diff --git a/.editorconfig b/.editorconfig
index 8f0de65c560259bd171d746d12aa187f666893a3..1671c9b9d94ae80b2d39c6b6a64d154b0ac6cb65 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -3,9 +3,9 @@ root = true
 [*]
 charset = utf-8
 end_of_line = lf
-indent_size = 4
-indent_style = space
 insert_final_newline = true
+indent_style = space
+indent_size = 4
 trim_trailing_whitespace = true
 
 [*.md]
diff --git a/.env.example b/.env.example
index 7b49625aae4202e74323b7bbfab1c14a2bfa91fa..a4b4ab8043351dc272163bf8e02e80800644d0b1 100644
--- a/.env.example
+++ b/.env.example
@@ -1,54 +1,36 @@
-APP_NAME=Laravel
+APP_NAME=Vristo
 APP_ENV=local
 APP_KEY=
 APP_DEBUG=true
-APP_TIMEZONE=UTC
-APP_URL=http://localhost
-
-APP_LOCALE=en
-APP_FALLBACK_LOCALE=en
-APP_FAKER_LOCALE=en_US
-
-APP_MAINTENANCE_DRIVER=file
-APP_MAINTENANCE_STORE=database
-
-BCRYPT_ROUNDS=12
+APP_URL=http://127.0.0.1:8000
 
 LOG_CHANNEL=stack
-LOG_STACK=single
 LOG_DEPRECATIONS_CHANNEL=null
 LOG_LEVEL=debug
 
-DB_CONNECTION=sqlite
-# DB_HOST=127.0.0.1
-# DB_PORT=3306
-# DB_DATABASE=laravel
-# DB_USERNAME=root
-# DB_PASSWORD=
+DB_CONNECTION=mysql
+DB_HOST=127.0.0.1
+DB_PORT=3306
+DB_DATABASE=laravel
+DB_USERNAME=root
+DB_PASSWORD=
 
-SESSION_DRIVER=database
-SESSION_LIFETIME=120
-SESSION_ENCRYPT=false
-SESSION_PATH=/
-SESSION_DOMAIN=null
-
-BROADCAST_CONNECTION=log
+BROADCAST_DRIVER=log
+CACHE_DRIVER=file
 FILESYSTEM_DISK=local
-QUEUE_CONNECTION=database
-
-CACHE_STORE=database
-CACHE_PREFIX=
+QUEUE_CONNECTION=sync
+SESSION_DRIVER=file
+SESSION_LIFETIME=120
 
 MEMCACHED_HOST=127.0.0.1
 
-REDIS_CLIENT=phpredis
 REDIS_HOST=127.0.0.1
 REDIS_PASSWORD=null
 REDIS_PORT=6379
 
-MAIL_MAILER=log
-MAIL_HOST=127.0.0.1
-MAIL_PORT=2525
+MAIL_MAILER=smtp
+MAIL_HOST=mailhog
+MAIL_PORT=1025
 MAIL_USERNAME=null
 MAIL_PASSWORD=null
 MAIL_ENCRYPTION=null
@@ -61,4 +43,16 @@ AWS_DEFAULT_REGION=us-east-1
 AWS_BUCKET=
 AWS_USE_PATH_STYLE_ENDPOINT=false
 
-VITE_APP_NAME="${APP_NAME}"
+PUSHER_APP_ID=
+PUSHER_APP_KEY=
+PUSHER_APP_SECRET=
+PUSHER_HOST=
+PUSHER_PORT=443
+PUSHER_SCHEME=https
+PUSHER_APP_CLUSTER=mt1
+
+VITE_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
+VITE_PUSHER_HOST="${PUSHER_HOST}"
+VITE_PUSHER_PORT="${PUSHER_PORT}"
+VITE_PUSHER_SCHEME="${PUSHER_SCHEME}"
+VITE_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"
diff --git a/.gitattributes b/.gitattributes
index fcb21d396d657f597ef8b6729f73d89b0a871c9b..7dbbf41a4b6c5b8ef8f795ebc48477144a0e7c31 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -1,4 +1,4 @@
-* text=auto eol=lf
+* text=auto
 
 *.blade.php diff=html
 *.css diff=css
diff --git a/.gitignore b/.gitignore
index 46340a60ac9862e2cc6db274162807e7ecea7dec..38e5b253978c92add3ec228fbbc08eb39dd223ee 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,3 @@
-/.phpunit.cache
 /node_modules
 /public/build
 /public/hot
@@ -7,14 +6,11 @@
 /vendor
 .env
 .env.backup
-.env.production
-.phpactor.json
 .phpunit.result.cache
 Homestead.json
 Homestead.yaml
 auth.json
 npm-debug.log
 yarn-error.log
-/.fleet
 /.idea
 /.vscode
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000000000000000000000000000000000000..2537e81c6fd242e3466a1aedc4dbe896ed341d46
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,6 @@
+{
+    "semi": true,
+    "singleQuote": true,
+    "printWidth": 160,
+    "vueIndentScriptAndStyle": true
+}
diff --git a/LICENSE b/LICENSE
deleted file mode 100644
index b9ce1a453c7722fb805899cda2db5717f9e50190..0000000000000000000000000000000000000000
--- a/LICENSE
+++ /dev/null
@@ -1,674 +0,0 @@
-                    GNU GENERAL PUBLIC LICENSE
-                       Version 3, 29 June 2007
-
- Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
- Everyone is permitted to copy and distribute verbatim copies
- of this license document, but changing it is not allowed.
-
-                            Preamble
-
-  The GNU General Public License is a free, copyleft license for
-software and other kinds of works.
-
-  The licenses for most software and other practical works are designed
-to take away your freedom to share and change the works.  By contrast,
-the GNU General Public License is intended to guarantee your freedom to
-share and change all versions of a program--to make sure it remains free
-software for all its users.  We, the Free Software Foundation, use the
-GNU General Public License for most of our software; it applies also to
-any other work released this way by its authors.  You can apply it to
-your programs, too.
-
-  When we speak of free software, we are referring to freedom, not
-price.  Our General Public Licenses are designed to make sure that you
-have the freedom to distribute copies of free software (and charge for
-them if you wish), that you receive source code or can get it if you
-want it, that you can change the software or use pieces of it in new
-free programs, and that you know you can do these things.
-
-  To protect your rights, we need to prevent others from denying you
-these rights or asking you to surrender the rights.  Therefore, you have
-certain responsibilities if you distribute copies of the software, or if
-you modify it: responsibilities to respect the freedom of others.
-
-  For example, if you distribute copies of such a program, whether
-gratis or for a fee, you must pass on to the recipients the same
-freedoms that you received.  You must make sure that they, too, receive
-or can get the source code.  And you must show them these terms so they
-know their rights.
-
-  Developers that use the GNU GPL protect your rights with two steps:
-(1) assert copyright on the software, and (2) offer you this License
-giving you legal permission to copy, distribute and/or modify it.
-
-  For the developers' and authors' protection, the GPL clearly explains
-that there is no warranty for this free software.  For both users' and
-authors' sake, the GPL requires that modified versions be marked as
-changed, so that their problems will not be attributed erroneously to
-authors of previous versions.
-
-  Some devices are designed to deny users access to install or run
-modified versions of the software inside them, although the manufacturer
-can do so.  This is fundamentally incompatible with the aim of
-protecting users' freedom to change the software.  The systematic
-pattern of such abuse occurs in the area of products for individuals to
-use, which is precisely where it is most unacceptable.  Therefore, we
-have designed this version of the GPL to prohibit the practice for those
-products.  If such problems arise substantially in other domains, we
-stand ready to extend this provision to those domains in future versions
-of the GPL, as needed to protect the freedom of users.
-
-  Finally, every program is threatened constantly by software patents.
-States should not allow patents to restrict development and use of
-software on general-purpose computers, but in those that do, we wish to
-avoid the special danger that patents applied to a free program could
-make it effectively proprietary.  To prevent this, the GPL assures that
-patents cannot be used to render the program non-free.
-
-  The precise terms and conditions for copying, distribution and
-modification follow.
-
-                       TERMS AND CONDITIONS
-
-  0. Definitions.
-
-  "This License" refers to version 3 of the GNU General Public License.
-
-  "Copyright" also means copyright-like laws that apply to other kinds of
-works, such as semiconductor masks.
-
-  "The Program" refers to any copyrightable work licensed under this
-License.  Each licensee is addressed as "you".  "Licensees" and
-"recipients" may be individuals or organizations.
-
-  To "modify" a work means to copy from or adapt all or part of the work
-in a fashion requiring copyright permission, other than the making of an
-exact copy.  The resulting work is called a "modified version" of the
-earlier work or a work "based on" the earlier work.
-
-  A "covered work" means either the unmodified Program or a work based
-on the Program.
-
-  To "propagate" a work means to do anything with it that, without
-permission, would make you directly or secondarily liable for
-infringement under applicable copyright law, except executing it on a
-computer or modifying a private copy.  Propagation includes copying,
-distribution (with or without modification), making available to the
-public, and in some countries other activities as well.
-
-  To "convey" a work means any kind of propagation that enables other
-parties to make or receive copies.  Mere interaction with a user through
-a computer network, with no transfer of a copy, is not conveying.
-
-  An interactive user interface displays "Appropriate Legal Notices"
-to the extent that it includes a convenient and prominently visible
-feature that (1) displays an appropriate copyright notice, and (2)
-tells the user that there is no warranty for the work (except to the
-extent that warranties are provided), that licensees may convey the
-work under this License, and how to view a copy of this License.  If
-the interface presents a list of user commands or options, such as a
-menu, a prominent item in the list meets this criterion.
-
-  1. Source Code.
-
-  The "source code" for a work means the preferred form of the work
-for making modifications to it.  "Object code" means any non-source
-form of a work.
-
-  A "Standard Interface" means an interface that either is an official
-standard defined by a recognized standards body, or, in the case of
-interfaces specified for a particular programming language, one that
-is widely used among developers working in that language.
-
-  The "System Libraries" of an executable work include anything, other
-than the work as a whole, that (a) is included in the normal form of
-packaging a Major Component, but which is not part of that Major
-Component, and (b) serves only to enable use of the work with that
-Major Component, or to implement a Standard Interface for which an
-implementation is available to the public in source code form.  A
-"Major Component", in this context, means a major essential component
-(kernel, window system, and so on) of the specific operating system
-(if any) on which the executable work runs, or a compiler used to
-produce the work, or an object code interpreter used to run it.
-
-  The "Corresponding Source" for a work in object code form means all
-the source code needed to generate, install, and (for an executable
-work) run the object code and to modify the work, including scripts to
-control those activities.  However, it does not include the work's
-System Libraries, or general-purpose tools or generally available free
-programs which are used unmodified in performing those activities but
-which are not part of the work.  For example, Corresponding Source
-includes interface definition files associated with source files for
-the work, and the source code for shared libraries and dynamically
-linked subprograms that the work is specifically designed to require,
-such as by intimate data communication or control flow between those
-subprograms and other parts of the work.
-
-  The Corresponding Source need not include anything that users
-can regenerate automatically from other parts of the Corresponding
-Source.
-
-  The Corresponding Source for a work in source code form is that
-same work.
-
-  2. Basic Permissions.
-
-  All rights granted under this License are granted for the term of
-copyright on the Program, and are irrevocable provided the stated
-conditions are met.  This License explicitly affirms your unlimited
-permission to run the unmodified Program.  The output from running a
-covered work is covered by this License only if the output, given its
-content, constitutes a covered work.  This License acknowledges your
-rights of fair use or other equivalent, as provided by copyright law.
-
-  You may make, run and propagate covered works that you do not
-convey, without conditions so long as your license otherwise remains
-in force.  You may convey covered works to others for the sole purpose
-of having them make modifications exclusively for you, or provide you
-with facilities for running those works, provided that you comply with
-the terms of this License in conveying all material for which you do
-not control copyright.  Those thus making or running the covered works
-for you must do so exclusively on your behalf, under your direction
-and control, on terms that prohibit them from making any copies of
-your copyrighted material outside their relationship with you.
-
-  Conveying under any other circumstances is permitted solely under
-the conditions stated below.  Sublicensing is not allowed; section 10
-makes it unnecessary.
-
-  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
-
-  No covered work shall be deemed part of an effective technological
-measure under any applicable law fulfilling obligations under article
-11 of the WIPO copyright treaty adopted on 20 December 1996, or
-similar laws prohibiting or restricting circumvention of such
-measures.
-
-  When you convey a covered work, you waive any legal power to forbid
-circumvention of technological measures to the extent such circumvention
-is effected by exercising rights under this License with respect to
-the covered work, and you disclaim any intention to limit operation or
-modification of the work as a means of enforcing, against the work's
-users, your or third parties' legal rights to forbid circumvention of
-technological measures.
-
-  4. Conveying Verbatim Copies.
-
-  You may convey verbatim copies of the Program's source code as you
-receive it, in any medium, provided that you conspicuously and
-appropriately publish on each copy an appropriate copyright notice;
-keep intact all notices stating that this License and any
-non-permissive terms added in accord with section 7 apply to the code;
-keep intact all notices of the absence of any warranty; and give all
-recipients a copy of this License along with the Program.
-
-  You may charge any price or no price for each copy that you convey,
-and you may offer support or warranty protection for a fee.
-
-  5. Conveying Modified Source Versions.
-
-  You may convey a work based on the Program, or the modifications to
-produce it from the Program, in the form of source code under the
-terms of section 4, provided that you also meet all of these conditions:
-
-    a) The work must carry prominent notices stating that you modified
-    it, and giving a relevant date.
-
-    b) The work must carry prominent notices stating that it is
-    released under this License and any conditions added under section
-    7.  This requirement modifies the requirement in section 4 to
-    "keep intact all notices".
-
-    c) You must license the entire work, as a whole, under this
-    License to anyone who comes into possession of a copy.  This
-    License will therefore apply, along with any applicable section 7
-    additional terms, to the whole of the work, and all its parts,
-    regardless of how they are packaged.  This License gives no
-    permission to license the work in any other way, but it does not
-    invalidate such permission if you have separately received it.
-
-    d) If the work has interactive user interfaces, each must display
-    Appropriate Legal Notices; however, if the Program has interactive
-    interfaces that do not display Appropriate Legal Notices, your
-    work need not make them do so.
-
-  A compilation of a covered work with other separate and independent
-works, which are not by their nature extensions of the covered work,
-and which are not combined with it such as to form a larger program,
-in or on a volume of a storage or distribution medium, is called an
-"aggregate" if the compilation and its resulting copyright are not
-used to limit the access or legal rights of the compilation's users
-beyond what the individual works permit.  Inclusion of a covered work
-in an aggregate does not cause this License to apply to the other
-parts of the aggregate.
-
-  6. Conveying Non-Source Forms.
-
-  You may convey a covered work in object code form under the terms
-of sections 4 and 5, provided that you also convey the
-machine-readable Corresponding Source under the terms of this License,
-in one of these ways:
-
-    a) Convey the object code in, or embodied in, a physical product
-    (including a physical distribution medium), accompanied by the
-    Corresponding Source fixed on a durable physical medium
-    customarily used for software interchange.
-
-    b) Convey the object code in, or embodied in, a physical product
-    (including a physical distribution medium), accompanied by a
-    written offer, valid for at least three years and valid for as
-    long as you offer spare parts or customer support for that product
-    model, to give anyone who possesses the object code either (1) a
-    copy of the Corresponding Source for all the software in the
-    product that is covered by this License, on a durable physical
-    medium customarily used for software interchange, for a price no
-    more than your reasonable cost of physically performing this
-    conveying of source, or (2) access to copy the
-    Corresponding Source from a network server at no charge.
-
-    c) Convey individual copies of the object code with a copy of the
-    written offer to provide the Corresponding Source.  This
-    alternative is allowed only occasionally and noncommercially, and
-    only if you received the object code with such an offer, in accord
-    with subsection 6b.
-
-    d) Convey the object code by offering access from a designated
-    place (gratis or for a charge), and offer equivalent access to the
-    Corresponding Source in the same way through the same place at no
-    further charge.  You need not require recipients to copy the
-    Corresponding Source along with the object code.  If the place to
-    copy the object code is a network server, the Corresponding Source
-    may be on a different server (operated by you or a third party)
-    that supports equivalent copying facilities, provided you maintain
-    clear directions next to the object code saying where to find the
-    Corresponding Source.  Regardless of what server hosts the
-    Corresponding Source, you remain obligated to ensure that it is
-    available for as long as needed to satisfy these requirements.
-
-    e) Convey the object code using peer-to-peer transmission, provided
-    you inform other peers where the object code and Corresponding
-    Source of the work are being offered to the general public at no
-    charge under subsection 6d.
-
-  A separable portion of the object code, whose source code is excluded
-from the Corresponding Source as a System Library, need not be
-included in conveying the object code work.
-
-  A "User Product" is either (1) a "consumer product", which means any
-tangible personal property which is normally used for personal, family,
-or household purposes, or (2) anything designed or sold for incorporation
-into a dwelling.  In determining whether a product is a consumer product,
-doubtful cases shall be resolved in favor of coverage.  For a particular
-product received by a particular user, "normally used" refers to a
-typical or common use of that class of product, regardless of the status
-of the particular user or of the way in which the particular user
-actually uses, or expects or is expected to use, the product.  A product
-is a consumer product regardless of whether the product has substantial
-commercial, industrial or non-consumer uses, unless such uses represent
-the only significant mode of use of the product.
-
-  "Installation Information" for a User Product means any methods,
-procedures, authorization keys, or other information required to install
-and execute modified versions of a covered work in that User Product from
-a modified version of its Corresponding Source.  The information must
-suffice to ensure that the continued functioning of the modified object
-code is in no case prevented or interfered with solely because
-modification has been made.
-
-  If you convey an object code work under this section in, or with, or
-specifically for use in, a User Product, and the conveying occurs as
-part of a transaction in which the right of possession and use of the
-User Product is transferred to the recipient in perpetuity or for a
-fixed term (regardless of how the transaction is characterized), the
-Corresponding Source conveyed under this section must be accompanied
-by the Installation Information.  But this requirement does not apply
-if neither you nor any third party retains the ability to install
-modified object code on the User Product (for example, the work has
-been installed in ROM).
-
-  The requirement to provide Installation Information does not include a
-requirement to continue to provide support service, warranty, or updates
-for a work that has been modified or installed by the recipient, or for
-the User Product in which it has been modified or installed.  Access to a
-network may be denied when the modification itself materially and
-adversely affects the operation of the network or violates the rules and
-protocols for communication across the network.
-
-  Corresponding Source conveyed, and Installation Information provided,
-in accord with this section must be in a format that is publicly
-documented (and with an implementation available to the public in
-source code form), and must require no special password or key for
-unpacking, reading or copying.
-
-  7. Additional Terms.
-
-  "Additional permissions" are terms that supplement the terms of this
-License by making exceptions from one or more of its conditions.
-Additional permissions that are applicable to the entire Program shall
-be treated as though they were included in this License, to the extent
-that they are valid under applicable law.  If additional permissions
-apply only to part of the Program, that part may be used separately
-under those permissions, but the entire Program remains governed by
-this License without regard to the additional permissions.
-
-  When you convey a copy of a covered work, you may at your option
-remove any additional permissions from that copy, or from any part of
-it.  (Additional permissions may be written to require their own
-removal in certain cases when you modify the work.)  You may place
-additional permissions on material, added by you to a covered work,
-for which you have or can give appropriate copyright permission.
-
-  Notwithstanding any other provision of this License, for material you
-add to a covered work, you may (if authorized by the copyright holders of
-that material) supplement the terms of this License with terms:
-
-    a) Disclaiming warranty or limiting liability differently from the
-    terms of sections 15 and 16 of this License; or
-
-    b) Requiring preservation of specified reasonable legal notices or
-    author attributions in that material or in the Appropriate Legal
-    Notices displayed by works containing it; or
-
-    c) Prohibiting misrepresentation of the origin of that material, or
-    requiring that modified versions of such material be marked in
-    reasonable ways as different from the original version; or
-
-    d) Limiting the use for publicity purposes of names of licensors or
-    authors of the material; or
-
-    e) Declining to grant rights under trademark law for use of some
-    trade names, trademarks, or service marks; or
-
-    f) Requiring indemnification of licensors and authors of that
-    material by anyone who conveys the material (or modified versions of
-    it) with contractual assumptions of liability to the recipient, for
-    any liability that these contractual assumptions directly impose on
-    those licensors and authors.
-
-  All other non-permissive additional terms are considered "further
-restrictions" within the meaning of section 10.  If the Program as you
-received it, or any part of it, contains a notice stating that it is
-governed by this License along with a term that is a further
-restriction, you may remove that term.  If a license document contains
-a further restriction but permits relicensing or conveying under this
-License, you may add to a covered work material governed by the terms
-of that license document, provided that the further restriction does
-not survive such relicensing or conveying.
-
-  If you add terms to a covered work in accord with this section, you
-must place, in the relevant source files, a statement of the
-additional terms that apply to those files, or a notice indicating
-where to find the applicable terms.
-
-  Additional terms, permissive or non-permissive, may be stated in the
-form of a separately written license, or stated as exceptions;
-the above requirements apply either way.
-
-  8. Termination.
-
-  You may not propagate or modify a covered work except as expressly
-provided under this License.  Any attempt otherwise to propagate or
-modify it is void, and will automatically terminate your rights under
-this License (including any patent licenses granted under the third
-paragraph of section 11).
-
-  However, if you cease all violation of this License, then your
-license from a particular copyright holder is reinstated (a)
-provisionally, unless and until the copyright holder explicitly and
-finally terminates your license, and (b) permanently, if the copyright
-holder fails to notify you of the violation by some reasonable means
-prior to 60 days after the cessation.
-
-  Moreover, your license from a particular copyright holder is
-reinstated permanently if the copyright holder notifies you of the
-violation by some reasonable means, this is the first time you have
-received notice of violation of this License (for any work) from that
-copyright holder, and you cure the violation prior to 30 days after
-your receipt of the notice.
-
-  Termination of your rights under this section does not terminate the
-licenses of parties who have received copies or rights from you under
-this License.  If your rights have been terminated and not permanently
-reinstated, you do not qualify to receive new licenses for the same
-material under section 10.
-
-  9. Acceptance Not Required for Having Copies.
-
-  You are not required to accept this License in order to receive or
-run a copy of the Program.  Ancillary propagation of a covered work
-occurring solely as a consequence of using peer-to-peer transmission
-to receive a copy likewise does not require acceptance.  However,
-nothing other than this License grants you permission to propagate or
-modify any covered work.  These actions infringe copyright if you do
-not accept this License.  Therefore, by modifying or propagating a
-covered work, you indicate your acceptance of this License to do so.
-
-  10. Automatic Licensing of Downstream Recipients.
-
-  Each time you convey a covered work, the recipient automatically
-receives a license from the original licensors, to run, modify and
-propagate that work, subject to this License.  You are not responsible
-for enforcing compliance by third parties with this License.
-
-  An "entity transaction" is a transaction transferring control of an
-organization, or substantially all assets of one, or subdividing an
-organization, or merging organizations.  If propagation of a covered
-work results from an entity transaction, each party to that
-transaction who receives a copy of the work also receives whatever
-licenses to the work the party's predecessor in interest had or could
-give under the previous paragraph, plus a right to possession of the
-Corresponding Source of the work from the predecessor in interest, if
-the predecessor has it or can get it with reasonable efforts.
-
-  You may not impose any further restrictions on the exercise of the
-rights granted or affirmed under this License.  For example, you may
-not impose a license fee, royalty, or other charge for exercise of
-rights granted under this License, and you may not initiate litigation
-(including a cross-claim or counterclaim in a lawsuit) alleging that
-any patent claim is infringed by making, using, selling, offering for
-sale, or importing the Program or any portion of it.
-
-  11. Patents.
-
-  A "contributor" is a copyright holder who authorizes use under this
-License of the Program or a work on which the Program is based.  The
-work thus licensed is called the contributor's "contributor version".
-
-  A contributor's "essential patent claims" are all patent claims
-owned or controlled by the contributor, whether already acquired or
-hereafter acquired, that would be infringed by some manner, permitted
-by this License, of making, using, or selling its contributor version,
-but do not include claims that would be infringed only as a
-consequence of further modification of the contributor version.  For
-purposes of this definition, "control" includes the right to grant
-patent sublicenses in a manner consistent with the requirements of
-this License.
-
-  Each contributor grants you a non-exclusive, worldwide, royalty-free
-patent license under the contributor's essential patent claims, to
-make, use, sell, offer for sale, import and otherwise run, modify and
-propagate the contents of its contributor version.
-
-  In the following three paragraphs, a "patent license" is any express
-agreement or commitment, however denominated, not to enforce a patent
-(such as an express permission to practice a patent or covenant not to
-sue for patent infringement).  To "grant" such a patent license to a
-party means to make such an agreement or commitment not to enforce a
-patent against the party.
-
-  If you convey a covered work, knowingly relying on a patent license,
-and the Corresponding Source of the work is not available for anyone
-to copy, free of charge and under the terms of this License, through a
-publicly available network server or other readily accessible means,
-then you must either (1) cause the Corresponding Source to be so
-available, or (2) arrange to deprive yourself of the benefit of the
-patent license for this particular work, or (3) arrange, in a manner
-consistent with the requirements of this License, to extend the patent
-license to downstream recipients.  "Knowingly relying" means you have
-actual knowledge that, but for the patent license, your conveying the
-covered work in a country, or your recipient's use of the covered work
-in a country, would infringe one or more identifiable patents in that
-country that you have reason to believe are valid.
-
-  If, pursuant to or in connection with a single transaction or
-arrangement, you convey, or propagate by procuring conveyance of, a
-covered work, and grant a patent license to some of the parties
-receiving the covered work authorizing them to use, propagate, modify
-or convey a specific copy of the covered work, then the patent license
-you grant is automatically extended to all recipients of the covered
-work and works based on it.
-
-  A patent license is "discriminatory" if it does not include within
-the scope of its coverage, prohibits the exercise of, or is
-conditioned on the non-exercise of one or more of the rights that are
-specifically granted under this License.  You may not convey a covered
-work if you are a party to an arrangement with a third party that is
-in the business of distributing software, under which you make payment
-to the third party based on the extent of your activity of conveying
-the work, and under which the third party grants, to any of the
-parties who would receive the covered work from you, a discriminatory
-patent license (a) in connection with copies of the covered work
-conveyed by you (or copies made from those copies), or (b) primarily
-for and in connection with specific products or compilations that
-contain the covered work, unless you entered into that arrangement,
-or that patent license was granted, prior to 28 March 2007.
-
-  Nothing in this License shall be construed as excluding or limiting
-any implied license or other defenses to infringement that may
-otherwise be available to you under applicable patent law.
-
-  12. No Surrender of Others' Freedom.
-
-  If conditions are imposed on you (whether by court order, agreement or
-otherwise) that contradict the conditions of this License, they do not
-excuse you from the conditions of this License.  If you cannot convey a
-covered work so as to satisfy simultaneously your obligations under this
-License and any other pertinent obligations, then as a consequence you may
-not convey it at all.  For example, if you agree to terms that obligate you
-to collect a royalty for further conveying from those to whom you convey
-the Program, the only way you could satisfy both those terms and this
-License would be to refrain entirely from conveying the Program.
-
-  13. Use with the GNU Affero General Public License.
-
-  Notwithstanding any other provision of this License, you have
-permission to link or combine any covered work with a work licensed
-under version 3 of the GNU Affero General Public License into a single
-combined work, and to convey the resulting work.  The terms of this
-License will continue to apply to the part which is the covered work,
-but the special requirements of the GNU Affero General Public License,
-section 13, concerning interaction through a network will apply to the
-combination as such.
-
-  14. Revised Versions of this License.
-
-  The Free Software Foundation may publish revised and/or new versions of
-the GNU General Public License from time to time.  Such new versions will
-be similar in spirit to the present version, but may differ in detail to
-address new problems or concerns.
-
-  Each version is given a distinguishing version number.  If the
-Program specifies that a certain numbered version of the GNU General
-Public License "or any later version" applies to it, you have the
-option of following the terms and conditions either of that numbered
-version or of any later version published by the Free Software
-Foundation.  If the Program does not specify a version number of the
-GNU General Public License, you may choose any version ever published
-by the Free Software Foundation.
-
-  If the Program specifies that a proxy can decide which future
-versions of the GNU General Public License can be used, that proxy's
-public statement of acceptance of a version permanently authorizes you
-to choose that version for the Program.
-
-  Later license versions may give you additional or different
-permissions.  However, no additional obligations are imposed on any
-author or copyright holder as a result of your choosing to follow a
-later version.
-
-  15. Disclaimer of Warranty.
-
-  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
-APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
-HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
-OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
-THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
-PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
-IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
-ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
-
-  16. Limitation of Liability.
-
-  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
-WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
-THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
-GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
-USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
-DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
-PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
-EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
-SUCH DAMAGES.
-
-  17. Interpretation of Sections 15 and 16.
-
-  If the disclaimer of warranty and limitation of liability provided
-above cannot be given local legal effect according to their terms,
-reviewing courts shall apply local law that most closely approximates
-an absolute waiver of all civil liability in connection with the
-Program, unless a warranty or assumption of liability accompanies a
-copy of the Program in return for a fee.
-
-                     END OF TERMS AND CONDITIONS
-
-            How to Apply These Terms to Your New Programs
-
-  If you develop a new program, and you want it to be of the greatest
-possible use to the public, the best way to achieve this is to make it
-free software which everyone can redistribute and change under these terms.
-
-  To do so, attach the following notices to the program.  It is safest
-to attach them to the start of each source file to most effectively
-state the exclusion of warranty; and each file should have at least
-the "copyright" line and a pointer to where the full notice is found.
-
-    <one line to give the program's name and a brief idea of what it does.>
-    Copyright (C) 2024  Alfonso Rafael Solis Rangel
-
-    This program is free software: you can redistribute it and/or modify
-    it under the terms of the GNU General Public License as published by
-    the Free Software Foundation, either version 3 of the License, or
-    (at your option) any later version.
-
-    This program is distributed in the hope that it will be useful,
-    but WITHOUT ANY WARRANTY; without even the implied warranty of
-    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-    GNU General Public License for more details.
-
-    You should have received a copy of the GNU General Public License
-    along with this program.  If not, see <https://www.gnu.org/licenses/>.
-
-Also add information on how to contact you by electronic and paper mail.
-
-  If the program does terminal interaction, make it output a short
-notice like this when it starts in an interactive mode:
-
-    <program>  Copyright (C) 2024  Alfonso Rafael Solis Rangel
-    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
-    This is free software, and you are welcome to redistribute it
-    under certain conditions; type `show c' for details.
-
-The hypothetical commands `show w' and `show c' should show the appropriate
-parts of the General Public License.  Of course, your program's commands
-might be different; for a GUI interface, you would use an "about box".
-
-  You should also get your employer (if you work as a programmer) or school,
-if any, to sign a "copyright disclaimer" for the program, if necessary.
-For more information on this, and how to apply and follow the GNU GPL, see
-<https://www.gnu.org/licenses/>.
-
-  The GNU General Public License does not permit incorporating your program
-into proprietary programs.  If your program is a subroutine library, you
-may consider it more useful to permit linking proprietary applications with
-the library.  If this is what you want to do, use the GNU Lesser General
-Public License instead of this License.  But first, please read
-<https://www.gnu.org/licenses/why-not-lgpl.html>.
diff --git a/README.md b/README.md
index 9de2ad7501394fabd972a495647cc0ef8112c3d5..bf0ddd92ccb6155c01c649070bada45d9dfc6113 100644
--- a/README.md
+++ b/README.md
@@ -1,82 +1,66 @@
-# Agenda
+<p align="center"><a href="https://laravel.com" target="_blank"><img src="https://raw.githubusercontent.com/laravel/art/master/logo-lockup/5%20SVG/2%20CMYK/1%20Full%20Color/laravel-logolockup-cmyk-red.svg" width="400" alt="Laravel Logo"></a></p>
 
-Este repositorio contiene el proyecto de la agenda personal del gobernador del estado. La aplicación estara alojada bajo el dominio de ${domain}.
+<p align="center">
+<a href="https://travis-ci.org/laravel/framework"><img src="https://travis-ci.org/laravel/framework.svg" alt="Build Status"></a>
+<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/dt/laravel/framework" alt="Total Downloads"></a>
+<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/v/laravel/framework" alt="Latest Stable Version"></a>
+<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/l/laravel/framework" alt="License"></a>
+</p>
 
-## Comenzando 🚀
+## About Laravel
 
-_Estas instrucciones te permitirán obtener una copia del proyecto en funcionamiento en tu máquina local para propósitos de desarrollo y pruebas._
+Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling. Laravel takes the pain out of development by easing common tasks used in many web projects, such as:
 
-Mira **Deployment** para conocer como desplegar el proyecto.
+- [Simple, fast routing engine](https://laravel.com/docs/routing).
+- [Powerful dependency injection container](https://laravel.com/docs/container).
+- Multiple back-ends for [session](https://laravel.com/docs/session) and [cache](https://laravel.com/docs/cache) storage.
+- Expressive, intuitive [database ORM](https://laravel.com/docs/eloquent).
+- Database agnostic [schema migrations](https://laravel.com/docs/migrations).
+- [Robust background job processing](https://laravel.com/docs/queues).
+- [Real-time event broadcasting](https://laravel.com/docs/broadcasting).
 
+Laravel is accessible, powerful, and provides tools required for large, robust applications.
 
-### Pre-requisitos Windows y Linux🖥🐧️📋
+## Learning Laravel
 
-```
-Docker
-Docker Compose
-```
+Laravel has the most extensive and thorough [documentation](https://laravel.com/docs) and video tutorial library of all modern web application frameworks, making it a breeze to get started with the framework.
 
-### Instalación 🔧
+You may also try the [Laravel Bootcamp](https://bootcamp.laravel.com), where you will be guided through building a modern Laravel application from scratch.
 
-_Abrir el CMD o una terminal y ejecutar:_
+If you don't feel like reading, [Laracasts](https://laracasts.com) can help. Laracasts contains over 2000 video tutorials on a range of topics including Laravel, modern PHP, unit testing, and JavaScript. Boost your skills by digging into our comprehensive video library.
 
-```bash
-git clone https://labsol.cozcyt.gob.mx/git/doublerre/agendagobernador.git
-```
+## Laravel Sponsors
 
-_Una vez descargado ingresaremos a la carpeta del proyecto con:_
+We would like to extend our thanks to the following sponsors for funding Laravel development. If you are interested in becoming a sponsor, please visit the Laravel [Patreon page](https://patreon.com/taylorotwell).
 
-```bash
-cd agendagobernador
-```
+### Premium Partners
 
-_Realizaremos una copia del archivo .env.example para contar con las variables de entorno de Laravel con el siguiente comando:_
-```bash
-cp .env.example .env
-```
+- **[Vehikl](https://vehikl.com/)**
+- **[Tighten Co.](https://tighten.co)**
+- **[Kirschbaum Development Group](https://kirschbaumdevelopment.com)**
+- **[64 Robots](https://64robots.com)**
+- **[Cubet Techno Labs](https://cubettech.com)**
+- **[Cyber-Duck](https://cyber-duck.co.uk)**
+- **[Many](https://www.many.co.uk)**
+- **[Webdock, Fast VPS Hosting](https://www.webdock.io/en)**
+- **[DevSquad](https://devsquad.com)**
+- **[Curotec](https://www.curotec.com/services/technologies/laravel/)**
+- **[OP.GG](https://op.gg)**
+- **[WebReinvent](https://webreinvent.com/?utm_source=laravel&utm_medium=github&utm_campaign=patreon-sponsors)**
+- **[Lendio](https://lendio.com)**
 
-_Dentro de la carpeta del proyecto haremos un:_
+## Contributing
 
-```bash
-docker compose up -d --build
-```
+Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the [Laravel documentation](https://laravel.com/docs/contributions).
 
-_Esperamos a que termine de construir los contenedores del proyecto. Nota: La construcción de los contenedores dependeran de tu conexión a internet y la velocidad de tu equipo de desarrollo._
+## Code of Conduct
 
-_Una vez terminado este proceso haremos un:_
-```bash
-docker compose exec app composer install
-docker compose exec app php artisan key:generate
-docker compose exec app php artisan migrate
-```
+In order to ensure that the Laravel community is welcoming to all, please review and abide by the [Code of Conduct](https://laravel.com/docs/contributions#code-of-conduct).
 
-## Despliegue 📦
+## Security Vulnerabilities
 
-_Si seguiste correctamente las indicaciones de este repositorio deberas de tener una copia funcional del proyecto._
+If you discover a security vulnerability within Laravel, please send an e-mail to Taylor Otwell via [taylor@laravel.com](mailto:taylor@laravel.com). All security vulnerabilities will be promptly addressed.
 
-## Construido con 🛠
+## License
 
-* [Laravel](https://laravel.com/docs/11.x) - El framework web usado.
-* [NodeJS](https://nodejs.org/en) - Funcionamiento de LaravelMix
-
-## Autores ✒️
-
-* **Rafael Rangel** - *Owner del repositorio* - [doublerre](https://github.com/doublerre)
-
-También puedes mirar la lista de todos los [contribuyentes](https://labsol.cozcyt.gob.mx/git/doublerre/agendagobernador/-/project_members) quíenes han participado en este proyecto. 
-
-## Licencia 📄
-
-Este proyecto está bajo la Licencia (GPL3.0) - mira el archivo [LICENSE](https://labsol.cozcyt.gob.mx/git/doublerre/agendagobernador/-/blob/main/LICENSE) para detalles.
-
-## Expresiones de Gratitud 🎁
-
-* Comenta a otros sobre este proyecto 📢
-* Invita una cerveza 🍺 o un café ☕ a alguien del equipo. 
-* Da las gracias públicamente 🤓.
-* etc.
-
-
-
----
-⌨️ con ❤️ por [doublerre](https://github.com/doublerre) 😊
\ No newline at end of file
+The Laravel framework is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).
diff --git a/app/Actions/Fortify/CreateNewUser.php b/app/Actions/Fortify/CreateNewUser.php
deleted file mode 100644
index 1b29aa2cdb0a937741cfe87044ea7301d95dd7dc..0000000000000000000000000000000000000000
--- a/app/Actions/Fortify/CreateNewUser.php
+++ /dev/null
@@ -1,35 +0,0 @@
-<?php
-
-namespace App\Actions\Fortify;
-
-use App\Models\User;
-use Illuminate\Support\Facades\Hash;
-use Illuminate\Support\Facades\Validator;
-use Laravel\Fortify\Contracts\CreatesNewUsers;
-use Laravel\Jetstream\Jetstream;
-
-class CreateNewUser implements CreatesNewUsers
-{
-    use PasswordValidationRules;
-
-    /**
-     * Validate and create a newly registered user.
-     *
-     * @param  array<string, string>  $input
-     */
-    public function create(array $input): User
-    {
-        Validator::make($input, [
-            'name' => ['required', 'string', 'max:255'],
-            'username' => ['required', 'string', 'max:255', 'min:4', 'unique:users'],
-            'password' => $this->passwordRules(),
-            'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature() ? ['accepted', 'required'] : '',
-        ])->validate();
-
-        return User::create([
-            'name' => $input['name'],
-            'username' => $input['username'],
-            'password' => Hash::make($input['password']),
-        ]);
-    }
-}
diff --git a/app/Actions/Fortify/PasswordValidationRules.php b/app/Actions/Fortify/PasswordValidationRules.php
deleted file mode 100644
index 76b19d33098119104af7d2e5ef8826fc7f5bf87d..0000000000000000000000000000000000000000
--- a/app/Actions/Fortify/PasswordValidationRules.php
+++ /dev/null
@@ -1,18 +0,0 @@
-<?php
-
-namespace App\Actions\Fortify;
-
-use Illuminate\Validation\Rules\Password;
-
-trait PasswordValidationRules
-{
-    /**
-     * Get the validation rules used to validate passwords.
-     *
-     * @return array<int, \Illuminate\Contracts\Validation\Rule|array<mixed>|string>
-     */
-    protected function passwordRules(): array
-    {
-        return ['required', 'string', Password::default(), 'confirmed'];
-    }
-}
diff --git a/app/Actions/Fortify/ResetUserPassword.php b/app/Actions/Fortify/ResetUserPassword.php
deleted file mode 100644
index 7a57c5037bc5a42b3e71979ed25094a76639ad6c..0000000000000000000000000000000000000000
--- a/app/Actions/Fortify/ResetUserPassword.php
+++ /dev/null
@@ -1,29 +0,0 @@
-<?php
-
-namespace App\Actions\Fortify;
-
-use App\Models\User;
-use Illuminate\Support\Facades\Hash;
-use Illuminate\Support\Facades\Validator;
-use Laravel\Fortify\Contracts\ResetsUserPasswords;
-
-class ResetUserPassword implements ResetsUserPasswords
-{
-    use PasswordValidationRules;
-
-    /**
-     * Validate and reset the user's forgotten password.
-     *
-     * @param  array<string, string>  $input
-     */
-    public function reset(User $user, array $input): void
-    {
-        Validator::make($input, [
-            'password' => $this->passwordRules(),
-        ])->validate();
-
-        $user->forceFill([
-            'password' => Hash::make($input['password']),
-        ])->save();
-    }
-}
diff --git a/app/Actions/Fortify/UpdateUserPassword.php b/app/Actions/Fortify/UpdateUserPassword.php
deleted file mode 100644
index 70056390528e858c5bc863acf1a6ace67bb25301..0000000000000000000000000000000000000000
--- a/app/Actions/Fortify/UpdateUserPassword.php
+++ /dev/null
@@ -1,32 +0,0 @@
-<?php
-
-namespace App\Actions\Fortify;
-
-use App\Models\User;
-use Illuminate\Support\Facades\Hash;
-use Illuminate\Support\Facades\Validator;
-use Laravel\Fortify\Contracts\UpdatesUserPasswords;
-
-class UpdateUserPassword implements UpdatesUserPasswords
-{
-    use PasswordValidationRules;
-
-    /**
-     * Validate and update the user's password.
-     *
-     * @param  array<string, string>  $input
-     */
-    public function update(User $user, array $input): void
-    {
-        Validator::make($input, [
-            'current_password' => ['required', 'string', 'current_password:web'],
-            'password' => $this->passwordRules(),
-        ], [
-            'current_password.current_password' => __('The provided password does not match your current password.'),
-        ])->validateWithBag('updatePassword');
-
-        $user->forceFill([
-            'password' => Hash::make($input['password']),
-        ])->save();
-    }
-}
diff --git a/app/Actions/Fortify/UpdateUserProfileInformation.php b/app/Actions/Fortify/UpdateUserProfileInformation.php
deleted file mode 100644
index efde7e8f030b6b5e71a2f260c4c6d2866e5767da..0000000000000000000000000000000000000000
--- a/app/Actions/Fortify/UpdateUserProfileInformation.php
+++ /dev/null
@@ -1,56 +0,0 @@
-<?php
-
-namespace App\Actions\Fortify;
-
-use App\Models\User;
-use Illuminate\Contracts\Auth\MustVerifyEmail;
-use Illuminate\Support\Facades\Validator;
-use Illuminate\Validation\Rule;
-use Laravel\Fortify\Contracts\UpdatesUserProfileInformation;
-
-class UpdateUserProfileInformation implements UpdatesUserProfileInformation
-{
-    /**
-     * Validate and update the given user's profile information.
-     *
-     * @param  array<string, mixed>  $input
-     */
-    public function update(User $user, array $input): void
-    {
-        Validator::make($input, [
-            'name' => ['required', 'string', 'max:255'],
-            'username' => ['required', 'min:4', 'max:255', Rule::unique('users')->ignore($user->id)],
-            'photo' => ['nullable', 'mimes:jpg,jpeg,png', 'max:1024'],
-        ])->validateWithBag('updateProfileInformation');
-
-        if (isset($input['photo'])) {
-            $user->updateProfilePhoto($input['photo']);
-        }
-
-        if ($input['email'] !== $user->email &&
-            $user instanceof MustVerifyEmail) {
-            $this->updateVerifiedUser($user, $input);
-        } else {
-            $user->forceFill([
-                'name' => $input['name'],
-                'username' => $input['username'],
-            ])->save();
-        }
-    }
-
-    /**
-     * Update the given verified user's profile information.
-     *
-     * @param  array<string, string>  $input
-     */
-    protected function updateVerifiedUser(User $user, array $input): void
-    {
-        $user->forceFill([
-            'name' => $input['name'],
-            'email' => $input['email'],
-            'email_verified_at' => null,
-        ])->save();
-
-        $user->sendEmailVerificationNotification();
-    }
-}
diff --git a/app/Actions/Jetstream/DeleteUser.php b/app/Actions/Jetstream/DeleteUser.php
deleted file mode 100644
index 083159ef943f8e260f92e672d7ceaa05c5723aa8..0000000000000000000000000000000000000000
--- a/app/Actions/Jetstream/DeleteUser.php
+++ /dev/null
@@ -1,19 +0,0 @@
-<?php
-
-namespace App\Actions\Jetstream;
-
-use App\Models\User;
-use Laravel\Jetstream\Contracts\DeletesUsers;
-
-class DeleteUser implements DeletesUsers
-{
-    /**
-     * Delete the given user.
-     */
-    public function delete(User $user): void
-    {
-        $user->deleteProfilePhoto();
-        $user->tokens->each->delete();
-        $user->delete();
-    }
-}
diff --git a/app/Console/Kernel.php b/app/Console/Kernel.php
new file mode 100644
index 0000000000000000000000000000000000000000..d8bc1d29f0ca5533beb6106f170b14fce854269d
--- /dev/null
+++ b/app/Console/Kernel.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Console;
+
+use Illuminate\Console\Scheduling\Schedule;
+use Illuminate\Foundation\Console\Kernel as ConsoleKernel;
+
+class Kernel extends ConsoleKernel
+{
+    /**
+     * Define the application's command schedule.
+     *
+     * @param  \Illuminate\Console\Scheduling\Schedule  $schedule
+     * @return void
+     */
+    protected function schedule(Schedule $schedule)
+    {
+        // $schedule->command('inspire')->hourly();
+    }
+
+    /**
+     * Register the commands for the application.
+     *
+     * @return void
+     */
+    protected function commands()
+    {
+        $this->load(__DIR__.'/Commands');
+
+        require base_path('routes/console.php');
+    }
+}
diff --git a/app/Exceptions/Handler.php b/app/Exceptions/Handler.php
new file mode 100644
index 0000000000000000000000000000000000000000..82a37e400815ec871d3b88cc2f08a67740cec161
--- /dev/null
+++ b/app/Exceptions/Handler.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace App\Exceptions;
+
+use Illuminate\Foundation\Exceptions\Handler as ExceptionHandler;
+use Throwable;
+
+class Handler extends ExceptionHandler
+{
+    /**
+     * A list of exception types with their corresponding custom log levels.
+     *
+     * @var array<class-string<\Throwable>, \Psr\Log\LogLevel::*>
+     */
+    protected $levels = [
+        //
+    ];
+
+    /**
+     * A list of the exception types that are not reported.
+     *
+     * @var array<int, class-string<\Throwable>>
+     */
+    protected $dontReport = [
+        //
+    ];
+
+    /**
+     * A list of the inputs that are never flashed to the session on validation exceptions.
+     *
+     * @var array<int, string>
+     */
+    protected $dontFlash = [
+        'current_password',
+        'password',
+        'password_confirmation',
+    ];
+
+    /**
+     * Register the exception handling callbacks for the application.
+     *
+     * @return void
+     */
+    public function register()
+    {
+        $this->reportable(function (Throwable $e) {
+            //
+        });
+    }
+}
diff --git a/app/Http/Controllers/Controller.php b/app/Http/Controllers/Controller.php
index 8677cd5cabb06901eac3d8f9a500094d2c1dab45..a0a2a8a34a6221e4dceb24a759ed14e911f74c57 100644
--- a/app/Http/Controllers/Controller.php
+++ b/app/Http/Controllers/Controller.php
@@ -2,7 +2,12 @@
 
 namespace App\Http\Controllers;
 
-abstract class Controller
+use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
+use Illuminate\Foundation\Bus\DispatchesJobs;
+use Illuminate\Foundation\Validation\ValidatesRequests;
+use Illuminate\Routing\Controller as BaseController;
+
+class Controller extends BaseController
 {
-    //
+    use AuthorizesRequests, DispatchesJobs, ValidatesRequests;
 }
diff --git a/app/Http/Controllers/caracteristicasController.php b/app/Http/Controllers/caracteristicasController.php
deleted file mode 100644
index fa10e147050e6f38ab52b6f35e81a7ca63bb4270..0000000000000000000000000000000000000000
--- a/app/Http/Controllers/caracteristicasController.php
+++ /dev/null
@@ -1,10 +0,0 @@
-<?php
-
-namespace App\Http\Controllers;
-
-use Illuminate\Http\Request;
-
-class caracteristicasController extends Controller
-{
-    //
-}
diff --git a/app/Http/Controllers/cargosController.php b/app/Http/Controllers/cargosController.php
deleted file mode 100644
index 579af32cf6a6566cdb86d7725190494cb7763c12..0000000000000000000000000000000000000000
--- a/app/Http/Controllers/cargosController.php
+++ /dev/null
@@ -1,10 +0,0 @@
-<?php
-
-namespace App\Http\Controllers;
-
-use Illuminate\Http\Request;
-
-class cargosController extends Controller
-{
-    //
-}
diff --git a/app/Http/Controllers/gruposController.php b/app/Http/Controllers/gruposController.php
deleted file mode 100644
index 673c919dc51ec4708e3b157533f4663f4dde7b8c..0000000000000000000000000000000000000000
--- a/app/Http/Controllers/gruposController.php
+++ /dev/null
@@ -1,10 +0,0 @@
-<?php
-
-namespace App\Http\Controllers;
-
-use Illuminate\Http\Request;
-
-class gruposController extends Controller
-{
-    //
-}
diff --git a/app/Http/Controllers/profesionController.php b/app/Http/Controllers/profesionController.php
deleted file mode 100644
index b4cacfef56a2918de3de45a35ca5035e7bb1eba9..0000000000000000000000000000000000000000
--- a/app/Http/Controllers/profesionController.php
+++ /dev/null
@@ -1,10 +0,0 @@
-<?php
-
-namespace App\Http\Controllers;
-
-use Illuminate\Http\Request;
-
-class profesionController extends Controller
-{
-    //
-}
diff --git a/app/Http/Controllers/subgrupoController.php b/app/Http/Controllers/subgrupoController.php
deleted file mode 100644
index 12badd4cc3b48523e8fe228f9a879184b6269413..0000000000000000000000000000000000000000
--- a/app/Http/Controllers/subgrupoController.php
+++ /dev/null
@@ -1,10 +0,0 @@
-<?php
-
-namespace App\Http\Controllers;
-
-use Illuminate\Http\Request;
-
-class subgrupoController extends Controller
-{
-    //
-}
diff --git a/app/Http/Kernel.php b/app/Http/Kernel.php
new file mode 100644
index 0000000000000000000000000000000000000000..0079688113e3db1e0f7465419fbb8cb754dfb8e5
--- /dev/null
+++ b/app/Http/Kernel.php
@@ -0,0 +1,67 @@
+<?php
+
+namespace App\Http;
+
+use Illuminate\Foundation\Http\Kernel as HttpKernel;
+
+class Kernel extends HttpKernel
+{
+    /**
+     * The application's global HTTP middleware stack.
+     *
+     * These middleware are run during every request to your application.
+     *
+     * @var array<int, class-string|string>
+     */
+    protected $middleware = [
+        // \App\Http\Middleware\TrustHosts::class,
+        \App\Http\Middleware\TrustProxies::class,
+        \Illuminate\Http\Middleware\HandleCors::class,
+        \App\Http\Middleware\PreventRequestsDuringMaintenance::class,
+        \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
+        \App\Http\Middleware\TrimStrings::class,
+        \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
+    ];
+
+    /**
+     * The application's route middleware groups.
+     *
+     * @var array<string, array<int, class-string|string>>
+     */
+    protected $middlewareGroups = [
+        'web' => [
+            \App\Http\Middleware\EncryptCookies::class,
+            \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
+            \Illuminate\Session\Middleware\StartSession::class,
+            \Illuminate\View\Middleware\ShareErrorsFromSession::class,
+            \App\Http\Middleware\VerifyCsrfToken::class,
+            \Illuminate\Routing\Middleware\SubstituteBindings::class,
+        ],
+
+        'api' => [
+            // \Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
+            'throttle:api',
+            \Illuminate\Routing\Middleware\SubstituteBindings::class,
+        ],
+    ];
+
+    /**
+     * The application's route middleware.
+     *
+     * These middleware may be assigned to groups or used individually.
+     *
+     * @var array<string, class-string|string>
+     */
+    protected $routeMiddleware = [
+        'auth' => \App\Http\Middleware\Authenticate::class,
+        'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
+        'auth.session' => \Illuminate\Session\Middleware\AuthenticateSession::class,
+        'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class,
+        'can' => \Illuminate\Auth\Middleware\Authorize::class,
+        'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
+        'password.confirm' => \Illuminate\Auth\Middleware\RequirePassword::class,
+        'signed' => \App\Http\Middleware\ValidateSignature::class,
+        'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
+        'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class,
+    ];
+}
diff --git a/app/Http/Middleware/Authenticate.php b/app/Http/Middleware/Authenticate.php
new file mode 100644
index 0000000000000000000000000000000000000000..704089a7fe757c137d99241b758c912d8391e19d
--- /dev/null
+++ b/app/Http/Middleware/Authenticate.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Auth\Middleware\Authenticate as Middleware;
+
+class Authenticate extends Middleware
+{
+    /**
+     * Get the path the user should be redirected to when they are not authenticated.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return string|null
+     */
+    protected function redirectTo($request)
+    {
+        if (! $request->expectsJson()) {
+            return route('login');
+        }
+    }
+}
diff --git a/app/Http/Middleware/CheckBanned.php b/app/Http/Middleware/CheckBanned.php
deleted file mode 100644
index d4d0a16067701a774983511b7ce1caf8347f49b8..0000000000000000000000000000000000000000
--- a/app/Http/Middleware/CheckBanned.php
+++ /dev/null
@@ -1,29 +0,0 @@
-<?php
-
-namespace App\Http\Middleware;
-
-use Closure;
-use Illuminate\Http\Request;
-use Illuminate\Support\Facades\Auth;
-use Symfony\Component\HttpFoundation\Response;
-
-class CheckBanned
-{
-    /**
-     * Handle an incoming request.
-     *
-     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
-     */
-    public function handle(Request $request, Closure $next): Response
-    {
-        //dd(Auth());
-        if(auth()->check() && (auth()->user()->active == 0)){
-            auth('web')->logout();
-            $request->session()->invalidate();
-            $request->session()->regenerateToken();
-            return redirect()->route('login')->withErrors('Su cuenta está suspendida, póngase en contacto con el administrador del sistema.');
-        }
-
-        return $next($request);
-    }
-}
diff --git a/app/Http/Middleware/EncryptCookies.php b/app/Http/Middleware/EncryptCookies.php
new file mode 100644
index 0000000000000000000000000000000000000000..867695bdcff312bfa221d583e2b3223aab2426dd
--- /dev/null
+++ b/app/Http/Middleware/EncryptCookies.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Cookie\Middleware\EncryptCookies as Middleware;
+
+class EncryptCookies extends Middleware
+{
+    /**
+     * The names of the cookies that should not be encrypted.
+     *
+     * @var array<int, string>
+     */
+    protected $except = [
+        //
+    ];
+}
diff --git a/app/Http/Middleware/PreventRequestsDuringMaintenance.php b/app/Http/Middleware/PreventRequestsDuringMaintenance.php
new file mode 100644
index 0000000000000000000000000000000000000000..74cbd9a9eaaaf10a0a748f707729e62c8ce4b05c
--- /dev/null
+++ b/app/Http/Middleware/PreventRequestsDuringMaintenance.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Foundation\Http\Middleware\PreventRequestsDuringMaintenance as Middleware;
+
+class PreventRequestsDuringMaintenance extends Middleware
+{
+    /**
+     * The URIs that should be reachable while maintenance mode is enabled.
+     *
+     * @var array<int, string>
+     */
+    protected $except = [
+        //
+    ];
+}
diff --git a/app/Http/Middleware/RedirectIfAuthenticated.php b/app/Http/Middleware/RedirectIfAuthenticated.php
new file mode 100644
index 0000000000000000000000000000000000000000..a2813a06489f33806916684e1b8bbf2795aba5eb
--- /dev/null
+++ b/app/Http/Middleware/RedirectIfAuthenticated.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use App\Providers\RouteServiceProvider;
+use Closure;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+
+class RedirectIfAuthenticated
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  \Closure(\Illuminate\Http\Request): (\Illuminate\Http\Response|\Illuminate\Http\RedirectResponse)  $next
+     * @param  string|null  ...$guards
+     * @return \Illuminate\Http\Response|\Illuminate\Http\RedirectResponse
+     */
+    public function handle(Request $request, Closure $next, ...$guards)
+    {
+        $guards = empty($guards) ? [null] : $guards;
+
+        foreach ($guards as $guard) {
+            if (Auth::guard($guard)->check()) {
+                return redirect(RouteServiceProvider::HOME);
+            }
+        }
+
+        return $next($request);
+    }
+}
diff --git a/app/Http/Middleware/TrimStrings.php b/app/Http/Middleware/TrimStrings.php
new file mode 100644
index 0000000000000000000000000000000000000000..88cadcaaf281f473a7d03d757be46a6d1d307eaf
--- /dev/null
+++ b/app/Http/Middleware/TrimStrings.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Foundation\Http\Middleware\TrimStrings as Middleware;
+
+class TrimStrings extends Middleware
+{
+    /**
+     * The names of the attributes that should not be trimmed.
+     *
+     * @var array<int, string>
+     */
+    protected $except = [
+        'current_password',
+        'password',
+        'password_confirmation',
+    ];
+}
diff --git a/app/Http/Middleware/TrustHosts.php b/app/Http/Middleware/TrustHosts.php
new file mode 100644
index 0000000000000000000000000000000000000000..7186414c65794159f1a16a052921c44130463b4e
--- /dev/null
+++ b/app/Http/Middleware/TrustHosts.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Http\Middleware\TrustHosts as Middleware;
+
+class TrustHosts extends Middleware
+{
+    /**
+     * Get the host patterns that should be trusted.
+     *
+     * @return array<int, string|null>
+     */
+    public function hosts()
+    {
+        return [
+            $this->allSubdomainsOfApplicationUrl(),
+        ];
+    }
+}
diff --git a/app/Http/Middleware/TrustProxies.php b/app/Http/Middleware/TrustProxies.php
new file mode 100644
index 0000000000000000000000000000000000000000..3391630ecc9e859dad35834a43f119a67bb7df71
--- /dev/null
+++ b/app/Http/Middleware/TrustProxies.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Http\Middleware\TrustProxies as Middleware;
+use Illuminate\Http\Request;
+
+class TrustProxies extends Middleware
+{
+    /**
+     * The trusted proxies for this application.
+     *
+     * @var array<int, string>|string|null
+     */
+    protected $proxies;
+
+    /**
+     * The headers that should be used to detect proxies.
+     *
+     * @var int
+     */
+    protected $headers =
+        Request::HEADER_X_FORWARDED_FOR |
+        Request::HEADER_X_FORWARDED_HOST |
+        Request::HEADER_X_FORWARDED_PORT |
+        Request::HEADER_X_FORWARDED_PROTO |
+        Request::HEADER_X_FORWARDED_AWS_ELB;
+}
diff --git a/app/Http/Middleware/ValidateSignature.php b/app/Http/Middleware/ValidateSignature.php
new file mode 100644
index 0000000000000000000000000000000000000000..093bf64af8136d04a8116d7fe8f3e61e3da4dbab
--- /dev/null
+++ b/app/Http/Middleware/ValidateSignature.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Routing\Middleware\ValidateSignature as Middleware;
+
+class ValidateSignature extends Middleware
+{
+    /**
+     * The names of the query string parameters that should be ignored.
+     *
+     * @var array<int, string>
+     */
+    protected $except = [
+        // 'fbclid',
+        // 'utm_campaign',
+        // 'utm_content',
+        // 'utm_medium',
+        // 'utm_source',
+        // 'utm_term',
+    ];
+}
diff --git a/app/Http/Middleware/VerifyCsrfToken.php b/app/Http/Middleware/VerifyCsrfToken.php
new file mode 100644
index 0000000000000000000000000000000000000000..9e86521722b083582f0f100e7b4d3a63bcc1bdfc
--- /dev/null
+++ b/app/Http/Middleware/VerifyCsrfToken.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Foundation\Http\Middleware\VerifyCsrfToken as Middleware;
+
+class VerifyCsrfToken extends Middleware
+{
+    /**
+     * The URIs that should be excluded from CSRF verification.
+     *
+     * @var array<int, string>
+     */
+    protected $except = [
+        //
+    ];
+}
diff --git a/app/Models/User.php b/app/Models/User.php
index 5867318b656a6e5bd4ecec7cf3dac29a22e881ab..23b406346fdc6569d7ae94e2475db362c21f5ef6 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -6,19 +6,11 @@
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Foundation\Auth\User as Authenticatable;
 use Illuminate\Notifications\Notifiable;
-use Laravel\Fortify\TwoFactorAuthenticatable;
-use Laravel\Jetstream\HasProfilePhoto;
 use Laravel\Sanctum\HasApiTokens;
-use Spatie\Permission\Traits\HasRoles;
 
 class User extends Authenticatable
 {
-    use HasApiTokens;
-    use HasFactory;
-    use HasProfilePhoto;
-    use Notifiable;
-    use TwoFactorAuthenticatable;
-    use HasRoles;
+    use HasApiTokens, HasFactory, Notifiable;
 
     /**
      * The attributes that are mass assignable.
@@ -27,9 +19,7 @@ class User extends Authenticatable
      */
     protected $fillable = [
         'name',
-        //'email',
-        'username',
-        'active',
+        'email',
         'password',
     ];
 
@@ -41,29 +31,14 @@ class User extends Authenticatable
     protected $hidden = [
         'password',
         'remember_token',
-        'two_factor_recovery_codes',
-        'two_factor_secret',
     ];
 
     /**
-     * The accessors to append to the model's array form.
+     * The attributes that should be cast.
      *
-     * @var array<int, string>
+     * @var array<string, string>
      */
-    protected $appends = [
-        'profile_photo_url',
+    protected $casts = [
+        'email_verified_at' => 'datetime',
     ];
-
-    /**
-     * Get the attributes that should be cast.
-     *
-     * @return array<string, string>
-     */
-    protected function casts(): array
-    {
-        return [
-            'email_verified_at' => 'datetime',
-            'password' => 'hashed',
-        ];
-    }
 }
diff --git a/app/Models/caracteristicas.php b/app/Models/caracteristicas.php
deleted file mode 100644
index 4d5b9505e9fc207895ee4e1a30f3ec552a391143..0000000000000000000000000000000000000000
--- a/app/Models/caracteristicas.php
+++ /dev/null
@@ -1,11 +0,0 @@
-<?php
-
-namespace App\Models;
-
-use Illuminate\Database\Eloquent\Factories\HasFactory;
-use Illuminate\Database\Eloquent\Model;
-
-class caracteristicas extends Model
-{
-    use HasFactory;
-}
diff --git a/app/Models/cargos.php b/app/Models/cargos.php
deleted file mode 100644
index e41dc427cad54645c395a48a131987f9c43a3086..0000000000000000000000000000000000000000
--- a/app/Models/cargos.php
+++ /dev/null
@@ -1,11 +0,0 @@
-<?php
-
-namespace App\Models;
-
-use Illuminate\Database\Eloquent\Factories\HasFactory;
-use Illuminate\Database\Eloquent\Model;
-
-class cargos extends Model
-{
-    use HasFactory;
-}
diff --git a/app/Models/grupos.php b/app/Models/grupos.php
deleted file mode 100644
index 2e49a5fd0f76b2057480d51a10a2a759043d8cc5..0000000000000000000000000000000000000000
--- a/app/Models/grupos.php
+++ /dev/null
@@ -1,11 +0,0 @@
-<?php
-
-namespace App\Models;
-
-use Illuminate\Database\Eloquent\Factories\HasFactory;
-use Illuminate\Database\Eloquent\Model;
-
-class grupos extends Model
-{
-    use HasFactory;
-}
diff --git a/app/Models/profesion.php b/app/Models/profesion.php
deleted file mode 100644
index cfc60d424bb207ecb05b3b0907b9a7f3a83d8bb9..0000000000000000000000000000000000000000
--- a/app/Models/profesion.php
+++ /dev/null
@@ -1,11 +0,0 @@
-<?php
-
-namespace App\Models;
-
-use Illuminate\Database\Eloquent\Factories\HasFactory;
-use Illuminate\Database\Eloquent\Model;
-
-class profesion extends Model
-{
-    use HasFactory;
-}
diff --git a/app/Models/subgrupo.php b/app/Models/subgrupo.php
deleted file mode 100644
index c834afbe0c2e28e01fa780f6e03e0e39caf42c38..0000000000000000000000000000000000000000
--- a/app/Models/subgrupo.php
+++ /dev/null
@@ -1,11 +0,0 @@
-<?php
-
-namespace App\Models;
-
-use Illuminate\Database\Eloquent\Factories\HasFactory;
-use Illuminate\Database\Eloquent\Model;
-
-class subgrupo extends Model
-{
-    use HasFactory;
-}
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index 452e6b65b7a18aa7c3aaf886fd183a002d381e34..ee8ca5bcd8f77d219f29529a9163587235c545d5 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -8,16 +8,20 @@ class AppServiceProvider extends ServiceProvider
 {
     /**
      * Register any application services.
+     *
+     * @return void
      */
-    public function register(): void
+    public function register()
     {
         //
     }
 
     /**
      * Bootstrap any application services.
+     *
+     * @return void
      */
-    public function boot(): void
+    public function boot()
     {
         //
     }
diff --git a/app/Providers/AuthServiceProvider.php b/app/Providers/AuthServiceProvider.php
new file mode 100644
index 0000000000000000000000000000000000000000..33b83f5696aca6fac3d9eedd9c2957348fad8cf4
--- /dev/null
+++ b/app/Providers/AuthServiceProvider.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Providers;
+
+// use Illuminate\Support\Facades\Gate;
+use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
+
+class AuthServiceProvider extends ServiceProvider
+{
+    /**
+     * The model to policy mappings for the application.
+     *
+     * @var array<class-string, class-string>
+     */
+    protected $policies = [
+        // 'App\Models\Model' => 'App\Policies\ModelPolicy',
+    ];
+
+    /**
+     * Register any authentication / authorization services.
+     *
+     * @return void
+     */
+    public function boot()
+    {
+        $this->registerPolicies();
+
+        //
+    }
+}
diff --git a/app/Providers/BroadcastServiceProvider.php b/app/Providers/BroadcastServiceProvider.php
new file mode 100644
index 0000000000000000000000000000000000000000..395c518bc47b94752d00b8dc7aeb7d241633e7cf
--- /dev/null
+++ b/app/Providers/BroadcastServiceProvider.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Providers;
+
+use Illuminate\Support\Facades\Broadcast;
+use Illuminate\Support\ServiceProvider;
+
+class BroadcastServiceProvider extends ServiceProvider
+{
+    /**
+     * Bootstrap any application services.
+     *
+     * @return void
+     */
+    public function boot()
+    {
+        Broadcast::routes();
+
+        require base_path('routes/channels.php');
+    }
+}
diff --git a/app/Providers/EventServiceProvider.php b/app/Providers/EventServiceProvider.php
new file mode 100644
index 0000000000000000000000000000000000000000..ab8b2cf77bbfa9c44bc228e2b71c2fed039d8e43
--- /dev/null
+++ b/app/Providers/EventServiceProvider.php
@@ -0,0 +1,42 @@
+<?php
+
+namespace App\Providers;
+
+use Illuminate\Auth\Events\Registered;
+use Illuminate\Auth\Listeners\SendEmailVerificationNotification;
+use Illuminate\Foundation\Support\Providers\EventServiceProvider as ServiceProvider;
+use Illuminate\Support\Facades\Event;
+
+class EventServiceProvider extends ServiceProvider
+{
+    /**
+     * The event to listener mappings for the application.
+     *
+     * @var array<class-string, array<int, class-string>>
+     */
+    protected $listen = [
+        Registered::class => [
+            SendEmailVerificationNotification::class,
+        ],
+    ];
+
+    /**
+     * Register any events for your application.
+     *
+     * @return void
+     */
+    public function boot()
+    {
+        //
+    }
+
+    /**
+     * Determine if events and listeners should be automatically discovered.
+     *
+     * @return bool
+     */
+    public function shouldDiscoverEvents()
+    {
+        return false;
+    }
+}
diff --git a/app/Providers/FortifyServiceProvider.php b/app/Providers/FortifyServiceProvider.php
deleted file mode 100644
index 2d741e38cc149907f95b0382baf96f22f5f1e740..0000000000000000000000000000000000000000
--- a/app/Providers/FortifyServiceProvider.php
+++ /dev/null
@@ -1,46 +0,0 @@
-<?php
-
-namespace App\Providers;
-
-use App\Actions\Fortify\CreateNewUser;
-use App\Actions\Fortify\ResetUserPassword;
-use App\Actions\Fortify\UpdateUserPassword;
-use App\Actions\Fortify\UpdateUserProfileInformation;
-use Illuminate\Cache\RateLimiting\Limit;
-use Illuminate\Http\Request;
-use Illuminate\Support\Facades\RateLimiter;
-use Illuminate\Support\ServiceProvider;
-use Illuminate\Support\Str;
-use Laravel\Fortify\Fortify;
-
-class FortifyServiceProvider extends ServiceProvider
-{
-    /**
-     * Register any application services.
-     */
-    public function register(): void
-    {
-        //
-    }
-
-    /**
-     * Bootstrap any application services.
-     */
-    public function boot(): void
-    {
-        Fortify::createUsersUsing(CreateNewUser::class);
-        Fortify::updateUserProfileInformationUsing(UpdateUserProfileInformation::class);
-        Fortify::updateUserPasswordsUsing(UpdateUserPassword::class);
-        Fortify::resetUserPasswordsUsing(ResetUserPassword::class);
-
-        RateLimiter::for('login', function (Request $request) {
-            $throttleKey = Str::transliterate(Str::lower($request->input(Fortify::username())).'|'.$request->ip());
-
-            return Limit::perMinute(5)->by($throttleKey);
-        });
-
-        RateLimiter::for('two-factor', function (Request $request) {
-            return Limit::perMinute(5)->by($request->session()->get('login.id'));
-        });
-    }
-}
diff --git a/app/Providers/JetstreamServiceProvider.php b/app/Providers/JetstreamServiceProvider.php
deleted file mode 100644
index 91398494e2f5f3f41bb9a56274e97158e61e03a6..0000000000000000000000000000000000000000
--- a/app/Providers/JetstreamServiceProvider.php
+++ /dev/null
@@ -1,43 +0,0 @@
-<?php
-
-namespace App\Providers;
-
-use App\Actions\Jetstream\DeleteUser;
-use Illuminate\Support\ServiceProvider;
-use Laravel\Jetstream\Jetstream;
-
-class JetstreamServiceProvider extends ServiceProvider
-{
-    /**
-     * Register any application services.
-     */
-    public function register(): void
-    {
-        //
-    }
-
-    /**
-     * Bootstrap any application services.
-     */
-    public function boot(): void
-    {
-        $this->configurePermissions();
-
-        Jetstream::deleteUsersUsing(DeleteUser::class);
-    }
-
-    /**
-     * Configure the permissions that are available within the application.
-     */
-    protected function configurePermissions(): void
-    {
-        Jetstream::defaultApiTokenPermissions(['read']);
-
-        Jetstream::permissions([
-            'create',
-            'read',
-            'update',
-            'delete',
-        ]);
-    }
-}
diff --git a/app/Providers/RouteServiceProvider.php b/app/Providers/RouteServiceProvider.php
new file mode 100644
index 0000000000000000000000000000000000000000..ea87f2e57d00c8b5176c144e2d6c58e43f0eace8
--- /dev/null
+++ b/app/Providers/RouteServiceProvider.php
@@ -0,0 +1,52 @@
+<?php
+
+namespace App\Providers;
+
+use Illuminate\Cache\RateLimiting\Limit;
+use Illuminate\Foundation\Support\Providers\RouteServiceProvider as ServiceProvider;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\RateLimiter;
+use Illuminate\Support\Facades\Route;
+
+class RouteServiceProvider extends ServiceProvider
+{
+    /**
+     * The path to the "home" route for your application.
+     *
+     * Typically, users are redirected here after authentication.
+     *
+     * @var string
+     */
+    public const HOME = '/home';
+
+    /**
+     * Define your route model bindings, pattern filters, and other route configuration.
+     *
+     * @return void
+     */
+    public function boot()
+    {
+        $this->configureRateLimiting();
+
+        $this->routes(function () {
+            Route::middleware('api')
+                ->prefix('api')
+                ->group(base_path('routes/api.php'));
+
+            Route::middleware('web')
+                ->group(base_path('routes/web.php'));
+        });
+    }
+
+    /**
+     * Configure the rate limiters for the application.
+     *
+     * @return void
+     */
+    protected function configureRateLimiting()
+    {
+        RateLimiter::for('api', function (Request $request) {
+            return Limit::perMinute(60)->by($request->user()?->id ?: $request->ip());
+        });
+    }
+}
diff --git a/app/View/Components/AppLayout.php b/app/View/Components/AppLayout.php
deleted file mode 100644
index de0d46f58d545f9ac069c08320d22d0550913986..0000000000000000000000000000000000000000
--- a/app/View/Components/AppLayout.php
+++ /dev/null
@@ -1,17 +0,0 @@
-<?php
-
-namespace App\View\Components;
-
-use Illuminate\View\Component;
-use Illuminate\View\View;
-
-class AppLayout extends Component
-{
-    /**
-     * Get the view / contents that represents the component.
-     */
-    public function render(): View
-    {
-        return view('layouts.app');
-    }
-}
diff --git a/app/View/Components/GuestLayout.php b/app/View/Components/GuestLayout.php
deleted file mode 100644
index d1f62539fd96b38a9db3e6979832c000fe13b15e..0000000000000000000000000000000000000000
--- a/app/View/Components/GuestLayout.php
+++ /dev/null
@@ -1,17 +0,0 @@
-<?php
-
-namespace App\View\Components;
-
-use Illuminate\View\Component;
-use Illuminate\View\View;
-
-class GuestLayout extends Component
-{
-    /**
-     * Get the view / contents that represents the component.
-     */
-    public function render(): View
-    {
-        return view('layouts.guest');
-    }
-}
diff --git a/artisan b/artisan
index 8e04b42240fb2ac3c7dc55039927d6f806448ce6..67a3329b183e042b14516122b5d470bc337a5a90 100644
--- a/artisan
+++ b/artisan
@@ -1,15 +1,53 @@
 #!/usr/bin/env php
 <?php
 
-use Symfony\Component\Console\Input\ArgvInput;
-
 define('LARAVEL_START', microtime(true));
 
-// Register the Composer autoloader...
+/*
+|--------------------------------------------------------------------------
+| Register The Auto Loader
+|--------------------------------------------------------------------------
+|
+| Composer provides a convenient, automatically generated class loader
+| for our application. We just need to utilize it! We'll require it
+| into the script here so that we do not have to worry about the
+| loading of any of our classes manually. It's great to relax.
+|
+*/
+
 require __DIR__.'/vendor/autoload.php';
 
-// Bootstrap Laravel and handle the command...
-$status = (require_once __DIR__.'/bootstrap/app.php')
-    ->handleCommand(new ArgvInput);
+$app = require_once __DIR__.'/bootstrap/app.php';
+
+/*
+|--------------------------------------------------------------------------
+| Run The Artisan Application
+|--------------------------------------------------------------------------
+|
+| When we run the console application, the current CLI command will be
+| executed in this console and the response sent back to a terminal
+| or another output device for the developers. Here goes nothing!
+|
+*/
+
+$kernel = $app->make(Illuminate\Contracts\Console\Kernel::class);
+
+$status = $kernel->handle(
+    $input = new Symfony\Component\Console\Input\ArgvInput,
+    new Symfony\Component\Console\Output\ConsoleOutput
+);
+
+/*
+|--------------------------------------------------------------------------
+| Shutdown The Application
+|--------------------------------------------------------------------------
+|
+| Once Artisan has finished running, we will fire off the shutdown events
+| so that any final work may be done by the application before we shut
+| down the process. This is the last thing to happen to the request.
+|
+*/
+
+$kernel->terminate($input, $status);
 
 exit($status);
diff --git a/bootstrap/app.php b/bootstrap/app.php
index a4ae0f1583ed5a1c680dd6d001373d489d72902b..037e17df03b0598d7bbd27ed333312e8e337fb1b 100644
--- a/bootstrap/app.php
+++ b/bootstrap/app.php
@@ -1,21 +1,55 @@
 <?php
 
-use Illuminate\Foundation\Application;
-use Illuminate\Foundation\Configuration\Exceptions;
-use Illuminate\Foundation\Configuration\Middleware;
-
-use App\Http\Middleware\CheckBanned;
-
-return Application::configure(basePath: dirname(__DIR__))
-    ->withRouting(
-        web: __DIR__.'/../routes/web.php',
-        api: __DIR__.'/../routes/api.php',
-        commands: __DIR__.'/../routes/console.php',
-        health: '/up',
-    )
-    ->withMiddleware(function (Middleware $middleware) {
-        $middleware->append(CheckBanned::class);
-    })
-    ->withExceptions(function (Exceptions $exceptions) {
-        //
-    })->create();
+/*
+|--------------------------------------------------------------------------
+| Create The Application
+|--------------------------------------------------------------------------
+|
+| The first thing we will do is create a new Laravel application instance
+| which serves as the "glue" for all the components of Laravel, and is
+| the IoC container for the system binding all of the various parts.
+|
+*/
+
+$app = new Illuminate\Foundation\Application(
+    $_ENV['APP_BASE_PATH'] ?? dirname(__DIR__)
+);
+
+/*
+|--------------------------------------------------------------------------
+| Bind Important Interfaces
+|--------------------------------------------------------------------------
+|
+| Next, we need to bind some important interfaces into the container so
+| we will be able to resolve them when needed. The kernels serve the
+| incoming requests to this application from both the web and CLI.
+|
+*/
+
+$app->singleton(
+    Illuminate\Contracts\Http\Kernel::class,
+    App\Http\Kernel::class
+);
+
+$app->singleton(
+    Illuminate\Contracts\Console\Kernel::class,
+    App\Console\Kernel::class
+);
+
+$app->singleton(
+    Illuminate\Contracts\Debug\ExceptionHandler::class,
+    App\Exceptions\Handler::class
+);
+
+/*
+|--------------------------------------------------------------------------
+| Return The Application
+|--------------------------------------------------------------------------
+|
+| This script returns the application instance. The instance is given to
+| the calling script so we can separate the building of the instances
+| from the actual running of the application and sending responses.
+|
+*/
+
+return $app;
diff --git a/bootstrap/providers.php b/bootstrap/providers.php
deleted file mode 100644
index 55e8e158c53877993bab152c88ecd7f1c1822271..0000000000000000000000000000000000000000
--- a/bootstrap/providers.php
+++ /dev/null
@@ -1,7 +0,0 @@
-<?php
-
-return [
-    App\Providers\AppServiceProvider::class,
-    App\Providers\FortifyServiceProvider::class,
-    App\Providers\JetstreamServiceProvider::class,
-];
diff --git a/composer.json b/composer.json
index ecd003a6edc7a9eb09b88204732224acaffbed55..daf96ddd768993ecd449d3ec37701e9d9922c2da 100644
--- a/composer.json
+++ b/composer.json
@@ -1,26 +1,25 @@
 {
     "name": "laravel/laravel",
     "type": "project",
-    "description": "The skeleton application for the Laravel framework.",
-    "keywords": ["laravel", "framework"],
+    "description": "The Laravel Framework.",
+    "keywords": ["framework", "laravel"],
     "license": "MIT",
     "require": {
-        "php": "^8.2",
-        "laravel/framework": "^11.9",
-        "laravel/jetstream": "^5.1",
-        "laravel/sanctum": "^4.0",
-        "laravel/tinker": "^2.9",
-        "livewire/livewire": "^3.0",
-        "spatie/laravel-permission": "^6.7"
+        "php": "^8.0.2",
+        "guzzlehttp/guzzle": "^7.2",
+        "laravel/framework": "^10.0",
+        "laravel/sanctum": "^3.2",
+        "laravel/tinker": "^2.7",
+        "doctrine/dbal":"^3.0"
     },
     "require-dev": {
-        "fakerphp/faker": "^1.23",
-        "laravel-lang/common": "^6.2",
-        "laravel/pint": "^1.13",
-        "laravel/sail": "^1.26",
-        "mockery/mockery": "^1.6",
-        "nunomaduro/collision": "^8.0",
-        "phpunit/phpunit": "^11.0.1"
+        "fakerphp/faker": "^1.9.1",
+        "laravel/pint": "^1.0",
+        "laravel/sail": "^1.0.1",
+        "mockery/mockery": "^1.4.4",
+        "nunomaduro/collision": "^7.0",
+        "phpunit/phpunit": "^10.0",
+        "spatie/laravel-ignition": "^2.0"
     },
     "autoload": {
         "psr-4": {
@@ -46,9 +45,7 @@
             "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
         ],
         "post-create-project-cmd": [
-            "@php artisan key:generate --ansi",
-            "@php -r \"file_exists('database/database.sqlite') || touch('database/database.sqlite');\"",
-            "@php artisan migrate --graceful --ansi"
+            "@php artisan key:generate --ansi"
         ]
     },
     "extra": {
@@ -61,10 +58,9 @@
         "preferred-install": "dist",
         "sort-packages": true,
         "allow-plugins": {
-            "pestphp/pest-plugin": true,
-            "php-http/discovery": true
+            "pestphp/pest-plugin": true
         }
     },
-    "minimum-stability": "stable",
+    "minimum-stability": "dev",
     "prefer-stable": true
 }
diff --git a/composer.lock b/composer.lock
index d803271f6a732a3e753425e692e40a31bb19af55..8708aaa21e0dd9ee2f21d0afbed3520661a90bf2 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,83 +4,29 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "ef28906e2492920f614f17fdff6fef28",
+    "content-hash": "b84f95008a3db23d1712c7413abce327",
     "packages": [
-        {
-            "name": "bacon/bacon-qr-code",
-            "version": "v3.0.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/Bacon/BaconQrCode.git",
-                "reference": "510de6eca6248d77d31b339d62437cc995e2fb41"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/Bacon/BaconQrCode/zipball/510de6eca6248d77d31b339d62437cc995e2fb41",
-                "reference": "510de6eca6248d77d31b339d62437cc995e2fb41",
-                "shasum": ""
-            },
-            "require": {
-                "dasprid/enum": "^1.0.3",
-                "ext-iconv": "*",
-                "php": "^8.1"
-            },
-            "require-dev": {
-                "phly/keep-a-changelog": "^2.12",
-                "phpunit/phpunit": "^10.5.11 || 11.0.4",
-                "spatie/phpunit-snapshot-assertions": "^5.1.5",
-                "squizlabs/php_codesniffer": "^3.9"
-            },
-            "suggest": {
-                "ext-imagick": "to generate QR code images"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "BaconQrCode\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-2-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Ben Scholzen 'DASPRiD'",
-                    "email": "mail@dasprids.de",
-                    "homepage": "https://dasprids.de/",
-                    "role": "Developer"
-                }
-            ],
-            "description": "BaconQrCode is a QR code generator for PHP.",
-            "homepage": "https://github.com/Bacon/BaconQrCode",
-            "support": {
-                "issues": "https://github.com/Bacon/BaconQrCode/issues",
-                "source": "https://github.com/Bacon/BaconQrCode/tree/v3.0.0"
-            },
-            "time": "2024-04-18T11:16:25+00:00"
-        },
         {
             "name": "brick/math",
-            "version": "0.12.1",
+            "version": "0.11.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/brick/math.git",
-                "reference": "f510c0a40911935b77b86859eb5223d58d660df1"
+                "reference": "0ad82ce168c82ba30d1c01ec86116ab52f589478"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/brick/math/zipball/f510c0a40911935b77b86859eb5223d58d660df1",
-                "reference": "f510c0a40911935b77b86859eb5223d58d660df1",
+                "url": "https://api.github.com/repos/brick/math/zipball/0ad82ce168c82ba30d1c01ec86116ab52f589478",
+                "reference": "0ad82ce168c82ba30d1c01ec86116ab52f589478",
                 "shasum": ""
             },
             "require": {
-                "php": "^8.1"
+                "php": "^8.0"
             },
             "require-dev": {
                 "php-coveralls/php-coveralls": "^2.2",
-                "phpunit/phpunit": "^10.1",
-                "vimeo/psalm": "5.16.0"
+                "phpunit/phpunit": "^9.0",
+                "vimeo/psalm": "5.0.0"
             },
             "type": "library",
             "autoload": {
@@ -100,17 +46,12 @@
                 "arithmetic",
                 "bigdecimal",
                 "bignum",
-                "bignumber",
                 "brick",
-                "decimal",
-                "integer",
-                "math",
-                "mathematics",
-                "rational"
+                "math"
             ],
             "support": {
                 "issues": "https://github.com/brick/math/issues",
-                "source": "https://github.com/brick/math/tree/0.12.1"
+                "source": "https://github.com/brick/math/tree/0.11.0"
             },
             "funding": [
                 {
@@ -118,126 +59,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-11-29T23:19:16+00:00"
-        },
-        {
-            "name": "carbonphp/carbon-doctrine-types",
-            "version": "3.2.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/CarbonPHP/carbon-doctrine-types.git",
-                "reference": "18ba5ddfec8976260ead6e866180bd5d2f71aa1d"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/CarbonPHP/carbon-doctrine-types/zipball/18ba5ddfec8976260ead6e866180bd5d2f71aa1d",
-                "reference": "18ba5ddfec8976260ead6e866180bd5d2f71aa1d",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^8.1"
-            },
-            "conflict": {
-                "doctrine/dbal": "<4.0.0 || >=5.0.0"
-            },
-            "require-dev": {
-                "doctrine/dbal": "^4.0.0",
-                "nesbot/carbon": "^2.71.0 || ^3.0.0",
-                "phpunit/phpunit": "^10.3"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Carbon\\Doctrine\\": "src/Carbon/Doctrine/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "KyleKatarn",
-                    "email": "kylekatarnls@gmail.com"
-                }
-            ],
-            "description": "Types to use Carbon in Doctrine",
-            "keywords": [
-                "carbon",
-                "date",
-                "datetime",
-                "doctrine",
-                "time"
-            ],
-            "support": {
-                "issues": "https://github.com/CarbonPHP/carbon-doctrine-types/issues",
-                "source": "https://github.com/CarbonPHP/carbon-doctrine-types/tree/3.2.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/kylekatarnls",
-                    "type": "github"
-                },
-                {
-                    "url": "https://opencollective.com/Carbon",
-                    "type": "open_collective"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/nesbot/carbon",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-02-09T16:56:22+00:00"
-        },
-        {
-            "name": "dasprid/enum",
-            "version": "1.0.5",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/DASPRiD/Enum.git",
-                "reference": "6faf451159fb8ba4126b925ed2d78acfce0dc016"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/DASPRiD/Enum/zipball/6faf451159fb8ba4126b925ed2d78acfce0dc016",
-                "reference": "6faf451159fb8ba4126b925ed2d78acfce0dc016",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.1 <9.0"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^7 | ^8 | ^9",
-                "squizlabs/php_codesniffer": "*"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "DASPRiD\\Enum\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-2-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Ben Scholzen 'DASPRiD'",
-                    "email": "mail@dasprids.de",
-                    "homepage": "https://dasprids.de/",
-                    "role": "Developer"
-                }
-            ],
-            "description": "PHP 7.1 enum implementation",
-            "keywords": [
-                "enum",
-                "map"
-            ],
-            "support": {
-                "issues": "https://github.com/DASPRiD/Enum/issues",
-                "source": "https://github.com/DASPRiD/Enum/tree/1.0.5"
-            },
-            "time": "2023-08-25T16:18:39+00:00"
+            "time": "2023-01-15T23:15:59+00:00"
         },
         {
             "name": "dflydev/dot-access-data",
@@ -315,34 +137,37 @@
             "time": "2022-10-27T11:44:00+00:00"
         },
         {
-            "name": "doctrine/inflector",
-            "version": "2.0.10",
+            "name": "doctrine/cache",
+            "version": "2.2.0",
             "source": {
                 "type": "git",
-                "url": "https://github.com/doctrine/inflector.git",
-                "reference": "5817d0659c5b50c9b950feb9af7b9668e2c436bc"
+                "url": "https://github.com/doctrine/cache.git",
+                "reference": "1ca8f21980e770095a31456042471a57bc4c68fb"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/doctrine/inflector/zipball/5817d0659c5b50c9b950feb9af7b9668e2c436bc",
-                "reference": "5817d0659c5b50c9b950feb9af7b9668e2c436bc",
+                "url": "https://api.github.com/repos/doctrine/cache/zipball/1ca8f21980e770095a31456042471a57bc4c68fb",
+                "reference": "1ca8f21980e770095a31456042471a57bc4c68fb",
                 "shasum": ""
             },
             "require": {
-                "php": "^7.2 || ^8.0"
+                "php": "~7.1 || ^8.0"
+            },
+            "conflict": {
+                "doctrine/common": ">2.2,<2.4"
             },
             "require-dev": {
-                "doctrine/coding-standard": "^11.0",
-                "phpstan/phpstan": "^1.8",
-                "phpstan/phpstan-phpunit": "^1.1",
-                "phpstan/phpstan-strict-rules": "^1.3",
-                "phpunit/phpunit": "^8.5 || ^9.5",
-                "vimeo/psalm": "^4.25 || ^5.4"
+                "cache/integration-tests": "dev-master",
+                "doctrine/coding-standard": "^9",
+                "phpunit/phpunit": "^7.5 || ^8.5 || ^9.5",
+                "psr/cache": "^1.0 || ^2.0 || ^3.0",
+                "symfony/cache": "^4.4 || ^5.4 || ^6",
+                "symfony/var-exporter": "^4.4 || ^5.4 || ^6"
             },
             "type": "library",
             "autoload": {
                 "psr-4": {
-                    "Doctrine\\Inflector\\": "lib/Doctrine/Inflector"
+                    "Doctrine\\Common\\Cache\\": "lib/Doctrine/Common/Cache"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -371,23 +196,22 @@
                     "email": "schmittjoh@gmail.com"
                 }
             ],
-            "description": "PHP Doctrine Inflector is a small library that can perform string manipulations with regard to upper/lowercase and singular/plural forms of words.",
-            "homepage": "https://www.doctrine-project.org/projects/inflector.html",
+            "description": "PHP Doctrine Cache library is a popular cache implementation that supports many different drivers such as redis, memcache, apc, mongodb and others.",
+            "homepage": "https://www.doctrine-project.org/projects/cache.html",
             "keywords": [
-                "inflection",
-                "inflector",
-                "lowercase",
-                "manipulation",
+                "abstraction",
+                "apcu",
+                "cache",
+                "caching",
+                "couchdb",
+                "memcached",
                 "php",
-                "plural",
-                "singular",
-                "strings",
-                "uppercase",
-                "words"
+                "redis",
+                "xcache"
             ],
             "support": {
-                "issues": "https://github.com/doctrine/inflector/issues",
-                "source": "https://github.com/doctrine/inflector/tree/2.0.10"
+                "issues": "https://github.com/doctrine/cache/issues",
+                "source": "https://github.com/doctrine/cache/tree/2.2.0"
             },
             "funding": [
                 {
@@ -399,40 +223,58 @@
                     "type": "patreon"
                 },
                 {
-                    "url": "https://tidelift.com/funding/github/packagist/doctrine%2Finflector",
+                    "url": "https://tidelift.com/funding/github/packagist/doctrine%2Fcache",
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-02-18T20:23:39+00:00"
+            "time": "2022-05-20T20:07:39+00:00"
         },
         {
-            "name": "doctrine/lexer",
-            "version": "3.0.1",
+            "name": "doctrine/dbal",
+            "version": "3.6.1",
             "source": {
                 "type": "git",
-                "url": "https://github.com/doctrine/lexer.git",
-                "reference": "31ad66abc0fc9e1a1f2d9bc6a42668d2fbbcd6dd"
+                "url": "https://github.com/doctrine/dbal.git",
+                "reference": "57815c7bbcda3cd18871d253c1dd8cbe56f8526e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/doctrine/lexer/zipball/31ad66abc0fc9e1a1f2d9bc6a42668d2fbbcd6dd",
-                "reference": "31ad66abc0fc9e1a1f2d9bc6a42668d2fbbcd6dd",
+                "url": "https://api.github.com/repos/doctrine/dbal/zipball/57815c7bbcda3cd18871d253c1dd8cbe56f8526e",
+                "reference": "57815c7bbcda3cd18871d253c1dd8cbe56f8526e",
                 "shasum": ""
             },
             "require": {
-                "php": "^8.1"
+                "composer-runtime-api": "^2",
+                "doctrine/cache": "^1.11|^2.0",
+                "doctrine/deprecations": "^0.5.3|^1",
+                "doctrine/event-manager": "^1|^2",
+                "php": "^7.4 || ^8.0",
+                "psr/cache": "^1|^2|^3",
+                "psr/log": "^1|^2|^3"
             },
             "require-dev": {
-                "doctrine/coding-standard": "^12",
-                "phpstan/phpstan": "^1.10",
-                "phpunit/phpunit": "^10.5",
-                "psalm/plugin-phpunit": "^0.18.3",
-                "vimeo/psalm": "^5.21"
+                "doctrine/coding-standard": "11.1.0",
+                "fig/log-test": "^1",
+                "jetbrains/phpstorm-stubs": "2022.3",
+                "phpstan/phpstan": "1.10.3",
+                "phpstan/phpstan-strict-rules": "^1.5",
+                "phpunit/phpunit": "9.6.4",
+                "psalm/plugin-phpunit": "0.18.4",
+                "squizlabs/php_codesniffer": "3.7.2",
+                "symfony/cache": "^5.4|^6.0",
+                "symfony/console": "^4.4|^5.4|^6.0",
+                "vimeo/psalm": "4.30.0"
+            },
+            "suggest": {
+                "symfony/console": "For helpful console commands such as SQL execution and import of files."
             },
+            "bin": [
+                "bin/doctrine-dbal"
+            ],
             "type": "library",
             "autoload": {
                 "psr-4": {
-                    "Doctrine\\Common\\Lexer\\": "src"
+                    "Doctrine\\DBAL\\": "src"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -449,22 +291,39 @@
                     "email": "roman@code-factory.org"
                 },
                 {
-                    "name": "Johannes Schmitt",
-                    "email": "schmittjoh@gmail.com"
+                    "name": "Benjamin Eberlei",
+                    "email": "kontakt@beberlei.de"
+                },
+                {
+                    "name": "Jonathan Wage",
+                    "email": "jonwage@gmail.com"
                 }
             ],
-            "description": "PHP Doctrine Lexer parser library that can be used in Top-Down, Recursive Descent Parsers.",
-            "homepage": "https://www.doctrine-project.org/projects/lexer.html",
+            "description": "Powerful PHP database abstraction layer (DBAL) with many features for database schema introspection and management.",
+            "homepage": "https://www.doctrine-project.org/projects/dbal.html",
             "keywords": [
-                "annotations",
-                "docblock",
-                "lexer",
-                "parser",
-                "php"
-            ],
-            "support": {
-                "issues": "https://github.com/doctrine/lexer/issues",
-                "source": "https://github.com/doctrine/lexer/tree/3.0.1"
+                "abstraction",
+                "database",
+                "db2",
+                "dbal",
+                "mariadb",
+                "mssql",
+                "mysql",
+                "oci8",
+                "oracle",
+                "pdo",
+                "pgsql",
+                "postgresql",
+                "queryobject",
+                "sasql",
+                "sql",
+                "sqlite",
+                "sqlserver",
+                "sqlsrv"
+            ],
+            "support": {
+                "issues": "https://github.com/doctrine/dbal/issues",
+                "source": "https://github.com/doctrine/dbal/tree/3.6.1"
             },
             "funding": [
                 {
@@ -476,108 +335,85 @@
                     "type": "patreon"
                 },
                 {
-                    "url": "https://tidelift.com/funding/github/packagist/doctrine%2Flexer",
+                    "url": "https://tidelift.com/funding/github/packagist/doctrine%2Fdbal",
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-02-05T11:56:58+00:00"
+            "time": "2023-03-02T19:26:24+00:00"
         },
         {
-            "name": "dragonmantank/cron-expression",
-            "version": "v3.3.3",
+            "name": "doctrine/deprecations",
+            "version": "v1.0.0",
             "source": {
                 "type": "git",
-                "url": "https://github.com/dragonmantank/cron-expression.git",
-                "reference": "adfb1f505deb6384dc8b39804c5065dd3c8c8c0a"
+                "url": "https://github.com/doctrine/deprecations.git",
+                "reference": "0e2a4f1f8cdfc7a92ec3b01c9334898c806b30de"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/dragonmantank/cron-expression/zipball/adfb1f505deb6384dc8b39804c5065dd3c8c8c0a",
-                "reference": "adfb1f505deb6384dc8b39804c5065dd3c8c8c0a",
+                "url": "https://api.github.com/repos/doctrine/deprecations/zipball/0e2a4f1f8cdfc7a92ec3b01c9334898c806b30de",
+                "reference": "0e2a4f1f8cdfc7a92ec3b01c9334898c806b30de",
                 "shasum": ""
             },
             "require": {
-                "php": "^7.2|^8.0",
-                "webmozart/assert": "^1.0"
-            },
-            "replace": {
-                "mtdowling/cron-expression": "^1.0"
+                "php": "^7.1|^8.0"
             },
             "require-dev": {
-                "phpstan/extension-installer": "^1.0",
-                "phpstan/phpstan": "^1.0",
-                "phpstan/phpstan-webmozart-assert": "^1.0",
-                "phpunit/phpunit": "^7.0|^8.0|^9.0"
+                "doctrine/coding-standard": "^9",
+                "phpunit/phpunit": "^7.5|^8.5|^9.5",
+                "psr/log": "^1|^2|^3"
+            },
+            "suggest": {
+                "psr/log": "Allows logging deprecations via PSR-3 logger implementation"
             },
             "type": "library",
             "autoload": {
                 "psr-4": {
-                    "Cron\\": "src/Cron/"
+                    "Doctrine\\Deprecations\\": "lib/Doctrine/Deprecations"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
             "license": [
                 "MIT"
             ],
-            "authors": [
-                {
-                    "name": "Chris Tankersley",
-                    "email": "chris@ctankersley.com",
-                    "homepage": "https://github.com/dragonmantank"
-                }
-            ],
-            "description": "CRON for PHP: Calculate the next or previous run date and determine if a CRON expression is due",
-            "keywords": [
-                "cron",
-                "schedule"
-            ],
+            "description": "A small layer on top of trigger_error(E_USER_DEPRECATED) or PSR-3 logging with options to disable all deprecations or selectively for packages.",
+            "homepage": "https://www.doctrine-project.org/",
             "support": {
-                "issues": "https://github.com/dragonmantank/cron-expression/issues",
-                "source": "https://github.com/dragonmantank/cron-expression/tree/v3.3.3"
+                "issues": "https://github.com/doctrine/deprecations/issues",
+                "source": "https://github.com/doctrine/deprecations/tree/v1.0.0"
             },
-            "funding": [
-                {
-                    "url": "https://github.com/dragonmantank",
-                    "type": "github"
-                }
-            ],
-            "time": "2023-08-10T19:36:49+00:00"
+            "time": "2022-05-02T15:47:09+00:00"
         },
         {
-            "name": "egulias/email-validator",
-            "version": "4.0.2",
+            "name": "doctrine/event-manager",
+            "version": "2.0.0",
             "source": {
                 "type": "git",
-                "url": "https://github.com/egulias/EmailValidator.git",
-                "reference": "ebaaf5be6c0286928352e054f2d5125608e5405e"
+                "url": "https://github.com/doctrine/event-manager.git",
+                "reference": "750671534e0241a7c50ea5b43f67e23eb5c96f32"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/egulias/EmailValidator/zipball/ebaaf5be6c0286928352e054f2d5125608e5405e",
-                "reference": "ebaaf5be6c0286928352e054f2d5125608e5405e",
+                "url": "https://api.github.com/repos/doctrine/event-manager/zipball/750671534e0241a7c50ea5b43f67e23eb5c96f32",
+                "reference": "750671534e0241a7c50ea5b43f67e23eb5c96f32",
                 "shasum": ""
             },
             "require": {
-                "doctrine/lexer": "^2.0 || ^3.0",
-                "php": ">=8.1",
-                "symfony/polyfill-intl-idn": "^1.26"
+                "php": "^8.1"
             },
-            "require-dev": {
-                "phpunit/phpunit": "^10.2",
-                "vimeo/psalm": "^5.12"
+            "conflict": {
+                "doctrine/common": "<2.9"
             },
-            "suggest": {
-                "ext-intl": "PHP Internationalization Libraries are required to use the SpoofChecking validation"
+            "require-dev": {
+                "doctrine/coding-standard": "^10",
+                "phpstan/phpstan": "^1.8.8",
+                "phpunit/phpunit": "^9.5",
+                "vimeo/psalm": "^4.28"
             },
             "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "4.0.x-dev"
-                }
-            },
             "autoload": {
                 "psr-4": {
-                    "Egulias\\EmailValidator\\": "src"
+                    "Doctrine\\Common\\": "src"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -586,62 +422,88 @@
             ],
             "authors": [
                 {
-                    "name": "Eduardo Gulias Davis"
+                    "name": "Guilherme Blanco",
+                    "email": "guilhermeblanco@gmail.com"
+                },
+                {
+                    "name": "Roman Borschel",
+                    "email": "roman@code-factory.org"
+                },
+                {
+                    "name": "Benjamin Eberlei",
+                    "email": "kontakt@beberlei.de"
+                },
+                {
+                    "name": "Jonathan Wage",
+                    "email": "jonwage@gmail.com"
+                },
+                {
+                    "name": "Johannes Schmitt",
+                    "email": "schmittjoh@gmail.com"
+                },
+                {
+                    "name": "Marco Pivetta",
+                    "email": "ocramius@gmail.com"
                 }
             ],
-            "description": "A library for validating emails against several RFCs",
-            "homepage": "https://github.com/egulias/EmailValidator",
+            "description": "The Doctrine Event Manager is a simple PHP event system that was built to be used with the various Doctrine projects.",
+            "homepage": "https://www.doctrine-project.org/projects/event-manager.html",
             "keywords": [
-                "email",
-                "emailvalidation",
-                "emailvalidator",
-                "validation",
-                "validator"
+                "event",
+                "event dispatcher",
+                "event manager",
+                "event system",
+                "events"
             ],
             "support": {
-                "issues": "https://github.com/egulias/EmailValidator/issues",
-                "source": "https://github.com/egulias/EmailValidator/tree/4.0.2"
+                "issues": "https://github.com/doctrine/event-manager/issues",
+                "source": "https://github.com/doctrine/event-manager/tree/2.0.0"
             },
             "funding": [
                 {
-                    "url": "https://github.com/egulias",
-                    "type": "github"
-                }
-            ],
-            "time": "2023-10-06T06:47:41+00:00"
-        },
-        {
-            "name": "fruitcake/php-cors",
-            "version": "v1.3.0",
-            "source": {
+                    "url": "https://www.doctrine-project.org/sponsorship.html",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://www.patreon.com/phpdoctrine",
+                    "type": "patreon"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/doctrine%2Fevent-manager",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-10-12T20:59:15+00:00"
+        },
+        {
+            "name": "doctrine/inflector",
+            "version": "2.0.6",
+            "source": {
                 "type": "git",
-                "url": "https://github.com/fruitcake/php-cors.git",
-                "reference": "3d158f36e7875e2f040f37bc0573956240a5a38b"
+                "url": "https://github.com/doctrine/inflector.git",
+                "reference": "d9d313a36c872fd6ee06d9a6cbcf713eaa40f024"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/fruitcake/php-cors/zipball/3d158f36e7875e2f040f37bc0573956240a5a38b",
-                "reference": "3d158f36e7875e2f040f37bc0573956240a5a38b",
+                "url": "https://api.github.com/repos/doctrine/inflector/zipball/d9d313a36c872fd6ee06d9a6cbcf713eaa40f024",
+                "reference": "d9d313a36c872fd6ee06d9a6cbcf713eaa40f024",
                 "shasum": ""
             },
             "require": {
-                "php": "^7.4|^8.0",
-                "symfony/http-foundation": "^4.4|^5.4|^6|^7"
+                "php": "^7.2 || ^8.0"
             },
             "require-dev": {
-                "phpstan/phpstan": "^1.4",
-                "phpunit/phpunit": "^9",
-                "squizlabs/php_codesniffer": "^3.5"
+                "doctrine/coding-standard": "^10",
+                "phpstan/phpstan": "^1.8",
+                "phpstan/phpstan-phpunit": "^1.1",
+                "phpstan/phpstan-strict-rules": "^1.3",
+                "phpunit/phpunit": "^8.5 || ^9.5",
+                "vimeo/psalm": "^4.25"
             },
             "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "1.2-dev"
-                }
-            },
             "autoload": {
                 "psr-4": {
-                    "Fruitcake\\Cors\\": "src/"
+                    "Doctrine\\Inflector\\": "lib/Doctrine/Inflector"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -650,62 +512,88 @@
             ],
             "authors": [
                 {
-                    "name": "Fruitcake",
-                    "homepage": "https://fruitcake.nl"
+                    "name": "Guilherme Blanco",
+                    "email": "guilhermeblanco@gmail.com"
                 },
                 {
-                    "name": "Barryvdh",
-                    "email": "barryvdh@gmail.com"
+                    "name": "Roman Borschel",
+                    "email": "roman@code-factory.org"
+                },
+                {
+                    "name": "Benjamin Eberlei",
+                    "email": "kontakt@beberlei.de"
+                },
+                {
+                    "name": "Jonathan Wage",
+                    "email": "jonwage@gmail.com"
+                },
+                {
+                    "name": "Johannes Schmitt",
+                    "email": "schmittjoh@gmail.com"
                 }
             ],
-            "description": "Cross-origin resource sharing library for the Symfony HttpFoundation",
-            "homepage": "https://github.com/fruitcake/php-cors",
+            "description": "PHP Doctrine Inflector is a small library that can perform string manipulations with regard to upper/lowercase and singular/plural forms of words.",
+            "homepage": "https://www.doctrine-project.org/projects/inflector.html",
             "keywords": [
-                "cors",
-                "laravel",
-                "symfony"
+                "inflection",
+                "inflector",
+                "lowercase",
+                "manipulation",
+                "php",
+                "plural",
+                "singular",
+                "strings",
+                "uppercase",
+                "words"
             ],
             "support": {
-                "issues": "https://github.com/fruitcake/php-cors/issues",
-                "source": "https://github.com/fruitcake/php-cors/tree/v1.3.0"
+                "issues": "https://github.com/doctrine/inflector/issues",
+                "source": "https://github.com/doctrine/inflector/tree/2.0.6"
             },
             "funding": [
                 {
-                    "url": "https://fruitcake.nl",
+                    "url": "https://www.doctrine-project.org/sponsorship.html",
                     "type": "custom"
                 },
                 {
-                    "url": "https://github.com/barryvdh",
-                    "type": "github"
+                    "url": "https://www.patreon.com/phpdoctrine",
+                    "type": "patreon"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/doctrine%2Finflector",
+                    "type": "tidelift"
                 }
             ],
-            "time": "2023-10-12T05:21:21+00:00"
+            "time": "2022-10-20T09:10:12+00:00"
         },
         {
-            "name": "graham-campbell/result-type",
-            "version": "v1.1.2",
+            "name": "doctrine/lexer",
+            "version": "3.0.0",
             "source": {
                 "type": "git",
-                "url": "https://github.com/GrahamCampbell/Result-Type.git",
-                "reference": "fbd48bce38f73f8a4ec8583362e732e4095e5862"
+                "url": "https://github.com/doctrine/lexer.git",
+                "reference": "84a527db05647743d50373e0ec53a152f2cde568"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/GrahamCampbell/Result-Type/zipball/fbd48bce38f73f8a4ec8583362e732e4095e5862",
-                "reference": "fbd48bce38f73f8a4ec8583362e732e4095e5862",
+                "url": "https://api.github.com/repos/doctrine/lexer/zipball/84a527db05647743d50373e0ec53a152f2cde568",
+                "reference": "84a527db05647743d50373e0ec53a152f2cde568",
                 "shasum": ""
             },
             "require": {
-                "php": "^7.2.5 || ^8.0",
-                "phpoption/phpoption": "^1.9.2"
+                "php": "^8.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^8.5.34 || ^9.6.13 || ^10.4.2"
+                "doctrine/coding-standard": "^10",
+                "phpstan/phpstan": "^1.9",
+                "phpunit/phpunit": "^9.5",
+                "psalm/plugin-phpunit": "^0.18.3",
+                "vimeo/psalm": "^5.0"
             },
             "type": "library",
             "autoload": {
                 "psr-4": {
-                    "GrahamCampbell\\ResultType\\": "src/"
+                    "Doctrine\\Common\\Lexer\\": "src"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -714,86 +602,78 @@
             ],
             "authors": [
                 {
-                    "name": "Graham Campbell",
-                    "email": "hello@gjcampbell.co.uk",
-                    "homepage": "https://github.com/GrahamCampbell"
+                    "name": "Guilherme Blanco",
+                    "email": "guilhermeblanco@gmail.com"
+                },
+                {
+                    "name": "Roman Borschel",
+                    "email": "roman@code-factory.org"
+                },
+                {
+                    "name": "Johannes Schmitt",
+                    "email": "schmittjoh@gmail.com"
                 }
             ],
-            "description": "An Implementation Of The Result Type",
+            "description": "PHP Doctrine Lexer parser library that can be used in Top-Down, Recursive Descent Parsers.",
+            "homepage": "https://www.doctrine-project.org/projects/lexer.html",
             "keywords": [
-                "Graham Campbell",
-                "GrahamCampbell",
-                "Result Type",
-                "Result-Type",
-                "result"
+                "annotations",
+                "docblock",
+                "lexer",
+                "parser",
+                "php"
             ],
             "support": {
-                "issues": "https://github.com/GrahamCampbell/Result-Type/issues",
-                "source": "https://github.com/GrahamCampbell/Result-Type/tree/v1.1.2"
+                "issues": "https://github.com/doctrine/lexer/issues",
+                "source": "https://github.com/doctrine/lexer/tree/3.0.0"
             },
             "funding": [
                 {
-                    "url": "https://github.com/GrahamCampbell",
-                    "type": "github"
+                    "url": "https://www.doctrine-project.org/sponsorship.html",
+                    "type": "custom"
                 },
                 {
-                    "url": "https://tidelift.com/funding/github/packagist/graham-campbell/result-type",
+                    "url": "https://www.patreon.com/phpdoctrine",
+                    "type": "patreon"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/doctrine%2Flexer",
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-11-12T22:16:48+00:00"
+            "time": "2022-12-15T16:57:16+00:00"
         },
         {
-            "name": "guzzlehttp/guzzle",
-            "version": "7.8.1",
+            "name": "dragonmantank/cron-expression",
+            "version": "v3.3.2",
             "source": {
                 "type": "git",
-                "url": "https://github.com/guzzle/guzzle.git",
-                "reference": "41042bc7ab002487b876a0683fc8dce04ddce104"
+                "url": "https://github.com/dragonmantank/cron-expression.git",
+                "reference": "782ca5968ab8b954773518e9e49a6f892a34b2a8"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/guzzle/zipball/41042bc7ab002487b876a0683fc8dce04ddce104",
-                "reference": "41042bc7ab002487b876a0683fc8dce04ddce104",
+                "url": "https://api.github.com/repos/dragonmantank/cron-expression/zipball/782ca5968ab8b954773518e9e49a6f892a34b2a8",
+                "reference": "782ca5968ab8b954773518e9e49a6f892a34b2a8",
                 "shasum": ""
             },
             "require": {
-                "ext-json": "*",
-                "guzzlehttp/promises": "^1.5.3 || ^2.0.1",
-                "guzzlehttp/psr7": "^1.9.1 || ^2.5.1",
-                "php": "^7.2.5 || ^8.0",
-                "psr/http-client": "^1.0",
-                "symfony/deprecation-contracts": "^2.2 || ^3.0"
+                "php": "^7.2|^8.0",
+                "webmozart/assert": "^1.0"
             },
-            "provide": {
-                "psr/http-client-implementation": "1.0"
+            "replace": {
+                "mtdowling/cron-expression": "^1.0"
             },
             "require-dev": {
-                "bamarni/composer-bin-plugin": "^1.8.2",
-                "ext-curl": "*",
-                "php-http/client-integration-tests": "dev-master#2c025848417c1135031fdf9c728ee53d0a7ceaee as 3.0.999",
-                "php-http/message-factory": "^1.1",
-                "phpunit/phpunit": "^8.5.36 || ^9.6.15",
-                "psr/log": "^1.1 || ^2.0 || ^3.0"
-            },
-            "suggest": {
-                "ext-curl": "Required for CURL handler support",
-                "ext-intl": "Required for Internationalized Domain Name (IDN) support",
-                "psr/log": "Required for using the Log middleware"
+                "phpstan/extension-installer": "^1.0",
+                "phpstan/phpstan": "^1.0",
+                "phpstan/phpstan-webmozart-assert": "^1.0",
+                "phpunit/phpunit": "^7.0|^8.0|^9.0"
             },
             "type": "library",
-            "extra": {
-                "bamarni-bin": {
-                    "bin-links": true,
-                    "forward-command": false
-                }
-            },
             "autoload": {
-                "files": [
-                    "src/functions_include.php"
-                ],
                 "psr-4": {
-                    "GuzzleHttp\\": "src/"
+                    "Cron\\": "src/Cron/"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -802,104 +682,63 @@
             ],
             "authors": [
                 {
-                    "name": "Graham Campbell",
-                    "email": "hello@gjcampbell.co.uk",
-                    "homepage": "https://github.com/GrahamCampbell"
-                },
-                {
-                    "name": "Michael Dowling",
-                    "email": "mtdowling@gmail.com",
-                    "homepage": "https://github.com/mtdowling"
-                },
-                {
-                    "name": "Jeremy Lindblom",
-                    "email": "jeremeamia@gmail.com",
-                    "homepage": "https://github.com/jeremeamia"
-                },
-                {
-                    "name": "George Mponos",
-                    "email": "gmponos@gmail.com",
-                    "homepage": "https://github.com/gmponos"
-                },
-                {
-                    "name": "Tobias Nyholm",
-                    "email": "tobias.nyholm@gmail.com",
-                    "homepage": "https://github.com/Nyholm"
-                },
-                {
-                    "name": "Márk Sági-Kazár",
-                    "email": "mark.sagikazar@gmail.com",
-                    "homepage": "https://github.com/sagikazarmark"
-                },
-                {
-                    "name": "Tobias Schultze",
-                    "email": "webmaster@tubo-world.de",
-                    "homepage": "https://github.com/Tobion"
+                    "name": "Chris Tankersley",
+                    "email": "chris@ctankersley.com",
+                    "homepage": "https://github.com/dragonmantank"
                 }
             ],
-            "description": "Guzzle is a PHP HTTP client library",
+            "description": "CRON for PHP: Calculate the next or previous run date and determine if a CRON expression is due",
             "keywords": [
-                "client",
-                "curl",
-                "framework",
-                "http",
-                "http client",
-                "psr-18",
-                "psr-7",
-                "rest",
-                "web service"
+                "cron",
+                "schedule"
             ],
             "support": {
-                "issues": "https://github.com/guzzle/guzzle/issues",
-                "source": "https://github.com/guzzle/guzzle/tree/7.8.1"
+                "issues": "https://github.com/dragonmantank/cron-expression/issues",
+                "source": "https://github.com/dragonmantank/cron-expression/tree/v3.3.2"
             },
             "funding": [
                 {
-                    "url": "https://github.com/GrahamCampbell",
-                    "type": "github"
-                },
-                {
-                    "url": "https://github.com/Nyholm",
+                    "url": "https://github.com/dragonmantank",
                     "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/guzzle",
-                    "type": "tidelift"
                 }
             ],
-            "time": "2023-12-03T20:35:24+00:00"
+            "time": "2022-09-10T18:51:20+00:00"
         },
         {
-            "name": "guzzlehttp/promises",
-            "version": "2.0.2",
+            "name": "egulias/email-validator",
+            "version": "4.0.1",
             "source": {
                 "type": "git",
-                "url": "https://github.com/guzzle/promises.git",
-                "reference": "bbff78d96034045e58e13dedd6ad91b5d1253223"
+                "url": "https://github.com/egulias/EmailValidator.git",
+                "reference": "3a85486b709bc384dae8eb78fb2eec649bdb64ff"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/promises/zipball/bbff78d96034045e58e13dedd6ad91b5d1253223",
-                "reference": "bbff78d96034045e58e13dedd6ad91b5d1253223",
+                "url": "https://api.github.com/repos/egulias/EmailValidator/zipball/3a85486b709bc384dae8eb78fb2eec649bdb64ff",
+                "reference": "3a85486b709bc384dae8eb78fb2eec649bdb64ff",
                 "shasum": ""
             },
             "require": {
-                "php": "^7.2.5 || ^8.0"
+                "doctrine/lexer": "^2.0 || ^3.0",
+                "php": ">=8.1",
+                "symfony/polyfill-intl-idn": "^1.26"
             },
             "require-dev": {
-                "bamarni/composer-bin-plugin": "^1.8.2",
-                "phpunit/phpunit": "^8.5.36 || ^9.6.15"
+                "phpunit/phpunit": "^9.5.27",
+                "vimeo/psalm": "^4.30"
+            },
+            "suggest": {
+                "ext-intl": "PHP Internationalization Libraries are required to use the SpoofChecking validation"
             },
             "type": "library",
             "extra": {
-                "bamarni-bin": {
-                    "bin-links": true,
-                    "forward-command": false
+                "branch-alias": {
+                    "dev-master": "4.0.x-dev"
                 }
             },
             "autoload": {
                 "psr-4": {
-                    "GuzzleHttp\\Promise\\": "src/"
+                    "Egulias\\EmailValidator\\": "src"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -908,92 +747,216 @@
             ],
             "authors": [
                 {
-                    "name": "Graham Campbell",
-                    "email": "hello@gjcampbell.co.uk",
-                    "homepage": "https://github.com/GrahamCampbell"
-                },
-                {
-                    "name": "Michael Dowling",
-                    "email": "mtdowling@gmail.com",
-                    "homepage": "https://github.com/mtdowling"
-                },
+                    "name": "Eduardo Gulias Davis"
+                }
+            ],
+            "description": "A library for validating emails against several RFCs",
+            "homepage": "https://github.com/egulias/EmailValidator",
+            "keywords": [
+                "email",
+                "emailvalidation",
+                "emailvalidator",
+                "validation",
+                "validator"
+            ],
+            "support": {
+                "issues": "https://github.com/egulias/EmailValidator/issues",
+                "source": "https://github.com/egulias/EmailValidator/tree/4.0.1"
+            },
+            "funding": [
                 {
-                    "name": "Tobias Nyholm",
-                    "email": "tobias.nyholm@gmail.com",
-                    "homepage": "https://github.com/Nyholm"
+                    "url": "https://github.com/egulias",
+                    "type": "github"
+                }
+            ],
+            "time": "2023-01-14T14:17:03+00:00"
+        },
+        {
+            "name": "fruitcake/php-cors",
+            "version": "v1.2.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/fruitcake/php-cors.git",
+                "reference": "58571acbaa5f9f462c9c77e911700ac66f446d4e"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/fruitcake/php-cors/zipball/58571acbaa5f9f462c9c77e911700ac66f446d4e",
+                "reference": "58571acbaa5f9f462c9c77e911700ac66f446d4e",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.4|^8.0",
+                "symfony/http-foundation": "^4.4|^5.4|^6"
+            },
+            "require-dev": {
+                "phpstan/phpstan": "^1.4",
+                "phpunit/phpunit": "^9",
+                "squizlabs/php_codesniffer": "^3.5"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.1-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Fruitcake\\Cors\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fruitcake",
+                    "homepage": "https://fruitcake.nl"
                 },
                 {
-                    "name": "Tobias Schultze",
-                    "email": "webmaster@tubo-world.de",
-                    "homepage": "https://github.com/Tobion"
+                    "name": "Barryvdh",
+                    "email": "barryvdh@gmail.com"
                 }
             ],
-            "description": "Guzzle promises library",
+            "description": "Cross-origin resource sharing library for the Symfony HttpFoundation",
+            "homepage": "https://github.com/fruitcake/php-cors",
             "keywords": [
-                "promise"
+                "cors",
+                "laravel",
+                "symfony"
             ],
             "support": {
-                "issues": "https://github.com/guzzle/promises/issues",
-                "source": "https://github.com/guzzle/promises/tree/2.0.2"
+                "issues": "https://github.com/fruitcake/php-cors/issues",
+                "source": "https://github.com/fruitcake/php-cors/tree/v1.2.0"
             },
             "funding": [
                 {
-                    "url": "https://github.com/GrahamCampbell",
-                    "type": "github"
+                    "url": "https://fruitcake.nl",
+                    "type": "custom"
                 },
                 {
-                    "url": "https://github.com/Nyholm",
+                    "url": "https://github.com/barryvdh",
+                    "type": "github"
+                }
+            ],
+            "time": "2022-02-20T15:07:15+00:00"
+        },
+        {
+            "name": "graham-campbell/result-type",
+            "version": "v1.1.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/GrahamCampbell/Result-Type.git",
+                "reference": "672eff8cf1d6fe1ef09ca0f89c4b287d6a3eb831"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/GrahamCampbell/Result-Type/zipball/672eff8cf1d6fe1ef09ca0f89c4b287d6a3eb831",
+                "reference": "672eff8cf1d6fe1ef09ca0f89c4b287d6a3eb831",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.2.5 || ^8.0",
+                "phpoption/phpoption": "^1.9.1"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^8.5.32 || ^9.6.3 || ^10.0.12"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "GrahamCampbell\\ResultType\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Graham Campbell",
+                    "email": "hello@gjcampbell.co.uk",
+                    "homepage": "https://github.com/GrahamCampbell"
+                }
+            ],
+            "description": "An Implementation Of The Result Type",
+            "keywords": [
+                "Graham Campbell",
+                "GrahamCampbell",
+                "Result Type",
+                "Result-Type",
+                "result"
+            ],
+            "support": {
+                "issues": "https://github.com/GrahamCampbell/Result-Type/issues",
+                "source": "https://github.com/GrahamCampbell/Result-Type/tree/v1.1.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/GrahamCampbell",
                     "type": "github"
                 },
                 {
-                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/promises",
+                    "url": "https://tidelift.com/funding/github/packagist/graham-campbell/result-type",
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-12-03T20:19:20+00:00"
+            "time": "2023-02-25T20:23:15+00:00"
         },
         {
-            "name": "guzzlehttp/psr7",
-            "version": "2.6.2",
+            "name": "guzzlehttp/guzzle",
+            "version": "7.5.0",
             "source": {
                 "type": "git",
-                "url": "https://github.com/guzzle/psr7.git",
-                "reference": "45b30f99ac27b5ca93cb4831afe16285f57b8221"
+                "url": "https://github.com/guzzle/guzzle.git",
+                "reference": "b50a2a1251152e43f6a37f0fa053e730a67d25ba"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/psr7/zipball/45b30f99ac27b5ca93cb4831afe16285f57b8221",
-                "reference": "45b30f99ac27b5ca93cb4831afe16285f57b8221",
+                "url": "https://api.github.com/repos/guzzle/guzzle/zipball/b50a2a1251152e43f6a37f0fa053e730a67d25ba",
+                "reference": "b50a2a1251152e43f6a37f0fa053e730a67d25ba",
                 "shasum": ""
             },
             "require": {
+                "ext-json": "*",
+                "guzzlehttp/promises": "^1.5",
+                "guzzlehttp/psr7": "^1.9 || ^2.4",
                 "php": "^7.2.5 || ^8.0",
-                "psr/http-factory": "^1.0",
-                "psr/http-message": "^1.1 || ^2.0",
-                "ralouphie/getallheaders": "^3.0"
+                "psr/http-client": "^1.0",
+                "symfony/deprecation-contracts": "^2.2 || ^3.0"
             },
             "provide": {
-                "psr/http-factory-implementation": "1.0",
-                "psr/http-message-implementation": "1.0"
+                "psr/http-client-implementation": "1.0"
             },
             "require-dev": {
-                "bamarni/composer-bin-plugin": "^1.8.2",
-                "http-interop/http-factory-tests": "^0.9",
-                "phpunit/phpunit": "^8.5.36 || ^9.6.15"
+                "bamarni/composer-bin-plugin": "^1.8.1",
+                "ext-curl": "*",
+                "php-http/client-integration-tests": "^3.0",
+                "phpunit/phpunit": "^8.5.29 || ^9.5.23",
+                "psr/log": "^1.1 || ^2.0 || ^3.0"
             },
             "suggest": {
-                "laminas/laminas-httphandlerrunner": "Emit PSR-7 responses"
+                "ext-curl": "Required for CURL handler support",
+                "ext-intl": "Required for Internationalized Domain Name (IDN) support",
+                "psr/log": "Required for using the Log middleware"
             },
             "type": "library",
             "extra": {
                 "bamarni-bin": {
                     "bin-links": true,
                     "forward-command": false
+                },
+                "branch-alias": {
+                    "dev-master": "7.5-dev"
                 }
             },
             "autoload": {
+                "files": [
+                    "src/functions_include.php"
+                ],
                 "psr-4": {
-                    "GuzzleHttp\\Psr7\\": "src/"
+                    "GuzzleHttp\\": "src/"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -1011,6 +974,11 @@
                     "email": "mtdowling@gmail.com",
                     "homepage": "https://github.com/mtdowling"
                 },
+                {
+                    "name": "Jeremy Lindblom",
+                    "email": "jeremeamia@gmail.com",
+                    "homepage": "https://github.com/jeremeamia"
+                },
                 {
                     "name": "George Mponos",
                     "email": "gmponos@gmail.com",
@@ -1030,27 +998,23 @@
                     "name": "Tobias Schultze",
                     "email": "webmaster@tubo-world.de",
                     "homepage": "https://github.com/Tobion"
-                },
-                {
-                    "name": "Márk Sági-Kazár",
-                    "email": "mark.sagikazar@gmail.com",
-                    "homepage": "https://sagikazarmark.hu"
                 }
             ],
-            "description": "PSR-7 message implementation that also provides common utility methods",
+            "description": "Guzzle is a PHP HTTP client library",
             "keywords": [
+                "client",
+                "curl",
+                "framework",
                 "http",
-                "message",
+                "http client",
+                "psr-18",
                 "psr-7",
-                "request",
-                "response",
-                "stream",
-                "uri",
-                "url"
+                "rest",
+                "web service"
             ],
             "support": {
-                "issues": "https://github.com/guzzle/psr7/issues",
-                "source": "https://github.com/guzzle/psr7/tree/2.6.2"
+                "issues": "https://github.com/guzzle/guzzle/issues",
+                "source": "https://github.com/guzzle/guzzle/tree/7.5.0"
             },
             "funding": [
                 {
@@ -1062,45 +1026,44 @@
                     "type": "github"
                 },
                 {
-                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/psr7",
+                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/guzzle",
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-12-03T20:05:35+00:00"
+            "time": "2022-08-28T15:39:27+00:00"
         },
         {
-            "name": "guzzlehttp/uri-template",
-            "version": "v1.0.3",
+            "name": "guzzlehttp/promises",
+            "version": "1.5.2",
             "source": {
                 "type": "git",
-                "url": "https://github.com/guzzle/uri-template.git",
-                "reference": "ecea8feef63bd4fef1f037ecb288386999ecc11c"
+                "url": "https://github.com/guzzle/promises.git",
+                "reference": "b94b2807d85443f9719887892882d0329d1e2598"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/uri-template/zipball/ecea8feef63bd4fef1f037ecb288386999ecc11c",
-                "reference": "ecea8feef63bd4fef1f037ecb288386999ecc11c",
+                "url": "https://api.github.com/repos/guzzle/promises/zipball/b94b2807d85443f9719887892882d0329d1e2598",
+                "reference": "b94b2807d85443f9719887892882d0329d1e2598",
                 "shasum": ""
             },
             "require": {
-                "php": "^7.2.5 || ^8.0",
-                "symfony/polyfill-php80": "^1.24"
+                "php": ">=5.5"
             },
             "require-dev": {
-                "bamarni/composer-bin-plugin": "^1.8.2",
-                "phpunit/phpunit": "^8.5.36 || ^9.6.15",
-                "uri-template/tests": "1.0.0"
+                "symfony/phpunit-bridge": "^4.4 || ^5.1"
             },
             "type": "library",
             "extra": {
-                "bamarni-bin": {
-                    "bin-links": true,
-                    "forward-command": false
+                "branch-alias": {
+                    "dev-master": "1.5-dev"
                 }
             },
             "autoload": {
+                "files": [
+                    "src/functions_include.php"
+                ],
                 "psr-4": {
-                    "GuzzleHttp\\UriTemplate\\": "src"
+                    "GuzzleHttp\\Promise\\": "src/"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -1118,25 +1081,24 @@
                     "email": "mtdowling@gmail.com",
                     "homepage": "https://github.com/mtdowling"
                 },
-                {
-                    "name": "George Mponos",
-                    "email": "gmponos@gmail.com",
-                    "homepage": "https://github.com/gmponos"
-                },
                 {
                     "name": "Tobias Nyholm",
                     "email": "tobias.nyholm@gmail.com",
                     "homepage": "https://github.com/Nyholm"
+                },
+                {
+                    "name": "Tobias Schultze",
+                    "email": "webmaster@tubo-world.de",
+                    "homepage": "https://github.com/Tobion"
                 }
             ],
-            "description": "A polyfill class for uri_template of PHP",
+            "description": "Guzzle promises library",
             "keywords": [
-                "guzzlehttp",
-                "uri-template"
+                "promise"
             ],
             "support": {
-                "issues": "https://github.com/guzzle/uri-template/issues",
-                "source": "https://github.com/guzzle/uri-template/tree/v1.0.3"
+                "issues": "https://github.com/guzzle/promises/issues",
+                "source": "https://github.com/guzzle/promises/tree/1.5.2"
             },
             "funding": [
                 {
@@ -1148,54 +1110,57 @@
                     "type": "github"
                 },
                 {
-                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/uri-template",
+                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/promises",
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-12-03T19:50:20+00:00"
+            "time": "2022-08-28T14:55:35+00:00"
         },
         {
-            "name": "laravel/fortify",
-            "version": "v1.21.3",
+            "name": "guzzlehttp/psr7",
+            "version": "2.4.3",
             "source": {
                 "type": "git",
-                "url": "https://github.com/laravel/fortify.git",
-                "reference": "a725684d17959c4750f3b441ff2e94ecde7793a1"
+                "url": "https://github.com/guzzle/psr7.git",
+                "reference": "67c26b443f348a51926030c83481b85718457d3d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/fortify/zipball/a725684d17959c4750f3b441ff2e94ecde7793a1",
-                "reference": "a725684d17959c4750f3b441ff2e94ecde7793a1",
+                "url": "https://api.github.com/repos/guzzle/psr7/zipball/67c26b443f348a51926030c83481b85718457d3d",
+                "reference": "67c26b443f348a51926030c83481b85718457d3d",
                 "shasum": ""
             },
             "require": {
-                "bacon/bacon-qr-code": "^3.0",
-                "ext-json": "*",
-                "illuminate/support": "^10.0|^11.0",
-                "php": "^8.1",
-                "pragmarx/google2fa": "^8.0",
-                "symfony/console": "^6.0|^7.0"
+                "php": "^7.2.5 || ^8.0",
+                "psr/http-factory": "^1.0",
+                "psr/http-message": "^1.0",
+                "ralouphie/getallheaders": "^3.0"
+            },
+            "provide": {
+                "psr/http-factory-implementation": "1.0",
+                "psr/http-message-implementation": "1.0"
             },
             "require-dev": {
-                "mockery/mockery": "^1.0",
-                "orchestra/testbench": "^8.16|^9.0",
-                "phpstan/phpstan": "^1.10",
-                "phpunit/phpunit": "^10.4"
+                "bamarni/composer-bin-plugin": "^1.8.1",
+                "http-interop/http-factory-tests": "^0.9",
+                "phpunit/phpunit": "^8.5.29 || ^9.5.23"
+            },
+            "suggest": {
+                "laminas/laminas-httphandlerrunner": "Emit PSR-7 responses"
             },
             "type": "library",
             "extra": {
-                "branch-alias": {
-                    "dev-master": "1.x-dev"
+                "bamarni-bin": {
+                    "bin-links": true,
+                    "forward-command": false
                 },
-                "laravel": {
-                    "providers": [
-                        "Laravel\\Fortify\\FortifyServiceProvider"
-                    ]
+                "branch-alias": {
+                    "dev-master": "2.4-dev"
                 }
             },
             "autoload": {
                 "psr-4": {
-                    "Laravel\\Fortify\\": "src/"
+                    "GuzzleHttp\\Psr7\\": "src/"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -1204,37 +1169,172 @@
             ],
             "authors": [
                 {
-                    "name": "Taylor Otwell",
-                    "email": "taylor@laravel.com"
-                }
+                    "name": "Graham Campbell",
+                    "email": "hello@gjcampbell.co.uk",
+                    "homepage": "https://github.com/GrahamCampbell"
+                },
+                {
+                    "name": "Michael Dowling",
+                    "email": "mtdowling@gmail.com",
+                    "homepage": "https://github.com/mtdowling"
+                },
+                {
+                    "name": "George Mponos",
+                    "email": "gmponos@gmail.com",
+                    "homepage": "https://github.com/gmponos"
+                },
+                {
+                    "name": "Tobias Nyholm",
+                    "email": "tobias.nyholm@gmail.com",
+                    "homepage": "https://github.com/Nyholm"
+                },
+                {
+                    "name": "Márk Sági-Kazár",
+                    "email": "mark.sagikazar@gmail.com",
+                    "homepage": "https://github.com/sagikazarmark"
+                },
+                {
+                    "name": "Tobias Schultze",
+                    "email": "webmaster@tubo-world.de",
+                    "homepage": "https://github.com/Tobion"
+                },
+                {
+                    "name": "Márk Sági-Kazár",
+                    "email": "mark.sagikazar@gmail.com",
+                    "homepage": "https://sagikazarmark.hu"
+                }
             ],
-            "description": "Backend controllers and scaffolding for Laravel authentication.",
+            "description": "PSR-7 message implementation that also provides common utility methods",
             "keywords": [
-                "auth",
-                "laravel"
+                "http",
+                "message",
+                "psr-7",
+                "request",
+                "response",
+                "stream",
+                "uri",
+                "url"
+            ],
+            "support": {
+                "issues": "https://github.com/guzzle/psr7/issues",
+                "source": "https://github.com/guzzle/psr7/tree/2.4.3"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/GrahamCampbell",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/Nyholm",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/psr7",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-10-26T14:07:24+00:00"
+        },
+        {
+            "name": "guzzlehttp/uri-template",
+            "version": "v1.0.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/guzzle/uri-template.git",
+                "reference": "b945d74a55a25a949158444f09ec0d3c120d69e2"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/guzzle/uri-template/zipball/b945d74a55a25a949158444f09ec0d3c120d69e2",
+                "reference": "b945d74a55a25a949158444f09ec0d3c120d69e2",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.2.5 || ^8.0",
+                "symfony/polyfill-php80": "^1.17"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^8.5.19 || ^9.5.8",
+                "uri-template/tests": "1.0.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.0-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "GuzzleHttp\\UriTemplate\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Graham Campbell",
+                    "email": "hello@gjcampbell.co.uk",
+                    "homepage": "https://github.com/GrahamCampbell"
+                },
+                {
+                    "name": "Michael Dowling",
+                    "email": "mtdowling@gmail.com",
+                    "homepage": "https://github.com/mtdowling"
+                },
+                {
+                    "name": "George Mponos",
+                    "email": "gmponos@gmail.com",
+                    "homepage": "https://github.com/gmponos"
+                },
+                {
+                    "name": "Tobias Nyholm",
+                    "email": "tobias.nyholm@gmail.com",
+                    "homepage": "https://github.com/Nyholm"
+                }
+            ],
+            "description": "A polyfill class for uri_template of PHP",
+            "keywords": [
+                "guzzlehttp",
+                "uri-template"
             ],
             "support": {
-                "issues": "https://github.com/laravel/fortify/issues",
-                "source": "https://github.com/laravel/fortify"
+                "issues": "https://github.com/guzzle/uri-template/issues",
+                "source": "https://github.com/guzzle/uri-template/tree/v1.0.1"
             },
-            "time": "2024-05-08T18:07:38+00:00"
+            "funding": [
+                {
+                    "url": "https://github.com/GrahamCampbell",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/Nyholm",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/uri-template",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-07T12:57:01+00:00"
         },
         {
             "name": "laravel/framework",
-            "version": "v11.9.1",
+            "version": "v10.2.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/framework.git",
-                "reference": "60167ce91c59ed5eea2ad4f2a7b6d686fb103ba7"
+                "reference": "3799f7f3118d57dc5d3dfaabde69a912fff65a7e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/framework/zipball/60167ce91c59ed5eea2ad4f2a7b6d686fb103ba7",
-                "reference": "60167ce91c59ed5eea2ad4f2a7b6d686fb103ba7",
+                "url": "https://api.github.com/repos/laravel/framework/zipball/3799f7f3118d57dc5d3dfaabde69a912fff65a7e",
+                "reference": "3799f7f3118d57dc5d3dfaabde69a912fff65a7e",
                 "shasum": ""
             },
             "require": {
-                "brick/math": "^0.9.3|^0.10.2|^0.11|^0.12",
+                "brick/math": "^0.9.3|^0.10.2|^0.11",
                 "composer-runtime-api": "^2.2",
                 "doctrine/inflector": "^2.0.5",
                 "dragonmantank/cron-expression": "^3.3.2",
@@ -1246,39 +1346,35 @@
                 "ext-openssl": "*",
                 "ext-session": "*",
                 "ext-tokenizer": "*",
-                "fruitcake/php-cors": "^1.3",
-                "guzzlehttp/guzzle": "^7.8",
+                "fruitcake/php-cors": "^1.2",
                 "guzzlehttp/uri-template": "^1.0",
-                "laravel/prompts": "^0.1.18",
                 "laravel/serializable-closure": "^1.3",
                 "league/commonmark": "^2.2.1",
                 "league/flysystem": "^3.8.0",
                 "monolog/monolog": "^3.0",
-                "nesbot/carbon": "^2.72.2|^3.0",
-                "nunomaduro/termwind": "^2.0",
-                "php": "^8.2",
+                "nesbot/carbon": "^2.62.1",
+                "nunomaduro/termwind": "^1.13",
+                "php": "^8.1",
                 "psr/container": "^1.1.1|^2.0.1",
                 "psr/log": "^1.0|^2.0|^3.0",
                 "psr/simple-cache": "^1.0|^2.0|^3.0",
                 "ramsey/uuid": "^4.7",
-                "symfony/console": "^7.0",
-                "symfony/error-handler": "^7.0",
-                "symfony/finder": "^7.0",
-                "symfony/http-foundation": "^7.0",
-                "symfony/http-kernel": "^7.0",
-                "symfony/mailer": "^7.0",
-                "symfony/mime": "^7.0",
-                "symfony/polyfill-php83": "^1.28",
-                "symfony/process": "^7.0",
-                "symfony/routing": "^7.0",
-                "symfony/uid": "^7.0",
-                "symfony/var-dumper": "^7.0",
+                "symfony/console": "^6.2",
+                "symfony/error-handler": "^6.2",
+                "symfony/finder": "^6.2",
+                "symfony/http-foundation": "^6.2",
+                "symfony/http-kernel": "^6.2",
+                "symfony/mailer": "^6.2",
+                "symfony/mime": "^6.2",
+                "symfony/process": "^6.2",
+                "symfony/routing": "^6.2",
+                "symfony/uid": "^6.2",
+                "symfony/var-dumper": "^6.2",
                 "tijsverkoyen/css-to-inline-styles": "^2.2.5",
                 "vlucas/phpdotenv": "^5.4.1",
                 "voku/portable-ascii": "^2.0"
             },
             "conflict": {
-                "mockery/mockery": "1.6.8",
                 "tightenco/collect": "<5.5.33"
             },
             "provide": {
@@ -1318,35 +1414,35 @@
                 "illuminate/testing": "self.version",
                 "illuminate/translation": "self.version",
                 "illuminate/validation": "self.version",
-                "illuminate/view": "self.version",
-                "spatie/once": "*"
+                "illuminate/view": "self.version"
             },
             "require-dev": {
                 "ably/ably-php": "^1.0",
                 "aws/aws-sdk-php": "^3.235.5",
+                "doctrine/dbal": "^3.5.1",
                 "ext-gmp": "*",
-                "fakerphp/faker": "^1.23",
+                "fakerphp/faker": "^1.21",
+                "guzzlehttp/guzzle": "^7.5",
                 "league/flysystem-aws-s3-v3": "^3.0",
                 "league/flysystem-ftp": "^3.0",
                 "league/flysystem-path-prefixing": "^3.3",
                 "league/flysystem-read-only": "^3.3",
                 "league/flysystem-sftp-v3": "^3.0",
-                "mockery/mockery": "^1.6",
-                "nyholm/psr7": "^1.2",
-                "orchestra/testbench-core": "^9.0.15",
-                "pda/pheanstalk": "^5.0",
+                "mockery/mockery": "^1.5.1",
+                "orchestra/testbench-core": "^8.0",
+                "pda/pheanstalk": "^4.0",
+                "phpstan/phpdoc-parser": "^1.15",
                 "phpstan/phpstan": "^1.4.7",
-                "phpunit/phpunit": "^10.5|^11.0",
+                "phpunit/phpunit": "^10.0.7",
                 "predis/predis": "^2.0.2",
-                "resend/resend-php": "^0.10.0",
-                "symfony/cache": "^7.0",
-                "symfony/http-client": "^7.0",
-                "symfony/psr-http-message-bridge": "^7.0"
+                "symfony/cache": "^6.2",
+                "symfony/http-client": "^6.2.4"
             },
             "suggest": {
                 "ably/ably-php": "Required to use the Ably broadcast driver (^1.0).",
                 "aws/aws-sdk-php": "Required to use the SQS queue driver, DynamoDb failed job storage, and SES mail driver (^3.235.5).",
-                "brianium/paratest": "Required to run tests in parallel (^7.0|^8.0).",
+                "brianium/paratest": "Required to run tests in parallel (^6.0).",
+                "doctrine/dbal": "Required to rename columns and drop SQLite columns (^3.5.1).",
                 "ext-apcu": "Required to use the APC cache driver.",
                 "ext-fileinfo": "Required to use the Filesystem class.",
                 "ext-ftp": "Required to use the Flysystem FTP driver.",
@@ -1355,41 +1451,40 @@
                 "ext-pcntl": "Required to use all features of the queue worker and console signal trapping.",
                 "ext-pdo": "Required to use all database features.",
                 "ext-posix": "Required to use all features of the queue worker.",
-                "ext-redis": "Required to use the Redis cache and queue drivers (^4.0|^5.0|^6.0).",
+                "ext-redis": "Required to use the Redis cache and queue drivers (^4.0|^5.0).",
                 "fakerphp/faker": "Required to use the eloquent factory builder (^1.9.1).",
                 "filp/whoops": "Required for friendly error pages in development (^2.14.3).",
+                "guzzlehttp/guzzle": "Required to use the HTTP Client and the ping methods on schedules (^7.5).",
                 "laravel/tinker": "Required to use the tinker console command (^2.0).",
                 "league/flysystem-aws-s3-v3": "Required to use the Flysystem S3 driver (^3.0).",
                 "league/flysystem-ftp": "Required to use the Flysystem FTP driver (^3.0).",
                 "league/flysystem-path-prefixing": "Required to use the scoped driver (^3.3).",
                 "league/flysystem-read-only": "Required to use read-only disks (^3.3)",
                 "league/flysystem-sftp-v3": "Required to use the Flysystem SFTP driver (^3.0).",
-                "mockery/mockery": "Required to use mocking (^1.6).",
+                "mockery/mockery": "Required to use mocking (^1.5.1).",
                 "nyholm/psr7": "Required to use PSR-7 bridging features (^1.2).",
-                "pda/pheanstalk": "Required to use the beanstalk queue driver (^5.0).",
-                "phpunit/phpunit": "Required to use assertions and run tests (^10.5|^11.0).",
+                "pda/pheanstalk": "Required to use the beanstalk queue driver (^4.0).",
+                "phpunit/phpunit": "Required to use assertions and run tests (^9.5.8|^10.0.7).",
                 "predis/predis": "Required to use the predis connector (^2.0.2).",
                 "psr/http-message": "Required to allow Storage::put to accept a StreamInterface (^1.0).",
                 "pusher/pusher-php-server": "Required to use the Pusher broadcast driver (^6.0|^7.0).",
-                "resend/resend-php": "Required to enable support for the Resend mail transport (^0.10.0).",
-                "symfony/cache": "Required to PSR-6 cache bridge (^7.0).",
-                "symfony/filesystem": "Required to enable support for relative symbolic links (^7.0).",
-                "symfony/http-client": "Required to enable support for the Symfony API mail transports (^7.0).",
-                "symfony/mailgun-mailer": "Required to enable support for the Mailgun mail transport (^7.0).",
-                "symfony/postmark-mailer": "Required to enable support for the Postmark mail transport (^7.0).",
-                "symfony/psr-http-message-bridge": "Required to use PSR-7 bridging features (^7.0)."
+                "symfony/cache": "Required to PSR-6 cache bridge (^6.2).",
+                "symfony/filesystem": "Required to enable support for relative symbolic links (^6.2).",
+                "symfony/http-client": "Required to enable support for the Symfony API mail transports (^6.2).",
+                "symfony/mailgun-mailer": "Required to enable support for the Mailgun mail transport (^6.2).",
+                "symfony/postmark-mailer": "Required to enable support for the Postmark mail transport (^6.2).",
+                "symfony/psr-http-message-bridge": "Required to use PSR-7 bridging features (^2.0)."
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "11.x-dev"
+                    "dev-master": "10.x-dev"
                 }
             },
             "autoload": {
                 "files": [
                     "src/Illuminate/Collections/helpers.php",
                     "src/Illuminate/Events/functions.php",
-                    "src/Illuminate/Filesystem/functions.php",
                     "src/Illuminate/Foundation/helpers.php",
                     "src/Illuminate/Support/helpers.php"
                 ],
@@ -1422,164 +1517,40 @@
                 "issues": "https://github.com/laravel/framework/issues",
                 "source": "https://github.com/laravel/framework"
             },
-            "time": "2024-05-28T18:16:41+00:00"
-        },
-        {
-            "name": "laravel/jetstream",
-            "version": "v5.1.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/laravel/jetstream.git",
-                "reference": "30bde139ca1c41d10a58c67f8daa2e8cd3a0be93"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/laravel/jetstream/zipball/30bde139ca1c41d10a58c67f8daa2e8cd3a0be93",
-                "reference": "30bde139ca1c41d10a58c67f8daa2e8cd3a0be93",
-                "shasum": ""
-            },
-            "require": {
-                "ext-json": "*",
-                "illuminate/console": "^11.0",
-                "illuminate/support": "^11.0",
-                "laravel/fortify": "^1.20",
-                "mobiledetect/mobiledetectlib": "^4.8",
-                "php": "^8.2.0",
-                "symfony/console": "^7.0"
-            },
-            "require-dev": {
-                "inertiajs/inertia-laravel": "^1.0",
-                "laravel/sanctum": "^4.0",
-                "livewire/livewire": "^3.3",
-                "mockery/mockery": "^1.0",
-                "orchestra/testbench": "^9.0",
-                "phpstan/phpstan": "^1.10",
-                "phpunit/phpunit": "^10.4"
-            },
-            "type": "library",
-            "extra": {
-                "laravel": {
-                    "providers": [
-                        "Laravel\\Jetstream\\JetstreamServiceProvider"
-                    ]
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Laravel\\Jetstream\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Taylor Otwell",
-                    "email": "taylor@laravel.com"
-                }
-            ],
-            "description": "Tailwind scaffolding for the Laravel framework.",
-            "keywords": [
-                "auth",
-                "laravel",
-                "tailwind"
-            ],
-            "support": {
-                "issues": "https://github.com/laravel/jetstream/issues",
-                "source": "https://github.com/laravel/jetstream"
-            },
-            "time": "2024-05-13T17:01:27+00:00"
-        },
-        {
-            "name": "laravel/prompts",
-            "version": "v0.1.23",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/laravel/prompts.git",
-                "reference": "9bc4df7c699b0452c6b815e64a2d84b6d7f99400"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/laravel/prompts/zipball/9bc4df7c699b0452c6b815e64a2d84b6d7f99400",
-                "reference": "9bc4df7c699b0452c6b815e64a2d84b6d7f99400",
-                "shasum": ""
-            },
-            "require": {
-                "ext-mbstring": "*",
-                "illuminate/collections": "^10.0|^11.0",
-                "php": "^8.1",
-                "symfony/console": "^6.2|^7.0"
-            },
-            "conflict": {
-                "illuminate/console": ">=10.17.0 <10.25.0",
-                "laravel/framework": ">=10.17.0 <10.25.0"
-            },
-            "require-dev": {
-                "mockery/mockery": "^1.5",
-                "pestphp/pest": "^2.3",
-                "phpstan/phpstan": "^1.11",
-                "phpstan/phpstan-mockery": "^1.1"
-            },
-            "suggest": {
-                "ext-pcntl": "Required for the spinner to be animated."
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "0.1.x-dev"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "src/helpers.php"
-                ],
-                "psr-4": {
-                    "Laravel\\Prompts\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "description": "Add beautiful and user-friendly forms to your command-line applications.",
-            "support": {
-                "issues": "https://github.com/laravel/prompts/issues",
-                "source": "https://github.com/laravel/prompts/tree/v0.1.23"
-            },
-            "time": "2024-05-27T13:53:20+00:00"
+            "time": "2023-03-02T14:55:50+00:00"
         },
         {
             "name": "laravel/sanctum",
-            "version": "v4.0.2",
+            "version": "v3.2.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/sanctum.git",
-                "reference": "9cfc0ce80cabad5334efff73ec856339e8ec1ac1"
+                "reference": "d09d69bac55708fcd4a3b305d760e673d888baf9"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/sanctum/zipball/9cfc0ce80cabad5334efff73ec856339e8ec1ac1",
-                "reference": "9cfc0ce80cabad5334efff73ec856339e8ec1ac1",
+                "url": "https://api.github.com/repos/laravel/sanctum/zipball/d09d69bac55708fcd4a3b305d760e673d888baf9",
+                "reference": "d09d69bac55708fcd4a3b305d760e673d888baf9",
                 "shasum": ""
             },
             "require": {
                 "ext-json": "*",
-                "illuminate/console": "^11.0",
-                "illuminate/contracts": "^11.0",
-                "illuminate/database": "^11.0",
-                "illuminate/support": "^11.0",
-                "php": "^8.2",
-                "symfony/console": "^7.0"
+                "illuminate/console": "^9.21|^10.0",
+                "illuminate/contracts": "^9.21|^10.0",
+                "illuminate/database": "^9.21|^10.0",
+                "illuminate/support": "^9.21|^10.0",
+                "php": "^8.0.2"
             },
             "require-dev": {
-                "mockery/mockery": "^1.6",
-                "orchestra/testbench": "^9.0",
-                "phpstan/phpstan": "^1.10",
-                "phpunit/phpunit": "^10.5"
+                "mockery/mockery": "^1.0",
+                "orchestra/testbench": "^7.0|^8.0",
+                "phpunit/phpunit": "^9.3"
             },
             "type": "library",
             "extra": {
+                "branch-alias": {
+                    "dev-master": "3.x-dev"
+                },
                 "laravel": {
                     "providers": [
                         "Laravel\\Sanctum\\SanctumServiceProvider"
@@ -1611,20 +1582,20 @@
                 "issues": "https://github.com/laravel/sanctum/issues",
                 "source": "https://github.com/laravel/sanctum"
             },
-            "time": "2024-04-10T19:39:58+00:00"
+            "time": "2023-01-13T15:41:49+00:00"
         },
         {
             "name": "laravel/serializable-closure",
-            "version": "v1.3.3",
+            "version": "v1.3.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/serializable-closure.git",
-                "reference": "3dbf8a8e914634c48d389c1234552666b3d43754"
+                "reference": "f23fe9d4e95255dacee1bf3525e0810d1a1b0f37"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/serializable-closure/zipball/3dbf8a8e914634c48d389c1234552666b3d43754",
-                "reference": "3dbf8a8e914634c48d389c1234552666b3d43754",
+                "url": "https://api.github.com/repos/laravel/serializable-closure/zipball/f23fe9d4e95255dacee1bf3525e0810d1a1b0f37",
+                "reference": "f23fe9d4e95255dacee1bf3525e0810d1a1b0f37",
                 "shasum": ""
             },
             "require": {
@@ -1671,40 +1642,42 @@
                 "issues": "https://github.com/laravel/serializable-closure/issues",
                 "source": "https://github.com/laravel/serializable-closure"
             },
-            "time": "2023-11-08T14:08:06+00:00"
+            "time": "2023-01-30T18:31:20+00:00"
         },
         {
             "name": "laravel/tinker",
-            "version": "v2.9.0",
+            "version": "v2.8.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/tinker.git",
-                "reference": "502e0fe3f0415d06d5db1f83a472f0f3b754bafe"
+                "reference": "04a2d3bd0d650c0764f70bf49d1ee39393e4eb10"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/tinker/zipball/502e0fe3f0415d06d5db1f83a472f0f3b754bafe",
-                "reference": "502e0fe3f0415d06d5db1f83a472f0f3b754bafe",
+                "url": "https://api.github.com/repos/laravel/tinker/zipball/04a2d3bd0d650c0764f70bf49d1ee39393e4eb10",
+                "reference": "04a2d3bd0d650c0764f70bf49d1ee39393e4eb10",
                 "shasum": ""
             },
             "require": {
-                "illuminate/console": "^6.0|^7.0|^8.0|^9.0|^10.0|^11.0",
-                "illuminate/contracts": "^6.0|^7.0|^8.0|^9.0|^10.0|^11.0",
-                "illuminate/support": "^6.0|^7.0|^8.0|^9.0|^10.0|^11.0",
+                "illuminate/console": "^6.0|^7.0|^8.0|^9.0|^10.0",
+                "illuminate/contracts": "^6.0|^7.0|^8.0|^9.0|^10.0",
+                "illuminate/support": "^6.0|^7.0|^8.0|^9.0|^10.0",
                 "php": "^7.2.5|^8.0",
-                "psy/psysh": "^0.11.1|^0.12.0",
-                "symfony/var-dumper": "^4.3.4|^5.0|^6.0|^7.0"
+                "psy/psysh": "^0.10.4|^0.11.1",
+                "symfony/var-dumper": "^4.3.4|^5.0|^6.0"
             },
             "require-dev": {
                 "mockery/mockery": "~1.3.3|^1.4.2",
-                "phpstan/phpstan": "^1.10",
                 "phpunit/phpunit": "^8.5.8|^9.3.3"
             },
             "suggest": {
-                "illuminate/database": "The Illuminate Database package (^6.0|^7.0|^8.0|^9.0|^10.0|^11.0)."
+                "illuminate/database": "The Illuminate Database package (^6.0|^7.0|^8.0|^9.0|^10.0)."
             },
             "type": "library",
             "extra": {
+                "branch-alias": {
+                    "dev-master": "2.x-dev"
+                },
                 "laravel": {
                     "providers": [
                         "Laravel\\Tinker\\TinkerServiceProvider"
@@ -1735,22 +1708,22 @@
             ],
             "support": {
                 "issues": "https://github.com/laravel/tinker/issues",
-                "source": "https://github.com/laravel/tinker/tree/v2.9.0"
+                "source": "https://github.com/laravel/tinker/tree/v2.8.1"
             },
-            "time": "2024-01-04T16:10:04+00:00"
+            "time": "2023-02-15T16:40:09+00:00"
         },
         {
             "name": "league/commonmark",
-            "version": "2.4.2",
+            "version": "2.3.9",
             "source": {
                 "type": "git",
                 "url": "https://github.com/thephpleague/commonmark.git",
-                "reference": "91c24291965bd6d7c46c46a12ba7492f83b1cadf"
+                "reference": "c1e114f74e518daca2729ea8c4bf1167038fa4b5"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/commonmark/zipball/91c24291965bd6d7c46c46a12ba7492f83b1cadf",
-                "reference": "91c24291965bd6d7c46c46a12ba7492f83b1cadf",
+                "url": "https://api.github.com/repos/thephpleague/commonmark/zipball/c1e114f74e518daca2729ea8c4bf1167038fa4b5",
+                "reference": "c1e114f74e518daca2729ea8c4bf1167038fa4b5",
                 "shasum": ""
             },
             "require": {
@@ -1763,7 +1736,7 @@
             },
             "require-dev": {
                 "cebe/markdown": "^1.0",
-                "commonmark/cmark": "0.30.3",
+                "commonmark/cmark": "0.30.0",
                 "commonmark/commonmark.js": "0.30.0",
                 "composer/package-versions-deprecated": "^1.8",
                 "embed/embed": "^4.4",
@@ -1773,10 +1746,10 @@
                 "michelf/php-markdown": "^1.4 || ^2.0",
                 "nyholm/psr7": "^1.5",
                 "phpstan/phpstan": "^1.8.2",
-                "phpunit/phpunit": "^9.5.21 || ^10.5.9 || ^11.0.0",
+                "phpunit/phpunit": "^9.5.21",
                 "scrutinizer/ocular": "^1.8.1",
-                "symfony/finder": "^5.3 | ^6.0 || ^7.0",
-                "symfony/yaml": "^2.3 | ^3.0 | ^4.0 | ^5.0 | ^6.0 || ^7.0",
+                "symfony/finder": "^5.3 | ^6.0",
+                "symfony/yaml": "^2.3 | ^3.0 | ^4.0 | ^5.0 | ^6.0",
                 "unleashedtech/php-coding-standard": "^3.1.1",
                 "vimeo/psalm": "^4.24.0 || ^5.0.0"
             },
@@ -1786,7 +1759,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "2.5-dev"
+                    "dev-main": "2.4-dev"
                 }
             },
             "autoload": {
@@ -1843,7 +1816,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-02-02T11:59:32+00:00"
+            "time": "2023-02-15T14:07:24+00:00"
         },
         {
             "name": "league/config",
@@ -1929,26 +1902,23 @@
         },
         {
             "name": "league/flysystem",
-            "version": "3.28.0",
+            "version": "3.12.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/thephpleague/flysystem.git",
-                "reference": "e611adab2b1ae2e3072fa72d62c62f52c2bf1f0c"
+                "reference": "81e87e74dd5213795c7846d65089712d2dda90ce"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/flysystem/zipball/e611adab2b1ae2e3072fa72d62c62f52c2bf1f0c",
-                "reference": "e611adab2b1ae2e3072fa72d62c62f52c2bf1f0c",
+                "url": "https://api.github.com/repos/thephpleague/flysystem/zipball/81e87e74dd5213795c7846d65089712d2dda90ce",
+                "reference": "81e87e74dd5213795c7846d65089712d2dda90ce",
                 "shasum": ""
             },
             "require": {
-                "league/flysystem-local": "^3.0.0",
                 "league/mime-type-detection": "^1.0.0",
                 "php": "^8.0.2"
             },
             "conflict": {
-                "async-aws/core": "<1.19.0",
-                "async-aws/s3": "<1.14.0",
                 "aws/aws-sdk-php": "3.209.31 || 3.210.0",
                 "guzzlehttp/guzzle": "<7.0",
                 "guzzlehttp/ringphp": "<1.1.1",
@@ -1956,23 +1926,20 @@
                 "symfony/http-client": "<5.2"
             },
             "require-dev": {
-                "async-aws/s3": "^1.5 || ^2.0",
-                "async-aws/simple-s3": "^1.1 || ^2.0",
-                "aws/aws-sdk-php": "^3.295.10",
+                "async-aws/s3": "^1.5",
+                "async-aws/simple-s3": "^1.1",
+                "aws/aws-sdk-php": "^3.220.0",
                 "composer/semver": "^3.0",
                 "ext-fileinfo": "*",
                 "ext-ftp": "*",
-                "ext-mongodb": "^1.3",
                 "ext-zip": "*",
                 "friendsofphp/php-cs-fixer": "^3.5",
                 "google/cloud-storage": "^1.23",
-                "guzzlehttp/psr7": "^2.6",
                 "microsoft/azure-storage-blob": "^1.1",
-                "mongodb/mongodb": "^1.2",
-                "phpseclib/phpseclib": "^3.0.36",
-                "phpstan/phpstan": "^1.10",
-                "phpunit/phpunit": "^9.5.11|^10.0",
-                "sabre/dav": "^4.6.0"
+                "phpseclib/phpseclib": "^3.0.14",
+                "phpstan/phpstan": "^0.12.26",
+                "phpunit/phpunit": "^9.5.11",
+                "sabre/dav": "^4.3.1"
             },
             "type": "library",
             "autoload": {
@@ -2006,34 +1973,51 @@
             ],
             "support": {
                 "issues": "https://github.com/thephpleague/flysystem/issues",
-                "source": "https://github.com/thephpleague/flysystem/tree/3.28.0"
+                "source": "https://github.com/thephpleague/flysystem/tree/3.12.3"
             },
-            "time": "2024-05-22T10:09:12+00:00"
+            "funding": [
+                {
+                    "url": "https://ecologi.com/frankdejonge",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/frankdejonge",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/league/flysystem",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2023-02-18T15:32:41+00:00"
         },
         {
-            "name": "league/flysystem-local",
-            "version": "3.28.0",
+            "name": "league/mime-type-detection",
+            "version": "1.11.0",
             "source": {
                 "type": "git",
-                "url": "https://github.com/thephpleague/flysystem-local.git",
-                "reference": "13f22ea8be526ea58c2ddff9e158ef7c296e4f40"
+                "url": "https://github.com/thephpleague/mime-type-detection.git",
+                "reference": "ff6248ea87a9f116e78edd6002e39e5128a0d4dd"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/flysystem-local/zipball/13f22ea8be526ea58c2ddff9e158ef7c296e4f40",
-                "reference": "13f22ea8be526ea58c2ddff9e158ef7c296e4f40",
+                "url": "https://api.github.com/repos/thephpleague/mime-type-detection/zipball/ff6248ea87a9f116e78edd6002e39e5128a0d4dd",
+                "reference": "ff6248ea87a9f116e78edd6002e39e5128a0d4dd",
                 "shasum": ""
             },
             "require": {
                 "ext-fileinfo": "*",
-                "league/flysystem": "^3.0.0",
-                "league/mime-type-detection": "^1.0.0",
-                "php": "^8.0.2"
+                "php": "^7.2 || ^8.0"
+            },
+            "require-dev": {
+                "friendsofphp/php-cs-fixer": "^3.2",
+                "phpstan/phpstan": "^0.12.68",
+                "phpunit/phpunit": "^8.5.8 || ^9.3"
             },
             "type": "library",
             "autoload": {
                 "psr-4": {
-                    "League\\Flysystem\\Local\\": ""
+                    "League\\MimeTypeDetection\\": "src"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -2046,62 +2030,10 @@
                     "email": "info@frankdejonge.nl"
                 }
             ],
-            "description": "Local filesystem adapter for Flysystem.",
-            "keywords": [
-                "Flysystem",
-                "file",
-                "files",
-                "filesystem",
-                "local"
-            ],
-            "support": {
-                "source": "https://github.com/thephpleague/flysystem-local/tree/3.28.0"
-            },
-            "time": "2024-05-06T20:05:52+00:00"
-        },
-        {
-            "name": "league/mime-type-detection",
-            "version": "1.15.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/thephpleague/mime-type-detection.git",
-                "reference": "ce0f4d1e8a6f4eb0ddff33f57c69c50fd09f4301"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/mime-type-detection/zipball/ce0f4d1e8a6f4eb0ddff33f57c69c50fd09f4301",
-                "reference": "ce0f4d1e8a6f4eb0ddff33f57c69c50fd09f4301",
-                "shasum": ""
-            },
-            "require": {
-                "ext-fileinfo": "*",
-                "php": "^7.4 || ^8.0"
-            },
-            "require-dev": {
-                "friendsofphp/php-cs-fixer": "^3.2",
-                "phpstan/phpstan": "^0.12.68",
-                "phpunit/phpunit": "^8.5.8 || ^9.3 || ^10.0"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "League\\MimeTypeDetection\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Frank de Jonge",
-                    "email": "info@frankdejonge.nl"
-                }
-            ],
-            "description": "Mime-type detection for Flysystem",
+            "description": "Mime-type detection for Flysystem",
             "support": {
                 "issues": "https://github.com/thephpleague/mime-type-detection/issues",
-                "source": "https://github.com/thephpleague/mime-type-detection/tree/1.15.0"
+                "source": "https://github.com/thephpleague/mime-type-detection/tree/1.11.0"
             },
             "funding": [
                 {
@@ -2113,160 +2045,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-01-28T23:22:08+00:00"
-        },
-        {
-            "name": "livewire/livewire",
-            "version": "v3.5.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/livewire/livewire.git",
-                "reference": "72e900825c560f0e4e620185b26c5441a8914435"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/livewire/livewire/zipball/72e900825c560f0e4e620185b26c5441a8914435",
-                "reference": "72e900825c560f0e4e620185b26c5441a8914435",
-                "shasum": ""
-            },
-            "require": {
-                "illuminate/database": "^10.0|^11.0",
-                "illuminate/routing": "^10.0|^11.0",
-                "illuminate/support": "^10.0|^11.0",
-                "illuminate/validation": "^10.0|^11.0",
-                "league/mime-type-detection": "^1.9",
-                "php": "^8.1",
-                "symfony/console": "^6.0|^7.0",
-                "symfony/http-kernel": "^6.2|^7.0"
-            },
-            "require-dev": {
-                "calebporzio/sushi": "^2.1",
-                "laravel/framework": "^10.15.0|^11.0",
-                "laravel/prompts": "^0.1.6",
-                "mockery/mockery": "^1.3.1",
-                "orchestra/testbench": "^8.21.0|^9.0",
-                "orchestra/testbench-dusk": "^8.24|^9.1",
-                "phpunit/phpunit": "^10.4",
-                "psy/psysh": "^0.11.22|^0.12"
-            },
-            "type": "library",
-            "extra": {
-                "laravel": {
-                    "providers": [
-                        "Livewire\\LivewireServiceProvider"
-                    ],
-                    "aliases": {
-                        "Livewire": "Livewire\\Livewire"
-                    }
-                }
-            },
-            "autoload": {
-                "files": [
-                    "src/helpers.php"
-                ],
-                "psr-4": {
-                    "Livewire\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Caleb Porzio",
-                    "email": "calebporzio@gmail.com"
-                }
-            ],
-            "description": "A front-end framework for Laravel.",
-            "support": {
-                "issues": "https://github.com/livewire/livewire/issues",
-                "source": "https://github.com/livewire/livewire/tree/v3.5.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/livewire",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-05-21T13:39:04+00:00"
-        },
-        {
-            "name": "mobiledetect/mobiledetectlib",
-            "version": "4.8.06",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/serbanghita/Mobile-Detect.git",
-                "reference": "af088b54cecc13b3264edca7da93a89ba7aa2d9e"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/serbanghita/Mobile-Detect/zipball/af088b54cecc13b3264edca7da93a89ba7aa2d9e",
-                "reference": "af088b54cecc13b3264edca7da93a89ba7aa2d9e",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.0",
-                "psr/simple-cache": "^2 || ^3"
-            },
-            "require-dev": {
-                "friendsofphp/php-cs-fixer": "^v3.35.1",
-                "phpbench/phpbench": "^1.2",
-                "phpstan/phpstan": "^1.10",
-                "phpunit/phpunit": "^9.6",
-                "squizlabs/php_codesniffer": "^3.7"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Detection\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Serban Ghita",
-                    "email": "serbanghita@gmail.com",
-                    "homepage": "http://mobiledetect.net",
-                    "role": "Developer"
-                }
-            ],
-            "description": "Mobile_Detect is a lightweight PHP class for detecting mobile devices. It uses the User-Agent string combined with specific HTTP headers to detect the mobile environment.",
-            "homepage": "https://github.com/serbanghita/Mobile-Detect",
-            "keywords": [
-                "detect mobile devices",
-                "mobile",
-                "mobile detect",
-                "mobile detector",
-                "php mobile detect"
-            ],
-            "support": {
-                "issues": "https://github.com/serbanghita/Mobile-Detect/issues",
-                "source": "https://github.com/serbanghita/Mobile-Detect/tree/4.8.06"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/serbanghita",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-03-01T22:28:42+00:00"
+            "time": "2022-04-17T13:12:02+00:00"
         },
         {
             "name": "monolog/monolog",
-            "version": "3.6.0",
+            "version": "3.3.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/Seldaek/monolog.git",
-                "reference": "4b18b21a5527a3d5ffdac2fd35d3ab25a9597654"
+                "reference": "9b5daeaffce5b926cac47923798bba91059e60e2"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Seldaek/monolog/zipball/4b18b21a5527a3d5ffdac2fd35d3ab25a9597654",
-                "reference": "4b18b21a5527a3d5ffdac2fd35d3ab25a9597654",
+                "url": "https://api.github.com/repos/Seldaek/monolog/zipball/9b5daeaffce5b926cac47923798bba91059e60e2",
+                "reference": "9b5daeaffce5b926cac47923798bba91059e60e2",
                 "shasum": ""
             },
             "require": {
@@ -2281,7 +2073,7 @@
                 "doctrine/couchdb": "~1.0@dev",
                 "elasticsearch/elasticsearch": "^7 || ^8",
                 "ext-json": "*",
-                "graylog2/gelf-php": "^1.4.2 || ^2.0",
+                "graylog2/gelf-php": "^1.4.2 || ^2@dev",
                 "guzzlehttp/guzzle": "^7.4.5",
                 "guzzlehttp/psr7": "^2.2",
                 "mongodb/mongodb": "^1.8",
@@ -2289,7 +2081,7 @@
                 "phpstan/phpstan": "^1.9",
                 "phpstan/phpstan-deprecation-rules": "^1.0",
                 "phpstan/phpstan-strict-rules": "^1.4",
-                "phpunit/phpunit": "^10.5.17",
+                "phpunit/phpunit": "^9.5.26",
                 "predis/predis": "^1.1 || ^2",
                 "ruflin/elastica": "^7",
                 "symfony/mailer": "^5.4 || ^6",
@@ -2342,7 +2134,7 @@
             ],
             "support": {
                 "issues": "https://github.com/Seldaek/monolog/issues",
-                "source": "https://github.com/Seldaek/monolog/tree/3.6.0"
+                "source": "https://github.com/Seldaek/monolog/tree/3.3.1"
             },
             "funding": [
                 {
@@ -2354,45 +2146,41 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-12T21:02:21+00:00"
+            "time": "2023-02-06T13:46:10+00:00"
         },
         {
             "name": "nesbot/carbon",
-            "version": "3.4.0",
+            "version": "2.66.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/briannesbitt/Carbon.git",
-                "reference": "8eab8983c83c30e0bacbef8d311e3f3b8172727f"
+                "reference": "496712849902241f04902033b0441b269effe001"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/briannesbitt/Carbon/zipball/8eab8983c83c30e0bacbef8d311e3f3b8172727f",
-                "reference": "8eab8983c83c30e0bacbef8d311e3f3b8172727f",
+                "url": "https://api.github.com/repos/briannesbitt/Carbon/zipball/496712849902241f04902033b0441b269effe001",
+                "reference": "496712849902241f04902033b0441b269effe001",
                 "shasum": ""
             },
             "require": {
-                "carbonphp/carbon-doctrine-types": "*",
                 "ext-json": "*",
-                "php": "^8.1",
-                "psr/clock": "^1.0",
-                "symfony/clock": "^6.3 || ^7.0",
+                "php": "^7.1.8 || ^8.0",
                 "symfony/polyfill-mbstring": "^1.0",
-                "symfony/translation": "^4.4.18 || ^5.2.1|| ^6.0 || ^7.0"
-            },
-            "provide": {
-                "psr/clock-implementation": "1.0"
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/translation": "^3.4 || ^4.0 || ^5.0 || ^6.0"
             },
             "require-dev": {
-                "doctrine/dbal": "^3.6.3 || ^4.0",
-                "doctrine/orm": "^2.15.2 || ^3.0",
-                "friendsofphp/php-cs-fixer": "^3.52.1",
-                "kylekatarnls/multi-tester": "^2.5.3",
-                "ondrejmirtes/better-reflection": "^6.25.0.4",
-                "phpmd/phpmd": "^2.15.0",
-                "phpstan/extension-installer": "^1.3.1",
-                "phpstan/phpstan": "^1.10.65",
-                "phpunit/phpunit": "^10.5.15",
-                "squizlabs/php_codesniffer": "^3.9.0"
+                "doctrine/dbal": "^2.0 || ^3.1.4",
+                "doctrine/orm": "^2.7",
+                "friendsofphp/php-cs-fixer": "^3.0",
+                "kylekatarnls/multi-tester": "^2.0",
+                "ondrejmirtes/better-reflection": "*",
+                "phpmd/phpmd": "^2.9",
+                "phpstan/extension-installer": "^1.0",
+                "phpstan/phpstan": "^0.12.99 || ^1.7.14",
+                "phpunit/php-file-iterator": "^2.0.5 || ^3.0.6",
+                "phpunit/phpunit": "^7.5.20 || ^8.5.26 || ^9.5.20",
+                "squizlabs/php_codesniffer": "^3.4"
             },
             "bin": [
                 "bin/carbon"
@@ -2400,8 +2188,8 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "3.x-dev",
-                    "dev-2.x": "2.x-dev"
+                    "dev-3.x": "3.x-dev",
+                    "dev-master": "2.x-dev"
                 },
                 "laravel": {
                     "providers": [
@@ -2460,35 +2248,35 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-05-24T14:26:34+00:00"
+            "time": "2023-01-29T18:53:47+00:00"
         },
         {
             "name": "nette/schema",
-            "version": "v1.3.0",
+            "version": "v1.2.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/nette/schema.git",
-                "reference": "a6d3a6d1f545f01ef38e60f375d1cf1f4de98188"
+                "reference": "abbdbb70e0245d5f3bf77874cea1dfb0c930d06f"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/nette/schema/zipball/a6d3a6d1f545f01ef38e60f375d1cf1f4de98188",
-                "reference": "a6d3a6d1f545f01ef38e60f375d1cf1f4de98188",
+                "url": "https://api.github.com/repos/nette/schema/zipball/abbdbb70e0245d5f3bf77874cea1dfb0c930d06f",
+                "reference": "abbdbb70e0245d5f3bf77874cea1dfb0c930d06f",
                 "shasum": ""
             },
             "require": {
-                "nette/utils": "^4.0",
-                "php": "8.1 - 8.3"
+                "nette/utils": "^2.5.7 || ^3.1.5 ||  ^4.0",
+                "php": ">=7.1 <8.3"
             },
             "require-dev": {
-                "nette/tester": "^2.4",
+                "nette/tester": "^2.3 || ^2.4",
                 "phpstan/phpstan-nette": "^1.0",
-                "tracy/tracy": "^2.8"
+                "tracy/tracy": "^2.7"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "1.3-dev"
+                    "dev-master": "1.2-dev"
                 }
             },
             "autoload": {
@@ -2520,26 +2308,26 @@
             ],
             "support": {
                 "issues": "https://github.com/nette/schema/issues",
-                "source": "https://github.com/nette/schema/tree/v1.3.0"
+                "source": "https://github.com/nette/schema/tree/v1.2.3"
             },
-            "time": "2023-12-11T11:54:22+00:00"
+            "time": "2022-10-13T01:24:26+00:00"
         },
         {
             "name": "nette/utils",
-            "version": "v4.0.4",
+            "version": "v4.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/nette/utils.git",
-                "reference": "d3ad0aa3b9f934602cb3e3902ebccf10be34d218"
+                "reference": "cacdbf5a91a657ede665c541eda28941d4b09c1e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/nette/utils/zipball/d3ad0aa3b9f934602cb3e3902ebccf10be34d218",
-                "reference": "d3ad0aa3b9f934602cb3e3902ebccf10be34d218",
+                "url": "https://api.github.com/repos/nette/utils/zipball/cacdbf5a91a657ede665c541eda28941d4b09c1e",
+                "reference": "cacdbf5a91a657ede665c541eda28941d4b09c1e",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.0 <8.4"
+                "php": ">=8.0 <8.3"
             },
             "conflict": {
                 "nette/finder": "<3",
@@ -2547,7 +2335,7 @@
             },
             "require-dev": {
                 "jetbrains/phpstorm-attributes": "dev-master",
-                "nette/tester": "^2.5",
+                "nette/tester": "^2.4",
                 "phpstan/phpstan": "^1.0",
                 "tracy/tracy": "^2.9"
             },
@@ -2557,7 +2345,8 @@
                 "ext-intl": "to use Strings::webalize(), toAscii(), normalize() and compare()",
                 "ext-json": "to use Nette\\Utils\\Json",
                 "ext-mbstring": "to use Strings::lower() etc...",
-                "ext-tokenizer": "to use Nette\\Utils\\Reflection::getUseStatements()"
+                "ext-tokenizer": "to use Nette\\Utils\\Reflection::getUseStatements()",
+                "ext-xml": "to use Strings::length() etc. when mbstring is not available"
             },
             "type": "library",
             "extra": {
@@ -2606,33 +2395,31 @@
             ],
             "support": {
                 "issues": "https://github.com/nette/utils/issues",
-                "source": "https://github.com/nette/utils/tree/v4.0.4"
+                "source": "https://github.com/nette/utils/tree/v4.0.0"
             },
-            "time": "2024-01-17T16:50:36+00:00"
+            "time": "2023-02-02T10:41:53+00:00"
         },
         {
             "name": "nikic/php-parser",
-            "version": "v5.0.2",
+            "version": "v4.15.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/nikic/PHP-Parser.git",
-                "reference": "139676794dc1e9231bf7bcd123cfc0c99182cb13"
+                "reference": "6bb5176bc4af8bcb7d926f88718db9b96a2d4290"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/nikic/PHP-Parser/zipball/139676794dc1e9231bf7bcd123cfc0c99182cb13",
-                "reference": "139676794dc1e9231bf7bcd123cfc0c99182cb13",
+                "url": "https://api.github.com/repos/nikic/PHP-Parser/zipball/6bb5176bc4af8bcb7d926f88718db9b96a2d4290",
+                "reference": "6bb5176bc4af8bcb7d926f88718db9b96a2d4290",
                 "shasum": ""
             },
             "require": {
-                "ext-ctype": "*",
-                "ext-json": "*",
                 "ext-tokenizer": "*",
-                "php": ">=7.4"
+                "php": ">=7.0"
             },
             "require-dev": {
                 "ircmaxell/php-yacc": "^0.0.7",
-                "phpunit/phpunit": "^7.0 || ^8.0 || ^9.0"
+                "phpunit/phpunit": "^6.5 || ^7.0 || ^8.0 || ^9.0"
             },
             "bin": [
                 "bin/php-parse"
@@ -2640,7 +2427,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "5.0-dev"
+                    "dev-master": "4.9-dev"
                 }
             },
             "autoload": {
@@ -2664,38 +2451,39 @@
             ],
             "support": {
                 "issues": "https://github.com/nikic/PHP-Parser/issues",
-                "source": "https://github.com/nikic/PHP-Parser/tree/v5.0.2"
+                "source": "https://github.com/nikic/PHP-Parser/tree/v4.15.4"
             },
-            "time": "2024-03-05T20:51:40+00:00"
+            "time": "2023-03-05T19:49:14+00:00"
         },
         {
             "name": "nunomaduro/termwind",
-            "version": "v2.0.1",
+            "version": "v1.15.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/nunomaduro/termwind.git",
-                "reference": "58c4c58cf23df7f498daeb97092e34f5259feb6a"
+                "reference": "8ab0b32c8caa4a2e09700ea32925441385e4a5dc"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/nunomaduro/termwind/zipball/58c4c58cf23df7f498daeb97092e34f5259feb6a",
-                "reference": "58c4c58cf23df7f498daeb97092e34f5259feb6a",
+                "url": "https://api.github.com/repos/nunomaduro/termwind/zipball/8ab0b32c8caa4a2e09700ea32925441385e4a5dc",
+                "reference": "8ab0b32c8caa4a2e09700ea32925441385e4a5dc",
                 "shasum": ""
             },
             "require": {
                 "ext-mbstring": "*",
-                "php": "^8.2",
-                "symfony/console": "^7.0.4"
+                "php": "^8.0",
+                "symfony/console": "^5.3.0|^6.0.0"
             },
             "require-dev": {
-                "ergebnis/phpstan-rules": "^2.2.0",
-                "illuminate/console": "^11.0.0",
-                "laravel/pint": "^1.14.0",
-                "mockery/mockery": "^1.6.7",
-                "pestphp/pest": "^2.34.1",
-                "phpstan/phpstan": "^1.10.59",
-                "phpstan/phpstan-strict-rules": "^1.5.2",
-                "symfony/var-dumper": "^7.0.4",
+                "ergebnis/phpstan-rules": "^1.0.",
+                "illuminate/console": "^8.0|^9.0",
+                "illuminate/support": "^8.0|^9.0",
+                "laravel/pint": "^1.0.0",
+                "pestphp/pest": "^1.21.0",
+                "pestphp/pest-plugin-mock": "^1.0",
+                "phpstan/phpstan": "^1.4.6",
+                "phpstan/phpstan-strict-rules": "^1.1.0",
+                "symfony/var-dumper": "^5.2.7|^6.0.0",
                 "thecodingmachine/phpstan-strict-rules": "^1.0.0"
             },
             "type": "library",
@@ -2704,9 +2492,6 @@
                     "providers": [
                         "Termwind\\Laravel\\TermwindServiceProvider"
                     ]
-                },
-                "branch-alias": {
-                    "dev-2.x": "2.x-dev"
                 }
             },
             "autoload": {
@@ -2738,7 +2523,7 @@
             ],
             "support": {
                 "issues": "https://github.com/nunomaduro/termwind/issues",
-                "source": "https://github.com/nunomaduro/termwind/tree/v2.0.1"
+                "source": "https://github.com/nunomaduro/termwind/tree/v1.15.1"
             },
             "funding": [
                 {
@@ -2754,87 +2539,20 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-03-06T16:17:14+00:00"
-        },
-        {
-            "name": "paragonie/constant_time_encoding",
-            "version": "v2.7.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/paragonie/constant_time_encoding.git",
-                "reference": "52a0d99e69f56b9ec27ace92ba56897fe6993105"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/paragonie/constant_time_encoding/zipball/52a0d99e69f56b9ec27ace92ba56897fe6993105",
-                "reference": "52a0d99e69f56b9ec27ace92ba56897fe6993105",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7|^8"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^6|^7|^8|^9",
-                "vimeo/psalm": "^1|^2|^3|^4"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "ParagonIE\\ConstantTime\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Paragon Initiative Enterprises",
-                    "email": "security@paragonie.com",
-                    "homepage": "https://paragonie.com",
-                    "role": "Maintainer"
-                },
-                {
-                    "name": "Steve 'Sc00bz' Thomas",
-                    "email": "steve@tobtu.com",
-                    "homepage": "https://www.tobtu.com",
-                    "role": "Original Developer"
-                }
-            ],
-            "description": "Constant-time Implementations of RFC 4648 Encoding (Base-64, Base-32, Base-16)",
-            "keywords": [
-                "base16",
-                "base32",
-                "base32_decode",
-                "base32_encode",
-                "base64",
-                "base64_decode",
-                "base64_encode",
-                "bin2hex",
-                "encoding",
-                "hex",
-                "hex2bin",
-                "rfc4648"
-            ],
-            "support": {
-                "email": "info@paragonie.com",
-                "issues": "https://github.com/paragonie/constant_time_encoding/issues",
-                "source": "https://github.com/paragonie/constant_time_encoding"
-            },
-            "time": "2024-05-08T12:18:48+00:00"
+            "time": "2023-02-08T01:06:31+00:00"
         },
         {
             "name": "phpoption/phpoption",
-            "version": "1.9.2",
+            "version": "1.9.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/schmittjoh/php-option.git",
-                "reference": "80735db690fe4fc5c76dfa7f9b770634285fa820"
+                "reference": "dd3a383e599f49777d8b628dadbb90cae435b87e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/schmittjoh/php-option/zipball/80735db690fe4fc5c76dfa7f9b770634285fa820",
-                "reference": "80735db690fe4fc5c76dfa7f9b770634285fa820",
+                "url": "https://api.github.com/repos/schmittjoh/php-option/zipball/dd3a383e599f49777d8b628dadbb90cae435b87e",
+                "reference": "dd3a383e599f49777d8b628dadbb90cae435b87e",
                 "shasum": ""
             },
             "require": {
@@ -2842,7 +2560,7 @@
             },
             "require-dev": {
                 "bamarni/composer-bin-plugin": "^1.8.2",
-                "phpunit/phpunit": "^8.5.34 || ^9.6.13 || ^10.4.2"
+                "phpunit/phpunit": "^8.5.32 || ^9.6.3 || ^10.0.12"
             },
             "type": "library",
             "extra": {
@@ -2884,7 +2602,7 @@
             ],
             "support": {
                 "issues": "https://github.com/schmittjoh/php-option/issues",
-                "source": "https://github.com/schmittjoh/php-option/tree/1.9.2"
+                "source": "https://github.com/schmittjoh/php-option/tree/1.9.1"
             },
             "funding": [
                 {
@@ -2896,81 +2614,34 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-11-12T21:59:55+00:00"
+            "time": "2023-02-25T19:38:58+00:00"
         },
         {
-            "name": "pragmarx/google2fa",
-            "version": "v8.0.1",
+            "name": "psr/cache",
+            "version": "3.0.0",
             "source": {
                 "type": "git",
-                "url": "https://github.com/antonioribeiro/google2fa.git",
-                "reference": "80c3d801b31fe165f8fe99ea085e0a37834e1be3"
+                "url": "https://github.com/php-fig/cache.git",
+                "reference": "aa5030cfa5405eccfdcb1083ce040c2cb8d253bf"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/antonioribeiro/google2fa/zipball/80c3d801b31fe165f8fe99ea085e0a37834e1be3",
-                "reference": "80c3d801b31fe165f8fe99ea085e0a37834e1be3",
+                "url": "https://api.github.com/repos/php-fig/cache/zipball/aa5030cfa5405eccfdcb1083ce040c2cb8d253bf",
+                "reference": "aa5030cfa5405eccfdcb1083ce040c2cb8d253bf",
                 "shasum": ""
             },
             "require": {
-                "paragonie/constant_time_encoding": "^1.0|^2.0",
-                "php": "^7.1|^8.0"
-            },
-            "require-dev": {
-                "phpstan/phpstan": "^0.12.18",
-                "phpunit/phpunit": "^7.5.15|^8.5|^9.0"
+                "php": ">=8.0.0"
             },
             "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "PragmaRX\\Google2FA\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Antonio Carlos Ribeiro",
-                    "email": "acr@antoniocarlosribeiro.com",
-                    "role": "Creator & Designer"
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.0.x-dev"
                 }
-            ],
-            "description": "A One Time Password Authentication package, compatible with Google Authenticator.",
-            "keywords": [
-                "2fa",
-                "Authentication",
-                "Two Factor Authentication",
-                "google2fa"
-            ],
-            "support": {
-                "issues": "https://github.com/antonioribeiro/google2fa/issues",
-                "source": "https://github.com/antonioribeiro/google2fa/tree/v8.0.1"
-            },
-            "time": "2022-06-13T21:57:56+00:00"
-        },
-        {
-            "name": "psr/clock",
-            "version": "1.0.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/php-fig/clock.git",
-                "reference": "e41a24703d4560fd0acb709162f73b8adfc3aa0d"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/php-fig/clock/zipball/e41a24703d4560fd0acb709162f73b8adfc3aa0d",
-                "reference": "e41a24703d4560fd0acb709162f73b8adfc3aa0d",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.0 || ^8.0"
             },
-            "type": "library",
             "autoload": {
                 "psr-4": {
-                    "Psr\\Clock\\": "src/"
+                    "Psr\\Cache\\": "src/"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -2983,20 +2654,16 @@
                     "homepage": "https://www.php-fig.org/"
                 }
             ],
-            "description": "Common interface for reading the clock.",
-            "homepage": "https://github.com/php-fig/clock",
+            "description": "Common interface for caching libraries",
             "keywords": [
-                "clock",
-                "now",
+                "cache",
                 "psr",
-                "psr-20",
-                "time"
+                "psr-6"
             ],
             "support": {
-                "issues": "https://github.com/php-fig/clock/issues",
-                "source": "https://github.com/php-fig/clock/tree/1.0.0"
+                "source": "https://github.com/php-fig/cache/tree/3.0.0"
             },
-            "time": "2022-11-25T14:36:26+00:00"
+            "time": "2021-02-03T23:26:27+00:00"
         },
         {
             "name": "psr/container",
@@ -3103,21 +2770,21 @@
         },
         {
             "name": "psr/http-client",
-            "version": "1.0.3",
+            "version": "1.0.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/php-fig/http-client.git",
-                "reference": "bb5906edc1c324c9a05aa0873d40117941e5fa90"
+                "reference": "2dfb5f6c5eff0e91e20e913f8c5452ed95b86621"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/php-fig/http-client/zipball/bb5906edc1c324c9a05aa0873d40117941e5fa90",
-                "reference": "bb5906edc1c324c9a05aa0873d40117941e5fa90",
+                "url": "https://api.github.com/repos/php-fig/http-client/zipball/2dfb5f6c5eff0e91e20e913f8c5452ed95b86621",
+                "reference": "2dfb5f6c5eff0e91e20e913f8c5452ed95b86621",
                 "shasum": ""
             },
             "require": {
                 "php": "^7.0 || ^8.0",
-                "psr/http-message": "^1.0 || ^2.0"
+                "psr/http-message": "^1.0"
             },
             "type": "library",
             "extra": {
@@ -3137,7 +2804,7 @@
             "authors": [
                 {
                     "name": "PHP-FIG",
-                    "homepage": "https://www.php-fig.org/"
+                    "homepage": "http://www.php-fig.org/"
                 }
             ],
             "description": "Common interface for HTTP clients",
@@ -3149,27 +2816,27 @@
                 "psr-18"
             ],
             "support": {
-                "source": "https://github.com/php-fig/http-client"
+                "source": "https://github.com/php-fig/http-client/tree/master"
             },
-            "time": "2023-09-23T14:17:50+00:00"
+            "time": "2020-06-29T06:28:15+00:00"
         },
         {
             "name": "psr/http-factory",
-            "version": "1.1.0",
+            "version": "1.0.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/php-fig/http-factory.git",
-                "reference": "2b4765fddfe3b508ac62f829e852b1501d3f6e8a"
+                "reference": "12ac7fcd07e5b077433f5f2bee95b3a771bf61be"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/php-fig/http-factory/zipball/2b4765fddfe3b508ac62f829e852b1501d3f6e8a",
-                "reference": "2b4765fddfe3b508ac62f829e852b1501d3f6e8a",
+                "url": "https://api.github.com/repos/php-fig/http-factory/zipball/12ac7fcd07e5b077433f5f2bee95b3a771bf61be",
+                "reference": "12ac7fcd07e5b077433f5f2bee95b3a771bf61be",
                 "shasum": ""
             },
             "require": {
-                "php": ">=7.1",
-                "psr/http-message": "^1.0 || ^2.0"
+                "php": ">=7.0.0",
+                "psr/http-message": "^1.0"
             },
             "type": "library",
             "extra": {
@@ -3189,10 +2856,10 @@
             "authors": [
                 {
                     "name": "PHP-FIG",
-                    "homepage": "https://www.php-fig.org/"
+                    "homepage": "http://www.php-fig.org/"
                 }
             ],
-            "description": "PSR-17: Common interfaces for PSR-7 HTTP message factories",
+            "description": "Common interfaces for PSR-7 HTTP message factories",
             "keywords": [
                 "factory",
                 "http",
@@ -3204,31 +2871,31 @@
                 "response"
             ],
             "support": {
-                "source": "https://github.com/php-fig/http-factory"
+                "source": "https://github.com/php-fig/http-factory/tree/master"
             },
-            "time": "2024-04-15T12:06:14+00:00"
+            "time": "2019-04-30T12:38:16+00:00"
         },
         {
             "name": "psr/http-message",
-            "version": "2.0",
+            "version": "1.0.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/php-fig/http-message.git",
-                "reference": "402d35bcb92c70c026d1a6a9883f06b2ead23d71"
+                "reference": "f6561bf28d520154e4b0ec72be95418abe6d9363"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/php-fig/http-message/zipball/402d35bcb92c70c026d1a6a9883f06b2ead23d71",
-                "reference": "402d35bcb92c70c026d1a6a9883f06b2ead23d71",
+                "url": "https://api.github.com/repos/php-fig/http-message/zipball/f6561bf28d520154e4b0ec72be95418abe6d9363",
+                "reference": "f6561bf28d520154e4b0ec72be95418abe6d9363",
                 "shasum": ""
             },
             "require": {
-                "php": "^7.2 || ^8.0"
+                "php": ">=5.3.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "2.0.x-dev"
+                    "dev-master": "1.0.x-dev"
                 }
             },
             "autoload": {
@@ -3243,7 +2910,7 @@
             "authors": [
                 {
                     "name": "PHP-FIG",
-                    "homepage": "https://www.php-fig.org/"
+                    "homepage": "http://www.php-fig.org/"
                 }
             ],
             "description": "Common interface for HTTP messages",
@@ -3257,9 +2924,9 @@
                 "response"
             ],
             "support": {
-                "source": "https://github.com/php-fig/http-message/tree/2.0"
+                "source": "https://github.com/php-fig/http-message/tree/master"
             },
-            "time": "2023-04-04T09:54:51+00:00"
+            "time": "2016-08-06T14:39:51+00:00"
         },
         {
             "name": "psr/log",
@@ -3364,25 +3031,25 @@
         },
         {
             "name": "psy/psysh",
-            "version": "v0.12.3",
+            "version": "v0.11.12",
             "source": {
                 "type": "git",
                 "url": "https://github.com/bobthecow/psysh.git",
-                "reference": "b6b6cce7d3ee8fbf31843edce5e8f5a72eff4a73"
+                "reference": "52cb7c47d403c31c0adc9bf7710fc355f93c20f7"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/bobthecow/psysh/zipball/b6b6cce7d3ee8fbf31843edce5e8f5a72eff4a73",
-                "reference": "b6b6cce7d3ee8fbf31843edce5e8f5a72eff4a73",
+                "url": "https://api.github.com/repos/bobthecow/psysh/zipball/52cb7c47d403c31c0adc9bf7710fc355f93c20f7",
+                "reference": "52cb7c47d403c31c0adc9bf7710fc355f93c20f7",
                 "shasum": ""
             },
             "require": {
                 "ext-json": "*",
                 "ext-tokenizer": "*",
-                "nikic/php-parser": "^5.0 || ^4.0",
-                "php": "^8.0 || ^7.4",
-                "symfony/console": "^7.0 || ^6.0 || ^5.0 || ^4.0 || ^3.4",
-                "symfony/var-dumper": "^7.0 || ^6.0 || ^5.0 || ^4.0 || ^3.4"
+                "nikic/php-parser": "^4.0 || ^3.1",
+                "php": "^8.0 || ^7.0.8",
+                "symfony/console": "^6.0 || ^5.0 || ^4.0 || ^3.4",
+                "symfony/var-dumper": "^6.0 || ^5.0 || ^4.0 || ^3.4"
             },
             "conflict": {
                 "symfony/console": "4.4.37 || 5.3.14 || 5.3.15 || 5.4.3 || 5.4.4 || 6.0.3 || 6.0.4"
@@ -3393,7 +3060,8 @@
             "suggest": {
                 "ext-pcntl": "Enabling the PCNTL extension makes PsySH a lot happier :)",
                 "ext-pdo-sqlite": "The doc command requires SQLite to work.",
-                "ext-posix": "If you have PCNTL, you'll want the POSIX extension as well."
+                "ext-posix": "If you have PCNTL, you'll want the POSIX extension as well.",
+                "ext-readline": "Enables support for arrow-key history navigation, and showing and manipulating command history."
             },
             "bin": [
                 "bin/psysh"
@@ -3401,11 +3069,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "0.12.x-dev"
-                },
-                "bamarni-bin": {
-                    "bin-links": false,
-                    "forward-command": false
+                    "dev-main": "0.11.x-dev"
                 }
             },
             "autoload": {
@@ -3437,9 +3101,9 @@
             ],
             "support": {
                 "issues": "https://github.com/bobthecow/psysh/issues",
-                "source": "https://github.com/bobthecow/psysh/tree/v0.12.3"
+                "source": "https://github.com/bobthecow/psysh/tree/v0.11.12"
             },
-            "time": "2024-04-02T15:57:53+00:00"
+            "time": "2023-01-29T21:24:40+00:00"
         },
         {
             "name": "ralouphie/getallheaders",
@@ -3576,20 +3240,20 @@
         },
         {
             "name": "ramsey/uuid",
-            "version": "4.7.6",
+            "version": "4.x-dev",
             "source": {
                 "type": "git",
                 "url": "https://github.com/ramsey/uuid.git",
-                "reference": "91039bc1faa45ba123c4328958e620d382ec7088"
+                "reference": "bf2bee216a4379eaf62162307d62bb7850405fec"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/ramsey/uuid/zipball/91039bc1faa45ba123c4328958e620d382ec7088",
-                "reference": "91039bc1faa45ba123c4328958e620d382ec7088",
+                "url": "https://api.github.com/repos/ramsey/uuid/zipball/bf2bee216a4379eaf62162307d62bb7850405fec",
+                "reference": "bf2bee216a4379eaf62162307d62bb7850405fec",
                 "shasum": ""
             },
             "require": {
-                "brick/math": "^0.8.8 || ^0.9 || ^0.10 || ^0.11 || ^0.12",
+                "brick/math": "^0.8.8 || ^0.9 || ^0.10 || ^0.11",
                 "ext-json": "*",
                 "php": "^8.0",
                 "ramsey/collection": "^1.2 || ^2.0"
@@ -3626,6 +3290,7 @@
                 "paragonie/random-lib": "Provides RandomLib for use with the RandomLibAdapter",
                 "ramsey/uuid-doctrine": "Allows the use of Ramsey\\Uuid\\Uuid as Doctrine field type."
             },
+            "default-branch": true,
             "type": "library",
             "extra": {
                 "captainhook": {
@@ -3652,7 +3317,7 @@
             ],
             "support": {
                 "issues": "https://github.com/ramsey/uuid/issues",
-                "source": "https://github.com/ramsey/uuid/tree/4.7.6"
+                "source": "https://github.com/ramsey/uuid/tree/4.x"
             },
             "funding": [
                 {
@@ -3664,53 +3329,62 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-27T21:32:50+00:00"
+            "time": "2023-02-07T16:14:23+00:00"
         },
         {
-            "name": "spatie/laravel-permission",
-            "version": "6.7.0",
+            "name": "symfony/console",
+            "version": "v6.2.7",
             "source": {
                 "type": "git",
-                "url": "https://github.com/spatie/laravel-permission.git",
-                "reference": "17607924aa0aa89bc0153c2ce45ed7c55083367b"
+                "url": "https://github.com/symfony/console.git",
+                "reference": "cbad09eb8925b6ad4fb721c7a179344dc4a19d45"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/laravel-permission/zipball/17607924aa0aa89bc0153c2ce45ed7c55083367b",
-                "reference": "17607924aa0aa89bc0153c2ce45ed7c55083367b",
+                "url": "https://api.github.com/repos/symfony/console/zipball/cbad09eb8925b6ad4fb721c7a179344dc4a19d45",
+                "reference": "cbad09eb8925b6ad4fb721c7a179344dc4a19d45",
                 "shasum": ""
             },
             "require": {
-                "illuminate/auth": "^8.12|^9.0|^10.0|^11.0",
-                "illuminate/container": "^8.12|^9.0|^10.0|^11.0",
-                "illuminate/contracts": "^8.12|^9.0|^10.0|^11.0",
-                "illuminate/database": "^8.12|^9.0|^10.0|^11.0",
-                "php": "^8.0"
+                "php": ">=8.1",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.4|^6.0"
+            },
+            "conflict": {
+                "symfony/dependency-injection": "<5.4",
+                "symfony/dotenv": "<5.4",
+                "symfony/event-dispatcher": "<5.4",
+                "symfony/lock": "<5.4",
+                "symfony/process": "<5.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0|3.0"
             },
             "require-dev": {
-                "laravel/passport": "^11.0|^12.0",
-                "orchestra/testbench": "^6.23|^7.0|^8.0|^9.0",
-                "phpunit/phpunit": "^9.4|^10.1"
+                "psr/log": "^1|^2|^3",
+                "symfony/config": "^5.4|^6.0",
+                "symfony/dependency-injection": "^5.4|^6.0",
+                "symfony/event-dispatcher": "^5.4|^6.0",
+                "symfony/lock": "^5.4|^6.0",
+                "symfony/process": "^5.4|^6.0",
+                "symfony/var-dumper": "^5.4|^6.0"
             },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "6.x-dev",
-                    "dev-master": "6.x-dev"
-                },
-                "laravel": {
-                    "providers": [
-                        "Spatie\\Permission\\PermissionServiceProvider"
-                    ]
-                }
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
             },
+            "type": "library",
             "autoload": {
-                "files": [
-                    "src/helpers.php"
-                ],
                 "psr-4": {
-                    "Spatie\\Permission\\": "src"
-                }
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
             },
             "notification-url": "https://packagist.org/downloads/",
             "license": [
@@ -3718,186 +3392,24 @@
             ],
             "authors": [
                 {
-                    "name": "Freek Van der Herten",
-                    "email": "freek@spatie.be",
-                    "homepage": "https://spatie.be",
-                    "role": "Developer"
-                }
-            ],
-            "description": "Permission handling for Laravel 8.0 and up",
-            "homepage": "https://github.com/spatie/laravel-permission",
-            "keywords": [
-                "acl",
-                "laravel",
-                "permission",
-                "permissions",
-                "rbac",
-                "roles",
-                "security",
-                "spatie"
-            ],
-            "support": {
-                "issues": "https://github.com/spatie/laravel-permission/issues",
-                "source": "https://github.com/spatie/laravel-permission/tree/6.7.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/spatie",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-04-19T12:35:28+00:00"
-        },
-        {
-            "name": "symfony/clock",
-            "version": "v7.0.7",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/clock.git",
-                "reference": "2008671acb4a30b01c453de193cf9c80549ebda6"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/clock/zipball/2008671acb4a30b01c453de193cf9c80549ebda6",
-                "reference": "2008671acb4a30b01c453de193cf9c80549ebda6",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "psr/clock": "^1.0",
-                "symfony/polyfill-php83": "^1.28"
-            },
-            "provide": {
-                "psr/clock-implementation": "1.0"
-            },
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "Resources/now.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Component\\Clock\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Decouples applications from the system clock",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "clock",
-                "psr20",
-                "time"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/clock/tree/v7.0.7"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-04-18T09:29:19+00:00"
-        },
-        {
-            "name": "symfony/console",
-            "version": "v7.0.7",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/console.git",
-                "reference": "c981e0e9380ce9f146416bde3150c79197ce9986"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/console/zipball/c981e0e9380ce9f146416bde3150c79197ce9986",
-                "reference": "c981e0e9380ce9f146416bde3150c79197ce9986",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "symfony/polyfill-mbstring": "~1.0",
-                "symfony/service-contracts": "^2.5|^3",
-                "symfony/string": "^6.4|^7.0"
-            },
-            "conflict": {
-                "symfony/dependency-injection": "<6.4",
-                "symfony/dotenv": "<6.4",
-                "symfony/event-dispatcher": "<6.4",
-                "symfony/lock": "<6.4",
-                "symfony/process": "<6.4"
-            },
-            "provide": {
-                "psr/log-implementation": "1.0|2.0|3.0"
-            },
-            "require-dev": {
-                "psr/log": "^1|^2|^3",
-                "symfony/config": "^6.4|^7.0",
-                "symfony/dependency-injection": "^6.4|^7.0",
-                "symfony/event-dispatcher": "^6.4|^7.0",
-                "symfony/http-foundation": "^6.4|^7.0",
-                "symfony/http-kernel": "^6.4|^7.0",
-                "symfony/lock": "^6.4|^7.0",
-                "symfony/messenger": "^6.4|^7.0",
-                "symfony/process": "^6.4|^7.0",
-                "symfony/stopwatch": "^6.4|^7.0",
-                "symfony/var-dumper": "^6.4|^7.0"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Component\\Console\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Fabien Potencier",
-                    "email": "fabien@symfony.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
                 }
             ],
             "description": "Eases the creation of beautiful and testable command line interfaces",
             "homepage": "https://symfony.com",
             "keywords": [
                 "cli",
-                "command-line",
+                "command line",
                 "console",
                 "terminal"
             ],
             "support": {
-                "source": "https://github.com/symfony/console/tree/v7.0.7"
+                "source": "https://github.com/symfony/console/tree/v6.2.7"
             },
             "funding": [
                 {
@@ -3913,24 +3425,24 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-18T09:29:19+00:00"
+            "time": "2023-02-25T17:00:03+00:00"
         },
         {
             "name": "symfony/css-selector",
-            "version": "v7.0.7",
+            "version": "v6.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/css-selector.git",
-                "reference": "b08a4ad89e84b29cec285b7b1f781a7ae51cf4bc"
+                "reference": "aedf3cb0f5b929ec255d96bbb4909e9932c769e0"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/css-selector/zipball/b08a4ad89e84b29cec285b7b1f781a7ae51cf4bc",
-                "reference": "b08a4ad89e84b29cec285b7b1f781a7ae51cf4bc",
+                "url": "https://api.github.com/repos/symfony/css-selector/zipball/aedf3cb0f5b929ec255d96bbb4909e9932c769e0",
+                "reference": "aedf3cb0f5b929ec255d96bbb4909e9932c769e0",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2"
+                "php": ">=8.1"
             },
             "type": "library",
             "autoload": {
@@ -3962,7 +3474,7 @@
             "description": "Converts CSS selectors to XPath expressions",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/css-selector/tree/v7.0.7"
+                "source": "https://github.com/symfony/css-selector/tree/v6.2.7"
             },
             "funding": [
                 {
@@ -3978,20 +3490,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-18T09:29:19+00:00"
+            "time": "2023-02-14T08:44:56+00:00"
         },
         {
             "name": "symfony/deprecation-contracts",
-            "version": "v3.5.0",
+            "version": "v3.2.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/deprecation-contracts.git",
-                "reference": "0e0d29ce1f20deffb4ab1b016a7257c4f1e789a1"
+                "reference": "e2d1534420bd723d0ef5aec58a22c5fe60ce6f5e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/0e0d29ce1f20deffb4ab1b016a7257c4f1e789a1",
-                "reference": "0e0d29ce1f20deffb4ab1b016a7257c4f1e789a1",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e2d1534420bd723d0ef5aec58a22c5fe60ce6f5e",
+                "reference": "e2d1534420bd723d0ef5aec58a22c5fe60ce6f5e",
                 "shasum": ""
             },
             "require": {
@@ -4000,7 +3512,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "3.5-dev"
+                    "dev-main": "3.3-dev"
                 },
                 "thanks": {
                     "name": "symfony/contracts",
@@ -4029,7 +3541,7 @@
             "description": "A generic function and convention to trigger deprecation notices",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/deprecation-contracts/tree/v3.5.0"
+                "source": "https://github.com/symfony/deprecation-contracts/tree/v3.2.1"
             },
             "funding": [
                 {
@@ -4045,35 +3557,31 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-18T09:32:20+00:00"
+            "time": "2023-03-01T10:25:55+00:00"
         },
         {
             "name": "symfony/error-handler",
-            "version": "v7.0.7",
+            "version": "v6.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/error-handler.git",
-                "reference": "cf97429887e40480c847bfeb6c3991e1e2c086ab"
+                "reference": "61e90f94eb014054000bc902257d2763fac09166"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/error-handler/zipball/cf97429887e40480c847bfeb6c3991e1e2c086ab",
-                "reference": "cf97429887e40480c847bfeb6c3991e1e2c086ab",
+                "url": "https://api.github.com/repos/symfony/error-handler/zipball/61e90f94eb014054000bc902257d2763fac09166",
+                "reference": "61e90f94eb014054000bc902257d2763fac09166",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2",
+                "php": ">=8.1",
                 "psr/log": "^1|^2|^3",
-                "symfony/var-dumper": "^6.4|^7.0"
-            },
-            "conflict": {
-                "symfony/deprecation-contracts": "<2.5",
-                "symfony/http-kernel": "<6.4"
+                "symfony/var-dumper": "^5.4|^6.0"
             },
             "require-dev": {
-                "symfony/deprecation-contracts": "^2.5|^3",
-                "symfony/http-kernel": "^6.4|^7.0",
-                "symfony/serializer": "^6.4|^7.0"
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/http-kernel": "^5.4|^6.0",
+                "symfony/serializer": "^5.4|^6.0"
             },
             "bin": [
                 "Resources/bin/patch-type-declarations"
@@ -4104,7 +3612,7 @@
             "description": "Provides tools to manage errors and ease debugging PHP code",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/error-handler/tree/v7.0.7"
+                "source": "https://github.com/symfony/error-handler/tree/v6.2.7"
             },
             "funding": [
                 {
@@ -4120,29 +3628,28 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-18T09:29:19+00:00"
+            "time": "2023-02-14T08:44:56+00:00"
         },
         {
             "name": "symfony/event-dispatcher",
-            "version": "v7.0.7",
+            "version": "v6.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/event-dispatcher.git",
-                "reference": "db2a7fab994d67d92356bb39c367db115d9d30f9"
+                "reference": "404b307de426c1c488e5afad64403e5f145e82a5"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/event-dispatcher/zipball/db2a7fab994d67d92356bb39c367db115d9d30f9",
-                "reference": "db2a7fab994d67d92356bb39c367db115d9d30f9",
+                "url": "https://api.github.com/repos/symfony/event-dispatcher/zipball/404b307de426c1c488e5afad64403e5f145e82a5",
+                "reference": "404b307de426c1c488e5afad64403e5f145e82a5",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2",
-                "symfony/event-dispatcher-contracts": "^2.5|^3"
+                "php": ">=8.1",
+                "symfony/event-dispatcher-contracts": "^2|^3"
             },
             "conflict": {
-                "symfony/dependency-injection": "<6.4",
-                "symfony/service-contracts": "<2.5"
+                "symfony/dependency-injection": "<5.4"
             },
             "provide": {
                 "psr/event-dispatcher-implementation": "1.0",
@@ -4150,13 +3657,17 @@
             },
             "require-dev": {
                 "psr/log": "^1|^2|^3",
-                "symfony/config": "^6.4|^7.0",
-                "symfony/dependency-injection": "^6.4|^7.0",
-                "symfony/error-handler": "^6.4|^7.0",
-                "symfony/expression-language": "^6.4|^7.0",
-                "symfony/http-foundation": "^6.4|^7.0",
-                "symfony/service-contracts": "^2.5|^3",
-                "symfony/stopwatch": "^6.4|^7.0"
+                "symfony/config": "^5.4|^6.0",
+                "symfony/dependency-injection": "^5.4|^6.0",
+                "symfony/error-handler": "^5.4|^6.0",
+                "symfony/expression-language": "^5.4|^6.0",
+                "symfony/http-foundation": "^5.4|^6.0",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/stopwatch": "^5.4|^6.0"
+            },
+            "suggest": {
+                "symfony/dependency-injection": "",
+                "symfony/http-kernel": ""
             },
             "type": "library",
             "autoload": {
@@ -4184,7 +3695,7 @@
             "description": "Provides tools that allow your application components to communicate with each other by dispatching events and listening to them",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/event-dispatcher/tree/v7.0.7"
+                "source": "https://github.com/symfony/event-dispatcher/tree/v6.2.7"
             },
             "funding": [
                 {
@@ -4200,30 +3711,33 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-18T09:29:19+00:00"
+            "time": "2023-02-14T08:44:56+00:00"
         },
         {
             "name": "symfony/event-dispatcher-contracts",
-            "version": "v3.5.0",
+            "version": "v3.2.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/event-dispatcher-contracts.git",
-                "reference": "8f93aec25d41b72493c6ddff14e916177c9efc50"
+                "reference": "0ad3b6f1e4e2da5690fefe075cd53a238646d8dd"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/event-dispatcher-contracts/zipball/8f93aec25d41b72493c6ddff14e916177c9efc50",
-                "reference": "8f93aec25d41b72493c6ddff14e916177c9efc50",
+                "url": "https://api.github.com/repos/symfony/event-dispatcher-contracts/zipball/0ad3b6f1e4e2da5690fefe075cd53a238646d8dd",
+                "reference": "0ad3b6f1e4e2da5690fefe075cd53a238646d8dd",
                 "shasum": ""
             },
             "require": {
                 "php": ">=8.1",
                 "psr/event-dispatcher": "^1"
             },
+            "suggest": {
+                "symfony/event-dispatcher-implementation": ""
+            },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "3.5-dev"
+                    "dev-main": "3.3-dev"
                 },
                 "thanks": {
                     "name": "symfony/contracts",
@@ -4260,7 +3774,7 @@
                 "standards"
             ],
             "support": {
-                "source": "https://github.com/symfony/event-dispatcher-contracts/tree/v3.5.0"
+                "source": "https://github.com/symfony/event-dispatcher-contracts/tree/v3.2.1"
             },
             "funding": [
                 {
@@ -4276,27 +3790,27 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-18T09:32:20+00:00"
+            "time": "2023-03-01T10:32:47+00:00"
         },
         {
             "name": "symfony/finder",
-            "version": "v7.0.7",
+            "version": "v6.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/finder.git",
-                "reference": "4d58f0f4fe95a30d7b538d71197135483560b97c"
+                "reference": "20808dc6631aecafbe67c186af5dcb370be3a0eb"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/finder/zipball/4d58f0f4fe95a30d7b538d71197135483560b97c",
-                "reference": "4d58f0f4fe95a30d7b538d71197135483560b97c",
+                "url": "https://api.github.com/repos/symfony/finder/zipball/20808dc6631aecafbe67c186af5dcb370be3a0eb",
+                "reference": "20808dc6631aecafbe67c186af5dcb370be3a0eb",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2"
+                "php": ">=8.1"
             },
             "require-dev": {
-                "symfony/filesystem": "^6.4|^7.0"
+                "symfony/filesystem": "^6.0"
             },
             "type": "library",
             "autoload": {
@@ -4324,7 +3838,7 @@
             "description": "Finds files and directories via an intuitive fluent interface",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/finder/tree/v7.0.7"
+                "source": "https://github.com/symfony/finder/tree/v6.2.7"
             },
             "funding": [
                 {
@@ -4340,40 +3854,41 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-28T11:44:19+00:00"
+            "time": "2023-02-16T09:57:23+00:00"
         },
         {
             "name": "symfony/http-foundation",
-            "version": "v7.0.7",
+            "version": "v6.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-foundation.git",
-                "reference": "0194e064b8bdc29381462f790bab04e1cac8fdc8"
+                "reference": "5fc3038d4a594223f9ea42e4e985548f3fcc9a3b"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/0194e064b8bdc29381462f790bab04e1cac8fdc8",
-                "reference": "0194e064b8bdc29381462f790bab04e1cac8fdc8",
+                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/5fc3038d4a594223f9ea42e4e985548f3fcc9a3b",
+                "reference": "5fc3038d4a594223f9ea42e4e985548f3fcc9a3b",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2",
-                "symfony/polyfill-mbstring": "~1.1",
-                "symfony/polyfill-php83": "^1.27"
+                "php": ">=8.1",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.1"
             },
             "conflict": {
-                "doctrine/dbal": "<3.6",
-                "symfony/cache": "<6.4"
+                "symfony/cache": "<6.2"
             },
             "require-dev": {
-                "doctrine/dbal": "^3.6|^4",
-                "predis/predis": "^1.1|^2.0",
-                "symfony/cache": "^6.4|^7.0",
-                "symfony/dependency-injection": "^6.4|^7.0",
-                "symfony/expression-language": "^6.4|^7.0",
-                "symfony/http-kernel": "^6.4|^7.0",
-                "symfony/mime": "^6.4|^7.0",
-                "symfony/rate-limiter": "^6.4|^7.0"
+                "predis/predis": "~1.0",
+                "symfony/cache": "^5.4|^6.0",
+                "symfony/dependency-injection": "^5.4|^6.0",
+                "symfony/expression-language": "^5.4|^6.0",
+                "symfony/http-kernel": "^5.4.12|^6.0.12|^6.1.4",
+                "symfony/mime": "^5.4|^6.0",
+                "symfony/rate-limiter": "^5.2|^6.0"
+            },
+            "suggest": {
+                "symfony/mime": "To use the file extension guesser"
             },
             "type": "library",
             "autoload": {
@@ -4401,7 +3916,7 @@
             "description": "Defines an object-oriented layer for the HTTP specification",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/http-foundation/tree/v7.0.7"
+                "source": "https://github.com/symfony/http-foundation/tree/v6.2.7"
             },
             "funding": [
                 {
@@ -4417,76 +3932,74 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-18T09:29:19+00:00"
+            "time": "2023-02-21T10:54:55+00:00"
         },
         {
             "name": "symfony/http-kernel",
-            "version": "v7.0.7",
+            "version": "v6.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-kernel.git",
-                "reference": "e07bb9bd86e7cd8ba2d3d9c618eec9d1bbe06d25"
+                "reference": "ca0680ad1e2d678536cc20e0ae33f9e4e5d2becd"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/e07bb9bd86e7cd8ba2d3d9c618eec9d1bbe06d25",
-                "reference": "e07bb9bd86e7cd8ba2d3d9c618eec9d1bbe06d25",
+                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/ca0680ad1e2d678536cc20e0ae33f9e4e5d2becd",
+                "reference": "ca0680ad1e2d678536cc20e0ae33f9e4e5d2becd",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2",
+                "php": ">=8.1",
                 "psr/log": "^1|^2|^3",
-                "symfony/error-handler": "^6.4|^7.0",
-                "symfony/event-dispatcher": "^6.4|^7.0",
-                "symfony/http-foundation": "^6.4|^7.0",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/error-handler": "^6.1",
+                "symfony/event-dispatcher": "^5.4|^6.0",
+                "symfony/http-foundation": "^5.4.21|^6.2.7",
                 "symfony/polyfill-ctype": "^1.8"
             },
             "conflict": {
-                "symfony/browser-kit": "<6.4",
-                "symfony/cache": "<6.4",
-                "symfony/config": "<6.4",
-                "symfony/console": "<6.4",
-                "symfony/dependency-injection": "<6.4",
-                "symfony/doctrine-bridge": "<6.4",
-                "symfony/form": "<6.4",
-                "symfony/http-client": "<6.4",
-                "symfony/http-client-contracts": "<2.5",
-                "symfony/mailer": "<6.4",
-                "symfony/messenger": "<6.4",
-                "symfony/translation": "<6.4",
-                "symfony/translation-contracts": "<2.5",
-                "symfony/twig-bridge": "<6.4",
-                "symfony/validator": "<6.4",
-                "symfony/var-dumper": "<6.4",
-                "twig/twig": "<3.0.4"
+                "symfony/browser-kit": "<5.4",
+                "symfony/cache": "<5.4",
+                "symfony/config": "<6.1",
+                "symfony/console": "<5.4",
+                "symfony/dependency-injection": "<6.2",
+                "symfony/doctrine-bridge": "<5.4",
+                "symfony/form": "<5.4",
+                "symfony/http-client": "<5.4",
+                "symfony/mailer": "<5.4",
+                "symfony/messenger": "<5.4",
+                "symfony/translation": "<5.4",
+                "symfony/twig-bridge": "<5.4",
+                "symfony/validator": "<5.4",
+                "twig/twig": "<2.13"
             },
             "provide": {
                 "psr/log-implementation": "1.0|2.0|3.0"
             },
             "require-dev": {
                 "psr/cache": "^1.0|^2.0|^3.0",
-                "symfony/browser-kit": "^6.4|^7.0",
-                "symfony/clock": "^6.4|^7.0",
-                "symfony/config": "^6.4|^7.0",
-                "symfony/console": "^6.4|^7.0",
-                "symfony/css-selector": "^6.4|^7.0",
-                "symfony/dependency-injection": "^6.4|^7.0",
-                "symfony/dom-crawler": "^6.4|^7.0",
-                "symfony/expression-language": "^6.4|^7.0",
-                "symfony/finder": "^6.4|^7.0",
-                "symfony/http-client-contracts": "^2.5|^3",
-                "symfony/process": "^6.4|^7.0",
-                "symfony/property-access": "^6.4|^7.0",
-                "symfony/routing": "^6.4|^7.0",
-                "symfony/serializer": "^6.4.4|^7.0.4",
-                "symfony/stopwatch": "^6.4|^7.0",
-                "symfony/translation": "^6.4|^7.0",
-                "symfony/translation-contracts": "^2.5|^3",
-                "symfony/uid": "^6.4|^7.0",
-                "symfony/validator": "^6.4|^7.0",
-                "symfony/var-dumper": "^6.4|^7.0",
-                "symfony/var-exporter": "^6.4|^7.0",
-                "twig/twig": "^3.0.4"
+                "symfony/browser-kit": "^5.4|^6.0",
+                "symfony/config": "^6.1",
+                "symfony/console": "^5.4|^6.0",
+                "symfony/css-selector": "^5.4|^6.0",
+                "symfony/dependency-injection": "^6.2",
+                "symfony/dom-crawler": "^5.4|^6.0",
+                "symfony/expression-language": "^5.4|^6.0",
+                "symfony/finder": "^5.4|^6.0",
+                "symfony/http-client-contracts": "^1.1|^2|^3",
+                "symfony/process": "^5.4|^6.0",
+                "symfony/routing": "^5.4|^6.0",
+                "symfony/stopwatch": "^5.4|^6.0",
+                "symfony/translation": "^5.4|^6.0",
+                "symfony/translation-contracts": "^1.1|^2|^3",
+                "symfony/uid": "^5.4|^6.0",
+                "twig/twig": "^2.13|^3.0.4"
+            },
+            "suggest": {
+                "symfony/browser-kit": "",
+                "symfony/config": "",
+                "symfony/console": "",
+                "symfony/dependency-injection": ""
             },
             "type": "library",
             "autoload": {
@@ -4514,7 +4027,7 @@
             "description": "Provides a structured process for converting a Request into a Response",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/http-kernel/tree/v7.0.7"
+                "source": "https://github.com/symfony/http-kernel/tree/v6.2.7"
             },
             "funding": [
                 {
@@ -4530,43 +4043,42 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-29T12:20:25+00:00"
+            "time": "2023-02-28T13:26:41+00:00"
         },
         {
             "name": "symfony/mailer",
-            "version": "v7.0.7",
+            "version": "v6.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/mailer.git",
-                "reference": "4ff41a7c7998a88cfdc31b5841ef64d9246fc56a"
+                "reference": "e4f84c633b72ec70efc50b8016871c3bc43e691e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/mailer/zipball/4ff41a7c7998a88cfdc31b5841ef64d9246fc56a",
-                "reference": "4ff41a7c7998a88cfdc31b5841ef64d9246fc56a",
+                "url": "https://api.github.com/repos/symfony/mailer/zipball/e4f84c633b72ec70efc50b8016871c3bc43e691e",
+                "reference": "e4f84c633b72ec70efc50b8016871c3bc43e691e",
                 "shasum": ""
             },
             "require": {
                 "egulias/email-validator": "^2.1.10|^3|^4",
-                "php": ">=8.2",
+                "php": ">=8.1",
                 "psr/event-dispatcher": "^1",
                 "psr/log": "^1|^2|^3",
-                "symfony/event-dispatcher": "^6.4|^7.0",
-                "symfony/mime": "^6.4|^7.0",
-                "symfony/service-contracts": "^2.5|^3"
+                "symfony/event-dispatcher": "^5.4|^6.0",
+                "symfony/mime": "^6.2",
+                "symfony/service-contracts": "^1.1|^2|^3"
             },
             "conflict": {
-                "symfony/http-client-contracts": "<2.5",
-                "symfony/http-kernel": "<6.4",
-                "symfony/messenger": "<6.4",
-                "symfony/mime": "<6.4",
-                "symfony/twig-bridge": "<6.4"
+                "symfony/http-kernel": "<5.4",
+                "symfony/messenger": "<6.2",
+                "symfony/mime": "<6.2",
+                "symfony/twig-bridge": "<6.2.1"
             },
             "require-dev": {
-                "symfony/console": "^6.4|^7.0",
-                "symfony/http-client": "^6.4|^7.0",
-                "symfony/messenger": "^6.4|^7.0",
-                "symfony/twig-bridge": "^6.4|^7.0"
+                "symfony/console": "^5.4|^6.0",
+                "symfony/http-client": "^5.4|^6.0",
+                "symfony/messenger": "^6.2",
+                "symfony/twig-bridge": "^6.2"
             },
             "type": "library",
             "autoload": {
@@ -4594,7 +4106,7 @@
             "description": "Helps sending emails",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/mailer/tree/v7.0.7"
+                "source": "https://github.com/symfony/mailer/tree/v6.2.7"
             },
             "funding": [
                 {
@@ -4610,24 +4122,24 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-18T09:29:19+00:00"
+            "time": "2023-02-21T10:35:38+00:00"
         },
         {
             "name": "symfony/mime",
-            "version": "v7.0.7",
+            "version": "v6.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/mime.git",
-                "reference": "3adbf110c306546f6f00337f421d2edca0e8d3c0"
+                "reference": "62e341f80699badb0ad70b31149c8df89a2d778e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/mime/zipball/3adbf110c306546f6f00337f421d2edca0e8d3c0",
-                "reference": "3adbf110c306546f6f00337f421d2edca0e8d3c0",
+                "url": "https://api.github.com/repos/symfony/mime/zipball/62e341f80699badb0ad70b31149c8df89a2d778e",
+                "reference": "62e341f80699badb0ad70b31149c8df89a2d778e",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2",
+                "php": ">=8.1",
                 "symfony/polyfill-intl-idn": "^1.10",
                 "symfony/polyfill-mbstring": "^1.0"
             },
@@ -4635,18 +4147,17 @@
                 "egulias/email-validator": "~3.0.0",
                 "phpdocumentor/reflection-docblock": "<3.2.2",
                 "phpdocumentor/type-resolver": "<1.4.0",
-                "symfony/mailer": "<6.4",
-                "symfony/serializer": "<6.4"
+                "symfony/mailer": "<5.4",
+                "symfony/serializer": "<6.2"
             },
             "require-dev": {
                 "egulias/email-validator": "^2.1.10|^3.1|^4",
                 "league/html-to-markdown": "^5.0",
                 "phpdocumentor/reflection-docblock": "^3.0|^4.0|^5.0",
-                "symfony/dependency-injection": "^6.4|^7.0",
-                "symfony/process": "^6.4|^7.0",
-                "symfony/property-access": "^6.4|^7.0",
-                "symfony/property-info": "^6.4|^7.0",
-                "symfony/serializer": "^6.4|^7.0"
+                "symfony/dependency-injection": "^5.4|^6.0",
+                "symfony/property-access": "^5.4|^6.0",
+                "symfony/property-info": "^5.4|^6.0",
+                "symfony/serializer": "^6.2"
             },
             "type": "library",
             "autoload": {
@@ -4678,7 +4189,7 @@
                 "mime-type"
             ],
             "support": {
-                "source": "https://github.com/symfony/mime/tree/v7.0.7"
+                "source": "https://github.com/symfony/mime/tree/v6.2.7"
             },
             "funding": [
                 {
@@ -4694,20 +4205,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-18T09:29:19+00:00"
+            "time": "2023-02-24T10:42:00+00:00"
         },
         {
             "name": "symfony/polyfill-ctype",
-            "version": "v1.29.0",
+            "version": "v1.27.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-ctype.git",
-                "reference": "ef4d7e442ca910c4764bce785146269b30cb5fc4"
+                "reference": "5bbc823adecdae860bb64756d639ecfec17b050a"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/ef4d7e442ca910c4764bce785146269b30cb5fc4",
-                "reference": "ef4d7e442ca910c4764bce785146269b30cb5fc4",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/5bbc823adecdae860bb64756d639ecfec17b050a",
+                "reference": "5bbc823adecdae860bb64756d639ecfec17b050a",
                 "shasum": ""
             },
             "require": {
@@ -4721,6 +4232,9 @@
             },
             "type": "library",
             "extra": {
+                "branch-alias": {
+                    "dev-main": "1.27-dev"
+                },
                 "thanks": {
                     "name": "symfony/polyfill",
                     "url": "https://github.com/symfony/polyfill"
@@ -4757,7 +4271,7 @@
                 "portable"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-ctype/tree/v1.29.0"
+                "source": "https://github.com/symfony/polyfill-ctype/tree/v1.27.0"
             },
             "funding": [
                 {
@@ -4773,20 +4287,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-01-29T20:11:03+00:00"
+            "time": "2022-11-03T14:55:06+00:00"
         },
         {
             "name": "symfony/polyfill-intl-grapheme",
-            "version": "v1.29.0",
+            "version": "v1.27.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
-                "reference": "32a9da87d7b3245e09ac426c83d334ae9f06f80f"
+                "reference": "511a08c03c1960e08a883f4cffcacd219b758354"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/32a9da87d7b3245e09ac426c83d334ae9f06f80f",
-                "reference": "32a9da87d7b3245e09ac426c83d334ae9f06f80f",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/511a08c03c1960e08a883f4cffcacd219b758354",
+                "reference": "511a08c03c1960e08a883f4cffcacd219b758354",
                 "shasum": ""
             },
             "require": {
@@ -4797,6 +4311,9 @@
             },
             "type": "library",
             "extra": {
+                "branch-alias": {
+                    "dev-main": "1.27-dev"
+                },
                 "thanks": {
                     "name": "symfony/polyfill",
                     "url": "https://github.com/symfony/polyfill"
@@ -4835,7 +4352,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-intl-grapheme/tree/v1.29.0"
+                "source": "https://github.com/symfony/polyfill-intl-grapheme/tree/v1.27.0"
             },
             "funding": [
                 {
@@ -4851,20 +4368,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-01-29T20:11:03+00:00"
+            "time": "2022-11-03T14:55:06+00:00"
         },
         {
             "name": "symfony/polyfill-intl-idn",
-            "version": "v1.29.0",
+            "version": "v1.27.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-intl-idn.git",
-                "reference": "a287ed7475f85bf6f61890146edbc932c0fff919"
+                "reference": "639084e360537a19f9ee352433b84ce831f3d2da"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-intl-idn/zipball/a287ed7475f85bf6f61890146edbc932c0fff919",
-                "reference": "a287ed7475f85bf6f61890146edbc932c0fff919",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-idn/zipball/639084e360537a19f9ee352433b84ce831f3d2da",
+                "reference": "639084e360537a19f9ee352433b84ce831f3d2da",
                 "shasum": ""
             },
             "require": {
@@ -4877,6 +4394,9 @@
             },
             "type": "library",
             "extra": {
+                "branch-alias": {
+                    "dev-main": "1.27-dev"
+                },
                 "thanks": {
                     "name": "symfony/polyfill",
                     "url": "https://github.com/symfony/polyfill"
@@ -4919,7 +4439,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-intl-idn/tree/v1.29.0"
+                "source": "https://github.com/symfony/polyfill-intl-idn/tree/v1.27.0"
             },
             "funding": [
                 {
@@ -4935,20 +4455,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-01-29T20:11:03+00:00"
+            "time": "2022-11-03T14:55:06+00:00"
         },
         {
             "name": "symfony/polyfill-intl-normalizer",
-            "version": "v1.29.0",
+            "version": "v1.27.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
-                "reference": "bc45c394692b948b4d383a08d7753968bed9a83d"
+                "reference": "19bd1e4fcd5b91116f14d8533c57831ed00571b6"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/bc45c394692b948b4d383a08d7753968bed9a83d",
-                "reference": "bc45c394692b948b4d383a08d7753968bed9a83d",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/19bd1e4fcd5b91116f14d8533c57831ed00571b6",
+                "reference": "19bd1e4fcd5b91116f14d8533c57831ed00571b6",
                 "shasum": ""
             },
             "require": {
@@ -4959,6 +4479,9 @@
             },
             "type": "library",
             "extra": {
+                "branch-alias": {
+                    "dev-main": "1.27-dev"
+                },
                 "thanks": {
                     "name": "symfony/polyfill",
                     "url": "https://github.com/symfony/polyfill"
@@ -5000,7 +4523,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-intl-normalizer/tree/v1.29.0"
+                "source": "https://github.com/symfony/polyfill-intl-normalizer/tree/v1.27.0"
             },
             "funding": [
                 {
@@ -5016,20 +4539,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-01-29T20:11:03+00:00"
+            "time": "2022-11-03T14:55:06+00:00"
         },
         {
             "name": "symfony/polyfill-mbstring",
-            "version": "v1.29.0",
+            "version": "v1.27.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-mbstring.git",
-                "reference": "9773676c8a1bb1f8d4340a62efe641cf76eda7ec"
+                "reference": "8ad114f6b39e2c98a8b0e3bd907732c207c2b534"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/9773676c8a1bb1f8d4340a62efe641cf76eda7ec",
-                "reference": "9773676c8a1bb1f8d4340a62efe641cf76eda7ec",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/8ad114f6b39e2c98a8b0e3bd907732c207c2b534",
+                "reference": "8ad114f6b39e2c98a8b0e3bd907732c207c2b534",
                 "shasum": ""
             },
             "require": {
@@ -5043,6 +4566,9 @@
             },
             "type": "library",
             "extra": {
+                "branch-alias": {
+                    "dev-main": "1.27-dev"
+                },
                 "thanks": {
                     "name": "symfony/polyfill",
                     "url": "https://github.com/symfony/polyfill"
@@ -5080,7 +4606,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.29.0"
+                "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.27.0"
             },
             "funding": [
                 {
@@ -5096,20 +4622,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-01-29T20:11:03+00:00"
+            "time": "2022-11-03T14:55:06+00:00"
         },
         {
             "name": "symfony/polyfill-php72",
-            "version": "v1.29.0",
+            "version": "v1.27.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-php72.git",
-                "reference": "861391a8da9a04cbad2d232ddd9e4893220d6e25"
+                "reference": "869329b1e9894268a8a61dabb69153029b7a8c97"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php72/zipball/861391a8da9a04cbad2d232ddd9e4893220d6e25",
-                "reference": "861391a8da9a04cbad2d232ddd9e4893220d6e25",
+                "url": "https://api.github.com/repos/symfony/polyfill-php72/zipball/869329b1e9894268a8a61dabb69153029b7a8c97",
+                "reference": "869329b1e9894268a8a61dabb69153029b7a8c97",
                 "shasum": ""
             },
             "require": {
@@ -5117,6 +4643,9 @@
             },
             "type": "library",
             "extra": {
+                "branch-alias": {
+                    "dev-main": "1.27-dev"
+                },
                 "thanks": {
                     "name": "symfony/polyfill",
                     "url": "https://github.com/symfony/polyfill"
@@ -5153,7 +4682,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-php72/tree/v1.29.0"
+                "source": "https://github.com/symfony/polyfill-php72/tree/v1.27.0"
             },
             "funding": [
                 {
@@ -5169,20 +4698,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-01-29T20:11:03+00:00"
+            "time": "2022-11-03T14:55:06+00:00"
         },
         {
             "name": "symfony/polyfill-php80",
-            "version": "v1.29.0",
+            "version": "v1.27.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-php80.git",
-                "reference": "87b68208d5c1188808dd7839ee1e6c8ec3b02f1b"
+                "reference": "7a6ff3f1959bb01aefccb463a0f2cd3d3d2fd936"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/87b68208d5c1188808dd7839ee1e6c8ec3b02f1b",
-                "reference": "87b68208d5c1188808dd7839ee1e6c8ec3b02f1b",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/7a6ff3f1959bb01aefccb463a0f2cd3d3d2fd936",
+                "reference": "7a6ff3f1959bb01aefccb463a0f2cd3d3d2fd936",
                 "shasum": ""
             },
             "require": {
@@ -5190,6 +4719,9 @@
             },
             "type": "library",
             "extra": {
+                "branch-alias": {
+                    "dev-main": "1.27-dev"
+                },
                 "thanks": {
                     "name": "symfony/polyfill",
                     "url": "https://github.com/symfony/polyfill"
@@ -5233,84 +4765,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-php80/tree/v1.29.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-01-29T20:11:03+00:00"
-        },
-        {
-            "name": "symfony/polyfill-php83",
-            "version": "v1.29.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/polyfill-php83.git",
-                "reference": "86fcae159633351e5fd145d1c47de6c528f8caff"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php83/zipball/86fcae159633351e5fd145d1c47de6c528f8caff",
-                "reference": "86fcae159633351e5fd145d1c47de6c528f8caff",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.1",
-                "symfony/polyfill-php80": "^1.14"
-            },
-            "type": "library",
-            "extra": {
-                "thanks": {
-                    "name": "symfony/polyfill",
-                    "url": "https://github.com/symfony/polyfill"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "bootstrap.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Polyfill\\Php83\\": ""
-                },
-                "classmap": [
-                    "Resources/stubs"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Symfony polyfill backporting some PHP 8.3+ features to lower PHP versions",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "compatibility",
-                "polyfill",
-                "portable",
-                "shim"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/polyfill-php83/tree/v1.29.0"
+                "source": "https://github.com/symfony/polyfill-php80/tree/v1.27.0"
             },
             "funding": [
                 {
@@ -5326,20 +4781,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-01-29T20:11:03+00:00"
+            "time": "2022-11-03T14:55:06+00:00"
         },
         {
             "name": "symfony/polyfill-uuid",
-            "version": "v1.29.0",
+            "version": "v1.27.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-uuid.git",
-                "reference": "3abdd21b0ceaa3000ee950097bc3cf9efc137853"
+                "reference": "f3cf1a645c2734236ed1e2e671e273eeb3586166"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-uuid/zipball/3abdd21b0ceaa3000ee950097bc3cf9efc137853",
-                "reference": "3abdd21b0ceaa3000ee950097bc3cf9efc137853",
+                "url": "https://api.github.com/repos/symfony/polyfill-uuid/zipball/f3cf1a645c2734236ed1e2e671e273eeb3586166",
+                "reference": "f3cf1a645c2734236ed1e2e671e273eeb3586166",
                 "shasum": ""
             },
             "require": {
@@ -5353,6 +4808,9 @@
             },
             "type": "library",
             "extra": {
+                "branch-alias": {
+                    "dev-main": "1.27-dev"
+                },
                 "thanks": {
                     "name": "symfony/polyfill",
                     "url": "https://github.com/symfony/polyfill"
@@ -5389,7 +4847,7 @@
                 "uuid"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-uuid/tree/v1.29.0"
+                "source": "https://github.com/symfony/polyfill-uuid/tree/v1.27.0"
             },
             "funding": [
                 {
@@ -5405,24 +4863,24 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-01-29T20:11:03+00:00"
+            "time": "2022-11-03T14:55:06+00:00"
         },
         {
             "name": "symfony/process",
-            "version": "v7.0.7",
+            "version": "v6.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/process.git",
-                "reference": "3839e56b94dd1dbd13235d27504e66baf23faba0"
+                "reference": "680e8a2ea6b3f87aecc07a6a65a203ae573d1902"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/process/zipball/3839e56b94dd1dbd13235d27504e66baf23faba0",
-                "reference": "3839e56b94dd1dbd13235d27504e66baf23faba0",
+                "url": "https://api.github.com/repos/symfony/process/zipball/680e8a2ea6b3f87aecc07a6a65a203ae573d1902",
+                "reference": "680e8a2ea6b3f87aecc07a6a65a203ae573d1902",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2"
+                "php": ">=8.1"
             },
             "type": "library",
             "autoload": {
@@ -5450,7 +4908,7 @@
             "description": "Executes commands in sub-processes",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/process/tree/v7.0.7"
+                "source": "https://github.com/symfony/process/tree/v6.2.7"
             },
             "funding": [
                 {
@@ -5466,38 +4924,45 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-18T09:29:19+00:00"
+            "time": "2023-02-24T10:42:00+00:00"
         },
         {
             "name": "symfony/routing",
-            "version": "v7.0.7",
+            "version": "v6.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/routing.git",
-                "reference": "9f82bf7766ccc9c22ab7aeb9bebb98351483fa5b"
+                "reference": "fa643fa4c56de161f8bc8c0492a76a60140b50e4"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/routing/zipball/9f82bf7766ccc9c22ab7aeb9bebb98351483fa5b",
-                "reference": "9f82bf7766ccc9c22ab7aeb9bebb98351483fa5b",
+                "url": "https://api.github.com/repos/symfony/routing/zipball/fa643fa4c56de161f8bc8c0492a76a60140b50e4",
+                "reference": "fa643fa4c56de161f8bc8c0492a76a60140b50e4",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2",
-                "symfony/deprecation-contracts": "^2.5|^3"
+                "php": ">=8.1"
             },
             "conflict": {
-                "symfony/config": "<6.4",
-                "symfony/dependency-injection": "<6.4",
-                "symfony/yaml": "<6.4"
+                "doctrine/annotations": "<1.12",
+                "symfony/config": "<6.2",
+                "symfony/dependency-injection": "<5.4",
+                "symfony/yaml": "<5.4"
             },
             "require-dev": {
+                "doctrine/annotations": "^1.12|^2",
                 "psr/log": "^1|^2|^3",
-                "symfony/config": "^6.4|^7.0",
-                "symfony/dependency-injection": "^6.4|^7.0",
-                "symfony/expression-language": "^6.4|^7.0",
-                "symfony/http-foundation": "^6.4|^7.0",
-                "symfony/yaml": "^6.4|^7.0"
+                "symfony/config": "^6.2",
+                "symfony/dependency-injection": "^5.4|^6.0",
+                "symfony/expression-language": "^5.4|^6.0",
+                "symfony/http-foundation": "^5.4|^6.0",
+                "symfony/yaml": "^5.4|^6.0"
+            },
+            "suggest": {
+                "symfony/config": "For using the all-in-one router or any loader",
+                "symfony/expression-language": "For using expression matching",
+                "symfony/http-foundation": "For using a Symfony Request object",
+                "symfony/yaml": "For using the YAML loader"
             },
             "type": "library",
             "autoload": {
@@ -5531,7 +4996,7 @@
                 "url"
             ],
             "support": {
-                "source": "https://github.com/symfony/routing/tree/v7.0.7"
+                "source": "https://github.com/symfony/routing/tree/v6.2.7"
             },
             "funding": [
                 {
@@ -5547,34 +5012,36 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-18T09:29:19+00:00"
+            "time": "2023-02-14T08:53:37+00:00"
         },
         {
             "name": "symfony/service-contracts",
-            "version": "v3.5.0",
+            "version": "v3.2.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/service-contracts.git",
-                "reference": "bd1d9e59a81d8fa4acdcea3f617c581f7475a80f"
+                "reference": "a8c9cedf55f314f3a186041d19537303766df09a"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/bd1d9e59a81d8fa4acdcea3f617c581f7475a80f",
-                "reference": "bd1d9e59a81d8fa4acdcea3f617c581f7475a80f",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/a8c9cedf55f314f3a186041d19537303766df09a",
+                "reference": "a8c9cedf55f314f3a186041d19537303766df09a",
                 "shasum": ""
             },
             "require": {
                 "php": ">=8.1",
-                "psr/container": "^1.1|^2.0",
-                "symfony/deprecation-contracts": "^2.5|^3"
+                "psr/container": "^2.0"
             },
             "conflict": {
                 "ext-psr": "<1.1|>=2"
             },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "3.5-dev"
+                    "dev-main": "3.3-dev"
                 },
                 "thanks": {
                     "name": "symfony/contracts",
@@ -5614,7 +5081,7 @@
                 "standards"
             ],
             "support": {
-                "source": "https://github.com/symfony/service-contracts/tree/v3.5.0"
+                "source": "https://github.com/symfony/service-contracts/tree/v3.2.1"
             },
             "funding": [
                 {
@@ -5630,38 +5097,38 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-18T09:32:20+00:00"
+            "time": "2023-03-01T10:32:47+00:00"
         },
         {
             "name": "symfony/string",
-            "version": "v7.0.7",
+            "version": "v6.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/string.git",
-                "reference": "e405b5424dc2528e02e31ba26b83a79fd4eb8f63"
+                "reference": "67b8c1eec78296b85dc1c7d9743830160218993d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/string/zipball/e405b5424dc2528e02e31ba26b83a79fd4eb8f63",
-                "reference": "e405b5424dc2528e02e31ba26b83a79fd4eb8f63",
+                "url": "https://api.github.com/repos/symfony/string/zipball/67b8c1eec78296b85dc1c7d9743830160218993d",
+                "reference": "67b8c1eec78296b85dc1c7d9743830160218993d",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2",
+                "php": ">=8.1",
                 "symfony/polyfill-ctype": "~1.8",
                 "symfony/polyfill-intl-grapheme": "~1.0",
                 "symfony/polyfill-intl-normalizer": "~1.0",
                 "symfony/polyfill-mbstring": "~1.0"
             },
             "conflict": {
-                "symfony/translation-contracts": "<2.5"
+                "symfony/translation-contracts": "<2.0"
             },
             "require-dev": {
-                "symfony/error-handler": "^6.4|^7.0",
-                "symfony/http-client": "^6.4|^7.0",
-                "symfony/intl": "^6.4|^7.0",
-                "symfony/translation-contracts": "^2.5|^3.0",
-                "symfony/var-exporter": "^6.4|^7.0"
+                "symfony/error-handler": "^5.4|^6.0",
+                "symfony/http-client": "^5.4|^6.0",
+                "symfony/intl": "^6.2",
+                "symfony/translation-contracts": "^2.0|^3.0",
+                "symfony/var-exporter": "^5.4|^6.0"
             },
             "type": "library",
             "autoload": {
@@ -5700,7 +5167,7 @@
                 "utf8"
             ],
             "support": {
-                "source": "https://github.com/symfony/string/tree/v7.0.7"
+                "source": "https://github.com/symfony/string/tree/v6.2.7"
             },
             "funding": [
                 {
@@ -5716,54 +5183,58 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-18T09:29:19+00:00"
+            "time": "2023-02-24T10:42:00+00:00"
         },
         {
             "name": "symfony/translation",
-            "version": "v7.0.7",
+            "version": "v6.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/translation.git",
-                "reference": "1515e03afaa93e6419aba5d5c9d209159317100b"
+                "reference": "90db1c6138c90527917671cd9ffa9e8b359e3a73"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/translation/zipball/1515e03afaa93e6419aba5d5c9d209159317100b",
-                "reference": "1515e03afaa93e6419aba5d5c9d209159317100b",
+                "url": "https://api.github.com/repos/symfony/translation/zipball/90db1c6138c90527917671cd9ffa9e8b359e3a73",
+                "reference": "90db1c6138c90527917671cd9ffa9e8b359e3a73",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2",
+                "php": ">=8.1",
                 "symfony/polyfill-mbstring": "~1.0",
-                "symfony/translation-contracts": "^2.5|^3.0"
+                "symfony/translation-contracts": "^2.3|^3.0"
             },
             "conflict": {
-                "symfony/config": "<6.4",
-                "symfony/console": "<6.4",
-                "symfony/dependency-injection": "<6.4",
-                "symfony/http-client-contracts": "<2.5",
-                "symfony/http-kernel": "<6.4",
-                "symfony/service-contracts": "<2.5",
-                "symfony/twig-bundle": "<6.4",
-                "symfony/yaml": "<6.4"
+                "symfony/config": "<5.4",
+                "symfony/console": "<5.4",
+                "symfony/dependency-injection": "<5.4",
+                "symfony/http-kernel": "<5.4",
+                "symfony/twig-bundle": "<5.4",
+                "symfony/yaml": "<5.4"
             },
             "provide": {
                 "symfony/translation-implementation": "2.3|3.0"
             },
             "require-dev": {
-                "nikic/php-parser": "^4.18|^5.0",
+                "nikic/php-parser": "^4.13",
                 "psr/log": "^1|^2|^3",
-                "symfony/config": "^6.4|^7.0",
-                "symfony/console": "^6.4|^7.0",
-                "symfony/dependency-injection": "^6.4|^7.0",
-                "symfony/finder": "^6.4|^7.0",
-                "symfony/http-client-contracts": "^2.5|^3.0",
-                "symfony/http-kernel": "^6.4|^7.0",
-                "symfony/intl": "^6.4|^7.0",
+                "symfony/config": "^5.4|^6.0",
+                "symfony/console": "^5.4|^6.0",
+                "symfony/dependency-injection": "^5.4|^6.0",
+                "symfony/finder": "^5.4|^6.0",
+                "symfony/http-client-contracts": "^1.1|^2.0|^3.0",
+                "symfony/http-kernel": "^5.4|^6.0",
+                "symfony/intl": "^5.4|^6.0",
                 "symfony/polyfill-intl-icu": "^1.21",
-                "symfony/routing": "^6.4|^7.0",
-                "symfony/service-contracts": "^2.5|^3",
-                "symfony/yaml": "^6.4|^7.0"
+                "symfony/routing": "^5.4|^6.0",
+                "symfony/service-contracts": "^1.1.2|^2|^3",
+                "symfony/yaml": "^5.4|^6.0"
+            },
+            "suggest": {
+                "nikic/php-parser": "To use PhpAstExtractor",
+                "psr/log-implementation": "To use logging capability in translator",
+                "symfony/config": "",
+                "symfony/yaml": ""
             },
             "type": "library",
             "autoload": {
@@ -5787,1349 +5258,68 @@
                     "email": "fabien@symfony.com"
                 },
                 {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Provides tools to internationalize your application",
-            "homepage": "https://symfony.com",
-            "support": {
-                "source": "https://github.com/symfony/translation/tree/v7.0.7"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-04-18T09:29:19+00:00"
-        },
-        {
-            "name": "symfony/translation-contracts",
-            "version": "v3.5.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/translation-contracts.git",
-                "reference": "b9d2189887bb6b2e0367a9fc7136c5239ab9b05a"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/translation-contracts/zipball/b9d2189887bb6b2e0367a9fc7136c5239ab9b05a",
-                "reference": "b9d2189887bb6b2e0367a9fc7136c5239ab9b05a",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.1"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "3.5-dev"
-                },
-                "thanks": {
-                    "name": "symfony/contracts",
-                    "url": "https://github.com/symfony/contracts"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Contracts\\Translation\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Test/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Generic abstractions related to translation",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "abstractions",
-                "contracts",
-                "decoupling",
-                "interfaces",
-                "interoperability",
-                "standards"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/translation-contracts/tree/v3.5.0"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-04-18T09:32:20+00:00"
-        },
-        {
-            "name": "symfony/uid",
-            "version": "v7.0.7",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/uid.git",
-                "reference": "4f3a5d181999e25918586c8369de09e7814e7be2"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/uid/zipball/4f3a5d181999e25918586c8369de09e7814e7be2",
-                "reference": "4f3a5d181999e25918586c8369de09e7814e7be2",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "symfony/polyfill-uuid": "^1.15"
-            },
-            "require-dev": {
-                "symfony/console": "^6.4|^7.0"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Component\\Uid\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Grégoire Pineau",
-                    "email": "lyrixx@lyrixx.info"
-                },
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Provides an object-oriented API to generate and represent UIDs",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "UID",
-                "ulid",
-                "uuid"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/uid/tree/v7.0.7"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-04-18T09:29:19+00:00"
-        },
-        {
-            "name": "symfony/var-dumper",
-            "version": "v7.0.7",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/var-dumper.git",
-                "reference": "d1627b66fd87c8b4d90cabe5671c29d575690924"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/d1627b66fd87c8b4d90cabe5671c29d575690924",
-                "reference": "d1627b66fd87c8b4d90cabe5671c29d575690924",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.2",
-                "symfony/polyfill-mbstring": "~1.0"
-            },
-            "conflict": {
-                "symfony/console": "<6.4"
-            },
-            "require-dev": {
-                "ext-iconv": "*",
-                "symfony/console": "^6.4|^7.0",
-                "symfony/http-kernel": "^6.4|^7.0",
-                "symfony/process": "^6.4|^7.0",
-                "symfony/uid": "^6.4|^7.0",
-                "twig/twig": "^3.0.4"
-            },
-            "bin": [
-                "Resources/bin/var-dump-server"
-            ],
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "Resources/functions/dump.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Component\\VarDumper\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Provides mechanisms for walking through any arbitrary PHP variable",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "debug",
-                "dump"
-            ],
-            "support": {
-                "source": "https://github.com/symfony/var-dumper/tree/v7.0.7"
-            },
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2024-04-18T09:29:19+00:00"
-        },
-        {
-            "name": "tijsverkoyen/css-to-inline-styles",
-            "version": "v2.2.7",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/tijsverkoyen/CssToInlineStyles.git",
-                "reference": "83ee6f38df0a63106a9e4536e3060458b74ccedb"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/tijsverkoyen/CssToInlineStyles/zipball/83ee6f38df0a63106a9e4536e3060458b74ccedb",
-                "reference": "83ee6f38df0a63106a9e4536e3060458b74ccedb",
-                "shasum": ""
-            },
-            "require": {
-                "ext-dom": "*",
-                "ext-libxml": "*",
-                "php": "^5.5 || ^7.0 || ^8.0",
-                "symfony/css-selector": "^2.7 || ^3.0 || ^4.0 || ^5.0 || ^6.0 || ^7.0"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^4.8.35 || ^5.7 || ^6.0 || ^7.5 || ^8.5.21 || ^9.5.10"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "2.2.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "TijsVerkoyen\\CssToInlineStyles\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Tijs Verkoyen",
-                    "email": "css_to_inline_styles@verkoyen.eu",
-                    "role": "Developer"
-                }
-            ],
-            "description": "CssToInlineStyles is a class that enables you to convert HTML-pages/files into HTML-pages/files with inline styles. This is very useful when you're sending emails.",
-            "homepage": "https://github.com/tijsverkoyen/CssToInlineStyles",
-            "support": {
-                "issues": "https://github.com/tijsverkoyen/CssToInlineStyles/issues",
-                "source": "https://github.com/tijsverkoyen/CssToInlineStyles/tree/v2.2.7"
-            },
-            "time": "2023-12-08T13:03:43+00:00"
-        },
-        {
-            "name": "vlucas/phpdotenv",
-            "version": "v5.6.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/vlucas/phpdotenv.git",
-                "reference": "2cf9fb6054c2bb1d59d1f3817706ecdb9d2934c4"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/vlucas/phpdotenv/zipball/2cf9fb6054c2bb1d59d1f3817706ecdb9d2934c4",
-                "reference": "2cf9fb6054c2bb1d59d1f3817706ecdb9d2934c4",
-                "shasum": ""
-            },
-            "require": {
-                "ext-pcre": "*",
-                "graham-campbell/result-type": "^1.1.2",
-                "php": "^7.2.5 || ^8.0",
-                "phpoption/phpoption": "^1.9.2",
-                "symfony/polyfill-ctype": "^1.24",
-                "symfony/polyfill-mbstring": "^1.24",
-                "symfony/polyfill-php80": "^1.24"
-            },
-            "require-dev": {
-                "bamarni/composer-bin-plugin": "^1.8.2",
-                "ext-filter": "*",
-                "phpunit/phpunit": "^8.5.34 || ^9.6.13 || ^10.4.2"
-            },
-            "suggest": {
-                "ext-filter": "Required to use the boolean validator."
-            },
-            "type": "library",
-            "extra": {
-                "bamarni-bin": {
-                    "bin-links": true,
-                    "forward-command": true
-                },
-                "branch-alias": {
-                    "dev-master": "5.6-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Dotenv\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Graham Campbell",
-                    "email": "hello@gjcampbell.co.uk",
-                    "homepage": "https://github.com/GrahamCampbell"
-                },
-                {
-                    "name": "Vance Lucas",
-                    "email": "vance@vancelucas.com",
-                    "homepage": "https://github.com/vlucas"
-                }
-            ],
-            "description": "Loads environment variables from `.env` to `getenv()`, `$_ENV` and `$_SERVER` automagically.",
-            "keywords": [
-                "dotenv",
-                "env",
-                "environment"
-            ],
-            "support": {
-                "issues": "https://github.com/vlucas/phpdotenv/issues",
-                "source": "https://github.com/vlucas/phpdotenv/tree/v5.6.0"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/GrahamCampbell",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/vlucas/phpdotenv",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2023-11-12T22:43:29+00:00"
-        },
-        {
-            "name": "voku/portable-ascii",
-            "version": "2.0.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/voku/portable-ascii.git",
-                "reference": "b56450eed252f6801410d810c8e1727224ae0743"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/voku/portable-ascii/zipball/b56450eed252f6801410d810c8e1727224ae0743",
-                "reference": "b56450eed252f6801410d810c8e1727224ae0743",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.0.0"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "~6.0 || ~7.0 || ~9.0"
-            },
-            "suggest": {
-                "ext-intl": "Use Intl for transliterator_transliterate() support"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "voku\\": "src/voku/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Lars Moelleken",
-                    "homepage": "http://www.moelleken.org/"
-                }
-            ],
-            "description": "Portable ASCII library - performance optimized (ascii) string functions for php.",
-            "homepage": "https://github.com/voku/portable-ascii",
-            "keywords": [
-                "ascii",
-                "clean",
-                "php"
-            ],
-            "support": {
-                "issues": "https://github.com/voku/portable-ascii/issues",
-                "source": "https://github.com/voku/portable-ascii/tree/2.0.1"
-            },
-            "funding": [
-                {
-                    "url": "https://www.paypal.me/moelleken",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/voku",
-                    "type": "github"
-                },
-                {
-                    "url": "https://opencollective.com/portable-ascii",
-                    "type": "open_collective"
-                },
-                {
-                    "url": "https://www.patreon.com/voku",
-                    "type": "patreon"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/voku/portable-ascii",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2022-03-08T17:03:00+00:00"
-        },
-        {
-            "name": "webmozart/assert",
-            "version": "1.11.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/webmozarts/assert.git",
-                "reference": "11cb2199493b2f8a3b53e7f19068fc6aac760991"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/webmozarts/assert/zipball/11cb2199493b2f8a3b53e7f19068fc6aac760991",
-                "reference": "11cb2199493b2f8a3b53e7f19068fc6aac760991",
-                "shasum": ""
-            },
-            "require": {
-                "ext-ctype": "*",
-                "php": "^7.2 || ^8.0"
-            },
-            "conflict": {
-                "phpstan/phpstan": "<0.12.20",
-                "vimeo/psalm": "<4.6.1 || 4.6.2"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^8.5.13"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "1.10-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Webmozart\\Assert\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Bernhard Schussek",
-                    "email": "bschussek@gmail.com"
-                }
-            ],
-            "description": "Assertions to validate method input/output with nice error messages.",
-            "keywords": [
-                "assert",
-                "check",
-                "validate"
-            ],
-            "support": {
-                "issues": "https://github.com/webmozarts/assert/issues",
-                "source": "https://github.com/webmozarts/assert/tree/1.11.0"
-            },
-            "time": "2022-06-03T18:03:27+00:00"
-        }
-    ],
-    "packages-dev": [
-        {
-            "name": "archtechx/enums",
-            "version": "v1.0.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/archtechx/enums.git",
-                "reference": "a99ee1a7e083736c22d3a44fd3a988e7e472cf96"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/archtechx/enums/zipball/a99ee1a7e083736c22d3a44fd3a988e7e472cf96",
-                "reference": "a99ee1a7e083736c22d3a44fd3a988e7e472cf96",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^8.1"
-            },
-            "require-dev": {
-                "larastan/larastan": "^2.4",
-                "orchestra/testbench": "^8.0",
-                "pestphp/pest": "^2.0",
-                "pestphp/pest-plugin-laravel": "^2.0"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "ArchTech\\Enums\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Samuel Štancl",
-                    "email": "samuel@archte.ch"
-                }
-            ],
-            "description": "Helpers for making PHP enums more lovable.",
-            "support": {
-                "issues": "https://github.com/archtechx/enums/issues",
-                "source": "https://github.com/archtechx/enums/tree/v1.0.1"
-            },
-            "time": "2024-01-28T17:52:47+00:00"
-        },
-        {
-            "name": "composer/semver",
-            "version": "3.4.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/composer/semver.git",
-                "reference": "35e8d0af4486141bc745f23a29cc2091eb624a32"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/composer/semver/zipball/35e8d0af4486141bc745f23a29cc2091eb624a32",
-                "reference": "35e8d0af4486141bc745f23a29cc2091eb624a32",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^5.3.2 || ^7.0 || ^8.0"
-            },
-            "require-dev": {
-                "phpstan/phpstan": "^1.4",
-                "symfony/phpunit-bridge": "^4.2 || ^5"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "3.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Composer\\Semver\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nils Adermann",
-                    "email": "naderman@naderman.de",
-                    "homepage": "http://www.naderman.de"
-                },
-                {
-                    "name": "Jordi Boggiano",
-                    "email": "j.boggiano@seld.be",
-                    "homepage": "http://seld.be"
-                },
-                {
-                    "name": "Rob Bast",
-                    "email": "rob.bast@gmail.com",
-                    "homepage": "http://robbast.nl"
-                }
-            ],
-            "description": "Semver library that offers utilities, version constraint parsing and validation.",
-            "keywords": [
-                "semantic",
-                "semver",
-                "validation",
-                "versioning"
-            ],
-            "support": {
-                "irc": "ircs://irc.libera.chat:6697/composer",
-                "issues": "https://github.com/composer/semver/issues",
-                "source": "https://github.com/composer/semver/tree/3.4.0"
-            },
-            "funding": [
-                {
-                    "url": "https://packagist.com",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/composer",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/composer/composer",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2023-08-31T09:50:34+00:00"
-        },
-        {
-            "name": "dragon-code/contracts",
-            "version": "2.23.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/TheDragonCode/contracts.git",
-                "reference": "44dbad923f152e0dc2699fbac2d33b65dd6a8f7d"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/TheDragonCode/contracts/zipball/44dbad923f152e0dc2699fbac2d33b65dd6a8f7d",
-                "reference": "44dbad923f152e0dc2699fbac2d33b65dd6a8f7d",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.2.5 || ^8.0",
-                "psr/http-message": "^1.0.1 || ^2.0",
-                "symfony/http-kernel": "^4.0 || ^5.0 || ^6.0 || ^7.0",
-                "symfony/polyfill-php80": "^1.23"
-            },
-            "conflict": {
-                "andrey-helldar/contracts": "*"
-            },
-            "require-dev": {
-                "illuminate/database": "^10.0 || ^11.0",
-                "phpdocumentor/reflection-docblock": "^5.0"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "DragonCode\\Contracts\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Andrey Helldar",
-                    "email": "helldar@dragon-code.pro",
-                    "homepage": "https://dragon-code.pro"
-                }
-            ],
-            "description": "A set of contracts for any project",
-            "keywords": [
-                "contracts",
-                "interfaces"
-            ],
-            "support": {
-                "source": "https://github.com/TheDragonCode/contracts"
-            },
-            "funding": [
-                {
-                    "url": "https://boosty.to/dragon-code",
-                    "type": "boosty"
-                },
-                {
-                    "url": "https://www.donationalerts.com/r/dragon_code",
-                    "type": "donationalerts"
-                },
-                {
-                    "url": "https://yoomoney.ru/to/410012608840929",
-                    "type": "yoomoney"
-                }
-            ],
-            "time": "2024-03-11T20:15:12+00:00"
-        },
-        {
-            "name": "dragon-code/pretty-array",
-            "version": "v4.1.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/TheDragonCode/pretty-array.git",
-                "reference": "6c84e2454491b414efbd37985c322712cdf9012f"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/TheDragonCode/pretty-array/zipball/6c84e2454491b414efbd37985c322712cdf9012f",
-                "reference": "6c84e2454491b414efbd37985c322712cdf9012f",
-                "shasum": ""
-            },
-            "require": {
-                "dragon-code/contracts": "^2.20",
-                "dragon-code/support": "^6.11.2",
-                "ext-dom": "*",
-                "ext-mbstring": "*",
-                "php": "^8.0"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^9.6 || ^10.2"
-            },
-            "suggest": {
-                "symfony/thanks": "Give thanks (in the form of a GitHub) to your fellow PHP package maintainers"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "DragonCode\\PrettyArray\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Andrey Helldar",
-                    "email": "helldar@dragon-code.pro",
-                    "homepage": "https://github.com/andrey-helldar"
-                }
-            ],
-            "description": "Simple conversion of an array to a pretty view",
-            "keywords": [
-                "andrey helldar",
-                "array",
-                "dragon",
-                "dragon code",
-                "pretty",
-                "pretty array"
-            ],
-            "support": {
-                "issues": "https://github.com/TheDragonCode/pretty-array/issues",
-                "source": "https://github.com/TheDragonCode/pretty-array"
-            },
-            "funding": [
-                {
-                    "url": "https://boosty.to/dragon-code",
-                    "type": "boosty"
-                },
-                {
-                    "url": "https://github.com/sponsors/TheDragonCode",
-                    "type": "github"
-                },
-                {
-                    "url": "https://opencollective.com/dragon-code",
-                    "type": "open_collective"
-                },
-                {
-                    "url": "https://yoomoney.ru/to/410012608840929",
-                    "type": "yoomoney"
-                }
-            ],
-            "time": "2023-06-02T11:37:44+00:00"
-        },
-        {
-            "name": "dragon-code/support",
-            "version": "6.13.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/TheDragonCode/support.git",
-                "reference": "a6f0468e32581efbccb23190b6d5c880cc519747"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/TheDragonCode/support/zipball/a6f0468e32581efbccb23190b6d5c880cc519747",
-                "reference": "a6f0468e32581efbccb23190b6d5c880cc519747",
-                "shasum": ""
-            },
-            "require": {
-                "dragon-code/contracts": "^2.22.0",
-                "ext-bcmath": "*",
-                "ext-ctype": "*",
-                "ext-dom": "*",
-                "ext-json": "*",
-                "ext-mbstring": "*",
-                "php": "^8.1",
-                "psr/http-message": "^1.0.1 || ^2.0",
-                "symfony/polyfill-php81": "^1.25",
-                "voku/portable-ascii": "^1.4.8 || ^2.0.1"
-            },
-            "conflict": {
-                "andrey-helldar/support": "*"
-            },
-            "require-dev": {
-                "illuminate/contracts": "^9.0 || ^10.0 || ^11.0",
-                "phpunit/phpunit": "^9.6 || ^11.0",
-                "symfony/var-dumper": "^6.0 || ^7.0"
-            },
-            "suggest": {
-                "dragon-code/laravel-support": "Various helper files for the Laravel and Lumen frameworks",
-                "symfony/thanks": "Give thanks (in the form of a GitHub) to your fellow PHP package maintainers"
-            },
-            "type": "library",
-            "extra": {
-                "dragon-code": {
-                    "docs-generator": {
-                        "preview": {
-                            "brand": "php",
-                            "vendor": "The Dragon Code"
-                        }
-                    }
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "DragonCode\\Support\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Andrey Helldar",
-                    "email": "helldar@dragon-code.pro",
-                    "homepage": "https://dragon-code.pro"
-                }
-            ],
-            "description": "Support package is a collection of helpers and tools for any project.",
-            "keywords": [
-                "dragon",
-                "dragon-code",
-                "framework",
-                "helper",
-                "helpers",
-                "laravel",
-                "php",
-                "support",
-                "symfony",
-                "yii",
-                "yii2"
-            ],
-            "support": {
-                "issues": "https://github.com/TheDragonCode/support/issues",
-                "source": "https://github.com/TheDragonCode/support"
-            },
-            "funding": [
-                {
-                    "url": "https://boosty.to/dragon-code",
-                    "type": "boosty"
-                },
-                {
-                    "url": "https://www.donationalerts.com/r/dragon_code",
-                    "type": "donationalerts"
-                },
-                {
-                    "url": "https://yoomoney.ru/to/410012608840929",
-                    "type": "yoomoney"
-                }
-            ],
-            "time": "2024-03-12T20:45:00+00:00"
-        },
-        {
-            "name": "fakerphp/faker",
-            "version": "v1.23.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/FakerPHP/Faker.git",
-                "reference": "bfb4fe148adbf78eff521199619b93a52ae3554b"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/FakerPHP/Faker/zipball/bfb4fe148adbf78eff521199619b93a52ae3554b",
-                "reference": "bfb4fe148adbf78eff521199619b93a52ae3554b",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.4 || ^8.0",
-                "psr/container": "^1.0 || ^2.0",
-                "symfony/deprecation-contracts": "^2.2 || ^3.0"
-            },
-            "conflict": {
-                "fzaninotto/faker": "*"
-            },
-            "require-dev": {
-                "bamarni/composer-bin-plugin": "^1.4.1",
-                "doctrine/persistence": "^1.3 || ^2.0",
-                "ext-intl": "*",
-                "phpunit/phpunit": "^9.5.26",
-                "symfony/phpunit-bridge": "^5.4.16"
-            },
-            "suggest": {
-                "doctrine/orm": "Required to use Faker\\ORM\\Doctrine",
-                "ext-curl": "Required by Faker\\Provider\\Image to download images.",
-                "ext-dom": "Required by Faker\\Provider\\HtmlLorem for generating random HTML.",
-                "ext-iconv": "Required by Faker\\Provider\\ru_RU\\Text::realText() for generating real Russian text.",
-                "ext-mbstring": "Required for multibyte Unicode string functionality."
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Faker\\": "src/Faker/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "François Zaninotto"
-                }
-            ],
-            "description": "Faker is a PHP library that generates fake data for you.",
-            "keywords": [
-                "data",
-                "faker",
-                "fixtures"
-            ],
-            "support": {
-                "issues": "https://github.com/FakerPHP/Faker/issues",
-                "source": "https://github.com/FakerPHP/Faker/tree/v1.23.1"
-            },
-            "time": "2024-01-02T13:46:09+00:00"
-        },
-        {
-            "name": "filp/whoops",
-            "version": "2.15.4",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/filp/whoops.git",
-                "reference": "a139776fa3f5985a50b509f2a02ff0f709d2a546"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/filp/whoops/zipball/a139776fa3f5985a50b509f2a02ff0f709d2a546",
-                "reference": "a139776fa3f5985a50b509f2a02ff0f709d2a546",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^5.5.9 || ^7.0 || ^8.0",
-                "psr/log": "^1.0.1 || ^2.0 || ^3.0"
-            },
-            "require-dev": {
-                "mockery/mockery": "^0.9 || ^1.0",
-                "phpunit/phpunit": "^4.8.36 || ^5.7.27 || ^6.5.14 || ^7.5.20 || ^8.5.8 || ^9.3.3",
-                "symfony/var-dumper": "^2.6 || ^3.0 || ^4.0 || ^5.0"
-            },
-            "suggest": {
-                "symfony/var-dumper": "Pretty print complex values better with var-dumper available",
-                "whoops/soap": "Formats errors as SOAP responses"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "2.7-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Whoops\\": "src/Whoops/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Filipe Dobreira",
-                    "homepage": "https://github.com/filp",
-                    "role": "Developer"
-                }
-            ],
-            "description": "php error handling for cool kids",
-            "homepage": "https://filp.github.io/whoops/",
-            "keywords": [
-                "error",
-                "exception",
-                "handling",
-                "library",
-                "throwable",
-                "whoops"
-            ],
-            "support": {
-                "issues": "https://github.com/filp/whoops/issues",
-                "source": "https://github.com/filp/whoops/tree/2.15.4"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/denis-sokolov",
-                    "type": "github"
-                }
-            ],
-            "time": "2023-11-03T12:00:00+00:00"
-        },
-        {
-            "name": "hamcrest/hamcrest-php",
-            "version": "v2.0.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/hamcrest/hamcrest-php.git",
-                "reference": "8c3d0a3f6af734494ad8f6fbbee0ba92422859f3"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/hamcrest/hamcrest-php/zipball/8c3d0a3f6af734494ad8f6fbbee0ba92422859f3",
-                "reference": "8c3d0a3f6af734494ad8f6fbbee0ba92422859f3",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^5.3|^7.0|^8.0"
-            },
-            "replace": {
-                "cordoval/hamcrest-php": "*",
-                "davedevelopment/hamcrest-php": "*",
-                "kodova/hamcrest-php": "*"
-            },
-            "require-dev": {
-                "phpunit/php-file-iterator": "^1.4 || ^2.0",
-                "phpunit/phpunit": "^4.8.36 || ^5.7 || ^6.5 || ^7.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "2.1-dev"
-                }
-            },
-            "autoload": {
-                "classmap": [
-                    "hamcrest"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "description": "This is the PHP port of Hamcrest Matchers",
-            "keywords": [
-                "test"
-            ],
-            "support": {
-                "issues": "https://github.com/hamcrest/hamcrest-php/issues",
-                "source": "https://github.com/hamcrest/hamcrest-php/tree/v2.0.1"
-            },
-            "time": "2020-07-09T08:09:16+00:00"
-        },
-        {
-            "name": "laravel-lang/actions",
-            "version": "1.8.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/Laravel-Lang/actions.git",
-                "reference": "8fb4c2bd97706602b86ba47a3fd4c02800fbfed4"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/Laravel-Lang/actions/zipball/8fb4c2bd97706602b86ba47a3fd4c02800fbfed4",
-                "reference": "8fb4c2bd97706602b86ba47a3fd4c02800fbfed4",
-                "shasum": ""
-            },
-            "require": {
-                "ext-json": "*",
-                "laravel-lang/publisher": "^14.0 || ^15.0 || ^16.0",
-                "php": "^8.1"
-            },
-            "require-dev": {
-                "laravel-lang/status-generator": "^2.3.1",
-                "phpunit/phpunit": "^10.0",
-                "symfony/var-dumper": "^6.3 || ^7.0"
-            },
-            "type": "library",
-            "extra": {
-                "laravel": {
-                    "providers": [
-                        "LaravelLang\\Actions\\ServiceProvider"
-                    ]
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "LaravelLang\\Actions\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Andrey Helldar",
-                    "email": "helldar@dragon-code.pro",
-                    "homepage": "https://dragon-code.pro"
-                },
-                {
-                    "name": "Laravel Lang Team",
-                    "homepage": "https://laravel-lang.com"
-                }
-            ],
-            "description": "Translation of buttons and other action elements",
-            "keywords": [
-                "actions",
-                "buttons",
-                "lang",
-                "languages",
-                "laravel",
-                "translations"
-            ],
-            "support": {
-                "issues": "https://github.com/Laravel-Lang/actions/issues",
-                "source": "https://github.com/Laravel-Lang/actions/tree/1.8.3"
-            },
-            "time": "2024-05-19T14:04:00+00:00"
-        },
-        {
-            "name": "laravel-lang/attributes",
-            "version": "2.10.6",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/Laravel-Lang/attributes.git",
-                "reference": "3321a00c0c664e09816cf1235252df89855c11de"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/Laravel-Lang/attributes/zipball/3321a00c0c664e09816cf1235252df89855c11de",
-                "reference": "3321a00c0c664e09816cf1235252df89855c11de",
-                "shasum": ""
-            },
-            "require": {
-                "ext-json": "*",
-                "laravel-lang/publisher": "^14.0 || ^15.0 || ^16.0",
-                "php": "^8.1"
-            },
-            "require-dev": {
-                "laravel-lang/status-generator": "^1.19 || ^2.0",
-                "phpunit/phpunit": "^10.0",
-                "symfony/var-dumper": "^6.0 || ^7.0"
-            },
-            "type": "library",
-            "extra": {
-                "laravel": {
-                    "providers": [
-                        "LaravelLang\\Attributes\\ServiceProvider"
-                    ]
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "LaravelLang\\Attributes\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Andrey Helldar",
-                    "email": "helldar@dragon-code.pro"
-                },
-                {
-                    "name": "Laravel-Lang Team",
-                    "homepage": "https://github.com/Laravel-Lang"
-                }
-            ],
-            "description": "List of 126 languages for form field names",
-            "keywords": [
-                "attributes",
-                "fields",
-                "form",
-                "lang",
-                "languages",
-                "laravel",
-                "messages",
-                "translations",
-                "validation"
-            ],
-            "support": {
-                "issues": "https://github.com/Laravel-Lang/attributes/issues",
-                "source": "https://github.com/Laravel-Lang/attributes/tree/2.10.6"
-            },
-            "time": "2024-05-29T18:30:36+00:00"
-        },
-        {
-            "name": "laravel-lang/common",
-            "version": "6.2.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/Laravel-Lang/common.git",
-                "reference": "6dd7ec4beae3c9fa046ced5cef020d2f8a353ea5"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/Laravel-Lang/common/zipball/6dd7ec4beae3c9fa046ced5cef020d2f8a353ea5",
-                "reference": "6dd7ec4beae3c9fa046ced5cef020d2f8a353ea5",
-                "shasum": ""
-            },
-            "require": {
-                "laravel-lang/actions": "^1.1",
-                "laravel-lang/attributes": "^2.7",
-                "laravel-lang/http-statuses": "^3.7",
-                "laravel-lang/json-fallback": "^2.0",
-                "laravel-lang/lang": "^13.12 || ^14.0 || ^15.0",
-                "laravel-lang/locales": "^2.3",
-                "laravel-lang/publisher": "^16.0",
-                "php": "^8.1"
-            },
-            "require-dev": {
-                "dragon-code/support": "^6.12",
-                "orchestra/testbench": "^8.17 || ^9.0",
-                "phpunit/phpunit": "^10.5.3",
-                "symfony/var-dumper": "^6.4 || ^7.0"
-            },
-            "type": "library",
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Laravel-Lang Team",
-                    "homepage": "https://github.com/Laravel-Lang"
-                },
-                {
-                    "name": "Andrey Helldar",
-                    "email": "helldar@dragon-code.pro",
-                    "homepage": "https://dragon-code.pro"
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
                 }
             ],
-            "description": "Easily connect the necessary language packs to the application",
-            "keywords": [
-                "Laravel-lang",
-                "actions",
-                "attribute",
-                "attributes",
-                "breeze",
-                "buttons",
-                "cashier",
-                "fortify",
-                "framework",
-                "http",
-                "http-status",
-                "http-status-code",
-                "i18n",
-                "jetstream",
-                "lang",
-                "language",
-                "languages",
-                "laravel",
-                "locale",
-                "locales",
-                "localization",
-                "localizations",
-                "nova",
-                "publisher",
-                "spark",
-                "translation",
-                "translations",
-                "ui"
-            ],
+            "description": "Provides tools to internationalize your application",
+            "homepage": "https://symfony.com",
             "support": {
-                "issues": "https://github.com/Laravel-Lang/common/issues",
-                "source": "https://github.com/Laravel-Lang/common"
+                "source": "https://github.com/symfony/translation/tree/v6.2.7"
             },
-            "time": "2024-03-22T18:25:34+00:00"
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2023-02-24T10:42:00+00:00"
         },
         {
-            "name": "laravel-lang/config",
-            "version": "1.0.2",
+            "name": "symfony/translation-contracts",
+            "version": "v3.2.1",
             "source": {
                 "type": "git",
-                "url": "https://github.com/Laravel-Lang/config.git",
-                "reference": "48e8efa965dac43984ccc3a4ddc211793c5335dd"
+                "url": "https://github.com/symfony/translation-contracts.git",
+                "reference": "dfec258b9dd17a6b24420d464c43bffe347441c8"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Laravel-Lang/config/zipball/48e8efa965dac43984ccc3a4ddc211793c5335dd",
-                "reference": "48e8efa965dac43984ccc3a4ddc211793c5335dd",
+                "url": "https://api.github.com/repos/symfony/translation-contracts/zipball/dfec258b9dd17a6b24420d464c43bffe347441c8",
+                "reference": "dfec258b9dd17a6b24420d464c43bffe347441c8",
                 "shasum": ""
             },
             "require": {
-                "archtechx/enums": "^1.0",
-                "illuminate/config": "^10.0 || ^11.0",
-                "illuminate/support": "^10.0 || ^11.0",
-                "laravel-lang/locale-list": "^1.4",
-                "php": "^8.1"
+                "php": ">=8.1"
             },
-            "require-dev": {
-                "orchestra/testbench": "^9.1",
-                "pestphp/pest": "^2.34"
+            "suggest": {
+                "symfony/translation-implementation": ""
             },
             "type": "library",
             "extra": {
-                "laravel": {
-                    "providers": [
-                        "LaravelLang\\Config\\ServiceProvider"
-                    ]
+                "branch-alias": {
+                    "dev-main": "3.3-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
                 }
             },
             "autoload": {
                 "psr-4": {
-                    "LaravelLang\\Config\\": "src/"
-                }
+                    "Symfony\\Contracts\\Translation\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Test/"
+                ]
             },
             "notification-url": "https://packagist.org/downloads/",
             "license": [
@@ -7137,72 +5327,72 @@
             ],
             "authors": [
                 {
-                    "name": "Andrey Helldar",
-                    "email": "helldar@dragon-code.pro",
-                    "homepage": "https://dragon-code.pro"
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
                 },
                 {
-                    "name": "Laravel-Lang Team",
-                    "homepage": "https://laravel-lang.com"
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
                 }
             ],
-            "description": "The Laravel-Lang config package",
+            "description": "Generic abstractions related to translation",
+            "homepage": "https://symfony.com",
             "keywords": [
-                "Laravel-lang",
-                "Settings",
-                "config",
-                "lang",
-                "languages",
-                "laravel",
-                "locale",
-                "locales",
-                "localization",
-                "localizations",
-                "translation",
-                "translations"
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
             ],
             "support": {
-                "issues": "https://github.com/Laravel-Lang/config/issues",
-                "source": "https://github.com/Laravel-Lang/config/tree/1.0.2"
+                "source": "https://github.com/symfony/translation-contracts/tree/v3.2.1"
             },
-            "time": "2024-06-01T23:21:42+00:00"
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2023-03-01T10:32:47+00:00"
         },
         {
-            "name": "laravel-lang/http-statuses",
-            "version": "3.8.3",
+            "name": "symfony/uid",
+            "version": "v6.2.7",
             "source": {
                 "type": "git",
-                "url": "https://github.com/Laravel-Lang/http-statuses.git",
-                "reference": "2f19b67fcdb2134804b0b8ee399f5abab4720d9a"
+                "url": "https://github.com/symfony/uid.git",
+                "reference": "d30c72a63897cfa043e1de4d4dd2ffa9ecefcdc0"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Laravel-Lang/http-statuses/zipball/2f19b67fcdb2134804b0b8ee399f5abab4720d9a",
-                "reference": "2f19b67fcdb2134804b0b8ee399f5abab4720d9a",
+                "url": "https://api.github.com/repos/symfony/uid/zipball/d30c72a63897cfa043e1de4d4dd2ffa9ecefcdc0",
+                "reference": "d30c72a63897cfa043e1de4d4dd2ffa9ecefcdc0",
                 "shasum": ""
             },
             "require": {
-                "ext-json": "*",
-                "laravel-lang/publisher": "^14.1 || ^15.0 || ^16.0",
-                "php": "^8.1"
+                "php": ">=8.1",
+                "symfony/polyfill-uuid": "^1.15"
             },
             "require-dev": {
-                "laravel-lang/status-generator": "^1.19 || ^2.0",
-                "phpunit/phpunit": "^10.0",
-                "symfony/var-dumper": "^6.0 || ^7.0"
+                "symfony/console": "^5.4|^6.0"
             },
             "type": "library",
-            "extra": {
-                "laravel": {
-                    "providers": [
-                        "LaravelLang\\HttpStatuses\\ServiceProvider"
-                    ]
-                }
-            },
             "autoload": {
                 "psr-4": {
-                    "LaravelLang\\HttpStatuses\\": "src"
-                }
+                    "Symfony\\Component\\Uid\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
             },
             "notification-url": "https://packagist.org/downloads/",
             "license": [
@@ -7210,58 +5400,92 @@
             ],
             "authors": [
                 {
-                    "name": "Andrey Helldar",
-                    "email": "helldar@dragon-code.pro"
+                    "name": "Grégoire Pineau",
+                    "email": "lyrixx@lyrixx.info"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
                 },
                 {
-                    "name": "Laravel-Lang Team",
-                    "homepage": "https://github.com/Laravel-Lang"
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
                 }
             ],
-            "description": "List of 126 languages for HTTP statuses",
+            "description": "Provides an object-oriented API to generate and represent UIDs",
+            "homepage": "https://symfony.com",
             "keywords": [
-                "http",
-                "lang",
-                "languages",
-                "laravel",
-                "messages",
-                "status",
-                "translations"
+                "UID",
+                "ulid",
+                "uuid"
             ],
             "support": {
-                "issues": "https://github.com/Laravel-Lang/http-statuses/issues",
-                "source": "https://github.com/Laravel-Lang/http-statuses/tree/3.8.3"
+                "source": "https://github.com/symfony/uid/tree/v6.2.7"
             },
-            "time": "2024-04-22T14:47:25+00:00"
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2023-02-14T08:44:56+00:00"
         },
         {
-            "name": "laravel-lang/json-fallback",
-            "version": "2.1.0",
+            "name": "symfony/var-dumper",
+            "version": "v6.2.7",
             "source": {
                 "type": "git",
-                "url": "https://github.com/Laravel-Lang/json-fallback.git",
-                "reference": "597865ffcef81b7e92227ea73ff3a9a3372fb91a"
+                "url": "https://github.com/symfony/var-dumper.git",
+                "reference": "cf8d4ca1ddc1e3cc242375deb8fc23e54f5e2a1e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Laravel-Lang/json-fallback/zipball/597865ffcef81b7e92227ea73ff3a9a3372fb91a",
-                "reference": "597865ffcef81b7e92227ea73ff3a9a3372fb91a",
+                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/cf8d4ca1ddc1e3cc242375deb8fc23e54f5e2a1e",
+                "reference": "cf8d4ca1ddc1e3cc242375deb8fc23e54f5e2a1e",
                 "shasum": ""
             },
             "require": {
-                "illuminate/support": "^10.0 || ^11.0",
-                "illuminate/translation": "^10.0 || ^11.0",
-                "php": "^8.1"
+                "php": ">=8.1",
+                "symfony/polyfill-mbstring": "~1.0"
+            },
+            "conflict": {
+                "phpunit/phpunit": "<5.4.3",
+                "symfony/console": "<5.4"
             },
             "require-dev": {
-                "orchestra/testbench": "^8.0 || ^9.0",
-                "phpunit/phpunit": "^10.0"
+                "ext-iconv": "*",
+                "symfony/console": "^5.4|^6.0",
+                "symfony/process": "^5.4|^6.0",
+                "symfony/uid": "^5.4|^6.0",
+                "twig/twig": "^2.13|^3.0.4"
+            },
+            "suggest": {
+                "ext-iconv": "To convert non-UTF-8 strings to UTF-8 (or symfony/polyfill-iconv in case ext-iconv cannot be used).",
+                "ext-intl": "To show region name in time zone dump",
+                "symfony/console": "To use the ServerDumpCommand and/or the bin/var-dump-server script"
             },
+            "bin": [
+                "Resources/bin/var-dump-server"
+            ],
             "type": "library",
             "autoload": {
+                "files": [
+                    "Resources/functions/dump.php"
+                ],
                 "psr-4": {
-                    "LaravelLang\\JsonFallback\\": "src"
-                }
+                    "Symfony\\Component\\VarDumper\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
             },
             "notification-url": "https://packagist.org/downloads/",
             "license": [
@@ -7269,184 +5493,203 @@
             ],
             "authors": [
                 {
-                    "name": "Andrey Helldar",
-                    "email": "helldar@dragon-code.pro",
-                    "homepage": "https://github.com/andrey-helldar"
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
                 },
                 {
-                    "name": "Felipe Dsdev",
-                    "homepage": "https://github.com/felipe-dsdev"
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
                 }
             ],
-            "description": "Adds support for fallback JSON string translation",
+            "description": "Provides mechanisms for walking through any arbitrary PHP variable",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "debug",
+                "dump"
+            ],
             "support": {
-                "issues": "https://github.com/Laravel-Lang/json-fallback/issues",
-                "source": "https://github.com/Laravel-Lang/json-fallback/tree/2.1.0"
+                "source": "https://github.com/symfony/var-dumper/tree/v6.2.7"
             },
-            "time": "2024-03-13T09:18:03+00:00"
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2023-02-24T10:42:00+00:00"
         },
         {
-            "name": "laravel-lang/lang",
-            "version": "15.4.1",
+            "name": "tijsverkoyen/css-to-inline-styles",
+            "version": "2.2.6",
             "source": {
                 "type": "git",
-                "url": "https://github.com/Laravel-Lang/lang.git",
-                "reference": "fe405436b5046730ab05247dc7ec13e927184f34"
+                "url": "https://github.com/tijsverkoyen/CssToInlineStyles.git",
+                "reference": "c42125b83a4fa63b187fdf29f9c93cb7733da30c"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Laravel-Lang/lang/zipball/fe405436b5046730ab05247dc7ec13e927184f34",
-                "reference": "fe405436b5046730ab05247dc7ec13e927184f34",
+                "url": "https://api.github.com/repos/tijsverkoyen/CssToInlineStyles/zipball/c42125b83a4fa63b187fdf29f9c93cb7733da30c",
+                "reference": "c42125b83a4fa63b187fdf29f9c93cb7733da30c",
                 "shasum": ""
             },
             "require": {
-                "ext-json": "*",
-                "laravel-lang/publisher": "^16.0",
-                "php": "^8.2"
-            },
-            "conflict": {
-                "laravel/framework": "<11.0.7"
+                "ext-dom": "*",
+                "ext-libxml": "*",
+                "php": "^5.5 || ^7.0 || ^8.0",
+                "symfony/css-selector": "^2.7 || ^3.0 || ^4.0 || ^5.0 || ^6.0"
             },
             "require-dev": {
-                "laravel-lang/status-generator": "^2.11",
-                "phpunit/phpunit": "^10.0",
-                "symfony/var-dumper": "^7.0"
+                "phpunit/phpunit": "^4.8.35 || ^5.7 || ^6.0 || ^7.5 || ^8.5.21 || ^9.5.10"
             },
             "type": "library",
             "extra": {
-                "laravel": {
-                    "providers": [
-                        "LaravelLang\\Lang\\ServiceProvider"
-                    ]
+                "branch-alias": {
+                    "dev-master": "2.2.x-dev"
                 }
             },
             "autoload": {
                 "psr-4": {
-                    "LaravelLang\\Lang\\": "src/"
+                    "TijsVerkoyen\\CssToInlineStyles\\": "src"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
             "license": [
-                "MIT"
+                "BSD-3-Clause"
             ],
             "authors": [
                 {
-                    "name": "Laravel-Lang Team",
-                    "homepage": "https://github.com/Laravel-Lang"
+                    "name": "Tijs Verkoyen",
+                    "email": "css_to_inline_styles@verkoyen.eu",
+                    "role": "Developer"
                 }
             ],
-            "description": "List of 126 languages for Laravel Framework, Laravel Jetstream, Laravel Fortify, Laravel Breeze, Laravel Cashier, Laravel Nova, Laravel Spark and Laravel UI",
-            "keywords": [
-                "lang",
-                "languages",
-                "laravel",
-                "lpm"
-            ],
+            "description": "CssToInlineStyles is a class that enables you to convert HTML-pages/files into HTML-pages/files with inline styles. This is very useful when you're sending emails.",
+            "homepage": "https://github.com/tijsverkoyen/CssToInlineStyles",
             "support": {
-                "issues": "https://github.com/Laravel-Lang/lang/issues",
-                "source": "https://github.com/Laravel-Lang/lang"
+                "issues": "https://github.com/tijsverkoyen/CssToInlineStyles/issues",
+                "source": "https://github.com/tijsverkoyen/CssToInlineStyles/tree/2.2.6"
             },
-            "time": "2024-05-21T17:07:21+00:00"
+            "time": "2023-01-03T09:29:04+00:00"
         },
         {
-            "name": "laravel-lang/locale-list",
-            "version": "1.4.0",
+            "name": "vlucas/phpdotenv",
+            "version": "v5.5.0",
             "source": {
                 "type": "git",
-                "url": "https://github.com/Laravel-Lang/locale-list.git",
-                "reference": "48b8e4304f8b1ad34456270d35d44ca0c3e6ea0d"
+                "url": "https://github.com/vlucas/phpdotenv.git",
+                "reference": "1a7ea2afc49c3ee6d87061f5a233e3a035d0eae7"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Laravel-Lang/locale-list/zipball/48b8e4304f8b1ad34456270d35d44ca0c3e6ea0d",
-                "reference": "48b8e4304f8b1ad34456270d35d44ca0c3e6ea0d",
+                "url": "https://api.github.com/repos/vlucas/phpdotenv/zipball/1a7ea2afc49c3ee6d87061f5a233e3a035d0eae7",
+                "reference": "1a7ea2afc49c3ee6d87061f5a233e3a035d0eae7",
                 "shasum": ""
             },
             "require": {
-                "archtechx/enums": "^0.3.2 || ^1.0",
-                "php": "^8.1"
+                "ext-pcre": "*",
+                "graham-campbell/result-type": "^1.0.2",
+                "php": "^7.1.3 || ^8.0",
+                "phpoption/phpoption": "^1.8",
+                "symfony/polyfill-ctype": "^1.23",
+                "symfony/polyfill-mbstring": "^1.23.1",
+                "symfony/polyfill-php80": "^1.23.1"
+            },
+            "require-dev": {
+                "bamarni/composer-bin-plugin": "^1.4.1",
+                "ext-filter": "*",
+                "phpunit/phpunit": "^7.5.20 || ^8.5.30 || ^9.5.25"
+            },
+            "suggest": {
+                "ext-filter": "Required to use the boolean validator."
             },
             "type": "library",
+            "extra": {
+                "bamarni-bin": {
+                    "bin-links": true,
+                    "forward-command": true
+                },
+                "branch-alias": {
+                    "dev-master": "5.5-dev"
+                }
+            },
             "autoload": {
                 "psr-4": {
-                    "LaravelLang\\LocaleList\\": "src/"
+                    "Dotenv\\": "src/"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
             "license": [
-                "MIT"
+                "BSD-3-Clause"
             ],
             "authors": [
                 {
-                    "name": "Andrey Helldar",
-                    "email": "helldar@dragon-code.pro",
-                    "homepage": "https://dragon-code.pro"
+                    "name": "Graham Campbell",
+                    "email": "hello@gjcampbell.co.uk",
+                    "homepage": "https://github.com/GrahamCampbell"
                 },
                 {
-                    "name": "Laravel-Lang Team",
-                    "homepage": "https://laravel-lang.com"
+                    "name": "Vance Lucas",
+                    "email": "vance@vancelucas.com",
+                    "homepage": "https://github.com/vlucas"
                 }
             ],
-            "description": "List of localizations available in Laravel Lang projects",
+            "description": "Loads environment variables from `.env` to `getenv()`, `$_ENV` and `$_SERVER` automagically.",
             "keywords": [
-                "Laravel-lang",
-                "lang",
-                "languages",
-                "laravel",
-                "locale",
-                "locales",
-                "localization",
-                "translation",
-                "translations"
+                "dotenv",
+                "env",
+                "environment"
             ],
             "support": {
-                "issues": "https://github.com/Laravel-Lang/locale-list/issues",
-                "source": "https://github.com/Laravel-Lang/locale-list"
+                "issues": "https://github.com/vlucas/phpdotenv/issues",
+                "source": "https://github.com/vlucas/phpdotenv/tree/v5.5.0"
             },
-            "time": "2024-06-01T00:24:42+00:00"
+            "funding": [
+                {
+                    "url": "https://github.com/GrahamCampbell",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/vlucas/phpdotenv",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-10-16T01:01:54+00:00"
         },
         {
-            "name": "laravel-lang/locales",
-            "version": "2.8.0",
+            "name": "voku/portable-ascii",
+            "version": "2.0.1",
             "source": {
                 "type": "git",
-                "url": "https://github.com/Laravel-Lang/locales.git",
-                "reference": "687cdca9ee6465c13cf6c0690b505eb1127d5c3d"
+                "url": "https://github.com/voku/portable-ascii.git",
+                "reference": "b56450eed252f6801410d810c8e1727224ae0743"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Laravel-Lang/locales/zipball/687cdca9ee6465c13cf6c0690b505eb1127d5c3d",
-                "reference": "687cdca9ee6465c13cf6c0690b505eb1127d5c3d",
+                "url": "https://api.github.com/repos/voku/portable-ascii/zipball/b56450eed252f6801410d810c8e1727224ae0743",
+                "reference": "b56450eed252f6801410d810c8e1727224ae0743",
                 "shasum": ""
             },
             "require": {
-                "archtechx/enums": "^0.3.2 || ^1.0",
-                "dragon-code/support": "^6.11.3",
-                "ext-json": "*",
-                "illuminate/collections": "^10.0 || ^11.0",
-                "laravel-lang/config": "^1.0.2",
-                "laravel-lang/locale-list": "^1.2",
-                "laravel-lang/native-country-names": "^1.3",
-                "laravel-lang/native-currency-names": "^1.3",
-                "laravel-lang/native-locale-names": "^2.2",
-                "php": "^8.1"
+                "php": ">=7.0.0"
             },
             "require-dev": {
-                "orchestra/testbench": "^8.0 || ^9.0",
-                "pestphp/pest": "^2.24.1",
-                "symfony/var-dumper": "^6.0 || ^7.0"
+                "phpunit/phpunit": "~6.0 || ~7.0 || ~9.0"
             },
-            "type": "library",
-            "extra": {
-                "laravel": {
-                    "providers": [
-                        "LaravelLang\\Locales\\ServiceProvider"
-                    ]
-                }
+            "suggest": {
+                "ext-intl": "Use Intl for transliterator_transliterate() support"
             },
+            "type": "library",
             "autoload": {
                 "psr-4": {
-                    "LaravelLang\\Locales\\": "src/"
+                    "voku\\": "src/voku/"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -7455,63 +5698,79 @@
             ],
             "authors": [
                 {
-                    "name": "Andrey Helldar",
-                    "email": "helldar@dragon-code.pro"
-                },
-                {
-                    "name": "Laravel-Lang Team",
-                    "homepage": "https://laravel-lang.com"
+                    "name": "Lars Moelleken",
+                    "homepage": "http://www.moelleken.org/"
                 }
             ],
-            "description": "Basic functionality for working with localizations",
+            "description": "Portable ASCII library - performance optimized (ascii) string functions for php.",
+            "homepage": "https://github.com/voku/portable-ascii",
             "keywords": [
-                "laravel",
-                "locale",
-                "locales",
-                "localization",
-                "translation",
-                "translations"
+                "ascii",
+                "clean",
+                "php"
             ],
             "support": {
-                "issues": "https://github.com/Laravel-Lang/locales/issues",
-                "source": "https://github.com/Laravel-Lang/locales"
+                "issues": "https://github.com/voku/portable-ascii/issues",
+                "source": "https://github.com/voku/portable-ascii/tree/2.0.1"
             },
-            "time": "2024-06-01T23:45:12+00:00"
+            "funding": [
+                {
+                    "url": "https://www.paypal.me/moelleken",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/voku",
+                    "type": "github"
+                },
+                {
+                    "url": "https://opencollective.com/portable-ascii",
+                    "type": "open_collective"
+                },
+                {
+                    "url": "https://www.patreon.com/voku",
+                    "type": "patreon"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/voku/portable-ascii",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-08T17:03:00+00:00"
         },
         {
-            "name": "laravel-lang/native-country-names",
-            "version": "1.4.0",
+            "name": "webmozart/assert",
+            "version": "1.11.0",
             "source": {
                 "type": "git",
-                "url": "https://github.com/Laravel-Lang/native-country-names.git",
-                "reference": "cddca6627c8732770a2e2c11c921753b6d0adb66"
+                "url": "https://github.com/webmozarts/assert.git",
+                "reference": "11cb2199493b2f8a3b53e7f19068fc6aac760991"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Laravel-Lang/native-country-names/zipball/cddca6627c8732770a2e2c11c921753b6d0adb66",
-                "reference": "cddca6627c8732770a2e2c11c921753b6d0adb66",
+                "url": "https://api.github.com/repos/webmozarts/assert/zipball/11cb2199493b2f8a3b53e7f19068fc6aac760991",
+                "reference": "11cb2199493b2f8a3b53e7f19068fc6aac760991",
                 "shasum": ""
             },
             "require": {
-                "dragon-code/support": "^6.11",
-                "ext-json": "*",
-                "illuminate/collections": "^10.0 || ^11.0",
-                "php": "^8.1"
+                "ext-ctype": "*",
+                "php": "^7.2 || ^8.0"
+            },
+            "conflict": {
+                "phpstan/phpstan": "<0.12.20",
+                "vimeo/psalm": "<4.6.1 || 4.6.2"
             },
             "require-dev": {
-                "illuminate/support": "^10.0 || ^11.0",
-                "laravel-lang/locale-list": "^1.2",
-                "pestphp/pest": "^2.24.3",
-                "punic/punic": "^3.8",
-                "symfony/console": "^6.3 || ^7.0",
-                "symfony/process": "^6.3 || ^7.0",
-                "symfony/var-dumper": "^6.3 || ^7.0",
-                "vlucas/phpdotenv": "^5.6"
+                "phpunit/phpunit": "^8.5.13"
             },
             "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.10-dev"
+                }
+            },
             "autoload": {
                 "psr-4": {
-                    "LaravelLang\\NativeCountryNames\\": "src/"
+                    "Webmozart\\Assert\\": "src/"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -7520,70 +5779,69 @@
             ],
             "authors": [
                 {
-                    "name": "Andrey Helldar",
-                    "email": "helldar@dragon-code.pro"
-                },
-                {
-                    "name": "Laravel-Lang Team",
-                    "homepage": "https://laravel-lang.com"
+                    "name": "Bernhard Schussek",
+                    "email": "bschussek@gmail.com"
                 }
             ],
-            "description": "The project contains native translations of country names",
+            "description": "Assertions to validate method input/output with nice error messages.",
             "keywords": [
-                "Laravel-lang",
-                "countries",
-                "country",
-                "lang",
-                "languages",
-                "laravel",
-                "locale",
-                "locales",
-                "localization",
-                "territories",
-                "territory",
-                "translation",
-                "translations"
+                "assert",
+                "check",
+                "validate"
             ],
             "support": {
-                "issues": "https://github.com/Laravel-Lang/native-country-names/issues",
-                "source": "https://github.com/Laravel-Lang/native-country-names"
+                "issues": "https://github.com/webmozarts/assert/issues",
+                "source": "https://github.com/webmozarts/assert/tree/1.11.0"
             },
-            "time": "2024-03-13T09:34:55+00:00"
-        },
+            "time": "2022-06-03T18:03:27+00:00"
+        }
+    ],
+    "packages-dev": [
         {
-            "name": "laravel-lang/native-currency-names",
-            "version": "1.4.0",
+            "name": "fakerphp/faker",
+            "version": "v1.21.0",
             "source": {
                 "type": "git",
-                "url": "https://github.com/Laravel-Lang/native-currency-names.git",
-                "reference": "2e0fbe039421ac753b4fd5256bd239147a0a88fe"
+                "url": "https://github.com/FakerPHP/Faker.git",
+                "reference": "92efad6a967f0b79c499705c69b662f738cc9e4d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Laravel-Lang/native-currency-names/zipball/2e0fbe039421ac753b4fd5256bd239147a0a88fe",
-                "reference": "2e0fbe039421ac753b4fd5256bd239147a0a88fe",
+                "url": "https://api.github.com/repos/FakerPHP/Faker/zipball/92efad6a967f0b79c499705c69b662f738cc9e4d",
+                "reference": "92efad6a967f0b79c499705c69b662f738cc9e4d",
                 "shasum": ""
             },
             "require": {
-                "dragon-code/support": "^6.11",
-                "ext-json": "*",
-                "illuminate/collections": "^10.0 || ^11.0",
-                "php": "^8.1"
+                "php": "^7.4 || ^8.0",
+                "psr/container": "^1.0 || ^2.0",
+                "symfony/deprecation-contracts": "^2.2 || ^3.0"
+            },
+            "conflict": {
+                "fzaninotto/faker": "*"
             },
             "require-dev": {
-                "illuminate/support": "^10.0 || ^11.0",
-                "laravel-lang/locale-list": "^1.2",
-                "pestphp/pest": "^2.24.3",
-                "punic/punic": "^3.8",
-                "symfony/console": "^6.3 || ^7.0",
-                "symfony/process": "^6.3 || ^7.0",
-                "symfony/var-dumper": "^6.3 || ^7.0",
-                "vlucas/phpdotenv": "^5.6"
+                "bamarni/composer-bin-plugin": "^1.4.1",
+                "doctrine/persistence": "^1.3 || ^2.0",
+                "ext-intl": "*",
+                "phpunit/phpunit": "^9.5.26",
+                "symfony/phpunit-bridge": "^5.4.16"
+            },
+            "suggest": {
+                "doctrine/orm": "Required to use Faker\\ORM\\Doctrine",
+                "ext-curl": "Required by Faker\\Provider\\Image to download images.",
+                "ext-dom": "Required by Faker\\Provider\\HtmlLorem for generating random HTML.",
+                "ext-iconv": "Required by Faker\\Provider\\ru_RU\\Text::realText() for generating real Russian text.",
+                "ext-mbstring": "Required for multibyte Unicode string functionality."
             },
             "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "v1.21-dev"
+                }
+            },
             "autoload": {
                 "psr-4": {
-                    "LaravelLang\\NativeCurrencyNames\\": "src/"
+                    "Faker\\": "src/Faker/"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -7592,65 +5850,57 @@
             ],
             "authors": [
                 {
-                    "name": "Andrey Helldar",
-                    "email": "helldar@dragon-code.pro"
-                },
-                {
-                    "name": "Laravel-Lang Team",
-                    "homepage": "https://laravel-lang.com"
+                    "name": "François Zaninotto"
                 }
             ],
-            "description": "The project contains native translations of currency names",
+            "description": "Faker is a PHP library that generates fake data for you.",
             "keywords": [
-                "Laravel-lang",
-                "currency",
-                "lang",
-                "languages",
-                "laravel",
-                "locale",
-                "locales",
-                "localization",
-                "translation",
-                "translations"
+                "data",
+                "faker",
+                "fixtures"
             ],
             "support": {
-                "issues": "https://github.com/Laravel-Lang/native-currency-names/issues",
-                "source": "https://github.com/Laravel-Lang/native-currency-names"
+                "issues": "https://github.com/FakerPHP/Faker/issues",
+                "source": "https://github.com/FakerPHP/Faker/tree/v1.21.0"
             },
-            "time": "2024-03-13T09:40:02+00:00"
+            "time": "2022-12-13T13:54:32+00:00"
         },
         {
-            "name": "laravel-lang/native-locale-names",
-            "version": "2.3.0",
+            "name": "filp/whoops",
+            "version": "2.15.0",
             "source": {
                 "type": "git",
-                "url": "https://github.com/Laravel-Lang/native-locale-names.git",
-                "reference": "39ef3330938b74277456049bf386453109e4d05c"
+                "url": "https://github.com/filp/whoops.git",
+                "reference": "3e8aebbca9f0ae6f618962c4ad514077fd365ab3"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Laravel-Lang/native-locale-names/zipball/39ef3330938b74277456049bf386453109e4d05c",
-                "reference": "39ef3330938b74277456049bf386453109e4d05c",
+                "url": "https://api.github.com/repos/filp/whoops/zipball/3e8aebbca9f0ae6f618962c4ad514077fd365ab3",
+                "reference": "3e8aebbca9f0ae6f618962c4ad514077fd365ab3",
                 "shasum": ""
             },
             "require": {
-                "dragon-code/support": "^6.11",
-                "ext-json": "*",
-                "php": "^8.1"
+                "php": "^5.5.9 || ^7.0 || ^8.0",
+                "psr/log": "^1.0.1 || ^2.0 || ^3.0"
             },
             "require-dev": {
-                "illuminate/support": "^10.31 || ^11.0",
-                "laravel-lang/locale-list": "^1.2",
-                "pestphp/pest": "^2.24.3",
-                "punic/punic": "^3.8",
-                "symfony/console": "^6.3 || ^7.0",
-                "symfony/process": "^6.3 || ^7.0",
-                "symfony/var-dumper": "^6.3 || ^7.0"
+                "mockery/mockery": "^0.9 || ^1.0",
+                "phpunit/phpunit": "^4.8.36 || ^5.7.27 || ^6.5.14 || ^7.5.20 || ^8.5.8 || ^9.3.3",
+                "symfony/var-dumper": "^2.6 || ^3.0 || ^4.0 || ^5.0"
+            },
+            "suggest": {
+                "symfony/var-dumper": "Pretty print complex values better with var-dumper available",
+                "whoops/soap": "Formats errors as SOAP responses"
             },
             "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.7-dev"
+                }
+            },
             "autoload": {
                 "psr-4": {
-                    "LaravelLang\\NativeLocaleNames\\": "src/"
+                    "Whoops\\": "src/Whoops/"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -7659,142 +5909,96 @@
             ],
             "authors": [
                 {
-                    "name": "Andrey Helldar",
-                    "email": "helldar@dragon-code.pro"
-                },
-                {
-                    "name": "Laravel-Lang Team",
-                    "homepage": "https://laravel-lang.com"
+                    "name": "Filipe Dobreira",
+                    "homepage": "https://github.com/filp",
+                    "role": "Developer"
                 }
             ],
-            "description": "The project contains native translations of locale names",
+            "description": "php error handling for cool kids",
+            "homepage": "https://filp.github.io/whoops/",
             "keywords": [
-                "Laravel-lang",
-                "lang",
-                "languages",
-                "laravel",
-                "locale",
-                "locales",
-                "localization",
-                "translation",
-                "translations"
+                "error",
+                "exception",
+                "handling",
+                "library",
+                "throwable",
+                "whoops"
             ],
             "support": {
-                "issues": "https://github.com/Laravel-Lang/native-locale-names/issues",
-                "source": "https://github.com/Laravel-Lang/native-locale-names"
+                "issues": "https://github.com/filp/whoops/issues",
+                "source": "https://github.com/filp/whoops/tree/2.15.0"
             },
-            "time": "2024-03-13T09:28:19+00:00"
+            "funding": [
+                {
+                    "url": "https://github.com/denis-sokolov",
+                    "type": "github"
+                }
+            ],
+            "time": "2023-03-03T12:00:00+00:00"
         },
         {
-            "name": "laravel-lang/publisher",
-            "version": "16.4.0",
+            "name": "hamcrest/hamcrest-php",
+            "version": "v2.0.1",
             "source": {
                 "type": "git",
-                "url": "https://github.com/Laravel-Lang/publisher.git",
-                "reference": "7812e7a07e6f2fdb7d258f3ab1d481d1cbf7f32c"
+                "url": "https://github.com/hamcrest/hamcrest-php.git",
+                "reference": "8c3d0a3f6af734494ad8f6fbbee0ba92422859f3"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Laravel-Lang/publisher/zipball/7812e7a07e6f2fdb7d258f3ab1d481d1cbf7f32c",
-                "reference": "7812e7a07e6f2fdb7d258f3ab1d481d1cbf7f32c",
+                "url": "https://api.github.com/repos/hamcrest/hamcrest-php/zipball/8c3d0a3f6af734494ad8f6fbbee0ba92422859f3",
+                "reference": "8c3d0a3f6af734494ad8f6fbbee0ba92422859f3",
                 "shasum": ""
             },
             "require": {
-                "composer/semver": "^3.4",
-                "dragon-code/pretty-array": "^4.1",
-                "dragon-code/support": "^6.11.3",
-                "ext-json": "*",
-                "illuminate/collections": "^10.0 || ^11.0",
-                "illuminate/console": "^10.0 || ^11.0",
-                "illuminate/support": "^10.0 || ^11.0",
-                "laravel-lang/config": "^1.0",
-                "laravel-lang/locales": "^2.3",
-                "league/commonmark": "^2.4.1",
-                "league/config": "^1.2",
-                "php": "^8.1"
+                "php": "^5.3|^7.0|^8.0"
             },
-            "conflict": {
-                "laravel-lang/attributes": "<2.0",
-                "laravel-lang/http-statuses": "<3.0",
-                "laravel-lang/lang": "<11.0"
+            "replace": {
+                "cordoval/hamcrest-php": "*",
+                "davedevelopment/hamcrest-php": "*",
+                "kodova/hamcrest-php": "*"
             },
             "require-dev": {
-                "laravel-lang/json-fallback": "^2.0",
-                "orchestra/testbench": "^8.14 || ^9.0",
-                "phpunit/phpunit": "^10.4.2",
-                "symfony/var-dumper": "^6.3.6 || ^7.0"
+                "phpunit/php-file-iterator": "^1.4 || ^2.0",
+                "phpunit/phpunit": "^4.8.36 || ^5.7 || ^6.5 || ^7.0"
             },
             "type": "library",
             "extra": {
-                "laravel": {
-                    "providers": [
-                        "LaravelLang\\Publisher\\ServiceProvider"
-                    ]
+                "branch-alias": {
+                    "dev-master": "2.1-dev"
                 }
             },
             "autoload": {
-                "psr-4": {
-                    "LaravelLang\\Publisher\\": "src/"
-                }
+                "classmap": [
+                    "hamcrest"
+                ]
             },
             "notification-url": "https://packagist.org/downloads/",
             "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Andrey Helldar",
-                    "email": "helldar@dragon-code.pro"
-                },
-                {
-                    "name": "Laravel-Lang Team",
-                    "homepage": "https://laravel-lang.com"
-                }
+                "BSD-3-Clause"
             ],
-            "description": "Publisher lang files for the Laravel and Lumen Frameworks, Jetstream, Fortify, Cashier, Spark and Nova from Laravel-Lang/lang",
+            "description": "This is the PHP port of Hamcrest Matchers",
             "keywords": [
-                "Laravel-lang",
-                "breeze",
-                "cashier",
-                "fortify",
-                "framework",
-                "i18n",
-                "jetstream",
-                "lang",
-                "languages",
-                "laravel",
-                "locale",
-                "locales",
-                "localization",
-                "localizations",
-                "lpm",
-                "lumen",
-                "nova",
-                "publisher",
-                "spark",
-                "trans",
-                "translation",
-                "translations",
-                "validations"
+                "test"
             ],
             "support": {
-                "issues": "https://github.com/Laravel-Lang/publisher/issues",
-                "source": "https://github.com/Laravel-Lang/publisher"
+                "issues": "https://github.com/hamcrest/hamcrest-php/issues",
+                "source": "https://github.com/hamcrest/hamcrest-php/tree/v2.0.1"
             },
-            "time": "2024-06-02T00:22:33+00:00"
+            "time": "2020-07-09T08:09:16+00:00"
         },
         {
             "name": "laravel/pint",
-            "version": "v1.16.0",
+            "version": "v1.6.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/pint.git",
-                "reference": "1b3a3dc5bc6a81ff52828ba7277621f1d49d6d98"
+                "reference": "e48e3fadd7863d6b7d03464f5c4f211a828b890f"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/pint/zipball/1b3a3dc5bc6a81ff52828ba7277621f1d49d6d98",
-                "reference": "1b3a3dc5bc6a81ff52828ba7277621f1d49d6d98",
+                "url": "https://api.github.com/repos/laravel/pint/zipball/e48e3fadd7863d6b7d03464f5c4f211a828b890f",
+                "reference": "e48e3fadd7863d6b7d03464f5c4f211a828b890f",
                 "shasum": ""
             },
             "require": {
@@ -7805,13 +6009,13 @@
                 "php": "^8.1.0"
             },
             "require-dev": {
-                "friendsofphp/php-cs-fixer": "^3.57.1",
-                "illuminate/view": "^10.48.10",
-                "larastan/larastan": "^2.9.6",
-                "laravel-zero/framework": "^10.4.0",
-                "mockery/mockery": "^1.6.12",
+                "friendsofphp/php-cs-fixer": "^3.14.4",
+                "illuminate/view": "^10.0.0",
+                "laravel-zero/framework": "^10.0.0",
+                "mockery/mockery": "^1.5.1",
+                "nunomaduro/larastan": "^2.4.0",
                 "nunomaduro/termwind": "^1.15.1",
-                "pestphp/pest": "^2.34.7"
+                "pestphp/pest": "^1.22.4"
             },
             "bin": [
                 "builds/pint"
@@ -7847,32 +6051,31 @@
                 "issues": "https://github.com/laravel/pint/issues",
                 "source": "https://github.com/laravel/pint"
             },
-            "time": "2024-05-21T18:08:25+00:00"
+            "time": "2023-02-21T15:44:57+00:00"
         },
         {
             "name": "laravel/sail",
-            "version": "v1.29.2",
+            "version": "v1.21.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/sail.git",
-                "reference": "a8e4e749735ba2f091856eafeb3f99db8cd6b621"
+                "reference": "fd8d04bc546457b504aa2b3c2d541840551f836f"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/sail/zipball/a8e4e749735ba2f091856eafeb3f99db8cd6b621",
-                "reference": "a8e4e749735ba2f091856eafeb3f99db8cd6b621",
+                "url": "https://api.github.com/repos/laravel/sail/zipball/fd8d04bc546457b504aa2b3c2d541840551f836f",
+                "reference": "fd8d04bc546457b504aa2b3c2d541840551f836f",
                 "shasum": ""
             },
             "require": {
-                "illuminate/console": "^9.52.16|^10.0|^11.0",
-                "illuminate/contracts": "^9.52.16|^10.0|^11.0",
-                "illuminate/support": "^9.52.16|^10.0|^11.0",
-                "php": "^8.0",
-                "symfony/console": "^6.0|^7.0",
-                "symfony/yaml": "^6.0|^7.0"
+                "illuminate/console": "^8.0|^9.0|^10.0",
+                "illuminate/contracts": "^8.0|^9.0|^10.0",
+                "illuminate/support": "^8.0|^9.0|^10.0",
+                "php": "^7.3|^8.0",
+                "symfony/yaml": "^6.0"
             },
             "require-dev": {
-                "orchestra/testbench": "^7.0|^8.0|^9.0",
+                "orchestra/testbench": "^6.0|^7.0|^8.0",
                 "phpstan/phpstan": "^1.10"
             },
             "bin": [
@@ -7880,6 +6083,9 @@
             ],
             "type": "library",
             "extra": {
+                "branch-alias": {
+                    "dev-master": "1.x-dev"
+                },
                 "laravel": {
                     "providers": [
                         "Laravel\\Sail\\SailServiceProvider"
@@ -7910,42 +6116,42 @@
                 "issues": "https://github.com/laravel/sail/issues",
                 "source": "https://github.com/laravel/sail"
             },
-            "time": "2024-05-16T21:39:11+00:00"
+            "time": "2023-03-01T23:07:57+00:00"
         },
         {
             "name": "mockery/mockery",
-            "version": "1.6.12",
+            "version": "1.5.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/mockery/mockery.git",
-                "reference": "1f4efdd7d3beafe9807b08156dfcb176d18f1699"
+                "reference": "e92dcc83d5a51851baf5f5591d32cb2b16e3684e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/mockery/mockery/zipball/1f4efdd7d3beafe9807b08156dfcb176d18f1699",
-                "reference": "1f4efdd7d3beafe9807b08156dfcb176d18f1699",
+                "url": "https://api.github.com/repos/mockery/mockery/zipball/e92dcc83d5a51851baf5f5591d32cb2b16e3684e",
+                "reference": "e92dcc83d5a51851baf5f5591d32cb2b16e3684e",
                 "shasum": ""
             },
             "require": {
                 "hamcrest/hamcrest-php": "^2.0.1",
                 "lib-pcre": ">=7.0",
-                "php": ">=7.3"
+                "php": "^7.3 || ^8.0"
             },
             "conflict": {
                 "phpunit/phpunit": "<8.0"
             },
             "require-dev": {
-                "phpunit/phpunit": "^8.5 || ^9.6.17",
-                "symplify/easy-coding-standard": "^12.1.14"
+                "phpunit/phpunit": "^8.5 || ^9.3"
             },
             "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.4.x-dev"
+                }
+            },
             "autoload": {
-                "files": [
-                    "library/helpers.php",
-                    "library/Mockery.php"
-                ],
-                "psr-4": {
-                    "Mockery\\": "library/Mockery"
+                "psr-0": {
+                    "Mockery": "library/"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -7956,20 +6162,12 @@
                 {
                     "name": "Pádraic Brady",
                     "email": "padraic.brady@gmail.com",
-                    "homepage": "https://github.com/padraic",
-                    "role": "Author"
+                    "homepage": "http://blog.astrumfutura.com"
                 },
                 {
                     "name": "Dave Marshall",
                     "email": "dave.marshall@atstsolutions.co.uk",
-                    "homepage": "https://davedevelopment.co.uk",
-                    "role": "Developer"
-                },
-                {
-                    "name": "Nathanael Esayeas",
-                    "email": "nathanael.esayeas@protonmail.com",
-                    "homepage": "https://github.com/ghostwriter",
-                    "role": "Lead Developer"
+                    "homepage": "http://davedevelopment.co.uk"
                 }
             ],
             "description": "Mockery is a simple yet flexible PHP mock object framework",
@@ -7987,26 +6185,23 @@
                 "testing"
             ],
             "support": {
-                "docs": "https://docs.mockery.io/",
                 "issues": "https://github.com/mockery/mockery/issues",
-                "rss": "https://github.com/mockery/mockery/releases.atom",
-                "security": "https://github.com/mockery/mockery/security/advisories",
-                "source": "https://github.com/mockery/mockery"
+                "source": "https://github.com/mockery/mockery/tree/1.5.1"
             },
-            "time": "2024-05-16T03:13:13+00:00"
+            "time": "2022-09-07T15:32:08+00:00"
         },
         {
             "name": "myclabs/deep-copy",
-            "version": "1.11.1",
+            "version": "1.11.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/myclabs/DeepCopy.git",
-                "reference": "7284c22080590fb39f2ffa3e9057f10a4ddd0e0c"
+                "reference": "14daed4296fae74d9e3201d2c4925d1acb7aa614"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/myclabs/DeepCopy/zipball/7284c22080590fb39f2ffa3e9057f10a4ddd0e0c",
-                "reference": "7284c22080590fb39f2ffa3e9057f10a4ddd0e0c",
+                "url": "https://api.github.com/repos/myclabs/DeepCopy/zipball/14daed4296fae74d9e3201d2c4925d1acb7aa614",
+                "reference": "14daed4296fae74d9e3201d2c4925d1acb7aa614",
                 "shasum": ""
             },
             "require": {
@@ -8044,7 +6239,7 @@
             ],
             "support": {
                 "issues": "https://github.com/myclabs/DeepCopy/issues",
-                "source": "https://github.com/myclabs/DeepCopy/tree/1.11.1"
+                "source": "https://github.com/myclabs/DeepCopy/tree/1.11.0"
             },
             "funding": [
                 {
@@ -8052,42 +6247,41 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-03-08T13:26:56+00:00"
+            "time": "2022-03-03T13:19:32+00:00"
         },
         {
             "name": "nunomaduro/collision",
-            "version": "v8.1.1",
+            "version": "v7.1.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/nunomaduro/collision.git",
-                "reference": "13e5d538b95a744d85f447a321ce10adb28e9af9"
+                "reference": "2b97fed4950cf0ff148c18b853975ec8ea135e90"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/nunomaduro/collision/zipball/13e5d538b95a744d85f447a321ce10adb28e9af9",
-                "reference": "13e5d538b95a744d85f447a321ce10adb28e9af9",
+                "url": "https://api.github.com/repos/nunomaduro/collision/zipball/2b97fed4950cf0ff148c18b853975ec8ea135e90",
+                "reference": "2b97fed4950cf0ff148c18b853975ec8ea135e90",
                 "shasum": ""
             },
             "require": {
-                "filp/whoops": "^2.15.4",
-                "nunomaduro/termwind": "^2.0.1",
-                "php": "^8.2.0",
-                "symfony/console": "^7.0.4"
-            },
-            "conflict": {
-                "laravel/framework": "<11.0.0 || >=12.0.0",
-                "phpunit/phpunit": "<10.5.1 || >=12.0.0"
+                "filp/whoops": "^2.14.6",
+                "nunomaduro/termwind": "^1.15.1",
+                "php": "^8.1.0",
+                "symfony/console": "^6.2.7"
             },
             "require-dev": {
-                "larastan/larastan": "^2.9.2",
-                "laravel/framework": "^11.0.0",
-                "laravel/pint": "^1.14.0",
-                "laravel/sail": "^1.28.2",
-                "laravel/sanctum": "^4.0.0",
-                "laravel/tinker": "^2.9.0",
-                "orchestra/testbench-core": "^9.0.0",
-                "pestphp/pest": "^2.34.1 || ^3.0.0",
-                "sebastian/environment": "^6.0.1 || ^7.0.0"
+                "brianium/paratest": "^7.1.0",
+                "laravel/framework": "^10.2.0",
+                "laravel/pint": "^1.6.0",
+                "laravel/sail": "^1.21.1",
+                "laravel/sanctum": "^3.2.1",
+                "laravel/tinker": "^2.8.1",
+                "nunomaduro/larastan": "^2.4.1",
+                "orchestra/testbench-core": "^8.0.3",
+                "pestphp/pest": "^2.0.0",
+                "phpunit/phpunit": "^10.0.14",
+                "sebastian/environment": "^6.0.0",
+                "spatie/laravel-ignition": "^2.0.0"
             },
             "type": "library",
             "extra": {
@@ -8095,9 +6289,6 @@
                     "providers": [
                         "NunoMaduro\\Collision\\Adapters\\Laravel\\CollisionServiceProvider"
                     ]
-                },
-                "branch-alias": {
-                    "dev-8.x": "8.x-dev"
                 }
             },
             "autoload": {
@@ -8149,25 +6340,24 @@
                     "type": "patreon"
                 }
             ],
-            "time": "2024-03-06T16:20:09+00:00"
+            "time": "2023-03-03T10:00:22+00:00"
         },
         {
             "name": "phar-io/manifest",
-            "version": "2.0.4",
+            "version": "2.0.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/phar-io/manifest.git",
-                "reference": "54750ef60c58e43759730615a392c31c80e23176"
+                "reference": "97803eca37d319dfa7826cc2437fc020857acb53"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/phar-io/manifest/zipball/54750ef60c58e43759730615a392c31c80e23176",
-                "reference": "54750ef60c58e43759730615a392c31c80e23176",
+                "url": "https://api.github.com/repos/phar-io/manifest/zipball/97803eca37d319dfa7826cc2437fc020857acb53",
+                "reference": "97803eca37d319dfa7826cc2437fc020857acb53",
                 "shasum": ""
             },
             "require": {
                 "ext-dom": "*",
-                "ext-libxml": "*",
                 "ext-phar": "*",
                 "ext-xmlwriter": "*",
                 "phar-io/version": "^3.0.1",
@@ -8208,15 +6398,9 @@
             "description": "Component for reading phar.io manifest information from a PHP Archive (PHAR)",
             "support": {
                 "issues": "https://github.com/phar-io/manifest/issues",
-                "source": "https://github.com/phar-io/manifest/tree/2.0.4"
+                "source": "https://github.com/phar-io/manifest/tree/2.0.3"
             },
-            "funding": [
-                {
-                    "url": "https://github.com/theseer",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-03-03T12:33:53+00:00"
+            "time": "2021-07-20T11:28:43+00:00"
         },
         {
             "name": "phar-io/version",
@@ -8271,35 +6455,35 @@
         },
         {
             "name": "phpunit/php-code-coverage",
-            "version": "11.0.3",
+            "version": "10.0.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-code-coverage.git",
-                "reference": "7e35a2cbcabac0e6865fd373742ea432a3c34f92"
+                "reference": "20800e84296ea4732f9a125e08ce86b4004ae3e4"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/7e35a2cbcabac0e6865fd373742ea432a3c34f92",
-                "reference": "7e35a2cbcabac0e6865fd373742ea432a3c34f92",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/20800e84296ea4732f9a125e08ce86b4004ae3e4",
+                "reference": "20800e84296ea4732f9a125e08ce86b4004ae3e4",
                 "shasum": ""
             },
             "require": {
                 "ext-dom": "*",
                 "ext-libxml": "*",
                 "ext-xmlwriter": "*",
-                "nikic/php-parser": "^5.0",
-                "php": ">=8.2",
-                "phpunit/php-file-iterator": "^5.0",
-                "phpunit/php-text-template": "^4.0",
-                "sebastian/code-unit-reverse-lookup": "^4.0",
-                "sebastian/complexity": "^4.0",
-                "sebastian/environment": "^7.0",
-                "sebastian/lines-of-code": "^3.0",
-                "sebastian/version": "^5.0",
+                "nikic/php-parser": "^4.15",
+                "php": ">=8.1",
+                "phpunit/php-file-iterator": "^4.0",
+                "phpunit/php-text-template": "^3.0",
+                "sebastian/code-unit-reverse-lookup": "^3.0",
+                "sebastian/complexity": "^3.0",
+                "sebastian/environment": "^6.0",
+                "sebastian/lines-of-code": "^2.0",
+                "sebastian/version": "^4.0",
                 "theseer/tokenizer": "^1.2.0"
             },
             "require-dev": {
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "suggest": {
                 "ext-pcov": "PHP extension that provides line coverage",
@@ -8308,7 +6492,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "11.0-dev"
+                    "dev-main": "10.0-dev"
                 }
             },
             "autoload": {
@@ -8336,8 +6520,7 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/php-code-coverage/issues",
-                "security": "https://github.com/sebastianbergmann/php-code-coverage/security/policy",
-                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/11.0.3"
+                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/10.0.2"
             },
             "funding": [
                 {
@@ -8345,32 +6528,32 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-03-12T15:35:40+00:00"
+            "time": "2023-03-06T13:00:19+00:00"
         },
         {
             "name": "phpunit/php-file-iterator",
-            "version": "5.0.0",
+            "version": "4.0.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-file-iterator.git",
-                "reference": "99e95c94ad9500daca992354fa09d7b99abe2210"
+                "reference": "fd9329ab3368f59fe1fe808a189c51086bd4b6bd"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-file-iterator/zipball/99e95c94ad9500daca992354fa09d7b99abe2210",
-                "reference": "99e95c94ad9500daca992354fa09d7b99abe2210",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-file-iterator/zipball/fd9329ab3368f59fe1fe808a189c51086bd4b6bd",
+                "reference": "fd9329ab3368f59fe1fe808a189c51086bd4b6bd",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2"
+                "php": ">=8.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "5.0-dev"
+                    "dev-main": "4.0-dev"
                 }
             },
             "autoload": {
@@ -8397,8 +6580,7 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/php-file-iterator/issues",
-                "security": "https://github.com/sebastianbergmann/php-file-iterator/security/policy",
-                "source": "https://github.com/sebastianbergmann/php-file-iterator/tree/5.0.0"
+                "source": "https://github.com/sebastianbergmann/php-file-iterator/tree/4.0.1"
             },
             "funding": [
                 {
@@ -8406,28 +6588,28 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-02-02T06:05:04+00:00"
+            "time": "2023-02-10T16:53:14+00:00"
         },
         {
             "name": "phpunit/php-invoker",
-            "version": "5.0.0",
+            "version": "4.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-invoker.git",
-                "reference": "5d8d9355a16d8cc5a1305b0a85342cfa420612be"
+                "reference": "f5e568ba02fa5ba0ddd0f618391d5a9ea50b06d7"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-invoker/zipball/5d8d9355a16d8cc5a1305b0a85342cfa420612be",
-                "reference": "5d8d9355a16d8cc5a1305b0a85342cfa420612be",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-invoker/zipball/f5e568ba02fa5ba0ddd0f618391d5a9ea50b06d7",
+                "reference": "f5e568ba02fa5ba0ddd0f618391d5a9ea50b06d7",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2"
+                "php": ">=8.1"
             },
             "require-dev": {
                 "ext-pcntl": "*",
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "suggest": {
                 "ext-pcntl": "*"
@@ -8435,7 +6617,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "5.0-dev"
+                    "dev-main": "4.0-dev"
                 }
             },
             "autoload": {
@@ -8461,8 +6643,7 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/php-invoker/issues",
-                "security": "https://github.com/sebastianbergmann/php-invoker/security/policy",
-                "source": "https://github.com/sebastianbergmann/php-invoker/tree/5.0.0"
+                "source": "https://github.com/sebastianbergmann/php-invoker/tree/4.0.0"
             },
             "funding": [
                 {
@@ -8470,32 +6651,32 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-02-02T06:05:50+00:00"
+            "time": "2023-02-03T06:56:09+00:00"
         },
         {
             "name": "phpunit/php-text-template",
-            "version": "4.0.0",
+            "version": "3.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-text-template.git",
-                "reference": "d38f6cbff1cdb6f40b03c9811421561668cc133e"
+                "reference": "9f3d3709577a527025f55bcf0f7ab8052c8bb37d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-text-template/zipball/d38f6cbff1cdb6f40b03c9811421561668cc133e",
-                "reference": "d38f6cbff1cdb6f40b03c9811421561668cc133e",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-text-template/zipball/9f3d3709577a527025f55bcf0f7ab8052c8bb37d",
+                "reference": "9f3d3709577a527025f55bcf0f7ab8052c8bb37d",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2"
+                "php": ">=8.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "4.0-dev"
+                    "dev-main": "3.0-dev"
                 }
             },
             "autoload": {
@@ -8521,8 +6702,7 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/php-text-template/issues",
-                "security": "https://github.com/sebastianbergmann/php-text-template/security/policy",
-                "source": "https://github.com/sebastianbergmann/php-text-template/tree/4.0.0"
+                "source": "https://github.com/sebastianbergmann/php-text-template/tree/3.0.0"
             },
             "funding": [
                 {
@@ -8530,32 +6710,32 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-02-02T06:06:56+00:00"
+            "time": "2023-02-03T06:56:46+00:00"
         },
         {
             "name": "phpunit/php-timer",
-            "version": "7.0.0",
+            "version": "6.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-timer.git",
-                "reference": "8a59d9e25720482ee7fcdf296595e08795b84dc5"
+                "reference": "e2a2d67966e740530f4a3343fe2e030ffdc1161d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-timer/zipball/8a59d9e25720482ee7fcdf296595e08795b84dc5",
-                "reference": "8a59d9e25720482ee7fcdf296595e08795b84dc5",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-timer/zipball/e2a2d67966e740530f4a3343fe2e030ffdc1161d",
+                "reference": "e2a2d67966e740530f4a3343fe2e030ffdc1161d",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2"
+                "php": ">=8.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "7.0-dev"
+                    "dev-main": "6.0-dev"
                 }
             },
             "autoload": {
@@ -8581,8 +6761,7 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/php-timer/issues",
-                "security": "https://github.com/sebastianbergmann/php-timer/security/policy",
-                "source": "https://github.com/sebastianbergmann/php-timer/tree/7.0.0"
+                "source": "https://github.com/sebastianbergmann/php-timer/tree/6.0.0"
             },
             "funding": [
                 {
@@ -8590,20 +6769,20 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-02-02T06:08:01+00:00"
+            "time": "2023-02-03T06:57:52+00:00"
         },
         {
             "name": "phpunit/phpunit",
-            "version": "11.1.3",
+            "version": "10.0.14",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/phpunit.git",
-                "reference": "d475be032238173ca3b0a516f5cc291d174708ae"
+                "reference": "7065dbebcb0f66cf16a45fc9cfc28c2351e06169"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/d475be032238173ca3b0a516f5cc291d174708ae",
-                "reference": "d475be032238173ca3b0a516f5cc291d174708ae",
+                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/7065dbebcb0f66cf16a45fc9cfc28c2351e06169",
+                "reference": "7065dbebcb0f66cf16a45fc9cfc28c2351e06169",
                 "shasum": ""
             },
             "require": {
@@ -8616,25 +6795,26 @@
                 "myclabs/deep-copy": "^1.10.1",
                 "phar-io/manifest": "^2.0.3",
                 "phar-io/version": "^3.0.2",
-                "php": ">=8.2",
-                "phpunit/php-code-coverage": "^11.0",
-                "phpunit/php-file-iterator": "^5.0",
-                "phpunit/php-invoker": "^5.0",
-                "phpunit/php-text-template": "^4.0",
-                "phpunit/php-timer": "^7.0",
-                "sebastian/cli-parser": "^3.0",
-                "sebastian/code-unit": "^3.0",
-                "sebastian/comparator": "^6.0",
-                "sebastian/diff": "^6.0",
-                "sebastian/environment": "^7.0",
-                "sebastian/exporter": "^6.0",
-                "sebastian/global-state": "^7.0",
-                "sebastian/object-enumerator": "^6.0",
-                "sebastian/type": "^5.0",
-                "sebastian/version": "^5.0"
+                "php": ">=8.1",
+                "phpunit/php-code-coverage": "^10.0",
+                "phpunit/php-file-iterator": "^4.0",
+                "phpunit/php-invoker": "^4.0",
+                "phpunit/php-text-template": "^3.0",
+                "phpunit/php-timer": "^6.0",
+                "sebastian/cli-parser": "^2.0",
+                "sebastian/code-unit": "^2.0",
+                "sebastian/comparator": "^5.0",
+                "sebastian/diff": "^5.0",
+                "sebastian/environment": "^6.0",
+                "sebastian/exporter": "^5.0",
+                "sebastian/global-state": "^6.0",
+                "sebastian/object-enumerator": "^5.0",
+                "sebastian/recursion-context": "^5.0",
+                "sebastian/type": "^4.0",
+                "sebastian/version": "^4.0"
             },
             "suggest": {
-                "ext-soap": "To be able to generate mocks based on WSDL files"
+                "ext-soap": "*"
             },
             "bin": [
                 "phpunit"
@@ -8642,7 +6822,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "11.1-dev"
+                    "dev-main": "10.0-dev"
                 }
             },
             "autoload": {
@@ -8673,8 +6853,7 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/phpunit/issues",
-                "security": "https://github.com/sebastianbergmann/phpunit/security/policy",
-                "source": "https://github.com/sebastianbergmann/phpunit/tree/11.1.3"
+                "source": "https://github.com/sebastianbergmann/phpunit/tree/10.0.14"
             },
             "funding": [
                 {
@@ -8690,32 +6869,32 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-24T06:34:25+00:00"
+            "time": "2023-03-01T05:37:49+00:00"
         },
         {
             "name": "sebastian/cli-parser",
-            "version": "3.0.1",
+            "version": "2.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/cli-parser.git",
-                "reference": "00a74d5568694711f0222e54fb281e1d15fdf04a"
+                "reference": "efdc130dbbbb8ef0b545a994fd811725c5282cae"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/cli-parser/zipball/00a74d5568694711f0222e54fb281e1d15fdf04a",
-                "reference": "00a74d5568694711f0222e54fb281e1d15fdf04a",
+                "url": "https://api.github.com/repos/sebastianbergmann/cli-parser/zipball/efdc130dbbbb8ef0b545a994fd811725c5282cae",
+                "reference": "efdc130dbbbb8ef0b545a994fd811725c5282cae",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2"
+                "php": ">=8.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "3.0-dev"
+                    "dev-main": "2.0-dev"
                 }
             },
             "autoload": {
@@ -8738,8 +6917,7 @@
             "homepage": "https://github.com/sebastianbergmann/cli-parser",
             "support": {
                 "issues": "https://github.com/sebastianbergmann/cli-parser/issues",
-                "security": "https://github.com/sebastianbergmann/cli-parser/security/policy",
-                "source": "https://github.com/sebastianbergmann/cli-parser/tree/3.0.1"
+                "source": "https://github.com/sebastianbergmann/cli-parser/tree/2.0.0"
             },
             "funding": [
                 {
@@ -8747,32 +6925,32 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-03-02T07:26:58+00:00"
+            "time": "2023-02-03T06:58:15+00:00"
         },
         {
             "name": "sebastian/code-unit",
-            "version": "3.0.0",
+            "version": "2.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/code-unit.git",
-                "reference": "6634549cb8d702282a04a774e36a7477d2bd9015"
+                "reference": "a81fee9eef0b7a76af11d121767abc44c104e503"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/code-unit/zipball/6634549cb8d702282a04a774e36a7477d2bd9015",
-                "reference": "6634549cb8d702282a04a774e36a7477d2bd9015",
+                "url": "https://api.github.com/repos/sebastianbergmann/code-unit/zipball/a81fee9eef0b7a76af11d121767abc44c104e503",
+                "reference": "a81fee9eef0b7a76af11d121767abc44c104e503",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2"
+                "php": ">=8.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "3.0-dev"
+                    "dev-main": "2.0-dev"
                 }
             },
             "autoload": {
@@ -8795,8 +6973,7 @@
             "homepage": "https://github.com/sebastianbergmann/code-unit",
             "support": {
                 "issues": "https://github.com/sebastianbergmann/code-unit/issues",
-                "security": "https://github.com/sebastianbergmann/code-unit/security/policy",
-                "source": "https://github.com/sebastianbergmann/code-unit/tree/3.0.0"
+                "source": "https://github.com/sebastianbergmann/code-unit/tree/2.0.0"
             },
             "funding": [
                 {
@@ -8804,32 +6981,32 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-02-02T05:50:41+00:00"
+            "time": "2023-02-03T06:58:43+00:00"
         },
         {
             "name": "sebastian/code-unit-reverse-lookup",
-            "version": "4.0.0",
+            "version": "3.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/code-unit-reverse-lookup.git",
-                "reference": "df80c875d3e459b45c6039e4d9b71d4fbccae25d"
+                "reference": "5e3a687f7d8ae33fb362c5c0743794bbb2420a1d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/code-unit-reverse-lookup/zipball/df80c875d3e459b45c6039e4d9b71d4fbccae25d",
-                "reference": "df80c875d3e459b45c6039e4d9b71d4fbccae25d",
+                "url": "https://api.github.com/repos/sebastianbergmann/code-unit-reverse-lookup/zipball/5e3a687f7d8ae33fb362c5c0743794bbb2420a1d",
+                "reference": "5e3a687f7d8ae33fb362c5c0743794bbb2420a1d",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2"
+                "php": ">=8.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "4.0-dev"
+                    "dev-main": "3.0-dev"
                 }
             },
             "autoload": {
@@ -8851,8 +7028,7 @@
             "homepage": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/",
             "support": {
                 "issues": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/issues",
-                "security": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/security/policy",
-                "source": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/tree/4.0.0"
+                "source": "https://github.com/sebastianbergmann/code-unit-reverse-lookup/tree/3.0.0"
             },
             "funding": [
                 {
@@ -8860,36 +7036,36 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-02-02T05:52:17+00:00"
+            "time": "2023-02-03T06:59:15+00:00"
         },
         {
             "name": "sebastian/comparator",
-            "version": "6.0.0",
+            "version": "5.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/comparator.git",
-                "reference": "bd0f2fa5b9257c69903537b266ccb80fcf940db8"
+                "reference": "72f01e6586e0caf6af81297897bd112eb7e9627c"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/comparator/zipball/bd0f2fa5b9257c69903537b266ccb80fcf940db8",
-                "reference": "bd0f2fa5b9257c69903537b266ccb80fcf940db8",
+                "url": "https://api.github.com/repos/sebastianbergmann/comparator/zipball/72f01e6586e0caf6af81297897bd112eb7e9627c",
+                "reference": "72f01e6586e0caf6af81297897bd112eb7e9627c",
                 "shasum": ""
             },
             "require": {
                 "ext-dom": "*",
                 "ext-mbstring": "*",
-                "php": ">=8.2",
-                "sebastian/diff": "^6.0",
-                "sebastian/exporter": "^6.0"
+                "php": ">=8.1",
+                "sebastian/diff": "^5.0",
+                "sebastian/exporter": "^5.0"
             },
             "require-dev": {
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "6.0-dev"
+                    "dev-main": "5.0-dev"
                 }
             },
             "autoload": {
@@ -8928,8 +7104,7 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/comparator/issues",
-                "security": "https://github.com/sebastianbergmann/comparator/security/policy",
-                "source": "https://github.com/sebastianbergmann/comparator/tree/6.0.0"
+                "source": "https://github.com/sebastianbergmann/comparator/tree/5.0.0"
             },
             "funding": [
                 {
@@ -8937,33 +7112,33 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-02-02T05:53:45+00:00"
+            "time": "2023-02-03T07:07:16+00:00"
         },
         {
             "name": "sebastian/complexity",
-            "version": "4.0.0",
+            "version": "3.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/complexity.git",
-                "reference": "88a434ad86150e11a606ac4866b09130712671f0"
+                "reference": "e67d240970c9dc7ea7b2123a6d520e334dd61dc6"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/complexity/zipball/88a434ad86150e11a606ac4866b09130712671f0",
-                "reference": "88a434ad86150e11a606ac4866b09130712671f0",
+                "url": "https://api.github.com/repos/sebastianbergmann/complexity/zipball/e67d240970c9dc7ea7b2123a6d520e334dd61dc6",
+                "reference": "e67d240970c9dc7ea7b2123a6d520e334dd61dc6",
                 "shasum": ""
             },
             "require": {
-                "nikic/php-parser": "^5.0",
-                "php": ">=8.2"
+                "nikic/php-parser": "^4.10",
+                "php": ">=8.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "4.0-dev"
+                    "dev-main": "3.0-dev"
                 }
             },
             "autoload": {
@@ -8986,8 +7161,7 @@
             "homepage": "https://github.com/sebastianbergmann/complexity",
             "support": {
                 "issues": "https://github.com/sebastianbergmann/complexity/issues",
-                "security": "https://github.com/sebastianbergmann/complexity/security/policy",
-                "source": "https://github.com/sebastianbergmann/complexity/tree/4.0.0"
+                "source": "https://github.com/sebastianbergmann/complexity/tree/3.0.0"
             },
             "funding": [
                 {
@@ -8995,33 +7169,33 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-02-02T05:55:19+00:00"
+            "time": "2023-02-03T06:59:47+00:00"
         },
         {
             "name": "sebastian/diff",
-            "version": "6.0.1",
+            "version": "5.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/diff.git",
-                "reference": "ab83243ecc233de5655b76f577711de9f842e712"
+                "reference": "70dd1b20bc198da394ad542e988381b44e64e39f"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/diff/zipball/ab83243ecc233de5655b76f577711de9f842e712",
-                "reference": "ab83243ecc233de5655b76f577711de9f842e712",
+                "url": "https://api.github.com/repos/sebastianbergmann/diff/zipball/70dd1b20bc198da394ad542e988381b44e64e39f",
+                "reference": "70dd1b20bc198da394ad542e988381b44e64e39f",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2"
+                "php": ">=8.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^11.0",
+                "phpunit/phpunit": "^10.0",
                 "symfony/process": "^4.2 || ^5"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "6.0-dev"
+                    "dev-main": "5.0-dev"
                 }
             },
             "autoload": {
@@ -9053,8 +7227,7 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/diff/issues",
-                "security": "https://github.com/sebastianbergmann/diff/security/policy",
-                "source": "https://github.com/sebastianbergmann/diff/tree/6.0.1"
+                "source": "https://github.com/sebastianbergmann/diff/tree/5.0.0"
             },
             "funding": [
                 {
@@ -9062,27 +7235,27 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-03-02T07:30:33+00:00"
+            "time": "2023-02-03T07:00:31+00:00"
         },
         {
             "name": "sebastian/environment",
-            "version": "7.1.0",
+            "version": "6.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/environment.git",
-                "reference": "4eb3a442574d0e9d141aab209cd4aaf25701b09a"
+                "reference": "b6f3694c6386c7959915a0037652e0c40f6f69cc"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/environment/zipball/4eb3a442574d0e9d141aab209cd4aaf25701b09a",
-                "reference": "4eb3a442574d0e9d141aab209cd4aaf25701b09a",
+                "url": "https://api.github.com/repos/sebastianbergmann/environment/zipball/b6f3694c6386c7959915a0037652e0c40f6f69cc",
+                "reference": "b6f3694c6386c7959915a0037652e0c40f6f69cc",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2"
+                "php": ">=8.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "suggest": {
                 "ext-posix": "*"
@@ -9090,7 +7263,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "7.1-dev"
+                    "dev-main": "6.0-dev"
                 }
             },
             "autoload": {
@@ -9117,8 +7290,7 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/environment/issues",
-                "security": "https://github.com/sebastianbergmann/environment/security/policy",
-                "source": "https://github.com/sebastianbergmann/environment/tree/7.1.0"
+                "source": "https://github.com/sebastianbergmann/environment/tree/6.0.0"
             },
             "funding": [
                 {
@@ -9126,34 +7298,34 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-03-23T08:56:34+00:00"
+            "time": "2023-02-03T07:03:04+00:00"
         },
         {
             "name": "sebastian/exporter",
-            "version": "6.0.1",
+            "version": "5.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/exporter.git",
-                "reference": "f291e5a317c321c0381fa9ecc796fa2d21b186da"
+                "reference": "f3ec4bf931c0b31e5b413f5b4fc970a7d03338c0"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/exporter/zipball/f291e5a317c321c0381fa9ecc796fa2d21b186da",
-                "reference": "f291e5a317c321c0381fa9ecc796fa2d21b186da",
+                "url": "https://api.github.com/repos/sebastianbergmann/exporter/zipball/f3ec4bf931c0b31e5b413f5b4fc970a7d03338c0",
+                "reference": "f3ec4bf931c0b31e5b413f5b4fc970a7d03338c0",
                 "shasum": ""
             },
             "require": {
                 "ext-mbstring": "*",
-                "php": ">=8.2",
-                "sebastian/recursion-context": "^6.0"
+                "php": ">=8.1",
+                "sebastian/recursion-context": "^5.0"
             },
             "require-dev": {
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "6.0-dev"
+                    "dev-main": "5.0-dev"
                 }
             },
             "autoload": {
@@ -9195,8 +7367,7 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/exporter/issues",
-                "security": "https://github.com/sebastianbergmann/exporter/security/policy",
-                "source": "https://github.com/sebastianbergmann/exporter/tree/6.0.1"
+                "source": "https://github.com/sebastianbergmann/exporter/tree/5.0.0"
             },
             "funding": [
                 {
@@ -9204,35 +7375,35 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-03-02T07:28:20+00:00"
+            "time": "2023-02-03T07:06:49+00:00"
         },
         {
             "name": "sebastian/global-state",
-            "version": "7.0.1",
+            "version": "6.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/global-state.git",
-                "reference": "c3a307e832f2e69c7ef869e31fc644fde0e7cb3e"
+                "reference": "aab257c712de87b90194febd52e4d184551c2d44"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/global-state/zipball/c3a307e832f2e69c7ef869e31fc644fde0e7cb3e",
-                "reference": "c3a307e832f2e69c7ef869e31fc644fde0e7cb3e",
+                "url": "https://api.github.com/repos/sebastianbergmann/global-state/zipball/aab257c712de87b90194febd52e4d184551c2d44",
+                "reference": "aab257c712de87b90194febd52e4d184551c2d44",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2",
-                "sebastian/object-reflector": "^4.0",
-                "sebastian/recursion-context": "^6.0"
+                "php": ">=8.1",
+                "sebastian/object-reflector": "^3.0",
+                "sebastian/recursion-context": "^5.0"
             },
             "require-dev": {
                 "ext-dom": "*",
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "7.0-dev"
+                    "dev-main": "6.0-dev"
                 }
             },
             "autoload": {
@@ -9251,14 +7422,13 @@
                 }
             ],
             "description": "Snapshotting of global state",
-            "homepage": "https://www.github.com/sebastianbergmann/global-state",
+            "homepage": "http://www.github.com/sebastianbergmann/global-state",
             "keywords": [
                 "global state"
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/global-state/issues",
-                "security": "https://github.com/sebastianbergmann/global-state/security/policy",
-                "source": "https://github.com/sebastianbergmann/global-state/tree/7.0.1"
+                "source": "https://github.com/sebastianbergmann/global-state/tree/6.0.0"
             },
             "funding": [
                 {
@@ -9266,33 +7436,33 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-03-02T07:32:10+00:00"
+            "time": "2023-02-03T07:07:38+00:00"
         },
         {
             "name": "sebastian/lines-of-code",
-            "version": "3.0.0",
+            "version": "2.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/lines-of-code.git",
-                "reference": "376c5b3f6b43c78fdc049740bca76a7c846706c0"
+                "reference": "17c4d940ecafb3d15d2cf916f4108f664e28b130"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/lines-of-code/zipball/376c5b3f6b43c78fdc049740bca76a7c846706c0",
-                "reference": "376c5b3f6b43c78fdc049740bca76a7c846706c0",
+                "url": "https://api.github.com/repos/sebastianbergmann/lines-of-code/zipball/17c4d940ecafb3d15d2cf916f4108f664e28b130",
+                "reference": "17c4d940ecafb3d15d2cf916f4108f664e28b130",
                 "shasum": ""
             },
             "require": {
-                "nikic/php-parser": "^5.0",
-                "php": ">=8.2"
+                "nikic/php-parser": "^4.10",
+                "php": ">=8.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "3.0-dev"
+                    "dev-main": "2.0-dev"
                 }
             },
             "autoload": {
@@ -9315,8 +7485,7 @@
             "homepage": "https://github.com/sebastianbergmann/lines-of-code",
             "support": {
                 "issues": "https://github.com/sebastianbergmann/lines-of-code/issues",
-                "security": "https://github.com/sebastianbergmann/lines-of-code/security/policy",
-                "source": "https://github.com/sebastianbergmann/lines-of-code/tree/3.0.0"
+                "source": "https://github.com/sebastianbergmann/lines-of-code/tree/2.0.0"
             },
             "funding": [
                 {
@@ -9324,34 +7493,34 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-02-02T06:00:36+00:00"
+            "time": "2023-02-03T07:08:02+00:00"
         },
         {
             "name": "sebastian/object-enumerator",
-            "version": "6.0.0",
+            "version": "5.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/object-enumerator.git",
-                "reference": "f75f6c460da0bbd9668f43a3dde0ec0ba7faa678"
+                "reference": "202d0e344a580d7f7d04b3fafce6933e59dae906"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/object-enumerator/zipball/f75f6c460da0bbd9668f43a3dde0ec0ba7faa678",
-                "reference": "f75f6c460da0bbd9668f43a3dde0ec0ba7faa678",
+                "url": "https://api.github.com/repos/sebastianbergmann/object-enumerator/zipball/202d0e344a580d7f7d04b3fafce6933e59dae906",
+                "reference": "202d0e344a580d7f7d04b3fafce6933e59dae906",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2",
-                "sebastian/object-reflector": "^4.0",
-                "sebastian/recursion-context": "^6.0"
+                "php": ">=8.1",
+                "sebastian/object-reflector": "^3.0",
+                "sebastian/recursion-context": "^5.0"
             },
             "require-dev": {
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "6.0-dev"
+                    "dev-main": "5.0-dev"
                 }
             },
             "autoload": {
@@ -9373,8 +7542,7 @@
             "homepage": "https://github.com/sebastianbergmann/object-enumerator/",
             "support": {
                 "issues": "https://github.com/sebastianbergmann/object-enumerator/issues",
-                "security": "https://github.com/sebastianbergmann/object-enumerator/security/policy",
-                "source": "https://github.com/sebastianbergmann/object-enumerator/tree/6.0.0"
+                "source": "https://github.com/sebastianbergmann/object-enumerator/tree/5.0.0"
             },
             "funding": [
                 {
@@ -9382,32 +7550,32 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-02-02T06:01:29+00:00"
+            "time": "2023-02-03T07:08:32+00:00"
         },
         {
             "name": "sebastian/object-reflector",
-            "version": "4.0.0",
+            "version": "3.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/object-reflector.git",
-                "reference": "bb2a6255d30853425fd38f032eb64ced9f7f132d"
+                "reference": "24ed13d98130f0e7122df55d06c5c4942a577957"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/object-reflector/zipball/bb2a6255d30853425fd38f032eb64ced9f7f132d",
-                "reference": "bb2a6255d30853425fd38f032eb64ced9f7f132d",
+                "url": "https://api.github.com/repos/sebastianbergmann/object-reflector/zipball/24ed13d98130f0e7122df55d06c5c4942a577957",
+                "reference": "24ed13d98130f0e7122df55d06c5c4942a577957",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2"
+                "php": ">=8.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "4.0-dev"
+                    "dev-main": "3.0-dev"
                 }
             },
             "autoload": {
@@ -9429,8 +7597,7 @@
             "homepage": "https://github.com/sebastianbergmann/object-reflector/",
             "support": {
                 "issues": "https://github.com/sebastianbergmann/object-reflector/issues",
-                "security": "https://github.com/sebastianbergmann/object-reflector/security/policy",
-                "source": "https://github.com/sebastianbergmann/object-reflector/tree/4.0.0"
+                "source": "https://github.com/sebastianbergmann/object-reflector/tree/3.0.0"
             },
             "funding": [
                 {
@@ -9438,32 +7605,32 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-02-02T06:02:18+00:00"
+            "time": "2023-02-03T07:06:18+00:00"
         },
         {
             "name": "sebastian/recursion-context",
-            "version": "6.0.0",
+            "version": "5.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/recursion-context.git",
-                "reference": "b75224967b5a466925c6d54e68edd0edf8dd4ed4"
+                "reference": "05909fb5bc7df4c52992396d0116aed689f93712"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/recursion-context/zipball/b75224967b5a466925c6d54e68edd0edf8dd4ed4",
-                "reference": "b75224967b5a466925c6d54e68edd0edf8dd4ed4",
+                "url": "https://api.github.com/repos/sebastianbergmann/recursion-context/zipball/05909fb5bc7df4c52992396d0116aed689f93712",
+                "reference": "05909fb5bc7df4c52992396d0116aed689f93712",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2"
+                "php": ">=8.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "6.0-dev"
+                    "dev-main": "5.0-dev"
                 }
             },
             "autoload": {
@@ -9493,8 +7660,7 @@
             "homepage": "https://github.com/sebastianbergmann/recursion-context",
             "support": {
                 "issues": "https://github.com/sebastianbergmann/recursion-context/issues",
-                "security": "https://github.com/sebastianbergmann/recursion-context/security/policy",
-                "source": "https://github.com/sebastianbergmann/recursion-context/tree/6.0.0"
+                "source": "https://github.com/sebastianbergmann/recursion-context/tree/5.0.0"
             },
             "funding": [
                 {
@@ -9502,32 +7668,32 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-02-02T06:08:48+00:00"
+            "time": "2023-02-03T07:05:40+00:00"
         },
         {
             "name": "sebastian/type",
-            "version": "5.0.0",
+            "version": "4.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/type.git",
-                "reference": "b8502785eb3523ca0dd4afe9ca62235590020f3f"
+                "reference": "462699a16464c3944eefc02ebdd77882bd3925bf"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/type/zipball/b8502785eb3523ca0dd4afe9ca62235590020f3f",
-                "reference": "b8502785eb3523ca0dd4afe9ca62235590020f3f",
+                "url": "https://api.github.com/repos/sebastianbergmann/type/zipball/462699a16464c3944eefc02ebdd77882bd3925bf",
+                "reference": "462699a16464c3944eefc02ebdd77882bd3925bf",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2"
+                "php": ">=8.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^11.0"
+                "phpunit/phpunit": "^10.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "5.0-dev"
+                    "dev-main": "4.0-dev"
                 }
             },
             "autoload": {
@@ -9550,8 +7716,7 @@
             "homepage": "https://github.com/sebastianbergmann/type",
             "support": {
                 "issues": "https://github.com/sebastianbergmann/type/issues",
-                "security": "https://github.com/sebastianbergmann/type/security/policy",
-                "source": "https://github.com/sebastianbergmann/type/tree/5.0.0"
+                "source": "https://github.com/sebastianbergmann/type/tree/4.0.0"
             },
             "funding": [
                 {
@@ -9559,29 +7724,29 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-02-02T06:09:34+00:00"
+            "time": "2023-02-03T07:10:45+00:00"
         },
         {
             "name": "sebastian/version",
-            "version": "5.0.0",
+            "version": "4.0.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/version.git",
-                "reference": "13999475d2cb1ab33cb73403ba356a814fdbb001"
+                "reference": "c51fa83a5d8f43f1402e3f32a005e6262244ef17"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/version/zipball/13999475d2cb1ab33cb73403ba356a814fdbb001",
-                "reference": "13999475d2cb1ab33cb73403ba356a814fdbb001",
+                "url": "https://api.github.com/repos/sebastianbergmann/version/zipball/c51fa83a5d8f43f1402e3f32a005e6262244ef17",
+                "reference": "c51fa83a5d8f43f1402e3f32a005e6262244ef17",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2"
+                "php": ">=8.1"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "5.0-dev"
+                    "dev-main": "4.0-dev"
                 }
             },
             "autoload": {
@@ -9604,8 +7769,7 @@
             "homepage": "https://github.com/sebastianbergmann/version",
             "support": {
                 "issues": "https://github.com/sebastianbergmann/version/issues",
-                "security": "https://github.com/sebastianbergmann/version/security/policy",
-                "source": "https://github.com/sebastianbergmann/version/tree/5.0.0"
+                "source": "https://github.com/sebastianbergmann/version/tree/4.0.1"
             },
             "funding": [
                 {
@@ -9613,107 +7777,328 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-02-02T06:10:47+00:00"
+            "time": "2023-02-07T11:34:05+00:00"
         },
         {
-            "name": "symfony/polyfill-php81",
-            "version": "v1.29.0",
+            "name": "spatie/backtrace",
+            "version": "1.4.0",
             "source": {
                 "type": "git",
-                "url": "https://github.com/symfony/polyfill-php81.git",
-                "reference": "c565ad1e63f30e7477fc40738343c62b40bc672d"
+                "url": "https://github.com/spatie/backtrace.git",
+                "reference": "ec4dd16476b802dbdc6b4467f84032837e316b8c"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php81/zipball/c565ad1e63f30e7477fc40738343c62b40bc672d",
-                "reference": "c565ad1e63f30e7477fc40738343c62b40bc672d",
+                "url": "https://api.github.com/repos/spatie/backtrace/zipball/ec4dd16476b802dbdc6b4467f84032837e316b8c",
+                "reference": "ec4dd16476b802dbdc6b4467f84032837e316b8c",
                 "shasum": ""
             },
             "require": {
-                "php": ">=7.1"
+                "php": "^7.3|^8.0"
+            },
+            "require-dev": {
+                "ext-json": "*",
+                "phpunit/phpunit": "^9.3",
+                "spatie/phpunit-snapshot-assertions": "^4.2",
+                "symfony/var-dumper": "^5.1"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Spatie\\Backtrace\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Freek Van de Herten",
+                    "email": "freek@spatie.be",
+                    "homepage": "https://spatie.be",
+                    "role": "Developer"
+                }
+            ],
+            "description": "A better backtrace",
+            "homepage": "https://github.com/spatie/backtrace",
+            "keywords": [
+                "Backtrace",
+                "spatie"
+            ],
+            "support": {
+                "source": "https://github.com/spatie/backtrace/tree/1.4.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sponsors/spatie",
+                    "type": "github"
+                },
+                {
+                    "url": "https://spatie.be/open-source/support-us",
+                    "type": "other"
+                }
+            ],
+            "time": "2023-03-04T08:57:24+00:00"
+        },
+        {
+            "name": "spatie/flare-client-php",
+            "version": "1.3.5",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/spatie/flare-client-php.git",
+                "reference": "3e5dd5ac4928f3d2d036bd02de5eb83fd0ef1f42"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/spatie/flare-client-php/zipball/3e5dd5ac4928f3d2d036bd02de5eb83fd0ef1f42",
+                "reference": "3e5dd5ac4928f3d2d036bd02de5eb83fd0ef1f42",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/pipeline": "^8.0|^9.0|^10.0",
+                "php": "^8.0",
+                "spatie/backtrace": "^1.2",
+                "symfony/http-foundation": "^5.0|^6.0",
+                "symfony/mime": "^5.2|^6.0",
+                "symfony/process": "^5.2|^6.0",
+                "symfony/var-dumper": "^5.2|^6.0"
+            },
+            "require-dev": {
+                "dms/phpunit-arraysubset-asserts": "^0.3.0",
+                "pestphp/pest": "^1.20",
+                "phpstan/extension-installer": "^1.1",
+                "phpstan/phpstan-deprecation-rules": "^1.0",
+                "phpstan/phpstan-phpunit": "^1.0",
+                "spatie/phpunit-snapshot-assertions": "^4.0"
             },
             "type": "library",
             "extra": {
-                "thanks": {
-                    "name": "symfony/polyfill",
-                    "url": "https://github.com/symfony/polyfill"
+                "branch-alias": {
+                    "dev-main": "1.1.x-dev"
                 }
             },
             "autoload": {
                 "files": [
-                    "bootstrap.php"
+                    "src/helpers.php"
                 ],
                 "psr-4": {
-                    "Symfony\\Polyfill\\Php81\\": ""
-                },
-                "classmap": [
-                    "Resources/stubs"
-                ]
+                    "Spatie\\FlareClient\\": "src"
+                }
             },
             "notification-url": "https://packagist.org/downloads/",
             "license": [
                 "MIT"
             ],
-            "authors": [
+            "description": "Send PHP errors to Flare",
+            "homepage": "https://github.com/spatie/flare-client-php",
+            "keywords": [
+                "exception",
+                "flare",
+                "reporting",
+                "spatie"
+            ],
+            "support": {
+                "issues": "https://github.com/spatie/flare-client-php/issues",
+                "source": "https://github.com/spatie/flare-client-php/tree/1.3.5"
+            },
+            "funding": [
                 {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
+                    "url": "https://github.com/spatie",
+                    "type": "github"
+                }
+            ],
+            "time": "2023-01-23T15:58:46+00:00"
+        },
+        {
+            "name": "spatie/ignition",
+            "version": "1.4.5",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/spatie/ignition.git",
+                "reference": "cc09114b7057bd217b676f047544b33f5b6247e6"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/spatie/ignition/zipball/cc09114b7057bd217b676f047544b33f5b6247e6",
+                "reference": "cc09114b7057bd217b676f047544b33f5b6247e6",
+                "shasum": ""
+            },
+            "require": {
+                "ext-json": "*",
+                "ext-mbstring": "*",
+                "php": "^8.0",
+                "spatie/flare-client-php": "^1.1",
+                "symfony/console": "^5.4|^6.0",
+                "symfony/var-dumper": "^5.4|^6.0"
+            },
+            "require-dev": {
+                "mockery/mockery": "^1.4",
+                "pestphp/pest": "^1.20",
+                "phpstan/extension-installer": "^1.1",
+                "phpstan/phpstan-deprecation-rules": "^1.0",
+                "phpstan/phpstan-phpunit": "^1.0",
+                "symfony/process": "^5.4|^6.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.4.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Spatie\\Ignition\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
                 {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
+                    "name": "Spatie",
+                    "email": "info@spatie.be",
+                    "role": "Developer"
                 }
             ],
-            "description": "Symfony polyfill backporting some PHP 8.1+ features to lower PHP versions",
-            "homepage": "https://symfony.com",
+            "description": "A beautiful error page for PHP applications.",
+            "homepage": "https://flareapp.io/ignition",
             "keywords": [
-                "compatibility",
-                "polyfill",
-                "portable",
-                "shim"
+                "error",
+                "flare",
+                "laravel",
+                "page"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-php81/tree/v1.29.0"
+                "docs": "https://flareapp.io/docs/ignition-for-laravel/introduction",
+                "forum": "https://twitter.com/flareappio",
+                "issues": "https://github.com/spatie/ignition/issues",
+                "source": "https://github.com/spatie/ignition"
             },
             "funding": [
                 {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
+                    "url": "https://github.com/spatie",
                     "type": "github"
+                }
+            ],
+            "time": "2023-02-28T16:49:47+00:00"
+        },
+        {
+            "name": "spatie/laravel-ignition",
+            "version": "2.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/spatie/laravel-ignition.git",
+                "reference": "70c0e2a22c5c4b691a34db8c98bd6d695660a97a"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/spatie/laravel-ignition/zipball/70c0e2a22c5c4b691a34db8c98bd6d695660a97a",
+                "reference": "70c0e2a22c5c4b691a34db8c98bd6d695660a97a",
+                "shasum": ""
+            },
+            "require": {
+                "ext-curl": "*",
+                "ext-json": "*",
+                "ext-mbstring": "*",
+                "illuminate/support": "^10.0",
+                "php": "^8.1",
+                "spatie/flare-client-php": "^1.3.5",
+                "spatie/ignition": "^1.4.3",
+                "symfony/console": "^6.2.3",
+                "symfony/var-dumper": "^6.2.3"
+            },
+            "require-dev": {
+                "livewire/livewire": "^2.11",
+                "mockery/mockery": "^1.5.1",
+                "orchestra/testbench": "^8.0",
+                "pestphp/pest": "^1.22.3",
+                "phpstan/extension-installer": "^1.2",
+                "phpstan/phpstan-deprecation-rules": "^1.1.1",
+                "phpstan/phpstan-phpunit": "^1.3.3"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Spatie\\LaravelIgnition\\IgnitionServiceProvider"
+                    ],
+                    "aliases": {
+                        "Flare": "Spatie\\LaravelIgnition\\Facades\\Flare"
+                    }
                 },
+                "branch-alias": {
+                    "dev-main": "2.0-dev"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/helpers.php"
+                ],
+                "psr-4": {
+                    "Spatie\\LaravelIgnition\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
                 {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
+                    "name": "Spatie",
+                    "email": "info@spatie.be",
+                    "role": "Developer"
+                }
+            ],
+            "description": "A beautiful error page for Laravel applications.",
+            "homepage": "https://flareapp.io/ignition",
+            "keywords": [
+                "error",
+                "flare",
+                "laravel",
+                "page"
+            ],
+            "support": {
+                "docs": "https://flareapp.io/docs/ignition-for-laravel/introduction",
+                "forum": "https://twitter.com/flareappio",
+                "issues": "https://github.com/spatie/laravel-ignition/issues",
+                "source": "https://github.com/spatie/laravel-ignition"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/spatie",
+                    "type": "github"
                 }
             ],
-            "time": "2024-01-29T20:11:03+00:00"
+            "time": "2023-01-24T07:20:39+00:00"
         },
         {
             "name": "symfony/yaml",
-            "version": "v7.0.7",
+            "version": "v6.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/yaml.git",
-                "reference": "0d3916ae69ea28b59d94b60c4f2b50f4e25adb5c"
+                "reference": "e8e6a1d59e050525f27a1f530aa9703423cb7f57"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/yaml/zipball/0d3916ae69ea28b59d94b60c4f2b50f4e25adb5c",
-                "reference": "0d3916ae69ea28b59d94b60c4f2b50f4e25adb5c",
+                "url": "https://api.github.com/repos/symfony/yaml/zipball/e8e6a1d59e050525f27a1f530aa9703423cb7f57",
+                "reference": "e8e6a1d59e050525f27a1f530aa9703423cb7f57",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.2",
+                "php": ">=8.1",
                 "symfony/polyfill-ctype": "^1.8"
             },
             "conflict": {
-                "symfony/console": "<6.4"
+                "symfony/console": "<5.4"
             },
             "require-dev": {
-                "symfony/console": "^6.4|^7.0"
+                "symfony/console": "^5.4|^6.0"
+            },
+            "suggest": {
+                "symfony/console": "For validating YAML files using the lint command"
             },
             "bin": [
                 "Resources/bin/yaml-lint"
@@ -9744,7 +8129,7 @@
             "description": "Loads and dumps YAML files",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/yaml/tree/v7.0.7"
+                "source": "https://github.com/symfony/yaml/tree/v6.2.7"
             },
             "funding": [
                 {
@@ -9760,20 +8145,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-04-28T11:44:19+00:00"
+            "time": "2023-02-16T09:57:23+00:00"
         },
         {
             "name": "theseer/tokenizer",
-            "version": "1.2.3",
+            "version": "1.2.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/theseer/tokenizer.git",
-                "reference": "737eda637ed5e28c3413cb1ebe8bb52cbf1ca7a2"
+                "reference": "34a41e998c2183e22995f158c581e7b5e755ab9e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/theseer/tokenizer/zipball/737eda637ed5e28c3413cb1ebe8bb52cbf1ca7a2",
-                "reference": "737eda637ed5e28c3413cb1ebe8bb52cbf1ca7a2",
+                "url": "https://api.github.com/repos/theseer/tokenizer/zipball/34a41e998c2183e22995f158c581e7b5e755ab9e",
+                "reference": "34a41e998c2183e22995f158c581e7b5e755ab9e",
                 "shasum": ""
             },
             "require": {
@@ -9802,7 +8187,7 @@
             "description": "A small library for converting tokenized PHP source code into XML and potentially other formats",
             "support": {
                 "issues": "https://github.com/theseer/tokenizer/issues",
-                "source": "https://github.com/theseer/tokenizer/tree/1.2.3"
+                "source": "https://github.com/theseer/tokenizer/tree/1.2.1"
             },
             "funding": [
                 {
@@ -9810,17 +8195,17 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-03-03T12:36:25+00:00"
+            "time": "2021-07-28T10:34:58+00:00"
         }
     ],
     "aliases": [],
-    "minimum-stability": "stable",
+    "minimum-stability": "dev",
     "stability-flags": [],
     "prefer-stable": true,
     "prefer-lowest": false,
     "platform": {
-        "php": "^8.2"
+        "php": "^8.0.2"
     },
     "platform-dev": [],
-    "plugin-api-version": "2.6.0"
+    "plugin-api-version": "2.3.0"
 }
diff --git a/config/app.php b/config/app.php
index 7964a87a8a05366b520df6fb6315bf4242ca6cbf..ef76a7ed6aece96a22282683c9832f658d41dad7 100644
--- a/config/app.php
+++ b/config/app.php
@@ -1,5 +1,7 @@
 <?php
 
+use Illuminate\Support\Facades\Facade;
+
 return [
 
     /*
@@ -7,9 +9,9 @@
     | Application Name
     |--------------------------------------------------------------------------
     |
-    | This value is the name of your application, which will be used when the
+    | This value is the name of your application. This value is used when the
     | framework needs to place the application's name in a notification or
-    | other UI elements where an application name needs to be displayed.
+    | any other location as required by the application or its packages.
     |
     */
 
@@ -48,24 +50,26 @@
     |
     | This URL is used by the console to properly generate URLs when using
     | the Artisan command line tool. You should set this to the root of
-    | the application so that it's available within Artisan commands.
+    | your application so that it is used when running Artisan tasks.
     |
     */
 
     'url' => env('APP_URL', 'http://localhost'),
 
+    'asset_url' => env('ASSET_URL'),
+
     /*
     |--------------------------------------------------------------------------
     | Application Timezone
     |--------------------------------------------------------------------------
     |
     | Here you may specify the default timezone for your application, which
-    | will be used by the PHP date and date-time functions. The timezone
-    | is set to "UTC" by default as it is suitable for most use cases.
+    | will be used by the PHP date and date-time functions. We have gone
+    | ahead and set this to a sensible default for you out of the box.
     |
     */
 
-    'timezone' => env('APP_TIMEZONE', 'UTC'),
+    'timezone' => 'UTC',
 
     /*
     |--------------------------------------------------------------------------
@@ -73,37 +77,53 @@
     |--------------------------------------------------------------------------
     |
     | The application locale determines the default locale that will be used
-    | by Laravel's translation / localization methods. This option can be
-    | set to any locale for which you plan to have translation strings.
+    | by the translation service provider. You are free to set this value
+    | to any of the locales which will be supported by the application.
     |
     */
 
-    'locale' => env('APP_LOCALE', 'es'),
+    'locale' => 'en',
 
-    'fallback_locale' => env('APP_FALLBACK_LOCALE', 'en'),
+    /*
+    |--------------------------------------------------------------------------
+    | Application Fallback Locale
+    |--------------------------------------------------------------------------
+    |
+    | The fallback locale determines the locale to use when the current one
+    | is not available. You may change the value to correspond to any of
+    | the language folders that are provided through your application.
+    |
+    */
 
-    'faker_locale' => env('APP_FAKER_LOCALE', 'en_US'),
+    'fallback_locale' => 'en',
 
     /*
     |--------------------------------------------------------------------------
-    | Encryption Key
+    | Faker Locale
     |--------------------------------------------------------------------------
     |
-    | This key is utilized by Laravel's encryption services and should be set
-    | to a random, 32 character string to ensure that all encrypted values
-    | are secure. You should do this prior to deploying the application.
+    | This locale will be used by the Faker PHP library when generating fake
+    | data for your database seeds. For example, this will be used to get
+    | localized telephone numbers, street address information and more.
     |
     */
 
-    'cipher' => 'AES-256-CBC',
+    'faker_locale' => 'en_US',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Encryption Key
+    |--------------------------------------------------------------------------
+    |
+    | This key is used by the Illuminate encrypter service and should be set
+    | to a random, 32 character string, otherwise these encrypted strings
+    | will not be safe. Please do this before deploying an application!
+    |
+    */
 
     'key' => env('APP_KEY'),
 
-    'previous_keys' => [
-        ...array_filter(
-            explode(',', env('APP_PREVIOUS_KEYS', ''))
-        ),
-    ],
+    'cipher' => 'AES-256-CBC',
 
     /*
     |--------------------------------------------------------------------------
@@ -119,8 +139,77 @@
     */
 
     'maintenance' => [
-        'driver' => env('APP_MAINTENANCE_DRIVER', 'file'),
-        'store' => env('APP_MAINTENANCE_STORE', 'database'),
+        'driver' => 'file',
+        // 'store'  => 'redis',
     ],
 
+    /*
+    |--------------------------------------------------------------------------
+    | Autoloaded Service Providers
+    |--------------------------------------------------------------------------
+    |
+    | The service providers listed here will be automatically loaded on the
+    | request to your application. Feel free to add your own services to
+    | this array to grant expanded functionality to your applications.
+    |
+    */
+
+    'providers' => [
+
+        /*
+         * Laravel Framework Service Providers...
+         */
+        Illuminate\Auth\AuthServiceProvider::class,
+        Illuminate\Broadcasting\BroadcastServiceProvider::class,
+        Illuminate\Bus\BusServiceProvider::class,
+        Illuminate\Cache\CacheServiceProvider::class,
+        Illuminate\Foundation\Providers\ConsoleSupportServiceProvider::class,
+        Illuminate\Cookie\CookieServiceProvider::class,
+        Illuminate\Database\DatabaseServiceProvider::class,
+        Illuminate\Encryption\EncryptionServiceProvider::class,
+        Illuminate\Filesystem\FilesystemServiceProvider::class,
+        Illuminate\Foundation\Providers\FoundationServiceProvider::class,
+        Illuminate\Hashing\HashServiceProvider::class,
+        Illuminate\Mail\MailServiceProvider::class,
+        Illuminate\Notifications\NotificationServiceProvider::class,
+        Illuminate\Pagination\PaginationServiceProvider::class,
+        Illuminate\Pipeline\PipelineServiceProvider::class,
+        Illuminate\Queue\QueueServiceProvider::class,
+        Illuminate\Redis\RedisServiceProvider::class,
+        Illuminate\Auth\Passwords\PasswordResetServiceProvider::class,
+        Illuminate\Session\SessionServiceProvider::class,
+        Illuminate\Translation\TranslationServiceProvider::class,
+        Illuminate\Validation\ValidationServiceProvider::class,
+        Illuminate\View\ViewServiceProvider::class,
+
+        /*
+         * Package Service Providers...
+         */
+
+        /*
+         * Application Service Providers...
+         */
+        App\Providers\AppServiceProvider::class,
+        App\Providers\AuthServiceProvider::class,
+        // App\Providers\BroadcastServiceProvider::class,
+        App\Providers\EventServiceProvider::class,
+        App\Providers\RouteServiceProvider::class,
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Class Aliases
+    |--------------------------------------------------------------------------
+    |
+    | This array of class aliases will be registered when this application
+    | is started. However, feel free to register as many as you wish as
+    | the aliases are "lazy" loaded so they don't hinder performance.
+    |
+    */
+
+    'aliases' => Facade::defaultAliases()->merge([
+        // 'ExampleClass' => App\Example\ExampleClass::class,
+    ])->toArray(),
+
 ];
diff --git a/config/auth.php b/config/auth.php
index 0ba5d5d8f10c959d538e1e6ae87aa271d41e1ff0..d8c6cee7c19c410449b5b9458bde053ae8f5bda0 100644
--- a/config/auth.php
+++ b/config/auth.php
@@ -7,15 +7,15 @@
     | Authentication Defaults
     |--------------------------------------------------------------------------
     |
-    | This option defines the default authentication "guard" and password
-    | reset "broker" for your application. You may change these values
+    | This option controls the default authentication "guard" and password
+    | reset options for your application. You may change these defaults
     | as required, but they're a perfect start for most applications.
     |
     */
 
     'defaults' => [
-        'guard' => env('AUTH_GUARD', 'web'),
-        'passwords' => env('AUTH_PASSWORD_BROKER', 'users'),
+        'guard' => 'web',
+        'passwords' => 'users',
     ],
 
     /*
@@ -25,11 +25,11 @@
     |
     | Next, you may define every authentication guard for your application.
     | Of course, a great default configuration has been defined for you
-    | which utilizes session storage plus the Eloquent user provider.
+    | here which uses session storage and the Eloquent user provider.
     |
-    | All authentication guards have a user provider, which defines how the
+    | All authentication drivers have a user provider. This defines how the
     | users are actually retrieved out of your database or other storage
-    | system used by the application. Typically, Eloquent is utilized.
+    | mechanisms used by this application to persist your user's data.
     |
     | Supported: "session"
     |
@@ -47,12 +47,12 @@
     | User Providers
     |--------------------------------------------------------------------------
     |
-    | All authentication guards have a user provider, which defines how the
+    | All authentication drivers have a user provider. This defines how the
     | users are actually retrieved out of your database or other storage
-    | system used by the application. Typically, Eloquent is utilized.
+    | mechanisms used by this application to persist your user's data.
     |
     | If you have multiple user tables or models you may configure multiple
-    | providers to represent the model / table. These providers may then
+    | sources which represent each model / table. These sources may then
     | be assigned to any extra authentication guards you have defined.
     |
     | Supported: "database", "eloquent"
@@ -62,7 +62,7 @@
     'providers' => [
         'users' => [
             'driver' => 'eloquent',
-            'model' => env('AUTH_MODEL', App\Models\User::class),
+            'model' => App\Models\User::class,
         ],
 
         // 'users' => [
@@ -76,24 +76,20 @@
     | Resetting Passwords
     |--------------------------------------------------------------------------
     |
-    | These configuration options specify the behavior of Laravel's password
-    | reset functionality, including the table utilized for token storage
-    | and the user provider that is invoked to actually retrieve users.
+    | You may specify multiple password reset configurations if you have more
+    | than one user table or model in the application and you want to have
+    | separate password reset settings based on the specific user types.
     |
-    | The expiry time is the number of minutes that each reset token will be
+    | The expire time is the number of minutes that each reset token will be
     | considered valid. This security feature keeps tokens short-lived so
     | they have less time to be guessed. You may change this as needed.
     |
-    | The throttle setting is the number of seconds a user must wait before
-    | generating more password reset tokens. This prevents the user from
-    | quickly generating a very large amount of password reset tokens.
-    |
     */
 
     'passwords' => [
         'users' => [
             'provider' => 'users',
-            'table' => env('AUTH_PASSWORD_RESET_TOKEN_TABLE', 'password_reset_tokens'),
+            'table' => 'password_resets',
             'expire' => 60,
             'throttle' => 60,
         ],
@@ -105,11 +101,11 @@
     |--------------------------------------------------------------------------
     |
     | Here you may define the amount of seconds before a password confirmation
-    | window expires and users are asked to re-enter their password via the
+    | times out and the user is prompted to re-enter their password via the
     | confirmation screen. By default, the timeout lasts for three hours.
     |
     */
 
-    'password_timeout' => env('AUTH_PASSWORD_TIMEOUT', 10800),
+    'password_timeout' => 10800,
 
 ];
diff --git a/config/broadcasting.php b/config/broadcasting.php
new file mode 100644
index 0000000000000000000000000000000000000000..1688242447994fb758da4f396c032dc973af92ed
--- /dev/null
+++ b/config/broadcasting.php
@@ -0,0 +1,70 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Broadcaster
+    |--------------------------------------------------------------------------
+    |
+    | This option controls the default broadcaster that will be used by the
+    | framework when an event needs to be broadcast. You may set this to
+    | any of the connections defined in the "connections" array below.
+    |
+    | Supported: "pusher", "ably", "redis", "log", "null"
+    |
+    */
+
+    'default' => env('BROADCAST_DRIVER', 'null'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Broadcast Connections
+    |--------------------------------------------------------------------------
+    |
+    | Here you may define all of the broadcast connections that will be used
+    | to broadcast events to other systems or over websockets. Samples of
+    | each available type of connection are provided inside this array.
+    |
+    */
+
+    'connections' => [
+
+        'pusher' => [
+            'driver' => 'pusher',
+            'key' => env('PUSHER_APP_KEY'),
+            'secret' => env('PUSHER_APP_SECRET'),
+            'app_id' => env('PUSHER_APP_ID'),
+            'options' => [
+                'host' => env('PUSHER_HOST', 'api-'.env('PUSHER_APP_CLUSTER', 'mt1').'.pusher.com') ?: 'api-'.env('PUSHER_APP_CLUSTER', 'mt1').'.pusher.com',
+                'port' => env('PUSHER_PORT', 443),
+                'scheme' => env('PUSHER_SCHEME', 'https'),
+                'encrypted' => true,
+                'useTLS' => env('PUSHER_SCHEME', 'https') === 'https',
+            ],
+            'client_options' => [
+                // Guzzle client options: https://docs.guzzlephp.org/en/stable/request-options.html
+            ],
+        ],
+
+        'ably' => [
+            'driver' => 'ably',
+            'key' => env('ABLY_KEY'),
+        ],
+
+        'redis' => [
+            'driver' => 'redis',
+            'connection' => 'default',
+        ],
+
+        'log' => [
+            'driver' => 'log',
+        ],
+
+        'null' => [
+            'driver' => 'null',
+        ],
+
+    ],
+
+];
diff --git a/config/cache.php b/config/cache.php
index 6b57b18332403f02486e69cd748875a078ff7b12..33bb29546eba5501bb91ab41199cce5c86ffcdf5 100644
--- a/config/cache.php
+++ b/config/cache.php
@@ -9,13 +9,13 @@
     | Default Cache Store
     |--------------------------------------------------------------------------
     |
-    | This option controls the default cache store that will be used by the
-    | framework. This connection is utilized if another isn't explicitly
-    | specified when running a cache operation inside the application.
+    | This option controls the default cache connection that gets used while
+    | using this caching library. This connection is used when another is
+    | not explicitly specified when executing a given caching function.
     |
     */
 
-    'default' => env('CACHE_STORE', 'database'),
+    'default' => env('CACHE_DRIVER', 'file'),
 
     /*
     |--------------------------------------------------------------------------
@@ -26,13 +26,17 @@
     | well as their drivers. You may even define multiple stores for the
     | same cache driver to group types of items stored in your caches.
     |
-    | Supported drivers: "array", "database", "file", "memcached",
-    |                    "redis", "dynamodb", "octane", "null"
+    | Supported drivers: "apc", "array", "database", "file",
+    |         "memcached", "redis", "dynamodb", "octane", "null"
     |
     */
 
     'stores' => [
 
+        'apc' => [
+            'driver' => 'apc',
+        ],
+
         'array' => [
             'driver' => 'array',
             'serialize' => false,
@@ -40,15 +44,14 @@
 
         'database' => [
             'driver' => 'database',
-            'table' => env('DB_CACHE_TABLE', 'cache'),
-            'connection' => env('DB_CACHE_CONNECTION'),
-            'lock_connection' => env('DB_CACHE_LOCK_CONNECTION'),
+            'table' => 'cache',
+            'connection' => null,
+            'lock_connection' => null,
         ],
 
         'file' => [
             'driver' => 'file',
             'path' => storage_path('framework/cache/data'),
-            'lock_path' => storage_path('framework/cache/data'),
         ],
 
         'memcached' => [
@@ -72,8 +75,8 @@
 
         'redis' => [
             'driver' => 'redis',
-            'connection' => env('REDIS_CACHE_CONNECTION', 'cache'),
-            'lock_connection' => env('REDIS_CACHE_LOCK_CONNECTION', 'default'),
+            'connection' => 'cache',
+            'lock_connection' => 'default',
         ],
 
         'dynamodb' => [
@@ -96,8 +99,8 @@
     | Cache Key Prefix
     |--------------------------------------------------------------------------
     |
-    | When utilizing the APC, database, memcached, Redis, and DynamoDB cache
-    | stores, there might be other applications using the same cache. For
+    | When utilizing the APC, database, memcached, Redis, or DynamoDB cache
+    | stores there might be other applications using the same cache. For
     | that reason, you may prefix every cache key to avoid collisions.
     |
     */
diff --git a/config/cors.php b/config/cors.php
new file mode 100644
index 0000000000000000000000000000000000000000..8a39e6daa63dd3a4c07693f728ff136c05a3ed6e
--- /dev/null
+++ b/config/cors.php
@@ -0,0 +1,34 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Cross-Origin Resource Sharing (CORS) Configuration
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure your settings for cross-origin resource sharing
+    | or "CORS". This determines what cross-origin operations may execute
+    | in web browsers. You are free to adjust these settings as needed.
+    |
+    | To learn more: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
+    |
+    */
+
+    'paths' => ['api/*', 'sanctum/csrf-cookie'],
+
+    'allowed_methods' => ['*'],
+
+    'allowed_origins' => ['*'],
+
+    'allowed_origins_patterns' => [],
+
+    'allowed_headers' => ['*'],
+
+    'exposed_headers' => [],
+
+    'max_age' => 0,
+
+    'supports_credentials' => false,
+
+];
diff --git a/config/database.php b/config/database.php
index f8e8dcb8a6c38c6237f500a30e04043d1fe2aa9b..137ad18ce38212e44727b9814bf27534a851be3c 100644
--- a/config/database.php
+++ b/config/database.php
@@ -10,22 +10,26 @@
     |--------------------------------------------------------------------------
     |
     | Here you may specify which of the database connections below you wish
-    | to use as your default connection for database operations. This is
-    | the connection which will be utilized unless another connection
-    | is explicitly specified when you execute a query / statement.
+    | to use as your default connection for all database work. Of course
+    | you may use many connections at once using the Database library.
     |
     */
 
-    'default' => env('DB_CONNECTION', 'sqlite'),
+    'default' => env('DB_CONNECTION', 'mysql'),
 
     /*
     |--------------------------------------------------------------------------
     | Database Connections
     |--------------------------------------------------------------------------
     |
-    | Below are all of the database connections defined for your application.
-    | An example configuration is provided for each database system which
-    | is supported by Laravel. You're free to add / remove connections.
+    | Here are each of the database connections setup for your application.
+    | Of course, examples of configuring each database platform that is
+    | supported by Laravel is shown below to make development simple.
+    |
+    |
+    | All database work in Laravel is done through the PHP PDO facilities
+    | so make sure you have the driver for your particular database of
+    | choice installed on your machine before you begin development.
     |
     */
 
@@ -33,7 +37,7 @@
 
         'sqlite' => [
             'driver' => 'sqlite',
-            'url' => env('DB_URL'),
+            'url' => env('DATABASE_URL'),
             'database' => env('DB_DATABASE', database_path('database.sqlite')),
             'prefix' => '',
             'foreign_key_constraints' => env('DB_FOREIGN_KEYS', true),
@@ -41,35 +45,15 @@
 
         'mysql' => [
             'driver' => 'mysql',
-            'url' => env('DB_URL'),
-            'host' => env('DB_HOST', '127.0.0.1'),
-            'port' => env('DB_PORT', '3306'),
-            'database' => env('DB_DATABASE', 'laravel'),
-            'username' => env('DB_USERNAME', 'root'),
-            'password' => env('DB_PASSWORD', ''),
-            'unix_socket' => env('DB_SOCKET', ''),
-            'charset' => env('DB_CHARSET', 'utf8mb4'),
-            'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
-            'prefix' => '',
-            'prefix_indexes' => true,
-            'strict' => true,
-            'engine' => null,
-            'options' => extension_loaded('pdo_mysql') ? array_filter([
-                PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),
-            ]) : [],
-        ],
-
-        'mariadb' => [
-            'driver' => 'mariadb',
-            'url' => env('DB_URL'),
+            'url' => env('DATABASE_URL'),
             'host' => env('DB_HOST', '127.0.0.1'),
             'port' => env('DB_PORT', '3306'),
-            'database' => env('DB_DATABASE', 'laravel'),
-            'username' => env('DB_USERNAME', 'root'),
+            'database' => env('DB_DATABASE', 'forge'),
+            'username' => env('DB_USERNAME', 'forge'),
             'password' => env('DB_PASSWORD', ''),
             'unix_socket' => env('DB_SOCKET', ''),
-            'charset' => env('DB_CHARSET', 'utf8mb4'),
-            'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
+            'charset' => 'utf8mb4',
+            'collation' => 'utf8mb4_unicode_ci',
             'prefix' => '',
             'prefix_indexes' => true,
             'strict' => true,
@@ -81,13 +65,13 @@
 
         'pgsql' => [
             'driver' => 'pgsql',
-            'url' => env('DB_URL'),
+            'url' => env('DATABASE_URL'),
             'host' => env('DB_HOST', '127.0.0.1'),
             'port' => env('DB_PORT', '5432'),
-            'database' => env('DB_DATABASE', 'laravel'),
-            'username' => env('DB_USERNAME', 'root'),
+            'database' => env('DB_DATABASE', 'forge'),
+            'username' => env('DB_USERNAME', 'forge'),
             'password' => env('DB_PASSWORD', ''),
-            'charset' => env('DB_CHARSET', 'utf8'),
+            'charset' => 'utf8',
             'prefix' => '',
             'prefix_indexes' => true,
             'search_path' => 'public',
@@ -96,13 +80,13 @@
 
         'sqlsrv' => [
             'driver' => 'sqlsrv',
-            'url' => env('DB_URL'),
+            'url' => env('DATABASE_URL'),
             'host' => env('DB_HOST', 'localhost'),
             'port' => env('DB_PORT', '1433'),
-            'database' => env('DB_DATABASE', 'laravel'),
-            'username' => env('DB_USERNAME', 'root'),
+            'database' => env('DB_DATABASE', 'forge'),
+            'username' => env('DB_USERNAME', 'forge'),
             'password' => env('DB_PASSWORD', ''),
-            'charset' => env('DB_CHARSET', 'utf8'),
+            'charset' => 'utf8',
             'prefix' => '',
             'prefix_indexes' => true,
             // 'encrypt' => env('DB_ENCRYPT', 'yes'),
@@ -118,14 +102,11 @@
     |
     | This table keeps track of all the migrations that have already run for
     | your application. Using this information, we can determine which of
-    | the migrations on disk haven't actually been run on the database.
+    | the migrations on disk haven't actually been run in the database.
     |
     */
 
-    'migrations' => [
-        'table' => 'migrations',
-        'update_date_on_publish' => true,
-    ],
+    'migrations' => 'migrations',
 
     /*
     |--------------------------------------------------------------------------
@@ -134,7 +115,7 @@
     |
     | Redis is an open source, fast, and advanced key-value store that also
     | provides a richer body of commands than a typical key-value system
-    | such as Memcached. You may define your connection settings here.
+    | such as APC or Memcached. Laravel makes it easy to dig right in.
     |
     */
 
diff --git a/config/filesystems.php b/config/filesystems.php
index 44fe9c828e0ea2fd2b65aec7a58d68633098b41a..e9d9dbdbe8ad384c1ea73b5f06bf9b9daa18007d 100644
--- a/config/filesystems.php
+++ b/config/filesystems.php
@@ -9,7 +9,7 @@
     |
     | Here you may specify the default filesystem disk that should be used
     | by the framework. The "local" disk, as well as a variety of cloud
-    | based disks are available to your application for file storage.
+    | based disks are available to your application. Just store away!
     |
     */
 
@@ -20,9 +20,9 @@
     | Filesystem Disks
     |--------------------------------------------------------------------------
     |
-    | Below you may configure as many filesystem disks as necessary, and you
-    | may even configure multiple disks for the same driver. Examples for
-    | most supported storage drivers are configured here for reference.
+    | Here you may configure as many filesystem "disks" as you wish, and you
+    | may even configure multiple disks of the same driver. Defaults have
+    | been set up for each driver as an example of the required values.
     |
     | Supported Drivers: "local", "ftp", "sftp", "s3"
     |
diff --git a/config/fortify.php b/config/fortify.php
deleted file mode 100644
index d2f31e3e6758551c94bc64c407daa9d9d5c2c960..0000000000000000000000000000000000000000
--- a/config/fortify.php
+++ /dev/null
@@ -1,159 +0,0 @@
-<?php
-
-use Laravel\Fortify\Features;
-
-return [
-
-    /*
-    |--------------------------------------------------------------------------
-    | Fortify Guard
-    |--------------------------------------------------------------------------
-    |
-    | Here you may specify which authentication guard Fortify will use while
-    | authenticating users. This value should correspond with one of your
-    | guards that is already present in your "auth" configuration file.
-    |
-    */
-
-    'guard' => 'web',
-
-    /*
-    |--------------------------------------------------------------------------
-    | Fortify Password Broker
-    |--------------------------------------------------------------------------
-    |
-    | Here you may specify which password broker Fortify can use when a user
-    | is resetting their password. This configured value should match one
-    | of your password brokers setup in your "auth" configuration file.
-    |
-    */
-
-    'passwords' => 'users',
-
-    /*
-    |--------------------------------------------------------------------------
-    | Username / Email
-    |--------------------------------------------------------------------------
-    |
-    | This value defines which model attribute should be considered as your
-    | application's "username" field. Typically, this might be the email
-    | address of the users but you are free to change this value here.
-    |
-    | Out of the box, Fortify expects forgot password and reset password
-    | requests to have a field named 'email'. If the application uses
-    | another name for the field you may define it below as needed.
-    |
-    */
-
-    'username' => 'username',
-
-    'email' => 'email',
-
-    /*
-    |--------------------------------------------------------------------------
-    | Lowercase Usernames
-    |--------------------------------------------------------------------------
-    |
-    | This value defines whether usernames should be lowercased before saving
-    | them in the database, as some database system string fields are case
-    | sensitive. You may disable this for your application if necessary.
-    |
-    */
-
-    'lowercase_usernames' => true,
-
-    /*
-    |--------------------------------------------------------------------------
-    | Home Path
-    |--------------------------------------------------------------------------
-    |
-    | Here you may configure the path where users will get redirected during
-    | authentication or password reset when the operations are successful
-    | and the user is authenticated. You are free to change this value.
-    |
-    */
-
-    'home' => '/dashboard',
-
-    /*
-    |--------------------------------------------------------------------------
-    | Fortify Routes Prefix / Subdomain
-    |--------------------------------------------------------------------------
-    |
-    | Here you may specify which prefix Fortify will assign to all the routes
-    | that it registers with the application. If necessary, you may change
-    | subdomain under which all of the Fortify routes will be available.
-    |
-    */
-
-    'prefix' => '',
-
-    'domain' => null,
-
-    /*
-    |--------------------------------------------------------------------------
-    | Fortify Routes Middleware
-    |--------------------------------------------------------------------------
-    |
-    | Here you may specify which middleware Fortify will assign to the routes
-    | that it registers with the application. If necessary, you may change
-    | these middleware but typically this provided default is preferred.
-    |
-    */
-
-    'middleware' => ['web'],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Rate Limiting
-    |--------------------------------------------------------------------------
-    |
-    | By default, Fortify will throttle logins to five requests per minute for
-    | every email and IP address combination. However, if you would like to
-    | specify a custom rate limiter to call then you may specify it here.
-    |
-    */
-
-    'limiters' => [
-        'login' => 'login',
-        'two-factor' => 'two-factor',
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Register View Routes
-    |--------------------------------------------------------------------------
-    |
-    | Here you may specify if the routes returning views should be disabled as
-    | you may not need them when building your own application. This may be
-    | especially true if you're writing a custom single-page application.
-    |
-    */
-
-    'views' => true,
-
-    /*
-    |--------------------------------------------------------------------------
-    | Features
-    |--------------------------------------------------------------------------
-    |
-    | Some of the Fortify features are optional. You may disable the features
-    | by removing them from this array. You're free to only remove some of
-    | these features or you can even remove all of these if you need to.
-    |
-    */
-
-    'features' => [
-        Features::registration(),
-        Features::resetPasswords(),
-        // Features::emailVerification(),
-        Features::updateProfileInformation(),
-        Features::updatePasswords(),
-        Features::twoFactorAuthentication([
-            'confirm' => true,
-            'confirmPassword' => true,
-            // 'window' => 0,
-        ]),
-    ],
-
-];
diff --git a/config/hashing.php b/config/hashing.php
new file mode 100644
index 0000000000000000000000000000000000000000..bcd3be4c28aa78fdc11f52b699718fd14fa3fda9
--- /dev/null
+++ b/config/hashing.php
@@ -0,0 +1,52 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Hash Driver
+    |--------------------------------------------------------------------------
+    |
+    | This option controls the default hash driver that will be used to hash
+    | passwords for your application. By default, the bcrypt algorithm is
+    | used; however, you remain free to modify this option if you wish.
+    |
+    | Supported: "bcrypt", "argon", "argon2id"
+    |
+    */
+
+    'driver' => 'bcrypt',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Bcrypt Options
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify the configuration options that should be used when
+    | passwords are hashed using the Bcrypt algorithm. This will allow you
+    | to control the amount of time it takes to hash the given password.
+    |
+    */
+
+    'bcrypt' => [
+        'rounds' => env('BCRYPT_ROUNDS', 10),
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Argon Options
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify the configuration options that should be used when
+    | passwords are hashed using the Argon algorithm. These will allow you
+    | to control the amount of time it takes to hash the given password.
+    |
+    */
+
+    'argon' => [
+        'memory' => 65536,
+        'threads' => 1,
+        'time' => 4,
+    ],
+
+];
diff --git a/config/jetstream.php b/config/jetstream.php
deleted file mode 100644
index d5e5f11d1b23dd3b010c9a331c4800bffb9c6b36..0000000000000000000000000000000000000000
--- a/config/jetstream.php
+++ /dev/null
@@ -1,81 +0,0 @@
-<?php
-
-use Laravel\Jetstream\Features;
-use Laravel\Jetstream\Http\Middleware\AuthenticateSession;
-
-return [
-
-    /*
-    |--------------------------------------------------------------------------
-    | Jetstream Stack
-    |--------------------------------------------------------------------------
-    |
-    | This configuration value informs Jetstream which "stack" you will be
-    | using for your application. In general, this value is set for you
-    | during installation and will not need to be changed after that.
-    |
-    */
-
-    'stack' => 'livewire',
-
-    /*
-     |--------------------------------------------------------------------------
-     | Jetstream Route Middleware
-     |--------------------------------------------------------------------------
-     |
-     | Here you may specify which middleware Jetstream will assign to the routes
-     | that it registers with the application. When necessary, you may modify
-     | these middleware; however, this default value is usually sufficient.
-     |
-     */
-
-    'middleware' => ['web'],
-
-    'auth_session' => AuthenticateSession::class,
-
-    /*
-    |--------------------------------------------------------------------------
-    | Jetstream Guard
-    |--------------------------------------------------------------------------
-    |
-    | Here you may specify the authentication guard Jetstream will use while
-    | authenticating users. This value should correspond with one of your
-    | guards that is already present in your "auth" configuration file.
-    |
-    */
-
-    'guard' => 'sanctum',
-
-    /*
-    |--------------------------------------------------------------------------
-    | Features
-    |--------------------------------------------------------------------------
-    |
-    | Some of Jetstream's features are optional. You may disable the features
-    | by removing them from this array. You're free to only remove some of
-    | these features or you can even remove all of these if you need to.
-    |
-    */
-
-    'features' => [
-        // Features::termsAndPrivacyPolicy(),
-        // Features::profilePhotos(),
-        // Features::api(),
-        // Features::teams(['invitations' => true]),
-        Features::accountDeletion(),
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Profile Photo Disk
-    |--------------------------------------------------------------------------
-    |
-    | This configuration value determines the default disk that will be used
-    | when storing profile photos for your application's users. Typically
-    | this will be the "public" disk but you may adjust this if needed.
-    |
-    */
-
-    'profile_photo_disk' => 'public',
-
-];
diff --git a/config/logging.php b/config/logging.php
index d526b64d75a54769b52536e3d98379114987693d..5aa1dbb78815158ce20421d5099ede9b965e0a26 100644
--- a/config/logging.php
+++ b/config/logging.php
@@ -3,7 +3,6 @@
 use Monolog\Handler\NullHandler;
 use Monolog\Handler\StreamHandler;
 use Monolog\Handler\SyslogUdpHandler;
-use Monolog\Processor\PsrLogMessageProcessor;
 
 return [
 
@@ -12,9 +11,9 @@
     | Default Log Channel
     |--------------------------------------------------------------------------
     |
-    | This option defines the default log channel that is utilized to write
-    | messages to your logs. The value provided here should match one of
-    | the channels present in the list of "channels" configured below.
+    | This option defines the default log channel that gets used when writing
+    | messages to the logs. The name specified in this option should match
+    | one of the channels defined in the "channels" configuration array.
     |
     */
 
@@ -33,7 +32,7 @@
 
     'deprecations' => [
         'channel' => env('LOG_DEPRECATIONS_CHANNEL', 'null'),
-        'trace' => env('LOG_DEPRECATIONS_TRACE', false),
+        'trace' => false,
     ],
 
     /*
@@ -41,20 +40,20 @@
     | Log Channels
     |--------------------------------------------------------------------------
     |
-    | Here you may configure the log channels for your application. Laravel
-    | utilizes the Monolog PHP logging library, which includes a variety
-    | of powerful log handlers and formatters that you're free to use.
+    | Here you may configure the log channels for your application. Out of
+    | the box, Laravel uses the Monolog PHP logging library. This gives
+    | you a variety of powerful log handlers / formatters to utilize.
     |
     | Available Drivers: "single", "daily", "slack", "syslog",
-    |                    "errorlog", "monolog", "custom", "stack"
+    |                    "errorlog", "monolog",
+    |                    "custom", "stack"
     |
     */
 
     'channels' => [
-
         'stack' => [
             'driver' => 'stack',
-            'channels' => explode(',', env('LOG_STACK', 'single')),
+            'channels' => ['single'],
             'ignore_exceptions' => false,
         ],
 
@@ -62,24 +61,21 @@
             'driver' => 'single',
             'path' => storage_path('logs/laravel.log'),
             'level' => env('LOG_LEVEL', 'debug'),
-            'replace_placeholders' => true,
         ],
 
         'daily' => [
             'driver' => 'daily',
             'path' => storage_path('logs/laravel.log'),
             'level' => env('LOG_LEVEL', 'debug'),
-            'days' => env('LOG_DAILY_DAYS', 14),
-            'replace_placeholders' => true,
+            'days' => 14,
         ],
 
         'slack' => [
             'driver' => 'slack',
             'url' => env('LOG_SLACK_WEBHOOK_URL'),
-            'username' => env('LOG_SLACK_USERNAME', 'Laravel Log'),
-            'emoji' => env('LOG_SLACK_EMOJI', ':boom:'),
+            'username' => 'Laravel Log',
+            'emoji' => ':boom:',
             'level' => env('LOG_LEVEL', 'critical'),
-            'replace_placeholders' => true,
         ],
 
         'papertrail' => [
@@ -91,7 +87,6 @@
                 'port' => env('PAPERTRAIL_PORT'),
                 'connectionString' => 'tls://'.env('PAPERTRAIL_URL').':'.env('PAPERTRAIL_PORT'),
             ],
-            'processors' => [PsrLogMessageProcessor::class],
         ],
 
         'stderr' => [
@@ -102,20 +97,16 @@
             'with' => [
                 'stream' => 'php://stderr',
             ],
-            'processors' => [PsrLogMessageProcessor::class],
         ],
 
         'syslog' => [
             'driver' => 'syslog',
             'level' => env('LOG_LEVEL', 'debug'),
-            'facility' => env('LOG_SYSLOG_FACILITY', LOG_USER),
-            'replace_placeholders' => true,
         ],
 
         'errorlog' => [
             'driver' => 'errorlog',
             'level' => env('LOG_LEVEL', 'debug'),
-            'replace_placeholders' => true,
         ],
 
         'null' => [
@@ -126,7 +117,6 @@
         'emergency' => [
             'path' => storage_path('logs/laravel.log'),
         ],
-
     ],
 
 ];
diff --git a/config/mail.php b/config/mail.php
index df13d3df226c660fa0ce29cbd13f6d366fc230d0..534395a369bf31a7cc4da747887882588bed258f 100644
--- a/config/mail.php
+++ b/config/mail.php
@@ -7,14 +7,13 @@
     | Default Mailer
     |--------------------------------------------------------------------------
     |
-    | This option controls the default mailer that is used to send all email
-    | messages unless another mailer is explicitly specified when sending
-    | the message. All additional mailers can be configured within the
-    | "mailers" array. Examples of each type of mailer are provided.
+    | This option controls the default mailer that is used to send any email
+    | messages sent by your application. Alternative mailers may be setup
+    | and used as needed; however, this mailer will be used by default.
     |
     */
 
-    'default' => env('MAIL_MAILER', 'log'),
+    'default' => env('MAIL_MAILER', 'smtp'),
 
     /*
     |--------------------------------------------------------------------------
@@ -25,44 +24,37 @@
     | their respective settings. Several examples have been configured for
     | you and you are free to add your own as your application requires.
     |
-    | Laravel supports a variety of mail "transport" drivers that can be used
-    | when delivering an email. You may specify which one you're using for
-    | your mailers below. You may also add additional mailers if needed.
+    | Laravel supports a variety of mail "transport" drivers to be used while
+    | sending an e-mail. You will specify which one you are using for your
+    | mailers below. You are free to add additional mailers as required.
     |
-    | Supported: "smtp", "sendmail", "mailgun", "ses", "ses-v2",
-    |            "postmark", "resend", "log", "array",
-    |            "failover", "roundrobin"
+    | Supported: "smtp", "sendmail", "mailgun", "ses",
+    |            "postmark", "log", "array", "failover"
     |
     */
 
     'mailers' => [
-
         'smtp' => [
             'transport' => 'smtp',
-            'url' => env('MAIL_URL'),
-            'host' => env('MAIL_HOST', '127.0.0.1'),
-            'port' => env('MAIL_PORT', 2525),
+            'host' => env('MAIL_HOST', 'smtp.mailgun.org'),
+            'port' => env('MAIL_PORT', 587),
             'encryption' => env('MAIL_ENCRYPTION', 'tls'),
             'username' => env('MAIL_USERNAME'),
             'password' => env('MAIL_PASSWORD'),
             'timeout' => null,
-            'local_domain' => env('MAIL_EHLO_DOMAIN', parse_url(env('APP_URL', 'http://localhost'), PHP_URL_HOST)),
+            'local_domain' => env('MAIL_EHLO_DOMAIN'),
         ],
 
         'ses' => [
             'transport' => 'ses',
         ],
 
-        'postmark' => [
-            'transport' => 'postmark',
-            // 'message_stream_id' => env('POSTMARK_MESSAGE_STREAM_ID'),
-            // 'client' => [
-            //     'timeout' => 5,
-            // ],
+        'mailgun' => [
+            'transport' => 'mailgun',
         ],
 
-        'resend' => [
-            'transport' => 'resend',
+        'postmark' => [
+            'transport' => 'postmark',
         ],
 
         'sendmail' => [
@@ -86,15 +78,6 @@
                 'log',
             ],
         ],
-
-        'roundrobin' => [
-            'transport' => 'roundrobin',
-            'mailers' => [
-                'ses',
-                'postmark',
-            ],
-        ],
-
     ],
 
     /*
@@ -102,9 +85,9 @@
     | Global "From" Address
     |--------------------------------------------------------------------------
     |
-    | You may wish for all emails sent by your application to be sent from
-    | the same address. Here you may specify a name and address that is
-    | used globally for all emails that are sent by your application.
+    | You may wish for all e-mails sent by your application to be sent from
+    | the same address. Here, you may specify a name and address that is
+    | used globally for all e-mails that are sent by your application.
     |
     */
 
@@ -113,4 +96,23 @@
         'name' => env('MAIL_FROM_NAME', 'Example'),
     ],
 
+    /*
+    |--------------------------------------------------------------------------
+    | Markdown Mail Settings
+    |--------------------------------------------------------------------------
+    |
+    | If you are using Markdown based email rendering, you may configure your
+    | theme and component paths here, allowing you to customize the design
+    | of the emails. Or, you may simply stick with the Laravel defaults!
+    |
+    */
+
+    'markdown' => [
+        'theme' => 'default',
+
+        'paths' => [
+            resource_path('views/vendor/mail'),
+        ],
+    ],
+
 ];
diff --git a/config/permission.php b/config/permission.php
deleted file mode 100644
index 2a520f351290b9df0faeb25c58c8e190bde5d02c..0000000000000000000000000000000000000000
--- a/config/permission.php
+++ /dev/null
@@ -1,186 +0,0 @@
-<?php
-
-return [
-
-    'models' => [
-
-        /*
-         * When using the "HasPermissions" trait from this package, we need to know which
-         * Eloquent model should be used to retrieve your permissions. Of course, it
-         * is often just the "Permission" model but you may use whatever you like.
-         *
-         * The model you want to use as a Permission model needs to implement the
-         * `Spatie\Permission\Contracts\Permission` contract.
-         */
-
-        'permission' => Spatie\Permission\Models\Permission::class,
-
-        /*
-         * When using the "HasRoles" trait from this package, we need to know which
-         * Eloquent model should be used to retrieve your roles. Of course, it
-         * is often just the "Role" model but you may use whatever you like.
-         *
-         * The model you want to use as a Role model needs to implement the
-         * `Spatie\Permission\Contracts\Role` contract.
-         */
-
-        'role' => Spatie\Permission\Models\Role::class,
-
-    ],
-
-    'table_names' => [
-
-        /*
-         * When using the "HasRoles" trait from this package, we need to know which
-         * table should be used to retrieve your roles. We have chosen a basic
-         * default value but you may easily change it to any table you like.
-         */
-
-        'roles' => 'roles',
-
-        /*
-         * When using the "HasPermissions" trait from this package, we need to know which
-         * table should be used to retrieve your permissions. We have chosen a basic
-         * default value but you may easily change it to any table you like.
-         */
-
-        'permissions' => 'permissions',
-
-        /*
-         * When using the "HasPermissions" trait from this package, we need to know which
-         * table should be used to retrieve your models permissions. We have chosen a
-         * basic default value but you may easily change it to any table you like.
-         */
-
-        'model_has_permissions' => 'model_has_permissions',
-
-        /*
-         * When using the "HasRoles" trait from this package, we need to know which
-         * table should be used to retrieve your models roles. We have chosen a
-         * basic default value but you may easily change it to any table you like.
-         */
-
-        'model_has_roles' => 'model_has_roles',
-
-        /*
-         * When using the "HasRoles" trait from this package, we need to know which
-         * table should be used to retrieve your roles permissions. We have chosen a
-         * basic default value but you may easily change it to any table you like.
-         */
-
-        'role_has_permissions' => 'role_has_permissions',
-    ],
-
-    'column_names' => [
-        /*
-         * Change this if you want to name the related pivots other than defaults
-         */
-        'role_pivot_key' => null, //default 'role_id',
-        'permission_pivot_key' => null, //default 'permission_id',
-
-        /*
-         * Change this if you want to name the related model primary key other than
-         * `model_id`.
-         *
-         * For example, this would be nice if your primary keys are all UUIDs. In
-         * that case, name this `model_uuid`.
-         */
-
-        'model_morph_key' => 'model_id',
-
-        /*
-         * Change this if you want to use the teams feature and your related model's
-         * foreign key is other than `team_id`.
-         */
-
-        'team_foreign_key' => 'team_id',
-    ],
-
-    /*
-     * When set to true, the method for checking permissions will be registered on the gate.
-     * Set this to false if you want to implement custom logic for checking permissions.
-     */
-
-    'register_permission_check_method' => true,
-
-    /*
-     * When set to true, Laravel\Octane\Events\OperationTerminated event listener will be registered
-     * this will refresh permissions on every TickTerminated, TaskTerminated and RequestTerminated
-     * NOTE: This should not be needed in most cases, but an Octane/Vapor combination benefited from it.
-     */
-    'register_octane_reset_listener' => false,
-
-    /*
-     * Teams Feature.
-     * When set to true the package implements teams using the 'team_foreign_key'.
-     * If you want the migrations to register the 'team_foreign_key', you must
-     * set this to true before doing the migration.
-     * If you already did the migration then you must make a new migration to also
-     * add 'team_foreign_key' to 'roles', 'model_has_roles', and 'model_has_permissions'
-     * (view the latest version of this package's migration file)
-     */
-
-    'teams' => false,
-
-    /*
-     * Passport Client Credentials Grant
-     * When set to true the package will use Passports Client to check permissions
-     */
-
-    'use_passport_client_credentials' => false,
-
-    /*
-     * When set to true, the required permission names are added to exception messages.
-     * This could be considered an information leak in some contexts, so the default
-     * setting is false here for optimum safety.
-     */
-
-    'display_permission_in_exception' => false,
-
-    /*
-     * When set to true, the required role names are added to exception messages.
-     * This could be considered an information leak in some contexts, so the default
-     * setting is false here for optimum safety.
-     */
-
-    'display_role_in_exception' => false,
-
-    /*
-     * By default wildcard permission lookups are disabled.
-     * See documentation to understand supported syntax.
-     */
-
-    'enable_wildcard_permission' => false,
-
-    /*
-     * The class to use for interpreting wildcard permissions.
-     * If you need to modify delimiters, override the class and specify its name here.
-     */
-    // 'permission.wildcard_permission' => Spatie\Permission\WildcardPermission::class,
-
-    /* Cache-specific settings */
-
-    'cache' => [
-
-        /*
-         * By default all permissions are cached for 24 hours to speed up performance.
-         * When permissions or roles are updated the cache is flushed automatically.
-         */
-
-        'expiration_time' => \DateInterval::createFromDateString('24 hours'),
-
-        /*
-         * The cache key used to store all permissions.
-         */
-
-        'key' => 'spatie.permission.cache',
-
-        /*
-         * You may optionally indicate a specific cache driver to use for permission and
-         * role caching using any of the `store` drivers listed in the cache.php config
-         * file. Using 'default' here means to use the `default` set in cache.php.
-         */
-
-        'store' => 'default',
-    ],
-];
diff --git a/config/queue.php b/config/queue.php
index 116bd8d002477e76510418cdbe2ac90a92ea7ce7..25ea5a819352e0fa8bacc367dd0cb39b71292c4f 100644
--- a/config/queue.php
+++ b/config/queue.php
@@ -7,22 +7,22 @@
     | Default Queue Connection Name
     |--------------------------------------------------------------------------
     |
-    | Laravel's queue supports a variety of backends via a single, unified
-    | API, giving you convenient access to each backend using identical
-    | syntax for each. The default queue connection is defined below.
+    | Laravel's queue API supports an assortment of back-ends via a single
+    | API, giving you convenient access to each back-end using the same
+    | syntax for every one. Here you may define a default connection.
     |
     */
 
-    'default' => env('QUEUE_CONNECTION', 'database'),
+    'default' => env('QUEUE_CONNECTION', 'sync'),
 
     /*
     |--------------------------------------------------------------------------
     | Queue Connections
     |--------------------------------------------------------------------------
     |
-    | Here you may configure the connection options for every queue backend
-    | used by your application. An example configuration is provided for
-    | each backend supported by Laravel. You're also free to add more.
+    | Here you may configure the connection information for each server that
+    | is used by your application. A default configuration has been added
+    | for each back-end shipped with Laravel. You are free to add more.
     |
     | Drivers: "sync", "database", "beanstalkd", "sqs", "redis", "null"
     |
@@ -36,18 +36,17 @@
 
         'database' => [
             'driver' => 'database',
-            'connection' => env('DB_QUEUE_CONNECTION'),
-            'table' => env('DB_QUEUE_TABLE', 'jobs'),
-            'queue' => env('DB_QUEUE', 'default'),
-            'retry_after' => (int) env('DB_QUEUE_RETRY_AFTER', 90),
+            'table' => 'jobs',
+            'queue' => 'default',
+            'retry_after' => 90,
             'after_commit' => false,
         ],
 
         'beanstalkd' => [
             'driver' => 'beanstalkd',
-            'host' => env('BEANSTALKD_QUEUE_HOST', 'localhost'),
-            'queue' => env('BEANSTALKD_QUEUE', 'default'),
-            'retry_after' => (int) env('BEANSTALKD_QUEUE_RETRY_AFTER', 90),
+            'host' => 'localhost',
+            'queue' => 'default',
+            'retry_after' => 90,
             'block_for' => 0,
             'after_commit' => false,
         ],
@@ -65,47 +64,29 @@
 
         'redis' => [
             'driver' => 'redis',
-            'connection' => env('REDIS_QUEUE_CONNECTION', 'default'),
+            'connection' => 'default',
             'queue' => env('REDIS_QUEUE', 'default'),
-            'retry_after' => (int) env('REDIS_QUEUE_RETRY_AFTER', 90),
+            'retry_after' => 90,
             'block_for' => null,
             'after_commit' => false,
         ],
 
     ],
 
-    /*
-    |--------------------------------------------------------------------------
-    | Job Batching
-    |--------------------------------------------------------------------------
-    |
-    | The following options configure the database and table that store job
-    | batching information. These options can be updated to any database
-    | connection and table which has been defined by your application.
-    |
-    */
-
-    'batching' => [
-        'database' => env('DB_CONNECTION', 'sqlite'),
-        'table' => 'job_batches',
-    ],
-
     /*
     |--------------------------------------------------------------------------
     | Failed Queue Jobs
     |--------------------------------------------------------------------------
     |
     | These options configure the behavior of failed queue job logging so you
-    | can control how and where failed jobs are stored. Laravel ships with
-    | support for storing failed jobs in a simple file or in a database.
-    |
-    | Supported drivers: "database-uuids", "dynamodb", "file", "null"
+    | can control which database and table are used to store the jobs that
+    | have failed. You may change them to any database / table you wish.
     |
     */
 
     'failed' => [
         'driver' => env('QUEUE_FAILED_DRIVER', 'database-uuids'),
-        'database' => env('DB_CONNECTION', 'sqlite'),
+        'database' => env('DB_CONNECTION', 'mysql'),
         'table' => 'failed_jobs',
     ],
 
diff --git a/config/sanctum.php b/config/sanctum.php
index 764a82fac9b8176ba6e8619b294a50021ce507f5..529cfdc9916c1bd990016e2d8789895873908548 100644
--- a/config/sanctum.php
+++ b/config/sanctum.php
@@ -41,28 +41,13 @@
     |--------------------------------------------------------------------------
     |
     | This value controls the number of minutes until an issued token will be
-    | considered expired. This will override any values set in the token's
-    | "expires_at" attribute, but first-party sessions are not affected.
+    | considered expired. If this value is null, personal access tokens do
+    | not expire. This won't tweak the lifetime of first-party sessions.
     |
     */
 
     'expiration' => null,
 
-    /*
-    |--------------------------------------------------------------------------
-    | Token Prefix
-    |--------------------------------------------------------------------------
-    |
-    | Sanctum can prefix new tokens in order to take advantage of numerous
-    | security scanning initiatives maintained by open source platforms
-    | that notify developers if they commit tokens into repositories.
-    |
-    | See: https://docs.github.com/en/code-security/secret-scanning/about-secret-scanning
-    |
-    */
-
-    'token_prefix' => env('SANCTUM_TOKEN_PREFIX', ''),
-
     /*
     |--------------------------------------------------------------------------
     | Sanctum Middleware
@@ -75,9 +60,8 @@
     */
 
     'middleware' => [
-        'authenticate_session' => Laravel\Sanctum\Http\Middleware\AuthenticateSession::class,
-        'encrypt_cookies' => Illuminate\Cookie\Middleware\EncryptCookies::class,
-        'validate_csrf_token' => Illuminate\Foundation\Http\Middleware\ValidateCsrfToken::class,
+        'verify_csrf_token' => App\Http\Middleware\VerifyCsrfToken::class,
+        'encrypt_cookies' => App\Http\Middleware\EncryptCookies::class,
     ],
 
 ];
diff --git a/config/services.php b/config/services.php
index 27a36175f8236be239854f401d88ae0f52e4b0cf..0ace530e8d25451c7caf81ebdecac2cca9a77d83 100644
--- a/config/services.php
+++ b/config/services.php
@@ -14,6 +14,13 @@
     |
     */
 
+    'mailgun' => [
+        'domain' => env('MAILGUN_DOMAIN'),
+        'secret' => env('MAILGUN_SECRET'),
+        'endpoint' => env('MAILGUN_ENDPOINT', 'api.mailgun.net'),
+        'scheme' => 'https',
+    ],
+
     'postmark' => [
         'token' => env('POSTMARK_TOKEN'),
     ],
@@ -24,15 +31,4 @@
         'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
     ],
 
-    'resend' => [
-        'key' => env('RESEND_KEY'),
-    ],
-
-    'slack' => [
-        'notifications' => [
-            'bot_user_oauth_token' => env('SLACK_BOT_USER_OAUTH_TOKEN'),
-            'channel' => env('SLACK_BOT_USER_DEFAULT_CHANNEL'),
-        ],
-    ],
-
 ];
diff --git a/config/session.php b/config/session.php
index f0b6541e5890aed30e9cde218afbe9294df66876..8fed97c014194eee5a0d02fbf61d93b17162402a 100644
--- a/config/session.php
+++ b/config/session.php
@@ -9,16 +9,16 @@
     | Default Session Driver
     |--------------------------------------------------------------------------
     |
-    | This option determines the default session driver that is utilized for
-    | incoming requests. Laravel supports a variety of storage options to
-    | persist session data. Database storage is a great default choice.
+    | This option controls the default session "driver" that will be used on
+    | requests. By default, we will use the lightweight native driver but
+    | you may specify any of the other wonderful drivers provided here.
     |
     | Supported: "file", "cookie", "database", "apc",
     |            "memcached", "redis", "dynamodb", "array"
     |
     */
 
-    'driver' => env('SESSION_DRIVER', 'database'),
+    'driver' => env('SESSION_DRIVER', 'file'),
 
     /*
     |--------------------------------------------------------------------------
@@ -27,14 +27,13 @@
     |
     | Here you may specify the number of minutes that you wish the session
     | to be allowed to remain idle before it expires. If you want them
-    | to expire immediately when the browser is closed then you may
-    | indicate that via the expire_on_close configuration option.
+    | to immediately expire on the browser closing, set that option.
     |
     */
 
     'lifetime' => env('SESSION_LIFETIME', 120),
 
-    'expire_on_close' => env('SESSION_EXPIRE_ON_CLOSE', false),
+    'expire_on_close' => false,
 
     /*
     |--------------------------------------------------------------------------
@@ -42,21 +41,21 @@
     |--------------------------------------------------------------------------
     |
     | This option allows you to easily specify that all of your session data
-    | should be encrypted before it's stored. All encryption is performed
-    | automatically by Laravel and you may use the session like normal.
+    | should be encrypted before it is stored. All encryption will be run
+    | automatically by Laravel and you can use the Session like normal.
     |
     */
 
-    'encrypt' => env('SESSION_ENCRYPT', false),
+    'encrypt' => false,
 
     /*
     |--------------------------------------------------------------------------
     | Session File Location
     |--------------------------------------------------------------------------
     |
-    | When utilizing the "file" session driver, the session files are placed
-    | on disk. The default storage location is defined here; however, you
-    | are free to provide another location where they should be stored.
+    | When using the native session driver, we need a location where session
+    | files may be stored. A default has been set for you but a different
+    | location may be specified. This is only needed for file sessions.
     |
     */
 
@@ -80,22 +79,22 @@
     | Session Database Table
     |--------------------------------------------------------------------------
     |
-    | When using the "database" session driver, you may specify the table to
-    | be used to store sessions. Of course, a sensible default is defined
-    | for you; however, you're welcome to change this to another table.
+    | When using the "database" session driver, you may specify the table we
+    | should use to manage the sessions. Of course, a sensible default is
+    | provided for you; however, you are free to change this as needed.
     |
     */
 
-    'table' => env('SESSION_TABLE', 'sessions'),
+    'table' => 'sessions',
 
     /*
     |--------------------------------------------------------------------------
     | Session Cache Store
     |--------------------------------------------------------------------------
     |
-    | When using one of the framework's cache driven session backends, you may
-    | define the cache store which should be used to store the session data
-    | between requests. This must match one of your defined cache stores.
+    | While using one of the framework's cache driven session backends you may
+    | list a cache store that should be used for these sessions. This value
+    | must match with one of the application's configured cache "stores".
     |
     | Affects: "apc", "dynamodb", "memcached", "redis"
     |
@@ -121,9 +120,9 @@
     | Session Cookie Name
     |--------------------------------------------------------------------------
     |
-    | Here you may change the name of the session cookie that is created by
-    | the framework. Typically, you should not need to change this value
-    | since doing so does not grant a meaningful security improvement.
+    | Here you may change the name of the cookie used to identify a session
+    | instance by ID. The name specified here will get used every time a
+    | new session cookie is created by the framework for every driver.
     |
     */
 
@@ -139,20 +138,20 @@
     |
     | The session cookie path determines the path for which the cookie will
     | be regarded as available. Typically, this will be the root path of
-    | your application, but you're free to change this when necessary.
+    | your application but you are free to change this when necessary.
     |
     */
 
-    'path' => env('SESSION_PATH', '/'),
+    'path' => '/',
 
     /*
     |--------------------------------------------------------------------------
     | Session Cookie Domain
     |--------------------------------------------------------------------------
     |
-    | This value determines the domain and subdomains the session cookie is
-    | available to. By default, the cookie will be available to the root
-    | domain and all subdomains. Typically, this shouldn't be changed.
+    | Here you may change the domain of the cookie used to identify a session
+    | in your application. This will determine which domains the cookie is
+    | available to in your application. A sensible default has been set.
     |
     */
 
@@ -178,11 +177,11 @@
     |
     | Setting this value to true will prevent JavaScript from accessing the
     | value of the cookie and the cookie will only be accessible through
-    | the HTTP protocol. It's unlikely you should disable this option.
+    | the HTTP protocol. You are free to modify this option if needed.
     |
     */
 
-    'http_only' => env('SESSION_HTTP_ONLY', true),
+    'http_only' => true,
 
     /*
     |--------------------------------------------------------------------------
@@ -191,27 +190,12 @@
     |
     | This option determines how your cookies behave when cross-site requests
     | take place, and can be used to mitigate CSRF attacks. By default, we
-    | will set this value to "lax" to permit secure cross-site requests.
-    |
-    | See: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie#samesitesamesite-value
+    | will set this value to "lax" since this is a secure default value.
     |
     | Supported: "lax", "strict", "none", null
     |
     */
 
-    'same_site' => env('SESSION_SAME_SITE', 'lax'),
-
-    /*
-    |--------------------------------------------------------------------------
-    | Partitioned Cookies
-    |--------------------------------------------------------------------------
-    |
-    | Setting this value to true will tie the cookie to the top-level site for
-    | a cross-site context. Partitioned cookies are accepted by the browser
-    | when flagged "secure" and the Same-Site attribute is set to "none".
-    |
-    */
-
-    'partitioned' => env('SESSION_PARTITIONED_COOKIE', false),
+    'same_site' => 'lax',
 
 ];
diff --git a/config/view.php b/config/view.php
new file mode 100644
index 0000000000000000000000000000000000000000..22b8a18d325814f221fb0481fa7ab320b612d601
--- /dev/null
+++ b/config/view.php
@@ -0,0 +1,36 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | View Storage Paths
+    |--------------------------------------------------------------------------
+    |
+    | Most templating systems load templates from disk. Here you may specify
+    | an array of paths that should be checked for your views. Of course
+    | the usual Laravel view path has already been registered for you.
+    |
+    */
+
+    'paths' => [
+        resource_path('views'),
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Compiled View Path
+    |--------------------------------------------------------------------------
+    |
+    | This option determines where all the compiled Blade templates will be
+    | stored for your application. Typically, this is within the storage
+    | directory. However, as usual, you are free to change this value.
+    |
+    */
+
+    'compiled' => env(
+        'VIEW_COMPILED_PATH',
+        realpath(storage_path('framework/views'))
+    ),
+
+];
diff --git a/database/factories/UserFactory.php b/database/factories/UserFactory.php
index 2449b0a1fa7f43cb810df70fb12f2fc68bba5666..41f8ae896bec2230eb5f5fb62838985311d18bb0 100644
--- a/database/factories/UserFactory.php
+++ b/database/factories/UserFactory.php
@@ -2,71 +2,39 @@
 
 namespace Database\Factories;
 
-use App\Models\Team;
-use App\Models\User;
 use Illuminate\Database\Eloquent\Factories\Factory;
-use Illuminate\Support\Facades\Hash;
 use Illuminate\Support\Str;
-use Laravel\Jetstream\Features;
 
 /**
  * @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\User>
  */
 class UserFactory extends Factory
 {
-    /**
-     * The current password being used by the factory.
-     */
-    protected static ?string $password;
-
     /**
      * Define the model's default state.
      *
      * @return array<string, mixed>
      */
-    public function definition(): array
+    public function definition()
     {
         return [
             'name' => fake()->name(),
             'email' => fake()->unique()->safeEmail(),
             'email_verified_at' => now(),
-            'password' => static::$password ??= Hash::make('password'),
-            'two_factor_secret' => null,
-            'two_factor_recovery_codes' => null,
+            'password' => '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', // password
             'remember_token' => Str::random(10),
-            'profile_photo_path' => null,
-            'current_team_id' => null,
         ];
     }
 
     /**
      * Indicate that the model's email address should be unverified.
+     *
+     * @return static
      */
-    public function unverified(): static
+    public function unverified()
     {
         return $this->state(fn (array $attributes) => [
             'email_verified_at' => null,
         ]);
     }
-
-    /**
-     * Indicate that the user should have a personal team.
-     */
-    public function withPersonalTeam(callable $callback = null): static
-    {
-        if (! Features::hasTeamFeatures()) {
-            return $this->state([]);
-        }
-
-        return $this->has(
-            Team::factory()
-                ->state(fn (array $attributes, User $user) => [
-                    'name' => $user->name.'\'s Team',
-                    'user_id' => $user->id,
-                    'personal_team' => true,
-                ])
-                ->when(is_callable($callback), $callback),
-            'ownedTeams'
-        );
-    }
 }
diff --git a/database/migrations/0001_01_01_000000_create_users_table.php b/database/migrations/0001_01_01_000000_create_users_table.php
deleted file mode 100644
index 4eb7892aaa23b4357e4cf6392e41d6617a118748..0000000000000000000000000000000000000000
--- a/database/migrations/0001_01_01_000000_create_users_table.php
+++ /dev/null
@@ -1,52 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        Schema::create('users', function (Blueprint $table) {
-            $table->id();
-            $table->string('name');
-            $table->string('username')->unique();
-            $table->timestamp('email_verified_at')->nullable();
-            $table->string('password');
-            $table->boolean('active')->default(0);
-            $table->rememberToken();
-            $table->foreignId('current_team_id')->nullable();
-            $table->string('profile_photo_path', 2048)->nullable();
-            $table->timestamps();
-        });
-
-        Schema::create('password_reset_tokens', function (Blueprint $table) {
-            $table->string('email')->primary();
-            $table->string('token');
-            $table->timestamp('created_at')->nullable();
-        });
-
-        Schema::create('sessions', function (Blueprint $table) {
-            $table->string('id')->primary();
-            $table->foreignId('user_id')->nullable()->index();
-            $table->string('ip_address', 45)->nullable();
-            $table->text('user_agent')->nullable();
-            $table->longText('payload');
-            $table->integer('last_activity')->index();
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::dropIfExists('users');
-        Schema::dropIfExists('password_reset_tokens');
-        Schema::dropIfExists('sessions');
-    }
-};
diff --git a/database/migrations/0001_01_01_000001_create_cache_table.php b/database/migrations/0001_01_01_000001_create_cache_table.php
deleted file mode 100644
index b9c106be81284c3684966b8ce632fd9895f9ede6..0000000000000000000000000000000000000000
--- a/database/migrations/0001_01_01_000001_create_cache_table.php
+++ /dev/null
@@ -1,35 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        Schema::create('cache', function (Blueprint $table) {
-            $table->string('key')->primary();
-            $table->mediumText('value');
-            $table->integer('expiration');
-        });
-
-        Schema::create('cache_locks', function (Blueprint $table) {
-            $table->string('key')->primary();
-            $table->string('owner');
-            $table->integer('expiration');
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::dropIfExists('cache');
-        Schema::dropIfExists('cache_locks');
-    }
-};
diff --git a/database/migrations/0001_01_01_000002_create_jobs_table.php b/database/migrations/0001_01_01_000002_create_jobs_table.php
deleted file mode 100644
index 425e7058fcc7c202cef39889ff4b27d2fb1f798e..0000000000000000000000000000000000000000
--- a/database/migrations/0001_01_01_000002_create_jobs_table.php
+++ /dev/null
@@ -1,57 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        Schema::create('jobs', function (Blueprint $table) {
-            $table->id();
-            $table->string('queue')->index();
-            $table->longText('payload');
-            $table->unsignedTinyInteger('attempts');
-            $table->unsignedInteger('reserved_at')->nullable();
-            $table->unsignedInteger('available_at');
-            $table->unsignedInteger('created_at');
-        });
-
-        Schema::create('job_batches', function (Blueprint $table) {
-            $table->string('id')->primary();
-            $table->string('name');
-            $table->integer('total_jobs');
-            $table->integer('pending_jobs');
-            $table->integer('failed_jobs');
-            $table->longText('failed_job_ids');
-            $table->mediumText('options')->nullable();
-            $table->integer('cancelled_at')->nullable();
-            $table->integer('created_at');
-            $table->integer('finished_at')->nullable();
-        });
-
-        Schema::create('failed_jobs', function (Blueprint $table) {
-            $table->id();
-            $table->string('uuid')->unique();
-            $table->text('connection');
-            $table->text('queue');
-            $table->longText('payload');
-            $table->longText('exception');
-            $table->timestamp('failed_at')->useCurrent();
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::dropIfExists('jobs');
-        Schema::dropIfExists('job_batches');
-        Schema::dropIfExists('failed_jobs');
-    }
-};
diff --git a/database/migrations/2014_10_12_000000_create_users_table.php b/database/migrations/2014_10_12_000000_create_users_table.php
new file mode 100644
index 0000000000000000000000000000000000000000..cf6b77661eb5837bebf0a528444a070af7a9d1c0
--- /dev/null
+++ b/database/migrations/2014_10_12_000000_create_users_table.php
@@ -0,0 +1,36 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('users', function (Blueprint $table) {
+            $table->id();
+            $table->string('name');
+            $table->string('email')->unique();
+            $table->timestamp('email_verified_at')->nullable();
+            $table->string('password');
+            $table->rememberToken();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('users');
+    }
+};
diff --git a/database/migrations/2014_10_12_100000_create_password_resets_table.php b/database/migrations/2014_10_12_100000_create_password_resets_table.php
new file mode 100644
index 0000000000000000000000000000000000000000..fcacb80b3e1193e661cb1ca5f589d80af218867d
--- /dev/null
+++ b/database/migrations/2014_10_12_100000_create_password_resets_table.php
@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('password_resets', function (Blueprint $table) {
+            $table->string('email')->index();
+            $table->string('token');
+            $table->timestamp('created_at')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('password_resets');
+    }
+};
diff --git a/database/migrations/2019_08_19_000000_create_failed_jobs_table.php b/database/migrations/2019_08_19_000000_create_failed_jobs_table.php
new file mode 100644
index 0000000000000000000000000000000000000000..17191986b47f67e56c7e34e306ffe1f236501fb6
--- /dev/null
+++ b/database/migrations/2019_08_19_000000_create_failed_jobs_table.php
@@ -0,0 +1,36 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('failed_jobs', function (Blueprint $table) {
+            $table->id();
+            $table->string('uuid')->unique();
+            $table->text('connection');
+            $table->text('queue');
+            $table->longText('payload');
+            $table->longText('exception');
+            $table->timestamp('failed_at')->useCurrent();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('failed_jobs');
+    }
+};
diff --git a/database/migrations/2024_05_31_161449_create_personal_access_tokens_table.php b/database/migrations/2019_12_14_000001_create_personal_access_tokens_table.php
similarity index 88%
rename from database/migrations/2024_05_31_161449_create_personal_access_tokens_table.php
rename to database/migrations/2019_12_14_000001_create_personal_access_tokens_table.php
index e828ad8189ee7c270c24be93f2eb73d833c0da87..6c81fd229d9be67d31e4acc22d31c1cf4d609ddd 100644
--- a/database/migrations/2024_05_31_161449_create_personal_access_tokens_table.php
+++ b/database/migrations/2019_12_14_000001_create_personal_access_tokens_table.php
@@ -8,8 +8,10 @@
 {
     /**
      * Run the migrations.
+     *
+     * @return void
      */
-    public function up(): void
+    public function up()
     {
         Schema::create('personal_access_tokens', function (Blueprint $table) {
             $table->id();
@@ -25,8 +27,10 @@ public function up(): void
 
     /**
      * Reverse the migrations.
+     *
+     * @return void
      */
-    public function down(): void
+    public function down()
     {
         Schema::dropIfExists('personal_access_tokens');
     }
diff --git a/database/migrations/2024_05_31_161421_add_two_factor_columns_to_users_table.php b/database/migrations/2024_05_31_161421_add_two_factor_columns_to_users_table.php
deleted file mode 100644
index b490e24f5a0a4c9d4f57f1fda89f661f646fe402..0000000000000000000000000000000000000000
--- a/database/migrations/2024_05_31_161421_add_two_factor_columns_to_users_table.php
+++ /dev/null
@@ -1,46 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-use Laravel\Fortify\Fortify;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        Schema::table('users', function (Blueprint $table) {
-            $table->text('two_factor_secret')
-                ->after('password')
-                ->nullable();
-
-            $table->text('two_factor_recovery_codes')
-                ->after('two_factor_secret')
-                ->nullable();
-
-            if (Fortify::confirmsTwoFactorAuthentication()) {
-                $table->timestamp('two_factor_confirmed_at')
-                    ->after('two_factor_recovery_codes')
-                    ->nullable();
-            }
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::table('users', function (Blueprint $table) {
-            $table->dropColumn(array_merge([
-                'two_factor_secret',
-                'two_factor_recovery_codes',
-            ], Fortify::confirmsTwoFactorAuthentication() ? [
-                'two_factor_confirmed_at',
-            ] : []));
-        });
-    }
-};
diff --git a/database/migrations/2024_06_03_183521_create_profesions_table.php b/database/migrations/2024_06_03_183521_create_profesions_table.php
deleted file mode 100644
index e81ad565c1bd62a2c0a7d53ec4a92adede82682c..0000000000000000000000000000000000000000
--- a/database/migrations/2024_06_03_183521_create_profesions_table.php
+++ /dev/null
@@ -1,28 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        Schema::create('profesions', function (Blueprint $table) {
-            $table->id();
-            $table->string('profesion');
-            $table->string('abreviatura');
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::dropIfExists('profesions');
-    }
-};
diff --git a/database/migrations/2024_06_03_183943_create_cargos_table.php b/database/migrations/2024_06_03_183943_create_cargos_table.php
deleted file mode 100644
index a040eb2318ca231024a2ae82c27cd6c4a03dea54..0000000000000000000000000000000000000000
--- a/database/migrations/2024_06_03_183943_create_cargos_table.php
+++ /dev/null
@@ -1,27 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        Schema::create('cargos', function (Blueprint $table) {
-            $table->id();
-            $table->string('nombre');
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::dropIfExists('cargos');
-    }
-};
diff --git a/database/migrations/2024_06_03_184326_create_caracteristicas_table.php b/database/migrations/2024_06_03_184326_create_caracteristicas_table.php
deleted file mode 100644
index 7eb0ce5ab5cbe5e8a1e1dc14bb441ab69bac1f4a..0000000000000000000000000000000000000000
--- a/database/migrations/2024_06_03_184326_create_caracteristicas_table.php
+++ /dev/null
@@ -1,27 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        Schema::create('caracteristicas', function (Blueprint $table) {
-            $table->id();
-            $table->string('nombre');
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::dropIfExists('caracteristicas');
-    }
-};
diff --git a/database/migrations/2024_06_03_184436_create_grupos_table.php b/database/migrations/2024_06_03_184436_create_grupos_table.php
deleted file mode 100644
index 29f3318c81f92944666bd18f4afb79d5fc36f1ed..0000000000000000000000000000000000000000
--- a/database/migrations/2024_06_03_184436_create_grupos_table.php
+++ /dev/null
@@ -1,27 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        Schema::create('grupos', function (Blueprint $table) {
-            $table->id();
-            $table->string('nombre');
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::dropIfExists('grupos');
-    }
-};
diff --git a/database/migrations/2024_06_03_190051_create_permission_tables.php b/database/migrations/2024_06_03_190051_create_permission_tables.php
deleted file mode 100644
index b865d480c80afa6c192335bc5db6656bbce818e3..0000000000000000000000000000000000000000
--- a/database/migrations/2024_06_03_190051_create_permission_tables.php
+++ /dev/null
@@ -1,138 +0,0 @@
-<?php
-
-use Illuminate\Support\Facades\Schema;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Database\Migrations\Migration;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        $teams = config('permission.teams');
-        $tableNames = config('permission.table_names');
-        $columnNames = config('permission.column_names');
-        $pivotRole = $columnNames['role_pivot_key'] ?? 'role_id';
-        $pivotPermission = $columnNames['permission_pivot_key'] ?? 'permission_id';
-
-        if (empty($tableNames)) {
-            throw new \Exception('Error: config/permission.php not loaded. Run [php artisan config:clear] and try again.');
-        }
-        if ($teams && empty($columnNames['team_foreign_key'] ?? null)) {
-            throw new \Exception('Error: team_foreign_key on config/permission.php not loaded. Run [php artisan config:clear] and try again.');
-        }
-
-        Schema::create($tableNames['permissions'], function (Blueprint $table) {
-            $table->bigIncrements('id'); // permission id
-            $table->string('name');       // For MySQL 8.0 use string('name', 125);
-            $table->string('guard_name'); // For MySQL 8.0 use string('guard_name', 125);
-            $table->timestamps();
-
-            $table->unique(['name', 'guard_name']);
-        });
-
-        Schema::create($tableNames['roles'], function (Blueprint $table) use ($teams, $columnNames) {
-            $table->bigIncrements('id'); // role id
-            if ($teams || config('permission.testing')) { // permission.testing is a fix for sqlite testing
-                $table->unsignedBigInteger($columnNames['team_foreign_key'])->nullable();
-                $table->index($columnNames['team_foreign_key'], 'roles_team_foreign_key_index');
-            }
-            $table->string('name');       // For MySQL 8.0 use string('name', 125);
-            $table->string('guard_name'); // For MySQL 8.0 use string('guard_name', 125);
-            $table->timestamps();
-            if ($teams || config('permission.testing')) {
-                $table->unique([$columnNames['team_foreign_key'], 'name', 'guard_name']);
-            } else {
-                $table->unique(['name', 'guard_name']);
-            }
-        });
-
-        Schema::create($tableNames['model_has_permissions'], function (Blueprint $table) use ($tableNames, $columnNames, $pivotPermission, $teams) {
-            $table->unsignedBigInteger($pivotPermission);
-
-            $table->string('model_type');
-            $table->unsignedBigInteger($columnNames['model_morph_key']);
-            $table->index([$columnNames['model_morph_key'], 'model_type'], 'model_has_permissions_model_id_model_type_index');
-
-            $table->foreign($pivotPermission)
-                ->references('id') // permission id
-                ->on($tableNames['permissions'])
-                ->onDelete('cascade');
-            if ($teams) {
-                $table->unsignedBigInteger($columnNames['team_foreign_key']);
-                $table->index($columnNames['team_foreign_key'], 'model_has_permissions_team_foreign_key_index');
-
-                $table->primary([$columnNames['team_foreign_key'], $pivotPermission, $columnNames['model_morph_key'], 'model_type'],
-                    'model_has_permissions_permission_model_type_primary');
-            } else {
-                $table->primary([$pivotPermission, $columnNames['model_morph_key'], 'model_type'],
-                    'model_has_permissions_permission_model_type_primary');
-            }
-
-        });
-
-        Schema::create($tableNames['model_has_roles'], function (Blueprint $table) use ($tableNames, $columnNames, $pivotRole, $teams) {
-            $table->unsignedBigInteger($pivotRole);
-
-            $table->string('model_type');
-            $table->unsignedBigInteger($columnNames['model_morph_key']);
-            $table->index([$columnNames['model_morph_key'], 'model_type'], 'model_has_roles_model_id_model_type_index');
-
-            $table->foreign($pivotRole)
-                ->references('id') // role id
-                ->on($tableNames['roles'])
-                ->onDelete('cascade');
-            if ($teams) {
-                $table->unsignedBigInteger($columnNames['team_foreign_key']);
-                $table->index($columnNames['team_foreign_key'], 'model_has_roles_team_foreign_key_index');
-
-                $table->primary([$columnNames['team_foreign_key'], $pivotRole, $columnNames['model_morph_key'], 'model_type'],
-                    'model_has_roles_role_model_type_primary');
-            } else {
-                $table->primary([$pivotRole, $columnNames['model_morph_key'], 'model_type'],
-                    'model_has_roles_role_model_type_primary');
-            }
-        });
-
-        Schema::create($tableNames['role_has_permissions'], function (Blueprint $table) use ($tableNames, $pivotRole, $pivotPermission) {
-            $table->unsignedBigInteger($pivotPermission);
-            $table->unsignedBigInteger($pivotRole);
-
-            $table->foreign($pivotPermission)
-                ->references('id') // permission id
-                ->on($tableNames['permissions'])
-                ->onDelete('cascade');
-
-            $table->foreign($pivotRole)
-                ->references('id') // role id
-                ->on($tableNames['roles'])
-                ->onDelete('cascade');
-
-            $table->primary([$pivotPermission, $pivotRole], 'role_has_permissions_permission_id_role_id_primary');
-        });
-
-        app('cache')
-            ->store(config('permission.cache.store') != 'default' ? config('permission.cache.store') : null)
-            ->forget(config('permission.cache.key'));
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        $tableNames = config('permission.table_names');
-
-        if (empty($tableNames)) {
-            throw new \Exception('Error: config/permission.php not found and defaults could not be merged. Please publish the package configuration before proceeding, or drop the tables manually.');
-        }
-
-        Schema::drop($tableNames['role_has_permissions']);
-        Schema::drop($tableNames['model_has_roles']);
-        Schema::drop($tableNames['model_has_permissions']);
-        Schema::drop($tableNames['roles']);
-        Schema::drop($tableNames['permissions']);
-    }
-};
diff --git a/database/migrations/2024_06_03_194040_create_subgrupos_table.php b/database/migrations/2024_06_03_194040_create_subgrupos_table.php
deleted file mode 100644
index 4eaf96d13e2f6508977bf83c58accbf25850e9f3..0000000000000000000000000000000000000000
--- a/database/migrations/2024_06_03_194040_create_subgrupos_table.php
+++ /dev/null
@@ -1,31 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        Schema::create('subgrupos', function (Blueprint $table) {
-            $table->id();
-            $table->unsignedBigInteger('grupo_id')->nullable();
-            $table->unsignedBigInteger('subgrupo_id')->nullable();
-
-            $table->foreign('grupo_id')->references('id')->on('grupos')->nullable();
-            $table->foreign('subgrupo_id')->references('id')->on('subgrupos')->nullable();
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::dropIfExists('subgrupos');
-    }
-};
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index 33f95a0f2eb6825626a926ad3fcf0fe50d06f3e2..76d96dc7f5bf749bc0e35a99fb36371e82a709c1 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -2,7 +2,6 @@
 
 namespace Database\Seeders;
 
-use App\Models\User;
 // use Illuminate\Database\Console\Seeds\WithoutModelEvents;
 use Illuminate\Database\Seeder;
 
@@ -10,18 +9,16 @@ class DatabaseSeeder extends Seeder
 {
     /**
      * Seed the application's database.
+     *
+     * @return void
      */
-    public function run(): void
+    public function run()
     {
-        // User::factory(10)->create();
+        // \App\Models\User::factory(10)->create();
 
-        $this->call([
-            UserSeeder::class
-        ]);
-
-        /*User::factory()->create([
-            'name' => 'Test User',
-            'email' => 'test@example.com',
-        ]);*/
+        // \App\Models\User::factory()->create([
+        //     'name' => 'Test User',
+        //     'email' => 'test@example.com',
+        // ]);
     }
 }
diff --git a/lang/en/auth.php b/lang/en/auth.php
new file mode 100644
index 0000000000000000000000000000000000000000..6598e2c0607332658ab9d429e86b2da1130f2326
--- /dev/null
+++ b/lang/en/auth.php
@@ -0,0 +1,20 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Authentication Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines are used during authentication for various
+    | messages that we need to display to the user. You are free to modify
+    | these language lines according to your application's requirements.
+    |
+    */
+
+    'failed' => 'These credentials do not match our records.',
+    'password' => 'The provided password is incorrect.',
+    'throttle' => 'Too many login attempts. Please try again in :seconds seconds.',
+
+];
diff --git a/lang/en/pagination.php b/lang/en/pagination.php
new file mode 100644
index 0000000000000000000000000000000000000000..d48141187786931ec2cf8645e384be7878c7dc53
--- /dev/null
+++ b/lang/en/pagination.php
@@ -0,0 +1,19 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Pagination Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines are used by the paginator library to build
+    | the simple pagination links. You are free to change them to anything
+    | you want to customize your views to better match your application.
+    |
+    */
+
+    'previous' => '&laquo; Previous',
+    'next' => 'Next &raquo;',
+
+];
diff --git a/lang/en/passwords.php b/lang/en/passwords.php
new file mode 100644
index 0000000000000000000000000000000000000000..2345a56b5a6927a286e99ff80efc963ea3422e0c
--- /dev/null
+++ b/lang/en/passwords.php
@@ -0,0 +1,22 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Password Reset Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines are the default lines which match reasons
+    | that are given by the password broker for a password update attempt
+    | has failed, such as for an invalid token or invalid new password.
+    |
+    */
+
+    'reset' => 'Your password has been reset!',
+    'sent' => 'We have emailed your password reset link!',
+    'throttled' => 'Please wait before retrying.',
+    'token' => 'This password reset token is invalid.',
+    'user' => "We can't find a user with that email address.",
+
+];
diff --git a/lang/en/validation.php b/lang/en/validation.php
new file mode 100644
index 0000000000000000000000000000000000000000..5ea01fa77d6d1c8938c9ced29fe1059d25ff5593
--- /dev/null
+++ b/lang/en/validation.php
@@ -0,0 +1,174 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Validation Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines contain the default error messages used by
+    | the validator class. Some of these rules have multiple versions such
+    | as the size rules. Feel free to tweak each of these messages here.
+    |
+    */
+
+    'accepted' => 'The :attribute must be accepted.',
+    'accepted_if' => 'The :attribute must be accepted when :other is :value.',
+    'active_url' => 'The :attribute is not a valid URL.',
+    'after' => 'The :attribute must be a date after :date.',
+    'after_or_equal' => 'The :attribute must be a date after or equal to :date.',
+    'alpha' => 'The :attribute must only contain letters.',
+    'alpha_dash' => 'The :attribute must only contain letters, numbers, dashes and underscores.',
+    'alpha_num' => 'The :attribute must only contain letters and numbers.',
+    'array' => 'The :attribute must be an array.',
+    'before' => 'The :attribute must be a date before :date.',
+    'before_or_equal' => 'The :attribute must be a date before or equal to :date.',
+    'between' => [
+        'array' => 'The :attribute must have between :min and :max items.',
+        'file' => 'The :attribute must be between :min and :max kilobytes.',
+        'numeric' => 'The :attribute must be between :min and :max.',
+        'string' => 'The :attribute must be between :min and :max characters.',
+    ],
+    'boolean' => 'The :attribute field must be true or false.',
+    'confirmed' => 'The :attribute confirmation does not match.',
+    'current_password' => 'The password is incorrect.',
+    'date' => 'The :attribute is not a valid date.',
+    'date_equals' => 'The :attribute must be a date equal to :date.',
+    'date_format' => 'The :attribute does not match the format :format.',
+    'declined' => 'The :attribute must be declined.',
+    'declined_if' => 'The :attribute must be declined when :other is :value.',
+    'different' => 'The :attribute and :other must be different.',
+    'digits' => 'The :attribute must be :digits digits.',
+    'digits_between' => 'The :attribute must be between :min and :max digits.',
+    'dimensions' => 'The :attribute has invalid image dimensions.',
+    'distinct' => 'The :attribute field has a duplicate value.',
+    'doesnt_end_with' => 'The :attribute may not end with one of the following: :values.',
+    'doesnt_start_with' => 'The :attribute may not start with one of the following: :values.',
+    'email' => 'The :attribute must be a valid email address.',
+    'ends_with' => 'The :attribute must end with one of the following: :values.',
+    'enum' => 'The selected :attribute is invalid.',
+    'exists' => 'The selected :attribute is invalid.',
+    'file' => 'The :attribute must be a file.',
+    'filled' => 'The :attribute field must have a value.',
+    'gt' => [
+        'array' => 'The :attribute must have more than :value items.',
+        'file' => 'The :attribute must be greater than :value kilobytes.',
+        'numeric' => 'The :attribute must be greater than :value.',
+        'string' => 'The :attribute must be greater than :value characters.',
+    ],
+    'gte' => [
+        'array' => 'The :attribute must have :value items or more.',
+        'file' => 'The :attribute must be greater than or equal to :value kilobytes.',
+        'numeric' => 'The :attribute must be greater than or equal to :value.',
+        'string' => 'The :attribute must be greater than or equal to :value characters.',
+    ],
+    'image' => 'The :attribute must be an image.',
+    'in' => 'The selected :attribute is invalid.',
+    'in_array' => 'The :attribute field does not exist in :other.',
+    'integer' => 'The :attribute must be an integer.',
+    'ip' => 'The :attribute must be a valid IP address.',
+    'ipv4' => 'The :attribute must be a valid IPv4 address.',
+    'ipv6' => 'The :attribute must be a valid IPv6 address.',
+    'json' => 'The :attribute must be a valid JSON string.',
+    'lt' => [
+        'array' => 'The :attribute must have less than :value items.',
+        'file' => 'The :attribute must be less than :value kilobytes.',
+        'numeric' => 'The :attribute must be less than :value.',
+        'string' => 'The :attribute must be less than :value characters.',
+    ],
+    'lte' => [
+        'array' => 'The :attribute must not have more than :value items.',
+        'file' => 'The :attribute must be less than or equal to :value kilobytes.',
+        'numeric' => 'The :attribute must be less than or equal to :value.',
+        'string' => 'The :attribute must be less than or equal to :value characters.',
+    ],
+    'mac_address' => 'The :attribute must be a valid MAC address.',
+    'max' => [
+        'array' => 'The :attribute must not have more than :max items.',
+        'file' => 'The :attribute must not be greater than :max kilobytes.',
+        'numeric' => 'The :attribute must not be greater than :max.',
+        'string' => 'The :attribute must not be greater than :max characters.',
+    ],
+    'max_digits' => 'The :attribute must not have more than :max digits.',
+    'mimes' => 'The :attribute must be a file of type: :values.',
+    'mimetypes' => 'The :attribute must be a file of type: :values.',
+    'min' => [
+        'array' => 'The :attribute must have at least :min items.',
+        'file' => 'The :attribute must be at least :min kilobytes.',
+        'numeric' => 'The :attribute must be at least :min.',
+        'string' => 'The :attribute must be at least :min characters.',
+    ],
+    'min_digits' => 'The :attribute must have at least :min digits.',
+    'multiple_of' => 'The :attribute must be a multiple of :value.',
+    'not_in' => 'The selected :attribute is invalid.',
+    'not_regex' => 'The :attribute format is invalid.',
+    'numeric' => 'The :attribute must be a number.',
+    'password' => [
+        'letters' => 'The :attribute must contain at least one letter.',
+        'mixed' => 'The :attribute must contain at least one uppercase and one lowercase letter.',
+        'numbers' => 'The :attribute must contain at least one number.',
+        'symbols' => 'The :attribute must contain at least one symbol.',
+        'uncompromised' => 'The given :attribute has appeared in a data leak. Please choose a different :attribute.',
+    ],
+    'present' => 'The :attribute field must be present.',
+    'prohibited' => 'The :attribute field is prohibited.',
+    'prohibited_if' => 'The :attribute field is prohibited when :other is :value.',
+    'prohibited_unless' => 'The :attribute field is prohibited unless :other is in :values.',
+    'prohibits' => 'The :attribute field prohibits :other from being present.',
+    'regex' => 'The :attribute format is invalid.',
+    'required' => 'The :attribute field is required.',
+    'required_array_keys' => 'The :attribute field must contain entries for: :values.',
+    'required_if' => 'The :attribute field is required when :other is :value.',
+    'required_if_accepted' => 'The :attribute field is required when :other is accepted.',
+    'required_unless' => 'The :attribute field is required unless :other is in :values.',
+    'required_with' => 'The :attribute field is required when :values is present.',
+    'required_with_all' => 'The :attribute field is required when :values are present.',
+    'required_without' => 'The :attribute field is required when :values is not present.',
+    'required_without_all' => 'The :attribute field is required when none of :values are present.',
+    'same' => 'The :attribute and :other must match.',
+    'size' => [
+        'array' => 'The :attribute must contain :size items.',
+        'file' => 'The :attribute must be :size kilobytes.',
+        'numeric' => 'The :attribute must be :size.',
+        'string' => 'The :attribute must be :size characters.',
+    ],
+    'starts_with' => 'The :attribute must start with one of the following: :values.',
+    'string' => 'The :attribute must be a string.',
+    'timezone' => 'The :attribute must be a valid timezone.',
+    'unique' => 'The :attribute has already been taken.',
+    'uploaded' => 'The :attribute failed to upload.',
+    'url' => 'The :attribute must be a valid URL.',
+    'uuid' => 'The :attribute must be a valid UUID.',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Custom Validation Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify custom validation messages for attributes using the
+    | convention "attribute.rule" to name the lines. This makes it quick to
+    | specify a specific custom language line for a given attribute rule.
+    |
+    */
+
+    'custom' => [
+        'attribute-name' => [
+            'rule-name' => 'custom-message',
+        ],
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Custom Validation Attributes
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines are used to swap our attribute placeholder
+    | with something more reader friendly such as "E-Mail Address" instead
+    | of "email". This simply helps us make our message more expressive.
+    |
+    */
+
+    'attributes' => [],
+
+];
diff --git a/package-lock.json b/package-lock.json
index 367f9084f315fde716b11a8cb7afb9022d04e8e8..bb56e78e00afbc22358e08d62416c19819e3ec48 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,18 +1,20 @@
 {
-    "name": "agendagobernador",
-    "lockfileVersion": 3,
+    "name": "vristo-laravel-main",
+    "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
             "devDependencies": {
-                "@tailwindcss/forms": "^0.5.7",
-                "@tailwindcss/typography": "^0.5.10",
-                "autoprefixer": "^10.4.16",
-                "axios": "^1.6.4",
-                "laravel-vite-plugin": "^1.0",
-                "postcss": "^8.4.32",
-                "tailwindcss": "^3.4.0",
-                "vite": "^5.0"
+                "@tailwindcss/forms": "^0.5.3",
+                "@tailwindcss/typography": "^0.5.7",
+                "autoprefixer": "^10.4.17",
+                "laravel-vite-plugin": "^0.6.0",
+                "lodash": "^4.17.19",
+                "postcss": "^8.4.35",
+                "prettier": "^2.7.1",
+                "prettier-plugin-tailwindcss": "^0.1.13",
+                "tailwindcss": "^3.4.1",
+                "vite": "^3.0.0"
             }
         },
         "node_modules/@alloc/quick-lru": {
@@ -27,26 +29,10 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
-        "node_modules/@esbuild/aix-ppc64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz",
-            "integrity": "sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==",
-            "cpu": [
-                "ppc64"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "aix"
-            ],
-            "engines": {
-                "node": ">=12"
-            }
-        },
         "node_modules/@esbuild/android-arm": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.2.tgz",
-            "integrity": "sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==",
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.10.tgz",
+            "integrity": "sha512-FNONeQPy/ox+5NBkcSbYJxoXj9GWu8gVGJTVmUyoOCKQFDTrHVKgNSzChdNt0I8Aj/iKcsDf2r9BFwv+FSNUXg==",
             "cpu": [
                 "arm"
             ],
@@ -59,625 +45,727 @@
                 "node": ">=12"
             }
         },
-        "node_modules/@esbuild/android-arm64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz",
-            "integrity": "sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==",
+        "node_modules/@esbuild/linux-loong64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.15.10.tgz",
+            "integrity": "sha512-w0Ou3Z83LOYEkwaui2M8VwIp+nLi/NA60lBLMvaJ+vXVMcsARYdEzLNE7RSm4+lSg4zq4d7fAVuzk7PNQ5JFgg==",
             "cpu": [
-                "arm64"
+                "loong64"
             ],
             "dev": true,
             "optional": true,
             "os": [
-                "android"
+                "linux"
             ],
             "engines": {
                 "node": ">=12"
             }
         },
-        "node_modules/@esbuild/android-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.2.tgz",
-            "integrity": "sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==",
-            "cpu": [
-                "x64"
-            ],
+        "node_modules/@jridgewell/gen-mapping": {
+            "version": "0.3.3",
+            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+            "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "android"
-            ],
+            "dependencies": {
+                "@jridgewell/set-array": "^1.0.1",
+                "@jridgewell/sourcemap-codec": "^1.4.10",
+                "@jridgewell/trace-mapping": "^0.3.9"
+            },
             "engines": {
-                "node": ">=12"
+                "node": ">=6.0.0"
             }
         },
-        "node_modules/@esbuild/darwin-arm64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz",
-            "integrity": "sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==",
-            "cpu": [
-                "arm64"
-            ],
+        "node_modules/@jridgewell/resolve-uri": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
+            "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
             "engines": {
-                "node": ">=12"
+                "node": ">=6.0.0"
             }
         },
-        "node_modules/@esbuild/darwin-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz",
-            "integrity": "sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==",
-            "cpu": [
-                "x64"
-            ],
+        "node_modules/@jridgewell/set-array": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+            "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
             "engines": {
-                "node": ">=12"
+                "node": ">=6.0.0"
             }
         },
-        "node_modules/@esbuild/freebsd-arm64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz",
-            "integrity": "sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==",
-            "cpu": [
-                "arm64"
-            ],
+        "node_modules/@jridgewell/sourcemap-codec": {
+            "version": "1.4.15",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+            "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+            "dev": true
+        },
+        "node_modules/@jridgewell/trace-mapping": {
+            "version": "0.3.18",
+            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
+            "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=12"
+            "dependencies": {
+                "@jridgewell/resolve-uri": "3.1.0",
+                "@jridgewell/sourcemap-codec": "1.4.14"
             }
         },
-        "node_modules/@esbuild/freebsd-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz",
-            "integrity": "sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==",
-            "cpu": [
-                "x64"
-            ],
+        "node_modules/@jridgewell/trace-mapping/node_modules/@jridgewell/sourcemap-codec": {
+            "version": "1.4.14",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
+            "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
+            "dev": true
+        },
+        "node_modules/@nodelib/fs.scandir": {
+            "version": "2.1.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
+            "dependencies": {
+                "@nodelib/fs.stat": "2.0.5",
+                "run-parallel": "^1.1.9"
+            },
             "engines": {
-                "node": ">=12"
+                "node": ">= 8"
             }
         },
-        "node_modules/@esbuild/linux-arm": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz",
-            "integrity": "sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==",
-            "cpu": [
-                "arm"
-            ],
+        "node_modules/@nodelib/fs.stat": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
             "engines": {
-                "node": ">=12"
+                "node": ">= 8"
             }
         },
-        "node_modules/@esbuild/linux-arm64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz",
-            "integrity": "sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==",
-            "cpu": [
-                "arm64"
-            ],
+        "node_modules/@nodelib/fs.walk": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
+            "dependencies": {
+                "@nodelib/fs.scandir": "2.1.5",
+                "fastq": "^1.6.0"
+            },
             "engines": {
-                "node": ">=12"
+                "node": ">= 8"
             }
         },
-        "node_modules/@esbuild/linux-ia32": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz",
-            "integrity": "sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==",
-            "cpu": [
-                "ia32"
-            ],
+        "node_modules/@tailwindcss/forms": {
+            "version": "0.5.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.3.tgz",
+            "integrity": "sha512-y5mb86JUoiUgBjY/o6FJSFZSEttfb3Q5gllE4xoKjAAD+vBrnIhE4dViwUuow3va8mpH4s9jyUbUbrRGoRdc2Q==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
+            "dependencies": {
+                "mini-svg-data-uri": "^1.2.3"
+            },
+            "peerDependencies": {
+                "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1"
             }
         },
-        "node_modules/@esbuild/linux-loong64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz",
-            "integrity": "sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==",
-            "cpu": [
-                "loong64"
-            ],
+        "node_modules/@tailwindcss/typography": {
+            "version": "0.5.7",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.7.tgz",
+            "integrity": "sha512-JTTSTrgZfp6Ki4svhPA4mkd9nmQ/j9EfE7SbHJ1cLtthKkpW2OxsFXzSmxbhYbEkfNIyAyhle5p4SYyKRbz/jg==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
+            "dependencies": {
+                "lodash.castarray": "^4.4.0",
+                "lodash.isplainobject": "^4.0.6",
+                "lodash.merge": "^4.6.2",
+                "postcss-selector-parser": "6.0.10"
+            },
+            "peerDependencies": {
+                "tailwindcss": ">=3.0.0 || insiders"
             }
         },
-        "node_modules/@esbuild/linux-mips64el": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz",
-            "integrity": "sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==",
-            "cpu": [
-                "mips64el"
-            ],
+        "node_modules/any-promise": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+            "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+            "dev": true
+        },
+        "node_modules/anymatch": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
+            "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
+            "dependencies": {
+                "normalize-path": "^3.0.0",
+                "picomatch": "^2.0.4"
+            },
             "engines": {
-                "node": ">=12"
+                "node": ">= 8"
             }
         },
-        "node_modules/@esbuild/linux-ppc64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz",
-            "integrity": "sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==",
-            "cpu": [
-                "ppc64"
-            ],
+        "node_modules/arg": {
+            "version": "5.0.2",
+            "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+            "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+            "dev": true
+        },
+        "node_modules/autoprefixer": {
+            "version": "10.4.17",
+            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.17.tgz",
+            "integrity": "sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
             ],
+            "dependencies": {
+                "browserslist": "^4.22.2",
+                "caniuse-lite": "^1.0.30001578",
+                "fraction.js": "^4.3.7",
+                "normalize-range": "^0.1.2",
+                "picocolors": "^1.0.0",
+                "postcss-value-parser": "^4.2.0"
+            },
+            "bin": {
+                "autoprefixer": "bin/autoprefixer"
+            },
             "engines": {
-                "node": ">=12"
+                "node": "^10 || ^12 || >=14"
+            },
+            "peerDependencies": {
+                "postcss": "^8.1.0"
             }
         },
-        "node_modules/@esbuild/linux-riscv64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz",
-            "integrity": "sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==",
-            "cpu": [
-                "riscv64"
-            ],
+        "node_modules/balanced-match": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+            "dev": true
+        },
+        "node_modules/binary-extensions": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+            "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
             "engines": {
-                "node": ">=12"
+                "node": ">=8"
             }
         },
-        "node_modules/@esbuild/linux-s390x": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz",
-            "integrity": "sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==",
-            "cpu": [
-                "s390x"
-            ],
+        "node_modules/brace-expansion": {
+            "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=12"
+            "dependencies": {
+                "balanced-match": "^1.0.0",
+                "concat-map": "0.0.1"
             }
         },
-        "node_modules/@esbuild/linux-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz",
-            "integrity": "sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==",
-            "cpu": [
-                "x64"
-            ],
+        "node_modules/braces": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+            "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ],
+            "dependencies": {
+                "fill-range": "^7.0.1"
+            },
             "engines": {
-                "node": ">=12"
+                "node": ">=8"
             }
         },
-        "node_modules/@esbuild/netbsd-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz",
-            "integrity": "sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "optional": true,
+        "node_modules/browserslist": {
+            "version": "4.23.0",
+            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz",
+            "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/browserslist"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/browserslist"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "dependencies": {
+                "caniuse-lite": "^1.0.30001587",
+                "electron-to-chromium": "^1.4.668",
+                "node-releases": "^2.0.14",
+                "update-browserslist-db": "^1.0.13"
+            },
+            "bin": {
+                "browserslist": "cli.js"
+            },
+            "engines": {
+                "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+            }
+        },
+        "node_modules/camelcase-css": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+            "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+            "dev": true,
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/caniuse-lite": {
+            "version": "1.0.30001587",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001587.tgz",
+            "integrity": "sha512-HMFNotUmLXn71BQxg8cijvqxnIAofforZOwGsxyXJ0qugTdspUF4sPSJ2vhgprHCB996tIDzEq1ubumPDV8ULA==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/browserslist"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ]
+        },
+        "node_modules/chokidar": {
+            "version": "3.5.3",
+            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+            "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "individual",
+                    "url": "https://paulmillr.com/funding/"
+                }
+            ],
+            "dependencies": {
+                "anymatch": "~3.1.2",
+                "braces": "~3.0.2",
+                "glob-parent": "~5.1.2",
+                "is-binary-path": "~2.1.0",
+                "is-glob": "~4.0.1",
+                "normalize-path": "~3.0.0",
+                "readdirp": "~3.6.0"
+            },
+            "engines": {
+                "node": ">= 8.10.0"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.2"
+            }
+        },
+        "node_modules/chokidar/node_modules/glob-parent": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+            "dev": true,
+            "dependencies": {
+                "is-glob": "^4.0.1"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/commander": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+            "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+            "dev": true,
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/concat-map": {
+            "version": "0.0.1",
+            "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+            "dev": true
+        },
+        "node_modules/cssesc": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+            "dev": true,
+            "bin": {
+                "cssesc": "bin/cssesc"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/didyoumean": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+            "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+            "dev": true
+        },
+        "node_modules/dlv": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+            "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+            "dev": true
+        },
+        "node_modules/electron-to-chromium": {
+            "version": "1.4.670",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.670.tgz",
+            "integrity": "sha512-hcijYOWjOtjKrKPtNA6tuLlA/bTLO3heFG8pQA6mLpq7dRydSWicXova5lyxDzp1iVJaYhK7J2OQlGE52KYn7A==",
+            "dev": true
+        },
+        "node_modules/esbuild": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.10.tgz",
+            "integrity": "sha512-N7wBhfJ/E5fzn/SpNgX+oW2RLRjwaL8Y0ezqNqhjD6w0H2p0rDuEz2FKZqpqLnO8DCaWumKe8dsC/ljvVSSxng==",
+            "dev": true,
+            "hasInstallScript": true,
+            "bin": {
+                "esbuild": "bin/esbuild"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "optionalDependencies": {
+                "@esbuild/android-arm": "0.15.10",
+                "@esbuild/linux-loong64": "0.15.10",
+                "esbuild-android-64": "0.15.10",
+                "esbuild-android-arm64": "0.15.10",
+                "esbuild-darwin-64": "0.15.10",
+                "esbuild-darwin-arm64": "0.15.10",
+                "esbuild-freebsd-64": "0.15.10",
+                "esbuild-freebsd-arm64": "0.15.10",
+                "esbuild-linux-32": "0.15.10",
+                "esbuild-linux-64": "0.15.10",
+                "esbuild-linux-arm": "0.15.10",
+                "esbuild-linux-arm64": "0.15.10",
+                "esbuild-linux-mips64le": "0.15.10",
+                "esbuild-linux-ppc64le": "0.15.10",
+                "esbuild-linux-riscv64": "0.15.10",
+                "esbuild-linux-s390x": "0.15.10",
+                "esbuild-netbsd-64": "0.15.10",
+                "esbuild-openbsd-64": "0.15.10",
+                "esbuild-sunos-64": "0.15.10",
+                "esbuild-windows-32": "0.15.10",
+                "esbuild-windows-64": "0.15.10",
+                "esbuild-windows-arm64": "0.15.10"
+            }
+        },
+        "node_modules/esbuild-android-64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.15.10.tgz",
+            "integrity": "sha512-UI7krF8OYO1N7JYTgLT9ML5j4+45ra3amLZKx7LO3lmLt1Ibn8t3aZbX5Pu4BjWiqDuJ3m/hsvhPhK/5Y/YpnA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
             "os": [
-                "netbsd"
+                "android"
             ],
             "engines": {
                 "node": ">=12"
             }
         },
-        "node_modules/@esbuild/openbsd-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz",
-            "integrity": "sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==",
+        "node_modules/esbuild-android-arm64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.15.10.tgz",
+            "integrity": "sha512-EOt55D6xBk5O05AK8brXUbZmoFj4chM8u3riGflLa6ziEoVvNjRdD7Cnp82NHQGfSHgYR06XsPI8/sMuA/cUwg==",
             "cpu": [
-                "x64"
+                "arm64"
             ],
             "dev": true,
             "optional": true,
             "os": [
-                "openbsd"
+                "android"
             ],
             "engines": {
                 "node": ">=12"
             }
         },
-        "node_modules/@esbuild/sunos-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz",
-            "integrity": "sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==",
+        "node_modules/esbuild-darwin-64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.15.10.tgz",
+            "integrity": "sha512-hbDJugTicqIm+WKZgp208d7FcXcaK8j2c0l+fqSJ3d2AzQAfjEYDRM3Z2oMeqSJ9uFxyj/muSACLdix7oTstRA==",
             "cpu": [
                 "x64"
             ],
             "dev": true,
             "optional": true,
             "os": [
-                "sunos"
+                "darwin"
             ],
             "engines": {
                 "node": ">=12"
             }
         },
-        "node_modules/@esbuild/win32-arm64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz",
-            "integrity": "sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==",
+        "node_modules/esbuild-darwin-arm64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.10.tgz",
+            "integrity": "sha512-M1t5+Kj4IgSbYmunf2BB6EKLkWUq+XlqaFRiGOk8bmBapu9bCDrxjf4kUnWn59Dka3I27EiuHBKd1rSO4osLFQ==",
             "cpu": [
                 "arm64"
             ],
             "dev": true,
             "optional": true,
             "os": [
-                "win32"
+                "darwin"
             ],
             "engines": {
                 "node": ">=12"
             }
         },
-        "node_modules/@esbuild/win32-ia32": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz",
-            "integrity": "sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==",
+        "node_modules/esbuild-freebsd-64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.10.tgz",
+            "integrity": "sha512-KMBFMa7C8oc97nqDdoZwtDBX7gfpolkk6Bcmj6YFMrtCMVgoU/x2DI1p74DmYl7CSS6Ppa3xgemrLrr5IjIn0w==",
             "cpu": [
-                "ia32"
+                "x64"
             ],
             "dev": true,
             "optional": true,
             "os": [
-                "win32"
+                "freebsd"
             ],
             "engines": {
                 "node": ">=12"
             }
         },
-        "node_modules/@esbuild/win32-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz",
-            "integrity": "sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==",
+        "node_modules/esbuild-freebsd-arm64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.10.tgz",
+            "integrity": "sha512-m2KNbuCX13yQqLlbSojFMHpewbn8wW5uDS6DxRpmaZKzyq8Dbsku6hHvh2U+BcLwWY4mpgXzFUoENEf7IcioGg==",
             "cpu": [
-                "x64"
+                "arm64"
             ],
             "dev": true,
             "optional": true,
             "os": [
-                "win32"
+                "freebsd"
             ],
             "engines": {
                 "node": ">=12"
             }
         },
-        "node_modules/@isaacs/cliui": {
-            "version": "8.0.2",
-            "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-            "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+        "node_modules/esbuild-linux-32": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.15.10.tgz",
+            "integrity": "sha512-guXrwSYFAvNkuQ39FNeV4sNkNms1bLlA5vF1H0cazZBOLdLFIny6BhT+TUbK/hdByMQhtWQ5jI9VAmPKbVPu1w==",
+            "cpu": [
+                "ia32"
+            ],
             "dev": true,
-            "dependencies": {
-                "string-width": "^5.1.2",
-                "string-width-cjs": "npm:string-width@^4.2.0",
-                "strip-ansi": "^7.0.1",
-                "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-                "wrap-ansi": "^8.1.0",
-                "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-            },
+            "optional": true,
+            "os": [
+                "linux"
+            ],
             "engines": {
                 "node": ">=12"
             }
         },
-        "node_modules/@jridgewell/gen-mapping": {
-            "version": "0.3.5",
-            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
-            "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+        "node_modules/esbuild-linux-64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.15.10.tgz",
+            "integrity": "sha512-jd8XfaSJeucMpD63YNMO1JCrdJhckHWcMv6O233bL4l6ogQKQOxBYSRP/XLWP+6kVTu0obXovuckJDcA0DKtQA==",
+            "cpu": [
+                "x64"
+            ],
             "dev": true,
-            "dependencies": {
-                "@jridgewell/set-array": "^1.2.1",
-                "@jridgewell/sourcemap-codec": "^1.4.10",
-                "@jridgewell/trace-mapping": "^0.3.24"
-            },
+            "optional": true,
+            "os": [
+                "linux"
+            ],
             "engines": {
-                "node": ">=6.0.0"
+                "node": ">=12"
             }
         },
-        "node_modules/@jridgewell/resolve-uri": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-            "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+        "node_modules/esbuild-linux-arm": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.15.10.tgz",
+            "integrity": "sha512-6N8vThLL/Lysy9y4Ex8XoLQAlbZKUyExCWyayGi2KgTBelKpPgj6RZnUaKri0dHNPGgReJriKVU6+KDGQwn10A==",
+            "cpu": [
+                "arm"
+            ],
             "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
             "engines": {
-                "node": ">=6.0.0"
+                "node": ">=12"
             }
         },
-        "node_modules/@jridgewell/set-array": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
-            "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+        "node_modules/esbuild-linux-arm64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.10.tgz",
+            "integrity": "sha512-GByBi4fgkvZFTHFDYNftu1DQ1GzR23jws0oWyCfhnI7eMOe+wgwWrc78dbNk709Ivdr/evefm2PJiUBMiusS1A==",
+            "cpu": [
+                "arm64"
+            ],
             "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
             "engines": {
-                "node": ">=6.0.0"
+                "node": ">=12"
             }
         },
-        "node_modules/@jridgewell/sourcemap-codec": {
-            "version": "1.4.15",
-            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-            "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
-            "dev": true
-        },
-        "node_modules/@jridgewell/trace-mapping": {
-            "version": "0.3.25",
-            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
-            "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+        "node_modules/esbuild-linux-mips64le": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.10.tgz",
+            "integrity": "sha512-BxP+LbaGVGIdQNJUNF7qpYjEGWb0YyHVSKqYKrn+pTwH/SiHUxFyJYSP3pqkku61olQiSBnSmWZ+YUpj78Tw7Q==",
+            "cpu": [
+                "mips64el"
+            ],
             "dev": true,
-            "dependencies": {
-                "@jridgewell/resolve-uri": "^3.1.0",
-                "@jridgewell/sourcemap-codec": "^1.4.14"
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
             }
         },
-        "node_modules/@nodelib/fs.scandir": {
-            "version": "2.1.5",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+        "node_modules/esbuild-linux-ppc64le": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.10.tgz",
+            "integrity": "sha512-LoSQCd6498PmninNgqd/BR7z3Bsk/mabImBWuQ4wQgmQEeanzWd5BQU2aNi9mBURCLgyheuZS6Xhrw5luw3OkQ==",
+            "cpu": [
+                "ppc64"
+            ],
             "dev": true,
-            "dependencies": {
-                "@nodelib/fs.stat": "2.0.5",
-                "run-parallel": "^1.1.9"
-            },
+            "optional": true,
+            "os": [
+                "linux"
+            ],
             "engines": {
-                "node": ">= 8"
+                "node": ">=12"
             }
         },
-        "node_modules/@nodelib/fs.stat": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+        "node_modules/esbuild-linux-riscv64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.10.tgz",
+            "integrity": "sha512-Lrl9Cr2YROvPV4wmZ1/g48httE8z/5SCiXIyebiB5N8VT7pX3t6meI7TQVHw/wQpqP/AF4SksDuFImPTM7Z32Q==",
+            "cpu": [
+                "riscv64"
+            ],
             "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
             "engines": {
-                "node": ">= 8"
+                "node": ">=12"
             }
         },
-        "node_modules/@nodelib/fs.walk": {
-            "version": "1.2.8",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-            "dev": true,
-            "dependencies": {
-                "@nodelib/fs.scandir": "2.1.5",
-                "fastq": "^1.6.0"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/@pkgjs/parseargs": {
-            "version": "0.11.0",
-            "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-            "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-            "dev": true,
-            "optional": true,
-            "engines": {
-                "node": ">=14"
-            }
-        },
-        "node_modules/@rollup/rollup-android-arm-eabi": {
-            "version": "4.18.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.18.0.tgz",
-            "integrity": "sha512-Tya6xypR10giZV1XzxmH5wr25VcZSncG0pZIjfePT0OVBvqNEurzValetGNarVrGiq66EBVAFn15iYX4w6FKgQ==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "android"
-            ]
-        },
-        "node_modules/@rollup/rollup-android-arm64": {
-            "version": "4.18.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.18.0.tgz",
-            "integrity": "sha512-avCea0RAP03lTsDhEyfy+hpfr85KfyTctMADqHVhLAF3MlIkq83CP8UfAHUssgXTYd+6er6PaAhx/QGv4L1EiA==",
+        "node_modules/esbuild-linux-s390x": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.10.tgz",
+            "integrity": "sha512-ReP+6q3eLVVP2lpRrvl5EodKX7EZ1bS1/z5j6hsluAlZP5aHhk6ghT6Cq3IANvvDdscMMCB4QEbI+AjtvoOFpA==",
             "cpu": [
-                "arm64"
+                "s390x"
             ],
             "dev": true,
             "optional": true,
             "os": [
-                "android"
-            ]
-        },
-        "node_modules/@rollup/rollup-darwin-arm64": {
-            "version": "4.18.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.18.0.tgz",
-            "integrity": "sha512-IWfdwU7KDSm07Ty0PuA/W2JYoZ4iTj3TUQjkVsO/6U+4I1jN5lcR71ZEvRh52sDOERdnNhhHU57UITXz5jC1/w==",
-            "cpu": [
-                "arm64"
+                "linux"
             ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "darwin"
-            ]
+            "engines": {
+                "node": ">=12"
+            }
         },
-        "node_modules/@rollup/rollup-darwin-x64": {
-            "version": "4.18.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.18.0.tgz",
-            "integrity": "sha512-n2LMsUz7Ynu7DoQrSQkBf8iNrjOGyPLrdSg802vk6XT3FtsgX6JbE8IHRvposskFm9SNxzkLYGSq9QdpLYpRNA==",
+        "node_modules/esbuild-netbsd-64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.10.tgz",
+            "integrity": "sha512-iGDYtJCMCqldMskQ4eIV+QSS/CuT7xyy9i2/FjpKvxAuCzrESZXiA1L64YNj6/afuzfBe9i8m/uDkFHy257hTw==",
             "cpu": [
                 "x64"
             ],
             "dev": true,
             "optional": true,
             "os": [
-                "darwin"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-            "version": "4.18.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.18.0.tgz",
-            "integrity": "sha512-C/zbRYRXFjWvz9Z4haRxcTdnkPt1BtCkz+7RtBSuNmKzMzp3ZxdM28Mpccn6pt28/UWUCTXa+b0Mx1k3g6NOMA==",
-            "cpu": [
-                "arm"
+                "netbsd"
             ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ]
+            "engines": {
+                "node": ">=12"
+            }
         },
-        "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-            "version": "4.18.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.18.0.tgz",
-            "integrity": "sha512-l3m9ewPgjQSXrUMHg93vt0hYCGnrMOcUpTz6FLtbwljo2HluS4zTXFy2571YQbisTnfTKPZ01u/ukJdQTLGh9A==",
+        "node_modules/esbuild-openbsd-64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.10.tgz",
+            "integrity": "sha512-ftMMIwHWrnrYnvuJQRJs/Smlcb28F9ICGde/P3FUTCgDDM0N7WA0o9uOR38f5Xe2/OhNCgkjNeb7QeaE3cyWkQ==",
             "cpu": [
-                "arm"
+                "x64"
             ],
             "dev": true,
             "optional": true,
             "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-arm64-gnu": {
-            "version": "4.18.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.18.0.tgz",
-            "integrity": "sha512-rJ5D47d8WD7J+7STKdCUAgmQk49xuFrRi9pZkWoRD1UeSMakbcepWXPF8ycChBoAqs1pb2wzvbY6Q33WmN2ftw==",
-            "cpu": [
-                "arm64"
+                "openbsd"
             ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ]
+            "engines": {
+                "node": ">=12"
+            }
         },
-        "node_modules/@rollup/rollup-linux-arm64-musl": {
-            "version": "4.18.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.18.0.tgz",
-            "integrity": "sha512-be6Yx37b24ZwxQ+wOQXXLZqpq4jTckJhtGlWGZs68TgdKXJgw54lUUoFYrg6Zs/kjzAQwEwYbp8JxZVzZLRepQ==",
+        "node_modules/esbuild-sunos-64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.15.10.tgz",
+            "integrity": "sha512-mf7hBL9Uo2gcy2r3rUFMjVpTaGpFJJE5QTDDqUFf1632FxteYANffDZmKbqX0PfeQ2XjUDE604IcE7OJeoHiyg==",
             "cpu": [
-                "arm64"
+                "x64"
             ],
             "dev": true,
             "optional": true,
             "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-            "version": "4.18.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.18.0.tgz",
-            "integrity": "sha512-hNVMQK+qrA9Todu9+wqrXOHxFiD5YmdEi3paj6vP02Kx1hjd2LLYR2eaN7DsEshg09+9uzWi2W18MJDlG0cxJA==",
-            "cpu": [
-                "ppc64"
+                "sunos"
             ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ]
+            "engines": {
+                "node": ">=12"
+            }
         },
-        "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-            "version": "4.18.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.18.0.tgz",
-            "integrity": "sha512-ROCM7i+m1NfdrsmvwSzoxp9HFtmKGHEqu5NNDiZWQtXLA8S5HBCkVvKAxJ8U+CVctHwV2Gb5VUaK7UAkzhDjlg==",
+        "node_modules/esbuild-windows-32": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.15.10.tgz",
+            "integrity": "sha512-ttFVo+Cg8b5+qHmZHbEc8Vl17kCleHhLzgT8X04y8zudEApo0PxPg9Mz8Z2cKH1bCYlve1XL8LkyXGFjtUYeGg==",
             "cpu": [
-                "riscv64"
+                "ia32"
             ],
             "dev": true,
             "optional": true,
             "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-s390x-gnu": {
-            "version": "4.18.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.18.0.tgz",
-            "integrity": "sha512-0UyyRHyDN42QL+NbqevXIIUnKA47A+45WyasO+y2bGJ1mhQrfrtXUpTxCOrfxCR4esV3/RLYyucGVPiUsO8xjg==",
-            "cpu": [
-                "s390x"
+                "win32"
             ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ]
+            "engines": {
+                "node": ">=12"
+            }
         },
-        "node_modules/@rollup/rollup-linux-x64-gnu": {
-            "version": "4.18.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.18.0.tgz",
-            "integrity": "sha512-xuglR2rBVHA5UsI8h8UbX4VJ470PtGCf5Vpswh7p2ukaqBGFTnsfzxUBetoWBWymHMxbIG0Cmx7Y9qDZzr648w==",
+        "node_modules/esbuild-windows-64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.15.10.tgz",
+            "integrity": "sha512-2H0gdsyHi5x+8lbng3hLbxDWR7mKHWh5BXZGKVG830KUmXOOWFE2YKJ4tHRkejRduOGDrBvHBriYsGtmTv3ntA==",
             "cpu": [
                 "x64"
             ],
             "dev": true,
             "optional": true,
             "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-x64-musl": {
-            "version": "4.18.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.18.0.tgz",
-            "integrity": "sha512-LKaqQL9osY/ir2geuLVvRRs+utWUNilzdE90TpyoX0eNqPzWjRm14oMEE+YLve4k/NAqCdPkGYDaDF5Sw+xBfg==",
-            "cpu": [
-                "x64"
+                "win32"
             ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "linux"
-            ]
+            "engines": {
+                "node": ">=12"
+            }
         },
-        "node_modules/@rollup/rollup-win32-arm64-msvc": {
-            "version": "4.18.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.18.0.tgz",
-            "integrity": "sha512-7J6TkZQFGo9qBKH0pk2cEVSRhJbL6MtfWxth7Y5YmZs57Pi+4x6c2dStAUvaQkHQLnEQv1jzBUW43GvZW8OFqA==",
+        "node_modules/esbuild-windows-arm64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.10.tgz",
+            "integrity": "sha512-S+th4F+F8VLsHLR0zrUcG+Et4hx0RKgK1eyHc08kztmLOES8BWwMiaGdoW9hiXuzznXQ0I/Fg904MNbr11Nktw==",
             "cpu": [
                 "arm64"
             ],
@@ -685,1481 +773,1930 @@
             "optional": true,
             "os": [
                 "win32"
-            ]
-        },
-        "node_modules/@rollup/rollup-win32-ia32-msvc": {
-            "version": "4.18.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.18.0.tgz",
-            "integrity": "sha512-Txjh+IxBPbkUB9+SXZMpv+b/vnTEtFyfWZgJ6iyCmt2tdx0OF5WhFowLmnh8ENGNpfUlUZkdI//4IEmhwPieNg==",
-            "cpu": [
-                "ia32"
             ],
-            "dev": true,
-            "optional": true,
-            "os": [
-                "win32"
-            ]
+            "engines": {
+                "node": ">=12"
+            }
         },
-        "node_modules/@rollup/rollup-win32-x64-msvc": {
-            "version": "4.18.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.18.0.tgz",
-            "integrity": "sha512-UOo5FdvOL0+eIVTgS4tIdbW+TtnBLWg1YBCcU2KWM7nuNwRz9bksDX1bekJJCpu25N1DVWaCwnT39dVQxzqS8g==",
-            "cpu": [
-                "x64"
-            ],
+        "node_modules/escalade": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
+            "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
             "dev": true,
-            "optional": true,
-            "os": [
-                "win32"
-            ]
+            "engines": {
+                "node": ">=6"
+            }
         },
-        "node_modules/@tailwindcss/forms": {
-            "version": "0.5.7",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.7.tgz",
-            "integrity": "sha512-QE7X69iQI+ZXwldE+rzasvbJiyV/ju1FGHH0Qn2W3FKbuYtqp8LKcy6iSw79fVUT5/Vvf+0XgLCeYVG+UV6hOw==",
+        "node_modules/fast-glob": {
+            "version": "3.3.2",
+            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+            "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
             "dev": true,
             "dependencies": {
-                "mini-svg-data-uri": "^1.2.3"
+                "@nodelib/fs.stat": "^2.0.2",
+                "@nodelib/fs.walk": "^1.2.3",
+                "glob-parent": "^5.1.2",
+                "merge2": "^1.3.0",
+                "micromatch": "^4.0.4"
             },
-            "peerDependencies": {
-                "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1"
+            "engines": {
+                "node": ">=8.6.0"
             }
         },
-        "node_modules/@tailwindcss/typography": {
-            "version": "0.5.13",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.13.tgz",
-            "integrity": "sha512-ADGcJ8dX21dVVHIwTRgzrcunY6YY9uSlAHHGVKvkA+vLc5qLwEszvKts40lx7z0qc4clpjclwLeK5rVCV2P/uw==",
+        "node_modules/fast-glob/node_modules/glob-parent": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
             "dev": true,
             "dependencies": {
-                "lodash.castarray": "^4.4.0",
-                "lodash.isplainobject": "^4.0.6",
-                "lodash.merge": "^4.6.2",
-                "postcss-selector-parser": "6.0.10"
+                "is-glob": "^4.0.1"
             },
-            "peerDependencies": {
-                "tailwindcss": ">=3.0.0 || insiders"
+            "engines": {
+                "node": ">= 6"
             }
         },
-        "node_modules/@types/estree": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
-            "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
-            "dev": true
+        "node_modules/fastq": {
+            "version": "1.17.1",
+            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
+            "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
+            "dev": true,
+            "dependencies": {
+                "reusify": "^1.0.4"
+            }
         },
-        "node_modules/ansi-regex": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-            "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+        "node_modules/fill-range": {
+            "version": "7.0.1",
+            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+            "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
             "dev": true,
-            "engines": {
-                "node": ">=12"
+            "dependencies": {
+                "to-regex-range": "^5.0.1"
             },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+            "engines": {
+                "node": ">=8"
             }
         },
-        "node_modules/ansi-styles": {
-            "version": "6.2.1",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-            "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+        "node_modules/fraction.js": {
+            "version": "4.3.7",
+            "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+            "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
             "dev": true,
             "engines": {
-                "node": ">=12"
+                "node": "*"
             },
             "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+                "type": "patreon",
+                "url": "https://github.com/sponsors/rawify"
             }
         },
-        "node_modules/any-promise": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-            "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+        "node_modules/fs.realpath": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+            "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
             "dev": true
         },
-        "node_modules/anymatch": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-            "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+        "node_modules/fsevents": {
+            "version": "2.3.2",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+            "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
             "dev": true,
-            "dependencies": {
-                "normalize-path": "^3.0.0",
-                "picomatch": "^2.0.4"
-            },
+            "hasInstallScript": true,
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
             "engines": {
-                "node": ">= 8"
+                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
             }
         },
-        "node_modules/arg": {
-            "version": "5.0.2",
-            "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-            "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-            "dev": true
-        },
-        "node_modules/asynckit": {
-            "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+        "node_modules/function-bind": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
             "dev": true
         },
-        "node_modules/autoprefixer": {
-            "version": "10.4.19",
-            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.19.tgz",
-            "integrity": "sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==",
+        "node_modules/glob": {
+            "version": "7.1.6",
+            "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
+            "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
             "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/autoprefixer"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
             "dependencies": {
-                "browserslist": "^4.23.0",
-                "caniuse-lite": "^1.0.30001599",
-                "fraction.js": "^4.3.7",
-                "normalize-range": "^0.1.2",
-                "picocolors": "^1.0.0",
-                "postcss-value-parser": "^4.2.0"
-            },
-            "bin": {
-                "autoprefixer": "bin/autoprefixer"
+                "fs.realpath": "^1.0.0",
+                "inflight": "^1.0.4",
+                "inherits": "2",
+                "minimatch": "^3.0.4",
+                "once": "^1.3.0",
+                "path-is-absolute": "^1.0.0"
             },
             "engines": {
-                "node": "^10 || ^12 || >=14"
+                "node": "*"
             },
-            "peerDependencies": {
-                "postcss": "^8.1.0"
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
             }
         },
-        "node_modules/axios": {
-            "version": "1.7.2",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz",
-            "integrity": "sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==",
-            "dev": true,
-            "dependencies": {
-                "follow-redirects": "^1.15.6",
-                "form-data": "^4.0.0",
-                "proxy-from-env": "^1.1.0"
-            }
-        },
-        "node_modules/balanced-match": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-            "dev": true
-        },
-        "node_modules/binary-extensions": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
-            "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/brace-expansion": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-            "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-            "dev": true,
-            "dependencies": {
-                "balanced-match": "^1.0.0"
-            }
-        },
-        "node_modules/braces": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-            "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+        "node_modules/glob-parent": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
             "dev": true,
             "dependencies": {
-                "fill-range": "^7.1.1"
+                "is-glob": "^4.0.3"
             },
             "engines": {
-                "node": ">=8"
+                "node": ">=10.13.0"
             }
         },
-        "node_modules/browserslist": {
-            "version": "4.23.0",
-            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz",
-            "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==",
+        "node_modules/has": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+            "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
             "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/browserslist"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/browserslist"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
             "dependencies": {
-                "caniuse-lite": "^1.0.30001587",
-                "electron-to-chromium": "^1.4.668",
-                "node-releases": "^2.0.14",
-                "update-browserslist-db": "^1.0.13"
-            },
-            "bin": {
-                "browserslist": "cli.js"
+                "function-bind": "^1.1.1"
             },
             "engines": {
-                "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+                "node": ">= 0.4.0"
             }
         },
-        "node_modules/camelcase-css": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-            "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+        "node_modules/inflight": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+            "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
             "dev": true,
-            "engines": {
-                "node": ">= 6"
+            "dependencies": {
+                "once": "^1.3.0",
+                "wrappy": "1"
             }
         },
-        "node_modules/caniuse-lite": {
-            "version": "1.0.30001625",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001625.tgz",
-            "integrity": "sha512-4KE9N2gcRH+HQhpeiRZXd+1niLB/XNLAhSy4z7fI8EzcbcPoAqjNInxVHTiTwWfTIV4w096XG8OtCOCQQKPv3w==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/browserslist"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ]
+        "node_modules/inherits": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+            "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+            "dev": true
         },
-        "node_modules/chokidar": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-            "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+        "node_modules/is-binary-path": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+            "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
             "dev": true,
             "dependencies": {
-                "anymatch": "~3.1.2",
-                "braces": "~3.0.2",
-                "glob-parent": "~5.1.2",
-                "is-binary-path": "~2.1.0",
-                "is-glob": "~4.0.1",
-                "normalize-path": "~3.0.0",
-                "readdirp": "~3.6.0"
+                "binary-extensions": "^2.0.0"
             },
             "engines": {
-                "node": ">= 8.10.0"
-            },
-            "funding": {
-                "url": "https://paulmillr.com/funding/"
-            },
-            "optionalDependencies": {
-                "fsevents": "~2.3.2"
+                "node": ">=8"
             }
         },
-        "node_modules/chokidar/node_modules/glob-parent": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+        "node_modules/is-core-module": {
+            "version": "2.12.1",
+            "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+            "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
             "dev": true,
             "dependencies": {
-                "is-glob": "^4.0.1"
+                "has": "^1.0.3"
             },
-            "engines": {
-                "node": ">= 6"
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/color-convert": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+        "node_modules/is-extglob": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
             "dev": true,
-            "dependencies": {
-                "color-name": "~1.1.4"
-            },
             "engines": {
-                "node": ">=7.0.0"
+                "node": ">=0.10.0"
             }
         },
-        "node_modules/color-name": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-            "dev": true
-        },
-        "node_modules/combined-stream": {
-            "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+        "node_modules/is-glob": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
             "dev": true,
             "dependencies": {
-                "delayed-stream": "~1.0.0"
+                "is-extglob": "^2.1.1"
             },
             "engines": {
-                "node": ">= 0.8"
+                "node": ">=0.10.0"
             }
         },
-        "node_modules/commander": {
-            "version": "4.1.1",
-            "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-            "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+        "node_modules/is-number": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
             "dev": true,
             "engines": {
-                "node": ">= 6"
+                "node": ">=0.12.0"
             }
         },
-        "node_modules/cross-spawn": {
-            "version": "7.0.3",
-            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-            "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+        "node_modules/jiti": {
+            "version": "1.21.0",
+            "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz",
+            "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==",
             "dev": true,
-            "dependencies": {
-                "path-key": "^3.1.0",
-                "shebang-command": "^2.0.0",
-                "which": "^2.0.1"
-            },
-            "engines": {
-                "node": ">= 8"
+            "bin": {
+                "jiti": "bin/jiti.js"
             }
         },
-        "node_modules/cssesc": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+        "node_modules/laravel-vite-plugin": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-0.6.1.tgz",
+            "integrity": "sha512-L8zt+bttm6+C0mo3an5J8wRW03SsjbTEouGb3bH2jj/XclFVAX/xEUkG9efhdRHjbEH5RY6cmdJ7bmf7zqjwIQ==",
             "dev": true,
-            "bin": {
-                "cssesc": "bin/cssesc"
+            "dependencies": {
+                "vite-plugin-full-reload": "^1.0.1"
             },
             "engines": {
-                "node": ">=4"
+                "node": ">=14"
+            },
+            "peerDependencies": {
+                "vite": "^3.0.0"
             }
         },
-        "node_modules/delayed-stream": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+        "node_modules/lilconfig": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+            "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
             "dev": true,
             "engines": {
-                "node": ">=0.4.0"
+                "node": ">=10"
             }
         },
-        "node_modules/didyoumean": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-            "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+        "node_modules/lines-and-columns": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+            "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
             "dev": true
         },
-        "node_modules/dlv": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-            "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+        "node_modules/lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
             "dev": true
         },
-        "node_modules/eastasianwidth": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-            "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+        "node_modules/lodash.castarray": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
+            "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==",
             "dev": true
         },
-        "node_modules/electron-to-chromium": {
-            "version": "1.4.787",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.787.tgz",
-            "integrity": "sha512-d0EFmtLPjctczO3LogReyM2pbBiiZbnsKnGF+cdZhsYzHm/A0GV7W94kqzLD8SN4O3f3iHlgLUChqghgyznvCQ==",
+        "node_modules/lodash.isplainobject": {
+            "version": "4.0.6",
+            "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+            "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
             "dev": true
         },
-        "node_modules/emoji-regex": {
-            "version": "9.2.2",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-            "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+        "node_modules/lodash.merge": {
+            "version": "4.6.2",
+            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
             "dev": true
         },
-        "node_modules/esbuild": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.2.tgz",
-            "integrity": "sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==",
+        "node_modules/merge2": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
             "dev": true,
-            "hasInstallScript": true,
-            "bin": {
-                "esbuild": "bin/esbuild"
-            },
             "engines": {
-                "node": ">=12"
-            },
-            "optionalDependencies": {
-                "@esbuild/aix-ppc64": "0.20.2",
-                "@esbuild/android-arm": "0.20.2",
-                "@esbuild/android-arm64": "0.20.2",
-                "@esbuild/android-x64": "0.20.2",
-                "@esbuild/darwin-arm64": "0.20.2",
-                "@esbuild/darwin-x64": "0.20.2",
-                "@esbuild/freebsd-arm64": "0.20.2",
-                "@esbuild/freebsd-x64": "0.20.2",
-                "@esbuild/linux-arm": "0.20.2",
-                "@esbuild/linux-arm64": "0.20.2",
-                "@esbuild/linux-ia32": "0.20.2",
-                "@esbuild/linux-loong64": "0.20.2",
-                "@esbuild/linux-mips64el": "0.20.2",
-                "@esbuild/linux-ppc64": "0.20.2",
-                "@esbuild/linux-riscv64": "0.20.2",
-                "@esbuild/linux-s390x": "0.20.2",
-                "@esbuild/linux-x64": "0.20.2",
-                "@esbuild/netbsd-x64": "0.20.2",
-                "@esbuild/openbsd-x64": "0.20.2",
-                "@esbuild/sunos-x64": "0.20.2",
-                "@esbuild/win32-arm64": "0.20.2",
-                "@esbuild/win32-ia32": "0.20.2",
-                "@esbuild/win32-x64": "0.20.2"
+                "node": ">= 8"
             }
         },
-        "node_modules/escalade": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
-            "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
+        "node_modules/micromatch": {
+            "version": "4.0.5",
+            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+            "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
             "dev": true,
+            "dependencies": {
+                "braces": "^3.0.2",
+                "picomatch": "^2.3.1"
+            },
             "engines": {
-                "node": ">=6"
+                "node": ">=8.6"
             }
         },
-        "node_modules/fast-glob": {
-            "version": "3.3.2",
-            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
-            "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+        "node_modules/mini-svg-data-uri": {
+            "version": "1.4.4",
+            "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
+            "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
             "dev": true,
-            "dependencies": {
-                "@nodelib/fs.stat": "^2.0.2",
-                "@nodelib/fs.walk": "^1.2.3",
-                "glob-parent": "^5.1.2",
-                "merge2": "^1.3.0",
-                "micromatch": "^4.0.4"
-            },
-            "engines": {
-                "node": ">=8.6.0"
+            "bin": {
+                "mini-svg-data-uri": "cli.js"
             }
         },
-        "node_modules/fast-glob/node_modules/glob-parent": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+        "node_modules/minimatch": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
             "dev": true,
             "dependencies": {
-                "is-glob": "^4.0.1"
+                "brace-expansion": "^1.1.7"
             },
             "engines": {
-                "node": ">= 6"
+                "node": "*"
             }
         },
-        "node_modules/fastq": {
-            "version": "1.17.1",
-            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
-            "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
+        "node_modules/mz": {
+            "version": "2.7.0",
+            "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+            "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
             "dev": true,
             "dependencies": {
-                "reusify": "^1.0.4"
+                "any-promise": "^1.0.0",
+                "object-assign": "^4.0.1",
+                "thenify-all": "^1.0.0"
             }
         },
-        "node_modules/fill-range": {
-            "version": "7.1.1",
-            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-            "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-            "dev": true,
-            "dependencies": {
-                "to-regex-range": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/follow-redirects": {
-            "version": "1.15.6",
-            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
-            "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
+        "node_modules/nanoid": {
+            "version": "3.3.7",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+            "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
             "dev": true,
             "funding": [
                 {
-                    "type": "individual",
-                    "url": "https://github.com/sponsors/RubenVerborgh"
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
                 }
             ],
-            "engines": {
-                "node": ">=4.0"
+            "bin": {
+                "nanoid": "bin/nanoid.cjs"
             },
-            "peerDependenciesMeta": {
-                "debug": {
-                    "optional": true
-                }
+            "engines": {
+                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
             }
         },
-        "node_modules/foreground-child": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz",
-            "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==",
+        "node_modules/node-releases": {
+            "version": "2.0.14",
+            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
+            "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
+            "dev": true
+        },
+        "node_modules/normalize-path": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+            "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
             "dev": true,
-            "dependencies": {
-                "cross-spawn": "^7.0.0",
-                "signal-exit": "^4.0.1"
-            },
             "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
+                "node": ">=0.10.0"
             }
         },
-        "node_modules/form-data": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-            "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+        "node_modules/normalize-range": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+            "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
             "dev": true,
-            "dependencies": {
-                "asynckit": "^0.4.0",
-                "combined-stream": "^1.0.8",
-                "mime-types": "^2.1.12"
-            },
             "engines": {
-                "node": ">= 6"
+                "node": ">=0.10.0"
             }
         },
-        "node_modules/fraction.js": {
-            "version": "4.3.7",
-            "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
-            "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+        "node_modules/object-assign": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+            "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
             "dev": true,
             "engines": {
-                "node": "*"
-            },
-            "funding": {
-                "type": "patreon",
-                "url": "https://github.com/sponsors/rawify"
+                "node": ">=0.10.0"
             }
         },
-        "node_modules/fsevents": {
-            "version": "2.3.3",
-            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+        "node_modules/object-hash": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+            "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
             "dev": true,
-            "hasInstallScript": true,
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
             "engines": {
-                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+                "node": ">= 6"
             }
         },
-        "node_modules/function-bind": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-            "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+        "node_modules/once": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+            "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
             "dev": true,
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
+            "dependencies": {
+                "wrappy": "1"
             }
         },
-        "node_modules/glob": {
-            "version": "10.4.1",
-            "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.1.tgz",
-            "integrity": "sha512-2jelhlq3E4ho74ZyVLN03oKdAZVUa6UDZzFLVH1H7dnoax+y9qyaq8zBkfDIggjniU19z0wU18y16jMB2eyVIw==",
+        "node_modules/path-is-absolute": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+            "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/path-parse": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+            "dev": true
+        },
+        "node_modules/picocolors": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+            "dev": true
+        },
+        "node_modules/picomatch": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
             "dev": true,
-            "dependencies": {
-                "foreground-child": "^3.1.0",
-                "jackspeak": "^3.1.2",
-                "minimatch": "^9.0.4",
-                "minipass": "^7.1.2",
-                "path-scurry": "^1.11.1"
-            },
-            "bin": {
-                "glob": "dist/esm/bin.mjs"
-            },
             "engines": {
-                "node": ">=16 || 14 >=14.18"
+                "node": ">=8.6"
             },
             "funding": {
-                "url": "https://github.com/sponsors/isaacs"
+                "url": "https://github.com/sponsors/jonschlinkert"
             }
         },
-        "node_modules/glob-parent": {
-            "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+        "node_modules/pify": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+            "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
             "dev": true,
-            "dependencies": {
-                "is-glob": "^4.0.3"
-            },
             "engines": {
-                "node": ">=10.13.0"
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/pirates": {
+            "version": "4.0.6",
+            "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
+            "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+            "dev": true,
+            "engines": {
+                "node": ">= 6"
             }
         },
-        "node_modules/hasown": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-            "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+        "node_modules/postcss": {
+            "version": "8.4.35",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.35.tgz",
+            "integrity": "sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==",
             "dev": true,
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/postcss"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
             "dependencies": {
-                "function-bind": "^1.1.2"
+                "nanoid": "^3.3.7",
+                "picocolors": "^1.0.0",
+                "source-map-js": "^1.0.2"
             },
             "engines": {
-                "node": ">= 0.4"
+                "node": "^10 || ^12 || >=14"
             }
         },
-        "node_modules/is-binary-path": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-            "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+        "node_modules/postcss-import": {
+            "version": "15.1.0",
+            "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+            "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
             "dev": true,
             "dependencies": {
-                "binary-extensions": "^2.0.0"
+                "postcss-value-parser": "^4.0.0",
+                "read-cache": "^1.0.0",
+                "resolve": "^1.1.7"
             },
             "engines": {
-                "node": ">=8"
+                "node": ">=14.0.0"
+            },
+            "peerDependencies": {
+                "postcss": "^8.0.0"
             }
         },
-        "node_modules/is-core-module": {
-            "version": "2.13.1",
-            "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
-            "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
+        "node_modules/postcss-js": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
+            "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
             "dev": true,
             "dependencies": {
-                "hasown": "^2.0.0"
+                "camelcase-css": "^2.0.1"
+            },
+            "engines": {
+                "node": "^12 || ^14 || >= 16"
             },
             "funding": {
-                "url": "https://github.com/sponsors/ljharb"
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            },
+            "peerDependencies": {
+                "postcss": "^8.4.21"
             }
         },
-        "node_modules/is-extglob": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+        "node_modules/postcss-load-config": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz",
+            "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==",
             "dev": true,
+            "dependencies": {
+                "lilconfig": "^2.0.5",
+                "yaml": "^2.1.1"
+            },
             "engines": {
-                "node": ">=0.10.0"
+                "node": ">= 14"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            },
+            "peerDependencies": {
+                "postcss": ">=8.0.9",
+                "ts-node": ">=9.0.0"
+            },
+            "peerDependenciesMeta": {
+                "postcss": {
+                    "optional": true
+                },
+                "ts-node": {
+                    "optional": true
+                }
             }
         },
-        "node_modules/is-fullwidth-code-point": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+        "node_modules/postcss-nested": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
+            "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
             "dev": true,
+            "dependencies": {
+                "postcss-selector-parser": "^6.0.11"
+            },
             "engines": {
-                "node": ">=8"
+                "node": ">=12.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/postcss/"
+            },
+            "peerDependencies": {
+                "postcss": "^8.2.14"
             }
         },
-        "node_modules/is-glob": {
-            "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+        "node_modules/postcss-nested/node_modules/postcss-selector-parser": {
+            "version": "6.0.13",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
+            "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
             "dev": true,
             "dependencies": {
-                "is-extglob": "^2.1.1"
+                "cssesc": "^3.0.0",
+                "util-deprecate": "^1.0.2"
             },
             "engines": {
-                "node": ">=0.10.0"
+                "node": ">=4"
             }
         },
-        "node_modules/is-number": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+        "node_modules/postcss-selector-parser": {
+            "version": "6.0.10",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+            "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
             "dev": true,
+            "dependencies": {
+                "cssesc": "^3.0.0",
+                "util-deprecate": "^1.0.2"
+            },
             "engines": {
-                "node": ">=0.12.0"
+                "node": ">=4"
             }
         },
-        "node_modules/isexe": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+        "node_modules/postcss-value-parser": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+            "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
             "dev": true
         },
-        "node_modules/jackspeak": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.1.2.tgz",
-            "integrity": "sha512-kWmLKn2tRtfYMF/BakihVVRzBKOxz4gJMiL2Rj91WnAB5TPZumSH99R/Yf1qE1u4uRimvCSJfm6hnxohXeEXjQ==",
+        "node_modules/prettier": {
+            "version": "2.7.1",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz",
+            "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==",
             "dev": true,
-            "dependencies": {
-                "@isaacs/cliui": "^8.0.2"
+            "bin": {
+                "prettier": "bin-prettier.js"
             },
             "engines": {
-                "node": ">=14"
+                "node": ">=10.13.0"
             },
             "funding": {
-                "url": "https://github.com/sponsors/isaacs"
+                "url": "https://github.com/prettier/prettier?sponsor=1"
+            }
+        },
+        "node_modules/prettier-plugin-tailwindcss": {
+            "version": "0.1.13",
+            "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.1.13.tgz",
+            "integrity": "sha512-/EKQURUrxLu66CMUg4+1LwGdxnz8of7IDvrSLqEtDqhLH61SAlNNUSr90UTvZaemujgl3OH/VHg+fyGltrNixw==",
+            "dev": true,
+            "engines": {
+                "node": ">=12.17.0"
             },
-            "optionalDependencies": {
-                "@pkgjs/parseargs": "^0.11.0"
+            "peerDependencies": {
+                "prettier": ">=2.2.0"
             }
         },
-        "node_modules/jiti": {
-            "version": "1.21.0",
-            "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz",
-            "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==",
+        "node_modules/queue-microtask": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
             "dev": true,
-            "bin": {
-                "jiti": "bin/jiti.js"
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ]
+        },
+        "node_modules/read-cache": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+            "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+            "dev": true,
+            "dependencies": {
+                "pify": "^2.3.0"
             }
         },
-        "node_modules/laravel-vite-plugin": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-1.0.4.tgz",
-            "integrity": "sha512-dEj8Q/Fsn0kKbOQ55bl/NmyJL+dD6OxnVaM/nNByw5XV4b00ky6FzXKVuHLDr4BvSJKH1y6oaOcEG5wKpCZ5+A==",
+        "node_modules/readdirp": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+            "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
             "dev": true,
             "dependencies": {
-                "picocolors": "^1.0.0",
-                "vite-plugin-full-reload": "^1.1.0"
-            },
-            "bin": {
-                "clean-orphaned-assets": "bin/clean.js"
+                "picomatch": "^2.2.1"
             },
             "engines": {
-                "node": "^18.0.0 || >=20.0.0"
+                "node": ">=8.10.0"
+            }
+        },
+        "node_modules/resolve": {
+            "version": "1.22.2",
+            "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz",
+            "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==",
+            "dev": true,
+            "dependencies": {
+                "is-core-module": "^2.11.0",
+                "path-parse": "^1.0.7",
+                "supports-preserve-symlinks-flag": "^1.0.0"
             },
-            "peerDependencies": {
-                "vite": "^5.0.0"
+            "bin": {
+                "resolve": "bin/resolve"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/lilconfig": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
-            "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+        "node_modules/reusify": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+            "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
             "dev": true,
             "engines": {
-                "node": ">=10"
+                "iojs": ">=1.0.0",
+                "node": ">=0.10.0"
             }
         },
-        "node_modules/lines-and-columns": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-            "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-            "dev": true
-        },
-        "node_modules/lodash.castarray": {
-            "version": "4.4.0",
-            "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
-            "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==",
-            "dev": true
-        },
-        "node_modules/lodash.isplainobject": {
-            "version": "4.0.6",
-            "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
-            "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
-            "dev": true
-        },
-        "node_modules/lodash.merge": {
-            "version": "4.6.2",
-            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-            "dev": true
-        },
-        "node_modules/lru-cache": {
-            "version": "10.2.2",
-            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.2.tgz",
-            "integrity": "sha512-9hp3Vp2/hFQUiIwKo8XCeFVnrg8Pk3TYNPIR7tJADKi5YfcF7vEaK7avFHTlSy3kOKYaJQaalfEo6YuXdceBOQ==",
+        "node_modules/rollup": {
+            "version": "2.78.1",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.78.1.tgz",
+            "integrity": "sha512-VeeCgtGi4P+o9hIg+xz4qQpRl6R401LWEXBmxYKOV4zlF82lyhgh2hTZnheFUbANE8l2A41F458iwj2vEYaXJg==",
             "dev": true,
+            "bin": {
+                "rollup": "dist/bin/rollup"
+            },
             "engines": {
-                "node": "14 || >=16.14"
+                "node": ">=10.0.0"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.2"
             }
         },
-        "node_modules/merge2": {
-            "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+        "node_modules/run-parallel": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ],
+            "dependencies": {
+                "queue-microtask": "^1.2.2"
+            }
+        },
+        "node_modules/source-map-js": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+            "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
             "dev": true,
             "engines": {
-                "node": ">= 8"
+                "node": ">=0.10.0"
             }
         },
-        "node_modules/micromatch": {
-            "version": "4.0.7",
-            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.7.tgz",
-            "integrity": "sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==",
+        "node_modules/sucrase": {
+            "version": "3.32.0",
+            "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.32.0.tgz",
+            "integrity": "sha512-ydQOU34rpSyj2TGyz4D2p8rbktIOZ8QY9s+DGLvFU1i5pWJE8vkpruCjGCMHsdXwnD7JDcS+noSwM/a7zyNFDQ==",
             "dev": true,
             "dependencies": {
-                "braces": "^3.0.3",
-                "picomatch": "^2.3.1"
+                "@jridgewell/gen-mapping": "^0.3.2",
+                "commander": "^4.0.0",
+                "glob": "7.1.6",
+                "lines-and-columns": "^1.1.6",
+                "mz": "^2.7.0",
+                "pirates": "^4.0.1",
+                "ts-interface-checker": "^0.1.9"
+            },
+            "bin": {
+                "sucrase": "bin/sucrase",
+                "sucrase-node": "bin/sucrase-node"
             },
             "engines": {
-                "node": ">=8.6"
+                "node": ">=8"
             }
         },
-        "node_modules/mime-db": {
-            "version": "1.52.0",
-            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+        "node_modules/supports-preserve-symlinks-flag": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+            "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
             "dev": true,
             "engines": {
-                "node": ">= 0.6"
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
             }
         },
-        "node_modules/mime-types": {
-            "version": "2.1.35",
-            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+        "node_modules/tailwindcss": {
+            "version": "3.4.1",
+            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.1.tgz",
+            "integrity": "sha512-qAYmXRfk3ENzuPBakNK0SRrUDipP8NQnEY6772uDhflcQz5EhRdD7JNZxyrFHVQNCwULPBn6FNPp9brpO7ctcA==",
             "dev": true,
             "dependencies": {
-                "mime-db": "1.52.0"
+                "@alloc/quick-lru": "^5.2.0",
+                "arg": "^5.0.2",
+                "chokidar": "^3.5.3",
+                "didyoumean": "^1.2.2",
+                "dlv": "^1.1.3",
+                "fast-glob": "^3.3.0",
+                "glob-parent": "^6.0.2",
+                "is-glob": "^4.0.3",
+                "jiti": "^1.19.1",
+                "lilconfig": "^2.1.0",
+                "micromatch": "^4.0.5",
+                "normalize-path": "^3.0.0",
+                "object-hash": "^3.0.0",
+                "picocolors": "^1.0.0",
+                "postcss": "^8.4.23",
+                "postcss-import": "^15.1.0",
+                "postcss-js": "^4.0.1",
+                "postcss-load-config": "^4.0.1",
+                "postcss-nested": "^6.0.1",
+                "postcss-selector-parser": "^6.0.11",
+                "resolve": "^1.22.2",
+                "sucrase": "^3.32.0"
+            },
+            "bin": {
+                "tailwind": "lib/cli.js",
+                "tailwindcss": "lib/cli.js"
             },
             "engines": {
-                "node": ">= 0.6"
+                "node": ">=14.0.0"
             }
         },
-        "node_modules/mini-svg-data-uri": {
-            "version": "1.4.4",
-            "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
-            "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
+        "node_modules/tailwindcss/node_modules/postcss-selector-parser": {
+            "version": "6.0.13",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
+            "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
             "dev": true,
-            "bin": {
-                "mini-svg-data-uri": "cli.js"
+            "dependencies": {
+                "cssesc": "^3.0.0",
+                "util-deprecate": "^1.0.2"
+            },
+            "engines": {
+                "node": ">=4"
             }
         },
-        "node_modules/minimatch": {
-            "version": "9.0.4",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.4.tgz",
-            "integrity": "sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==",
+        "node_modules/thenify": {
+            "version": "3.3.1",
+            "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+            "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
             "dev": true,
             "dependencies": {
-                "brace-expansion": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
+                "any-promise": "^1.0.0"
             }
         },
-        "node_modules/minipass": {
-            "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-            "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+        "node_modules/thenify-all": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+            "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
             "dev": true,
+            "dependencies": {
+                "thenify": ">= 3.1.0 < 4"
+            },
             "engines": {
-                "node": ">=16 || 14 >=14.17"
+                "node": ">=0.8"
             }
         },
-        "node_modules/mz": {
-            "version": "2.7.0",
-            "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
-            "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+        "node_modules/to-regex-range": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
             "dev": true,
             "dependencies": {
-                "any-promise": "^1.0.0",
-                "object-assign": "^4.0.1",
-                "thenify-all": "^1.0.0"
+                "is-number": "^7.0.0"
+            },
+            "engines": {
+                "node": ">=8.0"
             }
         },
-        "node_modules/nanoid": {
-            "version": "3.3.7",
-            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
-            "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+        "node_modules/ts-interface-checker": {
+            "version": "0.1.13",
+            "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+            "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+            "dev": true
+        },
+        "node_modules/update-browserslist-db": {
+            "version": "1.0.13",
+            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+            "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
             "dev": true,
             "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/browserslist"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/browserslist"
+                },
                 {
                     "type": "github",
                     "url": "https://github.com/sponsors/ai"
                 }
             ],
-            "bin": {
-                "nanoid": "bin/nanoid.cjs"
+            "dependencies": {
+                "escalade": "^3.1.1",
+                "picocolors": "^1.0.0"
             },
-            "engines": {
-                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+            "bin": {
+                "update-browserslist-db": "cli.js"
+            },
+            "peerDependencies": {
+                "browserslist": ">= 4.21.0"
             }
         },
-        "node_modules/node-releases": {
-            "version": "2.0.14",
-            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
-            "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
+        "node_modules/util-deprecate": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
             "dev": true
         },
-        "node_modules/normalize-path": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-            "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+        "node_modules/vite": {
+            "version": "3.1.8",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-3.1.8.tgz",
+            "integrity": "sha512-m7jJe3nufUbuOfotkntGFupinL/fmuTNuQmiVE7cH2IZMuf4UbfbGYMUT3jVWgGYuRVLY9j8NnrRqgw5rr5QTg==",
             "dev": true,
+            "dependencies": {
+                "esbuild": "^0.15.9",
+                "postcss": "^8.4.16",
+                "resolve": "^1.22.1",
+                "rollup": "~2.78.0"
+            },
+            "bin": {
+                "vite": "bin/vite.js"
+            },
             "engines": {
-                "node": ">=0.10.0"
+                "node": "^14.18.0 || >=16.0.0"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.2"
+            },
+            "peerDependencies": {
+                "less": "*",
+                "sass": "*",
+                "stylus": "*",
+                "terser": "^5.4.0"
+            },
+            "peerDependenciesMeta": {
+                "less": {
+                    "optional": true
+                },
+                "sass": {
+                    "optional": true
+                },
+                "stylus": {
+                    "optional": true
+                },
+                "terser": {
+                    "optional": true
+                }
             }
         },
-        "node_modules/normalize-range": {
-            "version": "0.1.2",
-            "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-            "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+        "node_modules/vite-plugin-full-reload": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.0.4.tgz",
+            "integrity": "sha512-9WejQII6zJ++m/YE173Zvl2jq4cqa404KNrVT+JDzDnqaGRq5UvOvA48fnsSWPIMXFV7S0dq5+sZqcSB+tKBgA==",
             "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
+            "dependencies": {
+                "picocolors": "^1.0.0",
+                "picomatch": "^2.3.1"
+            },
+            "peerDependencies": {
+                "vite": "^2 || ^3"
             }
         },
-        "node_modules/object-assign": {
-            "version": "4.1.1",
-            "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-            "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+        "node_modules/wrappy": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+            "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+            "dev": true
+        },
+        "node_modules/yaml": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz",
+            "integrity": "sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==",
             "dev": true,
             "engines": {
-                "node": ">=0.10.0"
+                "node": ">= 14"
             }
+        }
+    },
+    "dependencies": {
+        "@alloc/quick-lru": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+            "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+            "dev": true
         },
-        "node_modules/object-hash": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-            "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+        "@esbuild/android-arm": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.10.tgz",
+            "integrity": "sha512-FNONeQPy/ox+5NBkcSbYJxoXj9GWu8gVGJTVmUyoOCKQFDTrHVKgNSzChdNt0I8Aj/iKcsDf2r9BFwv+FSNUXg==",
             "dev": true,
-            "engines": {
-                "node": ">= 6"
-            }
+            "optional": true
         },
-        "node_modules/path-key": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+        "@esbuild/linux-loong64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.15.10.tgz",
+            "integrity": "sha512-w0Ou3Z83LOYEkwaui2M8VwIp+nLi/NA60lBLMvaJ+vXVMcsARYdEzLNE7RSm4+lSg4zq4d7fAVuzk7PNQ5JFgg==",
             "dev": true,
-            "engines": {
-                "node": ">=8"
+            "optional": true
+        },
+        "@jridgewell/gen-mapping": {
+            "version": "0.3.3",
+            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+            "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+            "dev": true,
+            "requires": {
+                "@jridgewell/set-array": "^1.0.1",
+                "@jridgewell/sourcemap-codec": "^1.4.10",
+                "@jridgewell/trace-mapping": "^0.3.9"
             }
         },
-        "node_modules/path-parse": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+        "@jridgewell/resolve-uri": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
+            "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
+            "dev": true
+        },
+        "@jridgewell/set-array": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+            "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+            "dev": true
+        },
+        "@jridgewell/sourcemap-codec": {
+            "version": "1.4.15",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+            "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
             "dev": true
         },
-        "node_modules/path-scurry": {
-            "version": "1.11.1",
-            "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-            "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+        "@jridgewell/trace-mapping": {
+            "version": "0.3.18",
+            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
+            "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
             "dev": true,
-            "dependencies": {
-                "lru-cache": "^10.2.0",
-                "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.18"
+            "requires": {
+                "@jridgewell/resolve-uri": "3.1.0",
+                "@jridgewell/sourcemap-codec": "1.4.14"
             },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": {
+                    "version": "1.4.14",
+                    "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
+                    "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
+                    "dev": true
+                }
             }
         },
-        "node_modules/picocolors": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
-            "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==",
+        "@nodelib/fs.scandir": {
+            "version": "2.1.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+            "dev": true,
+            "requires": {
+                "@nodelib/fs.stat": "2.0.5",
+                "run-parallel": "^1.1.9"
+            }
+        },
+        "@nodelib/fs.stat": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
             "dev": true
         },
-        "node_modules/picomatch": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+        "@nodelib/fs.walk": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
             "dev": true,
-            "engines": {
-                "node": ">=8.6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/jonschlinkert"
+            "requires": {
+                "@nodelib/fs.scandir": "2.1.5",
+                "fastq": "^1.6.0"
             }
         },
-        "node_modules/pify": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-            "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+        "@tailwindcss/forms": {
+            "version": "0.5.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.3.tgz",
+            "integrity": "sha512-y5mb86JUoiUgBjY/o6FJSFZSEttfb3Q5gllE4xoKjAAD+vBrnIhE4dViwUuow3va8mpH4s9jyUbUbrRGoRdc2Q==",
             "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
+            "requires": {
+                "mini-svg-data-uri": "^1.2.3"
             }
         },
-        "node_modules/pirates": {
-            "version": "4.0.6",
-            "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
-            "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+        "@tailwindcss/typography": {
+            "version": "0.5.7",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.7.tgz",
+            "integrity": "sha512-JTTSTrgZfp6Ki4svhPA4mkd9nmQ/j9EfE7SbHJ1cLtthKkpW2OxsFXzSmxbhYbEkfNIyAyhle5p4SYyKRbz/jg==",
             "dev": true,
-            "engines": {
-                "node": ">= 6"
+            "requires": {
+                "lodash.castarray": "^4.4.0",
+                "lodash.isplainobject": "^4.0.6",
+                "lodash.merge": "^4.6.2",
+                "postcss-selector-parser": "6.0.10"
             }
         },
-        "node_modules/postcss": {
-            "version": "8.4.38",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz",
-            "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==",
+        "any-promise": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+            "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+            "dev": true
+        },
+        "anymatch": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
+            "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
             "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/postcss"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "dependencies": {
-                "nanoid": "^3.3.7",
-                "picocolors": "^1.0.0",
-                "source-map-js": "^1.2.0"
-            },
-            "engines": {
-                "node": "^10 || ^12 || >=14"
+            "requires": {
+                "normalize-path": "^3.0.0",
+                "picomatch": "^2.0.4"
             }
         },
-        "node_modules/postcss-import": {
-            "version": "15.1.0",
-            "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
-            "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+        "arg": {
+            "version": "5.0.2",
+            "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+            "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+            "dev": true
+        },
+        "autoprefixer": {
+            "version": "10.4.17",
+            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.17.tgz",
+            "integrity": "sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==",
             "dev": true,
-            "dependencies": {
-                "postcss-value-parser": "^4.0.0",
-                "read-cache": "^1.0.0",
-                "resolve": "^1.1.7"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            },
-            "peerDependencies": {
-                "postcss": "^8.0.0"
+            "requires": {
+                "browserslist": "^4.22.2",
+                "caniuse-lite": "^1.0.30001578",
+                "fraction.js": "^4.3.7",
+                "normalize-range": "^0.1.2",
+                "picocolors": "^1.0.0",
+                "postcss-value-parser": "^4.2.0"
             }
         },
-        "node_modules/postcss-js": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
-            "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+        "balanced-match": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+            "dev": true
+        },
+        "binary-extensions": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+            "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+            "dev": true
+        },
+        "brace-expansion": {
+            "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
             "dev": true,
-            "dependencies": {
-                "camelcase-css": "^2.0.1"
-            },
-            "engines": {
-                "node": "^12 || ^14 || >= 16"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/postcss/"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4.21"
+            "requires": {
+                "balanced-match": "^1.0.0",
+                "concat-map": "0.0.1"
             }
         },
-        "node_modules/postcss-load-config": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
-            "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
+        "braces": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+            "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
             "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "dependencies": {
-                "lilconfig": "^3.0.0",
-                "yaml": "^2.3.4"
-            },
-            "engines": {
-                "node": ">= 14"
-            },
-            "peerDependencies": {
-                "postcss": ">=8.0.9",
-                "ts-node": ">=9.0.0"
-            },
-            "peerDependenciesMeta": {
-                "postcss": {
-                    "optional": true
-                },
-                "ts-node": {
-                    "optional": true
-                }
+            "requires": {
+                "fill-range": "^7.0.1"
             }
         },
-        "node_modules/postcss-load-config/node_modules/lilconfig": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.1.tgz",
-            "integrity": "sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==",
+        "browserslist": {
+            "version": "4.23.0",
+            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz",
+            "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==",
             "dev": true,
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antonk52"
+            "requires": {
+                "caniuse-lite": "^1.0.30001587",
+                "electron-to-chromium": "^1.4.668",
+                "node-releases": "^2.0.14",
+                "update-browserslist-db": "^1.0.13"
             }
         },
-        "node_modules/postcss-nested": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
-            "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
+        "camelcase-css": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+            "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+            "dev": true
+        },
+        "caniuse-lite": {
+            "version": "1.0.30001587",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001587.tgz",
+            "integrity": "sha512-HMFNotUmLXn71BQxg8cijvqxnIAofforZOwGsxyXJ0qugTdspUF4sPSJ2vhgprHCB996tIDzEq1ubumPDV8ULA==",
+            "dev": true
+        },
+        "chokidar": {
+            "version": "3.5.3",
+            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+            "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
             "dev": true,
-            "dependencies": {
-                "postcss-selector-parser": "^6.0.11"
-            },
-            "engines": {
-                "node": ">=12.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/postcss/"
+            "requires": {
+                "anymatch": "~3.1.2",
+                "braces": "~3.0.2",
+                "fsevents": "~2.3.2",
+                "glob-parent": "~5.1.2",
+                "is-binary-path": "~2.1.0",
+                "is-glob": "~4.0.1",
+                "normalize-path": "~3.0.0",
+                "readdirp": "~3.6.0"
             },
-            "peerDependencies": {
-                "postcss": "^8.2.14"
+            "dependencies": {
+                "glob-parent": {
+                    "version": "5.1.2",
+                    "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+                    "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+                    "dev": true,
+                    "requires": {
+                        "is-glob": "^4.0.1"
+                    }
+                }
             }
         },
-        "node_modules/postcss-nested/node_modules/postcss-selector-parser": {
-            "version": "6.1.0",
-            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.0.tgz",
-            "integrity": "sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==",
+        "commander": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+            "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+            "dev": true
+        },
+        "concat-map": {
+            "version": "0.0.1",
+            "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+            "dev": true
+        },
+        "cssesc": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+            "dev": true
+        },
+        "didyoumean": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+            "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+            "dev": true
+        },
+        "dlv": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+            "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+            "dev": true
+        },
+        "electron-to-chromium": {
+            "version": "1.4.670",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.670.tgz",
+            "integrity": "sha512-hcijYOWjOtjKrKPtNA6tuLlA/bTLO3heFG8pQA6mLpq7dRydSWicXova5lyxDzp1iVJaYhK7J2OQlGE52KYn7A==",
+            "dev": true
+        },
+        "esbuild": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.10.tgz",
+            "integrity": "sha512-N7wBhfJ/E5fzn/SpNgX+oW2RLRjwaL8Y0ezqNqhjD6w0H2p0rDuEz2FKZqpqLnO8DCaWumKe8dsC/ljvVSSxng==",
+            "dev": true,
+            "requires": {
+                "@esbuild/android-arm": "0.15.10",
+                "@esbuild/linux-loong64": "0.15.10",
+                "esbuild-android-64": "0.15.10",
+                "esbuild-android-arm64": "0.15.10",
+                "esbuild-darwin-64": "0.15.10",
+                "esbuild-darwin-arm64": "0.15.10",
+                "esbuild-freebsd-64": "0.15.10",
+                "esbuild-freebsd-arm64": "0.15.10",
+                "esbuild-linux-32": "0.15.10",
+                "esbuild-linux-64": "0.15.10",
+                "esbuild-linux-arm": "0.15.10",
+                "esbuild-linux-arm64": "0.15.10",
+                "esbuild-linux-mips64le": "0.15.10",
+                "esbuild-linux-ppc64le": "0.15.10",
+                "esbuild-linux-riscv64": "0.15.10",
+                "esbuild-linux-s390x": "0.15.10",
+                "esbuild-netbsd-64": "0.15.10",
+                "esbuild-openbsd-64": "0.15.10",
+                "esbuild-sunos-64": "0.15.10",
+                "esbuild-windows-32": "0.15.10",
+                "esbuild-windows-64": "0.15.10",
+                "esbuild-windows-arm64": "0.15.10"
+            }
+        },
+        "esbuild-android-64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.15.10.tgz",
+            "integrity": "sha512-UI7krF8OYO1N7JYTgLT9ML5j4+45ra3amLZKx7LO3lmLt1Ibn8t3aZbX5Pu4BjWiqDuJ3m/hsvhPhK/5Y/YpnA==",
             "dev": true,
-            "dependencies": {
-                "cssesc": "^3.0.0",
-                "util-deprecate": "^1.0.2"
+            "optional": true
+        },
+        "esbuild-android-arm64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.15.10.tgz",
+            "integrity": "sha512-EOt55D6xBk5O05AK8brXUbZmoFj4chM8u3riGflLa6ziEoVvNjRdD7Cnp82NHQGfSHgYR06XsPI8/sMuA/cUwg==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-darwin-64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.15.10.tgz",
+            "integrity": "sha512-hbDJugTicqIm+WKZgp208d7FcXcaK8j2c0l+fqSJ3d2AzQAfjEYDRM3Z2oMeqSJ9uFxyj/muSACLdix7oTstRA==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-darwin-arm64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.10.tgz",
+            "integrity": "sha512-M1t5+Kj4IgSbYmunf2BB6EKLkWUq+XlqaFRiGOk8bmBapu9bCDrxjf4kUnWn59Dka3I27EiuHBKd1rSO4osLFQ==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-freebsd-64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.10.tgz",
+            "integrity": "sha512-KMBFMa7C8oc97nqDdoZwtDBX7gfpolkk6Bcmj6YFMrtCMVgoU/x2DI1p74DmYl7CSS6Ppa3xgemrLrr5IjIn0w==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-freebsd-arm64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.10.tgz",
+            "integrity": "sha512-m2KNbuCX13yQqLlbSojFMHpewbn8wW5uDS6DxRpmaZKzyq8Dbsku6hHvh2U+BcLwWY4mpgXzFUoENEf7IcioGg==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-linux-32": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.15.10.tgz",
+            "integrity": "sha512-guXrwSYFAvNkuQ39FNeV4sNkNms1bLlA5vF1H0cazZBOLdLFIny6BhT+TUbK/hdByMQhtWQ5jI9VAmPKbVPu1w==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-linux-64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.15.10.tgz",
+            "integrity": "sha512-jd8XfaSJeucMpD63YNMO1JCrdJhckHWcMv6O233bL4l6ogQKQOxBYSRP/XLWP+6kVTu0obXovuckJDcA0DKtQA==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-linux-arm": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.15.10.tgz",
+            "integrity": "sha512-6N8vThLL/Lysy9y4Ex8XoLQAlbZKUyExCWyayGi2KgTBelKpPgj6RZnUaKri0dHNPGgReJriKVU6+KDGQwn10A==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-linux-arm64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.10.tgz",
+            "integrity": "sha512-GByBi4fgkvZFTHFDYNftu1DQ1GzR23jws0oWyCfhnI7eMOe+wgwWrc78dbNk709Ivdr/evefm2PJiUBMiusS1A==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-linux-mips64le": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.10.tgz",
+            "integrity": "sha512-BxP+LbaGVGIdQNJUNF7qpYjEGWb0YyHVSKqYKrn+pTwH/SiHUxFyJYSP3pqkku61olQiSBnSmWZ+YUpj78Tw7Q==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-linux-ppc64le": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.10.tgz",
+            "integrity": "sha512-LoSQCd6498PmninNgqd/BR7z3Bsk/mabImBWuQ4wQgmQEeanzWd5BQU2aNi9mBURCLgyheuZS6Xhrw5luw3OkQ==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-linux-riscv64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.10.tgz",
+            "integrity": "sha512-Lrl9Cr2YROvPV4wmZ1/g48httE8z/5SCiXIyebiB5N8VT7pX3t6meI7TQVHw/wQpqP/AF4SksDuFImPTM7Z32Q==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-linux-s390x": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.10.tgz",
+            "integrity": "sha512-ReP+6q3eLVVP2lpRrvl5EodKX7EZ1bS1/z5j6hsluAlZP5aHhk6ghT6Cq3IANvvDdscMMCB4QEbI+AjtvoOFpA==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-netbsd-64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.10.tgz",
+            "integrity": "sha512-iGDYtJCMCqldMskQ4eIV+QSS/CuT7xyy9i2/FjpKvxAuCzrESZXiA1L64YNj6/afuzfBe9i8m/uDkFHy257hTw==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-openbsd-64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.10.tgz",
+            "integrity": "sha512-ftMMIwHWrnrYnvuJQRJs/Smlcb28F9ICGde/P3FUTCgDDM0N7WA0o9uOR38f5Xe2/OhNCgkjNeb7QeaE3cyWkQ==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-sunos-64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.15.10.tgz",
+            "integrity": "sha512-mf7hBL9Uo2gcy2r3rUFMjVpTaGpFJJE5QTDDqUFf1632FxteYANffDZmKbqX0PfeQ2XjUDE604IcE7OJeoHiyg==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-windows-32": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.15.10.tgz",
+            "integrity": "sha512-ttFVo+Cg8b5+qHmZHbEc8Vl17kCleHhLzgT8X04y8zudEApo0PxPg9Mz8Z2cKH1bCYlve1XL8LkyXGFjtUYeGg==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-windows-64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.15.10.tgz",
+            "integrity": "sha512-2H0gdsyHi5x+8lbng3hLbxDWR7mKHWh5BXZGKVG830KUmXOOWFE2YKJ4tHRkejRduOGDrBvHBriYsGtmTv3ntA==",
+            "dev": true,
+            "optional": true
+        },
+        "esbuild-windows-arm64": {
+            "version": "0.15.10",
+            "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.10.tgz",
+            "integrity": "sha512-S+th4F+F8VLsHLR0zrUcG+Et4hx0RKgK1eyHc08kztmLOES8BWwMiaGdoW9hiXuzznXQ0I/Fg904MNbr11Nktw==",
+            "dev": true,
+            "optional": true
+        },
+        "escalade": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
+            "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
+            "dev": true
+        },
+        "fast-glob": {
+            "version": "3.3.2",
+            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+            "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+            "dev": true,
+            "requires": {
+                "@nodelib/fs.stat": "^2.0.2",
+                "@nodelib/fs.walk": "^1.2.3",
+                "glob-parent": "^5.1.2",
+                "merge2": "^1.3.0",
+                "micromatch": "^4.0.4"
             },
-            "engines": {
-                "node": ">=4"
+            "dependencies": {
+                "glob-parent": {
+                    "version": "5.1.2",
+                    "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+                    "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+                    "dev": true,
+                    "requires": {
+                        "is-glob": "^4.0.1"
+                    }
+                }
             }
         },
-        "node_modules/postcss-selector-parser": {
-            "version": "6.0.10",
-            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
-            "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
+        "fastq": {
+            "version": "1.17.1",
+            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
+            "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
             "dev": true,
-            "dependencies": {
-                "cssesc": "^3.0.0",
-                "util-deprecate": "^1.0.2"
-            },
-            "engines": {
-                "node": ">=4"
+            "requires": {
+                "reusify": "^1.0.4"
             }
         },
-        "node_modules/postcss-value-parser": {
-            "version": "4.2.0",
-            "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-            "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+        "fill-range": {
+            "version": "7.0.1",
+            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+            "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+            "dev": true,
+            "requires": {
+                "to-regex-range": "^5.0.1"
+            }
+        },
+        "fraction.js": {
+            "version": "4.3.7",
+            "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+            "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
             "dev": true
         },
-        "node_modules/proxy-from-env": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-            "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+        "fs.realpath": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+            "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
             "dev": true
         },
-        "node_modules/queue-microtask": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+        "fsevents": {
+            "version": "2.3.2",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+            "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
             "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ]
+            "optional": true
         },
-        "node_modules/read-cache": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
-            "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+        "function-bind": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+            "dev": true
+        },
+        "glob": {
+            "version": "7.1.6",
+            "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
+            "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
             "dev": true,
-            "dependencies": {
-                "pify": "^2.3.0"
+            "requires": {
+                "fs.realpath": "^1.0.0",
+                "inflight": "^1.0.4",
+                "inherits": "2",
+                "minimatch": "^3.0.4",
+                "once": "^1.3.0",
+                "path-is-absolute": "^1.0.0"
             }
         },
-        "node_modules/readdirp": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-            "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+        "glob-parent": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
             "dev": true,
-            "dependencies": {
-                "picomatch": "^2.2.1"
-            },
-            "engines": {
-                "node": ">=8.10.0"
+            "requires": {
+                "is-glob": "^4.0.3"
             }
         },
-        "node_modules/resolve": {
-            "version": "1.22.8",
-            "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-            "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+        "has": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+            "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
             "dev": true,
-            "dependencies": {
-                "is-core-module": "^2.13.0",
-                "path-parse": "^1.0.7",
-                "supports-preserve-symlinks-flag": "^1.0.0"
-            },
-            "bin": {
-                "resolve": "bin/resolve"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
+            "requires": {
+                "function-bind": "^1.1.1"
             }
         },
-        "node_modules/reusify": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-            "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+        "inflight": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+            "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
             "dev": true,
-            "engines": {
-                "iojs": ">=1.0.0",
-                "node": ">=0.10.0"
+            "requires": {
+                "once": "^1.3.0",
+                "wrappy": "1"
             }
         },
-        "node_modules/rollup": {
-            "version": "4.18.0",
-            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.18.0.tgz",
-            "integrity": "sha512-QmJz14PX3rzbJCN1SG4Xe/bAAX2a6NpCP8ab2vfu2GiUr8AQcr2nCV/oEO3yneFarB67zk8ShlIyWb2LGTb3Sg==",
+        "inherits": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+            "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+            "dev": true
+        },
+        "is-binary-path": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+            "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
             "dev": true,
-            "dependencies": {
-                "@types/estree": "1.0.5"
-            },
-            "bin": {
-                "rollup": "dist/bin/rollup"
-            },
-            "engines": {
-                "node": ">=18.0.0",
-                "npm": ">=8.0.0"
-            },
-            "optionalDependencies": {
-                "@rollup/rollup-android-arm-eabi": "4.18.0",
-                "@rollup/rollup-android-arm64": "4.18.0",
-                "@rollup/rollup-darwin-arm64": "4.18.0",
-                "@rollup/rollup-darwin-x64": "4.18.0",
-                "@rollup/rollup-linux-arm-gnueabihf": "4.18.0",
-                "@rollup/rollup-linux-arm-musleabihf": "4.18.0",
-                "@rollup/rollup-linux-arm64-gnu": "4.18.0",
-                "@rollup/rollup-linux-arm64-musl": "4.18.0",
-                "@rollup/rollup-linux-powerpc64le-gnu": "4.18.0",
-                "@rollup/rollup-linux-riscv64-gnu": "4.18.0",
-                "@rollup/rollup-linux-s390x-gnu": "4.18.0",
-                "@rollup/rollup-linux-x64-gnu": "4.18.0",
-                "@rollup/rollup-linux-x64-musl": "4.18.0",
-                "@rollup/rollup-win32-arm64-msvc": "4.18.0",
-                "@rollup/rollup-win32-ia32-msvc": "4.18.0",
-                "@rollup/rollup-win32-x64-msvc": "4.18.0",
-                "fsevents": "~2.3.2"
+            "requires": {
+                "binary-extensions": "^2.0.0"
             }
         },
-        "node_modules/run-parallel": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+        "is-core-module": {
+            "version": "2.12.1",
+            "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
+            "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
             "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ],
-            "dependencies": {
-                "queue-microtask": "^1.2.2"
+            "requires": {
+                "has": "^1.0.3"
             }
         },
-        "node_modules/shebang-command": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-            "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+        "is-extglob": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+            "dev": true
+        },
+        "is-glob": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
             "dev": true,
-            "dependencies": {
-                "shebang-regex": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=8"
+            "requires": {
+                "is-extglob": "^2.1.1"
             }
         },
-        "node_modules/shebang-regex": {
+        "is-number": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+            "dev": true
+        },
+        "jiti": {
+            "version": "1.21.0",
+            "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz",
+            "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==",
+            "dev": true
+        },
+        "laravel-vite-plugin": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-0.6.1.tgz",
+            "integrity": "sha512-L8zt+bttm6+C0mo3an5J8wRW03SsjbTEouGb3bH2jj/XclFVAX/xEUkG9efhdRHjbEH5RY6cmdJ7bmf7zqjwIQ==",
+            "dev": true,
+            "requires": {
+                "vite-plugin-full-reload": "^1.0.1"
+            }
+        },
+        "lilconfig": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+            "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+            "dev": true
+        },
+        "lines-and-columns": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+            "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+            "dev": true
+        },
+        "lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+            "dev": true
+        },
+        "lodash.castarray": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
+            "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==",
+            "dev": true
+        },
+        "lodash.isplainobject": {
+            "version": "4.0.6",
+            "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+            "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+            "dev": true
+        },
+        "lodash.merge": {
+            "version": "4.6.2",
+            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+            "dev": true
+        },
+        "merge2": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+            "dev": true
+        },
+        "micromatch": {
+            "version": "4.0.5",
+            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+            "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+            "dev": true,
+            "requires": {
+                "braces": "^3.0.2",
+                "picomatch": "^2.3.1"
+            }
+        },
+        "mini-svg-data-uri": {
+            "version": "1.4.4",
+            "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
+            "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
+            "dev": true
+        },
+        "minimatch": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+            "dev": true,
+            "requires": {
+                "brace-expansion": "^1.1.7"
+            }
+        },
+        "mz": {
+            "version": "2.7.0",
+            "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+            "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+            "dev": true,
+            "requires": {
+                "any-promise": "^1.0.0",
+                "object-assign": "^4.0.1",
+                "thenify-all": "^1.0.0"
+            }
+        },
+        "nanoid": {
+            "version": "3.3.7",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+            "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+            "dev": true
+        },
+        "node-releases": {
+            "version": "2.0.14",
+            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
+            "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
+            "dev": true
+        },
+        "normalize-path": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+            "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+            "dev": true
+        },
+        "normalize-range": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+            "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+            "dev": true
+        },
+        "object-assign": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+            "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+            "dev": true
+        },
+        "object-hash": {
             "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-            "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+            "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+            "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+            "dev": true
+        },
+        "once": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+            "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
             "dev": true,
-            "engines": {
-                "node": ">=8"
+            "requires": {
+                "wrappy": "1"
             }
         },
-        "node_modules/signal-exit": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-            "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+        "path-is-absolute": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+            "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+            "dev": true
+        },
+        "path-parse": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+            "dev": true
+        },
+        "picocolors": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+            "dev": true
+        },
+        "picomatch": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+            "dev": true
+        },
+        "pify": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+            "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+            "dev": true
+        },
+        "pirates": {
+            "version": "4.0.6",
+            "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
+            "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+            "dev": true
+        },
+        "postcss": {
+            "version": "8.4.35",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.35.tgz",
+            "integrity": "sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==",
             "dev": true,
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
+            "requires": {
+                "nanoid": "^3.3.7",
+                "picocolors": "^1.0.0",
+                "source-map-js": "^1.0.2"
             }
         },
-        "node_modules/source-map-js": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
-            "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+        "postcss-import": {
+            "version": "15.1.0",
+            "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+            "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
             "dev": true,
-            "engines": {
-                "node": ">=0.10.0"
+            "requires": {
+                "postcss-value-parser": "^4.0.0",
+                "read-cache": "^1.0.0",
+                "resolve": "^1.1.7"
             }
         },
-        "node_modules/string-width": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-            "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+        "postcss-js": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
+            "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
             "dev": true,
-            "dependencies": {
-                "eastasianwidth": "^0.2.0",
-                "emoji-regex": "^9.2.2",
-                "strip-ansi": "^7.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
+            "requires": {
+                "camelcase-css": "^2.0.1"
+            }
+        },
+        "postcss-load-config": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz",
+            "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==",
+            "dev": true,
+            "requires": {
+                "lilconfig": "^2.0.5",
+                "yaml": "^2.1.1"
             }
         },
-        "node_modules/string-width-cjs": {
-            "name": "string-width",
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+        "postcss-nested": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
+            "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
             "dev": true,
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
+            "requires": {
+                "postcss-selector-parser": "^6.0.11"
             },
-            "engines": {
-                "node": ">=8"
+            "dependencies": {
+                "postcss-selector-parser": {
+                    "version": "6.0.13",
+                    "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
+                    "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+                    "dev": true,
+                    "requires": {
+                        "cssesc": "^3.0.0",
+                        "util-deprecate": "^1.0.2"
+                    }
+                }
             }
         },
-        "node_modules/string-width-cjs/node_modules/ansi-regex": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+        "postcss-selector-parser": {
+            "version": "6.0.10",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+            "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
             "dev": true,
-            "engines": {
-                "node": ">=8"
+            "requires": {
+                "cssesc": "^3.0.0",
+                "util-deprecate": "^1.0.2"
             }
         },
-        "node_modules/string-width-cjs/node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+        "postcss-value-parser": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+            "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
             "dev": true
         },
-        "node_modules/string-width-cjs/node_modules/strip-ansi": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+        "prettier": {
+            "version": "2.7.1",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz",
+            "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==",
+            "dev": true
+        },
+        "prettier-plugin-tailwindcss": {
+            "version": "0.1.13",
+            "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.1.13.tgz",
+            "integrity": "sha512-/EKQURUrxLu66CMUg4+1LwGdxnz8of7IDvrSLqEtDqhLH61SAlNNUSr90UTvZaemujgl3OH/VHg+fyGltrNixw==",
             "dev": true,
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
+            "requires": {}
+        },
+        "queue-microtask": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+            "dev": true
+        },
+        "read-cache": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+            "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+            "dev": true,
+            "requires": {
+                "pify": "^2.3.0"
             }
         },
-        "node_modules/strip-ansi": {
-            "version": "7.1.0",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-            "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+        "readdirp": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+            "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
             "dev": true,
-            "dependencies": {
-                "ansi-regex": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+            "requires": {
+                "picomatch": "^2.2.1"
             }
         },
-        "node_modules/strip-ansi-cjs": {
-            "name": "strip-ansi",
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+        "resolve": {
+            "version": "1.22.2",
+            "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz",
+            "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==",
             "dev": true,
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
+            "requires": {
+                "is-core-module": "^2.11.0",
+                "path-parse": "^1.0.7",
+                "supports-preserve-symlinks-flag": "^1.0.0"
             }
         },
-        "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+        "reusify": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+            "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+            "dev": true
+        },
+        "rollup": {
+            "version": "2.78.1",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.78.1.tgz",
+            "integrity": "sha512-VeeCgtGi4P+o9hIg+xz4qQpRl6R401LWEXBmxYKOV4zlF82lyhgh2hTZnheFUbANE8l2A41F458iwj2vEYaXJg==",
             "dev": true,
-            "engines": {
-                "node": ">=8"
+            "requires": {
+                "fsevents": "~2.3.2"
             }
         },
-        "node_modules/sucrase": {
-            "version": "3.35.0",
-            "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
-            "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
+        "run-parallel": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
             "dev": true,
-            "dependencies": {
+            "requires": {
+                "queue-microtask": "^1.2.2"
+            }
+        },
+        "source-map-js": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+            "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+            "dev": true
+        },
+        "sucrase": {
+            "version": "3.32.0",
+            "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.32.0.tgz",
+            "integrity": "sha512-ydQOU34rpSyj2TGyz4D2p8rbktIOZ8QY9s+DGLvFU1i5pWJE8vkpruCjGCMHsdXwnD7JDcS+noSwM/a7zyNFDQ==",
+            "dev": true,
+            "requires": {
                 "@jridgewell/gen-mapping": "^0.3.2",
                 "commander": "^4.0.0",
-                "glob": "^10.3.10",
+                "glob": "7.1.6",
                 "lines-and-columns": "^1.1.6",
                 "mz": "^2.7.0",
                 "pirates": "^4.0.1",
                 "ts-interface-checker": "^0.1.9"
-            },
-            "bin": {
-                "sucrase": "bin/sucrase",
-                "sucrase-node": "bin/sucrase-node"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
             }
         },
-        "node_modules/supports-preserve-symlinks-flag": {
+        "supports-preserve-symlinks-flag": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
             "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-            "dev": true,
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
+            "dev": true
         },
-        "node_modules/tailwindcss": {
-            "version": "3.4.3",
-            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.3.tgz",
-            "integrity": "sha512-U7sxQk/n397Bmx4JHbJx/iSOOv5G+II3f1kpLpY2QeUv5DcPdcTsYLlusZfq1NthHS1c1cZoyFmmkex1rzke0A==",
+        "tailwindcss": {
+            "version": "3.4.1",
+            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.1.tgz",
+            "integrity": "sha512-qAYmXRfk3ENzuPBakNK0SRrUDipP8NQnEY6772uDhflcQz5EhRdD7JNZxyrFHVQNCwULPBn6FNPp9brpO7ctcA==",
             "dev": true,
-            "dependencies": {
+            "requires": {
                 "@alloc/quick-lru": "^5.2.0",
                 "arg": "^5.0.2",
                 "chokidar": "^3.5.3",
@@ -2168,7 +2705,7 @@
                 "fast-glob": "^3.3.0",
                 "glob-parent": "^6.0.2",
                 "is-glob": "^4.0.3",
-                "jiti": "^1.21.0",
+                "jiti": "^1.19.1",
                 "lilconfig": "^2.1.0",
                 "micromatch": "^4.0.5",
                 "normalize-path": "^3.0.0",
@@ -2183,284 +2720,102 @@
                 "resolve": "^1.22.2",
                 "sucrase": "^3.32.0"
             },
-            "bin": {
-                "tailwind": "lib/cli.js",
-                "tailwindcss": "lib/cli.js"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            }
-        },
-        "node_modules/tailwindcss/node_modules/postcss-selector-parser": {
-            "version": "6.1.0",
-            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.0.tgz",
-            "integrity": "sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==",
-            "dev": true,
             "dependencies": {
-                "cssesc": "^3.0.0",
-                "util-deprecate": "^1.0.2"
-            },
-            "engines": {
-                "node": ">=4"
+                "postcss-selector-parser": {
+                    "version": "6.0.13",
+                    "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
+                    "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+                    "dev": true,
+                    "requires": {
+                        "cssesc": "^3.0.0",
+                        "util-deprecate": "^1.0.2"
+                    }
+                }
             }
         },
-        "node_modules/thenify": {
+        "thenify": {
             "version": "3.3.1",
             "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
             "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
             "dev": true,
-            "dependencies": {
+            "requires": {
                 "any-promise": "^1.0.0"
             }
         },
-        "node_modules/thenify-all": {
+        "thenify-all": {
             "version": "1.6.0",
             "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
             "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
             "dev": true,
-            "dependencies": {
+            "requires": {
                 "thenify": ">= 3.1.0 < 4"
-            },
-            "engines": {
-                "node": ">=0.8"
             }
         },
-        "node_modules/to-regex-range": {
+        "to-regex-range": {
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
             "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
             "dev": true,
-            "dependencies": {
+            "requires": {
                 "is-number": "^7.0.0"
-            },
-            "engines": {
-                "node": ">=8.0"
             }
         },
-        "node_modules/ts-interface-checker": {
+        "ts-interface-checker": {
             "version": "0.1.13",
             "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
             "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
             "dev": true
         },
-        "node_modules/update-browserslist-db": {
-            "version": "1.0.16",
-            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.16.tgz",
-            "integrity": "sha512-KVbTxlBYlckhF5wgfyZXTWnMn7MMZjMu9XG8bPlliUOP9ThaF4QnhP8qrjrH7DRzHfSk0oQv1wToW+iA5GajEQ==",
+        "update-browserslist-db": {
+            "version": "1.0.13",
+            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+            "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
             "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/browserslist"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/browserslist"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "dependencies": {
-                "escalade": "^3.1.2",
-                "picocolors": "^1.0.1"
-            },
-            "bin": {
-                "update-browserslist-db": "cli.js"
-            },
-            "peerDependencies": {
-                "browserslist": ">= 4.21.0"
+            "requires": {
+                "escalade": "^3.1.1",
+                "picocolors": "^1.0.0"
             }
         },
-        "node_modules/util-deprecate": {
+        "util-deprecate": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
             "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
             "dev": true
         },
-        "node_modules/vite": {
-            "version": "5.2.12",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.12.tgz",
-            "integrity": "sha512-/gC8GxzxMK5ntBwb48pR32GGhENnjtY30G4A0jemunsBkiEZFw60s8InGpN8gkhHEkjnRK1aSAxeQgwvFhUHAA==",
+        "vite": {
+            "version": "3.1.8",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-3.1.8.tgz",
+            "integrity": "sha512-m7jJe3nufUbuOfotkntGFupinL/fmuTNuQmiVE7cH2IZMuf4UbfbGYMUT3jVWgGYuRVLY9j8NnrRqgw5rr5QTg==",
             "dev": true,
-            "dependencies": {
-                "esbuild": "^0.20.1",
-                "postcss": "^8.4.38",
-                "rollup": "^4.13.0"
-            },
-            "bin": {
-                "vite": "bin/vite.js"
-            },
-            "engines": {
-                "node": "^18.0.0 || >=20.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/vitejs/vite?sponsor=1"
-            },
-            "optionalDependencies": {
-                "fsevents": "~2.3.3"
-            },
-            "peerDependencies": {
-                "@types/node": "^18.0.0 || >=20.0.0",
-                "less": "*",
-                "lightningcss": "^1.21.0",
-                "sass": "*",
-                "stylus": "*",
-                "sugarss": "*",
-                "terser": "^5.4.0"
-            },
-            "peerDependenciesMeta": {
-                "@types/node": {
-                    "optional": true
-                },
-                "less": {
-                    "optional": true
-                },
-                "lightningcss": {
-                    "optional": true
-                },
-                "sass": {
-                    "optional": true
-                },
-                "stylus": {
-                    "optional": true
-                },
-                "sugarss": {
-                    "optional": true
-                },
-                "terser": {
-                    "optional": true
-                }
+            "requires": {
+                "esbuild": "^0.15.9",
+                "fsevents": "~2.3.2",
+                "postcss": "^8.4.16",
+                "resolve": "^1.22.1",
+                "rollup": "~2.78.0"
             }
         },
-        "node_modules/vite-plugin-full-reload": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.1.0.tgz",
-            "integrity": "sha512-3cObNDzX6DdfhD9E7kf6w2mNunFpD7drxyNgHLw+XwIYAgb+Xt16SEXo0Up4VH+TMf3n+DSVJZtW2POBGcBYAA==",
+        "vite-plugin-full-reload": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.0.4.tgz",
+            "integrity": "sha512-9WejQII6zJ++m/YE173Zvl2jq4cqa404KNrVT+JDzDnqaGRq5UvOvA48fnsSWPIMXFV7S0dq5+sZqcSB+tKBgA==",
             "dev": true,
-            "dependencies": {
+            "requires": {
                 "picocolors": "^1.0.0",
                 "picomatch": "^2.3.1"
             }
         },
-        "node_modules/which": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-            "dev": true,
-            "dependencies": {
-                "isexe": "^2.0.0"
-            },
-            "bin": {
-                "node-which": "bin/node-which"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/wrap-ansi": {
-            "version": "8.1.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-            "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-            "dev": true,
-            "dependencies": {
-                "ansi-styles": "^6.1.0",
-                "string-width": "^5.0.1",
-                "strip-ansi": "^7.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/wrap-ansi-cjs": {
-            "name": "wrap-ansi",
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-            "dev": true,
-            "dependencies": {
-                "ansi-styles": "^4.0.0",
-                "string-width": "^4.1.0",
-                "strip-ansi": "^6.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-            "dev": true,
-            "dependencies": {
-                "color-convert": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+        "wrappy": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+            "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
             "dev": true
         },
-        "node_modules/wrap-ansi-cjs/node_modules/string-width": {
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dev": true,
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dev": true,
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/yaml": {
-            "version": "2.4.2",
-            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.2.tgz",
-            "integrity": "sha512-B3VqDZ+JAg1nZpaEmWtTXUlBneoGx6CPM9b0TENK6aoSu5t73dItudwdgmi6tHlIZZId4dZ9skcAQ2UbcyAeVA==",
-            "dev": true,
-            "bin": {
-                "yaml": "bin.mjs"
-            },
-            "engines": {
-                "node": ">= 14"
-            }
+        "yaml": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz",
+            "integrity": "sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==",
+            "dev": true
         }
     }
 }
diff --git a/package.json b/package.json
index 3975baaf38fbf0b47c94b15ff7119203ddf1b30c..507992142bf95080c1f89d396886058810884406 100644
--- a/package.json
+++ b/package.json
@@ -1,18 +1,19 @@
 {
     "private": true,
-    "type": "module",
     "scripts": {
         "dev": "vite",
         "build": "vite build"
     },
     "devDependencies": {
-        "@tailwindcss/forms": "^0.5.7",
-        "@tailwindcss/typography": "^0.5.10",
-        "autoprefixer": "^10.4.16",
-        "axios": "^1.6.4",
-        "laravel-vite-plugin": "^1.0",
-        "postcss": "^8.4.32",
-        "tailwindcss": "^3.4.0",
-        "vite": "^5.0"
+        "@tailwindcss/forms": "^0.5.3",
+        "@tailwindcss/typography": "^0.5.7",
+        "autoprefixer": "^10.4.17",
+        "laravel-vite-plugin": "^0.6.0",
+        "lodash": "^4.17.19",
+        "postcss": "^8.4.35",
+        "prettier": "^2.7.1",
+        "prettier-plugin-tailwindcss": "^0.1.13",
+        "tailwindcss": "^3.4.1",
+        "vite": "^3.0.0"
     }
 }
diff --git a/phpunit.xml b/phpunit.xml
index 506b9a38ec75058856e1b76d11c4e45270add7ec..2ac86a1858718f2ae64117738c11442ea18dbdfd 100644
--- a/phpunit.xml
+++ b/phpunit.xml
@@ -1,31 +1,29 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <phpunit xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-         xsi:noNamespaceSchemaLocation="vendor/phpunit/phpunit/phpunit.xsd"
+         xsi:noNamespaceSchemaLocation="./vendor/phpunit/phpunit/phpunit.xsd"
          bootstrap="vendor/autoload.php"
          colors="true"
 >
     <testsuites>
         <testsuite name="Unit">
-            <directory>tests/Unit</directory>
+            <directory suffix="Test.php">./tests/Unit</directory>
         </testsuite>
         <testsuite name="Feature">
-            <directory>tests/Feature</directory>
+            <directory suffix="Test.php">./tests/Feature</directory>
         </testsuite>
     </testsuites>
-    <source>
+    <coverage processUncoveredFiles="true">
         <include>
-            <directory>app</directory>
+            <directory suffix=".php">./app</directory>
         </include>
-    </source>
+    </coverage>
     <php>
         <env name="APP_ENV" value="testing"/>
-        <env name="APP_MAINTENANCE_DRIVER" value="file"/>
         <env name="BCRYPT_ROUNDS" value="4"/>
-        <env name="CACHE_STORE" value="array"/>
+        <env name="CACHE_DRIVER" value="array"/>
         <!-- <env name="DB_CONNECTION" value="sqlite"/> -->
         <!-- <env name="DB_DATABASE" value=":memory:"/> -->
         <env name="MAIL_MAILER" value="array"/>
-        <env name="PULSE_ENABLED" value="false"/>
         <env name="QUEUE_CONNECTION" value="sync"/>
         <env name="SESSION_DRIVER" value="array"/>
         <env name="TELESCOPE_ENABLED" value="false"/>
diff --git a/postcss.config.js b/postcss.config.js
index 49c0612d5c24aa905f8b947afbf3367746452476..33ad091d26d8a9dc95ebdf616e217d985ec215b8 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,6 @@
-export default {
-    plugins: {
-        tailwindcss: {},
-        autoprefixer: {},
-    },
-};
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/public/.DS_Store b/public/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..00e2c638ee2d27b7bbddee03845193d529ef8734
Binary files /dev/null and b/public/.DS_Store differ
diff --git a/public/assets/images/auth-cover.svg b/public/assets/images/auth-cover.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0e06214d0bb061cfa51ea0a67630936778068ce6
--- /dev/null
+++ b/public/assets/images/auth-cover.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 600" xmlns:v="https://vecta.io/nano"><style><![CDATA[.An{opacity:.5}.Ao{enable-background:new}]]></style><linearGradient  gradientUnits="userSpaceOnUse" x1="0" y1="0" x2=".707" y2=".707"><stop offset="0" stop-color="#dddee2"/><stop offset=".181" stop-color="#d9dade"/><stop offset=".366" stop-color="#cdced2"/><stop offset=".553" stop-color="#b8babd"/><stop offset=".742" stop-color="#9b9ea0"/><stop offset=".93" stop-color="#777a7c"/><stop offset="1" stop-color="#676b6c"/></linearGradient><linearGradient id="B" gradientUnits="userSpaceOnUse" x1="371.896" y1="166.426" x2="221.589" y2="531.609"><stop offset=".122" stop-color="#f1ca6d"/><stop offset=".977" stop-color="#e6aa48"/></linearGradient><path d="M553.336 425.944l-18.016 3.048-386.332 65.405-61.711-254.432-12.575-51.824 86.903-14.025 325.796-52.597 52.83 243.943z" fill="url(#B)"/><linearGradient id="C" gradientUnits="userSpaceOnUse" x1="310.263" y1="365.599" x2="337.784" y2="-63.447"><stop offset="0" stop-color="#e2b646" stop-opacity="0"/><stop offset=".977" stop-color="#8d4121"/></linearGradient><path d="M553.336 425.944l-18.016 3.048-69.914-264.001c-.752-2.826-3.578-4.562-6.425-3.959L87.277 239.966l-12.575-51.824 86.903-14.025 325.796-52.597 52.83 243.943 13.104 60.483z" fill="url(#C)" class="An"/><linearGradient id="D" gradientUnits="userSpaceOnUse" x1="310.834" y1="190.793" x2="157.352" y2="635.364"><stop offset="0" stop-color="#e2b646" stop-opacity="0"/><stop offset=".977" stop-color="#8d4121"/></linearGradient><path d="M279.409 259.939c-69.882-19.036-83.888 41.011-6.618 57.553s80.45-37.441 6.618-57.553z" fill="url(#D)" class="An"/><linearGradient id="E" gradientUnits="userSpaceOnUse" x1="349.54" y1="204.155" x2="196.057" y2="648.727"><stop offset="0" stop-color="#e2b646" stop-opacity="0"/><stop offset=".977" stop-color="#8d4121"/></linearGradient><path d="M553.336 425.944l-62.219 10.532-342.129 57.921-30.305-124.956-43.981-181.3 86.903-14.025 4.319 2.731s11.559 143.332 91.518 167.635 92.81-46.913 189.768 3.874c42.806 22.419 72.836 23.213 93.021 17.105l13.104 60.483z" fill="url(#E)" class="An"/><linearGradient id="F" gradientUnits="userSpaceOnUse" x1="370.979" y1="211.557" x2="217.496" y2="656.128"><stop offset="0" stop-color="#e2b646" stop-opacity="0"/><stop offset=".977" stop-color="#8d4121"/></linearGradient><path d="M491.117 436.476l-342.129 57.921-30.305-124.956c42.266 37.598 102.802 46.479 182.38 40.096 121.59-9.759 155.812-1.249 190.054 26.939z" fill="url(#F)" class="An"/><linearGradient id="G" gradientUnits="userSpaceOnUse" x1="74.702" y1="276.962" x2="558.962" y2="276.962"><stop offset="0" stop-color="#4c5c7d"/><stop offset=".989" stop-color="#2f4652"/></linearGradient><path d="M558.544 394.899L496.247 138.14c-1.908-7.864-9.802-13.107-17.648-11.723l-378.428 66.727c-3.308.583-6.078 2.251-8.031 4.575l-17.438 20.659c1.953-2.324 4.723-3.992 8.031-4.575l378.428-66.727c7.846-1.383 15.739 3.86 17.648 11.723l62.296 256.758c1.105 4.552-.04 8.98-2.721 12.17l17.438-20.66c2.682-3.19 3.826-7.618 2.721-12.17z" fill="url(#G)"/><linearGradient id="H" gradientUnits="userSpaceOnUse" x1="469.134" y1="211.451" x2="485.541" y2="93.428"><stop offset="0" stop-color="#47717b" stop-opacity="0"/><stop offset=".928" stop-color="#201717"/></linearGradient><path d="M496.247 138.14l-17.438 20.66c-1.908-7.864-9.802-13.107-17.648-11.723l17.438-20.66c7.846-1.383 15.74 3.86 17.648 11.723z" fill="url(#H)"/><linearGradient id="I" gradientUnits="userSpaceOnUse" x1="360.934" y1="172.264" x2="200.042" y2="575.554"><stop offset="0" stop-color="#7e96c9"/><stop offset=".928" stop-color="#4e4f7b"/></linearGradient><path d="M599.085 405.455l-81.399-335.45c-4.181-17.19-21.466-28.675-38.614-25.647L60.223 118.209c-6.573 1.164-12.173 4.276-16.343 8.659-6.732 7.039-9.749 17.338-7.177 27.944l81.409 335.45c4.171 17.19 21.466 28.675 38.625 25.648l418.849-73.852c12.279-2.17 21.17-11.188 23.689-22.44.995-4.467.995-9.283-.191-14.163zm-52.724 3.006l-378.436 66.728c-7.843 1.387-15.75-3.863-17.656-11.728L89.417 212.723c-1.905-7.865 2.911-15.348 10.754-16.724l378.425-66.728c7.854-1.387 15.74 3.853 17.656 11.718l60.843 250.738c1.916 7.865-2.89 15.359-10.733 16.735z" fill="url(#I)"/><linearGradient id="J" gradientUnits="userSpaceOnUse" x1="360.113" y1="75.622" x2="261.677" y2="580.502"><stop offset="0" stop-color="#91bae4"/><stop offset="1" stop-color="#6281a1" stop-opacity="0"/></linearGradient><path d="M599.276 419.618L502.18 91.492c-36.518 7.843-55.296-21.636-55.296-21.636L43.88 126.868c4.17-4.382 9.77-7.494 16.343-8.659l59.139-10.426 359.711-63.425c17.148-3.027 34.433 8.457 38.614 25.647l71.258 293.671.011.042 10.13 41.737c1.186 4.88 1.186 9.696.191 14.163z" fill="url(#J)"/><linearGradient id="K" gradientUnits="userSpaceOnUse" x1="509.69" y1="-33.127" x2="361.499" y2="223.031"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#90c9d1" stop-opacity="0"/></linearGradient><path d="M588.945 363.676l-82.86-291.649c-2.847-10.035-12.649-16.428-22.98-14.988l-363.744 50.745 359.711-63.425c17.148-3.027 34.433 8.457 38.614 25.647l71.258 293.671z" fill="url(#K)"/><linearGradient id="L" gradientUnits="userSpaceOnUse" x1="318.193" y1="38.343" x2="225.673" y2="356.502"><stop offset="0" stop-color="#91bae4"/><stop offset="1" stop-color="#6281a1" stop-opacity="0"/></linearGradient><path d="M295.566 101.39c-68.581 9.326-66.63 38.43 3.328 30.082s53.675-37.833-3.328-30.082z" fill="url(#L)"/><linearGradient id="M" gradientUnits="userSpaceOnUse" x1="251.255" y1="422.037" x2="374.042" y2="160.587"><stop offset="0" stop-color="#97cdd6" stop-opacity="0"/><stop offset=".928" stop-color="#3f4d69"/></linearGradient><path d="M575.585 442.055l-418.849 73.852c-17.158 3.027-34.454-8.458-38.625-25.648l-81.409-335.45c-1.768-7.304-.889-14.47 2.032-20.514 68.231 5.949 113.143-5.981 145.639 46.849l-84.204 14.851c-7.844 1.376-12.66 8.86-10.754 16.724l1.133 4.679 59.721 246.059c1.905 7.865 9.812 13.115 17.656 11.728l371.069-65.426 7.367-1.302c7.844-1.376 12.649-8.87 10.733-16.735l-1.344-5.557c12.183-6.182 23.361-13.644 33.205-22.451l10.13 41.737c4.181 17.19-6.351 33.576-23.499 36.603z" fill="url(#M)"/><linearGradient id="N" gradientUnits="userSpaceOnUse" x1="146.207" y1="581.297" x2="290.163" y2="352.661"><stop offset="0" stop-color="#91bae4"/><stop offset="1" stop-color="#6281a1" stop-opacity="0"/></linearGradient><path d="M538.993 409.76c-.053.021-.117.032-.18.042l-377.568 74.487a16.27 16.27 0 0 1-19.074-12.713L90.58 218.446a2.93 2.93 0 0 1-.032-1.048l59.721 246.059c1.905 7.865 9.812 13.115 17.656 11.728l371.069-65.426z" fill="url(#N)"/><linearGradient id="O" gradientUnits="userSpaceOnUse" x1="173.742" y1="676.972" x2="256.305" y2="440.926"><stop offset="0" stop-color="#91bae4"/><stop offset="1" stop-color="#6281a1" stop-opacity="0"/></linearGradient><path d="M575.587 442.058L156.737 515.91c-17.158 3.027-34.454-8.457-38.625-25.648l-81.409-335.45 91.218 325.638c3.682 13.143 16.51 21.544 30.029 19.664l417.637-58.056z" fill="url(#O)"/><linearGradient id="P" gradientUnits="userSpaceOnUse" x1="307.352" y1="235.06" x2="264.485" y2="520.842"><stop offset="0" stop-color="#4c5c7d"/><stop offset=".989" stop-color="#2f4652"/></linearGradient><path d="M575.586 439.209l-418.849 73.854c-17.162 3.026-34.45-8.459-38.622-25.651L36.706 151.966c-2.414-9.947.747-17.803 6.612-24.78L6.869 167.942c-5.865 6.977-8.371 16.655-5.957 26.602l81.408 335.447c4.172 17.191 21.46 28.677 38.622 25.651l418.849-73.854c7.227-1.274 13.277-4.921 17.547-10l35.793-42.579c-4.27 5.079-10.32 8.726-17.547 10z" fill="url(#P)"/><linearGradient id="Q" gradientUnits="userSpaceOnUse" x1="12.189" y1="115.911" x2="38.123" y2="233.405"><stop offset="0" stop-color="#91bae4"/><stop offset="1" stop-color="#6281a1" stop-opacity="0"/></linearGradient><path d="M6.869 167.943l36.448-40.757c-5.865 6.977-9.026 14.833-6.612 24.78L.913 194.545c-2.414-9.947.092-19.625 5.957-26.602z" fill="url(#Q)"/><linearGradient id="R" gradientUnits="userSpaceOnUse" x1="284.907" y1="307.895" x2="344.889" y2="548.528"><stop offset="0" stop-color="#47717b" stop-opacity="0"/><stop offset=".928" stop-color="#201717"/></linearGradient><path d="M575.585 439.207l-35.788 42.584-418.849 73.852c-17.169 3.027-34.454-8.457-38.625-25.648l35.788-42.584c4.171 17.19 21.466 28.675 38.625 25.648l418.849-73.852z" fill="url(#R)"/><linearGradient id="S" gradientUnits="userSpaceOnUse" x1="300.078" y1="304.114" x2="360.06" y2="544.747"><stop offset="0" stop-color="#47717b" stop-opacity="0"/><stop offset=".928" stop-color="#201717"/></linearGradient><path d="M575.586 439.209l-35.793 42.579-418.849 73.854 35.793-42.579z" fill="url(#S)"/><g class="An"><linearGradient id="T" gradientUnits="userSpaceOnUse" x1="454.935" y1="33.628" x2="351.201" y2="511.012"><stop offset="0" stop-color="#e2b646" stop-opacity="0"/><stop offset=".977" stop-color="#8d4121"/></linearGradient><use xlink:href="#An" fill="url(#T)"/><linearGradient id="U" gradientUnits="userSpaceOnUse" x1="373.186" y1="15.864" x2="269.453" y2="493.249"><stop offset="0" stop-color="#e2b646" stop-opacity="0"/><stop offset=".977" stop-color="#8d4121"/></linearGradient><use xlink:href="#Ao" fill="url(#U)"/><linearGradient id="V" gradientUnits="userSpaceOnUse" x1="287.117" y1="-2.838" x2="183.384" y2="474.546"><stop offset="0" stop-color="#e2b646" stop-opacity="0"/><stop offset=".977" stop-color="#8d4121"/></linearGradient><path d="M251.854 370.571c-1.704 2.763-4.541 4.731-7.865 5.314-2.011.36-4.192.212-6.404-.572l-62.452-21.932c-8.627-3.027-11.665-13.464-6.309-19.783.349-.434.752-.836 1.196-1.228l47.082-41.366c1.672-1.471 3.62-2.35 5.631-2.699 6.319-1.122 13.348 2.921 15.073 10.003l.794 3.271c1.037 4.287-.254 8.648-3.408 11.474l-25.933 23.372a.84.84 0 0 0 .095.042l34.592 12.639c4.202 1.535 7.42 5.113 8.457 9.378l.762 3.112c.815 3.355.212 6.489-1.313 8.976z" fill="url(#V)"/></g><g class="Ao"><linearGradient id="W" gradientUnits="userSpaceOnUse" x1="378.717" y1="302.144" x2="459.582" y2="302.144"><stop offset="0" stop-color="#54b8e4"/><stop offset="1" stop-color="#3f89bf"/></linearGradient><path d="M459.582 272.917l-11.94 14.194-47.082 41.366c-1.672 1.471-3.62 2.35-5.631 2.71-6.319 1.111-13.348-2.932-15.062-10.013l-.794-3.271c-.91-3.758-.042-7.568 2.308-10.352l11.929-14.194c-2.339 2.784-3.218 6.605-2.308 10.352l.794 3.271c1.715 7.081 8.743 11.125 15.063 10.013 2.011-.36 3.959-1.238 5.642-2.71l47.082-41.366z" fill="url(#W)"/><linearGradient id="X" gradientUnits="userSpaceOnUse" x1="364.141" y1="258.204" x2="420.332" y2="258.204"><stop offset="0" stop-color="#54b8e4"/><stop offset="1" stop-color="#3f89bf"/></linearGradient><path d="M408.403 283.058l-34.687-12.681c-4.202-1.535-7.42-5.102-8.457-9.378l-.752-3.112c-.974-4.001.064-7.685 2.286-10.342l11.929-14.195c-2.223 2.657-3.26 6.34-2.286 10.342l.751 3.112c1.037 4.276 4.255 7.844 8.457 9.389l34.687 12.67-11.929 14.194z" fill="url(#X)"/><linearGradient id="Y" gradientUnits="userSpaceOnUse" x1="394.142" y1="232.34" x2="391.496" y2="296.379"><stop offset="0" stop-color="#2f789e" stop-opacity="0"/><stop offset="1" stop-color="#273b5f"/></linearGradient><path d="M420.332 268.863l-11.929 14.194-34.687-12.681c-4.202-1.535-7.42-5.102-8.457-9.378l11.929-14.195c1.037 4.276 4.255 7.844 8.457 9.389l34.687 12.67z" fill="url(#Y)"/><linearGradient id="Z" gradientUnits="userSpaceOnUse" x1="351.592" y1="235.969" x2="458.765" y2="315.356"><stop offset="0" stop-color="#2f789e" stop-opacity="0"/><stop offset="1" stop-color="#273b5f"/></linearGradient><path d="M420.338 268.865l-11.931 14.193-34.694-12.677 11.931-14.193z" fill="url(#Z)"/><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="410.141" y1="274.101" x2="433.031" y2="329.407"><stop offset="0" stop-color="#2f789e" stop-opacity="0"/><stop offset="1" stop-color="#273b5f"/></linearGradient><path d="M459.582 272.917l-11.94 14.194-47.082 41.366c-1.672 1.471-3.62 2.35-5.631 2.71-6.319 1.111-13.348-2.932-15.062-10.013l11.929-14.194c1.715 7.081 8.743 11.125 15.063 10.013 2.011-.36 3.959-1.238 5.642-2.71l47.082-41.366z" fill="url(#a)"/><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="420.086" y1="262.708" x2="430.936" y2="303.989"><stop offset="0" stop-color="#2f789e" stop-opacity="0"/><stop offset="1" stop-color="#273b5f"/></linearGradient><path d="M459.578 272.917l-11.931 14.193-47.082 41.367 11.931-14.193z" fill="url(#b)"/><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="447.647" y1="279.388" x2="460.804" y2="279.388"><stop offset="0" stop-color="#54b8e4"/><stop offset="1" stop-color="#3f89bf"/></linearGradient><path d="M460.804 271.666l-11.931 14.193a11.62 11.62 0 0 1-1.226 1.252l11.931-14.193a11.62 11.62 0 0 0 1.226-1.252z" fill="url(#c)"/><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="399.235" y1="292.59" x2="366.071" y2="550.138"><stop offset="0" stop-color="#54b8e4"/><stop offset="1" stop-color="#3f89bf"/></linearGradient><use xlink:href="#An" x="19.685" y="-33.604" fill="url(#d)"/><linearGradient id="e" gradientUnits="userSpaceOnUse" x1="440.896" y1="227.921" x2="396.792" y2="283.845"><stop offset="0" stop-color="#c0e0ed"/><stop offset="1" stop-color="#68bde9"/></linearGradient><path d="M459.582 272.917l-31.787 27.923 28.135-33.152c-13.813-1.408-8.288-12.257-8.288-12.257l-62.388-25.954c.116-.032.233-.053.349-.074 2.011-.349 4.192-.201 6.415.572l62.441 21.932c9.209 3.228 12.056 14.914 5.123 21.011z" fill="url(#e)"/><linearGradient id="f" gradientUnits="userSpaceOnUse" x1="393.659" y1="277.056" x2="424.18" y2="307.223"><stop offset="0" stop-color="#c0e0ed"/><stop offset="1" stop-color="#68bde9"/></linearGradient><path d="M402.698 317.004c-4.964-.804-9.558-4.488-10.903-10.024l-.794-3.271c-1.048-4.287.254-8.648 3.387-11.474l25.923-23.361h.011c-.487.508-16.005 16.661-22.61 25.669-6.542 8.944-2.53 20.069 4.986 22.461z" fill="url(#f)"/><linearGradient id="g" gradientUnits="userSpaceOnUse" x1="374.52" y1="211.209" x2="299.719" y2="324.822"><stop offset="0" stop-color="#54b8e4"/><stop offset="1" stop-color="#3f89bf"/></linearGradient><path d="M321.558 368.775c-8.423 1.485-16.307-5.89-15.316-14.322l16.762-142.435c.268-2.301 1.187-4.373 2.584-6.034l-11.931 14.193c-1.396 1.661-2.316 3.733-2.584 6.034l-16.762 142.435c-.991 8.432 6.893 15.807 15.316 14.322 2.773-.489 5.157-1.897 6.845-3.904l11.931-14.193c-1.687 2.007-4.071 3.415-6.845 3.904z" fill="url(#g)"/><linearGradient id="h" gradientUnits="userSpaceOnUse" x1="319.821" y1="202.876" x2="315.763" y2="238.865"><stop offset="0" stop-color="#c0e0ed"/><stop offset="1" stop-color="#68bde9"/></linearGradient><path d="M313.656 220.177l11.931-14.193c-1.396 1.661-2.316 3.733-2.584 6.034l-11.931 14.193c.268-2.301 1.187-4.373 2.584-6.034z" fill="url(#h)"/><linearGradient id="i" gradientUnits="userSpaceOnUse" x1="307.96" y1="331.058" x2="313.958" y2="396.685"><stop offset="0" stop-color="#2f789e" stop-opacity="0"/><stop offset="1" stop-color="#273b5f"/></linearGradient><path d="M328.402 364.871l-11.931 14.193c-1.687 2.007-4.071 3.415-6.845 3.904-8.423 1.485-16.307-5.89-15.316-14.322l11.931-14.193c-.991 8.432 6.893 15.807 15.316 14.322 2.773-.489 5.157-1.897 6.845-3.904z" fill="url(#i)"/><linearGradient id="j" gradientUnits="userSpaceOnUse" x1="312.158" y1="281.375" x2="278.991" y2="538.945"><stop offset="0" stop-color="#54b8e4"/><stop offset="1" stop-color="#3f89bf"/></linearGradient><use xlink:href="#Ao" x="19.685" y="-33.604" fill="url(#j)"/><linearGradient id="k" gradientUnits="userSpaceOnUse" x1="319.433" y1="190.739" x2="330.547" y2="254.778"><stop offset="0" stop-color="#c0e0ed"/><stop offset="1" stop-color="#68bde9"/></linearGradient><path d="M347.751 216.404l-1.006 8.563c-.804-11.824-4.34-14.83-4.34-14.83-9.262 8.066-15.412 2.371-15.412 2.371-1.164 4.604-9.876 58.461-13.792 82.796l9.802-83.283c.593-5.081 4.361-9.05 9.431-9.939 8.426-1.492 16.301 5.885 15.316 14.322z" fill="url(#k)"/><linearGradient id="l" gradientUnits="userSpaceOnUse" x1="242.95" y1="285.984" x2="255.974" y2="285.984"><stop offset="0" stop-color="#54b8e4"/><stop offset="1" stop-color="#3f89bf"/></linearGradient><path d="M255.974 278.323l-11.931 14.193c-.335.398-.7.776-1.094 1.129l11.931-14.193c.394-.353.759-.731 1.094-1.129z" fill="url(#l)"/><linearGradient id="m" gradientUnits="userSpaceOnUse" x1="256.278" y1="248.791" x2="248.516" y2="267.668"><stop offset="0" stop-color="#54b8e4"/><stop offset="1" stop-color="#3f89bf"/></linearGradient><path d="M254.881 279.452l-11.931 14.193-25.937 23.368 11.931-14.193z" fill="url(#m)"/><linearGradient id="n" gradientUnits="userSpaceOnUse" x1="231.907" y1="266.091" x2="221.851" y2="331.983"><stop offset="0" stop-color="#54b8e4"/><stop offset="1" stop-color="#3f89bf"/></linearGradient><path d="M270.554 338.333l-11.929 14.194a11.67 11.67 0 0 1-6.891 3.948c-2.001.349-4.181.201-6.404-.572l-62.441-21.932c-8.606-3.017-11.665-13.432-6.351-19.752l11.929-14.194c-5.314 6.319-2.255 16.735 6.351 19.752l62.452 21.932c2.212.783 4.393.931 6.404.572 2.742-.487 5.165-1.905 6.88-3.948z" fill="url(#n)"/><linearGradient id="o" gradientUnits="userSpaceOnUse" x1="225.156" y1="317.16" x2="201.043" y2="348.703"><stop offset="0" stop-color="#2f789e" stop-opacity="0"/><stop offset="1" stop-color="#273b5f"/></linearGradient><path d="M257.27 341.709l-11.94 14.194-62.441-21.932c-8.606-3.017-11.665-13.432-6.351-19.752l11.929-14.194c-5.314 6.319-2.255 16.735 6.351 19.752l62.452 21.932z" fill="url(#o)"/><linearGradient id="p" gradientUnits="userSpaceOnUse" x1="215.256" y1="288.072" x2="179.002" y2="323.532"><stop offset="0" stop-color="#2f789e" stop-opacity="0"/><stop offset="1" stop-color="#273b5f"/></linearGradient><path d="M176.542 314.217l11.931-14.193c-5.317 6.325-2.262 16.736 6.35 19.756l-11.931 14.193c-8.611-3.02-11.667-13.431-6.35-19.756z" fill="url(#p)"/><linearGradient id="q" gradientUnits="userSpaceOnUse" x1="240.243" y1="235.977" x2="207.076" y2="493.552"><stop offset="0" stop-color="#54b8e4"/><stop offset="1" stop-color="#3f89bf"/></linearGradient><path d="M271.539 336.967c-1.704 2.763-4.541 4.731-7.865 5.314-2.011.36-4.192.212-6.404-.572l-62.452-21.932c-8.627-3.027-11.665-13.464-6.309-19.783.349-.434.752-.836 1.196-1.228l47.082-41.366c1.672-1.471 3.62-2.35 5.631-2.699 6.319-1.122 13.348 2.921 15.073 10.003l.794 3.271c1.037 4.287-.254 8.648-3.408 11.474l-25.933 23.372a.83.83 0 0 0 .095.042l34.592 12.639c4.202 1.535 7.42 5.113 8.457 9.378l.762 3.112c.815 3.355.212 6.489-1.313 8.976z" fill="url(#q)"/><linearGradient id="r" gradientUnits="userSpaceOnUse" x1="243.218" y1="248.689" x2="214.991" y2="303.555"><stop offset="0" stop-color="#c0e0ed"/><stop offset="1" stop-color="#68bde9"/></linearGradient><path d="M254.878 279.448c4.043-8.743-1.122-13.697-1.122-13.697-12.257.963-13.051-5.557-13.051-5.557l-52.195 39.8c.349-.434.752-.836 1.196-1.228l47.082-41.366c1.672-1.471 3.62-2.35 5.631-2.699 6.319-1.122 13.348 2.921 15.073 10.003l.794 3.271c1.037 4.287-.254 8.648-3.408 11.474z" fill="url(#r)"/><linearGradient id="s" gradientUnits="userSpaceOnUse" x1="268.645" y1="304.195" x2="233.008" y2="334.715"><stop offset="0" stop-color="#c0e0ed"/><stop offset="1" stop-color="#68bde9"/></linearGradient><path d="M271.539 336.967c.942-5.229-.233-10.86-3.493-13.845-4.509-4.118-36.973-19.307-39.006-20.26l34.592 12.639c4.202 1.535 7.42 5.113 8.457 9.378l.762 3.112c.815 3.355.212 6.489-1.313 8.976z" fill="url(#s)"/><linearGradient id="t" gradientUnits="userSpaceOnUse" x1="346.018" y1="106.089" x2="389.575" y2="106.089"><stop offset=".122" stop-color="#f1ca6d"/><stop offset=".977" stop-color="#e6aa48"/></linearGradient><path d="M389.575 109.166l-4.996 5.938c-1.08 1.281-2.604 2.202-4.435 2.53l-21.318 3.758c-4.34.762-8.722-2.138-9.77-6.499l-2.805-11.559c-.614-2.509.021-4.964 1.503-6.732l4.996-5.938c-1.482 1.768-2.117 4.223-1.514 6.732l2.805 11.559c1.059 4.361 5.43 7.261 9.77 6.499l21.329-3.758c1.821-.328 3.355-1.249 4.435-2.53z" fill="url(#t)"/><linearGradient id="u" gradientUnits="userSpaceOnUse" x1="347.237" y1="90.427" x2="360.997" y2="130.473"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#efedee" stop-opacity="0"/></linearGradient><use xlink:href="#Ap" fill="url(#u)"/><linearGradient id="v" gradientUnits="userSpaceOnUse" x1="367.137" y1="107.762" x2="367.004" y2="126.418"><stop offset="0" stop-color="#e2b646" stop-opacity="0"/><stop offset=".977" stop-color="#8d4121"/></linearGradient><path d="M385.14 111.696l-4.996 5.938-21.318 3.758c-4.34.762-8.722-2.138-9.77-6.499l4.986-5.938c1.059 4.361 5.43 7.261 9.77 6.499l21.329-3.758z" fill="url(#v)"/><linearGradient id="w" gradientUnits="userSpaceOnUse" x1="372.041" y1="107.797" x2="371.909" y2="126.453"><stop offset="0" stop-color="#e2b646" stop-opacity="0"/><stop offset=".977" stop-color="#8d4121"/></linearGradient><path d="M385.136 111.694l-4.992 5.939-21.321 3.759 4.992-5.939z" fill="url(#w)"/><linearGradient id="x" gradientUnits="userSpaceOnUse" x1="382.351" y1="83.606" x2="347.244" y2="134.767"><stop offset=".122" stop-color="#f1ca6d"/><stop offset=".977" stop-color="#e6aa48"/></linearGradient><path d="M385.14 111.696l-21.329 3.758c-4.34.762-8.712-2.138-9.77-6.499l-2.805-11.559c-.72-3.006.318-5.917 2.466-7.674.445-.36.931-.677 1.461-.931.614-.307 1.291-.529 2.022-.656l21.318-3.758c4.34-.762 8.722 2.138 9.77 6.489l2.752 11.337.053.222c1.059 4.361-1.598 8.5-5.938 9.272z" fill="url(#x)"/><linearGradient id="y" gradientUnits="userSpaceOnUse" x1="371.96" y1="73.175" x2="374.254" y2="118.338"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#efedee" stop-opacity="0"/></linearGradient><path d="M388.273 90.865l2.752 11.337-5.684-9.738c-1.63-2.794-4.657-4.467-7.886-4.372l-22.292.699c.614-.307 1.291-.529 2.022-.656l21.318-3.758c4.34-.762 8.722 2.138 9.77 6.489z" fill="url(#y)"/><linearGradient id="z" gradientUnits="userSpaceOnUse" x1="369.141" y1="78.89" x2="376.727" y2="157.925"><stop offset="0" stop-color="#e2b646" stop-opacity="0"/><stop offset=".977" stop-color="#8d4121"/></linearGradient><path d="M391.078 102.424c1.059 4.361-1.598 8.5-5.938 9.272l-21.329 3.758c-4.34.762-8.712-2.138-9.77-6.499l-2.805-11.559c-.72-3.006.318-5.917 2.466-7.674 7.738 12.289 29.596 17.709 37.323 12.48l.053.222z" fill="url(#z)"/><linearGradient id="AA" gradientUnits="userSpaceOnUse" x1="394.931" y1="97.462" x2="438.488" y2="97.462"><stop offset=".122" stop-color="#f1ca6d"/><stop offset=".977" stop-color="#e6aa48"/></linearGradient><path d="M438.488 100.54l-4.996 5.938a7.41 7.41 0 0 1-4.435 2.53l-21.318 3.758c-4.34.762-8.712-2.138-9.77-6.499l-2.805-11.548c-.614-2.519.021-4.975 1.503-6.732l4.996-5.949c-1.482 1.768-2.117 4.223-1.514 6.732l2.805 11.559c1.059 4.361 5.441 7.261 9.781 6.499l21.318-3.758a7.44 7.44 0 0 0 4.435-2.53z" fill="url(#AA)"/><linearGradient id="AB" gradientUnits="userSpaceOnUse" x1="344.722" y1="83.108" x2="358.483" y2="123.155"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#efedee" stop-opacity="0"/></linearGradient><use xlink:href="#Ap" x="48.915" y="-8.625" fill="url(#AB)"/><g class="An"><linearGradient id="AC" gradientUnits="userSpaceOnUse" x1="416.593" y1="83.052" x2="415.535" y2="122.349"><stop offset="0" stop-color="#e2b646" stop-opacity="0"/><stop offset=".977" stop-color="#8d4121"/></linearGradient><path d="M434.053 103.069l-4.996 5.938-21.318 3.758c-4.34.762-8.712-2.138-9.77-6.499l4.986-5.938c1.059 4.361 5.441 7.261 9.781 6.499l21.318-3.758z" fill="url(#AC)"/></g><linearGradient id="AD" gradientUnits="userSpaceOnUse" x1="421.561" y1="83.186" x2="420.502" y2="122.483"><stop offset="0" stop-color="#e2b646" stop-opacity="0"/><stop offset=".977" stop-color="#8d4121"/></linearGradient><path d="M434.051 103.069l-4.992 5.939-21.321 3.759 4.992-5.939z" fill="url(#AD)"/><linearGradient id="AE" gradientUnits="userSpaceOnUse" x1="423.196" y1="82.124" x2="406.613" y2="130.815"><stop offset=".122" stop-color="#f1ca6d"/><stop offset=".977" stop-color="#e6aa48"/></linearGradient><path d="M434.053 103.069l-21.318 3.758c-4.34.762-8.722-2.138-9.781-6.499l-2.805-11.559c-.699-2.879.243-5.684 2.223-7.462 1.006-.9 2.265-1.545 3.726-1.799l21.329-3.758c4.34-.762 8.711 2.149 9.77 6.489l2.456 10.151.339 1.408c1.059 4.361-1.598 8.51-5.938 9.272z" fill="url(#AE)"/><linearGradient id="AF" gradientUnits="userSpaceOnUse" x1="420.194" y1="70.726" x2="422.487" y2="115.888"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#efedee" stop-opacity="0"/></linearGradient><path d="M437.197 82.238l2.456 10.151-5.06-8.817c-1.704-2.985-4.996-4.7-8.426-4.393l-23.795 2.128c1.006-.9 2.265-1.545 3.726-1.799l21.329-3.758c4.34-.762 8.711 2.149 9.77 6.489z" fill="url(#AF)"/><linearGradient id="AG" gradientUnits="userSpaceOnUse" x1="418.427" y1="74.159" x2="426.013" y2="153.194"><stop offset="0" stop-color="#e2b646" stop-opacity="0"/><stop offset=".977" stop-color="#8d4121"/></linearGradient><path d="M439.991 93.797c1.059 4.361-1.598 8.51-5.938 9.272l-21.318 3.758c-4.34.762-8.722-2.138-9.781-6.499l-2.805-11.559c-.699-2.879.243-5.684 2.223-7.462 2.435 1.81 5.367 4.266 8.775 7.589 10.289 10.003 25.182 11.421 28.505 3.493l.339 1.408z" fill="url(#AG)"/><linearGradient id="AH" gradientUnits="userSpaceOnUse" x1="443.844" y1="88.842" x2="487.402" y2="88.842"><stop offset=".122" stop-color="#f1ca6d"/><stop offset=".977" stop-color="#e6aa48"/></linearGradient><path d="M487.402 91.913l-4.986 5.938c-1.08 1.291-2.615 2.212-4.446 2.53l-21.308 3.758c-4.35.773-8.722-2.138-9.781-6.499l-2.805-11.548c-.614-2.519.021-4.964 1.503-6.732l4.996-5.938c-1.482 1.768-2.117 4.213-1.503 6.732l2.805 11.548c1.048 4.361 5.43 7.272 9.781 6.499l21.308-3.758c1.831-.318 3.355-1.238 4.435-2.53z" fill="url(#AH)"/><linearGradient id="AI" gradientUnits="userSpaceOnUse" x1="440.037" y1="58.539" x2="453.798" y2="98.586"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#efedee" stop-opacity="0"/></linearGradient><path d="M445.584 79.359l4.992-5.939c-1.484 1.765-2.117 4.213-1.507 6.729l-4.992 5.939c-.611-2.516.023-4.964 1.507-6.729z" fill="url(#AI)"/><linearGradient id="AJ" gradientUnits="userSpaceOnUse" x1="459.924" y1="80.939" x2="469.098" y2="108.725"><stop offset="0" stop-color="#e2b646" stop-opacity="0"/><stop offset=".977" stop-color="#8d4121"/></linearGradient><path d="M482.966 94.443l-4.996 5.938-21.308 3.758c-4.35.773-8.722-2.138-9.781-6.499l4.996-5.938c1.048 4.361 5.43 7.272 9.781 6.499l21.308-3.758z" fill="url(#AJ)"/><linearGradient id="AK" gradientUnits="userSpaceOnUse" x1="463.379" y1="79.799" x2="472.552" y2="107.584"><stop offset="0" stop-color="#e2b646" stop-opacity="0"/><stop offset=".977" stop-color="#8d4121"/></linearGradient><path d="M482.966 94.444l-4.992 5.939-21.311 3.758 4.992-5.939z" fill="url(#AK)"/><linearGradient id="AL" gradientUnits="userSpaceOnUse" x1="471.608" y1="74.554" x2="450.791" y2="139.123"><stop offset=".122" stop-color="#f1ca6d"/><stop offset=".977" stop-color="#e6aa48"/></linearGradient><path d="M482.966 94.443L461.659 98.2c-4.35.773-8.733-2.138-9.781-6.499l-2.805-11.548c-.879-3.609.804-7.092 3.895-8.606a7.54 7.54 0 0 1 2.053-.667l21.318-3.758c4.34-.762 8.711 2.149 9.77 6.499L488.386 83l.529 2.17c1.059 4.361-1.609 8.51-5.949 9.272z" fill="url(#AL)"/><linearGradient id="AM" gradientUnits="userSpaceOnUse" x1="474.6" y1="53.503" x2="467.984" y2="93.594"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#efedee" stop-opacity="0"/></linearGradient><path d="M488.386 83l-5.441-8.341a8.78 8.78 0 0 0-7.727-3.991l-22.25.879a7.54 7.54 0 0 1 2.053-.667l21.318-3.758c4.34-.762 8.711 2.149 9.77 6.499L488.386 83z" fill="url(#AM)"/><linearGradient id="AN" gradientUnits="userSpaceOnUse" x1="467.724" y1="69.428" x2="475.31" y2="148.463"><stop offset="0" stop-color="#e2b646" stop-opacity="0"/><stop offset=".977" stop-color="#8d4121"/></linearGradient><path d="M482.966 94.443L461.659 98.2c-4.35.773-8.733-2.138-9.781-6.499l-2.805-11.548c-.879-3.609.804-7.092 3.895-8.606 1.514 5.483 5.303 13.2 14.935 16.259 9.304 2.943 16.29-1.016 20.482-4.806l.529 2.17c1.059 4.361-1.609 8.51-5.949 9.272z" fill="url(#AN)"/></g><linearGradient id="AO" gradientUnits="userSpaceOnUse" x1="496.047" y1="152.246" x2="498.119" y2="160.8"><stop offset="0" stop-color="#4c5c7d"/><stop offset=".989" stop-color="#2f4652"/></linearGradient><path d="M500.243 157.533l-10.266 11.802 11.126-8.531 6.517-2.929z" fill="url(#AO)"/><linearGradient id="AP" gradientUnits="userSpaceOnUse" x1="499.184" y1="158.568" x2="498.381" y2="169.061"><stop offset="0" stop-color="#91bae4"/><stop offset="1" stop-color="#6281a1" stop-opacity="0"/></linearGradient><path d="M501.326 161.898l-11.349 7.437 11.126-8.531 6.517-2.929z" fill="url(#AP)"/><linearGradient id="AQ" gradientUnits="userSpaceOnUse" x1="525.196" y1="272.156" x2="527.268" y2="280.71"><stop offset="0" stop-color="#4c5c7d"/><stop offset=".989" stop-color="#2f4652"/></linearGradient><path d="M529.392 277.443l-10.266 11.802 11.126-8.531 6.517-2.929z" fill="url(#AQ)"/><linearGradient id="AR" gradientUnits="userSpaceOnUse" x1="528.333" y1="278.478" x2="527.53" y2="288.971"><stop offset="0" stop-color="#91bae4"/><stop offset="1" stop-color="#6281a1" stop-opacity="0"/></linearGradient><path d="M530.474 281.808l-11.349 7.437 11.126-8.531 6.517-2.929z" fill="url(#AR)"/><linearGradient id="AS" gradientUnits="userSpaceOnUse" x1="498.24" y1="167.246" x2="490.133" y2="151.572"><stop offset="0" stop-color="#4c5c7d"/><stop offset=".989" stop-color="#2f4652"/></linearGradient><path d="M497.686 146.897l-16.366 19.809 17.287-16.025 6.193-2.925z" fill="url(#AS)"/><linearGradient id="AT" gradientUnits="userSpaceOnUse" x1="491.832" y1="150.419" x2="493.909" y2="161.944"><stop offset="0" stop-color="#91bae4"/><stop offset="1" stop-color="#6281a1" stop-opacity="0"/></linearGradient><path d="M481.32 166.705l17.666-14.419 5.814-4.532-6.193 2.925z" fill="url(#AT)"/><linearGradient id="AU" gradientUnits="userSpaceOnUse" x1="549.06" y1="377.215" x2="540.953" y2="361.542"><stop offset="0" stop-color="#4c5c7d"/><stop offset=".989" stop-color="#2f4652"/></linearGradient><path d="M548.505 356.866l-16.366 19.809 17.287-16.025 6.193-2.925z" fill="url(#AU)"/><linearGradient id="AV" gradientUnits="userSpaceOnUse" x1="542.651" y1="360.388" x2="544.729" y2="371.913"><stop offset="0" stop-color="#91bae4"/><stop offset="1" stop-color="#6281a1" stop-opacity="0"/></linearGradient><path d="M532.139 376.675l17.666-14.419 5.814-4.532-6.193 2.925z" fill="url(#AV)"/><linearGradient id="AW" gradientUnits="userSpaceOnUse" x1="446.779" y1="154.963" x2="433.193" y2="139.809"><stop offset="0" stop-color="#4c5c7d"/><stop offset=".989" stop-color="#2f4652"/></linearGradient><path d="M437.345 136.536l-10.273 16.566 15.949-17.497-3.471-8.816z" fill="url(#AW)"/><linearGradient id="AX" gradientUnits="userSpaceOnUse" x1="447.584" y1="134.673" x2="432.897" y2="140.098"><stop offset="0" stop-color="#91bae4"/><stop offset="1" stop-color="#6281a1" stop-opacity="0"/></linearGradient><path d="M445.945 135.135l-18.874 17.966 15.949-17.497-3.471-8.816z" fill="url(#AX)"/><linearGradient id="AY" gradientUnits="userSpaceOnUse" x1="347.82" y1="164.992" x2="339.251" y2="155.433"><stop offset="0" stop-color="#4c5c7d"/><stop offset=".989" stop-color="#2f4652"/></linearGradient><path d="M341.869 153.368l-6.48 10.448 10.06-11.036-2.189-5.56z" fill="url(#AY)"/><linearGradient id="AZ" gradientUnits="userSpaceOnUse" x1="348.326" y1="152.193" x2="339.063" y2="155.615"><stop offset="0" stop-color="#91bae4"/><stop offset="1" stop-color="#6281a1" stop-opacity="0"/></linearGradient><path d="M347.293 152.485l-11.904 11.332 10.06-11.036-2.189-5.56z" fill="url(#AZ)"/><linearGradient id="Aa" gradientUnits="userSpaceOnUse" x1="199.273" y1="193.566" x2="189.144" y2="182.268"><stop offset="0" stop-color="#4c5c7d"/><stop offset=".989" stop-color="#2f4652"/></linearGradient><path d="M192.242 179.826l-7.66 12.351 11.891-13.045-2.588-6.573z" fill="url(#Aa)"/><linearGradient id="Ab" gradientUnits="userSpaceOnUse" x1="199.875" y1="178.437" x2="188.925" y2="182.482"><stop offset="0" stop-color="#91bae4"/><stop offset="1" stop-color="#6281a1" stop-opacity="0"/></linearGradient><path d="M198.654 178.782l-14.072 13.395 11.891-13.045-2.588-6.573z" fill="url(#Ab)"/><linearGradient id="Ac" gradientUnits="userSpaceOnUse" x1="185.16" y1="199.184" x2="172.924" y2="185.535"><stop offset="0" stop-color="#4c5c7d"/><stop offset=".989" stop-color="#2f4652"/></linearGradient><path d="M176.667 182.587l-9.252 14.919 14.364-15.758-3.126-7.94z" fill="url(#Ac)"/><linearGradient id="Ad" gradientUnits="userSpaceOnUse" x1="185.888" y1="180.909" x2="172.661" y2="185.795"><stop offset="0" stop-color="#91bae4"/><stop offset="1" stop-color="#6281a1" stop-opacity="0"/></linearGradient><path d="M184.412 181.326l-16.998 16.181 14.364-15.758-3.126-7.94z" fill="url(#Ad)"/><linearGradient id="Ae" gradientUnits="userSpaceOnUse" x1="43.983" y1="197.144" x2="46.704" y2="208.378"><stop offset="0" stop-color="#4c5c7d"/><stop offset=".989" stop-color="#2f4652"/></linearGradient><path d="M49.493 204.087l-13.482 15.498 14.611-11.203 8.559-3.847z" fill="url(#Ae)"/><linearGradient id="Af" gradientUnits="userSpaceOnUse" x1="48.103" y1="205.447" x2="47.048" y2="219.226"><stop offset="0" stop-color="#91bae4"/><stop offset="1" stop-color="#6281a1" stop-opacity="0"/></linearGradient><path d="M50.915 209.819l-14.904 9.766 14.611-11.203 8.559-3.847z" fill="url(#Af)"/><linearGradient id="Ag" gradientUnits="userSpaceOnUse" x1="82.262" y1="354.616" x2="84.983" y2="365.85"><stop offset="0" stop-color="#4c5c7d"/><stop offset=".989" stop-color="#2f4652"/></linearGradient><path d="M87.772 361.559l-13.482 15.498 14.611-11.203 8.559-3.847z" fill="url(#Ag)"/><linearGradient id="Ah" gradientUnits="userSpaceOnUse" x1="86.382" y1="362.919" x2="85.327" y2="376.698"><stop offset="0" stop-color="#91bae4"/><stop offset="1" stop-color="#6281a1" stop-opacity="0"/></linearGradient><path d="M89.194 367.291l-14.904 9.766 14.611-11.203 8.559-3.847z" fill="url(#Ah)"/><linearGradient id="Ai" gradientUnits="userSpaceOnUse" x1="46.863" y1="216.842" x2="36.217" y2="196.259"><stop offset="0" stop-color="#4c5c7d"/><stop offset=".989" stop-color="#2f4652"/></linearGradient><path d="M46.135 190.119l-21.492 26.014 22.702-21.045 8.133-3.841z" fill="url(#Ai)"/><linearGradient id="Aj" gradientUnits="userSpaceOnUse" x1="38.448" y1="194.745" x2="41.175" y2="209.879"><stop offset="0" stop-color="#91bae4"/><stop offset="1" stop-color="#6281a1" stop-opacity="0"/></linearGradient><path d="M24.642 216.132l23.2-18.935 7.635-5.951-8.133 3.841z" fill="url(#Aj)"/><linearGradient id="Ak" gradientUnits="userSpaceOnUse" x1="113.601" y1="492.585" x2="102.955" y2="472.001"><stop offset="0" stop-color="#4c5c7d"/><stop offset=".989" stop-color="#2f4652"/></linearGradient><path d="M112.873 465.861l-21.492 26.014 22.702-21.045 8.133-3.841z" fill="url(#Ak)"/><linearGradient id="Al" gradientUnits="userSpaceOnUse" x1="105.186" y1="470.487" x2="107.914" y2="485.622"><stop offset="0" stop-color="#91bae4"/><stop offset="1" stop-color="#6281a1" stop-opacity="0"/></linearGradient><path d="M91.381 491.875l23.2-18.935 7.635-5.951-8.133 3.841z" fill="url(#Al)"/><defs ><path id="An" d="M439.897 306.521l-31.787 27.923-15.295 13.443c-1.683 1.471-3.631 2.35-5.642 2.71-1.376.243-2.784.243-4.16.011-4.964-.804-9.558-4.488-10.903-10.024l-.794-3.271c-1.048-4.287.254-8.648 3.387-11.474l25.923-23.361h.011l-34.677-12.681c-4.202-1.545-7.42-5.113-8.457-9.389l-.751-3.112c-1.694-6.954 2.678-12.945 8.817-14.216.116-.032.233-.053.349-.074 2.011-.349 4.192-.201 6.415.572l62.441 21.932c9.209 3.228 12.056 14.914 5.123 21.011z"/><path id="Ao" d="M328.066 250.008l-1.006 8.563-15.761 133.869c-.593 5.081-4.361 9.05-9.431 9.939-8.415 1.482-16.301-5.885-15.306-14.322l6.954-59.149 9.802-83.283c.593-5.081 4.361-9.05 9.431-9.939 8.426-1.492 16.301 5.885 15.316 14.322z"/><path id="Ap" d="M347.754 96.606l4.992-5.939c-1.484 1.765-2.118 4.215-1.508 6.732l-4.992 5.939c-.611-2.517.024-4.966 1.508-6.732z"/></defs></svg>
\ No newline at end of file
diff --git a/public/assets/images/auth/bg-gradient.png b/public/assets/images/auth/bg-gradient.png
new file mode 100644
index 0000000000000000000000000000000000000000..feb32ef2aee176d6029bb3a592bd746e08d56a64
Binary files /dev/null and b/public/assets/images/auth/bg-gradient.png differ
diff --git a/public/assets/images/auth/coming-soon-cover.svg b/public/assets/images/auth/coming-soon-cover.svg
new file mode 100644
index 0000000000000000000000000000000000000000..25e2f21589941c3755e94933b20da23a732d39f2
--- /dev/null
+++ b/public/assets/images/auth/coming-soon-cover.svg
@@ -0,0 +1,100 @@
+<svg width="430" height="394" viewBox="0 0 430 394" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M96.0254 353.681C86.5592 343.334 75.4221 332.204 61.4045 332.043C55.9373 331.98 50.61 333.658 45.3945 335.315C30.2653 340.125 15.1292 344.942 0 349.752C15.6186 338.182 32.118 327.8 49.3096 318.732C54.8537 315.802 60.5865 312.978 66.7808 311.999C84.9862 309.126 101.842 322.815 112.028 338.175C122.215 353.534 128.626 371.467 140.993 385.128C130.409 386.771 124.543 386.198 118.342 378.668C111.266 370.076 103.562 361.924 96.0254 353.681Z" fill="#D4DFF4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M74.4301 323.361C60.3516 319.729 45.8629 326.628 32.6326 333.51L31.9658 332.228C45.1067 325.393 60.0934 318.17 74.7911 321.962C80.7556 323.499 86.1026 326.759 90.9202 330.449L90.9205 330.45C108.779 344.145 120.476 364.145 131.175 383.741L129.907 384.433C119.199 364.822 107.628 345.083 90.0414 331.597C85.295 327.96 80.1271 324.83 74.4302 323.361L74.4301 323.361Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.251 334.442C102.11 319.151 85.4895 305.776 67.7181 308.581C61.6553 309.539 56.0178 312.309 50.4718 315.239C34.6149 323.603 19.3474 333.087 4.81897 343.592C10.9678 341.637 17.1176 339.681 23.2674 337.725L23.3028 337.713C30.8692 335.307 38.4355 332.9 46.0002 330.495C51.1964 328.844 56.6347 327.125 62.2375 327.189C69.4439 327.272 75.8748 330.175 81.667 334.323C87.4538 338.467 92.6486 343.887 97.3831 349.062C98.8531 350.67 100.331 352.275 101.81 353.882C107.902 360.502 114.018 367.148 119.724 374.077C122.752 377.754 125.643 379.672 129.021 380.505C132.147 381.276 135.755 381.136 140.391 380.478C134.584 373.818 130.096 366.232 125.881 358.503C124.85 356.612 123.836 354.714 122.823 352.818C119.475 346.552 116.141 340.312 112.251 334.442ZM67.4928 307.154C86.132 304.212 103.223 318.215 113.455 333.644C117.387 339.576 120.765 345.899 124.119 352.177C125.126 354.063 126.132 355.945 127.149 357.811C131.567 365.912 136.23 373.748 142.354 380.512C142.532 380.709 142.588 380.987 142.499 381.238C142.41 381.488 142.191 381.67 141.929 381.71C136.624 382.534 132.389 382.824 128.675 381.908C124.924 380.983 121.782 378.849 118.609 374.996C112.931 368.1 106.848 361.491 100.758 354.874C99.2763 353.263 97.794 351.653 96.3168 350.037C91.5852 344.865 86.4784 339.546 80.8257 335.498C75.1784 331.454 69.032 328.712 62.2208 328.634C56.8892 328.573 51.6726 330.209 46.4379 331.872C38.8852 334.273 31.3308 336.676 23.7763 339.079L23.7241 339.096C16.1634 341.501 8.60259 343.906 1.04353 346.309C0.706875 346.416 0.342186 346.264 0.181344 345.949C0.0205022 345.635 0.110677 345.25 0.394533 345.04C16.0424 333.448 32.5727 323.046 49.7967 313.961C55.3388 311.033 61.1671 308.153 67.4928 307.154Z" fill="#0E1A2B"/>
+<path d="M119.321 336.819C109.826 325.367 96.7387 317.439 86.5384 306.616C66.8718 285.754 59.5939 254.007 68.2002 226.657C67.5919 242.814 74.0379 259.11 85.5386 270.478C93.0543 277.903 102.416 283.153 110.498 289.956C125.829 302.862 136.128 321.186 141.036 340.622C144.37 353.835 147.349 371.481 143.748 384.751C136.722 382.234 135.974 369.594 133.716 363.309C130.297 353.8 125.794 344.628 119.321 336.819Z" fill="#FFFAF3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M73.2798 224.288C73.6364 224.35 73.8923 224.666 73.8787 225.028C73.2781 240.982 79.6464 257.082 91.0029 268.308C94.718 271.978 98.898 275.119 103.185 278.208C103.919 278.737 104.658 279.265 105.398 279.795C108.959 282.343 112.551 284.912 115.919 287.747L115.482 288.266L115.919 287.747C131.386 300.766 141.754 319.231 146.693 338.789L146.693 338.789C150.029 352.007 153.056 369.816 149.402 383.284C149.349 383.478 149.218 383.642 149.039 383.735C148.86 383.828 148.651 383.843 148.461 383.775C144.589 382.388 142.559 378.266 141.211 374.004C140.55 371.914 140.032 369.716 139.55 367.672L139.501 367.466C139.001 365.347 138.54 363.422 137.992 361.896L137.992 361.896C134.598 352.436 130.124 343.354 123.721 335.623C119.021 329.955 113.423 325.147 107.689 320.381C107.099 319.89 106.507 319.4 105.914 318.909C100.767 314.644 95.5764 310.344 90.9691 305.455C71.1231 284.403 63.7827 252.383 72.4675 224.783C72.5761 224.438 72.9233 224.227 73.2798 224.288ZM72.4762 230.156C66.2314 256.068 73.7068 285.037 92.0206 304.464L92.0206 304.464C96.5629 309.284 101.683 313.526 106.84 317.799C107.43 318.288 108.022 318.778 108.613 319.269C114.346 324.035 120.039 328.918 124.833 334.701L124.833 334.701C131.378 342.603 135.923 351.852 139.352 361.408C139.933 363.025 140.413 365.037 140.908 367.134L140.951 367.321C141.437 369.379 141.945 371.531 142.589 373.569C143.829 377.487 145.501 380.727 148.216 382.1C151.434 369.122 148.557 352.082 145.291 339.142L145.992 338.965L145.291 339.142C145.291 339.142 145.291 339.142 145.291 339.142C140.414 319.828 130.186 301.645 114.989 288.852L115.454 288.3L114.989 288.852C111.668 286.057 108.132 283.528 104.571 280.98C103.828 280.449 103.084 279.916 102.34 279.38C98.0464 276.287 93.7879 273.09 89.9873 269.336L89.9872 269.336C79.5725 259.041 73.2542 244.761 72.4762 230.156ZM72.4762 230.156C72.8762 228.496 73.3325 226.849 73.8459 225.217L73.1567 225L72.4347 224.973C72.3697 226.701 72.3843 228.431 72.4762 230.156Z" fill="#0E1A2B"/>
+<path d="M109.406 233.236L237.417 141.3L360.708 233.404L109.406 233.236Z" fill="#2E4682"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M237.426 140.405L362.885 234.128L107.164 233.957L237.426 140.405ZM111.649 232.515L358.532 232.68L237.409 142.196L111.649 232.515Z" fill="black"/>
+<path d="M109.35 382.397L360.652 382.397V233.322L109.35 233.322L109.35 382.397Z" fill="#223A6B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M361.375 383.12L108.628 383.12L108.628 232.599L361.375 232.599V383.12ZM359.93 381.675V234.045L110.073 234.045L110.073 381.675L359.93 381.675Z" fill="black"/>
+<path d="M282.91 52.4199C283.455 44.5477 274.842 29.1668 267.319 27.0065C264.278 26.1326 265.117 26.4472 263.209 27.1044C262.286 25.3286 256.923 19.6237 238.347 23.4899C229.287 25.3776 224.931 31.0894 222.219 36.8153C220.506 40.4368 219.31 44.0932 217.849 47.7986C216.863 50.0498 215.647 52.4758 214.025 55.0975C213.235 56.377 212.571 57.6144 212.039 58.8169C211.55 59.4881 211.039 60.1593 210.48 60.8304C207.775 64.1093 204.566 67.2834 202.07 70.779C196.756 78.2178 195.015 87.8518 201.301 95.1017C206.565 101.177 216.297 104.456 226.12 106.595C245.073 110.72 266.62 111.468 284.099 104.897C288.587 103.212 294.411 102.289 297.067 99.2685C299.326 96.6957 300.724 94.7452 300.675 91.5921C300.346 68.367 282.553 57.5305 282.91 52.4199Z" fill="#35281F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M234.937 26.4194C235.284 26.9067 235.171 27.5835 234.684 27.931C229.43 31.6782 227.758 36.7881 225.99 42.1944C225.934 42.3664 225.877 42.5387 225.821 42.7112C223.077 51.0826 219.483 59.9553 213.152 68.642L213.152 68.6424C212.785 69.1454 212.413 69.6465 212.041 70.1468C210.633 72.041 209.232 73.9249 208.167 75.8653C206.829 78.3017 206.13 80.6415 206.586 82.9507C206.702 83.5379 206.32 84.108 205.733 84.224C205.146 84.3401 204.576 83.9581 204.46 83.3709C203.86 80.3388 204.822 77.4526 206.267 74.822C207.411 72.7373 208.93 70.6962 210.348 68.7895C210.708 68.3056 211.061 67.8304 211.401 67.3654M234.937 26.4194C234.589 25.9321 233.912 25.8188 233.425 26.1663ZM233.425 26.1663C227.581 30.3348 225.71 36.0661 223.976 41.3772ZM223.976 41.3772C223.905 41.5976 223.833 41.8172 223.761 42.0359ZM223.761 42.0359L223.761 42.0361ZM223.761 42.0361C221.052 50.3038 217.543 58.9371 211.401 67.3649Z" fill="#161719"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M273.942 43.7178C274.539 43.7617 274.988 44.2812 274.944 44.8781C274.454 51.5408 276.469 58.7334 281.056 65.7752L281.056 65.7754C282.168 67.4831 283.44 69.2063 284.751 70.9825L284.773 71.0131C286.071 72.7702 287.405 74.5774 288.617 76.4232C291.047 80.1236 293.074 84.1067 293.366 88.414C293.407 89.0112 292.955 89.5281 292.358 89.5686C291.761 89.609 291.244 89.1577 291.204 88.5605C290.95 84.8209 289.175 81.2219 286.805 77.6129C285.626 75.8169 284.321 74.0499 283.012 72.2764L283.007 72.2699C281.703 70.5038 280.393 68.7288 279.24 66.9584C274.445 59.5982 272.251 51.9412 272.782 44.7192C272.826 44.1223 273.345 43.6739 273.942 43.7178Z" fill="#161719"/>
+<path d="M209.284 63.2987C205.586 67.8291 201.804 72.5552 199.832 77.7916C197.805 83.1819 197.895 89.2993 201.929 94.1303C200.566 90.4808 199.888 86.7195 200.328 83.0281C201.286 74.9602 207.411 67.8151 212.738 61.1104C217.877 54.6365 222.533 47.799 221.079 41.3391C221.722 44.1915 219.289 48.5261 217.723 51.4624C215.583 55.4824 212.507 59.3556 209.284 63.2987Z" fill="#47392F"/>
+<path d="M285.755 68.0944C291.362 76.2742 296.934 85.9432 293.159 94.8641C297.633 88.6558 296.249 80.9864 293.075 74.3446C290.02 67.9616 285.427 62.1099 282.854 56.1743C280.078 49.7772 279.708 42.6042 273.22 37.5774C275.772 41.8072 275.772 45.5825 276.485 50.1408C277.414 56.1603 281.616 62.0539 285.755 68.0944Z" fill="#47392F"/>
+<path d="M222.623 59.1453C220.407 63.2491 217.086 67.1992 215.108 71.5688C213.08 76.0432 212.633 81.2937 216.233 85.3346C215.024 81.4475 215.226 77.3995 216.778 73.6662C218.561 69.3875 222.043 65.5982 224.098 61.5782C226.294 57.2856 226.636 52.944 225.671 48.7911C226.077 52.0491 224.371 55.9153 222.623 59.1453Z" fill="#47392F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M237.749 38.7582C238.29 39.0143 238.521 39.6605 238.264 40.2015C236.577 43.7639 236.494 47.609 236.402 51.8371C236.4 51.9412 236.397 52.0455 236.395 52.15C236.301 56.4323 236.152 61.0547 233.946 65.5966L233.946 65.5971C232.826 67.8983 231.229 70.0646 229.622 72.1619C229.397 72.4547 229.173 72.7461 228.949 73.0365C227.548 74.8549 226.174 76.6374 225.031 78.5097C222.322 82.9504 221.287 88.0349 224.464 91.9354C224.842 92.3995 224.772 93.0822 224.308 93.4601C223.844 93.8381 223.162 93.7683 222.784 93.3042C218.718 88.3119 220.311 82.0844 223.181 77.3806L223.181 77.3805C224.391 75.3992 225.845 73.5128 227.241 71.7012C227.463 71.4134 227.684 71.1274 227.901 70.8433C229.512 68.7423 230.984 66.7314 231.997 64.649C233.971 60.5848 234.133 56.4123 234.228 52.1024C234.232 51.9427 234.235 51.7826 234.238 51.6223C234.326 47.5274 234.416 43.2629 236.305 39.2738C236.562 38.7329 237.208 38.502 237.749 38.7582Z" fill="#161719"/>
+<path d="M293.256 108.805C293.256 108.805 298.542 110.252 306.064 118.586C313.587 126.919 339.455 188.296 338.525 197.615C337.595 206.935 328.388 215.625 317.271 213.059C306.155 210.5 277.582 169.769 277.582 169.769C277.582 169.769 273.988 130.422 280.057 120.858C286.125 111.287 293.256 108.805 293.256 108.805Z" fill="#FFC022"/>
+<path d="M228.895 100.687C228.895 100.687 241.381 99.7994 253.91 99.8763C266.438 99.9532 281.805 104.651 281.805 104.651L265.11 166.867L228.895 100.687Z" fill="#D66C43"/>
+<path d="M240.599 121.934C240.599 121.934 248.17 120.599 260.65 121.214C273.129 121.829 279.904 125.185 279.904 125.185L262.733 157.38L240.599 121.934Z" fill="#FFE4A9"/>
+<path d="M232.097 100.023C232.097 100.023 193.924 99.59 188.303 110.839C185.395 116.656 200.147 197.335 214.283 203.558C228.42 209.78 283.902 205.138 283.902 205.138C283.902 205.138 299.738 175.543 297.501 164.434C296.585 159.897 287.818 170.775 275.107 159.079C256.699 142.139 232.097 100.023 232.097 100.023Z" fill="#FFC022"/>
+<path d="M254.434 152.794C254.434 152.794 265.32 141.272 275.15 117.662C276.401 114.656 276.506 103.072 276.506 103.072C276.506 103.072 297.969 107.833 303.681 114.726C307.051 118.788 303.8 162.749 292.152 180.836C290.684 183.115 254.434 152.794 254.434 152.794Z" fill="#FFC022"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M259.671 146.59C268.814 132.865 276.011 120.745 275.204 102.993L276.648 102.927C277.477 121.18 270.034 133.641 260.874 147.392C251.664 161.225 237.957 173.941 225.548 184.826L224.595 183.739C237.005 172.853 250.578 160.247 259.671 146.591L259.671 146.59Z" fill="#273533"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M260.056 143.841C249.683 131.174 240.221 115.905 231.253 100.136L232.509 99.4217C241.466 115.17 250.88 130.355 261.174 142.926L260.056 143.841Z" fill="#273533"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M301.912 151.37C302.414 145.368 301.609 139.16 298.637 134.035L299.887 133.31C303.053 138.77 303.87 145.301 303.352 151.491C302.834 157.676 301.048 163.668 299.254 169.505C295.615 181.369 290.993 193.243 285.226 204.714L283.935 204.065C289.662 192.674 294.254 180.876 297.872 169.081L297.872 169.081C299.671 163.229 301.409 157.378 301.912 151.37Z" fill="#273533"/>
+<path d="M198.385 105.064C198.385 105.064 187.374 106.218 179.886 116.425C172.398 126.626 129.912 184.807 134.366 195.574C138.812 206.34 139.441 211.304 151.277 212.954C163.114 214.604 170.112 203.809 174.503 197.678C178.893 191.547 208.928 161.925 213.612 151.619C220.365 136.749 219.352 107.155 198.385 105.064Z" fill="#FFC022"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M191.444 179.681C184.246 187.027 177.538 193.918 173.059 200.309L171.876 199.479C176.437 192.971 183.239 185.991 190.412 178.67C190.573 178.506 190.733 178.341 190.895 178.177C197.943 170.984 205.327 163.448 211.397 155.623L212.539 156.509C206.417 164.401 198.982 171.989 191.952 179.162C191.783 179.336 191.613 179.508 191.444 179.681Z" fill="#273533"/>
+<path d="M188.376 234.886C191.814 221.338 191.288 209.515 187.202 208.478C183.115 207.44 177.014 217.582 173.576 231.13C170.137 244.678 170.663 256.502 174.75 257.539C178.837 258.576 184.937 248.434 188.376 234.886Z" fill="#F7B41E"/>
+<path d="M168.609 196.062C169.797 195.734 203.481 219.993 203.481 219.993C203.481 219.993 210.256 223.349 203.705 229.278C197.154 235.206 195.84 231.816 195.84 231.816C195.84 231.816 160.037 224.118 156.171 218.854C152.305 213.589 164.099 197.307 168.609 196.062Z" fill="#D66C43"/>
+<path d="M170.713 197.321L188.666 209.346C188.666 209.346 183.276 202.495 177.83 220.33C167.637 253.72 174.845 258.202 174.845 258.202C174.845 258.202 148.914 232.348 141.426 219.12C133.939 205.886 130.974 202.264 134.085 192.197C137.21 182.129 155.912 180.682 170.713 197.321Z" fill="#FFC022"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M186.341 208.416C177.475 203.172 169.059 197.157 161.225 190.467L162.163 189.368C169.934 196.004 178.282 201.971 187.077 207.172L186.341 208.416Z" fill="#273533"/>
+<path d="M209.788 199.069C209.788 199.069 232.118 204.305 245.772 204.858C276.723 206.102 284.441 205.186 284.441 205.186C284.441 205.186 296.081 249.875 300.367 268.255C304.653 286.642 318.579 332.959 318.579 332.959L163.471 325.933C163.471 325.933 188.926 243.422 193.687 231.613C197.42 222.35 209.788 199.069 209.788 199.069Z" fill="#6484ED"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M209.6 199.767C209.6 199.767 209.599 199.767 209.787 199.069L209.974 198.372L209.979 198.373L209.997 198.378L210.069 198.396C210.133 198.413 210.229 198.438 210.357 198.471C210.613 198.536 210.995 198.632 211.496 198.753C212.499 198.995 213.979 199.338 215.883 199.741C219.691 200.546 225.194 201.59 231.966 202.54C245.512 204.44 264.121 205.964 284.387 204.466L284.493 205.907C264.097 207.415 245.38 205.881 231.765 203.971C224.956 203.016 219.42 201.966 215.584 201.155C213.666 200.749 212.172 200.403 211.157 200.158C210.65 200.035 210.262 199.938 210 199.871C209.869 199.838 209.769 199.812 209.702 199.794L209.626 199.774L209.607 199.769L209.6 199.767Z" fill="#273533"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M247.567 217.106C233.255 216.066 218.323 213.117 208.55 207.856L209.235 206.584C218.738 211.699 233.427 214.629 247.671 215.664C261.92 216.7 275.554 215.826 282.925 213.447L283.369 214.822C275.73 217.288 261.874 218.145 247.567 217.106Z" fill="#273533"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M275.72 247.384C275.18 236.864 274.64 226.344 274.099 215.822L275.542 215.748C276.083 226.269 276.623 236.789 277.164 247.309L277.164 247.317C277.704 257.835 278.244 268.352 278.786 278.872L277.342 278.946C276.801 268.424 276.261 257.904 275.72 247.384Z" fill="#273533"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M210.395 263.053C213.081 246.033 216.11 229.07 219.481 212.17L220.899 212.452C217.531 229.334 214.505 246.278 211.822 263.278L210.395 263.053Z" fill="#273533"/>
+<path d="M196.623 214.834C198.336 211.486 200.461 207.794 204.104 206.864C206.103 206.354 208.215 206.794 210.193 207.368C214.493 208.612 218.618 210.472 222.393 212.87C222.987 213.247 223.602 213.674 223.882 214.324C224.378 215.485 223.504 216.869 222.344 217.365C221.183 217.869 219.862 217.722 218.611 217.533C216.108 217.162 213.626 216.673 211.179 216.065C214.549 218.757 217.513 221.959 219.946 225.524C220.477 226.307 221.009 227.188 220.911 228.132C220.757 229.642 218.974 230.544 217.471 230.327C215.968 230.11 214.702 229.118 213.521 228.16C214.395 229.076 215.297 230.033 215.695 231.236C216.094 232.438 215.842 233.956 214.772 234.641C213.919 235.186 212.808 235.067 211.829 234.795C210.612 234.452 209.459 233.907 208.424 233.187C208.963 234.368 209.522 235.62 209.375 236.906C209.228 238.192 208.096 239.465 206.816 239.255C206.348 239.178 205.928 238.919 205.53 238.668C202.314 236.647 199.098 234.627 195.875 232.606C194.162 235.242 193.917 235.151 191.722 237.409C190.38 233.578 188.52 231.718 191.358 228.81C191.051 226.755 191.757 224.699 192.449 222.742C193.463 219.875 195.232 217.554 196.623 214.834Z" fill="#D66C43"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M205.796 230.917C203.791 229.583 201.783 228.248 199.776 226.916L200.574 225.712C202.583 227.044 204.592 228.38 206.597 229.714C207.266 230.159 207.934 230.603 208.601 231.047L207.801 232.25C207.133 231.806 206.465 231.362 205.796 230.917Z" fill="#273533"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M208.262 225.014C206.186 223.663 204.043 222.269 202.404 220.756L203.384 219.694C204.924 221.116 206.969 222.449 209.084 223.825L209.117 223.847C211.194 225.197 213.336 226.592 214.975 228.105L213.995 229.166C212.455 227.744 210.411 226.412 208.296 225.036L208.262 225.014Z" fill="#273533"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M206.269 214.081C205.289 213.672 204.399 213.232 203.806 212.768L204.696 211.629C205.127 211.966 205.864 212.346 206.825 212.747C207.771 213.141 208.878 213.532 210.011 213.906C211 214.233 212.024 214.55 212.965 214.842C214.138 215.206 215.18 215.529 215.86 215.778L215.363 217.135C214.701 216.892 213.729 216.591 212.603 216.243C211.665 215.953 210.62 215.629 209.558 215.278C208.411 214.9 207.264 214.495 206.269 214.081Z" fill="#273533"/>
+<path d="M249.324 73.1351L241.004 111.566L263.286 116.111L264.768 79.1826L249.324 73.1351Z" fill="#D66C43"/>
+<path d="M264.3 100.492L246.619 86.062L248.982 75.624L264.593 82.0769L264.3 100.492Z" fill="#AF4E2F"/>
+<path d="M281.771 41.9818C284.455 58.656 275.003 74.0229 257.049 76.9103C239.096 79.7977 222.366 68.6256 219.681 51.9584C216.996 35.2841 229.378 19.4279 247.325 16.5405C265.292 13.6461 279.093 25.3076 281.771 41.9818Z" fill="#35281F"/>
+<path d="M244.863 26.1326C249.918 23.8604 255.469 22.616 260.985 22.8187C268.459 23.0914 278.435 25.9508 281.595 38.5701C286.853 59.5999 285.664 76.1763 275.513 82.818C267.718 87.9216 262.404 87.3554 251.924 83.5241C248.023 82.0979 240.99 75.7708 240.235 71.5201L234.998 61.5505C234.998 61.5505 220.701 36.9761 244.863 26.1326Z" fill="#D66C43"/>
+<path d="M227.448 57.4325C227.448 57.4325 265.362 39.6047 257.469 17.617C257.469 17.617 242.493 15.8832 232.852 30.4251C223.211 44.974 227.448 57.4325 227.448 57.4325Z" fill="#35281F"/>
+<path d="M238.536 48.7214L241.564 69.4156L229.748 55.4819L238.536 48.7214Z" fill="#35281F"/>
+<path d="M258.406 25.9577C258.406 25.9577 264.103 26.517 269.487 28.9919C276.506 32.2149 279.079 36.4237 283.26 40.3877C283.26 40.3877 283.35 14.1983 258.594 17.1696L250.093 23.8603L258.406 25.9577Z" fill="#35281F"/>
+<path d="M253.386 24.2939C253.847 26.8387 253.735 29.4884 253.057 31.9843C252.47 34.1586 251.463 36.207 250.275 38.1226C248.75 40.5766 246.87 42.8977 244.367 44.3449C242.367 45.4984 238.298 46.7149 236.537 44.8063C239.34 41.5903 243.947 39.6258 246.975 36.2769C250.058 32.8861 252.435 28.8172 253.386 24.2939Z" fill="#47392F"/>
+<path d="M271.703 25.3072C273.563 26.6356 275.003 28.4603 276.415 30.2641C276.136 27.8311 274.73 25.6568 273.024 23.902C272.137 22.9861 271.123 22.1472 269.913 21.7417C267.606 20.9586 264.824 21.8325 262.796 22.9581C265.712 24.3564 268.809 23.2378 271.703 25.3072Z" fill="#47392F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M272.339 20.1558C268.224 17.8427 262.894 17.8032 258.739 20.0523C258.212 20.3373 257.555 20.1416 257.27 19.6152C256.985 19.0888 257.181 18.4311 257.707 18.1462C262.515 15.5434 268.636 15.5878 273.401 18.2664C278.165 20.945 281.386 26.1546 281.656 31.6161C281.686 32.2139 281.225 32.7225 280.628 32.752C280.03 32.7816 279.521 32.3209 279.492 31.7231C279.258 27.0052 276.453 22.469 272.339 20.1558Z" fill="#161719"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M269.994 55.9669C270.251 55.7718 270.618 55.8221 270.813 56.0793L274.945 61.5255C275.116 61.7511 275.101 62.0668 274.909 62.275L272.602 64.7778C272.383 65.0152 272.013 65.0303 271.776 64.8115C271.538 64.5927 271.523 64.2229 271.742 63.9855L273.718 61.8423L269.881 56.7859C269.686 56.5287 269.737 56.162 269.994 55.9669Z" fill="black"/>
+<path d="M281.582 52.0353C281.861 53.9649 280.987 55.6918 279.624 55.8876C278.261 56.0903 276.925 54.685 276.646 52.7554C276.366 50.8258 277.24 49.099 278.603 48.9033C279.967 48.7075 281.295 50.1057 281.582 52.0353Z" fill="white"/>
+<path d="M281.589 52.4828C281.764 53.6713 281.177 54.741 280.289 54.8668C279.394 54.9997 278.534 54.1397 278.359 52.9512C278.184 51.7627 278.772 50.693 279.66 50.5672C280.547 50.4344 281.414 51.2943 281.589 52.4828Z" fill="black"/>
+<path d="M260.495 54.2867C260.775 56.2163 259.901 57.9431 258.538 58.1389C257.174 58.3416 255.839 56.9364 255.559 55.0068C255.28 53.0772 256.154 51.3503 257.517 51.1546C258.873 50.9518 260.209 52.3571 260.495 54.2867Z" fill="white"/>
+<path d="M260.698 54.5522C260.872 55.7407 260.285 56.8104 259.397 56.9362C258.502 57.069 257.642 56.2091 257.468 55.0206C257.293 53.8321 257.88 52.7624 258.768 52.6366C259.656 52.5037 260.523 53.3637 260.698 54.5522Z" fill="black"/>
+<path d="M274.514 41.2894C274.514 41.2894 274.22 43.6875 276.737 43.7434C278.652 43.7853 280.869 43.6315 281.987 43.9811C282.623 44.1769 283.274 43.8203 283.525 43.1352C283.728 42.5828 283.637 41.9327 283.274 41.4712C282.54 40.5414 280.051 39.3109 277.723 39.22C274.737 39.1152 274.514 41.2894 274.514 41.2894Z" fill="black"/>
+<path d="M260.867 41.4362C260.867 41.4362 262.062 43.6455 258.622 44.6522C256.015 45.4143 251.995 47.1831 250.568 47.9451C249.757 48.3786 248.751 48.2807 248.177 47.7144C247.716 47.26 247.625 46.5888 247.975 46.0085C248.681 44.834 252.61 41.625 255.77 40.6602C259.839 39.4088 260.867 41.4362 260.867 41.4362Z" fill="black"/>
+<path d="M274.939 67.5771L262.25 69.1222C262.25 69.1222 266.193 76.3092 269.682 75.4633C275.981 73.9392 274.939 67.5771 274.939 67.5771Z" fill="white"/>
+<path opacity="0.3" d="M267.39 58.8749C269.092 53.5045 266.117 47.7717 260.747 46.0704C255.376 44.3691 249.644 47.3434 247.942 52.7138C246.241 58.0843 249.215 63.8171 254.586 65.5184C259.956 67.2197 265.689 64.2453 267.39 58.8749Z" fill="white"/>
+<path opacity="0.3" d="M273.248 53.8733C273.94 59.4594 278.603 63.5073 283.665 62.8991C288.72 62.2978 292.257 57.2781 291.565 51.6851C290.873 46.099 286.21 42.051 281.148 42.6593C276.094 43.2675 272.556 48.2873 273.248 53.8733Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M249.32 53.1503C247.86 57.7599 250.413 62.6806 255.022 64.1409C259.632 65.6012 264.553 63.0482 266.013 58.4386C267.473 53.8289 264.92 48.9083 260.311 47.448C255.701 45.9877 250.78 48.5407 249.32 53.1503ZM254.15 66.896C248.018 64.9537 244.623 58.4087 246.565 52.2775C248.507 46.1463 255.052 42.7506 261.183 44.6929C267.315 46.6352 270.71 53.1801 268.768 59.3114C266.826 65.4426 260.281 68.8384 254.15 66.896Z" fill="#DDCEC3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M280.976 41.2249C286.96 40.5058 292.227 45.2708 292.999 51.5077L292.999 51.5079C293.772 57.7543 289.82 63.6225 283.836 64.3343C277.852 65.0523 272.587 60.2876 271.814 54.0513C271.041 47.8104 274.994 41.9447 280.976 41.2249L280.976 41.2249ZM281.321 44.0943C277.193 44.5912 274.071 48.7649 274.682 53.696C275.294 58.6312 279.354 61.9621 283.493 61.4647L283.494 61.4645C287.62 60.9738 290.742 56.8026 290.131 51.8631C289.52 46.928 285.46 43.5971 281.321 44.0943" fill="#DDCEC3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M273.876 52.5722C273.877 52.5725 273.877 52.5728 273.248 53.8737C272.619 55.1746 272.62 55.1749 272.62 55.1752L272.622 55.1758L272.624 55.1768L272.627 55.1785L272.629 55.1795C272.623 55.1767 272.608 55.17 272.584 55.1603C272.535 55.1408 272.454 55.11 272.344 55.0758C272.123 55.0069 271.799 54.9279 271.411 54.8962C270.647 54.834 269.647 54.9523 268.631 55.7011L266.917 53.3747C268.613 52.1239 270.35 51.9102 271.646 52.0157C272.287 52.068 272.823 52.1978 273.204 52.3168C273.396 52.3765 273.552 52.4344 273.665 52.4802C273.722 52.5031 273.768 52.5231 273.804 52.5389C273.822 52.5468 273.837 52.5537 273.849 52.5594L273.865 52.567L273.872 52.5701L273.875 52.5715L273.876 52.5722ZM272.631 55.1805L272.629 55.1795C272.632 55.1809 272.633 55.1812 272.631 55.1805Z" fill="#DDCEC3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M239.651 60.9941L246.614 55.6039L248.383 57.8892L241.42 63.2795L239.651 60.9941Z" fill="#DDCEC3"/>
+<path d="M226.386 65.3323C226.029 69.59 230.07 74.7636 234.775 75.5676C239.481 76.3716 243.584 73.5751 243.934 69.3174C244.291 65.0597 240.292 59.1101 235.586 58.3061C230.874 57.5021 226.742 61.0746 226.386 65.3323Z" fill="#D66C43"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M231.859 65.4094L231.603 64.7641C231.247 64.9056 231.072 65.3093 231.214 65.6657C231.355 66.0219 231.759 66.1961 232.115 66.055L232.114 66.0553L232.113 66.0556C232.113 66.0557 232.113 66.0558 232.113 66.0557L232.117 66.0541L232.145 66.0441C232.172 66.0347 232.215 66.02 232.273 66.0022C232.389 65.9666 232.563 65.9185 232.785 65.8741C233.231 65.7849 233.856 65.712 234.574 65.7767C235.16 65.8296 235.816 65.9745 236.494 66.288C235.625 66.2292 234.703 66.4236 233.93 67.1672C233.653 67.433 233.645 67.8725 233.911 68.1489C234.176 68.4253 234.616 68.4339 234.892 68.1681C235.586 67.5011 236.598 67.5647 237.669 67.9766C238.179 68.1729 238.64 68.4271 238.976 68.6354C239.143 68.7388 239.276 68.8292 239.367 68.8927C239.412 68.9244 239.446 68.9492 239.468 68.9655L239.492 68.9832L239.497 68.9867L239.497 68.9868L239.497 68.9869L239.497 68.987C239.497 68.9871 239.497 68.9871 239.497 68.9872C239.767 69.195 240.149 69.1757 240.397 68.9417C240.645 68.7074 240.686 68.3275 240.494 68.0455C238.696 65.4082 236.484 64.5548 234.699 64.3937C233.819 64.3143 233.057 64.4035 232.513 64.5125C232.24 64.5671 232.02 64.6271 231.865 64.6748C231.787 64.6987 231.725 64.7195 231.681 64.7351C231.659 64.7429 231.642 64.7494 231.629 64.7543L231.612 64.7605L231.607 64.7626L231.605 64.7635L231.604 64.7638C231.603 64.764 231.603 64.7641 231.859 65.4094Z" fill="black"/>
+<path d="M353.871 161.344C351.326 166.511 340.636 166.28 329.793 160.89C318.789 155.416 311.378 146.502 313.44 140.923C315.559 135.183 326.773 135.26 338.273 141.167C349.599 146.977 356.486 156.038 353.871 161.344Z" fill="#DD920E"/>
+<path d="M319.572 123.011C319.572 123.011 309.295 192.364 310.176 194.622C311.057 196.888 314.273 209.171 321.054 206.536C327.843 203.9 340.133 193.399 340.434 190.155C340.735 186.911 336.917 127.408 336.917 127.408C336.917 127.408 332.555 118.215 327.591 118.844C322.627 119.48 319.572 123.011 319.572 123.011Z" fill="#D66C43"/>
+<path d="M312.818 145.983C312.909 146.116 313.028 141.439 313.238 141.9C315.363 146.605 316.824 148.626 326.794 153.862C335.281 158.323 353.389 162.364 353.389 162.364C353.389 162.364 342.531 210.415 332.834 214.952C323.473 219.336 314.832 212.939 310.532 208.283C301.674 198.698 312.818 145.983 312.818 145.983Z" fill="#FFC022"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M305.714 188.093C306.647 171.931 309.642 155.974 312.618 140.118L314.039 140.385C311.059 156.256 308.083 172.122 307.156 188.177L305.714 188.093Z" fill="#273533"/>
+<path d="M316.664 116.291C314.112 111.293 314.692 104.945 318.782 100.988C322.879 97.0304 330.52 96.2544 335.177 99.8409C337.12 101.337 338.435 103.406 339.378 105.546C342 111.495 342.056 122.276 334.303 125.345C327.731 127.946 319.243 121.346 316.664 116.291Z" fill="#D66C43"/>
+<path d="M331.492 80.1055C331.492 80.1055 330.485 97.5977 340.105 116.048C341.44 118.614 340.154 121.802 337.385 122.634C333.309 123.864 327.905 124.794 324.976 122.403C319.879 118.229 312.958 93.9832 314.538 82.8951C316.118 71.8138 331.492 80.1055 331.492 80.1055Z" fill="#5777D3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M318.16 78.4382C316.752 79.0996 315.619 80.4276 315.253 82.9969C314.485 88.3889 315.786 97.1038 317.95 105.052C319.028 109.011 320.31 112.744 321.633 115.736C322.295 117.232 322.962 118.533 323.613 119.58C324.269 120.636 324.885 121.395 325.434 121.844C326.697 122.874 328.565 123.239 330.722 123.154C332.863 123.07 335.167 122.548 337.176 121.942C339.496 121.245 340.598 118.559 339.464 116.381C334.607 107.066 332.435 97.997 331.475 91.2595C330.996 87.8896 330.819 85.0992 330.762 83.1477C330.734 82.1719 330.736 81.4054 330.745 80.8807C330.747 80.7519 330.75 80.6376 330.752 80.5384C330.681 80.503 330.601 80.4637 330.513 80.421C330.1 80.2211 329.507 79.9466 328.789 79.6509C327.349 79.0573 325.433 78.3884 323.486 78.0569C321.523 77.7228 319.628 77.7494 318.16 78.4382ZM332.213 80.1469L332.213 80.1483L332.212 80.1562L332.211 80.1906C332.209 80.2219 332.207 80.2698 332.205 80.3337C332.2 80.4614 332.194 80.6533 332.19 80.9053C332.181 81.4093 332.179 82.1535 332.207 83.1058C332.262 85.0107 332.435 87.7465 332.906 91.0559C333.849 97.6769 335.983 106.579 340.746 115.714C342.283 118.667 340.811 122.358 337.593 123.325C335.527 123.949 333.092 124.507 330.779 124.598C328.483 124.688 326.185 124.322 324.519 122.962C323.793 122.368 323.077 121.455 322.386 120.343C321.689 119.222 320.991 117.857 320.312 116.32C318.953 113.246 317.648 109.442 316.556 105.432C314.38 97.4412 313.011 88.4892 313.822 82.793C314.246 79.8217 315.628 78.0306 317.546 77.1301C319.406 76.257 321.651 76.2788 323.728 76.6324C325.822 76.9888 327.848 77.7001 329.34 78.3149C330.089 78.6234 330.709 78.9102 331.143 79.1204C331.36 79.2256 331.531 79.3118 331.649 79.3722C331.707 79.4024 331.753 79.4262 331.784 79.4427L331.82 79.4618L331.83 79.4671L331.833 79.4687C331.833 79.4688 331.835 79.4694 331.492 80.1054L331.835 79.4694L332.239 79.6877L332.213 80.1469Z" fill="black"/>
+<path d="M332.38 127.653L336.022 119.781C336.022 119.781 330.709 119.06 328.961 117.508C327.213 115.949 328.171 115.544 328.611 114.859C329.052 114.174 330.114 114.132 330.114 114.132C330.114 114.132 325.731 112.384 325.745 110.237C325.759 108.091 327.521 107.504 327.521 107.504C327.521 107.504 324.011 106.532 324.682 104.435C325.353 102.337 327.262 101.519 327.262 101.519C327.262 101.519 324.011 100.687 324.829 98.3593C325.647 96.0312 326.43 94.3043 328.15 94.3113C329.87 94.3183 337.483 95.346 340.147 97.0939C342.811 98.8347 344.433 101.939 344.754 108.874C345.076 115.817 339.028 128.275 335.253 129.31C331.478 130.351 332.38 127.653 332.38 127.653Z" fill="#D66C43"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M331.928 113.154C333.457 113.413 335.014 113.557 336.563 113.577L336.544 115.022C334.919 115.001 333.288 114.85 331.686 114.578L331.928 113.154Z" fill="#273533"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M329.616 106.516C331.931 106.53 334.253 106.65 336.559 106.869L336.423 108.307C334.157 108.093 331.878 107.975 329.607 107.961L329.616 106.516Z" fill="#273533"/>
+<path d="M321.794 127.478C321.794 127.478 326.234 120.648 325.611 114.167C324.996 107.686 319.816 103.967 319.816 103.967C319.816 103.967 325.94 99.3663 327.094 95.9895C328.247 92.6127 328.415 90.7041 326.332 90.1937C324.248 89.6833 312.985 99.1775 311.314 102.275C309.643 105.372 311.447 112.111 313.503 116.907C315.565 121.71 321.228 127.667 321.794 127.478Z" fill="#D66C43"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M327.799 100.467C330.56 101.007 333.355 101.381 336.163 101.574L336.063 103.016C333.194 102.818 330.34 102.437 327.522 101.886L327.799 100.467Z" fill="#273533"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M322.65 105.862C323.999 107.297 325.153 109.073 325.679 110.967C326.188 112.801 326.414 114.992 326.261 117.128C326.109 119.259 325.577 121.393 324.518 123.074L323.295 122.304C324.186 120.888 324.678 119.009 324.82 117.025C324.961 115.047 324.75 113.022 324.287 111.353C323.84 109.745 322.835 108.168 321.597 106.851C320.358 105.533 318.934 104.524 317.709 104.019L318.26 102.683C319.713 103.282 321.302 104.427 322.65 105.862Z" fill="#273533"/>
+<path d="M319.886 77.0986L304.89 80.4894C299.779 81.643 294.697 78.4409 293.543 73.3303C292.39 68.2197 295.592 63.137 300.702 61.9834L315.699 58.5927C316.754 58.355 317.81 59.0191 318.048 60.0748L321.369 74.7496C321.606 75.8122 320.942 76.8609 319.886 77.0986Z" fill="#365BA3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M315.857 59.2979C315.857 59.2979 315.857 59.2979 315.857 59.2979L300.862 62.6886C296.141 63.7541 293.182 68.4492 294.248 73.1716C295.313 77.892 300.009 80.851 304.731 79.785L319.727 76.3943C320.392 76.2446 320.814 75.5835 320.664 74.9085C320.664 74.9083 320.664 74.9088 320.664 74.9085L317.343 60.2347C317.193 59.5703 316.526 59.1475 315.857 59.2979ZM318.753 59.9165C318.427 58.4696 316.983 57.5633 315.54 57.8882L300.543 61.2791C300.543 61.2791 300.543 61.2791 300.543 61.2791C295.042 62.5208 291.597 67.991 292.838 73.4898C294.08 78.9907 299.55 82.4358 305.049 81.1946L320.045 77.8039C321.491 77.4783 322.398 76.0423 322.074 74.5923L318.753 59.9165Z" fill="black"/>
+<path d="M350.396 63.6685L348.97 54.412L347.39 44.1698L312.461 49.5601C304.61 50.7695 299.234 58.1174 300.443 65.9686L300.499 66.3252L301.849 75.0503C301.877 75.2391 301.912 75.4279 301.954 75.6166C303.422 83.1532 310.602 88.2499 318.257 87.0684L353.186 81.6781L350.396 63.6685Z" fill="#4568BF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M347.994 43.3453L349.684 54.3016L351.11 63.5577L354.01 82.2816L318.367 87.7822C310.33 89.0227 302.792 83.6746 301.246 75.7638C301.201 75.5623 301.164 75.3605 301.134 75.1583C301.134 75.1575 301.134 75.1568 301.134 75.156L299.785 66.4369L299.785 66.4354L299.729 66.0804L299.729 66.0784C298.459 57.8336 304.105 50.1162 312.351 48.8458C312.351 48.8458 312.351 48.8458 312.351 48.8458L347.994 43.3453ZM346.786 44.9938L312.571 50.2739C305.116 51.4225 300.009 58.4002 301.157 65.8574C301.157 65.8577 301.157 65.8571 301.157 65.8574L301.213 66.2145L302.563 74.9442C302.589 75.1157 302.62 75.2875 302.659 75.4597L302.663 75.4782C304.057 82.6356 310.876 87.4762 318.147 86.3541L352.361 81.074L349.682 63.7789L348.256 54.5219L346.786 44.9938Z" fill="black"/>
+<path d="M368.336 58.3692C372.167 84.4817 404.635 104.603 412.898 103.715C421.421 102.799 432.446 74.1276 428.118 44.9809C423.483 13.7368 409.354 -1.56019 400.74 0.998624C392.393 3.47354 364.449 31.8582 368.336 58.3692Z" fill="#B5C9E5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M416.513 9.89919C421.781 17.4232 426.504 29.1723 428.833 44.8747C431.014 59.5624 429.328 74.1242 426.019 85.1421C424.365 90.6496 422.298 95.3003 420.083 98.6485C418.976 100.322 417.819 101.691 416.641 102.677C415.466 103.661 414.231 104.298 412.976 104.433C411.799 104.56 410.277 104.31 408.557 103.783C406.82 103.252 404.82 102.418 402.66 101.32C398.341 99.1232 393.341 95.8431 388.487 91.7176C378.798 83.4827 369.573 71.7797 367.621 58.474L367.621 58.474C365.638 44.9486 371.774 31.0336 379.359 20.2545C383.161 14.8525 387.349 10.2047 391.121 6.74623C393.006 5.01701 394.794 3.57896 396.384 2.49073C397.963 1.40995 399.385 0.646954 400.535 0.305982C402.942 -0.409244 405.652 0.148671 408.371 1.77779C411.092 3.40743 413.88 6.13883 416.513 9.89919ZM407.629 3.01742C405.132 1.52164 402.845 1.12699 400.946 1.69117L400.946 1.69129C400.009 1.9691 398.732 2.63446 397.2 3.68312C395.679 4.72445 393.945 6.11711 392.097 7.81122C388.403 11.1994 384.283 15.7688 380.541 21.0861C373.039 31.7458 367.147 45.2787 369.051 58.2643C370.93 71.071 379.855 82.4847 389.423 90.6165C394.197 94.6743 399.104 97.89 403.316 100.032C405.422 101.103 407.343 101.9 408.98 102.401C410.631 102.907 411.932 103.092 412.821 102.996C413.697 102.902 414.67 102.443 415.713 101.57C416.752 100.699 417.821 99.4495 418.878 97.8513C420.992 94.6552 423.008 90.1447 424.635 84.7265C427.888 73.8932 429.551 59.5459 427.404 45.0869L427.404 45.0868C425.098 29.5452 420.438 18.0238 415.329 10.728C412.774 7.07849 410.125 4.51266 407.629 3.01742Z" fill="black"/>
+<path d="M372.734 62.1093C376.145 85.5302 398.86 102.135 406.97 101.219C415.325 100.275 424.155 76.2737 420.785 50.6017C417.366 24.5451 404.712 8.27637 396.273 10.6534C388.094 12.9466 369.28 38.3669 372.734 62.1093Z" fill="#4465B7"/>
+<path d="M413.528 63.9554L385.073 74.3934L379.858 42.4362L410.724 40.3109" fill="#658BEA"/>
+<path d="M411.081 39.9401C408.592 40.3806 407.075 46.3581 407.676 53.2655C408.27 60.131 410.738 65.4094 413.213 65.0808C415.709 64.7522 417.282 58.8446 416.702 51.8603C416.115 44.848 413.591 39.4997 411.081 39.9401Z" fill="#242E5B"/>
+<path d="M336.799 45.3653C336.799 45.3653 331.632 54.7756 334.415 68.4156C337.183 81.9857 339.644 85.2926 339.644 85.2926L410.053 103.204C405.586 101.107 385.773 93.3116 383.158 58.0615C379.739 11.9959 398.336 2.75337 398.336 2.75337L336.799 45.3653Z" fill="#E6EFFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M398.336 2.75368L398.014 2.10667L398.747 3.34769L396.937 4.60084C396.645 4.8402 396.324 5.12004 395.978 5.44441C394.346 6.97634 392.178 9.50664 390.105 13.4681C385.96 21.3893 382.176 35.0743 383.878 58.0083C385.175 75.4938 390.729 86.101 396.452 92.5875C401.762 98.6049 407.255 101.124 409.811 102.297C410.013 102.389 410.196 102.474 410.36 102.551L409.875 103.905L339.217 85.9299L339.064 85.7243L339.644 85.2929C339.064 85.7243 339.065 85.7247 339.064 85.7243L339.063 85.7225L339.061 85.7204L339.058 85.7154L339.048 85.7015C339.04 85.6906 339.03 85.6763 339.018 85.6584C338.994 85.6226 338.96 85.5722 338.919 85.5058C338.837 85.373 338.721 85.1754 338.576 84.8999C338.287 84.3491 337.882 83.485 337.392 82.2004C336.414 79.6323 335.097 75.3737 333.706 68.5603C332.291 61.6205 332.896 55.7512 333.859 51.6121C334.341 49.5427 334.911 47.9046 335.364 46.7793C335.591 46.2165 335.788 45.7817 335.93 45.4848C336.001 45.3364 336.058 45.2224 336.099 45.1442C336.119 45.105 336.135 45.0749 336.146 45.0538L336.159 45.029L336.163 45.0217L336.164 45.0194C336.164 45.019 336.165 45.0179 336.798 45.3656L336.165 45.0179L336.247 44.8686L396.068 3.44543C396.48 3.10982 396.841 2.84583 397.136 2.64413C397.401 2.46281 397.614 2.3319 397.764 2.24458C397.839 2.20093 397.898 2.16818 397.94 2.14547C397.961 2.13412 397.978 2.12529 397.99 2.11886L398.006 2.111L398.011 2.1084L398.013 2.10743C398.014 2.10703 398.014 2.10667 398.336 2.75368ZM391.583 8.30852L337.357 45.8579C337.325 45.9212 337.283 46.0049 337.234 46.1084C337.104 46.3794 336.919 46.7863 336.705 47.3189C336.276 48.3842 335.729 49.9512 335.267 51.9394C334.342 55.9155 333.756 61.5714 335.122 68.2715M334.414 68.4159L335.122 68.2715C336.501 75.0283 337.798 79.2082 338.743 81.686C339.214 82.9244 339.597 83.7351 339.856 84.2284C339.956 84.4185 340.037 84.5611 340.098 84.6628L404.144 100.956C401.532 99.3469 398.418 96.9989 395.369 93.5435C389.415 86.7954 383.755 75.8799 382.437 58.1153C380.721 34.9837 384.525 21.0146 388.825 12.7982C389.739 11.0505 390.675 9.56496 391.583 8.30852" fill="black"/>
+<path d="M361.19 234.41L234.809 308.525L361.065 382.814L361.19 234.41Z" fill="#C7DBFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M361.914 233.148L361.787 384.077L233.383 308.524L361.914 233.148ZM236.236 308.526L360.344 381.551L360.467 235.672L236.236 308.526Z" fill="black"/>
+<path d="M234.809 308.525L264.277 292.515L361.065 382.814L234.809 308.525Z" fill="#80A0E8"/>
+<path d="M108.553 234.242L234.599 308.525L108.225 382.639L108.553 234.242Z" fill="#C7DBFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M107.834 232.98L236.025 308.526L107.5 383.903L107.834 232.98ZM109.273 235.505L108.95 381.377L233.174 308.523L109.273 235.505Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M231.859 306.197L205.39 293.312L108.225 382.64L231.859 306.197Z" fill="#80A0E8"/>
+<path d="M108.434 382.64L237.528 275.89L361.065 382.815L108.434 382.64Z" fill="#D7E7FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M237.539 274.943L363.005 383.538L106.429 383.36L237.539 274.943ZM110.44 381.918L359.125 382.09L237.518 276.836L110.44 381.918Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M392.575 393.441H60.2195V374.656H392.575V393.441Z" fill="#81B4FD"/>
+</svg>
diff --git a/public/assets/images/auth/coming-soon-object1.png b/public/assets/images/auth/coming-soon-object1.png
new file mode 100644
index 0000000000000000000000000000000000000000..f95468647da70ec2b7ecbc4872e2652c94ec13db
Binary files /dev/null and b/public/assets/images/auth/coming-soon-object1.png differ
diff --git a/public/assets/images/auth/coming-soon-object2.png b/public/assets/images/auth/coming-soon-object2.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab308e8179b60e93b4cf9ab19bde15fe14090eb5
Binary files /dev/null and b/public/assets/images/auth/coming-soon-object2.png differ
diff --git a/public/assets/images/auth/coming-soon-object3.png b/public/assets/images/auth/coming-soon-object3.png
new file mode 100644
index 0000000000000000000000000000000000000000..9636045035266199d3d592351ed86789ce587d96
Binary files /dev/null and b/public/assets/images/auth/coming-soon-object3.png differ
diff --git a/public/assets/images/auth/contact-us.svg b/public/assets/images/auth/contact-us.svg
new file mode 100644
index 0000000000000000000000000000000000000000..cf51aba70e5650da3d47372b7c49e0627dfb7ff2
--- /dev/null
+++ b/public/assets/images/auth/contact-us.svg
@@ -0,0 +1,105 @@
+<svg width="522" height="522" viewBox="0 0 522 522" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M62.6946 449.871H458.03C458.473 449.871 458.832 449.512 458.832 449.069C458.832 448.627 458.473 448.268 458.03 448.268H62.6946C62.252 448.268 61.8928 448.627 61.8928 449.069C61.8928 449.512 62.252 449.871 62.6946 449.871Z" fill="#030047"/>
+<path d="M152.698 449.071H370.152L387.42 139.982C388.498 120.699 373.737 105.066 354.455 105.066H206.831C187.548 105.066 171.041 120.699 169.965 139.982L152.698 449.071Z" fill="white"/>
+<path d="M152.698 449.872H370.153C370.579 449.872 370.929 449.54 370.952 449.116L388.222 140.025C388.757 130.466 385.531 121.479 379.139 114.721C372.763 107.976 363.995 104.262 354.457 104.262H206.833C187.162 104.262 170.266 120.264 169.166 139.935L151.898 449.024C151.886 449.243 151.965 449.458 152.115 449.619C152.268 449.78 152.476 449.872 152.698 449.872ZM369.395 448.268H153.543L170.763 140.025C171.815 121.189 187.995 105.865 206.829 105.865H354.455C363.548 105.865 371.9 109.402 377.972 115.821C384.059 122.256 387.13 130.821 386.621 139.935L369.395 448.268Z" fill="#030047"/>
+<path d="M300.258 126.505C298.282 124.473 298.422 121.132 300.57 119.042C302.719 116.953 306.063 116.906 308.039 118.938C310.015 120.97 309.875 124.311 307.727 126.401C305.578 128.49 302.235 128.537 300.258 126.505Z" fill="#030047"/>
+<path d="M253.587 126.982H290.315C292.493 126.982 294.355 125.218 294.479 123.04L294.548 121.794C294.669 119.616 293.002 117.852 290.825 117.852H254.097C251.919 117.852 250.056 119.616 249.933 121.794L249.864 123.04C249.743 125.218 251.409 126.982 253.587 126.982Z" fill="#030047"/>
+<path d="M221.259 192.533C222.054 192.533 222.743 191.942 222.846 191.132C223.044 189.591 228.049 153.462 260.776 157.162C261.655 157.264 262.449 156.63 262.549 155.751C262.649 154.872 262.017 154.076 261.138 153.978C225.262 149.919 219.718 190.32 219.666 190.727C219.555 191.604 220.175 192.406 221.054 192.518C221.123 192.529 221.19 192.533 221.259 192.533Z" fill="#FFCC3D"/>
+<path d="M243.699 192.051C243.039 199.851 236.487 206.374 228.807 206.65C220.829 206.936 214.665 200.417 215.329 192.057C215.995 183.669 223.234 177.092 231.21 177.378C238.886 177.654 244.361 184.229 243.699 192.051Z" fill="#605EFD"/>
+<path d="M229.198 177.378C221.222 177.092 213.983 183.669 213.321 192.057C212.661 200.417 218.827 206.936 226.805 206.65H228.808C220.829 206.936 214.666 200.417 215.33 192.057C215.996 183.669 223.235 177.092 231.211 177.378H229.198Z" fill="#030047"/>
+<path d="M236.176 192.052C235.884 195.568 232.906 198.46 229.478 198.516C225.989 198.573 223.354 195.681 223.648 192.056C223.942 188.425 227.051 185.523 230.54 185.577C233.969 185.629 236.468 188.529 236.176 192.052Z" fill="#FFCC3D"/>
+<path d="M243.554 161.189C243.554 161.189 230.216 168.378 225.798 178.332C221.38 188.285 226.136 210.838 211.076 222.848C196.017 234.858 169.62 260.138 195.382 279.454C221.144 298.77 261.672 256.463 261.672 256.463L262.077 216.354L243.554 161.189Z" fill="#030047"/>
+<path d="M181.988 389.256L172.176 449.071H298.358V389.256H181.988Z" fill="#030047"/>
+<path d="M90.0362 254.91C90.7879 256.254 91.8695 257.618 93.3812 258.971C98.194 263.268 106.763 273.505 108.649 275.785L140.424 253.477L139.987 253.774L101.128 207.138C99.5282 205.278 97.0582 204.666 94.8741 205.33C93.9575 205.61 93.1097 206.115 92.3852 206.842C90.5164 208.746 90.1406 211.663 91.4769 213.97L101.33 231.029C101.33 231.029 96.1854 232.077 95.8012 237.038C95.8012 237.038 95.7657 237.038 95.6884 237.047C94.9722 237.091 91.2681 237.65 90.8067 243.388C89.652 243.755 86.7079 249.04 90.0362 254.91Z" fill="white"/>
+<path d="M108.651 276.588C108.81 276.588 108.97 276.542 109.11 276.444L140.886 254.135C141.247 253.883 141.334 253.386 141.084 253.023C140.873 252.72 140.489 252.609 140.155 252.724L101.744 206.627C99.9941 204.591 97.2088 203.787 94.6405 204.566C93.5777 204.89 92.6298 205.466 91.8175 206.278C89.6961 208.44 89.2723 211.768 90.7819 214.374L100.124 230.549C98.1943 231.266 95.6198 233.032 95.0769 236.325C93.774 236.586 90.6148 237.751 90.0427 242.906C89.3641 243.426 88.7774 244.462 88.4183 245.383C87.8399 246.859 86.7709 250.782 89.3349 255.303C90.168 256.793 91.3477 258.228 92.8448 259.568C97.8414 264.03 107.001 275.053 108.031 276.297C108.192 276.487 108.419 276.588 108.651 276.588ZM138.82 253.626L108.793 274.706C106.594 272.067 98.5388 262.502 93.9139 258.374C92.5504 257.153 91.4814 255.856 90.7339 254.518C90.7339 254.515 90.7318 254.515 90.7318 254.513C88.7774 251.068 89.2472 248.059 89.7003 246.575C90.1743 245.019 90.8779 244.238 91.0679 244.144C91.3769 244.046 91.5753 243.777 91.6025 243.453C92.0159 238.333 95.1187 237.885 95.7346 237.847C96.171 237.824 96.5656 237.532 96.5991 237.099C96.9331 232.792 101.443 231.821 101.489 231.813C101.742 231.76 101.955 231.591 102.059 231.355C102.166 231.122 102.151 230.85 102.022 230.627L92.1683 213.568C91.0178 211.582 91.3415 209.047 92.9555 207.402C93.5735 206.784 94.3002 206.343 95.1061 206.097C97.0647 205.5 99.1903 206.116 100.518 207.661L138.82 253.626Z" fill="#030047"/>
+<path d="M105.3 253.947C105.3 253.947 108.63 264.769 98.3595 260.353C98.3595 260.353 95.2171 259.251 90.0305 254.912C86.7085 249.042 89.6463 243.749 90.801 243.396L105.3 253.947Z" fill="white"/>
+<path d="M102.493 262.212C103.621 262.212 104.537 261.901 105.233 261.276C107.64 259.115 106.233 254.259 106.066 253.712C106.016 253.547 105.911 253.403 105.771 253.3L91.2723 242.75C91.0677 242.601 90.8067 242.555 90.5666 242.633C89.6834 242.902 88.8879 244.205 88.439 245.33C87.8481 246.813 86.754 250.753 89.3326 255.309C89.3807 255.392 89.4412 255.468 89.5164 255.528C94.7551 259.909 97.9602 261.066 98.0939 261.112C99.7977 261.842 101.27 262.212 102.493 262.212ZM104.606 254.434C104.98 255.816 105.477 258.904 104.162 260.084C103.228 260.919 101.332 260.759 98.6764 259.619C98.5971 259.589 95.5736 258.483 90.6585 254.392C88.7855 250.993 89.2533 248.036 89.7022 246.566C90.0446 245.449 90.504 244.735 90.8025 244.391L104.606 254.434Z" fill="#030047"/>
+<path d="M111.45 247.639C111.401 247.635 111.353 247.639 111.314 247.633C106.63 247.368 95.8062 237.039 95.8062 237.039C96.1862 232.071 101.329 231.029 101.329 231.029L113.899 240.469C116.979 242.776 115.306 247.767 111.45 247.639Z" fill="white"/>
+<path d="M111.589 248.442C113.608 248.442 115.335 247.214 116.015 245.275C116.729 243.245 116.086 241.105 114.378 239.825L101.811 230.385C101.627 230.247 101.395 230.199 101.17 230.241C99.1861 230.644 95.3442 232.567 95.008 236.975C94.9892 237.213 95.079 237.449 95.2544 237.616C96.384 238.693 106.431 248.156 111.269 248.432C111.282 248.432 111.367 248.438 111.38 248.438L111.451 247.638L111.424 248.44C111.478 248.442 111.532 248.442 111.589 248.442ZM101.155 231.899L113.416 241.109C114.798 242.145 114.865 243.715 114.504 244.746C114.136 245.795 113.142 246.931 111.476 246.839V246.841C111.445 246.839 111.407 246.839 111.395 246.839C107.872 246.638 99.8229 239.719 96.645 236.731C97.1044 233.365 100.128 232.2 101.155 231.899Z" fill="#030047"/>
+<path d="M109.089 253.262C104.053 257.181 90.8025 243.396 90.8025 243.396C91.2681 237.648 94.9722 237.095 95.6842 237.047C95.6842 237.047 114.082 249.379 109.089 253.262Z" fill="white"/>
+<path d="M106.893 254.755C107.898 254.755 108.81 254.496 109.583 253.894C110.38 253.274 110.783 252.418 110.748 251.422C110.564 246.202 97.6081 237.372 96.1318 236.38C95.9857 236.282 95.8124 236.232 95.6349 236.247C95.115 236.28 90.536 236.762 90.0057 243.329C89.9869 243.557 90.0683 243.784 90.227 243.949C91.4339 245.206 100.813 254.753 106.893 254.755ZM95.4804 237.875C99.4643 240.579 109.017 247.823 109.146 251.479C109.163 251.965 108.994 252.32 108.597 252.629C105.398 255.112 96.6142 248.209 91.6343 243.102C92.1062 238.815 94.5471 238.021 95.4804 237.875Z" fill="#030047"/>
+<path d="M141.08 255.188L132.517 231.322C131.498 227.259 127.452 224.728 123.353 225.59L109.829 228.436C108.445 228.729 107.639 230.18 108.123 231.508C109.305 234.744 112.545 236.753 115.97 236.371L122.772 235.611L121.87 239.469C119.547 242.948 120.089 245.303 122.489 249.92" fill="white"/>
+<path d="M141.08 255.988C141.17 255.988 141.262 255.974 141.352 255.942C141.769 255.794 141.984 255.335 141.836 254.917L133.273 231.051C132.169 226.627 127.729 223.854 123.19 224.806L109.666 227.652C108.779 227.838 108.017 228.402 107.576 229.195C107.135 229.989 107.062 230.932 107.374 231.784C108.687 235.38 112.257 237.602 116.064 237.169L121.737 236.537L121.125 239.149C118.678 242.89 119.357 245.628 121.781 250.292C121.985 250.685 122.47 250.837 122.862 250.633C123.255 250.43 123.407 249.946 123.203 249.553C120.87 245.068 120.449 243.045 122.539 239.915C122.593 239.836 122.631 239.746 122.654 239.652L123.556 235.795C123.614 235.543 123.547 235.275 123.374 235.081C123.201 234.887 122.946 234.787 122.685 234.818L115.882 235.578C112.815 235.925 109.935 234.135 108.877 231.237C108.724 230.822 108.762 230.362 108.975 229.976C109.19 229.59 109.56 229.316 109.994 229.224L123.518 226.378C127.212 225.598 130.822 227.861 131.738 231.521L140.324 255.462C140.443 255.784 140.75 255.988 141.08 255.988Z" fill="#030047"/>
+<path d="M103.528 279.061L145.595 341.724C149.393 348.986 156.254 354.156 164.28 355.799C166.111 356.171 167.94 356.356 169.761 356.356C177.758 356.356 185.463 352.842 190.708 346.568L228.59 298.181L232.315 256.243L202.603 256.314C194.675 256.863 186.031 260.891 182.663 268.086L168.412 287.797L141.673 250.906L103.528 279.061Z" fill="#FFCC3D"/>
+<path opacity="0.4" d="M126.138 313.554C126.178 313.554 126.219 313.549 126.261 313.545C132.101 312.65 136.505 307.511 136.505 301.594C136.505 294.927 131.08 289.502 124.413 289.502C120.204 289.502 116.237 291.744 114.059 295.353C113.829 295.733 113.952 296.225 114.33 296.453C114.71 296.678 115.201 296.557 115.431 296.181C117.32 293.049 120.761 291.106 124.413 291.106C130.197 291.106 134.901 295.81 134.901 301.594C134.901 306.728 131.082 311.186 126.017 311.963C125.578 312.029 125.28 312.439 125.347 312.877C125.407 313.27 125.75 313.554 126.138 313.554Z" fill="white"/>
+<path d="M145.597 342.528C145.751 342.528 145.906 342.484 146.043 342.392C146.411 342.146 146.509 341.646 146.263 341.279L104.622 279.251L141.483 252.048L173.712 299.145C173.962 299.509 174.461 299.602 174.827 299.354C175.192 299.103 175.286 298.604 175.035 298.239L142.339 250.457C142.216 250.278 142.026 250.157 141.811 250.121C141.596 250.083 141.377 250.138 141.201 250.265L103.056 278.418C102.711 278.672 102.628 279.153 102.866 279.51L144.933 342.175C145.085 342.402 145.338 342.528 145.597 342.528Z" fill="#030047"/>
+<path d="M176.847 396.263L267.064 404.406L291.299 406.603L302.075 407.574L312.851 285.649C314.102 277.834 310.972 267.571 303.414 265.229C289.75 260.994 270.135 258.635 258.522 257.384C239.456 255.333 209.178 256.68 209.178 256.68C200.089 257.021 192.564 263.853 191.315 272.856L176.847 396.263Z" fill="#FFCC3D"/>
+<path opacity="0.4" d="M218.641 328.743C221.579 328.743 223.97 326.352 223.97 323.415C223.97 320.475 221.579 318.084 218.641 318.084C215.703 318.084 213.313 320.475 213.313 323.415C213.313 326.352 215.703 328.743 218.641 328.743ZM218.641 319.688C220.696 319.688 222.368 321.36 222.368 323.415C222.368 325.469 220.696 327.142 218.641 327.142C216.587 327.142 214.914 325.469 214.914 323.415C214.916 321.36 216.587 319.688 218.641 319.688Z" fill="white"/>
+<path opacity="0.6" d="M239.627 355.636C239.784 355.636 239.94 355.568 240.045 355.436L246.405 347.462C246.589 347.232 246.551 346.896 246.321 346.712C246.092 346.529 245.753 346.566 245.57 346.796L239.21 354.77C239.026 355 239.064 355.336 239.293 355.519C239.393 355.599 239.51 355.636 239.627 355.636Z" fill="white"/>
+<path d="M252.355 342.823L244.177 337.282C243.661 336.858 243.277 336.332 243.011 335.735C242.579 334.684 242.617 333.417 243.193 332.338C244.316 330.21 247.056 329.579 249.029 330.974L275.822 342.869L267.443 375.87" fill="white"/>
+<path d="M267.441 376.671C267.798 376.671 268.126 376.431 268.218 376.068L276.597 343.067C276.693 342.689 276.503 342.296 276.146 342.138L249.422 330.276C248.297 329.507 246.902 329.246 245.58 329.564C244.25 329.881 243.122 330.756 242.484 331.965C241.815 333.218 241.736 334.742 242.271 336.041C242.607 336.792 243.072 337.413 243.667 337.901L251.907 343.489C252.274 343.735 252.771 343.641 253.02 343.276C253.268 342.91 253.172 342.411 252.807 342.163L244.628 336.621C244.285 336.335 243.968 335.913 243.745 335.412C243.398 334.571 243.454 333.556 243.901 332.719C244.331 331.904 245.06 331.339 245.956 331.126C246.856 330.906 247.806 331.096 248.568 331.633C248.612 331.662 248.658 331.689 248.706 331.71L274.883 343.33L266.671 375.677C266.562 376.105 266.821 376.542 267.251 376.65C267.31 376.663 267.377 376.671 267.441 376.671Z" fill="#030047"/>
+<path d="M209.637 378.456L251.656 385.277C257.164 386.171 261.875 381.299 260.797 375.825L249.815 320.042C249.167 316.757 246.545 314.22 243.239 313.684L201.221 306.862C195.712 305.969 191.002 310.84 192.079 316.315L203.062 372.098C203.709 375.382 206.332 377.919 209.637 378.456Z" fill="#030047"/>
+<path d="M267.441 375.872L231.315 370.554C230.202 370.234 229.39 369.284 228.983 368.291C228.694 367.616 228.598 366.879 228.774 366.125C229.166 364.223 231.008 362.87 232.927 363.2L239.481 364.069L227.293 362.388C225.905 362.204 224.648 361.335 224.088 360.03C224.08 360.018 224.08 360.007 224.08 360.007C223.792 359.333 223.696 358.586 223.871 357.842C224.264 355.94 226.105 354.589 228.014 354.917L240.475 356.568L221.871 354.038C220.758 353.718 219.958 352.758 219.539 351.764C219.248 351.1 219.165 350.355 219.328 349.611C219.72 347.709 221.545 346.473 223.468 346.792L241.477 349.008L228.4 347.275C227.287 346.955 226.477 345.995 226.068 345.001C225.777 344.337 225.683 343.589 225.857 342.848C226.249 340.946 228.076 339.7 229.987 340.029L256.857 341.762" fill="white"/>
+<path d="M267.443 376.671C267.834 376.671 268.176 376.385 268.234 375.986C268.299 375.548 267.996 375.141 267.558 375.076L231.488 369.766C230.744 369.532 230.085 368.87 229.721 367.983C229.479 367.415 229.423 366.853 229.55 366.304C229.867 364.765 231.319 363.726 232.789 363.989L239.372 364.861C239.811 364.932 240.211 364.613 240.272 364.175C240.33 363.736 240.026 363.333 239.587 363.273L227.399 361.592C226.247 361.439 225.268 360.727 224.829 359.733C224.825 359.721 224.819 359.706 224.812 359.692C224.576 359.142 224.52 358.564 224.645 358.023C224.963 356.482 226.41 355.447 227.873 355.706L240.366 357.361C240.802 357.43 241.207 357.113 241.266 356.674C241.324 356.236 241.017 355.833 240.579 355.775H240.577L222.04 353.252C221.311 353.023 220.655 352.352 220.275 351.452C220.041 350.918 219.985 350.342 220.108 349.782C220.415 348.295 221.833 347.335 223.334 347.583L241.377 349.803C241.813 349.853 242.214 349.548 242.27 349.11C242.327 348.673 242.018 348.272 241.581 348.214L228.569 346.487C227.83 346.253 227.176 345.589 226.809 344.696C226.566 344.142 226.51 343.57 226.637 343.029C226.948 341.522 228.358 340.566 229.851 340.818L256.805 342.56C257.243 342.585 257.627 342.253 257.657 341.812C257.686 341.371 257.35 340.989 256.909 340.962L230.039 339.229C227.773 338.824 225.556 340.348 225.073 342.687C224.871 343.545 224.961 344.464 225.334 345.322C225.474 345.662 225.648 345.984 225.848 346.278L223.566 345.998C221.244 345.612 219.022 347.126 218.542 349.45C218.348 350.333 218.438 351.25 218.803 352.085C219.382 353.459 220.419 354.455 221.647 354.808C221.685 354.818 221.722 354.827 221.76 354.831L224.508 355.204C223.806 355.835 223.286 356.689 223.081 357.679C222.883 358.524 222.967 359.437 223.33 360.297C223.336 360.312 223.342 360.328 223.349 360.343C224.002 361.865 225.472 362.951 227.184 363.179L229.41 363.485C228.707 364.114 228.189 364.97 227.984 365.958C227.784 366.814 227.871 367.735 228.241 368.599C228.792 369.944 229.859 370.963 231.089 371.318C231.124 371.328 231.158 371.334 231.193 371.341L267.32 376.659C267.364 376.669 267.403 376.671 267.443 376.671Z" fill="#030047"/>
+<path d="M259.935 376.393L319.343 396.051C322.656 397.179 326.066 397.738 329.451 397.738C338.129 397.738 346.597 394.109 352.63 387.436C360.858 378.335 362.982 365.253 358.079 354.003L337.771 290.415C334.556 277.491 323.694 267.904 310.467 266.313L279.312 261.521L313.941 348.572L270.644 334.253L259.935 376.393Z" fill="#FFCC3D"/>
+<path d="M319.345 397.5C319.679 397.5 319.99 397.291 320.103 396.957C320.247 396.539 320.023 396.082 319.604 395.94L260.895 375.872L271.21 335.279L313.695 349.329C313.974 349.421 314.281 349.352 314.496 349.152C314.712 348.949 314.797 348.647 314.72 348.361L302.455 302.539C302.34 302.113 301.902 301.857 301.474 301.974C301.046 302.088 300.793 302.527 300.908 302.955L312.788 347.342L270.897 333.488C270.686 333.419 270.454 333.44 270.26 333.544C270.066 333.651 269.924 333.834 269.868 334.049L259.158 376.194C259.056 376.599 259.281 377.014 259.676 377.15L319.086 397.456C319.171 397.485 319.259 397.5 319.345 397.5Z" fill="#030047"/>
+<path d="M176.847 397.061C177.248 397.061 177.594 396.76 177.642 396.353L190.937 282.968C190.989 282.53 190.674 282.131 190.233 282.079C189.795 282.045 189.396 282.342 189.344 282.782L176.049 396.167C175.997 396.606 176.312 397.004 176.751 397.057C176.784 397.059 176.816 397.061 176.847 397.061Z" fill="#030047"/>
+<path d="M323.45 352.82C323.778 352.82 324.085 352.617 324.204 352.292C324.354 351.876 324.139 351.417 323.724 351.264L314.219 347.813C313.804 347.665 313.344 347.876 313.192 348.293C313.042 348.709 313.257 349.168 313.672 349.32L323.177 352.772C323.267 352.805 323.36 352.82 323.45 352.82Z" fill="#030047"/>
+<path opacity="0.4" d="M274.025 304.444C278.731 304.444 282.561 300.621 282.561 295.921C282.561 291.214 278.731 287.385 274.025 287.385C269.325 287.385 265.502 291.214 265.502 295.921C265.502 300.621 269.325 304.444 274.025 304.444ZM274.025 288.988C277.848 288.988 280.957 292.097 280.957 295.921C280.957 299.737 277.846 302.84 274.025 302.84C270.21 302.84 267.105 299.735 267.105 295.921C267.103 292.097 270.208 288.988 274.025 288.988Z" fill="white"/>
+<path opacity="0.4" d="M341.791 317.264C343.309 317.264 344.814 316.917 346.142 316.26C346.539 316.064 346.702 315.583 346.506 315.187C346.309 314.79 345.829 314.625 345.432 314.823C344.324 315.37 343.065 315.661 341.791 315.661C337.116 315.661 333.314 311.858 333.314 307.183C333.314 303.032 336.268 299.527 340.34 298.852C340.776 298.779 341.073 298.368 341 297.929C340.927 297.493 340.515 297.194 340.079 297.269C335.233 298.075 331.714 302.243 331.714 307.183C331.71 312.744 336.233 317.264 341.791 317.264Z" fill="white"/>
+<path opacity="0.4" d="M317.593 303.55C322.051 303.55 325.676 299.923 325.676 295.467C325.676 291.01 322.049 287.385 317.593 287.385C313.135 287.385 309.51 291.012 309.51 295.467C309.51 299.923 313.135 303.55 317.593 303.55ZM317.593 288.986C321.166 288.986 324.074 291.893 324.074 295.467C324.074 299.042 321.168 301.949 317.593 301.949C314.021 301.949 311.112 299.042 311.112 295.467C311.112 291.893 314.021 288.986 317.593 288.986Z" fill="white"/>
+<path opacity="0.4" d="M333.493 337.58C335.452 337.58 337.047 335.985 337.047 334.026C337.047 332.068 335.452 330.473 333.493 330.473C331.535 330.473 329.939 332.068 329.939 334.026C329.939 335.985 331.532 337.58 333.493 337.58ZM333.493 332.074C334.568 332.074 335.443 332.949 335.443 334.024C335.443 335.1 334.568 335.975 333.493 335.975C332.418 335.975 331.543 335.1 331.543 334.024C331.543 332.949 332.416 332.074 333.493 332.074Z" fill="white"/>
+<path opacity="0.4" d="M334.844 373.927C337.634 373.927 339.903 371.657 339.903 368.868C339.903 366.078 337.634 363.809 334.844 363.809C332.055 363.809 329.785 366.078 329.785 368.868C329.785 371.657 332.055 373.927 334.844 373.927ZM334.844 365.41C336.75 365.41 338.302 366.961 338.302 368.868C338.302 370.774 336.75 372.326 334.844 372.326C332.938 372.326 331.386 370.774 331.386 368.868C331.388 366.961 332.938 365.41 334.844 365.41Z" fill="white"/>
+<path opacity="0.4" d="M277.508 374.026C281.36 374.026 284.494 370.892 284.494 367.039C284.494 363.187 281.36 360.053 277.508 360.053C273.655 360.053 270.521 363.187 270.521 367.039C270.521 370.892 273.655 374.026 277.508 374.026ZM277.508 361.656C280.477 361.656 282.891 364.07 282.891 367.039C282.891 370.008 280.475 372.424 277.508 372.424C274.541 372.424 272.125 370.008 272.125 367.039C272.125 364.07 274.539 361.656 277.508 361.656Z" fill="white"/>
+<path opacity="0.4" d="M218.177 296.45C223.174 296.45 227.239 292.385 227.239 287.388C227.239 282.392 223.174 278.326 218.177 278.326C213.181 278.326 209.115 282.392 209.115 287.388C209.115 292.385 213.181 296.45 218.177 296.45ZM218.177 279.928C222.291 279.928 225.638 283.275 225.638 287.388C225.638 291.501 222.291 294.849 218.177 294.849C214.064 294.849 210.719 291.501 210.719 287.388C210.719 283.275 214.064 279.928 218.177 279.928Z" fill="white"/>
+<path opacity="0.4" d="M250.662 289.944C253.681 289.944 256.139 287.486 256.139 284.467C256.139 281.446 253.681 278.988 250.662 278.988C247.641 278.988 245.185 281.446 245.185 284.467C245.185 287.486 247.643 289.944 250.662 289.944ZM250.662 280.592C252.798 280.592 254.537 282.331 254.537 284.467C254.537 286.603 252.8 288.34 250.662 288.34C248.526 288.34 246.787 286.601 246.787 284.467C246.789 282.329 248.526 280.592 250.662 280.592Z" fill="white"/>
+<path opacity="0.4" d="M287.668 327.641C290.303 327.641 292.445 325.498 292.445 322.863C292.445 320.228 290.303 318.086 287.668 318.086C285.033 318.086 282.891 320.228 282.891 322.863C282.891 325.496 285.033 327.641 287.668 327.641ZM287.668 319.687C289.418 319.687 290.842 321.111 290.842 322.863C290.842 324.613 289.418 326.037 287.668 326.037C285.918 326.037 284.494 324.613 284.494 322.863C284.494 321.111 285.918 319.687 287.668 319.687Z" fill="white"/>
+<path opacity="0.4" d="M193.282 383.145C197.293 383.145 200.559 379.882 200.559 375.868C200.559 371.857 197.295 368.592 193.282 368.592C189.271 368.592 186.005 371.855 186.005 375.868C186.005 379.882 189.269 383.145 193.282 383.145ZM193.282 370.195C196.41 370.195 198.955 372.741 198.955 375.868C198.955 378.996 196.41 381.542 193.282 381.542C190.154 381.542 187.609 378.996 187.609 375.868C187.609 372.741 190.154 370.195 193.282 370.195Z" fill="white"/>
+<path opacity="0.4" d="M269.097 398C272.516 398 275.299 395.219 275.299 391.799C275.299 388.381 272.518 385.6 269.097 385.6C265.677 385.6 262.896 388.381 262.896 391.799C262.896 395.219 265.677 398 269.097 398ZM269.097 387.203C271.632 387.203 273.695 389.266 273.695 391.801C273.695 394.336 271.632 396.399 269.097 396.399C266.563 396.399 264.5 394.336 264.5 391.801C264.5 389.264 266.563 387.203 269.097 387.203Z" fill="white"/>
+<path opacity="0.4" d="M262.019 323.637C264.64 323.637 266.771 321.506 266.771 318.885C266.771 316.265 264.64 314.133 262.019 314.133C259.399 314.133 257.267 316.265 257.267 318.885C257.267 321.506 259.401 323.637 262.019 323.637ZM262.019 315.736C263.756 315.736 265.168 317.15 265.168 318.885C265.168 320.622 263.754 322.034 262.019 322.034C260.282 322.034 258.87 320.62 258.87 318.885C258.87 317.15 260.284 315.736 262.019 315.736Z" fill="white"/>
+<path opacity="0.4" d="M150.942 322.228C154.124 322.228 156.713 319.639 156.713 316.457C156.713 313.275 154.124 310.686 150.942 310.686C147.76 310.686 145.17 313.275 145.17 316.457C145.17 319.639 147.757 322.228 150.942 322.228ZM150.942 312.289C153.241 312.289 155.109 314.16 155.109 316.457C155.109 318.754 153.238 320.624 150.942 320.624C148.645 320.624 146.774 318.754 146.774 316.457C146.774 314.16 148.643 312.289 150.942 312.289Z" fill="white"/>
+<path opacity="0.4" d="M168.406 342.368C170.926 342.368 172.979 340.318 172.979 337.797C172.979 335.277 170.928 333.225 168.406 333.225C165.884 333.225 163.833 335.275 163.833 337.797C163.835 340.318 165.886 342.368 168.406 342.368ZM168.406 334.828C170.043 334.828 171.375 336.16 171.375 337.797C171.375 339.434 170.043 340.766 168.406 340.766C166.769 340.766 165.437 339.434 165.437 337.797C165.437 336.16 166.769 334.828 168.406 334.828Z" fill="white"/>
+<path opacity="0.4" d="M182.662 297.119C184.763 297.119 186.471 295.409 186.471 293.309C186.471 291.208 184.763 289.5 182.662 289.5C180.562 289.5 178.854 291.208 178.854 293.309C178.854 295.409 180.564 297.119 182.662 297.119ZM182.662 291.106C183.879 291.106 184.869 292.095 184.869 293.311C184.869 294.528 183.879 295.518 182.662 295.518C181.445 295.518 180.455 294.528 180.455 293.311C180.457 292.093 181.447 291.106 182.662 291.106Z" fill="white"/>
+<path opacity="0.4" d="M148.733 295.87C152.099 295.87 154.836 293.133 154.836 289.767C154.836 286.401 152.099 283.666 148.733 283.666C145.367 283.666 142.629 286.403 142.629 289.767C142.629 293.133 145.367 295.87 148.733 295.87ZM148.733 285.27C151.213 285.27 153.232 287.287 153.232 289.769C153.232 292.252 151.213 294.269 148.733 294.269C146.252 294.269 144.233 292.25 144.233 289.769C144.233 287.289 146.25 285.27 148.733 285.27Z" fill="white"/>
+<path d="M235.614 258.173L242.208 220.345L276.42 220.025L269.933 259.393C269.933 259.393 259.676 270.202 245.653 266.584C234.382 263.675 235.614 258.173 235.614 258.173Z" fill="white"/>
+<path d="M251.379 268.119C262.61 268.121 270.425 260.042 270.517 259.946C270.628 259.829 270.701 259.683 270.726 259.525L277.211 220.157C277.249 219.924 277.184 219.686 277.03 219.506C276.875 219.326 276.647 219.209 276.414 219.226L242.202 219.544C241.815 219.548 241.486 219.825 241.419 220.208L234.827 258.023C234.727 258.522 233.835 264.362 245.455 267.361C247.512 267.891 249.493 268.119 251.379 268.119ZM269.185 259.009C267.819 260.339 258.292 269.027 245.856 265.807C235.585 263.158 236.389 258.385 236.397 258.337C236.399 258.33 236.401 258.316 236.401 258.309L242.88 221.139L275.472 220.836L269.185 259.009Z" fill="#030047"/>
+<path d="M275.992 222.834C289.42 205.665 283.928 179.878 283.928 179.878L238.162 165.078C237.395 165.819 221.848 180.78 221.263 208.323C220.877 226.53 235.357 237.125 252.648 235.229" fill="white"/>
+<path d="M248.772 236.243C250.077 236.243 251.401 236.172 252.735 236.024C253.176 235.976 253.493 235.581 253.445 235.14C253.397 234.7 253.003 234.372 252.562 234.433C243.757 235.393 235.474 232.99 229.836 227.826C224.585 223.017 221.898 216.279 222.067 208.339C222.597 183.281 235.687 168.725 238.38 165.992L283.23 180.495C283.865 183.982 287.44 206.898 275.361 222.343C275.087 222.692 275.15 223.195 275.499 223.468C275.847 223.74 276.351 223.679 276.624 223.331C290.127 206.065 284.767 179.975 284.713 179.712C284.652 179.432 284.448 179.205 284.176 179.117L238.41 164.317C238.128 164.228 237.819 164.299 237.606 164.505C235.904 166.155 221.037 181.318 220.465 208.307C220.288 216.722 223.152 223.882 228.755 229.012C233.868 233.693 241.011 236.243 248.772 236.243Z" fill="#030047"/>
+<path d="M276.14 221.739L271.728 204.87C271.728 204.87 263.844 207.705 253.889 196.424C243.933 185.145 236.696 171.731 237.314 164.256C237.932 156.783 275.303 153.017 295.536 171.573C315.769 190.141 308.07 210.934 303.692 224.67" fill="#030047"/>
+<path d="M269.864 206.534C269.864 206.534 279.323 197.345 284.52 199.266C289.717 201.187 287.483 219.568 281.256 221.205C275.03 222.842 270.073 220.313 270.073 220.313" fill="white"/>
+<path d="M276.949 222.563C278.331 222.563 279.853 222.404 281.459 221.982C285.482 220.924 287.89 214.19 288.184 208.083C288.433 202.969 287.165 199.392 284.795 198.518C279.189 196.434 269.703 205.573 269.302 205.961C268.985 206.27 268.977 206.778 269.286 207.095C269.595 207.412 270.102 207.421 270.419 207.112C272.952 204.654 280.369 198.586 284.24 200.021C285.868 200.624 286.789 203.758 286.583 208.005C286.317 213.47 284.175 219.611 281.049 220.433C275.213 221.97 270.48 219.625 270.432 219.602C270.037 219.404 269.555 219.56 269.354 219.955C269.154 220.348 269.311 220.83 269.705 221.03C269.868 221.112 272.779 222.563 276.949 222.563Z" fill="#030047"/>
+<path d="M276.754 209.021C277.132 208.351 277.652 207.762 278.268 207.301C278.654 207.013 279.088 206.77 279.564 206.687C280.04 206.603 280.562 206.699 280.926 207.015C281.439 207.464 281.527 208.226 281.502 208.908C281.456 210.153 281.153 211.389 280.619 212.512" fill="white"/>
+<path d="M280.618 213.316C280.917 213.316 281.205 213.149 281.343 212.859C281.921 211.642 282.256 210.287 282.304 208.94C282.345 207.777 282.068 206.95 281.452 206.413C280.932 205.96 280.174 205.764 279.426 205.9C278.883 205.994 278.347 206.242 277.789 206.66C277.09 207.182 276.491 207.862 276.058 208.625C275.841 209.011 275.975 209.499 276.361 209.717C276.745 209.936 277.236 209.8 277.453 209.416C277.777 208.844 278.226 208.334 278.75 207.942C279.103 207.679 279.414 207.526 279.704 207.476C279.977 207.43 280.245 207.482 280.401 207.618C280.623 207.81 280.727 208.247 280.704 208.879C280.662 210.009 280.385 211.147 279.898 212.168C279.708 212.567 279.877 213.045 280.278 213.235C280.385 213.291 280.504 213.316 280.618 213.316Z" fill="#030047"/>
+<path d="M229.358 199.706C228.424 199.261 228.205 197.772 228.868 196.38C229.531 194.988 230.825 194.22 231.759 194.665C232.693 195.11 232.913 196.599 232.25 197.991C231.587 199.383 230.292 200.151 229.358 199.706Z" fill="#030047"/>
+<path d="M230.97 191.39C232.958 191.34 234.827 192.616 235.71 194.626L230.97 191.39Z" fill="white"/>
+<path d="M235.71 195.426C235.819 195.426 235.927 195.405 236.032 195.359C236.437 195.182 236.621 194.708 236.443 194.303C235.426 191.989 233.261 190.563 230.95 190.588C230.507 190.599 230.158 190.966 230.169 191.409C230.179 191.849 230.557 192.167 230.989 192.19C232.658 192.123 234.221 193.23 234.975 194.946C235.109 195.249 235.403 195.426 235.71 195.426Z" fill="#030047"/>
+<path d="M244.063 206.696C243.129 206.251 242.91 204.762 243.573 203.37C244.236 201.978 245.531 201.211 246.464 201.655C247.398 202.1 247.618 203.589 246.955 204.981C246.292 206.373 244.997 207.141 244.063 206.696Z" fill="#030047"/>
+<path d="M245.672 198.378C247.66 198.328 249.529 199.604 250.412 201.615L245.672 198.378Z" fill="white"/>
+<path d="M250.414 202.417C250.523 202.417 250.631 202.396 250.736 202.35C251.141 202.173 251.325 201.699 251.147 201.294C250.13 198.98 247.965 197.537 245.654 197.579C245.211 197.589 244.862 197.957 244.873 198.4C244.883 198.84 245.255 199.145 245.693 199.181C247.36 199.12 248.926 200.22 249.679 201.937C249.811 202.237 250.105 202.417 250.414 202.417Z" fill="#030047"/>
+<path d="M237.748 200.189C236.802 202.206 234.098 207.637 233.152 209.654C232.582 210.872 232.002 212.137 232.113 213.438C232.223 214.739 233.234 216.085 234.789 216.326" fill="white"/>
+<path d="M234.792 217.129C235.18 217.129 235.522 216.845 235.583 216.45C235.65 216.012 235.349 215.603 234.913 215.536C233.718 215.352 232.99 214.283 232.912 213.373C232.819 212.26 233.382 211.057 233.879 209.996C234.351 208.99 235.259 207.136 236.17 205.28C237.086 203.411 238.001 201.542 238.475 200.529C238.663 200.129 238.49 199.65 238.089 199.465C237.688 199.277 237.212 199.45 237.024 199.849C236.552 200.855 235.642 202.716 234.729 204.574C233.815 206.441 232.9 208.305 232.426 209.316C231.843 210.56 231.184 211.968 231.313 213.508C231.445 215.068 232.639 216.81 234.666 217.121C234.708 217.125 234.75 217.129 234.792 217.129Z" fill="#030047"/>
+<path d="M241.037 221.922C242.398 221.922 243.755 221.59 244.962 220.94C246.866 219.917 248.32 218.142 248.95 216.073C249.08 215.649 248.84 215.203 248.418 215.073C247.994 214.952 247.547 215.184 247.418 215.605C246.91 217.274 245.739 218.704 244.204 219.529C242.67 220.354 240.83 220.544 239.16 220.049C238.734 219.926 238.289 220.166 238.164 220.59C238.038 221.013 238.281 221.46 238.704 221.586C239.462 221.811 240.25 221.922 241.037 221.922Z" fill="#030047"/>
+<path d="M303.691 224.672C299.312 238.421 311.847 251.001 320.483 263.039C329.628 275.786 327.855 289.414 297.149 288.187C266.433 286.969 261.522 282.758 264.501 256.992C267.493 231.214 276.138 221.74 276.138 221.74" fill="#030047"/>
+<path d="M256.561 228.294C265.401 228.294 271.653 221.211 271.943 220.875C272.233 220.541 272.196 220.035 271.862 219.745C271.528 219.455 271.022 219.491 270.732 219.825C270.659 219.908 263.249 228.291 253.677 226.408C253.241 226.331 252.821 226.606 252.738 227.041C252.652 227.475 252.936 227.895 253.37 227.98C254.464 228.197 255.529 228.294 256.561 228.294Z" fill="#030047"/>
+<path d="M292.124 211.629C292.124 219.463 286.108 226.03 278.431 226.305C270.453 226.592 263.754 220.025 263.754 211.629C263.754 203.233 270.453 196.666 278.431 196.952C286.106 197.228 292.124 203.795 292.124 211.629Z" fill="#605EFD"/>
+<path d="M276.422 196.952C268.444 196.666 261.745 203.233 261.745 211.629C261.745 220.025 268.444 226.592 276.422 226.305H278.431C270.452 226.592 263.754 220.025 263.754 211.629C263.754 203.233 270.452 196.666 278.431 196.952H276.422Z" fill="#030047"/>
+<path d="M284.599 211.629C284.599 215.158 281.859 218.062 278.431 218.116C274.942 218.173 272.071 215.268 272.071 211.629C272.071 207.989 274.944 205.085 278.431 205.141C281.859 205.194 284.599 208.098 284.599 211.629Z" fill="#FFCC3D"/>
+<path d="M278.637 214.119C279.297 214.119 279.915 213.709 280.147 213.052C280.592 211.797 290.923 182.128 280.293 165.12C276.288 158.714 269.843 154.964 261.138 153.978C260.257 153.874 259.465 154.51 259.365 155.389C259.265 156.269 259.898 157.064 260.777 157.162C268.463 158.033 274.115 161.28 277.575 166.817C287.395 182.527 277.23 211.686 277.126 211.978C276.829 212.812 277.266 213.728 278.101 214.025C278.28 214.089 278.46 214.119 278.637 214.119Z" fill="#FFCC3D"/>
+<path d="M253.522 230.543C251.835 230.543 250.468 229.175 250.468 227.488C250.468 225.801 251.835 224.434 253.522 224.434C255.209 224.434 256.577 225.801 256.577 227.488C256.577 229.175 255.209 230.543 253.522 230.543Z" fill="#030047"/>
+<path d="M333.587 241.266H466.952C468.524 241.266 469.8 239.991 469.8 238.418V178.098C469.8 176.526 468.524 175.25 466.952 175.25H333.587C332.015 175.25 330.739 176.526 330.739 178.098V238.416C330.741 239.991 332.015 241.266 333.587 241.266Z" fill="#605EFD"/>
+<path d="M73.7729 388.224L73.6497 377.172L79.4105 377.108C80.0641 373.815 81.3315 370.739 83.0729 367.994L78.9532 363.96L86.6809 356.057L90.8006 360.091C93.5066 358.282 96.553 356.952 99.8311 356.226L99.7664 350.467L110.824 350.344L110.889 356.102C114.182 356.756 117.258 358.017 120.003 359.765L124.031 355.641L131.934 363.369L127.906 367.492C129.71 370.199 131.045 373.245 131.771 376.523L137.532 376.458L137.655 387.51L131.894 387.575C131.241 390.874 129.976 393.95 128.232 396.689L132.352 400.723L124.624 408.626L120.504 404.592C117.798 406.4 114.752 407.73 111.474 408.457L111.539 414.222L100.481 414.345L100.416 408.58C97.123 407.927 94.0474 406.665 91.3017 404.918L87.2739 409.042L79.3708 401.314L83.3986 397.19C81.5945 394.49 80.2603 391.442 79.5337 388.16L73.7729 388.224ZM104.713 395.691C112.96 396.253 119.713 389.352 118.974 381.113C118.393 374.631 113.08 369.434 106.586 368.998C98.332 368.443 91.5856 375.345 92.329 383.578C92.9157 390.058 98.2255 395.25 104.713 395.691Z" fill="#030047"/>
+<path d="M97.8996 184.841C73.103 184.841 53.0013 164.74 53.0013 139.943C53.0013 115.147 73.103 95.0449 97.8996 95.0449C122.696 95.0449 142.798 115.147 142.798 139.943C142.798 164.74 122.696 184.841 97.8996 184.841Z" fill="white"/>
+<path d="M97.8996 185.642C123.1 185.642 143.6 165.14 143.6 139.942C143.6 114.742 123.098 94.2402 97.8996 94.2402C72.6995 94.2402 52.1995 114.742 52.1995 139.942C52.1995 165.14 72.7016 185.642 97.8996 185.642ZM97.8996 95.8438C122.214 95.8438 141.998 115.626 141.998 139.942C141.998 164.257 122.216 184.041 97.8996 184.041C73.5827 184.041 53.801 164.259 53.801 139.942C53.8031 115.626 73.5848 95.8438 97.8996 95.8438Z" fill="#030047"/>
+<path d="M133.037 159.701C128.725 165.276 123.718 170.283 118.143 174.595C114.744 177.228 110.301 176.676 108.509 173.736C106.609 170.853 102.659 170.097 99.4703 171.715C96.2151 173.377 92.8096 174.797 89.2809 175.948C85.8336 177.081 83.4658 180.435 84.1611 183.817C85.0652 187.858 85.9672 191.898 86.8713 195.94C87.5583 199.312 92.1999 201.2 97.0086 199.628C125.927 190.2 148.645 167.483 158.072 138.564C159.644 133.755 157.757 129.114 154.385 128.427C150.344 127.523 146.304 126.621 142.262 125.717C138.879 125.023 135.526 127.389 134.392 130.836C133.242 134.365 131.824 137.771 130.16 141.026C128.539 144.214 129.295 148.165 132.181 150.065C135.117 151.858 135.668 156.302 133.037 159.701Z" fill="#605EFD"/>
+<path d="M75.3182 152.117C75.1094 152.117 74.7837 152.082 74.3452 152.011C73.9047 151.94 73.5894 151.904 73.3952 151.904L69.6994 151.892C69.3821 151.892 68.8997 151.932 68.2546 152.011C67.6094 152.09 67.1228 152.13 66.7971 152.13C66.7052 152.13 66.5716 152.113 66.3941 152.08C66.2187 152.046 66.0851 152.03 65.9911 152.03C65.2374 152.03 64.7258 151.725 64.4586 151.113C64.2915 150.727 64.208 150.132 64.208 149.328C64.208 147.762 64.5546 146.451 65.2499 145.396C65.7865 144.584 66.653 143.77 67.8516 142.957C68.9833 142.212 70.1087 141.471 71.232 140.734C72.5558 139.771 73.2177 138.677 73.2177 137.453C73.2177 137.136 72.9546 136.819 72.4264 136.503C71.8981 136.19 71.3845 136.034 70.8812 136.034C69.9918 136.034 69.0522 136.428 68.0604 137.222C67.0686 138.013 66.3858 138.41 66.0183 138.41C65.5735 138.41 65.1852 138.301 64.849 138.084C64.4293 137.817 64.2205 137.443 64.2205 136.965C64.2205 136.453 64.4293 136.015 64.849 135.645C65.8617 134.749 66.747 134.096 67.5008 133.687C68.5886 133.092 69.7161 132.793 70.8812 132.793C72.3303 132.793 73.6374 133.175 74.8025 133.937C76.1347 134.81 76.8007 135.948 76.8007 137.355C76.8007 138.779 76.475 139.99 75.8194 140.988C75.3078 141.784 74.4998 142.561 73.3931 143.312C72.347 143.974 71.2988 144.632 70.2507 145.285C68.6596 146.325 67.8035 147.509 67.6866 148.843C68.148 148.785 68.8266 148.718 69.7224 148.643C71.5076 148.551 72.7834 148.505 73.5539 148.505C74.2743 148.505 74.9863 148.66 75.6899 148.971C76.5606 149.355 76.997 149.85 76.997 150.453C76.997 150.89 76.8425 151.27 76.5314 151.597C76.2098 151.94 75.8027 152.117 75.3182 152.117Z" fill="#030047"/>
+<path d="M87.5082 146.902H82.4949C79.8056 146.902 78.4609 146.353 78.4609 145.254C78.4609 144.795 78.6948 144.279 79.1646 143.709C79.5488 143.273 79.9392 142.834 80.3339 142.39C81.6827 140.462 83.7394 137.598 86.5039 133.793C87.1574 132.923 88.0073 132.486 89.0554 132.486C89.5503 132.486 89.9763 132.612 90.3375 132.864C90.7655 133.165 90.9785 133.589 90.9785 134.134L90.991 143.584C92.0893 143.617 92.8222 143.73 93.1897 143.922C93.5989 144.148 93.8056 144.593 93.8056 145.254C93.814 145.95 93.4966 146.428 92.8494 146.687C92.3963 146.862 91.7782 146.933 90.9889 146.9C91.014 148.107 91.0098 149.414 90.9764 150.821C90.968 151.28 90.8177 151.663 90.5233 151.965C90.231 152.266 89.8322 152.416 89.329 152.416C88.0553 152.416 87.4477 151.579 87.5061 149.902V146.902H87.5082ZM87.5082 137.94C86.696 139.222 85.4432 141.103 83.7498 143.584H87.5082V137.94Z" fill="#030047"/>
+<path d="M106.609 134.02C106.284 134.724 105.81 135.814 105.19 137.288C104.62 138.77 103.816 140.489 102.776 142.441C101.861 144.101 100.949 145.763 100.036 147.431C99.861 147.765 99.101 149.365 97.7626 152.232C97.4535 152.893 96.9629 153.225 96.2926 153.225C95.8562 153.225 95.4762 153.088 95.1484 152.812C94.7955 152.509 94.6201 152.142 94.6201 151.705C94.6201 151.513 94.6577 151.319 94.7329 151.127C95.3948 149.409 96.6309 146.932 98.4412 143.694C100.251 140.455 101.485 137.968 102.149 136.233C102.653 134.918 103.024 134.026 103.267 133.557C103.92 132.274 104.536 131.642 105.114 131.659C105.542 131.675 105.918 131.821 106.246 132.099C106.599 132.4 106.774 132.765 106.774 133.193C106.774 133.45 106.718 133.726 106.609 134.02Z" fill="#030047"/>
+<path d="M117.379 136.584C116.439 136.575 114.694 136.538 112.138 136.471C111.501 136.471 110.551 136.442 109.286 136.383C108.171 136.291 107.615 135.751 107.615 134.761C107.615 134.302 107.782 133.915 108.118 133.604C108.453 133.295 108.864 133.141 109.35 133.141C110.405 133.141 111.992 133.172 114.107 133.235C116.222 133.297 117.809 133.329 118.863 133.329H121.164C121.617 133.329 122.014 133.416 122.359 133.592C122.787 133.809 123 134.132 123 134.56C123 135.02 122.749 135.569 122.246 136.206C121.826 136.676 121.404 137.145 120.976 137.613C119.914 138.795 118.928 140.244 118.024 141.962C117.738 142.497 116.988 144.069 115.775 146.675C115.616 147.017 115.259 147.957 114.706 149.49C114.286 150.646 113.86 151.551 113.424 152.204C113.09 152.682 112.624 152.92 112.029 152.92C111.568 152.92 111.156 152.766 110.797 152.455C110.436 152.146 110.257 151.759 110.257 151.298C110.257 150.939 110.536 150.099 111.098 148.784C112.002 146.673 112.904 144.562 113.8 142.451C114.955 139.989 116.147 138.033 117.379 136.584Z" fill="#030047"/>
+<path d="M387.224 363.769L439.184 385.797C440.069 386.173 441.092 385.76 441.466 384.874L457.573 346.879C457.949 345.994 457.535 344.971 456.65 344.597L404.69 322.569C403.805 322.193 402.782 322.606 402.408 323.491L386.301 361.487C385.925 362.372 386.339 363.395 387.224 363.769Z" fill="#FFCC3D"/>
+<path d="M422.165 359.082C422.72 359.082 423.284 358.997 423.835 358.815L449.488 350.403C449.908 350.265 450.138 349.812 450 349.392C449.862 348.97 449.409 348.743 448.989 348.88L423.336 357.293C421.536 357.884 419.557 357.042 418.73 355.341L406.948 331.057C406.753 330.658 406.275 330.493 405.876 330.686C405.478 330.878 405.313 331.358 405.505 331.757L417.287 356.04C418.208 357.938 420.14 359.082 422.165 359.082Z" fill="white"/>
+<path d="M394.641 359.53C394.704 359.53 394.768 359.524 394.833 359.507L417.026 354.06C417.456 353.955 417.72 353.521 417.613 353.091C417.507 352.661 417.074 352.398 416.644 352.504L394.451 357.952C394.021 358.056 393.758 358.49 393.864 358.921C393.954 359.286 394.282 359.53 394.641 359.53Z" fill="white"/>
+<path d="M437.655 377.765C437.793 377.765 437.931 377.73 438.058 377.657C438.441 377.433 438.57 376.943 438.347 376.561L426.821 356.819C426.597 356.436 426.107 356.309 425.725 356.53C425.342 356.754 425.213 357.245 425.436 357.627L436.962 377.369C437.11 377.626 437.38 377.765 437.655 377.765Z" fill="white"/>
+<path d="M422.419 144.977L427.236 148.009C429.497 149.418 432.468 148.744 433.882 146.497L436.914 141.68C438.327 139.433 437.651 136.462 435.406 135.049L430.585 132C428.338 130.587 425.367 131.263 423.939 133.512L420.909 138.346C419.496 140.59 420.172 143.561 422.419 144.977Z" fill="#FFCC3D"/>
+<path d="M330.729 81.9861L334.191 84.166C335.816 85.1787 337.952 84.6942 338.968 83.0802L341.148 79.6183C342.163 78.0043 341.679 75.8683 340.065 74.8535L336.601 72.6632C334.987 71.6484 332.851 72.1328 331.823 73.7489L329.645 77.2234C328.631 78.8332 329.115 80.9692 330.729 81.9861Z" fill="#FFCC3D"/>
+<path d="M68.983 251.217L72.4449 253.396C74.0694 254.409 76.2054 253.925 77.2223 252.311L79.4022 248.849C80.4169 247.235 79.9325 245.099 78.3185 244.084L74.8545 241.894C73.2405 240.879 71.1045 241.363 70.0772 242.979L67.8993 246.454C66.8825 248.066 67.369 250.2 68.983 251.217Z" fill="#FFCC3D"/>
+<path d="M309.279 155.14L312.741 157.32C314.365 158.333 316.501 157.849 317.518 156.235L319.698 152.773C320.713 151.159 320.228 149.023 318.614 148.008L315.15 145.817C313.536 144.803 311.4 145.287 310.373 146.903L308.195 150.378C307.178 151.99 307.665 154.124 309.279 155.14Z" fill="#FFCC3D"/>
+<path d="M348.72 215.24C346.96 215.24 345.448 214.888 344.184 214.184C342.936 213.464 341.976 212.456 341.304 211.16C340.632 209.848 340.296 208.304 340.296 206.528C340.296 205.2 340.488 204.008 340.872 202.952C341.256 201.88 341.808 200.968 342.528 200.216C343.248 199.448 344.128 198.864 345.168 198.464C346.224 198.048 347.408 197.84 348.72 197.84C349.6 197.84 350.464 197.952 351.312 198.176C352.16 198.4 352.904 198.72 353.544 199.136C353.88 199.344 354.104 199.6 354.216 199.904C354.328 200.192 354.352 200.48 354.288 200.768C354.224 201.04 354.088 201.272 353.88 201.464C353.688 201.656 353.44 201.768 353.136 201.8C352.848 201.816 352.528 201.712 352.176 201.488C351.68 201.168 351.144 200.936 350.568 200.792C349.992 200.648 349.408 200.576 348.816 200.576C347.68 200.576 346.72 200.808 345.936 201.272C345.152 201.736 344.56 202.408 344.16 203.288C343.76 204.168 343.56 205.248 343.56 206.528C343.56 207.792 343.76 208.872 344.16 209.768C344.56 210.664 345.152 211.344 345.936 211.808C346.72 212.272 347.68 212.504 348.816 212.504C349.424 212.504 350.024 212.432 350.616 212.288C351.208 212.128 351.768 211.888 352.296 211.568C352.648 211.36 352.96 211.272 353.232 211.304C353.52 211.32 353.76 211.416 353.952 211.592C354.144 211.768 354.272 211.992 354.336 212.264C354.4 212.52 354.384 212.792 354.288 213.08C354.192 213.352 354 213.592 353.712 213.8C353.072 214.264 352.304 214.624 351.408 214.88C350.528 215.12 349.632 215.24 348.72 215.24Z" fill="white"/>
+<path d="M361.381 215.24C360.165 215.24 359.109 214.992 358.213 214.496C357.317 214 356.621 213.296 356.125 212.384C355.629 211.456 355.381 210.368 355.381 209.12C355.381 208.176 355.517 207.336 355.789 206.6C356.077 205.848 356.485 205.208 357.013 204.68C357.541 204.136 358.173 203.728 358.909 203.456C359.645 203.168 360.469 203.024 361.381 203.024C362.597 203.024 363.653 203.272 364.549 203.768C365.445 204.264 366.141 204.968 366.637 205.88C367.133 206.792 367.381 207.872 367.381 209.12C367.381 210.064 367.237 210.912 366.949 211.664C366.677 212.416 366.277 213.064 365.749 213.608C365.221 214.136 364.589 214.544 363.853 214.832C363.117 215.104 362.293 215.24 361.381 215.24ZM361.381 212.96C361.973 212.96 362.493 212.816 362.941 212.528C363.389 212.24 363.733 211.816 363.973 211.256C364.229 210.68 364.357 209.968 364.357 209.12C364.357 207.84 364.085 206.888 363.541 206.264C362.997 205.624 362.277 205.304 361.381 205.304C360.789 205.304 360.269 205.448 359.821 205.736C359.373 206.008 359.021 206.432 358.765 207.008C358.525 207.568 358.405 208.272 358.405 209.12C358.405 210.384 358.677 211.344 359.221 212C359.765 212.64 360.485 212.96 361.381 212.96Z" fill="white"/>
+<path d="M371.345 215.192C370.865 215.192 370.497 215.064 370.241 214.808C369.985 214.536 369.857 214.152 369.857 213.656V204.584C369.857 204.088 369.985 203.712 370.241 203.456C370.497 203.2 370.857 203.072 371.321 203.072C371.785 203.072 372.145 203.2 372.401 203.456C372.657 203.712 372.785 204.088 372.785 204.584V206.216L372.521 205.616C372.873 204.768 373.417 204.128 374.153 203.696C374.905 203.248 375.753 203.024 376.697 203.024C377.641 203.024 378.417 203.2 379.025 203.552C379.633 203.904 380.089 204.44 380.393 205.16C380.697 205.864 380.849 206.76 380.849 207.848V213.656C380.849 214.152 380.721 214.536 380.465 214.808C380.209 215.064 379.841 215.192 379.361 215.192C378.881 215.192 378.505 215.064 378.233 214.808C377.977 214.536 377.849 214.152 377.849 213.656V207.992C377.849 207.08 377.673 206.416 377.321 206C376.985 205.584 376.457 205.376 375.737 205.376C374.857 205.376 374.153 205.656 373.625 206.216C373.113 206.76 372.857 207.488 372.857 208.4V213.656C372.857 214.68 372.353 215.192 371.345 215.192Z" fill="white"/>
+<path d="M389.272 215.24C388.232 215.24 387.36 215.064 386.656 214.712C385.968 214.36 385.456 213.848 385.12 213.176C384.784 212.488 384.616 211.64 384.616 210.632V205.52H383.368C382.984 205.52 382.688 205.424 382.48 205.232C382.272 205.024 382.168 204.744 382.168 204.392C382.168 204.024 382.272 203.744 382.48 203.552C382.688 203.36 382.984 203.264 383.368 203.264H384.616V201.08C384.616 200.584 384.744 200.208 385 199.952C385.272 199.696 385.648 199.568 386.128 199.568C386.608 199.568 386.976 199.696 387.232 199.952C387.488 200.208 387.616 200.584 387.616 201.08V203.264H390.16C390.544 203.264 390.84 203.36 391.048 203.552C391.256 203.744 391.36 204.024 391.36 204.392C391.36 204.744 391.256 205.024 391.048 205.232C390.84 205.424 390.544 205.52 390.16 205.52H387.616V210.464C387.616 211.232 387.784 211.808 388.12 212.192C388.456 212.576 389 212.768 389.752 212.768C390.024 212.768 390.264 212.744 390.472 212.696C390.68 212.648 390.864 212.616 391.024 212.6C391.216 212.584 391.376 212.648 391.504 212.792C391.632 212.92 391.696 213.192 391.696 213.608C391.696 213.928 391.64 214.216 391.528 214.472C391.432 214.712 391.248 214.88 390.976 214.976C390.768 215.04 390.496 215.096 390.16 215.144C389.824 215.208 389.528 215.24 389.272 215.24Z" fill="white"/>
+<path d="M396.971 215.24C396.123 215.24 395.363 215.08 394.691 214.76C394.035 214.424 393.515 213.976 393.131 213.416C392.763 212.856 392.579 212.224 392.579 211.52C392.579 210.656 392.803 209.976 393.251 209.48C393.699 208.968 394.427 208.6 395.435 208.376C396.443 208.152 397.795 208.04 399.491 208.04H400.691V209.768H399.515C398.523 209.768 397.731 209.816 397.139 209.912C396.547 210.008 396.123 210.176 395.867 210.416C395.627 210.64 395.507 210.96 395.507 211.376C395.507 211.904 395.691 212.336 396.059 212.672C396.427 213.008 396.939 213.176 397.595 213.176C398.123 213.176 398.587 213.056 398.987 212.816C399.403 212.56 399.731 212.216 399.971 211.784C400.211 211.352 400.331 210.856 400.331 210.296V207.536C400.331 206.736 400.155 206.16 399.803 205.808C399.451 205.456 398.859 205.28 398.027 205.28C397.563 205.28 397.059 205.336 396.515 205.448C395.987 205.56 395.427 205.752 394.835 206.024C394.531 206.168 394.259 206.208 394.019 206.144C393.795 206.08 393.619 205.952 393.491 205.76C393.363 205.552 393.299 205.328 393.299 205.088C393.299 204.848 393.363 204.616 393.491 204.392C393.619 204.152 393.835 203.976 394.139 203.864C394.875 203.56 395.579 203.344 396.251 203.216C396.939 203.088 397.563 203.024 398.123 203.024C399.275 203.024 400.219 203.2 400.955 203.552C401.707 203.904 402.267 204.44 402.635 205.16C403.003 205.864 403.187 206.776 403.187 207.896V213.656C403.187 214.152 403.067 214.536 402.827 214.808C402.587 215.064 402.243 215.192 401.795 215.192C401.347 215.192 400.995 215.064 400.739 214.808C400.499 214.536 400.379 214.152 400.379 213.656V212.504H400.571C400.459 213.064 400.235 213.552 399.899 213.968C399.579 214.368 399.171 214.68 398.675 214.904C398.179 215.128 397.611 215.24 396.971 215.24Z" fill="white"/>
+<path d="M411.656 215.24C410.424 215.24 409.352 214.992 408.44 214.496C407.528 213.984 406.824 213.264 406.328 212.336C405.832 211.408 405.584 210.32 405.584 209.072C405.584 208.128 405.72 207.288 405.992 206.552C406.28 205.8 406.688 205.168 407.216 204.656C407.744 204.128 408.384 203.728 409.136 203.456C409.888 203.168 410.728 203.024 411.656 203.024C412.184 203.024 412.752 203.096 413.36 203.24C413.984 203.384 414.568 203.624 415.112 203.96C415.368 204.12 415.536 204.312 415.616 204.536C415.696 204.76 415.712 204.992 415.664 205.232C415.616 205.456 415.512 205.656 415.352 205.832C415.208 205.992 415.024 206.096 414.8 206.144C414.576 206.176 414.328 206.12 414.056 205.976C413.704 205.768 413.344 205.616 412.976 205.52C412.608 205.408 412.256 205.352 411.92 205.352C411.392 205.352 410.928 205.44 410.528 205.616C410.128 205.776 409.784 206.016 409.496 206.336C409.224 206.64 409.016 207.024 408.872 207.488C408.728 207.952 408.656 208.488 408.656 209.096C408.656 210.28 408.936 211.216 409.496 211.904C410.072 212.576 410.88 212.912 411.92 212.912C412.256 212.912 412.6 212.864 412.952 212.768C413.32 212.672 413.688 212.52 414.056 212.312C414.328 212.168 414.568 212.12 414.776 212.168C415 212.216 415.184 212.328 415.328 212.504C415.472 212.664 415.56 212.864 415.592 213.104C415.624 213.328 415.592 213.552 415.496 213.776C415.416 214 415.256 214.184 415.016 214.328C414.488 214.648 413.928 214.88 413.336 215.024C412.744 215.168 412.184 215.24 411.656 215.24Z" fill="white"/>
+<path d="M422.975 215.24C421.935 215.24 421.063 215.064 420.359 214.712C419.671 214.36 419.159 213.848 418.823 213.176C418.487 212.488 418.319 211.64 418.319 210.632V205.52H417.071C416.687 205.52 416.391 205.424 416.183 205.232C415.975 205.024 415.871 204.744 415.871 204.392C415.871 204.024 415.975 203.744 416.183 203.552C416.391 203.36 416.687 203.264 417.071 203.264H418.319V201.08C418.319 200.584 418.447 200.208 418.703 199.952C418.975 199.696 419.351 199.568 419.831 199.568C420.311 199.568 420.679 199.696 420.935 199.952C421.191 200.208 421.319 200.584 421.319 201.08V203.264H423.863C424.247 203.264 424.543 203.36 424.751 203.552C424.959 203.744 425.063 204.024 425.063 204.392C425.063 204.744 424.959 205.024 424.751 205.232C424.543 205.424 424.247 205.52 423.863 205.52H421.319V210.464C421.319 211.232 421.487 211.808 421.823 212.192C422.159 212.576 422.703 212.768 423.455 212.768C423.727 212.768 423.967 212.744 424.175 212.696C424.383 212.648 424.567 212.616 424.727 212.6C424.919 212.584 425.079 212.648 425.207 212.792C425.335 212.92 425.399 213.192 425.399 213.608C425.399 213.928 425.343 214.216 425.231 214.472C425.135 214.712 424.951 214.88 424.679 214.976C424.471 215.04 424.199 215.096 423.863 215.144C423.527 215.208 423.231 215.24 422.975 215.24Z" fill="white"/>
+<path d="M440.646 215.24C439.478 215.24 438.446 215.088 437.55 214.784C436.67 214.48 435.926 214.032 435.318 213.44C434.71 212.832 434.254 212.08 433.95 211.184C433.646 210.288 433.494 209.248 433.494 208.064V199.448C433.494 198.92 433.622 198.528 433.878 198.272C434.15 198.016 434.534 197.888 435.03 197.888C435.526 197.888 435.902 198.016 436.158 198.272C436.43 198.528 436.566 198.92 436.566 199.448V208.04C436.566 209.56 436.91 210.704 437.598 211.472C438.302 212.224 439.318 212.6 440.646 212.6C441.974 212.6 442.982 212.224 443.67 211.472C444.358 210.704 444.702 209.56 444.702 208.04V199.448C444.702 198.92 444.83 198.528 445.086 198.272C445.358 198.016 445.742 197.888 446.238 197.888C446.718 197.888 447.086 198.016 447.342 198.272C447.614 198.528 447.75 198.92 447.75 199.448V208.064C447.75 209.632 447.478 210.952 446.934 212.024C446.406 213.096 445.614 213.904 444.558 214.448C443.502 214.976 442.198 215.24 440.646 215.24Z" fill="white"/>
+<path d="M455.34 215.24C454.652 215.24 453.924 215.168 453.156 215.024C452.388 214.88 451.7 214.632 451.092 214.28C450.836 214.12 450.652 213.936 450.54 213.728C450.444 213.504 450.404 213.288 450.42 213.08C450.452 212.856 450.532 212.664 450.66 212.504C450.804 212.344 450.98 212.24 451.188 212.192C451.412 212.144 451.652 212.184 451.908 212.312C452.548 212.616 453.148 212.832 453.708 212.96C454.268 213.072 454.82 213.128 455.364 213.128C456.132 213.128 456.7 213 457.068 212.744C457.452 212.472 457.644 212.12 457.644 211.688C457.644 211.32 457.516 211.04 457.26 210.848C457.02 210.64 456.652 210.488 456.156 210.392L453.756 209.936C452.764 209.744 452.004 209.384 451.476 208.856C450.964 208.312 450.708 207.616 450.708 206.768C450.708 206 450.916 205.336 451.332 204.776C451.764 204.216 452.356 203.784 453.108 203.48C453.86 203.176 454.724 203.024 455.7 203.024C456.404 203.024 457.06 203.104 457.668 203.264C458.292 203.408 458.892 203.64 459.468 203.96C459.708 204.088 459.868 204.256 459.948 204.464C460.044 204.672 460.068 204.888 460.02 205.112C459.972 205.32 459.876 205.512 459.732 205.688C459.588 205.848 459.404 205.952 459.18 206C458.972 206.032 458.732 205.984 458.46 205.856C457.964 205.6 457.484 205.416 457.02 205.304C456.572 205.192 456.14 205.136 455.724 205.136C454.94 205.136 454.356 205.272 453.972 205.544C453.604 205.816 453.42 206.176 453.42 206.624C453.42 206.96 453.532 207.24 453.756 207.464C453.98 207.688 454.324 207.84 454.788 207.92L457.188 208.376C458.228 208.568 459.012 208.92 459.54 209.432C460.084 209.944 460.356 210.632 460.356 211.496C460.356 212.664 459.9 213.584 458.988 214.256C458.076 214.912 456.86 215.24 455.34 215.24Z" fill="white"/>
+</svg>
diff --git a/public/assets/images/auth/login.svg b/public/assets/images/auth/login.svg
new file mode 100644
index 0000000000000000000000000000000000000000..27ac1f92d61364f533e9a1cdd138b48979213288
--- /dev/null
+++ b/public/assets/images/auth/login.svg
@@ -0,0 +1,108 @@
+<svg width="522" height="522" viewBox="0 0 522 522" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M468.967 466.041H57.9273C57.468 466.041 57.0942 465.667 57.0942 465.208C57.0942 464.749 57.468 464.375 57.9273 464.375H468.967C469.426 464.375 469.8 464.749 469.8 465.208C469.8 465.667 469.426 466.041 468.967 466.041Z" fill="#0E1726"/>
+<path d="M350.082 139.435C350.082 139.435 336.485 142.015 328.822 153.852C321.159 165.689 321.036 175.839 314.115 179.263C307.193 182.687 302.495 182.385 297.553 189.973C292.608 197.56 298.912 206.211 295.204 210.765C291.495 215.319 276.416 217.897 275.426 237.627C274.436 257.356 284.697 273.14 302.618 280.425C320.541 287.71 374.679 260.088 374.679 260.088L358.735 165.842L350.082 139.435Z" fill="#0E1726"/>
+<path d="M263.447 275.762L234.422 299.02L205.442 185.851L146.49 195.817L183.71 343.016C187.408 357.643 197.955 369.578 212.017 375.048C228.168 381.331 246.469 378.141 259.54 366.765L308.734 323.955" fill="#EAF1FF"/>
+<path d="M228.966 379.07C223.167 379.07 217.325 378.005 211.717 375.823C197.433 370.267 186.661 358.077 182.905 343.219L145.682 196.019C145.625 195.794 145.665 195.554 145.792 195.359C145.92 195.165 146.122 195.032 146.352 194.994L205.305 185.028C205.728 184.957 206.144 185.222 206.25 185.642L234.91 297.561L262.927 275.111C263.284 274.825 263.81 274.881 264.098 275.24C264.387 275.599 264.328 276.123 263.969 276.411L234.944 299.67C234.722 299.847 234.426 299.897 234.159 299.81C233.889 299.72 233.685 299.501 233.616 299.225L204.826 186.799L147.521 196.485L184.521 342.81C188.145 357.146 198.537 368.908 212.32 374.27C228.235 380.461 246.117 377.341 258.995 366.135L308.189 323.325C308.533 323.022 309.061 323.059 309.364 323.406C309.667 323.753 309.629 324.279 309.283 324.582L260.09 367.392C251.282 375.055 240.212 379.07 228.966 379.07Z" fill="#0E1726"/>
+<path d="M327.175 285.897L295.692 349.22L267.164 317.269L257.054 305.948L241.235 288.24L280.328 258.202C286.073 253.468 293.56 251.403 300.925 252.547L315.133 254.746L327.175 285.897Z" fill="#4361EE"/>
+<path opacity="0.4" d="M273.284 309.172C273.284 313.027 270.695 316.272 267.162 317.272L257.052 305.951C258.307 302.883 261.328 300.729 264.84 300.729C269.507 300.729 273.284 304.506 273.284 309.172Z" fill="#EAF1FF"/>
+<path d="M295.688 350.057C295.452 350.057 295.227 349.957 295.066 349.779L240.607 288.797C240.452 288.624 240.377 288.394 240.398 288.165C240.419 287.933 240.538 287.722 240.72 287.582L279.813 257.544C280.181 257.262 280.703 257.333 280.982 257.696C281.262 258.062 281.193 258.584 280.83 258.866L242.448 288.357L295.49 347.752L326.426 285.532C326.63 285.12 327.127 284.951 327.543 285.156C327.954 285.36 328.123 285.862 327.919 286.273L296.434 349.596C296.31 349.842 296.072 350.013 295.799 350.051C295.761 350.055 295.726 350.057 295.688 350.057Z" fill="#0E1726"/>
+<path d="M251.331 465.209L268.435 386.84L396.315 402.093L390.533 465.209H251.331Z" fill="#0E1726"/>
+<path d="M312.079 254.746L396.455 257.483C408.425 257.872 417.462 268.481 415.942 280.362L398.658 415.47L260.336 403.174L312.079 254.746Z" fill="#4361EE"/>
+<path opacity="0.4" d="M382.511 398.616C388.072 398.616 392.58 394.108 392.58 388.548C392.58 382.987 388.072 378.479 382.511 378.479C376.951 378.479 372.443 382.987 372.443 388.548C372.443 394.108 376.951 398.616 382.511 398.616Z" fill="#EAF1FF"/>
+<path d="M260.334 404.003C260.242 404.003 260.15 403.989 260.061 403.957C259.626 403.805 259.397 403.331 259.549 402.897L302.576 279.471C302.727 279.037 303.203 278.807 303.637 278.957C304.071 279.11 304.301 279.584 304.149 280.018L261.121 403.444C261.002 403.788 260.681 404.003 260.334 404.003Z" fill="#0E1726"/>
+<path d="M339.722 259.747L341.43 221.62L376.909 214.227L378.239 254.702C378.356 258.25 377.024 261.704 374.504 264.203C370.378 268.293 363.057 273.519 352.924 272.947C339.711 272.204 339.722 259.747 339.722 259.747Z" fill="#EAF1FF"/>
+<path d="M354.465 273.826C353.943 273.826 353.415 273.812 352.876 273.78C339.037 272.999 338.889 259.878 338.889 259.747C338.889 259.734 338.889 259.722 338.891 259.711L340.599 221.584C340.615 221.204 340.889 220.883 341.261 220.806L376.74 213.412C376.982 213.36 377.233 213.42 377.425 213.573C377.617 213.725 377.734 213.955 377.742 214.201L379.072 254.677C379.195 258.475 377.746 262.165 375.09 264.798C370.868 268.984 363.936 273.826 354.465 273.826ZM340.555 259.763C340.561 260.442 340.843 271.431 352.97 272.116C362.646 272.657 369.701 267.792 373.919 263.612C376.247 261.304 377.517 258.066 377.408 254.729L376.111 215.243L342.236 222.303L340.555 259.763Z" fill="#0E1726"/>
+<path d="M377.333 219.384C394.162 201.2 390.372 171.473 390.372 171.473L339.926 150.391C338.989 151.159 319.967 166.639 316.708 197.782C314.023 223.439 338.611 237.884 364.92 228.212" fill="#EAF1FF"/>
+<path d="M348.56 232.077C340.344 232.077 332.742 229.705 326.78 225.065C318.573 218.676 314.701 208.956 315.879 197.694C319.069 167.205 337.317 151.449 339.388 149.753C339.626 149.557 339.964 149.501 340.248 149.62L390.694 170.7C390.97 170.815 391.162 171.068 391.199 171.364C391.237 171.665 394.843 201.69 377.945 219.948C377.63 220.286 377.103 220.305 376.767 219.994C376.429 219.68 376.41 219.154 376.721 218.816C391.941 202.373 389.976 175.91 389.596 172.049L340.071 151.355C336.807 154.153 320.508 169.429 317.535 197.869C316.418 208.537 320.065 217.728 327.804 223.752C337.212 231.075 350.98 232.449 364.632 227.431C365.062 227.27 365.542 227.494 365.701 227.926C365.859 228.358 365.638 228.836 365.206 228.995C359.589 231.06 353.943 232.077 348.56 232.077Z" fill="#0E1726"/>
+<path d="M379.46 190.812C379.46 190.812 352.826 173.126 342.505 155.673C342.505 155.673 332.904 157.241 330.484 160.83C330.484 160.83 327.48 144.139 344.478 139.434C361.476 134.73 400.478 147.782 406.398 171.153C410.29 186.521 409.874 220.616 409.131 242.164C408.772 252.623 400.869 257.774 390.42 257.195L378.398 256.897L376.193 220.789C385.626 212.159 383.246 201.6 379.46 190.812Z" fill="#0E1726"/>
+<path d="M334.029 185.925C334.615 184.115 334.105 182.329 332.891 181.936C331.676 181.543 330.217 182.691 329.63 184.502C329.044 186.312 329.554 188.098 330.768 188.491C331.983 188.884 333.443 187.736 334.029 185.925Z" fill="#0E1726"/>
+<path d="M330.484 178.192C332.84 177.505 335.471 178.438 337.158 180.555L330.484 178.192Z" fill="#EAF1FF"/>
+<path d="M337.158 181.391C336.913 181.391 336.671 181.282 336.506 181.077C335.026 179.219 332.754 178.401 330.718 178.994C330.273 179.123 329.814 178.868 329.685 178.428C329.555 177.985 329.81 177.524 330.25 177.394C332.94 176.611 335.907 177.649 337.809 180.04C338.095 180.399 338.037 180.923 337.675 181.211C337.523 181.33 337.339 181.391 337.158 181.391Z" fill="#0E1726"/>
+<path d="M353.91 194.297C354.205 192.417 353.422 190.733 352.161 190.535C350.9 190.337 349.639 191.7 349.343 193.58C349.048 195.46 349.831 197.144 351.093 197.342C352.354 197.54 353.615 196.177 353.91 194.297Z" fill="#0E1726"/>
+<path d="M350.093 186.978C352.427 186.22 355.083 187.072 356.835 189.137L350.093 186.978Z" fill="#EAF1FF"/>
+<path d="M356.833 189.97C356.597 189.97 356.363 189.87 356.198 189.676C354.661 187.863 352.362 187.116 350.349 187.769C349.909 187.913 349.443 187.671 349.301 187.235C349.159 186.796 349.397 186.326 349.836 186.184C352.498 185.32 355.496 186.268 357.47 188.598C357.766 188.949 357.724 189.475 357.371 189.772C357.215 189.905 357.025 189.97 356.833 189.97Z" fill="#0E1726"/>
+<path d="M377.688 192.167C377.688 192.167 389.27 182.65 394.974 185.316C400.679 187.982 396.415 208.593 389.207 209.86C382 211.128 376.623 207.798 376.623 207.798" fill="#EAF1FF"/>
+<path d="M385.885 210.982C380.265 210.982 376.379 208.623 376.187 208.504C375.794 208.261 375.675 207.75 375.917 207.357C376.16 206.965 376.675 206.846 377.064 207.086C377.116 207.117 382.284 210.23 389.068 209.038C392.719 208.397 395.751 201.609 396.57 195.42C397.209 190.591 396.447 186.922 394.626 186.07C390.333 184.066 381.329 190.257 378.22 192.81C377.865 193.1 377.339 193.05 377.047 192.695C376.755 192.34 376.807 191.814 377.162 191.522C377.65 191.119 389.22 181.706 395.332 184.56C397.902 185.761 398.981 189.904 398.223 195.637C397.315 202.496 393.979 209.867 389.358 210.679C388.14 210.892 386.98 210.982 385.885 210.982Z" fill="#0E1726"/>
+<path d="M389.306 200.786C389.164 200.786 389.02 200.748 388.886 200.673C388.489 200.441 388.354 199.932 388.585 199.533C389.239 198.412 389.667 197.14 389.819 195.854C389.911 195.107 389.828 194.595 389.575 194.334C389.396 194.15 389.074 194.054 388.736 194.083C388.391 194.115 388.011 194.261 387.579 194.532C386.936 194.933 386.372 195.476 385.948 196.1C385.689 196.48 385.172 196.581 384.792 196.322C384.412 196.063 384.311 195.545 384.572 195.165C385.126 194.351 385.861 193.645 386.698 193.121C387.358 192.707 387.978 192.48 388.592 192.426C389.419 192.352 390.243 192.63 390.774 193.175C391.404 193.825 391.634 194.766 391.477 196.057C391.298 197.564 390.797 199.059 390.03 200.375C389.874 200.638 389.594 200.786 389.306 200.786Z" fill="#0E1726"/>
+<path d="M339.722 191.476C338.254 193.8 336.786 196.123 335.318 198.447C334.433 199.848 333.529 201.31 333.464 202.92C333.399 204.53 334.431 206.334 336.295 206.866" fill="#EAF1FF"/>
+<path d="M336.295 207.699C336.22 207.699 336.143 207.689 336.066 207.668C333.71 206.995 332.556 204.755 332.631 202.886C332.706 201.024 333.719 199.418 334.614 198.002L339.016 191.031C339.262 190.642 339.776 190.525 340.164 190.772C340.555 191.018 340.67 191.532 340.423 191.92L336.022 198.892C335.239 200.13 334.351 201.535 334.295 202.953C334.247 204.139 335.011 205.634 336.523 206.064C336.966 206.19 337.222 206.651 337.095 207.094C336.993 207.459 336.659 207.699 336.295 207.699Z" fill="#0E1726"/>
+<path d="M343.236 217.858C341.751 217.858 340.269 217.535 338.918 216.891C338.502 216.693 338.325 216.196 338.523 215.781C338.722 215.365 339.214 215.188 339.634 215.386C341.613 216.328 343.933 216.449 345.998 215.724C348.063 215 349.798 213.452 350.753 211.481C350.953 211.068 351.45 210.895 351.865 211.095C352.279 211.296 352.452 211.795 352.252 212.208C351.105 214.572 349.028 216.426 346.549 217.296C345.482 217.672 344.357 217.858 343.236 217.858Z" fill="#0E1726"/>
+<path d="M247.67 164.008H66.4737C59.0508 164.008 53.0332 170.025 53.0332 177.448V409.296C53.0332 416.718 59.0508 422.736 66.4737 422.736H247.672C255.095 422.736 261.113 416.718 261.113 409.296V177.448C261.111 170.025 255.093 164.008 247.67 164.008Z" fill="#EAF1FF"/>
+<path d="M247.67 423.569H66.4738C58.6041 423.569 52.2002 417.167 52.2002 409.296V177.448C52.2002 169.579 58.6041 163.175 66.4738 163.175H247.672C255.542 163.175 261.946 169.577 261.946 177.448V409.296C261.944 417.167 255.54 423.569 247.67 423.569ZM66.4738 164.841C59.5228 164.841 53.8685 170.495 53.8685 177.446V409.294C53.8685 416.245 59.5249 421.899 66.4738 421.899H247.672C254.623 421.899 260.28 416.245 260.28 409.294V177.448C260.28 170.497 254.623 164.843 247.672 164.843H66.4738V164.841Z" fill="#0E1726"/>
+<path d="M246.495 164.008H67.6492C59.577 164.008 53.0332 170.552 53.0332 178.624V189.471H261.111V178.624C261.111 170.554 254.567 164.008 246.495 164.008Z" fill="#E6F3FC"/>
+<path d="M261.111 190.304H53.0333C52.5739 190.304 52.2002 189.93 52.2002 189.471V178.624C52.2002 170.105 59.1303 163.175 67.6493 163.175H246.493C255.012 163.175 261.942 170.105 261.942 178.624V189.471C261.944 189.933 261.57 190.304 261.111 190.304ZM53.8664 188.638H260.278V178.624C260.278 171.024 254.095 164.841 246.495 164.841H67.6493C60.049 164.841 53.8664 171.024 53.8664 178.624V188.638Z" fill="#0E1726"/>
+<path d="M73.1909 181.451C75.2989 181.451 77.0078 179.742 77.0078 177.634C77.0078 175.526 75.2989 173.817 73.1909 173.817C71.0829 173.817 69.374 175.526 69.374 177.634C69.374 179.742 71.0829 181.451 73.1909 181.451Z" fill="#0E1726"/>
+<path d="M85.7627 181.451C87.8707 181.451 89.5795 179.742 89.5795 177.634C89.5795 175.526 87.8707 173.817 85.7627 173.817C83.6547 173.817 81.9458 175.526 81.9458 177.634C81.9458 179.742 83.6547 181.451 85.7627 181.451Z" fill="#0E1726"/>
+<path d="M98.3325 181.451C100.44 181.451 102.149 179.742 102.149 177.634C102.149 175.526 100.44 173.817 98.3325 173.817C96.2245 173.817 94.5156 175.526 94.5156 177.634C94.5156 179.742 96.2245 181.451 98.3325 181.451Z" fill="#0E1726"/>
+<path d="M153.088 298.346C177.167 298.346 196.687 278.825 196.687 254.746C196.687 230.667 177.167 211.146 153.088 211.146C129.008 211.146 109.488 230.667 109.488 254.746C109.488 278.825 129.008 298.346 153.088 298.346Z" fill="#FFC216"/>
+<path d="M153.088 250.213C158.618 250.213 163.1 245.731 163.1 240.201C163.1 234.672 158.618 230.189 153.088 230.189C147.559 230.189 143.076 234.672 143.076 240.201C143.076 245.731 147.559 250.213 153.088 250.213Z" fill="#EAF1FF"/>
+<path d="M168.278 277.585C173.089 277.585 176.242 272.584 174.212 268.224C170.51 260.265 162.444 254.746 153.086 254.746C143.727 254.746 135.664 260.265 131.959 268.224C129.93 272.586 133.085 277.585 137.893 277.585H168.278Z" fill="#EAF1FF"/>
+<path d="M212.907 313.204H101.237C96.1482 313.204 92.0244 317.328 92.0244 322.416V332.733C92.0244 337.822 96.1503 341.945 101.237 341.945H212.905C217.993 341.945 222.117 337.822 222.117 332.733V322.416C222.119 317.328 217.996 313.204 212.907 313.204Z" fill="#EAF1FF"/>
+<path d="M212.907 342.779H101.237C95.6973 342.779 91.1914 338.273 91.1914 332.733V322.416C91.1914 316.877 95.6973 312.371 101.237 312.371H212.905C218.445 312.371 222.953 316.877 222.953 322.416V332.733C222.953 338.273 218.447 342.779 212.907 342.779ZM101.237 314.037C96.616 314.037 92.8576 317.796 92.8576 322.416V332.733C92.8576 337.354 96.616 341.112 101.237 341.112H212.905C217.526 341.112 221.286 337.354 221.286 332.733V322.416C221.286 317.796 217.528 314.037 212.905 314.037H101.237Z" fill="#0E1726"/>
+<path d="M188.36 359.814H125.783C120.695 359.814 116.571 363.938 116.571 369.027V385.392C116.571 390.481 120.695 394.605 125.783 394.605H188.36C193.449 394.605 197.573 390.479 197.573 385.392V369.027C197.573 363.938 193.449 359.814 188.36 359.814Z" fill="#0E1726"/>
+<path d="M136.12 382.16C135.651 382.16 135.181 382.123 134.712 382.048C134.243 381.984 133.8 381.883 133.384 381.744C132.968 381.595 132.595 381.413 132.264 381.2C132.072 381.072 131.939 380.917 131.864 380.736C131.789 380.555 131.763 380.379 131.784 380.208C131.816 380.027 131.885 379.872 131.992 379.744C132.109 379.605 132.253 379.52 132.424 379.488C132.595 379.456 132.781 379.504 132.984 379.632C133.453 379.909 133.949 380.112 134.472 380.24C134.995 380.368 135.544 380.432 136.12 380.432C136.963 380.432 137.576 380.293 137.96 380.016C138.344 379.728 138.536 379.36 138.536 378.912C138.536 378.539 138.397 378.245 138.12 378.032C137.853 377.819 137.389 377.643 136.728 377.504L134.968 377.136C133.955 376.923 133.197 376.565 132.696 376.064C132.205 375.552 131.96 374.88 131.96 374.048C131.96 373.525 132.067 373.051 132.28 372.624C132.493 372.197 132.792 371.829 133.176 371.52C133.571 371.211 134.035 370.976 134.568 370.816C135.112 370.645 135.709 370.56 136.36 370.56C137 370.56 137.608 370.64 138.184 370.8C138.76 370.96 139.277 371.195 139.736 371.504C139.907 371.621 140.019 371.765 140.072 371.936C140.136 372.107 140.152 372.277 140.12 372.448C140.088 372.608 140.013 372.747 139.896 372.864C139.779 372.981 139.629 373.051 139.448 373.072C139.277 373.093 139.08 373.04 138.856 372.912C138.461 372.688 138.061 372.528 137.656 372.432C137.251 372.336 136.813 372.288 136.344 372.288C135.853 372.288 135.432 372.357 135.08 372.496C134.728 372.635 134.456 372.832 134.264 373.088C134.083 373.333 133.992 373.627 133.992 373.968C133.992 374.352 134.12 374.661 134.376 374.896C134.632 375.12 135.069 375.296 135.688 375.424L137.432 375.792C138.488 376.016 139.272 376.368 139.784 376.848C140.307 377.328 140.568 377.968 140.568 378.768C140.568 379.28 140.461 379.744 140.248 380.16C140.045 380.576 139.747 380.933 139.352 381.232C138.968 381.531 138.504 381.76 137.96 381.92C137.416 382.08 136.803 382.16 136.12 382.16Z" fill="white"/>
+<path d="M143.126 382.112C142.806 382.112 142.56 382.016 142.39 381.824C142.219 381.632 142.134 381.365 142.134 381.024V375.152C142.134 374.8 142.219 374.533 142.39 374.352C142.56 374.16 142.806 374.064 143.126 374.064C143.446 374.064 143.691 374.16 143.862 374.352C144.043 374.533 144.134 374.8 144.134 375.152V381.024C144.134 381.365 144.048 381.632 143.878 381.824C143.707 382.016 143.456 382.112 143.126 382.112ZM143.126 372.576C142.752 372.576 142.459 372.485 142.246 372.304C142.043 372.112 141.942 371.851 141.942 371.52C141.942 371.179 142.043 370.917 142.246 370.736C142.459 370.555 142.752 370.464 143.126 370.464C143.51 370.464 143.803 370.555 144.006 370.736C144.208 370.917 144.31 371.179 144.31 371.52C144.31 371.851 144.208 372.112 144.006 372.304C143.803 372.485 143.51 372.576 143.126 372.576Z" fill="white"/>
+<path d="M149.86 385.04C149.284 385.04 148.724 384.987 148.18 384.88C147.647 384.773 147.161 384.608 146.724 384.384C146.521 384.277 146.383 384.149 146.308 384C146.244 383.851 146.223 383.696 146.244 383.536C146.276 383.387 146.34 383.253 146.436 383.136C146.543 383.019 146.671 382.939 146.82 382.896C146.969 382.853 147.124 382.875 147.284 382.96C147.753 383.195 148.196 383.344 148.612 383.408C149.039 383.483 149.401 383.52 149.7 383.52C150.415 383.52 150.948 383.344 151.3 382.992C151.663 382.651 151.844 382.139 151.844 381.456V380.016H151.988C151.828 380.56 151.492 380.997 150.98 381.328C150.479 381.648 149.908 381.808 149.268 381.808C148.564 381.808 147.951 381.648 147.428 381.328C146.905 380.997 146.5 380.539 146.212 379.952C145.924 379.365 145.78 378.683 145.78 377.904C145.78 377.317 145.86 376.789 146.02 376.32C146.191 375.84 146.425 375.429 146.724 375.088C147.033 374.747 147.401 374.485 147.828 374.304C148.265 374.112 148.745 374.016 149.268 374.016C149.929 374.016 150.505 374.181 150.996 374.512C151.497 374.832 151.823 375.259 151.972 375.792L151.812 376.192V375.056C151.812 374.725 151.897 374.475 152.068 374.304C152.249 374.133 152.495 374.048 152.804 374.048C153.124 374.048 153.369 374.133 153.54 374.304C153.711 374.475 153.796 374.725 153.796 375.056V381.216C153.796 382.485 153.46 383.44 152.788 384.08C152.116 384.72 151.14 385.04 149.86 385.04ZM149.812 380.288C150.228 380.288 150.585 380.192 150.884 380C151.183 379.808 151.412 379.536 151.572 379.184C151.743 378.821 151.828 378.395 151.828 377.904C151.828 377.168 151.647 376.592 151.284 376.176C150.921 375.749 150.431 375.536 149.812 375.536C149.396 375.536 149.039 375.632 148.74 375.824C148.441 376.016 148.207 376.288 148.036 376.64C147.876 376.992 147.796 377.413 147.796 377.904C147.796 378.64 147.977 379.221 148.34 379.648C148.703 380.075 149.193 380.288 149.812 380.288Z" fill="white"/>
+<path d="M156.86 382.128C156.54 382.128 156.295 382.043 156.124 381.872C155.953 381.691 155.868 381.435 155.868 381.104V375.056C155.868 374.725 155.953 374.475 156.124 374.304C156.295 374.133 156.535 374.048 156.844 374.048C157.153 374.048 157.393 374.133 157.564 374.304C157.735 374.475 157.82 374.725 157.82 375.056V376.144L157.644 375.744C157.879 375.179 158.241 374.752 158.732 374.464C159.233 374.165 159.799 374.016 160.428 374.016C161.057 374.016 161.575 374.133 161.98 374.368C162.385 374.603 162.689 374.96 162.892 375.44C163.095 375.909 163.196 376.507 163.196 377.232V381.104C163.196 381.435 163.111 381.691 162.94 381.872C162.769 382.043 162.524 382.128 162.204 382.128C161.884 382.128 161.633 382.043 161.452 381.872C161.281 381.691 161.196 381.435 161.196 381.104V377.328C161.196 376.72 161.079 376.277 160.844 376C160.62 375.723 160.268 375.584 159.788 375.584C159.201 375.584 158.732 375.771 158.38 376.144C158.039 376.507 157.868 376.992 157.868 377.6V381.104C157.868 381.787 157.532 382.128 156.86 382.128Z" fill="white"/>
+<path d="M170.787 382.128C170.457 382.128 170.201 382.037 170.019 381.856C169.849 381.664 169.763 381.403 169.763 381.072V371.648C169.763 371.307 169.849 371.045 170.019 370.864C170.201 370.683 170.457 370.592 170.787 370.592C171.118 370.592 171.369 370.683 171.539 370.864C171.721 371.045 171.811 371.307 171.811 371.648V381.072C171.811 381.403 171.726 381.664 171.555 381.856C171.385 382.037 171.129 382.128 170.787 382.128Z" fill="white"/>
+<path d="M175.079 382.128C174.759 382.128 174.514 382.043 174.343 381.872C174.172 381.691 174.087 381.435 174.087 381.104V375.056C174.087 374.725 174.172 374.475 174.343 374.304C174.514 374.133 174.754 374.048 175.063 374.048C175.372 374.048 175.612 374.133 175.783 374.304C175.954 374.475 176.039 374.725 176.039 375.056V376.144L175.863 375.744C176.098 375.179 176.46 374.752 176.951 374.464C177.452 374.165 178.018 374.016 178.647 374.016C179.276 374.016 179.794 374.133 180.199 374.368C180.604 374.603 180.908 374.96 181.111 375.44C181.314 375.909 181.415 376.507 181.415 377.232V381.104C181.415 381.435 181.33 381.691 181.159 381.872C180.988 382.043 180.743 382.128 180.423 382.128C180.103 382.128 179.852 382.043 179.671 381.872C179.5 381.691 179.415 381.435 179.415 381.104V377.328C179.415 376.72 179.298 376.277 179.063 376C178.839 375.723 178.487 375.584 178.007 375.584C177.42 375.584 176.951 375.771 176.599 376.144C176.258 376.507 176.087 376.992 176.087 377.6V381.104C176.087 381.787 175.751 382.128 175.079 382.128Z" fill="white"/>
+<path d="M188.361 395.44H125.783C120.244 395.44 115.736 390.934 115.736 385.395V369.029C115.736 363.489 120.242 358.983 125.783 358.983H188.359C193.898 358.983 198.406 363.489 198.406 369.029V385.395C198.406 390.932 193.9 395.44 188.361 395.44ZM125.783 360.648C121.163 360.648 117.402 364.406 117.402 369.027V385.392C117.402 390.013 121.16 393.772 125.783 393.772H188.359C192.979 393.772 196.74 390.013 196.74 385.392V369.027C196.74 364.406 192.981 360.648 188.359 360.648H125.783Z" fill="#0E1726"/>
+<path d="M178.752 326.236C179.829 328.113 179.196 330.502 177.319 331.579C175.453 332.656 173.064 332.024 171.987 330.147C170.909 328.28 171.542 325.891 173.419 324.814C175.286 323.724 177.672 324.369 178.752 326.236Z" fill="#0E1726"/>
+<path d="M161.01 326.236C162.087 328.113 161.454 330.502 159.577 331.579C157.711 332.656 155.322 332.024 154.245 330.147C153.157 328.28 153.8 325.891 155.666 324.814C157.544 323.724 159.932 324.369 161.01 326.236Z" fill="#0E1726"/>
+<path d="M195.07 331.579C193.192 332.656 190.804 332.024 189.726 330.147C188.649 328.28 189.282 325.891 191.159 324.814C193.025 323.726 195.414 324.369 196.491 326.236C197.581 328.113 196.936 330.502 195.07 331.579Z" fill="#0E1726"/>
+<path d="M125.527 326.236C126.604 328.113 125.959 330.502 124.094 331.579C122.227 332.656 119.839 332.024 118.751 330.147C117.674 328.28 118.319 325.891 120.183 324.814C122.05 323.724 124.449 324.369 125.527 326.236Z" fill="#0E1726"/>
+<path d="M143.268 326.236C144.346 328.113 143.713 330.502 141.836 331.579C139.969 332.656 137.58 332.024 136.493 330.147C135.415 328.28 136.058 325.891 137.925 324.814C139.802 323.724 142.191 324.369 143.268 326.236Z" fill="#0E1726"/>
+<path d="M376.621 288.43L351.636 336.466L275.616 329.2C275.605 329.2 275.605 329.2 275.605 329.2C269.462 326.59 260.95 326.859 256.64 325.304C246.893 321.794 230.912 317.382 221.875 314.947C218.386 314.008 214.857 316.284 214.262 319.848C213.847 322.335 215.001 324.821 217.171 326.11L231.158 334.422C223.071 336.911 226.059 345.443 226.059 345.443C220.539 348.508 224.126 356.018 224.126 356.018C221.616 357.24 221.115 359.518 221.382 361.75C221.793 365.239 224.193 368.193 227.425 369.571L247.599 378.203C248.111 378.425 248.633 378.525 249.155 378.525C250.844 378.525 252.433 377.424 252.942 375.691C253.441 374.025 252.798 372.236 251.353 371.282L250.898 370.97L359.09 394.899C371.931 397.455 384.875 391.044 390.629 379.291L422.857 313.392L376.621 288.43Z" fill="#EAF1FF"/>
+<path d="M364.715 396.289C362.798 396.289 360.863 396.104 358.929 395.717L253.429 372.384C253.974 373.449 254.107 374.712 253.742 375.931C253.147 377.948 251.259 379.358 249.155 379.358C248.499 379.358 247.864 379.226 247.267 378.967L227.097 370.338C223.497 368.803 220.99 365.55 220.553 361.848C220.219 359.056 221.086 356.933 223.061 355.661C221.908 352.746 221.19 347.702 225.08 345.067C224.738 343.73 224.189 340.59 225.598 337.798C226.37 336.27 227.6 335.088 229.269 334.272L216.743 326.828C214.26 325.352 212.963 322.56 213.437 319.712C213.761 317.779 214.891 316.062 216.536 315.006C218.179 313.951 220.203 313.636 222.09 314.145C237.932 318.415 249.65 321.907 256.92 324.523C258.67 325.153 261.274 325.485 264.028 325.838C267.865 326.327 272.208 326.882 275.821 328.392L351.154 335.587L375.878 288.05C375.98 287.851 376.159 287.703 376.37 287.638C376.583 287.574 376.815 287.594 377.011 287.701L423.248 312.663C423.643 312.876 423.797 313.36 423.601 313.761L391.373 379.661C386.332 389.967 375.871 396.287 364.715 396.289ZM250.898 370.137C250.959 370.137 251.017 370.144 251.078 370.156L359.27 394.085C371.699 396.557 384.298 390.326 389.88 378.924L421.755 313.742L376.968 289.563L352.375 336.848C352.218 337.149 351.897 337.324 351.557 337.293L275.537 330.027C275.451 330.018 275.357 329.998 275.28 329.964C271.858 328.511 267.588 327.966 263.821 327.486C260.973 327.122 258.281 326.778 256.358 326.085C249.132 323.483 237.458 320.004 221.66 315.747C220.207 315.354 218.705 315.588 217.442 316.4C216.189 317.204 215.331 318.509 215.087 319.979C214.724 322.145 215.711 324.268 217.597 325.389L231.584 333.702C231.868 333.871 232.025 334.19 231.987 334.516C231.948 334.844 231.72 335.117 231.405 335.213C229.34 335.848 227.891 336.965 227.095 338.533C225.602 341.479 226.836 345.125 226.849 345.163C226.98 345.545 226.819 345.969 226.467 346.165C221.7 348.81 224.75 355.375 224.88 355.655C225.076 356.068 224.903 356.563 224.493 356.762C222.673 357.649 221.925 359.246 222.213 361.645C222.579 364.756 224.702 367.498 227.755 368.799L247.931 377.431C248.322 377.6 248.733 377.685 249.159 377.685C250.531 377.685 251.758 376.767 252.147 375.449C252.544 374.123 252.042 372.726 250.896 371.971L250.431 371.653C250.101 371.428 249.977 371 250.136 370.634C250.268 370.329 250.573 370.137 250.898 370.137Z" fill="#0E1726"/>
+<path d="M351.638 337.293C351.212 337.293 350.849 336.967 350.809 336.535C350.767 336.076 351.106 335.673 351.565 335.631L366.619 334.276C367.089 334.234 367.484 334.572 367.524 335.032C367.565 335.491 367.227 335.894 366.768 335.936L351.713 337.291C351.688 337.293 351.663 337.293 351.638 337.293Z" fill="#0E1726"/>
+<path d="M250.898 371.81C250.792 371.81 250.683 371.789 250.577 371.746L237.689 366.359C237.263 366.181 237.065 365.692 237.241 365.269C237.42 364.843 237.907 364.644 238.33 364.822L251.218 370.209C251.644 370.386 251.842 370.875 251.667 371.299C251.533 371.618 251.224 371.81 250.898 371.81Z" fill="#0E1726"/>
+<path d="M233.608 348.923C233.516 348.923 233.424 348.909 233.332 348.875L225.784 346.23C225.35 346.077 225.122 345.601 225.272 345.167C225.425 344.733 225.899 344.503 226.335 344.656L233.883 347.301C234.318 347.453 234.545 347.93 234.395 348.364C234.274 348.708 233.95 348.923 233.608 348.923Z" fill="#0E1726"/>
+<path d="M230.131 358.311C230.066 358.311 229.999 358.303 229.932 358.288L223.923 356.833C223.476 356.724 223.201 356.273 223.309 355.826C223.418 355.379 223.869 355.106 224.316 355.212L230.325 356.668C230.772 356.776 231.047 357.227 230.939 357.674C230.847 358.054 230.507 358.311 230.131 358.311Z" fill="#0E1726"/>
+<path d="M239.911 337.826C239.834 337.826 239.755 337.815 239.675 337.792L230.922 335.218C230.482 335.088 230.229 334.625 230.359 334.184C230.488 333.744 230.945 333.489 231.394 333.621L240.147 336.195C240.588 336.325 240.84 336.788 240.711 337.229C240.604 337.59 240.272 337.826 239.911 337.826Z" fill="#0E1726"/>
+<path d="M436.1 290.297C436.1 293.852 435.534 297.45 434.356 300.95L422.858 337.22L415.959 333.6L392.573 321.301L363.59 306.071L389.151 257.235L401.527 256.834C409.004 256.59 416.345 258.855 422.39 263.278C431.178 269.711 436.1 279.832 436.1 290.297Z" fill="#4361EE"/>
+<g opacity="0.4">
+<path d="M421.114 322.592C421.114 327.015 419.114 330.969 415.959 333.602L392.573 321.304C393.218 314.006 399.338 308.283 406.805 308.283C414.714 308.283 421.114 314.693 421.114 322.592Z" fill="#EAF1FF"/>
+</g>
+<path d="M422.851 338.054C422.718 338.054 422.584 338.022 422.465 337.958L363.208 306.809C362.8 306.596 362.644 306.093 362.857 305.685L381.49 270.091C381.703 269.684 382.204 269.526 382.613 269.741C383.021 269.954 383.179 270.457 382.964 270.866L364.717 305.723L422.359 336.024L433.252 301.948C433.394 301.509 433.859 301.267 434.3 301.407C434.738 301.547 434.981 302.017 434.841 302.455L423.645 337.477C423.57 337.711 423.394 337.901 423.167 337.995C423.066 338.033 422.96 338.054 422.851 338.054Z" fill="#0E1726"/>
+<path d="M267.189 159.548C267.189 159.548 249.973 147.356 241.408 121.814C235.466 104.093 232.173 83.2106 232.691 67.9807C252.938 66.9137 276.144 60.2739 289.388 55.958C299.586 65.4521 317.846 81.2437 335.765 90.7357C329.71 105.264 318.263 123.041 306.122 136.386C291.28 152.697 267.189 159.548 267.189 159.548Z" fill="#4361EE"/>
+<path d="M280.212 123.762C291.474 123.762 300.603 114.633 300.603 103.371C300.603 92.109 291.474 82.9795 280.212 82.9795C268.95 82.9795 259.82 92.109 259.82 103.371C259.82 114.633 268.95 123.762 280.212 123.762Z" fill="#EAF1FF"/>
+<path d="M270.644 102.798L274.922 109.499L290.785 99.374" fill="#EAF1FF"/>
+<path d="M274.246 112.566L268.773 103.993L272.517 101.602L275.599 106.429L289.589 97.501L291.982 101.247L274.246 112.566Z" fill="#0E1726"/>
+<path d="M446.982 389.664L441.032 393.999C438.238 396.016 434.344 395.404 432.323 392.631L427.986 386.681C425.965 383.906 426.576 380.012 429.349 377.992L435.304 373.637C438.079 371.616 441.971 372.227 444.013 375.005L448.346 380.976C450.369 383.749 449.757 387.643 446.982 389.664Z" fill="#FFC216"/>
+<path d="M440.758 244.517L438.626 248.225C437.622 249.956 435.411 250.553 433.682 249.561L429.973 247.43C428.245 246.436 427.647 244.225 428.641 242.498L430.769 238.777C431.763 237.048 433.972 236.451 435.713 237.441L439.426 239.583C441.153 240.579 441.75 242.788 440.758 244.517Z" fill="#FFC216"/>
+<path d="M174.131 140.45L171.999 144.158C170.995 145.889 168.784 146.486 167.055 145.494L163.347 143.362C161.618 142.368 161.02 140.157 162.014 138.43L164.142 134.71C165.136 132.981 167.345 132.384 169.086 133.373L172.799 135.516C174.528 136.509 175.125 138.721 174.131 140.45Z" fill="#FFC216"/>
+<path d="M356.353 118.241L354.221 121.95C353.217 123.681 351.005 124.278 349.276 123.286L345.568 121.154C343.839 120.16 343.242 117.949 344.236 116.222L346.364 112.502C347.358 110.773 349.567 110.176 351.308 111.165L355.021 113.308C356.749 114.301 357.347 116.513 356.353 118.241Z" fill="#FFC216"/>
+<g opacity="0.4">
+<path d="M408.515 284.271C410.361 284.271 411.858 282.774 411.858 280.928C411.858 279.082 410.361 277.585 408.515 277.585C406.669 277.585 405.172 279.082 405.172 280.928C405.172 282.774 406.669 284.271 408.515 284.271Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M380.941 299.432C383.326 299.432 385.259 297.499 385.259 295.114C385.259 292.729 383.326 290.796 380.941 290.796C378.556 290.796 376.623 292.729 376.623 295.114C376.623 297.499 378.556 299.432 380.941 299.432Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M327.154 288.695C328.993 288.695 330.484 287.204 330.484 285.365C330.484 283.525 328.993 282.034 327.154 282.034C325.315 282.034 323.824 283.525 323.824 285.365C323.824 287.204 325.315 288.695 327.154 288.695Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M340.991 317.176C343.42 317.176 345.388 315.207 345.388 312.778C345.388 310.35 343.42 308.381 340.991 308.381C338.562 308.381 336.594 310.35 336.594 312.778C336.594 315.207 338.562 317.176 340.991 317.176Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M312.492 320.433C315.82 320.433 318.518 317.735 318.518 314.407C318.518 311.079 315.82 308.381 312.492 308.381C309.164 308.381 306.466 311.079 306.466 314.407C306.466 317.735 309.164 320.433 312.492 320.433Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M282.329 279.744C284.194 279.744 285.705 278.232 285.705 276.367C285.705 274.503 284.194 272.991 282.329 272.991C280.464 272.991 278.953 274.503 278.953 276.367C278.953 278.232 280.464 279.744 282.329 279.744Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M285.198 303.716C287.047 303.716 288.547 302.216 288.547 300.367C288.547 298.517 287.047 297.018 285.198 297.018C283.348 297.018 281.849 298.517 281.849 300.367C281.849 302.216 283.348 303.716 285.198 303.716Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M290.299 395.916C292.805 395.916 294.836 393.885 294.836 391.379C294.836 388.873 292.805 386.842 290.299 386.842C287.793 386.842 285.762 388.873 285.762 391.379C285.762 393.885 287.793 395.916 290.299 395.916Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M317.031 400.453C319.537 400.453 321.569 398.422 321.569 395.916C321.569 393.41 319.537 391.379 317.031 391.379C314.526 391.379 312.494 393.41 312.494 395.916C312.494 398.422 314.526 400.453 317.031 400.453Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M341.071 364.256C344.673 364.256 347.594 361.335 347.594 357.733C347.594 354.13 344.673 351.21 341.071 351.21C337.468 351.21 334.548 354.13 334.548 357.733C334.548 361.335 337.468 364.256 341.071 364.256Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M313.626 275.948C316.328 275.948 318.518 273.758 318.518 271.056C318.518 268.354 316.328 266.164 313.626 266.164C310.924 266.164 308.734 268.354 308.734 271.056C308.734 273.758 310.924 275.948 313.626 275.948Z" fill="#EAF1FF"/>
+</g>
+</svg>
diff --git a/public/assets/images/auth/logo-white.svg b/public/assets/images/auth/logo-white.svg
new file mode 100644
index 0000000000000000000000000000000000000000..76f8a77a61e2d73714102ec137b31aa11595ee78
--- /dev/null
+++ b/public/assets/images/auth/logo-white.svg
@@ -0,0 +1,17 @@
+<svg width="280" height="64" viewBox="0 0 280 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M105.377 48.0733C104.578 48.0733 103.906 47.8916 103.361 47.5283C102.852 47.1285 102.434 46.5472 102.107 45.7841L87.445 12.5903C87.1543 11.8272 87.0816 11.1731 87.227 10.6281C87.3723 10.083 87.663 9.66516 88.0991 9.37446C88.5714 9.04743 89.1347 8.88392 89.7887 8.88392C90.6245 8.88392 91.2604 9.0656 91.6964 9.42897C92.1325 9.79234 92.4958 10.3374 92.7865 11.0641L106.522 42.8953H104.505L118.132 11.0096C118.459 10.3192 118.84 9.79234 119.276 9.42897C119.749 9.0656 120.384 8.88392 121.184 8.88392C121.838 8.88392 122.365 9.04743 122.764 9.37446C123.201 9.66516 123.473 10.083 123.582 10.6281C123.691 11.1731 123.582 11.8272 123.255 12.5903L108.648 45.7841C108.321 46.5472 107.903 47.1285 107.394 47.5283C106.885 47.8916 106.213 48.0733 105.377 48.0733Z" fill="#FFFFFF"/>
+<path d="M131.769 48.0733C130.86 48.0733 130.152 47.819 129.643 47.3102C129.17 46.8015 128.934 46.0929 128.934 45.1845V12.1542C128.934 11.2095 129.189 10.5009 129.697 10.0285C130.206 9.51981 130.915 9.26545 131.823 9.26545H144.85C148.992 9.26545 152.19 10.2465 154.443 12.2087C156.696 14.1709 157.822 16.9507 157.822 20.5481C157.822 22.8736 157.313 24.8722 156.296 26.5437C155.279 28.2152 153.789 29.487 151.827 30.359C149.901 31.2311 147.575 31.6672 144.85 31.6672L145.34 30.9041H146.758C148.211 30.9041 149.465 31.2675 150.518 31.9942C151.609 32.7209 152.59 33.8837 153.462 35.4826L158.149 44.2034C158.513 44.8575 158.676 45.4934 158.64 46.1111C158.64 46.6925 158.422 47.1649 157.986 47.5283C157.586 47.8916 157.005 48.0733 156.241 48.0733C155.442 48.0733 154.788 47.9098 154.279 47.5828C153.807 47.2194 153.371 46.6925 152.971 46.0021L147.248 35.4281C146.485 34.0109 145.613 33.0661 144.632 32.5938C143.651 32.0851 142.361 31.8307 140.762 31.8307H134.603V45.1845C134.603 46.0929 134.367 46.8015 133.894 47.3102C133.422 47.819 132.713 48.0733 131.769 48.0733ZM134.603 27.5793H143.923C146.685 27.5793 148.774 26.9979 150.191 25.8351C151.609 24.6723 152.317 22.9463 152.317 20.6571C152.317 18.4042 151.609 16.6964 150.191 15.5336C148.774 14.3708 146.685 13.7894 143.923 13.7894H134.603V27.5793Z" fill="#FFFFFF"/>
+<path d="M168.655 48.0733C167.747 48.0733 167.038 47.819 166.53 47.3102C166.057 46.8015 165.821 46.0929 165.821 45.1845V11.7727C165.821 10.8279 166.057 10.1194 166.53 9.64699C167.038 9.13827 167.747 8.88392 168.655 8.88392C169.564 8.88392 170.254 9.13827 170.727 9.64699C171.235 10.1194 171.49 10.8279 171.49 11.7727V45.1845C171.49 46.0929 171.254 46.8015 170.781 47.3102C170.309 47.819 169.6 48.0733 168.655 48.0733Z" fill="#FFFFFF"/>
+<path d="M193.214 48.1823C191.543 48.1823 189.908 48.0551 188.309 47.8008C186.71 47.5464 185.202 47.1649 183.785 46.6562C182.368 46.1111 181.096 45.457 179.97 44.694C179.425 44.2943 179.043 43.8401 178.825 43.3313C178.643 42.8226 178.589 42.3321 178.661 41.8597C178.771 41.351 178.989 40.9149 179.316 40.5516C179.643 40.1882 180.042 39.9702 180.515 39.8975C180.987 39.7885 181.514 39.9338 182.095 40.3335C183.73 41.3873 185.457 42.1686 187.273 42.6773C189.09 43.1497 191.071 43.3858 193.214 43.3858C196.303 43.3858 198.574 42.8408 200.028 41.7507C201.517 40.6242 202.262 39.1708 202.262 37.3902C202.262 35.9368 201.735 34.7922 200.682 33.9564C199.628 33.0843 197.866 32.3939 195.395 31.8852L189.563 30.6861C186.111 29.9593 183.531 28.7602 181.823 27.0887C180.151 25.4172 179.316 23.1643 179.316 20.3301C179.316 18.6222 179.661 17.0597 180.351 15.6426C181.078 14.2254 182.077 13.0082 183.349 11.9907C184.621 10.937 186.147 10.1375 187.927 9.59248C189.708 9.04743 191.652 8.7749 193.759 8.7749C196.012 8.7749 198.12 9.0656 200.082 9.64699C202.081 10.2284 203.861 11.1186 205.424 12.3178C205.896 12.6448 206.205 13.0627 206.35 13.5714C206.532 14.0438 206.568 14.5161 206.459 14.9885C206.387 15.4609 206.187 15.8606 205.86 16.1876C205.533 16.5147 205.115 16.7145 204.606 16.7872C204.097 16.8235 203.534 16.6419 202.916 16.2421C201.499 15.2974 200.046 14.6252 198.556 14.2254C197.102 13.7894 195.485 13.5714 193.705 13.5714C191.924 13.5714 190.362 13.8439 189.018 14.389C187.709 14.934 186.692 15.6971 185.965 16.6782C185.275 17.6593 184.93 18.8221 184.93 20.1665C184.93 21.6927 185.42 22.91 186.401 23.8184C187.382 24.7268 189.018 25.4172 191.307 25.8896L197.084 27.0887C200.718 27.8518 203.425 29.0327 205.206 30.6316C206.986 32.2304 207.876 34.3561 207.876 37.0087C207.876 38.7165 207.531 40.2609 206.841 41.6417C206.15 42.9861 205.169 44.1489 203.897 45.13C202.626 46.1111 201.081 46.8742 199.265 47.4192C197.484 47.928 195.467 48.1823 193.214 48.1823Z" fill="#FFFFFF"/>
+<path d="M225.723 48.0733C224.814 48.0733 224.106 47.819 223.597 47.3102C223.125 46.8015 222.888 46.0929 222.888 45.1845V14.0074H211.333C210.57 14.0074 209.971 13.8076 209.535 13.4079C209.099 12.9718 208.88 12.3723 208.88 11.6092C208.88 10.8461 209.099 10.2647 209.535 9.86501C209.971 9.46531 210.57 9.26545 211.333 9.26545H240.058C240.857 9.26545 241.475 9.46531 241.911 9.86501C242.347 10.2647 242.565 10.8461 242.565 11.6092C242.565 12.3723 242.347 12.9718 241.911 13.4079C241.475 13.8076 240.857 14.0074 240.058 14.0074H228.502V45.1845C228.502 46.0929 228.266 46.8015 227.794 47.3102C227.358 47.819 226.667 48.0733 225.723 48.0733Z" fill="#FFFFFF"/>
+<path d="M261.118 48.1823C257.484 48.1823 254.304 47.3829 251.579 45.7841C248.89 44.1489 246.801 41.8597 245.311 38.9164C243.857 35.9368 243.131 32.4484 243.131 28.4514C243.131 25.4354 243.549 22.7283 244.384 20.3301C245.22 17.8955 246.419 15.8243 247.982 14.1164C249.544 12.3723 251.434 11.046 253.65 10.1375C255.867 9.22911 258.356 8.7749 261.118 8.7749C264.788 8.7749 267.967 9.57432 270.656 11.1731C273.345 12.772 275.416 15.043 276.87 17.9863C278.359 20.9296 279.104 24.3998 279.104 28.3969C279.104 31.4128 278.686 34.1381 277.851 36.5727C277.015 39.0072 275.798 41.0966 274.199 42.8408C272.636 44.585 270.747 45.9113 268.53 46.8197C266.314 47.7281 263.843 48.1823 261.118 48.1823ZM261.118 43.2768C263.661 43.2768 265.823 42.6954 267.604 41.5327C269.421 40.3699 270.801 38.6802 271.746 36.4637C272.727 34.2471 273.218 31.5763 273.218 28.4514C273.218 23.7639 272.164 20.1302 270.056 17.5503C267.949 14.9704 264.969 13.6804 261.118 13.6804C258.574 13.6804 256.394 14.2618 254.577 15.4246C252.796 16.551 251.416 18.2225 250.434 20.4391C249.49 22.6556 249.017 25.3264 249.017 28.4514C249.017 33.1025 250.071 36.7362 252.179 39.3524C254.323 41.9687 257.302 43.2768 261.118 43.2768Z" fill="#FFFFFF"/>
+<g clip-path="url(#clip0_1223_92590)">
+<path d="M36.2136 27.8593C41.0813 27.8593 45.0272 23.9133 45.0272 19.0456C45.0272 14.178 41.0813 10.2319 36.2136 10.2319C31.346 10.2319 27.3999 14.178 27.3999 19.0456C27.3999 23.9133 31.346 27.8593 36.2136 27.8593Z" fill="white"/>
+<path d="M71.9558 4.97714L39.0723 61.9411C37.8055 64.1391 34.6222 64.1391 33.3446 61.9411L0.461104 4.97714C-1.228 2.05369 2.05274 -1.22706 4.9762 0.462047L21.445 9.96865C23.1557 10.954 24.0436 12.9679 23.5022 14.8627C23.0258 16.5519 22.8633 18.3709 23.1124 20.2658C23.8921 26.2318 28.7536 30.985 34.7412 31.6347C42.7104 32.5009 49.4452 26.2751 49.4452 18.4901C49.4452 17.2882 49.2828 16.1188 48.9796 15.0143C48.4491 13.0546 49.2286 10.9864 50.9827 9.97949L67.4623 0.462047C70.3749 -1.22706 73.6449 2.04286 71.9558 4.97714Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_1223_92590">
+<rect width="72.6739" height="63.5896" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/images/auth/map.png b/public/assets/images/auth/map.png
new file mode 100644
index 0000000000000000000000000000000000000000..40380c8e3640028a24bc96535d9f7d6a754813a5
Binary files /dev/null and b/public/assets/images/auth/map.png differ
diff --git a/public/assets/images/auth/polygon-object.svg b/public/assets/images/auth/polygon-object.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5595db60cea9d5ebf9433fc024881ac5fa4f2b76
--- /dev/null
+++ b/public/assets/images/auth/polygon-object.svg
@@ -0,0 +1,9 @@
+<svg width="403" height="203" viewBox="0 0 403 203" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.5" d="M84.1429 22.5C92.1814 8.57695 107.037 6.30518e-07 123.114 -8.68407e-07L279.153 -8.31927e-06C295.229 -2.1888e-06 310.085 8.57695 318.124 22.5L396.143 157.633C404.181 171.556 404.181 188.71 396.143 202.633L318.124 337.767C310.085 351.69 295.229 360.267 279.153 360.267L123.114 360.267C107.037 360.267 92.1814 351.69 84.1429 337.767L6.12366 202.633C-1.91481 188.71 -1.91481 171.556 6.12366 157.633L84.1429 22.5Z" fill="url(#paint0_linear_1271_92615)"/>
+<defs>
+<linearGradient id="paint0_linear_1271_92615" x1="51.8148" y1="337.506" x2="355.795" y2="63.7325" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8B50E8"/>
+<stop offset="1" stop-color="#EA6161"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/public/assets/images/auth/register.svg b/public/assets/images/auth/register.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6cfb58f3fd74ec5875010d70b0e0f25bc533b7d2
--- /dev/null
+++ b/public/assets/images/auth/register.svg
@@ -0,0 +1,108 @@
+<svg width="522" height="522" viewBox="0 0 522 522" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M468.967 466.041H57.9273C57.468 466.041 57.0942 465.667 57.0942 465.208C57.0942 464.749 57.468 464.375 57.9273 464.375H468.967C469.426 464.375 469.8 464.749 469.8 465.208C469.8 465.667 469.426 466.041 468.967 466.041Z" fill="#0E1726"/>
+<path d="M350.082 139.435C350.082 139.435 336.485 142.015 328.822 153.852C321.159 165.689 321.036 175.839 314.115 179.263C307.193 182.687 302.495 182.385 297.553 189.973C292.608 197.56 298.912 206.211 295.204 210.765C291.495 215.319 276.416 217.897 275.426 237.627C274.436 257.356 284.697 273.14 302.618 280.425C320.541 287.71 374.679 260.088 374.679 260.088L358.735 165.842L350.082 139.435Z" fill="#0E1726"/>
+<path d="M263.447 275.762L234.422 299.02L205.442 185.851L146.49 195.817L183.71 343.016C187.408 357.643 197.955 369.578 212.017 375.048C228.168 381.331 246.469 378.141 259.54 366.765L308.734 323.955" fill="#EAF1FF"/>
+<path d="M228.966 379.07C223.167 379.07 217.325 378.005 211.717 375.823C197.433 370.267 186.661 358.077 182.905 343.219L145.682 196.019C145.625 195.794 145.665 195.554 145.792 195.359C145.92 195.165 146.122 195.032 146.352 194.994L205.305 185.028C205.728 184.957 206.144 185.222 206.25 185.642L234.91 297.561L262.927 275.111C263.284 274.825 263.81 274.881 264.098 275.24C264.387 275.599 264.328 276.123 263.969 276.411L234.944 299.67C234.722 299.847 234.426 299.897 234.159 299.81C233.889 299.72 233.685 299.501 233.616 299.225L204.826 186.799L147.521 196.485L184.521 342.81C188.145 357.146 198.537 368.908 212.32 374.27C228.235 380.461 246.117 377.341 258.995 366.135L308.189 323.325C308.533 323.022 309.061 323.059 309.364 323.406C309.667 323.753 309.629 324.279 309.283 324.582L260.09 367.392C251.282 375.055 240.212 379.07 228.966 379.07Z" fill="#0E1726"/>
+<path d="M327.175 285.897L295.692 349.22L267.164 317.269L257.054 305.948L241.235 288.24L280.328 258.202C286.073 253.468 293.56 251.403 300.925 252.547L315.133 254.746L327.175 285.897Z" fill="#4361EE"/>
+<path opacity="0.4" d="M273.284 309.172C273.284 313.027 270.695 316.272 267.162 317.272L257.052 305.951C258.307 302.883 261.328 300.729 264.84 300.729C269.507 300.729 273.284 304.506 273.284 309.172Z" fill="#EAF1FF"/>
+<path d="M295.688 350.057C295.452 350.057 295.227 349.957 295.066 349.779L240.607 288.797C240.452 288.624 240.377 288.394 240.398 288.165C240.419 287.933 240.538 287.722 240.72 287.582L279.813 257.544C280.181 257.262 280.703 257.333 280.982 257.696C281.262 258.062 281.193 258.584 280.83 258.866L242.448 288.357L295.49 347.752L326.426 285.532C326.63 285.12 327.127 284.951 327.543 285.156C327.954 285.36 328.123 285.862 327.919 286.273L296.434 349.596C296.31 349.842 296.072 350.013 295.799 350.051C295.761 350.055 295.726 350.057 295.688 350.057Z" fill="#0E1726"/>
+<path d="M251.331 465.209L268.435 386.84L396.315 402.093L390.533 465.209H251.331Z" fill="#0E1726"/>
+<path d="M312.079 254.746L396.455 257.483C408.425 257.872 417.462 268.481 415.942 280.362L398.658 415.47L260.336 403.174L312.079 254.746Z" fill="#4361EE"/>
+<path opacity="0.4" d="M382.511 398.616C388.072 398.616 392.58 394.108 392.58 388.548C392.58 382.987 388.072 378.479 382.511 378.479C376.951 378.479 372.443 382.987 372.443 388.548C372.443 394.108 376.951 398.616 382.511 398.616Z" fill="#EAF1FF"/>
+<path d="M260.334 404.003C260.242 404.003 260.15 403.989 260.061 403.957C259.626 403.805 259.397 403.331 259.549 402.897L302.576 279.471C302.727 279.037 303.203 278.807 303.637 278.957C304.071 279.11 304.301 279.584 304.149 280.018L261.121 403.444C261.002 403.788 260.681 404.003 260.334 404.003Z" fill="#0E1726"/>
+<path d="M339.722 259.747L341.43 221.62L376.909 214.227L378.239 254.702C378.356 258.25 377.024 261.704 374.504 264.203C370.378 268.293 363.057 273.519 352.924 272.947C339.711 272.204 339.722 259.747 339.722 259.747Z" fill="#EAF1FF"/>
+<path d="M354.465 273.826C353.943 273.826 353.415 273.812 352.876 273.78C339.037 272.999 338.889 259.878 338.889 259.747C338.889 259.734 338.889 259.722 338.891 259.711L340.599 221.584C340.615 221.204 340.889 220.883 341.261 220.806L376.74 213.412C376.982 213.36 377.233 213.42 377.425 213.573C377.617 213.725 377.734 213.955 377.742 214.201L379.072 254.677C379.195 258.475 377.746 262.165 375.09 264.798C370.868 268.984 363.936 273.826 354.465 273.826ZM340.555 259.763C340.561 260.442 340.843 271.431 352.97 272.116C362.646 272.657 369.701 267.792 373.919 263.612C376.247 261.304 377.517 258.066 377.408 254.729L376.111 215.243L342.236 222.303L340.555 259.763Z" fill="#0E1726"/>
+<path d="M377.333 219.384C394.162 201.2 390.372 171.473 390.372 171.473L339.926 150.391C338.989 151.159 319.967 166.639 316.708 197.782C314.023 223.439 338.611 237.884 364.92 228.212" fill="#EAF1FF"/>
+<path d="M348.56 232.077C340.344 232.077 332.742 229.705 326.78 225.065C318.573 218.676 314.701 208.956 315.879 197.694C319.069 167.205 337.317 151.449 339.388 149.753C339.626 149.557 339.964 149.501 340.248 149.62L390.694 170.7C390.97 170.815 391.162 171.068 391.199 171.364C391.237 171.665 394.843 201.69 377.945 219.948C377.63 220.286 377.103 220.305 376.767 219.994C376.429 219.68 376.41 219.154 376.721 218.816C391.941 202.373 389.976 175.91 389.596 172.049L340.071 151.355C336.807 154.153 320.508 169.429 317.535 197.869C316.418 208.537 320.065 217.728 327.804 223.752C337.212 231.075 350.98 232.449 364.632 227.431C365.062 227.27 365.542 227.494 365.701 227.926C365.859 228.358 365.638 228.836 365.206 228.995C359.589 231.06 353.943 232.077 348.56 232.077Z" fill="#0E1726"/>
+<path d="M379.46 190.812C379.46 190.812 352.826 173.126 342.505 155.673C342.505 155.673 332.904 157.241 330.484 160.83C330.484 160.83 327.48 144.139 344.478 139.434C361.476 134.73 400.478 147.782 406.398 171.153C410.29 186.521 409.874 220.616 409.131 242.164C408.772 252.623 400.869 257.774 390.42 257.195L378.398 256.897L376.193 220.789C385.626 212.159 383.246 201.6 379.46 190.812Z" fill="#0E1726"/>
+<path d="M334.029 185.925C334.615 184.115 334.105 182.329 332.891 181.936C331.676 181.543 330.217 182.691 329.63 184.502C329.044 186.312 329.554 188.098 330.768 188.491C331.983 188.884 333.443 187.736 334.029 185.925Z" fill="#0E1726"/>
+<path d="M330.484 178.192C332.84 177.505 335.471 178.438 337.158 180.555L330.484 178.192Z" fill="#EAF1FF"/>
+<path d="M337.158 181.391C336.913 181.391 336.671 181.282 336.506 181.077C335.026 179.219 332.754 178.401 330.718 178.994C330.273 179.123 329.814 178.868 329.685 178.428C329.555 177.985 329.81 177.524 330.25 177.394C332.94 176.611 335.907 177.649 337.809 180.04C338.095 180.399 338.037 180.923 337.675 181.211C337.523 181.33 337.339 181.391 337.158 181.391Z" fill="#0E1726"/>
+<path d="M353.91 194.297C354.205 192.417 353.422 190.733 352.161 190.535C350.9 190.337 349.639 191.7 349.343 193.58C349.048 195.46 349.831 197.144 351.093 197.342C352.354 197.54 353.615 196.177 353.91 194.297Z" fill="#0E1726"/>
+<path d="M350.093 186.978C352.427 186.22 355.083 187.072 356.835 189.137L350.093 186.978Z" fill="#EAF1FF"/>
+<path d="M356.833 189.97C356.597 189.97 356.363 189.87 356.198 189.676C354.661 187.863 352.362 187.116 350.349 187.769C349.909 187.913 349.443 187.671 349.301 187.235C349.159 186.796 349.397 186.326 349.836 186.184C352.498 185.32 355.496 186.268 357.47 188.598C357.766 188.949 357.724 189.475 357.371 189.772C357.215 189.905 357.025 189.97 356.833 189.97Z" fill="#0E1726"/>
+<path d="M377.688 192.167C377.688 192.167 389.27 182.65 394.974 185.316C400.679 187.982 396.415 208.593 389.207 209.86C382 211.128 376.623 207.798 376.623 207.798" fill="#EAF1FF"/>
+<path d="M385.885 210.982C380.265 210.982 376.379 208.623 376.187 208.504C375.794 208.261 375.675 207.75 375.917 207.357C376.16 206.965 376.675 206.846 377.064 207.086C377.116 207.117 382.284 210.23 389.068 209.038C392.719 208.397 395.751 201.609 396.57 195.42C397.209 190.591 396.447 186.922 394.626 186.07C390.333 184.066 381.329 190.257 378.22 192.81C377.865 193.1 377.339 193.05 377.047 192.695C376.755 192.34 376.807 191.814 377.162 191.522C377.65 191.119 389.22 181.706 395.332 184.56C397.902 185.761 398.981 189.904 398.223 195.637C397.315 202.496 393.979 209.867 389.358 210.679C388.14 210.892 386.98 210.982 385.885 210.982Z" fill="#0E1726"/>
+<path d="M389.306 200.786C389.164 200.786 389.02 200.748 388.886 200.673C388.489 200.441 388.354 199.932 388.585 199.533C389.239 198.412 389.667 197.14 389.819 195.854C389.911 195.107 389.828 194.595 389.575 194.334C389.396 194.15 389.074 194.054 388.736 194.083C388.391 194.115 388.011 194.261 387.579 194.532C386.936 194.933 386.372 195.476 385.948 196.1C385.689 196.48 385.172 196.581 384.792 196.322C384.412 196.063 384.311 195.545 384.572 195.165C385.126 194.351 385.861 193.645 386.698 193.121C387.358 192.707 387.978 192.48 388.592 192.426C389.419 192.352 390.243 192.63 390.774 193.175C391.404 193.825 391.634 194.766 391.477 196.057C391.298 197.564 390.797 199.059 390.03 200.375C389.874 200.638 389.594 200.786 389.306 200.786Z" fill="#0E1726"/>
+<path d="M339.722 191.476C338.254 193.8 336.786 196.123 335.318 198.447C334.433 199.848 333.529 201.31 333.464 202.92C333.399 204.53 334.431 206.334 336.295 206.866" fill="#EAF1FF"/>
+<path d="M336.295 207.699C336.22 207.699 336.143 207.689 336.066 207.668C333.71 206.995 332.556 204.755 332.631 202.886C332.706 201.024 333.719 199.418 334.614 198.002L339.016 191.031C339.262 190.642 339.776 190.525 340.164 190.772C340.555 191.018 340.67 191.532 340.423 191.92L336.022 198.892C335.239 200.13 334.351 201.535 334.295 202.953C334.247 204.139 335.011 205.634 336.523 206.064C336.966 206.19 337.222 206.651 337.095 207.094C336.993 207.459 336.659 207.699 336.295 207.699Z" fill="#0E1726"/>
+<path d="M343.236 217.858C341.751 217.858 340.269 217.535 338.918 216.891C338.502 216.693 338.325 216.196 338.523 215.781C338.722 215.365 339.214 215.188 339.634 215.386C341.613 216.328 343.933 216.449 345.998 215.724C348.063 215 349.798 213.452 350.753 211.481C350.953 211.068 351.45 210.895 351.865 211.095C352.279 211.296 352.452 211.795 352.252 212.208C351.105 214.572 349.028 216.426 346.549 217.296C345.482 217.672 344.357 217.858 343.236 217.858Z" fill="#0E1726"/>
+<path d="M247.67 164.008H66.4737C59.0508 164.008 53.0332 170.025 53.0332 177.448V409.296C53.0332 416.718 59.0508 422.736 66.4737 422.736H247.672C255.095 422.736 261.113 416.718 261.113 409.296V177.448C261.111 170.025 255.093 164.008 247.67 164.008Z" fill="#EAF1FF"/>
+<path d="M247.67 423.569H66.4738C58.6041 423.569 52.2002 417.167 52.2002 409.296V177.448C52.2002 169.579 58.6041 163.175 66.4738 163.175H247.672C255.542 163.175 261.946 169.577 261.946 177.448V409.296C261.944 417.167 255.54 423.569 247.67 423.569ZM66.4738 164.841C59.5228 164.841 53.8685 170.495 53.8685 177.446V409.294C53.8685 416.245 59.5249 421.899 66.4738 421.899H247.672C254.623 421.899 260.28 416.245 260.28 409.294V177.448C260.28 170.497 254.623 164.843 247.672 164.843H66.4738V164.841Z" fill="#0E1726"/>
+<path d="M246.495 164.008H67.6492C59.577 164.008 53.0332 170.552 53.0332 178.624V189.471H261.111V178.624C261.111 170.554 254.567 164.008 246.495 164.008Z" fill="#E6F3FC"/>
+<path d="M261.111 190.304H53.0333C52.5739 190.304 52.2002 189.93 52.2002 189.471V178.624C52.2002 170.105 59.1303 163.175 67.6493 163.175H246.493C255.012 163.175 261.942 170.105 261.942 178.624V189.471C261.944 189.933 261.57 190.304 261.111 190.304ZM53.8664 188.638H260.278V178.624C260.278 171.024 254.095 164.841 246.495 164.841H67.6493C60.049 164.841 53.8664 171.024 53.8664 178.624V188.638Z" fill="#0E1726"/>
+<path d="M73.1909 181.451C75.2989 181.451 77.0078 179.742 77.0078 177.634C77.0078 175.526 75.2989 173.817 73.1909 173.817C71.0829 173.817 69.374 175.526 69.374 177.634C69.374 179.742 71.0829 181.451 73.1909 181.451Z" fill="#0E1726"/>
+<path d="M85.7627 181.451C87.8707 181.451 89.5795 179.742 89.5795 177.634C89.5795 175.526 87.8707 173.817 85.7627 173.817C83.6547 173.817 81.9458 175.526 81.9458 177.634C81.9458 179.742 83.6547 181.451 85.7627 181.451Z" fill="#0E1726"/>
+<path d="M98.3325 181.451C100.44 181.451 102.149 179.742 102.149 177.634C102.149 175.526 100.44 173.817 98.3325 173.817C96.2245 173.817 94.5156 175.526 94.5156 177.634C94.5156 179.742 96.2245 181.451 98.3325 181.451Z" fill="#0E1726"/>
+<path d="M153.088 298.346C177.167 298.346 196.687 278.825 196.687 254.746C196.687 230.667 177.167 211.146 153.088 211.146C129.008 211.146 109.488 230.667 109.488 254.746C109.488 278.825 129.008 298.346 153.088 298.346Z" fill="#FFC216"/>
+<path d="M153.088 250.213C158.618 250.213 163.1 245.731 163.1 240.201C163.1 234.672 158.618 230.189 153.088 230.189C147.559 230.189 143.076 234.672 143.076 240.201C143.076 245.731 147.559 250.213 153.088 250.213Z" fill="#EAF1FF"/>
+<path d="M168.278 277.585C173.089 277.585 176.242 272.584 174.212 268.224C170.51 260.265 162.444 254.746 153.086 254.746C143.727 254.746 135.664 260.265 131.959 268.224C129.93 272.586 133.085 277.585 137.893 277.585H168.278Z" fill="#EAF1FF"/>
+<path d="M212.907 313.204H101.237C96.1482 313.204 92.0244 317.328 92.0244 322.416V332.733C92.0244 337.822 96.1503 341.945 101.237 341.945H212.905C217.993 341.945 222.117 337.822 222.117 332.733V322.416C222.119 317.328 217.996 313.204 212.907 313.204Z" fill="#EAF1FF"/>
+<path d="M212.907 342.779H101.237C95.6973 342.779 91.1914 338.273 91.1914 332.733V322.416C91.1914 316.877 95.6973 312.371 101.237 312.371H212.905C218.445 312.371 222.953 316.877 222.953 322.416V332.733C222.953 338.273 218.447 342.779 212.907 342.779ZM101.237 314.037C96.616 314.037 92.8576 317.796 92.8576 322.416V332.733C92.8576 337.354 96.616 341.112 101.237 341.112H212.905C217.526 341.112 221.286 337.354 221.286 332.733V322.416C221.286 317.796 217.528 314.037 212.905 314.037H101.237Z" fill="#0E1726"/>
+<path d="M188.36 359.814H125.783C120.695 359.814 116.571 363.938 116.571 369.027V385.392C116.571 390.481 120.695 394.605 125.783 394.605H188.36C193.449 394.605 197.573 390.479 197.573 385.392V369.027C197.573 363.938 193.449 359.814 188.36 359.814Z" fill="#0E1726"/>
+<path d="M188.361 395.44H125.783C120.244 395.44 115.736 390.934 115.736 385.395V369.029C115.736 363.489 120.242 358.983 125.783 358.983H188.359C193.898 358.983 198.406 363.489 198.406 369.029V385.395C198.406 390.932 193.9 395.44 188.361 395.44ZM125.783 360.648C121.163 360.648 117.402 364.406 117.402 369.027V385.392C117.402 390.013 121.16 393.772 125.783 393.772H188.359C192.979 393.772 196.74 390.013 196.74 385.392V369.027C196.74 364.406 192.981 360.648 188.359 360.648H125.783Z" fill="#0E1726"/>
+<path d="M178.752 326.236C179.829 328.113 179.196 330.502 177.319 331.579C175.453 332.656 173.064 332.024 171.987 330.147C170.909 328.28 171.542 325.891 173.419 324.814C175.286 323.724 177.672 324.369 178.752 326.236Z" fill="#0E1726"/>
+<path d="M161.01 326.236C162.087 328.113 161.454 330.502 159.577 331.579C157.711 332.656 155.322 332.024 154.245 330.147C153.157 328.28 153.8 325.891 155.666 324.814C157.544 323.724 159.932 324.369 161.01 326.236Z" fill="#0E1726"/>
+<path d="M195.07 331.579C193.192 332.656 190.804 332.024 189.726 330.147C188.649 328.28 189.282 325.891 191.159 324.814C193.025 323.726 195.414 324.369 196.491 326.236C197.581 328.113 196.936 330.502 195.07 331.579Z" fill="#0E1726"/>
+<path d="M125.527 326.236C126.604 328.113 125.959 330.502 124.094 331.579C122.227 332.656 119.839 332.024 118.751 330.147C117.674 328.28 118.319 325.891 120.183 324.814C122.05 323.724 124.449 324.369 125.527 326.236Z" fill="#0E1726"/>
+<path d="M143.268 326.236C144.346 328.113 143.713 330.502 141.836 331.579C139.969 332.656 137.58 332.024 136.493 330.147C135.415 328.28 136.058 325.891 137.925 324.814C139.802 323.724 142.191 324.369 143.268 326.236Z" fill="#0E1726"/>
+<path d="M376.621 288.43L351.636 336.466L275.616 329.2C275.605 329.2 275.605 329.2 275.605 329.2C269.462 326.59 260.95 326.859 256.64 325.304C246.893 321.794 230.912 317.382 221.875 314.947C218.386 314.008 214.857 316.284 214.262 319.848C213.847 322.335 215.001 324.821 217.171 326.11L231.158 334.422C223.071 336.911 226.059 345.443 226.059 345.443C220.539 348.508 224.126 356.018 224.126 356.018C221.616 357.24 221.115 359.518 221.382 361.75C221.793 365.239 224.193 368.193 227.425 369.571L247.599 378.203C248.111 378.425 248.633 378.525 249.155 378.525C250.844 378.525 252.433 377.424 252.942 375.691C253.441 374.025 252.798 372.236 251.353 371.282L250.898 370.97L359.09 394.899C371.931 397.455 384.875 391.044 390.629 379.291L422.857 313.392L376.621 288.43Z" fill="#EAF1FF"/>
+<path d="M364.715 396.289C362.798 396.289 360.863 396.104 358.929 395.717L253.429 372.384C253.974 373.449 254.107 374.712 253.742 375.931C253.147 377.948 251.259 379.358 249.155 379.358C248.499 379.358 247.864 379.226 247.267 378.967L227.097 370.338C223.497 368.803 220.99 365.55 220.553 361.848C220.219 359.056 221.086 356.933 223.061 355.661C221.908 352.746 221.19 347.702 225.08 345.067C224.738 343.73 224.189 340.59 225.598 337.798C226.37 336.27 227.6 335.088 229.269 334.272L216.743 326.828C214.26 325.352 212.963 322.56 213.437 319.712C213.761 317.779 214.891 316.062 216.536 315.006C218.179 313.951 220.203 313.636 222.09 314.145C237.932 318.415 249.65 321.907 256.92 324.523C258.67 325.153 261.274 325.485 264.028 325.838C267.865 326.327 272.208 326.882 275.821 328.392L351.154 335.587L375.878 288.05C375.98 287.851 376.159 287.703 376.37 287.638C376.583 287.574 376.815 287.594 377.011 287.701L423.248 312.663C423.643 312.876 423.797 313.36 423.601 313.761L391.373 379.661C386.332 389.967 375.871 396.287 364.715 396.289ZM250.898 370.137C250.959 370.137 251.017 370.144 251.078 370.156L359.27 394.085C371.699 396.557 384.298 390.326 389.88 378.924L421.755 313.742L376.968 289.563L352.375 336.848C352.218 337.149 351.897 337.324 351.557 337.293L275.537 330.027C275.451 330.018 275.357 329.998 275.28 329.964C271.858 328.511 267.588 327.966 263.821 327.486C260.973 327.122 258.281 326.778 256.358 326.085C249.132 323.483 237.458 320.004 221.66 315.747C220.207 315.354 218.705 315.588 217.442 316.4C216.189 317.204 215.331 318.509 215.087 319.979C214.724 322.145 215.711 324.268 217.597 325.389L231.584 333.702C231.868 333.871 232.025 334.19 231.987 334.516C231.948 334.844 231.72 335.117 231.405 335.213C229.34 335.848 227.891 336.965 227.095 338.533C225.602 341.479 226.836 345.125 226.849 345.163C226.98 345.545 226.819 345.969 226.467 346.165C221.7 348.81 224.75 355.375 224.88 355.655C225.076 356.068 224.903 356.563 224.493 356.762C222.673 357.649 221.925 359.246 222.213 361.645C222.579 364.756 224.702 367.498 227.755 368.799L247.931 377.431C248.322 377.6 248.733 377.685 249.159 377.685C250.531 377.685 251.758 376.767 252.147 375.449C252.544 374.123 252.042 372.726 250.896 371.971L250.431 371.653C250.101 371.428 249.977 371 250.136 370.634C250.268 370.329 250.573 370.137 250.898 370.137Z" fill="#0E1726"/>
+<path d="M351.638 337.293C351.212 337.293 350.849 336.967 350.809 336.535C350.767 336.076 351.106 335.673 351.565 335.631L366.619 334.276C367.089 334.234 367.484 334.572 367.524 335.032C367.565 335.491 367.227 335.894 366.768 335.936L351.713 337.291C351.688 337.293 351.663 337.293 351.638 337.293Z" fill="#0E1726"/>
+<path d="M250.898 371.81C250.792 371.81 250.683 371.789 250.577 371.746L237.689 366.359C237.263 366.181 237.065 365.692 237.241 365.269C237.42 364.843 237.907 364.644 238.33 364.822L251.218 370.209C251.644 370.386 251.842 370.875 251.667 371.299C251.533 371.618 251.224 371.81 250.898 371.81Z" fill="#0E1726"/>
+<path d="M233.608 348.923C233.516 348.923 233.424 348.909 233.332 348.875L225.784 346.23C225.35 346.077 225.122 345.601 225.272 345.167C225.425 344.733 225.899 344.503 226.335 344.656L233.883 347.301C234.318 347.453 234.545 347.93 234.395 348.364C234.274 348.708 233.95 348.923 233.608 348.923Z" fill="#0E1726"/>
+<path d="M230.131 358.311C230.066 358.311 229.999 358.303 229.932 358.288L223.923 356.833C223.476 356.724 223.201 356.273 223.309 355.826C223.418 355.379 223.869 355.106 224.316 355.212L230.325 356.668C230.772 356.776 231.047 357.227 230.939 357.674C230.847 358.054 230.507 358.311 230.131 358.311Z" fill="#0E1726"/>
+<path d="M239.911 337.826C239.834 337.826 239.755 337.815 239.675 337.792L230.922 335.218C230.482 335.088 230.229 334.625 230.359 334.184C230.488 333.744 230.945 333.489 231.394 333.621L240.147 336.195C240.588 336.325 240.84 336.788 240.711 337.229C240.604 337.59 240.272 337.826 239.911 337.826Z" fill="#0E1726"/>
+<path d="M436.1 290.297C436.1 293.852 435.534 297.45 434.356 300.95L422.858 337.22L415.959 333.6L392.573 321.301L363.59 306.071L389.151 257.235L401.527 256.834C409.004 256.59 416.345 258.855 422.39 263.278C431.178 269.711 436.1 279.832 436.1 290.297Z" fill="#4361EE"/>
+<g opacity="0.4">
+<path d="M421.114 322.592C421.114 327.015 419.114 330.969 415.959 333.602L392.573 321.304C393.218 314.006 399.338 308.283 406.805 308.283C414.714 308.283 421.114 314.693 421.114 322.592Z" fill="#EAF1FF"/>
+</g>
+<path d="M422.851 338.054C422.718 338.054 422.584 338.022 422.465 337.958L363.208 306.809C362.8 306.596 362.644 306.093 362.857 305.685L381.49 270.091C381.703 269.684 382.204 269.526 382.613 269.741C383.021 269.954 383.179 270.457 382.964 270.866L364.717 305.723L422.359 336.024L433.252 301.948C433.394 301.509 433.859 301.267 434.3 301.407C434.738 301.547 434.981 302.017 434.841 302.455L423.645 337.477C423.57 337.711 423.394 337.901 423.167 337.995C423.066 338.033 422.96 338.054 422.851 338.054Z" fill="#0E1726"/>
+<path d="M267.189 159.548C267.189 159.548 249.973 147.356 241.408 121.814C235.466 104.093 232.173 83.2106 232.691 67.9807C252.938 66.9137 276.144 60.2739 289.388 55.958C299.586 65.4521 317.846 81.2437 335.765 90.7357C329.71 105.264 318.263 123.041 306.122 136.386C291.28 152.697 267.189 159.548 267.189 159.548Z" fill="#4361EE"/>
+<path d="M280.212 123.762C291.474 123.762 300.603 114.633 300.603 103.371C300.603 92.109 291.474 82.9795 280.212 82.9795C268.95 82.9795 259.82 92.109 259.82 103.371C259.82 114.633 268.95 123.762 280.212 123.762Z" fill="#EAF1FF"/>
+<path d="M270.644 102.798L274.922 109.499L290.785 99.374" fill="#EAF1FF"/>
+<path d="M274.246 112.566L268.773 103.993L272.517 101.602L275.599 106.429L289.589 97.501L291.982 101.247L274.246 112.566Z" fill="#0E1726"/>
+<path d="M446.982 389.664L441.032 393.999C438.238 396.016 434.344 395.404 432.323 392.631L427.986 386.681C425.965 383.906 426.576 380.012 429.349 377.992L435.304 373.637C438.079 371.616 441.971 372.227 444.013 375.005L448.346 380.976C450.369 383.749 449.757 387.643 446.982 389.664Z" fill="#FFC216"/>
+<path d="M440.758 244.517L438.626 248.225C437.622 249.956 435.411 250.553 433.682 249.561L429.973 247.43C428.245 246.436 427.647 244.225 428.641 242.498L430.769 238.777C431.763 237.048 433.972 236.451 435.713 237.441L439.426 239.583C441.153 240.579 441.75 242.788 440.758 244.517Z" fill="#FFC216"/>
+<path d="M174.131 140.45L171.999 144.158C170.995 145.889 168.784 146.486 167.055 145.494L163.347 143.362C161.618 142.368 161.02 140.157 162.014 138.43L164.142 134.71C165.136 132.981 167.345 132.384 169.086 133.373L172.799 135.516C174.528 136.509 175.125 138.721 174.131 140.45Z" fill="#FFC216"/>
+<path d="M356.353 118.241L354.221 121.95C353.217 123.681 351.005 124.278 349.276 123.286L345.568 121.154C343.839 120.16 343.242 117.949 344.236 116.222L346.364 112.502C347.358 110.773 349.567 110.176 351.308 111.165L355.021 113.308C356.749 114.301 357.347 116.513 356.353 118.241Z" fill="#FFC216"/>
+<g opacity="0.4">
+<path d="M408.515 284.271C410.361 284.271 411.858 282.774 411.858 280.928C411.858 279.082 410.361 277.585 408.515 277.585C406.669 277.585 405.172 279.082 405.172 280.928C405.172 282.774 406.669 284.271 408.515 284.271Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M380.941 299.432C383.326 299.432 385.259 297.499 385.259 295.114C385.259 292.729 383.326 290.796 380.941 290.796C378.556 290.796 376.623 292.729 376.623 295.114C376.623 297.499 378.556 299.432 380.941 299.432Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M327.154 288.695C328.993 288.695 330.484 287.204 330.484 285.365C330.484 283.525 328.993 282.034 327.154 282.034C325.315 282.034 323.824 283.525 323.824 285.365C323.824 287.204 325.315 288.695 327.154 288.695Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M340.991 317.176C343.42 317.176 345.388 315.207 345.388 312.778C345.388 310.35 343.42 308.381 340.991 308.381C338.562 308.381 336.594 310.35 336.594 312.778C336.594 315.207 338.562 317.176 340.991 317.176Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M312.492 320.433C315.82 320.433 318.518 317.735 318.518 314.407C318.518 311.079 315.82 308.381 312.492 308.381C309.164 308.381 306.466 311.079 306.466 314.407C306.466 317.735 309.164 320.433 312.492 320.433Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M282.329 279.744C284.194 279.744 285.705 278.232 285.705 276.367C285.705 274.503 284.194 272.991 282.329 272.991C280.464 272.991 278.953 274.503 278.953 276.367C278.953 278.232 280.464 279.744 282.329 279.744Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M285.198 303.716C287.047 303.716 288.547 302.216 288.547 300.367C288.547 298.517 287.047 297.018 285.198 297.018C283.348 297.018 281.849 298.517 281.849 300.367C281.849 302.216 283.348 303.716 285.198 303.716Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M290.299 395.916C292.805 395.916 294.836 393.885 294.836 391.379C294.836 388.873 292.805 386.842 290.299 386.842C287.793 386.842 285.762 388.873 285.762 391.379C285.762 393.885 287.793 395.916 290.299 395.916Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M317.031 400.453C319.537 400.453 321.569 398.422 321.569 395.916C321.569 393.41 319.537 391.379 317.031 391.379C314.526 391.379 312.494 393.41 312.494 395.916C312.494 398.422 314.526 400.453 317.031 400.453Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M341.071 364.256C344.673 364.256 347.594 361.335 347.594 357.733C347.594 354.13 344.673 351.21 341.071 351.21C337.468 351.21 334.548 354.13 334.548 357.733C334.548 361.335 337.468 364.256 341.071 364.256Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M313.626 275.948C316.328 275.948 318.518 273.758 318.518 271.056C318.518 268.354 316.328 266.164 313.626 266.164C310.924 266.164 308.734 268.354 308.734 271.056C308.734 273.758 310.924 275.948 313.626 275.948Z" fill="#EAF1FF"/>
+</g>
+<path d="M133.12 382.16C132.651 382.16 132.181 382.123 131.712 382.048C131.243 381.984 130.8 381.883 130.384 381.744C129.968 381.595 129.595 381.413 129.264 381.2C129.072 381.072 128.939 380.917 128.864 380.736C128.789 380.555 128.763 380.379 128.784 380.208C128.816 380.027 128.885 379.872 128.992 379.744C129.109 379.605 129.253 379.52 129.424 379.488C129.595 379.456 129.781 379.504 129.984 379.632C130.453 379.909 130.949 380.112 131.472 380.24C131.995 380.368 132.544 380.432 133.12 380.432C133.963 380.432 134.576 380.293 134.96 380.016C135.344 379.728 135.536 379.36 135.536 378.912C135.536 378.539 135.397 378.245 135.12 378.032C134.853 377.819 134.389 377.643 133.728 377.504L131.968 377.136C130.955 376.923 130.197 376.565 129.696 376.064C129.205 375.552 128.96 374.88 128.96 374.048C128.96 373.525 129.067 373.051 129.28 372.624C129.493 372.197 129.792 371.829 130.176 371.52C130.571 371.211 131.035 370.976 131.568 370.816C132.112 370.645 132.709 370.56 133.36 370.56C134 370.56 134.608 370.64 135.184 370.8C135.76 370.96 136.277 371.195 136.736 371.504C136.907 371.621 137.019 371.765 137.072 371.936C137.136 372.107 137.152 372.277 137.12 372.448C137.088 372.608 137.013 372.747 136.896 372.864C136.779 372.981 136.629 373.051 136.448 373.072C136.277 373.093 136.08 373.04 135.856 372.912C135.461 372.688 135.061 372.528 134.656 372.432C134.251 372.336 133.813 372.288 133.344 372.288C132.853 372.288 132.432 372.357 132.08 372.496C131.728 372.635 131.456 372.832 131.264 373.088C131.083 373.333 130.992 373.627 130.992 373.968C130.992 374.352 131.12 374.661 131.376 374.896C131.632 375.12 132.069 375.296 132.688 375.424L134.432 375.792C135.488 376.016 136.272 376.368 136.784 376.848C137.307 377.328 137.568 377.968 137.568 378.768C137.568 379.28 137.461 379.744 137.248 380.16C137.045 380.576 136.747 380.933 136.352 381.232C135.968 381.531 135.504 381.76 134.96 381.92C134.416 382.08 133.803 382.16 133.12 382.16Z" fill="white"/>
+<path d="M140.126 382.112C139.806 382.112 139.56 382.016 139.39 381.824C139.219 381.632 139.134 381.365 139.134 381.024V375.152C139.134 374.8 139.219 374.533 139.39 374.352C139.56 374.16 139.806 374.064 140.126 374.064C140.446 374.064 140.691 374.16 140.862 374.352C141.043 374.533 141.134 374.8 141.134 375.152V381.024C141.134 381.365 141.048 381.632 140.878 381.824C140.707 382.016 140.456 382.112 140.126 382.112ZM140.126 372.576C139.752 372.576 139.459 372.485 139.246 372.304C139.043 372.112 138.942 371.851 138.942 371.52C138.942 371.179 139.043 370.917 139.246 370.736C139.459 370.555 139.752 370.464 140.126 370.464C140.51 370.464 140.803 370.555 141.006 370.736C141.208 370.917 141.31 371.179 141.31 371.52C141.31 371.851 141.208 372.112 141.006 372.304C140.803 372.485 140.51 372.576 140.126 372.576Z" fill="white"/>
+<path d="M146.86 385.04C146.284 385.04 145.724 384.987 145.18 384.88C144.647 384.773 144.161 384.608 143.724 384.384C143.521 384.277 143.383 384.149 143.308 384C143.244 383.851 143.223 383.696 143.244 383.536C143.276 383.387 143.34 383.253 143.436 383.136C143.543 383.019 143.671 382.939 143.82 382.896C143.969 382.853 144.124 382.875 144.284 382.96C144.753 383.195 145.196 383.344 145.612 383.408C146.039 383.483 146.401 383.52 146.7 383.52C147.415 383.52 147.948 383.344 148.3 382.992C148.663 382.651 148.844 382.139 148.844 381.456V380.016H148.988C148.828 380.56 148.492 380.997 147.98 381.328C147.479 381.648 146.908 381.808 146.268 381.808C145.564 381.808 144.951 381.648 144.428 381.328C143.905 380.997 143.5 380.539 143.212 379.952C142.924 379.365 142.78 378.683 142.78 377.904C142.78 377.317 142.86 376.789 143.02 376.32C143.191 375.84 143.425 375.429 143.724 375.088C144.033 374.747 144.401 374.485 144.828 374.304C145.265 374.112 145.745 374.016 146.268 374.016C146.929 374.016 147.505 374.181 147.996 374.512C148.497 374.832 148.823 375.259 148.972 375.792L148.812 376.192V375.056C148.812 374.725 148.897 374.475 149.068 374.304C149.249 374.133 149.495 374.048 149.804 374.048C150.124 374.048 150.369 374.133 150.54 374.304C150.711 374.475 150.796 374.725 150.796 375.056V381.216C150.796 382.485 150.46 383.44 149.788 384.08C149.116 384.72 148.14 385.04 146.86 385.04ZM146.812 380.288C147.228 380.288 147.585 380.192 147.884 380C148.183 379.808 148.412 379.536 148.572 379.184C148.743 378.821 148.828 378.395 148.828 377.904C148.828 377.168 148.647 376.592 148.284 376.176C147.921 375.749 147.431 375.536 146.812 375.536C146.396 375.536 146.039 375.632 145.74 375.824C145.441 376.016 145.207 376.288 145.036 376.64C144.876 376.992 144.796 377.413 144.796 377.904C144.796 378.64 144.977 379.221 145.34 379.648C145.703 380.075 146.193 380.288 146.812 380.288Z" fill="white"/>
+<path d="M153.86 382.128C153.54 382.128 153.295 382.043 153.124 381.872C152.953 381.691 152.868 381.435 152.868 381.104V375.056C152.868 374.725 152.953 374.475 153.124 374.304C153.295 374.133 153.535 374.048 153.844 374.048C154.153 374.048 154.393 374.133 154.564 374.304C154.735 374.475 154.82 374.725 154.82 375.056V376.144L154.644 375.744C154.879 375.179 155.241 374.752 155.732 374.464C156.233 374.165 156.799 374.016 157.428 374.016C158.057 374.016 158.575 374.133 158.98 374.368C159.385 374.603 159.689 374.96 159.892 375.44C160.095 375.909 160.196 376.507 160.196 377.232V381.104C160.196 381.435 160.111 381.691 159.94 381.872C159.769 382.043 159.524 382.128 159.204 382.128C158.884 382.128 158.633 382.043 158.452 381.872C158.281 381.691 158.196 381.435 158.196 381.104V377.328C158.196 376.72 158.079 376.277 157.844 376C157.62 375.723 157.268 375.584 156.788 375.584C156.201 375.584 155.732 375.771 155.38 376.144C155.039 376.507 154.868 376.992 154.868 377.6V381.104C154.868 381.787 154.532 382.128 153.86 382.128Z" fill="white"/>
+<path d="M171.451 382.16C170.673 382.16 169.985 382.059 169.387 381.856C168.801 381.653 168.305 381.355 167.899 380.96C167.494 380.555 167.19 380.053 166.987 379.456C166.785 378.859 166.683 378.165 166.683 377.376V371.632C166.683 371.28 166.769 371.019 166.939 370.848C167.121 370.677 167.377 370.592 167.707 370.592C168.038 370.592 168.289 370.677 168.459 370.848C168.641 371.019 168.731 371.28 168.731 371.632V377.36C168.731 378.373 168.961 379.136 169.419 379.648C169.889 380.149 170.566 380.4 171.451 380.4C172.337 380.4 173.009 380.149 173.467 379.648C173.926 379.136 174.155 378.373 174.155 377.36V371.632C174.155 371.28 174.241 371.019 174.411 370.848C174.593 370.677 174.849 370.592 175.179 370.592C175.499 370.592 175.745 370.677 175.915 370.848C176.097 371.019 176.187 371.28 176.187 371.632V377.376C176.187 378.421 176.006 379.301 175.643 380.016C175.291 380.731 174.763 381.269 174.059 381.632C173.355 381.984 172.486 382.16 171.451 382.16Z" fill="white"/>
+<path d="M179.376 385.008C179.056 385.008 178.81 384.923 178.64 384.752C178.469 384.581 178.384 384.331 178.384 384V375.056C178.384 374.725 178.469 374.475 178.64 374.304C178.81 374.133 179.05 374.048 179.36 374.048C179.68 374.048 179.925 374.133 180.096 374.304C180.266 374.475 180.352 374.725 180.352 375.056V376.304L180.176 375.824C180.336 375.28 180.661 374.843 181.152 374.512C181.653 374.181 182.234 374.016 182.896 374.016C183.578 374.016 184.176 374.181 184.688 374.512C185.21 374.843 185.616 375.312 185.904 375.92C186.192 376.517 186.336 377.237 186.336 378.08C186.336 378.912 186.192 379.637 185.904 380.256C185.616 380.864 185.216 381.333 184.704 381.664C184.192 381.995 183.589 382.16 182.896 382.16C182.245 382.16 181.674 382 181.184 381.68C180.693 381.349 180.362 380.923 180.192 380.4H180.384V384C180.384 384.331 180.293 384.581 180.112 384.752C179.941 384.923 179.696 385.008 179.376 385.008ZM182.336 380.64C182.73 380.64 183.077 380.544 183.376 380.352C183.674 380.16 183.904 379.877 184.064 379.504C184.234 379.12 184.32 378.645 184.32 378.08C184.32 377.227 184.138 376.592 183.776 376.176C183.413 375.749 182.933 375.536 182.336 375.536C181.941 375.536 181.594 375.632 181.296 375.824C180.997 376.005 180.762 376.288 180.592 376.672C180.432 377.045 180.352 377.515 180.352 378.08C180.352 378.923 180.533 379.563 180.896 380C181.258 380.427 181.738 380.64 182.336 380.64Z" fill="white"/>
+</svg>
diff --git a/public/assets/images/auth/reset-password.svg b/public/assets/images/auth/reset-password.svg
new file mode 100644
index 0000000000000000000000000000000000000000..374cd2cc88b5b1129dd5f9ae1aad81f94563783d
--- /dev/null
+++ b/public/assets/images/auth/reset-password.svg
@@ -0,0 +1,115 @@
+<svg width="522" height="522" viewBox="0 0 522 522" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M468.967 466.041H57.9278C57.4685 466.041 57.0947 465.667 57.0947 465.208C57.0947 464.749 57.4685 464.375 57.9278 464.375H468.967C469.427 464.375 469.8 464.749 469.8 465.208C469.8 465.667 469.427 466.041 468.967 466.041Z" fill="#0E1726"/>
+<path d="M350.082 139.435C350.082 139.435 336.485 142.015 328.822 153.852C321.159 165.689 321.036 175.839 314.115 179.263C307.193 182.687 302.495 182.385 297.553 189.973C292.608 197.56 298.912 206.211 295.204 210.765C291.495 215.319 276.416 217.897 275.426 237.627C274.436 257.356 284.697 273.14 302.618 280.425C320.541 287.71 374.679 260.088 374.679 260.088L358.735 165.842L350.082 139.435Z" fill="#0E1726"/>
+<path d="M263.447 275.762L234.422 299.02L205.443 185.851L146.49 195.817L183.711 343.016C187.409 357.643 197.955 369.578 212.018 375.048C228.169 381.331 246.47 378.141 259.541 366.765L308.734 323.955" fill="#EAF1FF"/>
+<path d="M228.966 379.07C223.168 379.07 217.326 378.005 211.717 375.823C197.433 370.267 186.661 358.077 182.905 343.219L145.682 196.019C145.626 195.794 145.666 195.554 145.793 195.359C145.92 195.165 146.123 195.032 146.353 194.994L205.305 185.028C205.729 184.957 206.144 185.222 206.251 185.642L234.911 297.561L262.928 275.111C263.285 274.825 263.811 274.881 264.099 275.24C264.387 275.599 264.329 276.123 263.97 276.411L234.944 299.67C234.723 299.847 234.426 299.897 234.159 299.81C233.89 299.72 233.685 299.501 233.616 299.225L204.827 186.799L147.522 196.485L184.521 342.81C188.146 357.146 198.538 368.908 212.321 374.27C228.236 380.461 246.117 377.341 258.996 366.135L308.189 323.325C308.534 323.022 309.062 323.059 309.365 323.406C309.667 323.753 309.63 324.279 309.283 324.582L260.09 367.392C251.283 375.055 240.212 379.07 228.966 379.07Z" fill="#0E1726"/>
+<path d="M327.175 285.897L295.692 349.22L267.164 317.269L257.054 305.948L241.235 288.24L280.329 258.202C286.073 253.468 293.561 251.403 300.925 252.547L315.134 254.746L327.175 285.897Z" fill="#4361EE"/>
+<path opacity="0.4" d="M273.284 309.172C273.284 313.027 270.695 316.272 267.162 317.272L257.052 305.951C258.307 302.883 261.328 300.729 264.84 300.729C269.507 300.729 273.284 304.506 273.284 309.172Z" fill="#EAF1FF"/>
+<path d="M295.688 350.057C295.452 350.057 295.227 349.957 295.066 349.779L240.607 288.797C240.452 288.624 240.377 288.394 240.398 288.165C240.419 287.933 240.538 287.722 240.72 287.582L279.813 257.544C280.181 257.262 280.703 257.333 280.982 257.696C281.262 258.062 281.193 258.584 280.83 258.866L242.448 288.357L295.49 347.752L326.426 285.532C326.63 285.12 327.127 284.951 327.543 285.156C327.954 285.36 328.123 285.862 327.919 286.273L296.434 349.596C296.31 349.842 296.072 350.013 295.799 350.051C295.761 350.055 295.726 350.057 295.688 350.057Z" fill="#0E1726"/>
+<path d="M251.33 465.209L268.435 386.84L396.315 402.093L390.533 465.209H251.33Z" fill="#0E1726"/>
+<path d="M312.079 254.746L396.455 257.483C408.425 257.872 417.462 268.481 415.942 280.362L398.658 415.47L260.336 403.174L312.079 254.746Z" fill="#4361EE"/>
+<path opacity="0.4" d="M382.511 398.616C388.071 398.616 392.579 394.108 392.579 388.548C392.579 382.987 388.071 378.479 382.511 378.479C376.95 378.479 372.442 382.987 372.442 388.548C372.442 394.108 376.95 398.616 382.511 398.616Z" fill="#EAF1FF"/>
+<path d="M260.334 404.003C260.242 404.003 260.15 403.989 260.061 403.957C259.626 403.805 259.397 403.331 259.549 402.897L302.576 279.471C302.727 279.037 303.203 278.807 303.637 278.957C304.071 279.11 304.301 279.584 304.149 280.018L261.121 403.444C261.002 403.788 260.681 404.003 260.334 404.003Z" fill="#0E1726"/>
+<path d="M339.722 259.747L341.43 221.62L376.909 214.227L378.239 254.702C378.356 258.25 377.024 261.704 374.504 264.203C370.378 268.293 363.057 273.519 352.924 272.947C339.711 272.204 339.722 259.747 339.722 259.747Z" fill="#EAF1FF"/>
+<path d="M354.465 273.826C353.943 273.826 353.415 273.812 352.876 273.78C339.037 272.999 338.889 259.878 338.889 259.747C338.889 259.734 338.889 259.722 338.891 259.711L340.599 221.584C340.615 221.204 340.889 220.883 341.261 220.806L376.74 213.412C376.982 213.36 377.233 213.42 377.425 213.573C377.617 213.725 377.734 213.955 377.742 214.201L379.072 254.677C379.195 258.475 377.746 262.165 375.09 264.798C370.868 268.984 363.936 273.826 354.465 273.826ZM340.555 259.763C340.561 260.442 340.843 271.431 352.97 272.116C362.646 272.657 369.701 267.792 373.919 263.612C376.247 261.304 377.517 258.066 377.408 254.729L376.111 215.243L342.236 222.303L340.555 259.763Z" fill="#0E1726"/>
+<path d="M377.333 219.384C394.163 201.2 390.373 171.473 390.373 171.473L339.927 150.391C338.989 151.159 319.968 166.639 316.708 197.782C314.023 223.439 338.611 237.884 364.92 228.212" fill="#EAF1FF"/>
+<path d="M348.56 232.077C340.344 232.077 332.742 229.705 326.78 225.065C318.573 218.676 314.701 208.956 315.879 197.694C319.069 167.205 337.317 151.449 339.388 149.753C339.626 149.557 339.964 149.501 340.248 149.62L390.694 170.7C390.97 170.815 391.162 171.068 391.199 171.364C391.237 171.665 394.843 201.69 377.945 219.948C377.63 220.286 377.103 220.305 376.767 219.994C376.429 219.68 376.41 219.154 376.721 218.816C391.941 202.373 389.976 175.91 389.596 172.049L340.071 151.355C336.807 154.153 320.508 169.429 317.535 197.869C316.418 208.537 320.065 217.728 327.804 223.752C337.212 231.075 350.98 232.449 364.632 227.431C365.062 227.27 365.542 227.494 365.701 227.926C365.859 228.358 365.638 228.836 365.206 228.995C359.589 231.06 353.943 232.077 348.56 232.077Z" fill="#0E1726"/>
+<path d="M379.46 190.812C379.46 190.812 352.826 173.126 342.505 155.673C342.505 155.673 332.904 157.241 330.484 160.83C330.484 160.83 327.48 144.139 344.478 139.434C361.476 134.73 400.478 147.782 406.398 171.153C410.29 186.521 409.874 220.616 409.131 242.164C408.772 252.623 400.869 257.774 390.42 257.195L378.398 256.897L376.193 220.789C385.626 212.159 383.246 201.6 379.46 190.812Z" fill="#0E1726"/>
+<path d="M334.029 185.925C334.615 184.115 334.105 182.329 332.891 181.936C331.676 181.543 330.217 182.691 329.63 184.502C329.044 186.312 329.554 188.098 330.768 188.491C331.983 188.884 333.443 187.736 334.029 185.925Z" fill="#0E1726"/>
+<path d="M330.484 178.192C332.84 177.505 335.471 178.438 337.158 180.555L330.484 178.192Z" fill="#EAF1FF"/>
+<path d="M337.158 181.391C336.914 181.391 336.672 181.282 336.507 181.077C335.026 179.219 332.754 178.401 330.719 178.994C330.274 179.123 329.815 178.868 329.685 178.428C329.556 177.985 329.81 177.524 330.251 177.394C332.94 176.611 335.907 177.649 337.81 180.04C338.096 180.399 338.037 180.923 337.676 181.211C337.523 181.33 337.34 181.391 337.158 181.391Z" fill="#0E1726"/>
+<path d="M353.911 194.297C354.206 192.417 353.423 190.733 352.162 190.535C350.901 190.337 349.639 191.7 349.344 193.58C349.049 195.46 349.832 197.144 351.093 197.342C352.354 197.54 353.616 196.177 353.911 194.297Z" fill="#0E1726"/>
+<path d="M350.093 186.978C352.427 186.22 355.083 187.072 356.835 189.137L350.093 186.978Z" fill="#EAF1FF"/>
+<path d="M356.833 189.97C356.597 189.97 356.363 189.87 356.198 189.676C354.662 187.863 352.363 187.116 350.35 187.769C349.909 187.913 349.444 187.671 349.302 187.235C349.16 186.796 349.398 186.326 349.836 186.184C352.499 185.32 355.497 186.268 357.47 188.598C357.767 188.949 357.725 189.475 357.372 189.772C357.215 189.905 357.025 189.97 356.833 189.97Z" fill="#0E1726"/>
+<path d="M377.688 192.167C377.688 192.167 389.27 182.65 394.974 185.316C400.679 187.982 396.415 208.593 389.207 209.86C382 211.128 376.623 207.798 376.623 207.798" fill="#EAF1FF"/>
+<path d="M385.885 210.982C380.265 210.982 376.379 208.623 376.187 208.504C375.794 208.261 375.675 207.75 375.917 207.357C376.16 206.965 376.675 206.846 377.064 207.086C377.116 207.117 382.284 210.23 389.068 209.038C392.719 208.397 395.751 201.609 396.57 195.42C397.209 190.591 396.447 186.922 394.626 186.07C390.333 184.066 381.329 190.257 378.22 192.81C377.865 193.1 377.339 193.05 377.047 192.695C376.755 192.34 376.807 191.814 377.162 191.522C377.65 191.119 389.22 181.706 395.332 184.56C397.902 185.761 398.981 189.904 398.223 195.637C397.315 202.496 393.979 209.867 389.358 210.679C388.14 210.892 386.98 210.982 385.885 210.982Z" fill="#0E1726"/>
+<path d="M389.306 200.786C389.164 200.786 389.02 200.748 388.886 200.673C388.489 200.441 388.354 199.932 388.585 199.533C389.239 198.412 389.667 197.14 389.819 195.854C389.911 195.107 389.828 194.595 389.575 194.334C389.396 194.15 389.074 194.054 388.736 194.083C388.391 194.115 388.011 194.261 387.579 194.532C386.936 194.933 386.372 195.476 385.948 196.1C385.689 196.48 385.172 196.581 384.792 196.322C384.412 196.063 384.311 195.545 384.572 195.165C385.126 194.351 385.861 193.645 386.698 193.121C387.358 192.707 387.978 192.48 388.592 192.426C389.419 192.352 390.243 192.63 390.774 193.175C391.404 193.825 391.634 194.766 391.477 196.057C391.298 197.564 390.797 199.059 390.03 200.375C389.874 200.638 389.594 200.786 389.306 200.786Z" fill="#0E1726"/>
+<path d="M339.722 191.476C338.254 193.8 336.786 196.123 335.318 198.447C334.433 199.848 333.529 201.31 333.464 202.92C333.399 204.53 334.431 206.334 336.295 206.866" fill="#EAF1FF"/>
+<path d="M336.296 207.699C336.221 207.699 336.143 207.689 336.066 207.668C333.711 206.995 332.556 204.755 332.631 202.886C332.707 201.024 333.719 199.418 334.615 198.002L339.016 191.031C339.263 190.642 339.777 190.525 340.165 190.772C340.555 191.018 340.67 191.532 340.424 191.92L336.022 198.892C335.239 200.13 334.352 201.535 334.296 202.953C334.247 204.139 335.012 205.634 336.523 206.064C336.966 206.19 337.223 206.651 337.095 207.094C336.993 207.459 336.659 207.699 336.296 207.699Z" fill="#0E1726"/>
+<path d="M343.236 217.858C341.752 217.858 340.269 217.535 338.918 216.891C338.503 216.693 338.325 216.196 338.524 215.781C338.722 215.365 339.215 215.188 339.634 215.386C341.614 216.328 343.934 216.449 345.999 215.724C348.064 215 349.799 213.452 350.753 211.481C350.953 211.068 351.45 210.895 351.866 211.095C352.279 211.296 352.453 211.795 352.252 212.208C351.106 214.572 349.028 216.426 346.55 217.296C345.483 217.672 344.357 217.858 343.236 217.858Z" fill="#0E1726"/>
+<path d="M247.67 164.008H66.4737C59.0508 164.008 53.0332 170.025 53.0332 177.448V409.296C53.0332 416.718 59.0508 422.736 66.4737 422.736H247.672C255.095 422.736 261.113 416.718 261.113 409.296V177.448C261.111 170.025 255.093 164.008 247.67 164.008Z" fill="#EAF1FF"/>
+<path d="M247.67 423.569H66.4738C58.6041 423.569 52.2002 417.167 52.2002 409.296V177.448C52.2002 169.579 58.6041 163.175 66.4738 163.175H247.672C255.542 163.175 261.946 169.577 261.946 177.448V409.296C261.944 417.167 255.54 423.569 247.67 423.569ZM66.4738 164.841C59.5228 164.841 53.8685 170.495 53.8685 177.446V409.294C53.8685 416.245 59.5249 421.899 66.4738 421.899H247.672C254.623 421.899 260.28 416.245 260.28 409.294V177.448C260.28 170.497 254.623 164.843 247.672 164.843H66.4738V164.841Z" fill="#0E1726"/>
+<path d="M246.495 164.008H67.6492C59.577 164.008 53.0332 170.552 53.0332 178.624V189.471H261.111V178.624C261.111 170.554 254.567 164.008 246.495 164.008Z" fill="#E6F3FC"/>
+<path d="M261.111 190.304H53.0333C52.5739 190.304 52.2002 189.93 52.2002 189.471V178.624C52.2002 170.105 59.1303 163.175 67.6493 163.175H246.493C255.012 163.175 261.942 170.105 261.942 178.624V189.471C261.944 189.933 261.57 190.304 261.111 190.304ZM53.8664 188.638H260.278V178.624C260.278 171.024 254.095 164.841 246.495 164.841H67.6493C60.049 164.841 53.8664 171.024 53.8664 178.624V188.638Z" fill="#0E1726"/>
+<path d="M73.1909 181.451C75.2989 181.451 77.0078 179.742 77.0078 177.634C77.0078 175.526 75.2989 173.817 73.1909 173.817C71.0829 173.817 69.374 175.526 69.374 177.634C69.374 179.742 71.0829 181.451 73.1909 181.451Z" fill="#0E1726"/>
+<path d="M85.7622 181.451C87.8702 181.451 89.579 179.742 89.579 177.634C89.579 175.526 87.8702 173.817 85.7622 173.817C83.6542 173.817 81.9453 175.526 81.9453 177.634C81.9453 179.742 83.6542 181.451 85.7622 181.451Z" fill="#0E1726"/>
+<path d="M98.3325 181.451C100.44 181.451 102.149 179.742 102.149 177.634C102.149 175.526 100.44 173.817 98.3325 173.817C96.2245 173.817 94.5156 175.526 94.5156 177.634C94.5156 179.742 96.2245 181.451 98.3325 181.451Z" fill="#0E1726"/>
+<path d="M153.088 298.346C177.167 298.346 196.687 278.825 196.687 254.746C196.687 230.667 177.167 211.146 153.088 211.146C129.008 211.146 109.488 230.667 109.488 254.746C109.488 278.825 129.008 298.346 153.088 298.346Z" fill="#FFC216"/>
+<path d="M153.088 250.213C158.618 250.213 163.1 245.731 163.1 240.201C163.1 234.672 158.618 230.189 153.088 230.189C147.559 230.189 143.076 234.672 143.076 240.201C143.076 245.731 147.559 250.213 153.088 250.213Z" fill="#EAF1FF"/>
+<path d="M168.278 277.585C173.089 277.585 176.242 272.584 174.212 268.224C170.51 260.265 162.444 254.746 153.086 254.746C143.727 254.746 135.664 260.265 131.959 268.224C129.93 272.586 133.085 277.585 137.893 277.585H168.278Z" fill="#EAF1FF"/>
+<path d="M212.907 313.204H101.237C96.1482 313.204 92.0244 317.328 92.0244 322.416V332.733C92.0244 337.822 96.1503 341.945 101.237 341.945H212.905C217.993 341.945 222.117 337.822 222.117 332.733V322.416C222.119 317.328 217.996 313.204 212.907 313.204Z" fill="#EAF1FF"/>
+<path d="M212.907 342.779H101.237C95.6973 342.779 91.1914 338.273 91.1914 332.733V322.416C91.1914 316.877 95.6973 312.371 101.237 312.371H212.905C218.445 312.371 222.953 316.877 222.953 322.416V332.733C222.953 338.273 218.447 342.779 212.907 342.779ZM101.237 314.037C96.616 314.037 92.8576 317.796 92.8576 322.416V332.733C92.8576 337.354 96.616 341.112 101.237 341.112H212.905C217.526 341.112 221.286 337.354 221.286 332.733V322.416C221.286 317.796 217.528 314.037 212.905 314.037H101.237Z" fill="#0E1726"/>
+<path d="M210.361 359.814H99.7835C94.6951 359.814 90.5713 363.938 90.5713 369.027V385.392C90.5713 390.481 94.6951 394.605 99.7835 394.605H210.361C215.449 394.605 219.573 390.479 219.573 385.392V369.027C219.573 363.938 215.449 359.814 210.361 359.814Z" fill="#0E1726"/>
+<path d="M98.2564 382.128C97.9258 382.128 97.6698 382.037 97.4884 381.856C97.3178 381.664 97.2324 381.402 97.2324 381.072V371.76C97.2324 371.418 97.3231 371.162 97.5044 370.992C97.6858 370.81 97.9418 370.72 98.2724 370.72H102.128C103.366 370.72 104.32 371.018 104.992 371.616C105.664 372.202 106 373.029 106 374.096C106 374.789 105.846 375.386 105.536 375.888C105.238 376.389 104.8 376.773 104.224 377.04C103.648 377.306 102.95 377.44 102.128 377.44L102.272 377.2H102.8C103.238 377.2 103.616 377.306 103.936 377.52C104.267 377.733 104.555 378.069 104.8 378.528L106 380.752C106.128 380.976 106.187 381.194 106.176 381.408C106.166 381.621 106.086 381.797 105.936 381.936C105.787 382.064 105.568 382.128 105.28 382.128C104.992 382.128 104.758 382.069 104.576 381.952C104.395 381.824 104.235 381.632 104.096 381.376L102.48 378.4C102.288 378.037 102.059 377.797 101.792 377.68C101.536 377.552 101.206 377.488 100.8 377.488H99.2804V381.072C99.2804 381.402 99.1951 381.664 99.0244 381.856C98.8538 382.037 98.5978 382.128 98.2564 382.128ZM99.2804 375.968H101.776C102.512 375.968 103.067 375.818 103.44 375.52C103.824 375.21 104.016 374.752 104.016 374.144C104.016 373.546 103.824 373.098 103.44 372.8C103.067 372.49 102.512 372.336 101.776 372.336H99.2804V375.968Z" fill="white"/>
+<path d="M111.662 382.16C110.777 382.16 110.014 381.994 109.374 381.664C108.734 381.333 108.238 380.864 107.886 380.256C107.545 379.648 107.374 378.928 107.374 378.096C107.374 377.285 107.539 376.576 107.87 375.968C108.211 375.36 108.675 374.885 109.262 374.544C109.859 374.192 110.537 374.016 111.294 374.016C111.849 374.016 112.345 374.106 112.782 374.288C113.23 374.469 113.609 374.73 113.918 375.072C114.238 375.413 114.478 375.829 114.638 376.32C114.809 376.8 114.894 377.344 114.894 377.952C114.894 378.144 114.825 378.293 114.686 378.4C114.558 378.496 114.371 378.544 114.126 378.544H108.99V377.392H113.486L113.23 377.632C113.23 377.141 113.155 376.73 113.006 376.4C112.867 376.069 112.659 375.818 112.382 375.648C112.115 375.466 111.779 375.376 111.374 375.376C110.926 375.376 110.542 375.482 110.222 375.696C109.913 375.898 109.673 376.192 109.502 376.576C109.342 376.949 109.262 377.397 109.262 377.92V378.032C109.262 378.906 109.465 379.562 109.87 380C110.286 380.426 110.894 380.64 111.694 380.64C111.971 380.64 112.281 380.608 112.622 380.544C112.974 380.469 113.305 380.346 113.614 380.176C113.838 380.048 114.035 379.994 114.206 380.016C114.377 380.026 114.51 380.085 114.606 380.192C114.713 380.298 114.777 380.432 114.798 380.592C114.819 380.741 114.787 380.896 114.702 381.056C114.627 381.216 114.494 381.354 114.302 381.472C113.929 381.706 113.497 381.882 113.006 382C112.526 382.106 112.078 382.16 111.662 382.16Z" fill="white"/>
+<path d="M119.342 382.16C118.883 382.16 118.398 382.112 117.886 382.016C117.374 381.92 116.915 381.754 116.51 381.52C116.339 381.413 116.217 381.29 116.142 381.152C116.078 381.002 116.051 380.858 116.062 380.72C116.083 380.57 116.137 380.442 116.222 380.336C116.318 380.229 116.435 380.16 116.574 380.128C116.723 380.096 116.883 380.122 117.054 380.208C117.481 380.41 117.881 380.554 118.254 380.64C118.627 380.714 118.995 380.752 119.358 380.752C119.87 380.752 120.249 380.666 120.494 380.496C120.75 380.314 120.878 380.08 120.878 379.792C120.878 379.546 120.793 379.36 120.622 379.232C120.462 379.093 120.217 378.992 119.886 378.928L118.286 378.624C117.625 378.496 117.118 378.256 116.766 377.904C116.425 377.541 116.254 377.077 116.254 376.512C116.254 376 116.393 375.557 116.67 375.184C116.958 374.81 117.353 374.522 117.854 374.32C118.355 374.117 118.931 374.016 119.582 374.016C120.051 374.016 120.489 374.069 120.894 374.176C121.31 374.272 121.71 374.426 122.094 374.64C122.254 374.725 122.361 374.837 122.414 374.976C122.478 375.114 122.494 375.258 122.462 375.408C122.43 375.546 122.366 375.674 122.27 375.792C122.174 375.898 122.051 375.968 121.902 376C121.763 376.021 121.603 375.989 121.422 375.904C121.091 375.733 120.771 375.61 120.462 375.536C120.163 375.461 119.875 375.424 119.598 375.424C119.075 375.424 118.686 375.514 118.43 375.696C118.185 375.877 118.062 376.117 118.062 376.416C118.062 376.64 118.137 376.826 118.286 376.976C118.435 377.125 118.665 377.226 118.974 377.28L120.574 377.584C121.267 377.712 121.79 377.946 122.142 378.288C122.505 378.629 122.686 379.088 122.686 379.664C122.686 380.442 122.382 381.056 121.774 381.504C121.166 381.941 120.355 382.16 119.342 382.16Z" fill="white"/>
+<path d="M128.146 382.16C127.261 382.16 126.498 381.994 125.858 381.664C125.218 381.333 124.722 380.864 124.37 380.256C124.029 379.648 123.858 378.928 123.858 378.096C123.858 377.285 124.024 376.576 124.354 375.968C124.696 375.36 125.16 374.885 125.746 374.544C126.344 374.192 127.021 374.016 127.778 374.016C128.333 374.016 128.829 374.106 129.266 374.288C129.714 374.469 130.093 374.73 130.402 375.072C130.722 375.413 130.962 375.829 131.122 376.32C131.293 376.8 131.378 377.344 131.378 377.952C131.378 378.144 131.309 378.293 131.17 378.4C131.042 378.496 130.856 378.544 130.61 378.544H125.474V377.392H129.97L129.714 377.632C129.714 377.141 129.64 376.73 129.49 376.4C129.352 376.069 129.144 375.818 128.866 375.648C128.6 375.466 128.264 375.376 127.858 375.376C127.41 375.376 127.026 375.482 126.706 375.696C126.397 375.898 126.157 376.192 125.986 376.576C125.826 376.949 125.746 377.397 125.746 377.92V378.032C125.746 378.906 125.949 379.562 126.354 380C126.77 380.426 127.378 380.64 128.178 380.64C128.456 380.64 128.765 380.608 129.106 380.544C129.458 380.469 129.789 380.346 130.098 380.176C130.322 380.048 130.52 379.994 130.69 380.016C130.861 380.026 130.994 380.085 131.09 380.192C131.197 380.298 131.261 380.432 131.282 380.592C131.304 380.741 131.272 380.896 131.186 381.056C131.112 381.216 130.978 381.354 130.786 381.472C130.413 381.706 129.981 381.882 129.49 382C129.01 382.106 128.562 382.16 128.146 382.16Z" fill="white"/>
+<path d="M136.515 382.16C135.822 382.16 135.24 382.042 134.771 381.808C134.312 381.573 133.971 381.232 133.747 380.784C133.523 380.325 133.411 379.76 133.411 379.088V375.68H132.579C132.323 375.68 132.126 375.616 131.987 375.488C131.848 375.349 131.779 375.162 131.779 374.928C131.779 374.682 131.848 374.496 131.987 374.368C132.126 374.24 132.323 374.176 132.579 374.176H133.411V372.72C133.411 372.389 133.496 372.138 133.667 371.968C133.848 371.797 134.099 371.712 134.419 371.712C134.739 371.712 134.984 371.797 135.155 371.968C135.326 372.138 135.411 372.389 135.411 372.72V374.176H137.107C137.363 374.176 137.56 374.24 137.699 374.368C137.838 374.496 137.907 374.682 137.907 374.928C137.907 375.162 137.838 375.349 137.699 375.488C137.56 375.616 137.363 375.68 137.107 375.68H135.411V378.976C135.411 379.488 135.523 379.872 135.747 380.128C135.971 380.384 136.334 380.512 136.835 380.512C137.016 380.512 137.176 380.496 137.315 380.464C137.454 380.432 137.576 380.41 137.683 380.4C137.811 380.389 137.918 380.432 138.003 380.528C138.088 380.613 138.131 380.794 138.131 381.072C138.131 381.285 138.094 381.477 138.019 381.648C137.955 381.808 137.832 381.92 137.651 381.984C137.512 382.026 137.331 382.064 137.107 382.096C136.883 382.138 136.686 382.16 136.515 382.16Z" fill="white"/>
+<path d="M144.407 385.008C144.087 385.008 143.842 384.922 143.671 384.752C143.501 384.581 143.415 384.33 143.415 384V375.056C143.415 374.725 143.501 374.474 143.671 374.304C143.842 374.133 144.082 374.048 144.391 374.048C144.711 374.048 144.957 374.133 145.127 374.304C145.298 374.474 145.383 374.725 145.383 375.056V376.304L145.207 375.824C145.367 375.28 145.693 374.842 146.183 374.512C146.685 374.181 147.266 374.016 147.927 374.016C148.61 374.016 149.207 374.181 149.719 374.512C150.242 374.842 150.647 375.312 150.935 375.92C151.223 376.517 151.367 377.237 151.367 378.08C151.367 378.912 151.223 379.637 150.935 380.256C150.647 380.864 150.247 381.333 149.735 381.664C149.223 381.994 148.621 382.16 147.927 382.16C147.277 382.16 146.706 382 146.215 381.68C145.725 381.349 145.394 380.922 145.223 380.4H145.415V384C145.415 384.33 145.325 384.581 145.143 384.752C144.973 384.922 144.727 385.008 144.407 385.008ZM147.367 380.64C147.762 380.64 148.109 380.544 148.407 380.352C148.706 380.16 148.935 379.877 149.095 379.504C149.266 379.12 149.351 378.645 149.351 378.08C149.351 377.226 149.17 376.592 148.807 376.176C148.445 375.749 147.965 375.536 147.367 375.536C146.973 375.536 146.626 375.632 146.327 375.824C146.029 376.005 145.794 376.288 145.623 376.672C145.463 377.045 145.383 377.514 145.383 378.08C145.383 378.922 145.565 379.562 145.927 380C146.29 380.426 146.77 380.64 147.367 380.64Z" fill="white"/>
+<path d="M155.585 382.16C155.02 382.16 154.513 382.053 154.065 381.84C153.628 381.616 153.281 381.317 153.025 380.944C152.78 380.57 152.657 380.149 152.657 379.68C152.657 379.104 152.807 378.65 153.105 378.32C153.404 377.978 153.889 377.733 154.561 377.584C155.233 377.434 156.135 377.36 157.265 377.36H158.065V378.512H157.281C156.62 378.512 156.092 378.544 155.697 378.608C155.303 378.672 155.02 378.784 154.849 378.944C154.689 379.093 154.609 379.306 154.609 379.584C154.609 379.936 154.732 380.224 154.977 380.448C155.223 380.672 155.564 380.784 156.001 380.784C156.353 380.784 156.663 380.704 156.929 380.544C157.207 380.373 157.425 380.144 157.585 379.856C157.745 379.568 157.825 379.237 157.825 378.864V377.024C157.825 376.49 157.708 376.106 157.473 375.872C157.239 375.637 156.844 375.52 156.289 375.52C155.98 375.52 155.644 375.557 155.281 375.632C154.929 375.706 154.556 375.834 154.161 376.016C153.959 376.112 153.777 376.138 153.617 376.096C153.468 376.053 153.351 375.968 153.265 375.84C153.18 375.701 153.137 375.552 153.137 375.392C153.137 375.232 153.18 375.077 153.265 374.928C153.351 374.768 153.495 374.65 153.697 374.576C154.188 374.373 154.657 374.229 155.105 374.144C155.564 374.058 155.98 374.016 156.353 374.016C157.121 374.016 157.751 374.133 158.241 374.368C158.743 374.602 159.116 374.96 159.361 375.44C159.607 375.909 159.729 376.517 159.729 377.264V381.104C159.729 381.434 159.649 381.69 159.489 381.872C159.329 382.042 159.1 382.128 158.801 382.128C158.503 382.128 158.268 382.042 158.097 381.872C157.937 381.69 157.857 381.434 157.857 381.104V380.336H157.985C157.911 380.709 157.761 381.034 157.537 381.312C157.324 381.578 157.052 381.786 156.721 381.936C156.391 382.085 156.012 382.16 155.585 382.16Z" fill="white"/>
+<path d="M164.623 382.16C164.165 382.16 163.679 382.112 163.167 382.016C162.655 381.92 162.197 381.754 161.791 381.52C161.62 381.413 161.498 381.29 161.423 381.152C161.359 381.002 161.333 380.858 161.343 380.72C161.365 380.57 161.418 380.442 161.503 380.336C161.599 380.229 161.717 380.16 161.855 380.128C162.005 380.096 162.164 380.122 162.335 380.208C162.762 380.41 163.162 380.554 163.535 380.64C163.909 380.714 164.277 380.752 164.639 380.752C165.151 380.752 165.53 380.666 165.775 380.496C166.031 380.314 166.159 380.08 166.159 379.792C166.159 379.546 166.074 379.36 165.903 379.232C165.743 379.093 165.498 378.992 165.167 378.928L163.567 378.624C162.906 378.496 162.399 378.256 162.047 377.904C161.706 377.541 161.535 377.077 161.535 376.512C161.535 376 161.674 375.557 161.951 375.184C162.239 374.81 162.634 374.522 163.135 374.32C163.637 374.117 164.213 374.016 164.863 374.016C165.332 374.016 165.77 374.069 166.175 374.176C166.591 374.272 166.991 374.426 167.375 374.64C167.535 374.725 167.642 374.837 167.695 374.976C167.759 375.114 167.775 375.258 167.743 375.408C167.711 375.546 167.647 375.674 167.551 375.792C167.455 375.898 167.332 375.968 167.183 376C167.045 376.021 166.885 375.989 166.703 375.904C166.373 375.733 166.053 375.61 165.743 375.536C165.445 375.461 165.157 375.424 164.879 375.424C164.357 375.424 163.967 375.514 163.711 375.696C163.466 375.877 163.343 376.117 163.343 376.416C163.343 376.64 163.418 376.826 163.567 376.976C163.716 377.125 163.946 377.226 164.255 377.28L165.855 377.584C166.549 377.712 167.071 377.946 167.423 378.288C167.786 378.629 167.967 379.088 167.967 379.664C167.967 380.442 167.663 381.056 167.055 381.504C166.447 381.941 165.637 382.16 164.623 382.16Z" fill="white"/>
+<path d="M172.436 382.16C171.977 382.16 171.492 382.112 170.98 382.016C170.468 381.92 170.009 381.754 169.604 381.52C169.433 381.413 169.31 381.29 169.236 381.152C169.172 381.002 169.145 380.858 169.156 380.72C169.177 380.57 169.23 380.442 169.316 380.336C169.412 380.229 169.529 380.16 169.668 380.128C169.817 380.096 169.977 380.122 170.148 380.208C170.574 380.41 170.974 380.554 171.348 380.64C171.721 380.714 172.089 380.752 172.452 380.752C172.964 380.752 173.342 380.666 173.588 380.496C173.844 380.314 173.972 380.08 173.972 379.792C173.972 379.546 173.886 379.36 173.716 379.232C173.556 379.093 173.31 378.992 172.98 378.928L171.38 378.624C170.718 378.496 170.212 378.256 169.86 377.904C169.518 377.541 169.348 377.077 169.348 376.512C169.348 376 169.486 375.557 169.764 375.184C170.052 374.81 170.446 374.522 170.948 374.32C171.449 374.117 172.025 374.016 172.676 374.016C173.145 374.016 173.582 374.069 173.988 374.176C174.404 374.272 174.804 374.426 175.188 374.64C175.348 374.725 175.454 374.837 175.508 374.976C175.572 375.114 175.588 375.258 175.556 375.408C175.524 375.546 175.46 375.674 175.364 375.792C175.268 375.898 175.145 375.968 174.996 376C174.857 376.021 174.697 375.989 174.516 375.904C174.185 375.733 173.865 375.61 173.556 375.536C173.257 375.461 172.969 375.424 172.692 375.424C172.169 375.424 171.78 375.514 171.524 375.696C171.278 375.877 171.156 376.117 171.156 376.416C171.156 376.64 171.23 376.826 171.38 376.976C171.529 377.125 171.758 377.226 172.068 377.28L173.668 377.584C174.361 377.712 174.884 377.946 175.236 378.288C175.598 378.629 175.78 379.088 175.78 379.664C175.78 380.442 175.476 381.056 174.868 381.504C174.26 381.941 173.449 382.16 172.436 382.16Z" fill="white"/>
+<path d="M180.252 382.128C179.985 382.128 179.756 382.064 179.564 381.936C179.372 381.797 179.217 381.584 179.1 381.296L176.78 375.376C176.684 375.12 176.652 374.896 176.684 374.704C176.727 374.501 176.828 374.341 176.988 374.224C177.148 374.106 177.361 374.048 177.628 374.048C177.863 374.048 178.055 374.106 178.204 374.224C178.353 374.33 178.481 374.538 178.588 374.848L180.524 380.176H180.156L182.156 374.72C182.241 374.485 182.353 374.314 182.492 374.208C182.641 374.101 182.833 374.048 183.068 374.048C183.303 374.048 183.495 374.106 183.644 374.224C183.793 374.33 183.905 374.496 183.98 374.72L185.948 380.176H185.612L187.564 374.8C187.671 374.512 187.804 374.314 187.964 374.208C188.135 374.101 188.321 374.048 188.524 374.048C188.78 374.048 188.977 374.112 189.116 374.24C189.255 374.368 189.335 374.533 189.356 374.736C189.377 374.928 189.34 375.141 189.244 375.376L186.94 381.296C186.833 381.573 186.679 381.781 186.476 381.92C186.284 382.058 186.055 382.128 185.788 382.128C185.521 382.128 185.287 382.058 185.084 381.92C184.892 381.781 184.743 381.573 184.636 381.296L182.54 375.744H183.452L181.404 381.28C181.297 381.568 181.148 381.781 180.956 381.92C180.764 382.058 180.529 382.128 180.252 382.128Z" fill="white"/>
+<path d="M194.28 382.16C193.47 382.16 192.766 381.994 192.168 381.664C191.571 381.333 191.107 380.864 190.776 380.256C190.446 379.637 190.28 378.912 190.28 378.08C190.28 377.45 190.371 376.89 190.552 376.4C190.744 375.898 191.016 375.472 191.368 375.12C191.72 374.757 192.142 374.485 192.632 374.304C193.123 374.112 193.672 374.016 194.28 374.016C195.091 374.016 195.795 374.181 196.392 374.512C196.99 374.842 197.454 375.312 197.784 375.92C198.115 376.528 198.28 377.248 198.28 378.08C198.28 378.709 198.184 379.274 197.992 379.776C197.811 380.277 197.544 380.709 197.192 381.072C196.84 381.424 196.419 381.696 195.928 381.888C195.438 382.069 194.888 382.16 194.28 382.16ZM194.28 380.64C194.675 380.64 195.022 380.544 195.32 380.352C195.619 380.16 195.848 379.877 196.008 379.504C196.179 379.12 196.264 378.645 196.264 378.08C196.264 377.226 196.083 376.592 195.72 376.176C195.358 375.749 194.878 375.536 194.28 375.536C193.886 375.536 193.539 375.632 193.24 375.824C192.942 376.005 192.707 376.288 192.536 376.672C192.376 377.045 192.296 377.514 192.296 378.08C192.296 378.922 192.478 379.562 192.84 380C193.203 380.426 193.683 380.64 194.28 380.64Z" fill="white"/>
+<path d="M200.955 382.128C200.624 382.128 200.368 382.042 200.187 381.872C200.016 381.69 199.931 381.434 199.931 381.104V375.056C199.931 374.725 200.016 374.474 200.187 374.304C200.358 374.133 200.598 374.048 200.907 374.048C201.216 374.048 201.456 374.133 201.627 374.304C201.798 374.474 201.883 374.725 201.883 375.056V376.064H201.723C201.872 375.424 202.166 374.938 202.603 374.608C203.04 374.277 203.622 374.08 204.347 374.016C204.571 373.994 204.747 374.053 204.875 374.192C205.014 374.32 205.094 374.522 205.115 374.8C205.136 375.066 205.072 375.285 204.923 375.456C204.784 375.616 204.571 375.712 204.283 375.744L203.931 375.776C203.28 375.84 202.79 376.042 202.459 376.384C202.128 376.714 201.963 377.184 201.963 377.792V381.104C201.963 381.434 201.878 381.69 201.707 381.872C201.536 382.042 201.286 382.128 200.955 382.128Z" fill="white"/>
+<path d="M209.08 382.16C208.397 382.16 207.794 381.994 207.272 381.664C206.76 381.333 206.36 380.864 206.072 380.256C205.784 379.637 205.64 378.912 205.64 378.08C205.64 377.237 205.784 376.517 206.072 375.92C206.36 375.312 206.76 374.842 207.272 374.512C207.794 374.181 208.397 374.016 209.08 374.016C209.73 374.016 210.296 374.176 210.776 374.496C211.266 374.816 211.597 375.237 211.768 375.76H211.592V371.6C211.592 371.269 211.677 371.018 211.848 370.848C212.018 370.677 212.264 370.592 212.584 370.592C212.904 370.592 213.149 370.677 213.32 370.848C213.501 371.018 213.592 371.269 213.592 371.6V381.104C213.592 381.434 213.506 381.69 213.336 381.872C213.165 382.042 212.92 382.128 212.6 382.128C212.28 382.128 212.034 382.042 211.864 381.872C211.693 381.69 211.608 381.434 211.608 381.104V379.856L211.784 380.336C211.624 380.89 211.298 381.333 210.808 381.664C210.317 381.994 209.741 382.16 209.08 382.16ZM209.64 380.64C210.034 380.64 210.381 380.544 210.68 380.352C210.978 380.16 211.208 379.877 211.368 379.504C211.538 379.12 211.624 378.645 211.624 378.08C211.624 377.226 211.442 376.592 211.08 376.176C210.717 375.749 210.237 375.536 209.64 375.536C209.245 375.536 208.898 375.632 208.6 375.824C208.301 376.005 208.066 376.288 207.896 376.672C207.736 377.045 207.656 377.514 207.656 378.08C207.656 378.922 207.837 379.562 208.2 380C208.562 380.426 209.042 380.64 209.64 380.64Z" fill="white"/>
+<path d="M210.36 395.44H99.7828C94.2433 395.44 89.7354 390.934 89.7354 385.395V369.029C89.7354 363.489 94.2413 358.983 99.7828 358.983H210.358C215.898 358.983 220.406 363.489 220.406 369.029V385.395C220.406 390.932 215.9 395.44 210.36 395.44ZM99.7828 360.648C95.1621 360.648 91.4016 364.406 91.4016 369.027V385.392C91.4016 390.013 95.16 393.772 99.7828 393.772H210.358C214.979 393.772 218.739 390.013 218.739 385.392V369.027C218.739 364.406 214.981 360.648 210.358 360.648H99.7828Z" fill="#0E1726"/>
+<path d="M178.752 326.236C179.829 328.113 179.196 330.502 177.319 331.579C175.453 332.656 173.064 332.024 171.987 330.147C170.909 328.28 171.542 325.891 173.419 324.814C175.286 323.724 177.672 324.369 178.752 326.236Z" fill="#0E1726"/>
+<path d="M161.01 326.236C162.087 328.113 161.454 330.502 159.577 331.579C157.711 332.656 155.322 332.024 154.245 330.147C153.157 328.28 153.8 325.891 155.666 324.814C157.544 323.724 159.932 324.369 161.01 326.236Z" fill="#0E1726"/>
+<path d="M195.069 331.579C193.192 332.656 190.803 332.024 189.726 330.147C188.648 328.28 189.281 325.891 191.158 324.814C193.025 323.726 195.414 324.369 196.491 326.236C197.581 328.113 196.936 330.502 195.069 331.579Z" fill="#0E1726"/>
+<path d="M125.526 326.236C126.603 328.113 125.958 330.502 124.094 331.579C122.227 332.656 119.838 332.024 118.75 330.147C117.673 328.28 118.318 325.891 120.183 324.814C122.05 323.724 124.449 324.369 125.526 326.236Z" fill="#0E1726"/>
+<path d="M143.268 326.236C144.345 328.113 143.712 330.502 141.835 331.579C139.969 332.656 137.58 332.024 136.492 330.147C135.415 328.28 136.058 325.891 137.925 324.814C139.802 323.724 142.19 324.369 143.268 326.236Z" fill="#0E1726"/>
+<path d="M376.621 288.43L351.636 336.466L275.616 329.2C275.606 329.2 275.606 329.2 275.606 329.2C269.463 326.59 260.95 326.859 256.641 325.304C246.894 321.794 230.912 317.382 221.875 314.947C218.386 314.008 214.858 316.284 214.263 319.848C213.847 322.335 215.002 324.821 217.171 326.11L231.159 334.422C223.072 336.911 226.06 345.443 226.06 345.443C220.539 348.508 224.126 356.018 224.126 356.018C221.616 357.24 221.115 359.518 221.383 361.75C221.794 365.239 224.193 368.193 227.425 369.571L247.6 378.203C248.111 378.425 248.633 378.525 249.155 378.525C250.844 378.525 252.433 377.424 252.943 375.691C253.442 374.025 252.799 372.236 251.354 371.282L250.899 370.97L359.09 394.899C371.932 397.455 384.875 391.044 390.63 379.291L422.858 313.392L376.621 288.43Z" fill="#EAF1FF"/>
+<path d="M364.715 396.289C362.798 396.289 360.863 396.104 358.929 395.717L253.429 372.384C253.974 373.449 254.107 374.712 253.742 375.931C253.147 377.948 251.259 379.358 249.155 379.358C248.499 379.358 247.864 379.226 247.267 378.967L227.097 370.338C223.497 368.803 220.99 365.55 220.553 361.848C220.219 359.056 221.086 356.933 223.061 355.661C221.908 352.746 221.19 347.702 225.08 345.067C224.738 343.73 224.189 340.59 225.598 337.798C226.37 336.27 227.6 335.088 229.269 334.272L216.743 326.828C214.26 325.352 212.963 322.56 213.437 319.712C213.761 317.779 214.891 316.062 216.536 315.006C218.179 313.951 220.203 313.636 222.09 314.145C237.932 318.415 249.65 321.907 256.92 324.523C258.67 325.153 261.274 325.485 264.028 325.838C267.865 326.327 272.208 326.882 275.821 328.392L351.154 335.587L375.878 288.05C375.98 287.851 376.159 287.703 376.37 287.638C376.583 287.574 376.815 287.594 377.011 287.701L423.248 312.663C423.643 312.876 423.797 313.36 423.601 313.761L391.373 379.661C386.332 389.967 375.871 396.287 364.715 396.289ZM250.898 370.137C250.959 370.137 251.017 370.144 251.078 370.156L359.27 394.085C371.699 396.557 384.298 390.326 389.88 378.924L421.755 313.742L376.968 289.563L352.375 336.848C352.218 337.149 351.897 337.324 351.557 337.293L275.537 330.027C275.451 330.018 275.357 329.998 275.28 329.964C271.858 328.511 267.588 327.966 263.821 327.486C260.973 327.122 258.281 326.778 256.358 326.085C249.132 323.483 237.458 320.004 221.66 315.747C220.207 315.354 218.705 315.588 217.442 316.4C216.189 317.204 215.331 318.509 215.087 319.979C214.724 322.145 215.711 324.268 217.597 325.389L231.584 333.702C231.868 333.871 232.025 334.19 231.987 334.516C231.948 334.844 231.72 335.117 231.405 335.213C229.34 335.848 227.891 336.965 227.095 338.533C225.602 341.479 226.836 345.125 226.849 345.163C226.98 345.545 226.819 345.969 226.467 346.165C221.7 348.81 224.75 355.375 224.88 355.655C225.076 356.068 224.903 356.563 224.493 356.762C222.673 357.649 221.925 359.246 222.213 361.645C222.579 364.756 224.702 367.498 227.755 368.799L247.931 377.431C248.322 377.6 248.733 377.685 249.159 377.685C250.531 377.685 251.758 376.767 252.147 375.449C252.544 374.123 252.042 372.726 250.896 371.971L250.431 371.653C250.101 371.428 249.977 371 250.136 370.634C250.268 370.329 250.573 370.137 250.898 370.137Z" fill="#0E1726"/>
+<path d="M351.638 337.293C351.212 337.293 350.849 336.967 350.809 336.535C350.767 336.076 351.106 335.673 351.565 335.631L366.619 334.276C367.089 334.234 367.484 334.572 367.524 335.032C367.565 335.491 367.227 335.894 366.768 335.936L351.713 337.291C351.688 337.293 351.663 337.293 351.638 337.293Z" fill="#0E1726"/>
+<path d="M250.898 371.81C250.792 371.81 250.683 371.789 250.577 371.746L237.689 366.359C237.263 366.181 237.065 365.692 237.241 365.269C237.42 364.843 237.907 364.644 238.33 364.822L251.218 370.209C251.644 370.386 251.842 370.875 251.667 371.299C251.533 371.618 251.224 371.81 250.898 371.81Z" fill="#0E1726"/>
+<path d="M233.607 348.923C233.515 348.923 233.423 348.909 233.332 348.875L225.783 346.23C225.349 346.077 225.122 345.601 225.272 345.167C225.424 344.733 225.898 344.503 226.335 344.656L233.883 347.301C234.317 347.453 234.545 347.93 234.394 348.364C234.273 348.708 233.95 348.923 233.607 348.923Z" fill="#0E1726"/>
+<path d="M230.131 358.311C230.067 358.311 230 358.303 229.933 358.288L223.924 356.833C223.477 356.724 223.201 356.273 223.31 355.826C223.418 355.379 223.869 355.106 224.316 355.212L230.325 356.668C230.772 356.776 231.048 357.227 230.939 357.674C230.847 358.054 230.507 358.311 230.131 358.311Z" fill="#0E1726"/>
+<path d="M239.911 337.826C239.833 337.826 239.754 337.815 239.675 337.792L230.922 335.218C230.481 335.088 230.229 334.625 230.358 334.184C230.488 333.744 230.945 333.489 231.394 333.621L240.147 336.195C240.587 336.325 240.84 336.788 240.71 337.229C240.604 337.59 240.272 337.826 239.911 337.826Z" fill="#0E1726"/>
+<path d="M436.1 290.297C436.1 293.852 435.534 297.45 434.356 300.95L422.858 337.22L415.959 333.6L392.573 321.301L363.59 306.071L389.151 257.235L401.527 256.834C409.004 256.59 416.345 258.855 422.39 263.278C431.178 269.711 436.1 279.832 436.1 290.297Z" fill="#4361EE"/>
+<g opacity="0.4">
+<path d="M421.114 322.592C421.114 327.015 419.114 330.969 415.959 333.602L392.573 321.304C393.218 314.006 399.338 308.283 406.805 308.283C414.714 308.283 421.114 314.693 421.114 322.592Z" fill="#EAF1FF"/>
+</g>
+<path d="M422.851 338.054C422.718 338.054 422.584 338.022 422.465 337.958L363.208 306.809C362.8 306.596 362.644 306.093 362.857 305.685L381.49 270.091C381.703 269.684 382.204 269.526 382.613 269.741C383.021 269.954 383.179 270.457 382.964 270.866L364.717 305.723L422.359 336.024L433.252 301.948C433.394 301.509 433.859 301.267 434.3 301.407C434.738 301.547 434.981 302.017 434.841 302.455L423.645 337.477C423.57 337.711 423.394 337.901 423.167 337.995C423.066 338.033 422.96 338.054 422.851 338.054Z" fill="#0E1726"/>
+<path d="M267.189 159.548C267.189 159.548 249.973 147.356 241.408 121.814C235.466 104.093 232.173 83.2106 232.691 67.9807C252.938 66.9137 276.144 60.2739 289.388 55.958C299.586 65.4521 317.846 81.2437 335.765 90.7357C329.71 105.264 318.263 123.041 306.122 136.386C291.28 152.697 267.189 159.548 267.189 159.548Z" fill="#4361EE"/>
+<path d="M280.212 123.762C291.474 123.762 300.603 114.633 300.603 103.371C300.603 92.109 291.474 82.9795 280.212 82.9795C268.95 82.9795 259.82 92.109 259.82 103.371C259.82 114.633 268.95 123.762 280.212 123.762Z" fill="#EAF1FF"/>
+<path d="M270.645 102.798L274.923 109.499L290.785 99.374" fill="#EAF1FF"/>
+<path d="M274.246 112.566L268.773 103.993L272.517 101.602L275.599 106.429L289.589 97.501L291.982 101.247L274.246 112.566Z" fill="#0E1726"/>
+<path d="M446.982 389.664L441.032 393.999C438.238 396.016 434.344 395.404 432.323 392.631L427.986 386.681C425.965 383.906 426.576 380.012 429.349 377.992L435.304 373.637C438.079 371.616 441.971 372.227 444.013 375.005L448.346 380.976C450.369 383.749 449.757 387.643 446.982 389.664Z" fill="#FFC216"/>
+<path d="M440.758 244.517L438.627 248.225C437.622 249.956 435.411 250.553 433.682 249.561L429.974 247.43C428.245 246.436 427.648 244.225 428.642 242.498L430.77 238.777C431.763 237.048 433.972 236.451 435.714 237.441L439.426 239.583C441.153 240.579 441.75 242.788 440.758 244.517Z" fill="#FFC216"/>
+<path d="M174.131 140.45L171.999 144.158C170.994 145.889 168.783 146.486 167.054 145.494L163.346 143.362C161.617 142.368 161.02 140.157 162.014 138.43L164.142 134.71C165.135 132.981 167.345 132.384 169.086 133.373L172.798 135.516C174.527 136.509 175.124 138.721 174.131 140.45Z" fill="#FFC216"/>
+<path d="M356.352 118.241L354.22 121.95C353.216 123.681 351.005 124.278 349.276 123.286L345.568 121.154C343.839 120.16 343.242 117.949 344.236 116.222L346.363 112.502C347.357 110.773 349.566 110.176 351.308 111.165L355.02 113.308C356.749 114.301 357.346 116.513 356.352 118.241Z" fill="#FFC216"/>
+<g opacity="0.4">
+<path d="M408.515 284.271C410.361 284.271 411.858 282.774 411.858 280.928C411.858 279.082 410.361 277.585 408.515 277.585C406.669 277.585 405.172 279.082 405.172 280.928C405.172 282.774 406.669 284.271 408.515 284.271Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M380.941 299.432C383.326 299.432 385.259 297.499 385.259 295.114C385.259 292.729 383.326 290.796 380.941 290.796C378.556 290.796 376.623 292.729 376.623 295.114C376.623 297.499 378.556 299.432 380.941 299.432Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M327.155 288.695C328.994 288.695 330.485 287.204 330.485 285.365C330.485 283.525 328.994 282.034 327.155 282.034C325.315 282.034 323.824 283.525 323.824 285.365C323.824 287.204 325.315 288.695 327.155 288.695Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M340.991 317.176C343.42 317.176 345.388 315.207 345.388 312.778C345.388 310.35 343.42 308.381 340.991 308.381C338.562 308.381 336.594 310.35 336.594 312.778C336.594 315.207 338.562 317.176 340.991 317.176Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M312.492 320.433C315.82 320.433 318.518 317.735 318.518 314.407C318.518 311.079 315.82 308.381 312.492 308.381C309.164 308.381 306.466 311.079 306.466 314.407C306.466 317.735 309.164 320.433 312.492 320.433Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M282.328 279.744C284.193 279.744 285.705 278.232 285.705 276.367C285.705 274.503 284.193 272.991 282.328 272.991C280.464 272.991 278.952 274.503 278.952 276.367C278.952 278.232 280.464 279.744 282.328 279.744Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M285.198 303.716C287.047 303.716 288.547 302.216 288.547 300.367C288.547 298.517 287.047 297.018 285.198 297.018C283.348 297.018 281.849 298.517 281.849 300.367C281.849 302.216 283.348 303.716 285.198 303.716Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M290.299 395.916C292.805 395.916 294.836 393.885 294.836 391.379C294.836 388.873 292.805 386.842 290.299 386.842C287.793 386.842 285.762 388.873 285.762 391.379C285.762 393.885 287.793 395.916 290.299 395.916Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M317.031 400.453C319.537 400.453 321.569 398.422 321.569 395.916C321.569 393.41 319.537 391.379 317.031 391.379C314.526 391.379 312.494 393.41 312.494 395.916C312.494 398.422 314.526 400.453 317.031 400.453Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M341.071 364.256C344.673 364.256 347.594 361.335 347.594 357.733C347.594 354.13 344.673 351.21 341.071 351.21C337.468 351.21 334.548 354.13 334.548 357.733C334.548 361.335 337.468 364.256 341.071 364.256Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M313.626 275.948C316.327 275.948 318.518 273.758 318.518 271.056C318.518 268.354 316.327 266.164 313.626 266.164C310.924 266.164 308.733 268.354 308.733 271.056C308.733 273.758 310.924 275.948 313.626 275.948Z" fill="#EAF1FF"/>
+</g>
+</svg>
diff --git a/public/assets/images/auth/unlock.svg b/public/assets/images/auth/unlock.svg
new file mode 100644
index 0000000000000000000000000000000000000000..080b04756e6d61bc67cf328f4c4efe92ca35a2f1
--- /dev/null
+++ b/public/assets/images/auth/unlock.svg
@@ -0,0 +1,108 @@
+<svg width="522" height="522" viewBox="0 0 522 522" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M468.967 466.041H57.9273C57.468 466.041 57.0942 465.667 57.0942 465.208C57.0942 464.749 57.468 464.375 57.9273 464.375H468.967C469.426 464.375 469.8 464.749 469.8 465.208C469.8 465.667 469.426 466.041 468.967 466.041Z" fill="#0E1726"/>
+<path d="M350.082 139.435C350.082 139.435 336.485 142.015 328.822 153.852C321.159 165.689 321.036 175.839 314.115 179.263C307.193 182.687 302.495 182.385 297.553 189.973C292.608 197.56 298.912 206.211 295.204 210.765C291.495 215.319 276.416 217.897 275.426 237.627C274.436 257.356 284.697 273.14 302.618 280.425C320.541 287.71 374.679 260.088 374.679 260.088L358.735 165.842L350.082 139.435Z" fill="#0E1726"/>
+<path d="M263.447 275.762L234.422 299.02L205.442 185.851L146.49 195.817L183.71 343.016C187.408 357.643 197.955 369.578 212.017 375.048C228.168 381.331 246.469 378.141 259.54 366.765L308.734 323.955" fill="#EAF1FF"/>
+<path d="M228.966 379.07C223.167 379.07 217.325 378.005 211.717 375.823C197.433 370.267 186.661 358.077 182.905 343.219L145.682 196.019C145.625 195.794 145.665 195.554 145.792 195.359C145.92 195.165 146.122 195.032 146.352 194.994L205.305 185.028C205.728 184.957 206.144 185.222 206.25 185.642L234.91 297.561L262.927 275.111C263.284 274.825 263.81 274.881 264.098 275.24C264.387 275.599 264.328 276.123 263.969 276.411L234.944 299.67C234.722 299.847 234.426 299.897 234.159 299.81C233.889 299.72 233.685 299.501 233.616 299.225L204.826 186.799L147.521 196.485L184.521 342.81C188.145 357.146 198.537 368.908 212.32 374.27C228.235 380.461 246.117 377.341 258.995 366.135L308.189 323.325C308.533 323.022 309.061 323.059 309.364 323.406C309.667 323.753 309.629 324.279 309.283 324.582L260.09 367.392C251.282 375.055 240.212 379.07 228.966 379.07Z" fill="#0E1726"/>
+<path d="M327.175 285.897L295.692 349.22L267.164 317.269L257.054 305.948L241.235 288.24L280.328 258.202C286.073 253.468 293.56 251.403 300.925 252.547L315.133 254.746L327.175 285.897Z" fill="#4361EE"/>
+<path opacity="0.4" d="M273.284 309.172C273.284 313.027 270.695 316.272 267.162 317.272L257.052 305.951C258.307 302.883 261.328 300.729 264.84 300.729C269.507 300.729 273.284 304.506 273.284 309.172Z" fill="#EAF1FF"/>
+<path d="M295.688 350.057C295.452 350.057 295.227 349.957 295.066 349.779L240.607 288.797C240.452 288.624 240.377 288.394 240.398 288.165C240.419 287.933 240.538 287.722 240.72 287.582L279.813 257.544C280.181 257.262 280.703 257.333 280.982 257.696C281.262 258.062 281.193 258.584 280.83 258.866L242.448 288.357L295.49 347.752L326.426 285.532C326.63 285.12 327.127 284.951 327.543 285.156C327.954 285.36 328.123 285.862 327.919 286.273L296.434 349.596C296.31 349.842 296.072 350.013 295.799 350.051C295.761 350.055 295.726 350.057 295.688 350.057Z" fill="#0E1726"/>
+<path d="M251.331 465.209L268.435 386.84L396.315 402.093L390.533 465.209H251.331Z" fill="#0E1726"/>
+<path d="M312.079 254.746L396.455 257.483C408.425 257.872 417.462 268.481 415.942 280.362L398.658 415.47L260.336 403.174L312.079 254.746Z" fill="#4361EE"/>
+<path opacity="0.4" d="M382.511 398.616C388.071 398.616 392.579 394.108 392.579 388.548C392.579 382.987 388.071 378.479 382.511 378.479C376.95 378.479 372.442 382.987 372.442 388.548C372.442 394.108 376.95 398.616 382.511 398.616Z" fill="#EAF1FF"/>
+<path d="M260.334 404.003C260.242 404.003 260.15 403.989 260.061 403.957C259.626 403.805 259.397 403.331 259.549 402.897L302.576 279.471C302.727 279.037 303.203 278.807 303.637 278.957C304.071 279.11 304.301 279.584 304.149 280.018L261.121 403.444C261.002 403.788 260.681 404.003 260.334 404.003Z" fill="#0E1726"/>
+<path d="M339.722 259.747L341.43 221.62L376.909 214.227L378.239 254.702C378.356 258.25 377.024 261.704 374.504 264.203C370.378 268.293 363.057 273.519 352.924 272.947C339.711 272.204 339.722 259.747 339.722 259.747Z" fill="#EAF1FF"/>
+<path d="M354.465 273.826C353.943 273.826 353.415 273.812 352.876 273.78C339.037 272.999 338.889 259.878 338.889 259.747C338.889 259.734 338.889 259.722 338.891 259.711L340.599 221.584C340.615 221.204 340.889 220.883 341.261 220.806L376.74 213.412C376.982 213.36 377.233 213.42 377.425 213.573C377.617 213.725 377.734 213.955 377.742 214.201L379.072 254.677C379.195 258.475 377.746 262.165 375.09 264.798C370.868 268.984 363.936 273.826 354.465 273.826ZM340.555 259.763C340.561 260.442 340.843 271.431 352.97 272.116C362.646 272.657 369.701 267.792 373.919 263.612C376.247 261.304 377.517 258.066 377.408 254.729L376.111 215.243L342.236 222.303L340.555 259.763Z" fill="#0E1726"/>
+<path d="M377.333 219.384C394.163 201.2 390.373 171.473 390.373 171.473L339.927 150.391C338.989 151.159 319.968 166.639 316.708 197.782C314.023 223.439 338.611 237.884 364.92 228.212" fill="#EAF1FF"/>
+<path d="M348.56 232.077C340.344 232.077 332.742 229.705 326.78 225.065C318.573 218.676 314.701 208.956 315.879 197.694C319.069 167.205 337.317 151.449 339.388 149.753C339.626 149.557 339.964 149.501 340.248 149.62L390.694 170.7C390.97 170.815 391.162 171.068 391.199 171.364C391.237 171.665 394.843 201.69 377.945 219.948C377.63 220.286 377.103 220.305 376.767 219.994C376.429 219.68 376.41 219.154 376.721 218.816C391.941 202.373 389.976 175.91 389.596 172.049L340.071 151.355C336.807 154.153 320.508 169.429 317.535 197.869C316.418 208.537 320.065 217.728 327.804 223.752C337.212 231.075 350.98 232.449 364.632 227.431C365.062 227.27 365.542 227.494 365.701 227.926C365.859 228.358 365.638 228.836 365.206 228.995C359.589 231.06 353.943 232.077 348.56 232.077Z" fill="#0E1726"/>
+<path d="M379.46 190.812C379.46 190.812 352.826 173.126 342.505 155.673C342.505 155.673 332.904 157.241 330.484 160.83C330.484 160.83 327.48 144.139 344.478 139.434C361.476 134.73 400.478 147.782 406.398 171.153C410.29 186.521 409.874 220.616 409.131 242.164C408.772 252.623 400.869 257.774 390.42 257.195L378.398 256.897L376.193 220.789C385.626 212.159 383.246 201.6 379.46 190.812Z" fill="#0E1726"/>
+<path d="M334.029 185.925C334.615 184.115 334.105 182.329 332.891 181.936C331.676 181.543 330.217 182.691 329.63 184.502C329.044 186.312 329.554 188.098 330.768 188.491C331.983 188.884 333.443 187.736 334.029 185.925Z" fill="#0E1726"/>
+<path d="M330.484 178.192C332.84 177.505 335.471 178.438 337.158 180.555L330.484 178.192Z" fill="#EAF1FF"/>
+<path d="M337.158 181.391C336.914 181.391 336.672 181.282 336.507 181.077C335.026 179.219 332.754 178.401 330.719 178.994C330.274 179.123 329.815 178.868 329.685 178.428C329.556 177.985 329.81 177.524 330.251 177.394C332.94 176.611 335.907 177.649 337.81 180.04C338.096 180.399 338.037 180.923 337.676 181.211C337.523 181.33 337.34 181.391 337.158 181.391Z" fill="#0E1726"/>
+<path d="M353.911 194.297C354.206 192.417 353.423 190.733 352.162 190.535C350.901 190.337 349.639 191.7 349.344 193.58C349.049 195.46 349.832 197.144 351.093 197.342C352.354 197.54 353.616 196.177 353.911 194.297Z" fill="#0E1726"/>
+<path d="M350.093 186.978C352.427 186.22 355.083 187.072 356.835 189.137L350.093 186.978Z" fill="#EAF1FF"/>
+<path d="M356.833 189.97C356.597 189.97 356.363 189.87 356.198 189.676C354.662 187.863 352.363 187.116 350.35 187.769C349.909 187.913 349.444 187.671 349.302 187.235C349.16 186.796 349.398 186.326 349.836 186.184C352.499 185.32 355.497 186.268 357.47 188.598C357.767 188.949 357.725 189.475 357.372 189.772C357.215 189.905 357.025 189.97 356.833 189.97Z" fill="#0E1726"/>
+<path d="M377.688 192.167C377.688 192.167 389.27 182.65 394.974 185.316C400.679 187.982 396.415 208.593 389.207 209.86C382 211.128 376.623 207.798 376.623 207.798" fill="#EAF1FF"/>
+<path d="M385.885 210.982C380.265 210.982 376.379 208.623 376.187 208.504C375.794 208.261 375.675 207.75 375.917 207.357C376.16 206.965 376.675 206.846 377.064 207.086C377.116 207.117 382.284 210.23 389.068 209.038C392.719 208.397 395.751 201.609 396.57 195.42C397.209 190.591 396.447 186.922 394.626 186.07C390.333 184.066 381.329 190.257 378.22 192.81C377.865 193.1 377.339 193.05 377.047 192.695C376.755 192.34 376.807 191.814 377.162 191.522C377.65 191.119 389.22 181.706 395.332 184.56C397.902 185.761 398.981 189.904 398.223 195.637C397.315 202.496 393.979 209.867 389.358 210.679C388.14 210.892 386.98 210.982 385.885 210.982Z" fill="#0E1726"/>
+<path d="M389.306 200.786C389.164 200.786 389.02 200.748 388.886 200.673C388.489 200.441 388.354 199.932 388.585 199.533C389.239 198.412 389.667 197.14 389.819 195.854C389.911 195.107 389.828 194.595 389.575 194.334C389.396 194.15 389.074 194.054 388.736 194.083C388.391 194.115 388.011 194.261 387.579 194.532C386.936 194.933 386.372 195.476 385.948 196.1C385.689 196.48 385.172 196.581 384.792 196.322C384.412 196.063 384.311 195.545 384.572 195.165C385.126 194.351 385.861 193.645 386.698 193.121C387.358 192.707 387.978 192.48 388.592 192.426C389.419 192.352 390.243 192.63 390.774 193.175C391.404 193.825 391.634 194.766 391.477 196.057C391.298 197.564 390.797 199.059 390.03 200.375C389.874 200.638 389.594 200.786 389.306 200.786Z" fill="#0E1726"/>
+<path d="M339.722 191.476C338.254 193.8 336.786 196.123 335.318 198.447C334.433 199.848 333.529 201.31 333.464 202.92C333.399 204.53 334.431 206.334 336.295 206.866" fill="#EAF1FF"/>
+<path d="M336.296 207.699C336.221 207.699 336.143 207.689 336.066 207.668C333.711 206.995 332.556 204.755 332.631 202.886C332.707 201.024 333.719 199.418 334.615 198.002L339.016 191.031C339.263 190.642 339.777 190.525 340.165 190.772C340.555 191.018 340.67 191.532 340.424 191.92L336.022 198.892C335.239 200.13 334.352 201.535 334.296 202.953C334.247 204.139 335.012 205.634 336.523 206.064C336.966 206.19 337.223 206.651 337.095 207.094C336.993 207.459 336.659 207.699 336.296 207.699Z" fill="#0E1726"/>
+<path d="M343.236 217.858C341.752 217.858 340.269 217.535 338.918 216.891C338.503 216.693 338.325 216.196 338.524 215.781C338.722 215.365 339.215 215.188 339.634 215.386C341.614 216.328 343.934 216.449 345.999 215.724C348.064 215 349.799 213.452 350.753 211.481C350.953 211.068 351.45 210.895 351.866 211.095C352.279 211.296 352.453 211.795 352.252 212.208C351.106 214.572 349.028 216.426 346.55 217.296C345.483 217.672 344.357 217.858 343.236 217.858Z" fill="#0E1726"/>
+<path d="M247.67 164.008H66.4737C59.0508 164.008 53.0332 170.025 53.0332 177.448V409.296C53.0332 416.718 59.0508 422.736 66.4737 422.736H247.672C255.095 422.736 261.113 416.718 261.113 409.296V177.448C261.111 170.025 255.093 164.008 247.67 164.008Z" fill="#EAF1FF"/>
+<path d="M247.67 423.569H66.4738C58.6041 423.569 52.2002 417.167 52.2002 409.296V177.448C52.2002 169.579 58.6041 163.175 66.4738 163.175H247.672C255.542 163.175 261.946 169.577 261.946 177.448V409.296C261.944 417.167 255.54 423.569 247.67 423.569ZM66.4738 164.841C59.5228 164.841 53.8685 170.495 53.8685 177.446V409.294C53.8685 416.245 59.5249 421.899 66.4738 421.899H247.672C254.623 421.899 260.28 416.245 260.28 409.294V177.448C260.28 170.497 254.623 164.843 247.672 164.843H66.4738V164.841Z" fill="#0E1726"/>
+<path d="M246.495 164.008H67.6492C59.577 164.008 53.0332 170.552 53.0332 178.624V189.471H261.111V178.624C261.111 170.554 254.567 164.008 246.495 164.008Z" fill="#E6F3FC"/>
+<path d="M261.111 190.304H53.0333C52.5739 190.304 52.2002 189.93 52.2002 189.471V178.624C52.2002 170.105 59.1303 163.175 67.6493 163.175H246.493C255.012 163.175 261.942 170.105 261.942 178.624V189.471C261.944 189.933 261.57 190.304 261.111 190.304ZM53.8664 188.638H260.278V178.624C260.278 171.024 254.095 164.841 246.495 164.841H67.6493C60.049 164.841 53.8664 171.024 53.8664 178.624V188.638Z" fill="#0E1726"/>
+<path d="M73.1909 181.451C75.2989 181.451 77.0078 179.742 77.0078 177.634C77.0078 175.526 75.2989 173.817 73.1909 173.817C71.0829 173.817 69.374 175.526 69.374 177.634C69.374 179.742 71.0829 181.451 73.1909 181.451Z" fill="#0E1726"/>
+<path d="M85.7627 181.451C87.8707 181.451 89.5795 179.742 89.5795 177.634C89.5795 175.526 87.8707 173.817 85.7627 173.817C83.6547 173.817 81.9458 175.526 81.9458 177.634C81.9458 179.742 83.6547 181.451 85.7627 181.451Z" fill="#0E1726"/>
+<path d="M98.3325 181.451C100.44 181.451 102.149 179.742 102.149 177.634C102.149 175.526 100.44 173.817 98.3325 173.817C96.2245 173.817 94.5156 175.526 94.5156 177.634C94.5156 179.742 96.2245 181.451 98.3325 181.451Z" fill="#0E1726"/>
+<path d="M153.088 298.346C177.167 298.346 196.687 278.825 196.687 254.746C196.687 230.667 177.167 211.146 153.088 211.146C129.008 211.146 109.488 230.667 109.488 254.746C109.488 278.825 129.008 298.346 153.088 298.346Z" fill="#FFC216"/>
+<path d="M153.088 250.213C158.618 250.213 163.1 245.731 163.1 240.201C163.1 234.672 158.618 230.189 153.088 230.189C147.559 230.189 143.076 234.672 143.076 240.201C143.076 245.731 147.559 250.213 153.088 250.213Z" fill="#EAF1FF"/>
+<path d="M168.278 277.585C173.089 277.585 176.242 272.584 174.212 268.224C170.51 260.265 162.444 254.746 153.086 254.746C143.727 254.746 135.664 260.265 131.959 268.224C129.93 272.586 133.085 277.585 137.893 277.585H168.278Z" fill="#EAF1FF"/>
+<path d="M212.907 313.204H101.237C96.1482 313.204 92.0244 317.328 92.0244 322.416V332.733C92.0244 337.822 96.1503 341.945 101.237 341.945H212.905C217.993 341.945 222.117 337.822 222.117 332.733V322.416C222.119 317.328 217.996 313.204 212.907 313.204Z" fill="#EAF1FF"/>
+<path d="M212.907 342.779H101.237C95.6973 342.779 91.1914 338.273 91.1914 332.733V322.416C91.1914 316.877 95.6973 312.371 101.237 312.371H212.905C218.445 312.371 222.953 316.877 222.953 322.416V332.733C222.953 338.273 218.447 342.779 212.907 342.779ZM101.237 314.037C96.616 314.037 92.8576 317.796 92.8576 322.416V332.733C92.8576 337.354 96.616 341.112 101.237 341.112H212.905C217.526 341.112 221.286 337.354 221.286 332.733V322.416C221.286 317.796 217.528 314.037 212.905 314.037H101.237Z" fill="#0E1726"/>
+<path d="M190.36 359.814H123.783C118.695 359.814 114.571 363.938 114.571 369.027V385.392C114.571 390.481 118.695 394.605 123.783 394.605H190.36C195.449 394.605 199.573 390.479 199.573 385.392V369.027C199.573 363.938 195.449 359.814 190.36 359.814Z" fill="#0E1726"/>
+<path d="M136.92 382.16C136.141 382.16 135.453 382.058 134.856 381.856C134.269 381.653 133.773 381.354 133.368 380.96C132.963 380.554 132.659 380.053 132.456 379.456C132.253 378.858 132.152 378.165 132.152 377.376V371.632C132.152 371.28 132.237 371.018 132.408 370.848C132.589 370.677 132.845 370.592 133.176 370.592C133.507 370.592 133.757 370.677 133.928 370.848C134.109 371.018 134.2 371.28 134.2 371.632V377.36C134.2 378.373 134.429 379.136 134.888 379.648C135.357 380.149 136.035 380.4 136.92 380.4C137.805 380.4 138.477 380.149 138.936 379.648C139.395 379.136 139.624 378.373 139.624 377.36V371.632C139.624 371.28 139.709 371.018 139.88 370.848C140.061 370.677 140.317 370.592 140.648 370.592C140.968 370.592 141.213 370.677 141.384 370.848C141.565 371.018 141.656 371.28 141.656 371.632V377.376C141.656 378.421 141.475 379.301 141.112 380.016C140.76 380.73 140.232 381.269 139.528 381.632C138.824 381.984 137.955 382.16 136.92 382.16Z" fill="white"/>
+<path d="M144.844 382.128C144.524 382.128 144.279 382.042 144.108 381.872C143.938 381.69 143.852 381.434 143.852 381.104V375.056C143.852 374.725 143.938 374.474 144.108 374.304C144.279 374.133 144.519 374.048 144.828 374.048C145.138 374.048 145.378 374.133 145.548 374.304C145.719 374.474 145.804 374.725 145.804 375.056V376.144L145.628 375.744C145.863 375.178 146.226 374.752 146.716 374.464C147.218 374.165 147.783 374.016 148.412 374.016C149.042 374.016 149.559 374.133 149.964 374.368C150.37 374.602 150.674 374.96 150.876 375.44C151.079 375.909 151.18 376.506 151.18 377.232V381.104C151.18 381.434 151.095 381.69 150.924 381.872C150.754 382.042 150.508 382.128 150.188 382.128C149.868 382.128 149.618 382.042 149.436 381.872C149.266 381.69 149.18 381.434 149.18 381.104V377.328C149.18 376.72 149.063 376.277 148.828 376C148.604 375.722 148.252 375.584 147.772 375.584C147.186 375.584 146.716 375.77 146.364 376.144C146.023 376.506 145.852 376.992 145.852 377.6V381.104C145.852 381.786 145.516 382.128 144.844 382.128Z" fill="white"/>
+<path d="M155.884 382.16C154.998 382.16 154.332 381.909 153.884 381.408C153.436 380.896 153.212 380.149 153.212 379.168V371.6C153.212 371.269 153.297 371.018 153.468 370.848C153.638 370.677 153.884 370.592 154.204 370.592C154.524 370.592 154.769 370.677 154.94 370.848C155.121 371.018 155.212 371.269 155.212 371.6V379.072C155.212 379.562 155.313 379.925 155.516 380.16C155.729 380.394 156.028 380.512 156.412 380.512C156.497 380.512 156.577 380.512 156.652 380.512C156.726 380.501 156.801 380.49 156.876 380.48C157.025 380.458 157.126 380.501 157.18 380.608C157.233 380.704 157.26 380.906 157.26 381.216C157.26 381.482 157.206 381.69 157.1 381.84C156.993 381.989 156.817 382.08 156.572 382.112C156.465 382.122 156.353 382.133 156.236 382.144C156.118 382.154 156.001 382.16 155.884 382.16Z" fill="white"/>
+<path d="M161.811 382.16C161 382.16 160.296 381.994 159.699 381.664C159.102 381.333 158.638 380.864 158.307 380.256C157.976 379.637 157.811 378.912 157.811 378.08C157.811 377.45 157.902 376.89 158.083 376.4C158.275 375.898 158.547 375.472 158.899 375.12C159.251 374.757 159.672 374.485 160.163 374.304C160.654 374.112 161.203 374.016 161.811 374.016C162.622 374.016 163.326 374.181 163.923 374.512C164.52 374.842 164.984 375.312 165.315 375.92C165.646 376.528 165.811 377.248 165.811 378.08C165.811 378.709 165.715 379.274 165.523 379.776C165.342 380.277 165.075 380.709 164.723 381.072C164.371 381.424 163.95 381.696 163.459 381.888C162.968 382.069 162.419 382.16 161.811 382.16ZM161.811 380.64C162.206 380.64 162.552 380.544 162.851 380.352C163.15 380.16 163.379 379.877 163.539 379.504C163.71 379.12 163.795 378.645 163.795 378.08C163.795 377.226 163.614 376.592 163.251 376.176C162.888 375.749 162.408 375.536 161.811 375.536C161.416 375.536 161.07 375.632 160.771 375.824C160.472 376.005 160.238 376.288 160.067 376.672C159.907 377.045 159.827 377.514 159.827 378.08C159.827 378.922 160.008 379.562 160.371 380C160.734 380.426 161.214 380.64 161.811 380.64Z" fill="white"/>
+<path d="M171.078 382.16C170.256 382.16 169.542 381.994 168.934 381.664C168.326 381.322 167.856 380.842 167.526 380.224C167.195 379.605 167.03 378.88 167.03 378.048C167.03 377.418 167.12 376.858 167.302 376.368C167.494 375.866 167.766 375.445 168.118 375.104C168.47 374.752 168.896 374.485 169.398 374.304C169.899 374.112 170.459 374.016 171.078 374.016C171.43 374.016 171.808 374.064 172.214 374.16C172.63 374.256 173.019 374.416 173.382 374.64C173.552 374.746 173.664 374.874 173.718 375.024C173.771 375.173 173.782 375.328 173.75 375.488C173.718 375.637 173.648 375.77 173.542 375.888C173.446 375.994 173.323 376.064 173.174 376.096C173.024 376.117 172.859 376.08 172.678 375.984C172.443 375.845 172.203 375.744 171.958 375.68C171.712 375.605 171.478 375.568 171.254 375.568C170.902 375.568 170.592 375.626 170.326 375.744C170.059 375.85 169.83 376.01 169.638 376.224C169.456 376.426 169.318 376.682 169.222 376.992C169.126 377.301 169.078 377.658 169.078 378.064C169.078 378.853 169.264 379.477 169.638 379.936C170.022 380.384 170.56 380.608 171.254 380.608C171.478 380.608 171.707 380.576 171.942 380.512C172.187 380.448 172.432 380.346 172.678 380.208C172.859 380.112 173.019 380.08 173.158 380.112C173.307 380.144 173.43 380.218 173.526 380.336C173.622 380.442 173.68 380.576 173.702 380.736C173.723 380.885 173.702 381.034 173.638 381.184C173.584 381.333 173.478 381.456 173.318 381.552C172.966 381.765 172.592 381.92 172.198 382.016C171.803 382.112 171.43 382.16 171.078 382.16Z" fill="white"/>
+<path d="M176.001 382.128C175.681 382.128 175.435 382.042 175.265 381.872C175.094 381.69 175.009 381.434 175.009 381.104V371.6C175.009 371.269 175.094 371.018 175.265 370.848C175.435 370.677 175.681 370.592 176.001 370.592C176.321 370.592 176.566 370.677 176.737 370.848C176.918 371.018 177.009 371.269 177.009 371.6V377.504H177.041L179.681 374.72C179.894 374.506 180.081 374.341 180.241 374.224C180.401 374.106 180.619 374.048 180.897 374.048C181.174 374.048 181.382 374.122 181.521 374.272C181.67 374.41 181.745 374.581 181.745 374.784C181.745 374.986 181.649 375.189 181.457 375.392L178.673 378.336V377.504L181.729 380.8C181.921 381.002 182.006 381.21 181.985 381.424C181.974 381.626 181.889 381.797 181.729 381.936C181.569 382.064 181.366 382.128 181.121 382.128C180.822 382.128 180.582 382.069 180.401 381.952C180.23 381.834 180.038 381.658 179.825 381.424L177.041 378.512H177.009V381.104C177.009 381.786 176.673 382.128 176.001 382.128Z" fill="white"/>
+<path d="M190.361 395.44H123.783C118.244 395.44 113.736 390.934 113.736 385.395V369.029C113.736 363.489 118.242 358.983 123.783 358.983H190.359C195.898 358.983 200.406 363.489 200.406 369.029V385.395C200.406 390.932 195.9 395.44 190.361 395.44ZM123.783 360.648C119.163 360.648 115.402 364.406 115.402 369.027V385.392C115.402 390.013 119.16 393.772 123.783 393.772H190.359C194.979 393.772 198.74 390.013 198.74 385.392V369.027C198.74 364.406 194.981 360.648 190.359 360.648H123.783Z" fill="#0E1726"/>
+<path d="M178.752 326.236C179.829 328.113 179.196 330.502 177.319 331.579C175.453 332.656 173.064 332.024 171.987 330.147C170.909 328.28 171.542 325.891 173.419 324.814C175.286 323.724 177.672 324.369 178.752 326.236Z" fill="#0E1726"/>
+<path d="M161.01 326.236C162.087 328.113 161.454 330.502 159.577 331.579C157.711 332.656 155.322 332.024 154.245 330.147C153.157 328.28 153.8 325.891 155.666 324.814C157.544 323.724 159.932 324.369 161.01 326.236Z" fill="#0E1726"/>
+<path d="M195.07 331.579C193.192 332.656 190.804 332.024 189.726 330.147C188.649 328.28 189.282 325.891 191.159 324.814C193.025 323.726 195.414 324.369 196.491 326.236C197.581 328.113 196.936 330.502 195.07 331.579Z" fill="#0E1726"/>
+<path d="M125.527 326.236C126.604 328.113 125.959 330.502 124.094 331.579C122.227 332.656 119.839 332.024 118.751 330.147C117.674 328.28 118.319 325.891 120.183 324.814C122.05 323.724 124.449 324.369 125.527 326.236Z" fill="#0E1726"/>
+<path d="M143.268 326.236C144.346 328.113 143.713 330.502 141.836 331.579C139.969 332.656 137.58 332.024 136.493 330.147C135.415 328.28 136.058 325.891 137.925 324.814C139.802 323.724 142.191 324.369 143.268 326.236Z" fill="#0E1726"/>
+<path d="M376.621 288.43L351.636 336.466L275.616 329.2C275.605 329.2 275.605 329.2 275.605 329.2C269.462 326.59 260.95 326.859 256.64 325.304C246.893 321.794 230.912 317.382 221.875 314.947C218.386 314.008 214.857 316.284 214.262 319.848C213.847 322.335 215.001 324.821 217.171 326.11L231.158 334.422C223.071 336.911 226.059 345.443 226.059 345.443C220.539 348.508 224.126 356.018 224.126 356.018C221.616 357.24 221.115 359.518 221.382 361.75C221.793 365.239 224.193 368.193 227.425 369.571L247.599 378.203C248.111 378.425 248.633 378.525 249.155 378.525C250.844 378.525 252.433 377.424 252.942 375.691C253.441 374.025 252.798 372.236 251.353 371.282L250.898 370.97L359.09 394.899C371.931 397.455 384.875 391.044 390.629 379.291L422.857 313.392L376.621 288.43Z" fill="#EAF1FF"/>
+<path d="M364.715 396.289C362.798 396.289 360.863 396.104 358.929 395.717L253.429 372.384C253.974 373.449 254.107 374.712 253.742 375.931C253.147 377.948 251.259 379.358 249.155 379.358C248.499 379.358 247.864 379.226 247.267 378.967L227.097 370.338C223.497 368.803 220.99 365.55 220.553 361.848C220.219 359.056 221.086 356.933 223.061 355.661C221.908 352.746 221.19 347.702 225.08 345.067C224.738 343.73 224.189 340.59 225.598 337.798C226.37 336.27 227.6 335.088 229.269 334.272L216.743 326.828C214.26 325.352 212.963 322.56 213.437 319.712C213.761 317.779 214.891 316.062 216.536 315.006C218.179 313.951 220.203 313.636 222.09 314.145C237.932 318.415 249.65 321.907 256.92 324.523C258.67 325.153 261.274 325.485 264.028 325.838C267.865 326.327 272.208 326.882 275.821 328.392L351.154 335.587L375.878 288.05C375.98 287.851 376.159 287.703 376.37 287.638C376.583 287.574 376.815 287.594 377.011 287.701L423.248 312.663C423.643 312.876 423.797 313.36 423.601 313.761L391.373 379.661C386.332 389.967 375.871 396.287 364.715 396.289ZM250.898 370.137C250.959 370.137 251.017 370.144 251.078 370.156L359.27 394.085C371.699 396.557 384.298 390.326 389.88 378.924L421.755 313.742L376.968 289.563L352.375 336.848C352.218 337.149 351.897 337.324 351.557 337.293L275.537 330.027C275.451 330.018 275.357 329.998 275.28 329.964C271.858 328.511 267.588 327.966 263.821 327.486C260.973 327.122 258.281 326.778 256.358 326.085C249.132 323.483 237.458 320.004 221.66 315.747C220.207 315.354 218.705 315.588 217.442 316.4C216.189 317.204 215.331 318.509 215.087 319.979C214.724 322.145 215.711 324.268 217.597 325.389L231.584 333.702C231.868 333.871 232.025 334.19 231.987 334.516C231.948 334.844 231.72 335.117 231.405 335.213C229.34 335.848 227.891 336.965 227.095 338.533C225.602 341.479 226.836 345.125 226.849 345.163C226.98 345.545 226.819 345.969 226.467 346.165C221.7 348.81 224.75 355.375 224.88 355.655C225.076 356.068 224.903 356.563 224.493 356.762C222.673 357.649 221.925 359.246 222.213 361.645C222.579 364.756 224.702 367.498 227.755 368.799L247.931 377.431C248.322 377.6 248.733 377.685 249.159 377.685C250.531 377.685 251.758 376.767 252.147 375.449C252.544 374.123 252.042 372.726 250.896 371.971L250.431 371.653C250.101 371.428 249.977 371 250.136 370.634C250.268 370.329 250.573 370.137 250.898 370.137Z" fill="#0E1726"/>
+<path d="M351.638 337.293C351.212 337.293 350.849 336.967 350.809 336.535C350.767 336.076 351.106 335.673 351.565 335.631L366.619 334.276C367.089 334.234 367.484 334.572 367.524 335.032C367.565 335.491 367.227 335.894 366.768 335.936L351.713 337.291C351.688 337.293 351.663 337.293 351.638 337.293Z" fill="#0E1726"/>
+<path d="M250.898 371.81C250.792 371.81 250.683 371.789 250.577 371.746L237.689 366.359C237.263 366.181 237.065 365.692 237.241 365.269C237.42 364.843 237.907 364.644 238.33 364.822L251.218 370.209C251.644 370.386 251.842 370.875 251.667 371.299C251.533 371.618 251.224 371.81 250.898 371.81Z" fill="#0E1726"/>
+<path d="M233.608 348.923C233.516 348.923 233.424 348.909 233.332 348.875L225.784 346.23C225.35 346.077 225.122 345.601 225.272 345.167C225.425 344.733 225.899 344.503 226.335 344.656L233.883 347.301C234.318 347.453 234.545 347.93 234.395 348.364C234.274 348.708 233.95 348.923 233.608 348.923Z" fill="#0E1726"/>
+<path d="M230.131 358.311C230.066 358.311 229.999 358.303 229.932 358.288L223.923 356.833C223.476 356.724 223.201 356.273 223.309 355.826C223.418 355.379 223.869 355.106 224.316 355.212L230.325 356.668C230.772 356.776 231.047 357.227 230.939 357.674C230.847 358.054 230.507 358.311 230.131 358.311Z" fill="#0E1726"/>
+<path d="M239.911 337.826C239.834 337.826 239.755 337.815 239.675 337.792L230.922 335.218C230.482 335.088 230.229 334.625 230.359 334.184C230.488 333.744 230.945 333.489 231.394 333.621L240.147 336.195C240.588 336.325 240.84 336.788 240.711 337.229C240.604 337.59 240.272 337.826 239.911 337.826Z" fill="#0E1726"/>
+<path d="M436.1 290.297C436.1 293.852 435.534 297.45 434.356 300.95L422.858 337.22L415.959 333.6L392.573 321.301L363.59 306.071L389.151 257.235L401.527 256.834C409.004 256.59 416.345 258.855 422.39 263.278C431.178 269.711 436.1 279.832 436.1 290.297Z" fill="#4361EE"/>
+<g opacity="0.4">
+<path d="M421.114 322.592C421.114 327.015 419.114 330.969 415.959 333.602L392.573 321.304C393.218 314.006 399.338 308.283 406.805 308.283C414.714 308.283 421.114 314.693 421.114 322.592Z" fill="#EAF1FF"/>
+</g>
+<path d="M422.851 338.054C422.718 338.054 422.584 338.022 422.465 337.958L363.208 306.809C362.8 306.596 362.644 306.093 362.857 305.685L381.49 270.091C381.703 269.684 382.204 269.526 382.613 269.741C383.021 269.954 383.179 270.457 382.964 270.866L364.717 305.723L422.359 336.024L433.252 301.948C433.394 301.509 433.859 301.267 434.3 301.407C434.738 301.547 434.981 302.017 434.841 302.455L423.645 337.477C423.57 337.711 423.394 337.901 423.167 337.995C423.066 338.033 422.96 338.054 422.851 338.054Z" fill="#0E1726"/>
+<path d="M267.189 159.548C267.189 159.548 249.973 147.356 241.408 121.814C235.466 104.093 232.173 83.2106 232.691 67.9807C252.938 66.9137 276.144 60.2739 289.388 55.958C299.586 65.4521 317.846 81.2437 335.765 90.7357C329.71 105.264 318.263 123.041 306.122 136.386C291.28 152.697 267.189 159.548 267.189 159.548Z" fill="#4361EE"/>
+<path d="M280.212 123.762C291.474 123.762 300.603 114.633 300.603 103.371C300.603 92.109 291.474 82.9795 280.212 82.9795C268.95 82.9795 259.82 92.109 259.82 103.371C259.82 114.633 268.95 123.762 280.212 123.762Z" fill="#EAF1FF"/>
+<path d="M270.645 102.798L274.923 109.499L290.785 99.374" fill="#EAF1FF"/>
+<path d="M274.246 112.566L268.773 103.993L272.517 101.602L275.599 106.429L289.589 97.501L291.982 101.247L274.246 112.566Z" fill="#0E1726"/>
+<path d="M446.982 389.664L441.032 393.999C438.238 396.016 434.344 395.404 432.323 392.631L427.986 386.681C425.965 383.906 426.576 380.012 429.349 377.992L435.304 373.637C438.079 371.616 441.971 372.227 444.013 375.005L448.346 380.976C450.369 383.749 449.757 387.643 446.982 389.664Z" fill="#FFC216"/>
+<path d="M440.758 244.517L438.627 248.225C437.622 249.956 435.411 250.553 433.682 249.561L429.974 247.43C428.245 246.436 427.648 244.225 428.642 242.498L430.77 238.777C431.763 237.048 433.972 236.451 435.714 237.441L439.426 239.583C441.153 240.579 441.75 242.788 440.758 244.517Z" fill="#FFC216"/>
+<path d="M174.131 140.45L171.999 144.158C170.995 145.889 168.784 146.486 167.055 145.494L163.347 143.362C161.618 142.368 161.02 140.157 162.014 138.43L164.142 134.71C165.136 132.981 167.345 132.384 169.086 133.373L172.799 135.516C174.528 136.509 175.125 138.721 174.131 140.45Z" fill="#FFC216"/>
+<path d="M356.352 118.241L354.22 121.95C353.216 123.681 351.005 124.278 349.276 123.286L345.568 121.154C343.839 120.16 343.242 117.949 344.236 116.222L346.363 112.502C347.357 110.773 349.566 110.176 351.308 111.165L355.02 113.308C356.749 114.301 357.346 116.513 356.352 118.241Z" fill="#FFC216"/>
+<g opacity="0.4">
+<path d="M408.515 284.271C410.361 284.271 411.858 282.774 411.858 280.928C411.858 279.082 410.361 277.585 408.515 277.585C406.669 277.585 405.172 279.082 405.172 280.928C405.172 282.774 406.669 284.271 408.515 284.271Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M380.941 299.432C383.326 299.432 385.259 297.499 385.259 295.114C385.259 292.729 383.326 290.796 380.941 290.796C378.556 290.796 376.623 292.729 376.623 295.114C376.623 297.499 378.556 299.432 380.941 299.432Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M327.155 288.695C328.994 288.695 330.485 287.204 330.485 285.365C330.485 283.525 328.994 282.034 327.155 282.034C325.315 282.034 323.824 283.525 323.824 285.365C323.824 287.204 325.315 288.695 327.155 288.695Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M340.991 317.176C343.42 317.176 345.388 315.207 345.388 312.778C345.388 310.35 343.42 308.381 340.991 308.381C338.562 308.381 336.594 310.35 336.594 312.778C336.594 315.207 338.562 317.176 340.991 317.176Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M312.492 320.433C315.82 320.433 318.518 317.735 318.518 314.407C318.518 311.079 315.82 308.381 312.492 308.381C309.164 308.381 306.466 311.079 306.466 314.407C306.466 317.735 309.164 320.433 312.492 320.433Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M282.328 279.744C284.193 279.744 285.705 278.232 285.705 276.367C285.705 274.503 284.193 272.991 282.328 272.991C280.464 272.991 278.952 274.503 278.952 276.367C278.952 278.232 280.464 279.744 282.328 279.744Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M285.198 303.716C287.047 303.716 288.547 302.216 288.547 300.367C288.547 298.517 287.047 297.018 285.198 297.018C283.348 297.018 281.849 298.517 281.849 300.367C281.849 302.216 283.348 303.716 285.198 303.716Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M290.299 395.916C292.805 395.916 294.836 393.885 294.836 391.379C294.836 388.873 292.805 386.842 290.299 386.842C287.793 386.842 285.762 388.873 285.762 391.379C285.762 393.885 287.793 395.916 290.299 395.916Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M317.031 400.453C319.537 400.453 321.569 398.422 321.569 395.916C321.569 393.41 319.537 391.379 317.031 391.379C314.526 391.379 312.494 393.41 312.494 395.916C312.494 398.422 314.526 400.453 317.031 400.453Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M341.071 364.256C344.673 364.256 347.594 361.335 347.594 357.733C347.594 354.13 344.673 351.21 341.071 351.21C337.468 351.21 334.548 354.13 334.548 357.733C334.548 361.335 337.468 364.256 341.071 364.256Z" fill="#EAF1FF"/>
+</g>
+<g opacity="0.4">
+<path d="M313.626 275.948C316.327 275.948 318.518 273.758 318.518 271.056C318.518 268.354 316.327 266.164 313.626 266.164C310.924 266.164 308.733 268.354 308.733 271.056C308.733 273.758 310.924 275.948 313.626 275.948Z" fill="#EAF1FF"/>
+</g>
+</svg>
diff --git a/public/assets/images/auth/user.png b/public/assets/images/auth/user.png
new file mode 100644
index 0000000000000000000000000000000000000000..16722e34d2ee547cc5c6b76c1db1cc5845dc993a
Binary files /dev/null and b/public/assets/images/auth/user.png differ
diff --git a/public/assets/images/card-americanexpress.svg b/public/assets/images/card-americanexpress.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b82078d031091b8d564751dab7148a0aa3e06b0f
--- /dev/null
+++ b/public/assets/images/card-americanexpress.svg
@@ -0,0 +1,10 @@
+<svg width="33" height="22" viewBox="0 0 33 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="americanexpress-color-large">
+<rect id="Rectangle" y="0.000172615" width="32" height="21.3333" rx="4" fill="white"/>
+<g id="amex">
+<path id="Path" d="M5.92 11.9334V17.3734H11.4267L12 16.5601L12.56 17.3734H15.9267V16.1468H16.3C16.6389 16.1497 16.9762 16.1003 17.3 16.0001V17.3734H19.5867V16.4001L20.36 17.3734H30.7733C31.2014 17.3809 31.6225 17.2652 31.9867 17.0401V19.3335C31.6816 20.5149 30.6136 21.3386 29.3933 21.3334H2.66667C1.19391 21.3334 0 20.1395 0 18.6668V10.2668H1.52L1.83333 9.45345H2.58L2.88667 10.2668H15.1133V9.29345L15.8867 10.2668H19.0933V9.77345C19.5636 10.1082 20.1297 10.2813 20.7067 10.2668H22.62L22.9267 9.45345H23.6733L24 10.2668H27.2667V9.21345L27.9333 10.2668H30.1867V4.82678H27.7933V5.93345L27.08 4.82678H24.9867V6.22678L24.32 4.82678H20.76C20.1577 4.80933 19.5683 5.00268 19.0933 5.37345V4.82678H7.33333L6.93333 6.00012L6.53333 4.80012H3.86667V6.20012L3.24 4.80012H1.06667L0 7.33345V2.66678C0 1.19402 1.19391 0.000115164 2.66667 0.000115164H29.3933C30.6185 -0.0112097 31.6937 0.813784 32 2.00012V11.9334H12.5733L12 12.7334L11.44 11.9334H5.92Z" fill="#296DB6"/>
+<path id="Shape" fill-rule="evenodd" clip-rule="evenodd" d="M14.2161 12.8001H16.2895V12.7735C16.6347 12.7444 16.9758 12.8652 17.2258 13.1051C17.4759 13.3449 17.6108 13.6806 17.5961 14.0268C17.6047 14.3771 17.4646 14.7147 17.2106 14.956C16.9565 15.1973 16.6122 15.3199 16.2628 15.2935H15.1295V16.5335H14.2161V12.8001ZM9.80906 13.5735V12.7735H6.78906V16.5335H9.80906V15.7335H7.69573V15.0668H9.76906V14.2535H7.69573V13.5868L9.80906 13.5735ZM12.536 14.6668L14.0427 12.8001H12.936L12.0027 13.9601L11.076 12.7735H9.94271L11.4694 14.6668L10.0027 16.5335H11.096L12.0027 15.3335L12.9094 16.5468H14.056L12.536 14.6668ZM16.2102 14.5201H15.1302V13.5735H16.2102C16.4643 13.5735 16.6702 13.7794 16.6702 14.0335C16.6702 14.2875 16.4643 14.4935 16.2102 14.4935V14.5201ZM21.45 13.8601C21.5273 14.5155 21.0587 15.1095 20.4033 15.1868L21.6633 16.5335H20.5233L19.4033 15.2001H18.99V16.5335H18.0833V12.8135H20.1233C20.7787 12.7361 21.3727 13.2047 21.45 13.8601ZM20.0429 14.4401H18.9896V13.5735H20.0429C20.1614 13.558 20.2808 13.5947 20.3703 13.6739C20.4598 13.7532 20.5106 13.8673 20.5096 13.9868C20.5129 14.107 20.4628 14.2226 20.3727 14.3024C20.2826 14.3821 20.1619 14.4179 20.0429 14.4001V14.4401ZM24.9083 12.8135V13.6135L22.795 13.5868V14.2535H24.855V15.0668H22.795V15.7335H24.9083V16.5335H21.875V12.8135H24.9083ZM27.4235 14.2801H26.5501C26.4151 14.3073 26.2771 14.2503 26.2006 14.1359C26.124 14.0214 26.124 13.8721 26.2006 13.7577C26.2771 13.6433 26.4151 13.5863 26.5501 13.6135H28.1701L28.5301 12.8135H26.5768C26.2444 12.7749 25.9116 12.8818 25.6639 13.1066C25.4161 13.3314 25.2774 13.6523 25.2835 13.9868C25.2632 14.2981 25.3828 14.6021 25.6098 14.8162C25.8367 15.0302 26.1472 15.1319 26.4568 15.0935H27.3368C27.4718 15.0663 27.6098 15.1233 27.6864 15.2377C27.7629 15.3521 27.7629 15.5014 27.6864 15.6159C27.6098 15.7303 27.4718 15.7873 27.3368 15.7601H25.3901V16.5601H27.3368C27.6728 16.5876 28.0042 16.4684 28.2457 16.2333C28.4872 15.9981 28.6153 15.67 28.5968 15.3335C28.6136 15.0253 28.4919 14.7258 28.2648 14.5168C28.0378 14.3078 27.7292 14.2112 27.4235 14.2535V14.2801ZM31.6415 13.6135H30.0215L30.0015 13.5868C29.8665 13.5597 29.7285 13.6166 29.6519 13.731C29.5753 13.8455 29.5753 13.9948 29.6519 14.1092C29.7285 14.2236 29.8665 14.2806 30.0015 14.2535H30.9081C31.3693 14.206 31.8093 14.4582 32.0015 14.8801V15.7735C31.8179 16.2817 31.3125 16.6003 30.7748 16.5468H28.8615V15.7468H30.7881C30.9231 15.7739 31.0612 15.717 31.1377 15.6025C31.2143 15.4881 31.2143 15.3388 31.1377 15.2244C31.0612 15.1099 30.9231 15.053 30.7881 15.0801H29.9281C29.6186 15.1185 29.308 15.0169 29.0811 14.8028C28.8542 14.5888 28.7346 14.2847 28.7548 13.9735C28.7487 13.6389 28.8874 13.3181 29.1352 13.0933C29.383 12.8685 29.7158 12.7616 30.0481 12.8001H32.0015L31.6415 13.6135Z" fill="#296DB6"/>
+<path id="Shape_2" fill-rule="evenodd" clip-rule="evenodd" d="M16.9656 6.85345C16.9803 7.45444 16.5358 7.96815 15.939 8.04011L17.1923 9.42678H16.059L14.939 8.09345H14.5256V9.42678H13.599V5.66678H15.6323C15.972 5.62223 16.3143 5.72752 16.5702 5.9553C16.8262 6.18309 16.9705 6.51086 16.9656 6.85345ZM2.82 5.66678H1.63333L0 9.42678H0.986667L1.33333 8.66678H3.08667L3.40667 9.45345H4.43333L2.82 5.66678ZM1.58594 7.90678L1.9526 7.02678L2.1926 6.44011L2.4326 7.02678L2.7926 7.90678H1.58594ZM7.06677 7.84011L7.8001 5.66678H9.2601V9.42678H8.3801V6.96011V6.38678L8.20677 6.96011L7.33344 9.42678H6.53344L5.6801 6.96011L5.49344 6.38678V6.96011V9.42678H4.60677V5.66678H6.0801L6.82677 7.84011L6.94677 8.25345L7.06677 7.84011ZM13 6.46678V5.66678H10V9.42678H13V8.62678H10.8867V7.96011H12.9467V7.14678H10.8867V6.48011L13 6.46678ZM15.5794 7.29345H14.526V6.46678H15.5794C15.6975 6.45358 15.8156 6.491 15.9045 6.56977C15.9935 6.64855 16.0449 6.76131 16.046 6.88012C16.0493 7.00037 15.9992 7.11592 15.9092 7.19568C15.8191 7.27545 15.6984 7.31124 15.5794 7.29345ZM17.4062 9.42678V5.66678H18.3196V9.42678H17.4062ZM20.7409 6.48011H21.7209V5.66678H20.6675C20.1717 5.63544 19.687 5.82258 19.3408 6.17899C18.9947 6.5354 18.8217 7.02539 18.8675 7.52011V7.57345C18.8118 8.06109 18.9739 8.54849 19.3106 8.90568C19.6472 9.26286 20.1241 9.45351 20.6142 9.42678H20.6675L21.0342 8.62678H20.7342C20.4575 8.641 20.1888 8.53157 20.0008 8.3281C19.8128 8.12463 19.7249 7.84814 19.7609 7.57345V7.52011C19.7292 7.24756 19.819 6.97487 20.0065 6.77454C20.194 6.5742 20.4602 6.46652 20.7342 6.48011H20.7409ZM22.7279 5.66678H23.9279L25.5346 9.45345H24.5079L24.1879 8.66678H22.4079L22.0879 9.42678H21.1146L22.7279 5.66678ZM22.7005 7.90678L23.0472 7.02678L23.2872 6.44011L23.5139 7.02678L23.8739 7.90678H22.7005ZM28.4057 7.66678V5.66678H29.3324V9.42678H28.2324L26.8391 7.30678L26.5991 6.89345V7.33345V9.45345H25.7057V5.69345H26.8191L28.1524 7.69345L28.4057 8.12011V7.66678Z" fill="#296DB6"/>
+</g>
+</g>
+</svg>
diff --git a/public/assets/images/card-mastercard.svg b/public/assets/images/card-mastercard.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ce544304151fa304b6d48c2aec5a04125f41aa68
--- /dev/null
+++ b/public/assets/images/card-mastercard.svg
@@ -0,0 +1,14 @@
+<svg width="32" height="22" viewBox="0 0 32 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="mastercard-color_large">
+<rect id="card_bg" width="32" height="21.3333" rx="4" fill="#F2F0EC"/>
+<g id="mastercard">
+<g id="Group" opacity="0.01">
+<rect id="Rectangle" x="3.10156" y="2.13333" width="25.8067" height="17.0667" fill="white"/>
+</g>
+<rect id="Rectangle_2" x="12.6016" y="5.10667" width="6.80667" height="11.12" fill="#F26122"/>
+<path id="Path" d="M13.3338 10.6667C13.3226 8.50235 14.3056 6.45269 16.0005 5.10666C13.1007 2.82619 8.93512 3.15734 6.43201 5.86733C3.92891 8.57732 3.92891 12.756 6.43201 15.466C8.93512 18.176 13.1007 18.5071 16.0005 16.2267C14.3056 14.8806 13.3226 12.831 13.3338 10.6667Z" fill="#EA1D25"/>
+<path id="Shape" fill-rule="evenodd" clip-rule="evenodd" d="M26.7583 14.82V15.0467H26.7183V14.82H26.625V14.7733H26.8583V14.82H26.7583ZM27.212 14.7733V15.0467H27.1653V14.84L27.092 15.02H27.0386L26.9586 14.84V15.0467H26.912V14.7733H26.9786L27.0653 14.9667L27.1453 14.7733H27.212Z" fill="#F69E1E"/>
+<path id="Path_2" d="M27.44 10.6667C27.4383 13.3729 25.8926 15.8409 23.4586 17.0239C21.0246 18.2068 18.129 17.8973 16 16.2267C19.0667 13.812 19.5978 9.36953 17.1867 6.3C16.841 5.85551 16.4425 5.45478 16 5.10666C18.129 3.43599 21.0246 3.12649 23.4586 4.30944C25.8926 5.4924 27.4383 7.96043 27.44 10.6667Z" fill="#F69E1E"/>
+</g>
+</g>
+</svg>
diff --git a/public/assets/images/card-visa.svg b/public/assets/images/card-visa.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3ade2e04222bd51835089094c0f7d280c803fc29
--- /dev/null
+++ b/public/assets/images/card-visa.svg
@@ -0,0 +1,6 @@
+<svg width="32" height="22" viewBox="0 0 32 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="visa-color_large">
+<rect id="card_bg" width="32" height="21.3333" rx="4" fill="#2A2A6C"/>
+<path id="visa-logo" fill-rule="evenodd" clip-rule="evenodd" d="M20.2361 11.78C20.2402 10.7635 19.4019 10.3245 18.7513 9.98376C18.3394 9.76807 18.0028 9.59178 18.0028 9.33335C18.0028 9.11335 18.2161 8.88001 18.6695 8.82001C19.209 8.76663 19.7529 8.86112 20.2428 9.09335L20.5228 7.76001C20.0452 7.58092 19.5395 7.48836 19.0295 7.48668C17.4561 7.48668 16.3628 8.32668 16.3628 9.52668C16.3628 10.4133 17.1561 10.9067 17.7561 11.2C18.3561 11.4933 18.5895 11.7 18.5828 11.9667C18.5828 12.38 18.0895 12.5667 17.6295 12.5733C17.062 12.5807 16.5021 12.443 16.0028 12.1733L15.7161 13.5067C16.2811 13.7272 16.883 13.8381 17.4895 13.8333C19.1628 13.8333 20.2628 13.0067 20.2695 11.7267L20.2361 11.78ZM15.9099 7.59335L14.5766 13.76H12.9766L14.3099 7.59335H15.9099ZM22.6172 11.5933L23.4572 9.28001L23.9439 11.5933H22.6172ZM25.8768 13.78H24.3968L24.2034 12.86H22.1968L21.8701 13.78H20.1901L22.5834 8.06668C22.6938 7.79485 22.9567 7.61603 23.2501 7.61335H24.5834L25.8768 13.78ZM11.076 13.74L13.6627 7.57336H11.9294L10.2694 11.7667L9.60271 8.20002C9.5437 7.83759 9.22991 7.57186 8.86271 7.57336H6.14937L6.10938 7.75336C6.6536 7.85983 7.18222 8.03455 7.68271 8.27336C7.89588 8.37358 8.04034 8.57886 8.06271 8.81336L9.33604 13.74H11.076Z" fill="white"/>
+</g>
+</svg>
diff --git a/public/assets/images/carousel1.jpeg b/public/assets/images/carousel1.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..4bdda75ccde468bcdc9bb39e8060e208929d6d72
Binary files /dev/null and b/public/assets/images/carousel1.jpeg differ
diff --git a/public/assets/images/carousel2.jpeg b/public/assets/images/carousel2.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..a01a44d28b7097902834bd529c01d85aeb109423
Binary files /dev/null and b/public/assets/images/carousel2.jpeg differ
diff --git a/public/assets/images/carousel3.jpeg b/public/assets/images/carousel3.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..514952c833d289835ea3c9377ba4eec711775b2b
Binary files /dev/null and b/public/assets/images/carousel3.jpeg differ
diff --git a/public/assets/images/checked.svg b/public/assets/images/checked.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3b789a8ff52caa01b44ddf11ea5ef983bd8a4949
--- /dev/null
+++ b/public/assets/images/checked.svg
@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='#fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'><path d='M20 6L9 17l-5-5'/></svg>
\ No newline at end of file
diff --git a/public/assets/images/close.svg b/public/assets/images/close.svg
new file mode 100644
index 0000000000000000000000000000000000000000..dc7aaaae4e2f68088db5e49914da7e8ddd989000
--- /dev/null
+++ b/public/assets/images/close.svg
@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='#ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'><path d='M18 6L6 18M6 6l12 12'/></svg>
\ No newline at end of file
diff --git a/public/assets/images/coming-soon.svg b/public/assets/images/coming-soon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..de5da1821c20c3873a1294e812822f0d5a4fda32
--- /dev/null
+++ b/public/assets/images/coming-soon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="578.0013" height="621.92557" viewBox="0 0 578.0013 621.92557" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M677.64241,491.89724l-249.84894,64.339a33.03735,33.03735,0,0,1-40.18683-23.728L312.04574,239.081a33.03734,33.03734,0,0,1,23.728-40.18683l232.44363-59.85691L627.712,165.67105l73.65843,286.03936A33.03734,33.03734,0,0,1,677.64241,491.89724Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path d="M338.14273,208.094a23.52653,23.52653,0,0,0-16.89723,28.61789l75.5609,293.42725a23.52654,23.52654,0,0,0,28.6179,16.89723l249.84894-64.339a23.52654,23.52654,0,0,0,16.89723-28.61789l-72.51713-281.6073-52.285-23.40643Z" transform="translate(-310.99935 -139.03722)" fill="#fff"/><path d="M627.07719,167.18472l-38.66749,9.95733a10.99077,10.99077,0,0,1-13.38436-7.9027L567.671,140.68008a.68692.68692,0,0,1,.944-.7991l58.56966,26.01073A.68692.68692,0,0,1,627.07719,167.18472Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path d="M606.73438,417.76533,492.98165,447.058a5.49538,5.49538,0,0,1-2.74083-10.64353L603.99355,407.1218a5.49538,5.49538,0,1,1,2.74083,10.64353Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><path d="M633.31182,430.07333l-135.705,34.9456A5.49538,5.49538,0,0,1,494.866,454.3754l135.705-34.94561a5.49539,5.49539,0,0,1,2.74084,10.64354Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><circle id="a597741b-ffcf-4aba-98b0-6652ef5d57c9" data-name="Ellipse 44" cx="135.55495" cy="323.87767" r="19.42315" fill="#e6e6e6"/><path d="M594.63919,366.93361,443.56425,405.8227A17.01917,17.01917,0,0,1,422.863,393.59731l-31.6597-122.9905a17.01916,17.01916,0,0,1,12.22538-20.7012l151.075-38.88909a17.01916,17.01916,0,0,1,20.7012,12.22539l31.65971,122.9905A17.01917,17.01917,0,0,1,594.63919,366.93361Z" transform="translate(-310.99935 -139.03722)" fill="#fff"/><path d="M594.63919,366.93361,443.56425,405.8227A17.01917,17.01917,0,0,1,422.863,393.59731l-31.6597-122.9905a17.01916,17.01916,0,0,1,12.22538-20.7012l151.075-38.88909a17.01916,17.01916,0,0,1,20.7012,12.22539l31.65971,122.9905A17.01917,17.01917,0,0,1,594.63919,366.93361ZM403.9273,251.84246a15.017,15.017,0,0,0-10.7871,18.26578l31.6597,122.9905a15.017,15.017,0,0,0,18.26577,10.7871l151.075-38.88908a15.017,15.017,0,0,0,10.7871-18.26578L573.268,223.74048a15.017,15.017,0,0,0-18.26578-10.7871Z" transform="translate(-310.99935 -139.03722)" fill="#e6e6e6"/><path id="b056fd3f-f1a0-44f0-b006-deff0bee637d-797" data-name="Path 411" d="M546.83934,252.37075l-76.24555,19.62681a2.73087,2.73087,0,0,1-3.30848-1.71854,2.63064,2.63064,0,0,1,1.85283-3.33925l77.61329-19.97889c3.13521,1.58858,2.31023,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="f1ea6668-a825-428d-96fe-a2c4e1b5a672-798" data-name="Path 412" d="M550.282,265.74474l-76.24555,19.62681A2.73089,2.73089,0,0,1,470.728,283.653a2.63065,2.63065,0,0,1,1.85284-3.33925l77.61329-19.97889c3.13521,1.58858,2.31022,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="ee9aa382-a9c9-40d0-8ed3-22ec2dd616d6-799" data-name="Path 413" d="M459.51412,297.22917l-23.2694,5.98992a2.962,2.962,0,0,1-3.60325-2.12795l-7.06858-27.45979a2.962,2.962,0,0,1,2.12794-3.60325l23.2694-5.98991a2.963,2.963,0,0,1,3.60325,2.12795l7.06859,27.45982a2.962,2.962,0,0,1-2.12795,3.60324Z" transform="translate(-310.99935 -139.03722)" fill="#e6e6e6"/><path id="be954d2b-d8b8-4d26-80a0-a319e99a4b10-800" data-name="Path 414" d="M557.10914,293.18514,440.74446,323.13925a2.73087,2.73087,0,0,1-3.30847-1.71854,2.63062,2.63062,0,0,1,1.85284-3.33925L557.02218,287.775c3.13521,1.58859,2.31022,4.83781.087,5.41012Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="baaae9e4-1b4d-40c2-8a9d-f2abb078b489-801" data-name="Path 415" d="M560.55283,306.563,444.18814,336.51715a2.73086,2.73086,0,0,1-3.30846-1.71854,2.63061,2.63061,0,0,1,1.85283-3.33926l117.73335-30.30643c3.13521,1.58858,2.31022,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="a91bf4c9-37f6-4391-92ed-1882bd0ce21c-802" data-name="Path 416" d="M563.99426,319.93218,447.62957,349.8863a2.73086,2.73086,0,0,1-3.30846-1.71854,2.63061,2.63061,0,0,1,1.85283-3.33926l117.73335-30.30643c3.13521,1.58858,2.31023,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="efb98e07-468b-4c85-9a64-ee4cc5493d6f-803" data-name="Path 417" d="M567.43768,333.30908,451.073,363.2632a2.73087,2.73087,0,0,1-3.30847-1.71854,2.63063,2.63063,0,0,1,1.85284-3.33926L567.35072,327.899c3.13521,1.58858,2.31022,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="aeb1db98-32e5-40b8-ab89-fdad6a3263dc-804" data-name="Path 418" d="M570.87937,346.67924,454.51469,376.63336a2.73088,2.73088,0,0,1-3.30847-1.71855,2.63062,2.63062,0,0,1,1.85284-3.33925l117.73335-30.30643c3.13521,1.58858,2.31022,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="be265de5-288f-49a7-867d-c42e7cdbf4db-805" data-name="Path 395" d="M447.98728,469.72335a2.01449,2.01449,0,0,1-1.27407-.08782l-.02505-.01034L441.3969,467.382a2.02852,2.02852,0,1,1,1.58747-3.73356l3.42865,1.45835,4.49293-10.56929a2.02766,2.02766,0,0,1,2.65942-1.07259l.00068.00028-.027.06912.02812-.06941a2.03011,2.03011,0,0,1,1.0723,2.66008l-5.28586,12.42716a2.02886,2.02886,0,0,1-1.36522,1.16845Z" transform="translate(-310.99935 -139.03722)" fill="#fff"/><path d="M773.47457,603.71475h-258a33.03734,33.03734,0,0,1-33-33v-303a33.03734,33.03734,0,0,1,33-33H755.50142l50.97315,40.62891V570.71475A33.03734,33.03734,0,0,1,773.47457,603.71475Z" transform="translate(-310.99935 -139.03722)" fill="#e6e6e6"/><path d="M515.47446,244.21475a23.52654,23.52654,0,0,0-23.5,23.5v303a23.52653,23.52653,0,0,0,23.5,23.5h258a23.52653,23.52653,0,0,0,23.5-23.5V279.92032l-44.79614-35.70557Z" transform="translate(-310.99935 -139.03722)" fill="#fff"/><path d="M723.29356,332.319H605.82977a5.49538,5.49538,0,0,1,0-10.99076H723.29356a5.49538,5.49538,0,1,1,0,10.99076Z" transform="translate(-310.99935 -139.03722)" fill="#4361ee"/><path d="M745.962,350.86594H605.82977a5.49539,5.49539,0,0,1,0-10.99077H745.962a5.49539,5.49539,0,1,1,0,10.99077Z" transform="translate(-310.99935 -139.03722)" fill="#4361ee"/><path d="M723.29425,404.44277h-117.46a5.495,5.495,0,1,0,0,10.99h117.46a5.495,5.495,0,0,0,0-10.99Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><path d="M745.96417,422.99281H605.83429a5.495,5.495,0,1,0,0,10.99H745.96417a5.495,5.495,0,0,0,0-10.99Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><path d="M723.29356,498.55433H605.82977a5.49538,5.49538,0,0,1,0-10.99076H723.29356a5.49538,5.49538,0,1,1,0,10.99076Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><path d="M745.962,517.10125H605.82977a5.49539,5.49539,0,0,1,0-10.99077H745.962a5.49539,5.49539,0,1,1,0,10.99077Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><circle id="abdb8e2f-a218-463c-85f4-c869fef49971" data-name="Ellipse 44" cx="245.91553" cy="197.05988" r="19.42315" fill="#4361ee"/><path id="ba7dbbd6-0052-44b1-a552-47a8298b8d3e-806" data-name="Path 395" d="M554.99015,343.50645a2.0144,2.0144,0,0,1-1.21191-.40277l-.02168-.01626-4.5647-3.49185a2.02852,2.02852,0,1,1,2.46838-3.21972l2.95665,2.26729,6.98671-9.11494a2.02767,2.02767,0,0,1,2.84288-.3755l.00058.00044-.04336.06021.04454-.06021a2.03011,2.03011,0,0,1,.37507,2.84345l-8.2179,10.71637a2.02892,2.02892,0,0,1-1.61348.79109Z" transform="translate(-310.99935 -139.03722)" fill="#fff"/><path d="M578.33429,419.21278a19.42256,19.42256,0,0,1-19.41992,19.43,4.17626,4.17626,0,0,1-.5-.02,19.422,19.422,0,1,1,19.91992-19.41Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><circle id="e4a71040-498e-4958-ad41-c2d79154b8f7" data-name="Ellipse 44" cx="245.91553" cy="363.29519" r="19.42315" fill="#ccc"/><path d="M805.48234,276.65121h-39.929a10.99077,10.99077,0,0,1-10.99076-10.99077v-29.491a.68692.68692,0,0,1,1.11347-.53844l50.23281,39.79483A.68692.68692,0,0,1,805.48234,276.65121Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><path d="M578.33429,419.21278a19.42256,19.42256,0,0,1-19.41992,19.43,4.17626,4.17626,0,0,1-.5-.02,42.05076,42.05076,0,0,1,3.77-38.56A19.43323,19.43323,0,0,1,578.33429,419.21278Z" transform="translate(-310.99935 -139.03722)" fill="#4361ee"/><path d="M600.33429,409.94277a5.50988,5.50988,0,0,1,5.5-5.5h29.27a41.57257,41.57257,0,0,1,3.60986,10.99H605.83429A5.50129,5.50129,0,0,1,600.33429,409.94277Z" transform="translate(-310.99935 -139.03722)" fill="#4361ee"/><path d="M639.39435,422.99281a41.92449,41.92449,0,0,1-1.46,10.99h-32.1001a5.495,5.495,0,1,1,0-10.99Z" transform="translate(-310.99935 -139.03722)" fill="#4361ee"/><path d="M711.816,490.77021a6.00013,6.00013,0,0,1-8.24672,1.9979l-70.0049-42.70029a6,6,0,0,1,6.24883-10.24462l70.00489,42.70029A6.00014,6.00014,0,0,1,711.816,490.77021Z" transform="translate(-310.99935 -139.03722)" fill="#3f3d56"/><path d="M641.8111,448.06992a48,48,0,1,1-15.98318-65.97376A48.05436,48.05436,0,0,1,641.8111,448.06992Zm-71.71233-43.74176a36,36,0,1,0,49.48033-11.98738A36.04071,36.04071,0,0,0,570.09877,404.32816Z" transform="translate(-310.99935 -139.03722)" fill="#3f3d56"/><circle cx="484.60301" cy="267.17256" r="24.56103" fill="#a0616a"/><path d="M794.015,543.90119a11.002,11.002,0,0,1,8.32251-14.15136,10.46752,10.46752,0,0,1,1.45923-.17969l25.87158-41.52344L806.036,465.57991a9.43208,9.43208,0,1,1,13.1206-13.55274L851.786,484.201l.06567.08008a8.54468,8.54468,0,0,1-.59448,10.18457l-36.25,42.873a10.301,10.301,0,0,1,.27,1.0459,11.0026,11.0026,0,0,1-9.875,13.11621q-.46839.041-.93213.041A11.0367,11.0367,0,0,1,794.015,543.90119Z" transform="translate(-310.99935 -139.03722)" fill="#a0616a"/><polygon points="444.151 609.001 431.891 609 426.059 561.712 444.153 561.713 444.151 609.001" fill="#a0616a"/><path d="M758.2767,759.92208l-39.53051-.00146v-.5a15.38605,15.38605,0,0,1,15.38647-15.38623h.001l24.1438.001Z" transform="translate(-310.99935 -139.03722)" fill="#2f2e41"/><polygon points="566.007 592.05 555.473 598.322 526.268 560.676 541.815 551.419 566.007 592.05" fill="#a0616a"/><path d="M885.77238,739.69878l-33.96586,20.2233-.25581-.4296a15.386,15.386,0,0,1,5.34836-21.09206l.00084-.0005,20.74515-12.35158Z" transform="translate(-310.99935 -139.03722)" fill="#2f2e41"/><path d="M735.512,727.21272c-8.21289-96.70606-13.09863-186.54492,16.92408-223.19336l.23217-.28418,50.52564,20.21094.08325.18066c.17041.37109,16.97388,37.333,13.0542,62.19434L828.794,643.64924l40.63574,68.041A4.50136,4.50136,0,0,1,867.379,718.118l-17.65918,7.76953a4.52142,4.52142,0,0,1-5.64844-1.76562l-44.2041-72.08008-24.96778-55.28613a1.50028,1.50028,0,0,0-2.85888.459L758.20052,727.31135a4.4918,4.4918,0,0,1-4.47461,4.02441H739.99764A4.53045,4.53045,0,0,1,735.512,727.21272Z" transform="translate(-310.99935 -139.03722)" fill="#2f2e41"/><path d="M752.60628,504.786l-.24072-.11523-.0376-.26465c-1.88745-13.21.34668-27.8877,6.63989-43.625a34.63634,34.63634,0,0,1,40.20191-20.74317h0a34.59441,34.59441,0,0,1,22.06055,16.96387,34.2209,34.2209,0,0,1,2.3728,27.4248c-7.93384,23.2002-18.22583,44.90723-18.32886,45.124l-.21558.45312Z" transform="translate(-310.99935 -139.03722)" fill="#4361ee"/><path d="M697.48021,471.88251A11.002,11.002,0,0,1,713.65,474.72233a10.46856,10.46856,0,0,1,.67932,1.3039l47.95411,9.69217,12.7683-30.00357a9.43208,9.43208,0,1,1,17.28928,7.54372l-18.71,41.83025-.052.08956a8.54469,8.54469,0,0,1-9.74785,3.00972L710.97846,489.2473a10.30273,10.30273,0,0,1-.88511.61918,11.00261,11.00261,0,0,1-15.74382-4.6565q-.20244-.42436-.36484-.85874A11.0367,11.0367,0,0,1,697.48021,471.88251Z" transform="translate(-310.99935 -139.03722)" fill="#a0616a"/><path d="M884.33087,432.51247c-2.36572-4.19178-5.8125-8.03119-10.36914-9.58069-5.88476-2.001-12.25683.12964-18.30713,1.55218-4.66162,1.09595-9.53173,1.76679-14.23046.84192-4.69825-.92492-9.23047-3.65924-11.36817-7.94409-3.145-6.30359-.4956-13.82062-.687-20.86255a25.33438,25.33438,0,0,0-31.92334-23.81061c-5.79346-1.67193-11.03906-1.82659-14.62256,2.62714a17.0001,17.0001,0,0,0-17,17h16.25537a16.1496,16.1496,0,0,0,2.4541,11.93109c2.86963,4.21582,7.85938,7.2655,8.81983,12.274.93115,4.85351-2.36817,9.45868-5.8291,12.98669-3.46045,3.528-7.4751,7.02381-8.55567,11.84626a14.68871,14.68871,0,0,0,2.10352,10.56475,34.40329,34.40329,0,0,0,7.38623,8.13575,108.40184,108.40184,0,0,0,45.0376,23.04034c11.7041,2.81781,24.50586,3.54822,35.37109-1.6355a35.12563,35.12563,0,0,0,15.46484-48.96667Z" transform="translate(-310.99935 -139.03722)" fill="#2f2e41"/><path d="M888.00065,760.96278h-190a1,1,0,0,1,0-2h190a1,1,0,0,1,0,2Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/custom-swal.svg b/public/assets/images/custom-swal.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f082eb9c0bfbd03c2633f9ad73046d1cc8db6b8b
--- /dev/null
+++ b/public/assets/images/custom-swal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="888" height="483.61099" viewBox="0 0 888 483.61099" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M1,421.53481H888v-2H1c-.55228,0-1,.44772-1,1H0c0,.55228,.44771,1,1,1Z" fill="#3f3d56"/><path d="M406,438.53481c5,24,33.5-5.5,33.5-5.5l34-4s21.5,.5,35.5,11.5,23.5-3.5,23.5-3.5c15.77283,5.2576,35.09692,5.23627,51.83264,3.55252,24.11597-2.42627,43.44604-21.04041,46.76044-45.05038,18.69678-135.44147-84.09314-202.00211-84.09314-202.00211l-30-81s9.5-23.5,12.5-44.5-19-41-46-61c-11.8125-8.75-25.34766-8.12109-36.83716-4.64502-12.88892,3.89946-24.13214,11.9183-32.4397,22.51616-6.88251,8.77995-18.68735,21.21468-31.66315,23.36885-4.48999,.73999-8.91998,2.52002-13.06,5.76001-4.28003,3.34998-6.16998,8.94-6.22998,15.89001-.32001,30.35999,24.75,66.90998,46.72998,72.60999,27,7,12.5,73.5,12.5,73.5-44,62-13,131-13,131l-8,56s-.5,11.5,4.5,35.5l.00006-.00003Z" fill="#3f3d56"/><path d="M553,309.53481l-11,137s15,38-36,36-21-80-21-80l16-102" fill="#3f3d56"/><path d="M509.79492,483.61099c-1.24707,0-2.52344-.02539-3.83398-.07715-11.29004-.44238-19.60352-4.60059-24.71094-12.3584-14.60254-22.18164,1.63867-65.90625,2.77832-68.89941l15.9834-101.89648c.08594-.5459,.59375-.91309,1.14355-.83301,.54492,.08594,.91797,.59766,.83301,1.14355l-16,102c-.01172,.06934-.0293,.1377-.05469,.2041-.1748,.45215-17.25195,45.55566-3.01172,67.18359,4.73242,7.18652,12.50977,11.04199,23.11719,11.45801,16.65234,.64941,27.85254-2.90332,33.29785-10.56836,7.12402-10.02832,1.78711-23.92676,1.73242-24.06641-.05566-.1416-.07812-.29492-.06641-.44629l11-137c.04395-.5498,.5166-.95117,1.07715-.91699,.55078,.04492,.96094,.52637,.91699,1.07715l-10.98242,136.77539c.72656,1.96094,5.28223,15.4043-2.03906,25.72363-5.41699,7.63574-15.89844,11.49707-31.18066,11.49707Z" fill="#2f2e41"/><path d="M462,337.53481s3,127-60,124-6-43-6-43l5.5-15.5" fill="#3f3d56"/><path d="M404.16211,462.58657c-.73145,0-1.4668-.01758-2.20996-.05273-17.98828-.85645-28.15186-4.88672-30.20801-11.97852-3.7041-12.7793,20.43945-30.52148,23.41895-32.65332l5.39453-15.20117c.18457-.52148,.75586-.79297,1.27637-.6084s.79297,.75586,.6084,1.27637l-5.5,15.5c-.06934,.19629-.19824,.36523-.36816,.48438-.26367,.18555-26.37744,18.68457-22.90869,30.64551,1.79248,6.18066,11.34131,9.72559,28.38232,10.53711,11.34863,.5459,21.29688-3.27051,29.55078-11.3291,30.95215-30.21582,29.4209-110.83789,29.40137-111.64844-.0127-.55176,.42383-1.00977,.97656-1.02344,.52246,.00098,1.00977,.4248,1.02344,.97656,.0791,3.3457,1.57227,82.29785-30.00293,113.125-8.12793,7.93555-17.82031,11.9502-28.83496,11.9502Z" fill="#2f2e41"/><path d="M363.27002,69.92484c7.17999,.85999,18.41998,.81995,27.72998-5.39001,9.96997-6.65002-.38-12.85004-8.44-16.26001-4.48999,.73999-8.91998,2.52002-13.06,5.76001-4.28003,3.34998-6.16998,8.94-6.22998,15.89001Z" fill="#2f2e41"/><path d="M479.2984,51.94393s-17.44968-44.81639,7.54245-45.4435,44.73257,38.20994,44.73257,38.20994c0,0,62.72797,114.34248-23.21378,108.17637-85.94171-6.16615-44.87375-51.81067-44.87375-51.81067,0,0,19.60165-24.09928,15.81253-49.13211h-.00003v-.00002h0Z" fill="#2f2e41"/><path d="M575.03857,386.85064c11.06787,4.92365,22.63171,9.948,34.73578,9.46738s24.84155-8.27557,26.72772-20.24146c.97363-6.17697-.95746-12.80396,1.40759-18.59268,3.18213-7.78867,13.44672-10.79233,21.42578-8.12323s13.84076,9.55188,18.04358,16.84058c7.86328,13.63672,11.0141,31.53461,2.58307,44.82779-7.30878,11.52368-21.17084,16.73105-34.06519,21.19748-17.17535,5.94928-36.35114,11.854-52.99396,4.54617-16.7381-7.34964-25.85565-28.58435-19.65753-45.7821" fill="#3f3d56"/><path d="M538.1142,170.92143s22,11,11,23-79,46-104,41-31-20-31-24,1.88583-52.38661,9.88583-50.38661,58.11417,47.38661,114.11417,10.38661Z" fill="#4361ee"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/drag-1.jpeg b/public/assets/images/drag-1.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..8043811422b1aed8217b846858ae372121830416
Binary files /dev/null and b/public/assets/images/drag-1.jpeg differ
diff --git a/public/assets/images/drag-2.jpeg b/public/assets/images/drag-2.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..2abe84a28003704ba51668f67f8bc69ee2c95be2
Binary files /dev/null and b/public/assets/images/drag-2.jpeg differ
diff --git a/public/assets/images/drag-4.jpg b/public/assets/images/drag-4.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0cef9d5e0aa256b1611d9f0a249e2d17724052f8
Binary files /dev/null and b/public/assets/images/drag-4.jpg differ
diff --git a/public/assets/images/error/404-dark.svg b/public/assets/images/error/404-dark.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a2c8e91c15159c40614abc8915f22ef24cec3f3b
--- /dev/null
+++ b/public/assets/images/error/404-dark.svg
@@ -0,0 +1,201 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M92.64 317.14L77.8 317.42L70.29 317.54C67.78 317.54 65.29 317.54 62.74 317.54H62.3V317.09V304.46V304H62.8L77.75 304.07C82.75 304.07 87.75 304.18 92.75 304.23H93.02V304.5C93.02 306.64 92.93 308.77 92.89 310.88L92.64 317.14ZM92.64 317.14L92.49 310.77C92.49 308.67 92.38 306.58 92.36 304.51L92.64 304.78C87.64 304.84 82.64 304.94 77.64 304.95L62.74 305L63.24 304.5L63.19 317.13L62.74 316.69C65.21 316.69 67.67 316.69 70.14 316.74L77.57 316.86L92.64 317.14Z" fill="#EBEBEB"/>
+<path d="M76 333.07L61.17 333.35L53.65 333.47C51.14 333.47 48.65 333.47 46.1 333.47H45.66V333.02L45.6 320.39V319.89H46.1L61 320C66 320 71 320.12 75.95 320.17H76.22V320.44C76.22 322.58 76.14 324.71 76.09 326.82L76 333.07ZM76 333.07L75.86 326.7C75.86 324.6 75.75 322.51 75.73 320.44L76 320.71C71 320.77 66 320.87 61.05 320.88L46.1 320.94L46.6 320.44L46.55 333.07L46.1 332.63C48.57 332.63 51.03 332.63 53.5 332.68L60.94 332.8L76 333.07Z" fill="#EBEBEB"/>
+<path d="M76 59.7098L61.13 59.9998L53.61 60.1098C51.1 60.1098 48.61 60.1098 46.06 60.1698H45.62V59.7198L45.56 47.0898V46.5898H46.06L61 46.6398C66 46.6398 71 46.7598 75.95 46.8098H76.22V47.0798C76.22 49.2198 76.14 51.3498 76.09 53.4598L76 59.7098ZM76 59.7098L75.86 53.3398C75.86 51.2398 75.75 49.1498 75.73 47.0798L76 47.3498C71 47.3498 66 47.5098 61.05 47.5198L46.1 47.5798L46.6 47.0798L46.55 59.7098L46.1 59.2698C48.57 59.2698 51.03 59.2698 53.5 59.2698L60.94 59.3898L76 59.7098Z" fill="#EBEBEB"/>
+<path d="M453.94 59.7098L439.1 59.9998L431.59 60.1098C429.08 60.1098 426.59 60.1098 424.04 60.1698H423.6V59.7198V47.0898V46.5898H424.1L439.05 46.6498C444.05 46.6498 449.05 46.7698 454 46.8198H454.27V47.0898C454.27 49.2298 454.18 51.3598 454.14 53.4698L453.94 59.7098ZM453.94 59.7098L453.8 53.3398C453.75 51.2398 453.68 49.1498 453.66 47.0798L453.94 47.3498C448.94 47.3498 443.94 47.5098 438.99 47.5198L424 47.5798L424.5 47.0798L424.45 59.7098L424 59.2698C426.47 59.2698 428.93 59.2698 431.4 59.2698L438.83 59.3898L453.94 59.7098Z" fill="#EBEBEB"/>
+<path d="M437.26 75.64L422.43 75.92L414.91 76.03C412.4 76.03 409.91 76.03 407.36 76.09H406.92V75.64L406.86 63V62.5H407.36L422.31 62.56C427.31 62.56 432.31 62.68 437.26 62.73H437.54V63C437.54 65.14 437.46 67.27 437.41 69.38L437.26 75.64ZM437.26 75.64L437.12 69.27C437.07 67.16 437.01 65.08 436.99 63.01L437.26 63.28C432.26 63.28 427.26 63.44 422.31 63.45L407.36 63.51L407.86 63.01L407.81 75.64L407.36 75.2C409.83 75.2 412.29 75.2 414.76 75.2L422.2 75.32L437.26 75.64Z" fill="#EBEBEB"/>
+<path d="M360.69 223.44L345.86 223.72L338.34 223.83C335.83 223.83 333.34 223.83 330.8 223.83H330.35V223.38L330.3 210.74V210.24H330.81L345.75 210.31C350.75 210.31 355.75 210.42 360.7 210.47H361V210.74C361 212.88 360.92 215.01 360.87 217.12L360.69 223.44ZM360.69 223.44L360.55 217.06C360.5 214.96 360.44 212.88 360.42 210.8L360.69 211.08C355.69 211.08 350.69 211.24 345.74 211.24L330.8 211.3L331.29 210.8L331.24 223.44L330.8 222.99C333.26 222.99 335.72 222.99 338.19 223.05L345.63 223.16L360.69 223.44Z" fill="#EBEBEB"/>
+<path d="M344 239.37L329.17 239.65L321.66 239.76C319.15 239.81 316.66 239.76 314.11 239.81H313.66V239.36L313.61 226.72V226.22H314.11L329.06 226.29C334.06 226.29 339.06 226.4 344 226.45H344.28V226.72C344.28 228.86 344.19 230.99 344.15 233.1L344 239.37ZM344 239.37L343.86 232.99C343.86 230.89 343.75 228.81 343.73 226.73L344 227.01C339 227.06 334 227.17 329.06 227.17L314.11 227.23L314.61 226.73L314.55 239.37L314.11 238.92C316.57 238.92 319.04 238.92 321.51 238.98L328.94 239.09L344 239.37Z" fill="#EBEBEB"/>
+<path d="M327.4 223.44L312.57 223.72L305.06 223.83C302.55 223.83 300.06 223.83 297.51 223.83H297.06V223.38L297 210.8V210.3H297.51L312.45 210.37C317.45 210.37 322.45 210.48 327.4 210.53H327.68V210.8C327.68 212.94 327.59 215.07 327.55 217.18L327.4 223.44ZM327.4 223.44L327.26 217.06C327.26 214.96 327.15 212.88 327.13 210.8L327.4 211.08C322.4 211.08 317.4 211.24 312.45 211.24L297.51 211.3L298.01 210.8L298 223.44L297.56 222.99C300.02 222.99 302.48 222.99 304.96 223.05L312.39 223.16L327.4 223.44Z" fill="#EBEBEB"/>
+<path d="M453.94 333.07L439.1 333.35L431.59 333.47C429.08 333.47 426.59 333.47 424.04 333.47H423.6V333.02V320.39V319.89H424.1L439 320C444 320 449 320.12 453.95 320.17H454.22V320.44C454.22 322.58 454.13 324.71 454.09 326.82L453.94 333.07ZM453.94 333.07L453.8 326.7C453.75 324.6 453.68 322.51 453.66 320.44L453.94 320.71C448.94 320.77 443.94 320.87 438.99 320.88L424.04 320.94L424.54 320.44L424.49 333.07L424.04 332.63C426.51 332.63 428.97 332.63 431.44 332.68L438.87 332.8L453.94 333.07Z" fill="#EBEBEB"/>
+<path d="M199.93 97.2799L185.09 97.5599L177.58 97.6699C175.07 97.6699 172.58 97.6699 170.03 97.7299H169.59V97.2799L169.54 84.6499V84.1499H170.04L184.99 84.2099C189.99 84.2099 194.99 84.3199 199.99 84.3799H200.26V84.6499C200.26 86.7899 200.17 88.9199 200.13 91.0199L199.93 97.2799ZM199.93 97.2799L199.78 90.9099C199.78 88.7999 199.67 86.7199 199.65 84.6499L199.93 84.9199C194.93 84.9199 189.93 85.0799 184.93 85.0799L170 85.1499L170.5 84.6499L170.45 97.2799L170 96.8399C172.47 96.8399 174.93 96.8399 177.4 96.8399L184.83 96.9499L199.93 97.2799Z" fill="#EBEBEB"/>
+<path d="M423.23 181L429.11 171.51L426.21 169.71C425.793 169.448 425.456 169.076 425.237 168.635C425.019 168.194 424.926 167.701 424.97 167.21C425.02 166.655 425.04 166.097 425.03 165.54C425.015 165.05 425.135 164.565 425.379 164.14C425.623 163.714 425.98 163.365 426.41 163.13L429.41 161.52L424.13 151.67L421.13 153.29C420.696 153.518 420.208 153.622 419.72 153.59C419.231 153.558 418.76 153.392 418.36 153.11C417.902 152.792 417.428 152.498 416.94 152.23C416.507 151.997 416.146 151.649 415.899 151.223C415.652 150.798 415.528 150.312 415.54 149.82L415.65 146.4L404.48 146L404.38 149.43C404.358 149.921 404.201 150.397 403.925 150.805C403.65 151.212 403.268 151.536 402.82 151.74C402.58 151.85 402.33 151.98 402.09 152.11C401.85 152.24 401.61 152.37 401.38 152.51C400.962 152.767 400.481 152.904 399.99 152.904C399.499 152.904 399.018 152.767 398.6 152.51L395.67 150.7L389.79 160.19L392.7 162C393.116 162.262 393.451 162.635 393.669 163.076C393.886 163.517 393.976 164.01 393.93 164.5C393.878 165.052 393.862 165.606 393.88 166.16C393.891 166.65 393.767 167.135 393.522 167.559C393.277 167.984 392.92 168.334 392.49 168.57L389.49 170.18L394.77 180.03L397.77 178.41C398.204 178.182 398.692 178.078 399.18 178.11C399.669 178.142 400.14 178.308 400.54 178.59C400.998 178.908 401.472 179.202 401.96 179.47C402.393 179.701 402.753 180.048 403 180.472C403.247 180.896 403.372 181.38 403.36 181.87L403.25 185.3L414.42 185.65L414.52 182.22C414.541 181.731 414.696 181.257 414.97 180.851C415.244 180.445 415.624 180.123 416.07 179.92L416.81 179.54C417.06 179.41 417.3 179.28 417.53 179.14C417.95 178.883 418.433 178.747 418.925 178.747C419.417 178.747 419.9 178.883 420.32 179.14L423.23 181ZM413.77 173.95C412.176 174.801 410.365 175.161 408.567 174.984C406.768 174.806 405.063 174.1 403.666 172.953C402.269 171.807 401.243 170.272 400.718 168.543C400.193 166.814 400.193 164.968 400.717 163.238C401.241 161.509 402.265 159.973 403.662 158.826C405.058 157.679 406.763 156.971 408.561 156.792C410.36 156.614 412.17 156.973 413.765 157.823C415.36 158.673 416.666 159.977 417.52 161.57C418.657 163.706 418.9 166.205 418.197 168.52C417.494 170.835 415.902 172.777 413.77 173.92V173.95Z" fill="#506690"/>
+<path d="M101.53 288.51L107.42 279.02L104.51 277.22C104.094 276.958 103.759 276.585 103.541 276.144C103.324 275.703 103.234 275.21 103.28 274.72C103.31 274.164 103.31 273.606 103.28 273.05C103.267 272.559 103.389 272.074 103.635 271.649C103.88 271.223 104.238 270.874 104.67 270.64L107.67 269.03L102.39 259.18L99.39 260.8C98.9546 261.028 98.465 261.131 97.9747 261.1C97.4845 261.068 97.0123 260.902 96.61 260.62C96.1547 260.299 95.6805 260.005 95.19 259.74C94.758 259.505 94.399 259.156 94.152 258.731C93.9051 258.306 93.7799 257.822 93.79 257.33L93.9 253.91L82.74 253.56L82.64 256.99C82.6198 257.483 82.4633 257.961 82.1879 258.371C81.9125 258.78 81.529 259.105 81.08 259.31C80.83 259.42 80.59 259.55 80.34 259.68C80.09 259.81 79.86 259.94 79.63 260.08C79.214 260.338 78.7343 260.474 78.245 260.474C77.7556 260.474 77.276 260.338 76.86 260.08L74 258.29L68.11 267.78L71 269.59C71.4177 269.851 71.7543 270.223 71.9716 270.665C72.189 271.106 72.2785 271.6 72.23 272.09C72.23 272.64 72.17 273.19 72.23 273.75C72.2433 274.241 72.1205 274.726 71.8752 275.151C71.6298 275.577 71.2715 275.926 70.84 276.16L67.84 277.77L73.12 287.62L76.12 286C76.5553 285.772 77.0449 285.669 77.5352 285.7C78.0255 285.732 78.4976 285.898 78.9 286.18C79.352 286.498 79.8229 286.789 80.31 287.05C80.7419 287.285 81.101 287.634 81.3479 288.059C81.5948 288.484 81.7201 288.969 81.71 289.46L81.61 292.89L92.77 293.23L92.88 289.81C92.9 289.319 93.0554 288.844 93.3289 288.436C93.6025 288.029 93.9836 287.705 94.43 287.5C94.68 287.39 94.92 287.26 95.17 287.13C95.42 287 95.65 286.87 95.88 286.72C96.299 286.461 96.7821 286.323 97.275 286.323C97.7678 286.323 98.2509 286.461 98.67 286.72L101.53 288.51ZM92.08 281.46C90.485 282.316 88.672 282.68 86.8703 282.505C85.0686 282.331 83.3592 281.626 81.9583 280.479C80.5573 279.333 79.5279 277.797 79.0003 276.065C78.4726 274.334 78.4703 272.485 78.9938 270.752C79.5173 269.019 80.543 267.48 81.9411 266.331C83.3392 265.181 85.0469 264.472 86.8482 264.293C88.6495 264.114 90.4634 264.473 92.0604 265.325C93.6574 266.177 94.9658 267.484 95.82 269.08C96.3879 270.138 96.7417 271.298 96.8611 272.493C96.9805 273.689 96.8632 274.895 96.5158 276.045C96.1685 277.195 95.5979 278.265 94.8368 279.194C94.0757 280.123 93.1389 280.893 92.08 281.46Z" fill="#506690"/>
+<path d="M215.87 106.74L212 100L209.92 101.2C209.621 101.371 209.28 101.455 208.935 101.443C208.59 101.431 208.256 101.322 207.97 101.13C207.647 100.919 207.313 100.726 206.97 100.55C206.668 100.394 206.414 100.157 206.238 99.8657C206.061 99.5746 205.969 99.2404 205.97 98.9V96.5H198.15V98.9C198.149 99.2399 198.055 99.5732 197.879 99.8639C197.703 100.155 197.451 100.392 197.15 100.55C196.8 100.73 196.46 100.92 196.15 101.13C195.858 101.332 195.515 101.446 195.16 101.459C194.806 101.471 194.455 101.381 194.15 101.2L192 100L188.09 106.78L190.17 107.98C190.466 108.154 190.709 108.407 190.869 108.711C191.03 109.014 191.103 109.357 191.08 109.7C191.08 109.89 191.08 110.09 191.08 110.28C191.08 110.47 191.08 110.66 191.08 110.86C191.106 111.201 191.035 111.542 190.876 111.844C190.716 112.147 190.475 112.398 190.18 112.57L188.09 113.78L192 120.56L194.08 119.36C194.379 119.189 194.72 119.105 195.065 119.117C195.409 119.129 195.744 119.238 196.03 119.43C196.353 119.641 196.687 119.834 197.03 120.01C197.331 120.168 197.583 120.405 197.759 120.696C197.935 120.987 198.029 121.32 198.03 121.66V124H205.85V121.6C205.849 121.26 205.941 120.925 206.118 120.634C206.294 120.343 206.548 120.106 206.85 119.95C207.2 119.77 207.53 119.58 207.85 119.37C208.136 119.178 208.47 119.069 208.815 119.057C209.16 119.045 209.501 119.129 209.8 119.3L211.88 120.5L215.79 113.72L213.71 112.52C213.413 112.346 213.171 112.093 213.011 111.789C212.85 111.486 212.777 111.143 212.8 110.8C212.8 110.61 212.8 110.41 212.8 110.22C212.8 110.03 212.8 109.83 212.8 109.64C212.777 109.297 212.85 108.954 213.011 108.651C213.171 108.347 213.413 108.094 213.71 107.92L215.87 106.74ZM208.39 110.24C208.39 111.508 208.014 112.747 207.31 113.801C206.605 114.855 205.604 115.677 204.433 116.162C203.262 116.647 201.973 116.774 200.729 116.527C199.486 116.28 198.344 115.669 197.447 114.773C196.551 113.876 195.94 112.734 195.693 111.491C195.446 110.247 195.573 108.958 196.058 107.787C196.543 106.616 197.365 105.615 198.419 104.91C199.473 104.206 200.712 103.83 201.98 103.83C203.68 103.83 205.31 104.505 206.513 105.707C207.715 106.91 208.39 108.54 208.39 110.24Z" fill="#506690"/>
+<path d="M88.84 303.84C75.77 316.63 73.57 336.43 76.33 353.76C76.4 354.16 77.01 354.05 77.01 353.68C77.01 349.73 76.89 345.82 76.9 341.92C76.97 341.75 77.03 341.58 77.1 341.4C80.51 338.92 83.65 336.12 85.59 332.28C87.77 327.99 88.59 323.14 90.3 318.66C90.46 318.23 90 318.36 89.7 318.58C81.7 324.44 79.22 330.75 76.94 339.18C76.9841 334.77 77.4462 330.373 78.32 326.05C80.04 318.05 83.43 310.12 89.18 304.19C89.4 304 89.06 303.61 88.84 303.84Z" fill="#3B3F5C"/>
+<path d="M91.29 305.33C93.54 305.41 94.95 309 96.7 310.05C96.8833 310.201 97.0963 310.311 97.3251 310.373C97.5539 310.435 97.7933 310.449 98.0276 310.412C98.2618 310.375 98.4856 310.289 98.6843 310.159C98.8829 310.03 99.0519 309.86 99.18 309.66C100.92 307.24 98.5401 304.25 96.3001 302.57C97.9001 303.23 99.23 304.39 100.95 304.72C101.171 304.791 101.405 304.813 101.636 304.787C101.867 304.76 102.09 304.685 102.289 304.566C102.489 304.447 102.66 304.286 102.793 304.096C102.926 303.905 103.017 303.689 103.06 303.46C103.82 300.15 99.67 298.69 96.83 298.62C98.21 297.62 102.16 295.05 100.06 293.77C97.96 292.49 93.3 296.21 91.79 297.44C89.56 299.24 86.91 301.94 86.79 304.76C86.68 308.05 89.56 306 91.29 305.33Z" fill="#4361EE"/>
+<path opacity="0.1" d="M91.29 305.33C93.54 305.41 94.95 309 96.7 310.05C96.8833 310.201 97.0963 310.311 97.3251 310.373C97.5539 310.435 97.7933 310.449 98.0276 310.412C98.2618 310.375 98.4856 310.289 98.6843 310.159C98.8829 310.03 99.0519 309.86 99.18 309.66C100.92 307.24 98.5401 304.25 96.3001 302.57C97.9001 303.23 99.23 304.39 100.95 304.72C101.171 304.791 101.405 304.813 101.636 304.787C101.867 304.76 102.09 304.685 102.289 304.566C102.489 304.447 102.66 304.286 102.793 304.096C102.926 303.905 103.017 303.689 103.06 303.46C103.82 300.15 99.67 298.69 96.83 298.62C98.21 297.62 102.16 295.05 100.06 293.77C97.96 292.49 93.3 296.21 91.79 297.44C89.56 299.24 86.91 301.94 86.79 304.76C86.68 308.05 89.56 306 91.29 305.33Z" fill="black"/>
+<path d="M90.64 305.89C93.52 304.58 99.04 306.46 99.51 305.37C100.46 303.16 96.05 301.64 93.66 301.37C95.86 300.78 100.06 299.83 99.93 297.72C99.77 295.13 93.49 297.36 90.3 299.8C86.3 302.87 86.3 305.8 86.98 306.43C87.89 307.22 90.17 306.1 90.64 305.89Z" fill="#4361EE"/>
+<path d="M59.07 302.57C72.62 314.86 75.56 334.57 73.47 351.99C73.41 352.38 72.8 352.3 72.79 351.93C72.64 347.98 72.61 344.07 72.45 340.18C72.37 340 72.3 339.84 72.23 339.66C68.72 337.31 65.48 334.66 63.4 330.87C61.05 326.66 60.01 321.87 58.17 317.44C58 317.02 58.46 317.12 58.77 317.33C66.94 322.89 69.71 329.1 72.31 337.44C72.0885 333.035 71.4592 328.659 70.43 324.37C68.43 316.44 64.71 308.65 58.74 302.93C58.52 302.71 58.84 302.36 59.07 302.57Z" fill="#3B3F5C"/>
+<path d="M56.68 304.16C54.43 304.32 53.16 307.96 51.45 309.08C51.2724 309.237 51.0637 309.354 50.8375 309.424C50.6114 309.495 50.3729 309.516 50.1378 309.488C49.9027 309.46 49.6762 309.382 49.4732 309.26C49.2702 309.138 49.0953 308.974 48.96 308.78C47.13 306.43 49.39 303.35 51.57 301.59C49.99 302.31 48.71 303.52 47 303.91C46.7819 303.991 46.5489 304.025 46.3168 304.008C46.0847 303.991 45.8589 303.924 45.6549 303.812C45.4509 303.7 45.2734 303.546 45.1345 303.359C44.9956 303.172 44.8986 302.958 44.85 302.73C43.96 299.46 48.05 297.83 50.85 297.66C49.44 296.75 45.39 294.3 47.44 292.94C49.49 291.58 54.29 295.12 55.85 296.29C58.14 298 60.85 300.6 61.1 303.41C61.38 306.7 58.43 304.78 56.68 304.16Z" fill="#4361EE"/>
+<path opacity="0.1" d="M56.68 304.16C54.43 304.32 53.16 307.96 51.45 309.08C51.2724 309.237 51.0637 309.354 50.8375 309.424C50.6114 309.495 50.3729 309.516 50.1378 309.488C49.9027 309.46 49.6762 309.382 49.4732 309.26C49.2702 309.138 49.0953 308.974 48.96 308.78C47.13 306.43 49.39 303.35 51.57 301.59C49.99 302.31 48.71 303.52 47 303.91C46.7819 303.991 46.5489 304.025 46.3168 304.008C46.0847 303.991 45.8589 303.924 45.6549 303.812C45.4509 303.7 45.2734 303.546 45.1345 303.359C44.9956 303.172 44.8986 302.958 44.85 302.73C43.96 299.46 48.05 297.83 50.85 297.66C49.44 296.75 45.39 294.3 47.44 292.94C49.49 291.58 54.29 295.12 55.85 296.29C58.14 298 60.85 300.6 61.1 303.41C61.38 306.7 58.43 304.78 56.68 304.16Z" fill="black"/>
+<path d="M57.35 304.69C54.42 303.49 48.98 305.58 48.47 304.51C47.47 302.33 51.78 300.65 54.15 300.26C51.94 299.75 47.7 298.97 47.75 296.85C47.81 294.26 54.18 296.24 57.45 298.56C61.58 301.48 61.66 304.44 61.02 305.06C60.15 305.91 57.83 304.88 57.35 304.69Z" fill="#4361EE"/>
+<path d="M72.93 335C73.842 341.569 75.2459 348.061 77.13 354.42C77.1552 354.553 77.232 354.67 77.3436 354.746C77.4552 354.822 77.5924 354.85 77.725 354.825C77.8576 354.8 77.9748 354.723 78.0507 354.611C78.1267 354.5 78.1552 354.363 78.13 354.23C77.24 348.23 75.62 342.37 74.73 336.38C73.7679 330.324 73.4328 324.185 73.73 318.06C74.3 307.97 77.04 297.23 83.62 289.34C83.76 289.15 83.46 288.89 83.31 289.06C70 304.46 72.13 323.3 72.15 325C70.28 318.64 68.36 311.35 61.3 304.87C60.99 304.59 60.76 304.72 60.81 305.2C62.07 317 65.35 323.2 72.19 329.47C72.39 331.33 72.63 333.19 72.93 335Z" fill="#3B3F5C"/>
+<path d="M83.65 291.14C86.02 290.08 89.29 293.14 91.65 293.31C91.9138 293.369 92.1871 293.373 92.4523 293.32C92.7175 293.268 92.9688 293.16 93.1901 293.005C93.4113 292.85 93.5977 292.65 93.7372 292.418C93.8767 292.187 93.9662 291.928 94 291.66C94.59 288.27 90.61 286.36 87.44 285.76C89.44 285.63 91.44 286.17 93.36 285.64C93.6255 285.603 93.88 285.51 94.1062 285.366C94.3325 285.222 94.5251 285.032 94.6712 284.807C94.8172 284.582 94.9132 284.329 94.9527 284.063C94.9922 283.798 94.9742 283.528 94.9 283.27C94 279.46 89 280 86 281.38C86.94 279.69 89.73 275 86.91 274.73C84.09 274.46 81.12 280.66 80.17 282.73C78.77 285.73 77.38 289.85 78.69 292.82C80.23 296.27 82.2 292.72 83.65 291.14Z" fill="#4361EE"/>
+<path opacity="0.1" d="M83.65 291.14C86.02 290.08 89.29 293.14 91.65 293.31C91.9138 293.369 92.1871 293.373 92.4523 293.32C92.7175 293.268 92.9688 293.16 93.1901 293.005C93.4113 292.85 93.5977 292.65 93.7372 292.418C93.8767 292.187 93.9662 291.928 94 291.66C94.59 288.27 90.61 286.36 87.44 285.76C89.44 285.63 91.44 286.17 93.36 285.64C93.6255 285.603 93.88 285.51 94.1062 285.366C94.3325 285.222 94.5251 285.032 94.6712 284.807C94.8172 284.582 94.9132 284.329 94.9527 284.063C94.9922 283.798 94.9742 283.528 94.9 283.27C94 279.46 89 280 86 281.38C86.94 279.69 89.73 275 86.91 274.73C84.09 274.46 81.12 280.66 80.17 282.73C78.77 285.73 77.38 289.85 78.69 292.82C80.23 296.27 82.2 292.72 83.65 291.14Z" fill="black"/>
+<path d="M83.25 292C85.58 289.2 92.25 288.37 92.19 287C92.07 284.23 86.72 284.87 84.1 285.77C86.1 284.04 89.96 280.95 88.77 278.82C87.3 276.22 81.89 281.69 79.77 285.82C77.16 291.03 78.68 294.1 79.67 294.38C81.07 294.81 82.87 292.5 83.25 292Z" fill="#4361EE"/>
+<path d="M64.25 338.58L58.44 383H93.81C93.09 379.07 86.5 338.54 86.5 338.54L64.25 338.58Z" fill="#4361EE"/>
+<path d="M43.37 383.14L95.03 382.9L146.69 382.81L250 382.64L353.31 382.81L404.97 382.9L456.63 383.14L404.97 383.39L353.31 383.48L250 383.64L146.69 383.48L95.03 383.39L43.37 383.14Z" fill="#3B3F5C"/>
+<path d="M250 470.12C332.324 470.12 399.06 460.682 399.06 449.04C399.06 437.398 332.324 427.96 250 427.96C167.676 427.96 100.94 437.398 100.94 449.04C100.94 460.682 167.676 470.12 250 470.12Z" fill="#506690"/>
+<path d="M157.57 217.67L151.36 193.24L102.36 205.71L95.88 180.21L135 90.89L154.47 86L173.37 160.36L189.06 156.36L195.59 182L179.9 186L186.1 210.43L157.57 217.67ZM124 172.87L148.26 166.7L140.26 135.14L124 172.87Z" fill="white"/>
+<path d="M298 136.12C298.079 143.727 296.834 151.29 294.32 158.47C292.066 164.934 288.635 170.925 284.2 176.14C280.004 181.029 274.825 184.978 269 187.73C263.056 190.513 256.563 191.927 250 191.87C243.392 191.927 236.854 190.513 230.86 187.73C225.009 184.988 219.804 181.038 215.59 176.14C211.173 170.933 207.78 164.938 205.59 158.47C203.131 151.278 201.917 143.72 202 136.12C201.916 128.517 203.13 120.955 205.59 113.76C207.782 107.296 211.175 101.305 215.59 96.1001C219.814 91.1894 225.015 87.2117 230.86 84.4201C236.838 81.5802 243.382 80.1339 250 80.1901C256.573 80.1335 263.072 81.5803 269 84.4201C274.812 87.2243 279.98 91.201 284.18 96.1001C288.612 101.313 292.043 107.3 294.3 113.76C296.821 120.942 298.073 128.509 298 136.12ZM268.38 136.12C268.38 127.533 266.663 120.573 263.23 115.24C259.797 109.907 255.38 107.24 249.98 107.24C244.34 107.24 239.833 109.907 236.46 115.24C233.087 120.573 231.4 127.533 231.4 136.12C231.4 144.707 233.087 151.637 236.46 156.91C239.833 162.183 244.347 164.82 250 164.82C255.4 164.82 259.817 162.183 263.25 156.91C266.683 151.637 268.4 144.707 268.4 136.12H268.38Z" fill="white"/>
+<path d="M350.84 213L354.84 188.12L304.93 180L309.14 154L380.64 87.6699L400.44 90.8799L388.17 166.62L404.17 169.21L399.94 195.36L383.94 192.77L379.94 217.65L350.84 213ZM337.84 158.53L362.54 162.53L367.75 130.38L337.84 158.53Z" fill="white"/>
+<path d="M270.6 313.85H235.09V316.76H270.6V313.85Z" fill="#506690"/>
+<path d="M270.6 317.63H235.09V320.54H270.6V317.63Z" fill="#506690"/>
+<path d="M270.6 321.42H235.09V324.33H270.6V321.42Z" fill="#506690"/>
+<path d="M270.6 325.21H235.09V328.12H270.6V325.21Z" fill="#506690"/>
+<path d="M270.6 329H235.09V331.91H270.6V329Z" fill="#506690"/>
+<path d="M285.98 404.59H218.46V407.5H285.98V404.59Z" fill="#506690"/>
+<path d="M285.98 408.38H218.46V411.29H285.98V408.38Z" fill="#506690"/>
+<path d="M285.98 412.17H218.46V415.08H285.98V412.17Z" fill="#506690"/>
+<path d="M285.98 415.96H218.46V418.87H285.98V415.96Z" fill="#506690"/>
+<path d="M285.98 419.75H218.46V422.66H285.98V419.75Z" fill="#506690"/>
+<path d="M188.83 289.8C188.83 289.41 174.06 284.44 174.06 284.44L174.93 233.56L194.57 229.34L188.83 289.8Z" fill="#4361EE"/>
+<path opacity="0.2" d="M188.83 289.8C188.83 289.41 174.06 284.44 174.06 284.44L174.93 233.56L194.57 229.34L188.83 289.8Z" fill="black"/>
+<path d="M324.49 309.77C324.59 309.39 340.21 309.83 340.21 309.83L356.9 261.75L339.9 251.04L324.49 309.77Z" fill="#4361EE"/>
+<path opacity="0.2" d="M324.49 309.77C324.59 309.39 340.21 309.83 340.21 309.83L356.9 261.75L339.9 251.04L324.49 309.77Z" fill="black"/>
+<path d="M186 308.54C186 308.54 191.49 226.24 196.31 199.16C196.31 199.16 295.73 206.68 349.4 227.16C349.4 227.16 321.73 323.28 320.3 328.05C320.28 328.09 250.27 314.3 186 308.54Z" fill="#4361EE"/>
+<path opacity="0.1" d="M274.72 210.15C273.107 220.057 271.46 229.964 269.78 239.87L264.65 269.54L264.38 269.13L297.69 277L314.33 281L330.94 285.11L314.24 281.37L297.55 277.56L264.21 269.77L263.87 269.69L263.93 269.35L269.24 239.7C271.02 229.9 272.847 220.05 274.72 210.15Z" fill="black"/>
+<path opacity="0.1" d="M271.07 215.8C271.059 216.28 270.877 216.739 270.556 217.095C270.234 217.452 269.796 217.68 269.32 217.74C269.057 217.76 268.793 217.728 268.542 217.646C268.291 217.564 268.06 217.433 267.86 217.26C267.655 217.075 267.491 216.85 267.377 216.599C267.264 216.348 267.203 216.076 267.2 215.8C267.203 215.524 267.264 215.252 267.377 215.001C267.491 214.75 267.655 214.525 267.86 214.34C268.141 214.097 268.485 213.94 268.853 213.887C269.22 213.834 269.595 213.887 269.933 214.041C270.271 214.194 270.558 214.442 270.759 214.754C270.961 215.066 271.069 215.429 271.07 215.8ZM271.07 215.8C271.068 215.574 271.017 215.351 270.922 215.146C270.828 214.941 270.69 214.758 270.52 214.61C270.292 214.416 270.013 214.291 269.716 214.25C269.418 214.209 269.116 214.254 268.844 214.38C268.571 214.505 268.341 214.706 268.179 214.959C268.018 215.212 267.932 215.505 267.932 215.805C267.932 216.105 268.018 216.399 268.179 216.651C268.341 216.904 268.571 217.105 268.844 217.231C269.116 217.356 269.418 217.401 269.716 217.361C270.013 217.32 270.292 217.195 270.52 217C270.69 216.849 270.826 216.665 270.921 216.458C271.016 216.251 271.066 216.027 271.07 215.8Z" fill="black"/>
+<path opacity="0.1" d="M269.32 228.05C269.322 228.531 269.145 228.995 268.823 229.352C268.502 229.709 268.058 229.933 267.58 229.98C267.311 230.008 267.039 229.979 266.781 229.895C266.524 229.81 266.288 229.673 266.087 229.49C265.887 229.308 265.728 229.086 265.62 228.837C265.511 228.589 265.457 228.321 265.46 228.05C265.458 227.775 265.516 227.502 265.628 227.25C265.74 226.998 265.904 226.773 266.11 226.59C266.311 226.417 266.544 226.285 266.797 226.202C267.049 226.12 267.315 226.089 267.58 226.11C268.054 226.172 268.49 226.402 268.809 226.758C269.128 227.114 269.31 227.572 269.32 228.05ZM269.32 228.05C269.319 227.822 269.269 227.598 269.174 227.391C269.08 227.184 268.942 227 268.77 226.85C268.607 226.712 268.417 226.609 268.212 226.547C268.007 226.485 267.792 226.466 267.58 226.49C267.197 226.534 266.843 226.717 266.586 227.004C266.329 227.292 266.187 227.664 266.187 228.05C266.187 228.436 266.329 228.808 266.586 229.096C266.843 229.384 267.197 229.567 267.58 229.61C267.799 229.636 268.022 229.614 268.232 229.547C268.443 229.48 268.637 229.37 268.801 229.222C268.966 229.075 269.097 228.894 269.187 228.692C269.276 228.49 269.321 228.271 269.32 228.05Z" fill="black"/>
+<path opacity="0.1" d="M267.17 241C267.172 241.481 266.995 241.945 266.673 242.302C266.352 242.659 265.908 242.883 265.43 242.93C265.033 242.939 264.642 242.828 264.307 242.614C263.973 242.399 263.71 242.089 263.552 241.724C263.394 241.36 263.349 240.956 263.422 240.565C263.494 240.174 263.682 239.814 263.96 239.53C264.162 239.358 264.395 239.228 264.648 239.148C264.9 239.067 265.166 239.037 265.43 239.06C265.909 239.11 266.353 239.336 266.674 239.695C266.996 240.053 267.173 240.519 267.17 241ZM267.17 241C267.169 240.773 267.119 240.548 267.024 240.341C266.93 240.134 266.792 239.95 266.62 239.8C266.457 239.662 266.267 239.559 266.062 239.497C265.858 239.436 265.642 239.416 265.43 239.44C265.047 239.484 264.693 239.667 264.436 239.954C264.179 240.242 264.037 240.614 264.037 241C264.037 241.386 264.179 241.758 264.436 242.046C264.693 242.334 265.047 242.517 265.43 242.56C265.643 242.58 265.858 242.558 266.062 242.494C266.266 242.431 266.456 242.327 266.62 242.19C266.792 242.044 266.931 241.861 267.026 241.656C267.121 241.45 267.17 241.227 267.17 241Z" fill="black"/>
+<path opacity="0.1" d="M265 253.93C265 254.41 264.822 254.873 264.501 255.23C264.179 255.586 263.737 255.811 263.26 255.86C262.994 255.879 262.727 255.844 262.476 255.755C262.225 255.666 261.994 255.527 261.799 255.346C261.604 255.164 261.448 254.944 261.342 254.7C261.236 254.455 261.181 254.192 261.181 253.925C261.181 253.659 261.236 253.395 261.342 253.151C261.448 252.907 261.604 252.687 261.799 252.505C261.994 252.324 262.225 252.184 262.476 252.096C262.727 252.007 262.994 251.971 263.26 251.99C263.739 252.04 264.183 252.266 264.504 252.625C264.826 252.983 265.003 253.449 265 253.93ZM265 253.93C264.999 253.703 264.949 253.478 264.854 253.271C264.76 253.064 264.622 252.88 264.45 252.73C264.287 252.592 264.097 252.489 263.892 252.428C263.687 252.366 263.472 252.346 263.26 252.37C262.877 252.414 262.523 252.597 262.266 252.885C262.009 253.172 261.867 253.545 261.867 253.93C261.867 254.316 262.009 254.688 262.266 254.976C262.523 255.264 262.877 255.447 263.26 255.49C263.473 255.51 263.688 255.488 263.892 255.424C264.096 255.361 264.286 255.258 264.45 255.12C264.62 254.972 264.758 254.789 264.852 254.584C264.947 254.379 264.998 254.156 265 253.93Z" fill="black"/>
+<path opacity="0.1" d="M272.35 274.56C272.35 274.952 272.232 275.334 272.01 275.658C271.788 275.981 271.474 276.229 271.109 276.37C270.743 276.512 270.343 276.539 269.962 276.448C269.581 276.358 269.236 276.154 268.973 275.864C268.71 275.573 268.54 275.21 268.488 274.822C268.435 274.434 268.501 274.039 268.677 273.689C268.853 273.339 269.131 273.05 269.474 272.861C269.818 272.672 270.21 272.592 270.6 272.63C271.079 272.677 271.524 272.901 271.847 273.257C272.171 273.614 272.35 274.078 272.35 274.56ZM272.35 274.56C272.346 274.333 272.296 274.109 272.201 273.902C272.106 273.696 271.97 273.511 271.8 273.36C271.634 273.223 271.442 273.121 271.236 273.059C271.03 272.997 270.814 272.977 270.6 273C270.357 273.029 270.125 273.115 269.921 273.25C269.717 273.385 269.548 273.566 269.427 273.779C269.305 273.991 269.235 274.228 269.222 274.472C269.208 274.716 269.252 274.96 269.35 275.184C269.447 275.409 269.595 275.607 269.783 275.764C269.971 275.92 270.192 276.031 270.43 276.087C270.668 276.143 270.916 276.142 271.154 276.086C271.392 276.029 271.613 275.917 271.8 275.76C271.97 275.609 272.106 275.424 272.201 275.218C272.296 275.011 272.346 274.787 272.35 274.56Z" fill="black"/>
+<path opacity="0.1" d="M284.56 277.54C284.559 277.912 284.451 278.275 284.249 278.587C284.048 278.898 283.761 279.146 283.423 279.3C283.085 279.453 282.71 279.507 282.343 279.454C281.975 279.401 281.631 279.243 281.35 279C281.142 278.818 280.975 278.594 280.861 278.342C280.747 278.09 280.688 277.817 280.688 277.54C280.688 277.264 280.747 276.99 280.861 276.739C280.975 276.487 281.142 276.262 281.35 276.08C281.55 275.91 281.783 275.78 282.033 275.7C282.284 275.619 282.548 275.589 282.81 275.61C283.29 275.655 283.736 275.878 284.06 276.235C284.384 276.593 284.562 277.058 284.56 277.54ZM284.56 277.54C284.559 277.313 284.509 277.088 284.415 276.881C284.32 276.674 284.182 276.49 284.01 276.34C283.844 276.204 283.652 276.101 283.446 276.04C283.24 275.978 283.024 275.958 282.81 275.98C282.567 276.01 282.335 276.095 282.131 276.231C281.928 276.366 281.758 276.547 281.637 276.759C281.515 276.971 281.445 277.209 281.432 277.453C281.418 277.697 281.462 277.941 281.56 278.165C281.657 278.389 281.806 278.587 281.993 278.744C282.181 278.901 282.402 279.011 282.64 279.067C282.878 279.123 283.126 279.123 283.364 279.066C283.602 279.009 283.823 278.898 284.01 278.74C284.182 278.591 284.32 278.407 284.415 278.2C284.509 277.993 284.559 277.768 284.56 277.54Z" fill="black"/>
+<path opacity="0.1" d="M296.77 280.52C296.771 280.891 296.665 281.255 296.465 281.568C296.265 281.88 295.979 282.129 295.641 282.283C295.303 282.437 294.928 282.49 294.561 282.436C294.194 282.383 293.85 282.224 293.57 281.98C293.365 281.795 293.201 281.57 293.087 281.319C292.974 281.068 292.913 280.796 292.91 280.52C292.908 280.244 292.966 279.972 293.078 279.72C293.19 279.468 293.354 279.243 293.56 279.06C293.762 278.888 293.995 278.758 294.248 278.678C294.5 278.597 294.766 278.567 295.03 278.59C295.508 278.637 295.952 278.861 296.273 279.218C296.595 279.575 296.772 280.039 296.77 280.52ZM296.77 280.52C296.771 280.293 296.723 280.069 296.63 279.862C296.537 279.655 296.4 279.47 296.23 279.32C296.057 279.188 295.858 279.091 295.647 279.036C295.436 278.981 295.216 278.969 295 279C294.617 279.043 294.263 279.227 294.006 279.514C293.749 279.802 293.607 280.174 293.607 280.56C293.607 280.946 293.749 281.318 294.006 281.606C294.263 281.893 294.617 282.077 295 282.12C295.214 282.142 295.43 282.122 295.636 282.06C295.842 281.998 296.034 281.896 296.2 281.76C296.381 281.609 296.526 281.419 296.625 281.204C296.723 280.99 296.773 280.756 296.77 280.52Z" fill="black"/>
+<path opacity="0.1" d="M309 283.5C308.999 283.871 308.891 284.235 308.689 284.546C308.488 284.858 308.201 285.106 307.863 285.259C307.525 285.413 307.15 285.467 306.783 285.414C306.415 285.361 306.071 285.203 305.79 284.96C305.585 284.775 305.421 284.55 305.307 284.299C305.194 284.048 305.133 283.776 305.13 283.5C305.133 283.224 305.194 282.952 305.307 282.701C305.421 282.45 305.585 282.225 305.79 282.04C305.99 281.868 306.221 281.737 306.472 281.654C306.723 281.572 306.987 281.54 307.25 281.56C307.726 281.62 308.164 281.849 308.486 282.205C308.807 282.561 308.989 283.021 309 283.5ZM309 283.5C308.996 283.273 308.946 283.049 308.851 282.842C308.756 282.636 308.62 282.451 308.45 282.3C308.263 282.143 308.042 282.031 307.804 281.974C307.566 281.918 307.318 281.917 307.08 281.973C306.842 282.029 306.621 282.14 306.433 282.296C306.246 282.453 306.097 282.651 306 282.876C305.902 283.1 305.858 283.344 305.872 283.588C305.885 283.832 305.955 284.069 306.077 284.281C306.198 284.494 306.368 284.675 306.571 284.81C306.775 284.945 307.007 285.031 307.25 285.06C307.464 285.083 307.68 285.063 307.886 285.001C308.092 284.939 308.284 284.837 308.45 284.7C308.62 284.549 308.756 284.364 308.851 284.158C308.946 283.951 308.996 283.727 309 283.5Z" fill="black"/>
+<path opacity="0.1" d="M321.2 286.61C321.15 287.085 320.933 287.527 320.586 287.855C320.239 288.183 319.787 288.377 319.31 288.4C319.045 288.403 318.782 288.353 318.537 288.254C318.291 288.154 318.068 288.007 317.88 287.82C317.689 287.622 317.541 287.385 317.448 287.125C317.355 286.865 317.318 286.589 317.34 286.314C317.362 286.039 317.442 285.771 317.574 285.529C317.707 285.287 317.89 285.076 318.11 284.91C318.32 284.751 318.561 284.637 318.817 284.575C319.074 284.513 319.34 284.505 319.6 284.55C320.069 284.645 320.488 284.906 320.782 285.284C321.076 285.662 321.224 286.132 321.2 286.61ZM321.2 286.61C321.215 286.384 321.181 286.158 321.102 285.946C321.023 285.734 320.899 285.541 320.74 285.38C320.527 285.169 320.258 285.022 319.965 284.959C319.672 284.895 319.366 284.917 319.085 285.022C318.804 285.127 318.559 285.31 318.378 285.549C318.198 285.789 318.09 286.076 318.067 286.375C318.045 286.674 318.108 286.974 318.25 287.238C318.393 287.502 318.608 287.72 318.87 287.866C319.132 288.011 319.431 288.079 319.73 288.06C320.03 288.042 320.318 287.938 320.56 287.76C320.742 287.625 320.893 287.452 321.004 287.254C321.114 287.056 321.181 286.836 321.2 286.61Z" fill="black"/>
+<path opacity="0.1" d="M262.87 266.86C262.873 267.342 262.696 267.807 262.374 268.166C262.053 268.525 261.609 268.751 261.13 268.8C260.598 268.841 260.07 268.672 259.66 268.33C259.346 268.061 259.127 267.698 259.034 267.295C258.942 266.891 258.98 266.469 259.144 266.09C259.308 265.71 259.59 265.393 259.947 265.184C260.304 264.976 260.719 264.887 261.13 264.93C261.607 264.98 262.05 265.204 262.371 265.561C262.692 265.917 262.87 266.38 262.87 266.86ZM262.87 266.86C262.868 266.634 262.817 266.412 262.722 266.206C262.628 266.001 262.491 265.819 262.32 265.67C262.092 265.476 261.813 265.351 261.516 265.31C261.218 265.269 260.916 265.314 260.644 265.44C260.371 265.566 260.141 265.767 259.979 266.019C259.818 266.272 259.732 266.565 259.732 266.865C259.732 267.165 259.818 267.459 259.979 267.711C260.141 267.964 260.371 268.165 260.644 268.291C260.916 268.416 261.218 268.462 261.516 268.421C261.813 268.38 262.092 268.255 262.32 268.06C262.492 267.911 262.63 267.727 262.725 267.52C262.819 267.313 262.869 267.088 262.87 266.86Z" fill="black"/>
+<path opacity="0.2" d="M242.307 288.309C253.9 277.885 254.848 260.036 244.424 248.442C234 236.848 216.151 235.9 204.557 246.325C192.963 256.749 192.015 274.598 202.44 286.192C212.864 297.786 230.713 298.733 242.307 288.309Z" fill="black"/>
+<path d="M244.605 275.307C249.03 263.613 243.138 250.545 231.444 246.119C219.75 241.693 206.682 247.586 202.256 259.28C197.83 270.974 203.722 284.042 215.417 288.468C227.111 292.894 240.179 287.002 244.605 275.307Z" fill="#3B3F5C"/>
+<path d="M222.073 258.995L216.782 258.138L215.925 263.429L221.216 264.286L222.073 258.995Z" fill="#4361EE"/>
+<path d="M217.633 252.844L212.342 251.987L211.485 257.278L216.776 258.135L217.633 252.844Z" fill="#4361EE"/>
+<path d="M238.802 256.275L233.511 255.418L232.654 260.709L237.946 261.566L238.802 256.275Z" fill="#4361EE"/>
+<path d="M214.222 273.898L208.931 273.042L208.074 278.333L213.365 279.19L214.222 273.898Z" fill="#4361EE"/>
+<path d="M235.401 277.329L230.11 276.472L229.253 281.763L234.544 282.62L235.401 277.329Z" fill="#4361EE"/>
+<path d="M220.372 269.459L215.081 268.602L214.224 273.893L219.515 274.75L220.372 269.459Z" fill="#4361EE"/>
+<path d="M226.512 265.087L221.221 264.23L220.364 269.521L225.655 270.378L226.512 265.087Z" fill="#4361EE"/>
+<path d="M232.653 260.705L227.362 259.848L226.505 265.139L231.796 265.996L232.653 260.705Z" fill="#4361EE"/>
+<path d="M230.971 271.17L225.68 270.313L224.823 275.604L230.114 276.461L230.971 271.17Z" fill="#4361EE"/>
+<path d="M321.026 297.011C330.907 284.951 329.141 267.164 317.081 257.283C305.022 247.402 287.235 249.168 277.353 261.227C267.472 273.287 269.238 291.074 281.298 300.955C293.358 310.837 311.144 309.071 321.026 297.011Z" fill="#4361EE"/>
+<path opacity="0.2" d="M321.026 297.011C330.907 284.951 329.141 267.164 317.081 257.283C305.022 247.402 287.235 249.168 277.353 261.227C267.472 273.287 269.238 291.074 281.298 300.955C293.358 310.837 311.144 309.071 321.026 297.011Z" fill="black"/>
+<path opacity="0.2" d="M326.66 285.67C326.53 286.23 326.38 286.76 326.22 287.3L271.22 275.56C271.35 274.56 271.52 273.56 271.75 272.61C272.552 268.946 274.076 265.478 276.233 262.409C278.39 259.34 281.137 256.732 284.313 254.736C287.489 252.741 291.031 251.398 294.732 250.786C298.433 250.175 302.219 250.306 305.868 251.174C309.517 252.041 312.957 253.627 315.987 255.839C319.017 258.05 321.576 260.844 323.514 264.055C325.452 267.266 326.732 270.832 327.277 274.543C327.822 278.254 327.623 282.037 326.69 285.67H326.66Z" fill="black"/>
+<path d="M307.926 300.002C319.463 295.18 324.907 281.92 320.086 270.383C315.264 258.846 302.004 253.402 290.467 258.223C278.93 263.044 273.486 276.305 278.307 287.842C283.128 299.379 296.389 304.823 307.926 300.002Z" fill="#3B3F5C"/>
+<path d="M304.875 266.79L299.661 265.551L293.489 291.517L298.703 292.757L304.875 266.79Z" fill="#4361EE"/>
+<path d="M328.3 285.14L270.5 271.4C272.435 263.856 277.255 257.373 283.923 253.348C290.591 249.323 298.572 248.077 306.149 249.878C313.727 251.679 320.294 256.384 324.436 262.979C328.579 269.574 329.967 277.532 328.3 285.14Z" fill="#4361EE"/>
+<path opacity="0.2" d="M328.3 285.14L270.5 271.4C272.435 263.856 277.255 257.373 283.923 253.348C290.591 249.323 298.572 248.077 306.149 249.878C313.727 251.679 320.294 256.384 324.436 262.979C328.579 269.574 329.967 277.532 328.3 285.14Z" fill="black"/>
+<path opacity="0.1" d="M250.07 295.92C250.205 293.571 251.124 291.335 252.68 289.57C253.519 288.64 254.573 287.929 255.75 287.5C256.939 287.097 258.202 286.957 259.45 287.09C260.723 287.204 261.939 287.669 262.963 288.434C263.987 289.198 264.779 290.232 265.25 291.42C266.141 293.59 266.347 295.98 265.84 298.27C265.549 296.12 264.871 294.04 263.84 292.13C263.382 291.281 262.721 290.558 261.917 290.024C261.113 289.491 260.191 289.163 259.23 289.07C258.253 288.941 257.26 289.017 256.315 289.294C255.369 289.572 254.492 290.044 253.74 290.68C252.149 292.138 250.896 293.927 250.07 295.92Z" fill="black"/>
+<path d="M193.72 238.34C193.95 235.34 194.29 232.34 194.58 229.34C194.87 226.34 195.23 223.34 195.58 220.34C195.93 217.34 196.32 214.34 196.7 211.34C197.08 208.34 197.51 205.34 197.92 202.34L198.02 201.54L198.83 201.59C205.35 201.997 211.853 202.533 218.34 203.2C221.58 203.53 224.82 203.91 228.06 204.32C231.3 204.73 234.53 205.22 237.74 205.8L218.22 204.6L198.73 203.33L199.64 202.59C199.2 205.59 198.79 208.59 198.32 211.59C197.85 214.59 197.4 217.59 196.9 220.54C196.4 223.49 195.9 226.49 195.38 229.47C194.86 232.45 194.33 235.38 193.72 238.34Z" fill="white"/>
+<path d="M198.41 261.16C199.13 257.497 200.676 254.046 202.93 251.07C203.48 250.31 204.11 249.61 204.71 248.89C205.31 248.17 206.04 247.56 206.71 246.89C207.38 246.22 208.18 245.71 208.93 245.14C209.68 244.57 210.51 244.14 211.32 243.62C212.13 243.1 213.03 242.79 213.89 242.4L216.57 241.47L219.35 240.9C220.28 240.76 221.22 240.73 222.16 240.66C225.879 240.615 229.567 241.329 233 242.76C229.458 242.016 225.829 241.774 222.22 242.04C218.68 242.362 215.249 243.429 212.15 245.17C209.033 246.901 206.261 249.189 203.97 251.92C201.626 254.677 199.748 257.798 198.41 261.16Z" fill="white"/>
+<path d="M276.29 268.78C277.513 265.255 279.516 262.053 282.15 259.41C282.8 258.74 283.52 258.13 284.22 257.5C284.92 256.87 285.72 256.37 286.48 255.81C287.24 255.25 288.09 254.81 288.92 254.38C289.75 253.95 290.63 253.58 291.5 253.21C292.37 252.84 293.3 252.62 294.2 252.35L296.99 251.8L299.82 251.62C300.76 251.62 301.7 251.72 302.64 251.78C306.337 252.237 309.901 253.449 313.11 255.34C309.703 254.118 306.142 253.378 302.53 253.14C298.982 252.972 295.438 253.555 292.13 254.85C288.82 256.142 285.771 258.022 283.13 260.4C280.412 262.805 278.102 265.635 276.29 268.78Z" fill="white"/>
+<path d="M189.14 359.25C181.91 359.25 166.08 357.63 155.89 344.53C142.89 327.77 147.57 295.61 147.77 294.25L153.43 295.11C153.43 295.42 148.89 326.2 160.43 341.01C171.69 355.49 192.12 353.42 192.32 353.39L192.97 359.08C192.72 359.1 191.32 359.25 189.14 359.25Z" fill="#4361EE"/>
+<path opacity="0.4" d="M189.14 359.25C181.91 359.25 166.08 357.63 155.89 344.53C142.89 327.77 147.57 295.61 147.77 294.25L153.43 295.11C153.43 295.42 148.89 326.2 160.43 341.01C171.69 355.49 192.12 353.42 192.32 353.39L192.97 359.08C192.72 359.1 191.32 359.25 189.14 359.25Z" fill="white"/>
+<path d="M155.1 299C154.042 299.005 152.985 298.921 151.94 298.75C142.39 297.2 138.17 291.49 136.3 286.97C134.43 282.45 134 277 135 270.68L147.1 272.68C146.47 276.57 146.66 280 147.62 282.33C148.31 283.99 149.62 285.99 153.88 286.68C155.82 286.99 157.88 286.83 160.11 283.52C161.653 281.001 162.692 278.206 163.17 275.29L175.28 277.29C174.489 281.911 172.789 286.33 170.28 290.29C166.56 296 161.22 299 155.1 299Z" fill="#4361EE"/>
+<path d="M201.1 375.63C201.1 375.37 190.84 373.74 190.84 373.74L185.84 340.33L198.23 335.43L201.1 375.63Z" fill="#4361EE"/>
+<path opacity="0.2" d="M201.1 375.63C201.1 375.37 190.84 373.74 190.84 373.74L185.84 340.33L198.23 335.43L201.1 375.63Z" fill="black"/>
+<path d="M302.3 375.69C302.3 375.43 312.59 374.03 312.59 374.03L318.3 340.74L306 335.57L302.3 375.69Z" fill="#4361EE"/>
+<path opacity="0.2" d="M302.3 375.69C302.3 375.43 312.59 374.03 312.59 374.03L318.3 340.74L306 335.57L302.3 375.69Z" fill="black"/>
+<path d="M196.84 328C196.84 328 279.63 324.47 307.59 329.13C307.59 329.13 299.38 409.23 298.94 410.79C298.94 410.79 216.58 410.56 203.71 410.79C203.71 410.74 196.74 357.47 196.84 328Z" fill="#4361EE"/>
+<path opacity="0.2" d="M222 349.91C222 349.91 267.19 348.12 282.46 350.47C282.46 350.47 277.97 390.86 277.73 391.65C277.73 391.65 232.73 391.54 225.73 391.65C225.74 391.65 222.65 364 222 349.91Z" fill="black"/>
+<path opacity="0.2" d="M228.16 391.63H225.73C225.73 391.63 222.65 364 222 349.9L224.83 349.8L228.16 391.63Z" fill="black"/>
+<path d="M241.49 359.87C240.582 359.582 239.608 359.569 238.693 359.835C237.777 360.101 236.961 360.632 236.349 361.362C235.736 362.093 235.354 362.988 235.251 363.936C235.148 364.883 235.329 365.84 235.771 366.685C236.213 367.529 236.896 368.223 237.733 368.679C238.571 369.135 239.524 369.331 240.473 369.244C241.423 369.157 242.324 368.79 243.064 368.189C243.805 367.588 244.349 366.781 244.63 365.87C245.003 364.658 244.883 363.348 244.295 362.224C243.707 361.1 242.699 360.254 241.49 359.87ZM244.07 365.73C243.818 366.526 243.335 367.228 242.683 367.75C242.032 368.271 241.24 368.587 240.409 368.658C239.577 368.73 238.743 368.553 238.012 368.151C237.281 367.748 236.686 367.138 236.302 366.398C235.918 365.657 235.761 364.819 235.853 363.989C235.945 363.16 236.281 362.377 236.818 361.738C237.355 361.099 238.069 360.634 238.871 360.401C239.672 360.169 240.524 360.179 241.32 360.43C241.849 360.598 242.339 360.867 242.764 361.224C243.188 361.581 243.538 362.018 243.793 362.51C244.049 363.003 244.205 363.54 244.252 364.093C244.3 364.645 244.238 365.202 244.07 365.73ZM241.49 359.87C240.582 359.582 239.608 359.569 238.693 359.835C237.777 360.101 236.961 360.632 236.349 361.362C235.736 362.093 235.354 362.988 235.251 363.936C235.148 364.883 235.329 365.84 235.771 366.685C236.213 367.529 236.896 368.223 237.733 368.679C238.571 369.135 239.524 369.331 240.473 369.244C241.423 369.157 242.324 368.79 243.064 368.189C243.805 367.588 244.349 366.781 244.63 365.87C245.003 364.658 244.883 363.348 244.295 362.224C243.707 361.1 242.699 360.254 241.49 359.87ZM244.07 365.73C243.818 366.526 243.335 367.228 242.683 367.75C242.032 368.271 241.24 368.587 240.409 368.658C239.577 368.73 238.743 368.553 238.012 368.151C237.281 367.748 236.686 367.138 236.302 366.398C235.918 365.657 235.761 364.819 235.853 363.989C235.945 363.16 236.281 362.377 236.818 361.738C237.355 361.099 238.069 360.634 238.871 360.401C239.672 360.169 240.524 360.179 241.32 360.43C241.849 360.598 242.339 360.867 242.764 361.224C243.188 361.581 243.538 362.018 243.793 362.51C244.049 363.003 244.205 363.54 244.252 364.093C244.3 364.645 244.238 365.202 244.07 365.73ZM241.49 359.87C240.582 359.582 239.608 359.569 238.693 359.835C237.777 360.101 236.961 360.632 236.349 361.362C235.736 362.093 235.354 362.988 235.251 363.936C235.148 364.883 235.329 365.84 235.771 366.685C236.213 367.529 236.896 368.223 237.733 368.679C238.571 369.135 239.524 369.331 240.473 369.244C241.423 369.157 242.324 368.79 243.064 368.189C243.805 367.588 244.349 366.781 244.63 365.87C245.003 364.658 244.883 363.348 244.295 362.224C243.707 361.1 242.699 360.254 241.49 359.87ZM244.07 365.73C243.818 366.526 243.335 367.228 242.683 367.75C242.032 368.271 241.24 368.587 240.409 368.658C239.577 368.73 238.743 368.553 238.012 368.151C237.281 367.748 236.686 367.138 236.302 366.398C235.918 365.657 235.761 364.819 235.853 363.989C235.945 363.16 236.281 362.377 236.818 361.738C237.355 361.099 238.069 360.634 238.871 360.401C239.672 360.169 240.524 360.179 241.32 360.43C241.849 360.598 242.339 360.867 242.764 361.224C243.188 361.581 243.538 362.018 243.793 362.51C244.049 363.003 244.205 363.54 244.252 364.093C244.3 364.645 244.238 365.202 244.07 365.73ZM243.07 354.79C241.159 354.187 239.113 354.164 237.189 354.724C235.266 355.284 233.551 356.402 232.263 357.936C230.974 359.47 230.17 361.352 229.951 363.344C229.732 365.335 230.108 367.347 231.033 369.124C231.957 370.902 233.388 372.365 235.144 373.33C236.9 374.294 238.903 374.716 240.899 374.542C242.895 374.368 244.795 373.606 246.358 372.353C247.921 371.1 249.077 369.411 249.68 367.5C250.487 364.942 250.248 362.168 249.015 359.786C247.782 357.404 245.655 355.608 243.1 354.79H243.07ZM245.32 366.13C244.985 367.176 244.348 368.1 243.489 368.784C242.63 369.468 241.587 369.883 240.493 369.975C239.398 370.068 238.301 369.834 237.339 369.304C236.378 368.773 235.595 367.97 235.089 366.995C234.583 366.02 234.378 364.917 234.498 363.825C234.619 362.733 235.06 361.702 235.766 360.861C236.472 360.019 237.412 359.406 238.466 359.098C239.52 358.79 240.642 358.801 241.69 359.13C242.391 359.348 243.042 359.702 243.606 360.172C244.17 360.642 244.635 361.219 244.975 361.869C245.316 362.52 245.524 363.231 245.588 363.962C245.652 364.694 245.571 365.43 245.35 366.13H245.32ZM244.6 365.9C244.889 364.992 244.901 364.018 244.635 363.103C244.37 362.188 243.838 361.372 243.108 360.759C242.378 360.146 241.482 359.764 240.535 359.662C239.587 359.559 238.63 359.74 237.786 360.182C236.941 360.624 236.247 361.307 235.791 362.144C235.336 362.981 235.139 363.935 235.226 364.884C235.313 365.833 235.681 366.735 236.281 367.475C236.882 368.215 237.689 368.76 238.6 369.04C239.202 369.231 239.836 369.301 240.465 369.247C241.094 369.192 241.707 369.014 242.267 368.722C242.827 368.43 243.324 368.031 243.73 367.547C244.135 367.062 244.441 366.503 244.63 365.9H244.6ZM244.04 365.73C243.788 366.526 243.305 367.228 242.653 367.75C242.002 368.271 241.21 368.587 240.379 368.658C239.547 368.73 238.713 368.553 237.982 368.151C237.251 367.748 236.656 367.138 236.272 366.398C235.888 365.657 235.731 364.819 235.823 363.989C235.915 363.16 236.251 362.377 236.788 361.738C237.325 361.099 238.039 360.634 238.841 360.401C239.642 360.169 240.494 360.179 241.29 360.43C241.821 360.594 242.315 360.862 242.743 361.218C243.171 361.573 243.524 362.01 243.782 362.502C244.04 362.995 244.199 363.534 244.248 364.088C244.298 364.642 244.237 365.2 244.07 365.73H244.04ZM241.46 359.87C240.552 359.582 239.578 359.569 238.663 359.835C237.747 360.101 236.931 360.632 236.319 361.362C235.706 362.093 235.324 362.988 235.221 363.936C235.118 364.883 235.299 365.84 235.741 366.685C236.183 367.529 236.866 368.223 237.703 368.679C238.541 369.135 239.494 369.331 240.443 369.244C241.393 369.157 242.294 368.79 243.034 368.189C243.775 367.588 244.319 366.781 244.6 365.87C244.975 364.662 244.858 363.355 244.276 362.232C243.694 361.109 242.693 360.261 241.49 359.87H241.46ZM244.04 365.73C243.788 366.526 243.305 367.228 242.653 367.75C242.002 368.271 241.21 368.587 240.379 368.658C239.547 368.73 238.713 368.553 237.982 368.151C237.251 367.748 236.656 367.138 236.272 366.398C235.888 365.657 235.731 364.819 235.823 363.989C235.915 363.16 236.251 362.377 236.788 361.738C237.325 361.099 238.039 360.634 238.841 360.401C239.642 360.169 240.494 360.179 241.29 360.43C241.821 360.594 242.315 360.862 242.743 361.218C243.171 361.573 243.524 362.01 243.782 362.502C244.04 362.995 244.199 363.534 244.248 364.088C244.298 364.642 244.237 365.2 244.07 365.73H244.04ZM241.46 359.87C240.552 359.582 239.578 359.569 238.663 359.835C237.747 360.101 236.931 360.632 236.319 361.362C235.706 362.093 235.324 362.988 235.221 363.936C235.118 364.883 235.299 365.84 235.741 366.685C236.183 367.529 236.866 368.223 237.703 368.679C238.541 369.135 239.494 369.331 240.443 369.244C241.393 369.157 242.294 368.79 243.034 368.189C243.775 367.588 244.319 366.781 244.6 365.87C244.975 364.662 244.858 363.355 244.276 362.232C243.694 361.109 242.693 360.261 241.49 359.87H241.46ZM244.04 365.73C243.788 366.526 243.305 367.228 242.653 367.75C242.002 368.271 241.21 368.587 240.379 368.658C239.547 368.73 238.713 368.553 237.982 368.151C237.251 367.748 236.656 367.138 236.272 366.398C235.888 365.657 235.731 364.819 235.823 363.989C235.915 363.16 236.251 362.377 236.788 361.738C237.325 361.099 238.039 360.634 238.841 360.401C239.642 360.169 240.494 360.179 241.29 360.43C241.821 360.594 242.315 360.862 242.743 361.218C243.171 361.573 243.524 362.01 243.782 362.502C244.04 362.995 244.199 363.534 244.248 364.088C244.298 364.642 244.237 365.2 244.07 365.73H244.04Z" fill="#4361EE"/>
+<path d="M238.99 374.31L235.27 373.13L234.65 375.83L237.95 376.87L238.99 374.31Z" fill="#4361EE"/>
+<path d="M232.31 370.82L230.51 367.37L228.16 368.83L229.76 371.91L232.31 370.82Z" fill="#4361EE"/>
+<path d="M230.05 363.64L231.22 359.93L228.53 359.3L227.48 362.61L230.05 363.64Z" fill="#4361EE"/>
+<path d="M233.53 356.96L236.99 355.17L235.52 352.82L232.45 354.42L233.53 356.96Z" fill="#4361EE"/>
+<path d="M240.71 354.7L244.43 355.88L245.05 353.18L241.75 352.14L240.71 354.7Z" fill="#4361EE"/>
+<path d="M247.39 358.18L249.19 361.64L251.54 360.18L249.94 357.1L247.39 358.18Z" fill="#4361EE"/>
+<path d="M249.65 365.37L248.48 369.08L251.18 369.71L252.22 366.4L249.65 365.37Z" fill="#4361EE"/>
+<path d="M246.17 372.04L242.72 373.84L244.18 376.19L247.25 374.59L246.17 372.04Z" fill="#4361EE"/>
+<path d="M257.84 374C257.304 373.649 256.675 373.465 256.034 373.471C255.393 373.478 254.768 373.674 254.239 374.035C253.709 374.397 253.299 374.907 253.06 375.502C252.82 376.097 252.763 376.749 252.895 377.377C253.026 378.004 253.341 378.578 253.799 379.027C254.257 379.475 254.838 379.778 255.468 379.896C256.098 380.014 256.749 379.943 257.339 379.691C257.928 379.439 258.43 379.017 258.78 378.48C259.249 377.761 259.413 376.886 259.237 376.046C259.06 375.206 258.558 374.47 257.84 374ZM258.45 378.26C258.143 378.731 257.704 379.1 257.188 379.321C256.671 379.542 256.101 379.605 255.549 379.502C254.997 379.399 254.488 379.134 254.086 378.742C253.684 378.35 253.408 377.847 253.292 377.297C253.176 376.748 253.225 376.176 253.434 375.655C253.643 375.133 254.001 374.685 254.465 374.368C254.928 374.05 255.475 373.877 256.037 373.871C256.598 373.864 257.149 374.024 257.62 374.33C257.934 374.534 258.205 374.798 258.416 375.106C258.628 375.414 258.777 375.762 258.854 376.128C258.931 376.494 258.935 376.872 258.866 377.239C258.796 377.607 258.655 377.957 258.45 378.27V378.26ZM257.84 374C257.304 373.649 256.675 373.465 256.034 373.471C255.393 373.478 254.768 373.674 254.239 374.035C253.709 374.397 253.299 374.907 253.06 375.502C252.82 376.097 252.763 376.749 252.895 377.377C253.026 378.004 253.341 378.578 253.799 379.027C254.257 379.475 254.838 379.778 255.468 379.896C256.098 380.014 256.749 379.943 257.339 379.691C257.928 379.439 258.43 379.017 258.78 378.48C259.249 377.761 259.413 376.886 259.237 376.046C259.06 375.206 258.558 374.47 257.84 374ZM258.45 378.26C258.143 378.731 257.704 379.1 257.188 379.321C256.671 379.542 256.101 379.605 255.549 379.502C254.997 379.399 254.488 379.134 254.086 378.742C253.684 378.35 253.408 377.847 253.292 377.297C253.176 376.748 253.225 376.176 253.434 375.655C253.643 375.133 254.001 374.685 254.465 374.368C254.928 374.05 255.475 373.877 256.037 373.871C256.598 373.864 257.149 374.024 257.62 374.33C257.934 374.534 258.205 374.798 258.416 375.106C258.628 375.414 258.777 375.762 258.854 376.128C258.931 376.494 258.935 376.872 258.866 377.239C258.796 377.607 258.655 377.957 258.45 378.27V378.26ZM257.84 374C257.304 373.649 256.675 373.465 256.034 373.471C255.393 373.478 254.768 373.674 254.239 374.035C253.709 374.397 253.299 374.907 253.06 375.502C252.82 376.097 252.763 376.749 252.895 377.377C253.026 378.004 253.341 378.578 253.799 379.027C254.257 379.475 254.838 379.778 255.468 379.896C256.098 380.014 256.749 379.943 257.339 379.691C257.928 379.439 258.43 379.017 258.78 378.48C259.249 377.761 259.413 376.886 259.237 376.046C259.06 375.206 258.558 374.47 257.84 374ZM258.45 378.26C258.143 378.731 257.704 379.1 257.188 379.321C256.671 379.542 256.101 379.605 255.549 379.502C254.997 379.399 254.488 379.134 254.086 378.742C253.684 378.35 253.408 377.847 253.292 377.297C253.176 376.748 253.225 376.176 253.434 375.655C253.643 375.133 254.001 374.685 254.465 374.368C254.928 374.05 255.475 373.877 256.037 373.871C256.598 373.864 257.149 374.024 257.62 374.33C257.934 374.534 258.205 374.798 258.416 375.106C258.628 375.414 258.777 375.762 258.854 376.128C258.931 376.494 258.935 376.872 258.866 377.239C258.796 377.607 258.655 377.957 258.45 378.27V378.26ZM259.79 371C258.659 370.266 257.336 369.883 255.987 369.9C254.639 369.917 253.326 370.334 252.214 371.097C251.102 371.861 250.242 372.936 249.741 374.189C249.241 375.441 249.123 376.814 249.403 378.133C249.682 379.452 250.347 380.659 251.312 381.601C252.277 382.543 253.5 383.177 254.826 383.424C256.151 383.671 257.521 383.519 258.76 382.988C260 382.457 261.054 381.571 261.79 380.44C262.279 379.689 262.615 378.849 262.779 377.968C262.943 377.087 262.932 376.183 262.746 375.306C262.561 374.429 262.204 373.598 261.697 372.859C261.189 372.12 260.542 371.489 259.79 371ZM259.2 378.75C258.797 379.371 258.218 379.858 257.538 380.149C256.858 380.441 256.106 380.524 255.379 380.388C254.651 380.252 253.981 379.904 253.451 379.387C252.922 378.87 252.558 378.207 252.405 377.483C252.252 376.759 252.318 376.006 252.594 375.319C252.869 374.632 253.342 374.043 253.953 373.625C254.564 373.207 255.285 372.98 256.025 372.972C256.765 372.964 257.49 373.176 258.11 373.58C258.522 373.849 258.877 374.196 259.155 374.601C259.433 375.007 259.628 375.463 259.729 375.944C259.83 376.425 259.836 376.922 259.745 377.405C259.654 377.888 259.469 378.349 259.2 378.76V378.75ZM258.78 378.48C259.126 377.944 259.306 377.318 259.297 376.68C259.288 376.042 259.09 375.421 258.728 374.895C258.366 374.37 257.857 373.963 257.264 373.727C256.671 373.49 256.022 373.435 255.397 373.567C254.773 373.699 254.202 374.014 253.756 374.47C253.311 374.927 253.01 375.505 252.893 376.133C252.775 376.76 252.846 377.408 253.097 377.995C253.347 378.582 253.766 379.081 254.3 379.43C255.02 379.896 255.894 380.059 256.734 379.883C257.573 379.707 258.308 379.206 258.78 378.49V378.48ZM258.45 378.26C258.143 378.731 257.704 379.1 257.188 379.321C256.671 379.542 256.101 379.605 255.549 379.502C254.997 379.399 254.488 379.134 254.086 378.742C253.684 378.35 253.408 377.847 253.292 377.297C253.176 376.748 253.225 376.176 253.434 375.655C253.643 375.133 254.001 374.685 254.465 374.368C254.928 374.05 255.475 373.877 256.037 373.871C256.598 373.864 257.149 374.024 257.62 374.33C257.934 374.534 258.205 374.798 258.416 375.106C258.628 375.414 258.777 375.762 258.854 376.128C258.931 376.494 258.935 376.872 258.866 377.239C258.796 377.607 258.655 377.957 258.45 378.27V378.26ZM257.84 374C257.304 373.649 256.675 373.465 256.034 373.471C255.393 373.478 254.768 373.674 254.239 374.035C253.709 374.397 253.299 374.907 253.06 375.502C252.82 376.097 252.763 376.749 252.895 377.377C253.026 378.004 253.341 378.578 253.799 379.027C254.257 379.475 254.838 379.778 255.468 379.896C256.098 380.014 256.749 379.943 257.339 379.691C257.928 379.439 258.43 379.017 258.78 378.48C259.249 377.761 259.413 376.886 259.237 376.046C259.06 375.206 258.558 374.47 257.84 374ZM258.45 378.26C258.143 378.731 257.704 379.1 257.188 379.321C256.671 379.542 256.101 379.605 255.549 379.502C254.997 379.399 254.488 379.134 254.086 378.742C253.684 378.35 253.408 377.847 253.292 377.297C253.176 376.748 253.225 376.176 253.434 375.655C253.643 375.133 254.001 374.685 254.465 374.368C254.928 374.05 255.475 373.877 256.037 373.871C256.598 373.864 257.149 374.024 257.62 374.33C257.934 374.534 258.205 374.798 258.416 375.106C258.628 375.414 258.777 375.762 258.854 376.128C258.931 376.494 258.935 376.872 258.866 377.239C258.796 377.607 258.655 377.957 258.45 378.27V378.26ZM257.84 374C257.304 373.649 256.675 373.465 256.034 373.471C255.393 373.478 254.768 373.674 254.239 374.035C253.709 374.397 253.299 374.907 253.06 375.502C252.82 376.097 252.763 376.749 252.895 377.377C253.026 378.004 253.341 378.578 253.799 379.027C254.257 379.475 254.838 379.778 255.468 379.896C256.098 380.014 256.749 379.943 257.339 379.691C257.928 379.439 258.43 379.017 258.78 378.48C259.249 377.761 259.413 376.886 259.237 376.046C259.06 375.206 258.558 374.47 257.84 374ZM258.45 378.26C258.143 378.731 257.704 379.1 257.188 379.321C256.671 379.542 256.101 379.605 255.549 379.502C254.997 379.399 254.488 379.134 254.086 378.742C253.684 378.35 253.408 377.847 253.292 377.297C253.176 376.748 253.225 376.176 253.434 375.655C253.643 375.133 254.001 374.685 254.465 374.368C254.928 374.05 255.475 373.877 256.037 373.871C256.598 373.864 257.149 374.024 257.62 374.33C257.934 374.534 258.205 374.798 258.416 375.106C258.628 375.414 258.777 375.762 258.854 376.128C258.931 376.494 258.935 376.872 258.866 377.239C258.796 377.607 258.655 377.957 258.45 378.27V378.26Z" fill="#DBDBDB"/>
+<path d="M253.6 382.92L251.4 381.49L250.51 383.12L252.47 384.39L253.6 382.92Z" fill="#DBDBDB"/>
+<path d="M249.9 379.45L249.36 376.89L247.57 377.41L248.05 379.7L249.9 379.45Z" fill="#DBDBDB"/>
+<path d="M249.73 374.39L251.16 372.19L249.53 371.3L248.25 373.25L249.73 374.39Z" fill="#DBDBDB"/>
+<path d="M253.2 370.69L255.76 370.14L255.24 368.36L252.95 368.84L253.2 370.69Z" fill="#DBDBDB"/>
+<path d="M258.26 370.52L260.46 371.95L261.35 370.31L259.4 369.04L258.26 370.52Z" fill="#DBDBDB"/>
+<path d="M261.96 373.98L262.51 376.55L264.29 376.02L263.81 373.74L261.96 373.98Z" fill="#DBDBDB"/>
+<path d="M262.13 379.05L260.7 381.25L262.33 382.14L263.61 380.18L262.13 379.05Z" fill="#DBDBDB"/>
+<path d="M258.67 382.75L256.1 383.29L256.63 385.08L258.91 384.6L258.67 382.75Z" fill="#DBDBDB"/>
+<path d="M305.59 401.41L308.78 402.01L317.88 340.38L314.25 339.71L305.59 401.41Z" fill="#4361EE"/>
+<path d="M277.72 391.65L282.45 350.47L314.25 339.71C314.25 339.71 305.59 402.08 305.59 401.41L277.72 391.65Z" fill="#4361EE"/>
+<path opacity="0.4" d="M277.72 391.65L282.45 350.47L314.25 339.71C314.25 339.71 305.59 402.08 305.59 401.41L277.72 391.65Z" fill="white"/>
+<path d="M200.64 352.14C200.12 348.73 199.84 345.29 199.64 341.85C199.54 340.13 199.5 338.4 199.46 336.68C199.42 334.96 199.4 333.23 199.46 331.5V331.05H199.9C206.22 330.71 212.53 330.29 218.9 330.05C225.27 329.81 231.54 329.45 237.9 329.25C231.59 329.82 225.29 330.31 218.98 330.77C212.67 331.23 206.35 331.61 200.04 332.04L200.5 331.57V336.72L200.56 341.87C200.56 343.59 200.56 345.31 200.65 347.02L200.64 352.14Z" fill="white"/>
+<path d="M286.88 351.08C288.88 350.14 290.88 349.27 292.88 348.47C294.88 347.67 296.92 346.897 299 346.15C301.06 345.45 303.13 344.76 305.24 344.15C307.34 343.532 309.473 343.035 311.63 342.66L312.16 342.57L312.07 343.08C311.57 345.75 311.07 348.41 310.43 351.08C310.66 348.37 310.99 345.67 311.33 342.98L311.77 343.41C309.67 343.91 307.59 344.49 305.51 345.11C303.43 345.73 301.36 346.38 299.3 347.05L286.88 351.08Z" fill="white"/>
+<path opacity="0.1" d="M214.4 328.12L214.94 338.42L215.4 348.72L216.19 369.33L216.81 389.94L217.06 400.25L217.23 410.57L216.69 400.27L216.24 389.96L215.44 369.36L214.82 348.74L214.57 338.43L214.4 328.12Z" fill="black"/>
+<path opacity="0.1" d="M211.45 334.33C211.526 334.694 211.496 335.073 211.362 335.421C211.228 335.768 210.997 336.069 210.695 336.288C210.394 336.507 210.036 336.634 209.664 336.654C209.292 336.674 208.923 336.586 208.6 336.4C208.361 336.259 208.154 336.07 207.992 335.844C207.83 335.619 207.717 335.362 207.66 335.09C207.609 334.819 207.615 334.541 207.677 334.273C207.739 334.004 207.856 333.751 208.02 333.53C208.183 333.323 208.385 333.15 208.615 333.021C208.845 332.893 209.098 332.811 209.36 332.78C209.839 332.734 210.317 332.866 210.703 333.153C211.09 333.439 211.356 333.859 211.45 334.33ZM211.45 334.33C211.378 333.982 211.189 333.669 210.915 333.444C210.641 333.218 210.298 333.092 209.942 333.087C209.587 333.083 209.241 333.2 208.961 333.419C208.682 333.638 208.485 333.945 208.404 334.291C208.323 334.637 208.362 335 208.516 335.321C208.669 335.641 208.927 335.9 209.247 336.054C209.568 336.207 209.931 336.247 210.277 336.167C210.623 336.086 210.931 335.89 211.15 335.61C211.29 335.431 211.39 335.224 211.441 335.003C211.493 334.782 211.496 334.552 211.45 334.33Z" fill="black"/>
+<path opacity="0.1" d="M212.16 346.68C212.242 347.151 212.154 347.636 211.91 348.046C211.666 348.457 211.283 348.767 210.83 348.92C210.571 348.999 210.298 349.023 210.03 348.99C209.761 348.957 209.502 348.868 209.27 348.729C209.038 348.589 208.838 348.402 208.683 348.18C208.528 347.958 208.421 347.706 208.37 347.44C208.319 347.169 208.325 346.891 208.387 346.623C208.449 346.354 208.566 346.101 208.73 345.88C208.893 345.673 209.095 345.5 209.325 345.371C209.555 345.243 209.808 345.161 210.07 345.13C210.549 345.084 211.027 345.216 211.413 345.503C211.8 345.789 212.066 346.209 212.16 346.68ZM212.16 346.68C212.12 346.464 212.034 346.259 211.908 346.078C211.781 345.898 211.618 345.747 211.428 345.635C211.239 345.523 211.028 345.453 210.809 345.43C210.59 345.407 210.369 345.431 210.16 345.5C209.869 345.59 209.611 345.762 209.416 345.996C209.222 346.23 209.099 346.515 209.064 346.817C209.028 347.12 209.081 347.425 209.217 347.698C209.352 347.971 209.563 348.198 209.825 348.353C210.087 348.507 210.389 348.582 210.692 348.569C210.996 348.555 211.29 348.454 211.537 348.277C211.785 348.1 211.975 347.854 212.086 347.571C212.196 347.288 212.222 346.978 212.16 346.68Z" fill="black"/>
+<path opacity="0.1" d="M212.61 359.79C212.692 360.261 212.604 360.746 212.36 361.157C212.116 361.568 211.733 361.877 211.28 362.03C210.771 362.177 210.224 362.116 209.76 361.86C209.521 361.719 209.314 361.53 209.152 361.304C208.99 361.079 208.877 360.822 208.82 360.55C208.769 360.28 208.775 360.001 208.837 359.733C208.899 359.464 209.016 359.212 209.18 358.99C209.405 358.694 209.712 358.47 210.062 358.344C210.412 358.217 210.792 358.195 211.154 358.28C211.517 358.364 211.847 358.552 212.105 358.82C212.364 359.088 212.539 359.425 212.61 359.79ZM212.61 359.79C212.57 359.574 212.484 359.369 212.358 359.189C212.231 359.008 212.068 358.857 211.878 358.745C211.689 358.634 211.478 358.564 211.259 358.54C211.04 358.517 210.819 358.541 210.61 358.61C210.319 358.7 210.061 358.872 209.866 359.106C209.672 359.34 209.549 359.625 209.514 359.928C209.478 360.23 209.531 360.536 209.667 360.808C209.802 361.081 210.013 361.308 210.275 361.463C210.537 361.617 210.839 361.693 211.142 361.679C211.446 361.666 211.74 361.564 211.987 361.387C212.235 361.21 212.425 360.965 212.536 360.681C212.646 360.398 212.672 360.088 212.61 359.79Z" fill="black"/>
+<path opacity="0.1" d="M213.06 372.9C213.142 373.371 213.054 373.856 212.81 374.267C212.566 374.677 212.183 374.987 211.73 375.14C211.471 375.209 211.201 375.225 210.936 375.187C210.671 375.149 210.416 375.059 210.187 374.921C209.958 374.783 209.758 374.6 209.601 374.383C209.443 374.167 209.331 373.921 209.27 373.66C209.219 373.389 209.225 373.111 209.287 372.843C209.349 372.574 209.466 372.321 209.63 372.1C209.856 371.804 210.162 371.579 210.512 371.453C210.862 371.327 211.242 371.305 211.604 371.39C211.967 371.474 212.297 371.662 212.555 371.93C212.814 372.198 212.989 372.535 213.06 372.9ZM213.06 372.9C213.015 372.677 212.923 372.467 212.79 372.282C212.658 372.098 212.487 371.944 212.29 371.83C211.905 371.628 211.456 371.585 211.04 371.71C210.671 371.827 210.357 372.077 210.161 372.41C209.964 372.744 209.898 373.139 209.975 373.519C210.052 373.899 210.267 374.237 210.578 374.468C210.889 374.699 211.274 374.806 211.66 374.77C211.873 374.75 212.081 374.688 212.27 374.586C212.458 374.485 212.625 374.347 212.76 374.18C212.899 374.001 212.998 373.794 213.049 373.573C213.101 373.352 213.105 373.123 213.06 372.9Z" fill="black"/>
+<path opacity="0.1" d="M213.51 386C213.586 386.365 213.556 386.743 213.422 387.091C213.288 387.438 213.057 387.739 212.755 387.958C212.454 388.177 212.096 388.304 211.724 388.324C211.352 388.344 210.983 388.256 210.66 388.07C210.422 387.93 210.216 387.742 210.054 387.519C209.892 387.295 209.778 387.04 209.72 386.77C209.668 386.498 209.673 386.218 209.735 385.947C209.797 385.677 209.914 385.423 210.08 385.2C210.243 384.993 210.445 384.82 210.675 384.692C210.905 384.563 211.158 384.481 211.42 384.45C211.896 384.417 212.368 384.555 212.752 384.839C213.135 385.123 213.404 385.535 213.51 386ZM213.51 386C213.467 385.785 213.379 385.582 213.252 385.404C213.125 385.225 212.962 385.075 212.773 384.964C212.585 384.853 212.375 384.782 212.157 384.758C211.939 384.733 211.719 384.754 211.51 384.82C211.141 384.937 210.827 385.187 210.631 385.52C210.434 385.854 210.368 386.249 210.445 386.629C210.522 387.009 210.737 387.346 211.048 387.577C211.359 387.809 211.744 387.916 212.13 387.88C212.351 387.862 212.566 387.798 212.76 387.69C212.954 387.583 213.123 387.435 213.255 387.257C213.388 387.079 213.481 386.875 213.528 386.658C213.576 386.442 213.576 386.217 213.53 386H213.51Z" fill="black"/>
+<path opacity="0.1" d="M214 399.11C214.051 399.359 214.052 399.615 214.003 399.865C213.955 400.114 213.857 400.351 213.717 400.563C213.577 400.775 213.396 400.957 213.186 401.099C212.975 401.24 212.739 401.34 212.49 401.39C212.241 401.441 211.985 401.442 211.736 401.393C211.486 401.345 211.249 401.248 211.037 401.107C210.826 400.967 210.644 400.787 210.502 400.576C210.36 400.365 210.261 400.129 210.21 399.88C210.156 399.615 210.157 399.341 210.215 399.076C210.273 398.811 210.385 398.562 210.545 398.343C210.706 398.124 210.91 397.942 211.145 397.807C211.38 397.672 211.641 397.588 211.91 397.56C212.386 397.527 212.858 397.664 213.242 397.949C213.625 398.233 213.894 398.645 214 399.11ZM214 399.11C213.955 398.889 213.863 398.679 213.73 398.497C213.597 398.314 213.427 398.161 213.23 398.05C213.04 397.948 212.832 397.885 212.617 397.864C212.402 397.843 212.186 397.866 211.98 397.93C211.611 398.047 211.297 398.296 211.101 398.63C210.904 398.964 210.838 399.359 210.915 399.739C210.992 400.118 211.207 400.456 211.518 400.687C211.829 400.918 212.214 401.026 212.6 400.99C212.821 400.972 213.036 400.907 213.23 400.8C213.424 400.692 213.593 400.545 213.725 400.367C213.858 400.189 213.951 399.985 213.998 399.768C214.046 399.551 214.046 399.327 214 399.11Z" fill="black"/>
+<path d="M218.02 419.152L171.145 433.358L172.804 438.832L219.679 424.626L218.02 419.152Z" fill="#4361EE"/>
+<path opacity="0.4" d="M218.02 419.152L171.145 433.358L172.804 438.832L219.679 424.626L218.02 419.152Z" fill="white"/>
+<path d="M195.552 424.103L190.101 425.836L192.676 433.937L198.127 432.203L195.552 424.103Z" fill="#4361EE"/>
+<path d="M172.43 446.86L160.33 394.48L123.82 403.14L141.8 454.19L172.43 446.86Z" fill="#4361EE"/>
+<path d="M180.53 444.2L172.43 446.86L160.33 394.48L171.98 397.26L180.53 444.2Z" fill="#4361EE"/>
+<path opacity="0.2" d="M180.53 444.2L172.43 446.86L160.33 394.48L171.98 397.26L180.53 444.2Z" fill="black"/>
+<path d="M218.86 428.1C222.29 428.1 225.07 425.32 225.07 421.89C225.07 418.461 222.29 415.68 218.86 415.68C215.43 415.68 212.65 418.461 212.65 421.89C212.65 425.32 215.43 428.1 218.86 428.1Z" fill="#4361EE"/>
+<path d="M282.814 419.021L281.144 424.492L327.988 438.796L329.659 433.325L282.814 419.021Z" fill="#4361EE"/>
+<path opacity="0.4" d="M282.814 419.021L281.144 424.492L327.988 438.796L329.659 433.325L282.814 419.021Z" fill="white"/>
+<path d="M305.251 423.971L302.657 432.066L308.104 433.812L310.698 425.717L305.251 423.971Z" fill="#4361EE"/>
+<path d="M328.36 446.82L340.56 394.46L377.06 403.2L358.97 454.21L328.36 446.82Z" fill="#4361EE"/>
+<path d="M320.26 444.14L328.36 446.82L340.56 394.46L328.91 397.21L320.26 444.14Z" fill="#4361EE"/>
+<path opacity="0.2" d="M320.26 444.14L328.36 446.82L340.56 394.46L328.91 397.21L320.26 444.14Z" fill="black"/>
+<path d="M275.76 421.74C275.756 422.971 276.117 424.175 276.798 425.2C277.478 426.225 278.448 427.026 279.584 427.5C280.719 427.974 281.97 428.101 283.178 427.864C284.385 427.627 285.495 427.037 286.368 426.169C287.24 425.301 287.835 424.193 288.078 422.987C288.321 421.781 288.2 420.529 287.731 419.391C287.263 418.253 286.467 417.28 285.445 416.595C284.423 415.909 283.221 415.542 281.99 415.54C281.174 415.537 280.365 415.696 279.61 416.006C278.855 416.316 278.168 416.772 277.59 417.348C277.011 417.924 276.551 418.608 276.238 419.362C275.924 420.116 275.761 420.924 275.76 421.74Z" fill="#4361EE"/>
+<path d="M322.66 357.13C322.81 356.99 337.87 343.03 355.58 347.81C373.69 352.69 388.64 379.97 388.79 380.25L393.79 377.53C393.13 376.32 377.53 347.8 357.03 342.28C336.17 336.66 319.38 352.28 318.68 352.98L322.66 357.13Z" fill="#4361EE"/>
+<path opacity="0.4" d="M322.66 357.13C322.81 356.99 337.87 343.03 355.58 347.81C373.69 352.69 388.64 379.97 388.79 380.25L393.79 377.53C393.13 376.32 377.53 347.8 357.03 342.28C336.17 336.66 319.38 352.28 318.68 352.98L322.66 357.13Z" fill="white"/>
+<path d="M382.12 407.71L393 402C391.63 399.381 390.778 396.522 390.49 393.58C390.25 389.58 391.83 388.22 393.56 387.3C397.36 385.3 399.63 386.09 401.18 387C403.35 388.29 405.56 390.91 407.4 394.4L418.25 388.67C415.25 383.05 411.63 378.93 407.41 376.44C403.19 373.95 396.41 371.94 387.84 376.44C381.17 379.96 377.77 386.3 378.25 394.3C378.64 398.982 379.955 403.54 382.12 407.71Z" fill="#4361EE"/>
+<path d="M325 338C327.35 336.38 329.76 334.85 332.17 333.33C334.58 331.81 337.03 330.33 339.48 328.89C341.93 327.45 344.4 326.02 346.9 324.65L350.66 322.6C351.93 321.95 353.18 321.27 354.47 320.6C353.3 321.42 352.09 322.19 350.91 322.98L347.29 325.27C344.88 326.8 342.44 328.27 339.99 329.71C337.54 331.15 335.06 332.58 332.56 333.95C330.06 335.32 327.51 336.75 325 338Z" fill="#3B3F5C"/>
+<path d="M318.72 361.42C322.09 363.34 325.28 365.51 328.43 367.73C331.58 369.95 334.64 372.29 337.55 374.85C334.21 372.911 330.969 370.805 327.84 368.54C324.72 366.29 321.63 364 318.72 361.42Z" fill="#3B3F5C"/>
+<path d="M324.25 358.54C326.85 359.33 329.41 360.23 331.96 361.13C334.51 362.03 337 363 339.57 364C342.14 365 344.57 366 347.09 367L350.83 368.6C352.06 369.17 353.3 369.71 354.52 370.3C353.22 369.92 351.94 369.47 350.65 369.06L346.82 367.72C344.26 366.82 341.73 365.85 339.21 364.88C336.69 363.91 334.21 362.88 331.68 361.88C329.15 360.88 326.7 359.72 324.25 358.54Z" fill="#3B3F5C"/>
+<path d="M331.63 340.22C334.12 339.57 336.63 339.03 339.14 338.51C341.65 337.99 344.14 337.51 346.7 337.06C349.26 336.61 351.75 336.2 354.29 335.84L358.1 335.31C359.38 335.17 360.65 335 361.94 334.89C360.69 335.22 359.44 335.49 358.19 335.8L354.43 336.6C351.92 337.13 349.43 337.6 346.87 338.05C344.31 338.5 341.81 338.91 339.27 339.26C336.73 339.61 334.19 340 331.63 340.22Z" fill="#3B3F5C"/>
+<path d="M271.62 355.79C272.055 353.758 272.726 351.785 273.62 349.91C274.487 348.012 275.6 346.237 276.93 344.63C278.261 342.986 279.979 341.697 281.93 340.88C283.969 340.124 286.215 340.145 288.24 340.94C290.27 341.782 291.889 343.387 292.75 345.41C293.199 346.393 293.483 347.444 293.59 348.52C293.728 349.624 293.601 350.745 293.22 351.79C293.009 352.363 292.624 352.855 292.12 353.2C291.847 353.381 291.535 353.498 291.21 353.54C290.874 353.595 290.53 353.564 290.21 353.45C289.645 353.17 289.191 352.709 288.92 352.14C288.666 351.65 288.468 351.134 288.33 350.6C287.825 348.537 287.649 346.407 287.81 344.29C288.021 340.052 289.271 335.931 291.45 332.29C292.567 330.473 294.044 328.904 295.79 327.68C297.539 326.452 299.56 325.67 301.68 325.4C302.716 325.21 303.767 325.119 304.82 325.13C305.349 325.118 305.877 325.151 306.4 325.23C306.925 325.26 307.446 325.33 307.96 325.44C310.021 325.85 312.001 326.597 313.82 327.65C315.609 328.721 317.256 330.015 318.72 331.5C320.195 332.958 321.49 334.586 322.58 336.35C320.252 332.941 317.173 330.112 313.58 328.08C311.791 327.106 309.856 326.431 307.85 326.08C306.857 325.931 305.854 325.854 304.85 325.85C303.842 325.865 302.837 325.975 301.85 326.18C299.859 326.485 297.966 327.248 296.32 328.41C294.68 329.576 293.298 331.066 292.26 332.79C290.194 336.3 289.016 340.261 288.83 344.33C288.666 346.341 288.817 348.366 289.28 350.33C289.52 351.25 289.95 352.33 290.58 352.57C290.655 352.593 290.732 352.61 290.81 352.62C290.909 352.635 291.011 352.635 291.11 352.62C291.299 352.598 291.48 352.533 291.64 352.43C291.99 352.183 292.256 351.833 292.4 351.43C292.736 350.527 292.849 349.556 292.73 348.6C292.632 347.616 292.379 346.654 291.98 345.75C291.215 343.923 289.786 342.454 287.98 341.64C286.134 340.871 284.07 340.807 282.18 341.46C280.294 342.205 278.619 343.4 277.3 344.94C274.601 348.074 272.657 351.786 271.62 355.79Z" fill="#3B3F5C"/>
+<path d="M179.22 381.7C180.196 379.881 181.562 378.299 183.22 377.07C184.879 375.792 186.786 374.876 188.82 374.38C190.879 373.873 193.034 373.918 195.07 374.51C197.104 375.143 198.943 376.286 200.41 377.83C201.87 379.365 203.005 381.177 203.75 383.16C204.532 385.139 204.873 387.265 204.75 389.39C204.713 390.528 204.306 391.624 203.59 392.51C203.149 392.976 202.541 393.249 201.9 393.27C201.304 393.28 200.714 393.147 200.18 392.88C199.633 392.588 199.198 392.124 198.94 391.56C198.703 391.031 198.574 390.46 198.56 389.88C198.546 388.794 198.726 387.713 199.09 386.69C199.789 384.692 200.824 382.829 202.15 381.18C203.444 379.521 204.97 378.056 206.68 376.83C210.096 374.27 214.355 373.098 218.6 373.55C220.692 373.799 222.714 374.458 224.55 375.49C226.373 376.531 227.979 377.913 229.28 379.56C230.552 381.201 231.589 383.012 232.36 384.94C233.148 386.849 233.699 388.847 234 390.89C233.223 386.858 231.464 383.081 228.88 379.89C227.597 378.326 226.021 377.029 224.24 376.07C222.463 375.123 220.515 374.539 218.51 374.35C214.477 373.981 210.451 375.129 207.22 377.57C203.948 379.937 201.446 383.217 200.03 387C199.691 387.912 199.518 388.877 199.52 389.85C199.49 390.281 199.576 390.713 199.77 391.1C199.963 391.487 200.257 391.815 200.62 392.05C201.005 392.252 201.435 392.352 201.87 392.34C202.069 392.336 202.266 392.293 202.448 392.212C202.63 392.131 202.794 392.015 202.93 391.87C203.502 391.136 203.824 390.239 203.85 389.31C203.947 387.314 203.605 385.32 202.85 383.47C202.147 381.591 201.088 379.866 199.73 378.39C198.366 376.907 196.644 375.799 194.73 375.17C192.814 374.564 190.772 374.475 188.81 374.91C184.841 375.816 181.393 378.257 179.22 381.7Z" fill="#3B3F5C"/>
+<path d="M133 140.21C132.959 136.083 131.967 132.021 130.1 128.34C129.192 126.527 127.853 124.964 126.2 123.79C124.517 122.708 122.498 122.278 120.52 122.58C118.574 122.924 116.833 123.997 115.65 125.58C115.042 126.357 114.565 127.228 114.24 128.16C113.894 129.06 113.771 130.031 113.88 130.99C113.928 131.412 114.102 131.809 114.38 132.13C114.51 132.272 114.67 132.381 114.85 132.45C114.944 132.486 115.041 132.512 115.14 132.53C115.22 132.535 115.3 132.535 115.38 132.53C116.06 132.4 116.73 131.53 117.18 130.67C118.072 128.883 118.685 126.971 119 125C119.786 121.013 119.59 116.894 118.43 113C117.83 111.077 116.843 109.297 115.53 107.77C114.209 106.249 112.552 105.057 110.69 104.29C109.777 103.867 108.826 103.532 107.85 103.29C106.865 103.044 105.862 102.877 104.85 102.79C102.831 102.658 100.803 102.861 98.85 103.39C94.8709 104.497 91.2019 106.509 88.13 109.27C89.6083 107.811 91.2568 106.535 93.04 105.47C94.8149 104.381 96.7199 103.521 98.71 102.91C100.728 102.32 102.83 102.067 104.93 102.16C105.979 102.238 107.022 102.388 108.05 102.61C109.079 102.85 110.083 103.185 111.05 103.61C113.044 104.379 114.822 105.622 116.23 107.23C117.634 108.834 118.692 110.709 119.34 112.74C120.586 116.784 120.823 121.073 120.03 125.23C119.681 127.322 119.006 129.346 118.03 131.23C117.766 131.712 117.451 132.165 117.09 132.58C116.695 133.082 116.142 133.435 115.52 133.58C115.179 133.612 114.836 133.56 114.52 133.43C114.219 133.312 113.949 133.127 113.73 132.89C113.324 132.43 113.066 131.858 112.99 131.25C112.869 130.145 113.013 129.028 113.41 127.99C113.777 126.971 114.307 126.019 114.98 125.17C116.294 123.409 118.248 122.234 120.42 121.9C122.575 121.615 124.76 122.131 126.56 123.35C128.275 124.605 129.65 126.269 130.56 128.19C131.486 130.066 132.158 132.057 132.56 134.11C132.944 136.119 133.092 138.166 133 140.21Z" fill="#3B3F5C"/>
+<path d="M353.77 192.37C349.75 191.436 345.57 191.436 341.55 192.37C339.576 192.834 337.746 193.774 336.22 195.11C334.769 196.484 333.879 198.347 333.72 200.34C333.608 202.32 334.256 204.269 335.53 205.79C336.147 206.571 336.886 207.246 337.72 207.79C338.516 208.327 339.427 208.67 340.38 208.79C340.804 208.837 341.232 208.757 341.61 208.56C341.779 208.469 341.923 208.338 342.03 208.18C342.09 208.11 342.12 208 342.18 207.92C342.24 207.84 342.18 207.76 342.23 207.69C342.23 207 341.55 206.14 340.84 205.5C339.303 204.199 337.576 203.14 335.72 202.36C332.022 200.659 327.964 199.886 323.9 200.11C321.891 200.245 319.931 200.789 318.14 201.71C316.353 202.636 314.809 203.969 313.63 205.6C312.993 206.386 312.43 207.229 311.95 208.12C311.701 208.562 311.487 209.024 311.31 209.5C311.092 209.954 310.911 210.426 310.77 210.91C310.166 212.851 309.886 214.878 309.94 216.91C310.092 221.035 311.194 225.07 313.16 228.7C312.087 226.925 311.231 225.028 310.61 223.05C309.969 221.066 309.579 219.01 309.45 216.93C309.346 214.832 309.586 212.731 310.16 210.71C310.302 210.201 310.479 209.704 310.69 209.22C310.868 208.725 311.082 208.244 311.33 207.78C311.803 206.838 312.366 205.944 313.01 205.11C314.226 203.352 315.849 201.915 317.74 200.92C319.629 199.936 321.697 199.344 323.82 199.18C328.042 198.912 332.266 199.685 336.12 201.43C338.074 202.259 339.886 203.389 341.49 204.78C341.898 205.151 342.266 205.563 342.59 206.01C342.969 206.514 343.17 207.129 343.16 207.76C343.117 208.096 342.99 208.416 342.79 208.69C342.603 208.959 342.357 209.181 342.07 209.34C341.531 209.626 340.917 209.741 340.31 209.67C339.207 209.532 338.154 209.131 337.24 208.5C336.335 207.905 335.531 207.169 334.86 206.32C333.47 204.643 332.786 202.492 332.95 200.32C333.174 198.155 334.184 196.148 335.79 194.68C337.418 193.32 339.355 192.379 341.43 191.94C343.468 191.496 345.557 191.325 347.64 191.43C349.713 191.507 351.77 191.822 353.77 192.37Z" fill="#3B3F5C"/>
+<path d="M291.86 127.67C291.195 125.278 291.062 122.769 291.47 120.32C291.825 117.832 292.701 115.447 294.04 113.32C295.369 111.167 297.246 109.407 299.48 108.22C301.743 107.07 304.263 106.52 306.8 106.62C309.323 106.714 311.802 107.312 314.09 108.38C316.414 109.402 318.486 110.921 320.16 112.83C321.074 113.818 321.636 115.08 321.76 116.42C321.773 117.163 321.493 117.881 320.98 118.42C320.487 118.919 319.879 119.29 319.21 119.5C318.519 119.701 317.781 119.669 317.11 119.41C316.476 119.155 315.899 118.777 315.41 118.3C314.496 117.388 313.752 116.321 313.21 115.15C312.136 112.864 311.46 110.413 311.21 107.9C310.931 105.405 311.009 102.883 311.44 100.41C312.222 95.3806 314.871 90.8312 318.86 87.6698C320.854 86.1349 323.131 85.0069 325.56 84.3498C327.982 83.7121 330.506 83.5491 332.99 83.8698C335.453 84.1939 337.857 84.8674 340.13 85.8698C342.405 86.8343 344.551 88.0771 346.52 89.5698C342.505 86.7675 337.862 84.9986 333 84.4198C330.58 84.1518 328.132 84.3556 325.79 85.0198C321.124 86.4151 317.18 89.5661 314.79 93.8098C313.63 95.928 312.835 98.227 312.44 100.61C311.606 105.394 312.208 110.318 314.17 114.76C314.662 115.833 315.339 116.811 316.17 117.65C316.517 118.059 316.967 118.367 317.473 118.543C317.98 118.719 318.524 118.756 319.05 118.65C319.564 118.488 320.031 118.203 320.41 117.82C320.584 117.642 320.721 117.43 320.812 117.199C320.903 116.967 320.947 116.719 320.94 116.47C320.815 115.347 320.331 114.295 319.56 113.47C317.98 111.66 316.025 110.216 313.83 109.24C311.632 108.211 309.254 107.62 306.83 107.5C304.415 107.372 302.007 107.857 299.83 108.91C297.67 110.003 295.837 111.649 294.52 113.68C293.169 115.718 292.238 118.005 291.781 120.407C291.324 122.809 291.351 125.278 291.86 127.67Z" fill="#3B3F5C"/>
+<path d="M175.87 381.92C175.068 381.669 174.21 381.661 173.404 381.897C172.598 382.133 171.88 382.602 171.341 383.246C170.801 383.89 170.465 384.679 170.374 385.514C170.283 386.349 170.441 387.193 170.829 387.938C171.217 388.683 171.817 389.296 172.553 389.701C173.289 390.105 174.129 390.282 174.966 390.209C175.803 390.137 176.599 389.818 177.255 389.293C177.911 388.768 178.396 388.061 178.65 387.26C178.989 386.183 178.886 385.016 178.365 384.015C177.844 383.013 176.946 382.26 175.87 381.92ZM178.16 387.1C177.938 387.803 177.513 388.425 176.938 388.887C176.363 389.349 175.664 389.63 174.929 389.694C174.194 389.759 173.457 389.604 172.81 389.25C172.163 388.895 171.636 388.357 171.295 387.703C170.954 387.049 170.815 386.309 170.894 385.575C170.974 384.842 171.269 384.149 171.743 383.584C172.217 383.018 172.847 382.606 173.555 382.399C174.263 382.192 175.016 382.199 175.72 382.42C176.663 382.719 177.449 383.379 177.906 384.256C178.364 385.133 178.455 386.156 178.16 387.1ZM175.87 381.92C175.068 381.669 174.21 381.661 173.404 381.897C172.598 382.133 171.88 382.602 171.341 383.246C170.801 383.89 170.465 384.679 170.374 385.514C170.283 386.349 170.441 387.193 170.829 387.938C171.217 388.683 171.817 389.296 172.553 389.701C173.289 390.105 174.129 390.282 174.966 390.209C175.803 390.137 176.599 389.818 177.255 389.293C177.911 388.768 178.396 388.061 178.65 387.26C178.989 386.183 178.886 385.016 178.365 384.015C177.844 383.013 176.946 382.26 175.87 381.92ZM178.16 387.1C177.938 387.803 177.513 388.425 176.938 388.887C176.363 389.349 175.664 389.63 174.929 389.694C174.194 389.759 173.457 389.604 172.81 389.25C172.163 388.895 171.636 388.357 171.295 387.703C170.954 387.049 170.815 386.309 170.894 385.575C170.974 384.842 171.269 384.149 171.743 383.584C172.217 383.018 172.847 382.606 173.555 382.399C174.263 382.192 175.016 382.199 175.72 382.42C176.663 382.719 177.449 383.379 177.906 384.256C178.364 385.133 178.455 386.156 178.16 387.1ZM175.87 381.92C175.068 381.669 174.21 381.661 173.404 381.897C172.598 382.133 171.88 382.602 171.341 383.246C170.801 383.89 170.465 384.679 170.374 385.514C170.283 386.349 170.441 387.193 170.829 387.938C171.217 388.683 171.817 389.296 172.553 389.701C173.289 390.105 174.129 390.282 174.966 390.209C175.803 390.137 176.599 389.818 177.255 389.293C177.911 388.768 178.396 388.061 178.65 387.26C178.989 386.183 178.886 385.016 178.365 384.015C177.844 383.013 176.946 382.26 175.87 381.92ZM178.16 387.1C177.938 387.803 177.513 388.425 176.938 388.887C176.363 389.349 175.664 389.63 174.929 389.694C174.194 389.759 173.457 389.604 172.81 389.25C172.163 388.895 171.636 388.357 171.295 387.703C170.954 387.049 170.815 386.309 170.894 385.575C170.974 384.842 171.269 384.149 171.743 383.584C172.217 383.018 172.847 382.606 173.555 382.399C174.263 382.192 175.016 382.199 175.72 382.42C176.663 382.719 177.449 383.379 177.906 384.256C178.364 385.133 178.455 386.156 178.16 387.1ZM177.29 377.43C175.592 376.886 173.77 376.859 172.056 377.352C170.342 377.845 168.813 378.836 167.664 380.2C166.514 381.564 165.796 383.238 165.599 385.011C165.403 386.783 165.738 388.574 166.561 390.156C167.385 391.738 168.66 393.04 170.224 393.896C171.789 394.752 173.572 395.124 175.348 394.965C177.125 394.806 178.814 394.122 180.201 393.002C181.588 391.881 182.611 390.373 183.14 388.67C183.844 386.404 183.624 383.951 182.528 381.846C181.433 379.741 179.55 378.154 177.29 377.43ZM179.29 387.43C178.998 388.356 178.438 389.175 177.681 389.782C176.924 390.39 176.004 390.76 175.036 390.845C174.069 390.93 173.098 390.726 172.247 390.259C171.395 389.793 170.702 389.084 170.253 388.223C169.804 387.362 169.621 386.387 169.726 385.422C169.831 384.456 170.22 383.544 170.844 382.8C171.468 382.056 172.298 381.513 173.23 381.241C174.162 380.968 175.154 380.979 176.08 381.27C176.697 381.464 177.269 381.779 177.764 382.195C178.259 382.611 178.667 383.121 178.964 383.695C179.261 384.269 179.442 384.897 179.497 385.541C179.551 386.185 179.477 386.834 179.28 387.45L179.29 387.43ZM178.66 387.24C178.914 386.438 178.924 385.579 178.69 384.772C178.456 383.965 177.987 383.245 177.343 382.704C176.7 382.163 175.91 381.825 175.075 381.732C174.239 381.64 173.395 381.798 172.648 382.186C171.902 382.573 171.288 383.174 170.883 383.91C170.479 384.647 170.301 385.488 170.374 386.325C170.447 387.163 170.767 387.96 171.293 388.616C171.819 389.272 172.528 389.757 173.33 390.01C174.4 390.344 175.559 390.242 176.555 389.727C177.551 389.213 178.303 388.326 178.65 387.26L178.66 387.24ZM178.17 387.08C177.948 387.783 177.523 388.405 176.948 388.867C176.373 389.329 175.674 389.61 174.939 389.674C174.204 389.739 173.467 389.584 172.82 389.23C172.173 388.875 171.646 388.337 171.305 387.683C170.964 387.029 170.825 386.289 170.904 385.555C170.984 384.822 171.279 384.129 171.753 383.564C172.227 382.998 172.857 382.586 173.565 382.379C174.273 382.172 175.026 382.179 175.73 382.4C176.198 382.549 176.633 382.788 177.008 383.105C177.384 383.422 177.693 383.81 177.919 384.246C178.145 384.683 178.282 385.16 178.323 385.649C178.365 386.139 178.309 386.632 178.16 387.1L178.17 387.08ZM175.88 381.9C175.078 381.649 174.22 381.641 173.414 381.877C172.608 382.113 171.89 382.582 171.351 383.226C170.811 383.87 170.475 384.659 170.384 385.494C170.293 386.329 170.451 387.173 170.839 387.918C171.227 388.663 171.827 389.276 172.563 389.681C173.299 390.085 174.139 390.262 174.976 390.189C175.813 390.117 176.609 389.798 177.265 389.273C177.921 388.748 178.406 388.041 178.66 387.24C178.992 386.164 178.885 385.001 178.362 384.004C177.84 383.008 176.944 382.258 175.87 381.92L175.88 381.9ZM178.17 387.08C177.948 387.783 177.523 388.405 176.948 388.867C176.373 389.329 175.674 389.61 174.939 389.674C174.204 389.739 173.467 389.584 172.82 389.23C172.173 388.875 171.646 388.337 171.305 387.683C170.964 387.029 170.825 386.289 170.904 385.555C170.984 384.822 171.279 384.129 171.753 383.564C172.227 382.998 172.857 382.586 173.565 382.379C174.273 382.172 175.026 382.179 175.73 382.4C176.198 382.549 176.633 382.788 177.008 383.105C177.384 383.422 177.693 383.81 177.919 384.246C178.145 384.683 178.282 385.16 178.323 385.649C178.365 386.139 178.309 386.632 178.16 387.1L178.17 387.08ZM175.88 381.9C175.078 381.649 174.22 381.641 173.414 381.877C172.608 382.113 171.89 382.582 171.351 383.226C170.811 383.87 170.475 384.659 170.384 385.494C170.293 386.329 170.451 387.173 170.839 387.918C171.227 388.663 171.827 389.276 172.563 389.681C173.299 390.085 174.139 390.262 174.976 390.189C175.813 390.117 176.609 389.798 177.265 389.273C177.921 388.748 178.406 388.041 178.66 387.24C178.992 386.164 178.885 385.001 178.362 384.004C177.84 383.008 176.944 382.258 175.87 381.92L175.88 381.9ZM178.17 387.08C177.948 387.783 177.523 388.405 176.948 388.867C176.373 389.329 175.674 389.61 174.939 389.674C174.204 389.739 173.467 389.584 172.82 389.23C172.173 388.875 171.646 388.337 171.305 387.683C170.964 387.029 170.825 386.289 170.904 385.555C170.984 384.822 171.279 384.129 171.753 383.564C172.227 382.998 172.857 382.586 173.565 382.379C174.273 382.172 175.026 382.179 175.73 382.4C176.198 382.549 176.633 382.788 177.008 383.105C177.384 383.422 177.693 383.81 177.919 384.246C178.145 384.683 178.282 385.16 178.323 385.649C178.365 386.139 178.309 386.632 178.16 387.1L178.17 387.08Z" fill="#506690"/>
+<path d="M173.66 394.69L170.37 393.65L169.82 396.04L172.74 396.96L173.66 394.69Z" fill="#506690"/>
+<path d="M167.75 391.61L166.16 388.55L164.08 389.85L165.5 392.57L167.75 391.61Z" fill="#506690"/>
+<path d="M165.75 385.26L166.79 381.97L164.4 381.42L163.48 384.34L165.75 385.26Z" fill="#506690"/>
+<path d="M168.83 379.35L171.88 377.76L170.59 375.68L167.87 377.1L168.83 379.35Z" fill="#506690"/>
+<path d="M175.18 377.35L178.47 378.38L179.02 376L176.1 375.08L175.18 377.35Z" fill="#506690"/>
+<path d="M181.09 380.43L182.68 383.48L184.76 382.19L183.34 379.47L181.09 380.43Z" fill="#506690"/>
+<path d="M183.09 386.78L182.05 390.07L184.44 390.62L185.36 387.7L183.09 386.78Z" fill="#506690"/>
+<path d="M180.01 392.69L176.95 394.28L178.25 396.36L180.97 394.94L180.01 392.69Z" fill="#506690"/>
+<path d="M341.67 353.35C343.285 351.174 344.219 348.568 344.353 345.861C344.486 343.154 343.814 340.469 342.422 338.144C341.029 335.819 338.978 333.96 336.529 332.801C334.079 331.642 331.341 331.235 328.661 331.632C325.98 332.03 323.477 333.213 321.469 335.033C319.461 336.853 318.038 339.227 317.38 341.856C316.721 344.485 316.857 347.25 317.771 349.801C318.684 352.353 320.333 354.576 322.51 356.19C325.428 358.353 329.085 359.269 332.678 358.736C336.271 358.204 339.505 356.266 341.67 353.35ZM335.81 349C335.055 350.016 334.016 350.786 332.824 351.212C331.632 351.638 330.34 351.701 329.112 351.393C327.884 351.084 326.775 350.419 325.926 349.48C325.076 348.541 324.524 347.372 324.339 346.119C324.155 344.867 324.346 343.587 324.888 342.444C325.43 341.3 326.3 340.342 327.387 339.692C328.473 339.043 329.728 338.73 330.992 338.793C332.257 338.857 333.474 339.294 334.49 340.05C335.165 340.55 335.735 341.179 336.167 341.9C336.599 342.621 336.884 343.42 337.007 344.251C337.129 345.082 337.087 345.93 336.881 346.745C336.676 347.559 336.312 348.326 335.81 349Z" fill="#3B3F5C"/>
+<path d="M324.96 357.3L320.73 354.16L318.75 357.33L322.51 360.12L324.96 357.3Z" fill="#3B3F5C"/>
+<path d="M317.97 349.9L317.2 344.69L313.55 345.52L314.24 350.16L317.97 349.9Z" fill="#3B3F5C"/>
+<path d="M318.26 339.72L321.4 335.49L318.23 333.5L315.44 337.26L318.26 339.72Z" fill="#3B3F5C"/>
+<path d="M325.66 332.73L330.87 331.96L330.04 328.31L325.4 329L325.66 332.73Z" fill="#3B3F5C"/>
+<path d="M335.84 333.01L340.07 336.15L342.05 332.99L338.29 330.19L335.84 333.01Z" fill="#3B3F5C"/>
+<path d="M342.83 340.42L343.6 345.63L347.25 344.79L346.56 340.16L342.83 340.42Z" fill="#3B3F5C"/>
+<path d="M342.54 350.59L339.4 354.82L342.57 356.81L345.36 353.05L342.54 350.59Z" fill="#3B3F5C"/>
+<path d="M335.14 357.59L329.93 358.36L330.76 362L335.4 361.32L335.14 357.59Z" fill="#3B3F5C"/>
+<path d="M325.77 345.84L328.68 349.51L333.31 348.82L335.03 344.47L332.12 340.8L327.49 341.49L325.77 345.84ZM331.28 343.97C331.436 344.086 331.568 344.232 331.668 344.399C331.768 344.566 331.834 344.751 331.862 344.944C331.891 345.137 331.881 345.333 331.833 345.522C331.786 345.711 331.701 345.889 331.585 346.045C331.469 346.201 331.323 346.333 331.156 346.433C330.989 346.533 330.803 346.599 330.611 346.627C330.418 346.655 330.222 346.645 330.033 346.598C329.844 346.55 329.666 346.466 329.51 346.35C329.195 346.113 328.987 345.761 328.931 345.372C328.875 344.982 328.975 344.586 329.21 344.27C329.328 344.115 329.475 343.986 329.643 343.889C329.811 343.792 329.996 343.729 330.189 343.704C330.381 343.678 330.577 343.692 330.764 343.743C330.951 343.793 331.127 343.881 331.28 344V343.97Z" fill="#3B3F5C"/>
+<path d="M351.94 86.5999C351.238 86.379 350.487 86.3712 349.781 86.5772C349.075 86.7833 348.446 87.194 347.973 87.7575C347.5 88.3211 347.205 89.0121 347.125 89.7432C347.045 90.4744 347.184 91.2129 347.523 91.8654C347.863 92.5179 348.388 93.0551 349.033 93.4091C349.677 93.7631 350.413 93.918 351.145 93.8543C351.878 93.7905 352.576 93.511 353.15 93.051C353.724 92.591 354.148 91.9712 354.37 91.2699C354.519 90.8037 354.574 90.3128 354.532 89.8253C354.49 89.3377 354.353 88.8633 354.127 88.4292C353.901 87.9952 353.592 87.6101 353.216 87.2961C352.841 86.9821 352.407 86.7455 351.94 86.5999ZM353.94 91.1299C353.746 91.7469 353.372 92.2925 352.868 92.6973C352.363 93.1022 351.75 93.3483 351.105 93.4045C350.461 93.4606 349.814 93.3243 349.247 93.0128C348.68 92.7012 348.218 92.2285 347.92 91.6543C347.621 91.0802 347.5 90.4305 347.571 89.7874C347.642 89.1443 347.903 88.5368 348.319 88.0417C348.736 87.5466 349.29 87.1862 349.911 87.0061C350.532 86.826 351.193 86.8343 351.81 87.0299C352.636 87.2918 353.324 87.8706 353.723 88.6393C354.122 89.408 354.2 90.3037 353.94 91.1299ZM351.94 86.5999C351.238 86.379 350.487 86.3712 349.781 86.5772C349.075 86.7833 348.446 87.194 347.973 87.7575C347.5 88.3211 347.205 89.0121 347.125 89.7432C347.045 90.4744 347.184 91.2129 347.523 91.8654C347.863 92.5179 348.388 93.0551 349.033 93.4091C349.677 93.7631 350.413 93.918 351.145 93.8543C351.878 93.7905 352.576 93.511 353.15 93.051C353.724 92.591 354.148 91.9712 354.37 91.2699C354.519 90.8037 354.574 90.3128 354.532 89.8253C354.49 89.3377 354.353 88.8633 354.127 88.4292C353.901 87.9952 353.592 87.6101 353.216 87.2961C352.841 86.9821 352.407 86.7455 351.94 86.5999ZM353.94 91.1299C353.746 91.7469 353.372 92.2925 352.868 92.6973C352.363 93.1022 351.75 93.3483 351.105 93.4045C350.461 93.4606 349.814 93.3243 349.247 93.0128C348.68 92.7012 348.218 92.2285 347.92 91.6543C347.621 91.0802 347.5 90.4305 347.571 89.7874C347.642 89.1443 347.903 88.5368 348.319 88.0417C348.736 87.5466 349.29 87.1862 349.911 87.0061C350.532 86.826 351.193 86.8343 351.81 87.0299C352.636 87.2918 353.324 87.8706 353.723 88.6393C354.122 89.408 354.2 90.3037 353.94 91.1299ZM351.94 86.5999C351.238 86.379 350.487 86.3712 349.781 86.5772C349.075 86.7833 348.446 87.194 347.973 87.7575C347.5 88.3211 347.205 89.0121 347.125 89.7432C347.045 90.4744 347.184 91.2129 347.523 91.8654C347.863 92.5179 348.388 93.0551 349.033 93.4091C349.677 93.7631 350.413 93.918 351.145 93.8543C351.878 93.7905 352.576 93.511 353.15 93.051C353.724 92.591 354.148 91.9712 354.37 91.2699C354.519 90.8037 354.574 90.3128 354.532 89.8253C354.49 89.3377 354.353 88.8633 354.127 88.4292C353.901 87.9952 353.592 87.6101 353.216 87.2961C352.841 86.9821 352.407 86.7455 351.94 86.5999ZM353.94 91.1299C353.746 91.7469 353.372 92.2925 352.868 92.6973C352.363 93.1022 351.75 93.3483 351.105 93.4045C350.461 93.4606 349.814 93.3243 349.247 93.0128C348.68 92.7012 348.218 92.2285 347.92 91.6543C347.621 91.0802 347.5 90.4305 347.571 89.7874C347.642 89.1443 347.903 88.5368 348.319 88.0417C348.736 87.5466 349.29 87.1862 349.911 87.0061C350.532 86.826 351.193 86.8343 351.81 87.0299C352.636 87.2918 353.324 87.8706 353.723 88.6393C354.122 89.408 354.2 90.3037 353.94 91.1299ZM353.18 82.6699C351.701 82.2041 350.118 82.1871 348.629 82.6211C347.141 83.0552 345.815 83.9207 344.818 85.1084C343.822 86.296 343.2 87.7524 343.031 89.2935C342.862 90.8346 343.154 92.3911 343.87 93.7664C344.585 95.1417 345.692 96.2739 347.051 97.02C348.41 97.7661 349.96 98.0925 351.504 97.9581C353.049 97.8236 354.519 97.2342 355.728 96.2645C356.938 95.2947 357.833 93.9881 358.3 92.5099C358.924 90.5261 358.736 88.3756 357.776 86.5307C356.816 84.6859 355.163 83.2973 353.18 82.6699ZM354.92 91.4399C354.664 92.2515 354.174 92.969 353.51 93.5016C352.847 94.0342 352.04 94.358 351.192 94.432C350.345 94.5059 349.494 94.3267 348.748 93.917C348.002 93.5073 347.395 92.8856 347.003 92.1305C346.611 91.3754 346.451 90.5209 346.545 89.6752C346.638 88.8294 346.981 88.0305 347.529 87.3795C348.077 86.7284 348.805 86.2546 349.623 86.0179C350.44 85.7812 351.309 85.7924 352.12 86.0499C353.205 86.3945 354.11 87.1555 354.634 88.166C355.159 89.1764 355.262 90.3538 354.92 91.4399ZM354.37 91.2699C354.592 90.5679 354.6 89.8161 354.394 89.1094C354.188 88.4027 353.777 87.773 353.213 87.3C352.649 86.827 351.958 86.5319 351.226 86.4521C350.494 86.3723 349.755 86.5113 349.103 86.8517C348.45 87.192 347.913 87.7183 347.559 88.364C347.206 89.0097 347.052 89.7457 347.117 90.4788C347.182 91.212 347.463 91.9095 347.925 92.4828C348.386 93.0562 349.008 93.4797 349.71 93.6999C350.65 93.9945 351.669 93.9042 352.543 93.4486C353.416 92.993 354.073 92.2095 354.37 91.2699ZM353.94 91.1299C353.746 91.7469 353.372 92.2925 352.868 92.6973C352.363 93.1022 351.75 93.3483 351.105 93.4045C350.461 93.4606 349.814 93.3243 349.247 93.0128C348.68 92.7012 348.218 92.2285 347.92 91.6543C347.621 91.0802 347.5 90.4305 347.571 89.7874C347.642 89.1443 347.903 88.5368 348.319 88.0417C348.736 87.5466 349.29 87.1862 349.911 87.0061C350.532 86.826 351.193 86.8343 351.81 87.0299C352.636 87.2918 353.324 87.8706 353.723 88.6393C354.122 89.408 354.2 90.3037 353.94 91.1299ZM351.94 86.5999C351.238 86.379 350.487 86.3712 349.781 86.5772C349.075 86.7833 348.446 87.194 347.973 87.7575C347.5 88.3211 347.205 89.0121 347.125 89.7432C347.045 90.4744 347.184 91.2129 347.523 91.8654C347.863 92.5179 348.388 93.0551 349.033 93.4091C349.677 93.7631 350.413 93.918 351.145 93.8543C351.878 93.7905 352.576 93.511 353.15 93.051C353.724 92.591 354.148 91.9712 354.37 91.2699C354.519 90.8037 354.574 90.3128 354.532 89.8253C354.49 89.3377 354.353 88.8633 354.127 88.4292C353.901 87.9952 353.592 87.6101 353.216 87.2961C352.841 86.9821 352.407 86.7455 351.94 86.5999ZM353.94 91.1299C353.746 91.7469 353.372 92.2925 352.868 92.6973C352.363 93.1022 351.75 93.3483 351.105 93.4045C350.461 93.4606 349.814 93.3243 349.247 93.0128C348.68 92.7012 348.218 92.2285 347.92 91.6543C347.621 91.0802 347.5 90.4305 347.571 89.7874C347.642 89.1443 347.903 88.5368 348.319 88.0417C348.736 87.5466 349.29 87.1862 349.911 87.0061C350.532 86.826 351.193 86.8343 351.81 87.0299C352.636 87.2918 353.324 87.8706 353.723 88.6393C354.122 89.408 354.2 90.3037 353.94 91.1299ZM351.94 86.5999C351.238 86.379 350.487 86.3712 349.781 86.5772C349.075 86.7833 348.446 87.194 347.973 87.7575C347.5 88.3211 347.205 89.0121 347.125 89.7432C347.045 90.4744 347.184 91.2129 347.523 91.8654C347.863 92.5179 348.388 93.0551 349.033 93.4091C349.677 93.7631 350.413 93.918 351.145 93.8543C351.878 93.7905 352.576 93.511 353.15 93.051C353.724 92.591 354.148 91.9712 354.37 91.2699C354.519 90.8037 354.574 90.3128 354.532 89.8253C354.49 89.3377 354.353 88.8633 354.127 88.4292C353.901 87.9952 353.592 87.6101 353.216 87.2961C352.841 86.9821 352.407 86.7455 351.94 86.5999ZM353.94 91.1299C353.746 91.7469 353.372 92.2925 352.868 92.6973C352.363 93.1022 351.75 93.3483 351.105 93.4045C350.461 93.4606 349.814 93.3243 349.247 93.0128C348.68 92.7012 348.218 92.2285 347.92 91.6543C347.621 91.0802 347.5 90.4305 347.571 89.7874C347.642 89.1443 347.903 88.5368 348.319 88.0417C348.736 87.5466 349.29 87.1862 349.911 87.0061C350.532 86.826 351.193 86.8343 351.81 87.0299C352.636 87.2918 353.324 87.8706 353.723 88.6393C354.122 89.408 354.2 90.3037 353.94 91.1299Z" fill="#3B3F5C"/>
+<path d="M350 97.7696L347.13 96.8696L346.64 98.9496L349.2 99.7596L350 97.7696Z" fill="#3B3F5C"/>
+<path d="M344.83 95.0799L343.44 92.3999L341.63 93.5399L342.86 95.9199L344.83 95.0799Z" fill="#3B3F5C"/>
+<path d="M343.08 89.5197L343.99 86.6397L341.9 86.1597L341.1 88.7197L343.08 89.5197Z" fill="#3B3F5C"/>
+<path d="M345.78 84.3496L348.45 82.9596L347.32 81.1396L344.94 82.3796L345.78 84.3496Z" fill="#3B3F5C"/>
+<path d="M351.34 82.5999L354.21 83.4999L354.7 81.4199L352.14 80.6099L351.34 82.5999Z" fill="#3B3F5C"/>
+<path d="M356.51 85.2897L357.9 87.9697L359.72 86.8297L358.48 84.4497L356.51 85.2897Z" fill="#3B3F5C"/>
+<path d="M358.26 90.8501L357.35 93.7301L359.44 94.2101L360.24 91.6501L358.26 90.8501Z" fill="#3B3F5C"/>
+<path d="M355.56 96.02L352.89 97.42L354.02 99.23L356.4 97.99L355.56 96.02Z" fill="#3B3F5C"/>
+<path d="M313.73 229.47C313.028 229.248 312.276 229.24 311.57 229.446C310.863 229.652 310.233 230.063 309.76 230.627C309.287 231.191 308.992 231.882 308.912 232.614C308.832 233.346 308.971 234.085 309.312 234.737C309.652 235.39 310.178 235.927 310.824 236.28C311.47 236.634 312.206 236.788 312.939 236.723C313.672 236.658 314.37 236.377 314.943 235.915C315.516 235.453 315.94 234.832 316.16 234.13C316.455 233.19 316.364 232.171 315.909 231.297C315.453 230.424 314.67 229.766 313.73 229.47ZM315.73 234C315.536 234.617 315.162 235.162 314.658 235.567C314.153 235.972 313.54 236.218 312.895 236.274C312.251 236.33 311.604 236.194 311.037 235.883C310.47 235.571 310.008 235.098 309.71 234.524C309.411 233.95 309.29 233.3 309.361 232.657C309.432 232.014 309.693 231.407 310.109 230.912C310.526 230.416 311.08 230.056 311.701 229.876C312.322 229.696 312.983 229.704 313.6 229.9C314.009 230.029 314.388 230.238 314.716 230.515C315.043 230.791 315.314 231.129 315.511 231.51C315.707 231.891 315.827 232.307 315.863 232.734C315.899 233.161 315.851 233.591 315.72 234H315.73ZM313.73 229.47C313.028 229.248 312.276 229.24 311.57 229.446C310.863 229.652 310.233 230.063 309.76 230.627C309.287 231.191 308.992 231.882 308.912 232.614C308.832 233.346 308.971 234.085 309.312 234.737C309.652 235.39 310.178 235.927 310.824 236.28C311.47 236.634 312.206 236.788 312.939 236.723C313.672 236.658 314.37 236.377 314.943 235.915C315.516 235.453 315.94 234.832 316.16 234.13C316.455 233.19 316.364 232.171 315.909 231.297C315.453 230.424 314.67 229.766 313.73 229.47ZM315.73 234C315.536 234.617 315.162 235.162 314.658 235.567C314.153 235.972 313.54 236.218 312.895 236.274C312.251 236.33 311.604 236.194 311.037 235.883C310.47 235.571 310.008 235.098 309.71 234.524C309.411 233.95 309.29 233.3 309.361 232.657C309.432 232.014 309.693 231.407 310.109 230.912C310.526 230.416 311.08 230.056 311.701 229.876C312.322 229.696 312.983 229.704 313.6 229.9C314.009 230.029 314.388 230.238 314.716 230.515C315.043 230.791 315.314 231.129 315.511 231.51C315.707 231.891 315.827 232.307 315.863 232.734C315.899 233.161 315.851 233.591 315.72 234H315.73ZM313.73 229.47C313.028 229.248 312.276 229.24 311.57 229.446C310.863 229.652 310.233 230.063 309.76 230.627C309.287 231.191 308.992 231.882 308.912 232.614C308.832 233.346 308.971 234.085 309.312 234.737C309.652 235.39 310.178 235.927 310.824 236.28C311.47 236.634 312.206 236.788 312.939 236.723C313.672 236.658 314.37 236.377 314.943 235.915C315.516 235.453 315.94 234.832 316.16 234.13C316.455 233.19 316.364 232.171 315.909 231.297C315.453 230.424 314.67 229.766 313.73 229.47ZM315.73 234C315.536 234.617 315.162 235.162 314.658 235.567C314.153 235.972 313.54 236.218 312.895 236.274C312.251 236.33 311.604 236.194 311.037 235.883C310.47 235.571 310.008 235.098 309.71 234.524C309.411 233.95 309.29 233.3 309.361 232.657C309.432 232.014 309.693 231.407 310.109 230.912C310.526 230.416 311.08 230.056 311.701 229.876C312.322 229.696 312.983 229.704 313.6 229.9C314.009 230.029 314.388 230.238 314.716 230.515C315.043 230.791 315.314 231.129 315.511 231.51C315.707 231.891 315.827 232.307 315.863 232.734C315.899 233.161 315.851 233.591 315.72 234H315.73ZM314.98 225.53C313.501 225.064 311.918 225.047 310.429 225.481C308.941 225.915 307.615 226.781 306.618 227.968C305.622 229.156 305 230.612 304.831 232.153C304.662 233.694 304.954 235.251 305.67 236.626C306.385 238.002 307.492 239.134 308.851 239.88C310.21 240.626 311.76 240.952 313.304 240.818C314.849 240.683 316.319 240.094 317.528 239.124C318.738 238.155 319.633 236.848 320.1 235.37C320.725 233.389 320.539 231.24 319.583 229.396C318.627 227.552 316.979 226.161 315 225.53H314.98ZM316.72 234.31C316.465 235.121 315.975 235.839 315.312 236.372C314.649 236.905 313.843 237.229 312.996 237.304C312.149 237.379 311.298 237.201 310.552 236.792C309.806 236.384 309.198 235.763 308.805 235.009C308.412 234.255 308.251 233.401 308.343 232.555C308.435 231.709 308.776 230.91 309.323 230.258C309.869 229.606 310.597 229.131 311.413 228.893C312.23 228.655 313.099 228.664 313.91 228.92C314.995 229.264 315.9 230.025 316.424 231.036C316.949 232.046 317.052 233.224 316.71 234.31H316.72ZM316.17 234.13C316.391 233.428 316.399 232.677 316.193 231.971C315.987 231.265 315.576 230.636 315.012 230.163C314.449 229.69 313.758 229.395 313.027 229.315C312.295 229.235 311.557 229.373 310.905 229.713C310.252 230.052 309.715 230.578 309.361 231.222C309.007 231.867 308.852 232.602 308.916 233.335C308.979 234.068 309.259 234.765 309.719 235.339C310.179 235.913 310.799 236.338 311.5 236.56C312.44 236.854 313.459 236.764 314.333 236.308C315.206 235.853 315.863 235.069 316.16 234.13H316.17ZM315.73 234C315.536 234.617 315.162 235.162 314.658 235.567C314.153 235.972 313.54 236.218 312.895 236.274C312.251 236.33 311.604 236.194 311.037 235.883C310.47 235.571 310.008 235.098 309.71 234.524C309.411 233.95 309.29 233.3 309.361 232.657C309.432 232.014 309.693 231.407 310.109 230.912C310.526 230.416 311.08 230.056 311.701 229.876C312.322 229.696 312.983 229.704 313.6 229.9C314.009 230.029 314.388 230.238 314.716 230.515C315.043 230.791 315.314 231.129 315.511 231.51C315.707 231.891 315.827 232.307 315.863 232.734C315.899 233.161 315.851 233.591 315.72 234H315.73ZM313.73 229.47C313.028 229.248 312.276 229.24 311.57 229.446C310.863 229.652 310.233 230.063 309.76 230.627C309.287 231.191 308.992 231.882 308.912 232.614C308.832 233.346 308.971 234.085 309.312 234.737C309.652 235.39 310.178 235.927 310.824 236.28C311.47 236.634 312.206 236.788 312.939 236.723C313.672 236.658 314.37 236.377 314.943 235.915C315.516 235.453 315.94 234.832 316.16 234.13C316.455 233.19 316.364 232.171 315.909 231.297C315.453 230.424 314.67 229.766 313.73 229.47ZM315.73 234C315.536 234.617 315.162 235.162 314.658 235.567C314.153 235.972 313.54 236.218 312.895 236.274C312.251 236.33 311.604 236.194 311.037 235.883C310.47 235.571 310.008 235.098 309.71 234.524C309.411 233.95 309.29 233.3 309.361 232.657C309.432 232.014 309.693 231.407 310.109 230.912C310.526 230.416 311.08 230.056 311.701 229.876C312.322 229.696 312.983 229.704 313.6 229.9C314.009 230.029 314.388 230.238 314.716 230.515C315.043 230.791 315.314 231.129 315.511 231.51C315.707 231.891 315.827 232.307 315.863 232.734C315.899 233.161 315.851 233.591 315.72 234H315.73ZM313.73 229.47C313.028 229.248 312.276 229.24 311.57 229.446C310.863 229.652 310.233 230.063 309.76 230.627C309.287 231.191 308.992 231.882 308.912 232.614C308.832 233.346 308.971 234.085 309.312 234.737C309.652 235.39 310.178 235.927 310.824 236.28C311.47 236.634 312.206 236.788 312.939 236.723C313.672 236.658 314.37 236.377 314.943 235.915C315.516 235.453 315.94 234.832 316.16 234.13C316.455 233.19 316.364 232.171 315.909 231.297C315.453 230.424 314.67 229.766 313.73 229.47ZM315.73 234C315.536 234.617 315.162 235.162 314.658 235.567C314.153 235.972 313.54 236.218 312.895 236.274C312.251 236.33 311.604 236.194 311.037 235.883C310.47 235.571 310.008 235.098 309.71 234.524C309.411 233.95 309.29 233.3 309.361 232.657C309.432 232.014 309.693 231.407 310.109 230.912C310.526 230.416 311.08 230.056 311.701 229.876C312.322 229.696 312.983 229.704 313.6 229.9C314.009 230.029 314.388 230.238 314.716 230.515C315.043 230.791 315.314 231.129 315.511 231.51C315.707 231.891 315.827 232.307 315.863 232.734C315.899 233.161 315.851 233.591 315.72 234H315.73Z" fill="#3B3F5C"/>
+<path d="M311.79 240.64L308.91 239.73L308.43 241.82L310.99 242.62L311.79 240.64Z" fill="#3B3F5C"/>
+<path d="M306.62 237.94L305.23 235.27L303.41 236.4L304.65 238.78L306.62 237.94Z" fill="#3B3F5C"/>
+<path d="M304.87 232.38L305.77 229.51L303.69 229.03L302.88 231.58L304.87 232.38Z" fill="#3B3F5C"/>
+<path d="M307.56 227.21L310.24 225.82L309.1 224L306.72 225.24L307.56 227.21Z" fill="#3B3F5C"/>
+<path d="M313.12 225.46L316 226.37L316.48 224.28L313.92 223.48L313.12 225.46Z" fill="#3B3F5C"/>
+<path d="M318.29 228.16L319.68 230.83L321.5 229.7L320.26 227.32L318.29 228.16Z" fill="#3B3F5C"/>
+<path d="M320.04 233.72L319.13 236.59L321.22 237.08L322.03 234.52L320.04 233.72Z" fill="#3B3F5C"/>
+<path d="M317.35 238.89L314.67 240.28L315.81 242.1L318.19 240.86L317.35 238.89Z" fill="#3B3F5C"/>
+<path d="M95 117C95.5506 114.735 95.4171 112.357 94.6165 110.167C93.8159 107.977 92.384 106.074 90.502 104.698C88.6199 103.322 86.3721 102.535 84.0428 102.436C81.7134 102.338 79.4071 102.932 77.4153 104.144C75.4236 105.355 73.8358 107.131 72.8528 109.245C71.8697 111.359 71.5355 113.717 71.8925 116.021C72.2494 118.325 73.2813 120.471 74.8579 122.189C76.4345 123.906 78.485 125.118 80.75 125.67C83.7893 126.409 86.9975 125.91 89.6695 124.284C92.3415 122.659 94.2588 120.039 95 117ZM88.89 115.51C88.6307 116.571 88.0623 117.53 87.2568 118.267C86.4513 119.004 85.4451 119.485 84.3658 119.649C83.2865 119.813 82.1828 119.653 81.1947 119.189C80.2066 118.724 79.3787 117.977 78.816 117.042C78.2533 116.106 77.9812 115.025 78.0341 113.934C78.0871 112.844 78.4628 111.794 79.1136 110.917C79.7643 110.041 80.6608 109.377 81.6892 109.011C82.7177 108.645 83.8317 108.592 84.89 108.86C86.302 109.21 87.5178 110.105 88.2712 111.35C89.0246 112.594 89.2543 114.087 88.91 115.5L88.89 115.51Z" fill="#3B3F5C"/>
+<path d="M83.09 125.72L78.68 124.65L78.17 127.83L82.08 128.78L83.09 125.72Z" fill="#3B3F5C"/>
+<path d="M75.06 122.19L72.7 118.32L70.09 120.2L72.19 123.65L75.06 122.19Z" fill="#3B3F5C"/>
+<path d="M71.88 114.02L72.95 109.62L69.78 109.1L68.82 113.02L71.88 114.02Z" fill="#3B3F5C"/>
+<path d="M75.41 106L79.28 103.64L77.4 101.03L73.96 103.13L75.41 106Z" fill="#3B3F5C"/>
+<path d="M83.58 102.82L87.99 103.89L88.5 100.71L84.58 99.7598L83.58 102.82Z" fill="#3B3F5C"/>
+<path d="M91.61 106.35L93.96 110.22L96.58 108.34L94.48 104.89L91.61 106.35Z" fill="#3B3F5C"/>
+<path d="M94.79 114.52L93.71 118.92L96.89 119.44L97.85 115.52L94.79 114.52Z" fill="#3B3F5C"/>
+<path d="M91.26 122.54L87.38 124.9L89.27 127.51L92.71 125.42L91.26 122.54Z" fill="#3B3F5C"/>
+<path d="M79.89 116.37L83.43 118.3L86.87 116.2L86.78 112.2L83.24 110.26L79.8 112.35L79.89 116.37ZM83.64 113C83.8856 113.06 84.1078 113.192 84.2785 113.379C84.4492 113.566 84.5607 113.799 84.5989 114.049C84.6372 114.299 84.6005 114.555 84.4934 114.784C84.3863 115.013 84.2137 115.206 83.9974 115.337C83.7811 115.468 83.5307 115.532 83.2779 115.521C83.0252 115.51 82.7813 115.425 82.5772 115.275C82.3731 115.126 82.2179 114.919 82.1312 114.681C82.0445 114.444 82.0301 114.186 82.09 113.94C82.1728 113.611 82.3819 113.328 82.672 113.152C82.9622 112.976 83.3099 112.921 83.64 113Z" fill="#3B3F5C"/>
+<path d="M361.59 238.94C358.883 234.926 357.422 230.202 357.39 225.36C357.39 208.17 376.27 194.23 399.55 194.23C422.83 194.23 441.69 208.17 441.69 225.36C441.69 242.55 422.83 256.5 399.55 256.5C388.26 256.5 378.03 253.23 370.47 247.89L356 251.58L361.59 238.94Z" fill="#506690"/>
+<path d="M361.59 238.94C358.951 235.155 357.458 230.69 357.291 226.078C357.125 221.467 358.291 216.905 360.65 212.94C363.003 208.976 366.161 205.549 369.92 202.88C373.645 200.174 377.772 198.072 382.15 196.65C386.517 195.229 391.04 194.339 395.62 194C400.205 193.693 404.81 193.927 409.34 194.7C410.47 194.93 411.61 195.08 412.72 195.38L416.05 196.28L419.3 197.42C420.38 197.81 421.41 198.34 422.47 198.79C426.658 200.743 430.485 203.391 433.79 206.62C437.125 209.87 439.626 213.876 441.08 218.3C442.486 222.772 442.535 227.56 441.22 232.06C439.84 236.508 437.4 240.554 434.11 243.85C430.856 247.139 427.061 249.845 422.89 251.85C418.74 253.853 414.331 255.267 409.79 256.05C405.267 256.854 400.665 257.116 396.08 256.83C391.496 256.555 386.966 255.695 382.6 254.27C378.226 252.864 374.092 250.8 370.34 248.15H370.52L356 251.69L355.78 251.74L355.88 251.54L361.59 238.94ZM361.59 238.94L356.05 251.62L355.92 251.47L370.41 247.67H370.51L370.6 247.73C378.187 252.775 387.016 255.636 396.12 256C400.646 256.245 405.185 255.946 409.64 255.11C414.097 254.343 418.425 252.96 422.5 251C426.57 249.037 430.273 246.392 433.45 243.18C436.624 239.99 438.972 236.073 440.29 231.77C441.543 227.454 441.487 222.864 440.13 218.58C438.743 214.304 436.341 210.427 433.13 207.28C429.925 204.115 426.205 201.518 422.13 199.6C421.13 199.16 420.13 198.6 419.02 198.25L415.83 197.11L412.56 196.22C411.47 195.93 410.35 195.77 409.24 195.54C404.777 194.774 400.24 194.525 395.72 194.8C391.2 195.104 386.734 195.957 382.42 197.34C378.095 198.696 374.009 200.72 370.31 203.34C366.595 205.944 363.451 209.279 361.07 213.14C358.707 217.041 357.49 221.529 357.56 226.09C357.686 230.664 359.081 235.113 361.59 238.94Z" fill="#3B3F5C"/>
+<path d="M377.86 230.46V232.78H368.43V219.19H377.69V221.51H371.07V224.78H376.79V226.92H371.07V230.46H377.86Z" fill="white"/>
+<path d="M379.93 232.78V219.19H385.93C386.529 219.185 387.121 219.318 387.66 219.58C388.175 219.825 388.64 220.164 389.03 220.58C389.412 221.007 389.717 221.498 389.93 222.03C390.182 222.679 390.283 223.376 390.224 224.07C390.165 224.763 389.948 225.433 389.59 226.03C389.177 226.729 388.549 227.276 387.8 227.59L390.9 232.7H387.9L385.12 228.14H382.52V232.7L379.93 232.78ZM382.57 225.91H385.88C386.117 225.909 386.351 225.851 386.56 225.74C386.772 225.62 386.959 225.461 387.11 225.27C387.267 225.058 387.389 224.821 387.47 224.57C387.559 224.292 387.603 224.002 387.6 223.71C387.603 223.41 387.552 223.112 387.45 222.83C387.356 222.574 387.217 222.337 387.04 222.13C386.877 221.938 386.676 221.782 386.45 221.67C386.239 221.565 386.006 221.511 385.77 221.51H382.57V225.91Z" fill="white"/>
+<path d="M392.65 232.78V219.19H398.65C399.252 219.184 399.848 219.317 400.39 219.58C400.901 219.827 401.362 220.166 401.75 220.58C402.139 221.002 402.445 221.494 402.65 222.03C402.866 222.55 402.978 223.107 402.98 223.67C402.99 224.516 402.761 225.347 402.32 226.07C401.905 226.767 401.278 227.314 400.53 227.63L403.63 232.74H400.63L397.86 228.18H395.26V232.74L392.65 232.78ZM395.3 225.91H398.61C398.847 225.909 399.081 225.851 399.29 225.74C399.501 225.622 399.685 225.462 399.83 225.27C399.991 225.06 400.113 224.823 400.19 224.57C400.283 224.292 400.33 224.002 400.33 223.71C400.333 223.41 400.282 223.112 400.18 222.83C400.082 222.573 399.94 222.336 399.76 222.13C399.597 221.938 399.396 221.781 399.17 221.67C398.959 221.564 398.726 221.509 398.49 221.51H395.3V225.91Z" fill="white"/>
+<path d="M411.18 232.87C410.244 232.885 409.318 232.687 408.47 232.29C407.68 231.917 406.973 231.39 406.39 230.74C405.804 230.096 405.345 229.346 405.04 228.53C404.723 227.717 404.56 226.852 404.56 225.98C404.558 225.088 404.732 224.205 405.07 223.38C405.394 222.567 405.865 221.821 406.46 221.18C407.061 220.54 407.781 220.023 408.58 219.66C409.414 219.278 410.323 219.087 411.24 219.1C412.171 219.088 413.092 219.294 413.93 219.7C414.718 220.084 415.421 220.621 416 221.28C416.578 221.932 417.032 222.684 417.34 223.5C417.994 225.144 417.994 226.976 417.34 228.62C417.029 229.421 416.575 230.16 416 230.8C415.402 231.435 414.685 231.948 413.89 232.31C413.04 232.698 412.114 232.889 411.18 232.87ZM407.24 226C407.24 226.58 407.328 227.156 407.5 227.71C407.669 228.237 407.933 228.728 408.28 229.16C408.622 229.573 409.044 229.913 409.52 230.16C410.042 230.417 410.618 230.548 411.2 230.54C411.787 230.552 412.368 230.418 412.89 230.15C413.377 229.893 413.803 229.535 414.14 229.1C414.477 228.661 414.734 228.167 414.9 227.64C415.072 227.103 415.159 226.543 415.16 225.98C415.162 225.401 415.068 224.827 414.88 224.28C414.711 223.753 414.447 223.261 414.1 222.83C413.76 222.41 413.334 222.069 412.85 221.83C412.327 221.579 411.755 221.45 411.175 221.45C410.595 221.45 410.023 221.579 409.5 221.83C409.016 222.069 408.589 222.41 408.25 222.83C407.915 223.264 407.66 223.755 407.5 224.28C407.317 224.834 407.229 225.416 407.24 226Z" fill="white"/>
+<path d="M419.85 232.78V219.19H425.85C426.449 219.185 427.041 219.318 427.58 219.58C428.095 219.825 428.56 220.164 428.95 220.58C429.332 221.007 429.637 221.498 429.85 222.03C430.102 222.679 430.203 223.376 430.144 224.07C430.085 224.763 429.868 225.433 429.51 226.03C429.097 226.729 428.469 227.276 427.72 227.59L430.82 232.7H427.82L425.04 228.14H422.44V232.7L419.85 232.78ZM422.49 225.91H425.8C426.037 225.909 426.271 225.851 426.48 225.74C426.692 225.62 426.879 225.461 427.03 225.27C427.187 225.058 427.309 224.821 427.39 224.57C427.479 224.292 427.523 224.002 427.52 223.71C427.523 223.41 427.472 223.112 427.37 222.83C427.276 222.574 427.137 222.337 426.96 222.13C426.797 221.938 426.596 221.782 426.37 221.67C426.159 221.565 425.926 221.511 425.69 221.51H422.49V225.91Z" fill="white"/>
+</svg>
diff --git a/public/assets/images/error/404-light.svg b/public/assets/images/error/404-light.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d2373803f9693a4f2cf425ac119ce1afb29678e0
--- /dev/null
+++ b/public/assets/images/error/404-light.svg
@@ -0,0 +1,201 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M92.64 317.14L77.8 317.42L70.29 317.54C67.78 317.54 65.29 317.54 62.74 317.54H62.3V317.09V304.46V304H62.8L77.75 304.07C82.75 304.07 87.75 304.18 92.75 304.23H93.02V304.5C93.02 306.64 92.93 308.77 92.89 310.88L92.64 317.14ZM92.64 317.14L92.49 310.77C92.49 308.67 92.38 306.58 92.36 304.51L92.64 304.78C87.64 304.84 82.64 304.94 77.64 304.95L62.74 305L63.24 304.5L63.19 317.13L62.74 316.69C65.21 316.69 67.67 316.69 70.14 316.74L77.57 316.86L92.64 317.14Z" fill="#EBEBEB"/>
+<path d="M76 333.07L61.17 333.35L53.65 333.47C51.14 333.47 48.65 333.47 46.1 333.47H45.66V333.02L45.6 320.39V319.89H46.1L61 320C66 320 71 320.12 75.95 320.17H76.22V320.44C76.22 322.58 76.14 324.71 76.09 326.82L76 333.07ZM76 333.07L75.86 326.7C75.86 324.6 75.75 322.51 75.73 320.44L76 320.71C71 320.77 66 320.87 61.05 320.88L46.1 320.94L46.6 320.44L46.55 333.07L46.1 332.63C48.57 332.63 51.03 332.63 53.5 332.68L60.94 332.8L76 333.07Z" fill="#EBEBEB"/>
+<path d="M76 59.7101L61.13 60.0001L53.61 60.1101C51.1 60.1101 48.61 60.1101 46.06 60.1701H45.62V59.7201L45.56 47.0901V46.5901H46.06L61 46.6401C66 46.6401 71 46.7601 75.95 46.8101H76.22V47.0801C76.22 49.2201 76.14 51.3501 76.09 53.4601L76 59.7101ZM76 59.7101L75.86 53.3401C75.86 51.2401 75.75 49.1501 75.73 47.0801L76 47.3501C71 47.3501 66 47.5101 61.05 47.5201L46.1 47.5801L46.6 47.0801L46.55 59.7101L46.1 59.2701C48.57 59.2701 51.03 59.2701 53.5 59.2701L60.94 59.3901L76 59.7101Z" fill="#EBEBEB"/>
+<path d="M453.94 59.7101L439.1 60.0001L431.59 60.1101C429.08 60.1101 426.59 60.1101 424.04 60.1701H423.6V59.7201V47.0901V46.5901H424.1L439.05 46.6501C444.05 46.6501 449.05 46.7701 454 46.8201H454.27V47.0901C454.27 49.2301 454.18 51.3601 454.14 53.4701L453.94 59.7101ZM453.94 59.7101L453.8 53.3401C453.75 51.2401 453.68 49.1501 453.66 47.0801L453.94 47.3501C448.94 47.3501 443.94 47.5101 438.99 47.5201L424 47.5801L424.5 47.0801L424.45 59.7101L424 59.2701C426.47 59.2701 428.93 59.2701 431.4 59.2701L438.83 59.3901L453.94 59.7101Z" fill="#EBEBEB"/>
+<path d="M437.26 75.64L422.43 75.92L414.91 76.03C412.4 76.03 409.91 76.03 407.36 76.09H406.92V75.64L406.86 63V62.5H407.36L422.31 62.56C427.31 62.56 432.31 62.68 437.26 62.73H437.54V63C437.54 65.14 437.46 67.27 437.41 69.38L437.26 75.64ZM437.26 75.64L437.12 69.27C437.07 67.16 437.01 65.08 436.99 63.01L437.26 63.28C432.26 63.28 427.26 63.44 422.31 63.45L407.36 63.51L407.86 63.01L407.81 75.64L407.36 75.2C409.83 75.2 412.29 75.2 414.76 75.2L422.2 75.32L437.26 75.64Z" fill="#EBEBEB"/>
+<path d="M360.69 223.44L345.86 223.72L338.34 223.83C335.83 223.83 333.34 223.83 330.8 223.83H330.35V223.38L330.3 210.74V210.24H330.81L345.75 210.31C350.75 210.31 355.75 210.42 360.7 210.47H361V210.74C361 212.88 360.92 215.01 360.87 217.12L360.69 223.44ZM360.69 223.44L360.55 217.06C360.5 214.96 360.44 212.88 360.42 210.8L360.69 211.08C355.69 211.08 350.69 211.24 345.74 211.24L330.8 211.3L331.29 210.8L331.24 223.44L330.8 222.99C333.26 222.99 335.72 222.99 338.19 223.05L345.63 223.16L360.69 223.44Z" fill="#EBEBEB"/>
+<path d="M344 239.37L329.17 239.65L321.66 239.76C319.15 239.81 316.66 239.76 314.11 239.81H313.66V239.36L313.61 226.72V226.22H314.11L329.06 226.29C334.06 226.29 339.06 226.4 344 226.45H344.28V226.72C344.28 228.86 344.19 230.99 344.15 233.1L344 239.37ZM344 239.37L343.86 232.99C343.86 230.89 343.75 228.81 343.73 226.73L344 227.01C339 227.06 334 227.17 329.06 227.17L314.11 227.23L314.61 226.73L314.55 239.37L314.11 238.92C316.57 238.92 319.04 238.92 321.51 238.98L328.94 239.09L344 239.37Z" fill="#EBEBEB"/>
+<path d="M327.4 223.44L312.57 223.72L305.06 223.83C302.55 223.83 300.06 223.83 297.51 223.83H297.06V223.38L297 210.8V210.3H297.51L312.45 210.37C317.45 210.37 322.45 210.48 327.4 210.53H327.68V210.8C327.68 212.94 327.59 215.07 327.55 217.18L327.4 223.44ZM327.4 223.44L327.26 217.06C327.26 214.96 327.15 212.88 327.13 210.8L327.4 211.08C322.4 211.08 317.4 211.24 312.45 211.24L297.51 211.3L298.01 210.8L298 223.44L297.56 222.99C300.02 222.99 302.48 222.99 304.96 223.05L312.39 223.16L327.4 223.44Z" fill="#EBEBEB"/>
+<path d="M453.94 333.07L439.1 333.35L431.59 333.47C429.08 333.47 426.59 333.47 424.04 333.47H423.6V333.02V320.39V319.89H424.1L439 320C444 320 449 320.12 453.95 320.17H454.22V320.44C454.22 322.58 454.13 324.71 454.09 326.82L453.94 333.07ZM453.94 333.07L453.8 326.7C453.75 324.6 453.68 322.51 453.66 320.44L453.94 320.71C448.94 320.77 443.94 320.87 438.99 320.88L424.04 320.94L424.54 320.44L424.49 333.07L424.04 332.63C426.51 332.63 428.97 332.63 431.44 332.68L438.87 332.8L453.94 333.07Z" fill="#EBEBEB"/>
+<path d="M199.93 97.2799L185.09 97.5599L177.58 97.6699C175.07 97.6699 172.58 97.6699 170.03 97.7299H169.59V97.2799L169.54 84.6499V84.1499H170.04L184.99 84.2099C189.99 84.2099 194.99 84.3199 199.99 84.3799H200.26V84.6499C200.26 86.7899 200.17 88.9199 200.13 91.0199L199.93 97.2799ZM199.93 97.2799L199.78 90.9099C199.78 88.7999 199.67 86.7199 199.65 84.6499L199.93 84.9199C194.93 84.9199 189.93 85.0799 184.93 85.0799L170 85.1499L170.5 84.6499L170.45 97.2799L170 96.8399C172.47 96.8399 174.93 96.8399 177.4 96.8399L184.83 96.9499L199.93 97.2799Z" fill="#EBEBEB"/>
+<path d="M423.23 181L429.11 171.51L426.21 169.71C425.793 169.448 425.456 169.076 425.237 168.635C425.019 168.194 424.926 167.701 424.97 167.21C425.02 166.655 425.04 166.097 425.03 165.54C425.015 165.05 425.135 164.565 425.379 164.14C425.623 163.714 425.98 163.365 426.41 163.13L429.41 161.52L424.13 151.67L421.13 153.29C420.696 153.518 420.208 153.622 419.72 153.59C419.231 153.558 418.76 153.392 418.36 153.11C417.902 152.792 417.428 152.498 416.94 152.23C416.507 151.997 416.146 151.649 415.899 151.223C415.652 150.798 415.528 150.312 415.54 149.82L415.65 146.4L404.48 146L404.38 149.43C404.358 149.921 404.201 150.397 403.925 150.805C403.65 151.212 403.268 151.536 402.82 151.74C402.58 151.85 402.33 151.98 402.09 152.11C401.85 152.24 401.61 152.37 401.38 152.51C400.962 152.767 400.481 152.904 399.99 152.904C399.499 152.904 399.018 152.767 398.6 152.51L395.67 150.7L389.79 160.19L392.7 162C393.116 162.262 393.451 162.635 393.669 163.076C393.886 163.517 393.976 164.01 393.93 164.5C393.878 165.052 393.862 165.606 393.88 166.16C393.891 166.65 393.767 167.135 393.522 167.559C393.277 167.984 392.92 168.334 392.49 168.57L389.49 170.18L394.77 180.03L397.77 178.41C398.204 178.182 398.692 178.078 399.18 178.11C399.669 178.142 400.14 178.308 400.54 178.59C400.998 178.908 401.472 179.202 401.96 179.47C402.393 179.701 402.753 180.048 403 180.472C403.247 180.896 403.372 181.38 403.36 181.87L403.25 185.3L414.42 185.65L414.52 182.22C414.541 181.731 414.696 181.257 414.97 180.851C415.244 180.445 415.624 180.123 416.07 179.92L416.81 179.54C417.06 179.41 417.3 179.28 417.53 179.14C417.95 178.883 418.433 178.747 418.925 178.747C419.417 178.747 419.9 178.883 420.32 179.14L423.23 181ZM413.77 173.95C412.176 174.801 410.365 175.161 408.567 174.984C406.768 174.806 405.063 174.1 403.666 172.953C402.269 171.807 401.243 170.272 400.718 168.543C400.193 166.814 400.193 164.968 400.717 163.238C401.241 161.509 402.265 159.973 403.662 158.826C405.058 157.679 406.763 156.971 408.561 156.792C410.36 156.614 412.17 156.973 413.765 157.823C415.36 158.673 416.666 159.977 417.52 161.57C418.657 163.706 418.9 166.205 418.197 168.52C417.494 170.835 415.902 172.777 413.77 173.92V173.95Z" fill="#EBEBEB"/>
+<path d="M101.53 288.51L107.42 279.02L104.51 277.22C104.094 276.958 103.759 276.585 103.541 276.144C103.324 275.703 103.234 275.21 103.28 274.72C103.31 274.164 103.31 273.606 103.28 273.05C103.267 272.559 103.389 272.074 103.635 271.649C103.88 271.223 104.238 270.874 104.67 270.64L107.67 269.03L102.39 259.18L99.39 260.8C98.9546 261.028 98.465 261.131 97.9747 261.1C97.4845 261.068 97.0123 260.902 96.61 260.62C96.1547 260.299 95.6805 260.005 95.19 259.74C94.758 259.505 94.399 259.156 94.152 258.731C93.9051 258.306 93.7799 257.822 93.79 257.33L93.9 253.91L82.74 253.56L82.64 256.99C82.6198 257.483 82.4633 257.961 82.1879 258.371C81.9125 258.78 81.529 259.105 81.08 259.31C80.83 259.42 80.59 259.55 80.34 259.68C80.09 259.81 79.86 259.94 79.63 260.08C79.214 260.338 78.7343 260.474 78.245 260.474C77.7556 260.474 77.276 260.338 76.86 260.08L74 258.29L68.11 267.78L71 269.59C71.4177 269.851 71.7543 270.223 71.9716 270.665C72.189 271.106 72.2785 271.6 72.23 272.09C72.23 272.64 72.17 273.19 72.23 273.75C72.2433 274.241 72.1205 274.726 71.8752 275.151C71.6298 275.577 71.2715 275.926 70.84 276.16L67.84 277.77L73.12 287.62L76.12 286C76.5553 285.772 77.0449 285.669 77.5352 285.7C78.0255 285.732 78.4976 285.898 78.9 286.18C79.352 286.498 79.8229 286.789 80.31 287.05C80.7419 287.285 81.101 287.634 81.3479 288.059C81.5948 288.484 81.7201 288.969 81.71 289.46L81.61 292.89L92.77 293.23L92.88 289.81C92.9 289.319 93.0554 288.844 93.3289 288.436C93.6025 288.029 93.9836 287.705 94.43 287.5C94.68 287.39 94.92 287.26 95.17 287.13C95.42 287 95.65 286.87 95.88 286.72C96.299 286.461 96.7821 286.323 97.275 286.323C97.7678 286.323 98.2509 286.461 98.67 286.72L101.53 288.51ZM92.08 281.46C90.485 282.316 88.672 282.68 86.8703 282.505C85.0686 282.331 83.3592 281.626 81.9583 280.479C80.5573 279.333 79.5279 277.797 79.0003 276.065C78.4726 274.334 78.4703 272.485 78.9938 270.752C79.5173 269.019 80.543 267.48 81.9411 266.331C83.3392 265.181 85.0469 264.472 86.8482 264.293C88.6495 264.114 90.4634 264.473 92.0604 265.325C93.6574 266.177 94.9658 267.484 95.82 269.08C96.3879 270.138 96.7417 271.298 96.8611 272.493C96.9805 273.689 96.8632 274.895 96.5158 276.045C96.1685 277.195 95.5979 278.265 94.8368 279.194C94.0757 280.123 93.1389 280.893 92.08 281.46Z" fill="#EBEBEB"/>
+<path d="M215.87 106.74L212 100L209.92 101.2C209.621 101.371 209.28 101.455 208.935 101.443C208.59 101.431 208.256 101.322 207.97 101.13C207.647 100.919 207.313 100.726 206.97 100.55C206.668 100.394 206.414 100.157 206.238 99.8657C206.061 99.5746 205.969 99.2404 205.97 98.9V96.5H198.15V98.9C198.149 99.2399 198.055 99.5732 197.879 99.8639C197.703 100.155 197.451 100.392 197.15 100.55C196.8 100.73 196.46 100.92 196.15 101.13C195.858 101.332 195.515 101.446 195.16 101.459C194.806 101.471 194.455 101.381 194.15 101.2L192 100L188.09 106.78L190.17 107.98C190.466 108.154 190.709 108.407 190.869 108.711C191.03 109.014 191.103 109.357 191.08 109.7C191.08 109.89 191.08 110.09 191.08 110.28C191.08 110.47 191.08 110.66 191.08 110.86C191.106 111.201 191.035 111.542 190.876 111.844C190.716 112.147 190.475 112.398 190.18 112.57L188.09 113.78L192 120.56L194.08 119.36C194.379 119.189 194.72 119.105 195.065 119.117C195.409 119.129 195.744 119.238 196.03 119.43C196.353 119.641 196.687 119.834 197.03 120.01C197.331 120.168 197.583 120.405 197.759 120.696C197.935 120.987 198.029 121.32 198.03 121.66V124H205.85V121.6C205.849 121.26 205.941 120.925 206.118 120.634C206.294 120.343 206.548 120.106 206.85 119.95C207.2 119.77 207.53 119.58 207.85 119.37C208.136 119.178 208.47 119.069 208.815 119.057C209.16 119.045 209.501 119.129 209.8 119.3L211.88 120.5L215.79 113.72L213.71 112.52C213.413 112.346 213.171 112.093 213.011 111.789C212.85 111.486 212.777 111.143 212.8 110.8C212.8 110.61 212.8 110.41 212.8 110.22C212.8 110.03 212.8 109.83 212.8 109.64C212.777 109.297 212.85 108.954 213.011 108.651C213.171 108.347 213.413 108.094 213.71 107.92L215.87 106.74ZM208.39 110.24C208.39 111.508 208.014 112.747 207.31 113.801C206.605 114.855 205.604 115.677 204.433 116.162C203.262 116.647 201.973 116.774 200.729 116.527C199.486 116.28 198.344 115.669 197.447 114.773C196.551 113.876 195.94 112.734 195.693 111.491C195.446 110.247 195.573 108.958 196.058 107.787C196.543 106.616 197.365 105.615 198.419 104.91C199.473 104.206 200.712 103.83 201.98 103.83C203.68 103.83 205.31 104.505 206.513 105.707C207.715 106.91 208.39 108.54 208.39 110.24Z" fill="#EBEBEB"/>
+<path d="M88.84 303.84C75.77 316.63 73.57 336.43 76.33 353.76C76.4 354.16 77.01 354.05 77.01 353.68C77.01 349.73 76.89 345.82 76.9 341.92C76.97 341.75 77.03 341.58 77.1 341.4C80.51 338.92 83.65 336.12 85.59 332.28C87.77 327.99 88.59 323.14 90.3 318.66C90.46 318.23 90 318.36 89.7 318.58C81.7 324.44 79.22 330.75 76.94 339.18C76.9841 334.77 77.4462 330.373 78.32 326.05C80.04 318.05 83.43 310.12 89.18 304.19C89.4 304 89.06 303.61 88.84 303.84Z" fill="#263238"/>
+<path d="M91.29 305.33C93.54 305.41 94.95 309 96.7 310.05C96.8833 310.201 97.0963 310.311 97.3251 310.373C97.5539 310.435 97.7933 310.449 98.0276 310.412C98.2618 310.375 98.4856 310.289 98.6843 310.159C98.8829 310.03 99.0519 309.86 99.18 309.66C100.92 307.24 98.5401 304.25 96.3001 302.57C97.9001 303.23 99.23 304.39 100.95 304.72C101.171 304.791 101.405 304.813 101.636 304.787C101.867 304.76 102.09 304.685 102.289 304.566C102.489 304.447 102.66 304.286 102.793 304.096C102.926 303.905 103.017 303.689 103.06 303.46C103.82 300.15 99.67 298.69 96.83 298.62C98.21 297.62 102.16 295.05 100.06 293.77C97.96 292.49 93.3 296.21 91.79 297.44C89.56 299.24 86.91 301.94 86.79 304.76C86.68 308.05 89.56 306 91.29 305.33Z" fill="#4361EE"/>
+<path opacity="0.1" d="M91.29 305.33C93.54 305.41 94.95 309 96.7 310.05C96.8833 310.201 97.0963 310.311 97.3251 310.373C97.5539 310.435 97.7933 310.449 98.0276 310.412C98.2618 310.375 98.4856 310.289 98.6843 310.159C98.8829 310.03 99.0519 309.86 99.18 309.66C100.92 307.24 98.5401 304.25 96.3001 302.57C97.9001 303.23 99.23 304.39 100.95 304.72C101.171 304.791 101.405 304.813 101.636 304.787C101.867 304.76 102.09 304.685 102.289 304.566C102.489 304.447 102.66 304.286 102.793 304.096C102.926 303.905 103.017 303.689 103.06 303.46C103.82 300.15 99.67 298.69 96.83 298.62C98.21 297.62 102.16 295.05 100.06 293.77C97.96 292.49 93.3 296.21 91.79 297.44C89.56 299.24 86.91 301.94 86.79 304.76C86.68 308.05 89.56 306 91.29 305.33Z" fill="black"/>
+<path d="M90.64 305.89C93.52 304.58 99.04 306.46 99.51 305.37C100.46 303.16 96.05 301.64 93.66 301.37C95.86 300.78 100.06 299.83 99.93 297.72C99.77 295.13 93.49 297.36 90.3 299.8C86.3 302.87 86.3 305.8 86.98 306.43C87.89 307.22 90.17 306.1 90.64 305.89Z" fill="#4361EE"/>
+<path d="M59.07 302.57C72.62 314.86 75.56 334.57 73.47 351.99C73.41 352.38 72.8 352.3 72.79 351.93C72.64 347.98 72.61 344.07 72.45 340.18C72.37 340 72.3 339.84 72.23 339.66C68.72 337.31 65.48 334.66 63.4 330.87C61.05 326.66 60.01 321.87 58.17 317.44C58 317.02 58.46 317.12 58.77 317.33C66.94 322.89 69.71 329.1 72.31 337.44C72.0885 333.035 71.4592 328.659 70.43 324.37C68.43 316.44 64.71 308.65 58.74 302.93C58.52 302.71 58.84 302.36 59.07 302.57Z" fill="#263238"/>
+<path d="M56.68 304.16C54.43 304.32 53.16 307.96 51.45 309.08C51.2724 309.237 51.0637 309.354 50.8375 309.424C50.6114 309.495 50.3729 309.516 50.1378 309.488C49.9027 309.46 49.6762 309.382 49.4732 309.26C49.2702 309.138 49.0953 308.974 48.96 308.78C47.13 306.43 49.39 303.35 51.57 301.59C49.99 302.31 48.71 303.52 47 303.91C46.7819 303.991 46.5489 304.025 46.3168 304.008C46.0847 303.991 45.8589 303.924 45.6549 303.812C45.4509 303.7 45.2734 303.546 45.1345 303.359C44.9956 303.172 44.8986 302.958 44.85 302.73C43.96 299.46 48.05 297.83 50.85 297.66C49.44 296.75 45.39 294.3 47.44 292.94C49.49 291.58 54.29 295.12 55.85 296.29C58.14 298 60.85 300.6 61.1 303.41C61.38 306.7 58.43 304.78 56.68 304.16Z" fill="#4361EE"/>
+<path opacity="0.1" d="M56.68 304.16C54.43 304.32 53.16 307.96 51.45 309.08C51.2724 309.237 51.0637 309.354 50.8375 309.424C50.6114 309.495 50.3729 309.516 50.1378 309.488C49.9027 309.46 49.6762 309.382 49.4732 309.26C49.2702 309.138 49.0953 308.974 48.96 308.78C47.13 306.43 49.39 303.35 51.57 301.59C49.99 302.31 48.71 303.52 47 303.91C46.7819 303.991 46.5489 304.025 46.3168 304.008C46.0847 303.991 45.8589 303.924 45.6549 303.812C45.4509 303.7 45.2734 303.546 45.1345 303.359C44.9956 303.172 44.8986 302.958 44.85 302.73C43.96 299.46 48.05 297.83 50.85 297.66C49.44 296.75 45.39 294.3 47.44 292.94C49.49 291.58 54.29 295.12 55.85 296.29C58.14 298 60.85 300.6 61.1 303.41C61.38 306.7 58.43 304.78 56.68 304.16Z" fill="black"/>
+<path d="M57.35 304.69C54.42 303.49 48.98 305.58 48.47 304.51C47.47 302.33 51.78 300.65 54.15 300.26C51.94 299.75 47.7 298.97 47.75 296.85C47.81 294.26 54.18 296.24 57.45 298.56C61.58 301.48 61.66 304.44 61.02 305.06C60.15 305.91 57.83 304.88 57.35 304.69Z" fill="#4361EE"/>
+<path d="M72.93 335C73.842 341.569 75.2459 348.061 77.13 354.42C77.1552 354.553 77.232 354.67 77.3436 354.746C77.4552 354.822 77.5924 354.85 77.725 354.825C77.8576 354.8 77.9748 354.723 78.0507 354.611C78.1267 354.5 78.1552 354.363 78.13 354.23C77.24 348.23 75.62 342.37 74.73 336.38C73.7679 330.324 73.4328 324.185 73.73 318.06C74.3 307.97 77.04 297.23 83.62 289.34C83.76 289.15 83.46 288.89 83.31 289.06C70 304.46 72.13 323.3 72.15 325C70.28 318.64 68.36 311.35 61.3 304.87C60.99 304.59 60.76 304.72 60.81 305.2C62.07 317 65.35 323.2 72.19 329.47C72.39 331.33 72.63 333.19 72.93 335Z" fill="#263238"/>
+<path d="M83.65 291.14C86.02 290.08 89.29 293.14 91.65 293.31C91.9138 293.369 92.1871 293.373 92.4523 293.32C92.7175 293.268 92.9688 293.16 93.1901 293.005C93.4113 292.85 93.5977 292.65 93.7372 292.418C93.8767 292.187 93.9662 291.928 94 291.66C94.59 288.27 90.61 286.36 87.44 285.76C89.44 285.63 91.44 286.17 93.36 285.64C93.6255 285.603 93.88 285.51 94.1062 285.366C94.3325 285.222 94.5251 285.032 94.6712 284.807C94.8172 284.582 94.9132 284.329 94.9527 284.063C94.9922 283.798 94.9742 283.528 94.9 283.27C94 279.46 89 280 86 281.38C86.94 279.69 89.73 275 86.91 274.73C84.09 274.46 81.12 280.66 80.17 282.73C78.77 285.73 77.38 289.85 78.69 292.82C80.23 296.27 82.2 292.72 83.65 291.14Z" fill="#4361EE"/>
+<path opacity="0.1" d="M83.65 291.14C86.02 290.08 89.29 293.14 91.65 293.31C91.9138 293.369 92.1871 293.373 92.4523 293.32C92.7175 293.268 92.9688 293.16 93.1901 293.005C93.4113 292.85 93.5977 292.65 93.7372 292.418C93.8767 292.187 93.9662 291.928 94 291.66C94.59 288.27 90.61 286.36 87.44 285.76C89.44 285.63 91.44 286.17 93.36 285.64C93.6255 285.603 93.88 285.51 94.1062 285.366C94.3325 285.222 94.5251 285.032 94.6712 284.807C94.8172 284.582 94.9132 284.329 94.9527 284.063C94.9922 283.798 94.9742 283.528 94.9 283.27C94 279.46 89 280 86 281.38C86.94 279.69 89.73 275 86.91 274.73C84.09 274.46 81.12 280.66 80.17 282.73C78.77 285.73 77.38 289.85 78.69 292.82C80.23 296.27 82.2 292.72 83.65 291.14Z" fill="black"/>
+<path d="M83.25 292C85.58 289.2 92.25 288.37 92.19 287C92.07 284.23 86.72 284.87 84.1 285.77C86.1 284.04 89.96 280.95 88.77 278.82C87.3 276.22 81.89 281.69 79.77 285.82C77.16 291.03 78.68 294.1 79.67 294.38C81.07 294.81 82.87 292.5 83.25 292Z" fill="#4361EE"/>
+<path d="M64.25 338.58L58.44 383H93.81C93.09 379.07 86.5 338.54 86.5 338.54L64.25 338.58Z" fill="#4361EE"/>
+<path d="M43.37 383.14L95.03 382.9L146.69 382.81L250 382.64L353.31 382.81L404.97 382.9L456.63 383.14L404.97 383.39L353.31 383.48L250 383.64L146.69 383.48L95.03 383.39L43.37 383.14Z" fill="#263238"/>
+<path d="M250 470.12C332.324 470.12 399.06 460.682 399.06 449.04C399.06 437.398 332.324 427.96 250 427.96C167.676 427.96 100.94 437.398 100.94 449.04C100.94 460.682 167.676 470.12 250 470.12Z" fill="#EBEBEB"/>
+<path d="M157.57 217.67L151.36 193.24L102.36 205.71L95.88 180.21L135 90.89L154.47 86L173.37 160.36L189.06 156.36L195.59 182L179.9 186L186.1 210.43L157.57 217.67ZM124 172.87L148.26 166.7L140.26 135.14L124 172.87Z" fill="#263238"/>
+<path d="M298 136.12C298.079 143.727 296.834 151.29 294.32 158.47C292.066 164.934 288.635 170.925 284.2 176.14C280.004 181.029 274.825 184.978 269 187.73C263.056 190.513 256.563 191.927 250 191.87C243.392 191.927 236.854 190.513 230.86 187.73C225.009 184.988 219.804 181.038 215.59 176.14C211.173 170.933 207.78 164.938 205.59 158.47C203.131 151.278 201.917 143.72 202 136.12C201.916 128.517 203.13 120.955 205.59 113.76C207.782 107.296 211.175 101.305 215.59 96.1001C219.814 91.1894 225.015 87.2117 230.86 84.4201C236.838 81.5802 243.382 80.1339 250 80.1901C256.573 80.1335 263.072 81.5803 269 84.4201C274.812 87.2243 279.98 91.201 284.18 96.1001C288.612 101.313 292.043 107.3 294.3 113.76C296.821 120.942 298.073 128.509 298 136.12ZM268.38 136.12C268.38 127.533 266.663 120.573 263.23 115.24C259.797 109.907 255.38 107.24 249.98 107.24C244.34 107.24 239.833 109.907 236.46 115.24C233.087 120.573 231.4 127.533 231.4 136.12C231.4 144.707 233.087 151.637 236.46 156.91C239.833 162.183 244.347 164.82 250 164.82C255.4 164.82 259.817 162.183 263.25 156.91C266.683 151.637 268.4 144.707 268.4 136.12H268.38Z" fill="#263238"/>
+<path d="M350.84 213L354.84 188.12L304.93 180L309.14 154L380.64 87.6699L400.44 90.8799L388.17 166.62L404.17 169.21L399.94 195.36L383.94 192.77L379.94 217.65L350.84 213ZM337.84 158.53L362.54 162.53L367.75 130.38L337.84 158.53Z" fill="#263238"/>
+<path d="M270.6 313.85H235.09V316.76H270.6V313.85Z" fill="#37474F"/>
+<path d="M270.6 317.63H235.09V320.54H270.6V317.63Z" fill="#37474F"/>
+<path d="M270.6 321.42H235.09V324.33H270.6V321.42Z" fill="#37474F"/>
+<path d="M270.6 325.21H235.09V328.12H270.6V325.21Z" fill="#37474F"/>
+<path d="M270.6 329H235.09V331.91H270.6V329Z" fill="#37474F"/>
+<path d="M285.98 404.59H218.46V407.5H285.98V404.59Z" fill="#37474F"/>
+<path d="M285.98 408.38H218.46V411.29H285.98V408.38Z" fill="#37474F"/>
+<path d="M285.98 412.17H218.46V415.08H285.98V412.17Z" fill="#37474F"/>
+<path d="M285.98 415.96H218.46V418.87H285.98V415.96Z" fill="#37474F"/>
+<path d="M285.98 419.75H218.46V422.66H285.98V419.75Z" fill="#37474F"/>
+<path d="M188.83 289.8C188.83 289.41 174.06 284.44 174.06 284.44L174.93 233.56L194.57 229.34L188.83 289.8Z" fill="#4361EE"/>
+<path opacity="0.2" d="M188.83 289.8C188.83 289.41 174.06 284.44 174.06 284.44L174.93 233.56L194.57 229.34L188.83 289.8Z" fill="black"/>
+<path d="M324.49 309.77C324.59 309.39 340.21 309.83 340.21 309.83L356.9 261.75L339.9 251.04L324.49 309.77Z" fill="#4361EE"/>
+<path opacity="0.2" d="M324.49 309.77C324.59 309.39 340.21 309.83 340.21 309.83L356.9 261.75L339.9 251.04L324.49 309.77Z" fill="black"/>
+<path d="M186 308.54C186 308.54 191.49 226.24 196.31 199.16C196.31 199.16 295.73 206.68 349.4 227.16C349.4 227.16 321.73 323.28 320.3 328.05C320.28 328.09 250.27 314.3 186 308.54Z" fill="#4361EE"/>
+<path opacity="0.1" d="M274.72 210.15C273.107 220.057 271.46 229.964 269.78 239.87L264.65 269.54L264.38 269.13L297.69 277L314.33 281L330.94 285.11L314.24 281.37L297.55 277.56L264.21 269.77L263.87 269.69L263.93 269.35L269.24 239.7C271.02 229.9 272.847 220.05 274.72 210.15Z" fill="black"/>
+<path opacity="0.1" d="M271.07 215.8C271.059 216.28 270.877 216.739 270.556 217.095C270.234 217.452 269.796 217.68 269.32 217.74C269.057 217.76 268.793 217.728 268.542 217.646C268.291 217.564 268.06 217.433 267.86 217.26C267.655 217.075 267.491 216.85 267.377 216.599C267.264 216.348 267.203 216.076 267.2 215.8C267.203 215.524 267.264 215.252 267.377 215.001C267.491 214.75 267.655 214.525 267.86 214.34C268.141 214.097 268.485 213.94 268.853 213.887C269.22 213.834 269.595 213.887 269.933 214.041C270.271 214.194 270.558 214.442 270.759 214.754C270.961 215.066 271.069 215.429 271.07 215.8ZM271.07 215.8C271.068 215.574 271.017 215.351 270.922 215.146C270.828 214.941 270.69 214.758 270.52 214.61C270.292 214.416 270.013 214.291 269.716 214.25C269.418 214.209 269.116 214.254 268.844 214.38C268.571 214.505 268.341 214.706 268.179 214.959C268.018 215.212 267.932 215.505 267.932 215.805C267.932 216.105 268.018 216.399 268.179 216.651C268.341 216.904 268.571 217.105 268.844 217.231C269.116 217.356 269.418 217.401 269.716 217.361C270.013 217.32 270.292 217.195 270.52 217C270.69 216.849 270.826 216.665 270.921 216.458C271.016 216.251 271.066 216.027 271.07 215.8Z" fill="black"/>
+<path opacity="0.1" d="M269.32 228.05C269.322 228.531 269.145 228.995 268.823 229.352C268.502 229.709 268.058 229.933 267.58 229.98C267.311 230.008 267.039 229.979 266.781 229.895C266.524 229.81 266.288 229.673 266.087 229.49C265.887 229.308 265.728 229.086 265.62 228.837C265.511 228.589 265.457 228.321 265.46 228.05C265.458 227.775 265.516 227.502 265.628 227.25C265.74 226.998 265.904 226.773 266.11 226.59C266.311 226.417 266.544 226.285 266.797 226.202C267.049 226.12 267.315 226.089 267.58 226.11C268.054 226.172 268.49 226.402 268.809 226.758C269.128 227.114 269.31 227.572 269.32 228.05ZM269.32 228.05C269.319 227.822 269.269 227.598 269.174 227.391C269.08 227.184 268.942 227 268.77 226.85C268.607 226.712 268.417 226.609 268.212 226.547C268.007 226.485 267.792 226.466 267.58 226.49C267.197 226.534 266.843 226.717 266.586 227.004C266.329 227.292 266.187 227.664 266.187 228.05C266.187 228.436 266.329 228.808 266.586 229.096C266.843 229.384 267.197 229.567 267.58 229.61C267.799 229.636 268.022 229.614 268.232 229.547C268.443 229.48 268.637 229.37 268.801 229.222C268.966 229.075 269.097 228.894 269.187 228.692C269.276 228.49 269.321 228.271 269.32 228.05Z" fill="black"/>
+<path opacity="0.1" d="M267.17 241C267.172 241.481 266.995 241.945 266.673 242.302C266.352 242.659 265.908 242.883 265.43 242.93C265.033 242.939 264.642 242.828 264.307 242.614C263.973 242.399 263.71 242.089 263.552 241.724C263.394 241.36 263.349 240.956 263.422 240.565C263.494 240.174 263.682 239.814 263.96 239.53C264.162 239.358 264.395 239.228 264.648 239.148C264.9 239.067 265.166 239.037 265.43 239.06C265.909 239.11 266.353 239.336 266.674 239.695C266.996 240.053 267.173 240.519 267.17 241ZM267.17 241C267.169 240.773 267.119 240.548 267.024 240.341C266.93 240.134 266.792 239.95 266.62 239.8C266.457 239.662 266.267 239.559 266.062 239.497C265.858 239.436 265.642 239.416 265.43 239.44C265.047 239.484 264.693 239.667 264.436 239.954C264.179 240.242 264.037 240.614 264.037 241C264.037 241.386 264.179 241.758 264.436 242.046C264.693 242.334 265.047 242.517 265.43 242.56C265.643 242.58 265.858 242.558 266.062 242.494C266.266 242.431 266.456 242.327 266.62 242.19C266.792 242.044 266.931 241.861 267.026 241.656C267.121 241.45 267.17 241.227 267.17 241Z" fill="black"/>
+<path opacity="0.1" d="M265 253.93C265 254.41 264.822 254.873 264.501 255.23C264.179 255.586 263.737 255.811 263.26 255.86C262.994 255.879 262.727 255.844 262.476 255.755C262.225 255.666 261.994 255.527 261.799 255.346C261.604 255.164 261.448 254.944 261.342 254.7C261.236 254.455 261.181 254.192 261.181 253.925C261.181 253.659 261.236 253.395 261.342 253.151C261.448 252.907 261.604 252.687 261.799 252.505C261.994 252.324 262.225 252.184 262.476 252.096C262.727 252.007 262.994 251.971 263.26 251.99C263.739 252.04 264.183 252.266 264.504 252.625C264.826 252.983 265.003 253.449 265 253.93ZM265 253.93C264.999 253.703 264.949 253.478 264.854 253.271C264.76 253.064 264.622 252.88 264.45 252.73C264.287 252.592 264.097 252.489 263.892 252.428C263.687 252.366 263.472 252.346 263.26 252.37C262.877 252.414 262.523 252.597 262.266 252.885C262.009 253.172 261.867 253.545 261.867 253.93C261.867 254.316 262.009 254.688 262.266 254.976C262.523 255.264 262.877 255.447 263.26 255.49C263.473 255.51 263.688 255.488 263.892 255.424C264.096 255.361 264.286 255.258 264.45 255.12C264.62 254.972 264.758 254.789 264.852 254.584C264.947 254.379 264.998 254.156 265 253.93Z" fill="black"/>
+<path opacity="0.1" d="M272.35 274.56C272.35 274.952 272.232 275.334 272.01 275.658C271.788 275.981 271.474 276.229 271.109 276.37C270.743 276.512 270.343 276.539 269.962 276.448C269.581 276.358 269.236 276.154 268.973 275.864C268.71 275.573 268.54 275.21 268.488 274.822C268.435 274.434 268.501 274.039 268.677 273.689C268.853 273.339 269.131 273.05 269.474 272.861C269.818 272.672 270.21 272.592 270.6 272.63C271.079 272.677 271.524 272.901 271.847 273.257C272.171 273.614 272.35 274.078 272.35 274.56ZM272.35 274.56C272.346 274.333 272.296 274.109 272.201 273.902C272.106 273.696 271.97 273.511 271.8 273.36C271.634 273.223 271.442 273.121 271.236 273.059C271.03 272.997 270.814 272.977 270.6 273C270.357 273.029 270.125 273.115 269.921 273.25C269.717 273.385 269.548 273.566 269.427 273.779C269.305 273.991 269.235 274.228 269.222 274.472C269.208 274.716 269.252 274.96 269.35 275.184C269.447 275.409 269.595 275.607 269.783 275.764C269.971 275.92 270.192 276.031 270.43 276.087C270.668 276.143 270.916 276.142 271.154 276.086C271.392 276.029 271.613 275.917 271.8 275.76C271.97 275.609 272.106 275.424 272.201 275.218C272.296 275.011 272.346 274.787 272.35 274.56Z" fill="black"/>
+<path opacity="0.1" d="M284.56 277.54C284.559 277.912 284.451 278.275 284.249 278.587C284.048 278.898 283.761 279.146 283.423 279.3C283.085 279.453 282.71 279.507 282.343 279.454C281.975 279.401 281.631 279.243 281.35 279C281.142 278.818 280.975 278.594 280.861 278.342C280.747 278.09 280.688 277.817 280.688 277.54C280.688 277.264 280.747 276.99 280.861 276.739C280.975 276.487 281.142 276.262 281.35 276.08C281.55 275.91 281.783 275.78 282.033 275.7C282.284 275.619 282.548 275.589 282.81 275.61C283.29 275.655 283.736 275.878 284.06 276.235C284.384 276.593 284.562 277.058 284.56 277.54ZM284.56 277.54C284.559 277.313 284.509 277.088 284.415 276.881C284.32 276.674 284.182 276.49 284.01 276.34C283.844 276.204 283.652 276.101 283.446 276.04C283.24 275.978 283.024 275.958 282.81 275.98C282.567 276.01 282.335 276.095 282.131 276.231C281.928 276.366 281.758 276.547 281.637 276.759C281.515 276.971 281.445 277.209 281.432 277.453C281.418 277.697 281.462 277.941 281.56 278.165C281.657 278.389 281.806 278.587 281.993 278.744C282.181 278.901 282.402 279.011 282.64 279.067C282.878 279.123 283.126 279.123 283.364 279.066C283.602 279.009 283.823 278.898 284.01 278.74C284.182 278.591 284.32 278.407 284.415 278.2C284.509 277.993 284.559 277.768 284.56 277.54Z" fill="black"/>
+<path opacity="0.1" d="M296.77 280.52C296.771 280.891 296.665 281.255 296.465 281.568C296.265 281.88 295.979 282.129 295.641 282.283C295.303 282.437 294.928 282.49 294.561 282.436C294.194 282.383 293.85 282.224 293.57 281.98C293.365 281.795 293.201 281.57 293.087 281.319C292.974 281.068 292.913 280.796 292.91 280.52C292.908 280.244 292.966 279.972 293.078 279.72C293.19 279.468 293.354 279.243 293.56 279.06C293.762 278.888 293.995 278.758 294.248 278.678C294.5 278.597 294.766 278.567 295.03 278.59C295.508 278.637 295.952 278.861 296.273 279.218C296.595 279.575 296.772 280.039 296.77 280.52ZM296.77 280.52C296.771 280.293 296.723 280.069 296.63 279.862C296.537 279.655 296.4 279.47 296.23 279.32C296.057 279.188 295.858 279.091 295.647 279.036C295.436 278.981 295.216 278.969 295 279C294.617 279.043 294.263 279.227 294.006 279.514C293.749 279.802 293.607 280.174 293.607 280.56C293.607 280.946 293.749 281.318 294.006 281.606C294.263 281.893 294.617 282.077 295 282.12C295.214 282.142 295.43 282.122 295.636 282.06C295.842 281.998 296.034 281.896 296.2 281.76C296.381 281.609 296.526 281.419 296.625 281.204C296.723 280.99 296.773 280.756 296.77 280.52Z" fill="black"/>
+<path opacity="0.1" d="M309 283.5C308.999 283.871 308.891 284.235 308.689 284.546C308.488 284.858 308.201 285.106 307.863 285.259C307.525 285.413 307.15 285.467 306.783 285.414C306.415 285.361 306.071 285.203 305.79 284.96C305.585 284.775 305.421 284.55 305.307 284.299C305.194 284.048 305.133 283.776 305.13 283.5C305.133 283.224 305.194 282.952 305.307 282.701C305.421 282.45 305.585 282.225 305.79 282.04C305.99 281.868 306.221 281.737 306.472 281.654C306.723 281.572 306.987 281.54 307.25 281.56C307.726 281.62 308.164 281.849 308.486 282.205C308.807 282.561 308.989 283.021 309 283.5ZM309 283.5C308.996 283.273 308.946 283.049 308.851 282.842C308.756 282.636 308.62 282.451 308.45 282.3C308.263 282.143 308.042 282.031 307.804 281.974C307.566 281.918 307.318 281.917 307.08 281.973C306.842 282.029 306.621 282.14 306.433 282.296C306.246 282.453 306.097 282.651 306 282.876C305.902 283.1 305.858 283.344 305.872 283.588C305.885 283.832 305.955 284.069 306.077 284.281C306.198 284.494 306.368 284.675 306.571 284.81C306.775 284.945 307.007 285.031 307.25 285.06C307.464 285.083 307.68 285.063 307.886 285.001C308.092 284.939 308.284 284.837 308.45 284.7C308.62 284.549 308.756 284.364 308.851 284.158C308.946 283.951 308.996 283.727 309 283.5Z" fill="black"/>
+<path opacity="0.1" d="M321.2 286.61C321.15 287.085 320.933 287.527 320.586 287.855C320.239 288.183 319.787 288.377 319.31 288.4C319.045 288.403 318.782 288.353 318.537 288.254C318.291 288.154 318.068 288.007 317.88 287.82C317.689 287.622 317.541 287.385 317.448 287.125C317.355 286.865 317.318 286.589 317.34 286.314C317.362 286.039 317.442 285.771 317.574 285.529C317.707 285.287 317.89 285.076 318.11 284.91C318.32 284.751 318.561 284.637 318.817 284.575C319.074 284.513 319.34 284.505 319.6 284.55C320.069 284.645 320.488 284.906 320.782 285.284C321.076 285.662 321.224 286.132 321.2 286.61ZM321.2 286.61C321.215 286.384 321.181 286.158 321.102 285.946C321.023 285.734 320.899 285.541 320.74 285.38C320.527 285.169 320.258 285.022 319.965 284.959C319.672 284.895 319.366 284.917 319.085 285.022C318.804 285.127 318.559 285.31 318.378 285.549C318.198 285.789 318.09 286.076 318.067 286.375C318.045 286.674 318.108 286.974 318.25 287.238C318.393 287.502 318.608 287.72 318.87 287.866C319.132 288.011 319.431 288.079 319.73 288.06C320.03 288.042 320.318 287.938 320.56 287.76C320.742 287.625 320.893 287.452 321.004 287.254C321.114 287.056 321.181 286.836 321.2 286.61Z" fill="black"/>
+<path opacity="0.1" d="M262.87 266.86C262.873 267.342 262.696 267.807 262.374 268.166C262.053 268.525 261.609 268.751 261.13 268.8C260.598 268.841 260.07 268.672 259.66 268.33C259.346 268.061 259.127 267.698 259.034 267.295C258.942 266.891 258.98 266.469 259.144 266.09C259.308 265.71 259.59 265.393 259.947 265.184C260.304 264.976 260.719 264.887 261.13 264.93C261.607 264.98 262.05 265.204 262.371 265.561C262.692 265.917 262.87 266.38 262.87 266.86ZM262.87 266.86C262.868 266.634 262.817 266.412 262.722 266.206C262.628 266.001 262.491 265.819 262.32 265.67C262.092 265.476 261.813 265.351 261.516 265.31C261.218 265.269 260.916 265.314 260.644 265.44C260.371 265.566 260.141 265.767 259.979 266.019C259.818 266.272 259.732 266.565 259.732 266.865C259.732 267.165 259.818 267.459 259.979 267.711C260.141 267.964 260.371 268.165 260.644 268.291C260.916 268.416 261.218 268.462 261.516 268.421C261.813 268.38 262.092 268.255 262.32 268.06C262.492 267.911 262.63 267.727 262.725 267.52C262.819 267.313 262.869 267.088 262.87 266.86Z" fill="black"/>
+<path opacity="0.2" d="M242.307 288.309C253.9 277.885 254.848 260.036 244.424 248.442C234 236.848 216.151 235.9 204.557 246.325C192.963 256.749 192.015 274.598 202.44 286.192C212.864 297.786 230.713 298.733 242.307 288.309Z" fill="black"/>
+<path d="M244.605 275.307C249.03 263.613 243.138 250.545 231.444 246.119C219.75 241.693 206.682 247.586 202.256 259.28C197.83 270.974 203.722 284.042 215.417 288.468C227.111 292.894 240.179 287.002 244.605 275.307Z" fill="#263238"/>
+<path d="M222.073 258.995L216.782 258.138L215.925 263.429L221.216 264.286L222.073 258.995Z" fill="#4361EE"/>
+<path d="M217.633 252.844L212.342 251.987L211.485 257.278L216.776 258.135L217.633 252.844Z" fill="#4361EE"/>
+<path d="M238.802 256.275L233.511 255.418L232.654 260.709L237.946 261.566L238.802 256.275Z" fill="#4361EE"/>
+<path d="M214.222 273.898L208.931 273.042L208.074 278.333L213.365 279.19L214.222 273.898Z" fill="#4361EE"/>
+<path d="M235.401 277.329L230.11 276.472L229.253 281.763L234.544 282.62L235.401 277.329Z" fill="#4361EE"/>
+<path d="M220.372 269.459L215.081 268.602L214.224 273.893L219.515 274.75L220.372 269.459Z" fill="#4361EE"/>
+<path d="M226.512 265.087L221.221 264.23L220.364 269.521L225.655 270.378L226.512 265.087Z" fill="#4361EE"/>
+<path d="M232.653 260.705L227.362 259.848L226.505 265.139L231.796 265.996L232.653 260.705Z" fill="#4361EE"/>
+<path d="M230.971 271.17L225.68 270.313L224.823 275.604L230.114 276.461L230.971 271.17Z" fill="#4361EE"/>
+<path d="M321.026 297.011C330.907 284.951 329.141 267.164 317.081 257.283C305.022 247.402 287.235 249.168 277.353 261.227C267.472 273.287 269.238 291.074 281.298 300.955C293.358 310.837 311.144 309.071 321.026 297.011Z" fill="#4361EE"/>
+<path opacity="0.2" d="M321.026 297.011C330.907 284.951 329.141 267.164 317.081 257.283C305.022 247.402 287.235 249.168 277.353 261.227C267.472 273.287 269.238 291.074 281.298 300.955C293.358 310.837 311.144 309.071 321.026 297.011Z" fill="black"/>
+<path opacity="0.2" d="M326.66 285.67C326.53 286.23 326.38 286.76 326.22 287.3L271.22 275.56C271.35 274.56 271.52 273.56 271.75 272.61C272.552 268.946 274.076 265.478 276.233 262.409C278.39 259.34 281.137 256.732 284.313 254.736C287.489 252.741 291.031 251.398 294.732 250.786C298.433 250.175 302.219 250.306 305.868 251.174C309.517 252.041 312.957 253.627 315.987 255.839C319.017 258.05 321.576 260.844 323.514 264.055C325.452 267.266 326.732 270.832 327.277 274.543C327.822 278.254 327.623 282.037 326.69 285.67H326.66Z" fill="black"/>
+<path d="M307.926 300.002C319.463 295.18 324.907 281.92 320.086 270.383C315.264 258.846 302.004 253.402 290.467 258.223C278.93 263.044 273.486 276.305 278.307 287.842C283.128 299.379 296.389 304.823 307.926 300.002Z" fill="#263238"/>
+<path d="M304.875 266.79L299.661 265.551L293.489 291.517L298.703 292.757L304.875 266.79Z" fill="#4361EE"/>
+<path d="M328.3 285.14L270.5 271.4C272.435 263.856 277.255 257.373 283.923 253.348C290.591 249.323 298.572 248.077 306.149 249.878C313.727 251.679 320.294 256.384 324.436 262.979C328.579 269.574 329.967 277.532 328.3 285.14Z" fill="#4361EE"/>
+<path opacity="0.2" d="M328.3 285.14L270.5 271.4C272.435 263.856 277.255 257.373 283.923 253.348C290.591 249.323 298.572 248.077 306.149 249.878C313.727 251.679 320.294 256.384 324.436 262.979C328.579 269.574 329.967 277.532 328.3 285.14Z" fill="black"/>
+<path opacity="0.1" d="M250.07 295.92C250.205 293.571 251.124 291.335 252.68 289.57C253.519 288.64 254.573 287.929 255.75 287.5C256.939 287.097 258.202 286.957 259.45 287.09C260.723 287.204 261.939 287.669 262.963 288.434C263.987 289.198 264.779 290.232 265.25 291.42C266.141 293.59 266.347 295.98 265.84 298.27C265.549 296.12 264.871 294.04 263.84 292.13C263.382 291.281 262.721 290.558 261.917 290.024C261.113 289.491 260.191 289.163 259.23 289.07C258.253 288.941 257.26 289.017 256.315 289.294C255.369 289.572 254.492 290.044 253.74 290.68C252.149 292.138 250.896 293.927 250.07 295.92Z" fill="black"/>
+<path d="M193.72 238.34C193.95 235.34 194.29 232.34 194.58 229.34C194.87 226.34 195.23 223.34 195.58 220.34C195.93 217.34 196.32 214.34 196.7 211.34C197.08 208.34 197.51 205.34 197.92 202.34L198.02 201.54L198.83 201.59C205.35 201.997 211.853 202.533 218.34 203.2C221.58 203.53 224.82 203.91 228.06 204.32C231.3 204.73 234.53 205.22 237.74 205.8L218.22 204.6L198.73 203.33L199.64 202.59C199.2 205.59 198.79 208.59 198.32 211.59C197.85 214.59 197.4 217.59 196.9 220.54C196.4 223.49 195.9 226.49 195.38 229.47C194.86 232.45 194.33 235.38 193.72 238.34Z" fill="white"/>
+<path d="M198.41 261.16C199.13 257.497 200.676 254.046 202.93 251.07C203.48 250.31 204.11 249.61 204.71 248.89C205.31 248.17 206.04 247.56 206.71 246.89C207.38 246.22 208.18 245.71 208.93 245.14C209.68 244.57 210.51 244.14 211.32 243.62C212.13 243.1 213.03 242.79 213.89 242.4L216.57 241.47L219.35 240.9C220.28 240.76 221.22 240.73 222.16 240.66C225.879 240.615 229.567 241.329 233 242.76C229.458 242.016 225.829 241.774 222.22 242.04C218.68 242.362 215.249 243.429 212.15 245.17C209.033 246.901 206.261 249.189 203.97 251.92C201.626 254.677 199.748 257.798 198.41 261.16Z" fill="white"/>
+<path d="M276.29 268.78C277.513 265.255 279.516 262.053 282.15 259.41C282.8 258.74 283.52 258.13 284.22 257.5C284.92 256.87 285.72 256.37 286.48 255.81C287.24 255.25 288.09 254.81 288.92 254.38C289.75 253.95 290.63 253.58 291.5 253.21C292.37 252.84 293.3 252.62 294.2 252.35L296.99 251.8L299.82 251.62C300.76 251.62 301.7 251.72 302.64 251.78C306.337 252.237 309.901 253.449 313.11 255.34C309.703 254.118 306.142 253.378 302.53 253.14C298.982 252.972 295.438 253.555 292.13 254.85C288.82 256.142 285.771 258.022 283.13 260.4C280.412 262.805 278.102 265.635 276.29 268.78Z" fill="white"/>
+<path d="M189.14 359.25C181.91 359.25 166.08 357.63 155.89 344.53C142.89 327.77 147.57 295.61 147.77 294.25L153.43 295.11C153.43 295.42 148.89 326.2 160.43 341.01C171.69 355.49 192.12 353.42 192.32 353.39L192.97 359.08C192.72 359.1 191.32 359.25 189.14 359.25Z" fill="#4361EE"/>
+<path opacity="0.4" d="M189.14 359.25C181.91 359.25 166.08 357.63 155.89 344.53C142.89 327.77 147.57 295.61 147.77 294.25L153.43 295.11C153.43 295.42 148.89 326.2 160.43 341.01C171.69 355.49 192.12 353.42 192.32 353.39L192.97 359.08C192.72 359.1 191.32 359.25 189.14 359.25Z" fill="white"/>
+<path d="M155.1 299C154.042 299.005 152.985 298.921 151.94 298.75C142.39 297.2 138.17 291.49 136.3 286.97C134.43 282.45 134 277 135 270.68L147.1 272.68C146.47 276.57 146.66 280 147.62 282.33C148.31 283.99 149.62 285.99 153.88 286.68C155.82 286.99 157.88 286.83 160.11 283.52C161.653 281.001 162.692 278.206 163.17 275.29L175.28 277.29C174.489 281.911 172.789 286.33 170.28 290.29C166.56 296 161.22 299 155.1 299Z" fill="#4361EE"/>
+<path d="M201.1 375.63C201.1 375.37 190.84 373.74 190.84 373.74L185.84 340.33L198.23 335.43L201.1 375.63Z" fill="#4361EE"/>
+<path opacity="0.2" d="M201.1 375.63C201.1 375.37 190.84 373.74 190.84 373.74L185.84 340.33L198.23 335.43L201.1 375.63Z" fill="black"/>
+<path d="M302.3 375.69C302.3 375.43 312.59 374.03 312.59 374.03L318.3 340.74L306 335.57L302.3 375.69Z" fill="#4361EE"/>
+<path opacity="0.2" d="M302.3 375.69C302.3 375.43 312.59 374.03 312.59 374.03L318.3 340.74L306 335.57L302.3 375.69Z" fill="black"/>
+<path d="M196.84 328C196.84 328 279.63 324.47 307.59 329.13C307.59 329.13 299.38 409.23 298.94 410.79C298.94 410.79 216.58 410.56 203.71 410.79C203.71 410.74 196.74 357.47 196.84 328Z" fill="#4361EE"/>
+<path opacity="0.2" d="M222 349.91C222 349.91 267.19 348.12 282.46 350.47C282.46 350.47 277.97 390.86 277.73 391.65C277.73 391.65 232.73 391.54 225.73 391.65C225.74 391.65 222.65 364 222 349.91Z" fill="black"/>
+<path opacity="0.2" d="M228.16 391.63H225.73C225.73 391.63 222.65 364 222 349.9L224.83 349.8L228.16 391.63Z" fill="black"/>
+<path d="M241.49 359.87C240.582 359.582 239.608 359.569 238.693 359.835C237.777 360.101 236.961 360.632 236.349 361.362C235.736 362.093 235.354 362.988 235.251 363.936C235.148 364.883 235.329 365.84 235.771 366.685C236.213 367.529 236.896 368.223 237.733 368.679C238.571 369.135 239.524 369.331 240.473 369.244C241.423 369.157 242.324 368.79 243.064 368.189C243.805 367.588 244.349 366.781 244.63 365.87C245.003 364.658 244.883 363.348 244.295 362.224C243.707 361.1 242.699 360.254 241.49 359.87ZM244.07 365.73C243.818 366.526 243.335 367.228 242.683 367.75C242.032 368.271 241.24 368.587 240.409 368.658C239.577 368.73 238.743 368.553 238.012 368.151C237.281 367.748 236.686 367.138 236.302 366.398C235.918 365.657 235.761 364.819 235.853 363.989C235.945 363.16 236.281 362.377 236.818 361.738C237.355 361.099 238.069 360.634 238.871 360.401C239.672 360.169 240.524 360.179 241.32 360.43C241.849 360.598 242.339 360.867 242.764 361.224C243.188 361.581 243.538 362.018 243.793 362.51C244.049 363.003 244.205 363.54 244.252 364.093C244.3 364.645 244.238 365.202 244.07 365.73ZM241.49 359.87C240.582 359.582 239.608 359.569 238.693 359.835C237.777 360.101 236.961 360.632 236.349 361.362C235.736 362.093 235.354 362.988 235.251 363.936C235.148 364.883 235.329 365.84 235.771 366.685C236.213 367.529 236.896 368.223 237.733 368.679C238.571 369.135 239.524 369.331 240.473 369.244C241.423 369.157 242.324 368.79 243.064 368.189C243.805 367.588 244.349 366.781 244.63 365.87C245.003 364.658 244.883 363.348 244.295 362.224C243.707 361.1 242.699 360.254 241.49 359.87ZM244.07 365.73C243.818 366.526 243.335 367.228 242.683 367.75C242.032 368.271 241.24 368.587 240.409 368.658C239.577 368.73 238.743 368.553 238.012 368.151C237.281 367.748 236.686 367.138 236.302 366.398C235.918 365.657 235.761 364.819 235.853 363.989C235.945 363.16 236.281 362.377 236.818 361.738C237.355 361.099 238.069 360.634 238.871 360.401C239.672 360.169 240.524 360.179 241.32 360.43C241.849 360.598 242.339 360.867 242.764 361.224C243.188 361.581 243.538 362.018 243.793 362.51C244.049 363.003 244.205 363.54 244.252 364.093C244.3 364.645 244.238 365.202 244.07 365.73ZM241.49 359.87C240.582 359.582 239.608 359.569 238.693 359.835C237.777 360.101 236.961 360.632 236.349 361.362C235.736 362.093 235.354 362.988 235.251 363.936C235.148 364.883 235.329 365.84 235.771 366.685C236.213 367.529 236.896 368.223 237.733 368.679C238.571 369.135 239.524 369.331 240.473 369.244C241.423 369.157 242.324 368.79 243.064 368.189C243.805 367.588 244.349 366.781 244.63 365.87C245.003 364.658 244.883 363.348 244.295 362.224C243.707 361.1 242.699 360.254 241.49 359.87ZM244.07 365.73C243.818 366.526 243.335 367.228 242.683 367.75C242.032 368.271 241.24 368.587 240.409 368.658C239.577 368.73 238.743 368.553 238.012 368.151C237.281 367.748 236.686 367.138 236.302 366.398C235.918 365.657 235.761 364.819 235.853 363.989C235.945 363.16 236.281 362.377 236.818 361.738C237.355 361.099 238.069 360.634 238.871 360.401C239.672 360.169 240.524 360.179 241.32 360.43C241.849 360.598 242.339 360.867 242.764 361.224C243.188 361.581 243.538 362.018 243.793 362.51C244.049 363.003 244.205 363.54 244.252 364.093C244.3 364.645 244.238 365.202 244.07 365.73ZM243.07 354.79C241.159 354.187 239.113 354.164 237.189 354.724C235.266 355.284 233.551 356.402 232.263 357.936C230.974 359.47 230.17 361.352 229.951 363.344C229.732 365.335 230.108 367.347 231.033 369.124C231.957 370.902 233.388 372.365 235.144 373.33C236.9 374.294 238.903 374.716 240.899 374.542C242.895 374.368 244.795 373.606 246.358 372.353C247.921 371.1 249.077 369.411 249.68 367.5C250.487 364.942 250.248 362.168 249.015 359.786C247.782 357.404 245.655 355.608 243.1 354.79H243.07ZM245.32 366.13C244.985 367.176 244.348 368.1 243.489 368.784C242.63 369.468 241.587 369.883 240.493 369.975C239.398 370.068 238.301 369.834 237.339 369.304C236.378 368.773 235.595 367.97 235.089 366.995C234.583 366.02 234.378 364.917 234.498 363.825C234.619 362.733 235.06 361.702 235.766 360.861C236.472 360.019 237.412 359.406 238.466 359.098C239.52 358.79 240.642 358.801 241.69 359.13C242.391 359.348 243.042 359.702 243.606 360.172C244.17 360.642 244.635 361.219 244.975 361.869C245.316 362.52 245.524 363.231 245.588 363.962C245.652 364.694 245.571 365.43 245.35 366.13H245.32ZM244.6 365.9C244.889 364.992 244.901 364.018 244.635 363.103C244.37 362.188 243.838 361.372 243.108 360.759C242.378 360.146 241.482 359.764 240.535 359.662C239.587 359.559 238.63 359.74 237.786 360.182C236.941 360.624 236.247 361.307 235.791 362.144C235.336 362.981 235.139 363.935 235.226 364.884C235.313 365.833 235.681 366.735 236.281 367.475C236.882 368.215 237.689 368.76 238.6 369.04C239.202 369.231 239.836 369.301 240.465 369.247C241.094 369.192 241.707 369.014 242.267 368.722C242.827 368.43 243.324 368.031 243.73 367.547C244.135 367.062 244.441 366.503 244.63 365.9H244.6ZM244.04 365.73C243.788 366.526 243.305 367.228 242.653 367.75C242.002 368.271 241.21 368.587 240.379 368.658C239.547 368.73 238.713 368.553 237.982 368.151C237.251 367.748 236.656 367.138 236.272 366.398C235.888 365.657 235.731 364.819 235.823 363.989C235.915 363.16 236.251 362.377 236.788 361.738C237.325 361.099 238.039 360.634 238.841 360.401C239.642 360.169 240.494 360.179 241.29 360.43C241.821 360.594 242.315 360.862 242.743 361.218C243.171 361.573 243.524 362.01 243.782 362.502C244.04 362.995 244.199 363.534 244.248 364.088C244.298 364.642 244.237 365.2 244.07 365.73H244.04ZM241.46 359.87C240.552 359.582 239.578 359.569 238.663 359.835C237.747 360.101 236.931 360.632 236.319 361.362C235.706 362.093 235.324 362.988 235.221 363.936C235.118 364.883 235.299 365.84 235.741 366.685C236.183 367.529 236.866 368.223 237.703 368.679C238.541 369.135 239.494 369.331 240.443 369.244C241.393 369.157 242.294 368.79 243.034 368.189C243.775 367.588 244.319 366.781 244.6 365.87C244.975 364.662 244.858 363.355 244.276 362.232C243.694 361.109 242.693 360.261 241.49 359.87H241.46ZM244.04 365.73C243.788 366.526 243.305 367.228 242.653 367.75C242.002 368.271 241.21 368.587 240.379 368.658C239.547 368.73 238.713 368.553 237.982 368.151C237.251 367.748 236.656 367.138 236.272 366.398C235.888 365.657 235.731 364.819 235.823 363.989C235.915 363.16 236.251 362.377 236.788 361.738C237.325 361.099 238.039 360.634 238.841 360.401C239.642 360.169 240.494 360.179 241.29 360.43C241.821 360.594 242.315 360.862 242.743 361.218C243.171 361.573 243.524 362.01 243.782 362.502C244.04 362.995 244.199 363.534 244.248 364.088C244.298 364.642 244.237 365.2 244.07 365.73H244.04ZM241.46 359.87C240.552 359.582 239.578 359.569 238.663 359.835C237.747 360.101 236.931 360.632 236.319 361.362C235.706 362.093 235.324 362.988 235.221 363.936C235.118 364.883 235.299 365.84 235.741 366.685C236.183 367.529 236.866 368.223 237.703 368.679C238.541 369.135 239.494 369.331 240.443 369.244C241.393 369.157 242.294 368.79 243.034 368.189C243.775 367.588 244.319 366.781 244.6 365.87C244.975 364.662 244.858 363.355 244.276 362.232C243.694 361.109 242.693 360.261 241.49 359.87H241.46ZM244.04 365.73C243.788 366.526 243.305 367.228 242.653 367.75C242.002 368.271 241.21 368.587 240.379 368.658C239.547 368.73 238.713 368.553 237.982 368.151C237.251 367.748 236.656 367.138 236.272 366.398C235.888 365.657 235.731 364.819 235.823 363.989C235.915 363.16 236.251 362.377 236.788 361.738C237.325 361.099 238.039 360.634 238.841 360.401C239.642 360.169 240.494 360.179 241.29 360.43C241.821 360.594 242.315 360.862 242.743 361.218C243.171 361.573 243.524 362.01 243.782 362.502C244.04 362.995 244.199 363.534 244.248 364.088C244.298 364.642 244.237 365.2 244.07 365.73H244.04Z" fill="#4361EE"/>
+<path d="M238.99 374.31L235.27 373.13L234.65 375.83L237.95 376.87L238.99 374.31Z" fill="#4361EE"/>
+<path d="M232.31 370.82L230.51 367.37L228.16 368.83L229.76 371.91L232.31 370.82Z" fill="#4361EE"/>
+<path d="M230.05 363.64L231.22 359.93L228.53 359.3L227.48 362.61L230.05 363.64Z" fill="#4361EE"/>
+<path d="M233.53 356.96L236.99 355.17L235.52 352.82L232.45 354.42L233.53 356.96Z" fill="#4361EE"/>
+<path d="M240.71 354.7L244.43 355.88L245.05 353.18L241.75 352.14L240.71 354.7Z" fill="#4361EE"/>
+<path d="M247.39 358.18L249.19 361.64L251.54 360.18L249.94 357.1L247.39 358.18Z" fill="#4361EE"/>
+<path d="M249.65 365.37L248.48 369.08L251.18 369.71L252.22 366.4L249.65 365.37Z" fill="#4361EE"/>
+<path d="M246.17 372.04L242.72 373.84L244.18 376.19L247.25 374.59L246.17 372.04Z" fill="#4361EE"/>
+<path d="M257.84 374C257.304 373.649 256.675 373.465 256.034 373.471C255.393 373.478 254.768 373.674 254.239 374.035C253.709 374.397 253.299 374.907 253.06 375.502C252.82 376.097 252.763 376.749 252.895 377.377C253.026 378.004 253.341 378.578 253.799 379.027C254.257 379.475 254.838 379.778 255.468 379.896C256.098 380.014 256.749 379.943 257.339 379.691C257.928 379.439 258.43 379.017 258.78 378.48C259.249 377.761 259.413 376.886 259.237 376.046C259.06 375.206 258.558 374.47 257.84 374ZM258.45 378.26C258.143 378.731 257.704 379.1 257.188 379.321C256.671 379.542 256.101 379.605 255.549 379.502C254.997 379.399 254.488 379.134 254.086 378.742C253.684 378.35 253.408 377.847 253.292 377.297C253.176 376.748 253.225 376.176 253.434 375.655C253.643 375.133 254.001 374.685 254.465 374.368C254.928 374.05 255.475 373.877 256.037 373.871C256.598 373.864 257.149 374.024 257.62 374.33C257.934 374.534 258.205 374.798 258.416 375.106C258.628 375.414 258.777 375.762 258.854 376.128C258.931 376.494 258.935 376.872 258.866 377.239C258.796 377.607 258.655 377.957 258.45 378.27V378.26ZM257.84 374C257.304 373.649 256.675 373.465 256.034 373.471C255.393 373.478 254.768 373.674 254.239 374.035C253.709 374.397 253.299 374.907 253.06 375.502C252.82 376.097 252.763 376.749 252.895 377.377C253.026 378.004 253.341 378.578 253.799 379.027C254.257 379.475 254.838 379.778 255.468 379.896C256.098 380.014 256.749 379.943 257.339 379.691C257.928 379.439 258.43 379.017 258.78 378.48C259.249 377.761 259.413 376.886 259.237 376.046C259.06 375.206 258.558 374.47 257.84 374ZM258.45 378.26C258.143 378.731 257.704 379.1 257.188 379.321C256.671 379.542 256.101 379.605 255.549 379.502C254.997 379.399 254.488 379.134 254.086 378.742C253.684 378.35 253.408 377.847 253.292 377.297C253.176 376.748 253.225 376.176 253.434 375.655C253.643 375.133 254.001 374.685 254.465 374.368C254.928 374.05 255.475 373.877 256.037 373.871C256.598 373.864 257.149 374.024 257.62 374.33C257.934 374.534 258.205 374.798 258.416 375.106C258.628 375.414 258.777 375.762 258.854 376.128C258.931 376.494 258.935 376.872 258.866 377.239C258.796 377.607 258.655 377.957 258.45 378.27V378.26ZM257.84 374C257.304 373.649 256.675 373.465 256.034 373.471C255.393 373.478 254.768 373.674 254.239 374.035C253.709 374.397 253.299 374.907 253.06 375.502C252.82 376.097 252.763 376.749 252.895 377.377C253.026 378.004 253.341 378.578 253.799 379.027C254.257 379.475 254.838 379.778 255.468 379.896C256.098 380.014 256.749 379.943 257.339 379.691C257.928 379.439 258.43 379.017 258.78 378.48C259.249 377.761 259.413 376.886 259.237 376.046C259.06 375.206 258.558 374.47 257.84 374ZM258.45 378.26C258.143 378.731 257.704 379.1 257.188 379.321C256.671 379.542 256.101 379.605 255.549 379.502C254.997 379.399 254.488 379.134 254.086 378.742C253.684 378.35 253.408 377.847 253.292 377.297C253.176 376.748 253.225 376.176 253.434 375.655C253.643 375.133 254.001 374.685 254.465 374.368C254.928 374.05 255.475 373.877 256.037 373.871C256.598 373.864 257.149 374.024 257.62 374.33C257.934 374.534 258.205 374.798 258.416 375.106C258.628 375.414 258.777 375.762 258.854 376.128C258.931 376.494 258.935 376.872 258.866 377.239C258.796 377.607 258.655 377.957 258.45 378.27V378.26ZM259.79 371C258.659 370.266 257.336 369.883 255.987 369.9C254.639 369.917 253.326 370.334 252.214 371.097C251.102 371.861 250.242 372.936 249.741 374.189C249.241 375.441 249.123 376.814 249.403 378.133C249.682 379.452 250.347 380.659 251.312 381.601C252.277 382.543 253.5 383.177 254.826 383.424C256.151 383.671 257.521 383.519 258.76 382.988C260 382.457 261.054 381.571 261.79 380.44C262.279 379.689 262.615 378.849 262.779 377.968C262.943 377.087 262.932 376.183 262.746 375.306C262.561 374.429 262.204 373.598 261.697 372.859C261.189 372.12 260.542 371.489 259.79 371ZM259.2 378.75C258.797 379.371 258.218 379.858 257.538 380.149C256.858 380.441 256.106 380.524 255.379 380.388C254.651 380.252 253.981 379.904 253.451 379.387C252.922 378.87 252.558 378.207 252.405 377.483C252.252 376.759 252.318 376.006 252.594 375.319C252.869 374.632 253.342 374.043 253.953 373.625C254.564 373.207 255.285 372.98 256.025 372.972C256.765 372.964 257.49 373.176 258.11 373.58C258.522 373.849 258.877 374.196 259.155 374.601C259.433 375.007 259.628 375.463 259.729 375.944C259.83 376.425 259.836 376.922 259.745 377.405C259.654 377.888 259.469 378.349 259.2 378.76V378.75ZM258.78 378.48C259.126 377.944 259.306 377.318 259.297 376.68C259.288 376.042 259.09 375.421 258.728 374.895C258.366 374.37 257.857 373.963 257.264 373.727C256.671 373.49 256.022 373.435 255.397 373.567C254.773 373.699 254.202 374.014 253.756 374.47C253.311 374.927 253.01 375.505 252.893 376.133C252.775 376.76 252.846 377.408 253.097 377.995C253.347 378.582 253.766 379.081 254.3 379.43C255.02 379.896 255.894 380.059 256.734 379.883C257.573 379.707 258.308 379.206 258.78 378.49V378.48ZM258.45 378.26C258.143 378.731 257.704 379.1 257.188 379.321C256.671 379.542 256.101 379.605 255.549 379.502C254.997 379.399 254.488 379.134 254.086 378.742C253.684 378.35 253.408 377.847 253.292 377.297C253.176 376.748 253.225 376.176 253.434 375.655C253.643 375.133 254.001 374.685 254.465 374.368C254.928 374.05 255.475 373.877 256.037 373.871C256.598 373.864 257.149 374.024 257.62 374.33C257.934 374.534 258.205 374.798 258.416 375.106C258.628 375.414 258.777 375.762 258.854 376.128C258.931 376.494 258.935 376.872 258.866 377.239C258.796 377.607 258.655 377.957 258.45 378.27V378.26ZM257.84 374C257.304 373.649 256.675 373.465 256.034 373.471C255.393 373.478 254.768 373.674 254.239 374.035C253.709 374.397 253.299 374.907 253.06 375.502C252.82 376.097 252.763 376.749 252.895 377.377C253.026 378.004 253.341 378.578 253.799 379.027C254.257 379.475 254.838 379.778 255.468 379.896C256.098 380.014 256.749 379.943 257.339 379.691C257.928 379.439 258.43 379.017 258.78 378.48C259.249 377.761 259.413 376.886 259.237 376.046C259.06 375.206 258.558 374.47 257.84 374ZM258.45 378.26C258.143 378.731 257.704 379.1 257.188 379.321C256.671 379.542 256.101 379.605 255.549 379.502C254.997 379.399 254.488 379.134 254.086 378.742C253.684 378.35 253.408 377.847 253.292 377.297C253.176 376.748 253.225 376.176 253.434 375.655C253.643 375.133 254.001 374.685 254.465 374.368C254.928 374.05 255.475 373.877 256.037 373.871C256.598 373.864 257.149 374.024 257.62 374.33C257.934 374.534 258.205 374.798 258.416 375.106C258.628 375.414 258.777 375.762 258.854 376.128C258.931 376.494 258.935 376.872 258.866 377.239C258.796 377.607 258.655 377.957 258.45 378.27V378.26ZM257.84 374C257.304 373.649 256.675 373.465 256.034 373.471C255.393 373.478 254.768 373.674 254.239 374.035C253.709 374.397 253.299 374.907 253.06 375.502C252.82 376.097 252.763 376.749 252.895 377.377C253.026 378.004 253.341 378.578 253.799 379.027C254.257 379.475 254.838 379.778 255.468 379.896C256.098 380.014 256.749 379.943 257.339 379.691C257.928 379.439 258.43 379.017 258.78 378.48C259.249 377.761 259.413 376.886 259.237 376.046C259.06 375.206 258.558 374.47 257.84 374ZM258.45 378.26C258.143 378.731 257.704 379.1 257.188 379.321C256.671 379.542 256.101 379.605 255.549 379.502C254.997 379.399 254.488 379.134 254.086 378.742C253.684 378.35 253.408 377.847 253.292 377.297C253.176 376.748 253.225 376.176 253.434 375.655C253.643 375.133 254.001 374.685 254.465 374.368C254.928 374.05 255.475 373.877 256.037 373.871C256.598 373.864 257.149 374.024 257.62 374.33C257.934 374.534 258.205 374.798 258.416 375.106C258.628 375.414 258.777 375.762 258.854 376.128C258.931 376.494 258.935 376.872 258.866 377.239C258.796 377.607 258.655 377.957 258.45 378.27V378.26Z" fill="#DBDBDB"/>
+<path d="M253.6 382.92L251.4 381.49L250.51 383.12L252.47 384.39L253.6 382.92Z" fill="#DBDBDB"/>
+<path d="M249.9 379.45L249.36 376.89L247.57 377.41L248.05 379.7L249.9 379.45Z" fill="#DBDBDB"/>
+<path d="M249.73 374.39L251.16 372.19L249.53 371.3L248.25 373.25L249.73 374.39Z" fill="#DBDBDB"/>
+<path d="M253.2 370.69L255.76 370.14L255.24 368.36L252.95 368.84L253.2 370.69Z" fill="#DBDBDB"/>
+<path d="M258.26 370.52L260.46 371.95L261.35 370.31L259.4 369.04L258.26 370.52Z" fill="#DBDBDB"/>
+<path d="M261.96 373.98L262.51 376.55L264.29 376.02L263.81 373.74L261.96 373.98Z" fill="#DBDBDB"/>
+<path d="M262.13 379.05L260.7 381.25L262.33 382.14L263.61 380.18L262.13 379.05Z" fill="#DBDBDB"/>
+<path d="M258.67 382.75L256.1 383.29L256.63 385.08L258.91 384.6L258.67 382.75Z" fill="#DBDBDB"/>
+<path d="M305.59 401.41L308.78 402.01L317.88 340.38L314.25 339.71L305.59 401.41Z" fill="#4361EE"/>
+<path d="M277.72 391.65L282.45 350.47L314.25 339.71C314.25 339.71 305.59 402.08 305.59 401.41L277.72 391.65Z" fill="#4361EE"/>
+<path opacity="0.4" d="M277.72 391.65L282.45 350.47L314.25 339.71C314.25 339.71 305.59 402.08 305.59 401.41L277.72 391.65Z" fill="white"/>
+<path d="M200.64 352.14C200.12 348.73 199.84 345.29 199.64 341.85C199.54 340.13 199.5 338.4 199.46 336.68C199.42 334.96 199.4 333.23 199.46 331.5V331.05H199.9C206.22 330.71 212.53 330.29 218.9 330.05C225.27 329.81 231.54 329.45 237.9 329.25C231.59 329.82 225.29 330.31 218.98 330.77C212.67 331.23 206.35 331.61 200.04 332.04L200.5 331.57V336.72L200.56 341.87C200.56 343.59 200.56 345.31 200.65 347.02L200.64 352.14Z" fill="white"/>
+<path d="M286.88 351.08C288.88 350.14 290.88 349.27 292.88 348.47C294.88 347.67 296.92 346.897 299 346.15C301.06 345.45 303.13 344.76 305.24 344.15C307.34 343.532 309.473 343.035 311.63 342.66L312.16 342.57L312.07 343.08C311.57 345.75 311.07 348.41 310.43 351.08C310.66 348.37 310.99 345.67 311.33 342.98L311.77 343.41C309.67 343.91 307.59 344.49 305.51 345.11C303.43 345.73 301.36 346.38 299.3 347.05L286.88 351.08Z" fill="white"/>
+<path opacity="0.1" d="M214.4 328.12L214.94 338.42L215.4 348.72L216.19 369.33L216.81 389.94L217.06 400.25L217.23 410.57L216.69 400.27L216.24 389.96L215.44 369.36L214.82 348.74L214.57 338.43L214.4 328.12Z" fill="black"/>
+<path opacity="0.1" d="M211.45 334.33C211.526 334.694 211.496 335.073 211.362 335.421C211.228 335.768 210.997 336.069 210.695 336.288C210.394 336.507 210.036 336.634 209.664 336.654C209.292 336.674 208.923 336.586 208.6 336.4C208.361 336.259 208.154 336.07 207.992 335.844C207.83 335.619 207.717 335.362 207.66 335.09C207.609 334.819 207.615 334.541 207.677 334.273C207.739 334.004 207.856 333.751 208.02 333.53C208.183 333.323 208.385 333.15 208.615 333.021C208.845 332.893 209.098 332.811 209.36 332.78C209.839 332.734 210.317 332.866 210.703 333.153C211.09 333.439 211.356 333.859 211.45 334.33ZM211.45 334.33C211.378 333.982 211.189 333.669 210.915 333.444C210.641 333.218 210.298 333.092 209.942 333.087C209.587 333.083 209.241 333.2 208.961 333.419C208.682 333.638 208.485 333.945 208.404 334.291C208.323 334.637 208.362 335 208.516 335.321C208.669 335.641 208.927 335.9 209.247 336.054C209.568 336.207 209.931 336.247 210.277 336.167C210.623 336.086 210.931 335.89 211.15 335.61C211.29 335.431 211.39 335.224 211.441 335.003C211.493 334.782 211.496 334.552 211.45 334.33Z" fill="black"/>
+<path opacity="0.1" d="M212.16 346.68C212.242 347.151 212.154 347.636 211.91 348.046C211.666 348.457 211.283 348.767 210.83 348.92C210.571 348.999 210.298 349.023 210.03 348.99C209.761 348.957 209.502 348.868 209.27 348.729C209.038 348.589 208.838 348.402 208.683 348.18C208.528 347.958 208.421 347.706 208.37 347.44C208.319 347.169 208.325 346.891 208.387 346.623C208.449 346.354 208.566 346.101 208.73 345.88C208.893 345.673 209.095 345.5 209.325 345.371C209.555 345.243 209.808 345.161 210.07 345.13C210.549 345.084 211.027 345.216 211.413 345.503C211.8 345.789 212.066 346.209 212.16 346.68ZM212.16 346.68C212.12 346.464 212.034 346.259 211.908 346.078C211.781 345.898 211.618 345.747 211.428 345.635C211.239 345.523 211.028 345.453 210.809 345.43C210.59 345.407 210.369 345.431 210.16 345.5C209.869 345.59 209.611 345.762 209.416 345.996C209.222 346.23 209.099 346.515 209.064 346.817C209.028 347.12 209.081 347.425 209.217 347.698C209.352 347.971 209.563 348.198 209.825 348.353C210.087 348.507 210.389 348.582 210.692 348.569C210.996 348.555 211.29 348.454 211.537 348.277C211.785 348.1 211.975 347.854 212.086 347.571C212.196 347.288 212.222 346.978 212.16 346.68Z" fill="black"/>
+<path opacity="0.1" d="M212.61 359.79C212.692 360.261 212.604 360.746 212.36 361.157C212.116 361.568 211.733 361.877 211.28 362.03C210.771 362.177 210.224 362.116 209.76 361.86C209.521 361.719 209.314 361.53 209.152 361.304C208.99 361.079 208.877 360.822 208.82 360.55C208.769 360.28 208.775 360.001 208.837 359.733C208.899 359.464 209.016 359.212 209.18 358.99C209.405 358.694 209.712 358.47 210.062 358.344C210.412 358.217 210.792 358.195 211.154 358.28C211.517 358.364 211.847 358.552 212.105 358.82C212.364 359.088 212.539 359.425 212.61 359.79ZM212.61 359.79C212.57 359.574 212.484 359.369 212.358 359.189C212.231 359.008 212.068 358.857 211.878 358.745C211.689 358.634 211.478 358.564 211.259 358.54C211.04 358.517 210.819 358.541 210.61 358.61C210.319 358.7 210.061 358.872 209.866 359.106C209.672 359.34 209.549 359.625 209.514 359.928C209.478 360.23 209.531 360.536 209.667 360.808C209.802 361.081 210.013 361.308 210.275 361.463C210.537 361.617 210.839 361.693 211.142 361.679C211.446 361.666 211.74 361.564 211.987 361.387C212.235 361.21 212.425 360.965 212.536 360.681C212.646 360.398 212.672 360.088 212.61 359.79Z" fill="black"/>
+<path opacity="0.1" d="M213.06 372.9C213.142 373.371 213.054 373.856 212.81 374.267C212.566 374.677 212.183 374.987 211.73 375.14C211.471 375.209 211.201 375.225 210.936 375.187C210.671 375.149 210.416 375.059 210.187 374.921C209.958 374.783 209.758 374.6 209.601 374.383C209.443 374.167 209.331 373.921 209.27 373.66C209.219 373.389 209.225 373.111 209.287 372.843C209.349 372.574 209.466 372.321 209.63 372.1C209.856 371.804 210.162 371.579 210.512 371.453C210.862 371.327 211.242 371.305 211.604 371.39C211.967 371.474 212.297 371.662 212.555 371.93C212.814 372.198 212.989 372.535 213.06 372.9ZM213.06 372.9C213.015 372.677 212.923 372.467 212.79 372.282C212.658 372.098 212.487 371.944 212.29 371.83C211.905 371.628 211.456 371.585 211.04 371.71C210.671 371.827 210.357 372.077 210.161 372.41C209.964 372.744 209.898 373.139 209.975 373.519C210.052 373.899 210.267 374.237 210.578 374.468C210.889 374.699 211.274 374.806 211.66 374.77C211.873 374.75 212.081 374.688 212.27 374.586C212.458 374.485 212.625 374.347 212.76 374.18C212.899 374.001 212.998 373.794 213.049 373.573C213.101 373.352 213.105 373.123 213.06 372.9Z" fill="black"/>
+<path opacity="0.1" d="M213.51 386C213.586 386.365 213.556 386.743 213.422 387.091C213.288 387.438 213.057 387.739 212.755 387.958C212.454 388.177 212.096 388.304 211.724 388.324C211.352 388.344 210.983 388.256 210.66 388.07C210.422 387.93 210.216 387.742 210.054 387.519C209.892 387.295 209.778 387.04 209.72 386.77C209.668 386.498 209.673 386.218 209.735 385.947C209.797 385.677 209.914 385.423 210.08 385.2C210.243 384.993 210.445 384.82 210.675 384.692C210.905 384.563 211.158 384.481 211.42 384.45C211.896 384.417 212.368 384.555 212.752 384.839C213.135 385.123 213.404 385.535 213.51 386ZM213.51 386C213.467 385.785 213.379 385.582 213.252 385.404C213.125 385.225 212.962 385.075 212.773 384.964C212.585 384.853 212.375 384.782 212.157 384.758C211.939 384.733 211.719 384.754 211.51 384.82C211.141 384.937 210.827 385.187 210.631 385.52C210.434 385.854 210.368 386.249 210.445 386.629C210.522 387.009 210.737 387.346 211.048 387.577C211.359 387.809 211.744 387.916 212.13 387.88C212.351 387.862 212.566 387.798 212.76 387.69C212.954 387.583 213.123 387.435 213.255 387.257C213.388 387.079 213.481 386.875 213.528 386.658C213.576 386.442 213.576 386.217 213.53 386H213.51Z" fill="black"/>
+<path opacity="0.1" d="M214 399.11C214.051 399.359 214.052 399.615 214.003 399.865C213.955 400.114 213.857 400.351 213.717 400.563C213.577 400.775 213.396 400.957 213.186 401.099C212.975 401.24 212.739 401.34 212.49 401.39C212.241 401.441 211.985 401.442 211.736 401.393C211.486 401.345 211.249 401.248 211.037 401.107C210.826 400.967 210.644 400.787 210.502 400.576C210.36 400.365 210.261 400.129 210.21 399.88C210.156 399.615 210.157 399.341 210.215 399.076C210.273 398.811 210.385 398.562 210.545 398.343C210.706 398.124 210.91 397.942 211.145 397.807C211.38 397.672 211.641 397.588 211.91 397.56C212.386 397.527 212.858 397.664 213.242 397.949C213.625 398.233 213.894 398.645 214 399.11ZM214 399.11C213.955 398.889 213.863 398.679 213.73 398.497C213.597 398.314 213.427 398.161 213.23 398.05C213.04 397.948 212.832 397.885 212.617 397.864C212.402 397.843 212.186 397.866 211.98 397.93C211.611 398.047 211.297 398.296 211.101 398.63C210.904 398.964 210.838 399.359 210.915 399.739C210.992 400.118 211.207 400.456 211.518 400.687C211.829 400.918 212.214 401.026 212.6 400.99C212.821 400.972 213.036 400.907 213.23 400.8C213.424 400.692 213.593 400.545 213.725 400.367C213.858 400.189 213.951 399.985 213.998 399.768C214.046 399.551 214.046 399.327 214 399.11Z" fill="black"/>
+<path d="M218.02 419.152L171.145 433.358L172.804 438.832L219.679 424.626L218.02 419.152Z" fill="#4361EE"/>
+<path opacity="0.4" d="M218.02 419.152L171.145 433.358L172.804 438.832L219.679 424.626L218.02 419.152Z" fill="white"/>
+<path d="M195.552 424.103L190.101 425.836L192.676 433.937L198.127 432.203L195.552 424.103Z" fill="#4361EE"/>
+<path d="M172.43 446.86L160.33 394.48L123.82 403.14L141.8 454.19L172.43 446.86Z" fill="#4361EE"/>
+<path d="M180.53 444.2L172.43 446.86L160.33 394.48L171.98 397.26L180.53 444.2Z" fill="#4361EE"/>
+<path opacity="0.2" d="M180.53 444.2L172.43 446.86L160.33 394.48L171.98 397.26L180.53 444.2Z" fill="black"/>
+<path d="M218.86 428.1C222.29 428.1 225.07 425.32 225.07 421.89C225.07 418.461 222.29 415.68 218.86 415.68C215.43 415.68 212.65 418.461 212.65 421.89C212.65 425.32 215.43 428.1 218.86 428.1Z" fill="#4361EE"/>
+<path d="M282.814 419.021L281.144 424.492L327.988 438.796L329.659 433.325L282.814 419.021Z" fill="#4361EE"/>
+<path opacity="0.4" d="M282.814 419.021L281.144 424.492L327.988 438.796L329.659 433.325L282.814 419.021Z" fill="white"/>
+<path d="M305.251 423.971L302.657 432.066L308.104 433.812L310.698 425.717L305.251 423.971Z" fill="#4361EE"/>
+<path d="M328.36 446.82L340.56 394.46L377.06 403.2L358.97 454.21L328.36 446.82Z" fill="#4361EE"/>
+<path d="M320.26 444.14L328.36 446.82L340.56 394.46L328.91 397.21L320.26 444.14Z" fill="#4361EE"/>
+<path opacity="0.2" d="M320.26 444.14L328.36 446.82L340.56 394.46L328.91 397.21L320.26 444.14Z" fill="black"/>
+<path d="M275.76 421.74C275.756 422.971 276.117 424.175 276.798 425.2C277.478 426.225 278.448 427.026 279.584 427.5C280.719 427.974 281.97 428.101 283.178 427.864C284.385 427.627 285.495 427.037 286.368 426.169C287.24 425.301 287.835 424.193 288.078 422.987C288.321 421.781 288.2 420.529 287.731 419.391C287.263 418.253 286.467 417.28 285.445 416.595C284.423 415.909 283.221 415.542 281.99 415.54C281.174 415.537 280.365 415.696 279.61 416.006C278.855 416.316 278.168 416.772 277.59 417.348C277.011 417.924 276.551 418.608 276.238 419.362C275.924 420.116 275.761 420.924 275.76 421.74Z" fill="#4361EE"/>
+<path d="M322.66 357.13C322.81 356.99 337.87 343.03 355.58 347.81C373.69 352.69 388.64 379.97 388.79 380.25L393.79 377.53C393.13 376.32 377.53 347.8 357.03 342.28C336.17 336.66 319.38 352.28 318.68 352.98L322.66 357.13Z" fill="#4361EE"/>
+<path opacity="0.4" d="M322.66 357.13C322.81 356.99 337.87 343.03 355.58 347.81C373.69 352.69 388.64 379.97 388.79 380.25L393.79 377.53C393.13 376.32 377.53 347.8 357.03 342.28C336.17 336.66 319.38 352.28 318.68 352.98L322.66 357.13Z" fill="white"/>
+<path d="M382.12 407.71L393 402C391.63 399.381 390.778 396.522 390.49 393.58C390.25 389.58 391.83 388.22 393.56 387.3C397.36 385.3 399.63 386.09 401.18 387C403.35 388.29 405.56 390.91 407.4 394.4L418.25 388.67C415.25 383.05 411.63 378.93 407.41 376.44C403.19 373.95 396.41 371.94 387.84 376.44C381.17 379.96 377.77 386.3 378.25 394.3C378.64 398.982 379.955 403.54 382.12 407.71Z" fill="#4361EE"/>
+<path d="M325 338C327.35 336.38 329.76 334.85 332.17 333.33C334.58 331.81 337.03 330.33 339.48 328.89C341.93 327.45 344.4 326.02 346.9 324.65L350.66 322.6C351.93 321.95 353.18 321.27 354.47 320.6C353.3 321.42 352.09 322.19 350.91 322.98L347.29 325.27C344.88 326.8 342.44 328.27 339.99 329.71C337.54 331.15 335.06 332.58 332.56 333.95C330.06 335.32 327.51 336.75 325 338Z" fill="#263238"/>
+<path d="M318.72 361.42C322.09 363.34 325.28 365.51 328.43 367.73C331.58 369.95 334.64 372.29 337.55 374.85C334.21 372.911 330.969 370.805 327.84 368.54C324.72 366.29 321.63 364 318.72 361.42Z" fill="#263238"/>
+<path d="M324.25 358.54C326.85 359.33 329.41 360.23 331.96 361.13C334.51 362.03 337 363 339.57 364C342.14 365 344.57 366 347.09 367L350.83 368.6C352.06 369.17 353.3 369.71 354.52 370.3C353.22 369.92 351.94 369.47 350.65 369.06L346.82 367.72C344.26 366.82 341.73 365.85 339.21 364.88C336.69 363.91 334.21 362.88 331.68 361.88C329.15 360.88 326.7 359.72 324.25 358.54Z" fill="#263238"/>
+<path d="M331.63 340.22C334.12 339.57 336.63 339.03 339.14 338.51C341.65 337.99 344.14 337.51 346.7 337.06C349.26 336.61 351.75 336.2 354.29 335.84L358.1 335.31C359.38 335.17 360.65 335 361.94 334.89C360.69 335.22 359.44 335.49 358.19 335.8L354.43 336.6C351.92 337.13 349.43 337.6 346.87 338.05C344.31 338.5 341.81 338.91 339.27 339.26C336.73 339.61 334.19 340 331.63 340.22Z" fill="#263238"/>
+<path d="M271.62 355.79C272.055 353.759 272.726 351.785 273.62 349.91C274.487 348.013 275.6 346.237 276.93 344.63C278.261 342.986 279.979 341.698 281.93 340.88C283.969 340.124 286.215 340.146 288.24 340.94C290.27 341.783 291.889 343.388 292.75 345.41C293.199 346.394 293.483 347.444 293.59 348.52C293.728 349.624 293.601 350.745 293.22 351.79C293.009 352.363 292.624 352.856 292.12 353.2C291.847 353.382 291.535 353.498 291.21 353.54C290.874 353.596 290.53 353.565 290.21 353.45C289.645 353.171 289.191 352.709 288.92 352.14C288.666 351.651 288.468 351.134 288.33 350.6C287.825 348.538 287.649 346.408 287.81 344.29C288.021 340.052 289.271 335.931 291.45 332.29C292.567 330.474 294.044 328.905 295.79 327.68C297.539 326.453 299.56 325.67 301.68 325.4C302.716 325.21 303.767 325.12 304.82 325.13C305.349 325.118 305.877 325.152 306.4 325.23C306.925 325.26 307.446 325.33 307.96 325.44C310.021 325.851 312.001 326.597 313.82 327.65C315.609 328.721 317.256 330.015 318.72 331.5C320.195 332.958 321.49 334.586 322.58 336.35C320.252 332.942 317.173 330.113 313.58 328.08C311.791 327.107 309.856 326.431 307.85 326.08C306.857 325.932 305.854 325.855 304.85 325.85C303.842 325.865 302.837 325.976 301.85 326.18C299.859 326.485 297.966 327.249 296.32 328.41C294.68 329.576 293.298 331.067 292.26 332.79C290.194 336.3 289.016 340.262 288.83 344.33C288.666 346.341 288.817 348.366 289.28 350.33C289.52 351.25 289.95 352.33 290.58 352.57C290.655 352.594 290.732 352.61 290.81 352.62C290.909 352.635 291.011 352.635 291.11 352.62C291.299 352.598 291.48 352.533 291.64 352.43C291.99 352.183 292.256 351.834 292.4 351.43C292.736 350.527 292.849 349.556 292.73 348.6C292.632 347.617 292.379 346.655 291.98 345.75C291.215 343.923 289.786 342.454 287.98 341.64C286.134 340.872 284.07 340.808 282.18 341.46C280.294 342.206 278.619 343.4 277.3 344.94C274.601 348.074 272.657 351.786 271.62 355.79Z" fill="#263238"/>
+<path d="M179.22 381.7C180.196 379.881 181.562 378.299 183.22 377.07C184.879 375.792 186.786 374.876 188.82 374.38C190.879 373.873 193.034 373.918 195.07 374.51C197.104 375.143 198.943 376.286 200.41 377.83C201.87 379.365 203.005 381.177 203.75 383.16C204.532 385.139 204.873 387.265 204.75 389.39C204.713 390.528 204.306 391.624 203.59 392.51C203.149 392.976 202.541 393.249 201.9 393.27C201.304 393.28 200.714 393.147 200.18 392.88C199.633 392.588 199.198 392.124 198.94 391.56C198.703 391.031 198.574 390.46 198.56 389.88C198.546 388.794 198.726 387.713 199.09 386.69C199.789 384.692 200.824 382.829 202.15 381.18C203.444 379.521 204.97 378.056 206.68 376.83C210.096 374.27 214.355 373.098 218.6 373.55C220.692 373.799 222.714 374.458 224.55 375.49C226.373 376.531 227.979 377.913 229.28 379.56C230.552 381.201 231.589 383.012 232.36 384.94C233.148 386.849 233.699 388.847 234 390.89C233.223 386.858 231.464 383.081 228.88 379.89C227.597 378.326 226.021 377.029 224.24 376.07C222.463 375.123 220.515 374.539 218.51 374.35C214.477 373.981 210.451 375.129 207.22 377.57C203.948 379.937 201.446 383.217 200.03 387C199.691 387.912 199.518 388.877 199.52 389.85C199.49 390.281 199.576 390.713 199.77 391.1C199.963 391.487 200.257 391.815 200.62 392.05C201.005 392.252 201.435 392.352 201.87 392.34C202.069 392.336 202.266 392.293 202.448 392.212C202.63 392.131 202.794 392.015 202.93 391.87C203.502 391.136 203.824 390.239 203.85 389.31C203.947 387.314 203.605 385.32 202.85 383.47C202.147 381.591 201.088 379.866 199.73 378.39C198.366 376.907 196.644 375.799 194.73 375.17C192.814 374.564 190.772 374.475 188.81 374.91C184.841 375.816 181.393 378.257 179.22 381.7Z" fill="#263238"/>
+<path d="M133 140.21C132.959 136.083 131.967 132.021 130.1 128.34C129.192 126.527 127.853 124.965 126.2 123.79C124.517 122.708 122.498 122.278 120.52 122.58C118.574 122.925 116.833 123.997 115.65 125.58C115.042 126.357 114.565 127.229 114.24 128.16C113.894 129.061 113.771 130.032 113.88 130.99C113.928 131.412 114.102 131.81 114.38 132.13C114.51 132.272 114.67 132.382 114.85 132.45C114.944 132.486 115.041 132.513 115.14 132.53C115.22 132.535 115.3 132.535 115.38 132.53C116.06 132.4 116.73 131.53 117.18 130.67C118.072 128.884 118.685 126.972 119 125C119.786 121.013 119.59 116.895 118.43 113C117.83 111.077 116.843 109.297 115.53 107.77C114.209 106.249 112.552 105.058 110.69 104.29C109.777 103.867 108.826 103.533 107.85 103.29C106.865 103.044 105.862 102.877 104.85 102.79C102.831 102.659 100.803 102.861 98.85 103.39C94.8709 104.497 91.2019 106.51 88.13 109.27C89.6083 107.811 91.2568 106.535 93.04 105.47C94.8149 104.382 96.7199 103.522 98.71 102.91C100.728 102.321 102.83 102.067 104.93 102.16C105.979 102.238 107.022 102.389 108.05 102.61C109.079 102.85 110.083 103.185 111.05 103.61C113.044 104.38 114.822 105.622 116.23 107.23C117.634 108.834 118.692 110.71 119.34 112.74C120.586 116.785 120.823 121.073 120.03 125.23C119.681 127.322 119.006 129.347 118.03 131.23C117.766 131.713 117.451 132.166 117.09 132.58C116.695 133.082 116.142 133.435 115.52 133.58C115.179 133.612 114.836 133.561 114.52 133.43C114.219 133.312 113.949 133.128 113.73 132.89C113.324 132.43 113.066 131.859 112.99 131.25C112.869 130.146 113.013 129.028 113.41 127.99C113.777 126.971 114.307 126.019 114.98 125.17C116.294 123.409 118.248 122.235 120.42 121.9C122.575 121.616 124.76 122.132 126.56 123.35C128.275 124.606 129.65 126.269 130.56 128.19C131.486 130.066 132.158 132.057 132.56 134.11C132.944 136.119 133.092 138.167 133 140.21Z" fill="#263238"/>
+<path d="M353.77 192.37C349.75 191.436 345.57 191.436 341.55 192.37C339.576 192.834 337.746 193.775 336.22 195.11C334.769 196.485 333.879 198.348 333.72 200.34C333.608 202.321 334.256 204.27 335.53 205.79C336.147 206.571 336.886 207.247 337.72 207.79C338.516 208.328 339.427 208.67 340.38 208.79C340.804 208.837 341.232 208.757 341.61 208.56C341.779 208.469 341.923 208.339 342.03 208.18C342.09 208.11 342.12 208 342.18 207.92C342.24 207.84 342.18 207.76 342.23 207.69C342.23 207 341.55 206.14 340.84 205.5C339.303 204.199 337.576 203.14 335.72 202.36C332.022 200.659 327.964 199.887 323.9 200.11C321.891 200.245 319.931 200.79 318.14 201.71C316.353 202.637 314.809 203.969 313.63 205.6C312.993 206.386 312.43 207.23 311.95 208.12C311.701 208.563 311.487 209.024 311.31 209.5C311.092 209.955 310.911 210.426 310.77 210.91C310.166 212.851 309.886 214.878 309.94 216.91C310.092 221.036 311.194 225.07 313.16 228.7C312.087 226.926 311.231 225.029 310.61 223.05C309.969 221.067 309.579 219.011 309.45 216.93C309.346 214.832 309.586 212.731 310.16 210.71C310.302 210.202 310.479 209.704 310.69 209.22C310.868 208.725 311.082 208.244 311.33 207.78C311.803 206.838 312.366 205.944 313.01 205.11C314.226 203.353 315.849 201.915 317.74 200.92C319.629 199.937 321.697 199.345 323.82 199.18C328.042 198.913 332.266 199.685 336.12 201.43C338.074 202.259 339.886 203.39 341.49 204.78C341.898 205.152 342.266 205.564 342.59 206.01C342.969 206.514 343.17 207.13 343.16 207.76C343.117 208.097 342.99 208.417 342.79 208.69C342.603 208.959 342.357 209.182 342.07 209.34C341.531 209.627 340.917 209.742 340.31 209.67C339.207 209.533 338.154 209.131 337.24 208.5C336.335 207.906 335.531 207.17 334.86 206.32C333.47 204.643 332.786 202.492 332.95 200.32C333.174 198.156 334.184 196.149 335.79 194.68C337.418 193.32 339.355 192.38 341.43 191.94C343.468 191.497 345.557 191.325 347.64 191.43C349.713 191.507 351.77 191.822 353.77 192.37Z" fill="#263238"/>
+<path d="M291.86 127.67C291.195 125.278 291.062 122.769 291.47 120.32C291.825 117.832 292.701 115.447 294.04 113.32C295.369 111.168 297.246 109.408 299.48 108.22C301.743 107.071 304.263 106.52 306.8 106.62C309.323 106.714 311.802 107.313 314.09 108.38C316.414 109.403 318.486 110.922 320.16 112.83C321.074 113.818 321.636 115.08 321.76 116.42C321.773 117.163 321.493 117.882 320.98 118.42C320.487 118.919 319.879 119.29 319.21 119.5C318.519 119.701 317.781 119.67 317.11 119.41C316.476 119.155 315.899 118.778 315.41 118.3C314.496 117.388 313.752 116.322 313.21 115.15C312.136 112.865 311.46 110.413 311.21 107.9C310.931 105.405 311.009 102.883 311.44 100.41C312.222 95.3811 314.871 90.8317 318.86 87.6703C320.854 86.1354 323.131 85.0074 325.56 84.3503C327.982 83.7125 330.506 83.5495 332.99 83.8703C335.453 84.1944 337.857 84.8678 340.13 85.8703C342.405 86.8347 344.551 88.0776 346.52 89.5703C342.505 86.768 337.862 84.9991 333 84.4203C330.58 84.1523 328.132 84.3561 325.79 85.0203C321.124 86.4156 317.18 89.5666 314.79 93.8103C313.63 95.9285 312.835 98.2275 312.44 100.61C311.606 105.394 312.208 110.318 314.17 114.76C314.662 115.833 315.339 116.812 316.17 117.65C316.517 118.059 316.967 118.367 317.473 118.543C317.98 118.719 318.524 118.756 319.05 118.65C319.564 118.488 320.031 118.203 320.41 117.82C320.584 117.642 320.721 117.431 320.812 117.199C320.903 116.967 320.947 116.719 320.94 116.47C320.815 115.348 320.331 114.296 319.56 113.47C317.98 111.66 316.025 110.217 313.83 109.24C311.632 108.211 309.254 107.62 306.83 107.5C304.415 107.373 302.007 107.858 299.83 108.91C297.67 110.003 295.837 111.649 294.52 113.68C293.169 115.718 292.238 118.005 291.781 120.407C291.324 122.809 291.351 125.279 291.86 127.67Z" fill="#263238"/>
+<path d="M175.87 381.92C175.068 381.669 174.21 381.661 173.404 381.897C172.598 382.133 171.88 382.602 171.341 383.246C170.801 383.89 170.465 384.679 170.374 385.514C170.283 386.349 170.441 387.193 170.829 387.938C171.217 388.683 171.817 389.296 172.553 389.701C173.289 390.105 174.129 390.282 174.966 390.209C175.803 390.137 176.599 389.818 177.255 389.293C177.911 388.768 178.396 388.061 178.65 387.26C178.989 386.183 178.886 385.016 178.365 384.015C177.844 383.013 176.946 382.26 175.87 381.92ZM178.16 387.1C177.938 387.803 177.513 388.425 176.938 388.887C176.363 389.349 175.664 389.63 174.929 389.694C174.194 389.759 173.457 389.604 172.81 389.25C172.163 388.895 171.636 388.357 171.295 387.703C170.954 387.049 170.815 386.309 170.894 385.575C170.974 384.842 171.269 384.149 171.743 383.584C172.217 383.018 172.847 382.606 173.555 382.399C174.263 382.192 175.016 382.199 175.72 382.42C176.663 382.719 177.449 383.379 177.906 384.256C178.364 385.133 178.455 386.156 178.16 387.1ZM175.87 381.92C175.068 381.669 174.21 381.661 173.404 381.897C172.598 382.133 171.88 382.602 171.341 383.246C170.801 383.89 170.465 384.679 170.374 385.514C170.283 386.349 170.441 387.193 170.829 387.938C171.217 388.683 171.817 389.296 172.553 389.701C173.289 390.105 174.129 390.282 174.966 390.209C175.803 390.137 176.599 389.818 177.255 389.293C177.911 388.768 178.396 388.061 178.65 387.26C178.989 386.183 178.886 385.016 178.365 384.015C177.844 383.013 176.946 382.26 175.87 381.92ZM178.16 387.1C177.938 387.803 177.513 388.425 176.938 388.887C176.363 389.349 175.664 389.63 174.929 389.694C174.194 389.759 173.457 389.604 172.81 389.25C172.163 388.895 171.636 388.357 171.295 387.703C170.954 387.049 170.815 386.309 170.894 385.575C170.974 384.842 171.269 384.149 171.743 383.584C172.217 383.018 172.847 382.606 173.555 382.399C174.263 382.192 175.016 382.199 175.72 382.42C176.663 382.719 177.449 383.379 177.906 384.256C178.364 385.133 178.455 386.156 178.16 387.1ZM175.87 381.92C175.068 381.669 174.21 381.661 173.404 381.897C172.598 382.133 171.88 382.602 171.341 383.246C170.801 383.89 170.465 384.679 170.374 385.514C170.283 386.349 170.441 387.193 170.829 387.938C171.217 388.683 171.817 389.296 172.553 389.701C173.289 390.105 174.129 390.282 174.966 390.209C175.803 390.137 176.599 389.818 177.255 389.293C177.911 388.768 178.396 388.061 178.65 387.26C178.989 386.183 178.886 385.016 178.365 384.015C177.844 383.013 176.946 382.26 175.87 381.92ZM178.16 387.1C177.938 387.803 177.513 388.425 176.938 388.887C176.363 389.349 175.664 389.63 174.929 389.694C174.194 389.759 173.457 389.604 172.81 389.25C172.163 388.895 171.636 388.357 171.295 387.703C170.954 387.049 170.815 386.309 170.894 385.575C170.974 384.842 171.269 384.149 171.743 383.584C172.217 383.018 172.847 382.606 173.555 382.399C174.263 382.192 175.016 382.199 175.72 382.42C176.663 382.719 177.449 383.379 177.906 384.256C178.364 385.133 178.455 386.156 178.16 387.1ZM177.29 377.43C175.592 376.886 173.77 376.859 172.056 377.352C170.342 377.845 168.813 378.836 167.664 380.2C166.514 381.564 165.796 383.238 165.599 385.011C165.403 386.783 165.738 388.574 166.561 390.156C167.385 391.738 168.66 393.04 170.224 393.896C171.789 394.752 173.572 395.124 175.348 394.965C177.125 394.806 178.814 394.122 180.201 393.002C181.588 391.881 182.611 390.373 183.14 388.67C183.844 386.404 183.624 383.951 182.528 381.846C181.433 379.741 179.55 378.154 177.29 377.43ZM179.29 387.43C178.998 388.356 178.438 389.175 177.681 389.782C176.924 390.39 176.004 390.76 175.036 390.845C174.069 390.93 173.098 390.726 172.247 390.259C171.395 389.793 170.702 389.084 170.253 388.223C169.804 387.362 169.621 386.387 169.726 385.422C169.831 384.456 170.22 383.544 170.844 382.8C171.468 382.056 172.298 381.513 173.23 381.241C174.162 380.968 175.154 380.979 176.08 381.27C176.697 381.464 177.269 381.779 177.764 382.195C178.259 382.611 178.667 383.121 178.964 383.695C179.261 384.269 179.442 384.897 179.497 385.541C179.551 386.185 179.477 386.834 179.28 387.45L179.29 387.43ZM178.66 387.24C178.914 386.438 178.924 385.579 178.69 384.772C178.456 383.965 177.987 383.245 177.343 382.704C176.7 382.163 175.91 381.825 175.075 381.732C174.239 381.64 173.395 381.798 172.648 382.186C171.902 382.573 171.288 383.174 170.883 383.91C170.479 384.647 170.301 385.488 170.374 386.325C170.447 387.163 170.767 387.96 171.293 388.616C171.819 389.272 172.528 389.757 173.33 390.01C174.4 390.344 175.559 390.242 176.555 389.727C177.551 389.213 178.303 388.326 178.65 387.26L178.66 387.24ZM178.17 387.08C177.948 387.783 177.523 388.405 176.948 388.867C176.373 389.329 175.674 389.61 174.939 389.674C174.204 389.739 173.467 389.584 172.82 389.23C172.173 388.875 171.646 388.337 171.305 387.683C170.964 387.029 170.825 386.289 170.904 385.555C170.984 384.822 171.279 384.129 171.753 383.564C172.227 382.998 172.857 382.586 173.565 382.379C174.273 382.172 175.026 382.179 175.73 382.4C176.198 382.549 176.633 382.788 177.008 383.105C177.384 383.422 177.693 383.81 177.919 384.246C178.145 384.683 178.282 385.16 178.323 385.649C178.365 386.139 178.309 386.632 178.16 387.1L178.17 387.08ZM175.88 381.9C175.078 381.649 174.22 381.641 173.414 381.877C172.608 382.113 171.89 382.582 171.351 383.226C170.811 383.87 170.475 384.659 170.384 385.494C170.293 386.329 170.451 387.173 170.839 387.918C171.227 388.663 171.827 389.276 172.563 389.681C173.299 390.085 174.139 390.262 174.976 390.189C175.813 390.117 176.609 389.798 177.265 389.273C177.921 388.748 178.406 388.041 178.66 387.24C178.992 386.164 178.885 385.001 178.362 384.004C177.84 383.008 176.944 382.258 175.87 381.92L175.88 381.9ZM178.17 387.08C177.948 387.783 177.523 388.405 176.948 388.867C176.373 389.329 175.674 389.61 174.939 389.674C174.204 389.739 173.467 389.584 172.82 389.23C172.173 388.875 171.646 388.337 171.305 387.683C170.964 387.029 170.825 386.289 170.904 385.555C170.984 384.822 171.279 384.129 171.753 383.564C172.227 382.998 172.857 382.586 173.565 382.379C174.273 382.172 175.026 382.179 175.73 382.4C176.198 382.549 176.633 382.788 177.008 383.105C177.384 383.422 177.693 383.81 177.919 384.246C178.145 384.683 178.282 385.16 178.323 385.649C178.365 386.139 178.309 386.632 178.16 387.1L178.17 387.08ZM175.88 381.9C175.078 381.649 174.22 381.641 173.414 381.877C172.608 382.113 171.89 382.582 171.351 383.226C170.811 383.87 170.475 384.659 170.384 385.494C170.293 386.329 170.451 387.173 170.839 387.918C171.227 388.663 171.827 389.276 172.563 389.681C173.299 390.085 174.139 390.262 174.976 390.189C175.813 390.117 176.609 389.798 177.265 389.273C177.921 388.748 178.406 388.041 178.66 387.24C178.992 386.164 178.885 385.001 178.362 384.004C177.84 383.008 176.944 382.258 175.87 381.92L175.88 381.9ZM178.17 387.08C177.948 387.783 177.523 388.405 176.948 388.867C176.373 389.329 175.674 389.61 174.939 389.674C174.204 389.739 173.467 389.584 172.82 389.23C172.173 388.875 171.646 388.337 171.305 387.683C170.964 387.029 170.825 386.289 170.904 385.555C170.984 384.822 171.279 384.129 171.753 383.564C172.227 382.998 172.857 382.586 173.565 382.379C174.273 382.172 175.026 382.179 175.73 382.4C176.198 382.549 176.633 382.788 177.008 383.105C177.384 383.422 177.693 383.81 177.919 384.246C178.145 384.683 178.282 385.16 178.323 385.649C178.365 386.139 178.309 386.632 178.16 387.1L178.17 387.08Z" fill="#455A64"/>
+<path d="M173.66 394.69L170.37 393.65L169.82 396.04L172.74 396.96L173.66 394.69Z" fill="#455A64"/>
+<path d="M167.75 391.61L166.16 388.55L164.08 389.85L165.5 392.57L167.75 391.61Z" fill="#455A64"/>
+<path d="M165.75 385.26L166.79 381.97L164.4 381.42L163.48 384.34L165.75 385.26Z" fill="#455A64"/>
+<path d="M168.83 379.35L171.88 377.76L170.59 375.68L167.87 377.1L168.83 379.35Z" fill="#455A64"/>
+<path d="M175.18 377.35L178.47 378.38L179.02 376L176.1 375.08L175.18 377.35Z" fill="#455A64"/>
+<path d="M181.09 380.43L182.68 383.48L184.76 382.19L183.34 379.47L181.09 380.43Z" fill="#455A64"/>
+<path d="M183.09 386.78L182.05 390.07L184.44 390.62L185.36 387.7L183.09 386.78Z" fill="#455A64"/>
+<path d="M180.01 392.69L176.95 394.28L178.25 396.36L180.97 394.94L180.01 392.69Z" fill="#455A64"/>
+<path d="M341.67 353.35C343.285 351.174 344.219 348.568 344.353 345.861C344.486 343.155 343.814 340.469 342.422 338.145C341.029 335.82 338.978 333.96 336.529 332.801C334.079 331.642 331.341 331.236 328.661 331.633C325.98 332.03 323.477 333.214 321.469 335.034C319.461 336.853 318.038 339.228 317.38 341.856C316.721 344.485 316.857 347.25 317.771 349.802C318.684 352.353 320.333 354.576 322.51 356.19C325.428 358.353 329.085 359.269 332.678 358.737C336.271 358.204 339.505 356.267 341.67 353.35ZM335.81 349C335.055 350.017 334.016 350.787 332.824 351.213C331.632 351.639 330.34 351.701 329.112 351.393C327.884 351.085 326.775 350.419 325.926 349.48C325.076 348.542 324.524 347.372 324.339 346.12C324.155 344.867 324.346 343.588 324.888 342.444C325.43 341.3 326.3 340.343 327.387 339.693C328.473 339.043 329.728 338.73 330.992 338.794C332.257 338.858 333.474 339.295 334.49 340.05C335.165 340.551 335.735 341.179 336.167 341.9C336.599 342.621 336.884 343.42 337.007 344.251C337.129 345.083 337.087 345.93 336.881 346.745C336.676 347.56 336.312 348.326 335.81 349Z" fill="#263238"/>
+<path d="M324.96 357.3L320.73 354.16L318.75 357.33L322.51 360.12L324.96 357.3Z" fill="#263238"/>
+<path d="M317.97 349.9L317.2 344.69L313.55 345.52L314.24 350.16L317.97 349.9Z" fill="#263238"/>
+<path d="M318.26 339.72L321.4 335.49L318.23 333.5L315.44 337.26L318.26 339.72Z" fill="#263238"/>
+<path d="M325.66 332.73L330.87 331.96L330.04 328.31L325.4 329L325.66 332.73Z" fill="#263238"/>
+<path d="M335.84 333.01L340.07 336.15L342.05 332.99L338.29 330.19L335.84 333.01Z" fill="#263238"/>
+<path d="M342.83 340.42L343.6 345.63L347.25 344.79L346.56 340.16L342.83 340.42Z" fill="#263238"/>
+<path d="M342.54 350.59L339.4 354.82L342.57 356.81L345.36 353.05L342.54 350.59Z" fill="#263238"/>
+<path d="M335.14 357.59L329.93 358.36L330.76 362L335.4 361.32L335.14 357.59Z" fill="#263238"/>
+<path d="M325.77 345.84L328.68 349.51L333.31 348.82L335.03 344.47L332.12 340.8L327.49 341.49L325.77 345.84ZM331.28 343.97C331.436 344.087 331.568 344.232 331.668 344.4C331.768 344.567 331.834 344.752 331.862 344.945C331.891 345.137 331.881 345.334 331.833 345.523C331.786 345.711 331.701 345.889 331.585 346.045C331.469 346.202 331.323 346.333 331.156 346.433C330.989 346.533 330.803 346.599 330.611 346.628C330.418 346.656 330.222 346.646 330.033 346.598C329.844 346.551 329.666 346.467 329.51 346.35C329.195 346.114 328.987 345.762 328.931 345.372C328.875 344.982 328.975 344.586 329.21 344.27C329.328 344.116 329.475 343.986 329.643 343.889C329.811 343.792 329.996 343.729 330.189 343.704C330.381 343.679 330.577 343.692 330.764 343.743C330.951 343.794 331.127 343.881 331.28 344V343.97Z" fill="#263238"/>
+<path d="M351.94 86.5999C351.238 86.379 350.487 86.3712 349.781 86.5772C349.075 86.7833 348.446 87.194 347.973 87.7575C347.5 88.3211 347.205 89.0121 347.125 89.7432C347.045 90.4744 347.184 91.2129 347.523 91.8654C347.863 92.5179 348.388 93.0551 349.033 93.4091C349.677 93.7631 350.413 93.918 351.145 93.8543C351.878 93.7905 352.576 93.511 353.15 93.051C353.724 92.591 354.148 91.9712 354.37 91.2699C354.519 90.8037 354.574 90.3128 354.532 89.8253C354.49 89.3377 354.353 88.8633 354.127 88.4292C353.901 87.9952 353.592 87.6101 353.216 87.2961C352.841 86.9821 352.407 86.7455 351.94 86.5999ZM353.94 91.1299C353.746 91.7469 353.372 92.2925 352.868 92.6973C352.363 93.1022 351.75 93.3483 351.105 93.4045C350.461 93.4606 349.814 93.3243 349.247 93.0128C348.68 92.7012 348.218 92.2285 347.92 91.6543C347.621 91.0802 347.5 90.4305 347.571 89.7874C347.642 89.1443 347.903 88.5368 348.319 88.0417C348.736 87.5466 349.29 87.1862 349.911 87.0061C350.532 86.826 351.193 86.8343 351.81 87.0299C352.636 87.2918 353.324 87.8706 353.723 88.6393C354.122 89.408 354.2 90.3037 353.94 91.1299ZM351.94 86.5999C351.238 86.379 350.487 86.3712 349.781 86.5772C349.075 86.7833 348.446 87.194 347.973 87.7575C347.5 88.3211 347.205 89.0121 347.125 89.7432C347.045 90.4744 347.184 91.2129 347.523 91.8654C347.863 92.5179 348.388 93.0551 349.033 93.4091C349.677 93.7631 350.413 93.918 351.145 93.8543C351.878 93.7905 352.576 93.511 353.15 93.051C353.724 92.591 354.148 91.9712 354.37 91.2699C354.519 90.8037 354.574 90.3128 354.532 89.8253C354.49 89.3377 354.353 88.8633 354.127 88.4292C353.901 87.9952 353.592 87.6101 353.216 87.2961C352.841 86.9821 352.407 86.7455 351.94 86.5999ZM353.94 91.1299C353.746 91.7469 353.372 92.2925 352.868 92.6973C352.363 93.1022 351.75 93.3483 351.105 93.4045C350.461 93.4606 349.814 93.3243 349.247 93.0128C348.68 92.7012 348.218 92.2285 347.92 91.6543C347.621 91.0802 347.5 90.4305 347.571 89.7874C347.642 89.1443 347.903 88.5368 348.319 88.0417C348.736 87.5466 349.29 87.1862 349.911 87.0061C350.532 86.826 351.193 86.8343 351.81 87.0299C352.636 87.2918 353.324 87.8706 353.723 88.6393C354.122 89.408 354.2 90.3037 353.94 91.1299ZM351.94 86.5999C351.238 86.379 350.487 86.3712 349.781 86.5772C349.075 86.7833 348.446 87.194 347.973 87.7575C347.5 88.3211 347.205 89.0121 347.125 89.7432C347.045 90.4744 347.184 91.2129 347.523 91.8654C347.863 92.5179 348.388 93.0551 349.033 93.4091C349.677 93.7631 350.413 93.918 351.145 93.8543C351.878 93.7905 352.576 93.511 353.15 93.051C353.724 92.591 354.148 91.9712 354.37 91.2699C354.519 90.8037 354.574 90.3128 354.532 89.8253C354.49 89.3377 354.353 88.8633 354.127 88.4292C353.901 87.9952 353.592 87.6101 353.216 87.2961C352.841 86.9821 352.407 86.7455 351.94 86.5999ZM353.94 91.1299C353.746 91.7469 353.372 92.2925 352.868 92.6973C352.363 93.1022 351.75 93.3483 351.105 93.4045C350.461 93.4606 349.814 93.3243 349.247 93.0128C348.68 92.7012 348.218 92.2285 347.92 91.6543C347.621 91.0802 347.5 90.4305 347.571 89.7874C347.642 89.1443 347.903 88.5368 348.319 88.0417C348.736 87.5466 349.29 87.1862 349.911 87.0061C350.532 86.826 351.193 86.8343 351.81 87.0299C352.636 87.2918 353.324 87.8706 353.723 88.6393C354.122 89.408 354.2 90.3037 353.94 91.1299ZM353.18 82.6699C351.701 82.2041 350.118 82.1871 348.629 82.6211C347.141 83.0552 345.815 83.9207 344.818 85.1084C343.822 86.296 343.2 87.7524 343.031 89.2935C342.862 90.8346 343.154 92.3911 343.87 93.7664C344.585 95.1417 345.692 96.2739 347.051 97.02C348.41 97.7661 349.96 98.0925 351.504 97.9581C353.049 97.8236 354.519 97.2342 355.728 96.2645C356.938 95.2947 357.833 93.9881 358.3 92.5099C358.924 90.5261 358.736 88.3756 357.776 86.5307C356.816 84.6859 355.163 83.2973 353.18 82.6699ZM354.92 91.4399C354.664 92.2515 354.174 92.969 353.51 93.5016C352.847 94.0342 352.04 94.358 351.192 94.432C350.345 94.5059 349.494 94.3267 348.748 93.917C348.002 93.5073 347.395 92.8856 347.003 92.1305C346.611 91.3754 346.451 90.5209 346.545 89.6752C346.638 88.8294 346.981 88.0305 347.529 87.3795C348.077 86.7284 348.805 86.2546 349.623 86.0179C350.44 85.7812 351.309 85.7924 352.12 86.0499C353.205 86.3945 354.11 87.1555 354.634 88.166C355.159 89.1764 355.262 90.3538 354.92 91.4399ZM354.37 91.2699C354.592 90.5679 354.6 89.8161 354.394 89.1094C354.188 88.4027 353.777 87.773 353.213 87.3C352.649 86.827 351.958 86.5319 351.226 86.4521C350.494 86.3723 349.755 86.5113 349.103 86.8517C348.45 87.192 347.913 87.7183 347.559 88.364C347.206 89.0097 347.052 89.7457 347.117 90.4788C347.182 91.212 347.463 91.9095 347.925 92.4828C348.386 93.0562 349.008 93.4797 349.71 93.6999C350.65 93.9945 351.669 93.9042 352.543 93.4486C353.416 92.993 354.073 92.2095 354.37 91.2699ZM353.94 91.1299C353.746 91.7469 353.372 92.2925 352.868 92.6973C352.363 93.1022 351.75 93.3483 351.105 93.4045C350.461 93.4606 349.814 93.3243 349.247 93.0128C348.68 92.7012 348.218 92.2285 347.92 91.6543C347.621 91.0802 347.5 90.4305 347.571 89.7874C347.642 89.1443 347.903 88.5368 348.319 88.0417C348.736 87.5466 349.29 87.1862 349.911 87.0061C350.532 86.826 351.193 86.8343 351.81 87.0299C352.636 87.2918 353.324 87.8706 353.723 88.6393C354.122 89.408 354.2 90.3037 353.94 91.1299ZM351.94 86.5999C351.238 86.379 350.487 86.3712 349.781 86.5772C349.075 86.7833 348.446 87.194 347.973 87.7575C347.5 88.3211 347.205 89.0121 347.125 89.7432C347.045 90.4744 347.184 91.2129 347.523 91.8654C347.863 92.5179 348.388 93.0551 349.033 93.4091C349.677 93.7631 350.413 93.918 351.145 93.8543C351.878 93.7905 352.576 93.511 353.15 93.051C353.724 92.591 354.148 91.9712 354.37 91.2699C354.519 90.8037 354.574 90.3128 354.532 89.8253C354.49 89.3377 354.353 88.8633 354.127 88.4292C353.901 87.9952 353.592 87.6101 353.216 87.2961C352.841 86.9821 352.407 86.7455 351.94 86.5999ZM353.94 91.1299C353.746 91.7469 353.372 92.2925 352.868 92.6973C352.363 93.1022 351.75 93.3483 351.105 93.4045C350.461 93.4606 349.814 93.3243 349.247 93.0128C348.68 92.7012 348.218 92.2285 347.92 91.6543C347.621 91.0802 347.5 90.4305 347.571 89.7874C347.642 89.1443 347.903 88.5368 348.319 88.0417C348.736 87.5466 349.29 87.1862 349.911 87.0061C350.532 86.826 351.193 86.8343 351.81 87.0299C352.636 87.2918 353.324 87.8706 353.723 88.6393C354.122 89.408 354.2 90.3037 353.94 91.1299ZM351.94 86.5999C351.238 86.379 350.487 86.3712 349.781 86.5772C349.075 86.7833 348.446 87.194 347.973 87.7575C347.5 88.3211 347.205 89.0121 347.125 89.7432C347.045 90.4744 347.184 91.2129 347.523 91.8654C347.863 92.5179 348.388 93.0551 349.033 93.4091C349.677 93.7631 350.413 93.918 351.145 93.8543C351.878 93.7905 352.576 93.511 353.15 93.051C353.724 92.591 354.148 91.9712 354.37 91.2699C354.519 90.8037 354.574 90.3128 354.532 89.8253C354.49 89.3377 354.353 88.8633 354.127 88.4292C353.901 87.9952 353.592 87.6101 353.216 87.2961C352.841 86.9821 352.407 86.7455 351.94 86.5999ZM353.94 91.1299C353.746 91.7469 353.372 92.2925 352.868 92.6973C352.363 93.1022 351.75 93.3483 351.105 93.4045C350.461 93.4606 349.814 93.3243 349.247 93.0128C348.68 92.7012 348.218 92.2285 347.92 91.6543C347.621 91.0802 347.5 90.4305 347.571 89.7874C347.642 89.1443 347.903 88.5368 348.319 88.0417C348.736 87.5466 349.29 87.1862 349.911 87.0061C350.532 86.826 351.193 86.8343 351.81 87.0299C352.636 87.2918 353.324 87.8706 353.723 88.6393C354.122 89.408 354.2 90.3037 353.94 91.1299Z" fill="#263238"/>
+<path d="M350 97.7701L347.13 96.8701L346.64 98.9501L349.2 99.7601L350 97.7701Z" fill="#263238"/>
+<path d="M344.83 95.0799L343.44 92.3999L341.63 93.5399L342.86 95.9199L344.83 95.0799Z" fill="#263238"/>
+<path d="M343.08 89.5201L343.99 86.6402L341.9 86.1602L341.1 88.7202L343.08 89.5201Z" fill="#263238"/>
+<path d="M345.78 84.3501L348.45 82.9601L347.32 81.1401L344.94 82.3801L345.78 84.3501Z" fill="#263238"/>
+<path d="M351.34 82.6001L354.21 83.5001L354.7 81.4201L352.14 80.6101L351.34 82.6001Z" fill="#263238"/>
+<path d="M356.51 85.2902L357.9 87.9702L359.72 86.8302L358.48 84.4502L356.51 85.2902Z" fill="#263238"/>
+<path d="M358.26 90.8501L357.35 93.7301L359.44 94.2101L360.24 91.6501L358.26 90.8501Z" fill="#263238"/>
+<path d="M355.56 96.02L352.89 97.42L354.02 99.23L356.4 97.99L355.56 96.02Z" fill="#263238"/>
+<path d="M313.73 229.47C313.028 229.249 312.276 229.24 311.57 229.446C310.863 229.652 310.233 230.063 309.76 230.627C309.287 231.191 308.992 231.883 308.912 232.614C308.832 233.346 308.971 234.085 309.312 234.738C309.652 235.39 310.178 235.927 310.824 236.281C311.47 236.634 312.206 236.788 312.939 236.723C313.672 236.658 314.37 236.377 314.943 235.915C315.516 235.454 315.94 234.833 316.16 234.13C316.455 233.19 316.364 232.171 315.909 231.298C315.453 230.424 314.67 229.767 313.73 229.47ZM315.73 234C315.536 234.617 315.162 235.163 314.658 235.568C314.153 235.973 313.54 236.219 312.895 236.275C312.251 236.331 311.604 236.195 311.037 235.883C310.47 235.572 310.008 235.099 309.71 234.525C309.411 233.951 309.29 233.301 309.361 232.658C309.432 232.015 309.693 231.407 310.109 230.912C310.526 230.417 311.08 230.057 311.701 229.876C312.322 229.696 312.983 229.705 313.6 229.9C314.009 230.03 314.388 230.239 314.716 230.515C315.043 230.791 315.314 231.13 315.511 231.51C315.707 231.891 315.827 232.307 315.863 232.734C315.899 233.162 315.851 233.592 315.72 234H315.73ZM313.73 229.47C313.028 229.249 312.276 229.24 311.57 229.446C310.863 229.652 310.233 230.063 309.76 230.627C309.287 231.191 308.992 231.883 308.912 232.614C308.832 233.346 308.971 234.085 309.312 234.738C309.652 235.39 310.178 235.927 310.824 236.281C311.47 236.634 312.206 236.788 312.939 236.723C313.672 236.658 314.37 236.377 314.943 235.915C315.516 235.454 315.94 234.833 316.16 234.13C316.455 233.19 316.364 232.171 315.909 231.298C315.453 230.424 314.67 229.767 313.73 229.47ZM315.73 234C315.536 234.617 315.162 235.163 314.658 235.568C314.153 235.973 313.54 236.219 312.895 236.275C312.251 236.331 311.604 236.195 311.037 235.883C310.47 235.572 310.008 235.099 309.71 234.525C309.411 233.951 309.29 233.301 309.361 232.658C309.432 232.015 309.693 231.407 310.109 230.912C310.526 230.417 311.08 230.057 311.701 229.876C312.322 229.696 312.983 229.705 313.6 229.9C314.009 230.03 314.388 230.239 314.716 230.515C315.043 230.791 315.314 231.13 315.511 231.51C315.707 231.891 315.827 232.307 315.863 232.734C315.899 233.162 315.851 233.592 315.72 234H315.73ZM313.73 229.47C313.028 229.249 312.276 229.24 311.57 229.446C310.863 229.652 310.233 230.063 309.76 230.627C309.287 231.191 308.992 231.883 308.912 232.614C308.832 233.346 308.971 234.085 309.312 234.738C309.652 235.39 310.178 235.927 310.824 236.281C311.47 236.634 312.206 236.788 312.939 236.723C313.672 236.658 314.37 236.377 314.943 235.915C315.516 235.454 315.94 234.833 316.16 234.13C316.455 233.19 316.364 232.171 315.909 231.298C315.453 230.424 314.67 229.767 313.73 229.47ZM315.73 234C315.536 234.617 315.162 235.163 314.658 235.568C314.153 235.973 313.54 236.219 312.895 236.275C312.251 236.331 311.604 236.195 311.037 235.883C310.47 235.572 310.008 235.099 309.71 234.525C309.411 233.951 309.29 233.301 309.361 232.658C309.432 232.015 309.693 231.407 310.109 230.912C310.526 230.417 311.08 230.057 311.701 229.876C312.322 229.696 312.983 229.705 313.6 229.9C314.009 230.03 314.388 230.239 314.716 230.515C315.043 230.791 315.314 231.13 315.511 231.51C315.707 231.891 315.827 232.307 315.863 232.734C315.899 233.162 315.851 233.592 315.72 234H315.73ZM314.98 225.53C313.501 225.064 311.918 225.047 310.429 225.481C308.941 225.916 307.615 226.781 306.618 227.969C305.622 229.156 305 230.613 304.831 232.154C304.662 233.695 304.954 235.251 305.67 236.627C306.385 238.002 307.492 239.134 308.851 239.88C310.21 240.626 311.76 240.953 313.304 240.818C314.849 240.684 316.319 240.095 317.528 239.125C318.738 238.155 319.633 236.848 320.1 235.37C320.725 233.389 320.539 231.241 319.583 229.396C318.627 227.552 316.979 226.162 315 225.53H314.98ZM316.72 234.31C316.465 235.122 315.975 235.839 315.312 236.372C314.649 236.905 313.843 237.23 312.996 237.305C312.149 237.38 311.298 237.201 310.552 236.793C309.806 236.384 309.198 235.764 308.805 235.009C308.412 234.255 308.251 233.401 308.343 232.555C308.435 231.71 308.776 230.911 309.323 230.259C309.869 229.607 310.597 229.132 311.413 228.894C312.23 228.655 313.099 228.665 313.91 228.92C314.995 229.265 315.9 230.026 316.424 231.036C316.949 232.047 317.052 233.224 316.71 234.31H316.72ZM316.17 234.13C316.391 233.429 316.399 232.677 316.193 231.971C315.987 231.265 315.576 230.636 315.012 230.163C314.449 229.691 313.758 229.396 313.027 229.315C312.295 229.235 311.557 229.374 310.905 229.713C310.252 230.053 309.715 230.578 309.361 231.223C309.007 231.868 308.852 232.603 308.916 233.336C308.979 234.068 309.259 234.766 309.719 235.34C310.179 235.914 310.799 236.338 311.5 236.56C312.44 236.855 313.459 236.765 314.333 236.309C315.206 235.853 315.863 235.07 316.16 234.13H316.17ZM315.73 234C315.536 234.617 315.162 235.163 314.658 235.568C314.153 235.973 313.54 236.219 312.895 236.275C312.251 236.331 311.604 236.195 311.037 235.883C310.47 235.572 310.008 235.099 309.71 234.525C309.411 233.951 309.29 233.301 309.361 232.658C309.432 232.015 309.693 231.407 310.109 230.912C310.526 230.417 311.08 230.057 311.701 229.876C312.322 229.696 312.983 229.705 313.6 229.9C314.009 230.03 314.388 230.239 314.716 230.515C315.043 230.791 315.314 231.13 315.511 231.51C315.707 231.891 315.827 232.307 315.863 232.734C315.899 233.162 315.851 233.592 315.72 234H315.73ZM313.73 229.47C313.028 229.249 312.276 229.24 311.57 229.446C310.863 229.652 310.233 230.063 309.76 230.627C309.287 231.191 308.992 231.883 308.912 232.614C308.832 233.346 308.971 234.085 309.312 234.738C309.652 235.39 310.178 235.927 310.824 236.281C311.47 236.634 312.206 236.788 312.939 236.723C313.672 236.658 314.37 236.377 314.943 235.915C315.516 235.454 315.94 234.833 316.16 234.13C316.455 233.19 316.364 232.171 315.909 231.298C315.453 230.424 314.67 229.767 313.73 229.47ZM315.73 234C315.536 234.617 315.162 235.163 314.658 235.568C314.153 235.973 313.54 236.219 312.895 236.275C312.251 236.331 311.604 236.195 311.037 235.883C310.47 235.572 310.008 235.099 309.71 234.525C309.411 233.951 309.29 233.301 309.361 232.658C309.432 232.015 309.693 231.407 310.109 230.912C310.526 230.417 311.08 230.057 311.701 229.876C312.322 229.696 312.983 229.705 313.6 229.9C314.009 230.03 314.388 230.239 314.716 230.515C315.043 230.791 315.314 231.13 315.511 231.51C315.707 231.891 315.827 232.307 315.863 232.734C315.899 233.162 315.851 233.592 315.72 234H315.73ZM313.73 229.47C313.028 229.249 312.276 229.24 311.57 229.446C310.863 229.652 310.233 230.063 309.76 230.627C309.287 231.191 308.992 231.883 308.912 232.614C308.832 233.346 308.971 234.085 309.312 234.738C309.652 235.39 310.178 235.927 310.824 236.281C311.47 236.634 312.206 236.788 312.939 236.723C313.672 236.658 314.37 236.377 314.943 235.915C315.516 235.454 315.94 234.833 316.16 234.13C316.455 233.19 316.364 232.171 315.909 231.298C315.453 230.424 314.67 229.767 313.73 229.47ZM315.73 234C315.536 234.617 315.162 235.163 314.658 235.568C314.153 235.973 313.54 236.219 312.895 236.275C312.251 236.331 311.604 236.195 311.037 235.883C310.47 235.572 310.008 235.099 309.71 234.525C309.411 233.951 309.29 233.301 309.361 232.658C309.432 232.015 309.693 231.407 310.109 230.912C310.526 230.417 311.08 230.057 311.701 229.876C312.322 229.696 312.983 229.705 313.6 229.9C314.009 230.03 314.388 230.239 314.716 230.515C315.043 230.791 315.314 231.13 315.511 231.51C315.707 231.891 315.827 232.307 315.863 232.734C315.899 233.162 315.851 233.592 315.72 234H315.73Z" fill="#263238"/>
+<path d="M311.79 240.64L308.91 239.73L308.43 241.82L310.99 242.62L311.79 240.64Z" fill="#263238"/>
+<path d="M306.62 237.94L305.23 235.27L303.41 236.4L304.65 238.78L306.62 237.94Z" fill="#263238"/>
+<path d="M304.87 232.38L305.77 229.51L303.69 229.03L302.88 231.58L304.87 232.38Z" fill="#263238"/>
+<path d="M307.56 227.21L310.24 225.82L309.1 224L306.72 225.24L307.56 227.21Z" fill="#263238"/>
+<path d="M313.12 225.46L316 226.37L316.48 224.28L313.92 223.48L313.12 225.46Z" fill="#263238"/>
+<path d="M318.29 228.16L319.68 230.83L321.5 229.7L320.26 227.32L318.29 228.16Z" fill="#263238"/>
+<path d="M320.04 233.72L319.13 236.59L321.22 237.08L322.03 234.52L320.04 233.72Z" fill="#263238"/>
+<path d="M317.35 238.89L314.67 240.28L315.81 242.1L318.19 240.86L317.35 238.89Z" fill="#263238"/>
+<path d="M95 117C95.5506 114.735 95.4171 112.357 94.6165 110.167C93.8159 107.977 92.384 106.074 90.502 104.698C88.6199 103.322 86.3721 102.535 84.0428 102.436C81.7134 102.338 79.4071 102.932 77.4153 104.144C75.4236 105.355 73.8358 107.131 72.8528 109.245C71.8697 111.359 71.5355 113.717 71.8925 116.021C72.2494 118.325 73.2813 120.471 74.8579 122.189C76.4345 123.906 78.485 125.118 80.75 125.67C83.7893 126.409 86.9975 125.91 89.6695 124.284C92.3415 122.659 94.2588 120.039 95 117ZM88.89 115.51C88.6307 116.571 88.0623 117.53 87.2568 118.267C86.4513 119.004 85.4451 119.485 84.3658 119.649C83.2865 119.813 82.1828 119.653 81.1947 119.189C80.2066 118.724 79.3787 117.977 78.816 117.042C78.2533 116.106 77.9812 115.025 78.0341 113.934C78.0871 112.844 78.4628 111.794 79.1136 110.917C79.7643 110.041 80.6608 109.377 81.6892 109.011C82.7177 108.645 83.8317 108.592 84.89 108.86C86.302 109.21 87.5178 110.105 88.2712 111.35C89.0246 112.594 89.2543 114.087 88.91 115.5L88.89 115.51Z" fill="#263238"/>
+<path d="M83.09 125.72L78.68 124.65L78.17 127.83L82.08 128.78L83.09 125.72Z" fill="#263238"/>
+<path d="M75.06 122.19L72.7 118.32L70.09 120.2L72.19 123.65L75.06 122.19Z" fill="#263238"/>
+<path d="M71.88 114.02L72.95 109.62L69.78 109.1L68.82 113.02L71.88 114.02Z" fill="#263238"/>
+<path d="M75.41 106L79.28 103.64L77.4 101.03L73.96 103.13L75.41 106Z" fill="#263238"/>
+<path d="M83.58 102.82L87.99 103.89L88.5 100.71L84.58 99.7603L83.58 102.82Z" fill="#263238"/>
+<path d="M91.61 106.35L93.96 110.22L96.58 108.34L94.48 104.89L91.61 106.35Z" fill="#263238"/>
+<path d="M94.79 114.52L93.71 118.92L96.89 119.44L97.85 115.52L94.79 114.52Z" fill="#263238"/>
+<path d="M91.26 122.54L87.38 124.9L89.27 127.51L92.71 125.42L91.26 122.54Z" fill="#263238"/>
+<path d="M79.89 116.37L83.43 118.3L86.87 116.2L86.78 112.2L83.24 110.26L79.8 112.35L79.89 116.37ZM83.64 113C83.8856 113.061 84.1078 113.193 84.2785 113.38C84.4492 113.566 84.5607 113.799 84.5989 114.05C84.6372 114.3 84.6005 114.555 84.4934 114.785C84.3863 115.014 84.2137 115.206 83.9974 115.338C83.7811 115.469 83.5307 115.533 83.2779 115.522C83.0252 115.511 82.7813 115.425 82.5772 115.276C82.3731 115.126 82.2179 114.919 82.1312 114.682C82.0445 114.444 82.0301 114.186 82.09 113.94C82.1728 113.611 82.3819 113.328 82.672 113.152C82.9622 112.976 83.3099 112.922 83.64 113Z" fill="#263238"/>
+<path d="M361.59 238.94C358.883 234.926 357.422 230.202 357.39 225.36C357.39 208.17 376.27 194.23 399.55 194.23C422.83 194.23 441.69 208.17 441.69 225.36C441.69 242.55 422.83 256.5 399.55 256.5C388.26 256.5 378.03 253.23 370.47 247.89L356 251.58L361.59 238.94Z" fill="white"/>
+<path d="M361.59 238.94C358.951 235.155 357.458 230.69 357.291 226.078C357.125 221.467 358.291 216.905 360.65 212.94C363.003 208.976 366.161 205.549 369.92 202.88C373.645 200.174 377.772 198.072 382.15 196.65C386.517 195.229 391.04 194.339 395.62 194C400.205 193.693 404.81 193.927 409.34 194.7C410.47 194.93 411.61 195.08 412.72 195.38L416.05 196.28L419.3 197.42C420.38 197.81 421.41 198.34 422.47 198.79C426.658 200.743 430.485 203.391 433.79 206.62C437.125 209.87 439.626 213.876 441.08 218.3C442.486 222.772 442.535 227.56 441.22 232.06C439.84 236.508 437.4 240.554 434.11 243.85C430.856 247.139 427.061 249.845 422.89 251.85C418.74 253.853 414.331 255.267 409.79 256.05C405.267 256.854 400.665 257.116 396.08 256.83C391.496 256.555 386.966 255.695 382.6 254.27C378.226 252.864 374.092 250.8 370.34 248.15H370.52L356 251.69L355.78 251.74L355.88 251.54L361.59 238.94ZM361.59 238.94L356.05 251.62L355.92 251.47L370.41 247.67H370.51L370.6 247.73C378.187 252.775 387.016 255.636 396.12 256C400.646 256.245 405.185 255.946 409.64 255.11C414.097 254.343 418.425 252.96 422.5 251C426.57 249.037 430.273 246.392 433.45 243.18C436.624 239.99 438.972 236.073 440.29 231.77C441.543 227.454 441.487 222.864 440.13 218.58C438.743 214.304 436.341 210.427 433.13 207.28C429.925 204.115 426.205 201.518 422.13 199.6C421.13 199.16 420.13 198.6 419.02 198.25L415.83 197.11L412.56 196.22C411.47 195.93 410.35 195.77 409.24 195.54C404.777 194.774 400.24 194.525 395.72 194.8C391.2 195.104 386.734 195.957 382.42 197.34C378.095 198.696 374.009 200.72 370.31 203.34C366.595 205.944 363.451 209.279 361.07 213.14C358.707 217.041 357.49 221.529 357.56 226.09C357.686 230.664 359.081 235.113 361.59 238.94Z" fill="#263238"/>
+<path d="M377.86 230.46V232.78H368.43V219.19H377.69V221.51H371.07V224.78H376.79V226.92H371.07V230.46H377.86Z" fill="#263238"/>
+<path d="M379.93 232.78V219.19H385.93C386.529 219.185 387.121 219.318 387.66 219.58C388.175 219.825 388.64 220.164 389.03 220.58C389.412 221.007 389.717 221.498 389.93 222.03C390.182 222.679 390.283 223.376 390.224 224.07C390.165 224.763 389.948 225.433 389.59 226.03C389.177 226.729 388.549 227.276 387.8 227.59L390.9 232.7H387.9L385.12 228.14H382.52V232.7L379.93 232.78ZM382.57 225.91H385.88C386.117 225.909 386.351 225.851 386.56 225.74C386.772 225.62 386.959 225.461 387.11 225.27C387.267 225.058 387.389 224.821 387.47 224.57C387.559 224.292 387.603 224.002 387.6 223.71C387.603 223.41 387.552 223.112 387.45 222.83C387.356 222.574 387.217 222.337 387.04 222.13C386.877 221.938 386.676 221.782 386.45 221.67C386.239 221.565 386.006 221.511 385.77 221.51H382.57V225.91Z" fill="#263238"/>
+<path d="M392.65 232.78V219.19H398.65C399.252 219.184 399.848 219.317 400.39 219.58C400.901 219.827 401.362 220.166 401.75 220.58C402.139 221.002 402.445 221.494 402.65 222.03C402.866 222.55 402.978 223.107 402.98 223.67C402.99 224.516 402.761 225.347 402.32 226.07C401.905 226.767 401.278 227.314 400.53 227.63L403.63 232.74H400.63L397.86 228.18H395.26V232.74L392.65 232.78ZM395.3 225.91H398.61C398.847 225.909 399.081 225.851 399.29 225.74C399.501 225.622 399.685 225.462 399.83 225.27C399.991 225.06 400.113 224.823 400.19 224.57C400.283 224.292 400.33 224.002 400.33 223.71C400.333 223.41 400.282 223.112 400.18 222.83C400.082 222.573 399.94 222.336 399.76 222.13C399.597 221.938 399.396 221.781 399.17 221.67C398.959 221.564 398.726 221.509 398.49 221.51H395.3V225.91Z" fill="#263238"/>
+<path d="M411.18 232.87C410.244 232.885 409.318 232.687 408.47 232.29C407.68 231.917 406.973 231.39 406.39 230.74C405.804 230.096 405.345 229.346 405.04 228.53C404.723 227.717 404.56 226.852 404.56 225.98C404.558 225.088 404.732 224.205 405.07 223.38C405.394 222.567 405.865 221.821 406.46 221.18C407.061 220.54 407.781 220.023 408.58 219.66C409.414 219.278 410.323 219.087 411.24 219.1C412.171 219.088 413.092 219.294 413.93 219.7C414.718 220.084 415.421 220.621 416 221.28C416.578 221.932 417.032 222.684 417.34 223.5C417.994 225.144 417.994 226.976 417.34 228.62C417.029 229.421 416.575 230.16 416 230.8C415.402 231.435 414.685 231.948 413.89 232.31C413.04 232.698 412.114 232.889 411.18 232.87ZM407.24 226C407.24 226.58 407.328 227.156 407.5 227.71C407.669 228.237 407.933 228.728 408.28 229.16C408.622 229.573 409.044 229.913 409.52 230.16C410.042 230.417 410.618 230.548 411.2 230.54C411.787 230.552 412.368 230.418 412.89 230.15C413.377 229.893 413.803 229.535 414.14 229.1C414.477 228.661 414.734 228.167 414.9 227.64C415.072 227.103 415.159 226.543 415.16 225.98C415.162 225.401 415.068 224.827 414.88 224.28C414.711 223.753 414.447 223.261 414.1 222.83C413.76 222.41 413.334 222.069 412.85 221.83C412.327 221.579 411.755 221.45 411.175 221.45C410.595 221.45 410.023 221.579 409.5 221.83C409.016 222.069 408.589 222.41 408.25 222.83C407.915 223.264 407.66 223.755 407.5 224.28C407.317 224.834 407.229 225.416 407.24 226Z" fill="#263238"/>
+<path d="M419.85 232.78V219.19H425.85C426.449 219.185 427.041 219.318 427.58 219.58C428.095 219.825 428.56 220.164 428.95 220.58C429.332 221.007 429.637 221.498 429.85 222.03C430.102 222.679 430.203 223.376 430.144 224.07C430.085 224.763 429.868 225.433 429.51 226.03C429.097 226.729 428.469 227.276 427.72 227.59L430.82 232.7H427.82L425.04 228.14H422.44V232.7L419.85 232.78ZM422.49 225.91H425.8C426.037 225.909 426.271 225.851 426.48 225.74C426.692 225.62 426.879 225.461 427.03 225.27C427.187 225.058 427.309 224.821 427.39 224.57C427.479 224.292 427.523 224.002 427.52 223.71C427.523 223.41 427.472 223.112 427.37 222.83C427.276 222.574 427.137 222.337 426.96 222.13C426.797 221.938 426.596 221.782 426.37 221.67C426.159 221.565 425.926 221.511 425.69 221.51H422.49V225.91Z" fill="#263238"/>
+</svg>
diff --git a/public/assets/images/error/500-dark.svg b/public/assets/images/error/500-dark.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0d5a2dc538cb9c569389260059a8ff1ffe652fcc
--- /dev/null
+++ b/public/assets/images/error/500-dark.svg
@@ -0,0 +1,290 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M417.4 72.0298H443.88V60.8398H417.4V72.0298Z" stroke="#888EA8" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M432.18 57.9199H458.66V46.7299H432.18V57.9199Z" stroke="#888EA8" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M250 182.16H276.48V170.97H250V182.16Z" stroke="#888EA8" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M264.77 168.05H291.25V156.86H264.77V168.05Z" stroke="#888EA8" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M279.48 182.16H305.96V170.97H279.48V182.16Z" stroke="#888EA8" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M41.3399 57.9199H67.8199V46.7299H41.3399V57.9199Z" stroke="#888EA8" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M56.12 321.04H82.6V309.85H56.12V321.04Z" stroke="#888EA8" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M41.3399 306.93H67.8199V295.74H41.3399V306.93Z" stroke="#888EA8" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M417.4 321.04H443.88V309.85H417.4V321.04Z" stroke="#888EA8" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M208.82 421.54V295.88L235.55 259.39V191.06" stroke="#888EA8" stroke-miterlimit="10"/>
+<path d="M233.18 188.73C233.18 189.201 233.32 189.662 233.582 190.053C233.844 190.445 234.216 190.75 234.651 190.93C235.087 191.11 235.566 191.156 236.028 191.064C236.49 190.971 236.914 190.743 237.246 190.409C237.579 190.076 237.805 189.651 237.895 189.188C237.986 188.726 237.938 188.247 237.756 187.812C237.574 187.378 237.268 187.007 236.875 186.746C236.482 186.486 236.021 186.348 235.55 186.35C235.238 186.35 234.929 186.412 234.641 186.531C234.352 186.651 234.091 186.827 233.871 187.048C233.65 187.269 233.476 187.531 233.357 187.82C233.239 188.109 233.179 188.418 233.18 188.73Z" stroke="#888EA8" stroke-miterlimit="10"/>
+<path d="M215.71 421.54V300.29L242.44 263.8V216.06" stroke="#888EA8" stroke-miterlimit="10"/>
+<path d="M240.06 213.72C240.058 214.191 240.196 214.652 240.456 215.045C240.717 215.438 241.088 215.744 241.522 215.926C241.957 216.108 242.436 216.156 242.898 216.066C243.36 215.975 243.785 215.749 244.119 215.417C244.453 215.084 244.681 214.66 244.773 214.198C244.866 213.736 244.82 213.257 244.64 212.822C244.46 212.386 244.155 212.014 243.763 211.752C243.372 211.49 242.911 211.35 242.44 211.35C241.81 211.35 241.207 211.599 240.761 212.044C240.315 212.488 240.063 213.091 240.06 213.72Z" stroke="#888EA8" stroke-miterlimit="10"/>
+<path d="M202.19 421.54V255.13" stroke="#888EA8" stroke-miterlimit="10"/>
+<path d="M199.81 252.75C199.808 253.221 199.946 253.682 200.206 254.075C200.467 254.468 200.838 254.774 201.272 254.956C201.707 255.137 202.186 255.186 202.648 255.095C203.11 255.005 203.535 254.779 203.869 254.446C204.203 254.114 204.431 253.69 204.523 253.228C204.616 252.766 204.57 252.287 204.39 251.851C204.21 251.416 203.905 251.044 203.513 250.782C203.122 250.52 202.661 250.38 202.19 250.38C201.56 250.38 200.957 250.629 200.511 251.073C200.065 251.518 199.813 252.12 199.81 252.75Z" stroke="#888EA8" stroke-miterlimit="10"/>
+<path d="M195.8 421.54V336.96L177.66 302.74V241.37" stroke="#888EA8" stroke-miterlimit="10"/>
+<path d="M175.28 239C175.28 239.471 175.42 239.931 175.681 240.322C175.943 240.714 176.314 241.019 176.749 241.199C177.184 241.379 177.663 241.426 178.124 241.334C178.586 241.243 179.01 241.016 179.343 240.683C179.676 240.35 179.902 239.926 179.994 239.464C180.086 239.003 180.039 238.524 179.859 238.089C179.679 237.654 179.374 237.283 178.982 237.021C178.591 236.76 178.131 236.62 177.66 236.62C177.347 236.619 177.037 236.679 176.748 236.799C176.458 236.918 176.195 237.093 175.974 237.314C175.753 237.536 175.578 237.798 175.458 238.088C175.339 238.377 175.279 238.687 175.28 239Z" stroke="#888EA8" stroke-miterlimit="10"/>
+<path d="M189.45 421.54V340.62L168.06 302.78V262.37" stroke="#888EA8" stroke-miterlimit="10"/>
+<path d="M165.68 260C165.678 260.471 165.816 260.932 166.076 261.325C166.337 261.718 166.708 262.024 167.142 262.206C167.577 262.388 168.056 262.436 168.518 262.345C168.98 262.255 169.405 262.029 169.739 261.696C170.073 261.364 170.301 260.94 170.393 260.478C170.486 260.016 170.44 259.537 170.26 259.101C170.08 258.666 169.775 258.294 169.383 258.032C168.992 257.77 168.531 257.63 168.06 257.63C167.431 257.632 166.829 257.883 166.383 258.326C165.938 258.77 165.685 259.371 165.68 260Z" stroke="#888EA8" stroke-miterlimit="10"/>
+<path d="M110.72 37.56V0" stroke="#3B3F5C" stroke-miterlimit="10"/>
+<path d="M133.93 59.9201L132.06 64.0301H89.38L87.52 59.9201L105.69 47.3501H115.76L133.93 59.9201Z" fill="#888EA8"/>
+<path d="M117.02 35.23L115.76 47.35H105.69L104.43 35.23H117.02Z" fill="#6B7280"/>
+<path d="M133.93 59.9302L132.06 64.0302H89.38L87.52 59.9302H133.93Z" fill="#6B7280"/>
+<path d="M203.58 37.56V0" stroke="#3B3F5C" stroke-miterlimit="10"/>
+<path d="M226.78 59.9201L224.91 64.0301H182.23L180.37 59.9201L198.54 47.3501H208.61L226.78 59.9201Z" fill="#888EA8"/>
+<path d="M209.87 35.23L208.61 47.35H198.54L197.28 35.23H209.87Z" fill="#6B7280"/>
+<path d="M226.78 59.9302L224.91 64.0302H182.23L180.37 59.9302H226.78Z" fill="#6B7280"/>
+<path d="M296.43 37.56V0" stroke="#3B3F5C" stroke-miterlimit="10"/>
+<path d="M319.63 59.9201L317.77 64.0301H275.08L273.22 59.9201L291.39 47.3501H301.46L319.63 59.9201Z" fill="#888EA8"/>
+<path d="M302.72 35.23L301.46 47.35H291.39L290.13 35.23H302.72Z" fill="#6B7280"/>
+<path d="M319.63 59.9302L317.76 64.0302H275.08L273.22 59.9302H319.63Z" fill="#6B7280"/>
+<path d="M389.28 37.56V0" stroke="#3B3F5C" stroke-miterlimit="10"/>
+<path d="M412.49 59.9201L410.62 64.0301H367.93L366.07 59.9201L384.25 47.3501H394.31L412.49 59.9201Z" fill="#888EA8"/>
+<path d="M395.57 35.23L394.31 47.35H384.25L382.98 35.23H395.57Z" fill="#6B7280"/>
+<path d="M412.48 59.9302L410.62 64.0302H367.93L366.07 59.9302H412.48Z" fill="#6B7280"/>
+<path opacity="0.2" d="M184.79 460.4C243.559 460.4 291.2 452.793 291.2 443.41C291.2 434.027 243.559 426.42 184.79 426.42C126.021 426.42 78.38 434.027 78.38 443.41C78.38 452.793 126.021 460.4 184.79 460.4Z" fill="#506690"/>
+<path d="M332.39 176.42H267.37V421.59H332.39V176.42Z" fill="#3B3F5C"/>
+<path d="M452.05 176.42H332.39V421.59H452.05V176.42Z" fill="#1B2E4B"/>
+<path d="M444.58 389.79H341.37V413.63H444.58V389.79Z" fill="#3B3F5C"/>
+<path d="M404.46 393.73H345.71V395.74H404.46V393.73Z" fill="#1B2E4B"/>
+<path d="M404.46 397.22H345.71V399.23H404.46V397.22Z" fill="#1B2E4B"/>
+<path d="M404.46 400.71H345.71V402.72H404.46V400.71Z" fill="#1B2E4B"/>
+<path d="M404.46 404.19H345.71V406.2H404.46V404.19Z" fill="#1B2E4B"/>
+<path d="M404.46 407.68H345.71V409.69H404.46V407.68Z" fill="#1B2E4B"/>
+<path d="M415.17 395.73C415.17 396.126 415.053 396.512 414.833 396.841C414.613 397.17 414.301 397.426 413.935 397.578C413.57 397.729 413.168 397.769 412.78 397.692C412.392 397.614 412.036 397.424 411.756 397.144C411.476 396.864 411.286 396.508 411.208 396.12C411.131 395.732 411.171 395.33 411.322 394.965C411.474 394.599 411.73 394.287 412.059 394.067C412.388 393.847 412.774 393.73 413.17 393.73C413.7 393.73 414.209 393.941 414.584 394.316C414.959 394.691 415.17 395.2 415.17 395.73Z" fill="white"/>
+<path d="M421.75 395.73C421.75 396.126 421.633 396.512 421.413 396.841C421.193 397.17 420.881 397.426 420.515 397.578C420.15 397.729 419.748 397.769 419.36 397.692C418.972 397.614 418.615 397.424 418.336 397.144C418.056 396.864 417.866 396.508 417.788 396.12C417.711 395.732 417.751 395.33 417.902 394.965C418.054 394.599 418.31 394.287 418.639 394.067C418.968 393.847 419.354 393.73 419.75 393.73C420.28 393.73 420.789 393.941 421.164 394.316C421.539 394.691 421.75 395.2 421.75 395.73Z" fill="white"/>
+<path d="M428.33 395.73C428.33 396.126 428.213 396.512 427.993 396.841C427.773 397.17 427.461 397.426 427.095 397.578C426.73 397.729 426.328 397.769 425.94 397.692C425.552 397.614 425.196 397.424 424.916 397.144C424.636 396.864 424.446 396.508 424.369 396.12C424.291 395.732 424.331 395.33 424.482 394.965C424.634 394.599 424.89 394.287 425.219 394.067C425.548 393.847 425.934 393.73 426.33 393.73C426.86 393.73 427.369 393.941 427.744 394.316C428.119 394.691 428.33 395.2 428.33 395.73Z" fill="white"/>
+<path d="M434.9 395.73C434.9 396.126 434.783 396.512 434.563 396.841C434.343 397.17 434.031 397.426 433.665 397.578C433.3 397.729 432.898 397.769 432.51 397.692C432.122 397.614 431.766 397.424 431.486 397.144C431.206 396.864 431.016 396.508 430.938 396.12C430.861 395.732 430.901 395.33 431.052 394.965C431.204 394.599 431.46 394.287 431.789 394.067C432.118 393.847 432.504 393.73 432.9 393.73C433.43 393.73 433.939 393.941 434.314 394.316C434.689 394.691 434.9 395.2 434.9 395.73Z" fill="white"/>
+<path d="M441.48 395.73C441.48 396.126 441.363 396.512 441.143 396.841C440.923 397.17 440.611 397.426 440.245 397.578C439.88 397.729 439.478 397.769 439.09 397.692C438.702 397.614 438.345 397.424 438.066 397.144C437.786 396.864 437.596 396.508 437.518 396.12C437.441 395.732 437.481 395.33 437.632 394.965C437.784 394.599 438.04 394.287 438.369 394.067C438.698 393.847 439.084 393.73 439.48 393.73C440.01 393.73 440.519 393.941 440.894 394.316C441.269 394.691 441.48 395.2 441.48 395.73Z" fill="white"/>
+<path d="M415.17 401.71C415.17 402.106 415.053 402.492 414.833 402.821C414.613 403.15 414.301 403.406 413.935 403.558C413.57 403.709 413.168 403.749 412.78 403.672C412.392 403.594 412.036 403.404 411.756 403.124C411.476 402.844 411.286 402.488 411.208 402.1C411.131 401.712 411.171 401.31 411.322 400.945C411.474 400.579 411.73 400.267 412.059 400.047C412.388 399.827 412.774 399.71 413.17 399.71C413.7 399.71 414.209 399.921 414.584 400.296C414.959 400.671 415.17 401.18 415.17 401.71Z" fill="white"/>
+<path d="M421.75 401.71C421.75 402.106 421.633 402.492 421.413 402.821C421.193 403.15 420.881 403.406 420.515 403.558C420.15 403.709 419.748 403.749 419.36 403.672C418.972 403.594 418.615 403.404 418.336 403.124C418.056 402.844 417.866 402.488 417.788 402.1C417.711 401.712 417.751 401.31 417.902 400.945C418.054 400.579 418.31 400.267 418.639 400.047C418.968 399.827 419.354 399.71 419.75 399.71C420.28 399.71 420.789 399.921 421.164 400.296C421.539 400.671 421.75 401.18 421.75 401.71Z" fill="white"/>
+<path d="M428.33 401.71C428.33 402.106 428.213 402.492 427.993 402.821C427.773 403.15 427.461 403.406 427.095 403.558C426.73 403.709 426.328 403.749 425.94 403.672C425.552 403.594 425.196 403.404 424.916 403.124C424.636 402.844 424.446 402.488 424.369 402.1C424.291 401.712 424.331 401.31 424.482 400.945C424.634 400.579 424.89 400.267 425.219 400.047C425.548 399.827 425.934 399.71 426.33 399.71C426.86 399.71 427.369 399.921 427.744 400.296C428.119 400.671 428.33 401.18 428.33 401.71Z" fill="white"/>
+<path d="M434.9 401.71C434.9 402.106 434.783 402.492 434.563 402.821C434.343 403.15 434.031 403.406 433.665 403.558C433.3 403.709 432.898 403.749 432.51 403.672C432.122 403.594 431.766 403.404 431.486 403.124C431.206 402.844 431.016 402.488 430.938 402.1C430.861 401.712 430.901 401.31 431.052 400.945C431.204 400.579 431.46 400.267 431.789 400.047C432.118 399.827 432.504 399.71 432.9 399.71C433.43 399.71 433.939 399.921 434.314 400.296C434.689 400.671 434.9 401.18 434.9 401.71Z" fill="white"/>
+<path d="M441.48 401.71C441.48 402.106 441.363 402.492 441.143 402.821C440.923 403.15 440.611 403.406 440.245 403.558C439.88 403.709 439.478 403.749 439.09 403.672C438.702 403.594 438.345 403.404 438.066 403.124C437.786 402.844 437.596 402.488 437.518 402.1C437.441 401.712 437.481 401.31 437.632 400.945C437.784 400.579 438.04 400.267 438.369 400.047C438.698 399.827 439.084 399.71 439.48 399.71C440.01 399.71 440.519 399.921 440.894 400.296C441.269 400.671 441.48 401.18 441.48 401.71Z" fill="white"/>
+<path d="M413.18 409.7C414.285 409.7 415.18 408.804 415.18 407.7C415.18 406.595 414.285 405.7 413.18 405.7C412.075 405.7 411.18 406.595 411.18 407.7C411.18 408.804 412.075 409.7 413.18 409.7Z" fill="white"/>
+<path d="M421.75 407.7C421.75 408.095 421.633 408.482 421.413 408.811C421.193 409.14 420.881 409.396 420.515 409.547C420.15 409.699 419.748 409.738 419.36 409.661C418.972 409.584 418.615 409.394 418.336 409.114C418.056 408.834 417.866 408.478 417.788 408.09C417.711 407.702 417.751 407.3 417.902 406.934C418.054 406.569 418.31 406.257 418.639 406.037C418.968 405.817 419.354 405.7 419.75 405.7C420.28 405.7 420.789 405.91 421.164 406.285C421.539 406.661 421.75 407.169 421.75 407.7Z" fill="white"/>
+<path d="M426.33 409.7C427.435 409.7 428.33 408.804 428.33 407.7C428.33 406.595 427.435 405.7 426.33 405.7C425.225 405.7 424.33 406.595 424.33 407.7C424.33 408.804 425.225 409.7 426.33 409.7Z" fill="white"/>
+<path d="M434.9 407.7C434.9 408.095 434.783 408.482 434.563 408.811C434.343 409.14 434.031 409.396 433.665 409.547C433.3 409.699 432.898 409.738 432.51 409.661C432.122 409.584 431.766 409.394 431.486 409.114C431.206 408.834 431.016 408.478 430.938 408.09C430.861 407.702 430.901 407.3 431.052 406.934C431.204 406.569 431.46 406.257 431.789 406.037C432.118 405.817 432.504 405.7 432.9 405.7C433.43 405.7 433.939 405.91 434.314 406.285C434.689 406.661 434.9 407.169 434.9 407.7Z" fill="white"/>
+<path d="M441.48 407.7C441.48 408.095 441.363 408.482 441.143 408.811C440.923 409.14 440.611 409.396 440.245 409.547C439.88 409.699 439.478 409.738 439.09 409.661C438.702 409.584 438.345 409.394 438.066 409.114C437.786 408.834 437.596 408.478 437.518 408.09C437.441 407.702 437.481 407.3 437.632 406.934C437.784 406.569 438.04 406.257 438.369 406.037C438.698 405.817 439.084 405.7 439.48 405.7C440.01 405.7 440.519 405.91 440.894 406.285C441.269 406.661 441.48 407.169 441.48 407.7Z" fill="white"/>
+<path d="M408.55 393.73H407.4V409.69H408.55V393.73Z" fill="#506690"/>
+<path d="M444.58 361.07H341.37V384.91H444.58V361.07Z" fill="#3B3F5C"/>
+<path d="M404.46 365H345.71V367.01H404.46V365Z" fill="#1B2E4B"/>
+<path d="M404.46 368.49H345.71V370.5H404.46V368.49Z" fill="#1B2E4B"/>
+<path d="M404.46 371.98H345.71V373.99H404.46V371.98Z" fill="#1B2E4B"/>
+<path d="M404.46 375.47H345.71V377.48H404.46V375.47Z" fill="#1B2E4B"/>
+<path d="M404.46 378.95H345.71V380.96H404.46V378.95Z" fill="#1B2E4B"/>
+<path d="M415.17 367C415.17 367.396 415.053 367.782 414.833 368.111C414.613 368.44 414.301 368.696 413.935 368.848C413.57 368.999 413.168 369.039 412.78 368.962C412.392 368.884 412.036 368.694 411.756 368.414C411.476 368.135 411.286 367.778 411.208 367.39C411.131 367.002 411.171 366.6 411.322 366.235C411.474 365.869 411.73 365.557 412.059 365.337C412.388 365.117 412.774 365 413.17 365C413.7 365 414.209 365.211 414.584 365.586C414.959 365.961 415.17 366.47 415.17 367Z" fill="white"/>
+<path d="M421.75 367C421.75 367.396 421.633 367.782 421.413 368.111C421.193 368.44 420.881 368.696 420.515 368.848C420.15 368.999 419.748 369.039 419.36 368.962C418.972 368.884 418.615 368.694 418.336 368.414C418.056 368.135 417.866 367.778 417.788 367.39C417.711 367.002 417.751 366.6 417.902 366.235C418.054 365.869 418.31 365.557 418.639 365.337C418.968 365.117 419.354 365 419.75 365C420.28 365 420.789 365.211 421.164 365.586C421.539 365.961 421.75 366.47 421.75 367Z" fill="white"/>
+<path d="M428.33 367C428.33 367.396 428.213 367.782 427.993 368.111C427.773 368.44 427.461 368.696 427.095 368.848C426.73 368.999 426.328 369.039 425.94 368.962C425.552 368.884 425.196 368.694 424.916 368.414C424.636 368.135 424.446 367.778 424.369 367.39C424.291 367.002 424.331 366.6 424.482 366.235C424.634 365.869 424.89 365.557 425.219 365.337C425.548 365.117 425.934 365 426.33 365C426.86 365 427.369 365.211 427.744 365.586C428.119 365.961 428.33 366.47 428.33 367Z" fill="white"/>
+<path d="M434.9 367C434.9 367.396 434.783 367.782 434.563 368.111C434.343 368.44 434.031 368.696 433.665 368.848C433.3 368.999 432.898 369.039 432.51 368.962C432.122 368.884 431.766 368.694 431.486 368.414C431.206 368.135 431.016 367.778 430.938 367.39C430.861 367.002 430.901 366.6 431.052 366.235C431.204 365.869 431.46 365.557 431.789 365.337C432.118 365.117 432.504 365 432.9 365C433.43 365 433.939 365.211 434.314 365.586C434.689 365.961 434.9 366.47 434.9 367Z" fill="white"/>
+<path d="M441.48 367C441.48 367.396 441.363 367.782 441.143 368.111C440.923 368.44 440.611 368.696 440.245 368.848C439.88 368.999 439.478 369.039 439.09 368.962C438.702 368.884 438.345 368.694 438.066 368.414C437.786 368.135 437.596 367.778 437.518 367.39C437.441 367.002 437.481 366.6 437.632 366.235C437.784 365.869 438.04 365.557 438.369 365.337C438.698 365.117 439.084 365 439.48 365C440.01 365 440.519 365.211 440.894 365.586C441.269 365.961 441.48 366.47 441.48 367Z" fill="white"/>
+<path d="M415.17 373C415.17 373.396 415.053 373.782 414.833 374.111C414.613 374.44 414.301 374.696 413.935 374.848C413.57 374.999 413.168 375.039 412.78 374.962C412.392 374.884 412.036 374.694 411.756 374.414C411.476 374.135 411.286 373.778 411.208 373.39C411.131 373.002 411.171 372.6 411.322 372.235C411.474 371.869 411.73 371.557 412.059 371.337C412.388 371.117 412.774 371 413.17 371C413.7 371 414.209 371.211 414.584 371.586C414.959 371.961 415.17 372.47 415.17 373Z" fill="white"/>
+<path d="M421.75 373C421.75 373.396 421.633 373.782 421.413 374.111C421.193 374.44 420.881 374.696 420.515 374.848C420.15 374.999 419.748 375.039 419.36 374.962C418.972 374.884 418.615 374.694 418.336 374.414C418.056 374.135 417.866 373.778 417.788 373.39C417.711 373.002 417.751 372.6 417.902 372.235C418.054 371.869 418.31 371.557 418.639 371.337C418.968 371.117 419.354 371 419.75 371C420.28 371 420.789 371.211 421.164 371.586C421.539 371.961 421.75 372.47 421.75 373Z" fill="white"/>
+<path d="M428.33 373C428.33 373.396 428.213 373.782 427.993 374.111C427.773 374.44 427.461 374.696 427.095 374.848C426.73 374.999 426.328 375.039 425.94 374.962C425.552 374.884 425.196 374.694 424.916 374.414C424.636 374.135 424.446 373.778 424.369 373.39C424.291 373.002 424.331 372.6 424.482 372.235C424.634 371.869 424.89 371.557 425.219 371.337C425.548 371.117 425.934 371 426.33 371C426.86 371 427.369 371.211 427.744 371.586C428.119 371.961 428.33 372.47 428.33 373Z" fill="white"/>
+<path d="M434.9 373C434.9 373.396 434.783 373.782 434.563 374.111C434.343 374.44 434.031 374.696 433.665 374.848C433.3 374.999 432.898 375.039 432.51 374.962C432.122 374.884 431.766 374.694 431.486 374.414C431.206 374.135 431.016 373.778 430.938 373.39C430.861 373.002 430.901 372.6 431.052 372.235C431.204 371.869 431.46 371.557 431.789 371.337C432.118 371.117 432.504 371 432.9 371C433.43 371 433.939 371.211 434.314 371.586C434.689 371.961 434.9 372.47 434.9 373Z" fill="white"/>
+<path d="M441.48 373C441.48 373.396 441.363 373.782 441.143 374.111C440.923 374.44 440.611 374.696 440.245 374.848C439.88 374.999 439.478 375.039 439.09 374.962C438.702 374.884 438.345 374.694 438.066 374.414C437.786 374.135 437.596 373.778 437.518 373.39C437.441 373.002 437.481 372.6 437.632 372.235C437.784 371.869 438.04 371.557 438.369 371.337C438.698 371.117 439.084 371 439.48 371C440.01 371 440.519 371.211 440.894 371.586C441.269 371.961 441.48 372.47 441.48 373Z" fill="white"/>
+<path d="M415.17 379C415.17 379.396 415.053 379.782 414.833 380.111C414.613 380.44 414.301 380.696 413.935 380.848C413.57 380.999 413.168 381.039 412.78 380.962C412.392 380.884 412.036 380.694 411.756 380.414C411.476 380.135 411.286 379.778 411.208 379.39C411.131 379.002 411.171 378.6 411.322 378.235C411.474 377.869 411.73 377.557 412.059 377.337C412.388 377.117 412.774 377 413.17 377C413.7 377 414.209 377.211 414.584 377.586C414.959 377.961 415.17 378.47 415.17 379Z" fill="white"/>
+<path d="M421.75 379C421.75 379.396 421.633 379.782 421.413 380.111C421.193 380.44 420.881 380.696 420.515 380.848C420.15 380.999 419.748 381.039 419.36 380.962C418.972 380.884 418.615 380.694 418.336 380.414C418.056 380.135 417.866 379.778 417.788 379.39C417.711 379.002 417.751 378.6 417.902 378.235C418.054 377.869 418.31 377.557 418.639 377.337C418.968 377.117 419.354 377 419.75 377C420.28 377 420.789 377.211 421.164 377.586C421.539 377.961 421.75 378.47 421.75 379Z" fill="white"/>
+<path d="M428.33 379C428.33 379.396 428.213 379.782 427.993 380.111C427.773 380.44 427.461 380.696 427.095 380.848C426.73 380.999 426.328 381.039 425.94 380.962C425.552 380.884 425.196 380.694 424.916 380.414C424.636 380.135 424.446 379.778 424.369 379.39C424.291 379.002 424.331 378.6 424.482 378.235C424.634 377.869 424.89 377.557 425.219 377.337C425.548 377.117 425.934 377 426.33 377C426.86 377 427.369 377.211 427.744 377.586C428.119 377.961 428.33 378.47 428.33 379Z" fill="white"/>
+<path d="M434.9 379C434.9 379.396 434.783 379.782 434.563 380.111C434.343 380.44 434.031 380.696 433.665 380.848C433.3 380.999 432.898 381.039 432.51 380.962C432.122 380.884 431.766 380.694 431.486 380.414C431.206 380.135 431.016 379.778 430.938 379.39C430.861 379.002 430.901 378.6 431.052 378.235C431.204 377.869 431.46 377.557 431.789 377.337C432.118 377.117 432.504 377 432.9 377C433.43 377 433.939 377.211 434.314 377.586C434.689 377.961 434.9 378.47 434.9 379Z" fill="white"/>
+<path d="M441.48 379C441.48 379.396 441.363 379.782 441.143 380.111C440.923 380.44 440.611 380.696 440.245 380.848C439.88 380.999 439.478 381.039 439.09 380.962C438.702 380.884 438.345 380.694 438.066 380.414C437.786 380.135 437.596 379.778 437.518 379.39C437.441 379.002 437.481 378.6 437.632 378.235C437.784 377.869 438.04 377.557 438.369 377.337C438.698 377.117 439.084 377 439.48 377C440.01 377 440.519 377.211 440.894 377.586C441.269 377.961 441.48 378.47 441.48 379Z" fill="white"/>
+<path d="M408.55 365H407.4V380.96H408.55V365Z" fill="#506690"/>
+<path d="M444.58 332.34H341.37V356.18H444.58V332.34Z" fill="#3B3F5C"/>
+<path d="M404.46 336.28H345.71V338.29H404.46V336.28Z" fill="#1B2E4B"/>
+<path d="M404.46 339.76H345.71V341.77H404.46V339.76Z" fill="#1B2E4B"/>
+<path d="M404.46 343.25H345.71V345.26H404.46V343.25Z" fill="#1B2E4B"/>
+<path d="M404.46 346.74H345.71V348.75H404.46V346.74Z" fill="#1B2E4B"/>
+<path d="M404.46 350.23H345.71V352.24H404.46V350.23Z" fill="#1B2E4B"/>
+<path d="M413.18 340.27C414.285 340.27 415.18 339.375 415.18 338.27C415.18 337.165 414.285 336.27 413.18 336.27C412.075 336.27 411.18 337.165 411.18 338.27C411.18 339.375 412.075 340.27 413.18 340.27Z" fill="white"/>
+<path d="M421.75 338.27C421.75 338.666 421.633 339.052 421.413 339.381C421.193 339.71 420.881 339.966 420.515 340.118C420.15 340.269 419.748 340.309 419.36 340.232C418.972 340.154 418.615 339.964 418.336 339.684C418.056 339.405 417.866 339.048 417.788 338.66C417.711 338.272 417.751 337.87 417.902 337.505C418.054 337.139 418.31 336.827 418.639 336.607C418.968 336.387 419.354 336.27 419.75 336.27C420.28 336.27 420.789 336.481 421.164 336.856C421.539 337.231 421.75 337.74 421.75 338.27Z" fill="white"/>
+<path d="M426.33 340.27C427.435 340.27 428.33 339.375 428.33 338.27C428.33 337.165 427.435 336.27 426.33 336.27C425.225 336.27 424.33 337.165 424.33 338.27C424.33 339.375 425.225 340.27 426.33 340.27Z" fill="white"/>
+<path d="M434.9 338.27C434.9 338.666 434.783 339.052 434.563 339.381C434.343 339.71 434.031 339.966 433.665 340.118C433.3 340.269 432.898 340.309 432.51 340.232C432.122 340.154 431.766 339.964 431.486 339.684C431.206 339.405 431.016 339.048 430.938 338.66C430.861 338.272 430.901 337.87 431.052 337.505C431.204 337.139 431.46 336.827 431.789 336.607C432.118 336.387 432.504 336.27 432.9 336.27C433.43 336.27 433.939 336.481 434.314 336.856C434.689 337.231 434.9 337.74 434.9 338.27Z" fill="white"/>
+<path d="M441.48 338.27C441.48 338.666 441.363 339.052 441.143 339.381C440.923 339.71 440.611 339.966 440.245 340.118C439.88 340.269 439.478 340.309 439.09 340.232C438.702 340.154 438.345 339.964 438.066 339.684C437.786 339.405 437.596 339.048 437.518 338.66C437.441 338.272 437.481 337.87 437.632 337.505C437.784 337.139 438.04 336.827 438.369 336.607C438.698 336.387 439.084 336.27 439.48 336.27C440.01 336.27 440.519 336.481 440.894 336.856C441.269 337.231 441.48 337.74 441.48 338.27Z" fill="white"/>
+<path d="M415.17 344.26C415.17 344.655 415.053 345.042 414.833 345.371C414.613 345.7 414.301 345.956 413.935 346.108C413.57 346.259 413.168 346.298 412.78 346.221C412.392 346.144 412.036 345.954 411.756 345.674C411.476 345.394 411.286 345.038 411.208 344.65C411.131 344.262 411.171 343.86 411.322 343.494C411.474 343.129 411.73 342.817 412.059 342.597C412.388 342.377 412.774 342.26 413.17 342.26C413.7 342.26 414.209 342.47 414.584 342.846C414.959 343.221 415.17 343.729 415.17 344.26Z" fill="white"/>
+<path d="M421.75 344.26C421.75 344.655 421.633 345.042 421.413 345.371C421.193 345.7 420.881 345.956 420.515 346.108C420.15 346.259 419.748 346.298 419.36 346.221C418.972 346.144 418.615 345.954 418.336 345.674C418.056 345.394 417.866 345.038 417.788 344.65C417.711 344.262 417.751 343.86 417.902 343.494C418.054 343.129 418.31 342.817 418.639 342.597C418.968 342.377 419.354 342.26 419.75 342.26C420.28 342.26 420.789 342.47 421.164 342.846C421.539 343.221 421.75 343.729 421.75 344.26Z" fill="white"/>
+<path d="M428.33 344.26C428.33 344.655 428.213 345.042 427.993 345.371C427.773 345.7 427.461 345.956 427.095 346.108C426.73 346.259 426.328 346.298 425.94 346.221C425.552 346.144 425.196 345.954 424.916 345.674C424.636 345.394 424.446 345.038 424.369 344.65C424.291 344.262 424.331 343.86 424.482 343.494C424.634 343.129 424.89 342.817 425.219 342.597C425.548 342.377 425.934 342.26 426.33 342.26C426.86 342.26 427.369 342.47 427.744 342.846C428.119 343.221 428.33 343.729 428.33 344.26Z" fill="white"/>
+<path d="M434.9 344.26C434.9 344.655 434.783 345.042 434.563 345.371C434.343 345.7 434.031 345.956 433.665 346.108C433.3 346.259 432.898 346.298 432.51 346.221C432.122 346.144 431.766 345.954 431.486 345.674C431.206 345.394 431.016 345.038 430.938 344.65C430.861 344.262 430.901 343.86 431.052 343.494C431.204 343.129 431.46 342.817 431.789 342.597C432.118 342.377 432.504 342.26 432.9 342.26C433.43 342.26 433.939 342.47 434.314 342.846C434.689 343.221 434.9 343.729 434.9 344.26Z" fill="white"/>
+<path d="M441.48 344.26C441.48 344.655 441.363 345.042 441.143 345.371C440.923 345.7 440.611 345.956 440.245 346.108C439.88 346.259 439.478 346.298 439.09 346.221C438.702 346.144 438.345 345.954 438.066 345.674C437.786 345.394 437.596 345.038 437.518 344.65C437.441 344.262 437.481 343.86 437.632 343.494C437.784 343.129 438.04 342.817 438.369 342.597C438.698 342.377 439.084 342.26 439.48 342.26C440.01 342.26 440.519 342.47 440.894 342.846C441.269 343.221 441.48 343.729 441.48 344.26Z" fill="white"/>
+<path d="M415.17 350.24C415.17 350.635 415.053 351.022 414.833 351.351C414.613 351.68 414.301 351.936 413.935 352.088C413.57 352.239 413.168 352.278 412.78 352.201C412.392 352.124 412.036 351.934 411.756 351.654C411.476 351.374 411.286 351.018 411.208 350.63C411.131 350.242 411.171 349.84 411.322 349.474C411.474 349.109 411.73 348.797 412.059 348.577C412.388 348.357 412.774 348.24 413.17 348.24C413.7 348.24 414.209 348.45 414.584 348.826C414.959 349.201 415.17 349.709 415.17 350.24Z" fill="white"/>
+<path d="M421.75 350.24C421.75 350.635 421.633 351.022 421.413 351.351C421.193 351.68 420.881 351.936 420.515 352.088C420.15 352.239 419.748 352.278 419.36 352.201C418.972 352.124 418.615 351.934 418.336 351.654C418.056 351.374 417.866 351.018 417.788 350.63C417.711 350.242 417.751 349.84 417.902 349.474C418.054 349.109 418.31 348.797 418.639 348.577C418.968 348.357 419.354 348.24 419.75 348.24C420.28 348.24 420.789 348.45 421.164 348.826C421.539 349.201 421.75 349.709 421.75 350.24Z" fill="white"/>
+<path d="M428.33 350.24C428.33 350.635 428.213 351.022 427.993 351.351C427.773 351.68 427.461 351.936 427.095 352.088C426.73 352.239 426.328 352.278 425.94 352.201C425.552 352.124 425.196 351.934 424.916 351.654C424.636 351.374 424.446 351.018 424.369 350.63C424.291 350.242 424.331 349.84 424.482 349.474C424.634 349.109 424.89 348.797 425.219 348.577C425.548 348.357 425.934 348.24 426.33 348.24C426.86 348.24 427.369 348.45 427.744 348.826C428.119 349.201 428.33 349.709 428.33 350.24Z" fill="white"/>
+<path d="M434.9 350.24C434.9 350.635 434.783 351.022 434.563 351.351C434.343 351.68 434.031 351.936 433.665 352.088C433.3 352.239 432.898 352.278 432.51 352.201C432.122 352.124 431.766 351.934 431.486 351.654C431.206 351.374 431.016 351.018 430.938 350.63C430.861 350.242 430.901 349.84 431.052 349.474C431.204 349.109 431.46 348.797 431.789 348.577C432.118 348.357 432.504 348.24 432.9 348.24C433.43 348.24 433.939 348.45 434.314 348.826C434.689 349.201 434.9 349.709 434.9 350.24Z" fill="white"/>
+<path d="M441.48 350.24C441.48 350.635 441.363 351.022 441.143 351.351C440.923 351.68 440.611 351.936 440.245 352.088C439.88 352.239 439.478 352.278 439.09 352.201C438.702 352.124 438.345 351.934 438.066 351.654C437.786 351.374 437.596 351.018 437.518 350.63C437.441 350.242 437.481 349.84 437.632 349.474C437.784 349.109 438.04 348.797 438.369 348.577C438.698 348.357 439.084 348.24 439.48 348.24C440.01 348.24 440.519 348.45 440.894 348.826C441.269 349.201 441.48 349.709 441.48 350.24Z" fill="white"/>
+<path d="M408.55 336.28H407.4V352.24H408.55V336.28Z" fill="#506690"/>
+<path d="M444.58 303.61H341.37V327.45H444.58V303.61Z" fill="#3B3F5C"/>
+<path d="M404.46 307.55H345.71V309.56H404.46V307.55Z" fill="#1B2E4B"/>
+<path d="M404.46 311.03H345.71V313.04H404.46V311.03Z" fill="#1B2E4B"/>
+<path d="M404.46 314.52H345.71V316.53H404.46V314.52Z" fill="#1B2E4B"/>
+<path d="M404.46 318.01H345.71V320.02H404.46V318.01Z" fill="#1B2E4B"/>
+<path d="M404.46 321.5H345.71V323.51H404.46V321.5Z" fill="#1B2E4B"/>
+<path d="M415.17 309.54C415.17 309.936 415.053 310.322 414.833 310.651C414.613 310.98 414.301 311.236 413.935 311.388C413.57 311.539 413.168 311.579 412.78 311.502C412.392 311.424 412.036 311.234 411.756 310.954C411.476 310.675 411.286 310.318 411.208 309.93C411.131 309.542 411.171 309.14 411.322 308.775C411.474 308.409 411.73 308.097 412.059 307.877C412.388 307.657 412.774 307.54 413.17 307.54C413.7 307.54 414.209 307.751 414.584 308.126C414.959 308.501 415.17 309.01 415.17 309.54Z" fill="white"/>
+<path d="M421.75 309.54C421.75 309.936 421.633 310.322 421.413 310.651C421.193 310.98 420.881 311.236 420.515 311.388C420.15 311.539 419.748 311.579 419.36 311.502C418.972 311.424 418.615 311.234 418.336 310.954C418.056 310.675 417.866 310.318 417.788 309.93C417.711 309.542 417.751 309.14 417.902 308.775C418.054 308.409 418.31 308.097 418.639 307.877C418.968 307.657 419.354 307.54 419.75 307.54C420.28 307.54 420.789 307.751 421.164 308.126C421.539 308.501 421.75 309.01 421.75 309.54Z" fill="white"/>
+<path d="M428.33 309.54C428.33 309.936 428.213 310.322 427.993 310.651C427.773 310.98 427.461 311.236 427.095 311.388C426.73 311.539 426.328 311.579 425.94 311.502C425.552 311.424 425.196 311.234 424.916 310.954C424.636 310.675 424.446 310.318 424.369 309.93C424.291 309.542 424.331 309.14 424.482 308.775C424.634 308.409 424.89 308.097 425.219 307.877C425.548 307.657 425.934 307.54 426.33 307.54C426.86 307.54 427.369 307.751 427.744 308.126C428.119 308.501 428.33 309.01 428.33 309.54Z" fill="white"/>
+<path d="M434.9 309.54C434.9 309.936 434.783 310.322 434.563 310.651C434.343 310.98 434.031 311.236 433.665 311.388C433.3 311.539 432.898 311.579 432.51 311.502C432.122 311.424 431.766 311.234 431.486 310.954C431.206 310.675 431.016 310.318 430.938 309.93C430.861 309.542 430.901 309.14 431.052 308.775C431.204 308.409 431.46 308.097 431.789 307.877C432.118 307.657 432.504 307.54 432.9 307.54C433.43 307.54 433.939 307.751 434.314 308.126C434.689 308.501 434.9 309.01 434.9 309.54Z" fill="white"/>
+<path d="M441.48 309.54C441.48 309.936 441.363 310.322 441.143 310.651C440.923 310.98 440.611 311.236 440.245 311.388C439.88 311.539 439.478 311.579 439.09 311.502C438.702 311.424 438.345 311.234 438.066 310.954C437.786 310.675 437.596 310.318 437.518 309.93C437.441 309.542 437.481 309.14 437.632 308.775C437.784 308.409 438.04 308.097 438.369 307.877C438.698 307.657 439.084 307.54 439.48 307.54C440.01 307.54 440.519 307.751 440.894 308.126C441.269 308.501 441.48 309.01 441.48 309.54Z" fill="white"/>
+<path d="M413.18 317.53C414.285 317.53 415.18 316.634 415.18 315.53C415.18 314.425 414.285 313.53 413.18 313.53C412.075 313.53 411.18 314.425 411.18 315.53C411.18 316.634 412.075 317.53 413.18 317.53Z" fill="white"/>
+<path d="M421.75 315.53C421.75 315.925 421.633 316.312 421.413 316.641C421.193 316.97 420.881 317.226 420.515 317.378C420.15 317.529 419.748 317.569 419.36 317.491C418.972 317.414 418.615 317.224 418.336 316.944C418.056 316.664 417.866 316.308 417.788 315.92C417.711 315.532 417.751 315.13 417.902 314.764C418.054 314.399 418.31 314.087 418.639 313.867C418.968 313.647 419.354 313.53 419.75 313.53C420.28 313.53 420.789 313.74 421.164 314.116C421.539 314.491 421.75 314.999 421.75 315.53Z" fill="white"/>
+<path d="M426.33 317.53C427.435 317.53 428.33 316.634 428.33 315.53C428.33 314.425 427.435 313.53 426.33 313.53C425.225 313.53 424.33 314.425 424.33 315.53C424.33 316.634 425.225 317.53 426.33 317.53Z" fill="white"/>
+<path d="M434.9 315.53C434.9 315.925 434.783 316.312 434.563 316.641C434.343 316.97 434.031 317.226 433.665 317.378C433.3 317.529 432.898 317.569 432.51 317.491C432.122 317.414 431.766 317.224 431.486 316.944C431.206 316.664 431.016 316.308 430.938 315.92C430.861 315.532 430.901 315.13 431.052 314.764C431.204 314.399 431.46 314.087 431.789 313.867C432.118 313.647 432.504 313.53 432.9 313.53C433.43 313.53 433.939 313.74 434.314 314.116C434.689 314.491 434.9 314.999 434.9 315.53Z" fill="white"/>
+<path d="M441.48 315.53C441.48 315.925 441.363 316.312 441.143 316.641C440.923 316.97 440.611 317.226 440.245 317.378C439.88 317.529 439.478 317.569 439.09 317.491C438.702 317.414 438.345 317.224 438.066 316.944C437.786 316.664 437.596 316.308 437.518 315.92C437.441 315.532 437.481 315.13 437.632 314.764C437.784 314.399 438.04 314.087 438.369 313.867C438.698 313.647 439.084 313.53 439.48 313.53C440.01 313.53 440.519 313.74 440.894 314.116C441.269 314.491 441.48 314.999 441.48 315.53Z" fill="white"/>
+<path d="M413.18 323.51C414.285 323.51 415.18 322.614 415.18 321.51C415.18 320.405 414.285 319.51 413.18 319.51C412.075 319.51 411.18 320.405 411.18 321.51C411.18 322.614 412.075 323.51 413.18 323.51Z" fill="white"/>
+<path d="M421.75 321.51C421.75 321.905 421.633 322.292 421.413 322.621C421.193 322.95 420.881 323.206 420.515 323.358C420.15 323.509 419.748 323.548 419.36 323.471C418.972 323.394 418.615 323.204 418.336 322.924C418.056 322.644 417.866 322.288 417.788 321.9C417.711 321.512 417.751 321.11 417.902 320.744C418.054 320.379 418.31 320.067 418.639 319.847C418.968 319.627 419.354 319.51 419.75 319.51C420.28 319.51 420.789 319.72 421.164 320.096C421.539 320.471 421.75 320.979 421.75 321.51Z" fill="white"/>
+<path d="M426.33 323.51C427.435 323.51 428.33 322.614 428.33 321.51C428.33 320.405 427.435 319.51 426.33 319.51C425.225 319.51 424.33 320.405 424.33 321.51C424.33 322.614 425.225 323.51 426.33 323.51Z" fill="white"/>
+<path d="M434.9 321.51C434.9 321.905 434.783 322.292 434.563 322.621C434.343 322.95 434.031 323.206 433.665 323.358C433.3 323.509 432.898 323.548 432.51 323.471C432.122 323.394 431.766 323.204 431.486 322.924C431.206 322.644 431.016 322.288 430.938 321.9C430.861 321.512 430.901 321.11 431.052 320.744C431.204 320.379 431.46 320.067 431.789 319.847C432.118 319.627 432.504 319.51 432.9 319.51C433.43 319.51 433.939 319.72 434.314 320.096C434.689 320.471 434.9 320.979 434.9 321.51Z" fill="white"/>
+<path d="M441.48 321.51C441.48 321.905 441.363 322.292 441.143 322.621C440.923 322.95 440.611 323.206 440.245 323.358C439.88 323.509 439.478 323.548 439.09 323.471C438.702 323.394 438.345 323.204 438.066 322.924C437.786 322.644 437.596 322.288 437.518 321.9C437.441 321.512 437.481 321.11 437.632 320.744C437.784 320.379 438.04 320.067 438.369 319.847C438.698 319.627 439.084 319.51 439.48 319.51C440.01 319.51 440.519 319.72 440.894 320.096C441.269 320.471 441.48 320.979 441.48 321.51Z" fill="white"/>
+<path d="M408.55 307.55H407.4V323.51H408.55V307.55Z" fill="#506690"/>
+<path d="M444.58 274.88H341.37V298.72H444.58V274.88Z" fill="#3B3F5C"/>
+<path d="M404.46 278.82H345.71V280.83H404.46V278.82Z" fill="#1B2E4B"/>
+<path d="M404.46 282.31H345.71V284.32H404.46V282.31Z" fill="#1B2E4B"/>
+<path d="M404.46 285.79H345.71V287.8H404.46V285.79Z" fill="#1B2E4B"/>
+<path d="M404.46 289.28H345.71V291.29H404.46V289.28Z" fill="#1B2E4B"/>
+<path d="M404.46 292.77H345.71V294.78H404.46V292.77Z" fill="#1B2E4B"/>
+<path d="M413.18 282.82C414.285 282.82 415.18 281.924 415.18 280.82C415.18 279.715 414.285 278.82 413.18 278.82C412.075 278.82 411.18 279.715 411.18 280.82C411.18 281.924 412.075 282.82 413.18 282.82Z" fill="white"/>
+<path d="M421.75 280.82C421.75 281.215 421.633 281.602 421.413 281.931C421.193 282.26 420.881 282.516 420.515 282.668C420.15 282.819 419.748 282.859 419.36 282.781C418.972 282.704 418.615 282.514 418.336 282.234C418.056 281.954 417.866 281.598 417.788 281.21C417.711 280.822 417.751 280.42 417.902 280.054C418.054 279.689 418.31 279.377 418.639 279.157C418.968 278.937 419.354 278.82 419.75 278.82C420.28 278.82 420.789 279.031 421.164 279.406C421.539 279.781 421.75 280.289 421.75 280.82Z" fill="white"/>
+<path d="M426.33 282.82C427.435 282.82 428.33 281.924 428.33 280.82C428.33 279.715 427.435 278.82 426.33 278.82C425.225 278.82 424.33 279.715 424.33 280.82C424.33 281.924 425.225 282.82 426.33 282.82Z" fill="white"/>
+<path d="M434.9 280.82C434.9 281.215 434.783 281.602 434.563 281.931C434.343 282.26 434.031 282.516 433.665 282.668C433.3 282.819 432.898 282.859 432.51 282.781C432.122 282.704 431.766 282.514 431.486 282.234C431.206 281.954 431.016 281.598 430.938 281.21C430.861 280.822 430.901 280.42 431.052 280.054C431.204 279.689 431.46 279.377 431.789 279.157C432.118 278.937 432.504 278.82 432.9 278.82C433.43 278.82 433.939 279.031 434.314 279.406C434.689 279.781 434.9 280.289 434.9 280.82Z" fill="white"/>
+<path d="M441.48 280.82C441.48 281.215 441.363 281.602 441.143 281.931C440.923 282.26 440.611 282.516 440.245 282.668C439.88 282.819 439.478 282.859 439.09 282.781C438.702 282.704 438.345 282.514 438.066 282.234C437.786 281.954 437.596 281.598 437.518 281.21C437.441 280.822 437.481 280.42 437.632 280.054C437.784 279.689 438.04 279.377 438.369 279.157C438.698 278.937 439.084 278.82 439.48 278.82C440.01 278.82 440.519 279.031 440.894 279.406C441.269 279.781 441.48 280.289 441.48 280.82Z" fill="white"/>
+<path d="M413.18 288.8C414.285 288.8 415.18 287.904 415.18 286.8C415.18 285.695 414.285 284.8 413.18 284.8C412.075 284.8 411.18 285.695 411.18 286.8C411.18 287.904 412.075 288.8 413.18 288.8Z" fill="white"/>
+<path d="M421.75 286.8C421.75 287.195 421.633 287.582 421.413 287.911C421.193 288.24 420.881 288.496 420.515 288.648C420.15 288.799 419.748 288.839 419.36 288.761C418.972 288.684 418.615 288.494 418.336 288.214C418.056 287.934 417.866 287.578 417.788 287.19C417.711 286.802 417.751 286.4 417.902 286.034C418.054 285.669 418.31 285.357 418.639 285.137C418.968 284.917 419.354 284.8 419.75 284.8C420.28 284.8 420.789 285.011 421.164 285.386C421.539 285.761 421.75 286.269 421.75 286.8Z" fill="white"/>
+<path d="M426.33 288.8C427.435 288.8 428.33 287.904 428.33 286.8C428.33 285.695 427.435 284.8 426.33 284.8C425.225 284.8 424.33 285.695 424.33 286.8C424.33 287.904 425.225 288.8 426.33 288.8Z" fill="white"/>
+<path d="M434.9 286.8C434.9 287.195 434.783 287.582 434.563 287.911C434.343 288.24 434.031 288.496 433.665 288.648C433.3 288.799 432.898 288.839 432.51 288.761C432.122 288.684 431.766 288.494 431.486 288.214C431.206 287.934 431.016 287.578 430.938 287.19C430.861 286.802 430.901 286.4 431.052 286.034C431.204 285.669 431.46 285.357 431.789 285.137C432.118 284.917 432.504 284.8 432.9 284.8C433.43 284.8 433.939 285.011 434.314 285.386C434.689 285.761 434.9 286.269 434.9 286.8Z" fill="white"/>
+<path d="M441.48 286.8C441.48 287.195 441.363 287.582 441.143 287.911C440.923 288.24 440.611 288.496 440.245 288.648C439.88 288.799 439.478 288.839 439.09 288.761C438.702 288.684 438.345 288.494 438.066 288.214C437.786 287.934 437.596 287.578 437.518 287.19C437.441 286.802 437.481 286.4 437.632 286.034C437.784 285.669 438.04 285.357 438.369 285.137C438.698 284.917 439.084 284.8 439.48 284.8C440.01 284.8 440.519 285.011 440.894 285.386C441.269 285.761 441.48 286.269 441.48 286.8Z" fill="white"/>
+<path d="M415.17 292.79C415.17 293.186 415.053 293.572 414.833 293.901C414.613 294.23 414.301 294.486 413.935 294.638C413.57 294.789 413.168 294.829 412.78 294.752C412.392 294.674 412.036 294.484 411.756 294.204C411.476 293.925 411.286 293.568 411.208 293.18C411.131 292.792 411.171 292.39 411.322 292.025C411.474 291.659 411.73 291.347 412.059 291.127C412.388 290.907 412.774 290.79 413.17 290.79C413.7 290.79 414.209 291.001 414.584 291.376C414.959 291.751 415.17 292.26 415.17 292.79Z" fill="white"/>
+<path d="M421.75 292.79C421.75 293.186 421.633 293.572 421.413 293.901C421.193 294.23 420.881 294.486 420.515 294.638C420.15 294.789 419.748 294.829 419.36 294.752C418.972 294.674 418.615 294.484 418.336 294.204C418.056 293.925 417.866 293.568 417.788 293.18C417.711 292.792 417.751 292.39 417.902 292.025C418.054 291.659 418.31 291.347 418.639 291.127C418.968 290.907 419.354 290.79 419.75 290.79C420.28 290.79 420.789 291.001 421.164 291.376C421.539 291.751 421.75 292.26 421.75 292.79Z" fill="white"/>
+<path d="M428.33 292.79C428.33 293.186 428.213 293.572 427.993 293.901C427.773 294.23 427.461 294.486 427.095 294.638C426.73 294.789 426.328 294.829 425.94 294.752C425.552 294.674 425.196 294.484 424.916 294.204C424.636 293.925 424.446 293.568 424.369 293.18C424.291 292.792 424.331 292.39 424.482 292.025C424.634 291.659 424.89 291.347 425.219 291.127C425.548 290.907 425.934 290.79 426.33 290.79C426.86 290.79 427.369 291.001 427.744 291.376C428.119 291.751 428.33 292.26 428.33 292.79Z" fill="white"/>
+<path d="M434.9 292.79C434.9 293.186 434.783 293.572 434.563 293.901C434.343 294.23 434.031 294.486 433.665 294.638C433.3 294.789 432.898 294.829 432.51 294.752C432.122 294.674 431.766 294.484 431.486 294.204C431.206 293.925 431.016 293.568 430.938 293.18C430.861 292.792 430.901 292.39 431.052 292.025C431.204 291.659 431.46 291.347 431.789 291.127C432.118 290.907 432.504 290.79 432.9 290.79C433.43 290.79 433.939 291.001 434.314 291.376C434.689 291.751 434.9 292.26 434.9 292.79Z" fill="white"/>
+<path d="M441.48 292.79C441.48 293.186 441.363 293.572 441.143 293.901C440.923 294.23 440.611 294.486 440.245 294.638C439.88 294.789 439.478 294.829 439.09 294.752C438.702 294.674 438.345 294.484 438.066 294.204C437.786 293.925 437.596 293.568 437.518 293.18C437.441 292.792 437.481 292.39 437.632 292.025C437.784 291.659 438.04 291.347 438.369 291.127C438.698 290.907 439.084 290.79 439.48 290.79C440.01 290.79 440.519 291.001 440.894 291.376C441.269 291.751 441.48 292.26 441.48 292.79Z" fill="white"/>
+<path d="M408.55 278.82H407.4V294.78H408.55V278.82Z" fill="#506690"/>
+<path d="M444.58 246.15H341.37V269.99H444.58V246.15Z" fill="#3B3F5C"/>
+<path d="M404.46 250.09H345.71V252.1H404.46V250.09Z" fill="#1B2E4B"/>
+<path d="M404.46 253.58H345.71V255.59H404.46V253.58Z" fill="#1B2E4B"/>
+<path d="M404.46 257.07H345.71V259.08H404.46V257.07Z" fill="#1B2E4B"/>
+<path d="M404.46 260.55H345.71V262.56H404.46V260.55Z" fill="#1B2E4B"/>
+<path d="M404.46 264.04H345.71V266.05H404.46V264.04Z" fill="#1B2E4B"/>
+<path d="M415.17 252.09C415.17 252.485 415.053 252.872 414.833 253.201C414.613 253.53 414.301 253.786 413.935 253.938C413.57 254.089 413.168 254.129 412.78 254.051C412.392 253.974 412.036 253.784 411.756 253.504C411.476 253.224 411.286 252.868 411.208 252.48C411.131 252.092 411.171 251.69 411.322 251.324C411.474 250.959 411.73 250.647 412.059 250.427C412.388 250.207 412.774 250.09 413.17 250.09C413.7 250.09 414.209 250.301 414.584 250.676C414.959 251.051 415.17 251.559 415.17 252.09Z" fill="white"/>
+<path d="M421.75 252.09C421.75 252.485 421.633 252.872 421.413 253.201C421.193 253.53 420.881 253.786 420.515 253.938C420.15 254.089 419.748 254.129 419.36 254.051C418.972 253.974 418.615 253.784 418.336 253.504C418.056 253.224 417.866 252.868 417.788 252.48C417.711 252.092 417.751 251.69 417.902 251.324C418.054 250.959 418.31 250.647 418.639 250.427C418.968 250.207 419.354 250.09 419.75 250.09C420.28 250.09 420.789 250.301 421.164 250.676C421.539 251.051 421.75 251.559 421.75 252.09Z" fill="white"/>
+<path d="M428.33 252.09C428.33 252.485 428.213 252.872 427.993 253.201C427.773 253.53 427.461 253.786 427.095 253.938C426.73 254.089 426.328 254.129 425.94 254.051C425.552 253.974 425.196 253.784 424.916 253.504C424.636 253.224 424.446 252.868 424.369 252.48C424.291 252.092 424.331 251.69 424.482 251.324C424.634 250.959 424.89 250.647 425.219 250.427C425.548 250.207 425.934 250.09 426.33 250.09C426.86 250.09 427.369 250.301 427.744 250.676C428.119 251.051 428.33 251.559 428.33 252.09Z" fill="white"/>
+<path d="M434.9 252.09C434.9 252.485 434.783 252.872 434.563 253.201C434.343 253.53 434.031 253.786 433.665 253.938C433.3 254.089 432.898 254.129 432.51 254.051C432.122 253.974 431.766 253.784 431.486 253.504C431.206 253.224 431.016 252.868 430.938 252.48C430.861 252.092 430.901 251.69 431.052 251.324C431.204 250.959 431.46 250.647 431.789 250.427C432.118 250.207 432.504 250.09 432.9 250.09C433.43 250.09 433.939 250.301 434.314 250.676C434.689 251.051 434.9 251.559 434.9 252.09Z" fill="white"/>
+<path d="M441.48 252.09C441.48 252.485 441.363 252.872 441.143 253.201C440.923 253.53 440.611 253.786 440.245 253.938C439.88 254.089 439.478 254.129 439.09 254.051C438.702 253.974 438.345 253.784 438.066 253.504C437.786 253.224 437.596 252.868 437.518 252.48C437.441 252.092 437.481 251.69 437.632 251.324C437.784 250.959 438.04 250.647 438.369 250.427C438.698 250.207 439.084 250.09 439.48 250.09C440.01 250.09 440.519 250.301 440.894 250.676C441.269 251.051 441.48 251.559 441.48 252.09Z" fill="white"/>
+<path d="M415.17 258.07C415.17 258.465 415.053 258.852 414.833 259.181C414.613 259.51 414.301 259.766 413.935 259.918C413.57 260.069 413.168 260.109 412.78 260.031C412.392 259.954 412.036 259.764 411.756 259.484C411.476 259.204 411.286 258.848 411.208 258.46C411.131 258.072 411.171 257.67 411.322 257.304C411.474 256.939 411.73 256.627 412.059 256.407C412.388 256.187 412.774 256.07 413.17 256.07C413.7 256.07 414.209 256.281 414.584 256.656C414.959 257.031 415.17 257.539 415.17 258.07Z" fill="white"/>
+<path d="M421.75 258.07C421.75 258.465 421.633 258.852 421.413 259.181C421.193 259.51 420.881 259.766 420.515 259.918C420.15 260.069 419.748 260.109 419.36 260.031C418.972 259.954 418.615 259.764 418.336 259.484C418.056 259.204 417.866 258.848 417.788 258.46C417.711 258.072 417.751 257.67 417.902 257.304C418.054 256.939 418.31 256.627 418.639 256.407C418.968 256.187 419.354 256.07 419.75 256.07C420.28 256.07 420.789 256.281 421.164 256.656C421.539 257.031 421.75 257.539 421.75 258.07Z" fill="white"/>
+<path d="M428.33 258.07C428.33 258.465 428.213 258.852 427.993 259.181C427.773 259.51 427.461 259.766 427.095 259.918C426.73 260.069 426.328 260.109 425.94 260.031C425.552 259.954 425.196 259.764 424.916 259.484C424.636 259.204 424.446 258.848 424.369 258.46C424.291 258.072 424.331 257.67 424.482 257.304C424.634 256.939 424.89 256.627 425.219 256.407C425.548 256.187 425.934 256.07 426.33 256.07C426.86 256.07 427.369 256.281 427.744 256.656C428.119 257.031 428.33 257.539 428.33 258.07Z" fill="white"/>
+<path d="M434.9 258.07C434.9 258.465 434.783 258.852 434.563 259.181C434.343 259.51 434.031 259.766 433.665 259.918C433.3 260.069 432.898 260.109 432.51 260.031C432.122 259.954 431.766 259.764 431.486 259.484C431.206 259.204 431.016 258.848 430.938 258.46C430.861 258.072 430.901 257.67 431.052 257.304C431.204 256.939 431.46 256.627 431.789 256.407C432.118 256.187 432.504 256.07 432.9 256.07C433.43 256.07 433.939 256.281 434.314 256.656C434.689 257.031 434.9 257.539 434.9 258.07Z" fill="white"/>
+<path d="M441.48 258.07C441.48 258.465 441.363 258.852 441.143 259.181C440.923 259.51 440.611 259.766 440.245 259.918C439.88 260.069 439.478 260.109 439.09 260.031C438.702 259.954 438.345 259.764 438.066 259.484C437.786 259.204 437.596 258.848 437.518 258.46C437.441 258.072 437.481 257.67 437.632 257.304C437.784 256.939 438.04 256.627 438.369 256.407C438.698 256.187 439.084 256.07 439.48 256.07C440.01 256.07 440.519 256.281 440.894 256.656C441.269 257.031 441.48 257.539 441.48 258.07Z" fill="white"/>
+<path d="M415.17 264.06C415.17 264.456 415.053 264.842 414.833 265.171C414.613 265.5 414.301 265.756 413.935 265.908C413.57 266.059 413.168 266.099 412.78 266.022C412.392 265.944 412.036 265.754 411.756 265.474C411.476 265.195 411.286 264.838 411.208 264.45C411.131 264.062 411.171 263.66 411.322 263.295C411.474 262.929 411.73 262.617 412.059 262.397C412.388 262.177 412.774 262.06 413.17 262.06C413.7 262.06 414.209 262.271 414.584 262.646C414.959 263.021 415.17 263.53 415.17 264.06Z" fill="white"/>
+<path d="M421.75 264.06C421.75 264.456 421.633 264.842 421.413 265.171C421.193 265.5 420.881 265.756 420.515 265.908C420.15 266.059 419.748 266.099 419.36 266.022C418.972 265.944 418.615 265.754 418.336 265.474C418.056 265.195 417.866 264.838 417.788 264.45C417.711 264.062 417.751 263.66 417.902 263.295C418.054 262.929 418.31 262.617 418.639 262.397C418.968 262.177 419.354 262.06 419.75 262.06C420.28 262.06 420.789 262.271 421.164 262.646C421.539 263.021 421.75 263.53 421.75 264.06Z" fill="white"/>
+<path d="M428.33 264.06C428.33 264.456 428.213 264.842 427.993 265.171C427.773 265.5 427.461 265.756 427.095 265.908C426.73 266.059 426.328 266.099 425.94 266.022C425.552 265.944 425.196 265.754 424.916 265.474C424.636 265.195 424.446 264.838 424.369 264.45C424.291 264.062 424.331 263.66 424.482 263.295C424.634 262.929 424.89 262.617 425.219 262.397C425.548 262.177 425.934 262.06 426.33 262.06C426.86 262.06 427.369 262.271 427.744 262.646C428.119 263.021 428.33 263.53 428.33 264.06Z" fill="white"/>
+<path d="M434.9 264.06C434.9 264.456 434.783 264.842 434.563 265.171C434.343 265.5 434.031 265.756 433.665 265.908C433.3 266.059 432.898 266.099 432.51 266.022C432.122 265.944 431.766 265.754 431.486 265.474C431.206 265.195 431.016 264.838 430.938 264.45C430.861 264.062 430.901 263.66 431.052 263.295C431.204 262.929 431.46 262.617 431.789 262.397C432.118 262.177 432.504 262.06 432.9 262.06C433.43 262.06 433.939 262.271 434.314 262.646C434.689 263.021 434.9 263.53 434.9 264.06Z" fill="white"/>
+<path d="M441.48 264.06C441.48 264.456 441.363 264.842 441.143 265.171C440.923 265.5 440.611 265.756 440.245 265.908C439.88 266.059 439.478 266.099 439.09 266.022C438.702 265.944 438.345 265.754 438.066 265.474C437.786 265.195 437.596 264.838 437.518 264.45C437.441 264.062 437.481 263.66 437.632 263.295C437.784 262.929 438.04 262.617 438.369 262.397C438.698 262.177 439.084 262.06 439.48 262.06C440.01 262.06 440.519 262.271 440.894 262.646C441.269 263.021 441.48 263.53 441.48 264.06Z" fill="white"/>
+<path d="M408.55 250.09H407.4V266.05H408.55V250.09Z" fill="#506690"/>
+<path d="M444.58 217.43H341.37V241.27H444.58V217.43Z" fill="#3B3F5C"/>
+<path d="M404.46 221.36H345.71V223.37H404.46V221.36Z" fill="#1B2E4B"/>
+<path d="M404.46 224.85H345.71V226.86H404.46V224.85Z" fill="#1B2E4B"/>
+<path d="M404.46 228.34H345.71V230.35H404.46V228.34Z" fill="#1B2E4B"/>
+<path d="M404.46 231.83H345.71V233.84H404.46V231.83Z" fill="#1B2E4B"/>
+<path d="M404.46 235.31H345.71V237.32H404.46V235.31Z" fill="#1B2E4B"/>
+<path d="M415.17 223.36C415.17 223.755 415.053 224.142 414.833 224.471C414.613 224.8 414.301 225.056 413.935 225.208C413.57 225.359 413.168 225.399 412.78 225.321C412.392 225.244 412.036 225.054 411.756 224.774C411.476 224.494 411.286 224.138 411.208 223.75C411.131 223.362 411.171 222.96 411.322 222.594C411.474 222.229 411.73 221.917 412.059 221.697C412.388 221.477 412.774 221.36 413.17 221.36C413.7 221.36 414.209 221.571 414.584 221.946C414.959 222.321 415.17 222.829 415.17 223.36Z" fill="white"/>
+<path d="M421.75 223.36C421.75 223.755 421.633 224.142 421.413 224.471C421.193 224.8 420.881 225.056 420.515 225.208C420.15 225.359 419.748 225.399 419.36 225.321C418.972 225.244 418.615 225.054 418.336 224.774C418.056 224.494 417.866 224.138 417.788 223.75C417.711 223.362 417.751 222.96 417.902 222.594C418.054 222.229 418.31 221.917 418.639 221.697C418.968 221.477 419.354 221.36 419.75 221.36C420.28 221.36 420.789 221.571 421.164 221.946C421.539 222.321 421.75 222.829 421.75 223.36Z" fill="white"/>
+<path d="M428.33 223.36C428.33 223.755 428.213 224.142 427.993 224.471C427.773 224.8 427.461 225.056 427.095 225.208C426.73 225.359 426.328 225.399 425.94 225.321C425.552 225.244 425.196 225.054 424.916 224.774C424.636 224.494 424.446 224.138 424.369 223.75C424.291 223.362 424.331 222.96 424.482 222.594C424.634 222.229 424.89 221.917 425.219 221.697C425.548 221.477 425.934 221.36 426.33 221.36C426.86 221.36 427.369 221.571 427.744 221.946C428.119 222.321 428.33 222.829 428.33 223.36Z" fill="white"/>
+<path d="M434.9 223.36C434.9 223.755 434.783 224.142 434.563 224.471C434.343 224.8 434.031 225.056 433.665 225.208C433.3 225.359 432.898 225.399 432.51 225.321C432.122 225.244 431.766 225.054 431.486 224.774C431.206 224.494 431.016 224.138 430.938 223.75C430.861 223.362 430.901 222.96 431.052 222.594C431.204 222.229 431.46 221.917 431.789 221.697C432.118 221.477 432.504 221.36 432.9 221.36C433.43 221.36 433.939 221.571 434.314 221.946C434.689 222.321 434.9 222.829 434.9 223.36Z" fill="white"/>
+<path d="M441.48 223.36C441.48 223.755 441.363 224.142 441.143 224.471C440.923 224.8 440.611 225.056 440.245 225.208C439.88 225.359 439.478 225.399 439.09 225.321C438.702 225.244 438.345 225.054 438.066 224.774C437.786 224.494 437.596 224.138 437.518 223.75C437.441 223.362 437.481 222.96 437.632 222.594C437.784 222.229 438.04 221.917 438.369 221.697C438.698 221.477 439.084 221.36 439.48 221.36C440.01 221.36 440.519 221.571 440.894 221.946C441.269 222.321 441.48 222.829 441.48 223.36Z" fill="white"/>
+<path d="M415.17 229.35C415.17 229.746 415.053 230.132 414.833 230.461C414.613 230.79 414.301 231.046 413.935 231.198C413.57 231.349 413.168 231.389 412.78 231.312C412.392 231.234 412.036 231.044 411.756 230.764C411.476 230.485 411.286 230.128 411.208 229.74C411.131 229.352 411.171 228.95 411.322 228.585C411.474 228.219 411.73 227.907 412.059 227.687C412.388 227.467 412.774 227.35 413.17 227.35C413.7 227.35 414.209 227.561 414.584 227.936C414.959 228.311 415.17 228.82 415.17 229.35Z" fill="white"/>
+<path d="M421.75 229.35C421.75 229.746 421.633 230.132 421.413 230.461C421.193 230.79 420.881 231.046 420.515 231.198C420.15 231.349 419.748 231.389 419.36 231.312C418.972 231.234 418.615 231.044 418.336 230.764C418.056 230.485 417.866 230.128 417.788 229.74C417.711 229.352 417.751 228.95 417.902 228.585C418.054 228.219 418.31 227.907 418.639 227.687C418.968 227.467 419.354 227.35 419.75 227.35C420.28 227.35 420.789 227.561 421.164 227.936C421.539 228.311 421.75 228.82 421.75 229.35Z" fill="white"/>
+<path d="M428.33 229.35C428.33 229.746 428.213 230.132 427.993 230.461C427.773 230.79 427.461 231.046 427.095 231.198C426.73 231.349 426.328 231.389 425.94 231.312C425.552 231.234 425.196 231.044 424.916 230.764C424.636 230.485 424.446 230.128 424.369 229.74C424.291 229.352 424.331 228.95 424.482 228.585C424.634 228.219 424.89 227.907 425.219 227.687C425.548 227.467 425.934 227.35 426.33 227.35C426.86 227.35 427.369 227.561 427.744 227.936C428.119 228.311 428.33 228.82 428.33 229.35Z" fill="white"/>
+<path d="M434.9 229.35C434.9 229.746 434.783 230.132 434.563 230.461C434.343 230.79 434.031 231.046 433.665 231.198C433.3 231.349 432.898 231.389 432.51 231.312C432.122 231.234 431.766 231.044 431.486 230.764C431.206 230.485 431.016 230.128 430.938 229.74C430.861 229.352 430.901 228.95 431.052 228.585C431.204 228.219 431.46 227.907 431.789 227.687C432.118 227.467 432.504 227.35 432.9 227.35C433.43 227.35 433.939 227.561 434.314 227.936C434.689 228.311 434.9 228.82 434.9 229.35Z" fill="white"/>
+<path d="M441.48 229.35C441.48 229.746 441.363 230.132 441.143 230.461C440.923 230.79 440.611 231.046 440.245 231.198C439.88 231.349 439.478 231.389 439.09 231.312C438.702 231.234 438.345 231.044 438.066 230.764C437.786 230.485 437.596 230.128 437.518 229.74C437.441 229.352 437.481 228.95 437.632 228.585C437.784 228.219 438.04 227.907 438.369 227.687C438.698 227.467 439.084 227.35 439.48 227.35C440.01 227.35 440.519 227.561 440.894 227.936C441.269 228.311 441.48 228.82 441.48 229.35Z" fill="white"/>
+<path d="M415.17 235.33C415.17 235.726 415.053 236.112 414.833 236.441C414.613 236.77 414.301 237.026 413.935 237.178C413.57 237.329 413.168 237.369 412.78 237.292C412.392 237.214 412.036 237.024 411.756 236.744C411.476 236.465 411.286 236.108 411.208 235.72C411.131 235.332 411.171 234.93 411.322 234.565C411.474 234.199 411.73 233.887 412.059 233.667C412.388 233.447 412.774 233.33 413.17 233.33C413.7 233.33 414.209 233.541 414.584 233.916C414.959 234.291 415.17 234.8 415.17 235.33Z" fill="white"/>
+<path d="M421.75 235.33C421.75 235.726 421.633 236.112 421.413 236.441C421.193 236.77 420.881 237.026 420.515 237.178C420.15 237.329 419.748 237.369 419.36 237.292C418.972 237.214 418.615 237.024 418.336 236.744C418.056 236.465 417.866 236.108 417.788 235.72C417.711 235.332 417.751 234.93 417.902 234.565C418.054 234.199 418.31 233.887 418.639 233.667C418.968 233.447 419.354 233.33 419.75 233.33C420.28 233.33 420.789 233.541 421.164 233.916C421.539 234.291 421.75 234.8 421.75 235.33Z" fill="white"/>
+<path d="M428.33 235.33C428.33 235.726 428.213 236.112 427.993 236.441C427.773 236.77 427.461 237.026 427.095 237.178C426.73 237.329 426.328 237.369 425.94 237.292C425.552 237.214 425.196 237.024 424.916 236.744C424.636 236.465 424.446 236.108 424.369 235.72C424.291 235.332 424.331 234.93 424.482 234.565C424.634 234.199 424.89 233.887 425.219 233.667C425.548 233.447 425.934 233.33 426.33 233.33C426.86 233.33 427.369 233.541 427.744 233.916C428.119 234.291 428.33 234.8 428.33 235.33Z" fill="white"/>
+<path d="M434.9 235.33C434.9 235.726 434.783 236.112 434.563 236.441C434.343 236.77 434.031 237.026 433.665 237.178C433.3 237.329 432.898 237.369 432.51 237.292C432.122 237.214 431.766 237.024 431.486 236.744C431.206 236.465 431.016 236.108 430.938 235.72C430.861 235.332 430.901 234.93 431.052 234.565C431.204 234.199 431.46 233.887 431.789 233.667C432.118 233.447 432.504 233.33 432.9 233.33C433.43 233.33 433.939 233.541 434.314 233.916C434.689 234.291 434.9 234.8 434.9 235.33Z" fill="white"/>
+<path d="M441.48 235.33C441.48 235.726 441.363 236.112 441.143 236.441C440.923 236.77 440.611 237.026 440.245 237.178C439.88 237.329 439.478 237.369 439.09 237.292C438.702 237.214 438.345 237.024 438.066 236.744C437.786 236.465 437.596 236.108 437.518 235.72C437.441 235.332 437.481 234.93 437.632 234.565C437.784 234.199 438.04 233.887 438.369 233.667C438.698 233.447 439.084 233.33 439.48 233.33C440.01 233.33 440.519 233.541 440.894 233.916C441.269 234.291 441.48 234.8 441.48 235.33Z" fill="white"/>
+<path d="M408.55 221.36H407.4V237.32H408.55V221.36Z" fill="#506690"/>
+<path d="M444.58 188.7H341.37V212.54H444.58V188.7Z" fill="#3B3F5C"/>
+<path d="M404.46 192.64H345.71V194.65H404.46V192.64Z" fill="#1B2E4B"/>
+<path d="M404.46 196.12H345.71V198.13H404.46V196.12Z" fill="#1B2E4B"/>
+<path d="M404.46 199.61H345.71V201.62H404.46V199.61Z" fill="#1B2E4B"/>
+<path d="M404.46 203.1H345.71V205.11H404.46V203.1Z" fill="#1B2E4B"/>
+<path d="M404.46 206.59H345.71V208.6H404.46V206.59Z" fill="#1B2E4B"/>
+<path d="M415.17 194.63C415.17 195.025 415.053 195.412 414.833 195.741C414.613 196.07 414.301 196.326 413.935 196.478C413.57 196.629 413.168 196.669 412.78 196.591C412.392 196.514 412.036 196.324 411.756 196.044C411.476 195.764 411.286 195.408 411.208 195.02C411.131 194.632 411.171 194.23 411.322 193.865C411.474 193.499 411.73 193.187 412.059 192.967C412.388 192.747 412.774 192.63 413.17 192.63C413.7 192.63 414.209 192.841 414.584 193.216C414.959 193.591 415.17 194.099 415.17 194.63Z" fill="white"/>
+<path d="M421.75 194.63C421.75 195.025 421.633 195.412 421.413 195.741C421.193 196.07 420.881 196.326 420.515 196.478C420.15 196.629 419.748 196.669 419.36 196.591C418.972 196.514 418.615 196.324 418.336 196.044C418.056 195.764 417.866 195.408 417.788 195.02C417.711 194.632 417.751 194.23 417.902 193.865C418.054 193.499 418.31 193.187 418.639 192.967C418.968 192.747 419.354 192.63 419.75 192.63C420.28 192.63 420.789 192.841 421.164 193.216C421.539 193.591 421.75 194.099 421.75 194.63Z" fill="white"/>
+<path d="M428.33 194.63C428.33 195.025 428.213 195.412 427.993 195.741C427.773 196.07 427.461 196.326 427.095 196.478C426.73 196.629 426.328 196.669 425.94 196.591C425.552 196.514 425.196 196.324 424.916 196.044C424.636 195.764 424.446 195.408 424.369 195.02C424.291 194.632 424.331 194.23 424.482 193.865C424.634 193.499 424.89 193.187 425.219 192.967C425.548 192.747 425.934 192.63 426.33 192.63C426.86 192.63 427.369 192.841 427.744 193.216C428.119 193.591 428.33 194.099 428.33 194.63Z" fill="white"/>
+<path d="M434.9 194.63C434.9 195.025 434.783 195.412 434.563 195.741C434.343 196.07 434.031 196.326 433.665 196.478C433.3 196.629 432.898 196.669 432.51 196.591C432.122 196.514 431.766 196.324 431.486 196.044C431.206 195.764 431.016 195.408 430.938 195.02C430.861 194.632 430.901 194.23 431.052 193.865C431.204 193.499 431.46 193.187 431.789 192.967C432.118 192.747 432.504 192.63 432.9 192.63C433.43 192.63 433.939 192.841 434.314 193.216C434.689 193.591 434.9 194.099 434.9 194.63Z" fill="white"/>
+<path d="M441.48 194.63C441.48 195.025 441.363 195.412 441.143 195.741C440.923 196.07 440.611 196.326 440.245 196.478C439.88 196.629 439.478 196.669 439.09 196.591C438.702 196.514 438.345 196.324 438.066 196.044C437.786 195.764 437.596 195.408 437.518 195.02C437.441 194.632 437.481 194.23 437.632 193.865C437.784 193.499 438.04 193.187 438.369 192.967C438.698 192.747 439.084 192.63 439.48 192.63C440.01 192.63 440.519 192.841 440.894 193.216C441.269 193.591 441.48 194.099 441.48 194.63Z" fill="white"/>
+<path d="M413.18 202.62C414.285 202.62 415.18 201.724 415.18 200.62C415.18 199.515 414.285 198.62 413.18 198.62C412.075 198.62 411.18 199.515 411.18 200.62C411.18 201.724 412.075 202.62 413.18 202.62Z" fill="white"/>
+<path d="M421.75 200.62C421.75 201.015 421.633 201.402 421.413 201.731C421.193 202.06 420.881 202.316 420.515 202.467C420.15 202.619 419.748 202.658 419.36 202.581C418.972 202.504 418.615 202.314 418.336 202.034C418.056 201.754 417.866 201.398 417.788 201.01C417.711 200.622 417.751 200.22 417.902 199.854C418.054 199.489 418.31 199.176 418.639 198.957C418.968 198.737 419.354 198.62 419.75 198.62C420.28 198.62 420.789 198.83 421.164 199.205C421.539 199.58 421.75 200.089 421.75 200.62Z" fill="white"/>
+<path d="M426.33 202.62C427.435 202.62 428.33 201.724 428.33 200.62C428.33 199.515 427.435 198.62 426.33 198.62C425.225 198.62 424.33 199.515 424.33 200.62C424.33 201.724 425.225 202.62 426.33 202.62Z" fill="white"/>
+<path d="M434.9 200.62C434.9 201.015 434.783 201.402 434.563 201.731C434.343 202.06 434.031 202.316 433.665 202.467C433.3 202.619 432.898 202.658 432.51 202.581C432.122 202.504 431.766 202.314 431.486 202.034C431.206 201.754 431.016 201.398 430.938 201.01C430.861 200.622 430.901 200.22 431.052 199.854C431.204 199.489 431.46 199.176 431.789 198.957C432.118 198.737 432.504 198.62 432.9 198.62C433.43 198.62 433.939 198.83 434.314 199.205C434.689 199.58 434.9 200.089 434.9 200.62Z" fill="white"/>
+<path d="M441.48 200.62C441.48 201.015 441.363 201.402 441.143 201.731C440.923 202.06 440.611 202.316 440.245 202.467C439.88 202.619 439.478 202.658 439.09 202.581C438.702 202.504 438.345 202.314 438.066 202.034C437.786 201.754 437.596 201.398 437.518 201.01C437.441 200.622 437.481 200.22 437.632 199.854C437.784 199.489 438.04 199.176 438.369 198.957C438.698 198.737 439.084 198.62 439.48 198.62C440.01 198.62 440.519 198.83 440.894 199.205C441.269 199.58 441.48 200.089 441.48 200.62Z" fill="white"/>
+<path d="M415.17 206.6C415.17 206.996 415.053 207.382 414.833 207.711C414.613 208.04 414.301 208.296 413.935 208.448C413.57 208.599 413.168 208.639 412.78 208.562C412.392 208.484 412.036 208.294 411.756 208.014C411.476 207.735 411.286 207.378 411.208 206.99C411.131 206.602 411.171 206.2 411.322 205.835C411.474 205.469 411.73 205.157 412.059 204.937C412.388 204.717 412.774 204.6 413.17 204.6C413.7 204.6 414.209 204.811 414.584 205.186C414.959 205.561 415.17 206.07 415.17 206.6Z" fill="white"/>
+<path d="M421.75 206.6C421.75 206.996 421.633 207.382 421.413 207.711C421.193 208.04 420.881 208.296 420.515 208.448C420.15 208.599 419.748 208.639 419.36 208.562C418.972 208.484 418.615 208.294 418.336 208.014C418.056 207.735 417.866 207.378 417.788 206.99C417.711 206.602 417.751 206.2 417.902 205.835C418.054 205.469 418.31 205.157 418.639 204.937C418.968 204.717 419.354 204.6 419.75 204.6C420.28 204.6 420.789 204.811 421.164 205.186C421.539 205.561 421.75 206.07 421.75 206.6Z" fill="white"/>
+<path d="M428.33 206.6C428.33 206.996 428.213 207.382 427.993 207.711C427.773 208.04 427.461 208.296 427.095 208.448C426.73 208.599 426.328 208.639 425.94 208.562C425.552 208.484 425.196 208.294 424.916 208.014C424.636 207.735 424.446 207.378 424.369 206.99C424.291 206.602 424.331 206.2 424.482 205.835C424.634 205.469 424.89 205.157 425.219 204.937C425.548 204.717 425.934 204.6 426.33 204.6C426.86 204.6 427.369 204.811 427.744 205.186C428.119 205.561 428.33 206.07 428.33 206.6Z" fill="white"/>
+<path d="M434.9 206.6C434.9 206.996 434.783 207.382 434.563 207.711C434.343 208.04 434.031 208.296 433.665 208.448C433.3 208.599 432.898 208.639 432.51 208.562C432.122 208.484 431.766 208.294 431.486 208.014C431.206 207.735 431.016 207.378 430.938 206.99C430.861 206.602 430.901 206.2 431.052 205.835C431.204 205.469 431.46 205.157 431.789 204.937C432.118 204.717 432.504 204.6 432.9 204.6C433.43 204.6 433.939 204.811 434.314 205.186C434.689 205.561 434.9 206.07 434.9 206.6Z" fill="white"/>
+<path d="M441.48 206.6C441.48 206.996 441.363 207.382 441.143 207.711C440.923 208.04 440.611 208.296 440.245 208.448C439.88 208.599 439.478 208.639 439.09 208.562C438.702 208.484 438.345 208.294 438.066 208.014C437.786 207.735 437.596 207.378 437.518 206.99C437.441 206.602 437.481 206.2 437.632 205.835C437.784 205.469 438.04 205.157 438.369 204.937C438.698 204.717 439.084 204.6 439.48 204.6C440.01 204.6 440.519 204.811 440.894 205.186C441.269 205.561 441.48 206.07 441.48 206.6Z" fill="white"/>
+<path d="M408.55 192.64H407.4V208.6H408.55V192.64Z" fill="#506690"/>
+<path d="M427.74 168.86H291.69V176.42H427.74V168.86Z" fill="#3B3F5C"/>
+<path d="M293.05 384.07H277.86V399.26H293.05V384.07Z" fill="#506690"/>
+<path d="M20.08 204.24L22.32 165.6H70.48V180.72H37.104L36.208 194.272C37.776 193.899 39.344 193.6 40.912 193.376C42.48 193.077 44.3467 192.928 46.512 192.928C50.3947 192.928 53.9787 193.413 57.264 194.384C60.624 195.355 63.536 196.848 66 198.864C68.464 200.88 70.4053 203.493 71.824 206.704C73.2427 209.84 73.952 213.648 73.952 218.128C73.952 222.309 73.2427 226.08 71.824 229.44C70.4053 232.8 68.3893 235.675 65.776 238.064C63.2373 240.379 60.1013 242.171 56.368 243.44C52.7093 244.709 48.64 245.344 44.16 245.344C37.8133 245.344 32.288 244.299 27.584 242.208C22.88 240.117 18.624 237.243 14.816 233.584L25.232 221.152C28.2187 223.84 31.2053 225.931 34.192 227.424C37.1787 228.917 40.4267 229.664 43.936 229.664C47.968 229.664 51.1413 228.731 53.456 226.864C55.8453 224.997 57.04 222.272 57.04 218.688C57.04 215.253 55.7707 212.603 53.232 210.736C50.768 208.869 47.408 207.936 43.152 207.936C40.688 207.936 38.336 208.235 36.096 208.832C33.9307 209.355 31.9147 210.027 30.048 210.848L20.08 204.24ZM156.259 204.688C156.259 210.437 155.4 215.776 153.683 220.704C152.04 225.632 149.688 229.925 146.627 233.584C143.566 237.243 139.87 240.117 135.539 242.208C131.283 244.299 126.542 245.344 121.315 245.344C116.088 245.344 111.31 244.336 106.979 242.32C102.723 240.229 99.0642 237.355 96.0029 233.696C93.0162 230.037 90.7015 225.781 89.0589 220.928C87.4162 216 86.5949 210.661 86.5949 204.912C86.5949 199.237 87.4162 193.936 89.0589 189.008C90.7762 184.005 93.1655 179.675 96.2269 176.016C99.2882 172.357 102.947 169.483 107.203 167.392C111.534 165.301 116.312 164.256 121.539 164.256C126.766 164.256 131.507 165.301 135.763 167.392C140.094 169.408 143.752 172.245 146.739 175.904C149.8 179.563 152.152 183.856 153.795 188.784C155.438 193.712 156.259 199.013 156.259 204.688ZM138.563 204.912C138.563 201.328 138.152 198.005 137.331 194.944C136.51 191.883 135.352 189.232 133.859 186.992C132.366 184.752 130.536 182.997 128.371 181.728C126.28 180.459 123.928 179.824 121.315 179.824C118.702 179.824 116.35 180.459 114.259 181.728C112.168 182.923 110.376 184.64 108.883 186.88C107.39 189.045 106.232 191.659 105.411 194.72C104.664 197.781 104.291 201.104 104.291 204.688C104.291 208.272 104.702 211.595 105.523 214.656C106.344 217.717 107.502 220.368 108.995 222.608C110.488 224.848 112.28 226.603 114.371 227.872C116.536 229.141 118.926 229.776 121.539 229.776C124.152 229.776 126.504 229.179 128.595 227.984C130.686 226.715 132.478 224.96 133.971 222.72C135.464 220.48 136.584 217.867 137.331 214.88C138.152 211.819 138.563 208.496 138.563 204.912ZM238.071 204.688C238.071 210.437 237.213 215.776 235.495 220.704C233.853 225.632 231.501 229.925 228.439 233.584C225.378 237.243 221.682 240.117 217.351 242.208C213.095 244.299 208.354 245.344 203.127 245.344C197.901 245.344 193.122 244.336 188.791 242.32C184.535 240.229 180.877 237.355 177.815 233.696C174.829 230.037 172.514 225.781 170.871 220.928C169.229 216 168.407 210.661 168.407 204.912C168.407 199.237 169.229 193.936 170.871 189.008C172.589 184.005 174.978 179.675 178.039 176.016C181.101 172.357 184.759 169.483 189.015 167.392C193.346 165.301 198.125 164.256 203.351 164.256C208.578 164.256 213.319 165.301 217.575 167.392C221.906 169.408 225.565 172.245 228.551 175.904C231.613 179.563 233.965 183.856 235.607 188.784C237.25 193.712 238.071 199.013 238.071 204.688ZM220.375 204.912C220.375 201.328 219.965 198.005 219.143 194.944C218.322 191.883 217.165 189.232 215.671 186.992C214.178 184.752 212.349 182.997 210.183 181.728C208.093 180.459 205.741 179.824 203.127 179.824C200.514 179.824 198.162 180.459 196.071 181.728C193.981 182.923 192.189 184.64 190.695 186.88C189.202 189.045 188.045 191.659 187.223 194.72C186.477 197.781 186.103 201.104 186.103 204.688C186.103 208.272 186.514 211.595 187.335 214.656C188.157 217.717 189.314 220.368 190.807 222.608C192.301 224.848 194.093 226.603 196.183 227.872C198.349 229.141 200.738 229.776 203.351 229.776C205.965 229.776 208.317 229.179 210.407 227.984C212.498 226.715 214.29 224.96 215.783 222.72C217.277 220.48 218.397 217.867 219.143 214.88C219.965 211.819 220.375 208.496 220.375 204.912Z" fill="white"/>
+<path d="M20.08 204.24L18.6823 204.159L18.6358 204.962L19.3064 205.407L20.08 204.24ZM22.32 165.6V164.2H20.9988L20.9223 165.519L22.32 165.6ZM70.48 165.6H71.88V164.2H70.48V165.6ZM70.48 180.72V182.12H71.88V180.72H70.48ZM37.104 180.72V179.32H35.7935L35.7071 180.628L37.104 180.72ZM36.208 194.272L34.8111 194.18L34.6858 196.074L36.5323 195.634L36.208 194.272ZM40.912 193.376L41.11 194.762L41.1421 194.757L41.174 194.751L40.912 193.376ZM57.264 194.384L56.8673 195.727L56.8754 195.729L57.264 194.384ZM66 198.864L65.1135 199.948L66 198.864ZM71.824 206.704L70.5434 207.27L70.5485 207.281L71.824 206.704ZM71.824 229.44L70.5343 228.895L71.824 229.44ZM65.776 238.064L66.7193 239.099L66.7207 239.097L65.776 238.064ZM56.368 243.44L55.9173 242.114L55.9091 242.117L56.368 243.44ZM27.584 242.208L27.0154 243.487L27.584 242.208ZM14.816 233.584L13.7429 232.685L12.9029 233.687L13.846 234.594L14.816 233.584ZM25.232 221.152L26.1686 220.111L25.0904 219.141L24.1589 220.253L25.232 221.152ZM34.192 227.424L33.5659 228.676H33.5659L34.192 227.424ZM53.456 226.864L52.5941 225.761L52.5856 225.767L52.5771 225.774L53.456 226.864ZM53.232 210.736L52.3866 211.852L52.3946 211.858L52.4027 211.864L53.232 210.736ZM36.096 208.832L36.4245 210.193L36.4407 210.189L36.4567 210.185L36.096 208.832ZM30.048 210.848L29.2744 212.015L29.9119 212.437L30.6118 212.129L30.048 210.848ZM21.4777 204.321L23.7177 165.681L20.9223 165.519L18.6823 204.159L21.4777 204.321ZM22.32 167H70.48V164.2H22.32V167ZM69.08 165.6V180.72H71.88V165.6H69.08ZM70.48 179.32H37.104V182.12H70.48V179.32ZM35.7071 180.628L34.8111 194.18L37.605 194.364L38.501 180.812L35.7071 180.628ZM36.5323 195.634C38.0593 195.27 39.5852 194.98 41.11 194.762L40.714 191.99C39.1028 192.22 37.4927 192.527 35.8837 192.91L36.5323 195.634ZM41.174 194.751C42.6313 194.474 44.4058 194.328 46.512 194.328V191.528C44.2876 191.528 42.3287 191.681 40.65 192.001L41.174 194.751ZM46.512 194.328C50.278 194.328 53.7266 194.799 56.8673 195.727L57.6607 193.041C54.2307 192.028 50.5114 191.528 46.512 191.528V194.328ZM56.8754 195.729C60.0715 196.652 62.8099 198.063 65.1135 199.948L66.8865 197.78C64.2621 195.633 61.1765 194.057 57.6526 193.039L56.8754 195.729ZM65.1135 199.948C67.3904 201.81 69.2044 204.239 70.5434 207.27L73.1046 206.138C71.6063 202.747 69.5376 199.95 66.8865 197.78L65.1135 199.948ZM70.5485 207.281C71.8643 210.19 72.552 213.79 72.552 218.128H75.352C75.352 213.506 74.621 209.49 73.0996 206.127L70.5485 207.281ZM72.552 218.128C72.552 222.149 71.8703 225.731 70.5343 228.895L73.1138 229.985C74.6151 226.429 75.352 222.469 75.352 218.128H72.552ZM70.5343 228.895C69.1916 232.075 67.2912 234.782 64.8313 237.031L66.7207 239.097C69.4874 236.568 71.619 233.525 73.1138 229.985L70.5343 228.895ZM64.8327 237.029C62.456 239.196 59.495 240.898 55.9173 242.115L56.8187 244.765C60.7077 243.443 64.0186 241.561 66.7193 239.099L64.8327 237.029ZM55.9091 242.117C52.4191 243.328 48.5078 243.944 44.16 243.944V246.744C48.7722 246.744 52.9995 246.091 56.8269 244.763L55.9091 242.117ZM44.16 243.944C37.9648 243.944 32.641 242.924 28.1526 240.929L27.0154 243.487C31.935 245.674 37.6619 246.744 44.16 246.744V243.944ZM28.1526 240.929C23.6009 238.906 19.4799 236.124 15.786 232.574L13.846 234.594C17.7681 238.362 22.1591 241.329 27.0154 243.487L28.1526 240.929ZM15.8891 234.483L26.3051 222.051L24.1589 220.253L13.7429 232.685L15.8891 234.483ZM24.2955 222.193C27.3573 224.948 30.4466 227.117 33.5659 228.676L34.8181 226.172C31.964 224.745 29.08 222.732 26.1686 220.111L24.2955 222.193ZM33.5659 228.676C36.7569 230.272 40.2207 231.064 43.936 231.064V228.264C40.6326 228.264 37.6004 227.563 34.8181 226.172L33.5659 228.676ZM43.936 231.064C48.1744 231.064 51.6954 230.082 54.3349 227.954L52.5771 225.774C50.5873 227.379 47.7616 228.264 43.936 228.264V231.064ZM54.3179 227.967C57.1106 225.785 58.44 222.615 58.44 218.688H55.64C55.64 221.929 54.5801 224.209 52.5941 225.761L54.3179 227.967ZM58.44 218.688C58.44 214.855 56.9947 211.765 54.0613 209.608L52.4027 211.864C54.5466 213.44 55.64 215.652 55.64 218.688H58.44ZM54.0774 209.62C51.2932 207.511 47.6002 206.536 43.152 206.536V209.336C47.2158 209.336 50.2428 210.228 52.3866 211.852L54.0774 209.62ZM43.152 206.536C40.5738 206.536 38.1001 206.849 35.7353 207.479L36.4567 210.185C38.5719 209.621 40.8022 209.336 43.152 209.336V206.536ZM35.7675 207.471C33.5288 208.011 31.4334 208.709 29.4842 209.567L30.6118 212.129C32.396 211.344 34.3325 210.698 36.4245 210.193L35.7675 207.471ZM30.8216 209.681L20.8536 203.073L19.3064 205.407L29.2744 212.015L30.8216 209.681ZM153.683 220.704L152.361 220.243L152.358 220.252L152.355 220.261L153.683 220.704ZM146.627 233.584L147.701 234.482L146.627 233.584ZM135.539 242.208L134.93 240.947L134.922 240.951L135.539 242.208ZM106.979 242.32L106.362 243.577L106.375 243.583L106.388 243.589L106.979 242.32ZM96.0029 233.696L94.9184 234.581L94.9237 234.588L94.9292 234.594L96.0029 233.696ZM89.0589 220.928L87.7307 221.371L87.7328 221.377L89.0589 220.928ZM89.0589 189.008L87.7347 188.553L87.7307 188.565L89.0589 189.008ZM96.2269 176.016L95.1532 175.118H95.1532L96.2269 176.016ZM107.203 167.392L106.594 166.131L106.586 166.135L107.203 167.392ZM135.763 167.392L135.146 168.649L135.159 168.655L135.172 168.661L135.763 167.392ZM146.739 175.904L145.654 176.789L145.66 176.796L145.665 176.802L146.739 175.904ZM153.795 188.784L155.123 188.341L153.795 188.784ZM137.331 194.944L138.683 194.581L137.331 194.944ZM133.859 186.992L132.694 187.769V187.769L133.859 186.992ZM128.371 181.728L127.644 182.925L127.654 182.93L127.663 182.936L128.371 181.728ZM114.259 181.728L114.953 182.944L114.97 182.934L114.985 182.925L114.259 181.728ZM108.883 186.88L110.035 187.675L110.042 187.666L110.048 187.657L108.883 186.88ZM105.411 194.72L104.059 194.357L104.055 194.373L104.051 194.388L105.411 194.72ZM105.523 214.656L104.171 215.019L105.523 214.656ZM108.995 222.608L107.83 223.385L107.83 223.385L108.995 222.608ZM114.371 227.872L113.644 229.069L113.654 229.074L113.663 229.08L114.371 227.872ZM128.595 227.984L129.289 229.2L129.306 229.19L129.321 229.181L128.595 227.984ZM133.971 222.72L135.136 223.497L133.971 222.72ZM137.331 214.88L135.979 214.517L135.976 214.529L135.973 214.54L137.331 214.88ZM154.859 204.688C154.859 210.296 154.022 215.478 152.361 220.243L155.005 221.165C156.779 216.074 157.659 210.578 157.659 204.688H154.859ZM152.355 220.261C150.763 225.038 148.492 229.173 145.553 232.686L147.701 234.482C150.884 230.678 153.318 226.226 155.011 221.147L152.355 220.261ZM145.553 232.686C142.62 236.191 139.083 238.942 134.93 240.947L136.148 243.469C140.656 241.292 144.511 238.295 147.701 234.482L145.553 232.686ZM134.922 240.951C130.877 242.938 126.35 243.944 121.315 243.944V246.744C126.733 246.744 131.689 245.659 136.156 243.465L134.922 240.951ZM121.315 243.944C116.273 243.944 111.698 242.973 107.57 241.051L106.388 243.589C110.921 245.699 115.904 246.744 121.315 246.744V243.944ZM107.596 241.063C103.517 239.06 100.013 236.307 97.0766 232.798L94.9292 234.594C98.1152 238.402 101.929 241.399 106.362 243.577L107.596 241.063ZM97.0874 232.811C94.2154 229.292 91.9785 225.187 90.385 220.479L87.7328 221.377C89.4246 226.375 91.817 230.782 94.9184 234.581L97.0874 232.811ZM90.387 220.485C88.7967 215.714 87.9949 210.527 87.9949 204.912H85.1949C85.1949 210.796 86.0357 216.286 87.7307 221.371L90.387 220.485ZM87.9949 204.912C87.9949 199.374 88.7961 194.223 90.387 189.451L87.7307 188.565C86.0363 193.649 85.1949 199.101 85.1949 204.912H87.9949ZM90.383 189.463C92.0508 184.604 94.3605 180.428 97.3006 176.914L95.1532 175.118C91.9706 178.921 89.5016 183.406 87.7347 188.553L90.383 189.463ZM97.3006 176.914C100.237 173.405 103.741 170.652 107.82 168.649L106.586 166.135C102.153 168.313 98.3392 171.31 95.1532 175.118L97.3006 176.914ZM107.812 168.653C111.936 166.662 116.504 165.656 121.539 165.656V162.856C116.12 162.856 111.131 163.941 106.594 166.131L107.812 168.653ZM121.539 165.656C126.574 165.656 131.101 166.662 135.146 168.649L136.38 166.135C131.913 163.941 126.957 162.856 121.539 162.856V165.656ZM135.172 168.661C139.314 170.589 142.803 173.296 145.654 176.789L147.823 175.019C144.702 171.195 140.874 168.227 136.354 166.123L135.172 168.661ZM145.665 176.802C148.604 180.315 150.875 184.45 152.467 189.227L155.123 188.341C153.43 183.262 150.996 178.81 147.813 175.006L145.665 176.802ZM152.467 189.227C154.058 193.999 154.859 199.15 154.859 204.688H157.659C157.659 198.877 156.817 193.425 155.123 188.341L152.467 189.227ZM139.963 204.912C139.963 201.221 139.54 197.775 138.683 194.581L135.979 195.307C136.764 198.236 137.163 201.435 137.163 204.912H139.963ZM138.683 194.581C137.829 191.398 136.615 188.602 135.024 186.215L132.694 187.769C134.089 189.862 135.19 192.367 135.979 195.307L138.683 194.581ZM135.024 186.215C133.421 183.812 131.44 181.904 129.079 180.52L127.663 182.936C129.632 184.09 131.31 185.692 132.694 187.769L135.024 186.215ZM129.097 180.531C126.773 179.12 124.166 178.424 121.315 178.424V181.224C123.69 181.224 125.788 181.798 127.644 182.925L129.097 180.531ZM121.315 178.424C118.464 178.424 115.857 179.12 113.532 180.531L114.985 182.925C116.842 181.798 118.94 181.224 121.315 181.224V178.424ZM113.564 180.512C111.264 181.827 109.318 183.704 107.718 186.103L110.048 187.657C111.435 185.576 113.073 184.018 114.953 182.944L113.564 180.512ZM107.73 186.085C106.13 188.406 104.913 191.172 104.059 194.357L106.763 195.083C107.551 192.145 108.649 189.685 110.035 187.675L107.73 186.085ZM104.051 194.388C103.274 197.572 102.891 201.007 102.891 204.688H105.691C105.691 201.201 106.054 197.991 106.771 195.052L104.051 194.388ZM102.891 204.688C102.891 208.379 103.314 211.825 104.171 215.019L106.875 214.293C106.089 211.364 105.691 208.165 105.691 204.688H102.891ZM104.171 215.019C105.025 218.202 106.239 220.998 107.83 223.385L110.16 221.831C108.764 219.738 107.664 217.233 106.875 214.293L104.171 215.019ZM107.83 223.385C109.425 225.778 111.362 227.683 113.644 229.069L115.097 226.675C113.199 225.523 111.551 223.918 110.16 221.831L107.83 223.385ZM113.663 229.08C116.052 230.48 118.687 231.176 121.539 231.176V228.376C119.164 228.376 117.02 227.802 115.079 226.664L113.663 229.08ZM121.539 231.176C124.374 231.176 126.969 230.525 129.289 229.2L127.9 226.768C126.039 227.832 123.93 228.376 121.539 228.376V231.176ZM129.321 229.181C131.604 227.795 133.54 225.89 135.136 223.497L132.806 221.943C131.415 224.03 129.767 225.635 127.868 226.787L129.321 229.181ZM135.136 223.497C136.73 221.105 137.909 218.34 138.689 215.22L135.973 214.54C135.259 217.393 134.199 219.855 132.806 221.943L135.136 223.497ZM138.683 215.243C139.54 212.049 139.963 208.603 139.963 204.912H137.163C137.163 208.389 136.764 211.588 135.979 214.517L138.683 215.243ZM235.495 220.704L234.173 220.243L234.17 220.252L234.167 220.261L235.495 220.704ZM228.439 233.584L229.513 234.482L228.439 233.584ZM217.351 242.208L216.743 240.947L216.734 240.951L217.351 242.208ZM188.791 242.32L188.174 243.577L188.187 243.583L188.201 243.589L188.791 242.32ZM177.815 233.696L176.731 234.581L176.736 234.588L176.742 234.594L177.815 233.696ZM170.871 220.928L169.543 221.371L169.545 221.377L170.871 220.928ZM170.871 189.008L169.547 188.553L169.543 188.565L170.871 189.008ZM178.039 176.016L176.966 175.118L178.039 176.016ZM189.015 167.392L188.407 166.131L188.398 166.135L189.015 167.392ZM217.575 167.392L216.958 168.649L216.971 168.655L216.985 168.661L217.575 167.392ZM228.551 175.904L227.467 176.789L227.472 176.796L227.478 176.802L228.551 175.904ZM235.607 188.784L236.936 188.341L235.607 188.784ZM219.143 194.944L220.496 194.581L219.143 194.944ZM215.671 186.992L214.507 187.769V187.769L215.671 186.992ZM210.183 181.728L209.457 182.925L209.466 182.93L209.475 182.936L210.183 181.728ZM196.071 181.728L196.766 182.944L196.782 182.934L196.798 182.925L196.071 181.728ZM190.695 186.88L191.848 187.675L191.854 187.666L191.86 187.657L190.695 186.88ZM187.223 194.72L185.871 194.357L185.867 194.373L185.863 194.388L187.223 194.72ZM187.335 214.656L185.983 215.019L187.335 214.656ZM190.807 222.608L189.643 223.385V223.385L190.807 222.608ZM196.183 227.872L195.457 229.069L195.466 229.074L195.475 229.08L196.183 227.872ZM210.407 227.984L211.102 229.2L211.118 229.19L211.134 229.181L210.407 227.984ZM215.783 222.72L216.948 223.497L215.783 222.72ZM219.143 214.88L217.791 214.517L217.788 214.529L217.785 214.54L219.143 214.88ZM236.671 204.688C236.671 210.296 235.834 215.478 234.173 220.243L236.817 221.165C238.591 216.074 239.471 210.578 239.471 204.688H236.671ZM234.167 220.261C232.575 225.038 230.305 229.173 227.366 232.686L229.513 234.482C232.697 230.678 235.13 226.226 236.824 221.147L234.167 220.261ZM227.366 232.686C224.433 236.191 220.896 238.942 216.743 240.947L217.96 243.469C222.468 241.292 226.323 238.295 229.513 234.482L227.366 232.686ZM216.734 240.951C212.689 242.938 208.162 243.944 203.127 243.944V246.744C208.546 246.744 213.502 245.659 217.969 243.465L216.734 240.951ZM203.127 243.944C198.085 243.944 193.511 242.973 189.382 241.051L188.201 243.589C192.733 245.699 197.716 246.744 203.127 246.744V243.944ZM189.409 241.063C185.329 239.06 181.826 236.307 178.889 232.798L176.742 234.594C179.928 238.402 183.742 241.399 188.174 243.577L189.409 241.063ZM178.9 232.811C176.028 229.292 173.791 225.187 172.197 220.479L169.545 221.377C171.237 226.375 173.63 230.782 176.731 234.581L178.9 232.811ZM172.2 220.485C170.609 215.714 169.807 210.527 169.807 204.912H167.007C167.007 210.796 167.848 216.286 169.543 221.371L172.2 220.485ZM169.807 204.912C169.807 199.374 170.609 194.223 172.2 189.451L169.543 188.565C167.849 193.649 167.007 199.101 167.007 204.912H169.807ZM172.196 189.463C173.863 184.604 176.173 180.428 179.113 176.914L176.966 175.118C173.783 178.921 171.314 183.406 169.547 188.553L172.196 189.463ZM179.113 176.914C182.05 173.405 185.553 170.652 189.633 168.649L188.398 166.135C183.966 168.313 180.152 171.31 176.966 175.118L179.113 176.914ZM189.624 168.653C193.749 166.662 198.317 165.656 203.351 165.656V162.856C197.933 162.856 192.943 163.941 188.407 166.131L189.624 168.653ZM203.351 165.656C208.386 165.656 212.913 166.662 216.958 168.649L218.193 166.135C213.726 163.941 208.77 162.856 203.351 162.856V165.656ZM216.985 168.661C221.126 170.589 224.615 173.296 227.467 176.789L229.636 175.019C226.514 171.195 222.686 168.227 218.166 166.123L216.985 168.661ZM227.478 176.802C230.417 180.315 232.687 184.45 234.279 189.227L236.936 188.341C235.242 183.262 232.809 178.81 229.625 175.006L227.478 176.802ZM234.279 189.227C235.87 193.999 236.671 199.15 236.671 204.688H239.471C239.471 198.877 238.63 193.425 236.936 188.341L234.279 189.227ZM221.775 204.912C221.775 201.221 221.352 197.775 220.496 194.581L217.791 195.307C218.577 198.236 218.975 201.435 218.975 204.912H221.775ZM220.496 194.581C219.642 191.398 218.428 188.602 216.836 186.215L214.507 187.769C215.902 189.862 217.003 192.367 217.791 195.307L220.496 194.581ZM216.836 186.215C215.234 183.812 213.253 181.904 210.891 180.52L209.475 182.936C211.445 184.09 213.122 185.692 214.507 187.769L216.836 186.215ZM210.91 180.531C208.585 179.12 205.979 178.424 203.127 178.424V181.224C205.503 181.224 207.6 181.798 209.457 182.925L210.91 180.531ZM203.127 178.424C200.276 178.424 197.67 179.12 195.345 180.531L196.798 182.925C198.654 181.798 200.752 181.224 203.127 181.224V178.424ZM195.377 180.512C193.076 181.827 191.13 183.704 189.531 186.103L191.86 187.657C193.247 185.576 194.885 184.018 196.766 182.944L195.377 180.512ZM189.543 186.085C187.942 188.406 186.726 191.172 185.871 194.357L188.576 195.083C189.364 192.145 190.462 189.685 191.848 187.675L189.543 186.085ZM185.863 194.388C185.087 197.572 184.703 201.007 184.703 204.688H187.503C187.503 201.201 187.867 197.991 188.584 195.052L185.863 194.388ZM184.703 204.688C184.703 208.379 185.126 211.825 185.983 215.019L188.688 214.293C187.902 211.364 187.503 208.165 187.503 204.688H184.703ZM185.983 215.019C186.837 218.202 188.051 220.998 189.643 223.385L191.972 221.831C190.577 219.738 189.476 217.233 188.688 214.293L185.983 215.019ZM189.643 223.385C191.238 225.778 193.174 227.683 195.457 229.069L196.91 226.675C195.011 225.523 193.364 223.918 191.972 221.831L189.643 223.385ZM195.475 229.08C197.864 230.48 200.5 231.176 203.351 231.176V228.376C200.976 228.376 198.833 227.802 196.891 226.664L195.475 229.08ZM203.351 231.176C206.187 231.176 208.782 230.525 211.102 229.2L209.713 226.768C207.852 227.832 205.742 228.376 203.351 228.376V231.176ZM211.134 229.181C213.417 227.795 215.353 225.89 216.948 223.497L214.619 221.943C213.227 224.03 211.579 225.635 209.681 226.787L211.134 229.181ZM216.948 223.497C218.542 221.105 219.721 218.34 220.502 215.22L217.785 214.54C217.072 217.393 216.011 219.855 214.618 221.943L216.948 223.497ZM220.496 215.243C221.352 212.049 221.775 208.603 221.775 204.912H218.975C218.975 208.389 218.577 211.588 217.791 214.517L220.496 215.243Z" fill="white"/>
+<path d="M70.02 353.74H43.46V380.3H70.02V353.74Z" fill="#3B3F5C"/>
+<path d="M56.74 375.88C61.6388 375.88 65.61 371.909 65.61 367.01C65.61 362.111 61.6388 358.14 56.74 358.14C51.8412 358.14 47.87 362.111 47.87 367.01C47.87 371.909 51.8412 375.88 56.74 375.88Z" fill="#1B2E4B"/>
+<path d="M55.12 363.43H53.12V370.75H55.12V363.43Z" fill="#506690"/>
+<path d="M60.6799 363.43H58.6799V370.75H60.6799V363.43Z" fill="#506690"/>
+<path d="M36.85 421.59L90.14 421.35L143.43 421.26L250 421.09L356.57 421.26L409.86 421.35L463.15 421.59L409.86 421.84L356.57 421.93L250 422.09L143.43 421.92L90.14 421.83L36.85 421.59Z" fill="#506690"/>
+<path d="M128.08 396.52C129.08 398.64 125.24 413.83 124.08 416.95C122.92 420.07 118.69 437.48 116.65 438.23C114.61 438.98 104.72 438.77 103.32 438.23C101.92 437.69 103.32 434.72 104.93 433.68C106.54 432.64 108.47 431.05 108.47 431.05C108.47 431.05 105.58 404.16 106.12 401.15C106.66 398.14 125.48 390.83 128.08 396.52Z" fill="#4361EE"/>
+<path opacity="0.1" d="M128.08 396.52C129.08 398.64 125.24 413.83 124.08 416.95C122.92 420.07 118.69 437.48 116.65 438.23C114.61 438.98 104.72 438.77 103.32 438.23C101.92 437.69 103.32 434.72 104.93 433.68C106.54 432.64 108.47 431.05 108.47 431.05C108.47 431.05 105.58 404.16 106.12 401.15C106.66 398.14 125.48 390.83 128.08 396.52Z" fill="black"/>
+<path opacity="0.1" d="M107.4 437.06C107.51 436.523 107.731 436.015 108.05 435.57C108.369 435.134 108.75 434.747 109.18 434.42C109.598 434.09 110.082 433.854 110.6 433.73C110.616 433.723 110.633 433.722 110.65 433.728C110.666 433.733 110.679 433.744 110.688 433.759C110.697 433.774 110.7 433.791 110.696 433.808C110.693 433.824 110.684 433.839 110.67 433.85C110.49 434.01 110.29 434.15 110.12 434.32C109.95 434.49 109.76 434.67 109.6 434.85C109.272 435.201 108.986 435.591 108.75 436.01C108.5 436.42 108.27 436.84 108.05 437.28C107.83 437.72 107.72 438.19 107.55 438.65C107.55 438.676 107.539 438.702 107.521 438.72C107.502 438.739 107.477 438.75 107.45 438.75C107.423 438.75 107.398 438.739 107.379 438.72C107.361 438.702 107.35 438.676 107.35 438.65C107.25 438.122 107.267 437.58 107.4 437.06Z" fill="black"/>
+<path opacity="0.1" d="M104.51 435.48C105.06 434.532 105.907 433.79 106.92 433.37C106.99 433.37 107.06 433.42 107 433.47C106.235 434.073 105.585 434.808 105.08 435.64C104.828 436.065 104.664 436.536 104.599 437.026C104.533 437.516 104.568 438.014 104.7 438.49C104.7 438.49 104.7 438.55 104.63 438.49C104.338 438.047 104.173 437.532 104.152 437.002C104.131 436.471 104.255 435.945 104.51 435.48Z" fill="black"/>
+<path opacity="0.1" d="M106.94 416L120.53 428.86C122.03 423.93 123.43 418.57 124.04 416.98C125.24 413.86 129.04 398.67 128.04 396.55C125.43 390.86 106.56 398.17 106.04 401.18C105.83 402.57 106.33 409.27 106.94 416Z" fill="black"/>
+<path d="M179.41 411.72C179.96 412.24 185.31 407.18 186.13 404.81C186.95 402.44 183.53 395.75 184.13 394.61C184.73 393.47 187.68 392.56 189.19 394.31C190.7 396.06 194.57 405.65 193.77 409.75C192.97 413.85 184.74 423 183.87 423C183 423 179.41 411.72 179.41 411.72Z" fill="#4361EE"/>
+<path opacity="0.1" d="M179.41 411.72C179.41 411.72 183.02 422.92 183.87 422.97C184.5 422.97 189.08 418.11 191.82 413.88L184.33 407.57C182.44 409.8 179.79 412.08 179.41 411.72Z" fill="black"/>
+<path d="M149.19 365.46H104.79C104.79 365.46 101.49 394.7 101.85 398.57C102.21 402.44 121.72 431.11 127.77 434.81C133.82 438.51 168.6 438.69 177.06 436.81C183.64 435.36 189.13 426.96 186.4 414.03C185.21 408.37 169.79 394.89 167.64 392.31C165.49 389.73 149.19 365.46 149.19 365.46Z" fill="#C7C7C7"/>
+<path d="M101.85 398.57C102.21 402.44 121.72 431.11 127.78 434.81C133.84 438.51 168.6 438.69 177.07 436.81C183.64 435.36 189.14 426.96 186.4 414.02C185.21 408.37 169.8 394.89 167.65 392.31C166.33 390.73 159.71 381.01 154.77 373.71C151.64 369.09 149.19 365.44 149.19 365.44H104.79C104.79 365.44 103.96 372.78 103.18 380.59C102.4 388.4 101.67 396.64 101.85 398.57Z" fill="#4361EE"/>
+<path opacity="0.1" d="M103.18 380.61C127.04 387.97 148.26 377.5 154.77 373.73C151.64 369.11 149.19 365.46 149.19 365.46H104.79C104.79 365.46 104 372.8 103.18 380.61Z" fill="black"/>
+<path d="M177.91 412.64C177.91 412.64 165.69 404.97 157.12 406.35C148.55 407.73 145.52 425.35 149.63 435.24C149.63 435.24 141.81 437.56 141.81 441.34C141.81 443.49 146.28 444.18 152.72 444.02C159.16 443.86 171.98 443.74 172.26 442.12C172.32 440.785 172.03 439.458 171.42 438.27C171.42 438.27 182.99 436.97 185.26 429.27C187.53 421.57 179.84 413.93 177.91 412.64Z" fill="#4361EE"/>
+<path opacity="0.1" d="M161.22 436.11C164.495 437.451 167.975 438.222 171.51 438.39C171.58 438.39 171.6 438.51 171.51 438.52C167.906 438.876 164.283 438.059 161.18 436.19C161.14 436.17 161.17 436.08 161.22 436.11Z" fill="black"/>
+<path opacity="0.1" d="M146.84 444.07C147.265 442.631 148.214 441.403 149.5 440.63C150.197 440.148 150.958 439.764 151.76 439.49C152.68 439.18 153.62 439.01 154.55 438.72C154.62 438.72 154.68 438.81 154.55 438.84C153.755 439.128 152.985 439.482 152.25 439.9C151.503 440.285 150.779 440.713 150.08 441.18C148.928 442.015 147.916 443.028 147.08 444.18C147.05 444.31 146.8 444.24 146.84 444.07Z" fill="black"/>
+<path opacity="0.1" d="M148.42 438C148.436 438 148.451 438.006 148.462 438.018C148.474 438.029 148.48 438.044 148.48 438.06C148.48 438.076 148.474 438.091 148.462 438.102C148.451 438.114 148.436 438.12 148.42 438.12C146.053 439.108 144.166 440.981 143.16 443.34C143.16 443.44 142.94 443.44 142.96 443.34C143.155 441.973 143.796 440.708 144.783 439.743C145.77 438.777 147.049 438.165 148.42 438Z" fill="black"/>
+<path opacity="0.1" d="M144.61 437.45C144.61 437.45 144.61 437.51 144.61 437.5C146.133 436.599 147.745 435.859 149.42 435.29C149.62 435.64 149.83 435.99 150.06 436.29C150.06 436.36 150.21 436.29 150.17 436.23C148.71 433.144 147.978 429.764 148.03 426.35C148.037 424.542 148.144 422.736 148.35 420.94C148.77 417.79 149.752 414.742 151.25 411.94C152.093 410.18 153.396 408.681 155.02 407.6C156.773 406.747 158.73 406.4 160.67 406.6C162.672 406.734 164.652 407.1 166.57 407.69C168.519 408.229 170.43 408.898 172.29 409.69C168.724 407.664 164.798 406.35 160.73 405.82C158.623 405.526 156.476 405.875 154.57 406.82C152.777 407.959 151.326 409.563 150.37 411.46C148.479 415.143 147.43 419.201 147.3 423.34C147.3 423.81 147.3 424.29 147.3 424.76C147.3 425.39 147.3 426.01 147.3 426.64C147.316 429.611 148.039 432.535 149.41 435.17C147.619 435.434 145.947 436.228 144.61 437.45Z" fill="black"/>
+<path d="M142.43 400.29C143.43 402.4 139.59 417.59 138.43 420.71C137.27 423.83 133 441.24 131 442C129 442.76 119.07 442.54 117.67 442C116.27 441.46 117.67 438.49 119.28 437.45C120.89 436.41 122.81 434.82 122.81 434.82C122.81 434.82 119.93 407.93 120.46 404.92C120.99 401.91 139.83 394.59 142.43 400.29Z" fill="#4361EE"/>
+<path opacity="0.1" d="M135.77 429.15C136.68 426.41 137.87 423.75 138.77 421.02C138.77 420.91 138.98 420.96 138.94 421.07C138.24 423.27 137.71 425.53 137.05 427.75C137.15 427.6 137.24 427.44 137.33 427.29C137.987 426.449 138.516 425.516 138.9 424.52C138.907 424.496 138.923 424.476 138.944 424.464C138.966 424.452 138.991 424.448 139.015 424.455C139.039 424.462 139.059 424.478 139.071 424.499C139.084 424.521 139.087 424.546 139.08 424.57C138.935 425.038 138.737 425.487 138.49 425.91C138.23 426.4 137.96 426.91 137.69 427.38C137.42 427.85 136.98 428.64 136.59 429.25C136.59 429.3 136.59 429.34 136.59 429.38C135.74 432.143 134.739 434.857 133.59 437.51C133.575 437.534 133.553 437.552 133.526 437.562C133.5 437.572 133.471 437.574 133.444 437.566C133.417 437.558 133.393 437.541 133.376 437.519C133.359 437.496 133.35 437.468 133.35 437.44C134.017 434.638 134.825 431.871 135.77 429.15Z" fill="black"/>
+<path opacity="0.1" d="M120.05 409.2C120.05 409.15 120.16 409.13 120.17 409.2C120.46 411.2 120.58 413.3 120.79 415.35C121 417.4 121.26 419.6 121.49 421.73C121.96 425.96 122.67 430.18 123.01 434.42C123.01 434.6 122.7 434.62 122.65 434.42C121.633 430.342 120.947 426.189 120.6 422C120.38 419.92 120.25 417.84 120.15 415.76C119.995 413.577 119.962 411.387 120.05 409.2Z" fill="black"/>
+<path opacity="0.1" d="M121.27 440.61C121.372 440.072 121.59 439.564 121.91 439.12C122.23 438.681 122.614 438.294 123.05 437.97C123.466 437.636 123.951 437.4 124.47 437.28C124.485 437.277 124.5 437.28 124.514 437.286C124.527 437.293 124.538 437.304 124.545 437.317C124.552 437.331 124.554 437.346 124.551 437.361C124.548 437.376 124.541 437.39 124.53 437.4C124.35 437.57 124.15 437.7 123.98 437.87L123.46 438.4C123.137 438.756 122.852 439.145 122.61 439.56C122.37 439.97 122.13 440.39 121.92 440.83C121.71 441.27 121.58 441.74 121.41 442.2C121.404 442.22 121.391 442.237 121.374 442.25C121.357 442.262 121.336 442.269 121.315 442.269C121.294 442.269 121.274 442.262 121.256 442.25C121.239 442.237 121.227 442.22 121.22 442.2C121.115 441.673 121.132 441.129 121.27 440.61Z" fill="black"/>
+<path opacity="0.1" d="M118.37 439C118.923 438.05 119.773 437.308 120.79 436.89C120.85 436.89 120.92 436.94 120.86 436.99C120.096 437.59 119.448 438.326 118.95 439.16C118.693 439.583 118.526 440.055 118.46 440.545C118.395 441.036 118.432 441.535 118.57 442.01C118.57 442.01 118.57 442.07 118.5 442.01C118.207 441.568 118.04 441.054 118.017 440.523C117.994 439.993 118.116 439.466 118.37 439Z" fill="black"/>
+<path d="M121.78 324.81C122.26 323.05 117.88 316.81 116.21 314.76C114.54 312.71 105.35 309.54 102.41 311.15C101.26 311.78 99.1201 316.2 96.2301 320.03C91.7501 325.97 86.5301 332.2 88.4301 333.87C93.0301 337.94 103.54 331.52 106.95 329.37C110.36 327.22 113.47 324.59 114.3 324.68C115.4 324.8 117.7 326.54 118.63 326.68C119.283 326.724 119.933 326.569 120.496 326.235C121.058 325.901 121.506 325.404 121.78 324.81Z" fill="#4361EE"/>
+<path opacity="0.1" d="M121.78 324.81C122.26 323.05 117.88 316.81 116.21 314.76C114.54 312.71 105.35 309.54 102.41 311.15C101.26 311.78 99.1201 316.2 96.2301 320.03C91.7501 325.97 86.5301 332.2 88.4301 333.87C93.0301 337.94 103.54 331.52 106.95 329.37C110.36 327.22 113.47 324.59 114.3 324.68C115.4 324.8 117.7 326.54 118.63 326.68C119.283 326.724 119.933 326.569 120.496 326.235C121.058 325.901 121.506 325.404 121.78 324.81Z" fill="black"/>
+<path d="M143 318.59C153.73 325.01 158.49 342.07 158.78 344.8C159.02 347.02 164.13 354.9 163.22 363.37C162.63 368.81 152.85 376.04 144.89 375.97C143.43 375.97 131.04 380.45 120.57 379.73C110.1 379.01 102.18 371.58 101.87 370.95C101.56 370.32 93.0001 369.1 92.5001 360.35C91.6501 346.35 105.9 322.59 109.97 319.35C116.72 314 135.66 314.23 143 318.59Z" fill="#4361EE"/>
+<path d="M137.9 326C137.7 324.1 143.27 318.39 145.35 316.5C147.43 314.61 157.49 312.89 160.27 315.05C161.36 315.9 162.85 320.83 165.21 325.29C168.86 332.2 173.21 339.53 171.01 340.95C165.55 344.41 155.71 336.01 152.53 333.2C149.35 330.39 146.53 327.2 145.68 327.12C144.52 327.06 141.84 328.48 140.87 328.43C140.188 328.37 139.54 328.106 139.011 327.672C138.481 327.239 138.094 326.656 137.9 326Z" fill="#4361EE"/>
+<path opacity="0.1" d="M137.9 326C137.7 324.1 143.27 318.39 145.35 316.5C147.43 314.61 157.49 312.89 160.27 315.05C161.36 315.9 162.85 320.83 165.21 325.29C168.86 332.2 173.21 339.53 171.01 340.95C165.55 344.41 155.71 336.01 152.53 333.2C149.35 330.39 146.53 327.2 145.68 327.12C144.52 327.06 141.84 328.48 140.87 328.43C140.188 328.37 139.54 328.106 139.011 327.672C138.481 327.239 138.094 326.656 137.9 326Z" fill="black"/>
+<path opacity="0.1" d="M118.3 349.93C124.88 349.99 127.88 357.04 128.67 358.87C129.46 360.7 133.53 364.87 133.67 369.3C133.81 373.73 125.44 378.6 116.67 377.05C107.9 375.5 103.27 370.56 103.32 366.1C103.32 362.51 106.74 359.4 107.12 358.46C107.5 357.52 112.31 349.87 118.3 349.93Z" fill="black"/>
+<path opacity="0.1" d="M134.48 362.31C135.36 363.311 136.103 364.424 136.69 365.62C137.302 366.824 137.737 368.111 137.98 369.44C138.258 370.819 138.108 372.249 137.55 373.54C137.249 374.177 136.812 374.74 136.27 375.19C135.732 375.6 135.126 375.911 134.48 376.11C135.563 375.444 136.391 374.433 136.83 373.24C137.184 372.059 137.239 370.808 136.99 369.6C136.773 368.348 136.438 367.119 135.99 365.93C135.52 364.72 135 363.51 134.48 362.31Z" fill="black"/>
+<path opacity="0.1" d="M104.33 359.68C103.76 360.39 103.22 361.08 102.72 361.78C102.227 362.464 101.802 363.194 101.45 363.96C101.121 364.707 100.924 365.506 100.87 366.32C100.879 367.178 101.038 368.027 101.34 368.83C100.671 368.165 100.233 367.303 100.09 366.37C99.9914 365.41 100.147 364.441 100.54 363.56C101.333 361.879 102.668 360.513 104.33 359.68Z" fill="black"/>
+<path d="M207.14 453.86C196.37 453.86 184.48 453.67 172.53 453.45C166.37 453.34 161.53 453.25 158.47 453.25C142.94 453.25 138.47 433.25 134.15 413.99C133.55 411.3 132.95 408.61 132.32 405.99C131.08 400.82 130.07 395.61 129.08 390.56C126.08 374.95 123.41 361.48 116.53 360.74C107.44 359.74 99.35 373.36 96.4 394.57L94.4 394.3C97.51 371.94 106.48 357.64 116.72 358.75C125.07 359.64 127.83 373.75 131.02 390.18C132.02 395.18 133.02 400.4 134.24 405.52C134.88 408.17 135.48 410.88 136.09 413.58C140.43 432.96 144.53 451.27 158.45 451.27C161.5 451.27 166.38 451.36 172.55 451.47C186.07 451.73 204.55 452.07 220.25 451.76C245.67 451.26 248.68 449.26 248.99 448.65C248.99 444.49 222.15 439.49 212.05 437.6C201.95 435.71 201.45 435.6 201.56 434.37C201.67 433.14 202.91 433.24 204.81 433.24H246.75C259.9 433.24 264.14 414.32 266.68 403.01C267.114 400.581 267.76 398.196 268.61 395.88C271.55 389.76 278.99 390.65 279.3 390.69L279.04 392.69C278.78 392.69 272.72 391.95 270.41 396.76C269.641 398.943 269.046 401.183 268.63 403.46C265.96 415.35 261.51 435.25 246.75 435.25H210.35L212.44 435.64C236.86 440.2 251 443.81 251 448.74C250.996 449.009 250.936 449.274 250.824 449.518C250.712 449.762 250.551 449.981 250.35 450.16C247.38 453.05 229.71 453.86 207.14 453.86Z" fill="#1B2E4B"/>
+<path d="M101.752 393.102L89.4935 392.367L89.0526 399.724L101.311 400.459L101.752 393.102Z" fill="#1B2E4B"/>
+<path d="M99.5745 390.636L91.9282 390.177L91.7882 392.513L99.4345 392.971L99.5745 390.636Z" fill="#3B3F5C"/>
+<path d="M93.1167 399.975L91.6693 399.889L91.3331 405.499L92.7805 405.585L93.1167 399.975Z" fill="#4361EE"/>
+<path d="M98.657 400.296L97.2196 400.21L96.8834 405.82L98.3208 405.906L98.657 400.296Z" fill="#4361EE"/>
+<path d="M283.05 385.53V397.81H288.42V385.53H283.05Z" fill="#1B2E4B"/>
+<path d="M278.72 387.84V395.5H283.06V387.84H278.72Z" fill="#3B3F5C"/>
+<path d="M110 360.6C110 360.6 112.61 363.6 113.62 362.98C114.63 362.36 117.16 356.4 117.16 356.4C117.16 356.4 117.77 363.96 119.72 364.17C121.67 364.38 125.01 361.39 125.01 361.39L117.12 355.92L110 360.6Z" fill="#4361EE"/>
+<path opacity="0.1" d="M110 360.6C110 360.6 112.61 363.6 113.62 362.98C114.63 362.36 117.16 356.4 117.16 356.4C117.16 356.4 117.77 363.96 119.72 364.17C121.67 364.38 125.01 361.39 125.01 361.39L117.12 355.92L110 360.6Z" fill="black"/>
+<path opacity="0.1" d="M148.65 351.21C149.427 348.777 149.699 346.212 149.45 343.67C149.337 342.356 149.031 341.065 148.54 339.84C148.273 339.209 147.938 338.608 147.54 338.05C147.157 337.472 146.708 336.942 146.2 336.47C145.946 336.234 145.675 336.017 145.39 335.82C145.1 335.62 144.8 335.46 144.51 335.28L144.06 335.03L143.59 334.84C143.264 334.7 142.93 334.579 142.59 334.48C141.293 334.099 139.935 333.97 138.59 334.1C136.015 334.346 133.561 335.313 131.51 336.89C133.787 336.023 136.203 335.579 138.64 335.58C139.789 335.595 140.927 335.798 142.01 336.18C142.28 336.26 142.53 336.41 142.79 336.51L143.17 336.68L143.53 336.91C143.76 337.06 144.01 337.19 144.24 337.35C144.462 337.509 144.672 337.683 144.87 337.87C145.694 338.624 146.355 339.54 146.81 340.56C147.304 341.623 147.67 342.741 147.9 343.89C148.4 346.298 148.651 348.751 148.65 351.21Z" fill="black"/>
+<path opacity="0.1" d="M99.87 346.1C99.9779 344.02 100.313 341.957 100.87 339.95C101.348 338.089 102.397 336.424 103.87 335.19C104.239 334.92 104.634 334.689 105.05 334.5C105.455 334.324 105.882 334.206 106.32 334.15C107.282 334.041 108.254 334.061 109.21 334.21C111.268 334.574 113.294 335.099 115.27 335.78C114.44 335.08 113.539 334.469 112.58 333.96C112.1 333.71 111.58 333.48 111.1 333.26C110.586 333.053 110.062 332.873 109.53 332.72C108.424 332.38 107.264 332.251 106.11 332.34C105.49 332.385 104.881 332.534 104.31 332.78C103.756 333.016 103.232 333.319 102.75 333.68C101.803 334.402 101.03 335.328 100.49 336.39C99.9865 337.406 99.6489 338.497 99.49 339.62C99.138 341.781 99.2677 343.994 99.87 346.1Z" fill="black"/>
+<path d="M132.36 348.07C132.36 347.96 132.62 348.22 132.61 348.35C132.37 351.35 132.61 354.85 135.61 355.98C135.7 355.98 135.68 356.17 135.61 356.15C131.94 355.52 131.61 350.89 132.36 348.07Z" fill="#1B2E4B"/>
+<path d="M135.46 345.05C140.8 344.91 140.79 354.66 135.84 354.79C130.89 354.92 131 345.16 135.46 345.05Z" fill="#1B2E4B"/>
+<path d="M111.73 345.7C111.73 345.59 111.46 345.82 111.45 345.95C111.27 348.95 110.45 352.38 107.45 353.09C107.36 353.09 107.35 353.26 107.45 353.26C111.12 353.14 112.09 348.6 111.73 345.7Z" fill="#1B2E4B"/>
+<path d="M109.09 342.28C103.83 341.4 102.47 351.06 107.35 351.87C112.23 352.68 113.51 343 109.09 342.28Z" fill="#1B2E4B"/>
+<path d="M116.91 356.12C117.91 356.43 124.45 354.35 123.91 352.35C123.36 350.19 114.1 349.68 112.91 351.08C111.72 352.48 115.92 355.8 116.91 356.12Z" fill="#1B2E4B"/>
+<path d="M125.13 361.29C124.078 362.085 122.957 362.785 121.78 363.38C121.218 363.682 120.597 363.859 119.96 363.9C119.58 363.97 119.26 363.46 119.04 362.97C118.641 361.942 118.362 360.872 118.21 359.78C118.01 358.69 117.9 357.57 117.78 356.48L117.47 353.48L116.56 356.43C116.28 357.34 115.95 358.25 115.62 359.16C115.288 360.066 114.894 360.948 114.44 361.8C114.329 362.012 114.198 362.213 114.05 362.4C113.928 362.588 113.772 362.75 113.59 362.88C113.419 362.962 113.225 362.983 113.04 362.94C112.789 362.87 112.547 362.769 112.32 362.64C111.424 362.058 110.624 361.339 109.95 360.51C110.434 361.463 111.116 362.301 111.95 362.97C112.211 363.172 112.506 363.328 112.82 363.43C113.013 363.478 113.211 363.505 113.41 363.51C113.632 363.511 113.852 363.46 114.05 363.36C114.33 363.205 114.581 363.002 114.79 362.76C114.972 362.555 115.139 362.338 115.29 362.11C115.848 361.259 116.327 360.359 116.72 359.42C117.12 358.51 117.46 357.59 117.72 356.66L116.49 356.57C116.579 357.701 116.732 358.826 116.95 359.94C117.061 360.507 117.201 361.068 117.37 361.62C117.535 362.198 117.76 362.758 118.04 363.29C118.196 363.59 118.395 363.867 118.63 364.11C118.782 364.266 118.961 364.391 119.16 364.48C119.289 364.542 119.428 364.583 119.57 364.6C119.693 364.615 119.817 364.615 119.94 364.6C120.711 364.518 121.451 364.254 122.1 363.83C123.226 363.132 124.246 362.277 125.13 361.29Z" fill="#1B2E4B"/>
+<path d="M74.9 395.89C78.8717 395.659 82.8567 395.931 86.76 396.7C82.7884 396.931 78.8035 396.659 74.9 395.89Z" fill="#506690"/>
+<path d="M103.69 402.22C105.566 402.872 107.393 403.654 109.16 404.56C110.94 405.436 112.654 406.438 114.29 407.56C110.545 406.231 106.983 404.433 103.69 402.21V402.22Z" fill="#506690"/>
+<path d="M81.25 416C83.2175 412.543 85.6167 409.351 88.39 406.5C87.4219 408.243 86.3291 409.914 85.12 411.5C83.939 413.09 82.6457 414.594 81.25 416Z" fill="#506690"/>
+<path d="M70 384.07C71.55 384.56 73.06 385.12 74.56 385.7C76.06 386.28 77.56 386.9 79.04 387.53C80.52 388.16 82.04 388.81 83.45 389.53C84.86 390.25 86.37 390.92 87.79 391.7C86.24 391.2 84.73 390.64 83.23 390.06C81.73 389.48 80.23 388.86 78.75 388.23C77.27 387.6 75.75 386.95 74.34 386.23C72.93 385.51 71.43 384.84 70 384.07Z" fill="#506690"/>
+<path d="M105.13 392.93C106.523 392.23 107.976 391.654 109.47 391.21C110.953 390.739 112.476 390.404 114.02 390.21C111.227 391.602 108.223 392.524 105.13 392.94V392.93Z" fill="#506690"/>
+<path d="M90.75 387.87C89.93 386.57 89.19 385.24 88.46 383.87C87.73 382.5 87.03 381.17 86.34 379.8C85.65 378.43 84.99 377.06 84.34 375.66C83.69 374.26 83.09 372.87 82.55 371.43C83.37 372.73 84.12 374.07 84.85 375.43C85.58 376.79 86.28 378.13 86.97 379.49C87.66 380.85 88.31 382.23 88.97 383.63C89.63 385.03 90.21 386.43 90.75 387.87Z" fill="#506690"/>
+<path d="M111 419.5C110.11 418.5 109.28 417.41 108.47 416.34C107.66 415.27 106.88 414.16 106.1 413.06C105.32 411.96 104.59 410.83 103.88 409.68C103.17 408.53 102.46 407.38 101.82 406.19C102.71 407.19 103.54 408.28 104.35 409.35C105.16 410.42 105.95 411.53 106.72 412.63C107.49 413.73 108.23 414.86 108.94 416.01C109.65 417.16 110.36 418.3 111 419.5Z" fill="#506690"/>
+<path d="M379.94 168.86H297.28L290.88 112.72H373.54L379.94 168.86Z" fill="#A6A6A6"/>
+<path d="M375.44 165.1H300.93L295.39 116.49H369.9L375.44 165.1Z" fill="#888EA8"/>
+<path d="M329.42 142.06L328.23 143.48L316.51 133.36L317.7 131.94L329.42 142.06Z" fill="#4361EE"/>
+<path d="M326.4 131.94L328.04 133.36L319.53 143.48L317.89 142.06L326.4 131.94Z" fill="#4361EE"/>
+<path d="M354.48 142.06L353.29 143.48L341.57 133.36L342.76 131.94L354.48 142.06Z" fill="#4361EE"/>
+<path d="M351.46 131.94L353.1 133.36L344.59 143.48L342.95 142.06L351.46 131.94Z" fill="#4361EE"/>
+<path d="M315.01 151.79L314.69 149.79H360.12L360.44 151.79H315.01Z" fill="#4361EE"/>
+<path d="M404.2 165.1H297.86V168.87H404.2V165.1Z" fill="#A6A6A6"/>
+<path d="M413.18 165.1H320.96V168.87H413.18V165.1Z" fill="#C7C7C7"/>
+<path d="M370.17 118.85L369.9 116.49H295.39L295.66 118.85H370.17Z" fill="#506690"/>
+<path d="M301.66 117.67C301.672 117.822 301.738 117.964 301.846 118.07C301.955 118.177 302.098 118.241 302.25 118.25C302.321 118.249 302.39 118.232 302.454 118.2C302.517 118.169 302.573 118.124 302.617 118.068C302.661 118.013 302.692 117.949 302.708 117.88C302.724 117.811 302.725 117.739 302.71 117.67C302.701 117.517 302.635 117.372 302.527 117.263C302.418 117.155 302.273 117.09 302.12 117.08C302.049 117.083 301.979 117.101 301.916 117.134C301.852 117.166 301.797 117.212 301.753 117.268C301.709 117.325 301.678 117.39 301.662 117.459C301.646 117.528 301.645 117.6 301.66 117.67Z" fill="#C7C7C7"/>
+<path d="M299.5 117.67C299.514 117.823 299.582 117.965 299.692 118.071C299.803 118.178 299.947 118.241 300.1 118.25C300.17 118.247 300.239 118.229 300.301 118.197C300.364 118.165 300.419 118.12 300.462 118.065C300.506 118.01 300.537 117.946 300.554 117.878C300.571 117.81 300.573 117.739 300.56 117.67C300.548 117.517 300.483 117.374 300.374 117.266C300.266 117.157 300.123 117.092 299.97 117.08C299.899 117.083 299.829 117.102 299.765 117.134C299.701 117.166 299.645 117.212 299.601 117.268C299.556 117.324 299.524 117.389 299.507 117.458C299.489 117.528 299.487 117.6 299.5 117.67Z" fill="#888EA8"/>
+<path d="M297.35 117.67C297.362 117.822 297.428 117.964 297.536 118.07C297.645 118.177 297.788 118.241 297.94 118.25C298.011 118.249 298.08 118.232 298.144 118.2C298.207 118.169 298.263 118.124 298.307 118.068C298.351 118.013 298.382 117.949 298.398 117.88C298.414 117.811 298.415 117.739 298.4 117.67C298.391 117.517 298.325 117.372 298.217 117.263C298.108 117.155 297.963 117.09 297.81 117.08C297.739 117.083 297.669 117.101 297.606 117.134C297.542 117.166 297.487 117.212 297.443 117.268C297.399 117.325 297.368 117.39 297.352 117.459C297.336 117.528 297.335 117.6 297.35 117.67Z" fill="#4361EE"/>
+</svg>
diff --git a/public/assets/images/error/500-light.svg b/public/assets/images/error/500-light.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4b4af90f2b9dd00c7a3e5e8904c068d8018e41a6
--- /dev/null
+++ b/public/assets/images/error/500-light.svg
@@ -0,0 +1,290 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M417.4 72.0298H443.88V60.8398H417.4V72.0298Z" stroke="#EBEBEB" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M432.18 57.9199H458.66V46.7299H432.18V57.9199Z" stroke="#EBEBEB" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M250 182.16H276.48V170.97H250V182.16Z" stroke="#EBEBEB" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M264.77 168.05H291.25V156.86H264.77V168.05Z" stroke="#EBEBEB" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M279.48 182.16H305.96V170.97H279.48V182.16Z" stroke="#EBEBEB" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M41.3399 57.9199H67.8199V46.7299H41.3399V57.9199Z" stroke="#EBEBEB" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M56.12 321.04H82.6V309.85H56.12V321.04Z" stroke="#EBEBEB" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M41.3399 306.93H67.8199V295.74H41.3399V306.93Z" stroke="#EBEBEB" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M417.4 321.04H443.88V309.85H417.4V321.04Z" stroke="#EBEBEB" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M208.82 421.54V295.88L235.55 259.39V191.06" stroke="#EBEBEB" stroke-miterlimit="10"/>
+<path d="M233.18 188.73C233.18 189.201 233.32 189.662 233.582 190.053C233.844 190.445 234.216 190.75 234.651 190.93C235.087 191.11 235.566 191.156 236.028 191.064C236.49 190.971 236.914 190.743 237.246 190.409C237.579 190.076 237.805 189.651 237.895 189.188C237.986 188.726 237.938 188.247 237.756 187.812C237.574 187.378 237.268 187.007 236.875 186.746C236.482 186.486 236.021 186.348 235.55 186.35C235.238 186.35 234.929 186.412 234.641 186.531C234.352 186.651 234.091 186.827 233.871 187.048C233.65 187.269 233.476 187.531 233.357 187.82C233.239 188.109 233.179 188.418 233.18 188.73Z" stroke="#EBEBEB" stroke-miterlimit="10"/>
+<path d="M215.71 421.54V300.29L242.44 263.8V216.06" stroke="#EBEBEB" stroke-miterlimit="10"/>
+<path d="M240.06 213.72C240.058 214.191 240.196 214.652 240.456 215.045C240.717 215.438 241.088 215.744 241.522 215.926C241.957 216.108 242.436 216.156 242.898 216.066C243.36 215.975 243.785 215.749 244.119 215.417C244.453 215.084 244.681 214.66 244.773 214.198C244.866 213.736 244.82 213.257 244.64 212.822C244.46 212.386 244.155 212.014 243.763 211.752C243.372 211.49 242.911 211.35 242.44 211.35C241.81 211.35 241.207 211.599 240.761 212.044C240.315 212.488 240.063 213.091 240.06 213.72Z" stroke="#EBEBEB" stroke-miterlimit="10"/>
+<path d="M202.19 421.54V255.13" stroke="#EBEBEB" stroke-miterlimit="10"/>
+<path d="M199.81 252.75C199.808 253.221 199.946 253.682 200.206 254.075C200.467 254.468 200.838 254.774 201.272 254.956C201.707 255.137 202.186 255.186 202.648 255.095C203.11 255.005 203.535 254.779 203.869 254.446C204.203 254.114 204.431 253.69 204.523 253.228C204.616 252.766 204.57 252.287 204.39 251.851C204.21 251.416 203.905 251.044 203.513 250.782C203.122 250.52 202.661 250.38 202.19 250.38C201.56 250.38 200.957 250.629 200.511 251.073C200.065 251.518 199.813 252.12 199.81 252.75Z" stroke="#EBEBEB" stroke-miterlimit="10"/>
+<path d="M195.8 421.54V336.96L177.66 302.74V241.37" stroke="#EBEBEB" stroke-miterlimit="10"/>
+<path d="M175.28 239C175.28 239.471 175.42 239.931 175.681 240.322C175.943 240.714 176.314 241.019 176.749 241.199C177.184 241.379 177.663 241.426 178.124 241.334C178.586 241.243 179.01 241.016 179.343 240.683C179.676 240.35 179.902 239.926 179.994 239.464C180.086 239.003 180.039 238.524 179.859 238.089C179.679 237.654 179.374 237.283 178.982 237.021C178.591 236.76 178.131 236.62 177.66 236.62C177.347 236.619 177.037 236.679 176.748 236.799C176.458 236.918 176.195 237.093 175.974 237.314C175.753 237.536 175.578 237.798 175.458 238.088C175.339 238.377 175.279 238.687 175.28 239Z" stroke="#EBEBEB" stroke-miterlimit="10"/>
+<path d="M189.45 421.54V340.62L168.06 302.78V262.37" stroke="#EBEBEB" stroke-miterlimit="10"/>
+<path d="M165.68 260C165.678 260.471 165.816 260.932 166.076 261.325C166.337 261.718 166.708 262.024 167.142 262.206C167.577 262.388 168.056 262.436 168.518 262.345C168.98 262.255 169.405 262.029 169.739 261.696C170.073 261.364 170.301 260.94 170.393 260.478C170.486 260.016 170.44 259.537 170.26 259.101C170.08 258.666 169.775 258.294 169.383 258.032C168.992 257.77 168.531 257.63 168.06 257.63C167.431 257.632 166.829 257.883 166.383 258.326C165.938 258.77 165.685 259.371 165.68 260Z" stroke="#EBEBEB" stroke-miterlimit="10"/>
+<path d="M110.72 37.56V0" stroke="#C7C7C7" stroke-miterlimit="10"/>
+<path d="M133.93 59.9201L132.06 64.0301H89.38L87.52 59.9201L105.69 47.3501H115.76L133.93 59.9201Z" fill="#EBEBEB"/>
+<path d="M117.02 35.23L115.76 47.35H105.69L104.43 35.23H117.02Z" fill="#DBDBDB"/>
+<path d="M133.93 59.9302L132.06 64.0302H89.38L87.52 59.9302H133.93Z" fill="#DBDBDB"/>
+<path d="M203.58 37.56V0" stroke="#C7C7C7" stroke-miterlimit="10"/>
+<path d="M226.78 59.9201L224.91 64.0301H182.23L180.37 59.9201L198.54 47.3501H208.61L226.78 59.9201Z" fill="#EBEBEB"/>
+<path d="M209.87 35.23L208.61 47.35H198.54L197.28 35.23H209.87Z" fill="#DBDBDB"/>
+<path d="M226.78 59.9302L224.91 64.0302H182.23L180.37 59.9302H226.78Z" fill="#DBDBDB"/>
+<path d="M296.43 37.56V0" stroke="#C7C7C7" stroke-miterlimit="10"/>
+<path d="M319.63 59.9201L317.77 64.0301H275.08L273.22 59.9201L291.39 47.3501H301.46L319.63 59.9201Z" fill="#EBEBEB"/>
+<path d="M302.72 35.23L301.46 47.35H291.39L290.13 35.23H302.72Z" fill="#DBDBDB"/>
+<path d="M319.63 59.9302L317.76 64.0302H275.08L273.22 59.9302H319.63Z" fill="#DBDBDB"/>
+<path d="M389.28 37.56V0" stroke="#C7C7C7" stroke-miterlimit="10"/>
+<path d="M412.49 59.9201L410.62 64.0301H367.93L366.07 59.9201L384.25 47.3501H394.31L412.49 59.9201Z" fill="#EBEBEB"/>
+<path d="M395.57 35.23L394.31 47.35H384.25L382.98 35.23H395.57Z" fill="#DBDBDB"/>
+<path d="M412.48 59.9302L410.62 64.0302H367.93L366.07 59.9302H412.48Z" fill="#DBDBDB"/>
+<path d="M183.79 460.4C242.559 460.4 290.2 452.793 290.2 443.41C290.2 434.027 242.559 426.42 183.79 426.42C125.021 426.42 77.38 434.027 77.38 443.41C77.38 452.793 125.021 460.4 183.79 460.4Z" fill="#EBEBEB"/>
+<path d="M332.39 176.42H267.37V421.59H332.39V176.42Z" fill="#37474F"/>
+<path d="M452.05 176.42H332.39V421.59H452.05V176.42Z" fill="#455A64"/>
+<path d="M444.58 389.79H341.37V413.63H444.58V389.79Z" fill="#37474F"/>
+<path d="M404.46 393.73H345.71V395.74H404.46V393.73Z" fill="#455A64"/>
+<path d="M404.46 397.22H345.71V399.23H404.46V397.22Z" fill="#455A64"/>
+<path d="M404.46 400.71H345.71V402.72H404.46V400.71Z" fill="#455A64"/>
+<path d="M404.46 404.19H345.71V406.2H404.46V404.19Z" fill="#455A64"/>
+<path d="M404.46 407.68H345.71V409.69H404.46V407.68Z" fill="#455A64"/>
+<path d="M415.17 395.73C415.17 396.126 415.053 396.512 414.833 396.841C414.613 397.17 414.301 397.426 413.935 397.578C413.57 397.729 413.168 397.769 412.78 397.692C412.392 397.614 412.036 397.424 411.756 397.144C411.476 396.864 411.286 396.508 411.208 396.12C411.131 395.732 411.171 395.33 411.322 394.965C411.474 394.599 411.73 394.287 412.059 394.067C412.388 393.847 412.774 393.73 413.17 393.73C413.7 393.73 414.209 393.941 414.584 394.316C414.959 394.691 415.17 395.2 415.17 395.73Z" fill="#4361EE"/>
+<path d="M421.75 395.73C421.75 396.126 421.633 396.512 421.413 396.841C421.193 397.17 420.881 397.426 420.515 397.578C420.15 397.729 419.748 397.769 419.36 397.692C418.972 397.614 418.615 397.424 418.336 397.144C418.056 396.864 417.866 396.508 417.788 396.12C417.711 395.732 417.751 395.33 417.902 394.965C418.054 394.599 418.31 394.287 418.639 394.067C418.968 393.847 419.354 393.73 419.75 393.73C420.28 393.73 420.789 393.941 421.164 394.316C421.539 394.691 421.75 395.2 421.75 395.73Z" fill="#4361EE"/>
+<path d="M428.33 395.73C428.33 396.126 428.213 396.512 427.993 396.841C427.773 397.17 427.461 397.426 427.095 397.578C426.73 397.729 426.328 397.769 425.94 397.692C425.552 397.614 425.196 397.424 424.916 397.144C424.636 396.864 424.446 396.508 424.369 396.12C424.291 395.732 424.331 395.33 424.482 394.965C424.634 394.599 424.89 394.287 425.219 394.067C425.548 393.847 425.934 393.73 426.33 393.73C426.86 393.73 427.369 393.941 427.744 394.316C428.119 394.691 428.33 395.2 428.33 395.73Z" fill="#4361EE"/>
+<path d="M434.9 395.73C434.9 396.126 434.783 396.512 434.563 396.841C434.343 397.17 434.031 397.426 433.665 397.578C433.3 397.729 432.898 397.769 432.51 397.692C432.122 397.614 431.766 397.424 431.486 397.144C431.206 396.864 431.016 396.508 430.938 396.12C430.861 395.732 430.901 395.33 431.052 394.965C431.204 394.599 431.46 394.287 431.789 394.067C432.118 393.847 432.504 393.73 432.9 393.73C433.43 393.73 433.939 393.941 434.314 394.316C434.689 394.691 434.9 395.2 434.9 395.73Z" fill="#4361EE"/>
+<path d="M441.48 395.73C441.48 396.126 441.363 396.512 441.143 396.841C440.923 397.17 440.611 397.426 440.245 397.578C439.88 397.729 439.478 397.769 439.09 397.692C438.702 397.614 438.345 397.424 438.066 397.144C437.786 396.864 437.596 396.508 437.518 396.12C437.441 395.732 437.481 395.33 437.632 394.965C437.784 394.599 438.04 394.287 438.369 394.067C438.698 393.847 439.084 393.73 439.48 393.73C440.01 393.73 440.519 393.941 440.894 394.316C441.269 394.691 441.48 395.2 441.48 395.73Z" fill="#4361EE"/>
+<path d="M415.17 401.71C415.17 402.106 415.053 402.492 414.833 402.821C414.613 403.15 414.301 403.406 413.935 403.558C413.57 403.709 413.168 403.749 412.78 403.672C412.392 403.594 412.036 403.404 411.756 403.124C411.476 402.844 411.286 402.488 411.208 402.1C411.131 401.712 411.171 401.31 411.322 400.945C411.474 400.579 411.73 400.267 412.059 400.047C412.388 399.827 412.774 399.71 413.17 399.71C413.7 399.71 414.209 399.921 414.584 400.296C414.959 400.671 415.17 401.18 415.17 401.71Z" fill="#4361EE"/>
+<path d="M421.75 401.71C421.75 402.106 421.633 402.492 421.413 402.821C421.193 403.15 420.881 403.406 420.515 403.558C420.15 403.709 419.748 403.749 419.36 403.672C418.972 403.594 418.615 403.404 418.336 403.124C418.056 402.844 417.866 402.488 417.788 402.1C417.711 401.712 417.751 401.31 417.902 400.945C418.054 400.579 418.31 400.267 418.639 400.047C418.968 399.827 419.354 399.71 419.75 399.71C420.28 399.71 420.789 399.921 421.164 400.296C421.539 400.671 421.75 401.18 421.75 401.71Z" fill="#4361EE"/>
+<path d="M428.33 401.71C428.33 402.106 428.213 402.492 427.993 402.821C427.773 403.15 427.461 403.406 427.095 403.558C426.73 403.709 426.328 403.749 425.94 403.672C425.552 403.594 425.196 403.404 424.916 403.124C424.636 402.844 424.446 402.488 424.369 402.1C424.291 401.712 424.331 401.31 424.482 400.945C424.634 400.579 424.89 400.267 425.219 400.047C425.548 399.827 425.934 399.71 426.33 399.71C426.86 399.71 427.369 399.921 427.744 400.296C428.119 400.671 428.33 401.18 428.33 401.71Z" fill="#4361EE"/>
+<path d="M434.9 401.71C434.9 402.106 434.783 402.492 434.563 402.821C434.343 403.15 434.031 403.406 433.665 403.558C433.3 403.709 432.898 403.749 432.51 403.672C432.122 403.594 431.766 403.404 431.486 403.124C431.206 402.844 431.016 402.488 430.938 402.1C430.861 401.712 430.901 401.31 431.052 400.945C431.204 400.579 431.46 400.267 431.789 400.047C432.118 399.827 432.504 399.71 432.9 399.71C433.43 399.71 433.939 399.921 434.314 400.296C434.689 400.671 434.9 401.18 434.9 401.71Z" fill="#4361EE"/>
+<path d="M441.48 401.71C441.48 402.106 441.363 402.492 441.143 402.821C440.923 403.15 440.611 403.406 440.245 403.558C439.88 403.709 439.478 403.749 439.09 403.672C438.702 403.594 438.345 403.404 438.066 403.124C437.786 402.844 437.596 402.488 437.518 402.1C437.441 401.712 437.481 401.31 437.632 400.945C437.784 400.579 438.04 400.267 438.369 400.047C438.698 399.827 439.084 399.71 439.48 399.71C440.01 399.71 440.519 399.921 440.894 400.296C441.269 400.671 441.48 401.18 441.48 401.71Z" fill="#4361EE"/>
+<path d="M413.18 409.7C414.285 409.7 415.18 408.804 415.18 407.7C415.18 406.595 414.285 405.7 413.18 405.7C412.075 405.7 411.18 406.595 411.18 407.7C411.18 408.804 412.075 409.7 413.18 409.7Z" fill="#4361EE"/>
+<path d="M421.75 407.7C421.75 408.095 421.633 408.482 421.413 408.811C421.193 409.14 420.881 409.396 420.515 409.547C420.15 409.699 419.748 409.738 419.36 409.661C418.972 409.584 418.615 409.394 418.336 409.114C418.056 408.834 417.866 408.478 417.788 408.09C417.711 407.702 417.751 407.3 417.902 406.934C418.054 406.569 418.31 406.257 418.639 406.037C418.968 405.817 419.354 405.7 419.75 405.7C420.28 405.7 420.789 405.91 421.164 406.285C421.539 406.661 421.75 407.169 421.75 407.7Z" fill="#4361EE"/>
+<path d="M426.33 409.7C427.435 409.7 428.33 408.804 428.33 407.7C428.33 406.595 427.435 405.7 426.33 405.7C425.225 405.7 424.33 406.595 424.33 407.7C424.33 408.804 425.225 409.7 426.33 409.7Z" fill="#4361EE"/>
+<path d="M434.9 407.7C434.9 408.095 434.783 408.482 434.563 408.811C434.343 409.14 434.031 409.396 433.665 409.547C433.3 409.699 432.898 409.738 432.51 409.661C432.122 409.584 431.766 409.394 431.486 409.114C431.206 408.834 431.016 408.478 430.938 408.09C430.861 407.702 430.901 407.3 431.052 406.934C431.204 406.569 431.46 406.257 431.789 406.037C432.118 405.817 432.504 405.7 432.9 405.7C433.43 405.7 433.939 405.91 434.314 406.285C434.689 406.661 434.9 407.169 434.9 407.7Z" fill="#4361EE"/>
+<path d="M441.48 407.7C441.48 408.095 441.363 408.482 441.143 408.811C440.923 409.14 440.611 409.396 440.245 409.547C439.88 409.699 439.478 409.738 439.09 409.661C438.702 409.584 438.345 409.394 438.066 409.114C437.786 408.834 437.596 408.478 437.518 408.09C437.441 407.702 437.481 407.3 437.632 406.934C437.784 406.569 438.04 406.257 438.369 406.037C438.698 405.817 439.084 405.7 439.48 405.7C440.01 405.7 440.519 405.91 440.894 406.285C441.269 406.661 441.48 407.169 441.48 407.7Z" fill="#4361EE"/>
+<path d="M408.55 393.73H407.4V409.69H408.55V393.73Z" fill="#263238"/>
+<path d="M444.58 361.07H341.37V384.91H444.58V361.07Z" fill="#37474F"/>
+<path d="M404.46 365H345.71V367.01H404.46V365Z" fill="#455A64"/>
+<path d="M404.46 368.49H345.71V370.5H404.46V368.49Z" fill="#455A64"/>
+<path d="M404.46 371.98H345.71V373.99H404.46V371.98Z" fill="#455A64"/>
+<path d="M404.46 375.47H345.71V377.48H404.46V375.47Z" fill="#455A64"/>
+<path d="M404.46 378.95H345.71V380.96H404.46V378.95Z" fill="#455A64"/>
+<path d="M415.17 367C415.17 367.396 415.053 367.782 414.833 368.111C414.613 368.44 414.301 368.696 413.935 368.848C413.57 368.999 413.168 369.039 412.78 368.962C412.392 368.884 412.036 368.694 411.756 368.414C411.476 368.135 411.286 367.778 411.208 367.39C411.131 367.002 411.171 366.6 411.322 366.235C411.474 365.869 411.73 365.557 412.059 365.337C412.388 365.117 412.774 365 413.17 365C413.7 365 414.209 365.211 414.584 365.586C414.959 365.961 415.17 366.47 415.17 367Z" fill="#4361EE"/>
+<path d="M421.75 367C421.75 367.396 421.633 367.782 421.413 368.111C421.193 368.44 420.881 368.696 420.515 368.848C420.15 368.999 419.748 369.039 419.36 368.962C418.972 368.884 418.615 368.694 418.336 368.414C418.056 368.135 417.866 367.778 417.788 367.39C417.711 367.002 417.751 366.6 417.902 366.235C418.054 365.869 418.31 365.557 418.639 365.337C418.968 365.117 419.354 365 419.75 365C420.28 365 420.789 365.211 421.164 365.586C421.539 365.961 421.75 366.47 421.75 367Z" fill="#4361EE"/>
+<path d="M428.33 367C428.33 367.396 428.213 367.782 427.993 368.111C427.773 368.44 427.461 368.696 427.095 368.848C426.73 368.999 426.328 369.039 425.94 368.962C425.552 368.884 425.196 368.694 424.916 368.414C424.636 368.135 424.446 367.778 424.369 367.39C424.291 367.002 424.331 366.6 424.482 366.235C424.634 365.869 424.89 365.557 425.219 365.337C425.548 365.117 425.934 365 426.33 365C426.86 365 427.369 365.211 427.744 365.586C428.119 365.961 428.33 366.47 428.33 367Z" fill="#4361EE"/>
+<path d="M434.9 367C434.9 367.396 434.783 367.782 434.563 368.111C434.343 368.44 434.031 368.696 433.665 368.848C433.3 368.999 432.898 369.039 432.51 368.962C432.122 368.884 431.766 368.694 431.486 368.414C431.206 368.135 431.016 367.778 430.938 367.39C430.861 367.002 430.901 366.6 431.052 366.235C431.204 365.869 431.46 365.557 431.789 365.337C432.118 365.117 432.504 365 432.9 365C433.43 365 433.939 365.211 434.314 365.586C434.689 365.961 434.9 366.47 434.9 367Z" fill="#4361EE"/>
+<path d="M441.48 367C441.48 367.396 441.363 367.782 441.143 368.111C440.923 368.44 440.611 368.696 440.245 368.848C439.88 368.999 439.478 369.039 439.09 368.962C438.702 368.884 438.345 368.694 438.066 368.414C437.786 368.135 437.596 367.778 437.518 367.39C437.441 367.002 437.481 366.6 437.632 366.235C437.784 365.869 438.04 365.557 438.369 365.337C438.698 365.117 439.084 365 439.48 365C440.01 365 440.519 365.211 440.894 365.586C441.269 365.961 441.48 366.47 441.48 367Z" fill="#4361EE"/>
+<path d="M415.17 373C415.17 373.396 415.053 373.782 414.833 374.111C414.613 374.44 414.301 374.696 413.935 374.848C413.57 374.999 413.168 375.039 412.78 374.962C412.392 374.884 412.036 374.694 411.756 374.414C411.476 374.135 411.286 373.778 411.208 373.39C411.131 373.002 411.171 372.6 411.322 372.235C411.474 371.869 411.73 371.557 412.059 371.337C412.388 371.117 412.774 371 413.17 371C413.7 371 414.209 371.211 414.584 371.586C414.959 371.961 415.17 372.47 415.17 373Z" fill="#4361EE"/>
+<path d="M421.75 373C421.75 373.396 421.633 373.782 421.413 374.111C421.193 374.44 420.881 374.696 420.515 374.848C420.15 374.999 419.748 375.039 419.36 374.962C418.972 374.884 418.615 374.694 418.336 374.414C418.056 374.135 417.866 373.778 417.788 373.39C417.711 373.002 417.751 372.6 417.902 372.235C418.054 371.869 418.31 371.557 418.639 371.337C418.968 371.117 419.354 371 419.75 371C420.28 371 420.789 371.211 421.164 371.586C421.539 371.961 421.75 372.47 421.75 373Z" fill="#4361EE"/>
+<path d="M428.33 373C428.33 373.396 428.213 373.782 427.993 374.111C427.773 374.44 427.461 374.696 427.095 374.848C426.73 374.999 426.328 375.039 425.94 374.962C425.552 374.884 425.196 374.694 424.916 374.414C424.636 374.135 424.446 373.778 424.369 373.39C424.291 373.002 424.331 372.6 424.482 372.235C424.634 371.869 424.89 371.557 425.219 371.337C425.548 371.117 425.934 371 426.33 371C426.86 371 427.369 371.211 427.744 371.586C428.119 371.961 428.33 372.47 428.33 373Z" fill="#4361EE"/>
+<path d="M434.9 373C434.9 373.396 434.783 373.782 434.563 374.111C434.343 374.44 434.031 374.696 433.665 374.848C433.3 374.999 432.898 375.039 432.51 374.962C432.122 374.884 431.766 374.694 431.486 374.414C431.206 374.135 431.016 373.778 430.938 373.39C430.861 373.002 430.901 372.6 431.052 372.235C431.204 371.869 431.46 371.557 431.789 371.337C432.118 371.117 432.504 371 432.9 371C433.43 371 433.939 371.211 434.314 371.586C434.689 371.961 434.9 372.47 434.9 373Z" fill="#4361EE"/>
+<path d="M441.48 373C441.48 373.396 441.363 373.782 441.143 374.111C440.923 374.44 440.611 374.696 440.245 374.848C439.88 374.999 439.478 375.039 439.09 374.962C438.702 374.884 438.345 374.694 438.066 374.414C437.786 374.135 437.596 373.778 437.518 373.39C437.441 373.002 437.481 372.6 437.632 372.235C437.784 371.869 438.04 371.557 438.369 371.337C438.698 371.117 439.084 371 439.48 371C440.01 371 440.519 371.211 440.894 371.586C441.269 371.961 441.48 372.47 441.48 373Z" fill="#4361EE"/>
+<path d="M415.17 379C415.17 379.396 415.053 379.782 414.833 380.111C414.613 380.44 414.301 380.696 413.935 380.848C413.57 380.999 413.168 381.039 412.78 380.962C412.392 380.884 412.036 380.694 411.756 380.414C411.476 380.135 411.286 379.778 411.208 379.39C411.131 379.002 411.171 378.6 411.322 378.235C411.474 377.869 411.73 377.557 412.059 377.337C412.388 377.117 412.774 377 413.17 377C413.7 377 414.209 377.211 414.584 377.586C414.959 377.961 415.17 378.47 415.17 379Z" fill="#4361EE"/>
+<path d="M421.75 379C421.75 379.396 421.633 379.782 421.413 380.111C421.193 380.44 420.881 380.696 420.515 380.848C420.15 380.999 419.748 381.039 419.36 380.962C418.972 380.884 418.615 380.694 418.336 380.414C418.056 380.135 417.866 379.778 417.788 379.39C417.711 379.002 417.751 378.6 417.902 378.235C418.054 377.869 418.31 377.557 418.639 377.337C418.968 377.117 419.354 377 419.75 377C420.28 377 420.789 377.211 421.164 377.586C421.539 377.961 421.75 378.47 421.75 379Z" fill="#4361EE"/>
+<path d="M428.33 379C428.33 379.396 428.213 379.782 427.993 380.111C427.773 380.44 427.461 380.696 427.095 380.848C426.73 380.999 426.328 381.039 425.94 380.962C425.552 380.884 425.196 380.694 424.916 380.414C424.636 380.135 424.446 379.778 424.369 379.39C424.291 379.002 424.331 378.6 424.482 378.235C424.634 377.869 424.89 377.557 425.219 377.337C425.548 377.117 425.934 377 426.33 377C426.86 377 427.369 377.211 427.744 377.586C428.119 377.961 428.33 378.47 428.33 379Z" fill="#4361EE"/>
+<path d="M434.9 379C434.9 379.396 434.783 379.782 434.563 380.111C434.343 380.44 434.031 380.696 433.665 380.848C433.3 380.999 432.898 381.039 432.51 380.962C432.122 380.884 431.766 380.694 431.486 380.414C431.206 380.135 431.016 379.778 430.938 379.39C430.861 379.002 430.901 378.6 431.052 378.235C431.204 377.869 431.46 377.557 431.789 377.337C432.118 377.117 432.504 377 432.9 377C433.43 377 433.939 377.211 434.314 377.586C434.689 377.961 434.9 378.47 434.9 379Z" fill="#4361EE"/>
+<path d="M441.48 379C441.48 379.396 441.363 379.782 441.143 380.111C440.923 380.44 440.611 380.696 440.245 380.848C439.88 380.999 439.478 381.039 439.09 380.962C438.702 380.884 438.345 380.694 438.066 380.414C437.786 380.135 437.596 379.778 437.518 379.39C437.441 379.002 437.481 378.6 437.632 378.235C437.784 377.869 438.04 377.557 438.369 377.337C438.698 377.117 439.084 377 439.48 377C440.01 377 440.519 377.211 440.894 377.586C441.269 377.961 441.48 378.47 441.48 379Z" fill="#4361EE"/>
+<path d="M408.55 365H407.4V380.96H408.55V365Z" fill="#263238"/>
+<path d="M444.58 332.34H341.37V356.18H444.58V332.34Z" fill="#37474F"/>
+<path d="M404.46 336.28H345.71V338.29H404.46V336.28Z" fill="#455A64"/>
+<path d="M404.46 339.76H345.71V341.77H404.46V339.76Z" fill="#455A64"/>
+<path d="M404.46 343.25H345.71V345.26H404.46V343.25Z" fill="#455A64"/>
+<path d="M404.46 346.74H345.71V348.75H404.46V346.74Z" fill="#455A64"/>
+<path d="M404.46 350.23H345.71V352.24H404.46V350.23Z" fill="#455A64"/>
+<path d="M413.18 340.27C414.285 340.27 415.18 339.375 415.18 338.27C415.18 337.165 414.285 336.27 413.18 336.27C412.075 336.27 411.18 337.165 411.18 338.27C411.18 339.375 412.075 340.27 413.18 340.27Z" fill="#4361EE"/>
+<path d="M421.75 338.27C421.75 338.666 421.633 339.052 421.413 339.381C421.193 339.71 420.881 339.966 420.515 340.118C420.15 340.269 419.748 340.309 419.36 340.232C418.972 340.154 418.615 339.964 418.336 339.684C418.056 339.405 417.866 339.048 417.788 338.66C417.711 338.272 417.751 337.87 417.902 337.505C418.054 337.139 418.31 336.827 418.639 336.607C418.968 336.387 419.354 336.27 419.75 336.27C420.28 336.27 420.789 336.481 421.164 336.856C421.539 337.231 421.75 337.74 421.75 338.27Z" fill="#4361EE"/>
+<path d="M426.33 340.27C427.435 340.27 428.33 339.375 428.33 338.27C428.33 337.165 427.435 336.27 426.33 336.27C425.225 336.27 424.33 337.165 424.33 338.27C424.33 339.375 425.225 340.27 426.33 340.27Z" fill="#4361EE"/>
+<path d="M434.9 338.27C434.9 338.666 434.783 339.052 434.563 339.381C434.343 339.71 434.031 339.966 433.665 340.118C433.3 340.269 432.898 340.309 432.51 340.232C432.122 340.154 431.766 339.964 431.486 339.684C431.206 339.405 431.016 339.048 430.938 338.66C430.861 338.272 430.901 337.87 431.052 337.505C431.204 337.139 431.46 336.827 431.789 336.607C432.118 336.387 432.504 336.27 432.9 336.27C433.43 336.27 433.939 336.481 434.314 336.856C434.689 337.231 434.9 337.74 434.9 338.27Z" fill="#4361EE"/>
+<path d="M441.48 338.27C441.48 338.666 441.363 339.052 441.143 339.381C440.923 339.71 440.611 339.966 440.245 340.118C439.88 340.269 439.478 340.309 439.09 340.232C438.702 340.154 438.345 339.964 438.066 339.684C437.786 339.405 437.596 339.048 437.518 338.66C437.441 338.272 437.481 337.87 437.632 337.505C437.784 337.139 438.04 336.827 438.369 336.607C438.698 336.387 439.084 336.27 439.48 336.27C440.01 336.27 440.519 336.481 440.894 336.856C441.269 337.231 441.48 337.74 441.48 338.27Z" fill="#4361EE"/>
+<path d="M415.17 344.26C415.17 344.655 415.053 345.042 414.833 345.371C414.613 345.7 414.301 345.956 413.935 346.108C413.57 346.259 413.168 346.298 412.78 346.221C412.392 346.144 412.036 345.954 411.756 345.674C411.476 345.394 411.286 345.038 411.208 344.65C411.131 344.262 411.171 343.86 411.322 343.494C411.474 343.129 411.73 342.817 412.059 342.597C412.388 342.377 412.774 342.26 413.17 342.26C413.7 342.26 414.209 342.47 414.584 342.846C414.959 343.221 415.17 343.729 415.17 344.26Z" fill="#4361EE"/>
+<path d="M421.75 344.26C421.75 344.655 421.633 345.042 421.413 345.371C421.193 345.7 420.881 345.956 420.515 346.108C420.15 346.259 419.748 346.298 419.36 346.221C418.972 346.144 418.615 345.954 418.336 345.674C418.056 345.394 417.866 345.038 417.788 344.65C417.711 344.262 417.751 343.86 417.902 343.494C418.054 343.129 418.31 342.817 418.639 342.597C418.968 342.377 419.354 342.26 419.75 342.26C420.28 342.26 420.789 342.47 421.164 342.846C421.539 343.221 421.75 343.729 421.75 344.26Z" fill="#4361EE"/>
+<path d="M428.33 344.26C428.33 344.655 428.213 345.042 427.993 345.371C427.773 345.7 427.461 345.956 427.095 346.108C426.73 346.259 426.328 346.298 425.94 346.221C425.552 346.144 425.196 345.954 424.916 345.674C424.636 345.394 424.446 345.038 424.369 344.65C424.291 344.262 424.331 343.86 424.482 343.494C424.634 343.129 424.89 342.817 425.219 342.597C425.548 342.377 425.934 342.26 426.33 342.26C426.86 342.26 427.369 342.47 427.744 342.846C428.119 343.221 428.33 343.729 428.33 344.26Z" fill="#4361EE"/>
+<path d="M434.9 344.26C434.9 344.655 434.783 345.042 434.563 345.371C434.343 345.7 434.031 345.956 433.665 346.108C433.3 346.259 432.898 346.298 432.51 346.221C432.122 346.144 431.766 345.954 431.486 345.674C431.206 345.394 431.016 345.038 430.938 344.65C430.861 344.262 430.901 343.86 431.052 343.494C431.204 343.129 431.46 342.817 431.789 342.597C432.118 342.377 432.504 342.26 432.9 342.26C433.43 342.26 433.939 342.47 434.314 342.846C434.689 343.221 434.9 343.729 434.9 344.26Z" fill="#4361EE"/>
+<path d="M441.48 344.26C441.48 344.655 441.363 345.042 441.143 345.371C440.923 345.7 440.611 345.956 440.245 346.108C439.88 346.259 439.478 346.298 439.09 346.221C438.702 346.144 438.345 345.954 438.066 345.674C437.786 345.394 437.596 345.038 437.518 344.65C437.441 344.262 437.481 343.86 437.632 343.494C437.784 343.129 438.04 342.817 438.369 342.597C438.698 342.377 439.084 342.26 439.48 342.26C440.01 342.26 440.519 342.47 440.894 342.846C441.269 343.221 441.48 343.729 441.48 344.26Z" fill="#4361EE"/>
+<path d="M415.17 350.24C415.17 350.635 415.053 351.022 414.833 351.351C414.613 351.68 414.301 351.936 413.935 352.088C413.57 352.239 413.168 352.278 412.78 352.201C412.392 352.124 412.036 351.934 411.756 351.654C411.476 351.374 411.286 351.018 411.208 350.63C411.131 350.242 411.171 349.84 411.322 349.474C411.474 349.109 411.73 348.797 412.059 348.577C412.388 348.357 412.774 348.24 413.17 348.24C413.7 348.24 414.209 348.45 414.584 348.826C414.959 349.201 415.17 349.709 415.17 350.24Z" fill="#4361EE"/>
+<path d="M421.75 350.24C421.75 350.635 421.633 351.022 421.413 351.351C421.193 351.68 420.881 351.936 420.515 352.088C420.15 352.239 419.748 352.278 419.36 352.201C418.972 352.124 418.615 351.934 418.336 351.654C418.056 351.374 417.866 351.018 417.788 350.63C417.711 350.242 417.751 349.84 417.902 349.474C418.054 349.109 418.31 348.797 418.639 348.577C418.968 348.357 419.354 348.24 419.75 348.24C420.28 348.24 420.789 348.45 421.164 348.826C421.539 349.201 421.75 349.709 421.75 350.24Z" fill="#4361EE"/>
+<path d="M428.33 350.24C428.33 350.635 428.213 351.022 427.993 351.351C427.773 351.68 427.461 351.936 427.095 352.088C426.73 352.239 426.328 352.278 425.94 352.201C425.552 352.124 425.196 351.934 424.916 351.654C424.636 351.374 424.446 351.018 424.369 350.63C424.291 350.242 424.331 349.84 424.482 349.474C424.634 349.109 424.89 348.797 425.219 348.577C425.548 348.357 425.934 348.24 426.33 348.24C426.86 348.24 427.369 348.45 427.744 348.826C428.119 349.201 428.33 349.709 428.33 350.24Z" fill="#4361EE"/>
+<path d="M434.9 350.24C434.9 350.635 434.783 351.022 434.563 351.351C434.343 351.68 434.031 351.936 433.665 352.088C433.3 352.239 432.898 352.278 432.51 352.201C432.122 352.124 431.766 351.934 431.486 351.654C431.206 351.374 431.016 351.018 430.938 350.63C430.861 350.242 430.901 349.84 431.052 349.474C431.204 349.109 431.46 348.797 431.789 348.577C432.118 348.357 432.504 348.24 432.9 348.24C433.43 348.24 433.939 348.45 434.314 348.826C434.689 349.201 434.9 349.709 434.9 350.24Z" fill="#4361EE"/>
+<path d="M441.48 350.24C441.48 350.635 441.363 351.022 441.143 351.351C440.923 351.68 440.611 351.936 440.245 352.088C439.88 352.239 439.478 352.278 439.09 352.201C438.702 352.124 438.345 351.934 438.066 351.654C437.786 351.374 437.596 351.018 437.518 350.63C437.441 350.242 437.481 349.84 437.632 349.474C437.784 349.109 438.04 348.797 438.369 348.577C438.698 348.357 439.084 348.24 439.48 348.24C440.01 348.24 440.519 348.45 440.894 348.826C441.269 349.201 441.48 349.709 441.48 350.24Z" fill="#4361EE"/>
+<path d="M408.55 336.28H407.4V352.24H408.55V336.28Z" fill="#263238"/>
+<path d="M444.58 303.61H341.37V327.45H444.58V303.61Z" fill="#37474F"/>
+<path d="M404.46 307.55H345.71V309.56H404.46V307.55Z" fill="#455A64"/>
+<path d="M404.46 311.03H345.71V313.04H404.46V311.03Z" fill="#455A64"/>
+<path d="M404.46 314.52H345.71V316.53H404.46V314.52Z" fill="#455A64"/>
+<path d="M404.46 318.01H345.71V320.02H404.46V318.01Z" fill="#455A64"/>
+<path d="M404.46 321.5H345.71V323.51H404.46V321.5Z" fill="#455A64"/>
+<path d="M415.17 309.54C415.17 309.936 415.053 310.322 414.833 310.651C414.613 310.98 414.301 311.236 413.935 311.388C413.57 311.539 413.168 311.579 412.78 311.502C412.392 311.424 412.036 311.234 411.756 310.954C411.476 310.675 411.286 310.318 411.208 309.93C411.131 309.542 411.171 309.14 411.322 308.775C411.474 308.409 411.73 308.097 412.059 307.877C412.388 307.657 412.774 307.54 413.17 307.54C413.7 307.54 414.209 307.751 414.584 308.126C414.959 308.501 415.17 309.01 415.17 309.54Z" fill="#4361EE"/>
+<path d="M421.75 309.54C421.75 309.936 421.633 310.322 421.413 310.651C421.193 310.98 420.881 311.236 420.515 311.388C420.15 311.539 419.748 311.579 419.36 311.502C418.972 311.424 418.615 311.234 418.336 310.954C418.056 310.675 417.866 310.318 417.788 309.93C417.711 309.542 417.751 309.14 417.902 308.775C418.054 308.409 418.31 308.097 418.639 307.877C418.968 307.657 419.354 307.54 419.75 307.54C420.28 307.54 420.789 307.751 421.164 308.126C421.539 308.501 421.75 309.01 421.75 309.54Z" fill="#4361EE"/>
+<path d="M428.33 309.54C428.33 309.936 428.213 310.322 427.993 310.651C427.773 310.98 427.461 311.236 427.095 311.388C426.73 311.539 426.328 311.579 425.94 311.502C425.552 311.424 425.196 311.234 424.916 310.954C424.636 310.675 424.446 310.318 424.369 309.93C424.291 309.542 424.331 309.14 424.482 308.775C424.634 308.409 424.89 308.097 425.219 307.877C425.548 307.657 425.934 307.54 426.33 307.54C426.86 307.54 427.369 307.751 427.744 308.126C428.119 308.501 428.33 309.01 428.33 309.54Z" fill="#4361EE"/>
+<path d="M434.9 309.54C434.9 309.936 434.783 310.322 434.563 310.651C434.343 310.98 434.031 311.236 433.665 311.388C433.3 311.539 432.898 311.579 432.51 311.502C432.122 311.424 431.766 311.234 431.486 310.954C431.206 310.675 431.016 310.318 430.938 309.93C430.861 309.542 430.901 309.14 431.052 308.775C431.204 308.409 431.46 308.097 431.789 307.877C432.118 307.657 432.504 307.54 432.9 307.54C433.43 307.54 433.939 307.751 434.314 308.126C434.689 308.501 434.9 309.01 434.9 309.54Z" fill="#4361EE"/>
+<path d="M441.48 309.54C441.48 309.936 441.363 310.322 441.143 310.651C440.923 310.98 440.611 311.236 440.245 311.388C439.88 311.539 439.478 311.579 439.09 311.502C438.702 311.424 438.345 311.234 438.066 310.954C437.786 310.675 437.596 310.318 437.518 309.93C437.441 309.542 437.481 309.14 437.632 308.775C437.784 308.409 438.04 308.097 438.369 307.877C438.698 307.657 439.084 307.54 439.48 307.54C440.01 307.54 440.519 307.751 440.894 308.126C441.269 308.501 441.48 309.01 441.48 309.54Z" fill="#4361EE"/>
+<path d="M413.18 317.53C414.285 317.53 415.18 316.634 415.18 315.53C415.18 314.425 414.285 313.53 413.18 313.53C412.075 313.53 411.18 314.425 411.18 315.53C411.18 316.634 412.075 317.53 413.18 317.53Z" fill="#4361EE"/>
+<path d="M421.75 315.53C421.75 315.925 421.633 316.312 421.413 316.641C421.193 316.97 420.881 317.226 420.515 317.378C420.15 317.529 419.748 317.569 419.36 317.491C418.972 317.414 418.615 317.224 418.336 316.944C418.056 316.664 417.866 316.308 417.788 315.92C417.711 315.532 417.751 315.13 417.902 314.764C418.054 314.399 418.31 314.087 418.639 313.867C418.968 313.647 419.354 313.53 419.75 313.53C420.28 313.53 420.789 313.74 421.164 314.116C421.539 314.491 421.75 314.999 421.75 315.53Z" fill="#4361EE"/>
+<path d="M426.33 317.53C427.435 317.53 428.33 316.634 428.33 315.53C428.33 314.425 427.435 313.53 426.33 313.53C425.225 313.53 424.33 314.425 424.33 315.53C424.33 316.634 425.225 317.53 426.33 317.53Z" fill="#4361EE"/>
+<path d="M434.9 315.53C434.9 315.925 434.783 316.312 434.563 316.641C434.343 316.97 434.031 317.226 433.665 317.378C433.3 317.529 432.898 317.569 432.51 317.491C432.122 317.414 431.766 317.224 431.486 316.944C431.206 316.664 431.016 316.308 430.938 315.92C430.861 315.532 430.901 315.13 431.052 314.764C431.204 314.399 431.46 314.087 431.789 313.867C432.118 313.647 432.504 313.53 432.9 313.53C433.43 313.53 433.939 313.74 434.314 314.116C434.689 314.491 434.9 314.999 434.9 315.53Z" fill="#4361EE"/>
+<path d="M441.48 315.53C441.48 315.925 441.363 316.312 441.143 316.641C440.923 316.97 440.611 317.226 440.245 317.378C439.88 317.529 439.478 317.569 439.09 317.491C438.702 317.414 438.345 317.224 438.066 316.944C437.786 316.664 437.596 316.308 437.518 315.92C437.441 315.532 437.481 315.13 437.632 314.764C437.784 314.399 438.04 314.087 438.369 313.867C438.698 313.647 439.084 313.53 439.48 313.53C440.01 313.53 440.519 313.74 440.894 314.116C441.269 314.491 441.48 314.999 441.48 315.53Z" fill="#4361EE"/>
+<path d="M413.18 323.51C414.285 323.51 415.18 322.614 415.18 321.51C415.18 320.405 414.285 319.51 413.18 319.51C412.075 319.51 411.18 320.405 411.18 321.51C411.18 322.614 412.075 323.51 413.18 323.51Z" fill="#4361EE"/>
+<path d="M421.75 321.51C421.75 321.905 421.633 322.292 421.413 322.621C421.193 322.95 420.881 323.206 420.515 323.358C420.15 323.509 419.748 323.548 419.36 323.471C418.972 323.394 418.615 323.204 418.336 322.924C418.056 322.644 417.866 322.288 417.788 321.9C417.711 321.512 417.751 321.11 417.902 320.744C418.054 320.379 418.31 320.067 418.639 319.847C418.968 319.627 419.354 319.51 419.75 319.51C420.28 319.51 420.789 319.72 421.164 320.096C421.539 320.471 421.75 320.979 421.75 321.51Z" fill="#4361EE"/>
+<path d="M426.33 323.51C427.435 323.51 428.33 322.614 428.33 321.51C428.33 320.405 427.435 319.51 426.33 319.51C425.225 319.51 424.33 320.405 424.33 321.51C424.33 322.614 425.225 323.51 426.33 323.51Z" fill="#4361EE"/>
+<path d="M434.9 321.51C434.9 321.905 434.783 322.292 434.563 322.621C434.343 322.95 434.031 323.206 433.665 323.358C433.3 323.509 432.898 323.548 432.51 323.471C432.122 323.394 431.766 323.204 431.486 322.924C431.206 322.644 431.016 322.288 430.938 321.9C430.861 321.512 430.901 321.11 431.052 320.744C431.204 320.379 431.46 320.067 431.789 319.847C432.118 319.627 432.504 319.51 432.9 319.51C433.43 319.51 433.939 319.72 434.314 320.096C434.689 320.471 434.9 320.979 434.9 321.51Z" fill="#4361EE"/>
+<path d="M441.48 321.51C441.48 321.905 441.363 322.292 441.143 322.621C440.923 322.95 440.611 323.206 440.245 323.358C439.88 323.509 439.478 323.548 439.09 323.471C438.702 323.394 438.345 323.204 438.066 322.924C437.786 322.644 437.596 322.288 437.518 321.9C437.441 321.512 437.481 321.11 437.632 320.744C437.784 320.379 438.04 320.067 438.369 319.847C438.698 319.627 439.084 319.51 439.48 319.51C440.01 319.51 440.519 319.72 440.894 320.096C441.269 320.471 441.48 320.979 441.48 321.51Z" fill="#4361EE"/>
+<path d="M408.55 307.55H407.4V323.51H408.55V307.55Z" fill="#263238"/>
+<path d="M444.58 274.88H341.37V298.72H444.58V274.88Z" fill="#37474F"/>
+<path d="M404.46 278.82H345.71V280.83H404.46V278.82Z" fill="#455A64"/>
+<path d="M404.46 282.31H345.71V284.32H404.46V282.31Z" fill="#455A64"/>
+<path d="M404.46 285.79H345.71V287.8H404.46V285.79Z" fill="#455A64"/>
+<path d="M404.46 289.28H345.71V291.29H404.46V289.28Z" fill="#455A64"/>
+<path d="M404.46 292.77H345.71V294.78H404.46V292.77Z" fill="#455A64"/>
+<path d="M413.18 282.82C414.285 282.82 415.18 281.924 415.18 280.82C415.18 279.715 414.285 278.82 413.18 278.82C412.075 278.82 411.18 279.715 411.18 280.82C411.18 281.924 412.075 282.82 413.18 282.82Z" fill="#4361EE"/>
+<path d="M421.75 280.82C421.75 281.215 421.633 281.602 421.413 281.931C421.193 282.26 420.881 282.516 420.515 282.668C420.15 282.819 419.748 282.859 419.36 282.781C418.972 282.704 418.615 282.514 418.336 282.234C418.056 281.954 417.866 281.598 417.788 281.21C417.711 280.822 417.751 280.42 417.902 280.054C418.054 279.689 418.31 279.377 418.639 279.157C418.968 278.937 419.354 278.82 419.75 278.82C420.28 278.82 420.789 279.031 421.164 279.406C421.539 279.781 421.75 280.289 421.75 280.82Z" fill="#4361EE"/>
+<path d="M426.33 282.82C427.435 282.82 428.33 281.924 428.33 280.82C428.33 279.715 427.435 278.82 426.33 278.82C425.225 278.82 424.33 279.715 424.33 280.82C424.33 281.924 425.225 282.82 426.33 282.82Z" fill="#4361EE"/>
+<path d="M434.9 280.82C434.9 281.215 434.783 281.602 434.563 281.931C434.343 282.26 434.031 282.516 433.665 282.668C433.3 282.819 432.898 282.859 432.51 282.781C432.122 282.704 431.766 282.514 431.486 282.234C431.206 281.954 431.016 281.598 430.938 281.21C430.861 280.822 430.901 280.42 431.052 280.054C431.204 279.689 431.46 279.377 431.789 279.157C432.118 278.937 432.504 278.82 432.9 278.82C433.43 278.82 433.939 279.031 434.314 279.406C434.689 279.781 434.9 280.289 434.9 280.82Z" fill="#4361EE"/>
+<path d="M441.48 280.82C441.48 281.215 441.363 281.602 441.143 281.931C440.923 282.26 440.611 282.516 440.245 282.668C439.88 282.819 439.478 282.859 439.09 282.781C438.702 282.704 438.345 282.514 438.066 282.234C437.786 281.954 437.596 281.598 437.518 281.21C437.441 280.822 437.481 280.42 437.632 280.054C437.784 279.689 438.04 279.377 438.369 279.157C438.698 278.937 439.084 278.82 439.48 278.82C440.01 278.82 440.519 279.031 440.894 279.406C441.269 279.781 441.48 280.289 441.48 280.82Z" fill="#4361EE"/>
+<path d="M413.18 288.8C414.285 288.8 415.18 287.904 415.18 286.8C415.18 285.695 414.285 284.8 413.18 284.8C412.075 284.8 411.18 285.695 411.18 286.8C411.18 287.904 412.075 288.8 413.18 288.8Z" fill="#4361EE"/>
+<path d="M421.75 286.8C421.75 287.195 421.633 287.582 421.413 287.911C421.193 288.24 420.881 288.496 420.515 288.648C420.15 288.799 419.748 288.839 419.36 288.761C418.972 288.684 418.615 288.494 418.336 288.214C418.056 287.934 417.866 287.578 417.788 287.19C417.711 286.802 417.751 286.4 417.902 286.034C418.054 285.669 418.31 285.357 418.639 285.137C418.968 284.917 419.354 284.8 419.75 284.8C420.28 284.8 420.789 285.011 421.164 285.386C421.539 285.761 421.75 286.269 421.75 286.8Z" fill="#4361EE"/>
+<path d="M426.33 288.8C427.435 288.8 428.33 287.904 428.33 286.8C428.33 285.695 427.435 284.8 426.33 284.8C425.225 284.8 424.33 285.695 424.33 286.8C424.33 287.904 425.225 288.8 426.33 288.8Z" fill="#4361EE"/>
+<path d="M434.9 286.8C434.9 287.195 434.783 287.582 434.563 287.911C434.343 288.24 434.031 288.496 433.665 288.648C433.3 288.799 432.898 288.839 432.51 288.761C432.122 288.684 431.766 288.494 431.486 288.214C431.206 287.934 431.016 287.578 430.938 287.19C430.861 286.802 430.901 286.4 431.052 286.034C431.204 285.669 431.46 285.357 431.789 285.137C432.118 284.917 432.504 284.8 432.9 284.8C433.43 284.8 433.939 285.011 434.314 285.386C434.689 285.761 434.9 286.269 434.9 286.8Z" fill="#4361EE"/>
+<path d="M441.48 286.8C441.48 287.195 441.363 287.582 441.143 287.911C440.923 288.24 440.611 288.496 440.245 288.648C439.88 288.799 439.478 288.839 439.09 288.761C438.702 288.684 438.345 288.494 438.066 288.214C437.786 287.934 437.596 287.578 437.518 287.19C437.441 286.802 437.481 286.4 437.632 286.034C437.784 285.669 438.04 285.357 438.369 285.137C438.698 284.917 439.084 284.8 439.48 284.8C440.01 284.8 440.519 285.011 440.894 285.386C441.269 285.761 441.48 286.269 441.48 286.8Z" fill="#4361EE"/>
+<path d="M415.17 292.79C415.17 293.186 415.053 293.572 414.833 293.901C414.613 294.23 414.301 294.486 413.935 294.638C413.57 294.789 413.168 294.829 412.78 294.752C412.392 294.674 412.036 294.484 411.756 294.204C411.476 293.925 411.286 293.568 411.208 293.18C411.131 292.792 411.171 292.39 411.322 292.025C411.474 291.659 411.73 291.347 412.059 291.127C412.388 290.907 412.774 290.79 413.17 290.79C413.7 290.79 414.209 291.001 414.584 291.376C414.959 291.751 415.17 292.26 415.17 292.79Z" fill="#4361EE"/>
+<path d="M421.75 292.79C421.75 293.186 421.633 293.572 421.413 293.901C421.193 294.23 420.881 294.486 420.515 294.638C420.15 294.789 419.748 294.829 419.36 294.752C418.972 294.674 418.615 294.484 418.336 294.204C418.056 293.925 417.866 293.568 417.788 293.18C417.711 292.792 417.751 292.39 417.902 292.025C418.054 291.659 418.31 291.347 418.639 291.127C418.968 290.907 419.354 290.79 419.75 290.79C420.28 290.79 420.789 291.001 421.164 291.376C421.539 291.751 421.75 292.26 421.75 292.79Z" fill="#4361EE"/>
+<path d="M428.33 292.79C428.33 293.186 428.213 293.572 427.993 293.901C427.773 294.23 427.461 294.486 427.095 294.638C426.73 294.789 426.328 294.829 425.94 294.752C425.552 294.674 425.196 294.484 424.916 294.204C424.636 293.925 424.446 293.568 424.369 293.18C424.291 292.792 424.331 292.39 424.482 292.025C424.634 291.659 424.89 291.347 425.219 291.127C425.548 290.907 425.934 290.79 426.33 290.79C426.86 290.79 427.369 291.001 427.744 291.376C428.119 291.751 428.33 292.26 428.33 292.79Z" fill="#4361EE"/>
+<path d="M434.9 292.79C434.9 293.186 434.783 293.572 434.563 293.901C434.343 294.23 434.031 294.486 433.665 294.638C433.3 294.789 432.898 294.829 432.51 294.752C432.122 294.674 431.766 294.484 431.486 294.204C431.206 293.925 431.016 293.568 430.938 293.18C430.861 292.792 430.901 292.39 431.052 292.025C431.204 291.659 431.46 291.347 431.789 291.127C432.118 290.907 432.504 290.79 432.9 290.79C433.43 290.79 433.939 291.001 434.314 291.376C434.689 291.751 434.9 292.26 434.9 292.79Z" fill="#4361EE"/>
+<path d="M441.48 292.79C441.48 293.186 441.363 293.572 441.143 293.901C440.923 294.23 440.611 294.486 440.245 294.638C439.88 294.789 439.478 294.829 439.09 294.752C438.702 294.674 438.345 294.484 438.066 294.204C437.786 293.925 437.596 293.568 437.518 293.18C437.441 292.792 437.481 292.39 437.632 292.025C437.784 291.659 438.04 291.347 438.369 291.127C438.698 290.907 439.084 290.79 439.48 290.79C440.01 290.79 440.519 291.001 440.894 291.376C441.269 291.751 441.48 292.26 441.48 292.79Z" fill="#4361EE"/>
+<path d="M408.55 278.82H407.4V294.78H408.55V278.82Z" fill="#263238"/>
+<path d="M444.58 246.15H341.37V269.99H444.58V246.15Z" fill="#37474F"/>
+<path d="M404.46 250.09H345.71V252.1H404.46V250.09Z" fill="#455A64"/>
+<path d="M404.46 253.58H345.71V255.59H404.46V253.58Z" fill="#455A64"/>
+<path d="M404.46 257.07H345.71V259.08H404.46V257.07Z" fill="#455A64"/>
+<path d="M404.46 260.55H345.71V262.56H404.46V260.55Z" fill="#455A64"/>
+<path d="M404.46 264.04H345.71V266.05H404.46V264.04Z" fill="#455A64"/>
+<path d="M415.17 252.09C415.17 252.485 415.053 252.872 414.833 253.201C414.613 253.53 414.301 253.786 413.935 253.938C413.57 254.089 413.168 254.129 412.78 254.051C412.392 253.974 412.036 253.784 411.756 253.504C411.476 253.224 411.286 252.868 411.208 252.48C411.131 252.092 411.171 251.69 411.322 251.324C411.474 250.959 411.73 250.647 412.059 250.427C412.388 250.207 412.774 250.09 413.17 250.09C413.7 250.09 414.209 250.301 414.584 250.676C414.959 251.051 415.17 251.559 415.17 252.09Z" fill="#4361EE"/>
+<path d="M421.75 252.09C421.75 252.485 421.633 252.872 421.413 253.201C421.193 253.53 420.881 253.786 420.515 253.938C420.15 254.089 419.748 254.129 419.36 254.051C418.972 253.974 418.615 253.784 418.336 253.504C418.056 253.224 417.866 252.868 417.788 252.48C417.711 252.092 417.751 251.69 417.902 251.324C418.054 250.959 418.31 250.647 418.639 250.427C418.968 250.207 419.354 250.09 419.75 250.09C420.28 250.09 420.789 250.301 421.164 250.676C421.539 251.051 421.75 251.559 421.75 252.09Z" fill="#4361EE"/>
+<path d="M428.33 252.09C428.33 252.485 428.213 252.872 427.993 253.201C427.773 253.53 427.461 253.786 427.095 253.938C426.73 254.089 426.328 254.129 425.94 254.051C425.552 253.974 425.196 253.784 424.916 253.504C424.636 253.224 424.446 252.868 424.369 252.48C424.291 252.092 424.331 251.69 424.482 251.324C424.634 250.959 424.89 250.647 425.219 250.427C425.548 250.207 425.934 250.09 426.33 250.09C426.86 250.09 427.369 250.301 427.744 250.676C428.119 251.051 428.33 251.559 428.33 252.09Z" fill="#4361EE"/>
+<path d="M434.9 252.09C434.9 252.485 434.783 252.872 434.563 253.201C434.343 253.53 434.031 253.786 433.665 253.938C433.3 254.089 432.898 254.129 432.51 254.051C432.122 253.974 431.766 253.784 431.486 253.504C431.206 253.224 431.016 252.868 430.938 252.48C430.861 252.092 430.901 251.69 431.052 251.324C431.204 250.959 431.46 250.647 431.789 250.427C432.118 250.207 432.504 250.09 432.9 250.09C433.43 250.09 433.939 250.301 434.314 250.676C434.689 251.051 434.9 251.559 434.9 252.09Z" fill="#4361EE"/>
+<path d="M441.48 252.09C441.48 252.485 441.363 252.872 441.143 253.201C440.923 253.53 440.611 253.786 440.245 253.938C439.88 254.089 439.478 254.129 439.09 254.051C438.702 253.974 438.345 253.784 438.066 253.504C437.786 253.224 437.596 252.868 437.518 252.48C437.441 252.092 437.481 251.69 437.632 251.324C437.784 250.959 438.04 250.647 438.369 250.427C438.698 250.207 439.084 250.09 439.48 250.09C440.01 250.09 440.519 250.301 440.894 250.676C441.269 251.051 441.48 251.559 441.48 252.09Z" fill="#4361EE"/>
+<path d="M415.17 258.07C415.17 258.465 415.053 258.852 414.833 259.181C414.613 259.51 414.301 259.766 413.935 259.918C413.57 260.069 413.168 260.109 412.78 260.031C412.392 259.954 412.036 259.764 411.756 259.484C411.476 259.204 411.286 258.848 411.208 258.46C411.131 258.072 411.171 257.67 411.322 257.304C411.474 256.939 411.73 256.627 412.059 256.407C412.388 256.187 412.774 256.07 413.17 256.07C413.7 256.07 414.209 256.281 414.584 256.656C414.959 257.031 415.17 257.539 415.17 258.07Z" fill="#4361EE"/>
+<path d="M421.75 258.07C421.75 258.465 421.633 258.852 421.413 259.181C421.193 259.51 420.881 259.766 420.515 259.918C420.15 260.069 419.748 260.109 419.36 260.031C418.972 259.954 418.615 259.764 418.336 259.484C418.056 259.204 417.866 258.848 417.788 258.46C417.711 258.072 417.751 257.67 417.902 257.304C418.054 256.939 418.31 256.627 418.639 256.407C418.968 256.187 419.354 256.07 419.75 256.07C420.28 256.07 420.789 256.281 421.164 256.656C421.539 257.031 421.75 257.539 421.75 258.07Z" fill="#4361EE"/>
+<path d="M428.33 258.07C428.33 258.465 428.213 258.852 427.993 259.181C427.773 259.51 427.461 259.766 427.095 259.918C426.73 260.069 426.328 260.109 425.94 260.031C425.552 259.954 425.196 259.764 424.916 259.484C424.636 259.204 424.446 258.848 424.369 258.46C424.291 258.072 424.331 257.67 424.482 257.304C424.634 256.939 424.89 256.627 425.219 256.407C425.548 256.187 425.934 256.07 426.33 256.07C426.86 256.07 427.369 256.281 427.744 256.656C428.119 257.031 428.33 257.539 428.33 258.07Z" fill="#4361EE"/>
+<path d="M434.9 258.07C434.9 258.465 434.783 258.852 434.563 259.181C434.343 259.51 434.031 259.766 433.665 259.918C433.3 260.069 432.898 260.109 432.51 260.031C432.122 259.954 431.766 259.764 431.486 259.484C431.206 259.204 431.016 258.848 430.938 258.46C430.861 258.072 430.901 257.67 431.052 257.304C431.204 256.939 431.46 256.627 431.789 256.407C432.118 256.187 432.504 256.07 432.9 256.07C433.43 256.07 433.939 256.281 434.314 256.656C434.689 257.031 434.9 257.539 434.9 258.07Z" fill="#4361EE"/>
+<path d="M441.48 258.07C441.48 258.465 441.363 258.852 441.143 259.181C440.923 259.51 440.611 259.766 440.245 259.918C439.88 260.069 439.478 260.109 439.09 260.031C438.702 259.954 438.345 259.764 438.066 259.484C437.786 259.204 437.596 258.848 437.518 258.46C437.441 258.072 437.481 257.67 437.632 257.304C437.784 256.939 438.04 256.627 438.369 256.407C438.698 256.187 439.084 256.07 439.48 256.07C440.01 256.07 440.519 256.281 440.894 256.656C441.269 257.031 441.48 257.539 441.48 258.07Z" fill="#4361EE"/>
+<path d="M415.17 264.06C415.17 264.456 415.053 264.842 414.833 265.171C414.613 265.5 414.301 265.756 413.935 265.908C413.57 266.059 413.168 266.099 412.78 266.022C412.392 265.944 412.036 265.754 411.756 265.474C411.476 265.195 411.286 264.838 411.208 264.45C411.131 264.062 411.171 263.66 411.322 263.295C411.474 262.929 411.73 262.617 412.059 262.397C412.388 262.177 412.774 262.06 413.17 262.06C413.7 262.06 414.209 262.271 414.584 262.646C414.959 263.021 415.17 263.53 415.17 264.06Z" fill="#4361EE"/>
+<path d="M421.75 264.06C421.75 264.456 421.633 264.842 421.413 265.171C421.193 265.5 420.881 265.756 420.515 265.908C420.15 266.059 419.748 266.099 419.36 266.022C418.972 265.944 418.615 265.754 418.336 265.474C418.056 265.195 417.866 264.838 417.788 264.45C417.711 264.062 417.751 263.66 417.902 263.295C418.054 262.929 418.31 262.617 418.639 262.397C418.968 262.177 419.354 262.06 419.75 262.06C420.28 262.06 420.789 262.271 421.164 262.646C421.539 263.021 421.75 263.53 421.75 264.06Z" fill="#4361EE"/>
+<path d="M428.33 264.06C428.33 264.456 428.213 264.842 427.993 265.171C427.773 265.5 427.461 265.756 427.095 265.908C426.73 266.059 426.328 266.099 425.94 266.022C425.552 265.944 425.196 265.754 424.916 265.474C424.636 265.195 424.446 264.838 424.369 264.45C424.291 264.062 424.331 263.66 424.482 263.295C424.634 262.929 424.89 262.617 425.219 262.397C425.548 262.177 425.934 262.06 426.33 262.06C426.86 262.06 427.369 262.271 427.744 262.646C428.119 263.021 428.33 263.53 428.33 264.06Z" fill="#4361EE"/>
+<path d="M434.9 264.06C434.9 264.456 434.783 264.842 434.563 265.171C434.343 265.5 434.031 265.756 433.665 265.908C433.3 266.059 432.898 266.099 432.51 266.022C432.122 265.944 431.766 265.754 431.486 265.474C431.206 265.195 431.016 264.838 430.938 264.45C430.861 264.062 430.901 263.66 431.052 263.295C431.204 262.929 431.46 262.617 431.789 262.397C432.118 262.177 432.504 262.06 432.9 262.06C433.43 262.06 433.939 262.271 434.314 262.646C434.689 263.021 434.9 263.53 434.9 264.06Z" fill="#4361EE"/>
+<path d="M441.48 264.06C441.48 264.456 441.363 264.842 441.143 265.171C440.923 265.5 440.611 265.756 440.245 265.908C439.88 266.059 439.478 266.099 439.09 266.022C438.702 265.944 438.345 265.754 438.066 265.474C437.786 265.195 437.596 264.838 437.518 264.45C437.441 264.062 437.481 263.66 437.632 263.295C437.784 262.929 438.04 262.617 438.369 262.397C438.698 262.177 439.084 262.06 439.48 262.06C440.01 262.06 440.519 262.271 440.894 262.646C441.269 263.021 441.48 263.53 441.48 264.06Z" fill="#4361EE"/>
+<path d="M408.55 250.09H407.4V266.05H408.55V250.09Z" fill="#263238"/>
+<path d="M444.58 217.43H341.37V241.27H444.58V217.43Z" fill="#37474F"/>
+<path d="M404.46 221.36H345.71V223.37H404.46V221.36Z" fill="#455A64"/>
+<path d="M404.46 224.85H345.71V226.86H404.46V224.85Z" fill="#455A64"/>
+<path d="M404.46 228.34H345.71V230.35H404.46V228.34Z" fill="#455A64"/>
+<path d="M404.46 231.83H345.71V233.84H404.46V231.83Z" fill="#455A64"/>
+<path d="M404.46 235.31H345.71V237.32H404.46V235.31Z" fill="#455A64"/>
+<path d="M415.17 223.36C415.17 223.755 415.053 224.142 414.833 224.471C414.613 224.8 414.301 225.056 413.935 225.208C413.57 225.359 413.168 225.399 412.78 225.321C412.392 225.244 412.036 225.054 411.756 224.774C411.476 224.494 411.286 224.138 411.208 223.75C411.131 223.362 411.171 222.96 411.322 222.594C411.474 222.229 411.73 221.917 412.059 221.697C412.388 221.477 412.774 221.36 413.17 221.36C413.7 221.36 414.209 221.571 414.584 221.946C414.959 222.321 415.17 222.829 415.17 223.36Z" fill="#4361EE"/>
+<path d="M421.75 223.36C421.75 223.755 421.633 224.142 421.413 224.471C421.193 224.8 420.881 225.056 420.515 225.208C420.15 225.359 419.748 225.399 419.36 225.321C418.972 225.244 418.615 225.054 418.336 224.774C418.056 224.494 417.866 224.138 417.788 223.75C417.711 223.362 417.751 222.96 417.902 222.594C418.054 222.229 418.31 221.917 418.639 221.697C418.968 221.477 419.354 221.36 419.75 221.36C420.28 221.36 420.789 221.571 421.164 221.946C421.539 222.321 421.75 222.829 421.75 223.36Z" fill="#4361EE"/>
+<path d="M428.33 223.36C428.33 223.755 428.213 224.142 427.993 224.471C427.773 224.8 427.461 225.056 427.095 225.208C426.73 225.359 426.328 225.399 425.94 225.321C425.552 225.244 425.196 225.054 424.916 224.774C424.636 224.494 424.446 224.138 424.369 223.75C424.291 223.362 424.331 222.96 424.482 222.594C424.634 222.229 424.89 221.917 425.219 221.697C425.548 221.477 425.934 221.36 426.33 221.36C426.86 221.36 427.369 221.571 427.744 221.946C428.119 222.321 428.33 222.829 428.33 223.36Z" fill="#4361EE"/>
+<path d="M434.9 223.36C434.9 223.755 434.783 224.142 434.563 224.471C434.343 224.8 434.031 225.056 433.665 225.208C433.3 225.359 432.898 225.399 432.51 225.321C432.122 225.244 431.766 225.054 431.486 224.774C431.206 224.494 431.016 224.138 430.938 223.75C430.861 223.362 430.901 222.96 431.052 222.594C431.204 222.229 431.46 221.917 431.789 221.697C432.118 221.477 432.504 221.36 432.9 221.36C433.43 221.36 433.939 221.571 434.314 221.946C434.689 222.321 434.9 222.829 434.9 223.36Z" fill="#4361EE"/>
+<path d="M441.48 223.36C441.48 223.755 441.363 224.142 441.143 224.471C440.923 224.8 440.611 225.056 440.245 225.208C439.88 225.359 439.478 225.399 439.09 225.321C438.702 225.244 438.345 225.054 438.066 224.774C437.786 224.494 437.596 224.138 437.518 223.75C437.441 223.362 437.481 222.96 437.632 222.594C437.784 222.229 438.04 221.917 438.369 221.697C438.698 221.477 439.084 221.36 439.48 221.36C440.01 221.36 440.519 221.571 440.894 221.946C441.269 222.321 441.48 222.829 441.48 223.36Z" fill="#4361EE"/>
+<path d="M415.17 229.35C415.17 229.746 415.053 230.132 414.833 230.461C414.613 230.79 414.301 231.046 413.935 231.198C413.57 231.349 413.168 231.389 412.78 231.312C412.392 231.234 412.036 231.044 411.756 230.764C411.476 230.485 411.286 230.128 411.208 229.74C411.131 229.352 411.171 228.95 411.322 228.585C411.474 228.219 411.73 227.907 412.059 227.687C412.388 227.467 412.774 227.35 413.17 227.35C413.7 227.35 414.209 227.561 414.584 227.936C414.959 228.311 415.17 228.82 415.17 229.35Z" fill="#4361EE"/>
+<path d="M421.75 229.35C421.75 229.746 421.633 230.132 421.413 230.461C421.193 230.79 420.881 231.046 420.515 231.198C420.15 231.349 419.748 231.389 419.36 231.312C418.972 231.234 418.615 231.044 418.336 230.764C418.056 230.485 417.866 230.128 417.788 229.74C417.711 229.352 417.751 228.95 417.902 228.585C418.054 228.219 418.31 227.907 418.639 227.687C418.968 227.467 419.354 227.35 419.75 227.35C420.28 227.35 420.789 227.561 421.164 227.936C421.539 228.311 421.75 228.82 421.75 229.35Z" fill="#4361EE"/>
+<path d="M428.33 229.35C428.33 229.746 428.213 230.132 427.993 230.461C427.773 230.79 427.461 231.046 427.095 231.198C426.73 231.349 426.328 231.389 425.94 231.312C425.552 231.234 425.196 231.044 424.916 230.764C424.636 230.485 424.446 230.128 424.369 229.74C424.291 229.352 424.331 228.95 424.482 228.585C424.634 228.219 424.89 227.907 425.219 227.687C425.548 227.467 425.934 227.35 426.33 227.35C426.86 227.35 427.369 227.561 427.744 227.936C428.119 228.311 428.33 228.82 428.33 229.35Z" fill="#4361EE"/>
+<path d="M434.9 229.35C434.9 229.746 434.783 230.132 434.563 230.461C434.343 230.79 434.031 231.046 433.665 231.198C433.3 231.349 432.898 231.389 432.51 231.312C432.122 231.234 431.766 231.044 431.486 230.764C431.206 230.485 431.016 230.128 430.938 229.74C430.861 229.352 430.901 228.95 431.052 228.585C431.204 228.219 431.46 227.907 431.789 227.687C432.118 227.467 432.504 227.35 432.9 227.35C433.43 227.35 433.939 227.561 434.314 227.936C434.689 228.311 434.9 228.82 434.9 229.35Z" fill="#4361EE"/>
+<path d="M441.48 229.35C441.48 229.746 441.363 230.132 441.143 230.461C440.923 230.79 440.611 231.046 440.245 231.198C439.88 231.349 439.478 231.389 439.09 231.312C438.702 231.234 438.345 231.044 438.066 230.764C437.786 230.485 437.596 230.128 437.518 229.74C437.441 229.352 437.481 228.95 437.632 228.585C437.784 228.219 438.04 227.907 438.369 227.687C438.698 227.467 439.084 227.35 439.48 227.35C440.01 227.35 440.519 227.561 440.894 227.936C441.269 228.311 441.48 228.82 441.48 229.35Z" fill="#4361EE"/>
+<path d="M415.17 235.33C415.17 235.726 415.053 236.112 414.833 236.441C414.613 236.77 414.301 237.026 413.935 237.178C413.57 237.329 413.168 237.369 412.78 237.292C412.392 237.214 412.036 237.024 411.756 236.744C411.476 236.465 411.286 236.108 411.208 235.72C411.131 235.332 411.171 234.93 411.322 234.565C411.474 234.199 411.73 233.887 412.059 233.667C412.388 233.447 412.774 233.33 413.17 233.33C413.7 233.33 414.209 233.541 414.584 233.916C414.959 234.291 415.17 234.8 415.17 235.33Z" fill="#4361EE"/>
+<path d="M421.75 235.33C421.75 235.726 421.633 236.112 421.413 236.441C421.193 236.77 420.881 237.026 420.515 237.178C420.15 237.329 419.748 237.369 419.36 237.292C418.972 237.214 418.615 237.024 418.336 236.744C418.056 236.465 417.866 236.108 417.788 235.72C417.711 235.332 417.751 234.93 417.902 234.565C418.054 234.199 418.31 233.887 418.639 233.667C418.968 233.447 419.354 233.33 419.75 233.33C420.28 233.33 420.789 233.541 421.164 233.916C421.539 234.291 421.75 234.8 421.75 235.33Z" fill="#4361EE"/>
+<path d="M428.33 235.33C428.33 235.726 428.213 236.112 427.993 236.441C427.773 236.77 427.461 237.026 427.095 237.178C426.73 237.329 426.328 237.369 425.94 237.292C425.552 237.214 425.196 237.024 424.916 236.744C424.636 236.465 424.446 236.108 424.369 235.72C424.291 235.332 424.331 234.93 424.482 234.565C424.634 234.199 424.89 233.887 425.219 233.667C425.548 233.447 425.934 233.33 426.33 233.33C426.86 233.33 427.369 233.541 427.744 233.916C428.119 234.291 428.33 234.8 428.33 235.33Z" fill="#4361EE"/>
+<path d="M434.9 235.33C434.9 235.726 434.783 236.112 434.563 236.441C434.343 236.77 434.031 237.026 433.665 237.178C433.3 237.329 432.898 237.369 432.51 237.292C432.122 237.214 431.766 237.024 431.486 236.744C431.206 236.465 431.016 236.108 430.938 235.72C430.861 235.332 430.901 234.93 431.052 234.565C431.204 234.199 431.46 233.887 431.789 233.667C432.118 233.447 432.504 233.33 432.9 233.33C433.43 233.33 433.939 233.541 434.314 233.916C434.689 234.291 434.9 234.8 434.9 235.33Z" fill="#4361EE"/>
+<path d="M441.48 235.33C441.48 235.726 441.363 236.112 441.143 236.441C440.923 236.77 440.611 237.026 440.245 237.178C439.88 237.329 439.478 237.369 439.09 237.292C438.702 237.214 438.345 237.024 438.066 236.744C437.786 236.465 437.596 236.108 437.518 235.72C437.441 235.332 437.481 234.93 437.632 234.565C437.784 234.199 438.04 233.887 438.369 233.667C438.698 233.447 439.084 233.33 439.48 233.33C440.01 233.33 440.519 233.541 440.894 233.916C441.269 234.291 441.48 234.8 441.48 235.33Z" fill="#4361EE"/>
+<path d="M408.55 221.36H407.4V237.32H408.55V221.36Z" fill="#263238"/>
+<path d="M444.58 188.7H341.37V212.54H444.58V188.7Z" fill="#37474F"/>
+<path d="M404.46 192.64H345.71V194.65H404.46V192.64Z" fill="#455A64"/>
+<path d="M404.46 196.12H345.71V198.13H404.46V196.12Z" fill="#455A64"/>
+<path d="M404.46 199.61H345.71V201.62H404.46V199.61Z" fill="#455A64"/>
+<path d="M404.46 203.1H345.71V205.11H404.46V203.1Z" fill="#455A64"/>
+<path d="M404.46 206.59H345.71V208.6H404.46V206.59Z" fill="#455A64"/>
+<path d="M415.17 194.63C415.17 195.025 415.053 195.412 414.833 195.741C414.613 196.07 414.301 196.326 413.935 196.478C413.57 196.629 413.168 196.669 412.78 196.591C412.392 196.514 412.036 196.324 411.756 196.044C411.476 195.764 411.286 195.408 411.208 195.02C411.131 194.632 411.171 194.23 411.322 193.865C411.474 193.499 411.73 193.187 412.059 192.967C412.388 192.747 412.774 192.63 413.17 192.63C413.7 192.63 414.209 192.841 414.584 193.216C414.959 193.591 415.17 194.099 415.17 194.63Z" fill="#4361EE"/>
+<path d="M421.75 194.63C421.75 195.025 421.633 195.412 421.413 195.741C421.193 196.07 420.881 196.326 420.515 196.478C420.15 196.629 419.748 196.669 419.36 196.591C418.972 196.514 418.615 196.324 418.336 196.044C418.056 195.764 417.866 195.408 417.788 195.02C417.711 194.632 417.751 194.23 417.902 193.865C418.054 193.499 418.31 193.187 418.639 192.967C418.968 192.747 419.354 192.63 419.75 192.63C420.28 192.63 420.789 192.841 421.164 193.216C421.539 193.591 421.75 194.099 421.75 194.63Z" fill="#4361EE"/>
+<path d="M428.33 194.63C428.33 195.025 428.213 195.412 427.993 195.741C427.773 196.07 427.461 196.326 427.095 196.478C426.73 196.629 426.328 196.669 425.94 196.591C425.552 196.514 425.196 196.324 424.916 196.044C424.636 195.764 424.446 195.408 424.369 195.02C424.291 194.632 424.331 194.23 424.482 193.865C424.634 193.499 424.89 193.187 425.219 192.967C425.548 192.747 425.934 192.63 426.33 192.63C426.86 192.63 427.369 192.841 427.744 193.216C428.119 193.591 428.33 194.099 428.33 194.63Z" fill="#4361EE"/>
+<path d="M434.9 194.63C434.9 195.025 434.783 195.412 434.563 195.741C434.343 196.07 434.031 196.326 433.665 196.478C433.3 196.629 432.898 196.669 432.51 196.591C432.122 196.514 431.766 196.324 431.486 196.044C431.206 195.764 431.016 195.408 430.938 195.02C430.861 194.632 430.901 194.23 431.052 193.865C431.204 193.499 431.46 193.187 431.789 192.967C432.118 192.747 432.504 192.63 432.9 192.63C433.43 192.63 433.939 192.841 434.314 193.216C434.689 193.591 434.9 194.099 434.9 194.63Z" fill="#4361EE"/>
+<path d="M441.48 194.63C441.48 195.025 441.363 195.412 441.143 195.741C440.923 196.07 440.611 196.326 440.245 196.478C439.88 196.629 439.478 196.669 439.09 196.591C438.702 196.514 438.345 196.324 438.066 196.044C437.786 195.764 437.596 195.408 437.518 195.02C437.441 194.632 437.481 194.23 437.632 193.865C437.784 193.499 438.04 193.187 438.369 192.967C438.698 192.747 439.084 192.63 439.48 192.63C440.01 192.63 440.519 192.841 440.894 193.216C441.269 193.591 441.48 194.099 441.48 194.63Z" fill="#4361EE"/>
+<path d="M413.18 202.62C414.285 202.62 415.18 201.724 415.18 200.62C415.18 199.515 414.285 198.62 413.18 198.62C412.075 198.62 411.18 199.515 411.18 200.62C411.18 201.724 412.075 202.62 413.18 202.62Z" fill="#4361EE"/>
+<path d="M421.75 200.62C421.75 201.015 421.633 201.402 421.413 201.731C421.193 202.06 420.881 202.316 420.515 202.467C420.15 202.619 419.748 202.658 419.36 202.581C418.972 202.504 418.615 202.314 418.336 202.034C418.056 201.754 417.866 201.398 417.788 201.01C417.711 200.622 417.751 200.22 417.902 199.854C418.054 199.489 418.31 199.176 418.639 198.957C418.968 198.737 419.354 198.62 419.75 198.62C420.28 198.62 420.789 198.83 421.164 199.205C421.539 199.58 421.75 200.089 421.75 200.62Z" fill="#4361EE"/>
+<path d="M426.33 202.62C427.435 202.62 428.33 201.724 428.33 200.62C428.33 199.515 427.435 198.62 426.33 198.62C425.225 198.62 424.33 199.515 424.33 200.62C424.33 201.724 425.225 202.62 426.33 202.62Z" fill="#4361EE"/>
+<path d="M434.9 200.62C434.9 201.015 434.783 201.402 434.563 201.731C434.343 202.06 434.031 202.316 433.665 202.467C433.3 202.619 432.898 202.658 432.51 202.581C432.122 202.504 431.766 202.314 431.486 202.034C431.206 201.754 431.016 201.398 430.938 201.01C430.861 200.622 430.901 200.22 431.052 199.854C431.204 199.489 431.46 199.176 431.789 198.957C432.118 198.737 432.504 198.62 432.9 198.62C433.43 198.62 433.939 198.83 434.314 199.205C434.689 199.58 434.9 200.089 434.9 200.62Z" fill="#4361EE"/>
+<path d="M441.48 200.62C441.48 201.015 441.363 201.402 441.143 201.731C440.923 202.06 440.611 202.316 440.245 202.467C439.88 202.619 439.478 202.658 439.09 202.581C438.702 202.504 438.345 202.314 438.066 202.034C437.786 201.754 437.596 201.398 437.518 201.01C437.441 200.622 437.481 200.22 437.632 199.854C437.784 199.489 438.04 199.176 438.369 198.957C438.698 198.737 439.084 198.62 439.48 198.62C440.01 198.62 440.519 198.83 440.894 199.205C441.269 199.58 441.48 200.089 441.48 200.62Z" fill="#4361EE"/>
+<path d="M415.17 206.6C415.17 206.996 415.053 207.382 414.833 207.711C414.613 208.04 414.301 208.296 413.935 208.448C413.57 208.599 413.168 208.639 412.78 208.562C412.392 208.484 412.036 208.294 411.756 208.014C411.476 207.735 411.286 207.378 411.208 206.99C411.131 206.602 411.171 206.2 411.322 205.835C411.474 205.469 411.73 205.157 412.059 204.937C412.388 204.717 412.774 204.6 413.17 204.6C413.7 204.6 414.209 204.811 414.584 205.186C414.959 205.561 415.17 206.07 415.17 206.6Z" fill="#4361EE"/>
+<path d="M421.75 206.6C421.75 206.996 421.633 207.382 421.413 207.711C421.193 208.04 420.881 208.296 420.515 208.448C420.15 208.599 419.748 208.639 419.36 208.562C418.972 208.484 418.615 208.294 418.336 208.014C418.056 207.735 417.866 207.378 417.788 206.99C417.711 206.602 417.751 206.2 417.902 205.835C418.054 205.469 418.31 205.157 418.639 204.937C418.968 204.717 419.354 204.6 419.75 204.6C420.28 204.6 420.789 204.811 421.164 205.186C421.539 205.561 421.75 206.07 421.75 206.6Z" fill="#4361EE"/>
+<path d="M428.33 206.6C428.33 206.996 428.213 207.382 427.993 207.711C427.773 208.04 427.461 208.296 427.095 208.448C426.73 208.599 426.328 208.639 425.94 208.562C425.552 208.484 425.196 208.294 424.916 208.014C424.636 207.735 424.446 207.378 424.369 206.99C424.291 206.602 424.331 206.2 424.482 205.835C424.634 205.469 424.89 205.157 425.219 204.937C425.548 204.717 425.934 204.6 426.33 204.6C426.86 204.6 427.369 204.811 427.744 205.186C428.119 205.561 428.33 206.07 428.33 206.6Z" fill="#4361EE"/>
+<path d="M434.9 206.6C434.9 206.996 434.783 207.382 434.563 207.711C434.343 208.04 434.031 208.296 433.665 208.448C433.3 208.599 432.898 208.639 432.51 208.562C432.122 208.484 431.766 208.294 431.486 208.014C431.206 207.735 431.016 207.378 430.938 206.99C430.861 206.602 430.901 206.2 431.052 205.835C431.204 205.469 431.46 205.157 431.789 204.937C432.118 204.717 432.504 204.6 432.9 204.6C433.43 204.6 433.939 204.811 434.314 205.186C434.689 205.561 434.9 206.07 434.9 206.6Z" fill="#4361EE"/>
+<path d="M441.48 206.6C441.48 206.996 441.363 207.382 441.143 207.711C440.923 208.04 440.611 208.296 440.245 208.448C439.88 208.599 439.478 208.639 439.09 208.562C438.702 208.484 438.345 208.294 438.066 208.014C437.786 207.735 437.596 207.378 437.518 206.99C437.441 206.602 437.481 206.2 437.632 205.835C437.784 205.469 438.04 205.157 438.369 204.937C438.698 204.717 439.084 204.6 439.48 204.6C440.01 204.6 440.519 204.811 440.894 205.186C441.269 205.561 441.48 206.07 441.48 206.6Z" fill="#4361EE"/>
+<path d="M408.55 192.64H407.4V208.6H408.55V192.64Z" fill="#263238"/>
+<path d="M427.74 168.86H291.69V176.42H427.74V168.86Z" fill="#37474F"/>
+<path d="M293.05 384.07H277.86V399.26H293.05V384.07Z" fill="#263238"/>
+<path d="M20.08 204.24L22.32 165.6H70.48V180.72H37.104L36.208 194.272C37.776 193.899 39.344 193.6 40.912 193.376C42.48 193.077 44.3467 192.928 46.512 192.928C50.3947 192.928 53.9787 193.413 57.264 194.384C60.624 195.355 63.536 196.848 66 198.864C68.464 200.88 70.4053 203.493 71.824 206.704C73.2427 209.84 73.952 213.648 73.952 218.128C73.952 222.309 73.2427 226.08 71.824 229.44C70.4053 232.8 68.3893 235.675 65.776 238.064C63.2373 240.379 60.1013 242.171 56.368 243.44C52.7093 244.709 48.64 245.344 44.16 245.344C37.8133 245.344 32.288 244.299 27.584 242.208C22.88 240.117 18.624 237.243 14.816 233.584L25.232 221.152C28.2187 223.84 31.2053 225.931 34.192 227.424C37.1787 228.917 40.4267 229.664 43.936 229.664C47.968 229.664 51.1413 228.731 53.456 226.864C55.8453 224.997 57.04 222.272 57.04 218.688C57.04 215.253 55.7707 212.603 53.232 210.736C50.768 208.869 47.408 207.936 43.152 207.936C40.688 207.936 38.336 208.235 36.096 208.832C33.9307 209.355 31.9147 210.027 30.048 210.848L20.08 204.24ZM156.259 204.688C156.259 210.437 155.4 215.776 153.683 220.704C152.04 225.632 149.688 229.925 146.627 233.584C143.566 237.243 139.87 240.117 135.539 242.208C131.283 244.299 126.542 245.344 121.315 245.344C116.088 245.344 111.31 244.336 106.979 242.32C102.723 240.229 99.0642 237.355 96.0029 233.696C93.0162 230.037 90.7015 225.781 89.0589 220.928C87.4162 216 86.5949 210.661 86.5949 204.912C86.5949 199.237 87.4162 193.936 89.0589 189.008C90.7762 184.005 93.1655 179.675 96.2269 176.016C99.2882 172.357 102.947 169.483 107.203 167.392C111.534 165.301 116.312 164.256 121.539 164.256C126.766 164.256 131.507 165.301 135.763 167.392C140.094 169.408 143.752 172.245 146.739 175.904C149.8 179.563 152.152 183.856 153.795 188.784C155.438 193.712 156.259 199.013 156.259 204.688ZM138.563 204.912C138.563 201.328 138.152 198.005 137.331 194.944C136.51 191.883 135.352 189.232 133.859 186.992C132.366 184.752 130.536 182.997 128.371 181.728C126.28 180.459 123.928 179.824 121.315 179.824C118.702 179.824 116.35 180.459 114.259 181.728C112.168 182.923 110.376 184.64 108.883 186.88C107.39 189.045 106.232 191.659 105.411 194.72C104.664 197.781 104.291 201.104 104.291 204.688C104.291 208.272 104.702 211.595 105.523 214.656C106.344 217.717 107.502 220.368 108.995 222.608C110.488 224.848 112.28 226.603 114.371 227.872C116.536 229.141 118.926 229.776 121.539 229.776C124.152 229.776 126.504 229.179 128.595 227.984C130.686 226.715 132.478 224.96 133.971 222.72C135.464 220.48 136.584 217.867 137.331 214.88C138.152 211.819 138.563 208.496 138.563 204.912ZM238.071 204.688C238.071 210.437 237.213 215.776 235.495 220.704C233.853 225.632 231.501 229.925 228.439 233.584C225.378 237.243 221.682 240.117 217.351 242.208C213.095 244.299 208.354 245.344 203.127 245.344C197.901 245.344 193.122 244.336 188.791 242.32C184.535 240.229 180.877 237.355 177.815 233.696C174.829 230.037 172.514 225.781 170.871 220.928C169.229 216 168.407 210.661 168.407 204.912C168.407 199.237 169.229 193.936 170.871 189.008C172.589 184.005 174.978 179.675 178.039 176.016C181.101 172.357 184.759 169.483 189.015 167.392C193.346 165.301 198.125 164.256 203.351 164.256C208.578 164.256 213.319 165.301 217.575 167.392C221.906 169.408 225.565 172.245 228.551 175.904C231.613 179.563 233.965 183.856 235.607 188.784C237.25 193.712 238.071 199.013 238.071 204.688ZM220.375 204.912C220.375 201.328 219.965 198.005 219.143 194.944C218.322 191.883 217.165 189.232 215.671 186.992C214.178 184.752 212.349 182.997 210.183 181.728C208.093 180.459 205.741 179.824 203.127 179.824C200.514 179.824 198.162 180.459 196.071 181.728C193.981 182.923 192.189 184.64 190.695 186.88C189.202 189.045 188.045 191.659 187.223 194.72C186.477 197.781 186.103 201.104 186.103 204.688C186.103 208.272 186.514 211.595 187.335 214.656C188.157 217.717 189.314 220.368 190.807 222.608C192.301 224.848 194.093 226.603 196.183 227.872C198.349 229.141 200.738 229.776 203.351 229.776C205.965 229.776 208.317 229.179 210.407 227.984C212.498 226.715 214.29 224.96 215.783 222.72C217.277 220.48 218.397 217.867 219.143 214.88C219.965 211.819 220.375 208.496 220.375 204.912Z" fill="#263238"/>
+<path d="M20.08 204.24L18.6823 204.159L18.6358 204.962L19.3064 205.407L20.08 204.24ZM22.32 165.6V164.2H20.9988L20.9223 165.519L22.32 165.6ZM70.48 165.6H71.88V164.2H70.48V165.6ZM70.48 180.72V182.12H71.88V180.72H70.48ZM37.104 180.72V179.32H35.7935L35.7071 180.628L37.104 180.72ZM36.208 194.272L34.8111 194.18L34.6858 196.074L36.5323 195.634L36.208 194.272ZM40.912 193.376L41.11 194.762L41.1421 194.757L41.174 194.751L40.912 193.376ZM57.264 194.384L56.8673 195.727L56.8754 195.729L57.264 194.384ZM66 198.864L65.1135 199.948L66 198.864ZM71.824 206.704L70.5434 207.27L70.5485 207.281L71.824 206.704ZM71.824 229.44L70.5343 228.895L71.824 229.44ZM65.776 238.064L66.7193 239.099L66.7207 239.097L65.776 238.064ZM56.368 243.44L55.9173 242.114L55.9091 242.117L56.368 243.44ZM27.584 242.208L27.0154 243.487L27.584 242.208ZM14.816 233.584L13.7429 232.685L12.9029 233.687L13.846 234.594L14.816 233.584ZM25.232 221.152L26.1686 220.111L25.0904 219.141L24.1589 220.253L25.232 221.152ZM34.192 227.424L33.5659 228.676H33.5659L34.192 227.424ZM53.456 226.864L52.5941 225.761L52.5856 225.767L52.5771 225.774L53.456 226.864ZM53.232 210.736L52.3866 211.852L52.3946 211.858L52.4027 211.864L53.232 210.736ZM36.096 208.832L36.4245 210.193L36.4407 210.189L36.4567 210.185L36.096 208.832ZM30.048 210.848L29.2744 212.015L29.9119 212.437L30.6118 212.129L30.048 210.848ZM21.4777 204.321L23.7177 165.681L20.9223 165.519L18.6823 204.159L21.4777 204.321ZM22.32 167H70.48V164.2H22.32V167ZM69.08 165.6V180.72H71.88V165.6H69.08ZM70.48 179.32H37.104V182.12H70.48V179.32ZM35.7071 180.628L34.8111 194.18L37.605 194.364L38.501 180.812L35.7071 180.628ZM36.5323 195.634C38.0593 195.27 39.5852 194.98 41.11 194.762L40.714 191.99C39.1028 192.22 37.4927 192.527 35.8837 192.91L36.5323 195.634ZM41.174 194.751C42.6313 194.474 44.4058 194.328 46.512 194.328V191.528C44.2876 191.528 42.3287 191.681 40.65 192.001L41.174 194.751ZM46.512 194.328C50.278 194.328 53.7266 194.799 56.8673 195.727L57.6607 193.041C54.2307 192.028 50.5114 191.528 46.512 191.528V194.328ZM56.8754 195.729C60.0715 196.652 62.8099 198.063 65.1135 199.948L66.8865 197.78C64.2621 195.633 61.1765 194.057 57.6526 193.039L56.8754 195.729ZM65.1135 199.948C67.3904 201.81 69.2044 204.239 70.5434 207.27L73.1046 206.138C71.6063 202.747 69.5376 199.95 66.8865 197.78L65.1135 199.948ZM70.5485 207.281C71.8643 210.19 72.552 213.79 72.552 218.128H75.352C75.352 213.506 74.621 209.49 73.0996 206.127L70.5485 207.281ZM72.552 218.128C72.552 222.149 71.8703 225.731 70.5343 228.895L73.1138 229.985C74.6151 226.429 75.352 222.469 75.352 218.128H72.552ZM70.5343 228.895C69.1916 232.075 67.2912 234.782 64.8313 237.031L66.7207 239.097C69.4874 236.568 71.619 233.525 73.1138 229.985L70.5343 228.895ZM64.8327 237.029C62.456 239.196 59.495 240.898 55.9173 242.115L56.8187 244.765C60.7077 243.443 64.0186 241.561 66.7193 239.099L64.8327 237.029ZM55.9091 242.117C52.4191 243.328 48.5078 243.944 44.16 243.944V246.744C48.7722 246.744 52.9995 246.091 56.8269 244.763L55.9091 242.117ZM44.16 243.944C37.9648 243.944 32.641 242.924 28.1526 240.929L27.0154 243.487C31.935 245.674 37.6619 246.744 44.16 246.744V243.944ZM28.1526 240.929C23.6009 238.906 19.4799 236.124 15.786 232.574L13.846 234.594C17.7681 238.362 22.1591 241.329 27.0154 243.487L28.1526 240.929ZM15.8891 234.483L26.3051 222.051L24.1589 220.253L13.7429 232.685L15.8891 234.483ZM24.2955 222.193C27.3573 224.948 30.4466 227.117 33.5659 228.676L34.8181 226.172C31.964 224.745 29.08 222.732 26.1686 220.111L24.2955 222.193ZM33.5659 228.676C36.7569 230.272 40.2207 231.064 43.936 231.064V228.264C40.6326 228.264 37.6004 227.563 34.8181 226.172L33.5659 228.676ZM43.936 231.064C48.1744 231.064 51.6954 230.082 54.3349 227.954L52.5771 225.774C50.5873 227.379 47.7616 228.264 43.936 228.264V231.064ZM54.3179 227.967C57.1106 225.785 58.44 222.615 58.44 218.688H55.64C55.64 221.929 54.5801 224.209 52.5941 225.761L54.3179 227.967ZM58.44 218.688C58.44 214.855 56.9947 211.765 54.0613 209.608L52.4027 211.864C54.5466 213.44 55.64 215.652 55.64 218.688H58.44ZM54.0774 209.62C51.2932 207.511 47.6002 206.536 43.152 206.536V209.336C47.2158 209.336 50.2428 210.228 52.3866 211.852L54.0774 209.62ZM43.152 206.536C40.5738 206.536 38.1001 206.849 35.7353 207.479L36.4567 210.185C38.5719 209.621 40.8022 209.336 43.152 209.336V206.536ZM35.7675 207.471C33.5288 208.011 31.4334 208.709 29.4842 209.567L30.6118 212.129C32.396 211.344 34.3325 210.698 36.4245 210.193L35.7675 207.471ZM30.8216 209.681L20.8536 203.073L19.3064 205.407L29.2744 212.015L30.8216 209.681ZM153.683 220.704L152.361 220.243L152.358 220.252L152.355 220.261L153.683 220.704ZM146.627 233.584L147.701 234.482L146.627 233.584ZM135.539 242.208L134.93 240.947L134.922 240.951L135.539 242.208ZM106.979 242.32L106.362 243.577L106.375 243.583L106.388 243.589L106.979 242.32ZM96.0029 233.696L94.9184 234.581L94.9237 234.588L94.9292 234.594L96.0029 233.696ZM89.0589 220.928L87.7307 221.371L87.7328 221.377L89.0589 220.928ZM89.0589 189.008L87.7347 188.553L87.7307 188.565L89.0589 189.008ZM96.2269 176.016L95.1532 175.118H95.1532L96.2269 176.016ZM107.203 167.392L106.594 166.131L106.586 166.135L107.203 167.392ZM135.763 167.392L135.146 168.649L135.159 168.655L135.172 168.661L135.763 167.392ZM146.739 175.904L145.654 176.789L145.66 176.796L145.665 176.802L146.739 175.904ZM153.795 188.784L155.123 188.341L153.795 188.784ZM137.331 194.944L138.683 194.581L137.331 194.944ZM133.859 186.992L132.694 187.769V187.769L133.859 186.992ZM128.371 181.728L127.644 182.925L127.654 182.93L127.663 182.936L128.371 181.728ZM114.259 181.728L114.953 182.944L114.97 182.934L114.985 182.925L114.259 181.728ZM108.883 186.88L110.035 187.675L110.042 187.666L110.048 187.657L108.883 186.88ZM105.411 194.72L104.059 194.357L104.055 194.373L104.051 194.388L105.411 194.72ZM105.523 214.656L104.171 215.019L105.523 214.656ZM108.995 222.608L107.83 223.385L107.83 223.385L108.995 222.608ZM114.371 227.872L113.644 229.069L113.654 229.074L113.663 229.08L114.371 227.872ZM128.595 227.984L129.289 229.2L129.306 229.19L129.321 229.181L128.595 227.984ZM133.971 222.72L135.136 223.497L133.971 222.72ZM137.331 214.88L135.979 214.517L135.976 214.529L135.973 214.54L137.331 214.88ZM154.859 204.688C154.859 210.296 154.022 215.478 152.361 220.243L155.005 221.165C156.779 216.074 157.659 210.578 157.659 204.688H154.859ZM152.355 220.261C150.763 225.038 148.492 229.173 145.553 232.686L147.701 234.482C150.884 230.678 153.318 226.226 155.011 221.147L152.355 220.261ZM145.553 232.686C142.62 236.191 139.083 238.942 134.93 240.947L136.148 243.469C140.656 241.292 144.511 238.295 147.701 234.482L145.553 232.686ZM134.922 240.951C130.877 242.938 126.35 243.944 121.315 243.944V246.744C126.733 246.744 131.689 245.659 136.156 243.465L134.922 240.951ZM121.315 243.944C116.273 243.944 111.698 242.973 107.57 241.051L106.388 243.589C110.921 245.699 115.904 246.744 121.315 246.744V243.944ZM107.596 241.063C103.517 239.06 100.013 236.307 97.0766 232.798L94.9292 234.594C98.1152 238.402 101.929 241.399 106.362 243.577L107.596 241.063ZM97.0874 232.811C94.2154 229.292 91.9785 225.187 90.385 220.479L87.7328 221.377C89.4246 226.375 91.817 230.782 94.9184 234.581L97.0874 232.811ZM90.387 220.485C88.7967 215.714 87.9949 210.527 87.9949 204.912H85.1949C85.1949 210.796 86.0357 216.286 87.7307 221.371L90.387 220.485ZM87.9949 204.912C87.9949 199.374 88.7961 194.223 90.387 189.451L87.7307 188.565C86.0363 193.649 85.1949 199.101 85.1949 204.912H87.9949ZM90.383 189.463C92.0508 184.604 94.3605 180.428 97.3006 176.914L95.1532 175.118C91.9706 178.921 89.5016 183.406 87.7347 188.553L90.383 189.463ZM97.3006 176.914C100.237 173.405 103.741 170.652 107.82 168.649L106.586 166.135C102.153 168.313 98.3392 171.31 95.1532 175.118L97.3006 176.914ZM107.812 168.653C111.936 166.662 116.504 165.656 121.539 165.656V162.856C116.12 162.856 111.131 163.941 106.594 166.131L107.812 168.653ZM121.539 165.656C126.574 165.656 131.101 166.662 135.146 168.649L136.38 166.135C131.913 163.941 126.957 162.856 121.539 162.856V165.656ZM135.172 168.661C139.314 170.589 142.803 173.296 145.654 176.789L147.823 175.019C144.702 171.195 140.874 168.227 136.354 166.123L135.172 168.661ZM145.665 176.802C148.604 180.315 150.875 184.45 152.467 189.227L155.123 188.341C153.43 183.262 150.996 178.81 147.813 175.006L145.665 176.802ZM152.467 189.227C154.058 193.999 154.859 199.15 154.859 204.688H157.659C157.659 198.877 156.817 193.425 155.123 188.341L152.467 189.227ZM139.963 204.912C139.963 201.221 139.54 197.775 138.683 194.581L135.979 195.307C136.764 198.236 137.163 201.435 137.163 204.912H139.963ZM138.683 194.581C137.829 191.398 136.615 188.602 135.024 186.215L132.694 187.769C134.089 189.862 135.19 192.367 135.979 195.307L138.683 194.581ZM135.024 186.215C133.421 183.812 131.44 181.904 129.079 180.52L127.663 182.936C129.632 184.09 131.31 185.692 132.694 187.769L135.024 186.215ZM129.097 180.531C126.773 179.12 124.166 178.424 121.315 178.424V181.224C123.69 181.224 125.788 181.798 127.644 182.925L129.097 180.531ZM121.315 178.424C118.464 178.424 115.857 179.12 113.532 180.531L114.985 182.925C116.842 181.798 118.94 181.224 121.315 181.224V178.424ZM113.564 180.512C111.264 181.827 109.318 183.704 107.718 186.103L110.048 187.657C111.435 185.576 113.073 184.018 114.953 182.944L113.564 180.512ZM107.73 186.085C106.13 188.406 104.913 191.172 104.059 194.357L106.763 195.083C107.551 192.145 108.649 189.685 110.035 187.675L107.73 186.085ZM104.051 194.388C103.274 197.572 102.891 201.007 102.891 204.688H105.691C105.691 201.201 106.054 197.991 106.771 195.052L104.051 194.388ZM102.891 204.688C102.891 208.379 103.314 211.825 104.171 215.019L106.875 214.293C106.089 211.364 105.691 208.165 105.691 204.688H102.891ZM104.171 215.019C105.025 218.202 106.239 220.998 107.83 223.385L110.16 221.831C108.764 219.738 107.664 217.233 106.875 214.293L104.171 215.019ZM107.83 223.385C109.425 225.778 111.362 227.683 113.644 229.069L115.097 226.675C113.199 225.523 111.551 223.918 110.16 221.831L107.83 223.385ZM113.663 229.08C116.052 230.48 118.687 231.176 121.539 231.176V228.376C119.164 228.376 117.02 227.802 115.079 226.664L113.663 229.08ZM121.539 231.176C124.374 231.176 126.969 230.525 129.289 229.2L127.9 226.768C126.039 227.832 123.93 228.376 121.539 228.376V231.176ZM129.321 229.181C131.604 227.795 133.54 225.89 135.136 223.497L132.806 221.943C131.415 224.03 129.767 225.635 127.868 226.787L129.321 229.181ZM135.136 223.497C136.73 221.105 137.909 218.34 138.689 215.22L135.973 214.54C135.259 217.393 134.199 219.855 132.806 221.943L135.136 223.497ZM138.683 215.243C139.54 212.049 139.963 208.603 139.963 204.912H137.163C137.163 208.389 136.764 211.588 135.979 214.517L138.683 215.243ZM235.495 220.704L234.173 220.243L234.17 220.252L234.167 220.261L235.495 220.704ZM228.439 233.584L229.513 234.482L228.439 233.584ZM217.351 242.208L216.743 240.947L216.734 240.951L217.351 242.208ZM188.791 242.32L188.174 243.577L188.187 243.583L188.201 243.589L188.791 242.32ZM177.815 233.696L176.731 234.581L176.736 234.588L176.742 234.594L177.815 233.696ZM170.871 220.928L169.543 221.371L169.545 221.377L170.871 220.928ZM170.871 189.008L169.547 188.553L169.543 188.565L170.871 189.008ZM178.039 176.016L176.966 175.118L178.039 176.016ZM189.015 167.392L188.407 166.131L188.398 166.135L189.015 167.392ZM217.575 167.392L216.958 168.649L216.971 168.655L216.985 168.661L217.575 167.392ZM228.551 175.904L227.467 176.789L227.472 176.796L227.478 176.802L228.551 175.904ZM235.607 188.784L236.936 188.341L235.607 188.784ZM219.143 194.944L220.496 194.581L219.143 194.944ZM215.671 186.992L214.507 187.769V187.769L215.671 186.992ZM210.183 181.728L209.457 182.925L209.466 182.93L209.475 182.936L210.183 181.728ZM196.071 181.728L196.766 182.944L196.782 182.934L196.798 182.925L196.071 181.728ZM190.695 186.88L191.848 187.675L191.854 187.666L191.86 187.657L190.695 186.88ZM187.223 194.72L185.871 194.357L185.867 194.373L185.863 194.388L187.223 194.72ZM187.335 214.656L185.983 215.019L187.335 214.656ZM190.807 222.608L189.643 223.385V223.385L190.807 222.608ZM196.183 227.872L195.457 229.069L195.466 229.074L195.475 229.08L196.183 227.872ZM210.407 227.984L211.102 229.2L211.118 229.19L211.134 229.181L210.407 227.984ZM215.783 222.72L216.948 223.497L215.783 222.72ZM219.143 214.88L217.791 214.517L217.788 214.529L217.785 214.54L219.143 214.88ZM236.671 204.688C236.671 210.296 235.834 215.478 234.173 220.243L236.817 221.165C238.591 216.074 239.471 210.578 239.471 204.688H236.671ZM234.167 220.261C232.575 225.038 230.305 229.173 227.366 232.686L229.513 234.482C232.697 230.678 235.13 226.226 236.824 221.147L234.167 220.261ZM227.366 232.686C224.433 236.191 220.896 238.942 216.743 240.947L217.96 243.469C222.468 241.292 226.323 238.295 229.513 234.482L227.366 232.686ZM216.734 240.951C212.689 242.938 208.162 243.944 203.127 243.944V246.744C208.546 246.744 213.502 245.659 217.969 243.465L216.734 240.951ZM203.127 243.944C198.085 243.944 193.511 242.973 189.382 241.051L188.201 243.589C192.733 245.699 197.716 246.744 203.127 246.744V243.944ZM189.409 241.063C185.329 239.06 181.826 236.307 178.889 232.798L176.742 234.594C179.928 238.402 183.742 241.399 188.174 243.577L189.409 241.063ZM178.9 232.811C176.028 229.292 173.791 225.187 172.197 220.479L169.545 221.377C171.237 226.375 173.63 230.782 176.731 234.581L178.9 232.811ZM172.2 220.485C170.609 215.714 169.807 210.527 169.807 204.912H167.007C167.007 210.796 167.848 216.286 169.543 221.371L172.2 220.485ZM169.807 204.912C169.807 199.374 170.609 194.223 172.2 189.451L169.543 188.565C167.849 193.649 167.007 199.101 167.007 204.912H169.807ZM172.196 189.463C173.863 184.604 176.173 180.428 179.113 176.914L176.966 175.118C173.783 178.921 171.314 183.406 169.547 188.553L172.196 189.463ZM179.113 176.914C182.05 173.405 185.553 170.652 189.633 168.649L188.398 166.135C183.966 168.313 180.152 171.31 176.966 175.118L179.113 176.914ZM189.624 168.653C193.749 166.662 198.317 165.656 203.351 165.656V162.856C197.933 162.856 192.943 163.941 188.407 166.131L189.624 168.653ZM203.351 165.656C208.386 165.656 212.913 166.662 216.958 168.649L218.193 166.135C213.726 163.941 208.77 162.856 203.351 162.856V165.656ZM216.985 168.661C221.126 170.589 224.615 173.296 227.467 176.789L229.636 175.019C226.514 171.195 222.686 168.227 218.166 166.123L216.985 168.661ZM227.478 176.802C230.417 180.315 232.687 184.45 234.279 189.227L236.936 188.341C235.242 183.262 232.809 178.81 229.625 175.006L227.478 176.802ZM234.279 189.227C235.87 193.999 236.671 199.15 236.671 204.688H239.471C239.471 198.877 238.63 193.425 236.936 188.341L234.279 189.227ZM221.775 204.912C221.775 201.221 221.352 197.775 220.496 194.581L217.791 195.307C218.577 198.236 218.975 201.435 218.975 204.912H221.775ZM220.496 194.581C219.642 191.398 218.428 188.602 216.836 186.215L214.507 187.769C215.902 189.862 217.003 192.367 217.791 195.307L220.496 194.581ZM216.836 186.215C215.234 183.812 213.253 181.904 210.891 180.52L209.475 182.936C211.445 184.09 213.122 185.692 214.507 187.769L216.836 186.215ZM210.91 180.531C208.585 179.12 205.979 178.424 203.127 178.424V181.224C205.503 181.224 207.6 181.798 209.457 182.925L210.91 180.531ZM203.127 178.424C200.276 178.424 197.67 179.12 195.345 180.531L196.798 182.925C198.654 181.798 200.752 181.224 203.127 181.224V178.424ZM195.377 180.512C193.076 181.827 191.13 183.704 189.531 186.103L191.86 187.657C193.247 185.576 194.885 184.018 196.766 182.944L195.377 180.512ZM189.543 186.085C187.942 188.406 186.726 191.172 185.871 194.357L188.576 195.083C189.364 192.145 190.462 189.685 191.848 187.675L189.543 186.085ZM185.863 194.388C185.087 197.572 184.703 201.007 184.703 204.688H187.503C187.503 201.201 187.867 197.991 188.584 195.052L185.863 194.388ZM184.703 204.688C184.703 208.379 185.126 211.825 185.983 215.019L188.688 214.293C187.902 211.364 187.503 208.165 187.503 204.688H184.703ZM185.983 215.019C186.837 218.202 188.051 220.998 189.643 223.385L191.972 221.831C190.577 219.738 189.476 217.233 188.688 214.293L185.983 215.019ZM189.643 223.385C191.238 225.778 193.174 227.683 195.457 229.069L196.91 226.675C195.011 225.523 193.364 223.918 191.972 221.831L189.643 223.385ZM195.475 229.08C197.864 230.48 200.5 231.176 203.351 231.176V228.376C200.976 228.376 198.833 227.802 196.891 226.664L195.475 229.08ZM203.351 231.176C206.187 231.176 208.782 230.525 211.102 229.2L209.713 226.768C207.852 227.832 205.742 228.376 203.351 228.376V231.176ZM211.134 229.181C213.417 227.795 215.353 225.89 216.948 223.497L214.619 221.943C213.227 224.03 211.579 225.635 209.681 226.787L211.134 229.181ZM216.948 223.497C218.542 221.105 219.721 218.34 220.502 215.22L217.785 214.54C217.072 217.393 216.011 219.855 214.618 221.943L216.948 223.497ZM220.496 215.243C221.352 212.049 221.775 208.603 221.775 204.912H218.975C218.975 208.389 218.577 211.588 217.791 214.517L220.496 215.243Z" fill="#263238"/>
+<path d="M70.02 353.74H43.46V380.3H70.02V353.74Z" fill="#37474F"/>
+<path d="M56.74 375.88C61.6388 375.88 65.61 371.909 65.61 367.01C65.61 362.111 61.6388 358.14 56.74 358.14C51.8412 358.14 47.87 362.111 47.87 367.01C47.87 371.909 51.8412 375.88 56.74 375.88Z" fill="#455A64"/>
+<path d="M55.12 363.43H53.12V370.75H55.12V363.43Z" fill="#263238"/>
+<path d="M60.6799 363.43H58.6799V370.75H60.6799V363.43Z" fill="#263238"/>
+<path d="M36.85 421.59L90.14 421.35L143.43 421.26L250 421.09L356.57 421.26L409.86 421.35L463.15 421.59L409.86 421.84L356.57 421.93L250 422.09L143.43 421.92L90.14 421.83L36.85 421.59Z" fill="#263238"/>
+<path d="M128.08 396.52C129.08 398.64 125.24 413.83 124.08 416.95C122.92 420.07 118.69 437.48 116.65 438.23C114.61 438.98 104.72 438.77 103.32 438.23C101.92 437.69 103.32 434.72 104.93 433.68C106.54 432.64 108.47 431.05 108.47 431.05C108.47 431.05 105.58 404.16 106.12 401.15C106.66 398.14 125.48 390.83 128.08 396.52Z" fill="#4361EE"/>
+<path opacity="0.1" d="M128.08 396.52C129.08 398.64 125.24 413.83 124.08 416.95C122.92 420.07 118.69 437.48 116.65 438.23C114.61 438.98 104.72 438.77 103.32 438.23C101.92 437.69 103.32 434.72 104.93 433.68C106.54 432.64 108.47 431.05 108.47 431.05C108.47 431.05 105.58 404.16 106.12 401.15C106.66 398.14 125.48 390.83 128.08 396.52Z" fill="black"/>
+<path opacity="0.1" d="M107.4 437.06C107.51 436.523 107.731 436.015 108.05 435.57C108.369 435.134 108.75 434.747 109.18 434.42C109.598 434.09 110.082 433.854 110.6 433.73C110.616 433.723 110.633 433.722 110.65 433.728C110.666 433.733 110.679 433.744 110.688 433.759C110.697 433.774 110.7 433.791 110.696 433.808C110.693 433.824 110.684 433.839 110.67 433.85C110.49 434.01 110.29 434.15 110.12 434.32C109.95 434.49 109.76 434.67 109.6 434.85C109.272 435.201 108.986 435.591 108.75 436.01C108.5 436.42 108.27 436.84 108.05 437.28C107.83 437.72 107.72 438.19 107.55 438.65C107.55 438.676 107.539 438.702 107.521 438.72C107.502 438.739 107.477 438.75 107.45 438.75C107.423 438.75 107.398 438.739 107.379 438.72C107.361 438.702 107.35 438.676 107.35 438.65C107.25 438.122 107.267 437.58 107.4 437.06Z" fill="black"/>
+<path opacity="0.1" d="M104.51 435.48C105.06 434.532 105.907 433.79 106.92 433.37C106.99 433.37 107.06 433.42 107 433.47C106.235 434.073 105.585 434.808 105.08 435.64C104.828 436.065 104.664 436.536 104.599 437.026C104.533 437.516 104.568 438.014 104.7 438.49C104.7 438.49 104.7 438.55 104.63 438.49C104.338 438.047 104.173 437.532 104.152 437.002C104.131 436.471 104.255 435.945 104.51 435.48Z" fill="black"/>
+<path opacity="0.1" d="M106.94 416L120.53 428.86C122.03 423.93 123.43 418.57 124.04 416.98C125.24 413.86 129.04 398.67 128.04 396.55C125.43 390.86 106.56 398.17 106.04 401.18C105.83 402.57 106.33 409.27 106.94 416Z" fill="black"/>
+<path d="M179.41 411.72C179.96 412.24 185.31 407.18 186.13 404.81C186.95 402.44 183.53 395.75 184.13 394.61C184.73 393.47 187.68 392.56 189.19 394.31C190.7 396.06 194.57 405.65 193.77 409.75C192.97 413.85 184.74 423 183.87 423C183 423 179.41 411.72 179.41 411.72Z" fill="#4361EE"/>
+<path opacity="0.1" d="M179.41 411.72C179.41 411.72 183.02 422.92 183.87 422.97C184.5 422.97 189.08 418.11 191.82 413.88L184.33 407.57C182.44 409.8 179.79 412.08 179.41 411.72Z" fill="black"/>
+<path d="M149.19 365.46H104.79C104.79 365.46 101.49 394.7 101.85 398.57C102.21 402.44 121.72 431.11 127.77 434.81C133.82 438.51 168.6 438.69 177.06 436.81C183.64 435.36 189.13 426.96 186.4 414.03C185.21 408.37 169.79 394.89 167.64 392.31C165.49 389.73 149.19 365.46 149.19 365.46Z" fill="#C7C7C7"/>
+<path d="M101.85 398.57C102.21 402.44 121.72 431.11 127.78 434.81C133.84 438.51 168.6 438.69 177.07 436.81C183.64 435.36 189.14 426.96 186.4 414.02C185.21 408.37 169.8 394.89 167.65 392.31C166.33 390.73 159.71 381.01 154.77 373.71C151.64 369.09 149.19 365.44 149.19 365.44H104.79C104.79 365.44 103.96 372.78 103.18 380.59C102.4 388.4 101.67 396.64 101.85 398.57Z" fill="#4361EE"/>
+<path opacity="0.1" d="M103.18 380.61C127.04 387.97 148.26 377.5 154.77 373.73C151.64 369.11 149.19 365.46 149.19 365.46H104.79C104.79 365.46 104 372.8 103.18 380.61Z" fill="black"/>
+<path d="M177.91 412.64C177.91 412.64 165.69 404.97 157.12 406.35C148.55 407.73 145.52 425.35 149.63 435.24C149.63 435.24 141.81 437.56 141.81 441.34C141.81 443.49 146.28 444.18 152.72 444.02C159.16 443.86 171.98 443.74 172.26 442.12C172.32 440.785 172.03 439.458 171.42 438.27C171.42 438.27 182.99 436.97 185.26 429.27C187.53 421.57 179.84 413.93 177.91 412.64Z" fill="#4361EE"/>
+<path opacity="0.1" d="M161.22 436.11C164.495 437.451 167.975 438.222 171.51 438.39C171.58 438.39 171.6 438.51 171.51 438.52C167.906 438.876 164.283 438.059 161.18 436.19C161.14 436.17 161.17 436.08 161.22 436.11Z" fill="black"/>
+<path opacity="0.1" d="M146.84 444.07C147.265 442.631 148.214 441.403 149.5 440.63C150.197 440.148 150.958 439.764 151.76 439.49C152.68 439.18 153.62 439.01 154.55 438.72C154.62 438.72 154.68 438.81 154.55 438.84C153.755 439.128 152.985 439.482 152.25 439.9C151.503 440.285 150.779 440.713 150.08 441.18C148.928 442.015 147.916 443.028 147.08 444.18C147.05 444.31 146.8 444.24 146.84 444.07Z" fill="black"/>
+<path opacity="0.1" d="M148.42 438C148.436 438 148.451 438.006 148.462 438.018C148.474 438.029 148.48 438.044 148.48 438.06C148.48 438.076 148.474 438.091 148.462 438.102C148.451 438.114 148.436 438.12 148.42 438.12C146.053 439.108 144.166 440.981 143.16 443.34C143.16 443.44 142.94 443.44 142.96 443.34C143.155 441.973 143.796 440.708 144.783 439.743C145.77 438.777 147.049 438.165 148.42 438Z" fill="black"/>
+<path opacity="0.1" d="M144.61 437.45C144.61 437.45 144.61 437.51 144.61 437.5C146.133 436.599 147.745 435.859 149.42 435.29C149.62 435.64 149.83 435.99 150.06 436.29C150.06 436.36 150.21 436.29 150.17 436.23C148.71 433.144 147.978 429.764 148.03 426.35C148.037 424.542 148.144 422.736 148.35 420.94C148.77 417.79 149.752 414.742 151.25 411.94C152.093 410.18 153.396 408.681 155.02 407.6C156.773 406.747 158.73 406.4 160.67 406.6C162.672 406.734 164.652 407.1 166.57 407.69C168.519 408.229 170.43 408.898 172.29 409.69C168.724 407.664 164.798 406.35 160.73 405.82C158.623 405.526 156.476 405.875 154.57 406.82C152.777 407.959 151.326 409.563 150.37 411.46C148.479 415.143 147.43 419.201 147.3 423.34C147.3 423.81 147.3 424.29 147.3 424.76C147.3 425.39 147.3 426.01 147.3 426.64C147.316 429.611 148.039 432.535 149.41 435.17C147.619 435.434 145.947 436.228 144.61 437.45Z" fill="black"/>
+<path d="M142.43 400.29C143.43 402.4 139.59 417.59 138.43 420.71C137.27 423.83 133 441.24 131 442C129 442.76 119.07 442.54 117.67 442C116.27 441.46 117.67 438.49 119.28 437.45C120.89 436.41 122.81 434.82 122.81 434.82C122.81 434.82 119.93 407.93 120.46 404.92C120.99 401.91 139.83 394.59 142.43 400.29Z" fill="#4361EE"/>
+<path opacity="0.1" d="M135.77 429.15C136.68 426.41 137.87 423.75 138.77 421.02C138.77 420.91 138.98 420.96 138.94 421.07C138.24 423.27 137.71 425.53 137.05 427.75C137.15 427.6 137.24 427.44 137.33 427.29C137.987 426.449 138.516 425.516 138.9 424.52C138.907 424.496 138.923 424.476 138.944 424.464C138.966 424.452 138.991 424.448 139.015 424.455C139.039 424.462 139.059 424.478 139.071 424.499C139.084 424.521 139.087 424.546 139.08 424.57C138.935 425.038 138.737 425.487 138.49 425.91C138.23 426.4 137.96 426.91 137.69 427.38C137.42 427.85 136.98 428.64 136.59 429.25C136.59 429.3 136.59 429.34 136.59 429.38C135.74 432.143 134.739 434.857 133.59 437.51C133.575 437.534 133.553 437.552 133.526 437.562C133.5 437.572 133.471 437.574 133.444 437.566C133.417 437.558 133.393 437.541 133.376 437.519C133.359 437.496 133.35 437.468 133.35 437.44C134.017 434.638 134.825 431.871 135.77 429.15Z" fill="black"/>
+<path opacity="0.1" d="M120.05 409.2C120.05 409.15 120.16 409.13 120.17 409.2C120.46 411.2 120.58 413.3 120.79 415.35C121 417.4 121.26 419.6 121.49 421.73C121.96 425.96 122.67 430.18 123.01 434.42C123.01 434.6 122.7 434.62 122.65 434.42C121.633 430.342 120.947 426.189 120.6 422C120.38 419.92 120.25 417.84 120.15 415.76C119.995 413.577 119.962 411.387 120.05 409.2Z" fill="black"/>
+<path opacity="0.1" d="M121.27 440.61C121.372 440.072 121.59 439.564 121.91 439.12C122.23 438.681 122.614 438.294 123.05 437.97C123.466 437.636 123.951 437.4 124.47 437.28C124.485 437.277 124.5 437.28 124.514 437.286C124.527 437.293 124.538 437.304 124.545 437.317C124.552 437.331 124.554 437.346 124.551 437.361C124.548 437.376 124.541 437.39 124.53 437.4C124.35 437.57 124.15 437.7 123.98 437.87L123.46 438.4C123.137 438.756 122.852 439.145 122.61 439.56C122.37 439.97 122.13 440.39 121.92 440.83C121.71 441.27 121.58 441.74 121.41 442.2C121.404 442.22 121.391 442.237 121.374 442.25C121.357 442.262 121.336 442.269 121.315 442.269C121.294 442.269 121.274 442.262 121.256 442.25C121.239 442.237 121.227 442.22 121.22 442.2C121.115 441.673 121.132 441.129 121.27 440.61Z" fill="black"/>
+<path opacity="0.1" d="M118.37 439C118.923 438.05 119.773 437.308 120.79 436.89C120.85 436.89 120.92 436.94 120.86 436.99C120.096 437.59 119.448 438.326 118.95 439.16C118.693 439.583 118.526 440.055 118.46 440.545C118.395 441.036 118.432 441.535 118.57 442.01C118.57 442.01 118.57 442.07 118.5 442.01C118.207 441.568 118.04 441.054 118.017 440.523C117.994 439.993 118.116 439.466 118.37 439Z" fill="black"/>
+<path d="M121.78 324.81C122.26 323.05 117.88 316.81 116.21 314.76C114.54 312.71 105.35 309.54 102.41 311.15C101.26 311.78 99.1201 316.2 96.2301 320.03C91.7501 325.97 86.5301 332.2 88.4301 333.87C93.0301 337.94 103.54 331.52 106.95 329.37C110.36 327.22 113.47 324.59 114.3 324.68C115.4 324.8 117.7 326.54 118.63 326.68C119.283 326.724 119.933 326.569 120.496 326.235C121.058 325.901 121.506 325.404 121.78 324.81Z" fill="#4361EE"/>
+<path opacity="0.1" d="M121.78 324.81C122.26 323.05 117.88 316.81 116.21 314.76C114.54 312.71 105.35 309.54 102.41 311.15C101.26 311.78 99.1201 316.2 96.2301 320.03C91.7501 325.97 86.5301 332.2 88.4301 333.87C93.0301 337.94 103.54 331.52 106.95 329.37C110.36 327.22 113.47 324.59 114.3 324.68C115.4 324.8 117.7 326.54 118.63 326.68C119.283 326.724 119.933 326.569 120.496 326.235C121.058 325.901 121.506 325.404 121.78 324.81Z" fill="black"/>
+<path d="M143 318.59C153.73 325.01 158.49 342.07 158.78 344.8C159.02 347.02 164.13 354.9 163.22 363.37C162.63 368.81 152.85 376.04 144.89 375.97C143.43 375.97 131.04 380.45 120.57 379.73C110.1 379.01 102.18 371.58 101.87 370.95C101.56 370.32 93.0001 369.1 92.5001 360.35C91.6501 346.35 105.9 322.59 109.97 319.35C116.72 314 135.66 314.23 143 318.59Z" fill="#4361EE"/>
+<path d="M137.9 326C137.7 324.1 143.27 318.39 145.35 316.5C147.43 314.61 157.49 312.89 160.27 315.05C161.36 315.9 162.85 320.83 165.21 325.29C168.86 332.2 173.21 339.53 171.01 340.95C165.55 344.41 155.71 336.01 152.53 333.2C149.35 330.39 146.53 327.2 145.68 327.12C144.52 327.06 141.84 328.48 140.87 328.43C140.188 328.37 139.54 328.106 139.011 327.672C138.481 327.239 138.094 326.656 137.9 326Z" fill="#4361EE"/>
+<path opacity="0.1" d="M137.9 326C137.7 324.1 143.27 318.39 145.35 316.5C147.43 314.61 157.49 312.89 160.27 315.05C161.36 315.9 162.85 320.83 165.21 325.29C168.86 332.2 173.21 339.53 171.01 340.95C165.55 344.41 155.71 336.01 152.53 333.2C149.35 330.39 146.53 327.2 145.68 327.12C144.52 327.06 141.84 328.48 140.87 328.43C140.188 328.37 139.54 328.106 139.011 327.672C138.481 327.239 138.094 326.656 137.9 326Z" fill="black"/>
+<path opacity="0.1" d="M118.3 349.93C124.88 349.99 127.88 357.04 128.67 358.87C129.46 360.7 133.53 364.87 133.67 369.3C133.81 373.73 125.44 378.6 116.67 377.05C107.9 375.5 103.27 370.56 103.32 366.1C103.32 362.51 106.74 359.4 107.12 358.46C107.5 357.52 112.31 349.87 118.3 349.93Z" fill="black"/>
+<path opacity="0.1" d="M134.48 362.31C135.36 363.311 136.103 364.424 136.69 365.62C137.302 366.824 137.737 368.111 137.98 369.44C138.258 370.819 138.108 372.249 137.55 373.54C137.249 374.177 136.812 374.74 136.27 375.19C135.732 375.6 135.126 375.911 134.48 376.11C135.563 375.444 136.391 374.433 136.83 373.24C137.184 372.059 137.239 370.808 136.99 369.6C136.773 368.348 136.438 367.119 135.99 365.93C135.52 364.72 135 363.51 134.48 362.31Z" fill="black"/>
+<path opacity="0.1" d="M104.33 359.68C103.76 360.39 103.22 361.08 102.72 361.78C102.227 362.464 101.802 363.194 101.45 363.96C101.121 364.707 100.924 365.506 100.87 366.32C100.879 367.178 101.038 368.027 101.34 368.83C100.671 368.165 100.233 367.303 100.09 366.37C99.9914 365.41 100.147 364.441 100.54 363.56C101.333 361.879 102.668 360.513 104.33 359.68Z" fill="black"/>
+<path d="M207.14 453.86C196.37 453.86 184.48 453.67 172.53 453.45C166.37 453.34 161.53 453.25 158.47 453.25C142.94 453.25 138.47 433.25 134.15 413.99C133.55 411.3 132.95 408.61 132.32 405.99C131.08 400.82 130.07 395.61 129.08 390.56C126.08 374.95 123.41 361.48 116.53 360.74C107.44 359.74 99.35 373.36 96.4 394.57L94.4 394.3C97.51 371.94 106.48 357.64 116.72 358.75C125.07 359.64 127.83 373.75 131.02 390.18C132.02 395.18 133.02 400.4 134.24 405.52C134.88 408.17 135.48 410.88 136.09 413.58C140.43 432.96 144.53 451.27 158.45 451.27C161.5 451.27 166.38 451.36 172.55 451.47C186.07 451.73 204.55 452.07 220.25 451.76C245.67 451.26 248.68 449.26 248.99 448.65C248.99 444.49 222.15 439.49 212.05 437.6C201.95 435.71 201.45 435.6 201.56 434.37C201.67 433.14 202.91 433.24 204.81 433.24H246.75C259.9 433.24 264.14 414.32 266.68 403.01C267.114 400.581 267.76 398.196 268.61 395.88C271.55 389.76 278.99 390.65 279.3 390.69L279.04 392.69C278.78 392.69 272.72 391.95 270.41 396.76C269.641 398.943 269.046 401.183 268.63 403.46C265.96 415.35 261.51 435.25 246.75 435.25H210.35L212.44 435.64C236.86 440.2 251 443.81 251 448.74C250.996 449.009 250.936 449.274 250.824 449.518C250.712 449.762 250.551 449.981 250.35 450.16C247.38 453.05 229.71 453.86 207.14 453.86Z" fill="#263238"/>
+<path d="M101.752 393.102L89.4935 392.367L89.0526 399.724L101.311 400.459L101.752 393.102Z" fill="#455A64"/>
+<path d="M99.5745 390.636L91.9282 390.177L91.7882 392.513L99.4345 392.971L99.5745 390.636Z" fill="#37474F"/>
+<path d="M93.1167 399.975L91.6693 399.889L91.3331 405.499L92.7805 405.585L93.1167 399.975Z" fill="#4361EE"/>
+<path d="M98.657 400.296L97.2196 400.21L96.8834 405.82L98.3208 405.906L98.657 400.296Z" fill="#4361EE"/>
+<path d="M283.05 385.53V397.81H288.42V385.53H283.05Z" fill="#455A64"/>
+<path d="M278.72 387.84V395.5H283.06V387.84H278.72Z" fill="#37474F"/>
+<path d="M110 360.6C110 360.6 112.61 363.6 113.62 362.98C114.63 362.36 117.16 356.4 117.16 356.4C117.16 356.4 117.77 363.96 119.72 364.17C121.67 364.38 125.01 361.39 125.01 361.39L117.12 355.92L110 360.6Z" fill="#4361EE"/>
+<path opacity="0.1" d="M110 360.6C110 360.6 112.61 363.6 113.62 362.98C114.63 362.36 117.16 356.4 117.16 356.4C117.16 356.4 117.77 363.96 119.72 364.17C121.67 364.38 125.01 361.39 125.01 361.39L117.12 355.92L110 360.6Z" fill="black"/>
+<path opacity="0.1" d="M148.65 351.21C149.427 348.777 149.699 346.212 149.45 343.67C149.337 342.356 149.031 341.065 148.54 339.84C148.273 339.209 147.938 338.608 147.54 338.05C147.157 337.472 146.708 336.942 146.2 336.47C145.946 336.234 145.675 336.017 145.39 335.82C145.1 335.62 144.8 335.46 144.51 335.28L144.06 335.03L143.59 334.84C143.264 334.7 142.93 334.579 142.59 334.48C141.293 334.099 139.935 333.97 138.59 334.1C136.015 334.346 133.561 335.313 131.51 336.89C133.787 336.023 136.203 335.579 138.64 335.58C139.789 335.595 140.927 335.798 142.01 336.18C142.28 336.26 142.53 336.41 142.79 336.51L143.17 336.68L143.53 336.91C143.76 337.06 144.01 337.19 144.24 337.35C144.462 337.509 144.672 337.683 144.87 337.87C145.694 338.624 146.355 339.54 146.81 340.56C147.304 341.623 147.67 342.741 147.9 343.89C148.4 346.298 148.651 348.751 148.65 351.21Z" fill="black"/>
+<path opacity="0.1" d="M99.87 346.1C99.9779 344.02 100.313 341.957 100.87 339.95C101.348 338.089 102.397 336.424 103.87 335.19C104.239 334.92 104.634 334.689 105.05 334.5C105.455 334.324 105.882 334.206 106.32 334.15C107.282 334.041 108.254 334.061 109.21 334.21C111.268 334.574 113.294 335.099 115.27 335.78C114.44 335.08 113.539 334.469 112.58 333.96C112.1 333.71 111.58 333.48 111.1 333.26C110.586 333.053 110.062 332.873 109.53 332.72C108.424 332.38 107.264 332.251 106.11 332.34C105.49 332.385 104.881 332.534 104.31 332.78C103.756 333.016 103.232 333.319 102.75 333.68C101.803 334.402 101.03 335.328 100.49 336.39C99.9865 337.406 99.6489 338.497 99.49 339.62C99.138 341.781 99.2677 343.994 99.87 346.1Z" fill="black"/>
+<path d="M132.36 348.07C132.36 347.96 132.62 348.22 132.61 348.35C132.37 351.35 132.61 354.85 135.61 355.98C135.7 355.98 135.68 356.17 135.61 356.15C131.94 355.52 131.61 350.89 132.36 348.07Z" fill="#263238"/>
+<path d="M135.46 345.05C140.8 344.91 140.79 354.66 135.84 354.79C130.89 354.92 131 345.16 135.46 345.05Z" fill="#263238"/>
+<path d="M111.73 345.7C111.73 345.59 111.46 345.82 111.45 345.95C111.27 348.95 110.45 352.38 107.45 353.09C107.36 353.09 107.35 353.26 107.45 353.26C111.12 353.14 112.09 348.6 111.73 345.7Z" fill="#263238"/>
+<path d="M109.09 342.28C103.83 341.4 102.47 351.06 107.35 351.87C112.23 352.68 113.51 343 109.09 342.28Z" fill="#263238"/>
+<path d="M116.91 356.12C117.91 356.43 124.45 354.35 123.91 352.35C123.36 350.19 114.1 349.68 112.91 351.08C111.72 352.48 115.92 355.8 116.91 356.12Z" fill="#263238"/>
+<path d="M125.13 361.29C124.078 362.085 122.957 362.785 121.78 363.38C121.218 363.682 120.597 363.859 119.96 363.9C119.58 363.97 119.26 363.46 119.04 362.97C118.641 361.942 118.362 360.872 118.21 359.78C118.01 358.69 117.9 357.57 117.78 356.48L117.47 353.48L116.56 356.43C116.28 357.34 115.95 358.25 115.62 359.16C115.288 360.066 114.894 360.948 114.44 361.8C114.329 362.012 114.198 362.213 114.05 362.4C113.928 362.588 113.772 362.75 113.59 362.88C113.419 362.962 113.225 362.983 113.04 362.94C112.789 362.87 112.547 362.769 112.32 362.64C111.424 362.058 110.624 361.339 109.95 360.51C110.434 361.463 111.116 362.301 111.95 362.97C112.211 363.172 112.506 363.328 112.82 363.43C113.013 363.478 113.211 363.505 113.41 363.51C113.632 363.511 113.852 363.46 114.05 363.36C114.33 363.205 114.581 363.002 114.79 362.76C114.972 362.555 115.139 362.338 115.29 362.11C115.848 361.259 116.327 360.359 116.72 359.42C117.12 358.51 117.46 357.59 117.72 356.66L116.49 356.57C116.579 357.701 116.732 358.826 116.95 359.94C117.061 360.507 117.201 361.068 117.37 361.62C117.535 362.198 117.76 362.758 118.04 363.29C118.196 363.59 118.395 363.867 118.63 364.11C118.782 364.266 118.961 364.391 119.16 364.48C119.289 364.542 119.428 364.583 119.57 364.6C119.693 364.615 119.817 364.615 119.94 364.6C120.711 364.518 121.451 364.254 122.1 363.83C123.226 363.132 124.246 362.277 125.13 361.29Z" fill="#263238"/>
+<path d="M74.9 395.89C78.8717 395.659 82.8567 395.931 86.76 396.7C82.7884 396.931 78.8035 396.659 74.9 395.89Z" fill="#263238"/>
+<path d="M103.69 402.22C105.566 402.872 107.393 403.654 109.16 404.56C110.94 405.436 112.654 406.438 114.29 407.56C110.545 406.231 106.983 404.433 103.69 402.21V402.22Z" fill="#263238"/>
+<path d="M81.25 416C83.2175 412.543 85.6167 409.351 88.39 406.5C87.4219 408.243 86.3291 409.914 85.12 411.5C83.939 413.09 82.6457 414.594 81.25 416Z" fill="#263238"/>
+<path d="M70 384.07C71.55 384.56 73.06 385.12 74.56 385.7C76.06 386.28 77.56 386.9 79.04 387.53C80.52 388.16 82.04 388.81 83.45 389.53C84.86 390.25 86.37 390.92 87.79 391.7C86.24 391.2 84.73 390.64 83.23 390.06C81.73 389.48 80.23 388.86 78.75 388.23C77.27 387.6 75.75 386.95 74.34 386.23C72.93 385.51 71.43 384.84 70 384.07Z" fill="#263238"/>
+<path d="M105.13 392.93C106.523 392.23 107.976 391.654 109.47 391.21C110.953 390.739 112.476 390.404 114.02 390.21C111.227 391.602 108.223 392.524 105.13 392.94V392.93Z" fill="#263238"/>
+<path d="M90.75 387.87C89.93 386.57 89.19 385.24 88.46 383.87C87.73 382.5 87.03 381.17 86.34 379.8C85.65 378.43 84.99 377.06 84.34 375.66C83.69 374.26 83.09 372.87 82.55 371.43C83.37 372.73 84.12 374.07 84.85 375.43C85.58 376.79 86.28 378.13 86.97 379.49C87.66 380.85 88.31 382.23 88.97 383.63C89.63 385.03 90.21 386.43 90.75 387.87Z" fill="#263238"/>
+<path d="M111 419.5C110.11 418.5 109.28 417.41 108.47 416.34C107.66 415.27 106.88 414.16 106.1 413.06C105.32 411.96 104.59 410.83 103.88 409.68C103.17 408.53 102.46 407.38 101.82 406.19C102.71 407.19 103.54 408.28 104.35 409.35C105.16 410.42 105.95 411.53 106.72 412.63C107.49 413.73 108.23 414.86 108.94 416.01C109.65 417.16 110.36 418.3 111 419.5Z" fill="#263238"/>
+<path d="M379.94 168.86H297.28L290.88 112.72H373.54L379.94 168.86Z" fill="#A6A6A6"/>
+<path d="M375.44 165.1H300.93L295.39 116.49H369.9L375.44 165.1Z" fill="white"/>
+<path d="M329.42 142.06L328.23 143.48L316.51 133.36L317.7 131.94L329.42 142.06Z" fill="#4361EE"/>
+<path d="M326.4 131.94L328.04 133.36L319.53 143.48L317.89 142.06L326.4 131.94Z" fill="#4361EE"/>
+<path d="M354.48 142.06L353.29 143.48L341.57 133.36L342.76 131.94L354.48 142.06Z" fill="#4361EE"/>
+<path d="M351.46 131.94L353.1 133.36L344.59 143.48L342.95 142.06L351.46 131.94Z" fill="#4361EE"/>
+<path d="M315.01 151.79L314.69 149.79H360.12L360.44 151.79H315.01Z" fill="#4361EE"/>
+<path d="M404.2 165.1H297.86V168.87H404.2V165.1Z" fill="#A6A6A6"/>
+<path d="M413.18 165.1H320.96V168.87H413.18V165.1Z" fill="#C7C7C7"/>
+<path d="M370.17 118.85L369.9 116.49H295.39L295.66 118.85H370.17Z" fill="#263238"/>
+<path d="M301.66 117.67C301.672 117.822 301.738 117.964 301.846 118.07C301.955 118.177 302.098 118.241 302.25 118.25C302.321 118.249 302.39 118.232 302.454 118.2C302.517 118.169 302.573 118.124 302.617 118.068C302.661 118.013 302.692 117.949 302.708 117.88C302.724 117.811 302.725 117.739 302.71 117.67C302.701 117.517 302.635 117.372 302.527 117.263C302.418 117.155 302.273 117.09 302.12 117.08C302.049 117.083 301.979 117.101 301.916 117.134C301.852 117.166 301.797 117.212 301.753 117.268C301.709 117.325 301.678 117.39 301.662 117.459C301.646 117.528 301.645 117.6 301.66 117.67Z" fill="#C7C7C7"/>
+<path d="M299.5 117.67C299.514 117.823 299.582 117.965 299.692 118.071C299.803 118.178 299.947 118.241 300.1 118.25C300.17 118.247 300.239 118.229 300.301 118.197C300.364 118.165 300.419 118.12 300.462 118.065C300.506 118.01 300.537 117.946 300.554 117.878C300.571 117.81 300.573 117.739 300.56 117.67C300.548 117.517 300.483 117.374 300.374 117.266C300.266 117.157 300.123 117.092 299.97 117.08C299.899 117.083 299.829 117.102 299.765 117.134C299.701 117.166 299.645 117.212 299.601 117.268C299.556 117.324 299.524 117.389 299.507 117.458C299.489 117.528 299.487 117.6 299.5 117.67Z" fill="white"/>
+<path d="M297.35 117.67C297.362 117.822 297.428 117.964 297.536 118.07C297.645 118.177 297.788 118.241 297.94 118.25C298.011 118.249 298.08 118.232 298.144 118.2C298.207 118.169 298.263 118.124 298.307 118.068C298.351 118.013 298.382 117.949 298.398 117.88C298.414 117.811 298.415 117.739 298.4 117.67C298.391 117.517 298.325 117.372 298.217 117.263C298.108 117.155 297.963 117.09 297.81 117.08C297.739 117.083 297.669 117.101 297.606 117.134C297.542 117.166 297.487 117.212 297.443 117.268C297.399 117.325 297.368 117.39 297.352 117.459C297.336 117.528 297.335 117.6 297.35 117.67Z" fill="#4361EE"/>
+</svg>
diff --git a/public/assets/images/error/503-dark.svg b/public/assets/images/error/503-dark.svg
new file mode 100644
index 0000000000000000000000000000000000000000..96e2f703e4d3339e3069fffc2acf1f8ce19f030d
--- /dev/null
+++ b/public/assets/images/error/503-dark.svg
@@ -0,0 +1,54 @@
+<svg width="500" height="424" viewBox="0 0 500 424" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M500 369.4H0V369.65H500V369.4Z" fill="#506690"/>
+<path d="M449.9 385.49H416.78V385.74H449.9V385.49Z" fill="#506690"/>
+<path d="M273.22 382.36H260.33V382.61H273.22V382.36Z" fill="#506690"/>
+<path d="M349.67 383.42H322.53V383.67H349.67V383.42Z" fill="#506690"/>
+<path d="M415.78 376.21H359.67V376.46H415.78V376.21Z" fill="#506690"/>
+<path d="M78.99 387.78H52.46V388.03H78.99V387.78Z" fill="#506690"/>
+<path d="M110.89 387.78H87.89V388.03H110.89V387.78Z" fill="#506690"/>
+<path d="M191.81 382.24H131V382.49H191.81V382.24Z" fill="#506690"/>
+<path d="M237 324.8H43.91C42.3974 324.797 40.9476 324.195 39.8789 323.124C38.8102 322.053 38.21 320.603 38.21 319.09V47.66C38.2232 46.156 38.8292 44.718 39.8965 43.6582C40.9637 42.5985 42.406 42.0026 43.91 42H237C238.514 42 239.967 42.6016 241.038 43.6724C242.108 44.7433 242.71 46.1956 242.71 47.71V319.09C242.71 320.604 242.108 322.057 241.038 323.128C239.967 324.198 238.514 324.8 237 324.8ZM43.91 42.2C42.4637 42.2026 41.0775 42.7791 40.0557 43.8027C39.0339 44.8264 38.46 46.2136 38.46 47.66V319.09C38.46 320.536 39.0339 321.924 40.0557 322.947C41.0775 323.971 42.4637 324.547 43.91 324.55H237C238.447 324.547 239.835 323.971 240.858 322.948C241.881 321.924 242.457 320.537 242.46 319.09V47.66C242.457 46.2127 241.881 44.8255 240.858 43.8021C239.835 42.7787 238.447 42.2026 237 42.2H43.91Z" fill="#506690"/>
+<path d="M453.31 324.8H260.21C258.696 324.797 257.246 324.195 256.175 323.125C255.105 322.054 254.503 320.604 254.5 319.09V47.66C254.516 46.1551 255.124 44.7171 256.193 43.6576C257.262 42.5981 258.705 42.0025 260.21 42H453.31C454.812 42.0052 456.252 42.6022 457.317 43.6617C458.382 44.7212 458.987 46.1578 459 47.66V319.09C459 320.601 458.401 322.05 457.335 323.121C456.268 324.191 454.821 324.795 453.31 324.8ZM260.21 42.2C258.763 42.2026 257.375 42.7787 256.352 43.8021C255.329 44.8255 254.753 46.2127 254.75 47.66V319.09C254.753 320.537 255.329 321.924 256.352 322.948C257.375 323.971 258.763 324.547 260.21 324.55H453.31C454.757 324.547 456.145 323.971 457.168 322.948C458.191 321.924 458.767 320.537 458.77 319.09V47.66C458.767 46.2127 458.191 44.8255 457.168 43.8021C456.145 42.7787 454.757 42.2026 453.31 42.2H260.21Z" fill="#506690"/>
+<path opacity="0.2" d="M467.06 181.17C470.194 170.337 469.844 158.793 466.06 148.17C470.079 142.418 472.743 135.83 473.853 128.901C474.963 121.972 474.49 114.882 472.47 108.161C470.449 101.441 466.934 95.2657 462.187 90.0976C457.44 84.9296 451.585 80.9031 445.06 78.3203C443.152 64.5662 437.707 51.5427 429.259 40.5231C420.81 29.5036 409.646 20.8651 396.858 15.4525C384.071 10.0398 370.098 8.03824 356.305 9.64344C342.513 11.2486 329.373 16.4057 318.17 24.6103C312.539 18.6972 305.271 14.6001 297.297 12.8439C289.323 11.0877 281.006 11.7523 273.413 14.7527C265.819 17.7531 259.294 22.9525 254.673 29.6848C250.053 36.417 247.548 44.3754 247.48 52.5403C236.929 54.6568 227.111 59.4872 218.996 66.555C210.88 73.6228 204.748 82.684 201.202 92.8448C197.657 103.006 196.821 113.915 198.778 124.497C200.734 135.08 205.416 144.969 212.36 153.19C208.963 159.315 206.991 166.127 206.59 173.119C206.189 180.111 207.37 187.103 210.044 193.576C212.719 200.049 216.818 205.836 222.037 210.506C227.256 215.176 233.461 218.609 240.19 220.55C248.046 222.826 256.363 222.985 264.3 221.01C275.056 235.833 291.061 245.996 309.052 249.426C327.042 252.856 345.664 249.296 361.12 239.47C368.65 256.96 374.83 283.2 361.52 308.93C409.87 304.19 444.78 257.82 437.66 215.33C444.732 212.09 451.02 207.36 456.094 201.464C461.168 195.568 464.909 188.646 467.06 181.17Z" fill="#506690"/>
+<path d="M374.32 299.33C374.188 299.331 374.058 299.306 373.936 299.256C373.814 299.206 373.703 299.133 373.61 299.04C373.481 298.912 373.39 298.751 373.346 298.575C373.302 298.399 373.307 298.214 373.36 298.04C380.17 274.32 373.96 251.58 367.56 236.68L364.31 229.13L357.37 233.54C343.425 242.408 326.622 245.624 310.388 242.532C294.154 239.44 279.709 230.273 270 216.9L267.22 213.07L262.64 214.21C255.157 216.073 247.293 215.708 240.015 213.16C232.736 210.612 226.361 205.992 221.674 199.869C216.986 193.746 214.19 186.387 213.63 178.696C213.07 171.005 214.769 163.318 218.52 156.58L220.85 152.36L217.74 148.68C211.579 141.391 207.424 132.621 205.685 123.235C203.947 113.85 204.685 104.174 207.826 95.161C210.968 86.148 216.405 78.1096 223.6 71.8386C230.796 65.5676 239.502 61.2805 248.86 59.4003L254.42 58.2803L254.48 52.6203C254.531 45.846 256.605 39.2414 260.436 33.6537C264.266 28.066 269.678 23.75 275.978 21.2592C282.278 18.7684 289.179 18.2165 295.795 19.6741C302.411 21.1318 308.44 24.5325 313.11 29.4403L317.35 33.8803L322.35 30.2603C332.573 22.7615 344.568 18.0453 357.161 16.5734C369.753 15.1014 382.512 16.924 394.189 21.8629C405.866 26.8018 416.061 34.6877 423.775 44.7489C431.49 54.81 436.46 66.7018 438.2 79.2603L438.77 83.2603L442.56 84.7603C448.102 86.9542 453.075 90.3747 457.106 94.7654C461.138 99.156 464.122 104.403 465.836 110.111C467.55 115.82 467.948 121.843 467.001 127.728C466.055 133.613 463.788 139.207 460.37 144.09L458.31 147.04L459.52 150.44C463.459 161.532 463.1 173.697 458.513 184.537C453.926 195.377 445.444 204.105 434.74 209L429.87 211.24L430.76 216.52C433.76 234.65 428.33 254.45 415.76 270.85C405.381 284.448 390.967 294.413 374.58 299.32C374.494 299.336 374.407 299.34 374.32 299.33ZM364.77 226.68C364.866 226.666 364.964 226.666 365.06 226.68C365.198 226.723 365.324 226.796 365.431 226.892C365.538 226.989 365.623 227.108 365.68 227.24L369.39 235.86C375.77 250.69 381.94 273.15 375.76 296.79C391.038 291.822 404.442 282.321 414.19 269.55C426.41 253.55 431.73 234.35 428.79 216.77L427.79 210.77C427.752 210.554 427.786 210.331 427.887 210.135C427.988 209.94 428.151 209.784 428.35 209.69L433.91 207.14C444.139 202.451 452.243 194.103 456.628 183.74C461.012 173.376 461.359 161.747 457.6 151.14L456.22 147.26C456.167 147.109 456.152 146.948 456.174 146.789C456.197 146.631 456.257 146.481 456.35 146.35L458.7 142.97C461.946 138.335 464.099 133.026 464.999 127.439C465.899 121.853 465.522 116.135 463.896 110.716C462.269 105.296 459.436 100.315 455.61 96.1473C451.783 91.9793 447.061 88.7324 441.8 86.6503L437.46 84.9303C437.296 84.865 437.153 84.7575 437.044 84.6188C436.935 84.48 436.865 84.3149 436.84 84.1403L436.19 79.5303C434.504 67.3096 429.673 55.7364 422.169 45.9446C414.665 36.1529 404.746 28.4786 393.384 23.6736C382.022 18.8686 369.606 17.0978 357.354 18.5347C345.101 19.9716 333.432 24.5669 323.49 31.8703L317.82 36.0003C317.625 36.1433 317.385 36.211 317.144 36.1908C316.904 36.1706 316.678 36.0638 316.51 35.8903L311.66 30.8203C308.665 27.6962 305.07 25.209 301.09 23.5079C297.11 21.8067 292.828 20.9266 288.5 20.9203C280.063 20.9199 271.967 24.2515 265.975 30.1901C259.982 36.1287 256.576 44.1937 256.5 52.6303L256.43 59.1103C256.435 59.3442 256.357 59.5724 256.211 59.7551C256.065 59.9379 255.859 60.0635 255.63 60.1103L249.28 61.3903C240.267 63.2028 231.882 67.3326 224.951 73.3725C218.02 79.4125 212.782 87.1542 209.754 95.8347C206.726 104.515 206.012 113.835 207.682 122.875C209.353 131.916 213.35 140.365 219.28 147.39L222.83 151.6C222.961 151.755 223.041 151.946 223.061 152.148C223.081 152.35 223.038 152.553 222.94 152.73L220.28 157.55C218.906 160.024 217.812 162.644 217.02 165.36C215.191 171.7 215.062 178.41 216.648 184.815C218.234 191.22 221.477 197.095 226.053 201.849C230.629 206.603 236.376 210.069 242.715 211.898C249.055 213.728 255.765 213.856 262.17 212.27L267.41 210.97C267.603 210.922 267.806 210.932 267.993 211C268.18 211.068 268.343 211.19 268.46 211.35L271.63 215.72C281.03 228.703 295.034 237.606 310.78 240.608C326.525 243.61 342.822 240.484 356.34 231.87L364.27 226.87C364.416 226.763 364.589 226.697 364.77 226.68Z" fill="#3B3F5C"/>
+<path opacity="0.6" d="M304.19 133.19L277.39 129L277.8 126.32C278.269 122.537 279.378 118.861 281.08 115.45C282.573 112.75 284.553 110.35 286.92 108.37C289.327 106.37 294.567 102.95 302.64 98.1103C306.93 95.5903 309.28 93.0503 309.64 90.4603C309.877 89.3602 309.879 88.2224 309.647 87.1213C309.414 86.0202 308.952 84.9806 308.29 84.0703C306.99 82.4003 304.78 81.3203 301.68 80.8403C300.153 80.5504 298.582 80.5784 297.067 80.9225C295.551 81.2666 294.122 81.9195 292.87 82.8403C290.337 84.7137 288.337 88.3537 286.87 93.7603L260.03 86.1103C262.537 76.197 267.457 68.667 274.79 63.5203C282.123 58.3737 292.37 56.827 305.53 58.8803C315.783 60.4737 323.727 63.9003 329.36 69.1603C337.013 76.2803 340.09 84.6603 338.59 94.3003C337.918 98.3634 336.152 102.166 333.48 105.3C330.693 108.674 325.47 112.507 317.81 116.8C312.477 119.834 309.01 122.39 307.41 124.47C305.621 127.06 304.514 130.059 304.19 133.19ZM275.36 136L304.07 140.47L300.13 165.79L271.42 161.32L275.36 136Z" fill="#3B3F5C"/>
+<path opacity="0.6" d="M372.59 172.42L357.71 160.42L358.92 158.93C360.548 156.79 362.526 154.94 364.77 153.46C366.639 152.346 368.696 151.583 370.84 151.21C375.234 150.698 379.656 150.467 384.08 150.52C387.587 150.52 389.92 149.797 391.08 148.35C391.619 147.765 392.027 147.072 392.275 146.316C392.524 145.561 392.607 144.76 392.52 143.97C392.147 142.212 391.112 140.666 389.63 139.65C388.8 138.933 387.83 138.396 386.782 138.072C385.734 137.748 384.63 137.646 383.54 137.77C381.327 138.01 378.817 139.52 376.01 142.3L362.34 128.11C367.38 122.95 373.047 120.1 379.34 119.56C385.633 119.02 392.44 121.71 399.76 127.63C405.453 132.237 409.083 137.147 410.65 142.36C412.797 149.42 411.707 155.623 407.38 160.97C405.539 163.222 403.119 164.93 400.38 165.91C397.48 166.97 392.933 167.457 386.74 167.37C382.41 167.37 379.39 167.65 377.67 168.37C375.67 169.283 373.925 170.674 372.59 172.42ZM354 163.91L369.94 176.82L358.55 190.88L342.61 178L354 163.91Z" fill="#3B3F5C"/>
+<path opacity="0.6" d="M376.75 85.8L370.31 77L371.19 76.35C372.395 75.4141 373.747 74.6843 375.19 74.19C376.381 73.8469 377.626 73.7282 378.86 73.84C381.351 74.1896 383.817 74.7041 386.24 75.38C388.18 75.88 389.57 75.82 390.42 75.2C390.8 74.9547 391.124 74.6319 391.37 74.2528C391.616 73.8737 391.78 73.4467 391.85 73C391.889 71.9729 391.531 70.9702 390.85 70.2C390.495 69.6866 390.039 69.2514 389.509 68.9211C388.979 68.5909 388.387 68.3727 387.77 68.28C386.52 68.1 384.92 68.56 382.97 69.68L377.5 59.89C380.639 57.859 384.418 57.0611 388.11 57.65C391.657 58.27 395.013 60.7367 398.18 65.05C400.64 68.4233 401.927 71.6533 402.04 74.74C402.2 76.6212 401.868 78.5115 401.077 80.2259C400.287 81.9403 399.064 83.42 397.53 84.52C396.201 85.4855 394.636 86.073 393 86.22C390.379 86.2717 387.768 85.876 385.28 85.05C383.627 84.4867 381.886 84.2226 380.14 84.27C378.901 84.4914 377.736 85.0171 376.75 85.8ZM367.75 78.42L374.65 87.84L366.34 93.92L359.44 84.51L367.75 78.42Z" fill="#3B3F5C"/>
+<path opacity="0.2" d="M128.34 210.57C119.887 210.555 111.595 208.258 104.34 203.92C94.19 197.92 87.02 188.5 84.58 178.13C77.5035 177.637 70.8518 174.573 65.8784 169.514C60.905 164.456 57.9534 157.754 57.58 150.67C55.4497 149.192 53.5664 147.386 52 145.32C48.1951 140.472 46.3152 134.389 46.7213 128.239C47.1273 122.089 49.7907 116.306 54.2 112C52.5268 104.89 52.703 97.469 54.7119 90.4459C56.7207 83.4229 60.4952 77.0316 65.6754 71.8815C70.8556 66.7314 77.2688 62.9942 84.3034 61.0263C91.338 59.0584 98.7594 58.9254 105.86 60.64C107.409 57.1016 109.852 54.0273 112.95 51.7191C116.047 49.4109 119.691 47.9484 123.525 47.4753C127.358 47.0021 131.249 47.5347 134.814 49.0205C138.38 50.5064 141.497 52.8944 143.86 55.95C144.957 57.3683 145.88 58.9125 146.61 60.55C152.201 59.6312 157.934 60.1604 163.263 62.0871C168.591 64.0138 173.337 67.2737 177.048 71.5558C180.758 75.838 183.31 80.9995 184.458 86.5479C185.607 92.0963 185.315 97.8465 183.61 103.25C187.271 106.368 189.961 110.471 191.363 115.071C192.764 119.672 192.818 124.577 191.517 129.207C190.216 133.837 187.616 137.997 184.024 141.195C180.432 144.393 175.999 146.494 171.25 147.25C169.108 155.356 164.348 162.527 157.71 167.65C153.532 170.893 148.731 173.24 143.605 174.545C138.479 175.849 133.14 176.082 127.92 175.23C127.82 184.94 130.07 198.11 140.92 207.53C141.025 207.624 141.103 207.743 141.147 207.876C141.191 208.01 141.199 208.152 141.17 208.29C141.14 208.428 141.073 208.555 140.976 208.657C140.879 208.759 140.756 208.833 140.62 208.87C136.627 210.012 132.493 210.584 128.34 210.57ZM95.73 61C89.4894 61.019 83.3345 62.4548 77.7296 65.1991C72.1247 67.9434 67.216 71.9246 63.3739 76.8423C59.5318 81.7601 56.8564 87.486 55.5496 93.5883C54.2428 99.6907 54.3387 106.01 55.83 112.07C55.8643 112.206 55.8611 112.348 55.8205 112.482C55.78 112.616 55.7038 112.736 55.6 112.83C51.3298 116.837 48.7143 122.298 48.2683 128.137C47.8222 133.976 49.578 139.771 53.19 144.38C54.7784 146.421 56.6904 148.187 58.85 149.61C58.9547 149.678 59.0418 149.769 59.1044 149.877C59.167 149.985 59.2032 150.106 59.21 150.23C59.4811 157.089 62.3087 163.599 67.1367 168.479C71.9648 173.359 78.444 176.256 85.3 176.6C85.4716 176.61 85.6351 176.676 85.7653 176.788C85.8955 176.9 85.985 177.052 86.02 177.22C88.23 187.39 95.22 196.63 105.18 202.57C115.272 208.656 127.361 210.504 138.81 207.71C128.08 197.71 126.08 184.05 126.34 174.25C126.344 174.136 126.372 174.025 126.423 173.923C126.474 173.822 126.545 173.732 126.633 173.66C126.721 173.588 126.824 173.536 126.933 173.506C127.043 173.477 127.158 173.471 127.27 173.49C136.489 175.233 146.025 173.394 153.934 168.347C161.843 163.3 167.528 155.425 169.83 146.33C169.865 146.177 169.947 146.039 170.063 145.933C170.179 145.828 170.324 145.76 170.48 145.74C175.029 145.111 179.295 143.169 182.756 140.15C186.216 137.132 188.721 133.169 189.962 128.748C191.203 124.327 191.127 119.64 189.743 115.262C188.359 110.883 185.727 107.004 182.17 104.1C182.047 104 181.957 103.866 181.913 103.714C181.868 103.562 181.871 103.4 181.92 103.25C183.66 98.0387 184.01 92.4639 182.937 87.0758C181.864 81.6877 179.404 76.6726 175.8 72.5257C172.197 68.3788 167.574 65.2434 162.388 63.4291C157.202 61.6147 151.633 61.1842 146.23 62.18C146.053 62.2142 145.87 62.1861 145.711 62.1004C145.552 62.0148 145.428 61.8768 145.36 61.71C143.794 57.9101 141.131 54.6629 137.712 52.3824C134.292 50.1019 130.271 48.8914 126.161 48.9054C122.051 48.9193 118.039 50.1571 114.635 52.4607C111.231 54.7644 108.591 58.0296 107.05 61.84C106.977 62.0144 106.844 62.1573 106.676 62.2434C106.508 62.3294 106.314 62.353 106.13 62.31C102.732 61.4379 99.238 60.9978 95.73 61Z" fill="#506690"/>
+<path d="M100.59 127.001L86.78 130.251L86.46 128.871C85.9372 126.944 85.7512 124.941 85.91 122.951C86.0996 121.352 86.5845 119.802 87.34 118.381C89.0309 115.573 90.9015 112.877 92.94 110.311C94.53 108.241 95.17 106.551 94.85 105.221C94.7518 104.64 94.5306 104.087 94.2012 103.599C93.8717 103.111 93.4417 102.699 92.94 102.391C91.743 101.808 90.3668 101.711 89.1 102.121C88.3033 102.282 87.5483 102.606 86.8824 103.072C86.2166 103.538 85.654 104.137 85.23 104.831C84.37 106.241 84.12 108.391 84.47 111.301L70 112.841C69.1545 108.057 70.1015 103.13 72.66 99.0007C75.2 95.0607 79.8667 92.2941 86.66 90.7007C91.94 89.4541 96.4634 89.5507 100.23 90.9907C105.337 92.9307 108.477 96.3874 109.65 101.361C110.138 103.468 110.034 105.669 109.35 107.721C108.683 109.901 106.907 112.787 104.02 116.381C102.02 118.901 100.843 120.821 100.49 122.141C100.116 123.744 100.15 125.415 100.59 127.001ZM87.17 134.001L101.97 130.521L105 143.561L90.25 147.001L87.17 134.001Z" fill="#506690"/>
+<path d="M135.75 97.7906L126.17 94.8706L126.46 93.8706C126.827 92.5103 127.422 91.222 128.22 90.0606C128.903 89.151 129.751 88.3777 130.72 87.7806C132.748 86.6812 134.846 85.7158 137 84.8906C138.7 84.224 139.7 83.414 140 82.4606C140.147 82.0708 140.208 81.654 140.181 81.2383C140.153 80.8226 140.037 80.4177 139.84 80.0506C139.313 79.2719 138.508 78.7245 137.59 78.5206C137.046 78.3393 136.471 78.2715 135.9 78.3214C135.329 78.3712 134.774 78.5378 134.27 78.8106C132.971 79.7014 132.001 80.9945 131.51 82.4906L122.09 78.3006C123.28 75.0816 125.616 72.4147 128.65 70.8106C131.597 69.2973 135.423 69.2606 140.13 70.7006C143.301 71.4986 146.154 73.2425 148.31 75.7006C149.469 76.9897 150.27 78.5593 150.635 80.2539C151 81.9484 150.916 83.7089 150.39 85.3606C149.938 86.8202 149.094 88.1276 147.95 89.1406C146.045 90.6207 143.906 91.7701 141.62 92.5406C140.099 93.0441 138.678 93.8089 137.42 94.8006C136.624 95.6437 136.05 96.6711 135.75 97.7906ZM125.07 97.3206L135.33 100.441L132.58 109.501L122.31 106.381L125.07 97.3206Z" fill="#506690"/>
+<path d="M250 414.56C357.082 414.56 443.89 409.492 443.89 403.24C443.89 396.988 357.082 391.92 250 391.92C142.917 391.92 56.11 396.988 56.11 403.24C56.11 409.492 142.917 414.56 250 414.56Z" fill="#506690"/>
+<path d="M157.61 234.44L156.69 234.05C157.413 232.463 157.901 230.779 158.14 229.05L159.14 229.16C158.889 230.986 158.374 232.764 157.61 234.44ZM157.22 223C156.29 220.922 154.843 219.117 153.017 217.757C151.191 216.397 149.047 215.527 146.79 215.23L146.95 214.23C149.371 214.552 151.67 215.489 153.627 216.95C155.584 218.412 157.134 220.35 158.13 222.58L157.22 223Z" fill="#4361EE"/>
+<path d="M152 244.5L142.14 249L141.7 248C141.026 246.641 140.589 245.177 140.41 243.67C140.315 242.443 140.447 241.209 140.8 240.03C141.654 237.682 142.656 235.391 143.8 233.17C144.68 231.39 144.903 230.027 144.47 229.08C144.309 228.661 144.061 228.281 143.742 227.966C143.423 227.65 143.041 227.406 142.62 227.25C141.638 227.001 140.598 227.133 139.71 227.62C139.139 227.863 138.624 228.22 138.196 228.668C137.768 229.117 137.436 229.649 137.22 230.23C136.787 231.397 136.92 233.043 137.62 235.17L127 238.49C125.672 235.03 125.672 231.2 127 227.74C128.333 224.407 131.407 221.65 136.22 219.47C139.98 217.75 143.38 217.16 146.41 217.67C148.267 217.894 150.033 218.598 151.535 219.711C153.038 220.824 154.225 222.309 154.98 224.02C155.655 225.524 155.904 227.184 155.7 228.82C155.217 231.375 154.304 233.83 153 236.08C152.123 237.571 151.52 239.207 151.22 240.91C151.178 242.153 151.446 243.387 152 244.5ZM143 251.74L153.54 247L157.77 256.29L147.23 261L143 251.74Z" fill="#4361EE"/>
+<path d="M127.64 266.731L122.64 273.53L122 273C121.025 272.324 120.17 271.489 119.47 270.53C118.939 269.731 118.562 268.839 118.36 267.9C118.037 265.979 117.846 264.038 117.79 262.09C117.71 260.54 117.34 259.53 116.69 259.09C116.417 258.859 116.096 258.689 115.751 258.594C115.405 258.499 115.043 258.481 114.69 258.541C113.925 258.741 113.266 259.228 112.85 259.9C112.552 260.281 112.336 260.719 112.213 261.187C112.091 261.655 112.066 262.143 112.14 262.62C112.487 263.899 113.242 265.03 114.29 265.84L108.29 272.15C106.068 270.297 104.605 267.692 104.18 264.83C103.813 262.07 104.86 259.02 107.32 255.68C108.846 253.391 111.028 251.617 113.58 250.59C114.93 250.033 116.402 249.837 117.851 250.023C119.299 250.209 120.675 250.77 121.84 251.65C122.875 252.418 123.677 253.456 124.16 254.65C124.802 256.585 125.113 258.613 125.08 260.65C125.046 262.01 125.256 263.365 125.7 264.65C126.163 265.495 126.83 266.21 127.64 266.731ZM124.27 275.09L129.63 267.81L136.05 272.541L130.69 279.821L124.27 275.09Z" fill="#4361EE"/>
+<path d="M234.09 399.64C233.265 399.641 232.455 399.415 231.749 398.986C231.044 398.557 230.47 397.943 230.09 397.21C226.09 389.45 221.02 380.34 211.94 370.48C211.417 369.914 211.05 369.222 210.875 368.472C210.699 367.722 210.722 366.939 210.94 366.2C214.31 354.49 219.61 338.48 219.66 338.32C219.829 337.742 220.114 337.203 220.495 336.737C220.877 336.27 221.349 335.886 221.883 335.606C222.417 335.326 223.002 335.156 223.602 335.107C224.203 335.058 224.808 335.13 225.38 335.319C225.952 335.509 226.48 335.811 226.933 336.209C227.386 336.607 227.754 337.092 228.015 337.635C228.277 338.179 228.426 338.769 228.454 339.371C228.482 339.973 228.389 340.575 228.18 341.14C228.13 341.29 223.56 355.08 220.25 366.29C227.306 374.429 233.295 383.435 238.07 393.09C238.421 393.776 238.59 394.54 238.561 395.309C238.532 396.079 238.306 396.828 237.905 397.485C237.503 398.143 236.94 398.686 236.268 399.063C235.597 399.44 234.84 399.639 234.07 399.64H234.09Z" fill="#4361EE"/>
+<path d="M241.56 403.24H206.77L225.21 392.78L240.66 393.38L241.56 403.24Z" fill="#1B2E4B"/>
+<path d="M238.239 361.093C254.074 356.143 263.584 341.489 259.481 328.364C255.378 315.238 239.215 308.611 223.38 313.561C207.545 318.511 198.034 333.165 202.138 346.29C206.241 359.416 222.404 366.043 238.239 361.093Z" fill="#1B2E4B"/>
+<path d="M151.65 321C150.615 320.996 149.612 320.634 148.813 319.975C148.014 319.317 147.467 318.403 147.264 317.387C147.062 316.372 147.217 315.318 147.703 314.403C148.188 313.489 148.975 312.771 149.93 312.37C150.707 312.045 151.39 311.529 151.914 310.87C152.438 310.211 152.788 309.43 152.93 308.6C153.02 307.623 153.427 306.703 154.09 305.981C154.753 305.258 155.635 304.773 156.6 304.6C157.714 304.373 158.815 304.089 159.9 303.75C165.98 301.98 173.51 299.75 197.21 306.41C220.59 293.34 220.86 268.82 220.86 267.76C220.86 266.571 221.33 265.431 222.167 264.588C223.005 263.745 224.142 263.268 225.33 263.26C226.514 263.26 227.65 263.727 228.491 264.561C229.332 265.394 229.809 266.526 229.82 267.71C229.82 269.02 229.68 299.8 199.82 315.21C198.802 315.738 197.62 315.852 196.52 315.53C173.92 309.01 167.52 310.87 162.45 312.36L161.07 312.76C160.403 314.527 159.381 316.139 158.067 317.496C156.753 318.853 155.175 319.926 153.43 320.65C152.866 320.886 152.261 321.005 151.65 321Z" fill="#1B2E4B"/>
+<path d="M204.08 288.89C195.57 255.07 172.9 167.83 245.55 162.5C310.73 157.71 328.61 244.5 332.96 274.5C335.138 289.68 336.32 304.986 336.5 320.32C336.583 328.077 333.955 335.619 329.069 341.644C324.183 347.669 317.347 351.799 309.74 353.32C274.23 360.54 240.63 361.56 217.99 352.63C215.016 351.43 212.511 349.301 210.847 346.559C209.184 343.818 208.451 340.612 208.76 337.42C209.63 327.74 209.65 311 204.08 288.89Z" fill="#4361EE"/>
+<path opacity="0.1" d="M333 274.52C328.9 246.2 312.78 167.52 256.34 162.52C253.12 162.194 249.876 162.828 247.017 164.342C244.157 165.857 241.809 168.184 240.27 171.03C237.75 175.91 237.83 181.82 241.6 187.67C254 207 283.67 273.67 279.19 310C277.19 326.53 266.78 339.73 275.8 358.31C287.202 357.312 298.535 355.642 309.74 353.31C317.347 351.789 324.183 347.659 329.069 341.634C333.955 335.609 336.583 328.067 336.5 320.31C336.332 304.987 335.163 289.691 333 274.52Z" fill="black"/>
+<path d="M323.24 320.79C323.122 320.79 323.009 320.744 322.925 320.661C322.841 320.579 322.793 320.467 322.79 320.35C322.62 305.035 321.441 289.749 319.26 274.59C308.46 199.93 279.39 162.18 235.16 165.44C235.101 165.444 235.041 165.436 234.985 165.417C234.929 165.398 234.877 165.368 234.833 165.329C234.788 165.29 234.752 165.243 234.725 165.19C234.699 165.137 234.684 165.079 234.68 165.02C234.674 164.901 234.715 164.785 234.793 164.695C234.872 164.606 234.981 164.55 235.1 164.54C279.85 161.24 309.27 199.26 320.1 274.46C322.279 289.66 323.462 304.986 323.64 320.34C323.64 320.459 323.593 320.574 323.508 320.658C323.424 320.742 323.309 320.79 323.19 320.79H323.24Z" fill="#1B2E4B"/>
+<path d="M322.561 363.475C338.396 358.524 347.906 343.871 343.803 330.746C339.7 317.62 323.537 310.993 307.702 315.943C291.867 320.893 282.357 335.547 286.46 348.672C290.563 361.798 306.726 368.425 322.561 363.475Z" fill="#1B2E4B"/>
+<path d="M325.3 399.641C324.474 399.643 323.664 399.417 322.958 398.988C322.253 398.559 321.679 397.944 321.3 397.211C317.3 389.451 312.23 380.341 303.14 370.481C302.621 369.912 302.257 369.22 302.082 368.471C301.907 367.722 301.927 366.94 302.14 366.201C305.52 354.491 310.81 338.481 310.87 338.321C311.055 337.762 311.349 337.245 311.733 336.8C312.118 336.354 312.587 335.989 313.113 335.725C313.639 335.461 314.212 335.303 314.799 335.26C315.386 335.217 315.976 335.29 316.535 335.476C317.094 335.661 317.611 335.954 318.056 336.339C318.501 336.724 318.867 337.193 319.131 337.719C319.395 338.245 319.553 338.818 319.596 339.405C319.638 339.992 319.565 340.582 319.38 341.141C319.33 341.291 314.77 355.081 311.46 366.291C318.517 374.427 324.502 383.433 329.27 393.091C329.621 393.776 329.79 394.54 329.761 395.31C329.732 396.079 329.506 396.829 329.105 397.486C328.703 398.143 328.14 398.686 327.468 399.064C326.797 399.441 326.04 399.64 325.27 399.641H325.3Z" fill="#4361EE"/>
+<path d="M315.88 262.911C314.877 262.911 313.903 262.576 313.112 261.958C312.322 261.34 311.761 260.476 311.52 259.502C311.278 258.529 311.369 257.502 311.779 256.587C312.189 255.671 312.893 254.919 313.78 254.451C314.64 253.991 334.17 243.321 339.65 217.681C326.65 212.241 303.23 199.951 298.11 193.771C297.606 193.173 297.262 192.457 297.11 191.691C296.519 187.998 296.862 184.216 298.11 180.691L295.75 176.131C295.204 175.07 295.101 173.835 295.465 172.699C295.829 171.562 296.629 170.617 297.69 170.071C298.751 169.524 299.985 169.422 301.122 169.786C302.258 170.149 303.204 170.95 303.75 172.011L307.14 178.571C307.505 179.257 307.684 180.027 307.659 180.804C307.635 181.581 307.407 182.338 307 183.001C306.085 184.828 305.697 186.875 305.88 188.911C311.65 194.121 334.88 206.451 346.31 210.681C347.279 211.04 348.094 211.723 348.617 212.614C349.14 213.505 349.339 214.55 349.18 215.571C344.11 248.341 319.04 261.841 317.98 262.401C317.332 262.739 316.611 262.914 315.88 262.911Z" fill="#1B2E4B"/>
+<path d="M301.57 193.15C301.167 193.148 300.771 193.038 300.425 192.83C300.079 192.623 299.794 192.327 299.602 191.972C299.41 191.617 299.317 191.217 299.332 190.814C299.348 190.411 299.471 190.019 299.69 189.68C299.85 189.44 303.55 183.85 309.19 182.34C309.474 182.264 309.771 182.244 310.063 182.283C310.354 182.321 310.636 182.417 310.891 182.564C311.146 182.711 311.369 182.907 311.548 183.141C311.727 183.374 311.859 183.641 311.935 183.925C312.011 184.209 312.031 184.506 311.992 184.798C311.954 185.089 311.858 185.371 311.711 185.626C311.564 185.881 311.368 186.104 311.134 186.283C310.901 186.462 310.634 186.594 310.35 186.67C306.42 187.73 303.47 192.09 303.45 192.13C303.247 192.443 302.968 192.701 302.64 192.879C302.311 193.057 301.944 193.15 301.57 193.15Z" fill="#1B2E4B"/>
+<path d="M332.77 403.24H297.98L316.42 392.78L331.87 393.38L332.77 403.24Z" fill="#1B2E4B"/>
+<path d="M259.917 269.253C273.077 268.088 282.894 257.542 281.845 245.697C280.797 233.853 269.279 225.196 256.12 226.361C242.96 227.526 233.143 238.072 234.192 249.917C235.241 261.761 246.758 270.418 259.917 269.253Z" fill="#3B3F5C"/>
+<path d="M255.448 261.446C258.938 260.452 260.3 254.496 258.49 248.144C256.68 241.791 252.384 237.447 248.895 238.441C245.405 239.435 244.043 245.391 245.853 251.744C247.662 258.096 251.958 262.44 255.448 261.446Z" fill="#1B2E4B"/>
+<path d="M230.8 251.86C245.9 249.92 275.8 241.39 280.73 237.95C276.85 226.59 258.73 216.87 242.61 222.35C228 227.28 230.8 251.86 230.8 251.86Z" fill="#1B2E4B"/>
+<path d="M233.73 259.16C252.48 255.6 276.85 249.62 283.82 245.79C283.39 258.01 279.82 270.4 260.7 274.59C245.06 278 233.73 259.16 233.73 259.16Z" fill="#1B2E4B"/>
+<path d="M218.285 270.907C225.065 266.421 225.959 255.828 220.282 247.247C214.604 238.667 204.505 235.347 197.725 239.833C190.946 244.319 190.052 254.911 195.729 263.492C201.407 272.073 211.505 275.393 218.285 270.907Z" fill="#3B3F5C"/>
+<path d="M208.34 255.68C209.47 261.04 208.49 265.51 206.14 265.68C203.79 265.85 200.97 261.62 199.83 256.26C198.69 250.9 199.68 246.44 202.02 246.26C204.36 246.08 207.2 250.32 208.34 255.68Z" fill="#1B2E4B"/>
+<path d="M189.75 253.63C199.88 254.82 220 253.49 223.34 251.63C220.87 242 208.89 231 198 232.4C188.18 233.66 189.75 253.63 189.75 253.63Z" fill="#1B2E4B"/>
+<path d="M191.63 259.94C204.22 260.51 220.63 260.19 225.31 258.42C224.88 268.03 222.36 277.19 209.5 277.04C199 276.92 191.63 259.94 191.63 259.94Z" fill="#1B2E4B"/>
+<path d="M264.09 216.3C252.647 216.363 241.456 212.945 232 206.5C231.052 205.783 230.428 204.718 230.264 203.541C230.101 202.363 230.413 201.169 231.13 200.22C231.847 199.272 232.912 198.648 234.09 198.485C235.268 198.322 236.462 198.633 237.41 199.35C247.993 206.253 260.833 208.8 273.25 206.46C273.828 206.351 274.423 206.356 274.999 206.476C275.576 206.596 276.123 206.829 276.609 207.16C277.096 207.492 277.512 207.916 277.835 208.408C278.158 208.901 278.38 209.452 278.49 210.03C278.6 210.609 278.594 211.203 278.474 211.78C278.354 212.356 278.122 212.903 277.79 213.39C277.459 213.876 277.035 214.293 276.542 214.616C276.05 214.938 275.498 215.161 274.92 215.27C271.35 215.95 267.724 216.295 264.09 216.3Z" fill="#1B2E4B"/>
+<path d="M183.88 208.57C183.162 208.567 182.455 208.391 181.819 208.059C181.183 207.726 180.635 207.246 180.222 206.659C179.809 206.072 179.542 205.394 179.445 204.683C179.347 203.972 179.421 203.247 179.66 202.57C182.03 195.95 185.98 191.66 191.38 189.8C201.16 186.43 211.7 192.98 212.15 193.26C213.132 193.906 213.822 194.911 214.072 196.059C214.322 197.208 214.111 198.408 213.485 199.403C212.859 200.398 211.868 201.108 210.725 201.38C209.582 201.653 208.377 201.466 207.37 200.86C205.37 199.59 199 196.65 194.27 198.29C191.55 199.24 189.53 201.63 188.1 205.61C187.786 206.477 187.212 207.227 186.457 207.756C185.702 208.286 184.802 208.57 183.88 208.57Z" fill="#1B2E4B"/>
+<path d="M219.23 284.25C219.104 284.25 218.979 284.229 218.86 284.19C218.521 284.094 218.233 283.868 218.06 283.56C217.888 283.253 217.845 282.889 217.94 282.55C218.337 281.468 218.945 280.476 219.728 279.63C220.51 278.783 221.452 278.1 222.5 277.62C227.64 274.97 235.5 275.52 245.81 279.25C245.977 279.31 246.13 279.403 246.261 279.523C246.391 279.642 246.497 279.787 246.571 279.948C246.646 280.109 246.687 280.283 246.694 280.46C246.701 280.637 246.672 280.814 246.61 280.98C246.551 281.146 246.459 281.299 246.34 281.43C246.221 281.56 246.078 281.666 245.918 281.741C245.758 281.815 245.584 281.857 245.408 281.864C245.231 281.87 245.055 281.842 244.89 281.78C233.06 277.5 226.89 278.42 223.89 279.96C222.392 280.595 221.201 281.79 220.57 283.29C220.484 283.576 220.306 283.825 220.064 283.998C219.821 284.172 219.528 284.26 219.23 284.25Z" fill="#1B2E4B"/>
+<path d="M176.88 279.32C161.233 280.711 146.015 285.18 132.1 292.47C139.82 291.01 167.45 325.2 174.55 351.56C187.66 346.71 202.94 343.4 219.23 340.81C209.36 313.64 191.31 282.85 176.88 279.32Z" fill="#4361EE"/>
+<path opacity="0.6" d="M176.88 279.32C161.233 280.711 146.015 285.18 132.1 292.47C139.82 291.01 167.45 325.2 174.55 351.56C187.66 346.71 202.94 343.4 219.23 340.81C209.36 313.64 191.31 282.85 176.88 279.32Z" fill="#3B3F5C"/>
+<path d="M176.88 279.32C159.8 277.39 132.07 291.69 132.07 291.69C127.16 294.82 128.49 300.69 131.17 303.18C133.74 299.49 162.4 289.89 173.17 288.6C167.82 283.64 172.8 280 176.88 279.32Z" fill="#4361EE"/>
+<path opacity="0.2" d="M176.88 279.32C159.8 277.39 132.07 291.69 132.07 291.69C127.16 294.82 128.49 300.69 131.17 303.18C133.74 299.49 162.4 289.89 173.17 288.6C167.82 283.64 172.8 280 176.88 279.32Z" fill="#3B3F5C"/>
+<path d="M151.66 321C150.915 321.003 150.182 320.822 149.524 320.473C148.866 320.124 148.305 319.618 147.89 319C144.64 314 146.67 306.41 147.11 304.93C147.485 303.832 148.27 302.922 149.301 302.39C150.332 301.858 151.528 301.746 152.64 302.077C153.752 302.408 154.693 303.157 155.265 304.166C155.837 305.175 155.997 306.366 155.71 307.49C154.98 310 154.83 313.21 155.41 314.09C156.059 315.087 156.286 316.302 156.04 317.466C155.795 318.631 155.097 319.65 154.1 320.3C153.374 320.769 152.525 321.013 151.66 321Z" fill="#1B2E4B"/>
+<path d="M116.36 98.08L118.44 62.2H163.16V76.24H132.168L131.336 88.824C132.792 88.4773 134.248 88.2 135.704 87.992C137.16 87.7147 138.893 87.576 140.904 87.576C144.509 87.576 147.837 88.0267 150.888 88.928C154.008 89.8293 156.712 91.216 159 93.088C161.288 94.96 163.091 97.3867 164.408 100.368C165.725 103.28 166.384 106.816 166.384 110.976C166.384 114.859 165.725 118.36 164.408 121.48C163.091 124.6 161.219 127.269 158.792 129.488C156.435 131.637 153.523 133.301 150.056 134.48C146.659 135.659 142.88 136.248 138.72 136.248C132.827 136.248 127.696 135.277 123.328 133.336C118.96 131.395 115.008 128.725 111.472 125.328L121.144 113.784C123.917 116.28 126.691 118.221 129.464 119.608C132.237 120.995 135.253 121.688 138.512 121.688C142.256 121.688 145.203 120.821 147.352 119.088C149.571 117.355 150.68 114.824 150.68 111.496C150.68 108.307 149.501 105.845 147.144 104.112C144.856 102.379 141.736 101.512 137.784 101.512C135.496 101.512 133.312 101.789 131.232 102.344C129.221 102.829 127.349 103.453 125.616 104.216L116.36 98.08ZM242.812 98.496C242.812 103.835 242.014 108.792 240.42 113.368C238.894 117.944 236.71 121.931 233.868 125.328C231.025 128.725 227.593 131.395 223.572 133.336C219.62 135.277 215.217 136.248 210.364 136.248C205.51 136.248 201.073 135.312 197.052 133.44C193.1 131.499 189.702 128.829 186.86 125.432C184.086 122.035 181.937 118.083 180.412 113.576C178.886 109 178.124 104.043 178.124 98.704C178.124 93.4347 178.886 88.512 180.412 83.936C182.006 79.2907 184.225 75.2693 187.068 71.872C189.91 68.4747 193.308 65.8053 197.26 63.864C201.281 61.9227 205.718 60.952 210.572 60.952C215.425 60.952 219.828 61.9227 223.78 63.864C227.801 65.736 231.198 68.3707 233.972 71.768C236.814 75.1653 238.998 79.152 240.524 83.728C242.049 88.304 242.812 93.2267 242.812 98.496ZM226.38 98.704C226.38 95.376 225.998 92.2907 225.236 89.448C224.473 86.6053 223.398 84.144 222.012 82.064C220.625 79.984 218.926 78.3547 216.916 77.176C214.974 75.9973 212.79 75.408 210.364 75.408C207.937 75.408 205.753 75.9973 203.812 77.176C201.87 78.2853 200.206 79.88 198.82 81.96C197.433 83.9707 196.358 86.3973 195.596 89.24C194.902 92.0827 194.556 95.168 194.556 98.496C194.556 101.824 194.937 104.909 195.7 107.752C196.462 110.595 197.537 113.056 198.924 115.136C200.31 117.216 201.974 118.845 203.916 120.024C205.926 121.203 208.145 121.792 210.572 121.792C212.998 121.792 215.182 121.237 217.124 120.128C219.065 118.949 220.729 117.32 222.116 115.24C223.502 113.16 224.542 110.733 225.236 107.96C225.998 105.117 226.38 102.032 226.38 98.704ZM285.293 75.928H256.693V62.2H305.885V74.264L287.477 91.84C289.973 92.256 292.399 92.9147 294.757 93.816C297.114 94.7173 299.194 96 300.997 97.664C302.799 99.2587 304.255 101.269 305.365 103.696C306.474 106.053 307.029 108.931 307.029 112.328C307.029 115.795 306.405 118.984 305.157 121.896C303.978 124.808 302.245 127.339 299.957 129.488C297.738 131.637 294.999 133.301 291.741 134.48C288.482 135.659 284.842 136.248 280.821 136.248C274.234 136.248 268.618 135.104 263.973 132.816C259.397 130.459 255.549 127.408 252.429 123.664L263.453 113.16C265.949 116.003 268.549 118.187 271.253 119.712C274.026 121.168 277.285 121.896 281.029 121.896C284.079 121.896 286.541 121.099 288.413 119.504C290.354 117.909 291.325 115.725 291.325 112.952C291.325 109.901 290.077 107.579 287.581 105.984C285.154 104.389 281.653 103.592 277.077 103.592H270.421L267.925 93.4L285.293 75.928Z" fill="white"/>
+<path d="M116.36 98.08L114.962 97.999L114.916 98.8023L115.586 99.2469L116.36 98.08ZM118.44 62.2V60.8H117.119L117.042 62.119L118.44 62.2ZM163.16 62.2H164.56V60.8H163.16V62.2ZM163.16 76.24V77.64H164.56V76.24H163.16ZM132.168 76.24V74.84H130.858L130.771 76.1476L132.168 76.24ZM131.336 88.824L129.939 88.7316L129.814 90.6256L131.66 90.1859L131.336 88.824ZM135.704 87.992L135.902 89.3779L135.934 89.3733L135.966 89.3673L135.704 87.992ZM150.888 88.928L150.491 90.2706L150.499 90.273L150.888 88.928ZM159 93.088L158.113 94.1715L159 93.088ZM164.408 100.368L163.127 100.934L163.132 100.945L164.408 100.368ZM164.408 121.48L163.118 120.935L164.408 121.48ZM158.792 129.488L159.735 130.523L159.737 130.521L158.792 129.488ZM150.056 134.48L149.605 133.154L149.597 133.157L150.056 134.48ZM123.328 133.336L122.759 134.615L123.328 133.336ZM111.472 125.328L110.399 124.429L109.559 125.431L110.502 126.338L111.472 125.328ZM121.144 113.784L122.081 112.743L121.002 111.773L120.071 112.885L121.144 113.784ZM129.464 119.608L128.838 120.86L129.464 119.608ZM147.352 119.088L146.49 117.985L146.482 117.991L146.473 117.998L147.352 119.088ZM147.144 104.112L146.299 105.228L146.307 105.234L146.315 105.24L147.144 104.112ZM131.232 102.344L131.56 103.705L131.577 103.701L131.593 103.697L131.232 102.344ZM125.616 104.216L124.842 105.383L125.48 105.805L126.18 105.497L125.616 104.216ZM117.758 98.161L119.838 62.281L117.042 62.119L114.962 97.999L117.758 98.161ZM118.44 63.6H163.16V60.8H118.44V63.6ZM161.76 62.2V76.24H164.56V62.2H161.76ZM163.16 74.84H132.168V77.64H163.16V74.84ZM130.771 76.1476L129.939 88.7316L132.733 88.9164L133.565 76.3324L130.771 76.1476ZM131.66 90.1859C133.075 89.849 134.489 89.5798 135.902 89.3779L135.506 86.6061C134.007 86.8202 132.509 87.1056 131.012 87.4621L131.66 90.1859ZM135.966 89.3673C137.311 89.111 138.952 88.976 140.904 88.976V86.176C138.834 86.176 137.009 86.3183 135.442 86.6167L135.966 89.3673ZM140.904 88.976C144.393 88.976 147.585 89.412 150.491 90.2706L151.285 87.5854C148.089 86.6413 144.626 86.176 140.904 86.176V88.976ZM150.499 90.273C153.456 91.127 155.986 92.4308 158.113 94.1715L159.887 92.0045C157.438 90.0012 154.56 88.5317 151.277 87.583L150.499 90.273ZM158.113 94.1715C160.214 95.8905 161.89 98.1327 163.127 100.934L165.689 99.8022C164.292 96.6407 162.362 94.0295 159.887 92.0045L158.113 94.1715ZM163.132 100.945C164.347 103.63 164.984 106.958 164.984 110.976H167.784C167.784 106.674 167.104 102.93 165.684 99.791L163.132 100.945ZM164.984 110.976C164.984 114.699 164.353 118.011 163.118 120.935L165.698 122.025C167.098 118.709 167.784 115.019 167.784 110.976H164.984ZM163.118 120.935C161.877 123.875 160.121 126.376 157.847 128.455L159.737 130.521C162.317 128.162 164.304 125.325 165.698 122.025L163.118 120.935ZM157.849 128.453C155.653 130.455 152.916 132.029 149.605 133.155L150.507 135.805C154.129 134.574 157.216 132.82 159.735 130.523L157.849 128.453ZM149.597 133.157C146.368 134.277 142.748 134.848 138.72 134.848V137.648C143.012 137.648 146.949 137.04 150.515 135.803L149.597 133.157ZM138.72 134.848C132.978 134.848 128.049 133.902 123.897 132.057L122.759 134.615C127.343 136.652 132.675 137.648 138.72 137.648V134.848ZM123.897 132.057C119.681 130.183 115.864 127.606 112.442 124.318L110.502 126.338C114.152 129.844 118.239 132.606 122.759 134.615L123.897 132.057ZM112.545 126.227L122.217 114.683L120.071 112.885L110.399 124.429L112.545 126.227ZM120.207 114.825C123.056 117.388 125.932 119.407 128.838 120.86L130.09 118.356C127.449 117.035 124.779 115.172 122.081 112.743L120.207 114.825ZM128.838 120.86C131.816 122.349 135.047 123.088 138.512 123.088V120.288C135.459 120.288 132.659 119.64 130.09 118.356L128.838 120.86ZM138.512 123.088C142.462 123.088 145.757 122.173 148.231 120.178L146.473 117.998C144.649 119.47 142.05 120.288 138.512 120.288V123.088ZM148.214 120.191C150.836 118.143 152.08 115.167 152.08 111.496H149.28C149.28 114.481 148.305 116.567 146.49 117.985L148.214 120.191ZM152.08 111.496C152.08 107.908 150.725 105.008 147.973 102.984L146.315 105.24C148.277 106.683 149.28 108.705 149.28 111.496H152.08ZM147.989 102.996C145.381 101.02 141.928 100.112 137.784 100.112V102.912C141.544 102.912 144.331 103.737 146.299 105.228L147.989 102.996ZM137.784 100.112C135.382 100.112 133.076 100.403 130.871 100.991L131.593 103.697C133.548 103.175 135.61 102.912 137.784 102.912V100.112ZM130.904 100.983C128.82 101.486 126.868 102.136 125.052 102.935L126.18 105.497C127.831 104.771 129.623 104.173 131.56 103.705L130.904 100.983ZM126.39 103.049L117.134 96.9131L115.586 99.2469L124.842 105.383L126.39 103.049ZM240.42 113.368L239.098 112.907L239.095 112.916L239.092 112.925L240.42 113.368ZM233.868 125.328L234.942 126.226L233.868 125.328ZM223.572 133.336L222.963 132.075L222.955 132.079L223.572 133.336ZM197.052 133.44L196.435 134.697L196.448 134.703L196.461 134.709L197.052 133.44ZM186.86 125.432L185.775 126.317L185.781 126.324L185.786 126.33L186.86 125.432ZM180.412 113.576L179.084 114.019L179.086 114.025L180.412 113.576ZM180.412 83.936L179.088 83.4814L179.084 83.4933L180.412 83.936ZM187.068 71.872L185.994 70.9736V70.9736L187.068 71.872ZM197.26 63.864L196.651 62.6032L196.643 62.6074L197.26 63.864ZM223.78 63.864L223.163 65.1206L223.176 65.127L223.189 65.1332L223.78 63.864ZM233.972 71.768L232.887 72.6533L232.893 72.6599L232.898 72.6664L233.972 71.768ZM240.524 83.728L241.852 83.2853L240.524 83.728ZM225.236 89.448L226.588 89.0852L225.236 89.448ZM222.012 82.064L220.847 82.8406L220.847 82.8406L222.012 82.064ZM216.916 77.176L216.189 78.3727L216.198 78.3783L216.208 78.3838L216.916 77.176ZM203.812 77.176L204.506 78.3915L204.523 78.3823L204.538 78.3727L203.812 77.176ZM198.82 81.96L199.972 82.7548L199.979 82.7457L199.985 82.7366L198.82 81.96ZM195.596 89.24L194.244 88.8772L194.239 88.8927L194.236 88.9083L195.596 89.24ZM195.7 107.752L194.348 108.115L195.7 107.752ZM198.924 115.136L197.759 115.913L198.924 115.136ZM203.916 120.024L203.189 121.221L203.198 121.226L203.208 121.232L203.916 120.024ZM217.124 120.128L217.818 121.344L217.835 121.334L217.85 121.325L217.124 120.128ZM222.116 115.24L223.281 116.017L222.116 115.24ZM225.236 107.96L223.884 107.597L223.881 107.609L223.878 107.62L225.236 107.96ZM241.412 98.496C241.412 103.694 240.636 108.494 239.098 112.907L241.742 113.829C243.393 109.09 244.212 103.976 244.212 98.496H241.412ZM239.092 112.925C237.617 117.35 235.515 121.178 232.794 124.43L234.942 126.226C237.906 122.683 240.172 118.538 241.748 113.811L239.092 112.925ZM232.794 124.43C230.08 127.673 226.807 130.22 222.963 132.075L224.18 134.597C228.379 132.57 231.97 129.777 234.942 126.226L232.794 124.43ZM222.955 132.079C219.214 133.917 215.025 134.848 210.364 134.848V137.648C215.409 137.648 220.026 136.638 224.189 134.593L222.955 132.079ZM210.364 134.848C205.695 134.848 201.462 133.949 197.643 132.171L196.461 134.709C200.684 136.675 205.326 137.648 210.364 137.648V134.848ZM197.669 132.183C193.894 130.329 190.652 127.782 187.934 124.534L185.786 126.33C188.753 129.877 192.306 132.669 196.435 134.697L197.669 132.183ZM187.944 124.547C185.286 121.29 183.214 117.489 181.738 113.127L179.086 114.025C180.66 118.677 182.887 122.78 185.775 126.317L187.944 124.547ZM181.74 113.133C180.267 108.714 179.524 103.908 179.524 98.704H176.724C176.724 104.177 177.506 109.286 179.084 114.019L181.74 113.133ZM179.524 98.704C179.524 93.5713 180.266 88.7994 181.74 84.3787L179.084 83.4933C177.507 88.2246 176.724 93.298 176.724 98.704H179.524ZM181.736 84.3906C183.281 79.8897 185.42 76.0228 188.142 72.7704L185.994 70.9736C183.03 74.5158 180.732 78.6917 179.088 83.4814L181.736 84.3906ZM188.142 72.7704C190.86 69.5221 194.102 66.9752 197.877 65.1206L196.643 62.6074C192.514 64.6355 188.961 67.4272 185.994 70.9736L188.142 72.7704ZM197.868 65.1248C201.684 63.2828 205.911 62.352 210.572 62.352V59.552C205.526 59.552 200.878 60.5625 196.651 62.6032L197.868 65.1248ZM210.572 62.352C215.233 62.352 219.422 63.2829 223.163 65.1206L224.397 62.6074C220.234 60.5624 215.617 59.552 210.572 59.552V62.352ZM223.189 65.1332C227.021 66.9172 230.249 69.4215 232.887 72.6533L235.056 70.8827C232.148 67.3199 228.581 64.5548 224.371 62.5948L223.189 65.1332ZM232.898 72.6664C235.618 75.9176 237.721 79.7464 239.196 84.1707L241.852 83.2853C240.276 78.5576 238.01 74.413 235.046 70.8696L232.898 72.6664ZM239.196 84.1707C240.669 88.5914 241.412 93.3633 241.412 98.496H244.212C244.212 93.09 243.429 88.0166 241.852 83.2853L239.196 84.1707ZM227.78 98.704C227.78 95.2692 227.386 92.0605 226.588 89.0852L223.884 89.8108C224.611 92.5209 224.98 95.4828 224.98 98.704H227.78ZM226.588 89.0852C225.793 86.1208 224.661 83.5145 223.177 81.2874L220.847 82.8406C222.136 84.7735 223.154 87.0899 223.884 89.8108L226.588 89.0852ZM223.177 81.2874C221.681 79.044 219.831 77.2618 217.624 75.9682L216.208 78.3838C218.022 79.4475 219.569 80.924 220.847 82.8406L223.177 81.2874ZM217.642 75.9793C215.467 74.6585 213.028 74.008 210.364 74.008V76.808C212.553 76.808 214.482 77.3362 216.189 78.3727L217.642 75.9793ZM210.364 74.008C207.699 74.008 205.261 74.6585 203.085 75.9793L204.538 78.3727C206.246 77.3362 208.175 76.808 210.364 76.808V74.008ZM203.117 75.9605C200.966 77.1898 199.148 78.9442 197.655 81.1834L199.985 82.7366C201.265 80.8158 202.775 79.3809 204.506 78.3915L203.117 75.9605ZM197.667 81.1652C196.173 83.3312 195.039 85.9109 194.244 88.8772L196.948 89.6028C197.677 86.8838 198.693 84.6101 199.972 82.7548L197.667 81.1652ZM194.236 88.9083C193.513 91.8732 193.156 95.0712 193.156 98.496H195.956C195.956 95.2648 196.292 92.2922 196.956 89.5717L194.236 88.9083ZM193.156 98.496C193.156 101.931 193.549 105.14 194.348 108.115L197.052 107.389C196.325 104.679 195.956 101.717 195.956 98.496H193.156ZM194.348 108.115C195.143 111.079 196.274 113.686 197.759 115.913L200.089 114.359C198.8 112.426 197.782 110.11 197.052 107.389L194.348 108.115ZM197.759 115.913C199.248 118.146 201.056 119.925 203.189 121.221L204.642 118.827C202.893 117.765 201.373 116.286 200.089 114.359L197.759 115.913ZM203.208 121.232C205.442 122.542 207.907 123.192 210.572 123.192V120.392C208.383 120.392 206.411 119.864 204.624 118.816L203.208 121.232ZM210.572 123.192C213.221 123.192 215.648 122.584 217.818 121.344L216.429 118.912C214.717 119.891 212.776 120.392 210.572 120.392V123.192ZM217.85 121.325C219.984 120.029 221.792 118.25 223.281 116.017L220.951 114.463C219.666 116.39 218.147 117.869 216.397 118.931L217.85 121.325ZM223.281 116.017C224.768 113.785 225.867 111.207 226.594 108.3L223.878 107.62C223.218 110.26 222.237 112.535 220.951 114.463L223.281 116.017ZM226.588 108.323C227.386 105.348 227.78 102.139 227.78 98.704H224.98C224.98 101.925 224.611 104.887 223.884 107.597L226.588 108.323ZM285.293 75.928L286.285 76.915L288.658 74.528H285.293V75.928ZM256.693 75.928H255.293V77.328H256.693V75.928ZM256.693 62.2V60.8H255.293V62.2H256.693ZM305.885 62.2H307.285V60.8H305.885V62.2ZM305.885 74.264L306.851 75.2766L307.285 74.8629V74.264H305.885ZM287.477 91.84L286.51 90.8274L284.485 92.7607L287.246 93.2209L287.477 91.84ZM294.757 93.816L295.257 92.5083L294.757 93.816ZM300.997 97.664L300.047 98.6927L300.058 98.7028L300.069 98.7126L300.997 97.664ZM305.365 103.696L304.091 104.278L304.095 104.285L304.098 104.292L305.365 103.696ZM305.157 121.896L303.87 121.345L303.864 121.358L303.859 121.371L305.157 121.896ZM299.957 129.488L298.998 128.468L298.99 128.475L298.982 128.482L299.957 129.488ZM291.741 134.48L291.264 133.163L291.741 134.48ZM263.973 132.816L263.331 134.061L263.343 134.066L263.354 134.072L263.973 132.816ZM252.429 123.664L251.463 122.65L250.515 123.554L251.353 124.56L252.429 123.664ZM263.453 113.16L264.505 112.236L263.542 111.141L262.487 112.146L263.453 113.16ZM271.253 119.712L270.565 120.931L270.583 120.942L270.602 120.952L271.253 119.712ZM288.413 119.504L287.524 118.422L287.514 118.43L287.505 118.438L288.413 119.504ZM287.581 105.984L286.812 107.154L286.819 107.159L286.827 107.164L287.581 105.984ZM270.421 103.592L269.061 103.925L269.322 104.992H270.421V103.592ZM267.925 93.4L266.932 92.413L266.378 92.9701L266.565 93.733L267.925 93.4ZM285.293 74.528H256.693V77.328H285.293V74.528ZM258.093 75.928V62.2H255.293V75.928H258.093ZM256.693 63.6H305.885V60.8H256.693V63.6ZM304.485 62.2V74.264H307.285V62.2H304.485ZM304.918 73.2514L286.51 90.8274L288.443 92.8526L306.851 75.2766L304.918 73.2514ZM287.246 93.2209C289.65 93.6216 291.987 94.2558 294.257 95.1237L295.257 92.5083C292.812 91.5735 290.295 90.8904 287.707 90.459L287.246 93.2209ZM294.257 95.1237C296.453 95.9633 298.379 97.1529 300.047 98.6927L301.946 96.6353C300.009 94.8471 297.775 93.4714 295.257 92.5083L294.257 95.1237ZM300.069 98.7126C301.71 100.164 303.054 102.01 304.091 104.278L306.638 103.114C305.456 100.529 303.889 98.3532 301.924 96.6154L300.069 98.7126ZM304.098 104.292C305.097 106.415 305.629 109.077 305.629 112.328H308.429C308.429 108.785 307.851 105.691 306.631 103.1L304.098 104.292ZM305.629 112.328C305.629 115.623 305.036 118.623 303.87 121.345L306.443 122.447C307.773 119.345 308.429 115.966 308.429 112.328H305.629ZM303.859 121.371C302.756 124.095 301.138 126.457 298.998 128.468L300.915 130.508C303.351 128.22 305.2 125.521 306.454 122.421L303.859 121.371ZM298.982 128.482C296.922 130.478 294.36 132.044 291.264 133.163L292.217 135.797C295.639 134.559 298.553 132.796 300.931 130.494L298.982 128.482ZM291.264 133.163C288.181 134.279 284.705 134.848 280.821 134.848V137.648C284.979 137.648 288.783 137.038 292.217 135.797L291.264 133.163ZM280.821 134.848C274.392 134.848 268.999 133.731 264.591 131.56L263.354 134.072C268.237 136.477 274.076 137.648 280.821 137.648V134.848ZM264.614 131.571C260.195 129.295 256.497 126.36 253.504 122.768L251.353 124.56C254.6 128.456 258.598 131.622 263.331 134.061L264.614 131.571ZM253.394 124.678L264.418 114.174L262.487 112.146L251.463 122.65L253.394 124.678ZM262.401 114.084C264.979 117.02 267.697 119.314 270.565 120.931L271.94 118.493C269.4 117.059 266.919 114.986 264.505 112.236L262.401 114.084ZM270.602 120.952C273.612 122.532 277.102 123.296 281.029 123.296V120.496C277.467 120.496 274.44 119.804 271.903 118.472L270.602 120.952ZM281.029 123.296C284.329 123.296 287.139 122.428 289.32 120.57L287.505 118.438C285.943 119.769 283.829 120.496 281.029 120.496V123.296ZM289.301 120.586C291.603 118.695 292.725 116.095 292.725 112.952H289.925C289.925 115.356 289.105 117.123 287.524 118.422L289.301 120.586ZM292.725 112.952C292.725 109.441 291.247 106.665 288.334 104.804L286.827 107.164C288.906 108.492 289.925 110.362 289.925 112.952H292.725ZM288.349 104.814C285.598 103.006 281.781 102.192 277.077 102.192V104.992C281.524 104.992 284.71 105.773 286.812 107.154L288.349 104.814ZM277.077 102.192H270.421V104.992H277.077V102.192ZM271.78 103.259L269.284 93.067L266.565 93.733L269.061 103.925L271.78 103.259ZM268.917 94.387L286.285 76.915L284.3 74.941L266.932 92.413L268.917 94.387Z" fill="white"/>
+</svg>
diff --git a/public/assets/images/error/503-light.svg b/public/assets/images/error/503-light.svg
new file mode 100644
index 0000000000000000000000000000000000000000..10a348c357295408b94fcdea953bb00ad8e11e3f
--- /dev/null
+++ b/public/assets/images/error/503-light.svg
@@ -0,0 +1,54 @@
+<svg width="500" height="424" viewBox="0 0 500 424" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M500 369.4H0V369.65H500V369.4Z" fill="#EBEBEB"/>
+<path d="M449.9 385.49H416.78V385.74H449.9V385.49Z" fill="#EBEBEB"/>
+<path d="M273.22 382.36H260.33V382.61H273.22V382.36Z" fill="#EBEBEB"/>
+<path d="M349.67 383.42H322.53V383.67H349.67V383.42Z" fill="#EBEBEB"/>
+<path d="M415.78 376.21H359.67V376.46H415.78V376.21Z" fill="#EBEBEB"/>
+<path d="M78.99 387.78H52.46V388.03H78.99V387.78Z" fill="#EBEBEB"/>
+<path d="M110.89 387.78H87.89V388.03H110.89V387.78Z" fill="#EBEBEB"/>
+<path d="M191.81 382.24H131V382.49H191.81V382.24Z" fill="#EBEBEB"/>
+<path d="M237 324.8H43.91C42.3974 324.798 40.9476 324.195 39.8789 323.125C38.8102 322.054 38.21 320.603 38.21 319.09V47.6605C38.2232 46.1565 38.8292 44.7185 39.8965 43.6587C40.9637 42.5989 42.406 42.0031 43.91 42.0005H237C238.514 42.0005 239.967 42.6021 241.038 43.6729C242.108 44.7437 242.71 46.1961 242.71 47.7105V319.09C242.71 320.605 242.108 322.057 241.038 323.128C239.967 324.199 238.514 324.8 237 324.8ZM43.91 42.2005C42.4637 42.2031 41.0775 42.7796 40.0557 43.8032C39.0339 44.8269 38.46 46.2141 38.46 47.6605V319.09C38.46 320.537 39.0339 321.924 40.0557 322.948C41.0775 323.971 42.4637 324.548 43.91 324.55H237C238.447 324.548 239.835 323.972 240.858 322.948C241.881 321.925 242.457 320.538 242.46 319.09V47.6605C242.457 46.2132 241.881 44.826 240.858 43.8026C239.835 42.7792 238.447 42.2031 237 42.2005H43.91Z" fill="#EBEBEB"/>
+<path d="M453.31 324.8H260.21C258.696 324.798 257.246 324.195 256.175 323.125C255.105 322.055 254.503 320.604 254.5 319.09V47.6605C254.516 46.1556 255.124 44.7176 256.193 43.6581C257.262 42.5986 258.705 42.003 260.21 42.0005H453.31C454.812 42.0057 456.252 42.6027 457.317 43.6622C458.382 44.7217 458.987 46.1582 459 47.6605V319.09C459 320.601 458.401 322.051 457.335 323.121C456.268 324.191 454.821 324.795 453.31 324.8ZM260.21 42.2005C258.763 42.2031 257.375 42.7792 256.352 43.8026C255.329 44.826 254.753 46.2132 254.75 47.6605V319.09C254.753 320.538 255.329 321.925 256.352 322.948C257.375 323.972 258.763 324.548 260.21 324.55H453.31C454.757 324.548 456.145 323.972 457.168 322.948C458.191 321.925 458.767 320.538 458.77 319.09V47.6605C458.767 46.2132 458.191 44.826 457.168 43.8026C456.145 42.7792 454.757 42.2031 453.31 42.2005H260.21Z" fill="#EBEBEB"/>
+<path d="M467.06 181.17C470.194 170.337 469.844 158.793 466.06 148.17C470.079 142.418 472.743 135.83 473.853 128.901C474.963 121.972 474.49 114.882 472.47 108.161C470.449 101.441 466.934 95.2657 462.187 90.0976C457.44 84.9296 451.585 80.9031 445.06 78.3203C443.152 64.5662 437.707 51.5427 429.259 40.5231C420.81 29.5036 409.646 20.8651 396.858 15.4525C384.071 10.0398 370.098 8.03824 356.305 9.64344C342.513 11.2486 329.373 16.4057 318.17 24.6103C312.539 18.6972 305.271 14.6001 297.297 12.8439C289.323 11.0877 281.006 11.7523 273.413 14.7527C265.819 17.7531 259.294 22.9525 254.673 29.6848C250.053 36.417 247.548 44.3754 247.48 52.5403C236.929 54.6568 227.111 59.4872 218.996 66.555C210.88 73.6228 204.748 82.684 201.202 92.8448C197.657 103.006 196.821 113.915 198.778 124.497C200.734 135.08 205.416 144.969 212.36 153.19C208.963 159.315 206.991 166.127 206.59 173.119C206.189 180.111 207.37 187.103 210.044 193.576C212.719 200.049 216.818 205.836 222.037 210.506C227.256 215.176 233.461 218.609 240.19 220.55C248.046 222.826 256.363 222.985 264.3 221.01C275.056 235.833 291.061 245.996 309.052 249.426C327.042 252.856 345.664 249.296 361.12 239.47C368.65 256.96 374.83 283.2 361.52 308.93C409.87 304.19 444.78 257.82 437.66 215.33C444.732 212.09 451.02 207.36 456.094 201.464C461.168 195.568 464.909 188.646 467.06 181.17Z" fill="#EBEBEB"/>
+<path d="M374.32 299.33C374.188 299.331 374.058 299.306 373.936 299.256C373.814 299.206 373.703 299.133 373.61 299.04C373.481 298.912 373.39 298.751 373.346 298.575C373.302 298.399 373.307 298.214 373.36 298.04C380.17 274.32 373.96 251.58 367.56 236.68L364.31 229.13L357.37 233.54C343.425 242.408 326.622 245.624 310.388 242.532C294.154 239.44 279.709 230.273 270 216.9L267.22 213.07L262.64 214.21C255.157 216.073 247.293 215.708 240.015 213.16C232.736 210.612 226.361 205.992 221.674 199.869C216.986 193.746 214.19 186.387 213.63 178.696C213.07 171.005 214.769 163.318 218.52 156.58L220.85 152.36L217.74 148.68C211.579 141.391 207.424 132.621 205.685 123.235C203.947 113.85 204.685 104.174 207.826 95.161C210.968 86.148 216.405 78.1096 223.6 71.8386C230.796 65.5676 239.502 61.2805 248.86 59.4003L254.42 58.2803L254.48 52.6203C254.531 45.846 256.605 39.2414 260.436 33.6537C264.266 28.066 269.678 23.75 275.978 21.2592C282.278 18.7684 289.179 18.2165 295.795 19.6741C302.411 21.1318 308.44 24.5325 313.11 29.4403L317.35 33.8803L322.35 30.2603C332.573 22.7615 344.568 18.0453 357.161 16.5734C369.753 15.1014 382.512 16.924 394.189 21.8629C405.866 26.8018 416.061 34.6877 423.775 44.7489C431.49 54.81 436.46 66.7018 438.2 79.2603L438.77 83.2603L442.56 84.7603C448.102 86.9542 453.075 90.3747 457.106 94.7654C461.138 99.156 464.122 104.403 465.836 110.111C467.55 115.82 467.948 121.843 467.001 127.728C466.055 133.613 463.788 139.207 460.37 144.09L458.31 147.04L459.52 150.44C463.459 161.532 463.1 173.697 458.513 184.537C453.926 195.377 445.444 204.105 434.74 209L429.87 211.24L430.76 216.52C433.76 234.65 428.33 254.45 415.76 270.85C405.381 284.448 390.967 294.413 374.58 299.32C374.494 299.336 374.407 299.34 374.32 299.33ZM364.77 226.68C364.866 226.666 364.964 226.666 365.06 226.68C365.198 226.723 365.324 226.796 365.431 226.892C365.538 226.989 365.623 227.108 365.68 227.24L369.39 235.86C375.77 250.69 381.94 273.15 375.76 296.79C391.038 291.822 404.442 282.321 414.19 269.55C426.41 253.55 431.73 234.35 428.79 216.77L427.79 210.77C427.752 210.554 427.786 210.331 427.887 210.135C427.988 209.94 428.151 209.784 428.35 209.69L433.91 207.14C444.139 202.451 452.243 194.103 456.628 183.74C461.012 173.376 461.359 161.747 457.6 151.14L456.22 147.26C456.167 147.109 456.152 146.948 456.174 146.789C456.197 146.631 456.257 146.481 456.35 146.35L458.7 142.97C461.946 138.335 464.099 133.026 464.999 127.439C465.899 121.853 465.522 116.135 463.896 110.716C462.269 105.296 459.436 100.315 455.61 96.1473C451.783 91.9793 447.061 88.7324 441.8 86.6503L437.46 84.9303C437.296 84.865 437.153 84.7575 437.044 84.6188C436.935 84.48 436.865 84.3149 436.84 84.1403L436.19 79.5303C434.504 67.3096 429.673 55.7364 422.169 45.9446C414.665 36.1529 404.746 28.4786 393.384 23.6736C382.022 18.8686 369.606 17.0978 357.354 18.5347C345.101 19.9716 333.432 24.5669 323.49 31.8703L317.82 36.0003C317.625 36.1433 317.385 36.211 317.144 36.1908C316.904 36.1706 316.678 36.0638 316.51 35.8903L311.66 30.8203C308.665 27.6962 305.07 25.209 301.09 23.5079C297.11 21.8067 292.828 20.9266 288.5 20.9203C280.063 20.9199 271.967 24.2515 265.975 30.1901C259.982 36.1287 256.576 44.1937 256.5 52.6303L256.43 59.1103C256.435 59.3442 256.357 59.5724 256.211 59.7551C256.065 59.9379 255.859 60.0635 255.63 60.1103L249.28 61.3903C240.267 63.2028 231.882 67.3326 224.951 73.3725C218.02 79.4125 212.782 87.1542 209.754 95.8347C206.726 104.515 206.012 113.835 207.682 122.875C209.353 131.916 213.35 140.365 219.28 147.39L222.83 151.6C222.961 151.755 223.041 151.946 223.061 152.148C223.081 152.35 223.038 152.553 222.94 152.73L220.28 157.55C218.906 160.024 217.812 162.644 217.02 165.36C215.191 171.7 215.062 178.41 216.648 184.815C218.234 191.22 221.477 197.095 226.053 201.849C230.629 206.603 236.376 210.069 242.715 211.898C249.055 213.728 255.765 213.856 262.17 212.27L267.41 210.97C267.603 210.922 267.806 210.932 267.993 211C268.18 211.068 268.343 211.19 268.46 211.35L271.63 215.72C281.03 228.703 295.034 237.606 310.78 240.608C326.525 243.61 342.822 240.484 356.34 231.87L364.27 226.87C364.416 226.763 364.589 226.697 364.77 226.68Z" fill="white"/>
+<path d="M304.19 133.19L277.39 129L277.8 126.32C278.269 122.537 279.378 118.861 281.08 115.45C282.573 112.75 284.553 110.35 286.92 108.37C289.327 106.37 294.567 102.95 302.64 98.1103C306.93 95.5903 309.28 93.0503 309.64 90.4603C309.877 89.3602 309.879 88.2224 309.647 87.1213C309.414 86.0202 308.952 84.9806 308.29 84.0703C306.99 82.4003 304.78 81.3203 301.68 80.8403C300.153 80.5504 298.582 80.5784 297.067 80.9225C295.551 81.2666 294.122 81.9195 292.87 82.8403C290.337 84.7137 288.337 88.3537 286.87 93.7603L260.03 86.1103C262.537 76.197 267.457 68.667 274.79 63.5203C282.123 58.3737 292.37 56.827 305.53 58.8803C315.783 60.4737 323.727 63.9003 329.36 69.1603C337.013 76.2803 340.09 84.6603 338.59 94.3003C337.918 98.3634 336.152 102.166 333.48 105.3C330.693 108.674 325.47 112.507 317.81 116.8C312.477 119.834 309.01 122.39 307.41 124.47C305.621 127.06 304.514 130.059 304.19 133.19ZM275.36 136L304.07 140.47L300.13 165.79L271.42 161.32L275.36 136Z" fill="white"/>
+<path d="M372.59 172.42L357.71 160.42L358.92 158.93C360.548 156.79 362.526 154.941 364.77 153.46C366.639 152.346 368.696 151.584 370.84 151.21C375.234 150.698 379.656 150.468 384.08 150.52C387.587 150.52 389.92 149.797 391.08 148.35C391.619 147.766 392.027 147.072 392.275 146.317C392.524 145.561 392.607 144.761 392.52 143.97C392.147 142.213 391.112 140.666 389.63 139.65C388.8 138.933 387.83 138.396 386.782 138.073C385.734 137.749 384.63 137.646 383.54 137.77C381.327 138.01 378.817 139.52 376.01 142.3L362.34 128.11C367.38 122.95 373.047 120.1 379.34 119.56C385.633 119.02 392.44 121.71 399.76 127.63C405.453 132.237 409.083 137.147 410.65 142.36C412.797 149.42 411.707 155.624 407.38 160.97C405.539 163.223 403.119 164.931 400.38 165.91C397.48 166.97 392.933 167.457 386.74 167.37C382.41 167.37 379.39 167.65 377.67 168.37C375.67 169.283 373.925 170.674 372.59 172.42ZM354 163.91L369.94 176.82L358.55 190.88L342.61 178L354 163.91Z" fill="white"/>
+<path d="M376.75 85.8005L370.31 77.0005L371.19 76.3505C372.395 75.4146 373.747 74.6848 375.19 74.1905C376.381 73.8474 377.626 73.7287 378.86 73.8405C381.351 74.1901 383.817 74.7046 386.24 75.3805C388.18 75.8805 389.57 75.8205 390.42 75.2005C390.8 74.9552 391.124 74.6324 391.37 74.2533C391.616 73.8742 391.78 73.4472 391.85 73.0005C391.889 71.9733 391.531 70.9707 390.85 70.2005C390.495 69.6871 390.039 69.2518 389.509 68.9216C388.979 68.5914 388.387 68.3732 387.77 68.2805C386.52 68.1005 384.92 68.5605 382.97 69.6805L377.5 59.8905C380.639 57.8594 384.418 57.0616 388.11 57.6505C391.657 58.2705 395.013 60.7372 398.18 65.0505C400.64 68.4238 401.927 71.6538 402.04 74.7405C402.2 76.6217 401.868 78.512 401.077 80.2264C400.287 81.9408 399.064 83.4205 397.53 84.5205C396.201 85.486 394.636 86.0735 393 86.2205C390.379 86.2722 387.768 85.8765 385.28 85.0505C383.627 84.4872 381.886 84.2231 380.14 84.2705C378.901 84.4919 377.736 85.0176 376.75 85.8005ZM367.75 78.4205L374.65 87.8405L366.34 93.9205L359.44 84.5105L367.75 78.4205Z" fill="white"/>
+<path d="M128.34 210.57C119.887 210.556 111.595 208.258 104.34 203.92C94.19 197.92 87.02 188.5 84.58 178.13C77.5035 177.637 70.8518 174.573 65.8784 169.515C60.905 164.457 57.9534 157.754 57.58 150.67C55.4497 149.192 53.5664 147.387 52 145.32C48.1951 140.472 46.3152 134.389 46.7213 128.239C47.1273 122.09 49.7907 116.306 54.2 112C52.5268 104.89 52.703 97.4695 54.7119 90.4464C56.7207 83.4234 60.4952 77.0321 65.6754 71.882C70.8556 66.7319 77.2688 62.9947 84.3034 61.0268C91.338 59.0588 98.7594 58.9259 105.86 60.6405C107.409 57.1021 109.852 54.0277 112.95 51.7196C116.047 49.4114 119.691 47.9489 123.525 47.4757C127.358 47.0026 131.249 47.5351 134.814 49.021C138.38 50.5069 141.497 52.8949 143.86 55.9504C144.957 57.3687 145.88 58.913 146.61 60.5505C152.201 59.6317 157.934 60.1609 163.263 62.0876C168.591 64.0143 173.337 67.2742 177.048 71.5563C180.758 75.8385 183.31 80.9999 184.458 86.5484C185.607 92.0968 185.315 97.847 183.61 103.25C187.271 106.369 189.961 110.471 191.363 115.072C192.764 119.672 192.818 124.578 191.517 129.208C190.216 133.837 187.616 137.998 184.024 141.195C180.432 144.393 175.999 146.494 171.25 147.25C169.108 155.357 164.348 162.528 157.71 167.65C153.532 170.894 148.731 173.241 143.605 174.545C138.479 175.849 133.14 176.083 127.92 175.23C127.82 184.94 130.07 198.11 140.92 207.53C141.025 207.624 141.103 207.744 141.147 207.877C141.191 208.01 141.199 208.153 141.17 208.29C141.14 208.428 141.073 208.555 140.976 208.657C140.879 208.76 140.756 208.833 140.62 208.87C136.627 210.013 132.493 210.585 128.34 210.57ZM95.73 61.0005C89.4894 61.0195 83.3345 62.4553 77.7296 65.1996C72.1247 67.9439 67.216 71.9251 63.3739 76.8428C59.5318 81.7605 56.8564 87.4865 55.5496 93.5888C54.2428 99.6912 54.3387 106.011 55.83 112.07C55.8643 112.206 55.8611 112.348 55.8205 112.482C55.78 112.616 55.7038 112.737 55.6 112.83C51.3298 116.838 48.7143 122.298 48.2683 128.137C47.8222 133.976 49.578 139.771 53.19 144.38C54.7784 146.421 56.6904 148.188 58.85 149.61C58.9547 149.678 59.0418 149.77 59.1044 149.877C59.167 149.985 59.2032 150.106 59.21 150.23C59.4811 157.09 62.3087 163.599 67.1367 168.479C71.9648 173.359 78.444 176.256 85.3 176.6C85.4716 176.61 85.6351 176.676 85.7653 176.788C85.8955 176.9 85.985 177.052 86.02 177.22C88.23 187.39 95.22 196.63 105.18 202.57C115.272 208.657 127.361 210.504 138.81 207.71C128.08 197.71 126.08 184.05 126.34 174.25C126.344 174.137 126.372 174.026 126.423 173.924C126.474 173.822 126.545 173.732 126.633 173.66C126.721 173.588 126.824 173.536 126.933 173.507C127.043 173.477 127.158 173.472 127.27 173.49C136.489 175.234 146.025 173.394 153.934 168.347C161.843 163.3 167.528 155.426 169.83 146.33C169.865 146.178 169.947 146.039 170.063 145.934C170.179 145.828 170.324 145.761 170.48 145.74C175.029 145.112 179.295 143.169 182.756 140.151C186.216 137.132 188.721 133.17 189.962 128.749C191.203 124.328 191.127 119.641 189.743 115.262C188.359 110.884 185.727 107.005 182.17 104.1C182.047 104.001 181.957 103.866 181.913 103.714C181.868 103.563 181.871 103.401 181.92 103.25C183.66 98.0392 184.01 92.4644 182.937 87.0763C181.864 81.6882 179.404 76.6731 175.8 72.5262C172.197 68.3793 167.574 65.2439 162.388 63.4295C157.202 61.6152 151.633 61.1847 146.23 62.1805C146.053 62.2147 145.87 62.1866 145.711 62.1009C145.552 62.0152 145.428 61.8773 145.36 61.7105C143.794 57.9106 141.131 54.6634 137.712 52.3829C134.292 50.1024 130.271 48.8919 126.161 48.9059C122.051 48.9198 118.039 50.1575 114.635 52.4612C111.231 54.7649 108.591 58.0301 107.05 61.8404C106.977 62.0149 106.844 62.1578 106.676 62.2439C106.508 62.3299 106.314 62.3535 106.13 62.3104C102.732 61.4384 99.238 60.9983 95.73 61.0005Z" fill="#E6E6E6"/>
+<path d="M100.59 127L86.78 130.25L86.46 128.87C85.9372 126.943 85.7512 124.941 85.91 122.95C86.0996 121.351 86.5845 119.802 87.34 118.38C89.0309 115.572 90.9015 112.877 92.94 110.31C94.53 108.24 95.17 106.55 94.85 105.22C94.7518 104.64 94.5306 104.087 94.2012 103.599C93.8717 103.111 93.4417 102.699 92.94 102.39C91.743 101.807 90.3668 101.71 89.1 102.12C88.3033 102.282 87.5483 102.605 86.8824 103.072C86.2166 103.538 85.654 104.137 85.23 104.83C84.37 106.24 84.12 108.39 84.47 111.3L70 112.84C69.1545 108.057 70.1015 103.129 72.66 99.0002C75.2 95.0602 79.8667 92.2936 86.66 90.7002C91.94 89.4536 96.4634 89.5502 100.23 90.9902C105.337 92.9302 108.477 96.3869 109.65 101.36C110.138 103.467 110.034 105.668 109.35 107.72C108.683 109.9 106.907 112.787 104.02 116.38C102.02 118.9 100.843 120.82 100.49 122.14C100.116 123.743 100.15 125.414 100.59 127ZM87.17 134L101.97 130.52L105 143.56L90.25 147L87.17 134Z" fill="#EBEBEB"/>
+<path d="M135.75 97.7902L126.17 94.8702L126.46 93.8702C126.827 92.5098 127.422 91.2215 128.22 90.0602C128.903 89.1506 129.751 88.3772 130.72 87.7802C132.748 86.6807 134.846 85.7153 137 84.8902C138.7 84.2235 139.7 83.4135 140 82.4602C140.147 82.0703 140.208 81.6535 140.181 81.2378C140.153 80.8222 140.037 80.4172 139.84 80.0502C139.313 79.2714 138.508 78.724 137.59 78.5202C137.046 78.3388 136.471 78.271 135.9 78.3209C135.329 78.3708 134.774 78.5373 134.27 78.8102C132.971 79.7009 132.001 80.994 131.51 82.4902L122.09 78.3002C123.28 75.0811 125.616 72.4142 128.65 70.8102C131.597 69.2968 135.423 69.2602 140.13 70.7002C143.301 71.4981 146.154 73.242 148.31 75.7002C149.469 76.9892 150.27 78.5588 150.635 80.2534C151 81.9479 150.916 83.7084 150.39 85.3602C149.938 86.8197 149.094 88.1271 147.95 89.1402C146.045 90.6202 143.906 91.7696 141.62 92.5402C140.099 93.0436 138.678 93.8084 137.42 94.8002C136.624 95.6432 136.05 96.6706 135.75 97.7902ZM125.07 97.3202L135.33 100.44L132.58 109.5L122.31 106.38L125.07 97.3202Z" fill="#EBEBEB"/>
+<path d="M250 414.56C357.082 414.56 443.89 409.492 443.89 403.24C443.89 396.988 357.082 391.92 250 391.92C142.917 391.92 56.11 396.988 56.11 403.24C56.11 409.492 142.917 414.56 250 414.56Z" fill="#F5F5F5"/>
+<path d="M157.61 234.44L156.69 234.05C157.413 232.462 157.901 230.778 158.14 229.05L159.14 229.16C158.889 230.985 158.374 232.764 157.61 234.44ZM157.22 223C156.29 220.922 154.843 219.117 153.017 217.757C151.191 216.396 149.047 215.527 146.79 215.23L146.95 214.23C149.371 214.552 151.67 215.488 153.627 216.95C155.584 218.412 157.134 220.35 158.13 222.58L157.22 223Z" fill="#4361EE"/>
+<path d="M152 244.5L142.14 249L141.7 248C141.026 246.641 140.589 245.177 140.41 243.67C140.315 242.443 140.447 241.209 140.8 240.03C141.654 237.682 142.656 235.391 143.8 233.17C144.68 231.39 144.903 230.027 144.47 229.08C144.309 228.661 144.061 228.281 143.742 227.966C143.423 227.65 143.041 227.406 142.62 227.25C141.638 227.001 140.598 227.133 139.71 227.62C139.139 227.863 138.624 228.22 138.196 228.668C137.768 229.117 137.436 229.649 137.22 230.23C136.787 231.397 136.92 233.043 137.62 235.17L127 238.49C125.672 235.03 125.672 231.2 127 227.74C128.333 224.407 131.407 221.65 136.22 219.47C139.98 217.75 143.38 217.16 146.41 217.67C148.267 217.894 150.033 218.598 151.535 219.711C153.038 220.824 154.225 222.309 154.98 224.02C155.655 225.524 155.904 227.184 155.7 228.82C155.217 231.375 154.304 233.83 153 236.08C152.123 237.571 151.52 239.207 151.22 240.91C151.178 242.153 151.446 243.387 152 244.5ZM143 251.74L153.54 247L157.77 256.29L147.23 261L143 251.74Z" fill="#4361EE"/>
+<path d="M127.64 266.73L122.64 273.53L122 273C121.025 272.324 120.17 271.489 119.47 270.53C118.939 269.731 118.562 268.838 118.36 267.9C118.037 265.979 117.846 264.037 117.79 262.09C117.71 260.54 117.34 259.53 116.69 259.09C116.417 258.858 116.096 258.689 115.751 258.594C115.405 258.499 115.043 258.481 114.69 258.54C113.925 258.74 113.266 259.227 112.85 259.9C112.552 260.281 112.336 260.719 112.213 261.187C112.091 261.654 112.066 262.142 112.14 262.62C112.487 263.899 113.242 265.029 114.29 265.84L108.29 272.15C106.068 270.297 104.605 267.692 104.18 264.83C103.813 262.07 104.86 259.02 107.32 255.68C108.846 253.391 111.028 251.617 113.58 250.59C114.93 250.032 116.402 249.837 117.851 250.023C119.299 250.209 120.675 250.77 121.84 251.65C122.875 252.417 123.677 253.456 124.16 254.65C124.802 256.584 125.113 258.612 125.08 260.65C125.046 262.01 125.256 263.365 125.7 264.65C126.163 265.495 126.83 266.21 127.64 266.73ZM124.27 275.09L129.63 267.81L136.05 272.54L130.69 279.82L124.27 275.09Z" fill="#4361EE"/>
+<path d="M234.09 399.64C233.265 399.641 232.455 399.415 231.749 398.986C231.044 398.557 230.47 397.943 230.09 397.21C226.09 389.45 221.02 380.34 211.94 370.48C211.417 369.914 211.05 369.222 210.875 368.472C210.699 367.722 210.722 366.939 210.94 366.2C214.31 354.49 219.61 338.48 219.66 338.32C219.829 337.742 220.114 337.203 220.495 336.737C220.877 336.27 221.349 335.886 221.883 335.606C222.417 335.326 223.002 335.156 223.602 335.107C224.203 335.058 224.808 335.13 225.38 335.319C225.952 335.509 226.48 335.811 226.933 336.209C227.386 336.607 227.754 337.092 228.015 337.635C228.277 338.179 228.426 338.769 228.454 339.371C228.482 339.973 228.389 340.575 228.18 341.14C228.13 341.29 223.56 355.08 220.25 366.29C227.306 374.429 233.295 383.435 238.07 393.09C238.421 393.776 238.59 394.54 238.561 395.309C238.532 396.079 238.306 396.828 237.905 397.485C237.503 398.143 236.94 398.686 236.268 399.063C235.597 399.44 234.84 399.639 234.07 399.64H234.09Z" fill="#4361EE"/>
+<path d="M241.56 403.24H206.77L225.21 392.78L240.66 393.38L241.56 403.24Z" fill="#263238"/>
+<path d="M238.239 361.093C254.074 356.143 263.584 341.489 259.481 328.364C255.378 315.238 239.215 308.611 223.38 313.561C207.545 318.511 198.034 333.165 202.138 346.29C206.241 359.416 222.404 366.043 238.239 361.093Z" fill="#263238"/>
+<path d="M151.65 321C150.615 320.996 149.612 320.634 148.813 319.976C148.014 319.318 147.467 318.403 147.264 317.388C147.062 316.372 147.217 315.318 147.703 314.404C148.188 313.489 148.975 312.771 149.93 312.37C150.707 312.045 151.39 311.529 151.914 310.87C152.438 310.211 152.788 309.43 152.93 308.6C153.02 307.624 153.427 306.704 154.09 305.981C154.753 305.259 155.635 304.773 156.6 304.6C157.714 304.373 158.815 304.089 159.9 303.75C165.98 301.98 173.51 299.75 197.21 306.41C220.59 293.34 220.86 268.82 220.86 267.76C220.86 266.572 221.33 265.432 222.167 264.589C223.005 263.746 224.142 263.268 225.33 263.26C226.514 263.26 227.65 263.728 228.491 264.561C229.332 265.395 229.809 266.526 229.82 267.71C229.82 269.02 229.68 299.8 199.82 315.21C198.802 315.738 197.62 315.853 196.52 315.53C173.92 309.01 167.52 310.87 162.45 312.36L161.07 312.76C160.403 314.527 159.381 316.139 158.067 317.496C156.753 318.853 155.175 319.927 153.43 320.65C152.866 320.886 152.261 321.005 151.65 321Z" fill="#263238"/>
+<path d="M204.08 288.89C195.57 255.07 172.9 167.83 245.55 162.5C310.73 157.71 328.61 244.5 332.96 274.5C335.138 289.68 336.32 304.986 336.5 320.32C336.583 328.077 333.955 335.619 329.069 341.644C324.183 347.669 317.347 351.799 309.74 353.32C274.23 360.54 240.63 361.56 217.99 352.63C215.016 351.43 212.511 349.301 210.847 346.559C209.184 343.818 208.451 340.612 208.76 337.42C209.63 327.74 209.65 311 204.08 288.89Z" fill="#4361EE"/>
+<path opacity="0.1" d="M333 274.52C328.9 246.2 312.78 167.52 256.34 162.52C253.12 162.194 249.876 162.828 247.017 164.342C244.157 165.857 241.809 168.184 240.27 171.03C237.75 175.91 237.83 181.82 241.6 187.67C254 207 283.67 273.67 279.19 310C277.19 326.53 266.78 339.73 275.8 358.31C287.202 357.312 298.535 355.642 309.74 353.31C317.347 351.789 324.183 347.659 329.069 341.634C333.955 335.609 336.583 328.067 336.5 320.31C336.332 304.987 335.163 289.691 333 274.52Z" fill="black"/>
+<path d="M323.24 320.79C323.122 320.79 323.009 320.744 322.925 320.662C322.841 320.58 322.793 320.468 322.79 320.35C322.62 305.036 321.441 289.749 319.26 274.59C308.46 199.93 279.39 162.18 235.16 165.44C235.101 165.444 235.041 165.437 234.985 165.418C234.929 165.399 234.877 165.369 234.833 165.33C234.788 165.291 234.752 165.243 234.725 165.19C234.699 165.137 234.684 165.079 234.68 165.02C234.674 164.901 234.715 164.785 234.793 164.696C234.872 164.606 234.981 164.55 235.1 164.54C279.85 161.24 309.27 199.26 320.1 274.46C322.279 289.66 323.462 304.986 323.64 320.34C323.64 320.46 323.593 320.574 323.508 320.658C323.424 320.743 323.309 320.79 323.19 320.79H323.24Z" fill="#263238"/>
+<path d="M322.561 363.475C338.396 358.525 347.906 343.872 343.803 330.746C339.7 317.621 323.537 310.993 307.702 315.944C291.867 320.894 282.357 335.547 286.46 348.673C290.563 361.798 306.726 368.425 322.561 363.475Z" fill="#263238"/>
+<path d="M325.3 399.64C324.474 399.642 323.664 399.416 322.958 398.987C322.253 398.559 321.679 397.944 321.3 397.21C317.3 389.45 312.23 380.34 303.14 370.48C302.621 369.912 302.257 369.22 302.082 368.47C301.907 367.721 301.927 366.939 302.14 366.2C305.52 354.49 310.81 338.48 310.87 338.32C311.055 337.761 311.349 337.244 311.733 336.799C312.118 336.354 312.587 335.989 313.113 335.724C313.639 335.46 314.212 335.302 314.799 335.259C315.386 335.217 315.976 335.29 316.535 335.475C317.094 335.66 317.611 335.954 318.056 336.339C318.501 336.723 318.867 337.192 319.131 337.718C319.395 338.244 319.553 338.817 319.596 339.404C319.638 339.992 319.565 340.581 319.38 341.14C319.33 341.29 314.77 355.08 311.46 366.29C318.517 374.426 324.502 383.433 329.27 393.09C329.621 393.776 329.79 394.54 329.761 395.309C329.732 396.079 329.506 396.828 329.105 397.485C328.703 398.143 328.14 398.686 327.468 399.063C326.797 399.44 326.04 399.639 325.27 399.64H325.3Z" fill="#4361EE"/>
+<path d="M315.88 262.91C314.877 262.911 313.903 262.575 313.112 261.958C312.322 261.34 311.761 260.475 311.52 259.502C311.278 258.528 311.369 257.502 311.779 256.586C312.189 255.671 312.893 254.919 313.78 254.45C314.64 253.99 334.17 243.32 339.65 217.68C326.65 212.24 303.23 199.95 298.11 193.77C297.606 193.173 297.262 192.457 297.11 191.69C296.519 187.997 296.862 184.216 298.11 180.69L295.75 176.13C295.204 175.069 295.101 173.835 295.465 172.698C295.829 171.562 296.629 170.616 297.69 170.07C298.751 169.524 299.985 169.421 301.122 169.785C302.258 170.149 303.204 170.949 303.75 172.01L307.14 178.57C307.505 179.257 307.684 180.027 307.659 180.804C307.635 181.581 307.407 182.338 307 183C306.085 184.828 305.697 186.874 305.88 188.91C311.65 194.12 334.88 206.45 346.31 210.68C347.279 211.039 348.094 211.722 348.617 212.613C349.14 213.504 349.339 214.549 349.18 215.57C344.11 248.34 319.04 261.84 317.98 262.4C317.332 262.739 316.611 262.914 315.88 262.91Z" fill="#263238"/>
+<path d="M301.57 193.15C301.167 193.148 300.771 193.038 300.425 192.83C300.079 192.623 299.794 192.327 299.602 191.972C299.41 191.617 299.317 191.217 299.332 190.814C299.348 190.411 299.471 190.019 299.69 189.68C299.85 189.44 303.55 183.85 309.19 182.34C309.474 182.264 309.771 182.244 310.063 182.283C310.354 182.321 310.636 182.417 310.891 182.564C311.146 182.711 311.369 182.907 311.548 183.141C311.727 183.374 311.859 183.641 311.935 183.925C312.011 184.209 312.031 184.506 311.992 184.798C311.954 185.089 311.858 185.371 311.711 185.626C311.564 185.881 311.368 186.104 311.134 186.283C310.901 186.462 310.634 186.594 310.35 186.67C306.42 187.73 303.47 192.09 303.45 192.13C303.247 192.443 302.968 192.701 302.64 192.879C302.311 193.057 301.944 193.15 301.57 193.15Z" fill="#263238"/>
+<path d="M332.77 403.24H297.98L316.42 392.78L331.87 393.38L332.77 403.24Z" fill="#263238"/>
+<path d="M259.917 269.253C273.077 268.088 282.894 257.542 281.845 245.697C280.797 233.853 269.279 225.196 256.12 226.361C242.96 227.526 233.143 238.072 234.192 249.917C235.241 261.761 246.758 270.418 259.917 269.253Z" fill="white"/>
+<path d="M255.448 261.446C258.938 260.452 260.3 254.496 258.49 248.144C256.68 241.791 252.384 237.447 248.895 238.441C245.405 239.435 244.043 245.391 245.853 251.744C247.662 258.096 251.958 262.44 255.448 261.446Z" fill="#263238"/>
+<path d="M230.8 251.86C245.9 249.92 275.8 241.39 280.73 237.95C276.85 226.59 258.73 216.87 242.61 222.35C228 227.28 230.8 251.86 230.8 251.86Z" fill="#263238"/>
+<path d="M233.73 259.16C252.48 255.6 276.85 249.62 283.82 245.79C283.39 258.01 279.82 270.4 260.7 274.59C245.06 278 233.73 259.16 233.73 259.16Z" fill="#263238"/>
+<path d="M218.285 270.906C225.065 266.421 225.959 255.828 220.282 247.247C214.604 238.666 204.505 235.346 197.725 239.832C190.946 244.318 190.052 254.911 195.729 263.492C201.407 272.073 211.505 275.392 218.285 270.906Z" fill="white"/>
+<path d="M208.34 255.68C209.47 261.04 208.49 265.51 206.14 265.68C203.79 265.85 200.97 261.62 199.83 256.26C198.69 250.9 199.68 246.44 202.02 246.26C204.36 246.08 207.2 250.32 208.34 255.68Z" fill="#263238"/>
+<path d="M189.75 253.63C199.88 254.82 220 253.49 223.34 251.63C220.87 242 208.89 231 198 232.4C188.18 233.66 189.75 253.63 189.75 253.63Z" fill="#263238"/>
+<path d="M191.63 259.94C204.22 260.51 220.63 260.19 225.31 258.42C224.88 268.03 222.36 277.19 209.5 277.04C199 276.92 191.63 259.94 191.63 259.94Z" fill="#263238"/>
+<path d="M264.09 216.3C252.647 216.363 241.456 212.945 232 206.5C231.052 205.783 230.428 204.718 230.264 203.541C230.101 202.363 230.413 201.169 231.13 200.22C231.847 199.272 232.912 198.648 234.09 198.485C235.268 198.322 236.462 198.633 237.41 199.35C247.993 206.253 260.833 208.8 273.25 206.46C273.828 206.351 274.423 206.356 274.999 206.476C275.576 206.596 276.123 206.829 276.609 207.16C277.096 207.492 277.512 207.916 277.835 208.408C278.158 208.901 278.38 209.452 278.49 210.03C278.6 210.609 278.594 211.203 278.474 211.78C278.354 212.356 278.122 212.903 277.79 213.39C277.459 213.876 277.035 214.293 276.542 214.616C276.05 214.938 275.498 215.161 274.92 215.27C271.35 215.95 267.724 216.295 264.09 216.3Z" fill="#263238"/>
+<path d="M183.88 208.57C183.162 208.567 182.455 208.391 181.819 208.059C181.183 207.726 180.635 207.246 180.222 206.659C179.809 206.072 179.542 205.394 179.445 204.683C179.347 203.972 179.421 203.247 179.66 202.57C182.03 195.95 185.98 191.66 191.38 189.8C201.16 186.43 211.7 192.98 212.15 193.26C213.132 193.906 213.822 194.911 214.072 196.059C214.322 197.208 214.111 198.408 213.485 199.403C212.859 200.398 211.868 201.108 210.725 201.38C209.582 201.653 208.377 201.466 207.37 200.86C205.37 199.59 199 196.65 194.27 198.29C191.55 199.24 189.53 201.63 188.1 205.61C187.786 206.477 187.212 207.227 186.457 207.756C185.702 208.286 184.802 208.57 183.88 208.57Z" fill="#263238"/>
+<path d="M219.23 284.25C219.104 284.25 218.979 284.229 218.86 284.19C218.521 284.094 218.233 283.868 218.06 283.56C217.888 283.253 217.845 282.889 217.94 282.55C218.337 281.468 218.945 280.476 219.728 279.63C220.51 278.783 221.452 278.1 222.5 277.62C227.64 274.97 235.5 275.52 245.81 279.25C245.977 279.31 246.13 279.403 246.261 279.523C246.391 279.642 246.497 279.787 246.571 279.948C246.646 280.109 246.687 280.283 246.694 280.46C246.701 280.637 246.672 280.814 246.61 280.98C246.551 281.146 246.459 281.299 246.34 281.43C246.221 281.56 246.078 281.666 245.918 281.741C245.758 281.815 245.584 281.857 245.408 281.864C245.231 281.87 245.055 281.842 244.89 281.78C233.06 277.5 226.89 278.42 223.89 279.96C222.392 280.595 221.201 281.79 220.57 283.29C220.484 283.576 220.306 283.825 220.064 283.998C219.821 284.172 219.528 284.26 219.23 284.25Z" fill="#263238"/>
+<path d="M176.88 279.32C161.233 280.711 146.015 285.18 132.1 292.47C139.82 291.01 167.45 325.2 174.55 351.56C187.66 346.71 202.94 343.4 219.23 340.81C209.36 313.64 191.31 282.85 176.88 279.32Z" fill="#4361EE"/>
+<path opacity="0.6" d="M176.88 279.32C161.233 280.711 146.015 285.18 132.1 292.47C139.82 291.01 167.45 325.2 174.55 351.56C187.66 346.71 202.94 343.4 219.23 340.81C209.36 313.64 191.31 282.85 176.88 279.32Z" fill="white"/>
+<path d="M176.88 279.32C159.8 277.39 132.07 291.69 132.07 291.69C127.16 294.82 128.49 300.69 131.17 303.18C133.74 299.49 162.4 289.89 173.17 288.6C167.82 283.64 172.8 280 176.88 279.32Z" fill="#4361EE"/>
+<path opacity="0.2" d="M176.88 279.32C159.8 277.39 132.07 291.69 132.07 291.69C127.16 294.82 128.49 300.69 131.17 303.18C133.74 299.49 162.4 289.89 173.17 288.6C167.82 283.64 172.8 280 176.88 279.32Z" fill="white"/>
+<path d="M151.66 321C150.915 321.003 150.182 320.822 149.524 320.473C148.866 320.124 148.305 319.618 147.89 319C144.64 314 146.67 306.41 147.11 304.93C147.485 303.832 148.27 302.922 149.301 302.39C150.332 301.858 151.528 301.746 152.64 302.077C153.752 302.408 154.693 303.157 155.265 304.166C155.837 305.175 155.997 306.366 155.71 307.49C154.98 310 154.83 313.21 155.41 314.09C156.059 315.087 156.286 316.302 156.04 317.466C155.795 318.631 155.097 319.65 154.1 320.3C153.374 320.769 152.525 321.013 151.66 321Z" fill="#263238"/>
+<path d="M116.36 98.08L118.44 62.2H163.16V76.24H132.168L131.336 88.824C132.792 88.4773 134.248 88.2 135.704 87.992C137.16 87.7147 138.893 87.576 140.904 87.576C144.509 87.576 147.837 88.0267 150.888 88.928C154.008 89.8293 156.712 91.216 159 93.088C161.288 94.96 163.091 97.3867 164.408 100.368C165.725 103.28 166.384 106.816 166.384 110.976C166.384 114.859 165.725 118.36 164.408 121.48C163.091 124.6 161.219 127.269 158.792 129.488C156.435 131.637 153.523 133.301 150.056 134.48C146.659 135.659 142.88 136.248 138.72 136.248C132.827 136.248 127.696 135.277 123.328 133.336C118.96 131.395 115.008 128.725 111.472 125.328L121.144 113.784C123.917 116.28 126.691 118.221 129.464 119.608C132.237 120.995 135.253 121.688 138.512 121.688C142.256 121.688 145.203 120.821 147.352 119.088C149.571 117.355 150.68 114.824 150.68 111.496C150.68 108.307 149.501 105.845 147.144 104.112C144.856 102.379 141.736 101.512 137.784 101.512C135.496 101.512 133.312 101.789 131.232 102.344C129.221 102.829 127.349 103.453 125.616 104.216L116.36 98.08ZM242.812 98.496C242.812 103.835 242.014 108.792 240.42 113.368C238.894 117.944 236.71 121.931 233.868 125.328C231.025 128.725 227.593 131.395 223.572 133.336C219.62 135.277 215.217 136.248 210.364 136.248C205.51 136.248 201.073 135.312 197.052 133.44C193.1 131.499 189.702 128.829 186.86 125.432C184.086 122.035 181.937 118.083 180.412 113.576C178.886 109 178.124 104.043 178.124 98.704C178.124 93.4347 178.886 88.512 180.412 83.936C182.006 79.2907 184.225 75.2693 187.068 71.872C189.91 68.4747 193.308 65.8053 197.26 63.864C201.281 61.9227 205.718 60.952 210.572 60.952C215.425 60.952 219.828 61.9227 223.78 63.864C227.801 65.736 231.198 68.3707 233.972 71.768C236.814 75.1653 238.998 79.152 240.524 83.728C242.049 88.304 242.812 93.2267 242.812 98.496ZM226.38 98.704C226.38 95.376 225.998 92.2907 225.236 89.448C224.473 86.6053 223.398 84.144 222.012 82.064C220.625 79.984 218.926 78.3547 216.916 77.176C214.974 75.9973 212.79 75.408 210.364 75.408C207.937 75.408 205.753 75.9973 203.812 77.176C201.87 78.2853 200.206 79.88 198.82 81.96C197.433 83.9707 196.358 86.3973 195.596 89.24C194.902 92.0827 194.556 95.168 194.556 98.496C194.556 101.824 194.937 104.909 195.7 107.752C196.462 110.595 197.537 113.056 198.924 115.136C200.31 117.216 201.974 118.845 203.916 120.024C205.926 121.203 208.145 121.792 210.572 121.792C212.998 121.792 215.182 121.237 217.124 120.128C219.065 118.949 220.729 117.32 222.116 115.24C223.502 113.16 224.542 110.733 225.236 107.96C225.998 105.117 226.38 102.032 226.38 98.704ZM285.293 75.928H256.693V62.2H305.885V74.264L287.477 91.84C289.973 92.256 292.399 92.9147 294.757 93.816C297.114 94.7173 299.194 96 300.997 97.664C302.799 99.2587 304.255 101.269 305.365 103.696C306.474 106.053 307.029 108.931 307.029 112.328C307.029 115.795 306.405 118.984 305.157 121.896C303.978 124.808 302.245 127.339 299.957 129.488C297.738 131.637 294.999 133.301 291.741 134.48C288.482 135.659 284.842 136.248 280.821 136.248C274.234 136.248 268.618 135.104 263.973 132.816C259.397 130.459 255.549 127.408 252.429 123.664L263.453 113.16C265.949 116.003 268.549 118.187 271.253 119.712C274.026 121.168 277.285 121.896 281.029 121.896C284.079 121.896 286.541 121.099 288.413 119.504C290.354 117.909 291.325 115.725 291.325 112.952C291.325 109.901 290.077 107.579 287.581 105.984C285.154 104.389 281.653 103.592 277.077 103.592H270.421L267.925 93.4L285.293 75.928Z" fill="#263238"/>
+<path d="M116.36 98.08L114.962 97.999L114.916 98.8023L115.586 99.2469L116.36 98.08ZM118.44 62.2V60.8H117.119L117.042 62.119L118.44 62.2ZM163.16 62.2H164.56V60.8H163.16V62.2ZM163.16 76.24V77.64H164.56V76.24H163.16ZM132.168 76.24V74.84H130.858L130.771 76.1476L132.168 76.24ZM131.336 88.824L129.939 88.7316L129.814 90.6256L131.66 90.1859L131.336 88.824ZM135.704 87.992L135.902 89.3779L135.934 89.3733L135.966 89.3673L135.704 87.992ZM150.888 88.928L150.491 90.2706L150.499 90.273L150.888 88.928ZM159 93.088L158.113 94.1715L159 93.088ZM164.408 100.368L163.127 100.934L163.132 100.945L164.408 100.368ZM164.408 121.48L163.118 120.935L164.408 121.48ZM158.792 129.488L159.735 130.523L159.737 130.521L158.792 129.488ZM150.056 134.48L149.605 133.154L149.597 133.157L150.056 134.48ZM123.328 133.336L122.759 134.615L123.328 133.336ZM111.472 125.328L110.399 124.429L109.559 125.431L110.502 126.338L111.472 125.328ZM121.144 113.784L122.081 112.743L121.002 111.773L120.071 112.885L121.144 113.784ZM129.464 119.608L128.838 120.86L129.464 119.608ZM147.352 119.088L146.49 117.985L146.482 117.991L146.473 117.998L147.352 119.088ZM147.144 104.112L146.299 105.228L146.307 105.234L146.315 105.24L147.144 104.112ZM131.232 102.344L131.56 103.705L131.577 103.701L131.593 103.697L131.232 102.344ZM125.616 104.216L124.842 105.383L125.48 105.805L126.18 105.497L125.616 104.216ZM117.758 98.161L119.838 62.281L117.042 62.119L114.962 97.999L117.758 98.161ZM118.44 63.6H163.16V60.8H118.44V63.6ZM161.76 62.2V76.24H164.56V62.2H161.76ZM163.16 74.84H132.168V77.64H163.16V74.84ZM130.771 76.1476L129.939 88.7316L132.733 88.9164L133.565 76.3324L130.771 76.1476ZM131.66 90.1859C133.075 89.849 134.489 89.5798 135.902 89.3779L135.506 86.6061C134.007 86.8202 132.509 87.1056 131.012 87.4621L131.66 90.1859ZM135.966 89.3673C137.311 89.111 138.952 88.976 140.904 88.976V86.176C138.834 86.176 137.009 86.3183 135.442 86.6167L135.966 89.3673ZM140.904 88.976C144.393 88.976 147.585 89.412 150.491 90.2706L151.285 87.5854C148.089 86.6413 144.626 86.176 140.904 86.176V88.976ZM150.499 90.273C153.456 91.127 155.986 92.4308 158.113 94.1715L159.887 92.0045C157.438 90.0012 154.56 88.5317 151.277 87.583L150.499 90.273ZM158.113 94.1715C160.214 95.8905 161.89 98.1327 163.127 100.934L165.689 99.8022C164.292 96.6407 162.362 94.0295 159.887 92.0045L158.113 94.1715ZM163.132 100.945C164.347 103.63 164.984 106.958 164.984 110.976H167.784C167.784 106.674 167.104 102.93 165.684 99.791L163.132 100.945ZM164.984 110.976C164.984 114.699 164.353 118.011 163.118 120.935L165.698 122.025C167.098 118.709 167.784 115.019 167.784 110.976H164.984ZM163.118 120.935C161.877 123.875 160.121 126.376 157.847 128.455L159.737 130.521C162.317 128.162 164.304 125.325 165.698 122.025L163.118 120.935ZM157.849 128.453C155.653 130.455 152.916 132.029 149.605 133.155L150.507 135.805C154.129 134.574 157.216 132.82 159.735 130.523L157.849 128.453ZM149.597 133.157C146.368 134.277 142.748 134.848 138.72 134.848V137.648C143.012 137.648 146.949 137.04 150.515 135.803L149.597 133.157ZM138.72 134.848C132.978 134.848 128.049 133.902 123.897 132.057L122.759 134.615C127.343 136.652 132.675 137.648 138.72 137.648V134.848ZM123.897 132.057C119.681 130.183 115.864 127.606 112.442 124.318L110.502 126.338C114.152 129.844 118.239 132.606 122.759 134.615L123.897 132.057ZM112.545 126.227L122.217 114.683L120.071 112.885L110.399 124.429L112.545 126.227ZM120.207 114.825C123.056 117.388 125.932 119.407 128.838 120.86L130.09 118.356C127.449 117.035 124.779 115.172 122.081 112.743L120.207 114.825ZM128.838 120.86C131.816 122.349 135.047 123.088 138.512 123.088V120.288C135.459 120.288 132.659 119.64 130.09 118.356L128.838 120.86ZM138.512 123.088C142.462 123.088 145.757 122.173 148.231 120.178L146.473 117.998C144.649 119.47 142.05 120.288 138.512 120.288V123.088ZM148.214 120.191C150.836 118.143 152.08 115.167 152.08 111.496H149.28C149.28 114.481 148.305 116.567 146.49 117.985L148.214 120.191ZM152.08 111.496C152.08 107.908 150.725 105.008 147.973 102.984L146.315 105.24C148.277 106.683 149.28 108.705 149.28 111.496H152.08ZM147.989 102.996C145.381 101.02 141.928 100.112 137.784 100.112V102.912C141.544 102.912 144.331 103.737 146.299 105.228L147.989 102.996ZM137.784 100.112C135.382 100.112 133.076 100.403 130.871 100.991L131.593 103.697C133.548 103.175 135.61 102.912 137.784 102.912V100.112ZM130.904 100.983C128.82 101.486 126.868 102.136 125.052 102.935L126.18 105.497C127.831 104.771 129.623 104.173 131.56 103.705L130.904 100.983ZM126.39 103.049L117.134 96.9131L115.586 99.2469L124.842 105.383L126.39 103.049ZM240.42 113.368L239.098 112.907L239.095 112.916L239.092 112.925L240.42 113.368ZM233.868 125.328L234.942 126.226L233.868 125.328ZM223.572 133.336L222.963 132.075L222.955 132.079L223.572 133.336ZM197.052 133.44L196.435 134.697L196.448 134.703L196.461 134.709L197.052 133.44ZM186.86 125.432L185.775 126.317L185.781 126.324L185.786 126.33L186.86 125.432ZM180.412 113.576L179.084 114.019L179.086 114.025L180.412 113.576ZM180.412 83.936L179.088 83.4814L179.084 83.4933L180.412 83.936ZM187.068 71.872L185.994 70.9736V70.9736L187.068 71.872ZM197.26 63.864L196.651 62.6032L196.643 62.6074L197.26 63.864ZM223.78 63.864L223.163 65.1206L223.176 65.127L223.189 65.1332L223.78 63.864ZM233.972 71.768L232.887 72.6533L232.893 72.6599L232.898 72.6664L233.972 71.768ZM240.524 83.728L241.852 83.2853L240.524 83.728ZM225.236 89.448L226.588 89.0852L225.236 89.448ZM222.012 82.064L220.847 82.8406L220.847 82.8406L222.012 82.064ZM216.916 77.176L216.189 78.3727L216.198 78.3783L216.208 78.3838L216.916 77.176ZM203.812 77.176L204.506 78.3915L204.523 78.3823L204.538 78.3727L203.812 77.176ZM198.82 81.96L199.972 82.7548L199.979 82.7457L199.985 82.7366L198.82 81.96ZM195.596 89.24L194.244 88.8772L194.239 88.8927L194.236 88.9083L195.596 89.24ZM195.7 107.752L194.348 108.115L195.7 107.752ZM198.924 115.136L197.759 115.913L198.924 115.136ZM203.916 120.024L203.189 121.221L203.198 121.226L203.208 121.232L203.916 120.024ZM217.124 120.128L217.818 121.344L217.835 121.334L217.85 121.325L217.124 120.128ZM222.116 115.24L223.281 116.017L222.116 115.24ZM225.236 107.96L223.884 107.597L223.881 107.609L223.878 107.62L225.236 107.96ZM241.412 98.496C241.412 103.694 240.636 108.494 239.098 112.907L241.742 113.829C243.393 109.09 244.212 103.976 244.212 98.496H241.412ZM239.092 112.925C237.617 117.35 235.515 121.178 232.794 124.43L234.942 126.226C237.906 122.683 240.172 118.538 241.748 113.811L239.092 112.925ZM232.794 124.43C230.08 127.673 226.807 130.22 222.963 132.075L224.18 134.597C228.379 132.57 231.97 129.777 234.942 126.226L232.794 124.43ZM222.955 132.079C219.214 133.917 215.025 134.848 210.364 134.848V137.648C215.409 137.648 220.026 136.638 224.189 134.593L222.955 132.079ZM210.364 134.848C205.695 134.848 201.462 133.949 197.643 132.171L196.461 134.709C200.684 136.675 205.326 137.648 210.364 137.648V134.848ZM197.669 132.183C193.894 130.329 190.652 127.782 187.934 124.534L185.786 126.33C188.753 129.877 192.306 132.669 196.435 134.697L197.669 132.183ZM187.944 124.547C185.286 121.29 183.214 117.489 181.738 113.127L179.086 114.025C180.66 118.677 182.887 122.78 185.775 126.317L187.944 124.547ZM181.74 113.133C180.267 108.714 179.524 103.908 179.524 98.704H176.724C176.724 104.177 177.506 109.286 179.084 114.019L181.74 113.133ZM179.524 98.704C179.524 93.5713 180.266 88.7994 181.74 84.3787L179.084 83.4933C177.507 88.2246 176.724 93.298 176.724 98.704H179.524ZM181.736 84.3906C183.281 79.8897 185.42 76.0228 188.142 72.7704L185.994 70.9736C183.03 74.5158 180.732 78.6917 179.088 83.4814L181.736 84.3906ZM188.142 72.7704C190.86 69.5221 194.102 66.9752 197.877 65.1206L196.643 62.6074C192.514 64.6355 188.961 67.4272 185.994 70.9736L188.142 72.7704ZM197.868 65.1248C201.684 63.2828 205.911 62.352 210.572 62.352V59.552C205.526 59.552 200.878 60.5625 196.651 62.6032L197.868 65.1248ZM210.572 62.352C215.233 62.352 219.422 63.2829 223.163 65.1206L224.397 62.6074C220.234 60.5624 215.617 59.552 210.572 59.552V62.352ZM223.189 65.1332C227.021 66.9172 230.249 69.4215 232.887 72.6533L235.056 70.8827C232.148 67.3199 228.581 64.5548 224.371 62.5948L223.189 65.1332ZM232.898 72.6664C235.618 75.9176 237.721 79.7464 239.196 84.1707L241.852 83.2853C240.276 78.5576 238.01 74.413 235.046 70.8696L232.898 72.6664ZM239.196 84.1707C240.669 88.5914 241.412 93.3633 241.412 98.496H244.212C244.212 93.09 243.429 88.0166 241.852 83.2853L239.196 84.1707ZM227.78 98.704C227.78 95.2692 227.386 92.0605 226.588 89.0852L223.884 89.8108C224.611 92.5209 224.98 95.4828 224.98 98.704H227.78ZM226.588 89.0852C225.793 86.1208 224.661 83.5145 223.177 81.2874L220.847 82.8406C222.136 84.7735 223.154 87.0899 223.884 89.8108L226.588 89.0852ZM223.177 81.2874C221.681 79.044 219.831 77.2618 217.624 75.9682L216.208 78.3838C218.022 79.4475 219.569 80.924 220.847 82.8406L223.177 81.2874ZM217.642 75.9793C215.467 74.6585 213.028 74.008 210.364 74.008V76.808C212.553 76.808 214.482 77.3362 216.189 78.3727L217.642 75.9793ZM210.364 74.008C207.699 74.008 205.261 74.6585 203.085 75.9793L204.538 78.3727C206.246 77.3362 208.175 76.808 210.364 76.808V74.008ZM203.117 75.9605C200.966 77.1898 199.148 78.9442 197.655 81.1834L199.985 82.7366C201.265 80.8158 202.775 79.3809 204.506 78.3915L203.117 75.9605ZM197.667 81.1652C196.173 83.3312 195.039 85.9109 194.244 88.8772L196.948 89.6028C197.677 86.8838 198.693 84.6101 199.972 82.7548L197.667 81.1652ZM194.236 88.9083C193.513 91.8732 193.156 95.0712 193.156 98.496H195.956C195.956 95.2648 196.292 92.2922 196.956 89.5717L194.236 88.9083ZM193.156 98.496C193.156 101.931 193.549 105.14 194.348 108.115L197.052 107.389C196.325 104.679 195.956 101.717 195.956 98.496H193.156ZM194.348 108.115C195.143 111.079 196.274 113.686 197.759 115.913L200.089 114.359C198.8 112.426 197.782 110.11 197.052 107.389L194.348 108.115ZM197.759 115.913C199.248 118.146 201.056 119.925 203.189 121.221L204.642 118.827C202.893 117.765 201.373 116.286 200.089 114.359L197.759 115.913ZM203.208 121.232C205.442 122.542 207.907 123.192 210.572 123.192V120.392C208.383 120.392 206.411 119.864 204.624 118.816L203.208 121.232ZM210.572 123.192C213.221 123.192 215.648 122.584 217.818 121.344L216.429 118.912C214.717 119.891 212.776 120.392 210.572 120.392V123.192ZM217.85 121.325C219.984 120.029 221.792 118.25 223.281 116.017L220.951 114.463C219.666 116.39 218.147 117.869 216.397 118.931L217.85 121.325ZM223.281 116.017C224.768 113.785 225.867 111.207 226.594 108.3L223.878 107.62C223.218 110.26 222.237 112.535 220.951 114.463L223.281 116.017ZM226.588 108.323C227.386 105.348 227.78 102.139 227.78 98.704H224.98C224.98 101.925 224.611 104.887 223.884 107.597L226.588 108.323ZM285.293 75.928L286.285 76.915L288.658 74.528H285.293V75.928ZM256.693 75.928H255.293V77.328H256.693V75.928ZM256.693 62.2V60.8H255.293V62.2H256.693ZM305.885 62.2H307.285V60.8H305.885V62.2ZM305.885 74.264L306.851 75.2766L307.285 74.8629V74.264H305.885ZM287.477 91.84L286.51 90.8274L284.485 92.7607L287.246 93.2209L287.477 91.84ZM294.757 93.816L295.257 92.5083L294.757 93.816ZM300.997 97.664L300.047 98.6927L300.058 98.7028L300.069 98.7126L300.997 97.664ZM305.365 103.696L304.091 104.278L304.095 104.285L304.098 104.292L305.365 103.696ZM305.157 121.896L303.87 121.345L303.864 121.358L303.859 121.371L305.157 121.896ZM299.957 129.488L298.998 128.468L298.99 128.475L298.982 128.482L299.957 129.488ZM291.741 134.48L291.264 133.163L291.741 134.48ZM263.973 132.816L263.331 134.061L263.343 134.066L263.354 134.072L263.973 132.816ZM252.429 123.664L251.463 122.65L250.515 123.554L251.353 124.56L252.429 123.664ZM263.453 113.16L264.505 112.236L263.542 111.141L262.487 112.146L263.453 113.16ZM271.253 119.712L270.565 120.931L270.583 120.942L270.602 120.952L271.253 119.712ZM288.413 119.504L287.524 118.422L287.514 118.43L287.505 118.438L288.413 119.504ZM287.581 105.984L286.812 107.154L286.819 107.159L286.827 107.164L287.581 105.984ZM270.421 103.592L269.061 103.925L269.322 104.992H270.421V103.592ZM267.925 93.4L266.932 92.413L266.378 92.9701L266.565 93.733L267.925 93.4ZM285.293 74.528H256.693V77.328H285.293V74.528ZM258.093 75.928V62.2H255.293V75.928H258.093ZM256.693 63.6H305.885V60.8H256.693V63.6ZM304.485 62.2V74.264H307.285V62.2H304.485ZM304.918 73.2514L286.51 90.8274L288.443 92.8526L306.851 75.2766L304.918 73.2514ZM287.246 93.2209C289.65 93.6216 291.987 94.2558 294.257 95.1237L295.257 92.5083C292.812 91.5735 290.295 90.8904 287.707 90.459L287.246 93.2209ZM294.257 95.1237C296.453 95.9633 298.379 97.1529 300.047 98.6927L301.946 96.6353C300.009 94.8471 297.775 93.4714 295.257 92.5083L294.257 95.1237ZM300.069 98.7126C301.71 100.164 303.054 102.01 304.091 104.278L306.638 103.114C305.456 100.529 303.889 98.3532 301.924 96.6154L300.069 98.7126ZM304.098 104.292C305.097 106.415 305.629 109.077 305.629 112.328H308.429C308.429 108.785 307.851 105.691 306.631 103.1L304.098 104.292ZM305.629 112.328C305.629 115.623 305.036 118.623 303.87 121.345L306.443 122.447C307.773 119.345 308.429 115.966 308.429 112.328H305.629ZM303.859 121.371C302.756 124.095 301.138 126.457 298.998 128.468L300.915 130.508C303.351 128.22 305.2 125.521 306.454 122.421L303.859 121.371ZM298.982 128.482C296.922 130.478 294.36 132.044 291.264 133.163L292.217 135.797C295.639 134.559 298.553 132.796 300.931 130.494L298.982 128.482ZM291.264 133.163C288.181 134.279 284.705 134.848 280.821 134.848V137.648C284.979 137.648 288.783 137.038 292.217 135.797L291.264 133.163ZM280.821 134.848C274.392 134.848 268.999 133.731 264.591 131.56L263.354 134.072C268.237 136.477 274.076 137.648 280.821 137.648V134.848ZM264.614 131.571C260.195 129.295 256.497 126.36 253.504 122.768L251.353 124.56C254.6 128.456 258.598 131.622 263.331 134.061L264.614 131.571ZM253.394 124.678L264.418 114.174L262.487 112.146L251.463 122.65L253.394 124.678ZM262.401 114.084C264.979 117.02 267.697 119.314 270.565 120.931L271.94 118.493C269.4 117.059 266.919 114.986 264.505 112.236L262.401 114.084ZM270.602 120.952C273.612 122.532 277.102 123.296 281.029 123.296V120.496C277.467 120.496 274.44 119.804 271.903 118.472L270.602 120.952ZM281.029 123.296C284.329 123.296 287.139 122.428 289.32 120.57L287.505 118.438C285.943 119.769 283.829 120.496 281.029 120.496V123.296ZM289.301 120.586C291.603 118.695 292.725 116.095 292.725 112.952H289.925C289.925 115.356 289.105 117.123 287.524 118.422L289.301 120.586ZM292.725 112.952C292.725 109.441 291.247 106.665 288.334 104.804L286.827 107.164C288.906 108.492 289.925 110.362 289.925 112.952H292.725ZM288.349 104.814C285.598 103.006 281.781 102.192 277.077 102.192V104.992C281.524 104.992 284.71 105.773 286.812 107.154L288.349 104.814ZM277.077 102.192H270.421V104.992H277.077V102.192ZM271.78 103.259L269.284 93.067L266.565 93.733L269.061 103.925L271.78 103.259ZM268.917 94.387L286.285 76.915L284.3 74.941L266.932 92.413L268.917 94.387Z" fill="#4361EE"/>
+</svg>
diff --git a/public/assets/images/error/maintenence-dark.svg b/public/assets/images/error/maintenence-dark.svg
new file mode 100644
index 0000000000000000000000000000000000000000..90c88ad69c91d5f320a0b369bc67a190676c5984
--- /dev/null
+++ b/public/assets/images/error/maintenence-dark.svg
@@ -0,0 +1,202 @@
+<svg width="514" height="514" viewBox="0 0 514 514" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M58.6907 250.438C58.6907 250.438 52.9283 250.022 53.4594 262.978C53.9906 275.934 55.3075 282.843 55.3075 282.843C55.3075 282.843 55.1401 285.717 52.921 285.155C50.702 284.594 46.5257 281.792 44.4667 283.886C42.3277 286.053 43.0916 289.379 45.9218 293.297C48.7594 297.214 54.6599 306.019 55.1911 306.822C55.7149 307.602 55.9186 309.076 54.3471 308.937C52.7755 308.799 42.153 305.188 40.7488 310.345C39.3446 315.503 49.0358 325.11 50.069 326.183C51.1094 327.255 51.1676 327.926 50.7456 328.576C50.3236 329.225 46.8677 327.671 43.8046 326.774C40.7416 325.869 37.031 325.366 36.4707 328.408C35.9105 331.45 40.1741 340.357 56.1587 349.709L63.8491 353.561L71.1248 348.907C86.0981 337.994 89.4522 328.707 88.5937 325.738C87.7279 322.769 84.09 323.644 81.1361 324.848C78.1822 326.051 74.8936 327.941 74.4134 327.343C73.9259 326.737 73.9186 326.059 74.8427 324.892C75.7667 323.724 84.4538 313.19 82.5403 308.2C80.6268 303.211 70.419 307.865 68.8693 308.164C67.3196 308.463 67.3778 306.982 67.8216 306.143C68.2727 305.297 73.2638 295.937 75.6939 291.757C78.124 287.577 78.5532 284.192 76.2032 282.252C73.9405 280.377 70.0698 283.58 67.9162 284.36C65.7626 285.141 65.3115 282.303 65.3115 282.303C65.3115 282.303 65.9372 275.3 65.1733 262.358C64.4093 249.41 58.5815 250.453 58.5815 250.453" fill="#EBEBEB" fill-opacity="0.2"/>
+<path d="M59.1417 262.045C59.1417 262.045 59.1563 262.14 59.1708 262.315C59.1854 262.505 59.2072 262.767 59.229 263.11C59.28 263.825 59.3454 264.854 59.4328 266.174C59.6074 268.829 59.8329 272.681 60.0948 277.438C60.6187 286.95 61.2371 300.096 61.8701 314.613C62.5031 329.138 63.0851 342.283 63.5581 351.796C63.7982 356.545 63.9946 360.39 64.1328 363.06C64.1983 364.38 64.2492 365.409 64.2856 366.124C64.3002 366.467 64.3075 366.729 64.3147 366.919C64.3147 367.101 64.3147 367.189 64.3147 367.189C64.3147 367.189 64.3002 367.094 64.2856 366.919C64.2711 366.729 64.2492 366.467 64.2274 366.124C64.1765 365.409 64.111 364.38 64.0237 363.067C63.8491 360.412 63.6235 356.56 63.3616 351.803C62.8378 342.291 62.2193 329.145 61.5864 314.62C60.9534 300.103 60.3713 286.958 59.8984 277.445C59.6583 272.696 59.4619 268.851 59.3236 266.181C59.2581 264.861 59.2072 263.832 59.1708 263.117C59.1563 262.774 59.149 262.512 59.1417 262.322C59.1417 262.14 59.1417 262.052 59.1417 262.052V262.045Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M50.1417 288.029C50.1417 288.029 50.3236 288.161 50.6219 288.431C50.9202 288.7 51.335 289.102 51.8443 289.605C52.8556 290.612 54.2234 292.042 55.7004 293.647C57.1482 295.23 58.4506 296.667 59.4619 297.776C59.913 298.264 60.2913 298.68 60.6042 299.023C60.8734 299.315 61.0189 299.483 61.0043 299.497C60.9898 299.512 60.8224 299.373 60.5241 299.103C60.2258 298.833 59.8111 298.432 59.3091 297.921C58.305 296.9 56.959 295.456 55.4821 293.851C54.027 292.275 52.7101 290.852 51.6915 289.751C51.2404 289.262 50.8548 288.854 50.5419 288.511C50.2727 288.212 50.1272 288.044 50.1417 288.029Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M61.7682 299.235C61.71 299.177 64.5257 296.222 68.0471 292.64C71.5758 289.051 74.4788 286.192 74.537 286.25C74.5952 286.308 71.7868 289.263 68.2581 292.845C64.7294 296.427 61.8264 299.286 61.7682 299.235Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M61.7391 321.579C61.7391 321.579 61.921 321.441 62.2775 321.236C62.685 321.003 63.187 320.726 63.7836 320.39C65.0496 319.675 66.803 318.683 68.6947 317.516C70.5864 316.356 72.267 315.247 73.4748 314.43C74.0423 314.051 74.5152 313.73 74.9081 313.467C75.2501 313.241 75.4392 313.124 75.4538 313.146C75.4683 313.168 75.2937 313.314 74.9736 313.562C74.6535 313.817 74.1805 314.175 73.5912 314.598C72.4126 315.459 70.7464 316.597 68.8402 317.764C66.9412 318.931 65.1733 319.901 63.8782 320.573C63.2307 320.908 62.6995 321.163 62.3285 321.339C61.9574 321.514 61.7464 321.594 61.7391 321.579Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M48.9995 313.76C48.9995 313.76 49.1959 313.833 49.5306 314.008C49.8653 314.183 50.3382 314.453 50.9276 314.781C52.0989 315.445 53.7069 316.386 55.4676 317.436C57.2356 318.487 58.8217 319.457 59.9639 320.172C60.5387 320.53 60.9971 320.821 61.3099 321.033C61.6228 321.244 61.7901 321.361 61.7829 321.383C61.7756 321.398 61.5864 321.31 61.2517 321.135C60.9171 320.96 60.4441 320.69 59.8548 320.362C58.6834 319.698 57.0755 318.757 55.3148 317.706C53.5468 316.656 51.9607 315.686 50.8184 314.971C50.2436 314.613 49.7853 314.321 49.4724 314.11C49.1596 313.898 48.9922 313.782 48.9995 313.76Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M46.4675 333.485C46.4675 333.485 46.7148 333.587 47.1441 333.814C47.617 334.076 48.2209 334.405 48.9339 334.806C50.44 335.652 52.5063 336.841 54.7836 338.169C57.0608 339.496 59.1126 340.715 60.5895 341.605C61.288 342.035 61.8701 342.393 62.3357 342.677C62.7431 342.932 62.9614 343.086 62.9541 343.108C62.9469 343.122 62.7068 343.005 62.2775 342.779C61.8046 342.517 61.2007 342.188 60.4877 341.787C58.9816 340.941 56.9153 339.752 54.638 338.424C52.3608 337.096 50.309 335.878 48.8321 334.988C48.1336 334.558 47.5515 334.2 47.0859 333.916C46.6785 333.66 46.4602 333.507 46.4675 333.485Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M62.6195 342.758C62.6195 342.758 62.8451 342.583 63.2889 342.305C63.7764 342.006 64.4093 341.627 65.1587 341.167C66.7376 340.204 68.913 338.862 71.2703 337.323C73.6349 335.784 75.7376 334.332 77.2509 333.274C77.9712 332.771 78.5751 332.348 79.048 332.019C79.4773 331.727 79.7174 331.574 79.7246 331.589C79.7392 331.603 79.5209 331.793 79.1135 332.114C78.706 332.435 78.1167 332.895 77.3673 333.442C75.8831 334.543 73.795 336.024 71.4231 337.571C69.0585 339.117 66.8612 340.43 65.2533 341.35C64.4457 341.809 63.7909 342.167 63.3325 342.407C62.8742 342.648 62.6195 342.772 62.605 342.758H62.6195Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M74.1806 356.063H52.9065L59.8475 408.763H67.2396L74.1806 356.063Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M54.0125 362.542C54.0125 362.542 54.0343 362.614 54.1289 362.731C54.2162 362.841 54.3835 362.987 54.6454 363.096C55.1475 363.315 56.0351 363.337 56.8936 362.819C57.7521 362.345 58.5015 361.411 59.6511 360.995C60.7934 360.557 62.2049 360.638 63.5654 361.075C64.9405 361.498 66.1264 362.199 67.2105 362.848C68.2946 363.49 69.2841 364.066 70.1717 364.438C71.0521 364.825 71.8233 365 72.3544 365.073C72.6236 365.109 72.8273 365.117 72.9729 365.117C73.1111 365.117 73.1911 365.117 73.1911 365.102C73.2057 365.029 71.9906 365.044 70.2736 364.219C69.4151 363.825 68.4474 363.235 67.3779 362.578C66.3083 361.914 65.086 361.192 63.6745 360.754C62.2776 360.302 60.7716 360.222 59.542 360.71C58.9308 360.944 58.4142 361.309 57.985 361.673C57.5484 362.031 57.1628 362.374 56.7699 362.622C55.9914 363.125 55.1766 363.147 54.6964 362.979C54.2089 362.811 54.0488 362.52 54.0197 362.549L54.0125 362.542Z" fill="#F5F5F5" fill-opacity="0.2"/>
+<path d="M54.7836 372.251C54.7836 372.251 54.9509 372.033 55.2856 371.682C55.6275 371.347 56.1805 370.902 56.9881 370.603C57.7884 370.296 58.8143 370.114 59.9493 370.158C61.0916 370.194 62.3284 370.45 63.6526 370.661C64.9695 370.88 66.2791 370.982 67.4432 370.822C68.6073 370.668 69.6187 370.333 70.4263 369.968C71.2339 369.596 71.8305 369.195 72.2161 368.896C72.609 368.597 72.7981 368.4 72.7836 368.385C72.7472 368.327 71.925 369.064 70.3244 369.742C69.5241 370.07 68.5346 370.377 67.3996 370.501C66.2646 370.639 65.0132 370.537 63.7035 370.318C62.3939 370.107 61.1352 369.859 59.9566 369.837C58.7779 369.808 57.7157 370.026 56.8935 370.377C56.0641 370.72 55.5039 371.216 55.1837 371.595C55.0309 371.792 54.9218 371.952 54.8636 372.069C54.7981 372.186 54.7763 372.244 54.7836 372.251Z" fill="#F5F5F5" fill-opacity="0.2"/>
+<path d="M71.7723 377.445C71.7723 377.445 71.5831 377.299 71.183 377.139C70.7901 376.978 70.1862 376.818 69.4222 376.759C68.6583 376.701 67.7488 376.745 66.7594 376.913C65.7699 377.073 64.7003 377.35 63.5872 377.584C62.474 377.817 61.3972 377.978 60.4222 377.941C59.4473 377.905 58.5815 377.693 57.9049 377.394C56.537 376.789 56.0496 375.913 55.9986 375.972C55.9841 375.979 56.0787 376.198 56.3551 376.526C56.6316 376.854 57.1045 377.27 57.803 377.613C58.4942 377.956 59.3891 378.204 60.4077 378.255C61.4263 378.313 62.5322 378.153 63.6599 377.919C64.7876 377.679 65.8426 377.394 66.8176 377.219C67.7852 377.044 68.6729 376.971 69.415 376.993C70.9065 377.044 71.7577 377.496 71.7796 377.431L71.7723 377.445Z" fill="#F5F5F5" fill-opacity="0.2"/>
+<path d="M56.668 384.755C56.6752 384.813 57.4246 384.281 58.7343 384.543C59.3745 384.66 60.0875 384.981 60.8951 385.353C61.6955 385.725 62.6631 386.046 63.7035 386.126C65.7917 386.331 67.6542 385.652 68.7892 384.944C69.3713 384.594 69.7787 384.222 70.0552 383.967C70.3171 383.69 70.4481 383.529 70.4263 383.515C70.3826 383.464 69.8224 384.091 68.6656 384.733C67.5233 385.368 65.7335 385.973 63.7327 385.783C61.7173 385.667 60.1748 384.463 58.7779 384.302C58.094 384.2 57.5265 384.302 57.17 384.441C56.8135 384.58 56.6607 384.74 56.668 384.755Z" fill="#F5F5F5" fill-opacity="0.2"/>
+<path d="M57.854 394.866C57.854 394.902 58.567 394.902 59.6293 394.515C60.6988 394.158 62.023 393.334 63.5654 392.721C64.3439 392.422 65.1151 392.239 65.8281 392.247C66.5339 392.247 67.1669 392.422 67.6471 392.662C68.622 393.151 68.9058 393.844 68.964 393.8C68.9785 393.8 68.9349 393.618 68.7602 393.348C68.5856 393.078 68.2655 392.728 67.7635 392.444C67.2687 392.159 66.5994 391.947 65.8354 391.926C65.0715 391.904 64.2493 392.086 63.449 392.392C61.8484 393.034 60.5678 393.881 59.542 394.282C58.5306 394.72 57.8467 394.807 57.8613 394.866H57.854Z" fill="#F5F5F5" fill-opacity="0.2"/>
+<path d="M58.8944 399.579C58.8798 399.623 59.3891 399.805 60.2404 400.016C61.0916 400.228 62.2775 400.454 63.609 400.585C64.9404 400.717 66.1482 400.724 67.0213 400.688C67.8944 400.644 68.4328 400.564 68.4255 400.52C68.4255 400.418 66.2719 400.505 63.6381 400.243C61.0043 399.987 58.9162 399.477 58.8871 399.579H58.8944Z" fill="#F5F5F5" fill-opacity="0.2"/>
+<path d="M452.8 106.978L445.554 107.018L445.749 143.157L452.995 143.117L452.8 106.978Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M401.552 107.074L382.796 107.176L382.903 127.127L401.66 127.026L401.552 107.074Z" fill="#EBEBEB" fill-opacity="0.2"/>
+<path d="M420.228 106.972L401.471 107.074L401.579 127.026L420.335 126.924L420.228 106.972Z" fill="#F5F5F5" fill-opacity="0.2"/>
+<path d="M382.829 112.707C395.292 112.809 407.792 112.736 420.255 112.532C420.51 112.532 420.51 112.131 420.255 112.131C407.792 112.065 395.292 112.123 382.829 112.357C382.611 112.357 382.611 112.7 382.829 112.7V112.707Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M405.187 126.7L371.108 126.885L371.196 143.145L405.274 142.96L405.187 126.7Z" fill="#EBEBEB" fill-opacity="0.2"/>
+<path d="M439.104 126.508L405.026 126.693L405.113 142.954L439.192 142.769L439.104 126.508Z" fill="#F5F5F5" fill-opacity="0.2"/>
+<path d="M371.13 131.419C393.772 131.674 416.486 131.448 439.121 131.083C439.376 131.083 439.376 130.682 439.121 130.682C416.479 130.565 393.765 130.572 371.13 131.076C370.912 131.076 370.912 131.419 371.13 131.419Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M490.415 143.156H358.383V148.978H490.415V143.156Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M385.361 145.958H379.999V165.83H385.361V145.958Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M465.372 145.958H460.01V165.83H465.372V145.958Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M459.865 93.5095L452.619 93.5488L452.887 143.249L460.133 143.21L459.865 93.5095Z" fill="#EBEBEB" fill-opacity="0.2"/>
+<path d="M471.178 102.757L459.922 102.818L460.14 143.094L471.395 143.033L471.178 102.757Z" fill="#F5F5F5" fill-opacity="0.2"/>
+<path d="M471.105 110.541C471.105 110.65 468.588 110.738 465.481 110.738C462.374 110.738 459.857 110.65 459.857 110.541C459.857 110.431 462.374 110.344 465.481 110.344C468.588 110.344 471.105 110.431 471.105 110.541Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M471.105 108.847C471.105 108.957 468.588 109.044 465.481 109.044C462.374 109.044 459.857 108.957 459.857 108.847C459.857 108.738 462.374 108.65 465.481 108.65C468.588 108.65 471.105 108.738 471.105 108.847Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M471.105 137C471.105 137.109 468.588 137.197 465.481 137.197C462.374 137.197 459.857 137.109 459.857 137C459.857 136.89 462.374 136.803 465.481 136.803C468.588 136.803 471.105 136.89 471.105 137Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M471.105 135.307C471.105 135.417 468.588 135.504 465.481 135.504C462.374 135.504 459.857 135.417 459.857 135.307C459.857 135.198 462.374 135.11 465.481 135.11C468.588 135.11 471.105 135.198 471.105 135.307Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M465.656 131.616C465.546 131.616 465.459 127.553 465.459 122.541C465.459 117.529 465.546 113.466 465.656 113.466C465.765 113.466 465.852 117.529 465.852 122.541C465.852 127.553 465.765 131.616 465.656 131.616Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M483.474 112.671H471.221V143.069H483.474V112.671Z" fill="#EBEBEB" fill-opacity="0.2"/>
+<path d="M458.212 102.012C458.212 103.165 457.281 104.099 456.132 104.099C454.982 104.099 454.051 103.165 454.051 102.012C454.051 100.86 454.982 99.9258 456.132 99.9258C457.281 99.9258 458.212 100.86 458.212 102.012Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M456.779 107.754H455.491V137.321H456.779V107.754Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M114.873 94.623H38.0714V206.238H114.873V94.623Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M111.025 94.623H34.2228V206.238H111.025V94.623Z" fill="#F5F5F5" fill-opacity="0.2"/>
+<path d="M101.486 106.71H43.7682V194.149H101.486V106.71Z" fill="white" fill-opacity="0.2"/>
+<path d="M101.479 194.149C101.479 194.149 101.472 194.003 101.464 193.718C101.464 193.427 101.464 193.018 101.45 192.478C101.45 191.377 101.435 189.772 101.428 187.685C101.413 183.498 101.399 177.385 101.377 169.674C101.355 154.252 101.319 132.425 101.282 106.71L101.472 106.9C83.8354 106.9 64.3002 106.914 43.761 106.914L43.972 106.703C43.9574 139.684 43.9429 170.097 43.9283 194.141L43.761 193.974C61.339 194.01 75.7448 194.039 85.7707 194.061C90.7837 194.083 94.7052 194.09 97.3754 194.105C98.7069 194.112 99.7255 194.12 100.424 194.127C101.115 194.127 101.479 194.141 101.479 194.141C101.479 194.141 101.137 194.156 100.46 194.156C99.7691 194.156 98.7578 194.163 97.4482 194.178C94.7853 194.185 90.8782 194.2 85.8799 194.222C75.8321 194.244 61.3899 194.273 43.7682 194.309H43.6009V194.141C43.5864 170.104 43.5718 139.691 43.5573 106.703V106.491H43.7682C64.3075 106.491 83.8427 106.506 101.479 106.506H101.668V106.695C101.632 132.454 101.595 154.332 101.573 169.783C101.552 177.479 101.537 183.571 101.523 187.751C101.515 189.823 101.508 191.42 101.501 192.507C101.501 193.04 101.493 193.441 101.486 193.726C101.486 193.996 101.472 194.134 101.472 194.134L101.479 194.149Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M111.236 94.6225C111.279 94.6589 110.755 95.4176 109.868 96.614C108.973 97.8104 107.707 99.4372 106.266 101.195C104.818 102.953 103.472 104.515 102.468 105.623C101.472 106.732 100.824 107.389 100.78 107.352C100.737 107.316 101.304 106.586 102.243 105.434C103.276 104.179 104.542 102.64 105.939 100.933C107.336 99.2256 108.602 97.6864 109.635 96.4316C110.588 95.2863 111.192 94.586 111.236 94.6225Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M101.777 193.873C104.644 198.44 108.027 202.685 111.847 206.494L101.777 193.873Z" fill="white" fill-opacity="0.2"/>
+<path d="M111.839 206.493C111.803 206.529 111.119 205.938 110.086 204.895C109.053 203.852 107.685 202.349 106.288 200.598C104.891 198.848 103.734 197.177 102.949 195.937C102.163 194.697 101.734 193.894 101.777 193.865C101.828 193.836 102.345 194.58 103.196 195.769C104.04 196.958 105.233 198.592 106.623 200.336C108.012 202.079 109.337 203.597 110.312 204.691C111.287 205.778 111.898 206.449 111.854 206.493H111.839Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M34.2152 206.149C37.5693 201.999 40.9234 197.855 44.2775 193.704L34.2152 206.149Z" fill="white" fill-opacity="0.2"/>
+<path d="M44.2702 193.705C44.3575 193.778 42.1821 196.623 39.4028 200.059C36.6235 203.495 34.3026 206.223 34.208 206.15C34.1207 206.077 36.2961 203.232 39.0754 199.796C41.8547 196.36 44.1757 193.632 44.2702 193.705Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M34.2227 94.6226C34.31 94.5496 36.5 97.1686 39.1047 100.473C41.7093 103.778 43.7538 106.514 43.6592 106.586C43.5719 106.659 41.3819 104.041 38.7772 100.736C36.1726 97.4312 34.1354 94.6955 34.2227 94.6226Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M83.5007 124.467H64.1765V179.486H83.5007V124.467Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M441.791 309.762H307.591V371.821H441.791V309.762Z" fill="#F5F5F5" fill-opacity="0.2"/>
+<path d="M438.597 368.888H310.662V313.022H438.597V368.888ZM311.498 368.049H437.761V313.854H311.498V368.049Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M474.575 309.762H441.791V371.821H474.575V309.762Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M311.084 330.312H438.183C438.401 330.312 438.401 329.977 438.183 329.977H311.084C310.865 329.977 310.865 330.312 311.084 330.312Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M375.044 330.144C375.422 324.636 375.386 318.8 375.088 313.285C375.073 313.066 374.76 313.066 374.746 313.285C374.448 318.8 374.411 324.636 374.789 330.144C374.804 330.312 375.037 330.312 375.044 330.144Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M409.254 321.719C409.254 322.674 408.476 323.455 407.523 323.455C406.57 323.455 405.791 322.674 405.791 321.719C405.791 320.763 406.57 319.982 407.523 319.982C408.476 319.982 409.254 320.763 409.254 321.719Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M342.551 321.719C342.551 322.674 341.773 323.455 340.819 323.455C339.866 323.455 339.088 322.674 339.088 321.719C339.088 320.763 339.866 319.982 340.819 319.982C341.773 319.982 342.551 320.763 342.551 321.719Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M376.361 340.955C376.361 341.911 375.583 342.691 374.629 342.691C373.676 342.691 372.898 341.911 372.898 340.955C372.898 339.999 373.676 339.219 374.629 339.219C375.583 339.219 376.361 339.999 376.361 340.955Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M323.634 371.813L316.73 410.776H320.615L333.355 371.813H323.634Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M432.297 371.813L438.073 410.842H434.188L422.583 371.813H432.297Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M458.242 371.813L464.79 410.842H460.897L448.521 371.813H458.242Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M376.245 358.522C376.245 359.478 375.466 360.259 374.513 360.259C373.56 360.259 372.781 359.478 372.781 358.522C372.781 357.567 373.56 356.786 374.513 356.786C375.466 356.786 376.245 357.567 376.245 358.522Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M311.084 349.527H438.183C438.401 349.527 438.401 349.191 438.183 349.191H311.084C310.865 349.191 310.865 349.527 311.084 349.527Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M195.299 386.929V410.514H229.705H267.648V386.929H195.299Z" fill="#F5F5F5" fill-opacity="0.2"/>
+<path d="M192.257 380.334V386.929H270.18V380.334H229.705H192.257Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M231.219 410.514H267.648V386.929H270.18V380.334H229.705V386.316L231.219 410.514Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M220.094 390.729H205.419V394.282H220.094V390.729Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M222.371 398.718H203.527V406.217H222.371V398.718Z" fill="white" fill-opacity="0.2"/>
+<path d="M206.43 356.771V380.363H240.837H278.78V356.771H206.43Z" fill="#F5F5F5" fill-opacity="0.2"/>
+<path d="M203.389 350.176V356.771H281.312V350.176H240.837H203.389Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M242.35 380.363H278.78V356.771H281.312V350.176H240.837V356.165L242.35 380.363Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M231.219 360.578H216.544V364.131H231.219V360.578Z" fill="#E0E0E0" fill-opacity="0.2"/>
+<path d="M233.503 368.566H214.659V376.066H233.503V368.566Z" fill="white" fill-opacity="0.2"/>
+<path d="M425.028 264.197C426.345 263.402 427.742 262.796 429.19 262.388L430.048 258.259L437.004 258.135L438.008 262.227C439.463 262.585 440.889 263.139 442.228 263.891L445.742 261.578L450.748 266.422L448.565 270.026C449.358 271.346 449.962 272.747 450.369 274.199L454.487 275.059L454.611 282.033L450.529 283.04C450.173 284.499 449.62 285.929 448.87 287.271L451.177 290.795L446.346 295.814L442.752 293.625C441.435 294.42 440.038 295.026 438.59 295.434L437.731 299.563L430.776 299.687L429.772 295.595C428.317 295.237 426.891 294.683 425.552 293.932L422.038 296.244L417.032 291.4L419.215 287.797C418.422 286.476 417.818 285.075 417.41 283.624L413.292 282.763L413.169 275.789L417.25 274.782C417.607 273.323 418.16 271.893 418.909 270.551L416.603 267.027L421.434 262.008L425.028 264.197ZM428.739 273.491C425.872 276.467 425.959 281.202 428.928 284.076C431.896 286.95 436.618 286.863 439.485 283.886C442.344 280.91 442.264 276.175 439.303 273.301C436.334 270.427 431.613 270.514 428.746 273.491H428.739Z" fill="#EBEBEB" fill-opacity="0.1"/>
+<path d="M204.633 266.698C206.925 265.312 209.37 264.255 211.887 263.54L213.379 256.339L225.507 256.128L227.253 263.27C229.793 263.897 232.274 264.867 234.609 266.173L240.735 262.146L249.459 270.594L245.661 276.875C247.05 279.173 248.098 281.624 248.811 284.148L255.985 285.644L256.196 297.805L249.073 299.555C248.447 302.101 247.48 304.589 246.177 306.931L250.194 313.073L241.768 321.82L235.504 318.012C233.212 319.398 230.768 320.456 228.25 321.171L226.759 328.371L214.63 328.583L212.884 321.441C210.345 320.813 207.864 319.843 205.528 318.537L199.402 322.564L190.679 314.116L194.476 307.835C193.094 305.537 192.039 303.086 191.326 300.562L184.152 299.067L183.941 286.906L191.064 285.155C191.69 282.609 192.658 280.121 193.96 277.78L189.944 271.637L198.369 262.89L204.633 266.698ZM211.094 282.894C206.103 288.08 206.249 296.338 211.414 301.343C216.587 306.347 224.823 306.201 229.814 301.022C234.806 295.835 234.66 287.577 229.494 282.573C224.321 277.568 216.085 277.714 211.094 282.894Z" fill="#EBEBEB" fill-opacity="0.1"/>
+<path d="M280.992 195.317C282.105 194.638 283.298 194.128 284.52 193.778L285.248 190.276L291.148 190.174L292 193.646C293.237 193.953 294.444 194.42 295.579 195.062L298.562 193.099L302.811 197.206L300.963 200.263C301.64 201.379 302.149 202.575 302.498 203.801L305.991 204.531L306.093 210.447L302.629 211.3C302.324 212.541 301.858 213.751 301.218 214.89L303.175 217.881L299.079 222.141L296.03 220.288C294.917 220.966 293.724 221.477 292.502 221.827L291.774 225.329L285.874 225.431L285.022 221.958C283.785 221.652 282.578 221.185 281.443 220.543L278.46 222.506L274.211 218.398L276.059 215.342C275.382 214.226 274.873 213.029 274.524 211.804L271.031 211.074L270.929 205.158L274.393 204.304C274.698 203.064 275.164 201.853 275.804 200.715L273.847 197.724L277.943 193.464L280.992 195.317ZM284.135 203.196C281.705 205.72 281.777 209.739 284.295 212.168C286.812 214.605 290.821 214.532 293.244 212.008C295.674 209.484 295.601 205.464 293.084 203.035C290.566 200.598 286.557 200.671 284.135 203.196Z" fill="#F5F5F5" fill-opacity="0.1"/>
+<path d="M317.261 211.884C319.218 210.702 321.299 209.798 323.445 209.192L324.718 203.05L335.064 202.867L336.556 208.959C338.724 209.491 340.834 210.315 342.835 211.432L348.066 207.996L355.509 215.203L352.271 220.565C353.457 222.527 354.352 224.614 354.956 226.766L361.075 228.042L361.257 238.416L355.182 239.912C354.651 242.085 353.828 244.201 352.715 246.207L356.142 251.452L348.954 258.915L343.606 255.669C341.649 256.851 339.568 257.755 337.422 258.361L336.148 264.503L325.802 264.686L324.311 258.594C322.143 258.062 320.033 257.23 318.032 256.121L312.801 259.557L305.358 252.35L308.595 246.988C307.417 245.025 306.515 242.939 305.903 240.787L299.777 239.51L299.595 229.137L305.671 227.641C306.202 225.467 307.031 223.352 308.137 221.346L304.71 216.1L311.899 208.638L317.246 211.884H317.261ZM322.776 225.701C318.52 230.122 318.643 237.169 323.052 241.436C327.461 245.704 334.49 245.58 338.746 241.159C343.002 236.738 342.878 229.691 338.469 225.424C334.06 221.156 327.032 221.28 322.776 225.701Z" fill="#EBEBEB" fill-opacity="0.1"/>
+<path d="M322.303 158.797C323.278 158.207 324.326 157.754 325.395 157.448L326.035 154.377L331.208 154.289L331.95 157.331C333.035 157.601 334.09 158.01 335.086 158.571L337.698 156.85L341.423 160.453L339.801 163.131C340.39 164.108 340.841 165.159 341.147 166.231L344.21 166.873L344.297 172.06L341.263 172.804C340.994 173.891 340.587 174.949 340.026 175.948L341.736 178.567L338.142 182.302L335.472 180.675C334.497 181.266 333.449 181.719 332.38 182.025L331.739 185.096L326.566 185.184L325.824 182.142C324.74 181.872 323.685 181.463 322.689 180.901L320.077 182.623L316.351 179.019L317.974 176.342C317.385 175.365 316.933 174.314 316.628 173.242L313.565 172.6L313.478 167.413L316.511 166.669C316.781 165.582 317.188 164.524 317.748 163.525L316.039 160.906L319.633 157.171L322.303 158.797ZM325.06 165.706C322.929 167.916 322.994 171.44 325.199 173.577C327.403 175.715 330.917 175.649 333.049 173.439C335.181 171.228 335.115 167.705 332.911 165.567C330.706 163.43 327.192 163.495 325.06 165.706Z" fill="#EBEBEB" fill-opacity="0.2"/>
+<path d="M260.481 235.242C263.006 233.71 265.691 232.557 268.463 231.762L270.107 223.84L283.451 223.606L285.372 231.463C288.165 232.156 290.894 233.221 293.469 234.658L300.214 230.223L309.818 239.517L305.634 246.433C307.162 248.964 308.312 251.656 309.105 254.435L316.999 256.084L317.232 269.463L309.396 271.389C308.705 274.19 307.642 276.926 306.209 279.509L310.625 286.271L301.356 295.901L294.459 291.706C291.934 293.238 289.249 294.39 286.477 295.186L284.833 303.108L271.49 303.342L269.569 295.485C266.775 294.792 264.047 293.727 261.471 292.289L254.726 296.725L245.123 287.431L249.306 280.515C247.778 277.984 246.621 275.292 245.836 272.513L237.941 270.864L237.709 257.485L245.545 255.559C246.236 252.758 247.298 250.022 248.731 247.439L244.308 240.677L253.577 231.047L260.474 235.242H260.481Z" fill="#415FE9"/>
+<path d="M269.081 250.766H261.747V273.723H269.081V250.766Z" fill="white"/>
+<path d="M280.031 256.011H272.697V273.723H280.031V256.011Z" fill="white"/>
+<path d="M290.166 263.204H282.832V273.724H290.166V263.204Z" fill="white"/>
+<path d="M150.582 233.623C153.107 232.091 155.792 230.938 158.564 230.143L160.208 222.221L173.552 221.987L175.473 229.844C178.266 230.537 180.995 231.602 183.57 233.039L190.315 228.604L199.919 237.898L195.735 244.814C197.263 247.345 198.413 250.037 199.206 252.816L207.1 254.465L207.333 267.844L199.497 269.77C198.806 272.571 197.743 275.307 196.31 277.889L200.726 284.652L191.457 294.281L184.56 290.087C182.035 291.619 179.35 292.771 176.578 293.566L174.934 301.489L161.591 301.722L159.67 293.866C156.876 293.173 154.148 292.107 151.572 290.67L144.827 295.106L135.223 285.812L139.407 278.896C137.879 276.365 136.722 273.673 135.936 270.893L128.042 269.245L127.81 255.866L135.645 253.94C136.337 251.138 137.399 248.403 138.832 245.82L134.409 239.058L143.678 229.428L150.575 233.623H150.582Z" fill="#415FE9"/>
+<path d="M169.696 284.272C159.742 284.272 150.801 277.597 147.963 268.041C147.905 267.851 148.014 267.647 148.211 267.589C148.4 267.53 148.603 267.64 148.662 267.837C151.412 277.087 160.063 283.543 169.696 283.543C181.802 283.543 191.646 273.673 191.646 261.534C191.646 249.395 181.802 239.524 169.696 239.524C159.582 239.524 150.815 246.389 148.385 256.223C148.334 256.42 148.138 256.537 147.941 256.493C147.745 256.442 147.628 256.245 147.672 256.048C150.182 245.893 159.233 238.795 169.688 238.795C182.195 238.795 192.367 248.993 192.367 261.534C192.367 274.074 182.195 284.272 169.688 284.272H169.696Z" fill="white"/>
+<path d="M169.572 277.335C162.536 277.335 156.294 272.586 154.395 265.794C154.344 265.597 154.453 265.4 154.65 265.342C154.839 265.291 155.042 265.4 155.101 265.597C156.912 272.075 162.864 276.606 169.579 276.606C177.866 276.606 184.611 269.843 184.611 261.534C184.611 253.225 177.866 246.462 169.579 246.462C162.871 246.462 156.92 250.985 155.108 257.463C155.057 257.66 154.853 257.77 154.657 257.719C154.46 257.668 154.351 257.463 154.402 257.266C156.301 250.475 162.544 245.726 169.579 245.726C178.266 245.726 185.338 252.816 185.338 261.527C185.338 270.237 178.266 277.328 169.579 277.328L169.572 277.335Z" fill="white"/>
+<path d="M169.572 265.079C168.764 265.079 167.986 264.838 167.324 264.386C167.156 264.277 167.113 264.05 167.229 263.883C167.338 263.715 167.571 263.671 167.731 263.788C168.277 264.16 168.917 264.35 169.572 264.35C171.391 264.35 172.868 262.869 172.868 261.045C172.868 259.221 171.391 257.74 169.572 257.74C169.026 257.74 168.488 257.879 168.015 258.134C167.84 258.229 167.615 258.163 167.52 257.988C167.426 257.813 167.491 257.587 167.666 257.492C168.248 257.179 168.903 257.011 169.572 257.011C171.791 257.011 173.595 258.82 173.595 261.045C173.595 263.27 171.791 265.079 169.572 265.079Z" fill="white"/>
+<path d="M169.696 260.906L163.817 258.032L163.933 260.593L148.312 260.958L148.487 262.11L164.122 261.848L164.166 264.452L169.696 260.906Z" fill="white"/>
+<path d="M152.612 261.345L152.525 261.177C152.11 260.367 151.288 259.842 150.371 259.805L145.206 259.608L147.447 261.644L145.46 264.102L150.408 264C151.521 263.978 152.489 263.219 152.794 262.147L152.62 261.345H152.612Z" fill="white"/>
+<path d="M169.696 271.068C165.497 271.068 161.743 268.245 160.565 264.204C160.506 264.014 160.616 263.81 160.812 263.751C161.008 263.693 161.205 263.802 161.263 263.999C162.347 267.734 165.818 270.339 169.696 270.339C174.541 270.339 178.477 266.385 178.477 261.534C178.477 256.682 174.541 252.729 169.696 252.729C165.854 252.729 162.398 255.304 161.285 258.995C161.227 259.185 161.023 259.301 160.834 259.236C160.645 259.177 160.535 258.973 160.594 258.783C161.794 254.793 165.541 251.999 169.703 251.999C174.949 251.999 179.212 256.274 179.212 261.534C179.212 266.793 174.949 271.068 169.703 271.068H169.696Z" fill="white"/>
+<path d="M369.195 233.01C371.719 231.478 374.404 230.325 377.176 229.53L378.82 221.607L392.164 221.374L394.085 229.231C396.879 229.924 399.607 230.989 402.183 232.426L408.927 227.991L418.531 237.285L414.347 244.2C415.875 246.732 417.025 249.424 417.818 252.203L425.712 253.852L425.945 267.231L418.109 269.157C417.418 271.958 416.356 274.694 414.922 277.276L419.339 284.039L410.069 293.668L403.172 289.473C400.647 291.005 397.963 292.158 395.191 292.953L393.546 300.876L380.203 301.109L378.282 293.252C375.488 292.559 372.76 291.494 370.184 290.057L363.44 294.492L353.836 285.199L358.019 278.283C356.491 275.751 355.334 273.06 354.549 270.28L346.655 268.631L346.422 255.252L354.258 253.326C354.949 250.525 356.011 247.789 357.444 245.207L353.021 238.444L362.29 228.815L369.187 233.01H369.195Z" fill="#415FE9"/>
+<path d="M366.641 262.395L371.756 257.266L381.621 266.057L400.982 247.374L405.726 252.502L380.887 275.942L366.641 262.395Z" fill="white"/>
+<path d="M234.478 237.176C234.478 237.176 234.5 237.096 234.566 236.95C234.638 236.782 234.733 236.563 234.857 236.293C234.988 235.994 235.148 235.644 235.337 235.228C235.519 234.805 235.744 234.316 236.05 233.798C236.341 233.273 236.661 232.682 237.017 232.048C237.388 231.42 237.84 230.764 238.305 230.049C238.749 229.319 239.338 228.612 239.913 227.838C240.473 227.05 241.172 226.299 241.878 225.482C242.561 224.65 243.405 223.899 244.22 223.053C244.621 222.622 245.093 222.25 245.552 221.849C246.017 221.455 246.476 221.032 246.963 220.631C247.465 220.244 247.975 219.858 248.498 219.464C248.76 219.267 249.015 219.062 249.291 218.873C249.568 218.69 249.844 218.508 250.128 218.318C250.696 217.954 251.256 217.56 251.845 217.195C252.449 216.852 253.06 216.502 253.671 216.152C254.283 215.78 254.937 215.495 255.592 215.167C256.247 214.853 256.902 214.503 257.6 214.248C258.292 213.97 258.99 213.686 259.696 213.401C260.416 213.168 261.151 212.927 261.886 212.694C264.847 211.811 268.012 211.198 271.286 210.979C274.567 210.812 277.783 211.045 280.832 211.57C281.588 211.724 282.345 211.869 283.087 212.015C283.822 212.212 284.549 212.409 285.262 212.606C285.99 212.781 286.674 213.051 287.365 213.277C288.049 213.518 288.74 213.73 289.388 214.021C290.043 214.299 290.69 214.569 291.33 214.839C291.956 215.13 292.56 215.451 293.164 215.75C293.462 215.904 293.76 216.05 294.059 216.203C294.35 216.356 294.634 216.531 294.91 216.699C295.47 217.027 296.03 217.355 296.569 217.676C297.1 218.012 297.609 218.377 298.111 218.72C298.613 219.07 299.123 219.383 299.574 219.763C300.483 220.5 301.414 221.149 302.186 221.893C302.979 222.615 303.764 223.279 304.412 224.001C305.074 224.709 305.743 225.336 306.267 226.007C306.813 226.664 307.337 227.262 307.781 227.846C308.203 228.437 308.596 228.984 308.945 229.472C309.309 229.954 309.585 230.406 309.818 230.807C310.051 231.201 310.254 231.53 310.422 231.807C310.574 232.062 310.691 232.266 310.785 232.427C310.866 232.566 310.902 232.639 310.895 232.646C310.895 232.646 310.836 232.58 310.749 232.449C310.647 232.296 310.516 232.099 310.356 231.851C310.182 231.581 309.971 231.252 309.723 230.873C309.483 230.479 309.192 230.034 308.821 229.56C308.465 229.079 308.064 228.546 307.635 227.962C307.184 227.393 306.653 226.802 306.107 226.153C305.576 225.489 304.907 224.869 304.237 224.176C303.583 223.469 302.797 222.812 302.004 222.104C301.225 221.368 300.301 220.733 299.392 220.003C298.941 219.631 298.431 219.325 297.929 218.982C297.427 218.647 296.918 218.289 296.387 217.961C295.841 217.647 295.296 217.326 294.735 216.998C294.452 216.837 294.175 216.662 293.884 216.509C293.586 216.363 293.295 216.217 292.989 216.064C292.385 215.772 291.789 215.451 291.163 215.167C290.53 214.904 289.882 214.634 289.235 214.364C288.595 214.073 287.903 213.868 287.227 213.628C286.543 213.401 285.859 213.131 285.139 212.964C284.426 212.774 283.705 212.577 282.978 212.387C282.236 212.241 281.494 212.096 280.737 211.95C277.718 211.432 274.531 211.206 271.279 211.373C268.034 211.592 264.898 212.198 261.958 213.066C261.231 213.299 260.503 213.533 259.79 213.766C259.092 214.043 258.401 214.321 257.717 214.598C257.026 214.853 256.378 215.196 255.723 215.502C255.076 215.823 254.421 216.101 253.817 216.473C253.206 216.823 252.595 217.166 251.998 217.501C251.409 217.859 250.856 218.245 250.288 218.603C250.012 218.785 249.728 218.968 249.459 219.15C249.19 219.34 248.935 219.544 248.673 219.734C248.156 220.127 247.647 220.507 247.145 220.886C246.658 221.28 246.199 221.696 245.734 222.09C245.283 222.491 244.81 222.856 244.402 223.279C243.587 224.111 242.743 224.847 242.059 225.672C241.354 226.474 240.655 227.211 240.088 227.999C239.506 228.765 238.916 229.458 238.465 230.18C238 230.888 237.541 231.537 237.156 232.157C236.792 232.784 236.464 233.368 236.166 233.886C235.853 234.397 235.621 234.878 235.424 235.294C235.228 235.702 235.053 236.053 234.915 236.344C234.784 236.614 234.675 236.826 234.595 236.986C234.522 237.132 234.478 237.205 234.471 237.198L234.478 237.176Z" fill="#1B2E4B"/>
+<path d="M249.546 213.051C249.546 213.051 249.83 212.825 250.375 212.475C250.921 212.117 251.736 211.658 252.762 211.125C254.821 210.067 257.804 208.842 261.253 208.032C264.701 207.23 267.917 207.003 270.231 207.04C271.388 207.054 272.326 207.113 272.966 207.186C273.607 207.259 273.963 207.31 273.963 207.332C273.963 207.361 273.599 207.354 272.959 207.332C272.319 207.302 271.38 207.288 270.238 207.302C267.939 207.332 264.759 207.602 261.347 208.397C257.935 209.199 254.966 210.366 252.893 211.359C251.852 211.855 251.023 212.278 250.463 212.591C249.895 212.898 249.575 213.058 249.561 213.036L249.546 213.051Z" fill="#1B2E4B"/>
+<path d="M424.402 287.227C424.402 287.227 424.381 287.308 424.315 287.454C424.242 287.621 424.148 287.84 424.024 288.11C423.893 288.409 423.733 288.759 423.544 289.175C423.362 289.598 423.136 290.087 422.831 290.605C422.54 291.13 422.22 291.721 421.863 292.356C421.492 292.983 421.041 293.64 420.575 294.362C420.132 295.092 419.542 295.799 418.967 296.572C418.407 297.36 417.709 298.112 417.003 298.929C416.319 299.76 415.475 300.512 414.66 301.358C414.26 301.788 413.787 302.16 413.329 302.562C412.863 302.956 412.405 303.379 411.917 303.78C411.415 304.167 410.906 304.553 410.382 304.947C410.12 305.144 409.866 305.348 409.589 305.538C409.313 305.72 409.036 305.903 408.752 306.093C408.185 306.457 407.625 306.851 407.035 307.216C406.432 307.559 405.82 307.909 405.209 308.259C404.598 308.631 403.943 308.916 403.288 309.237C402.634 309.55 401.979 309.901 401.28 310.156C400.589 310.433 399.891 310.718 399.185 311.002C398.465 311.236 397.73 311.476 396.995 311.71C394.034 312.592 390.869 313.205 387.595 313.424C384.313 313.592 381.098 313.358 378.049 312.833C377.292 312.68 376.536 312.534 375.794 312.388C375.059 312.191 374.331 311.994 373.618 311.797C372.891 311.622 372.207 311.352 371.516 311.126C370.832 310.885 370.14 310.674 369.493 310.382C368.838 310.105 368.191 309.835 367.55 309.565C366.925 309.273 366.321 308.952 365.717 308.653C365.419 308.5 365.12 308.354 364.822 308.201C364.531 308.048 364.247 307.873 363.971 307.705C363.41 307.376 362.85 307.048 362.312 306.727C361.781 306.392 361.271 306.027 360.769 305.684C360.267 305.334 359.758 305.02 359.307 304.641C358.398 303.904 357.466 303.255 356.695 302.511C355.902 301.788 355.116 301.125 354.469 300.402C353.807 299.695 353.137 299.067 352.613 298.396C352.068 297.74 351.544 297.141 351.1 296.558C350.678 295.967 350.285 295.42 349.936 294.931C349.572 294.45 349.296 293.997 349.063 293.596C348.83 293.202 348.626 292.874 348.459 292.597C348.306 292.341 348.19 292.137 348.095 291.977C348.015 291.838 347.979 291.765 347.986 291.758C347.986 291.758 348.044 291.823 348.132 291.955C348.233 292.108 348.364 292.305 348.524 292.553C348.699 292.823 348.91 293.151 349.157 293.53C349.398 293.924 349.689 294.369 350.06 294.844C350.416 295.325 350.816 295.858 351.246 296.441C351.697 297.01 352.228 297.601 352.773 298.25C353.305 298.914 353.974 299.534 354.643 300.227C355.298 300.935 356.084 301.591 356.877 302.299C357.655 303.036 358.579 303.671 359.489 304.4C359.94 304.772 360.449 305.078 360.951 305.421C361.453 305.757 361.963 306.114 362.494 306.443C363.039 306.756 363.585 307.077 364.145 307.406C364.429 307.566 364.706 307.741 364.997 307.894C365.295 308.04 365.586 308.186 365.891 308.339C366.495 308.631 367.092 308.952 367.718 309.237C368.351 309.499 368.998 309.769 369.646 310.039C370.286 310.331 370.977 310.535 371.654 310.776C372.338 311.002 373.022 311.272 373.742 311.44C374.455 311.629 375.175 311.826 375.903 312.016C376.645 312.162 377.387 312.308 378.144 312.454C381.163 312.972 384.35 313.198 387.602 313.03C390.847 312.811 393.983 312.206 396.922 311.338C397.65 311.104 398.377 310.871 399.09 310.637C399.789 310.36 400.48 310.083 401.164 309.806C401.855 309.55 402.503 309.208 403.157 308.901C403.805 308.58 404.46 308.303 405.064 307.931C405.675 307.581 406.286 307.238 406.883 306.902C407.472 306.545 408.025 306.158 408.592 305.801C408.869 305.618 409.153 305.436 409.422 305.254C409.691 305.064 409.946 304.86 410.208 304.67C410.724 304.283 411.233 303.897 411.735 303.517C412.223 303.123 412.681 302.708 413.147 302.314C413.598 301.912 414.071 301.548 414.478 301.125C415.293 300.293 416.137 299.556 416.821 298.732C417.527 297.929 418.225 297.193 418.793 296.405C419.375 295.639 419.964 294.946 420.415 294.223C420.881 293.516 421.339 292.867 421.725 292.246C422.089 291.619 422.416 291.035 422.714 290.518C423.027 290.007 423.26 289.525 423.457 289.11C423.653 288.701 423.828 288.351 423.966 288.059C424.097 287.789 424.206 287.578 424.286 287.417C424.359 287.271 424.402 287.198 424.41 287.206L424.402 287.227Z" fill="#1B2E4B"/>
+<path d="M409.633 313.569C409.633 313.569 409.349 313.795 408.803 314.146C408.258 314.503 407.443 314.963 406.417 315.495C404.358 316.553 401.375 317.779 397.926 318.588C394.478 319.391 391.262 319.617 388.948 319.58C387.791 319.566 386.853 319.508 386.212 319.435C385.572 319.362 385.216 319.311 385.216 319.289C385.216 319.267 385.579 319.267 386.22 319.289C386.86 319.318 387.798 319.332 388.941 319.318C391.24 319.289 394.419 319.019 397.832 318.224C401.244 317.421 404.212 316.254 406.286 315.262C407.326 314.766 408.156 314.343 408.716 314.029C409.284 313.723 409.604 313.562 409.618 313.584L409.633 313.569Z" fill="#1B2E4B"/>
+<path d="M206.692 285.607C206.692 285.607 206.671 285.688 206.605 285.833C206.532 286.001 206.438 286.22 206.314 286.49C206.183 286.789 206.023 287.139 205.834 287.555C205.652 287.978 205.426 288.467 205.121 288.985C204.83 289.51 204.51 290.101 204.153 290.736C203.782 291.363 203.331 292.02 202.865 292.735C202.422 293.464 201.832 294.172 201.257 294.945C200.697 295.733 199.999 296.484 199.293 297.301C198.609 298.133 197.765 298.884 196.95 299.731C196.55 300.161 196.077 300.533 195.619 300.934C195.153 301.328 194.695 301.751 194.207 302.153C193.705 302.539 193.196 302.926 192.672 303.32C192.41 303.517 192.156 303.721 191.879 303.911C191.603 304.093 191.326 304.275 191.042 304.465C190.475 304.83 189.915 305.224 189.325 305.589C188.721 305.931 188.11 306.282 187.499 306.632C186.888 307.004 186.233 307.288 185.578 307.617C184.924 307.93 184.269 308.28 183.57 308.536C182.879 308.813 182.181 309.097 181.475 309.382C180.755 309.615 180.02 309.856 179.285 310.09C176.324 310.972 173.159 311.585 169.885 311.804C166.603 311.972 163.388 311.738 160.339 311.213C159.582 311.06 158.826 310.914 158.084 310.768C157.349 310.571 156.621 310.374 155.908 310.177C155.181 310.002 154.497 309.732 153.805 309.506C153.122 309.265 152.43 309.054 151.783 308.762C151.128 308.485 150.48 308.215 149.84 307.945C149.215 307.653 148.611 307.332 148.007 307.033C147.708 306.88 147.41 306.734 147.112 306.581C146.821 306.427 146.537 306.252 146.261 306.085C145.7 305.756 145.14 305.428 144.602 305.107C144.071 304.771 143.561 304.407 143.059 304.064C142.557 303.714 142.048 303.4 141.597 303.021C140.687 302.284 139.756 301.635 138.985 300.891C138.192 300.168 137.406 299.504 136.759 298.782C136.096 298.075 135.427 297.447 134.903 296.776C134.358 296.12 133.834 295.521 133.39 294.938C132.968 294.347 132.575 293.8 132.226 293.311C131.862 292.829 131.586 292.377 131.353 291.976C131.12 291.582 130.916 291.254 130.749 290.977C130.596 290.721 130.48 290.517 130.385 290.356C130.305 290.218 130.269 290.145 130.276 290.138C130.276 290.138 130.334 290.203 130.421 290.335C130.523 290.488 130.654 290.685 130.814 290.933C130.989 291.203 131.2 291.531 131.447 291.91C131.687 292.304 131.978 292.749 132.35 293.223C132.706 293.705 133.106 294.237 133.535 294.821C133.987 295.39 134.518 295.981 135.063 296.63C135.594 297.294 136.264 297.914 136.933 298.607C137.588 299.315 138.374 299.971 139.167 300.679C139.945 301.416 140.869 302.05 141.779 302.78C142.23 303.152 142.739 303.458 143.241 303.801C143.743 304.137 144.253 304.494 144.784 304.823C145.329 305.136 145.875 305.457 146.435 305.786C146.719 305.946 146.995 306.121 147.286 306.274C147.585 306.42 147.876 306.566 148.181 306.719C148.785 307.011 149.382 307.332 150.008 307.617C150.641 307.879 151.288 308.149 151.936 308.419C152.576 308.711 153.267 308.915 153.944 309.156C154.628 309.382 155.312 309.652 156.032 309.82C156.745 310.009 157.465 310.206 158.193 310.396C158.935 310.542 159.677 310.688 160.434 310.834C163.453 311.352 166.64 311.578 169.892 311.41C173.137 311.191 176.273 310.586 179.212 309.718C179.94 309.484 180.667 309.251 181.38 309.017C182.079 308.74 182.77 308.463 183.454 308.186C184.145 307.93 184.793 307.587 185.447 307.281C186.095 306.96 186.75 306.683 187.354 306.311C187.965 305.961 188.576 305.618 189.173 305.282C189.762 304.925 190.315 304.538 190.882 304.181C191.159 303.998 191.443 303.816 191.712 303.633C191.981 303.444 192.236 303.24 192.498 303.05C193.014 302.663 193.523 302.277 194.025 301.897C194.513 301.503 194.971 301.087 195.437 300.694C195.888 300.292 196.361 299.928 196.768 299.504C197.583 298.673 198.427 297.936 199.111 297.112C199.817 296.309 200.515 295.572 201.083 294.785C201.665 294.019 202.254 293.326 202.705 292.603C203.171 291.896 203.629 291.246 204.015 290.626C204.379 289.999 204.706 289.415 205.004 288.897C205.317 288.387 205.55 287.905 205.746 287.489C205.943 287.081 206.118 286.731 206.256 286.439C206.387 286.169 206.496 285.958 206.576 285.797C206.649 285.651 206.692 285.578 206.7 285.585L206.692 285.607Z" fill="#1B2E4B"/>
+<path d="M191.93 311.95C191.93 311.95 191.646 312.176 191.101 312.527C190.555 312.884 189.74 313.344 188.714 313.876C186.655 314.934 183.672 316.159 180.223 316.969C176.775 317.772 173.559 317.998 171.245 317.961C170.088 317.947 169.15 317.888 168.51 317.815C167.869 317.742 167.513 317.691 167.513 317.67C167.513 317.64 167.877 317.648 168.517 317.67C169.157 317.699 170.096 317.713 171.238 317.699C173.537 317.67 176.717 317.4 180.129 316.604C183.541 315.802 186.51 314.635 188.583 313.643C189.624 313.147 190.453 312.723 191.013 312.41C191.581 312.103 191.901 311.943 191.915 311.965L191.93 311.95Z" fill="#1B2E4B"/>
+<path d="M361.686 196.689H214.943C208.089 196.689 202.531 191.115 202.531 184.243C202.531 177.371 208.089 171.798 214.943 171.798H361.686C368.54 171.798 374.098 177.371 374.098 184.243C374.098 191.115 368.54 196.689 361.686 196.689Z" fill="#FAFAFA" fill-opacity="0.2"/>
+<path d="M361.686 196.688C361.686 196.688 362.013 196.659 362.639 196.623C363.272 196.579 364.203 196.433 365.389 196.083C366.561 195.696 367.972 195.054 369.376 193.924C370.795 192.815 372.148 191.151 373.072 188.999C373.509 187.912 373.815 186.709 373.953 185.417C374.069 184.126 373.975 182.747 373.655 181.361C373.014 178.604 371.261 175.788 368.482 173.964C367.099 173.052 365.484 172.388 363.738 172.097C361.999 171.812 360.144 171.951 358.252 171.914C354.469 171.914 350.467 171.922 346.262 171.929C312.648 171.943 266.222 171.965 214.943 171.987C211.778 171.98 208.664 173.257 206.43 175.445C204.182 177.612 202.836 180.654 202.734 183.74C202.596 186.825 203.673 189.911 205.652 192.209C207.616 194.522 210.439 196.054 213.401 196.397C214.87 196.564 216.391 196.484 217.89 196.506C219.388 196.506 220.88 196.506 222.364 196.506C225.333 196.506 228.272 196.506 231.175 196.506C236.988 196.506 242.685 196.506 248.244 196.506C270.464 196.521 290.472 196.535 307.279 196.55C324.078 196.572 337.676 196.594 347.076 196.608C351.769 196.623 355.414 196.637 357.895 196.645C359.125 196.652 360.071 196.659 360.711 196.666C361.344 196.666 361.671 196.688 361.671 196.688C361.671 196.688 361.344 196.703 360.711 196.71C360.071 196.71 359.132 196.718 357.895 196.732C355.414 196.739 351.769 196.754 347.076 196.769C337.669 196.783 324.078 196.805 307.279 196.827C290.472 196.842 270.464 196.849 248.244 196.871C242.685 196.871 236.996 196.871 231.175 196.871C228.265 196.871 225.325 196.871 222.364 196.871C220.88 196.871 219.388 196.871 217.89 196.871C216.391 196.849 214.892 196.929 213.357 196.761C210.301 196.411 207.391 194.835 205.368 192.45C203.324 190.079 202.218 186.898 202.356 183.718C202.465 180.537 203.848 177.4 206.169 175.168C208.468 172.914 211.683 171.593 214.943 171.601C266.222 171.623 312.648 171.644 346.262 171.659C350.46 171.659 354.461 171.666 358.252 171.674C360.144 171.71 361.992 171.571 363.774 171.871C365.549 172.17 367.194 172.848 368.598 173.782C371.421 175.649 373.189 178.509 373.829 181.318C374.157 182.726 374.237 184.119 374.12 185.432C373.975 186.738 373.662 187.963 373.211 189.058C372.265 191.232 370.89 192.902 369.449 194.018C368.016 195.149 366.59 195.784 365.411 196.163C364.218 196.499 363.272 196.637 362.639 196.666C362.006 196.696 361.679 196.696 361.679 196.696L361.686 196.688Z" fill="#1B2E4B"/>
+<path d="M296.962 193.726H215.016C209.792 193.726 205.55 189.48 205.55 184.235C205.55 178.997 209.784 174.744 215.016 174.744H296.962C302.186 174.744 306.427 178.99 306.427 184.235C306.427 189.473 302.193 193.726 296.962 193.726Z" fill="#415FE9"/>
+<g opacity="0.4">
+<path d="M217.759 193.726L229.516 174.752H242.118L230.593 193.726H217.759Z" fill="white" fill-opacity="0.2"/>
+</g>
+<g opacity="0.4">
+<path d="M243.02 193.726L254.777 174.752H267.379L255.854 193.726H243.02Z" fill="white" fill-opacity="0.2"/>
+</g>
+<g opacity="0.4">
+<path d="M270.136 193.726L281.894 174.752H294.495L282.978 193.726H270.136Z" fill="white" fill-opacity="0.2"/>
+</g>
+<path d="M269.045 163.853C269.045 165.291 267.968 166.188 266.244 166.188H264.949V167.968H263.457V161.512H266.244C267.968 161.512 269.045 162.409 269.045 163.853ZM267.532 163.853C267.532 163.146 267.073 162.73 266.164 162.73H264.949V164.97H266.164C267.073 164.97 267.532 164.554 267.532 163.853Z" fill="white"/>
+<path d="M274.211 167.968L272.966 166.166H271.599V167.968H270.107V161.512H272.894C274.618 161.512 275.695 162.409 275.695 163.853C275.695 164.824 275.207 165.531 274.371 165.896L275.818 167.975H274.218L274.211 167.968ZM272.814 162.723H271.599V164.977H272.814C273.723 164.977 274.181 164.554 274.181 163.853C274.181 163.153 273.723 162.73 272.814 162.73V162.723Z" fill="white"/>
+<path d="M276.459 164.736C276.459 162.817 277.95 161.395 279.98 161.395C282.01 161.395 283.502 162.81 283.502 164.736C283.502 166.662 282.003 168.077 279.98 168.077C277.958 168.077 276.459 166.654 276.459 164.736ZM282.003 164.736C282.003 163.51 281.137 162.671 279.987 162.671C278.838 162.671 277.972 163.51 277.972 164.736C277.972 165.961 278.838 166.8 279.987 166.8C281.137 166.8 282.003 165.961 282.003 164.736Z" fill="white"/>
+<path d="M284.229 164.736C284.229 162.788 285.721 161.395 287.729 161.395C288.842 161.395 289.773 161.803 290.377 162.54L289.417 163.423C288.988 162.926 288.442 162.664 287.794 162.664C286.587 162.664 285.735 163.51 285.735 164.728C285.735 165.947 286.594 166.793 287.794 166.793C288.442 166.793 288.98 166.538 289.417 166.027L290.377 166.91C289.773 167.654 288.842 168.062 287.714 168.062C285.721 168.062 284.229 166.669 284.229 164.721V164.736Z" fill="white"/>
+<path d="M296.365 166.771V167.968H291.374V161.512H296.241V162.708H292.858V164.109H295.848V165.269H292.858V166.764H296.365V166.771Z" fill="white"/>
+<path d="M297.042 167.333L297.551 166.209C298.097 166.603 298.904 166.88 299.675 166.88C300.556 166.88 300.92 166.589 300.92 166.187C300.92 164.976 297.173 165.808 297.173 163.408C297.173 162.306 298.053 161.395 299.886 161.395C300.694 161.395 301.523 161.591 302.12 161.964L301.662 163.102C301.065 162.759 300.447 162.591 299.879 162.591C298.999 162.591 298.657 162.926 298.657 163.328C298.657 164.517 302.404 163.7 302.404 166.071C302.404 167.15 301.509 168.077 299.668 168.077C298.65 168.077 297.616 167.77 297.049 167.333H297.042Z" fill="white"/>
+<path d="M302.913 167.333L303.422 166.209C303.968 166.603 304.776 166.88 305.547 166.88C306.427 166.88 306.791 166.589 306.791 166.187C306.791 164.976 303.044 165.808 303.044 163.408C303.044 162.306 303.924 161.395 305.758 161.395C306.565 161.395 307.395 161.591 307.991 161.964L307.533 163.102C306.937 162.759 306.318 162.591 305.751 162.591C304.87 162.591 304.528 162.926 304.528 163.328C304.528 164.517 308.275 163.7 308.275 166.071C308.275 167.15 307.38 168.077 305.54 168.077C304.521 168.077 303.488 167.77 302.92 167.333H302.913Z" fill="white"/>
+<path d="M481.509 410.514C481.509 410.616 378.995 410.704 252.558 410.704C126.122 410.704 23.5854 410.616 23.5854 410.514C23.5854 410.412 126.078 410.324 252.558 410.324C379.039 410.324 481.509 410.412 481.509 410.514Z" fill="#1B2E4B"/>
+<path d="M34.5353 392.619L41.6654 377.313L58.3195 386.885L49.6687 400.906C49.6687 400.906 42.9387 402.102 39.9484 400.256C36.9581 398.411 34.5426 392.611 34.5426 392.611L34.5353 392.619Z" fill="#FFBE9D"/>
+<path d="M48.8177 402.336L49.669 400.913C43.6011 399.797 38.5663 397.01 34.5356 392.626L28.8387 403.131L60.306 420.479C61.7757 417.364 48.8177 402.336 48.8177 402.336Z" fill="#415FE9"/>
+<path d="M28.8385 403.124L30.2281 400.556L59.9347 418.188C59.9347 418.188 60.9969 419.574 60.2985 420.471L28.8312 403.124H28.8385Z" fill="#1B2E4B"/>
+<path d="M49.4141 402.452C49.3268 402.606 48.5192 402.248 47.4933 402.328C46.4602 402.379 45.7108 402.832 45.6016 402.693C45.4779 402.584 46.2128 401.789 47.4569 401.716C48.7011 401.628 49.5305 402.328 49.4214 402.452H49.4141Z" fill="#1B2E4B"/>
+<path d="M51.9606 405.64C51.9169 405.808 51.1021 405.706 50.229 406.07C49.3414 406.406 48.8175 407.041 48.672 406.946C48.5119 406.887 48.9048 405.932 50.0034 405.501C51.1021 405.064 52.0406 405.501 51.9606 405.64Z" fill="#1B2E4B"/>
+<path d="M51.6622 410.637C51.5022 410.593 51.7131 409.703 52.5717 409.076C53.4229 408.441 54.3324 408.507 54.3251 408.675C54.3397 408.85 53.6266 409.047 52.9282 409.572C52.2224 410.083 51.8223 410.703 51.6622 410.637Z" fill="#1B2E4B"/>
+<path d="M36.296 400.286C36.0341 400.738 35.4593 400.899 35.0082 400.636C34.5571 400.373 34.3971 399.797 34.659 399.345C34.9209 398.893 35.4957 398.732 35.9468 398.995C36.3979 399.257 36.5579 399.834 36.296 400.286Z" fill="#1B2E4B"/>
+<path d="M109.562 398.871L117.813 381.414L134.62 381.684L126.005 398.674C126.005 398.674 120.447 402.993 116.845 402.752C113.244 402.504 109.562 398.871 109.562 398.871Z" fill="#FFBE9D"/>
+<path d="M125.911 400.382L126.005 398.675C119.945 400.571 114.953 400.462 109.191 398.397C108.573 399.463 108.245 400.666 108.223 401.892L108.1 410.675L145.024 411.375C144.871 407.837 125.903 400.374 125.903 400.374L125.911 400.382Z" fill="#415FE9"/>
+<path d="M108.1 410.682L108.143 407.677L143.605 409.471C143.605 409.471 145.235 410.223 145.031 411.375L108.107 410.675L108.1 410.682Z" fill="#1B2E4B"/>
+<path d="M126.507 400.199C126.5 400.382 125.598 400.447 124.696 401.009C123.786 401.549 123.313 402.322 123.146 402.249C122.978 402.213 123.27 401.133 124.368 400.469C125.459 399.798 126.551 400.032 126.507 400.199Z" fill="#1B2E4B"/>
+<path d="M130.349 401.885C130.385 402.06 129.599 402.352 128.974 403.103C128.326 403.84 128.151 404.664 127.977 404.65C127.81 404.672 127.7 403.614 128.501 402.695C129.286 401.768 130.349 401.71 130.349 401.885Z" fill="#1B2E4B"/>
+<path d="M132.466 406.568C132.299 406.605 132.066 405.693 132.546 404.715C133.019 403.73 133.877 403.358 133.95 403.504C134.052 403.657 133.492 404.175 133.106 404.985C132.706 405.788 132.641 406.546 132.459 406.561L132.466 406.568Z" fill="#1B2E4B"/>
+<path d="M113.535 404.525C113.513 405.065 113.069 405.481 112.531 405.459C111.992 405.437 111.578 404.992 111.599 404.452C111.621 403.912 112.065 403.497 112.603 403.518C113.142 403.54 113.556 403.993 113.535 404.525Z" fill="#1B2E4B"/>
+<path d="M206.161 167.012C209.042 166.531 211.553 164.218 212.258 161.366C212.338 161.045 212.418 160.687 212.68 160.498C212.906 160.33 213.211 160.33 213.495 160.322C215.038 160.264 216.587 159.622 217.599 158.44C218.61 157.259 219.01 155.537 218.472 154.085C220.844 154.37 223.048 152.057 223.048 149.657C223.048 147.257 221.222 145.098 218.974 144.295C220.247 143.573 220.698 141.851 220.305 140.443C219.912 139.035 218.85 137.912 217.686 137.037C216.114 135.862 213.946 135.03 212.236 136.001C212.673 134.877 211.96 133.615 211.043 132.835C208.591 130.748 204.502 131.004 202.305 133.382C201.738 132.28 200.988 131.215 199.89 130.661C198.791 130.099 197.285 130.201 196.506 131.164C196.528 129.946 195.546 128.946 194.513 128.304C193.764 127.845 192.92 127.48 192.039 127.531C191.166 127.582 190.271 128.137 190.046 128.99C188.896 127.743 186.772 127.575 185.433 128.618C184.094 129.669 183.738 131.784 184.662 133.207C183.185 133.28 181.766 134.17 181.053 135.475C180.34 136.781 180.347 138.459 181.082 139.75C180.398 139.48 179.627 140.21 179.627 140.947C179.627 141.691 180.165 142.326 180.769 142.749C179.379 144.901 177.99 147.045 176.607 149.197C175.713 150.584 174.803 151.999 174.381 153.596C173.959 155.194 174.097 157.025 175.145 158.294" fill="#1B2E4B"/>
+<path d="M210.134 160.782C213.219 155.405 211.101 146.578 205.637 143.733L186.99 135.898L185.215 138.714L162.056 174.891L174.832 194.033L184.487 182.2C184.487 182.2 191.755 185.461 198.791 177.758C202.291 173.928 206.707 166.771 210.134 160.797V160.782Z" fill="#FFBE9D"/>
+<path d="M204.364 165.466C204 166.064 203.2 166.246 202.574 165.874C201.949 165.509 201.738 164.729 202.101 164.131C202.465 163.533 203.266 163.35 203.891 163.715C204.517 164.087 204.728 164.868 204.364 165.466Z" fill="#1B2E4B"/>
+<path d="M206.212 163.423C205.979 163.474 205.557 162.307 204.379 161.526C203.215 160.731 201.941 160.767 201.912 160.534C201.89 160.425 202.203 160.257 202.764 160.235C203.317 160.206 204.124 160.359 204.859 160.848C205.587 161.336 206.03 162.022 206.198 162.54C206.372 163.058 206.329 163.401 206.22 163.423H206.212Z" fill="#1B2E4B"/>
+<path d="M193.349 159.031C192.985 159.629 192.185 159.812 191.559 159.44C190.933 159.075 190.722 158.287 191.086 157.696C191.45 157.098 192.25 156.916 192.876 157.28C193.502 157.652 193.713 158.433 193.349 159.024V159.031Z" fill="#1B2E4B"/>
+<path d="M194.346 156.223C194.113 156.274 193.691 155.106 192.512 154.326C191.348 153.531 190.075 153.567 190.046 153.334C190.024 153.224 190.337 153.057 190.897 153.035C191.45 153.005 192.257 153.159 192.992 153.647C193.727 154.136 194.164 154.822 194.331 155.34C194.506 155.858 194.462 156.201 194.353 156.223H194.346Z" fill="#1B2E4B"/>
+<path d="M192.949 167.596C192.985 167.523 193.807 167.887 195.095 168.522C195.415 168.69 195.743 168.821 195.932 168.646C196.15 168.471 196.237 168.062 196.325 167.617C196.528 166.698 196.739 165.728 196.958 164.714C197.889 160.607 198.784 157.31 198.944 157.346C199.111 157.382 198.485 160.745 197.547 164.853C197.307 165.859 197.081 166.822 196.863 167.741C196.747 168.165 196.688 168.683 196.237 169.033C196.004 169.208 195.677 169.222 195.452 169.149C195.219 169.084 195.051 168.974 194.891 168.88C193.654 168.15 192.912 167.661 192.949 167.588V167.596Z" fill="#1B2E4B"/>
+<path d="M184.487 182.186C184.487 182.186 178.499 178.735 175.087 171.506C175.087 171.506 173.741 179.363 182.814 184.243L184.494 182.186H184.487Z" fill="#EB996E"/>
+<path d="M190.562 170.119C190.511 169.273 189.973 168.471 189.187 168.062C188.641 167.777 187.958 167.683 187.368 167.894C186.779 168.106 186.32 168.66 186.342 169.244C186.364 169.908 186.961 170.455 187.63 170.666C188.299 170.878 189.027 170.827 189.733 170.761C189.929 170.739 190.126 170.725 190.3 170.637C190.475 170.55 190.613 170.375 190.591 170.192" fill="#EB996E"/>
+<path d="M188.94 166.108C189.136 166.224 188.292 167.516 188.78 169.157C189.267 170.798 190.722 171.564 190.613 171.754C190.577 171.849 190.148 171.805 189.558 171.433C188.983 171.076 188.278 170.346 187.979 169.339C187.681 168.333 187.892 167.392 188.198 166.837C188.503 166.268 188.86 166.042 188.94 166.108Z" fill="#1B2E4B"/>
+<path d="M197.503 152.217C197.176 152.465 196.099 151.524 194.607 150.773C193.131 149.992 191.748 149.657 191.755 149.248C191.763 149.059 192.163 148.884 192.818 148.869C193.472 148.854 194.382 149.029 195.27 149.489C196.157 149.949 196.834 150.591 197.198 151.13C197.569 151.678 197.656 152.101 197.503 152.217Z" fill="#1B2E4B"/>
+<path d="M208.046 159.702C207.66 159.834 207.034 159.017 206.067 158.353C205.121 157.66 204.146 157.332 204.139 156.923C204.146 156.733 204.452 156.544 204.983 156.529C205.507 156.515 206.241 156.697 206.896 157.164C207.551 157.631 207.973 158.265 208.126 158.761C208.286 159.265 208.22 159.622 208.038 159.695L208.046 159.702Z" fill="#1B2E4B"/>
+<path d="M213.161 148.527C212.68 150.46 210.949 152.014 208.984 152.284C207.02 152.554 204.946 151.51 203.986 149.781C204.19 150.708 203.433 151.649 202.523 151.897C201.614 152.145 200.639 151.846 199.824 151.372C198.114 150.38 196.87 148.6 196.528 146.645C195.488 147.848 193.865 148.519 192.287 148.388C190.708 148.257 189.216 147.33 188.401 145.966C188.823 147.834 187.958 149.935 186.335 150.956C184.713 151.977 182.457 151.839 180.98 150.635C179.503 149.431 178.899 147.243 179.561 145.441C178.688 144.113 178.477 142.377 179.001 140.867C179.525 139.357 180.776 138.131 182.275 137.635C181.591 136.796 181.548 135.556 181.948 134.542C182.348 133.528 183.141 132.718 183.992 132.047C186.073 130.391 188.765 129.384 191.384 129.771C194.004 130.15 196.441 132.12 196.958 134.724C197.016 135.016 197.059 135.344 197.278 135.549C197.576 135.826 198.049 135.753 198.449 135.665C200.217 135.25 202.087 134.783 203.804 135.344C205.885 136.023 207.304 138.314 207.005 140.495C209.181 139.408 212.106 139.736 213.684 141.589C215.263 143.442 214.936 146.739 212.819 147.95" fill="#1B2E4B"/>
+<path d="M182.683 149.905C181.446 151.59 179.962 153.1 178.303 154.377C177.597 154.916 176.702 155.434 175.873 155.121C175.123 154.836 174.752 153.924 174.847 153.122C174.934 152.319 175.378 151.597 175.836 150.933C177.459 148.555 179.38 146.41 181.3 144.266" fill="#1B2E4B"/>
+<path d="M179.918 150.029C179.845 149.905 176.607 145.645 173.639 149.993C170.67 154.333 175.611 156.42 175.698 156.303C175.793 156.186 179.911 150.036 179.911 150.036L179.918 150.029Z" fill="#FFBE9D"/>
+<path d="M175.516 153.742C175.516 153.742 175.407 153.742 175.24 153.713C175.08 153.684 174.839 153.574 174.672 153.341C174.33 152.859 174.447 151.867 174.963 151.072C175.225 150.671 175.56 150.35 175.916 150.131C176.266 149.905 176.622 149.825 176.877 149.941C177.139 150.044 177.211 150.299 177.175 150.452C177.153 150.613 177.066 150.678 177.08 150.707C177.08 150.729 177.226 150.7 177.313 150.496C177.357 150.401 177.371 150.262 177.328 150.109C177.284 149.956 177.16 149.803 176.986 149.715C176.637 149.511 176.127 149.613 175.742 149.847C175.334 150.073 174.941 150.423 174.658 150.875C174.09 151.772 173.974 152.896 174.468 153.509C174.716 153.8 175.036 153.881 175.232 153.866C175.436 153.852 175.531 153.771 175.516 153.749V153.742Z" fill="#EB996E"/>
+<path d="M196.885 145.623C196.885 145.623 196.921 145.667 196.994 145.747C197.074 145.827 197.19 145.937 197.358 146.076C197.685 146.353 198.18 146.747 198.907 147.097C199.271 147.272 199.693 147.432 200.173 147.52C200.654 147.615 201.192 147.644 201.752 147.52C202.305 147.396 202.873 147.133 203.367 146.717C203.848 146.294 204.255 145.689 204.335 144.967L204.117 144.996C204.597 146.28 205.55 147.527 206.896 148.366C207.565 148.789 208.329 149.103 209.144 149.278C209.552 149.358 209.981 149.402 210.418 149.351C210.847 149.307 211.291 149.147 211.64 148.87C212.062 148.549 212.36 148.111 212.586 147.666C212.811 147.221 212.979 146.754 213.131 146.302C213.284 145.842 213.401 145.368 213.415 144.886C213.43 144.412 213.284 143.887 212.913 143.566L212.731 143.741C213.335 144.485 214.179 144.952 215.03 145.142C215.882 145.339 216.74 145.273 217.489 145.018C218.232 144.755 218.857 144.288 219.265 143.726C219.679 143.172 219.92 142.567 220.036 142.005C220.269 140.867 220.029 139.94 219.781 139.379C219.519 138.81 219.272 138.576 219.272 138.576C219.25 138.591 219.468 138.846 219.701 139.415C219.92 139.97 220.131 140.881 219.883 141.976C219.759 142.516 219.519 143.092 219.112 143.617C218.719 144.142 218.122 144.573 217.417 144.821C216.711 145.061 215.889 145.113 215.081 144.916C214.274 144.733 213.488 144.281 212.92 143.588L212.738 143.763C213.044 144.026 213.168 144.456 213.153 144.894C213.146 145.331 213.029 145.784 212.884 146.229C212.578 147.111 212.229 148.074 211.48 148.665C210.84 149.176 209.966 149.183 209.195 149.023C208.409 148.862 207.675 148.563 207.034 148.155C205.739 147.345 204.808 146.148 204.335 144.916L204.168 144.478L204.117 144.945C204.044 145.601 203.68 146.163 203.236 146.564C202.778 146.965 202.247 147.221 201.723 147.345C201.199 147.476 200.683 147.454 200.217 147.374C199.751 147.294 199.337 147.148 198.98 146.987C198.26 146.659 197.758 146.287 197.416 146.032C197.081 145.769 196.907 145.623 196.899 145.631L196.885 145.623Z" fill="white" fill-opacity="0.2"/>
+<path d="M211.618 152.655C211.618 152.655 211.662 152.794 211.822 152.991C211.975 153.188 212.244 153.451 212.637 153.67C213.03 153.881 213.561 154.078 214.186 154.012C214.492 153.976 214.834 153.845 215.059 153.553C215.278 153.283 215.401 152.852 215.198 152.48L214.979 152.626C214.979 152.626 215.023 152.67 215.038 152.699C215.969 153.808 217.322 154.158 218.224 154.129C218.683 154.122 219.047 154.034 219.287 153.954C219.527 153.866 219.65 153.801 219.643 153.786C219.629 153.735 219.105 153.969 218.224 153.947C217.366 153.932 216.1 153.56 215.241 152.531C215.22 152.51 215.205 152.488 215.183 152.466L214.332 151.488L214.965 152.612C215.096 152.852 215.023 153.173 214.856 153.392C214.688 153.611 214.412 153.728 214.15 153.772C213.604 153.845 213.095 153.684 212.717 153.509C211.945 153.122 211.654 152.626 211.618 152.663V152.655Z" fill="white" fill-opacity="0.2"/>
+<path d="M201.519 160.06C201.519 160.104 201.905 160.038 202.516 160.067C203.12 160.096 203.964 160.271 204.764 160.738C205.565 161.205 206.125 161.862 206.452 162.38C206.78 162.898 206.911 163.262 206.954 163.248C206.983 163.248 206.918 162.847 206.62 162.285C206.321 161.723 205.754 161.008 204.91 160.512C204.066 160.016 203.164 159.87 202.531 159.885C201.89 159.899 201.519 160.031 201.527 160.06H201.519Z" fill="#EB996E"/>
+<path d="M189.98 152.349C189.98 152.393 190.3 152.349 190.788 152.378C191.275 152.408 191.952 152.546 192.599 152.925C193.24 153.305 193.698 153.823 193.967 154.231C194.236 154.64 194.353 154.939 194.389 154.924C194.418 154.917 194.367 154.596 194.127 154.136C193.887 153.684 193.422 153.101 192.73 152.692C192.039 152.291 191.304 152.174 190.795 152.189C190.279 152.203 189.973 152.32 189.98 152.349Z" fill="#EB996E"/>
+<path d="M187.601 165.86C187.601 165.86 187.732 165.831 187.907 165.802C188.081 165.765 188.329 165.758 188.591 165.831C189.114 165.984 189.536 166.254 189.58 166.181C189.609 166.137 189.275 165.765 188.656 165.575C188.343 165.495 188.038 165.532 187.841 165.626C187.645 165.721 187.572 165.838 187.594 165.867L187.601 165.86Z" fill="#EB996E"/>
+<path d="M186.357 165.954C186.415 166.005 186.721 165.735 187.135 165.472C187.55 165.203 187.921 165.035 187.899 164.962C187.885 164.896 187.441 164.955 186.99 165.246C186.539 165.538 186.291 165.91 186.35 165.954H186.357Z" fill="#EB996E"/>
+<path d="M171.886 153.151C171.886 153.151 171.514 153.078 170.845 153.195C170.19 153.312 169.215 153.611 168.277 154.413C167.346 155.194 166.545 156.609 166.611 158.28C166.633 159.936 167.76 161.716 169.55 162.438C170.438 162.81 171.427 162.832 172.293 162.606C173.166 162.387 173.923 161.949 174.541 161.417C175.785 160.344 176.382 158.842 176.316 157.601C176.273 156.354 175.742 155.442 175.298 154.939C174.847 154.421 174.498 154.268 174.483 154.282C174.454 154.319 174.759 154.537 175.138 155.063C175.509 155.581 175.945 156.456 175.945 157.601C175.96 158.732 175.378 160.082 174.228 161.045C173.108 161.993 171.34 162.62 169.747 161.949C168.153 161.307 167.135 159.739 167.091 158.258C167.011 156.755 167.687 155.449 168.524 154.691C169.368 153.91 170.278 153.575 170.896 153.399C171.522 153.224 171.893 153.202 171.886 153.159V153.151Z" fill="#506690"/>
+<path d="M95.5927 240.896C82.3728 251.19 80.3575 267.516 79.4553 276.883C78.5531 286.25 71.3211 323.703 71.3211 323.703C71.3211 323.703 56.2095 347.229 50.7891 357.202C45.3688 367.167 34.5353 387.994 34.5353 387.994L52.6444 399.221C52.6444 399.221 85.1812 354.824 90.8999 346.062C96.6259 337.301 125.816 263.54 125.816 263.54L95.5855 240.911L95.5927 240.896Z" fill="#1B2E4B"/>
+<path d="M138.643 265.167C139.552 266.918 163.562 326.329 162.936 332.267C162.311 338.206 132.371 399.207 132.371 399.207L110.231 389.804L132.997 339.147L133.623 332.187L112.414 291.933L119.275 262.228L138.636 265.167H138.643Z" fill="#1B2E4B"/>
+<path d="M122.869 272.973C122.964 273.017 120.461 278.992 117.274 286.316C114.087 293.647 111.425 299.556 111.33 299.513C111.235 299.469 113.738 293.494 116.925 286.163C120.112 278.831 122.775 272.93 122.869 272.966V272.973Z" fill="#506690"/>
+<path d="M141.917 334.237C141.953 334.325 140.033 334.784 137.733 334.215C135.427 333.668 133.928 332.384 133.994 332.326C134.059 332.224 135.602 333.325 137.821 333.851C140.033 334.398 141.91 334.128 141.917 334.245V334.237Z" fill="#506690"/>
+<path d="M140.964 340.08C140.92 340.19 139.327 339.599 137.268 339.234C135.216 338.855 133.514 338.847 133.514 338.738C133.506 338.643 135.238 338.475 137.341 338.862C139.443 339.234 141.008 340 140.964 340.088V340.08Z" fill="#506690"/>
+<path d="M101.435 252.029C101.435 252.029 101.297 252.182 101.006 252.408C100.715 252.634 100.271 252.941 99.7108 253.284C98.5831 253.969 96.9388 254.786 95.0035 255.37C93.0681 255.946 91.2419 256.18 89.925 256.223C89.2629 256.245 88.7318 256.238 88.368 256.209C87.997 256.18 87.8005 256.158 87.8005 256.129C87.8005 256.063 88.6154 256.07 89.9105 255.954C91.2056 255.844 92.9954 255.567 94.8943 254.998C96.7933 254.422 98.4303 253.67 99.5799 253.043C100.729 252.423 101.399 251.97 101.435 252.022V252.029Z" fill="#506690"/>
+<path d="M179.161 191.465L198.536 216.545L239.178 233.237L234.856 241.932L182.901 224.147L165.89 189.182L179.161 191.465Z" fill="#506690"/>
+<g opacity="0.2">
+<path d="M179.161 191.465L198.536 216.545L239.178 233.237L234.856 241.932L182.901 224.147L165.89 189.182L179.161 191.465Z" fill="black"/>
+</g>
+<path d="M160.31 176.619C159.48 175.78 159.444 174.438 160.23 173.555L162.878 170.586C163.235 170.112 163.897 170.01 164.377 170.353C168.066 173.03 182.028 183.659 181.999 186.701C181.962 190.152 176.047 193.617 176.047 193.617L160.317 176.612L160.31 176.619Z" fill="#506690"/>
+<path d="M151.077 195.171C151.077 195.171 177.022 231.121 183.788 235.272C190.555 239.423 233.045 245.273 233.045 245.273L234.696 232.675L193.712 219.5C193.712 219.5 166.974 179.99 166.29 178.852C165.607 177.714 160.332 173.446 154.511 174.19C148.691 174.934 145.737 184.148 147.745 188.707C148.509 190.443 151.084 195.178 151.084 195.178L151.077 195.171Z" fill="#506690"/>
+<path d="M160.484 174.234C160.484 174.234 153.02 171.01 145.853 177.714C142.019 181.303 106.921 230.61 104.447 233.915L94.3632 240.896C111.228 256.464 124.295 269.486 142.288 274.009L151.659 243.537L180.449 217.26L160.492 174.227L160.484 174.234Z" fill="#506690"/>
+<path d="M148.269 191.465C148.269 191.465 148.371 191.574 148.531 191.8C148.712 192.063 148.938 192.399 149.215 192.807C149.797 193.683 150.662 194.945 151.746 196.484C153.907 199.57 157.036 203.735 160.666 208.192C164.297 212.65 167.695 216.596 170.154 219.463C171.354 220.871 172.337 222.017 173.05 222.863C173.362 223.242 173.624 223.549 173.828 223.797C174.003 224.015 174.09 224.132 174.075 224.139C174.061 224.147 173.959 224.045 173.77 223.848C173.552 223.614 173.275 223.322 172.94 222.958C172.198 222.133 171.187 221.01 169.95 219.638C167.447 216.822 164.013 212.898 160.375 208.433C156.745 203.969 153.638 199.767 151.528 196.637C150.473 195.076 149.644 193.792 149.098 192.887C148.843 192.464 148.64 192.121 148.472 191.844C148.334 191.603 148.269 191.472 148.276 191.465H148.269Z" fill="#1B2E4B"/>
+<path d="M234.689 232.668C234.689 232.668 234.616 232.653 234.485 232.617C234.333 232.573 234.136 232.507 233.889 232.434C233.35 232.259 232.579 232.004 231.59 231.683C229.574 231.012 226.664 230.042 223.026 228.831C215.714 226.365 205.47 222.907 193.647 218.917L193.589 218.895L193.552 218.844C190.897 214.912 188.052 210.702 185.12 206.355C180.609 199.665 176.316 193.289 172.409 187.489C170.459 184.586 168.604 181.836 166.873 179.253C166.429 178.611 166.043 177.955 165.556 177.408C165.323 177.123 165.039 176.89 164.763 176.656C164.486 176.43 164.232 176.168 163.933 175.971C162.769 175.146 161.474 174.657 160.208 174.388C157.632 173.979 155.202 174.548 153.42 175.606C151.615 176.649 150.422 178.064 149.68 179.326C149.389 179.997 149.047 180.566 148.923 181.121C148.763 181.661 148.611 182.12 148.589 182.514C148.494 183.163 148.451 183.477 148.414 183.689C148.392 183.689 148.429 183.28 148.509 182.5C148.523 182.106 148.662 181.639 148.814 181.092C148.923 180.523 149.258 179.946 149.549 179.261C150.277 177.969 151.477 176.51 153.311 175.431C155.115 174.336 157.603 173.731 160.252 174.132C161.561 174.402 162.893 174.898 164.101 175.744C164.406 175.941 164.668 176.211 164.959 176.445C165.243 176.685 165.534 176.926 165.781 177.225C166.298 177.802 166.683 178.465 167.127 179.1C168.873 181.675 170.736 184.426 172.693 187.322C176.607 193.114 180.907 199.483 185.426 206.172C188.358 210.52 191.195 214.737 193.851 218.669L193.756 218.596C205.557 222.637 215.787 226.139 223.092 228.641C226.715 229.896 229.611 230.902 231.619 231.595C232.601 231.946 233.358 232.216 233.896 232.405C234.143 232.493 234.333 232.566 234.478 232.624C234.609 232.675 234.675 232.704 234.675 232.704L234.689 232.668Z" fill="#1B2E4B"/>
+<path d="M165.89 216.545C165.89 216.545 165.774 216.735 165.512 217.041C165.257 217.347 164.85 217.763 164.333 218.252C163.293 219.237 161.736 220.47 159.83 221.549C157.923 222.622 156.061 223.315 154.686 223.694C153.995 223.884 153.434 224.015 153.041 224.074C152.649 224.139 152.43 224.168 152.423 224.139C152.408 224.081 153.267 223.877 154.606 223.432C155.944 222.994 157.763 222.264 159.648 221.207C161.525 220.149 163.082 218.96 164.159 218.041C165.235 217.121 165.847 216.487 165.89 216.53V216.545Z" fill="#1B2E4B"/>
+<path d="M149.171 238.285C149.171 238.285 148.727 238.372 147.905 238.453C147.09 238.547 145.904 238.62 144.434 238.671C141.502 238.766 137.428 238.628 132.99 237.927C128.559 237.22 124.637 236.082 121.88 235.075C120.497 234.572 119.399 234.134 118.649 233.791C117.9 233.455 117.493 233.258 117.5 233.237C117.507 233.215 117.936 233.361 118.708 233.652C119.472 233.951 120.585 234.353 121.974 234.82C124.746 235.753 128.646 236.84 133.055 237.548C137.464 238.248 141.51 238.423 144.434 238.394C145.897 238.38 147.083 238.343 147.898 238.299C148.712 238.263 149.171 238.248 149.171 238.277V238.285Z" fill="#1B2E4B"/>
+<path d="M150.168 233.863C150.175 233.907 149.411 234.148 148.138 234.367C146.864 234.586 145.075 234.761 143.103 234.681C141.124 234.6 139.356 234.287 138.105 233.966C136.853 233.645 136.111 233.346 136.126 233.302C136.14 233.243 136.911 233.455 138.17 233.703C139.421 233.958 141.175 234.221 143.125 234.301C145.075 234.374 146.835 234.25 148.109 234.097C149.382 233.944 150.16 233.798 150.175 233.856L150.168 233.863Z" fill="#1B2E4B"/>
+<g opacity="0.2">
+<path d="M152.787 198.213L164.421 218.004C164.421 218.004 157.88 222.681 155.151 223.417C155.151 223.417 161.147 221.747 165.89 219.383L172.024 222.17L152.787 198.22V198.213Z" fill="black"/>
+</g>
+<g opacity="0.2">
+<path d="M145.744 238.416C141.895 240.503 137.028 241.327 132.466 240.685C127.897 240.036 123.677 237.927 120.934 234.907C120.934 234.907 130.429 237.497 134.074 237.905C137.719 238.314 145.744 238.416 145.744 238.416Z" fill="black"/>
+</g>
+<path d="M107.081 242.859C107.11 242.975 105.262 243.231 103.414 244.471C102.126 245.302 101.253 246.331 100.824 246.842L100.678 246.739C100.889 246.499 101.02 246.375 101.05 246.397C101.079 246.419 100.999 246.572 100.824 246.849L100.678 246.747C101.013 246.163 101.864 245.025 103.203 244.164C105.146 242.866 107.096 242.771 107.081 242.866V242.859Z" fill="#1B2E4B"/>
+<path d="M116.663 250.664C116.743 250.716 115.819 252.182 114.269 253.626C112.72 255.078 111.199 255.895 111.148 255.807C111.09 255.713 112.494 254.764 114.007 253.349C115.528 251.934 116.568 250.599 116.663 250.664Z" fill="#1B2E4B"/>
+<path d="M126.791 259.215C126.878 259.258 126.092 260.878 124.637 262.527C123.197 264.19 121.698 265.182 121.647 265.102C121.574 265.014 122.942 263.905 124.353 262.278C125.772 260.659 126.689 259.156 126.791 259.215Z" fill="#1B2E4B"/>
+<path d="M137.435 263.475C137.53 263.475 137.384 265.262 136.482 267.246C135.587 269.238 134.343 270.514 134.278 270.449C134.19 270.376 135.274 269.019 136.14 267.093C137.02 265.167 137.326 263.46 137.442 263.482L137.435 263.475Z" fill="#1B2E4B"/>
+<path d="M163.024 175.211C162.98 175.189 163.06 174.905 163.293 174.481C163.526 174.066 163.962 173.526 164.588 173.125C165.214 172.716 165.847 172.519 166.305 172.402C166.763 172.293 167.054 172.271 167.069 172.322C167.113 172.446 165.956 172.716 164.792 173.446C163.635 174.197 163.133 175.284 163.024 175.218V175.211Z" fill="#1B2E4B"/>
+<path d="M168.109 180.216C168.022 180.18 168.502 179.027 169.652 178.042C170.794 177.05 172.009 176.744 172.024 176.839C172.067 176.948 170.969 177.393 169.899 178.334C168.815 179.261 168.204 180.275 168.109 180.216Z" fill="#1B2E4B"/>
+<path d="M178.106 182.324C178.193 182.36 177.466 183.907 175.989 185.373C174.519 186.847 172.977 187.569 172.94 187.482C172.882 187.379 174.301 186.533 175.72 185.103C177.153 183.688 178.004 182.266 178.106 182.324Z" fill="#1B2E4B"/>
+<path d="M234.129 233.222L240.008 225.139L244.359 224.183L253.766 222.265C253.766 222.265 254.865 222.921 253.533 224.57L252.776 225.19L256.422 225.095C256.422 225.095 256.633 226.824 254.755 227.794L248.615 229.582L246.301 230.282C246.301 230.282 251.147 230.617 252.827 230.012C254.515 229.407 256.014 229.479 256.014 229.479C256.014 229.479 257.025 230.515 255.774 231.858C254.523 233.2 250.841 233.608 249.968 233.827C249.095 234.046 245.988 234.119 245.988 234.119C245.988 234.119 247.218 234.943 249.313 234.922C251.409 234.9 253.57 234.965 253.57 234.965C253.57 234.965 253.679 236.964 252.398 237.358C251.118 237.745 245.479 237.643 245.479 237.643L243.922 238.496C243.922 238.496 239.768 242.888 238.305 243.515C236.85 244.143 233.03 245.273 233.03 245.273L234.122 233.222H234.129Z" fill="#FFBE9D"/>
+<path d="M253.264 225.307C253.279 225.351 252.755 225.628 251.852 225.956C250.95 226.285 249.67 226.649 248.222 226.883C246.774 227.109 245.435 227.153 244.482 227.116C243.522 227.08 242.932 226.978 242.94 226.934C242.94 226.817 245.304 226.97 248.164 226.511C251.023 226.073 253.228 225.198 253.271 225.314L253.264 225.307Z" fill="#EB996E"/>
+<path d="M328.8 381.035C328.8 381.035 313.317 363.169 307.475 345.296C301.633 327.431 304.405 329.481 304.405 329.481C304.405 329.481 312.291 346.836 318.279 355.218C324.267 363.6 334.933 375.906 334.933 375.906L328.8 381.035Z" fill="#506690"/>
+<path d="M331.885 332.267C331.383 331.391 330.059 331.851 330.204 332.843C331.15 339.117 333.187 353.846 333.107 363.402C333.005 375.811 333.107 380.611 333.107 380.611H339.553C339.553 380.611 338.411 354.962 336.956 347.134C335.937 341.648 333.769 335.564 331.885 332.267Z" fill="#506690"/>
+<path d="M335.399 378.517C335.399 378.517 339.451 369.968 340.703 359.222C341.234 354.655 340.288 348.484 338.877 340.24C338.193 336.25 338.04 333.215 338.062 331.107C338.076 329.517 340.172 328.999 340.95 330.385C341.729 331.778 343.977 336.527 344.552 339.511C346.109 347.645 347.877 351.708 346.531 359.426C345.177 367.144 340.186 379.028 340.186 379.028L335.399 378.51V378.517Z" fill="#506690"/>
+<path d="M341.205 379.043C341.205 379.043 358.208 342.415 359.38 336.98C360.558 331.545 364.567 319.02 365.033 319.734C365.506 320.442 366.212 327.059 363.148 334.616C360.085 342.174 347.004 380.159 347.004 380.159H341.198" fill="#506690"/>
+<path d="M333.536 377.402C333.536 377.402 333.362 377.299 333.063 377.073C332.765 376.847 332.307 376.519 331.747 376.067C330.612 375.177 329.025 373.82 327.177 372.025C323.467 368.45 318.847 362.943 314.845 356.151C310.836 349.367 308.137 342.728 306.427 337.87C305.569 335.44 304.95 333.449 304.543 332.063C304.332 331.37 304.194 330.83 304.092 330.465C303.997 330.1 303.946 329.903 303.961 329.903C303.975 329.903 304.041 330.086 304.164 330.443C304.295 330.837 304.463 331.362 304.681 332.019C305.125 333.39 305.787 335.367 306.675 337.782C308.443 342.611 311.171 349.206 315.165 355.969C319.152 362.731 323.714 368.239 327.367 371.843C329.185 373.659 330.742 375.038 331.841 375.957C332.387 376.431 332.823 376.767 333.114 377.015C333.405 377.256 333.551 377.394 333.544 377.402H333.536Z" fill="#1B2E4B"/>
+<path d="M335.399 359.828C335.399 359.828 335.319 359.449 335.246 358.756C335.166 357.997 335.057 357.012 334.933 355.816C334.664 353.336 334.242 349.922 333.645 346.165C333.042 342.408 332.372 339.03 331.856 336.594C331.601 335.426 331.397 334.456 331.237 333.705C331.092 333.026 331.019 332.64 331.048 332.64C331.07 332.64 331.186 333.004 331.375 333.676C331.565 334.347 331.819 335.324 332.11 336.543C332.692 338.972 333.405 342.349 334.009 346.114C334.613 349.878 334.991 353.307 335.195 355.794C335.297 357.042 335.363 358.048 335.392 358.741C335.421 359.442 335.428 359.828 335.406 359.828H335.399Z" fill="#1B2E4B"/>
+<path d="M339.379 330.107C339.379 330.107 339.459 330.261 339.583 330.574C339.714 330.917 339.881 331.369 340.092 331.938C340.317 332.529 340.572 333.259 340.819 334.12C341.074 334.981 341.401 335.951 341.649 337.052C341.78 337.599 341.925 338.176 342.071 338.774C342.216 339.372 342.318 340.007 342.442 340.656C342.718 341.955 342.893 343.37 343.097 344.843C343.431 347.813 343.613 351.103 343.504 354.553C343.366 358.004 342.951 361.272 342.406 364.212C342.093 365.671 341.823 367.072 341.452 368.348C341.278 368.99 341.132 369.618 340.943 370.201C340.754 370.785 340.572 371.354 340.397 371.886C340.07 372.966 339.677 373.914 339.364 374.753C339.059 375.599 338.746 376.307 338.484 376.876C338.237 377.423 338.033 377.861 337.88 378.197C337.742 378.496 337.662 378.649 337.647 378.649C337.633 378.649 337.691 378.481 337.815 378.167C337.953 377.824 338.135 377.379 338.353 376.825C338.6 376.249 338.891 375.534 339.175 374.688C339.466 373.841 339.844 372.9 340.157 371.813C340.325 371.273 340.499 370.712 340.674 370.128C340.849 369.537 340.987 368.917 341.161 368.275C341.518 366.999 341.78 365.613 342.078 364.154C342.602 361.228 343.002 357.975 343.14 354.546C343.249 351.117 343.075 347.849 342.762 344.887C342.566 343.414 342.405 342.006 342.144 340.714C342.02 340.065 341.925 339.431 341.794 338.832C341.656 338.234 341.525 337.658 341.401 337.111C341.176 336.009 340.863 335.039 340.63 334.178C340.405 333.31 340.165 332.58 339.961 331.982C339.779 331.413 339.626 330.954 339.517 330.604C339.422 330.283 339.372 330.115 339.386 330.115L339.379 330.107Z" fill="#1B2E4B"/>
+<path d="M364.844 320.464C364.844 320.464 364.844 320.522 364.829 320.632C364.807 320.763 364.785 320.916 364.756 321.106C364.684 321.522 364.589 322.142 364.422 322.93C364.094 324.505 363.549 326.774 362.697 329.524C361.853 332.275 360.689 335.506 359.314 339.044C357.946 342.59 356.346 346.456 354.84 350.571C353.304 354.678 352.126 358.683 351.02 362.323C349.921 365.963 348.881 369.231 347.869 371.923C346.873 374.622 345.912 376.753 345.185 378.19C344.836 378.912 344.523 379.459 344.319 379.831C344.224 379.999 344.144 380.138 344.079 380.247C344.021 380.342 343.992 380.386 343.984 380.386C343.984 380.386 343.999 380.327 344.042 380.232C344.101 380.116 344.166 379.97 344.246 379.795C344.428 379.415 344.719 378.861 345.046 378.131C345.73 376.68 346.654 374.542 347.615 371.843C348.59 369.144 349.601 365.876 350.685 362.228C351.776 358.588 352.948 354.568 354.49 350.447C356.004 346.325 357.604 342.466 358.994 338.928C360.384 335.397 361.57 332.187 362.443 329.451C363.323 326.716 363.905 324.469 364.276 322.9C364.465 322.12 364.582 321.507 364.676 321.091C364.72 320.902 364.756 320.748 364.785 320.624C364.815 320.522 364.829 320.464 364.836 320.464H364.844Z" fill="#1B2E4B"/>
+<path d="M312.422 312.374C311.353 311.308 309.57 312.425 310.014 313.869C310.465 315.335 311.142 317.232 312.153 319.377C314.489 324.359 321.357 342.225 324.566 352.037C327.781 361.849 332.307 380.159 332.307 380.159L339.168 379.043C339.168 379.043 332.889 348.966 326.756 338.125C321.83 329.415 316.897 316.831 312.422 312.374Z" fill="#506690"/>
+<path d="M326.443 358.172C326.443 358.172 326.588 358.456 326.799 358.996C327.003 359.536 327.279 360.324 327.592 361.309C328.225 363.271 328.996 366.014 329.775 369.056C330.553 372.105 331.201 374.878 331.652 376.884C331.856 377.832 332.03 378.635 332.169 379.269C332.285 379.831 332.336 380.152 332.307 380.152C332.285 380.152 332.183 379.853 332.03 379.298C331.863 378.671 331.652 377.883 331.405 376.942C330.881 374.87 330.19 372.149 329.426 369.144C328.647 366.102 327.912 363.359 327.345 361.382C327.076 360.448 326.843 359.667 326.668 359.04C326.501 358.486 326.428 358.179 326.45 358.172H326.443Z" fill="#1B2E4B"/>
+<path d="M335.756 379.597C335.756 379.597 335.734 379.539 335.719 379.415C335.697 379.269 335.676 379.094 335.639 378.875C335.566 378.401 335.501 377.693 335.355 376.789C335.101 374.979 334.657 372.375 333.915 369.202C333.18 366.021 332.11 362.286 330.706 358.208C329.302 354.13 327.534 349.724 325.533 345.172C321.495 336.067 317.465 327.992 314.816 322.017C313.477 319.041 312.437 316.604 311.753 314.912C311.404 314.066 311.157 313.402 310.982 312.957C310.902 312.745 310.844 312.577 310.793 312.446C310.749 312.329 310.735 312.271 310.742 312.264C310.742 312.264 310.778 312.315 310.829 312.431C310.887 312.563 310.96 312.731 311.055 312.928C311.258 313.394 311.535 314.036 311.891 314.861C312.612 316.539 313.688 318.953 315.056 321.915C317.763 327.853 321.83 335.907 325.875 345.033C327.876 349.6 329.637 354.013 331.034 358.113C332.431 362.206 333.478 365.963 334.177 369.158C334.882 372.353 335.297 374.972 335.508 376.789C335.632 377.693 335.676 378.408 335.719 378.882C335.734 379.101 335.748 379.283 335.763 379.429C335.77 379.553 335.77 379.619 335.763 379.619L335.756 379.597Z" fill="#1B2E4B"/>
+<path d="M339.168 379.043C339.168 379.043 339.059 378.634 338.935 377.89C338.797 377.08 338.622 376.015 338.404 374.724C337.931 372.061 337.211 368.385 336.17 364.387C335.144 360.389 333.988 356.829 333.093 354.269C332.656 353.036 332.292 352.022 332.023 351.249C331.768 350.534 331.638 350.14 331.659 350.125C331.681 350.118 331.856 350.497 332.154 351.197C332.452 351.898 332.86 352.912 333.34 354.181C334.293 356.72 335.494 360.28 336.527 364.292C337.567 368.304 338.251 371.996 338.659 374.673C338.855 376.015 339 377.102 339.081 377.861C339.161 378.612 339.197 379.035 339.175 379.035L339.168 379.043Z" fill="#1B2E4B"/>
+<path d="M353.246 378.051H326.464V410.769H353.246V378.051Z" fill="#415FE9"/>
+<g opacity="0.3">
+<path d="M353.246 378.051H326.464V410.769H353.246V378.051Z" fill="black"/>
+</g>
+<path d="M344.705 378.051H320.942V410.769H344.705V378.051Z" fill="#415FE9"/>
+</svg>
diff --git a/public/assets/images/error/maintenence-light.svg b/public/assets/images/error/maintenence-light.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b7fb818d111b893c22d8d09e0f03022b476d90d2
--- /dev/null
+++ b/public/assets/images/error/maintenence-light.svg
@@ -0,0 +1,202 @@
+<svg width="514" height="514" viewBox="0 0 514 514" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M58.6907 250.438C58.6907 250.438 52.9283 250.022 53.4594 262.978C53.9906 275.934 55.3075 282.843 55.3075 282.843C55.3075 282.843 55.1401 285.717 52.921 285.155C50.702 284.594 46.5257 281.792 44.4667 283.886C42.3277 286.053 43.0916 289.379 45.9218 293.297C48.7594 297.214 54.6599 306.019 55.1911 306.822C55.7149 307.602 55.9186 309.076 54.3471 308.937C52.7755 308.799 42.153 305.188 40.7488 310.345C39.3446 315.503 49.0358 325.11 50.069 326.183C51.1094 327.255 51.1676 327.926 50.7456 328.576C50.3236 329.225 46.8677 327.671 43.8046 326.774C40.7416 325.869 37.031 325.366 36.4707 328.408C35.9105 331.45 40.1741 340.357 56.1587 349.709L63.8491 353.561L71.1248 348.907C86.0981 337.994 89.4522 328.707 88.5937 325.738C87.7279 322.769 84.09 323.644 81.1361 324.848C78.1822 326.051 74.8936 327.941 74.4134 327.343C73.9259 326.737 73.9186 326.059 74.8427 324.892C75.7667 323.724 84.4538 313.19 82.5403 308.2C80.6268 303.211 70.419 307.865 68.8693 308.164C67.3196 308.463 67.3778 306.982 67.8216 306.143C68.2727 305.297 73.2638 295.937 75.6939 291.757C78.124 287.577 78.5532 284.192 76.2032 282.252C73.9405 280.377 70.0698 283.58 67.9162 284.36C65.7626 285.141 65.3115 282.303 65.3115 282.303C65.3115 282.303 65.9372 275.3 65.1733 262.358C64.4093 249.41 58.5815 250.453 58.5815 250.453" fill="#EBEBEB"/>
+<path d="M59.1417 262.044C59.1417 262.044 59.1563 262.139 59.1708 262.314C59.1854 262.504 59.2072 262.767 59.229 263.11C59.28 263.824 59.3454 264.853 59.4328 266.173C59.6074 268.829 59.8329 272.681 60.0948 277.437C60.6187 286.95 61.2371 300.096 61.8701 314.613C62.5031 329.137 63.0851 342.283 63.5581 351.796C63.7982 356.545 63.9946 360.389 64.1328 363.059C64.1983 364.38 64.2492 365.408 64.2856 366.123C64.3002 366.466 64.3075 366.729 64.3147 366.918C64.3147 367.101 64.3147 367.188 64.3147 367.188C64.3147 367.188 64.3002 367.093 64.2856 366.918C64.2711 366.729 64.2492 366.466 64.2274 366.123C64.1765 365.408 64.111 364.38 64.0237 363.067C63.8491 360.411 63.6235 356.559 63.3616 351.803C62.8378 342.29 62.2193 329.144 61.5864 314.62C60.9534 300.103 60.3713 286.957 59.8984 277.444C59.6583 272.695 59.4619 268.851 59.3236 266.181C59.2581 264.86 59.2072 263.832 59.1708 263.117C59.1563 262.774 59.149 262.511 59.1417 262.322C59.1417 262.139 59.1417 262.052 59.1417 262.052V262.044Z" fill="#E0E0E0"/>
+<path d="M50.1417 288.03C50.1417 288.03 50.3236 288.161 50.6219 288.431C50.9202 288.701 51.335 289.102 51.8443 289.606C52.8556 290.612 54.2234 292.042 55.7004 293.647C57.1482 295.23 58.4506 296.667 59.4619 297.776C59.913 298.265 60.2913 298.681 60.6042 299.023C60.8734 299.315 61.0189 299.483 61.0043 299.498C60.9898 299.512 60.8224 299.374 60.5241 299.104C60.2258 298.834 59.8111 298.433 59.3091 297.922C58.305 296.901 56.959 295.456 55.4821 293.851C54.027 292.276 52.7101 290.853 51.6915 289.751C51.2404 289.263 50.8548 288.854 50.5419 288.511C50.2727 288.212 50.1272 288.044 50.1417 288.03Z" fill="#E0E0E0"/>
+<path d="M61.7682 299.235C61.71 299.176 64.5257 296.222 68.0471 292.64C71.5758 289.051 74.4788 286.191 74.537 286.249C74.5952 286.308 71.7868 289.262 68.2581 292.844C64.7294 296.426 61.8264 299.286 61.7682 299.235Z" fill="#E0E0E0"/>
+<path d="M61.7391 321.58C61.7391 321.58 61.921 321.441 62.2775 321.237C62.685 321.003 63.187 320.726 63.7836 320.391C65.0496 319.676 66.803 318.684 68.6947 317.516C70.5864 316.356 72.267 315.248 73.4748 314.431C74.0423 314.051 74.5152 313.73 74.9081 313.468C75.2501 313.241 75.4392 313.125 75.4538 313.147C75.4683 313.169 75.2937 313.314 74.9736 313.562C74.6535 313.818 74.1805 314.175 73.5912 314.598C72.4126 315.459 70.7464 316.597 68.8402 317.764C66.9412 318.932 65.1733 319.902 63.8782 320.573C63.2307 320.909 62.6995 321.164 62.3285 321.339C61.9574 321.514 61.7464 321.594 61.7391 321.58Z" fill="#E0E0E0"/>
+<path d="M48.9995 313.759C48.9995 313.759 49.1959 313.832 49.5306 314.007C49.8653 314.182 50.3382 314.452 50.9276 314.781C52.0989 315.444 53.7069 316.385 55.4676 317.436C57.2356 318.486 58.8217 319.457 59.9639 320.172C60.5387 320.529 60.9971 320.821 61.3099 321.032C61.6228 321.244 61.7901 321.361 61.7829 321.383C61.7756 321.397 61.5864 321.31 61.2517 321.135C60.9171 320.959 60.4441 320.69 59.8548 320.361C58.6834 319.697 57.0755 318.756 55.3148 317.706C53.5468 316.655 51.9607 315.685 50.8184 314.97C50.2436 314.613 49.7853 314.321 49.4724 314.109C49.1596 313.898 48.9922 313.781 48.9995 313.759Z" fill="#E0E0E0"/>
+<path d="M46.4675 333.485C46.4675 333.485 46.7148 333.587 47.1441 333.814C47.617 334.076 48.2209 334.405 48.9339 334.806C50.44 335.652 52.5063 336.841 54.7836 338.169C57.0608 339.496 59.1126 340.715 60.5895 341.605C61.288 342.035 61.8701 342.393 62.3357 342.677C62.7431 342.932 62.9614 343.086 62.9541 343.108C62.9469 343.122 62.7068 343.005 62.2775 342.779C61.8046 342.517 61.2007 342.188 60.4877 341.787C58.9816 340.941 56.9153 339.752 54.638 338.424C52.3608 337.096 50.309 335.878 48.8321 334.988C48.1336 334.558 47.5515 334.2 47.0859 333.916C46.6785 333.66 46.4602 333.507 46.4675 333.485Z" fill="#E0E0E0"/>
+<path d="M62.6195 342.757C62.6195 342.757 62.8451 342.582 63.2889 342.305C63.7764 342.006 64.4093 341.626 65.1587 341.167C66.7376 340.204 68.913 338.862 71.2703 337.322C73.6349 335.783 75.7376 334.331 77.2509 333.274C77.9712 332.77 78.5751 332.347 79.048 332.019C79.4773 331.727 79.7174 331.574 79.7246 331.588C79.7392 331.603 79.5209 331.793 79.1135 332.114C78.706 332.435 78.1167 332.894 77.3673 333.441C75.8831 334.543 73.795 336.024 71.4231 337.57C69.0585 339.117 66.8612 340.43 65.2533 341.349C64.4457 341.809 63.7909 342.166 63.3325 342.407C62.8742 342.648 62.6195 342.772 62.605 342.757H62.6195Z" fill="#E0E0E0"/>
+<path d="M74.1806 356.063H52.9065L59.8475 408.763H67.2396L74.1806 356.063Z" fill="#E0E0E0"/>
+<path d="M54.0125 362.542C54.0125 362.542 54.0343 362.614 54.1289 362.731C54.2162 362.841 54.3835 362.987 54.6454 363.096C55.1475 363.315 56.0351 363.337 56.8936 362.819C57.7521 362.345 58.5015 361.411 59.6511 360.995C60.7934 360.557 62.2049 360.638 63.5654 361.075C64.9405 361.498 66.1264 362.199 67.2105 362.848C68.2946 363.49 69.2841 364.066 70.1717 364.438C71.0521 364.825 71.8233 365 72.3544 365.073C72.6236 365.109 72.8273 365.117 72.9729 365.117C73.1111 365.117 73.1911 365.117 73.1911 365.102C73.2057 365.029 71.9906 365.044 70.2736 364.219C69.4151 363.825 68.4474 363.235 67.3779 362.578C66.3083 361.914 65.086 361.192 63.6745 360.754C62.2776 360.302 60.7716 360.222 59.542 360.71C58.9308 360.944 58.4142 361.309 57.985 361.673C57.5484 362.031 57.1628 362.374 56.7699 362.622C55.9914 363.125 55.1766 363.147 54.6964 362.979C54.2089 362.811 54.0488 362.52 54.0197 362.549L54.0125 362.542Z" fill="#F5F5F5"/>
+<path d="M54.7836 372.251C54.7836 372.251 54.9509 372.032 55.2856 371.682C55.6275 371.346 56.1805 370.901 56.9881 370.602C57.7884 370.296 58.8143 370.114 59.9493 370.157C61.0916 370.194 62.3284 370.449 63.6526 370.661C64.9695 370.88 66.2791 370.982 67.4432 370.821C68.6073 370.668 69.6187 370.332 70.4263 369.968C71.2339 369.596 71.8305 369.194 72.2161 368.895C72.609 368.596 72.7981 368.399 72.7836 368.385C72.7472 368.326 71.925 369.063 70.3244 369.741C69.5241 370.07 68.5346 370.376 67.3996 370.5C66.2646 370.639 65.0132 370.537 63.7035 370.318C62.3939 370.106 61.1352 369.858 59.9566 369.836C58.7779 369.807 57.7157 370.026 56.8935 370.376C56.0641 370.719 55.5039 371.215 55.1837 371.594C55.0309 371.791 54.9218 371.952 54.8636 372.069C54.7981 372.185 54.7763 372.244 54.7836 372.251Z" fill="#F5F5F5"/>
+<path d="M71.7723 377.445C71.7723 377.445 71.5831 377.299 71.183 377.139C70.7901 376.978 70.1862 376.818 69.4222 376.759C68.6583 376.701 67.7488 376.745 66.7594 376.913C65.7699 377.073 64.7003 377.35 63.5872 377.584C62.474 377.817 61.3972 377.978 60.4222 377.941C59.4473 377.905 58.5815 377.693 57.9049 377.394C56.537 376.789 56.0496 375.913 55.9986 375.972C55.9841 375.979 56.0787 376.198 56.3551 376.526C56.6316 376.854 57.1045 377.27 57.803 377.613C58.4942 377.956 59.3891 378.204 60.4077 378.255C61.4263 378.313 62.5322 378.153 63.6599 377.919C64.7876 377.679 65.8426 377.394 66.8176 377.219C67.7852 377.044 68.6729 376.971 69.415 376.993C70.9065 377.044 71.7577 377.496 71.7796 377.431L71.7723 377.445Z" fill="#F5F5F5"/>
+<path d="M56.668 384.755C56.6752 384.813 57.4246 384.281 58.7343 384.543C59.3745 384.66 60.0875 384.981 60.8951 385.353C61.6955 385.725 62.6631 386.046 63.7035 386.126C65.7917 386.331 67.6542 385.652 68.7892 384.944C69.3713 384.594 69.7787 384.222 70.0552 383.967C70.3171 383.69 70.4481 383.529 70.4263 383.515C70.3826 383.464 69.8224 384.091 68.6656 384.733C67.5233 385.368 65.7335 385.973 63.7327 385.783C61.7173 385.667 60.1748 384.463 58.7779 384.302C58.094 384.2 57.5265 384.302 57.17 384.441C56.8135 384.58 56.6607 384.74 56.668 384.755Z" fill="#F5F5F5"/>
+<path d="M57.854 394.866C57.854 394.902 58.567 394.902 59.6293 394.516C60.6988 394.158 62.023 393.334 63.5654 392.721C64.3439 392.422 65.1151 392.24 65.8281 392.247C66.5339 392.247 67.1669 392.422 67.6471 392.663C68.622 393.152 68.9058 393.845 68.964 393.801C68.9785 393.801 68.9349 393.619 68.7602 393.349C68.5856 393.079 68.2655 392.729 67.7635 392.444C67.2687 392.16 66.5994 391.948 65.8354 391.926C65.0715 391.904 64.2493 392.087 63.449 392.393C61.8484 393.035 60.5678 393.881 59.542 394.282C58.5306 394.72 57.8467 394.808 57.8613 394.866H57.854Z" fill="#F5F5F5"/>
+<path d="M58.8944 399.579C58.8798 399.623 59.3891 399.805 60.2404 400.016C61.0916 400.228 62.2775 400.454 63.609 400.585C64.9404 400.717 66.1482 400.724 67.0213 400.688C67.8944 400.644 68.4328 400.564 68.4255 400.52C68.4255 400.418 66.2719 400.505 63.6381 400.243C61.0043 399.987 58.9162 399.477 58.8871 399.579H58.8944Z" fill="#F5F5F5"/>
+<path d="M452.8 106.979L445.554 107.018L445.749 143.157L452.995 143.118L452.8 106.979Z" fill="#E0E0E0"/>
+<path d="M401.552 107.075L382.796 107.176L382.903 127.128L401.66 127.026L401.552 107.075Z" fill="#EBEBEB"/>
+<path d="M420.228 106.973L401.471 107.075L401.579 127.026L420.335 126.925L420.228 106.973Z" fill="#F5F5F5"/>
+<path d="M382.829 112.707C395.292 112.81 407.792 112.737 420.255 112.532C420.51 112.532 420.51 112.131 420.255 112.131C407.792 112.065 395.292 112.124 382.829 112.357C382.611 112.357 382.611 112.7 382.829 112.7V112.707Z" fill="#E0E0E0"/>
+<path d="M405.187 126.7L371.108 126.885L371.196 143.146L405.274 142.961L405.187 126.7Z" fill="#EBEBEB"/>
+<path d="M439.104 126.509L405.026 126.694L405.113 142.955L439.192 142.77L439.104 126.509Z" fill="#F5F5F5"/>
+<path d="M371.13 131.42C393.772 131.675 416.486 131.449 439.121 131.084C439.376 131.084 439.376 130.683 439.121 130.683C416.479 130.566 393.765 130.573 371.13 131.077C370.912 131.077 370.912 131.42 371.13 131.42Z" fill="#E0E0E0"/>
+<path d="M490.415 143.157H358.383V148.979H490.415V143.157Z" fill="#E0E0E0"/>
+<path d="M385.361 145.958H379.999V165.83H385.361V145.958Z" fill="#E0E0E0"/>
+<path d="M465.372 145.958H460.01V165.83H465.372V145.958Z" fill="#E0E0E0"/>
+<path d="M459.865 93.5105L452.619 93.5498L452.887 143.25L460.133 143.211L459.865 93.5105Z" fill="#EBEBEB"/>
+<path d="M471.178 102.757L459.922 102.818L460.14 143.094L471.395 143.033L471.178 102.757Z" fill="#F5F5F5"/>
+<path d="M471.105 110.541C471.105 110.65 468.588 110.738 465.481 110.738C462.374 110.738 459.857 110.65 459.857 110.541C459.857 110.431 462.374 110.344 465.481 110.344C468.588 110.344 471.105 110.431 471.105 110.541Z" fill="#E0E0E0"/>
+<path d="M471.105 108.848C471.105 108.958 468.588 109.045 465.481 109.045C462.374 109.045 459.857 108.958 459.857 108.848C459.857 108.739 462.374 108.651 465.481 108.651C468.588 108.651 471.105 108.739 471.105 108.848Z" fill="#E0E0E0"/>
+<path d="M471.105 137C471.105 137.11 468.588 137.197 465.481 137.197C462.374 137.197 459.857 137.11 459.857 137C459.857 136.891 462.374 136.803 465.481 136.803C468.588 136.803 471.105 136.891 471.105 137Z" fill="#E0E0E0"/>
+<path d="M471.105 135.307C471.105 135.417 468.588 135.504 465.481 135.504C462.374 135.504 459.857 135.417 459.857 135.307C459.857 135.198 462.374 135.11 465.481 135.11C468.588 135.11 471.105 135.198 471.105 135.307Z" fill="#E0E0E0"/>
+<path d="M465.656 131.616C465.546 131.616 465.459 127.553 465.459 122.541C465.459 117.53 465.546 113.466 465.656 113.466C465.765 113.466 465.852 117.53 465.852 122.541C465.852 127.553 465.765 131.616 465.656 131.616Z" fill="#E0E0E0"/>
+<path d="M483.474 112.671H471.221V143.069H483.474V112.671Z" fill="#EBEBEB"/>
+<path d="M458.212 102.013C458.212 103.165 457.281 104.099 456.132 104.099C454.982 104.099 454.051 103.165 454.051 102.013C454.051 100.86 454.982 99.9263 456.132 99.9263C457.281 99.9263 458.212 100.86 458.212 102.013Z" fill="#E0E0E0"/>
+<path d="M456.779 107.754H455.491V137.321H456.779V107.754Z" fill="#E0E0E0"/>
+<path d="M114.873 94.623H38.0714V206.238H114.873V94.623Z" fill="#E0E0E0"/>
+<path d="M111.025 94.623H34.2228V206.238H111.025V94.623Z" fill="#F5F5F5"/>
+<path d="M101.486 106.711H43.7682V194.15H101.486V106.711Z" fill="white"/>
+<path d="M101.479 194.15C101.479 194.15 101.472 194.004 101.464 193.719C101.464 193.427 101.464 193.019 101.45 192.479C101.45 191.378 101.435 189.773 101.428 187.686C101.413 183.499 101.399 177.386 101.377 169.675C101.355 154.253 101.319 132.426 101.282 106.711L101.472 106.901C83.8354 106.901 64.3002 106.915 43.761 106.915L43.972 106.704C43.9574 139.685 43.9429 170.098 43.9283 194.142L43.761 193.975C61.339 194.011 75.7448 194.04 85.7707 194.062C90.7837 194.084 94.7052 194.091 97.3754 194.106C98.7069 194.113 99.7255 194.121 100.424 194.128C101.115 194.128 101.479 194.142 101.479 194.142C101.479 194.142 101.137 194.157 100.46 194.157C99.7691 194.157 98.7578 194.164 97.4482 194.179C94.7853 194.186 90.8782 194.201 85.8799 194.223C75.8321 194.245 61.3899 194.274 43.7682 194.31H43.6009V194.142C43.5864 170.105 43.5718 139.692 43.5573 106.704V106.492H43.7682C64.3075 106.492 83.8427 106.507 101.479 106.507H101.668V106.696C101.632 132.455 101.595 154.333 101.573 169.784C101.552 177.48 101.537 183.572 101.523 187.752C101.515 189.824 101.508 191.421 101.501 192.508C101.501 193.041 101.493 193.442 101.486 193.727C101.486 193.997 101.472 194.135 101.472 194.135L101.479 194.15Z" fill="#E0E0E0"/>
+<path d="M111.236 94.6229C111.279 94.6594 110.755 95.4181 109.868 96.6145C108.973 97.8109 107.707 99.4377 106.266 101.196C104.818 102.954 103.472 104.515 102.468 105.624C101.472 106.733 100.824 107.389 100.78 107.353C100.737 107.316 101.304 106.587 102.243 105.434C103.276 104.179 104.542 102.64 105.939 100.933C107.336 99.2261 108.602 97.6869 109.635 96.4321C110.588 95.2868 111.192 94.5865 111.236 94.6229Z" fill="#E0E0E0"/>
+<path d="M101.777 193.873C104.644 198.439 108.027 202.685 111.847 206.493L101.777 193.873Z" fill="white"/>
+<path d="M111.839 206.493C111.803 206.529 111.119 205.938 110.086 204.895C109.053 203.852 107.685 202.349 106.288 200.598C104.891 198.848 103.734 197.177 102.949 195.937C102.163 194.697 101.734 193.894 101.777 193.865C101.828 193.836 102.345 194.58 103.196 195.769C104.04 196.958 105.233 198.592 106.623 200.336C108.012 202.079 109.337 203.597 110.312 204.691C111.287 205.778 111.898 206.449 111.854 206.493H111.839Z" fill="#E0E0E0"/>
+<path d="M34.2152 206.15C37.5693 201.999 40.9234 197.855 44.2775 193.705L34.2152 206.15Z" fill="white"/>
+<path d="M44.2702 193.705C44.3575 193.778 42.1821 196.623 39.4028 200.059C36.6235 203.495 34.3026 206.223 34.208 206.15C34.1207 206.077 36.2961 203.232 39.0754 199.796C41.8547 196.36 44.1757 193.632 44.2702 193.705Z" fill="#E0E0E0"/>
+<path d="M34.2227 94.6231C34.31 94.5501 36.5 97.169 39.1047 100.474C41.7093 103.778 43.7538 106.514 43.6592 106.587C43.5719 106.66 41.3819 104.041 38.7772 100.736C36.1726 97.4317 34.1354 94.696 34.2227 94.6231Z" fill="#E0E0E0"/>
+<path d="M83.5007 124.467H64.1765V179.487H83.5007V124.467Z" fill="#E0E0E0"/>
+<path d="M441.791 309.761H307.591V371.82H441.791V309.761Z" fill="#F5F5F5"/>
+<path d="M438.597 368.888H310.662V313.022H438.597V368.888ZM311.498 368.049H437.761V313.854H311.498V368.049Z" fill="#E0E0E0"/>
+<path d="M474.575 309.761H441.791V371.82H474.575V309.761Z" fill="#E0E0E0"/>
+<path d="M311.084 330.312H438.183C438.401 330.312 438.401 329.976 438.183 329.976H311.084C310.865 329.976 310.865 330.312 311.084 330.312Z" fill="#E0E0E0"/>
+<path d="M375.044 330.144C375.422 324.636 375.386 318.8 375.088 313.285C375.073 313.066 374.76 313.066 374.746 313.285C374.448 318.8 374.411 324.636 374.789 330.144C374.804 330.311 375.037 330.311 375.044 330.144Z" fill="#E0E0E0"/>
+<path d="M409.254 321.718C409.254 322.673 408.476 323.454 407.523 323.454C406.57 323.454 405.791 322.673 405.791 321.718C405.791 320.762 406.57 319.981 407.523 319.981C408.476 319.981 409.254 320.762 409.254 321.718Z" fill="#E0E0E0"/>
+<path d="M342.551 321.718C342.551 322.673 341.773 323.454 340.819 323.454C339.866 323.454 339.088 322.673 339.088 321.718C339.088 320.762 339.866 319.981 340.819 319.981C341.773 319.981 342.551 320.762 342.551 321.718Z" fill="#E0E0E0"/>
+<path d="M376.361 340.955C376.361 341.911 375.583 342.691 374.629 342.691C373.676 342.691 372.898 341.911 372.898 340.955C372.898 339.999 373.676 339.219 374.629 339.219C375.583 339.219 376.361 339.999 376.361 340.955Z" fill="#E0E0E0"/>
+<path d="M323.634 371.813L316.73 410.776H320.615L333.355 371.813H323.634Z" fill="#E0E0E0"/>
+<path d="M432.297 371.813L438.073 410.842H434.188L422.583 371.813H432.297Z" fill="#E0E0E0"/>
+<path d="M458.242 371.813L464.79 410.842H460.897L448.521 371.813H458.242Z" fill="#E0E0E0"/>
+<path d="M376.245 358.521C376.245 359.477 375.466 360.258 374.513 360.258C373.56 360.258 372.781 359.477 372.781 358.521C372.781 357.566 373.56 356.785 374.513 356.785C375.466 356.785 376.245 357.566 376.245 358.521Z" fill="#E0E0E0"/>
+<path d="M311.084 349.527H438.183C438.401 349.527 438.401 349.191 438.183 349.191H311.084C310.865 349.191 310.865 349.527 311.084 349.527Z" fill="#E0E0E0"/>
+<path d="M195.299 386.929V410.514H229.705H267.648V386.929H195.299Z" fill="#F5F5F5"/>
+<path d="M192.257 380.334V386.929H270.18V380.334H229.705H192.257Z" fill="#E0E0E0"/>
+<path d="M231.219 410.514H267.648V386.929H270.18V380.334H229.705V386.316L231.219 410.514Z" fill="#E0E0E0"/>
+<path d="M220.094 390.729H205.419V394.282H220.094V390.729Z" fill="#E0E0E0"/>
+<path d="M222.371 398.718H203.527V406.217H222.371V398.718Z" fill="white"/>
+<path d="M206.43 356.771V380.363H240.837H278.78V356.771H206.43Z" fill="#F5F5F5"/>
+<path d="M203.389 350.176V356.771H281.312V350.176H240.837H203.389Z" fill="#E0E0E0"/>
+<path d="M242.35 380.363H278.78V356.771H281.312V350.176H240.837V356.166L242.35 380.363Z" fill="#E0E0E0"/>
+<path d="M231.219 360.579H216.544V364.132H231.219V360.579Z" fill="#E0E0E0"/>
+<path d="M233.503 368.567H214.659V376.066H233.503V368.567Z" fill="white"/>
+<path d="M425.028 264.196C426.345 263.401 427.742 262.796 429.19 262.387L430.048 258.258L437.004 258.134L438.008 262.227C439.463 262.584 440.889 263.139 442.228 263.89L445.742 261.578L450.748 266.421L448.565 270.025C449.358 271.346 449.962 272.746 450.369 274.198L454.487 275.059L454.611 282.033L450.529 283.04C450.173 284.499 449.62 285.928 448.87 287.271L451.177 290.794L446.346 295.813L442.752 293.625C441.435 294.42 440.038 295.025 438.59 295.434L437.731 299.563L430.776 299.687L429.772 295.594C428.317 295.237 426.891 294.683 425.552 293.931L422.038 296.244L417.032 291.4L419.215 287.796C418.422 286.476 417.818 285.075 417.41 283.623L413.292 282.762L413.169 275.788L417.25 274.782C417.607 273.323 418.16 271.893 418.909 270.55L416.603 267.027L421.434 262.008L425.028 264.196ZM428.739 273.49C425.872 276.467 425.959 281.201 428.928 284.076C431.896 286.95 436.618 286.862 439.485 283.886C442.344 280.909 442.264 276.175 439.303 273.301C436.334 270.426 431.613 270.514 428.746 273.49H428.739Z" fill="#EBEBEB"/>
+<path d="M204.633 266.699C206.925 265.313 209.37 264.255 211.887 263.54L213.379 256.34L225.507 256.128L227.253 263.27C229.793 263.898 232.274 264.868 234.609 266.174L240.735 262.147L249.459 270.595L245.661 276.876C247.05 279.174 248.098 281.625 248.811 284.149L255.985 285.644L256.196 297.805L249.073 299.556C248.447 302.102 247.48 304.59 246.177 306.931L250.194 313.074L241.768 321.821L235.504 318.012C233.212 319.399 230.768 320.456 228.25 321.171L226.759 328.371L214.63 328.583L212.884 321.441C210.345 320.814 207.864 319.844 205.528 318.538L199.402 322.565L190.679 314.117L194.476 307.836C193.094 305.538 192.039 303.087 191.326 300.563L184.152 299.067L183.941 286.906L191.064 285.155C191.69 282.61 192.658 280.122 193.96 277.78L189.944 271.638L198.369 262.891L204.633 266.699ZM211.094 282.894C206.103 288.081 206.249 296.339 211.414 301.343C216.587 306.348 224.823 306.202 229.814 301.022C234.806 295.835 234.66 287.577 229.494 282.573C224.321 277.569 216.085 277.715 211.094 282.894Z" fill="#EBEBEB"/>
+<path d="M280.992 195.316C282.105 194.638 283.298 194.127 284.52 193.777L285.248 190.275L291.148 190.173L292 193.646C293.237 193.952 294.444 194.419 295.579 195.061L298.562 193.099L302.811 197.206L300.963 200.262C301.64 201.379 302.149 202.575 302.498 203.801L305.991 204.53L306.093 210.446L302.629 211.3C302.324 212.54 301.858 213.751 301.218 214.889L303.175 217.88L299.079 222.14L296.03 220.287C294.917 220.966 293.724 221.476 292.502 221.827L291.774 225.328L285.874 225.43L285.022 221.958C283.785 221.652 282.578 221.185 281.443 220.543L278.46 222.505L274.211 218.398L276.059 215.341C275.382 214.225 274.873 213.029 274.524 211.803L271.031 211.074L270.929 205.157L274.393 204.304C274.698 203.064 275.164 201.853 275.804 200.715L273.847 197.724L277.943 193.463L280.992 195.316ZM284.135 203.195C281.705 205.719 281.777 209.739 284.295 212.168C286.812 214.605 290.821 214.532 293.244 212.007C295.674 209.483 295.601 205.464 293.084 203.035C290.566 200.598 286.557 200.671 284.135 203.195Z" fill="#F5F5F5"/>
+<path d="M317.261 211.883C319.218 210.702 321.299 209.797 323.445 209.192L324.718 203.049L335.064 202.867L336.556 208.958C338.724 209.491 340.834 210.315 342.835 211.431L348.066 207.995L355.509 215.203L352.271 220.565C353.457 222.527 354.352 224.613 354.956 226.765L361.075 228.042L361.257 238.416L355.182 239.911C354.651 242.085 353.828 244.201 352.715 246.207L356.142 251.452L348.954 258.915L343.606 255.668C341.649 256.85 339.568 257.755 337.422 258.36L336.148 264.503L325.802 264.685L324.311 258.594C322.143 258.061 320.033 257.23 318.032 256.121L312.801 259.557L305.358 252.349L308.595 246.987C307.417 245.025 306.515 242.938 305.903 240.786L299.777 239.51L299.595 229.136L305.671 227.641C306.202 225.467 307.031 223.351 308.137 221.345L304.71 216.1L311.899 208.637L317.246 211.883H317.261ZM322.776 225.7C318.52 230.121 318.643 237.168 323.052 241.436C327.461 245.703 334.49 245.579 338.746 241.159C343.002 236.738 342.878 229.691 338.469 225.423C334.06 221.155 327.032 221.279 322.776 225.7Z" fill="#EBEBEB"/>
+<path d="M322.303 158.797C323.278 158.207 324.326 157.754 325.395 157.448L326.035 154.377L331.208 154.289L331.95 157.331C333.035 157.601 334.09 158.01 335.086 158.571L337.698 156.85L341.423 160.453L339.801 163.131C340.39 164.108 340.841 165.159 341.147 166.231L344.21 166.873L344.297 172.06L341.263 172.804C340.994 173.891 340.587 174.949 340.026 175.948L341.736 178.567L338.142 182.302L335.472 180.675C334.497 181.266 333.449 181.719 332.38 182.025L331.739 185.096L326.566 185.184L325.824 182.142C324.74 181.872 323.685 181.463 322.689 180.901L320.077 182.623L316.351 179.019L317.974 176.342C317.385 175.365 316.933 174.314 316.628 173.242L313.565 172.6L313.478 167.413L316.511 166.669C316.781 165.582 317.188 164.524 317.748 163.525L316.039 160.906L319.633 157.171L322.303 158.797ZM325.06 165.706C322.929 167.916 322.994 171.44 325.199 173.577C327.403 175.715 330.917 175.649 333.049 173.439C335.181 171.228 335.115 167.705 332.911 165.567C330.706 163.43 327.192 163.495 325.06 165.706Z" fill="#EBEBEB"/>
+<path d="M260.481 235.243C263.006 233.711 265.691 232.558 268.463 231.763L270.107 223.84L283.451 223.607L285.372 231.464C288.165 232.157 290.894 233.222 293.469 234.659L300.214 230.224L309.818 239.517L305.634 246.433C307.162 248.965 308.312 251.656 309.105 254.436L316.999 256.085L317.232 269.464L309.396 271.39C308.705 274.191 307.642 276.927 306.209 279.509L310.625 286.272L301.356 295.901L294.459 291.706C291.934 293.238 289.249 294.391 286.477 295.186L284.833 303.109L271.49 303.342L269.569 295.485C266.775 294.792 264.047 293.727 261.471 292.29L254.726 296.725L245.123 287.431L249.306 280.516C247.778 277.984 246.621 275.292 245.836 272.513L237.941 270.864L237.709 257.485L245.545 255.559C246.236 252.758 247.298 250.022 248.731 247.44L244.308 240.677L253.577 231.048L260.474 235.243H260.481Z" fill="#415FE9"/>
+<path d="M269.081 250.767H261.747V273.724H269.081V250.767Z" fill="white"/>
+<path d="M280.031 256.012H272.697V273.724H280.031V256.012Z" fill="white"/>
+<path d="M290.166 263.205H282.832V273.724H290.166V263.205Z" fill="white"/>
+<path d="M150.582 233.623C153.107 232.091 155.792 230.938 158.564 230.143L160.208 222.221L173.552 221.987L175.473 229.844C178.266 230.537 180.995 231.602 183.57 233.039L190.315 228.604L199.919 237.898L195.735 244.814C197.263 247.345 198.413 250.037 199.206 252.816L207.1 254.465L207.333 267.844L199.497 269.77C198.806 272.571 197.743 275.307 196.31 277.889L200.726 284.652L191.457 294.281L184.56 290.087C182.035 291.619 179.35 292.771 176.578 293.566L174.934 301.489L161.591 301.722L159.67 293.866C156.876 293.173 154.148 292.107 151.572 290.67L144.827 295.106L135.223 285.812L139.407 278.896C137.879 276.365 136.722 273.673 135.936 270.893L128.042 269.245L127.81 255.866L135.645 253.94C136.337 251.138 137.399 248.403 138.832 245.82L134.409 239.058L143.678 229.428L150.575 233.623H150.582Z" fill="#415FE9"/>
+<path d="M169.696 284.272C159.742 284.272 150.801 277.597 147.963 268.041C147.905 267.851 148.014 267.647 148.211 267.589C148.4 267.53 148.603 267.64 148.662 267.837C151.412 277.087 160.063 283.543 169.696 283.543C181.802 283.543 191.646 273.673 191.646 261.534C191.646 249.395 181.802 239.524 169.696 239.524C159.582 239.524 150.815 246.389 148.385 256.223C148.334 256.42 148.138 256.537 147.941 256.493C147.745 256.442 147.628 256.245 147.672 256.048C150.182 245.893 159.233 238.795 169.688 238.795C182.195 238.795 192.367 248.993 192.367 261.534C192.367 274.074 182.195 284.272 169.688 284.272H169.696Z" fill="white"/>
+<path d="M169.572 277.335C162.536 277.335 156.294 272.586 154.395 265.794C154.344 265.597 154.453 265.4 154.65 265.342C154.839 265.29 155.042 265.4 155.101 265.597C156.912 272.075 162.864 276.605 169.579 276.605C177.866 276.605 184.611 269.843 184.611 261.534C184.611 253.224 177.866 246.462 169.579 246.462C162.871 246.462 156.92 250.985 155.108 257.463C155.057 257.66 154.853 257.769 154.657 257.718C154.46 257.667 154.351 257.463 154.402 257.266C156.301 250.474 162.544 245.725 169.579 245.725C178.266 245.725 185.338 252.816 185.338 261.526C185.338 270.237 178.266 277.327 169.579 277.327L169.572 277.335Z" fill="white"/>
+<path d="M169.572 265.079C168.764 265.079 167.986 264.838 167.324 264.386C167.156 264.277 167.113 264.05 167.229 263.883C167.338 263.715 167.571 263.671 167.731 263.788C168.277 264.16 168.917 264.35 169.572 264.35C171.391 264.35 172.868 262.869 172.868 261.045C172.868 259.221 171.391 257.74 169.572 257.74C169.026 257.74 168.488 257.879 168.015 258.134C167.84 258.229 167.615 258.163 167.52 257.988C167.426 257.813 167.491 257.587 167.666 257.492C168.248 257.179 168.903 257.011 169.572 257.011C171.791 257.011 173.595 258.82 173.595 261.045C173.595 263.27 171.791 265.079 169.572 265.079Z" fill="white"/>
+<path d="M169.696 260.906L163.817 258.032L163.933 260.593L148.312 260.958L148.487 262.11L164.122 261.848L164.166 264.452L169.696 260.906Z" fill="white"/>
+<path d="M152.612 261.344L152.525 261.176C152.11 260.367 151.288 259.841 150.371 259.805L145.206 259.608L147.447 261.643L145.46 264.102L150.408 264C151.521 263.978 152.489 263.219 152.794 262.147L152.62 261.344H152.612Z" fill="white"/>
+<path d="M169.696 271.068C165.497 271.068 161.743 268.245 160.565 264.204C160.506 264.014 160.616 263.81 160.812 263.751C161.008 263.693 161.205 263.802 161.263 263.999C162.347 267.734 165.818 270.339 169.696 270.339C174.541 270.339 178.477 266.385 178.477 261.534C178.477 256.682 174.541 252.729 169.696 252.729C165.854 252.729 162.398 255.304 161.285 258.995C161.227 259.185 161.023 259.301 160.834 259.236C160.645 259.177 160.535 258.973 160.594 258.783C161.794 254.793 165.541 251.999 169.703 251.999C174.949 251.999 179.212 256.274 179.212 261.534C179.212 266.793 174.949 271.068 169.703 271.068H169.696Z" fill="white"/>
+<path d="M369.195 233.01C371.719 231.478 374.404 230.326 377.176 229.53L378.82 221.608L392.164 221.375L394.085 229.231C396.879 229.924 399.607 230.989 402.183 232.427L408.927 227.991L418.531 237.285L414.347 244.201C415.875 246.732 417.025 249.424 417.818 252.203L425.712 253.852L425.945 267.231L418.109 269.157C417.418 271.959 416.356 274.694 414.922 277.277L419.339 284.039L410.069 293.669L403.172 289.474C400.647 291.006 397.963 292.159 395.191 292.954L393.546 300.876L380.203 301.11L378.282 293.253C375.488 292.56 372.76 291.495 370.184 290.058L363.44 294.493L353.836 285.199L358.019 278.283C356.491 275.752 355.334 273.06 354.549 270.281L346.655 268.632L346.422 255.253L354.258 253.327C354.949 250.526 356.011 247.79 357.444 245.207L353.021 238.445L362.29 228.815L369.187 233.01H369.195Z" fill="#415FE9"/>
+<path d="M366.641 262.395L371.756 257.266L381.621 266.057L400.982 247.374L405.726 252.502L380.887 275.942L366.641 262.395Z" fill="white"/>
+<path d="M234.478 237.176C234.478 237.176 234.5 237.095 234.566 236.949C234.638 236.782 234.733 236.563 234.857 236.293C234.988 235.994 235.148 235.644 235.337 235.228C235.519 234.805 235.744 234.316 236.05 233.798C236.341 233.273 236.661 232.682 237.017 232.047C237.388 231.42 237.84 230.763 238.305 230.048C238.749 229.319 239.338 228.611 239.913 227.838C240.473 227.05 241.172 226.299 241.878 225.482C242.561 224.65 243.405 223.899 244.22 223.052C244.621 222.622 245.093 222.25 245.552 221.849C246.017 221.455 246.476 221.032 246.963 220.63C247.465 220.244 247.975 219.857 248.498 219.463C248.76 219.266 249.015 219.062 249.291 218.872C249.568 218.69 249.844 218.507 250.128 218.318C250.696 217.953 251.256 217.559 251.845 217.194C252.449 216.851 253.06 216.501 253.671 216.151C254.283 215.779 254.937 215.495 255.592 215.166C256.247 214.853 256.902 214.502 257.6 214.247C258.292 213.97 258.99 213.685 259.696 213.401C260.416 213.167 261.151 212.927 261.886 212.693C264.847 211.811 268.012 211.198 271.286 210.979C274.567 210.811 277.783 211.045 280.832 211.57C281.588 211.723 282.345 211.869 283.087 212.015C283.822 212.212 284.549 212.409 285.262 212.606C285.99 212.781 286.674 213.051 287.365 213.277C288.049 213.518 288.74 213.729 289.388 214.021C290.043 214.298 290.69 214.568 291.33 214.838C291.956 215.13 292.56 215.451 293.164 215.75C293.462 215.903 293.76 216.049 294.059 216.202C294.35 216.355 294.634 216.531 294.91 216.698C295.47 217.027 296.03 217.355 296.569 217.676C297.1 218.011 297.609 218.376 298.111 218.719C298.613 219.069 299.123 219.383 299.574 219.762C300.483 220.499 301.414 221.148 302.186 221.892C302.979 222.615 303.764 223.278 304.412 224.001C305.074 224.708 305.743 225.336 306.267 226.007C306.813 226.663 307.337 227.262 307.781 227.845C308.203 228.436 308.596 228.983 308.945 229.472C309.309 229.953 309.585 230.406 309.818 230.807C310.051 231.201 310.254 231.529 310.422 231.806C310.574 232.062 310.691 232.266 310.785 232.426C310.866 232.565 310.902 232.638 310.895 232.645C310.895 232.645 310.836 232.58 310.749 232.448C310.647 232.295 310.516 232.098 310.356 231.85C310.182 231.58 309.971 231.252 309.723 230.873C309.483 230.479 309.192 230.034 308.821 229.559C308.465 229.078 308.064 228.545 307.635 227.962C307.184 227.393 306.653 226.802 306.107 226.153C305.576 225.489 304.907 224.869 304.237 224.176C303.583 223.468 302.797 222.812 302.004 222.104C301.225 221.367 300.301 220.732 299.392 220.003C298.941 219.631 298.431 219.325 297.929 218.982C297.427 218.646 296.918 218.289 296.387 217.96C295.841 217.647 295.296 217.326 294.735 216.997C294.452 216.837 294.175 216.662 293.884 216.509C293.586 216.363 293.295 216.217 292.989 216.064C292.385 215.772 291.789 215.451 291.163 215.166C290.53 214.904 289.882 214.634 289.235 214.364C288.595 214.072 287.903 213.868 287.227 213.627C286.543 213.401 285.859 213.131 285.139 212.963C284.426 212.774 283.705 212.577 282.978 212.387C282.236 212.241 281.494 212.095 280.737 211.949C277.718 211.431 274.531 211.205 271.279 211.373C268.034 211.592 264.898 212.197 261.958 213.065C261.231 213.299 260.503 213.532 259.79 213.766C259.092 214.043 258.401 214.32 257.717 214.597C257.026 214.853 256.378 215.196 255.723 215.502C255.076 215.823 254.421 216.1 253.817 216.472C253.206 216.822 252.595 217.165 251.998 217.501C251.409 217.858 250.856 218.245 250.288 218.602C250.012 218.785 249.728 218.967 249.459 219.149C249.19 219.339 248.935 219.543 248.673 219.733C248.156 220.127 247.647 220.506 247.145 220.886C246.658 221.28 246.199 221.695 245.734 222.089C245.283 222.491 244.81 222.855 244.402 223.278C243.587 224.11 242.743 224.847 242.059 225.671C241.354 226.474 240.655 227.21 240.088 227.998C239.506 228.764 238.916 229.457 238.465 230.18C238 230.887 237.541 231.536 237.156 232.157C236.792 232.784 236.464 233.368 236.166 233.885C235.853 234.396 235.621 234.878 235.424 235.293C235.228 235.702 235.053 236.052 234.915 236.344C234.784 236.614 234.675 236.825 234.595 236.986C234.522 237.132 234.478 237.205 234.471 237.197L234.478 237.176Z" fill="#263238"/>
+<path d="M249.546 213.051C249.546 213.051 249.83 212.825 250.375 212.475C250.921 212.117 251.736 211.658 252.762 211.125C254.821 210.067 257.804 208.842 261.253 208.032C264.701 207.23 267.917 207.003 270.231 207.04C271.388 207.054 272.326 207.113 272.966 207.186C273.607 207.259 273.963 207.31 273.963 207.332C273.963 207.361 273.599 207.354 272.959 207.332C272.319 207.302 271.38 207.288 270.238 207.302C267.939 207.332 264.759 207.602 261.347 208.397C257.935 209.199 254.966 210.366 252.893 211.359C251.852 211.855 251.023 212.278 250.463 212.591C249.895 212.898 249.575 213.058 249.561 213.036L249.546 213.051Z" fill="#263238"/>
+<path d="M424.402 287.227C424.402 287.227 424.381 287.307 424.315 287.453C424.242 287.621 424.148 287.84 424.024 288.11C423.893 288.409 423.733 288.759 423.544 289.175C423.362 289.598 423.136 290.087 422.831 290.605C422.54 291.13 422.22 291.721 421.863 292.355C421.492 292.983 421.041 293.639 420.575 294.362C420.132 295.091 419.542 295.799 418.967 296.572C418.407 297.36 417.709 298.111 417.003 298.928C416.319 299.76 415.475 300.511 414.66 301.358C414.26 301.788 413.787 302.16 413.329 302.561C412.863 302.955 412.405 303.378 411.917 303.779C411.415 304.166 410.906 304.553 410.382 304.947C410.12 305.144 409.866 305.348 409.589 305.538C409.313 305.72 409.036 305.902 408.752 306.092C408.185 306.457 407.625 306.851 407.035 307.215C406.432 307.558 405.82 307.909 405.209 308.259C404.598 308.631 403.943 308.915 403.288 309.236C402.634 309.55 401.979 309.9 401.28 310.155C400.589 310.433 399.891 310.717 399.185 311.002C398.465 311.235 397.73 311.476 396.995 311.709C394.034 312.592 390.869 313.205 387.595 313.424C384.313 313.591 381.098 313.358 378.049 312.833C377.292 312.679 376.536 312.534 375.794 312.388C375.059 312.191 374.331 311.994 373.618 311.797C372.891 311.622 372.207 311.352 371.516 311.126C370.832 310.885 370.14 310.673 369.493 310.382C368.838 310.104 368.191 309.834 367.55 309.564C366.925 309.273 366.321 308.952 365.717 308.653C365.419 308.499 365.12 308.353 364.822 308.2C364.531 308.047 364.247 307.872 363.971 307.704C363.41 307.376 362.85 307.048 362.312 306.727C361.781 306.391 361.271 306.026 360.769 305.684C360.267 305.333 359.758 305.02 359.307 304.64C358.398 303.904 357.466 303.254 356.695 302.51C355.902 301.788 355.116 301.124 354.469 300.402C353.807 299.694 353.137 299.067 352.613 298.396C352.068 297.739 351.544 297.141 351.1 296.557C350.678 295.966 350.285 295.419 349.936 294.931C349.572 294.449 349.296 293.997 349.063 293.596C348.83 293.202 348.626 292.873 348.459 292.596C348.306 292.341 348.19 292.137 348.095 291.976C348.015 291.837 347.979 291.765 347.986 291.757C347.986 291.757 348.044 291.823 348.132 291.954C348.233 292.107 348.364 292.304 348.524 292.552C348.699 292.822 348.91 293.151 349.157 293.53C349.398 293.924 349.689 294.369 350.06 294.843C350.416 295.324 350.816 295.857 351.246 296.441C351.697 297.01 352.228 297.601 352.773 298.25C353.305 298.914 353.974 299.534 354.643 300.227C355.298 300.934 356.084 301.591 356.877 302.299C357.655 303.035 358.579 303.67 359.489 304.4C359.94 304.772 360.449 305.078 360.951 305.421C361.453 305.756 361.963 306.114 362.494 306.442C363.039 306.756 363.585 307.077 364.145 307.405C364.429 307.566 364.706 307.741 364.997 307.894C365.295 308.04 365.586 308.186 365.891 308.339C366.495 308.631 367.092 308.952 367.718 309.236C368.351 309.499 368.998 309.769 369.646 310.039C370.286 310.33 370.977 310.535 371.654 310.775C372.338 311.002 373.022 311.272 373.742 311.439C374.455 311.629 375.175 311.826 375.903 312.016C376.645 312.162 377.387 312.307 378.144 312.453C381.163 312.971 384.35 313.197 387.602 313.03C390.847 312.811 393.983 312.205 396.922 311.337C397.65 311.104 398.377 310.87 399.09 310.637C399.789 310.36 400.48 310.082 401.164 309.805C401.855 309.55 402.503 309.207 403.157 308.901C403.805 308.58 404.46 308.302 405.064 307.93C405.675 307.58 406.286 307.237 406.883 306.902C407.472 306.544 408.025 306.158 408.592 305.8C408.869 305.618 409.153 305.435 409.422 305.253C409.691 305.063 409.946 304.859 410.208 304.669C410.724 304.283 411.233 303.896 411.735 303.517C412.223 303.123 412.681 302.707 413.147 302.313C413.598 301.912 414.071 301.547 414.478 301.124C415.293 300.292 416.137 299.556 416.821 298.731C417.527 297.929 418.225 297.192 418.793 296.404C419.375 295.638 419.964 294.945 420.415 294.223C420.881 293.515 421.339 292.866 421.725 292.246C422.089 291.619 422.416 291.035 422.714 290.517C423.027 290.006 423.26 289.525 423.457 289.109C423.653 288.701 423.828 288.35 423.966 288.059C424.097 287.789 424.206 287.577 424.286 287.417C424.359 287.271 424.402 287.198 424.41 287.205L424.402 287.227Z" fill="#263238"/>
+<path d="M409.633 313.57C409.633 313.57 409.349 313.796 408.803 314.146C408.258 314.504 407.443 314.963 406.417 315.496C404.358 316.553 401.375 317.779 397.926 318.589C394.478 319.391 391.262 319.617 388.948 319.581C387.791 319.566 386.853 319.508 386.212 319.435C385.572 319.362 385.216 319.311 385.216 319.289C385.216 319.267 385.579 319.267 386.22 319.289C386.86 319.318 387.798 319.333 388.941 319.318C391.24 319.289 394.419 319.019 397.832 318.224C401.244 317.422 404.212 316.254 406.286 315.262C407.326 314.766 408.156 314.343 408.716 314.029C409.284 313.723 409.604 313.563 409.618 313.584L409.633 313.57Z" fill="#263238"/>
+<path d="M206.692 285.607C206.692 285.607 206.671 285.688 206.605 285.833C206.532 286.001 206.438 286.22 206.314 286.49C206.183 286.789 206.023 287.139 205.834 287.555C205.652 287.978 205.426 288.467 205.121 288.985C204.83 289.51 204.51 290.101 204.153 290.736C203.782 291.363 203.331 292.02 202.865 292.735C202.422 293.464 201.832 294.172 201.257 294.945C200.697 295.733 199.999 296.484 199.293 297.301C198.609 298.133 197.765 298.884 196.95 299.731C196.55 300.161 196.077 300.533 195.619 300.934C195.153 301.328 194.695 301.751 194.207 302.153C193.705 302.539 193.196 302.926 192.672 303.32C192.41 303.517 192.156 303.721 191.879 303.911C191.603 304.093 191.326 304.275 191.042 304.465C190.475 304.83 189.915 305.224 189.325 305.589C188.721 305.931 188.11 306.282 187.499 306.632C186.888 307.004 186.233 307.288 185.578 307.617C184.924 307.93 184.269 308.28 183.57 308.536C182.879 308.813 182.181 309.097 181.475 309.382C180.755 309.615 180.02 309.856 179.285 310.09C176.324 310.972 173.159 311.585 169.885 311.804C166.603 311.972 163.388 311.738 160.339 311.213C159.582 311.06 158.826 310.914 158.084 310.768C157.349 310.571 156.621 310.374 155.908 310.177C155.181 310.002 154.497 309.732 153.805 309.506C153.122 309.265 152.43 309.054 151.783 308.762C151.128 308.485 150.48 308.215 149.84 307.945C149.215 307.653 148.611 307.332 148.007 307.033C147.708 306.88 147.41 306.734 147.112 306.581C146.821 306.427 146.537 306.252 146.261 306.085C145.7 305.756 145.14 305.428 144.602 305.107C144.071 304.771 143.561 304.407 143.059 304.064C142.557 303.714 142.048 303.4 141.597 303.021C140.687 302.284 139.756 301.635 138.985 300.891C138.192 300.168 137.406 299.504 136.759 298.782C136.096 298.075 135.427 297.447 134.903 296.776C134.358 296.12 133.834 295.521 133.39 294.938C132.968 294.347 132.575 293.8 132.226 293.311C131.862 292.829 131.586 292.377 131.353 291.976C131.12 291.582 130.916 291.254 130.749 290.977C130.596 290.721 130.48 290.517 130.385 290.356C130.305 290.218 130.269 290.145 130.276 290.138C130.276 290.138 130.334 290.203 130.421 290.335C130.523 290.488 130.654 290.685 130.814 290.933C130.989 291.203 131.2 291.531 131.447 291.91C131.687 292.304 131.978 292.749 132.35 293.223C132.706 293.705 133.106 294.237 133.535 294.821C133.987 295.39 134.518 295.981 135.063 296.63C135.594 297.294 136.264 297.914 136.933 298.607C137.588 299.315 138.374 299.971 139.167 300.679C139.945 301.416 140.869 302.05 141.779 302.78C142.23 303.152 142.739 303.458 143.241 303.801C143.743 304.137 144.253 304.494 144.784 304.823C145.329 305.136 145.875 305.457 146.435 305.786C146.719 305.946 146.995 306.121 147.286 306.274C147.585 306.42 147.876 306.566 148.181 306.719C148.785 307.011 149.382 307.332 150.008 307.617C150.641 307.879 151.288 308.149 151.936 308.419C152.576 308.711 153.267 308.915 153.944 309.156C154.628 309.382 155.312 309.652 156.032 309.82C156.745 310.009 157.465 310.206 158.193 310.396C158.935 310.542 159.677 310.688 160.434 310.834C163.453 311.352 166.64 311.578 169.892 311.41C173.137 311.191 176.273 310.586 179.212 309.718C179.94 309.484 180.667 309.251 181.38 309.017C182.079 308.74 182.77 308.463 183.454 308.186C184.145 307.93 184.793 307.587 185.447 307.281C186.095 306.96 186.75 306.683 187.354 306.311C187.965 305.961 188.576 305.618 189.173 305.282C189.762 304.925 190.315 304.538 190.882 304.181C191.159 303.998 191.443 303.816 191.712 303.633C191.981 303.444 192.236 303.24 192.498 303.05C193.014 302.663 193.523 302.277 194.025 301.897C194.513 301.503 194.971 301.087 195.437 300.694C195.888 300.292 196.361 299.928 196.768 299.504C197.583 298.673 198.427 297.936 199.111 297.112C199.817 296.309 200.515 295.572 201.083 294.785C201.665 294.019 202.254 293.326 202.705 292.603C203.171 291.896 203.629 291.246 204.015 290.626C204.379 289.999 204.706 289.415 205.004 288.897C205.317 288.387 205.55 287.905 205.746 287.489C205.943 287.081 206.118 286.731 206.256 286.439C206.387 286.169 206.496 285.958 206.576 285.797C206.649 285.651 206.692 285.578 206.7 285.585L206.692 285.607Z" fill="#263238"/>
+<path d="M191.93 311.95C191.93 311.95 191.646 312.176 191.101 312.527C190.555 312.884 189.74 313.344 188.714 313.876C186.655 314.934 183.672 316.159 180.223 316.969C176.775 317.772 173.559 317.998 171.245 317.961C170.088 317.947 169.15 317.888 168.51 317.815C167.869 317.742 167.513 317.691 167.513 317.67C167.513 317.64 167.877 317.648 168.517 317.67C169.157 317.699 170.096 317.713 171.238 317.699C173.537 317.67 176.717 317.4 180.129 316.604C183.541 315.802 186.51 314.635 188.583 313.643C189.624 313.147 190.453 312.723 191.013 312.41C191.581 312.103 191.901 311.943 191.915 311.965L191.93 311.95Z" fill="#263238"/>
+<path d="M361.686 196.688H214.943C208.089 196.688 202.531 191.114 202.531 184.242C202.531 177.37 208.089 171.797 214.943 171.797H361.686C368.54 171.797 374.098 177.37 374.098 184.242C374.098 191.114 368.54 196.688 361.686 196.688Z" fill="#FAFAFA"/>
+<path d="M361.686 196.688C361.686 196.688 362.013 196.659 362.639 196.622C363.272 196.578 364.203 196.433 365.389 196.082C366.561 195.696 367.972 195.054 369.376 193.923C370.795 192.814 372.148 191.151 373.072 188.999C373.509 187.912 373.815 186.708 373.953 185.417C374.069 184.126 373.975 182.747 373.655 181.361C373.014 178.603 371.261 175.788 368.482 173.964C367.099 173.052 365.484 172.388 363.738 172.096C361.999 171.812 360.144 171.95 358.252 171.914C354.469 171.914 350.467 171.921 346.262 171.928C312.648 171.943 266.222 171.965 214.943 171.987C211.778 171.979 208.664 173.256 206.43 175.445C204.182 177.611 202.836 180.653 202.734 183.739C202.596 186.825 203.673 189.911 205.652 192.209C207.616 194.521 210.439 196.053 213.401 196.396C214.87 196.564 216.391 196.484 217.89 196.505C219.388 196.505 220.88 196.505 222.364 196.505C225.333 196.505 228.272 196.505 231.175 196.505C236.988 196.505 242.685 196.505 248.244 196.505C270.464 196.52 290.472 196.535 307.279 196.549C324.078 196.571 337.676 196.593 347.076 196.608C351.769 196.622 355.414 196.637 357.895 196.644C359.125 196.651 360.071 196.659 360.711 196.666C361.344 196.666 361.671 196.688 361.671 196.688C361.671 196.688 361.344 196.702 360.711 196.71C360.071 196.71 359.132 196.717 357.895 196.732C355.414 196.739 351.769 196.754 347.076 196.768C337.669 196.783 324.078 196.805 307.279 196.826C290.472 196.841 270.464 196.848 248.244 196.87C242.685 196.87 236.996 196.87 231.175 196.87C228.265 196.87 225.325 196.87 222.364 196.87C220.88 196.87 219.388 196.87 217.89 196.87C216.391 196.848 214.892 196.929 213.357 196.761C210.301 196.411 207.391 194.835 205.368 192.449C203.324 190.079 202.218 186.898 202.356 183.717C202.465 180.537 203.848 177.4 206.169 175.167C208.468 172.913 211.683 171.593 214.943 171.6C266.222 171.622 312.648 171.644 346.262 171.658C350.46 171.658 354.461 171.666 358.252 171.673C360.144 171.71 361.992 171.571 363.774 171.87C365.549 172.169 367.194 172.848 368.598 173.781C371.421 175.649 373.189 178.509 373.829 181.317C374.157 182.725 374.237 184.118 374.12 185.432C373.975 186.737 373.662 187.963 373.211 189.057C372.265 191.231 370.89 192.902 369.449 194.018C368.016 195.149 366.59 195.783 365.411 196.163C364.218 196.498 363.272 196.637 362.639 196.666C362.006 196.695 361.679 196.695 361.679 196.695L361.686 196.688Z" fill="#263238"/>
+<path d="M296.962 193.726H215.016C209.792 193.726 205.55 189.481 205.55 184.236C205.55 178.998 209.784 174.745 215.016 174.745H296.962C302.186 174.745 306.427 178.99 306.427 184.236C306.427 189.473 302.193 193.726 296.962 193.726Z" fill="#415FE9"/>
+<g opacity="0.4">
+<path d="M217.759 193.726L229.516 174.752H242.118L230.593 193.726H217.759Z" fill="white"/>
+</g>
+<g opacity="0.4">
+<path d="M243.02 193.726L254.777 174.752H267.379L255.854 193.726H243.02Z" fill="white"/>
+</g>
+<g opacity="0.4">
+<path d="M270.136 193.726L281.894 174.752H294.495L282.978 193.726H270.136Z" fill="white"/>
+</g>
+<path d="M269.045 163.853C269.045 165.29 267.968 166.187 266.244 166.187H264.949V167.967H263.457V161.511H266.244C267.968 161.511 269.045 162.409 269.045 163.853ZM267.532 163.853C267.532 163.145 267.073 162.73 266.164 162.73H264.949V164.969H266.164C267.073 164.969 267.532 164.553 267.532 163.853Z" fill="#263238"/>
+<path d="M274.211 167.967L272.966 166.165H271.599V167.967H270.107V161.511H272.894C274.618 161.511 275.695 162.409 275.695 163.853C275.695 164.823 275.207 165.531 274.371 165.896L275.818 167.975H274.218L274.211 167.967ZM272.814 162.722H271.599V164.976H272.814C273.723 164.976 274.181 164.553 274.181 163.853C274.181 163.153 273.723 162.73 272.814 162.73V162.722Z" fill="#263238"/>
+<path d="M276.459 164.736C276.459 162.817 277.95 161.395 279.98 161.395C282.01 161.395 283.502 162.81 283.502 164.736C283.502 166.662 282.003 168.077 279.98 168.077C277.958 168.077 276.459 166.654 276.459 164.736ZM282.003 164.736C282.003 163.51 281.137 162.671 279.987 162.671C278.838 162.671 277.972 163.51 277.972 164.736C277.972 165.961 278.838 166.8 279.987 166.8C281.137 166.8 282.003 165.961 282.003 164.736Z" fill="#263238"/>
+<path d="M284.229 164.736C284.229 162.788 285.721 161.395 287.729 161.395C288.842 161.395 289.773 161.803 290.377 162.54L289.417 163.423C288.988 162.926 288.442 162.664 287.794 162.664C286.587 162.664 285.735 163.51 285.735 164.728C285.735 165.947 286.594 166.793 287.794 166.793C288.442 166.793 288.98 166.538 289.417 166.027L290.377 166.91C289.773 167.654 288.842 168.062 287.714 168.062C285.721 168.062 284.229 166.669 284.229 164.721V164.736Z" fill="#263238"/>
+<path d="M296.365 166.771V167.967H291.374V161.511H296.241V162.708H292.858V164.108H295.848V165.268H292.858V166.764H296.365V166.771Z" fill="#263238"/>
+<path d="M297.042 167.333L297.551 166.209C298.097 166.603 298.904 166.88 299.675 166.88C300.556 166.88 300.92 166.589 300.92 166.187C300.92 164.976 297.173 165.808 297.173 163.408C297.173 162.306 298.053 161.395 299.886 161.395C300.694 161.395 301.523 161.591 302.12 161.964L301.662 163.102C301.065 162.759 300.447 162.591 299.879 162.591C298.999 162.591 298.657 162.926 298.657 163.328C298.657 164.517 302.404 163.7 302.404 166.071C302.404 167.15 301.509 168.077 299.668 168.077C298.65 168.077 297.616 167.77 297.049 167.333H297.042Z" fill="#263238"/>
+<path d="M302.913 167.333L303.422 166.209C303.968 166.603 304.776 166.88 305.547 166.88C306.427 166.88 306.791 166.589 306.791 166.187C306.791 164.976 303.044 165.808 303.044 163.408C303.044 162.306 303.924 161.395 305.758 161.395C306.565 161.395 307.395 161.591 307.991 161.964L307.533 163.102C306.937 162.759 306.318 162.591 305.751 162.591C304.87 162.591 304.528 162.926 304.528 163.328C304.528 164.517 308.275 163.7 308.275 166.071C308.275 167.15 307.38 168.077 305.54 168.077C304.521 168.077 303.488 167.77 302.92 167.333H302.913Z" fill="#263238"/>
+<path d="M481.509 410.514C481.509 410.616 378.995 410.704 252.558 410.704C126.122 410.704 23.5854 410.616 23.5854 410.514C23.5854 410.412 126.078 410.324 252.558 410.324C379.039 410.324 481.509 410.412 481.509 410.514Z" fill="#263238"/>
+<path d="M34.5353 392.619L41.6654 377.314L58.3195 386.885L49.6687 400.906C49.6687 400.906 42.9387 402.103 39.9484 400.257C36.9581 398.411 34.5426 392.612 34.5426 392.612L34.5353 392.619Z" fill="#FFBE9D"/>
+<path d="M48.8177 402.336L49.669 400.914C43.6011 399.798 38.5663 397.011 34.5356 392.626L28.8387 403.131L60.306 420.479C61.7757 417.364 48.8177 402.336 48.8177 402.336Z" fill="#415FE9"/>
+<path d="M28.8385 403.124L30.2281 400.556L59.9347 418.188C59.9347 418.188 60.9969 419.574 60.2985 420.472L28.8312 403.124H28.8385Z" fill="#263238"/>
+<path d="M49.4141 402.453C49.3268 402.606 48.5192 402.249 47.4933 402.329C46.4602 402.38 45.7108 402.832 45.6016 402.694C45.4779 402.584 46.2128 401.789 47.4569 401.716C48.7011 401.629 49.5305 402.329 49.4214 402.453H49.4141Z" fill="#263238"/>
+<path d="M51.9606 405.641C51.9169 405.809 51.1021 405.707 50.229 406.071C49.3414 406.407 48.8175 407.042 48.672 406.947C48.5119 406.888 48.9048 405.933 50.0034 405.502C51.1021 405.065 52.0406 405.502 51.9606 405.641Z" fill="#263238"/>
+<path d="M51.6622 410.638C51.5022 410.594 51.7131 409.704 52.5717 409.077C53.4229 408.442 54.3324 408.508 54.3251 408.676C54.3397 408.851 53.6266 409.048 52.9282 409.573C52.2224 410.084 51.8223 410.704 51.6622 410.638Z" fill="#263238"/>
+<path d="M36.296 400.286C36.0341 400.738 35.4593 400.899 35.0082 400.636C34.5571 400.373 34.3971 399.797 34.659 399.345C34.9209 398.893 35.4957 398.732 35.9468 398.995C36.3979 399.257 36.5579 399.834 36.296 400.286Z" fill="#263238"/>
+<path d="M109.562 398.871L117.813 381.414L134.62 381.683L126.005 398.674C126.005 398.674 120.447 402.992 116.845 402.752C113.244 402.504 109.562 398.871 109.562 398.871Z" fill="#FFBE9D"/>
+<path d="M125.911 400.381L126.005 398.674C119.945 400.57 114.953 400.461 109.191 398.396C108.573 399.462 108.245 400.665 108.223 401.891L108.1 410.674L145.024 411.374C144.871 407.836 125.903 400.373 125.903 400.373L125.911 400.381Z" fill="#415FE9"/>
+<path d="M108.1 410.681L108.143 407.676L143.605 409.47C143.605 409.47 145.235 410.222 145.031 411.374L108.107 410.674L108.1 410.681Z" fill="#263238"/>
+<path d="M126.507 400.198C126.5 400.381 125.598 400.446 124.696 401.008C123.786 401.548 123.313 402.321 123.146 402.248C122.978 402.212 123.27 401.132 124.368 400.468C125.459 399.797 126.551 400.031 126.507 400.198Z" fill="#263238"/>
+<path d="M130.349 401.883C130.385 402.059 129.599 402.35 128.974 403.102C128.326 403.839 128.151 404.663 127.977 404.648C127.81 404.67 127.7 403.612 128.501 402.693C129.286 401.767 130.349 401.708 130.349 401.883Z" fill="#263238"/>
+<path d="M132.466 406.567C132.299 406.604 132.066 405.692 132.546 404.714C133.019 403.729 133.877 403.357 133.95 403.503C134.052 403.656 133.492 404.174 133.106 404.984C132.706 405.787 132.641 406.545 132.459 406.56L132.466 406.567Z" fill="#263238"/>
+<path d="M113.535 404.524C113.513 405.064 113.069 405.48 112.531 405.458C111.992 405.436 111.578 404.991 111.599 404.451C111.621 403.911 112.065 403.496 112.603 403.517C113.142 403.539 113.556 403.992 113.535 404.524Z" fill="#263238"/>
+<path d="M206.161 167.012C209.042 166.53 211.553 164.218 212.258 161.365C212.338 161.044 212.418 160.687 212.68 160.497C212.906 160.329 213.211 160.329 213.495 160.322C215.038 160.264 216.587 159.622 217.599 158.44C218.61 157.258 219.01 155.536 218.472 154.085C220.844 154.369 223.048 152.057 223.048 149.657C223.048 147.257 221.222 145.097 218.974 144.295C220.247 143.573 220.698 141.851 220.305 140.443C219.912 139.035 218.85 137.912 217.686 137.036C216.114 135.862 213.946 135.03 212.236 136C212.673 134.877 211.96 133.615 211.043 132.834C208.591 130.748 204.502 131.003 202.305 133.381C201.738 132.28 200.988 131.215 199.89 130.66C198.791 130.099 197.285 130.201 196.506 131.164C196.528 129.945 195.546 128.946 194.513 128.304C193.764 127.844 192.92 127.48 192.039 127.531C191.166 127.582 190.271 128.136 190.046 128.99C188.896 127.742 186.772 127.574 185.433 128.618C184.094 129.668 183.738 131.784 184.662 133.206C183.185 133.279 181.766 134.169 181.053 135.475C180.34 136.781 180.347 138.459 181.082 139.75C180.398 139.48 179.627 140.209 179.627 140.946C179.627 141.69 180.165 142.325 180.769 142.748C179.379 144.9 177.99 147.045 176.607 149.197C175.713 150.583 174.803 151.998 174.381 153.596C173.959 155.194 174.097 157.025 175.145 158.294" fill="#263238"/>
+<path d="M210.134 160.781C213.219 155.405 211.101 146.578 205.637 143.733L186.99 135.898L185.215 138.714L162.056 174.89L174.832 194.032L184.487 182.2C184.487 182.2 191.755 185.461 198.791 177.757C202.291 173.927 206.707 166.771 210.134 160.796V160.781Z" fill="#FFBE9D"/>
+<path d="M204.364 165.465C204 166.063 203.2 166.245 202.574 165.873C201.949 165.509 201.738 164.728 202.101 164.13C202.465 163.532 203.266 163.349 203.891 163.714C204.517 164.086 204.728 164.867 204.364 165.465Z" fill="#263238"/>
+<path d="M206.212 163.422C205.979 163.473 205.557 162.306 204.379 161.526C203.215 160.73 201.941 160.767 201.912 160.533C201.89 160.424 202.203 160.256 202.764 160.234C203.317 160.205 204.124 160.358 204.859 160.847C205.587 161.336 206.03 162.022 206.198 162.54C206.372 163.058 206.329 163.4 206.22 163.422H206.212Z" fill="#263238"/>
+<path d="M193.349 159.031C192.985 159.629 192.185 159.811 191.559 159.439C190.933 159.074 190.722 158.287 191.086 157.696C191.45 157.097 192.25 156.915 192.876 157.28C193.502 157.652 193.713 158.432 193.349 159.023V159.031Z" fill="#263238"/>
+<path d="M194.346 156.222C194.113 156.273 193.691 155.106 192.512 154.325C191.348 153.53 190.075 153.567 190.046 153.333C190.024 153.224 190.337 153.056 190.897 153.034C191.45 153.005 192.257 153.158 192.992 153.647C193.727 154.136 194.164 154.821 194.331 155.339C194.506 155.857 194.462 156.2 194.353 156.222H194.346Z" fill="#263238"/>
+<path d="M192.949 167.595C192.985 167.522 193.807 167.887 195.095 168.522C195.415 168.689 195.743 168.821 195.932 168.646C196.15 168.47 196.237 168.062 196.325 167.617C196.528 166.698 196.739 165.728 196.958 164.714C197.889 160.606 198.784 157.309 198.944 157.346C199.111 157.382 198.485 160.745 197.547 164.852C197.307 165.859 197.081 166.822 196.863 167.741C196.747 168.164 196.688 168.682 196.237 169.032C196.004 169.207 195.677 169.222 195.452 169.149C195.219 169.083 195.051 168.974 194.891 168.879C193.654 168.15 192.912 167.661 192.949 167.588V167.595Z" fill="#263238"/>
+<path d="M184.487 182.185C184.487 182.185 178.499 178.735 175.087 171.505C175.087 171.505 173.741 179.362 182.814 184.243L184.494 182.185H184.487Z" fill="#EB996E"/>
+<path d="M190.562 170.119C190.511 169.273 189.973 168.471 189.187 168.062C188.641 167.777 187.958 167.683 187.368 167.894C186.779 168.106 186.32 168.66 186.342 169.244C186.364 169.908 186.961 170.455 187.63 170.666C188.299 170.878 189.027 170.827 189.733 170.761C189.929 170.739 190.126 170.725 190.3 170.637C190.475 170.55 190.613 170.375 190.591 170.192" fill="#EB996E"/>
+<path d="M188.94 166.107C189.136 166.223 188.292 167.515 188.78 169.156C189.267 170.797 190.722 171.563 190.613 171.753C190.577 171.848 190.148 171.804 189.558 171.432C188.983 171.075 188.278 170.345 187.979 169.338C187.681 168.332 187.892 167.391 188.198 166.836C188.503 166.267 188.86 166.041 188.94 166.107Z" fill="#263238"/>
+<path d="M197.503 152.217C197.176 152.465 196.099 151.524 194.607 150.773C193.131 149.992 191.748 149.656 191.755 149.248C191.763 149.058 192.163 148.883 192.818 148.869C193.472 148.854 194.382 149.029 195.27 149.489C196.157 149.948 196.834 150.59 197.198 151.13C197.569 151.677 197.656 152.1 197.503 152.217Z" fill="#263238"/>
+<path d="M208.046 159.702C207.66 159.833 207.034 159.016 206.067 158.352C205.121 157.659 204.146 157.331 204.139 156.923C204.146 156.733 204.452 156.543 204.983 156.529C205.507 156.514 206.241 156.696 206.896 157.163C207.551 157.63 207.973 158.265 208.126 158.761C208.286 159.264 208.22 159.622 208.038 159.695L208.046 159.702Z" fill="#263238"/>
+<path d="M213.161 148.526C212.68 150.459 210.949 152.013 208.984 152.283C207.02 152.553 204.946 151.509 203.986 149.78C204.19 150.707 203.433 151.648 202.523 151.896C201.614 152.144 200.639 151.845 199.824 151.371C198.114 150.379 196.87 148.599 196.528 146.644C195.488 147.847 193.865 148.518 192.287 148.387C190.708 148.256 189.216 147.329 188.401 145.965C188.823 147.833 187.958 149.934 186.335 150.955C184.713 151.976 182.457 151.838 180.98 150.634C179.503 149.43 178.899 147.242 179.561 145.44C178.688 144.112 178.477 142.376 179.001 140.866C179.525 139.356 180.776 138.13 182.275 137.634C181.591 136.795 181.548 135.555 181.948 134.541C182.348 133.527 183.141 132.717 183.992 132.046C186.073 130.39 188.765 129.383 191.384 129.77C194.004 130.149 196.441 132.119 196.958 134.723C197.016 135.015 197.059 135.344 197.278 135.548C197.576 135.825 198.049 135.752 198.449 135.664C200.217 135.249 202.087 134.782 203.804 135.344C205.885 136.022 207.304 138.313 207.005 140.494C209.181 139.407 212.106 139.735 213.684 141.588C215.263 143.441 214.936 146.738 212.819 147.949" fill="#263238"/>
+<path d="M182.683 149.905C181.446 151.59 179.962 153.1 178.303 154.377C177.597 154.916 176.702 155.434 175.873 155.121C175.123 154.836 174.752 153.924 174.847 153.122C174.934 152.319 175.378 151.597 175.836 150.933C177.459 148.555 179.38 146.41 181.3 144.266" fill="#263238"/>
+<path d="M179.918 150.029C179.845 149.905 176.607 145.644 173.639 149.992C170.67 154.333 175.611 156.419 175.698 156.302C175.793 156.186 179.911 150.036 179.911 150.036L179.918 150.029Z" fill="#FFBE9D"/>
+<path d="M175.516 153.742C175.516 153.742 175.407 153.742 175.24 153.712C175.08 153.683 174.839 153.574 174.672 153.34C174.33 152.859 174.447 151.867 174.963 151.072C175.225 150.67 175.56 150.349 175.916 150.131C176.266 149.904 176.622 149.824 176.877 149.941C177.139 150.043 177.211 150.298 177.175 150.452C177.153 150.612 177.066 150.678 177.08 150.707C177.08 150.729 177.226 150.7 177.313 150.495C177.357 150.4 177.371 150.262 177.328 150.109C177.284 149.955 177.16 149.802 176.986 149.715C176.637 149.51 176.127 149.613 175.742 149.846C175.334 150.072 174.941 150.422 174.658 150.875C174.09 151.772 173.974 152.895 174.468 153.508C174.716 153.8 175.036 153.88 175.232 153.866C175.436 153.851 175.531 153.771 175.516 153.749V153.742Z" fill="#EB996E"/>
+<path d="M196.885 145.622C196.885 145.622 196.921 145.666 196.994 145.746C197.074 145.826 197.19 145.936 197.358 146.075C197.685 146.352 198.18 146.746 198.907 147.096C199.271 147.271 199.693 147.431 200.173 147.519C200.654 147.614 201.192 147.643 201.752 147.519C202.305 147.395 202.873 147.132 203.367 146.716C203.848 146.293 204.255 145.688 204.335 144.966L204.117 144.995C204.597 146.279 205.55 147.526 206.896 148.365C207.565 148.788 208.329 149.102 209.144 149.277C209.552 149.357 209.981 149.401 210.418 149.35C210.847 149.306 211.291 149.146 211.64 148.869C212.062 148.548 212.36 148.11 212.586 147.665C212.811 147.22 212.979 146.753 213.131 146.301C213.284 145.841 213.401 145.367 213.415 144.885C213.43 144.411 213.284 143.886 212.913 143.565L212.731 143.74C213.335 144.484 214.179 144.951 215.03 145.141C215.882 145.338 216.74 145.272 217.489 145.017C218.232 144.754 218.857 144.287 219.265 143.726C219.679 143.171 219.92 142.566 220.036 142.004C220.269 140.866 220.029 139.939 219.781 139.378C219.519 138.809 219.272 138.575 219.272 138.575C219.25 138.59 219.468 138.845 219.701 139.414C219.92 139.969 220.131 140.88 219.883 141.975C219.759 142.515 219.519 143.091 219.112 143.616C218.719 144.141 218.122 144.572 217.417 144.82C216.711 145.061 215.889 145.112 215.081 144.915C214.274 144.732 213.488 144.28 212.92 143.587L212.738 143.762C213.044 144.025 213.168 144.455 213.153 144.893C213.146 145.33 213.029 145.783 212.884 146.228C212.578 147.11 212.229 148.073 211.48 148.664C210.84 149.175 209.966 149.182 209.195 149.022C208.409 148.861 207.675 148.562 207.034 148.154C205.739 147.344 204.808 146.147 204.335 144.915L204.168 144.477L204.117 144.944C204.044 145.6 203.68 146.162 203.236 146.563C202.778 146.965 202.247 147.22 201.723 147.344C201.199 147.475 200.683 147.453 200.217 147.373C199.751 147.293 199.337 147.147 198.98 146.986C198.26 146.658 197.758 146.286 197.416 146.031C197.081 145.768 196.907 145.622 196.899 145.63L196.885 145.622Z" fill="white"/>
+<path d="M211.618 152.655C211.618 152.655 211.662 152.794 211.822 152.991C211.975 153.188 212.244 153.45 212.637 153.669C213.03 153.881 213.561 154.078 214.186 154.012C214.492 153.975 214.834 153.844 215.059 153.552C215.278 153.282 215.401 152.852 215.198 152.48L214.979 152.626C214.979 152.626 215.023 152.67 215.038 152.699C215.969 153.808 217.322 154.158 218.224 154.129C218.683 154.121 219.047 154.034 219.287 153.954C219.527 153.866 219.65 153.8 219.643 153.786C219.629 153.735 219.105 153.968 218.224 153.946C217.366 153.932 216.1 153.56 215.241 152.531C215.22 152.509 215.205 152.487 215.183 152.465L214.332 151.488L214.965 152.611C215.096 152.852 215.023 153.173 214.856 153.392C214.688 153.611 214.412 153.727 214.15 153.771C213.604 153.844 213.095 153.684 212.717 153.509C211.945 153.122 211.654 152.626 211.618 152.662V152.655Z" fill="white"/>
+<path d="M201.519 160.059C201.519 160.103 201.905 160.037 202.516 160.067C203.12 160.096 203.964 160.271 204.764 160.738C205.565 161.205 206.125 161.861 206.452 162.379C206.78 162.897 206.911 163.262 206.954 163.247C206.983 163.247 206.918 162.846 206.62 162.284C206.321 161.723 205.754 161.008 204.91 160.512C204.066 160.016 203.164 159.87 202.531 159.884C201.89 159.899 201.519 160.03 201.527 160.059H201.519Z" fill="#EB996E"/>
+<path d="M189.98 152.349C189.98 152.392 190.3 152.349 190.788 152.378C191.275 152.407 191.952 152.546 192.599 152.925C193.24 153.304 193.698 153.822 193.967 154.231C194.236 154.639 194.353 154.938 194.389 154.924C194.418 154.917 194.367 154.596 194.127 154.136C193.887 153.684 193.422 153.1 192.73 152.692C192.039 152.29 191.304 152.174 190.795 152.188C190.279 152.203 189.973 152.32 189.98 152.349Z" fill="#EB996E"/>
+<path d="M187.601 165.859C187.601 165.859 187.732 165.83 187.907 165.801C188.081 165.764 188.329 165.757 188.591 165.83C189.114 165.983 189.536 166.253 189.58 166.18C189.609 166.136 189.275 165.764 188.656 165.574C188.343 165.494 188.038 165.531 187.841 165.625C187.645 165.72 187.572 165.837 187.594 165.866L187.601 165.859Z" fill="#EB996E"/>
+<path d="M186.357 165.954C186.415 166.005 186.721 165.735 187.135 165.472C187.55 165.203 187.921 165.035 187.899 164.962C187.885 164.896 187.441 164.955 186.99 165.246C186.539 165.538 186.291 165.91 186.35 165.954H186.357Z" fill="#EB996E"/>
+<path d="M171.886 153.151C171.886 153.151 171.514 153.078 170.845 153.195C170.19 153.311 169.215 153.611 168.277 154.413C167.346 155.194 166.545 156.609 166.611 158.279C166.633 159.935 167.76 161.715 169.55 162.438C170.438 162.81 171.427 162.831 172.293 162.605C173.166 162.386 173.923 161.949 174.541 161.416C175.785 160.344 176.382 158.841 176.316 157.601C176.273 156.353 175.742 155.442 175.298 154.938C174.847 154.42 174.498 154.267 174.483 154.282C174.454 154.318 174.759 154.537 175.138 155.062C175.509 155.58 175.945 156.456 175.945 157.601C175.96 158.732 175.378 160.081 174.228 161.044C173.108 161.993 171.34 162.62 169.747 161.949C168.153 161.307 167.135 159.738 167.091 158.257C167.011 156.755 167.687 155.449 168.524 154.69C169.368 153.91 170.278 153.574 170.896 153.399C171.522 153.224 171.893 153.202 171.886 153.158V153.151Z" fill="#455A64"/>
+<path d="M95.5927 240.896C82.3728 251.189 80.3575 267.516 79.4553 276.883C78.5531 286.249 71.3211 323.702 71.3211 323.702C71.3211 323.702 56.2095 347.229 50.7891 357.201C45.3688 367.166 34.5353 387.994 34.5353 387.994L52.6444 399.221C52.6444 399.221 85.1812 354.823 90.8999 346.062C96.6259 337.3 125.816 263.54 125.816 263.54L95.5855 240.911L95.5927 240.896Z" fill="#263238"/>
+<path d="M138.643 265.166C139.552 266.917 163.562 326.328 162.936 332.267C162.311 338.205 132.371 399.206 132.371 399.206L110.231 389.803L132.997 339.146L133.623 332.186L112.414 291.932L119.275 262.227L138.636 265.166H138.643Z" fill="#263238"/>
+<path d="M122.869 272.972C122.964 273.016 120.461 278.991 117.274 286.315C114.087 293.647 111.425 299.556 111.33 299.512C111.235 299.468 113.738 293.493 116.925 286.162C120.112 278.83 122.775 272.929 122.869 272.965V272.972Z" fill="#455A64"/>
+<path d="M141.917 334.236C141.953 334.324 140.033 334.783 137.733 334.214C135.427 333.667 133.928 332.383 133.994 332.325C134.059 332.223 135.602 333.324 137.821 333.85C140.033 334.397 141.91 334.127 141.917 334.244V334.236Z" fill="#455A64"/>
+<path d="M140.964 340.08C140.92 340.189 139.327 339.598 137.268 339.234C135.216 338.854 133.514 338.847 133.514 338.738C133.506 338.643 135.238 338.475 137.341 338.862C139.443 339.234 141.008 340 140.964 340.087V340.08Z" fill="#455A64"/>
+<path d="M101.435 252.028C101.435 252.028 101.297 252.182 101.006 252.408C100.715 252.634 100.271 252.94 99.7108 253.283C98.5831 253.969 96.9388 254.786 95.0035 255.369C93.0681 255.946 91.2419 256.179 89.925 256.223C89.2629 256.245 88.7318 256.238 88.368 256.208C87.997 256.179 87.8005 256.157 87.8005 256.128C87.8005 256.062 88.6154 256.07 89.9105 255.953C91.2056 255.844 92.9954 255.566 94.8943 254.997C96.7933 254.421 98.4303 253.67 99.5799 253.042C100.729 252.422 101.399 251.97 101.435 252.021V252.028Z" fill="#455A64"/>
+<path d="M179.161 191.465L198.536 216.545L239.178 233.237L234.856 241.932L182.901 224.147L165.89 189.182L179.161 191.465Z" fill="#455A64"/>
+<g opacity="0.2">
+<path d="M179.161 191.465L198.536 216.545L239.178 233.237L234.856 241.932L182.901 224.147L165.89 189.182L179.161 191.465Z" fill="black"/>
+</g>
+<path d="M160.31 176.619C159.48 175.78 159.444 174.438 160.23 173.555L162.878 170.586C163.235 170.112 163.897 170.01 164.377 170.353C168.066 173.03 182.028 183.659 181.999 186.701C181.962 190.152 176.047 193.617 176.047 193.617L160.317 176.612L160.31 176.619Z" fill="#455A64"/>
+<path d="M151.077 195.171C151.077 195.171 177.022 231.121 183.788 235.272C190.555 239.423 233.045 245.273 233.045 245.273L234.696 232.675L193.712 219.5C193.712 219.5 166.974 179.99 166.29 178.852C165.607 177.714 160.332 173.446 154.511 174.19C148.691 174.934 145.737 184.148 147.745 188.707C148.509 190.443 151.084 195.178 151.084 195.178L151.077 195.171Z" fill="#455A64"/>
+<path d="M160.484 174.234C160.484 174.234 153.02 171.01 145.853 177.714C142.019 181.303 106.921 230.61 104.447 233.915L94.3632 240.896C111.228 256.464 124.295 269.486 142.288 274.009L151.659 243.537L180.449 217.26L160.492 174.227L160.484 174.234Z" fill="#455A64"/>
+<path d="M148.269 191.465C148.269 191.465 148.371 191.574 148.531 191.8C148.712 192.063 148.938 192.399 149.215 192.807C149.797 193.683 150.662 194.945 151.746 196.484C153.907 199.57 157.036 203.735 160.666 208.192C164.297 212.65 167.695 216.596 170.154 219.463C171.354 220.871 172.337 222.017 173.05 222.863C173.362 223.242 173.624 223.549 173.828 223.797C174.003 224.015 174.09 224.132 174.075 224.139C174.061 224.147 173.959 224.045 173.77 223.848C173.552 223.614 173.275 223.322 172.94 222.958C172.198 222.133 171.187 221.01 169.95 219.638C167.447 216.822 164.013 212.898 160.375 208.433C156.745 203.969 153.638 199.767 151.528 196.637C150.473 195.076 149.644 193.792 149.098 192.887C148.843 192.464 148.64 192.121 148.472 191.844C148.334 191.603 148.269 191.472 148.276 191.465H148.269Z" fill="#263238"/>
+<path d="M234.689 232.667C234.689 232.667 234.616 232.653 234.485 232.616C234.333 232.572 234.136 232.507 233.889 232.434C233.35 232.259 232.579 232.003 231.59 231.682C229.574 231.011 226.664 230.041 223.026 228.83C215.714 226.364 205.47 222.907 193.647 218.916L193.589 218.894L193.552 218.843C190.897 214.911 188.052 210.702 185.12 206.354C180.609 199.664 176.316 193.289 172.409 187.489C170.459 184.586 168.604 181.835 166.873 179.253C166.429 178.611 166.043 177.954 165.556 177.407C165.323 177.123 165.039 176.889 164.763 176.656C164.486 176.43 164.232 176.167 163.933 175.97C162.769 175.146 161.474 174.657 160.208 174.387C157.632 173.979 155.202 174.548 153.42 175.605C151.615 176.649 150.422 178.064 149.68 179.326C149.389 179.997 149.047 180.566 148.923 181.12C148.763 181.66 148.611 182.12 148.589 182.514C148.494 183.163 148.451 183.477 148.414 183.688C148.392 183.688 148.429 183.28 148.509 182.499C148.523 182.105 148.662 181.638 148.814 181.091C148.923 180.522 149.258 179.946 149.549 179.26C150.277 177.969 151.477 176.51 153.311 175.43C155.115 174.336 157.603 173.73 160.252 174.132C161.561 174.402 162.893 174.898 164.101 175.744C164.406 175.941 164.668 176.211 164.959 176.444C165.243 176.685 165.534 176.926 165.781 177.225C166.298 177.801 166.683 178.465 167.127 179.1C168.873 181.675 170.736 184.425 172.693 187.321C176.607 193.113 180.907 199.482 185.426 206.172C188.358 210.52 191.195 214.736 193.851 218.668L193.756 218.595C205.557 222.637 215.787 226.138 223.092 228.64C226.715 229.895 229.611 230.902 231.619 231.595C232.601 231.945 233.358 232.215 233.896 232.405C234.143 232.492 234.333 232.565 234.478 232.624C234.609 232.675 234.675 232.704 234.675 232.704L234.689 232.667Z" fill="#263238"/>
+<path d="M165.89 216.545C165.89 216.545 165.774 216.735 165.512 217.041C165.257 217.347 164.85 217.763 164.333 218.252C163.293 219.237 161.736 220.47 159.83 221.549C157.923 222.622 156.061 223.315 154.686 223.694C153.995 223.884 153.434 224.015 153.041 224.074C152.649 224.139 152.43 224.168 152.423 224.139C152.408 224.081 153.267 223.877 154.606 223.432C155.944 222.994 157.763 222.264 159.648 221.207C161.525 220.149 163.082 218.96 164.159 218.041C165.235 217.121 165.847 216.487 165.89 216.53V216.545Z" fill="#263238"/>
+<path d="M149.171 238.285C149.171 238.285 148.727 238.372 147.905 238.453C147.09 238.547 145.904 238.62 144.434 238.671C141.502 238.766 137.428 238.628 132.99 237.927C128.559 237.22 124.637 236.082 121.88 235.075C120.497 234.572 119.399 234.134 118.649 233.791C117.9 233.455 117.493 233.258 117.5 233.237C117.507 233.215 117.936 233.361 118.708 233.652C119.472 233.951 120.585 234.353 121.974 234.82C124.746 235.753 128.646 236.84 133.055 237.548C137.464 238.248 141.51 238.423 144.434 238.394C145.897 238.38 147.083 238.343 147.898 238.299C148.712 238.263 149.171 238.248 149.171 238.277V238.285Z" fill="#263238"/>
+<path d="M150.168 233.864C150.175 233.908 149.411 234.148 148.138 234.367C146.864 234.586 145.075 234.761 143.103 234.681C141.124 234.601 139.356 234.287 138.105 233.966C136.853 233.645 136.111 233.346 136.126 233.302C136.14 233.244 136.911 233.455 138.17 233.703C139.421 233.959 141.175 234.221 143.125 234.302C145.075 234.375 146.835 234.251 148.109 234.097C149.382 233.944 150.16 233.798 150.175 233.857L150.168 233.864Z" fill="#263238"/>
+<g opacity="0.2">
+<path d="M152.787 198.213L164.421 218.004C164.421 218.004 157.88 222.681 155.151 223.417C155.151 223.417 161.147 221.747 165.89 219.383L172.024 222.17L152.787 198.22V198.213Z" fill="black"/>
+</g>
+<g opacity="0.2">
+<path d="M145.744 238.416C141.895 240.502 137.028 241.326 132.466 240.684C127.897 240.035 123.677 237.927 120.934 234.907C120.934 234.907 130.429 237.496 134.074 237.905C137.719 238.314 145.744 238.416 145.744 238.416Z" fill="black"/>
+</g>
+<path d="M107.081 242.859C107.11 242.975 105.262 243.231 103.414 244.471C102.126 245.302 101.253 246.331 100.824 246.842L100.678 246.739C100.889 246.499 101.02 246.375 101.05 246.397C101.079 246.419 100.999 246.572 100.824 246.849L100.678 246.747C101.013 246.163 101.864 245.025 103.203 244.164C105.146 242.866 107.096 242.771 107.081 242.866V242.859Z" fill="#263238"/>
+<path d="M116.663 250.664C116.743 250.716 115.819 252.182 114.269 253.626C112.72 255.078 111.199 255.895 111.148 255.807C111.09 255.713 112.494 254.764 114.007 253.349C115.528 251.934 116.568 250.599 116.663 250.664Z" fill="#263238"/>
+<path d="M126.791 259.214C126.878 259.258 126.092 260.877 124.637 262.526C123.197 264.189 121.698 265.181 121.647 265.101C121.574 265.014 122.942 263.905 124.353 262.278C125.772 260.658 126.689 259.156 126.791 259.214Z" fill="#263238"/>
+<path d="M137.435 263.475C137.53 263.475 137.384 265.262 136.482 267.246C135.587 269.238 134.343 270.514 134.278 270.449C134.19 270.376 135.274 269.019 136.14 267.093C137.02 265.167 137.326 263.46 137.442 263.482L137.435 263.475Z" fill="#263238"/>
+<path d="M163.024 175.211C162.98 175.19 163.06 174.905 163.293 174.482C163.526 174.066 163.962 173.526 164.588 173.125C165.214 172.717 165.847 172.52 166.305 172.403C166.763 172.293 167.054 172.272 167.069 172.323C167.113 172.447 165.956 172.717 164.792 173.446C163.635 174.197 163.133 175.284 163.024 175.219V175.211Z" fill="#263238"/>
+<path d="M168.109 180.216C168.022 180.179 168.502 179.027 169.652 178.042C170.794 177.05 172.009 176.743 172.024 176.838C172.067 176.948 170.969 177.393 169.899 178.334C168.815 179.26 168.204 180.274 168.109 180.216Z" fill="#263238"/>
+<path d="M178.106 182.324C178.193 182.36 177.466 183.907 175.989 185.373C174.519 186.847 172.977 187.569 172.94 187.482C172.882 187.379 174.301 186.533 175.72 185.103C177.153 183.688 178.004 182.266 178.106 182.324Z" fill="#263238"/>
+<path d="M234.129 233.222L240.008 225.139L244.359 224.183L253.766 222.265C253.766 222.265 254.865 222.921 253.533 224.57L252.776 225.19L256.422 225.095C256.422 225.095 256.633 226.824 254.755 227.794L248.615 229.582L246.301 230.282C246.301 230.282 251.147 230.617 252.827 230.012C254.515 229.407 256.014 229.479 256.014 229.479C256.014 229.479 257.025 230.515 255.774 231.858C254.523 233.2 250.841 233.608 249.968 233.827C249.095 234.046 245.988 234.119 245.988 234.119C245.988 234.119 247.218 234.943 249.313 234.922C251.409 234.9 253.57 234.965 253.57 234.965C253.57 234.965 253.679 236.964 252.398 237.358C251.118 237.745 245.479 237.643 245.479 237.643L243.922 238.496C243.922 238.496 239.768 242.888 238.305 243.515C236.85 244.143 233.03 245.273 233.03 245.273L234.122 233.222H234.129Z" fill="#FFBE9D"/>
+<path d="M253.264 225.307C253.279 225.35 252.755 225.628 251.852 225.956C250.95 226.284 249.67 226.649 248.222 226.882C246.774 227.108 245.435 227.152 244.482 227.116C243.522 227.079 242.932 226.977 242.94 226.933C242.94 226.817 245.304 226.97 248.164 226.51C251.023 226.073 253.228 225.197 253.271 225.314L253.264 225.307Z" fill="#EB996E"/>
+<path d="M328.8 381.034C328.8 381.034 313.317 363.169 307.475 345.296C301.633 327.43 304.405 329.48 304.405 329.48C304.405 329.48 312.291 346.835 318.279 355.217C324.267 363.599 334.933 375.906 334.933 375.906L328.8 381.034Z" fill="#455A64"/>
+<path d="M331.885 332.267C331.383 331.391 330.059 331.851 330.204 332.843C331.15 339.117 333.187 353.846 333.107 363.402C333.005 375.811 333.107 380.611 333.107 380.611H339.553C339.553 380.611 338.411 354.962 336.956 347.134C335.937 341.648 333.769 335.564 331.885 332.267Z" fill="#455A64"/>
+<path d="M335.399 378.517C335.399 378.517 339.451 369.968 340.703 359.222C341.234 354.655 340.288 348.484 338.877 340.24C338.193 336.25 338.04 333.215 338.062 331.107C338.076 329.517 340.172 328.999 340.95 330.385C341.729 331.778 343.977 336.527 344.552 339.511C346.109 347.645 347.877 351.708 346.531 359.426C345.177 367.144 340.186 379.028 340.186 379.028L335.399 378.51V378.517Z" fill="#455A64"/>
+<path d="M341.205 379.043C341.205 379.043 358.208 342.414 359.38 336.98C360.558 331.545 364.567 319.019 365.033 319.734C365.506 320.442 366.212 327.058 363.148 334.616C360.085 342.174 347.004 380.159 347.004 380.159H341.198" fill="#455A64"/>
+<path d="M333.536 377.402C333.536 377.402 333.362 377.299 333.063 377.073C332.765 376.847 332.307 376.519 331.747 376.067C330.612 375.177 329.025 373.82 327.177 372.025C323.467 368.45 318.847 362.943 314.845 356.151C310.836 349.367 308.137 342.728 306.427 337.87C305.569 335.44 304.95 333.449 304.543 332.063C304.332 331.37 304.194 330.83 304.092 330.465C303.997 330.1 303.946 329.903 303.961 329.903C303.975 329.903 304.041 330.086 304.164 330.443C304.295 330.837 304.463 331.362 304.681 332.019C305.125 333.39 305.787 335.367 306.675 337.782C308.443 342.611 311.171 349.206 315.165 355.969C319.152 362.731 323.714 368.239 327.367 371.843C329.185 373.659 330.742 375.038 331.841 375.957C332.387 376.431 332.823 376.767 333.114 377.015C333.405 377.256 333.551 377.394 333.544 377.402H333.536Z" fill="#263238"/>
+<path d="M335.399 359.827C335.399 359.827 335.319 359.448 335.246 358.755C335.166 357.996 335.057 357.012 334.933 355.815C334.664 353.335 334.242 349.921 333.645 346.164C333.042 342.407 332.372 339.029 331.856 336.593C331.601 335.425 331.397 334.455 331.237 333.704C331.092 333.025 331.019 332.639 331.048 332.639C331.07 332.639 331.186 333.003 331.375 333.675C331.565 334.346 331.819 335.323 332.11 336.542C332.692 338.971 333.405 342.348 334.009 346.113C334.613 349.877 334.991 353.306 335.195 355.793C335.297 357.041 335.363 358.047 335.392 358.74C335.421 359.441 335.428 359.827 335.406 359.827H335.399Z" fill="#263238"/>
+<path d="M339.379 330.107C339.379 330.107 339.459 330.261 339.583 330.574C339.714 330.917 339.881 331.369 340.092 331.938C340.317 332.529 340.572 333.259 340.819 334.12C341.074 334.981 341.401 335.951 341.649 337.052C341.78 337.599 341.925 338.176 342.071 338.774C342.216 339.372 342.318 340.007 342.442 340.656C342.718 341.955 342.893 343.37 343.097 344.843C343.431 347.813 343.613 351.103 343.504 354.553C343.366 358.004 342.951 361.272 342.406 364.212C342.093 365.671 341.823 367.072 341.452 368.348C341.278 368.99 341.132 369.618 340.943 370.201C340.754 370.785 340.572 371.354 340.397 371.886C340.07 372.966 339.677 373.914 339.364 374.753C339.059 375.599 338.746 376.307 338.484 376.876C338.237 377.423 338.033 377.861 337.88 378.197C337.742 378.496 337.662 378.649 337.647 378.649C337.633 378.649 337.691 378.481 337.815 378.167C337.953 377.824 338.135 377.379 338.353 376.825C338.6 376.249 338.891 375.534 339.175 374.688C339.466 373.841 339.844 372.9 340.157 371.813C340.325 371.273 340.499 370.712 340.674 370.128C340.849 369.537 340.987 368.917 341.161 368.275C341.518 366.999 341.78 365.613 342.078 364.154C342.602 361.228 343.002 357.975 343.14 354.546C343.249 351.117 343.075 347.849 342.762 344.887C342.566 343.414 342.405 342.006 342.144 340.714C342.02 340.065 341.925 339.431 341.794 338.832C341.656 338.234 341.525 337.658 341.401 337.111C341.176 336.009 340.863 335.039 340.63 334.178C340.405 333.31 340.165 332.58 339.961 331.982C339.779 331.413 339.626 330.954 339.517 330.604C339.422 330.283 339.372 330.115 339.386 330.115L339.379 330.107Z" fill="#263238"/>
+<path d="M364.844 320.463C364.844 320.463 364.844 320.522 364.829 320.631C364.807 320.762 364.785 320.916 364.756 321.105C364.684 321.521 364.589 322.141 364.422 322.929C364.094 324.505 363.549 326.774 362.697 329.524C361.853 332.274 360.689 335.506 359.314 339.044C357.946 342.589 356.346 346.456 354.84 350.57C353.304 354.677 352.126 358.682 351.02 362.322C349.921 365.963 348.881 369.231 347.869 371.923C346.873 374.622 345.912 376.752 345.185 378.189C344.836 378.911 344.523 379.459 344.319 379.831C344.224 379.998 344.144 380.137 344.079 380.246C344.021 380.341 343.992 380.385 343.984 380.385C343.984 380.385 343.999 380.327 344.042 380.232C344.101 380.115 344.166 379.969 344.246 379.794C344.428 379.415 344.719 378.86 345.046 378.131C345.73 376.679 346.654 374.542 347.615 371.843C348.59 369.143 349.601 365.875 350.685 362.228C351.776 358.587 352.948 354.568 354.49 350.446C356.004 346.324 357.604 342.465 358.994 338.927C360.384 335.396 361.57 332.187 362.443 329.451C363.323 326.715 363.905 324.468 364.276 322.9C364.465 322.119 364.582 321.507 364.676 321.091C364.72 320.901 364.756 320.748 364.785 320.624C364.815 320.522 364.829 320.463 364.836 320.463H364.844Z" fill="#263238"/>
+<path d="M312.422 312.373C311.353 311.308 309.57 312.424 310.014 313.869C310.465 315.335 311.142 317.232 312.153 319.376C314.489 324.359 321.357 342.224 324.566 352.036C327.781 361.848 332.307 380.159 332.307 380.159L339.168 379.043C339.168 379.043 332.889 348.965 326.756 338.125C321.83 329.414 316.897 316.83 312.422 312.373Z" fill="#455A64"/>
+<path d="M326.443 358.171C326.443 358.171 326.588 358.456 326.799 358.996C327.003 359.536 327.279 360.323 327.592 361.308C328.225 363.271 328.996 366.014 329.775 369.056C330.553 372.105 331.201 374.877 331.652 376.883C331.856 377.832 332.03 378.634 332.169 379.269C332.285 379.83 332.336 380.151 332.307 380.151C332.285 380.151 332.183 379.852 332.03 379.298C331.863 378.671 331.652 377.883 331.405 376.942C330.881 374.87 330.19 372.149 329.426 369.143C328.647 366.101 327.912 363.358 327.345 361.381C327.076 360.447 326.843 359.667 326.668 359.04C326.501 358.485 326.428 358.179 326.45 358.171H326.443Z" fill="#263238"/>
+<path d="M335.756 379.597C335.756 379.597 335.734 379.539 335.719 379.415C335.697 379.269 335.676 379.094 335.639 378.875C335.566 378.401 335.501 377.693 335.355 376.789C335.101 374.979 334.657 372.375 333.915 369.202C333.18 366.021 332.11 362.286 330.706 358.208C329.302 354.13 327.534 349.724 325.533 345.172C321.495 336.067 317.465 327.992 314.816 322.017C313.477 319.041 312.437 316.604 311.753 314.912C311.404 314.066 311.157 313.402 310.982 312.957C310.902 312.745 310.844 312.577 310.793 312.446C310.749 312.329 310.735 312.271 310.742 312.264C310.742 312.264 310.778 312.315 310.829 312.431C310.887 312.563 310.96 312.731 311.055 312.928C311.258 313.394 311.535 314.036 311.891 314.861C312.612 316.539 313.688 318.953 315.056 321.915C317.763 327.853 321.83 335.907 325.875 345.033C327.876 349.6 329.637 354.013 331.034 358.113C332.431 362.206 333.478 365.963 334.177 369.158C334.882 372.353 335.297 374.972 335.508 376.789C335.632 377.693 335.676 378.408 335.719 378.882C335.734 379.101 335.748 379.283 335.763 379.429C335.77 379.553 335.77 379.619 335.763 379.619L335.756 379.597Z" fill="#263238"/>
+<path d="M339.168 379.043C339.168 379.043 339.059 378.634 338.935 377.89C338.797 377.08 338.622 376.015 338.404 374.724C337.931 372.061 337.211 368.385 336.17 364.387C335.144 360.389 333.988 356.829 333.093 354.269C332.656 353.036 332.292 352.022 332.023 351.249C331.768 350.534 331.638 350.14 331.659 350.125C331.681 350.118 331.856 350.497 332.154 351.197C332.452 351.898 332.86 352.912 333.34 354.181C334.293 356.72 335.494 360.28 336.527 364.292C337.567 368.304 338.251 371.996 338.659 374.673C338.855 376.015 339 377.102 339.081 377.861C339.161 378.612 339.197 379.035 339.175 379.035L339.168 379.043Z" fill="#263238"/>
+<path d="M353.246 378.05H326.464V410.769H353.246V378.05Z" fill="#415FE9"/>
+<g opacity="0.3">
+<path d="M353.246 378.05H326.464V410.769H353.246V378.05Z" fill="black"/>
+</g>
+<path d="M344.705 378.05H320.942V410.769H344.705V378.05Z" fill="#415FE9"/>
+</svg>
diff --git a/public/assets/images/faq/faq-dark.svg b/public/assets/images/faq/faq-dark.svg
new file mode 100644
index 0000000000000000000000000000000000000000..780f085b103def42959303fbe16bb8a317fa0c46
--- /dev/null
+++ b/public/assets/images/faq/faq-dark.svg
@@ -0,0 +1,164 @@
+<svg width="328" height="304" viewBox="0 0 328 304" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M257.198 251.239C261.042 251.305 270.731 251.469 274.444 251.515H280.263H280.558V251.213V243.872V243.544H280.23L268.698 243.59C265.824 243.59 260.038 243.682 257.165 243.722H257.008V243.872L257.165 251.213L257.198 251.239ZM257.198 251.239L257.355 243.899L257.198 244.056C260.078 244.095 265.857 244.161 268.73 244.187L280.263 244.227L279.935 243.899V251.239L280.237 250.944H274.523C270.869 250.99 260.957 251.154 257.172 251.213L257.198 251.239Z" fill="#888EA8"/>
+<path d="M220.022 172.893C223.867 172.965 233.556 173.123 237.269 173.169H243.087H243.376V172.867L243.415 165.592V165.257H243.087L231.555 165.297C228.682 165.297 222.896 165.389 220.022 165.428H219.865V165.592L220.022 172.926V172.893ZM220.022 172.893L220.18 165.592L220.022 165.743C222.896 165.782 228.675 165.848 231.555 165.874L243.087 165.913L242.759 165.592V172.926L243.061 172.631H237.347C233.687 172.677 223.775 172.841 219.996 172.9L220.022 172.893Z" fill="#888EA8"/>
+<path d="M270.062 260.495C273.906 260.561 283.595 260.725 287.308 260.771H293.127H293.422V260.469V253.128V252.84H293.094L281.562 252.886C278.695 252.886 272.903 252.971 270.029 253.017H269.872V253.168L270.023 260.508L270.062 260.495ZM270.062 260.495L270.22 253.155L270.062 253.312C272.942 253.352 278.721 253.417 281.595 253.443L293.127 253.496L292.799 253.168V260.508L293.101 260.213H287.387C283.733 260.259 273.821 260.423 270.036 260.482L270.062 260.495Z" fill="#888EA8"/>
+<path d="M103.176 95.5049C107.013 95.5705 116.702 95.7345 120.422 95.7805H126.234H126.536V95.4787V88.1381V87.8101H126.201L114.675 87.856C111.802 87.856 106.01 87.9478 103.143 87.9872H102.992V88.184L103.149 95.5246L103.176 95.5049ZM103.176 95.5049L103.327 88.184L103.176 88.3414C106.049 88.3808 111.828 88.4464 114.708 88.4726L126.234 88.512L125.913 88.184V95.5246L126.208 95.2294H120.494C116.84 95.2753 106.928 95.4393 103.149 95.4984L103.176 95.5049Z" fill="#888EA8"/>
+<path d="M116.04 104.761C119.884 104.826 129.573 104.99 133.286 105.036H139.105H139.4V104.735L139.433 97.3939V97.0659H139.105L127.572 97.1118C124.699 97.1118 118.913 97.1971 116.04 97.243H115.882V97.3939L116.04 104.735V104.761ZM116.04 104.761L116.197 97.4202L116.04 97.5776C118.92 97.617 124.693 97.6826 127.572 97.7088L139.105 97.7482L138.777 97.4202V104.761L139.079 104.466H133.365C129.704 104.512 119.792 104.676 116.014 104.735L116.04 104.761Z" fill="#888EA8"/>
+<path d="M128.852 95.5049C132.696 95.5705 142.385 95.7345 146.098 95.7805H151.917H152.192V95.4787V88.1381V87.8101H151.864L140.332 87.856C137.465 87.856 131.672 87.9478 128.799 87.9872H128.642V88.184L128.793 95.5246L128.852 95.5049ZM128.852 95.5049L129.009 88.184L128.852 88.3414C131.732 88.3808 137.511 88.4464 140.384 88.4726L151.917 88.512L151.589 88.184L151.621 95.5246L151.917 95.2294H146.203C142.549 95.2753 132.637 95.4393 128.852 95.4984V95.5049Z" fill="#888EA8"/>
+<path d="M34.8729 260.495C38.7171 260.561 48.4062 260.725 52.1192 260.771H57.9379H58.2331V260.469L58.2659 253.128V252.84H57.9379L46.4054 252.886C43.5321 252.886 37.7462 252.971 34.8729 253.017H34.7155V253.168L34.8729 260.508V260.495ZM34.8729 260.495L35.0303 253.155L34.8729 253.312C37.7527 253.352 43.5255 253.417 46.4054 253.443L57.9379 253.483L57.6099 253.155V260.495L57.9116 260.2H52.1979C48.5374 260.246 38.6252 260.41 34.8467 260.469L34.8729 260.495Z" fill="#888EA8"/>
+<path d="M47.7372 33.8145C51.5813 33.8801 61.2704 34.0441 64.9834 34.09H70.8021H71.0973V33.7883L71.1301 26.4476V26.1196H70.8021L59.2697 26.1655C56.3964 26.1655 50.6104 26.2508 47.7372 26.2967H47.5797V26.4476L47.7372 33.7883V33.8145ZM47.7372 33.8145L47.8881 26.4739L47.7306 26.6313L53.4968 26.7035C57.1573 26.7559 67.0105 26.7887 70.7956 26.8019L70.4676 26.4739V33.8145L70.7693 33.5193H65.0556C61.4017 33.5587 51.4895 33.7292 47.7044 33.7883L47.7372 33.8145Z" fill="#888EA8"/>
+<path d="M34.8729 43.0709C38.7171 43.1365 48.4062 43.3005 52.1192 43.3464H57.9379H58.2331V43.0446L58.2659 35.704V35.376H57.9379L46.4054 35.4219C43.5321 35.4219 37.7462 35.5072 34.8729 35.5531H34.7155V35.704L34.8729 43.0446V43.0709ZM34.8729 43.0709L35.0303 35.704L34.8729 35.8614C37.7527 35.9008 43.5255 35.9664 46.4054 35.9861L57.9379 36.032L57.6099 35.704V43.0446L57.9116 42.7494H52.1979C48.5374 42.7888 38.6252 42.9593 34.8467 43.0184L34.8729 43.0709Z" fill="#888EA8"/>
+<path d="M257.198 33.8145C261.042 33.8801 270.731 34.0441 274.444 34.09H280.263H280.558V33.7883V26.4476V26.1196H280.23L268.698 26.1655C265.824 26.1655 260.038 26.2508 257.165 26.2967H257.008V26.4476L257.165 33.7883L257.198 33.8145ZM257.198 33.8145L257.355 26.4739L257.198 26.6313C260.078 26.6707 265.857 26.7363 268.73 26.7559L280.263 26.8019L279.935 26.4739V33.8145L280.237 33.5193H274.523C270.869 33.5587 260.957 33.7292 257.172 33.7883L257.198 33.8145Z" fill="#888EA8"/>
+<path d="M41.0722 40.6367H84.5847V84.1492H41.0722V40.6367Z" fill="#6B7280"/>
+<path d="M86.8479 38.3735V86.419H38.809V38.3735H86.8479ZM84.5847 40.6367H41.0657V84.1558H84.5847V40.6367Z" fill="#DBDBDB"/>
+<path d="M47.5403 75.7262V60.6841H81.4555V75.7262H47.5403Z" fill="#888EA8"/>
+<path d="M54.1396 71.082V53.7046H71.5171V71.082H54.1396Z" fill="#506690"/>
+<path d="M88.7044 86.4189H86.8479V38.3735H88.7044V86.4189Z" fill="#506690"/>
+<path d="M41.0722 102.426H84.5847V145.938H41.0722V102.426Z" fill="#6B7280"/>
+<path d="M48.5507 109.386H59.9126V142.205H48.5507V109.386Z" fill="#506690"/>
+<path d="M86.8479 100.162V148.201H38.809V100.162H86.8479ZM84.5847 102.425H41.0657V145.912H84.5847V102.425Z" fill="#DBDBDB"/>
+<path d="M54.133 115.493H71.5105V132.871H54.133V115.493Z" fill="#888EA8"/>
+<path d="M88.7044 148.201H86.8479V100.156H88.7044V148.201Z" fill="#506690"/>
+<path d="M41.0722 164.214H84.5847V207.727H41.0722V164.214Z" fill="#6B7280"/>
+<path d="M45.8938 170.145H69.7722V184.419H45.8938V170.145Z" fill="#888EA8"/>
+<path d="M86.8479 161.951V209.99H38.809V161.951H86.8479ZM84.5847 164.214H41.0657V207.727H84.5847V164.214Z" fill="#DBDBDB"/>
+<path d="M54.133 177.282H71.5105V194.659H54.133V177.282Z" fill="#506690"/>
+<path d="M88.7044 209.99H86.8479V161.944H88.7044V209.99Z" fill="#506690"/>
+<path d="M286.318 33.1914V194.377H181.548V33.1914H286.318ZM282.447 37.0618H185.418V190.52H282.447V37.0618Z" fill="#888EA8"/>
+<path d="M185.412 37.0615H282.447V190.513H185.412V37.0615Z" fill="#6B7280"/>
+<path d="M185.412 111.852H282.447V115.716H185.412V111.852Z" fill="#888EA8"/>
+<path d="M174.424 194.377H293.429V205.47H174.424V194.377Z" fill="#DBDBDB"/>
+<path d="M185.412 136.334H282.447V37.0552H185.412V136.334ZM278.866 132.792H188.994V40.6369H278.866V132.792Z" fill="#DBDBDB"/>
+<path d="M249.542 37.0552H251.478V132.759H249.542V37.0552Z" fill="#DBDBDB"/>
+<path d="M216.375 37.0552H218.31V132.759H216.375V37.0552Z" fill="#DBDBDB"/>
+<path d="M62.4446 212.542C62.4446 212.542 68.7685 207.766 65.9477 205.608C64.9637 204.86 62.7661 207.235 62.4446 209.885C62.1232 207.261 59.9256 204.86 58.9416 205.608C56.1208 207.766 62.4446 212.542 62.4446 212.542Z" fill="#4361EE"/>
+<path opacity="0.2" d="M62.4446 212.542C62.4446 212.542 68.7685 207.766 65.9477 205.608C64.9637 204.86 62.7661 207.235 62.4446 209.885C62.1232 207.261 59.9256 204.86 58.9416 205.608C56.1208 207.766 62.4446 212.542 62.4446 212.542Z" fill="black"/>
+<path d="M62.4446 212.542C66.2625 212.542 69.0965 209.065 68.2306 207.55C67.2466 205.824 63.8157 209.885 63.8157 209.885C63.8157 209.885 65.1277 204.145 62.4446 204.145C59.7616 204.145 61.0736 209.885 61.0736 209.885C61.0736 209.885 57.6361 205.824 56.6521 207.55C55.76 209.065 58.6267 212.542 62.4446 212.542Z" fill="#4361EE"/>
+<path d="M73.2359 253.535L73.8525 267.455C76.1222 267.659 83.8565 265.487 87.5629 261.781C90.3509 258.993 89.6227 250.34 88.0746 239.621C86.5264 228.902 83.4367 227.662 80.8586 228.279C80.2576 228.419 79.6995 228.703 79.2317 229.106C77.8606 230.293 77.2637 232.523 77.0406 235.397C76.7323 239.208 78.2805 249.212 77.8672 251.58C77.821 251.877 77.7093 252.16 77.5402 252.409C77.3712 252.657 77.149 252.865 76.8898 253.017C75.7155 253.745 73.8394 253.535 73.2359 253.535Z" fill="#888EA8"/>
+<path d="M51.9026 272.841C51.9026 272.841 62.8841 276.856 74.3247 272.841C74.3247 272.841 73.2423 228.614 71.8516 221.194C70.4609 213.775 67.3121 210.2 62.2674 210.2C61.9409 210.2 61.6147 210.218 61.29 210.252C57.2687 210.679 54.4676 213.762 53.6082 219.633C52.9522 224.133 52.3684 249.015 52.0863 263.1C51.9682 268.879 51.9026 272.841 51.9026 272.841Z" fill="#888EA8"/>
+<path d="M38.6581 247.691C42.371 251.397 50.1053 253.595 52.3685 253.358L52.9851 239.438C52.1389 239.438 48.7605 239.851 48.3472 237.47C47.9339 235.089 49.4821 225.098 49.1737 221.287C48.8654 217.475 47.9405 214.792 45.3558 214.169C45.1402 214.117 44.9209 214.082 44.6998 214.064C42.2661 213.828 39.5568 215.684 38.1398 225.511C37.4884 229.702 37.0505 233.923 36.8278 238.159C36.6442 242.731 37.1034 246.129 38.6581 247.691Z" fill="#888EA8"/>
+<path d="M62.4446 210.2C62.2723 210.194 62.1032 210.247 61.9657 210.351C61.8254 210.449 61.6976 210.563 61.5852 210.692C61.364 210.944 61.1705 211.219 61.0079 211.512C60.701 212.12 60.4485 212.755 60.2535 213.408C59.8625 214.71 59.5557 216.035 59.3351 217.377C58.8891 220.06 58.6398 222.762 58.4495 225.472C58.2593 228.181 58.1806 230.89 58.1281 233.6L57.9772 241.721C57.9182 247.139 57.8329 252.558 57.8001 257.97L57.7607 266.098C57.7607 268.807 57.7607 271.516 57.7935 274.226C57.9051 271.516 57.9772 268.807 58.0691 266.104L58.279 257.976C58.4102 252.564 58.4889 247.146 58.5939 241.734C58.6988 236.322 58.6595 230.897 58.9153 225.498C59.0531 222.795 59.2499 220.099 59.6303 217.423C59.8044 216.084 60.0652 214.758 60.411 213.454C60.5738 212.802 60.7933 212.165 61.067 211.551C61.2064 211.246 61.3803 210.958 61.5852 210.692C61.6863 210.558 61.8055 210.439 61.9395 210.338C62.0844 210.23 62.2648 210.18 62.4446 210.2Z" fill="#1B2E4B"/>
+<path d="M54.4479 273.543C54.5201 270.834 54.5594 268.125 54.6119 265.416L54.73 257.288L54.9334 241.032C54.9596 238.325 55.0033 235.618 55.0646 232.911L55.117 230.877L55.1892 228.857C55.2614 227.505 55.3598 226.154 55.4713 224.803C55.5828 223.451 55.7403 222.113 55.9305 220.775C56.1132 219.438 56.3716 218.113 56.7046 216.806C57.0253 215.495 57.5311 214.235 58.2068 213.067C58.5574 212.49 58.9807 211.961 59.4663 211.492C59.9606 211.031 60.5225 210.649 61.1326 210.357C60.5091 210.63 59.9316 210.997 59.4204 211.446C58.916 211.904 58.4747 212.427 58.1084 213.001C57.3982 214.167 56.857 215.429 56.5012 216.747C55.8036 219.376 55.3361 222.06 55.1039 224.77C54.8284 227.472 54.6404 230.18 54.5398 232.891C54.4392 235.602 54.3736 238.314 54.343 241.025C54.2839 243.735 54.2642 246.444 54.2577 249.153V257.281L54.3299 265.409C54.3561 268.125 54.402 270.834 54.4479 273.543Z" fill="#1B2E4B"/>
+<path d="M62.4445 210.2C62.6149 210.2 62.7797 210.261 62.9102 210.37C63.0426 210.473 63.1616 210.592 63.2645 210.724C63.4694 210.99 63.6433 211.279 63.7827 211.584C64.0535 212.199 64.2729 212.835 64.4387 213.486C64.7823 214.791 65.0409 216.117 65.2128 217.455C65.5933 220.132 65.7966 222.828 65.9278 225.53C66.1902 230.929 66.1705 236.348 66.2493 241.766C66.328 247.185 66.4395 252.597 66.5707 258.009L66.7806 266.137C66.8725 268.84 66.9446 271.549 67.0562 274.258C67.0562 271.549 67.0562 268.84 67.0562 266.13L67.0168 258.002C66.984 252.59 66.8987 247.172 66.8397 241.753L66.6888 233.632C66.6429 230.923 66.5707 228.207 66.3739 225.504C66.1771 222.801 65.9278 220.092 65.4883 217.409C65.2647 216.068 64.958 214.743 64.5699 213.44C64.3692 212.789 64.1169 212.155 63.8155 211.544C63.6592 211.239 63.4676 210.953 63.2448 210.692C63.1347 210.563 63.0091 210.448 62.8709 210.351C62.7475 210.258 62.5987 210.205 62.4445 210.2Z" fill="#1B2E4B"/>
+<path d="M70.4084 273.543C70.4871 270.834 70.5264 268.125 70.5724 265.409L70.6445 257.281V249.153C70.6445 246.446 70.6161 243.737 70.5592 241.025C70.5024 238.314 70.4368 235.603 70.3625 232.891C70.2619 230.184 70.076 227.477 69.8049 224.77C69.5654 222.064 69.0913 219.384 68.3879 216.76C68.0346 215.441 67.4933 214.179 66.7807 213.014C66.4146 212.44 65.9734 211.917 65.4687 211.46C64.9565 211.012 64.3791 210.645 63.7565 210.371C64.3657 210.663 64.9274 211.046 65.4228 211.505C65.9066 211.976 66.3297 212.505 66.6823 213.08C67.3559 214.249 67.8595 215.508 68.178 216.819C68.5141 218.126 68.7725 219.451 68.952 220.788C69.1488 222.1 69.2932 223.471 69.4112 224.816C69.5293 226.161 69.6277 227.518 69.6933 228.87L69.772 230.89L69.818 232.924C69.8836 235.627 69.9295 238.334 69.9557 241.045L70.1263 257.301L70.2444 265.429C70.2903 268.125 70.3362 270.834 70.4084 273.543Z" fill="#1B2E4B"/>
+<path d="M62.4447 274.6C62.5103 271.917 62.5431 269.234 62.5956 266.551L62.6808 258.495C62.7333 253.129 62.7268 247.763 62.753 242.397C62.7792 237.031 62.753 231.658 62.6808 226.292L62.5956 218.243C62.5431 215.56 62.5103 212.877 62.4447 210.187C62.3725 212.877 62.3397 215.56 62.2938 218.243L62.2085 226.292C62.156 231.658 62.156 237.031 62.1364 242.397C62.1167 247.763 62.1363 253.129 62.2085 258.495L62.32 266.551C62.32 269.24 62.3725 271.917 62.4447 274.6Z" fill="#1B2E4B"/>
+<path d="M80.865 228.286C80.5872 228.51 80.3382 228.768 80.1237 229.053C79.9156 229.345 79.7417 229.66 79.6055 229.991C79.3431 230.658 79.1603 231.354 79.061 232.064C78.8766 233.478 78.813 234.904 78.8708 236.328C78.9794 239.165 79.24 241.995 79.6514 244.804C79.8713 246.193 80.0202 247.592 80.0975 248.996C80.1932 250.381 80.0893 251.773 79.7892 253.128C79.6322 253.794 79.3542 254.426 78.9692 254.991C78.7841 255.27 78.5636 255.524 78.3132 255.746C78.0583 255.974 77.7763 256.17 77.4735 256.33C76.8539 256.645 76.1906 256.867 75.5055 256.986C74.8495 257.117 74.1148 257.202 73.4063 257.274C74.1168 257.276 74.8268 257.233 75.5317 257.143C76.2479 257.06 76.9471 256.868 77.6047 256.572C78.276 256.263 78.8599 255.792 79.3037 255.201C79.7428 254.611 80.0677 253.943 80.2615 253.233C80.6184 251.833 80.7622 250.386 80.6879 248.943C80.6226 247.52 80.4847 246.101 80.2746 244.692C80.069 243.297 79.8897 241.898 79.7367 240.494C79.5727 239.097 79.4415 237.686 79.3562 236.282C79.2545 234.882 79.2545 233.477 79.3562 232.077C79.4102 231.38 79.5445 230.691 79.7563 230.024C79.9798 229.363 80.3602 228.767 80.865 228.286Z" fill="#1B2E4B"/>
+<path d="M81.3438 228.155C81.5692 228.208 81.777 228.319 81.9473 228.476C82.1214 228.628 82.2797 228.797 82.4197 228.981C82.7023 229.35 82.9442 229.748 83.1412 230.169C83.5382 231.012 83.8545 231.89 84.0859 232.793C84.5571 234.592 84.9012 236.423 85.1158 238.27C85.5619 241.97 85.9948 245.683 86.1129 249.422C86.1953 251.271 86.1163 253.124 85.8768 254.959C85.7595 255.86 85.5258 256.742 85.1814 257.583C84.8078 258.404 84.28 259.146 83.6267 259.767C82.2804 261.029 80.7271 262.05 79.0347 262.785C77.3359 263.553 75.5586 264.134 73.7342 264.517C75.5935 264.25 77.4146 263.763 79.1593 263.067C80.9298 262.383 82.5613 261.382 83.9744 260.115C84.6963 259.466 85.2808 258.678 85.6931 257.799C86.0723 256.917 86.3326 255.988 86.4672 255.038C86.729 253.169 86.8212 251.281 86.7427 249.396C86.5723 245.66 86.1912 241.937 85.6012 238.244C85.3358 236.383 84.9279 234.545 84.3811 232.747C84.1026 231.84 83.7402 230.962 83.2987 230.123C83.0762 229.707 82.8101 229.315 82.5049 228.955C82.3483 228.779 82.1748 228.618 81.9867 228.476C81.8046 228.314 81.5828 228.203 81.3438 228.155Z" fill="#1B2E4B"/>
+<path d="M45.2639 214.182C45.7683 214.675 46.1463 215.282 46.366 215.953C46.5779 216.62 46.7122 217.309 46.7662 218.006C46.8711 219.406 46.8711 220.811 46.7662 222.211C46.6809 223.615 46.5497 225.019 46.3922 226.423C46.2348 227.826 46.0511 229.224 45.8543 230.621C45.6381 232.029 45.498 233.448 45.4345 234.872C45.3591 236.316 45.5051 237.762 45.8674 239.162C46.0601 239.871 46.3826 240.539 46.8186 241.13C47.0401 241.426 47.298 241.693 47.5862 241.924C47.8725 242.153 48.1852 242.347 48.5177 242.501C49.1755 242.796 49.8746 242.988 50.5906 243.072C51.2955 243.161 52.0055 243.205 52.7161 243.203C52.0141 243.131 51.3057 243.046 50.6169 242.914C49.9327 242.792 49.2699 242.571 48.6489 242.258C48.3461 242.099 48.0641 241.903 47.8092 241.675C47.5602 241.451 47.3399 241.198 47.1532 240.92C46.7702 240.354 46.4945 239.723 46.3398 239.057C46.0364 237.702 45.9325 236.31 46.0314 234.924C46.1065 233.521 46.2532 232.121 46.471 230.733C46.8846 227.923 47.1473 225.094 47.2582 222.257C47.3127 220.833 47.2491 219.407 47.0679 217.993C46.964 217.283 46.7792 216.588 46.5169 215.92C46.3821 215.588 46.2081 215.273 45.9986 214.982C45.7863 214.687 45.5396 214.418 45.2639 214.182Z" fill="#1B2E4B"/>
+<path d="M44.8046 214.057C44.5642 214.093 44.3378 214.193 44.1486 214.346C43.9606 214.488 43.787 214.648 43.6304 214.825C43.3274 215.186 43.0614 215.577 42.8366 215.992C42.3939 216.831 42.0315 217.709 41.7542 218.616C41.2097 220.415 40.804 222.253 40.5406 224.114C39.9507 227.807 39.5696 231.53 39.3992 235.266C39.3152 237.15 39.4052 239.039 39.6682 240.907C39.8083 241.858 40.0707 242.786 40.4488 243.669C40.8581 244.548 41.4404 245.336 42.161 245.985C43.5769 247.252 45.2104 248.252 46.9826 248.937C48.7247 249.633 50.5438 250.12 52.4011 250.386C50.5767 250.003 48.7994 249.422 47.1006 248.655C45.407 247.922 43.8533 246.901 42.5086 245.637C41.8534 245.015 41.3234 244.274 40.9474 243.452C40.6052 242.611 40.3737 241.729 40.2586 240.828C40.0125 238.994 39.9334 237.141 40.0224 235.292C40.1339 231.572 40.5669 227.859 41.013 224.14C41.2339 222.293 41.578 220.463 42.0429 218.662C42.2743 217.76 42.5906 216.881 42.9875 216.038C43.1846 215.618 43.4265 215.22 43.7091 214.851C43.8492 214.667 44.0075 214.498 44.1814 214.346C44.3613 214.198 44.5758 214.099 44.8046 214.057Z" fill="#1B2E4B"/>
+<path d="M70.4084 217.974C70.0861 218.365 69.7965 218.781 69.5425 219.22C69.4048 219.437 69.2933 219.66 69.1686 219.876C69.044 220.093 68.939 220.316 68.8275 220.532L69.3392 220.466C69.1817 220.276 69.0177 220.086 68.8472 219.902C68.6766 219.719 68.5126 219.528 68.3289 219.358C67.9764 218.993 67.5947 218.657 67.1875 218.354C67.4053 218.814 67.6644 219.253 67.9616 219.666C68.0993 219.876 68.2502 220.073 68.4011 220.276C68.552 220.48 68.7094 220.67 68.8669 220.86L69.1752 221.234L69.3851 220.801C69.49 220.571 69.595 220.348 69.6934 220.145C69.7918 219.942 69.8902 219.679 69.9755 219.443C70.1609 218.966 70.3057 218.475 70.4084 217.974Z" fill="#1B2E4B"/>
+<path d="M68.6832 217.252C68.602 217.54 68.5579 217.838 68.552 218.138C68.5398 218.427 68.5508 218.716 68.5848 219.003C68.622 219.289 68.679 219.572 68.7553 219.85C68.8349 220.139 68.9518 220.417 69.103 220.676C69.1867 220.388 69.2329 220.091 69.2408 219.791C69.2506 219.501 69.2374 219.212 69.2014 218.925C69.1667 218.639 69.1097 218.356 69.0309 218.079C68.95 217.79 68.8332 217.512 68.6832 217.252Z" fill="#1B2E4B"/>
+<path d="M59.532 260.574C59.1679 260.925 58.8323 261.305 58.5283 261.709C58.3709 261.906 58.2265 262.116 58.0822 262.313L57.6624 262.969H58.1806C58.0494 262.759 57.9051 262.555 57.7608 262.352C57.6165 262.149 57.4656 261.945 57.3081 261.748C56.9971 261.346 56.655 260.969 56.2848 260.62C56.4556 261.098 56.6618 261.563 56.9014 262.011C57.0129 262.24 57.1507 262.45 57.2688 262.667C57.3869 262.883 57.5312 263.1 57.6624 263.323L57.9248 263.73L58.1872 263.316C58.3184 263.106 58.4496 262.89 58.5742 262.66C58.6989 262.431 58.8235 262.227 58.935 262.004C59.1729 261.545 59.3726 261.066 59.532 260.574Z" fill="#1B2E4B"/>
+<path d="M57.9051 259.656C57.79 259.933 57.7107 260.224 57.6689 260.522C57.6243 260.806 57.6023 261.093 57.6033 261.381C57.6078 261.671 57.6319 261.96 57.6755 262.247C57.7228 262.543 57.8065 262.831 57.9248 263.106C58.0398 262.829 58.1192 262.538 58.1609 262.24C58.2056 261.956 58.2275 261.669 58.2265 261.381C58.2221 261.091 58.1979 260.802 58.1544 260.515C58.107 260.219 58.0233 259.931 57.9051 259.656Z" fill="#1B2E4B"/>
+<path d="M58.8495 208.167C58.673 208.642 58.5369 209.131 58.4428 209.629C58.3904 209.879 58.3576 210.121 58.3116 210.371C58.2657 210.62 58.2395 210.863 58.2132 211.112L58.679 210.882C58.4625 210.758 58.246 210.633 58.023 210.515C57.8 210.397 57.5835 210.279 57.367 210.174C56.911 209.947 56.4371 209.758 55.95 209.61C56.3128 209.966 56.7032 210.293 57.1177 210.587C57.3211 210.738 57.531 210.869 57.7344 211.014L58.3904 211.414L58.8102 211.663L58.8561 211.184C58.8561 210.935 58.9086 210.686 58.9217 210.436C58.9348 210.187 58.9545 209.931 58.9545 209.682C58.9586 209.175 58.9235 208.668 58.8495 208.167Z" fill="#1B2E4B"/>
+<path d="M56.9801 208.062C56.9989 208.361 57.0562 208.656 57.1506 208.941C57.3226 209.492 57.5817 210.013 57.9182 210.482C58.087 210.726 58.2878 210.947 58.5151 211.138C58.5018 210.839 58.4466 210.543 58.3511 210.259C58.1792 209.708 57.9201 209.187 57.5836 208.718C57.4124 208.473 57.2095 208.252 56.9801 208.062Z" fill="#1B2E4B"/>
+<path d="M36.08 234.229C36.0913 234.735 36.1395 235.239 36.2243 235.738C36.2636 235.987 36.3161 236.23 36.362 236.479C36.4079 236.728 36.4736 236.965 36.5326 237.207L36.8868 236.827L36.1456 236.715C35.8963 236.715 35.647 236.65 35.3977 236.637C34.8913 236.594 34.3822 236.594 33.8758 236.637C34.3399 236.842 34.8205 237.009 35.3124 237.135C35.5551 237.207 35.8044 237.253 36.0472 237.319L36.7819 237.463L37.2607 237.548L37.1361 237.083C37.0705 236.84 37.0049 236.597 36.9262 236.361C36.8475 236.125 36.7819 235.882 36.69 235.646C36.5249 235.158 36.3209 234.684 36.08 234.229Z" fill="#1B2E4B"/>
+<path d="M34.3283 234.793C34.4507 235.066 34.6072 235.322 34.7941 235.554C34.9747 235.787 35.172 236.006 35.3845 236.21C35.5887 236.407 35.8081 236.587 36.0405 236.748C36.2903 236.915 36.559 237.051 36.8408 237.155C36.72 236.88 36.5634 236.622 36.3751 236.388C36.1965 236.153 35.999 235.934 35.7846 235.732C35.5819 235.534 35.3624 235.354 35.1286 235.194C34.8802 235.026 34.6112 234.892 34.3283 234.793Z" fill="#1B2E4B"/>
+<path d="M48.2488 229.053C47.8086 229.305 47.3896 229.593 46.9958 229.913C46.799 230.064 46.6088 230.234 46.4186 230.392C46.2283 230.549 46.0446 230.726 45.8609 230.897L46.3661 231.021C46.2873 230.785 46.2021 230.549 46.1102 230.319C46.0184 230.09 45.92 229.854 45.815 229.624C45.6096 229.168 45.3683 228.73 45.0934 228.312C45.143 228.816 45.2307 229.316 45.3558 229.808C45.4149 230.057 45.487 230.293 45.5526 230.536C45.6182 230.779 45.7035 231.015 45.7822 231.251L45.9397 231.71L46.2873 231.376L46.8187 230.844C46.9893 230.661 47.1664 230.483 47.3304 230.287C47.6696 229.901 47.9767 229.489 48.2488 229.053Z" fill="#1B2E4B"/>
+<path d="M46.8908 227.768C46.7146 228.01 46.567 228.272 46.4513 228.548C46.2298 229.084 46.0927 229.65 46.0445 230.228C46.0165 230.525 46.0275 230.825 46.0773 231.12C46.2549 230.878 46.4025 230.616 46.5169 230.339C46.6261 230.073 46.716 229.799 46.7858 229.519C46.8514 229.238 46.8974 228.953 46.9236 228.666C46.9517 228.367 46.9406 228.064 46.8908 227.768Z" fill="#1B2E4B"/>
+<path d="M47.1072 211.984C46.67 212.234 46.2513 212.514 45.8542 212.824C45.6574 212.975 45.4737 213.145 45.2769 213.303C45.0801 213.46 44.903 213.637 44.7193 213.808L45.231 213.932C45.1457 213.696 45.0605 213.46 44.9686 213.231C44.8768 213.001 44.7849 212.765 44.6734 212.535C44.4666 212.08 44.2253 211.642 43.9518 211.223C44.0014 211.728 44.0891 212.228 44.2142 212.719C44.2733 212.968 44.3454 213.204 44.411 213.447C44.4766 213.69 44.5619 213.926 44.6406 214.162L44.7981 214.621L45.1457 214.287C45.3294 214.11 45.5065 213.939 45.6837 213.755C45.8608 213.572 46.0248 213.395 46.1888 213.198C46.5292 212.82 46.8364 212.414 47.1072 211.984Z" fill="#1B2E4B"/>
+<path d="M45.7494 210.705C45.5719 210.947 45.4243 211.209 45.3099 211.486C45.2007 211.752 45.1108 212.026 45.041 212.306C44.9754 212.586 44.9294 212.871 44.9032 213.159C44.8753 213.458 44.8863 213.76 44.936 214.057C45.1147 213.816 45.2623 213.554 45.3755 213.277C45.4877 213.009 45.5777 212.732 45.6445 212.45C45.7106 212.169 45.7566 211.884 45.7823 211.597C45.8103 211.3 45.7993 211 45.7494 210.705Z" fill="#1B2E4B"/>
+<path d="M56.8357 224.461C56.4462 224.785 56.0842 225.14 55.7533 225.524C55.5827 225.708 55.4253 225.904 55.2678 226.095C55.1104 226.285 54.953 226.488 54.8021 226.685L55.3203 226.724C55.2022 226.501 55.0776 226.283 54.9464 226.068C54.8087 225.858 54.684 225.642 54.5397 225.412C54.2572 224.988 53.9413 224.586 53.5951 224.212C53.7282 224.702 53.9016 225.18 54.1133 225.642C54.2117 225.878 54.3298 226.095 54.4347 226.298C54.5397 226.501 54.6643 226.744 54.7824 226.954L55.0186 227.38L55.3006 226.987C55.4493 226.79 55.5937 226.587 55.7336 226.377C55.8714 226.167 56.0157 225.963 56.1403 225.721C56.4066 225.321 56.6392 224.9 56.8357 224.461Z" fill="#1B2E4B"/>
+<path d="M55.281 223.432C55.1421 223.696 55.0405 223.979 54.9792 224.271C54.9153 224.554 54.8736 224.841 54.8546 225.131C54.8316 225.419 54.8316 225.708 54.8546 225.997C54.8753 226.294 54.9371 226.588 55.0383 226.869C55.1772 226.604 55.2787 226.322 55.34 226.029C55.4051 225.747 55.4446 225.459 55.4581 225.17C55.4811 224.882 55.4811 224.592 55.4581 224.304C55.4331 224.007 55.3737 223.715 55.281 223.432Z" fill="#1B2E4B"/>
+<path d="M75.512 230.241C75.0053 230.283 74.503 230.367 74.0097 230.49C73.767 230.543 73.5243 230.615 73.2881 230.68C73.052 230.746 72.8092 230.825 72.5665 230.903L72.9732 231.231C72.9995 230.982 73.0192 230.733 73.0323 230.484C73.0323 230.228 73.0651 229.979 73.0323 229.729C73.0462 229.223 73.0177 228.716 72.947 228.214C72.7777 228.69 72.6461 229.18 72.5534 229.677C72.5009 229.926 72.4681 230.175 72.4288 230.418C72.3894 230.661 72.3632 230.917 72.3304 231.166L72.2845 231.645L72.7371 231.487L73.4456 231.231C73.6752 231.14 73.9113 231.054 74.1409 230.943C74.6177 230.75 75.0765 230.515 75.512 230.241Z" fill="#1B2E4B"/>
+<path d="M74.8232 228.502C74.558 228.644 74.313 228.82 74.0951 229.027C73.8805 229.229 73.683 229.449 73.5047 229.683C73.32 229.907 73.1553 230.146 73.0127 230.398C72.8627 230.658 72.7459 230.936 72.665 231.225C72.9303 231.084 73.1752 230.907 73.3932 230.7C73.6078 230.498 73.8052 230.279 73.9836 230.044C74.1648 229.819 74.3271 229.58 74.469 229.329C74.6226 229.07 74.7417 228.792 74.8232 228.502Z" fill="#1B2E4B"/>
+<path d="M90.8691 241.255C90.3645 241.3 89.8643 241.385 89.3735 241.511C89.1242 241.563 88.888 241.636 88.6453 241.701C88.4026 241.767 88.1664 241.845 87.9303 241.924L88.3304 242.246C88.3304 241.996 88.3829 241.747 88.396 241.498C88.4091 241.249 88.396 240.999 88.396 240.75C88.4077 240.241 88.3769 239.732 88.3042 239.228C88.1356 239.707 88.0041 240.198 87.9106 240.697C87.8581 240.947 87.8253 241.189 87.786 241.439C87.7466 241.688 87.7203 241.937 87.6941 242.187L87.6416 242.665L88.1008 242.508C88.337 242.429 88.5731 242.344 88.8027 242.252C89.0323 242.16 89.2685 242.069 89.4981 241.964C89.9737 241.765 90.4323 241.528 90.8691 241.255Z" fill="#1B2E4B"/>
+<path d="M90.1802 239.523C89.9165 239.664 89.6719 239.838 89.452 240.041C89.0271 240.435 88.6643 240.89 88.3762 241.393C88.2209 241.647 88.1037 241.924 88.0285 242.213C88.2901 242.068 88.5344 241.894 88.7566 241.694C88.9688 241.492 89.1641 241.273 89.3405 241.038C89.5252 240.815 89.6898 240.576 89.8325 240.323C89.9798 240.071 90.0965 239.803 90.1802 239.523Z" fill="#1B2E4B"/>
+<path d="M64.0649 234.636C63.699 234.987 63.3612 235.366 63.0547 235.771C62.8907 235.967 62.7529 236.171 62.6021 236.374C62.4512 236.577 62.32 236.787 62.1822 237.03H62.7005C62.5693 236.82 62.4315 236.61 62.2806 236.374C62.1297 236.138 61.992 235.961 61.8345 235.771C61.5276 235.365 61.1875 234.985 60.8177 234.636C60.9848 235.117 61.1888 235.584 61.4278 236.033C61.5393 236.256 61.6705 236.466 61.7886 236.689C61.9067 236.912 62.051 237.115 62.1822 237.345L62.4446 237.758L62.7005 237.345C62.8382 237.135 62.9694 236.925 63.0941 236.689C63.2187 236.453 63.3433 236.256 63.4549 236.033C63.6981 235.586 63.9022 235.118 64.0649 234.636Z" fill="#1B2E4B"/>
+<path d="M62.4446 233.711C62.3243 233.987 62.2426 234.278 62.2018 234.577C62.1569 234.861 62.135 235.148 62.1362 235.436C62.1352 235.726 62.1572 236.016 62.2018 236.302C62.2438 236.598 62.3254 236.887 62.4446 237.162C62.5607 236.886 62.6423 236.598 62.6873 236.302C62.7319 236.016 62.7539 235.726 62.7529 235.436C62.7541 235.148 62.7322 234.861 62.6873 234.577C62.6401 234.28 62.5587 233.989 62.4446 233.711Z" fill="#1B2E4B"/>
+<path d="M81.0486 263.336C80.5538 263.23 80.0516 263.162 79.5464 263.133C79.2905 263.133 79.0412 263.133 78.7919 263.1H78.0638L78.3524 263.533C78.4508 263.303 78.5492 263.073 78.6345 262.837C78.7198 262.601 78.8116 262.365 78.8772 262.129C79.0434 261.649 79.1663 261.155 79.2446 260.653C78.9377 261.066 78.6677 261.505 78.4377 261.965C78.3131 262.181 78.2081 262.411 78.0966 262.621C77.9851 262.831 77.8867 263.073 77.7883 263.277L77.5915 263.723H78.0769L78.8248 263.684C79.074 263.684 79.3233 263.651 79.5726 263.618C80.0714 263.564 80.5651 263.47 81.0486 263.336Z" fill="#1B2E4B"/>
+<path d="M80.9043 261.479C80.611 261.539 80.3266 261.636 80.0581 261.768C79.7947 261.888 79.5423 262.031 79.3037 262.195C79.0724 262.358 78.8532 262.538 78.6477 262.732C78.4264 262.936 78.2324 263.168 78.0704 263.421C78.3637 263.362 78.6481 263.265 78.9166 263.133C79.1813 263.015 79.434 262.872 79.671 262.706C79.9023 262.543 80.1215 262.363 80.327 262.168C80.5483 261.964 80.7423 261.733 80.9043 261.479Z" fill="#1B2E4B"/>
+<path d="M80.865 236.886C80.4952 237.235 80.1551 237.615 79.8482 238.021C79.6908 238.211 79.5464 238.421 79.4021 238.624C79.2578 238.827 79.1135 239.037 78.9823 239.241H79.5005C79.3628 239.031 79.225 238.827 79.0807 238.624C78.9363 238.421 78.792 238.211 78.628 238.021C78.3215 237.616 77.9837 237.237 77.6178 236.886C77.7786 237.366 77.9806 237.831 78.2213 238.276C78.3328 238.506 78.464 238.716 78.5887 238.932C78.7133 239.149 78.8445 239.359 78.9757 239.588L79.2381 240.002L79.5005 239.588C79.6317 239.379 79.7629 239.169 79.8876 238.932C80.0122 238.696 80.1434 238.499 80.2549 238.276C80.4951 237.83 80.6991 237.365 80.865 236.886Z" fill="#1B2E4B"/>
+<path d="M79.2383 235.961C79.1212 236.238 79.0396 236.529 78.9955 236.827C78.9506 237.111 78.9287 237.398 78.9299 237.686C78.9289 237.976 78.9509 238.266 78.9955 238.552C79.0406 238.848 79.1221 239.136 79.2383 239.412C79.3574 239.137 79.4391 238.848 79.481 238.552C79.5256 238.266 79.5476 237.976 79.5466 237.686C79.5478 237.398 79.5259 237.111 79.481 236.827C79.4402 236.528 79.3585 236.237 79.2383 235.961Z" fill="#1B2E4B"/>
+<path d="M44.3783 244.83C44.3261 245.336 44.3129 245.844 44.3389 246.352C44.3389 246.601 44.3717 246.851 44.3848 247.1C44.398 247.349 44.4373 247.598 44.4701 247.848L44.8637 247.513C44.6276 247.441 44.3848 247.369 44.1421 247.31C43.8994 247.251 43.6567 247.185 43.4074 247.139C42.9124 247.034 42.4102 246.966 41.9052 246.936C42.3416 247.191 42.7979 247.41 43.2696 247.592C43.4992 247.69 43.742 247.769 43.9716 247.854C44.2012 247.94 44.4504 248.018 44.6866 248.09L45.1523 248.235L45.0802 247.756C45.0474 247.507 45.0146 247.257 44.9687 247.015C44.9227 246.772 44.8768 246.516 44.8178 246.273C44.7078 245.782 44.5609 245.299 44.3783 244.83Z" fill="#1B2E4B"/>
+<path d="M42.5416 245.178C42.6274 245.465 42.7532 245.739 42.9155 245.991C43.065 246.238 43.2339 246.473 43.4206 246.693C43.6089 246.913 43.8128 247.119 44.0307 247.31C44.2583 247.506 44.5095 247.674 44.7786 247.808C44.686 247.524 44.5605 247.251 44.4046 246.995C44.2551 246.746 44.0839 246.511 43.893 246.293C43.708 246.072 43.5039 245.868 43.2829 245.683C43.0584 245.484 42.8092 245.314 42.5416 245.178Z" fill="#1B2E4B"/>
+<path d="M68.5586 252.571C68.1927 252.92 67.855 253.297 67.5483 253.699C67.3843 253.896 67.2466 254.106 67.0957 254.303C66.9448 254.499 66.8136 254.716 66.6759 254.926H67.1941C67.0629 254.716 66.9186 254.506 66.7743 254.303C66.63 254.099 66.4856 253.896 66.3282 253.699C66.0212 253.295 65.6811 252.918 65.3114 252.571C65.4786 253.049 65.6826 253.514 65.9215 253.962C66.033 254.191 66.1642 254.401 66.2823 254.618C66.4004 254.834 66.5447 255.044 66.6759 255.274L66.9383 255.68L67.1941 255.274C67.3319 255.064 67.4631 254.854 67.5877 254.618C67.7123 254.381 67.837 254.185 67.9485 253.962C68.1902 253.516 68.3943 253.051 68.5586 252.571Z" fill="#1B2E4B"/>
+<path d="M66.9119 251.646C66.7922 251.92 66.7105 252.209 66.6691 252.505C66.6245 252.792 66.6025 253.081 66.6035 253.371C66.5993 253.659 66.6212 253.947 66.6691 254.231C66.7099 254.529 66.7916 254.82 66.9119 255.097C67.026 254.818 67.1074 254.528 67.1546 254.231C67.1992 253.946 67.2212 253.659 67.2202 253.371C67.2212 253.081 67.1992 252.792 67.1546 252.505C67.1074 252.21 67.0259 251.922 66.9119 251.646Z" fill="#1B2E4B"/>
+<path d="M88.0679 250.872C87.6981 251.222 87.358 251.601 87.0511 252.007C86.8936 252.197 86.7493 252.407 86.5984 252.604C86.4476 252.801 86.3163 253.017 86.1786 253.227H86.7034C86.5656 253.017 86.4279 252.807 86.2836 252.604C86.1392 252.401 85.9949 252.197 85.8309 252C85.5243 251.598 85.1865 251.221 84.8207 250.872C84.9827 251.352 85.1846 251.817 85.4242 252.263C85.5357 252.492 85.6669 252.702 85.7916 252.919C85.9162 253.135 86.0474 253.345 86.1786 253.575L86.441 253.988L86.7034 253.575C86.8346 253.365 86.9658 253.155 87.0904 252.919C87.2151 252.683 87.3463 252.486 87.4578 252.263C87.6967 251.816 87.9006 251.351 88.0679 250.872Z" fill="#1B2E4B"/>
+<path d="M86.4409 249.921C86.3247 250.196 86.2432 250.485 86.1982 250.78C86.1535 251.067 86.1316 251.356 86.1326 251.646C86.1316 251.934 86.1535 252.221 86.1982 252.506C86.239 252.804 86.3206 253.095 86.4409 253.371C86.5612 253.095 86.6429 252.804 86.6837 252.506C86.7283 252.221 86.7502 251.934 86.7492 251.646C86.7502 251.356 86.7283 251.067 86.6837 250.78C86.6386 250.485 86.5571 250.196 86.4409 249.921Z" fill="#1B2E4B"/>
+<path d="M85.7916 233.468C85.7916 233.468 91.6956 233.468 90.9609 230.929C90.7116 230.044 88.3369 230.47 86.9789 231.894C87.9695 230.182 87.7333 227.794 86.8149 227.8C84.1844 227.813 85.7916 233.468 85.7916 233.468Z" fill="#4361EE"/>
+<path opacity="0.2" d="M85.7916 233.468C85.7916 233.468 91.6956 233.468 90.9609 230.929C90.7116 230.044 88.3369 230.47 86.9789 231.894C87.9695 230.182 87.7333 227.794 86.8149 227.8C84.1844 227.813 85.7916 233.468 85.7916 233.468Z" fill="black"/>
+<path d="M85.7916 233.468C88.0482 235.174 91.2823 234.38 91.4463 233.094C91.6365 231.638 87.7924 232.51 87.7924 232.51C87.7924 232.51 91.1117 229.683 89.5439 228.496C87.9761 227.308 86.1655 231.284 86.1655 231.284C86.1655 231.284 85.949 227.348 84.5976 227.925C83.4103 228.437 83.5349 231.763 85.7916 233.468Z" fill="#4361EE"/>
+<path d="M40.9736 218.203C40.9736 218.203 44.0699 213.211 41.5377 212.469C40.6587 212.214 39.7731 214.437 40.2585 216.366C39.327 214.621 37.1753 213.565 36.6965 214.346C35.3189 216.589 40.9736 218.203 40.9736 218.203Z" fill="#4361EE"/>
+<path opacity="0.2" d="M40.9736 218.203C40.9736 218.203 44.0699 213.211 41.5377 212.469C40.6587 212.214 39.7731 214.437 40.2585 216.366C39.327 214.621 37.1753 213.565 36.6965 214.346C35.3189 216.589 40.9736 218.203 40.9736 218.203Z" fill="black"/>
+<path d="M40.9738 218.203C43.5978 217.18 44.6408 214.018 43.6371 213.198C42.4957 212.273 41.2099 215.999 41.2099 215.999C41.2099 215.999 40.5539 211.689 38.7237 212.398C36.8934 213.106 39.3141 216.734 39.3141 216.734C39.3141 216.734 35.8504 214.838 35.6339 216.294C35.424 217.573 38.3301 219.22 40.9738 218.203Z" fill="#4361EE"/>
+<path d="M79.999 273.471H48.1305L51.3384 300.118H76.7912L79.999 273.471Z" fill="#4361EE"/>
+<path opacity="0.1" d="M79.999 273.471L79.2774 279.48L48.675 278.011L48.1305 273.471H79.999Z" fill="black"/>
+<path d="M46.13 270.106H82.0066V274.869H46.13V270.106Z" fill="#4361EE"/>
+<path d="M129.796 130.457C129.762 130.634 129.793 130.818 129.885 130.974C129.977 131.13 130.123 131.247 130.295 131.303C131.134 131.473 132.145 131.657 133.273 131.873C136.848 125.195 140.456 119.987 139.42 122.066C137.84 125.34 136.759 128.831 136.212 132.425C137.524 132.667 140.581 133.199 142.116 133.468C145.999 121.404 150.152 112.62 149.614 115.421C147.43 126.73 147.646 130.509 147.941 134.497C162.196 136.971 180.912 140.001 194.517 141.904C196.944 135.272 199.247 128.049 199.424 128.593C200.795 132.693 200.592 138.355 200.08 142.671C204.41 143.249 207.873 143.629 210.005 143.754C210.005 143.754 211.737 138.138 212.118 136.262C213.115 131.463 213.213 126.521 212.406 121.686C211.567 116.713 209.612 112.174 207.814 107.542C207.804 107.505 207.789 107.47 207.768 107.437C207.768 107.437 207.768 107.437 207.768 107.398C206.55 104.386 205.695 101.239 205.223 98.0239C205.219 98.0001 205.219 97.9756 205.223 97.9517C204.93 95.6374 204.844 93.3015 204.967 90.9719C205.394 82.4439 201.556 74.5719 193.907 71.3312C180.708 55.3445 164.964 59.3855 159.074 69.6257C158.503 70.6293 157.932 71.7839 157.355 73.05V73.0893C155.21 77.7732 153.045 83.9265 151.162 88.6562C151.162 88.6562 151.162 88.6562 151.162 88.7087C150.447 90.5682 149.615 92.3802 148.669 94.1338C143.71 102.504 134.434 106.414 129.796 130.457Z" fill="#0E1726"/>
+<path d="M197.056 74.0995C201.917 77.4648 204.606 81.8337 204.639 88.092C204.639 91.7393 204.455 95.2752 205.413 98.8372C206.391 102.511 208.286 105.66 210.241 108.822C213.344 113.833 215.338 118.662 215.155 124.802C214.965 131.014 213.758 138.217 210.97 143.681C210.97 143.714 210.904 143.681 210.924 143.681C213.331 138.086 214.381 130.056 214.112 123.844C213.817 117.015 210.563 112.338 207.329 106.788C204.732 102.438 203.361 97.4675 203.36 92.4019C203.36 89.3056 203.799 86.1436 202.934 83.126C201.904 79.518 199.26 76.9728 196.61 74.6768C196.546 74.6138 196.507 74.5294 196.501 74.4397C196.495 74.3501 196.522 74.2612 196.576 74.1901C196.631 74.119 196.711 74.0705 196.799 74.0538C196.887 74.0371 196.979 74.0533 197.056 74.0995Z" fill="#0E1726"/>
+<path d="M138.692 102.511C142.962 98.1944 147.298 94.5995 150.191 88.9382C152.815 83.7755 154.665 78.2061 157.342 73.0565C157.343 73.0453 157.348 73.0347 157.354 73.0254C157.361 73.0161 157.369 73.0085 157.379 73.0032C157.389 72.9979 157.4 72.9949 157.411 72.9947C157.423 72.9944 157.434 72.9967 157.444 73.0016C157.454 73.0064 157.463 73.0136 157.47 73.0225C157.477 73.0314 157.482 73.0418 157.484 73.0529C157.486 73.064 157.486 73.0754 157.483 73.0863C157.48 73.0972 157.474 73.1072 157.466 73.1155C153.189 82.2995 151.379 91.9165 144.176 99.2046C140.24 103.141 136.383 106.795 133.503 111.767C130.559 116.991 128.637 122.729 127.841 128.672C127.809 128.889 127.54 128.836 127.546 128.633C127.851 118.835 131.829 109.51 138.692 102.511Z" fill="#0E1726"/>
+<path d="M194.005 70.5442C192.005 69.5011 191.48 57.5291 199.909 52.9109C208.188 48.3648 217.385 55.9088 212.045 64.9944C208.608 70.7344 198.237 72.7549 194.005 70.5442Z" fill="#0E1726"/>
+<path d="M210.74 53.5669C212.783 55.7552 214.023 58.5723 214.256 61.557C214.393 62.9486 214.162 64.3517 213.586 65.626C213.011 66.9003 212.111 68.0013 210.976 68.8189C208.707 70.5376 205.774 71.2986 202.848 71.6003C201.362 71.7348 199.867 71.7348 198.381 71.6003C196.87 71.5267 195.386 71.1707 194.006 70.5507C195.268 71.4729 196.717 72.1087 198.25 72.4138C199.779 72.7663 201.345 72.9359 202.914 72.9189C206.146 72.9722 209.314 72.0134 211.973 70.1768C213.336 69.2056 214.396 67.8681 215.03 66.3193C215.664 64.7705 215.846 63.0738 215.555 61.4258C215.329 59.8573 214.785 58.3515 213.957 57.0003C213.129 55.649 212.035 54.4808 210.74 53.5669Z" fill="#0E1726"/>
+<path d="M157.899 138.985C130.708 159.255 93.4143 204.932 97.3831 215.96C101.805 228.234 139.702 199.783 139.872 197.808C140.003 196.319 156.194 167.586 168.336 146.739C180.479 125.891 164.623 133.973 157.899 138.985Z" fill="#EB9481"/>
+<path d="M140.089 197.88C141.584 194.771 163.423 156.952 169.851 144.921C176.28 132.89 172.725 128.324 158.096 138.04C143.467 147.755 109.48 182.353 99.9153 202.02C90.6985 220.971 100.945 222.539 115.856 215.428C128.104 209.59 140.089 197.88 140.089 197.88Z" fill="#4361EE"/>
+<path d="M159.644 138.539C159.644 139.133 159.82 139.714 160.15 140.208C160.481 140.702 160.95 141.087 161.499 141.314C162.048 141.542 162.652 141.601 163.235 141.485C163.818 141.369 164.353 141.083 164.773 140.663C165.193 140.243 165.479 139.708 165.595 139.125C165.711 138.542 165.652 137.938 165.424 137.389C165.197 136.84 164.812 136.371 164.318 136.041C163.824 135.71 163.243 135.534 162.649 135.534C162.457 135.535 162.266 135.552 162.078 135.587C161.527 135.882 160.969 136.243 160.379 136.584C159.905 137.125 159.644 137.82 159.644 138.539ZM141.125 169.567C141.72 169.567 142.301 169.744 142.795 170.074C143.289 170.405 143.674 170.874 143.902 171.424C144.129 171.973 144.188 172.578 144.071 173.161C143.955 173.743 143.668 174.279 143.247 174.699C142.827 175.119 142.291 175.404 141.707 175.519C141.124 175.635 140.52 175.574 139.971 175.346C139.422 175.117 138.953 174.731 138.624 174.236C138.295 173.741 138.119 173.16 138.121 172.565C138.122 171.77 138.44 171.007 139.003 170.445C139.566 169.883 140.33 169.567 141.125 169.567ZM122.39 171.47C122.53 171.818 122.601 172.19 122.6 172.565C122.6 173.361 122.284 174.124 121.722 174.688C121.16 175.251 120.398 175.568 119.602 175.57C119.356 175.57 119.112 175.539 118.874 175.478C120.02 174.135 121.192 172.808 122.39 171.496V171.47ZM151.91 152.984C152.504 152.984 153.085 153.16 153.579 153.49C154.073 153.82 154.458 154.29 154.686 154.839C154.913 155.387 154.973 155.992 154.857 156.574C154.741 157.157 154.455 157.693 154.034 158.113C153.614 158.533 153.079 158.819 152.496 158.935C151.913 159.051 151.309 158.991 150.76 158.764C150.211 158.537 149.742 158.152 149.412 157.657C149.082 157.163 148.905 156.582 148.905 155.988C148.905 155.196 149.218 154.436 149.776 153.873C150.334 153.31 151.091 152.991 151.884 152.984H151.91ZM119.628 203.601C120.223 203.601 120.804 203.777 121.298 204.108C121.792 204.438 122.177 204.908 122.405 205.457C122.632 206.006 122.691 206.611 122.574 207.194C122.458 207.777 122.171 208.312 121.75 208.732C121.329 209.152 120.793 209.438 120.21 209.553C119.627 209.668 119.023 209.608 118.474 209.379C117.925 209.151 117.456 208.765 117.127 208.27C116.797 207.775 116.622 207.193 116.624 206.599C116.624 205.807 116.937 205.047 117.495 204.486C118.053 203.924 118.81 203.606 119.602 203.601H119.628ZM99.1347 203.791C99.7954 204.034 100.35 204.501 100.7 205.111C101.051 205.721 101.176 206.435 101.053 207.128C100.931 207.821 100.568 208.449 100.029 208.902C99.4897 209.354 98.8086 209.602 98.1048 209.603C97.7554 209.604 97.4088 209.541 97.0814 209.419C97.6045 207.492 98.2824 205.61 99.1084 203.791H99.1347ZM130.387 187.017C130.981 187.017 131.562 187.193 132.056 187.523C132.55 187.854 132.935 188.323 133.162 188.872C133.39 189.421 133.449 190.025 133.333 190.608C133.217 191.19 132.931 191.726 132.511 192.146C132.091 192.566 131.555 192.852 130.973 192.968C130.39 193.084 129.786 193.025 129.237 192.797C128.688 192.57 128.219 192.185 127.888 191.691C127.558 191.197 127.382 190.616 127.382 190.022C127.382 189.229 127.695 188.469 128.253 187.906C128.811 187.344 129.568 187.024 130.36 187.017H130.387ZM109.506 187.083C109.993 187.189 110.446 187.416 110.823 187.741C111.201 188.066 111.492 188.48 111.67 188.946C111.847 189.412 111.907 189.914 111.842 190.408C111.777 190.903 111.59 191.373 111.298 191.777C111.006 192.181 110.618 192.506 110.17 192.723C109.721 192.94 109.225 193.041 108.727 193.019C108.229 192.996 107.745 192.85 107.317 192.594C106.89 192.337 106.533 191.979 106.279 191.55C107.263 190.094 108.345 188.598 109.48 187.083H109.506Z" fill="#6B7280"/>
+<path opacity="0.1" d="M96.911 216.209C98.82 220.939 106.41 219.922 115.889 215.408C128.097 209.59 140.089 197.88 140.089 197.88C141.591 194.771 163.423 156.952 169.852 144.921C174.444 136.328 173.952 131.545 167.962 133.041L96.911 216.209Z" fill="black"/>
+<path d="M115.285 300.118H178.157C180.892 289.386 185.097 272.868 188.764 258.482C188.762 258.471 188.762 258.46 188.764 258.449C188.987 257.57 189.217 256.691 189.42 255.825C189.564 255.287 189.696 254.756 189.827 254.237C193.356 240.402 196.137 229.467 196.203 229.217C196.269 228.968 196.275 228.942 196.295 228.85C196.316 228.781 196.334 228.711 196.347 228.64H135.661L115.285 300.118Z" fill="#1B2E4B"/>
+<path d="M137.622 228.621C137.622 228.66 137.622 228.732 137.622 228.83C137.622 229.545 137.622 230.254 137.622 230.969C137.622 232.786 137.734 234.61 137.852 236.427C138.33 243.535 139.259 250.606 140.633 257.596C142.408 266.814 144.761 275.911 147.679 284.833C147.935 285.607 148.085 286.04 148.105 286.086L152.946 288.481L153.333 288.677C156.489 290.239 160.379 292.174 162.918 293.44C164.269 294.096 165.24 294.594 165.509 294.752L165.588 294.791C165.588 294.791 165.693 296.95 165.83 300.105H231.424C230.112 288.986 229.935 287.523 229.935 287.523C230.322 285.378 232.034 279.841 231.424 273.425C230.072 259.302 221.413 230.949 220.626 229.263C220.442 228.85 220.337 228.607 220.337 228.607H203.754H164.459H137.622V228.621Z" fill="#1B2E4B"/>
+<path d="M165.542 294.62V294.765C165.542 296.549 165.594 298.34 165.62 300.118H166.276C166.132 298.333 166.014 296.529 165.804 294.738C165.804 294.574 165.771 294.424 165.752 294.26C165.746 294.237 165.733 294.217 165.714 294.203C165.696 294.188 165.673 294.181 165.65 294.181C165.627 294.181 165.604 294.188 165.586 294.203C165.567 294.217 165.554 294.237 165.548 294.26C165.548 294.384 165.542 294.502 165.542 294.62Z" fill="#0E1726"/>
+<path d="M173.407 298.058C170.619 296.129 167.608 294.502 164.656 292.81C161.704 291.117 158.575 289.471 155.433 288.008C149.299 285.148 142.818 283.088 136.363 281.081C136.199 281.035 136.094 281.297 136.251 281.369C142.47 284.039 148.499 287.103 154.685 289.845C157.794 291.222 160.93 292.547 164.046 293.918C167.162 295.29 170.199 296.844 173.335 298.156C173.347 298.157 173.359 298.155 173.37 298.15C173.381 298.145 173.391 298.137 173.398 298.127C173.405 298.117 173.41 298.106 173.412 298.094C173.413 298.081 173.412 298.069 173.407 298.058Z" fill="#0E1726"/>
+<path d="M156.391 267.626C156.312 264.576 156.095 261.526 155.944 258.482C155.59 251.266 155.288 244.05 154.632 236.886C154.632 236.827 154.609 236.77 154.567 236.728C154.525 236.687 154.469 236.663 154.409 236.663C154.35 236.663 154.294 236.687 154.252 236.728C154.21 236.77 154.186 236.827 154.186 236.886C154.095 242.449 154.311 248.038 154.423 253.588C154.482 256.376 154.56 259.157 154.639 261.939C154.791 264.595 154.808 267.258 154.692 269.916C154.541 271.923 154.101 275.82 151.484 276.063C149.017 276.292 147.666 273.629 147.049 271.68C145.488 266.728 144.93 261.375 144.425 256.225C144.123 253.175 143.822 250.137 143.644 247.074C143.467 244.01 143.218 239.431 143.382 236.348C143.382 236.151 143.107 236.158 143.074 236.348C142.588 238.972 142.569 244.358 142.634 247.5C143.238 275.879 147.712 277.499 150.08 277.958C150.37 278.015 150.664 278.045 150.959 278.05C150.959 278.706 151.07 279.362 151.116 279.979C151.188 280.989 151.313 281.993 151.451 282.996C151.591 283.98 151.797 284.953 152.068 285.909C152.277 286.879 152.622 287.816 153.091 288.691C153.107 288.72 153.133 288.743 153.165 288.756C153.196 288.768 153.23 288.771 153.263 288.761C153.295 288.752 153.324 288.733 153.344 288.706C153.364 288.678 153.374 288.645 153.373 288.612C153.396 287.648 153.317 286.685 153.137 285.739C152.999 284.755 152.861 283.771 152.658 282.8C152.455 281.829 152.291 280.891 152.094 279.939C151.963 279.283 151.871 278.627 151.753 277.971C152.516 277.837 153.235 277.516 153.844 277.037C154.453 276.557 154.933 275.934 155.243 275.223C156.364 272.94 156.456 270.172 156.391 267.626Z" fill="#0E1726"/>
+<path d="M213.699 262.241C209.763 262.516 205.827 263.028 201.851 262.555C198.114 262.169 194.552 260.77 191.552 258.508C184.992 253.444 182.158 245.152 180.4 237.372C180.394 237.335 180.374 237.302 180.343 237.281C180.313 237.259 180.276 237.251 180.239 237.257C180.203 237.263 180.17 237.283 180.149 237.313C180.127 237.344 180.118 237.381 180.125 237.417C180.866 244.161 182.316 251.134 186.685 256.566C188.559 258.953 190.93 260.904 193.632 262.286C196.504 263.623 199.649 264.272 202.816 264.182C206.513 264.14 210.191 263.635 213.764 262.68C213.811 262.66 213.85 262.625 213.875 262.581C213.899 262.537 213.909 262.485 213.901 262.435C213.894 262.385 213.87 262.338 213.833 262.303C213.796 262.268 213.749 262.246 213.699 262.241Z" fill="#0E1726"/>
+<path d="M127.264 260.666C128.366 260.541 129.449 260.633 130.544 259.82C131.64 259.006 132.617 257.543 133.496 255.136C135.398 249.888 136.337 242.016 136.96 234.748C136.96 234.584 137.045 234.59 137.038 234.748C136.717 240.98 136.199 247.494 134.893 252.873C134.443 254.912 133.76 256.893 132.86 258.777C132.046 260.338 131.141 261.086 130.236 261.401C129.735 261.563 129.206 261.62 128.682 261.568C128.158 261.516 127.651 261.356 127.192 261.099C127.146 261.053 127.166 260.712 127.264 260.666Z" fill="#0E1726"/>
+<path d="M214.401 230.582C216.533 242.239 219.052 254.06 221.38 265.691C221.977 269.168 223.014 272.599 222.804 276.141C222.504 279.712 221.941 283.255 221.118 286.742C221.492 288.986 221.859 291.229 222.259 293.473C222.66 295.716 223.034 297.907 223.46 300.118C223.257 297.874 223.001 295.637 222.758 293.4C222.515 291.163 222.253 288.927 221.991 286.69C222.967 283.259 223.626 279.745 223.959 276.194C224.078 274.964 224.049 273.724 223.873 272.5C223.165 267.725 222.168 263.067 221.171 258.39C219.137 249.055 216.9 239.766 214.368 230.556L214.401 230.582Z" fill="#0E1726"/>
+<path d="M134.716 229.539L139.203 201.298C139.203 201.298 130.393 190.231 136.172 178.108C139.092 171.962 156.587 141.504 167.195 133.986C177.146 126.927 193.172 132.018 197.594 139.66C208.746 158.94 215.115 181.874 221.564 229.532L134.716 229.539Z" fill="#4361EE"/>
+<path d="M181.168 138.539C181.168 139.133 181.344 139.714 181.674 140.208C182.004 140.702 182.473 141.087 183.022 141.314C183.571 141.542 184.175 141.601 184.758 141.485C185.341 141.369 185.876 141.083 186.297 140.663C186.717 140.243 187.003 139.708 187.119 139.125C187.235 138.542 187.175 137.938 186.948 137.389C186.721 136.84 186.335 136.371 185.841 136.041C185.347 135.71 184.766 135.534 184.172 135.534C183.375 135.534 182.611 135.851 182.048 136.414C181.484 136.978 181.168 137.742 181.168 138.539ZM164.532 136.203C164.849 136.464 165.11 136.786 165.298 137.151C165.486 137.517 165.597 137.917 165.624 138.326C165.651 138.736 165.593 139.147 165.454 139.534C165.316 139.921 165.099 140.275 164.818 140.574C164.537 140.874 164.198 141.112 163.821 141.275C163.444 141.438 163.037 141.521 162.626 141.521C162.216 141.52 161.809 141.435 161.433 141.27C161.057 141.106 160.718 140.866 160.438 140.566C161.721 139.037 163.088 137.581 164.532 136.203ZM205.696 169.567C206.29 169.567 206.871 169.744 207.365 170.074C207.86 170.405 208.245 170.874 208.472 171.424C208.699 171.973 208.758 172.578 208.642 173.161C208.525 173.743 208.239 174.279 207.818 174.699C207.397 175.119 206.861 175.404 206.278 175.519C205.694 175.635 205.09 175.574 204.541 175.346C203.992 175.117 203.524 174.731 203.194 174.236C202.865 173.741 202.69 173.16 202.691 172.565C202.693 171.77 203.01 171.007 203.573 170.445C204.137 169.883 204.9 169.567 205.696 169.567ZM184.172 169.567C184.767 169.567 185.348 169.744 185.842 170.074C186.336 170.405 186.721 170.874 186.949 171.424C187.176 171.973 187.235 172.578 187.118 173.161C187.002 173.743 186.715 174.279 186.294 174.699C185.873 175.119 185.338 175.404 184.754 175.519C184.171 175.635 183.567 175.574 183.018 175.346C182.469 175.117 182 174.731 181.671 174.236C181.341 173.741 181.166 173.16 181.168 172.565C181.168 172.171 181.245 171.781 181.397 171.417C181.548 171.052 181.769 170.722 182.048 170.443C182.327 170.165 182.658 169.944 183.023 169.794C183.387 169.644 183.778 169.567 184.172 169.567ZM162.649 169.567C163.243 169.567 163.824 169.744 164.319 170.074C164.813 170.405 165.198 170.874 165.425 171.424C165.652 171.973 165.712 172.578 165.595 173.161C165.479 173.743 165.192 174.279 164.771 174.699C164.35 175.119 163.814 175.404 163.231 175.519C162.648 175.635 162.043 175.574 161.494 175.346C160.946 175.117 160.477 174.731 160.147 174.236C159.818 173.741 159.643 173.16 159.644 172.565C159.646 171.77 159.963 171.007 160.527 170.445C161.09 169.883 161.853 169.567 162.649 169.567ZM140.817 169.567H141.125C141.664 169.566 142.193 169.71 142.657 169.984C143.121 170.257 143.503 170.651 143.763 171.122C144.023 171.594 144.151 172.127 144.134 172.665C144.118 173.204 143.956 173.728 143.668 174.182C143.379 174.637 142.973 175.006 142.493 175.25C142.013 175.494 141.476 175.605 140.939 175.57C140.401 175.536 139.883 175.357 139.438 175.054C138.993 174.75 138.638 174.332 138.41 173.845C139.072 172.585 139.905 171.148 140.817 169.581V169.567ZM194.931 152.971C195.525 152.969 196.107 153.144 196.602 153.474C197.097 153.803 197.483 154.272 197.711 154.821C197.939 155.37 198 155.974 197.885 156.557C197.769 157.141 197.484 157.676 197.064 158.097C196.644 158.518 196.109 158.805 195.526 158.921C194.943 159.038 194.338 158.979 193.789 158.752C193.24 158.524 192.77 158.139 192.439 157.645C192.109 157.151 191.933 156.57 191.933 155.975C191.936 155.182 192.253 154.422 192.815 153.861C193.377 153.301 194.137 152.986 194.931 152.984V152.971ZM173.407 152.971C174.002 152.969 174.583 153.144 175.078 153.474C175.573 153.803 175.959 154.272 176.188 154.821C176.416 155.37 176.477 155.974 176.361 156.557C176.246 157.141 175.96 157.676 175.541 158.097C175.121 158.518 174.585 158.805 174.002 158.921C173.419 159.038 172.815 158.979 172.266 158.752C171.716 158.524 171.247 158.139 170.916 157.645C170.586 157.151 170.409 156.57 170.409 155.975C170.413 155.182 170.73 154.422 171.292 153.861C171.853 153.301 172.614 152.986 173.407 152.984V152.971ZM151.103 153.076C151.357 153.004 151.62 152.969 151.884 152.971C152.46 152.97 153.023 153.136 153.508 153.447C153.993 153.758 154.378 154.201 154.617 154.725C154.857 155.248 154.941 155.83 154.86 156.4C154.778 156.97 154.535 157.504 154.158 157.94C153.782 158.376 153.288 158.694 152.736 158.857C152.183 159.02 151.596 159.021 151.043 158.859C150.49 158.698 149.996 158.381 149.618 157.946C149.24 157.512 148.995 156.978 148.912 156.408C149.627 155.293 150.362 154.184 151.103 153.089V153.076ZM205.696 203.588C206.29 203.588 206.871 203.764 207.365 204.094C207.86 204.425 208.245 204.894 208.472 205.444C208.699 205.993 208.758 206.598 208.642 207.181C208.525 207.764 208.239 208.299 207.818 208.719C207.397 209.139 206.861 209.424 206.278 209.54C205.694 209.655 205.09 209.594 204.541 209.366C203.992 209.138 203.524 208.751 203.194 208.257C202.865 207.762 202.69 207.18 202.691 206.586C202.695 205.792 203.013 205.031 203.576 204.472C204.139 203.912 204.902 203.599 205.696 203.601V203.588ZM184.172 203.588C184.767 203.588 185.348 203.764 185.842 204.094C186.336 204.425 186.721 204.894 186.949 205.444C187.176 205.993 187.235 206.598 187.118 207.181C187.002 207.764 186.715 208.299 186.294 208.719C185.873 209.139 185.338 209.424 184.754 209.54C184.171 209.655 183.567 209.594 183.018 209.366C182.469 209.138 182 208.751 181.671 208.257C181.341 207.762 181.166 207.18 181.168 206.586C181.169 206.192 181.247 205.803 181.399 205.44C181.55 205.077 181.772 204.747 182.051 204.47C182.33 204.193 182.661 203.973 183.025 203.824C183.389 203.675 183.779 203.599 184.172 203.601V203.588ZM162.649 203.588C163.243 203.588 163.824 203.764 164.319 204.094C164.813 204.425 165.198 204.894 165.425 205.444C165.652 205.993 165.712 206.598 165.595 207.181C165.479 207.764 165.192 208.299 164.771 208.719C164.35 209.139 163.814 209.424 163.231 209.54C162.648 209.655 162.043 209.594 161.494 209.366C160.946 209.138 160.477 208.751 160.147 208.257C159.818 207.762 159.643 207.18 159.644 206.586C159.648 205.792 159.966 205.031 160.529 204.472C161.093 203.912 161.855 203.599 162.649 203.601V203.588ZM141.125 203.588C141.72 203.588 142.301 203.764 142.795 204.094C143.29 204.425 143.675 204.894 143.902 205.444C144.129 205.993 144.188 206.598 144.072 207.181C143.955 207.764 143.668 208.299 143.248 208.719C142.827 209.139 142.291 209.424 141.708 209.54C141.124 209.655 140.52 209.594 139.971 209.366C139.422 209.138 138.953 208.751 138.624 208.257C138.295 207.762 138.12 207.18 138.121 206.586C138.124 205.792 138.443 205.031 139.006 204.472C139.569 203.912 140.331 203.599 141.125 203.601V203.588ZM214.597 187.647C214.965 189.352 215.319 191.104 215.673 192.895C215.138 192.748 214.655 192.456 214.275 192.051C213.896 191.646 213.637 191.144 213.525 190.601C213.414 190.058 213.455 189.494 213.644 188.972C213.834 188.451 214.163 187.992 214.597 187.647ZM194.917 186.991C195.512 186.99 196.093 187.165 196.588 187.494C197.083 187.823 197.469 188.292 197.698 188.841C197.926 189.39 197.987 189.994 197.872 190.577C197.756 191.161 197.471 191.697 197.051 192.117C196.631 192.538 196.096 192.825 195.513 192.942C194.93 193.058 194.325 192.999 193.776 192.772C193.226 192.544 192.757 192.159 192.426 191.665C192.096 191.171 191.92 190.59 191.92 189.995C191.926 189.202 192.247 188.443 192.811 187.885C193.375 187.327 194.137 187.015 194.931 187.017L194.917 186.991ZM173.394 186.991C173.989 186.99 174.57 187.165 175.065 187.494C175.56 187.823 175.946 188.292 176.175 188.841C176.403 189.39 176.463 189.994 176.348 190.577C176.233 191.161 175.947 191.697 175.527 192.117C175.108 192.538 174.572 192.825 173.989 192.942C173.406 193.058 172.802 192.999 172.252 192.772C171.703 192.544 171.233 192.159 170.903 191.665C170.573 191.171 170.396 190.59 170.396 189.995C170.403 189.202 170.724 188.443 171.288 187.885C171.852 187.327 172.614 187.015 173.407 187.017L173.394 186.991ZM151.871 186.991C152.465 186.991 153.046 187.167 153.54 187.497C154.034 187.827 154.419 188.297 154.646 188.846C154.874 189.395 154.933 189.999 154.817 190.581C154.702 191.164 154.415 191.7 153.995 192.12C153.575 192.54 153.04 192.826 152.457 192.942C151.874 193.058 151.27 192.998 150.721 192.771C150.172 192.544 149.703 192.159 149.373 191.665C149.042 191.17 148.866 190.59 148.866 189.995C148.873 189.201 149.195 188.441 149.76 187.883C150.326 187.325 151.089 187.014 151.884 187.017L151.871 186.991ZM216.48 221.05C217.075 221.049 217.656 221.224 218.151 221.554C218.646 221.883 219.032 222.352 219.261 222.901C219.489 223.449 219.549 224.054 219.434 224.637C219.319 225.22 219.033 225.756 218.614 226.177C218.194 226.598 217.658 226.885 217.075 227.001C216.492 227.118 215.888 227.058 215.338 226.831C214.789 226.604 214.319 226.219 213.989 225.725C213.659 225.23 213.482 224.649 213.482 224.055C213.482 223.259 213.798 222.496 214.36 221.933C214.922 221.369 215.684 221.052 216.48 221.05ZM194.957 221.05C195.551 221.049 196.133 221.224 196.628 221.554C197.123 221.883 197.509 222.352 197.737 222.901C197.966 223.449 198.026 224.054 197.911 224.637C197.796 225.22 197.51 225.756 197.09 226.177C196.67 226.598 196.135 226.885 195.552 227.001C194.969 227.118 194.365 227.058 193.815 226.831C193.266 226.604 192.796 226.219 192.466 225.725C192.135 225.23 191.959 224.649 191.959 224.055C191.959 223.264 192.271 222.504 192.827 221.942C193.384 221.379 194.139 221.059 194.931 221.05H194.957ZM173.433 221.05C174.028 221.049 174.609 221.224 175.104 221.554C175.599 221.883 175.985 222.352 176.214 222.901C176.442 223.449 176.503 224.054 176.388 224.637C176.272 225.22 175.987 225.756 175.567 226.177C175.147 226.598 174.612 226.885 174.029 227.001C173.446 227.118 172.841 227.058 172.292 226.831C171.742 226.604 171.273 226.219 170.942 225.725C170.612 225.23 170.436 224.649 170.436 224.055C170.435 223.264 170.748 222.504 171.304 221.942C171.86 221.379 172.616 221.059 173.407 221.05H173.433ZM151.91 221.05C152.504 221.05 153.085 221.227 153.579 221.557C154.073 221.887 154.458 222.356 154.686 222.905C154.913 223.454 154.973 224.058 154.857 224.641C154.741 225.224 154.455 225.759 154.035 226.179C153.614 226.6 153.079 226.886 152.496 227.002C151.913 227.118 151.309 227.058 150.76 226.831C150.211 226.603 149.742 226.218 149.412 225.724C149.082 225.23 148.906 224.649 148.906 224.055C148.906 223.263 149.219 222.502 149.776 221.94C150.334 221.377 151.092 221.057 151.884 221.05H151.91Z" fill="#6B7280"/>
+<path d="M153.832 194.18C158.346 194.672 162.817 195.499 167.208 196.654C169.386 197.257 171.518 197.966 173.643 198.707C174.706 199.081 175.775 199.415 176.844 199.75C177.962 200.127 179.12 200.369 180.295 200.472C180.316 200.472 180.336 200.48 180.351 200.495C180.365 200.509 180.374 200.529 180.374 200.55C180.374 200.571 180.365 200.591 180.351 200.606C180.336 200.621 180.316 200.629 180.295 200.629C179.183 200.66 178.07 200.618 176.963 200.504C175.895 200.355 174.839 200.135 173.801 199.848C171.59 199.258 169.405 198.536 167.201 197.946C162.754 196.713 158.306 195.473 153.773 194.561C153.723 194.553 153.677 194.526 153.647 194.484C153.617 194.443 153.604 194.392 153.612 194.341C153.62 194.291 153.648 194.245 153.689 194.215C153.73 194.185 153.782 194.173 153.832 194.18Z" fill="#0E1726"/>
+<path d="M142.575 197.959C146.308 197.644 150.055 197.539 153.799 197.644C155.675 197.703 157.532 197.874 159.395 198.09C160.27 198.195 161.144 198.313 162.019 198.445C162.996 198.589 163.954 198.865 164.925 198.996C165.03 198.996 165.023 199.166 164.925 199.16C164.007 199.061 163.062 199.12 162.13 199.081L159.336 198.95C157.466 198.865 155.603 198.806 153.734 198.707C150.001 198.504 146.281 198.34 142.542 198.268C142.352 198.268 142.352 197.979 142.575 197.959Z" fill="#0E1726"/>
+<path d="M188.928 134.465C188.403 136.177 178.95 149.763 169.779 147.381C165.929 146.384 169.779 131.493 169.779 131.493L167.352 115.5L187.977 104.348C187.977 104.348 189.151 133.73 188.928 134.465Z" fill="#EB9481"/>
+<path d="M167.372 115.5L169.733 131.021C177.775 128.471 184.488 122.854 188.416 115.389C188.193 109.406 187.996 104.335 187.996 104.335L167.372 115.5Z" fill="#0E1726"/>
+<path d="M149.843 88.1838C141.762 113.407 155.957 121.102 161.396 122.834C166.335 124.415 183.352 129.158 193.999 104.905C204.646 80.6529 195.488 68.9302 184.336 64.7252C173.184 60.5203 157.925 62.9737 149.843 88.1838Z" fill="#EB9481"/>
+<path d="M155.649 84.858C156.258 84.9105 156.869 84.9302 157.479 84.9171C158.12 85.0266 158.779 84.9229 159.356 84.6219C159.518 84.492 159.632 84.312 159.68 84.1102C159.729 83.9084 159.709 83.6961 159.625 83.5067C159.402 83.155 159.089 82.8692 158.719 82.6788C158.349 82.4885 157.934 82.4007 157.519 82.4243C156.671 82.3423 155.823 82.5759 155.138 83.0803C154.984 83.2043 154.87 83.3709 154.811 83.5592C154.751 83.7476 154.749 83.9492 154.803 84.139C154.858 84.3288 154.967 84.4982 155.118 84.6261C155.268 84.7541 155.453 84.8347 155.649 84.858Z" fill="#0E1726"/>
+<path d="M173.407 91.6868C172.873 91.3933 172.323 91.1284 171.76 90.8931C171.22 90.5291 170.574 90.356 169.924 90.4011C169.723 90.4555 169.546 90.5741 169.419 90.7388C169.292 90.9035 169.223 91.1051 169.222 91.3129C169.284 91.7239 169.455 92.1108 169.717 92.4337C169.978 92.7566 170.322 93.0038 170.711 93.1497C171.455 93.5713 172.331 93.6977 173.164 93.5039C173.35 93.4491 173.516 93.3415 173.643 93.1943C173.769 93.047 173.85 92.8663 173.875 92.6741C173.901 92.4819 173.87 92.2864 173.787 92.1112C173.704 91.936 173.572 91.7886 173.407 91.6868Z" fill="#0E1726"/>
+<path d="M167.7 96.2067C167.733 96.1476 167.811 96.3248 167.792 96.3969C167.267 98.1222 166.959 100.189 168.376 101.192C168.422 101.192 168.376 101.31 168.336 101.284C166.486 100.497 166.926 97.7614 167.7 96.2067Z" fill="#0E1726"/>
+<path d="M169.747 94.8094C172.607 95.3539 171.308 101.028 168.658 100.523C166.007 100.018 167.352 94.3568 169.747 94.8094Z" fill="#0E1726"/>
+<path d="M170.79 95.3609C171.216 95.8004 171.57 96.4761 172.154 96.6729C172.738 96.8697 173.466 96.4236 174.07 95.9578C174.129 95.9053 174.168 95.9578 174.155 96.0431C173.919 97.1321 173.25 98.1554 172.043 98.0505C170.947 97.9521 170.403 96.8172 170.383 95.6626C170.376 95.4461 170.619 95.1903 170.79 95.3609Z" fill="#0E1726"/>
+<path d="M157.545 93.0909C157.545 93.0253 157.394 93.1434 157.381 93.2221C157.046 94.9933 156.364 96.9678 154.645 97.204C154.593 97.204 154.58 97.2958 154.645 97.3024C156.646 97.4598 157.519 94.8293 157.545 93.0909Z" fill="#0E1726"/>
+<path d="M156.384 90.9063C153.596 90.0667 152.12 95.7017 154.704 96.4758C157.289 97.2499 158.713 91.6083 156.384 90.9063Z" fill="#0E1726"/>
+<path d="M155.111 90.9718C154.587 91.1555 154.003 91.5819 153.465 91.4769C152.927 91.372 152.54 90.6241 152.297 89.9419C152.297 89.8697 152.218 89.9025 152.199 89.9813C151.884 91.0505 151.949 92.2641 152.927 92.7365C153.904 93.2088 154.757 92.4347 155.295 91.4245C155.393 91.2408 155.321 90.8997 155.111 90.9718Z" fill="#0E1726"/>
+<path d="M165.004 109.917C164.505 110.258 163.974 110.75 163.324 110.691C162.666 110.556 162.043 110.286 161.494 109.898C161.483 109.892 161.47 109.89 161.457 109.891C161.444 109.893 161.432 109.898 161.422 109.906C161.412 109.915 161.405 109.926 161.402 109.938C161.398 109.951 161.398 109.964 161.402 109.976C161.593 110.371 161.887 110.707 162.253 110.948C162.619 111.189 163.044 111.327 163.482 111.347C163.86 111.32 164.222 111.18 164.521 110.946C164.82 110.713 165.043 110.396 165.161 110.035C165.207 109.93 165.076 109.865 165.004 109.917Z" fill="#0E1726"/>
+<path d="M163.941 107.562C161.199 105.968 159.671 106.047 157.853 105.706C157.67 105.614 157.276 105.332 157.302 105.141C157.302 105.076 158.555 101.593 158.555 101.593C158.011 101.678 155.275 101.993 155.518 101.33C157.624 95.8657 159.972 89.7845 163.233 84.7858C163.256 84.7551 163.289 84.7334 163.326 84.7246C163.363 84.7158 163.403 84.7204 163.437 84.7375C163.471 84.7547 163.499 84.7834 163.514 84.8186C163.529 84.8538 163.532 84.8933 163.521 84.9301C161.704 90.2634 158.929 95.2425 157.04 100.576C158.021 100.45 159.015 100.463 159.992 100.615C160.156 100.727 158.477 104.302 158.352 104.899C158.352 104.899 161.219 104.649 164.256 107.326C164.925 107.91 164.938 108.139 163.941 107.562Z" fill="#0E1726"/>
+<path d="M190.588 107.116C185.635 106.388 187.459 95.085 187.459 95.085C187.459 95.085 168.028 85.9534 170.921 68.845C170.921 68.845 164.479 78.4554 152.468 80.2725C152.468 80.2725 158.247 62.2653 173.663 62.7507C173.663 62.7507 193.382 61.2157 199.496 78.2258C205.61 95.2358 193.914 107.608 190.588 107.116Z" fill="#0E1726"/>
+<path d="M171.216 67.625C170.262 70.1205 169.853 72.791 170.015 75.4576C170.129 78.1567 170.799 80.8032 171.983 83.2312C172.276 83.8375 172.607 84.4247 172.974 84.9893L173.492 85.8552C173.689 86.1308 173.899 86.3932 174.109 86.6556C174.535 87.1804 174.935 87.7183 175.382 88.2168C175.828 88.7154 176.339 89.1549 176.831 89.6141C177.074 89.8372 177.31 90.0799 177.566 90.2701L178.366 90.8671L179.967 92.0544C181.102 92.7104 182.27 93.3664 183.437 93.9634C182.407 93.1303 181.312 92.4087 180.315 91.5756L178.852 90.2636L178.124 89.6076C177.901 89.378 177.691 89.1287 177.468 88.886C177.041 88.4071 176.608 87.9282 176.156 87.4624C175.703 86.9967 175.395 86.4325 175.014 85.9208L174.443 85.1468L173.965 84.3202C173.624 83.7799 173.317 83.2191 173.046 82.6408C171.917 80.3393 171.191 77.8607 170.901 75.3133C170.744 74.0296 170.691 72.7352 170.744 71.4429C170.794 70.1593 170.952 68.8822 171.216 67.625Z" fill="#0E1726"/>
+<path d="M187.235 103.764C187.235 103.764 194.701 96.9875 197.902 99.8279C201.103 102.668 194.209 113.394 189.551 114.017C188.959 114.138 188.349 114.138 187.756 114.017C187.164 113.896 186.603 113.656 186.106 113.312C185.609 112.968 185.187 112.527 184.864 112.016C184.542 111.505 184.327 110.934 184.231 110.337L187.235 103.764Z" fill="#EB9481"/>
+<path d="M195.849 102.852C195.862 102.856 195.873 102.865 195.882 102.876C195.89 102.887 195.894 102.9 195.894 102.914C195.894 102.928 195.89 102.942 195.882 102.953C195.873 102.964 195.862 102.972 195.849 102.977C192.569 103.508 190.339 105.942 188.567 108.585C189.715 107.674 191.08 107.339 192.326 108.743C192.392 108.815 192.287 108.926 192.208 108.887C191.717 108.599 191.149 108.47 190.582 108.517C190.015 108.564 189.476 108.785 189.04 109.15C188.313 109.77 187.653 110.465 187.072 111.222C186.868 111.459 186.416 111.222 186.593 110.921L186.632 110.855C187.432 106.998 191.637 102.301 195.849 102.852Z" fill="#0E1726"/>
+<path d="M191.323 133.619C191.323 133.619 183.7 150.353 181.41 152.197C179.121 154.04 160.746 151.783 160.418 150.229C160.09 148.674 169.248 133.527 169.248 133.527C169.248 133.527 176.346 130.529 182.283 130.68C188.423 130.824 191.323 133.619 191.323 133.619Z" fill="#EB9481"/>
+<path d="M98.8132 215.697C103.976 223.504 114.118 226.699 150.329 234.754C155.334 235.863 176.149 204.716 171.38 202C165.036 198.379 137.471 192.646 135.503 192.475C118.861 190.992 95.3102 210.41 98.8132 215.697Z" fill="#EB9481"/>
+<path d="M167.05 200.262C167.05 200.262 182.289 205.982 189.354 211.473C198.827 218.813 203.983 229.054 205.879 233.482C209.848 242.711 213.095 267.771 206.004 269.955C199.614 271.923 197.627 246.149 197.627 246.149C197.627 246.149 203.996 272.107 195.862 273.045C187.728 273.983 187.131 243.951 187.131 243.951C187.131 243.951 193.074 270.762 184.507 270.434C178.052 270.185 175.979 242.987 175.979 242.987C175.979 242.987 180.925 266.072 174.28 266.098C166.932 266.131 163.436 241.17 163.436 241.17C146.518 238.402 139.597 230.162 135.372 223.714C134.368 222.166 167.05 200.262 167.05 200.262Z" fill="#EB9481"/>
+<path d="M196.006 237.03C196.866 240.054 197.758 243.105 198.342 246.214C198.926 249.324 199.404 252.413 199.706 255.542C200.428 263.211 199.706 268.131 199.706 267.823C200.008 260.522 198.079 249.455 197.495 246.345C196.912 243.236 196.479 240.153 195.895 237.07C195.875 236.971 195.987 236.958 196.006 237.03Z" fill="#0E1726"/>
+<path d="M184.822 238.946C185.747 242.882 186.79 246.693 187.57 250.642C188.351 254.592 188.692 258.364 189.171 262.339C189.21 262.641 189.033 262.562 188.987 262.254C188.331 258.318 187.452 254.71 186.77 250.767C186.088 246.825 185.55 242.895 184.723 238.959C184.71 238.9 184.808 238.887 184.822 238.946Z" fill="#0E1726"/>
+<path d="M174.922 238.867C176.648 244.771 177.284 250.97 177.763 257.071C177.763 257.38 177.566 257.248 177.527 256.94C176.694 250.865 176.09 246.096 174.719 238.926C174.693 238.815 174.89 238.743 174.922 238.867Z" fill="#0E1726"/>
+<path d="M166.742 198.051L133.581 233.16C133.581 233.16 101.536 224.94 96.9963 216.55C94.0049 211.027 118.861 189.654 137.117 192.718L166.742 198.051Z" fill="#4361EE"/>
+<path d="M160.005 205.168L161.068 204.053C160.621 204.324 160.254 204.709 160.005 205.168ZM141.125 203.601C141.72 203.601 142.301 203.777 142.795 204.107C143.289 204.438 143.674 204.908 143.902 205.457C144.129 206.006 144.188 206.611 144.071 207.194C143.955 207.777 143.668 208.312 143.247 208.732C142.827 209.152 142.291 209.438 141.707 209.553C141.124 209.668 140.52 209.607 139.971 209.379C139.422 209.151 138.953 208.765 138.624 208.27C138.295 207.775 138.119 207.193 138.121 206.599C138.121 206.204 138.199 205.814 138.35 205.45C138.501 205.086 138.722 204.755 139.001 204.476C139.28 204.198 139.611 203.977 139.976 203.827C140.34 203.677 140.731 203.6 141.125 203.601ZM119.602 203.601C120.196 203.601 120.778 203.777 121.272 204.107C121.766 204.438 122.151 204.908 122.378 205.457C122.605 206.006 122.665 206.611 122.548 207.194C122.432 207.777 122.145 208.312 121.724 208.732C121.303 209.152 120.767 209.438 120.184 209.553C119.601 209.668 118.996 209.607 118.448 209.379C117.899 209.151 117.43 208.765 117.101 208.27C116.771 207.775 116.596 207.193 116.597 206.599C116.597 206.204 116.675 205.814 116.826 205.45C116.977 205.086 117.199 204.755 117.478 204.476C117.757 204.198 118.088 203.977 118.453 203.827C118.817 203.677 119.208 203.6 119.602 203.601ZM132.145 192.449C131.629 192.833 131.003 193.04 130.36 193.039C129.933 193.039 129.51 192.947 129.12 192.77C130.122 192.605 131.131 192.493 132.145 192.436V192.449ZM130.36 221.063C130.954 221.063 131.535 221.24 132.029 221.57C132.524 221.9 132.909 222.369 133.136 222.918C133.363 223.467 133.423 224.071 133.307 224.654C133.191 225.237 132.905 225.772 132.485 226.192C132.065 226.613 131.529 226.899 130.946 227.015C130.364 227.131 129.76 227.071 129.211 226.844C128.662 226.616 128.192 226.231 127.862 225.737C127.532 225.243 127.356 224.662 127.356 224.068C127.354 223.672 127.431 223.28 127.581 222.914C127.731 222.548 127.952 222.215 128.231 221.935C128.51 221.655 128.842 221.432 129.207 221.28C129.573 221.128 129.965 221.05 130.36 221.05V221.063ZM108.837 221.063C109.387 221.063 109.926 221.214 110.396 221.5C110.866 221.785 111.249 222.194 111.503 222.681C111.756 223.169 111.871 223.717 111.835 224.266C111.799 224.815 111.613 225.343 111.297 225.793C109.427 225.019 107.61 224.199 105.924 223.353C106.079 222.697 106.451 222.113 106.98 221.695C107.509 221.277 108.163 221.05 108.837 221.05V221.063Z" fill="#6B7280"/>
+<path d="M125.021 226.974C128.419 222.966 132.027 219.148 135.654 215.33C139.282 211.512 142.87 207.694 146.616 203.968C148.715 201.869 150.801 199.75 152.979 197.716C153.038 197.664 153.137 197.716 153.084 197.808C149.693 201.81 146.091 205.68 142.503 209.485C138.915 213.29 135.287 217.127 131.587 220.893C129.508 223.025 127.395 225.111 125.217 227.144C125.112 227.256 124.916 227.092 125.021 226.974Z" fill="#0E1726"/>
+<path d="M165.804 199.048L167.168 198.031L167.326 197.913C163.18 196.739 159.001 195.67 154.79 194.758C147.515 193.269 140.135 191.668 132.676 191.72C127.313 192.093 122.116 193.732 117.509 196.503C122.29 194.316 127.45 193.078 132.702 192.855C135.844 192.94 138.976 193.238 142.076 193.748C149.345 194.791 159.743 196.765 167.077 198.057L167.037 197.88L165.804 199.048Z" fill="#0E1726"/>
+<path d="M200.565 159.078C198.138 198.438 188.141 228.568 171.596 228.339C160.602 228.188 168.244 195.755 168.369 195.053C171.645 180.126 176.898 165.702 183.988 152.164C195.993 129.453 201.648 141.491 200.565 159.078Z" fill="#EB9481"/>
+<path d="M200.565 159.078C198.138 198.438 188.141 228.568 171.596 228.339C160.602 228.188 163.265 200.262 163.396 199.566C163.843 197.179 173.072 172.808 183.988 152.164C195.993 129.453 201.648 141.491 200.565 159.078Z" fill="#4361EE"/>
+<path d="M181.168 172.565C181.166 173.16 181.341 173.742 181.671 174.236C182 174.731 182.469 175.118 183.018 175.346C183.567 175.574 184.171 175.635 184.754 175.52C185.337 175.404 185.873 175.119 186.294 174.699C186.715 174.279 187.002 173.744 187.118 173.161C187.235 172.578 187.176 171.973 186.948 171.424C186.721 170.874 186.336 170.405 185.842 170.074C185.348 169.744 184.767 169.568 184.172 169.568C183.376 169.568 182.613 169.883 182.05 170.445C181.487 171.007 181.169 171.77 181.168 172.565ZM194.944 152.984C195.538 152.983 196.12 153.158 196.615 153.487C197.109 153.816 197.496 154.285 197.724 154.834C197.952 155.383 198.013 155.987 197.898 156.57C197.782 157.154 197.497 157.69 197.077 158.111C196.657 158.531 196.122 158.818 195.539 158.935C194.956 159.051 194.351 158.992 193.802 158.765C193.252 158.538 192.783 158.152 192.452 157.658C192.122 157.164 191.946 156.583 191.946 155.988C191.946 155.195 192.259 154.434 192.819 153.871C193.378 153.308 194.137 152.989 194.93 152.984H194.944ZM184.185 203.601C184.78 203.601 185.361 203.777 185.855 204.108C186.349 204.438 186.734 204.908 186.962 205.457C187.189 206.006 187.248 206.611 187.131 207.194C187.015 207.777 186.728 208.312 186.307 208.732C185.886 209.152 185.351 209.438 184.767 209.553C184.184 209.668 183.58 209.608 183.031 209.379C182.482 209.151 182.013 208.765 181.684 208.27C181.354 207.775 181.179 207.193 181.181 206.599C181.18 206.205 181.257 205.816 181.406 205.452C181.556 205.088 181.777 204.758 182.054 204.479C182.332 204.201 182.662 203.98 183.026 203.829C183.389 203.678 183.779 203.601 184.172 203.601H184.185ZM163.121 203.64C163.835 203.748 164.487 204.111 164.955 204.661C165.424 205.211 165.678 205.912 165.671 206.634C165.663 207.357 165.396 208.052 164.916 208.593C164.437 209.134 163.778 209.483 163.062 209.577C162.99 207.366 163.029 205.306 163.108 203.64H163.121ZM194.944 187.017C195.344 187.018 195.741 187.098 196.11 187.253C196.48 187.409 196.815 187.636 197.095 187.922C196.772 189.589 196.433 191.216 196.078 192.803C195.718 192.951 195.333 193.027 194.944 193.026C194.147 193.026 193.383 192.71 192.819 192.146C192.256 191.583 191.939 190.818 191.939 190.022C191.939 189.225 192.256 188.461 192.819 187.897C193.383 187.334 194.147 187.017 194.944 187.017ZM173.42 187.017C174.015 187.016 174.596 187.191 175.091 187.52C175.586 187.85 175.972 188.318 176.201 188.867C176.429 189.416 176.489 190.021 176.374 190.604C176.259 191.187 175.973 191.723 175.554 192.144C175.134 192.565 174.598 192.851 174.015 192.968C173.432 193.084 172.828 193.025 172.279 192.798C171.729 192.571 171.26 192.186 170.929 191.692C170.599 191.197 170.422 190.616 170.422 190.022C170.422 189.228 170.736 188.467 171.295 187.904C171.854 187.341 172.614 187.022 173.407 187.017H173.42ZM173.42 221.05C174.015 221.049 174.596 221.224 175.091 221.554C175.586 221.883 175.972 222.352 176.201 222.901C176.429 223.45 176.489 224.054 176.374 224.637C176.259 225.22 175.973 225.756 175.554 226.177C175.134 226.598 174.598 226.885 174.015 227.001C173.432 227.118 172.828 227.059 172.279 226.831C171.729 226.604 171.26 226.219 170.929 225.725C170.599 225.231 170.422 224.649 170.422 224.055C170.422 223.261 170.736 222.5 171.295 221.937C171.854 221.374 172.614 221.056 173.407 221.05H173.42Z" fill="#6B7280"/>
+<path d="M182.637 154.788C179.095 161.708 175.821 168.76 172.613 175.839C169.524 182.969 166.296 190.074 164 197.487C169.635 183.304 176.661 168.872 182.637 154.788Z" fill="#0E1726"/>
+<path d="M180.367 156.296C179.403 158.264 178.655 160.495 178.95 162.699C179.331 160.567 180.052 158.455 180.367 156.296Z" fill="#0E1726"/>
+<path d="M165.666 225.99C155.524 223.399 140.902 198.549 132.788 170.971C131.239 165.723 172.436 149.126 173.46 154.892C176.681 173.392 184.126 197.9 182.401 212.411C181.056 223.687 172.685 227.781 165.666 225.99Z" fill="#EB9481"/>
+<path d="M156.128 133.914C158.923 131.099 160.136 122.578 162.872 117.75C165.607 112.922 172.39 111.19 173.368 113.158C174.345 115.126 172.449 116.825 171.105 125.058C170.245 130.358 173.282 141.405 170.599 150.904C169.248 155.693 153.327 136.728 156.128 133.914Z" fill="#F7A9A0"/>
+<path d="M156.128 133.914C158.923 131.099 160.136 122.578 162.872 117.75C165.607 112.922 172.39 111.19 173.368 113.158C174.345 115.126 172.449 116.825 171.105 125.058C170.245 130.358 173.282 141.405 170.599 150.904C169.248 155.693 153.327 136.728 156.128 133.914Z" fill="#EB9481"/>
+<path opacity="0.06" d="M156.128 133.914C158.923 131.099 160.136 122.578 162.872 117.75C165.607 112.922 172.39 111.19 173.368 113.158C174.345 115.126 172.449 116.825 171.105 125.058C170.245 130.358 173.282 141.405 170.599 150.904C169.248 155.693 153.327 136.728 156.128 133.914Z" fill="black"/>
+<path d="M139.177 105.988C135.359 108.907 143.369 117.704 143.369 117.704C141.406 117.036 139.271 117.075 137.334 117.816C133.988 119.279 134.808 125.169 134.808 125.169C132.629 124.897 130.418 125.288 128.465 126.291C125.401 128.017 125.388 134.078 125.388 134.078C123.248 134.937 121.488 136.536 120.429 138.585C117.805 144.167 123.538 151.705 126.149 157.11C128.95 162.87 132.466 170.027 134.533 173.609L173.893 158.186C173.893 158.186 170.265 128.882 165.653 123.484C161.757 118.931 144.976 101.514 139.177 105.988Z" fill="#EB9481"/>
+<path d="M143.533 117.704C148.827 121.548 153.189 126.658 157.342 131.631C157.434 131.742 157.256 131.887 157.165 131.775C153.091 126.777 147.587 122.755 143.323 117.927C143.205 117.796 143.395 117.599 143.533 117.704Z" fill="#0E1726"/>
+<path d="M135.3 125.006C136.42 125.995 137.404 127.129 138.226 128.377C139.177 129.637 140.102 130.916 141.014 132.208C142.831 134.8 144.596 137.456 146.262 140.08C146.341 140.205 146.177 140.343 146.091 140.225C144.274 137.647 142.418 135.101 140.489 132.602C139.523 131.347 138.55 130.105 137.57 128.876C136.567 127.767 135.688 126.553 134.946 125.255C134.933 125.209 134.935 125.16 134.951 125.116C134.966 125.071 134.996 125.032 135.035 125.005C135.074 124.977 135.12 124.963 135.168 124.963C135.215 124.963 135.261 124.978 135.3 125.006Z" fill="#0E1726"/>
+<path d="M125.467 134.183C126.516 134.93 127.225 136.308 127.933 137.358C128.74 138.558 129.554 139.745 130.367 140.933C132.007 143.314 133.647 145.682 135.359 148.004C135.444 148.116 135.274 148.26 135.182 148.142C133.43 145.8 131.64 143.478 129.901 141.116C129.048 139.953 128.202 138.79 127.362 137.627C126.647 136.636 125.644 135.475 125.342 134.261C125.341 134.246 125.345 134.232 125.352 134.218C125.359 134.205 125.369 134.194 125.382 134.186C125.394 134.178 125.409 134.174 125.424 134.173C125.439 134.172 125.453 134.176 125.467 134.183Z" fill="#0E1726"/>
+<path d="M147.961 107.641C152.553 111 156.653 115.021 160.779 118.924C162.326 120.377 163.795 121.91 165.181 123.516C166.425 125.215 167.395 127.099 168.054 129.099C168.572 130.411 168.992 131.788 169.406 133.159C168.75 129.676 167.956 125.943 165.811 123.024C164.457 121.337 162.991 119.744 161.422 118.255C157.25 114.358 152.979 110.383 147.961 107.628V107.641Z" fill="#0E1726"/>
+<path d="M180.498 166.156L140.213 195.112C140.213 195.112 156.561 228.365 165.666 228.627C174.772 228.89 185.163 223.996 186.56 202.177C186.914 196.732 180.498 166.156 180.498 166.156Z" fill="#4361EE"/>
+<path d="M181.168 172.565C181.167 173.011 181.266 173.451 181.456 173.854C181.647 174.257 181.925 174.612 182.27 174.894C182.001 173.53 181.745 172.27 181.522 171.148C181.29 171.585 181.169 172.071 181.168 172.565ZM184.172 203.601C184.584 203.6 184.991 203.685 185.368 203.85C185.745 204.014 186.084 204.256 186.363 204.559C186.206 206.199 185.983 207.734 185.707 209.151C185.243 209.435 184.71 209.585 184.165 209.583C183.76 209.602 183.354 209.539 182.973 209.397C182.593 209.254 182.245 209.036 181.951 208.756C181.657 208.475 181.423 208.138 181.263 207.764C181.103 207.391 181.021 206.989 181.021 206.582C181.021 206.176 181.103 205.774 181.263 205.4C181.423 205.027 181.657 204.689 181.951 204.409C182.245 204.128 182.593 203.91 182.973 203.768C183.354 203.626 183.76 203.562 184.165 203.581L184.172 203.601ZM162.649 203.601C163.243 203.601 163.824 203.777 164.319 204.108C164.813 204.438 165.198 204.908 165.425 205.457C165.652 206.006 165.711 206.611 165.595 207.194C165.478 207.777 165.192 208.312 164.771 208.732C164.35 209.152 163.814 209.438 163.231 209.553C162.648 209.668 162.043 209.608 161.494 209.379C160.945 209.151 160.477 208.765 160.147 208.27C159.818 207.775 159.643 207.193 159.644 206.599C159.644 206.204 159.722 205.814 159.873 205.45C160.024 205.086 160.245 204.755 160.525 204.477C160.804 204.198 161.135 203.977 161.499 203.827C161.864 203.677 162.254 203.6 162.649 203.601ZM173.407 187.017C174.002 187.016 174.583 187.191 175.078 187.52C175.573 187.85 175.959 188.318 176.187 188.867C176.416 189.416 176.476 190.02 176.361 190.604C176.246 191.187 175.96 191.723 175.54 192.144C175.12 192.565 174.585 192.851 174.002 192.968C173.419 193.084 172.815 193.025 172.265 192.798C171.716 192.571 171.246 192.186 170.916 191.691C170.585 191.197 170.409 190.616 170.409 190.022C170.409 189.226 170.725 188.463 171.287 187.899C171.849 187.336 172.611 187.019 173.407 187.017ZM149.207 188.664L151.451 187.05C151.595 187.04 151.74 187.04 151.884 187.05C152.478 187.05 153.059 187.226 153.553 187.556C154.047 187.886 154.432 188.356 154.659 188.905C154.887 189.454 154.946 190.058 154.83 190.64C154.715 191.223 154.428 191.759 154.008 192.179C153.588 192.599 153.053 192.885 152.47 193.001C151.887 193.117 151.283 193.058 150.734 192.83C150.185 192.603 149.716 192.218 149.386 191.724C149.055 191.229 148.879 190.649 148.879 190.054C148.874 189.571 148.986 189.094 149.207 188.664ZM173.407 221.05C174.002 221.049 174.583 221.224 175.078 221.554C175.573 221.883 175.959 222.352 176.187 222.901C176.416 223.449 176.476 224.054 176.361 224.637C176.246 225.22 175.96 225.756 175.54 226.177C175.12 226.598 174.585 226.885 174.002 227.001C173.419 227.118 172.815 227.058 172.265 226.831C171.716 226.604 171.246 226.219 170.916 225.725C170.585 225.23 170.409 224.649 170.409 224.055C170.409 223.259 170.725 222.496 171.287 221.933C171.849 221.369 172.611 221.052 173.407 221.05Z" fill="#6B7280"/>
+<path d="M179.593 179.676C177.625 180.988 175.775 182.523 173.893 183.973C172.01 185.423 170.14 186.899 168.29 188.394C164.591 191.381 160.915 194.399 157.263 197.447C156.266 198.287 155.295 199.12 154.291 199.979C153.288 200.839 152.323 201.947 151.248 202.839C151.234 202.855 151.227 202.874 151.226 202.894C151.226 202.914 151.232 202.933 151.245 202.949C151.257 202.965 151.275 202.976 151.295 202.98C151.314 202.983 151.335 202.98 151.352 202.971C152.277 202.256 153.32 201.659 154.239 200.963C155.157 200.268 156.168 199.494 157.119 198.739C158.982 197.266 160.838 195.781 162.688 194.285C166.395 191.307 170.081 188.296 173.683 185.193C175.716 183.442 177.822 181.729 179.751 179.86C179.763 179.849 179.773 179.837 179.78 179.823C179.787 179.808 179.791 179.793 179.793 179.777C179.794 179.761 179.792 179.745 179.787 179.73C179.782 179.715 179.774 179.701 179.764 179.689C179.754 179.677 179.741 179.667 179.727 179.66C179.713 179.653 179.697 179.649 179.681 179.647C179.665 179.646 179.65 179.648 179.634 179.653C179.619 179.658 179.605 179.666 179.593 179.676Z" fill="#0E1726"/>
+<path d="M175.933 169.436L180.571 166.248L180.367 166.169C181.679 174.041 183.168 181.913 184.533 189.785C185.183 193.192 185.66 196.629 185.963 200.084C186.089 204.558 185.669 209.03 184.71 213.401C186.203 209.114 186.987 204.611 187.032 200.071C186.711 192.534 185.025 185.134 183.503 177.767C182.628 173.801 181.651 169.852 180.571 165.92L180.42 166.031L175.933 169.423V169.436Z" fill="#0E1726"/>
+<path d="M141.421 194.24L140.194 195.105C142.405 199.868 144.851 204.512 147.475 209.065C151.589 215.737 155.643 222.841 162.071 227.636C164.262 229.283 167.175 229.604 169.865 229.657C172.572 229.746 175.265 229.217 177.737 228.109C185.169 224.547 188.889 216.517 191.513 209.164C194.911 199.205 196.958 188.9 198.88 178.587C199.765 173.425 200.625 168.262 201.287 163.066C200.329 168.209 199.352 173.352 198.25 178.463C196.092 188.67 193.782 198.91 190.378 208.763C187.793 215.796 184.198 223.491 177.192 226.974C174.886 228.022 172.371 228.531 169.838 228.463C167.346 228.378 164.768 228.233 162.662 226.685C156.39 222.054 152.166 215.212 148.007 208.717C145.245 204.362 142.628 199.533 140.214 195.151L141.401 194.226L141.421 194.24Z" fill="#0E1726"/>
+<path d="M202.265 166.661C202.265 166.661 202.658 168.524 200.021 171.791L202.265 166.661Z" fill="#0E1726"/>
+<path d="M294.098 300.118C210.747 299.718 117.253 299.711 33.902 300.118C117.253 300.525 210.747 300.518 294.098 300.118Z" fill="#0E1726"/>
+<path d="M148.171 70.295C148.171 70.8801 147.997 71.4521 147.672 71.9387C147.347 72.4252 146.885 72.8044 146.344 73.0283C145.804 73.2523 145.209 73.3109 144.635 73.1967C144.061 73.0825 143.534 72.8008 143.12 72.387C142.706 71.9732 142.425 71.4461 142.31 70.8722C142.196 70.2983 142.255 69.7034 142.479 69.1628C142.703 68.6222 143.082 68.1601 143.568 67.835C144.055 67.5099 144.627 67.3364 145.212 67.3364C145.601 67.3364 145.985 67.4129 146.344 67.5616C146.703 67.7103 147.029 67.9282 147.304 68.203C147.579 68.4777 147.797 68.8038 147.945 69.1628C148.094 69.5217 148.171 69.9065 148.171 70.295Z" fill="#6B7280"/>
+<path d="M148.171 70.2949C148.171 71.0361 147.876 71.7469 147.352 72.271C146.828 72.7951 146.117 73.0895 145.376 73.0895C144.635 73.0895 143.924 72.7951 143.4 72.271C142.876 71.7469 142.582 71.0361 142.582 70.2949C142.582 69.5538 142.876 68.843 143.4 68.3189C143.924 67.7948 144.635 67.5004 145.376 67.5004C146.117 67.5004 146.828 67.7948 147.352 68.3189C147.876 68.843 148.171 69.5538 148.171 70.2949ZM148.171 70.2949C148.053 66.1753 142.063 66.1425 141.926 70.2949C142.063 74.4409 148.053 74.4081 148.171 70.2949Z" fill="#0E1726"/>
+<path d="M134.651 72.1184C132.299 72.1184 130.393 70.2123 130.393 67.861C130.393 65.5096 132.299 63.6035 134.651 63.6035C137.002 63.6035 138.908 65.5096 138.908 67.861C138.908 70.2123 137.002 72.1184 134.651 72.1184Z" fill="#6B7280"/>
+<path d="M138.908 67.848C138.96 71.5085 134.277 73.3518 131.836 70.6622C131.12 69.9005 130.72 68.894 130.72 67.848C130.72 66.802 131.12 65.7955 131.836 65.0337C134.277 62.3507 138.96 64.1875 138.908 67.848ZM138.908 67.848C138.908 67.1146 138.726 66.3926 138.379 65.7469C138.031 65.1012 137.528 64.5519 136.916 64.1485C136.303 63.7451 135.6 63.5001 134.87 63.4356C134.139 63.3711 133.404 63.4891 132.73 63.7789C132.056 64.0687 131.465 64.5213 131.01 65.0961C130.554 65.6709 130.249 66.3498 130.12 67.0719C129.992 67.794 130.045 68.5367 130.275 69.2332C130.504 69.9297 130.904 70.5582 131.436 71.0624C132.067 71.6511 132.855 72.0435 133.705 72.1915C134.555 72.3395 135.43 72.2368 136.222 71.8958C137.015 71.5549 137.691 70.9906 138.168 70.2717C138.645 69.5529 138.902 68.7107 138.908 67.848Z" fill="#0E1726"/>
+<path d="M96.3597 77.878C77.5709 77.878 62.3396 66.5382 62.3396 52.5498C62.3396 38.5615 77.5709 27.2217 96.3597 27.2217C115.149 27.2217 130.38 38.5615 130.38 52.5498C130.38 66.5382 115.149 77.878 96.3597 77.878Z" fill="#6B7280"/>
+<path d="M129.449 46.6657C133.385 58.8214 124.397 69.8487 113.547 74.303C108.147 76.5533 102.353 77.7059 96.5035 77.6935C90.6536 77.6811 84.8646 76.504 79.4744 74.2308C72.4487 71.2198 65.9739 65.7881 63.5861 58.3359C58.5283 41.5292 75.4794 29.5572 90.4165 27.786C105.275 25.6868 124.017 31.3481 129.449 46.6657ZM129.449 46.6657C124.037 31.3022 105.314 25.549 90.3706 27.458C82.6167 28.4879 74.9152 31.4399 69.2015 36.911C63.3959 42.2639 60.352 50.8575 62.976 58.5393C69.8378 77.6945 96.7994 82.1553 113.639 74.4932C124.45 69.9012 133.45 58.841 129.462 46.6657H129.449Z" fill="#0E1726"/>
+<path d="M97.9166 54.5771V57.0764C97.9238 57.3259 97.8801 57.5743 97.7881 57.8063C97.6961 58.0384 97.5578 58.2492 97.3816 58.426C97.2054 58.6028 96.995 58.7419 96.7633 58.8347C96.5316 58.9275 96.2834 58.972 96.0339 58.9657C95.5339 58.964 95.0551 58.7641 94.7022 58.41C94.3493 58.0559 94.1511 57.5763 94.1511 57.0764V53.0748C94.1511 53.0355 94.1905 53.0355 94.1905 53.0027C94.1905 52.9699 94.1511 52.9633 94.1511 52.9239C94.1705 52.4302 94.3748 51.9617 94.7236 51.6117C95.0724 51.2617 95.5402 51.0557 96.0339 51.0347C97.1769 51.0347 98.2732 50.5806 99.0814 49.7723C99.8897 48.964 100.344 47.8678 100.344 46.7247C100.344 45.5817 99.8897 44.4854 99.0814 43.6772C98.2732 42.8689 97.1769 42.4148 96.0339 42.4148C95.286 42.4107 94.5504 42.6046 93.9018 42.9767C93.2531 43.3489 92.7145 43.886 92.3406 44.5337C92.2164 44.7541 92.0491 44.9474 91.8488 45.1019C91.6484 45.2565 91.4191 45.3692 91.1744 45.4335C90.9296 45.4977 90.6745 45.5122 90.4241 45.4759C90.1736 45.4397 89.9331 45.3535 89.7166 45.2225C89.504 45.0974 89.3182 44.9314 89.17 44.7342C89.0219 44.537 88.9142 44.3124 88.8532 44.0733C88.7922 43.8343 88.7791 43.5855 88.8147 43.3414C88.8503 43.0973 88.9339 42.8626 89.0606 42.651C89.7321 41.4908 90.6813 40.5157 91.8231 39.8134C92.9648 39.1111 94.2632 38.7035 95.6015 38.6273C96.9398 38.5512 98.276 38.8088 99.49 39.3771C100.704 39.9453 101.758 40.8064 102.557 41.8829C103.355 42.9593 103.874 44.2175 104.066 45.5441C104.258 46.8707 104.117 48.2243 103.657 49.4831C103.196 50.7418 102.43 51.8664 101.426 52.7555C100.423 53.6447 99.215 54.2706 97.91 54.5771H97.9166ZM97.9166 63.0067V63.6627C97.9238 63.9122 97.8801 64.1605 97.7881 64.3926C97.6961 64.6246 97.5578 64.8355 97.3816 65.0123C97.2054 65.1891 96.995 65.3281 96.7633 65.4209C96.5316 65.5137 96.2834 65.5583 96.0339 65.5519C95.5339 65.5502 95.0551 65.3504 94.7022 64.9963C94.3493 64.6421 94.1511 64.1626 94.1511 63.6627V63.0067C94.1579 62.5088 94.3582 62.0332 94.7097 61.6805C95.0611 61.3278 95.536 61.1259 96.0339 61.1174C96.2824 61.1147 96.529 61.1618 96.759 61.2559C96.989 61.35 97.1979 61.4892 97.3734 61.6652C97.5488 61.8413 97.6873 62.0507 97.7806 62.281C97.8738 62.5114 97.9201 62.7581 97.9166 63.0067Z" fill="#4361EE"/>
+</svg>
diff --git a/public/assets/images/faq/faq-light.svg b/public/assets/images/faq/faq-light.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1596895d9b004099a1fc73067833d121ca822370
--- /dev/null
+++ b/public/assets/images/faq/faq-light.svg
@@ -0,0 +1,164 @@
+<svg width="328" height="304" viewBox="0 0 328 304" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M257.198 251.239C261.042 251.305 270.731 251.469 274.444 251.515H280.263H280.558V251.213V243.872V243.544H280.23L268.698 243.59C265.824 243.59 260.038 243.682 257.165 243.722H257.008V243.872L257.165 251.213L257.198 251.239ZM257.198 251.239L257.355 243.899L257.198 244.056C260.078 244.095 265.857 244.161 268.73 244.187L280.263 244.227L279.935 243.899V251.239L280.237 250.944H274.523C270.869 250.99 260.957 251.154 257.172 251.213L257.198 251.239Z" fill="#EBEBEB"/>
+<path d="M220.022 172.893C223.867 172.965 233.556 173.123 237.269 173.169H243.087H243.376V172.867L243.415 165.592V165.257H243.087L231.555 165.297C228.682 165.297 222.896 165.389 220.022 165.428H219.865V165.592L220.022 172.926V172.893ZM220.022 172.893L220.18 165.592L220.022 165.743C222.896 165.782 228.675 165.848 231.555 165.874L243.087 165.913L242.759 165.592V172.926L243.061 172.631H237.347C233.687 172.677 223.775 172.841 219.996 172.9L220.022 172.893Z" fill="#EBEBEB"/>
+<path d="M270.062 260.495C273.906 260.561 283.595 260.725 287.308 260.771H293.127H293.422V260.469V253.128V252.84H293.094L281.562 252.886C278.695 252.886 272.903 252.971 270.029 253.017H269.872V253.168L270.023 260.508L270.062 260.495ZM270.062 260.495L270.22 253.155L270.062 253.312C272.942 253.352 278.721 253.417 281.595 253.443L293.127 253.496L292.799 253.168V260.508L293.101 260.213H287.387C283.733 260.259 273.821 260.423 270.036 260.482L270.062 260.495Z" fill="#EBEBEB"/>
+<path d="M103.176 95.5049C107.013 95.5705 116.702 95.7345 120.422 95.7805H126.234H126.536V95.4787V88.1381V87.8101H126.201L114.675 87.856C111.802 87.856 106.01 87.9478 103.143 87.9872H102.992V88.184L103.149 95.5246L103.176 95.5049ZM103.176 95.5049L103.327 88.184L103.176 88.3414C106.049 88.3808 111.828 88.4464 114.708 88.4726L126.234 88.512L125.913 88.184V95.5246L126.208 95.2294H120.494C116.84 95.2753 106.928 95.4393 103.149 95.4984L103.176 95.5049Z" fill="#EBEBEB"/>
+<path d="M116.04 104.761C119.884 104.827 129.573 104.991 133.286 105.037H139.105H139.4V104.735L139.433 97.3944V97.0664H139.105L127.572 97.1123C124.699 97.1123 118.913 97.1976 116.04 97.2435H115.882V97.3944L116.04 104.735V104.761ZM116.04 104.761L116.197 97.4207L116.04 97.5781C118.92 97.6175 124.693 97.6831 127.572 97.7093L139.105 97.7487L138.777 97.4207V104.761L139.079 104.466H133.365C129.704 104.512 119.792 104.676 116.014 104.735L116.04 104.761Z" fill="#EBEBEB"/>
+<path d="M128.852 95.5049C132.696 95.5705 142.385 95.7345 146.098 95.7805H151.917H152.192V95.4787V88.1381V87.8101H151.864L140.332 87.856C137.465 87.856 131.672 87.9478 128.799 87.9872H128.642V88.184L128.793 95.5246L128.852 95.5049ZM128.852 95.5049L129.009 88.184L128.852 88.3414C131.732 88.3808 137.511 88.4464 140.384 88.4726L151.917 88.512L151.589 88.184L151.621 95.5246L151.917 95.2294H146.203C142.549 95.2753 132.637 95.4393 128.852 95.4984V95.5049Z" fill="#EBEBEB"/>
+<path d="M34.8729 260.495C38.7171 260.561 48.4062 260.725 52.1192 260.771H57.9379H58.2331V260.469L58.2659 253.128V252.84H57.9379L46.4054 252.886C43.5321 252.886 37.7462 252.971 34.8729 253.017H34.7155V253.168L34.8729 260.508V260.495ZM34.8729 260.495L35.0303 253.155L34.8729 253.312C37.7527 253.352 43.5255 253.417 46.4054 253.443L57.9379 253.483L57.6099 253.155V260.495L57.9116 260.2H52.1979C48.5374 260.246 38.6252 260.41 34.8467 260.469L34.8729 260.495Z" fill="#EBEBEB"/>
+<path d="M47.7372 33.8148C51.5813 33.8804 61.2704 34.0444 64.9834 34.0903H70.8021H71.0973V33.7885L71.1301 26.4479V26.1199H70.8021L59.2697 26.1658C56.3964 26.1658 50.6104 26.2511 47.7372 26.297H47.5797V26.4479L47.7372 33.7885V33.8148ZM47.7372 33.8148L47.8881 26.4741L47.7306 26.6316L53.4968 26.7037C57.1573 26.7562 67.0105 26.789 70.7956 26.8021L70.4676 26.4741V33.8148L70.7693 33.5196H65.0556C61.4017 33.5589 51.4895 33.7295 47.7044 33.7885L47.7372 33.8148Z" fill="#EBEBEB"/>
+<path d="M34.8729 43.0709C38.7171 43.1365 48.4062 43.3005 52.1192 43.3464H57.9379H58.2331V43.0446L58.2659 35.704V35.376H57.9379L46.4054 35.4219C43.5321 35.4219 37.7462 35.5072 34.8729 35.5531H34.7155V35.704L34.8729 43.0446V43.0709ZM34.8729 43.0709L35.0303 35.704L34.8729 35.8614C37.7527 35.9008 43.5255 35.9664 46.4054 35.9861L57.9379 36.032L57.6099 35.704V43.0446L57.9116 42.7494H52.1979C48.5374 42.7888 38.6252 42.9593 34.8467 43.0184L34.8729 43.0709Z" fill="#EBEBEB"/>
+<path d="M257.198 33.8148C261.042 33.8804 270.731 34.0444 274.444 34.0903H280.263H280.558V33.7885V26.4479V26.1199H280.23L268.698 26.1658C265.824 26.1658 260.038 26.2511 257.165 26.297H257.008V26.4479L257.165 33.7885L257.198 33.8148ZM257.198 33.8148L257.355 26.4741L257.198 26.6316C260.078 26.6709 265.857 26.7365 268.73 26.7562L280.263 26.8021L279.935 26.4741V33.8148L280.237 33.5196H274.523C270.869 33.5589 260.957 33.7295 257.172 33.7885L257.198 33.8148Z" fill="#EBEBEB"/>
+<path d="M41.0722 40.6372H84.5847V84.1497H41.0722V40.6372Z" fill="white"/>
+<path d="M86.8479 38.374V86.4195H38.809V38.374H86.8479ZM84.5847 40.6372H41.0657V84.1563H84.5847V40.6372Z" fill="#DBDBDB"/>
+<path d="M47.5403 75.7266V60.6846H81.4555V75.7266H47.5403Z" fill="#EBEBEB"/>
+<path d="M54.1396 71.082V53.7046H71.5171V71.082H54.1396Z" fill="#C7C7C7"/>
+<path d="M88.7044 86.4194H86.8479V38.374H88.7044V86.4194Z" fill="#C7C7C7"/>
+<path d="M41.0722 102.426H84.5847V145.938H41.0722V102.426Z" fill="white"/>
+<path d="M48.5507 109.386H59.9126V142.205H48.5507V109.386Z" fill="#C7C7C7"/>
+<path d="M86.8479 100.163V148.201H38.809V100.163H86.8479ZM84.5847 102.426H41.0657V145.912H84.5847V102.426Z" fill="#DBDBDB"/>
+<path d="M54.133 115.493H71.5105V132.871H54.133V115.493Z" fill="#EBEBEB"/>
+<path d="M88.7044 148.202H86.8479V100.156H88.7044V148.202Z" fill="#C7C7C7"/>
+<path d="M41.0722 164.214H84.5847V207.727H41.0722V164.214Z" fill="white"/>
+<path d="M45.8938 170.145H69.7722V184.419H45.8938V170.145Z" fill="#EBEBEB"/>
+<path d="M86.8479 161.951V209.99H38.809V161.951H86.8479ZM84.5847 164.214H41.0657V207.727H84.5847V164.214Z" fill="#DBDBDB"/>
+<path d="M54.133 177.282H71.5105V194.659H54.133V177.282Z" fill="#C7C7C7"/>
+<path d="M88.7044 209.99H86.8479V161.945H88.7044V209.99Z" fill="#C7C7C7"/>
+<path d="M286.318 33.1917V194.377H181.548V33.1917H286.318ZM282.447 37.0621H185.418V190.52H282.447V37.0621Z" fill="#EBEBEB"/>
+<path d="M185.412 37.062H282.447V190.514H185.412V37.062Z" fill="white"/>
+<path d="M185.412 111.853H282.447V115.716H185.412V111.853Z" fill="#EBEBEB"/>
+<path d="M174.424 194.377H293.429V205.47H174.424V194.377Z" fill="#DBDBDB"/>
+<path d="M185.412 136.334H282.447V37.0554H185.412V136.334ZM278.866 132.792H188.994V40.6372H278.866V132.792Z" fill="#DBDBDB"/>
+<path d="M249.542 37.0554H251.478V132.759H249.542V37.0554Z" fill="#DBDBDB"/>
+<path d="M216.375 37.0554H218.31V132.759H216.375V37.0554Z" fill="#DBDBDB"/>
+<path d="M62.4446 212.542C62.4446 212.542 68.7685 207.766 65.9477 205.608C64.9637 204.86 62.7661 207.235 62.4446 209.885C62.1232 207.261 59.9256 204.86 58.9416 205.608C56.1208 207.766 62.4446 212.542 62.4446 212.542Z" fill="#4361EE"/>
+<path opacity="0.2" d="M62.4446 212.542C62.4446 212.542 68.7685 207.766 65.9477 205.608C64.9637 204.86 62.7661 207.235 62.4446 209.885C62.1232 207.261 59.9256 204.86 58.9416 205.608C56.1208 207.766 62.4446 212.542 62.4446 212.542Z" fill="black"/>
+<path d="M62.4446 212.542C66.2625 212.542 69.0965 209.065 68.2306 207.55C67.2466 205.824 63.8157 209.885 63.8157 209.885C63.8157 209.885 65.1277 204.145 62.4446 204.145C59.7616 204.145 61.0736 209.885 61.0736 209.885C61.0736 209.885 57.6361 205.824 56.6521 207.55C55.76 209.065 58.6267 212.542 62.4446 212.542Z" fill="#4361EE"/>
+<path d="M73.2359 253.535L73.8525 267.455C76.1222 267.659 83.8565 265.487 87.5629 261.781C90.3509 258.993 89.6227 250.34 88.0746 239.621C86.5264 228.902 83.4367 227.662 80.8586 228.279C80.2576 228.419 79.6995 228.703 79.2317 229.106C77.8606 230.293 77.2637 232.523 77.0406 235.397C76.7323 239.208 78.2805 249.212 77.8672 251.58C77.821 251.877 77.7093 252.16 77.5402 252.409C77.3712 252.657 77.149 252.865 76.8898 253.017C75.7155 253.745 73.8394 253.535 73.2359 253.535Z" fill="#455A64"/>
+<path d="M51.9026 272.841C51.9026 272.841 62.8841 276.856 74.3247 272.841C74.3247 272.841 73.2423 228.614 71.8516 221.194C70.4609 213.775 67.3121 210.2 62.2674 210.2C61.9409 210.2 61.6147 210.218 61.29 210.252C57.2687 210.679 54.4676 213.762 53.6082 219.633C52.9522 224.133 52.3684 249.015 52.0863 263.1C51.9682 268.879 51.9026 272.841 51.9026 272.841Z" fill="#455A64"/>
+<path d="M38.6581 247.691C42.371 251.397 50.1053 253.595 52.3685 253.358L52.9851 239.438C52.1389 239.438 48.7605 239.851 48.3472 237.47C47.9339 235.089 49.4821 225.098 49.1737 221.287C48.8654 217.475 47.9405 214.792 45.3558 214.169C45.1402 214.117 44.9209 214.082 44.6998 214.064C42.2661 213.828 39.5568 215.684 38.1398 225.511C37.4884 229.702 37.0505 233.923 36.8278 238.159C36.6442 242.731 37.1034 246.129 38.6581 247.691Z" fill="#455A64"/>
+<path d="M62.4446 210.2C62.2723 210.194 62.1032 210.247 61.9657 210.351C61.8254 210.449 61.6976 210.563 61.5852 210.692C61.364 210.944 61.1705 211.219 61.0079 211.512C60.701 212.12 60.4485 212.755 60.2535 213.408C59.8625 214.71 59.5557 216.035 59.3351 217.377C58.8891 220.06 58.6398 222.762 58.4495 225.472C58.2593 228.181 58.1806 230.89 58.1281 233.6L57.9772 241.721C57.9182 247.139 57.8329 252.558 57.8001 257.97L57.7607 266.098C57.7607 268.807 57.7607 271.516 57.7935 274.226C57.9051 271.516 57.9772 268.807 58.0691 266.104L58.279 257.976C58.4102 252.564 58.4889 247.146 58.5939 241.734C58.6988 236.322 58.6595 230.897 58.9153 225.498C59.0531 222.795 59.2499 220.099 59.6303 217.423C59.8044 216.084 60.0652 214.758 60.411 213.454C60.5738 212.802 60.7933 212.165 61.067 211.551C61.2064 211.246 61.3803 210.958 61.5852 210.692C61.6863 210.558 61.8055 210.439 61.9395 210.338C62.0844 210.23 62.2648 210.18 62.4446 210.2Z" fill="#37474F"/>
+<path d="M54.4479 273.543C54.5201 270.834 54.5594 268.125 54.6119 265.416L54.73 257.288L54.9334 241.032C54.9596 238.325 55.0033 235.618 55.0646 232.911L55.117 230.877L55.1892 228.857C55.2614 227.505 55.3598 226.154 55.4713 224.803C55.5828 223.451 55.7403 222.113 55.9305 220.775C56.1132 219.438 56.3716 218.113 56.7046 216.806C57.0253 215.495 57.5311 214.235 58.2068 213.067C58.5574 212.49 58.9807 211.961 59.4663 211.492C59.9606 211.031 60.5225 210.649 61.1326 210.357C60.5091 210.63 59.9316 210.997 59.4204 211.446C58.916 211.904 58.4747 212.427 58.1084 213.001C57.3982 214.167 56.857 215.429 56.5012 216.747C55.8036 219.376 55.3361 222.06 55.1039 224.77C54.8284 227.472 54.6404 230.18 54.5398 232.891C54.4392 235.602 54.3736 238.314 54.343 241.025C54.2839 243.735 54.2642 246.444 54.2577 249.153V257.281L54.3299 265.409C54.3561 268.125 54.402 270.834 54.4479 273.543Z" fill="#37474F"/>
+<path d="M62.4445 210.2C62.6149 210.2 62.7797 210.261 62.9102 210.37C63.0426 210.473 63.1616 210.592 63.2645 210.724C63.4694 210.99 63.6433 211.279 63.7827 211.584C64.0535 212.199 64.2729 212.835 64.4387 213.486C64.7823 214.791 65.0409 216.117 65.2128 217.455C65.5933 220.132 65.7966 222.828 65.9278 225.53C66.1902 230.929 66.1705 236.348 66.2493 241.766C66.328 247.185 66.4395 252.597 66.5707 258.009L66.7806 266.137C66.8725 268.84 66.9446 271.549 67.0562 274.258C67.0562 271.549 67.0562 268.84 67.0562 266.13L67.0168 258.002C66.984 252.59 66.8987 247.172 66.8397 241.753L66.6888 233.632C66.6429 230.923 66.5707 228.207 66.3739 225.504C66.1771 222.801 65.9278 220.092 65.4883 217.409C65.2647 216.068 64.958 214.743 64.5699 213.44C64.3692 212.789 64.1169 212.155 63.8155 211.544C63.6592 211.239 63.4676 210.953 63.2448 210.692C63.1347 210.563 63.0091 210.448 62.8709 210.351C62.7475 210.258 62.5987 210.205 62.4445 210.2Z" fill="#37474F"/>
+<path d="M70.4084 273.543C70.4871 270.834 70.5264 268.125 70.5724 265.409L70.6445 257.281V249.153C70.6445 246.446 70.6161 243.737 70.5592 241.025C70.5024 238.314 70.4368 235.603 70.3625 232.891C70.2619 230.184 70.076 227.477 69.8049 224.77C69.5654 222.064 69.0913 219.384 68.3879 216.76C68.0346 215.441 67.4933 214.179 66.7807 213.014C66.4146 212.44 65.9734 211.917 65.4687 211.46C64.9565 211.012 64.3791 210.645 63.7565 210.371C64.3657 210.663 64.9274 211.046 65.4228 211.505C65.9066 211.976 66.3297 212.505 66.6823 213.08C67.3559 214.249 67.8595 215.508 68.178 216.819C68.5141 218.126 68.7725 219.451 68.952 220.788C69.1488 222.1 69.2932 223.471 69.4112 224.816C69.5293 226.161 69.6277 227.518 69.6933 228.87L69.772 230.89L69.818 232.924C69.8836 235.627 69.9295 238.334 69.9557 241.045L70.1263 257.301L70.2444 265.429C70.2903 268.125 70.3362 270.834 70.4084 273.543Z" fill="#37474F"/>
+<path d="M62.4447 274.6C62.5103 271.917 62.5431 269.234 62.5956 266.551L62.6808 258.495C62.7333 253.129 62.7268 247.763 62.753 242.397C62.7792 237.031 62.753 231.658 62.6808 226.292L62.5956 218.243C62.5431 215.56 62.5103 212.877 62.4447 210.187C62.3725 212.877 62.3397 215.56 62.2938 218.243L62.2085 226.292C62.156 231.658 62.156 237.031 62.1364 242.397C62.1167 247.763 62.1363 253.129 62.2085 258.495L62.32 266.551C62.32 269.24 62.3725 271.917 62.4447 274.6Z" fill="#37474F"/>
+<path d="M80.865 228.286C80.5872 228.51 80.3382 228.768 80.1237 229.053C79.9156 229.345 79.7417 229.66 79.6055 229.991C79.3431 230.658 79.1603 231.354 79.061 232.064C78.8766 233.478 78.813 234.904 78.8708 236.328C78.9794 239.165 79.24 241.995 79.6514 244.804C79.8713 246.193 80.0202 247.592 80.0975 248.996C80.1932 250.381 80.0893 251.773 79.7892 253.128C79.6322 253.794 79.3542 254.426 78.9692 254.991C78.7841 255.27 78.5636 255.524 78.3132 255.746C78.0583 255.974 77.7763 256.17 77.4735 256.33C76.8539 256.645 76.1906 256.867 75.5055 256.986C74.8495 257.117 74.1148 257.202 73.4063 257.274C74.1168 257.276 74.8268 257.233 75.5317 257.143C76.2479 257.06 76.9471 256.868 77.6047 256.572C78.276 256.263 78.8599 255.792 79.3037 255.201C79.7428 254.611 80.0677 253.943 80.2615 253.233C80.6184 251.833 80.7622 250.386 80.6879 248.943C80.6226 247.52 80.4847 246.101 80.2746 244.692C80.069 243.297 79.8897 241.898 79.7367 240.494C79.5727 239.097 79.4415 237.686 79.3562 236.282C79.2545 234.882 79.2545 233.477 79.3562 232.077C79.4102 231.38 79.5445 230.691 79.7563 230.024C79.9798 229.363 80.3602 228.767 80.865 228.286Z" fill="#37474F"/>
+<path d="M81.3438 228.155C81.5692 228.208 81.777 228.319 81.9473 228.476C82.1214 228.628 82.2797 228.797 82.4197 228.981C82.7023 229.35 82.9442 229.748 83.1412 230.169C83.5382 231.012 83.8545 231.89 84.0859 232.793C84.5571 234.592 84.9012 236.423 85.1158 238.27C85.5619 241.97 85.9948 245.683 86.1129 249.422C86.1953 251.271 86.1163 253.124 85.8768 254.959C85.7595 255.86 85.5258 256.742 85.1814 257.583C84.8078 258.404 84.28 259.146 83.6267 259.767C82.2804 261.029 80.7271 262.05 79.0347 262.785C77.3359 263.553 75.5586 264.134 73.7342 264.517C75.5935 264.25 77.4146 263.763 79.1593 263.067C80.9298 262.383 82.5613 261.382 83.9744 260.115C84.6963 259.466 85.2808 258.678 85.6931 257.799C86.0723 256.917 86.3326 255.988 86.4672 255.038C86.729 253.169 86.8212 251.281 86.7427 249.396C86.5723 245.66 86.1912 241.937 85.6012 238.244C85.3358 236.383 84.9279 234.545 84.3811 232.747C84.1026 231.84 83.7402 230.962 83.2987 230.123C83.0762 229.707 82.8101 229.315 82.5049 228.955C82.3483 228.779 82.1748 228.618 81.9867 228.476C81.8046 228.314 81.5828 228.203 81.3438 228.155Z" fill="#37474F"/>
+<path d="M45.2639 214.182C45.7683 214.675 46.1463 215.282 46.366 215.953C46.5779 216.62 46.7122 217.309 46.7662 218.006C46.8711 219.406 46.8711 220.811 46.7662 222.211C46.6809 223.615 46.5497 225.019 46.3922 226.423C46.2348 227.826 46.0511 229.224 45.8543 230.621C45.6381 232.029 45.498 233.448 45.4345 234.872C45.3591 236.316 45.5051 237.762 45.8674 239.162C46.0601 239.871 46.3826 240.539 46.8186 241.13C47.0401 241.426 47.298 241.693 47.5862 241.924C47.8725 242.153 48.1852 242.347 48.5177 242.501C49.1755 242.796 49.8746 242.988 50.5906 243.072C51.2955 243.161 52.0055 243.205 52.7161 243.203C52.0141 243.131 51.3057 243.046 50.6169 242.914C49.9327 242.792 49.2699 242.571 48.6489 242.258C48.3461 242.099 48.0641 241.903 47.8092 241.675C47.5602 241.451 47.3399 241.198 47.1532 240.92C46.7702 240.354 46.4945 239.723 46.3398 239.057C46.0364 237.702 45.9325 236.31 46.0314 234.924C46.1065 233.521 46.2532 232.121 46.471 230.733C46.8846 227.923 47.1473 225.094 47.2582 222.257C47.3127 220.833 47.2491 219.407 47.0679 217.993C46.964 217.283 46.7792 216.588 46.5169 215.92C46.3821 215.588 46.2081 215.273 45.9986 214.982C45.7863 214.687 45.5396 214.418 45.2639 214.182Z" fill="#37474F"/>
+<path d="M44.8046 214.057C44.5642 214.093 44.3378 214.193 44.1486 214.346C43.9606 214.488 43.787 214.648 43.6304 214.825C43.3274 215.186 43.0614 215.577 42.8366 215.992C42.3939 216.831 42.0315 217.709 41.7542 218.616C41.2097 220.415 40.804 222.253 40.5406 224.114C39.9507 227.807 39.5696 231.53 39.3992 235.266C39.3152 237.15 39.4052 239.039 39.6682 240.907C39.8083 241.858 40.0707 242.786 40.4488 243.669C40.8581 244.548 41.4404 245.336 42.161 245.985C43.5769 247.252 45.2104 248.252 46.9826 248.937C48.7247 249.633 50.5438 250.12 52.4011 250.386C50.5767 250.003 48.7994 249.422 47.1006 248.655C45.407 247.922 43.8533 246.901 42.5086 245.637C41.8534 245.015 41.3234 244.274 40.9474 243.452C40.6052 242.611 40.3737 241.729 40.2586 240.828C40.0125 238.994 39.9334 237.141 40.0224 235.292C40.1339 231.572 40.5669 227.859 41.013 224.14C41.2339 222.293 41.578 220.463 42.0429 218.662C42.2743 217.76 42.5906 216.881 42.9875 216.038C43.1846 215.618 43.4265 215.22 43.7091 214.851C43.8492 214.667 44.0075 214.498 44.1814 214.346C44.3613 214.198 44.5758 214.099 44.8046 214.057Z" fill="#37474F"/>
+<path d="M70.4084 217.974C70.0861 218.365 69.7965 218.781 69.5425 219.22C69.4048 219.437 69.2933 219.66 69.1686 219.876C69.044 220.093 68.939 220.316 68.8275 220.532L69.3392 220.466C69.1817 220.276 69.0177 220.086 68.8472 219.902C68.6766 219.719 68.5126 219.528 68.3289 219.358C67.9764 218.993 67.5947 218.657 67.1875 218.354C67.4053 218.814 67.6644 219.253 67.9616 219.666C68.0993 219.876 68.2502 220.073 68.4011 220.276C68.552 220.48 68.7094 220.67 68.8669 220.86L69.1752 221.234L69.3851 220.801C69.49 220.571 69.595 220.348 69.6934 220.145C69.7918 219.942 69.8902 219.679 69.9755 219.443C70.1609 218.966 70.3057 218.475 70.4084 217.974Z" fill="#37474F"/>
+<path d="M68.6832 217.252C68.602 217.54 68.5579 217.838 68.552 218.138C68.5398 218.427 68.5508 218.716 68.5848 219.003C68.622 219.289 68.679 219.572 68.7553 219.85C68.8349 220.139 68.9518 220.417 69.103 220.676C69.1867 220.388 69.2329 220.091 69.2408 219.791C69.2506 219.501 69.2374 219.212 69.2014 218.925C69.1667 218.639 69.1097 218.356 69.0309 218.079C68.95 217.79 68.8332 217.512 68.6832 217.252Z" fill="#37474F"/>
+<path d="M59.532 260.574C59.1679 260.925 58.8323 261.305 58.5283 261.709C58.3709 261.906 58.2265 262.116 58.0822 262.313L57.6624 262.969H58.1806C58.0494 262.759 57.9051 262.555 57.7608 262.352C57.6165 262.149 57.4656 261.945 57.3081 261.748C56.9971 261.346 56.655 260.969 56.2848 260.62C56.4556 261.098 56.6618 261.563 56.9014 262.011C57.0129 262.24 57.1507 262.45 57.2688 262.667C57.3869 262.883 57.5312 263.1 57.6624 263.323L57.9248 263.73L58.1872 263.316C58.3184 263.106 58.4496 262.89 58.5742 262.66C58.6989 262.431 58.8235 262.227 58.935 262.004C59.1729 261.545 59.3726 261.066 59.532 260.574Z" fill="#37474F"/>
+<path d="M57.9051 259.656C57.79 259.933 57.7107 260.224 57.6689 260.522C57.6243 260.806 57.6023 261.093 57.6033 261.381C57.6078 261.671 57.6319 261.96 57.6755 262.247C57.7228 262.543 57.8065 262.831 57.9248 263.106C58.0398 262.829 58.1192 262.538 58.1609 262.24C58.2056 261.956 58.2275 261.669 58.2265 261.381C58.2221 261.091 58.1979 260.802 58.1544 260.515C58.107 260.219 58.0233 259.931 57.9051 259.656Z" fill="#37474F"/>
+<path d="M58.8495 208.167C58.673 208.642 58.5369 209.131 58.4428 209.629C58.3904 209.879 58.3576 210.121 58.3116 210.371C58.2657 210.62 58.2395 210.863 58.2132 211.112L58.679 210.882C58.4625 210.758 58.246 210.633 58.023 210.515C57.8 210.397 57.5835 210.279 57.367 210.174C56.911 209.947 56.4371 209.758 55.95 209.61C56.3128 209.966 56.7032 210.293 57.1177 210.587C57.3211 210.738 57.531 210.869 57.7344 211.014L58.3904 211.414L58.8102 211.663L58.8561 211.184C58.8561 210.935 58.9086 210.686 58.9217 210.436C58.9348 210.187 58.9545 209.931 58.9545 209.682C58.9586 209.175 58.9235 208.668 58.8495 208.167Z" fill="#37474F"/>
+<path d="M56.9801 208.062C56.9989 208.361 57.0562 208.656 57.1506 208.941C57.3226 209.492 57.5817 210.013 57.9182 210.482C58.087 210.726 58.2878 210.947 58.5151 211.138C58.5018 210.839 58.4466 210.543 58.3511 210.259C58.1792 209.708 57.9201 209.187 57.5836 208.718C57.4124 208.473 57.2095 208.252 56.9801 208.062Z" fill="#37474F"/>
+<path d="M36.08 234.229C36.0913 234.735 36.1395 235.239 36.2243 235.738C36.2636 235.987 36.3161 236.23 36.362 236.479C36.4079 236.728 36.4736 236.965 36.5326 237.207L36.8868 236.827L36.1456 236.715C35.8963 236.715 35.647 236.65 35.3977 236.637C34.8913 236.594 34.3822 236.594 33.8758 236.637C34.3399 236.842 34.8205 237.009 35.3124 237.135C35.5551 237.207 35.8044 237.253 36.0472 237.319L36.7819 237.463L37.2607 237.548L37.1361 237.083C37.0705 236.84 37.0049 236.597 36.9262 236.361C36.8475 236.125 36.7819 235.882 36.69 235.646C36.5249 235.158 36.3209 234.684 36.08 234.229Z" fill="#37474F"/>
+<path d="M34.3283 234.793C34.4507 235.066 34.6072 235.322 34.7941 235.554C34.9747 235.787 35.172 236.006 35.3845 236.21C35.5887 236.407 35.8081 236.587 36.0405 236.748C36.2903 236.915 36.559 237.051 36.8408 237.155C36.72 236.88 36.5634 236.622 36.3751 236.388C36.1965 236.153 35.999 235.934 35.7846 235.732C35.5819 235.534 35.3624 235.354 35.1286 235.194C34.8802 235.026 34.6112 234.892 34.3283 234.793Z" fill="#37474F"/>
+<path d="M48.2488 229.053C47.8086 229.305 47.3896 229.593 46.9958 229.913C46.799 230.064 46.6088 230.234 46.4186 230.392C46.2283 230.549 46.0446 230.726 45.8609 230.897L46.3661 231.021C46.2873 230.785 46.2021 230.549 46.1102 230.319C46.0184 230.09 45.92 229.854 45.815 229.624C45.6096 229.168 45.3683 228.73 45.0934 228.312C45.143 228.816 45.2307 229.316 45.3558 229.808C45.4149 230.057 45.487 230.293 45.5526 230.536C45.6182 230.779 45.7035 231.015 45.7822 231.251L45.9397 231.71L46.2873 231.376L46.8187 230.844C46.9893 230.661 47.1664 230.483 47.3304 230.287C47.6696 229.901 47.9767 229.489 48.2488 229.053Z" fill="#37474F"/>
+<path d="M46.8908 227.768C46.7146 228.01 46.567 228.272 46.4513 228.548C46.2298 229.084 46.0927 229.65 46.0445 230.228C46.0165 230.525 46.0275 230.825 46.0773 231.12C46.2549 230.878 46.4025 230.616 46.5169 230.339C46.6261 230.073 46.716 229.799 46.7858 229.519C46.8514 229.238 46.8974 228.953 46.9236 228.666C46.9517 228.367 46.9406 228.064 46.8908 227.768Z" fill="#37474F"/>
+<path d="M47.1072 211.984C46.67 212.234 46.2513 212.514 45.8542 212.824C45.6574 212.975 45.4737 213.145 45.2769 213.303C45.0801 213.46 44.903 213.637 44.7193 213.808L45.231 213.932C45.1457 213.696 45.0605 213.46 44.9686 213.231C44.8768 213.001 44.7849 212.765 44.6734 212.535C44.4666 212.08 44.2253 211.642 43.9518 211.223C44.0014 211.728 44.0891 212.228 44.2142 212.719C44.2733 212.968 44.3454 213.204 44.411 213.447C44.4766 213.69 44.5619 213.926 44.6406 214.162L44.7981 214.621L45.1457 214.287C45.3294 214.11 45.5065 213.939 45.6837 213.755C45.8608 213.572 46.0248 213.395 46.1888 213.198C46.5292 212.82 46.8364 212.414 47.1072 211.984Z" fill="#37474F"/>
+<path d="M45.7494 210.705C45.5719 210.947 45.4243 211.209 45.3099 211.486C45.2007 211.752 45.1108 212.026 45.041 212.306C44.9754 212.586 44.9294 212.871 44.9032 213.159C44.8753 213.458 44.8863 213.76 44.936 214.057C45.1147 213.816 45.2623 213.554 45.3755 213.277C45.4877 213.009 45.5777 212.732 45.6445 212.45C45.7106 212.169 45.7566 211.884 45.7823 211.597C45.8103 211.3 45.7993 211 45.7494 210.705Z" fill="#37474F"/>
+<path d="M56.8357 224.461C56.4462 224.785 56.0842 225.14 55.7533 225.524C55.5827 225.708 55.4253 225.904 55.2678 226.095C55.1104 226.285 54.953 226.488 54.8021 226.685L55.3203 226.724C55.2022 226.501 55.0776 226.283 54.9464 226.068C54.8087 225.858 54.684 225.642 54.5397 225.412C54.2572 224.988 53.9413 224.586 53.5951 224.212C53.7282 224.702 53.9016 225.18 54.1133 225.642C54.2117 225.878 54.3298 226.095 54.4347 226.298C54.5397 226.501 54.6643 226.744 54.7824 226.954L55.0186 227.38L55.3006 226.987C55.4493 226.79 55.5937 226.587 55.7336 226.377C55.8714 226.167 56.0157 225.963 56.1403 225.721C56.4066 225.321 56.6392 224.9 56.8357 224.461Z" fill="#37474F"/>
+<path d="M55.281 223.432C55.1421 223.696 55.0405 223.979 54.9792 224.271C54.9153 224.554 54.8736 224.841 54.8546 225.131C54.8316 225.419 54.8316 225.708 54.8546 225.997C54.8753 226.294 54.9371 226.588 55.0383 226.869C55.1772 226.604 55.2787 226.322 55.34 226.029C55.4051 225.747 55.4446 225.459 55.4581 225.17C55.4811 224.882 55.4811 224.592 55.4581 224.304C55.4331 224.007 55.3737 223.715 55.281 223.432Z" fill="#37474F"/>
+<path d="M75.512 230.241C75.0053 230.283 74.503 230.367 74.0097 230.49C73.767 230.543 73.5243 230.615 73.2881 230.68C73.052 230.746 72.8092 230.825 72.5665 230.903L72.9732 231.231C72.9995 230.982 73.0192 230.733 73.0323 230.484C73.0323 230.228 73.0651 229.979 73.0323 229.729C73.0462 229.223 73.0177 228.716 72.947 228.214C72.7777 228.69 72.6461 229.18 72.5534 229.677C72.5009 229.926 72.4681 230.175 72.4288 230.418C72.3894 230.661 72.3632 230.917 72.3304 231.166L72.2845 231.645L72.7371 231.487L73.4456 231.231C73.6752 231.14 73.9113 231.054 74.1409 230.943C74.6177 230.75 75.0765 230.515 75.512 230.241Z" fill="#37474F"/>
+<path d="M74.8232 228.502C74.558 228.644 74.313 228.82 74.0951 229.027C73.8805 229.229 73.683 229.449 73.5047 229.683C73.32 229.907 73.1553 230.146 73.0127 230.398C72.8627 230.658 72.7459 230.936 72.665 231.225C72.9303 231.084 73.1752 230.907 73.3932 230.7C73.6078 230.498 73.8052 230.279 73.9836 230.044C74.1648 229.819 74.3271 229.58 74.469 229.329C74.6226 229.07 74.7417 228.792 74.8232 228.502Z" fill="#37474F"/>
+<path d="M90.8691 241.255C90.3645 241.3 89.8643 241.385 89.3735 241.511C89.1242 241.563 88.888 241.636 88.6453 241.701C88.4026 241.767 88.1664 241.845 87.9303 241.924L88.3304 242.246C88.3304 241.996 88.3829 241.747 88.396 241.498C88.4091 241.249 88.396 240.999 88.396 240.75C88.4077 240.241 88.3769 239.732 88.3042 239.228C88.1356 239.707 88.0041 240.198 87.9106 240.697C87.8581 240.947 87.8253 241.189 87.786 241.439C87.7466 241.688 87.7203 241.937 87.6941 242.187L87.6416 242.665L88.1008 242.508C88.337 242.429 88.5731 242.344 88.8027 242.252C89.0323 242.16 89.2685 242.069 89.4981 241.964C89.9737 241.765 90.4323 241.528 90.8691 241.255Z" fill="#37474F"/>
+<path d="M90.1802 239.523C89.9165 239.664 89.6719 239.838 89.452 240.041C89.0271 240.435 88.6643 240.89 88.3762 241.393C88.2209 241.647 88.1037 241.924 88.0285 242.213C88.2901 242.068 88.5344 241.894 88.7566 241.694C88.9688 241.492 89.1641 241.273 89.3405 241.038C89.5252 240.815 89.6898 240.576 89.8325 240.323C89.9798 240.071 90.0965 239.803 90.1802 239.523Z" fill="#37474F"/>
+<path d="M64.0649 234.636C63.699 234.987 63.3612 235.366 63.0547 235.771C62.8907 235.967 62.7529 236.171 62.6021 236.374C62.4512 236.577 62.32 236.787 62.1822 237.03H62.7005C62.5693 236.82 62.4315 236.61 62.2806 236.374C62.1297 236.138 61.992 235.961 61.8345 235.771C61.5276 235.365 61.1875 234.985 60.8177 234.636C60.9848 235.117 61.1888 235.584 61.4278 236.033C61.5393 236.256 61.6705 236.466 61.7886 236.689C61.9067 236.912 62.051 237.115 62.1822 237.345L62.4446 237.758L62.7005 237.345C62.8382 237.135 62.9694 236.925 63.0941 236.689C63.2187 236.453 63.3433 236.256 63.4549 236.033C63.6981 235.586 63.9022 235.118 64.0649 234.636Z" fill="#37474F"/>
+<path d="M62.4446 233.711C62.3243 233.987 62.2426 234.278 62.2018 234.577C62.1569 234.861 62.135 235.148 62.1362 235.436C62.1352 235.726 62.1572 236.016 62.2018 236.302C62.2438 236.598 62.3254 236.887 62.4446 237.162C62.5607 236.886 62.6423 236.598 62.6873 236.302C62.7319 236.016 62.7539 235.726 62.7529 235.436C62.7541 235.148 62.7322 234.861 62.6873 234.577C62.6401 234.28 62.5587 233.989 62.4446 233.711Z" fill="#37474F"/>
+<path d="M81.0486 263.336C80.5538 263.23 80.0516 263.162 79.5464 263.133C79.2905 263.133 79.0412 263.133 78.7919 263.1H78.0638L78.3524 263.533C78.4508 263.303 78.5492 263.073 78.6345 262.837C78.7198 262.601 78.8116 262.365 78.8772 262.129C79.0434 261.649 79.1663 261.155 79.2446 260.653C78.9377 261.066 78.6677 261.505 78.4377 261.965C78.3131 262.181 78.2081 262.411 78.0966 262.621C77.9851 262.831 77.8867 263.073 77.7883 263.277L77.5915 263.723H78.0769L78.8248 263.684C79.074 263.684 79.3233 263.651 79.5726 263.618C80.0714 263.564 80.5651 263.47 81.0486 263.336Z" fill="#37474F"/>
+<path d="M80.9043 261.479C80.611 261.539 80.3266 261.636 80.0581 261.768C79.7947 261.888 79.5423 262.031 79.3037 262.195C79.0724 262.358 78.8532 262.538 78.6477 262.732C78.4264 262.936 78.2324 263.168 78.0704 263.421C78.3637 263.362 78.6481 263.265 78.9166 263.133C79.1813 263.015 79.434 262.872 79.671 262.706C79.9023 262.543 80.1215 262.363 80.327 262.168C80.5483 261.964 80.7423 261.733 80.9043 261.479Z" fill="#37474F"/>
+<path d="M80.865 236.886C80.4952 237.235 80.1551 237.615 79.8482 238.021C79.6908 238.211 79.5464 238.421 79.4021 238.624C79.2578 238.827 79.1135 239.037 78.9823 239.241H79.5005C79.3628 239.031 79.225 238.827 79.0807 238.624C78.9363 238.421 78.792 238.211 78.628 238.021C78.3215 237.616 77.9837 237.237 77.6178 236.886C77.7786 237.366 77.9806 237.831 78.2213 238.276C78.3328 238.506 78.464 238.716 78.5887 238.932C78.7133 239.149 78.8445 239.359 78.9757 239.588L79.2381 240.002L79.5005 239.588C79.6317 239.379 79.7629 239.169 79.8876 238.932C80.0122 238.696 80.1434 238.499 80.2549 238.276C80.4951 237.83 80.6991 237.365 80.865 236.886Z" fill="#37474F"/>
+<path d="M79.2383 235.961C79.1212 236.238 79.0396 236.529 78.9955 236.827C78.9506 237.111 78.9287 237.398 78.9299 237.686C78.9289 237.976 78.9509 238.266 78.9955 238.552C79.0406 238.848 79.1221 239.136 79.2383 239.412C79.3574 239.137 79.4391 238.848 79.481 238.552C79.5256 238.266 79.5476 237.976 79.5466 237.686C79.5478 237.398 79.5259 237.111 79.481 236.827C79.4402 236.528 79.3585 236.237 79.2383 235.961Z" fill="#37474F"/>
+<path d="M44.3783 244.83C44.3261 245.336 44.3129 245.844 44.3389 246.352C44.3389 246.601 44.3717 246.851 44.3848 247.1C44.398 247.349 44.4373 247.598 44.4701 247.848L44.8637 247.513C44.6276 247.441 44.3848 247.369 44.1421 247.31C43.8994 247.251 43.6567 247.185 43.4074 247.139C42.9124 247.034 42.4102 246.966 41.9052 246.936C42.3416 247.191 42.7979 247.41 43.2696 247.592C43.4992 247.69 43.742 247.769 43.9716 247.854C44.2012 247.94 44.4504 248.018 44.6866 248.09L45.1523 248.235L45.0802 247.756C45.0474 247.507 45.0146 247.257 44.9687 247.015C44.9227 246.772 44.8768 246.516 44.8178 246.273C44.7078 245.782 44.5609 245.299 44.3783 244.83Z" fill="#37474F"/>
+<path d="M42.5416 245.178C42.6274 245.465 42.7532 245.739 42.9155 245.991C43.065 246.238 43.2339 246.473 43.4206 246.693C43.6089 246.913 43.8128 247.119 44.0307 247.31C44.2583 247.506 44.5095 247.674 44.7786 247.808C44.686 247.524 44.5605 247.251 44.4046 246.995C44.2551 246.746 44.0839 246.511 43.893 246.293C43.708 246.072 43.5039 245.868 43.2829 245.683C43.0584 245.484 42.8092 245.314 42.5416 245.178Z" fill="#37474F"/>
+<path d="M68.5586 252.571C68.1927 252.92 67.855 253.297 67.5483 253.699C67.3843 253.896 67.2466 254.106 67.0957 254.303C66.9448 254.499 66.8136 254.716 66.6759 254.926H67.1941C67.0629 254.716 66.9186 254.506 66.7743 254.303C66.63 254.099 66.4856 253.896 66.3282 253.699C66.0212 253.295 65.6811 252.918 65.3114 252.571C65.4786 253.049 65.6826 253.514 65.9215 253.962C66.033 254.191 66.1642 254.401 66.2823 254.618C66.4004 254.834 66.5447 255.044 66.6759 255.274L66.9383 255.68L67.1941 255.274C67.3319 255.064 67.4631 254.854 67.5877 254.618C67.7123 254.381 67.837 254.185 67.9485 253.962C68.1902 253.516 68.3943 253.051 68.5586 252.571Z" fill="#37474F"/>
+<path d="M66.9119 251.646C66.7922 251.92 66.7105 252.209 66.6691 252.505C66.6245 252.792 66.6025 253.081 66.6035 253.371C66.5993 253.659 66.6212 253.947 66.6691 254.231C66.7099 254.529 66.7916 254.82 66.9119 255.097C67.026 254.818 67.1074 254.528 67.1546 254.231C67.1992 253.946 67.2212 253.659 67.2202 253.371C67.2212 253.081 67.1992 252.792 67.1546 252.505C67.1074 252.21 67.0259 251.922 66.9119 251.646Z" fill="#37474F"/>
+<path d="M88.0679 250.872C87.6981 251.222 87.358 251.601 87.0511 252.007C86.8936 252.197 86.7493 252.407 86.5984 252.604C86.4476 252.801 86.3163 253.017 86.1786 253.227H86.7034C86.5656 253.017 86.4279 252.807 86.2836 252.604C86.1392 252.401 85.9949 252.197 85.8309 252C85.5243 251.598 85.1865 251.221 84.8207 250.872C84.9827 251.352 85.1846 251.817 85.4242 252.263C85.5357 252.492 85.6669 252.702 85.7916 252.919C85.9162 253.135 86.0474 253.345 86.1786 253.575L86.441 253.988L86.7034 253.575C86.8346 253.365 86.9658 253.155 87.0904 252.919C87.2151 252.683 87.3463 252.486 87.4578 252.263C87.6967 251.816 87.9006 251.351 88.0679 250.872Z" fill="#37474F"/>
+<path d="M86.4409 249.921C86.3247 250.196 86.2432 250.485 86.1982 250.78C86.1535 251.067 86.1316 251.356 86.1326 251.646C86.1316 251.934 86.1535 252.221 86.1982 252.506C86.239 252.804 86.3206 253.095 86.4409 253.371C86.5612 253.095 86.6429 252.804 86.6837 252.506C86.7283 252.221 86.7502 251.934 86.7492 251.646C86.7502 251.356 86.7283 251.067 86.6837 250.78C86.6386 250.485 86.5571 250.196 86.4409 249.921Z" fill="#37474F"/>
+<path d="M85.7916 233.468C85.7916 233.468 91.6956 233.468 90.9609 230.929C90.7116 230.044 88.3369 230.47 86.9789 231.894C87.9695 230.182 87.7333 227.794 86.8149 227.8C84.1844 227.813 85.7916 233.468 85.7916 233.468Z" fill="#4361EE"/>
+<path opacity="0.2" d="M85.7916 233.468C85.7916 233.468 91.6956 233.468 90.9609 230.929C90.7116 230.044 88.3369 230.47 86.9789 231.894C87.9695 230.182 87.7333 227.794 86.8149 227.8C84.1844 227.813 85.7916 233.468 85.7916 233.468Z" fill="black"/>
+<path d="M85.7916 233.468C88.0482 235.174 91.2823 234.38 91.4463 233.094C91.6365 231.638 87.7924 232.51 87.7924 232.51C87.7924 232.51 91.1117 229.683 89.5439 228.496C87.9761 227.308 86.1655 231.284 86.1655 231.284C86.1655 231.284 85.949 227.348 84.5976 227.925C83.4103 228.437 83.5349 231.763 85.7916 233.468Z" fill="#4361EE"/>
+<path d="M40.9736 218.203C40.9736 218.203 44.0699 213.211 41.5377 212.469C40.6587 212.214 39.7731 214.437 40.2585 216.366C39.327 214.621 37.1753 213.565 36.6965 214.346C35.3189 216.589 40.9736 218.203 40.9736 218.203Z" fill="#4361EE"/>
+<path opacity="0.2" d="M40.9736 218.203C40.9736 218.203 44.0699 213.211 41.5377 212.469C40.6587 212.214 39.7731 214.437 40.2585 216.366C39.327 214.621 37.1753 213.565 36.6965 214.346C35.3189 216.589 40.9736 218.203 40.9736 218.203Z" fill="black"/>
+<path d="M40.9738 218.203C43.5978 217.18 44.6408 214.018 43.6371 213.198C42.4957 212.273 41.2099 215.999 41.2099 215.999C41.2099 215.999 40.5539 211.689 38.7237 212.398C36.8934 213.106 39.3141 216.734 39.3141 216.734C39.3141 216.734 35.8504 214.838 35.6339 216.294C35.424 217.573 38.3301 219.22 40.9738 218.203Z" fill="#4361EE"/>
+<path d="M79.999 273.471H48.1305L51.3384 300.118H76.7912L79.999 273.471Z" fill="#4361EE"/>
+<path opacity="0.1" d="M79.999 273.471L79.2774 279.48L48.675 278.011L48.1305 273.471H79.999Z" fill="black"/>
+<path d="M46.13 270.106H82.0066V274.869H46.13V270.106Z" fill="#4361EE"/>
+<path d="M129.796 130.457C129.762 130.634 129.793 130.818 129.885 130.974C129.977 131.13 130.123 131.247 130.295 131.303C131.134 131.473 132.145 131.657 133.273 131.873C136.848 125.195 140.456 119.987 139.42 122.066C137.84 125.34 136.759 128.831 136.212 132.425C137.524 132.667 140.581 133.199 142.116 133.468C145.999 121.404 150.152 112.62 149.614 115.421C147.43 126.73 147.646 130.509 147.941 134.497C162.196 136.971 180.912 140.001 194.517 141.904C196.944 135.272 199.247 128.049 199.424 128.593C200.795 132.693 200.592 138.355 200.08 142.671C204.41 143.249 207.873 143.629 210.005 143.754C210.005 143.754 211.737 138.138 212.118 136.262C213.115 131.463 213.213 126.521 212.406 121.686C211.567 116.713 209.612 112.174 207.814 107.542C207.804 107.505 207.789 107.47 207.768 107.437C207.768 107.437 207.768 107.437 207.768 107.398C206.55 104.386 205.695 101.239 205.223 98.0239C205.219 98.0001 205.219 97.9756 205.223 97.9517C204.93 95.6374 204.844 93.3015 204.967 90.9719C205.394 82.4439 201.556 74.5719 193.907 71.3312C180.708 55.3445 164.964 59.3855 159.074 69.6257C158.503 70.6293 157.932 71.7839 157.355 73.05V73.0893C155.21 77.7732 153.045 83.9265 151.162 88.6562C151.162 88.6562 151.162 88.6562 151.162 88.7087C150.447 90.5682 149.615 92.3802 148.669 94.1338C143.71 102.504 134.434 106.414 129.796 130.457Z" fill="#263238"/>
+<path d="M197.056 74.0997C201.917 77.465 204.606 81.834 204.639 88.0922C204.639 91.7396 204.455 95.2754 205.413 98.8375C206.391 102.511 208.286 105.66 210.241 108.822C213.344 113.834 215.338 118.662 215.155 124.802C214.965 131.014 213.758 138.217 210.97 143.682C210.97 143.714 210.904 143.682 210.924 143.682C213.331 138.086 214.381 130.057 214.112 123.844C213.817 117.015 210.563 112.338 207.329 106.788C204.732 102.439 203.361 97.4677 203.36 92.4021C203.36 89.3058 203.799 86.1439 202.934 83.1263C201.904 79.5183 199.26 76.973 196.61 74.677C196.546 74.614 196.507 74.5297 196.501 74.44C196.495 74.3503 196.522 74.2615 196.576 74.1903C196.631 74.1192 196.711 74.0707 196.799 74.054C196.887 74.0373 196.979 74.0536 197.056 74.0997Z" fill="#263238"/>
+<path d="M138.692 102.511C142.962 98.1946 147.298 94.5998 150.191 88.9385C152.815 83.7758 154.665 78.2063 157.342 73.0567C157.343 73.0455 157.348 73.0349 157.354 73.0256C157.361 73.0164 157.369 73.0088 157.379 73.0034C157.389 72.9981 157.4 72.9952 157.411 72.9949C157.423 72.9946 157.434 72.997 157.444 73.0018C157.454 73.0067 157.463 73.0138 157.47 73.0227C157.477 73.0317 157.482 73.0421 157.484 73.0532C157.486 73.0642 157.486 73.0757 157.483 73.0866C157.48 73.0974 157.474 73.1074 157.466 73.1158C153.189 82.2998 151.379 91.9167 144.176 99.2049C140.24 103.141 136.383 106.795 133.503 111.767C130.559 116.991 128.637 122.729 127.841 128.672C127.809 128.889 127.54 128.836 127.546 128.633C127.851 118.835 131.829 109.511 138.692 102.511Z" fill="#263238"/>
+<path d="M194.005 70.5442C192.005 69.5011 191.48 57.5291 199.909 52.9109C208.188 48.3648 217.385 55.9088 212.045 64.9944C208.608 70.7344 198.237 72.7549 194.005 70.5442Z" fill="#263238"/>
+<path d="M210.74 53.5669C212.783 55.7552 214.023 58.5723 214.256 61.557C214.393 62.9486 214.162 64.3517 213.586 65.626C213.011 66.9003 212.111 68.0013 210.976 68.8189C208.707 70.5376 205.774 71.2986 202.848 71.6003C201.362 71.7348 199.867 71.7348 198.381 71.6003C196.87 71.5267 195.386 71.1707 194.006 70.5507C195.268 71.4729 196.717 72.1087 198.25 72.4138C199.779 72.7663 201.345 72.9359 202.914 72.9189C206.146 72.9722 209.314 72.0134 211.973 70.1768C213.336 69.2056 214.396 67.8681 215.03 66.3193C215.664 64.7705 215.846 63.0738 215.555 61.4258C215.329 59.8573 214.785 58.3515 213.957 57.0003C213.129 55.649 212.035 54.4808 210.74 53.5669Z" fill="#263238"/>
+<path d="M157.899 138.985C130.708 159.255 93.4143 204.932 97.3831 215.96C101.805 228.234 139.702 199.783 139.872 197.808C140.003 196.319 156.194 167.586 168.336 146.739C180.479 125.891 164.623 133.973 157.899 138.985Z" fill="#EB9481"/>
+<path d="M140.089 197.88C141.584 194.771 163.423 156.952 169.851 144.921C176.28 132.89 172.725 128.324 158.096 138.04C143.467 147.755 109.48 182.353 99.9153 202.02C90.6985 220.971 100.945 222.539 115.856 215.428C128.104 209.59 140.089 197.88 140.089 197.88Z" fill="#4361EE"/>
+<path d="M159.644 138.539C159.644 139.133 159.82 139.714 160.15 140.208C160.481 140.702 160.95 141.087 161.499 141.314C162.048 141.542 162.652 141.601 163.235 141.485C163.818 141.369 164.353 141.083 164.773 140.663C165.193 140.243 165.479 139.708 165.595 139.125C165.711 138.542 165.652 137.938 165.424 137.389C165.197 136.84 164.812 136.371 164.318 136.041C163.824 135.71 163.243 135.534 162.649 135.534C162.457 135.535 162.266 135.552 162.078 135.587C161.527 135.882 160.969 136.243 160.379 136.584C159.905 137.125 159.644 137.82 159.644 138.539ZM141.125 169.567C141.72 169.567 142.301 169.744 142.795 170.074C143.289 170.405 143.674 170.874 143.902 171.424C144.129 171.973 144.188 172.578 144.071 173.161C143.955 173.743 143.668 174.279 143.247 174.699C142.827 175.119 142.291 175.404 141.707 175.519C141.124 175.635 140.52 175.574 139.971 175.346C139.422 175.117 138.953 174.731 138.624 174.236C138.295 173.741 138.119 173.16 138.121 172.565C138.122 171.77 138.44 171.007 139.003 170.445C139.566 169.883 140.33 169.567 141.125 169.567ZM122.39 171.47C122.53 171.818 122.601 172.19 122.6 172.565C122.6 173.361 122.284 174.124 121.722 174.688C121.16 175.251 120.398 175.568 119.602 175.57C119.356 175.57 119.112 175.539 118.874 175.478C120.02 174.135 121.192 172.808 122.39 171.496V171.47ZM151.91 152.984C152.504 152.984 153.085 153.16 153.579 153.49C154.073 153.82 154.458 154.29 154.686 154.839C154.913 155.387 154.973 155.992 154.857 156.574C154.741 157.157 154.455 157.693 154.034 158.113C153.614 158.533 153.079 158.819 152.496 158.935C151.913 159.051 151.309 158.991 150.76 158.764C150.211 158.537 149.742 158.152 149.412 157.657C149.082 157.163 148.905 156.582 148.905 155.988C148.905 155.196 149.218 154.436 149.776 153.873C150.334 153.31 151.091 152.991 151.884 152.984H151.91ZM119.628 203.601C120.223 203.601 120.804 203.777 121.298 204.108C121.792 204.438 122.177 204.908 122.405 205.457C122.632 206.006 122.691 206.611 122.574 207.194C122.458 207.777 122.171 208.312 121.75 208.732C121.329 209.152 120.793 209.438 120.21 209.553C119.627 209.668 119.023 209.608 118.474 209.379C117.925 209.151 117.456 208.765 117.127 208.27C116.797 207.775 116.622 207.193 116.624 206.599C116.624 205.807 116.937 205.047 117.495 204.486C118.053 203.924 118.81 203.606 119.602 203.601H119.628ZM99.1347 203.791C99.7954 204.034 100.35 204.501 100.7 205.111C101.051 205.721 101.176 206.435 101.053 207.128C100.931 207.821 100.568 208.449 100.029 208.902C99.4897 209.354 98.8086 209.602 98.1048 209.603C97.7554 209.604 97.4088 209.541 97.0814 209.419C97.6045 207.492 98.2824 205.61 99.1084 203.791H99.1347ZM130.387 187.017C130.981 187.017 131.562 187.193 132.056 187.523C132.55 187.854 132.935 188.323 133.162 188.872C133.39 189.421 133.449 190.025 133.333 190.608C133.217 191.19 132.931 191.726 132.511 192.146C132.091 192.566 131.555 192.852 130.973 192.968C130.39 193.084 129.786 193.025 129.237 192.797C128.688 192.57 128.219 192.185 127.888 191.691C127.558 191.197 127.382 190.616 127.382 190.022C127.382 189.229 127.695 188.469 128.253 187.906C128.811 187.344 129.568 187.024 130.36 187.017H130.387ZM109.506 187.083C109.993 187.189 110.446 187.416 110.823 187.741C111.201 188.066 111.492 188.48 111.67 188.946C111.847 189.412 111.907 189.914 111.842 190.408C111.777 190.903 111.59 191.373 111.298 191.777C111.006 192.181 110.618 192.506 110.17 192.723C109.721 192.94 109.225 193.041 108.727 193.019C108.229 192.996 107.745 192.85 107.317 192.594C106.89 192.337 106.533 191.979 106.279 191.55C107.263 190.094 108.345 188.598 109.48 187.083H109.506Z" fill="white"/>
+<path opacity="0.1" d="M96.911 216.209C98.82 220.939 106.41 219.922 115.889 215.408C128.097 209.59 140.089 197.88 140.089 197.88C141.591 194.771 163.423 156.952 169.852 144.921C174.444 136.328 173.952 131.545 167.962 133.041L96.911 216.209Z" fill="black"/>
+<path d="M115.285 300.118H178.157C180.892 289.386 185.097 272.868 188.764 258.482C188.762 258.471 188.762 258.46 188.764 258.449C188.987 257.57 189.217 256.691 189.42 255.825C189.564 255.287 189.696 254.756 189.827 254.237C193.356 240.402 196.137 229.467 196.203 229.217C196.269 228.968 196.275 228.942 196.295 228.85C196.316 228.781 196.334 228.711 196.347 228.64H135.661L115.285 300.118Z" fill="#37474F"/>
+<path d="M137.622 228.621C137.622 228.66 137.622 228.732 137.622 228.83C137.622 229.545 137.622 230.254 137.622 230.969C137.622 232.786 137.734 234.61 137.852 236.427C138.33 243.535 139.259 250.606 140.633 257.596C142.408 266.814 144.761 275.911 147.679 284.833C147.935 285.607 148.085 286.04 148.105 286.086L152.946 288.481L153.333 288.677C156.489 290.239 160.379 292.174 162.918 293.44C164.269 294.096 165.24 294.594 165.509 294.752L165.588 294.791C165.588 294.791 165.693 296.95 165.83 300.105H231.424C230.112 288.986 229.935 287.523 229.935 287.523C230.322 285.378 232.034 279.841 231.424 273.425C230.072 259.302 221.413 230.949 220.626 229.263C220.442 228.85 220.337 228.607 220.337 228.607H203.754H164.459H137.622V228.621Z" fill="#37474F"/>
+<path d="M165.542 294.62V294.765C165.542 296.549 165.594 298.34 165.62 300.118H166.276C166.132 298.333 166.014 296.529 165.804 294.738C165.804 294.574 165.771 294.424 165.752 294.26C165.746 294.237 165.733 294.217 165.714 294.203C165.696 294.188 165.673 294.181 165.65 294.181C165.627 294.181 165.604 294.188 165.586 294.203C165.567 294.217 165.554 294.237 165.548 294.26C165.548 294.384 165.542 294.502 165.542 294.62Z" fill="#263238"/>
+<path d="M173.407 298.058C170.619 296.129 167.608 294.502 164.656 292.81C161.704 291.117 158.575 289.471 155.433 288.008C149.299 285.148 142.818 283.088 136.363 281.081C136.199 281.035 136.094 281.297 136.251 281.369C142.47 284.039 148.499 287.103 154.685 289.845C157.794 291.222 160.93 292.547 164.046 293.918C167.162 295.29 170.199 296.844 173.335 298.156C173.347 298.157 173.359 298.155 173.37 298.15C173.381 298.145 173.391 298.137 173.398 298.127C173.405 298.117 173.41 298.106 173.412 298.094C173.413 298.081 173.412 298.069 173.407 298.058Z" fill="#263238"/>
+<path d="M156.391 267.626C156.312 264.576 156.095 261.526 155.944 258.482C155.59 251.266 155.288 244.05 154.632 236.886C154.632 236.827 154.609 236.77 154.567 236.728C154.525 236.687 154.469 236.663 154.409 236.663C154.35 236.663 154.294 236.687 154.252 236.728C154.21 236.77 154.186 236.827 154.186 236.886C154.095 242.449 154.311 248.038 154.423 253.588C154.482 256.376 154.56 259.157 154.639 261.939C154.791 264.595 154.808 267.258 154.692 269.916C154.541 271.923 154.101 275.82 151.484 276.063C149.017 276.292 147.666 273.629 147.049 271.68C145.488 266.728 144.93 261.375 144.425 256.225C144.123 253.175 143.822 250.137 143.644 247.074C143.467 244.01 143.218 239.431 143.382 236.348C143.382 236.151 143.107 236.158 143.074 236.348C142.588 238.972 142.569 244.358 142.634 247.5C143.238 275.879 147.712 277.499 150.08 277.958C150.37 278.015 150.664 278.045 150.959 278.05C150.959 278.706 151.07 279.362 151.116 279.979C151.188 280.989 151.313 281.993 151.451 282.996C151.591 283.98 151.797 284.953 152.068 285.909C152.277 286.879 152.622 287.816 153.091 288.691C153.107 288.72 153.133 288.743 153.165 288.756C153.196 288.768 153.23 288.771 153.263 288.761C153.295 288.752 153.324 288.733 153.344 288.706C153.364 288.678 153.374 288.645 153.373 288.612C153.396 287.648 153.317 286.685 153.137 285.739C152.999 284.755 152.861 283.771 152.658 282.8C152.455 281.829 152.291 280.891 152.094 279.939C151.963 279.283 151.871 278.627 151.753 277.971C152.516 277.837 153.235 277.516 153.844 277.037C154.453 276.557 154.933 275.934 155.243 275.223C156.364 272.94 156.456 270.172 156.391 267.626Z" fill="#263238"/>
+<path d="M213.699 262.241C209.763 262.516 205.827 263.028 201.851 262.555C198.114 262.169 194.552 260.77 191.552 258.508C184.992 253.444 182.158 245.152 180.4 237.372C180.394 237.335 180.374 237.302 180.343 237.281C180.313 237.259 180.276 237.251 180.239 237.257C180.203 237.263 180.17 237.283 180.149 237.313C180.127 237.344 180.118 237.381 180.125 237.417C180.866 244.161 182.316 251.134 186.685 256.566C188.559 258.953 190.93 260.904 193.632 262.286C196.504 263.623 199.649 264.272 202.816 264.182C206.513 264.14 210.191 263.635 213.764 262.68C213.811 262.66 213.85 262.625 213.875 262.581C213.899 262.537 213.909 262.485 213.901 262.435C213.894 262.385 213.87 262.338 213.833 262.303C213.796 262.268 213.749 262.246 213.699 262.241Z" fill="#263238"/>
+<path d="M127.264 260.666C128.366 260.541 129.449 260.633 130.544 259.82C131.64 259.006 132.617 257.543 133.496 255.136C135.398 249.888 136.337 242.016 136.96 234.748C136.96 234.584 137.045 234.59 137.038 234.748C136.717 240.98 136.199 247.494 134.893 252.873C134.443 254.912 133.76 256.893 132.86 258.777C132.046 260.338 131.141 261.086 130.236 261.401C129.735 261.563 129.206 261.62 128.682 261.568C128.158 261.516 127.651 261.356 127.192 261.099C127.146 261.053 127.166 260.712 127.264 260.666Z" fill="#263238"/>
+<path d="M214.401 230.582C216.533 242.239 219.052 254.06 221.38 265.691C221.977 269.168 223.014 272.599 222.804 276.141C222.504 279.712 221.941 283.255 221.118 286.742C221.492 288.986 221.859 291.229 222.259 293.473C222.66 295.716 223.034 297.907 223.46 300.118C223.257 297.874 223.001 295.637 222.758 293.4C222.515 291.163 222.253 288.927 221.991 286.69C222.967 283.259 223.626 279.745 223.959 276.194C224.078 274.964 224.049 273.724 223.873 272.5C223.165 267.725 222.168 263.067 221.171 258.39C219.137 249.055 216.9 239.766 214.368 230.556L214.401 230.582Z" fill="#263238"/>
+<path d="M134.716 229.539L139.203 201.298C139.203 201.298 130.393 190.231 136.172 178.108C139.092 171.962 156.587 141.504 167.195 133.986C177.146 126.927 193.172 132.018 197.594 139.66C208.746 158.94 215.115 181.874 221.564 229.532L134.716 229.539Z" fill="#4361EE"/>
+<path d="M181.168 138.539C181.168 139.133 181.344 139.714 181.674 140.208C182.004 140.702 182.473 141.087 183.022 141.314C183.571 141.542 184.175 141.601 184.758 141.485C185.341 141.369 185.876 141.083 186.297 140.663C186.717 140.243 187.003 139.708 187.119 139.125C187.235 138.542 187.175 137.938 186.948 137.389C186.721 136.84 186.335 136.371 185.841 136.041C185.347 135.71 184.766 135.534 184.172 135.534C183.375 135.534 182.611 135.851 182.048 136.414C181.484 136.978 181.168 137.742 181.168 138.539ZM164.532 136.203C164.849 136.464 165.11 136.786 165.298 137.151C165.486 137.517 165.597 137.917 165.624 138.326C165.651 138.736 165.593 139.147 165.454 139.534C165.316 139.921 165.099 140.275 164.818 140.574C164.537 140.874 164.198 141.112 163.821 141.275C163.444 141.438 163.037 141.521 162.626 141.521C162.216 141.52 161.809 141.435 161.433 141.27C161.057 141.106 160.718 140.866 160.438 140.566C161.721 139.037 163.088 137.581 164.532 136.203ZM205.696 169.567C206.29 169.567 206.871 169.744 207.365 170.074C207.86 170.405 208.245 170.874 208.472 171.424C208.699 171.973 208.758 172.578 208.642 173.161C208.525 173.743 208.239 174.279 207.818 174.699C207.397 175.119 206.861 175.404 206.278 175.519C205.694 175.635 205.09 175.574 204.541 175.346C203.992 175.117 203.524 174.731 203.194 174.236C202.865 173.741 202.69 173.16 202.691 172.565C202.693 171.77 203.01 171.007 203.573 170.445C204.137 169.883 204.9 169.567 205.696 169.567ZM184.172 169.567C184.767 169.567 185.348 169.744 185.842 170.074C186.336 170.405 186.721 170.874 186.949 171.424C187.176 171.973 187.235 172.578 187.118 173.161C187.002 173.743 186.715 174.279 186.294 174.699C185.873 175.119 185.338 175.404 184.754 175.519C184.171 175.635 183.567 175.574 183.018 175.346C182.469 175.117 182 174.731 181.671 174.236C181.341 173.741 181.166 173.16 181.168 172.565C181.168 172.171 181.245 171.781 181.397 171.417C181.548 171.052 181.769 170.722 182.048 170.443C182.327 170.165 182.658 169.944 183.023 169.794C183.387 169.644 183.778 169.567 184.172 169.567ZM162.649 169.567C163.243 169.567 163.824 169.744 164.319 170.074C164.813 170.405 165.198 170.874 165.425 171.424C165.652 171.973 165.712 172.578 165.595 173.161C165.479 173.743 165.192 174.279 164.771 174.699C164.35 175.119 163.814 175.404 163.231 175.519C162.648 175.635 162.043 175.574 161.494 175.346C160.946 175.117 160.477 174.731 160.147 174.236C159.818 173.741 159.643 173.16 159.644 172.565C159.646 171.77 159.963 171.007 160.527 170.445C161.09 169.883 161.853 169.567 162.649 169.567ZM140.817 169.567H141.125C141.664 169.566 142.193 169.71 142.657 169.984C143.121 170.257 143.503 170.651 143.763 171.122C144.023 171.594 144.151 172.127 144.134 172.665C144.118 173.204 143.956 173.728 143.668 174.182C143.379 174.637 142.973 175.006 142.493 175.25C142.013 175.494 141.476 175.605 140.939 175.57C140.401 175.536 139.883 175.357 139.438 175.054C138.993 174.75 138.638 174.332 138.41 173.845C139.072 172.585 139.905 171.148 140.817 169.581V169.567ZM194.931 152.971C195.525 152.969 196.107 153.144 196.602 153.474C197.097 153.803 197.483 154.272 197.711 154.821C197.939 155.37 198 155.974 197.885 156.557C197.769 157.141 197.484 157.676 197.064 158.097C196.644 158.518 196.109 158.805 195.526 158.921C194.943 159.038 194.338 158.979 193.789 158.752C193.24 158.524 192.77 158.139 192.439 157.645C192.109 157.151 191.933 156.57 191.933 155.975C191.936 155.182 192.253 154.422 192.815 153.861C193.377 153.301 194.137 152.986 194.931 152.984V152.971ZM173.407 152.971C174.002 152.969 174.583 153.144 175.078 153.474C175.573 153.803 175.959 154.272 176.188 154.821C176.416 155.37 176.477 155.974 176.361 156.557C176.246 157.141 175.96 157.676 175.541 158.097C175.121 158.518 174.585 158.805 174.002 158.921C173.419 159.038 172.815 158.979 172.266 158.752C171.716 158.524 171.247 158.139 170.916 157.645C170.586 157.151 170.409 156.57 170.409 155.975C170.413 155.182 170.73 154.422 171.292 153.861C171.853 153.301 172.614 152.986 173.407 152.984V152.971ZM151.103 153.076C151.357 153.004 151.62 152.969 151.884 152.971C152.46 152.97 153.023 153.136 153.508 153.447C153.993 153.758 154.378 154.201 154.617 154.725C154.857 155.248 154.941 155.83 154.86 156.4C154.778 156.97 154.535 157.504 154.158 157.94C153.782 158.376 153.288 158.694 152.736 158.857C152.183 159.02 151.596 159.021 151.043 158.859C150.49 158.698 149.996 158.381 149.618 157.946C149.24 157.512 148.995 156.978 148.912 156.408C149.627 155.293 150.362 154.184 151.103 153.089V153.076ZM205.696 203.588C206.29 203.588 206.871 203.764 207.365 204.094C207.86 204.425 208.245 204.894 208.472 205.444C208.699 205.993 208.758 206.598 208.642 207.181C208.525 207.764 208.239 208.299 207.818 208.719C207.397 209.139 206.861 209.424 206.278 209.54C205.694 209.655 205.09 209.594 204.541 209.366C203.992 209.138 203.524 208.751 203.194 208.257C202.865 207.762 202.69 207.18 202.691 206.586C202.695 205.792 203.013 205.031 203.576 204.472C204.139 203.912 204.902 203.599 205.696 203.601V203.588ZM184.172 203.588C184.767 203.588 185.348 203.764 185.842 204.094C186.336 204.425 186.721 204.894 186.949 205.444C187.176 205.993 187.235 206.598 187.118 207.181C187.002 207.764 186.715 208.299 186.294 208.719C185.873 209.139 185.338 209.424 184.754 209.54C184.171 209.655 183.567 209.594 183.018 209.366C182.469 209.138 182 208.751 181.671 208.257C181.341 207.762 181.166 207.18 181.168 206.586C181.169 206.192 181.247 205.803 181.399 205.44C181.55 205.077 181.772 204.747 182.051 204.47C182.33 204.193 182.661 203.973 183.025 203.824C183.389 203.675 183.779 203.599 184.172 203.601V203.588ZM162.649 203.588C163.243 203.588 163.824 203.764 164.319 204.094C164.813 204.425 165.198 204.894 165.425 205.444C165.652 205.993 165.712 206.598 165.595 207.181C165.479 207.764 165.192 208.299 164.771 208.719C164.35 209.139 163.814 209.424 163.231 209.54C162.648 209.655 162.043 209.594 161.494 209.366C160.946 209.138 160.477 208.751 160.147 208.257C159.818 207.762 159.643 207.18 159.644 206.586C159.648 205.792 159.966 205.031 160.529 204.472C161.093 203.912 161.855 203.599 162.649 203.601V203.588ZM141.125 203.588C141.72 203.588 142.301 203.764 142.795 204.094C143.29 204.425 143.675 204.894 143.902 205.444C144.129 205.993 144.188 206.598 144.072 207.181C143.955 207.764 143.668 208.299 143.248 208.719C142.827 209.139 142.291 209.424 141.708 209.54C141.124 209.655 140.52 209.594 139.971 209.366C139.422 209.138 138.953 208.751 138.624 208.257C138.295 207.762 138.12 207.18 138.121 206.586C138.124 205.792 138.443 205.031 139.006 204.472C139.569 203.912 140.331 203.599 141.125 203.601V203.588ZM214.597 187.647C214.965 189.352 215.319 191.104 215.673 192.895C215.138 192.748 214.655 192.456 214.275 192.051C213.896 191.646 213.637 191.144 213.525 190.601C213.414 190.058 213.455 189.494 213.644 188.972C213.834 188.451 214.163 187.992 214.597 187.647ZM194.917 186.991C195.512 186.99 196.093 187.165 196.588 187.494C197.083 187.823 197.469 188.292 197.698 188.841C197.926 189.39 197.987 189.994 197.872 190.577C197.756 191.161 197.471 191.697 197.051 192.117C196.631 192.538 196.096 192.825 195.513 192.942C194.93 193.058 194.325 192.999 193.776 192.772C193.226 192.544 192.757 192.159 192.426 191.665C192.096 191.171 191.92 190.59 191.92 189.995C191.926 189.202 192.247 188.443 192.811 187.885C193.375 187.327 194.137 187.015 194.931 187.017L194.917 186.991ZM173.394 186.991C173.989 186.99 174.57 187.165 175.065 187.494C175.56 187.823 175.946 188.292 176.175 188.841C176.403 189.39 176.463 189.994 176.348 190.577C176.233 191.161 175.947 191.697 175.527 192.117C175.108 192.538 174.572 192.825 173.989 192.942C173.406 193.058 172.802 192.999 172.252 192.772C171.703 192.544 171.233 192.159 170.903 191.665C170.573 191.171 170.396 190.59 170.396 189.995C170.403 189.202 170.724 188.443 171.288 187.885C171.852 187.327 172.614 187.015 173.407 187.017L173.394 186.991ZM151.871 186.991C152.465 186.991 153.046 187.167 153.54 187.497C154.034 187.827 154.419 188.297 154.646 188.846C154.874 189.395 154.933 189.999 154.817 190.581C154.702 191.164 154.415 191.7 153.995 192.12C153.575 192.54 153.04 192.826 152.457 192.942C151.874 193.058 151.27 192.998 150.721 192.771C150.172 192.544 149.703 192.159 149.373 191.665C149.042 191.17 148.866 190.59 148.866 189.995C148.873 189.201 149.195 188.441 149.76 187.883C150.326 187.325 151.089 187.014 151.884 187.017L151.871 186.991ZM216.48 221.05C217.075 221.049 217.656 221.224 218.151 221.554C218.646 221.883 219.032 222.352 219.261 222.901C219.489 223.449 219.549 224.054 219.434 224.637C219.319 225.22 219.033 225.756 218.614 226.177C218.194 226.598 217.658 226.885 217.075 227.001C216.492 227.118 215.888 227.058 215.338 226.831C214.789 226.604 214.319 226.219 213.989 225.725C213.659 225.23 213.482 224.649 213.482 224.055C213.482 223.259 213.798 222.496 214.36 221.933C214.922 221.369 215.684 221.052 216.48 221.05ZM194.957 221.05C195.551 221.049 196.133 221.224 196.628 221.554C197.123 221.883 197.509 222.352 197.737 222.901C197.966 223.449 198.026 224.054 197.911 224.637C197.796 225.22 197.51 225.756 197.09 226.177C196.67 226.598 196.135 226.885 195.552 227.001C194.969 227.118 194.365 227.058 193.815 226.831C193.266 226.604 192.796 226.219 192.466 225.725C192.135 225.23 191.959 224.649 191.959 224.055C191.959 223.264 192.271 222.504 192.827 221.942C193.384 221.379 194.139 221.059 194.931 221.05H194.957ZM173.433 221.05C174.028 221.049 174.609 221.224 175.104 221.554C175.599 221.883 175.985 222.352 176.214 222.901C176.442 223.449 176.503 224.054 176.388 224.637C176.272 225.22 175.987 225.756 175.567 226.177C175.147 226.598 174.612 226.885 174.029 227.001C173.446 227.118 172.841 227.058 172.292 226.831C171.742 226.604 171.273 226.219 170.942 225.725C170.612 225.23 170.436 224.649 170.436 224.055C170.435 223.264 170.748 222.504 171.304 221.942C171.86 221.379 172.616 221.059 173.407 221.05H173.433ZM151.91 221.05C152.504 221.05 153.085 221.227 153.579 221.557C154.073 221.887 154.458 222.356 154.686 222.905C154.913 223.454 154.973 224.058 154.857 224.641C154.741 225.224 154.455 225.759 154.035 226.179C153.614 226.6 153.079 226.886 152.496 227.002C151.913 227.118 151.309 227.058 150.76 226.831C150.211 226.603 149.742 226.218 149.412 225.724C149.082 225.23 148.906 224.649 148.906 224.055C148.906 223.263 149.219 222.502 149.776 221.94C150.334 221.377 151.092 221.057 151.884 221.05H151.91Z" fill="white"/>
+<path d="M153.832 194.18C158.346 194.672 162.817 195.499 167.208 196.654C169.386 197.257 171.518 197.966 173.643 198.707C174.706 199.081 175.775 199.415 176.844 199.75C177.962 200.127 179.12 200.369 180.295 200.472C180.316 200.472 180.336 200.48 180.351 200.495C180.365 200.509 180.374 200.529 180.374 200.55C180.374 200.571 180.365 200.591 180.351 200.606C180.336 200.621 180.316 200.629 180.295 200.629C179.183 200.66 178.07 200.618 176.963 200.504C175.895 200.355 174.839 200.135 173.801 199.848C171.59 199.258 169.405 198.536 167.201 197.946C162.754 196.713 158.306 195.473 153.773 194.561C153.723 194.553 153.677 194.526 153.647 194.484C153.617 194.443 153.604 194.392 153.612 194.341C153.62 194.291 153.648 194.245 153.689 194.215C153.73 194.185 153.782 194.173 153.832 194.18Z" fill="#263238"/>
+<path d="M142.575 197.959C146.308 197.644 150.055 197.539 153.799 197.644C155.675 197.703 157.532 197.874 159.395 198.09C160.27 198.195 161.144 198.313 162.019 198.445C162.996 198.589 163.954 198.865 164.925 198.996C165.03 198.996 165.023 199.166 164.925 199.16C164.007 199.061 163.062 199.12 162.13 199.081L159.336 198.95C157.466 198.865 155.603 198.806 153.734 198.707C150.001 198.504 146.281 198.34 142.542 198.268C142.352 198.268 142.352 197.979 142.575 197.959Z" fill="#263238"/>
+<path d="M188.928 134.465C188.403 136.177 178.95 149.763 169.779 147.381C165.929 146.384 169.779 131.493 169.779 131.493L167.352 115.5L187.977 104.348C187.977 104.348 189.151 133.73 188.928 134.465Z" fill="#EB9481"/>
+<path d="M167.372 115.5L169.733 131.021C177.775 128.471 184.488 122.854 188.416 115.389C188.193 109.406 187.996 104.335 187.996 104.335L167.372 115.5Z" fill="#263238"/>
+<path d="M149.843 88.1841C141.762 113.407 155.957 121.102 161.396 122.834C166.335 124.415 183.352 129.158 193.999 104.905C204.646 80.6532 195.488 68.9304 184.336 64.7255C173.184 60.5205 157.925 62.974 149.843 88.1841Z" fill="#EB9481"/>
+<path d="M155.649 84.858C156.258 84.9105 156.869 84.9302 157.479 84.9171C158.12 85.0266 158.779 84.9229 159.356 84.6219C159.518 84.492 159.632 84.312 159.68 84.1102C159.729 83.9084 159.709 83.6961 159.625 83.5067C159.402 83.155 159.089 82.8692 158.719 82.6788C158.349 82.4885 157.934 82.4007 157.519 82.4243C156.671 82.3423 155.823 82.5759 155.138 83.0803C154.984 83.2043 154.87 83.3709 154.811 83.5592C154.751 83.7476 154.749 83.9492 154.803 84.139C154.858 84.3288 154.967 84.4982 155.118 84.6261C155.268 84.7541 155.453 84.8347 155.649 84.858Z" fill="#263238"/>
+<path d="M173.407 91.6868C172.873 91.3933 172.323 91.1284 171.76 90.8931C171.22 90.5291 170.574 90.356 169.924 90.4011C169.723 90.4555 169.546 90.5741 169.419 90.7388C169.292 90.9035 169.223 91.1051 169.222 91.3129C169.284 91.7239 169.455 92.1108 169.717 92.4337C169.978 92.7566 170.322 93.0038 170.711 93.1497C171.455 93.5713 172.331 93.6977 173.164 93.5039C173.35 93.4491 173.516 93.3415 173.643 93.1943C173.769 93.047 173.85 92.8663 173.875 92.6741C173.901 92.4819 173.87 92.2864 173.787 92.1112C173.704 91.936 173.572 91.7886 173.407 91.6868Z" fill="#263238"/>
+<path d="M167.7 96.2067C167.733 96.1476 167.811 96.3248 167.792 96.3969C167.267 98.1222 166.959 100.189 168.376 101.192C168.422 101.192 168.376 101.31 168.336 101.284C166.486 100.497 166.926 97.7614 167.7 96.2067Z" fill="#263238"/>
+<path d="M169.747 94.8094C172.607 95.3539 171.308 101.028 168.658 100.523C166.007 100.018 167.352 94.3568 169.747 94.8094Z" fill="#263238"/>
+<path d="M170.79 95.3609C171.216 95.8004 171.57 96.4761 172.154 96.6729C172.738 96.8697 173.466 96.4236 174.07 95.9578C174.129 95.9053 174.168 95.9578 174.155 96.0431C173.919 97.1321 173.25 98.1554 172.043 98.0505C170.947 97.9521 170.403 96.8172 170.383 95.6626C170.376 95.4461 170.619 95.1903 170.79 95.3609Z" fill="#263238"/>
+<path d="M157.545 93.0909C157.545 93.0253 157.394 93.1434 157.381 93.2221C157.046 94.9933 156.364 96.9678 154.645 97.204C154.593 97.204 154.58 97.2958 154.645 97.3024C156.646 97.4598 157.519 94.8293 157.545 93.0909Z" fill="#263238"/>
+<path d="M156.384 90.9063C153.596 90.0667 152.12 95.7017 154.704 96.4758C157.289 97.2499 158.713 91.6083 156.384 90.9063Z" fill="#263238"/>
+<path d="M155.111 90.9718C154.587 91.1555 154.003 91.5819 153.465 91.4769C152.927 91.372 152.54 90.6241 152.297 89.9419C152.297 89.8697 152.218 89.9025 152.199 89.9813C151.884 91.0505 151.949 92.2641 152.927 92.7365C153.904 93.2088 154.757 92.4347 155.295 91.4245C155.393 91.2408 155.321 90.8997 155.111 90.9718Z" fill="#263238"/>
+<path d="M165.004 109.917C164.505 110.258 163.974 110.75 163.324 110.691C162.666 110.556 162.043 110.286 161.494 109.898C161.483 109.892 161.47 109.89 161.457 109.891C161.444 109.893 161.432 109.898 161.422 109.906C161.412 109.915 161.405 109.926 161.402 109.938C161.398 109.951 161.398 109.964 161.402 109.976C161.593 110.371 161.887 110.707 162.253 110.948C162.619 111.189 163.044 111.327 163.482 111.347C163.86 111.32 164.222 111.18 164.521 110.946C164.82 110.713 165.043 110.396 165.161 110.035C165.207 109.93 165.076 109.865 165.004 109.917Z" fill="#263238"/>
+<path d="M163.941 107.562C161.199 105.968 159.671 106.047 157.853 105.706C157.67 105.614 157.276 105.332 157.302 105.141C157.302 105.076 158.555 101.593 158.555 101.593C158.011 101.678 155.275 101.993 155.518 101.33C157.624 95.8657 159.972 89.7845 163.233 84.7858C163.256 84.7551 163.289 84.7334 163.326 84.7246C163.363 84.7158 163.403 84.7204 163.437 84.7375C163.471 84.7547 163.499 84.7834 163.514 84.8186C163.529 84.8538 163.532 84.8933 163.521 84.9301C161.704 90.2634 158.929 95.2425 157.04 100.576C158.021 100.45 159.015 100.463 159.992 100.615C160.156 100.727 158.477 104.302 158.352 104.899C158.352 104.899 161.219 104.649 164.256 107.326C164.925 107.91 164.938 108.139 163.941 107.562Z" fill="#263238"/>
+<path d="M190.588 107.116C185.635 106.388 187.459 95.0852 187.459 95.0852C187.459 95.0852 168.028 85.9537 170.921 68.8452C170.921 68.8452 164.479 78.4556 152.468 80.2727C152.468 80.2727 158.247 62.2655 173.663 62.751C173.663 62.751 193.382 61.2159 199.496 78.226C205.61 95.2361 193.914 107.608 190.588 107.116Z" fill="#263238"/>
+<path d="M171.216 67.625C170.262 70.1205 169.853 72.791 170.015 75.4576C170.129 78.1567 170.799 80.8032 171.983 83.2312C172.276 83.8375 172.607 84.4247 172.974 84.9893L173.492 85.8552C173.689 86.1308 173.899 86.3932 174.109 86.6556C174.535 87.1804 174.935 87.7183 175.382 88.2168C175.828 88.7154 176.339 89.1549 176.831 89.6141C177.074 89.8372 177.31 90.0799 177.566 90.2701L178.366 90.8671L179.967 92.0544C181.102 92.7104 182.27 93.3664 183.437 93.9634C182.407 93.1303 181.312 92.4087 180.315 91.5756L178.852 90.2636L178.124 89.6076C177.901 89.378 177.691 89.1287 177.468 88.886C177.041 88.4071 176.608 87.9282 176.156 87.4624C175.703 86.9967 175.395 86.4325 175.014 85.9208L174.443 85.1468L173.965 84.3202C173.624 83.7799 173.317 83.2191 173.046 82.6408C171.917 80.3393 171.191 77.8607 170.901 75.3133C170.744 74.0296 170.691 72.7352 170.744 71.4429C170.794 70.1593 170.952 68.8822 171.216 67.625Z" fill="#263238"/>
+<path d="M187.235 103.764C187.235 103.764 194.701 96.9875 197.902 99.8279C201.103 102.668 194.209 113.394 189.551 114.017C188.959 114.138 188.349 114.138 187.756 114.017C187.164 113.896 186.603 113.656 186.106 113.312C185.609 112.968 185.187 112.527 184.864 112.016C184.542 111.505 184.327 110.934 184.231 110.337L187.235 103.764Z" fill="#EB9481"/>
+<path d="M195.849 102.852C195.862 102.856 195.873 102.865 195.882 102.876C195.89 102.887 195.894 102.9 195.894 102.914C195.894 102.928 195.89 102.942 195.882 102.953C195.873 102.964 195.862 102.972 195.849 102.977C192.569 103.508 190.339 105.942 188.567 108.585C189.715 107.674 191.08 107.339 192.326 108.743C192.392 108.815 192.287 108.926 192.208 108.887C191.717 108.599 191.149 108.47 190.582 108.517C190.015 108.564 189.476 108.785 189.04 109.15C188.313 109.77 187.653 110.465 187.072 111.222C186.868 111.459 186.416 111.222 186.593 110.921L186.632 110.855C187.432 106.998 191.637 102.301 195.849 102.852Z" fill="#263238"/>
+<path d="M191.323 133.619C191.323 133.619 183.7 150.353 181.41 152.197C179.121 154.04 160.746 151.783 160.418 150.229C160.09 148.674 169.248 133.527 169.248 133.527C169.248 133.527 176.346 130.529 182.283 130.68C188.423 130.824 191.323 133.619 191.323 133.619Z" fill="#EB9481"/>
+<path d="M98.8132 215.697C103.976 223.504 114.118 226.699 150.329 234.754C155.334 235.863 176.149 204.716 171.38 202C165.036 198.379 137.471 192.646 135.503 192.475C118.861 190.992 95.3102 210.41 98.8132 215.697Z" fill="#EB9481"/>
+<path d="M167.05 200.262C167.05 200.262 182.289 205.982 189.354 211.473C198.827 218.813 203.983 229.054 205.879 233.482C209.848 242.711 213.095 267.771 206.004 269.955C199.614 271.923 197.627 246.149 197.627 246.149C197.627 246.149 203.996 272.107 195.862 273.045C187.728 273.983 187.131 243.951 187.131 243.951C187.131 243.951 193.074 270.762 184.507 270.434C178.052 270.185 175.979 242.987 175.979 242.987C175.979 242.987 180.925 266.072 174.28 266.098C166.932 266.131 163.436 241.17 163.436 241.17C146.518 238.402 139.597 230.162 135.372 223.714C134.368 222.166 167.05 200.262 167.05 200.262Z" fill="#EB9481"/>
+<path d="M196.006 237.03C196.866 240.054 197.758 243.105 198.342 246.214C198.926 249.324 199.404 252.413 199.706 255.542C200.428 263.211 199.706 268.131 199.706 267.823C200.008 260.522 198.079 249.455 197.495 246.345C196.912 243.236 196.479 240.153 195.895 237.07C195.875 236.971 195.987 236.958 196.006 237.03Z" fill="#263238"/>
+<path d="M184.822 238.946C185.747 242.882 186.79 246.693 187.57 250.642C188.351 254.592 188.692 258.364 189.171 262.339C189.21 262.641 189.033 262.562 188.987 262.254C188.331 258.318 187.452 254.71 186.77 250.767C186.088 246.825 185.55 242.895 184.723 238.959C184.71 238.9 184.808 238.887 184.822 238.946Z" fill="#263238"/>
+<path d="M174.922 238.867C176.648 244.771 177.284 250.97 177.763 257.071C177.763 257.38 177.566 257.248 177.527 256.94C176.694 250.865 176.09 246.096 174.719 238.926C174.693 238.815 174.89 238.743 174.922 238.867Z" fill="#263238"/>
+<path d="M166.742 198.051L133.581 233.16C133.581 233.16 101.536 224.94 96.9963 216.55C94.0049 211.027 118.861 189.654 137.117 192.718L166.742 198.051Z" fill="#4361EE"/>
+<path d="M160.005 205.168L161.068 204.053C160.621 204.324 160.254 204.709 160.005 205.168ZM141.125 203.601C141.72 203.601 142.301 203.777 142.795 204.107C143.289 204.438 143.674 204.908 143.902 205.457C144.129 206.006 144.188 206.611 144.071 207.194C143.955 207.777 143.668 208.312 143.247 208.732C142.827 209.152 142.291 209.438 141.707 209.553C141.124 209.668 140.52 209.607 139.971 209.379C139.422 209.151 138.953 208.765 138.624 208.27C138.295 207.775 138.119 207.193 138.121 206.599C138.121 206.204 138.199 205.814 138.35 205.45C138.501 205.086 138.722 204.755 139.001 204.476C139.28 204.198 139.611 203.977 139.976 203.827C140.34 203.677 140.731 203.6 141.125 203.601ZM119.602 203.601C120.196 203.601 120.778 203.777 121.272 204.107C121.766 204.438 122.151 204.908 122.378 205.457C122.605 206.006 122.665 206.611 122.548 207.194C122.432 207.777 122.145 208.312 121.724 208.732C121.303 209.152 120.767 209.438 120.184 209.553C119.601 209.668 118.996 209.607 118.448 209.379C117.899 209.151 117.43 208.765 117.101 208.27C116.771 207.775 116.596 207.193 116.597 206.599C116.597 206.204 116.675 205.814 116.826 205.45C116.977 205.086 117.199 204.755 117.478 204.476C117.757 204.198 118.088 203.977 118.453 203.827C118.817 203.677 119.208 203.6 119.602 203.601ZM132.145 192.449C131.629 192.833 131.003 193.04 130.36 193.039C129.933 193.039 129.51 192.947 129.12 192.77C130.122 192.605 131.131 192.493 132.145 192.436V192.449ZM130.36 221.063C130.954 221.063 131.535 221.24 132.029 221.57C132.524 221.9 132.909 222.369 133.136 222.918C133.363 223.467 133.423 224.071 133.307 224.654C133.191 225.237 132.905 225.772 132.485 226.192C132.065 226.613 131.529 226.899 130.946 227.015C130.364 227.131 129.76 227.071 129.211 226.844C128.662 226.616 128.192 226.231 127.862 225.737C127.532 225.243 127.356 224.662 127.356 224.068C127.354 223.672 127.431 223.28 127.581 222.914C127.731 222.548 127.952 222.215 128.231 221.935C128.51 221.655 128.842 221.432 129.207 221.28C129.573 221.128 129.965 221.05 130.36 221.05V221.063ZM108.837 221.063C109.387 221.063 109.926 221.214 110.396 221.5C110.866 221.785 111.249 222.194 111.503 222.681C111.756 223.169 111.871 223.717 111.835 224.266C111.799 224.815 111.613 225.343 111.297 225.793C109.427 225.019 107.61 224.199 105.924 223.353C106.079 222.697 106.451 222.113 106.98 221.695C107.509 221.277 108.163 221.05 108.837 221.05V221.063Z" fill="white"/>
+<path d="M125.021 226.974C128.419 222.966 132.027 219.148 135.654 215.33C139.282 211.512 142.87 207.694 146.616 203.968C148.715 201.869 150.801 199.75 152.979 197.716C153.038 197.664 153.137 197.716 153.084 197.808C149.693 201.81 146.091 205.68 142.503 209.485C138.915 213.29 135.287 217.127 131.587 220.893C129.508 223.025 127.395 225.111 125.217 227.144C125.112 227.256 124.916 227.092 125.021 226.974Z" fill="#263238"/>
+<path d="M165.804 199.048L167.168 198.031L167.326 197.913C163.18 196.739 159.001 195.67 154.79 194.758C147.515 193.269 140.135 191.668 132.676 191.72C127.313 192.093 122.116 193.732 117.509 196.503C122.29 194.316 127.45 193.078 132.702 192.855C135.844 192.94 138.976 193.238 142.076 193.748C149.345 194.791 159.743 196.765 167.077 198.057L167.037 197.88L165.804 199.048Z" fill="#263238"/>
+<path d="M200.565 159.078C198.138 198.438 188.141 228.568 171.596 228.339C160.602 228.188 168.244 195.755 168.369 195.053C171.645 180.126 176.898 165.702 183.988 152.164C195.993 129.453 201.648 141.491 200.565 159.078Z" fill="#EB9481"/>
+<path d="M200.565 159.078C198.138 198.438 188.141 228.568 171.596 228.339C160.602 228.188 163.265 200.262 163.396 199.566C163.843 197.179 173.072 172.808 183.988 152.164C195.993 129.453 201.648 141.491 200.565 159.078Z" fill="#4361EE"/>
+<path d="M181.168 172.565C181.166 173.16 181.341 173.742 181.671 174.236C182 174.731 182.469 175.118 183.018 175.346C183.567 175.574 184.171 175.635 184.754 175.52C185.337 175.404 185.873 175.119 186.294 174.699C186.715 174.279 187.002 173.744 187.118 173.161C187.235 172.578 187.176 171.973 186.948 171.424C186.721 170.874 186.336 170.405 185.842 170.074C185.348 169.744 184.767 169.568 184.172 169.568C183.376 169.568 182.613 169.883 182.05 170.445C181.487 171.007 181.169 171.77 181.168 172.565ZM194.944 152.984C195.538 152.983 196.12 153.158 196.615 153.487C197.109 153.816 197.496 154.285 197.724 154.834C197.952 155.383 198.013 155.987 197.898 156.57C197.782 157.154 197.497 157.69 197.077 158.111C196.657 158.531 196.122 158.818 195.539 158.935C194.956 159.051 194.351 158.992 193.802 158.765C193.252 158.538 192.783 158.152 192.452 157.658C192.122 157.164 191.946 156.583 191.946 155.988C191.946 155.195 192.259 154.434 192.819 153.871C193.378 153.308 194.137 152.989 194.93 152.984H194.944ZM184.185 203.601C184.78 203.601 185.361 203.777 185.855 204.108C186.349 204.438 186.734 204.908 186.962 205.457C187.189 206.006 187.248 206.611 187.131 207.194C187.015 207.777 186.728 208.312 186.307 208.732C185.886 209.152 185.351 209.438 184.767 209.553C184.184 209.668 183.58 209.608 183.031 209.379C182.482 209.151 182.013 208.765 181.684 208.27C181.354 207.775 181.179 207.193 181.181 206.599C181.18 206.205 181.257 205.816 181.406 205.452C181.556 205.088 181.777 204.758 182.054 204.479C182.332 204.201 182.662 203.98 183.026 203.829C183.389 203.678 183.779 203.601 184.172 203.601H184.185ZM163.121 203.64C163.835 203.748 164.487 204.111 164.955 204.661C165.424 205.211 165.678 205.912 165.671 206.634C165.663 207.357 165.396 208.052 164.916 208.593C164.437 209.134 163.778 209.483 163.062 209.577C162.99 207.366 163.029 205.306 163.108 203.64H163.121ZM194.944 187.017C195.344 187.018 195.741 187.098 196.11 187.253C196.48 187.409 196.815 187.636 197.095 187.922C196.772 189.589 196.433 191.216 196.078 192.803C195.718 192.951 195.333 193.027 194.944 193.026C194.147 193.026 193.383 192.71 192.819 192.146C192.256 191.583 191.939 190.818 191.939 190.022C191.939 189.225 192.256 188.461 192.819 187.897C193.383 187.334 194.147 187.017 194.944 187.017ZM173.42 187.017C174.015 187.016 174.596 187.191 175.091 187.52C175.586 187.85 175.972 188.318 176.201 188.867C176.429 189.416 176.489 190.021 176.374 190.604C176.259 191.187 175.973 191.723 175.554 192.144C175.134 192.565 174.598 192.851 174.015 192.968C173.432 193.084 172.828 193.025 172.279 192.798C171.729 192.571 171.26 192.186 170.929 191.692C170.599 191.197 170.422 190.616 170.422 190.022C170.422 189.228 170.736 188.467 171.295 187.904C171.854 187.341 172.614 187.022 173.407 187.017H173.42ZM173.42 221.05C174.015 221.049 174.596 221.224 175.091 221.554C175.586 221.883 175.972 222.352 176.201 222.901C176.429 223.45 176.489 224.054 176.374 224.637C176.259 225.22 175.973 225.756 175.554 226.177C175.134 226.598 174.598 226.885 174.015 227.001C173.432 227.118 172.828 227.059 172.279 226.831C171.729 226.604 171.26 226.219 170.929 225.725C170.599 225.231 170.422 224.649 170.422 224.055C170.422 223.261 170.736 222.5 171.295 221.937C171.854 221.374 172.614 221.056 173.407 221.05H173.42Z" fill="white"/>
+<path d="M182.637 154.788C179.095 161.708 175.821 168.76 172.613 175.839C169.524 182.969 166.296 190.074 164 197.487C169.635 183.304 176.661 168.872 182.637 154.788Z" fill="#263238"/>
+<path d="M180.367 156.296C179.403 158.264 178.655 160.495 178.95 162.699C179.331 160.567 180.052 158.455 180.367 156.296Z" fill="#263238"/>
+<path d="M165.666 225.99C155.524 223.399 140.902 198.549 132.788 170.971C131.239 165.723 172.436 149.126 173.46 154.892C176.681 173.392 184.126 197.9 182.401 212.411C181.056 223.687 172.685 227.781 165.666 225.99Z" fill="#EB9481"/>
+<path d="M156.128 133.914C158.923 131.099 160.136 122.578 162.872 117.75C165.607 112.922 172.39 111.19 173.368 113.158C174.345 115.126 172.449 116.825 171.105 125.058C170.245 130.358 173.282 141.405 170.599 150.904C169.248 155.693 153.327 136.728 156.128 133.914Z" fill="#F7A9A0"/>
+<path d="M156.128 133.914C158.923 131.099 160.136 122.578 162.872 117.75C165.607 112.922 172.39 111.19 173.368 113.158C174.345 115.126 172.449 116.825 171.105 125.058C170.245 130.358 173.282 141.405 170.599 150.904C169.248 155.693 153.327 136.728 156.128 133.914Z" fill="#EB9481"/>
+<path opacity="0.06" d="M156.128 133.914C158.923 131.099 160.136 122.578 162.872 117.75C165.607 112.922 172.39 111.19 173.368 113.158C174.345 115.126 172.449 116.825 171.105 125.058C170.245 130.358 173.282 141.405 170.599 150.904C169.248 155.693 153.327 136.728 156.128 133.914Z" fill="black"/>
+<path d="M139.177 105.988C135.359 108.907 143.369 117.704 143.369 117.704C141.406 117.036 139.271 117.075 137.334 117.816C133.988 119.279 134.808 125.169 134.808 125.169C132.629 124.897 130.418 125.288 128.465 126.291C125.401 128.017 125.388 134.078 125.388 134.078C123.248 134.937 121.488 136.536 120.429 138.585C117.805 144.167 123.538 151.705 126.149 157.11C128.95 162.87 132.466 170.027 134.533 173.609L173.893 158.186C173.893 158.186 170.265 128.882 165.653 123.484C161.757 118.931 144.976 101.514 139.177 105.988Z" fill="#EB9481"/>
+<path d="M143.533 117.704C148.827 121.548 153.189 126.658 157.342 131.631C157.434 131.742 157.256 131.887 157.165 131.775C153.091 126.777 147.587 122.755 143.323 117.927C143.205 117.796 143.395 117.599 143.533 117.704Z" fill="#263238"/>
+<path d="M135.3 125.006C136.42 125.995 137.404 127.129 138.226 128.377C139.177 129.637 140.102 130.916 141.014 132.208C142.831 134.8 144.596 137.456 146.262 140.08C146.341 140.205 146.177 140.343 146.091 140.225C144.274 137.647 142.418 135.101 140.489 132.602C139.523 131.347 138.55 130.105 137.57 128.876C136.567 127.767 135.688 126.553 134.946 125.255C134.933 125.209 134.935 125.16 134.951 125.116C134.966 125.071 134.996 125.032 135.035 125.005C135.074 124.977 135.12 124.963 135.168 124.963C135.215 124.963 135.261 124.978 135.3 125.006Z" fill="#263238"/>
+<path d="M125.467 134.183C126.516 134.93 127.225 136.308 127.933 137.358C128.74 138.558 129.554 139.745 130.367 140.933C132.007 143.314 133.647 145.682 135.359 148.004C135.444 148.116 135.274 148.26 135.182 148.142C133.43 145.8 131.64 143.478 129.901 141.116C129.048 139.953 128.202 138.79 127.362 137.627C126.647 136.636 125.644 135.475 125.342 134.261C125.341 134.246 125.345 134.232 125.352 134.218C125.359 134.205 125.369 134.194 125.382 134.186C125.394 134.178 125.409 134.174 125.424 134.173C125.439 134.172 125.453 134.176 125.467 134.183Z" fill="#263238"/>
+<path d="M147.961 107.641C152.553 111 156.653 115.021 160.779 118.924C162.326 120.377 163.795 121.91 165.181 123.516C166.425 125.215 167.395 127.099 168.054 129.099C168.572 130.411 168.992 131.788 169.406 133.159C168.75 129.676 167.956 125.943 165.811 123.024C164.457 121.337 162.991 119.744 161.422 118.255C157.25 114.358 152.979 110.383 147.961 107.628V107.641Z" fill="#263238"/>
+<path d="M180.498 166.156L140.213 195.112C140.213 195.112 156.561 228.365 165.666 228.627C174.772 228.89 185.163 223.996 186.56 202.177C186.914 196.732 180.498 166.156 180.498 166.156Z" fill="#4361EE"/>
+<path d="M181.168 172.565C181.167 173.011 181.266 173.451 181.456 173.854C181.647 174.257 181.925 174.612 182.27 174.894C182.001 173.53 181.745 172.27 181.522 171.148C181.29 171.585 181.169 172.071 181.168 172.565ZM184.172 203.601C184.584 203.6 184.991 203.685 185.368 203.85C185.745 204.014 186.084 204.256 186.363 204.559C186.206 206.199 185.983 207.734 185.707 209.151C185.243 209.435 184.71 209.585 184.165 209.583C183.76 209.602 183.354 209.539 182.973 209.397C182.593 209.254 182.245 209.036 181.951 208.756C181.657 208.475 181.423 208.138 181.263 207.764C181.103 207.391 181.021 206.989 181.021 206.582C181.021 206.176 181.103 205.774 181.263 205.4C181.423 205.027 181.657 204.689 181.951 204.409C182.245 204.128 182.593 203.91 182.973 203.768C183.354 203.626 183.76 203.562 184.165 203.581L184.172 203.601ZM162.649 203.601C163.243 203.601 163.824 203.777 164.319 204.108C164.813 204.438 165.198 204.908 165.425 205.457C165.652 206.006 165.711 206.611 165.595 207.194C165.478 207.777 165.192 208.312 164.771 208.732C164.35 209.152 163.814 209.438 163.231 209.553C162.648 209.668 162.043 209.608 161.494 209.379C160.945 209.151 160.477 208.765 160.147 208.27C159.818 207.775 159.643 207.193 159.644 206.599C159.644 206.204 159.722 205.814 159.873 205.45C160.024 205.086 160.245 204.755 160.525 204.477C160.804 204.198 161.135 203.977 161.499 203.827C161.864 203.677 162.254 203.6 162.649 203.601ZM173.407 187.017C174.002 187.016 174.583 187.191 175.078 187.52C175.573 187.85 175.959 188.318 176.187 188.867C176.416 189.416 176.476 190.02 176.361 190.604C176.246 191.187 175.96 191.723 175.54 192.144C175.12 192.565 174.585 192.851 174.002 192.968C173.419 193.084 172.815 193.025 172.265 192.798C171.716 192.571 171.246 192.186 170.916 191.691C170.585 191.197 170.409 190.616 170.409 190.022C170.409 189.226 170.725 188.463 171.287 187.899C171.849 187.336 172.611 187.019 173.407 187.017ZM149.207 188.664L151.451 187.05C151.595 187.04 151.74 187.04 151.884 187.05C152.478 187.05 153.059 187.226 153.553 187.556C154.047 187.886 154.432 188.356 154.659 188.905C154.887 189.454 154.946 190.058 154.83 190.64C154.715 191.223 154.428 191.759 154.008 192.179C153.588 192.599 153.053 192.885 152.47 193.001C151.887 193.117 151.283 193.058 150.734 192.83C150.185 192.603 149.716 192.218 149.386 191.724C149.055 191.229 148.879 190.649 148.879 190.054C148.874 189.571 148.986 189.094 149.207 188.664ZM173.407 221.05C174.002 221.049 174.583 221.224 175.078 221.554C175.573 221.883 175.959 222.352 176.187 222.901C176.416 223.449 176.476 224.054 176.361 224.637C176.246 225.22 175.96 225.756 175.54 226.177C175.12 226.598 174.585 226.885 174.002 227.001C173.419 227.118 172.815 227.058 172.265 226.831C171.716 226.604 171.246 226.219 170.916 225.725C170.585 225.23 170.409 224.649 170.409 224.055C170.409 223.259 170.725 222.496 171.287 221.933C171.849 221.369 172.611 221.052 173.407 221.05Z" fill="white"/>
+<path d="M179.593 179.676C177.625 180.988 175.775 182.523 173.893 183.973C172.01 185.423 170.14 186.899 168.29 188.394C164.591 191.381 160.915 194.399 157.263 197.447C156.266 198.287 155.295 199.12 154.291 199.979C153.288 200.839 152.323 201.947 151.248 202.839C151.234 202.855 151.227 202.874 151.226 202.894C151.226 202.914 151.232 202.933 151.245 202.949C151.257 202.965 151.275 202.976 151.295 202.98C151.314 202.983 151.335 202.98 151.352 202.971C152.277 202.256 153.32 201.659 154.239 200.963C155.157 200.268 156.168 199.494 157.119 198.739C158.982 197.266 160.838 195.781 162.688 194.285C166.395 191.307 170.081 188.296 173.683 185.193C175.716 183.442 177.822 181.729 179.751 179.86C179.763 179.849 179.773 179.837 179.78 179.823C179.787 179.808 179.791 179.793 179.793 179.777C179.794 179.761 179.792 179.745 179.787 179.73C179.782 179.715 179.774 179.701 179.764 179.689C179.754 179.677 179.741 179.667 179.727 179.66C179.713 179.653 179.697 179.649 179.681 179.647C179.665 179.646 179.65 179.648 179.634 179.653C179.619 179.658 179.605 179.666 179.593 179.676Z" fill="#263238"/>
+<path d="M175.933 169.436L180.571 166.248L180.367 166.169C181.679 174.041 183.168 181.913 184.533 189.785C185.183 193.192 185.66 196.629 185.963 200.084C186.089 204.558 185.669 209.03 184.71 213.401C186.203 209.114 186.987 204.611 187.032 200.071C186.711 192.534 185.025 185.134 183.503 177.767C182.628 173.801 181.651 169.852 180.571 165.92L180.42 166.031L175.933 169.423V169.436Z" fill="#263238"/>
+<path d="M141.421 194.24L140.194 195.105C142.405 199.868 144.851 204.512 147.475 209.065C151.589 215.737 155.643 222.841 162.071 227.636C164.262 229.283 167.175 229.604 169.865 229.657C172.572 229.746 175.265 229.217 177.737 228.109C185.169 224.547 188.889 216.517 191.513 209.164C194.911 199.205 196.958 188.9 198.88 178.587C199.765 173.425 200.625 168.262 201.287 163.066C200.329 168.209 199.352 173.352 198.25 178.463C196.092 188.67 193.782 198.91 190.378 208.763C187.793 215.796 184.198 223.491 177.192 226.974C174.886 228.022 172.371 228.531 169.838 228.463C167.346 228.378 164.768 228.233 162.662 226.685C156.39 222.054 152.166 215.212 148.007 208.717C145.245 204.362 142.628 199.533 140.214 195.151L141.401 194.226L141.421 194.24Z" fill="#263238"/>
+<path d="M202.265 166.661C202.265 166.661 202.658 168.524 200.021 171.791L202.265 166.661Z" fill="#263238"/>
+<path d="M294.098 300.118C210.747 299.718 117.253 299.711 33.902 300.118C117.253 300.525 210.747 300.518 294.098 300.118Z" fill="#263238"/>
+<path d="M148.171 70.2947C148.171 70.8799 147.997 71.4519 147.672 71.9384C147.347 72.425 146.885 72.8042 146.344 73.0281C145.804 73.252 145.209 73.3106 144.635 73.1965C144.061 73.0823 143.534 72.8005 143.12 72.3868C142.706 71.973 142.425 71.4458 142.31 70.8719C142.196 70.298 142.255 69.7032 142.479 69.1625C142.703 68.6219 143.082 68.1599 143.568 67.8348C144.055 67.5097 144.627 67.3362 145.212 67.3362C145.601 67.3362 145.985 67.4127 146.344 67.5614C146.703 67.7101 147.029 67.928 147.304 68.2027C147.579 68.4774 147.797 68.8036 147.945 69.1625C148.094 69.5215 148.171 69.9062 148.171 70.2947Z" fill="white"/>
+<path d="M148.171 70.2947C148.171 71.0359 147.876 71.7467 147.352 72.2707C146.828 72.7948 146.117 73.0893 145.376 73.0893C144.635 73.0893 143.924 72.7948 143.4 72.2707C142.876 71.7467 142.582 71.0359 142.582 70.2947C142.582 69.5535 142.876 68.8427 143.4 68.3186C143.924 67.7946 144.635 67.5001 145.376 67.5001C146.117 67.5001 146.828 67.7946 147.352 68.3186C147.876 68.8427 148.171 69.5535 148.171 70.2947ZM148.171 70.2947C148.053 66.175 142.063 66.1422 141.926 70.2947C142.063 74.4406 148.053 74.4078 148.171 70.2947Z" fill="#263238"/>
+<path d="M134.651 72.1184C132.299 72.1184 130.393 70.2123 130.393 67.861C130.393 65.5096 132.299 63.6035 134.651 63.6035C137.002 63.6035 138.908 65.5096 138.908 67.861C138.908 70.2123 137.002 72.1184 134.651 72.1184Z" fill="white"/>
+<path d="M138.908 67.848C138.96 71.5085 134.277 73.3518 131.836 70.6622C131.12 69.9005 130.72 68.894 130.72 67.848C130.72 66.802 131.12 65.7955 131.836 65.0337C134.277 62.3507 138.96 64.1875 138.908 67.848ZM138.908 67.848C138.908 67.1146 138.726 66.3926 138.379 65.7469C138.031 65.1012 137.528 64.5519 136.916 64.1485C136.303 63.7451 135.6 63.5001 134.87 63.4356C134.139 63.3711 133.404 63.4891 132.73 63.7789C132.056 64.0687 131.465 64.5213 131.01 65.0961C130.554 65.6709 130.249 66.3498 130.12 67.0719C129.992 67.794 130.045 68.5367 130.275 69.2332C130.504 69.9297 130.904 70.5582 131.436 71.0624C132.067 71.6511 132.855 72.0435 133.705 72.1915C134.555 72.3395 135.43 72.2368 136.222 71.8958C137.015 71.5549 137.691 70.9906 138.168 70.2717C138.645 69.5529 138.902 68.7107 138.908 67.848Z" fill="#263238"/>
+<path d="M96.3597 77.8782C77.5709 77.8782 62.3396 66.5384 62.3396 52.5501C62.3396 38.5617 77.5709 27.2219 96.3597 27.2219C115.149 27.2219 130.38 38.5617 130.38 52.5501C130.38 66.5384 115.149 77.8782 96.3597 77.8782Z" fill="white"/>
+<path d="M129.449 46.6657C133.385 58.8214 124.397 69.8487 113.547 74.303C108.147 76.5533 102.353 77.7059 96.5035 77.6935C90.6536 77.6811 84.8646 76.504 79.4744 74.2308C72.4487 71.2198 65.9739 65.7881 63.5861 58.3359C58.5283 41.5292 75.4794 29.5572 90.4165 27.786C105.275 25.6868 124.017 31.3481 129.449 46.6657ZM129.449 46.6657C124.037 31.3022 105.314 25.549 90.3706 27.458C82.6167 28.4879 74.9152 31.4399 69.2015 36.911C63.3959 42.2639 60.352 50.8575 62.976 58.5393C69.8378 77.6945 96.7994 82.1553 113.639 74.4932C124.45 69.9012 133.45 58.841 129.462 46.6657H129.449Z" fill="#263238"/>
+<path d="M97.9166 54.5771V57.0764C97.9238 57.3259 97.8801 57.5743 97.7881 57.8063C97.6961 58.0384 97.5578 58.2492 97.3816 58.426C97.2054 58.6028 96.995 58.7419 96.7633 58.8347C96.5316 58.9275 96.2834 58.972 96.0339 58.9657C95.5339 58.964 95.0551 58.7641 94.7022 58.41C94.3493 58.0559 94.1511 57.5763 94.1511 57.0764V53.0748C94.1511 53.0355 94.1905 53.0355 94.1905 53.0027C94.1905 52.9699 94.1511 52.9633 94.1511 52.9239C94.1705 52.4302 94.3748 51.9617 94.7236 51.6117C95.0724 51.2617 95.5402 51.0557 96.0339 51.0347C97.1769 51.0347 98.2732 50.5806 99.0814 49.7723C99.8897 48.964 100.344 47.8678 100.344 46.7247C100.344 45.5817 99.8897 44.4854 99.0814 43.6772C98.2732 42.8689 97.1769 42.4148 96.0339 42.4148C95.286 42.4107 94.5504 42.6046 93.9018 42.9767C93.2531 43.3489 92.7145 43.886 92.3406 44.5337C92.2164 44.7541 92.0491 44.9474 91.8488 45.1019C91.6484 45.2565 91.4191 45.3692 91.1744 45.4335C90.9296 45.4977 90.6745 45.5122 90.4241 45.4759C90.1736 45.4397 89.9331 45.3535 89.7166 45.2225C89.504 45.0974 89.3182 44.9314 89.17 44.7342C89.0219 44.537 88.9142 44.3124 88.8532 44.0733C88.7922 43.8343 88.7791 43.5855 88.8147 43.3414C88.8503 43.0973 88.9339 42.8626 89.0606 42.651C89.7321 41.4908 90.6813 40.5157 91.8231 39.8134C92.9648 39.1111 94.2632 38.7035 95.6015 38.6273C96.9398 38.5512 98.276 38.8088 99.49 39.3771C100.704 39.9453 101.758 40.8064 102.557 41.8829C103.355 42.9593 103.874 44.2175 104.066 45.5441C104.258 46.8707 104.117 48.2243 103.657 49.4831C103.196 50.7418 102.43 51.8664 101.426 52.7555C100.423 53.6447 99.215 54.2706 97.91 54.5771H97.9166ZM97.9166 63.0067V63.6627C97.9238 63.9122 97.8801 64.1605 97.7881 64.3926C97.6961 64.6246 97.5578 64.8355 97.3816 65.0123C97.2054 65.1891 96.995 65.3281 96.7633 65.4209C96.5316 65.5137 96.2834 65.5583 96.0339 65.5519C95.5339 65.5502 95.0551 65.3504 94.7022 64.9963C94.3493 64.6421 94.1511 64.1626 94.1511 63.6627V63.0067C94.1579 62.5088 94.3582 62.0332 94.7097 61.6805C95.0611 61.3278 95.536 61.1259 96.0339 61.1174C96.2824 61.1147 96.529 61.1618 96.759 61.2559C96.989 61.35 97.1979 61.4892 97.3734 61.6652C97.5488 61.8413 97.6873 62.0507 97.7806 62.281C97.8738 62.5114 97.9201 62.7581 97.9166 63.0067Z" fill="#4361EE"/>
+</svg>
diff --git a/public/assets/images/favicon.png b/public/assets/images/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..9ee75c535232cc957bcb7bd63c81a2bd099b8a12
Binary files /dev/null and b/public/assets/images/favicon.png differ
diff --git a/public/assets/images/favicon.svg b/public/assets/images/favicon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4837d975847c2621d5c8d76a369dd875ab6c22f1
--- /dev/null
+++ b/public/assets/images/favicon.svg
@@ -0,0 +1,10 @@
+<svg width="16" viewBox="0 0 56 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.9051 21.4676C31.656 21.4676 34.6966 18.4269 34.6966 14.676C34.6966 10.9252 31.656 7.88452 27.9051 7.88452C24.1543 7.88452 21.1136 10.9252 21.1136 14.676C21.1136 18.4269 24.1543 21.4676 27.9051 21.4676Z" fill="#FFD600" fill-opacity="0.78"/>
+<path d="M55.4467 3.83521L30.1078 47.7297C29.1316 49.4234 26.6787 49.4234 25.6942 47.7297L0.355311 3.83521C-0.946256 1.5825 1.58177 -0.945529 3.83449 0.356038L16.5248 7.6815C17.843 8.44075 18.5272 9.99263 18.11 11.4527C17.7429 12.7543 17.6177 14.156 17.8096 15.6161C18.4104 20.2133 22.1565 23.876 26.7704 24.3766C32.9112 25.0441 38.1008 20.2467 38.1008 14.2478C38.1008 13.3217 37.9756 12.4206 37.742 11.5695C37.3332 10.0594 37.9339 8.46578 39.2855 7.68985L51.9841 0.356038C54.2285 -0.945529 56.7482 1.57416 55.4467 3.83521Z" fill="url(#paint0_linear_106_6)"/>
+<defs>
+<linearGradient id="paint0_linear_106_6" x1="13.3494" y1="3.52653" x2="40.4654" y2="43.5748" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EF1262"/>
+<stop offset="1" stop-color="#4361EE"/>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/features_overview.svg b/public/assets/images/features_overview.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ab3428e2e21cbe81c318c2e58e1bfdc960f649d8
--- /dev/null
+++ b/public/assets/images/features_overview.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="652.05514" height="613.4514" viewBox="0 0 652.05514 613.4514" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M339.30366,701.79714l-.99775-22.43416a72.45556,72.45556,0,0,0-33.79563-8.555c16.23147,13.27042,14.203,38.85123,25.20758,56.69681a43.58213,43.58213,0,0,0,31.95921,20.13989l13.58306,8.31648a73.02982,73.02982,0,0,0-15.39283-59.17883,70.543,70.543,0,0,0-12.96441-12.04606C343.64971,693.31426,339.30366,701.79714,339.30366,701.79714Z" transform="translate(-273.97243 -143.2743)" fill="#f2f2f2"/><rect x="223.55549" y="146.49993" width="224" height="130" rx="14.81496" fill="#fff"/><path d="M706.71307,420.77438H512.343A15.83308,15.83308,0,0,1,496.528,404.95944V304.58932A15.83308,15.83308,0,0,1,512.343,288.77438H706.71307a15.833,15.833,0,0,1,15.81445,15.81494V404.95944A15.833,15.833,0,0,1,706.71307,420.77438Zm-194.37012-130A13.83047,13.83047,0,0,0,498.528,304.58932V404.95944A13.83046,13.83046,0,0,0,512.343,418.77438H706.71307a13.83036,13.83036,0,0,0,13.81445-13.81494V304.58932a13.83037,13.83037,0,0,0-13.81445-13.81494Z" transform="translate(-273.97243 -143.2743)" fill="#3f3d56"/><path d="M910.71312,274.2743H716.343a15.33222,15.33222,0,0,1-15.31543-15.31494V158.58924A15.33222,15.33222,0,0,1,716.343,143.2743H910.71312a15.332,15.332,0,0,1,15.31445,15.31494V258.95936A15.332,15.332,0,0,1,910.71312,274.2743Z" transform="translate(-273.97243 -143.2743)" fill="#f2f2f2"/><path d="M910.71312,566.2743H716.343a15.33232,15.33232,0,0,1-15.31543-15.31543V450.58924A15.33222,15.33222,0,0,1,716.343,435.2743H910.71312a15.332,15.332,0,0,1,15.31445,15.31494V550.95887A15.33211,15.33211,0,0,1,910.71312,566.2743Z" transform="translate(-273.97243 -143.2743)" fill="#f2f2f2"/><path d="M665.43042,340.44314a24.88949,24.88949,0,0,0-20.69929-18.10187c-.10736-.01593-.2093.00512-.31621-.00214a2.95592,2.95592,0,0,0-.422-.10227c-22.60919-3.07477-48.70774,8.30377-58.13046,30.85855-4.66514-6.50225-12.10337-10.70319-20.05874-10.28555-10.14893.53288-19.10559,8.30674-21.8493,18.53164a3.08643,3.08643,0,0,0,1.27636,3.30048,12.30963,12.30963,0,0,0,5.16533,2.75892q6.15893,1.373,12.36171,2.5155,12.10359,2.22883,24.33353,3.604a343.98754,343.98754,0,0,0,49.841,1.98238c5.54121-.18171,10.88487-.37519,15.96183-2.9486a24.162,24.162,0,0,0,9.15669-8.40829A29.60815,29.60815,0,0,0,665.43042,340.44314Z" transform="translate(-273.97243 -143.2743)" fill="#3f3d56"/><path d="M662.938,341.63786a21.934,21.934,0,0,0-7.0129-10.69918,24.10082,24.10082,0,0,0-12.14414-5.22758h-.26976l-.25043-.045a1.74,1.74,0,0,0-.244-.05782A59.19458,59.19458,0,0,0,620.7513,327.201c-13.94232,3.667-27.14612,12.34965-33.31134,26.35621l-.87982,2.01012-1.31652-1.75322a22.18534,22.18534,0,0,0-17.54514-9.08084c-.33392,0-.66788.00643-1.00827.02568a22.52636,22.52636,0,0,0-20.21671,16.30568,1.57914,1.57914,0,0,0,.75781,1.67615l.10277.07706a10.92436,10.92436,0,0,0,4.47617,2.27987c3.98813.84768,8.04689,1.6312,12.06069,2.33122,7.78357,1.36148,15.77264,2.48535,23.736,3.33945A351.15038,351.15038,0,0,0,630.0184,372.74q3.11148-.03852,6.21014-.13484c5.31747-.16055,10.346-.3211,15.11114-2.61379a22.01013,22.01013,0,0,0,8.46434-7.39825A25.09175,25.09175,0,0,0,662.938,341.63786Z" transform="translate(-273.97243 -143.2743)" fill="#fff"/><path d="M630.0184,372.74a351.15038,351.15038,0,0,1-42.41146-1.97159c-7.96336-.8541-15.95243-1.978-23.736-3.33945-4.0138-.7-8.07256-1.48354-12.06069-2.33122a10.92436,10.92436,0,0,1-4.47617-2.27987l-.10277-.07706a1.57914,1.57914,0,0,1-.75781-1.67615A22.52636,22.52636,0,0,1,566.69021,344.759c.34039-.01925.67435-.02568,1.00827-.02568a22.18534,22.18534,0,0,1,17.54514,9.08084l1.31652,1.75322.87982-2.01012c6.16522-14.00656,19.369-22.68923,33.31134-26.35621,2.81287,2.54312,4.62391,6.44132,3.59639,10.057-1.23946,4.38629-6.14594,7.12211-6.968,11.60471-.75137,4.09086,2.1771,7.89272,5.18906,10.757,3.012,2.85783,6.49914,5.72848,7.37258,9.78725A8.96979,8.96979,0,0,1,630.0184,372.74Z" transform="translate(-273.97243 -143.2743)" fill="#6c63ff"/><circle cx="368.15158" cy="205.4407" r="11.55975" fill="#3f3d56"/><path d="M646.96973,347.4817l-4.3349-4.33491a.72222.72222,0,0,0-1.02164,0l-4.33491,4.33491a.72241.72241,0,1,0,1.02164,1.02164l3.1016-3.1016v8.37065a.72249.72249,0,1,0,1.445,0v-8.37065l3.10161,3.1016a.72241.72241,0,0,0,1.02163-1.02164Z" transform="translate(-273.97243 -143.2743)" fill="#fff"/><path d="M851.52183,238.33521H782.55176a5.304,5.304,0,0,1-5.29794-5.29794V170.072a5.30383,5.30383,0,0,1,5.29794-5.29775h68.97007a5.30383,5.30383,0,0,1,5.29794,5.29775v62.96529A5.304,5.304,0,0,1,851.52183,238.33521Z" transform="translate(-273.97243 -143.2743)" fill="#fff"/><path d="M851.52206,239.33527H782.55185a6.305,6.305,0,0,1-6.29785-6.29785V170.07208a6.305,6.305,0,0,1,6.29785-6.29785h68.97021a6.305,6.305,0,0,1,6.29786,6.29785v62.96534A6.305,6.305,0,0,1,851.52206,239.33527Zm-68.97021-73.561a4.303,4.303,0,0,0-4.29785,4.29785v62.96534a4.303,4.303,0,0,0,4.29785,4.29785h68.97021a4.303,4.303,0,0,0,4.29786-4.29785V170.07208a4.303,4.303,0,0,0-4.29786-4.29785Z" transform="translate(-273.97243 -143.2743)" fill="#ccc"/><circle cx="528.89971" cy="42.74811" r="8.59703" fill="#ccc"/><path d="M837.23738,207.68639H796.83526a2.56,2.56,0,1,1,0-5.12h40.40212a2.56,2.56,0,1,1,0,5.12Z" transform="translate(-273.97243 -143.2743)" fill="#ccc"/><path d="M816.33132,217.8023H796.83526a2.56014,2.56014,0,1,1,0-5.12029h19.49606a2.56015,2.56015,0,1,1,0,5.12029Z" transform="translate(-273.97243 -143.2743)" fill="#ccc"/><path d="M781.11388,256.815a18.15246,18.15246,0,1,1,18.15246-18.15246A18.15246,18.15246,0,0,1,781.11388,256.815Z" transform="translate(-273.97243 -143.2743)" fill="#ccc"/><path d="M788.27635,236.8719h-5.37182V231.5a1.79066,1.79066,0,0,0-3.58131,0v5.3719h-5.37189a1.79062,1.79062,0,0,0,0,3.58124h5.37189V245.825a1.79065,1.79065,0,1,0,3.58131,0v-5.37189h5.37182a1.79062,1.79062,0,1,0,0-3.58124Z" transform="translate(-273.97243 -143.2743)" fill="#fff"/><path d="M779.90822,524.19052c-.03624,0-.07247-.00071-.10906-.00214a2.65125,2.65125,0,0,1-2.132-1.21252,29.9508,29.9508,0,0,0-6.30518-6.83c-1.47973-1.18271-3.026-2.28242-4.5213-3.34608-3.85765-2.74294-7.49058-5.32631-9.50722-8.89587-4.39689-7.78367.7811-18.62515,8.17832-23.48719,8.297-5.453,19.21043-6.3084,29.76792-6.4205q1.64582-.0174,3.29361-.01731h0a314.02871,314.02871,0,0,1,56.71293,5.18566c6.22094,1.14773,12.73264,2.55374,17.96542,5.96586,5.20173,3.392,8.36342,8.73345,8.055,13.60852-.45034,7.11681-7.99465,12.43456-14.86441,13.82486-6.54794,1.32408-13.35024.42928-20.55165-.51835-1.58986-.209-3.23363-.42536-4.85919-.61331-17.66645-2.042-50.854,4.25195-52.258,4.52094l-1.393.26667-5.40485,6.95527A2.59378,2.59378,0,0,1,779.90822,524.19052Z" transform="translate(-273.97243 -143.2743)" fill="#fff"/><path d="M779.90843,525.19077l-.13477-.002a3.64984,3.64984,0,0,1-2.94238-1.66406,28.9536,28.9536,0,0,0-6.09326-6.59766c-1.46241-1.16895-2.99512-2.25781-4.477-3.31152-3.94678-2.80664-7.67237-5.45606-9.79786-9.21973-4.668-8.26367.73291-19.71,8.49952-24.81543,8.51074-5.59375,19.5957-6.46973,30.30615-6.584q1.65161-.01758,3.30469-.01758a314.98765,314.98765,0,0,1,56.894,5.20215c6.32031,1.166,12.94189,2.59765,18.33057,6.11132,5.498,3.58594,8.8374,9.28125,8.50683,14.50977-.48193,7.61328-8.43066,13.27734-15.66455,14.74219-6.71338,1.35742-13.5957.45215-20.87988-.50782-1.58545-.208-3.22364-.42285-4.84424-.61132-17.561-2.02539-50.55811,4.24218-51.95459,4.51074l-1.02295.19531-5.17383,6.65723A3.59312,3.59312,0,0,1,779.90843,525.19077Zm18.665-50.21191q-1.64283,0-3.28321.01758c-10.40625.11035-21.14941.94531-29.229,6.25585-7.02783,4.61915-11.98291,14.85547-7.85693,22.15918,1.90673,3.376,5.45605,5.90039,9.21337,8.57227,1.50684,1.07129,3.0625,2.17773,4.56836,3.38086a30.95994,30.95994,0,0,1,6.51709,7.0625,1.66536,1.66536,0,0,0,1.33643.76269l.06885.001a1.58975,1.58975,0,0,0,1.27734-.62891l5.63672-7.25292,1.76269-.3379c1.40772-.2705,34.69825-6.60058,52.561-4.53222,1.63086.18847,3.27978.40527,4.875.61523,7.11475.9375,13.835,1.82227,20.22266.5293,6.50537-1.31641,13.646-6.28809,14.06494-12.9082.28564-4.52051-2.69873-9.50879-7.60352-12.707-5.07861-3.31152-11.47949-4.6914-17.60058-5.82031A313.0181,313.0181,0,0,0,798.57347,474.97886Z" transform="translate(-273.97243 -143.2743)" fill="#ccc"/><path d="M858.57885,489.47227h-74.67a1.62466,1.62466,0,0,1,0-3.24931h74.67a1.62466,1.62466,0,0,1,0,3.24931Z" transform="translate(-273.97243 -143.2743)" fill="#ccc"/><path d="M858.57885,499.44459h-74.67a1.62466,1.62466,0,1,1-.00339-3.24931h74.67342a1.62466,1.62466,0,0,1,0,3.24931Z" transform="translate(-273.97243 -143.2743)" fill="#ccc"/><path d="M792.61051,509.41668h-8.70169a1.62466,1.62466,0,0,1,0-3.24931h8.70169a1.62466,1.62466,0,0,1,0,3.24931Z" transform="translate(-273.97243 -143.2743)" fill="#ccc"/><circle cx="505.85792" cy="388.34558" r="10.81761" fill="#fff"/><path d="M779.83036,542.56961A10.94968,10.94968,0,1,1,790.78,531.61987,10.96216,10.96216,0,0,1,779.83036,542.56961Z" transform="translate(-273.97243 -143.2743)" fill="#ccc"/><path d="M779.02044,535.94323c-.02307,0-.04613-.00075-.06919-.00188a1.41466,1.41466,0,0,1-1.04865-.54485l-1.80781-2.32417a1.4152,1.4152,0,0,1,.24805-1.98631l.06506-.05062a1.41507,1.41507,0,0,1,1.98668.24824,1.03227,1.03227,0,0,0,1.56332.07612l3.67056-3.87511a1.41732,1.41732,0,0,1,2.00112-.05437l.06018.05737a1.415,1.415,0,0,1,.054,2.00093l-5.69624,6.01254A1.41374,1.41374,0,0,1,779.02044,535.94323Z" transform="translate(-273.97243 -143.2743)" fill="#fff"/><path d="M438.8077,477.69409a7.22487,7.22487,0,0,0-1.29031.1217l-7.08172-44.83143,7.0946-43.159a10.87013,10.87013,0,0,0-21.1015-5.00554v0a85.75783,85.75783,0,0,0-3.90085,26.29975l.24744,29.43344,18.87931,45.20373a7.2062,7.2062,0,1,0,7.153-8.0627Z" transform="translate(-273.97243 -143.2743)" fill="#ffb8b8"/><path d="M408.74306,391.56791a17.09523,17.09523,0,1,1,34.19045,0l-11.112,39.197-19.29664-.95881Z" transform="translate(-273.97243 -143.2743)" fill="#2f2e41"/><polygon points="175.317 592.125 186.35 592.124 191.599 549.567 175.315 549.568 175.317 592.125" fill="#ffb8b8"/><path d="M479.57266,747.83512l-16.57959-11.45v-7.47l-1.88037.11-11.81983.71-3.74023.22-2.12988,25.54-.06983.85H451.183l.15967-.85,1.24023-6.54,3.16992,6.54.41016.85h20.75977a4.67909,4.67909,0,0,0,4.66992-4.66A4.67073,4.67073,0,0,0,479.57266,747.83512Z" transform="translate(-273.97243 -143.2743)" fill="#2f2e41"/><polygon points="109.146 566.692 117.913 573.391 147.924 542.764 134.985 532.877 109.146 566.692" fill="#ffb8b8"/><path d="M399.63017,738.23554,393.40885,719.071l4.53562-5.93537-1.56085-1.05434-9.82272-6.61261-3.10542-2.09621-17.1997,18.99992-.57161.633,6.2215,4.75427.643-.57846,4.95639-4.44338-1.45224,7.12114-.19023.92445,16.495,12.60493a4.67907,4.67907,0,0,0,6.54-.86721A4.67074,4.67074,0,0,0,399.63017,738.23554Z" transform="translate(-273.97243 -143.2743)" fill="#2f2e41"/><path d="M427.8779,526.12421l11.03,33.85s3.92,36.12,8.11,44.12a18.39489,18.39489,0,0,1,1.6,5.13995c.12.6.21,1.23005.29,1.86005.16,1.25.27,2.54.34,3.84a102.51024,102.51024,0,0,1-.71,16.54c-1.98,1.72-3.43,17.23-4.44,36.36q-.165,2.985-.31,6.07c-.2,4.15-.38,8.41-.54,12.69-1.15,29.74-.50994,23.38-.50994,23.38,27.96,5.12994,26.81-4.12006,26.81-4.12006s9.6-42.88995,12.08-62.43c.3-2.28.48-3.74.52-4.16a23.7356,23.7356,0,0,1,1.13-6.08,19.23621,19.23621,0,0,0,1.45-2.43.0098.0098,0,0,0,.01-.01,36.08013,36.08013,0,0,0,3.28-13.66,46.74165,46.74165,0,0,0,.02-6.15,183.91841,183.91841,0,0,1,3.03-35.75c1.75-8.05.61005-23.61-.94-36.94-.63-5.5-1.34-10.62-1.93-14.67-.03-.17-.05-.34-.07-.51-.76-5.09-1.32-8.37-1.32-8.37s2.55-8.74.66-11.97c-.87-1.45-.75-4.87006-.38-8.25.46-4.12006,1.32-7.96,1.32-7.96l-51.93-9.15c-1.09,1.81-2.06,3.56-3.01,5.25C416.29794,514.34424,427.8779,526.12421,427.8779,526.12421Z" transform="translate(-273.97243 -143.2743)" fill="#2f2e41"/><path d="M413.03623,381.32164a10.10206,10.10206,0,0,1,7.27766-6.41168,22.67719,22.67719,0,0,1,7.54555-.82471c7.44627.29332,12.69432-13.71665,20.06761-12.63651,0,0,6.93987-2.4767,12.36985,2.06165,4.93284,4.12283,8.33337,15.33606,9.59931,14.69815a4.12273,4.12273,0,0,1,1.81932.00109,20.42424,20.42424,0,0,1,17.54018,21.51924l-.5367,9.095s3.79335,5.71066-1.7112,15.79211l3.19552,35.56332s5.32365,49.54415-2.67541,56.59493-37.46469-23.69108-37.46469-23.69108-22.63691-3.608-21.29679-7.79307S437.1367,469.498,437.1367,469.498a3.60807,3.60807,0,0,0-1.13388-3.60787c-1.7112-1.09273.20612-3.56673.35045-3.79348-.165.16484-1.46382,1.5256-2.45336-1.34011s2.06164-6.47359,2.06164-6.47359l-8.61765-18.55477-6.78275-14.65824-.82471-1.69057-5.71079-11.79253-.13238-.2739a29.20629,29.20629,0,0,1-1.88106-20.17607A22.51151,22.51151,0,0,0,413.03623,381.32164Z" transform="translate(-273.97243 -143.2743)" fill="#6c63ff"/><path d="M395.10794,684.57422c20.51,19.68,24.64,11.31,24.64,11.31s11.09-12.77,24.35-28.05c4.76-5.48,9.79-11.28,14.69-16.93,6.77-7.81,13.28-15.33,18.46-21.31,5.73005-6.63,9.81006-11.37,10.77-12.51a46.74165,46.74165,0,0,0,.02-6.15,183.91841,183.91841,0,0,1,3.03-35.75c1.75-8.05.61005-23.61-.94-36.94-2.32,4.83-5,10.56-7.22,15.85-2.48,5.88995-4.41,11.22-4.71,14.12-.95,8.93-13.8,23.69-13.8,23.69l-.15.03c-2.11.56-8.06,7.48-15.62994,17.3C427.9379,636.0542,395.10794,684.57422,395.10794,684.57422Z" transform="translate(-273.97243 -143.2743)" fill="#2f2e41"/><path d="M563.195,371.88968a7.22664,7.22664,0,0,0,.26759,1.26811l-43.73571,12.13239L476.04112,383.148a10.87013,10.87013,0,0,0-2.5742,21.53374h0a85.75777,85.75777,0,0,0,26.57271.88571l29.2145-3.59192,42.76441-23.89583a7.2062,7.2062,0,1,0-8.82361-6.19006Z" transform="translate(-273.97243 -143.2743)" fill="#ffb8b8"/><path d="M481.045,411.55053a17.09523,17.09523,0,1,1-3.88689-33.9688l40.20608,6.5839,1.24111,19.28054Z" transform="translate(-273.97243 -143.2743)" fill="#2f2e41"/><path d="M474.03838,346.45821a22.75479,22.75479,0,1,1,1.15624-19.38543c.10414.26042.19792.52084.29163.79168A22.72373,22.72373,0,0,1,474.03838,346.45821Z" transform="translate(-273.97243 -143.2743)" fill="#ffb6b6"/><path d="M477.30917,327.86446c-.97917-2.73959-.55205-1.31251-1.54165-4.04167a6.811,6.811,0,0,1-.28127,4.04167H448.39246v-15.75c7.93757-3.14586,15.69794-5.82295,20.38545,0a15.75068,15.75068,0,0,1,15.75,15.75Z" transform="translate(-273.97243 -143.2743)" fill="#2f2e41"/><path d="M467.705,371.64573c-.02086-.29163-.05208-.59376-.09378-.88539a30.67565,30.67565,0,0,0-1.76042-6.25c-.78126-2.1979-1.57293-4.4063-2.36455-6.6042a18.908,18.908,0,0,1-.88545,12c-4.57294-3.56248-1.68744-11.70833-7.66666-11.70833-14.375,0-29.16671-11.65627-29.16671-26.0417,0-14.37507,6.16666-25.125,20.54167-25.125,14.38549,0,26.05218,6.58329,26.33339,20.95836C454.93417,332.15613,471.04874,370.18743,467.705,371.64573Z" transform="translate(-273.97243 -143.2743)" fill="#2f2e41"/><circle cx="153.5913" cy="170.01183" r="16.66669" fill="#2f2e41"/><path d="M273.97243,755.5357a1.18647,1.18647,0,0,0,1.19006,1.19h280.29a1.19,1.19,0,0,0,0-2.38h-280.29A1.18651,1.18651,0,0,0,273.97243,755.5357Z" transform="translate(-273.97243 -143.2743)" fill="#ccc"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/file-preview.svg b/public/assets/images/file-preview.svg
new file mode 100644
index 0000000000000000000000000000000000000000..37ee67493cd0dfdec744723dc8e489236be4d677
--- /dev/null
+++ b/public/assets/images/file-preview.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="972.04819" height="599.5" viewBox="0 0 972.04819 599.5" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M549.69578,749.75a324.76793,324.76793,0,0,1-218.45434-84.19189,1.50012,1.50012,0,0,1,2.01416-2.22364A321.77222,321.77222,0,0,0,549.69578,746.75c112.2981,0,214.773-57.01709,274.12012-152.52a1.49979,1.49979,0,1,1,2.54785,1.583,325.28875,325.28875,0,0,1-276.668,153.937Z" transform="translate(-113.9759 -150.25)" fill="#4361ee"/><polygon points="695.395 446.595 696.159 449.499 710.46 445.722 713.183 460.263 716.134 459.707 712.814 441.998 695.395 446.595" fill="#4361ee"/><polygon points="233.884 511.537 233.964 514.539 219.176 514.914 220.632 529.636 217.643 529.929 215.875 511.998 233.884 511.537" fill="#4361ee"/><path d="M412.21868,387.06132V548.63789a4.06656,4.06656,0,0,1-4.06522,4.06793h-274.289a3.42867,3.42867,0,0,1-.583-.04534,4.06416,4.06416,0,0,1-3.48494-4.02259V387.06132a4.06654,4.06654,0,0,1,4.06518-4.06789H408.15075a4.06655,4.06655,0,0,1,4.06793,4.06521Z" transform="translate(-113.9759 -150.25)" fill="#e6e6e6"/><circle cx="84.96085" cy="293.12549" r="35.68826" fill="#4361ee"/><path d="M310.85114,553.35358H135.77525a3.5694,3.5694,0,0,1-.65425-.05183l82.80283-143.42642a5.79764,5.79764,0,0,1,10.09208,0L283.587,506.12559l2.6623,4.60558Z" transform="translate(-113.9759 -150.25)" fill="#3f3d56"/><polygon points="196.875 403.103 137.1 403.103 166.443 360.481 168.556 357.411 169.611 355.875 172.274 360.481 196.875 403.103" opacity="0.2" style="isolation:isolate"/><path d="M408.33212,553.35358H256.90585l29.34345-42.62243,2.11167-3.0704,38.23713-55.5452c2.50681-3.64039,8.53745-3.86709,11.48473-.68661a6.91157,6.91157,0,0,1,.55064.68661Z" transform="translate(-113.9759 -150.25)" fill="#3f3d56"/><path d="M427.6506,376.85693a13.03563,13.03563,0,0,0-12.241-8.60693H126.98193a13.001,13.001,0,0,0-13.006,13.006V609.244a13.02447,13.02447,0,0,0,13.006,13.006H415.40964a13.02446,13.02446,0,0,0,13.006-13.006V381.256A12.90708,12.90708,0,0,0,427.6506,376.85693ZM426.88554,609.244a11.48989,11.48989,0,0,1-11.4759,11.4759H126.98193A11.48989,11.48989,0,0,1,115.506,609.244V381.256a11.48989,11.48989,0,0,1,11.47591-11.4759H415.40964a11.48989,11.48989,0,0,1,11.4759,11.4759Z" transform="translate(-113.9759 -150.25)" fill="#3f3d56"/><path d="M1060.38951,180.02225V435.74579a6.43607,6.43607,0,0,1-6.43394,6.43822h-434.111a5.42512,5.42512,0,0,1-.92269-.07176,6.43224,6.43224,0,0,1-5.51553-6.36646V180.02225a6.436,6.436,0,0,1,6.43386-6.43816h434.11107a6.43606,6.43606,0,0,1,6.43823,6.43391Z" transform="translate(-113.9759 -150.25)" fill="#e6e6e6"/><circle cx="608.85716" cy="118.89939" r="56.48299" fill="#4361ee"/><path d="M899.95742,443.20921H622.8688a5.64951,5.64951,0,0,1-1.03547-.082L752.88347,216.12946a9.17579,9.17579,0,0,1,15.97251,0l87.9511,152.33308,4.21356,7.28916Z" transform="translate(-113.9759 -150.25)" fill="#3f3d56"/><polygon points="785.981 292.959 691.377 292.959 737.818 225.502 741.161 220.643 742.832 218.212 747.045 225.502 785.981 292.959" opacity="0.2" style="isolation:isolate"/><path d="M1054.23833,443.20921H814.57943l46.44121-67.45755,3.34209-4.85945,60.517-87.91012c3.96746-5.76155,13.512-6.12036,18.17662-1.08668a10.936,10.936,0,0,1,.87147,1.08668Z" transform="translate(-113.9759 -150.25)" fill="#3f3d56"/><path d="M1084.81325,163.872a20.6312,20.6312,0,0,0-19.37349-13.622H608.95181a20.57636,20.57636,0,0,0-20.58434,20.58434V531.66566A20.61353,20.61353,0,0,0,608.95181,552.25h456.488a20.61353,20.61353,0,0,0,20.58434-20.58434V170.83434A20.42794,20.42794,0,0,0,1084.81325,163.872Zm-1.21084,367.79367a18.18479,18.18479,0,0,1-18.16265,18.16265H608.95181a18.18479,18.18479,0,0,1-18.16265-18.16265V170.83434a18.18479,18.18479,0,0,1,18.16265-18.16265h456.488a18.18479,18.18479,0,0,1,18.16265,18.16265Z" transform="translate(-113.9759 -150.25)" fill="#3f3d56"/></svg>
diff --git a/public/assets/images/flags/AC.svg b/public/assets/images/flags/AC.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7d184d1ec606cdd4c52149770d1381d3ef61c66c
--- /dev/null
+++ b/public/assets/images/flags/AC.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="22" height="16" stroke="none" stroke-linecap="round" stroke-linejoin="round" fill="#fff" fill-rule="nonzero"><path d="M0 0h21v15H0z" fill="#1e50a0"/><path d="M1.6553.3947H.3387v.9205L9.1834 7.5H10.5v-.9206L1.6553.3947z"/><path d="M10.5 1.3152V.3947H9.1834L.3387 6.5794V7.5h1.3166L10.5 1.3152z"/><path d="M.3387 2.7632H10.5v2.3684H.3387z"/><path d="M4.4032.3947h2.0323V7.5H4.4032z"/><g fill="#d22f27"><path d="M5.0806.3947h.6774V7.5h-.6774z"/><path d="M.3387 3.5526H10.5v.7895H.3387zM10.5 6.5794L8.4295 5.1315H7.1129L10.5 7.5v-.9198zm0-6.1847H9.1834L6.4355 2.3163v.4468h.6774L10.5.3947zM.3387 1.3152l2.0705 1.4479h1.3166L.3387.3947v.9197zm0 6.1848h1.3166l2.7479-1.9216v-.4469h-.6774L.3387 7.5z"/></g><path d="M15.565 7.5l.8807 1.7842h-1.7681L15.5583 7.5z" fill="#5c9e31"/><path d="M16.9517 9.7824c0 2.1671-.6103 3.9237-1.3629 3.9237s-1.363-1.7574-1.363-3.9237z"/><path d="M13.567 9.7569c-.0493-.0931.0397-.2604.1994-.3752s.328-.1322.3772-.0391-.0397.2604-.1994.3752-.328.1322-.3772.0391zm-.5597 3.3532c-.0985-.1862-.1134-.3822-.0336-.4396s.2235.0463.3219.2325.1135.3822.0336.4396-.2234-.0463-.3219-.2325zm-.896-.2922c-.4617-.1279-.668-1.0567-.4607-2.0751s.7499-1.7408 1.2116-1.6129c.2203.0895.3863.3036.4406.568l-.5792 2.8429c-.1504.2078-.3813.3121-.6127.2767zm5.1059-3.0999c-.1597-.1148-.2487-.2821-.1994-.3752s.2174-.0756.3772.0391.2487.2821.1994.3752-.2174.0756-.3772-.0391zm.6151 3.6247c-.0798-.0574-.0649-.2535.0336-.4396s.242-.2899.3219-.2325.0649.2534-.0336.4396-.242.2898-.3219.2325zm1.2178-.5248c.4616-.1279.6679-1.0567.4606-2.0751s-.7499-1.7408-1.2115-1.6129c-.2203.0895-.3864.3036-.4407.568l.5792 2.8429c.1505.2078.3814.3121.6127.2767z" fill="#a57939"/><path d="M16.4495 12.2448c-.044-.0001-.0863-.02-.1179-.0557l-.7665-.8625-.7665.8625c-.0673.0753-.1742.0729-.239-.0052s-.0632-.2028.0036-.2786l.8806-.9947c.0657-.074.1698-.074.2354 0l.8807.9947c.0495.056.065.1413.0391.2158s-.088.1233-.157.1233z" fill="#5c9e31"/><path d="M16.6063 10.1771c-.0678 1.9264-.626 3.1342-1.0175 3.1342s-.9494-1.2078-1.0175-3.1342h2.035m.3454-.3947h-2.7259c0 2.1671.6104 3.9237 1.363 3.9237s1.3629-1.7566 1.3629-3.9237z" fill="#000"/><path d="M17.4791 8.6906c-.065-.3192.0297-.6168.2122-.6673s.3819.1658.4469.485-.0297.6167-.2122.6672-.3819-.1658-.4469-.4849zm-4.2439.4847c-.1825-.0505-.2772-.3481-.2122-.6672s.2643-.5355.4469-.485.2772.3481.2122.6673-.2643.5354-.4469.4849z" fill="#a57939"/></svg>
diff --git a/public/assets/images/flags/AD.svg b/public/assets/images/flags/AD.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4855f9fb1589537f9e28c3504fb9cb13a53902e5
--- /dev/null
+++ b/public/assets/images/flags/AD.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>AD</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1537D1" offset="0%"></stop>
+            <stop stop-color="#0522A5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#EA3058" offset="0%"></stop>
+            <stop stop-color="#CE173E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFCF3C" offset="0%"></stop>
+            <stop stop-color="#FECB2F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="AD">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-3)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="7" y="0" width="7" height="15"></rect>
+            <polygon id="Rectangle-139-Copy" fill="#FFEDB1" points="9.5 6.5 10.5 6.5 10.5 7 9.5 7"></polygon>
+            <path d="M9.6650265,7.9595207 C9.68963036,8.25476702 9.9569379,8.5 10.2524408,8.5 L10.7475592,8.5 C11.042238,8.5 11.3105295,8.2528489 11.3349735,7.9595207 L11.4566002,6.5 L9.54339977,6.5 L9.6650265,7.9595207 Z M9.04128242,6.49538898 C9.01848277,6.2217932 9.2157526,6 9.49538898,6 L11.504611,6 C11.7782068,6 11.9820206,6.2157526 11.9587176,6.49538898 L11.8332464,8.00104344 C11.7872707,8.55275191 11.3030501,9 10.7475592,9 L10.2524408,9 C9.69880801,9 9.21311164,8.55733967 9.16675362,8.00104344 L9.04128242,6.49538898 Z" id="Rectangle-137" fill="#D32E28" fill-rule="nonzero"></path>
+            <polygon id="Rectangle-139" fill="#D32E28" points="9.5 7 11.5 7 11.5 7.5 11 7.5 10 7.5 9.5 7.5"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/AE.svg b/public/assets/images/flags/AE.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3095fe31905d33d29131fe981b68e08f86ed5dd0
--- /dev/null
+++ b/public/assets/images/flags/AE.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>AE</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#12833B" offset="0%"></stop>
+            <stop stop-color="#0D7332" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FF323E" offset="0%"></stop>
+            <stop stop-color="#FD0D1B" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="AE">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="6" y="0" width="15" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="6" y="10" width="15" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="6" y="5" width="15" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="0" width="6" height="15"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/AF.svg b/public/assets/images/flags/AF.svg
new file mode 100644
index 0000000000000000000000000000000000000000..75216b744d51b52de5a825bc493b2967a405d26b
--- /dev/null
+++ b/public/assets/images/flags/AF.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>AF</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1AB11F" offset="0%"></stop>
+            <stop stop-color="#149818" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#DC0D18" offset="0%"></stop>
+            <stop stop-color="#BE0711" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="AF">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-4)" x="7" y="0" width="7" height="15"></rect>
+            <path d="M8,7 C8,7.90143048 8.48152018,8.71954992 9.24677273,9.16357911 C9.48561975,9.3021674 9.79159152,9.22089165 9.93017981,8.98204463 C10.0687681,8.74319762 9.98749235,8.43722585 9.74864534,8.29863755 C9.28867518,8.03174504 9,7.54127594 9,7 C9,6.72385763 8.77614237,6.5 8.5,6.5 C8.22385763,6.5 8,6.72385763 8,7 Z M11.8455353,9.10731545 C12.5588244,8.65111736 13,7.86294784 13,7 C13,6.72385763 12.7761424,6.5 12.5,6.5 C12.2238576,6.5 12,6.72385763 12,7 C12,7.5182519 11.7356132,7.99058439 11.3067388,8.26487951 C11.0741065,8.41366406 11.0061345,8.72286348 11.1549191,8.95549574 C11.3037036,9.188128 11.612903,9.2561 11.8455353,9.10731545 Z" id="Oval-5" fill="#FFFFFF" fill-rule="nonzero" opacity="0.75"></path>
+            <ellipse id="Oval-5" fill-opacity="0.5" fill="#FFFFFF" cx="10.5" cy="6.5" rx="1" ry="1.5"></ellipse>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/AG.svg b/public/assets/images/flags/AG.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ac56b808ec140cc39b805f8b1bb61b8d6ef464d7
--- /dev/null
+++ b/public/assets/images/flags/AG.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>AG</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E2243B" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-4" points="0 0 21 0 10.5 15"></polygon>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#FFCF3C" offset="0%"></stop>
+            <stop stop-color="#FECB2F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#1984D8" offset="0%"></stop>
+            <stop stop-color="#1175C4" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="AG">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M8.5,7 C8.5,7.73933629 8.90117129,8.38497401 9.49770903,8.73110833 M11.576137,8.68609748 C12.1317007,8.33077576 12.5,7.70839833 12.5,7" id="Oval-5" opacity="0.75"></path>
+            <ellipse id="Oval-5" fill-opacity="0.5" fill="#FFFFFF" cx="10.5" cy="6.5" rx="1" ry="1.5"></ellipse>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <mask id="mask-5" fill="white">
+                <use xlink:href="#path-4"></use>
+            </mask>
+            <use id="Mask" fill="url(#linearGradient-3)" xlink:href="#path-4"></use>
+            <polygon id="Star-1" fill="url(#linearGradient-6)" mask="url(#mask-5)" points="10.5 8.25 8.77792455 10.1574579 8.90900974 7.59099026 6.3425421 7.72207545 8.25 6 5.99999999 3.99999993 8.90900963 4.49999993 8.49999999 1.49999999 10.5 3.99999993 12.5 1.49999999 12.0909905 4.49999993 15 4 12.75 6 14.6574579 7.72207545 12.0909903 7.59099026 12.2220754 10.1574579"></polygon>
+            <rect id="Rectangle-2" fill="url(#linearGradient-7)" mask="url(#mask-5)" x="0" y="6" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" mask="url(#mask-5)" x="0" y="10" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/AI.svg b/public/assets/images/flags/AI.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7f53e4649b1121e024b4c5f84ff91c105cf530ed
--- /dev/null
+++ b/public/assets/images/flags/AI.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>AI</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0A17A7" offset="0%"></stop>
+            <stop stop-color="#030E88" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,2.5 L0,0 L1,0.5 L2,0 L3,0.5 L4,0 L4,2.5 C4,4 2,5 2,5 C2,5 0,4 0,2.5 Z" id="path-4"></path>
+        <filter x="-6.2%" y="-5.0%" width="112.5%" height="120.0%" filterUnits="objectBoundingBox" id="filter-6">
+            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#FFA51B" offset="0%"></stop>
+            <stop stop-color="#FF9A00" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="AI">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M3,3.22996746 L-1.3516287,-0.5 L0.660232527,-0.5 L4.16023253,2 L4.85660189,2 L9.5,-0.902123821 L9.5,0.25 C9.5,0.552509227 9.33308555,0.876533554 9.08215972,1.05576629 L6,3.25730895 L6,3.77003254 L9.13722049,6.45907867 C9.59934261,6.85518335 9.34102897,7.5 8.75,7.5 C8.50478614,7.5 8.2052751,7.40393402 8.00092153,7.25796718 L4.83976747,5 L4.14339811,5 L-0.5,7.90212382 L-0.5,6.24269105 L3,3.74269105 L3,3.22996746 Z" id="Rectangle-36" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M3.5,3 L-4.4408921e-16,7.10542736e-15 L0.5,7.10542736e-15 L4,2.5 L5,2.5 L9,7.10542736e-15 L9,0.25 C9,0.388071187 8.91348267,0.561798096 8.79154062,0.648899555 L5.5,3 L5.5,4 L8.8118248,6.83870697 C8.91575109,6.92778665 8.8840332,7 8.75,7 L8.75,7 C8.61192881,7 8.41348267,6.9382019 8.29154062,6.85110044 L5,4.5 L4,4.5 L-4.4408921e-16,7 L-4.4408921e-16,6.5 L3.5,4 L3.5,3 Z" id="Rectangle-36" fill="url(#linearGradient-3)"></path>
+            <path d="M-4.4408921e-16,2.5 L-4.4408921e-16,4.5 L3.5,4.5 L3.5,7.00461102 C3.5,7.2782068 3.71403503,7.5 4.00468445,7.5 L4.99531555,7.5 C5.27404508,7.5 5.5,7.2842474 5.5,7.00461102 L5.5,4.5 L9.00952148,4.5 C9.28040529,4.5 9.5,4.28596497 9.5,3.99531555 L9.5,3.00468445 C9.5,2.72595492 9.28494263,2.5 9.00952148,2.5 L5.5,2.5 L5.5,7.10542736e-15 L3.5,7.10542736e-15 L3.5,2.5 L-4.4408921e-16,2.5 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-36" fill="url(#linearGradient-3)" points="-4.4408921e-16 3 4 3 4 2.5 4 7.10542736e-15 5 7.10542736e-15 5 2.5 5 3 9 3 9 4 5 4 5 4.5 5 7 4 7 4 4.5 4 4 -4.4408921e-16 4"></polygon>
+            <g id="Rectangle-1105" transform="translate(13.000000, 5.000000)">
+                <mask id="mask-5" fill="white">
+                    <use xlink:href="#path-4"></use>
+                </mask>
+                <g id="Mask">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-4"></use>
+                    <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-4"></use>
+                </g>
+                <rect id="Rectangle-1106" fill="#9ACCFF" mask="url(#mask-5)" x="0" y="4" width="4" height="1"></rect>
+                <path d="M2,2 C1.72385763,2 1.5,1.77614237 1.5,1.5 C1.5,1.22385763 1.72385763,1 2,1 C2.27614237,1 2.5,1.22385763 2.5,1.5 C2.5,1.77614237 2.27614237,2 2,2 Z M1,3 C0.723857625,3 0.5,2.77614237 0.5,2.5 C0.5,2.22385763 0.723857625,2 1,2 C1.27614237,2 1.5,2.22385763 1.5,2.5 C1.5,2.77614237 1.27614237,3 1,3 Z M3,3 C2.72385763,3 2.5,2.77614237 2.5,2.5 C2.5,2.22385763 2.72385763,2 3,2 C3.27614237,2 3.5,2.22385763 3.5,2.5 C3.5,2.77614237 3.27614237,3 3,3 Z" id="Oval-170" fill="url(#linearGradient-7)" mask="url(#mask-5)"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/AL.svg b/public/assets/images/flags/AL.svg
new file mode 100644
index 0000000000000000000000000000000000000000..43ff1a3b3c74ae3b4d45c7c217392ca75452bdfd
--- /dev/null
+++ b/public/assets/images/flags/AL.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>AL</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#EE343C" offset="0%"></stop>
+            <stop stop-color="#E2222A" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="AL">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M9.34790039,3.34790039 L10.1520996,4.15209961 C10.3394737,4.33947372 10.6557603,4.34423969 10.8479004,4.15209961 L11.6520996,3.34790039 C11.8394737,3.16052628 12.1835102,3.12234016 12.4098816,3.27325439 L13.5,4 L11.9520178,4.77399111 C11.7034302,4.89828491 11.5,5.22385763 11.5,5.5 C11.5,5.76806641 11.7238576,6 12,6 C12.2680664,6 12.6987251,5.90063747 12.9438648,5.77806759 L14.0561352,5.22193241 C14.3009205,5.09953976 14.6565891,5.15658907 14.8497515,5.34975147 L15.1502485,5.65024853 C15.34375,5.84375 15.3012749,6.09936253 15.0561352,6.22193241 L13.9438648,6.77806759 C13.6990795,6.90046024 13.6835102,7.12234016 13.9098816,7.27325439 L14.5901184,7.72674561 C14.8160706,7.87738037 14.78419,8.043162 14.5179749,8.09640503 L12.9820251,8.40359497 C12.7131486,8.45737028 12.6812037,8.63590279 12.9047298,8.80354738 L14.0952702,9.69645262 C14.3154297,9.86157227 14.2761424,10 14,10 C13.7319336,10 13.2832413,9.94581031 13.0158558,9.87896395 L11.9841442,9.62103605 C11.714035,9.55350876 11.6223402,9.68351024 11.7732544,9.90988159 L12.2267456,10.5901184 C12.3773804,10.8160706 12.2726361,11 11.9921684,11 L11.5078316,11 C11.2213302,11 10.92917,11.2124899 10.8417969,11.4746094 L10.6582031,12.0253906 C10.5695229,12.2914314 10.42917,12.2875101 10.3417969,12.0253906 L10.1582031,11.4746094 C10.0695229,11.2085686 9.77263606,11 9.49216843,11 L9.00783157,11 C8.72133017,11 8.62234016,10.8164898 8.77325439,10.5901184 L9.22674561,9.90988159 C9.37738037,9.68392944 9.28324125,9.55418969 9.01585579,9.62103605 L7.98414421,9.87896395 C7.71403503,9.94649124 7.27614237,10 7,10 C6.73193359,10 6.68120372,9.86409721 6.90472984,9.69645262 L8.09527016,8.80354738 C8.31542969,8.63842773 8.28418999,8.456838 8.01797485,8.40359497 L6.48202515,8.09640503 C6.21314859,8.04262972 6.18351024,7.87765984 6.40988159,7.72674561 L7.09011841,7.27325439 C7.31607056,7.12261963 7.30127495,6.90063747 7.05613518,6.77806759 L5.94386482,6.22193241 C5.69907951,6.09953976 5.65658907,5.84341093 5.84975147,5.65024853 L6.15024853,5.34975147 C6.34375,5.15625 6.69872505,5.09936253 6.94386482,5.22193241 L8.05613518,5.77806759 C8.30092049,5.90046024 8.72385763,6 9,6 C9.26806641,6 9.5,5.77614237 9.5,5.5 C9.5,5.23193359 9.30127495,4.90063747 9.05613518,4.77806759 L7.94386482,4.22193241 C7.69907951,4.09953976 7.68351024,3.87765984 7.90988159,3.72674561 L8.59011841,3.27325439 C8.81607056,3.12261963 9.15576031,3.15576031 9.34790039,3.34790039 Z" id="Combined-Shape" fill="url(#linearGradient-3)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/AM.svg b/public/assets/images/flags/AM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5224d30f76ec1937449a8ebc1b07fcf29f588d0e
--- /dev/null
+++ b/public/assets/images/flags/AM.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>AM</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1047B9" offset="0%"></stop>
+            <stop stop-color="#06379D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#F01C31" offset="0%"></stop>
+            <stop stop-color="#D70A1F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#F5B23E" offset="0%"></stop>
+            <stop stop-color="#F0A728" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="AM">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="5" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="10" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/AO.svg b/public/assets/images/flags/AO.svg
new file mode 100644
index 0000000000000000000000000000000000000000..86044f3b3c3c3c5daf66830bf8a228f1b3d70ffe
--- /dev/null
+++ b/public/assets/images/flags/AO.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>AO</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FF323E" offset="0%"></stop>
+            <stop stop-color="#FD0D1B" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#DD2137" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#F8D84B" offset="0%"></stop>
+            <stop stop-color="#F9D536" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="AO">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="8" width="21" height="7"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="0" width="21" height="8"></rect>
+            <path d="M10.6306023,8.85466006 L9.2226499,7.91602515 C8.99288556,7.76284892 8.93079862,7.45241425 9.08397485,7.2226499 C9.23715108,6.99288556 9.54758575,6.93079862 9.7773501,7.08397485 L11.3130296,8.10776118 C11.3806662,7.9788916 11.4351961,7.84059073 11.4744444,7.69411428 C11.760328,6.62718208 11.127163,5.53050816 10.0602308,5.24462454 C9.79349776,5.17315364 9.63520651,4.89898516 9.70667742,4.63225211 C9.77814832,4.36551905 10.0523168,4.20722781 10.3190499,4.27869871 C11.9194482,4.70752415 12.8691956,6.35253502 12.4403702,7.95293333 C12.3721274,8.20761904 12.2730844,8.44582688 12.1483226,8.66462317 L12.7773501,9.08397485 C13.0071144,9.23715108 13.0692014,9.54758575 12.9160251,9.7773501 C12.7628489,10.0071144 12.4524142,10.0692014 12.2226499,9.91602515 L11.5104877,9.44125038 C10.7832553,10.0719943 9.76598896,10.3421636 8.76613558,10.0742537 C8.49940253,10.0027828 8.34111129,9.72861429 8.41258219,9.46188124 C8.4840531,9.19514819 8.75822158,9.03685694 9.02495463,9.10832785 C9.59426997,9.26087543 10.1720537,9.15174297 10.6306023,8.85466006 Z M9.5,6.5 C9.22385763,6.5 9,6.27614237 9,6 C9,5.72385763 9.22385763,5.5 9.5,5.5 C9.77614237,5.5 10,5.72385763 10,6 C10,6.27614237 9.77614237,6.5 9.5,6.5 Z" id="Shape" fill="url(#linearGradient-5)" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/AR.svg b/public/assets/images/flags/AR.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4dbc96f1f86aed0d0bec60f4d3b268864729f3d0
--- /dev/null
+++ b/public/assets/images/flags/AR.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>AR</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#88BBE8" offset="0%"></stop>
+            <stop stop-color="#76ADDD" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="AR">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <path d="M10.5,9.5 C9.3954305,9.5 8.5,8.6045695 8.5,7.5 C8.5,6.3954305 9.3954305,5.5 10.5,5.5 C11.6045695,5.5 12.5,6.3954305 12.5,7.5 C12.5,8.6045695 11.6045695,9.5 10.5,9.5 Z" id="Oval-1" fill="#DB7A2C" fill-rule="nonzero"></path>
+            <circle id="Oval-1" fill="#F4B32E" cx="10.5" cy="7.5" r="1.5"></circle>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/AS.svg b/public/assets/images/flags/AS.svg
new file mode 100644
index 0000000000000000000000000000000000000000..afb37540f2b7b790873dfccb102506bdd5bb9b05
--- /dev/null
+++ b/public/assets/images/flags/AS.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>AS</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#071585" offset="0%"></stop>
+            <stop stop-color="#000B64" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#D32636" offset="0%"></stop>
+            <stop stop-color="#BA1827" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="35.4001096%" y2="89.1313033%" id="linearGradient-4">
+            <stop stop-color="#AB5423" offset="0%"></stop>
+            <stop stop-color="#5A3719" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="AS">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-1134" fill="url(#linearGradient-3)" fill-rule="nonzero" points="22 15.5 0 7.5 22 -0.5"></polygon>
+            <polygon id="Rectangle-1134" fill="url(#linearGradient-1)" fill-rule="nonzero" points="21 0.927699992 2.92617498 7.5 21 14.0723"></polygon>
+            <path d="M16,7.038486 C15.8815511,6.92003711 15.1942139,7.19421386 15.1942139,7.19421386 L14,6 C14,6 13.9383569,5.33698587 14.5,5 C14.9247187,4.74516878 15.7204931,4.83977815 16.4990013,4.5 C17.7459982,3.95575102 19,3 19,3 L18.1979642,5.20559849 C18.1979642,5.20559849 19.1166408,5.67923724 18.9999998,6 C18.9661979,6.0929551 18.0694389,6.38457486 17.9999998,6.5 C17.8680615,6.71931452 18.5239661,6.78580715 18.3197925,7.03848593 C17.7327784,7.76495606 17,8.5 17,8.5 L16,8 C16,8 16.1501465,7.18863249 16,7.038486 Z" id="Rectangle-1475" fill="url(#linearGradient-4)"></path>
+            <circle id="Oval-322" fill="#FFC322" cx="13.5" cy="7.5" r="1"></circle>
+            <path d="M12.5,9 L17.5,9 C17.7761424,9 18,8.77614237 18,8.5 C18,8.22385763 17.7761424,8 17.5,8 L12.5,8 C12.2238576,8 12,8.22385763 12,8.5 C12,8.77614237 12.2238576,9 12.5,9 Z" id="Line" fill="#FFC322" fill-rule="nonzero"></path>
+            <path d="M14.1969596,10.4595725 L17.6969596,8.95957252 C17.9507745,8.8507947 18.0683503,8.55685524 17.9595725,8.30304035 C17.8507947,8.04922546 17.5568552,7.93164967 17.3030404,8.04042748 L13.8030404,9.54042748 C13.5492255,9.6492053 13.4316497,9.94314476 13.5404275,10.1969596 C13.6492053,10.4507745 13.9431448,10.5683503 14.1969596,10.4595725 Z" id="Line-Copy" fill="#FFC322" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/AT.svg b/public/assets/images/flags/AT.svg
new file mode 100644
index 0000000000000000000000000000000000000000..627245e3b7300aa6840b528ac16da02a9b62511f
--- /dev/null
+++ b/public/assets/images/flags/AT.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>AT</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F64253" offset="0%"></stop>
+            <stop stop-color="#EA2D3F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="AT">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/AU.svg b/public/assets/images/flags/AU.svg
new file mode 100644
index 0000000000000000000000000000000000000000..aad6b1e6bbaf48255bff2b34eb509c96b6cd8ddc
--- /dev/null
+++ b/public/assets/images/flags/AU.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>AU</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0A17A7" offset="0%"></stop>
+            <stop stop-color="#030E88" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="AU">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M3,3.22996746 L-1.3516287,-0.5 L0.660232527,-0.5 L4.16023253,2 L4.85660189,2 L9.5,-0.902123821 L9.5,0.25 C9.5,0.552509227 9.33308555,0.876533554 9.08215972,1.05576629 L6,3.25730895 L6,3.77003254 L9.13722049,6.45907867 C9.59934261,6.85518335 9.34102897,7.5 8.75,7.5 C8.50478614,7.5 8.2052751,7.40393402 8.00092153,7.25796718 L4.83976747,5 L4.14339811,5 L-0.5,7.90212382 L-0.5,6.24269105 L3,3.74269105 L3,3.22996746 Z" id="Rectangle-36" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M3.5,3 L-4.4408921e-16,-2.13162821e-14 L0.5,-2.13162821e-14 L4,2.5 L5,2.5 L9,-2.13162821e-14 L9,0.25 C9,0.388071187 8.91348267,0.561798096 8.79154062,0.648899555 L5.5,3 L5.5,4 L8.8118248,6.83870697 C8.91575109,6.92778665 8.8840332,7 8.75,7 L8.75,7 C8.61192881,7 8.41348267,6.9382019 8.29154062,6.85110044 L5,4.5 L4,4.5 L-4.4408921e-16,7 L-4.4408921e-16,6.5 L3.5,4 L3.5,3 Z" id="Rectangle-36" fill="url(#linearGradient-3)"></path>
+            <path d="M-4.4408921e-16,2.5 L-4.4408921e-16,4.5 L3.5,4.5 L3.5,7.00461102 C3.5,7.2782068 3.71403503,7.5 4.00468445,7.5 L4.99531555,7.5 C5.27404508,7.5 5.5,7.2842474 5.5,7.00461102 L5.5,4.5 L9.00952148,4.5 C9.28040529,4.5 9.5,4.28596497 9.5,3.99531555 L9.5,3.00468445 C9.5,2.72595492 9.28494263,2.5 9.00952148,2.5 L5.5,2.5 L5.5,-2.13162821e-14 L3.5,-2.13162821e-14 L3.5,2.5 L-4.4408921e-16,2.5 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-36" fill="url(#linearGradient-3)" points="-4.4408921e-16 3 4 3 4 2.5 4 -2.13162821e-14 5 -2.13162821e-14 5 2.5 5 3 9 3 9 4 5 4 5 4.5 5 7 4 7 4 4.5 4 4 -4.4408921e-16 4"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="4.5 12.25 3.61832212 12.7135255 3.78670761 11.7317627 3.07341523 11.0364745 4.05916106 10.8932373 4.5 10 4.94083894 10.8932373 5.92658477 11.0364745 5.21329239 11.7317627 5.38167788 12.7135255"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="15 13 14.2928932 13.2071068 14.5 12.5 14.2928932 11.7928932 15 12 15.7071068 11.7928932 15.5 12.5 15.7071068 13.2071068"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="15 3.5 14.2928932 3.70710678 14.5 3 14.2928932 2.29289322 15 2.5 15.7071068 2.29289322 15.5 3 15.7071068 3.70710678"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="18 6.5 17.2928932 6.70710678 17.5 6 17.2928932 5.29289322 18 5.5 18.7071068 5.29289322 18.5 6 18.7071068 6.70710678"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="12 7.5 11.2928932 7.70710678 11.5 7 11.2928932 6.29289322 12 6.5 12.7071068 6.29289322 12.5 7 12.7071068 7.70710678"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="16.5 8.75 16.1464466 8.85355339 16.25 8.5 16.1464466 8.14644661 16.5 8.25 16.8535534 8.14644661 16.75 8.5 16.8535534 8.85355339"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/AW.svg b/public/assets/images/flags/AW.svg
new file mode 100644
index 0000000000000000000000000000000000000000..892d8aa0e46541fa6247f842b4b7cf2c8e2bdbbd
--- /dev/null
+++ b/public/assets/images/flags/AW.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>AW</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#5098EA" offset="0%"></stop>
+            <stop stop-color="#458BDB" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E82045" offset="0%"></stop>
+            <stop stop-color="#D01739" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="AW">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M1.80304035,4.95957252 C1.39898655,4.7864066 1.39898655,4.2135934 1.80304035,4.04042748 L3.36921134,3.36921134 L4.04042748,1.80304035 C4.2135934,1.39898655 4.7864066,1.39898655 4.95957252,1.80304035 L5.63078866,3.36921134 L7.19695965,4.04042748 C7.60101345,4.2135934 7.60101345,4.7864066 7.19695965,4.95957252 L5.63078866,5.63078866 L4.95957252,7.19695965 C4.7864066,7.60101345 4.2135934,7.60101345 4.04042748,7.19695965 L3.36921134,5.63078866 L1.80304035,4.95957252 Z" id="Star" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <polygon id="Star" fill="url(#linearGradient-3)" points="3.75 5.25 2 4.5 3.75 3.75 4.5 2 5.25 3.75 7 4.5 5.25 5.25 4.5 7"></polygon>
+            <rect id="Rectangle-1337" fill="#F9D536" x="0" y="11" width="21" height="1"></rect>
+            <rect id="Rectangle-1337-Copy" fill="#F9D536" x="0" y="9" width="21" height="1"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/AX.svg b/public/assets/images/flags/AX.svg
new file mode 100644
index 0000000000000000000000000000000000000000..577cd2683738325de730b2d300bb889be1c99557
--- /dev/null
+++ b/public/assets/images/flags/AX.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>AX</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#157CBB" offset="0%"></stop>
+            <stop stop-color="#0E6CA5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFD34D" offset="0%"></stop>
+            <stop stop-color="#FECB2F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#EB363A" offset="0%"></stop>
+            <stop stop-color="#D52B2F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="AX">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" points="0 9 6 9 6 15 9 15 9 9 21 9 21 6 9 6 9 0 6 0 6 6 0 6"></polygon>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-4)" points="0 8 7 8 7 15 8 15 8 8 21 8 21 7 8 7 8 0 7 0 7 7 0 7"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/AZ.svg b/public/assets/images/flags/AZ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3f082f33627b14c3b5547398095a4000a42f5199
--- /dev/null
+++ b/public/assets/images/flags/AZ.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>AZ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#24AAD5" offset="0%"></stop>
+            <stop stop-color="#1899C2" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#ED1845" offset="0%"></stop>
+            <stop stop-color="#DE0C39" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#21BF75" offset="0%"></stop>
+            <stop stop-color="#19AD68" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="AZ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="5" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="10" width="21" height="5"></rect>
+            <path d="M11.3335689,6.25274924 C11.3059482,6.25092604 11.2780822,6.25 11.25,6.25 C10.5596441,6.25 10,6.80964406 10,7.5 C10,8.19035594 10.5596441,8.75 11.25,8.75 C11.2780822,8.75 11.3059482,8.74907396 11.3335689,8.74725076 C11.0951725,8.9068934 10.8084594,9 10.5,9 C9.67157288,9 9,8.32842712 9,7.5 C9,6.67157288 9.67157288,6 10.5,6 C10.8084594,6 11.0951725,6.0931066 11.3335689,6.25274924 Z M11.5,8 C11.2238576,8 11,7.77614237 11,7.5 C11,7.22385763 11.2238576,7 11.5,7 C11.7761424,7 12,7.22385763 12,7.5 C12,7.77614237 11.7761424,8 11.5,8 Z" id="Oval-68" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BA.svg b/public/assets/images/flags/BA.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a16324e1f6ded176e568c5e041a53a6936c7876e
--- /dev/null
+++ b/public/assets/images/flags/BA.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BA</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0B36B2" offset="0%"></stop>
+            <stop stop-color="#042993" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFD045" offset="0%"></stop>
+            <stop stop-color="#FECA2F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BA">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" points="17 15 17 0 6.5 0"></polygon>
+            <polygon id="Star-2" fill="url(#linearGradient-1)" points="13 14 12.2928932 14.2071068 12.5 13.5 12.2928932 12.7928932 13 13 13.7071068 12.7928932 13.5 13.5 13.7071068 14.2071068"></polygon>
+            <polygon id="Star-2" fill="url(#linearGradient-1)" points="11 11 10.2928932 11.2071068 10.5 10.5 10.2928932 9.79289322 11 10 11.7071068 9.79289322 11.5 10.5 11.7071068 11.2071068"></polygon>
+            <polygon id="Star-2" fill="url(#linearGradient-1)" points="9 8 8.29289322 8.20710678 8.5 7.5 8.29289322 6.79289322 9 7 9.70710678 6.79289322 9.5 7.5 9.70710678 8.20710678"></polygon>
+            <polygon id="Star-2" fill="url(#linearGradient-1)" points="7 5 6.29289322 5.20710678 6.5 4.5 6.29289322 3.79289322 7 4 7.70710678 3.79289322 7.5 4.5 7.70710678 5.20710678"></polygon>
+            <polygon id="Star-2" fill="url(#linearGradient-1)" points="5 2 4.29289322 2.20710678 4.5 1.5 4.29289322 0.792893219 5 1 5.70710678 0.792893219 5.5 1.5 5.70710678 2.20710678"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BB.svg b/public/assets/images/flags/BB.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5c89e132d142989d12a37b96586b3a1c5410e85c
--- /dev/null
+++ b/public/assets/images/flags/BB.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BB</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1132C7" offset="0%"></stop>
+            <stop stop-color="#0522A5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#08379D" offset="0%"></stop>
+            <stop stop-color="#042A7D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFCC50" offset="0%"></stop>
+            <stop stop-color="#FFC63C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BB">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-3)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-4)" x="7" y="0" width="7" height="15"></rect>
+            <path d="M10.378269,4.70856857 C10.4566062,4.59337933 10.5844043,4.59841919 10.6563604,4.70856857 L11.3637506,5.79143143 C11.4389991,5.90662067 11.3828125,6.00000001 11.2460842,6.00000001 L11.0039158,6.00000003 C10.863682,6.00000004 10.7607422,6.10742192 10.7748849,6.24884943 L10.9751151,8.25115061 C10.9888586,8.38858633 11.1159668,8.5 11.25,8.5 C11.3880712,8.5 11.578125,8.42271423 11.6805115,8.32142761 L11.8194885,8.18394348 C11.9191823,8.08532067 12,7.89777878 12,7.75167352 L12,7.25369758 C12,7.11358427 11.921875,6.921875 11.8194885,6.81948853 L11.6805115,6.68051147 C11.5808177,6.58081774 11.5984192,6.46719361 11.734375,6.42187501 L12.765625,6.07812504 C12.8950667,6.03497779 12.9802439,6.10742192 12.9542338,6.24884943 L12.5859883,8.25115061 C12.5607124,8.38858633 12.4585977,8.57846832 12.3590293,8.67418671 L11.6811929,9.32581329 C11.5811228,9.42201396 11.3840332,9.5 11.25,9.5 C11.1119288,9.5 11,9.60701752 11,9.75234222 L11,10.2476578 C11,10.3870225 10.8929825,10.5 10.7476578,10.5 L10.2523422,10.5 C10.1129775,10.5 10,10.3929825 10,10.2476578 L10,9.75234222 C10,9.61297746 9.8840332,9.5 9.75,9.5 C9.61192881,9.5 9.42153168,9.42153168 9.32581329,9.32581329 L8.67418671,8.67418671 C8.57798604,8.57798604 8.47851563,8.39257813 8.45023012,8.25115061 L8.04976988,6.24884943 C8.02228273,6.11141371 8.09841919,6.03280644 8.234375,6.07812504 L9.265625,6.42187501 C9.39506674,6.46502225 9.421875,6.578125 9.31948853,6.68051147 L9.18051147,6.81948853 C9.08081774,6.91918226 9,7.10759232 9,7.25369758 L9,7.75167352 C9,7.89178682 9.078125,8.08265686 9.18051147,8.18394348 L9.31948853,8.32142761 C9.41918226,8.42005042 9.6159668,8.5 9.75,8.5 C9.88807119,8.5 10.0107422,8.39257812 10.0248849,8.25115061 L10.2251151,6.24884939 C10.2388586,6.11141367 10.1328125,6 9.99608421,6 L9.75391579,6 C9.61368197,6 9.56693234,5.90158081 9.64184208,5.79143143 L10.378269,4.70856857 Z" id="Combined-Shape" fill="url(#linearGradient-5)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BD.svg b/public/assets/images/flags/BD.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e1a3cd311e3c1fcc27c31c5bac3a3c84fc121e55
--- /dev/null
+++ b/public/assets/images/flags/BD.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BD</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#128363" offset="0%"></stop>
+            <stop stop-color="#0C6A4F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#F23C53" offset="0%"></stop>
+            <stop stop-color="#F22E46" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BD">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <circle id="Oval-9" fill="url(#linearGradient-3)" cx="9.5" cy="7.5" r="4.5"></circle>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BE.svg b/public/assets/images/flags/BE.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ac00173d25fd9e38cc78653e44a3a1f825fe7916
--- /dev/null
+++ b/public/assets/images/flags/BE.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BE</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FF4453" offset="0%"></stop>
+            <stop stop-color="#EE2A39" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFCF3C" offset="0%"></stop>
+            <stop stop-color="#FECB2F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BE">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-4)" x="7" y="0" width="7" height="15"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BF.svg b/public/assets/images/flags/BF.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5b4286bb5cd2bed7103b2eb9b8728321716de453
--- /dev/null
+++ b/public/assets/images/flags/BF.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BF</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#00B051" offset="0%"></stop>
+            <stop stop-color="#009F49" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FA494B" offset="0%"></stop>
+            <stop stop-color="#F02B2D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BF">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="8" width="21" height="7"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="8"></rect>
+            <polygon id="Star-8" fill="#FDD216" points="10.5 9.17000005 8.73664424 10.427051 9.38726383 8.3615499 7.64683045 7.07294902 9.81229123 7.05345008 10.5 5 11.1877088 7.05345008 13.3531695 7.07294902 11.6127362 8.3615499 12.2633558 10.427051"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BG.svg b/public/assets/images/flags/BG.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e8256f4760280def101bd43ab2d306922144acdd
--- /dev/null
+++ b/public/assets/images/flags/BG.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BG</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#06A77C" offset="0%"></stop>
+            <stop stop-color="#00966E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E32E19" offset="0%"></stop>
+            <stop stop-color="#D62612" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BG">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="5" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BH.svg b/public/assets/images/flags/BH.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e1c110938ac6bbeeff2d4c8f386fd0c3770da558
--- /dev/null
+++ b/public/assets/images/flags/BH.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BH</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E7243B" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BH">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2-Copy" fill="url(#linearGradient-1)" points="0 15 7.5 15 6 14 7.5 13 6 12 7.5 11 6 10 7.5 9 6 8 7.5 7 6 6 7.5 5 6 4 7.5 3 6 2 7.5 1 6 0 0 0"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BI.svg b/public/assets/images/flags/BI.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2f208253ba61e74aadf688fcdb9b1689df08095c
--- /dev/null
+++ b/public/assets/images/flags/BI.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BI</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E4233B" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#34CD4E" offset="0%"></stop>
+            <stop stop-color="#2AB441" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#DF2239" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BI">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <g id="Group-2" transform="translate(-2.080000, -1.440000)">
+                <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="2.08023771" y="1.43733467" width="21" height="15"></rect>
+                <polygon id="Rectangle-253" fill="url(#linearGradient-3)" points="2 1.43733467 11 8.93733467 2 16.4373347"></polygon>
+                <polygon id="Rectangle-253" fill="url(#linearGradient-3)" transform="translate(18.580000, 8.937335) scale(-1, 1) translate(-18.580000, -8.937335) " points="14.0799999 1.43733467 23.0799999 8.93733467 14.0799999 16.4373347"></polygon>
+                <path d="M10.3586667,6.23264816 L1.11838581,-1.77635684e-15 L1.11022302e-15,1.65807515 L9.23955861,7.89023612 C9.13603457,8.22085713 9.08023771,8.57257987 9.08023771,8.93733467 C9.08023771,9.30208947 9.13603457,9.65381222 9.23955861,9.98443323 L1.77635684e-15,16.2165942 L1.11838581,17.8746693 L10.3586667,11.6420212 C10.9629797,12.1389684 11.7367651,12.4373347 12.5802377,12.4373347 C13.4237103,12.4373347 14.1974957,12.1389684 14.8018087,11.6420212 L24.0420896,17.8746693 L25.1604754,16.2165942 L15.9209168,9.98443323 C16.0244408,9.65381222 16.0802377,9.30208947 16.0802377,8.93733467 C16.0802377,8.57257987 16.0244408,8.22085713 15.9209168,7.89023612 L25.1604754,1.65807515 L24.0420896,-3.55271368e-15 L14.8018087,6.23264816 C14.1974957,5.73570091 13.4237103,5.43733467 12.5802377,5.43733467 C11.7367651,5.43733467 10.9629797,5.73570091 10.3586667,6.23264816 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+                <path d="M12.5802377,7.93733467 L11.8731309,8.14444145 L12.0802377,7.43733467 L11.8731309,6.73022789 L12.5802377,6.93733467 L13.2873445,6.73022789 L13.0802377,7.43733467 L13.2873445,8.14444145 L12.5802377,7.93733467 Z M11.0802377,10.4373347 L10.3731309,10.6444415 L10.5802377,9.93733467 L10.3731309,9.23022789 L11.0802377,9.43733467 L11.7873445,9.23022789 L11.5802377,9.93733467 L11.7873445,10.6444415 L11.0802377,10.4373347 Z M14.0802377,10.4373347 L13.3731309,10.6444415 L13.5802377,9.93733467 L13.3731309,9.23022789 L14.0802377,9.43733467 L14.7873445,9.23022789 L14.5802377,9.93733467 L14.7873445,10.6444415 L14.0802377,10.4373347 Z" id="Star-2" fill="url(#linearGradient-4)"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BJ.svg b/public/assets/images/flags/BJ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b21c46e03741a9c428895b616cd4ab7e8ce66489
--- /dev/null
+++ b/public/assets/images/flags/BJ.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BJ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F12641" offset="0%"></stop>
+            <stop stop-color="#E71834" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFD648" offset="0%"></stop>
+            <stop stop-color="#FCD036" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#17A668" offset="0%"></stop>
+            <stop stop-color="#118653" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BJ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="7" width="21" height="8"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="7"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="0" width="8" height="15"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BL.svg b/public/assets/images/flags/BL.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b99bc2c79d23758822bfdc9e8663d9538b555338
--- /dev/null
+++ b/public/assets/images/flags/BL.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BL</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#216CD3" offset="0%"></stop>
+            <stop stop-color="#1557B2" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.5,0 L7.49999992,0 L7.49999998,4.49121523 C7.49999999,5.04835167 7.16440529,5.78765261 6.74055213,6.15095532 L5.1460309,7.5176878 C4.51309551,8.06020385 3.48356295,8.05733967 2.8539691,7.5176878 L1.25944787,6.15095532 C0.840016394,5.79144262 0.5,5.04991192 0.5,4.49121523 L0.5,0 Z" id="path-3"></path>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#F7E14B" offset="0%"></stop>
+            <stop stop-color="#F7DF3E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#E12539" offset="0%"></stop>
+            <stop stop-color="#CA192C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BL">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <g id="Rectangle-1693" transform="translate(6.500000, 5.000000)">
+                <mask id="mask-4" fill="white">
+                    <use xlink:href="#path-3"></use>
+                </mask>
+                <use id="Combined-Shape" fill="url(#linearGradient-2)" xlink:href="#path-3"></use>
+                <path d="M2,2 C1.72385763,2 1.5,1.77614237 1.5,1.5 C1.5,1.22385763 1.72385763,1 2,1 C2.27614237,1 2.5,1.22385763 2.5,1.5 C2.5,1.77614237 2.27614237,2 2,2 Z M4,2 C3.72385763,2 3.5,1.77614237 3.5,1.5 C3.5,1.22385763 3.72385763,1 4,1 C4.27614237,1 4.5,1.22385763 4.5,1.5 C4.5,1.77614237 4.27614237,2 4,2 Z M6,2 C5.72385763,2 5.5,1.77614237 5.5,1.5 C5.5,1.22385763 5.72385763,1 6,1 C6.27614237,1 6.5,1.22385763 6.5,1.5 C6.5,1.77614237 6.27614237,2 6,2 Z" id="Combined-Shape" fill="url(#linearGradient-5)" mask="url(#mask-4)"></path>
+                <path d="M2.5,6.5 C2.22385763,6.5 2,6.27614237 2,6 C2,5.72385763 2.22385763,5.5 2.5,5.5 C2.77614237,5.5 3,5.72385763 3,6 C3,6.27614237 2.77614237,6.5 2.5,6.5 Z M4,7 C3.72385763,7 3.5,6.77614237 3.5,6.5 C3.5,6.22385763 3.72385763,6 4,6 C4.27614237,6 4.5,6.22385763 4.5,6.5 C4.5,6.77614237 4.27614237,7 4,7 Z M5.5,6.5 C5.22385763,6.5 5,6.27614237 5,6 C5,5.72385763 5.22385763,5.5 5.5,5.5 C5.77614237,5.5 6,5.72385763 6,6 C6,6.27614237 5.77614237,6.5 5.5,6.5 Z" id="Combined-Shape-Copy" fill="url(#linearGradient-5)" mask="url(#mask-4)"></path>
+                <rect id="Rectangle-1425-Copy" fill="url(#linearGradient-6)" mask="url(#mask-4)" x="0.5" y="3" width="7" height="2"></rect>
+                <circle id="Oval-292" fill="#FFFFFF" mask="url(#mask-4)" cx="4" cy="4" r="1"></circle>
+            </g>
+            <path d="M6.5,3.5 C6.5,3.5 8.5,3 10.5,3 C12.5,3 14.5,3.5 14.5,3.5 L14,5.5 C14,5.5 12.25,5 10.5,5 C8.75,5 7,5.5 7,5.5 L6.5,3.5 Z" id="Rectangle-1426" fill="url(#linearGradient-5)"></path>
+            <path d="M10.5,4.5 C10.2238576,4.5 10,4.27614237 10,4 C10,3.72385763 10.2238576,3.5 10.5,3.5 C10.7761424,3.5 11,3.72385763 11,4 C11,4.27614237 10.7761424,4.5 10.5,4.5 Z M12.5,4.5 C12.2238576,4.5 12,4.27614237 12,4 C12,3.72385763 12.2238576,3.5 12.5,3.5 C12.7761424,3.5 13,3.72385763 13,4 C13,4.27614237 12.7761424,4.5 12.5,4.5 Z M8.5,4.5 C8.22385763,4.5 8,4.27614237 8,4 C8,3.72385763 8.22385763,3.5 8.5,3.5 C8.77614237,3.5 9,3.72385763 9,4 C9,4.27614237 8.77614237,4.5 8.5,4.5 Z" id="Combined-Shape" fill="#5E5216"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BM.svg b/public/assets/images/flags/BM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..798dd8b967b6a34198c33400cad3c8e8230ead86
--- /dev/null
+++ b/public/assets/images/flags/BM.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BM</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#DC1F37" offset="0%"></stop>
+            <stop stop-color="#CF142C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#042C90" offset="0%"></stop>
+            <stop stop-color="#00247E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,2.5 L0,0 L2,0 L4,0 L4,2.5 C4,4 2,5 2,5 C2,5 0,4 0,2.5 Z" id="path-5"></path>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#E20B0C" offset="0%"></stop>
+            <stop stop-color="#D40001" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BM">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-1115" fill="url(#linearGradient-3)" x="0" y="0" width="9" height="7"></rect>
+            <path d="M3,3.22996746 L-1.3516287,-0.5 L0.660232527,-0.5 L4.16023253,2 L4.85660189,2 L9.5,-0.902123821 L9.5,0.25 C9.5,0.552509227 9.33308555,0.876533554 9.08215972,1.05576629 L6,3.25730895 L6,3.77003254 L9.13722049,6.45907867 C9.59934261,6.85518335 9.34102897,7.5 8.75,7.5 C8.50478614,7.5 8.2052751,7.40393402 8.00092153,7.25796718 L4.83976747,5 L4.14339811,5 L-0.5,7.90212382 L-0.5,6.24269105 L3,3.74269105 L3,3.22996746 Z" id="Rectangle-36" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M3.5,3 L-4.4408921e-16,7.10542736e-15 L0.5,7.10542736e-15 L4,2.5 L5,2.5 L9,7.10542736e-15 L9,0.25 C9,0.388071187 8.91348267,0.561798096 8.79154062,0.648899555 L5.5,3 L5.5,4 L8.8118248,6.83870697 C8.91575109,6.92778665 8.8840332,7 8.75,7 L8.75,7 C8.61192881,7 8.41348267,6.9382019 8.29154062,6.85110044 L5,4.5 L4,4.5 L-4.4408921e-16,7 L-4.4408921e-16,6.5 L3.5,4 L3.5,3 Z" id="Rectangle-36" fill="url(#linearGradient-4)"></path>
+            <path d="M-4.4408921e-16,2.5 L-4.4408921e-16,4.5 L3.5,4.5 L3.5,7.00461102 C3.5,7.2782068 3.71403503,7.5 4.00468445,7.5 L4.99531555,7.5 C5.27404508,7.5 5.5,7.2842474 5.5,7.00461102 L5.5,4.5 L9.00952148,4.5 C9.28040529,4.5 9.5,4.28596497 9.5,3.99531555 L9.5,3.00468445 C9.5,2.72595492 9.28494263,2.5 9.00952148,2.5 L5.5,2.5 L5.5,7.10542736e-15 L3.5,7.10542736e-15 L3.5,2.5 L-4.4408921e-16,2.5 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-36" fill="url(#linearGradient-4)" points="-4.4408921e-16 3 4 3 4 2.5 4 7.10542736e-15 5 7.10542736e-15 5 2.5 5 3 9 3 9 4 5 4 5 4.5 5 7 4 7 4 4.5 4 4 -4.4408921e-16 4"></polygon>
+            <g id="Rectangle-1105" transform="translate(13.000000, 5.000000)">
+                <mask id="mask-6" fill="white">
+                    <use xlink:href="#path-5"></use>
+                </mask>
+                <use id="Mask" fill="url(#linearGradient-1)" xlink:href="#path-5"></use>
+                <circle id="Oval-173" fill="#65B5D2" mask="url(#mask-6)" cx="2" cy="3" r="1"></circle>
+                <path d="M2,2 C1.72385763,2 1.5,1.77614237 1.5,1.5 C1.5,1.22385763 1.72385763,1 2,1 C2.27614237,1 2.5,1.22385763 2.5,1.5 C2.5,1.77614237 2.27614237,2 2,2 Z M1,3 C0.723857625,3 0.5,2.77614237 0.5,2.5 C0.5,2.22385763 0.723857625,2 1,2 C1.27614237,2 1.5,2.22385763 1.5,2.5 C1.5,2.77614237 1.27614237,3 1,3 Z M3,3 C2.72385763,3 2.5,2.77614237 2.5,2.5 C2.5,2.22385763 2.72385763,2 3,2 C3.27614237,2 3.5,2.22385763 3.5,2.5 C3.5,2.77614237 3.27614237,3 3,3 Z" id="Oval-174" fill="url(#linearGradient-7)" mask="url(#mask-6)"></path>
+                <rect id="Rectangle-1106" fill="#2F8F22" mask="url(#mask-6)" x="0" y="4" width="4" height="1"></rect>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BN.svg b/public/assets/images/flags/BN.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1fe9afc4816f7a84b9bdfa9cc3e4d31829b174ea
--- /dev/null
+++ b/public/assets/images/flags/BN.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BN</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F7E250" offset="0%"></stop>
+            <stop stop-color="#F7DF38" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BN">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-1)" transform="translate(11.013030, 6.090461) rotate(20.000000) translate(-11.013030, -6.090461) " x="-3.48696979" y="4.59046107" width="29" height="3"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-3)" transform="translate(9.986970, 8.909539) rotate(20.000000) translate(-9.986970, -8.909539) " x="-4.51303021" y="7.40953893" width="29" height="3"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BO.svg b/public/assets/images/flags/BO.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7ee247bdb8d656f043e8e0a4103f068fddf5d00d
--- /dev/null
+++ b/public/assets/images/flags/BO.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BO</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#058C3F" offset="0%"></stop>
+            <stop stop-color="#007A34" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E63426" offset="0%"></stop>
+            <stop stop-color="#D52B1E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFEB1F" offset="0%"></stop>
+            <stop stop-color="#FAE400" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BO">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="5" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BR.svg b/public/assets/images/flags/BR.svg
new file mode 100644
index 0000000000000000000000000000000000000000..17edb1033475a215c26734de33700dc42bebca32
--- /dev/null
+++ b/public/assets/images/flags/BR.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BR</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#05AB41" offset="0%"></stop>
+            <stop stop-color="#019C39" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#053087" offset="0%"></stop>
+            <stop stop-color="#012877" offset="100%"></stop>
+        </linearGradient>
+        <circle id="path-4" cx="3.5" cy="3.5" r="3.5"></circle>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BR">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M2.42151632,7.77274586 C2.18871929,7.62211248 2.19350487,7.37479097 2.42151632,7.22725414 L10.0784837,2.27274586 C10.3112807,2.12211248 10.6935049,2.12520903 10.9215163,2.27274586 L18.5784837,7.22725414 C18.8112807,7.37788752 18.8064951,7.62520903 18.5784837,7.77274586 L10.9215163,12.7272541 C10.6887193,12.8778875 10.3064951,12.874791 10.0784837,12.7272541 L2.42151632,7.77274586 Z" id="Combined-Shape" fill="#FDD216"></path>
+            <g id="Oval-2" transform="translate(7.000000, 4.000000)">
+                <mask id="mask-5" fill="white">
+                    <use xlink:href="#path-4"></use>
+                </mask>
+                <use id="Mask" fill="url(#linearGradient-3)" xlink:href="#path-4"></use>
+                <path d="M-0.100381226,2.97376324 C0.164901149,2.75894182 1.36252192,2.933788 3.43417519,3.48641101 C4.90835176,3.87965437 6.60707006,4.747859 6.9957681,5.22786103 L7.31042832,5.61643399 L8.08757424,4.98711354 L7.77291401,4.59854058 C7.22285434,3.91927356 5.35175728,2.96296719 3.69191715,2.52019722 C1.10596471,1.83038255 -0.0661252244,1.65926374 -0.7297016,2.19661727 L-1.11827459,2.51127745 L-0.488954213,3.28842343 L-0.100381226,2.97376324 Z" id="Line" fill="#FFFFFF" fill-rule="nonzero" mask="url(#mask-5)"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BS.svg b/public/assets/images/flags/BS.svg
new file mode 100644
index 0000000000000000000000000000000000000000..767423af64799c8db71d9b41c4903a78b6b4b4e8
--- /dev/null
+++ b/public/assets/images/flags/BS.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BS</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#22B7D5" offset="0%"></stop>
+            <stop stop-color="#1CACC8" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FCE569" offset="0%"></stop>
+            <stop stop-color="#FADF52" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BS">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="5" width="21" height="5"></rect>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-4)" points="0 0 10 7.5 0 15"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BT.svg b/public/assets/images/flags/BT.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d2f749bdb09c1c393642680d5e6e8217b409e858
--- /dev/null
+++ b/public/assets/images/flags/BT.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BT</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FF5F38" offset="0%"></stop>
+            <stop stop-color="#FD5026" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFD951" offset="0%"></stop>
+            <stop stop-color="#FFD43B" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BT">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" points="0 15 21 0 0 0"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BV.svg b/public/assets/images/flags/BV.svg
new file mode 100644
index 0000000000000000000000000000000000000000..00a47ee5a2555d7ff803a4636d25d4d00709a241
--- /dev/null
+++ b/public/assets/images/flags/BV.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BV</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F14247" offset="0%"></stop>
+            <stop stop-color="#ED2F35" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#0A3A85" offset="0%"></stop>
+            <stop stop-color="#032A67" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BV">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-1)" points="0 9 6 9 6 15 9 15 9 9 21 9 21 6 9 6 9 0 6 0 6 6 0 6"></polygon>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" points="0 8 7 8 7 15 8 15 8 8 21 8 21 7 8 7 8 0 7 0 7 7 0 7"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BW.svg b/public/assets/images/flags/BW.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ccac652ba0b6caa408ed3cfc4b83fbbb3fcb777e
--- /dev/null
+++ b/public/assets/images/flags/BW.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BW</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#8BBDEA" offset="0%"></stop>
+            <stop stop-color="#78ABDA" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BW">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-3)" x="0" y="6" width="21" height="3"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BY.svg b/public/assets/images/flags/BY.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d584988d9d337a5b24779cb1116da3a0d9b1e7de
--- /dev/null
+++ b/public/assets/images/flags/BY.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BY</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E54252" offset="0%"></stop>
+            <stop stop-color="#C63442" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#5CBE6B" offset="0%"></stop>
+            <stop stop-color="#4EA55B" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BY">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="10"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <path d="M3,12.75 L3,15 L2.22044605e-16,15 L2.22044605e-16,0 L3,0 L3,2.25 L2.5,3 L3,3.75 L3,5.25 L2.5,6 L3,6.75 L3,8.25 L2.5,9 L3,9.75 L3,11.25 L2.5,12 L3,12.75 Z" id="Rectangle-1512" fill="url(#linearGradient-1)"></path>
+            <path d="M-1.5,3 L-0.5,1.5 L0.5,3 L-0.5,4.5 L-1.5,3 Z M-1.5,6 L-0.5,4.5 L0.5,6 L-0.5,7.5 L-1.5,6 Z M-1.5,9 L-0.5,7.5 L0.5,9 L-0.5,10.5 L-1.5,9 Z M-1.5,12 L-0.5,10.5 L0.5,12 L-0.5,13.5 L-1.5,12 Z" id="Rectangle-1513" fill="url(#linearGradient-2)"></path>
+            <path d="M0.5,1.5 L1.5,0 L2.5,1.5 L1.5,3 L0.5,1.5 Z M0.5,4.5 L1.5,3 L2.5,4.5 L1.5,6 L0.5,4.5 Z M0.5,7.5 L1.5,6 L2.5,7.5 L1.5,9 L0.5,7.5 Z M0.5,10.5 L1.5,9 L2.5,10.5 L1.5,12 L0.5,10.5 Z M0.5,13.5 L1.5,12 L2.5,13.5 L1.5,15 L0.5,13.5 Z" id="Rectangle-1513" fill="url(#linearGradient-2)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/BZ.svg b/public/assets/images/flags/BZ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8758df239563576a5fbfad4f25bba8a3fcd0b08e
--- /dev/null
+++ b/public/assets/images/flags/BZ.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>BZ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#094995" offset="0%"></stop>
+            <stop stop-color="#074185" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#D5182F" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="BZ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-2)" x="0" y="2" width="21" height="11"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="2"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="13" width="21" height="2"></rect>
+            <circle id="Oval-12" fill="url(#linearGradient-1)" cx="10.5" cy="7.5" r="4.5"></circle>
+            <path d="M10.5,11 C10.2238576,11 10,10.7761424 10,10.5 C10,10.2238576 10.2238576,10 10.5,10 C10.783679,10 11.0602516,9.9529391 11.3219255,9.86189033 C11.5827313,9.77114362 11.8677209,9.90900372 11.9584676,10.1698095 C12.0492143,10.4306153 11.9113542,10.7156048 11.6505484,10.8063515 C11.2835669,10.9340418 10.8959367,11 10.5,11 Z M13.1511931,9.78506629 C13.406745,9.48879706 13.6113949,9.15160754 13.755598,8.78712579 C13.8571885,8.53034969 13.7313858,8.2398361 13.4746097,8.13824553 C13.2178336,8.03665496 12.92732,8.16245769 12.8257294,8.41923379 C12.7228617,8.67923811 12.576689,8.92007816 12.3939694,9.13191064 C12.2136055,9.34101219 12.2369019,9.65673635 12.4460034,9.83710031 C12.655105,10.0174643 12.9708291,9.99416783 13.1511931,9.78506629 Z M13.9681136,7.02598701 C13.9151393,6.63525776 13.7969147,6.25940768 13.6195772,5.91169522 C13.4941162,5.66569899 13.1929906,5.56798589 12.9469943,5.69344691 C12.7009981,5.81890792 12.603285,6.12003351 12.728746,6.36602974 C12.8551834,6.6139404 12.9393986,6.88167049 12.9771796,7.16033603 C13.014279,7.43397492 13.2661822,7.62572801 13.5398211,7.58862856 C13.81346,7.5515291 14.0052131,7.2996259 13.9681136,7.02598701 Z M12.3566317,4.53255799 C12.0253409,4.32490498 11.6610887,4.1738376 11.2774715,4.08677105 C11.0081779,4.02565162 10.7403252,4.19441011 10.6792058,4.46370368 C10.6180864,4.73299725 10.7868449,5.00084991 11.0561384,5.06196933 C11.3295087,5.12401401 11.5891154,5.23168146 11.8255367,5.37987023 C12.0595155,5.52652808 12.3680825,5.45574046 12.5147403,5.22176164 C12.6613982,4.98778282 12.5906105,4.67921584 12.3566317,4.53255799 Z M9.5575528,4.12848171 C9.17912609,4.23407333 8.82257836,4.40271264 8.5015931,4.62628761 C8.27499938,4.7841163 8.21925431,5.09575224 8.37708301,5.32234596 C8.5349117,5.54893969 8.84654764,5.60468475 9.07314136,5.44685606 C9.30235338,5.28720365 9.55662191,5.16694018 9.82631439,5.09168844 C10.0922966,5.01747198 10.2477534,4.74168648 10.173537,4.47570428 C10.0993205,4.20972209 9.823535,4.05426525 9.5575528,4.12848171 Z M7.34980403,5.9732204 C7.1794218,6.32421179 7.06864103,6.70226234 7.02331764,7.09421416 C6.99159725,7.36852863 7.18825862,7.6166189 7.46257309,7.64833928 C7.73688756,7.68005966 7.98497782,7.4833983 8.01669821,7.20908383 C8.04903512,6.9294377 8.12794951,6.6601344 8.24941219,6.40991841 C8.37000302,6.16149848 8.26637705,5.86235615 8.01795712,5.74176532 C7.76953719,5.6211745 7.47039486,5.72480046 7.34980403,5.9732204 Z M7.29030361,8.89755956 C7.44684558,9.25665095 7.66282722,9.58666982 7.92825784,9.874078 C8.11560955,10.0769424 8.43194217,10.0895179 8.63480653,9.90216614 C8.83767089,9.71481443 8.85024638,9.39848181 8.66289467,9.19561745 C8.47304982,8.99005351 8.31870545,8.75421609 8.20698559,8.49794206 C8.09663426,8.24480732 7.80197059,8.12905849 7.54883585,8.23940982 C7.29570111,8.34976114 7.17995228,8.64442482 7.29030361,8.89755956 Z M9.43580227,10.8351354 C9.17271015,10.7512477 9.02743627,10.469965 9.11132398,10.2068729 C9.19521168,9.94378077 9.47649441,9.79850688 9.73958653,9.88239459 C9.96870828,9.95545074 10.2085454,9.99517772 10.454027,9.99958744 C10.7301248,10.0045471 10.9499257,10.2323893 10.944966,10.5084871 C10.9400063,10.7845849 10.7121642,11.0043858 10.4360664,10.9994261 C10.0932451,10.9932679 9.75713989,10.9375949 9.43580227,10.8351354 Z" id="Oval-73" fill="#118014" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CA.svg b/public/assets/images/flags/CA.svg
new file mode 100644
index 0000000000000000000000000000000000000000..786b609b4c9960294d4142af5c00e4cb21ab2075
--- /dev/null
+++ b/public/assets/images/flags/CA.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CA</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FF3131" offset="0%"></stop>
+            <stop stop-color="#FF0000" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CA">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-1)" x="6" y="0" width="9" height="15"></rect>
+            <path d="M11.6741867,7.32581329 L12.3258133,6.67418671 C12.4215317,6.57846832 12.5808177,6.58081774 12.6805115,6.68051147 L13,7 L14,6.5 L13.5,7.5 L13.8194885,7.81948853 C13.921875,7.921875 13.9229621,8.07703795 13.8279309,8.17206907 L12.5,9.5 L11,9.5 L10.75,11 L10.25,11 L10,9.5 L8.5,9.5 L7.17206907,8.17206907 C7.08064651,8.08064651 7.08081774,7.91918226 7.18051147,7.81948853 L7.5,7.5 L7,6.5 L8,7 L8.31948853,6.68051147 C8.421875,6.578125 8.57798604,6.57798604 8.67418671,6.67418671 L9.32581329,7.32581329 C9.42153168,7.42153168 9.47771727,7.38858633 9.45023012,7.25115061 L9,5 L10,5.5 L10.5,4 L11,5.5 L12,5 L11.5497699,7.25115061 C11.5214844,7.39257812 11.577986,7.42201396 11.6741867,7.32581329 Z" id="Combined-Shape" fill="url(#linearGradient-2)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CC.svg b/public/assets/images/flags/CC.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b96f3016b7ec61806493e83075e6edf9329b7b76
--- /dev/null
+++ b/public/assets/images/flags/CC.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CC</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#229716" offset="0%"></stop>
+            <stop stop-color="#1C7E12" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFE244" offset="0%"></stop>
+            <stop stop-color="#FFDF32" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CC">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M4,6 C2.8954305,6 2,5.1045695 2,4 C2,2.8954305 2.8954305,2 4,2 C5.1045695,2 6,2.8954305 6,4 C6,5.1045695 5.1045695,6 4,6 Z M4,4 C4.2082035,4 3.83990355,5.05443624 4,5 C4.26457858,4.91003759 5,3.67204063 5,3.5 C5,3.22385763 4.55228475,3 4,3 C3.44771525,3 3,3.22385763 3,3.5 C3,3.77614237 3.44771525,4 4,4 Z" id="Combined-Shape" fill="url(#linearGradient-3)"></path>
+            <polygon id="Star-2" fill="url(#linearGradient-3)" points="16 13 15.2928932 13.2071068 15.5 12.5 15.2928932 11.7928932 16 12 16.7071068 11.7928932 16.5 12.5 16.7071068 13.2071068"></polygon>
+            <polygon id="Star-2" fill="url(#linearGradient-3)" points="16 3.5 15.2928932 3.70710678 15.5 3 15.2928932 2.29289322 16 2.5 16.7071068 2.29289322 16.5 3 16.7071068 3.70710678"></polygon>
+            <polygon id="Star-2" fill="url(#linearGradient-3)" points="19 6.5 18.2928932 6.70710678 18.5 6 18.2928932 5.29289322 19 5.5 19.7071068 5.29289322 19.5 6 19.7071068 6.70710678"></polygon>
+            <polygon id="Star-2" fill="url(#linearGradient-3)" points="14 7.5 13.2928932 7.70710678 13.5 7 13.2928932 6.29289322 14 6.5 14.7071068 6.29289322 14.5 7 14.7071068 7.70710678"></polygon>
+            <polygon id="Star-2" fill="url(#linearGradient-3)" points="17.5 8.75 17.1464466 8.85355339 17.25 8.5 17.1464466 8.14644661 17.5 8.25 17.8535534 8.14644661 17.75 8.5 17.8535534 8.85355339"></polygon>
+            <path d="M12.0613625,5.54741025 C11.6335382,5.2048611 11.090693,5 10.5,5 C9.11928813,5 8,6.11928813 8,7.5 C8,8.88071187 9.11928813,10 10.5,10 C11.090693,10 11.6335382,9.7951389 12.0613625,9.45258975 C11.834734,9.53712452 11.58943,9.58333333 11.3333333,9.58333333 C10.1827401,9.58333333 9.25,8.65059323 9.25,7.5 C9.25,6.34940677 10.1827401,5.41666667 11.3333333,5.41666667 C11.58943,5.41666667 11.834734,5.46287548 12.0613625,5.54741025 L12.0613625,5.54741025 Z" id="Oval-12" fill="url(#linearGradient-3)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CD.svg b/public/assets/images/flags/CD.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0d351c30821e1bb2295c4ce64188f55f8d141a48
--- /dev/null
+++ b/public/assets/images/flags/CD.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CD</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#158AFF" offset="0%"></stop>
+            <stop stop-color="#007FFF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#CE1120" offset="0%"></stop>
+            <stop stop-color="#E11B2B" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CD">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <g id="Group-2" transform="translate(-4.290000, -1.440000)">
+                <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="4.29377901" y="1.44262682" width="21" height="15"></rect>
+                <polygon id="Rectangle-69-Copy" fill="#FDD216" transform="translate(14.281566, 9.255882) rotate(153.000000) translate(-14.281566, -9.255882) " points="-0.2184339 6.25588182 28.7815661 6.25588182 28.7815661 12.2558818 -0.2184339 12.2558818"></polygon>
+                <rect id="Rectangle-69" fill="url(#linearGradient-3)" transform="translate(14.557467, 9.073824) rotate(153.000000) translate(-14.557467, -9.073824) " x="0.0574665988" y="7.07382404" width="29" height="4"></rect>
+                <polygon id="Star-8" fill="#FDD216" points="7.79377901 5.91762686 6.32431588 6.9651693 6.86649887 5.2439184 5.41613772 4.17008433 7.22068837 4.15383522 7.79377901 2.44262682 8.36686965 4.15383522 10.1714203 4.17008433 8.72105915 5.2439184 9.26324214 6.9651693"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CF.svg b/public/assets/images/flags/CF.svg
new file mode 100644
index 0000000000000000000000000000000000000000..68566a2ee32cade3bd5b02e4181960df1f8425bb
--- /dev/null
+++ b/public/assets/images/flags/CF.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CF</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#083D96" offset="0%"></stop>
+            <stop stop-color="#053380" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#37AE39" offset="0%"></stop>
+            <stop stop-color="#2E9630" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD13F" offset="0%"></stop>
+            <stop stop-color="#FFCD2F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#E42346" offset="0%"></stop>
+            <stop stop-color="#D01739" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#FFD03B" offset="0%"></stop>
+            <stop stop-color="#FFCD2F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CF">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="7" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="11" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="4" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-5)" x="8" y="0" width="5" height="15"></rect>
+            <polygon id="Star-8" fill="url(#linearGradient-6)" points="3.5 2.58500002 2.61832212 3.21352549 2.94363192 2.18077495 2.07341523 1.53647451 3.15614561 1.52672504 3.5 0.5 3.84385439 1.52672504 4.92658477 1.53647451 4.05636808 2.18077495 4.38167788 3.21352549"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CG.svg b/public/assets/images/flags/CG.svg
new file mode 100644
index 0000000000000000000000000000000000000000..bc4eb95bc59ce0d485af7c369df2afa58f3ac103
--- /dev/null
+++ b/public/assets/images/flags/CG.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CG</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F33630" offset="0%"></stop>
+            <stop stop-color="#DC241E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#009643" offset="0%"></stop>
+            <stop stop-color="#09C15B" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FCDF4A" offset="0%"></stop>
+            <stop stop-color="#FCE154" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CG">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <g id="Group-2" transform="translate(-1.060000, -5.020000)">
+                <polygon id="Rectangle-74" fill="url(#linearGradient-2)" points="6.06152385 19.017348 21.0615238 5.01734803 22.0615238 5.01734803 22.0615238 20.017348 6.06152385 20.017348"></polygon>
+                <polygon id="Rectangle-74-Copy" fill="url(#linearGradient-3)" transform="translate(9.061524, 12.517348) scale(-1, -1) translate(-9.061524, -12.517348) " points="1.06152385 19.017348 16.0615238 5.01734803 17.0615238 5.01734803 17.0615238 20.017348 1.06152385 20.017348"></polygon>
+                <polygon id="Rectangle-69-Copy" fill="url(#linearGradient-4)" transform="translate(11.870896, 12.167073) rotate(134.000000) translate(-11.870896, -12.167073) " points="-2.62910413 9.66707303 26.3708959 9.66707303 26.3708959 14.667073 -2.62910413 14.667073"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CH.svg b/public/assets/images/flags/CH.svg
new file mode 100644
index 0000000000000000000000000000000000000000..772f4fa33f9b7ef84321f964dae1c6631a7bd3cd
--- /dev/null
+++ b/public/assets/images/flags/CH.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CH</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="3.061617e-15%" id="linearGradient-2">
+            <stop stop-color="#FF0000" offset="0%"></stop>
+            <stop stop-color="#FF3131" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CH">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M9,9 L6.25577831,9 C6.11451585,9 6,8.88605976 6,8.74422169 L6,6.25577831 C6,6.11451585 6.11394024,6 6.25577831,6 L9,6 L9,3.25577831 C9,3.11451585 9.11394024,3 9.25577831,3 L11.7442217,3 C11.8854841,3 12,3.11394024 12,3.25577831 L12,6 L14.7442217,6 C14.8854841,6 15,6.11394024 15,6.25577831 L15,8.74422169 C15,8.88548415 14.8860598,9 14.7442217,9 L12,9 L12,11.7442217 C12,11.8854841 11.8860598,12 11.7442217,12 L9.25577831,12 C9.11451585,12 9,11.8860598 9,11.7442217 L9,9 Z" id="Combined-Shape" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CI.svg b/public/assets/images/flags/CI.svg
new file mode 100644
index 0000000000000000000000000000000000000000..096d98ab9c7428de22a906dd2d1f7d936b69b426
--- /dev/null
+++ b/public/assets/images/flags/CI.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CI</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1DC87D" offset="0%"></stop>
+            <stop stop-color="#169E62" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#F89242" offset="0%"></stop>
+            <stop stop-color="#F67F22" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CI">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-1)" x="7" y="0" width="7" height="15"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CK.svg b/public/assets/images/flags/CK.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c1ea37345a7eafb7ed151a1f4e4f7c8267560833
--- /dev/null
+++ b/public/assets/images/flags/CK.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CK</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0A17A7" offset="0%"></stop>
+            <stop stop-color="#030E88" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CK">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M3,3.22996746 L-1.3516287,-0.5 L0.660232527,-0.5 L4.16023253,2 L4.85660189,2 L9.5,-0.902123821 L9.5,0.25 C9.5,0.552509227 9.33308555,0.876533554 9.08215972,1.05576629 L6,3.25730895 L6,3.77003254 L9.13722049,6.45907867 C9.59934261,6.85518335 9.34102897,7.5 8.75,7.5 C8.50478614,7.5 8.2052751,7.40393402 8.00092153,7.25796718 L4.83976747,5 L4.14339811,5 L-0.5,7.90212382 L-0.5,6.24269105 L3,3.74269105 L3,3.22996746 Z" id="Rectangle-36" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M3.5,3 L-4.4408921e-16,7.10542736e-15 L0.5,7.10542736e-15 L4,2.5 L5,2.5 L9,7.10542736e-15 L9,0.25 C9,0.388071187 8.91348267,0.561798096 8.79154062,0.648899555 L5.5,3 L5.5,4 L8.8118248,6.83870697 C8.91575109,6.92778665 8.8840332,7 8.75,7 L8.75,7 C8.61192881,7 8.41348267,6.9382019 8.29154062,6.85110044 L5,4.5 L4,4.5 L-4.4408921e-16,7 L-4.4408921e-16,6.5 L3.5,4 L3.5,3 Z" id="Rectangle-36" fill="url(#linearGradient-3)"></path>
+            <path d="M-4.4408921e-16,2.5 L-4.4408921e-16,4.5 L3.5,4.5 L3.5,7.00461102 C3.5,7.2782068 3.71403503,7.5 4.00468445,7.5 L4.99531555,7.5 C5.27404508,7.5 5.5,7.2842474 5.5,7.00461102 L5.5,4.5 L9.00952148,4.5 C9.28040529,4.5 9.5,4.28596497 9.5,3.99531555 L9.5,3.00468445 C9.5,2.72595492 9.28494263,2.5 9.00952148,2.5 L5.5,2.5 L5.5,7.10542736e-15 L3.5,7.10542736e-15 L3.5,2.5 L-4.4408921e-16,2.5 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-36" fill="url(#linearGradient-3)" points="-4.4408921e-16 3 4 3 4 2.5 4 7.10542736e-15 5 7.10542736e-15 5 2.5 5 3 9 3 9 4 5 4 5 4.5 5 7 4 7 4 4.5 4 4 -4.4408921e-16 4"></polygon>
+            <path d="M15.5,5 C15.2238576,5 15,4.77614237 15,4.5 C15,4.22385763 15.2238576,4 15.5,4 C15.7761424,4 16,4.22385763 16,4.5 C16,4.77614237 15.7761424,5 15.5,5 Z M15.5,11 C15.2238576,11 15,10.7761424 15,10.5 C15,10.2238576 15.2238576,10 15.5,10 C15.7761424,10 16,10.2238576 16,10.5 C16,10.7761424 15.7761424,11 15.5,11 Z M13,7.5 C13,7.77614237 12.7761424,8 12.5,8 C12.2238576,8 12,7.77614237 12,7.5 C12,7.22385763 12.2238576,7 12.5,7 C12.7761424,7 13,7.22385763 13,7.5 Z M19,7.5 C19,7.77614237 18.7761424,8 18.5,8 C18.2238576,8 18,7.77614237 18,7.5 C18,7.22385763 18.2238576,7 18.5,7 C18.7761424,7 19,7.22385763 19,7.5 Z M13.732233,9.26776695 C13.9274952,9.4630291 13.9274952,9.77961159 13.732233,9.97487373 C13.5369709,10.1701359 13.2203884,10.1701359 13.0251263,9.97487373 C12.8298641,9.77961159 12.8298641,9.4630291 13.0251263,9.26776695 C13.2203884,9.07250481 13.5369709,9.07250481 13.732233,9.26776695 Z M17.9748737,5.02512627 C18.1701359,5.22038841 18.1701359,5.5369709 17.9748737,5.73223305 C17.7796116,5.92749519 17.4630291,5.92749519 17.267767,5.73223305 C17.0725048,5.5369709 17.0725048,5.22038841 17.267767,5.02512627 C17.4630291,4.82986412 17.7796116,4.82986412 17.9748737,5.02512627 Z M17.267767,9.26776695 C17.4630291,9.07250481 17.7796116,9.07250481 17.9748737,9.26776695 C18.1701359,9.4630291 18.1701359,9.77961159 17.9748737,9.97487373 C17.7796116,10.1701359 17.4630291,10.1701359 17.267767,9.97487373 C17.0725048,9.77961159 17.0725048,9.4630291 17.267767,9.26776695 Z M13.0251263,5.02512627 C13.2203884,4.82986412 13.5369709,4.82986412 13.732233,5.02512627 C13.9274952,5.22038841 13.9274952,5.5369709 13.732233,5.73223305 C13.5369709,5.92749519 13.2203884,5.92749519 13.0251263,5.73223305 C12.8298641,5.5369709 12.8298641,5.22038841 13.0251263,5.02512627 Z" id="Combined-Shape" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CL.svg b/public/assets/images/flags/CL.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d456d9518aa3bd5c69e5f18eb031623e907b33ed
--- /dev/null
+++ b/public/assets/images/flags/CL.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CL</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#EA3B2E" offset="0%"></stop>
+            <stop stop-color="#D52B1E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#0B48C2" offset="0%"></stop>
+            <stop stop-color="#0239A7" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CL">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="7" width="21" height="8"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="7"></rect>
+            <rect id="Rectangle-83" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="7"></rect>
+            <polygon id="Star-8" fill="url(#linearGradient-1)" points="3.5 4.28000003 2.3244295 5.11803399 2.75817589 3.74103327 1.59788697 2.88196601 3.04152748 2.86896672 3.5 1.5 3.95847252 2.86896672 5.40211303 2.88196601 4.24182411 3.74103327 4.6755705 5.11803399"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CM.svg b/public/assets/images/flags/CM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..482f4a97fadc9b51af0e391547c655b43ff86174
--- /dev/null
+++ b/public/assets/images/flags/CM.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CM</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FFDC44" offset="0%"></stop>
+            <stop stop-color="#FDD216" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#059170" offset="0%"></stop>
+            <stop stop-color="#007B5E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#E21A30" offset="0%"></stop>
+            <stop stop-color="#CE1126" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#FFDC42" offset="0%"></stop>
+            <stop stop-color="#FDD217" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CM">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-4)" x="7" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy-2" fill="url(#linearGradient-2)" x="14" y="0" width="7" height="15"></rect>
+            <polygon id="Star-8" fill="url(#linearGradient-5)" points="10.5 8.47500004 9.03053687 9.52254249 9.57271986 7.80129158 8.12235871 6.72745751 9.92690936 6.7112084 10.5 5 11.0730906 6.7112084 12.8776413 6.72745751 11.4272801 7.80129158 11.9694631 9.52254249"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CN.svg b/public/assets/images/flags/CN.svg
new file mode 100644
index 0000000000000000000000000000000000000000..883ba157fbc644d2748d673492792c499ce8474d
--- /dev/null
+++ b/public/assets/images/flags/CN.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CN</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F1361D" offset="0%"></stop>
+            <stop stop-color="#DF2910" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="37.0590477%" y1="1.70370869%" x2="62.9409523%" y2="98.2962913%" id="linearGradient-3">
+            <stop stop-color="#FFDC42" offset="0%"></stop>
+            <stop stop-color="#FDD217" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFDC42" offset="0%"></stop>
+            <stop stop-color="#FDD217" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CN">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M10.1294095,4.48296291 L9.5,4.8660254 L9.51703709,4.12940952 L9.1339746,3.5 L9.87059048,3.51703709 L10.5,3.1339746 L10.4829629,3.87059048 L10.8660254,4.5 L10.1294095,4.48296291 Z M8.28081443,2.44939702 L7.55448142,2.32556815 L8.05060298,1.78081443 L8.17443185,1.05448142 L8.71918557,1.55060298 L9.44551858,1.67443185 L8.94939702,2.21918557 L8.82556815,2.94551858 L8.28081443,2.44939702 Z M8.64618585,8.97815238 L8.03052844,9.38294759 L8.02184762,8.64618585 L7.61705241,8.03052844 L8.35381415,8.02184762 L8.96947156,7.61705241 L8.97815238,8.35381415 L9.38294759,8.96947156 L8.64618585,8.97815238 Z M9.91317591,6.99240388 L9.18084796,7.07357644 L9.50759612,6.41317591 L9.42642356,5.68084796 L10.0868241,6.00759612 L10.819152,5.92642356 L10.4924039,6.58682409 L10.5735764,7.31915204 L9.91317591,6.99240388 Z" id="Star-2" fill="url(#linearGradient-3)"></path>
+            <polygon id="Star-8" fill="url(#linearGradient-4)" points="5 6.17000005 3.23664424 7.42705098 3.88726383 5.3615499 2.14683045 4.07294902 4.31229123 4.05345008 5 2 5.68770877 4.05345008 7.85316955 4.07294902 6.11273617 5.3615499 6.76335576 7.42705098"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CO.svg b/public/assets/images/flags/CO.svg
new file mode 100644
index 0000000000000000000000000000000000000000..be492e3df24e63acab41d50ea7bf49003b30c21d
--- /dev/null
+++ b/public/assets/images/flags/CO.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CO</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0748AE" offset="0%"></stop>
+            <stop stop-color="#003993" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DE2035" offset="0%"></stop>
+            <stop stop-color="#CE1126" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD935" offset="0%"></stop>
+            <stop stop-color="#FDD216" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CO">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="7" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="11" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="0" width="21" height="7"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CR.svg b/public/assets/images/flags/CR.svg
new file mode 100644
index 0000000000000000000000000000000000000000..271204ebd3105dac6dff6d85693f5c87f73eabf2
--- /dev/null
+++ b/public/assets/images/flags/CR.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CR</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#06358F" offset="0%"></stop>
+            <stop stop-color="#042E7D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E61F37" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CR">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="12" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="3" width="21" height="9"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-3)" x="0" y="5" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CU.svg b/public/assets/images/flags/CU.svg
new file mode 100644
index 0000000000000000000000000000000000000000..23750cd960701013e5a4b7b2321bf83b07f61b4f
--- /dev/null
+++ b/public/assets/images/flags/CU.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CU</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0B389F" offset="0%"></stop>
+            <stop stop-color="#052E8D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E12A43" offset="0%"></stop>
+            <stop stop-color="#CD1931" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CU">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="6" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="3" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="12" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="9" width="21" height="3"></rect>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-3)" points="0 0 10 7.5 0 15"></polygon>
+            <polygon id="Star-53" fill="url(#linearGradient-1)" points="3.5 8.26701627 2.3244295 9.11803399 2.77052418 7.73702106 1.59788697 6.88196601 3.04915915 6.8794708 3.5 5.5 3.95084085 6.8794708 5.40211303 6.88196601 4.22947582 7.73702106 4.6755705 9.11803399"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CV.svg b/public/assets/images/flags/CV.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4b6152fbe9674542ba5f33d8b674873bc2e91d2d
--- /dev/null
+++ b/public/assets/images/flags/CV.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CV</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0C49AE" offset="0%"></stop>
+            <stop stop-color="#063B91" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#CD232E" offset="0%"></stop>
+            <stop stop-color="#CD232E" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CV">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="8"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="11" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="8" width="21" height="3"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-3)" x="0" y="9" width="21" height="1"></rect>
+            <path d="M8,13 C7.72385763,13 7.5,12.7761424 7.5,12.5 C7.5,12.2238576 7.72385763,12 8,12 C8.28367896,12 8.56025161,11.9529391 8.82192552,11.8618903 C9.08273128,11.7711436 9.36772087,11.9090037 9.45846757,12.1698095 C9.54921428,12.4306153 9.41135418,12.7156048 9.15054841,12.8063515 C8.78356688,12.9340418 8.39593675,13 8,13 Z M10.6511931,11.7850663 C10.906745,11.4887971 11.1113949,11.1516075 11.255598,10.7871258 C11.3571885,10.5303497 11.2313858,10.2398361 10.9746097,10.1382455 C10.7178336,10.036655 10.42732,10.1624577 10.3257294,10.4192338 C10.2228617,10.6792381 10.076689,10.9200782 9.89396942,11.1319106 C9.71360547,11.3410122 9.73690189,11.6567364 9.94600344,11.8371003 C10.155105,12.0174643 10.4708291,11.9941678 10.6511931,11.7850663 Z M11.4681136,9.02598701 C11.4151393,8.63525776 11.2969147,8.25940768 11.1195772,7.91169522 C10.9941162,7.66569899 10.6929906,7.56798589 10.4469943,7.69344691 C10.2009981,7.81890792 10.103285,8.12003351 10.228746,8.36602974 C10.3551834,8.6139404 10.4393986,8.88167049 10.4771796,9.16033603 C10.514279,9.43397492 10.7661822,9.62572801 11.0398211,9.58862856 C11.31346,9.5515291 11.5052131,9.2996259 11.4681136,9.02598701 Z M9.85663172,6.53255799 C9.52534086,6.32490498 9.16108865,6.1738376 8.77747146,6.08677105 C8.50817789,6.02565162 8.24032524,6.19441011 8.17920581,6.46370368 C8.11808639,6.73299725 8.28684488,7.00084991 8.55613845,7.06196933 C8.82950869,7.12401401 9.0891154,7.23168146 9.32553666,7.37987023 C9.55951548,7.52652808 9.86808247,7.45574046 10.0147403,7.22176164 C10.1613982,6.98778282 10.0906105,6.67921584 9.85663172,6.53255799 Z M7.0575528,6.12848171 C6.67912609,6.23407333 6.32257836,6.40271264 6.0015931,6.62628761 C5.77499938,6.7841163 5.71925431,7.09575224 5.87708301,7.32234596 C6.0349117,7.54893969 6.34654764,7.60468475 6.57314136,7.44685606 C6.80235338,7.28720365 7.05662191,7.16694018 7.32631439,7.09168844 C7.59229658,7.01747198 7.74775343,6.74168648 7.67353696,6.47570428 C7.5993205,6.20972209 7.323535,6.05426525 7.0575528,6.12848171 Z M4.84980403,7.9732204 C4.6794218,8.32421179 4.56864103,8.70226234 4.52331764,9.09421416 C4.49159725,9.36852863 4.68825862,9.6166189 4.96257309,9.64833928 C5.23688756,9.68005966 5.48497782,9.4833983 5.51669821,9.20908383 C5.54903512,8.9294377 5.62794951,8.6601344 5.74941219,8.40991841 C5.87000302,8.16149848 5.76637705,7.86235615 5.51795712,7.74176532 C5.26953719,7.6211745 4.97039486,7.72480046 4.84980403,7.9732204 Z M4.79030361,10.8975596 C4.94684558,11.256651 5.16282722,11.5866698 5.42825784,11.874078 C5.61560955,12.0769424 5.93194217,12.0895179 6.13480653,11.9021661 C6.33767089,11.7148144 6.35024638,11.3984818 6.16289467,11.1956174 C5.97304982,10.9900535 5.81870545,10.7542161 5.70698559,10.4979421 C5.59663426,10.2448073 5.30197059,10.1290585 5.04883585,10.2394098 C4.79570111,10.3497611 4.67995228,10.6444248 4.79030361,10.8975596 Z M6.93580227,12.8351354 C6.67271015,12.7512477 6.52743627,12.469965 6.61132398,12.2068729 C6.69521168,11.9437808 6.97649441,11.7985069 7.23958653,11.8823946 C7.46870828,11.9554507 7.70854545,11.9951777 7.954027,11.9995874 C8.23012484,12.0045471 8.44992573,12.2323893 8.44496604,12.5084871 C8.44000635,12.7845849 8.21216421,13.0043858 7.93606638,12.9994261 C7.59324509,12.9932679 7.25713989,12.9375949 6.93580227,12.8351354 Z" id="Oval-73" fill="#F7D035" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CW.svg b/public/assets/images/flags/CW.svg
new file mode 100644
index 0000000000000000000000000000000000000000..14acd27f8b20200728a7906be8b42119ad36b3fc
--- /dev/null
+++ b/public/assets/images/flags/CW.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CW</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0543A8" offset="0%"></stop>
+            <stop stop-color="#00307D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FCC747" offset="0%"></stop>
+            <stop stop-color="#FEC539" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CW">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-1337" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="2"></rect>
+            <polygon id="Star-53" fill="url(#linearGradient-1)" points="6.5 6.26701627 5.3244295 7.11803399 5.77052418 5.73702106 4.59788697 4.88196601 6.04915915 4.8794708 6.5 3.5 6.95084085 4.8794708 8.40211303 4.88196601 7.22947582 5.73702106 7.6755705 7.11803399"></polygon>
+            <polygon id="Star-53-Copy" fill="url(#linearGradient-1)" points="3 3.5752622 2.11832212 4.21352549 2.45289314 3.1777658 1.57341523 2.53647451 2.66186936 2.5346031 3 1.5 3.33813064 2.5346031 4.42658477 2.53647451 3.54710686 3.1777658 3.88167788 4.21352549"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CX.svg b/public/assets/images/flags/CX.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b3fe73d936d9661aaa5c16ed68619b0463a983db
--- /dev/null
+++ b/public/assets/images/flags/CX.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CX</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0637C5" offset="0%"></stop>
+            <stop stop-color="#002CAA" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#3BA758" offset="0%"></stop>
+            <stop stop-color="#2C8945" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFCC5D" offset="0%"></stop>
+            <stop stop-color="#FEC54A" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CX">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Star-2" fill="#FFFFFF" points="4 13 3.29289322 13.2071068 3.5 12.5 3.29289322 11.7928932 4 12 4.70710678 11.7928932 4.5 12.5 4.70710678 13.2071068"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="4 5.5 3.29289322 5.70710678 3.5 5 3.29289322 4.29289322 4 4.5 4.70710678 4.29289322 4.5 5 4.70710678 5.70710678"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="6 8.5 5.29289322 8.70710678 5.5 8 5.29289322 7.29289322 6 7.5 6.70710678 7.29289322 6.5 8 6.70710678 8.70710678"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="2 9.5 1.29289322 9.70710678 1.5 9 1.29289322 8.29289322 2 8.5 2.70710678 8.29289322 2.5 9 2.70710678 9.70710678"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="5.5 10.75 5.14644661 10.8535534 5.25 10.5 5.14644661 10.1464466 5.5 10.25 5.85355339 10.1464466 5.75 10.5 5.85355339 10.8535534"></polygon>
+            <path d="M0,15 L8.92088689,8.62793794 C8.92088689,8.62793794 10.9032976,9.65338011 11.6608887,9.11224365 C12.4184797,8.57110719 12.007584,6.42315426 12.007584,6.42315426 L21,0 L0,0 L0,15 Z" id="Rectangle-2" fill="url(#linearGradient-3)" transform="translate(10.500000, 7.500000) scale(-1, 1) translate(-10.500000, -7.500000) "></path>
+            <path d="M14.4608154,7.5 C14.4608154,7.5 16.8752441,7.10070801 17.1632469,5.97338867 C17.4512496,4.84606934 14.8652842,4.03911885 14.7629395,3.63378906 C14.6605947,3.22845927 15.713369,3.51604253 16.1784668,3.63378906 C16.629344,3.74793543 17.5108643,4.32946777 17.5108643,4.32946777 C17.5108643,4.32946777 17.5002035,3.52896036 17.3800049,3.15930176 C17.1780193,2.53811563 16.5443115,1.35693359 16.5443115,1.35693359 C16.5443115,1.35693359 17.6192341,2.04635707 18.0804443,2.59667969 C18.3447129,2.91200868 18.4435738,4.33495351 18.7702637,4.82263184 C19.3544946,5.69476397 20.7176961,4.72111177 20.1385498,5.64562988 C19.5594035,6.570148 18.228,6.69580008 17.1632469,7.10070801 C16.1976859,7.4678948 14.0476074,7.96191406 14.0476074,7.96191406 L14.4608154,7.5 Z" id="Rectangle-1235" fill="url(#linearGradient-4)"></path>
+            <path d="M10.5,10 C9.11928813,10 8,8.88071187 8,7.5 C8,6.11928813 9.11928813,5 10.5,5 C11.8807119,5 13,6.11928813 13,7.5 C13,8.88071187 11.8807119,10 10.5,10 Z M9.25823975,7.5 L9,8 C9,8 9.83917652,7.81083448 10.1229248,8 C10.5071976,8.25618185 10.5,9 10.5,9 L11,9 C11,9 10.8364748,8.27040987 11.0932007,7.75695801 C11.3499266,7.24350614 12,7 12,7 L12,6 C12,6 11.3187548,6.72708173 10.5,7 C9.68124518,7.27291827 9,7 9,7 L9.25823975,7.5 Z" id="Combined-Shape" fill="url(#linearGradient-4)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CY.svg b/public/assets/images/flags/CY.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b7860aa933832c8f4620e160752a0fa03c7c0b99
--- /dev/null
+++ b/public/assets/images/flags/CY.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CY</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E7832C" offset="0%"></stop>
+            <stop stop-color="#D7751F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CY">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M15.546814,2.22659302 C15.7971017,2.10144915 15.8773804,2.18392944 15.7267456,2.40988159 L15.2732544,3.09011841 C15.1223402,3.31648976 14.8160706,3.62261963 14.5901184,3.77325439 L13.9098816,4.22674561 C13.6835102,4.37765984 13.3417969,4.65820312 13.1473122,4.85268784 L13.3526878,4.64731216 C13.1579037,4.84209628 13.15625,5.15625 13.3497515,5.34975147 L13.6502485,5.65024853 C13.8434109,5.84341093 13.84375,6.15625 13.6502485,6.34975147 L13.3497515,6.65024853 C13.1565891,6.84341093 12.8071899,6.90359497 12.546814,6.77340698 L12.453186,6.72659302 C12.2028983,6.60144915 11.903595,6.69281006 11.773407,6.95318604 L11.726593,7.04681396 C11.6014491,7.2971017 11.2914314,7.56952286 11.0253906,7.65820312 L10.4746094,7.84179688 C10.2124899,7.92917005 9.76806641,8 9.5,8 L9.5,8 C9.22385763,8 8.90359497,8.19281006 8.77340698,8.45318604 L8.72659302,8.54681396 C8.60144915,8.7971017 8.30092049,8.90046024 8.05613518,8.77806759 L6.94386482,8.22193241 C6.69872505,8.09936253 6.34375,7.84375 6.15024853,7.65024853 L5.84975147,7.34975147 C5.65658907,7.15658907 5.5,6.76806641 5.5,6.5 L5.5,6.5 C5.5,6.22385763 5.72659302,6 6,6 L5.5,6 C5.77614237,6 6.15625,5.84375 6.34975147,5.65024853 L6.65024853,5.34975147 C6.84341093,5.15658907 7.23193359,5 7.5,5 L7.5,5 C7.77614237,5 8.06952286,4.79143143 8.15820312,4.52539062 L8.34179688,3.97460938 C8.42917005,3.71248986 8.71314859,3.54262972 8.98202515,3.59640503 L10.5179749,3.90359497 C10.78419,3.956838 11.214035,3.94649124 11.4841442,3.87896395 L12.5158558,3.62103605 C12.7832413,3.55418969 13.1928101,3.40359497 13.453186,3.27340698 L13.546814,3.22659302 C13.7971017,3.10144915 14.1928101,2.90359497 14.453186,2.77340698 L14.546814,2.72659302 C14.7971017,2.60144915 15.1928101,2.40359497 15.453186,2.27340698 L15.546814,2.22659302 Z" id="Line" fill="url(#linearGradient-2)"></path>
+            <circle id="Oval-81" fill="#445128" cx="10.5" cy="11.5" r="1"></circle>
+            <path d="M12.1581139,11.4743416 C11.8961422,11.5616655 11.6129822,11.4200855 11.5256584,11.1581139 C11.4383345,10.8961422 11.5799145,10.6129822 11.8418861,10.5256584 C11.8949452,10.507972 11.9982693,10.4686104 12.1344308,10.4080942 C12.3633259,10.306363 12.5920344,10.1843852 12.8026499,10.0439749 C13.1564463,9.80811057 13.4174091,9.54714779 13.5527864,9.2763932 C13.676281,9.02940395 13.9766175,8.92929178 14.2236068,9.0527864 C14.470596,9.17628103 14.5707082,9.47661755 14.4472136,9.7236068 C14.2225909,10.1728522 13.8435537,10.5518894 13.3573501,10.8760251 C13.0954656,11.0506148 12.8179241,11.198637 12.5405692,11.3219058 C12.3729807,11.3963896 12.2400548,11.447028 12.1581139,11.4743416 Z M9.15811388,10.5256584 C9.42008554,10.6129822 9.56166554,10.8961422 9.47434165,11.1581139 C9.38701776,11.4200855 9.10385778,11.5616655 8.84188612,11.4743416 C8.75994524,11.447028 8.62701935,11.3963896 8.45943077,11.3219058 C8.18207594,11.198637 7.90453437,11.0506148 7.6426499,10.8760251 C7.15644633,10.5518894 6.77740911,10.1728522 6.5527864,9.7236068 C6.42929178,9.47661755 6.52940395,9.17628103 6.7763932,9.0527864 C7.02338245,8.92929178 7.32371897,9.02940395 7.4472136,9.2763932 C7.58259089,9.54714779 7.84355367,9.80811057 8.1973501,10.0439749 C8.40796563,10.1843852 8.63667406,10.306363 8.86556923,10.4080942 C9.00173065,10.4686104 9.10505476,10.507972 9.15811388,10.5256584 Z" id="Combined-Shape" fill="#445128" fill-rule="nonzero" opacity="0.75"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/CZ.svg b/public/assets/images/flags/CZ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d56c61b81a8a397518dc7259153b8edc65e0930a
--- /dev/null
+++ b/public/assets/images/flags/CZ.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CZ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E8252A" offset="0%"></stop>
+            <stop stop-color="#D7151A" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#17579E" offset="0%"></stop>
+            <stop stop-color="#10457F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CZ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="7" width="21" height="8"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="7"></rect>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-3)" points="0 0 10 7.5 0 15"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/DA.svg b/public/assets/images/flags/DA.svg
new file mode 100644
index 0000000000000000000000000000000000000000..27900e157af7919da68e86f9b8d4ae720cdd8b5f
--- /dev/null
+++ b/public/assets/images/flags/DA.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>DK</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#EF264D" offset="0%"></stop>
+            <stop stop-color="#E1143C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="DK">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-1)" points="0 9 6 9 6 15 9 15 9 9 21 9 21 6 9 6 9 0 6 0 6 6 0 6"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/DE.svg b/public/assets/images/flags/DE.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4ff1ebd53078223d5e056e8f81c346df4d5c2040
--- /dev/null
+++ b/public/assets/images/flags/DE.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>DE</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#F01515" offset="0%"></stop>
+            <stop stop-color="#DE0000" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD521" offset="0%"></stop>
+            <stop stop-color="#FFCF00" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="DE">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="5" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="10" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/DJ.svg b/public/assets/images/flags/DJ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c0a019f9df6f43d071fb3e9ba75098a9f045092e
--- /dev/null
+++ b/public/assets/images/flags/DJ.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>DJ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1DC837" offset="0%"></stop>
+            <stop stop-color="#13AD2B" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#82C5F5" offset="0%"></stop>
+            <stop stop-color="#6AB3E8" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#E21C21" offset="0%"></stop>
+            <stop stop-color="#D7151A" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="DJ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="7" width="21" height="8"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="7"></rect>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-1)" points="0 0 10 7.5 0 15"></polygon>
+            <polygon id="Star-8" fill="url(#linearGradient-4)" points="3.5 8.47500004 2.03053687 9.52254249 2.57271986 7.80129158 1.12235871 6.72745751 2.92690936 6.7112084 3.5 5 4.07309064 6.7112084 5.87764129 6.72745751 4.42728014 7.80129158 4.96946313 9.52254249"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/DK.svg b/public/assets/images/flags/DK.svg
new file mode 100644
index 0000000000000000000000000000000000000000..27900e157af7919da68e86f9b8d4ae720cdd8b5f
--- /dev/null
+++ b/public/assets/images/flags/DK.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>DK</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#EF264D" offset="0%"></stop>
+            <stop stop-color="#E1143C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="DK">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-1)" points="0 9 6 9 6 15 9 15 9 9 21 9 21 6 9 6 9 0 6 0 6 6 0 6"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/DM.svg b/public/assets/images/flags/DM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d5c401ebcb4c8f2524e962ad0a18bfe79f78a96f
--- /dev/null
+++ b/public/assets/images/flags/DM.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>DM</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#108753" offset="0%"></stop>
+            <stop stop-color="#0B6B41" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FCD449" offset="0%"></stop>
+            <stop stop-color="#FCD036" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#E02C42" offset="0%"></stop>
+            <stop stop-color="#D22036" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="DM">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="6"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="9" width="21" height="6"></rect>
+            <path d="M9,6 L0,6 L0,9 L9,9 L9,15 L12,15 L12,9 L21,9 L21,6 L12,6 L12,0 L9,0 L9,6 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <path d="M10,8 L10,15 L11,15 L11,8 L21,8 L21,7 L11,7 L11,0 L10,0 L10,7 L0,7 L0,8 L10,8 Z" id="Rectangle-2" fill="url(#linearGradient-3)"></path>
+            <path d="M9,7 L9,15 L10,15 L10,7 L21,7 L21,6 L10,6 L10,0 L9,0 L9,6 L0,6 L0,7 L9,7 Z" id="Rectangle-2" fill="url(#linearGradient-4)"></path>
+            <circle id="Oval-83" fill="url(#linearGradient-5)" cx="10.5" cy="7.5" r="3.5"></circle>
+            <path d="M10.5,10.5 C10.2238576,10.5 10,10.2761424 10,10 C10,9.72385763 10.2238576,9.5 10.5,9.5 C10.7735025,9.5 11.0384691,9.44535437 11.2838445,9.34069603 C11.5378474,9.23235788 11.8315828,9.35044247 11.9399209,9.60444534 C12.0482591,9.8584482 11.9301745,10.1521836 11.6761716,10.2605218 C11.307323,10.4178443 10.9089652,10.5 10.5,10.5 Z M13.3164826,8.53513497 C13.4305997,8.22471688 13.4928268,7.89606641 13.4994155,7.55972049 C13.5000122,7.44025084 13.4981257,7.36866902 13.4929347,7.29277075 C13.4740924,7.01727197 13.2354817,6.80921083 12.9599829,6.82805318 C12.6844842,6.84689554 12.476423,7.08550617 12.4952654,7.36100495 C12.4986576,7.41060301 12.4999195,7.45848733 12.4995165,7.54766823 C12.4952036,7.76494093 12.4537974,7.98362642 12.377897,8.19008853 C12.282615,8.44927179 12.4154833,8.73662261 12.6746665,8.83190455 C12.9338498,8.9271865 13.2212006,8.79431823 13.3164826,8.53513497 Z M12.3668662,5.15151318 C12.0511516,4.90026597 11.6876614,4.71455015 11.2968001,4.60709601 C11.0305365,4.53389578 10.7553466,4.69040462 10.6821464,4.95666828 C10.6089462,5.22293194 10.765455,5.4981218 11.0317186,5.57132203 C11.2916225,5.64277383 11.5336059,5.76640891 11.7441747,5.93398061 C11.9602471,6.10593213 12.2748026,6.07016506 12.4467541,5.85409265 C12.6187057,5.63802023 12.5829386,5.32346469 12.3668662,5.15151318 Z M8.94366027,4.93484935 C8.59886233,5.1444204 8.29927448,5.42178319 8.06363322,5.74921687 C7.90233196,5.9733519 7.9532688,6.28580976 8.17740384,6.44711102 C8.40153888,6.60841227 8.71399673,6.55747543 8.87529799,6.33334039 C9.03269204,6.11463459 9.23291646,5.92926391 9.46305384,5.7893845 C9.6990272,5.64595793 9.7740512,5.33839351 9.63062463,5.10242014 C9.48719806,4.86644678 9.17963364,4.79142277 8.94366027,4.93484935 Z M7.56417542,8.1196657 C7.64770963,8.51708562 7.81100685,8.89104199 8.04261462,9.22120209 C8.20119959,9.44726717 8.51302006,9.50197061 8.73908514,9.34338564 C8.96515022,9.18480068 9.01985365,8.87298021 8.86126869,8.64691513 C8.70693286,8.42690726 8.59833169,8.17820676 8.54279124,7.91396916 C8.48598971,7.64373186 8.22087236,7.47070799 7.95063506,7.52750952 C7.68039776,7.58431105 7.50737388,7.8494284 7.56417542,8.1196657 Z M10.1049151,10.4741592 C9.83113932,10.4380835 9.63844538,10.1868993 9.6745211,9.91312352 C9.71059682,9.63934778 9.96178105,9.44665384 10.2355568,9.48272956 C10.3165479,9.49340185 10.3985727,9.49916355 10.4813639,9.49991542 C10.7574949,9.50242309 10.9793105,9.72830435 10.9768028,10.0044353 C10.9742951,10.2805663 10.7484139,10.5023819 10.4722829,10.4998742 C10.3488091,10.4987529 10.2261891,10.4901396 10.1049151,10.4741592 Z" id="Oval-73" fill="#0E673F" fill-rule="nonzero"></path>
+            <path d="M10.5,8.5 C11.0522847,8.5 11,8.05228475 11,7.5 C11,6.94771525 11.0522847,6.5 10.5,6.5 C9.94771525,6.5 10,6.94771525 10,7.5 C10,8.05228475 9.94771525,8.5 10.5,8.5 Z" id="Oval-84" fill="#0E673F"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/DO.svg b/public/assets/images/flags/DO.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9188e0beb48864345055e0dfa4297d9e8c7579fd
--- /dev/null
+++ b/public/assets/images/flags/DO.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>DO</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#083D7A" offset="0%"></stop>
+            <stop stop-color="#032F61" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DF1E35" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="DO">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="9" height="6"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="12" y="9" width="9" height="6"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="9" width="9" height="6"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="12" y="0" width="9" height="6"></rect>
+            <path d="M9,6 L0,6 L0,9 L9,9 L9,15 L12,15 L12,9 L21,9 L21,6 L12,6 L12,0 L9,0 L9,6 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <path d="M10.5,6 C9.67157288,6 9,6.67157288 9,7.5 C9,8.32842712 9.67157288,9 10.5,9 L10.5,9 C11.3284271,9 12,8.32842712 12,7.5" id="Oval-85" fill-opacity="0.2" fill="#C93127" transform="translate(10.500000, 7.500000) rotate(-45.000000) translate(-10.500000, -7.500000) "></path>
+            <circle id="Oval-85" fill="#042F60" cx="10.5" cy="7.5" r="1"></circle>
+            <path d="M11.5606602,8.56066017 C10.9748737,9.14644661 10.0251263,9.14644661 9.43933983,8.56066017 C8.85355339,7.97487373 8.85355339,7.02512627 9.43933983,6.43933983 L9.79289322,6.79289322 C9.40236893,7.18341751 9.40236893,7.81658249 9.79289322,8.20710678 C10.1834175,8.59763107 10.8165825,8.59763107 11.2071068,8.20710678 C11.5976311,7.81658249 11.5976311,7.18341751 11.2071068,6.79289322 L11.5606602,6.43933983 C12.1464466,7.02512627 12.1464466,7.97487373 11.5606602,8.56066017 Z M11.5606602,8.56066017 C10.9748737,9.14644661 10.0251263,9.14644661 9.43933983,8.56066017 C8.85355339,7.97487373 8.85355339,7.02512627 9.43933983,6.43933983 L9.79289322,6.79289322 C9.40236893,7.18341751 9.40236893,7.81658249 9.79289322,8.20710678 C10.1834175,8.59763107 10.8165825,8.59763107 11.2071068,8.20710678 C11.5976311,7.81658249 11.5976311,7.18341751 11.2071068,6.79289322 L11.5606602,6.43933983 C12.1464466,7.02512627 12.1464466,7.97487373 11.5606602,8.56066017 Z" id="Oval-85" fill="#0F6D1A" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/DZ.svg b/public/assets/images/flags/DZ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0920d7121e53bff163018521f2f946b177ca3f6d
--- /dev/null
+++ b/public/assets/images/flags/DZ.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>DZ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#048345" offset="0%"></stop>
+            <stop stop-color="#04753E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E81B42" offset="0%"></stop>
+            <stop stop-color="#D20F34" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="DZ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2-Copy-2" fill="url(#linearGradient-1)" x="11" y="0" width="10" height="15"></rect>
+            <polygon id="Star-8" fill="url(#linearGradient-3)" points="13 8.28000003 11.8244295 9.11803399 12.2581759 7.74103327 11.097887 6.88196601 12.5415275 6.86896672 13 5.5 13.4584725 6.86896672 14.902113 6.88196601 13.7418241 7.74103327 14.1755705 9.11803399"></polygon>
+            <path d="M13.2600002,4.21400036 C12.4889281,3.46100558 11.4526533,3 10.3131751,3 C7.93107426,3 6,5.01471863 6,7.5 C6,9.98528137 7.93107426,12 10.3131751,12 C11.4526533,12 12.4889281,11.5389944 13.2600002,10.7859996 C12.7281556,11.0391564 12.1265684,11.1818182 11.4894956,11.1818182 C9.32394935,11.1818182 7.5684273,9.53341203 7.5684273,7.5 C7.5684273,5.46658797 9.32394935,3.81818182 11.4894956,3.81818182 C12.1265684,3.81818182 12.7281556,3.96084355 13.2600002,4.21400036 L13.2600002,4.21400036 Z" id="Oval-3" fill="url(#linearGradient-3)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/EC.svg b/public/assets/images/flags/EC.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0fbd3ea61b3ade5ec8c77161f91af3676cf156f9
--- /dev/null
+++ b/public/assets/images/flags/EC.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>EC</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0748AE" offset="0%"></stop>
+            <stop stop-color="#003993" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DE2035" offset="0%"></stop>
+            <stop stop-color="#CE1126" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD935" offset="0%"></stop>
+            <stop stop-color="#FDD216" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#FBDC44" offset="0%"></stop>
+            <stop stop-color="#FFDC32" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="EC">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="7" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="11" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="0" width="21" height="7"></rect>
+            <path d="M9.29996095,6 C8.81420448,6.36488433 8.5,6.94580754 8.5,7.60011714 C8.5,8.70468664 9.3954305,9.60011714 10.5,9.60011714 C11.6045695,9.60011714 12.5,8.70468664 12.5,7.60011714 C12.5,6.94580754 12.1857955,6.36488433 11.700039,6 L11,8.10011714 L10,8.10011714 L9.29996095,6 Z" id="Oval-12" fill="url(#linearGradient-5)"></path>
+            <polygon id="Rectangle-483" fill="#5FC0DC" points="10.5 5.5 11 8 10 8"></polygon>
+            <path d="M9.6767767,3.8232233 C9.60981862,3.75626523 9.51077674,3.73288462 9.42094306,3.76282918 L7.92094306,4.26282918 C7.78995723,4.30649112 7.71916723,4.44807111 7.76282918,4.57905694 C7.80649112,4.71004277 7.94807111,4.78083277 8.07905694,4.73717082 L9.43247731,4.2860307 L10.3232233,5.1767767 C10.4208544,5.27440777 10.5791456,5.27440777 10.6767767,5.1767767 L11.5675227,4.2860307 L12.9209431,4.73717082 C13.0519289,4.78083277 13.1935089,4.71004277 13.2371708,4.57905694 C13.2808328,4.44807111 13.2100428,4.30649112 13.0790569,4.26282918 L11.5790569,3.76282918 C11.4892233,3.73288462 11.3901814,3.75626523 11.3232233,3.8232233 L10.5,4.64644661 L9.6767767,3.8232233 Z" id="Line" fill="#3F2821" fill-rule="nonzero" opacity="0.66"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/EE.svg b/public/assets/images/flags/EE.svg
new file mode 100644
index 0000000000000000000000000000000000000000..636052239b25fb0221093e5ed4db7808e220f6aa
--- /dev/null
+++ b/public/assets/images/flags/EE.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>EE</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#5DA8F1" offset="0%"></stop>
+            <stop stop-color="#4892DA" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="EE">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="5" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="10" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/EG.svg b/public/assets/images/flags/EG.svg
new file mode 100644
index 0000000000000000000000000000000000000000..32d4447e41f8c13476275a84029fcffa8b5cfb71
--- /dev/null
+++ b/public/assets/images/flags/EG.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>EG</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E41D33" offset="0%"></stop>
+            <stop stop-color="#CE1126" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="EG">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <path d="M8,6.49538898 C8,6.2217932 8.23193359,6 8.5,6 L8.74765778,6 C8.88702254,6 9.04614258,6.09228516 9.1159668,6.23193359 L9.5,7 C9.5,7 10.0493306,6 10.5,6 C11,6 11.5,7 11.5,7 L11.8840332,6.23193359 C11.9480799,6.10384021 12.1070175,6 12.2523422,6 L12.5,6 C12.7761424,6 13,6.2157526 13,6.49538898 L13,8.50461102 C13,8.7782068 12.8160706,8.87738037 12.5901184,8.72674561 L11.5,8 L11,8 L11,8.5 C11,8.77614237 10.7680664,9 10.5,9 L10.5,9 C10.2238576,9 10,8.76806641 10,8.5 L10,8 L9.5,8 L8.40988159,8.72674561 C8.18351024,8.87765984 8,8.7842474 8,8.50461102 L8,6.49538898 Z" id="Rectangle-129" fill-opacity="0.25" fill="#F4B32E"></path>
+            <path d="M12.5,8.06574145 L12.5,6.5 L12.309017,6.5 L11.7696097,7.57881459 L12.5,8.06574145 Z M8.69098301,6.5 L8.5006969,6.5 C8.50035241,6.49933214 8.5,6.49797367 8.5,6.49538898 L8.5,8.06574145 L9.2303903,7.57881459 L8.69098301,6.5 Z M10.5,7.5 L10.5,8.5 L10.5,7.5 L11.190983,7.5 L11.0527864,7.2236068 C11.0025448,7.12312361 10.9070022,6.95933623 10.7875,6.8 C10.6669136,6.63921807 10.5562629,6.5394688 10.5157356,6.50953831 C10.4427553,6.55637767 10.3378325,6.66219008 10.2262706,6.80620317 C10.0998497,6.96939732 9.99539579,7.13667289 9.93823177,7.24073412 L9.79580908,7.5 L10.5,7.5 Z M11.3738698,6.7763932 C11.453181,6.90636206 11.5,7 11.5,7 L11.6118034,6.7763932 C11.6118034,6.7763932 11.8433728,6.58071737 11.7686406,6.46271887 L11.8840332,6.23193359 C11.9480799,6.10384021 12.1070175,6 12.2523422,6 L12.5,6 C12.7761424,6 13,6.2157526 13,6.49538898 L13,8.50461102 C13,8.7782068 12.8160706,8.87738037 12.5901184,8.72674561 L11.5,8 L11,8 L11,8.5 C11,8.77614237 10.7680664,9 10.5,9 C10.2238576,9 10,8.76806641 10,8.5 L10,8 L9.5,8 L8.40988159,8.72674561 C8.18351024,8.87765984 8,8.7842474 8,8.50461102 L8,6.49538898 C8,6.2217932 8.23193359,6 8.5,6 L8.74765778,6 C8.88702254,6 9.04614258,6.09228516 9.1159668,6.23193359 L9.23620652,6.47241305 C9.1647889,6.58029712 9.38273722,6.76547444 9.38273722,6.76547444 L9.5,7 C9.5,7 9.55301337,6.90349461 9.63961349,6.77044324 L9.81767445,6.5173149 C10.0131068,6.26167861 10.2694622,6 10.5,6 C10.7509295,6 11.001859,6.25186245 11.1895888,6.50278847 L11.3738698,6.7763932 Z" id="Rectangle-129" fill="#C6A846" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/EH.svg b/public/assets/images/flags/EH.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2bb0d7f3b22d7fbec7407f75dd8053530618a838
--- /dev/null
+++ b/public/assets/images/flags/EH.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="22" height="15" stroke="none" stroke-linecap="round" stroke-linejoin="round" fill="#fff" fill-rule="evenodd"><path d="M0 5h21v5H0z"/><g fill="#c4111b"><path d="M9.9406 8.761l.796-.6096.7897.6188-.2951-.9994.7933-.6135-.9784-.0081-.2994-.998-.3095.9945-.9784-.0033.7871.6227-.3053.9959z"/><path d="M10.7917 9.5152a1.765 1.765 0 0 1-.35.0348c-1.0342 0-1.8667-.892-1.8667-2s.8325-2 1.8667-2c.1197 0 .2367.012.35.0348-.8657.1746-1.5167.9854-1.5167 1.9652s.651 1.7906 1.5167 1.9652z"/></g><path d="M0 0h21v5H0z" fill="#000"/><path d="M0 10h21v5H0z" fill="#007a3d"/><path d="M0 0l7 7.5L0 15z" fill="#c4111b"/></svg>
diff --git a/public/assets/images/flags/EL.svg b/public/assets/images/flags/EL.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a9b12c0005cc3bf520a9dc9515a1aa698882591e
--- /dev/null
+++ b/public/assets/images/flags/EL.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GR</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1C6DC1" offset="0%"></stop>
+            <stop stop-color="#1660AD" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GR">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M0,0 L4,0 L4,4 L0,4 L0,0 Z M6,0 L10,0 L10,4 L6,4 L6,0 Z M10,0 L21,0 L21,2 L10,2 L10,0 Z M10,4 L21,4 L21,6 L10,6 L10,4 Z M10,8 L21,8 L21,10 L10,10 L10,8 Z M0,12 L21,12 L21,14 L0,14 L0,12 Z M6,6 L10,6 L10,10 L6,10 L6,6 Z M0,6 L4,6 L4,10 L0,10 L0,6 Z" id="Rectangle-537" fill="url(#linearGradient-2)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/EN.svg b/public/assets/images/flags/EN.svg
new file mode 100644
index 0000000000000000000000000000000000000000..846ec9d20c0976db5e17f52233fbe2348382fcf9
--- /dev/null
+++ b/public/assets/images/flags/EN.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>US</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#D02F44" offset="0%"></stop>
+            <stop stop-color="#B12537" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#46467F" offset="0%"></stop>
+            <stop stop-color="#3C3C6D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="US">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M0,0 L21,0 L21,1 L0,1 L0,0 Z M0,2 L21,2 L21,3 L0,3 L0,2 Z M0,4 L21,4 L21,5 L0,5 L0,4 Z M0,6 L21,6 L21,7 L0,7 L0,6 Z M0,8 L21,8 L21,9 L0,9 L0,8 Z M0,10 L21,10 L21,11 L0,11 L0,10 Z M0,12 L21,12 L21,13 L0,13 L0,12 Z M0,14 L21,14 L21,15 L0,15 L0,14 Z" id="Rectangle-511" fill="url(#linearGradient-2)"></path>
+            <rect id="Rectangle-511" fill="url(#linearGradient-3)" x="0" y="0" width="9" height="7"></rect>
+            <path d="M1.5,2 C1.22385763,2 1,1.77614237 1,1.5 C1,1.22385763 1.22385763,1 1.5,1 C1.77614237,1 2,1.22385763 2,1.5 C2,1.77614237 1.77614237,2 1.5,2 Z M3.5,2 C3.22385763,2 3,1.77614237 3,1.5 C3,1.22385763 3.22385763,1 3.5,1 C3.77614237,1 4,1.22385763 4,1.5 C4,1.77614237 3.77614237,2 3.5,2 Z M5.5,2 C5.22385763,2 5,1.77614237 5,1.5 C5,1.22385763 5.22385763,1 5.5,1 C5.77614237,1 6,1.22385763 6,1.5 C6,1.77614237 5.77614237,2 5.5,2 Z M7.5,2 C7.22385763,2 7,1.77614237 7,1.5 C7,1.22385763 7.22385763,1 7.5,1 C7.77614237,1 8,1.22385763 8,1.5 C8,1.77614237 7.77614237,2 7.5,2 Z M2.5,3 C2.22385763,3 2,2.77614237 2,2.5 C2,2.22385763 2.22385763,2 2.5,2 C2.77614237,2 3,2.22385763 3,2.5 C3,2.77614237 2.77614237,3 2.5,3 Z M4.5,3 C4.22385763,3 4,2.77614237 4,2.5 C4,2.22385763 4.22385763,2 4.5,2 C4.77614237,2 5,2.22385763 5,2.5 C5,2.77614237 4.77614237,3 4.5,3 Z M6.5,3 C6.22385763,3 6,2.77614237 6,2.5 C6,2.22385763 6.22385763,2 6.5,2 C6.77614237,2 7,2.22385763 7,2.5 C7,2.77614237 6.77614237,3 6.5,3 Z M7.5,4 C7.22385763,4 7,3.77614237 7,3.5 C7,3.22385763 7.22385763,3 7.5,3 C7.77614237,3 8,3.22385763 8,3.5 C8,3.77614237 7.77614237,4 7.5,4 Z M5.5,4 C5.22385763,4 5,3.77614237 5,3.5 C5,3.22385763 5.22385763,3 5.5,3 C5.77614237,3 6,3.22385763 6,3.5 C6,3.77614237 5.77614237,4 5.5,4 Z M3.5,4 C3.22385763,4 3,3.77614237 3,3.5 C3,3.22385763 3.22385763,3 3.5,3 C3.77614237,3 4,3.22385763 4,3.5 C4,3.77614237 3.77614237,4 3.5,4 Z M1.5,4 C1.22385763,4 1,3.77614237 1,3.5 C1,3.22385763 1.22385763,3 1.5,3 C1.77614237,3 2,3.22385763 2,3.5 C2,3.77614237 1.77614237,4 1.5,4 Z M2.5,5 C2.22385763,5 2,4.77614237 2,4.5 C2,4.22385763 2.22385763,4 2.5,4 C2.77614237,4 3,4.22385763 3,4.5 C3,4.77614237 2.77614237,5 2.5,5 Z M4.5,5 C4.22385763,5 4,4.77614237 4,4.5 C4,4.22385763 4.22385763,4 4.5,4 C4.77614237,4 5,4.22385763 5,4.5 C5,4.77614237 4.77614237,5 4.5,5 Z M6.5,5 C6.22385763,5 6,4.77614237 6,4.5 C6,4.22385763 6.22385763,4 6.5,4 C6.77614237,4 7,4.22385763 7,4.5 C7,4.77614237 6.77614237,5 6.5,5 Z M7.5,6 C7.22385763,6 7,5.77614237 7,5.5 C7,5.22385763 7.22385763,5 7.5,5 C7.77614237,5 8,5.22385763 8,5.5 C8,5.77614237 7.77614237,6 7.5,6 Z M5.5,6 C5.22385763,6 5,5.77614237 5,5.5 C5,5.22385763 5.22385763,5 5.5,5 C5.77614237,5 6,5.22385763 6,5.5 C6,5.77614237 5.77614237,6 5.5,6 Z M3.5,6 C3.22385763,6 3,5.77614237 3,5.5 C3,5.22385763 3.22385763,5 3.5,5 C3.77614237,5 4,5.22385763 4,5.5 C4,5.77614237 3.77614237,6 3.5,6 Z M1.5,6 C1.22385763,6 1,5.77614237 1,5.5 C1,5.22385763 1.22385763,5 1.5,5 C1.77614237,5 2,5.22385763 2,5.5 C2,5.77614237 1.77614237,6 1.5,6 Z" id="Oval-43" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/ER.svg b/public/assets/images/flags/ER.svg
new file mode 100644
index 0000000000000000000000000000000000000000..bb70368b7d84a2ea2e66f6868c50429374fda2dc
--- /dev/null
+++ b/public/assets/images/flags/ER.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>ER</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#29C53F" offset="0%"></stop>
+            <stop stop-color="#21AC35" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#579DED" offset="0%"></stop>
+            <stop stop-color="#458BDB" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#F42D56" offset="0%"></stop>
+            <stop stop-color="#E9103D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ER">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="7.5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="7.5" width="21" height="8"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-4)" points="0 15 21 7.5 0 0"></polygon>
+            <path d="M6.5,10 C7.88071187,10 9,8.88071187 9,7.5 C9,6.11928813 7.88071187,5 6.5,5 C5.11928813,5 4,6.11928813 4,7.5 C4,8.88071187 5.11928813,10 6.5,10 Z M6.5,11 C4.56700338,11 3,9.43299662 3,7.5 C3,5.56700338 4.56700338,4 6.5,4 C8.43299662,4 10,5.56700338 10,7.5 C10,9.43299662 8.43299662,11 6.5,11 Z" id="Oval-87" fill="#FFC63C" fill-rule="nonzero"></path>
+            <circle id="Oval-88" fill="#FFC63C" cx="6" cy="6.5" r="1"></circle>
+            <circle id="Oval-88" fill="#FFC63C" cx="7" cy="7" r="1"></circle>
+            <circle id="Oval-88" fill="#FFC63C" cx="6.5" cy="6" r="1"></circle>
+            <circle id="Oval-88" fill="#FFC63C" cx="6" cy="7.5" r="1"></circle>
+            <circle id="Oval-88" fill="#FFC63C" cx="7" cy="8" r="1"></circle>
+            <circle id="Oval-88" fill="#FFC63C" cx="6" cy="8.5" r="1"></circle>
+            <circle id="Oval-88" fill="#FFC63C" cx="7" cy="9" r="1"></circle>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/ES.svg b/public/assets/images/flags/ES.svg
new file mode 100644
index 0000000000000000000000000000000000000000..883554f8913ed64a16fdd1d8eb9e997d083ad4fc
--- /dev/null
+++ b/public/assets/images/flags/ES.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>ES</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#DD172C" offset="0%"></stop>
+            <stop stop-color="#C60B1F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFD133" offset="0%"></stop>
+            <stop stop-color="#FFC500" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ES">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="11" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="4" width="21" height="7"></rect>
+            <polygon id="Rectangle-139-Copy" fill="#FFEDB1" points="5.5 7 6.5 7 6.5 7.5 5.5 7.5"></polygon>
+            <path d="M4.9150265,8.4595207 C4.93965065,8.7550105 5.2060923,9 5.5,9 C5.79425164,9 6.06044023,8.75391994 6.0849735,8.4595207 L6.20660023,7 L4.79339977,7 L4.9150265,8.4595207 Z M4.29128242,6.99538898 C4.26848277,6.7217932 4.48071289,6.5 4.7559123,6.5 L6.2440877,6.5 C6.52349535,6.5 6.73202062,6.7157526 6.70871758,6.99538898 L6.58324638,8.50104344 C6.53727067,9.05275191 6.05613518,9.5 5.5,9.5 C4.94771525,9.5 4.46311164,9.05733967 4.41675362,8.50104344 L4.29128242,6.99538898 Z" id="Rectangle-137" fill="#A41517" fill-rule="nonzero"></path>
+            <polygon id="Rectangle-139" fill="#A41517" points="4.5 7.5 6.5 7.5 6.5 8 6 8 5.5 9 5 8 4.5 8"></polygon>
+            <rect id="Rectangle-135" fill="#A41517" x="3" y="6" width="1" height="3.5"></rect>
+            <rect id="Rectangle-135-Copy" fill="#A41517" x="7" y="6" width="1" height="3.5"></rect>
+            <path d="M4.5,5.5 C4.5,5.22385763 4.71403503,5 5.00468445,5 L5.99531555,5 C6.27404508,5 6.5,5.23193359 6.5,5.5 L6.5,5.74765778 C6.5,5.88702254 6.39247131,6 6.25476074,6 L4.74523926,6 C4.60979736,6 4.5,5.89298248 4.5,5.74765778 L4.5,5.5 Z" id="Rectangle-138" fill="#A41517"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/ET.svg b/public/assets/images/flags/ET.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c4387b9fe670ae9241626a4b58face83a403621b
--- /dev/null
+++ b/public/assets/images/flags/ET.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>ET</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#20AA46" offset="0%"></stop>
+            <stop stop-color="#168835" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E92F3B" offset="0%"></stop>
+            <stop stop-color="#D81824" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FADF50" offset="0%"></stop>
+            <stop stop-color="#FCDC34" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#205CCA" offset="0%"></stop>
+            <stop stop-color="#154BAD" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#FFDB3D" offset="0%"></stop>
+            <stop stop-color="#FDD420" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ET">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="5" width="21" height="5"></rect>
+            <circle id="Oval-95" fill="url(#linearGradient-5)" cx="10.5" cy="7.5" r="3.5"></circle>
+            <path d="M10.5,8.47500004 L9.03053687,9.52254249 L9.57271986,7.80129158 L8.12235871,6.72745751 L9.92690936,6.7112084 L10.5,5 L11.0730906,6.7112084 L12.8776413,6.72745751 L11.4272801,7.80129158 L11.9694631,9.52254249 L10.5,8.47500004 Z M10.5,7.86095816 L11.0440151,8.2487725 L10.8432916,7.61154221 L11.3802349,7.21399436 L10.7121659,7.20797871 L10.5,6.57446629 L10.2878341,7.20797871 L9.61976514,7.21399436 L10.1567084,7.61154221 L9.95598494,8.2487725 L10.5,7.86095816 Z" id="Star-8" fill="url(#linearGradient-6)" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/EU.svg b/public/assets/images/flags/EU.svg
new file mode 100644
index 0000000000000000000000000000000000000000..db74ffaf9a2d342c543eb0081fd93df2db015abb
--- /dev/null
+++ b/public/assets/images/flags/EU.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>EU</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#043CAE" offset="0%"></stop>
+            <stop stop-color="#00339A" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFD429" offset="0%"></stop>
+            <stop stop-color="#FFCC00" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="EU">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M10.5,3 L9.79289322,3.20710678 L10,2.5 L9.79289322,1.79289322 L10.5,2 L11.2071068,1.79289322 L11,2.5 L11.2071068,3.20710678 L10.5,3 Z M10.5,13 L9.79289322,13.2071068 L10,12.5 L9.79289322,11.7928932 L10.5,12 L11.2071068,11.7928932 L11,12.5 L11.2071068,13.2071068 L10.5,13 Z M15.5,8 L14.7928932,8.20710678 L15,7.5 L14.7928932,6.79289322 L15.5,7 L16.2071068,6.79289322 L16,7.5 L16.2071068,8.20710678 L15.5,8 Z M5.5,8 L4.79289322,8.20710678 L5,7.5 L4.79289322,6.79289322 L5.5,7 L6.20710678,6.79289322 L6,7.5 L6.20710678,8.20710678 L5.5,8 Z M14.830127,5.5 L14.1230202,5.70710678 L14.330127,5 L14.1230202,4.29289322 L14.830127,4.5 L15.5372338,4.29289322 L15.330127,5 L15.5372338,5.70710678 L14.830127,5.5 Z M6.16987298,10.5 L5.4627662,10.7071068 L5.66987298,10 L5.4627662,9.29289322 L6.16987298,9.5 L6.87697976,9.29289322 L6.66987298,10 L6.87697976,10.7071068 L6.16987298,10.5 Z M13,3.66987298 L12.2928932,3.87697976 L12.5,3.16987298 L12.2928932,2.4627662 L13,2.66987298 L13.7071068,2.4627662 L13.5,3.16987298 L13.7071068,3.87697976 L13,3.66987298 Z M8,12.330127 L7.29289322,12.5372338 L7.5,11.830127 L7.29289322,11.1230202 L8,11.330127 L8.70710678,11.1230202 L8.5,11.830127 L8.70710678,12.5372338 L8,12.330127 Z M14.830127,10.5 L14.1230202,10.7071068 L14.330127,10 L14.1230202,9.29289322 L14.830127,9.5 L15.5372338,9.29289322 L15.330127,10 L15.5372338,10.7071068 L14.830127,10.5 Z M6.16987298,5.5 L5.4627662,5.70710678 L5.66987298,5 L5.4627662,4.29289322 L6.16987298,4.5 L6.87697976,4.29289322 L6.66987298,5 L6.87697976,5.70710678 L6.16987298,5.5 Z M13,12.330127 L12.2928932,12.5372338 L12.5,11.830127 L12.2928932,11.1230202 L13,11.330127 L13.7071068,11.1230202 L13.5,11.830127 L13.7071068,12.5372338 L13,12.330127 Z M8,3.66987298 L7.29289322,3.87697976 L7.5,3.16987298 L7.29289322,2.4627662 L8,2.66987298 L8.70710678,2.4627662 L8.5,3.16987298 L8.70710678,3.87697976 L8,3.66987298 Z" id="Star-2" fill="url(#linearGradient-3)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/FI.svg b/public/assets/images/flags/FI.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9d243ed5bab94b185534bf097f107abba73a8e82
--- /dev/null
+++ b/public/assets/images/flags/FI.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>FI</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0848A6" offset="0%"></stop>
+            <stop stop-color="#003480" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="FI">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-2)" points="0 9 6 9 6 15 9 15 9 9 21 9 21 6 9 6 9 0 6 0 6 6 0 6"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/FJ.svg b/public/assets/images/flags/FJ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e3ebc9bb15c9ce8e395a9d6a60a7d18f91bd041b
--- /dev/null
+++ b/public/assets/images/flags/FJ.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>FJ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#79CFF6" offset="0%"></stop>
+            <stop stop-color="#68BFE6" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#042C90" offset="0%"></stop>
+            <stop stop-color="#00247E" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,3.5 L0,0 L5,0 L5,3.5 C5,6 2.5,7 2.5,7 C2.5,7 0,6 0,3.5 Z" id="path-4"></path>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#EB1D43" offset="0%"></stop>
+            <stop stop-color="#D21034" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+        <path d="M3.5,3 L0,0 L0.5,0 L4,2.5 L5,2.5 L9,0 L9,0.25 C9,0.388071187 8.91348267,0.561798096 8.79154062,0.648899555 L5.5,3 L5.5,4 L8.8118248,6.83870697 C8.91575109,6.92778665 8.8840332,7 8.75,7 L8.75,7 C8.61192881,7 8.41348267,6.9382019 8.29154062,6.85110044 L5,4.5 L4,4.5 L0,7 L0,6.5 L3.5,4 L3.5,3 Z" id="path-8"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="FJ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-1115" fill="url(#linearGradient-3)" x="0" y="0" width="9" height="7"></rect>
+            <g id="Rectangle-1105" transform="translate(13.000000, 4.000000)">
+                <mask id="mask-5" fill="white">
+                    <use xlink:href="#path-4"></use>
+                </mask>
+                <use id="Mask" fill="url(#linearGradient-1)" xlink:href="#path-4"></use>
+                <path d="M1,2.5 C0.723857625,2.5 0.5,2.27614237 0.5,2 C0.5,1.72385763 0.723857625,1.5 1,1.5 C1.27614237,1.5 1.5,1.72385763 1.5,2 C1.5,2.27614237 1.27614237,2.5 1,2.5 Z M4,2.5 C3.72385763,2.5 3.5,2.27614237 3.5,2 C3.5,1.72385763 3.72385763,1.5 4,1.5 C4.27614237,1.5 4.5,1.72385763 4.5,2 C4.5,2.27614237 4.27614237,2.5 4,2.5 Z" id="Oval-177" fill="#2A915C" mask="url(#mask-5)"></path>
+                <polygon id="Rectangle-1106" fill="url(#linearGradient-6)" mask="url(#mask-5)" points="1.37667655e-13 0 5 0 5 1 3 1 3 3 5 3 5 4 3 4 3 7 2 7 2 4 1.37667655e-13 4 1.37667655e-13 3 2 3 2 1 1.37667655e-13 1"></polygon>
+            </g>
+            <g id="Rectangle-36">
+                <use fill="url(#linearGradient-7)" fill-rule="evenodd" xlink:href="#path-8"></use>
+                <path stroke="#FFFFFF" stroke-width="0.5" d="M3.25,3.11498373 L-0.675814352,-0.25 L0.5,-0.25 L0.645309548,-0.203433368 L4.08011626,2.25 L4.92830094,2.25 L9.25,-0.45106191 L9.25,0.25 C9.25,0.471733776 9.12210758,0.720006202 8.93685017,0.852332923 L5.75,3.12865447 L5.75,3.88501627 L8.97452264,6.64889282 C9.25702778,6.89104008 9.11322839,7.25 8.75,7.25 C8.55691391,7.25 8.30820236,7.17022759 8.14623107,7.05453381 L4.91988374,4.75 L4.07169906,4.75 L-0.25,7.45106191 L-0.25,6.37134553 L3.25,3.87134553 L3.25,3.11498373 Z"></path>
+            </g>
+            <path d="M0,2.5 L0,4.5 L3.5,4.5 L3.5,7.00461102 C3.5,7.2782068 3.71403503,7.5 4.00468445,7.5 L4.99531555,7.5 C5.27404508,7.5 5.5,7.2842474 5.5,7.00461102 L5.5,4.5 L9.00952148,4.5 C9.28040529,4.5 9.5,4.28596497 9.5,3.99531555 L9.5,3.00468445 C9.5,2.72595492 9.28494263,2.5 9.00952148,2.5 L5.5,2.5 L5.5,0 L3.5,0 L3.5,2.5 L0,2.5 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-36" fill="url(#linearGradient-7)" points="0 3 4 3 4 2.5 4 0 5 0 5 2.5 5 3 9 3 9 4 5 4 5 4.5 5 7 4 7 4 4.5 4 4 0 4"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/FK.svg b/public/assets/images/flags/FK.svg
new file mode 100644
index 0000000000000000000000000000000000000000..01b0f2a8e7d292b0993c137fe1c8c17b7a740b56
--- /dev/null
+++ b/public/assets/images/flags/FK.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>FK</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#07319C" offset="0%"></stop>
+            <stop stop-color="#00247E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#1F8BDE" offset="0%"></stop>
+            <stop stop-color="#1075C2" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,3.5 L1.54164674e-17,0.509643555 C6.90218757e-18,0.228175192 0.21484375,0 0.497698784,0 L4.50230122,0 C4.77717266,0 5,0.226606369 5,0.509643555 L5,3.5 C5,6 2.5,7 2.5,7 C2.5,7 0,6 0,3.5 Z" id="path-4"></path>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#187536" offset="0%"></stop>
+            <stop stop-color="#0E5023" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-8">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+        <path d="M3.5,3 L0,0 L0.5,0 L4,2.5 L5,2.5 L9,0 L9,0.25 C9,0.388071187 8.91348267,0.561798096 8.79154062,0.648899555 L5.5,3 L5.5,4 L8.8118248,6.83870697 C8.91575109,6.92778665 8.8840332,7 8.75,7 L8.75,7 C8.61192881,7 8.41348267,6.9382019 8.29154062,6.85110044 L5,4.5 L4,4.5 L0,7 L0,6.5 L3.5,4 L3.5,3 Z" id="path-9"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="FK">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <g id="Rectangle-1105" transform="translate(13.000000, 4.000000)">
+                <mask id="mask-5" fill="white">
+                    <use xlink:href="#path-4"></use>
+                </mask>
+                <use id="Mask" fill="url(#linearGradient-3)" xlink:href="#path-4"></use>
+                <path d="M0,3.5 L1.54164674e-17,0.509643555 C6.90218757e-18,0.228175192 0.21484375,0 0.497698784,0 L4.50230122,0 C4.77717266,0 5,0.226606369 5,0.509643555 L5,3.5 C5,6 2.5,7 2.5,7 C2.5,7 0,6 0,3.5 Z M2.64411871,6.36967641 C2.90723863,6.22057512 3.17088317,6.03602394 3.41551763,5.81585293 C4.09873109,5.20096081 4.5,4.43854989 4.5,3.5 L4.5,0.509643555 C4.5,0.500903502 0.49859763,0.5 0.49859763,0.5 C0.499242024,0.500576791 0.5,3.5 0.5,3.5 C0.5,4.43854989 0.901268907,5.20096081 1.58448237,5.81585293 C1.82911683,6.03602394 2.09276137,6.22057512 2.35588129,6.36967641 C2.40863204,6.3995685 2.45693356,6.42565326 2.5,6.44797816 C2.54306644,6.42565326 2.59136796,6.3995685 2.64411871,6.36967641 Z" id="Mask" fill="url(#linearGradient-6)" fill-rule="nonzero" mask="url(#mask-5)"></path>
+                <path d="M1.15820313,3.47460938 C1.07082995,3.21248986 1.2157526,3 1.49538898,3 L3.50461102,3 C3.7782068,3 3.93047714,3.20856857 3.84179687,3.47460938 L3.65820312,4.02539062 C3.57082995,4.28751014 3.36282608,4.33072281 3.13365793,4.15820312 C3.13365793,4.15820312 3.22192383,4 2.5,4 C1.77807617,4 1.86634207,4.15820312 1.86634207,4.15820312 C1.66401693,4.34697233 1.43047714,4.29143143 1.34179688,4.02539062 L1.15820313,3.47460938 Z" id="Rectangle-1243" fill="url(#linearGradient-7)" mask="url(#mask-5)"></path>
+                <path d="M1.5,3 C1.77068398,3.05379707 2.09047303,2.5 2.5,2.5 C2.93673774,2.5 3.22586772,3.06717997 3.5,3 C3.74585626,2.93974947 4,2.26112626 4,2 C4,1.44771525 3.32842712,1 2.5,1 C1.67157288,1 1,1.44771525 1,2 C1,2.27926677 1.22312064,2.94497163 1.5,3 Z" id="Oval-223" fill="url(#linearGradient-1)" mask="url(#mask-5)"></path>
+                <path d="M-0.323223305,6.1767767 C-0.245098305,6.0986517 -0.245098305,6.0986517 0.0265281678,5.82702522 L0.327025223,5.52652817 C0.422700236,5.43085315 0.577248001,5.43080139 0.672974777,5.52652817 L0.973471832,5.82702522 C1.26435599,6.11790938 1.73548621,6.11806718 2.02652817,5.82702522 L2.32702522,5.52652817 C2.42270024,5.43085315 2.577248,5.43080139 2.67297478,5.52652817 L2.97347183,5.82702522 C3.26435599,6.11790938 3.73548621,6.11806718 4.02652817,5.82702522 L4.32702522,5.52652817 C4.42270024,5.43085315 4.577248,5.43080139 4.67297478,5.52652817 L4.97347183,5.82702522 L5.15024853,6.00380192 L5.50380192,5.65024853 L5.32702522,5.47347183 L5.02652817,5.17297478 C4.73548621,4.88193282 4.26435599,4.88209062 3.97347183,5.17297478 L3.67297478,5.47347183 C3.577248,5.56919861 3.42270024,5.56914685 3.32702522,5.47347183 L3.02652817,5.17297478 C2.73548621,4.88193282 2.26435599,4.88209062 1.97347183,5.17297478 L1.67297478,5.47347183 C1.577248,5.56919861 1.42270024,5.56914685 1.32702522,5.47347183 L1.02652817,5.17297478 C0.735486208,4.88193282 0.264355994,4.88209062 -0.0265281678,5.17297478 L-0.327025223,5.47347183 L-0.676776695,5.8232233 L-0.853553391,6 L-0.5,6.35355339 L-0.323223305,6.1767767 L-0.323223305,6.1767767 Z" id="Line-Copy" fill="url(#linearGradient-1)" fill-rule="nonzero" mask="url(#mask-5)"></path>
+                <path d="M-0.323223305,4.6767767 C-0.245098305,4.5986517 -0.245098305,4.5986517 0.0265281678,4.32702522 L0.327025223,4.02652817 C0.422700236,3.93085315 0.577248001,3.93080139 0.672974777,4.02652817 L0.973471832,4.32702522 C1.26435599,4.61790938 1.73548621,4.61806718 2.02652817,4.32702522 L2.32702522,4.02652817 C2.42270024,3.93085315 2.577248,3.93080139 2.67297478,4.02652817 L2.97347183,4.32702522 C3.26435599,4.61790938 3.73548621,4.61806718 4.02652817,4.32702522 L4.32702522,4.02652817 C4.42270024,3.93085315 4.577248,3.93080139 4.67297478,4.02652817 L4.97347183,4.32702522 L5.15024853,4.50380192 L5.50380192,4.15024853 L5.32702522,3.97347183 L5.02652817,3.67297478 C4.73548621,3.38193282 4.26435599,3.38209062 3.97347183,3.67297478 L3.67297478,3.97347183 C3.577248,4.06919861 3.42270024,4.06914685 3.32702522,3.97347183 L3.02652817,3.67297478 C2.73548621,3.38193282 2.26435599,3.38209062 1.97347183,3.67297478 L1.67297478,3.97347183 C1.577248,4.06919861 1.42270024,4.06914685 1.32702522,3.97347183 L1.02652817,3.67297478 C0.735486208,3.38193282 0.264355994,3.38209062 -0.0265281678,3.67297478 L-0.327025223,3.97347183 L-0.676776695,4.3232233 L-0.853553391,4.5 L-0.5,4.85355339 L-0.323223305,4.6767767 L-0.323223305,4.6767767 Z" id="Line-Copy-3" fill="url(#linearGradient-1)" fill-rule="nonzero" mask="url(#mask-5)"></path>
+                <path d="M-0.323223305,7.6767767 C-0.245098305,7.5986517 -0.245098305,7.5986517 0.0265281678,7.32702522 L0.327025223,7.02652817 C0.422700236,6.93085315 0.577248001,6.93080139 0.672974777,7.02652817 L0.973471832,7.32702522 C1.26435599,7.61790938 1.73548621,7.61806718 2.02652817,7.32702522 L2.32702522,7.02652817 C2.42270024,6.93085315 2.577248,6.93080139 2.67297478,7.02652817 L2.97347183,7.32702522 C3.26435599,7.61790938 3.73548621,7.61806718 4.02652817,7.32702522 L4.32702522,7.02652817 C4.42270024,6.93085315 4.577248,6.93080139 4.67297478,7.02652817 L4.97347183,7.32702522 L5.15024853,7.50380192 L5.50380192,7.15024853 L5.32702522,6.97347183 L5.02652817,6.67297478 C4.73548621,6.38193282 4.26435599,6.38209062 3.97347183,6.67297478 L3.67297478,6.97347183 C3.577248,7.06919861 3.42270024,7.06914685 3.32702522,6.97347183 L3.02652817,6.67297478 C2.73548621,6.38193282 2.26435599,6.38209062 1.97347183,6.67297478 L1.67297478,6.97347183 C1.577248,7.06919861 1.42270024,7.06914685 1.32702522,6.97347183 L1.02652817,6.67297478 C0.735486208,6.38193282 0.264355994,6.38209062 -0.0265281678,6.67297478 L-0.327025223,6.97347183 L-0.676776695,7.3232233 L-0.853553391,7.5 L-0.5,7.85355339 L-0.323223305,7.6767767 L-0.323223305,7.6767767 Z" id="Line-Copy-2" fill="url(#linearGradient-1)" fill-rule="nonzero" mask="url(#mask-5)"></path>
+            </g>
+            <g id="Rectangle-36">
+                <use fill="url(#linearGradient-8)" fill-rule="evenodd" xlink:href="#path-9"></use>
+                <path stroke="#FFFFFF" stroke-width="0.5" d="M3.25,3.11498373 L-0.675814352,-0.25 L0.5,-0.25 L0.645309548,-0.203433368 L4.08011626,2.25 L4.92830094,2.25 L9.25,-0.45106191 L9.25,0.25 C9.25,0.471733776 9.12210758,0.720006202 8.93685017,0.852332923 L5.75,3.12865447 L5.75,3.88501627 L8.97452264,6.64889282 C9.25702778,6.89104008 9.11322839,7.25 8.75,7.25 C8.55691391,7.25 8.30820236,7.17022759 8.14623107,7.05453381 L4.91988374,4.75 L4.07169906,4.75 L-0.25,7.45106191 L-0.25,6.37134553 L3.25,3.87134553 L3.25,3.11498373 Z"></path>
+            </g>
+            <path d="M0,2.5 L0,4.5 L3.5,4.5 L3.5,7.00461102 C3.5,7.2782068 3.71403503,7.5 4.00468445,7.5 L4.99531555,7.5 C5.27404508,7.5 5.5,7.2842474 5.5,7.00461102 L5.5,4.5 L9.00952148,4.5 C9.28040529,4.5 9.5,4.28596497 9.5,3.99531555 L9.5,3.00468445 C9.5,2.72595492 9.28494263,2.5 9.00952148,2.5 L5.5,2.5 L5.5,0 L3.5,0 L3.5,2.5 L0,2.5 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-36" fill="url(#linearGradient-8)" points="0 3 4 3 4 2.5 4 0 5 0 5 2.5 5 3 9 3 9 4 5 4 5 4.5 5 7 4 7 4 4.5 4 4 0 4"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/FM.svg b/public/assets/images/flags/FM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..befd157c0a0743de85cae91f3c144a830292bf6c
--- /dev/null
+++ b/public/assets/images/flags/FM.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>FM</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#95CEF5" offset="0%"></stop>
+            <stop stop-color="#78B3DC" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="FM">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M10.5,4.31999999 L9.3244295,5.11803399 L9.72013366,3.75339393 L8.59788697,2.88196601 L10.0180161,2.83660607 L10.5,1.5 L10.9819839,2.83660607 L12.402113,2.88196601 L11.2798663,3.75339393 L11.6755705,5.11803399 L10.5,4.31999999 Z M10.5,12.32 L9.3244295,13.118034 L9.72013366,11.7533939 L8.59788697,10.881966 L10.0180161,10.8366061 L10.5,9.5 L10.9819839,10.8366061 L12.402113,10.881966 L11.2798663,11.7533939 L11.6755705,13.118034 L10.5,12.32 Z M14.5,8.31999999 L13.3244295,9.11803399 L13.7201337,7.75339393 L12.597887,6.88196601 L14.0180161,6.83660607 L14.5,5.5 L14.9819839,6.83660607 L16.402113,6.88196601 L15.2798663,7.75339393 L15.6755705,9.11803399 L14.5,8.31999999 Z M6.5,8.31999999 L5.3244295,9.11803399 L5.72013366,7.75339393 L4.59788697,6.88196601 L6.0180161,6.83660607 L6.5,5.5 L6.9819839,6.83660607 L8.40211303,6.88196601 L7.27986634,7.75339393 L7.6755705,9.11803399 L6.5,8.31999999 Z" id="Star-33" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/FO.svg b/public/assets/images/flags/FO.svg
new file mode 100644
index 0000000000000000000000000000000000000000..77618c05e407184fb280092b8abeff47f681bf09
--- /dev/null
+++ b/public/assets/images/flags/FO.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>FO</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1879D6" offset="0%"></stop>
+            <stop stop-color="#0F67BB" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#F13E4F" offset="0%"></stop>
+            <stop stop-color="#EB2D3F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="FO">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-2)" points="0 9 6 9 6 15 9 15 9 9 21 9 21 6 9 6 9 0 6 0 6 6 0 6"></polygon>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" points="0 8 7 8 7 15 8 15 8 8 21 8 21 7 8 7 8 0 7 0 7 7 0 7"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/FR.svg b/public/assets/images/flags/FR.svg
new file mode 100644
index 0000000000000000000000000000000000000000..940de616984491759bcc373f1017b2c576722042
--- /dev/null
+++ b/public/assets/images/flags/FR.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>FR</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F44653" offset="0%"></stop>
+            <stop stop-color="#EE2A39" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#1035BB" offset="0%"></stop>
+            <stop stop-color="#042396" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="FR">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-1)" x="7" y="0" width="7" height="15"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GA.svg b/public/assets/images/flags/GA.svg
new file mode 100644
index 0000000000000000000000000000000000000000..45c6808708199e234d7166cd89a0ad6904d6dc5d
--- /dev/null
+++ b/public/assets/images/flags/GA.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GA</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#09B470" offset="0%"></stop>
+            <stop stop-color="#019F60" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#508CDE" offset="0%"></stop>
+            <stop stop-color="#3A75C5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD935" offset="0%"></stop>
+            <stop stop-color="#FDD216" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GA">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="5" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GB-ENG.svg b/public/assets/images/flags/GB-ENG.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f032cb445bb7c8b8a2051217fe5ab32db44c10cb
--- /dev/null
+++ b/public/assets/images/flags/GB-ENG.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GB-ENG</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E82739" offset="0%"></stop>
+            <stop stop-color="#CA1A2B" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GB-ENG">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M9,6 L0,6 L0,9 L9,9 L9,15 L12,15 L12,9 L21,9 L21,6 L12,6 L12,0 L9,0 L9,6 Z" id="Rectangle-2" fill="url(#linearGradient-2)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GB-NIR.svg b/public/assets/images/flags/GB-NIR.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5d04864f51242f4a5ad5808a0c897ccf42bb5049
--- /dev/null
+++ b/public/assets/images/flags/GB-NIR.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GB-NIR</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E82739" offset="0%"></stop>
+            <stop stop-color="#CA1A2B" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E6101E" offset="0%"></stop>
+            <stop stop-color="#CA0814" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD148" offset="0%"></stop>
+            <stop stop-color="#FFCB2F" offset="100%"></stop>
+        </linearGradient>
+        <path d="M9,3.75 L10,4 L10.5,3.5 L11,4 L12,3.75 L11.596405,4.75898743 C11.543162,4.892095 11.3924713,5 11.2547607,5 L9.74523926,5 C9.60979736,5 9.46076584,4.9019146 9.40359497,4.75898743 L9,3.75 Z M10.5,3 C10.2238576,3 10,2.77614237 10,2.5 C10,2.22385763 10.2238576,2 10.5,2 C10.7761424,2 11,2.22385763 11,2.5 C11,2.77614237 10.7761424,3 10.5,3 Z" id="path-5"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GB-NIR">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M9,6 L0,6 L0,9 L9,9 L9,15 L12,15 L12,9 L21,9 L21,6 L12,6 L12,0 L9,0 L9,6 Z" id="Rectangle-2" fill="url(#linearGradient-2)"></path>
+            <polygon id="Star" fill="url(#linearGradient-1)" points="11.5164945 9.26062019 10.5 11 9.48350546 9.26062019 7.46891109 9.25 8.46701092 7.5 7.46891109 5.75 9.48350546 5.73937981 10.5 4 11.5164945 5.73937981 13.5310889 5.75 12.5329891 7.5 13.5310889 9.25"></polygon>
+            <path d="M9.55059123,7.0059123 C9.52265047,6.72650465 9.70856857,6.43047714 9.97460938,6.34179688 L10.5253906,6.15820313 C10.7875101,6.07082995 11,6.22133017 11,6.50783157 L11,7.5 C11,7.5 11.3211384,6.46341503 11.5000001,7 C11.6788617,7.53658497 11.3721481,8.52641098 11.3721481,8.52641098 C11.3046876,8.78796697 11.0286698,9 10.7421684,9 L10.2578316,9 C9.97736394,9 9.72692871,8.76928711 9.69940877,8.4940877 L9.55059123,7.0059123 Z" id="Rectangle" fill="url(#linearGradient-3)"></path>
+            <path d="M10.4992381,2.90843608 C9.98856711,2.90843608 9.53335377,3.21158862 9.33161539,3.67111702 L9.2311203,3.90002909 L9.68894444,4.10101928 L9.78943954,3.87210721 C9.9121134,3.59267537 10.1887668,3.40843608 10.4992381,3.40843608 C10.8075103,3.40843608 11.0825571,3.59005825 11.2065575,3.86652051 L11.3088688,4.09462659 L11.765081,3.89000386 L11.6627696,3.66189778 C11.4588692,3.20729607 11.0062786,2.90843608 10.4992381,2.90843608 Z" id="Oval" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <mask id="mask-6" fill="white">
+                <use xlink:href="#path-5"></use>
+            </mask>
+            <use id="Combined-Shape" fill="url(#linearGradient-4)" xlink:href="#path-5"></use>
+            <circle id="Oval-7" fill="#5169E2" mask="url(#mask-6)" cx="10.5" cy="4.5" r="1"></circle>
+            <circle id="Oval-7-Copy" fill="#D34D43" mask="url(#mask-6)" cx="11.5" cy="4.5" r="1"></circle>
+            <circle id="Oval-7-Copy-2" fill="#D34D43" mask="url(#mask-6)" cx="9.5" cy="4.5" r="1"></circle>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GB-SCT.svg b/public/assets/images/flags/GB-SCT.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6aabe99642604d84403cee5e23c32d7c90bc4e88
--- /dev/null
+++ b/public/assets/images/flags/GB-SCT.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GB-SCT</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1479D0" offset="0%"></stop>
+            <stop stop-color="#0A68BA" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GB-SCT">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0.000237781813" y="-0.00266538434" width="21" height="15"></rect>
+            <path d="M10.5002378,6.29111667 L-0.961614117,-1.44000006 L-2.07999992,0.218075088 L8.71194613,7.49733462 L-2.07999992,14.7765941 L-0.961614117,16.4346693 L10.5002378,8.70355256 L21.9620897,16.4346693 L23.0804755,14.7765941 L12.2885294,7.49733462 L23.0804755,0.218075088 L21.9620897,-1.44000006 L10.5002378,6.29111667 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GB-WLS.svg b/public/assets/images/flags/GB-WLS.svg
new file mode 100644
index 0000000000000000000000000000000000000000..607b333068db6ec4c8832701b6c55fc2b138c7ac
--- /dev/null
+++ b/public/assets/images/flags/GB-WLS.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GB-WLS</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#3ACC55" offset="0%"></stop>
+            <stop stop-color="#28A940" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E91C44" offset="0%"></stop>
+            <stop stop-color="#D20F35" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GB-WLS">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="7" width="21" height="8"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="7"></rect>
+            <path d="M8.06628418,11.395874 L9.30249023,11.1851807 L8.34521484,10.7337646 L9,10.3668213 C9,10.3668213 10.1035156,11.2986247 10.1035156,11 C10.1035156,10.6791329 11.1416714,10.8194553 11.1000977,10.3668213 C11.0432104,9.74746167 9.95119584,10.3214459 9.75622559,9.54724121 C9.64733416,9.11484575 9.30249023,9.16992188 9.30249023,9.16992188 L8.20288086,9.54724121 L7.65527344,10.3668213 L7.38330078,9.54724121 C7.38330078,9.54724121 6.74137875,10.0689534 6.52783203,10.3668213 C6.29960629,10.6851643 6.0579834,11.395874 6.0579834,11.395874 L7.17956543,11.864624 L5.54394531,11.576416 L4.35046387,11.864624 L3.61779785,12.0683594 L3.93957519,11.7303467 L3.28332519,11.395874 L3.93957519,11 L3.61779785,10.7337646 L5.0357666,11 C5.0357666,11 5.55399118,10.9479157 5.74987793,10.7337646 C5.99694366,10.4636628 6.19091797,9.54724121 6.19091797,9.54724121 L5.54394531,9.16992188 L5.0357666,10.0913086 C5.0357666,10.0913086 4.68520285,9.21964588 4.35046387,8.73120117 C4.10105571,8.36726958 3.2833252,7.53417969 3.2833252,7.53417969 L2.22875977,8.08874512 L2.81677246,6.91625977 C2.81677246,6.91625977 3.2833252,6.50878906 2.98693848,6.09094238 C2.69055176,5.6730957 2.44165039,4.73779297 2.44165039,4.73779297 C2.44165039,4.73779297 3.05961179,5.80919661 3.2833252,5.72631836 C3.5998317,5.60906341 2.88877055,4.63166458 3.2833252,4.4576416 C3.56723947,4.33241786 3.61779785,5.578125 3.61779785,5.578125 L3.9395752,4.96691895 L3.9395752,5.72631836 C3.9395752,5.72631836 3.7527269,6.63385776 4.0703125,7.1730957 C4.3878981,7.71233364 5.33093262,8.08874512 5.33093262,8.08874512 C5.33093262,8.08874512 5.08564956,7.54767013 5.33093262,6.50878906 C5.49693703,5.80568773 6.08746111,4.60596359 6.36462402,4.22155762 C6.5110631,4.01845664 5.1932373,4.96691895 5.1932373,4.96691895 L5.1932373,4.22155762 L3.9395752,4.09301758 L3.61779785,4.4576416 L2.81677246,3.14379883 L3.81347656,3.64501953 L5.33093262,3.64501953 L5.0357666,3.28271484 L3.81347656,3.28271484 C3.81347656,3.28271484 4.0703125,2.75366211 5.33093262,2.75366211 L5.92700195,2.34863281 C5.92700195,2.34863281 6.74200512,2.37187253 7.20062048,2.38933596 C7.60915183,2.40489226 8.34521484,1.88671875 8.34521484,1.88671875 L8.55236816,2.38933593 L8.06628418,3.14379883 L8.55236816,3.64501953 L8.34521484,3.95410156 L8.70166016,4.4576416 L8.06628418,4.4576416 L8.55236816,5.24121094 L8.06628418,4.96691895 L8.34521484,5.72631836 L8.06628418,6.50878906 L9.30249023,6.09094238 C9.30249023,6.09094238 9.30249023,4.96691895 9.75622559,4.4576416 C11.1418349,3.03637796 13.4012451,1.88671875 13.4012451,1.88671875 C13.4012451,1.88671875 13.2815517,2.91907328 13.6158447,3 C14.1012173,3.11750054 16.2209473,2.14953613 16.2209473,2.14953613 C16.2209473,2.14953613 14.9473885,3.52037394 15.2081299,3.64501953 C15.34859,3.7121655 15.5820312,3.95410156 15.5820312,3.95410156 C15.5820312,3.95410156 14.4812168,4.85394638 14.2972412,5.24121094 C14.1132657,5.6284755 14.5668945,6.09094238 14.5668945,6.09094238 C14.5668945,6.09094238 13.6158447,6.09094238 13.1419678,6.50878906 C14.5668945,6.50878906 15.732451,7.18421295 16.4223633,6.68591309 C16.8846879,6.35199196 14.7669351,6.56041624 15.0449219,5.72631836 C15.1480802,5.41679225 15.4176025,5.05848575 16.034668,4.96691895 C16.6517334,4.87535214 16.8703613,5.24121094 16.8703613,5.24121094 L17.2025146,4.73779297 L16.2209473,4.73779297 L18,3 L18.2316895,5.24121094 L17.6297607,4.73779297 C17.6297607,4.73779297 17.3599854,5.578125 17.3599854,5.578125 C18,7.53417969 15.0449219,7.94995117 15.0449219,7.94995117 L16.8703613,9.16992188 L16.2209473,9.35632324 L16.034668,11.1851807 L16.8703613,11.864624 L15.7718506,11.576416 L13.6158447,12.0683594 L14.0447998,11.395874 L13.1419678,11.576416 L13.7449951,11 L13.1419678,10.7337646 L13.9128418,10.5196533 L14.8840332,11.1851807 C14.8840332,11.1851807 15.3644104,10.5632969 15.4176025,10.2325439 C15.4724426,9.89154393 15.2081299,9.16992188 15.2081299,9.16992188 C15.2081299,9.16992188 13.7774063,9.13987452 13.2727051,9.01477051 C12.7680039,8.8896665 12.4764404,8.49279785 12.4764404,8.49279785 L11.9034424,9.16992188 C11.9034424,9.16992188 13.9000942,9.91811277 13.4012451,10.2325439 C13.2854013,10.3055618 12.7137451,10.0913086 12.7137451,10.0913086 C12.7137451,10.0913086 11.7298542,11.2417831 11.1000977,11.395874 C10.8135113,11.4659969 11.9034424,11.864624 11.9034424,11.864624 C11.9034424,11.864624 10.9727612,11.7172009 10.5,11.576416 C10.0049471,11.4289929 8.55236816,11.864624 8.55236816,11.864624 L8.06628418,11.395874 Z M16.0865479,6.0526123 C16.224619,6.0526123 16.3365479,5.94068349 16.3365479,5.8026123 C16.3365479,5.66454112 16.224619,5.5526123 16.0865479,5.5526123 C15.9484767,5.5526123 15.8365479,5.66454112 15.8365479,5.8026123 C15.8365479,5.94068349 15.9484767,6.0526123 16.0865479,6.0526123 Z" id="Combined-Shape" fill="url(#linearGradient-3)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GB-ZET.svg b/public/assets/images/flags/GB-ZET.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7080d48bc2ee442d7de5d3d6b35f338f3a240c36
--- /dev/null
+++ b/public/assets/images/flags/GB-ZET.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GB-ZET</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#187AE5" offset="0%"></stop>
+            <stop stop-color="#0F68C9" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GB-ZET">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-1)" points="0 9 6 9 6 15 9 15 9 9 21 9 21 6 9 6 9 0 6 0 6 6 0 6"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GB.svg b/public/assets/images/flags/GB.svg
new file mode 100644
index 0000000000000000000000000000000000000000..679d27c75e655a8891e5509e2fa1a7725249a94b
--- /dev/null
+++ b/public/assets/images/flags/GB.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GB</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0A17A7" offset="0%"></stop>
+            <stop stop-color="#030E88" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E6273E" offset="0%"></stop>
+            <stop stop-color="#CF152B" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GB">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="-0.00188732147" y="0" width="21" height="15"></rect>
+            <path d="M5.00341861,10 L-0.00188732147,10 L-0.00188732147,5 L5.00341861,5 L-2.08212503,0.220740472 L-0.96373922,-1.43733467 L7.99811268,4.60751076 L7.99811268,-1 L12.9981127,-1 L12.9981127,4.60751076 L21.9599646,-1.43733467 L23.0783504,0.220740472 L15.9928067,5 L20.9981127,5 L20.9981127,10 L15.9928067,10 L23.0783504,14.7792595 L21.9599646,16.4373347 L12.9981127,10.3924892 L12.9981127,16 L7.99811268,16 L7.99811268,10.3924892 L-0.96373922,16.4373347 L-2.08212503,14.7792595 L5.00341861,10 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <path d="M14.1364901,4.95800192 L23.6355136,-1.29114359 C23.7508618,-1.367028 23.7828535,-1.52205266 23.7069691,-1.63740087 C23.6310847,-1.75274908 23.47606,-1.78474082 23.3607118,-1.70885641 L13.8616884,4.5402891 C13.7463402,4.6161735 13.7143484,4.77119817 13.7902328,4.88654638 C13.8661172,5.00189459 14.0211419,5.03388632 14.1364901,4.95800192 Z" id="Line" fill="#DB1F35" fill-rule="nonzero"></path>
+            <path d="M14.8679651,10.4804377 L23.383346,16.2200617 C23.4978376,16.2972325 23.6532106,16.266978 23.7303814,16.1524864 C23.8075522,16.0379948 23.7772977,15.8826218 23.6628061,15.805451 L15.1474253,10.065827 C15.0329337,9.98865619 14.8775606,10.0189107 14.8003898,10.1334023 C14.7232191,10.2478938 14.7534735,10.4032669 14.8679651,10.4804377 Z" id="Line-Copy-2" fill="#DB1F35" fill-rule="nonzero"></path>
+            <path d="M6.14197982,4.5255348 L-2.74028336,-1.46054919 C-2.8547799,-1.53771262 -3.01015101,-1.50744816 -3.08731444,-1.39295161 C-3.16447787,-1.27845507 -3.13421341,-1.12308397 -3.01971687,-1.04592054 L5.86254632,4.94016345 C5.97704286,5.01732688 6.13241396,4.98706241 6.20957739,4.87256587 C6.28674083,4.75806933 6.25647636,4.60269823 6.14197982,4.5255348 Z" id="Line-Copy" fill="#DB1F35" fill-rule="nonzero"></path>
+            <path d="M6.82747404,9.99532456 L-3.01816805,16.5244994 C-3.13323644,16.6008074 -3.16465792,16.7559487 -3.08834987,16.8710171 C-3.01204183,16.9860854 -2.85690058,17.0175069 -2.74183218,16.9411989 L7.10380991,10.4120241 C7.2188783,10.335716 7.25029978,10.1805748 7.17399174,10.0655064 C7.09768369,9.95043799 6.94254244,9.91901651 6.82747404,9.99532456 Z" id="Line-Copy-3" fill="#DB1F35" fill-rule="nonzero"></path>
+            <polygon id="Rectangle-2-Copy-3" fill="url(#linearGradient-3)" points="-0.00188732147 9 8.99811268 9 8.99811268 15 11.9981127 15 11.9981127 9 20.9981127 9 20.9981127 6 11.9981127 6 11.9981127 0 8.99811268 0 8.99811268 6 -0.00188732147 6"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GD.svg b/public/assets/images/flags/GD.svg
new file mode 100644
index 0000000000000000000000000000000000000000..210dc3fd885dd063a338dbc8c9519d98eb7bfb59
--- /dev/null
+++ b/public/assets/images/flags/GD.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GD</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E42235" offset="0%"></stop>
+            <stop stop-color="#CE1225" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#079B77" offset="0%"></stop>
+            <stop stop-color="#007B5D" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-4" x="0" y="0" width="17" height="11"></rect>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#FFD938" offset="0%"></stop>
+            <stop stop-color="#FDD117" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#FFD93B" offset="0%"></stop>
+            <stop stop-color="#FDD117" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-8">
+            <stop stop-color="#E21C30" offset="0%"></stop>
+            <stop stop-color="#CE1225" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GD">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <g id="Rectangle-1128" transform="translate(2.000000, 2.000000)">
+                <mask id="mask-5" fill="white">
+                    <use xlink:href="#path-4"></use>
+                </mask>
+                <use id="Mask" fill="url(#linearGradient-3)" xlink:href="#path-4"></use>
+                <path d="M1.2948789,5.59885368 C1.57800611,6.05195195 1.98448743,6.3510373 2.36308877,6.42779338 C2.57152317,6.47005051 2.18990286,5.51415964 2.35620138,5.41024479 C2.49809484,5.32157992 3.18079024,6.11649051 3.24057126,5.95064666 C3.37811632,5.56907067 3.29697727,5.02872102 2.99097509,4.53901516 C2.5519756,3.83646911 2.53483743,4.30016223 1.3480481,3.79686228 C1.47213428,4.51662311 0.855879404,4.89630764 1.2948789,5.59885368 L1.2948789,5.59885368 Z" id="Oval-180" fill="url(#linearGradient-6)" mask="url(#mask-5)"></path>
+                <path d="M0,0 L17,0 L8.5,5.5 L0,0 Z M0,11 L8.5,5.5 L17,11 L0,11 Z" id="Rectangle-1129" fill="url(#linearGradient-7)" mask="url(#mask-5)"></path>
+                <circle id="Oval-179" fill="url(#linearGradient-8)" mask="url(#mask-5)" cx="8.5" cy="5.5" r="2.5"></circle>
+                <polygon id="Star-96" fill="url(#linearGradient-6)" mask="url(#mask-5)" points="8.5 6.27129709 7.3244295 7.11803399 7.76645288 5.73834391 6.59788697 4.88196601 8.04664295 4.87600755 8.5 3.5 8.95335705 4.87600755 10.402113 4.88196601 9.23354712 5.73834391 9.6755705 7.11803399"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GE.svg b/public/assets/images/flags/GE.svg
new file mode 100644
index 0000000000000000000000000000000000000000..818f3f5b5057196073b26563bba79c3fd9a082da
--- /dev/null
+++ b/public/assets/images/flags/GE.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GE</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FF2B37" offset="0%"></stop>
+            <stop stop-color="#FD0D1B" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GE">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M9,6 L0,6 L0,9 L9,9 L9,15 L12,15 L12,9 L21,9 L21,6 L12,6 L12,0 L9,0 L9,6 Z" id="Rectangle-2" fill="url(#linearGradient-2)"></path>
+            <path d="M16.2,2.7 L16,1.5 L17,1.5 L16.8,2.7 L18,2.5 L18,3.5 L16.8,3.3 L17,4.5 L16,4.5 L16.2,3.3 L15,3.5 L15,2.5 L16.2,2.7 Z" id="Rectangle-742" fill="#FD0D1B"></path>
+            <path d="M4.2,2.7 L4,1.5 L5,1.5 L4.8,2.7 L6,2.5 L6,3.5 L4.8,3.3 L5,4.5 L4,4.5 L4.2,3.3 L3,3.5 L3,2.5 L4.2,2.7 Z" id="Rectangle-742" fill="#FD0D1B"></path>
+            <path d="M4.2,11.7 L4,10.5 L5,10.5 L4.8,11.7 L6,11.5 L6,12.5 L4.8,12.3 L5,13.5 L4,13.5 L4.2,12.3 L3,12.5 L3,11.5 L4.2,11.7 Z" id="Rectangle-742" fill="#FD0D1B"></path>
+            <path d="M16.2,11.7 L16,10.5 L17,10.5 L16.8,11.7 L18,11.5 L18,12.5 L16.8,12.3 L17,13.5 L16,13.5 L16.2,12.3 L15,12.5 L15,11.5 L16.2,11.7 Z" id="Rectangle-742" fill="#FD0D1B"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GF.svg b/public/assets/images/flags/GF.svg
new file mode 100644
index 0000000000000000000000000000000000000000..bae1448dc805c0493b98991065a1886165e3e60a
--- /dev/null
+++ b/public/assets/images/flags/GF.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GF</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#2DA446" offset="0%"></stop>
+            <stop stop-color="#218736" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFE24A" offset="0%"></stop>
+            <stop stop-color="#FCDC34" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#E7242C" offset="0%"></stop>
+            <stop stop-color="#D61C24" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GF">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" points="0 0 21 15 0 15"></polygon>
+            <polygon id="Star-53" fill="url(#linearGradient-4)" points="10.5 9.07346292 8.66317109 10.4031781 9.36019403 8.24534541 7.52794839 6.90932189 9.79556117 6.90542313 10.5 4.75 11.2044388 6.90542313 13.4720516 6.90932189 11.639806 8.24534541 12.3368289 10.4031781"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GG.svg b/public/assets/images/flags/GG.svg
new file mode 100644
index 0000000000000000000000000000000000000000..fa4285352206efab566163832a21975e890061f1
--- /dev/null
+++ b/public/assets/images/flags/GG.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GG</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F33349" offset="0%"></stop>
+            <stop stop-color="#E51D34" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FCE24C" offset="0%"></stop>
+            <stop stop-color="#F9DC38" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GG">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M9,6 L0,6 L0,9 L9,9 L9,15 L12,15 L12,9 L21,9 L21,6 L12,6 L12,0 L9,0 L9,6 Z" id="Rectangle-2" fill="url(#linearGradient-2)"></path>
+            <path d="M10,8 L10,12 L9.5,13 L11.5,13 L11,12 L11,8 L15,8 L16,8.5 L16,6.5 L15,7 L11,7 L11,3 L11.5,2 L9.5,2 L10,3 L10,7 L6,7 L5,6.5 L5,8.5 L6,8 L10,8 Z" id="Combined-Shape" fill="url(#linearGradient-3)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GH.svg b/public/assets/images/flags/GH.svg
new file mode 100644
index 0000000000000000000000000000000000000000..528473ff24c1f5d9dcc6a9a53457f0b0ef8b68d9
--- /dev/null
+++ b/public/assets/images/flags/GH.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GH</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E71F37" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#118B56" offset="0%"></stop>
+            <stop stop-color="#0B6B41" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FDD64C" offset="0%"></stop>
+            <stop stop-color="#FCD036" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GH">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="5" width="21" height="5"></rect>
+            <polygon id="Star-53" fill="url(#linearGradient-5)" points="10.5 8.70877033 9.03053687 9.77254249 9.58815523 8.04627633 8.12235871 6.97745751 9.93644894 6.97433851 10.5 5.25 11.0635511 6.97433851 12.8776413 6.97745751 11.4118448 8.04627633 11.9694631 9.77254249"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GI.svg b/public/assets/images/flags/GI.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ecd8530aa1305487c4cffad0e152a44d6d86a905
--- /dev/null
+++ b/public/assets/images/flags/GI.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GI</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E71924" offset="0%"></stop>
+            <stop stop-color="#D6101B" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#EA1824" offset="0%"></stop>
+            <stop stop-color="#D6101B" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#ECCE3E" offset="0%"></stop>
+            <stop stop-color="#D9BC2D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GI">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="10"></rect>
+            <rect id="Combined-Shape" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <path d="M9,6 L8,6 L8,4.49047852 C8,4.21505737 7.77404508,4 7.49531555,4 L6.50468445,4 C6.21403503,4 6,4.21959471 6,4.49047852 L6,6.75476074 L6,8 L5,9 L16,9 L15,8 L15,6.75476074 L15,4.49047852 C15,4.21505737 14.7740451,4 14.4953156,4 L13.5046844,4 C13.214035,4 13,4.21959471 13,4.49047852 L13,6 L12,6 L12,3.49047852 C12,3.21505737 11.7782068,3 11.504611,3 L9.49538898,3 C9.2157526,3 9,3.21959471 9,3.49047852 L9,6 Z" id="Combined-Shape" fill="url(#linearGradient-3)"></path>
+            <path d="M7,8 C6.72385763,8 6.5,7.77614237 6.5,7.5 C6.5,7.22385763 6.72385763,7 7,7 C7.27614237,7 7.5,7.22385763 7.5,7.5 C7.5,7.77614237 7.27614237,8 7,8 Z M7,6 C6.72385763,6 6.5,5.77614237 6.5,5.5 C6.5,5.22385763 6.72385763,5 7,5 C7.27614237,5 7.5,5.22385763 7.5,5.5 C7.5,5.77614237 7.27614237,6 7,6 Z M10.5,8 C10.2238576,8 10,7.77614237 10,7.5 C10,7.22385763 10.2238576,7 10.5,7 C10.7761424,7 11,7.22385763 11,7.5 C11,7.77614237 10.7761424,8 10.5,8 Z M10.5,5 C10.2238576,5 10,4.77614237 10,4.5 C10,4.22385763 10.2238576,4 10.5,4 C10.7761424,4 11,4.22385763 11,4.5 C11,4.77614237 10.7761424,5 10.5,5 Z M14,8 C13.7238576,8 13.5,7.77614237 13.5,7.5 C13.5,7.22385763 13.7238576,7 14,7 C14.2761424,7 14.5,7.22385763 14.5,7.5 C14.5,7.77614237 14.2761424,8 14,8 Z M14,6 C13.7238576,6 13.5,5.77614237 13.5,5.5 C13.5,5.22385763 13.7238576,5 14,5 C14.2761424,5 14.5,5.22385763 14.5,5.5 C14.5,5.77614237 14.2761424,6 14,6 Z" id="Combined-Shape" fill="url(#linearGradient-4)"></path>
+            <path d="M10,9.9430981 L10,12 L9,12 L9,13 L11,13 L11,9.9430981 C11.5825962,9.80581929 12,9.43540628 12,9 C12,8.44771525 11.3284271,8 10.5,8 C9.67157288,8 9,8.44771525 9,9 C9,9.43540628 9.41740381,9.80581929 10,9.9430981 Z" id="Combined-Shape" fill="url(#linearGradient-5)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GL.svg b/public/assets/images/flags/GL.svg
new file mode 100644
index 0000000000000000000000000000000000000000..33b2233374f1cac180f9ea2030b149b6f80f49e4
--- /dev/null
+++ b/public/assets/images/flags/GL.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GL</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-2" x="0" y="0" width="21" height="8"></rect>
+        <filter x="-3.6%" y="-9.4%" width="107.1%" height="118.8%" filterUnits="objectBoundingBox" id="filter-3">
+            <feMorphology radius="0.25" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#E82245" offset="0%"></stop>
+            <stop stop-color="#CC1838" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GL">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <g id="Rectangle-2">
+                <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-2"></use>
+            </g>
+            <path d="M3,8 L0,8 L0,15 L21,15 L21,8 L11,8 C11,5.790861 9.209139,4 7,4 C4.790861,4 3,5.790861 3,8 Z" id="Combined-Shape" fill="url(#linearGradient-4)"></path>
+            <path d="M3,8 C3,10.209139 4.790861,12 7,12 C9.209139,12 11,10.209139 11,8 L3,8 Z" id="Combined-Shape" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GM.svg b/public/assets/images/flags/GM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b6330f523aa7fbc551e00b5093697a32275a50e3
--- /dev/null
+++ b/public/assets/images/flags/GM.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GM</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#DF2237" offset="0%"></stop>
+            <stop stop-color="#CE1126" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#4B9334" offset="0%"></stop>
+            <stop stop-color="#3B7828" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#1526A7" offset="0%"></stop>
+            <stop stop-color="#0C1B8D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GM">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-4)" x="0" y="6" width="21" height="3"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GN.svg b/public/assets/images/flags/GN.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2d20595ea0a867455aaabece7653802fc890e681
--- /dev/null
+++ b/public/assets/images/flags/GN.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GN</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1DBE5E" offset="0%"></stop>
+            <stop stop-color="#169E4D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E72B42" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD952" offset="0%"></stop>
+            <stop stop-color="#FCD036" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GN">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-4)" x="7" y="0" width="7" height="15"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GP.svg b/public/assets/images/flags/GP.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3dbdcc132fa15d1d40dc615af0965b097e062560
--- /dev/null
+++ b/public/assets/images/flags/GP.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GP</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#25A057" offset="0%"></stop>
+            <stop stop-color="#1C8245" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#31B8F4" offset="0%"></stop>
+            <stop stop-color="#1EA2DC" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFE149" offset="0%"></stop>
+            <stop stop-color="#FFDD32" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GP">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <g id="Group-2" transform="translate(6.000000, 0.800000)">
+                <g id="Group" transform="translate(0.000000, 2.202017)">
+                    <rect id="Rectangle-1381" fill="url(#linearGradient-2)" x="2" y="0" width="5" height="5" rx="0.25"></rect>
+                    <path d="M2,0.241160393 C2,0.107971186 2.11539841,0 2.25021791,0 L5.74978209,0 C5.88797362,0 5.94445552,0.0935245553 5.87531119,0.209948243 L4.53753662,2.46246338 L2.18249338,2.81750662 L2.02093431,4.74964026 C2.00937261,4.88791013 2,4.89556789 2,4.75883961 L2,0.241160393 Z" id="Rectangle-1381-Copy-2" fill="url(#linearGradient-3)"></path>
+                    <circle id="Oval-274" fill="url(#linearGradient-4)" cx="2" cy="2" r="1.5"></circle>
+                </g>
+                <rect id="Rectangle-1381-Copy" fill="url(#linearGradient-4)" x="2" y="10.2020174" width="5" height="1" rx="0.25"></rect>
+                <path d="M2.14057143,8.15230314 L2.16,8.15230314 C2.2,8.15230314 2.23085714,8.19001742 2.23085714,8.24030314 L2.23085714,8.48601742 C2.23085714,8.52487456 2.25142857,8.55916028 2.304,8.55916028 L2.36342857,8.55916028 C2.36914286,8.55916028 2.37485714,8.55916028 2.37485714,8.55573171 C2.37485714,8.55230314 2.37028571,8.54773171 2.36571429,8.54316028 L2.32914286,8.50430314 C2.32342857,8.49858885 2.31885714,8.49173171 2.31885714,8.48373171 L2.31885714,8.24487456 C2.31885714,8.18201742 2.28457143,8.13744599 2.24571429,8.11687456 C2.28571429,8.09173171 2.33028571,8.04030314 2.33028571,7.91344599 C2.33028571,7.76487456 2.26857143,7.70201742 2.14971429,7.70201742 L2.00685714,7.70201742 C2.00228571,7.70201742 2,7.70544599 2,7.70887456 C2,7.71230314 2.00571429,7.71573171 2.008,7.71916028 L2.04228571,7.75230314 C2.05028571,7.76030314 2.05257143,7.77058885 2.05257143,7.78430314 L2.05257143,8.47687456 C2.05257143,8.49058885 2.05028571,8.50087456 2.04228571,8.50887456 L2.008,8.54201742 C2.00571429,8.54544599 2,8.54887456 2,8.55230314 C2,8.55573171 2.00228571,8.55916028 2.00685714,8.55916028 L2.18628571,8.55916028 C2.19085714,8.55916028 2.19314286,8.55573171 2.19314286,8.55230314 C2.19314286,8.54887456 2.18742857,8.54544599 2.18514286,8.54201742 L2.15085714,8.50887456 C2.14285714,8.50087456 2.14057143,8.49058885 2.14057143,8.47687456 L2.14057143,8.15230314 Z M2.14057143,7.75916028 L2.15771429,7.75916028 C2.21371429,7.75916028 2.23657143,7.79687456 2.23657143,7.91344599 C2.23657143,8.05058885 2.21371429,8.09516028 2.15771429,8.09516028 L2.14057143,8.09516028 L2.14057143,7.75916028 Z M2.52914286,7.75916028 L2.59428571,7.75916028 C2.60914286,7.75916028 2.61942857,7.76601742 2.624,7.78087456 L2.68571429,7.99573171 C2.68685714,8.00030314 2.69028571,8.00373171 2.69485714,8.00373171 C2.69828571,8.00373171 2.70057143,8.00144599 2.70057143,7.99687456 L2.70057143,7.71230314 C2.70057143,7.70658885 2.696,7.70201742 2.69142857,7.70201742 L2.39542857,7.70201742 C2.39085714,7.70201742 2.38857143,7.70544599 2.38857143,7.70887456 C2.38857143,7.71230314 2.39428571,7.71573171 2.39657143,7.71916028 L2.43085714,7.75230314 C2.43885714,7.76030314 2.44114286,7.77058885 2.44114286,7.78430314 L2.44114286,8.47687456 C2.44114286,8.49058885 2.43885714,8.50087456 2.43085714,8.50887456 L2.39657143,8.54201742 C2.39428571,8.54658885 2.38857143,8.54887456 2.38857143,8.55230314 C2.38857143,8.55573171 2.39085714,8.55916028 2.39542857,8.55916028 L2.69142857,8.55916028 C2.69714286,8.55916028 2.70057143,8.55458885 2.70057143,8.54887456 L2.70057143,8.26201742 C2.70057143,8.25858885 2.69828571,8.25516028 2.69485714,8.25516028 C2.69142857,8.25516028 2.688,8.25744599 2.68685714,8.26201742 L2.62514286,8.48144599 C2.62057143,8.49516028 2.60914286,8.50201742 2.59428571,8.50201742 L2.52914286,8.50201742 L2.52914286,8.15458885 L2.55428571,8.15458885 C2.56,8.15458885 2.56457143,8.15687456 2.56685714,8.16258885 L2.60571429,8.24601742 C2.608,8.25058885 2.60914286,8.25401742 2.61371429,8.25401742 C2.61714286,8.25401742 2.61828571,8.25173171 2.61828571,8.24830314 L2.61828571,8.00601742 C2.61828571,8.00144599 2.61714286,7.99916028 2.61371429,7.99916028 C2.61028571,7.99916028 2.60914286,8.00144599 2.60685714,8.00601742 L2.56685714,8.08601742 C2.56457143,8.09173171 2.56,8.09401742 2.55428571,8.09401742 L2.52914286,8.09401742 L2.52914286,7.75916028 Z M2.96914286,8.35001742 C2.96914286,8.45858885 2.944,8.50201742 2.90857143,8.50201742 C2.86742857,8.50201742 2.85371429,8.43801742 2.85371429,8.10887456 C2.85371429,7.86773171 2.86742857,7.75916028 2.91542857,7.75916028 C2.96571429,7.75916028 3.01485714,7.90658885 3.03885714,7.99230314 C3.04114286,7.99916028 3.04457143,8.00373171 3.04914286,8.00373171 C3.05257143,8.00373171 3.05485714,8.00030314 3.05485714,7.99573171 L3.05485714,7.72144599 C3.05485714,7.71001742 3.05257143,7.70201742 3.04685714,7.70201742 C3.04114286,7.70201742 3.03428571,7.70773171 3.024,7.71687456 C3.01257143,7.72716028 3.00114286,7.73516028 2.99542857,7.73516028 C2.99085714,7.73516028 2.98285714,7.73173171 2.97828571,7.72830314 C2.96685714,7.71916028 2.944,7.70201742 2.90628571,7.70201742 C2.76571429,7.70201742 2.76,7.96716028 2.76,8.10773171 C2.76,8.29858885 2.76571429,8.55916028 2.90857143,8.55916028 C2.93371429,8.55916028 2.95657143,8.54544599 2.98057143,8.52373171 C2.98514286,8.52030314 2.98857143,8.51916028 2.992,8.51916028 C2.99657143,8.51916028 2.99885714,8.52030314 3.00342857,8.52373171 L3.03771429,8.55458885 C3.04,8.55687456 3.04457143,8.55916028 3.04914286,8.55916028 C3.05257143,8.55916028 3.05485714,8.55687456 3.05485714,8.55344599 L3.05485714,8.19458885 C3.05485714,8.18316028 3.05828571,8.17516028 3.06628571,8.16944599 L3.09942857,8.14201742 C3.10285714,8.13744599 3.10514286,8.13516028 3.10514286,8.13058885 C3.10514286,8.12601742 3.10171429,8.12373171 3.09714286,8.12373171 L2.928,8.12373171 C2.92228571,8.12373171 2.91885714,8.12601742 2.91885714,8.13058885 C2.91885714,8.13516028 2.92,8.13744599 2.92457143,8.14201742 L2.95657143,8.16944599 C2.96457143,8.17630314 2.96914286,8.18316028 2.96914286,8.19458885 L2.96914286,8.35001742 Z M3.17142857,8.47687456 C3.17142857,8.49058885 3.16914286,8.50087456 3.16114286,8.50887456 L3.12685714,8.54201742 C3.12457143,8.54544599 3.11885714,8.54887456 3.11885714,8.55230314 C3.11885714,8.55573171 3.12114286,8.55916028 3.12571429,8.55916028 L3.30514286,8.55916028 C3.30971429,8.55916028 3.312,8.55573171 3.312,8.55230314 C3.312,8.54887456 3.30628571,8.54544599 3.304,8.54201742 L3.26971429,8.50887456 C3.26171429,8.50087456 3.25942857,8.49058885 3.25942857,8.47687456 L3.25942857,7.78430314 C3.25942857,7.77058885 3.26171429,7.76030314 3.26971429,7.75230314 L3.304,7.71916028 C3.30628571,7.71573171 3.312,7.71230314 3.312,7.70887456 C3.312,7.70544599 3.30971429,7.70201742 3.30514286,7.70201742 L3.12571429,7.70201742 C3.12114286,7.70201742 3.11885714,7.70544599 3.11885714,7.70887456 C3.11885714,7.71230314 3.12457143,7.71573171 3.12685714,7.71916028 L3.16114286,7.75230314 C3.16914286,7.76030314 3.17142857,7.77058885 3.17142857,7.78430314 L3.17142857,8.47687456 Z M3.50971429,7.70201742 C3.37257143,7.70201742 3.35771429,7.94316028 3.35771429,8.10773171 C3.35771429,8.32373171 3.37257143,8.55916028 3.50971429,8.55916028 C3.648,8.55916028 3.66285714,8.32373171 3.66285714,8.10773171 C3.66285714,7.94316028 3.648,7.70201742 3.50971429,7.70201742 L3.50971429,7.70201742 Z M3.50971429,7.75916028 C3.544,7.75916028 3.56914286,7.85516028 3.56914286,8.10887456 C3.56914286,8.40601742 3.544,8.50201742 3.50971429,8.50201742 C3.47657143,8.50201742 3.45142857,8.40601742 3.45142857,8.10887456 C3.45142857,7.85516028 3.47657143,7.75916028 3.50971429,7.75916028 L3.50971429,7.75916028 Z M3.75542857,8.47687456 C3.75542857,8.49058885 3.752,8.49973171 3.74514286,8.50887456 L3.71657143,8.54201742 C3.71428571,8.54544599 3.70857143,8.54887456 3.70857143,8.55344599 C3.70857143,8.55573171 3.71085714,8.55916028 3.71542857,8.55916028 L3.86628571,8.55916028 C3.87085714,8.55916028 3.87314286,8.55573171 3.87314286,8.55344599 C3.87314286,8.54887456 3.86857143,8.54544599 3.86514286,8.54201742 L3.83428571,8.50773171 C3.82628571,8.49973171 3.82285714,8.49058885 3.82285714,8.47687456 L3.82285714,7.90773171 L3.82514286,7.90773171 L3.95885714,8.53058885 C3.96228571,8.54773171 3.97142857,8.55916028 3.98171429,8.55916028 L4.02971429,8.55916028 C4.03771429,8.55916028 4.04114286,8.55458885 4.04114286,8.54658885 L4.04114286,7.78430314 C4.04114286,7.77058885 4.04457143,7.76144599 4.05142857,7.75230314 L4.08,7.71916028 C4.08342857,7.71573171 4.088,7.71230314 4.088,7.70773171 C4.088,7.70544599 4.08571429,7.70201742 4.08114286,7.70201742 L3.93028571,7.70201742 C3.92571429,7.70201742 3.92342857,7.70544599 3.92342857,7.70773171 C3.92342857,7.71230314 3.92914286,7.71573171 3.93142857,7.71916028 L3.96342857,7.75344599 C3.97142857,7.76144599 3.97371429,7.77058885 3.97371429,7.78430314 L3.97371429,8.21287456 L3.97142857,8.21287456 L3.86628571,7.72144599 C3.864,7.71001742 3.86057143,7.70201742 3.85257143,7.70201742 L3.71542857,7.70201742 C3.71085714,7.70201742 3.70857143,7.70544599 3.70857143,7.70773171 C3.70857143,7.71230314 3.71428571,7.71573171 3.71657143,7.71916028 L3.74514286,7.75230314 C3.752,7.76144599 3.75542857,7.77058885 3.75542857,7.78430314 L3.75542857,8.47687456 Z M2.22742857,9.49287456 C2.22742857,9.60144599 2.20228571,9.64487456 2.16685714,9.64487456 C2.12571429,9.64487456 2.112,9.58087456 2.112,9.25173171 C2.112,9.01058885 2.12571429,8.90201742 2.17371429,8.90201742 C2.224,8.90201742 2.27314286,9.04944599 2.29714286,9.13516028 C2.29942857,9.14201742 2.30285714,9.14658885 2.30742857,9.14658885 C2.31085714,9.14658885 2.31314286,9.14316028 2.31314286,9.13858885 L2.31314286,8.86430314 C2.31314286,8.85287456 2.31085714,8.84487456 2.30514286,8.84487456 C2.29942857,8.84487456 2.29257143,8.85058885 2.28228571,8.85973171 C2.27085714,8.87001742 2.25942857,8.87801742 2.25371429,8.87801742 C2.24914286,8.87801742 2.24114286,8.87458885 2.23657143,8.87116028 C2.22514286,8.86201742 2.20228571,8.84487456 2.16457143,8.84487456 C2.024,8.84487456 2.01828571,9.11001742 2.01828571,9.25058885 C2.01828571,9.44144599 2.024,9.70201742 2.16685714,9.70201742 C2.192,9.70201742 2.21485714,9.68830314 2.23885714,9.66658885 C2.24342857,9.66316028 2.24685714,9.66201742 2.25028571,9.66201742 C2.25485714,9.66201742 2.25714286,9.66316028 2.26171429,9.66658885 L2.296,9.69744599 C2.29828571,9.69973171 2.30285714,9.70201742 2.30742857,9.70201742 C2.31085714,9.70201742 2.31314286,9.69973171 2.31314286,9.69630314 L2.31314286,9.33744599 C2.31314286,9.32601742 2.31657143,9.31801742 2.32457143,9.31230314 L2.35771429,9.28487456 C2.36114286,9.28030314 2.36342857,9.27801742 2.36342857,9.27344599 C2.36342857,9.26887456 2.36,9.26658885 2.35542857,9.26658885 L2.18628571,9.26658885 C2.18057143,9.26658885 2.17714286,9.26887456 2.17714286,9.27344599 C2.17714286,9.27801742 2.17828571,9.28030314 2.18285714,9.28487456 L2.21485714,9.31230314 C2.22285714,9.31916028 2.22742857,9.32601742 2.22742857,9.33744599 L2.22742857,9.49287456 Z M2.41828571,9.57858885 C2.41828571,9.64944599 2.46514286,9.70201742 2.55542857,9.70201742 C2.63314286,9.70201742 2.688,9.64944599 2.688,9.57858885 L2.688,8.92716028 C2.688,8.91344599 2.69142857,8.90201742 2.69714286,8.89516028 L2.73257143,8.86201742 C2.736,8.85858885 2.73828571,8.85516028 2.73828571,8.85173171 C2.73828571,8.84830314 2.736,8.84487456 2.73142857,8.84487456 L2.57485714,8.84487456 C2.57028571,8.84487456 2.568,8.84830314 2.568,8.85173171 C2.568,8.85516028 2.57028571,8.85858885 2.57371429,8.86201742 L2.60914286,8.89516028 C2.616,8.90201742 2.61828571,8.91344599 2.61828571,8.92716028 L2.61828571,9.54887456 C2.61828571,9.59916028 2.60685714,9.64487456 2.56457143,9.64487456 C2.51085714,9.64487456 2.50628571,9.59916028 2.50628571,9.54887456 L2.50628571,8.92716028 C2.50628571,8.91344599 2.50971429,8.90201742 2.51542857,8.89516028 L2.55085714,8.86201742 C2.55428571,8.85858885 2.55657143,8.85516028 2.55657143,8.85173171 C2.55657143,8.84830314 2.55428571,8.84487456 2.54971429,8.84487456 L2.37485714,8.84487456 C2.37028571,8.84487456 2.368,8.84830314 2.368,8.85173171 C2.368,8.85516028 2.37028571,8.85858885 2.37371429,8.86201742 L2.40914286,8.89516028 C2.416,8.90201742 2.41828571,8.91344599 2.41828571,8.92716028 L2.41828571,9.57858885 Z M2.98514286,9.63116028 C2.98628571,9.64144599 2.984,9.64944599 2.97942857,9.65401742 L2.94857143,9.68487456 C2.94514286,9.68830314 2.94057143,9.69173171 2.94057143,9.69516028 C2.94057143,9.69858885 2.94285714,9.70201742 2.94857143,9.70201742 L3.11314286,9.70201742 C3.11885714,9.70201742 3.12114286,9.69858885 3.12114286,9.69516028 C3.12114286,9.69173171 3.11771429,9.68830314 3.11428571,9.68487456 L3.08114286,9.65516028 C3.07314286,9.64830314 3.06971429,9.63573171 3.06857143,9.62430314 L2.96,8.85744599 C2.95885714,8.85058885 2.95542857,8.84487456 2.94971429,8.84487456 L2.90742857,8.84487456 C2.90171429,8.84487456 2.89942857,8.84944599 2.89828571,8.85516028 L2.79428571,9.62316028 C2.79314286,9.63344599 2.792,9.64487456 2.78514286,9.65173171 L2.75314286,9.68373171 C2.74971429,9.68716028 2.74514286,9.69173171 2.74514286,9.69516028 C2.74514286,9.69858885 2.74742857,9.70201742 2.752,9.70201742 L2.88342857,9.70201742 C2.88914286,9.70201742 2.89142857,9.69858885 2.89142857,9.69516028 C2.89142857,9.69173171 2.88457143,9.68716028 2.88,9.68144599 L2.85485714,9.65516028 C2.85028571,9.64944599 2.848,9.64258885 2.84914286,9.63458885 L2.86628571,9.50887456 C2.86742857,9.50430314 2.86971429,9.50087456 2.87314286,9.50087456 L2.95771429,9.50087456 C2.96342857,9.50087456 2.96685714,9.50544599 2.968,9.51116028 L2.98514286,9.63116028 Z M2.88,9.44030314 C2.87771429,9.44030314 2.87542857,9.43801742 2.87657143,9.43344599 L2.91428571,9.15230314 L2.91657143,9.15230314 L2.95657143,9.43230314 C2.95771429,9.43687456 2.95542857,9.44030314 2.952,9.44030314 L2.88,9.44030314 Z M3.18971429,9.61973171 C3.18971429,9.63344599 3.18742857,9.64373171 3.17942857,9.65173171 L3.14514286,9.68487456 C3.14285714,9.68944599 3.13714286,9.69173171 3.13714286,9.69516028 C3.13714286,9.69858885 3.13942857,9.70201742 3.144,9.70201742 L3.29485714,9.70201742 C3.41028571,9.70201742 3.47885714,9.62430314 3.47885714,9.25173171 C3.47885714,8.95573171 3.41028571,8.84487456 3.29485714,8.84487456 L3.144,8.84487456 C3.13942857,8.84487456 3.13714286,8.84830314 3.13714286,8.85173171 C3.13714286,8.85516028 3.14285714,8.85858885 3.14514286,8.86201742 L3.17942857,8.89516028 C3.18742857,8.90316028 3.18971429,8.91344599 3.18971429,8.92716028 L3.18971429,9.61973171 Z M3.27771429,8.90201742 L3.29828571,8.90201742 C3.34285714,8.90201742 3.38514286,8.94544599 3.38514286,9.25173171 C3.38514286,9.60144599 3.34285714,9.64487456 3.29828571,9.64487456 L3.27771429,9.64487456 L3.27771429,8.90201742 Z M3.66514286,8.90201742 L3.73028571,8.90201742 C3.74514286,8.90201742 3.75542857,8.90887456 3.76,8.92373171 L3.82171429,9.13858885 C3.82285714,9.14316028 3.82628571,9.14658885 3.83085714,9.14658885 C3.83428571,9.14658885 3.83657143,9.14430314 3.83657143,9.13973171 L3.83657143,8.85516028 C3.83657143,8.84944599 3.832,8.84487456 3.82742857,8.84487456 L3.53142857,8.84487456 C3.52685714,8.84487456 3.52457143,8.84830314 3.52457143,8.85173171 C3.52457143,8.85516028 3.53028571,8.85858885 3.53257143,8.86201742 L3.56685714,8.89516028 C3.57485714,8.90316028 3.57714286,8.91344599 3.57714286,8.92716028 L3.57714286,9.61973171 C3.57714286,9.63344599 3.57485714,9.64373171 3.56685714,9.65173171 L3.53257143,9.68487456 C3.53028571,9.68944599 3.52457143,9.69173171 3.52457143,9.69516028 C3.52457143,9.69858885 3.52685714,9.70201742 3.53142857,9.70201742 L3.82742857,9.70201742 C3.83314286,9.70201742 3.83657143,9.69744599 3.83657143,9.69173171 L3.83657143,9.40487456 C3.83657143,9.40144599 3.83428571,9.39801742 3.83085714,9.39801742 C3.82742857,9.39801742 3.824,9.40030314 3.82285714,9.40487456 L3.76114286,9.62430314 C3.75657143,9.63801742 3.74514286,9.64487456 3.73028571,9.64487456 L3.66514286,9.64487456 L3.66514286,9.29744599 L3.69028571,9.29744599 C3.696,9.29744599 3.70057143,9.29973171 3.70285714,9.30544599 L3.74171429,9.38887456 C3.744,9.39344599 3.74514286,9.39687456 3.74971429,9.39687456 C3.75314286,9.39687456 3.75428571,9.39458885 3.75428571,9.39116028 L3.75428571,9.14887456 C3.75428571,9.14430314 3.75314286,9.14201742 3.74971429,9.14201742 C3.74628571,9.14201742 3.74514286,9.14430314 3.74285714,9.14887456 L3.70285714,9.22887456 C3.70057143,9.23458885 3.696,9.23687456 3.69028571,9.23687456 L3.66514286,9.23687456 L3.66514286,8.90201742 Z M3.93028571,9.61973171 C3.93028571,9.63344599 3.928,9.64373171 3.92,9.65173171 L3.88571429,9.68487456 C3.88342857,9.68944599 3.87771429,9.69173171 3.87771429,9.69516028 C3.87771429,9.69858885 3.88,9.70201742 3.88457143,9.70201742 L4.16457143,9.70201742 C4.17371429,9.70201742 4.17714286,9.69630314 4.17714286,9.68601742 L4.17714286,9.40601742 C4.17714286,9.40144599 4.17485714,9.39801742 4.17142857,9.39801742 C4.16685714,9.39801742 4.16685714,9.40144599 4.16457143,9.40601742 L4.09371429,9.62773171 C4.08914286,9.64144599 4.07771429,9.64487456 4.064,9.64487456 L4.01828571,9.64487456 L4.01828571,8.92716028 C4.01828571,8.91344599 4.02057143,8.90316028 4.02857143,8.89516028 L4.06285714,8.86201742 C4.06514286,8.85858885 4.07085714,8.85516028 4.07085714,8.85173171 C4.07085714,8.84830314 4.06857143,8.84487456 4.064,8.84487456 L3.88457143,8.84487456 C3.88,8.84487456 3.87771429,8.84830314 3.87771429,8.85173171 C3.87771429,8.85516028 3.88342857,8.85858885 3.88571429,8.86201742 L3.92,8.89516028 C3.928,8.90316028 3.93028571,8.91344599 3.93028571,8.92716028 L3.93028571,9.61973171 Z M4.38857143,8.84487456 C4.25142857,8.84487456 4.23657143,9.08601742 4.23657143,9.25058885 C4.23657143,9.46658885 4.25142857,9.70201742 4.38857143,9.70201742 C4.52685714,9.70201742 4.54171429,9.46658885 4.54171429,9.25058885 C4.54171429,9.08601742 4.52685714,8.84487456 4.38857143,8.84487456 L4.38857143,8.84487456 Z M4.38857143,8.90201742 C4.42285714,8.90201742 4.448,8.99801742 4.448,9.25173171 C4.448,9.54887456 4.42285714,9.64487456 4.38857143,9.64487456 C4.35542857,9.64487456 4.33028571,9.54887456 4.33028571,9.25173171 C4.33028571,8.99801742 4.35542857,8.90201742 4.38857143,8.90201742 L4.38857143,8.90201742 Z M4.62857143,9.57858885 C4.62857143,9.64944599 4.67542857,9.70201742 4.76571429,9.70201742 C4.84342857,9.70201742 4.89828571,9.64944599 4.89828571,9.57858885 L4.89828571,8.92716028 C4.89828571,8.91344599 4.90171429,8.90201742 4.90742857,8.89516028 L4.94285714,8.86201742 C4.94628571,8.85858885 4.94857143,8.85516028 4.94857143,8.85173171 C4.94857143,8.84830314 4.94628571,8.84487456 4.94171429,8.84487456 L4.78514286,8.84487456 C4.78057143,8.84487456 4.77828571,8.84830314 4.77828571,8.85173171 C4.77828571,8.85516028 4.78057143,8.85858885 4.784,8.86201742 L4.81942857,8.89516028 C4.82628571,8.90201742 4.82857143,8.91344599 4.82857143,8.92716028 L4.82857143,9.54887456 C4.82857143,9.59916028 4.81714286,9.64487456 4.77485714,9.64487456 C4.72114286,9.64487456 4.71657143,9.59916028 4.71657143,9.54887456 L4.71657143,8.92716028 C4.71657143,8.91344599 4.72,8.90201742 4.72571429,8.89516028 L4.76114286,8.86201742 C4.76457143,8.85858885 4.76685714,8.85516028 4.76685714,8.85173171 C4.76685714,8.84830314 4.76457143,8.84487456 4.76,8.84487456 L4.58514286,8.84487456 C4.58057143,8.84487456 4.57828571,8.84830314 4.57828571,8.85173171 C4.57828571,8.85516028 4.58057143,8.85858885 4.584,8.86201742 L4.61942857,8.89516028 C4.62628571,8.90201742 4.62857143,8.91344599 4.62857143,8.92716028 L4.62857143,9.57858885 Z M5.01942857,9.61973171 C5.01942857,9.63344599 5.01714286,9.64373171 5.00914286,9.65173171 L4.97485714,9.68487456 C4.97257143,9.68944599 4.96685714,9.69173171 4.96685714,9.69516028 C4.96685714,9.69858885 4.96914286,9.70201742 4.97371429,9.70201742 L5.16114286,9.70201742 C5.16571429,9.70201742 5.168,9.69858885 5.168,9.69516028 C5.168,9.69173171 5.16342857,9.68830314 5.16,9.68487456 L5.11771429,9.65173171 C5.10857143,9.64487456 5.10742857,9.63344599 5.10742857,9.61973171 L5.10742857,9.30316028 L5.14628571,9.30316028 C5.24914286,9.30316028 5.29714286,9.21401742 5.29714286,9.06658885 C5.29714286,8.89173171 5.23542857,8.84487456 5.14628571,8.84487456 L4.97371429,8.84487456 C4.96914286,8.84487456 4.96685714,8.84830314 4.96685714,8.85173171 C4.96685714,8.85516028 4.97257143,8.85858885 4.97485714,8.86201742 L5.00914286,8.89516028 C5.01714286,8.90316028 5.01942857,8.91344599 5.01942857,8.92716028 L5.01942857,9.61973171 Z M5.10742857,8.90201742 L5.14057143,8.90201742 C5.18857143,8.90201742 5.20342857,8.93973171 5.20342857,9.06658885 C5.20342857,9.19344599 5.18857143,9.24601742 5.14057143,9.24601742 L5.10742857,9.24601742 L5.10742857,8.90201742 Z M5.47885714,8.90201742 L5.544,8.90201742 C5.55885714,8.90201742 5.56914286,8.90887456 5.57371429,8.92373171 L5.63542857,9.13858885 C5.63657143,9.14316028 5.64,9.14658885 5.64457143,9.14658885 C5.648,9.14658885 5.65028571,9.14430314 5.65028571,9.13973171 L5.65028571,8.85516028 C5.65028571,8.84944599 5.64571429,8.84487456 5.64114286,8.84487456 L5.34514286,8.84487456 C5.34057143,8.84487456 5.33828571,8.84830314 5.33828571,8.85173171 C5.33828571,8.85516028 5.344,8.85858885 5.34628571,8.86201742 L5.38057143,8.89516028 C5.38857143,8.90316028 5.39085714,8.91344599 5.39085714,8.92716028 L5.39085714,9.61973171 C5.39085714,9.63344599 5.38857143,9.64373171 5.38057143,9.65173171 L5.34628571,9.68487456 C5.344,9.68944599 5.33828571,9.69173171 5.33828571,9.69516028 C5.33828571,9.69858885 5.34057143,9.70201742 5.34514286,9.70201742 L5.64114286,9.70201742 C5.64685714,9.70201742 5.65028571,9.69744599 5.65028571,9.69173171 L5.65028571,9.40487456 C5.65028571,9.40144599 5.648,9.39801742 5.64457143,9.39801742 C5.64114286,9.39801742 5.63771429,9.40030314 5.63657143,9.40487456 L5.57485714,9.62430314 C5.57028571,9.63801742 5.55885714,9.64487456 5.544,9.64487456 L5.47885714,9.64487456 L5.47885714,9.29744599 L5.504,9.29744599 C5.50971429,9.29744599 5.51428571,9.29973171 5.51657143,9.30544599 L5.55542857,9.38887456 C5.55771429,9.39344599 5.55885714,9.39687456 5.56342857,9.39687456 C5.56685714,9.39687456 5.568,9.39458885 5.568,9.39116028 L5.568,9.14887456 C5.568,9.14430314 5.56685714,9.14201742 5.56342857,9.14201742 C5.56,9.14201742 5.55885714,9.14430314 5.55657143,9.14887456 L5.51657143,9.22887456 C5.51428571,9.23458885 5.50971429,9.23687456 5.504,9.23687456 L5.47885714,9.23687456 L5.47885714,8.90201742 Z" id="REGION" fill="#000000"></path>
+                <path d="M6.97418589,0.783380024 C8.3485567,0.36657489 8.76201538,0.294412004 8.95356047,0.900815762 C9.11990955,1.42745267 8.82783856,1.9892288 8.30120166,2.15557789 C8.23411036,2.17677005 8.12479146,2.21443874 8.00211811,2.259469 C7.76007514,2.34831681 7.53185843,2.44235214 7.32906054,2.5375622 C7.01992874,2.68269417 6.79417342,2.82160902 6.70894045,2.90728577 C6.64453548,2.97202607 6.55042541,3.09402042 6.44189637,3.25792171 C6.33958933,3.41242649 6.22750006,3.59904687 6.10808036,3.81361258 C5.89149622,4.20275715 4.05005606,5.72320413 3.66712173,5.81544284 C3.36903764,5.88724338 3.14617622,5.96932036 3.08162275,6.01547607 C3.02994784,6.05242362 2.93901283,6.14204163 2.83139041,6.26851043 C2.72742761,6.39067876 2.61217662,6.5414537 2.4887889,6.71676162 C2.34517451,6.92080739 2.19676441,7.14892648 2.04967923,7.39052421 C1.97507121,7.51307311 1.91070004,7.6225744 1.87202757,7.69147418 C1.60170807,8.17308171 0.992150773,8.34436449 0.510543244,8.07404499 C-0.151167665,7.70263601 0.814918357,5.5520674 1.30824858,4.97234725 C1.51982885,4.72371594 1.71829223,4.53161951 1.91837725,4.38855877 C2.22987846,4.16583547 2.64401381,4.00468037 3.19877016,3.8710543 C3.4686507,3.80604724 3.76134432,3.75073089 4.06939028,3.7051904 C3.91969331,3.7273211 3.89727159,3.74914413 3.87884428,3.77602511 C3.91563687,3.72235363 3.96421549,3.63672821 4.02314255,3.52170866 C4.04681426,3.47550393 4.06137074,3.44626776 4.10028246,3.36696351 C4.12901964,3.30807838 4.22399434,3.11028085 4.23439756,3.08880291 C4.28767185,2.97881558 4.32548165,2.90392509 4.36051501,2.84097937 C4.50423483,2.58275276 4.64201178,2.35356554 4.77433614,2.15372839 C4.9543183,1.88191811 5.12300908,1.66567453 5.29105955,1.49674907 C5.49185518,1.29490797 6.16982842,1.02731734 6.97418589,0.783380024 Z" id="Line" fill="#FFFFFF" fill-rule="nonzero"></path>
+                <path d="M5.64552978,1.84938325 C5.50016297,1.99550693 5.35008919,2.18986076 5.1912262,2.42977672 C5.06408372,2.62178816 4.93244007,2.84151769 4.79740635,3.08413767 C4.63139217,3.38242136 4.31075544,4.17494217 4.14251384,4.19981445 C3.86199416,4.24128554 3.58103379,4.29327764 3.31585806,4.35715143 C2.84332098,4.47097307 2.4701645,4.6086904 2.20918862,4.7952881 C2.04183093,4.91494881 1.8704705,5.0831792 1.68903404,5.29638805 C1.5509241,5.45868322 0.514467858,7.50287146 0.755271622,7.63803121 C0.996075386,7.77319096 1.30085403,7.68754956 1.43601379,7.4467458 C1.47050224,7.38530036 1.53507594,7.27428222 1.62260012,7.1305176 C1.76861198,6.89068287 1.92361333,6.65104499 2.07991081,6.42897923 C2.20960751,6.24470757 2.33426625,6.08118108 2.45060495,5.94446964 C2.58359875,5.78818653 2.70087946,5.67304805 2.79081138,5.60874674 C2.92072955,5.51585528 3.19319756,5.41529809 3.55003384,5.3293457 C3.78293449,5.27324612 5.51550298,3.85018104 5.67118902,3.57045427 C5.79458749,3.34873978 5.91343152,3.15037439 6.02500631,2.98187338 C6.15052694,2.79231128 6.26318764,2.64640945 6.35447022,2.55465159 C6.49110087,2.41730956 6.76155657,2.25163368 7.11657183,2.08496023 C7.34176951,1.97923386 7.58563364,1.87972809 7.82982204,1.79009275 C7.97621827,1.73635442 8.08897767,1.69826259 8.15060083,1.67879765 C8.41391928,1.59562311 8.55995477,1.31473504 8.47678023,1.05141659 C8.39360569,0.78809814 5.88374305,1.60992968 5.64552978,1.84938325 Z" id="Line" fill="#29568D" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GQ.svg b/public/assets/images/flags/GQ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e2d5c67d2517fec2bf2cbffaacc68ba0b6726f5a
--- /dev/null
+++ b/public/assets/images/flags/GQ.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GQ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#EC3938" offset="0%"></stop>
+            <stop stop-color="#E12524" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#51B422" offset="0%"></stop>
+            <stop stop-color="#429919" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#258DE7" offset="0%"></stop>
+            <stop stop-color="#1276CC" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GQ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <path d="M10.0655805,8.9316864 C10.1619085,8.83134377 10.2406541,8.63517761 10.2413886,8.50667 L10.2486092,7.24333 C10.2493773,7.10894255 10.1328125,7 9.99608421,7 L9.75391579,7 C9.61368197,7 9.57846832,6.92153168 9.67418671,6.82581329 L10.3258133,6.17418671 C10.422014,6.07798604 10.5784683,6.07846832 10.6741867,6.17418671 L11.3258133,6.82581329 C11.422014,6.92201396 11.3828125,7 11.2460842,7 L11.0039158,7 C10.863682,7 10.75,7.11482239 10.75,7.24333 L10.75,8.50667 C10.75,8.64105745 10.8291016,8.82910156 10.9208984,8.92089844 L10.8291016,8.82910156 C10.9234862,8.92348616 10.8929825,9 10.7476578,9 L10.2523422,9 C10.1129775,9 10.0759368,8.92089844 10.1744174,8.8183136 L10.0655805,8.9316864 Z" id="Rectangle-721" fill="#159940"></path>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-4)" points="0 0 7 7.5 0 15"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GR.svg b/public/assets/images/flags/GR.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a9b12c0005cc3bf520a9dc9515a1aa698882591e
--- /dev/null
+++ b/public/assets/images/flags/GR.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GR</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1C6DC1" offset="0%"></stop>
+            <stop stop-color="#1660AD" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GR">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M0,0 L4,0 L4,4 L0,4 L0,0 Z M6,0 L10,0 L10,4 L6,4 L6,0 Z M10,0 L21,0 L21,2 L10,2 L10,0 Z M10,4 L21,4 L21,6 L10,6 L10,4 Z M10,8 L21,8 L21,10 L10,10 L10,8 Z M0,12 L21,12 L21,14 L0,14 L0,12 Z M6,6 L10,6 L10,10 L6,10 L6,6 Z M0,6 L4,6 L4,10 L0,10 L0,6 Z" id="Rectangle-537" fill="url(#linearGradient-2)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GS.svg b/public/assets/images/flags/GS.svg
new file mode 100644
index 0000000000000000000000000000000000000000..039845211e8e3638cf41d98d10baf164d606fa1f
--- /dev/null
+++ b/public/assets/images/flags/GS.svg
@@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GS</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#07319C" offset="0%"></stop>
+            <stop stop-color="#00247E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#1E1E1E" offset="0%"></stop>
+            <stop stop-color="#000000" offset="100%"></stop>
+        </linearGradient>
+        <ellipse id="path-5" cx="0.5" cy="1.5" rx="1" ry="1.5"></ellipse>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#A2ADB0" offset="0%"></stop>
+            <stop stop-color="#8B9497" offset="100%"></stop>
+        </linearGradient>
+        <ellipse id="path-8" cx="0.5" cy="1.5" rx="1" ry="1.5"></ellipse>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-10">
+            <stop stop-color="#4F4F4F" offset="0%"></stop>
+            <stop stop-color="#2B2B2B" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-11">
+            <stop stop-color="#FEC241" offset="0%"></stop>
+            <stop stop-color="#FEBB2C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-12">
+            <stop stop-color="#A84B14" offset="0%"></stop>
+            <stop stop-color="#913F0E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-13">
+            <stop stop-color="#CFB063" offset="0%"></stop>
+            <stop stop-color="#BEA157" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-14">
+            <stop stop-color="#2D42FF" offset="0%"></stop>
+            <stop stop-color="#0B24FC" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="0%" y1="0%" x2="100%" y2="50%" id="linearGradient-15">
+            <stop stop-color="#E3DC3D" offset="0%"></stop>
+            <stop stop-color="#CFC82A" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-16">
+            <stop stop-color="#7F7D7D" offset="0%"></stop>
+            <stop stop-color="#656263" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.00681795878,0.505912304 C0.00305250412,0.226504654 0.215752602,0 0.495388985,0 L2.50461102,0 C2.7782068,0 3.00310922,0.230712891 3.00681796,0.505912304 L3.03033777,2.25115061 C3.03218993,2.38858633 2.93416692,2.56561279 2.82278051,2.63904572 L1.7277566,3.36095428 C1.61127373,3.43774711 1.41953181,3.43438721 1.31061945,3.36095428 L0.239917656,2.63904572 C0.126022043,2.56225289 0.0322437286,2.39257813 0.0303377719,2.25115061 L0.00681795878,0.505912304 Z" id="path-17"></path>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-19">
+            <stop stop-color="#0F8012" offset="0%"></stop>
+            <stop stop-color="#0B6A0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-20">
+            <stop stop-color="#FFCF44" offset="0%"></stop>
+            <stop stop-color="#FCC72E" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GS">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M3,3.22996746 L-1.3516287,-0.5 L0.660232527,-0.5 L4.16023253,2 L4.85660189,2 L9.5,-0.902123821 L9.5,0.25 C9.5,0.552509227 9.33308555,0.876533554 9.08215972,1.05576629 L6,3.25730895 L6,3.77003254 L9.13722049,6.45907867 C9.59934261,6.85518335 9.34102897,7.5 8.75,7.5 C8.50478614,7.5 8.2052751,7.40393402 8.00092153,7.25796718 L4.83976747,5 L4.14339811,5 L-0.5,7.90212382 L-0.5,6.24269105 L3,3.74269105 L3,3.22996746 Z" id="Rectangle-36" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M3.5,3 L-4.4408921e-16,-2.13162821e-14 L0.5,-2.13162821e-14 L4,2.5 L5,2.5 L9,-2.13162821e-14 L9,0.25 C9,0.388071187 8.91348267,0.561798096 8.79154062,0.648899555 L5.5,3 L5.5,4 L8.8118248,6.83870697 C8.91575109,6.92778665 8.8840332,7 8.75,7 L8.75,7 C8.61192881,7 8.41348267,6.9382019 8.29154062,6.85110044 L5,4.5 L4,4.5 L-4.4408921e-16,7 L-4.4408921e-16,6.5 L3.5,4 L3.5,3 Z" id="Rectangle-36" fill="url(#linearGradient-3)"></path>
+            <path d="M-4.4408921e-16,2.5 L-4.4408921e-16,4.5 L3.5,4.5 L3.5,7.00461102 C3.5,7.2782068 3.71403503,7.5 4.00468445,7.5 L4.99531555,7.5 C5.27404508,7.5 5.5,7.2842474 5.5,7.00461102 L5.5,4.5 L9.00952148,4.5 C9.28040529,4.5 9.5,4.28596497 9.5,3.99531555 L9.5,3.00468445 C9.5,2.72595492 9.28494263,2.5 9.00952148,2.5 L5.5,2.5 L5.5,-2.13162821e-14 L3.5,-2.13162821e-14 L3.5,2.5 L-4.4408921e-16,2.5 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-36" fill="url(#linearGradient-3)" points="-4.4408921e-16 3 4 3 4 2.5 4 -2.13162821e-14 5 -2.13162821e-14 5 2.5 5 3 9 3 9 4 5 4 5 4.5 5 7 4 7 4 4.5 4 4 -4.4408921e-16 4"></polygon>
+            <g id="Group-2" transform="translate(18.000000, 8.000000)">
+                <mask id="mask-6" fill="white">
+                    <use xlink:href="#path-5"></use>
+                </mask>
+                <use id="Oval-13" fill="url(#linearGradient-4)" xlink:href="#path-5"></use>
+                <ellipse id="Oval-13-Copy-2" fill="url(#linearGradient-1)" mask="url(#mask-6)" cx="0" cy="2" rx="1" ry="1.5"></ellipse>
+            </g>
+            <g id="Group-3" transform="translate(14.000000, 8.000000)">
+                <mask id="mask-9" fill="white">
+                    <use xlink:href="#path-8"></use>
+                </mask>
+                <use id="Oval-13-Copy" fill="url(#linearGradient-7)" xlink:href="#path-8"></use>
+                <ellipse id="Oval-13-Copy-3" fill="url(#linearGradient-10)" mask="url(#mask-9)" cx="1" cy="2" rx="1" ry="1.5"></ellipse>
+            </g>
+            <path d="M16.5,12.5 C17.3284271,13 18,12.7761424 18,12.5 C18,12.2238576 17.3284271,12 16.5,12 C15.6715729,12 15,12.2238576 15,12.5 C15,12.7761424 15.6715729,13 16.5,12.5 Z" id="Oval-2" fill="url(#linearGradient-11)"></path>
+            <circle id="Oval" fill="url(#linearGradient-1)" cx="18.5" cy="5.5" r="1"></circle>
+            <circle id="Oval-Copy-4" fill="url(#linearGradient-12)" cx="16.5" cy="4.5" r="1"></circle>
+            <ellipse id="Oval-Copy-8" fill="url(#linearGradient-13)" cx="16.5" cy="3.75" rx="1" ry="1"></ellipse>
+            <circle id="Oval-Copy-6" fill="url(#linearGradient-1)" cx="16.5" cy="11.5" r="1"></circle>
+            <circle id="Oval-Copy" fill="url(#linearGradient-1)" cx="14.5" cy="5.5" r="1"></circle>
+            <circle id="Oval-Copy-2" fill="url(#linearGradient-14)" cx="15" cy="6.5" r="1"></circle>
+            <circle id="Oval-Copy-3" fill="url(#linearGradient-14)" cx="18" cy="6.5" r="1"></circle>
+            <ellipse id="Oval-Copy-7" fill="url(#linearGradient-15)" cx="19" cy="8" rx="1" ry="1"></ellipse>
+            <path d="M16,7.5 L15.5,8 L17.5,8 L17,7.5 L17.5,6 C17.5,6 17.0522847,5 16.5,5 C15.9477153,5 15.5,6 15.5,6 L16,7.5 Z" id="Oval-10" fill="url(#linearGradient-16)"></path>
+            <path d="M16.5,6.5 C16.5,6.5 17,6.38807119 17,6.11999989 C17,6.11192881 16.5,6 16.5,6 C16.5,6 16,6.11192881 16,6.11999989 C16,6.38807119 16.5,6.5 16.5,6.5 Z" id="Oval-4" fill="#5D0543"></path>
+            <g id="Group" transform="translate(15.000000, 8.000000)">
+                <mask id="mask-18" fill="white">
+                    <use xlink:href="#path-17"></use>
+                </mask>
+                <use id="Rectangle-4" fill="url(#linearGradient-1)" xlink:href="#path-17"></use>
+                <circle id="Oval-Copy-3" fill="#225DA4" mask="url(#mask-18)" cx="2.5" cy="2.5" r="1"></circle>
+                <circle id="Oval-Copy-5" fill="#225DA4" mask="url(#mask-18)" cx="0.5" cy="1.5" r="1"></circle>
+                <polygon id="Rectangle" fill="url(#linearGradient-19)" mask="url(#mask-18)" points="0 0 3 0 1.5 3"></polygon>
+                <ellipse id="Oval-3" fill="url(#linearGradient-20)" mask="url(#mask-18)" cx="1.5" cy="1.5" rx="1" ry="1"></ellipse>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GT.svg b/public/assets/images/flags/GT.svg
new file mode 100644
index 0000000000000000000000000000000000000000..be45ee89fa6a0984bededcc1e139e54c4f7d76ef
--- /dev/null
+++ b/public/assets/images/flags/GT.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GT</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#63AEE3" offset="0%"></stop>
+            <stop stop-color="#4998D0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GT">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-1)" x="7" y="0" width="7" height="15"></rect>
+            <path d="M8,7 C8,7.90143048 8.48152018,8.71954992 9.24677273,9.16357911 C9.48561975,9.3021674 9.79159152,9.22089165 9.93017981,8.98204463 C10.0687681,8.74319762 9.98749235,8.43722585 9.74864534,8.29863755 C9.28867518,8.03174504 9,7.54127594 9,7 C9,6.72385763 8.77614237,6.5 8.5,6.5 C8.22385763,6.5 8,6.72385763 8,7 Z M11.8455353,9.10731545 C12.5588244,8.65111736 13,7.86294784 13,7 C13,6.72385763 12.7761424,6.5 12.5,6.5 C12.2238576,6.5 12,6.72385763 12,7 C12,7.5182519 11.7356132,7.99058439 11.3067388,8.26487951 C11.0741065,8.41366406 11.0061345,8.72286348 11.1549191,8.95549574 C11.3037036,9.188128 11.612903,9.2561 11.8455353,9.10731545 Z" id="Oval-5" fill="#628A40" fill-rule="nonzero"></path>
+            <circle id="Oval-5" fill="#DCC26D" cx="10.5" cy="7" r="1"></circle>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GU.svg b/public/assets/images/flags/GU.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6233a0bbdd2ea4eec4f456f4bfbdcb13bf20db69
--- /dev/null
+++ b/public/assets/images/flags/GU.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GU</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#DE3149" offset="0%"></stop>
+            <stop stop-color="#C2273D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#053B94" offset="0%"></stop>
+            <stop stop-color="#002E7A" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#DE3149" offset="0%"></stop>
+            <stop stop-color="#C2273D" offset="100%"></stop>
+        </linearGradient>
+        <path d="M2.5,8.5 C2.5,8.5 5,6.5 5,4.5 C5,2.5 2.5,0.5 2.5,0.5 C2.5,0.5 7.6540425e-17,2.5 0,4.5 C7.65404249e-17,6.5 2.5,8.5 2.5,8.5 Z" id="path-5"></path>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#81C1F3" offset="0%"></stop>
+            <stop stop-color="#6AB1E9" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-8">
+            <stop stop-color="#27A07E" offset="0%"></stop>
+            <stop stop-color="#1F9171" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-9">
+            <stop stop-color="#1E8CE8" offset="0%"></stop>
+            <stop stop-color="#107FDC" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-10">
+            <stop stop-color="#FFF048" offset="0%"></stop>
+            <stop stop-color="#FFEF36" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-11">
+            <stop stop-color="#8F5715" offset="0%"></stop>
+            <stop stop-color="#7A480D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GU">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-1568" fill="url(#linearGradient-3)" x="1" y="1" width="19" height="13" rx="0.75"></rect>
+            <path d="M10.5,12 C10.5,12 13.5,9.98528137 13.5,7.5 C13.5,5.01471863 10.5,3 10.5,3 C10.5,3 7.5,5.01471863 7.5,7.5 C7.5,9.98528137 10.5,12 10.5,12 Z" id="Oval-226" fill="url(#linearGradient-4)"></path>
+            <g id="Group" transform="translate(8.000000, 3.000000)">
+                <mask id="mask-6" fill="white">
+                    <use xlink:href="#path-5"></use>
+                </mask>
+                <use id="Oval-226-Copy" fill="url(#linearGradient-1)" xlink:href="#path-5"></use>
+                <rect id="Rectangle-1248" fill="url(#linearGradient-7)" mask="url(#mask-6)" x="0" y="0" width="5" height="5"></rect>
+                <polygon id="Star-113" fill="url(#linearGradient-8)" mask="url(#mask-6)" points="2.5 4.1 1.61832212 4.71352549 1.92936609 3.6854102 1.07341523 3.03647451 2.14732885 3.0145898 2.5 2 2.85267115 3.0145898 3.92658477 3.03647451 3.07063391 3.6854102 3.38167788 4.71352549"></polygon>
+                <rect id="Rectangle-1248-Copy" fill="url(#linearGradient-9)" mask="url(#mask-6)" x="0" y="5" width="5" height="4"></rect>
+                <path d="M0,6 C0,6 1.59041341,7.5 2,7.5 C2.48819721,7.5 2.49579714,6.77674717 3,6.5 C3.79409087,6.06413893 5,6 5,6 L5,9 L0,9 L0,6 Z" id="Rectangle-1248-Copy-2" fill="url(#linearGradient-10)" mask="url(#mask-6)"></path>
+            </g>
+            <path d="M10.2512526,6.47500558 C10.2424393,6.56271683 10.2293576,6.71173272 10.2162972,6.89809824 C10.2003814,7.12520958 10.1889743,7.34915095 10.1840343,7.5594353 C10.1730768,8.02587214 10.193497,8.37106047 10.2628292,8.57905694 C10.3499154,8.84031563 10.5468922,9.08546311 10.8196929,9.32062484 C11.0281485,9.50031938 11.2347523,9.63739438 11.3771555,9.71773662 C11.4974082,9.78558175 11.6498915,9.74309708 11.7177366,9.62284446 C11.7855817,9.50259185 11.7430971,9.3501085 11.6228445,9.28226338 C11.5067093,9.21674129 11.3255056,9.09651837 11.1461537,8.94191211 C10.9354815,8.76030684 10.7898959,8.57911829 10.7371708,8.42094306 C10.6925509,8.28708337 10.6743187,7.97888076 10.6838964,7.57117803 C10.6886356,7.36943831 10.6996617,7.15297762 10.7150739,6.9330523 C10.7277493,6.75218081 10.7404035,6.60803377 10.7487474,6.52499442 C10.7625515,6.38761501 10.6623738,6.26505661 10.5249944,6.25125258 C10.387615,6.23744855 10.2650566,6.33762618 10.2512526,6.47500558 Z" id="Line" fill="url(#linearGradient-11)" fill-rule="nonzero"></path>
+            <polygon id="Rectangle-1251" fill="#FFFFFF" points="9 7.5 10 9 9 9"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GW.svg b/public/assets/images/flags/GW.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b09530d44c9cc1c475a5066a6143d7d4b85df1a0
--- /dev/null
+++ b/public/assets/images/flags/GW.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GW</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1AB558" offset="0%"></stop>
+            <stop stop-color="#169E4D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFD952" offset="0%"></stop>
+            <stop stop-color="#FCD036" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#E72B42" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GW">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="7" width="21" height="8"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="7"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="0" width="8" height="15"></rect>
+            <polygon id="Star-53" fill="url(#linearGradient-5)" points="4 8.45877033 2.53053687 9.52254249 3.08815523 7.79627633 1.62235871 6.72745751 3.43644894 6.72433851 4 5 4.56355106 6.72433851 6.37764129 6.72745751 4.91184477 7.79627633 5.46946313 9.52254249"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/GY.svg b/public/assets/images/flags/GY.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e5937c245f5aad96312bacd8a05d6cd155790528
--- /dev/null
+++ b/public/assets/images/flags/GY.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GY</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#08C55F" offset="0%"></stop>
+            <stop stop-color="#009F49" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD831" offset="0%"></stop>
+            <stop stop-color="#FDD117" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#E92034" offset="0%"></stop>
+            <stop stop-color="#CE1225" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GY">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-1134" fill="url(#linearGradient-3)" fill-rule="nonzero" points="-1 15 -1 0 0 0 21 7 21 8 0 15"></polygon>
+            <polygon id="Rectangle-1134" fill="url(#linearGradient-4)" fill-rule="nonzero" points="8.8817842e-16 1.05409255 1.99840144e-15 13.9459074 19.3377223 7.5"></polygon>
+            <polygon id="Rectangle-1134" fill="url(#linearGradient-5)" fill-rule="nonzero" points="-1 15 -1 0 0 0 11.5 7.5 0 15"></polygon>
+            <polygon id="Rectangle-1134" fill="url(#linearGradient-6)" fill-rule="nonzero" points="0 13.8061278 9.66939597 7.5 0 1.19387219"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/HK.svg b/public/assets/images/flags/HK.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f99b8882ca80ff71dfc012035ebbbaccb2a99b27
--- /dev/null
+++ b/public/assets/images/flags/HK.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>HK</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F0371D" offset="0%"></stop>
+            <stop stop-color="#DE290F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="HK">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M12,7.19038043 C11.2020264,6.69038043 11,7.5988818 11,7.19038043 C11,6.36195331 11.8954305,5.69038043 13,5.69038043 C14.1045695,5.69038043 15,6.36195331 15,7.19038043 C14.0511475,7.19038043 13.9563611,7.69038043 13.5,7.69038043 C12.940099,7.69038043 12.7979736,7.69038043 12,7.19038043 Z M13.25,7 C13.3880712,7 13.5,6.88807119 13.5,6.75 C13.5,6.61192881 13.3880712,6.5 13.25,6.5 C13.1119288,6.5 13,6.61192881 13,6.75 C13,6.88807119 13.1119288,7 13.25,7 Z M11.4390537,8.96245671 C11.6679946,8.04903019 10.7415289,8.13763406 11.1300368,8.01140019 C11.9179178,7.75540213 12.8333248,8.39947971 13.1746555,9.44998773 C13.5159863,10.5004958 13.1539857,11.5596282 12.3661047,11.8156263 C12.0728932,10.9132139 11.5680743,10.9775752 11.427051,10.54355 C11.2540321,10.0110525 11.2101129,9.87588323 11.4390537,8.96245671 Z M12.0063875,10.0924466 C12.0490539,10.2237601 12.1900924,10.2956228 12.3214059,10.2529564 C12.4527194,10.2102901 12.5245821,10.0692516 12.4819158,9.93793807 C12.4392495,9.80662456 12.2982109,9.73476184 12.1668974,9.77742819 C12.0355839,9.82009453 11.9637212,9.96113306 12.0063875,10.0924466 Z M9.58036713,8.97656681 C10.519834,8.91203817 10.149273,8.058297 10.3893841,8.38878155 C10.8763214,9.05899318 10.5466435,10.1286279 9.65302802,10.7778775 C8.75941252,11.4271272 7.6402534,11.4101342 7.15331615,10.7399226 C7.92095398,10.182201 7.70374511,9.72197853 8.07294902,9.45373619 C8.52591844,9.12463464 8.64090028,9.04109544 9.58036713,8.97656681 Z M8.6809987,9.86531937 C8.56929676,9.94647558 8.54453456,10.102818 8.62569077,10.2145199 C8.70684697,10.3262219 8.86318939,10.3509841 8.97489133,10.2698279 C9.08659326,10.1886717 9.11135547,10.0323292 9.03019926,9.92062731 C8.94904305,9.80892537 8.79270064,9.78416317 8.6809987,9.86531937 Z M8.99258188,7.21321105 C9.34426349,8.08675668 10.04171,7.47051175 9.80159888,7.8009963 C9.31466163,8.47120792 8.19550251,8.48820095 7.30188701,7.83895129 C6.40827151,7.18970163 6.07859365,6.12006691 6.5655309,5.44985529 C7.33316873,6.00757682 7.70374511,5.65878233 8.07294902,5.92702467 C8.52591844,6.25612622 8.64090028,6.33966542 8.99258188,7.21321105 Z M7.86940783,6.63250049 C7.75770589,6.55134428 7.60136348,6.57610648 7.52020727,6.68780842 C7.43905106,6.79951036 7.46381327,6.95585278 7.5755152,7.03700898 C7.68721714,7.11816519 7.84355956,7.09340299 7.92471577,6.98170105 C8.00587197,6.86999911 7.98110977,6.71365669 7.86940783,6.63250049 Z M10.4879972,6.10928716 C9.76588156,6.71369668 10.5674881,7.18657754 10.1789802,7.06034367 C9.39109922,6.80434561 9.02909871,5.74521317 9.37042945,4.69470515 C9.7117602,3.64419713 10.6271672,3.00011955 11.4150482,3.25611761 C11.1218367,4.15853 11.5680743,4.40318566 11.427051,4.83721088 C11.2540321,5.36970838 11.2101129,5.50487763 10.4879972,6.10928716 Z M10.6932059,4.86163572 C10.7358723,4.73032222 10.6640096,4.58928369 10.532696,4.54661735 C10.4013825,4.503951 10.260344,4.57581372 10.2176777,4.70712723 C10.1750113,4.83844073 10.246874,4.97947926 10.3781876,5.02214561 C10.5095011,5.06481195 10.6505396,4.99294923 10.6932059,4.86163572 Z" id="Oval-145" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/HM.svg b/public/assets/images/flags/HM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8ef4f3463a4f6d7fccdf9c7db772b5603fd118aa
--- /dev/null
+++ b/public/assets/images/flags/HM.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>HM</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0A17A7" offset="0%"></stop>
+            <stop stop-color="#030E88" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="HM">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Star-2" fill="#FFFFFF" points="4.5 12.25 3.61832212 12.7135255 3.78670761 11.7317627 3.07341523 11.0364745 4.05916106 10.8932373 4.5 10 4.94083894 10.8932373 5.92658477 11.0364745 5.21329239 11.7317627 5.38167788 12.7135255"></polygon>
+            <path d="M3,3.22996746 L-1.3516287,-0.5 L0.660232527,-0.5 L4.16023253,2 L4.85660189,2 L9.5,-0.902123821 L9.5,0.25 C9.5,0.552509227 9.33308555,0.876533554 9.08215972,1.05576629 L6,3.25730895 L6,3.77003254 L9.13722049,6.45907867 C9.59934261,6.85518335 9.34102897,7.5 8.75,7.5 C8.50478614,7.5 8.2052751,7.40393402 8.00092153,7.25796718 L4.83976747,5 L4.14339811,5 L-0.5,7.90212382 L-0.5,6.24269105 L3,3.74269105 L3,3.22996746 Z" id="Rectangle-36" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M3.5,3 L-4.4408921e-16,0 L0.5,0 L4,2.5 L5,2.5 L9,0 L9,0.25 C9,0.388071187 8.91348267,0.561798096 8.79154062,0.648899555 L5.5,3 L5.5,4 L8.8118248,6.83870697 C8.91575109,6.92778665 8.8840332,7 8.75,7 L8.75,7 C8.61192881,7 8.41348267,6.9382019 8.29154062,6.85110044 L5,4.5 L4,4.5 L-4.4408921e-16,7 L-4.4408921e-16,6.5 L3.5,4 L3.5,3 Z" id="Rectangle-36" fill="url(#linearGradient-3)"></path>
+            <path d="M-4.4408921e-16,2.5 L-4.4408921e-16,4.5 L3.5,4.5 L3.5,7.00461102 C3.5,7.2782068 3.71403503,7.5 4.00468445,7.5 L4.99531555,7.5 C5.27404508,7.5 5.5,7.2842474 5.5,7.00461102 L5.5,4.5 L9.00952148,4.5 C9.28040529,4.5 9.5,4.28596497 9.5,3.99531555 L9.5,3.00468445 C9.5,2.72595492 9.28494263,2.5 9.00952148,2.5 L5.5,2.5 L5.5,0 L3.5,0 L3.5,2.5 L-4.4408921e-16,2.5 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-36" fill="url(#linearGradient-3)" points="-4.4408921e-16 3 4 3 4 2.5 4 0 5 0 5 2.5 5 3 9 3 9 4 5 4 5 4.5 5 7 4 7 4 4.5 4 4 -4.4408921e-16 4"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="15 13 14.2928932 13.2071068 14.5 12.5 14.2928932 11.7928932 15 12 15.7071068 11.7928932 15.5 12.5 15.7071068 13.2071068"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="15 3.5 14.2928932 3.70710678 14.5 3 14.2928932 2.29289322 15 2.5 15.7071068 2.29289322 15.5 3 15.7071068 3.70710678"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="18 6.5 17.2928932 6.70710678 17.5 6 17.2928932 5.29289322 18 5.5 18.7071068 5.29289322 18.5 6 18.7071068 6.70710678"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="12 7.5 11.2928932 7.70710678 11.5 7 11.2928932 6.29289322 12 6.5 12.7071068 6.29289322 12.5 7 12.7071068 7.70710678"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="16.5 8.75 16.1464466 8.85355339 16.25 8.5 16.1464466 8.14644661 16.5 8.25 16.8535534 8.14644661 16.75 8.5 16.8535534 8.85355339"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/HN.svg b/public/assets/images/flags/HN.svg
new file mode 100644
index 0000000000000000000000000000000000000000..50a48cd94e7c9e51d4ec7a1b6de61a358a89ee1d
--- /dev/null
+++ b/public/assets/images/flags/HN.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>HN</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0884E6" offset="0%"></stop>
+            <stop stop-color="#0074D0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#0E88E9" offset="0%"></stop>
+            <stop stop-color="#0074D0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="HN">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <polygon id="Star-20" fill="url(#linearGradient-3)" points="10.5 8 9.79289322 8.20710678 10 7.5 9.79289322 6.79289322 10.5 7 11.2071068 6.79289322 11 7.5 11.2071068 8.20710678"></polygon>
+            <polygon id="Star-20-Copy" fill="url(#linearGradient-3)" points="14.5 7 13.7928932 7.20710678 14 6.5 13.7928932 5.79289322 14.5 6 15.2071068 5.79289322 15 6.5 15.2071068 7.20710678"></polygon>
+            <polygon id="Star-20-Copy-2" fill="url(#linearGradient-3)" points="14.5 9 13.7928932 9.20710678 14 8.5 13.7928932 7.79289322 14.5 8 15.2071068 7.79289322 15 8.5 15.2071068 9.20710678"></polygon>
+            <polygon id="Star-20-Copy-3" fill="url(#linearGradient-3)" points="6.5 9 5.79289322 9.20710678 6 8.5 5.79289322 7.79289322 6.5 8 7.20710678 7.79289322 7 8.5 7.20710678 9.20710678"></polygon>
+            <polygon id="Star-20-Copy-4" fill="url(#linearGradient-3)" points="6.5 7 5.79289322 7.20710678 6 6.5 5.79289322 5.79289322 6.5 6 7.20710678 5.79289322 7 6.5 7.20710678 7.20710678"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/HR.svg b/public/assets/images/flags/HR.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a6cf5daa3e3a2da6cc86d0c1e58acfe578c028db
--- /dev/null
+++ b/public/assets/images/flags/HR.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>HR</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FF202D" offset="0%"></stop>
+            <stop stop-color="#FD0D1B" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#2027AC" offset="0%"></stop>
+            <stop stop-color="#191F94" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FF212E" offset="0%"></stop>
+            <stop stop-color="#FD0D1B" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="HR">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <path d="M8,4 L8.5,3.5 L9,4 L9,5 L8,5 L8,4 Z M10,4 L10.5,3.5 L11,4 L11,5 L10,5 L10,4 Z M12,4 L12.5,3.5 L13,4 L13,5 L12,5 L12,4 Z" id="Rectangle-675" fill="#1895DB" opacity="0.5"></path>
+            <path d="M9,4 L9.5,3.5 L10,4 L10,5 L9,5 L9,4 Z M11,4 L11.5,3.5 L12,4 L12,5 L11,5 L11,4 Z" id="Rectangle-675" fill="#191F94" opacity="0.5"></path>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <path d="M0,10 L0,5 L21,5 L21,10 L0,10 Z M12,10 L13,10 L12.726593,10.546814 C12.6014491,10.7971017 12.273407,11 12,11 L12,10 Z M10,10 L11,10 L11,11 L10,11 L10,10 Z M8,10 L9,10 L9,11 C8.72385763,11 8.40359497,10.8071899 8.27340698,10.546814 L8,10 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <path d="M10,5 L11,5 L11,6 L10,6 L10,5 Z M12,5 L12.5,5 L13,6 L12,6 L12,5 Z M8.5,5 L9,5 L9,6 L8,6 L8.5,5 Z M9,6 L10,6 L10,7 L9,7 L9,6 Z M11,6 L12,6 L12,7 L11,7 L11,6 Z M10,7 L11,7 L11,8 L10,8 L10,7 Z M12,7 L13,7 L13,8 L12,8 L12,7 Z M11,8 L12,8 L12,9 L11,9 L11,8 Z M8,7 L9,7 L9,8 L8,8 L8,7 Z M9,8 L10,8 L10,9 L9,9 L9,8 Z M8,9 L9,9 L9,10 L8,10 L8,9 Z M10,9 L11,9 L11,10 L10,10 L10,9 Z M12,9 L13,9 L13,10 L12,10 L12,9 Z M11,10 L12,10 L12,11 L11,11 L11,10 Z M9,10 L10,10 L10,11 L9,11 L9,10 Z" id="Rectangle-657" fill="url(#linearGradient-4)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/HT.svg b/public/assets/images/flags/HT.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0cd82be125d876adc42fc18efb225ee8ab86c868
--- /dev/null
+++ b/public/assets/images/flags/HT.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>HT</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#112EBC" offset="0%"></stop>
+            <stop stop-color="#0620A0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E3264A" offset="0%"></stop>
+            <stop stop-color="#D20F34" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-4" x="0" y="0" width="7" height="6" rx="0.5"></rect>
+        <path d="M0,5 L1.10529494,4.44735253 C1.5994269,4.20028655 2.44266033,4 2.99895656,4 L4.00104344,4 C4.55275191,4 5.40472984,4.20236492 5.89470506,4.44735253 L7,5 L7,6 L0,6 L0,5 Z" id="path-6"></path>
+        <path d="M1,3.0059123 C1,2.72650465 1.17979383,2.64383507 1.390625,2.8125 L3.109375,4.1875 C3.32511123,4.36008898 3.67979383,4.35616493 3.890625,4.1875 L5.609375,2.8125 C5.82511123,2.63991102 6,2.73071289 6,3.0059123 L6,4.4940877 C6,4.77349535 5.78515625,5 5.50230122,5 L1.49769878,5 C1.22282734,5 1,4.76928711 1,4.4940877 L1,3.0059123 Z" id="path-7"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="HT">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="7"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="7" width="21" height="8"></rect>
+            <g id="Rectangle-180" transform="translate(7.000000, 5.000000)">
+                <mask id="mask-5" fill="white">
+                    <use xlink:href="#path-4"></use>
+                </mask>
+                <use id="Mask" fill="url(#linearGradient-1)" xlink:href="#path-4"></use>
+                <g id="Rectangle-181" mask="url(#mask-5)">
+                    <use fill="#AABCAE" fill-rule="evenodd" xlink:href="#path-6"></use>
+                    <path stroke="#366C14" stroke-width="0.5" d="M0.25,5.1545085 L0.25,5.75 L6.75,5.75 L6.75,5.1545085 L5.78290166,4.67095933 C5.32616358,4.44259029 4.51229671,4.25 4.00104344,4.25 L2.99895656,4.25 C2.48310198,4.25 1.67798094,4.44051803 1.21709834,4.67095933 L0.25,5.1545085 Z"></path>
+                </g>
+                <circle id="Oval-6" fill="#D4B872" mask="url(#mask-5)" cx="3.5" cy="2.5" r="1.5"></circle>
+                <g id="Rectangle-182" mask="url(#mask-5)">
+                    <use fill="#C28321" fill-rule="evenodd" xlink:href="#path-7"></use>
+                    <path stroke="#0D3488" stroke-width="0.5" d="M1.25,3.02015621 L1.25,4.4940877 C1.25,4.63389068 1.36357173,4.75 1.49769878,4.75 L5.50230122,4.75 C5.64276516,4.75 5.75,4.63977414 5.75,4.4940877 L5.75,3.02015621 L4.04679876,4.3827172 C3.74324769,4.62555806 3.25884401,4.62723142 2.95320124,4.3827172 L1.25,3.02015621 Z"></path>
+                </g>
+                <path d="M2.17206907,1.17206907 C2.07703795,1.07703795 2.11394024,1 2.25577831,1 L4.74422169,1 C4.88548415,1 4.91935349,1.08064651 4.82793093,1.17206907 L3.67206907,2.32793093 C3.57703795,2.42296205 3.41935349,2.41935349 3.32793093,2.32793093 L2.17206907,1.17206907 Z" id="Rectangle-183" fill="#216C30" mask="url(#mask-5)"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/HU.svg b/public/assets/images/flags/HU.svg
new file mode 100644
index 0000000000000000000000000000000000000000..795319ea11caadd770fc0e765470b91b990ec14d
--- /dev/null
+++ b/public/assets/images/flags/HU.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>HU</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E03D52" offset="0%"></stop>
+            <stop stop-color="#CD2A3F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#5A9165" offset="0%"></stop>
+            <stop stop-color="#44704D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="HU">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/ID.svg b/public/assets/images/flags/ID.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8101da05c7321edd11a80dacbc233418c65839c6
--- /dev/null
+++ b/public/assets/images/flags/ID.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>ID</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E12237" offset="0%"></stop>
+            <stop stop-color="#CE1126" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ID">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="8"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="8" width="21" height="7"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/IE.svg b/public/assets/images/flags/IE.svg
new file mode 100644
index 0000000000000000000000000000000000000000..60d9af87cd7551018f92e363b410203837ea93bf
--- /dev/null
+++ b/public/assets/images/flags/IE.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>IE</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FF8515" offset="0%"></stop>
+            <stop stop-color="#FF7A00" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#07BB59" offset="0%"></stop>
+            <stop stop-color="#029C48" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="IE">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-1)" x="7" y="0" width="7" height="15"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/IL.svg b/public/assets/images/flags/IL.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7646f91e9758b15726045183f948c84210e0e783
--- /dev/null
+++ b/public/assets/images/flags/IL.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>IL</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0E46D4" offset="0%"></stop>
+            <stop stop-color="#0538B9" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="IL">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="12" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="3" width="21" height="9"></rect>
+            <path d="M7.17451256,7.91015593 L12.3399226,4.81316074 L12.240551,10.8350345 L7.17451256,7.91015593 Z" id="Star-25" stroke="#093EC5" stroke-width="0.5" transform="translate(9.875000, 7.832532) rotate(-30.000000) translate(-9.875000, -7.832532) "></path>
+            <path d="M7.17451263,7.24509219 L12.3399224,4.14809702 L12.240551,10.1699711 L7.17451263,7.24509219 Z" id="Star-25-Copy" stroke="#093EC5" stroke-width="0.5" transform="translate(9.875000, 7.167468) scale(1, -1) rotate(-30.000000) translate(-9.875000, -7.167468) "></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/IM.svg b/public/assets/images/flags/IM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ecc7c12e2eb8cc1933d6ee4b9e8319e50a3dc64a
--- /dev/null
+++ b/public/assets/images/flags/IM.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>IM</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E52D42" offset="0%"></stop>
+            <stop stop-color="#CB1D31" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#F8DD4E" offset="0%"></stop>
+            <stop stop-color="#F9DA38" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="IM">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <g id="Group" transform="translate(4.000000, 1.500000)">
+                <path d="M12.5,1.5 L10.5,1.5 L9,5 L7.5,4 C7.5,4 6.41105352,1.41105352 6,1 C5.58894648,0.588946476 5.17216615,0.9691953 3.8704834,1.34875489 C2.56880065,1.72831448 2.51831055,2.1636963 2.00915527,2.1636963 C1.80314029,2.1636963 1.14767711,1.40422935 0.782226563,1.17736817 C0.244485172,0.843553794 0.0506591787,1.00000001 0.180297852,1.50000001 C0.236332323,1.71611789 0.663304982,1.98283825 0.933837912,2.37072755 C1.28919703,2.88024038 1.5,3.5 1.5,3.5 C1.5,3.5 1.98753808,3.0443146 2.24987793,2.96936036 C2.64797849,2.85561734 3.09636695,3.05077741 3.62158203,2.96936036 C4.28944761,2.86583011 5,2.5 5,2.5 L5.17382813,4.40698243 C5.17382813,4.40698243 2.79516602,6.61738015 3,7.5 C3.20483398,8.38261985 5.46891117,9.46643071 6,10.2397461 C6.53108883,11.0130616 5.68432617,11.3013297 5.68432617,11.6727295 C5.68432617,12.0441293 5.59606207,12.5390118 6,12.3903809 C6.40393793,12.2417499 6.45284365,11.5978585 6.82336426,11.0130615 C7.07825443,10.6107654 7.28346625,10.3987488 7.31872559,10.2397461 C7.40523958,9.84960937 6.29106073,8.82547963 5.68432617,8.0994873 C5.39530878,7.75366159 4.81274414,7.2845459 4.81274414,7.2845459 L6.53108883,6 C6.53108883,6 9.49719238,7.22513437 10.1662598,6.81689453 C10.8353271,6.40865469 11,2.5 11,2.5 L13.0621778,2 L12.5,1.5 L12.5,1.5 Z" id="Star-121" fill="url(#linearGradient-1)"></path>
+                <path d="M7.5,10 C7.22385763,10 7,9.77614237 7,9.5 C7,9.22385763 7.22385763,9 7.5,9 C7.77614237,9 8,9.22385763 8,9.5 C8,9.77614237 7.77614237,10 7.5,10 Z M9.5,2 C9.22385763,2 9,1.77614237 9,1.5 C9,1.22385763 9.22385763,1 9.5,1 C9.77614237,1 10,1.22385763 10,1.5 C10,1.77614237 9.77614237,2 9.5,2 Z M9.5,6 C9.22385763,6 9,5.77614237 9,5.5 C9,5.22385763 9.22385763,5 9.5,5 C9.77614237,5 10,5.22385763 10,5.5 C10,5.77614237 9.77614237,6 9.5,6 Z M3.5,8 C3.22385763,8 3,7.77614237 3,7.5 C3,7.22385763 3.22385763,7 3.5,7 C3.77614237,7 4,7.22385763 4,7.5 C4,7.77614237 3.77614237,8 3.5,8 Z M5.5,2 C5.22385763,2 5,1.77614237 5,1.5 C5,1.22385763 5.22385763,1 5.5,1 C5.77614237,1 6,1.22385763 6,1.5 C6,1.77614237 5.77614237,2 5.5,2 Z M6.5,6 C6.22385763,6 6,5.55228475 6,5 C6,4.44771525 6.22385763,4 6.5,4 C6.77614237,4 7,4.44771525 7,5 C7,5.55228475 6.77614237,6 6.5,6 Z M1.5,4 C1.22385763,4 1,3.77614237 1,3.5 C1,3.22385763 1.22385763,3 1.5,3 C1.77614237,3 2,3.22385763 2,3.5 C2,3.77614237 1.77614237,4 1.5,4 Z" id="Combined-Shape" fill="url(#linearGradient-3)"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/IN.svg b/public/assets/images/flags/IN.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3726ceb796575c020bd3cefce14224403de1e63a
--- /dev/null
+++ b/public/assets/images/flags/IN.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>IN</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FFA44A" offset="0%"></stop>
+            <stop stop-color="#FF9934" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#1A9F0B" offset="0%"></stop>
+            <stop stop-color="#138806" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="IN">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <circle id="Oval-1" fill-opacity="0.15" fill="#181A93" cx="10.5" cy="7.5" r="1.5"></circle>
+            <path d="M10.5,9.5 C9.3954305,9.5 8.5,8.6045695 8.5,7.5 C8.5,6.3954305 9.3954305,5.5 10.5,5.5 C11.6045695,5.5 12.5,6.3954305 12.5,7.5 C12.5,8.6045695 11.6045695,9.5 10.5,9.5 Z M10.5,9 C11.3284271,9 12,8.32842712 12,7.5 C12,6.67157288 11.3284271,6 10.5,6 C9.67157288,6 9,6.67157288 9,7.5 C9,8.32842712 9.67157288,9 10.5,9 Z" id="Oval-1" fill="#181A93" fill-rule="nonzero"></path>
+            <circle id="Oval-8" fill="#181A93" cx="10.5" cy="7.5" r="1"></circle>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/IO.svg b/public/assets/images/flags/IO.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4d8b52291a6617f4c69bc516acf55c57dad13073
--- /dev/null
+++ b/public/assets/images/flags/IO.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>IO</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#07319C" offset="0%"></stop>
+            <stop stop-color="#00247E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="IO">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <g id="Group-2" transform="translate(-2.160000, -0.910000)">
+                <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="2.16370553" y="0.907737788" width="21" height="15"></rect>
+                <path d="M5.15999997,4.13996749 L0.808371262,0.410000026 L2.82023249,0.410000026 L6.32023249,2.91000003 L7.01660185,2.91000003 L11.66,0.00787620547 L11.66,1.16000003 C11.66,1.46250925 11.4930855,1.78653358 11.2421597,1.96576632 L8.15999997,4.16730897 L8.15999997,4.68003256 L11.2972205,7.3690787 C11.7593426,7.76518337 11.5010289,8.41000003 10.91,8.41000003 C10.6647861,8.41000003 10.3652751,8.31393405 10.1609215,8.16796721 L6.99976744,5.91000003 L6.30339808,5.91000003 L1.65999997,8.81212385 L1.65999997,7.15269108 L5.15999997,4.65269108 L5.15999997,4.13996749 Z" id="Rectangle-36" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+                <path d="M5.65999997,3.91000003 L2.15999997,0.910000026 L2.65999997,0.910000026 L6.15999997,3.41000003 L7.15999997,3.41000003 L11.16,0.910000026 L11.16,1.16000003 C11.16,1.29807121 11.0734826,1.47179812 10.9515406,1.55889958 L7.65999997,3.91000003 L7.65999997,4.91000003 L10.9718248,7.748707 C11.0757511,7.83778668 11.0440332,7.91000003 10.91,7.91000003 L10.91,7.91000003 C10.7719288,7.91000003 10.5734826,7.84820193 10.4515406,7.76110047 L7.15999997,5.41000003 L6.15999997,5.41000003 L2.15999997,7.91000003 L2.15999997,7.41000003 L5.65999997,4.91000003 L5.65999997,3.91000003 Z" id="Rectangle-36" fill="url(#linearGradient-3)"></path>
+                <path d="M2.15999997,3.41000003 L2.15999997,5.41000003 L5.65999997,5.41000003 L5.65999997,7.91461104 C5.65999997,8.18820682 5.874035,8.41000003 6.16468441,8.41000003 L7.15531552,8.41000003 C7.43404504,8.41000003 7.65999997,8.19424742 7.65999997,7.91461104 L7.65999997,5.41000003 L11.1695215,5.41000003 C11.4404053,5.41000003 11.66,5.19596499 11.66,4.90531558 L11.66,3.91468447 C11.66,3.63595495 11.4449426,3.41000003 11.1695215,3.41000003 L7.65999997,3.41000003 L7.65999997,0.910000026 L5.65999997,0.910000026 L5.65999997,3.41000003 L2.15999997,3.41000003 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+                <polygon id="Rectangle-36" fill="url(#linearGradient-3)" points="2.15999997 3.91000003 6.15999997 3.91000003 6.15999997 3.41000003 6.15999997 0.910000026 7.15999997 0.910000026 7.15999997 3.41000003 7.15999997 3.91000003 11.16 3.91000003 11.16 4.91000003 7.15999997 4.91000003 7.15999997 5.41000003 7.15999997 7.91000003 6.15999997 7.91000003 6.15999997 5.41000003 6.15999997 4.91000003 2.15999997 4.91000003"></polygon>
+                <path d="M2.5825667,7.90773779 L1.47434165,8.27714614 L1,8.43526002 L1.31622777,9.38394332 L1.79056942,9.22582944 L3.85306942,8.53832944 C4.00570482,8.48745097 4.32034758,8.48699808 4.47434165,8.53832944 L6.53684165,9.22582944 C6.89426681,9.34497116 7.43082734,9.34574346 7.79056942,9.22582944 L9.85306942,8.53832944 C10.0057048,8.48745097 10.3203476,8.48699808 10.4743416,8.53832944 L12.5368416,9.22582944 C12.8942668,9.34497116 13.4308273,9.34574346 13.7905694,9.22582944 L15.8530694,8.53832944 C16.0057048,8.48745097 16.3203476,8.48699808 16.4743416,8.53832944 L18.5368416,9.22582944 C18.8942668,9.34497116 19.4308273,9.34574346 19.7905694,9.22582944 L21.8530694,8.53832944 C22.0057048,8.48745097 22.3203476,8.48699808 22.4743416,8.53832944 L24.5368416,9.22582944 C24.8977153,9.34612067 24.8977153,9.34612067 25.0055916,9.38207944 L25.4799333,9.54019332 L25.7961611,8.59151002 L25.3218194,8.43339614 L24.8530694,8.27714614 L22.7905694,7.58964614 C22.4308273,7.46973211 21.8942668,7.47050442 21.5368416,7.58964614 L19.4743416,8.27714614 C19.3203476,8.32847749 19.0057048,8.32802461 18.8530694,8.27714614 L16.7905694,7.58964614 C16.4308273,7.46973211 15.8942668,7.47050442 15.5368416,7.58964614 L13.4743416,8.27714614 C13.3203476,8.32847749 13.0057048,8.32802461 12.8530694,8.27714614 L11.1637055,7.71402484 L11.1637055,7.90773779 L8.5825667,7.90773779 L7.47434165,8.27714614 C7.32034758,8.32847749 7.00570482,8.32802461 6.85306942,8.27714614 L5.74484436,7.90773779 L2.5825667,7.90773779 Z M11.1637055,6.2681174 L12.5368416,6.72582944 C12.8942668,6.84497116 13.4308273,6.84574346 13.7905694,6.72582944 L15.8530694,6.03832944 C16.0057048,5.98745097 16.3203476,5.98699808 16.4743416,6.03832944 L18.5368416,6.72582944 C18.8942668,6.84497116 19.4308273,6.84574346 19.7905694,6.72582944 L21.8530694,6.03832944 C22.0057048,5.98745097 22.3203476,5.98699808 22.4743416,6.03832944 L24.5368416,6.72582944 L25.0055916,6.88207944 L25.4799333,7.04019332 L25.7961611,6.09151002 L25.3218194,5.93339614 L24.8530694,5.77714614 L22.7905694,5.08964614 C22.4308273,4.96973211 21.8942668,4.97050442 21.5368416,5.08964614 L19.4743416,5.77714614 C19.3203476,5.82847749 19.0057048,5.82802461 18.8530694,5.77714614 L16.7905694,5.08964614 C16.4308273,4.96973211 15.8942668,4.97050442 15.5368416,5.08964614 L13.4743416,5.77714614 C13.3203476,5.82847749 13.0057048,5.82802461 12.8530694,5.77714614 L11.1637055,5.21402484 L11.1637055,6.2681174 Z M2.16370553,6.60145073 L1.79056942,6.72582944 L1.31622777,6.88394332 L1,5.93526002 L1.47434165,5.77714614 L2.16370553,5.54735818 L2.16370553,6.60145073 Z M11.1637055,3.7681174 L12.5368416,4.22582944 C12.8942668,4.34497116 13.4308273,4.34574346 13.7905694,4.22582944 L15.8530694,3.53832944 C16.0057048,3.48745097 16.3203476,3.48699808 16.4743416,3.53832944 L18.5368416,4.22582944 C18.8942668,4.34497116 19.4308273,4.34574346 19.7905694,4.22582944 L21.8530694,3.53832944 C22.0057048,3.48745097 22.3203476,3.48699808 22.4743416,3.53832944 L24.5368416,4.22582944 C24.8977153,4.34612067 24.8977153,4.34612067 25.0055916,4.38207944 L25.4799333,4.54019332 L25.7961611,3.59151002 L25.3218194,3.43339614 C25.2139431,3.39743737 25.2139431,3.39743737 24.8530694,3.27714614 L22.7905694,2.58964614 C22.4308273,2.46973211 21.8942668,2.47050442 21.5368416,2.58964614 L19.4743416,3.27714614 C19.3203476,3.32847749 19.0057048,3.32802461 18.8530694,3.27714614 L16.7905694,2.58964614 C16.4308273,2.46973211 15.8942668,2.47050442 15.5368416,2.58964614 L13.4743416,3.27714614 C13.3203476,3.32847749 13.0057048,3.32802461 12.8530694,3.27714614 L11.1637055,2.71402484 L11.1637055,3.7681174 Z M2.16370553,4.10145073 L1.79056942,4.22582944 L1.31622777,4.38394332 L1,3.43526002 L1.47434165,3.27714614 L2.16370553,3.04735818 L2.16370553,4.10145073 Z M11.1637055,1.2681174 L12.5368416,1.72582944 C12.8942668,1.84497116 13.4308273,1.84574346 13.7905694,1.72582944 L15.8530694,1.03832944 C16.0057048,0.987450967 16.3203476,0.986998082 16.4743416,1.03832944 L18.5368416,1.72582944 C18.8942668,1.84497116 19.4308273,1.84574346 19.7905694,1.72582944 L21.8530694,1.03832944 C22.0057048,0.987450967 22.3203476,0.986998082 22.4743416,1.03832944 L24.5368416,1.72582944 L25.0055916,1.88207944 L25.4799333,2.04019332 L25.7961611,1.09151002 L25.3218194,0.933396139 C25.2139431,0.897437372 25.2139431,0.897437372 24.8530694,0.777146139 L22.7905694,0.0896461387 C22.4308273,-0.0302678876 21.8942668,-0.0294955811 21.5368416,0.0896461387 L19.4743416,0.777146139 C19.3203476,0.828477494 19.0057048,0.828024608 18.8530694,0.777146139 L16.7905694,0.0896461387 C16.4308273,-0.0302678876 15.8942668,-0.0294955811 15.5368416,0.0896461387 L13.4743416,0.777146139 C13.3203476,0.828477494 13.0057048,0.828024608 12.8530694,0.777146139 L10.7905694,0.0896461387 C10.4308273,-0.0302678876 9.89426681,-0.0294955811 9.53684165,0.0896461387 L7.47434165,0.777146139 C7.32034758,0.828477494 7.00570482,0.828024608 6.85306942,0.777146139 L4.79056942,0.0896461387 C4.43082734,-0.0302678876 3.89426681,-0.0294955811 3.53684165,0.0896461387 L1.47434165,0.777146139 L1,0.935260022 L1.31622777,1.88394332 L1.79056942,1.72582944 L2.16370553,1.60145073 L2.16370553,0.907737788 L11.1637055,0.907737788 L11.1637055,1.2681174 Z M25.3218194,15.9333961 L25.7961611,16.09151 L25.4799333,17.0401933 L25.0055916,16.8820794 L24.5368416,16.7258294 L22.4743416,16.0383294 C22.3203476,15.9869981 22.0057048,15.987451 21.8530694,16.0383294 L19.7905694,16.7258294 C19.4308273,16.8457435 18.8942668,16.8449712 18.5368416,16.7258294 L16.4743416,16.0383294 C16.3203476,15.9869981 16.0057048,15.987451 15.8530694,16.0383294 L13.7905694,16.7258294 C13.4308273,16.8457435 12.8942668,16.8449712 12.5368416,16.7258294 L10.4743416,16.0383294 C10.3203476,15.9869981 10.0057048,15.987451 9.85306942,16.0383294 L7.79056942,16.7258294 C7.43082734,16.8457435 6.89426681,16.8449712 6.53684165,16.7258294 L4.47434165,16.0383294 C4.32034758,15.9869981 4.00570482,15.987451 3.85306942,16.0383294 L1.79056942,16.7258294 L1.31622777,16.8839433 L1,15.93526 L1.47434165,15.7771461 L3.53684165,15.0896461 C3.89426681,14.9705044 4.43082734,14.9697321 4.79056942,15.0896461 L6.85306942,15.7771461 C7.00570482,15.8280246 7.32034758,15.8284775 7.47434165,15.7771461 L9.53684165,15.0896461 C9.89426681,14.9705044 10.4308273,14.9697321 10.7905694,15.0896461 L12.8530694,15.7771461 C13.0057048,15.8280246 13.3203476,15.8284775 13.4743416,15.7771461 L15.5368416,15.0896461 C15.8942668,14.9705044 16.4308273,14.9697321 16.7905694,15.0896461 L18.8530694,15.7771461 C19.0057048,15.8280246 19.3203476,15.8284775 19.4743416,15.7771461 L21.5368416,15.0896461 C21.8942668,14.9705044 22.4308273,14.9697321 22.7905694,15.0896461 L24.8530694,15.7771461 L25.3218194,15.9333961 Z M25.3218194,13.4333961 L25.7961611,13.59151 L25.4799333,14.5401933 L25.0055916,14.3820794 C24.8977153,14.3461207 24.8977153,14.3461207 24.5368416,14.2258294 L22.4743416,13.5383294 C22.3203476,13.4869981 22.0057048,13.487451 21.8530694,13.5383294 L19.7905694,14.2258294 C19.4308273,14.3457435 18.8942668,14.3449712 18.5368416,14.2258294 L16.4743416,13.5383294 C16.3203476,13.4869981 16.0057048,13.487451 15.8530694,13.5383294 L13.7905694,14.2258294 C13.4308273,14.3457435 12.8942668,14.3449712 12.5368416,14.2258294 L10.4743416,13.5383294 C10.3203476,13.4869981 10.0057048,13.487451 9.85306942,13.5383294 L7.79056942,14.2258294 C7.43082734,14.3457435 6.89426681,14.3449712 6.53684165,14.2258294 L4.47434165,13.5383294 C4.32034758,13.4869981 4.00570482,13.487451 3.85306942,13.5383294 L1.79056942,14.2258294 L1.31622777,14.3839433 L1,13.43526 L1.47434165,13.2771461 L3.53684165,12.5896461 C3.89426681,12.4705044 4.43082734,12.4697321 4.79056942,12.5896461 L6.85306942,13.2771461 C7.00570482,13.3280246 7.32034758,13.3284775 7.47434165,13.2771461 L9.53684165,12.5896461 C9.89426681,12.4705044 10.4308273,12.4697321 10.7905694,12.5896461 L12.8530694,13.2771461 C13.0057048,13.3280246 13.3203476,13.3284775 13.4743416,13.2771461 L15.5368416,12.5896461 C15.8942668,12.4705044 16.4308273,12.4697321 16.7905694,12.5896461 L18.8530694,13.2771461 C19.0057048,13.3280246 19.3203476,13.3284775 19.4743416,13.2771461 L21.5368416,12.5896461 C21.8942668,12.4705044 22.4308273,12.4697321 22.7905694,12.5896461 L24.8530694,13.2771461 C25.2139431,13.3974374 25.2139431,13.3974374 25.3218194,13.4333961 Z M25.3218194,10.9333961 L25.7961611,11.09151 L25.4799333,12.0401933 L25.0055916,11.8820794 C24.8977153,11.8461207 24.8977153,11.8461207 24.5368416,11.7258294 L22.4743416,11.0383294 C22.3203476,10.9869981 22.0057048,10.987451 21.8530694,11.0383294 L19.7905694,11.7258294 C19.4308273,11.8457435 18.8942668,11.8449712 18.5368416,11.7258294 L16.4743416,11.0383294 C16.3203476,10.9869981 16.0057048,10.987451 15.8530694,11.0383294 L13.7905694,11.7258294 C13.4308273,11.8457435 12.8942668,11.8449712 12.5368416,11.7258294 L10.4743416,11.0383294 C10.3203476,10.9869981 10.0057048,10.987451 9.85306942,11.0383294 L7.79056942,11.7258294 C7.43082734,11.8457435 6.89426681,11.8449712 6.53684165,11.7258294 L4.47434165,11.0383294 C4.32034758,10.9869981 4.00570482,10.987451 3.85306942,11.0383294 L1.79056942,11.7258294 L1.31622777,11.8839433 L1,10.93526 L1.47434165,10.7771461 L3.53684165,10.0896461 C3.89426681,9.97050442 4.43082734,9.96973211 4.79056942,10.0896461 L6.85306942,10.7771461 C7.00570482,10.8280246 7.32034758,10.8284775 7.47434165,10.7771461 L9.53684165,10.0896461 C9.89426681,9.97050442 10.4308273,9.96973211 10.7905694,10.0896461 L12.8530694,10.7771461 C13.0057048,10.8280246 13.3203476,10.8284775 13.4743416,10.7771461 L15.5368416,10.0896461 C15.8942668,9.97050442 16.4308273,9.96973211 16.7905694,10.0896461 L18.8530694,10.7771461 C19.0057048,10.8280246 19.3203476,10.8284775 19.4743416,10.7771461 L21.5368416,10.0896461 C21.8942668,9.97050442 22.4308273,9.96973211 22.7905694,10.0896461 L24.8530694,10.7771461 C25.2139431,10.8974374 25.2139431,10.8974374 25.3218194,10.9333961 Z" id="Combined-Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/IQ.svg b/public/assets/images/flags/IQ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..16c4cf185fa191b995774f46b979b73fd4f21e57
--- /dev/null
+++ b/public/assets/images/flags/IQ.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>IQ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#DF1E35" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="IQ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <path d="M14,6.25577831 C14,6.11451585 14.0922852,6.04614258 14.2319336,6.1159668 L14.7680664,6.3840332 C14.8961598,6.4480799 15,6.60742188 15,6.74884939 L15,8.75115061 C15,8.88858633 14.8929825,9 14.7476578,9 L14.2523422,9 C14.1129775,9 14,8.88605976 14,8.74422169 L14,6.25577831 Z" id="Rectangle-213" fill="#0F7A40"></path>
+            <path d="M8,6.25577831 C8,6.11451585 8.09228516,6.04614258 8.23193359,6.1159668 L8.76806641,6.3840332 C8.89615979,6.4480799 9,6.60742188 9,6.74884939 L9,8.75115061 C9,8.88858633 8.89298248,9 8.74765778,9 L8.25234222,9 C8.11297746,9 8,8.88605976 8,8.74422169 L8,6.25577831 Z" id="Rectangle-213" fill="#0F7A40"></path>
+            <path d="M12,6.74884939 C12,6.61141367 12.0922852,6.45385742 12.2319336,6.3840332 L12.7680664,6.1159668 C12.8961598,6.0519201 13,6.11394024 13,6.25577831 L13,8.74422169 C13,8.88548415 12.8929825,9 12.7476578,9 L12.2523422,9 C12.1129775,9 12,8.89257812 12,8.75115061 L12,6.74884939 Z" id="Rectangle-213" fill="#0F7A40"></path>
+            <path d="M10,7.74769449 C10,7.6108966 10.0922852,7.45385742 10.2319336,7.3840332 L10.7680664,7.1159668 C10.8961598,7.0519201 11,7.11181023 11,7.2423206 L11,8.04478441 L12.5,8.0447844 L12.5,8.99999997 L11.2476945,9 C11.1108966,9 10.8929825,9 10.7476578,9 L10.2523422,9 C10.1129775,9 10,8.88229752 10,8.75230551 L10,7.74769449 Z" id="Rectangle-213" fill="#0F7A40"></path>
+            <path d="M6,7.74769449 C6,7.6108966 6.09228516,7.45385742 6.23193359,7.3840332 L6.76806641,7.1159668 C6.89615979,7.0519201 7,7.11181023 7,7.2423206 L7,8.04478441 L8.5,8.0447844 L8.5,8.99999997 L7.24769449,9 C7.1108966,9 6.89298248,9 6.74765778,9 L6.25234222,9 C6.11297746,9 6,8.88229752 6,8.75230551 L6,7.74769449 Z" id="Rectangle-213" fill="#0F7A40"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/IR.svg b/public/assets/images/flags/IR.svg
new file mode 100644
index 0000000000000000000000000000000000000000..af3250176f350ad32cb5954e19bee7f3ab553579
--- /dev/null
+++ b/public/assets/images/flags/IR.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>IR</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#38BB56" offset="0%"></stop>
+            <stop stop-color="#2B9F45" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DE1B27" offset="0%"></stop>
+            <stop stop-color="#D80915" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="IR">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <path d="M1,4.25234222 C1,4.11297746 1.10701752,4 1.25234222,4 L1.74765778,4 C1.88702254,4 2,4.10701752 2,4.25234222 L2,4.74765778 C2,4.88702254 1.89298248,5 1.74765778,5 L1.25234222,5 C1.11297746,5 1,4.89298248 1,4.74765778 L1,4.25234222 Z M3,4.25234222 C3,4.11297746 3.10701752,4 3.25234222,4 L3.74765778,4 C3.88702254,4 4,4.10701752 4,4.25234222 L4,4.74765778 C4,4.88702254 3.89298248,5 3.74765778,5 L3.25234222,5 C3.11297746,5 3,4.89298248 3,4.74765778 L3,4.25234222 Z M5,4.25234222 C5,4.11297746 5.10701752,4 5.25234222,4 L5.74765778,4 C5.88702254,4 6,4.10701752 6,4.25234222 L6,4.74765778 C6,4.88702254 5.89298248,5 5.74765778,5 L5.25234222,5 C5.11297746,5 5,4.89298248 5,4.74765778 L5,4.25234222 Z M7,4.25234222 C7,4.11297746 7.10701752,4 7.25234222,4 L7.74765778,4 C7.88702254,4 8,4.10701752 8,4.25234222 L8,4.74765778 C8,4.88702254 7.89298248,5 7.74765778,5 L7.25234222,5 C7.11297746,5 7,4.89298248 7,4.74765778 L7,4.25234222 Z M9,4.25234222 C9,4.11297746 9.10701752,4 9.25234222,4 L9.74765778,4 C9.88702254,4 10,4.10701752 10,4.25234222 L10,4.74765778 C10,4.88702254 9.89298248,5 9.74765778,5 L9.25234222,5 C9.11297746,5 9,4.89298248 9,4.74765778 L9,4.25234222 Z M11,4.25234222 C11,4.11297746 11.1070175,4 11.2523422,4 L11.7476578,4 C11.8870225,4 12,4.10701752 12,4.25234222 L12,4.74765778 C12,4.88702254 11.8929825,5 11.7476578,5 L11.2523422,5 C11.1129775,5 11,4.89298248 11,4.74765778 L11,4.25234222 Z M13,4.25234222 C13,4.11297746 13.1070175,4 13.2523422,4 L13.7476578,4 C13.8870225,4 14,4.10701752 14,4.25234222 L14,4.74765778 C14,4.88702254 13.8929825,5 13.7476578,5 L13.2523422,5 C13.1129775,5 13,4.89298248 13,4.74765778 L13,4.25234222 Z M15,4.25234222 C15,4.11297746 15.1070175,4 15.2523422,4 L15.7476578,4 C15.8870225,4 16,4.10701752 16,4.25234222 L16,4.74765778 C16,4.88702254 15.8929825,5 15.7476578,5 L15.2523422,5 C15.1129775,5 15,4.89298248 15,4.74765778 L15,4.25234222 Z M17,4.25234222 C17,4.11297746 17.1070175,4 17.2523422,4 L17.7476578,4 C17.8870225,4 18,4.10701752 18,4.25234222 L18,4.74765778 C18,4.88702254 17.8929825,5 17.7476578,5 L17.2523422,5 C17.1129775,5 17,4.89298248 17,4.74765778 L17,4.25234222 Z M19,4.25234222 C19,4.11297746 19.1070175,4 19.2523422,4 L19.7476578,4 C19.8870225,4 20,4.10701752 20,4.25234222 L20,4.74765778 C20,4.88702254 19.8929825,5 19.7476578,5 L19.2523422,5 C19.1129775,5 19,4.89298248 19,4.74765778 L19,4.25234222 Z M1,10.2523422 C1,10.1129775 1.10701752,10 1.25234222,10 L1.74765778,10 C1.88702254,10 2,10.1070175 2,10.2523422 L2,10.7476578 C2,10.8870225 1.89298248,11 1.74765778,11 L1.25234222,11 C1.11297746,11 1,10.8929825 1,10.7476578 L1,10.2523422 Z M3,10.2523422 C3,10.1129775 3.10701752,10 3.25234222,10 L3.74765778,10 C3.88702254,10 4,10.1070175 4,10.2523422 L4,10.7476578 C4,10.8870225 3.89298248,11 3.74765778,11 L3.25234222,11 C3.11297746,11 3,10.8929825 3,10.7476578 L3,10.2523422 Z M5,10.2523422 C5,10.1129775 5.10701752,10 5.25234222,10 L5.74765778,10 C5.88702254,10 6,10.1070175 6,10.2523422 L6,10.7476578 C6,10.8870225 5.89298248,11 5.74765778,11 L5.25234222,11 C5.11297746,11 5,10.8929825 5,10.7476578 L5,10.2523422 Z M7,10.2523422 C7,10.1129775 7.10701752,10 7.25234222,10 L7.74765778,10 C7.88702254,10 8,10.1070175 8,10.2523422 L8,10.7476578 C8,10.8870225 7.89298248,11 7.74765778,11 L7.25234222,11 C7.11297746,11 7,10.8929825 7,10.7476578 L7,10.2523422 Z M9,10.2523422 C9,10.1129775 9.10701752,10 9.25234222,10 L9.74765778,10 C9.88702254,10 10,10.1070175 10,10.2523422 L10,10.7476578 C10,10.8870225 9.89298248,11 9.74765778,11 L9.25234222,11 C9.11297746,11 9,10.8929825 9,10.7476578 L9,10.2523422 Z M11,10.2523422 C11,10.1129775 11.1070175,10 11.2523422,10 L11.7476578,10 C11.8870225,10 12,10.1070175 12,10.2523422 L12,10.7476578 C12,10.8870225 11.8929825,11 11.7476578,11 L11.2523422,11 C11.1129775,11 11,10.8929825 11,10.7476578 L11,10.2523422 Z M13,10.2523422 C13,10.1129775 13.1070175,10 13.2523422,10 L13.7476578,10 C13.8870225,10 14,10.1070175 14,10.2523422 L14,10.7476578 C14,10.8870225 13.8929825,11 13.7476578,11 L13.2523422,11 C13.1129775,11 13,10.8929825 13,10.7476578 L13,10.2523422 Z M15,10.2523422 C15,10.1129775 15.1070175,10 15.2523422,10 L15.7476578,10 C15.8870225,10 16,10.1070175 16,10.2523422 L16,10.7476578 C16,10.8870225 15.8929825,11 15.7476578,11 L15.2523422,11 C15.1129775,11 15,10.8929825 15,10.7476578 L15,10.2523422 Z M17,10.2523422 C17,10.1129775 17.1070175,10 17.2523422,10 L17.7476578,10 C17.8870225,10 18,10.1070175 18,10.2523422 L18,10.7476578 C18,10.8870225 17.8929825,11 17.7476578,11 L17.2523422,11 C17.1129775,11 17,10.8929825 17,10.7476578 L17,10.2523422 Z M19,10.2523422 C19,10.1129775 19.1070175,10 19.2523422,10 L19.7476578,10 C19.8870225,10 20,10.1070175 20,10.2523422 L20,10.7476578 C20,10.8870225 19.8929825,11 19.7476578,11 L19.2523422,11 C19.1129775,11 19,10.8929825 19,10.7476578 L19,10.2523422 Z" id="Rectangle-223" fill-opacity="0.5" fill="#FFFFFF"></path>
+            <path d="M9.59127226,6.64164167 C9.37408527,6.87130071 9.25,7.17543058 9.25,7.5 C9.25,8.19035594 9.80964406,8.75 10.5,8.75 C11.1903559,8.75 11.75,8.19035594 11.75,7.5 C11.75,7.18215258 11.6310412,6.88383389 11.4218262,6.65571799 L9.59127226,6.64164167 Z" id="Oval-1" stroke="#D80915" stroke-width="0.5"></path>
+            <rect id="Rectangle-243" fill="#D80915" x="10" y="7" width="1" height="2" rx="0.5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/IS.svg b/public/assets/images/flags/IS.svg
new file mode 100644
index 0000000000000000000000000000000000000000..385a2bf93463e91ad3f140749144b54b38f73346
--- /dev/null
+++ b/public/assets/images/flags/IS.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>IS</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0E4CB5" offset="0%"></stop>
+            <stop stop-color="#063B95" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#EB363A" offset="0%"></stop>
+            <stop stop-color="#D52B2F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="IS">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-1)" points="0 9 6 9 6 15 9 15 9 9 21 9 21 6 9 6 9 0 6 0 6 6 0 6"></polygon>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" points="0 8 7 8 7 15 8 15 8 8 21 8 21 7 8 7 8 0 7 0 7 7 0 7"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/IT.svg b/public/assets/images/flags/IT.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9e76f24c3aa58a9ce0c12180a665371788185ac0
--- /dev/null
+++ b/public/assets/images/flags/IT.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>IT</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E43D4C" offset="0%"></stop>
+            <stop stop-color="#CC2E3C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#1BB65D" offset="0%"></stop>
+            <stop stop-color="#139149" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="IT">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-1)" x="7" y="0" width="7" height="15"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/JA.svg b/public/assets/images/flags/JA.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0a655c0415c85ff27b962d967c2167f697e80757
--- /dev/null
+++ b/public/assets/images/flags/JA.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>JP</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#D81441" offset="0%"></stop>
+            <stop stop-color="#BB0831" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="JP">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <circle id="Oval-9" fill="url(#linearGradient-2)" cx="10.5" cy="7.5" r="4.5"></circle>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/JE.svg b/public/assets/images/flags/JE.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6663c5042c59e6f7d17fb2673103716d5c327cd5
--- /dev/null
+++ b/public/assets/images/flags/JE.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>JE</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#EF273F" offset="0%"></stop>
+            <stop stop-color="#DB1C33" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#F22A41" offset="0%"></stop>
+            <stop stop-color="#E51D34" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FADF46" offset="0%"></stop>
+            <stop stop-color="#F9DC38" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="JE">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M10.5002378,6.29111667 L-0.961614117,-1.44000006 L-2.07999992,0.218075088 L8.71194613,7.49733462 L-2.07999992,14.7765941 L-0.961614117,16.4346693 L10.5002378,8.70355256 L21.9620897,16.4346693 L23.0804755,14.7765941 L12.2885294,7.49733462 L23.0804755,0.218075088 L21.9620897,-1.44000006 L10.5002378,6.29111667 Z" id="Rectangle-2" fill="url(#linearGradient-2)"></path>
+            <path d="M9.00023778,2.50201906 C9.00023778,2.22328954 9.21599038,1.99733462 9.49562677,1.99733462 L11.5048488,1.99733462 C11.7784446,1.99733462 12.0002378,2.21136965 12.0002378,2.50201906 L12.0002378,3.49265017 C12.0002378,3.77137969 11.8397115,4.15786089 11.6523374,4.34523501 L10.8481382,5.14943423 C10.6559981,5.34157431 10.3397115,5.33680834 10.1523374,5.14943423 L9.34813817,4.34523501 C9.15599809,4.15309493 9.00023778,3.78329958 9.00023778,3.49265017 L9.00023778,2.50201906 Z" id="Rectangle-1462" fill="url(#linearGradient-3)"></path>
+            <path d="M10.5002378,3.99733462 C10.2240954,3.99733462 10.0002378,3.77347699 10.0002378,3.49733462 C10.0002378,3.22119224 10.2240954,2.99733462 10.5002378,2.99733462 C10.7763802,2.99733462 11.0002378,3.22119224 11.0002378,3.49733462 C11.0002378,3.77347699 10.7763802,3.99733462 10.5002378,3.99733462 Z M10.5002378,1.99733462 C9.67181066,1.99733462 9.00023778,1.77347699 9.00023778,1.49733462 C9.00023778,1.22119224 9.67181066,0.997334616 10.5002378,0.997334616 C11.3286649,0.997334616 12.0002378,1.22119224 12.0002378,1.49733462 C12.0002378,1.77347699 11.3286649,1.99733462 10.5002378,1.99733462 Z" id="Combined-Shape" fill="url(#linearGradient-4)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/JM.svg b/public/assets/images/flags/JM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..54779e777e89865e1c74c378e20c900ddd512920
--- /dev/null
+++ b/public/assets/images/flags/JM.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>JM</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1DBE4F" offset="0%"></stop>
+            <stop stop-color="#159B3F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD646" offset="0%"></stop>
+            <stop stop-color="#FED02F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="JM">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0.000237781813" y="-0.00266538434" width="21" height="15"></rect>
+            <polygon id="Rectangle-253" fill="url(#linearGradient-3)" points="0.000237781813 -0.00266538434 9.00023778 7.49733462 0.000237781813 14.9973346"></polygon>
+            <polygon id="Rectangle-253" fill="url(#linearGradient-3)" transform="translate(16.500238, 7.497335) scale(-1, 1) translate(-16.500238, -7.497335) " points="12.0002378 -0.00266538434 21.0002378 7.49733462 12.0002378 14.9973346"></polygon>
+            <path d="M10.5002378,6.29111667 L-0.961614117,-1.44000006 L-2.07999992,0.218075088 L8.71194613,7.49733462 L-2.07999992,14.7765941 L-0.961614117,16.4346693 L10.5002378,8.70355256 L21.9620897,16.4346693 L23.0804755,14.7765941 L12.2885294,7.49733462 L23.0804755,0.218075088 L21.9620897,-1.44000006 L10.5002378,6.29111667 Z" id="Rectangle-2" fill="url(#linearGradient-4)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/JO.svg b/public/assets/images/flags/JO.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b0788e769836d695693a666414313a5c31767654
--- /dev/null
+++ b/public/assets/images/flags/JO.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>JO</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#199E56" offset="0%"></stop>
+            <stop stop-color="#0F7A40" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#E6223A" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="JO">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-4)" points="0 0 10 7.5 0 15"></polygon>
+            <polygon id="Star-27" fill="url(#linearGradient-1)" points="3.5 8.25 2.84917439 8.8514533 2.91362639 7.96761735 2.03760813 7.8337814 2.76880407 7.3331093 2.32725278 6.5647653 3.1745872 6.82427335 3.5 6 3.8254128 6.82427335 4.67274722 6.5647653 4.23119593 7.3331093 4.96239187 7.8337814 4.08637361 7.96761735 4.15082561 8.8514533"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/JP.svg b/public/assets/images/flags/JP.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0a655c0415c85ff27b962d967c2167f697e80757
--- /dev/null
+++ b/public/assets/images/flags/JP.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>JP</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#D81441" offset="0%"></stop>
+            <stop stop-color="#BB0831" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="JP">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <circle id="Oval-9" fill="url(#linearGradient-2)" cx="10.5" cy="7.5" r="4.5"></circle>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/KE.svg b/public/assets/images/flags/KE.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6c6a6cf6f808f3932f2bfaa581264d6fb029c270
--- /dev/null
+++ b/public/assets/images/flags/KE.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>KE</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#018301" offset="0%"></stop>
+            <stop stop-color="#006700" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#DC0808" offset="0%"></stop>
+            <stop stop-color="#BC0000" offset="100%"></stop>
+        </linearGradient>
+        <path d="M2.5,10.5 C3.5,10.5 5,8.53756612 5,5.5 C5,2.46243388 3.5,0.5 2.5,0.5 C1.5,0.5 0,2.46243388 0,5.5 C0,8.53756612 1.5,10.5 2.5,10.5 Z" id="path-5"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="KE">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="11" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="4" width="21" height="7"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-4)" x="0" y="5" width="21" height="5"></rect>
+            <g id="Oval-225" transform="translate(8.000000, 2.000000)">
+                <mask id="mask-6" fill="white">
+                    <use xlink:href="#path-5"></use>
+                </mask>
+                <use id="Mask" fill="#BC0000" xlink:href="#path-5"></use>
+                <ellipse id="Mask-Copy" fill="url(#linearGradient-2)" mask="url(#mask-6)" cx="-1.5" cy="5.5" rx="2.5" ry="5.5"></ellipse>
+                <ellipse id="Mask-Copy-2" fill="url(#linearGradient-2)" mask="url(#mask-6)" cx="6.5" cy="5.5" rx="2.5" ry="5.5"></ellipse>
+                <path d="M2.5,7 C2.22385763,7 2,6.32842712 2,5.5 C2,4.67157288 2.22385763,4 2.5,4 C2.77614237,4 3,4.67157288 3,5.5 C3,6.32842712 2.77614237,7 2.5,7 Z M2.5,4 C2.22385763,4 2,3.1045695 2,2 C2,0.8954305 2.22385763,0 2.5,0 C2.77614237,0 3,0.8954305 3,2 C3,3.1045695 2.77614237,4 2.5,4 Z M2.5,11 C2.22385763,11 2,10.1045695 2,9 C2,7.8954305 2.22385763,7 2.5,7 C2.77614237,7 3,7.8954305 3,9 C3,10.1045695 2.77614237,11 2.5,11 Z" id="Oval-228" fill="url(#linearGradient-1)" mask="url(#mask-6)"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/KG.svg b/public/assets/images/flags/KG.svg
new file mode 100644
index 0000000000000000000000000000000000000000..12e6a244dc55573da3476b36c575ffb32a09fb04
--- /dev/null
+++ b/public/assets/images/flags/KG.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>KG</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F22A46" offset="0%"></stop>
+            <stop stop-color="#E71834" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFF04D" offset="0%"></stop>
+            <stop stop-color="#FFEE35" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="KG">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <circle id="Oval-9" fill="url(#linearGradient-3)" cx="10.5" cy="7.5" r="2.5"></circle>
+            <path d="M10.5,11.0352098 L9.27613486,12.8621035 L8.96612997,10.6851139 L7.07080609,11.8000732 L7.73606171,9.70416723 L5.54467123,9.88636057 L7.05342533,8.28665818 L5,7.5 L7.05342533,6.71334182 L5.54467123,5.11363943 L7.73606171,5.29583277 L7.07080609,3.19992685 L8.96612997,4.31488606 L9.27613486,2.13789648 L10.5,3.96479024 L11.7238651,2.13789648 L12.03387,4.31488606 L13.9291939,3.19992685 L13.2639383,5.29583277 L15.4553288,5.11363943 L13.9465747,6.71334182 L16,7.5 L13.9465747,8.28665818 L15.4553288,9.88636057 L13.2639383,9.70416723 L13.9291939,11.8000732 L12.03387,10.6851139 L11.7238651,12.8621035 L10.5,11.0352098 Z M10.5,11 C12.4329966,11 14,9.43299662 14,7.5 C14,5.56700338 12.4329966,4 10.5,4 C8.56700338,4 7,5.56700338 7,7.5 C7,9.43299662 8.56700338,11 10.5,11 Z" id="Star-28" fill="url(#linearGradient-3)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/KH.svg b/public/assets/images/flags/KH.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9ea454bbe344abe279dbd046989ba2352215a139
--- /dev/null
+++ b/public/assets/images/flags/KH.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>KH</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0F3EB6" offset="0%"></stop>
+            <stop stop-color="#09339F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#ED1A3C" offset="0%"></stop>
+            <stop stop-color="#DE0B2D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="KH">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="11" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="4" width="21" height="7"></rect>
+            <path d="M7.5,8 L8.5,8 L8.5,10 L6.5,10 L7.5,8 Z M9,8 L12,8 L12,10 L9,10 L9,8 Z M12.5,8 L13.5,8 L14.5,10 L12.5,10 L12.5,8 Z M12.5,6.50783157 C12.5,6.22736394 12.7319336,6 13,6 C13.2761424,6 13.5,6.22133017 13.5,6.50783157 L13.5,7.5 L12.5,7.5 L12.5,6.50783157 Z M9,6.54541016 L10,6.54541016 L10,5.99821125 C10,5.72305678 10.2319336,5.5 10.5,5.5 C10.7761424,5.5 11,5.72170461 11,5.99821125 L11,6.54541016 L12,6.54541016 L12,7.5 L9,7.5 L9,6.54541016 Z M7.5,6.50783157 C7.5,6.22736394 7.73193359,6 8,6 C8.27614237,6 8.5,6.22133017 8.5,6.50783157 L8.5,7.5 L7.5,7.5 L7.5,6.50783157 Z" id="Rectangle-621" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/KI.svg b/public/assets/images/flags/KI.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e00e2352a8388e00082be908d7e7864fee15dd80
--- /dev/null
+++ b/public/assets/images/flags/KI.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>KI</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E62B3F" offset="0%"></stop>
+            <stop stop-color="#CA1A2C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFDA57" offset="0%"></stop>
+            <stop stop-color="#FCD036" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#0752A2" offset="0%"></stop>
+            <stop stop-color="#034285" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="KI">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="8"></rect>
+            <circle id="Oval-9" fill="url(#linearGradient-3)" cx="10.5" cy="8.5" r="2.5"></circle>
+            <path d="M10.5,12.0352098 L9.27613486,13.8621035 L8.96612997,11.6851139 L7.07080609,12.8000732 L7.73606171,10.7041672 L5.54467123,10.8863606 L7.05342533,9.28665818 L5,8.5 L7.05342533,7.71334182 L5.54467123,6.11363943 L7.73606171,6.29583277 L7.07080609,4.19992685 L8.96612997,5.31488606 L9.27613486,3.13789648 L10.5,4.96479024 L11.7238651,3.13789648 L12.03387,5.31488606 L13.9291939,4.19992685 L13.2639383,6.29583277 L15.4553288,6.11363943 L13.9465747,7.71334182 L16,8.5 L13.9465747,9.28665818 L15.4553288,10.8863606 L13.2639383,10.7041672 L13.9291939,12.8000732 L12.03387,11.6851139 L11.7238651,13.8621035 L10.5,12.0352098 Z M10.5,12 C12.4329966,12 14,10.4329966 14,8.5 C14,6.56700338 12.4329966,5 10.5,5 C8.56700338,5 7,6.56700338 7,8.5 C7,10.4329966 8.56700338,12 10.5,12 Z" id="Star-28" fill="url(#linearGradient-3)"></path>
+            <path d="M8.85997899,2.40260323 L8.81322551,2.16883603 L9.79504781,2.00519898 C9.79504781,2.00519898 8.47652011,1.69359977 8.04179378,1.53766457 C7.41713118,1.31359973 7.5041292,1.14026032 7.5041292,1.14026032 C7.5041292,1.14026032 9.28903921,1.49091113 10.1690753,1.49091113 C10.3565414,1.49091113 10.7301166,1.95844554 10.7301166,1.95844554 C10.7301166,1.95844554 11.3788461,1.30299147 11.6885622,1.28052065 C13.0954933,1.1784436 14.6106522,1 14.6106522,1 C14.6106522,1 14.1718151,1.29423831 13.9093506,1.37402753 C13.1977851,1.59034343 11.6885622,1.88831538 11.6885622,1.88831538 L11.4781717,2.21558947 L12.9742818,2.21558947 L12.3431103,2.40260323 L12.6703844,2.7065006 C12.6703844,2.7065006 12.3270643,2.52901112 11.8755759,2.61299372 C11.5655119,2.67066958 11.2034989,2.87798459 10.8703769,2.96364452 C10.0521917,3.17403501 9.5612806,2.40260323 9.5612806,2.40260323 L8.85997899,2.40260323 Z" id="Rectangle-1399" fill="url(#linearGradient-3)"></path>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="8" width="21" height="7"></rect>
+            <path d="M23.3218194,12.9333961 L23.7961611,13.09151 L23.4799333,14.0401933 L23.0055916,13.8820794 C22.8977153,13.8461207 22.8977153,13.8461207 22.5368416,13.7258294 L20.4743416,13.0383294 C20.3203476,12.9869981 20.0057048,12.987451 19.8530694,13.0383294 L17.7905694,13.7258294 C17.4308273,13.8457435 16.8942668,13.8449712 16.5368416,13.7258294 L14.4743416,13.0383294 C14.3203476,12.9869981 14.0057048,12.987451 13.8530694,13.0383294 L11.7905694,13.7258294 C11.4308273,13.8457435 10.8942668,13.8449712 10.5368416,13.7258294 L8.47434165,13.0383294 C8.32034758,12.9869981 8.00570482,12.987451 7.85306942,13.0383294 L5.79056942,13.7258294 C5.43082734,13.8457435 4.89426681,13.8449712 4.53684165,13.7258294 L2.47434165,13.0383294 C2.32034758,12.9869981 2.00570482,12.987451 1.85306942,13.0383294 L-0.209430585,13.7258294 L-0.683772234,13.8839433 L-1,12.93526 L-0.525658351,12.7771461 L1.53684165,12.0896461 C1.89426681,11.9705044 2.43082734,11.9697321 2.79056942,12.0896461 L4.85306942,12.7771461 C5.00570482,12.8280246 5.32034758,12.8284775 5.47434165,12.7771461 L7.53684165,12.0896461 C7.89426681,11.9705044 8.43082734,11.9697321 8.79056942,12.0896461 L10.8530694,12.7771461 C11.0057048,12.8280246 11.3203476,12.8284775 11.4743416,12.7771461 L13.5368416,12.0896461 C13.8942668,11.9705044 14.4308273,11.9697321 14.7905694,12.0896461 L16.8530694,12.7771461 C17.0057048,12.8280246 17.3203476,12.8284775 17.4743416,12.7771461 L19.5368416,12.0896461 C19.8942668,11.9705044 20.4308273,11.9697321 20.7905694,12.0896461 L22.8530694,12.7771461 C23.2139431,12.8974374 23.2139431,12.8974374 23.3218194,12.9333961 Z M23.3218194,10.4333961 L23.7961611,10.59151 L23.4799333,11.5401933 L23.0055916,11.3820794 C22.8977153,11.3461207 22.8977153,11.3461207 22.5368416,11.2258294 L20.4743416,10.5383294 C20.3203476,10.4869981 20.0057048,10.487451 19.8530694,10.5383294 L17.7905694,11.2258294 C17.4308273,11.3457435 16.8942668,11.3449712 16.5368416,11.2258294 L14.4743416,10.5383294 C14.3203476,10.4869981 14.0057048,10.487451 13.8530694,10.5383294 L11.7905694,11.2258294 C11.4308273,11.3457435 10.8942668,11.3449712 10.5368416,11.2258294 L8.47434165,10.5383294 C8.32034758,10.4869981 8.00570482,10.487451 7.85306942,10.5383294 L5.79056942,11.2258294 C5.43082734,11.3457435 4.89426681,11.3449712 4.53684165,11.2258294 L2.47434165,10.5383294 C2.32034758,10.4869981 2.00570482,10.487451 1.85306942,10.5383294 L-0.209430585,11.2258294 L-0.683772234,11.3839433 L-1,10.43526 L-0.525658351,10.2771461 L1.53684165,9.58964614 C1.89426681,9.47050442 2.43082734,9.46973211 2.79056942,9.58964614 L4.85306942,10.2771461 C5.00570482,10.3280246 5.32034758,10.3284775 5.47434165,10.2771461 L7.53684165,9.58964614 C7.89426681,9.47050442 8.43082734,9.46973211 8.79056942,9.58964614 L10.8530694,10.2771461 C11.0057048,10.3280246 11.3203476,10.3284775 11.4743416,10.2771461 L13.5368416,9.58964614 C13.8942668,9.47050442 14.4308273,9.46973211 14.7905694,9.58964614 L16.8530694,10.2771461 C17.0057048,10.3280246 17.3203476,10.3284775 17.4743416,10.2771461 L19.5368416,9.58964614 C19.8942668,9.47050442 20.4308273,9.46973211 20.7905694,9.58964614 L22.8530694,10.2771461 C23.2139431,10.3974374 23.2139431,10.3974374 23.3218194,10.4333961 Z M23.3218194,7.93339614 L23.7961611,8.09151002 L23.4799333,9.04019332 L23.0055916,8.88207944 C22.8977153,8.84612067 22.8977153,8.84612067 22.5368416,8.72582944 L20.4743416,8.03832944 C20.3203476,7.98699808 20.0057048,7.98745097 19.8530694,8.03832944 L17.7905694,8.72582944 C17.4308273,8.84574346 16.8942668,8.84497116 16.5368416,8.72582944 L14.4743416,8.03832944 C14.3203476,7.98699808 14.0057048,7.98745097 13.8530694,8.03832944 L11.7905694,8.72582944 C11.4308273,8.84574346 10.8942668,8.84497116 10.5368416,8.72582944 L8.47434165,8.03832944 C8.32034758,7.98699808 8.00570482,7.98745097 7.85306942,8.03832944 L5.79056942,8.72582944 C5.43082734,8.84574346 4.89426681,8.84497116 4.53684165,8.72582944 L2.47434165,8.03832944 C2.32034758,7.98699808 2.00570482,7.98745097 1.85306942,8.03832944 L-0.209430585,8.72582944 L-0.683772234,8.88394332 L-1,7.93526002 L-0.525658351,7.77714614 L1.53684165,7.08964614 C1.89426681,6.97050442 2.43082734,6.96973211 2.79056942,7.08964614 L4.85306942,7.77714614 C5.00570482,7.82802461 5.32034758,7.82847749 5.47434165,7.77714614 L7.53684165,7.08964614 C7.89426681,6.97050442 8.43082734,6.96973211 8.79056942,7.08964614 L10.8530694,7.77714614 C11.0057048,7.82802461 11.3203476,7.82847749 11.4743416,7.77714614 L13.5368416,7.08964614 C13.8942668,6.97050442 14.4308273,6.96973211 14.7905694,7.08964614 L16.8530694,7.77714614 C17.0057048,7.82802461 17.3203476,7.82847749 17.4743416,7.77714614 L19.5368416,7.08964614 C19.8942668,6.97050442 20.4308273,6.96973211 20.7905694,7.08964614 L22.8530694,7.77714614 L23.3218194,7.93339614 Z" id="Combined-Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/KM.svg b/public/assets/images/flags/KM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2da152d57e2eb4c3ae1739ffe5e5796d3cf5567a
--- /dev/null
+++ b/public/assets/images/flags/KM.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>KM</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FFCB49" offset="0%"></stop>
+            <stop stop-color="#FFC638" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DC1D34" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#4985D4" offset="0%"></stop>
+            <stop stop-color="#3D77C2" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#4BA343" offset="0%"></stop>
+            <stop stop-color="#408D39" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="KM">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="7" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="11" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="4" width="21" height="3"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-5)" points="0 15 10 7.5 0 0"></polygon>
+            <path d="M4.75,4.59451311 C4.51028506,4.53281475 4.25897468,4.5 4,4.5 C2.34314575,4.5 1,5.84314575 1,7.5 C1,9.15685425 2.34314575,10.5 4,10.5 C4.25897468,10.5 4.51028506,10.4671852 4.75,10.4054869 C3.45607959,10.0724548 2.5,8.89787957 2.5,7.5 C2.5,6.10212043 3.45607959,4.92754521 4.75,4.59451311 Z M5.5,6 C5.22385763,6 5,5.77614237 5,5.5 C5,5.22385763 5.22385763,5 5.5,5 C5.77614237,5 6,5.22385763 6,5.5 C6,5.77614237 5.77614237,6 5.5,6 Z M5.5,8 C5.22385763,8 5,7.77614237 5,7.5 C5,7.22385763 5.22385763,7 5.5,7 C5.77614237,7 6,7.22385763 6,7.5 C6,7.77614237 5.77614237,8 5.5,8 Z M5.5,10 C5.22385763,10 5,9.77614237 5,9.5 C5,9.22385763 5.22385763,9 5.5,9 C5.77614237,9 6,9.22385763 6,9.5 C6,9.77614237 5.77614237,10 5.5,10 Z" id="Oval-12" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/KN.svg b/public/assets/images/flags/KN.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e65b7b61fc5f235115d830d899f0847414b741ce
--- /dev/null
+++ b/public/assets/images/flags/KN.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>KN</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1EC160" offset="0%"></stop>
+            <stop stop-color="#169E4D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DF2A40" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="16.7418103%" x2="50%" y2="82.421746%" id="linearGradient-4">
+            <stop stop-color="#FFD956" offset="0%"></stop>
+            <stop stop-color="#FCD036" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="KN">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-2)" points="0.00133425498 10.0000458 21.0013343 4.57640854e-05 0.00133425498 4.57640854e-05"></polygon>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" points="0.00133425498 15.0000458 21.0013343 15.0000458 21.0013343 5.00004576"></polygon>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-4)" points="0.58927355 19.0000915 25.1826683 3.63243287 20.413395 -4 -4.17999983 11.3676587"></polygon>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-5)" points="-0.470564979 17.3039953 24.1228298 1.93633667 21.4732335 -2.30390381 -3.1201613 13.0637549"></polygon>
+            <polygon id="Star-29" fill="url(#linearGradient-1)" points="15.2333851 5.84812198 14.5243281 6.97114036 14.0642545 5.7252414 12.7770899 5.39791995 13.8198396 4.57535993 13.7333851 3.25004576 14.8379135 3.98757468 16.0716463 3.49580692 15.7115327 4.77418488 16.560476 5.79556986"></polygon>
+            <polygon id="Star-29" fill="url(#linearGradient-1)" points="7.23338506 10.6981281 6.52432814 11.8211465 6.06425446 10.5752475 4.77708986 10.2479261 5.8198396 9.42536603 5.73338506 8.10005187 6.83791353 8.83758078 8.07164628 8.34581302 7.71153266 9.62419098 8.56047598 10.645576"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/KP.svg b/public/assets/images/flags/KP.svg
new file mode 100644
index 0000000000000000000000000000000000000000..649feb27557b05f1d80467836404e3ed6098cd85
--- /dev/null
+++ b/public/assets/images/flags/KP.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>KP</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1461B6" offset="0%"></stop>
+            <stop stop-color="#0B52A1" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#F53846" offset="0%"></stop>
+            <stop stop-color="#EB2130" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="KP">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="12" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="3" width="21" height="9"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-3)" x="0" y="4" width="21" height="7"></rect>
+            <path d="M7.5,10 C6.11928813,10 5,8.88071187 5,7.5 C5,6.11928813 6.11928813,5 7.5,5 C8.88071187,5 10,6.11928813 10,7.5 C10,8.88071187 8.88071187,10 7.5,10 Z M7.5,8.50318386 L8.96946313,9.52254249 L8.45408455,7.81000086 L9.87764129,6.72745751 L8.08965668,6.68840721 L7.5,5 L6.91034332,6.68840721 L5.12235871,6.72745751 L6.54591545,7.81000086 L6.03053687,9.52254249 L7.5,8.50318386 Z" id="Oval-12" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/KR.svg b/public/assets/images/flags/KR.svg
new file mode 100644
index 0000000000000000000000000000000000000000..078665a5056068b8ebdfee26401e59d61ce75400
--- /dev/null
+++ b/public/assets/images/flags/KR.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>KR</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E01B41" offset="0%"></stop>
+            <stop stop-color="#C51335" offset="100%"></stop>
+        </linearGradient>
+        <circle id="path-3" cx="3.5" cy="3.5" r="3.5"></circle>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#0E4B9C" offset="0%"></stop>
+            <stop stop-color="#053677" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="KR">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <g id="Group-2" transform="translate(7.000000, 4.000000)">
+                <mask id="mask-4" fill="white">
+                    <use xlink:href="#path-3"></use>
+                </mask>
+                <use id="Mask" fill="url(#linearGradient-2)" xlink:href="#path-3"></use>
+                <path d="M-4.4797499e-14,4 C0.999999977,4.93749998 2.5,5.5 3.5,4 C4.5,2.5 6.5,2.49999995 7,4 C7.5,5.50000005 7,7 7,7 L-4.4797499e-14,7 C-4.4797499e-14,7 -0.999999977,3.06250002 -4.4797499e-14,4 Z" id="Rectangle-277" fill="url(#linearGradient-5)" mask="url(#mask-4)"></path>
+            </g>
+            <path d="M14.2080162,3.92247241 C14.1373849,3.80013553 14.1728069,3.64745314 14.2986618,3.57479078 L14.7276176,3.32713301 C14.8483111,3.25745063 15.0031225,3.29963704 15.0740416,3.42247241 L16.3182633,5.57752759 C16.3888945,5.69986447 16.3534725,5.85254686 16.2276176,5.92520922 L15.7986618,6.17286699 C15.6779684,6.24254937 15.5231569,6.20036296 15.4522379,6.07752759 L14.2080162,3.92247241 Z M15.5070543,3.17247241 C15.4364231,3.05013553 15.471845,2.89745314 15.5976999,2.82479078 L16.0266558,2.57713301 C16.1473492,2.50745063 16.3021606,2.54963704 16.3730797,2.67247241 L17.6173014,4.82752759 C17.6879326,4.94986447 17.6525106,5.10254686 17.5266558,5.17520922 L17.0976999,5.42286699 C16.9770065,5.49254937 16.822195,5.45036296 16.751276,5.32752759 L15.5070543,3.17247241 Z M3.38269863,10.1724724 C3.3120674,10.0501355 3.34748936,9.89745314 3.47334425,9.82479078 L3.9023001,9.57713301 C4.02299352,9.50745063 4.17780499,9.54963704 4.24872403,9.67247241 L5.49294572,11.8275276 C5.56357695,11.9498645 5.52815499,12.1025469 5.4023001,12.1752092 L4.97334425,12.422867 C4.85265082,12.4925494 4.69783935,12.450363 4.62692032,12.3275276 L3.38269863,10.1724724 Z M4.68173673,9.42247241 C4.6111055,9.30013553 4.64652747,9.14745314 4.77238235,9.07479078 L5.2013382,8.82713301 C5.32203163,8.75745063 5.4768431,8.79963704 5.54776214,8.92247241 L6.79198382,11.0775276 C6.86261506,11.1998645 6.82719309,11.3525469 6.7013382,11.4252092 L6.27238235,11.672867 C6.15168893,11.7425494 5.99687746,11.700363 5.92595842,11.5775276 L4.68173673,9.42247241 Z M15.4522379,8.92247241 C15.5228691,8.80013553 15.6728069,8.75447065 15.7986618,8.82713301 L16.2276176,9.07479078 C16.3483111,9.14447316 16.3891823,9.29963704 16.3182633,9.42247241 L15.0740416,11.5775276 C15.0034103,11.6998645 14.8534725,11.7455293 14.7276176,11.672867 L14.2986618,11.4252092 C14.1779684,11.3555268 14.1370971,11.200363 14.2080162,11.0775276 L15.4522379,8.92247241 Z M16.751276,9.67247241 C16.8219072,9.55013553 16.971845,9.50447065 17.0976999,9.57713301 L17.5266558,9.82479078 C17.6473492,9.89447316 17.6882204,10.049637 17.6173014,10.1724724 L16.3730797,12.3275276 C16.3024485,12.4498645 16.1525106,12.4955293 16.0266558,12.422867 L15.5976999,12.1752092 C15.4770065,12.1055268 15.4361352,11.950363 15.5070543,11.8275276 L16.751276,9.67247241 Z M4.62692032,2.67247241 C4.69755155,2.55013553 4.84748936,2.50447065 4.97334425,2.57713301 L5.4023001,2.82479078 C5.52299352,2.89447316 5.56386476,3.04963704 5.49294572,3.17247241 L4.24872403,5.32752759 C4.1780928,5.44986447 4.02815499,5.49552935 3.9023001,5.42286699 L3.47334425,5.17520922 C3.35265082,5.10552684 3.31177959,4.95036296 3.38269863,4.82752759 L4.62692032,2.67247241 Z M5.92595842,3.42247241 C5.99658965,3.30013553 6.14652747,3.25447065 6.27238235,3.32713301 L6.7013382,3.57479078 C6.82203163,3.64447316 6.86290286,3.79963704 6.79198382,3.92247241 L5.54776214,6.07752759 C5.47713091,6.19986447 5.32719309,6.24552935 5.2013382,6.17286699 L4.77238235,5.92520922 C4.65168893,5.85552684 4.6108177,5.70036296 4.68173673,5.57752759 L5.92595842,3.42247241 Z" id="Rectangle-278" fill="url(#linearGradient-6)" opacity="0.75"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/KW.svg b/public/assets/images/flags/KW.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a73b0113911f8842c671a8feedcdb4db8bc4619d
--- /dev/null
+++ b/public/assets/images/flags/KW.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>KW</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#D72238" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#169A53" offset="0%"></stop>
+            <stop stop-color="#0F7A40" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="KW">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-4)" points="0 0 7 5 7 10 0 15"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/KY.svg b/public/assets/images/flags/KY.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2240dbc6b8b81d1853ee36b2ade2e392bd367032
--- /dev/null
+++ b/public/assets/images/flags/KY.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>KY</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#07319C" offset="0%"></stop>
+            <stop stop-color="#00247E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,3.5 L0,0 L5,0 L5,3.5 C5,6 2.5,7 2.5,7 C2.5,7 0,6 0,3.5 Z" id="path-4"></path>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#125FBA" offset="0%"></stop>
+            <stop stop-color="#0C50A1" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="KY">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M3,3.22996746 L-1.3516287,-0.5 L0.660232527,-0.5 L4.16023253,2 L4.85660189,2 L9.5,-0.902123821 L9.5,0.25 C9.5,0.552509227 9.33308555,0.876533554 9.08215972,1.05576629 L6,3.25730895 L6,3.77003254 L9.13722049,6.45907867 C9.59934261,6.85518335 9.34102897,7.5 8.75,7.5 C8.50478614,7.5 8.2052751,7.40393402 8.00092153,7.25796718 L4.83976747,5 L4.14339811,5 L-0.5,7.90212382 L-0.5,6.24269105 L3,3.74269105 L3,3.22996746 Z" id="Rectangle-36" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M3.5,3 L-4.4408921e-16,7.10542736e-15 L0.5,7.10542736e-15 L4,2.5 L5,2.5 L9,7.10542736e-15 L9,0.25 C9,0.388071187 8.91348267,0.561798096 8.79154062,0.648899555 L5.5,3 L5.5,4 L8.8118248,6.83870697 C8.91575109,6.92778665 8.8840332,7 8.75,7 L8.75,7 C8.61192881,7 8.41348267,6.9382019 8.29154062,6.85110044 L5,4.5 L4,4.5 L-4.4408921e-16,7 L-4.4408921e-16,6.5 L3.5,4 L3.5,3 Z" id="Rectangle-36" fill="url(#linearGradient-3)"></path>
+            <path d="M-4.4408921e-16,2.5 L-4.4408921e-16,4.5 L3.5,4.5 L3.5,7.00461102 C3.5,7.2782068 3.71403503,7.5 4.00468445,7.5 L4.99531555,7.5 C5.27404508,7.5 5.5,7.2842474 5.5,7.00461102 L5.5,4.5 L9.00952148,4.5 C9.28040529,4.5 9.5,4.28596497 9.5,3.99531555 L9.5,3.00468445 C9.5,2.72595492 9.28494263,2.5 9.00952148,2.5 L5.5,2.5 L5.5,7.10542736e-15 L3.5,7.10542736e-15 L3.5,2.5 L-4.4408921e-16,2.5 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-36" fill="url(#linearGradient-3)" points="-4.4408921e-16 3 4 3 4 2.5 4 7.10542736e-15 5 7.10542736e-15 5 2.5 5 3 9 3 9 4 5 4 5 4.5 5 7 4 7 4 4.5 4 4 -4.4408921e-16 4"></polygon>
+            <ellipse id="Oval-180" fill="#FAD051" cx="15.5" cy="4" rx="1.5" ry="1"></ellipse>
+            <g id="Rectangle-1105" transform="translate(13.000000, 4.000000)">
+                <mask id="mask-5" fill="white">
+                    <use xlink:href="#path-4"></use>
+                </mask>
+                <use id="Mask" fill="url(#linearGradient-1)" xlink:href="#path-4"></use>
+                <polygon id="Rectangle-1106" fill="#CF142C" mask="url(#mask-5)" points="8.97060204e-14 0 5 0 5 1 3 1 2 1 8.97060204e-14 1"></polygon>
+                <path d="M1.37667655e-13,6 L5,6 L5,7 L3,7 L2,7 L1.37667655e-13,7 L1.37667655e-13,6 Z M1.37667655e-13,4 L5,4 L5,5 L3,5 L2,5 L1.37667655e-13,5 L1.37667655e-13,4 Z M1.37667655e-13,2 L5,2 L5,3 L3,3 L2,3 L1.37667655e-13,3 L1.37667655e-13,2 Z" id="Rectangle-1106" fill="url(#linearGradient-6)" mask="url(#mask-5)"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/KZ.svg b/public/assets/images/flags/KZ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6076ac54e7ceaa41c898198b00e16309a7873ae8
--- /dev/null
+++ b/public/assets/images/flags/KZ.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>KZ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#30C6E0" offset="0%"></stop>
+            <stop stop-color="#1CB0C9" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFCD4B" offset="0%"></stop>
+            <stop stop-color="#FEC531" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="KZ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <circle id="Oval-9" fill="url(#linearGradient-3)" cx="10.5" cy="7.5" r="3"></circle>
+            <path d="M10.5,11.0352098 L9.27613486,12.8621035 L8.96612997,10.6851139 L7.07080609,11.8000732 L7.73606171,9.70416723 L5.54467123,9.88636057 L7.05342533,8.28665818 L5,7.5 L7.05342533,6.71334182 L5.54467123,5.11363943 L7.73606171,5.29583277 L7.07080609,3.19992685 L8.96612997,4.31488606 L9.27613486,2.13789648 L10.5,3.96479024 L11.7238651,2.13789648 L12.03387,4.31488606 L13.9291939,3.19992685 L13.2639383,5.29583277 L15.4553288,5.11363943 L13.9465747,6.71334182 L16,7.5 L13.9465747,8.28665818 L15.4553288,9.88636057 L13.2639383,9.70416723 L13.9291939,11.8000732 L12.03387,10.6851139 L11.7238651,12.8621035 L10.5,11.0352098 Z M10.5,11 C12.4329966,11 14,9.43299662 14,7.5 C14,5.56700338 12.4329966,4 10.5,4 C8.56700338,4 7,5.56700338 7,7.5 C7,9.43299662 8.56700338,11 10.5,11 Z" id="Star-28" fill="url(#linearGradient-3)"></path>
+            <path d="M1,1.25234222 C1,1.11297746 1.10701752,1 1.25234222,1 L1.74765778,1 C1.88702254,1 2,1.10701752 2,1.25234222 L2,1.74765778 C2,1.88702254 1.89298248,2 1.74765778,2 L1.25234222,2 C1.11297746,2 1,1.89298248 1,1.74765778 L1,1.25234222 Z M1,3.25234222 C1,3.11297746 1.10701752,3 1.25234222,3 L1.74765778,3 C1.88702254,3 2,3.10701752 2,3.25234222 L2,3.74765778 C2,3.88702254 1.89298248,4 1.74765778,4 L1.25234222,4 C1.11297746,4 1,3.89298248 1,3.74765778 L1,3.25234222 Z M1,5.25234222 C1,5.11297746 1.10701752,5 1.25234222,5 L1.74765778,5 C1.88702254,5 2,5.10701752 2,5.25234222 L2,5.74765778 C2,5.88702254 1.89298248,6 1.74765778,6 L1.25234222,6 C1.11297746,6 1,5.89298248 1,5.74765778 L1,5.25234222 Z M1,7.25234222 C1,7.11297746 1.10701752,7 1.25234222,7 L1.74765778,7 C1.88702254,7 2,7.10701752 2,7.25234222 L2,7.74765778 C2,7.88702254 1.89298248,8 1.74765778,8 L1.25234222,8 C1.11297746,8 1,7.89298248 1,7.74765778 L1,7.25234222 Z M1,9.25234222 C1,9.11297746 1.10701752,9 1.25234222,9 L1.74765778,9 C1.88702254,9 2,9.10701752 2,9.25234222 L2,9.74765778 C2,9.88702254 1.89298248,10 1.74765778,10 L1.25234222,10 C1.11297746,10 1,9.89298248 1,9.74765778 L1,9.25234222 Z M1,11.2523422 C1,11.1129775 1.10701752,11 1.25234222,11 L1.74765778,11 C1.88702254,11 2,11.1070175 2,11.2523422 L2,11.7476578 C2,11.8870225 1.89298248,12 1.74765778,12 L1.25234222,12 C1.11297746,12 1,11.8929825 1,11.7476578 L1,11.2523422 Z M1,13.2523422 C1,13.1129775 1.10701752,13 1.25234222,13 L1.74765778,13 C1.88702254,13 2,13.1070175 2,13.2523422 L2,13.7476578 C2,13.8870225 1.89298248,14 1.74765778,14 L1.25234222,14 C1.11297746,14 1,13.8929825 1,13.7476578 L1,13.2523422 Z M2,12.2523422 C2,12.1129775 2.10701752,12 2.25234222,12 L2.74765778,12 C2.88702254,12 3,12.1070175 3,12.2523422 L3,12.7476578 C3,12.8870225 2.89298248,13 2.74765778,13 L2.25234222,13 C2.11297746,13 2,12.8929825 2,12.7476578 L2,12.2523422 Z M2,10.2523422 C2,10.1129775 2.10701752,10 2.25234222,10 L2.74765778,10 C2.88702254,10 3,10.1070175 3,10.2523422 L3,10.7476578 C3,10.8870225 2.89298248,11 2.74765778,11 L2.25234222,11 C2.11297746,11 2,10.8929825 2,10.7476578 L2,10.2523422 Z M2,8.25234222 C2,8.11297746 2.10701752,8 2.25234222,8 L2.74765778,8 C2.88702254,8 3,8.10701752 3,8.25234222 L3,8.74765778 C3,8.88702254 2.89298248,9 2.74765778,9 L2.25234222,9 C2.11297746,9 2,8.89298248 2,8.74765778 L2,8.25234222 Z M2,6.25234222 C2,6.11297746 2.10701752,6 2.25234222,6 L2.74765778,6 C2.88702254,6 3,6.10701752 3,6.25234222 L3,6.74765778 C3,6.88702254 2.89298248,7 2.74765778,7 L2.25234222,7 C2.11297746,7 2,6.89298248 2,6.74765778 L2,6.25234222 Z M2,4.25234222 C2,4.11297746 2.10701752,4 2.25234222,4 L2.74765778,4 C2.88702254,4 3,4.10701752 3,4.25234222 L3,4.74765778 C3,4.88702254 2.89298248,5 2.74765778,5 L2.25234222,5 C2.11297746,5 2,4.89298248 2,4.74765778 L2,4.25234222 Z M2,2.25234222 C2,2.11297746 2.10701752,2 2.25234222,2 L2.74765778,2 C2.88702254,2 3,2.10701752 3,2.25234222 L3,2.74765778 C3,2.88702254 2.89298248,3 2.74765778,3 L2.25234222,3 C2.11297746,3 2,2.89298248 2,2.74765778 L2,2.25234222 Z" id="Rectangle-294" fill="url(#linearGradient-3)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/LA.svg b/public/assets/images/flags/LA.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5b740da70042a00b4b14988e07a601f1b19f467b
--- /dev/null
+++ b/public/assets/images/flags/LA.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>LA</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#073A88" offset="0%"></stop>
+            <stop stop-color="#032A67" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E2273E" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="LA">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-2)" x="0" y="4" width="21" height="7"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="11" width="21" height="4"></rect>
+            <circle id="Oval-12" fill="url(#linearGradient-1)" cx="10.5" cy="7.5" r="2.5"></circle>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/LB.svg b/public/assets/images/flags/LB.svg
new file mode 100644
index 0000000000000000000000000000000000000000..401a235d615cd2b98c96d32f4a4180efb859bc47
--- /dev/null
+++ b/public/assets/images/flags/LB.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>LB</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F03340" offset="0%"></stop>
+            <stop stop-color="#EB212E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#1FC065" offset="0%"></stop>
+            <stop stop-color="#17A555" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="LB">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="11" width="21" height="4"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-1)" x="0" y="4" width="21" height="7"></rect>
+            <path d="M9.65024853,9.34975144 C9.84341093,9.15658903 9.84179687,8.84179683 9.64731216,8.64731212 L9.85268784,8.85268779 C9.65790372,8.65790368 9.28596497,8.55350871 9.01585579,8.62103601 L7.98414421,8.8789639 C7.71675875,8.94581027 7.68457031,8.86157222 7.90472984,8.69645257 L9.09527016,7.80354734 C9.31879628,7.63590275 9.27866983,7.49999995 8.99216843,7.49999995 L8.50783157,7.49999995 C8.22736394,7.49999995 8.19907951,7.4004602 8.44386482,7.27806754 L9.55613518,6.72193236 C9.80127495,6.59936248 9.77866983,6.49999995 9.49216843,6.49999995 L9.00783157,6.49999995 C8.72736394,6.49999995 8.68457031,6.36157222 8.90472984,6.19645257 L10.0952702,5.30354734 C10.3187963,5.13590275 10.6845703,5.13842769 10.9047298,5.30354734 L12.0952702,6.19645257 C12.3187963,6.36409716 12.2786698,6.49999995 11.9921684,6.49999995 L11.5078316,6.49999995 C11.2273639,6.49999995 11.1990795,6.59953971 11.4438648,6.72193236 L12.5561352,7.27806754 C12.8012749,7.40063743 12.7786698,7.49999995 12.4921684,7.49999995 L12.0078316,7.49999995 C11.7273639,7.49999995 11.6845703,7.63842769 11.9047298,7.80354734 L13.0952702,8.69645257 C13.3187963,8.86409716 13.285965,8.9464912 13.0158558,8.8789639 L11.9841442,8.62103601 C11.7167587,8.55418964 11.3417969,8.65820308 11.1473122,8.85268779 L11.3526878,8.64731212 C11.1579037,8.84209623 11.15625,9.15624995 11.3497515,9.34975143 L11.6502485,9.65024848 C11.8434109,9.84341089 11.7842474,9.99999996 11.504611,9.99999996 L9.49538898,9.99999999 C9.2217932,10 9.15625,9.84374999 9.34975147,9.65024851 L9.65024853,9.34975144 Z" id="Combined-Shape" fill="url(#linearGradient-3)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/LC.svg b/public/assets/images/flags/LC.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8d809d3e38ce6ab5f4e596daf072c9f19d9347de
--- /dev/null
+++ b/public/assets/images/flags/LC.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>LC</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#86D7FF" offset="0%"></stop>
+            <stop stop-color="#6BCDFE" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFDA57" offset="0%"></stop>
+            <stop stop-color="#FCD036" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="LC">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-320" fill="url(#linearGradient-1)" points="10.5 2 15 13 6 13"></polygon>
+            <polygon id="Rectangle-320" fill="url(#linearGradient-3)" points="10.5 4 14 13 7 13"></polygon>
+            <polygon id="Rectangle-320" fill="url(#linearGradient-4)" points="10.5 7 15 13 6 13"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/LGBT.svg b/public/assets/images/flags/LGBT.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a3f751934194e28d1dc3a5ad2452a19d5b81b413
--- /dev/null
+++ b/public/assets/images/flags/LGBT.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>LGBT</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F71E24" offset="0%"></stop>
+            <stop stop-color="#FB141B" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FB6C2C" offset="0%"></stop>
+            <stop stop-color="#FC6420" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FDFC42" offset="0%"></stop>
+            <stop stop-color="#FFFD38" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#238F35" offset="0%"></stop>
+            <stop stop-color="#1C7E2C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#0F62FA" offset="0%"></stop>
+            <stop stop-color="#0059FC" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="LGBT">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="3"></rect>
+            <rect id="Mask-Copy-2" fill="url(#linearGradient-3)" x="0" y="3" width="21" height="3"></rect>
+            <rect id="Mask-Copy-3" fill="url(#linearGradient-4)" x="0" y="6" width="21" height="3"></rect>
+            <rect id="Mask-Copy-4" fill="url(#linearGradient-5)" x="0" y="9" width="21" height="3"></rect>
+            <rect id="Mask-Copy-5" fill="url(#linearGradient-6)" x="0" y="12" width="21" height="3"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/LI.svg b/public/assets/images/flags/LI.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1160975a68897346e297b30c21283e78170178ba
--- /dev/null
+++ b/public/assets/images/flags/LI.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>LI</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0A3B97" offset="0%"></stop>
+            <stop stop-color="#042E7D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E6273E" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="LI">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="8"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="8" width="21" height="7"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/LK.svg b/public/assets/images/flags/LK.svg
new file mode 100644
index 0000000000000000000000000000000000000000..55386d5c5520cc56f622e47d7541fa55c98668d4
--- /dev/null
+++ b/public/assets/images/flags/LK.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>LK</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FFBF19" offset="0%"></stop>
+            <stop stop-color="#FFB800" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#A52531" offset="0%"></stop>
+            <stop stop-color="#8E1F29" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#03664F" offset="0%"></stop>
+            <stop stop-color="#005642" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#FF6816" offset="0%"></stop>
+            <stop stop-color="#FF5B01" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#FFBF18" offset="0%"></stop>
+            <stop stop-color="#FFB800" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="LK">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M8,1 L19.2493463,1 C19.6639209,1 20,1.33441405 20,1.75512566 L20,13.2448743 C20,13.6619187 19.6665269,14 19.2493463,14 L8,14 L8,1 Z" id="Rectangle-1568" fill="url(#linearGradient-3)"></path>
+            <path d="M1,1.75512566 C1,1.33808127 1.34413815,1 1.75702667,1 L4,1 L4,14 L1.75702667,14 C1.33893239,14 1,13.665586 1,13.2448743 L1,1.75512566 Z" id="Rectangle-1568" fill="url(#linearGradient-4)"></path>
+            <rect id="Rectangle-1568" fill="url(#linearGradient-5)" x="4" y="1" width="3" height="13" rx="0.5"></rect>
+            <path d="M9.5,3 C9.22385763,3 9,2.77614237 9,2.5 L9,2 L9.5,2 C9.77614237,2 10,2.22385763 10,2.5 C10,2.77614237 9.77614237,3 9.5,3 Z M18.5,3 C18.2238576,3 18,2.77614237 18,2.5 C18,2.22385763 18.2238576,2 18.5,2 L19,2 L19,2.5 C19,2.77614237 18.7761424,3 18.5,3 Z M18.5,12 C18.7761424,12 19,12.2238576 19,12.5 L19,13 L18.5,13 C18.2238576,13 18,12.7761424 18,12.5 C18,12.2238576 18.2238576,12 18.5,12 Z M9.5,12 C9.77614237,12 10,12.2238576 10,12.5 C10,12.7761424 9.77614237,13 9.5,13 L9,13 L9,12.5 C9,12.2238576 9.22385763,12 9.5,12 Z" id="Oval-157" fill="url(#linearGradient-6)"></path>
+            <path d="M11.9999999,9.5 C11.9999999,9.22385763 11.773407,9 11.5,9 L11.9999999,9 C11.7238576,9 11.2914314,8.92403983 11.0253906,8.81542966 C11.0253906,8.81542966 10,8.4999999 10,8 C10,7.5000001 10.2033691,7.38562016 10.2033691,7.38562016 C10.3671938,7.17264803 10.417867,6.79756932 10.3154443,6.52530303 C10.3154443,6.52530303 9.90005537,5.5996678 10,5 C10.0999446,4.4003322 10.5707744,4.25100606 10.5707744,4.25100606 C10.8078292,4.11237924 11,4.2157526 11,4.49538898 L11,6.50461102 C11,6.7782068 11.1928101,7.09640503 11.453186,7.22659302 L11.546814,7.27340698 C11.7971017,7.39855085 12.1582031,7.34179688 12.3526878,7.14731216 L12.1473122,7.35268784 C12.3420963,7.15790372 12.3071899,6.90359497 12.046814,6.77340698 L11.5,6.5 L11.5,6 L12,6 C12.2761424,6 12.3071899,5.90359497 12.046814,5.77340698 L11.5,5.5 L11.5,5 L12,5 C12.2761424,5 12.6582031,4.84179688 12.8526878,4.64731216 L12.6473122,4.85268784 C12.8420963,4.65790372 13.2319336,4.5 13.5,4.5 L13.5,4.5 C13.7761424,4.5 14.096405,4.69281006 14.226593,4.95318604 L14.273407,5.04681396 C14.3985509,5.2971017 14.4304771,5.70856857 14.3417969,5.97460938 L14.1582031,6.52539063 C14.07083,6.78751014 14.2307129,7 14.5059123,7 L15.9940877,7 C16.2734953,7 16.6582031,6.84179688 16.8526878,6.64731216 L16.6473122,6.85268784 C16.8420963,6.65790372 16.8071899,6.40359497 16.546814,6.27340698 L16.453186,6.22659302 C16.2028983,6.10144915 15.7680664,6 15.5,6 L15.5,6 C15.2238576,6 15,5.76806641 15,5.5 L15,5.5 C15,5.22385763 15.1582031,4.84179688 15.3526878,4.64731216 L15.5,4.5 L15.5,5 C15.5,5.27614237 15.726593,5.5 16,5.5 L15.5,5.5 C15.7761424,5.5 16.2319336,5.5 16.5,5.5 L16.5,5.5 C16.7761424,5.5 17.096405,5.69281006 17.226593,5.95318604 L17.273407,6.04681396 C17.3985509,6.2971017 17.5196968,6.71962742 17.537102,6.99426903 C17.537102,6.99426903 17.6059485,7.47025774 17.5,8 C17.3940515,8.52974226 17.273967,8.58863041 17.273967,8.58863041 C17.1226592,8.81582356 17,9.21403503 17,9.50468445 L17,10.4953156 C17,10.7740451 16.7680664,11 16.5,11 L16.5,11 C16.2238576,11 16.096405,10.8071899 16.226593,10.546814 L16.273407,10.453186 C16.3985509,10.2028983 16.403595,9.80718994 16.273407,9.54681396 L16.226593,9.45318604 C16.1014491,9.2028983 16,9.23193359 16,9.5 L16,9.5 C16,9.77614237 15.903595,10.1928101 15.773407,10.453186 L15.726593,10.546814 C15.6014491,10.7971017 15.2680664,11 15,11 L15,11 C14.7238576,11 14.596405,10.8071899 14.726593,10.546814 L14.773407,10.453186 C14.8985509,10.2028983 15,9.76806641 15.0000001,9.5 L15.0000001,9.5 C15.0000001,9.22385763 14.7859651,9 14.4953157,9 L13.5046845,9 C13.2259549,9 12.9999999,9.23193359 12.9999999,9.5 L12.9999999,9.5 C12.9999999,9.77614237 12.9035949,10.1928101 12.7734069,10.453186 L12.726593,10.546814 C12.6014491,10.7971017 12.2680663,11 11.9999999,11 L11.9999999,11 C11.7238576,11 11.596405,10.8071899 11.726593,10.546814 L11.7734069,10.453186 C11.8985508,10.2028983 11.9999999,9.76806641 11.9999999,9.5 L11.9999999,9.5 Z" id="Rectangle-1067" fill="url(#linearGradient-6)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/LR.svg b/public/assets/images/flags/LR.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3d6cef1e043d9dc5b4cf29559841214c4a70e452
--- /dev/null
+++ b/public/assets/images/flags/LR.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>LR</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E1244A" offset="0%"></stop>
+            <stop stop-color="#BE1134" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#0C3F8E" offset="0%"></stop>
+            <stop stop-color="#032A67" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-4" points="5 6.17000005 3.23664424 7.42705098 3.88726383 5.3615499 2.14683045 4.07294902 4.31229123 4.05345008 5 2 5.68770877 4.05345008 7.85316955 4.07294902 6.11273617 5.3615499 6.76335576 7.42705098"></polygon>
+        <filter x="-4.2%" y="-4.2%" width="108.3%" height="116.7%" filterUnits="objectBoundingBox" id="filter-5">
+            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="LR">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M10,0 L21,0 L21,2 L10,2 L10,0 Z M10,4 L21,4 L21,6 L10,6 L10,4 Z M10,8 L21,8 L21,10 L10,10 L10,8 Z M0,12 L21,12 L21,14 L0,14 L0,12 Z" id="Rectangle-537" fill="url(#linearGradient-2)"></path>
+            <rect id="Rectangle-1568" fill="url(#linearGradient-3)" x="0" y="0" width="10" height="10"></rect>
+            <g id="Star-8">
+                <use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
+                <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-4"></use>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/LS.svg b/public/assets/images/flags/LS.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3ec5277d54d5f17d79617b8fc6d21480048bf6e3
--- /dev/null
+++ b/public/assets/images/flags/LS.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>LS</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0C33B8" offset="0%"></stop>
+            <stop stop-color="#05279D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#1DB158" offset="0%"></stop>
+            <stop stop-color="#149447" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="LS">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <path d="M10,7.49999999 L10.3417969,6.47460937 C10.42917,6.21248985 10.5695229,6.20856856 10.6582031,6.47460936 L11,7.49999994 L11.8609543,8.79143142 C11.9377471,8.90662067 11.9176025,9.06952286 11.8062744,9.14731216 C11.8062744,9.14731216 11.5,9.5 10.5,9.5 C9.5,9.5 9.19372559,9.14731216 9.19372559,9.14731216 C9.0867339,9.0659539 9.06561279,8.90158081 9.13904572,8.79143143 L10,7.49999999 Z" id="Rectangle-328" fill="url(#linearGradient-4)"></path>
+            <path d="M10.5,7.5 C9.94771525,7.5 9.5,7.05228475 9.5,6.5 C9.5,5.94771525 9.94771525,5.5 10.5,5.5 C11.0522847,5.5 11.5,5.94771525 11.5,6.5 C11.5,7.05228475 11.0522847,7.5 10.5,7.5 Z M10.5,7.5 C10.7761424,7.5 11,6.77614237 11,6.5 C11,6.22385763 10.7761424,6 10.5,6 C10.2238576,6 10,6.22385763 10,6.5 C10,6.77614237 10.2238576,7.5 10.5,7.5 Z" id="Combined-Shape" fill="#242424" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/LT.svg b/public/assets/images/flags/LT.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8e592267eecf88ef52e11e18cb003686a5e84644
--- /dev/null
+++ b/public/assets/images/flags/LT.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>LT</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#118357" offset="0%"></stop>
+            <stop stop-color="#0B6A45" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#D8343D" offset="0%"></stop>
+            <stop stop-color="#C02A32" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FEC34B" offset="0%"></stop>
+            <stop stop-color="#FCB931" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="LT">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="5" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="0" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/LU.svg b/public/assets/images/flags/LU.svg
new file mode 100644
index 0000000000000000000000000000000000000000..860e730bcc4e62da56f8a55006dce4e9b8520b02
--- /dev/null
+++ b/public/assets/images/flags/LU.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>LU</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F14455" offset="0%"></stop>
+            <stop stop-color="#EB2D3F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#29B4EE" offset="0%"></stop>
+            <stop stop-color="#1AA3DC" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="LU">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/LV.svg b/public/assets/images/flags/LV.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5d0255e6d336b50d69022ce70da0dc4d19f910f3
--- /dev/null
+++ b/public/assets/images/flags/LV.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>LV</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#B9414B" offset="0%"></stop>
+            <stop stop-color="#9D323B" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="LV">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="6"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="9" width="21" height="6"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="6" width="21" height="3"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/LY.svg b/public/assets/images/flags/LY.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4b9f2a0e33c786fc153b99487f1a1b89be2b5460
--- /dev/null
+++ b/public/assets/images/flags/LY.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>LY</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#34B857" offset="0%"></stop>
+            <stop stop-color="#2B9E4A" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#F41F34" offset="0%"></stop>
+            <stop stop-color="#E60B21" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="LY">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="5" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="0" width="21" height="5"></rect>
+            <path d="M11.3335689,6.25274924 C11.3059482,6.25092604 11.2780822,6.25 11.25,6.25 C10.5596441,6.25 10,6.80964406 10,7.5 C10,8.19035594 10.5596441,8.75 11.25,8.75 C11.2780822,8.75 11.3059482,8.74907396 11.3335689,8.74725076 C11.0951725,8.9068934 10.8084594,9 10.5,9 C9.67157288,9 9,8.32842712 9,7.5 C9,6.67157288 9.67157288,6 10.5,6 C10.8084594,6 11.0951725,6.0931066 11.3335689,6.25274924 Z M11.5,8 C11.2238576,8 11,7.77614237 11,7.5 C11,7.22385763 11.2238576,7 11.5,7 C11.7761424,7 12,7.22385763 12,7.5 C12,7.77614237 11.7761424,8 11.5,8 Z" id="Oval-68" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MA.svg b/public/assets/images/flags/MA.svg
new file mode 100644
index 0000000000000000000000000000000000000000..cb22ba958949fd4d5243482c822d7fec127824a5
--- /dev/null
+++ b/public/assets/images/flags/MA.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MA</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E33B44" offset="0%"></stop>
+            <stop stop-color="#C02A32" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MA">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M10.5,9.25500007 L7.85496636,11.1405765 L8.83089575,8.04232485 L6.22024568,6.10942353 L9.46843684,6.08017512 L10.5,3 L11.5315632,6.08017512 L14.7797543,6.10942353 L12.1691043,8.04232485 L13.1450336,11.1405765 L10.5,9.25500007 Z M10.5,8.02691631 L11.2941375,8.5930365 L11.0011272,7.6628261 L11.7849415,7.08249721 L10.8097136,7.07371575 L10.5,6.14893259 L10.1902864,7.07371575 L9.21505853,7.08249721 L9.99887281,7.6628261 L9.7058625,8.5930365 L10.5,8.02691631 Z" id="Star-8" fill="#0A6135" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MC.svg b/public/assets/images/flags/MC.svg
new file mode 100644
index 0000000000000000000000000000000000000000..207590a77694385102999f67acba39c99130e673
--- /dev/null
+++ b/public/assets/images/flags/MC.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MC</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#EA233B" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MC">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="8"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="8" width="21" height="7"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MD.svg b/public/assets/images/flags/MD.svg
new file mode 100644
index 0000000000000000000000000000000000000000..301e93ee18e1e0e654f54b3c6ed3686fac4ff17f
--- /dev/null
+++ b/public/assets/images/flags/MD.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MD</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#EB1C43" offset="0%"></stop>
+            <stop stop-color="#CA1134" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#115BCB" offset="0%"></stop>
+            <stop stop-color="#094AAC" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD953" offset="0%"></stop>
+            <stop stop-color="#FFD130" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-5" x="7" y="0" width="7" height="15"></rect>
+        <filter x="-10.7%" y="-5.0%" width="121.4%" height="110.0%" filterUnits="objectBoundingBox" id="filter-6">
+            <feMorphology radius="0.25" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MD">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <g id="Rectangle-2-Copy">
+                <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
+                <use fill="url(#linearGradient-4)" fill-rule="evenodd" xlink:href="#path-5"></use>
+            </g>
+            <path d="M9,6 L10,6 L10.5,4.5 L11,6 L12,6 L12,9 L10.5,10 L9,9 L9,6 Z M10,7 L10,8.5 L11,8.5 L11,7 L10,7 Z" id="Rectangle-1601" fill="#AF7F59"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/ME.svg b/public/assets/images/flags/ME.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9b0838e9313b9bf4cd91373ad5f17bae844c7617
--- /dev/null
+++ b/public/assets/images/flags/ME.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>ME</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E6BE53" offset="0%"></stop>
+            <stop stop-color="#D3AD46" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E01826" offset="0%"></stop>
+            <stop stop-color="#C30A17" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ME">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="1" y="1" width="19" height="13" rx="0.75"></rect>
+            <path d="M10.1473122,5.14731216 C10.3420963,5.34209628 10.6582031,5.34179688 10.8526878,5.14731216 L10.6473122,5.35268784 L11.6502485,4.34975147 C11.8434109,4.15658907 12.1928101,4.09640503 12.453186,4.22659302 L12.546814,4.27340698 C12.7971017,4.39855085 12.8417969,4.65820313 12.6473122,4.85268784 L12.8526878,4.64731216 L11.8497515,5.65024853 C11.6565891,5.84341093 11.596405,6.19281006 11.726593,6.45318604 L11.773407,6.54681396 C11.8985509,6.7971017 12,7.22659302 12,7.5 L12,7 C12,7.27614237 12.1928101,7.40359497 12.453186,7.27340698 L12.546814,7.22659302 C12.7971017,7.10144915 12.8417969,6.84179688 12.6473122,6.64731216 L12.8526878,6.85268784 C12.6579037,6.65790372 12.6582031,6.34179688 12.8526878,6.14731216 L12.6473122,6.35268784 C12.8420963,6.15790372 13.096405,5.80718994 13.226593,5.54681396 L13.273407,5.45318604 C13.3985509,5.2028983 13.5535088,4.78596497 13.6210361,4.51585579 L13.8789639,3.48414421 C13.9458103,3.21675875 14.1384277,3.18457031 14.3035474,3.40472984 L15.1964526,4.59527016 C15.3640972,4.81879628 15.5,5.21403503 15.5,5.50468445 L15.5,6.49531555 C15.5,6.77404508 15.403595,7.19281006 15.273407,7.45318604 L15.226593,7.54681396 C15.1014491,7.7971017 14.84375,8.15625 14.6502485,8.34975147 L14.3497515,8.65024853 C14.1565891,8.84341093 13.8071899,9.09640503 13.546814,9.22659302 L13.453186,9.27340698 C13.2028983,9.39855085 12.7680664,9.5 12.5,9.5 C12.2238576,9.5 12.1928101,9.59640503 12.453186,9.72659302 L12.546814,9.77340698 C12.7971017,9.89855085 13.1582031,10.1582031 13.3526878,10.3526878 L13.1473122,10.1473122 C13.3420963,10.3420963 13.6582031,10.3417969 13.8526878,10.1473122 L13.6473122,10.3526878 C13.8420963,10.1579037 14.1582031,10.1582031 14.3526878,10.3526878 L14.1473122,10.1473122 C14.3420963,10.3420963 14.403595,10.6928101 14.273407,10.953186 L14.226593,11.046814 C14.1014491,11.2971017 13.7680664,11.5 13.5,11.5 C13.2238576,11.5 12.8071899,11.403595 12.546814,11.273407 L12.453186,11.226593 C12.2028983,11.1014491 11.903595,10.8071899 11.773407,10.546814 L11.726593,10.453186 C11.6014491,10.2028983 11.3417969,10.1582031 11.1473122,10.3526878 L11.3526878,10.1473122 C11.1579037,10.3420963 11.1226196,10.6839294 11.2732544,10.9098816 L11.7267456,11.5901184 C11.8776598,11.8164898 11.8160706,12.1226196 11.5901184,12.2732544 L10.9098816,12.7267456 C10.6835102,12.8776598 10.3160706,12.8773804 10.0901184,12.7267456 L9.40988159,12.2732544 C9.18351024,12.1223402 9.12261963,11.8160706 9.27325439,11.5901184 L9.72674561,10.9098816 C9.87765984,10.6835102 9.84179688,10.3417969 9.64731216,10.1473122 L9.85268784,10.3526878 C9.65790372,10.1579037 9.40359497,10.1928101 9.27340698,10.453186 L9.22659302,10.546814 C9.10144915,10.7971017 8.80718994,11.096405 8.54681396,11.226593 L8.45318604,11.273407 C8.2028983,11.3985509 7.76806641,11.5 7.5,11.5 C7.22385763,11.5 6.90359497,11.3071899 6.77340698,11.046814 L6.72659302,10.953186 C6.60144915,10.7028983 6.65820312,10.3417969 6.85268784,10.1473122 L6.64731216,10.3526878 C6.84209628,10.1579037 7.15820312,10.1582031 7.35268784,10.3526878 L7.14731216,10.1473122 C7.34209628,10.3420963 7.65820312,10.3417969 7.85268784,10.1473122 L7.64731216,10.3526878 C7.84209628,10.1579037 8.19281006,9.90359497 8.45318604,9.77340698 L8.54681396,9.72659302 C8.7971017,9.60144915 8.76806641,9.5 8.5,9.5 C8.22385763,9.5 7.80718994,9.40359497 7.54681396,9.27340698 L7.45318604,9.22659302 C7.2028983,9.10144915 6.84375,8.84375 6.65024853,8.65024853 L6.34975147,8.34975147 C6.15658907,8.15658907 5.90359497,7.80718994 5.77340698,7.54681396 L5.72659302,7.45318604 C5.60144915,7.2028983 5.5,6.78596497 5.5,6.49531555 L5.5,5.50468445 C5.5,5.22595492 5.63842773,4.81542969 5.80354738,4.59527016 L6.69645262,3.40472984 C6.86409721,3.18120372 7.05350876,3.21403503 7.12103605,3.48414421 L7.37896395,4.51585579 C7.44581031,4.78324125 7.59640503,5.19281006 7.72659302,5.45318604 L7.77340698,5.54681396 C7.89855085,5.7971017 8.15820312,6.15820313 8.35268784,6.35268784 L8.14731216,6.14731216 C8.34209628,6.34209628 8.34179688,6.65820313 8.14731216,6.85268784 L8.35268784,6.64731216 C8.15790372,6.84209628 8.19281006,7.09640503 8.45318604,7.22659302 L8.54681396,7.27340698 C8.7971017,7.39855085 9,7.27340698 9,7 L9,7.5 C9,7.22385763 9.09640503,6.80718994 9.22659302,6.54681396 L9.27340698,6.45318604 C9.39855085,6.2028983 9.34375,5.84375 9.15024853,5.65024853 L8.14731216,4.64731216 L8.35268784,4.85268784 C8.15790372,4.65790372 8.19281006,4.40359497 8.45318604,4.27340698 L8.54681396,4.22659302 C8.7971017,4.10144915 9.15625,4.15625 9.34975147,4.34975147 L10.3526878,5.35268784 L10.1473122,5.14731216 Z M9.34975147,3.34975147 C9.15658907,3.15658907 9.20856857,2.93047714 9.47460938,2.84179688 L10.0253906,2.65820313 C10.2875101,2.57082995 10.7085686,2.56952286 10.9746094,2.65820313 L11.5253906,2.84179688 C11.7875101,2.92917005 11.84375,3.15625 11.6502485,3.34975147 L11.3497515,3.65024853 C11.1565891,3.84341093 10.7680664,4 10.5,4 C10.2238576,4 9.84375,3.84375 9.65024853,3.65024853 L9.34975147,3.34975147 Z" id="Combined-Shape" fill="url(#linearGradient-2)"></path>
+            <path d="M9.5,9.00574269 C9.5,9.27871347 9.57596016,9.29143143 9.68457031,9.02539062 C9.68457031,9.02539062 10,8 10.5,8 C11,8 11.3225133,9.04180002 11.3225133,9.04180002 C11.4205365,9.29485688 11.5,9.27817278 11.5,8.99464673 L11.5,8.5 C11.5,7.67157288 11.0522847,7 10.5,7 C9.94771525,7 9.5,7.67157288 9.5,8.5 L9.5,9.00574269 Z" id="Oval-205" fill="#215F90"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MF.svg b/public/assets/images/flags/MF.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c45b62a0fa06cac4d3254a9b8ea1ef03becd0840
--- /dev/null
+++ b/public/assets/images/flags/MF.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>MF</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F44653" offset="0%"></stop>
+            <stop stop-color="#EE2A39" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#1035BB" offset="0%"></stop>
+            <stop stop-color="#042396" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MF">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-1)" x="7" y="0" width="7" height="15"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MG.svg b/public/assets/images/flags/MG.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c173fdd514f9524dba150256eb5e341745801c26
--- /dev/null
+++ b/public/assets/images/flags/MG.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MG</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#149047" offset="0%"></stop>
+            <stop stop-color="#0F7E3D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#F84F4B" offset="0%"></stop>
+            <stop stop-color="#FA3F3B" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MG">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="7" width="21" height="8"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="7"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="0" width="7" height="15"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MH.svg b/public/assets/images/flags/MH.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e6b660911a8655fb7dd06cb22259b63db90bea35
--- /dev/null
+++ b/public/assets/images/flags/MH.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MH</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#064DAE" offset="0%"></stop>
+            <stop stop-color="#003D91" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#F18D36" offset="0%"></stop>
+            <stop stop-color="#DB761E" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MH">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-253" fill="url(#linearGradient-3)" points="21 0 21 4 0 15"></polygon>
+            <polygon id="Rectangle-253" fill="url(#linearGradient-1)" points="21 8 21 4 0 15"></polygon>
+            <path d="M4.83882103,4.3717472 L4.5,2 L4.16117897,4.3717472 L3.25,3.33493649 L3.71780952,4.71780952 L2.33493649,4.25 L3.3717472,5.16117897 L1,5.5 L3.3717472,5.83882103 L2.33493649,6.75 L3.71780952,6.28219048 L3.25,7.66506351 L4.16117897,6.6282528 L4.5,9 L4.83882103,6.6282528 L5.75,7.66506351 L5.28219048,6.28219048 L6.66506351,6.75 L5.6282528,5.83882103 L8,5.5 L5.6282528,5.16117897 L6.66506351,4.25 L5.28219048,4.71780952 L5.75,3.33493649 L4.83882103,4.3717472 Z" id="Combined-Shape" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MK.svg b/public/assets/images/flags/MK.svg
new file mode 100644
index 0000000000000000000000000000000000000000..35b92297349a881bc7af1fe8203cdb057ca27b3b
--- /dev/null
+++ b/public/assets/images/flags/MK.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MK</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E81B26" offset="0%"></stop>
+            <stop stop-color="#D00914" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFE94F" offset="0%"></stop>
+            <stop stop-color="#FFE633" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MK">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="-0.00384896797" y="-0.00201967131" width="21" height="15"></rect>
+            <circle id="Oval-12" fill="url(#linearGradient-3)" cx="10.496151" cy="7.49798033" r="2.5"></circle>
+            <path d="M13.9614128,7.99301773 L20.996151,8.99798033 L20.996151,5.99798033 L13.9614128,7.00294293 C13.9843086,7.16466342 13.996151,7.3299389 13.996151,7.49798033 C13.996151,7.66602176 13.9843086,7.83129724 13.9614128,7.99301773 Z M7.03088925,7.00294293 L-0.00384896797,5.99798033 L-0.00384896797,8.99798033 L7.03088925,7.99301773 C7.00799345,7.83129724 6.99615103,7.66602176 6.99615103,7.49798033 C6.99615103,7.3299389 7.00799345,7.16466342 7.03088925,7.00294293 Z M11.1826895,4.06528809 L11.996151,-0.00201967131 L8.99615103,-0.00201967131 L9.80961258,4.06528809 C10.0316124,4.02113535 10.2611776,3.99798033 10.496151,3.99798033 C10.7311244,3.99798033 10.9606897,4.02113535 11.1826895,4.06528809 Z M9.80961258,10.9306726 L8.99615103,14.9979803 L11.996151,14.9979803 L11.1826895,10.9306726 C10.9606897,10.9748253 10.7311244,10.9979803 10.496151,10.9979803 C10.2611776,10.9979803 10.0316124,10.9748253 9.80961258,10.9306726 Z" id="Combined-Shape" fill="url(#linearGradient-3)"></path>
+            <path d="M7.65221193,9.53853436 L-0.540000021,15.4165263 L1.4673918,17.6459608 L8.1696541,10.112874 C7.97687032,9.94122955 7.80319319,9.7485866 7.65221193,9.53853436 Z M13.3400901,5.4574263 L21.5323021,-0.420565619 L19.5249103,-2.6500001 L12.822648,4.88308666 C13.0154317,5.0547311 13.1891089,5.24737406 13.3400901,5.4574263 Z M12.822648,10.112874 L19.5249103,17.6459608 L21.5323021,15.4165263 L13.3400901,9.53853436 C13.1891089,9.7485866 13.0154317,9.94122955 12.822648,10.112874 Z M8.1696541,4.88308666 L1.4673918,-2.6500001 L-0.540000021,-0.420565619 L7.65221193,5.4574263 C7.80319319,5.24737406 7.97687032,5.0547311 8.1696541,4.88308666 Z" id="Combined-Shape" fill="url(#linearGradient-3)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/ML.svg b/public/assets/images/flags/ML.svg
new file mode 100644
index 0000000000000000000000000000000000000000..babc6e5929dc12d704bc45168871bf5c98d5abc0
--- /dev/null
+++ b/public/assets/images/flags/ML.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>ML</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E2233A" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#2ECB4D" offset="0%"></stop>
+            <stop stop-color="#24B441" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD749" offset="0%"></stop>
+            <stop stop-color="#FCD036" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ML">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-4)" x="7" y="0" width="7" height="15"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MM.svg b/public/assets/images/flags/MM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..eb3c18a30082863aab588b8d5a24365d34af42df
--- /dev/null
+++ b/public/assets/images/flags/MM.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MM</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F13D4F" offset="0%"></stop>
+            <stop stop-color="#E92C3F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#4AC94B" offset="0%"></stop>
+            <stop stop-color="#3BB13C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD043" offset="0%"></stop>
+            <stop stop-color="#FECA2F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MM">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="5" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="0" width="21" height="5"></rect>
+            <polygon id="Star-8" fill="url(#linearGradient-1)" points="10.5 9.25500007 7.85496636 11.1405765 8.83089575 8.04232485 6.22024568 6.10942353 9.46843684 6.08017512 10.5 3 11.5315632 6.08017512 14.7797543 6.10942353 12.1691043 8.04232485 13.1450336 11.1405765"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MN.svg b/public/assets/images/flags/MN.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8af15a5154359e5d87eaae48373ea91c7a70299e
--- /dev/null
+++ b/public/assets/images/flags/MN.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MN</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#146BBC" offset="0%"></stop>
+            <stop stop-color="#0B5396" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E43642" offset="0%"></stop>
+            <stop stop-color="#C32A34" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#F8D246" offset="0%"></stop>
+            <stop stop-color="#F9CE2F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MN">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-2)" x="7" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="14" y="0" width="7" height="15"></rect>
+            <path d="M4,9 L5,9 L5,12 L4,12 L4,9 Z M2,9 L3,9 L3,12 L2,12 L2,9 Z M3,11 L4,11 L3.5,12 L3,11 Z M3,9 L4,9 L3.5,10 L3,9 Z M3,8 L3.5,7.5 L4,8 L3,8 Z M3.5,9 C3.22385763,9 3,8.77614237 3,8.5 C3,8.22385763 3.22385763,8 3.5,8 C3.77614237,8 4,8.22385763 4,8.5 C4,8.77614237 3.77614237,9 3.5,9 Z M3.5,11 C3.22385763,11 3,10.7761424 3,10.5 C3,10.2238576 3.22385763,10 3.5,10 C3.77614237,10 4,10.2238576 4,10.5 C4,10.7761424 3.77614237,11 3.5,11 Z" id="Rectangle-1611" fill="url(#linearGradient-4)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MO.svg b/public/assets/images/flags/MO.svg
new file mode 100644
index 0000000000000000000000000000000000000000..be4bc8756c837361f98c8d954b307cdb56b0df15
--- /dev/null
+++ b/public/assets/images/flags/MO.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MO</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#079D7B" offset="0%"></stop>
+            <stop stop-color="#01795E" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MO">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <g id="Oval-9" transform="translate(6.000000, 2.000000)">
+                <path d="M2.4518305,6.90229785 C2.5949082,6.94030272 2.73629673,6.97283288 2.87486696,7.00000015 L0.5,7 C0.618605029,7.35602901 0.778240116,7.69149418 0.972877361,8 L8.02712264,8 L8.02712264,8 C8.22175988,7.69149418 8.38139497,7.35602901 8.5,7 L6.09273789,7 C6.23564626,6.97342299 6.38176522,6.94108962 6.52983342,6.90287496 C6.07592352,6.91795726 5.33586703,7 4.5,7 C3.65278028,7 2.90399136,6.91571353 2.4518305,6.90229785 Z M2.03486814,6.77684443 C0.914121039,6.39849793 0.146013313,5.79167067 0.266754997,5.34105657 C0.401480524,4.83825405 1.59184645,4.72034517 2.92551171,5.0776997 C2.99553548,5.09646251 3.06456206,5.11616246 3.1324836,5.13672218 C3.10229564,4.93343568 3.08621989,4.72003757 3.08621989,4.5 C3.08621989,3.11928813 3.7191908,2 4.5,2 C5.2808092,2 5.91378011,3.11928813 5.91378011,4.5 C5.91378011,4.71889423 5.89787099,4.93121783 5.86798584,5.13355247 C5.94467469,5.10997668 6.02280331,5.0874933 6.10221442,5.06621516 C7.43587968,4.70886063 8.6262456,4.82676952 8.76097113,5.32957203 C8.88272959,5.7839808 8.10060539,6.3972448 6.96446944,6.77486936 C6.76375643,6.17961082 5.7367541,6 4.5,6 C3.26187911,6 2.23397385,6.18000803 2.03486814,6.77684443 Z M7.16607559,9 C6.43763664,9.62539994 5.51005005,10 4.5,10 C3.48994995,10 2.56236336,9.62539994 1.83392441,9 L7.16607559,9 L7.16607559,9 Z" id="Mask" fill="url(#linearGradient-1)"></path>
+                <path d="M4.5,1 C4.22385763,1 4,0.776142375 4,0.5 C4,0.223857625 4.22385763,0 4.5,0 C4.77614237,0 5,0.223857625 5,0.5 C5,0.776142375 4.77614237,1 4.5,1 Z M0.5,3.5 C0.223857625,3.5 0,3.27614237 0,3 C0,2.72385763 0.223857625,2.5 0.5,2.5 C0.776142375,2.5 1,2.72385763 1,3 C1,3.27614237 0.776142375,3.5 0.5,3.5 Z M8.5,3.5 C8.22385763,3.5 8,3.27614237 8,3 C8,2.72385763 8.22385763,2.5 8.5,2.5 C8.77614237,2.5 9,2.72385763 9,3 C9,3.27614237 8.77614237,3.5 8.5,3.5 Z M7,2 C6.72385763,2 6.5,1.77614237 6.5,1.5 C6.5,1.22385763 6.72385763,1 7,1 C7.27614237,1 7.5,1.22385763 7.5,1.5 C7.5,1.77614237 7.27614237,2 7,2 Z M2,2 C1.72385763,2 1.5,1.77614237 1.5,1.5 C1.5,1.22385763 1.72385763,1 2,1 C2.27614237,1 2.5,1.22385763 2.5,1.5 C2.5,1.77614237 2.27614237,2 2,2 Z" id="Oval-184" fill="#FCD117"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MP.svg b/public/assets/images/flags/MP.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3315148950a2a5516d57aef580d23d1741a63ab2
--- /dev/null
+++ b/public/assets/images/flags/MP.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MP</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1E8BD6" offset="0%"></stop>
+            <stop stop-color="#1074BA" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#A9A7A9" offset="0%"></stop>
+            <stop stop-color="#8C8A8C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MP">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M10.5,12.5 C13.2614237,12.5 15.5,10.2614237 15.5,7.5 C15.5,4.73857625 13.2614237,2.5 10.5,2.5 C7.73857625,2.5 5.5,4.73857625 5.5,7.5 C5.5,10.2614237 7.73857625,12.5 10.5,12.5 L10.5,12.5 Z M10.5,11.5 C8.290861,11.5 6.5,9.709139 6.5,7.5 C6.5,5.290861 8.290861,3.5 10.5,3.5 C12.709139,3.5 14.5,5.290861 14.5,7.5 C14.5,9.709139 12.709139,11.5 10.5,11.5 L10.5,11.5 Z" id="Oval-228" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M8.93768562,5.99703014 C8.9721009,5.4463856 9.44266033,5 9.99895656,5 L11.0010434,5 C11.5527519,5 12.0283148,5.45303631 12.0623144,5.99703014 L12.4376856,12.0029699 C12.4721009,12.5536144 12.0566468,13 11.4906311,13 L9.5093689,13 C8.95190985,13 8.52831477,12.5469637 8.56231438,12.0029699 L8.93768562,5.99703014 Z" id="Combined-Shape" fill="url(#linearGradient-3)"></path>
+            <polygon id="Star-8" fill="url(#linearGradient-1)" points="10.5 9.51500015 8.44275162 10.9815596 9.2018078 8.57180831 7.17130219 7.06844062 9.6976731 7.04569185 10.5 4.6500001 11.3023269 7.04569185 13.8286978 7.06844062 11.7981922 8.57180831 12.5572484 10.9815596"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MQ.svg b/public/assets/images/flags/MQ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..adc820743c945537472459d597124bebcfc5bce1
--- /dev/null
+++ b/public/assets/images/flags/MQ.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MQ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#345CB3" offset="0%"></stop>
+            <stop stop-color="#23448D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MQ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M15.9173205,1.60294975 C16.069143,1.59777837 16.2346523,1.59893336 16.3876801,1.61067335 C16.5937927,1.62648589 16.7394532,1.6719675 16.7283793,1.62941465 C16.7109448,1.5624209 16.7225179,1.54529979 16.69941,1.56218219 C16.6482603,1.59955172 16.7243442,1.5550883 16.4205821,1.728892 C15.9786474,1.98175396 15.7873262,2.17391899 15.8842377,2.52013243 C15.9691653,2.82353407 16.1942092,2.90746797 16.7226866,2.99032017 C16.7579458,2.99581646 16.7579458,2.99581646 16.7925262,3.00116351 C17.0039856,3.0339178 17.0985161,3.05387898 17.1619289,3.08197164 C17.1761709,3.08828103 17.1487915,3.04465613 17.1568379,3.01759627 C17.1498359,3.04114368 17.0094877,3.09606439 16.6564147,3.16558723 C16.5704828,3.1824057 16.5704828,3.1824057 16.481321,3.20027807 C15.800913,3.33905416 15.4618536,3.5203432 15.411153,3.9906446 C15.355561,4.5063184 15.8899956,4.86512963 16.561094,4.95335699 C17.2460057,5.04340033 17.8413235,4.81717695 17.902187,4.26094187 C17.940873,3.907388 17.6952536,3.69555353 17.3061661,3.6177409 C17.042303,3.56497156 16.6948463,3.56558056 16.278192,3.60699156 C16.0447333,3.63019486 15.7974869,3.66558875 15.5444782,3.70989381 C15.2624759,3.75927603 15.0309617,3.80870395 14.8917646,3.84208047 C14.7574992,3.87427448 14.674754,4.0092165 14.706948,4.1434819 C14.739142,4.27774731 14.874084,4.36049252 15.0083495,4.32829851 C15.1382394,4.29715365 15.3600403,4.24979948 15.6307223,4.20239961 C15.872327,4.16009152 16.1076362,4.12640647 16.327643,4.10454015 C16.6991645,4.06761487 17.0033477,4.06708171 17.208114,4.10803241 C17.3748306,4.14137366 17.4090561,4.17089143 17.4051536,4.20655626 C17.3843492,4.39668874 17.0703595,4.51600624 16.6262668,4.45762267 C16.1901723,4.40029061 15.8915054,4.19977016 15.9082726,4.04423634 C15.9254776,3.88464193 16.1090154,3.78650752 16.5812438,3.69019176 C16.666542,3.67309383 16.666542,3.67309383 16.7530137,3.65616712 C17.3346722,3.541634 17.5474028,3.45838884 17.6360985,3.16010693 C17.708655,2.91610062 17.5880028,2.72385949 17.3644515,2.62482333 C17.2445774,2.57171755 17.1291302,2.54733957 16.8690617,2.50705591 C16.8343753,2.5016923 16.8343753,2.5016923 16.8001283,2.4963538 C16.4989549,2.44913724 16.3701352,2.40109178 16.3657299,2.38535398 C16.3614612,2.37010426 16.4339334,2.29731247 16.6688942,2.16287482 C16.7500963,2.11689977 16.7970879,2.09029859 16.8329436,2.06934449 C16.8983849,2.03110062 16.9492695,1.99886312 16.9943716,1.96591188 C17.16707,1.83973989 17.2628812,1.6979976 17.2122622,1.50348875 C17.1411502,1.23023401 16.8727075,1.14641442 16.4259267,1.1121383 C16.2516476,1.09876796 16.0689976,1.09749335 15.9002994,1.10323955 C15.8406033,1.10559414 15.8406033,1.10559414 15.8251373,1.10648124 C15.6872968,1.11445961 15.5820228,1.23266915 15.5900011,1.37050963 C15.5979795,1.50835011 15.716189,1.61362415 15.8540295,1.60564579 C15.8642098,1.60504845 15.8642098,1.60504845 15.9173205,1.60294975 Z" id="Line" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M4.31732062,1.60294975 C4.46914311,1.59777837 4.63465236,1.59893336 4.78768019,1.61067335 C4.99379282,1.62648589 5.13945333,1.6719675 5.12837935,1.62941465 C5.11094487,1.5624209 5.12251796,1.54529979 5.09941012,1.56218219 C5.04826044,1.59955172 5.12434432,1.5550883 4.8205822,1.728892 C4.37864751,1.98175396 4.18732633,2.17391899 4.28423778,2.52013243 C4.36916542,2.82353407 4.59420933,2.90746797 5.12268671,2.99032017 C5.15794588,2.99581646 5.15794588,2.99581646 5.19252634,3.00116351 C5.4039857,3.0339178 5.49851624,3.05387898 5.56192895,3.08197164 C5.57617095,3.08828103 5.54879158,3.04465613 5.55683798,3.01759627 C5.54983603,3.04114368 5.40948782,3.09606439 5.0564148,3.16558723 C4.97048287,3.1824057 4.97048287,3.1824057 4.88132109,3.20027807 C4.20091312,3.33905416 3.86185369,3.5203432 3.81115308,3.9906446 C3.75556112,4.5063184 4.28999568,4.86512963 4.96109412,4.95335699 C5.64600582,5.04340033 6.24132363,4.81717695 6.30218712,4.26094187 C6.34087314,3.907388 6.09525367,3.69555353 5.70616624,3.6177409 C5.44230308,3.56497156 5.09484638,3.56558056 4.67819207,3.60699156 C4.44473339,3.63019486 4.19748704,3.66558875 3.9444783,3.70989381 C3.66247599,3.75927603 3.43096182,3.80870395 3.29176473,3.84208047 C3.15749932,3.87427448 3.07475411,4.0092165 3.10694812,4.1434819 C3.13914213,4.27774731 3.27408414,4.36049252 3.40834955,4.32829851 C3.53823949,4.29715365 3.76004042,4.24979948 4.03072236,4.20239961 C4.27232714,4.16009152 4.50763634,4.12640647 4.7276431,4.10454015 C5.09916464,4.06761487 5.40334776,4.06708171 5.60811406,4.10803241 C5.77483068,4.14137366 5.80905618,4.17089143 5.80515372,4.20655626 C5.78434933,4.39668874 5.47035955,4.51600624 5.02626686,4.45762267 C4.59017241,4.40029061 4.29150547,4.19977016 4.30827271,4.04423634 C4.32547771,3.88464193 4.50901554,3.78650752 4.98124394,3.69019176 C5.0665421,3.67309383 5.0665421,3.67309383 5.15301382,3.65616712 C5.73467234,3.541634 5.94740286,3.45838884 6.03609856,3.16010693 C6.10865513,2.91610062 5.98800294,2.72385949 5.76445161,2.62482333 C5.64457753,2.57171755 5.52913025,2.54733957 5.26906182,2.50705591 C5.23437537,2.5016923 5.23437537,2.5016923 5.20012844,2.4963538 C4.89895499,2.44913724 4.77013531,2.40109178 4.76573001,2.38535398 C4.76146134,2.37010426 4.83393347,2.29731247 5.06889433,2.16287482 C5.15009635,2.11689977 5.19708798,2.09029859 5.23294373,2.06934449 C5.29838497,2.03110062 5.34926957,1.99886312 5.3943717,1.96591188 C5.56707005,1.83973989 5.66288133,1.6979976 5.61226226,1.50348875 C5.54115033,1.23023401 5.27270764,1.14641442 4.8259268,1.1121383 C4.65164772,1.09876796 4.46899773,1.09749335 4.30029948,1.10323955 C4.24060337,1.10559414 4.24060337,1.10559414 4.22513739,1.10648124 C4.08729691,1.11445961 3.98202286,1.23266915 3.99000123,1.37050963 C3.9979796,1.50835011 4.11618914,1.61362415 4.25402962,1.60564579 C4.26420986,1.60504845 4.26420986,1.60504845 4.31732062,1.60294975 Z" id="Line-Copy" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M15.9173205,10.6029501 C16.069143,10.5977787 16.2346523,10.5989337 16.3876801,10.6106737 C16.5937927,10.6264863 16.7394532,10.6719679 16.7283793,10.629415 C16.7109448,10.5624213 16.7225179,10.5453001 16.69941,10.5621825 C16.6482603,10.5995521 16.7243442,10.5550887 16.4205821,10.7288924 C15.9786474,10.9817543 15.7873262,11.1739193 15.8842377,11.5201328 C15.9691653,11.8235344 16.1942092,11.9074683 16.7226866,11.9903205 C16.7579458,11.9958168 16.7579458,11.9958168 16.7925262,12.0011639 C17.0039856,12.0339182 17.0985161,12.0538793 17.1619289,12.081972 C17.1761709,12.0882814 17.1487915,12.0446565 17.1568379,12.0175966 C17.1498359,12.041144 17.0094877,12.0960647 16.6564147,12.1655876 C16.5704828,12.1824061 16.5704828,12.1824061 16.481321,12.2002784 C15.800913,12.3390545 15.4618536,12.5203436 15.411153,12.990645 C15.355561,13.5063188 15.8899956,13.86513 16.561094,13.9533573 C17.2460057,14.0434007 17.8413235,13.8171773 17.902187,13.2609422 C17.940873,12.9073884 17.6952536,12.6955539 17.3061661,12.6177413 C17.042303,12.5649719 16.6948463,12.5655809 16.278192,12.6069919 C16.0447333,12.6301952 15.7974869,12.6655891 15.5444782,12.7098942 C15.2624759,12.7592764 15.0309617,12.8087043 14.8917646,12.8420808 C14.7574992,12.8742748 14.674754,13.0092169 14.706948,13.1434823 C14.739142,13.2777477 14.874084,13.3604929 15.0083495,13.3282989 C15.1382394,13.297154 15.3600403,13.2497998 15.6307223,13.2024 C15.872327,13.1600919 16.1076362,13.1264068 16.327643,13.1045405 C16.6991645,13.0676152 17.0033477,13.0670821 17.208114,13.1080328 C17.3748306,13.141374 17.4090561,13.1708918 17.4051536,13.2065566 C17.3843492,13.3966891 17.0703595,13.5160066 16.6262668,13.457623 C16.1901723,13.400291 15.8915054,13.1997705 15.9082726,13.0442367 C15.9254776,12.8846423 16.1090154,12.7865079 16.5812438,12.6901921 C16.666542,12.6730942 16.666542,12.6730942 16.7530137,12.6561675 C17.3346722,12.5416344 17.5474028,12.4583892 17.6360985,12.1601073 C17.708655,11.916101 17.5880028,11.7238598 17.3644515,11.6248237 C17.2445774,11.5717179 17.1291302,11.5473399 16.8690617,11.5070563 C16.8343753,11.5016927 16.8343753,11.5016927 16.8001283,11.4963542 C16.4989549,11.4491376 16.3701352,11.4010921 16.3657299,11.3853543 C16.3614612,11.3701046 16.4339334,11.2973128 16.6688942,11.1628752 C16.7500963,11.1169001 16.7970879,11.0902989 16.8329436,11.0693448 C16.8983849,11.031101 16.9492695,10.9988635 16.9943716,10.9659122 C17.16707,10.8397403 17.2628812,10.697998 17.2122622,10.5034891 C17.1411502,10.2302344 16.8727075,10.1464148 16.4259267,10.1121387 C16.2516476,10.0987683 16.0689976,10.0974937 15.9002994,10.1032399 C15.8406033,10.1055945 15.8406033,10.1055945 15.8251373,10.1064816 C15.6872968,10.11446 15.5820228,10.2326695 15.5900011,10.37051 C15.5979795,10.5083505 15.716189,10.6136245 15.8540295,10.6056461 C15.8642098,10.6050488 15.8642098,10.6050488 15.9173205,10.6029501 Z" id="Line-Copy-3" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M4.31732062,10.6029501 C4.46914311,10.5977787 4.63465236,10.5989337 4.78768019,10.6106737 C4.99379282,10.6264863 5.13945333,10.6719679 5.12837935,10.629415 C5.11094487,10.5624213 5.12251796,10.5453001 5.09941012,10.5621825 C5.04826044,10.5995521 5.12434432,10.5550887 4.8205822,10.7288924 C4.37864751,10.9817543 4.18732633,11.1739193 4.28423778,11.5201328 C4.36916542,11.8235344 4.59420933,11.9074683 5.12268671,11.9903205 C5.15794588,11.9958168 5.15794588,11.9958168 5.19252634,12.0011639 C5.4039857,12.0339182 5.49851624,12.0538793 5.56192895,12.081972 C5.57617095,12.0882814 5.54879158,12.0446565 5.55683798,12.0175966 C5.54983603,12.041144 5.40948782,12.0960647 5.0564148,12.1655876 C4.97048287,12.1824061 4.97048287,12.1824061 4.88132109,12.2002784 C4.20091312,12.3390545 3.86185369,12.5203436 3.81115308,12.990645 C3.75556112,13.5063188 4.28999568,13.86513 4.96109412,13.9533573 C5.64600582,14.0434007 6.24132363,13.8171773 6.30218712,13.2609422 C6.34087314,12.9073884 6.09525367,12.6955539 5.70616624,12.6177413 C5.44230308,12.5649719 5.09484638,12.5655809 4.67819207,12.6069919 C4.44473339,12.6301952 4.19748704,12.6655891 3.9444783,12.7098942 C3.66247599,12.7592764 3.43096182,12.8087043 3.29176473,12.8420808 C3.15749932,12.8742748 3.07475411,13.0092169 3.10694812,13.1434823 C3.13914213,13.2777477 3.27408414,13.3604929 3.40834955,13.3282989 C3.53823949,13.297154 3.76004042,13.2497998 4.03072236,13.2024 C4.27232714,13.1600919 4.50763634,13.1264068 4.7276431,13.1045405 C5.09916464,13.0676152 5.40334776,13.0670821 5.60811406,13.1080328 C5.77483068,13.141374 5.80905618,13.1708918 5.80515372,13.2065566 C5.78434933,13.3966891 5.47035955,13.5160066 5.02626686,13.457623 C4.59017241,13.400291 4.29150547,13.1997705 4.30827271,13.0442367 C4.32547771,12.8846423 4.50901554,12.7865079 4.98124394,12.6901921 C5.0665421,12.6730942 5.0665421,12.6730942 5.15301382,12.6561675 C5.73467234,12.5416344 5.94740286,12.4583892 6.03609856,12.1601073 C6.10865513,11.916101 5.98800294,11.7238598 5.76445161,11.6248237 C5.64457753,11.5717179 5.52913025,11.5473399 5.26906182,11.5070563 C5.23437537,11.5016927 5.23437537,11.5016927 5.20012844,11.4963542 C4.89895499,11.4491376 4.77013531,11.4010921 4.76573001,11.3853543 C4.76146134,11.3701046 4.83393347,11.2973128 5.06889433,11.1628752 C5.15009635,11.1169001 5.19708798,11.0902989 5.23294373,11.0693448 C5.29838497,11.031101 5.34926957,10.9988635 5.3943717,10.9659122 C5.56707005,10.8397403 5.66288133,10.697998 5.61226226,10.5034891 C5.54115033,10.2302344 5.27270764,10.1464148 4.8259268,10.1121387 C4.65164772,10.0987683 4.46899773,10.0974937 4.30029948,10.1032399 C4.24060337,10.1055945 4.24060337,10.1055945 4.22513739,10.1064816 C4.08729691,10.11446 3.98202286,10.2326695 3.99000123,10.37051 C3.9979796,10.5083505 4.11618914,10.6136245 4.25402962,10.6056461 C4.26420986,10.6050488 4.26420986,10.6050488 4.31732062,10.6029501 Z" id="Line-Copy-2" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M9,6 L0,6 L0,9 L9,9 L9,15 L12,15 L12,9 L21,9 L21,6 L12,6 L12,0 L9,0 L9,6 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MR.svg b/public/assets/images/flags/MR.svg
new file mode 100644
index 0000000000000000000000000000000000000000..da5adee6b6718ecb1de855933a084064b599e765
--- /dev/null
+++ b/public/assets/images/flags/MR.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MR</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#108B4D" offset="0%"></stop>
+            <stop stop-color="#0A6135" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFC941" offset="0%"></stop>
+            <stop stop-color="#FFC42E" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MR">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M14.8602372,5.80000019 C14.896665,6.03057572 14.9155813,6.26697421 14.9155813,6.50779084 C14.9155813,8.99307222 12.9008627,11.0077908 10.4155813,11.0077908 C7.93029993,11.0077908 5.9155813,8.99307222 5.9155813,6.50779084 C5.9155813,6.26697421 5.9344976,6.03057572 5.97092538,5.80000019 C6.31044035,7.94901552 8.17111656,9.59220954 10.4155813,9.59220954 C12.660046,9.59220954 14.5207223,7.94901552 14.8602372,5.80000019 L14.8602372,5.80000019 Z M10.5,6.42306502 L9.26393202,7.30422607 L9.71999997,5.85636182 L8.5,4.95308506 L10.0179335,4.93941679 L10.5,3.5 L10.9820665,4.93941679 L12.5,4.95308506 L11.28,5.85636182 L11.736068,7.30422607 L10.5,6.42306502 L10.5,6.42306502 Z" id="Star-8" fill="url(#linearGradient-3)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MS.svg b/public/assets/images/flags/MS.svg
new file mode 100644
index 0000000000000000000000000000000000000000..184c9178adf71a1a6ecca7b89cd74020a2e687ee
--- /dev/null
+++ b/public/assets/images/flags/MS.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MS</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#07319C" offset="0%"></stop>
+            <stop stop-color="#00247E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#08B9D6" offset="0%"></stop>
+            <stop stop-color="#00A3BE" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,3.5 L2.57831658e-17,0.999341965 C1.15435165e-17,0.447420638 0.443716645,0 0.999807492,0 L4.00019251,0 C4.55237094,0 5,0.440959692 5,0.999341965 L5,3.5 C5,6 2.5,7 2.5,7 C2.5,7 0,6 0,3.5 Z" id="path-5"></path>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MS">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M3,3.22996746 L-1.3516287,-0.5 L0.660232527,-0.5 L4.16023253,2 L4.85660189,2 L9.5,-0.902123821 L9.5,0.25 C9.5,0.552509227 9.33308555,0.876533554 9.08215972,1.05576629 L6,3.25730895 L6,3.77003254 L9.13722049,6.45907867 C9.59934261,6.85518335 9.34102897,7.5 8.75,7.5 C8.50478614,7.5 8.2052751,7.40393402 8.00092153,7.25796718 L4.83976747,5 L4.14339811,5 L-0.5,7.90212382 L-0.5,6.24269105 L3,3.74269105 L3,3.22996746 Z" id="Rectangle-36" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M3.5,3 L-4.4408921e-16,-2.13162821e-14 L0.5,-2.13162821e-14 L4,2.5 L5,2.5 L9,-2.13162821e-14 L9,0.25 C9,0.388071187 8.91348267,0.561798096 8.79154062,0.648899555 L5.5,3 L5.5,4 L8.8118248,6.83870697 C8.91575109,6.92778665 8.8840332,7 8.75,7 L8.75,7 C8.61192881,7 8.41348267,6.9382019 8.29154062,6.85110044 L5,4.5 L4,4.5 L-4.4408921e-16,7 L-4.4408921e-16,6.5 L3.5,4 L3.5,3 Z" id="Rectangle-36" fill="url(#linearGradient-3)"></path>
+            <path d="M-4.4408921e-16,2.5 L-4.4408921e-16,4.5 L3.5,4.5 L3.5,7.00461102 C3.5,7.2782068 3.71403503,7.5 4.00468445,7.5 L4.99531555,7.5 C5.27404508,7.5 5.5,7.2842474 5.5,7.00461102 L5.5,4.5 L9.00952148,4.5 C9.28040529,4.5 9.5,4.28596497 9.5,3.99531555 L9.5,3.00468445 C9.5,2.72595492 9.28494263,2.5 9.00952148,2.5 L5.5,2.5 L5.5,-2.13162821e-14 L3.5,-2.13162821e-14 L3.5,2.5 L-4.4408921e-16,2.5 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-36" fill="url(#linearGradient-3)" points="-4.4408921e-16 3 4 3 4 2.5 4 -2.13162821e-14 5 -2.13162821e-14 5 2.5 5 3 9 3 9 4 5 4 5 4.5 5 7 4 7 4 4.5 4 4 -4.4408921e-16 4"></polygon>
+            <g id="Rectangle-1105" transform="translate(13.000000, 4.000000)">
+                <mask id="mask-6" fill="white">
+                    <use xlink:href="#path-5"></use>
+                </mask>
+                <use id="Combined-Shape" fill="url(#linearGradient-4)" xlink:href="#path-5"></use>
+                <polygon id="Rectangle-1106" fill="#A63D09" mask="url(#mask-6)" points="1.37667655e-13 5 5 5 5 7 3 7 2 7 1.61648472e-13 7"></polygon>
+                <path d="M3,2 L3,1 L2,1 L2,2 L1,2 L1,3 L2,3 L2,5 L3,5 L3,3 L4,3 L4,2 L3,2 Z" id="Rectangle-1106" fill="url(#linearGradient-7)" mask="url(#mask-6)"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MT.svg b/public/assets/images/flags/MT.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5ce0b3fedb1baa39a234cc743edce48cac322a2c
--- /dev/null
+++ b/public/assets/images/flags/MT.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MT</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#DE233C" offset="0%"></stop>
+            <stop stop-color="#CD1931" offset="100%"></stop>
+        </linearGradient>
+        <path d="M4,3 L4,2 L3,2 L3,3 L2,3 L2,4 L3,4 L3,5 L4,5 L4,4 L5,4 L5,3 L4,3 Z" id="path-3"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MT">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2-Copy-2" fill="url(#linearGradient-2)" x="11" y="0" width="10" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="0" width="11" height="15"></rect>
+            <g id="Rectangle-364">
+                <use fill="#CCCCCD" fill-rule="evenodd" xlink:href="#path-3"></use>
+                <path stroke-opacity="0.66" stroke="#7B716A" stroke-width="0.5" d="M4.25,2.75 L5.25,2.75 L5.25,4.25 L4.25,4.25 L4.25,5.25 L2.75,5.25 L2.75,4.25 L1.75,4.25 L1.75,2.75 L2.75,2.75 L2.75,1.75 L4.25,1.75 L4.25,2.75 Z"></path>
+            </g>
+            <circle id="Oval-20" fill="#7B716A" cx="3.5" cy="3.5" r="1"></circle>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MU.svg b/public/assets/images/flags/MU.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f2c6f3f86a75b0a45144cac05aa7d066f3229d7e
--- /dev/null
+++ b/public/assets/images/flags/MU.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MU</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1DBB63" offset="0%"></stop>
+            <stop stop-color="#17A455" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#222B82" offset="0%"></stop>
+            <stop stop-color="#1B236C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD741" offset="0%"></stop>
+            <stop stop-color="#FFD430" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#F4374A" offset="0%"></stop>
+            <stop stop-color="#E92C3F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MU">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="12" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="4" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="8" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-5)" x="0" y="0" width="21" height="4"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MV.svg b/public/assets/images/flags/MV.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f10e07d5f27090f7305e69dd42f8dfc725482cfc
--- /dev/null
+++ b/public/assets/images/flags/MV.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MV</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F32249" offset="0%"></stop>
+            <stop stop-color="#D01739" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#15A04F" offset="0%"></stop>
+            <stop stop-color="#0F7E3D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MV">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-1568" fill="url(#linearGradient-3)" x="3" y="3" width="15" height="9" rx="0.5"></rect>
+            <path d="M12.25,4.08054488 C12.008383,4.02779398 11.7574373,4 11.5,4 C9.56700338,4 8,5.56700338 8,7.5 C8,9.43299662 9.56700338,11 11.5,11 C11.7574373,11 12.008383,10.972206 12.25,10.9194551 C10.677409,10.57612 9.5,9.17555931 9.5,7.5 C9.5,5.82444069 10.677409,4.42387999 12.25,4.08054488 Z" id="Oval-12" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MW.svg b/public/assets/images/flags/MW.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5b0cc5c6fe7d74081a8fdfc0ace6ac774ad8997e
--- /dev/null
+++ b/public/assets/images/flags/MW.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MW</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E42038" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#47B849" offset="0%"></stop>
+            <stop stop-color="#399E3B" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MW">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <circle id="Oval-200" fill="url(#linearGradient-3)" cx="10.5" cy="5.5" r="3.5"></circle>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="5" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="10" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MX.svg b/public/assets/images/flags/MX.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7ed245bc7866f3b919eda62812f6429ccf2c6e91
--- /dev/null
+++ b/public/assets/images/flags/MX.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MX</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E3283E" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#128A60" offset="0%"></stop>
+            <stop stop-color="#0B6848" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MX">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-1)" x="7" y="0" width="7" height="15"></rect>
+            <path d="M8,7 C8,7.90143048 8.48152018,8.71954992 9.24677273,9.16357911 C9.48561975,9.3021674 9.79159152,9.22089165 9.93017981,8.98204463 C10.0687681,8.74319762 9.98749235,8.43722585 9.74864534,8.29863755 C9.28867518,8.03174504 9,7.54127594 9,7 C9,6.72385763 8.77614237,6.5 8.5,6.5 C8.22385763,6.5 8,6.72385763 8,7 Z M11.8455353,9.10731545 C12.5588244,8.65111736 13,7.86294784 13,7 C13,6.72385763 12.7761424,6.5 12.5,6.5 C12.2238576,6.5 12,6.72385763 12,7 C12,7.5182519 11.7356132,7.99058439 11.3067388,8.26487951 C11.0741065,8.41366406 11.0061345,8.72286348 11.1549191,8.95549574 C11.3037036,9.188128 11.612903,9.2561 11.8455353,9.10731545 Z" id="Oval-5" fill="#8C9157" fill-rule="nonzero"></path>
+            <ellipse id="Oval-5" fill="#C59262" cx="10.5" cy="6.5" rx="1" ry="1.5"></ellipse>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MY.svg b/public/assets/images/flags/MY.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e7ff885f2f3c40991a23e68f8d369bccb4ed3343
--- /dev/null
+++ b/public/assets/images/flags/MY.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MY</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E1244A" offset="0%"></stop>
+            <stop stop-color="#BE1134" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#0C3F8E" offset="0%"></stop>
+            <stop stop-color="#032A67" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD34F" offset="0%"></stop>
+            <stop stop-color="#FFCB2F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MY">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M10,0 L21,0 L21,1 L10,1 L10,0 Z M10,2 L21,2 L21,3 L10,3 L10,2 Z M10,4 L21,4 L21,5 L10,5 L10,4 Z M10,6 L21,6 L21,7 L10,7 L10,6 Z M0,8 L21,8 L21,9 L0,9 L0,8 Z M0,10 L21,10 L21,11 L0,11 L0,10 Z M0,12 L21,12 L21,13 L0,13 L0,12 Z M0,14 L21,14 L21,15 L0,15 L0,14 Z" id="Rectangle-537" fill="url(#linearGradient-2)"></path>
+            <rect id="Rectangle-1568" fill="url(#linearGradient-3)" x="0" y="0" width="12" height="8"></rect>
+            <path d="M6.87363497,1.6568923 C6.60168078,1.55545057 6.30731598,1.5 6,1.5 C4.61928813,1.5 3.5,2.61928813 3.5,4 C3.5,5.38071187 4.61928813,6.5 6,6.5 C6.30731598,6.5 6.60168078,6.44454943 6.87363497,6.3431077 C6.36024587,6.75416668 5.70883166,7 5,7 C3.34314575,7 2,5.65685425 2,4 C2,2.34314575 3.34314575,1 5,1 C5.70883166,1 6.36024587,1.24583332 6.87363497,1.6568923 Z M8,4.81999999 L7.13223252,5.80193774 L7.35889819,4.51126163 L6.05014418,4.44504187 L7.20055912,3.81753284 L6.43633704,2.7530204 L7.64421534,3.26120553 L8,2 L8.35578466,3.26120553 L9.56366296,2.7530204 L8.79944088,3.81753284 L9.94985582,4.44504187 L8.64110181,4.51126163 L8.86776748,5.80193774 L8,4.81999999 Z" id="Oval-12" fill="url(#linearGradient-4)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/MZ.svg b/public/assets/images/flags/MZ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7f553b00c8acbc1599497adbd9f778b6229c987a
--- /dev/null
+++ b/public/assets/images/flags/MZ.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>MZ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FFE547" offset="0%"></stop>
+            <stop stop-color="#FCE032" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#118C81" offset="0%"></stop>
+            <stop stop-color="#0D7168" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#EF2147" offset="0%"></stop>
+            <stop stop-color="#D01739" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#FDE444" offset="0%"></stop>
+            <stop stop-color="#FCE032" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="MZ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="11" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="4" width="21" height="7"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="5" width="21" height="5"></rect>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-5)" points="0 0 10 7.5 0 15"></polygon>
+            <polygon id="Star-27" fill="url(#linearGradient-6)" points="3.5 8.45555972 2.03053687 9.52254249 2.5912087 7.79528419 1.12235871 6.72745751 2.93833609 6.72693595 3.5 5 4.06166391 6.72693595 5.87764129 6.72745751 4.4087913 7.79528419 4.96946313 9.52254249"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/NA.svg b/public/assets/images/flags/NA.svg
new file mode 100644
index 0000000000000000000000000000000000000000..cb0ba69fdd824abc781cc41e7f3ae2dbeb2cd3c0
--- /dev/null
+++ b/public/assets/images/flags/NA.svg
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>NA</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0C4799" offset="0%"></stop>
+            <stop stop-color="#05387E" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-3" points="3.12149555 12.3039496 24.1214956 2.30394957 3.12149555 2.30394957"></polygon>
+        <filter x="-3.6%" y="-7.5%" width="107.1%" height="115.0%" filterUnits="objectBoundingBox" id="filter-4">
+            <feMorphology radius="0.25" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#FFD243" offset="0%"></stop>
+            <stop stop-color="#FFCD2F" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-6" points="6.62149555 6.80394957 5.85612869 7.65170864 5.91438877 6.51105635 4.77373649 6.56931644 5.62149555 5.80394957 4.77373649 5.03858271 5.91438877 5.09684279 5.85612869 3.95619051 6.62149555 4.80394957 7.38686242 3.95619051 7.32860234 5.09684279 8.46925462 5.03858271 7.62149555 5.80394957 8.46925462 6.56931644 7.32860234 6.51105635 7.38686242 7.65170864"></polygon>
+        <filter x="-6.2%" y="-6.2%" width="112.5%" height="125.0%" filterUnits="objectBoundingBox" id="filter-7">
+            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-8">
+            <stop stop-color="#1BAC55" offset="0%"></stop>
+            <stop stop-color="#149447" offset="100%"></stop>
+        </linearGradient>
+        <polygon id="path-9" points="3.12149555 17.3039496 24.1214956 17.3039496 24.1214956 7.30394957"></polygon>
+        <filter x="-3.6%" y="-7.5%" width="107.1%" height="115.0%" filterUnits="objectBoundingBox" id="filter-10">
+            <feMorphology radius="0.25" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <polygon id="path-11" points="5.43328436 19.3039725 25.7495351 6.60897002 21.8097068 0.30392669 1.49345602 12.9989291"></polygon>
+        <filter x="-3.1%" y="-3.9%" width="106.2%" height="107.9%" filterUnits="objectBoundingBox" id="filter-12">
+            <feMorphology radius="0.25" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-13">
+            <stop stop-color="#E52347" offset="0%"></stop>
+            <stop stop-color="#D01739" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="NA">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <g id="Group-2" transform="translate(-3.120000, -2.300000)">
+                <g id="Rectangle-2">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                    <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-3"></use>
+                </g>
+                <g id="Star-31">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-6"></use>
+                    <use fill="url(#linearGradient-5)" fill-rule="evenodd" xlink:href="#path-6"></use>
+                </g>
+                <g id="Rectangle-2">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
+                    <use fill="url(#linearGradient-8)" fill-rule="evenodd" xlink:href="#path-9"></use>
+                </g>
+                <g id="Rectangle-2">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
+                    <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-11"></use>
+                </g>
+                <polygon id="Rectangle-2" fill="url(#linearGradient-13)" points="2.64959632 19.6078991 27.2429911 4.24024048 24.5933948 1.77635684e-15 -1.77635684e-14 15.3676587"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/NC.svg b/public/assets/images/flags/NC.svg
new file mode 100644
index 0000000000000000000000000000000000000000..bae580e8df4badcc46da913253fc7530e2c9adbf
--- /dev/null
+++ b/public/assets/images/flags/NC.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>NC</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#094CC7" offset="0%"></stop>
+            <stop stop-color="#003CAB" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#2AAD55" offset="0%"></stop>
+            <stop stop-color="#219447" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#F65D55" offset="0%"></stop>
+            <stop stop-color="#E9443C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#FAE749" offset="0%"></stop>
+            <stop stop-color="#FBE533" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="NC">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="5" width="21" height="5"></rect>
+            <circle id="Oval-95" fill="url(#linearGradient-5)" cx="10.5" cy="7.5" r="3.5"></circle>
+            <path d="M10.0917899,6.21120062 C10.0339787,6.29276685 10,6.39241536 10,6.5 C10,6.77614237 10.2238576,7 10.5,7 C10.7761424,7 11,6.77614237 11,6.5 C11,6.26021849 10.8312137,6.05985912 10.6059713,6.01125212 C10.6538139,5.98687284 10.7019029,5.9607816 10.75,5.9330127 C11.3478658,5.58783473 11.7206029,5.11414631 11.5825318,4.875 C11.4444606,4.63585369 10.8478658,4.72180933 10.25,5.0669873 C9.65213422,5.41216527 9.27939706,5.88585369 9.41746825,6.125 C9.50287427,6.27292757 9.7637219,6.29646371 10.0917899,6.21120062 L10.0917899,6.21120062 Z M10.5,10.5 C9.67157288,10.5 9.5,9.77614237 9.5,9.5 C9.5,9.22385763 9.67157288,9 10.5,9 C11.3284271,9 11.5,9.22385763 11.5,9.5 C11.5,9.77614237 11.3284271,10.5 10.5,10.5 Z M10.5,9 C10.2238576,9 10,8.77614237 10,8.5 C10,8.22385763 10.2238576,8 10.5,8 C10.7761424,8 11,8.22385763 11,8.5 C11,8.77614237 10.7761424,9 10.5,9 Z M10.5,8 C10.2238576,8 10,7.77614237 10,7.5 C10,7.22385763 10.2238576,7 10.5,7 C10.7761424,7 11,7.22385763 11,7.5 C11,7.77614237 10.7761424,8 10.5,8 Z" id="Combined-Shape" fill="url(#linearGradient-6)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/NE.svg b/public/assets/images/flags/NE.svg
new file mode 100644
index 0000000000000000000000000000000000000000..12bcf8a0d46c9972c5f548386bac50e320620f61
--- /dev/null
+++ b/public/assets/images/flags/NE.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>NE</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F0642F" offset="0%"></stop>
+            <stop stop-color="#DF531D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#2DCC45" offset="0%"></stop>
+            <stop stop-color="#1FAF35" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#E85C27" offset="0%"></stop>
+            <stop stop-color="#DF531D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="NE">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <circle id="Oval-12" fill="url(#linearGradient-4)" cx="10.5" cy="7.5" r="2"></circle>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/NF.svg b/public/assets/images/flags/NF.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b707e52d074033980e1526435c9c321ac357b3a7
--- /dev/null
+++ b/public/assets/images/flags/NF.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>NF</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#219646" offset="0%"></stop>
+            <stop stop-color="#197837" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#259D4B" offset="0%"></stop>
+            <stop stop-color="#197837" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="NF">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-1)" x="6" y="0" width="9" height="15"></rect>
+            <path d="M9.4435697,4.00314907 L9.86558914,2.48387909 C9.93982221,2.21664005 10.2319336,2 10.5,2 C10.7761424,2 11.0617981,2.22247314 11.1344109,2.48387909 L11.5564303,4.00314907 C11.5379075,4.00106855 11.5190785,4 11.5,4 C11.2238576,4 11,4.22385763 11,4.5 C11,4.77614237 11.2238576,5 11.5,5 C11.6146332,5 11.7202562,4.96142319 11.8045953,4.89654341 L12.1147885,6.01323896 C12.0779303,6.00458037 12.0395,6 12,6 C11.7238576,6 11.5,6.22385763 11.5,6.5 C11.5,6.77614237 11.7238576,7 12,7 C12.1359508,7 12.2592288,6.94574132 12.3493604,6.85769757 L12.6754588,8.0316521 C12.6208644,8.01118985 12.561739,8 12.5,8 C12.2238576,8 12,8.22385763 12,8.5 C12,8.77614237 12.2238576,9 12.5,9 C12.6587644,9 12.800246,8.92600331 12.8918379,8.81061681 L13.4999999,11 L11,11 L11,13 L9.99999999,13 L9.99999999,11 L7.49999999,11 L8.10816202,8.81061671 C8.19975388,8.92600327 8.34123551,9 8.5,9 C8.77614237,9 9,8.77614237 9,8.5 C9,8.22385763 8.77614237,8 8.5,8 C8.438261,8 8.37913553,8.01118987 8.32454107,8.03165214 L8.65063958,6.85769751 C8.74077116,6.94574129 8.86404918,7 9,7 C9.27614237,7 9.5,6.77614237 9.5,6.5 C9.5,6.22385763 9.27614237,6 9,6 C8.96049994,6 8.92206968,6.00458038 8.88521139,6.01323897 L9.19540461,4.89654338 C9.27974375,4.96142318 9.38536683,5 9.5,5 C9.77614237,5 10,4.77614237 10,4.5 C10,4.22385763 9.77614237,4 9.5,4 C9.48092147,4 9.4620925,4.00106855 9.4435697,4.00314907 L9.4435697,4.00314907 Z" id="Combined-Shape" fill="url(#linearGradient-3)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/NG.svg b/public/assets/images/flags/NG.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4063ff84618fe7cbafb2559f92ed2af1331b194e
--- /dev/null
+++ b/public/assets/images/flags/NG.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>NG</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#189B62" offset="0%"></stop>
+            <stop stop-color="#118653" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="NG">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-1)" x="7" y="0" width="7" height="15"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/NI.svg b/public/assets/images/flags/NI.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7adb4ba4056b3522145cbd723faf0808c6b323e6
--- /dev/null
+++ b/public/assets/images/flags/NI.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>NI</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1A78D6" offset="0%"></stop>
+            <stop stop-color="#106AC4" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="NI">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <path d="M10.5,9 C11.3284271,9 12,8.32842712 12,7.5 C12,6.67157288 11.3284271,6 10.5,6 C9.67157288,6 9,6.67157288 9,7.5 C9,8.32842712 9.67157288,9 10.5,9 Z M10.5,9.5 C9.3954305,9.5 8.5,8.6045695 8.5,7.5 C8.5,6.3954305 9.3954305,5.5 10.5,5.5 C11.6045695,5.5 12.5,6.3954305 12.5,7.5 C12.5,8.6045695 11.6045695,9.5 10.5,9.5 Z" id="Oval-1" fill="#DBCD92" fill-rule="nonzero"></path>
+            <polygon id="Rectangle-390" fill="#9CDDEE" points="10.5 6.5 11.5 8.5 9.5 8.5"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/NL.svg b/public/assets/images/flags/NL.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c62f42ad893349360d621c38a0300f3b46127777
--- /dev/null
+++ b/public/assets/images/flags/NL.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>NL</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#CA2B39" offset="0%"></stop>
+            <stop stop-color="#AC1F2C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#2C56A2" offset="0%"></stop>
+            <stop stop-color="#244889" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="NL">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/NO.svg b/public/assets/images/flags/NO.svg
new file mode 100644
index 0000000000000000000000000000000000000000..cdc23f4993a9c09632f3895453e67b9c4b1c0cce
--- /dev/null
+++ b/public/assets/images/flags/NO.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>NO</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F14247" offset="0%"></stop>
+            <stop stop-color="#ED2F35" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#0A3A85" offset="0%"></stop>
+            <stop stop-color="#032A67" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="NO">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-1)" points="0 9 6 9 6 15 9 15 9 9 21 9 21 6 9 6 9 0 6 0 6 6 0 6"></polygon>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" points="0 8 7 8 7 15 8 15 8 8 21 8 21 7 8 7 8 0 7 0 7 7 0 7"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/NP.svg b/public/assets/images/flags/NP.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c879fa80f839345cdba0c05603811ce41be52420
--- /dev/null
+++ b/public/assets/images/flags/NP.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>NP</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,4.52970994e-14 L1.49531555,1.44969983e-09 C1.77404508,1.71991806e-09 2.18849134,0.125660898 2.41306716,0.27537811 L13.1751914,7.4501276 C13.6307206,7.75381374 13.5469637,8 13.0029699,8 L6,8 L13.2473794,14.341457 C13.6630403,14.7051603 13.5500512,15 12.9931545,15 L0,15 L0,4.52970994e-14 Z" id="path-2"></path>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#EE1B44" offset="0%"></stop>
+            <stop stop-color="#DD153C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#0543A8" offset="0%"></stop>
+            <stop stop-color="#003893" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,0 L1.49531555,0 C1.77404508,0 2.18849134,0.125660896 2.41306716,0.275378108 L13.1751914,7.4501276 C13.6307206,7.75381374 13.5469637,8 13.0029699,8 L6,8 L13.2473794,14.341457 C13.6630403,14.7051603 13.5500512,15 12.9931545,15 L0,15 L0,0 Z" id="path-6"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="NP">
+            <mask id="mask-3" fill="white">
+                <use xlink:href="#path-2"></use>
+            </mask>
+            <use id="Mask" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
+            <g id="Mask-Copy" mask="url(#mask-3)">
+                <use fill="url(#linearGradient-4)" fill-rule="evenodd" xlink:href="#path-6"></use>
+                <path stroke="url(#linearGradient-5)" stroke-width="1" d="M0.5,0.5 L0.5,14.5 L12.6692753,14.5 L4.6692753,7.5 L12.3486122,7.5 L2.13571706,0.691403255 C1.9922793,0.59577808 1.67411734,0.5 1.49531555,0.5 L0.5,0.5 Z"></path>
+            </g>
+            <path d="M5.13831521,5.85057555 C5.42639761,5.77162618 5.69198348,5.66364925 5.92688132,5.53210575 C5.69389395,6.37838213 4.9187606,7 3.99844063,7 C3.07812065,7 2.3029873,6.37838213 2.06999993,5.53210575 C2.30554809,5.66401343 2.57195443,5.77222387 2.86095923,5.85123059 L3.25,5.5 L2.6141807,4.92597485 L3.46966991,4.96966991 L3.42597485,4.1141807 L4,4.75 L4.57402515,4.1141807 L4.53033009,4.96966991 L5.3858193,4.92597485 L4.75,5.5 L5.13831521,5.85057555 L5.13831521,5.85057555 Z M4,12 L3.23463314,12.8477591 L3.29289322,11.7071068 L2.15224093,11.7653669 L3,11 L2.15224093,10.2346331 L3.29289322,10.2928932 L3.23463314,9.15224093 L4,10 L4.76536686,9.15224093 L4.70710678,10.2928932 L5.84775907,10.2346331 L5,11 L5.84775907,11.7653669 L4.70710678,11.7071068 L4.76536686,12.8477591 L4,12 Z" id="Star-93" fill="url(#linearGradient-1)" mask="url(#mask-3)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/NR.svg b/public/assets/images/flags/NR.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1a6c3a21af7bd477c611b00cec1bbeca6095889c
--- /dev/null
+++ b/public/assets/images/flags/NR.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>NR</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0744A7" offset="0%"></stop>
+            <stop stop-color="#00307D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FCC747" offset="0%"></stop>
+            <stop stop-color="#FEC539" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="NR">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-1337" fill="url(#linearGradient-3)" x="0" y="6" width="21" height="2"></rect>
+            <polygon id="Star-27" fill="url(#linearGradient-1)" points="5.5 12.25 4.72745751 13.3776413 4.76526843 12.0112712 3.47745751 12.4694631 4.31117935 11.3862712 3 11 4.31117935 10.6137288 3.47745751 9.53053687 4.76526843 9.98872876 4.72745751 8.62235871 5.5 9.75 6.27254249 8.62235871 6.23473157 9.98872876 7.52254249 9.53053687 6.68882065 10.6137288 8 11 6.68882065 11.3862712 7.52254249 12.4694631 6.23473157 12.0112712 6.27254249 13.3776413"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/NU.svg b/public/assets/images/flags/NU.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3d9bc80c6897756c39d79b59921f97f425ee2c1e
--- /dev/null
+++ b/public/assets/images/flags/NU.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>NU</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FCD54E" offset="0%"></stop>
+            <stop stop-color="#FCD036" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#053C8A" offset="0%"></stop>
+            <stop stop-color="#002B67" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#FDD650" offset="0%"></stop>
+            <stop stop-color="#FCD036" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="NU">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-1476" fill="url(#linearGradient-3)" x="0" y="0" width="9" height="7"></rect>
+            <path d="M3,3.22996746 L-1.3516287,-0.5 L0.660232527,-0.5 L4.16023253,2 L4.85660189,2 L9.5,-0.902123821 L9.5,0.25 C9.5,0.552509227 9.33308555,0.876533554 9.08215972,1.05576629 L6,3.25730895 L6,3.77003254 L9.13722049,6.45907867 C9.59934261,6.85518335 9.34102897,7.5 8.75,7.5 C8.50478614,7.5 8.2052751,7.40393402 8.00092153,7.25796718 L4.83976747,5 L4.14339811,5 L-0.5,7.90212382 L-0.5,6.24269105 L3,3.74269105 L3,3.22996746 Z" id="Rectangle-36" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M3.5,3 L-4.4408921e-16,7.10542736e-15 L0.5,7.10542736e-15 L4,2.5 L5,2.5 L9,7.10542736e-15 L9,0.25 C9,0.388071187 8.91348267,0.561798096 8.79154062,0.648899555 L5.5,3 L5.5,4 L8.8118248,6.83870697 C8.91575109,6.92778665 8.8840332,7 8.75,7 L8.75,7 C8.61192881,7 8.41348267,6.9382019 8.29154062,6.85110044 L5,4.5 L4,4.5 L-4.4408921e-16,7 L-4.4408921e-16,6.5 L3.5,4 L3.5,3 Z" id="Rectangle-36" fill="url(#linearGradient-4)"></path>
+            <path d="M-4.4408921e-16,2.5 L-4.4408921e-16,4.5 L3.5,4.5 L3.5,7.00461102 C3.5,7.2782068 3.71403503,7.5 4.00468445,7.5 L4.99531555,7.5 C5.27404508,7.5 5.5,7.2842474 5.5,7.00461102 L5.5,4.5 L9.00952148,4.5 C9.28040529,4.5 9.5,4.28596497 9.5,3.99531555 L9.5,3.00468445 C9.5,2.72595492 9.28494263,2.5 9.00952148,2.5 L5.5,2.5 L5.5,7.10542736e-15 L3.5,7.10542736e-15 L3.5,2.5 L-4.4408921e-16,2.5 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-36" fill="url(#linearGradient-4)" points="-4.4408921e-16 3 4 3 4 2.5 4 7.10542736e-15 5 7.10542736e-15 5 2.5 5 3 9 3 9 4 5 4 5 4.5 5 7 4 7 4 4.5 4 4 -4.4408921e-16 4"></polygon>
+            <circle id="Oval-316" fill="url(#linearGradient-3)" cx="4.5" cy="3.5" r="1"></circle>
+            <path d="M4.5,4 C4.22385763,4 4,3.77614237 4,3.5 C4,3.22385763 4.22385763,3 4.5,3 C4.77614237,3 5,3.22385763 5,3.5 C5,3.77614237 4.77614237,4 4.5,4 Z M6.5,4 C6.22385763,4 6,3.77614237 6,3.5 C6,3.22385763 6.22385763,3 6.5,3 C6.77614237,3 7,3.22385763 7,3.5 C7,3.77614237 6.77614237,4 6.5,4 Z M2.5,4 C2.22385763,4 2,3.77614237 2,3.5 C2,3.22385763 2.22385763,3 2.5,3 C2.77614237,3 3,3.22385763 3,3.5 C3,3.77614237 2.77614237,4 2.5,4 Z M4.5,2 C4.22385763,2 4,1.77614237 4,1.5 C4,1.22385763 4.22385763,1 4.5,1 C4.77614237,1 5,1.22385763 5,1.5 C5,1.77614237 4.77614237,2 4.5,2 Z M4.5,6 C4.22385763,6 4,5.77614237 4,5.5 C4,5.22385763 4.22385763,5 4.5,5 C4.77614237,5 5,5.22385763 5,5.5 C5,5.77614237 4.77614237,6 4.5,6 Z" id="Combined-Shape" fill="url(#linearGradient-5)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/NZ.svg b/public/assets/images/flags/NZ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c1f624df802b18e3f3ffced4b02c52d9fe1739d8
--- /dev/null
+++ b/public/assets/images/flags/NZ.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>NZ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0A17A7" offset="0%"></stop>
+            <stop stop-color="#030E88" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="NZ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M3,3.22996746 L-1.3516287,-0.5 L0.660232527,-0.5 L4.16023253,2 L4.85660189,2 L9.5,-0.902123821 L9.5,0.25 C9.5,0.552509227 9.33308555,0.876533554 9.08215972,1.05576629 L6,3.25730895 L6,3.77003254 L9.13722049,6.45907867 C9.59934261,6.85518335 9.34102897,7.5 8.75,7.5 C8.50478614,7.5 8.2052751,7.40393402 8.00092153,7.25796718 L4.83976747,5 L4.14339811,5 L-0.5,7.90212382 L-0.5,6.24269105 L3,3.74269105 L3,3.22996746 Z" id="Rectangle-36" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M3.5,3 L-4.4408921e-16,-2.13162821e-14 L0.5,-2.13162821e-14 L4,2.5 L5,2.5 L9,-2.13162821e-14 L9,0.25 C9,0.388071187 8.91348267,0.561798096 8.79154062,0.648899555 L5.5,3 L5.5,4 L8.8118248,6.83870697 C8.91575109,6.92778665 8.8840332,7 8.75,7 L8.75,7 C8.61192881,7 8.41348267,6.9382019 8.29154062,6.85110044 L5,4.5 L4,4.5 L-4.4408921e-16,7 L-4.4408921e-16,6.5 L3.5,4 L3.5,3 Z" id="Rectangle-36" fill="url(#linearGradient-3)"></path>
+            <path d="M-4.4408921e-16,2.5 L-4.4408921e-16,4.5 L3.5,4.5 L3.5,7.00461102 C3.5,7.2782068 3.71403503,7.5 4.00468445,7.5 L4.99531555,7.5 C5.27404508,7.5 5.5,7.2842474 5.5,7.00461102 L5.5,4.5 L9.00952148,4.5 C9.28040529,4.5 9.5,4.28596497 9.5,3.99531555 L9.5,3.00468445 C9.5,2.72595492 9.28494263,2.5 9.00952148,2.5 L5.5,2.5 L5.5,-2.13162821e-14 L3.5,-2.13162821e-14 L3.5,2.5 L-4.4408921e-16,2.5 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-36" fill="url(#linearGradient-3)" points="-4.4408921e-16 3 4 3 4 2.5 4 -2.13162821e-14 5 -2.13162821e-14 5 2.5 5 3 9 3 9 4 5 4 5 4.5 5 7 4 7 4 4.5 4 4 -4.4408921e-16 4"></polygon>
+            <polygon id="Star-2" fill="#CA1931" points="15 13 14.2928932 13.2071068 14.5 12.5 14.2928932 11.7928932 15 12 15.7071068 11.7928932 15.5 12.5 15.7071068 13.2071068"></polygon>
+            <polygon id="Star-2" fill="#CA1931" points="15 3.5 14.2928932 3.70710678 14.5 3 14.2928932 2.29289322 15 2.5 15.7071068 2.29289322 15.5 3 15.7071068 3.70710678"></polygon>
+            <polygon id="Star-2" fill="#CA1931" points="18 6.5 17.2928932 6.70710678 17.5 6 17.2928932 5.29289322 18 5.5 18.7071068 5.29289322 18.5 6 18.7071068 6.70710678"></polygon>
+            <polygon id="Star-2" fill="#CA1931" points="12 7.5 11.2928932 7.70710678 11.5 7 11.2928932 6.29289322 12 6.5 12.7071068 6.29289322 12.5 7 12.7071068 7.70710678"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/OM.svg b/public/assets/images/flags/OM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..cb08ac82a482f3ce5a50bb35a69f35199e7c1e35
--- /dev/null
+++ b/public/assets/images/flags/OM.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>OM</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#138E16" offset="0%"></stop>
+            <stop stop-color="#0F7F12" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#ED2B35" offset="0%"></stop>
+            <stop stop-color="#D91B25" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="OM">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" points="0 15 7 15 7 10 21 10 21 5 7 5 7 0 0 0"></polygon>
+            <polygon id="Star-32" fill="url(#linearGradient-1)" points="3.5 3.53381849 2.63223252 4.80193774 3.0826439 3.33283039 1.55014418 3.44504187 2.97956545 2.88121421 1.93633704 1.7530204 3.26838484 2.51904616 3.5 1 3.73161516 2.51904616 5.06366296 1.7530204 4.02043455 2.88121421 5.44985582 3.44504187 3.9173561 3.33283039 4.36776748 4.80193774"></polygon>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="7" y="0" width="14" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/PA.svg b/public/assets/images/flags/PA.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d8516682ea4343193e2d7009dd1449581e3bd659
--- /dev/null
+++ b/public/assets/images/flags/PA.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>PA</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E52448" offset="0%"></stop>
+            <stop stop-color="#D01739" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#1367AE" offset="0%"></stop>
+            <stop stop-color="#0A5492" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PA">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="7"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="7" width="21" height="8"></rect>
+            <path d="M0,7 L0,0 L10,0 L10,7 L0,7 Z M10,15 L10,7 L21,7 L21,15 L10,15 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Star-33" fill="url(#linearGradient-3)" points="5 4.31999999 3.8244295 5.11803399 4.22013366 3.75339393 3.09788697 2.88196601 4.5180161 2.83660607 5 1.5 5.4819839 2.83660607 6.90211303 2.88196601 5.77986634 3.75339393 6.1755705 5.11803399"></polygon>
+            <polygon id="Star-33" fill="url(#linearGradient-2)" points="15.5 11.82 14.3244295 12.618034 14.7201337 11.2533939 13.597887 10.381966 15.0180161 10.3366061 15.5 9 15.9819839 10.3366061 17.402113 10.381966 16.2798663 11.2533939 16.6755705 12.618034"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/PE.svg b/public/assets/images/flags/PE.svg
new file mode 100644
index 0000000000000000000000000000000000000000..98a26cf20f261fc4c8dca66f53b12276eb54c4c6
--- /dev/null
+++ b/public/assets/images/flags/PE.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>PE</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E82438" offset="0%"></stop>
+            <stop stop-color="#D7172B" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PE">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-1)" x="7" y="0" width="7" height="15"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/PF.svg b/public/assets/images/flags/PF.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b29385f4b674dac196d4f1fb79a982154a284266
--- /dev/null
+++ b/public/assets/images/flags/PF.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>PF</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E02639" offset="0%"></stop>
+            <stop stop-color="#CA1A2C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DC2235" offset="0%"></stop>
+            <stop stop-color="#CA1A2C" offset="100%"></stop>
+        </linearGradient>
+        <circle id="path-4" cx="2.5" cy="2.5" r="2.5"></circle>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#FFA135" offset="0%"></stop>
+            <stop stop-color="#FD9C2D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#DF2034" offset="0%"></stop>
+            <stop stop-color="#CA1A2C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-8">
+            <stop stop-color="#0B4BAD" offset="0%"></stop>
+            <stop stop-color="#08429A" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PF">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="11" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="4" width="21" height="7"></rect>
+            <g id="Group" transform="translate(8.000000, 5.000000)">
+                <mask id="mask-5" fill="white">
+                    <use xlink:href="#path-4"></use>
+                </mask>
+                <g id="Oval-1"></g>
+                <rect id="Rectangle-1362" fill="url(#linearGradient-6)" mask="url(#mask-5)" x="0" y="0" width="5" height="2.5"></rect>
+                <polygon id="Rectangle-1364-Copy" fill="#FFFFFF" mask="url(#mask-5)" points="1 1.5 4 1.5 3.5 2.5 1.5 2.5"></polygon>
+                <path d="M2,0 L3,0 L3,1.49531555 C3,1.77404508 2.76806641,2 2.5,2 C2.22385763,2 2,1.78596497 2,1.49531555 L2,0 Z M1,1 C1,1 1.75,2.5 2.5,2.5 C3.25,2.5 4,1 4,1 L4,2 C4,2.55228475 3.55733967,3 3.00104344,3 L1.99895656,3 C1.44724809,3 1,2.55613518 1,2 L1,1 Z" id="Combined-Shape" fill="url(#linearGradient-7)" mask="url(#mask-5)"></path>
+                <rect id="Rectangle-1362-Copy" fill="url(#linearGradient-8)" mask="url(#mask-5)" x="0" y="3" width="5" height="2"></rect>
+                <polygon id="Rectangle-1364" fill="#FFFFFF" mask="url(#mask-5)" points="0 3.5 5 3.5 5 4 0 4"></polygon>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/PG.svg b/public/assets/images/flags/PG.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0630fab6ff5468674e34c5783f33a13a4eacaadc
--- /dev/null
+++ b/public/assets/images/flags/PG.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>PG</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E8283F" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD84E" offset="0%"></stop>
+            <stop stop-color="#FCD036" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PG">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Mask" fill="url(#linearGradient-3)" points="0 0 21 0 21 15"></polygon>
+            <polygon id="Star-2" fill="url(#linearGradient-1)" points="5 12.5 4.29289322 12.7071068 4.5 12 4.29289322 11.2928932 5 11.5 5.70710678 11.2928932 5.5 12 5.70710678 12.7071068"></polygon>
+            <polygon id="Star-2" fill="url(#linearGradient-1)" points="5 6.5 4.29289322 6.70710678 4.5 6 4.29289322 5.29289322 5 5.5 5.70710678 5.29289322 5.5 6 5.70710678 6.70710678"></polygon>
+            <polygon id="Star-2" fill="url(#linearGradient-1)" points="2.5 9 1.79289322 9.20710678 2 8.5 1.79289322 7.79289322 2.5 8 3.20710678 7.79289322 3 8.5 3.20710678 9.20710678"></polygon>
+            <polygon id="Star-2" fill="url(#linearGradient-1)" points="7 8.5 6.29289322 8.70710678 6.5 8 6.29289322 7.29289322 7 7.5 7.70710678 7.29289322 7.5 8 7.70710678 8.70710678"></polygon>
+            <path d="M14.145932,6.94917745 C14.0262171,6.87734852 13.929169,6.70814871 13.9291691,6.57278248 L13.9291691,5.65124336 C13.9291691,5.51519509 13.8312859,5.4375339 13.6831664,5.48690708 L13.1145117,5.67645866 C12.9786481,5.72174651 12.7706257,5.72583183 12.6225062,5.67645866 L12.0538515,5.48690708 C11.9179879,5.44161923 11.9028916,5.34788048 12.0246117,5.27484842 L13.3588528,4.47430376 C13.4785676,4.40247484 13.542988,4.24636281 13.4936148,4.09824328 L13.3040632,3.52958856 C13.2587754,3.393725 13.3199455,3.31621356 13.468065,3.36558674 L14.0367198,3.55513831 C14.1725833,3.60042616 14.3397482,3.54209639 14.4127803,3.42037629 L15.2133249,2.0861352 C15.2851538,1.96642034 15.3760104,1.96725546 15.4253836,2.11537499 L15.6149352,2.68402971 C15.660223,2.81989327 15.6643083,3.02791563 15.6149352,3.17603516 L15.4253836,3.74468989 C15.3800957,3.88055344 15.4543536,3.99069261 15.5897199,3.9906926 L16.511259,3.99069256 C16.6473072,3.99069255 16.8146219,4.08573538 16.8876539,4.20745548 L17.6881986,5.54169663 C17.7600276,5.66141149 17.7022683,5.78165719 17.572456,5.80761965 L16.2962899,6.06285287 C16.160538,6.09000324 16.0272918,6.22800109 16.0013294,6.35781339 L15.7460962,7.63397958 C15.7189459,7.76973141 15.6018933,7.8227543 15.4801732,7.74972223 L14.145932,6.94917745 L14.145932,6.94917745 Z" id="Rectangle-419" fill="url(#linearGradient-4)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/PH.svg b/public/assets/images/flags/PH.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4c1087b8b567c7aa60fcf1bb021a19bb75dc52be
--- /dev/null
+++ b/public/assets/images/flags/PH.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>PH</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#DD1C34" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#0D4BC3" offset="0%"></stop>
+            <stop stop-color="#073DA6" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FDD64D" offset="0%"></stop>
+            <stop stop-color="#FCD036" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PH">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="7" width="21" height="8"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="7"></rect>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-1)" points="0 0 10 7.5 0 15"></polygon>
+            <path d="M3.39905647,8.49496835 L2.54329142,9.80969883 L2.86783947,8.27487717 C2.81561375,8.23221927 2.76778073,8.18438625 2.72512283,8.13216053 L1.19030117,8.45670858 L2.50503165,7.60094353 C2.50170408,7.56774742 2.5,7.53407271 2.5,7.5 C2.5,7.46592729 2.50170408,7.43225258 2.50503165,7.39905647 L1.19030117,6.54329142 L2.72512283,6.86783947 C2.76778073,6.81561375 2.81561375,6.76778073 2.86783947,6.72512283 L2.54329142,5.19030117 L3.39905647,6.50503165 C3.43225258,6.50170408 3.46592729,6.5 3.5,6.5 C3.53407271,6.5 3.56774742,6.50170408 3.60094353,6.50503165 L4.45670858,5.19030117 L4.13216053,6.72512283 C4.18438625,6.76778073 4.23221927,6.81561375 4.27487717,6.86783947 L5.80969883,6.54329142 L4.49496835,7.39905647 C4.49829592,7.43225258 4.5,7.46592729 4.5,7.5 C4.5,7.53407271 4.49829592,7.56774742 4.49496835,7.60094353 L5.80969883,8.45670858 L4.27487717,8.13216053 C4.23221927,8.18438625 4.18438625,8.23221927 4.13216053,8.27487717 L4.45670858,9.80969883 L3.60094353,8.49496835 C3.56774742,8.49829592 3.53407271,8.5 3.5,8.5 C3.46592729,8.5 3.43225258,8.49829592 3.39905647,8.49496835 L3.39905647,8.49496835 Z M7.5,8 C7.22385763,8 7,7.77614237 7,7.5 C7,7.22385763 7.22385763,7 7.5,7 C7.77614237,7 8,7.22385763 8,7.5 C8,7.77614237 7.77614237,8 7.5,8 Z M1.5,3 C1.22385763,3 1,2.77614237 1,2.5 C1,2.22385763 1.22385763,2 1.5,2 C1.77614237,2 2,2.22385763 2,2.5 C2,2.77614237 1.77614237,3 1.5,3 Z M1.5,13 C1.22385763,13 1,12.7761424 1,12.5 C1,12.2238576 1.22385763,12 1.5,12 C1.77614237,12 2,12.2238576 2,12.5 C2,12.7761424 1.77614237,13 1.5,13 Z" id="Oval-206" fill="url(#linearGradient-4)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/PK.svg b/public/assets/images/flags/PK.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7ecb09cfdb7002cd829511d380856170f09df3d4
--- /dev/null
+++ b/public/assets/images/flags/PK.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>PK</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0A632F" offset="0%"></stop>
+            <stop stop-color="#05411E" offset="100%"></stop>
+        </linearGradient>
+        <path d="M15.9781898,10.8777212 C15.246875,11.4729173 14.3268852,11.8275274 13.3275103,11.8275274 C10.9454095,11.8275274 9.01433521,9.81280873 9.01433521,7.32752735 C9.01433521,4.84224598 10.9454095,2.82752735 13.3275103,2.82752735 C14.3268852,2.82752735 15.246875,3.18213737 15.9781898,3.77733347 C15.6461512,3.69153605 15.2964768,3.64570917 14.9354035,3.64570917 C12.7698573,3.64570917 11.0143352,5.29411532 11.0143352,7.32752735 C11.0143352,9.36093939 12.7698573,11.0093455 14.9354035,11.0093455 C15.2964768,11.0093455 15.6461512,10.9635187 15.9781898,10.8777212 L15.9781898,10.8777212 Z M16.0143352,8.10752738 L14.8387647,8.94556134 L15.2725111,7.56856062 L14.1122222,6.70949336 L15.5558627,6.69649407 L16.0143352,5.32752735 L16.4728077,6.69649407 L17.9164482,6.70949336 L16.7561593,7.56856062 L17.1899057,8.94556134 L16.0143352,8.10752738 L16.0143352,8.10752738 Z" id="path-3"></path>
+        <filter x="-2.8%" y="-2.8%" width="105.6%" height="111.1%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PK">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="-0.00182540814" width="21" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-1)" x="0" y="-0.00182540814" width="6" height="15"></rect>
+            <g id="Star-8" transform="translate(13.465392, 7.327527) rotate(-45.000000) translate(-13.465392, -7.327527) ">
+                <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-3"></use>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/PL.svg b/public/assets/images/flags/PL.svg
new file mode 100644
index 0000000000000000000000000000000000000000..fadbd2d6b05cb3c2c7db15f82d5f1fb97a93307c
--- /dev/null
+++ b/public/assets/images/flags/PL.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>PL</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#EB2A50" offset="0%"></stop>
+            <stop stop-color="#DA1B40" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PL">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="7" width="21" height="8"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="7"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/PM.svg b/public/assets/images/flags/PM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1f39fd0a24790ab95dc656d9e865eb8734ff32c1
--- /dev/null
+++ b/public/assets/images/flags/PM.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>PM</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#138E16" offset="0%"></stop>
+            <stop stop-color="#0F7F12" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#26A7DC" offset="0%"></stop>
+            <stop stop-color="#1B94C6" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FBCD3F" offset="0%"></stop>
+            <stop stop-color="#FFCE2F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#F03633" offset="0%"></stop>
+            <stop stop-color="#D82A28" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-6" x="0" y="0" width="7" height="5"></rect>
+        <linearGradient x1="82.8416049%" y1="18.1366533%" x2="20.4259648%" y2="78.4787716%" id="linearGradient-8">
+            <stop stop-color="#2AA854" offset="0%"></stop>
+            <stop stop-color="#219447" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-9">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-10">
+            <stop stop-color="#D7181D" offset="0%"></stop>
+            <stop stop-color="#C60E13" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-11">
+            <stop stop-color="#FBCD3F" offset="0%"></stop>
+            <stop stop-color="#FECB2F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PM">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" points="0 15 7 15 21 15 21 0 7 0 0 0"></polygon>
+            <path d="M17.3255147,6.42868342 C18.3529675,6.17626317 19,6.10923857 19,7 C19,8.65685425 16.7614237,10 14,10 C11.2385763,10 9,8.65685425 9,7 C9,6.10923857 9.64703249,6.17626317 10.6744853,6.42868342 C10.6092993,6.25116276 10.5547704,6.06301595 10.5129994,5.86649853 C10.2259332,4.51595853 10.6501175,3.28150168 11.4604415,3.109262 C12.2707656,2.93702231 13.160376,3.89222345 13.4474422,5.24276346 C13.5827623,5.8793947 13.5600365,6.49023126 13.413319,6.97616846 C13.6057537,6.99144098 13.8015264,7 14,7 C14.1984736,7 14.3942463,6.99144098 14.586681,6.97616846 C14.4399635,6.49023126 14.4172377,5.8793947 14.5525578,5.24276346 C14.839624,3.89222345 15.7292344,2.93702231 16.5395585,3.109262 C17.3498825,3.28150168 17.7740668,4.51595853 17.4870006,5.86649853 C17.4452296,6.06301595 17.3907007,6.25116276 17.3255147,6.42868342 L17.3255147,6.42868342 Z" id="Combined-Shape" fill="url(#linearGradient-4)"></path>
+            <path d="M15.7763932,12.9472136 C15.9171569,13.0175955 16.0828431,13.0175955 16.2236068,12.9472136 L18.2236068,11.9472136 C18.470596,11.823719 18.5707082,11.5233825 18.4472136,11.2763932 C18.323719,11.029404 18.0233825,10.9292918 17.7763932,11.0527864 L16,11.940983 L14.2236068,11.0527864 C14.0828431,10.9824045 13.9171569,10.9824045 13.7763932,11.0527864 L12,11.940983 L10.2236068,11.0527864 C9.97661755,10.9292918 9.67628103,11.029404 9.5527864,11.2763932 C9.42929178,11.5233825 9.52940395,11.823719 9.7763932,11.9472136 L11.7763932,12.9472136 C11.9171569,13.0175955 12.0828431,13.0175955 12.2236068,12.9472136 L14,12.059017 L15.7763932,12.9472136 Z" id="Line" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <g id="Group">
+                <mask id="mask-7" fill="white">
+                    <use xlink:href="#path-6"></use>
+                </mask>
+                <use id="Rectangle-2" fill="url(#linearGradient-5)" xlink:href="#path-6"></use>
+                <path d="M4,2 L4,-2 L3,-2 L3,2 L-1,2 L-1,3 L3,3 L3,7 L4,7 L4,3 L8,3 L8,2 L4,2 Z" id="Combined-Shape" fill="url(#linearGradient-8)" mask="url(#mask-7)" transform="translate(3.500000, 2.500000) rotate(-45.000000) translate(-3.500000, -2.500000) "></path>
+                <path d="M4,2 L4,-1 L3,-1 L3,2 L0,2 L0,3 L3,3 L3,6 L4,6 L4,3 L7,3 L7,2 L4,2 Z" id="Combined-Shape-Copy" fill="url(#linearGradient-1)" mask="url(#mask-7)"></path>
+            </g>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-1)" x="0" y="5" width="7" height="5"></rect>
+            <path d="M1.5,7 C1.22385763,7 1,6.77614237 1,6.5 C1,6.22385763 1.22385763,6 1.5,6 C1.77614237,6 2,6.22385763 2,6.5 C2,6.77614237 1.77614237,7 1.5,7 Z M3.5,7 C3.22385763,7 3,6.77614237 3,6.5 C3,6.22385763 3.22385763,6 3.5,6 C3.77614237,6 4,6.22385763 4,6.5 C4,6.77614237 3.77614237,7 3.5,7 Z M5.5,7 C5.22385763,7 5,6.77614237 5,6.5 C5,6.22385763 5.22385763,6 5.5,6 C5.77614237,6 6,6.22385763 6,6.5 C6,6.77614237 5.77614237,7 5.5,7 Z M4.5,9 C4.22385763,9 4,8.77614237 4,8.5 C4,8.22385763 4.22385763,8 4.5,8 C4.77614237,8 5,8.22385763 5,8.5 C5,8.77614237 4.77614237,9 4.5,9 Z M2.5,9 C2.22385763,9 2,8.77614237 2,8.5 C2,8.22385763 2.22385763,8 2.5,8 C2.77614237,8 3,8.22385763 3,8.5 C3,8.77614237 2.77614237,9 2.5,9 Z" id="Combined-Shape" fill="url(#linearGradient-9)"></path>
+            <rect id="Rectangle-2-Copy-2" fill="url(#linearGradient-10)" x="0" y="10" width="7" height="5"></rect>
+            <path d="M3.5,12 C2.11928813,12 1,11.7761424 1,11.5 C1,11.2238576 2.11928813,11 3.5,11 C4.88071187,11 6,11.2238576 6,11.5 C6,11.7761424 4.88071187,12 3.5,12 Z M3.5,14 C2.11928813,14 1,13.7761424 1,13.5 C1,13.2238576 2.11928813,13 3.5,13 C4.88071187,13 6,13.2238576 6,13.5 C6,13.7761424 4.88071187,14 3.5,14 Z" id="Combined-Shape" fill="url(#linearGradient-11)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/PN.svg b/public/assets/images/flags/PN.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f2b2cc4fe9cba67906211d48bc9509ad9421a3bf
--- /dev/null
+++ b/public/assets/images/flags/PN.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>PN</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#07319C" offset="0%"></stop>
+            <stop stop-color="#00247E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#1F8BDE" offset="0%"></stop>
+            <stop stop-color="#1075C2" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,3.5 L1.54164674e-17,0.509643555 C6.90218757e-18,0.228175192 0.21484375,0 0.497698784,0 L4.50230122,0 C4.77717266,0 5,0.226606369 5,0.509643555 L5,3.5 C5,6 2.5,7 2.5,7 C2.5,7 0,6 0,3.5 Z" id="path-4"></path>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#F7E14A" offset="0%"></stop>
+            <stop stop-color="#F7DE38" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#4B8C36" offset="0%"></stop>
+            <stop stop-color="#397127" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-8">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PN">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <g id="Rectangle-1105" transform="translate(13.000000, 6.000000)">
+                <mask id="mask-5" fill="white">
+                    <use xlink:href="#path-4"></use>
+                </mask>
+                <use id="Combined-Shape" fill="url(#linearGradient-3)" xlink:href="#path-4"></use>
+                <polygon id="Rectangle-1293" fill="url(#linearGradient-6)" fill-rule="nonzero" mask="url(#mask-5)" points="-0.5 6 2.5 0 5.5 6 5.5 8 -0.5 8"></polygon>
+                <polygon id="Rectangle-1293" fill="url(#linearGradient-7)" fill-rule="nonzero" mask="url(#mask-5)" points="1.11022302e-16 6.11803399 0 7.5 5 7.5 5 6.11803399 2.5 1.11803399"></polygon>
+            </g>
+            <path d="M3,3.22996746 L-1.3516287,-0.5 L0.660232527,-0.5 L4.16023253,2 L4.85660189,2 L9.5,-0.902123821 L9.5,0.25 C9.5,0.552509227 9.33308555,0.876533554 9.08215972,1.05576629 L6,3.25730895 L6,3.77003254 L9.13722049,6.45907867 C9.59934261,6.85518335 9.34102897,7.5 8.75,7.5 C8.50478614,7.5 8.2052751,7.40393402 8.00092153,7.25796718 L4.83976747,5 L4.14339811,5 L-0.5,7.90212382 L-0.5,6.24269105 L3,3.74269105 L3,3.22996746 Z" id="Rectangle-36" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M3.5,3 L-4.4408921e-16,7.10542736e-15 L0.5,7.10542736e-15 L4,2.5 L5,2.5 L9,7.10542736e-15 L9,0.25 C9,0.388071187 8.91348267,0.561798096 8.79154062,0.648899555 L5.5,3 L5.5,4 L8.8118248,6.83870697 C8.91575109,6.92778665 8.8840332,7 8.75,7 L8.75,7 C8.61192881,7 8.41348267,6.9382019 8.29154062,6.85110044 L5,4.5 L4,4.5 L-4.4408921e-16,7 L-4.4408921e-16,6.5 L3.5,4 L3.5,3 Z" id="Rectangle-36" fill="url(#linearGradient-8)"></path>
+            <path d="M-4.4408921e-16,2.5 L-4.4408921e-16,4.5 L3.5,4.5 L3.5,7.00461102 C3.5,7.2782068 3.71403503,7.5 4.00468445,7.5 L4.99531555,7.5 C5.27404508,7.5 5.5,7.2842474 5.5,7.00461102 L5.5,4.5 L9.00952148,4.5 C9.28040529,4.5 9.5,4.28596497 9.5,3.99531555 L9.5,3.00468445 C9.5,2.72595492 9.28494263,2.5 9.00952148,2.5 L5.5,2.5 L5.5,7.10542736e-15 L3.5,7.10542736e-15 L3.5,2.5 L-4.4408921e-16,2.5 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-36" fill="url(#linearGradient-8)" points="-4.4408921e-16 3 4 3 4 2.5 4 7.10542736e-15 5 7.10542736e-15 5 2.5 5 3 9 3 9 4 5 4 5 4.5 5 7 4 7 4 4.5 4 4 -4.4408921e-16 4"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/PR.svg b/public/assets/images/flags/PR.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7d1204451962962b5d3191be0bba46e1cb4620fd
--- /dev/null
+++ b/public/assets/images/flags/PR.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>PR</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FA2222" offset="0%"></stop>
+            <stop stop-color="#ED0000" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#1D63F9" offset="0%"></stop>
+            <stop stop-color="#0650F0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PR">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="3" width="21" height="3"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-1)" x="0" y="9" width="21" height="3"></rect>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-3)" points="0 0 10 7.5 0 15"></polygon>
+            <polygon id="Star-27" fill="url(#linearGradient-1)" points="3.5 8.45555972 2.03053687 9.52254249 2.5912087 7.79528419 1.12235871 6.72745751 2.93833609 6.72693595 3.5 5 4.06166391 6.72693595 5.87764129 6.72745751 4.4087913 7.79528419 4.96946313 9.52254249"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/PS.svg b/public/assets/images/flags/PS.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e68583ba07a9e41af1392e06df748a3a0a12c06d
--- /dev/null
+++ b/public/assets/images/flags/PS.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>PS</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#20934F" offset="0%"></stop>
+            <stop stop-color="#197940" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#E62539" offset="0%"></stop>
+            <stop stop-color="#CA1A2C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PS">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-4)" points="0 0 10 7.5 0 15"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/PT.svg b/public/assets/images/flags/PT.svg
new file mode 100644
index 0000000000000000000000000000000000000000..49b59be246ab1138d1b1dc98065e7a98ed2a12f2
--- /dev/null
+++ b/public/assets/images/flags/PT.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>PT</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FF2936" offset="0%"></stop>
+            <stop stop-color="#FD0D1B" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#128415" offset="0%"></stop>
+            <stop stop-color="#0A650C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FAF94F" offset="0%"></stop>
+            <stop stop-color="#F8F736" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#1D50B5" offset="0%"></stop>
+            <stop stop-color="#15439D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PT">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-3)" x="0" y="0" width="8" height="15"></rect>
+            <path d="M8,9.5 C9.1045695,9.5 10,8.6045695 10,7.5 C10,6.3954305 9.1045695,5.5 8,5.5 C6.8954305,5.5 6,6.3954305 6,7.5 C6,8.6045695 6.8954305,9.5 8,9.5 Z M8,10.5 C6.34314575,10.5 5,9.15685425 5,7.5 C5,5.84314575 6.34314575,4.5 8,4.5 C9.65685425,4.5 11,5.84314575 11,7.5 C11,9.15685425 9.65685425,10.5 8,10.5 Z" id="Oval-1" fill="url(#linearGradient-4)" fill-rule="nonzero"></path>
+            <path d="M7,6.25577831 C7,6.11451585 7.10752869,6 7.24523926,6 L8.75476074,6 C8.89020264,6 9,6.11394024 9,6.25577831 L9,8.00104344 C9,8.55275191 8.55613518,9 8,9 C7.44771525,9 7,8.55733967 7,8.00104344 L7,6.25577831 Z" id="Combined-Shape" fill="url(#linearGradient-1)"></path>
+            <path d="M8,8 C8.27614237,8 8.5,7.27614237 8.5,7 C8.5,6.72385763 8.27614237,6.5 8,6.5 C7.72385763,6.5 7.5,6.72385763 7.5,7 C7.5,7.27614237 7.72385763,8 8,8 Z" id="Oval-27" fill="url(#linearGradient-5)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/PW.svg b/public/assets/images/flags/PW.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4ab7f16619849326fd2cff14399bf6cd401f919e
--- /dev/null
+++ b/public/assets/images/flags/PW.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>PW</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#65C6EE" offset="0%"></stop>
+            <stop stop-color="#4FAED5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFE044" offset="0%"></stop>
+            <stop stop-color="#FFDD32" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PW">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <circle id="Oval-9" fill="url(#linearGradient-3)" cx="9.5" cy="7.5" r="4.5"></circle>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/PY.svg b/public/assets/images/flags/PY.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2ae005460eb373c5ebcd11390526b33c78218051
--- /dev/null
+++ b/public/assets/images/flags/PY.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>PY</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E33F39" offset="0%"></stop>
+            <stop stop-color="#D32E28" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#124BBA" offset="0%"></stop>
+            <stop stop-color="#073DA6" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PY">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <path d="M10.5,9 C11.3284271,9 12,8.32842712 12,7.5 C12,6.67157288 11.3284271,6 10.5,6 C9.67157288,6 9,6.67157288 9,7.5 C9,8.32842712 9.67157288,9 10.5,9 Z M10.5,9.5 C9.3954305,9.5 8.5,8.6045695 8.5,7.5 C8.5,6.3954305 9.3954305,5.5 10.5,5.5 C11.6045695,5.5 12.5,6.3954305 12.5,7.5 C12.5,8.6045695 11.6045695,9.5 10.5,9.5 Z" id="Oval-1" fill="#398153" fill-rule="nonzero"></path>
+            <circle id="Oval-29" fill="#E5CF58" cx="10.5" cy="7.5" r="1"></circle>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/QA.svg b/public/assets/images/flags/QA.svg
new file mode 100644
index 0000000000000000000000000000000000000000..985171d173a9d84b5fd02869a207119083137384
--- /dev/null
+++ b/public/assets/images/flags/QA.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>QA</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#A6264C" offset="0%"></stop>
+            <stop stop-color="#8C1E3E" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="QA">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2-Copy" fill="url(#linearGradient-1)" points="0 15 7.5 15 6 14 7.5 13 6 12 7.5 11 6 10 7.5 9 6 8 7.5 7 6 6 7.5 5 6 4 7.5 3 6 2 7.5 1 6 0 0 0"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/RE.svg b/public/assets/images/flags/RE.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7e1309388aea46e7935cb8bf8f3ea8da1e3c74ce
--- /dev/null
+++ b/public/assets/images/flags/RE.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>RE</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F44653" offset="0%"></stop>
+            <stop stop-color="#EE2A39" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#1035BB" offset="0%"></stop>
+            <stop stop-color="#042396" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="RE">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-1)" x="7" y="0" width="7" height="15"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/RH.svg b/public/assets/images/flags/RH.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1bf403a23926427dfcedc778e2d6e7d80e9e1ad0
--- /dev/null
+++ b/public/assets/images/flags/RH.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>TH</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F12532" offset="0%"></stop>
+            <stop stop-color="#EB212E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#322B6C" offset="0%"></stop>
+            <stop stop-color="#241F4E" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="TH">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="12" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="3" width="21" height="9"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-3)" x="0" y="5" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/RO.svg b/public/assets/images/flags/RO.svg
new file mode 100644
index 0000000000000000000000000000000000000000..dd82b266f90e0411e18affbc7e116bb6838e0436
--- /dev/null
+++ b/public/assets/images/flags/RO.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>RO</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E5253D" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#0A3D9C" offset="0%"></stop>
+            <stop stop-color="#042E7D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD955" offset="0%"></stop>
+            <stop stop-color="#FCD036" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="RO">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-4)" x="7" y="0" width="7" height="15"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/RS.svg b/public/assets/images/flags/RS.svg
new file mode 100644
index 0000000000000000000000000000000000000000..892dd5e4aabf3676dfefa9ce3361e5616ab75447
--- /dev/null
+++ b/public/assets/images/flags/RS.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>RS</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#17508F" offset="0%"></stop>
+            <stop stop-color="#114175" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E1444D" offset="0%"></stop>
+            <stop stop-color="#C53840" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.5,2.5 C0.5,1.82617791 0.873828888,0.484626524 0.873828888,0.484626524 C0.943511269,0.216974685 1.2157526,0 1.49538898,0 L3.50461102,0 C3.7782068,0 4.05735636,0.214117162 4.12617111,0.481138541 C4.12617111,0.481138541 4.5,1.81010532 4.5,2.5 C4.5,3.1449728 4.12359554,4.51947242 4.12359554,4.51947242 C4.05533561,4.78486047 3.85530376,5.17418671 3.66748512,5.37236309 C3.66748512,5.37236309 3.25,6 2.5,6 C1.75,6 1.33251488,5.37236309 1.33251488,5.37236309 C1.14887198,5.16671263 0.942643642,4.78284423 0.873828888,4.51260075 C0.873828888,4.51260075 0.5,3.16104539 0.5,2.5 Z" id="path-4"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="RS">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="5" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="10" width="21" height="5"></rect>
+            <g id="Rectangle-1668" transform="translate(4.000000, 5.000000)">
+                <mask id="mask-5" fill="white">
+                    <use xlink:href="#path-4"></use>
+                </mask>
+                <use id="Mask" fill="url(#linearGradient-1)" xlink:href="#path-4"></use>
+                <polygon id="Line" fill="#C43840" fill-rule="nonzero" mask="url(#mask-5)" points="4.42191312 -0.202781928 -0.202781928 5.57808688 0.578086881 6.20278193 5.20278193 0.421913119"></polygon>
+                <polygon id="Line" fill="#C43840" fill-rule="nonzero" mask="url(#mask-5)" points="-0.202781928 0.421913119 4.42191312 6.20278193 5.20278193 5.57808688 0.578086881 -0.202781928"></polygon>
+            </g>
+            <ellipse id="Oval-214" fill="#FFFFFF" cx="6.5" cy="7.5" rx="1" ry="1.5"></ellipse>
+            <path d="M5,4 L4.5,3 L5.5,3.5 L6.5,3 L7.5,3.5 L8.5,3 L8,4 L8,4.5 C8,4.77614237 7.7842474,5 7.50461102,5 L5.49538898,5 C5.2217932,5 5,4.76806641 5,4.5 L5,4 Z" id="Rectangle-1669" fill="#D1A43A"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/RU.svg b/public/assets/images/flags/RU.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a9ba65b57f9c9b24a3e1fde29cdc864d3dd2858d
--- /dev/null
+++ b/public/assets/images/flags/RU.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>RU</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0C47B7" offset="0%"></stop>
+            <stop stop-color="#073DA4" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E53B35" offset="0%"></stop>
+            <stop stop-color="#D32E28" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="RU">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="5" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/RW.svg b/public/assets/images/flags/RW.svg
new file mode 100644
index 0000000000000000000000000000000000000000..43b26156b3a76e81fb776beefd5feed1208679f0
--- /dev/null
+++ b/public/assets/images/flags/RW.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>RW</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#2D754D" offset="0%"></stop>
+            <stop stop-color="#235F3E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#25B1EB" offset="0%"></stop>
+            <stop stop-color="#1AA3DC" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FAD546" offset="0%"></stop>
+            <stop stop-color="#FAD12F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#EDC738" offset="0%"></stop>
+            <stop stop-color="#E5BE2A" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="RW">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="11" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="7"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="7" width="21" height="4"></rect>
+            <polygon id="Star-31" fill="url(#linearGradient-5)" points="16 4.5 15.2346331 5.34775907 15.2928932 4.20710678 14.1522409 4.26536686 15 3.5 14.1522409 2.73463314 15.2928932 2.79289322 15.2346331 1.65224093 16 2.5 16.7653669 1.65224093 16.7071068 2.79289322 17.8477591 2.73463314 17 3.5 17.8477591 4.26536686 16.7071068 4.20710678 16.7653669 5.34775907"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SA.svg b/public/assets/images/flags/SA.svg
new file mode 100644
index 0000000000000000000000000000000000000000..735b986f89ce0a7fddec27825bbfc26278ec0a4c
--- /dev/null
+++ b/public/assets/images/flags/SA.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SA</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#128C4B" offset="0%"></stop>
+            <stop stop-color="#0B6C38" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SA">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M5,9 L13,9 L13,8.00783157 C13,7.72736394 13.1928101,7.59640503 13.453186,7.72659302 L14,8 L14,9 L15.4953156,9 C15.7740451,9 16,9.21403503 16,9.50468445 L16,10 C16,10.5522847 15.5573397,11 15.0010434,11 L13.495389,11 C13.2217932,11 13,10.7680664 13,10.5 L13,10 L6.50342274,10 C6.22539004,10 5.84375,9.84375 5.65024853,9.65024853 L5,9 Z" id="Rectangle-455" fill="url(#linearGradient-1)"></path>
+            <path d="M5,6.25234222 C5,6.11297746 5.078125,5.921875 5.18051147,5.81948853 L5.31948853,5.68051147 C5.41918226,5.58081774 5.421875,5.421875 5.31948853,5.31948853 L5.18051147,5.18051147 C5.08081774,5.08081774 5,4.89298248 5,4.74765778 L5,4.25234222 C5,4.11297746 5.10701752,4 5.25234222,4 L5.74765778,4 C5.88702254,4 6,4.10701752 6,4.25234222 L6,4.74765778 C6,4.88702254 6.04614258,4.90771484 6.1159668,4.76806641 L6.3840332,4.23193359 C6.4480799,4.10384021 6.61770248,4 6.74769449,4 L7.75230551,4 C7.8891034,4 8,4.1159668 8,4.25 L8,4.25 C8,4.38807119 7.89298248,4.5 7.74765778,4.5 L7.25234222,4.5 C7.11297746,4.5 7,4.6159668 7,4.75 L7,4.75 C7,4.88807119 7.10701752,5 7.25234222,5 L7.74765778,5 C7.88702254,5 8,5.10752869 8,5.24523926 L8,6.75476074 C8,6.89020264 7.89298248,7 7.74765778,7 L7.25234222,7 C7.11297746,7 7,6.89298248 7,6.74765778 L7,6.25234222 C7,6.11297746 7.1159668,6 7.25,6 L7.25,6 C7.38807119,6 7.5,5.8840332 7.5,5.75 L7.5,5.75 C7.5,5.61192881 7.39298248,5.5 7.24765778,5.5 L6.75234222,5.5 C6.61297746,5.5 6.5,5.61770248 6.5,5.74769449 L6.5,6.75230551 C6.5,6.8891034 6.3840332,7 6.25,7 L6.25,7 C6.11192881,7 6,6.89298248 6,6.74765778 L6,6.25234222 C6,6.11297746 5.8840332,6 5.75,6 L5.75,6 C5.61192881,6 5.5,6.10701752 5.5,6.25234222 L5.5,6.74765778 C5.5,6.88702254 5.3840332,7 5.25,7 L5.25,7 C5.11192881,7 5,6.89298248 5,6.74765778 L5,6.25234222 Z" id="Rectangle-456" fill="url(#linearGradient-1)"></path>
+            <path d="M13,6.25234222 C13,6.11297746 13.078125,5.921875 13.1805115,5.81948853 L13.3194885,5.68051147 C13.4191823,5.58081774 13.421875,5.421875 13.3194885,5.31948853 L13.1805115,5.18051147 C13.0808177,5.08081774 13,4.89298248 13,4.74765778 L13,4.25234222 C13,4.11297746 13.1070175,4 13.2523422,4 L13.7476578,4 C13.8870225,4 14,4.10701752 14,4.25234222 L14,4.74765778 C14,4.88702254 14.0461426,4.90771484 14.1159668,4.76806641 L14.3840332,4.23193359 C14.4480799,4.10384021 14.6177025,4 14.7476945,4 L15.7523055,4 C15.8891034,4 16,4.1159668 16,4.25 L16,4.25 C16,4.38807119 15.8929825,4.5 15.7476578,4.5 L15.2523422,4.5 C15.1129775,4.5 15,4.6159668 15,4.75 L15,4.75 C15,4.88807119 15.1070175,5 15.2523422,5 L15.7476578,5 C15.8870225,5 16,5.10752869 16,5.24523926 L16,6.75476074 C16,6.89020264 15.8929825,7 15.7476578,7 L15.2523422,7 C15.1129775,7 15,6.89298248 15,6.74765778 L15,6.25234222 C15,6.11297746 15.1159668,6 15.25,6 L15.25,6 C15.3880712,6 15.5,5.8840332 15.5,5.75 L15.5,5.75 C15.5,5.61192881 15.3929825,5.5 15.2476578,5.5 L14.7523422,5.5 C14.6129775,5.5 14.5,5.61770248 14.5,5.74769449 L14.5,6.75230551 C14.5,6.8891034 14.3840332,7 14.25,7 L14.25,7 C14.1119288,7 14,6.89298248 14,6.74765778 L14,6.25234222 C14,6.11297746 13.8840332,6 13.75,6 L13.75,6 C13.6119288,6 13.5,6.10701752 13.5,6.25234222 L13.5,6.74765778 C13.5,6.88702254 13.3840332,7 13.25,7 L13.25,7 C13.1119288,7 13,6.89298248 13,6.74765778 L13,6.25234222 Z" id="Rectangle-456" fill="url(#linearGradient-1)"></path>
+            <path d="M12,4.74765778 C12,4.88702254 11.921875,5.078125 11.8194885,5.18051147 L11.6805115,5.31948853 C11.5808177,5.41918226 11.578125,5.578125 11.6805115,5.68051147 L11.8194885,5.81948853 C11.9191823,5.91918226 12,6.10701752 12,6.25234222 L12,6.74765778 C12,6.88702254 11.8929825,7 11.7476578,7 L11.2523422,7 C11.1129775,7 11,6.89298248 11,6.74765778 L11,6.25234222 C11,6.11297746 10.9538574,6.09228516 10.8840332,6.23193359 L10.6159668,6.76806641 C10.5519201,6.89615979 10.3822975,7 10.2523055,7 L9.24769449,7 C9.1108966,7 9,6.8840332 9,6.75 L9,6.75 C9,6.61192881 9.10701752,6.5 9.25234222,6.5 L9.74765778,6.5 C9.88702254,6.5 10,6.3840332 10,6.25 L10,6.25 C10,6.11192881 9.89298248,6 9.74765778,6 L9.25234222,6 C9.11297746,6 9,5.89247131 9,5.75476074 L9,4.24523926 C9,4.10979736 9.10701752,4 9.25234222,4 L9.74765778,4 C9.88702254,4 10,4.10701752 10,4.25234222 L10,4.74765778 C10,4.88702254 9.8840332,5 9.75,5 L9.75,5 C9.61192881,5 9.5,5.1159668 9.5,5.25 L9.5,5.25 C9.5,5.38807119 9.60701752,5.5 9.75234222,5.5 L10.2476578,5.5 C10.3870225,5.5 10.5,5.38229752 10.5,5.25230551 L10.5,4.24769449 C10.5,4.1108966 10.6159668,4 10.75,4 L10.75,4 C10.8880712,4 11,4.10701752 11,4.25234222 L11,4.74765778 C11,4.88702254 11.1159668,5 11.25,5 L11.25,5 C11.3880712,5 11.5,4.89298248 11.5,4.74765778 L11.5,4.25234222 C11.5,4.11297746 11.6159668,4 11.75,4 L11.75,4 C11.8880712,4 12,4.10701752 12,4.25234222 L12,4.74765778 L12,4.74765778 Z" id="Rectangle-456" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SB.svg b/public/assets/images/flags/SB.svg
new file mode 100644
index 0000000000000000000000000000000000000000..768c45c0bb03a2c4de91accfbbc644b50d91eefe
--- /dev/null
+++ b/public/assets/images/flags/SB.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SB</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1DBE4F" offset="0%"></stop>
+            <stop stop-color="#159B3F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#0660D4" offset="0%"></stop>
+            <stop stop-color="#0051BB" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#2C7442" offset="0%"></stop>
+            <stop stop-color="#225B34" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#FFD646" offset="0%"></stop>
+            <stop stop-color="#FED02F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SB">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M5.92000008,5.81234217 C5.92000008,5.6729774 5.99812508,5.48187494 6.10051155,5.37948847 L6.2394886,5.24051142 C6.33918234,5.14081768 6.34187508,4.98187494 6.2394886,4.87948847 L6.10051155,4.74051142 C6.00081782,4.64081768 5.92000008,4.45298243 5.92000008,4.30765772 L5.92000008,3.81234217 C5.92000008,3.6729774 6.02701759,3.55999994 6.1723423,3.55999994 L6.66765785,3.55999994 C6.80702261,3.55999994 6.92000008,3.66701746 6.92000008,3.81234217 L6.92000008,4.30765772 C6.92000008,4.44702248 6.96614265,4.46771479 7.03596687,4.32806635 L7.30403328,3.79193354 C7.36807997,3.66384015 7.53770256,3.55999994 7.66769457,3.55999994 L8.67230558,3.55999994 C8.80910347,3.55999994 8.92000008,3.67596674 8.92000008,3.80999994 L8.92000008,3.80999994 C8.92000008,3.94807113 8.81298256,4.05999994 8.66765785,4.05999994 L8.1723423,4.05999994 C8.03297754,4.05999994 7.92000008,4.17596674 7.92000008,4.30999994 L7.92000008,4.30999994 C7.92000008,4.44807113 8.02701759,4.55999994 8.1723423,4.55999994 L8.66765785,4.55999994 C8.80702261,4.55999994 8.92000008,4.66752863 8.92000008,4.8052392 L8.92000008,6.31476068 C8.92000008,6.45020259 8.81298256,6.55999994 8.66765785,6.55999994 L8.1723423,6.55999994 C8.03297754,6.55999994 7.92000008,6.45298243 7.92000008,6.30765772 L7.92000008,5.81234217 C7.92000008,5.6729774 8.03596687,5.55999994 8.17000008,5.55999994 L8.17000008,5.55999994 C8.30807126,5.55999994 8.42000008,5.44403315 8.42000008,5.30999994 L8.42000008,5.30999994 C8.42000008,5.17192876 8.31298256,5.05999994 8.16765785,5.05999994 L7.6723423,5.05999994 C7.53297754,5.05999994 7.42000008,5.17770243 7.42000008,5.30769444 L7.42000008,6.31230545 C7.42000008,6.44910334 7.30403328,6.55999994 7.17000008,6.55999994 L7.17000008,6.55999994 C7.03192889,6.55999994 6.92000008,6.45298243 6.92000008,6.30765772 L6.92000008,5.81234217 C6.92000008,5.6729774 6.80403328,5.55999994 6.67000008,5.55999994 L6.67000008,5.55999994 C6.53192889,5.55999994 6.42000008,5.66701746 6.42000008,5.81234217 L6.42000008,6.30765772 C6.42000008,6.44702248 6.30403328,6.55999994 6.17000008,6.55999994 L6.17000008,6.55999994 C6.03192889,6.55999994 5.92000008,6.45298243 5.92000008,6.30765772 L5.92000008,5.81234217 Z" id="Rectangle-456" fill="url(#linearGradient-1)"></path>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0.000237781813" y="-0.00266538434" width="21" height="15"></rect>
+            <polygon id="Rectangle-253" fill="url(#linearGradient-3)" points="0.000237781813 -0.00266538434 21.0002378 -0.00266538434 0.000237781813 14.9973346"></polygon>
+            <polygon id="Rectangle-253" fill="url(#linearGradient-4)" transform="translate(10.500238, 7.497335) scale(-1, 1) translate(-10.500238, -7.497335) " points="0.000237781813 -0.00266538434 21.0002378 14.9973346 0.000237781813 14.9973346"></polygon>
+            <rect id="Rectangle-2" fill="url(#linearGradient-5)" x="-3.99976222" y="6.49733462" width="29" height="2"></rect>
+            <path d="M2.25023778,2.87233462 L1.51550622,3.25860586 L1.65582746,2.44047024 L1.06141714,1.86106337 L1.882872,1.74169899 L2.25023778,0.997334616 L2.61760356,1.74169899 L3.43905843,1.86106337 L2.8446481,2.44047024 L2.98496935,3.25860586 L2.25023778,2.87233462 Z M7.25023778,2.87233462 L6.51550622,3.25860586 L6.65582746,2.44047024 L6.06141714,1.86106337 L6.882872,1.74169899 L7.25023778,0.997334616 L7.61760356,1.74169899 L8.43905843,1.86106337 L7.8446481,2.44047024 L7.98496935,3.25860586 L7.25023778,2.87233462 Z M7.25023778,5.87233462 L6.51550622,6.25860586 L6.65582746,5.44047024 L6.06141714,4.86106337 L6.882872,4.74169899 L7.25023778,3.99733462 L7.61760356,4.74169899 L8.43905843,4.86106337 L7.8446481,5.44047024 L7.98496935,6.25860586 L7.25023778,5.87233462 Z M2.25023778,5.87233462 L1.51550622,6.25860586 L1.65582746,5.44047024 L1.06141714,4.86106337 L1.882872,4.74169899 L2.25023778,3.99733462 L2.61760356,4.74169899 L3.43905843,4.86106337 L2.8446481,5.44047024 L2.98496935,6.25860586 L2.25023778,5.87233462 Z M4.75023778,4.37233462 L4.01550622,4.75860586 L4.15582746,3.94047024 L3.56141714,3.36106337 L4.382872,3.24169899 L4.75023778,2.49733462 L5.11760356,3.24169899 L5.93905843,3.36106337 L5.3446481,3.94047024 L5.48496935,4.75860586 L4.75023778,4.37233462 Z" id="Star-2" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SC.svg b/public/assets/images/flags/SC.svg
new file mode 100644
index 0000000000000000000000000000000000000000..62b380b8defbc7ebd4534d699cf169c504502245
--- /dev/null
+++ b/public/assets/images/flags/SC.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SC</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1DBE4F" offset="0%"></stop>
+            <stop stop-color="#159B3F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#0858B4" offset="0%"></stop>
+            <stop stop-color="#013F87" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#ED3535" offset="0%"></stop>
+            <stop stop-color="#D62828" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#08964F" offset="0%"></stop>
+            <stop stop-color="#017B3E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#FFDD67" offset="0%"></stop>
+            <stop stop-color="#FDD856" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SC">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-253" fill="url(#linearGradient-3)" points="0 0 7 0 0 15"></polygon>
+            <polygon id="Rectangle-253" fill="url(#linearGradient-4)" points="14 0 21 0 21 5 0 15"></polygon>
+            <polygon id="Rectangle-253" fill="url(#linearGradient-5)" points="21 15 21 10 0 15"></polygon>
+            <polygon id="Rectangle-253" fill="url(#linearGradient-6)" points="7 0 14 0 0 15"></polygon>
+            <polygon id="Rectangle-253" fill="url(#linearGradient-1)" points="21 10 21 5 0 15"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SD.svg b/public/assets/images/flags/SD.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c68d6b1b1a15a47659a7a52a0f64b77caaa46d23
--- /dev/null
+++ b/public/assets/images/flags/SD.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SD</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#EA1F44" offset="0%"></stop>
+            <stop stop-color="#D01739" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#12933B" offset="0%"></stop>
+            <stop stop-color="#0D722D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SD">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-4)" points="0 0 10 7.5 0 15"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SE.svg b/public/assets/images/flags/SE.svg
new file mode 100644
index 0000000000000000000000000000000000000000..bb4f4e1178c17e278b1ac1542b95be3a20b7760d
--- /dev/null
+++ b/public/assets/images/flags/SE.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SE</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#157CBB" offset="0%"></stop>
+            <stop stop-color="#0E6CA5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFD34D" offset="0%"></stop>
+            <stop stop-color="#FECB2F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SE">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" points="0 9 6 9 6 15 9 15 9 9 21 9 21 6 9 6 9 0 6 0 6 6 0 6"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SG.svg b/public/assets/images/flags/SG.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2701148398f85c3a02302b0bde996b9eaf05473f
--- /dev/null
+++ b/public/assets/images/flags/SG.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SG</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E12237" offset="0%"></stop>
+            <stop stop-color="#CE1126" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SG">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="8"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="8" width="21" height="7"></rect>
+            <path d="M6.87363497,1.6568923 C6.60168078,1.55545057 6.30731598,1.5 6,1.5 C4.61928813,1.5 3.5,2.61928813 3.5,4 C3.5,5.38071187 4.61928813,6.5 6,6.5 C6.30731598,6.5 6.60168078,6.44454943 6.87363497,6.3431077 C6.36024587,6.75416668 5.70883166,7 5,7 C3.34314575,7 2,5.65685425 2,4 C2,2.34314575 3.34314575,1 5,1 C5.70883166,1 6.36024587,1.24583332 6.87363497,1.6568923 L6.87363497,1.6568923 Z M5.5,4 C5.22385763,4 5,3.77614237 5,3.5 C5,3.22385763 5.22385763,3 5.5,3 C5.77614237,3 6,3.22385763 6,3.5 C6,3.77614237 5.77614237,4 5.5,4 Z M6.5,6 C6.22385763,6 6,5.77614237 6,5.5 C6,5.22385763 6.22385763,5 6.5,5 C6.77614237,5 7,5.22385763 7,5.5 C7,5.77614237 6.77614237,6 6.5,6 Z M8.5,6 C8.22385763,6 8,5.77614237 8,5.5 C8,5.22385763 8.22385763,5 8.5,5 C8.77614237,5 9,5.22385763 9,5.5 C9,5.77614237 8.77614237,6 8.5,6 Z M9.5,4 C9.22385763,4 9,3.77614237 9,3.5 C9,3.22385763 9.22385763,3 9.5,3 C9.77614237,3 10,3.22385763 10,3.5 C10,3.77614237 9.77614237,4 9.5,4 Z M7.5,2.5 C7.22385763,2.5 7,2.27614237 7,2 C7,1.72385763 7.22385763,1.5 7.5,1.5 C7.77614237,1.5 8,1.72385763 8,2 C8,2.27614237 7.77614237,2.5 7.5,2.5 Z" id="Oval-12" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SH.svg b/public/assets/images/flags/SH.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e0dde7643fde99113f0797a62c03c081f04d1aba
--- /dev/null
+++ b/public/assets/images/flags/SH.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>SH</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#07319C" offset="0%"></stop>
+            <stop stop-color="#00247E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#A7D2FF" offset="0%"></stop>
+            <stop stop-color="#91C6FD" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,3.5 L1.54164674e-17,0.509643555 C6.90218757e-18,0.228175192 0.21484375,0 0.497698784,0 L4.50230122,0 C4.77717266,0 5,0.226606369 5,0.509643555 L5,3.5 C5,5.5 2.5,6 2.5,6 C2.5,6 0,5.5 0,3.5 Z" id="path-4"></path>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#EE7B2D" offset="0%"></stop>
+            <stop stop-color="#CC621A" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#FFFC4B" offset="0%"></stop>
+            <stop stop-color="#FFFC38" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-8">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SH">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <g id="Rectangle-1105" transform="translate(13.000000, 6.000000)">
+                <mask id="mask-5" fill="white">
+                    <use xlink:href="#path-4"></use>
+                </mask>
+                <use id="Combined-Shape" fill="url(#linearGradient-3)" xlink:href="#path-4"></use>
+                <path d="M0.5,6.5 C1.32842712,6.5 1.5,5.1045695 1.5,4 C1.5,2.8954305 1.32842712,2.5 0.5,2.5 C-0.328427125,2.5 -1,2.8954305 -1,4 C-1,5.1045695 -0.328427125,6.5 0.5,6.5 Z" id="Oval" fill="url(#linearGradient-6)" mask="url(#mask-5)"></path>
+                <ellipse id="Oval-2" fill="#A75113" mask="url(#mask-5)" cx="2.5" cy="4.5" rx="1.5" ry="1"></ellipse>
+                <ellipse id="Oval-2" fill="#FFFFFF" mask="url(#mask-5)" cx="2.5" cy="3.5" rx="1" ry="1"></ellipse>
+                <rect id="Rectangle" fill="url(#linearGradient-7)" mask="url(#mask-5)" x="0" y="0" width="5" height="2"></rect>
+            </g>
+            <path d="M3,3.22996746 L-1.3516287,-0.5 L0.660232527,-0.5 L4.16023253,2 L4.85660189,2 L9.5,-0.902123821 L9.5,0.25 C9.5,0.552509227 9.33308555,0.876533554 9.08215972,1.05576629 L6,3.25730895 L6,3.77003254 L9.13722049,6.45907867 C9.59934261,6.85518335 9.34102897,7.5 8.75,7.5 C8.50478614,7.5 8.2052751,7.40393402 8.00092153,7.25796718 L4.83976747,5 L4.14339811,5 L-0.5,7.90212382 L-0.5,6.24269105 L3,3.74269105 L3,3.22996746 Z" id="Rectangle-36" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M3.5,3 L-4.4408921e-16,0 L0.5,0 L4,2.5 L5,2.5 L9,0 L9,0.25 C9,0.388071187 8.91348267,0.561798096 8.79154062,0.648899555 L5.5,3 L5.5,4 L8.8118248,6.83870697 C8.91575109,6.92778665 8.8840332,7 8.75,7 L8.75,7 C8.61192881,7 8.41348267,6.9382019 8.29154062,6.85110044 L5,4.5 L4,4.5 L-4.4408921e-16,7 L-4.4408921e-16,6.5 L3.5,4 L3.5,3 Z" id="Rectangle-36" fill="url(#linearGradient-8)"></path>
+            <path d="M-4.4408921e-16,2.5 L-4.4408921e-16,4.5 L3.5,4.5 L3.5,7.00461102 C3.5,7.2782068 3.71403503,7.5 4.00468445,7.5 L4.99531555,7.5 C5.27404508,7.5 5.5,7.2842474 5.5,7.00461102 L5.5,4.5 L9.00952148,4.5 C9.28040529,4.5 9.5,4.28596497 9.5,3.99531555 L9.5,3.00468445 C9.5,2.72595492 9.28494263,2.5 9.00952148,2.5 L5.5,2.5 L5.5,0 L3.5,0 L3.5,2.5 L-4.4408921e-16,2.5 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-36" fill="url(#linearGradient-8)" points="-4.4408921e-16 3 4 3 4 2.5 4 0 5 0 5 2.5 5 3 9 3 9 4 5 4 5 4.5 5 7 4 7 4 4.5 4 4 -4.4408921e-16 4"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SI.svg b/public/assets/images/flags/SI.svg
new file mode 100644
index 0000000000000000000000000000000000000000..497f87054d8130d0caeaf55f9b59ce95aa2002cd
--- /dev/null
+++ b/public/assets/images/flags/SI.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SI</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0C47B7" offset="0%"></stop>
+            <stop stop-color="#073DA4" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E53B35" offset="0%"></stop>
+            <stop stop-color="#D32E28" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SI">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="3" width="21" height="7"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <path d="M0,5 L0,0 L21,0 L21,5 L6.9329834,5 L6.9329834,4 C6.9329834,4 6.22775438,3.5 5.5,3.5 C4.77224562,3.5 4,4 4,4 L4,5 L0,5 Z M5.5,7 C4.94771525,7 4.5,6.55228475 4.5,6 C4.5,5.44771525 4.94771525,5 5.5,5 C6.05228475,5 6.5,5.44771525 6.5,6 C6.5,6.55228475 6.05228475,7 5.5,7 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SJ.svg b/public/assets/images/flags/SJ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..bef7e5056124cedbf2e4b8ca8d2dd1b8ab39799f
--- /dev/null
+++ b/public/assets/images/flags/SJ.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SJ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F14247" offset="0%"></stop>
+            <stop stop-color="#ED2F35" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#0A3A85" offset="0%"></stop>
+            <stop stop-color="#032A67" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SJ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-1)" points="0 9 6 9 6 15 9 15 9 9 21 9 21 6 9 6 9 0 6 0 6 6 0 6"></polygon>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" points="0 8 7 8 7 15 8 15 8 8 21 8 21 7 8 7 8 0 7 0 7 7 0 7"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SK.svg b/public/assets/images/flags/SK.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2b8ba801a2c394477d7fffea439fcaddd7636dfe
--- /dev/null
+++ b/public/assets/images/flags/SK.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SK</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0C47B7" offset="0%"></stop>
+            <stop stop-color="#073DA4" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E53B35" offset="0%"></stop>
+            <stop stop-color="#D32E28" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#F73744" offset="0%"></stop>
+            <stop stop-color="#EC212F" offset="100%"></stop>
+        </linearGradient>
+        <path d="M1.71148538,2.00138006 C1.73275642,1.44833313 2.19677132,1 2.75138006,1 L7.24861994,1 C7.80166687,1 8.26718351,1.44677132 8.28851462,2.00138006 L8.46148538,6.49861994 C8.48275642,7.05166687 8.16440529,7.78765261 7.74055213,8.15095532 L6.1460309,9.5176878 C5.51309551,10.0602038 4.48356295,10.0573397 3.8539691,9.5176878 L2.25944787,8.15095532 C1.84001639,7.79144262 1.51718351,7.05322868 1.53851462,6.49861994 L1.71148538,2.00138006 Z" id="path-6"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SK">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="5" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="5"></rect>
+            <g id="Rectangle-1693" transform="translate(2.500000, 2.000000)">
+                <path d="M2.75138006,0 L7.24861994,0 C8.33946594,0 9.24581136,0.871871599 9.28777579,1.96294694 L9.46074656,6.46018681 C9.49381203,7.319889 9.04593262,8.34913554 8.3913435,8.91021192 L6.79682228,10.2769444 C5.79027065,11.1397029 4.20813771,11.1383387 3.20317772,10.2769444 L1.6086565,8.91021192 C0.956898822,8.35156248 0.506208994,7.3193425 0.539253443,6.46018681 L0.712224208,1.96294694 C0.754152499,0.872811355 1.65959323,0 2.75138006,0 Z" id="Mask" fill="url(#linearGradient-4)" fill-rule="nonzero"></path>
+                <mask id="mask-7" fill="white">
+                    <use xlink:href="#path-6"></use>
+                </mask>
+                <use id="Mask" fill="url(#linearGradient-5)" xlink:href="#path-6"></use>
+                <path d="M4.5,6.24523926 C4.5,6.10979736 4.38229752,6 4.25230551,6 L3.24769449,6 C3.1108966,6 3,5.89298248 3,5.74765778 L3,5.25234222 C3,5.11297746 3.11770248,5 3.24769449,5 L4.25230551,5 C4.3891034,5 4.5,4.89298248 4.5,4.74765778 L4.5,4.25234222 C4.5,4.11297746 4.39298248,4 4.24765778,4 L3.75234222,4 C3.61297746,4 3.5,3.89298248 3.5,3.74765778 L3.5,3.25234222 C3.5,3.11297746 3.60701752,3 3.75234222,3 L4.24765778,3 C4.38702254,3 4.5,2.89298248 4.5,2.74765778 L4.5,2.25234222 C4.5,2.11297746 4.60701752,2 4.75234222,2 L5.24765778,2 C5.38702254,2 5.5,2.10701752 5.5,2.25234222 L5.5,2.74765778 C5.5,2.88702254 5.60701752,3 5.75234222,3 L6.24765778,3 C6.38702254,3 6.5,3.10701752 6.5,3.25234222 L6.5,3.74765778 C6.5,3.88702254 6.39298248,4 6.24765778,4 L5.75234222,4 C5.61297746,4 5.5,4.10701752 5.5,4.25234222 L5.5,4.74765778 C5.5,4.88702254 5.61770248,5 5.74769449,5 L6.75230551,5 C6.8891034,5 7,5.10701752 7,5.25234222 L7,5.74765778 C7,5.88702254 6.88229752,6 6.75230551,6 L5.74769449,6 C5.6108966,6 5.5,6.10752869 5.5,6.24523926 L5.5,7.75476074 C5.5,7.89020264 5.39298248,8 5.24765778,8 L4.75234222,8 C4.61297746,8 4.5,7.89247131 4.5,7.75476074 L4.5,6.24523926 Z" id="Rectangle-1694" fill="url(#linearGradient-1)" mask="url(#mask-7)"></path>
+                <path d="M4.09734896,8.06908734 C2.88158614,8.26063567 2,8.82884147 2,9.5 C2,10.3284271 3.34314575,11 5,11 C6.65685425,11 8,10.3284271 8,9.5 C8,8.82884147 7.11841386,8.26063567 5.90265104,8.06908734 C5.74167981,7.73250033 5.39799159,7.5 5,7.5 C4.60200841,7.5 4.25832019,7.73250033 4.09734896,8.06908734 Z" id="Oval-215" fill="#1251A1" mask="url(#mask-7)"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SL.svg b/public/assets/images/flags/SL.svg
new file mode 100644
index 0000000000000000000000000000000000000000..817419ef65056ca565d707cb3bbc379773ac7be2
--- /dev/null
+++ b/public/assets/images/flags/SL.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SL</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#35CE4F" offset="0%"></stop>
+            <stop stop-color="#2AB441" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#1C87DB" offset="0%"></stop>
+            <stop stop-color="#1175C4" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SL">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SM.svg b/public/assets/images/flags/SM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..abf621717b809a281ba2ab12eead3cc815ef658f
--- /dev/null
+++ b/public/assets/images/flags/SM.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SM</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#7CCCF5" offset="0%"></stop>
+            <stop stop-color="#62B7E3" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SM">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="7" width="21" height="8"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="7"></rect>
+            <path d="M8,7 C8,7.90143048 8.48152018,8.71954992 9.24677273,9.16357911 C9.48561975,9.3021674 9.79159152,9.22089165 9.93017981,8.98204463 C10.0687681,8.74319762 9.98749235,8.43722585 9.74864534,8.29863755 C9.28867518,8.03174504 9,7.54127594 9,7 C9,6.72385763 8.77614237,6.5 8.5,6.5 C8.22385763,6.5 8,6.72385763 8,7 Z M11.8455353,9.10731545 C12.5588244,8.65111736 13,7.86294784 13,7 C13,6.72385763 12.7761424,6.5 12.5,6.5 C12.2238576,6.5 12,6.72385763 12,7 C12,7.5182519 11.7356132,7.99058439 11.3067388,8.26487951 C11.0741065,8.41366406 11.0061345,8.72286348 11.1549191,8.95549574 C11.3037036,9.188128 11.612903,9.2561 11.8455353,9.10731545 Z" id="Oval-5" fill="#445F42" fill-rule="nonzero"></path>
+            <ellipse id="Oval-5" fill="#D89F3D" cx="10.5" cy="6.5" rx="1" ry="1.5"></ellipse>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SN.svg b/public/assets/images/flags/SN.svg
new file mode 100644
index 0000000000000000000000000000000000000000..09484160ad041da95a90c944de3620613996275a
--- /dev/null
+++ b/public/assets/images/flags/SN.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SN</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F13642" offset="0%"></stop>
+            <stop stop-color="#E1202C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#17A052" offset="0%"></stop>
+            <stop stop-color="#108442" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFF166" offset="0%"></stop>
+            <stop stop-color="#FDEE54" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SN">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-4)" x="7" y="0" width="7" height="15"></rect>
+            <polygon id="Star-33" fill="url(#linearGradient-3)" points="10.5 8.52499999 9.03053687 9.52254249 9.52516708 7.81674242 8.12235871 6.72745751 9.89752012 6.67075759 10.5 5 11.1024799 6.67075759 12.8776413 6.72745751 11.4748329 7.81674242 11.9694631 9.52254249"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SO.svg b/public/assets/images/flags/SO.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6372e3770d000af3508d68b3e71004a762da237e
--- /dev/null
+++ b/public/assets/images/flags/SO.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SO</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#5D9FE9" offset="0%"></stop>
+            <stop stop-color="#458BDB" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SO">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Star-8" fill="url(#linearGradient-1)" points="10.5 9.25500007 7.85496636 11.1405765 8.83089575 8.04232485 6.22024568 6.10942353 9.46843684 6.08017512 10.5 3 11.5315632 6.08017512 14.7797543 6.10942353 12.1691043 8.04232485 13.1450336 11.1405765"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SR.svg b/public/assets/images/flags/SR.svg
new file mode 100644
index 0000000000000000000000000000000000000000..97963b0c67995d530f816e10f3e43e5f4657c111
--- /dev/null
+++ b/public/assets/images/flags/SR.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SR</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#43924C" offset="0%"></stop>
+            <stop stop-color="#3A7E42" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#CD153A" offset="0%"></stop>
+            <stop stop-color="#B31031" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#F5D24B" offset="0%"></stop>
+            <stop stop-color="#ECC736" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SR">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="12" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="3" width="21" height="9"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-3)" x="0" y="5" width="21" height="5"></rect>
+            <polygon id="Star-33" fill="url(#linearGradient-4)" points="10.5 8.77499999 9.03053687 9.77254249 9.52516708 8.06674242 8.12235871 6.97745751 9.89752012 6.92075759 10.5 5.25 11.1024799 6.92075759 12.8776413 6.97745751 11.4748329 8.06674242 11.9694631 9.77254249"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SS.svg b/public/assets/images/flags/SS.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e8d68dd0210222016e8280652dceca7a3d5de74d
--- /dev/null
+++ b/public/assets/images/flags/SS.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SS</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E22A32" offset="0%"></stop>
+            <stop stop-color="#D61C24" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#2CA244" offset="0%"></stop>
+            <stop stop-color="#218736" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#185AC6" offset="0%"></stop>
+            <stop stop-color="#104CAD" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#FDE14A" offset="0%"></stop>
+            <stop stop-color="#FCDC34" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SS">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="5" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="4" width="21" height="1"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="11" width="21" height="4"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="10" width="21" height="1"></rect>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-5)" points="0 0 10 7.5 0 15"></polygon>
+            <polygon id="Star-53" fill="url(#linearGradient-6)" points="3.8362378 7.98697775 3.15270364 9.2672036 2.94825467 7.83040236 1.51946386 7.57593429 2.82276483 6.93749577 2.62325771 5.5 3.63319098 6.54222453 4.9386796 5.90827135 4.25955172 7.19084006 5.26589519 8.23653122"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/ST.svg b/public/assets/images/flags/ST.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4b355d71208d7e383f141e08576b8713f930beac
--- /dev/null
+++ b/public/assets/images/flags/ST.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>ST</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#2ACB41" offset="0%"></stop>
+            <stop stop-color="#21AC35" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FDD043" offset="0%"></stop>
+            <stop stop-color="#FFCD2F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#E71E43" offset="0%"></stop>
+            <stop stop-color="#D01739" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ST">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="5" width="21" height="5"></rect>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-4)" points="0 0 8 7.5 0 15"></polygon>
+            <polygon id="Star-33" fill="url(#linearGradient-5)" points="11 8.31999999 9.8244295 9.11803399 10.2201337 7.75339393 9.09788697 6.88196601 10.5180161 6.83660607 11 5.5 11.4819839 6.83660607 12.902113 6.88196601 11.7798663 7.75339393 12.1755705 9.11803399"></polygon>
+            <polygon id="Star-33" fill="url(#linearGradient-5)" points="16 8.31999999 14.8244295 9.11803399 15.2201337 7.75339393 14.097887 6.88196601 15.5180161 6.83660607 16 5.5 16.4819839 6.83660607 17.902113 6.88196601 16.7798663 7.75339393 17.1755705 9.11803399"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SV.svg b/public/assets/images/flags/SV.svg
new file mode 100644
index 0000000000000000000000000000000000000000..bb4f4e1178c17e278b1ac1542b95be3a20b7760d
--- /dev/null
+++ b/public/assets/images/flags/SV.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SE</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#157CBB" offset="0%"></stop>
+            <stop stop-color="#0E6CA5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFD34D" offset="0%"></stop>
+            <stop stop-color="#FECB2F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SE">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" points="0 9 6 9 6 15 9 15 9 9 21 9 21 6 9 6 9 0 6 0 6 6 0 6"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SV1.svg b/public/assets/images/flags/SV1.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9bfdd5ce9b8501338a0cbff22c44e01cf81b054a
--- /dev/null
+++ b/public/assets/images/flags/SV1.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SV</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#1B57C4" offset="0%"></stop>
+            <stop stop-color="#154BAD" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#3C7839" offset="0%"></stop>
+            <stop stop-color="#31642E" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SV">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <path d="M9.29996095,5.89988286 C8.81420448,6.26476719 8.5,6.8456904 8.5,7.5 C8.5,8.6045695 9.3954305,9.5 10.5,9.5 C11.6045695,9.5 12.5,8.6045695 12.5,7.5 C12.5,6.8456904 12.1857955,6.26476719 11.700039,5.89988286 L11,8 L10,8 L9.29996095,5.89988286 Z" id="Oval-12" fill="url(#linearGradient-3)"></path>
+            <polygon id="Rectangle-483" fill="#F9C92E" points="10.5 5.5 11 8 10 8"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SX.svg b/public/assets/images/flags/SX.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ccefe037b4ea98cd86e8d988c28c020f3af3af62
--- /dev/null
+++ b/public/assets/images/flags/SX.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SX</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0740AA" offset="0%"></stop>
+            <stop stop-color="#012F85" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#F02C33" offset="0%"></stop>
+            <stop stop-color="#D82027" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#E72C33" offset="0%"></stop>
+            <stop stop-color="#D82027" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#78C1F0" offset="0%"></stop>
+            <stop stop-color="#67B1E0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#F7E14B" offset="0%"></stop>
+            <stop stop-color="#F7DF3E" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SX">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="7" width="21" height="8"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="7"></rect>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-1)" points="0 0 10 7.5 0 15"></polygon>
+            <path d="M1.5,7 L1.5,5.50614953 C1.5,4.95161419 1.9382901,4.5 2.49538898,4.5 L4.50461102,4.5 C5.05579652,4.5 5.5,4.95726048 5.5,5.50614953 L5.5,7 C5.5,7.84456945 5.1157048,8.44663194 4.49650629,8.79751109 C4.13871224,9.00026105 3.78910418,9.08183627 3.46674049,9.09889258 C3.21089582,9.08183627 2.86128776,9.00026105 2.50349371,8.79751109 C1.8842952,8.44663194 1.5,7.84456945 1.5,7 Z" id="Mask" fill="url(#linearGradient-4)" fill-rule="nonzero"></path>
+            <path d="M2,7 L2,5.50614953 C2,5.22661086 2.2157526,5 2.49538898,5 L4.50461102,5 C4.7782068,5 5,5.23211365 5,5.50614953 L5,7 C5,8.5 3.5,8.6 3.5,8.6 C3.5,8.6 2,8.5 2,7 Z" id="Mask" fill="url(#linearGradient-5)"></path>
+            <polygon id="Rectangle-1394" fill="#FFFFFF" points="3 6.5 3.5 6 4 6.5 4 7.5 3 7.5"></polygon>
+            <path d="M1.00127315,9.36801632 C1.60691933,10.0659994 2.56116706,10.5 3.5,10.5 C4.44801721,10.5 5.41530379,10.0519486 6.02102886,9.33837767 C6.19973322,9.12785602 6.17394022,8.812326 5.96341857,8.63362164 C5.75289693,8.45491728 5.43736691,8.48071029 5.25866255,8.69123193 C4.84286812,9.18105617 4.15430852,9.5 3.5,9.5 C2.85053603,9.5 2.17199371,9.19139271 1.75657246,8.71263631 C1.57559427,8.50406616 1.25980295,8.48169846 1.0512328,8.66267666 C0.842662659,8.84365485 0.820294962,9.15944617 1.00127315,9.36801632 Z" id="Oval-276" fill="#F9D835" fill-rule="nonzero"></path>
+            <circle id="Oval-275" fill="url(#linearGradient-6)" cx="3.5" cy="4.5" r="1"></circle>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SY.svg b/public/assets/images/flags/SY.svg
new file mode 100644
index 0000000000000000000000000000000000000000..040530b60e7149b6638519d6e40d5597bfe59de9
--- /dev/null
+++ b/public/assets/images/flags/SY.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SY</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E32139" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#128A49" offset="0%"></stop>
+            <stop stop-color="#0F7A40" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SY">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <polygon id="Star-33" fill="url(#linearGradient-4)" points="7 8.31999999 5.8244295 9.11803399 6.22013366 7.75339393 5.09788697 6.88196601 6.5180161 6.83660607 7 5.5 7.4819839 6.83660607 8.90211303 6.88196601 7.77986634 7.75339393 8.1755705 9.11803399"></polygon>
+            <polygon id="Star-33" fill="url(#linearGradient-4)" points="14 8.31999999 12.8244295 9.11803399 13.2201337 7.75339393 12.097887 6.88196601 13.5180161 6.83660607 14 5.5 14.4819839 6.83660607 15.902113 6.88196601 14.7798663 7.75339393 15.1755705 9.11803399"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/SZ.svg b/public/assets/images/flags/SZ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..fc4120decddfdc3cbe5a794dac546c5195969046
--- /dev/null
+++ b/public/assets/images/flags/SZ.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>SZ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#486BCA" offset="0%"></stop>
+            <stop stop-color="#3E5FBA" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFDF20" offset="0%"></stop>
+            <stop stop-color="#FFDA00" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#CF1615" offset="0%"></stop>
+            <stop stop-color="#B20D0C" offset="100%"></stop>
+        </linearGradient>
+        <ellipse id="path-5" cx="4.5" cy="2.5" rx="4.5" ry="2.5"></ellipse>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="SZ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="12" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="3" width="21" height="9"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-4)" x="0" y="4" width="21" height="7"></rect>
+            <g id="Oval-190" transform="translate(6.000000, 5.000000)">
+                <mask id="mask-6" fill="white">
+                    <use xlink:href="#path-5"></use>
+                </mask>
+                <use id="Mask" fill="url(#linearGradient-1)" xlink:href="#path-5"></use>
+                <polygon id="Rectangle-1180" fill="url(#linearGradient-7)" mask="url(#mask-6)" transform="translate(2.500000, 2.500000) scale(-1, 1) translate(-2.500000, -2.500000) " points="0 0 5 0 5 5 1 5"></polygon>
+                <circle id="Oval-191" fill="#1A1A1A" mask="url(#mask-6)" cx="5.5" cy="2.5" r="1"></circle>
+                <circle id="Oval-191" fill="#F6F6F6" mask="url(#mask-6)" cx="3.5" cy="2.5" r="1"></circle>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/TC.svg b/public/assets/images/flags/TC.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c3ea149a608b944a9dedbe6b995aadad7ef2d3eb
--- /dev/null
+++ b/public/assets/images/flags/TC.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>TC</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#07319C" offset="0%"></stop>
+            <stop stop-color="#00247E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFD033" offset="0%"></stop>
+            <stop stop-color="#FEC403" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="TC">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M13,7.5 L13,4.99934196 C13,4.44742064 13.4437166,4 13.9998075,4 L17.0001925,4 C17.5523709,4 18,4.44095969 18,4.99934196 L18,7.5 C18,10 15.5,11 15.5,11 C15.5,11 13,10 13,7.5 Z" id="Mask" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M15.6441187,10.3696764 C15.9072386,10.2205751 16.1708832,10.0360239 16.4155176,9.81585293 C17.0987311,9.20096081 17.5,8.43854989 17.5,7.5 L17.5,4.99934196 C17.5,4.7198881 17.2790226,4.5 17.0001925,4.5 L13.9998075,4.5 C13.7214614,4.5 13.5,4.72195823 13.5,4.99934196 L13.5,7.5 C13.5,8.43854989 13.9012689,9.20096081 14.5844824,9.81585293 C14.8291168,10.0360239 15.0927614,10.2205751 15.3558813,10.3696764 C15.408632,10.3995685 15.4569336,10.4256533 15.5,10.4479782 C15.5430664,10.4256533 15.591368,10.3995685 15.6441187,10.3696764 Z" id="Mask" fill="url(#linearGradient-3)" fill-rule="nonzero"></path>
+            <ellipse id="Oval-193" fill="#BA5B1F" cx="16.5" cy="6" rx="1" ry="1"></ellipse>
+            <ellipse id="Oval-193" fill="#FF9F3E" transform="translate(14.311866, 6.030154) rotate(-20.000000) translate(-14.311866, -6.030154) " cx="14.3118665" cy="6.03015369" rx="1" ry="1"></ellipse>
+            <ellipse id="Oval-193" fill="#FF937F" transform="translate(14.711309, 6.046846) rotate(25.000000) translate(-14.711309, -6.046846) " cx="14.7113091" cy="6.04684611" rx="1" ry="1"></ellipse>
+            <polygon id="Rectangle-1188" fill="#01A827" points="15 8 15.5 7 16 8 16 9 15 9"></polygon>
+            <path d="M3,3.22996746 L-1.3516287,-0.5 L0.660232527,-0.5 L4.16023253,2 L4.85660189,2 L9.5,-0.902123821 L9.5,0.25 C9.5,0.552509227 9.33308555,0.876533554 9.08215972,1.05576629 L6,3.25730895 L6,3.77003254 L9.13722049,6.45907867 C9.59934261,6.85518335 9.34102897,7.5 8.75,7.5 C8.50478614,7.5 8.2052751,7.40393402 8.00092153,7.25796718 L4.83976747,5 L4.14339811,5 L-0.5,7.90212382 L-0.5,6.24269105 L3,3.74269105 L3,3.22996746 Z" id="Rectangle-36" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M3.5,3 L0,0 L0.5,0 L4,2.5 L5,2.5 L9,0 L9,0.25 C9,0.388071187 8.91348267,0.561798096 8.79154062,0.648899555 L5.5,3 L5.5,4 L8.8118248,6.83870697 C8.91575109,6.92778665 8.8840332,7 8.75,7 L8.75,7 C8.61192881,7 8.41348267,6.9382019 8.29154062,6.85110044 L5,4.5 L4,4.5 L0,7 L0,6.5 L3.5,4 L3.5,3 Z" id="Rectangle-36" fill="url(#linearGradient-4)"></path>
+            <path d="M0,2.5 L0,4.5 L3.5,4.5 L3.5,7.00461102 C3.5,7.2782068 3.71403503,7.5 4.00468445,7.5 L4.99531555,7.5 C5.27404508,7.5 5.5,7.2842474 5.5,7.00461102 L5.5,4.5 L9.00952148,4.5 C9.28040529,4.5 9.5,4.28596497 9.5,3.99531555 L9.5,3.00468445 C9.5,2.72595492 9.28494263,2.5 9.00952148,2.5 L5.5,2.5 L5.5,0 L3.5,0 L3.5,2.5 L0,2.5 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-36" fill="url(#linearGradient-4)" points="0 3 4 3 4 2.5 4 0 5 0 5 2.5 5 3 9 3 9 4 5 4 5 4.5 5 7 4 7 4 4.5 4 4 0 4"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/TD.svg b/public/assets/images/flags/TD.svg
new file mode 100644
index 0000000000000000000000000000000000000000..74756faf50fce5f676b38569a8727e89342ab022
--- /dev/null
+++ b/public/assets/images/flags/TD.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>TD</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#DE1D42" offset="0%"></stop>
+            <stop stop-color="#C51335" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#083780" offset="0%"></stop>
+            <stop stop-color="#032862" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD147" offset="0%"></stop>
+            <stop stop-color="#FECA2F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="TD">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-4)" x="7" y="0" width="7" height="15"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/TF.svg b/public/assets/images/flags/TF.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d1ea6918409dae87f929dbaf6e78dc7d9edea4bc
--- /dev/null
+++ b/public/assets/images/flags/TF.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>TF</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#073AB6" offset="0%"></stop>
+            <stop stop-color="#002B93" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#F44653" offset="0%"></stop>
+            <stop stop-color="#EE2A39" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#1035BB" offset="0%"></stop>
+            <stop stop-color="#042396" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="TF">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M0,0 L9.5,0 L9.5,7.25046158 C9.5,7.38827784 9.39331055,7.5 9.24589795,7.5 L0,7.5 L0,0 Z" id="Rectangle-1349-Copy-3" fill="url(#linearGradient-1)"></path>
+            <rect id="Rectangle-1349" fill="url(#linearGradient-3)" x="6" y="0" width="3" height="7"></rect>
+            <rect id="Rectangle-1349-Copy-2" fill="url(#linearGradient-4)" x="0" y="0" width="3" height="7"></rect>
+            <rect id="Rectangle-1349-Copy" fill="url(#linearGradient-1)" x="3" y="0" width="3" height="7"></rect>
+            <path d="M13,6 L18,6 L17.5,7 L16,7 L16,7.5 L17,7.5 L16.5,8.5 L16,8.5 L16,10 L15,10 L15,7 L13.5,7 L13,6 Z M17,8.5 L18,10 L16,10 L17,8.5 Z M14,8.5 L15,10 L13,10 L14,8.5 Z M15.5,11.5 L14.5,10 L16.5,10 L15.5,11.5 Z M18.5,8 C18.2238576,8 18,7.77614237 18,7.5 C18,7.22385763 18.2238576,7 18.5,7 C18.7761424,7 19,7.22385763 19,7.5 C19,7.77614237 18.7761424,8 18.5,8 Z M12.5,8 C12.2238576,8 12,7.77614237 12,7.5 C12,7.22385763 12.2238576,7 12.5,7 C12.7761424,7 13,7.22385763 13,7.5 C13,7.77614237 12.7761424,8 12.5,8 Z M13.5,12 C13.2238576,12 13,11.7761424 13,11.5 C13,11.2238576 13.2238576,11 13.5,11 C13.7761424,11 14,11.2238576 14,11.5 C14,11.7761424 13.7761424,12 13.5,12 Z M17.5,12 C17.2238576,12 17,11.7761424 17,11.5 C17,11.2238576 17.2238576,11 17.5,11 C17.7761424,11 18,11.2238576 18,11.5 C18,11.7761424 17.7761424,12 17.5,12 Z M15.5,13 C15.2238576,13 15,12.7761424 15,12.5 C15,12.2238576 15.2238576,12 15.5,12 C15.7761424,12 16,12.2238576 16,12.5 C16,12.7761424 15.7761424,13 15.5,13 Z" id="Combined-Shape" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/TG.svg b/public/assets/images/flags/TG.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e9f6360fd402517c8c2c170421317f584a2cf88c
--- /dev/null
+++ b/public/assets/images/flags/TG.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>TG</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FFD44D" offset="0%"></stop>
+            <stop stop-color="#FFCD2F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#159A74" offset="0%"></stop>
+            <stop stop-color="#0C6A4F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#ED1F45" offset="0%"></stop>
+            <stop stop-color="#D01739" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="TG">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M9,0 L21,0 L21,3 L9,3 L9,0 Z M9,6 L21,6 L21,9 L9,9 L9,6 Z M0,12 L21,12 L21,15 L0,15 L0,12 Z" id="Rectangle-537" fill="url(#linearGradient-3)"></path>
+            <rect id="Rectangle-1568" fill="url(#linearGradient-4)" x="0" y="0" width="9" height="9"></rect>
+            <polygon id="Star-8" fill="url(#linearGradient-1)" points="4.5 5.67000005 2.73664424 6.92705098 3.38726383 4.8615499 1.64683045 3.57294902 3.81229123 3.55345008 4.5 1.5 5.18770877 3.55345008 7.35316955 3.57294902 5.61273617 4.8615499 6.26335576 6.92705098"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/TH.svg b/public/assets/images/flags/TH.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2ca5ef20d6ffc9485a4b38000af086730a8a9e1d
--- /dev/null
+++ b/public/assets/images/flags/TH.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="21px" height="15px" viewBox="0 0 900 600">
+<rect fill="#ED1C24" width="900" height="600"/>
+<rect fill="#fff" y="100" width="900" height="400"/>
+<rect fill="#241D4F" y="200" width="900" height="200"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/TJ.svg b/public/assets/images/flags/TJ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..77d6728b6d5b91d2339e4020f00f0330fae986ec
--- /dev/null
+++ b/public/assets/images/flags/TJ.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>TJ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#D9101C" offset="0%"></stop>
+            <stop stop-color="#CA0814" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#0F7811" offset="0%"></stop>
+            <stop stop-color="#0A650C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="TJ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <path d="M10.0660084,8 C10.0240119,7.7825361 10,7.59044003 10,7.5 C10,7.22385763 10.2238576,7 10.5,7 C10.7761424,7 11,7.22385763 11,7.5 C11,7.59044003 10.9759881,7.7825361 10.9339916,8 L11.504611,8 C11.7782068,8 12,8.23193359 12,8.5 C12,8.77614237 11.7842474,9 11.504611,9 L9.49538898,9 C9.2217932,9 9,8.76806641 9,8.5 C9,8.22385763 9.2157526,8 9.49538898,8 L10.0660084,8 L10.0660084,8 Z M9.5,7 C9.22385763,7 9,6.77614237 9,6.5 C9,6.22385763 9.22385763,6 9.5,6 C9.77614237,6 10,6.22385763 10,6.5 C10,6.77614237 9.77614237,7 9.5,7 Z M11.5,7 C11.2238576,7 11,6.77614237 11,6.5 C11,6.22385763 11.2238576,6 11.5,6 C11.7761424,6 12,6.22385763 12,6.5 C12,6.77614237 11.7761424,7 11.5,7 Z M13.5,8 C13.2238576,8 13,7.77614237 13,7.5 C13,7.22385763 13.2238576,7 13.5,7 C13.7761424,7 14,7.22385763 14,7.5 C14,7.77614237 13.7761424,8 13.5,8 Z M7.5,8 C7.22385763,8 7,7.77614237 7,7.5 C7,7.22385763 7.22385763,7 7.5,7 C7.77614237,7 8,7.22385763 8,7.5 C8,7.77614237 7.77614237,8 7.5,8 Z" id="Oval-36" fill="#FAD14E"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/TK.svg b/public/assets/images/flags/TK.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3cde9608b5bbf2111adc5da57b78e277cf3b739b
--- /dev/null
+++ b/public/assets/images/flags/TK.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>TK</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0637C5" offset="0%"></stop>
+            <stop stop-color="#002CAA" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FDD33F" offset="0%"></stop>
+            <stop stop-color="#FED02F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="TK">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M4,12 L19,12 L19,13 L3,13 L4,12 Z M11.5,6 C14.5,4 18,2 18,2 C18,2 16.3573445,5.07344524 16.5,6.5 C16.6906779,8.40677857 19,11 19,11 L5,11 C5,11 8.5,8 11.5,6 Z" id="Combined-Shape" fill="url(#linearGradient-3)"></path>
+            <polygon id="Star-2" fill="#FFFFFF" points="4 9 3.29289322 9.20710678 3.5 8.5 3.29289322 7.79289322 4 8 4.70710678 7.79289322 4.5 8.5 4.70710678 9.20710678"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="5 2.5 4.29289322 2.70710678 4.5 2 4.29289322 1.29289322 5 1.5 5.70710678 1.29289322 5.5 2 5.70710678 2.70710678"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="7 5.5 6.29289322 5.70710678 6.5 5 6.29289322 4.29289322 7 4.5 7.70710678 4.29289322 7.5 5 7.70710678 5.70710678"></polygon>
+            <polygon id="Star-2" fill="#FFFFFF" points="2 5.5 1.29289322 5.70710678 1.5 5 1.29289322 4.29289322 2 4.5 2.70710678 4.29289322 2.5 5 2.70710678 5.70710678"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/TL.svg b/public/assets/images/flags/TL.svg
new file mode 100644
index 0000000000000000000000000000000000000000..41b895218028a517b425ae0277951b03abc62ee3
--- /dev/null
+++ b/public/assets/images/flags/TL.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>TL</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FF323E" offset="0%"></stop>
+            <stop stop-color="#FD0D1B" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFCC51" offset="0%"></stop>
+            <stop stop-color="#FFC63C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="TL">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-3)" points="0 0 13 7.5 0 15"></polygon>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-4)" points="0 0 9 7.5 0 15"></polygon>
+            <polygon id="Star-8" fill="url(#linearGradient-1)" transform="translate(3.920454, 7.187336) rotate(-30.000000) translate(-3.920454, -7.187336) " points="3.92045417 8.26230472 2.61898766 9.1900867 3.09918549 7.6656181 1.81463712 6.7145503 3.41288221 6.70015886 3.92045417 5.18458466 4.42802612 6.70015886 6.02627121 6.7145503 4.74172284 7.6656181 5.22192067 9.1900867"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/TM.svg b/public/assets/images/flags/TM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..dac62a132315df4e74cdbc56e5556888119d5075
--- /dev/null
+++ b/public/assets/images/flags/TM.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>TM</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#30C375" offset="0%"></stop>
+            <stop stop-color="#28AE67" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DE414F" offset="0%"></stop>
+            <stop stop-color="#CA3745" offset="100%"></stop>
+        </linearGradient>
+        <ellipse id="path-4" cx="1.5" cy="1" rx="1.5" ry="1"></ellipse>
+        <ellipse id="path-6" cx="1.5" cy="1" rx="1.5" ry="1"></ellipse>
+        <ellipse id="path-8" cx="1.5" cy="1" rx="1.5" ry="1"></ellipse>
+        <ellipse id="path-10" cx="1.5" cy="0.5" rx="1.5" ry="1"></ellipse>
+        <ellipse id="path-12" cx="1.5" cy="1" rx="1.5" ry="1"></ellipse>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="TM">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-1092" fill="url(#linearGradient-3)" x="3" y="0" width="3" height="15"></rect>
+            <g id="Oval-161" transform="translate(3.000000, 1.000000)">
+                <mask id="mask-5" fill="white">
+                    <use xlink:href="#path-4"></use>
+                </mask>
+                <use id="Mask" fill="#FFFFFF" xlink:href="#path-4"></use>
+                <circle id="Oval-166" fill="#DD404F" mask="url(#mask-5)" cx="1.5" cy="1" r="1"></circle>
+                <rect id="Rectangle-1093" fill="#FBAF29" mask="url(#mask-5)" x="0" y="0" width="1.5" height="1"></rect>
+                <rect id="Rectangle-1093-Copy" fill="#FBAF29" mask="url(#mask-5)" x="1.5" y="1" width="1.5" height="1"></rect>
+            </g>
+            <g id="Oval-161-Copy-2" transform="translate(3.000000, 12.000000)">
+                <mask id="mask-7" fill="white">
+                    <use xlink:href="#path-6"></use>
+                </mask>
+                <use id="Mask" fill="#FFFFFF" xlink:href="#path-6"></use>
+                <circle id="Oval-166" fill="#DD404F" mask="url(#mask-7)" cx="1.5" cy="1" r="1"></circle>
+                <rect id="Rectangle-1093" fill="#FBAF29" mask="url(#mask-7)" x="0" y="0" width="1.5" height="1"></rect>
+                <rect id="Rectangle-1093-Copy" fill="#FBAF29" mask="url(#mask-7)" x="1.5" y="1" width="1.5" height="1"></rect>
+            </g>
+            <g id="Oval-161-Copy-3" transform="translate(3.000000, 7.000000)">
+                <mask id="mask-9" fill="white">
+                    <use xlink:href="#path-8"></use>
+                </mask>
+                <use id="Mask" fill="#28AE67" xlink:href="#path-8"></use>
+                <ellipse id="Oval-166" fill="#DD404F" mask="url(#mask-9)" cx="1.5" cy="1" rx="1" ry="1"></ellipse>
+            </g>
+            <g id="Oval-161-Copy-4" transform="translate(3.000000, 10.000000)">
+                <mask id="mask-11" fill="white">
+                    <use xlink:href="#path-10"></use>
+                </mask>
+                <use id="Mask" fill="#28AE67" xlink:href="#path-10"></use>
+            </g>
+            <g id="Oval-161-Copy" transform="translate(3.000000, 4.000000)">
+                <mask id="mask-13" fill="white">
+                    <use xlink:href="#path-12"></use>
+                </mask>
+                <use id="Mask" fill="#FBAF29" xlink:href="#path-12"></use>
+                <circle id="Oval-166" fill="#DD404F" mask="url(#mask-13)" cx="1.5" cy="1" r="1"></circle>
+                <rect id="Rectangle-1093" fill="#28AE67" mask="url(#mask-13)" x="0" y="0" width="1" height="2"></rect>
+                <rect id="Rectangle-1093-Copy-2" fill="#28AE67" mask="url(#mask-13)" x="2" y="0" width="1" height="2"></rect>
+            </g>
+            <path d="M11.1169894,3.17861784 C10.9394885,3.39015517 10.9670805,3.70553297 11.1786178,3.88303386 C11.3901552,4.06053476 11.705533,4.03294278 11.8830339,3.82140545 C12.0605348,3.60986811 12.0329428,3.29449032 11.8214054,3.11698942 C11.6098681,2.93948852 11.2944903,2.9670805 11.1169894,3.17861784 Z M9.82140545,5.11698942 C9.60986811,4.93948852 9.29449032,4.9670805 9.11698942,5.17861784 C8.93948852,5.39015517 8.9670805,5.70553297 9.17861784,5.88303386 C9.39015517,6.06053476 9.70553297,6.03294278 9.88303386,5.82140545 C10.0605348,5.60986811 10.0329428,5.29449032 9.82140545,5.11698942 L9.82140545,5.11698942 Z M8.82140545,4.11698942 C8.60986811,3.93948852 8.29449032,3.9670805 8.11698942,4.17861784 C7.93948852,4.39015517 7.9670805,4.70553297 8.17861784,4.88303386 C8.39015517,5.06053476 8.70553297,5.03294278 8.88303386,4.82140545 C9.06053476,4.60986811 9.03294278,4.29449032 8.82140545,4.11698942 L8.82140545,4.11698942 Z M10.8214054,2.11698942 C10.6098681,1.93948852 10.2944903,1.9670805 10.1169894,2.17861784 C9.93948852,2.39015517 9.9670805,2.70553297 10.1786178,2.88303386 C10.3901552,3.06053476 10.705533,3.03294278 10.8830339,2.82140545 C11.0605348,2.60986811 11.0329428,2.29449032 10.8214054,2.11698942 L10.8214054,2.11698942 Z M10.3214054,3.61698942 C10.1098681,3.43948852 9.79449032,3.4670805 9.61698942,3.67861784 C9.43948852,3.89015517 9.4670805,4.20553297 9.67861784,4.38303386 C9.89015517,4.56053476 10.205533,4.53294278 10.3830339,4.32140545 C10.5605348,4.10986811 10.5329428,3.79449032 10.3214054,3.61698942 L10.3214054,3.61698942 Z" id="Oval-68" fill="url(#linearGradient-1)"></path>
+            <path d="M13.1070726,7.0878904 C11.9160354,8.27892761 9.98498252,8.27892761 8.79394531,7.0878904 C8.67853723,6.97248232 8.57431185,6.85012618 8.48126919,6.72216849 C9.6738634,7.58934686 11.3530454,7.48512149 12.4286745,6.40949237 C13.5043037,5.33386325 13.608529,3.65468123 12.7413507,2.46208702 C12.8693083,2.55512969 12.9916645,2.65935506 13.1070726,2.77476315 C14.2981098,3.96580035 14.2981098,5.8968532 13.1070726,7.0878904 Z" id="Star-8" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/TN.svg b/public/assets/images/flags/TN.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3ff74a9ea9d9b52978addff1126b44ce8de073f7
--- /dev/null
+++ b/public/assets/images/flags/TN.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>TN</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E92434" offset="0%"></stop>
+            <stop stop-color="#E11324" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="TN">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M11.858354,4.27335677 C11.4406897,4.09731458 10.9817094,4 10.5,4 C8.56700338,4 7,5.56700338 7,7.5 C7,9.43299662 8.56700338,11 10.5,11 C10.9817094,11 11.4406897,10.9026854 11.858354,10.7266432 C10.248101,10.5332377 9,9.16237367 9,7.5 C9,5.83762633 10.248101,4.46676227 11.858354,4.27335677 L11.858354,4.27335677 Z M10.5,12 C8.01471863,12 6,9.98528137 6,7.5 C6,5.01471863 8.01471863,3 10.5,3 C12.9852814,3 15,5.01471863 15,7.5 C15,9.98528137 12.9852814,12 10.5,12 Z M12.2656441,8.37757672 L13.6180572,8.88279532 L12.8426963,7.66497659 L13.7411064,6.53487647 L12.3432923,6.89596178 L11.5461272,5.69230289 L11.4575914,7.13328462 L10.0665062,7.51948263 L11.4096022,8.048973 L11.3470294,9.49131539 L12.2656441,8.37757672 Z" id="Oval-41" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/TO.svg b/public/assets/images/flags/TO.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e0e42ee2fc00ac342c7253aa6fa599f892544364
--- /dev/null
+++ b/public/assets/images/flags/TO.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>TO</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E20F1B" offset="0%"></stop>
+            <stop stop-color="#C00711" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#DF101B" offset="0%"></stop>
+            <stop stop-color="#C00711" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="TO">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="0" width="12" height="8"></rect>
+            <path d="M7,3 L7,1.2578125 C7,1.10414124 6.89020264,1 6.75476074,1 L5.24523926,1 C5.10752869,1 5,1.11542659 5,1.2578125 L5,3 L3.2578125,3 C3.10414124,3 3,3.10979736 3,3.24523926 L3,4.75476074 C3,4.89247131 3.11542659,5 3.2578125,5 L5,5 L5,6.7421875 C5,6.89585876 5.10979736,7 5.24523926,7 L6.75476074,7 C6.89247131,7 7,6.88457341 7,6.7421875 L7,5 L8.7421875,5 C8.89585876,5 9,4.89020264 9,4.75476074 L9,3.24523926 C9,3.10752869 8.88457341,3 8.7421875,3 L7,3 L7,3 Z" id="Rectangle-1703" fill="url(#linearGradient-3)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/TR.svg b/public/assets/images/flags/TR.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e5c0924d03647a4ca74a57185567c27c7fc3d82b
--- /dev/null
+++ b/public/assets/images/flags/TR.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>TR</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E92434" offset="0%"></stop>
+            <stop stop-color="#E11324" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="TR">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M13.052071,4.73691441 C12.4166497,4.27508353 11.6177441,4 10.75,4 C8.67893219,4 7,5.56700338 7,7.5 C7,9.43299662 8.67893219,11 10.75,11 C11.6177441,11 12.4166497,10.7249165 13.052071,10.2630856 C12.228638,11.3201293 10.9437152,12 9.5,12 C7.01471863,12 5,9.98528137 5,7.5 C5,5.01471863 7.01471863,3 9.5,3 C10.9437152,3 12.228638,3.67987067 13.052071,4.73691441 Z M14.2656441,8.07626735 L13.3470294,9.19000603 L13.4096022,7.74766364 L12.0665062,7.21817326 L13.4575914,6.83197525 L13.5461272,5.39099352 L14.3432923,6.59465241 L15.7411064,6.2335671 L14.8426963,7.36366722 L15.6180572,8.58148596 L14.2656441,8.07626735 Z" id="Combined-Shape" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/TT.svg b/public/assets/images/flags/TT.svg
new file mode 100644
index 0000000000000000000000000000000000000000..69bdb9a951beaaaac4a661b1e32d86144e3f98e4
--- /dev/null
+++ b/public/assets/images/flags/TT.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>TT</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#ED233C" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="TT">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="-0.00446856128" y="0.00461341129" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-1)" transform="translate(10.750000, 7.504613) scale(-1, 1) translate(-10.750000, -7.504613) " points="23 -1 15.8562517 -4.06074167 0.755939376 13.9351097 -1.5 16 6.15268546 19.0699685 20.9773661 1.40260205"></polygon>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" transform="translate(10.495531, 7.504613) scale(-1, 1) translate(-10.495531, -7.504613) " points="3.09022221 20.2192269 21.7310629 -1.99606199 17.9008407 -5.21000004 -0.74000001 17.0052888 3.09022221 20.2192269"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/TV.svg b/public/assets/images/flags/TV.svg
new file mode 100644
index 0000000000000000000000000000000000000000..839c97f12cb3e936d872101c7944c00e70d5dbda
--- /dev/null
+++ b/public/assets/images/flags/TV.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>TV</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#72AFC8" offset="0%"></stop>
+            <stop stop-color="#5D98B0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#0A17A7" offset="0%"></stop>
+            <stop stop-color="#030E88" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="TV">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M9,13 L8.29289322,13.2071068 L8.5,12.5 L8.29289322,11.7928932 L9,12 L9.70710678,11.7928932 L9.5,12.5 L9.70710678,13.2071068 L9,13 Z M12,12 L11.2928932,12.2071068 L11.5,11.5 L11.2928932,10.7928932 L12,11 L12.7071068,10.7928932 L12.5,11.5 L12.7071068,12.2071068 L12,12 Z M15,12 L14.2928932,12.2071068 L14.5,11.5 L14.2928932,10.7928932 L15,11 L15.7071068,10.7928932 L15.5,11.5 L15.7071068,12.2071068 L15,12 Z M17,10 L16.2928932,10.2071068 L16.5,9.5 L16.2928932,8.79289322 L17,9 L17.7071068,8.79289322 L17.5,9.5 L17.7071068,10.2071068 L17,10 Z M19,8 L18.2928932,8.20710678 L18.5,7.5 L18.2928932,6.79289322 L19,7 L19.7071068,6.79289322 L19.5,7.5 L19.7071068,8.20710678 L19,8 Z M13,9 L12.2928932,9.20710678 L12.5,8.5 L12.2928932,7.79289322 L13,8 L13.7071068,7.79289322 L13.5,8.5 L13.7071068,9.20710678 L13,9 Z M15,5 L14.2928932,5.20710678 L14.5,4.5 L14.2928932,3.79289322 L15,4 L15.7071068,3.79289322 L15.5,4.5 L15.7071068,5.20710678 L15,5 Z M17,4 L16.2928932,4.20710678 L16.5,3.5 L16.2928932,2.79289322 L17,3 L17.7071068,2.79289322 L17.5,3.5 L17.7071068,4.20710678 L17,4 Z M19,3 L18.2928932,3.20710678 L18.5,2.5 L18.2928932,1.79289322 L19,2 L19.7071068,1.79289322 L19.5,2.5 L19.7071068,3.20710678 L19,3 Z" id="Combined-Shape" fill="#FFCD2F"></path>
+            <rect id="Mask-Copy-2" fill="url(#linearGradient-3)" x="0" y="0" width="9" height="7"></rect>
+            <path d="M3,3.22996746 L-1.3516287,-0.5 L0.660232527,-0.5 L4.16023253,2 L4.85660189,2 L9.5,-0.902123821 L9.5,0.25 C9.5,0.552509227 9.33308555,0.876533554 9.08215972,1.05576629 L6,3.25730895 L6,3.77003254 L9.13722049,6.45907867 C9.59934261,6.85518335 9.34102897,7.5 8.75,7.5 C8.50478614,7.5 8.2052751,7.40393402 8.00092153,7.25796718 L4.83976747,5 L4.14339811,5 L-0.5,7.90212382 L-0.5,6.24269105 L3,3.74269105 L3,3.22996746 Z" id="Rectangle-36" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M3.5,3 L-4.4408921e-16,-2.13162821e-14 L0.5,-2.13162821e-14 L4,2.5 L5,2.5 L9,-2.13162821e-14 L9,0.25 C9,0.388071187 8.91348267,0.561798096 8.79154062,0.648899555 L5.5,3 L5.5,4 L8.8118248,6.83870697 C8.91575109,6.92778665 8.8840332,7 8.75,7 L8.75,7 C8.61192881,7 8.41348267,6.9382019 8.29154062,6.85110044 L5,4.5 L4,4.5 L-4.4408921e-16,7 L-4.4408921e-16,6.5 L3.5,4 L3.5,3 Z" id="Rectangle-36" fill="url(#linearGradient-4)"></path>
+            <path d="M-4.4408921e-16,2.5 L-4.4408921e-16,4.5 L3.5,4.5 L3.5,7.00461102 C3.5,7.2782068 3.71403503,7.5 4.00468445,7.5 L4.99531555,7.5 C5.27404508,7.5 5.5,7.2842474 5.5,7.00461102 L5.5,4.5 L9.00952148,4.5 C9.28040529,4.5 9.5,4.28596497 9.5,3.99531555 L9.5,3.00468445 C9.5,2.72595492 9.28494263,2.5 9.00952148,2.5 L5.5,2.5 L5.5,-2.13162821e-14 L3.5,-2.13162821e-14 L3.5,2.5 L-4.4408921e-16,2.5 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-36" fill="url(#linearGradient-4)" points="-4.4408921e-16 3 4 3 4 2.5 4 -2.13162821e-14 5 -2.13162821e-14 5 2.5 5 3 9 3 9 4 5 4 5 4.5 5 7 4 7 4 4.5 4 4 -4.4408921e-16 4"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/TW.svg b/public/assets/images/flags/TW.svg
new file mode 100644
index 0000000000000000000000000000000000000000..488d1120d374cc6a976797fbd3209c58af7e7c40
--- /dev/null
+++ b/public/assets/images/flags/TW.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>TW</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="93.7672335%" id="linearGradient-2">
+            <stop stop-color="#FE3030" offset="0%"></stop>
+            <stop stop-color="#FF0000" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#0909B6" offset="0%"></stop>
+            <stop stop-color="#000096" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="TW">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" points="0 8 11 8 11 0 0 0"></polygon>
+            <polygon id="Star-27" fill="url(#linearGradient-1)" points="5.5 5.25 4.54329142 6.30969883 4.61611652 4.88388348 3.19030117 4.95670858 4.25 4 3.19030117 3.04329142 4.61611652 3.11611652 4.54329142 1.69030117 5.5 2.75 6.45670858 1.69030117 6.38388348 3.11611652 7.80969883 3.04329142 6.75 4 7.80969883 4.95670858 6.38388348 4.88388348 6.45670858 6.30969883"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/TZ.svg b/public/assets/images/flags/TZ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d652e2110a2ecaf535735c271c41a08864a8f709
--- /dev/null
+++ b/public/assets/images/flags/TZ.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>TZ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#33CC4D" offset="0%"></stop>
+            <stop stop-color="#2AB441" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#2DAFE4" offset="0%"></stop>
+            <stop stop-color="#1BA4DC" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD84F" offset="0%"></stop>
+            <stop stop-color="#FCD036" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="TZ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-2)" points="0.00149566929 10.0039496 21.0014957 0.00394961946 0.00149566929 0.00394961946"></polygon>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" points="0.00149566929 15.0039496 21.0014957 15.0039496 21.0014957 5.00394962"></polygon>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-4)" points="2.31328447 17.0039725 22.6295352 4.30897007 18.6897069 -1.99607326 -1.62654387 10.6989292"></polygon>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-5)" points="-0.470403564 17.3078992 24.1229912 1.94024053 21.4733949 -2.29999995 -3.11999989 13.0676587"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/UG.svg b/public/assets/images/flags/UG.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7fabd77c8c256d266a3b4db2b276642eb65d9335
--- /dev/null
+++ b/public/assets/images/flags/UG.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>UG</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#ED1623" offset="0%"></stop>
+            <stop stop-color="#D70915" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FEE044" offset="0%"></stop>
+            <stop stop-color="#FCDB32" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="UG">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="2"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="8" width="21" height="2"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="5" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="2" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="13" width="21" height="2"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="10" width="21" height="3"></rect>
+            <circle id="Oval-220" fill="url(#linearGradient-1)" cx="10.5" cy="7.5" r="3.5"></circle>
+            <path d="M9.68051147,5.68051147 C9.58081774,5.58081774 9.578125,5.421875 9.68051147,5.31948853 L9.81948853,5.18051147 C9.91918226,5.08081774 10.0724682,4.9091568 10.1580395,4.81756592 L10.2801239,4.71923828 C10.4015581,4.73622751 10.5972101,4.68297577 10.7223398,4.70728302 L10.8409911,4.79915619 C10.9288093,4.91007916 10.9538574,5.09228516 10.8840332,5.23193361 L10.6159668,5.76806645 C10.5519201,5.89615984 10.5,6.11596685 10.5,6.25000005 L10.5,6.25000005 C10.5,6.38807124 10.5922852,6.54614262 10.7319336,6.61596682 L11.2680664,6.88403316 C11.3961598,6.94807984 11.5784683,7.07846826 11.6741867,7.17418664 L12.3258133,7.82581323 C12.422014,7.92201389 12.4538574,8.09228511 12.3840332,8.23193358 L12.1159668,8.76806652 C12.0519201,8.89615994 11.921875,8.92187513 11.8194885,8.81948861 L11.6805115,8.68051149 C11.5808177,8.58081771 11.421875,8.57812497 11.3194885,8.68051149 L11.1805115,8.81948861 C11.0808177,8.91918239 11,9.11596697 11,9.25000017 L11,9.25000017 C11,9.38807136 11.078125,9.57812514 11.1805115,9.68051158 L11.3194885,9.81948859 C11.4191823,9.91918229 11.3822975,10 11.2523055,10 L10.2476945,10 C10.1108966,10 10.078125,9.921875 10.1805115,9.81948853 L10.3194885,9.68051147 C10.4191823,9.58081774 10.5,9.3840332 10.5,9.25 L10.5,9.25 C10.5,9.11192881 10.3840332,9 10.25,9 L10.25,9 C10.1119288,9 9.921875,9.078125 9.81948853,9.18051147 L9.68051147,9.31948853 C9.58081774,9.41918226 9.421875,9.421875 9.31948853,9.31948853 L9.18051147,9.18051147 C9.08081774,9.08081774 9.078125,8.921875 9.18051147,8.81948853 L9.31948853,8.68051147 C9.41918226,8.58081774 9.60701752,8.5 9.75234222,8.5 L10.2476578,8.5 C10.3870225,8.5 10.4193535,8.41935349 10.3279309,8.32793093 L9.17206907,7.17206907 C9.07703795,7.07703795 9.07846832,6.92153168 9.17418671,6.82581329 L9.82581329,6.17418671 C9.92201396,6.07798604 9.921875,5.921875 9.81948853,5.81948853 L9.68051147,5.68051147 Z" id="Rectangle-1723" fill="url(#linearGradient-2)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/UK.svg b/public/assets/images/flags/UK.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8dac83662374336c9b80f7b8d95dd011bcc01821
--- /dev/null
+++ b/public/assets/images/flags/UK.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>UA</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#156DD1" offset="0%"></stop>
+            <stop stop-color="#0D5EB9" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFD948" offset="0%"></stop>
+            <stop stop-color="#FFD430" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="UA">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="8"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="8" width="21" height="7"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/UK1.svg b/public/assets/images/flags/UK1.svg
new file mode 100644
index 0000000000000000000000000000000000000000..679d27c75e655a8891e5509e2fa1a7725249a94b
--- /dev/null
+++ b/public/assets/images/flags/UK1.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>GB</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0A17A7" offset="0%"></stop>
+            <stop stop-color="#030E88" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E6273E" offset="0%"></stop>
+            <stop stop-color="#CF152B" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="GB">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="-0.00188732147" y="0" width="21" height="15"></rect>
+            <path d="M5.00341861,10 L-0.00188732147,10 L-0.00188732147,5 L5.00341861,5 L-2.08212503,0.220740472 L-0.96373922,-1.43733467 L7.99811268,4.60751076 L7.99811268,-1 L12.9981127,-1 L12.9981127,4.60751076 L21.9599646,-1.43733467 L23.0783504,0.220740472 L15.9928067,5 L20.9981127,5 L20.9981127,10 L15.9928067,10 L23.0783504,14.7792595 L21.9599646,16.4373347 L12.9981127,10.3924892 L12.9981127,16 L7.99811268,16 L7.99811268,10.3924892 L-0.96373922,16.4373347 L-2.08212503,14.7792595 L5.00341861,10 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <path d="M14.1364901,4.95800192 L23.6355136,-1.29114359 C23.7508618,-1.367028 23.7828535,-1.52205266 23.7069691,-1.63740087 C23.6310847,-1.75274908 23.47606,-1.78474082 23.3607118,-1.70885641 L13.8616884,4.5402891 C13.7463402,4.6161735 13.7143484,4.77119817 13.7902328,4.88654638 C13.8661172,5.00189459 14.0211419,5.03388632 14.1364901,4.95800192 Z" id="Line" fill="#DB1F35" fill-rule="nonzero"></path>
+            <path d="M14.8679651,10.4804377 L23.383346,16.2200617 C23.4978376,16.2972325 23.6532106,16.266978 23.7303814,16.1524864 C23.8075522,16.0379948 23.7772977,15.8826218 23.6628061,15.805451 L15.1474253,10.065827 C15.0329337,9.98865619 14.8775606,10.0189107 14.8003898,10.1334023 C14.7232191,10.2478938 14.7534735,10.4032669 14.8679651,10.4804377 Z" id="Line-Copy-2" fill="#DB1F35" fill-rule="nonzero"></path>
+            <path d="M6.14197982,4.5255348 L-2.74028336,-1.46054919 C-2.8547799,-1.53771262 -3.01015101,-1.50744816 -3.08731444,-1.39295161 C-3.16447787,-1.27845507 -3.13421341,-1.12308397 -3.01971687,-1.04592054 L5.86254632,4.94016345 C5.97704286,5.01732688 6.13241396,4.98706241 6.20957739,4.87256587 C6.28674083,4.75806933 6.25647636,4.60269823 6.14197982,4.5255348 Z" id="Line-Copy" fill="#DB1F35" fill-rule="nonzero"></path>
+            <path d="M6.82747404,9.99532456 L-3.01816805,16.5244994 C-3.13323644,16.6008074 -3.16465792,16.7559487 -3.08834987,16.8710171 C-3.01204183,16.9860854 -2.85690058,17.0175069 -2.74183218,16.9411989 L7.10380991,10.4120241 C7.2188783,10.335716 7.25029978,10.1805748 7.17399174,10.0655064 C7.09768369,9.95043799 6.94254244,9.91901651 6.82747404,9.99532456 Z" id="Line-Copy-3" fill="#DB1F35" fill-rule="nonzero"></path>
+            <polygon id="Rectangle-2-Copy-3" fill="url(#linearGradient-3)" points="-0.00188732147 9 8.99811268 9 8.99811268 15 11.9981127 15 11.9981127 9 20.9981127 9 20.9981127 6 11.9981127 6 11.9981127 0 8.99811268 0 8.99811268 6 -0.00188732147 6"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/UM.svg b/public/assets/images/flags/UM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1a8fc6a797a4ef0a6dfe7616efded90814c49496
--- /dev/null
+++ b/public/assets/images/flags/UM.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>UM</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#D02F44" offset="0%"></stop>
+            <stop stop-color="#B12537" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#46467F" offset="0%"></stop>
+            <stop stop-color="#3C3C6D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="UM">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M0,0 L21,0 L21,1 L0,1 L0,0 Z M0,2 L21,2 L21,3 L0,3 L0,2 Z M0,4 L21,4 L21,5 L0,5 L0,4 Z M0,6 L21,6 L21,7 L0,7 L0,6 Z M0,8 L21,8 L21,9 L0,9 L0,8 Z M0,10 L21,10 L21,11 L0,11 L0,10 Z M0,12 L21,12 L21,13 L0,13 L0,12 Z M0,14 L21,14 L21,15 L0,15 L0,14 Z" id="Rectangle-511" fill="url(#linearGradient-2)"></path>
+            <rect id="Rectangle-511" fill="url(#linearGradient-3)" x="0" y="0" width="9" height="7"></rect>
+            <path d="M1.5,2 C1.22385763,2 1,1.77614237 1,1.5 C1,1.22385763 1.22385763,1 1.5,1 C1.77614237,1 2,1.22385763 2,1.5 C2,1.77614237 1.77614237,2 1.5,2 Z M3.5,2 C3.22385763,2 3,1.77614237 3,1.5 C3,1.22385763 3.22385763,1 3.5,1 C3.77614237,1 4,1.22385763 4,1.5 C4,1.77614237 3.77614237,2 3.5,2 Z M5.5,2 C5.22385763,2 5,1.77614237 5,1.5 C5,1.22385763 5.22385763,1 5.5,1 C5.77614237,1 6,1.22385763 6,1.5 C6,1.77614237 5.77614237,2 5.5,2 Z M7.5,2 C7.22385763,2 7,1.77614237 7,1.5 C7,1.22385763 7.22385763,1 7.5,1 C7.77614237,1 8,1.22385763 8,1.5 C8,1.77614237 7.77614237,2 7.5,2 Z M2.5,3 C2.22385763,3 2,2.77614237 2,2.5 C2,2.22385763 2.22385763,2 2.5,2 C2.77614237,2 3,2.22385763 3,2.5 C3,2.77614237 2.77614237,3 2.5,3 Z M4.5,3 C4.22385763,3 4,2.77614237 4,2.5 C4,2.22385763 4.22385763,2 4.5,2 C4.77614237,2 5,2.22385763 5,2.5 C5,2.77614237 4.77614237,3 4.5,3 Z M6.5,3 C6.22385763,3 6,2.77614237 6,2.5 C6,2.22385763 6.22385763,2 6.5,2 C6.77614237,2 7,2.22385763 7,2.5 C7,2.77614237 6.77614237,3 6.5,3 Z M7.5,4 C7.22385763,4 7,3.77614237 7,3.5 C7,3.22385763 7.22385763,3 7.5,3 C7.77614237,3 8,3.22385763 8,3.5 C8,3.77614237 7.77614237,4 7.5,4 Z M5.5,4 C5.22385763,4 5,3.77614237 5,3.5 C5,3.22385763 5.22385763,3 5.5,3 C5.77614237,3 6,3.22385763 6,3.5 C6,3.77614237 5.77614237,4 5.5,4 Z M3.5,4 C3.22385763,4 3,3.77614237 3,3.5 C3,3.22385763 3.22385763,3 3.5,3 C3.77614237,3 4,3.22385763 4,3.5 C4,3.77614237 3.77614237,4 3.5,4 Z M1.5,4 C1.22385763,4 1,3.77614237 1,3.5 C1,3.22385763 1.22385763,3 1.5,3 C1.77614237,3 2,3.22385763 2,3.5 C2,3.77614237 1.77614237,4 1.5,4 Z M2.5,5 C2.22385763,5 2,4.77614237 2,4.5 C2,4.22385763 2.22385763,4 2.5,4 C2.77614237,4 3,4.22385763 3,4.5 C3,4.77614237 2.77614237,5 2.5,5 Z M4.5,5 C4.22385763,5 4,4.77614237 4,4.5 C4,4.22385763 4.22385763,4 4.5,4 C4.77614237,4 5,4.22385763 5,4.5 C5,4.77614237 4.77614237,5 4.5,5 Z M6.5,5 C6.22385763,5 6,4.77614237 6,4.5 C6,4.22385763 6.22385763,4 6.5,4 C6.77614237,4 7,4.22385763 7,4.5 C7,4.77614237 6.77614237,5 6.5,5 Z M7.5,6 C7.22385763,6 7,5.77614237 7,5.5 C7,5.22385763 7.22385763,5 7.5,5 C7.77614237,5 8,5.22385763 8,5.5 C8,5.77614237 7.77614237,6 7.5,6 Z M5.5,6 C5.22385763,6 5,5.77614237 5,5.5 C5,5.22385763 5.22385763,5 5.5,5 C5.77614237,5 6,5.22385763 6,5.5 C6,5.77614237 5.77614237,6 5.5,6 Z M3.5,6 C3.22385763,6 3,5.77614237 3,5.5 C3,5.22385763 3.22385763,5 3.5,5 C3.77614237,5 4,5.22385763 4,5.5 C4,5.77614237 3.77614237,6 3.5,6 Z M1.5,6 C1.22385763,6 1,5.77614237 1,5.5 C1,5.22385763 1.22385763,5 1.5,5 C1.77614237,5 2,5.22385763 2,5.5 C2,5.77614237 1.77614237,6 1.5,6 Z" id="Oval-43" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/US-CA.svg b/public/assets/images/flags/US-CA.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8860c7a5423b5e50d93b854f6914bd52217afb1d
--- /dev/null
+++ b/public/assets/images/flags/US-CA.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>US-CA</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E7413D" offset="0%"></stop>
+            <stop stop-color="#DB3531" offset="100%"></stop>
+        </linearGradient>
+        <path d="M7.31164554,6.60015859 C7.16130173,6.46057562 7.16833315,6.72568461 6.83068848,6.68060292 C6.74081336,6.66860296 6.63098145,6.46435536 6.63098145,6.46435536 C6.63098145,6.46435536 6.06743044,6.42784005 6.0369873,6.16577142 C6.00654417,5.90370279 6.38690828,5.78023091 6.52856447,5.58270253 C6.64006102,5.42722939 6.54654958,5.29625057 6.63098143,5.12493898 C6.71541329,4.95362739 6.96554849,4.89932091 6.9909668,4.81127931 C7.00674509,4.75662793 6.857965,4.54693809 7.06793213,4.47583009 C7.27094443,4.40707743 7.45916748,4.58032228 7.45916748,4.58032228 C7.45916748,4.58032228 7.46016394,4.33798604 7.62469483,4.30944826 C7.86312589,4.26809253 8.01745605,4.47583014 8.01745605,4.47583014 C8.01745605,4.47583014 9.23309315,3.46917666 9.91699219,3.46179199 C10.5049939,3.45544281 10.7731248,3.82462218 11.3372803,3.88549805 C12.2560672,3.98464085 12.6640016,3.46179199 13.5981447,3.88549804 C14.7933478,4.42761503 14.8684688,6.8774413 14.8684688,6.8774413 C14.8684688,6.8774413 15.1690517,7.27942158 15.2163082,7.50000013 C15.2610725,7.70894635 15.2163082,7.85552992 15.0114742,8.02105726 C14.8066402,8.18658461 14.1080935,8.39404271 13.977234,8.16601556 C13.8463745,7.93798841 14.5876168,7.76721523 14.4628292,7.71258539 C13.9772339,7.50000013 13.5981446,6.8774413 13.5981446,6.8774413 C13.5981446,6.8774413 13.0799397,7.15397063 12.7930298,7.50000013 C12.5570676,7.7845839 12.6582032,8.16601576 12.3027954,8.16601576 C11.6225771,8.16601576 11.3109045,8.23153136 11.2720337,8.02105726 C11.1882934,7.56762728 12.153676,7.90298063 11.9833374,7.79016127 C11.866211,7.71258558 11.8662111,6.46435541 11.8662111,6.46435541 L11.1278077,6.46435541 C11.1278077,6.46435541 11.2857808,7.90147765 11.0139161,7.93798841 C10.3049317,8.03320326 10.6471765,8.02237418 10.053589,7.93798822 C9.72644255,7.89148022 10.5,7.50000013 10.5,7.50000013 C10.5,7.50000013 10.3960549,6.75642108 10.053589,6.76196283 C9.49523929,7.31732167 8.62420658,8.34179653 8.2773368,8.34179648 C7.8559869,8.34179643 7.93995121,8.29479379 7.62469486,8.27056898 C6.96009518,8.21950007 7.62469486,7.71258558 8.01745606,7.93798822 C8.18377689,7.71258558 8.77532963,6.05902089 8.77532963,6.05902089 C8.77532963,6.05902089 7.69879154,6.95959462 7.31164554,6.60015859 Z" id="path-3"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="US-CA">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="12" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="12"></rect>
+            <path d="M3.333,10.6039999 L3.334,10.6039999 C3.35666678,10.6146666 3.37433327,10.6299998 3.387,10.6499999 C3.39966673,10.67 3.406,10.6919998 3.406,10.7159999 C3.406,10.74 3.39866674,10.7633331 3.384,10.7859999 C3.29333288,10.9153339 3.16733414,10.9799999 3.006,10.9799999 C2.8926661,10.9799999 2.79800038,10.9486669 2.722,10.8859999 C2.64599962,10.8233329 2.59000018,10.7390005 2.554,10.6329999 C2.51799982,10.5269994 2.5,10.4093339 2.5,10.2799999 C2.5,10.1519993 2.51799982,10.0350005 2.554,9.92899992 C2.59000018,9.82299939 2.64599962,9.73833357 2.722,9.67499992 C2.79800038,9.61166627 2.8926661,9.57999992 3.006,9.57999992 C3.15800076,9.57999992 3.27866622,9.638666 3.368,9.75599992 C3.38533342,9.77733336 3.394,9.80199978 3.394,9.82999992 C3.394,9.8526667 3.38866672,9.87333316 3.378,9.89199992 C3.36733328,9.91066668 3.3520001,9.92599986 3.332,9.93799992 L3.328,9.93999992 C3.31066658,9.95066664 3.29000012,9.95599992 3.266,9.95599992 C3.2259998,9.95599992 3.19400012,9.94066674 3.17,9.90999992 C3.12466644,9.8526663 3.07000032,9.82399992 3.006,9.82399992 C2.92866628,9.82399992 2.86700023,9.86499951 2.821,9.94699992 C2.77499977,10.0290003 2.752,10.1399992 2.752,10.2799999 C2.752,10.4226673 2.77499977,10.5346662 2.821,10.6159999 C2.86700023,10.6973337 2.92866628,10.7379999 3.006,10.7379999 C3.07533368,10.7379999 3.13266644,10.7066669 3.178,10.6439999 C3.19000006,10.6266665 3.20499991,10.6133333 3.223,10.6039999 C3.24100009,10.5946665 3.2599999,10.5899999 3.28,10.5899999 C3.29866676,10.5899999 3.31599992,10.5939999 3.332,10.6019999 C3.332,10.6033333 3.33233333,10.6039999 3.333,10.6039999 L3.333,10.6039999 Z M4.2,10.9799999 C4.26933368,10.9799999 4.304,10.9500002 4.304,10.8899999 C4.304,10.8753332 4.30200002,10.8593333 4.298,10.8419999 L4.02,9.67999992 C4.0133333,9.65333312 3.99866678,9.63000002 3.976,9.60999992 C3.95333322,9.58999982 3.92800014,9.57999992 3.9,9.57999992 L3.798,9.57999992 C3.7713332,9.57999992 3.74666678,9.58999982 3.724,9.60999992 C3.70133322,9.63000002 3.6866667,9.65333312 3.68,9.67999992 L3.404,10.8379999 C3.39866664,10.858 3.396,10.8766665 3.396,10.8939999 C3.396,10.9286668 3.40533324,10.9516665 3.424,10.9629999 C3.44266676,10.9743333 3.46666652,10.9799999 3.496,10.9799999 L3.538,10.9799999 C3.56866682,10.9799999 3.59333324,10.9733333 3.612,10.9599999 C3.63066676,10.9466665 3.64533328,10.9220001 3.656,10.8859999 L3.686,10.7759999 C3.68733334,10.7706666 3.6913333,10.7566667 3.698,10.7339999 C3.7046667,10.7113331 3.71499993,10.6943333 3.729,10.6829999 C3.74300007,10.6716665 3.76133322,10.6659999 3.784,10.6659999 L3.91,10.6659999 C3.9433335,10.6659999 3.96566661,10.6749998 3.977,10.6929999 C3.98833339,10.711 3.99799996,10.7386664 4.006,10.7759999 L4.036,10.8859999 C4.04666672,10.9220001 4.06133324,10.9466665 4.08,10.9599999 C4.09866676,10.9733333 4.12399984,10.9799999 4.156,10.9799999 L4.2,10.9799999 Z M3.92,10.3179999 C3.92533336,10.3446667 3.928,10.3646665 3.928,10.3779999 C3.928,10.4166668 3.90733354,10.4359999 3.866,10.4359999 L3.834,10.4359999 C3.79133312,10.4359999 3.77,10.4140001 3.77,10.3699999 C3.77,10.3513332 3.77199998,10.3333333 3.776,10.3159999 L3.802,10.1719999 L3.832,10.0239999 C3.83333334,10.0186666 3.83566665,10.0139999 3.839,10.0099999 C3.84233335,10.0059999 3.84533332,10.0039999 3.848,10.0039999 C3.85733338,10.0039999 3.86266666,10.0119998 3.864,10.0279999 L3.892,10.1719999 L3.92,10.3179999 Z M5.056,10.9799999 C5.08533348,10.9799999 5.10966657,10.9703334 5.129,10.9509999 C5.14833343,10.9316665 5.158,10.9080001 5.158,10.8799999 L5.158,10.8319999 C5.158,10.8026664 5.14833343,10.7786667 5.129,10.7599999 C5.10966657,10.7413332 5.08533348,10.7319999 5.056,10.7319999 L4.772,10.7319999 C4.74266652,10.7319999 4.71833343,10.722 4.699,10.7019999 C4.67966657,10.6819998 4.67,10.6580001 4.67,10.6299999 L4.67,9.67999992 C4.67,9.65199978 4.66033343,9.62833335 4.641,9.60899992 C4.62166657,9.58966649 4.59800014,9.57999992 4.57,9.57999992 L4.508,9.57999992 C4.4813332,9.57999992 4.4580001,9.58966649 4.438,9.60899992 C4.4179999,9.62833335 4.408,9.65199978 4.408,9.67999992 L4.408,10.8799999 C4.408,10.9080001 4.4179999,10.9316665 4.438,10.9509999 C4.4580001,10.9703334 4.4813332,10.9799999 4.508,10.9799999 L5.056,10.9799999 Z M5.426,10.9799999 C5.45400014,10.9799999 5.4779999,10.9703334 5.498,10.9509999 C5.5180001,10.9316665 5.528,10.9080001 5.528,10.8799999 L5.528,9.67799992 C5.528,9.65133312 5.5180001,9.62833335 5.498,9.60899992 C5.4779999,9.58966649 5.45400014,9.57999992 5.426,9.57999992 L5.366,9.57999992 C5.3393332,9.57999992 5.3160001,9.58966649 5.296,9.60899992 C5.2759999,9.62833335 5.266,9.65133312 5.266,9.67799992 L5.266,10.8799999 C5.266,10.9080001 5.2759999,10.9316665 5.296,10.9509999 C5.3160001,10.9703334 5.3393332,10.9799999 5.366,10.9799999 L5.426,10.9799999 Z M5.91599999,10.9799999 C5.94400013,10.9799999 5.96799989,10.9703334 5.98799999,10.9509999 C6.00800009,10.9316665 6.01799999,10.9080001 6.01799999,10.8799999 L6.01799999,10.4779999 C6.01799999,10.4499998 6.02766656,10.426 6.04699999,10.4059999 C6.06633342,10.3859998 6.08999985,10.3759999 6.11799999,10.3759999 L6.32399999,10.3759999 C6.35066679,10.3759999 6.37366656,10.3663334 6.39299999,10.3469999 C6.41233342,10.3276665 6.42199999,10.3046667 6.42199999,10.2779999 L6.42199999,10.2259999 C6.42199999,10.1993331 6.41233342,10.176 6.39299999,10.1559999 C6.37366656,10.1359998 6.35066679,10.1259999 6.32399999,10.1259999 L6.11799999,10.1259999 C6.08866651,10.1259999 6.06466675,10.1163334 6.04599999,10.0969999 C6.02733323,10.0776665 6.01799999,10.0540001 6.01799999,10.0259999 L6.01799999,9.92999992 C6.01799999,9.90199978 6.02733323,9.87833335 6.04599999,9.85899992 C6.06466675,9.83966649 6.08866651,9.82999992 6.11799999,9.82999992 L6.39999999,9.82999992 C6.42800013,9.82999992 6.45199989,9.82033335 6.47199999,9.80099992 C6.49200009,9.78166649 6.50199999,9.75800006 6.50199999,9.72999992 L6.50199999,9.67999992 C6.50199999,9.65333312 6.49200009,9.63000002 6.47199999,9.60999992 C6.45199989,9.58999982 6.42800013,9.57999992 6.39999999,9.57999992 L5.85599999,9.57999992 C5.82933319,9.57999992 5.80600009,9.58999982 5.78599999,9.60999992 C5.76599989,9.63000002 5.75599999,9.65333312 5.75599999,9.67999992 L5.75599999,10.8799999 C5.75599999,10.9080001 5.76566656,10.9316665 5.78499999,10.9509999 C5.80433342,10.9703334 5.82799985,10.9799999 5.85599999,10.9799999 L5.91599999,10.9799999 Z M6.56399999,10.6329999 C6.60000017,10.7390005 6.65599961,10.8233329 6.73199999,10.8859999 C6.80800037,10.9486669 6.90266609,10.9799999 7.01599999,10.9799999 C7.12933389,10.9799999 7.22433294,10.9486669 7.30099999,10.8859999 C7.37766704,10.8233329 7.43433314,10.7390005 7.47099999,10.6329999 C7.50766684,10.5269994 7.52599999,10.4093339 7.52599999,10.2799999 C7.52599999,10.1519993 7.50766684,10.0350005 7.47099999,9.92899992 C7.43433314,9.82299939 7.37766704,9.73833357 7.30099999,9.67499992 C7.22433294,9.61166627 7.12933389,9.57999992 7.01599999,9.57999992 C6.90266609,9.57999992 6.80800037,9.61166627 6.73199999,9.67499992 C6.65599961,9.73833357 6.60000017,9.82299939 6.56399999,9.92899992 C6.52799981,10.0350005 6.50999999,10.1519993 6.50999999,10.2799999 C6.50999999,10.4093339 6.52799981,10.5269994 6.56399999,10.6329999 L6.56399999,10.6329999 Z M7.20499999,10.6159999 C7.15766642,10.6973337 7.09466705,10.7379999 7.01599999,10.7379999 C6.93866627,10.7379999 6.87700022,10.6973337 6.83099999,10.6159999 C6.78499976,10.5346662 6.76199999,10.4226673 6.76199999,10.2799999 C6.76199999,10.1399992 6.78499976,10.0290003 6.83099999,9.94699992 C6.87700022,9.86499951 6.93866627,9.82399992 7.01599999,9.82399992 C7.09466705,9.82399992 7.15766642,9.86499951 7.20499999,9.94699992 C7.25233356,10.0290003 7.27599999,10.1399992 7.27599999,10.2799999 C7.27599999,10.4226673 7.25233356,10.5346662 7.20499999,10.6159999 L7.20499999,10.6159999 Z M8.50399999,10.8079999 C8.51200003,10.8226667 8.51599999,10.8373332 8.51599999,10.8519999 C8.51599999,10.8693333 8.51000005,10.8859998 8.49799999,10.9019999 L8.46799999,10.9379999 C8.43333315,10.9766668 8.39866683,10.9959999 8.36399999,10.9959999 C8.34399989,10.9959999 8.32600007,10.988 8.30999999,10.9719999 C8.24333299,10.9146663 8.19300016,10.8523336 8.15899999,10.7849999 C8.12499982,10.7176663 8.10066673,10.6553335 8.08599999,10.5979999 C8.08066663,10.5753331 8.07000007,10.5583333 8.05399999,10.5469999 C8.03799991,10.5356665 8.01866677,10.5299999 7.99599999,10.5299999 C7.92533297,10.5299999 7.88999999,10.5599996 7.88999999,10.6199999 L7.88999999,10.8979999 C7.88999999,10.922 7.88266673,10.9426665 7.86799999,10.9599999 C7.85333325,10.9773333 7.83066681,10.9859999 7.79999999,10.9859999 L7.73799999,10.9859999 C7.70599983,10.9859999 7.67966676,10.977 7.65899999,10.9589999 C7.63833322,10.9409998 7.62799999,10.9206667 7.62799999,10.8979999 L7.62799999,9.66599992 C7.62799999,9.64333314 7.63833322,9.62333334 7.65899999,9.60599992 C7.67966676,9.5886665 7.70599983,9.57999992 7.73799999,9.57999992 L8.03799999,9.57999992 C8.13400047,9.57999992 8.21466633,9.6019997 8.27999999,9.64599992 C8.34533365,9.69000014 8.3936665,9.74666624 8.42499999,9.81599992 C8.45633348,9.8853336 8.47199999,9.95799954 8.47199999,10.0339999 C8.47199999,10.1686673 8.42133383,10.2913327 8.31999999,10.4019999 C8.31199995,10.4113333 8.30666667,10.4199999 8.30399999,10.4279999 C8.30133331,10.436 8.29999999,10.4413332 8.29999999,10.4439999 C8.29866665,10.4573333 8.30399993,10.4836664 8.31599999,10.5229999 C8.32800005,10.5623335 8.34733319,10.6046664 8.37399999,10.6499999 C8.40066679,10.6953335 8.43333313,10.7346664 8.47199999,10.7679999 C8.48533339,10.78 8.49599995,10.7933332 8.50399999,10.8079999 L8.50399999,10.8079999 Z M8.15599999,10.1999999 C8.19200017,10.1519997 8.20999999,10.0966669 8.20999999,10.0339999 C8.20999999,9.97533296 8.19200017,9.9246668 8.15599999,9.88199992 C8.11999981,9.83933304 8.06666701,9.81799992 7.99599999,9.81799992 C7.96533317,9.81799992 7.94000009,9.8266665 7.91999999,9.84399992 C7.89999989,9.86133334 7.88999999,9.88133314 7.88999999,9.90399992 L7.88999999,10.1859999 C7.88999999,10.2166667 7.8989999,10.2386665 7.91699999,10.2519999 C7.93500008,10.2653333 7.96133315,10.2719999 7.99599999,10.2719999 C8.06666701,10.2719999 8.11999981,10.2480002 8.15599999,10.1999999 L8.15599999,10.1999999 Z M9.31599999,10.9619999 C9.33600009,10.974 9.35399991,10.9799999 9.36999999,10.9799999 L9.42799999,10.9799999 C9.45333345,10.9799999 9.47566656,10.9696667 9.49499999,10.9489999 C9.51433342,10.9283332 9.52399999,10.9040001 9.52399999,10.8759999 L9.52399999,9.68599992 C9.52399999,9.6553331 9.51433342,9.63000002 9.49499999,9.60999992 C9.47566656,9.58999982 9.45333345,9.57999992 9.42799999,9.57999992 L9.39599999,9.57999992 C9.36533317,9.57999992 9.34000009,9.58999982 9.31999999,9.60999992 C9.29999989,9.63000002 9.28999999,9.6553331 9.28999999,9.68599992 L9.28999999,10.3379999 C9.28999999,10.3700001 9.28666669,10.3859999 9.27999999,10.3859999 C9.27599997,10.3859999 9.26733339,10.3733334 9.25399999,10.3479999 L8.89999999,9.64799992 C8.89066661,9.62799982 8.87566676,9.61166665 8.85499999,9.59899992 C8.83433322,9.58633319 8.81066679,9.57999992 8.78399999,9.57999992 L8.72599999,9.57999992 C8.69533317,9.57999992 8.67000009,9.58999982 8.64999999,9.60999992 C8.62999989,9.63000002 8.61999999,9.6553331 8.61999999,9.68599992 L8.61999999,10.8759999 C8.61999999,10.9053334 8.63033322,10.9299998 8.65099999,10.9499999 C8.67166676,10.97 8.69666651,10.9799999 8.72599999,10.9799999 L8.74799999,10.9799999 C8.77600013,10.9799999 8.79999989,10.97 8.81999999,10.9499999 C8.84000009,10.9299998 8.84999999,10.9053334 8.84999999,10.8759999 L8.84999999,10.1959999 C8.84999999,10.1866665 8.85166664,10.1793333 8.85499999,10.1739999 C8.85833334,10.1686666 8.86199997,10.1659999 8.86599999,10.1659999 C8.87400003,10.1659999 8.88133329,10.1726665 8.88799999,10.1859999 L9.27599999,10.9219999 C9.28266669,10.9366667 9.29599989,10.9499999 9.31599999,10.9619999 L9.31599999,10.9619999 Z M9.83199999,10.9799999 C9.86000013,10.9799999 9.88399989,10.9703334 9.90399999,10.9509999 C9.92400009,10.9316665 9.93399999,10.9080001 9.93399999,10.8799999 L9.93399999,9.67799992 C9.93399999,9.65133312 9.92400009,9.62833335 9.90399999,9.60899992 C9.88399989,9.58966649 9.86000013,9.57999992 9.83199999,9.57999992 L9.77199999,9.57999992 C9.74533319,9.57999992 9.72200009,9.58966649 9.70199999,9.60899992 C9.68199989,9.62833335 9.67199999,9.65133312 9.67199999,9.67799992 L9.67199999,10.8799999 C9.67199999,10.9080001 9.68199989,10.9316665 9.70199999,10.9509999 C9.72200009,10.9703334 9.74533319,10.9799999 9.77199999,10.9799999 L9.83199999,10.9799999 Z M10.84,10.9799999 C10.9093337,10.9799999 10.944,10.9500002 10.944,10.8899999 C10.944,10.8753332 10.942,10.8593333 10.938,10.8419999 L10.66,9.67999992 C10.6533333,9.65333312 10.6386668,9.63000002 10.616,9.60999992 C10.5933332,9.58999982 10.5680001,9.57999992 10.54,9.57999992 L10.438,9.57999992 C10.4113332,9.57999992 10.3866668,9.58999982 10.364,9.60999992 C10.3413332,9.63000002 10.3266667,9.65333312 10.32,9.67999992 L10.044,10.8379999 C10.0386666,10.858 10.036,10.8766665 10.036,10.8939999 C10.036,10.9286668 10.0453332,10.9516665 10.064,10.9629999 C10.0826667,10.9743333 10.1066665,10.9799999 10.136,10.9799999 L10.178,10.9799999 C10.2086668,10.9799999 10.2333332,10.9733333 10.252,10.9599999 C10.2706667,10.9466665 10.2853333,10.9220001 10.296,10.8859999 L10.326,10.7759999 C10.3273333,10.7706666 10.3313333,10.7566667 10.338,10.7339999 C10.3446667,10.7113331 10.3549999,10.6943333 10.369,10.6829999 C10.3830001,10.6716665 10.4013332,10.6659999 10.424,10.6659999 L10.55,10.6659999 C10.5833335,10.6659999 10.6056666,10.6749998 10.617,10.6929999 C10.6283334,10.711 10.6379999,10.7386664 10.646,10.7759999 L10.676,10.8859999 C10.6866667,10.9220001 10.7013332,10.9466665 10.72,10.9599999 C10.7386667,10.9733333 10.7639998,10.9799999 10.796,10.9799999 L10.84,10.9799999 Z M10.56,10.3179999 C10.5653333,10.3446667 10.568,10.3646665 10.568,10.3779999 C10.568,10.4166668 10.5473335,10.4359999 10.506,10.4359999 L10.474,10.4359999 C10.4313331,10.4359999 10.41,10.4140001 10.41,10.3699999 C10.41,10.3513332 10.412,10.3333333 10.416,10.3159999 L10.442,10.1719999 L10.472,10.0239999 C10.4733333,10.0186666 10.4756666,10.0139999 10.479,10.0099999 C10.4823333,10.0059999 10.4853333,10.0039999 10.488,10.0039999 C10.4973334,10.0039999 10.5026666,10.0119998 10.504,10.0279999 L10.532,10.1719999 L10.56,10.3179999 Z M12.222,10.8079999 C12.23,10.8226667 12.234,10.8373332 12.234,10.8519999 C12.234,10.8693333 12.228,10.8859998 12.216,10.9019999 L12.186,10.9379999 C12.1513331,10.9766668 12.1166668,10.9959999 12.082,10.9959999 C12.0619999,10.9959999 12.0440001,10.988 12.028,10.9719999 C11.961333,10.9146663 11.9110002,10.8523336 11.877,10.7849999 C11.8429998,10.7176663 11.8186667,10.6553335 11.804,10.5979999 C11.7986666,10.5753331 11.7880001,10.5583333 11.772,10.5469999 C11.7559999,10.5356665 11.7366668,10.5299999 11.714,10.5299999 C11.643333,10.5299999 11.608,10.5599996 11.608,10.6199999 L11.608,10.8979999 C11.608,10.922 11.6006667,10.9426665 11.586,10.9599999 C11.5713332,10.9773333 11.5486668,10.9859999 11.518,10.9859999 L11.456,10.9859999 C11.4239998,10.9859999 11.3976668,10.977 11.377,10.9589999 C11.3563332,10.9409998 11.346,10.9206667 11.346,10.8979999 L11.346,9.66599992 C11.346,9.64333314 11.3563332,9.62333334 11.377,9.60599992 C11.3976668,9.5886665 11.4239998,9.57999992 11.456,9.57999992 L11.756,9.57999992 C11.8520005,9.57999992 11.9326663,9.6019997 11.998,9.64599992 C12.0633336,9.69000014 12.1116665,9.74666624 12.143,9.81599992 C12.1743335,9.8853336 12.19,9.95799954 12.19,10.0339999 C12.19,10.1686673 12.1393338,10.2913327 12.038,10.4019999 C12.0299999,10.4113333 12.0246667,10.4199999 12.022,10.4279999 C12.0193333,10.436 12.018,10.4413332 12.018,10.4439999 C12.0166666,10.4573333 12.0219999,10.4836664 12.034,10.5229999 C12.046,10.5623335 12.0653332,10.6046664 12.092,10.6499999 C12.1186668,10.6953335 12.1513331,10.7346664 12.19,10.7679999 C12.2033334,10.78 12.2139999,10.7933332 12.222,10.8079999 L12.222,10.8079999 Z M11.874,10.1999999 C11.9100002,10.1519997 11.928,10.0966669 11.928,10.0339999 C11.928,9.97533296 11.9100002,9.9246668 11.874,9.88199992 C11.8379998,9.83933304 11.784667,9.81799992 11.714,9.81799992 C11.6833332,9.81799992 11.6580001,9.8266665 11.638,9.84399992 C11.6179999,9.86133334 11.608,9.88133314 11.608,9.90399992 L11.608,10.1859999 C11.608,10.2166667 11.6169999,10.2386665 11.635,10.2519999 C11.6530001,10.2653333 11.6793331,10.2719999 11.714,10.2719999 C11.784667,10.2719999 11.8379998,10.2480002 11.874,10.1999999 L11.874,10.1999999 Z M12.982,10.9799999 C13.0100001,10.9799999 13.0336666,10.9703334 13.053,10.9509999 C13.0723334,10.9316665 13.082,10.9073334 13.082,10.8779999 L13.082,10.8299999 C13.082,10.8033331 13.0723334,10.78 13.053,10.7599999 C13.0336666,10.7399998 13.0100001,10.7299999 12.982,10.7299999 L12.696,10.7299999 C12.6706665,10.7299999 12.6480001,10.72 12.628,10.6999999 C12.6079999,10.6799998 12.598,10.6573334 12.598,10.6319999 L12.598,10.4759999 C12.598,10.4479998 12.6076666,10.4243334 12.627,10.4049999 C12.6463334,10.3856665 12.6693332,10.3759999 12.696,10.3759999 L12.868,10.3759999 C12.8960001,10.3759999 12.9196666,10.3663334 12.939,10.3469999 C12.9583334,10.3276665 12.968,10.3046667 12.968,10.2779999 L12.968,10.2239999 C12.968,10.1973331 12.9583334,10.174 12.939,10.1539999 C12.9196666,10.1339998 12.8960001,10.1239999 12.868,10.1239999 L12.696,10.1239999 C12.6706665,10.1239999 12.6480001,10.114 12.628,10.0939999 C12.6079999,10.0739998 12.598,10.0513334 12.598,10.0259999 L12.598,9.92999992 C12.598,9.90333312 12.6079999,9.87966669 12.628,9.85899992 C12.6480001,9.83833315 12.6706665,9.82799992 12.696,9.82799992 L12.982,9.82799992 C13.0100001,9.82799992 13.0336666,9.81866668 13.053,9.79999992 C13.0723334,9.78133316 13.082,9.75866672 13.082,9.73199992 L13.082,9.67799992 C13.082,9.65133312 13.0723334,9.62833335 13.053,9.60899992 C13.0336666,9.58966649 13.0100001,9.57999992 12.982,9.57999992 L12.44,9.57999992 C12.4106665,9.57999992 12.3863334,9.58933316 12.367,9.60799992 C12.3476666,9.62666668 12.338,9.64999978 12.338,9.67799992 L12.338,10.8779999 C12.338,10.9073334 12.3476666,10.9316665 12.367,10.9509999 C12.3863334,10.9703334 12.4106665,10.9799999 12.44,10.9799999 L12.982,10.9799999 Z M13.296,10.9539999 C13.3133334,10.9713333 13.3339999,10.9799999 13.358,10.9799999 L13.44,10.9799999 C13.4653334,10.9799999 13.4866666,10.9713333 13.504,10.9539999 C13.5213334,10.9366665 13.53,10.9153334 13.53,10.8899999 L13.53,10.6219999 C13.53,10.5966665 13.5386666,10.575 13.556,10.5569999 C13.5733334,10.5389998 13.5939999,10.5299999 13.618,10.5299999 C13.7273339,10.5299999 13.8223329,10.5066668 13.903,10.4599999 C13.9836671,10.413333 14.0449998,10.352667 14.087,10.2779999 C14.1290002,10.2033329 14.15,10.1240003 14.15,10.0399999 C14.15,9.95066614 14.1310002,9.8713336 14.093,9.80199992 C14.0549998,9.73266624 13.9993337,9.67833345 13.926,9.63899992 C13.8526663,9.59966639 13.7640005,9.57999992 13.66,9.57999992 L13.358,9.57999992 C13.3339999,9.57999992 13.3133334,9.5886665 13.296,9.60599992 C13.2786666,9.62333334 13.27,9.64466646 13.27,9.66999992 L13.27,10.8899999 C13.27,10.9153334 13.2786666,10.9366665 13.296,10.9539999 L13.296,10.9539999 Z M13.618,10.2799999 C13.5939999,10.2799999 13.5733334,10.2713333 13.556,10.2539999 C13.5386666,10.2366665 13.53,10.2153334 13.53,10.1899999 L13.53,9.91399992 C13.53,9.88866646 13.5386666,9.86700001 13.556,9.84899992 C13.5733334,9.83099983 13.5939999,9.82199992 13.618,9.82199992 L13.63,9.82199992 C13.708667,9.82199992 13.7716664,9.83966641 13.819,9.87499992 C13.8663336,9.91033343 13.89,9.96599954 13.89,10.0419999 C13.89,10.1113336 13.8653336,10.168333 13.816,10.2129999 C13.7666664,10.2576668 13.704667,10.2799999 13.63,10.2799999 L13.618,10.2799999 Z M14.85,9.60499992 C14.8326666,9.62166667 14.824,9.64266646 14.824,9.66799992 L14.824,10.5059999 C14.824,10.5793336 14.8096668,10.6349997 14.781,10.6729999 C14.7523332,10.7110001 14.7040003,10.7299999 14.636,10.7299999 C14.569333,10.7299999 14.5213335,10.7113334 14.492,10.6739999 C14.4626665,10.6366664 14.448,10.5826669 14.448,10.5119999 L14.448,9.66799992 C14.448,9.6439998 14.4386667,9.62333334 14.42,9.60599992 C14.4013332,9.5886665 14.3793334,9.57999992 14.354,9.57999992 L14.286,9.57999992 C14.2579998,9.57999992 14.2356667,9.58833317 14.219,9.60499992 C14.2023332,9.62166667 14.194,9.64266646 14.194,9.66799992 L14.194,10.4959999 C14.194,10.6573341 14.2343329,10.7783329 14.315,10.8589999 C14.395667,10.939667 14.5039993,10.9799999 14.64,10.9799999 C14.7746673,10.9799999 14.8816662,10.939667 14.961,10.8589999 C15.0403337,10.7783329 15.08,10.6573341 15.08,10.4959999 L15.08,9.66799992 C15.08,9.6439998 15.0703334,9.62333334 15.051,9.60599992 C15.0316665,9.5886665 15.0093334,9.57999992 14.984,9.57999992 L14.916,9.57999992 C14.8893332,9.57999992 14.8673334,9.58833317 14.85,9.60499992 L14.85,9.60499992 Z M15.174,10.9569999 C15.1900001,10.9723333 15.2093332,10.9799999 15.232,10.9799999 L15.552,10.9799999 C15.7160008,10.9799999 15.8379996,10.9403337 15.918,10.8609999 C15.9980004,10.7816662 16.038,10.6780006 16.038,10.5499999 L16.038,10.4819999 C16.0366666,10.4219996 16.0196668,10.3696668 15.987,10.3249999 C15.9543331,10.280333 15.9100003,10.2446667 15.854,10.2179999 C15.8513333,10.2179999 15.85,10.2159999 15.85,10.2119999 L15.852,10.2099999 C15.8986669,10.1819998 15.9336665,10.1406669 15.957,10.0859999 C15.9803334,10.031333 15.992,9.97133358 15.992,9.90599992 C15.992,9.80999944 15.9530004,9.73166689 15.875,9.67099992 C15.7969996,9.61033295 15.6866674,9.57999992 15.544,9.57999992 L15.232,9.57999992 C15.2093332,9.57999992 15.1900001,9.58766651 15.174,9.60299992 C15.1579999,9.61833333 15.15,9.63733314 15.15,9.65999992 L15.15,10.8999999 C15.15,10.9226667 15.1579999,10.9416665 15.174,10.9569999 L15.174,10.9569999 Z M15.496,10.1139999 C15.4613331,10.1139999 15.4386667,10.1086666 15.428,10.0979999 C15.4173333,10.0873332 15.412,10.0653334 15.412,10.0319999 L15.412,9.90999992 C15.412,9.87799976 15.4169999,9.85633331 15.427,9.84499992 C15.437,9.83366653 15.4599998,9.82799992 15.496,9.82799992 L15.512,9.82799992 C15.5893337,9.82799992 15.6449998,9.83966647 15.679,9.86299992 C15.7130001,9.88633337 15.73,9.9166664 15.73,9.95399992 C15.73,9.99800014 15.7133335,10.0356664 15.68,10.0669999 C15.6466665,10.0983334 15.5913337,10.1139999 15.514,10.1139999 L15.496,10.1139999 Z M15.496,10.7319999 C15.4639998,10.7319999 15.442,10.7263333 15.43,10.7149999 C15.4179999,10.7036665 15.412,10.6820001 15.412,10.6499999 L15.412,10.4259999 C15.412,10.3913331 15.4179999,10.369 15.43,10.3589999 C15.442,10.3489999 15.4639998,10.3439999 15.496,10.3439999 L15.57,10.3439999 C15.6340003,10.3439999 15.6863331,10.3606664 15.727,10.3939999 C15.7676668,10.4273334 15.788,10.471333 15.788,10.5259999 L15.788,10.5499999 C15.788,10.6713339 15.7160007,10.7319999 15.572,10.7319999 L15.496,10.7319999 Z M16.83,10.9799999 C16.8593335,10.9799999 16.8836665,10.9703334 16.903,10.9509999 C16.9223334,10.9316665 16.932,10.9080001 16.932,10.8799999 L16.932,10.8319999 C16.932,10.8026664 16.9223334,10.7786667 16.903,10.7599999 C16.8836665,10.7413332 16.8593335,10.7319999 16.83,10.7319999 L16.546,10.7319999 C16.5166665,10.7319999 16.4923334,10.722 16.473,10.7019999 C16.4536665,10.6819998 16.444,10.6580001 16.444,10.6299999 L16.444,9.67999992 C16.444,9.65199978 16.4343334,9.62833335 16.415,9.60899992 C16.3956665,9.58966649 16.3720001,9.57999992 16.344,9.57999992 L16.282,9.57999992 C16.2553332,9.57999992 16.2320001,9.58966649 16.212,9.60899992 C16.1919999,9.62833335 16.182,9.65199978 16.182,9.67999992 L16.182,10.8799999 C16.182,10.9080001 16.1919999,10.9316665 16.212,10.9509999 C16.2320001,10.9703334 16.2553332,10.9799999 16.282,10.9799999 L16.83,10.9799999 Z M17.2,10.9799999 C17.2280001,10.9799999 17.2519999,10.9703334 17.272,10.9509999 C17.2920001,10.9316665 17.302,10.9080001 17.302,10.8799999 L17.302,9.67799992 C17.302,9.65133312 17.2920001,9.62833335 17.272,9.60899992 C17.2519999,9.58966649 17.2280001,9.57999992 17.2,9.57999992 L17.14,9.57999992 C17.1133332,9.57999992 17.0900001,9.58966649 17.07,9.60899992 C17.0499999,9.62833335 17.04,9.65133312 17.04,9.67799992 L17.04,10.8799999 C17.04,10.9080001 17.0499999,10.9316665 17.07,10.9509999 C17.0900001,10.9703334 17.1133332,10.9799999 17.14,10.9799999 L17.2,10.9799999 Z M18.291,10.6039999 L18.292,10.6039999 C18.3146668,10.6146666 18.3323332,10.6299998 18.345,10.6499999 C18.3576667,10.67 18.364,10.6919998 18.364,10.7159999 C18.364,10.74 18.3566667,10.7633331 18.342,10.7859999 C18.2513329,10.9153339 18.1253341,10.9799999 17.964,10.9799999 C17.8506661,10.9799999 17.7560004,10.9486669 17.68,10.8859999 C17.6039996,10.8233329 17.5480002,10.7390005 17.512,10.6329999 C17.4759998,10.5269994 17.458,10.4093339 17.458,10.2799999 C17.458,10.1519993 17.4759998,10.0350005 17.512,9.92899992 C17.5480002,9.82299939 17.6039996,9.73833357 17.68,9.67499992 C17.7560004,9.61166627 17.8506661,9.57999992 17.964,9.57999992 C18.1160007,9.57999992 18.2366662,9.638666 18.326,9.75599992 C18.3433334,9.77733336 18.352,9.80199978 18.352,9.82999992 C18.352,9.8526667 18.3466667,9.87333316 18.336,9.89199992 C18.3253333,9.91066668 18.3100001,9.92599986 18.29,9.93799992 L18.286,9.93999992 C18.2686666,9.95066664 18.2480001,9.95599992 18.224,9.95599992 C18.1839998,9.95599992 18.1520001,9.94066674 18.128,9.90999992 C18.0826664,9.8526663 18.0280003,9.82399992 17.964,9.82399992 C17.8866663,9.82399992 17.8250002,9.86499951 17.779,9.94699992 C17.7329997,10.0290003 17.71,10.1399992 17.71,10.2799999 C17.71,10.4226673 17.7329997,10.5346662 17.779,10.6159999 C17.8250002,10.6973337 17.8866663,10.7379999 17.964,10.7379999 C18.0333337,10.7379999 18.0906664,10.7066669 18.136,10.6439999 C18.148,10.6266665 18.1629999,10.6133333 18.181,10.6039999 C18.1990001,10.5946665 18.2179999,10.5899999 18.238,10.5899999 C18.2566667,10.5899999 18.2739999,10.5939999 18.29,10.6019999 C18.29,10.6033333 18.2903333,10.6039999 18.291,10.6039999 L18.291,10.6039999 Z" id="CALIFORNIA-REPUBLIC" fill="#414B52"></path>
+            <path d="M6.27335583,8.63566255 C5.45812024,8.61460483 5.44091424,8.4802047 6.24744429,8.3415617 C6.24744429,8.3415617 8.97064209,7.80236816 10.9328003,7.80236816 C12.9706421,7.80236816 15.5603397,8.33496335 15.5603397,8.33496335 C16.3611726,8.47997721 16.3470713,8.61536681 15.5310768,8.63730442 L11.0259398,8.75842285 L6.27335583,8.63566255 Z" id="Rectangle-1518" fill="#319400"></path>
+            <g id="Rectangle-1517">
+                <use fill="#944200" fill-rule="evenodd" xlink:href="#path-3"></use>
+                <path stroke="#391800" stroke-width="0.5" d="M6.91128698,6.43640803 C6.89837199,6.43658191 6.8830304,6.43537298 6.86377441,6.43280195 C6.8923056,6.43661138 6.91229342,6.44511531 6.9266267,6.45463759 C6.92726025,6.45505848 6.92072555,6.44809837 6.91128698,6.43640803 Z M7.23568097,4.72969533 C7.22996186,4.70962938 7.22257921,4.68459893 7.21327685,4.65275624 C7.20737772,4.63256306 7.20483461,4.62127504 7.20438314,4.61618174 C7.20721235,4.64809943 7.17503219,4.70350679 7.14812388,4.71261963 C7.16798347,4.70589393 7.19851014,4.71099741 7.23568097,4.72969533 Z M7.71207099,4.55693219 C7.71372113,4.54785687 7.71609832,4.53782936 7.71926397,4.52914589 C7.71838663,4.53155247 7.70125684,4.54990134 7.66741926,4.55577045 C7.68233748,4.55318289 7.69715031,4.55358604 7.71207099,4.55693219 Z M14.6276763,7.93661019 C14.4308531,8.00531926 14.198699,8.04965443 14.1940658,8.04158088 C14.2506507,8.14018208 14.2552541,8.13561899 14.3325529,8.09636713 C14.35633,8.08429329 14.5056578,8.01318626 14.5417606,7.99342376 C14.5763156,7.9745085 14.6035694,7.95753269 14.6276763,7.93661019 Z M12.2225139,7.91628685 C12.1391207,7.91686002 12.0555406,7.91835587 11.9455324,7.92090533 C11.5702126,7.92960345 11.5075538,7.91976109 11.5178764,7.97565457 C11.5191507,7.98255491 11.4982448,8.02567591 11.474057,8.03768177 C11.4910581,8.02924309 11.5459803,8.02278015 11.6239796,8.02628585 C11.6728427,8.02848201 11.7254842,8.03390715 11.7915685,8.04286009 C11.8811175,8.0558965 11.9290613,8.06251357 11.9638731,8.06435569 C12.0068195,8.08696003 12.0075531,8.08734615 12.2225139,7.91628685 Z M10.561924,7.74957106 C10.5260968,7.75421191 10.5079953,7.75560716 10.4948582,7.75537698 C10.4790269,7.75509961 10.2518323,7.71365737 10.0887759,7.69047684 C10.166065,7.70146447 10.2736707,7.83414971 10.203433,7.97169669 C10.1977784,7.98276999 10.2262419,7.95654693 10.2706031,7.92501748 C10.2987857,7.90498685 10.3316213,7.8834044 10.3680755,7.860831 C10.4366414,7.81837324 10.5061311,7.77928618 10.561924,7.74957106 Z M8.21488398,8.09148677 C8.07778401,8.08998667 8.01742191,8.08284243 7.9405417,8.06584842 C7.9170791,8.06060664 7.9170791,8.06060664 7.88856177,8.05446534 C7.81578226,8.03920646 7.74440643,8.02903082 7.6438488,8.02130381 C7.55121631,8.01418578 7.62342728,8.16192856 7.58001594,8.19639514 C7.66028622,8.13266428 7.81310401,8.10895601 7.89301882,8.15481851 L8.08630326,8.26574296 L8.21488398,8.09148677 Z M11.4188829,7.53722162 C11.4879612,7.52563833 11.5633637,7.52305669 11.6464295,7.5267901 C11.6501015,7.52695514 11.6537727,7.52713189 11.6574455,7.52732038 C11.6474453,7.4231067 11.640116,7.29648306 11.6325987,7.14123546 C11.6254259,6.99310368 11.6210474,6.84542556 11.6186426,6.71435541 L11.4008462,6.71435541 C11.413012,6.87966671 11.4210226,7.04376667 11.4229866,7.19834964 C11.4245817,7.32388785 11.4237736,7.43669004 11.4188829,7.53722162 Z M11.0549043,8.18467268 C11.0523504,8.18505268 11.0497795,8.18541644 11.0471917,8.18576398 C11.05022,8.18535728 11.0527911,8.18501561 11.0549247,8.18473594 C11.0662011,8.18325788 11.0652594,8.18351156 11.055028,8.18504992 C11.0549937,8.18494529 11.0549593,8.18484062 11.054925,8.1847359 C11.0549181,8.18471483 11.0549112,8.18469375 11.0549043,8.18467268 Z"></path>
+            </g>
+            <path d="M8.98522949,6.20428467 C8.98522949,6.20428467 9.28847607,5.37699937 9.27520752,5.0635376 C9.26263786,4.76658677 9.09169879,4.03374378 8.98602295,4.44946289 C8.88034711,4.865182 8.42102051,4.57727051 8.42102051,4.57727051" id="Line" stroke="#391800" stroke-width="0.5" stroke-linecap="round"></path>
+            <path d="M12.0463257,6.31018066 C12.0463257,6.31018066 13.0286865,5.55725098 13.0286865,4.9888916" id="Line-Copy" stroke="#391800" stroke-width="0.5" stroke-linecap="round"></path>
+            <polygon id="Star-53" fill="url(#linearGradient-2)" points="3.5 4.26701627 2.3244295 5.11803399 2.77052418 3.73702106 1.59788697 2.88196601 3.04915915 2.8794708 3.5 1.5 3.95084085 2.8794708 5.40211303 2.88196601 4.22947582 3.73702106 4.6755705 5.11803399"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/US.svg b/public/assets/images/flags/US.svg
new file mode 100644
index 0000000000000000000000000000000000000000..846ec9d20c0976db5e17f52233fbe2348382fcf9
--- /dev/null
+++ b/public/assets/images/flags/US.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>US</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#D02F44" offset="0%"></stop>
+            <stop stop-color="#B12537" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#46467F" offset="0%"></stop>
+            <stop stop-color="#3C3C6D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="US">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M0,0 L21,0 L21,1 L0,1 L0,0 Z M0,2 L21,2 L21,3 L0,3 L0,2 Z M0,4 L21,4 L21,5 L0,5 L0,4 Z M0,6 L21,6 L21,7 L0,7 L0,6 Z M0,8 L21,8 L21,9 L0,9 L0,8 Z M0,10 L21,10 L21,11 L0,11 L0,10 Z M0,12 L21,12 L21,13 L0,13 L0,12 Z M0,14 L21,14 L21,15 L0,15 L0,14 Z" id="Rectangle-511" fill="url(#linearGradient-2)"></path>
+            <rect id="Rectangle-511" fill="url(#linearGradient-3)" x="0" y="0" width="9" height="7"></rect>
+            <path d="M1.5,2 C1.22385763,2 1,1.77614237 1,1.5 C1,1.22385763 1.22385763,1 1.5,1 C1.77614237,1 2,1.22385763 2,1.5 C2,1.77614237 1.77614237,2 1.5,2 Z M3.5,2 C3.22385763,2 3,1.77614237 3,1.5 C3,1.22385763 3.22385763,1 3.5,1 C3.77614237,1 4,1.22385763 4,1.5 C4,1.77614237 3.77614237,2 3.5,2 Z M5.5,2 C5.22385763,2 5,1.77614237 5,1.5 C5,1.22385763 5.22385763,1 5.5,1 C5.77614237,1 6,1.22385763 6,1.5 C6,1.77614237 5.77614237,2 5.5,2 Z M7.5,2 C7.22385763,2 7,1.77614237 7,1.5 C7,1.22385763 7.22385763,1 7.5,1 C7.77614237,1 8,1.22385763 8,1.5 C8,1.77614237 7.77614237,2 7.5,2 Z M2.5,3 C2.22385763,3 2,2.77614237 2,2.5 C2,2.22385763 2.22385763,2 2.5,2 C2.77614237,2 3,2.22385763 3,2.5 C3,2.77614237 2.77614237,3 2.5,3 Z M4.5,3 C4.22385763,3 4,2.77614237 4,2.5 C4,2.22385763 4.22385763,2 4.5,2 C4.77614237,2 5,2.22385763 5,2.5 C5,2.77614237 4.77614237,3 4.5,3 Z M6.5,3 C6.22385763,3 6,2.77614237 6,2.5 C6,2.22385763 6.22385763,2 6.5,2 C6.77614237,2 7,2.22385763 7,2.5 C7,2.77614237 6.77614237,3 6.5,3 Z M7.5,4 C7.22385763,4 7,3.77614237 7,3.5 C7,3.22385763 7.22385763,3 7.5,3 C7.77614237,3 8,3.22385763 8,3.5 C8,3.77614237 7.77614237,4 7.5,4 Z M5.5,4 C5.22385763,4 5,3.77614237 5,3.5 C5,3.22385763 5.22385763,3 5.5,3 C5.77614237,3 6,3.22385763 6,3.5 C6,3.77614237 5.77614237,4 5.5,4 Z M3.5,4 C3.22385763,4 3,3.77614237 3,3.5 C3,3.22385763 3.22385763,3 3.5,3 C3.77614237,3 4,3.22385763 4,3.5 C4,3.77614237 3.77614237,4 3.5,4 Z M1.5,4 C1.22385763,4 1,3.77614237 1,3.5 C1,3.22385763 1.22385763,3 1.5,3 C1.77614237,3 2,3.22385763 2,3.5 C2,3.77614237 1.77614237,4 1.5,4 Z M2.5,5 C2.22385763,5 2,4.77614237 2,4.5 C2,4.22385763 2.22385763,4 2.5,4 C2.77614237,4 3,4.22385763 3,4.5 C3,4.77614237 2.77614237,5 2.5,5 Z M4.5,5 C4.22385763,5 4,4.77614237 4,4.5 C4,4.22385763 4.22385763,4 4.5,4 C4.77614237,4 5,4.22385763 5,4.5 C5,4.77614237 4.77614237,5 4.5,5 Z M6.5,5 C6.22385763,5 6,4.77614237 6,4.5 C6,4.22385763 6.22385763,4 6.5,4 C6.77614237,4 7,4.22385763 7,4.5 C7,4.77614237 6.77614237,5 6.5,5 Z M7.5,6 C7.22385763,6 7,5.77614237 7,5.5 C7,5.22385763 7.22385763,5 7.5,5 C7.77614237,5 8,5.22385763 8,5.5 C8,5.77614237 7.77614237,6 7.5,6 Z M5.5,6 C5.22385763,6 5,5.77614237 5,5.5 C5,5.22385763 5.22385763,5 5.5,5 C5.77614237,5 6,5.22385763 6,5.5 C6,5.77614237 5.77614237,6 5.5,6 Z M3.5,6 C3.22385763,6 3,5.77614237 3,5.5 C3,5.22385763 3.22385763,5 3.5,5 C3.77614237,5 4,5.22385763 4,5.5 C4,5.77614237 3.77614237,6 3.5,6 Z M1.5,6 C1.22385763,6 1,5.77614237 1,5.5 C1,5.22385763 1.22385763,5 1.5,5 C1.77614237,5 2,5.22385763 2,5.5 C2,5.77614237 1.77614237,6 1.5,6 Z" id="Oval-43" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/UY.svg b/public/assets/images/flags/UY.svg
new file mode 100644
index 0000000000000000000000000000000000000000..81c2815498d06072c87bb2ee832b87d8243cd5d3
--- /dev/null
+++ b/public/assets/images/flags/UY.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>UY</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#0E4DC5" offset="0%"></stop>
+            <stop stop-color="#073DA6" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FED443" offset="0%"></stop>
+            <stop stop-color="#FCD036" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="UY">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M10,0 L21,0 L21,2 L10,2 L10,0 Z M10,4 L21,4 L21,6 L10,6 L10,4 Z M10,8 L21,8 L21,10 L10,10 L10,8 Z M0,12 L21,12 L21,14 L0,14 L0,12 Z M0,0 L10,0 L10,10 L0,10 L0,0 Z" id="Rectangle-537" fill="url(#linearGradient-1)"></path>
+            <path d="M5,6.99097645 L4.3324372,7.98746396 L4.16334362,6.80001509 L3.12953059,7.40817467 L3.4923973,6.26495326 L2.2970934,6.36433144 L3.12005018,5.4917665 L2,5.06268022 L3.12005018,4.63359394 L2.2970934,3.761029 L3.4923973,3.86040718 L3.12953059,2.71718577 L4.16334362,3.32534535 L4.3324372,2.13789648 L5,3.13438399 L5.6675628,2.13789648 L5.83665638,3.32534535 L6.87046941,2.71718577 L6.5076027,3.86040718 L7.7029066,3.761029 L6.87994982,4.63359394 L8,5.06268022 L6.87994982,5.4917665 L7.7029066,6.36433144 L6.5076027,6.26495326 L6.87046941,7.40817467 L5.83665638,6.80001509 L5.6675628,7.98746396 L5,6.99097645 Z M5,6.97177113 C6.0543618,6.97177113 6.90909091,6.11704201 6.90909091,5.06268022 C6.90909091,4.00831842 6.0543618,3.15358931 5,3.15358931 C3.9456382,3.15358931 3.09090909,4.00831842 3.09090909,5.06268022 C3.09090909,6.11704201 3.9456382,6.97177113 5,6.97177113 Z M5,6.5 C4.17157288,6.5 3.5,5.82842712 3.5,5 C3.5,4.17157288 4.17157288,3.5 5,3.5 C5.82842712,3.5 6.5,4.17157288 6.5,5 C6.5,5.82842712 5.82842712,6.5 5,6.5 Z" id="Star-28" fill="url(#linearGradient-3)"></path>
+            <path d="M4.125,5 C4.125,4.93096441 4.18096441,4.875 4.25,4.875 C4.31903559,4.875 4.375,4.93096441 4.375,5 C4.375,5.10621142 4.4014208,5.20831584 4.45116204,5.29929729 C4.56008685,5.49853111 4.7688556,5.625 5,5.625 C5.24308668,5.625 5.4608675,5.48502599 5.56405744,5.26959534 C5.58328284,5.23184333 5.58328284,5.23184333 5.60236434,5.19923148 C5.60924534,5.18763516 5.60924534,5.18763516 5.61584827,5.17655999 C5.66352573,5.09644459 5.67828369,5.05821166 5.67828369,5 C5.67828369,4.93096441 5.7342481,4.875 5.80328369,4.875 C5.87231929,4.875 5.92828369,4.93096441 5.92828369,5 C5.92828369,5.11418719 5.89948015,5.18880748 5.83068361,5.30441059 C5.82394544,5.31571335 5.82394544,5.31571335 5.81759523,5.32641505 C5.80162351,5.35379629 5.80162351,5.35379629 5.78952663,5.37759368 C5.64515037,5.67900942 5.34021526,5.875 5,5.875 C4.67653889,5.875 4.38414799,5.69787409 4.2318048,5.41922394 C4.16208221,5.29169472 4.125,5.14838874 4.125,5 Z M5.5,4.75 C5.36192881,4.75 5.25,4.63807119 5.25,4.5 C5.25,4.36192881 5.36192881,4.25 5.5,4.25 C5.63807119,4.25 5.75,4.36192881 5.75,4.5 C5.75,4.63807119 5.63807119,4.75 5.5,4.75 Z M4.5,4.75 C4.36192881,4.75 4.25,4.63807119 4.25,4.5 C4.25,4.36192881 4.36192881,4.25 4.5,4.25 C4.63807119,4.25 4.75,4.36192881 4.75,4.5 C4.75,4.63807119 4.63807119,4.75 4.5,4.75 Z" id="Combined-Shape" fill="#C6A326" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/UZ.svg b/public/assets/images/flags/UZ.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f6cf214000aa1d78f33fc5c2e364071334de59f2
--- /dev/null
+++ b/public/assets/images/flags/UZ.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>UZ</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#04AAC8" offset="0%"></stop>
+            <stop stop-color="#009AB6" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#23C840" offset="0%"></stop>
+            <stop stop-color="#1EB639" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="UZ">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+            <path d="M4.33356893,1.25274924 C4.09517255,1.0931066 3.80845938,1 3.5,1 C2.67157288,1 2,1.67157288 2,2.5 C2,3.32842712 2.67157288,4 3.5,4 C3.80845938,4 4.09517255,3.9068934 4.33356893,3.74725076 C4.30594816,3.74907396 4.27808222,3.75 4.25,3.75 C3.55964406,3.75 3,3.19035594 3,2.5 C3,1.80964406 3.55964406,1.25 4.25,1.25 C4.27808222,1.25 4.30594816,1.25092604 4.33356893,1.25274924 Z M5.5,4 C5.22385763,4 5,3.77614237 5,3.5 C5,3.22385763 5.22385763,3 5.5,3 C5.77614237,3 6,3.22385763 6,3.5 C6,3.77614237 5.77614237,4 5.5,4 Z M7.5,2 C7.22385763,2 7,1.77614237 7,1.5 C7,1.22385763 7.22385763,1 7.5,1 C7.77614237,1 8,1.22385763 8,1.5 C8,1.77614237 7.77614237,2 7.5,2 Z M9.5,2 C9.22385763,2 9,1.77614237 9,1.5 C9,1.22385763 9.22385763,1 9.5,1 C9.77614237,1 10,1.22385763 10,1.5 C10,1.77614237 9.77614237,2 9.5,2 Z M9.5,4 C9.22385763,4 9,3.77614237 9,3.5 C9,3.22385763 9.22385763,3 9.5,3 C9.77614237,3 10,3.22385763 10,3.5 C10,3.77614237 9.77614237,4 9.5,4 Z M7.5,4 C7.22385763,4 7,3.77614237 7,3.5 C7,3.22385763 7.22385763,3 7.5,3 C7.77614237,3 8,3.22385763 8,3.5 C8,3.77614237 7.77614237,4 7.5,4 Z" id="Oval-68" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/VA.svg b/public/assets/images/flags/VA.svg
new file mode 100644
index 0000000000000000000000000000000000000000..14c78aaa26b0dd2fc1976843ab38abac6e46d300
--- /dev/null
+++ b/public/assets/images/flags/VA.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>VA</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FDE048" offset="0%"></stop>
+            <stop stop-color="#FFDF32" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#CDCCCC" offset="0%"></stop>
+            <stop stop-color="#E4E4E4" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#CD9D25" offset="0%"></stop>
+            <stop stop-color="#EBB93A" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#F5252C" offset="0%"></stop>
+            <stop stop-color="#F6151C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="VA">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2-Copy-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="10" y="0" width="11" height="15"></rect>
+            <path d="M18.6819805,8.02512627 C19.267767,7.43933983 19.267767,6.48959236 18.6819805,5.90380592 C18.0961941,5.31801948 17.1464466,5.31801948 16.5606602,5.90380592 C16.0988421,6.36562402 16.0011088,7.05365542 16.2674604,7.61121929 L14.0857864,9.79289322 L13.732233,9.43933983 L13.3786797,9.08578644 L12.6715729,9.79289322 L13.0251263,10.1464466 L13.732233,10.8535534 L14.0857864,11.2071068 L14.4393398,10.8535534 L16.9745671,8.31832607 C17.532131,8.58467763 18.2201624,8.48694436 18.6819805,8.02512627 Z" id="Combined-Shape" fill="url(#linearGradient-3)" transform="translate(15.896447, 8.335786) scale(1, -1) translate(-15.896447, -8.335786) "></path>
+            <path d="M14.0254329,8.31832607 C13.467869,8.58467763 12.7798376,8.48694436 12.3180195,8.02512627 C11.732233,7.43933983 11.732233,6.48959236 12.3180195,5.90380592 C12.9038059,5.31801948 13.8535534,5.31801948 14.4393398,5.90380592 C14.9011579,6.36562402 14.9988912,7.05365542 14.7325396,7.61121929 L16.9142136,9.79289322 L17.267767,9.43933983 L17.6213203,9.08578644 L18.3284271,9.79289322 L17.9748737,10.1464466 L17.267767,10.8535534 L16.9142136,11.2071068 L16.5606602,10.8535534 L14.0254329,8.31832607 L14.0254329,8.31832607 Z" id="Combined-Shape-Copy" fill="url(#linearGradient-4)" transform="translate(15.103553, 8.335786) scale(1, -1) translate(-15.103553, -8.335786) "></path>
+            <path d="M15.5,5 C14.6715729,5 14,4.77614237 14,4.5 C14,4.22385763 14.6715729,4 15.5,4 C16.3284271,4 17,4.22385763 17,4.5 C17,4.77614237 16.3284271,5 15.5,5 Z M15.5,2.5 C15.0857864,2.5 14.75,2.38807119 14.75,2.25 C14.75,2.11192881 15.0857864,2 15.5,2 C15.9142136,2 16.25,2.11192881 16.25,2.25 C16.25,2.38807119 15.9142136,2.5 15.5,2.5 Z M15.5,3.66666667 C14.9477153,3.66666667 14.5,3.51742825 14.5,3.33333333 C14.5,3.14923842 14.9477153,3 15.5,3 C16.0522847,3 16.5,3.14923842 16.5,3.33333333 C16.5,3.51742825 16.0522847,3.66666667 15.5,3.66666667 Z" id="Combined-Shape" fill="url(#linearGradient-4)"></path>
+            <path d="M13.0256584,10.6581139 C13.1062214,10.899803 13.2733309,11.2340221 13.5533894,11.5700922 C14.0329058,12.1455119 14.6828006,12.5 15.5,12.5 C16.3171994,12.5 16.9670942,12.1455119 17.4466106,11.5700922 C17.7266691,11.2340221 17.8937786,10.899803 17.9743416,10.6581139 C18.0616655,10.3961422 17.9200855,10.1129822 17.6581139,10.0256584 C17.3961422,9.93833446 17.1129822,10.0799145 17.0256584,10.3418861 C16.9812214,10.475197 16.8670809,10.7034779 16.6783894,10.9299078 C16.3766558,11.2919881 15.9953006,11.5 15.5,11.5 C15.0046994,11.5 14.6233442,11.2919881 14.3216106,10.9299078 C14.1329191,10.7034779 14.0187786,10.475197 13.9743416,10.3418861 C13.8870178,10.0799145 13.6038578,9.93833446 13.3418861,10.0256584 C13.0799145,10.1129822 12.9383345,10.3961422 13.0256584,10.6581139 Z" id="Line" fill="url(#linearGradient-5)" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/VC.svg b/public/assets/images/flags/VC.svg
new file mode 100644
index 0000000000000000000000000000000000000000..22cc1d5308cb1c66036a5f1206d4dd7ae5c2d9b1
--- /dev/null
+++ b/public/assets/images/flags/VC.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>VC</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#08C47A" offset="0%"></stop>
+            <stop stop-color="#009F60" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#0C87E1" offset="0%"></stop>
+            <stop stop-color="#0073C7" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD147" offset="0%"></stop>
+            <stop stop-color="#FECA2F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#00C778" offset="0%"></stop>
+            <stop stop-color="#009F60" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="VC">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-4)" x="6" y="0" width="9" height="15"></rect>
+            <path d="M11,6 L12.5,3 L14,6 L12.5,9 L11,6 Z M7,6 L8.5,3 L10,6 L8.5,9 L7,6 Z M9,10 L10.5,7 L12,10 L10.5,13 L9,10 Z" id="Rectangle-1194" fill="url(#linearGradient-5)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/VE.svg b/public/assets/images/flags/VE.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1a14634f9c3c661c9c8d8cf765a35f1181ee90f5
--- /dev/null
+++ b/public/assets/images/flags/VE.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>VE</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#063191" offset="0%"></stop>
+            <stop stop-color="#03287C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E2213B" offset="0%"></stop>
+            <stop stop-color="#CD1931" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD044" offset="0%"></stop>
+            <stop stop-color="#FFCB2F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="VE">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2-Copy-4" fill="url(#linearGradient-2)" x="0" y="5" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <path d="M10.5,7 C10.2238576,7 10,6.77614237 10,6.5 C10,6.22385763 10.2238576,6 10.5,6 C10.7761424,6 11,6.22385763 11,6.5 C11,6.77614237 10.7761424,7 10.5,7 Z M8.5,7.5 C8.22385763,7.5 8,7.27614237 8,7 C8,6.72385763 8.22385763,6.5 8.5,6.5 C8.77614237,6.5 9,6.72385763 9,7 C9,7.27614237 8.77614237,7.5 8.5,7.5 Z M12.5,7.5 C12.2238576,7.5 12,7.27614237 12,7 C12,6.72385763 12.2238576,6.5 12.5,6.5 C12.7761424,6.5 13,6.72385763 13,7 C13,7.27614237 12.7761424,7.5 12.5,7.5 Z M7.5,9 C7.22385763,9 7,8.77614237 7,8.5 C7,8.22385763 7.22385763,8 7.5,8 C7.77614237,8 8,8.22385763 8,8.5 C8,8.77614237 7.77614237,9 7.5,9 Z M13.5,9 C13.2238576,9 13,8.77614237 13,8.5 C13,8.22385763 13.2238576,8 13.5,8 C13.7761424,8 14,8.22385763 14,8.5 C14,8.77614237 13.7761424,9 13.5,9 Z" id="Oval-61" fill="url(#linearGradient-1)"></path>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="0" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/VG.svg b/public/assets/images/flags/VG.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c3c31ed1ea80a392153427c7bb7a7166f43f23d3
--- /dev/null
+++ b/public/assets/images/flags/VG.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>VG</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#07319C" offset="0%"></stop>
+            <stop stop-color="#00247E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#008339" offset="0%"></stop>
+            <stop stop-color="#00612A" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD033" offset="0%"></stop>
+            <stop stop-color="#FEC403" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#DB1E36" offset="0%"></stop>
+            <stop stop-color="#D51931" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="VG">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M13,7.5 L13,4.99934196 C13,4.44742064 13.4437166,4 13.9998075,4 L17.0001925,4 C17.5523709,4 18,4.44095969 18,4.99934196 L18,7.5 C18,10 15.5,11 15.5,11 C15.5,11 13,10 13,7.5 Z" id="Mask" fill="url(#linearGradient-3)"></path>
+            <path d="M14.5,6 C14.2238576,6 14,5.77614237 14,5.5 C14,5.22385763 14.2238576,5 14.5,5 C14.7761424,5 15,5.22385763 15,5.5 C15,5.77614237 14.7761424,6 14.5,6 Z M14.5,7 C14.2238576,7 14,6.77614237 14,6.5 C14,6.22385763 14.2238576,6 14.5,6 C14.7761424,6 15,6.22385763 15,6.5 C15,6.77614237 14.7761424,7 14.5,7 Z M14.5,8 C14.2238576,8 14,7.77614237 14,7.5 C14,7.22385763 14.2238576,7 14.5,7 C14.7761424,7 15,7.22385763 15,7.5 C15,7.77614237 14.7761424,8 14.5,8 Z M14.5,9 C14.2238576,9 14,8.77614237 14,8.5 C14,8.22385763 14.2238576,8 14.5,8 C14.7761424,8 15,8.22385763 15,8.5 C15,8.77614237 14.7761424,9 14.5,9 Z M16.5,9 C16.2238576,9 16,8.77614237 16,8.5 C16,8.22385763 16.2238576,8 16.5,8 C16.7761424,8 17,8.22385763 17,8.5 C17,8.77614237 16.7761424,9 16.5,9 Z M16.5,8 C16.2238576,8 16,7.77614237 16,7.5 C16,7.22385763 16.2238576,7 16.5,7 C16.7761424,7 17,7.22385763 17,7.5 C17,7.77614237 16.7761424,8 16.5,8 Z M16.5,7 C16.2238576,7 16,6.77614237 16,6.5 C16,6.22385763 16.2238576,6 16.5,6 C16.7761424,6 17,6.22385763 17,6.5 C17,6.77614237 16.7761424,7 16.5,7 Z M16.5,6 C16.2238576,6 16,5.77614237 16,5.5 C16,5.22385763 16.2238576,5 16.5,5 C16.7761424,5 17,5.22385763 17,5.5 C17,5.77614237 16.7761424,6 16.5,6 Z" id="Oval-197" fill="url(#linearGradient-4)"></path>
+            <ellipse id="Oval-193" fill="url(#linearGradient-1)" cx="15.5" cy="7" rx="1" ry="1.5"></ellipse>
+            <path d="M12.5,10 C12.5,10.9536401 13.8658999,11.5 15.5,11.5 C17.1341001,11.5 18.5,10.9536401 18.5,10 C18.5,9.72385763 18.2761424,9.5 18,9.5 C17.7238576,9.5 17.5,9.72385763 17.5,10 C17.5,10.0095598 17.3788043,10.1241754 17.0820716,10.2428684 C16.6792626,10.403992 16.1117918,10.5 15.5,10.5 C14.8882082,10.5 14.3207374,10.403992 13.9179284,10.2428684 C13.6211957,10.1241754 13.5,10.0095598 13.5,10 C13.5,9.72385763 13.2761424,9.5 13,9.5 C12.7238576,9.5 12.5,9.72385763 12.5,10 L12.5,10 Z" id="Shape" fill="url(#linearGradient-4)" fill-rule="nonzero"></path>
+            <path d="M3,3.22996746 L-1.3516287,-0.5 L0.660232527,-0.5 L4.16023253,2 L4.85660189,2 L9.5,-0.902123821 L9.5,0.25 C9.5,0.552509227 9.33308555,0.876533554 9.08215972,1.05576629 L6,3.25730895 L6,3.77003254 L9.13722049,6.45907867 C9.59934261,6.85518335 9.34102897,7.5 8.75,7.5 C8.50478614,7.5 8.2052751,7.40393402 8.00092153,7.25796718 L4.83976747,5 L4.14339811,5 L-0.5,7.90212382 L-0.5,6.24269105 L3,3.74269105 L3,3.22996746 Z" id="Rectangle-36" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+            <path d="M3.5,3 L0,0 L0.5,0 L4,2.5 L5,2.5 L9,0 L9,0.25 C9,0.388071187 8.91348267,0.561798096 8.79154062,0.648899555 L5.5,3 L5.5,4 L8.8118248,6.83870697 C8.91575109,6.92778665 8.8840332,7 8.75,7 L8.75,7 C8.61192881,7 8.41348267,6.9382019 8.29154062,6.85110044 L5,4.5 L4,4.5 L0,7 L0,6.5 L3.5,4 L3.5,3 Z" id="Rectangle-36" fill="url(#linearGradient-5)"></path>
+            <path d="M0,2.5 L0,4.5 L3.5,4.5 L3.5,7.00461102 C3.5,7.2782068 3.71403503,7.5 4.00468445,7.5 L4.99531555,7.5 C5.27404508,7.5 5.5,7.2842474 5.5,7.00461102 L5.5,4.5 L9.00952148,4.5 C9.28040529,4.5 9.5,4.28596497 9.5,3.99531555 L9.5,3.00468445 C9.5,2.72595492 9.28494263,2.5 9.00952148,2.5 L5.5,2.5 L5.5,0 L3.5,0 L3.5,2.5 L0,2.5 Z" id="Rectangle-2" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-36" fill="url(#linearGradient-5)" points="0 3 4 3 4 2.5 4 0 5 0 5 2.5 5 3 9 3 9 4 5 4 5 4.5 5 7 4 7 4 4.5 4 4 0 4"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/VI.svg b/public/assets/images/flags/VI.svg
new file mode 100644
index 0000000000000000000000000000000000000000..071cf62c00edb71552f59a78f0feb54f587c8d62
--- /dev/null
+++ b/public/assets/images/flags/VI.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>VI</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F8CE61" offset="0%"></stop>
+            <stop stop-color="#F3C44B" offset="100%"></stop>
+        </linearGradient>
+        <path d="M15,6.5 C15,6.5 15.0356721,7.1645154 14.1969604,7.50000007 C13.3582488,7.83548473 12.5,7.5 12.5,7.5 C12.5,7.5 13.1176381,7.86273012 13.5,8.5 C13.8823619,9.13726988 13.6823104,9.48327481 14,9.80096442 C14.3176896,10.118654 14.891321,9.90196984 15.1184082,10.1742554 C15.3454954,10.446541 15.3276517,10.7580878 15,11 C14.6723483,11.2419122 14.5683183,11.1291023 14.1969604,10.8815304 C13.8256026,10.6339584 14,10.3866573 14,10.3866573 C14,10.3866573 13.3606567,10.0556641 12.8721924,9.91265876 C12.5,9.21820075 12,9 12,9 L12,9.5 C12,9.5 13,10.0128174 13,10.5 C13,10.7129671 12.5377888,11.4164721 12,11.9169307 C11.3075456,12.561319 10.5,12.7393795 10.5,12.7393795 L10.5,5.5 L13.5,5 C13.5,5 12.1186523,3.91320801 15.25,3.15325923 C18.3813477,2.39331045 19.0296852,2.23568932 19.0296852,2.23568932 C19.5655753,2.1055217 19.7706705,2.37691757 19.4722096,2.84142443 C19.4722096,2.84142443 19.4479739,2.94003268 19,3.5 C18.5520261,4.05996732 18.4535522,4.15983583 18,4.5 C17.5464478,4.84016417 17.5464478,4.59016417 17,5 C16.4535522,5.40983583 16.433423,5.7832885 16,6 C15.566577,6.2167115 15,6 15,6 L15,6.5 Z M5.99976347,6.5 L5.99976347,6 C5.99976347,6 5.43318648,6.2167115 4.99976347,6 C4.56634047,5.7832885 4.54621125,5.40983583 3.99976347,5 C3.4533157,4.59016417 3.4533157,4.84016417 2.99976347,4.5 C2.54621125,4.15983583 2.44773733,4.05996732 1.99976347,3.5 C1.55178962,2.94003268 1.5275539,2.84142443 1.5275539,2.84142443 C1.22909294,2.37691757 1.4341882,2.1055217 1.97007826,2.23568932 C1.97007826,2.23568932 2.61841582,2.39331045 5.74976347,3.15325923 C8.88111113,3.91320801 7.49976347,5 7.49976347,5 L10.4997635,5.5 L10.4997635,12.7393795 C10.4997635,12.7393795 9.69221791,12.561319 8.99976347,11.9169307 C8.46197466,11.4164721 7.99976347,10.7129671 7.99976347,10.5 C7.99976347,10.0128174 8.99976347,9.5 8.99976347,9.5 L8.99976347,9 C8.99976347,9 8.49976347,9.21820075 8.12757109,9.91265876 C7.63910674,10.0556641 6.99976347,10.3866573 6.99976347,10.3866573 C6.99976347,10.3866573 7.17416091,10.6339584 6.80280303,10.8815304 C6.43144515,11.1291023 6.32741522,11.2419122 5.99976347,11 C5.67211173,10.7580878 5.65426811,10.446541 5.88135527,10.1742554 C6.10844244,9.90196984 6.68207386,10.118654 6.99976347,9.80096442 C7.31745309,9.48327481 7.11740155,9.13726988 7.49976347,8.5 C7.8821254,7.86273012 8.49976347,7.5 8.49976347,7.5 C8.49976347,7.5 7.64151468,7.83548473 6.80280303,7.50000007 C5.96409137,7.1645154 5.99976347,6.5 5.99976347,6.5 Z M9.24829102,4.7263794 C9.22754629,4.58717663 8.92986933,4.47579669 9.06256189,4.4416504 C9.31018067,4.37792969 9.43445033,4.29913995 9.55615234,4.08917237 C9.60964223,3.99688843 9.36896349,4.05736223 9.4473877,3.96643067 C9.85894775,3.48923362 9.94454854,3.11858888 9.68066406,2.99414063 C9.11004639,2.72503663 9.03954561,3.42050733 9.06256189,3.13402035 C9.07898416,2.92960995 9.09965972,2.76547828 9.12567139,2.68273926 C9.24051734,2.31743235 9.82315304,2.3394117 9.85894775,2.26782227 C10.0053643,1.9749892 10.1734111,1.94738939 10.5,2 C10.8265889,2.05261061 10.9751994,2.20876058 11.1051025,2.46856689 C11.2034956,2.66535309 11.1752823,2.97129105 11.2827759,3.26324463 C11.3523501,3.45220868 11.4537615,3.55686745 11.5299072,3.74591064 C11.5742682,3.85604344 11.2412561,3.63828311 11.2827759,3.74591064 C11.3961582,4.03982034 11.6794349,4.027165 11.8487549,4.29290771 C11.9181882,4.40188128 11.5930666,4.27327708 11.6143799,4.44165039 C11.6287728,4.55535339 12,5 12,5 L9,5 C9,5 9.26625821,4.84694418 9.24829102,4.7263794 Z" id="path-3"></path>
+        <path d="M0,2.5 L0,0 C0,0 0.498466087,0.489013672 1.1628418,0.489013672 C1.82721751,0.489013672 2.5,0 2.5,0 C2.5,0 3.12659518,0.489013672 3.75109863,0.489013672 C4.37560209,0.489013672 5,0 5,0 L5,2.5 C5,5 2.5,6 2.5,6 C2.5,6 0,5 0,2.5 Z" id="path-4"></path>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#1E357F" offset="0%"></stop>
+            <stop stop-color="#162966" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#BC1443" offset="0%"></stop>
+            <stop stop-color="#A30B35" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="VI">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M16.3490785,6.50450956 L13.2783998,12.3842703 C13.2144841,12.5066567 13.2618839,12.6576844 13.3842703,12.7216002 C13.5066567,12.7855159 13.6576844,12.7381161 13.7216002,12.6157297 L16.7922789,6.73596896 C16.8561946,6.61358256 16.8087948,6.46255483 16.6864084,6.39863908 C16.564022,6.33472334 16.4129943,6.38212316 16.3490785,6.50450956 Z" id="Line" fill="#1583C4" fill-rule="nonzero"></path>
+            <path d="M16.7809028,7.81315062 L13.3016548,12.3478186 C13.2176073,12.4573616 13.2382756,12.6142977 13.3478186,12.6983452 C13.4573616,12.7823927 13.6142977,12.7617244 13.6983452,12.6521814 L17.1775932,8.11751344 C17.2616407,8.00797041 17.2409725,7.8510343 17.1314295,7.76698683 C17.0218864,7.68293936 16.8649503,7.70360759 16.7809028,7.81315062 Z" id="Line-Copy-2" fill="#1583C4" fill-rule="nonzero"></path>
+            <path d="M15.2227406,7.40893874 L13.2671742,12.4089387 C13.2168825,12.5375249 13.2803526,12.682534 13.4089387,12.7328258 C13.5375249,12.7831175 13.682534,12.7196474 13.7328258,12.5910613 L15.6883922,7.59106126 C15.7386839,7.46247513 15.6752138,7.31746596 15.5466277,7.26717421 C15.4180415,7.21688247 15.2730324,7.28035261 15.2227406,7.40893874 Z" id="Line-Copy" fill="#1583C4" fill-rule="nonzero"></path>
+            <path d="M4.26079015,6.5726543 C4.28922017,6.66625842 4.34068798,6.82854466 4.4104506,7.03677261 C4.52672581,7.38383166 4.65173643,7.73101286 4.78092642,8.0559065 C4.92924243,8.42889925 5.07376403,8.74878496 5.21241836,9.00096471 C5.23702722,9.04572246 5.26142665,9.08829041 5.28562677,9.12862394 C5.44554426,9.39515308 5.69928793,9.74279812 6.0279581,10.1550162 C6.09002388,10.2328591 6.15440253,10.3125371 6.22087707,10.3938383 C6.46023471,10.6865829 6.7163559,10.9878817 6.97243823,11.2811702 C7.12610795,11.4571666 7.24577641,11.5915633 7.31452927,11.6676324 C7.40711007,11.770065 7.5651997,11.7780515 7.66763236,11.6854707 C7.77006502,11.5928899 7.77805153,11.4348003 7.68547073,11.3323676 C7.61852589,11.258299 7.50072339,11.1259979 7.34907331,10.9523146 C7.09628929,10.6628036 6.84354414,10.3654764 6.60795985,10.0773467 C6.54274882,9.9975908 6.47965414,9.91950192 6.41890285,9.84330767 C6.10292654,9.44701025 5.86033048,9.11463814 5.71437323,8.87137606 C5.69350579,8.83659699 5.67222182,8.79946437 5.65055898,8.76006473 C5.52346209,8.52890527 5.38685286,8.22653289 5.24554225,7.87115769 C5.12012664,7.55575603 4.99811605,7.21690657 4.88455037,6.87793494 C4.81640846,6.67454449 4.76634395,6.51668309 4.73920985,6.4273457 C4.69908399,6.29523375 4.55945766,6.22066429 4.4273457,6.26079015 C4.29523375,6.30091601 4.22066429,6.44054234 4.26079015,6.5726543 Z" id="Line-Copy-3" fill="#409347" fill-rule="nonzero"></path>
+            <path d="M19,6.5 L19,9 C19,9.27614237 19.2238576,9.5 19.5,9.5 C19.7761424,9.5 20,9.27614237 20,9 L20,6.5 C20,6.22385763 19.7761424,6 19.5,6 C19.2238576,6 19,6.22385763 19,6.5 Z" id="Line" fill="#1583C4" fill-rule="nonzero"></path>
+            <path d="M2.5,7.6537088 L1.96423835,6.31430466 C1.86168164,6.0579129 1.57069642,5.93320495 1.31430466,6.03576165 C1.0579129,6.13831836 0.933204951,6.42930358 1.03576165,6.68569534 L2.03576165,9.18569534 C2.20339081,9.60476822 2.79660919,9.60476822 2.96423835,9.18569534 L3.96423835,6.68569534 C4.06679505,6.42930358 3.9420871,6.13831836 3.68569534,6.03576165 C3.42930358,5.93320495 3.13831836,6.0579129 3.03576165,6.31430466 L2.5,7.6537088 Z" id="Line" fill="#1583C4" fill-rule="nonzero"></path>
+            <g id="Combined-Shape">
+                <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-3"></use>
+                <path stroke-opacity="0.08" stroke="#000000" stroke-width="0.5" d="M14.1231635,10.1689039 L14.3695272,10.2964484 L14.2109616,10.5212994 C14.1981612,10.5550492 14.2096717,10.5895419 14.3356355,10.6735178 C14.6382525,10.8752624 14.6408273,10.876813 14.6839963,10.8836185 C14.7097583,10.8876799 14.7522458,10.8721652 14.8515075,10.7988782 C15.0526669,10.650358 15.0699098,10.5064314 14.9264162,10.3343775 C14.8949633,10.2966643 14.8209649,10.2766185 14.5983889,10.2561715 C14.5359719,10.2504688 14.5359719,10.2504688 14.4690819,10.243393 C14.3365918,10.22837 14.22327,10.2057234 14.1231635,10.1689039 Z M13.9508,10.0825234 C13.9059677,10.0528592 13.8637231,10.018241 13.8232233,9.97774112 C13.6504961,9.8050139 13.5897294,9.64940506 13.5349318,9.35144208 C13.4710906,9.00430408 13.4307901,8.87056283 13.2856268,8.62862394 C13.1969528,8.48083399 13.0886944,8.34022073 12.9650274,8.20775202 C12.7407929,7.96755804 12.5162443,7.7994651 12.3733971,7.71557294 L12.5910171,7.26715694 C12.6282811,7.28172326 12.7044372,7.30613021 12.8109049,7.33121499 C13.2212018,7.4278848 13.6561333,7.43215398 14.055263,7.286554 C14.0797057,7.27749726 14.0797057,7.27749726 14.1041128,7.26788089 C14.319732,7.18163322 14.4747303,7.06899252 14.5811916,6.93733197 C14.7118562,6.77573931 14.7531109,6.6149994 14.7502051,6.50991326 L14.7503594,6.51340105 L14.75,6.5 L14.75,5.63671328 L15.0893128,5.76649792 C15.1113168,5.77491427 15.1577251,5.78975476 15.2214735,5.80510628 C15.3857104,5.84465693 15.5536829,5.85882747 15.7024323,5.83441242 C15.771033,5.82315261 15.8331603,5.80391136 15.8881966,5.7763932 C16.0145227,5.71323013 16.0948069,5.63760697 16.2129203,5.4820933 C16.5494292,5.03902977 16.5819638,5.00102715 16.85,4.8 C17.1171278,4.59965414 17.2620717,4.53391605 17.4954934,4.47604759 L17.5088373,4.47272875 C17.6347638,4.44124713 17.7036468,4.40976492 17.85,4.3 C18.2829502,3.97528737 18.366694,3.89143719 18.8047828,3.34382624 C19.1164108,2.9542912 19.2293756,2.78199605 19.2618839,2.70628328 C19.4357942,2.43561972 19.4099349,2.40059608 19.0887439,2.47861333 C19.0076552,2.49832727 19.0076552,2.49832727 18.3730877,2.65243425 C17.6811987,2.82043539 16.6789346,3.06372718 15.3089611,3.39620693 C14.6501848,3.55608577 14.1726224,3.73607421 13.8597689,3.92832046 C13.3907129,4.21655196 13.3612152,4.43966461 13.5482746,4.68914244 C13.5905064,4.74546626 13.6324215,4.78608491 13.6545826,4.80352047 L14.0994656,5.15353751 L10.75,5.71178177 L10.75,12.3979157 C10.7643796,12.3923984 10.7791104,12.3866429 10.7941762,12.3806446 C11.0646121,12.2729731 11.3352411,12.126764 11.5868467,11.9371967 C11.6713603,11.8735216 11.752446,11.8057979 11.8296894,11.7339163 C12.2872069,11.3081569 12.75,10.6370344 12.75,10.5 C12.75,10.4926628 12.7492399,10.48468 12.7476172,10.4759403 C12.7262025,10.3606055 12.5802708,10.191488 12.3491835,10.0166915 C12.1752513,9.88512771 11.999141,9.78051564 11.8859214,9.72245464 L11.75,9.65275179 L11.75,8.61813069 L12.0999934,8.77086834 C12.2943478,8.85568488 12.5658466,9.05086083 12.8315184,9.39194277 C12.9064009,9.48808046 12.9766828,9.59184777 13.041651,9.70346947 C13.1083902,9.72521266 13.1784375,9.75004749 13.251515,9.77771925 C13.3388733,9.81079857 13.4296785,9.8476004 13.5230503,9.88749368 C13.6829237,9.95579991 13.8302554,10.0239685 13.9508,10.0825234 Z M13.9508,10.0825234 C14.013402,10.1129326 14.0687796,10.1407489 14.1149375,10.1646452 L14.1231635,10.1689039 C14.0611028,10.1460777 14.0041211,10.1178044 13.9508,10.0825234 Z M10.2497635,5.71178177 L10.4586637,5.74659848 L10.2497635,5.5 L10.2497635,5.71178177 Z M10.2497635,12.3979157 L10.2497635,12.7393795 L10.5535944,12.4952438 C10.4948465,12.4822901 10.3886966,12.4512224 10.2497635,12.3979157 Z M7.9581125,9.70346947 C7.94076579,9.73327282 7.9237979,9.76363612 7.90722241,9.79456364 L8.05732822,9.67272973 C8.02513617,9.68215444 7.99205209,9.69241219 7.9581125,9.70346947 Z M6.78880184,10.5212994 L6.79545611,10.5307354 C6.78713035,10.5179029 6.78826446,10.5199175 6.78818884,10.519729 C6.7883988,10.5202524 6.78860325,10.5207758 6.78880184,10.5212994 Z M7.04896343,10.0825234 C6.98636144,10.1129326 6.93098389,10.1407489 6.88482601,10.1646452 L6.87659997,10.1689039 C6.93866067,10.1460777 6.99564234,10.1178044 7.04896343,10.0825234 Z M9.49908469,4.75 L11.4946461,4.75 C11.4172156,4.63612348 11.3767638,4.55524282 11.366359,4.47304569 C11.3537641,4.3735467 11.3709266,4.29701844 11.4087561,4.23969543 C11.2198397,4.11965493 11.1216129,4.02274361 11.04953,3.83589053 C10.9980351,3.70240535 11.0417273,3.58854964 11.1268135,3.52354379 C11.0945727,3.46376698 11.0714449,3.41283114 11.0481723,3.3496227 C11.0337921,3.31056586 11.0211041,3.27054097 11.0098271,3.22918997 C10.9795239,3.11807233 10.9680946,3.0493403 10.9408767,2.84971666 C10.9197905,2.69506484 10.905189,2.62775679 10.8814957,2.58037029 C10.7713753,2.36012936 10.6767454,2.28169516 10.4602398,2.246818 C10.1996314,2.20483627 10.1633202,2.21809439 10.0825546,2.37962566 C10.028486,2.48776285 9.97130805,2.51274449 9.84494797,2.54483562 C9.88674295,2.53422113 9.62904805,2.5922366 9.56259484,2.61443461 C9.50244044,2.63452858 9.45709831,2.65636579 9.42462481,2.68029092 C9.53622777,2.67923494 9.65790263,2.70699994 9.78730081,2.76802428 C10.2186658,2.97145654 10.1609855,3.43157018 9.78581703,3.94299736 C9.82799588,4.02715014 9.82231426,4.12850435 9.77244553,4.21454085 C9.68156534,4.37133279 9.58282945,4.47828812 9.451196,4.55646677 C9.47325901,4.5959952 9.48804136,4.63907552 9.49556035,4.68953004 C9.49861468,4.71002541 9.49972983,4.7301916 9.49908469,4.75 Z"></path>
+            </g>
+            <g id="Group" transform="translate(8.000000, 4.000000)">
+                <mask id="mask-5" fill="white">
+                    <use xlink:href="#path-4"></use>
+                </mask>
+                <use id="Mask" fill="url(#linearGradient-1)" xlink:href="#path-4"></use>
+                <rect id="Rectangle-1313" fill="url(#linearGradient-6)" mask="url(#mask-5)" x="0" y="0" width="5" height="2"></rect>
+                <path d="M0,2 L1,2 L1,6 L0,6 L0,2 Z M2,2 L3,2 L3,6 L2,6 L2,2 Z M4,2 L5,2 L5,6 L4,6 L4,2 Z" id="Combined-Shape" fill="url(#linearGradient-7)" mask="url(#mask-5)"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/VN.svg b/public/assets/images/flags/VN.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2bb795642ac1c3a12b05fb7a4b56cf5d5b7039cb
--- /dev/null
+++ b/public/assets/images/flags/VN.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>VN</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#EA403F" offset="0%"></stop>
+            <stop stop-color="#D82827" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFFE4E" offset="0%"></stop>
+            <stop stop-color="#FFFE38" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="VN">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Star-8" fill="url(#linearGradient-3)" points="10.5 9.25500007 7.85496636 11.1405765 8.83089575 8.04232485 6.22024568 6.10942353 9.46843684 6.08017512 10.5 3 11.5315632 6.08017512 14.7797543 6.10942353 12.1691043 8.04232485 13.1450336 11.1405765"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/VU.svg b/public/assets/images/flags/VU.svg
new file mode 100644
index 0000000000000000000000000000000000000000..26e029810f0ac6a293fcefede232af2bdfaf81d0
--- /dev/null
+++ b/public/assets/images/flags/VU.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>VU</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#27AB53" offset="0%"></stop>
+            <stop stop-color="#219447" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#EC2547" offset="0%"></stop>
+            <stop stop-color="#CE1A39" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#FFD449" offset="0%"></stop>
+            <stop stop-color="#FDCD34" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="VU">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0.2" y="9" width="21" height="6"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0.2" y="0" width="21" height="6"></rect>
+            <path d="M8.2,6 L21.2,6 L21.2,9 L8.2,9 L0.2,15 L0.2,0 L8.2,6 Z" id="Combined-Shape" fill="url(#linearGradient-4)"></path>
+            <path d="M6.86666667,7.5 L-0.6,1.9 L-1,1.6 L-0.4,0.8 L0,1.1 L7.86666667,7 L20.7,7 L21.2,7 L21.2,8 L20.7,8 L7.7,8 L8,7.9 L0,13.9 L-0.4,14.2 L-1,13.4 L-0.6,13.1 L6.86666667,7.5 Z" id="Combined-Shape" fill="url(#linearGradient-5)" fill-rule="nonzero"></path>
+            <path d="M2.7,9 C1.87157288,9 1.2,8.32842712 1.2,7.5 C1.2,6.67157288 1.87157288,6 2.7,6 C3.52842712,6 4.2,6.67157288 4.2,7.5 C4.2,8.22719484 3.38679788,9.86267318 2.7,10 C2.60439134,10.0191172 2.80123229,9 2.7,9 Z M2.7,8.25 C2.97614237,8.5 3.2,7.77614237 3.2,7.5 C3.2,7.22385763 2.97614237,7 2.7,7 C2.42385763,7 2.2,7.22385763 2.2,7.5 C2.2,7.77614237 2.42385763,8.5 2.7,8.25 Z" id="Combined-Shape" fill="url(#linearGradient-5)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/WF.svg b/public/assets/images/flags/WF.svg
new file mode 100644
index 0000000000000000000000000000000000000000..26a5e41445f76ef1d37633358a5ddeb5656c9af5
--- /dev/null
+++ b/public/assets/images/flags/WF.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>WF</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F44653" offset="0%"></stop>
+            <stop stop-color="#EE2A39" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#1035BB" offset="0%"></stop>
+            <stop stop-color="#042396" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="WF">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="10" y="0" width="11" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="0" width="7" height="15"></rect>
+            <rect id="Rectangle-2-Copy" fill="url(#linearGradient-1)" x="7" y="0" width="7" height="15"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/WS.svg b/public/assets/images/flags/WS.svg
new file mode 100644
index 0000000000000000000000000000000000000000..756c78f56d072678a4d8b692cb8100d6f31f85ac
--- /dev/null
+++ b/public/assets/images/flags/WS.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>WS</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E31F37" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#083B9A" offset="0%"></stop>
+            <stop stop-color="#042E7D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="WS">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-2" fill="url(#linearGradient-3)" points="0 8 11 8 11 0 0 0"></polygon>
+            <path d="M5,7 L4.29289322,7.20710678 L4.5,6.5 L4.29289322,5.79289322 L5,6 L5.70710678,5.79289322 L5.5,6.5 L5.70710678,7.20710678 L5,7 Z M5,2 L4.29289322,2.20710678 L4.5,1.5 L4.29289322,0.792893219 L5,1 L5.70710678,0.792893219 L5.5,1.5 L5.70710678,2.20710678 L5,2 Z M3,4.5 L2.29289322,4.70710678 L2.5,4 L2.29289322,3.29289322 L3,3.5 L3.70710678,3.29289322 L3.5,4 L3.70710678,4.70710678 L3,4.5 Z M7.5,4 L6.79289322,4.20710678 L7,3.5 L6.79289322,2.79289322 L7.5,3 L8.20710678,2.79289322 L8,3.5 L8.20710678,4.20710678 L7.5,4 Z M6.25,5.5 C6.11192881,5.5 6,5.38807119 6,5.25 C6,5.11192881 6.11192881,5 6.25,5 C6.38807119,5 6.5,5.11192881 6.5,5.25 C6.5,5.38807119 6.38807119,5.5 6.25,5.5 Z" id="Star-2" fill="url(#linearGradient-1)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/XK.svg b/public/assets/images/flags/XK.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a9c245fd114617939115fe9e02fb56f961e0a50f
--- /dev/null
+++ b/public/assets/images/flags/XK.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>XK</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#2F5FBF" offset="0%"></stop>
+            <stop stop-color="#244EA3" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E9C072" offset="0%"></stop>
+            <stop stop-color="#CFA557" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="XK">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M9,3.5 L8.29289322,3.70710678 L8.5,3 L8.29289322,2.29289322 L9,2.5 L9.70710678,2.29289322 L9.5,3 L9.70710678,3.70710678 L9,3.5 Z M12,3.5 L11.2928932,3.70710678 L11.5,3 L11.2928932,2.29289322 L12,2.5 L12.7071068,2.29289322 L12.5,3 L12.7071068,3.70710678 L12,3.5 Z M15,4.5 L14.2928932,4.70710678 L14.5,4 L14.2928932,3.29289322 L15,3.5 L15.7071068,3.29289322 L15.5,4 L15.7071068,4.70710678 L15,4.5 Z M17,6.5 L16.2928932,6.70710678 L16.5,6 L16.2928932,5.29289322 L17,5.5 L17.7071068,5.29289322 L17.5,6 L17.7071068,6.70710678 L17,6.5 Z M4,6.5 L3.29289322,6.70710678 L3.5,6 L3.29289322,5.29289322 L4,5.5 L4.70710678,5.29289322 L4.5,6 L4.70710678,6.70710678 L4,6.5 Z M6,4.5 L5.29289322,4.70710678 L5.5,4 L5.29289322,3.29289322 L6,3.5 L6.70710678,3.29289322 L6.5,4 L6.70710678,4.70710678 L6,4.5 Z" id="Combined-Shape" fill="url(#linearGradient-1)"></path>
+            <polygon id="Rectangle-1408" fill="url(#linearGradient-3)" points="9 10 8 9.5 7 7.5 8 7.5 9 6.5 9.5 5.5 10.5 5 11 5.5 12 6 12 6.5 12.5 7 14 8 13.5 9.5 12 11 11.5 10 10 11 10 12 9.5 11.5"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/YE.svg b/public/assets/images/flags/YE.svg
new file mode 100644
index 0000000000000000000000000000000000000000..535406f9abe3ab04a73dfa6dcf805231129b48cc
--- /dev/null
+++ b/public/assets/images/flags/YE.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>YE</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E32138" offset="0%"></stop>
+            <stop stop-color="#CC162C" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="YE">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="10" width="21" height="5"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-1)" x="0" y="5" width="21" height="5"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/YT.svg b/public/assets/images/flags/YT.svg
new file mode 100644
index 0000000000000000000000000000000000000000..be67985d10feed4127c657b9c0310177ddbe4114
--- /dev/null
+++ b/public/assets/images/flags/YT.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>YT</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0,0.491005182 C0,0.219830508 0.21484375,0 0.497698784,0 L4.50230122,0 C4.77717266,0 5,0.227880478 5,0.491005182 L5,5.50899482 C5,5.78016949 4.78177452,6.00788266 4.49942374,6.03091038 C4.49942374,6.03091038 3,6 2.5,6.94055176 C2,6 0.500576258,6.03091038 0.500576258,6.03091038 C0.224115624,6.01383905 0,5.77211952 0,5.50899482 L0,0.491005182 Z" id="path-2"></path>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#1B2CA9" offset="0%"></stop>
+            <stop stop-color="#132294" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-5" x="0" y="0" width="5" height="3"></rect>
+        <filter x="-15.0%" y="-25.0%" width="130.0%" height="150.0%" filterUnits="objectBoundingBox" id="filter-6">
+            <feMorphology radius="0.25" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#E6402C" offset="0%"></stop>
+            <stop stop-color="#D1321F" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-8" x="0" y="3" width="5" height="4"></rect>
+        <filter x="-15.0%" y="-18.8%" width="130.0%" height="137.5%" filterUnits="objectBoundingBox" id="filter-9">
+            <feMorphology radius="0.25" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
+            <feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-10">
+            <stop stop-color="#D0D0D0" offset="0%"></stop>
+            <stop stop-color="#C4C4C4" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-11">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-12">
+            <stop stop-color="#F7E04B" offset="0%"></stop>
+            <stop stop-color="#EAD135" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="YT">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <g id="Group-2" transform="translate(8.000000, 4.000000)">
+                <mask id="mask-3" fill="white">
+                    <use xlink:href="#path-2"></use>
+                </mask>
+                <g id="Rectangle-1413">
+                    <use fill="#D8D8D8" fill-rule="evenodd" xlink:href="#path-2"></use>
+                    <path stroke="#979797" stroke-width="1" d="M4.5,0.499992354 L4.5,0.491005182 C4.5,0.497950084 4.49934225,0.499642123 4.5,0.499992354 Z M4.500015,0.5 C4.50035608,0.500166293 4.50103425,0.5 4.50230122,0.5 L4.500015,0.5 Z M0.5,0.5 L0.5,5.50899482 C0.5,5.5096944 0.52039143,5.53118161 0.490271027,5.53101659 C0.493447987,5.53095507 0.493447987,5.53095507 0.499491206,5.53087957 C0.841705468,5.5272592 1.29263846,5.57914699 1.74964719,5.74362637 C2.03481782,5.8462605 2.28839025,5.98420381 2.5,6.16244113 C2.71160975,5.98420381 2.96518218,5.8462605 3.25035281,5.74362637 C3.69407543,5.58392872 4.13207043,5.53037131 4.47038919,5.53070596 C4.4897994,5.52595068 4.5,5.51446456 4.5,5.50899482 L4.5,0.5 C4.50000493,0.499994978 4.50000993,0.499997526 4.500015,0.5 L0.5,0.5 Z"></path>
+                </g>
+                <g id="Rectangle-1414" mask="url(#mask-3)">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
+                    <use fill="url(#linearGradient-4)" fill-rule="evenodd" xlink:href="#path-5"></use>
+                </g>
+                <g id="Rectangle-1414-Copy" mask="url(#mask-3)">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-9)" xlink:href="#path-8"></use>
+                    <use fill="url(#linearGradient-7)" fill-rule="evenodd" xlink:href="#path-8"></use>
+                </g>
+            </g>
+            <g id="Group" transform="translate(14.000000, 3.000000)">
+                <path d="M1.03900146,1.72583008 L1.03900146,1.26226807 L1.5,1 C1.5,1 1.04486084,0.443908691 1.26989746,0.443908691 C1.54486084,0.443908691 2.69909286,0.809953822 3,1 C3.30090714,1.19004618 3.45344159,1.41844189 3.49578857,1.84973145 C3.53813556,2.281021 3.17980957,2.83129883 3.17980957,2.83129883 L3,3.24975586 L3.78808594,3.07147217 C3.78808594,3.07147217 3.91567981,3.8974742 3.33551025,4.5 C2.7553407,5.1025258 1.94122314,4.98950195 1.94122314,4.98950195 L1.77746582,4.5 C1.77746582,4.5 1.24609375,4.7064209 0.933593749,5.1741333 C0.621093749,5.6418457 0.532972177,6.45023985 1.03900146,6.94921875 C1.54503075,7.44819765 2.38000488,7.40588379 2.77813721,6.70440674 C2.77813721,6.70440674 2.93786621,6.08398437 2.56976318,5.79229736 C2.20166015,5.50061035 1.95251065,6.10328088 1.94122314,6.07006836 C1.86972123,5.85968013 1.77746582,5.50061035 2.36901855,5.50061035 C2.96057129,5.50061035 3.26489258,6.13665771 3.17980957,6.62567139 C3.09472656,7.11468506 2.92401123,7.57897949 1.77746582,7.70916748 C0.630920412,7.83935547 0.33581543,6.3861084 0.33581543,6.3861084 C0.33581543,6.3861084 0.0435790985,5.02996826 0.33581543,4.05072021 C0.628051761,3.07147217 1.06121826,3.04718018 1.94122314,2.50952148 C2.82122803,1.97186279 1.40997314,2.32720947 1.40997314,2.32720947 C1.40997314,2.32720947 0.739807128,2.83129883 0.529724121,2.64782715 C0.319641115,2.46435547 1.03900146,1.72583008 1.03900146,1.72583008 Z" id="Rectangle-1411" fill="url(#linearGradient-10)"></path>
+                <circle id="Oval-280" fill-opacity="0.3" fill="url(#linearGradient-11)" cx="1.75" cy="1.75" r="1"></circle>
+            </g>
+            <g id="Group-Copy" transform="translate(5.000000, 7.000000) scale(-1, 1) translate(-5.000000, -7.000000) translate(3.000000, 3.000000)">
+                <path d="M1.03900146,1.72583008 L1.03900146,1.26226807 L1.5,1 C1.5,1 1.04486084,0.443908691 1.26989746,0.443908691 C1.54486084,0.443908691 2.69909286,0.809953822 3,1 C3.30090714,1.19004618 3.45344159,1.41844189 3.49578857,1.84973145 C3.53813556,2.281021 3.17980957,2.83129883 3.17980957,2.83129883 L3,3.24975586 L3.78808594,3.07147217 C3.78808594,3.07147217 3.91567981,3.8974742 3.33551025,4.5 C2.7553407,5.1025258 1.94122314,4.98950195 1.94122314,4.98950195 L1.77746582,4.5 C1.77746582,4.5 1.24609375,4.7064209 0.933593749,5.1741333 C0.621093749,5.6418457 0.532972177,6.45023985 1.03900146,6.94921875 C1.54503075,7.44819765 2.38000488,7.40588379 2.77813721,6.70440674 C2.77813721,6.70440674 2.93786621,6.08398437 2.56976318,5.79229736 C2.20166015,5.50061035 1.95251065,6.10328088 1.94122314,6.07006836 C1.86972123,5.85968013 1.77746582,5.50061035 2.36901855,5.50061035 C2.96057129,5.50061035 3.26489258,6.13665771 3.17980957,6.62567139 C3.09472656,7.11468506 2.92401123,7.57897949 1.77746582,7.70916748 C0.630920412,7.83935547 0.33581543,6.3861084 0.33581543,6.3861084 C0.33581543,6.3861084 0.0435790985,5.02996826 0.33581543,4.05072021 C0.628051761,3.07147217 1.06121826,3.04718018 1.94122314,2.50952148 C2.82122803,1.97186279 1.40997314,2.32720947 1.40997314,2.32720947 C1.40997314,2.32720947 0.739807128,2.83129883 0.529724121,2.64782715 C0.319641115,2.46435547 1.03900146,1.72583008 1.03900146,1.72583008 Z" id="Rectangle-1411" fill="url(#linearGradient-10)"></path>
+                <circle id="Oval-280" fill-opacity="0.3" fill="url(#linearGradient-11)" cx="1.75" cy="1.75" r="1"></circle>
+            </g>
+            <path d="M9.6337822,5 C9.54869714,5.14708668 9.5,5.31785643 9.5,5.5 C9.5,6.05228475 9.94771525,6.5 10.5,6.5 C11.0522847,6.5 11.5,6.05228475 11.5,5.5 C11.5,5.31785643 11.4513029,5.14708668 11.3662178,5 C11.1933131,5.29890069 10.8701412,5.5 10.5,5.5 C10.1298588,5.5 9.80668691,5.29890069 9.6337822,5 L9.6337822,5 Z" id="Combined-Shape" fill="url(#linearGradient-1)"></path>
+            <path d="M9.5,9 C9.22385763,9 9,8.77614237 9,8.5 C9,8.22385763 9.22385763,8 9.5,8 C9.77614237,8 10,8.22385763 10,8.5 C10,8.77614237 9.77614237,9 9.5,9 Z M11.5,9 C11.2238576,9 11,8.77614237 11,8.5 C11,8.22385763 11.2238576,8 11.5,8 C11.7761424,8 12,8.22385763 12,8.5 C12,8.77614237 11.7761424,9 11.5,9 Z" id="Combined-Shape" fill="url(#linearGradient-12)"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/ZA.svg b/public/assets/images/flags/ZA.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f3ad372673c56766f84b343b7d8c1200e1f0138f
--- /dev/null
+++ b/public/assets/images/flags/ZA.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>ZA</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#06A86E" offset="0%"></stop>
+            <stop stop-color="#007A4E" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFBF2E" offset="0%"></stop>
+            <stop stop-color="#FFB612" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#F44E46" offset="0%"></stop>
+            <stop stop-color="#DF3931" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#072CB4" offset="0%"></stop>
+            <stop stop-color="#042396" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ZA">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-3)" points="0 2 7 7.5 0 13"></polygon>
+            <polygon id="Rectangle-83-Copy-5" fill="url(#linearGradient-4)" points="-1 2.25 5.75 7.5 -1 12.75"></polygon>
+            <polygon id="Rectangle-83-Copy" fill="#FFFFFF" points="9 6 2 0 21 0 21 6"></polygon>
+            <polygon id="Rectangle-83-Copy-3" fill="url(#linearGradient-5)" points="9.25 5 3.25 0 21 0 21 5"></polygon>
+            <polygon id="Rectangle-83-Copy-2" fill="#FFFFFF" points="2 15 21 15 21 9 9 9"></polygon>
+            <polygon id="Rectangle-83-Copy-4" fill="url(#linearGradient-6)" points="3.25 15 21 15 21 10 9.25 10"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/ZH.svg b/public/assets/images/flags/ZH.svg
new file mode 100644
index 0000000000000000000000000000000000000000..883ba157fbc644d2748d673492792c499ce8474d
--- /dev/null
+++ b/public/assets/images/flags/ZH.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>CN</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F1361D" offset="0%"></stop>
+            <stop stop-color="#DF2910" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="37.0590477%" y1="1.70370869%" x2="62.9409523%" y2="98.2962913%" id="linearGradient-3">
+            <stop stop-color="#FFDC42" offset="0%"></stop>
+            <stop stop-color="#FDD217" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFDC42" offset="0%"></stop>
+            <stop stop-color="#FDD217" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="CN">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M10.1294095,4.48296291 L9.5,4.8660254 L9.51703709,4.12940952 L9.1339746,3.5 L9.87059048,3.51703709 L10.5,3.1339746 L10.4829629,3.87059048 L10.8660254,4.5 L10.1294095,4.48296291 Z M8.28081443,2.44939702 L7.55448142,2.32556815 L8.05060298,1.78081443 L8.17443185,1.05448142 L8.71918557,1.55060298 L9.44551858,1.67443185 L8.94939702,2.21918557 L8.82556815,2.94551858 L8.28081443,2.44939702 Z M8.64618585,8.97815238 L8.03052844,9.38294759 L8.02184762,8.64618585 L7.61705241,8.03052844 L8.35381415,8.02184762 L8.96947156,7.61705241 L8.97815238,8.35381415 L9.38294759,8.96947156 L8.64618585,8.97815238 Z M9.91317591,6.99240388 L9.18084796,7.07357644 L9.50759612,6.41317591 L9.42642356,5.68084796 L10.0868241,6.00759612 L10.819152,5.92642356 L10.4924039,6.58682409 L10.5735764,7.31915204 L9.91317591,6.99240388 Z" id="Star-2" fill="url(#linearGradient-3)"></path>
+            <polygon id="Star-8" fill="url(#linearGradient-4)" points="5 6.17000005 3.23664424 7.42705098 3.88726383 5.3615499 2.14683045 4.07294902 4.31229123 4.05345008 5 2 5.68770877 4.05345008 7.85316955 4.07294902 6.11273617 5.3615499 6.76335576 7.42705098"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/ZM.svg b/public/assets/images/flags/ZM.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3e6f42a812d75a200122dfc23f18a7c03d3caceb
--- /dev/null
+++ b/public/assets/images/flags/ZM.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>ZM</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="3.061617e-15%" id="linearGradient-2">
+            <stop stop-color="#2A8815" offset="0%"></stop>
+            <stop stop-color="#35A51D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#EF8A34" offset="0%"></stop>
+            <stop stop-color="#EC7E21" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#F48D36" offset="0%"></stop>
+            <stop stop-color="#EC7E21" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#EC322B" offset="0%"></stop>
+            <stop stop-color="#DB261F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ZM">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Mask-Copy" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="15"></rect>
+            <path d="M16.1957397,3.6239624 C16.1957397,3.6239624 15.7925991,3.77693009 15.3621827,3.62396231 C15.0196689,3.50223465 14.6752552,3.09044022 14.3922729,2.9473877 C14.2282057,2.86444882 14.5326538,2.46911625 14.2079468,2.57580571 C13.8832397,2.68249516 13.3528442,2.18682861 13.3528442,2.18682861 C13.3528442,2.18682861 12.8048939,1.5189209 13.6119995,1.5189209 C14.4191051,1.5189209 16.1215821,2.09881594 16.1215821,2.09881594 C16.1215821,2.09881594 16.1853303,1.79933622 16.3241578,1.66131594 C16.4629853,1.52329565 16.565926,1.39648807 16.7933961,1.43090822 C17.0208662,1.46532837 17.1466065,1.78576662 17.1466065,1.78576662 L16.7933961,1.92059328 L16.7933961,2.18682863 C16.7933961,2.18682863 19.1547325,1.4626417 19.7128906,1.5189209 C20.2710488,1.57520009 19.8218249,2.18758725 19.4848633,2.57580566 C19.3545218,2.72597403 18.9289552,3.03192214 18.6702271,2.78662113 C18.4114991,2.54132013 18.5074741,3.05183429 18.2393188,3.21664429 C17.802004,3.48542085 17.6378414,3.73174013 17.4874878,3.80340576 C17.3371342,3.87507139 17.0083008,3.80340576 17.0083008,3.80340576 L17.1043701,4.04992676 C17.1043701,4.04992676 17.1312984,4.34621467 17.0083008,4.46435547 C16.8853032,4.58249626 16.7997934,4.66581581 16.5,4.63043213 C16.2002066,4.59504845 16.0587347,4.67027965 15.9590454,4.34051514 C15.8593561,4.01075062 16.1957397,3.6239624 16.1957397,3.6239624 Z M16.442688,3.28240967 L16.442688,4.05389404 L16.7818604,3.77026367 L16.442688,3.28240967 Z" id="Combined-Shape" fill="url(#linearGradient-3)"></path>
+            <rect id="Rectangle-1349" fill="url(#linearGradient-4)" x="18" y="6" width="3" height="9"></rect>
+            <rect id="Rectangle-1349-Copy" fill="url(#linearGradient-5)" x="15" y="6" width="3" height="9"></rect>
+            <rect id="Rectangle-1349-Copy-2" fill="url(#linearGradient-6)" x="12" y="6" width="3" height="9"></rect>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/ZW.svg b/public/assets/images/flags/ZW.svg
new file mode 100644
index 0000000000000000000000000000000000000000..dfaf1f3faa1b627a4e37a8a762535aa7cfc3cd2a
--- /dev/null
+++ b/public/assets/images/flags/ZW.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="15px" viewBox="0 0 21 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 46 (44423) - http://www.bohemiancoding.com/sketch -->
+    <title>ZW</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#F0F0F0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#369D0C" offset="0%"></stop>
+            <stop stop-color="#319209" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#262626" offset="0%"></stop>
+            <stop stop-color="#0D0D0D" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#FFD40E" offset="0%"></stop>
+            <stop stop-color="#FFD201" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#F12F1F" offset="0%"></stop>
+            <stop stop-color="#DE2010" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ZW">
+            <rect id="FlagBackground" fill="url(#linearGradient-1)" x="0" y="0" width="21" height="15"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="0" width="21" height="2"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="13" width="21" height="2"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="4" width="21" height="2"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-2)" x="0" y="9" width="21" height="2"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-3)" x="0" y="6" width="21" height="3"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="2" width="21" height="2"></rect>
+            <rect id="Rectangle-2" fill="url(#linearGradient-4)" x="0" y="11" width="21" height="2"></rect>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-3)" fill-rule="nonzero" points="-1 15 -1 0 0 0 10 7.5 0 15"></polygon>
+            <polygon id="Rectangle-83" fill="url(#linearGradient-1)" fill-rule="nonzero" points="0 13.75 8.33333333 7.5 6.66133815e-16 1.25"></polygon>
+            <polygon id="Star-8" fill="url(#linearGradient-5)" points="3 8.47500004 1.53053687 9.52254249 2.07271986 7.80129158 0.622358709 6.72745751 2.42690936 6.7112084 3 5 3.57309064 6.7112084 5.37764129 6.72745751 3.92728014 7.80129158 4.46946313 9.52254249"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/flags/da.png b/public/assets/images/flags/da.png
new file mode 100644
index 0000000000000000000000000000000000000000..f409348f82d5ee9012098f15b9d8dc62c2b195a8
Binary files /dev/null and b/public/assets/images/flags/da.png differ
diff --git a/public/assets/images/flags/de.png b/public/assets/images/flags/de.png
new file mode 100644
index 0000000000000000000000000000000000000000..38ce368fb8d9668d85e00365a48fe17f7e748bc2
Binary files /dev/null and b/public/assets/images/flags/de.png differ
diff --git a/public/assets/images/flags/el.png b/public/assets/images/flags/el.png
new file mode 100644
index 0000000000000000000000000000000000000000..e87082cbb17d3eae701ba0d3ab1d6a9101cca27f
Binary files /dev/null and b/public/assets/images/flags/el.png differ
diff --git a/public/assets/images/flags/en.png b/public/assets/images/flags/en.png
new file mode 100644
index 0000000000000000000000000000000000000000..90a6dd2d2c16c5ad9baabd1ab6f6856d1de98bed
Binary files /dev/null and b/public/assets/images/flags/en.png differ
diff --git a/public/assets/images/flags/es.png b/public/assets/images/flags/es.png
new file mode 100644
index 0000000000000000000000000000000000000000..578605858399d923394e9d599174db04fea7884c
Binary files /dev/null and b/public/assets/images/flags/es.png differ
diff --git a/public/assets/images/flags/fr.png b/public/assets/images/flags/fr.png
new file mode 100644
index 0000000000000000000000000000000000000000..721738fe630e7c3f227a5b663e3a2b5ff90b0363
Binary files /dev/null and b/public/assets/images/flags/fr.png differ
diff --git a/public/assets/images/flags/hu.png b/public/assets/images/flags/hu.png
new file mode 100644
index 0000000000000000000000000000000000000000..05a09d0db3b70f9be4f71d26a8450e12903cfde5
Binary files /dev/null and b/public/assets/images/flags/hu.png differ
diff --git a/public/assets/images/flags/it.png b/public/assets/images/flags/it.png
new file mode 100644
index 0000000000000000000000000000000000000000..353f921939615a3c3f8d430dec7bb9c43544763a
Binary files /dev/null and b/public/assets/images/flags/it.png differ
diff --git a/public/assets/images/flags/ja.png b/public/assets/images/flags/ja.png
new file mode 100644
index 0000000000000000000000000000000000000000..2952ead4a5fda2a5c513527e8edcbe79ccab5786
Binary files /dev/null and b/public/assets/images/flags/ja.png differ
diff --git a/public/assets/images/flags/pl.png b/public/assets/images/flags/pl.png
new file mode 100644
index 0000000000000000000000000000000000000000..d2732886e84a33f9ba6573599ab5b512a1841428
Binary files /dev/null and b/public/assets/images/flags/pl.png differ
diff --git a/public/assets/images/flags/pt.png b/public/assets/images/flags/pt.png
new file mode 100644
index 0000000000000000000000000000000000000000..ef3a3aa08079482756a16fab699e5e8e1c2e9f77
Binary files /dev/null and b/public/assets/images/flags/pt.png differ
diff --git a/public/assets/images/flags/ru.png b/public/assets/images/flags/ru.png
new file mode 100644
index 0000000000000000000000000000000000000000..cfc742ae1667127e53ae0f7f56cc1500c4d2ad0a
Binary files /dev/null and b/public/assets/images/flags/ru.png differ
diff --git a/public/assets/images/flags/sv.png b/public/assets/images/flags/sv.png
new file mode 100644
index 0000000000000000000000000000000000000000..a320a0624cdbf8ee2039ef008ca373959d9723a6
Binary files /dev/null and b/public/assets/images/flags/sv.png differ
diff --git a/public/assets/images/flags/tr.png b/public/assets/images/flags/tr.png
new file mode 100644
index 0000000000000000000000000000000000000000..2c443b8003c61f2a450a9a954c6315d0da48f917
Binary files /dev/null and b/public/assets/images/flags/tr.png differ
diff --git a/public/assets/images/flags/zh.png b/public/assets/images/flags/zh.png
new file mode 100644
index 0000000000000000000000000000000000000000..dfaad2c9addfa91ad35e28498e24af217f026027
Binary files /dev/null and b/public/assets/images/flags/zh.png differ
diff --git a/public/assets/images/g-8.png b/public/assets/images/g-8.png
new file mode 100644
index 0000000000000000000000000000000000000000..07ac9c5a6d22533545a9feee34552f53bbb6a7a1
Binary files /dev/null and b/public/assets/images/g-8.png differ
diff --git a/public/assets/images/knowledge/find-solution.svg b/public/assets/images/knowledge/find-solution.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9b0ee5a77270670bef651babaf8fc2afd4f55564
--- /dev/null
+++ b/public/assets/images/knowledge/find-solution.svg
@@ -0,0 +1,3 @@
+<svg width="358" height="269" viewBox="0 0 358 269" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M122.319 0.313439C107.066 2.08228 94.2019 13.2422 89.7676 28.5528C88.135 34.1902 88.2733 43.8947 90.0676 49.5628C94.1524 62.4682 105.227 72.8158 118.231 75.8759C126.869 77.9089 135.27 77.0091 143.339 73.1866C156.029 67.1751 164.317 55.1594 165.426 41.1701C166.808 23.7232 155.333 6.94124 138.57 1.89419C132.38 0.0306389 128.233 -0.372886 122.319 0.313439ZM123.539 1.14317C123.539 1.2919 122.112 2.24769 120.366 3.2675C118.621 4.28732 115.6 6.6251 113.652 8.46263L110.11 11.8029L106.99 10.9698C105.274 10.5116 103.716 9.98268 103.528 9.7946C102.368 8.63671 113.083 3.17546 119.059 1.87885C121.34 1.38395 123.281 0.955077 123.372 0.92573C123.464 0.897049 123.539 0.994429 123.539 1.14317ZM130.888 1.20653C130.888 1.38995 130.737 1.54002 130.554 1.54002C130.37 1.54002 130.22 1.38995 130.22 1.20653C130.22 1.02311 130.37 0.873038 130.554 0.873038C130.737 0.873038 130.888 1.02311 130.888 1.20653ZM122.298 7.44615L119.27 13.3523L116.227 13.0295C111.175 12.4939 111.045 12.0904 114.832 8.69074C117.348 6.433 124.026 1.86617 125.268 1.55469C125.3 1.54669 123.964 4.19795 122.298 7.44615ZM140.432 3.54564C144.466 5.05235 150.26 8.54134 150.26 9.46377C150.26 10.1494 146.681 11.5448 144.925 11.5448C144.305 11.5448 142.531 10.3422 140.984 8.87283C139.437 7.40346 136.607 5.12172 134.696 3.80242L131.222 1.40396L134.054 1.81215C135.611 2.03692 138.481 2.81662 140.432 3.54564ZM133.957 4.78756C136.127 6.20623 138.922 8.44129 140.168 9.75324L142.435 12.1384L140.836 12.4645C134.613 13.7345 135.236 14.0599 132.01 7.85434C130.395 4.74821 129.285 2.207 129.543 2.207C129.801 2.207 131.787 3.36822 133.957 4.78756ZM126.212 8.20985V13.5457H123.539C121.998 13.5457 120.867 13.2269 120.867 12.792C120.867 12.055 125.636 2.87399 126.018 2.87399C126.125 2.87399 126.212 5.27512 126.212 8.20985ZM130.481 7.04263C134.186 13.6684 134.184 13.5457 130.625 13.5457H127.548V8.20985C127.548 5.27512 127.683 2.87399 127.849 2.87399C128.014 2.87399 129.199 4.75021 130.481 7.04263ZM211.182 10.3442C210.067 11.4581 210.18 13.511 211.383 13.9712C212.231 14.2967 212.385 16.5971 212.385 28.991C212.385 45.2934 212.717 46.8495 216.472 48.1568C217.911 48.657 228.8 48.8958 250.227 48.8958C280.967 48.8958 281.895 48.9331 283.194 50.2297C284.466 51.5003 284.53 52.4528 284.53 70.2726C284.53 91.0104 284.731 92.1589 288.617 93.5116C290.042 94.0071 300.055 94.2506 319.055 94.2506C343.286 94.2506 347.594 94.3973 348.922 95.2664C350.741 96.4563 352.445 95.9961 353.031 94.1572C353.863 91.5373 350.434 89.7798 348.658 91.9161C347.942 92.7772 343.765 92.9166 318.606 92.9166C290.21 92.9166 289.337 92.8779 287.654 91.5566L285.922 90.1967L285.727 70.488L285.532 50.7793L283.657 49.1706L281.783 47.5618H249.205H216.626L215.173 46.0184C213.77 44.527 213.721 43.9608 213.721 29.3439C213.721 20.4296 213.977 14.2127 214.344 14.2127C214.687 14.2127 215.162 13.5977 215.401 12.8467C216.21 10.3028 213.082 8.44729 211.182 10.3442ZM106.139 11.9309L109.365 12.9841L107.103 16.4131C105.86 18.2986 104.525 20.8025 104.136 21.9777L103.43 24.114L99.0924 22.9128C96.7069 22.2525 94.5679 21.5248 94.3388 21.296C94.1097 21.0679 94.3488 20.0815 94.8699 19.105C96.0963 16.8066 101.426 10.8778 102.267 10.8778C102.623 10.8778 104.366 11.352 106.139 11.9309ZM155.405 14.0459C158.298 17.5743 160.502 20.8892 160.166 21.2053C159.717 21.6275 152.65 23.5504 151.547 23.5504C150.858 23.5504 149.991 22.5586 149.363 21.0493C148.789 19.6739 147.552 17.2981 146.614 15.7701L144.908 12.9928L147.751 11.9876C152.043 10.4709 152.595 10.619 155.405 14.0459ZM115.662 13.9559L118.658 14.3661L116.985 19.792C116.065 22.7761 115.223 25.3293 115.114 25.4654C114.771 25.8942 106.507 24.8371 105.542 24.2414C104.434 23.5578 105.228 21.2947 108.238 16.5558C110.253 13.383 110.597 13.2629 115.662 13.9559ZM146.076 17.0474C147.237 18.9736 148.491 21.3627 148.863 22.3579C149.509 24.0847 149.427 24.1887 147.061 24.6463C145.697 24.9098 143.28 25.1465 141.69 25.1719L138.799 25.2179L137.19 20.2155C136.305 17.4642 135.578 15.0071 135.572 14.7549C135.564 14.2967 138.125 13.8525 141.936 13.6524C143.714 13.559 144.227 13.9792 146.076 17.0474ZM126.212 20.6164V26.2184H121.647C119.136 26.2184 116.905 26.0423 116.69 25.8269C116.282 25.4193 117.72 20.0241 119.167 16.5345C119.952 14.6416 120.188 14.5355 123.107 14.7676L126.212 15.0137V20.6164ZM135.843 19.3838C136.791 22.2285 137.568 24.9298 137.568 25.3866C137.568 25.9769 136.113 26.2184 132.558 26.2184H127.548V20.587V14.9564L130.387 14.7009C131.948 14.5609 133.427 14.3934 133.672 14.3294C133.917 14.2654 134.894 16.5398 135.843 19.3838ZM98.6809 23.954C100.78 24.5556 102.579 25.1172 102.678 25.2026C102.778 25.2873 102.571 26.826 102.219 28.6222C101.866 30.4184 101.39 33.3137 101.162 35.0559L100.745 38.2241H95.0162H89.2873L89.7088 34.6384C90.3935 28.8249 92.7229 22.0397 93.8819 22.4839C94.4223 22.6914 96.582 23.353 98.6809 23.954ZM162.43 26.2571C163.116 28.2533 163.858 31.763 164.08 34.0554L164.481 38.2241H158.707H152.932L152.902 35.7229C152.886 34.3476 152.493 31.4208 152.028 29.2198L151.182 25.2179L155.564 23.7899C157.974 23.0049 160.224 22.4219 160.563 22.4953C160.903 22.568 161.743 24.2608 162.43 26.2571ZM112.697 26.6619L114.881 27.0388L114.501 30.4637C114.292 32.3473 113.972 34.8645 113.79 36.0564L113.459 38.2241H107.811H102.163V36.3458C102.163 34.2002 103.452 26.8353 103.977 25.9876C104.296 25.4707 107 25.6801 112.697 26.6619ZM150.872 28.919C151.271 30.7712 151.596 33.6226 151.596 35.2553V38.2241H146.046H140.496L139.867 32.5901L139.238 26.9561L143.246 26.3391C150.34 25.2459 150.063 25.1525 150.872 28.919ZM124.301 27.5523H126.212V32.8882V38.2241H120.447H114.683L115.15 33.4872C115.819 26.7086 115.853 26.6579 119.392 27.1421C121.04 27.3676 123.25 27.5523 124.301 27.5523ZM138.475 29.3865C138.703 30.7625 138.892 33.2384 138.896 34.8891L138.904 37.8906H133.226H127.548V32.7561V27.6224L131.055 27.3769C132.983 27.2422 135.349 27.0768 136.311 27.0087C137.846 26.9007 138.112 27.1935 138.475 29.3865ZM101.134 41.3922C101.337 42.7682 101.82 45.6509 102.207 47.7993C102.595 49.9469 102.819 51.7718 102.705 51.8545C102.591 51.9366 100.436 52.5475 97.918 53.2112C94.0502 54.2303 93.2459 54.2737 92.7383 53.4906C91.7369 51.9452 90.2806 46.5887 89.785 42.6295L89.3174 38.891H95.0415H100.766L101.134 41.3922ZM113.798 40.3918C113.965 41.2168 114.263 43.734 114.461 45.9851L114.819 50.0783L110.328 50.6346C107.858 50.9408 105.389 51.1995 104.841 51.2102C103.846 51.2302 102.267 44.9706 102.195 40.7252L102.163 38.891H107.829C113.169 38.891 113.511 38.9771 113.798 40.3918ZM126.212 44.1742V49.4574L121.207 49.6768C117.873 49.8229 116.105 49.6408 115.91 49.1306C115.749 48.7097 115.407 46.2339 115.15 43.6279L114.683 38.891H120.447H126.212V44.1742ZM138.896 41.7257C138.892 43.2851 138.703 45.6863 138.475 47.0616L138.061 49.5628H132.804H127.548V44.2269V38.891H133.226H138.904L138.896 41.7257ZM151.596 41.8418C151.596 43.4645 151.239 46.3346 150.804 48.2188C150.12 51.1795 149.824 51.6004 148.633 51.3123C147.874 51.1288 145.359 50.7693 143.042 50.5139C139.755 50.151 138.912 49.8369 139.202 49.0832C139.406 48.5516 139.766 46.0411 140.002 43.5039L140.431 38.891H146.014H151.596V41.8418ZM164.087 43.1037C163.871 45.4208 163.067 48.9872 162.301 51.0301L160.91 54.7432L156.086 53.1938C152.953 52.1867 151.341 51.3376 151.489 50.77C151.614 50.2891 152.057 47.4197 152.472 44.3937L153.228 38.891H158.854H164.481L164.087 43.1037ZM116.882 56.9689C117.837 59.905 118.449 62.4102 118.24 62.5362C118.032 62.6623 116.115 62.8711 113.98 63.0005L110.098 63.2359L107.833 59.5675C106.587 57.5499 105.379 55.1047 105.147 54.1343C104.729 52.3848 104.768 52.3641 109.624 51.7711C112.317 51.4423 114.662 51.2762 114.833 51.4016C115.004 51.527 115.926 54.0322 116.882 56.9689ZM126.212 56.5661V62.2354H122.984C119.407 62.2354 119.584 62.4849 117.207 54.0649L116.312 50.8967H121.262H126.212V56.5661ZM137.206 53.0644C136.948 54.2563 136.151 56.8075 135.435 58.7338L134.131 62.2354H130.839H127.548V56.5661V50.8967H132.61H137.674L137.206 53.0644ZM145.072 51.8892C147.179 52.1286 149.04 52.5462 149.208 52.8176C149.582 53.4206 145.951 60.7247 144.46 62.3695C143.57 63.3513 142.733 63.4847 139.64 63.1379C137.582 62.9064 135.803 62.6396 135.688 62.5449C135.572 62.4495 136.286 59.7816 137.275 56.6161C138.687 52.0946 139.305 50.9241 140.157 51.1575C140.753 51.3209 142.965 51.6504 145.072 51.8892ZM104.177 54.9206C104.638 56.0332 105.977 58.5383 107.153 60.4866L109.29 64.0303L105.559 65.1842L101.829 66.338L98.9521 63.1799C95.6214 59.5241 93.791 56.3153 94.5913 55.5356C95.0375 55.1007 101.122 53.2172 102.917 52.9584C103.148 52.925 103.715 53.8081 104.177 54.9206ZM155.891 54.2657L160.327 55.6336L158.927 58.1008C157.538 60.5493 154.82 63.8075 152.837 65.3989C152.007 66.0652 151.164 66.0139 148.527 65.1355C146.725 64.5345 145.17 63.9816 145.071 63.9062C144.973 63.8309 145.963 61.998 147.269 59.8343C148.576 57.6699 149.816 55.2234 150.025 54.3984C150.487 52.5722 150.407 52.5742 155.891 54.2657ZM121.869 68.7078C123.339 71.5312 124.649 74.1037 124.781 74.4245C125.216 75.4844 119.936 72.3756 116.024 69.2688C110.648 64.9987 110.904 64.2197 117.861 63.6788C118.889 63.5987 119.813 64.7573 121.869 68.7078ZM126.212 68.5718C126.212 71.3231 126.065 73.5741 125.886 73.5741C125.554 73.5741 120.867 64.5579 120.867 63.9196C120.867 63.7268 122.07 63.5694 123.539 63.5694H126.212V68.5718ZM131.258 68.0715C127.584 75.2056 127.569 75.2102 127.558 69.072L127.548 63.5694H130.562H133.576L131.258 68.0715ZM142.244 64.7246C142.789 65.2269 135.938 71.227 132.567 73.2C130.851 74.2038 129.353 74.9241 129.24 74.8C129.125 74.676 130.382 72.0921 132.033 69.058L135.033 63.5414L138.471 63.9796C140.363 64.2204 142.06 64.5552 142.244 64.7246ZM111.891 66.981C112.97 68.1236 115.93 70.5247 118.467 72.3169C121.005 74.1091 122.646 75.5751 122.115 75.5751C118.08 75.5751 106.946 70.9362 104.498 68.2343C103.482 67.1144 103.591 66.981 106.297 66.0259C107.881 65.4663 109.346 64.9847 109.553 64.9561C109.76 64.9274 110.813 65.8385 111.891 66.981ZM149.258 66.5528L151.262 67.3532L147.473 69.7837C143.608 72.2635 134.856 75.5751 132.169 75.5751C131.053 75.5751 131.666 74.9301 134.625 72.9925C136.795 71.5725 139.751 69.1787 141.194 67.674C143.982 64.766 144.576 64.6833 149.258 66.5528ZM202.582 76.6909C201.408 79.5096 200.83 80.0959 198.451 80.8796C196.93 81.3812 195.684 81.9955 195.684 82.2449C195.684 82.4944 196.93 83.1087 198.451 83.6102C200.83 84.3939 201.408 84.9802 202.582 87.7989L203.946 91.0764L205.396 87.7962C206.648 84.9635 207.224 84.4019 209.615 83.6869C211.138 83.2314 212.385 82.6184 212.385 82.3249C212.385 82.0315 211.137 81.3805 209.613 80.8783C207.255 80.1012 206.626 79.4763 205.394 76.6889L203.946 73.4134L202.582 76.6909ZM49.0211 80.5775C47.1266 85.6725 46.8801 85.9873 44.1359 86.8084C42.6169 87.2626 41.3744 87.8602 41.3744 88.1364C41.3744 88.4132 42.6516 89.1035 44.2134 89.6711C46.5641 90.5262 47.2268 91.1731 48.0658 93.4335C49.478 97.238 49.81 97.3654 50.7472 94.462C51.8468 91.0544 52.2643 90.6155 55.3932 89.585C56.8682 89.0988 58.0746 88.4972 58.0746 88.2477C58.0746 87.9983 56.8274 87.3833 55.303 86.8811C52.9363 86.1007 52.3117 85.4771 51.0244 82.6057C49.7499 79.7624 49.4406 79.4496 49.0211 80.5775ZM73.6392 96.1595C54.2963 102.833 44.516 134.425 53.4787 161.282C58.2536 175.591 67.5704 184.887 78.2104 185.959C80.1784 186.157 93.0616 185.326 106.839 184.112L131.89 181.904L135.974 183.786C138.221 184.821 141.528 185.815 143.323 185.993C145.117 186.171 175.814 183.822 211.537 180.773L276.488 175.23L278.338 173.466C280.186 171.705 280.218 171.701 308.912 169.302L337.636 166.901L339.781 164.425C340.96 163.063 342.42 160.855 343.024 159.518C344.077 157.186 344.293 157.069 348.336 156.637C352.229 156.221 352.679 155.999 354.248 153.732C356.198 150.912 358.015 144.567 358 140.633C357.984 136.489 356.365 130.54 354.478 127.693C352.764 125.108 350.751 124.296 345.986 124.271C344.648 124.263 343.943 123.548 342.438 120.672C338.917 113.944 341.285 114.566 308.865 111.852L280.188 109.452L278.184 107.619L276.179 105.786L214.389 100.554C180.404 97.6769 149.742 95.3064 146.252 95.2871C140.548 95.2544 139.502 95.4485 135.911 97.2067L131.916 99.1616L106.185 97.0219C92.0322 95.8453 79.7014 94.9002 78.7829 94.9222C77.8644 94.9436 75.5497 95.5005 73.6392 96.1595ZM89.5792 98.1238C98.9801 102.727 106.349 114.581 108.88 129.17C110.088 136.134 109.354 152.025 107.537 158.263C104.289 169.406 97.6067 178.779 90.1083 182.706C86.8838 184.395 85.7736 184.615 80.4529 184.615C75.1329 184.615 74.022 184.395 70.8002 182.708C63.231 178.743 57.253 170.34 53.6424 158.59C51.9456 153.069 51.802 151.718 51.7666 140.939C51.7232 127.656 52.4733 123.655 56.7065 114.594C60.8428 105.739 66.5122 99.7992 73.2805 97.2287C77.1396 95.7633 85.7208 96.2342 89.5792 98.1238ZM154.906 98.2205C167.64 104.778 176.125 124.697 174.718 144.73C173.485 162.272 165.587 177.615 155.17 182.704C149.946 185.256 143.295 185.614 138.024 183.628C120.207 176.913 111.05 145.551 119.514 120.23C123.506 108.288 130.892 99.6712 139.568 96.8358C142.834 95.7686 151.698 96.569 154.906 98.2205ZM108.344 98.2391C116.885 98.9655 125.382 99.7292 127.227 99.9353L130.581 100.311L127.419 103.727C122.166 109.402 117.945 118.846 116.152 128.934C115.092 134.896 115.232 147.578 116.425 153.612C118.422 163.721 122.557 172.37 128.061 177.956L130.912 180.85L126.725 181.248C117.051 182.17 92.2205 184.293 91.1116 184.293C90.3688 184.293 91.1043 183.504 93.0382 182.224C100.06 177.58 105.91 168.29 108.956 156.947C111.115 148.91 111.117 131.882 108.962 123.931C105.98 112.934 99.7029 103.145 92.8471 98.8007C89.2225 96.503 88.318 96.5363 108.344 98.2391ZM181.086 98.9028C193.708 99.994 220.267 102.242 240.107 103.899L276.179 106.911L278.757 109.752C290.146 122.302 291.461 152.43 281.299 168.004C277.381 174.01 277.317 174.041 267.495 174.889C237.176 177.505 156.441 184.293 155.64 184.293C155.109 184.293 156.011 183.445 157.644 182.408C164.746 177.901 170.543 169.107 173.768 157.947C175.124 153.257 175.31 151.161 175.31 140.606C175.31 131.244 175.054 127.674 174.146 124.397C170.676 111.868 164.923 103.189 156.508 97.7916C155.335 97.0386 155.345 96.9952 156.704 96.9579C157.494 96.9359 168.466 97.8116 181.086 98.9028ZM75.5343 103.774C71.9999 104.902 66.5597 110.348 63.8796 115.441C59.6992 123.384 58.4367 129.165 58.456 140.272C58.4747 151.35 59.4794 156.511 63.0653 163.954C67.2484 172.638 74.1035 178.299 80.4168 178.284C86.8918 178.268 93.8138 172.627 97.8532 164.074C101.054 157.297 102.213 152.386 102.643 143.781C103.917 118.262 90.799 98.9028 75.5343 103.774ZM139.037 104.648C124.323 111.968 118.36 142.337 127.611 162.836C132.809 174.356 141.393 180.19 149.341 177.608C160.457 173.996 167.797 159.129 167.773 140.272C167.761 130.881 166.422 124.519 162.913 117.177C157.051 104.916 148.022 100.177 139.037 104.648ZM312.133 113.167L337.398 115.359L339.011 117.31C348.352 128.611 348.16 154.841 338.671 163.919L336.661 165.842L311.096 168.036C297.035 169.243 284.551 170.243 283.352 170.259L281.173 170.287L282.747 167.785C291.409 154.021 291.294 125.221 282.529 112.93L281.099 110.925L283.983 110.95C285.57 110.965 298.237 111.962 312.133 113.167ZM352.924 127.631C353.867 128.75 355.096 131.205 355.656 133.088C357.712 140 356.461 149.384 352.924 153.581C351.457 155.322 350.756 155.613 348.029 155.613H344.846L345.83 152.111C347.188 147.279 347.173 133.002 345.805 128.767L344.781 125.599H347.996C350.76 125.599 351.452 125.884 352.924 127.631ZM345.02 172.621C344.389 174.272 343.633 175.622 343.34 175.622C343.049 175.622 341.646 176.109 340.223 176.702L337.636 177.782L340.42 178.87C343.859 180.214 344.06 180.415 345.401 183.836L346.484 186.604L348.073 183.339C349.39 180.632 350.173 179.876 352.667 178.913C355.993 177.627 356.178 177.914 350.624 175.751C349.469 175.302 348.622 174.2 348.012 172.353C347.515 170.85 346.897 169.62 346.638 169.62C346.38 169.62 345.651 170.97 345.02 172.621ZM1.00727 172.001C-0.247918 173.255 -0.329417 174.402 0.759438 175.489C1.85764 176.586 3.63255 176.494 4.63389 175.289C5.31459 174.47 7.5738 174.288 17.1043 174.288C32.9147 174.288 32.0223 173.369 32.0223 189.65V201.737L33.9748 203.687L35.9274 205.637H67.7427C101.264 205.637 102.631 205.752 103.752 208.668C103.98 209.262 104.167 218.15 104.167 228.42V247.092L106.12 249.042L108.072 250.991H158.821C203.314 250.991 209.617 251.115 209.954 251.992C210.415 253.193 212.471 253.306 213.587 252.192C215.794 249.988 212.749 246.517 210.439 248.604C209.399 249.545 203.853 249.658 158.724 249.658C109.066 249.658 108.152 249.634 106.839 248.324C105.569 247.055 105.503 246.1 105.502 228.814C105.501 208.136 105.211 206.666 100.827 205.174C99.1538 204.604 89.6153 204.367 67.2597 204.34C36.9475 204.304 35.9909 204.263 34.6943 202.969C33.4645 201.741 33.3583 200.745 33.3569 190.463C33.3563 181.159 33.1605 178.902 32.1879 176.966C30.3602 173.327 28.9875 172.975 16.5725 172.965C7.52303 172.957 5.31125 172.769 4.63389 171.954C3.56441 170.667 2.32726 170.684 1.00727 172.001ZM169.865 201.38C168.655 204.285 168.133 204.807 165.716 205.53C164.196 205.985 162.952 206.598 162.952 206.892C162.952 207.186 164.18 207.794 165.681 208.243C168.033 208.946 168.613 209.518 169.878 212.38L171.346 215.701L172.708 212.482C173.874 209.727 174.471 209.132 176.861 208.344C178.396 207.838 179.652 207.184 179.652 206.891C179.652 206.597 178.419 205.988 176.912 205.537C174.543 204.829 173.973 204.267 172.71 201.387L171.247 198.056L169.865 201.38ZM281.858 214.618C281.858 227.866 281.815 228.289 280.433 229.028C279.134 229.722 278.143 228.926 269.151 219.963C262.767 213.599 259.006 210.313 258.477 210.639C257.931 210.976 260.914 214.395 267.494 220.976C280.721 234.204 280.942 233.65 262.441 233.65C250.456 233.65 248.457 233.793 248.457 234.65C248.457 235.508 250.456 235.651 262.441 235.651C280.942 235.651 280.721 235.097 267.494 248.325C260.914 254.905 257.931 258.325 258.477 258.662C259.005 258.987 262.745 255.742 269.072 249.469C277.739 240.877 279.023 239.84 280.355 240.358C281.847 240.939 281.858 241.042 281.858 254.972C281.858 263.88 282.101 269 282.526 269C282.95 269 283.194 263.894 283.194 255.017C283.194 241.428 283.234 241.012 284.618 240.272C285.916 239.579 286.902 240.368 295.815 249.253C301.19 254.611 305.81 258.995 306.081 258.995C307.704 258.995 305.537 256.307 297.15 247.917C284.387 235.153 284.166 235.651 302.611 235.651C314.595 235.651 316.594 235.508 316.594 234.65C316.594 233.793 314.595 233.65 302.611 233.65C284.109 233.65 284.331 234.204 297.557 220.976C304.137 214.395 307.12 210.976 306.574 210.639C306.046 210.314 302.31 213.57 295.979 219.877C282.682 233.122 283.194 233.321 283.194 214.896C283.194 206.056 282.95 200.968 282.526 200.968C282.102 200.968 281.858 205.962 281.858 214.618Z" fill="#1B2E4B"/>
+</svg>  
diff --git a/public/assets/images/knowledge/image-1.jpg b/public/assets/images/knowledge/image-1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..ab2ae53040631ea114aefd07dca0fb3d15fb4bb5
Binary files /dev/null and b/public/assets/images/knowledge/image-1.jpg differ
diff --git a/public/assets/images/knowledge/image-2.jpg b/public/assets/images/knowledge/image-2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b4cf34023207ae2d2ce1484d83366b2bfd0bb7d3
Binary files /dev/null and b/public/assets/images/knowledge/image-2.jpg differ
diff --git a/public/assets/images/knowledge/image-3.jpg b/public/assets/images/knowledge/image-3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..5329d74d706522e19d7f84a2a2ab7f9485b42288
Binary files /dev/null and b/public/assets/images/knowledge/image-3.jpg differ
diff --git a/public/assets/images/knowledge/image-4.jpg b/public/assets/images/knowledge/image-4.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d9d04257137dc2225102021be60600b870483754
Binary files /dev/null and b/public/assets/images/knowledge/image-4.jpg differ
diff --git a/public/assets/images/knowledge/image-5.jpg b/public/assets/images/knowledge/image-5.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..390ab2558edc969929959851a55950cb5c10e330
Binary files /dev/null and b/public/assets/images/knowledge/image-5.jpg differ
diff --git a/public/assets/images/knowledge/image-6.jpg b/public/assets/images/knowledge/image-6.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b9c28767b8ffac5fdbe37cf01134d58abb2222ea
Binary files /dev/null and b/public/assets/images/knowledge/image-6.jpg differ
diff --git a/public/assets/images/knowledge/image-7.jpg b/public/assets/images/knowledge/image-7.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..530af2c3993ddf468fe74f6c9f3a1d6a91bb5931
Binary files /dev/null and b/public/assets/images/knowledge/image-7.jpg differ
diff --git a/public/assets/images/knowledge/image-8.jpg b/public/assets/images/knowledge/image-8.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b93f7433ad69bc63a369085738f12cf8159c908c
Binary files /dev/null and b/public/assets/images/knowledge/image-8.jpg differ
diff --git a/public/assets/images/knowledge/pattern.png b/public/assets/images/knowledge/pattern.png
new file mode 100644
index 0000000000000000000000000000000000000000..5e66ae8a6a824ef5fdfa457d3b86e6843eae60fb
Binary files /dev/null and b/public/assets/images/knowledge/pattern.png differ
diff --git a/public/assets/images/lightbox1.jpg b/public/assets/images/lightbox1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..7d604b93ba4ab6fbdfa796041fd17ac9075b031b
Binary files /dev/null and b/public/assets/images/lightbox1.jpg differ
diff --git a/public/assets/images/lightbox2.jpeg b/public/assets/images/lightbox2.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..7405d2733da79ef6a2ea4e1c6a291f67bfce2771
Binary files /dev/null and b/public/assets/images/lightbox2.jpeg differ
diff --git a/public/assets/images/lightbox3.jpeg b/public/assets/images/lightbox3.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..6e36921bb87e224848025060241d51ec2199fe76
Binary files /dev/null and b/public/assets/images/lightbox3.jpeg differ
diff --git a/public/assets/images/lightbox4.jpeg b/public/assets/images/lightbox4.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..d2d0c50e0cede0e2abd2888f743260711beba4b7
Binary files /dev/null and b/public/assets/images/lightbox4.jpeg differ
diff --git a/public/assets/images/lightbox5.jpeg b/public/assets/images/lightbox5.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..bb9923caefeaba7f7755988b2fca372899e95108
Binary files /dev/null and b/public/assets/images/lightbox5.jpeg differ
diff --git a/public/assets/images/lightbox6.jpeg b/public/assets/images/lightbox6.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..d04ee92facbf77c3a533d0c8de58362a5c788a92
Binary files /dev/null and b/public/assets/images/lightbox6.jpeg differ
diff --git a/public/assets/images/litecoin.svg b/public/assets/images/litecoin.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1ea0c79fee668ec265a123408bccb55de7935cf1
--- /dev/null
+++ b/public/assets/images/litecoin.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 508.96 508.96"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#345d9d;}</style></defs><title>litecoin-ltc</title><circle class="cls-1" cx="254.48" cy="254.48" r="226.94"/><path class="cls-2" d="M256.38,2C115.84,2,1.9,116,1.9,256.52S115.84,511,256.38,511,510.87,397.07,510.87,256.52h0C511.27,116.38,398,2.45,257.87,2h-1.49Zm4.32,263.11-26.5,89.34H375.92a7.15,7.15,0,0,1,7.4,6.89h0v2.34L371,406.25a9.18,9.18,0,0,1-9.24,6.78H144.86l36.35-123.85L140.54,301.5l9.25-28.34,40.66-12.33L241.6,87.07a9.3,9.3,0,0,1,9.24-6.78h54.84a7.15,7.15,0,0,1,7.39,6.9h0v2.35L269.94,236.19l40.67-12.33L302,253.44Z" transform="translate(-1.9 -2.04)"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/logo.svg b/public/assets/images/logo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..cff3e7c1944ad64d9866719134bd0318d0920a27
--- /dev/null
+++ b/public/assets/images/logo.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="49" viewBox="0 0 56 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.9051 21.4676C31.656 21.4676 34.6966 18.4269 34.6966 14.676C34.6966 10.9252 31.656 7.88452 27.9051 7.88452C24.1543 7.88452 21.1136 10.9252 21.1136 14.676C21.1136 18.4269 24.1543 21.4676 27.9051 21.4676Z" fill="#FFD600" fill-opacity="0.78"/>
+<path d="M55.4467 3.83521L30.1078 47.7297C29.1316 49.4234 26.6787 49.4234 25.6942 47.7297L0.355311 3.83521C-0.946256 1.5825 1.58177 -0.945529 3.83449 0.356038L16.5248 7.6815C17.843 8.44075 18.5272 9.99263 18.11 11.4527C17.7429 12.7543 17.6177 14.156 17.8096 15.6161C18.4104 20.2133 22.1565 23.876 26.7704 24.3766C32.9112 25.0441 38.1008 20.2467 38.1008 14.2478C38.1008 13.3217 37.9756 12.4206 37.742 11.5695C37.3332 10.0594 37.9339 8.46578 39.2855 7.68985L51.9841 0.356038C54.2285 -0.945529 56.7482 1.57416 55.4467 3.83521Z" fill="url(#paint0_linear_106_6)"/>
+<defs>
+<linearGradient id="paint0_linear_106_6" x1="13.3494" y1="3.52653" x2="40.4654" y2="43.5748" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EF1262"/>
+<stop offset="1" stop-color="#4361EE"/>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public/assets/images/map-dark.svg b/public/assets/images/map-dark.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c2815fcc85db22b4191eaa15225a7d28fa25eb4a
--- /dev/null
+++ b/public/assets/images/map-dark.svg
@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'><g mask='url(&quot;#SvgjsMask1008&quot;)' fill='none'><rect width='1440' height='560' x='0' y='0' fill='#060818'></rect><path d='M52.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM52.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM52.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM52.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM54.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM54.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM54.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM54.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM54.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM56.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM56.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM56.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM56.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM56.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM58.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM58.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM58.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM58.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM58.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM60.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM60.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM60.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM60.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM60.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM60.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM60.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 142.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 144.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 142.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 140.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 138.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 136.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 134.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 130.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 144.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 142.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 140.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 138.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 136.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 134.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 130.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 144.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 140.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 138.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 136.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 134.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 130.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 138.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 134.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 130.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 130.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM158.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM158.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM158.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM158.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM158.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM158.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM158.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM158.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM160.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM160.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM160.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM160.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM160.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM160.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM160.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM162.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM162.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM162.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM162.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM162.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM162.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM164.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM164.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM164.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM164.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM164.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM164.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM164.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM166.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM166.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM166.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM166.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM166.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM166.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM166.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM168.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM168.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM168.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM168.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM168.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM168.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM170.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM170.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM170.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM170.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM170.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM170.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM170.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM172.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM172.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM174.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM174.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM174.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM176.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM176.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM176.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM176.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM176.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM176.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM176.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 130.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 130.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM360.03 136.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM362.03 136.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM362.03 134.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM364.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM366.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM366.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM368.03 130.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM368.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM370.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM370.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z' transform='scale(3.73)' fill='rgba(14,23,38,1)'></path><path d='M26.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM26.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM28.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM28.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM28.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM28.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM30.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM30.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM30.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM30.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM30.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM32.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM32.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM32.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM32.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM32.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM32.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM32.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM34.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM34.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM34.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM34.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM34.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM34.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM36.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM36.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM36.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM36.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM36.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM36.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM36.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM38.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM38.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM38.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM38.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM38.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM38.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM40.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM40.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM40.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM40.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM40.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM42.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM42.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM42.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM42.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM42.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM42.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM44.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM44.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM44.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM44.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM44.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM44.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM46.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM46.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM46.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM46.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM46.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM48.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM48.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM48.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM48.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM48.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM50.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM50.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM50.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM50.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM52.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM56.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM14.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM14.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM16.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM18.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM20.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM346.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM346.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM346.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM346.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM346.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM346.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM348.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM348.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM348.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM348.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM348.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM348.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM348.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM350.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM350.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM350.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM350.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM350.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM350.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM350.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM350.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM352.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM352.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM352.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM352.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM352.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM352.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM354.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM354.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM354.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM354.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM354.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM354.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM354.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM356.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM356.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM356.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM358.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM358.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM358.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM358.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM360.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM360.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM360.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM360.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM362.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM362.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM362.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM362.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM364.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM364.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM364.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM364.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM366.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM366.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM366.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM366.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM368.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM368.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM368.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM370.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM370.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM370.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z' transform='scale(3.73)' fill='rgba(27,46,75,0.6)'></path></g><defs><mask id='SvgjsMask1008'><rect width='1440' height='560' fill='white'></rect></mask></defs></svg>
\ No newline at end of file
diff --git a/public/assets/images/map.svg b/public/assets/images/map.svg
new file mode 100644
index 0000000000000000000000000000000000000000..aa58a63b9b353649baf6a602e90ef8537a9adb1e
--- /dev/null
+++ b/public/assets/images/map.svg
@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'><g mask='url(&quot;#SvgjsMask1008&quot;)' fill='none'><rect width='1440' height='560' x='0' y='0' fill='rgba(250, 250, 250, 1)'></rect><path d='M52.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM52.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM52.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM52.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM54.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM54.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM54.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM54.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM54.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM56.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM56.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM56.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM56.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM56.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM58.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM58.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM58.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM58.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM58.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM60.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM60.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM60.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM60.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM60.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM60.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM60.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM62.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM64.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM66.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 142.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 144.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 142.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 140.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 138.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 136.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 134.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 130.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 144.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 142.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 140.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 138.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 136.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 134.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 130.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 144.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 140.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 138.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 136.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 134.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 130.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 138.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 134.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 130.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM126.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 130.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM128.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM130.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM132.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM134.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM136.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM138.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM140.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM142.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM144.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM146.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM148.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM150.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM152.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM154.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM156.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM158.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM158.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM158.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM158.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM158.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM158.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM158.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM158.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM160.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM160.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM160.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM160.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM160.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM160.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM160.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM162.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM162.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM162.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM162.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM162.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM162.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM164.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM164.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM164.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM164.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM164.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM164.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM164.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM166.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM166.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM166.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM166.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM166.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM166.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM166.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM168.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM168.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM168.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM168.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM168.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM168.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM170.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM170.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM170.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM170.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM170.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM170.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM170.03 8.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM172.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM172.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM174.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM174.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM174.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM176.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM176.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM176.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM176.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM176.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM176.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM176.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM178.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM180.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM182.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM184.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM186.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM188.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM190.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM192.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM194.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM196.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM198.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM200.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM202.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM204.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM206.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM208.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM210.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM212.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM214.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM216.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM218.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 80.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 70.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 76.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 68.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 88.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 86.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 66.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 84.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 64.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 90.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 74.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 72.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 78.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 82.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 92.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 104.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 102.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 130.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 106.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 94.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 98.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 130.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 112.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 110.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 100.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 124.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 114.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 96.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 122.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 120.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 118.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 116.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM360.03 136.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM362.03 136.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM362.03 134.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM364.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM366.03 132.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM366.03 126.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM368.03 130.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM368.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM370.03 128.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM370.03 108.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z' transform='scale(3.73)' fill='rgba(241, 242, 243, 1)'></path><path d='M26.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM26.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM28.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM28.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM28.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM28.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM30.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM30.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM30.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM30.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM30.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM32.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM32.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM32.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM32.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM32.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM32.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM32.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM34.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM34.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM34.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM34.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM34.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM34.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM36.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM36.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM36.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM36.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM36.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM36.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM36.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM38.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM38.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM38.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM38.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM38.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM38.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM40.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM40.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM40.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM40.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM40.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM42.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM42.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM42.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM42.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM42.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM42.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM44.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM44.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM44.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM44.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM44.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM44.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM46.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM46.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM46.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM46.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM46.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM48.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM48.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM48.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM48.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM48.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM50.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM50.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM50.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM50.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM52.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM56.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM68.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM70.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM72.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM74.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM76.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM78.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM80.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM82.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM84.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM86.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM88.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM90.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM92.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM94.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM96.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM98.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM100.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM102.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM104.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM106.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM108.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 62.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 60.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 58.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM110.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM112.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 56.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 54.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM114.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 52.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 50.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM116.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM118.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM120.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM122.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM124.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM14.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM14.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM16.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM18.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM20.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM220.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM222.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM224.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM226.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM228.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM230.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM232.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM234.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM236.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM238.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 48.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM240.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM242.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM244.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM246.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM248.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM250.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM252.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM254.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM256.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM258.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM260.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM262.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM264.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM266.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM268.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM270.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM272.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM274.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM276.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM278.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM280.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM282.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM284.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM286.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM288.03 10.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM290.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM292.03 12.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM294.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM296.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM298.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM300.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM302.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM304.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM306.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM308.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM310.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM312.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM314.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM316.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM318.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM320.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM322.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM324.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 46.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM326.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM328.03 16.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 42.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM330.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM332.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM334.03 14.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 40.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM336.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM338.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM340.03 18.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 44.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM342.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM344.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM346.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM346.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM346.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM346.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM346.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM346.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM348.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM348.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM348.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM348.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM348.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM348.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM348.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM350.03 38.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM350.03 36.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM350.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM350.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM350.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM350.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM350.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM350.03 20.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM352.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM352.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM352.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM352.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM352.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM352.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM354.03 34.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM354.03 32.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM354.03 30.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM354.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM354.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM354.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM354.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM356.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM356.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM356.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM358.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM358.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM358.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM358.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM360.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM360.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM360.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM360.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM362.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM362.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM362.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM362.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM364.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM364.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM364.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM364.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM366.03 28.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM366.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM366.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM366.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM368.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM368.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM368.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM370.03 26.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM370.03 24.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0zM370.03 22.07 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z' transform='scale(3.73)' fill='rgba(224, 230, 237, 1)'></path></g><defs><mask id='SvgjsMask1008'><rect width='1440' height='560' fill='white'></rect></mask></defs></svg>
\ No newline at end of file
diff --git a/public/assets/images/menu-heade.jpg b/public/assets/images/menu-heade.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b31c78d02584b4898b80d6d258f96786a5dde7cc
Binary files /dev/null and b/public/assets/images/menu-heade.jpg differ
diff --git a/public/assets/images/notification-bg.png b/public/assets/images/notification-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..acee5389a2f6c689d90cf6f2394a806161b496f2
Binary files /dev/null and b/public/assets/images/notification-bg.png differ
diff --git a/public/assets/images/product-camera.jpg b/public/assets/images/product-camera.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..6cddd98ae3387c9637541ebec0dad6ce07034669
Binary files /dev/null and b/public/assets/images/product-camera.jpg differ
diff --git a/public/assets/images/product-headphones.jpg b/public/assets/images/product-headphones.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..6768bfb0d8c27bb08c9b13318e4b2c401ec04c20
Binary files /dev/null and b/public/assets/images/product-headphones.jpg differ
diff --git a/public/assets/images/product-laptop.jpg b/public/assets/images/product-laptop.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..50eabbbcb41148f01ac9f4c0a70de7caf6c76585
Binary files /dev/null and b/public/assets/images/product-laptop.jpg differ
diff --git a/public/assets/images/product-shoes.jpg b/public/assets/images/product-shoes.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..ffb84f65d1b5fe783ec346ddebcbf9e7a091b768
Binary files /dev/null and b/public/assets/images/product-shoes.jpg differ
diff --git a/public/assets/images/product-watch.jpg b/public/assets/images/product-watch.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..bded04be63c91f60cb1b965ce1851589fee820e9
Binary files /dev/null and b/public/assets/images/product-watch.jpg differ
diff --git a/public/assets/images/profile-1.jpeg b/public/assets/images/profile-1.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..5e796f4478902bdc702bd8696e04d52b619bd150
Binary files /dev/null and b/public/assets/images/profile-1.jpeg differ
diff --git a/public/assets/images/profile-10.jpeg b/public/assets/images/profile-10.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..2f218dae161e74e4efc0029916079baad337d557
Binary files /dev/null and b/public/assets/images/profile-10.jpeg differ
diff --git a/public/assets/images/profile-11.jpeg b/public/assets/images/profile-11.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..87724237a48c06a5d3f6ae80f2b9c8d0f01d4cec
Binary files /dev/null and b/public/assets/images/profile-11.jpeg differ
diff --git a/public/assets/images/profile-12.jpeg b/public/assets/images/profile-12.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..063c0f5404c865f4fdf3ae9ec78c44a2c450e673
Binary files /dev/null and b/public/assets/images/profile-12.jpeg differ
diff --git a/public/assets/images/profile-13.jpeg b/public/assets/images/profile-13.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..513d34a9c5e4df733cbe9173a34a7767c3ce42b9
Binary files /dev/null and b/public/assets/images/profile-13.jpeg differ
diff --git a/public/assets/images/profile-14.jpeg b/public/assets/images/profile-14.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..b99800ca6c006e3ac03d5687de6eb96d025e9dc3
Binary files /dev/null and b/public/assets/images/profile-14.jpeg differ
diff --git a/public/assets/images/profile-15.jpeg b/public/assets/images/profile-15.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..8e0ad548d7dff7b697182628cadf81db12eb254a
Binary files /dev/null and b/public/assets/images/profile-15.jpeg differ
diff --git a/public/assets/images/profile-16.jpeg b/public/assets/images/profile-16.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..d95adc5747b16171eacf62982239b290e059ef8d
Binary files /dev/null and b/public/assets/images/profile-16.jpeg differ
diff --git a/public/assets/images/profile-17.jpeg b/public/assets/images/profile-17.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..f5fa073bcce18bc4a402e2cb2c3ab589714ee510
Binary files /dev/null and b/public/assets/images/profile-17.jpeg differ
diff --git a/public/assets/images/profile-18.jpeg b/public/assets/images/profile-18.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..ce77741bf6984361020abd194b1a271182291fbd
Binary files /dev/null and b/public/assets/images/profile-18.jpeg differ
diff --git a/public/assets/images/profile-19.jpeg b/public/assets/images/profile-19.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..b9f95595817a4dd90e06c5487314c387f306d17c
Binary files /dev/null and b/public/assets/images/profile-19.jpeg differ
diff --git a/public/assets/images/profile-2.jpeg b/public/assets/images/profile-2.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..13036fa12fcc6cf2b71296151e6a9967ecf29144
Binary files /dev/null and b/public/assets/images/profile-2.jpeg differ
diff --git a/public/assets/images/profile-20.jpeg b/public/assets/images/profile-20.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..488f88cad030db186df188f8c5181baeb75abed4
Binary files /dev/null and b/public/assets/images/profile-20.jpeg differ
diff --git a/public/assets/images/profile-21.jpeg b/public/assets/images/profile-21.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..2e2d592a13af6906af72bfd26f3c564715eebd2a
Binary files /dev/null and b/public/assets/images/profile-21.jpeg differ
diff --git a/public/assets/images/profile-22.jpeg b/public/assets/images/profile-22.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..b0afb52da321ccfa236c7ff61ebb75971ba5ed7c
Binary files /dev/null and b/public/assets/images/profile-22.jpeg differ
diff --git a/public/assets/images/profile-23.jpeg b/public/assets/images/profile-23.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..aa453502dd9797dee7622961edb623e05d408982
Binary files /dev/null and b/public/assets/images/profile-23.jpeg differ
diff --git a/public/assets/images/profile-24.jpeg b/public/assets/images/profile-24.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..6142b8643e7cfb8c7405def05be963e398170166
Binary files /dev/null and b/public/assets/images/profile-24.jpeg differ
diff --git a/public/assets/images/profile-25.jpeg b/public/assets/images/profile-25.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..e56dabeb1633e5d95f0d382a7dce8af10c59165c
Binary files /dev/null and b/public/assets/images/profile-25.jpeg differ
diff --git a/public/assets/images/profile-26.jpeg b/public/assets/images/profile-26.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..531894cfb17b03c332d25d568980e16f80626c55
Binary files /dev/null and b/public/assets/images/profile-26.jpeg differ
diff --git a/public/assets/images/profile-27.jpeg b/public/assets/images/profile-27.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..59aad871fecb3cce6d0b5aa304df9f51dbe027ea
Binary files /dev/null and b/public/assets/images/profile-27.jpeg differ
diff --git a/public/assets/images/profile-28.jpeg b/public/assets/images/profile-28.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..6f0267374a8524afe972164c953ba37453332996
Binary files /dev/null and b/public/assets/images/profile-28.jpeg differ
diff --git a/public/assets/images/profile-29.jpeg b/public/assets/images/profile-29.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..6b1ffcc52f51c4684dec0f590ab497bf2fd2b83a
Binary files /dev/null and b/public/assets/images/profile-29.jpeg differ
diff --git a/public/assets/images/profile-3.jpeg b/public/assets/images/profile-3.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..83a54d5ca5d30b85dc6339f9037d8581fbda0911
Binary files /dev/null and b/public/assets/images/profile-3.jpeg differ
diff --git a/public/assets/images/profile-30.jpeg b/public/assets/images/profile-30.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..7fdfade60ca181f3a1e7b662fde6e9bd1c5874c4
Binary files /dev/null and b/public/assets/images/profile-30.jpeg differ
diff --git a/public/assets/images/profile-30.png b/public/assets/images/profile-30.png
new file mode 100644
index 0000000000000000000000000000000000000000..7fdfade60ca181f3a1e7b662fde6e9bd1c5874c4
Binary files /dev/null and b/public/assets/images/profile-30.png differ
diff --git a/public/assets/images/profile-31.jpeg b/public/assets/images/profile-31.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..5b4162c39aeaac0038a1330a671e5b11cb79fc45
Binary files /dev/null and b/public/assets/images/profile-31.jpeg differ
diff --git a/public/assets/images/profile-32.jpeg b/public/assets/images/profile-32.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..30a0051c46e72de8bddfa0793110cec00bc8611b
Binary files /dev/null and b/public/assets/images/profile-32.jpeg differ
diff --git a/public/assets/images/profile-33.jpeg b/public/assets/images/profile-33.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..eba7898db8c4c8aeebb294e3fc0634a0084e647c
Binary files /dev/null and b/public/assets/images/profile-33.jpeg differ
diff --git a/public/assets/images/profile-34.jpeg b/public/assets/images/profile-34.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..663fd338a760147f7de72e9097432310ebb7c685
Binary files /dev/null and b/public/assets/images/profile-34.jpeg differ
diff --git a/public/assets/images/profile-35.png b/public/assets/images/profile-35.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b4d1a63b1736841a0bcc106567b92d140f82fef
Binary files /dev/null and b/public/assets/images/profile-35.png differ
diff --git a/public/assets/images/profile-4.jpeg b/public/assets/images/profile-4.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..8c65ccbeb3047c1c7fc848ead2f46159c8b79061
Binary files /dev/null and b/public/assets/images/profile-4.jpeg differ
diff --git a/public/assets/images/profile-5.jpeg b/public/assets/images/profile-5.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..db68931e2e6fc8a9399efee357fedd9f1a1d3b3d
Binary files /dev/null and b/public/assets/images/profile-5.jpeg differ
diff --git a/public/assets/images/profile-6.jpeg b/public/assets/images/profile-6.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..c9b84363adf4d49db9e1a7470d9610c40471c23c
Binary files /dev/null and b/public/assets/images/profile-6.jpeg differ
diff --git a/public/assets/images/profile-7.jpeg b/public/assets/images/profile-7.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..2daee151b752588b0d8c7f8bb6f359d01c876d40
Binary files /dev/null and b/public/assets/images/profile-7.jpeg differ
diff --git a/public/assets/images/profile-8.jpeg b/public/assets/images/profile-8.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..d4cc154564bb13aff8562c4a4ea15420fccecc68
Binary files /dev/null and b/public/assets/images/profile-8.jpeg differ
diff --git a/public/assets/images/profile-9.jpeg b/public/assets/images/profile-9.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..e6d2710421779ddeb4660a0ec3d3d8bdbb48a978
Binary files /dev/null and b/public/assets/images/profile-9.jpeg differ
diff --git a/public/assets/images/settings-dark.svg b/public/assets/images/settings-dark.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b46e7a55ac926e93a2fb1b5c44e44daeafafc77b
--- /dev/null
+++ b/public/assets/images/settings-dark.svg
@@ -0,0 +1 @@
+<svg width="100" height="68" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3a3 3 0 013-3h94a3 3 0 013 3v65H0V3z" fill="#2D2D2D"/><path d="M0 0h100v10H0V0z" fill="#393939"/><path fill="#242424" d="M0 10h100v1H0z"/><path fill="#3C4146" d="M20 11h2v57h-2z"/><path d="M3 15c0-.6.4-1 1-1h16v8H4a1 1 0 01-1-1v-6z" fill="#6A737C"/><rect x="26" y="14" width="49" height="8" rx="1" fill="#6A737C"/><rect x="93" y="4" width="4" height="4" rx="1" fill="#6A737C"/><rect x="86" y="4" width="4" height="4" rx="1" fill="#6A737C"/><rect x="3" y="4" width="4" height="4" rx="1" fill="#6A737C"/><rect x="36" y="27" width="61" height="4" rx="1" fill="#6A737C"/><rect x="36" y="34" width="58" height="4" rx="1" fill="#6A737C"/><rect x="36" y="41" width="57" height="4" rx="1" fill="#6A737C"/><rect x="36" y="48" width="59" height="4" rx="1" fill="#6A737C"/><rect x="26" y="27" width="6" height="6" rx="1" fill="#6A737C"/><rect x="26" y="43" width="6" height="6" rx="1" fill="#6A737C"/><rect x="83" y="57" width="14" height="8" rx="1" fill="#6A737C"/><rect x="27" y="36" width="4" height="4" rx="1" fill="#6A737C"/><path fill="#F2720C" d="M20 14h2v8h-2z"/><rect x="78" y="14" width="19" height="8" rx="1" fill="#0095FF"/><path fill="#F2720C" d="M0 0h100v2H0z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/settings-light.svg b/public/assets/images/settings-light.svg
new file mode 100644
index 0000000000000000000000000000000000000000..98d6efcc61d9ecc3e86166db3e26713e94cefc9c
--- /dev/null
+++ b/public/assets/images/settings-light.svg
@@ -0,0 +1 @@
+<svg width="100" height="68" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h100v68H0V0z" fill="#fff"/><path d="M0 0h100v10H0V0z" fill="#FAFAFB"/><path fill="#E4E6E8" d="M0 10h100v1H0z"/><path fill="#EFF0F1" d="M20 11h2v57h-2z"/><path d="M3 15c0-.6.4-1 1-1h16v8H4a1 1 0 01-1-1v-6z" fill="#D6D9DC"/><rect x="26" y="14" width="49" height="8" rx="1" fill="#D6D9DC"/><rect x="93" y="4" width="4" height="4" rx="1" fill="#D6D9DC"/><rect x="86" y="4" width="4" height="4" rx="1" fill="#D6D9DC"/><rect x="3" y="4" width="4" height="4" rx="1" fill="#D6D9DC"/><rect x="36" y="27" width="61" height="4" rx="1" fill="#D6D9DC"/><rect x="36" y="34" width="58" height="4" rx="1" fill="#D6D9DC"/><rect x="36" y="41" width="57" height="4" rx="1" fill="#D6D9DC"/><rect x="36" y="48" width="59" height="4" rx="1" fill="#D6D9DC"/><rect x="26" y="27" width="6" height="6" rx="1" fill="#D6D9DC"/><rect x="26" y="43" width="6" height="6" rx="1" fill="#D6D9DC"/><rect x="83" y="57" width="14" height="8" rx="1" fill="#D6D9DC"/><rect x="27" y="36" width="4" height="4" rx="1" fill="#D6D9DC"/><path fill="#F2720C" d="M20 14h2v8h-2z"/><rect x="78" y="14" width="19" height="8" rx="1" fill="#07C"/><path fill="#F2720C" d="M0 0h100v2H0z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/sweet-bg.jpg b/public/assets/images/sweet-bg.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..ad8270464f85004ad30e1376f3706e8fb1717db7
Binary files /dev/null and b/public/assets/images/sweet-bg.jpg differ
diff --git a/public/assets/images/user-profile.jpeg b/public/assets/images/user-profile.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..b5bd69a2e235de4cc7e383aa35f35fac7c095bc5
Binary files /dev/null and b/public/assets/images/user-profile.jpeg differ
diff --git a/public/assets/js/.DS_Store b/public/assets/js/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6
Binary files /dev/null and b/public/assets/js/.DS_Store differ
diff --git a/public/assets/js/Sortable.min.js b/public/assets/js/Sortable.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..17bb16c73b2c4859aeda8f607af6b391342b2e53
--- /dev/null
+++ b/public/assets/js/Sortable.min.js
@@ -0,0 +1,2 @@
+/*! Sortable 1.15.0 - MIT | git://github.com/SortableJS/Sortable.git */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Sortable=e()}(this,function(){"use strict";function e(e,t){var n,o=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,n)),o}function M(o){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?e(Object(i),!0).forEach(function(t){var e,n;e=o,t=i[n=t],n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):e(Object(i)).forEach(function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(i,t))})}return o}function o(t){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(){return(a=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,o=arguments[e];for(n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t}).apply(this,arguments)}function i(t,e){if(null==t)return{};var n,o=function(t,e){if(null==t)return{};for(var n,o={},i=Object.keys(t),r=0;r<i.length;r++)n=i[r],0<=e.indexOf(n)||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols)for(var i=Object.getOwnPropertySymbols(t),r=0;r<i.length;r++)n=i[r],0<=e.indexOf(n)||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n]);return o}function r(t){return function(t){if(Array.isArray(t))return l(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return l(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Map"===(n="Object"===n&&t.constructor?t.constructor.name:n)||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function t(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var y=t(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),w=t(/Edge/i),s=t(/firefox/i),u=t(/safari/i)&&!t(/chrome/i)&&!t(/android/i),n=t(/iP(ad|od|hone)/i),c=t(/chrome/i)&&t(/android/i),d={capture:!1,passive:!1};function h(t,e,n){t.addEventListener(e,n,!y&&d)}function f(t,e,n){t.removeEventListener(e,n,!y&&d)}function p(t,e){if(e&&(">"===e[0]&&(e=e.substring(1)),t))try{if(t.matches)return t.matches(e);if(t.msMatchesSelector)return t.msMatchesSelector(e);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(e)}catch(t){return}}function N(t,e,n,o){if(t){n=n||document;do{if(null!=e&&(">"!==e[0]||t.parentNode===n)&&p(t,e)||o&&t===n)return t}while(t!==n&&(t=(i=t).host&&i!==document&&i.host.nodeType?i.host:i.parentNode))}var i;return null}var g,m=/\s+/g;function I(t,e,n){var o;t&&e&&(t.classList?t.classList[n?"add":"remove"](e):(o=(" "+t.className+" ").replace(m," ").replace(" "+e+" "," "),t.className=(o+(n?" "+e:"")).replace(m," ")))}function P(t,e,n){var o=t&&t.style;if(o){if(void 0===n)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(n=t.currentStyle),void 0===e?n:n[e];o[e=!(e in o||-1!==e.indexOf("webkit"))?"-webkit-"+e:e]=n+("string"==typeof n?"":"px")}}function v(t,e){var n="";if("string"==typeof t)n=t;else do{var o=P(t,"transform")}while(o&&"none"!==o&&(n=o+" "+n),!e&&(t=t.parentNode));var i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(n)}function b(t,e,n){if(t){var o=t.getElementsByTagName(e),i=0,r=o.length;if(n)for(;i<r;i++)n(o[i],i);return o}return[]}function O(){var t=document.scrollingElement;return t||document.documentElement}function k(t,e,n,o,i){if(t.getBoundingClientRect||t===window){var r,a,l,s,c,u,d=t!==window&&t.parentNode&&t!==O()?(a=(r=t.getBoundingClientRect()).top,l=r.left,s=r.bottom,c=r.right,u=r.height,r.width):(l=a=0,s=window.innerHeight,c=window.innerWidth,u=window.innerHeight,window.innerWidth);if((e||n)&&t!==window&&(i=i||t.parentNode,!y))do{if(i&&i.getBoundingClientRect&&("none"!==P(i,"transform")||n&&"static"!==P(i,"position"))){var h=i.getBoundingClientRect();a-=h.top+parseInt(P(i,"border-top-width")),l-=h.left+parseInt(P(i,"border-left-width")),s=a+r.height,c=l+r.width;break}}while(i=i.parentNode);return o&&t!==window&&(o=(e=v(i||t))&&e.a,t=e&&e.d,e&&(s=(a/=t)+(u/=t),c=(l/=o)+(d/=o))),{top:a,left:l,bottom:s,right:c,width:d,height:u}}}function R(t,e,n){for(var o=A(t,!0),i=k(t)[e];o;){var r=k(o)[n];if(!("top"===n||"left"===n?r<=i:i<=r))return o;if(o===O())break;o=A(o,!1)}return!1}function X(t,e,n,o){for(var i=0,r=0,a=t.children;r<a.length;){if("none"!==a[r].style.display&&a[r]!==Bt.ghost&&(o||a[r]!==Bt.dragged)&&N(a[r],n.draggable,t,!1)){if(i===e)return a[r];i++}r++}return null}function Y(t,e){for(var n=t.lastElementChild;n&&(n===Bt.ghost||"none"===P(n,"display")||e&&!p(n,e));)n=n.previousElementSibling;return n||null}function B(t,e){var n=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===Bt.clone||e&&!p(t,e)||n++;return n}function E(t){var e=0,n=0,o=O();if(t)do{var i=v(t),r=i.a,i=i.d}while(e+=t.scrollLeft*r,n+=t.scrollTop*i,t!==o&&(t=t.parentNode));return[e,n]}function A(t,e){if(!t||!t.getBoundingClientRect)return O();var n=t,o=!1;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var i=P(n);if(n.clientWidth<n.scrollWidth&&("auto"==i.overflowX||"scroll"==i.overflowX)||n.clientHeight<n.scrollHeight&&("auto"==i.overflowY||"scroll"==i.overflowY)){if(!n.getBoundingClientRect||n===document.body)return O();if(o||e)return n;o=!0}}}while(n=n.parentNode);return O()}function D(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}function S(e,n){return function(){var t;g||(1===(t=arguments).length?e.call(this,t[0]):e.apply(this,t),g=setTimeout(function(){g=void 0},n))}}function F(t,e,n){t.scrollLeft+=e,t.scrollTop+=n}function _(t){var e=window.Polymer,n=window.jQuery||window.Zepto;return e&&e.dom?e.dom(t).cloneNode(!0):n?n(t).clone(!0)[0]:t.cloneNode(!0)}function C(t,e){P(t,"position","absolute"),P(t,"top",e.top),P(t,"left",e.left),P(t,"width",e.width),P(t,"height",e.height)}function T(t){P(t,"position",""),P(t,"top",""),P(t,"left",""),P(t,"width",""),P(t,"height","")}var j="Sortable"+(new Date).getTime();function x(){var e,o=[];return{captureAnimationState:function(){o=[],this.options.animation&&[].slice.call(this.el.children).forEach(function(t){var e,n;"none"!==P(t,"display")&&t!==Bt.ghost&&(o.push({target:t,rect:k(t)}),e=M({},o[o.length-1].rect),!t.thisAnimationDuration||(n=v(t,!0))&&(e.top-=n.f,e.left-=n.e),t.fromRect=e)})},addAnimationState:function(t){o.push(t)},removeAnimationState:function(t){o.splice(function(t,e){for(var n in t)if(t.hasOwnProperty(n))for(var o in e)if(e.hasOwnProperty(o)&&e[o]===t[n][o])return Number(n);return-1}(o,{target:t}),1)},animateAll:function(t){var c=this;if(!this.options.animation)return clearTimeout(e),void("function"==typeof t&&t());var u=!1,d=0;o.forEach(function(t){var e=0,n=t.target,o=n.fromRect,i=k(n),r=n.prevFromRect,a=n.prevToRect,l=t.rect,s=v(n,!0);s&&(i.top-=s.f,i.left-=s.e),n.toRect=i,n.thisAnimationDuration&&D(r,i)&&!D(o,i)&&(l.top-i.top)/(l.left-i.left)==(o.top-i.top)/(o.left-i.left)&&(t=l,s=r,r=a,a=c.options,e=Math.sqrt(Math.pow(s.top-t.top,2)+Math.pow(s.left-t.left,2))/Math.sqrt(Math.pow(s.top-r.top,2)+Math.pow(s.left-r.left,2))*a.animation),D(i,o)||(n.prevFromRect=o,n.prevToRect=i,e=e||c.options.animation,c.animate(n,l,i,e)),e&&(u=!0,d=Math.max(d,e),clearTimeout(n.animationResetTimer),n.animationResetTimer=setTimeout(function(){n.animationTime=0,n.prevFromRect=null,n.fromRect=null,n.prevToRect=null,n.thisAnimationDuration=null},e),n.thisAnimationDuration=e)}),clearTimeout(e),u?e=setTimeout(function(){"function"==typeof t&&t()},d):"function"==typeof t&&t(),o=[]},animate:function(t,e,n,o){var i,r;o&&(P(t,"transition",""),P(t,"transform",""),i=(r=v(this.el))&&r.a,r=r&&r.d,i=(e.left-n.left)/(i||1),r=(e.top-n.top)/(r||1),t.animatingX=!!i,t.animatingY=!!r,P(t,"transform","translate3d("+i+"px,"+r+"px,0)"),this.forRepaintDummy=t.offsetWidth,P(t,"transition","transform "+o+"ms"+(this.options.easing?" "+this.options.easing:"")),P(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout(function(){P(t,"transition",""),P(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1},o))}}}var H=[],L={initializeByDefault:!0},K={mount:function(e){for(var t in L)!L.hasOwnProperty(t)||t in e||(e[t]=L[t]);H.forEach(function(t){if(t.pluginName===e.pluginName)throw"Sortable: Cannot mount plugin ".concat(e.pluginName," more than once")}),H.push(e)},pluginEvent:function(e,n,o){var t=this;this.eventCanceled=!1,o.cancel=function(){t.eventCanceled=!0};var i=e+"Global";H.forEach(function(t){n[t.pluginName]&&(n[t.pluginName][i]&&n[t.pluginName][i](M({sortable:n},o)),n.options[t.pluginName]&&n[t.pluginName][e]&&n[t.pluginName][e](M({sortable:n},o)))})},initializePlugins:function(n,o,i,t){for(var e in H.forEach(function(t){var e=t.pluginName;(n.options[e]||t.initializeByDefault)&&((t=new t(n,o,n.options)).sortable=n,t.options=n.options,n[e]=t,a(i,t.defaults))}),n.options){var r;n.options.hasOwnProperty(e)&&(void 0!==(r=this.modifyOption(n,e,n.options[e]))&&(n.options[e]=r))}},getEventProperties:function(e,n){var o={};return H.forEach(function(t){"function"==typeof t.eventProperties&&a(o,t.eventProperties.call(n[t.pluginName],e))}),o},modifyOption:function(e,n,o){var i;return H.forEach(function(t){e[t.pluginName]&&t.optionListeners&&"function"==typeof t.optionListeners[n]&&(i=t.optionListeners[n].call(e[t.pluginName],o))}),i}};function W(t){var e=t.sortable,n=t.rootEl,o=t.name,i=t.targetEl,r=t.cloneEl,a=t.toEl,l=t.fromEl,s=t.oldIndex,c=t.newIndex,u=t.oldDraggableIndex,d=t.newDraggableIndex,h=t.originalEvent,f=t.putSortable,p=t.extraEventProperties;if(e=e||n&&n[j]){var g,m=e.options,t="on"+o.charAt(0).toUpperCase()+o.substr(1);!window.CustomEvent||y||w?(g=document.createEvent("Event")).initEvent(o,!0,!0):g=new CustomEvent(o,{bubbles:!0,cancelable:!0}),g.to=a||n,g.from=l||n,g.item=i||n,g.clone=r,g.oldIndex=s,g.newIndex=c,g.oldDraggableIndex=u,g.newDraggableIndex=d,g.originalEvent=h,g.pullMode=f?f.lastPutMode:void 0;var v,b=M(M({},p),K.getEventProperties(o,e));for(v in b)g[v]=b[v];n&&n.dispatchEvent(g),m[t]&&m[t].call(e,g)}}function z(t,e){var n=(o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{}).evt,o=i(o,G);K.pluginEvent.bind(Bt)(t,e,M({dragEl:q,parentEl:V,ghostEl:Z,rootEl:$,nextEl:Q,lastDownEl:J,cloneEl:tt,cloneHidden:et,dragStarted:pt,putSortable:lt,activeSortable:Bt.active,originalEvent:n,oldIndex:nt,oldDraggableIndex:it,newIndex:ot,newDraggableIndex:rt,hideGhostForTarget:kt,unhideGhostForTarget:Rt,cloneNowHidden:function(){et=!0},cloneNowShown:function(){et=!1},dispatchSortableEvent:function(t){U({sortable:e,name:t,originalEvent:n})}},o))}var G=["evt"];function U(t){W(M({putSortable:lt,cloneEl:tt,targetEl:q,rootEl:$,oldIndex:nt,oldDraggableIndex:it,newIndex:ot,newDraggableIndex:rt},t))}var q,V,Z,$,Q,J,tt,et,nt,ot,it,rt,at,lt,st,ct,ut,dt,ht,ft,pt,gt,mt,vt,bt,yt=!1,wt=!1,Et=[],Dt=!1,St=!1,_t=[],Ct=!1,Tt=[],xt="undefined"!=typeof document,Ot=n,At=w||y?"cssFloat":"float",Mt=xt&&!c&&!n&&"draggable"in document.createElement("div"),Nt=function(){if(xt){if(y)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),It=function(t,e){var n=P(t),o=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),i=X(t,0,e),r=X(t,1,e),a=i&&P(i),l=r&&P(r),s=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+k(i).width,t=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+k(r).width;if("flex"===n.display)return"column"===n.flexDirection||"column-reverse"===n.flexDirection?"vertical":"horizontal";if("grid"===n.display)return n.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(i&&a.float&&"none"!==a.float){e="left"===a.float?"left":"right";return!r||"both"!==l.clear&&l.clear!==e?"horizontal":"vertical"}return i&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||o<=s&&"none"===n[At]||r&&"none"===n[At]&&o<s+t)?"vertical":"horizontal"},Pt=function(t){function l(r,a){return function(t,e,n,o){var i=t.options.group.name&&e.options.group.name&&t.options.group.name===e.options.group.name;if(null==r&&(a||i))return!0;if(null==r||!1===r)return!1;if(a&&"clone"===r)return r;if("function"==typeof r)return l(r(t,e,n,o),a)(t,e,n,o);e=(a?t:e).options.group.name;return!0===r||"string"==typeof r&&r===e||r.join&&-1<r.indexOf(e)}}var e={},n=t.group;n&&"object"==o(n)||(n={name:n}),e.name=n.name,e.checkPull=l(n.pull,!0),e.checkPut=l(n.put),e.revertClone=n.revertClone,t.group=e},kt=function(){!Nt&&Z&&P(Z,"display","none")},Rt=function(){!Nt&&Z&&P(Z,"display","")};xt&&!c&&document.addEventListener("click",function(t){if(wt)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),wt=!1},!0);function Xt(t){if(q){t=t.touches?t.touches[0]:t;var e=(i=t.clientX,r=t.clientY,Et.some(function(t){var e=t[j].options.emptyInsertThreshold;if(e&&!Y(t)){var n=k(t),o=i>=n.left-e&&i<=n.right+e,e=r>=n.top-e&&r<=n.bottom+e;return o&&e?a=t:void 0}}),a);if(e){var n,o={};for(n in t)t.hasOwnProperty(n)&&(o[n]=t[n]);o.target=o.rootEl=e,o.preventDefault=void 0,o.stopPropagation=void 0,e[j]._onDragOver(o)}}var i,r,a}function Yt(t){q&&q.parentNode[j]._isOutsideThisEl(t.target)}function Bt(t,e){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=e=a({},e),t[j]=this;var n,o,i={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return It(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,e){t.setData("Text",e.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==Bt.supportPointer&&"PointerEvent"in window&&!u,emptyInsertThreshold:5};for(n in K.initializePlugins(this,t,i),i)n in e||(e[n]=i[n]);for(o in Pt(e),this)"_"===o.charAt(0)&&"function"==typeof this[o]&&(this[o]=this[o].bind(this));this.nativeDraggable=!e.forceFallback&&Mt,this.nativeDraggable&&(this.options.touchStartThreshold=1),e.supportPointer?h(t,"pointerdown",this._onTapStart):(h(t,"mousedown",this._onTapStart),h(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(h(t,"dragover",this),h(t,"dragenter",this)),Et.push(this.el),e.store&&e.store.get&&this.sort(e.store.get(this)||[]),a(this,x())}function Ft(t,e,n,o,i,r,a,l){var s,c,u=t[j],d=u.options.onMove;return!window.CustomEvent||y||w?(s=document.createEvent("Event")).initEvent("move",!0,!0):s=new CustomEvent("move",{bubbles:!0,cancelable:!0}),s.to=e,s.from=t,s.dragged=n,s.draggedRect=o,s.related=i||e,s.relatedRect=r||k(e),s.willInsertAfter=l,s.originalEvent=a,t.dispatchEvent(s),c=d?d.call(u,s,a):c}function jt(t){t.draggable=!1}function Ht(){Ct=!1}function Lt(t){return setTimeout(t,0)}function Kt(t){return clearTimeout(t)}Bt.prototype={constructor:Bt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(gt=null)},_getDirection:function(t,e){return"function"==typeof this.options.direction?this.options.direction.call(this,t,e,q):this.options.direction},_onTapStart:function(e){if(e.cancelable){var n=this,o=this.el,t=this.options,i=t.preventOnFilter,r=e.type,a=e.touches&&e.touches[0]||e.pointerType&&"touch"===e.pointerType&&e,l=(a||e).target,s=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||l,c=t.filter;if(!function(t){Tt.length=0;var e=t.getElementsByTagName("input"),n=e.length;for(;n--;){var o=e[n];o.checked&&Tt.push(o)}}(o),!q&&!(/mousedown|pointerdown/.test(r)&&0!==e.button||t.disabled)&&!s.isContentEditable&&(this.nativeDraggable||!u||!l||"SELECT"!==l.tagName.toUpperCase())&&!((l=N(l,t.draggable,o,!1))&&l.animated||J===l)){if(nt=B(l),it=B(l,t.draggable),"function"==typeof c){if(c.call(this,e,l,this))return U({sortable:n,rootEl:s,name:"filter",targetEl:l,toEl:o,fromEl:o}),z("filter",n,{evt:e}),void(i&&e.cancelable&&e.preventDefault())}else if(c=c&&c.split(",").some(function(t){if(t=N(s,t.trim(),o,!1))return U({sortable:n,rootEl:t,name:"filter",targetEl:l,fromEl:o,toEl:o}),z("filter",n,{evt:e}),!0}))return void(i&&e.cancelable&&e.preventDefault());t.handle&&!N(s,t.handle,o,!1)||this._prepareDragStart(e,a,l)}}},_prepareDragStart:function(t,e,n){var o,i=this,r=i.el,a=i.options,l=r.ownerDocument;n&&!q&&n.parentNode===r&&(o=k(n),$=r,V=(q=n).parentNode,Q=q.nextSibling,J=n,at=a.group,st={target:Bt.dragged=q,clientX:(e||t).clientX,clientY:(e||t).clientY},ht=st.clientX-o.left,ft=st.clientY-o.top,this._lastX=(e||t).clientX,this._lastY=(e||t).clientY,q.style["will-change"]="all",o=function(){z("delayEnded",i,{evt:t}),Bt.eventCanceled?i._onDrop():(i._disableDelayedDragEvents(),!s&&i.nativeDraggable&&(q.draggable=!0),i._triggerDragStart(t,e),U({sortable:i,name:"choose",originalEvent:t}),I(q,a.chosenClass,!0))},a.ignore.split(",").forEach(function(t){b(q,t.trim(),jt)}),h(l,"dragover",Xt),h(l,"mousemove",Xt),h(l,"touchmove",Xt),h(l,"mouseup",i._onDrop),h(l,"touchend",i._onDrop),h(l,"touchcancel",i._onDrop),s&&this.nativeDraggable&&(this.options.touchStartThreshold=4,q.draggable=!0),z("delayStart",this,{evt:t}),!a.delay||a.delayOnTouchOnly&&!e||this.nativeDraggable&&(w||y)?o():Bt.eventCanceled?this._onDrop():(h(l,"mouseup",i._disableDelayedDrag),h(l,"touchend",i._disableDelayedDrag),h(l,"touchcancel",i._disableDelayedDrag),h(l,"mousemove",i._delayedDragTouchMoveHandler),h(l,"touchmove",i._delayedDragTouchMoveHandler),a.supportPointer&&h(l,"pointermove",i._delayedDragTouchMoveHandler),i._dragStartTimer=setTimeout(o,a.delay)))},_delayedDragTouchMoveHandler:function(t){t=t.touches?t.touches[0]:t;Math.max(Math.abs(t.clientX-this._lastX),Math.abs(t.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){q&&jt(q),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;f(t,"mouseup",this._disableDelayedDrag),f(t,"touchend",this._disableDelayedDrag),f(t,"touchcancel",this._disableDelayedDrag),f(t,"mousemove",this._delayedDragTouchMoveHandler),f(t,"touchmove",this._delayedDragTouchMoveHandler),f(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,e){e=e||"touch"==t.pointerType&&t,!this.nativeDraggable||e?this.options.supportPointer?h(document,"pointermove",this._onTouchMove):h(document,e?"touchmove":"mousemove",this._onTouchMove):(h(q,"dragend",this),h($,"dragstart",this._onDragStart));try{document.selection?Lt(function(){document.selection.empty()}):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,e){var n;yt=!1,$&&q?(z("dragStarted",this,{evt:e}),this.nativeDraggable&&h(document,"dragover",Yt),n=this.options,t||I(q,n.dragClass,!1),I(q,n.ghostClass,!0),Bt.active=this,t&&this._appendGhost(),U({sortable:this,name:"start",originalEvent:e})):this._nulling()},_emulateDragOver:function(){if(ct){this._lastX=ct.clientX,this._lastY=ct.clientY,kt();for(var t=document.elementFromPoint(ct.clientX,ct.clientY),e=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(ct.clientX,ct.clientY))!==e;)e=t;if(q.parentNode[j]._isOutsideThisEl(t),e)do{if(e[j])if(e[j]._onDragOver({clientX:ct.clientX,clientY:ct.clientY,target:t,rootEl:e})&&!this.options.dragoverBubble)break}while(e=(t=e).parentNode);Rt()}},_onTouchMove:function(t){if(st){var e=this.options,n=e.fallbackTolerance,o=e.fallbackOffset,i=t.touches?t.touches[0]:t,r=Z&&v(Z,!0),a=Z&&r&&r.a,l=Z&&r&&r.d,e=Ot&&bt&&E(bt),a=(i.clientX-st.clientX+o.x)/(a||1)+(e?e[0]-_t[0]:0)/(a||1),l=(i.clientY-st.clientY+o.y)/(l||1)+(e?e[1]-_t[1]:0)/(l||1);if(!Bt.active&&!yt){if(n&&Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))<n)return;this._onDragStart(t,!0)}Z&&(r?(r.e+=a-(ut||0),r.f+=l-(dt||0)):r={a:1,b:0,c:0,d:1,e:a,f:l},r="matrix(".concat(r.a,",").concat(r.b,",").concat(r.c,",").concat(r.d,",").concat(r.e,",").concat(r.f,")"),P(Z,"webkitTransform",r),P(Z,"mozTransform",r),P(Z,"msTransform",r),P(Z,"transform",r),ut=a,dt=l,ct=i),t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!Z){var t=this.options.fallbackOnBody?document.body:$,e=k(q,!0,Ot,!0,t),n=this.options;if(Ot){for(bt=t;"static"===P(bt,"position")&&"none"===P(bt,"transform")&&bt!==document;)bt=bt.parentNode;bt!==document.body&&bt!==document.documentElement?(bt===document&&(bt=O()),e.top+=bt.scrollTop,e.left+=bt.scrollLeft):bt=O(),_t=E(bt)}I(Z=q.cloneNode(!0),n.ghostClass,!1),I(Z,n.fallbackClass,!0),I(Z,n.dragClass,!0),P(Z,"transition",""),P(Z,"transform",""),P(Z,"box-sizing","border-box"),P(Z,"margin",0),P(Z,"top",e.top),P(Z,"left",e.left),P(Z,"width",e.width),P(Z,"height",e.height),P(Z,"opacity","0.8"),P(Z,"position",Ot?"absolute":"fixed"),P(Z,"zIndex","100000"),P(Z,"pointerEvents","none"),Bt.ghost=Z,t.appendChild(Z),P(Z,"transform-origin",ht/parseInt(Z.style.width)*100+"% "+ft/parseInt(Z.style.height)*100+"%")}},_onDragStart:function(t,e){var n=this,o=t.dataTransfer,i=n.options;z("dragStart",this,{evt:t}),Bt.eventCanceled?this._onDrop():(z("setupClone",this),Bt.eventCanceled||((tt=_(q)).removeAttribute("id"),tt.draggable=!1,tt.style["will-change"]="",this._hideClone(),I(tt,this.options.chosenClass,!1),Bt.clone=tt),n.cloneId=Lt(function(){z("clone",n),Bt.eventCanceled||(n.options.removeCloneOnHide||$.insertBefore(tt,q),n._hideClone(),U({sortable:n,name:"clone"}))}),e||I(q,i.dragClass,!0),e?(wt=!0,n._loopId=setInterval(n._emulateDragOver,50)):(f(document,"mouseup",n._onDrop),f(document,"touchend",n._onDrop),f(document,"touchcancel",n._onDrop),o&&(o.effectAllowed="move",i.setData&&i.setData.call(n,o,q)),h(document,"drop",n),P(q,"transform","translateZ(0)")),yt=!0,n._dragStartId=Lt(n._dragStarted.bind(n,e,t)),h(document,"selectstart",n),pt=!0,u&&P(document.body,"user-select","none"))},_onDragOver:function(n){var o,i,r,t,a=this.el,l=n.target,e=this.options,s=e.group,c=Bt.active,u=at===s,d=e.sort,h=lt||c,f=this,p=!1;if(!Ct){if(void 0!==n.preventDefault&&n.cancelable&&n.preventDefault(),l=N(l,e.draggable,a,!0),T("dragOver"),Bt.eventCanceled)return p;if(q.contains(n.target)||l.animated&&l.animatingX&&l.animatingY||f._ignoreWhileAnimating===l)return O(!1);if(wt=!1,c&&!e.disabled&&(u?d||(i=V!==$):lt===this||(this.lastPutMode=at.checkPull(this,c,q,n))&&s.checkPut(this,c,q,n))){if(r="vertical"===this._getDirection(n,l),o=k(q),T("dragOverValid"),Bt.eventCanceled)return p;if(i)return V=$,x(),this._hideClone(),T("revert"),Bt.eventCanceled||(Q?$.insertBefore(q,Q):$.appendChild(q)),O(!0);var g=Y(a,e.draggable);if(!g||function(t,e,n){n=k(Y(n.el,n.options.draggable));return e?t.clientX>n.right+10||t.clientX<=n.right&&t.clientY>n.bottom&&t.clientX>=n.left:t.clientX>n.right&&t.clientY>n.top||t.clientX<=n.right&&t.clientY>n.bottom+10}(n,r,this)&&!g.animated){if(g===q)return O(!1);if((l=g&&a===n.target?g:l)&&(w=k(l)),!1!==Ft($,a,q,o,l,w,n,!!l))return x(),g&&g.nextSibling?a.insertBefore(q,g.nextSibling):a.appendChild(q),V=a,A(),O(!0)}else if(g&&function(t,e,n){n=k(X(n.el,0,n.options,!0));return e?t.clientX<n.left-10||t.clientY<n.top&&t.clientX<n.right:t.clientY<n.top-10||t.clientY<n.bottom&&t.clientX<n.left}(n,r,this)){var m=X(a,0,e,!0);if(m===q)return O(!1);if(w=k(l=m),!1!==Ft($,a,q,o,l,w,n,!1))return x(),a.insertBefore(q,m),V=a,A(),O(!0)}else if(l.parentNode===a){var v,b,y,w=k(l),E=q.parentNode!==a,D=(D=q.animated&&q.toRect||o,C=l.animated&&l.toRect||w,S=(t=r)?D.left:D.top,s=t?D.right:D.bottom,g=t?D.width:D.height,m=t?C.left:C.top,D=t?C.right:C.bottom,C=t?C.width:C.height,!(S===m||s===D||S+g/2===m+C/2)),S=r?"top":"left",g=R(l,"top","top")||R(q,"top","top"),m=g?g.scrollTop:void 0;if(gt!==l&&(b=w[S],Dt=!1,St=!D&&e.invertSwap||E),0!==(v=function(t,e,n,o,i,r,a,l){var s=o?t.clientY:t.clientX,c=o?n.height:n.width,t=o?n.top:n.left,o=o?n.bottom:n.right,n=!1;if(!a)if(l&&vt<c*i){if(Dt=!Dt&&(1===mt?t+c*r/2<s:s<o-c*r/2)?!0:Dt)n=!0;else if(1===mt?s<t+vt:o-vt<s)return-mt}else if(t+c*(1-i)/2<s&&s<o-c*(1-i)/2)return function(t){return B(q)<B(t)?1:-1}(e);if((n=n||a)&&(s<t+c*r/2||o-c*r/2<s))return t+c/2<s?1:-1;return 0}(n,l,w,r,D?1:e.swapThreshold,null==e.invertedSwapThreshold?e.swapThreshold:e.invertedSwapThreshold,St,gt===l)))for(var _=B(q);(y=V.children[_-=v])&&("none"===P(y,"display")||y===Z););if(0===v||y===l)return O(!1);mt=v;var C=(gt=l).nextElementSibling,E=!1,D=Ft($,a,q,o,l,w,n,E=1===v);if(!1!==D)return 1!==D&&-1!==D||(E=1===D),Ct=!0,setTimeout(Ht,30),x(),E&&!C?a.appendChild(q):l.parentNode.insertBefore(q,E?C:l),g&&F(g,0,m-g.scrollTop),V=q.parentNode,void 0===b||St||(vt=Math.abs(b-k(l)[S])),A(),O(!0)}if(a.contains(q))return O(!1)}return!1}function T(t,e){z(t,f,M({evt:n,isOwner:u,axis:r?"vertical":"horizontal",revert:i,dragRect:o,targetRect:w,canSort:d,fromSortable:h,target:l,completed:O,onMove:function(t,e){return Ft($,a,q,o,t,k(t),n,e)},changed:A},e))}function x(){T("dragOverAnimationCapture"),f.captureAnimationState(),f!==h&&h.captureAnimationState()}function O(t){return T("dragOverCompleted",{insertion:t}),t&&(u?c._hideClone():c._showClone(f),f!==h&&(I(q,(lt||c).options.ghostClass,!1),I(q,e.ghostClass,!0)),lt!==f&&f!==Bt.active?lt=f:f===Bt.active&&lt&&(lt=null),h===f&&(f._ignoreWhileAnimating=l),f.animateAll(function(){T("dragOverAnimationComplete"),f._ignoreWhileAnimating=null}),f!==h&&(h.animateAll(),h._ignoreWhileAnimating=null)),(l===q&&!q.animated||l===a&&!l.animated)&&(gt=null),e.dragoverBubble||n.rootEl||l===document||(q.parentNode[j]._isOutsideThisEl(n.target),t||Xt(n)),!e.dragoverBubble&&n.stopPropagation&&n.stopPropagation(),p=!0}function A(){ot=B(q),rt=B(q,e.draggable),U({sortable:f,name:"change",toEl:a,newIndex:ot,newDraggableIndex:rt,originalEvent:n})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){f(document,"mousemove",this._onTouchMove),f(document,"touchmove",this._onTouchMove),f(document,"pointermove",this._onTouchMove),f(document,"dragover",Xt),f(document,"mousemove",Xt),f(document,"touchmove",Xt)},_offUpEvents:function(){var t=this.el.ownerDocument;f(t,"mouseup",this._onDrop),f(t,"touchend",this._onDrop),f(t,"pointerup",this._onDrop),f(t,"touchcancel",this._onDrop),f(document,"selectstart",this)},_onDrop:function(t){var e=this.el,n=this.options;ot=B(q),rt=B(q,n.draggable),z("drop",this,{evt:t}),V=q&&q.parentNode,ot=B(q),rt=B(q,n.draggable),Bt.eventCanceled||(Dt=St=yt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),Kt(this.cloneId),Kt(this._dragStartId),this.nativeDraggable&&(f(document,"drop",this),f(e,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),u&&P(document.body,"user-select",""),P(q,"transform",""),t&&(pt&&(t.cancelable&&t.preventDefault(),n.dropBubble||t.stopPropagation()),Z&&Z.parentNode&&Z.parentNode.removeChild(Z),($===V||lt&&"clone"!==lt.lastPutMode)&&tt&&tt.parentNode&&tt.parentNode.removeChild(tt),q&&(this.nativeDraggable&&f(q,"dragend",this),jt(q),q.style["will-change"]="",pt&&!yt&&I(q,(lt||this).options.ghostClass,!1),I(q,this.options.chosenClass,!1),U({sortable:this,name:"unchoose",toEl:V,newIndex:null,newDraggableIndex:null,originalEvent:t}),$!==V?(0<=ot&&(U({rootEl:V,name:"add",toEl:V,fromEl:$,originalEvent:t}),U({sortable:this,name:"remove",toEl:V,originalEvent:t}),U({rootEl:V,name:"sort",toEl:V,fromEl:$,originalEvent:t}),U({sortable:this,name:"sort",toEl:V,originalEvent:t})),lt&&lt.save()):ot!==nt&&0<=ot&&(U({sortable:this,name:"update",toEl:V,originalEvent:t}),U({sortable:this,name:"sort",toEl:V,originalEvent:t})),Bt.active&&(null!=ot&&-1!==ot||(ot=nt,rt=it),U({sortable:this,name:"end",toEl:V,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){z("nulling",this),$=q=V=Z=Q=tt=J=et=st=ct=pt=ot=rt=nt=it=gt=mt=lt=at=Bt.dragged=Bt.ghost=Bt.clone=Bt.active=null,Tt.forEach(function(t){t.checked=!0}),Tt.length=ut=dt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":q&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move");t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,e=[],n=this.el.children,o=0,i=n.length,r=this.options;o<i;o++)N(t=n[o],r.draggable,this.el,!1)&&e.push(t.getAttribute(r.dataIdAttr)||function(t){var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,o=0;for(;n--;)o+=e.charCodeAt(n);return o.toString(36)}(t));return e},sort:function(t,e){var n={},o=this.el;this.toArray().forEach(function(t,e){e=o.children[e];N(e,this.options.draggable,o,!1)&&(n[t]=e)},this),e&&this.captureAnimationState(),t.forEach(function(t){n[t]&&(o.removeChild(n[t]),o.appendChild(n[t]))}),e&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,e){return N(t,e||this.options.draggable,this.el,!1)},option:function(t,e){var n=this.options;if(void 0===e)return n[t];var o=K.modifyOption(this,t,e);n[t]=void 0!==o?o:e,"group"===t&&Pt(n)},destroy:function(){z("destroy",this);var t=this.el;t[j]=null,f(t,"mousedown",this._onTapStart),f(t,"touchstart",this._onTapStart),f(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(f(t,"dragover",this),f(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),function(t){t.removeAttribute("draggable")}),this._onDrop(),this._disableDelayedDragEvents(),Et.splice(Et.indexOf(this.el),1),this.el=t=null},_hideClone:function(){et||(z("hideClone",this),Bt.eventCanceled||(P(tt,"display","none"),this.options.removeCloneOnHide&&tt.parentNode&&tt.parentNode.removeChild(tt),et=!0))},_showClone:function(t){"clone"===t.lastPutMode?et&&(z("showClone",this),Bt.eventCanceled||(q.parentNode!=$||this.options.group.revertClone?Q?$.insertBefore(tt,Q):$.appendChild(tt):$.insertBefore(tt,q),this.options.group.revertClone&&this.animate(q,tt),P(tt,"display",""),et=!1)):this._hideClone()}},xt&&h(document,"touchmove",function(t){(Bt.active||yt)&&t.cancelable&&t.preventDefault()}),Bt.utils={on:h,off:f,css:P,find:b,is:function(t,e){return!!N(t,e,t,!1)},extend:function(t,e){if(t&&e)for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},throttle:S,closest:N,toggleClass:I,clone:_,index:B,nextTick:Lt,cancelNextTick:Kt,detectDirection:It,getChild:X},Bt.get=function(t){return t[j]},Bt.mount=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];(e=e[0].constructor===Array?e[0]:e).forEach(function(t){if(!t.prototype||!t.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));t.utils&&(Bt.utils=M(M({},Bt.utils),t.utils)),K.mount(t)})},Bt.create=function(t,e){return new Bt(t,e)};var Wt,zt,Gt,Ut,qt,Vt,Zt=[],$t=!(Bt.version="1.15.0");function Qt(){Zt.forEach(function(t){clearInterval(t.pid)}),Zt=[]}function Jt(){clearInterval(Vt)}var te,ee=S(function(n,t,e,o){if(t.scroll){var i,r=(n.touches?n.touches[0]:n).clientX,a=(n.touches?n.touches[0]:n).clientY,l=t.scrollSensitivity,s=t.scrollSpeed,c=O(),u=!1;zt!==e&&(zt=e,Qt(),Wt=t.scroll,i=t.scrollFn,!0===Wt&&(Wt=A(e,!0)));var d=0,h=Wt;do{var f=h,p=k(f),g=p.top,m=p.bottom,v=p.left,b=p.right,y=p.width,w=p.height,E=void 0,D=void 0,S=f.scrollWidth,_=f.scrollHeight,C=P(f),T=f.scrollLeft,p=f.scrollTop,D=f===c?(E=y<S&&("auto"===C.overflowX||"scroll"===C.overflowX||"visible"===C.overflowX),w<_&&("auto"===C.overflowY||"scroll"===C.overflowY||"visible"===C.overflowY)):(E=y<S&&("auto"===C.overflowX||"scroll"===C.overflowX),w<_&&("auto"===C.overflowY||"scroll"===C.overflowY)),T=E&&(Math.abs(b-r)<=l&&T+y<S)-(Math.abs(v-r)<=l&&!!T),p=D&&(Math.abs(m-a)<=l&&p+w<_)-(Math.abs(g-a)<=l&&!!p);if(!Zt[d])for(var x=0;x<=d;x++)Zt[x]||(Zt[x]={});Zt[d].vx==T&&Zt[d].vy==p&&Zt[d].el===f||(Zt[d].el=f,Zt[d].vx=T,Zt[d].vy=p,clearInterval(Zt[d].pid),0==T&&0==p||(u=!0,Zt[d].pid=setInterval(function(){o&&0===this.layer&&Bt.active._onTouchMove(qt);var t=Zt[this.layer].vy?Zt[this.layer].vy*s:0,e=Zt[this.layer].vx?Zt[this.layer].vx*s:0;"function"==typeof i&&"continue"!==i.call(Bt.dragged.parentNode[j],e,t,n,qt,Zt[this.layer].el)||F(Zt[this.layer].el,e,t)}.bind({layer:d}),24))),d++}while(t.bubbleScroll&&h!==c&&(h=A(h,!1)));$t=u}},30),c=function(t){var e=t.originalEvent,n=t.putSortable,o=t.dragEl,i=t.activeSortable,r=t.dispatchSortableEvent,a=t.hideGhostForTarget,t=t.unhideGhostForTarget;e&&(i=n||i,a(),e=e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e,e=document.elementFromPoint(e.clientX,e.clientY),t(),i&&!i.el.contains(e)&&(r("spill"),this.onSpill({dragEl:o,putSortable:n})))};function ne(){}function oe(){}ne.prototype={startIndex:null,dragStart:function(t){t=t.oldDraggableIndex;this.startIndex=t},onSpill:function(t){var e=t.dragEl,n=t.putSortable;this.sortable.captureAnimationState(),n&&n.captureAnimationState();t=X(this.sortable.el,this.startIndex,this.options);t?this.sortable.el.insertBefore(e,t):this.sortable.el.appendChild(e),this.sortable.animateAll(),n&&n.animateAll()},drop:c},a(ne,{pluginName:"revertOnSpill"}),oe.prototype={onSpill:function(t){var e=t.dragEl,t=t.putSortable||this.sortable;t.captureAnimationState(),e.parentNode&&e.parentNode.removeChild(e),t.animateAll()},drop:c},a(oe,{pluginName:"removeOnSpill"});var ie,re,ae,le,se,ce=[],ue=[],de=!1,he=!1,fe=!1;function pe(n,o){ue.forEach(function(t,e){e=o.children[t.sortableIndex+(n?Number(e):0)];e?o.insertBefore(t,e):o.appendChild(t)})}function ge(){ce.forEach(function(t){t!==ae&&t.parentNode&&t.parentNode.removeChild(t)})}return Bt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){t=t.originalEvent;this.sortable.nativeDraggable?h(document,"dragover",this._handleAutoScroll):this.options.supportPointer?h(document,"pointermove",this._handleFallbackAutoScroll):t.touches?h(document,"touchmove",this._handleFallbackAutoScroll):h(document,"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){t=t.originalEvent;this.options.dragOverBubble||t.rootEl||this._handleAutoScroll(t)},drop:function(){this.sortable.nativeDraggable?f(document,"dragover",this._handleAutoScroll):(f(document,"pointermove",this._handleFallbackAutoScroll),f(document,"touchmove",this._handleFallbackAutoScroll),f(document,"mousemove",this._handleFallbackAutoScroll)),Jt(),Qt(),clearTimeout(g),g=void 0},nulling:function(){qt=zt=Wt=$t=Vt=Gt=Ut=null,Zt.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(e,n){var o,i=this,r=(e.touches?e.touches[0]:e).clientX,a=(e.touches?e.touches[0]:e).clientY,t=document.elementFromPoint(r,a);qt=e,n||this.options.forceAutoScrollFallback||w||y||u?(ee(e,this.options,t,n),o=A(t,!0),!$t||Vt&&r===Gt&&a===Ut||(Vt&&Jt(),Vt=setInterval(function(){var t=A(document.elementFromPoint(r,a),!0);t!==o&&(o=t,Qt()),ee(e,i.options,t,n)},10),Gt=r,Ut=a)):this.options.bubbleScroll&&A(t,!0)!==O()?ee(e,this.options,A(t,!1),!1):Qt()}},a(t,{pluginName:"scroll",initializeByDefault:!0})}),Bt.mount(oe,ne),Bt.mount(new function(){function t(){this.defaults={swapClass:"sortable-swap-highlight"}}return t.prototype={dragStart:function(t){t=t.dragEl;te=t},dragOverValid:function(t){var e=t.completed,n=t.target,o=t.onMove,i=t.activeSortable,r=t.changed,a=t.cancel;i.options.swap&&(t=this.sortable.el,i=this.options,n&&n!==t&&(t=te,te=!1!==o(n)?(I(n,i.swapClass,!0),n):null,t&&t!==te&&I(t,i.swapClass,!1)),r(),e(!0),a())},drop:function(t){var e,n,o=t.activeSortable,i=t.putSortable,r=t.dragEl,a=i||this.sortable,l=this.options;te&&I(te,l.swapClass,!1),te&&(l.swap||i&&i.options.swap)&&r!==te&&(a.captureAnimationState(),a!==o&&o.captureAnimationState(),n=te,t=(e=r).parentNode,l=n.parentNode,t&&l&&!t.isEqualNode(n)&&!l.isEqualNode(e)&&(i=B(e),r=B(n),t.isEqualNode(l)&&i<r&&r++,t.insertBefore(n,t.children[i]),l.insertBefore(e,l.children[r])),a.animateAll(),a!==o&&o.animateAll())},nulling:function(){te=null}},a(t,{pluginName:"swap",eventProperties:function(){return{swapItem:te}}})}),Bt.mount(new function(){function t(o){for(var t in this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this));o.options.avoidImplicitDeselect||(o.options.supportPointer?h(document,"pointerup",this._deselectMultiDrag):(h(document,"mouseup",this._deselectMultiDrag),h(document,"touchend",this._deselectMultiDrag))),h(document,"keydown",this._checkKeyDown),h(document,"keyup",this._checkKeyUp),this.defaults={selectedClass:"sortable-selected",multiDragKey:null,avoidImplicitDeselect:!1,setData:function(t,e){var n="";ce.length&&re===o?ce.forEach(function(t,e){n+=(e?", ":"")+t.textContent}):n=e.textContent,t.setData("Text",n)}}}return t.prototype={multiDragKeyDown:!1,isMultiDrag:!1,delayStartGlobal:function(t){t=t.dragEl;ae=t},delayEnded:function(){this.isMultiDrag=~ce.indexOf(ae)},setupClone:function(t){var e=t.sortable,t=t.cancel;if(this.isMultiDrag){for(var n=0;n<ce.length;n++)ue.push(_(ce[n])),ue[n].sortableIndex=ce[n].sortableIndex,ue[n].draggable=!1,ue[n].style["will-change"]="",I(ue[n],this.options.selectedClass,!1),ce[n]===ae&&I(ue[n],this.options.chosenClass,!1);e._hideClone(),t()}},clone:function(t){var e=t.sortable,n=t.rootEl,o=t.dispatchSortableEvent,t=t.cancel;this.isMultiDrag&&(this.options.removeCloneOnHide||ce.length&&re===e&&(pe(!0,n),o("clone"),t()))},showClone:function(t){var e=t.cloneNowShown,n=t.rootEl,t=t.cancel;this.isMultiDrag&&(pe(!1,n),ue.forEach(function(t){P(t,"display","")}),e(),se=!1,t())},hideClone:function(t){var e=this,n=(t.sortable,t.cloneNowHidden),t=t.cancel;this.isMultiDrag&&(ue.forEach(function(t){P(t,"display","none"),e.options.removeCloneOnHide&&t.parentNode&&t.parentNode.removeChild(t)}),n(),se=!0,t())},dragStartGlobal:function(t){t.sortable;!this.isMultiDrag&&re&&re.multiDrag._deselectMultiDrag(),ce.forEach(function(t){t.sortableIndex=B(t)}),ce=ce.sort(function(t,e){return t.sortableIndex-e.sortableIndex}),fe=!0},dragStarted:function(t){var e,n=this,t=t.sortable;this.isMultiDrag&&(this.options.sort&&(t.captureAnimationState(),this.options.animation&&(ce.forEach(function(t){t!==ae&&P(t,"position","absolute")}),e=k(ae,!1,!0,!0),ce.forEach(function(t){t!==ae&&C(t,e)}),de=he=!0)),t.animateAll(function(){de=he=!1,n.options.animation&&ce.forEach(function(t){T(t)}),n.options.sort&&ge()}))},dragOver:function(t){var e=t.target,n=t.completed,t=t.cancel;he&&~ce.indexOf(e)&&(n(!1),t())},revert:function(t){var n,o,e=t.fromSortable,i=t.rootEl,r=t.sortable,a=t.dragRect;1<ce.length&&(ce.forEach(function(t){r.addAnimationState({target:t,rect:he?k(t):a}),T(t),t.fromRect=a,e.removeAnimationState(t)}),he=!1,n=!this.options.removeCloneOnHide,o=i,ce.forEach(function(t,e){e=o.children[t.sortableIndex+(n?Number(e):0)];e?o.insertBefore(t,e):o.appendChild(t)}))},dragOverCompleted:function(t){var e,n=t.sortable,o=t.isOwner,i=t.insertion,r=t.activeSortable,a=t.parentEl,l=t.putSortable,t=this.options;i&&(o&&r._hideClone(),de=!1,t.animation&&1<ce.length&&(he||!o&&!r.options.sort&&!l)&&(e=k(ae,!1,!0,!0),ce.forEach(function(t){t!==ae&&(C(t,e),a.appendChild(t))}),he=!0),o||(he||ge(),1<ce.length?(o=se,r._showClone(n),r.options.animation&&!se&&o&&ue.forEach(function(t){r.addAnimationState({target:t,rect:le}),t.fromRect=le,t.thisAnimationDuration=null})):r._showClone(n)))},dragOverAnimationCapture:function(t){var e=t.dragRect,n=t.isOwner,t=t.activeSortable;ce.forEach(function(t){t.thisAnimationDuration=null}),t.options.animation&&!n&&t.multiDrag.isMultiDrag&&(le=a({},e),e=v(ae,!0),le.top-=e.f,le.left-=e.e)},dragOverAnimationComplete:function(){he&&(he=!1,ge())},drop:function(t){var e=t.originalEvent,n=t.rootEl,o=t.parentEl,i=t.sortable,r=t.dispatchSortableEvent,a=t.oldIndex,l=t.putSortable,s=l||this.sortable;if(e){var c,u,d,h=this.options,f=o.children;if(!fe)if(h.multiDragKey&&!this.multiDragKeyDown&&this._deselectMultiDrag(),I(ae,h.selectedClass,!~ce.indexOf(ae)),~ce.indexOf(ae))ce.splice(ce.indexOf(ae),1),ie=null,W({sortable:i,rootEl:n,name:"deselect",targetEl:ae,originalEvent:e});else{if(ce.push(ae),W({sortable:i,rootEl:n,name:"select",targetEl:ae,originalEvent:e}),e.shiftKey&&ie&&i.el.contains(ie)){var p=B(ie),t=B(ae);if(~p&&~t&&p!==t)for(var g,m=p<t?(g=p,t):(g=t,p+1);g<m;g++)~ce.indexOf(f[g])||(I(f[g],h.selectedClass,!0),ce.push(f[g]),W({sortable:i,rootEl:n,name:"select",targetEl:f[g],originalEvent:e}))}else ie=ae;re=s}fe&&this.isMultiDrag&&(he=!1,(o[j].options.sort||o!==n)&&1<ce.length&&(c=k(ae),u=B(ae,":not(."+this.options.selectedClass+")"),!de&&h.animation&&(ae.thisAnimationDuration=null),s.captureAnimationState(),de||(h.animation&&(ae.fromRect=c,ce.forEach(function(t){var e;t.thisAnimationDuration=null,t!==ae&&(e=he?k(t):c,t.fromRect=e,s.addAnimationState({target:t,rect:e}))})),ge(),ce.forEach(function(t){f[u]?o.insertBefore(t,f[u]):o.appendChild(t),u++}),a===B(ae)&&(d=!1,ce.forEach(function(t){t.sortableIndex!==B(t)&&(d=!0)}),d&&r("update"))),ce.forEach(function(t){T(t)}),s.animateAll()),re=s),(n===o||l&&"clone"!==l.lastPutMode)&&ue.forEach(function(t){t.parentNode&&t.parentNode.removeChild(t)})}},nullingGlobal:function(){this.isMultiDrag=fe=!1,ue.length=0},destroyGlobal:function(){this._deselectMultiDrag(),f(document,"pointerup",this._deselectMultiDrag),f(document,"mouseup",this._deselectMultiDrag),f(document,"touchend",this._deselectMultiDrag),f(document,"keydown",this._checkKeyDown),f(document,"keyup",this._checkKeyUp)},_deselectMultiDrag:function(t){if(!(void 0!==fe&&fe||re!==this.sortable||t&&N(t.target,this.options.draggable,this.sortable.el,!1)||t&&0!==t.button))for(;ce.length;){var e=ce[0];I(e,this.options.selectedClass,!1),ce.shift(),W({sortable:this.sortable,rootEl:this.sortable.el,name:"deselect",targetEl:e,originalEvent:t})}},_checkKeyDown:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!0)},_checkKeyUp:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!1)}},a(t,{pluginName:"multiDrag",utils:{select:function(t){var e=t.parentNode[j];e&&e.options.multiDrag&&!~ce.indexOf(t)&&(re&&re!==e&&(re.multiDrag._deselectMultiDrag(),re=e),I(t,e.options.selectedClass,!0),ce.push(t))},deselect:function(t){var e=t.parentNode[j],n=ce.indexOf(t);e&&e.options.multiDrag&&~n&&(I(t,e.options.selectedClass,!1),ce.splice(n,1))}},eventProperties:function(){var n=this,o=[],i=[];return ce.forEach(function(t){var e;o.push({multiDragElement:t,index:t.sortableIndex}),e=he&&t!==ae?-1:he?B(t,":not(."+n.options.selectedClass+")"):B(t),i.push({multiDragElement:t,index:e})}),{items:r(ce),clones:[].concat(ue),oldIndicies:o,newIndicies:i}},optionListeners:{multiDragKey:function(t){return"ctrl"===(t=t.toLowerCase())?t="Control":1<t.length&&(t=t.charAt(0).toUpperCase()+t.substr(1)),t}}})}),Bt});
\ No newline at end of file
diff --git a/public/assets/js/alpine-collaspe.min.js b/public/assets/js/alpine-collaspe.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..3b33aad62792ef91a3571b2543a6b8712b02b5c5
--- /dev/null
+++ b/public/assets/js/alpine-collaspe.min.js
@@ -0,0 +1 @@
+(()=>{function c(n){n.directive("collapse",e),e.inline=(t,{modifiers:i})=>{!i.includes("min")||(t._x_doShow=()=>{},t._x_doHide=()=>{})};function e(t,{modifiers:i}){let r=l(i,"duration",250)/1e3,h=l(i,"min",0),u=!i.includes("min");t._x_isShown||(t.style.height=`${h}px`),!t._x_isShown&&u&&(t.hidden=!0),t._x_isShown||(t.style.overflow="hidden");let g=(d,s)=>{let o=n.setStyles(d,s);return s.height?()=>{}:o},f={transitionProperty:"height",transitionDuration:`${r}s`,transitionTimingFunction:"cubic-bezier(0.4, 0.0, 0.2, 1)"};t._x_transition={in(d=()=>{},s=()=>{}){u&&(t.hidden=!1),u&&(t.style.display=null);let o=t.getBoundingClientRect().height;t.style.height="auto";let a=t.getBoundingClientRect().height;o===a&&(o=h),n.transition(t,n.setStyles,{during:f,start:{height:o+"px"},end:{height:a+"px"}},()=>t._x_isShown=!0,()=>{t.style.height==`${a}px`&&(t.style.overflow=null)})},out(d=()=>{},s=()=>{}){let o=t.getBoundingClientRect().height;n.transition(t,g,{during:f,start:{height:o+"px"},end:{height:h+"px"}},()=>t.style.overflow="hidden",()=>{t._x_isShown=!1,t.style.height==`${h}px`&&u&&(t.style.display="none",t.hidden=!0)})}}}}function l(n,e,t){if(n.indexOf(e)===-1)return t;let i=n[n.indexOf(e)+1];if(!i)return t;if(e==="duration"){let r=i.match(/([0-9]+)ms/);if(r)return r[1]}if(e==="min"){let r=i.match(/([0-9]+)px/);if(r)return r[1]}return i}document.addEventListener("alpine:init",()=>{window.Alpine.plugin(c)});})();
\ No newline at end of file
diff --git a/public/assets/js/alpine-focus.min.js b/public/assets/js/alpine-focus.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..26266a4c5f1be9b291a4bc855bc630136b6ced4a
--- /dev/null
+++ b/public/assets/js/alpine-focus.min.js
@@ -0,0 +1,9 @@
+(()=>{var j=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"],_=j.join(","),A=typeof Element=="undefined"?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,G=function(e,t,a){var u=Array.prototype.slice.apply(e.querySelectorAll(_));return t&&A.call(e,_)&&u.unshift(e),u=u.filter(a),u},Z=function(e){return e.contentEditable==="true"},M=function(e){var t=parseInt(e.getAttribute("tabindex"),10);return isNaN(t)?Z(e)||(e.nodeName==="AUDIO"||e.nodeName==="VIDEO"||e.nodeName==="DETAILS")&&e.getAttribute("tabindex")===null?0:e.tabIndex:t},$=function(e,t){return e.tabIndex===t.tabIndex?e.documentOrder-t.documentOrder:e.tabIndex-t.tabIndex},C=function(e){return e.tagName==="INPUT"},ee=function(e){return C(e)&&e.type==="hidden"},te=function(e){var t=e.tagName==="DETAILS"&&Array.prototype.slice.apply(e.children).some(function(a){return a.tagName==="SUMMARY"});return t},re=function(e,t){for(var a=0;a<e.length;a++)if(e[a].checked&&e[a].form===t)return e[a]},ae=function(e){if(!e.name)return!0;var t=e.form||e.ownerDocument,a=function(l){return t.querySelectorAll('input[type="radio"][name="'+l+'"]')},u;if(typeof window!="undefined"&&typeof window.CSS!="undefined"&&typeof window.CSS.escape=="function")u=a(window.CSS.escape(e.name));else try{u=a(e.name)}catch(s){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",s.message),!1}var r=re(u,e.form);return!r||r===e},ne=function(e){return C(e)&&e.type==="radio"},ie=function(e){return ne(e)&&!ae(e)},ue=function(e,t){if(getComputedStyle(e).visibility==="hidden")return!0;var a=A.call(e,"details>summary:first-of-type"),u=a?e.parentElement:e;if(A.call(u,"details:not([open]) *"))return!0;if(!t||t==="full")for(;e;){if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}else if(t==="non-zero-area"){var r=e.getBoundingClientRect(),s=r.width,l=r.height;return s===0&&l===0}return!1},oe=function(e){if(C(e)||e.tagName==="SELECT"||e.tagName==="TEXTAREA"||e.tagName==="BUTTON")for(var t=e.parentElement;t;){if(t.tagName==="FIELDSET"&&t.disabled){for(var a=0;a<t.children.length;a++){var u=t.children.item(a);if(u.tagName==="LEGEND")return!u.contains(e)}return!0}t=t.parentElement}return!1},O=function(e,t){return!(t.disabled||ee(t)||ue(t,e.displayCheck)||te(t)||oe(t))},se=function(e,t){return!(!O(e,t)||ie(t)||M(t)<0)},q=function(e,t){t=t||{};var a=[],u=[],r=G(e,t.includeContainer,se.bind(null,t));r.forEach(function(l,h){var b=M(l);b===0?a.push(l):u.push({documentOrder:h,tabIndex:b,node:l})});var s=u.sort($).map(function(l){return l.node}).concat(a);return s},W=function(e,t){t=t||{};var a=G(e,t.includeContainer,O.bind(null,t));return a};var ce=j.concat("iframe").join(","),k=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return A.call(e,ce)===!1?!1:O(t,e)};function B(i,e){var t=Object.keys(i);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(i);e&&(a=a.filter(function(u){return Object.getOwnPropertyDescriptor(i,u).enumerable})),t.push.apply(t,a)}return t}function fe(i){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?B(Object(t),!0).forEach(function(a){le(i,a,t[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(t)):B(Object(t)).forEach(function(a){Object.defineProperty(i,a,Object.getOwnPropertyDescriptor(t,a))})}return i}function le(i,e,t){return e in i?Object.defineProperty(i,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):i[e]=t,i}var H=function(){var i=[];return{activateTrap:function(t){if(i.length>0){var a=i[i.length-1];a!==t&&a.pause()}var u=i.indexOf(t);u===-1||i.splice(u,1),i.push(t)},deactivateTrap:function(t){var a=i.indexOf(t);a!==-1&&i.splice(a,1),i.length>0&&i[i.length-1].unpause()}}}(),de=function(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select=="function"},be=function(e){return e.key==="Escape"||e.key==="Esc"||e.keyCode===27},ve=function(e){return e.key==="Tab"||e.keyCode===9},U=function(e){return setTimeout(e,0)},L=function(e,t){var a=-1;return e.every(function(u,r){return t(u)?(a=r,!1):!0}),a},D=function(e){for(var t=arguments.length,a=new Array(t>1?t-1:0),u=1;u<t;u++)a[u-1]=arguments[u];return typeof e=="function"?e.apply(void 0,a):e},K=function(e,t){var a=document,u=fe({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0},t),r={containers:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},s,l=function(n,o,c){return n&&n[o]!==void 0?n[o]:u[c||o]},h=function(n){return r.containers.some(function(o){return o.contains(n)})},b=function(n){var o=u[n];if(!o)return null;var c=o;if(typeof o=="string"&&(c=a.querySelector(o),!c))throw new Error("`".concat(n,"` refers to no known node"));if(typeof o=="function"&&(c=o(),!c))throw new Error("`".concat(n,"` did not return a node"));return c},v=function(){var n;if(l({},"initialFocus")===!1)return!1;if(b("initialFocus")!==null)n=b("initialFocus");else if(h(a.activeElement))n=a.activeElement;else{var o=r.tabbableGroups[0],c=o&&o.firstTabbableNode;n=c||b("fallbackFocus")}if(!n)throw new Error("Your focus-trap needs to have at least one focusable element");return n},m=function(){if(r.tabbableGroups=r.containers.map(function(n){var o=q(n);if(o.length>0)return{container:n,firstTabbableNode:o[0],lastTabbableNode:o[o.length-1]}}).filter(function(n){return!!n}),r.tabbableGroups.length<=0&&!b("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},p=function f(n){if(n!==!1&&n!==a.activeElement){if(!n||!n.focus){f(v());return}n.focus({preventScroll:!!u.preventScroll}),r.mostRecentlyFocusedNode=n,de(n)&&n.select()}},E=function(n){var o=b("setReturnFocus");return o||n},y=function(n){if(!h(n.target)){if(D(u.clickOutsideDeactivates,n)){s.deactivate({returnFocus:u.returnFocusOnDeactivate&&!k(n.target)});return}D(u.allowOutsideClick,n)||n.preventDefault()}},w=function(n){var o=h(n.target);o||n.target instanceof Document?o&&(r.mostRecentlyFocusedNode=n.target):(n.stopImmediatePropagation(),p(r.mostRecentlyFocusedNode||v()))},Q=function(n){m();var o=null;if(r.tabbableGroups.length>0){var c=L(r.tabbableGroups,function(S){var N=S.container;return N.contains(n.target)});if(c<0)n.shiftKey?o=r.tabbableGroups[r.tabbableGroups.length-1].lastTabbableNode:o=r.tabbableGroups[0].firstTabbableNode;else if(n.shiftKey){var d=L(r.tabbableGroups,function(S){var N=S.firstTabbableNode;return n.target===N});if(d<0&&r.tabbableGroups[c].container===n.target&&(d=c),d>=0){var g=d===0?r.tabbableGroups.length-1:d-1,F=r.tabbableGroups[g];o=F.lastTabbableNode}}else{var T=L(r.tabbableGroups,function(S){var N=S.lastTabbableNode;return n.target===N});if(T<0&&r.tabbableGroups[c].container===n.target&&(T=c),T>=0){var X=T===r.tabbableGroups.length-1?0:T+1,J=r.tabbableGroups[X];o=J.firstTabbableNode}}}else o=b("fallbackFocus");o&&(n.preventDefault(),p(o))},R=function(n){if(be(n)&&D(u.escapeDeactivates)!==!1){n.preventDefault(),s.deactivate();return}if(ve(n)){Q(n);return}},x=function(n){D(u.clickOutsideDeactivates,n)||h(n.target)||D(u.allowOutsideClick,n)||(n.preventDefault(),n.stopImmediatePropagation())},I=function(){if(!!r.active)return H.activateTrap(s),r.delayInitialFocusTimer=u.delayInitialFocus?U(function(){p(v())}):p(v()),a.addEventListener("focusin",w,!0),a.addEventListener("mousedown",y,{capture:!0,passive:!1}),a.addEventListener("touchstart",y,{capture:!0,passive:!1}),a.addEventListener("click",x,{capture:!0,passive:!1}),a.addEventListener("keydown",R,{capture:!0,passive:!1}),s},P=function(){if(!!r.active)return a.removeEventListener("focusin",w,!0),a.removeEventListener("mousedown",y,!0),a.removeEventListener("touchstart",y,!0),a.removeEventListener("click",x,!0),a.removeEventListener("keydown",R,!0),s};return s={activate:function(n){if(r.active)return this;var o=l(n,"onActivate"),c=l(n,"onPostActivate"),d=l(n,"checkCanFocusTrap");d||m(),r.active=!0,r.paused=!1,r.nodeFocusedBeforeActivation=a.activeElement,o&&o();var g=function(){d&&m(),I(),c&&c()};return d?(d(r.containers.concat()).then(g,g),this):(g(),this)},deactivate:function(n){if(!r.active)return this;clearTimeout(r.delayInitialFocusTimer),r.delayInitialFocusTimer=void 0,P(),r.active=!1,r.paused=!1,H.deactivateTrap(s);var o=l(n,"onDeactivate"),c=l(n,"onPostDeactivate"),d=l(n,"checkCanReturnFocus");o&&o();var g=l(n,"returnFocus","returnFocusOnDeactivate"),F=function(){U(function(){g&&p(E(r.nodeFocusedBeforeActivation)),c&&c()})};return g&&d?(d(E(r.nodeFocusedBeforeActivation)).then(F,F),this):(F(),this)},pause:function(){return r.paused||!r.active?this:(r.paused=!0,P(),this)},unpause:function(){return!r.paused||!r.active?this:(r.paused=!1,m(),I(),this)},updateContainerElements:function(n){var o=[].concat(n).filter(Boolean);return r.containers=o.map(function(c){return typeof c=="string"?a.querySelector(c):c}),r.active&&m(),this}},s.updateContainerElements(e),s};function Y(i){let e,t;window.addEventListener("focusin",()=>{e=t,t=document.activeElement}),i.magic("focus",a=>{let u=a;return{__noscroll:!1,__wrapAround:!1,within(r){return u=r,this},withoutScrolling(){return this.__noscroll=!0,this},noscroll(){return this.__noscroll=!0,this},withWrapAround(){return this.__wrapAround=!0,this},wrap(){return this.withWrapAround()},focusable(r){return k(r)},previouslyFocused(){return e},lastFocused(){return e},focused(){return t},focusables(){return Array.isArray(u)?u:W(u,{displayCheck:"none"})},all(){return this.focusables()},isFirst(r){let s=this.all();return s[0]&&s[0].isSameNode(r)},isLast(r){let s=this.all();return s.length&&s.slice(-1)[0].isSameNode(r)},getFirst(){return this.all()[0]},getLast(){return this.all().slice(-1)[0]},getNext(){let r=this.all(),s=document.activeElement;if(r.indexOf(s)!==-1)return this.__wrapAround&&r.indexOf(s)===r.length-1?r[0]:r[r.indexOf(s)+1]},getPrevious(){let r=this.all(),s=document.activeElement;if(r.indexOf(s)!==-1)return this.__wrapAround&&r.indexOf(s)===0?r.slice(-1)[0]:r[r.indexOf(s)-1]},first(){this.focus(this.getFirst())},last(){this.focus(this.getLast())},next(){this.focus(this.getNext())},previous(){this.focus(this.getPrevious())},prev(){return this.previous()},focus(r){!r||setTimeout(()=>{r.hasAttribute("tabindex")||r.setAttribute("tabindex","0"),r.focus({preventScroll:this._noscroll})})}}}),i.directive("trap",i.skipDuringClone((a,{expression:u,modifiers:r},{effect:s,evaluateLater:l,cleanup:h})=>{let b=l(u),v=!1,m=K(a,{escapeDeactivates:!1,allowOutsideClick:!0,fallbackFocus:()=>a,initialFocus:a.querySelector("[autofocus]")}),p=()=>{},E=()=>{},y=()=>{p(),p=()=>{},E(),E=()=>{},m.deactivate({returnFocus:!r.includes("noreturn")})};s(()=>b(w=>{v!==w&&(w&&!v&&setTimeout(()=>{r.includes("inert")&&(p=V(a)),r.includes("noscroll")&&(E=pe()),m.activate()}),!w&&v&&y(),v=!!w)})),h(y)},(a,{expression:u,modifiers:r},{evaluate:s})=>{r.includes("inert")&&s(u)&&V(a)}))}function V(i){let e=[];return z(i,t=>{let a=t.hasAttribute("aria-hidden");t.setAttribute("aria-hidden","true"),e.push(()=>a||t.removeAttribute("aria-hidden"))}),()=>{for(;e.length;)e.pop()()}}function z(i,e){i.isSameNode(document.body)||!i.parentNode||Array.from(i.parentNode.children).forEach(t=>{t.isSameNode(i)||e(t),z(i.parentNode,e)})}function pe(){let i=document.documentElement.style.overflow,e=document.documentElement.style.paddingRight,t=window.innerWidth-document.documentElement.clientWidth;return document.documentElement.style.overflow="hidden",document.documentElement.style.paddingRight=`${t}px`,()=>{document.documentElement.style.overflow=i,document.documentElement.style.paddingRight=e}}document.addEventListener("alpine:init",()=>{window.Alpine.plugin(Y)});})();
+/*!
+* focus-trap 6.6.1
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/
+/*!
+* tabbable 5.2.1
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
\ No newline at end of file
diff --git a/public/assets/js/alpine-mask.min.js b/public/assets/js/alpine-mask.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..8d8541a41ac780733f2435a2cee51767bd3da656
--- /dev/null
+++ b/public/assets/js/alpine-mask.min.js
@@ -0,0 +1 @@
+(()=>{function b(i){i.directive("mask",(e,{value:t,expression:u},{effect:s,evaluateLater:f})=>{let n=()=>u,o="";if(["function","dynamic"].includes(t)){let r=f(u);s(()=>{n=a=>{let c;return i.dontAutoEvaluateFunctions(()=>{r(d=>{c=typeof d=="function"?d(a):d},{scope:{$input:a,$money:I.bind({el:e})}})}),c},l(e)})}else l(e);e.addEventListener("input",()=>l(e)),e.addEventListener("blur",()=>l(e,!1));function l(r,a=!0){let c=r.value,d=n(c);if(o.length-r.value.length==1)return o=r.value;let h=()=>{o=r.value=p(c,d)};a?k(r,d,()=>{h()}):h()}function p(r,a){if(r==="")return"";let c=g(a,r);return v(a,c)}})}function k(i,e,t){let u=i.selectionStart,s=i.value;t();let f=s.slice(0,u),n=v(e,g(e,f)).length;i.setSelectionRange(n,n)}function g(i,e){let t=e,u="",s={"9":/[0-9]/,a:/[a-zA-Z]/,"*":/[a-zA-Z0-9]/},f="";for(let n=0;n<i.length;n++){if(["9","a","*"].includes(i[n])){f+=i[n];continue}for(let o=0;o<t.length;o++)if(t[o]===i[n]){t=t.slice(0,o)+t.slice(o+1);break}}for(let n=0;n<f.length;n++){let o=!1;for(let l=0;l<t.length;l++)if(s[f[n]].test(t[l])){u+=t[l],t=t.slice(0,l)+t.slice(l+1),o=!0;break}if(!o)break}return u}function v(i,e){let t=Array.from(e),u="";for(let s=0;s<i.length;s++){if(!["9","a","*"].includes(i[s])){u+=i[s];continue}if(t.length===0)break;u+=t.shift()}return u}function I(i,e=".",t){t=e===","&&t===void 0?".":",";let u=(n,o)=>{let l="",p=0;for(let r=n.length-1;r>=0;r--)n[r]!==o&&(p===3?(l=n[r]+o+l,p=0):l=n[r]+l,p++);return l},s=i.replaceAll(t,""),f=Array.from({length:s.split(e)[0].length}).fill("9").join("");return f=u(f,t),i.includes(e)&&(f+=`${e}99`),queueMicrotask(()=>{this.el.value.endsWith(e)||this.el.value[this.el.selectionStart-1]===e&&this.el.setSelectionRange(this.el.selectionStart-1,this.el.selectionStart-1)}),f}document.addEventListener("alpine:init",()=>{window.Alpine.plugin(b)});})();
diff --git a/public/assets/js/alpine-persist.min.js b/public/assets/js/alpine-persist.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..4a7bd32aa42ea7f6d5d8f46813df51e0a70d5a0b
--- /dev/null
+++ b/public/assets/js/alpine-persist.min.js
@@ -0,0 +1 @@
+(()=>{function g(t){let e=()=>{let n,s=localStorage;return t.interceptor((r,i,a,p,m)=>{let o=n||`_x_${p}`,l=c(o,s)?d(o,s):r;return a(l),t.effect(()=>{let u=i();f(o,u,s),a(u)}),l},r=>{r.as=i=>(n=i,r),r.using=i=>(s=i,r)})};Object.defineProperty(t,"$persist",{get:()=>e()}),t.magic("persist",e)}function c(t,e){return e.getItem(t)!==null}function d(t,e){return JSON.parse(e.getItem(t,e))}function f(t,e,n){n.setItem(t,JSON.stringify(e))}document.addEventListener("alpine:init",()=>{window.Alpine.plugin(g)});})();
\ No newline at end of file
diff --git a/public/assets/js/alpine-ui.min.js b/public/assets/js/alpine-ui.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..8006507b22f46ddb8f17574016f1bee563b0126f
--- /dev/null
+++ b/public/assets/js/alpine-ui.min.js
@@ -0,0 +1 @@
+(()=>{function l(i){i.directive("dialog",(e,t)=>{t.value==="overlay"?m(e,i):t.value==="panel"?x(e,i):t.value==="title"?w(e,i):t.value==="description"?g(e,i):v(e,i)}),i.magic("dialog",e=>{let t=i.$data(e);return{get open(){return t.__isOpen},get isOpen(){return t.__isOpen},close(){t.__close()}}})}function v(i,e){e.bind(i,{"x-data"(){return{init(){e.bound(i,"open")!==void 0&&e.effect(()=>{this.__isOpenState=e.bound(i,"open")}),e.bound(i,"initial-focus")!==void 0&&this.$watch("__isOpenState",()=>{!this.__isOpenState||setTimeout(()=>{e.bound(i,"initial-focus").focus()},0)})},__isOpenState:!1,__close(){e.bound(i,"open")?this.$dispatch("close"):this.__isOpenState=!1},get __isOpen(){return e.bound(i,"static",this.__isOpenState)}}},"x-modelable":"__isOpenState","x-id"(){return["alpine-dialog-title","alpine-dialog-description"]},"x-show"(){return this.__isOpen},"x-trap.inert.noscroll"(){return this.__isOpen},"@keydown.escape"(){this.__close()},":aria-labelledby"(){return this.$id("alpine-dialog-title")},":aria-describedby"(){return this.$id("alpine-dialog-description")},role:"dialog","aria-modal":"true"})}function m(i,e){e.bind(i,{"x-init"(){this.$data.__isOpen===void 0&&console.warn('"x-dialog:overlay" is missing a parent element with "x-dialog".')},"x-show"(){return this.__isOpen},"@click.prevent.stop"(){this.$data.__close()}})}function x(i,e){e.bind(i,{"@click.outside"(){this.$data.__close()},"x-show"(){return this.$data.__isOpen}})}function w(i,e){e.bind(i,{"x-init"(){this.$data.__isOpen===void 0&&console.warn('"x-dialog:title" is missing a parent element with "x-dialog".')},":id"(){return this.$id("alpine-dialog-title")}})}function g(i,e){e.bind(i,{":id"(){return this.$id("alpine-dialog-description")}})}function u(i){i.directive("disclosure",(e,t)=>{t.value?t.value==="panel"?y(e,i):t.value==="button"&&E(e,i):O(e,i)}),i.magic("disclosure",e=>{let t=i.$data(e);return{get isOpen(){return t.__isOpen},close(){t.__close()}}})}function O(i,e){e.bind(i,{"x-modelable":"__isOpen","x-data"(){return{init(){queueMicrotask(()=>{let t=Boolean(e.bound(this.$el,"default-open",!1));t&&(this.__isOpen=t)})},__isOpen:!1,__close(){this.__isOpen=!1},__toggle(){this.__isOpen=!this.__isOpen}}},"x-id"(){return["alpine-disclosure-panel"]}})}function E(i,e){e.bind(i,{"x-init"(){this.$el.tagName.toLowerCase()==="button"&&!this.$el.hasAttribute("type")&&(this.$el.type="button")},"@click"(){this.$data.__isOpen=!this.$data.__isOpen},":aria-expanded"(){return this.$data.__isOpen},":aria-controls"(){return this.$data.$id("alpine-disclosure-panel")},"@keydown.space.prevent.stop"(){this.$data.__toggle()},"@keydown.enter.prevent.stop"(){this.$data.__toggle()},"@keyup.space.prevent"(){}})}function y(i,e){e.bind(i,{"x-show"(){return this.$data.__isOpen},":id"(){return this.$data.$id("alpine-disclosure-panel")}})}function h(i){i.directive("menu",(e,t)=>{t.value?t.value==="items"?S(e,i):t.value==="item"?N(e,i):t.value==="button"&&D(e,i):k(e,i)}),i.magic("menuItem",e=>{let t=i.$data(e);return{get isActive(){return t.__activeEl==t.__itemEl},get isDisabled(){return e.__isDisabled.value}}})}function k(i,e){e.bind(i,{"x-id"(){return["alpine-menu-button","alpine-menu-items"]},"x-modelable":"__isOpen","x-data"(){return{__itemEls:[],__activeEl:null,__isOpen:!1,__open(){this.__isOpen=!0,(s=>requestAnimationFrame(()=>requestAnimationFrame(s)))(()=>this.$refs.__items.focus({preventScroll:!0}))},__close(t=!0){this.__isOpen=!1,t&&this.$nextTick(()=>this.$refs.__button.focus({preventScroll:!0}))},__contains(t,s){return!!e.findClosest(s,a=>a.isSameNode(t))}}},"@focusin.window"(){this.$data.__contains(this.$el,document.activeElement)||this.$data.__close(!1)}})}function D(i,e){e.bind(i,{"x-ref":"__button","aria-haspopup":"true",":aria-labelledby"(){return this.$id("alpine-menu-label")},":id"(){return this.$id("alpine-menu-button")},":aria-expanded"(){return this.$data.__isOpen},":aria-controls"(){return this.$data.__isOpen&&this.$id("alpine-menu-items")},"x-init"(){this.$el.tagName.toLowerCase()==="button"&&!this.$el.hasAttribute("type")&&(this.$el.type="button")},"@click"(){this.$data.__open()},"@keydown.down.stop.prevent"(){this.$data.__open()},"@keydown.up.stop.prevent"(){this.$data.__open(_.Alpine,last)},"@keydown.space.stop.prevent"(){this.$data.__open()},"@keydown.enter.stop.prevent"(){this.$data.__open()}})}function S(i,e){e.bind(i,{"x-ref":"__items","aria-orientation":"vertical",role:"menu",":id"(){return this.$id("alpine-menu-items")},":aria-labelledby"(){return this.$id("alpine-menu-button")},":aria-activedescendant"(){return this.$data.__activeEl&&this.$data.__activeEl.id},"x-show"(){return this.$data.__isOpen},tabindex:"0","@click.outside"(){this.$data.__close()},"@keydown"(t){_.search(e,this.$refs.__items,t.key,s=>s.__activate())},"@keydown.down.stop.prevent"(){this.$data.__activeEl?_.next(e,this.$data.__activeEl,t=>t.__activate()):_.first(e,this.$refs.__items,t=>t.__activate())},"@keydown.up.stop.prevent"(){this.$data.__activeEl?_.previous(e,this.$data.__activeEl,t=>t.__activate()):_.last(e,this.$refs.__items,t=>t.__activate())},"@keydown.home.stop.prevent"(){_.first(e,this.$refs.__items,t=>t.__activate())},"@keydown.end.stop.prevent"(){_.last(e,this.$refs.__items,t=>t.__activate())},"@keydown.page-up.stop.prevent"(){_.first(e,this.$refs.__items,t=>t.__activate())},"@keydown.page-down.stop.prevent"(){_.last(e,this.$refs.__items,t=>t.__activate())},"@keydown.escape.stop.prevent"(){this.$data.__close()},"@keydown.space.stop.prevent"(){this.$data.__activeEl&&this.$data.__activeEl.click()},"@keydown.enter.stop.prevent"(){this.$data.__activeEl&&this.$data.__activeEl.click()},"@keyup.space.prevent"(){}})}function N(i,e){e.bind(i,()=>({"x-data"(){return{__itemEl:this.$el,init(){let t=e.raw(this.$data.__itemEls),s=!1;for(let a=0;a<t.length;a++)if(t[a].compareDocumentPosition(this.$el)&Node.DOCUMENT_POSITION_PRECEDING){t.splice(a,0,this.$el),s=!0;break}s||t.push(this.$el),this.$el.__activate=()=>{this.$data.__activeEl=this.$el,this.$el.scrollIntoView({block:"nearest"})},this.$el.__deactivate=()=>{this.$data.__activeEl=null},this.$el.__isDisabled=e.reactive({value:!1}),queueMicrotask(()=>{this.$el.__isDisabled.value=e.bound(this.$el,"disabled",!1)})},destroy(){let t=this.$data.__itemEls;t.splice(t.indexOf(this.$el),1)}}},"x-id"(){return["alpine-menu-item"]},":id"(){return this.$id("alpine-menu-item")},":tabindex"(){return this.$el.__isDisabled.value?!1:"-1"},role:"menuitem","@mousemove"(){this.$el.__isDisabled.value||this.$menuItem.isActive||this.$el.__activate()},"@mouseleave"(){this.$el.__isDisabled.value||!this.$menuItem.isActive||this.$el.__deactivate()}}))}var _={first(i,e,t=a=>a,s=()=>{}){let a=i.$data(e).__itemEls[0];return a?a.tagName.toLowerCase()==="template"?this.next(i,a,t):a.__isDisabled.value?this.next(i,a,t):t(a):s()},last(i,e,t=a=>a,s=()=>{}){let a=i.$data(e).__itemEls.slice(-1)[0];return a?a.__isDisabled.value?this.previous(i,a,t):t(a):s()},next(i,e,t=a=>a,s=()=>{}){if(!e)return s();let a=i.$data(e).__itemEls,n=a[a.indexOf(e)+1];return n?n.__isDisabled.value||n.tagName.toLowerCase()==="template"?this.next(i,n,t,s):t(n):s()},previous(i,e,t=a=>a,s=()=>{}){if(!e)return s();let a=i.$data(e).__itemEls,n=a[a.indexOf(e)-1];return n?n.__isDisabled.value||n.tagName.toLowerCase()==="template"?this.previous(i,n,t,s):t(n):s()},searchQuery:"",debouncedClearSearch:void 0,clearSearch(i){this.debouncedClearSearch||(this.debouncedClearSearch=i.debounce(function(){this.searchQuery=""},350)),this.debouncedClearSearch()},search(i,e,t,s){if(t.length>1)return;this.searchQuery+=t;let n=i.raw(i.$data(e).__itemEls).find(o=>o.textContent.trim().toLowerCase().startsWith(this.searchQuery));n&&!n.__isDisabled.value&&s(n),this.clearSearch(i)}};function c(i){i.directive("switch",(e,t)=>{t.value==="group"?T(e,i):t.value==="label"?L(e,i):t.value==="description"?C(e,i):I(e,i)}),i.magic("switch",e=>{let t=i.$data(e);return{get isChecked(){return t.__value===!0}}})}function T(i,e){e.bind(i,{"x-id"(){return["alpine-switch-label","alpine-switch-description"]},"x-data"(){return{__hasLabel:!1,__hasDescription:!1,__switchEl:void 0}}})}function I(i,e){e.bind(i,{"x-modelable":"__value","x-data"(){return{init(){queueMicrotask(()=>{this.__value=e.bound(this.$el,"default-checked",!1),this.__inputName=e.bound(this.$el,"name",!1),this.__inputValue=e.bound(this.$el,"value","on"),this.__inputId="alpine-switch-"+Date.now()})},__value:void 0,__inputName:void 0,__inputValue:void 0,__inputId:void 0,__toggle(){this.__value=!this.__value}}},"x-effect"(){let t=this.__value;if(!this.__inputName)return;let s=this.$el.nextElementSibling;if(s&&String(s.id)===String(this.__inputId)&&s.remove(),t){let a=document.createElement("input");a.type="hidden",a.value=this.__inputValue,a.name=this.__inputName,a.id=this.__inputId,this.$el.after(a)}},"x-init"(){this.$el.tagName.toLowerCase()==="button"&&!this.$el.hasAttribute("type")&&(this.$el.type="button"),this.$data.__switchEl=this.$el},role:"switch",tabindex:"0",":aria-checked"(){return!!this.__value},":aria-labelledby"(){return this.$data.__hasLabel&&this.$id("alpine-switch-label")},":aria-describedby"(){return this.$data.__hasDescription&&this.$id("alpine-switch-description")},"@click.prevent"(){this.__toggle()},"@keyup"(t){t.key!=="Tab"&&t.preventDefault(),t.key===" "&&this.__toggle()},"@keypress.prevent"(){}})}function L(i,e){e.bind(i,{"x-init"(){this.$data.__hasLabel=!0},":id"(){return this.$id("alpine-switch-label")},"@click"(){this.$data.__switchEl.click(),this.$data.__switchEl.focus({preventScroll:!0})}})}function C(i,e){e.bind(i,{"x-init"(){this.$data.__hasDescription=!0},":id"(){return this.$id("alpine-switch-description")}})}function p(i){i.directive("popover",(e,t)=>{t.value?t.value==="overlay"?R(e,i):t.value==="button"?F(e,i):t.value==="panel"?V(e,i):t.value==="group"&&M(e,i):P(e,i)}),i.magic("popover",e=>{let t=i.$data(e);return{get isOpen(){return t.__isOpenState},open(){t.__open()},close(){t.__close()}}})}function P(i,e){e.bind(i,{"x-id"(){return["alpine-popover-button","alpine-popover-panel"]},"x-modelable":"__isOpenState","x-data"(){return{init(){this.$data.__groupEl&&this.$data.__groupEl.addEventListener("__close-others",({detail:t})=>{t.el.isSameNode(this.$el)||this.__close(!1)})},__buttonEl:void 0,__panelEl:void 0,__isStatic:!1,get __isOpen(){return this.__isStatic?!0:this.__isOpenState},__isOpenState:!1,__open(){this.__isOpenState=!0,this.$dispatch("__close-others",{el:this.$el})},__toggle(){this.__isOpenState?this.__close():this.__open()},__close(t){this.__isStatic||(this.__isOpenState=!1,t!==!1&&(t=t||this.$data.__buttonEl,!document.activeElement.isSameNode(t)&&setTimeout(()=>t.focus())))},__contains(t,s){return!!e.findClosest(s,a=>a.isSameNode(t))}}},"@keydown.escape.stop.prevent"(){this.__close()},"@focusin.window"(){if(this.$data.__groupEl){this.$data.__contains(this.$data.__groupEl,document.activeElement)||this.$data.__close(!1);return}this.$data.__contains(this.$el,document.activeElement)||this.$data.__close(!1)}})}function F(i,e){e.bind(i,{"x-ref":"button",":id"(){return this.$id("alpine-popover-button")},":aria-expanded"(){return this.$data.__isOpen},":aria-controls"(){return this.$data.__isOpen&&this.$id("alpine-popover-panel")},"x-init"(){this.$el.tagName.toLowerCase()==="button"&&!this.$el.hasAttribute("type")&&(this.$el.type="button"),this.$data.__buttonEl=this.$el},"@click"(){this.$data.__toggle()},"@keydown.tab"(t){if(!t.shiftKey&&this.$data.__isOpen){let s=this.$focus.within(this.$data.__panelEl).getFirst();s&&(t.preventDefault(),t.stopPropagation(),this.$focus.focus(s))}},"@keyup.tab"(t){if(this.$data.__isOpen){let s=this.$focus.previouslyFocused();if(!s)return;!this.$data.__buttonEl.contains(s)&&!this.$data.__panelEl.contains(s)&&s&&this.$el.compareDocumentPosition(s)&Node.DOCUMENT_POSITION_FOLLOWING&&(t.preventDefault(),t.stopPropagation(),this.$focus.within(this.$data.__panelEl).last())}},"@keydown.space.stop.prevent"(){this.$data.__toggle()},"@keydown.enter.stop.prevent"(){this.$data.__toggle()},"@keyup.space.stop.prevent"(){}})}function V(i,e){e.bind(i,{"x-init"(){this.$data.__isStatic=e.bound(this.$el,"static",!1),this.$data.__panelEl=this.$el},"x-effect"(){this.$data.__isOpen&&e.bound(i,"focus")&&this.$focus.first()},"x-ref":"panel",":id"(){return this.$id("alpine-popover-panel")},"x-show"(){return this.$data.__isOpen},"@mousedown.window"(t){!this.$data.__isOpen||this.$data.__contains(this.$data.__buttonEl,t.target)||this.$data.__contains(this.$el,t.target)||this.$focus.focusable(t.target)||this.$data.__close()},"@keydown.tab"(t){if(t.shiftKey&&this.$focus.isFirst(t.target))t.preventDefault(),t.stopPropagation(),e.bound(i,"focus")?this.$data.__close():this.$data.__buttonEl.focus();else if(!t.shiftKey&&this.$focus.isLast(t.target)){t.preventDefault(),t.stopPropagation();let s=this.$focus.within(document).all(),a=s.indexOf(this.$data.__buttonEl);s.splice(a+1).filter(o=>!this.$el.contains(o))[0].focus(),e.bound(i,"focus")&&this.$data.__close(!1)}}})}function M(i,e){e.bind(i,{"x-ref":"container","x-data"(){return{__groupEl:this.$el}}})}function R(i,e){e.bind(i,{"x-show"(){return this.$data.__isOpen}})}function f(i){i.directive("radio",(e,t)=>{t.value?t.value==="option"?q(e,i):t.value==="label"?W(e,i):t.value==="description"&&G(e,i):B(e,i)}),i.magic("radioOption",e=>{let t=i.$data(e);return{get isActive(){return t.__option===t.__active},get isChecked(){return t.__option===t.__value},get isDisabled(){let s=t.__disabled;return t.__rootDisabled?!0:s}}})}function B(i,e){e.bind(i,{"x-modelable":"__value","x-data"(){return{init(){queueMicrotask(()=>{this.__rootDisabled=e.bound(i,"disabled",!1),this.__value=e.bound(this.$el,"default-value",!1),this.__inputName=e.bound(this.$el,"name",!1),this.__inputId="alpine-radio-"+Date.now()}),this.$nextTick(()=>{let t=document.createTreeWalker(this.$el,NodeFilter.SHOW_ELEMENT,{acceptNode:s=>s.getAttribute("role")==="radio"?NodeFilter.FILTER_REJECT:s.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},!1);for(;t.nextNode();)t.currentNode.setAttribute("role","none")})},__value:void 0,__active:void 0,__rootEl:this.$el,__optionValues:[],__disabledOptions:new Set,__optionElsByValue:new Map,__hasLabel:!1,__hasDescription:!1,__rootDisabled:!1,__inputName:void 0,__inputId:void 0,__change(t){this.__rootDisabled||(this.__value=t)},__addOption(t,s,a){let n=e.raw(this.__optionValues),o=n.map(d=>this.__optionElsByValue.get(d)),r=!1;for(let d=0;d<o.length;d++)if(o[d].compareDocumentPosition(s)&Node.DOCUMENT_POSITION_PRECEDING){n.splice(d,0,t),this.__optionElsByValue.set(t,s),r=!0;break}r||(n.push(t),this.__optionElsByValue.set(t,s)),a&&this.__disabledOptions.add(t)},__isFirstOption(t){return this.__optionValues.indexOf(t)===0},__setActive(t){this.__active=t},__focusOptionNext(){let t=this.__active,s=this.__optionValues.filter(n=>!this.__disabledOptions.has(n)),a=s[this.__optionValues.indexOf(t)+1];a=a||s[0],this.__optionElsByValue.get(a).focus(),this.__change(a)},__focusOptionPrev(){let t=this.__active,s=this.__optionValues.filter(n=>!this.__disabledOptions.has(n)),a=s[s.indexOf(t)-1];a=a||s.slice(-1)[0],this.__optionElsByValue.get(a).focus(),this.__change(a)}}},"x-effect"(){let t=this.__value;if(!this.__inputName)return;let s=this.$el.nextElementSibling;if(s&&String(s.id)===String(this.__inputId)&&s.remove(),t){let a=document.createElement("input");a.type="hidden",a.value=t,a.name=this.__inputName,a.id=this.__inputId,this.$el.after(a)}},role:"radiogroup","x-id"(){return["alpine-radio-label","alpine-radio-description"]},":aria-labelledby"(){return this.__hasLabel&&this.$id("alpine-radio-label")},":aria-describedby"(){return this.__hasDescription&&this.$id("alpine-radio-description")},"@keydown.up.prevent.stop"(){this.__focusOptionPrev()},"@keydown.left.prevent.stop"(){this.__focusOptionPrev()},"@keydown.down.prevent.stop"(){this.__focusOptionNext()},"@keydown.right.prevent.stop"(){this.__focusOptionNext()}})}function q(i,e){e.bind(i,{"x-data"(){return{init(){queueMicrotask(()=>{this.__disabled=e.bound(i,"disabled",!1),this.__option=e.bound(i,"value"),this.$data.__addOption(this.__option,this.$el,this.__disabled)})},__option:void 0,__disabled:!1,__hasLabel:!1,__hasDescription:!1}},"x-id"(){return["alpine-radio-label","alpine-radio-description"]},role:"radio",":aria-checked"(){return this.$radioOption.isChecked},":aria-disabled"(){return this.$radioOption.isDisabled},":aria-labelledby"(){return this.__hasLabel&&this.$id("alpine-radio-label")},":aria-describedby"(){return this.__hasDescription&&this.$id("alpine-radio-description")},":tabindex"(){return this.$radioOption.isDisabled?-1:this.$radioOption.isChecked||!this.$data.__value&&this.$data.__isFirstOption(this.$data.__option)?0:-1},"@click"(){this.$radioOption.isDisabled||(this.$data.__change(this.$data.__option),this.$el.focus())},"@focus"(){this.$radioOption.isDisabled||this.$data.__setActive(this.$data.__option)},"@blur"(){this.$data.__active===this.$data.__option&&this.$data.__setActive(void 0)},"@keydown.space.stop.prevent"(){this.$data.__change(this.$data.__option)}})}function W(i,e){e.bind(i,{"x-init"(){this.$data.__hasLabel=!0},":id"(){return this.$id("alpine-radio-label")}})}function G(i,e){e.bind(i,{"x-init"(){this.$data.__hasDescription=!0},":id"(){return this.$id("alpine-radio-description")}})}function $(i){i.directive("tabs",(e,t)=>{t.value?t.value==="list"?Q(e,i):t.value==="tab"?U(e,i):t.value==="panels"?j(e,i):t.value==="panel"&&H(e,i):K(e,i)}),i.magic("tab",e=>{let t=i.$data(e);return{get isSelected(){return t.__selectedIndex===t.__tabs.indexOf(t.__tabEl)},get isDisabled(){return t.__isDisabled}}}),i.magic("panel",e=>{let t=i.$data(e);return{get isSelected(){return t.__selectedIndex===t.__panels.indexOf(t.__panelEl)}}})}function K(i,e){e.bind(i,{"x-modelable":"__selectedIndex","x-data"(){return{init(){queueMicrotask(()=>{let t=this.__selectedIndex||Number(e.bound(this.$el,"default-index",0)),s=this.__activeTabs(),a=(n,o,r)=>Math.min(Math.max(n,o),r);this.__selectedIndex=a(t,0,s.length-1),e.effect(()=>{this.__manualActivation=e.bound(this.$el,"manual",!1)})})},__tabs:[],__panels:[],__selectedIndex:null,__tabGroupEl:void 0,__manualActivation:!1,__addTab(t){this.__tabs.push(t)},__addPanel(t){this.__panels.push(t)},__selectTab(t){this.__selectedIndex=this.__tabs.indexOf(t)},__activeTabs(){return this.__tabs.filter(t=>!t.__disabled)}}}})}function Q(i,e){e.bind(i,{"x-init"(){this.$data.__tabGroupEl=this.$el}})}function U(i,e){e.bind(i,{"x-init"(){this.$el.tagName.toLowerCase()==="button"&&!this.$el.hasAttribute("type")&&(this.$el.type="button")},"x-data"(){return{init(){this.__tabEl=this.$el,this.$data.__addTab(this.$el),this.__tabEl.__disabled=e.bound(this.$el,"disabled",!1),this.__isDisabled=this.__tabEl.__disabled},__tabEl:void 0,__isDisabled:!1}},"@click"(){this.$el.__disabled||(this.$data.__selectTab(this.$el),this.$el.focus())},"@keydown.enter.prevent.stop"(){this.__selectTab(this.$el)},"@keydown.space.prevent.stop"(){this.__selectTab(this.$el)},"@keydown.home.prevent.stop"(){this.$focus.within(this.$data.__activeTabs()).first()},"@keydown.page-up.prevent.stop"(){this.$focus.within(this.$data.__activeTabs()).first()},"@keydown.end.prevent.stop"(){this.$focus.within(this.$data.__activeTabs()).last()},"@keydown.page-down.prevent.stop"(){this.$focus.within(this.$data.__activeTabs()).last()},"@keydown.down.prevent.stop"(){this.$focus.within(this.$data.__activeTabs()).withWrapAround().next()},"@keydown.right.prevent.stop"(){this.$focus.within(this.$data.__activeTabs()).withWrapAround().next()},"@keydown.up.prevent.stop"(){this.$focus.within(this.$data.__activeTabs()).withWrapAround().prev()},"@keydown.left.prevent.stop"(){this.$focus.within(this.$data.__activeTabs()).withWrapAround().prev()},":tabindex"(){return this.$tab.isSelected?0:-1},"@focus"(){if(this.$data.__manualActivation)this.$el.focus();else{if(this.$el.__disabled)return;this.$data.__selectTab(this.$el),this.$el.focus()}}})}function j(i,e){e.bind(i,{})}function H(i,e){e.bind(i,{":tabindex"(){return this.$panel.isSelected?0:-1},"x-data"(){return{init(){this.__panelEl=this.$el,this.$data.__addPanel(this.$el)},__panelEl:void 0}},"x-show"(){return this.$panel.isSelected}})}function b(i){l(i),u(i),h(i),c(i),p(i),f(i),$(i)}document.addEventListener("alpine:init",()=>{window.Alpine.plugin(b)});})();
\ No newline at end of file
diff --git a/public/assets/js/alpine.min.js b/public/assets/js/alpine.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..bd82e3c83d3a2dd43db4e789bc47061b187e59a4
--- /dev/null
+++ b/public/assets/js/alpine.min.js
@@ -0,0 +1,5 @@
+(()=>{var We=!1,Ge=!1,B=[];function $t(e){an(e)}function an(e){B.includes(e)||B.push(e),cn()}function he(e){let t=B.indexOf(e);t!==-1&&B.splice(t,1)}function cn(){!Ge&&!We&&(We=!0,queueMicrotask(ln))}function ln(){We=!1,Ge=!0;for(let e=0;e<B.length;e++)B[e]();B.length=0,Ge=!1}var A,K,Y,Ye,Je=!0;function Lt(e){Je=!1,e(),Je=!0}function jt(e){A=e.reactive,Y=e.release,K=t=>e.effect(t,{scheduler:r=>{Je?$t(r):r()}}),Ye=e.raw}function Ze(e){K=e}function Ft(e){let t=()=>{};return[n=>{let i=K(n);return e._x_effects||(e._x_effects=new Set,e._x_runEffects=()=>{e._x_effects.forEach(o=>o())}),e._x_effects.add(i),t=()=>{i!==void 0&&(e._x_effects.delete(i),Y(i))},i},()=>{t()}]}var Bt=[],Kt=[],zt=[];function Vt(e){zt.push(e)}function _e(e,t){typeof t=="function"?(e._x_cleanups||(e._x_cleanups=[]),e._x_cleanups.push(t)):(t=e,Kt.push(t))}function Ht(e){Bt.push(e)}function qt(e,t,r){e._x_attributeCleanups||(e._x_attributeCleanups={}),e._x_attributeCleanups[t]||(e._x_attributeCleanups[t]=[]),e._x_attributeCleanups[t].push(r)}function Qe(e,t){!e._x_attributeCleanups||Object.entries(e._x_attributeCleanups).forEach(([r,n])=>{(t===void 0||t.includes(r))&&(n.forEach(i=>i()),delete e._x_attributeCleanups[r])})}var et=new MutationObserver(Xe),tt=!1;function rt(){et.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),tt=!0}function fn(){un(),et.disconnect(),tt=!1}var te=[],nt=!1;function un(){te=te.concat(et.takeRecords()),te.length&&!nt&&(nt=!0,queueMicrotask(()=>{dn(),nt=!1}))}function dn(){Xe(te),te.length=0}function m(e){if(!tt)return e();fn();let t=e();return rt(),t}var it=!1,ge=[];function Ut(){it=!0}function Wt(){it=!1,Xe(ge),ge=[]}function Xe(e){if(it){ge=ge.concat(e);return}let t=[],r=[],n=new Map,i=new Map;for(let o=0;o<e.length;o++)if(!e[o].target._x_ignoreMutationObserver&&(e[o].type==="childList"&&(e[o].addedNodes.forEach(s=>s.nodeType===1&&t.push(s)),e[o].removedNodes.forEach(s=>s.nodeType===1&&r.push(s))),e[o].type==="attributes")){let s=e[o].target,a=e[o].attributeName,c=e[o].oldValue,l=()=>{n.has(s)||n.set(s,[]),n.get(s).push({name:a,value:s.getAttribute(a)})},u=()=>{i.has(s)||i.set(s,[]),i.get(s).push(a)};s.hasAttribute(a)&&c===null?l():s.hasAttribute(a)?(u(),l()):u()}i.forEach((o,s)=>{Qe(s,o)}),n.forEach((o,s)=>{Bt.forEach(a=>a(s,o))});for(let o of r)if(!t.includes(o)&&(Kt.forEach(s=>s(o)),o._x_cleanups))for(;o._x_cleanups.length;)o._x_cleanups.pop()();t.forEach(o=>{o._x_ignoreSelf=!0,o._x_ignore=!0});for(let o of t)r.includes(o)||!o.isConnected||(delete o._x_ignoreSelf,delete o._x_ignore,zt.forEach(s=>s(o)),o._x_ignore=!0,o._x_ignoreSelf=!0);t.forEach(o=>{delete o._x_ignoreSelf,delete o._x_ignore}),t=null,r=null,n=null,i=null}function xe(e){return D(k(e))}function C(e,t,r){return e._x_dataStack=[t,...k(r||e)],()=>{e._x_dataStack=e._x_dataStack.filter(n=>n!==t)}}function ot(e,t){let r=e._x_dataStack[0];Object.entries(t).forEach(([n,i])=>{r[n]=i})}function k(e){return e._x_dataStack?e._x_dataStack:typeof ShadowRoot=="function"&&e instanceof ShadowRoot?k(e.host):e.parentNode?k(e.parentNode):[]}function D(e){let t=new Proxy({},{ownKeys:()=>Array.from(new Set(e.flatMap(r=>Object.keys(r)))),has:(r,n)=>e.some(i=>i.hasOwnProperty(n)),get:(r,n)=>(e.find(i=>{if(i.hasOwnProperty(n)){let o=Object.getOwnPropertyDescriptor(i,n);if(o.get&&o.get._x_alreadyBound||o.set&&o.set._x_alreadyBound)return!0;if((o.get||o.set)&&o.enumerable){let s=o.get,a=o.set,c=o;s=s&&s.bind(t),a=a&&a.bind(t),s&&(s._x_alreadyBound=!0),a&&(a._x_alreadyBound=!0),Object.defineProperty(i,n,{...c,get:s,set:a})}return!0}return!1})||{})[n],set:(r,n,i)=>{let o=e.find(s=>s.hasOwnProperty(n));return o?o[n]=i:e[e.length-1][n]=i,!0}});return t}function ye(e){let t=n=>typeof n=="object"&&!Array.isArray(n)&&n!==null,r=(n,i="")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach(([o,{value:s,enumerable:a}])=>{if(a===!1||s===void 0)return;let c=i===""?o:`${i}.${o}`;typeof s=="object"&&s!==null&&s._x_interceptor?n[o]=s.initialize(e,c,o):t(s)&&s!==n&&!(s instanceof Element)&&r(s,c)})};return r(e)}function be(e,t=()=>{}){let r={initialValue:void 0,_x_interceptor:!0,initialize(n,i,o){return e(this.initialValue,()=>pn(n,i),s=>st(n,i,s),i,o)}};return t(r),n=>{if(typeof n=="object"&&n!==null&&n._x_interceptor){let i=r.initialize.bind(r);r.initialize=(o,s,a)=>{let c=n.initialize(o,s,a);return r.initialValue=c,i(o,s,a)}}else r.initialValue=n;return r}}function pn(e,t){return t.split(".").reduce((r,n)=>r[n],e)}function st(e,t,r){if(typeof t=="string"&&(t=t.split(".")),t.length===1)e[t[0]]=r;else{if(t.length===0)throw error;return e[t[0]]||(e[t[0]]={}),st(e[t[0]],t.slice(1),r)}}var Gt={};function x(e,t){Gt[e]=t}function re(e,t){return Object.entries(Gt).forEach(([r,n])=>{Object.defineProperty(e,`$${r}`,{get(){let[i,o]=at(t);return i={interceptor:be,...i},_e(t,o),n(t,i)},enumerable:!1})}),e}function Yt(e,t,r,...n){try{return r(...n)}catch(i){J(i,e,t)}}function J(e,t,r=void 0){Object.assign(e,{el:t,expression:r}),console.warn(`Alpine Expression Error: ${e.message}
+
+${r?'Expression: "'+r+`"
+
+`:""}`,t),setTimeout(()=>{throw e},0)}var ve=!0;function Jt(e){let t=ve;ve=!1,e(),ve=t}function P(e,t,r={}){let n;return g(e,t)(i=>n=i,r),n}function g(...e){return Zt(...e)}var Zt=ct;function Qt(e){Zt=e}function ct(e,t){let r={};re(r,e);let n=[r,...k(e)];if(typeof t=="function")return mn(n,t);let i=hn(n,t,e);return Yt.bind(null,e,t,i)}function mn(e,t){return(r=()=>{},{scope:n={},params:i=[]}={})=>{let o=t.apply(D([n,...e]),i);we(r,o)}}var lt={};function _n(e,t){if(lt[e])return lt[e];let r=Object.getPrototypeOf(async function(){}).constructor,n=/^[\n\s]*if.*\(.*\)/.test(e)||/^(let|const)\s/.test(e)?`(() => { ${e} })()`:e,o=(()=>{try{return new r(["__self","scope"],`with (scope) { __self.result = ${n} }; __self.finished = true; return __self.result;`)}catch(s){return J(s,t,e),Promise.resolve()}})();return lt[e]=o,o}function hn(e,t,r){let n=_n(t,r);return(i=()=>{},{scope:o={},params:s=[]}={})=>{n.result=void 0,n.finished=!1;let a=D([o,...e]);if(typeof n=="function"){let c=n(n,a).catch(l=>J(l,r,t));n.finished?(we(i,n.result,a,s,r),n.result=void 0):c.then(l=>{we(i,l,a,s,r)}).catch(l=>J(l,r,t)).finally(()=>n.result=void 0)}}}function we(e,t,r,n,i){if(ve&&typeof t=="function"){let o=t.apply(r,n);o instanceof Promise?o.then(s=>we(e,s,r,n)).catch(s=>J(s,i,t)):e(o)}else e(t)}var ut="x-";function E(e=""){return ut+e}function Xt(e){ut=e}var er={};function d(e,t){er[e]=t}function ne(e,t,r){if(t=Array.from(t),e._x_virtualDirectives){let o=Object.entries(e._x_virtualDirectives).map(([a,c])=>({name:a,value:c})),s=ft(o);o=o.map(a=>s.find(c=>c.name===a.name)?{name:`x-bind:${a.name}`,value:`"${a.value}"`}:a),t=t.concat(o)}let n={};return t.map(tr((o,s)=>n[o]=s)).filter(rr).map(xn(n,r)).sort(yn).map(o=>gn(e,o))}function ft(e){return Array.from(e).map(tr()).filter(t=>!rr(t))}var dt=!1,ie=new Map,nr=Symbol();function ir(e){dt=!0;let t=Symbol();nr=t,ie.set(t,[]);let r=()=>{for(;ie.get(t).length;)ie.get(t).shift()();ie.delete(t)},n=()=>{dt=!1,r()};e(r),n()}function at(e){let t=[],r=a=>t.push(a),[n,i]=Ft(e);return t.push(i),[{Alpine:I,effect:n,cleanup:r,evaluateLater:g.bind(g,e),evaluate:P.bind(P,e)},()=>t.forEach(a=>a())]}function gn(e,t){let r=()=>{},n=er[t.type]||r,[i,o]=at(e);qt(e,t.original,o);let s=()=>{e._x_ignore||e._x_ignoreSelf||(n.inline&&n.inline(e,t,i),n=n.bind(n,e,t,i),dt?ie.get(nr).push(n):n())};return s.runCleanups=o,s}var Ee=(e,t)=>({name:r,value:n})=>(r.startsWith(e)&&(r=r.replace(e,t)),{name:r,value:n}),Se=e=>e;function tr(e=()=>{}){return({name:t,value:r})=>{let{name:n,value:i}=or.reduce((o,s)=>s(o),{name:t,value:r});return n!==t&&e(n,t),{name:n,value:i}}}var or=[];function Z(e){or.push(e)}function rr({name:e}){return sr().test(e)}var sr=()=>new RegExp(`^${ut}([^:^.]+)\\b`);function xn(e,t){return({name:r,value:n})=>{let i=r.match(sr()),o=r.match(/:([a-zA-Z0-9\-:]+)/),s=r.match(/\.[^.\]]+(?=[^\]]*$)/g)||[],a=t||e[r]||r;return{type:i?i[1]:null,value:o?o[1]:null,modifiers:s.map(c=>c.replace(".","")),expression:n,original:a}}}var pt="DEFAULT",Ae=["ignore","ref","data","id","radio","tabs","switch","disclosure","menu","listbox","list","item","combobox","bind","init","for","mask","model","modelable","transition","show","if",pt,"teleport"];function yn(e,t){let r=Ae.indexOf(e.type)===-1?pt:e.type,n=Ae.indexOf(t.type)===-1?pt:t.type;return Ae.indexOf(r)-Ae.indexOf(n)}function z(e,t,r={}){e.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0,cancelable:!0}))}var mt=[],ht=!1;function Te(e=()=>{}){return queueMicrotask(()=>{ht||setTimeout(()=>{Oe()})}),new Promise(t=>{mt.push(()=>{e(),t()})})}function Oe(){for(ht=!1;mt.length;)mt.shift()()}function ar(){ht=!0}function R(e,t){if(typeof ShadowRoot=="function"&&e instanceof ShadowRoot){Array.from(e.children).forEach(i=>R(i,t));return}let r=!1;if(t(e,()=>r=!0),r)return;let n=e.firstElementChild;for(;n;)R(n,t,!1),n=n.nextElementSibling}function O(e,...t){console.warn(`Alpine Warning: ${e}`,...t)}function lr(){document.body||O("Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine's `<script>` tag?"),z(document,"alpine:init"),z(document,"alpine:initializing"),rt(),Vt(t=>w(t,R)),_e(t=>bn(t)),Ht((t,r)=>{ne(t,r).forEach(n=>n())});let e=t=>!V(t.parentElement,!0);Array.from(document.querySelectorAll(cr())).filter(e).forEach(t=>{w(t)}),z(document,"alpine:initialized")}var _t=[],ur=[];function fr(){return _t.map(e=>e())}function cr(){return _t.concat(ur).map(e=>e())}function Ce(e){_t.push(e)}function Re(e){ur.push(e)}function V(e,t=!1){return Q(e,r=>{if((t?cr():fr()).some(i=>r.matches(i)))return!0})}function Q(e,t){if(!!e){if(t(e))return e;if(e._x_teleportBack&&(e=e._x_teleportBack),!!e.parentElement)return Q(e.parentElement,t)}}function dr(e){return fr().some(t=>e.matches(t))}function w(e,t=R){ir(()=>{t(e,(r,n)=>{ne(r,r.attributes).forEach(i=>i()),r._x_ignore&&n()})})}function bn(e){R(e,t=>Qe(t))}function oe(e,t){return Array.isArray(t)?pr(e,t.join(" ")):typeof t=="object"&&t!==null?vn(e,t):typeof t=="function"?oe(e,t()):pr(e,t)}function pr(e,t){let r=o=>o.split(" ").filter(Boolean),n=o=>o.split(" ").filter(s=>!e.classList.contains(s)).filter(Boolean),i=o=>(e.classList.add(...o),()=>{e.classList.remove(...o)});return t=t===!0?t="":t||"",i(n(t))}function vn(e,t){let r=a=>a.split(" ").filter(Boolean),n=Object.entries(t).flatMap(([a,c])=>c?r(a):!1).filter(Boolean),i=Object.entries(t).flatMap(([a,c])=>c?!1:r(a)).filter(Boolean),o=[],s=[];return i.forEach(a=>{e.classList.contains(a)&&(e.classList.remove(a),s.push(a))}),n.forEach(a=>{e.classList.contains(a)||(e.classList.add(a),o.push(a))}),()=>{s.forEach(a=>e.classList.add(a)),o.forEach(a=>e.classList.remove(a))}}function H(e,t){return typeof t=="object"&&t!==null?wn(e,t):En(e,t)}function wn(e,t){let r={};return Object.entries(t).forEach(([n,i])=>{r[n]=e.style[n],n.startsWith("--")||(n=Sn(n)),e.style.setProperty(n,i)}),setTimeout(()=>{e.style.length===0&&e.removeAttribute("style")}),()=>{H(e,r)}}function En(e,t){let r=e.getAttribute("style",t);return e.setAttribute("style",t),()=>{e.setAttribute("style",r||"")}}function Sn(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function se(e,t=()=>{}){let r=!1;return function(){r?t.apply(this,arguments):(r=!0,e.apply(this,arguments))}}d("transition",(e,{value:t,modifiers:r,expression:n},{evaluate:i})=>{typeof n=="function"&&(n=i(n)),n?An(e,n,t):On(e,r,t)});function An(e,t,r){mr(e,oe,""),{enter:i=>{e._x_transition.enter.during=i},"enter-start":i=>{e._x_transition.enter.start=i},"enter-end":i=>{e._x_transition.enter.end=i},leave:i=>{e._x_transition.leave.during=i},"leave-start":i=>{e._x_transition.leave.start=i},"leave-end":i=>{e._x_transition.leave.end=i}}[r](t)}function On(e,t,r){mr(e,H);let n=!t.includes("in")&&!t.includes("out")&&!r,i=n||t.includes("in")||["enter"].includes(r),o=n||t.includes("out")||["leave"].includes(r);t.includes("in")&&!n&&(t=t.filter((h,b)=>b<t.indexOf("out"))),t.includes("out")&&!n&&(t=t.filter((h,b)=>b>t.indexOf("out")));let s=!t.includes("opacity")&&!t.includes("scale"),a=s||t.includes("opacity"),c=s||t.includes("scale"),l=a?0:1,u=c?ae(t,"scale",95)/100:1,p=ae(t,"delay",0),y=ae(t,"origin","center"),N="opacity, transform",W=ae(t,"duration",150)/1e3,pe=ae(t,"duration",75)/1e3,f="cubic-bezier(0.4, 0.0, 0.2, 1)";i&&(e._x_transition.enter.during={transformOrigin:y,transitionDelay:p,transitionProperty:N,transitionDuration:`${W}s`,transitionTimingFunction:f},e._x_transition.enter.start={opacity:l,transform:`scale(${u})`},e._x_transition.enter.end={opacity:1,transform:"scale(1)"}),o&&(e._x_transition.leave.during={transformOrigin:y,transitionDelay:p,transitionProperty:N,transitionDuration:`${pe}s`,transitionTimingFunction:f},e._x_transition.leave.start={opacity:1,transform:"scale(1)"},e._x_transition.leave.end={opacity:l,transform:`scale(${u})`})}function mr(e,t,r={}){e._x_transition||(e._x_transition={enter:{during:r,start:r,end:r},leave:{during:r,start:r,end:r},in(n=()=>{},i=()=>{}){Me(e,t,{during:this.enter.during,start:this.enter.start,end:this.enter.end},n,i)},out(n=()=>{},i=()=>{}){Me(e,t,{during:this.leave.during,start:this.leave.start,end:this.leave.end},n,i)}})}window.Element.prototype._x_toggleAndCascadeWithTransitions=function(e,t,r,n){let i=document.visibilityState==="visible"?requestAnimationFrame:setTimeout,o=()=>i(r);if(t){e._x_transition&&(e._x_transition.enter||e._x_transition.leave)?e._x_transition.enter&&(Object.entries(e._x_transition.enter.during).length||Object.entries(e._x_transition.enter.start).length||Object.entries(e._x_transition.enter.end).length)?e._x_transition.in(r):o():e._x_transition?e._x_transition.in(r):o();return}e._x_hidePromise=e._x_transition?new Promise((s,a)=>{e._x_transition.out(()=>{},()=>s(n)),e._x_transitioning.beforeCancel(()=>a({isFromCancelledTransition:!0}))}):Promise.resolve(n),queueMicrotask(()=>{let s=hr(e);s?(s._x_hideChildren||(s._x_hideChildren=[]),s._x_hideChildren.push(e)):i(()=>{let a=c=>{let l=Promise.all([c._x_hidePromise,...(c._x_hideChildren||[]).map(a)]).then(([u])=>u());return delete c._x_hidePromise,delete c._x_hideChildren,l};a(e).catch(c=>{if(!c.isFromCancelledTransition)throw c})})})};function hr(e){let t=e.parentNode;if(!!t)return t._x_hidePromise?t:hr(t)}function Me(e,t,{during:r,start:n,end:i}={},o=()=>{},s=()=>{}){if(e._x_transitioning&&e._x_transitioning.cancel(),Object.keys(r).length===0&&Object.keys(n).length===0&&Object.keys(i).length===0){o(),s();return}let a,c,l;Tn(e,{start(){a=t(e,n)},during(){c=t(e,r)},before:o,end(){a(),l=t(e,i)},after:s,cleanup(){c(),l()}})}function Tn(e,t){let r,n,i,o=se(()=>{m(()=>{r=!0,n||t.before(),i||(t.end(),Oe()),t.after(),e.isConnected&&t.cleanup(),delete e._x_transitioning})});e._x_transitioning={beforeCancels:[],beforeCancel(s){this.beforeCancels.push(s)},cancel:se(function(){for(;this.beforeCancels.length;)this.beforeCancels.shift()();o()}),finish:o},m(()=>{t.start(),t.during()}),ar(),requestAnimationFrame(()=>{if(r)return;let s=Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s",""))*1e3,a=Number(getComputedStyle(e).transitionDelay.replace(/,.*/,"").replace("s",""))*1e3;s===0&&(s=Number(getComputedStyle(e).animationDuration.replace("s",""))*1e3),m(()=>{t.before()}),n=!0,requestAnimationFrame(()=>{r||(m(()=>{t.end()}),Oe(),setTimeout(e._x_transitioning.finish,s+a),i=!0)})})}function ae(e,t,r){if(e.indexOf(t)===-1)return r;let n=e[e.indexOf(t)+1];if(!n||t==="scale"&&isNaN(n))return r;if(t==="duration"){let i=n.match(/([0-9]+)ms/);if(i)return i[1]}return t==="origin"&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[n,e[e.indexOf(t)+2]].join(" "):n}var gt=!1;function $(e,t=()=>{}){return(...r)=>gt?t(...r):e(...r)}function _r(e,t){t._x_dataStack||(t._x_dataStack=e._x_dataStack),gt=!0,Rn(()=>{Cn(t)}),gt=!1}function Cn(e){let t=!1;w(e,(n,i)=>{R(n,(o,s)=>{if(t&&dr(o))return s();t=!0,i(o,s)})})}function Rn(e){let t=K;Ze((r,n)=>{let i=t(r);return Y(i),()=>{}}),e(),Ze(t)}function ce(e,t,r,n=[]){switch(e._x_bindings||(e._x_bindings=A({})),e._x_bindings[t]=r,t=n.includes("camel")?Dn(t):t,t){case"value":Mn(e,r);break;case"style":Pn(e,r);break;case"class":Nn(e,r);break;default:kn(e,t,r);break}}function Mn(e,t){if(e.type==="radio")e.attributes.value===void 0&&(e.value=t),window.fromModel&&(e.checked=gr(e.value,t));else if(e.type==="checkbox")Number.isInteger(t)?e.value=t:!Number.isInteger(t)&&!Array.isArray(t)&&typeof t!="boolean"&&![null,void 0].includes(t)?e.value=String(t):Array.isArray(t)?e.checked=t.some(r=>gr(r,e.value)):e.checked=!!t;else if(e.tagName==="SELECT")In(e,t);else{if(e.value===t)return;e.value=t}}function Nn(e,t){e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedClasses=oe(e,t)}function Pn(e,t){e._x_undoAddedStyles&&e._x_undoAddedStyles(),e._x_undoAddedStyles=H(e,t)}function kn(e,t,r){[null,void 0,!1].includes(r)&&Ln(t)?e.removeAttribute(t):(xr(t)&&(r=t),$n(e,t,r))}function $n(e,t,r){e.getAttribute(t)!=r&&e.setAttribute(t,r)}function In(e,t){let r=[].concat(t).map(n=>n+"");Array.from(e.options).forEach(n=>{n.selected=r.includes(n.value)})}function Dn(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function gr(e,t){return e==t}function xr(e){return["disabled","checked","required","readonly","hidden","open","selected","autofocus","itemscope","multiple","novalidate","allowfullscreen","allowpaymentrequest","formnovalidate","autoplay","controls","loop","muted","playsinline","default","ismap","reversed","async","defer","nomodule"].includes(e)}function Ln(e){return!["aria-pressed","aria-checked","aria-expanded","aria-selected"].includes(e)}function yr(e,t,r){if(e._x_bindings&&e._x_bindings[t]!==void 0)return e._x_bindings[t];let n=e.getAttribute(t);return n===null?typeof r=="function"?r():r:n===""?!0:xr(t)?!![t,"true"].includes(n):n}function Ne(e,t){var r;return function(){var n=this,i=arguments,o=function(){r=null,e.apply(n,i)};clearTimeout(r),r=setTimeout(o,t)}}function Pe(e,t){let r;return function(){let n=this,i=arguments;r||(e.apply(n,i),r=!0,setTimeout(()=>r=!1,t))}}function br(e){e(I)}var q={},vr=!1;function wr(e,t){if(vr||(q=A(q),vr=!0),t===void 0)return q[e];q[e]=t,typeof t=="object"&&t!==null&&t.hasOwnProperty("init")&&typeof t.init=="function"&&q[e].init(),ye(q[e])}function Er(){return q}var Sr={};function Ar(e,t){let r=typeof t!="function"?()=>t:t;e instanceof Element?xt(e,r()):Sr[e]=r}function Or(e){return Object.entries(Sr).forEach(([t,r])=>{Object.defineProperty(e,t,{get(){return(...n)=>r(...n)}})}),e}function xt(e,t,r){let n=[];for(;n.length;)n.pop()();let i=Object.entries(t).map(([s,a])=>({name:s,value:a})),o=ft(i);i=i.map(s=>o.find(a=>a.name===s.name)?{name:`x-bind:${s.name}`,value:`"${s.value}"`}:s),ne(e,i,r).map(s=>{n.push(s.runCleanups),s()})}var Tr={};function Cr(e,t){Tr[e]=t}function Rr(e,t){return Object.entries(Tr).forEach(([r,n])=>{Object.defineProperty(e,r,{get(){return(...i)=>n.bind(t)(...i)},enumerable:!1})}),e}var jn={get reactive(){return A},get release(){return Y},get effect(){return K},get raw(){return Ye},version:"3.10.5",flushAndStopDeferringMutations:Wt,dontAutoEvaluateFunctions:Jt,disableEffectScheduling:Lt,setReactivityEngine:jt,closestDataStack:k,skipDuringClone:$,addRootSelector:Ce,addInitSelector:Re,addScopeToNode:C,deferMutations:Ut,mapAttributes:Z,evaluateLater:g,setEvaluator:Qt,mergeProxies:D,findClosest:Q,closestRoot:V,interceptor:be,transition:Me,setStyles:H,mutateDom:m,directive:d,throttle:Pe,debounce:Ne,evaluate:P,initTree:w,nextTick:Te,prefixed:E,prefix:Xt,plugin:br,magic:x,store:wr,start:lr,clone:_r,bound:yr,$data:xe,data:Cr,bind:Ar},I=jn;function yt(e,t){let r=Object.create(null),n=e.split(",");for(let i=0;i<n.length;i++)r[n[i]]=!0;return t?i=>!!r[i.toLowerCase()]:i=>!!r[i]}var ns={[1]:"TEXT",[2]:"CLASS",[4]:"STYLE",[8]:"PROPS",[16]:"FULL_PROPS",[32]:"HYDRATE_EVENTS",[64]:"STABLE_FRAGMENT",[128]:"KEYED_FRAGMENT",[256]:"UNKEYED_FRAGMENT",[512]:"NEED_PATCH",[1024]:"DYNAMIC_SLOTS",[2048]:"DEV_ROOT_FRAGMENT",[-1]:"HOISTED",[-2]:"BAIL"},is={[1]:"STABLE",[2]:"DYNAMIC",[3]:"FORWARDED"};var Fn="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly";var os=yt(Fn+",async,autofocus,autoplay,controls,default,defer,disabled,hidden,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");var Mr=Object.freeze({}),ss=Object.freeze([]);var bt=Object.assign;var Bn=Object.prototype.hasOwnProperty,le=(e,t)=>Bn.call(e,t),L=Array.isArray,X=e=>Nr(e)==="[object Map]";var Kn=e=>typeof e=="string",ke=e=>typeof e=="symbol",ue=e=>e!==null&&typeof e=="object";var zn=Object.prototype.toString,Nr=e=>zn.call(e),vt=e=>Nr(e).slice(8,-1);var De=e=>Kn(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e;var Ie=e=>{let t=Object.create(null);return r=>t[r]||(t[r]=e(r))},Vn=/-(\w)/g,as=Ie(e=>e.replace(Vn,(t,r)=>r?r.toUpperCase():"")),Hn=/\B([A-Z])/g,cs=Ie(e=>e.replace(Hn,"-$1").toLowerCase()),wt=Ie(e=>e.charAt(0).toUpperCase()+e.slice(1)),ls=Ie(e=>e?`on${wt(e)}`:""),Et=(e,t)=>e!==t&&(e===e||t===t);var St=new WeakMap,fe=[],M,U=Symbol("iterate"),At=Symbol("Map key iterate");function qn(e){return e&&e._isEffect===!0}function Pr(e,t=Mr){qn(e)&&(e=e.raw);let r=Un(e,t);return t.lazy||r(),r}function Dr(e){e.active&&(kr(e),e.options.onStop&&e.options.onStop(),e.active=!1)}var Wn=0;function Un(e,t){let r=function(){if(!r.active)return e();if(!fe.includes(r)){kr(r);try{return Gn(),fe.push(r),M=r,e()}finally{fe.pop(),Ir(),M=fe[fe.length-1]}}};return r.id=Wn++,r.allowRecurse=!!t.allowRecurse,r._isEffect=!0,r.active=!0,r.raw=e,r.deps=[],r.options=t,r}function kr(e){let{deps:t}=e;if(t.length){for(let r=0;r<t.length;r++)t[r].delete(e);t.length=0}}var ee=!0,Ot=[];function Yn(){Ot.push(ee),ee=!1}function Gn(){Ot.push(ee),ee=!0}function Ir(){let e=Ot.pop();ee=e===void 0?!0:e}function T(e,t,r){if(!ee||M===void 0)return;let n=St.get(e);n||St.set(e,n=new Map);let i=n.get(r);i||n.set(r,i=new Set),i.has(M)||(i.add(M),M.deps.push(i),M.options.onTrack&&M.options.onTrack({effect:M,target:e,type:t,key:r}))}function j(e,t,r,n,i,o){let s=St.get(e);if(!s)return;let a=new Set,c=u=>{u&&u.forEach(p=>{(p!==M||p.allowRecurse)&&a.add(p)})};if(t==="clear")s.forEach(c);else if(r==="length"&&L(e))s.forEach((u,p)=>{(p==="length"||p>=n)&&c(u)});else switch(r!==void 0&&c(s.get(r)),t){case"add":L(e)?De(r)&&c(s.get("length")):(c(s.get(U)),X(e)&&c(s.get(At)));break;case"delete":L(e)||(c(s.get(U)),X(e)&&c(s.get(At)));break;case"set":X(e)&&c(s.get(U));break}let l=u=>{u.options.onTrigger&&u.options.onTrigger({effect:u,target:e,key:r,type:t,newValue:n,oldValue:i,oldTarget:o}),u.options.scheduler?u.options.scheduler(u):u()};a.forEach(l)}var Jn=yt("__proto__,__v_isRef,__isVue"),$r=new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(ke)),Zn=$e(),Qn=$e(!1,!0),Xn=$e(!0),ei=$e(!0,!0),Le={};["includes","indexOf","lastIndexOf"].forEach(e=>{let t=Array.prototype[e];Le[e]=function(...r){let n=_(this);for(let o=0,s=this.length;o<s;o++)T(n,"get",o+"");let i=t.apply(n,r);return i===-1||i===!1?t.apply(n,r.map(_)):i}});["push","pop","shift","unshift","splice"].forEach(e=>{let t=Array.prototype[e];Le[e]=function(...r){Yn();let n=t.apply(this,r);return Ir(),n}});function $e(e=!1,t=!1){return function(n,i,o){if(i==="__v_isReactive")return!e;if(i==="__v_isReadonly")return e;if(i==="__v_raw"&&o===(e?t?ri:jr:t?ti:Lr).get(n))return n;let s=L(n);if(!e&&s&&le(Le,i))return Reflect.get(Le,i,o);let a=Reflect.get(n,i,o);return(ke(i)?$r.has(i):Jn(i))||(e||T(n,"get",i),t)?a:Tt(a)?!s||!De(i)?a.value:a:ue(a)?e?Fr(a):je(a):a}}var ni=Br(),ii=Br(!0);function Br(e=!1){return function(r,n,i,o){let s=r[n];if(!e&&(i=_(i),s=_(s),!L(r)&&Tt(s)&&!Tt(i)))return s.value=i,!0;let a=L(r)&&De(n)?Number(n)<r.length:le(r,n),c=Reflect.set(r,n,i,o);return r===_(o)&&(a?Et(i,s)&&j(r,"set",n,i,s):j(r,"add",n,i)),c}}function oi(e,t){let r=le(e,t),n=e[t],i=Reflect.deleteProperty(e,t);return i&&r&&j(e,"delete",t,void 0,n),i}function si(e,t){let r=Reflect.has(e,t);return(!ke(t)||!$r.has(t))&&T(e,"has",t),r}function ai(e){return T(e,"iterate",L(e)?"length":U),Reflect.ownKeys(e)}var Kr={get:Zn,set:ni,deleteProperty:oi,has:si,ownKeys:ai},zr={get:Xn,set(e,t){return console.warn(`Set operation on key "${String(t)}" failed: target is readonly.`,e),!0},deleteProperty(e,t){return console.warn(`Delete operation on key "${String(t)}" failed: target is readonly.`,e),!0}},hs=bt({},Kr,{get:Qn,set:ii}),_s=bt({},zr,{get:ei}),Ct=e=>ue(e)?je(e):e,Rt=e=>ue(e)?Fr(e):e,Mt=e=>e,Fe=e=>Reflect.getPrototypeOf(e);function Be(e,t,r=!1,n=!1){e=e.__v_raw;let i=_(e),o=_(t);t!==o&&!r&&T(i,"get",t),!r&&T(i,"get",o);let{has:s}=Fe(i),a=n?Mt:r?Rt:Ct;if(s.call(i,t))return a(e.get(t));if(s.call(i,o))return a(e.get(o));e!==i&&e.get(t)}function Ke(e,t=!1){let r=this.__v_raw,n=_(r),i=_(e);return e!==i&&!t&&T(n,"has",e),!t&&T(n,"has",i),e===i?r.has(e):r.has(e)||r.has(i)}function ze(e,t=!1){return e=e.__v_raw,!t&&T(_(e),"iterate",U),Reflect.get(e,"size",e)}function Vr(e){e=_(e);let t=_(this);return Fe(t).has.call(t,e)||(t.add(e),j(t,"add",e,e)),this}function qr(e,t){t=_(t);let r=_(this),{has:n,get:i}=Fe(r),o=n.call(r,e);o?Hr(r,n,e):(e=_(e),o=n.call(r,e));let s=i.call(r,e);return r.set(e,t),o?Et(t,s)&&j(r,"set",e,t,s):j(r,"add",e,t),this}function Ur(e){let t=_(this),{has:r,get:n}=Fe(t),i=r.call(t,e);i?Hr(t,r,e):(e=_(e),i=r.call(t,e));let o=n?n.call(t,e):void 0,s=t.delete(e);return i&&j(t,"delete",e,void 0,o),s}function Wr(){let e=_(this),t=e.size!==0,r=X(e)?new Map(e):new Set(e),n=e.clear();return t&&j(e,"clear",void 0,void 0,r),n}function Ve(e,t){return function(n,i){let o=this,s=o.__v_raw,a=_(s),c=t?Mt:e?Rt:Ct;return!e&&T(a,"iterate",U),s.forEach((l,u)=>n.call(i,c(l),c(u),o))}}function He(e,t,r){return function(...n){let i=this.__v_raw,o=_(i),s=X(o),a=e==="entries"||e===Symbol.iterator&&s,c=e==="keys"&&s,l=i[e](...n),u=r?Mt:t?Rt:Ct;return!t&&T(o,"iterate",c?At:U),{next(){let{value:p,done:y}=l.next();return y?{value:p,done:y}:{value:a?[u(p[0]),u(p[1])]:u(p),done:y}},[Symbol.iterator](){return this}}}}function F(e){return function(...t){{let r=t[0]?`on key "${t[0]}" `:"";console.warn(`${wt(e)} operation ${r}failed: target is readonly.`,_(this))}return e==="delete"?!1:this}}var Gr={get(e){return Be(this,e)},get size(){return ze(this)},has:Ke,add:Vr,set:qr,delete:Ur,clear:Wr,forEach:Ve(!1,!1)},Yr={get(e){return Be(this,e,!1,!0)},get size(){return ze(this)},has:Ke,add:Vr,set:qr,delete:Ur,clear:Wr,forEach:Ve(!1,!0)},Jr={get(e){return Be(this,e,!0)},get size(){return ze(this,!0)},has(e){return Ke.call(this,e,!0)},add:F("add"),set:F("set"),delete:F("delete"),clear:F("clear"),forEach:Ve(!0,!1)},Zr={get(e){return Be(this,e,!0,!0)},get size(){return ze(this,!0)},has(e){return Ke.call(this,e,!0)},add:F("add"),set:F("set"),delete:F("delete"),clear:F("clear"),forEach:Ve(!0,!0)},ci=["keys","values","entries",Symbol.iterator];ci.forEach(e=>{Gr[e]=He(e,!1,!1),Jr[e]=He(e,!0,!1),Yr[e]=He(e,!1,!0),Zr[e]=He(e,!0,!0)});function qe(e,t){let r=t?e?Zr:Yr:e?Jr:Gr;return(n,i,o)=>i==="__v_isReactive"?!e:i==="__v_isReadonly"?e:i==="__v_raw"?n:Reflect.get(le(r,i)&&i in n?r:n,i,o)}var li={get:qe(!1,!1)},gs={get:qe(!1,!0)},ui={get:qe(!0,!1)},xs={get:qe(!0,!0)};function Hr(e,t,r){let n=_(r);if(n!==r&&t.call(e,n)){let i=vt(e);console.warn(`Reactive ${i} contains both the raw and reactive versions of the same object${i==="Map"?" as keys":""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}}var Lr=new WeakMap,ti=new WeakMap,jr=new WeakMap,ri=new WeakMap;function fi(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function di(e){return e.__v_skip||!Object.isExtensible(e)?0:fi(vt(e))}function je(e){return e&&e.__v_isReadonly?e:Qr(e,!1,Kr,li,Lr)}function Fr(e){return Qr(e,!0,zr,ui,jr)}function Qr(e,t,r,n,i){if(!ue(e))return console.warn(`value cannot be made reactive: ${String(e)}`),e;if(e.__v_raw&&!(t&&e.__v_isReactive))return e;let o=i.get(e);if(o)return o;let s=di(e);if(s===0)return e;let a=new Proxy(e,s===2?n:r);return i.set(e,a),a}function _(e){return e&&_(e.__v_raw)||e}function Tt(e){return Boolean(e&&e.__v_isRef===!0)}x("nextTick",()=>Te);x("dispatch",e=>z.bind(z,e));x("watch",(e,{evaluateLater:t,effect:r})=>(n,i)=>{let o=t(n),s=!0,a,c=r(()=>o(l=>{JSON.stringify(l),s?a=l:queueMicrotask(()=>{i(l,a),a=l}),s=!1}));e._x_effects.delete(c)});x("store",Er);x("data",e=>xe(e));x("root",e=>V(e));x("refs",e=>(e._x_refs_proxy||(e._x_refs_proxy=D(pi(e))),e._x_refs_proxy));function pi(e){let t=[],r=e;for(;r;)r._x_refs&&t.push(r._x_refs),r=r.parentNode;return t}var Nt={};function Pt(e){return Nt[e]||(Nt[e]=0),++Nt[e]}function Xr(e,t){return Q(e,r=>{if(r._x_ids&&r._x_ids[t])return!0})}function en(e,t){e._x_ids||(e._x_ids={}),e._x_ids[t]||(e._x_ids[t]=Pt(t))}x("id",e=>(t,r=null)=>{let n=Xr(e,t),i=n?n._x_ids[t]:Pt(t);return r?`${t}-${i}-${r}`:`${t}-${i}`});x("el",e=>e);tn("Focus","focus","focus");tn("Persist","persist","persist");function tn(e,t,r){x(t,n=>O(`You can't use [$${directiveName}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}d("modelable",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t),o=()=>{let l;return i(u=>l=u),l},s=n(`${t} = __placeholder`),a=l=>s(()=>{},{scope:{__placeholder:l}}),c=o();a(c),queueMicrotask(()=>{if(!e._x_model)return;e._x_removeModelListeners.default();let l=e._x_model.get,u=e._x_model.set;r(()=>a(l())),r(()=>u(o()))})});d("teleport",(e,{expression:t},{cleanup:r})=>{e.tagName.toLowerCase()!=="template"&&O("x-teleport can only be used on a <template> tag",e);let n=document.querySelector(t);n||O(`Cannot find x-teleport element for selector: "${t}"`);let i=e.content.cloneNode(!0).firstElementChild;e._x_teleport=i,i._x_teleportBack=e,e._x_forwardEvents&&e._x_forwardEvents.forEach(o=>{i.addEventListener(o,s=>{s.stopPropagation(),e.dispatchEvent(new s.constructor(s.type,s))})}),C(i,{},e),m(()=>{n.appendChild(i),w(i),i._x_ignore=!0}),r(()=>i.remove())});var rn=()=>{};rn.inline=(e,{modifiers:t},{cleanup:r})=>{t.includes("self")?e._x_ignoreSelf=!0:e._x_ignore=!0,r(()=>{t.includes("self")?delete e._x_ignoreSelf:delete e._x_ignore})};d("ignore",rn);d("effect",(e,{expression:t},{effect:r})=>r(g(e,t)));function de(e,t,r,n){let i=e,o=c=>n(c),s={},a=(c,l)=>u=>l(c,u);if(r.includes("dot")&&(t=mi(t)),r.includes("camel")&&(t=hi(t)),r.includes("passive")&&(s.passive=!0),r.includes("capture")&&(s.capture=!0),r.includes("window")&&(i=window),r.includes("document")&&(i=document),r.includes("prevent")&&(o=a(o,(c,l)=>{l.preventDefault(),c(l)})),r.includes("stop")&&(o=a(o,(c,l)=>{l.stopPropagation(),c(l)})),r.includes("self")&&(o=a(o,(c,l)=>{l.target===e&&c(l)})),(r.includes("away")||r.includes("outside"))&&(i=document,o=a(o,(c,l)=>{e.contains(l.target)||l.target.isConnected!==!1&&(e.offsetWidth<1&&e.offsetHeight<1||e._x_isShown!==!1&&c(l))})),r.includes("once")&&(o=a(o,(c,l)=>{c(l),i.removeEventListener(t,o,s)})),o=a(o,(c,l)=>{_i(t)&&gi(l,r)||c(l)}),r.includes("debounce")){let c=r[r.indexOf("debounce")+1]||"invalid-wait",l=kt(c.split("ms")[0])?Number(c.split("ms")[0]):250;o=Ne(o,l)}if(r.includes("throttle")){let c=r[r.indexOf("throttle")+1]||"invalid-wait",l=kt(c.split("ms")[0])?Number(c.split("ms")[0]):250;o=Pe(o,l)}return i.addEventListener(t,o,s),()=>{i.removeEventListener(t,o,s)}}function mi(e){return e.replace(/-/g,".")}function hi(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function kt(e){return!Array.isArray(e)&&!isNaN(e)}function xi(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}function _i(e){return["keydown","keyup"].includes(e)}function gi(e,t){let r=t.filter(o=>!["window","document","prevent","stop","once"].includes(o));if(r.includes("debounce")){let o=r.indexOf("debounce");r.splice(o,kt((r[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.length===0||r.length===1&&nn(e.key).includes(r[0]))return!1;let i=["ctrl","shift","alt","meta","cmd","super"].filter(o=>r.includes(o));return r=r.filter(o=>!i.includes(o)),!(i.length>0&&i.filter(s=>((s==="cmd"||s==="super")&&(s="meta"),e[`${s}Key`])).length===i.length&&nn(e.key).includes(r[0]))}function nn(e){if(!e)return[];e=xi(e);let t={ctrl:"control",slash:"/",space:"-",spacebar:"-",cmd:"meta",esc:"escape",up:"arrow-up",down:"arrow-down",left:"arrow-left",right:"arrow-right",period:".",equal:"="};return t[e]=e,Object.keys(t).map(r=>{if(t[r]===e)return r}).filter(r=>r)}d("model",(e,{modifiers:t,expression:r},{effect:n,cleanup:i})=>{let o=g(e,r),s=`${r} = rightSideOfExpression($event, ${r})`,a=g(e,s);var c=e.tagName.toLowerCase()==="select"||["checkbox","radio"].includes(e.type)||t.includes("lazy")?"change":"input";let l=yi(e,t,r),u=de(e,c,t,y=>{a(()=>{},{scope:{$event:y,rightSideOfExpression:l}})});e._x_removeModelListeners||(e._x_removeModelListeners={}),e._x_removeModelListeners.default=u,i(()=>e._x_removeModelListeners.default());let p=g(e,`${r} = __placeholder`);e._x_model={get(){let y;return o(N=>y=N),y},set(y){p(()=>{},{scope:{__placeholder:y}})}},e._x_forceModelUpdate=()=>{o(y=>{y===void 0&&r.match(/\./)&&(y=""),window.fromModel=!0,m(()=>ce(e,"value",y)),delete window.fromModel})},n(()=>{t.includes("unintrusive")&&document.activeElement.isSameNode(e)||e._x_forceModelUpdate()})});function yi(e,t,r){return e.type==="radio"&&m(()=>{e.hasAttribute("name")||e.setAttribute("name",r)}),(n,i)=>m(()=>{if(n instanceof CustomEvent&&n.detail!==void 0)return n.detail||n.target.value;if(e.type==="checkbox")if(Array.isArray(i)){let o=t.includes("number")?Dt(n.target.value):n.target.value;return n.target.checked?i.concat([o]):i.filter(s=>!bi(s,o))}else return n.target.checked;else{if(e.tagName.toLowerCase()==="select"&&e.multiple)return t.includes("number")?Array.from(n.target.selectedOptions).map(o=>{let s=o.value||o.text;return Dt(s)}):Array.from(n.target.selectedOptions).map(o=>o.value||o.text);{let o=n.target.value;return t.includes("number")?Dt(o):t.includes("trim")?o.trim():o}}})}function Dt(e){let t=e?parseFloat(e):null;return vi(t)?t:e}function bi(e,t){return e==t}function vi(e){return!Array.isArray(e)&&!isNaN(e)}d("cloak",e=>queueMicrotask(()=>m(()=>e.removeAttribute(E("cloak")))));Re(()=>`[${E("init")}]`);d("init",$((e,{expression:t},{evaluate:r})=>typeof t=="string"?!!t.trim()&&r(t,{},!1):r(t,{},!1)));d("text",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{m(()=>{e.textContent=o})})})});d("html",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{m(()=>{e.innerHTML=o,e._x_ignoreSelf=!0,w(e),delete e._x_ignoreSelf})})})});Z(Ee(":",Se(E("bind:"))));d("bind",(e,{value:t,modifiers:r,expression:n,original:i},{effect:o})=>{if(!t){let a={};Or(a),g(e,n)(l=>{xt(e,l,i)},{scope:a});return}if(t==="key")return wi(e,n);let s=g(e,n);o(()=>s(a=>{a===void 0&&typeof n=="string"&&n.match(/\./)&&(a=""),m(()=>ce(e,t,a,r))}))});function wi(e,t){e._x_keyExpression=t}Ce(()=>`[${E("data")}]`);d("data",$((e,{expression:t},{cleanup:r})=>{t=t===""?"{}":t;let n={};re(n,e);let i={};Rr(i,n);let o=P(e,t,{scope:i});o===void 0&&(o={}),re(o,e);let s=A(o);ye(s);let a=C(e,s);s.init&&P(e,s.init),r(()=>{s.destroy&&P(e,s.destroy),a()})}));d("show",(e,{modifiers:t,expression:r},{effect:n})=>{let i=g(e,r);e._x_doHide||(e._x_doHide=()=>{m(()=>{e.style.setProperty("display","none",t.includes("important")?"important":void 0)})}),e._x_doShow||(e._x_doShow=()=>{m(()=>{e.style.length===1&&e.style.display==="none"?e.removeAttribute("style"):e.style.removeProperty("display")})});let o=()=>{e._x_doHide(),e._x_isShown=!1},s=()=>{e._x_doShow(),e._x_isShown=!0},a=()=>setTimeout(s),c=se(p=>p?s():o(),p=>{typeof e._x_toggleAndCascadeWithTransitions=="function"?e._x_toggleAndCascadeWithTransitions(e,p,s,o):p?a():o()}),l,u=!0;n(()=>i(p=>{!u&&p===l||(t.includes("immediate")&&(p?a():o()),c(p),l=p,u=!1)}))});d("for",(e,{expression:t},{effect:r,cleanup:n})=>{let i=Si(t),o=g(e,i.items),s=g(e,e._x_keyExpression||"index");e._x_prevKeys=[],e._x_lookup={},r(()=>Ei(e,i,o,s)),n(()=>{Object.values(e._x_lookup).forEach(a=>a.remove()),delete e._x_prevKeys,delete e._x_lookup})});function Ei(e,t,r,n){let i=s=>typeof s=="object"&&!Array.isArray(s),o=e;r(s=>{Ai(s)&&s>=0&&(s=Array.from(Array(s).keys(),f=>f+1)),s===void 0&&(s=[]);let a=e._x_lookup,c=e._x_prevKeys,l=[],u=[];if(i(s))s=Object.entries(s).map(([f,h])=>{let b=on(t,h,f,s);n(v=>u.push(v),{scope:{index:f,...b}}),l.push(b)});else for(let f=0;f<s.length;f++){let h=on(t,s[f],f,s);n(b=>u.push(b),{scope:{index:f,...h}}),l.push(h)}let p=[],y=[],N=[],W=[];for(let f=0;f<c.length;f++){let h=c[f];u.indexOf(h)===-1&&N.push(h)}c=c.filter(f=>!N.includes(f));let pe="template";for(let f=0;f<u.length;f++){let h=u[f],b=c.indexOf(h);if(b===-1)c.splice(f,0,h),p.push([pe,f]);else if(b!==f){let v=c.splice(f,1)[0],S=c.splice(b-1,1)[0];c.splice(f,0,S),c.splice(b,0,v),y.push([v,S])}else W.push(h);pe=h}for(let f=0;f<N.length;f++){let h=N[f];a[h]._x_effects&&a[h]._x_effects.forEach(he),a[h].remove(),a[h]=null,delete a[h]}for(let f=0;f<y.length;f++){let[h,b]=y[f],v=a[h],S=a[b],G=document.createElement("div");m(()=>{S.after(G),v.after(S),S._x_currentIfEl&&S.after(S._x_currentIfEl),G.before(v),v._x_currentIfEl&&v.after(v._x_currentIfEl),G.remove()}),ot(S,l[u.indexOf(b)])}for(let f=0;f<p.length;f++){let[h,b]=p[f],v=h==="template"?o:a[h];v._x_currentIfEl&&(v=v._x_currentIfEl);let S=l[b],G=u[b],me=document.importNode(o.content,!0).firstElementChild;C(me,A(S),o),m(()=>{v.after(me),w(me)}),typeof G=="object"&&O("x-for key cannot be an object, it must be a string or an integer",o),a[G]=me}for(let f=0;f<W.length;f++)ot(a[W[f]],l[u.indexOf(W[f])]);o._x_prevKeys=u})}function Si(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,r=/^\s*\(|\)\s*$/g,n=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,i=e.match(n);if(!i)return;let o={};o.items=i[2].trim();let s=i[1].replace(r,"").trim(),a=s.match(t);return a?(o.item=s.replace(t,"").trim(),o.index=a[1].trim(),a[2]&&(o.collection=a[2].trim())):o.item=s,o}function on(e,t,r,n){let i={};return/^\[.*\]$/.test(e.item)&&Array.isArray(t)?e.item.replace("[","").replace("]","").split(",").map(s=>s.trim()).forEach((s,a)=>{i[s]=t[a]}):/^\{.*\}$/.test(e.item)&&!Array.isArray(t)&&typeof t=="object"?e.item.replace("{","").replace("}","").split(",").map(s=>s.trim()).forEach(s=>{i[s]=t[s]}):i[e.item]=t,e.index&&(i[e.index]=r),e.collection&&(i[e.collection]=n),i}function Ai(e){return!Array.isArray(e)&&!isNaN(e)}function sn(){}sn.inline=(e,{expression:t},{cleanup:r})=>{let n=V(e);n._x_refs||(n._x_refs={}),n._x_refs[t]=e,r(()=>delete n._x_refs[t])};d("ref",sn);d("if",(e,{expression:t},{effect:r,cleanup:n})=>{let i=g(e,t),o=()=>{if(e._x_currentIfEl)return e._x_currentIfEl;let a=e.content.cloneNode(!0).firstElementChild;return C(a,{},e),m(()=>{e.after(a),w(a)}),e._x_currentIfEl=a,e._x_undoIf=()=>{R(a,c=>{c._x_effects&&c._x_effects.forEach(he)}),a.remove(),delete e._x_currentIfEl},a},s=()=>{!e._x_undoIf||(e._x_undoIf(),delete e._x_undoIf)};r(()=>i(a=>{a?o():s()})),n(()=>e._x_undoIf&&e._x_undoIf())});d("id",(e,{expression:t},{evaluate:r})=>{r(t).forEach(i=>en(e,i))});Z(Ee("@",Se(E("on:"))));d("on",$((e,{value:t,modifiers:r,expression:n},{cleanup:i})=>{let o=n?g(e,n):()=>{};e.tagName.toLowerCase()==="template"&&(e._x_forwardEvents||(e._x_forwardEvents=[]),e._x_forwardEvents.includes(t)||e._x_forwardEvents.push(t));let s=de(e,t,r,a=>{o(()=>{},{scope:{$event:a},params:[a]})});i(()=>s())}));Ue("Collapse","collapse","collapse");Ue("Intersect","intersect","intersect");Ue("Focus","trap","focus");Ue("Mask","mask","mask");function Ue(e,t,r){d(t,n=>O(`You can't use [x-${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}I.setEvaluator(ct);I.setReactivityEngine({reactive:je,effect:Pr,release:Dr,raw:_});var It=I;window.Alpine=It;queueMicrotask(()=>{It.start()});})();
\ No newline at end of file
diff --git a/public/assets/js/apexcharts.js b/public/assets/js/apexcharts.js
new file mode 100644
index 0000000000000000000000000000000000000000..afb2f240446015f7c9bada10f898698c637eca3b
--- /dev/null
+++ b/public/assets/js/apexcharts.js
@@ -0,0 +1,14 @@
+/*!
+ * ApexCharts v3.35.3
+ * (c) 2018-2022 ApexCharts
+ * Released under the MIT License.
+ */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).ApexCharts=e()}(this,(function(){"use strict";function t(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,a)}return i}function e(e){for(var i=1;i<arguments.length;i++){var a=null!=arguments[i]?arguments[i]:{};i%2?t(Object(a),!0).forEach((function(t){o(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):t(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function s(t,e){for(var i=0;i<e.length;i++){var a=e[i];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function r(t,e,i){return e&&s(t.prototype,e),i&&s(t,i),t}function o(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function n(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&h(t,e)}function l(t){return(l=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function h(t,e){return(h=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function c(t,e){if(e&&("object"==typeof e||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function d(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,a=l(t);if(e){var s=l(this).constructor;i=Reflect.construct(a,arguments,s)}else i=a.apply(this,arguments);return c(this,i)}}function g(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var i=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==i)return;var a,s,r=[],o=!0,n=!1;try{for(i=i.call(t);!(o=(a=i.next()).done)&&(r.push(a.value),!e||r.length!==e);o=!0);}catch(t){n=!0,s=t}finally{try{o||null==i.return||i.return()}finally{if(n)throw s}}return r}(t,e)||f(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(t){return function(t){if(Array.isArray(t))return p(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||f(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(t,e){if(t){if("string"==typeof t)return p(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?p(t,e):void 0}}function p(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,a=new Array(e);i<e;i++)a[i]=t[i];return a}var x=function(){function t(){a(this,t)}return r(t,[{key:"shadeRGBColor",value:function(t,e){var i=e.split(","),a=t<0?0:255,s=t<0?-1*t:t,r=parseInt(i[0].slice(4),10),o=parseInt(i[1],10),n=parseInt(i[2],10);return"rgb("+(Math.round((a-r)*s)+r)+","+(Math.round((a-o)*s)+o)+","+(Math.round((a-n)*s)+n)+")"}},{key:"shadeHexColor",value:function(t,e){var i=parseInt(e.slice(1),16),a=t<0?0:255,s=t<0?-1*t:t,r=i>>16,o=i>>8&255,n=255&i;return"#"+(16777216+65536*(Math.round((a-r)*s)+r)+256*(Math.round((a-o)*s)+o)+(Math.round((a-n)*s)+n)).toString(16).slice(1)}},{key:"shadeColor",value:function(e,i){return t.isColorHex(i)?this.shadeHexColor(e,i):this.shadeRGBColor(e,i)}}],[{key:"bind",value:function(t,e){return function(){return t.apply(e,arguments)}}},{key:"isObject",value:function(t){return t&&"object"===i(t)&&!Array.isArray(t)&&null!=t}},{key:"is",value:function(t,e){return Object.prototype.toString.call(e)==="[object "+t+"]"}},{key:"listToArray",value:function(t){var e,i=[];for(e=0;e<t.length;e++)i[e]=t[e];return i}},{key:"extend",value:function(t,e){var i=this;"function"!=typeof Object.assign&&(Object.assign=function(t){if(null==t)throw new TypeError("Cannot convert undefined or null to object");for(var e=Object(t),i=1;i<arguments.length;i++){var a=arguments[i];if(null!=a)for(var s in a)a.hasOwnProperty(s)&&(e[s]=a[s])}return e});var a=Object.assign({},t);return this.isObject(t)&&this.isObject(e)&&Object.keys(e).forEach((function(s){i.isObject(e[s])&&s in t?a[s]=i.extend(t[s],e[s]):Object.assign(a,o({},s,e[s]))})),a}},{key:"extendArray",value:function(e,i){var a=[];return e.map((function(e){a.push(t.extend(i,e))})),e=a}},{key:"monthMod",value:function(t){return t%12}},{key:"clone",value:function(e){if(t.is("Array",e)){for(var a=[],s=0;s<e.length;s++)a[s]=this.clone(e[s]);return a}if(t.is("Null",e))return null;if(t.is("Date",e))return e;if("object"===i(e)){var r={};for(var o in e)e.hasOwnProperty(o)&&(r[o]=this.clone(e[o]));return r}return e}},{key:"log10",value:function(t){return Math.log(t)/Math.LN10}},{key:"roundToBase10",value:function(t){return Math.pow(10,Math.floor(Math.log10(t)))}},{key:"roundToBase",value:function(t,e){return Math.pow(e,Math.floor(Math.log(t)/Math.log(e)))}},{key:"parseNumber",value:function(t){return null===t?t:parseFloat(t)}},{key:"randomId",value:function(){return(Math.random()+1).toString(36).substring(4)}},{key:"noExponents",value:function(t){var e=String(t).split(/[eE]/);if(1===e.length)return e[0];var i="",a=t<0?"-":"",s=e[0].replace(".",""),r=Number(e[1])+1;if(r<0){for(i=a+"0.";r++;)i+="0";return i+s.replace(/^-/,"")}for(r-=s.length;r--;)i+="0";return s+i}},{key:"getDimensions",value:function(t){var e=getComputedStyle(t,null),i=t.clientHeight,a=t.clientWidth;return i-=parseFloat(e.paddingTop)+parseFloat(e.paddingBottom),[a-=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight),i]}},{key:"getBoundingClientRect",value:function(t){var e=t.getBoundingClientRect();return{top:e.top,right:e.right,bottom:e.bottom,left:e.left,width:t.clientWidth,height:t.clientHeight,x:e.left,y:e.top}}},{key:"getLargestStringFromArr",value:function(t){return t.reduce((function(t,e){return Array.isArray(e)&&(e=e.reduce((function(t,e){return t.length>e.length?t:e}))),t.length>e.length?t:e}),0)}},{key:"hexToRgba",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#999999",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:.6;"#"!==t.substring(0,1)&&(t="#999999");var i=t.replace("#","");i=i.match(new RegExp("(.{"+i.length/3+"})","g"));for(var a=0;a<i.length;a++)i[a]=parseInt(1===i[a].length?i[a]+i[a]:i[a],16);return void 0!==e&&i.push(e),"rgba("+i.join(",")+")"}},{key:"getOpacityFromRGBA",value:function(t){return parseFloat(t.replace(/^.*,(.+)\)/,"$1"))}},{key:"rgb2hex",value:function(t){return(t=t.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i))&&4===t.length?"#"+("0"+parseInt(t[1],10).toString(16)).slice(-2)+("0"+parseInt(t[2],10).toString(16)).slice(-2)+("0"+parseInt(t[3],10).toString(16)).slice(-2):""}},{key:"isColorHex",value:function(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)|(^#[0-9A-F]{8}$)/i.test(t)}},{key:"getPolygonPos",value:function(t,e){for(var i=[],a=2*Math.PI/e,s=0;s<e;s++){var r={};r.x=t*Math.sin(s*a),r.y=-t*Math.cos(s*a),i.push(r)}return i}},{key:"polarToCartesian",value:function(t,e,i,a){var s=(a-90)*Math.PI/180;return{x:t+i*Math.cos(s),y:e+i*Math.sin(s)}}},{key:"escapeString",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"x",i=t.toString().slice();return i=i.replace(/[` ~!@#$%^&*()_|+\-=?;:'",.<>{}[\]\\/]/gi,e)}},{key:"negToZero",value:function(t){return t<0?0:t}},{key:"moveIndexInArray",value:function(t,e,i){if(i>=t.length)for(var a=i-t.length+1;a--;)t.push(void 0);return t.splice(i,0,t.splice(e,1)[0]),t}},{key:"extractNumber",value:function(t){return parseFloat(t.replace(/[^\d.]*/g,""))}},{key:"findAncestor",value:function(t,e){for(;(t=t.parentElement)&&!t.classList.contains(e););return t}},{key:"setELstyles",value:function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t.style.key=e[i])}},{key:"isNumber",value:function(t){return!isNaN(t)&&parseFloat(Number(t))===t&&!isNaN(parseInt(t,10))}},{key:"isFloat",value:function(t){return Number(t)===t&&t%1!=0}},{key:"isSafari",value:function(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}},{key:"isFirefox",value:function(){return navigator.userAgent.toLowerCase().indexOf("firefox")>-1}},{key:"isIE11",value:function(){if(-1!==window.navigator.userAgent.indexOf("MSIE")||window.navigator.appVersion.indexOf("Trident/")>-1)return!0}},{key:"isIE",value:function(){var t=window.navigator.userAgent,e=t.indexOf("MSIE ");if(e>0)return parseInt(t.substring(e+5,t.indexOf(".",e)),10);if(t.indexOf("Trident/")>0){var i=t.indexOf("rv:");return parseInt(t.substring(i+3,t.indexOf(".",i)),10)}var a=t.indexOf("Edge/");return a>0&&parseInt(t.substring(a+5,t.indexOf(".",a)),10)}}]),t}(),b=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w,this.setEasingFunctions()}return r(t,[{key:"setEasingFunctions",value:function(){var t;if(!this.w.globals.easing){switch(this.w.config.chart.animations.easing){case"linear":t="-";break;case"easein":t="<";break;case"easeout":t=">";break;case"easeinout":t="<>";break;case"swing":t=function(t){var e=1.70158;return(t-=1)*t*((e+1)*t+e)+1};break;case"bounce":t=function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375};break;case"elastic":t=function(t){return t===!!t?t:Math.pow(2,-10*t)*Math.sin((t-.075)*(2*Math.PI)/.3)+1};break;default:t="<>"}this.w.globals.easing=t}}},{key:"animateLine",value:function(t,e,i,a){t.attr(e).animate(a).attr(i)}},{key:"animateMarker",value:function(t,e,i,a,s,r){e||(e=0),t.attr({r:e,width:e,height:e}).animate(a,s).attr({r:i,width:i.width,height:i.height}).afterAll((function(){r()}))}},{key:"animateCircle",value:function(t,e,i,a,s){t.attr({r:e.r,cx:e.cx,cy:e.cy}).animate(a,s).attr({r:i.r,cx:i.cx,cy:i.cy})}},{key:"animateRect",value:function(t,e,i,a,s){t.attr(e).animate(a).attr(i).afterAll((function(){return s()}))}},{key:"animatePathsGradually",value:function(t){var e=t.el,i=t.realIndex,a=t.j,s=t.fill,r=t.pathFrom,o=t.pathTo,n=t.speed,l=t.delay,h=this.w,c=0;h.config.chart.animations.animateGradually.enabled&&(c=h.config.chart.animations.animateGradually.delay),h.config.chart.animations.dynamicAnimation.enabled&&h.globals.dataChanged&&"bar"!==h.config.chart.type&&(c=0),this.morphSVG(e,i,a,"line"!==h.config.chart.type||h.globals.comboCharts?s:"stroke",r,o,n,l*c)}},{key:"showDelayedElements",value:function(){this.w.globals.delayedElements.forEach((function(t){t.el.classList.remove("apexcharts-element-hidden")}))}},{key:"animationCompleted",value:function(t){var e=this.w;e.globals.animationEnded||(e.globals.animationEnded=!0,this.showDelayedElements(),"function"==typeof e.config.chart.events.animationEnd&&e.config.chart.events.animationEnd(this.ctx,{el:t,w:e}))}},{key:"morphSVG",value:function(t,e,i,a,s,r,o,n){var l=this,h=this.w;s||(s=t.attr("pathFrom")),r||(r=t.attr("pathTo"));var c=function(t){return"radar"===h.config.chart.type&&(o=1),"M 0 ".concat(h.globals.gridHeight)};(!s||s.indexOf("undefined")>-1||s.indexOf("NaN")>-1)&&(s=c()),(!r||r.indexOf("undefined")>-1||r.indexOf("NaN")>-1)&&(r=c()),h.globals.shouldAnimate||(o=1),t.plot(s).animate(1,h.globals.easing,n).plot(s).animate(o,h.globals.easing,n).plot(r).afterAll((function(){x.isNumber(i)?i===h.globals.series[h.globals.maxValsInArrayIndex].length-2&&h.globals.shouldAnimate&&l.animationCompleted(t):"none"!==a&&h.globals.shouldAnimate&&(!h.globals.comboCharts&&e===h.globals.series.length-1||h.globals.comboCharts)&&l.animationCompleted(t),l.showDelayedElements()}))}}]),t}(),v=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"getDefaultFilter",value:function(t,e){var i=this.w;t.unfilter(!0),(new window.SVG.Filter).size("120%","180%","-5%","-40%"),"none"!==i.config.states.normal.filter?this.applyFilter(t,e,i.config.states.normal.filter.type,i.config.states.normal.filter.value):i.config.chart.dropShadow.enabled&&this.dropShadow(t,i.config.chart.dropShadow,e)}},{key:"addNormalFilter",value:function(t,e){var i=this.w;i.config.chart.dropShadow.enabled&&!t.node.classList.contains("apexcharts-marker")&&this.dropShadow(t,i.config.chart.dropShadow,e)}},{key:"addLightenFilter",value:function(t,e,i){var a=this,s=this.w,r=i.intensity;t.unfilter(!0);new window.SVG.Filter;t.filter((function(t){var i=s.config.chart.dropShadow;(i.enabled?a.addShadow(t,e,i):t).componentTransfer({rgb:{type:"linear",slope:1.5,intercept:r}})})),t.filterer.node.setAttribute("filterUnits","userSpaceOnUse"),this._scaleFilterSize(t.filterer.node)}},{key:"addDarkenFilter",value:function(t,e,i){var a=this,s=this.w,r=i.intensity;t.unfilter(!0);new window.SVG.Filter;t.filter((function(t){var i=s.config.chart.dropShadow;(i.enabled?a.addShadow(t,e,i):t).componentTransfer({rgb:{type:"linear",slope:r}})})),t.filterer.node.setAttribute("filterUnits","userSpaceOnUse"),this._scaleFilterSize(t.filterer.node)}},{key:"applyFilter",value:function(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:.5;switch(i){case"none":this.addNormalFilter(t,e);break;case"lighten":this.addLightenFilter(t,e,{intensity:a});break;case"darken":this.addDarkenFilter(t,e,{intensity:a})}}},{key:"addShadow",value:function(t,e,i){var a=i.blur,s=i.top,r=i.left,o=i.color,n=i.opacity,l=t.flood(Array.isArray(o)?o[e]:o,n).composite(t.sourceAlpha,"in").offset(r,s).gaussianBlur(a).merge(t.source);return t.blend(t.source,l)}},{key:"dropShadow",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,a=e.top,s=e.left,r=e.blur,o=e.color,n=e.opacity,l=e.noUserSpaceOnUse,h=this.w;return t.unfilter(!0),x.isIE()&&"radialBar"===h.config.chart.type||(o=Array.isArray(o)?o[i]:o,t.filter((function(t){var e=null;e=x.isSafari()||x.isFirefox()||x.isIE()?t.flood(o,n).composite(t.sourceAlpha,"in").offset(s,a).gaussianBlur(r):t.flood(o,n).composite(t.sourceAlpha,"in").offset(s,a).gaussianBlur(r).merge(t.source),t.blend(t.source,e)})),l||t.filterer.node.setAttribute("filterUnits","userSpaceOnUse"),this._scaleFilterSize(t.filterer.node)),t}},{key:"setSelectionFilter",value:function(t,e,i){var a=this.w;if(void 0!==a.globals.selectedDataPoints[e]&&a.globals.selectedDataPoints[e].indexOf(i)>-1){t.node.setAttribute("selected",!0);var s=a.config.states.active.filter;"none"!==s&&this.applyFilter(t,e,s.type,s.value)}}},{key:"_scaleFilterSize",value:function(t){!function(e){for(var i in e)e.hasOwnProperty(i)&&t.setAttribute(i,e[i])}({width:"200%",height:"200%",x:"-50%",y:"-50%"})}}]),t}(),m=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"drawLine",value:function(t,e,i,a){var s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"#a8a8a8",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:null,n=arguments.length>7&&void 0!==arguments[7]?arguments[7]:"butt",l=this.w,h=l.globals.dom.Paper.line().attr({x1:t,y1:e,x2:i,y2:a,stroke:s,"stroke-dasharray":r,"stroke-width":o,"stroke-linecap":n});return h}},{key:"drawRect",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"#fefefe",o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1,n=arguments.length>7&&void 0!==arguments[7]?arguments[7]:null,l=arguments.length>8&&void 0!==arguments[8]?arguments[8]:null,h=arguments.length>9&&void 0!==arguments[9]?arguments[9]:0,c=this.w,d=c.globals.dom.Paper.rect();return d.attr({x:t,y:e,width:i>0?i:0,height:a>0?a:0,rx:s,ry:s,opacity:o,"stroke-width":null!==n?n:0,stroke:null!==l?l:"none","stroke-dasharray":h}),d.node.setAttribute("fill",r),d}},{key:"drawPolygon",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"#e1e1e1",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none",s=this.w,r=s.globals.dom.Paper.polygon(t).attr({fill:a,stroke:e,"stroke-width":i});return r}},{key:"drawCircle",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=this.w;t<0&&(t=0);var a=i.globals.dom.Paper.circle(2*t);return null!==e&&a.attr(e),a}},{key:"drawPath",value:function(t){var e=t.d,i=void 0===e?"":e,a=t.stroke,s=void 0===a?"#a8a8a8":a,r=t.strokeWidth,o=void 0===r?1:r,n=t.fill,l=t.fillOpacity,h=void 0===l?1:l,c=t.strokeOpacity,d=void 0===c?1:c,g=t.classes,u=t.strokeLinecap,f=void 0===u?null:u,p=t.strokeDashArray,x=void 0===p?0:p,b=this.w;return null===f&&(f=b.config.stroke.lineCap),(i.indexOf("undefined")>-1||i.indexOf("NaN")>-1)&&(i="M 0 ".concat(b.globals.gridHeight)),b.globals.dom.Paper.path(i).attr({fill:n,"fill-opacity":h,stroke:s,"stroke-opacity":d,"stroke-linecap":f,"stroke-width":o,"stroke-dasharray":x,class:g})}},{key:"group",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=this.w,i=e.globals.dom.Paper.group();return null!==t&&i.attr(t),i}},{key:"move",value:function(t,e){var i=["M",t,e].join(" ");return i}},{key:"line",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,a=null;return null===i?a=["L",t,e].join(" "):"H"===i?a=["H",t].join(" "):"V"===i&&(a=["V",e].join(" ")),a}},{key:"curve",value:function(t,e,i,a,s,r){var o=["C",t,e,i,a,s,r].join(" ");return o}},{key:"quadraticCurve",value:function(t,e,i,a){return["Q",t,e,i,a].join(" ")}},{key:"arc",value:function(t,e,i,a,s,r,o){var n=arguments.length>7&&void 0!==arguments[7]&&arguments[7],l="A";n&&(l="a");var h=[l,t,e,i,a,s,r,o].join(" ");return h}},{key:"renderPaths",value:function(t){var i,a=t.j,s=t.realIndex,r=t.pathFrom,o=t.pathTo,n=t.stroke,l=t.strokeWidth,h=t.strokeLinecap,c=t.fill,d=t.animationDelay,g=t.initialSpeed,u=t.dataChangeSpeed,f=t.className,p=t.shouldClipToGrid,x=void 0===p||p,m=t.bindEventsOnPaths,y=void 0===m||m,w=t.drawShadow,k=void 0===w||w,A=this.w,S=new v(this.ctx),C=new b(this.ctx),L=this.w.config.chart.animations.enabled,P=L&&this.w.config.chart.animations.dynamicAnimation.enabled,M=!!(L&&!A.globals.resized||P&&A.globals.dataChanged&&A.globals.shouldAnimate);M?i=r:(i=o,A.globals.animationEnded=!0);var T=A.config.stroke.dashArray,I=0;I=Array.isArray(T)?T[s]:A.config.stroke.dashArray;var z=this.drawPath({d:i,stroke:n,strokeWidth:l,fill:c,fillOpacity:1,classes:f,strokeLinecap:h,strokeDashArray:I});if(z.attr("index",s),x&&z.attr({"clip-path":"url(#gridRectMask".concat(A.globals.cuid,")")}),"none"!==A.config.states.normal.filter.type)S.getDefaultFilter(z,s);else if(A.config.chart.dropShadow.enabled&&k&&(!A.config.chart.dropShadow.enabledOnSeries||A.config.chart.dropShadow.enabledOnSeries&&-1!==A.config.chart.dropShadow.enabledOnSeries.indexOf(s))){var X=A.config.chart.dropShadow;S.dropShadow(z,X,s)}y&&(z.node.addEventListener("mouseenter",this.pathMouseEnter.bind(this,z)),z.node.addEventListener("mouseleave",this.pathMouseLeave.bind(this,z)),z.node.addEventListener("mousedown",this.pathMouseDown.bind(this,z))),z.attr({pathTo:o,pathFrom:r});var E={el:z,j:a,realIndex:s,pathFrom:r,pathTo:o,fill:c,strokeWidth:l,delay:d};return!L||A.globals.resized||A.globals.dataChanged?!A.globals.resized&&A.globals.dataChanged||C.showDelayedElements():C.animatePathsGradually(e(e({},E),{},{speed:g})),A.globals.dataChanged&&P&&M&&C.animatePathsGradually(e(e({},E),{},{speed:u})),z}},{key:"drawPattern",value:function(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"#a8a8a8",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=this.w,o=r.globals.dom.Paper.pattern(e,i,(function(r){"horizontalLines"===t?r.line(0,0,i,0).stroke({color:a,width:s+1}):"verticalLines"===t?r.line(0,0,0,e).stroke({color:a,width:s+1}):"slantedLines"===t?r.line(0,0,e,i).stroke({color:a,width:s}):"squares"===t?r.rect(e,i).fill("none").stroke({color:a,width:s}):"circles"===t&&r.circle(e).fill("none").stroke({color:a,width:s})}));return o}},{key:"drawGradient",value:function(t,e,i,a,s){var r,o=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,n=arguments.length>6&&void 0!==arguments[6]?arguments[6]:null,l=arguments.length>7&&void 0!==arguments[7]?arguments[7]:null,h=arguments.length>8&&void 0!==arguments[8]?arguments[8]:0,c=this.w;e.length<9&&0===e.indexOf("#")&&(e=x.hexToRgba(e,a)),i.length<9&&0===i.indexOf("#")&&(i=x.hexToRgba(i,s));var d=0,g=1,u=1,f=null;null!==n&&(d=void 0!==n[0]?n[0]/100:0,g=void 0!==n[1]?n[1]/100:1,u=void 0!==n[2]?n[2]/100:1,f=void 0!==n[3]?n[3]/100:null);var p=!("donut"!==c.config.chart.type&&"pie"!==c.config.chart.type&&"polarArea"!==c.config.chart.type&&"bubble"!==c.config.chart.type);if(r=null===l||0===l.length?c.globals.dom.Paper.gradient(p?"radial":"linear",(function(t){t.at(d,e,a),t.at(g,i,s),t.at(u,i,s),null!==f&&t.at(f,e,a)})):c.globals.dom.Paper.gradient(p?"radial":"linear",(function(t){(Array.isArray(l[h])?l[h]:l).forEach((function(e){t.at(e.offset/100,e.color,e.opacity)}))})),p){var b=c.globals.gridWidth/2,v=c.globals.gridHeight/2;"bubble"!==c.config.chart.type?r.attr({gradientUnits:"userSpaceOnUse",cx:b,cy:v,r:o}):r.attr({cx:.5,cy:.5,r:.8,fx:.2,fy:.2})}else"vertical"===t?r.from(0,0).to(0,1):"diagonal"===t?r.from(0,0).to(1,1):"horizontal"===t?r.from(0,1).to(1,1):"diagonal2"===t&&r.from(1,0).to(0,1);return r}},{key:"getTextBasedOnMaxWidth",value:function(t){var e=t.text,i=t.maxWidth,a=t.fontSize,s=t.fontFamily,r=this.getTextRects(e,a,s),o=r.width/e.length,n=Math.floor(i/o);return i<r.width?e.slice(0,n-3)+"...":e}},{key:"drawText",value:function(t){var i=this,a=t.x,s=t.y,r=t.text,o=t.textAnchor,n=t.fontSize,l=t.fontFamily,h=t.fontWeight,c=t.foreColor,d=t.opacity,g=t.maxWidth,u=t.cssClass,f=void 0===u?"":u,p=t.isPlainText,x=void 0===p||p,b=this.w;void 0===r&&(r="");var v=r;o||(o="start"),c&&c.length||(c=b.config.chart.foreColor),l=l||b.config.chart.fontFamily,h=h||"regular";var m,y={maxWidth:g,fontSize:n=n||"11px",fontFamily:l};return Array.isArray(r)?m=b.globals.dom.Paper.text((function(t){for(var a=0;a<r.length;a++)v=r[a],g&&(v=i.getTextBasedOnMaxWidth(e({text:r[a]},y))),0===a?t.tspan(v):t.tspan(v).newLine()})):(g&&(v=this.getTextBasedOnMaxWidth(e({text:r},y))),m=x?b.globals.dom.Paper.plain(r):b.globals.dom.Paper.text((function(t){return t.tspan(v)}))),m.attr({x:a,y:s,"text-anchor":o,"dominant-baseline":"auto","font-size":n,"font-family":l,"font-weight":h,fill:c,class:"apexcharts-text "+f}),m.node.style.fontFamily=l,m.node.style.opacity=d,m}},{key:"drawMarker",value:function(t,e,i){t=t||0;var a=i.pSize||0,s=null;if("square"===i.shape||"rect"===i.shape){var r=void 0===i.pRadius?a/2:i.pRadius;null!==e&&a||(a=0,r=0);var o=1.2*a+r,n=this.drawRect(o,o,o,o,r);n.attr({x:t-o/2,y:e-o/2,cx:t,cy:e,class:i.class?i.class:"",fill:i.pointFillColor,"fill-opacity":i.pointFillOpacity?i.pointFillOpacity:1,stroke:i.pointStrokeColor,"stroke-width":i.pointStrokeWidth?i.pointStrokeWidth:0,"stroke-opacity":i.pointStrokeOpacity?i.pointStrokeOpacity:1}),s=n}else"circle"!==i.shape&&i.shape||(x.isNumber(e)||(a=0,e=0),s=this.drawCircle(a,{cx:t,cy:e,class:i.class?i.class:"",stroke:i.pointStrokeColor,fill:i.pointFillColor,"fill-opacity":i.pointFillOpacity?i.pointFillOpacity:1,"stroke-width":i.pointStrokeWidth?i.pointStrokeWidth:0,"stroke-opacity":i.pointStrokeOpacity?i.pointStrokeOpacity:1}));return s}},{key:"pathMouseEnter",value:function(t,e){var i=this.w,a=new v(this.ctx),s=parseInt(t.node.getAttribute("index"),10),r=parseInt(t.node.getAttribute("j"),10);if("function"==typeof i.config.chart.events.dataPointMouseEnter&&i.config.chart.events.dataPointMouseEnter(e,this.ctx,{seriesIndex:s,dataPointIndex:r,w:i}),this.ctx.events.fireEvent("dataPointMouseEnter",[e,this.ctx,{seriesIndex:s,dataPointIndex:r,w:i}]),("none"===i.config.states.active.filter.type||"true"!==t.node.getAttribute("selected"))&&"none"!==i.config.states.hover.filter.type&&!i.globals.isTouchDevice){var o=i.config.states.hover.filter;a.applyFilter(t,s,o.type,o.value)}}},{key:"pathMouseLeave",value:function(t,e){var i=this.w,a=new v(this.ctx),s=parseInt(t.node.getAttribute("index"),10),r=parseInt(t.node.getAttribute("j"),10);"function"==typeof i.config.chart.events.dataPointMouseLeave&&i.config.chart.events.dataPointMouseLeave(e,this.ctx,{seriesIndex:s,dataPointIndex:r,w:i}),this.ctx.events.fireEvent("dataPointMouseLeave",[e,this.ctx,{seriesIndex:s,dataPointIndex:r,w:i}]),"none"!==i.config.states.active.filter.type&&"true"===t.node.getAttribute("selected")||"none"!==i.config.states.hover.filter.type&&a.getDefaultFilter(t,s)}},{key:"pathMouseDown",value:function(t,e){var i=this.w,a=new v(this.ctx),s=parseInt(t.node.getAttribute("index"),10),r=parseInt(t.node.getAttribute("j"),10),o="false";if("true"===t.node.getAttribute("selected")){if(t.node.setAttribute("selected","false"),i.globals.selectedDataPoints[s].indexOf(r)>-1){var n=i.globals.selectedDataPoints[s].indexOf(r);i.globals.selectedDataPoints[s].splice(n,1)}}else{if(!i.config.states.active.allowMultipleDataPointsSelection&&i.globals.selectedDataPoints.length>0){i.globals.selectedDataPoints=[];var l=i.globals.dom.Paper.select(".apexcharts-series path").members,h=i.globals.dom.Paper.select(".apexcharts-series circle, .apexcharts-series rect").members,c=function(t){Array.prototype.forEach.call(t,(function(t){t.node.setAttribute("selected","false"),a.getDefaultFilter(t,s)}))};c(l),c(h)}t.node.setAttribute("selected","true"),o="true",void 0===i.globals.selectedDataPoints[s]&&(i.globals.selectedDataPoints[s]=[]),i.globals.selectedDataPoints[s].push(r)}if("true"===o){var d=i.config.states.active.filter;if("none"!==d)a.applyFilter(t,s,d.type,d.value);else if("none"!==i.config.states.hover.filter&&!i.globals.isTouchDevice){var g=i.config.states.hover.filter;a.applyFilter(t,s,g.type,g.value)}}else if("none"!==i.config.states.active.filter.type)if("none"===i.config.states.hover.filter.type||i.globals.isTouchDevice)a.getDefaultFilter(t,s);else{g=i.config.states.hover.filter;a.applyFilter(t,s,g.type,g.value)}"function"==typeof i.config.chart.events.dataPointSelection&&i.config.chart.events.dataPointSelection(e,this.ctx,{selectedDataPoints:i.globals.selectedDataPoints,seriesIndex:s,dataPointIndex:r,w:i}),e&&this.ctx.events.fireEvent("dataPointSelection",[e,this.ctx,{selectedDataPoints:i.globals.selectedDataPoints,seriesIndex:s,dataPointIndex:r,w:i}])}},{key:"rotateAroundCenter",value:function(t){var e={};return t&&"function"==typeof t.getBBox&&(e=t.getBBox()),{x:e.x+e.width/2,y:e.y+e.height/2}}},{key:"getTextRects",value:function(t,e,i,a){var s=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],r=this.w,o=this.drawText({x:-200,y:-200,text:t,textAnchor:"start",fontSize:e,fontFamily:i,foreColor:"#fff",opacity:0});a&&o.attr("transform",a),r.globals.dom.Paper.add(o);var n=o.bbox();return s||(n=o.node.getBoundingClientRect()),o.remove(),{width:n.width,height:n.height}}},{key:"placeTextWithEllipsis",value:function(t,e,i){if("function"==typeof t.getComputedTextLength&&(t.textContent=e,e.length>0&&t.getComputedTextLength()>=i/1.1)){for(var a=e.length-3;a>0;a-=3)if(t.getSubStringLength(0,a)<=i/1.1)return void(t.textContent=e.substring(0,a)+"...");t.textContent="."}}}],[{key:"setAttrs",value:function(t,e){for(var i in e)e.hasOwnProperty(i)&&t.setAttribute(i,e[i])}}]),t}(),y=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"getStackedSeriesTotals",value:function(){var t=this.w,e=[];if(0===t.globals.series.length)return e;for(var i=0;i<t.globals.series[t.globals.maxValsInArrayIndex].length;i++){for(var a=0,s=0;s<t.globals.series.length;s++)void 0!==t.globals.series[s][i]&&(a+=t.globals.series[s][i]);e.push(a)}return t.globals.stackedSeriesTotals=e,e}},{key:"getSeriesTotalByIndex",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return null===t?this.w.config.series.reduce((function(t,e){return t+e}),0):this.w.globals.series[t].reduce((function(t,e){return t+e}),0)}},{key:"isSeriesNull",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return 0===(null===t?this.w.config.series.filter((function(t){return null!==t})):this.w.config.series[t].data.filter((function(t){return null!==t}))).length}},{key:"seriesHaveSameValues",value:function(t){return this.w.globals.series[t].every((function(t,e,i){return t===i[0]}))}},{key:"getCategoryLabels",value:function(t){var e=this.w,i=t.slice();return e.config.xaxis.convertedCatToNumeric&&(i=t.map((function(t,i){return e.config.xaxis.labels.formatter(t-e.globals.minX+1)}))),i}},{key:"getLargestSeries",value:function(){var t=this.w;t.globals.maxValsInArrayIndex=t.globals.series.map((function(t){return t.length})).indexOf(Math.max.apply(Math,t.globals.series.map((function(t){return t.length}))))}},{key:"getLargestMarkerSize",value:function(){var t=this.w,e=0;return t.globals.markers.size.forEach((function(t){e=Math.max(e,t)})),t.config.markers.discrete&&t.config.markers.discrete.length&&t.config.markers.discrete.forEach((function(t){e=Math.max(e,t.size)})),e>0&&(e+=t.config.markers.hover.sizeOffset+1),t.globals.markers.largestSize=e,e}},{key:"getSeriesTotals",value:function(){var t=this.w;t.globals.seriesTotals=t.globals.series.map((function(t,e){var i=0;if(Array.isArray(t))for(var a=0;a<t.length;a++)i+=t[a];else i+=t;return i}))}},{key:"getSeriesTotalsXRange",value:function(t,e){var i=this.w;return i.globals.series.map((function(a,s){for(var r=0,o=0;o<a.length;o++)i.globals.seriesX[s][o]>t&&i.globals.seriesX[s][o]<e&&(r+=a[o]);return r}))}},{key:"getPercentSeries",value:function(){var t=this.w;t.globals.seriesPercent=t.globals.series.map((function(e,i){var a=[];if(Array.isArray(e))for(var s=0;s<e.length;s++){var r=t.globals.stackedSeriesTotals[s],o=0;r&&(o=100*e[s]/r),a.push(o)}else{var n=100*e/t.globals.seriesTotals.reduce((function(t,e){return t+e}),0);a.push(n)}return a}))}},{key:"getCalculatedRatios",value:function(){var t,e,i,a,s=this.w.globals,r=[],o=0,n=[],l=.1,h=0;if(s.yRange=[],s.isMultipleYAxis)for(var c=0;c<s.minYArr.length;c++)s.yRange.push(Math.abs(s.minYArr[c]-s.maxYArr[c])),n.push(0);else s.yRange.push(Math.abs(s.minY-s.maxY));s.xRange=Math.abs(s.maxX-s.minX),s.zRange=Math.abs(s.maxZ-s.minZ);for(var d=0;d<s.yRange.length;d++)r.push(s.yRange[d]/s.gridHeight);if(e=s.xRange/s.gridWidth,i=Math.abs(s.initialMaxX-s.initialMinX)/s.gridWidth,t=s.yRange/s.gridWidth,a=s.xRange/s.gridHeight,(o=s.zRange/s.gridHeight*16)||(o=1),s.minY!==Number.MIN_VALUE&&0!==Math.abs(s.minY)&&(s.hasNegs=!0),s.isMultipleYAxis){n=[];for(var g=0;g<r.length;g++)n.push(-s.minYArr[g]/r[g])}else n.push(-s.minY/r[0]),s.minY!==Number.MIN_VALUE&&0!==Math.abs(s.minY)&&(l=-s.minY/t,h=s.minX/e);return{yRatio:r,invertedYRatio:t,zRatio:o,xRatio:e,initialXRatio:i,invertedXRatio:a,baseLineInvertedY:l,baseLineY:n,baseLineX:h}}},{key:"getLogSeries",value:function(t){var e=this,i=this.w;return i.globals.seriesLog=t.map((function(t,a){return i.config.yaxis[a]&&i.config.yaxis[a].logarithmic?t.map((function(t){return null===t?null:e.getLogVal(i.config.yaxis[a].logBase,t,a)})):t})),i.globals.invalidLogScale?t:i.globals.seriesLog}},{key:"getBaseLog",value:function(t,e){return Math.log(e)/Math.log(t)}},{key:"getLogVal",value:function(t,e,i){if(0===e)return 0;var a=this.w,s=0===a.globals.minYArr[i]?-1:this.getBaseLog(t,a.globals.minYArr[i]),r=(0===a.globals.maxYArr[i]?0:this.getBaseLog(t,a.globals.maxYArr[i]))-s;return e<1?e/r:(this.getBaseLog(t,e)-s)/r}},{key:"getLogYRatios",value:function(t){var e=this,i=this.w,a=this.w.globals;return a.yLogRatio=t.slice(),a.logYRange=a.yRange.map((function(t,s){if(i.config.yaxis[s]&&e.w.config.yaxis[s].logarithmic){var r,o=-Number.MAX_VALUE,n=Number.MIN_VALUE;return a.seriesLog.forEach((function(t,e){t.forEach((function(t){i.config.yaxis[e]&&i.config.yaxis[e].logarithmic&&(o=Math.max(t,o),n=Math.min(t,n))}))})),r=Math.pow(a.yRange[s],Math.abs(n-o)/a.yRange[s]),a.yLogRatio[s]=r/a.gridHeight,r}})),a.invalidLogScale?t.slice():a.yLogRatio}}],[{key:"checkComboSeries",value:function(t){var e=!1,i=0,a=0;return t.length&&void 0!==t[0].type&&t.forEach((function(t){"bar"!==t.type&&"column"!==t.type&&"candlestick"!==t.type&&"boxPlot"!==t.type||i++,void 0!==t.type&&a++})),a>0&&(e=!0),{comboBarCount:i,comboCharts:e}}},{key:"extendArrayProps",value:function(t,e,i){return e.yaxis&&(e=t.extendYAxis(e,i)),e.annotations&&(e.annotations.yaxis&&(e=t.extendYAxisAnnotations(e)),e.annotations.xaxis&&(e=t.extendXAxisAnnotations(e)),e.annotations.points&&(e=t.extendPointAnnotations(e))),e}}]),t}(),w=function(){function t(e){a(this,t),this.w=e.w,this.annoCtx=e}return r(t,[{key:"setOrientations",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=this.w;if("vertical"===t.label.orientation){var a=null!==e?e:0,s=i.globals.dom.baseEl.querySelector(".apexcharts-xaxis-annotations .apexcharts-xaxis-annotation-label[rel='".concat(a,"']"));if(null!==s){var r=s.getBoundingClientRect();s.setAttribute("x",parseFloat(s.getAttribute("x"))-r.height+4),"top"===t.label.position?s.setAttribute("y",parseFloat(s.getAttribute("y"))+r.width):s.setAttribute("y",parseFloat(s.getAttribute("y"))-r.width);var o=this.annoCtx.graphics.rotateAroundCenter(s),n=o.x,l=o.y;s.setAttribute("transform","rotate(-90 ".concat(n," ").concat(l,")"))}}}},{key:"addBackgroundToAnno",value:function(t,e){var i=this.w;if(!t||void 0===e.label.text||void 0!==e.label.text&&!String(e.label.text).trim())return null;var a=i.globals.dom.baseEl.querySelector(".apexcharts-grid").getBoundingClientRect(),s=t.getBoundingClientRect(),r=e.label.style.padding.left,o=e.label.style.padding.right,n=e.label.style.padding.top,l=e.label.style.padding.bottom;"vertical"===e.label.orientation&&(n=e.label.style.padding.left,l=e.label.style.padding.right,r=e.label.style.padding.top,o=e.label.style.padding.bottom);var h=s.left-a.left-r,c=s.top-a.top-n,d=this.annoCtx.graphics.drawRect(h-i.globals.barPadForNumericAxis,c,s.width+r+o,s.height+n+l,e.label.borderRadius,e.label.style.background,1,e.label.borderWidth,e.label.borderColor,0);return e.id&&d.node.classList.add(e.id),d}},{key:"annotationsBackground",value:function(){var t=this,e=this.w,i=function(i,a,s){var r=e.globals.dom.baseEl.querySelector(".apexcharts-".concat(s,"-annotations .apexcharts-").concat(s,"-annotation-label[rel='").concat(a,"']"));if(r){var o=r.parentNode,n=t.addBackgroundToAnno(r,i);n&&(o.insertBefore(n.node,r),i.label.mouseEnter&&n.node.addEventListener("mouseenter",i.label.mouseEnter.bind(t,i)),i.label.mouseLeave&&n.node.addEventListener("mouseleave",i.label.mouseLeave.bind(t,i)))}};e.config.annotations.xaxis.map((function(t,e){i(t,e,"xaxis")})),e.config.annotations.yaxis.map((function(t,e){i(t,e,"yaxis")})),e.config.annotations.points.map((function(t,e){i(t,e,"point")}))}},{key:"getY1Y2",value:function(t,e){var i,a="y1"===t?e.y:e.y2,s=this.w;if(this.annoCtx.invertAxis){var r=s.globals.labels.indexOf(a);s.config.xaxis.convertedCatToNumeric&&(r=s.globals.categoryLabels.indexOf(a));var o=s.globals.dom.baseEl.querySelector(".apexcharts-yaxis-texts-g text:nth-child("+(r+1)+")");o&&(i=parseFloat(o.getAttribute("y")))}else{var n;if(s.config.yaxis[e.yAxisIndex].logarithmic)n=(a=new y(this.annoCtx.ctx).getLogVal(a,e.yAxisIndex))/s.globals.yLogRatio[e.yAxisIndex];else n=(a-s.globals.minYArr[e.yAxisIndex])/(s.globals.yRange[e.yAxisIndex]/s.globals.gridHeight);i=s.globals.gridHeight-n,s.config.yaxis[e.yAxisIndex]&&s.config.yaxis[e.yAxisIndex].reversed&&(i=n)}return i}},{key:"getX1X2",value:function(t,e){var i=this.w,a=this.annoCtx.invertAxis?i.globals.minY:i.globals.minX,s=this.annoCtx.invertAxis?i.globals.maxY:i.globals.maxX,r=this.annoCtx.invertAxis?i.globals.yRange[0]:i.globals.xRange,o=(e.x-a)/(r/i.globals.gridWidth);this.annoCtx.inversedReversedAxis&&(o=(s-e.x)/(r/i.globals.gridWidth)),"category"!==i.config.xaxis.type&&!i.config.xaxis.convertedCatToNumeric||this.annoCtx.invertAxis||i.globals.dataFormatXNumeric||(o=this.getStringX(e.x));var n=(e.x2-a)/(r/i.globals.gridWidth);return this.annoCtx.inversedReversedAxis&&(n=(s-e.x2)/(r/i.globals.gridWidth)),"category"!==i.config.xaxis.type&&!i.config.xaxis.convertedCatToNumeric||this.annoCtx.invertAxis||i.globals.dataFormatXNumeric||(n=this.getStringX(e.x2)),"x1"===t?o:n}},{key:"getStringX",value:function(t){var e=this.w,i=t;e.config.xaxis.convertedCatToNumeric&&e.globals.categoryLabels.length&&(t=e.globals.categoryLabels.indexOf(t)+1);var a=e.globals.labels.indexOf(t),s=e.globals.dom.baseEl.querySelector(".apexcharts-xaxis-texts-g text:nth-child("+(a+1)+")");return s&&(i=parseFloat(s.getAttribute("x"))),i}}]),t}(),k=function(){function t(e){a(this,t),this.w=e.w,this.annoCtx=e,this.invertAxis=this.annoCtx.invertAxis,this.helpers=new w(this.annoCtx)}return r(t,[{key:"addXaxisAnnotation",value:function(t,e,i){var a,s=this.w,r=this.helpers.getX1X2("x1",t),o=t.label.text,n=t.strokeDashArray;if(x.isNumber(r)){if(null===t.x2||void 0===t.x2){var l=this.annoCtx.graphics.drawLine(r+t.offsetX,0+t.offsetY,r+t.offsetX,s.globals.gridHeight+t.offsetY,t.borderColor,n,t.borderWidth);e.appendChild(l.node),t.id&&l.node.classList.add(t.id)}else{if((a=this.helpers.getX1X2("x2",t))<r){var h=r;r=a,a=h}var c=this.annoCtx.graphics.drawRect(r+t.offsetX,0+t.offsetY,a-r,s.globals.gridHeight+t.offsetY,0,t.fillColor,t.opacity,1,t.borderColor,n);c.node.classList.add("apexcharts-annotation-rect"),c.attr("clip-path","url(#gridRectMask".concat(s.globals.cuid,")")),e.appendChild(c.node),t.id&&c.node.classList.add(t.id)}var d="top"===t.label.position?4:s.globals.gridHeight,g=this.annoCtx.graphics.getTextRects(o,parseFloat(t.label.style.fontSize)),u=this.annoCtx.graphics.drawText({x:r+t.label.offsetX,y:d+t.label.offsetY-("vertical"===t.label.orientation?"top"===t.label.position?g.width/2-12:-g.width/2:0),text:o,textAnchor:t.label.textAnchor,fontSize:t.label.style.fontSize,fontFamily:t.label.style.fontFamily,fontWeight:t.label.style.fontWeight,foreColor:t.label.style.color,cssClass:"apexcharts-xaxis-annotation-label ".concat(t.label.style.cssClass," ").concat(t.id?t.id:"")});u.attr({rel:i}),e.appendChild(u.node),this.annoCtx.helpers.setOrientations(t,i)}}},{key:"drawXAxisAnnotations",value:function(){var t=this,e=this.w,i=this.annoCtx.graphics.group({class:"apexcharts-xaxis-annotations"});return e.config.annotations.xaxis.map((function(e,a){t.addXaxisAnnotation(e,i.node,a)})),i}}]),t}(),A=function(){function t(e){a(this,t),this.w=e.w,this.annoCtx=e,this.helpers=new w(this.annoCtx)}return r(t,[{key:"addYaxisAnnotation",value:function(t,e,i){var a,s=this.w,r=t.strokeDashArray,o=this.helpers.getY1Y2("y1",t),n=t.label.text;if(null===t.y2||void 0===t.y2){var l=this.annoCtx.graphics.drawLine(0+t.offsetX,o+t.offsetY,this._getYAxisAnnotationWidth(t),o+t.offsetY,t.borderColor,r,t.borderWidth);e.appendChild(l.node),t.id&&l.node.classList.add(t.id)}else{if((a=this.helpers.getY1Y2("y2",t))>o){var h=o;o=a,a=h}var c=this.annoCtx.graphics.drawRect(0+t.offsetX,a+t.offsetY,this._getYAxisAnnotationWidth(t),o-a,0,t.fillColor,t.opacity,1,t.borderColor,r);c.node.classList.add("apexcharts-annotation-rect"),c.attr("clip-path","url(#gridRectMask".concat(s.globals.cuid,")")),e.appendChild(c.node),t.id&&c.node.classList.add(t.id)}var d="right"===t.label.position?s.globals.gridWidth:0,g=this.annoCtx.graphics.drawText({x:d+t.label.offsetX,y:(null!=a?a:o)+t.label.offsetY-3,text:n,textAnchor:t.label.textAnchor,fontSize:t.label.style.fontSize,fontFamily:t.label.style.fontFamily,fontWeight:t.label.style.fontWeight,foreColor:t.label.style.color,cssClass:"apexcharts-yaxis-annotation-label ".concat(t.label.style.cssClass," ").concat(t.id?t.id:"")});g.attr({rel:i}),e.appendChild(g.node)}},{key:"_getYAxisAnnotationWidth",value:function(t){var e=this.w;e.globals.gridWidth;return(t.width.indexOf("%")>-1?e.globals.gridWidth*parseInt(t.width,10)/100:parseInt(t.width,10))+t.offsetX}},{key:"drawYAxisAnnotations",value:function(){var t=this,e=this.w,i=this.annoCtx.graphics.group({class:"apexcharts-yaxis-annotations"});return e.config.annotations.yaxis.map((function(e,a){t.addYaxisAnnotation(e,i.node,a)})),i}}]),t}(),S=function(){function t(e){a(this,t),this.w=e.w,this.annoCtx=e,this.helpers=new w(this.annoCtx)}return r(t,[{key:"addPointAnnotation",value:function(t,e,i){this.w;var a=this.helpers.getX1X2("x1",t),s=this.helpers.getY1Y2("y1",t);if(x.isNumber(a)){var r={pSize:t.marker.size,pointStrokeWidth:t.marker.strokeWidth,pointFillColor:t.marker.fillColor,pointStrokeColor:t.marker.strokeColor,shape:t.marker.shape,pRadius:t.marker.radius,class:"apexcharts-point-annotation-marker ".concat(t.marker.cssClass," ").concat(t.id?t.id:"")},o=this.annoCtx.graphics.drawMarker(a+t.marker.offsetX,s+t.marker.offsetY,r);e.appendChild(o.node);var n=t.label.text?t.label.text:"",l=this.annoCtx.graphics.drawText({x:a+t.label.offsetX,y:s+t.label.offsetY-t.marker.size-parseFloat(t.label.style.fontSize)/1.6,text:n,textAnchor:t.label.textAnchor,fontSize:t.label.style.fontSize,fontFamily:t.label.style.fontFamily,fontWeight:t.label.style.fontWeight,foreColor:t.label.style.color,cssClass:"apexcharts-point-annotation-label ".concat(t.label.style.cssClass," ").concat(t.id?t.id:"")});if(l.attr({rel:i}),e.appendChild(l.node),t.customSVG.SVG){var h=this.annoCtx.graphics.group({class:"apexcharts-point-annotations-custom-svg "+t.customSVG.cssClass});h.attr({transform:"translate(".concat(a+t.customSVG.offsetX,", ").concat(s+t.customSVG.offsetY,")")}),h.node.innerHTML=t.customSVG.SVG,e.appendChild(h.node)}if(t.image.path){var c=t.image.width?t.image.width:20,d=t.image.height?t.image.height:20;o=this.annoCtx.addImage({x:a+t.image.offsetX-c/2,y:s+t.image.offsetY-d/2,width:c,height:d,path:t.image.path,appendTo:".apexcharts-point-annotations"})}t.mouseEnter&&o.node.addEventListener("mouseenter",t.mouseEnter.bind(this,t)),t.mouseLeave&&o.node.addEventListener("mouseleave",t.mouseLeave.bind(this,t))}}},{key:"drawPointAnnotations",value:function(){var t=this,e=this.w,i=this.annoCtx.graphics.group({class:"apexcharts-point-annotations"});return e.config.annotations.points.map((function(e,a){t.addPointAnnotation(e,i.node,a)})),i}}]),t}();var C={name:"en",options:{months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],toolbar:{exportToSVG:"Download SVG",exportToPNG:"Download PNG",exportToCSV:"Download CSV",menu:"Menu",selection:"Selection",selectionZoom:"Selection Zoom",zoomIn:"Zoom In",zoomOut:"Zoom Out",pan:"Panning",reset:"Reset Zoom"}}},L=function(){function t(){a(this,t),this.yAxis={show:!0,showAlways:!1,showForNullSeries:!0,seriesName:void 0,opposite:!1,reversed:!1,logarithmic:!1,logBase:10,tickAmount:void 0,forceNiceScale:!1,max:void 0,min:void 0,floating:!1,decimalsInFloat:void 0,labels:{show:!0,minWidth:0,maxWidth:160,offsetX:0,offsetY:0,align:void 0,rotate:0,padding:20,style:{colors:[],fontSize:"11px",fontWeight:400,fontFamily:void 0,cssClass:""},formatter:void 0},axisBorder:{show:!1,color:"#e0e0e0",width:1,offsetX:0,offsetY:0},axisTicks:{show:!1,color:"#e0e0e0",width:6,offsetX:0,offsetY:0},title:{text:void 0,rotate:-90,offsetY:0,offsetX:0,style:{color:void 0,fontSize:"11px",fontWeight:900,fontFamily:void 0,cssClass:""}},tooltip:{enabled:!1,offsetX:0},crosshairs:{show:!0,position:"front",stroke:{color:"#b6b6b6",width:1,dashArray:0}}},this.pointAnnotation={id:void 0,x:0,y:null,yAxisIndex:0,seriesIndex:0,mouseEnter:void 0,mouseLeave:void 0,marker:{size:4,fillColor:"#fff",strokeWidth:2,strokeColor:"#333",shape:"circle",offsetX:0,offsetY:0,radius:2,cssClass:""},label:{borderColor:"#c2c2c2",borderWidth:1,borderRadius:2,text:void 0,textAnchor:"middle",offsetX:0,offsetY:0,mouseEnter:void 0,mouseLeave:void 0,style:{background:"#fff",color:void 0,fontSize:"11px",fontFamily:void 0,fontWeight:400,cssClass:"",padding:{left:5,right:5,top:2,bottom:2}}},customSVG:{SVG:void 0,cssClass:void 0,offsetX:0,offsetY:0},image:{path:void 0,width:20,height:20,offsetX:0,offsetY:0}},this.yAxisAnnotation={id:void 0,y:0,y2:null,strokeDashArray:1,fillColor:"#c2c2c2",borderColor:"#c2c2c2",borderWidth:1,opacity:.3,offsetX:0,offsetY:0,width:"100%",yAxisIndex:0,label:{borderColor:"#c2c2c2",borderWidth:1,borderRadius:2,text:void 0,textAnchor:"end",position:"right",offsetX:0,offsetY:-3,mouseEnter:void 0,mouseLeave:void 0,style:{background:"#fff",color:void 0,fontSize:"11px",fontFamily:void 0,fontWeight:400,cssClass:"",padding:{left:5,right:5,top:2,bottom:2}}}},this.xAxisAnnotation={id:void 0,x:0,x2:null,strokeDashArray:1,fillColor:"#c2c2c2",borderColor:"#c2c2c2",borderWidth:1,opacity:.3,offsetX:0,offsetY:0,label:{borderColor:"#c2c2c2",borderWidth:1,borderRadius:2,text:void 0,textAnchor:"middle",orientation:"vertical",position:"top",offsetX:0,offsetY:0,mouseEnter:void 0,mouseLeave:void 0,style:{background:"#fff",color:void 0,fontSize:"11px",fontFamily:void 0,fontWeight:400,cssClass:"",padding:{left:5,right:5,top:2,bottom:2}}}},this.text={x:0,y:0,text:"",textAnchor:"start",foreColor:void 0,fontSize:"13px",fontFamily:void 0,fontWeight:400,appendTo:".apexcharts-annotations",backgroundColor:"transparent",borderColor:"#c2c2c2",borderRadius:0,borderWidth:0,paddingLeft:4,paddingRight:4,paddingTop:2,paddingBottom:2}}return r(t,[{key:"init",value:function(){return{annotations:{position:"front",yaxis:[this.yAxisAnnotation],xaxis:[this.xAxisAnnotation],points:[this.pointAnnotation],texts:[],images:[],shapes:[]},chart:{animations:{enabled:!0,easing:"easeinout",speed:800,animateGradually:{delay:150,enabled:!0},dynamicAnimation:{enabled:!0,speed:350}},background:"transparent",locales:[C],defaultLocale:"en",dropShadow:{enabled:!1,enabledOnSeries:void 0,top:2,left:2,blur:4,color:"#000",opacity:.35},events:{animationEnd:void 0,beforeMount:void 0,mounted:void 0,updated:void 0,click:void 0,mouseMove:void 0,mouseLeave:void 0,legendClick:void 0,markerClick:void 0,selection:void 0,dataPointSelection:void 0,dataPointMouseEnter:void 0,dataPointMouseLeave:void 0,beforeZoom:void 0,beforeResetZoom:void 0,zoomed:void 0,scrolled:void 0,brushScrolled:void 0},foreColor:"#373d3f",fontFamily:"Helvetica, Arial, sans-serif",height:"auto",parentHeightOffset:15,redrawOnParentResize:!0,redrawOnWindowResize:!0,id:void 0,group:void 0,offsetX:0,offsetY:0,selection:{enabled:!1,type:"x",fill:{color:"#24292e",opacity:.1},stroke:{width:1,color:"#24292e",opacity:.4,dashArray:3},xaxis:{min:void 0,max:void 0},yaxis:{min:void 0,max:void 0}},sparkline:{enabled:!1},brush:{enabled:!1,autoScaleYaxis:!0,target:void 0},stacked:!1,stackType:"normal",toolbar:{show:!0,offsetX:0,offsetY:0,tools:{download:!0,selection:!0,zoom:!0,zoomin:!0,zoomout:!0,pan:!0,reset:!0,customIcons:[]},export:{csv:{filename:void 0,columnDelimiter:",",headerCategory:"category",headerValue:"value",dateFormatter:function(t){return new Date(t).toDateString()}},png:{filename:void 0},svg:{filename:void 0}},autoSelected:"zoom"},type:"line",width:"100%",zoom:{enabled:!0,type:"x",autoScaleYaxis:!1,zoomedArea:{fill:{color:"#90CAF9",opacity:.4},stroke:{color:"#0D47A1",opacity:.4,width:1}}}},plotOptions:{area:{fillTo:"origin"},bar:{horizontal:!1,columnWidth:"70%",barHeight:"70%",distributed:!1,borderRadius:0,rangeBarOverlap:!0,rangeBarGroupRows:!1,colors:{ranges:[],backgroundBarColors:[],backgroundBarOpacity:1,backgroundBarRadius:0},dataLabels:{position:"top",maxItems:100,hideOverflowingLabels:!0,orientation:"horizontal"}},bubble:{minBubbleRadius:void 0,maxBubbleRadius:void 0},candlestick:{colors:{upward:"#00B746",downward:"#EF403C"},wick:{useFillColor:!0}},boxPlot:{colors:{upper:"#00E396",lower:"#008FFB"}},heatmap:{radius:2,enableShades:!0,shadeIntensity:.5,reverseNegativeShade:!1,distributed:!1,useFillColorAsStroke:!1,colorScale:{inverse:!1,ranges:[],min:void 0,max:void 0}},treemap:{enableShades:!0,shadeIntensity:.5,distributed:!1,reverseNegativeShade:!1,useFillColorAsStroke:!1,colorScale:{inverse:!1,ranges:[],min:void 0,max:void 0}},radialBar:{inverseOrder:!1,startAngle:0,endAngle:360,offsetX:0,offsetY:0,hollow:{margin:5,size:"50%",background:"transparent",image:void 0,imageWidth:150,imageHeight:150,imageOffsetX:0,imageOffsetY:0,imageClipped:!0,position:"front",dropShadow:{enabled:!1,top:0,left:0,blur:3,color:"#000",opacity:.5}},track:{show:!0,startAngle:void 0,endAngle:void 0,background:"#f2f2f2",strokeWidth:"97%",opacity:1,margin:5,dropShadow:{enabled:!1,top:0,left:0,blur:3,color:"#000",opacity:.5}},dataLabels:{show:!0,name:{show:!0,fontSize:"16px",fontFamily:void 0,fontWeight:600,color:void 0,offsetY:0,formatter:function(t){return t}},value:{show:!0,fontSize:"14px",fontFamily:void 0,fontWeight:400,color:void 0,offsetY:16,formatter:function(t){return t+"%"}},total:{show:!1,label:"Total",fontSize:"16px",fontWeight:600,fontFamily:void 0,color:void 0,formatter:function(t){return t.globals.seriesTotals.reduce((function(t,e){return t+e}),0)/t.globals.series.length+"%"}}}},pie:{customScale:1,offsetX:0,offsetY:0,startAngle:0,endAngle:360,expandOnClick:!0,dataLabels:{offset:0,minAngleToShowLabel:10},donut:{size:"65%",background:"transparent",labels:{show:!1,name:{show:!0,fontSize:"16px",fontFamily:void 0,fontWeight:600,color:void 0,offsetY:-10,formatter:function(t){return t}},value:{show:!0,fontSize:"20px",fontFamily:void 0,fontWeight:400,color:void 0,offsetY:10,formatter:function(t){return t}},total:{show:!1,showAlways:!1,label:"Total",fontSize:"16px",fontWeight:400,fontFamily:void 0,color:void 0,formatter:function(t){return t.globals.seriesTotals.reduce((function(t,e){return t+e}),0)}}}}},polarArea:{rings:{strokeWidth:1,strokeColor:"#e8e8e8"},spokes:{strokeWidth:1,connectorColors:"#e8e8e8"}},radar:{size:void 0,offsetX:0,offsetY:0,polygons:{strokeWidth:1,strokeColors:"#e8e8e8",connectorColors:"#e8e8e8",fill:{colors:void 0}}}},colors:void 0,dataLabels:{enabled:!0,enabledOnSeries:void 0,formatter:function(t){return null!==t?t:""},textAnchor:"middle",distributed:!1,offsetX:0,offsetY:0,style:{fontSize:"12px",fontFamily:void 0,fontWeight:600,colors:void 0},background:{enabled:!0,foreColor:"#fff",borderRadius:2,padding:4,opacity:.9,borderWidth:1,borderColor:"#fff",dropShadow:{enabled:!1,top:1,left:1,blur:1,color:"#000",opacity:.45}},dropShadow:{enabled:!1,top:1,left:1,blur:1,color:"#000",opacity:.45}},fill:{type:"solid",colors:void 0,opacity:.85,gradient:{shade:"dark",type:"horizontal",shadeIntensity:.5,gradientToColors:void 0,inverseColors:!0,opacityFrom:1,opacityTo:1,stops:[0,50,100],colorStops:[]},image:{src:[],width:void 0,height:void 0},pattern:{style:"squares",width:6,height:6,strokeWidth:2}},forecastDataPoints:{count:0,fillOpacity:.5,strokeWidth:void 0,dashArray:4},grid:{show:!0,borderColor:"#e0e0e0",strokeDashArray:0,position:"back",xaxis:{lines:{show:!1}},yaxis:{lines:{show:!0}},row:{colors:void 0,opacity:.5},column:{colors:void 0,opacity:.5},padding:{top:0,right:10,bottom:0,left:12}},labels:[],legend:{show:!0,showForSingleSeries:!1,showForNullSeries:!0,showForZeroSeries:!0,floating:!1,position:"bottom",horizontalAlign:"center",inverseOrder:!1,fontSize:"12px",fontFamily:void 0,fontWeight:400,width:void 0,height:void 0,formatter:void 0,tooltipHoverFormatter:void 0,offsetX:-20,offsetY:4,customLegendItems:[],labels:{colors:void 0,useSeriesColors:!1},markers:{width:12,height:12,strokeWidth:0,fillColors:void 0,strokeColor:"#fff",radius:12,customHTML:void 0,offsetX:0,offsetY:0,onClick:void 0},itemMargin:{horizontal:5,vertical:2},onItemClick:{toggleDataSeries:!0},onItemHover:{highlightDataSeries:!0}},markers:{discrete:[],size:0,colors:void 0,strokeColors:"#fff",strokeWidth:2,strokeOpacity:.9,strokeDashArray:0,fillOpacity:1,shape:"circle",width:8,height:8,radius:2,offsetX:0,offsetY:0,onClick:void 0,onDblClick:void 0,showNullDataPoints:!0,hover:{size:void 0,sizeOffset:3}},noData:{text:void 0,align:"center",verticalAlign:"middle",offsetX:0,offsetY:0,style:{color:void 0,fontSize:"14px",fontFamily:void 0}},responsive:[],series:void 0,states:{normal:{filter:{type:"none",value:0}},hover:{filter:{type:"lighten",value:.1}},active:{allowMultipleDataPointsSelection:!1,filter:{type:"darken",value:.5}}},title:{text:void 0,align:"left",margin:5,offsetX:0,offsetY:0,floating:!1,style:{fontSize:"14px",fontWeight:900,fontFamily:void 0,color:void 0}},subtitle:{text:void 0,align:"left",margin:5,offsetX:0,offsetY:30,floating:!1,style:{fontSize:"12px",fontWeight:400,fontFamily:void 0,color:void 0}},stroke:{show:!0,curve:"smooth",lineCap:"butt",width:2,colors:void 0,dashArray:0,fill:{type:"solid",colors:void 0,opacity:.85,gradient:{shade:"dark",type:"horizontal",shadeIntensity:.5,gradientToColors:void 0,inverseColors:!0,opacityFrom:1,opacityTo:1,stops:[0,50,100],colorStops:[]}}},tooltip:{enabled:!0,enabledOnSeries:void 0,shared:!0,followCursor:!1,intersect:!1,inverseOrder:!1,custom:void 0,fillSeriesColor:!1,theme:"light",cssClass:"",style:{fontSize:"12px",fontFamily:void 0},onDatasetHover:{highlightDataSeries:!1},x:{show:!0,format:"dd MMM",formatter:void 0},y:{formatter:void 0,title:{formatter:function(t){return t?t+": ":""}}},z:{formatter:void 0,title:"Size: "},marker:{show:!0,fillColors:void 0},items:{display:"flex"},fixed:{enabled:!1,position:"topRight",offsetX:0,offsetY:0}},xaxis:{type:"category",categories:[],convertedCatToNumeric:!1,offsetX:0,offsetY:0,overwriteCategories:void 0,labels:{show:!0,rotate:-45,rotateAlways:!1,hideOverlappingLabels:!0,trim:!1,minHeight:void 0,maxHeight:120,showDuplicates:!0,style:{colors:[],fontSize:"12px",fontWeight:400,fontFamily:void 0,cssClass:""},offsetX:0,offsetY:0,format:void 0,formatter:void 0,datetimeUTC:!0,datetimeFormatter:{year:"yyyy",month:"MMM 'yy",day:"dd MMM",hour:"HH:mm",minute:"HH:mm:ss",second:"HH:mm:ss"}},group:{groups:[],style:{colors:[],fontSize:"12px",fontWeight:400,fontFamily:void 0,cssClass:""}},axisBorder:{show:!0,color:"#e0e0e0",width:"100%",height:1,offsetX:0,offsetY:0},axisTicks:{show:!0,color:"#e0e0e0",height:6,offsetX:0,offsetY:0},tickAmount:void 0,tickPlacement:"on",min:void 0,max:void 0,range:void 0,floating:!1,decimalsInFloat:void 0,position:"bottom",title:{text:void 0,offsetX:0,offsetY:0,style:{color:void 0,fontSize:"12px",fontWeight:900,fontFamily:void 0,cssClass:""}},crosshairs:{show:!0,width:1,position:"back",opacity:.9,stroke:{color:"#b6b6b6",width:1,dashArray:3},fill:{type:"solid",color:"#B1B9C4",gradient:{colorFrom:"#D8E3F0",colorTo:"#BED1E6",stops:[0,100],opacityFrom:.4,opacityTo:.5}},dropShadow:{enabled:!1,left:0,top:0,blur:1,opacity:.4}},tooltip:{enabled:!0,offsetY:0,formatter:void 0,style:{fontSize:"12px",fontFamily:void 0}}},yaxis:this.yAxis,theme:{mode:"light",palette:"palette1",monochrome:{enabled:!1,color:"#008FFB",shadeTo:"light",shadeIntensity:.65}}}}}]),t}(),P=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w,this.graphics=new m(this.ctx),this.w.globals.isBarHorizontal&&(this.invertAxis=!0),this.helpers=new w(this),this.xAxisAnnotations=new k(this),this.yAxisAnnotations=new A(this),this.pointsAnnotations=new S(this),this.w.globals.isBarHorizontal&&this.w.config.yaxis[0].reversed&&(this.inversedReversedAxis=!0),this.xDivision=this.w.globals.gridWidth/this.w.globals.dataPoints}return r(t,[{key:"drawAxesAnnotations",value:function(){var t=this.w;if(t.globals.axisCharts){for(var e=this.yAxisAnnotations.drawYAxisAnnotations(),i=this.xAxisAnnotations.drawXAxisAnnotations(),a=this.pointsAnnotations.drawPointAnnotations(),s=t.config.chart.animations.enabled,r=[e,i,a],o=[i.node,e.node,a.node],n=0;n<3;n++)t.globals.dom.elGraphical.add(r[n]),!s||t.globals.resized||t.globals.dataChanged||"scatter"!==t.config.chart.type&&"bubble"!==t.config.chart.type&&t.globals.dataPoints>1&&o[n].classList.add("apexcharts-element-hidden"),t.globals.delayedElements.push({el:o[n],index:0});this.helpers.annotationsBackground()}}},{key:"drawImageAnnos",value:function(){var t=this;this.w.config.annotations.images.map((function(e,i){t.addImage(e,i)}))}},{key:"drawTextAnnos",value:function(){var t=this;this.w.config.annotations.texts.map((function(e,i){t.addText(e,i)}))}},{key:"addXaxisAnnotation",value:function(t,e,i){this.xAxisAnnotations.addXaxisAnnotation(t,e,i)}},{key:"addYaxisAnnotation",value:function(t,e,i){this.yAxisAnnotations.addYaxisAnnotation(t,e,i)}},{key:"addPointAnnotation",value:function(t,e,i){this.pointsAnnotations.addPointAnnotation(t,e,i)}},{key:"addText",value:function(t,e){var i=t.x,a=t.y,s=t.text,r=t.textAnchor,o=t.foreColor,n=t.fontSize,l=t.fontFamily,h=t.fontWeight,c=t.cssClass,d=t.backgroundColor,g=t.borderWidth,u=t.strokeDashArray,f=t.borderRadius,p=t.borderColor,x=t.appendTo,b=void 0===x?".apexcharts-annotations":x,v=t.paddingLeft,m=void 0===v?4:v,y=t.paddingRight,w=void 0===y?4:y,k=t.paddingBottom,A=void 0===k?2:k,S=t.paddingTop,C=void 0===S?2:S,L=this.w,P=this.graphics.drawText({x:i,y:a,text:s,textAnchor:r||"start",fontSize:n||"12px",fontWeight:h||"regular",fontFamily:l||L.config.chart.fontFamily,foreColor:o||L.config.chart.foreColor,cssClass:c}),M=L.globals.dom.baseEl.querySelector(b);M&&M.appendChild(P.node);var T=P.bbox();if(s){var I=this.graphics.drawRect(T.x-m,T.y-C,T.width+m+w,T.height+A+C,f,d||"transparent",1,g,p,u);M.insertBefore(I.node,P.node)}}},{key:"addImage",value:function(t,e){var i=this.w,a=t.path,s=t.x,r=void 0===s?0:s,o=t.y,n=void 0===o?0:o,l=t.width,h=void 0===l?20:l,c=t.height,d=void 0===c?20:c,g=t.appendTo,u=void 0===g?".apexcharts-annotations":g,f=i.globals.dom.Paper.image(a);f.size(h,d).move(r,n);var p=i.globals.dom.baseEl.querySelector(u);return p&&p.appendChild(f.node),f}},{key:"addXaxisAnnotationExternal",value:function(t,e,i){return this.addAnnotationExternal({params:t,pushToMemory:e,context:i,type:"xaxis",contextMethod:i.addXaxisAnnotation}),i}},{key:"addYaxisAnnotationExternal",value:function(t,e,i){return this.addAnnotationExternal({params:t,pushToMemory:e,context:i,type:"yaxis",contextMethod:i.addYaxisAnnotation}),i}},{key:"addPointAnnotationExternal",value:function(t,e,i){return void 0===this.invertAxis&&(this.invertAxis=i.w.globals.isBarHorizontal),this.addAnnotationExternal({params:t,pushToMemory:e,context:i,type:"point",contextMethod:i.addPointAnnotation}),i}},{key:"addAnnotationExternal",value:function(t){var e=t.params,i=t.pushToMemory,a=t.context,s=t.type,r=t.contextMethod,o=a,n=o.w,l=n.globals.dom.baseEl.querySelector(".apexcharts-".concat(s,"-annotations")),h=l.childNodes.length+1,c=new L,d=Object.assign({},"xaxis"===s?c.xAxisAnnotation:"yaxis"===s?c.yAxisAnnotation:c.pointAnnotation),g=x.extend(d,e);switch(s){case"xaxis":this.addXaxisAnnotation(g,l,h);break;case"yaxis":this.addYaxisAnnotation(g,l,h);break;case"point":this.addPointAnnotation(g,l,h)}var u=n.globals.dom.baseEl.querySelector(".apexcharts-".concat(s,"-annotations .apexcharts-").concat(s,"-annotation-label[rel='").concat(h,"']")),f=this.helpers.addBackgroundToAnno(u,g);return f&&l.insertBefore(f.node,u),i&&n.globals.memory.methodsToExec.push({context:o,id:g.id?g.id:x.randomId(),method:r,label:"addAnnotation",params:e}),a}},{key:"clearAnnotations",value:function(t){var e=t.w,i=e.globals.dom.baseEl.querySelectorAll(".apexcharts-yaxis-annotations, .apexcharts-xaxis-annotations, .apexcharts-point-annotations");e.globals.memory.methodsToExec.map((function(t,i){"addText"!==t.label&&"addAnnotation"!==t.label||e.globals.memory.methodsToExec.splice(i,1)})),i=x.listToArray(i),Array.prototype.forEach.call(i,(function(t){for(;t.firstChild;)t.removeChild(t.firstChild)}))}},{key:"removeAnnotation",value:function(t,e){var i=t.w,a=i.globals.dom.baseEl.querySelectorAll(".".concat(e));a&&(i.globals.memory.methodsToExec.map((function(t,a){t.id===e&&i.globals.memory.methodsToExec.splice(a,1)})),Array.prototype.forEach.call(a,(function(t){t.parentElement.removeChild(t)})))}}]),t}(),M=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w,this.opts=null,this.seriesIndex=0}return r(t,[{key:"clippedImgArea",value:function(t){var e=this.w,i=e.config,a=parseInt(e.globals.gridWidth,10),s=parseInt(e.globals.gridHeight,10),r=a>s?a:s,o=t.image,n=0,l=0;void 0===t.width&&void 0===t.height?void 0!==i.fill.image.width&&void 0!==i.fill.image.height?(n=i.fill.image.width+1,l=i.fill.image.height):(n=r+1,l=r):(n=t.width,l=t.height);var h=document.createElementNS(e.globals.SVGNS,"pattern");m.setAttrs(h,{id:t.patternID,patternUnits:t.patternUnits?t.patternUnits:"userSpaceOnUse",width:n+"px",height:l+"px"});var c=document.createElementNS(e.globals.SVGNS,"image");h.appendChild(c),c.setAttributeNS(window.SVG.xlink,"href",o),m.setAttrs(c,{x:0,y:0,preserveAspectRatio:"none",width:n+"px",height:l+"px"}),c.style.opacity=t.opacity,e.globals.dom.elDefs.node.appendChild(h)}},{key:"getSeriesIndex",value:function(t){var e=this.w;return("bar"===e.config.chart.type||"rangeBar"===e.config.chart.type)&&e.config.plotOptions.bar.distributed||"heatmap"===e.config.chart.type||"treemap"===e.config.chart.type?this.seriesIndex=t.seriesNumber:this.seriesIndex=t.seriesNumber%e.globals.series.length,this.seriesIndex}},{key:"fillPath",value:function(t){var e=this.w;this.opts=t;var i,a,s,r=this.w.config;this.seriesIndex=this.getSeriesIndex(t);var o=this.getFillColors()[this.seriesIndex];void 0!==e.globals.seriesColors[this.seriesIndex]&&(o=e.globals.seriesColors[this.seriesIndex]),"function"==typeof o&&(o=o({seriesIndex:this.seriesIndex,dataPointIndex:t.dataPointIndex,value:t.value,w:e}));var n=this.getFillType(this.seriesIndex),l=Array.isArray(r.fill.opacity)?r.fill.opacity[this.seriesIndex]:r.fill.opacity;t.color&&(o=t.color);var h=o;if(-1===o.indexOf("rgb")?o.length<9&&(h=x.hexToRgba(o,l)):o.indexOf("rgba")>-1&&(l=x.getOpacityFromRGBA(o)),t.opacity&&(l=t.opacity),"pattern"===n&&(a=this.handlePatternFill(a,o,l,h)),"gradient"===n&&(s=this.handleGradientFill(o,l,this.seriesIndex)),"image"===n){var c=r.fill.image.src,d=t.patternID?t.patternID:"";this.clippedImgArea({opacity:l,image:Array.isArray(c)?t.seriesNumber<c.length?c[t.seriesNumber]:c[0]:c,width:t.width?t.width:void 0,height:t.height?t.height:void 0,patternUnits:t.patternUnits,patternID:"pattern".concat(e.globals.cuid).concat(t.seriesNumber+1).concat(d)}),i="url(#pattern".concat(e.globals.cuid).concat(t.seriesNumber+1).concat(d,")")}else i="gradient"===n?s:"pattern"===n?a:h;return t.solid&&(i=h),i}},{key:"getFillType",value:function(t){var e=this.w;return Array.isArray(e.config.fill.type)?e.config.fill.type[t]:e.config.fill.type}},{key:"getFillColors",value:function(){var t=this.w,e=t.config,i=this.opts,a=[];return t.globals.comboCharts?"line"===t.config.series[this.seriesIndex].type?Array.isArray(t.globals.stroke.colors)?a=t.globals.stroke.colors:a.push(t.globals.stroke.colors):Array.isArray(t.globals.fill.colors)?a=t.globals.fill.colors:a.push(t.globals.fill.colors):"line"===e.chart.type?Array.isArray(t.globals.stroke.colors)?a=t.globals.stroke.colors:a.push(t.globals.stroke.colors):Array.isArray(t.globals.fill.colors)?a=t.globals.fill.colors:a.push(t.globals.fill.colors),void 0!==i.fillColors&&(a=[],Array.isArray(i.fillColors)?a=i.fillColors.slice():a.push(i.fillColors)),a}},{key:"handlePatternFill",value:function(t,e,i,a){var s=this.w.config,r=this.opts,o=new m(this.ctx),n=void 0===s.fill.pattern.strokeWidth?Array.isArray(s.stroke.width)?s.stroke.width[this.seriesIndex]:s.stroke.width:Array.isArray(s.fill.pattern.strokeWidth)?s.fill.pattern.strokeWidth[this.seriesIndex]:s.fill.pattern.strokeWidth,l=e;Array.isArray(s.fill.pattern.style)?t=void 0!==s.fill.pattern.style[r.seriesNumber]?o.drawPattern(s.fill.pattern.style[r.seriesNumber],s.fill.pattern.width,s.fill.pattern.height,l,n,i):a:t=o.drawPattern(s.fill.pattern.style,s.fill.pattern.width,s.fill.pattern.height,l,n,i);return t}},{key:"handleGradientFill",value:function(t,e,i){var a,s=this.w.config,r=this.opts,o=new m(this.ctx),n=new x,l=s.fill.gradient.type,h=t,c=void 0===s.fill.gradient.opacityFrom?e:Array.isArray(s.fill.gradient.opacityFrom)?s.fill.gradient.opacityFrom[i]:s.fill.gradient.opacityFrom;h.indexOf("rgba")>-1&&(c=x.getOpacityFromRGBA(h));var d=void 0===s.fill.gradient.opacityTo?e:Array.isArray(s.fill.gradient.opacityTo)?s.fill.gradient.opacityTo[i]:s.fill.gradient.opacityTo;if(void 0===s.fill.gradient.gradientToColors||0===s.fill.gradient.gradientToColors.length)a="dark"===s.fill.gradient.shade?n.shadeColor(-1*parseFloat(s.fill.gradient.shadeIntensity),t.indexOf("rgb")>-1?x.rgb2hex(t):t):n.shadeColor(parseFloat(s.fill.gradient.shadeIntensity),t.indexOf("rgb")>-1?x.rgb2hex(t):t);else if(s.fill.gradient.gradientToColors[r.seriesNumber]){var g=s.fill.gradient.gradientToColors[r.seriesNumber];a=g,g.indexOf("rgba")>-1&&(d=x.getOpacityFromRGBA(g))}else a=t;if(s.fill.gradient.inverseColors){var u=h;h=a,a=u}return h.indexOf("rgb")>-1&&(h=x.rgb2hex(h)),a.indexOf("rgb")>-1&&(a=x.rgb2hex(a)),o.drawGradient(l,h,a,c,d,r.size,s.fill.gradient.stops,s.fill.gradient.colorStops,i)}}]),t}(),T=function(){function t(e,i){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"setGlobalMarkerSize",value:function(){var t=this.w;if(t.globals.markers.size=Array.isArray(t.config.markers.size)?t.config.markers.size:[t.config.markers.size],t.globals.markers.size.length>0){if(t.globals.markers.size.length<t.globals.series.length+1)for(var e=0;e<=t.globals.series.length;e++)void 0===t.globals.markers.size[e]&&t.globals.markers.size.push(t.globals.markers.size[0])}else t.globals.markers.size=t.config.series.map((function(e){return t.config.markers.size}))}},{key:"plotChartMarkers",value:function(t,e,i,a){var s,r=arguments.length>4&&void 0!==arguments[4]&&arguments[4],o=this.w,n=e,l=t,h=null,c=new m(this.ctx),d=o.config.markers.discrete&&o.config.markers.discrete.length;if((o.globals.markers.size[e]>0||r||d)&&(h=c.group({class:r||d?"":"apexcharts-series-markers"})).attr("clip-path","url(#gridRectMarkerMask".concat(o.globals.cuid,")")),Array.isArray(l.x))for(var g=0;g<l.x.length;g++){var u=i;1===i&&0===g&&(u=0),1===i&&1===g&&(u=1);var f="apexcharts-marker";"line"!==o.config.chart.type&&"area"!==o.config.chart.type||o.globals.comboCharts||o.config.tooltip.intersect||(f+=" no-pointer-events");var p=Array.isArray(o.config.markers.size)?o.globals.markers.size[e]>0:o.config.markers.size>0;if(p||r||d){x.isNumber(l.y[g])?f+=" w".concat(x.randomId()):f="apexcharts-nullpoint";var b=this.getMarkerConfig({cssClass:f,seriesIndex:e,dataPointIndex:u});o.config.series[n].data[u]&&(o.config.series[n].data[u].fillColor&&(b.pointFillColor=o.config.series[n].data[u].fillColor),o.config.series[n].data[u].strokeColor&&(b.pointStrokeColor=o.config.series[n].data[u].strokeColor)),a&&(b.pSize=a),(s=c.drawMarker(l.x[g],l.y[g],b)).attr("rel",u),s.attr("j",u),s.attr("index",e),s.node.setAttribute("default-marker-size",b.pSize);var y=new v(this.ctx);y.setSelectionFilter(s,e,u),this.addEvents(s),h&&h.add(s)}else void 0===o.globals.pointsArray[e]&&(o.globals.pointsArray[e]=[]),o.globals.pointsArray[e].push([l.x[g],l.y[g]])}return h}},{key:"getMarkerConfig",value:function(t){var e=t.cssClass,i=t.seriesIndex,a=t.dataPointIndex,s=void 0===a?null:a,r=t.finishRadius,o=void 0===r?null:r,n=this.w,l=this.getMarkerStyle(i),h=n.globals.markers.size[i],c=n.config.markers;return null!==s&&c.discrete.length&&c.discrete.map((function(t){t.seriesIndex===i&&t.dataPointIndex===s&&(l.pointStrokeColor=t.strokeColor,l.pointFillColor=t.fillColor,h=t.size,l.pointShape=t.shape)})),{pSize:null===o?h:o,pRadius:c.radius,width:Array.isArray(c.width)?c.width[i]:c.width,height:Array.isArray(c.height)?c.height[i]:c.height,pointStrokeWidth:Array.isArray(c.strokeWidth)?c.strokeWidth[i]:c.strokeWidth,pointStrokeColor:l.pointStrokeColor,pointFillColor:l.pointFillColor,shape:l.pointShape||(Array.isArray(c.shape)?c.shape[i]:c.shape),class:e,pointStrokeOpacity:Array.isArray(c.strokeOpacity)?c.strokeOpacity[i]:c.strokeOpacity,pointStrokeDashArray:Array.isArray(c.strokeDashArray)?c.strokeDashArray[i]:c.strokeDashArray,pointFillOpacity:Array.isArray(c.fillOpacity)?c.fillOpacity[i]:c.fillOpacity,seriesIndex:i}}},{key:"addEvents",value:function(t){var e=this.w,i=new m(this.ctx);t.node.addEventListener("mouseenter",i.pathMouseEnter.bind(this.ctx,t)),t.node.addEventListener("mouseleave",i.pathMouseLeave.bind(this.ctx,t)),t.node.addEventListener("mousedown",i.pathMouseDown.bind(this.ctx,t)),t.node.addEventListener("click",e.config.markers.onClick),t.node.addEventListener("dblclick",e.config.markers.onDblClick),t.node.addEventListener("touchstart",i.pathMouseDown.bind(this.ctx,t),{passive:!0})}},{key:"getMarkerStyle",value:function(t){var e=this.w,i=e.globals.markers.colors,a=e.config.markers.strokeColor||e.config.markers.strokeColors;return{pointStrokeColor:Array.isArray(a)?a[t]:a,pointFillColor:Array.isArray(i)?i[t]:i}}}]),t}(),I=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w,this.initialAnim=this.w.config.chart.animations.enabled,this.dynamicAnim=this.initialAnim&&this.w.config.chart.animations.dynamicAnimation.enabled}return r(t,[{key:"draw",value:function(t,e,i){var a=this.w,s=new m(this.ctx),r=i.realIndex,o=i.pointsPos,n=i.zRatio,l=i.elParent,h=s.group({class:"apexcharts-series-markers apexcharts-series-".concat(a.config.chart.type)});if(h.attr("clip-path","url(#gridRectMarkerMask".concat(a.globals.cuid,")")),Array.isArray(o.x))for(var c=0;c<o.x.length;c++){var d=e+1,g=!0;0===e&&0===c&&(d=0),0===e&&1===c&&(d=1);var u=0,f=a.globals.markers.size[r];if(n!==1/0){f=a.globals.seriesZ[r][d]/n;var p=a.config.plotOptions.bubble;p.minBubbleRadius&&f<p.minBubbleRadius&&(f=p.minBubbleRadius),p.maxBubbleRadius&&f>p.maxBubbleRadius&&(f=p.maxBubbleRadius)}a.config.chart.animations.enabled||(u=f);var x=o.x[c],b=o.y[c];if(u=u||0,null!==b&&void 0!==a.globals.series[r][d]||(g=!1),g){var v=this.drawPoint(x,b,u,f,r,d,e);h.add(v)}l.add(h)}}},{key:"drawPoint",value:function(t,e,i,a,s,r,o){var n=this.w,l=s,h=new b(this.ctx),c=new v(this.ctx),d=new M(this.ctx),g=new T(this.ctx),u=new m(this.ctx),f=g.getMarkerConfig({cssClass:"apexcharts-marker",seriesIndex:l,dataPointIndex:r,finishRadius:"bubble"===n.config.chart.type||n.globals.comboCharts&&n.config.series[s]&&"bubble"===n.config.series[s].type?a:null});a=f.pSize;var p,x=d.fillPath({seriesNumber:s,dataPointIndex:r,color:f.pointFillColor,patternUnits:"objectBoundingBox",value:n.globals.series[s][o]});if("circle"===f.shape?p=u.drawCircle(i):"square"!==f.shape&&"rect"!==f.shape||(p=u.drawRect(0,0,f.width-f.pointStrokeWidth/2,f.height-f.pointStrokeWidth/2,f.pRadius)),n.config.series[l].data[r]&&n.config.series[l].data[r].fillColor&&(x=n.config.series[l].data[r].fillColor),p.attr({x:t-f.width/2-f.pointStrokeWidth/2,y:e-f.height/2-f.pointStrokeWidth/2,cx:t,cy:e,fill:x,"fill-opacity":f.pointFillOpacity,stroke:f.pointStrokeColor,r:a,"stroke-width":f.pointStrokeWidth,"stroke-dasharray":f.pointStrokeDashArray,"stroke-opacity":f.pointStrokeOpacity}),n.config.chart.dropShadow.enabled){var y=n.config.chart.dropShadow;c.dropShadow(p,y,s)}if(!this.initialAnim||n.globals.dataChanged||n.globals.resized)n.globals.animationEnded=!0;else{var w=n.config.chart.animations.speed;h.animateMarker(p,0,"circle"===f.shape?a:{width:f.width,height:f.height},w,n.globals.easing,(function(){window.setTimeout((function(){h.animationCompleted(p)}),100)}))}if(n.globals.dataChanged&&"circle"===f.shape)if(this.dynamicAnim){var k,A,S,C,L=n.config.chart.animations.dynamicAnimation.speed;null!=(C=n.globals.previousPaths[s]&&n.globals.previousPaths[s][o])&&(k=C.x,A=C.y,S=void 0!==C.r?C.r:a);for(var P=0;P<n.globals.collapsedSeries.length;P++)n.globals.collapsedSeries[P].index===s&&(L=1,a=0);0===t&&0===e&&(a=0),h.animateCircle(p,{cx:k,cy:A,r:S},{cx:t,cy:e,r:a},L,n.globals.easing)}else p.attr({r:a});return p.attr({rel:r,j:r,index:s,"default-marker-size":a}),c.setSelectionFilter(p,s,r),g.addEvents(p),p.node.classList.add("apexcharts-marker"),p}},{key:"centerTextInBubble",value:function(t){var e=this.w;return{y:t+=parseInt(e.config.dataLabels.style.fontSize,10)/4}}}]),t}(),z=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"dataLabelsCorrection",value:function(t,e,i,a,s,r,o){var n=this.w,l=!1,h=new m(this.ctx).getTextRects(i,o),c=h.width,d=h.height;e<0&&(e=0),e>n.globals.gridHeight+d&&(e=n.globals.gridHeight+d/2),void 0===n.globals.dataLabelsRects[a]&&(n.globals.dataLabelsRects[a]=[]),n.globals.dataLabelsRects[a].push({x:t,y:e,width:c,height:d});var g=n.globals.dataLabelsRects[a].length-2,u=void 0!==n.globals.lastDrawnDataLabelsIndexes[a]?n.globals.lastDrawnDataLabelsIndexes[a][n.globals.lastDrawnDataLabelsIndexes[a].length-1]:0;if(void 0!==n.globals.dataLabelsRects[a][g]){var f=n.globals.dataLabelsRects[a][u];(t>f.x+f.width+2||e>f.y+f.height+2||t+c<f.x)&&(l=!0)}return(0===s||r)&&(l=!0),{x:t,y:e,textRects:h,drawnextLabel:l}}},{key:"drawDataLabel",value:function(t,e,i){var a=this,s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:2,r=this.w,o=new m(this.ctx),n=r.config.dataLabels,l=0,h=0,c=i,d=null;if(!n.enabled||!Array.isArray(t.x))return d;d=o.group({class:"apexcharts-data-labels"});for(var g=0;g<t.x.length;g++)if(l=t.x[g]+n.offsetX,h=t.y[g]+n.offsetY+s,!isNaN(l)){1===i&&0===g&&(c=0),1===i&&1===g&&(c=1);var u=r.globals.series[e][c],f="",p=function(t){return r.config.dataLabels.formatter(t,{ctx:a.ctx,seriesIndex:e,dataPointIndex:c,w:r})};if("bubble"===r.config.chart.type){f=p(u=r.globals.seriesZ[e][c]),h=t.y[g];var x=new I(this.ctx),b=x.centerTextInBubble(h,e,c);h=b.y}else void 0!==u&&(f=p(u));this.plotDataLabelsText({x:l,y:h,text:f,i:e,j:c,parent:d,offsetCorrection:!0,dataLabelsConfig:r.config.dataLabels})}return d}},{key:"plotDataLabelsText",value:function(t){var e=this.w,i=new m(this.ctx),a=t.x,s=t.y,r=t.i,o=t.j,n=t.text,l=t.textAnchor,h=t.fontSize,c=t.parent,d=t.dataLabelsConfig,g=t.color,u=t.alwaysDrawDataLabel,f=t.offsetCorrection;if(!(Array.isArray(e.config.dataLabels.enabledOnSeries)&&e.config.dataLabels.enabledOnSeries.indexOf(r)<0)){var p={x:a,y:s,drawnextLabel:!0,textRects:null};f&&(p=this.dataLabelsCorrection(a,s,n,r,o,u,parseInt(d.style.fontSize,10))),e.globals.zoomed||(a=p.x,s=p.y),p.textRects&&(a<-10-p.textRects.width||a>e.globals.gridWidth+p.textRects.width+10)&&(n="");var x=e.globals.dataLabels.style.colors[r];(("bar"===e.config.chart.type||"rangeBar"===e.config.chart.type)&&e.config.plotOptions.bar.distributed||e.config.dataLabels.distributed)&&(x=e.globals.dataLabels.style.colors[o]),"function"==typeof x&&(x=x({series:e.globals.series,seriesIndex:r,dataPointIndex:o,w:e})),g&&(x=g);var b=d.offsetX,y=d.offsetY;if("bar"!==e.config.chart.type&&"rangeBar"!==e.config.chart.type||(b=0,y=0),p.drawnextLabel){var w=i.drawText({width:100,height:parseInt(d.style.fontSize,10),x:a+b,y:s+y,foreColor:x,textAnchor:l||d.textAnchor,text:n,fontSize:h||d.style.fontSize,fontFamily:d.style.fontFamily,fontWeight:d.style.fontWeight||"normal"});if(w.attr({class:"apexcharts-datalabel",cx:a,cy:s}),d.dropShadow.enabled){var k=d.dropShadow;new v(this.ctx).dropShadow(w,k)}c.add(w),void 0===e.globals.lastDrawnDataLabelsIndexes[r]&&(e.globals.lastDrawnDataLabelsIndexes[r]=[]),e.globals.lastDrawnDataLabelsIndexes[r].push(o)}}}},{key:"addBackgroundToDataLabel",value:function(t,e){var i=this.w,a=i.config.dataLabels.background,s=a.padding,r=a.padding/2,o=e.width,n=e.height,l=new m(this.ctx).drawRect(e.x-s,e.y-r/2,o+2*s,n+r,a.borderRadius,"transparent"===i.config.chart.background?"#fff":i.config.chart.background,a.opacity,a.borderWidth,a.borderColor);a.dropShadow.enabled&&new v(this.ctx).dropShadow(l,a.dropShadow);return l}},{key:"dataLabelsBackground",value:function(){var t=this.w;if("bubble"!==t.config.chart.type)for(var e=t.globals.dom.baseEl.querySelectorAll(".apexcharts-datalabels text"),i=0;i<e.length;i++){var a=e[i],s=a.getBBox(),r=null;if(s.width&&s.height&&(r=this.addBackgroundToDataLabel(a,s)),r){a.parentNode.insertBefore(r.node,a);var o=a.getAttribute("fill");t.config.chart.animations.enabled&&!t.globals.resized&&!t.globals.dataChanged?r.animate().attr({fill:o}):r.attr({fill:o}),a.setAttribute("fill",t.config.dataLabels.background.foreColor)}}}},{key:"bringForward",value:function(){for(var t=this.w,e=t.globals.dom.baseEl.querySelectorAll(".apexcharts-datalabels"),i=t.globals.dom.baseEl.querySelector(".apexcharts-plot-series:last-child"),a=0;a<e.length;a++)i&&i.insertBefore(e[a],i.nextSibling)}}]),t}(),X=function(){function t(e){a(this,t),this.w=e.w,this.barCtx=e}return r(t,[{key:"handleBarDataLabels",value:function(t){var e=t.x,i=t.y,a=t.y1,s=t.y2,r=t.i,o=t.j,n=t.realIndex,l=t.series,h=t.barHeight,c=t.barWidth,d=t.barYPosition,g=t.visibleSeries,u=t.renderedPath,f=this.w,p=new m(this.barCtx.ctx),x=Array.isArray(this.barCtx.strokeWidth)?this.barCtx.strokeWidth[n]:this.barCtx.strokeWidth,b=e+parseFloat(c*g),v=i+parseFloat(h*g);f.globals.isXNumeric&&!f.globals.isBarHorizontal&&(b=e+parseFloat(c*(g+1)),v=i+parseFloat(h*(g+1))-x);var y=e,w=i,k={},A=f.config.dataLabels,S=this.barCtx.barOptions.dataLabels;void 0!==d&&this.barCtx.isRangeBar&&(v=d,w=d);var C=A.offsetX,L=A.offsetY,P={width:0,height:0};if(f.config.dataLabels.enabled){var M=this.barCtx.series[r][o];P=p.getTextRects(f.globals.yLabelFormatters[0](M),parseFloat(A.style.fontSize))}var T={x:e,y:i,i:r,j:o,renderedPath:u,bcx:b,bcy:v,barHeight:h,barWidth:c,textRects:P,strokeWidth:x,dataLabelsX:y,dataLabelsY:w,barDataLabelsConfig:S,offX:C,offY:L};return k=this.barCtx.isHorizontal?this.calculateBarsDataLabelsPosition(T):this.calculateColumnsDataLabelsPosition(T),u.attr({cy:k.bcy,cx:k.bcx,j:o,val:l[r][o],barHeight:h,barWidth:c}),this.drawCalculatedDataLabels({x:k.dataLabelsX,y:k.dataLabelsY,val:this.barCtx.isRangeBar?[a,s]:l[r][o],i:n,j:o,barWidth:c,barHeight:h,textRects:P,dataLabelsConfig:A})}},{key:"calculateColumnsDataLabelsPosition",value:function(t){var e,i=this.w,a=t.i,s=t.j,r=t.y,o=t.bcx,n=t.barWidth,l=t.barHeight,h=t.textRects,c=t.dataLabelsY,d=t.barDataLabelsConfig,g=t.strokeWidth,u=t.offX,f=t.offY;l=Math.abs(l);var p="vertical"===i.config.plotOptions.bar.dataLabels.orientation;o-=g/2;var x=i.globals.gridWidth/i.globals.dataPoints;if(e=i.globals.isXNumeric?o-n/2+u:o-x+n/2+u,p){e=e+h.height/2-g/2-2}var b=this.barCtx.series[a][s]<0,v=r;switch(this.barCtx.isReversed&&(v=r-l+(b?2*l:0),r-=l),d.position){case"center":c=p?b?v+l/2+f:v+l/2-f:b?v-l/2+h.height/2+f:v+l/2+h.height/2-f;break;case"bottom":c=p?b?v+l+f:v+l-f:b?v-l+h.height+g+f:v+l-h.height/2+g-f;break;case"top":c=p?b?v+f:v-f:b?v-h.height/2-f:v+h.height+f}return i.config.chart.stacked||(c<0?c=0+g:c+h.height/3>i.globals.gridHeight&&(c=i.globals.gridHeight-g)),{bcx:o,bcy:r,dataLabelsX:e,dataLabelsY:c}}},{key:"calculateBarsDataLabelsPosition",value:function(t){var e=this.w,i=t.x,a=t.i,s=t.j,r=t.bcy,o=t.barHeight,n=t.barWidth,l=t.textRects,h=t.dataLabelsX,c=t.strokeWidth,d=t.barDataLabelsConfig,g=t.offX,u=t.offY,f=e.globals.gridHeight/e.globals.dataPoints;n=Math.abs(n);var p=r-(this.barCtx.isRangeBar?0:f)+o/2+l.height/2+u-3,x=this.barCtx.series[a][s]<0,b=i;switch(this.barCtx.isReversed&&(b=i+n-(x?2*n:0),i=e.globals.gridWidth-n),d.position){case"center":h=x?b+n/2-g:Math.max(l.width/2,b-n/2)+g;break;case"bottom":h=x?b+n-c-Math.round(l.width/2)-g:b-n+c+Math.round(l.width/2)+g;break;case"top":h=x?b-c+Math.round(l.width/2)-g:b-c-Math.round(l.width/2)+g}return e.config.chart.stacked||(h<0?h=h+l.width+c:h+l.width/2>e.globals.gridWidth&&(h=e.globals.gridWidth-l.width-c)),{bcx:i,bcy:r,dataLabelsX:h,dataLabelsY:p}}},{key:"drawCalculatedDataLabels",value:function(t){var i=t.x,a=t.y,s=t.val,r=t.i,o=t.j,n=t.textRects,l=t.barHeight,h=t.barWidth,c=t.dataLabelsConfig,d=this.w,g="rotate(0)";"vertical"===d.config.plotOptions.bar.dataLabels.orientation&&(g="rotate(-90, ".concat(i,", ").concat(a,")"));var u=new z(this.barCtx.ctx),f=new m(this.barCtx.ctx),p=c.formatter,x=null,b=d.globals.collapsedSeriesIndices.indexOf(r)>-1;if(c.enabled&&!b){x=f.group({class:"apexcharts-data-labels",transform:g});var v="";void 0!==s&&(v=p(s,{seriesIndex:r,dataPointIndex:o,w:d}));var y=d.globals.series[r][o]<0,w=d.config.plotOptions.bar.dataLabels.position;if("vertical"===d.config.plotOptions.bar.dataLabels.orientation&&("top"===w&&(c.textAnchor=y?"end":"start"),"center"===w&&(c.textAnchor="middle"),"bottom"===w&&(c.textAnchor=y?"end":"start")),this.barCtx.isRangeBar&&this.barCtx.barOptions.dataLabels.hideOverflowingLabels)h<f.getTextRects(v,parseFloat(c.style.fontSize)).width&&(v="");d.config.chart.stacked&&this.barCtx.barOptions.dataLabels.hideOverflowingLabels&&(this.barCtx.isHorizontal?n.width/1.6>Math.abs(h)&&(v=""):n.height/1.6>Math.abs(l)&&(v=""));var k=e({},c);this.barCtx.isHorizontal&&s<0&&("start"===c.textAnchor?k.textAnchor="end":"end"===c.textAnchor&&(k.textAnchor="start")),u.plotDataLabelsText({x:i,y:a,text:v,i:r,j:o,parent:x,dataLabelsConfig:k,alwaysDrawDataLabel:!0,offsetCorrection:!0})}return x}}]),t}(),E=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w,this.legendInactiveClass="legend-mouseover-inactive"}return r(t,[{key:"getAllSeriesEls",value:function(){return this.w.globals.dom.baseEl.getElementsByClassName("apexcharts-series")}},{key:"getSeriesByName",value:function(t){return this.w.globals.dom.baseEl.querySelector(".apexcharts-inner .apexcharts-series[seriesName='".concat(x.escapeString(t),"']"))}},{key:"isSeriesHidden",value:function(t){var e=this.getSeriesByName(t),i=parseInt(e.getAttribute("data:realIndex"),10);return{isHidden:e.classList.contains("apexcharts-series-collapsed"),realIndex:i}}},{key:"addCollapsedClassToSeries",value:function(t,e){var i=this.w;function a(i){for(var a=0;a<i.length;a++)i[a].index===e&&t.node.classList.add("apexcharts-series-collapsed")}a(i.globals.collapsedSeries),a(i.globals.ancillaryCollapsedSeries)}},{key:"toggleSeries",value:function(t){var e=this.isSeriesHidden(t);return this.ctx.legend.legendHelpers.toggleDataSeries(e.realIndex,e.isHidden),e.isHidden}},{key:"showSeries",value:function(t){var e=this.isSeriesHidden(t);e.isHidden&&this.ctx.legend.legendHelpers.toggleDataSeries(e.realIndex,!0)}},{key:"hideSeries",value:function(t){var e=this.isSeriesHidden(t);e.isHidden||this.ctx.legend.legendHelpers.toggleDataSeries(e.realIndex,!1)}},{key:"resetSeries",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=this.w,s=x.clone(a.globals.initialSeries);a.globals.previousPaths=[],i?(a.globals.collapsedSeries=[],a.globals.ancillaryCollapsedSeries=[],a.globals.collapsedSeriesIndices=[],a.globals.ancillaryCollapsedSeriesIndices=[]):s=this.emptyCollapsedSeries(s),a.config.series=s,t&&(e&&(a.globals.zoomed=!1,this.ctx.updateHelpers.revertDefaultAxisMinMax()),this.ctx.updateHelpers._updateSeries(s,a.config.chart.animations.dynamicAnimation.enabled))}},{key:"emptyCollapsedSeries",value:function(t){for(var e=this.w,i=0;i<t.length;i++)e.globals.collapsedSeriesIndices.indexOf(i)>-1&&(t[i].data=[]);return t}},{key:"toggleSeriesOnHover",value:function(t,e){var i=this.w;e||(e=t.target);var a=i.globals.dom.baseEl.querySelectorAll(".apexcharts-series, .apexcharts-datalabels");if("mousemove"===t.type){var s=parseInt(e.getAttribute("rel"),10)-1,r=null,o=null;i.globals.axisCharts||"radialBar"===i.config.chart.type?i.globals.axisCharts?(r=i.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(s,"']")),o=i.globals.dom.baseEl.querySelector(".apexcharts-datalabels[data\\:realIndex='".concat(s,"']"))):r=i.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(s+1,"']")):r=i.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(s+1,"'] path"));for(var n=0;n<a.length;n++)a[n].classList.add(this.legendInactiveClass);null!==r&&(i.globals.axisCharts||r.parentNode.classList.remove(this.legendInactiveClass),r.classList.remove(this.legendInactiveClass),null!==o&&o.classList.remove(this.legendInactiveClass))}else if("mouseout"===t.type)for(var l=0;l<a.length;l++)a[l].classList.remove(this.legendInactiveClass)}},{key:"highlightRangeInSeries",value:function(t,e){var i=this,a=this.w,s=a.globals.dom.baseEl.getElementsByClassName("apexcharts-heatmap-rect"),r=function(t){for(var e=0;e<s.length;e++)s[e].classList[t](i.legendInactiveClass)};if("mousemove"===t.type){var o=parseInt(e.getAttribute("rel"),10)-1;r("add"),function(t){for(var e=0;e<s.length;e++){var a=parseInt(s[e].getAttribute("val"),10);a>=t.from&&a<=t.to&&s[e].classList.remove(i.legendInactiveClass)}}(a.config.plotOptions.heatmap.colorScale.ranges[o])}else"mouseout"===t.type&&r("remove")}},{key:"getActiveConfigSeriesIndex",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"asc",i=this.w,a=0;if(i.config.series.length>1)for(var s=i.config.series.map((function(e,a){var s=!1;return t&&(s="bar"===i.config.series[a].type||"column"===i.config.series[a].type),e.data&&e.data.length>0&&!s?a:-1})),r="asc"===e?0:s.length-1;"asc"===e?r<s.length:r>=0;"asc"===e?r++:r--)if(-1!==s[r]){a=s[r];break}return a}},{key:"getPreviousPaths",value:function(){var t=this.w;function e(e,i,a){for(var s=e[i].childNodes,r={type:a,paths:[],realIndex:e[i].getAttribute("data:realIndex")},o=0;o<s.length;o++)if(s[o].hasAttribute("pathTo")){var n=s[o].getAttribute("pathTo");r.paths.push({d:n})}t.globals.previousPaths.push(r)}t.globals.previousPaths=[];["line","area","bar","rangebar","candlestick","radar"].forEach((function(i){for(var a,s=(a=i,t.globals.dom.baseEl.querySelectorAll(".apexcharts-".concat(a,"-series .apexcharts-series"))),r=0;r<s.length;r++)e(s,r,i)})),this.handlePrevBubbleScatterPaths("bubble"),this.handlePrevBubbleScatterPaths("scatter");var i=t.globals.dom.baseEl.querySelectorAll(".apexcharts-".concat(t.config.chart.type," .apexcharts-series"));if(i.length>0)for(var a=function(e){for(var i=t.globals.dom.baseEl.querySelectorAll(".apexcharts-".concat(t.config.chart.type," .apexcharts-series[data\\:realIndex='").concat(e,"'] rect")),a=[],s=function(t){var e=function(e){return i[t].getAttribute(e)},s={x:parseFloat(e("x")),y:parseFloat(e("y")),width:parseFloat(e("width")),height:parseFloat(e("height"))};a.push({rect:s,color:i[t].getAttribute("color")})},r=0;r<i.length;r++)s(r);t.globals.previousPaths.push(a)},s=0;s<i.length;s++)a(s);t.globals.axisCharts||(t.globals.previousPaths=t.globals.series)}},{key:"handlePrevBubbleScatterPaths",value:function(t){var e=this.w,i=e.globals.dom.baseEl.querySelectorAll(".apexcharts-".concat(t,"-series .apexcharts-series"));if(i.length>0)for(var a=0;a<i.length;a++){for(var s=e.globals.dom.baseEl.querySelectorAll(".apexcharts-".concat(t,"-series .apexcharts-series[data\\:realIndex='").concat(a,"'] circle")),r=[],o=0;o<s.length;o++)r.push({x:s[o].getAttribute("cx"),y:s[o].getAttribute("cy"),r:s[o].getAttribute("r")});e.globals.previousPaths.push(r)}}},{key:"clearPreviousPaths",value:function(){var t=this.w;t.globals.previousPaths=[],t.globals.allSeriesCollapsed=!1}},{key:"handleNoData",value:function(){var t=this.w,e=t.config.noData,i=new m(this.ctx),a=t.globals.svgWidth/2,s=t.globals.svgHeight/2,r="middle";if(t.globals.noData=!0,t.globals.animationEnded=!0,"left"===e.align?(a=10,r="start"):"right"===e.align&&(a=t.globals.svgWidth-10,r="end"),"top"===e.verticalAlign?s=50:"bottom"===e.verticalAlign&&(s=t.globals.svgHeight-50),a+=e.offsetX,s=s+parseInt(e.style.fontSize,10)+2+e.offsetY,void 0!==e.text&&""!==e.text){var o=i.drawText({x:a,y:s,text:e.text,textAnchor:r,fontSize:e.style.fontSize,fontFamily:e.style.fontFamily,foreColor:e.style.color,opacity:1,class:"apexcharts-text-nodata"});t.globals.dom.Paper.add(o)}}},{key:"setNullSeriesToZeroValues",value:function(t){for(var e=this.w,i=0;i<t.length;i++)if(0===t[i].length)for(var a=0;a<t[e.globals.maxValsInArrayIndex].length;a++)t[i].push(0);return t}},{key:"hasAllSeriesEqualX",value:function(){for(var t=!0,e=this.w,i=this.filteredSeriesX(),a=0;a<i.length-1;a++)if(i[a][0]!==i[a+1][0]){t=!1;break}return e.globals.allSeriesHasEqualX=t,t}},{key:"filteredSeriesX",value:function(){var t=this.w.globals.seriesX.map((function(t){return t.length>0?t:[]}));return t}}]),t}(),Y=function(){function t(e){a(this,t),this.w=e.w,this.barCtx=e}return r(t,[{key:"initVariables",value:function(t){var e=this.w;this.barCtx.series=t,this.barCtx.totalItems=0,this.barCtx.seriesLen=0,this.barCtx.visibleI=-1,this.barCtx.visibleItems=1;for(var i=0;i<t.length;i++)if(t[i].length>0&&(this.barCtx.seriesLen=this.barCtx.seriesLen+1,this.barCtx.totalItems+=t[i].length),e.globals.isXNumeric)for(var a=0;a<t[i].length;a++)e.globals.seriesX[i][a]>e.globals.minX&&e.globals.seriesX[i][a]<e.globals.maxX&&this.barCtx.visibleItems++;else this.barCtx.visibleItems=e.globals.dataPoints;0===this.barCtx.seriesLen&&(this.barCtx.seriesLen=1),this.barCtx.zeroSerieses=[],this.barCtx.radiusOnSeriesNumber=t.length-1,e.globals.comboCharts||this.checkZeroSeries({series:t})}},{key:"initialPositions",value:function(){var t,e,i,a,s,r,o,n,l=this.w,h=l.globals.dataPoints;this.barCtx.isRangeBar&&(h=l.globals.labels.length);var c=this.barCtx.seriesLen;if(l.config.plotOptions.bar.rangeBarGroupRows&&(c=1),this.barCtx.isHorizontal)s=(i=l.globals.gridHeight/h)/c,l.globals.isXNumeric&&(s=(i=l.globals.gridHeight/this.barCtx.totalItems)/this.barCtx.seriesLen),s=s*parseInt(this.barCtx.barOptions.barHeight,10)/100,n=this.barCtx.baseLineInvertedY+l.globals.padHorizontal+(this.barCtx.isReversed?l.globals.gridWidth:0)-(this.barCtx.isReversed?2*this.barCtx.baseLineInvertedY:0),e=(i-s*this.barCtx.seriesLen)/2;else{if(a=l.globals.gridWidth/this.barCtx.visibleItems,l.config.xaxis.convertedCatToNumeric&&(a=l.globals.gridWidth/l.globals.dataPoints),r=a/this.barCtx.seriesLen*parseInt(this.barCtx.barOptions.columnWidth,10)/100,l.globals.isXNumeric){var d=this.barCtx.xRatio;l.config.xaxis.convertedCatToNumeric&&(d=this.barCtx.initialXRatio),l.globals.minXDiff&&.5!==l.globals.minXDiff&&l.globals.minXDiff/d>0&&(a=l.globals.minXDiff/d),(r=a/this.barCtx.seriesLen*parseInt(this.barCtx.barOptions.columnWidth,10)/100)<1&&(r=1)}o=l.globals.gridHeight-this.barCtx.baseLineY[this.barCtx.yaxisIndex]-(this.barCtx.isReversed?l.globals.gridHeight:0)+(this.barCtx.isReversed?2*this.barCtx.baseLineY[this.barCtx.yaxisIndex]:0),t=l.globals.padHorizontal+(a-r*this.barCtx.seriesLen)/2}return{x:t,y:e,yDivision:i,xDivision:a,barHeight:s,barWidth:r,zeroH:o,zeroW:n}}},{key:"getPathFillColor",value:function(t,e,i,a){var s=this.w,r=new M(this.barCtx.ctx),o=null,n=this.barCtx.barOptions.distributed?i:e;this.barCtx.barOptions.colors.ranges.length>0&&this.barCtx.barOptions.colors.ranges.map((function(a){t[e][i]>=a.from&&t[e][i]<=a.to&&(o=a.color)}));return s.config.series[e].data[i]&&s.config.series[e].data[i].fillColor&&(o=s.config.series[e].data[i].fillColor),r.fillPath({seriesNumber:this.barCtx.barOptions.distributed?n:a,dataPointIndex:i,color:o,value:t[e][i]})}},{key:"getStrokeWidth",value:function(t,e,i){var a=0,s=this.w;return void 0===this.barCtx.series[t][e]||null===this.barCtx.series[t][e]?this.barCtx.isNullValue=!0:this.barCtx.isNullValue=!1,s.config.stroke.show&&(this.barCtx.isNullValue||(a=Array.isArray(this.barCtx.strokeWidth)?this.barCtx.strokeWidth[i]:this.barCtx.strokeWidth)),a}},{key:"barBackground",value:function(t){var e=t.j,i=t.i,a=t.x1,s=t.x2,r=t.y1,o=t.y2,n=t.elSeries,l=this.w,h=new m(this.barCtx.ctx),c=new E(this.barCtx.ctx).getActiveConfigSeriesIndex();if(this.barCtx.barOptions.colors.backgroundBarColors.length>0&&c===i){e>=this.barCtx.barOptions.colors.backgroundBarColors.length&&(e%=this.barCtx.barOptions.colors.backgroundBarColors.length);var d=this.barCtx.barOptions.colors.backgroundBarColors[e],g=h.drawRect(void 0!==a?a:0,void 0!==r?r:0,void 0!==s?s:l.globals.gridWidth,void 0!==o?o:l.globals.gridHeight,this.barCtx.barOptions.colors.backgroundBarRadius,d,this.barCtx.barOptions.colors.backgroundBarOpacity);n.add(g),g.node.classList.add("apexcharts-backgroundBar")}}},{key:"getColumnPaths",value:function(t){var e=t.barWidth,i=t.barXPosition,a=t.yRatio,s=t.y1,r=t.y2,o=t.strokeWidth,n=t.series,l=t.realIndex,h=t.i,c=t.j,d=t.w,g=new m(this.barCtx.ctx);(o=Array.isArray(o)?o[l]:o)||(o=0);var u={barWidth:e,strokeWidth:o,yRatio:a,barXPosition:i,y1:s,y2:r},f=this.getRoundedBars(d,u,n,h,c),p=i,x=i+e,b=g.move(p,s),v=g.move(p,s),y=g.line(x-o,s);return d.globals.previousPaths.length>0&&(v=this.barCtx.getPreviousPath(l,c,!1)),b=b+g.line(p,f.y2)+f.pathWithRadius+g.line(x-o,f.y2)+y+y+"z",v=v+g.line(p,s)+y+y+y+y+y+g.line(p,s),d.config.chart.stacked&&(this.barCtx.yArrj.push(f.y2),this.barCtx.yArrjF.push(Math.abs(s-f.y2)),this.barCtx.yArrjVal.push(this.barCtx.series[h][c])),{pathTo:b,pathFrom:v}}},{key:"getBarpaths",value:function(t){var e=t.barYPosition,i=t.barHeight,a=t.x1,s=t.x2,r=t.strokeWidth,o=t.series,n=t.realIndex,l=t.i,h=t.j,c=t.w,d=new m(this.barCtx.ctx);(r=Array.isArray(r)?r[n]:r)||(r=0);var g={barHeight:i,strokeWidth:r,barYPosition:e,x2:s,x1:a},u=this.getRoundedBars(c,g,o,l,h),f=d.move(a,e),p=d.move(a,e);c.globals.previousPaths.length>0&&(p=this.barCtx.getPreviousPath(n,h,!1));var x=e,b=e+i,v=d.line(a,b-r);return f=f+d.line(u.x2,x)+u.pathWithRadius+d.line(u.x2,b-r)+v+v+"z",p=p+d.line(a,x)+v+v+v+v+v+d.line(a,x),c.config.chart.stacked&&(this.barCtx.xArrj.push(u.x2),this.barCtx.xArrjF.push(Math.abs(a-u.x2)),this.barCtx.xArrjVal.push(this.barCtx.series[l][h])),{pathTo:f,pathFrom:p}}},{key:"getRoundedBars",value:function(t,e,i,a,s){var r=new m(this.barCtx.ctx),o=0,n=t.config.plotOptions.bar.borderRadius,l=Array.isArray(n);l?o=n[a>n.length-1?n.length-1:a]:o=n;if(t.config.chart.stacked&&i.length>1&&a!==this.barCtx.radiusOnSeriesNumber&&!l&&(o=0),this.barCtx.isHorizontal){var h="",c=e.x2;if(Math.abs(e.x1-e.x2)<o&&(o=Math.abs(e.x1-e.x2)),void 0!==i[a][s]||null!==i[a][s]){var d=this.barCtx.isReversed?i[a][s]>0:i[a][s]<0;d&&(o*=-1),c-=o,h=r.quadraticCurve(c+o,e.barYPosition,c+o,e.barYPosition+(d?-1*o:o))+r.line(c+o,e.barYPosition+e.barHeight-e.strokeWidth-(d?-1*o:o))+r.quadraticCurve(c+o,e.barYPosition+e.barHeight-e.strokeWidth,c,e.barYPosition+e.barHeight-e.strokeWidth)}return{pathWithRadius:h,x2:c}}var g="",u=e.y2;if(Math.abs(e.y1-e.y2)<o&&(o=Math.abs(e.y1-e.y2)),void 0!==i[a][s]||null!==i[a][s]){var f=i[a][s]<0;f&&(o*=-1),u+=o,g=r.quadraticCurve(e.barXPosition,u-o,e.barXPosition+(f?-1*o:o),u-o)+r.line(e.barXPosition+e.barWidth-e.strokeWidth-(f?-1*o:o),u-o)+r.quadraticCurve(e.barXPosition+e.barWidth-e.strokeWidth,u-o,e.barXPosition+e.barWidth-e.strokeWidth,u)}return{pathWithRadius:g,y2:u}}},{key:"checkZeroSeries",value:function(t){for(var e=t.series,i=this.w,a=0;a<e.length;a++){for(var s=0,r=0;r<e[i.globals.maxValsInArrayIndex].length;r++)s+=e[a][r];0===s&&this.barCtx.zeroSerieses.push(a)}for(var o=e.length-1;o>=0;o--)this.barCtx.zeroSerieses.indexOf(o)>-1&&o===this.radiusOnSeriesNumber&&(this.barCtx.radiusOnSeriesNumber-=1);for(var n=e.length-1;n>=0;n--)i.globals.collapsedSeriesIndices.indexOf(this.barCtx.radiusOnSeriesNumber)>-1&&(this.barCtx.radiusOnSeriesNumber-=1)}},{key:"getXForValue",value:function(t,e){var i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=i?e:null;return null!=t&&(a=e+t/this.barCtx.invertedYRatio-2*(this.barCtx.isReversed?t/this.barCtx.invertedYRatio:0)),a}},{key:"getYForValue",value:function(t,e){var i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=i?e:null;return null!=t&&(a=e-t/this.barCtx.yRatio[this.barCtx.yaxisIndex]+2*(this.barCtx.isReversed?t/this.barCtx.yRatio[this.barCtx.yaxisIndex]:0)),a}},{key:"getGoalValues",value:function(t,e,i,a,s){var r=this,n=this.w,l=[];return n.globals.seriesGoals[a]&&n.globals.seriesGoals[a][s]&&Array.isArray(n.globals.seriesGoals[a][s])&&n.globals.seriesGoals[a][s].forEach((function(a){var s;l.push((o(s={},t,"x"===t?r.getXForValue(a.value,e,!1):r.getYForValue(a.value,i,!1)),o(s,"attrs",a),s))})),l}},{key:"drawGoalLine",value:function(t){var e=t.barXPosition,i=t.barYPosition,a=t.goalX,s=t.goalY,r=t.barWidth,o=t.barHeight,n=new m(this.barCtx.ctx),l=n.group({className:"apexcharts-bar-goals-groups"}),h=null;return this.barCtx.isHorizontal?Array.isArray(a)&&a.forEach((function(t){var e=void 0!==t.attrs.strokeHeight?t.attrs.strokeHeight:o/2,a=i+e+o/2;h=n.drawLine(t.x,a-2*e,t.x,a,t.attrs.strokeColor?t.attrs.strokeColor:void 0,t.attrs.strokeDashArray,t.attrs.strokeWidth?t.attrs.strokeWidth:2,t.attrs.strokeLineCap),l.add(h)})):Array.isArray(s)&&s.forEach((function(t){var i=void 0!==t.attrs.strokeWidth?t.attrs.strokeWidth:r/2,a=e+i+r/2;h=n.drawLine(a-2*i,t.y,a,t.y,t.attrs.strokeColor?t.attrs.strokeColor:void 0,t.attrs.strokeDashArray,t.attrs.strokeHeight?t.attrs.strokeHeight:2,t.attrs.strokeLineCap),l.add(h)})),l}}]),t}(),F=function(){function t(e,i){a(this,t),this.ctx=e,this.w=e.w;var s=this.w;this.barOptions=s.config.plotOptions.bar,this.isHorizontal=this.barOptions.horizontal,this.strokeWidth=s.config.stroke.width,this.isNullValue=!1,this.isRangeBar=s.globals.seriesRangeBar.length&&this.isHorizontal,this.xyRatios=i,null!==this.xyRatios&&(this.xRatio=i.xRatio,this.initialXRatio=i.initialXRatio,this.yRatio=i.yRatio,this.invertedXRatio=i.invertedXRatio,this.invertedYRatio=i.invertedYRatio,this.baseLineY=i.baseLineY,this.baseLineInvertedY=i.baseLineInvertedY),this.yaxisIndex=0,this.seriesLen=0,this.barHelpers=new Y(this)}return r(t,[{key:"draw",value:function(t,i){var a=this.w,s=new m(this.ctx),r=new y(this.ctx,a);t=r.getLogSeries(t),this.series=t,this.yRatio=r.getLogYRatios(this.yRatio),this.barHelpers.initVariables(t);var o=s.group({class:"apexcharts-bar-series apexcharts-plot-series"});a.config.dataLabels.enabled&&this.totalItems>this.barOptions.dataLabels.maxItems&&console.warn("WARNING: DataLabels are enabled but there are too many to display. This may cause performance issue when rendering.");for(var n=0,l=0;n<t.length;n++,l++){var h,c,d,g,u=void 0,f=void 0,p=[],b=[],v=a.globals.comboCharts?i[n]:n,w=s.group({class:"apexcharts-series",rel:n+1,seriesName:x.escapeString(a.globals.seriesNames[v]),"data:realIndex":v});this.ctx.series.addCollapsedClassToSeries(w,v),t[n].length>0&&(this.visibleI=this.visibleI+1);var k=0,A=0;this.yRatio.length>1&&(this.yaxisIndex=v),this.isReversed=a.config.yaxis[this.yaxisIndex]&&a.config.yaxis[this.yaxisIndex].reversed;var S=this.barHelpers.initialPositions();f=S.y,k=S.barHeight,c=S.yDivision,g=S.zeroW,u=S.x,A=S.barWidth,h=S.xDivision,d=S.zeroH,this.horizontal||b.push(u+A/2);for(var C=s.group({class:"apexcharts-datalabels","data:realIndex":v}),L=s.group({class:"apexcharts-bar-goals-markers",style:"pointer-events: none"}),P=0;P<a.globals.dataPoints;P++){var M=this.barHelpers.getStrokeWidth(n,P,v),T=null,I={indexes:{i:n,j:P,realIndex:v,bc:l},x:u,y:f,strokeWidth:M,elSeries:w};this.isHorizontal?(T=this.drawBarPaths(e(e({},I),{},{barHeight:k,zeroW:g,yDivision:c})),A=this.series[n][P]/this.invertedYRatio):(T=this.drawColumnPaths(e(e({},I),{},{xDivision:h,barWidth:A,zeroH:d})),k=this.series[n][P]/this.yRatio[this.yaxisIndex]);var z=this.barHelpers.drawGoalLine({barXPosition:T.barXPosition,barYPosition:T.barYPosition,goalX:T.goalX,goalY:T.goalY,barHeight:k,barWidth:A});z&&L.add(z),f=T.y,u=T.x,P>0&&b.push(u+A/2),p.push(f);var X=this.barHelpers.getPathFillColor(t,n,P,v);this.renderSeries({realIndex:v,pathFill:X,j:P,i:n,pathFrom:T.pathFrom,pathTo:T.pathTo,strokeWidth:M,elSeries:w,x:u,y:f,series:t,barHeight:k,barWidth:A,elDataLabelsWrap:C,elGoalsMarkers:L,visibleSeries:this.visibleI,type:"bar"})}a.globals.seriesXvalues[v]=b,a.globals.seriesYvalues[v]=p,o.add(w)}return o}},{key:"renderSeries",value:function(t){var e=t.realIndex,i=t.pathFill,a=t.lineFill,s=t.j,r=t.i,o=t.pathFrom,n=t.pathTo,l=t.strokeWidth,h=t.elSeries,c=t.x,d=t.y,g=t.y1,u=t.y2,f=t.series,p=t.barHeight,x=t.barWidth,b=t.barYPosition,y=t.elDataLabelsWrap,w=t.elGoalsMarkers,k=t.visibleSeries,A=t.type,S=this.w,C=new m(this.ctx);a||(a=this.barOptions.distributed?S.globals.stroke.colors[s]:S.globals.stroke.colors[e]),S.config.series[r].data[s]&&S.config.series[r].data[s].strokeColor&&(a=S.config.series[r].data[s].strokeColor),this.isNullValue&&(i="none");var L=s/S.config.chart.animations.animateGradually.delay*(S.config.chart.animations.speed/S.globals.dataPoints)/2.4,P=C.renderPaths({i:r,j:s,realIndex:e,pathFrom:o,pathTo:n,stroke:a,strokeWidth:l,strokeLineCap:S.config.stroke.lineCap,fill:i,animationDelay:L,initialSpeed:S.config.chart.animations.speed,dataChangeSpeed:S.config.chart.animations.dynamicAnimation.speed,className:"apexcharts-".concat(A,"-area")});P.attr("clip-path","url(#gridRectMask".concat(S.globals.cuid,")"));var M=S.config.forecastDataPoints;M.count>0&&s>=S.globals.dataPoints-M.count&&(P.node.setAttribute("stroke-dasharray",M.dashArray),P.node.setAttribute("stroke-width",M.strokeWidth),P.node.setAttribute("fill-opacity",M.fillOpacity)),void 0!==g&&void 0!==u&&(P.attr("data-range-y1",g),P.attr("data-range-y2",u)),new v(this.ctx).setSelectionFilter(P,e,s),h.add(P);var T=new X(this).handleBarDataLabels({x:c,y:d,y1:g,y2:u,i:r,j:s,series:f,realIndex:e,barHeight:p,barWidth:x,barYPosition:b,renderedPath:P,visibleSeries:k});return null!==T&&y.add(T),h.add(y),w&&h.add(w),h}},{key:"drawBarPaths",value:function(t){var e=t.indexes,i=t.barHeight,a=t.strokeWidth,s=t.zeroW,r=t.x,o=t.y,n=t.yDivision,l=t.elSeries,h=this.w,c=e.i,d=e.j;h.globals.isXNumeric&&(o=(h.globals.seriesX[c][d]-h.globals.minX)/this.invertedXRatio-i);var g=o+i*this.visibleI;r=this.barHelpers.getXForValue(this.series[c][d],s);var u=this.barHelpers.getBarpaths({barYPosition:g,barHeight:i,x1:s,x2:r,strokeWidth:a,series:this.series,realIndex:e.realIndex,i:c,j:d,w:h});return h.globals.isXNumeric||(o+=n),this.barHelpers.barBackground({j:d,i:c,y1:g-i*this.visibleI,y2:i*this.seriesLen,elSeries:l}),{pathTo:u.pathTo,pathFrom:u.pathFrom,x:r,y:o,goalX:this.barHelpers.getGoalValues("x",s,null,c,d),barYPosition:g}}},{key:"drawColumnPaths",value:function(t){var e=t.indexes,i=t.x,a=t.y,s=t.xDivision,r=t.barWidth,o=t.zeroH,n=t.strokeWidth,l=t.elSeries,h=this.w,c=e.realIndex,d=e.i,g=e.j,u=e.bc;if(h.globals.isXNumeric){var f=c;h.globals.seriesX[c].length||(f=h.globals.maxValsInArrayIndex),i=(h.globals.seriesX[f][g]-h.globals.minX)/this.xRatio-r*this.seriesLen/2}var p=i+r*this.visibleI;a=this.barHelpers.getYForValue(this.series[d][g],o);var x=this.barHelpers.getColumnPaths({barXPosition:p,barWidth:r,y1:o,y2:a,strokeWidth:n,series:this.series,realIndex:e.realIndex,i:d,j:g,w:h});return h.globals.isXNumeric||(i+=s),this.barHelpers.barBackground({bc:u,j:g,i:d,x1:p-n/2-r*this.visibleI,x2:r*this.seriesLen+n/2,elSeries:l}),{pathTo:x.pathTo,pathFrom:x.pathFrom,x:i,y:a,goalY:this.barHelpers.getGoalValues("y",null,o,d,g),barXPosition:p}}},{key:"getPreviousPath",value:function(t,e){for(var i,a=this.w,s=0;s<a.globals.previousPaths.length;s++){var r=a.globals.previousPaths[s];r.paths&&r.paths.length>0&&parseInt(r.realIndex,10)===parseInt(t,10)&&void 0!==a.globals.previousPaths[s].paths[e]&&(i=a.globals.previousPaths[s].paths[e].d)}return i}}]),t}(),R=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w,this.months31=[1,3,5,7,8,10,12],this.months30=[2,4,6,9,11],this.daysCntOfYear=[0,31,59,90,120,151,181,212,243,273,304,334]}return r(t,[{key:"isValidDate",value:function(t){return!isNaN(this.parseDate(t))}},{key:"getTimeStamp",value:function(t){return Date.parse(t)?this.w.config.xaxis.labels.datetimeUTC?new Date(new Date(t).toISOString().substr(0,25)).getTime():new Date(t).getTime():t}},{key:"getDate",value:function(t){return this.w.config.xaxis.labels.datetimeUTC?new Date(new Date(t).toUTCString()):new Date(t)}},{key:"parseDate",value:function(t){var e=Date.parse(t);if(!isNaN(e))return this.getTimeStamp(t);var i=Date.parse(t.replace(/-/g,"/").replace(/[a-z]+/gi," "));return i=this.getTimeStamp(i)}},{key:"parseDateWithTimezone",value:function(t){return Date.parse(t.replace(/-/g,"/").replace(/[a-z]+/gi," "))}},{key:"formatDate",value:function(t,e){var i=this.w.globals.locale,a=this.w.config.xaxis.labels.datetimeUTC,s=["\0"].concat(u(i.months)),r=["\x01"].concat(u(i.shortMonths)),o=["\x02"].concat(u(i.days)),n=["\x03"].concat(u(i.shortDays));function l(t,e){var i=t+"";for(e=e||2;i.length<e;)i="0"+i;return i}var h=a?t.getUTCFullYear():t.getFullYear();e=(e=(e=e.replace(/(^|[^\\])yyyy+/g,"$1"+h)).replace(/(^|[^\\])yy/g,"$1"+h.toString().substr(2,2))).replace(/(^|[^\\])y/g,"$1"+h);var c=(a?t.getUTCMonth():t.getMonth())+1;e=(e=(e=(e=e.replace(/(^|[^\\])MMMM+/g,"$1"+s[0])).replace(/(^|[^\\])MMM/g,"$1"+r[0])).replace(/(^|[^\\])MM/g,"$1"+l(c))).replace(/(^|[^\\])M/g,"$1"+c);var d=a?t.getUTCDate():t.getDate();e=(e=(e=(e=e.replace(/(^|[^\\])dddd+/g,"$1"+o[0])).replace(/(^|[^\\])ddd/g,"$1"+n[0])).replace(/(^|[^\\])dd/g,"$1"+l(d))).replace(/(^|[^\\])d/g,"$1"+d);var g=a?t.getUTCHours():t.getHours(),f=g>12?g-12:0===g?12:g;e=(e=(e=(e=e.replace(/(^|[^\\])HH+/g,"$1"+l(g))).replace(/(^|[^\\])H/g,"$1"+g)).replace(/(^|[^\\])hh+/g,"$1"+l(f))).replace(/(^|[^\\])h/g,"$1"+f);var p=a?t.getUTCMinutes():t.getMinutes();e=(e=e.replace(/(^|[^\\])mm+/g,"$1"+l(p))).replace(/(^|[^\\])m/g,"$1"+p);var x=a?t.getUTCSeconds():t.getSeconds();e=(e=e.replace(/(^|[^\\])ss+/g,"$1"+l(x))).replace(/(^|[^\\])s/g,"$1"+x);var b=a?t.getUTCMilliseconds():t.getMilliseconds();e=e.replace(/(^|[^\\])fff+/g,"$1"+l(b,3)),b=Math.round(b/10),e=e.replace(/(^|[^\\])ff/g,"$1"+l(b)),b=Math.round(b/10);var v=g<12?"AM":"PM";e=(e=(e=e.replace(/(^|[^\\])f/g,"$1"+b)).replace(/(^|[^\\])TT+/g,"$1"+v)).replace(/(^|[^\\])T/g,"$1"+v.charAt(0));var m=v.toLowerCase();e=(e=e.replace(/(^|[^\\])tt+/g,"$1"+m)).replace(/(^|[^\\])t/g,"$1"+m.charAt(0));var y=-t.getTimezoneOffset(),w=a||!y?"Z":y>0?"+":"-";if(!a){var k=(y=Math.abs(y))%60;w+=l(Math.floor(y/60))+":"+l(k)}e=e.replace(/(^|[^\\])K/g,"$1"+w);var A=(a?t.getUTCDay():t.getDay())+1;return e=(e=(e=(e=(e=e.replace(new RegExp(o[0],"g"),o[A])).replace(new RegExp(n[0],"g"),n[A])).replace(new RegExp(s[0],"g"),s[c])).replace(new RegExp(r[0],"g"),r[c])).replace(/\\(.)/g,"$1")}},{key:"getTimeUnitsfromTimestamp",value:function(t,e,i){var a=this.w;void 0!==a.config.xaxis.min&&(t=a.config.xaxis.min),void 0!==a.config.xaxis.max&&(e=a.config.xaxis.max);var s=this.getDate(t),r=this.getDate(e),o=this.formatDate(s,"yyyy MM dd HH mm ss fff").split(" "),n=this.formatDate(r,"yyyy MM dd HH mm ss fff").split(" ");return{minMillisecond:parseInt(o[6],10),maxMillisecond:parseInt(n[6],10),minSecond:parseInt(o[5],10),maxSecond:parseInt(n[5],10),minMinute:parseInt(o[4],10),maxMinute:parseInt(n[4],10),minHour:parseInt(o[3],10),maxHour:parseInt(n[3],10),minDate:parseInt(o[2],10),maxDate:parseInt(n[2],10),minMonth:parseInt(o[1],10)-1,maxMonth:parseInt(n[1],10)-1,minYear:parseInt(o[0],10),maxYear:parseInt(n[0],10)}}},{key:"isLeapYear",value:function(t){return t%4==0&&t%100!=0||t%400==0}},{key:"calculcateLastDaysOfMonth",value:function(t,e,i){return this.determineDaysOfMonths(t,e)-i}},{key:"determineDaysOfYear",value:function(t){var e=365;return this.isLeapYear(t)&&(e=366),e}},{key:"determineRemainingDaysOfYear",value:function(t,e,i){var a=this.daysCntOfYear[e]+i;return e>1&&this.isLeapYear()&&a++,a}},{key:"determineDaysOfMonths",value:function(t,e){var i=30;switch(t=x.monthMod(t),!0){case this.months30.indexOf(t)>-1:2===t&&(i=this.isLeapYear(e)?29:28);break;case this.months31.indexOf(t)>-1:default:i=31}return i}}]),t}(),H=function(t){n(s,t);var i=d(s);function s(){return a(this,s),i.apply(this,arguments)}return r(s,[{key:"draw",value:function(t,i){var a=this.w,s=new m(this.ctx);this.rangeBarOptions=this.w.config.plotOptions.rangeBar,this.series=t,this.seriesRangeStart=a.globals.seriesRangeStart,this.seriesRangeEnd=a.globals.seriesRangeEnd,this.barHelpers.initVariables(t);for(var r=s.group({class:"apexcharts-rangebar-series apexcharts-plot-series"}),o=0;o<t.length;o++){var n,l,h,c=void 0,d=void 0,g=void 0,u=a.globals.comboCharts?i[o]:o,f=s.group({class:"apexcharts-series",seriesName:x.escapeString(a.globals.seriesNames[u]),rel:o+1,"data:realIndex":u});this.ctx.series.addCollapsedClassToSeries(f,u),t[o].length>0&&(this.visibleI=this.visibleI+1);var p=0,b=0;this.yRatio.length>1&&(this.yaxisIndex=u);var v=this.barHelpers.initialPositions();d=v.y,h=v.zeroW,c=v.x,b=v.barWidth,n=v.xDivision,l=v.zeroH;for(var y=s.group({class:"apexcharts-datalabels","data:realIndex":u}),w=s.group({class:"apexcharts-rangebar-goals-markers",style:"pointer-events: none"}),k=0;k<a.globals.dataPoints;k++){var A=this.barHelpers.getStrokeWidth(o,k,u),S=this.seriesRangeStart[o][k],C=this.seriesRangeEnd[o][k],L=null,P=null,M={x:c,y:d,strokeWidth:A,elSeries:f};if(g=v.yDivision,p=v.barHeight,this.isHorizontal){P=d+p*this.visibleI;var T=this.seriesLen;a.config.plotOptions.bar.rangeBarGroupRows&&(T=1);var I=(g-p*T)/2;if(void 0===a.config.series[o].data[k])break;if(a.config.series[o].data[k].x){var z=this.detectOverlappingBars({i:o,j:k,barYPosition:P,srty:I,barHeight:p,yDivision:g,initPositions:v});p=z.barHeight,P=z.barYPosition}b=(L=this.drawRangeBarPaths(e({indexes:{i:o,j:k,realIndex:u},barHeight:p,barYPosition:P,zeroW:h,yDivision:g,y1:S,y2:C},M))).barWidth}else p=(L=this.drawRangeColumnPaths(e({indexes:{i:o,j:k,realIndex:u},zeroH:l,barWidth:b,xDivision:n},M))).barHeight;var X=this.barHelpers.drawGoalLine({barXPosition:L.barXPosition,barYPosition:P,goalX:L.goalX,goalY:L.goalY,barHeight:p,barWidth:b});X&&w.add(X),d=L.y,c=L.x;var E=this.barHelpers.getPathFillColor(t,o,k,u),Y=a.globals.stroke.colors[u];this.renderSeries({realIndex:u,pathFill:E,lineFill:Y,j:k,i:o,x:c,y:d,y1:S,y2:C,pathFrom:L.pathFrom,pathTo:L.pathTo,strokeWidth:A,elSeries:f,series:t,barHeight:p,barYPosition:P,barWidth:b,elDataLabelsWrap:y,elGoalsMarkers:w,visibleSeries:this.visibleI,type:"rangebar"})}r.add(f)}return r}},{key:"detectOverlappingBars",value:function(t){var e=t.i,i=t.j,a=t.barYPosition,s=t.srty,r=t.barHeight,o=t.yDivision,n=t.initPositions,l=this.w,h=[],c=l.config.series[e].data[i].rangeName,d=l.config.series[e].data[i].x,g=l.globals.labels.indexOf(d),u=l.globals.seriesRangeBar[e].findIndex((function(t){return t.x===d&&t.overlaps.length>0}));return a=l.config.plotOptions.bar.rangeBarGroupRows?s+o*g:s+r*this.visibleI+o*g,u>-1&&!l.config.plotOptions.bar.rangeBarOverlap&&(h=l.globals.seriesRangeBar[e][u].overlaps).indexOf(c)>-1&&(a=(r=n.barHeight/h.length)*this.visibleI+o*(100-parseInt(this.barOptions.barHeight,10))/100/2+r*(this.visibleI+h.indexOf(c))+o*g),{barYPosition:a,barHeight:r}}},{key:"drawRangeColumnPaths",value:function(t){var e=t.indexes,i=t.x;t.strokeWidth;var a=t.xDivision,s=t.barWidth,r=t.zeroH,o=this.w,n=e.i,l=e.j,h=this.yRatio[this.yaxisIndex],c=e.realIndex,d=this.getRangeValue(c,l),g=Math.min(d.start,d.end),u=Math.max(d.start,d.end);o.globals.isXNumeric&&(i=(o.globals.seriesX[n][l]-o.globals.minX)/this.xRatio-s/2);var f=i+s*this.visibleI;void 0===this.series[n][l]||null===this.series[n][l]?g=r:(g=r-g/h,u=r-u/h);var p=Math.abs(u-g),x=this.barHelpers.getColumnPaths({barXPosition:f,barWidth:s,y1:g,y2:u,strokeWidth:this.strokeWidth,series:this.seriesRangeEnd,realIndex:e.realIndex,i:c,j:l,w:o});return o.globals.isXNumeric||(i+=a),{pathTo:x.pathTo,pathFrom:x.pathFrom,barHeight:p,x:i,y:u,goalY:this.barHelpers.getGoalValues("y",null,r,n,l),barXPosition:f}}},{key:"drawRangeBarPaths",value:function(t){var e=t.indexes,i=t.y,a=t.y1,s=t.y2,r=t.yDivision,o=t.barHeight,n=t.barYPosition,l=t.zeroW,h=this.w,c=l+a/this.invertedYRatio,d=l+s/this.invertedYRatio,g=Math.abs(d-c),u=this.barHelpers.getBarpaths({barYPosition:n,barHeight:o,x1:c,x2:d,strokeWidth:this.strokeWidth,series:this.seriesRangeEnd,i:e.realIndex,realIndex:e.realIndex,j:e.j,w:h});return h.globals.isXNumeric||(i+=r),{pathTo:u.pathTo,pathFrom:u.pathFrom,barWidth:g,x:d,goalX:this.barHelpers.getGoalValues("x",l,null,e.realIndex,e.j),y:i}}},{key:"getRangeValue",value:function(t,e){var i=this.w;return{start:i.globals.seriesRangeStart[t][e],end:i.globals.seriesRangeEnd[t][e]}}},{key:"getTooltipValues",value:function(t){var e=t.ctx,i=t.seriesIndex,a=t.dataPointIndex,s=t.y1,r=t.y2,o=t.w,n=o.globals.seriesRangeStart[i][a],l=o.globals.seriesRangeEnd[i][a],h=o.globals.labels[a],c=o.config.series[i].name?o.config.series[i].name:"",d=o.config.tooltip.y.formatter,g=o.config.tooltip.y.title.formatter,u={w:o,seriesIndex:i,dataPointIndex:a,start:n,end:l};"function"==typeof g&&(c=g(c,u)),Number.isFinite(s)&&Number.isFinite(r)&&(n=s,l=r,o.config.series[i].data[a].x&&(h=o.config.series[i].data[a].x+":"),"function"==typeof d&&(h=d(h,u)));var f="",p="",x=o.globals.colors[i];if(void 0===o.config.tooltip.x.formatter)if("datetime"===o.config.xaxis.type){var b=new R(e);f=b.formatDate(b.getDate(n),o.config.tooltip.x.format),p=b.formatDate(b.getDate(l),o.config.tooltip.x.format)}else f=n,p=l;else f=o.config.tooltip.x.formatter(n),p=o.config.tooltip.x.formatter(l);return{start:n,end:l,startVal:f,endVal:p,ylabel:h,color:x,seriesName:c}}},{key:"buildCustomTooltipHTML",value:function(t){var e=t.color,i=t.seriesName;return'<div class="apexcharts-tooltip-rangebar"><div> <span class="series-name" style="color: '+e+'">'+(i||"")+'</span></div><div> <span class="category">'+t.ylabel+' </span> <span class="value start-value">'+t.start+'</span> <span class="separator">-</span> <span class="value end-value">'+t.end+"</span></div></div>"}}]),s}(F),D=function(){function t(e){a(this,t),this.opts=e}return r(t,[{key:"line",value:function(){return{chart:{animations:{easing:"swing"}},dataLabels:{enabled:!1},stroke:{width:5,curve:"straight"},markers:{size:0,hover:{sizeOffset:6}},xaxis:{crosshairs:{width:1}}}}},{key:"sparkline",value:function(t){this.opts.yaxis[0].show=!1,this.opts.yaxis[0].title.text="",this.opts.yaxis[0].axisBorder.show=!1,this.opts.yaxis[0].axisTicks.show=!1,this.opts.yaxis[0].floating=!0;return x.extend(t,{grid:{show:!1,padding:{left:0,right:0,top:0,bottom:0}},legend:{show:!1},xaxis:{labels:{show:!1},tooltip:{enabled:!1},axisBorder:{show:!1},axisTicks:{show:!1}},chart:{toolbar:{show:!1},zoom:{enabled:!1}},dataLabels:{enabled:!1}})}},{key:"bar",value:function(){return{chart:{stacked:!1,animations:{easing:"swing"}},plotOptions:{bar:{dataLabels:{position:"center"}}},dataLabels:{style:{colors:["#fff"]},background:{enabled:!1}},stroke:{width:0,lineCap:"round"},fill:{opacity:.85},legend:{markers:{shape:"square",radius:2,size:8}},tooltip:{shared:!1,intersect:!0},xaxis:{tooltip:{enabled:!1},tickPlacement:"between",crosshairs:{width:"barWidth",position:"back",fill:{type:"gradient"},dropShadow:{enabled:!1},stroke:{width:0}}}}}},{key:"candlestick",value:function(){var t=this;return{stroke:{width:1,colors:["#333"]},fill:{opacity:1},dataLabels:{enabled:!1},tooltip:{shared:!0,custom:function(e){var i=e.seriesIndex,a=e.dataPointIndex,s=e.w;return t._getBoxTooltip(s,i,a,["Open","High","","Low","Close"],"candlestick")}},states:{active:{filter:{type:"none"}}},xaxis:{crosshairs:{width:1}}}}},{key:"boxPlot",value:function(){var t=this;return{chart:{animations:{dynamicAnimation:{enabled:!1}}},stroke:{width:1,colors:["#24292e"]},dataLabels:{enabled:!1},tooltip:{shared:!0,custom:function(e){var i=e.seriesIndex,a=e.dataPointIndex,s=e.w;return t._getBoxTooltip(s,i,a,["Minimum","Q1","Median","Q3","Maximum"],"boxPlot")}},markers:{size:5,strokeWidth:1,strokeColors:"#111"},xaxis:{crosshairs:{width:1}}}}},{key:"rangeBar",value:function(){return{stroke:{width:0,lineCap:"square"},plotOptions:{bar:{borderRadius:0,dataLabels:{position:"center"}}},dataLabels:{enabled:!1,formatter:function(t,e){e.ctx;var i=e.seriesIndex,a=e.dataPointIndex,s=e.w,r=s.globals.seriesRangeStart[i][a];return s.globals.seriesRangeEnd[i][a]-r},background:{enabled:!1},style:{colors:["#fff"]}},tooltip:{shared:!1,followCursor:!0,custom:function(t){return t.w.config.plotOptions&&t.w.config.plotOptions.bar&&t.w.config.plotOptions.bar.horizontal?function(t){var e=new H(t.ctx,null),i=e.getTooltipValues(t),a=i.color,s=i.seriesName,r=i.ylabel,o=i.startVal,n=i.endVal;return e.buildCustomTooltipHTML({color:a,seriesName:s,ylabel:r,start:o,end:n})}(t):function(t){var e=new H(t.ctx,null),i=e.getTooltipValues(t),a=i.color,s=i.seriesName,r=i.ylabel,o=i.start,n=i.end;return e.buildCustomTooltipHTML({color:a,seriesName:s,ylabel:r,start:o,end:n})}(t)}},xaxis:{tickPlacement:"between",tooltip:{enabled:!1},crosshairs:{stroke:{width:0}}}}}},{key:"area",value:function(){return{stroke:{width:4,fill:{type:"solid",gradient:{inverseColors:!1,shade:"light",type:"vertical",opacityFrom:.65,opacityTo:.5,stops:[0,100,100]}}},fill:{type:"gradient",gradient:{inverseColors:!1,shade:"light",type:"vertical",opacityFrom:.65,opacityTo:.5,stops:[0,100,100]}},markers:{size:0,hover:{sizeOffset:6}},tooltip:{followCursor:!1}}}},{key:"brush",value:function(t){return x.extend(t,{chart:{toolbar:{autoSelected:"selection",show:!1},zoom:{enabled:!1}},dataLabels:{enabled:!1},stroke:{width:1},tooltip:{enabled:!1},xaxis:{tooltip:{enabled:!1}}})}},{key:"stacked100",value:function(t){t.dataLabels=t.dataLabels||{},t.dataLabels.formatter=t.dataLabels.formatter||void 0;var e=t.dataLabels.formatter;return t.yaxis.forEach((function(e,i){t.yaxis[i].min=0,t.yaxis[i].max=100})),"bar"===t.chart.type&&(t.dataLabels.formatter=e||function(t){return"number"==typeof t&&t?t.toFixed(0)+"%":t}),t}},{key:"convertCatToNumeric",value:function(t){return t.xaxis.convertedCatToNumeric=!0,t}},{key:"convertCatToNumericXaxis",value:function(t,e,i){t.xaxis.type="numeric",t.xaxis.labels=t.xaxis.labels||{},t.xaxis.labels.formatter=t.xaxis.labels.formatter||function(t){return x.isNumber(t)?Math.floor(t):t};var a=t.xaxis.labels.formatter,s=t.xaxis.categories&&t.xaxis.categories.length?t.xaxis.categories:t.labels;return i&&i.length&&(s=i.map((function(t){return Array.isArray(t)?t:String(t)}))),s&&s.length&&(t.xaxis.labels.formatter=function(t){return x.isNumber(t)?a(s[Math.floor(t)-1]):a(t)}),t.xaxis.categories=[],t.labels=[],t.xaxis.tickAmount=t.xaxis.tickAmount||"dataPoints",t}},{key:"bubble",value:function(){return{dataLabels:{style:{colors:["#fff"]}},tooltip:{shared:!1,intersect:!0},xaxis:{crosshairs:{width:0}},fill:{type:"solid",gradient:{shade:"light",inverse:!0,shadeIntensity:.55,opacityFrom:.4,opacityTo:.8}}}}},{key:"scatter",value:function(){return{dataLabels:{enabled:!1},tooltip:{shared:!1,intersect:!0},markers:{size:6,strokeWidth:1,hover:{sizeOffset:2}}}}},{key:"heatmap",value:function(){return{chart:{stacked:!1},fill:{opacity:1},dataLabels:{style:{colors:["#fff"]}},stroke:{colors:["#fff"]},tooltip:{followCursor:!0,marker:{show:!1},x:{show:!1}},legend:{position:"top",markers:{shape:"square",size:10,offsetY:2}},grid:{padding:{right:20}}}}},{key:"treemap",value:function(){return{chart:{zoom:{enabled:!1}},dataLabels:{style:{fontSize:14,fontWeight:600,colors:["#fff"]}},stroke:{show:!0,width:2,colors:["#fff"]},legend:{show:!1},fill:{gradient:{stops:[0,100]}},tooltip:{followCursor:!0,x:{show:!1}},grid:{padding:{left:0,right:0}},xaxis:{crosshairs:{show:!1},tooltip:{enabled:!1}}}}},{key:"pie",value:function(){return{chart:{toolbar:{show:!1}},plotOptions:{pie:{donut:{labels:{show:!1}}}},dataLabels:{formatter:function(t){return t.toFixed(1)+"%"},style:{colors:["#fff"]},background:{enabled:!1},dropShadow:{enabled:!0}},stroke:{colors:["#fff"]},fill:{opacity:1,gradient:{shade:"light",stops:[0,100]}},tooltip:{theme:"dark",fillSeriesColor:!0},legend:{position:"right"}}}},{key:"donut",value:function(){return{chart:{toolbar:{show:!1}},dataLabels:{formatter:function(t){return t.toFixed(1)+"%"},style:{colors:["#fff"]},background:{enabled:!1},dropShadow:{enabled:!0}},stroke:{colors:["#fff"]},fill:{opacity:1,gradient:{shade:"light",shadeIntensity:.35,stops:[80,100],opacityFrom:1,opacityTo:1}},tooltip:{theme:"dark",fillSeriesColor:!0},legend:{position:"right"}}}},{key:"polarArea",value:function(){return this.opts.yaxis[0].tickAmount=this.opts.yaxis[0].tickAmount?this.opts.yaxis[0].tickAmount:6,{chart:{toolbar:{show:!1}},dataLabels:{formatter:function(t){return t.toFixed(1)+"%"},enabled:!1},stroke:{show:!0,width:2},fill:{opacity:.7},tooltip:{theme:"dark",fillSeriesColor:!0},legend:{position:"right"}}}},{key:"radar",value:function(){return this.opts.yaxis[0].labels.offsetY=this.opts.yaxis[0].labels.offsetY?this.opts.yaxis[0].labels.offsetY:6,{dataLabels:{enabled:!1,style:{fontSize:"11px"}},stroke:{width:2},markers:{size:3,strokeWidth:1,strokeOpacity:1},fill:{opacity:.2},tooltip:{shared:!1,intersect:!0,followCursor:!0},grid:{show:!1},xaxis:{labels:{formatter:function(t){return t},style:{colors:["#a8a8a8"],fontSize:"11px"}},tooltip:{enabled:!1},crosshairs:{show:!1}}}}},{key:"radialBar",value:function(){return{chart:{animations:{dynamicAnimation:{enabled:!0,speed:800}},toolbar:{show:!1}},fill:{gradient:{shade:"dark",shadeIntensity:.4,inverseColors:!1,type:"diagonal2",opacityFrom:1,opacityTo:1,stops:[70,98,100]}},legend:{show:!1,position:"right"},tooltip:{enabled:!1,fillSeriesColor:!0}}}},{key:"_getBoxTooltip",value:function(t,e,i,a,s){var r=t.globals.seriesCandleO[e][i],o=t.globals.seriesCandleH[e][i],n=t.globals.seriesCandleM[e][i],l=t.globals.seriesCandleL[e][i],h=t.globals.seriesCandleC[e][i];return t.config.series[e].type&&t.config.series[e].type!==s?'<div class="apexcharts-custom-tooltip">\n          '.concat(t.config.series[e].name?t.config.series[e].name:"series-"+(e+1),": <strong>").concat(t.globals.series[e][i],"</strong>\n        </div>"):'<div class="apexcharts-tooltip-box apexcharts-tooltip-'.concat(t.config.chart.type,'">')+"<div>".concat(a[0],': <span class="value">')+r+"</span></div>"+"<div>".concat(a[1],': <span class="value">')+o+"</span></div>"+(n?"<div>".concat(a[2],': <span class="value">')+n+"</span></div>":"")+"<div>".concat(a[3],': <span class="value">')+l+"</span></div>"+"<div>".concat(a[4],': <span class="value">')+h+"</span></div></div>"}}]),t}(),N=function(){function t(e){a(this,t),this.opts=e}return r(t,[{key:"init",value:function(t){var e=t.responsiveOverride,a=this.opts,s=new L,r=new D(a);this.chartType=a.chart.type,"histogram"===this.chartType&&(a.chart.type="bar",a=x.extend({plotOptions:{bar:{columnWidth:"99.99%"}}},a)),a=this.extendYAxis(a),a=this.extendAnnotations(a);var o=s.init(),n={};if(a&&"object"===i(a)){var l={};l=-1!==["line","area","bar","candlestick","boxPlot","rangeBar","histogram","bubble","scatter","heatmap","treemap","pie","polarArea","donut","radar","radialBar"].indexOf(a.chart.type)?r[a.chart.type]():r.line(),a.chart.brush&&a.chart.brush.enabled&&(l=r.brush(l)),a.chart.stacked&&"100%"===a.chart.stackType&&(a=r.stacked100(a)),this.checkForDarkTheme(window.Apex),this.checkForDarkTheme(a),a.xaxis=a.xaxis||window.Apex.xaxis||{},e||(a.xaxis.convertedCatToNumeric=!1),((a=this.checkForCatToNumericXAxis(this.chartType,l,a)).chart.sparkline&&a.chart.sparkline.enabled||window.Apex.chart&&window.Apex.chart.sparkline&&window.Apex.chart.sparkline.enabled)&&(l=r.sparkline(l)),n=x.extend(o,l)}var h=x.extend(n,window.Apex);return o=x.extend(h,a),o=this.handleUserInputErrors(o)}},{key:"checkForCatToNumericXAxis",value:function(t,e,i){var a=new D(i),s=("bar"===t||"boxPlot"===t)&&i.plotOptions&&i.plotOptions.bar&&i.plotOptions.bar.horizontal,r="pie"===t||"polarArea"===t||"donut"===t||"radar"===t||"radialBar"===t||"heatmap"===t,o="datetime"!==i.xaxis.type&&"numeric"!==i.xaxis.type,n=i.xaxis.tickPlacement?i.xaxis.tickPlacement:e.xaxis&&e.xaxis.tickPlacement;return s||r||!o||"between"===n||(i=a.convertCatToNumeric(i)),i}},{key:"extendYAxis",value:function(t,e){var i=new L;(void 0===t.yaxis||!t.yaxis||Array.isArray(t.yaxis)&&0===t.yaxis.length)&&(t.yaxis={}),t.yaxis.constructor!==Array&&window.Apex.yaxis&&window.Apex.yaxis.constructor!==Array&&(t.yaxis=x.extend(t.yaxis,window.Apex.yaxis)),t.yaxis.constructor!==Array?t.yaxis=[x.extend(i.yAxis,t.yaxis)]:t.yaxis=x.extendArray(t.yaxis,i.yAxis);var a=!1;t.yaxis.forEach((function(t){t.logarithmic&&(a=!0)}));var s=t.series;return e&&!s&&(s=e.config.series),a&&s.length!==t.yaxis.length&&s.length&&(t.yaxis=s.map((function(e,a){if(e.name||(s[a].name="series-".concat(a+1)),t.yaxis[a])return t.yaxis[a].seriesName=s[a].name,t.yaxis[a];var r=x.extend(i.yAxis,t.yaxis[0]);return r.show=!1,r}))),a&&s.length>1&&s.length!==t.yaxis.length&&console.warn("A multi-series logarithmic chart should have equal number of series and y-axes. Please make sure to equalize both."),t}},{key:"extendAnnotations",value:function(t){return void 0===t.annotations&&(t.annotations={},t.annotations.yaxis=[],t.annotations.xaxis=[],t.annotations.points=[]),t=this.extendYAxisAnnotations(t),t=this.extendXAxisAnnotations(t),t=this.extendPointAnnotations(t)}},{key:"extendYAxisAnnotations",value:function(t){var e=new L;return t.annotations.yaxis=x.extendArray(void 0!==t.annotations.yaxis?t.annotations.yaxis:[],e.yAxisAnnotation),t}},{key:"extendXAxisAnnotations",value:function(t){var e=new L;return t.annotations.xaxis=x.extendArray(void 0!==t.annotations.xaxis?t.annotations.xaxis:[],e.xAxisAnnotation),t}},{key:"extendPointAnnotations",value:function(t){var e=new L;return t.annotations.points=x.extendArray(void 0!==t.annotations.points?t.annotations.points:[],e.pointAnnotation),t}},{key:"checkForDarkTheme",value:function(t){t.theme&&"dark"===t.theme.mode&&(t.tooltip||(t.tooltip={}),"light"!==t.tooltip.theme&&(t.tooltip.theme="dark"),t.chart.foreColor||(t.chart.foreColor="#f6f7f8"),t.chart.background||(t.chart.background="#424242"),t.theme.palette||(t.theme.palette="palette4"))}},{key:"handleUserInputErrors",value:function(t){var e=t;if(e.tooltip.shared&&e.tooltip.intersect)throw new Error("tooltip.shared cannot be enabled when tooltip.intersect is true. Turn off any other option by setting it to false.");if("bar"===e.chart.type&&e.plotOptions.bar.horizontal){if(e.yaxis.length>1)throw new Error("Multiple Y Axis for bars are not supported. Switch to column chart by setting plotOptions.bar.horizontal=false");e.yaxis[0].reversed&&(e.yaxis[0].opposite=!0),e.xaxis.tooltip.enabled=!1,e.yaxis[0].tooltip.enabled=!1,e.chart.zoom.enabled=!1}return"bar"!==e.chart.type&&"rangeBar"!==e.chart.type||e.tooltip.shared&&"barWidth"===e.xaxis.crosshairs.width&&e.series.length>1&&(e.xaxis.crosshairs.width="tickWidth"),"candlestick"!==e.chart.type&&"boxPlot"!==e.chart.type||e.yaxis[0].reversed&&(console.warn("Reversed y-axis in ".concat(e.chart.type," chart is not supported.")),e.yaxis[0].reversed=!1),e}}]),t}(),O=function(){function t(){a(this,t)}return r(t,[{key:"initGlobalVars",value:function(t){t.series=[],t.seriesCandleO=[],t.seriesCandleH=[],t.seriesCandleM=[],t.seriesCandleL=[],t.seriesCandleC=[],t.seriesRangeStart=[],t.seriesRangeEnd=[],t.seriesRangeBar=[],t.seriesPercent=[],t.seriesGoals=[],t.seriesX=[],t.seriesZ=[],t.seriesNames=[],t.seriesTotals=[],t.seriesLog=[],t.seriesColors=[],t.stackedSeriesTotals=[],t.seriesXvalues=[],t.seriesYvalues=[],t.labels=[],t.hasGroups=!1,t.groups=[],t.categoryLabels=[],t.timescaleLabels=[],t.noLabelsProvided=!1,t.resizeTimer=null,t.selectionResizeTimer=null,t.delayedElements=[],t.pointsArray=[],t.dataLabelsRects=[],t.isXNumeric=!1,t.xaxisLabelsCount=0,t.skipLastTimelinelabel=!1,t.skipFirstTimelinelabel=!1,t.isDataXYZ=!1,t.isMultiLineX=!1,t.isMultipleYAxis=!1,t.maxY=-Number.MAX_VALUE,t.minY=Number.MIN_VALUE,t.minYArr=[],t.maxYArr=[],t.maxX=-Number.MAX_VALUE,t.minX=Number.MAX_VALUE,t.initialMaxX=-Number.MAX_VALUE,t.initialMinX=Number.MAX_VALUE,t.maxDate=0,t.minDate=Number.MAX_VALUE,t.minZ=Number.MAX_VALUE,t.maxZ=-Number.MAX_VALUE,t.minXDiff=Number.MAX_VALUE,t.yAxisScale=[],t.xAxisScale=null,t.xAxisTicksPositions=[],t.yLabelsCoords=[],t.yTitleCoords=[],t.barPadForNumericAxis=0,t.padHorizontal=0,t.xRange=0,t.yRange=[],t.zRange=0,t.dataPoints=0,t.xTickAmount=0}},{key:"globalVars",value:function(t){return{chartID:null,cuid:null,events:{beforeMount:[],mounted:[],updated:[],clicked:[],selection:[],dataPointSelection:[],zoomed:[],scrolled:[]},colors:[],clientX:null,clientY:null,fill:{colors:[]},stroke:{colors:[]},dataLabels:{style:{colors:[]}},radarPolygons:{fill:{colors:[]}},markers:{colors:[],size:t.markers.size,largestSize:0},animationEnded:!1,isTouchDevice:"ontouchstart"in window||navigator.msMaxTouchPoints,isDirty:!1,isExecCalled:!1,initialConfig:null,initialSeries:[],lastXAxis:[],lastYAxis:[],columnSeries:null,labels:[],timescaleLabels:[],noLabelsProvided:!1,allSeriesCollapsed:!1,collapsedSeries:[],collapsedSeriesIndices:[],ancillaryCollapsedSeries:[],ancillaryCollapsedSeriesIndices:[],risingSeries:[],dataFormatXNumeric:!1,capturedSeriesIndex:-1,capturedDataPointIndex:-1,selectedDataPoints:[],goldenPadding:35,invalidLogScale:!1,ignoreYAxisIndexes:[],yAxisSameScaleIndices:[],maxValsInArrayIndex:0,radialSize:0,selection:void 0,zoomEnabled:"zoom"===t.chart.toolbar.autoSelected&&t.chart.toolbar.tools.zoom&&t.chart.zoom.enabled,panEnabled:"pan"===t.chart.toolbar.autoSelected&&t.chart.toolbar.tools.pan,selectionEnabled:"selection"===t.chart.toolbar.autoSelected&&t.chart.toolbar.tools.selection,yaxis:null,mousedown:!1,lastClientPosition:{},visibleXRange:void 0,yValueDecimal:0,total:0,SVGNS:"http://www.w3.org/2000/svg",svgWidth:0,svgHeight:0,noData:!1,locale:{},dom:{},memory:{methodsToExec:[]},shouldAnimate:!0,skipLastTimelinelabel:!1,skipFirstTimelinelabel:!1,delayedElements:[],axisCharts:!0,isDataXYZ:!1,resized:!1,resizeTimer:null,comboCharts:!1,dataChanged:!1,previousPaths:[],allSeriesHasEqualX:!0,pointsArray:[],dataLabelsRects:[],lastDrawnDataLabelsIndexes:[],hasNullValues:!1,easing:null,zoomed:!1,gridWidth:0,gridHeight:0,rotateXLabels:!1,defaultLabels:!1,xLabelFormatter:void 0,yLabelFormatters:[],xaxisTooltipFormatter:void 0,ttKeyFormatter:void 0,ttVal:void 0,ttZFormatter:void 0,LINE_HEIGHT_RATIO:1.618,xAxisLabelsHeight:0,xAxisGroupLabelsHeight:0,xAxisLabelsWidth:0,yAxisLabelsWidth:0,scaleX:1,scaleY:1,translateX:0,translateY:0,translateYAxisX:[],yAxisWidths:[],translateXAxisY:0,translateXAxisX:0,tooltip:null}}},{key:"init",value:function(t){var e=this.globalVars(t);return this.initGlobalVars(e),e.initialConfig=x.extend({},t),e.initialSeries=x.clone(t.series),e.lastXAxis=x.clone(e.initialConfig.xaxis),e.lastYAxis=x.clone(e.initialConfig.yaxis),e}}]),t}(),W=function(){function t(e){a(this,t),this.opts=e}return r(t,[{key:"init",value:function(){var t=new N(this.opts).init({responsiveOverride:!1});return{config:t,globals:(new O).init(t)}}}]),t}(),B=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w,this.twoDSeries=[],this.threeDSeries=[],this.twoDSeriesX=[],this.seriesGoals=[],this.coreUtils=new y(this.ctx)}return r(t,[{key:"isMultiFormat",value:function(){return this.isFormatXY()||this.isFormat2DArray()}},{key:"isFormatXY",value:function(){var t=this.w.config.series.slice(),e=new E(this.ctx);if(this.activeSeriesIndex=e.getActiveConfigSeriesIndex(),void 0!==t[this.activeSeriesIndex].data&&t[this.activeSeriesIndex].data.length>0&&null!==t[this.activeSeriesIndex].data[0]&&void 0!==t[this.activeSeriesIndex].data[0].x&&null!==t[this.activeSeriesIndex].data[0])return!0}},{key:"isFormat2DArray",value:function(){var t=this.w.config.series.slice(),e=new E(this.ctx);if(this.activeSeriesIndex=e.getActiveConfigSeriesIndex(),void 0!==t[this.activeSeriesIndex].data&&t[this.activeSeriesIndex].data.length>0&&void 0!==t[this.activeSeriesIndex].data[0]&&null!==t[this.activeSeriesIndex].data[0]&&t[this.activeSeriesIndex].data[0].constructor===Array)return!0}},{key:"handleFormat2DArray",value:function(t,e){for(var i=this.w.config,a=this.w.globals,s="boxPlot"===i.chart.type||"boxPlot"===i.series[e].type,r=0;r<t[e].data.length;r++)if(void 0!==t[e].data[r][1]&&(Array.isArray(t[e].data[r][1])&&4===t[e].data[r][1].length&&!s?this.twoDSeries.push(x.parseNumber(t[e].data[r][1][3])):t[e].data[r].length>=5?this.twoDSeries.push(x.parseNumber(t[e].data[r][4])):this.twoDSeries.push(x.parseNumber(t[e].data[r][1])),a.dataFormatXNumeric=!0),"datetime"===i.xaxis.type){var o=new Date(t[e].data[r][0]);o=new Date(o).getTime(),this.twoDSeriesX.push(o)}else this.twoDSeriesX.push(t[e].data[r][0]);for(var n=0;n<t[e].data.length;n++)void 0!==t[e].data[n][2]&&(this.threeDSeries.push(t[e].data[n][2]),a.isDataXYZ=!0)}},{key:"handleFormatXY",value:function(t,e){var i=this.w.config,a=this.w.globals,s=new R(this.ctx),r=e;a.collapsedSeriesIndices.indexOf(e)>-1&&(r=this.activeSeriesIndex);for(var o=0;o<t[e].data.length;o++)void 0!==t[e].data[o].y&&(Array.isArray(t[e].data[o].y)?this.twoDSeries.push(x.parseNumber(t[e].data[o].y[t[e].data[o].y.length-1])):this.twoDSeries.push(x.parseNumber(t[e].data[o].y))),void 0!==t[e].data[o].goals&&Array.isArray(t[e].data[o].goals)?(void 0===this.seriesGoals[e]&&(this.seriesGoals[e]=[]),this.seriesGoals[e].push(t[e].data[o].goals)):(void 0===this.seriesGoals[e]&&(this.seriesGoals[e]=[]),this.seriesGoals[e].push(null));for(var n=0;n<t[r].data.length;n++){var l="string"==typeof t[r].data[n].x,h=Array.isArray(t[r].data[n].x),c=!h&&!!s.isValidDate(t[r].data[n].x.toString());if(l||c)if(l||i.xaxis.convertedCatToNumeric){var d=a.isBarHorizontal&&a.isRangeData;"datetime"!==i.xaxis.type||d?(this.fallbackToCategory=!0,this.twoDSeriesX.push(t[r].data[n].x)):this.twoDSeriesX.push(s.parseDate(t[r].data[n].x))}else"datetime"===i.xaxis.type?this.twoDSeriesX.push(s.parseDate(t[r].data[n].x.toString())):(a.dataFormatXNumeric=!0,a.isXNumeric=!0,this.twoDSeriesX.push(parseFloat(t[r].data[n].x)));else h?(this.fallbackToCategory=!0,this.twoDSeriesX.push(t[r].data[n].x)):(a.isXNumeric=!0,a.dataFormatXNumeric=!0,this.twoDSeriesX.push(t[r].data[n].x))}if(t[e].data[0]&&void 0!==t[e].data[0].z){for(var g=0;g<t[e].data.length;g++)this.threeDSeries.push(t[e].data[g].z);a.isDataXYZ=!0}}},{key:"handleRangeData",value:function(t,e){var i=this.w.globals,a={};return this.isFormat2DArray()?a=this.handleRangeDataFormat("array",t,e):this.isFormatXY()&&(a=this.handleRangeDataFormat("xy",t,e)),i.seriesRangeStart.push(a.start),i.seriesRangeEnd.push(a.end),i.seriesRangeBar.push(a.rangeUniques),i.seriesRangeBar.forEach((function(t,e){t&&t.forEach((function(t,e){t.y.forEach((function(e,i){for(var a=0;a<t.y.length;a++)if(i!==a){var s=e.y1,r=e.y2,o=t.y[a].y1;s<=t.y[a].y2&&o<=r&&(t.overlaps.indexOf(e.rangeName)<0&&t.overlaps.push(e.rangeName),t.overlaps.indexOf(t.y[a].rangeName)<0&&t.overlaps.push(t.y[a].rangeName))}}))}))})),a}},{key:"handleCandleStickBoxData",value:function(t,e){var i=this.w.globals,a={};return this.isFormat2DArray()?a=this.handleCandleStickBoxDataFormat("array",t,e):this.isFormatXY()&&(a=this.handleCandleStickBoxDataFormat("xy",t,e)),i.seriesCandleO[e]=a.o,i.seriesCandleH[e]=a.h,i.seriesCandleM[e]=a.m,i.seriesCandleL[e]=a.l,i.seriesCandleC[e]=a.c,a}},{key:"handleRangeDataFormat",value:function(t,e,i){var a=[],s=[],r=e[i].data.filter((function(t,e,i){return e===i.findIndex((function(e){return e.x===t.x}))})).map((function(t,e){return{x:t.x,overlaps:[],y:[]}})),o="Please provide [Start, End] values in valid format. Read more https://apexcharts.com/docs/series/#rangecharts",n=new E(this.ctx).getActiveConfigSeriesIndex();if("array"===t){if(2!==e[n].data[0][1].length)throw new Error(o);for(var l=0;l<e[i].data.length;l++)a.push(e[i].data[l][1][0]),s.push(e[i].data[l][1][1])}else if("xy"===t){if(2!==e[n].data[0].y.length)throw new Error(o);for(var h=function(t){var o=x.randomId(),n=e[i].data[t].x,l={y1:e[i].data[t].y[0],y2:e[i].data[t].y[1],rangeName:o};e[i].data[t].rangeName=o;var h=r.findIndex((function(t){return t.x===n}));r[h].y.push(l),a.push(l.y1),s.push(l.y2)},c=0;c<e[i].data.length;c++)h(c)}return{start:a,end:s,rangeUniques:r}}},{key:"handleCandleStickBoxDataFormat",value:function(t,e,i){var a=this.w,s="boxPlot"===a.config.chart.type||"boxPlot"===a.config.series[i].type,r=[],o=[],n=[],l=[],h=[];if("array"===t)if(s&&6===e[i].data[0].length||!s&&5===e[i].data[0].length)for(var c=0;c<e[i].data.length;c++)r.push(e[i].data[c][1]),o.push(e[i].data[c][2]),s?(n.push(e[i].data[c][3]),l.push(e[i].data[c][4]),h.push(e[i].data[c][5])):(l.push(e[i].data[c][3]),h.push(e[i].data[c][4]));else for(var d=0;d<e[i].data.length;d++)Array.isArray(e[i].data[d][1])&&(r.push(e[i].data[d][1][0]),o.push(e[i].data[d][1][1]),s?(n.push(e[i].data[d][1][2]),l.push(e[i].data[d][1][3]),h.push(e[i].data[d][1][4])):(l.push(e[i].data[d][1][2]),h.push(e[i].data[d][1][3])));else if("xy"===t)for(var g=0;g<e[i].data.length;g++)Array.isArray(e[i].data[g].y)&&(r.push(e[i].data[g].y[0]),o.push(e[i].data[g].y[1]),s?(n.push(e[i].data[g].y[2]),l.push(e[i].data[g].y[3]),h.push(e[i].data[g].y[4])):(l.push(e[i].data[g].y[2]),h.push(e[i].data[g].y[3])));return{o:r,h:o,m:n,l:l,c:h}}},{key:"parseDataAxisCharts",value:function(t){var e=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.ctx,a=this.w.config,s=this.w.globals,r=new R(i),o=a.labels.length>0?a.labels.slice():a.xaxis.categories.slice();s.isRangeBar="rangeBar"===a.chart.type&&s.isBarHorizontal,s.hasGroups="category"===a.xaxis.type&&a.xaxis.group.groups.length>0,s.hasGroups&&(s.groups=a.xaxis.group.groups);for(var n=function(){for(var t=0;t<o.length;t++)if("string"==typeof o[t]){if(!r.isValidDate(o[t]))throw new Error("You have provided invalid Date format. Please provide a valid JavaScript Date");e.twoDSeriesX.push(r.parseDate(o[t]))}else e.twoDSeriesX.push(o[t])},l=0;l<t.length;l++){if(this.twoDSeries=[],this.twoDSeriesX=[],this.threeDSeries=[],void 0===t[l].data)return void console.error("It is a possibility that you may have not included 'data' property in series.");if("rangeBar"!==a.chart.type&&"rangeArea"!==a.chart.type&&"rangeBar"!==t[l].type&&"rangeArea"!==t[l].type||(s.isRangeData=!0,this.handleRangeData(t,l)),this.isMultiFormat())this.isFormat2DArray()?this.handleFormat2DArray(t,l):this.isFormatXY()&&this.handleFormatXY(t,l),"candlestick"!==a.chart.type&&"candlestick"!==t[l].type&&"boxPlot"!==a.chart.type&&"boxPlot"!==t[l].type||this.handleCandleStickBoxData(t,l),s.series.push(this.twoDSeries),s.labels.push(this.twoDSeriesX),s.seriesX.push(this.twoDSeriesX),s.seriesGoals=this.seriesGoals,l!==this.activeSeriesIndex||this.fallbackToCategory||(s.isXNumeric=!0);else{"datetime"===a.xaxis.type?(s.isXNumeric=!0,n(),s.seriesX.push(this.twoDSeriesX)):"numeric"===a.xaxis.type&&(s.isXNumeric=!0,o.length>0&&(this.twoDSeriesX=o,s.seriesX.push(this.twoDSeriesX))),s.labels.push(this.twoDSeriesX);var h=t[l].data.map((function(t){return x.parseNumber(t)}));s.series.push(h)}s.seriesZ.push(this.threeDSeries),void 0!==t[l].name?s.seriesNames.push(t[l].name):s.seriesNames.push("series-"+parseInt(l+1,10)),void 0!==t[l].color?s.seriesColors.push(t[l].color):s.seriesColors.push(void 0)}return this.w}},{key:"parseDataNonAxisCharts",value:function(t){var e=this.w.globals,i=this.w.config;e.series=t.slice(),e.seriesNames=i.labels.slice();for(var a=0;a<e.series.length;a++)void 0===e.seriesNames[a]&&e.seriesNames.push("series-"+(a+1));return this.w}},{key:"handleExternalLabelsData",value:function(t){var e=this.w.config,i=this.w.globals;if(e.xaxis.categories.length>0)i.labels=e.xaxis.categories;else if(e.labels.length>0)i.labels=e.labels.slice();else if(this.fallbackToCategory){if(i.labels=i.labels[0],i.seriesRangeBar.length&&(i.seriesRangeBar.map((function(t){t.forEach((function(t){i.labels.indexOf(t.x)<0&&t.x&&i.labels.push(t.x)}))})),i.labels=i.labels.filter((function(t,e,i){return i.indexOf(t)===e}))),e.xaxis.convertedCatToNumeric)new D(e).convertCatToNumericXaxis(e,this.ctx,i.seriesX[0]),this._generateExternalLabels(t)}else this._generateExternalLabels(t)}},{key:"_generateExternalLabels",value:function(t){var e=this.w.globals,i=this.w.config,a=[];if(e.axisCharts){if(e.series.length>0)if(this.isFormatXY())for(var s=i.series.map((function(t,e){return t.data.filter((function(t,e,i){return i.findIndex((function(e){return e.x===t.x}))===e}))})),r=s.reduce((function(t,e,i,a){return a[t].length>e.length?t:i}),0),o=0;o<s[r].length;o++)a.push(o+1);else for(var n=0;n<e.series[e.maxValsInArrayIndex].length;n++)a.push(n+1);e.seriesX=[];for(var l=0;l<t.length;l++)e.seriesX.push(a);e.isXNumeric=!0}if(0===a.length){a=e.axisCharts?[]:e.series.map((function(t,e){return e+1}));for(var h=0;h<t.length;h++)e.seriesX.push(a)}e.labels=a,i.xaxis.convertedCatToNumeric&&(e.categoryLabels=a.map((function(t){return i.xaxis.labels.formatter(t)}))),e.noLabelsProvided=!0}},{key:"parseData",value:function(t){var e=this.w,i=e.config,a=e.globals;if(this.excludeCollapsedSeriesInYAxis(),this.fallbackToCategory=!1,this.ctx.core.resetGlobals(),this.ctx.core.isMultipleY(),a.axisCharts?this.parseDataAxisCharts(t):this.parseDataNonAxisCharts(t),this.coreUtils.getLargestSeries(),"bar"===i.chart.type&&i.chart.stacked){var s=new E(this.ctx);a.series=s.setNullSeriesToZeroValues(a.series)}this.coreUtils.getSeriesTotals(),a.axisCharts&&this.coreUtils.getStackedSeriesTotals(),this.coreUtils.getPercentSeries(),a.dataFormatXNumeric||a.isXNumeric&&("numeric"!==i.xaxis.type||0!==i.labels.length||0!==i.xaxis.categories.length)||this.handleExternalLabelsData(t);for(var r=this.coreUtils.getCategoryLabels(a.labels),o=0;o<r.length;o++)if(Array.isArray(r[o])){a.isMultiLineX=!0;break}}},{key:"excludeCollapsedSeriesInYAxis",value:function(){var t=this,e=this.w;e.globals.ignoreYAxisIndexes=e.globals.collapsedSeries.map((function(i,a){if(t.w.globals.isMultipleYAxis&&!e.config.chart.stacked)return i.index}))}}]),t}(),V=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w,this.tooltipKeyFormat="dd MMM"}return r(t,[{key:"xLabelFormat",value:function(t,e,i,a){var s=this.w;if("datetime"===s.config.xaxis.type&&void 0===s.config.xaxis.labels.formatter&&void 0===s.config.tooltip.x.formatter){var r=new R(this.ctx);return r.formatDate(r.getDate(e),s.config.tooltip.x.format)}return t(e,i,a)}},{key:"defaultGeneralFormatter",value:function(t){return Array.isArray(t)?t.map((function(t){return t})):t}},{key:"defaultYFormatter",value:function(t,e,i){var a=this.w;return x.isNumber(t)&&(t=0!==a.globals.yValueDecimal?t.toFixed(void 0!==e.decimalsInFloat?e.decimalsInFloat:a.globals.yValueDecimal):a.globals.maxYArr[i]-a.globals.minYArr[i]<5?t.toFixed(1):t.toFixed(0)),t}},{key:"setLabelFormatters",value:function(){var t=this,e=this.w;return e.globals.xaxisTooltipFormatter=function(e){return t.defaultGeneralFormatter(e)},e.globals.ttKeyFormatter=function(e){return t.defaultGeneralFormatter(e)},e.globals.ttZFormatter=function(t){return t},e.globals.legendFormatter=function(e){return t.defaultGeneralFormatter(e)},void 0!==e.config.xaxis.labels.formatter?e.globals.xLabelFormatter=e.config.xaxis.labels.formatter:e.globals.xLabelFormatter=function(t){if(x.isNumber(t)){if(!e.config.xaxis.convertedCatToNumeric&&"numeric"===e.config.xaxis.type){if(x.isNumber(e.config.xaxis.decimalsInFloat))return t.toFixed(e.config.xaxis.decimalsInFloat);var i=e.globals.maxX-e.globals.minX;return i>0&&i<100?t.toFixed(1):t.toFixed(0)}if(e.globals.isBarHorizontal)if(e.globals.maxY-e.globals.minYArr<4)return t.toFixed(1);return t.toFixed(0)}return t},"function"==typeof e.config.tooltip.x.formatter?e.globals.ttKeyFormatter=e.config.tooltip.x.formatter:e.globals.ttKeyFormatter=e.globals.xLabelFormatter,"function"==typeof e.config.xaxis.tooltip.formatter&&(e.globals.xaxisTooltipFormatter=e.config.xaxis.tooltip.formatter),(Array.isArray(e.config.tooltip.y)||void 0!==e.config.tooltip.y.formatter)&&(e.globals.ttVal=e.config.tooltip.y),void 0!==e.config.tooltip.z.formatter&&(e.globals.ttZFormatter=e.config.tooltip.z.formatter),void 0!==e.config.legend.formatter&&(e.globals.legendFormatter=e.config.legend.formatter),e.config.yaxis.forEach((function(i,a){void 0!==i.labels.formatter?e.globals.yLabelFormatters[a]=i.labels.formatter:e.globals.yLabelFormatters[a]=function(s){return e.globals.xyCharts?Array.isArray(s)?s.map((function(e){return t.defaultYFormatter(e,i,a)})):t.defaultYFormatter(s,i,a):s}})),e.globals}},{key:"heatmapLabelFormatters",value:function(){var t=this.w;if("heatmap"===t.config.chart.type){t.globals.yAxisScale[0].result=t.globals.seriesNames.slice();var e=t.globals.seriesNames.reduce((function(t,e){return t.length>e.length?t:e}),0);t.globals.yAxisScale[0].niceMax=e,t.globals.yAxisScale[0].niceMin=e}}}]),t}(),G=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"getLabel",value:function(t,e,i,a){var s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"12px",o=!(arguments.length>6&&void 0!==arguments[6])||arguments[6],n=this.w,l=void 0===t[a]?"":t[a],h=l,c=n.globals.xLabelFormatter,d=n.config.xaxis.labels.formatter,g=!1,u=new V(this.ctx),f=l;o&&(h=u.xLabelFormat(c,l,f,{i:a,dateFormatter:new R(this.ctx).formatDate,w:n}),void 0!==d&&(h=d(l,t[a],{i:a,dateFormatter:new R(this.ctx).formatDate,w:n})));var p=function(t){var i=null;return e.forEach((function(t){"month"===t.unit?i="year":"day"===t.unit?i="month":"hour"===t.unit?i="day":"minute"===t.unit&&(i="hour")})),i===t};e.length>0?(g=p(e[a].unit),i=e[a].position,h=e[a].value):"datetime"===n.config.xaxis.type&&void 0===d&&(h=""),void 0===h&&(h=""),h=Array.isArray(h)?h:h.toString();var x=new m(this.ctx),b={};b=n.globals.rotateXLabels&&o?x.getTextRects(h,parseInt(r,10),null,"rotate(".concat(n.config.xaxis.labels.rotate," 0 0)"),!1):x.getTextRects(h,parseInt(r,10));var v=!n.config.xaxis.labels.showDuplicates&&this.ctx.timeScale;return!Array.isArray(h)&&(0===h.indexOf("NaN")||0===h.toLowerCase().indexOf("invalid")||h.toLowerCase().indexOf("infinity")>=0||s.indexOf(h)>=0&&v)&&(h=""),{x:i,text:h,textRect:b,isBold:g}}},{key:"checkLabelBasedOnTickamount",value:function(t,e,i){var a=this.w,s=a.config.xaxis.tickAmount;return"dataPoints"===s&&(s=Math.round(a.globals.gridWidth/120)),s>i||t%Math.round(i/(s+1))==0||(e.text=""),e}},{key:"checkForOverflowingLabels",value:function(t,e,i,a,s){var r=this.w;if(0===t&&r.globals.skipFirstTimelinelabel&&(e.text=""),t===i-1&&r.globals.skipLastTimelinelabel&&(e.text=""),r.config.xaxis.labels.hideOverlappingLabels&&a.length>0){var o=s[s.length-1];e.x<o.textRect.width/(r.globals.rotateXLabels?Math.abs(r.config.xaxis.labels.rotate)/12:1.01)+o.x&&(e.text="")}return e}},{key:"checkForReversedLabels",value:function(t,e){var i=this.w;return i.config.yaxis[t]&&i.config.yaxis[t].reversed&&e.reverse(),e}},{key:"isYAxisHidden",value:function(t){var e=this.w,i=new y(this.ctx);return!e.config.yaxis[t].show||!e.config.yaxis[t].showForNullSeries&&i.isSeriesNull(t)&&-1===e.globals.collapsedSeriesIndices.indexOf(t)}},{key:"getYAxisForeColor",value:function(t,e){var i=this.w;return Array.isArray(t)&&i.globals.yAxisScale[e]&&this.ctx.theme.pushExtraColors(t,i.globals.yAxisScale[e].result.length,!1),t}},{key:"drawYAxisTicks",value:function(t,e,i,a,s,r,o){var n=this.w,l=new m(this.ctx),h=n.globals.translateY;if(a.show&&e>0){!0===n.config.yaxis[s].opposite&&(t+=a.width);for(var c=e;c>=0;c--){var d=h+e/10+n.config.yaxis[s].labels.offsetY-1;n.globals.isBarHorizontal&&(d=r*c),"heatmap"===n.config.chart.type&&(d+=r/2);var g=l.drawLine(t+i.offsetX-a.width+a.offsetX,d+a.offsetY,t+i.offsetX+a.offsetX,d+a.offsetY,a.color);o.add(g),h+=r}}}}]),t}(),j=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"scaleSvgNode",value:function(t,e){var i=parseFloat(t.getAttributeNS(null,"width")),a=parseFloat(t.getAttributeNS(null,"height"));t.setAttributeNS(null,"width",i*e),t.setAttributeNS(null,"height",a*e),t.setAttributeNS(null,"viewBox","0 0 "+i+" "+a)}},{key:"fixSvgStringForIe11",value:function(t){if(!x.isIE11())return t.replace(/&nbsp;/g,"&#160;");var e=0,i=t.replace(/xmlns="http:\/\/www.w3.org\/2000\/svg"/g,(function(t){return 2===++e?'xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev"':t}));return i=(i=i.replace(/xmlns:NS\d+=""/g,"")).replace(/NS\d+:(\w+:\w+=")/g,"$1")}},{key:"getSvgString",value:function(t){null==t&&(t=1);var e=this.w.globals.dom.Paper.svg();if(1!==t){var i=this.w.globals.dom.Paper.node.cloneNode(!0);this.scaleSvgNode(i,t),e=(new XMLSerializer).serializeToString(i)}return this.fixSvgStringForIe11(e)}},{key:"cleanup",value:function(){var t=this.w,e=t.globals.dom.baseEl.getElementsByClassName("apexcharts-xcrosshairs"),i=t.globals.dom.baseEl.getElementsByClassName("apexcharts-ycrosshairs"),a=t.globals.dom.baseEl.querySelectorAll(".apexcharts-zoom-rect, .apexcharts-selection-rect");Array.prototype.forEach.call(a,(function(t){t.setAttribute("width",0)})),e&&e[0]&&(e[0].setAttribute("x",-500),e[0].setAttribute("x1",-500),e[0].setAttribute("x2",-500)),i&&i[0]&&(i[0].setAttribute("y",-100),i[0].setAttribute("y1",-100),i[0].setAttribute("y2",-100))}},{key:"svgUrl",value:function(){this.cleanup();var t=this.getSvgString(),e=new Blob([t],{type:"image/svg+xml;charset=utf-8"});return URL.createObjectURL(e)}},{key:"dataURI",value:function(t){var e=this;return new Promise((function(i){var a=e.w,s=t?t.scale||t.width/a.globals.svgWidth:1;e.cleanup();var r=document.createElement("canvas");r.width=a.globals.svgWidth*s,r.height=parseInt(a.globals.dom.elWrap.style.height,10)*s;var o="transparent"===a.config.chart.background?"#fff":a.config.chart.background,n=r.getContext("2d");n.fillStyle=o,n.fillRect(0,0,r.width*s,r.height*s);var l=e.getSvgString(s);if(window.canvg&&x.isIE11()){var h=window.canvg.Canvg.fromString(n,l,{ignoreClear:!0,ignoreDimensions:!0});h.start();var c=r.msToBlob();h.stop(),i({blob:c})}else{var d="data:image/svg+xml,"+encodeURIComponent(l),g=new Image;g.crossOrigin="anonymous",g.onload=function(){if(n.drawImage(g,0,0),r.msToBlob){var t=r.msToBlob();i({blob:t})}else{var e=r.toDataURL("image/png");i({imgURI:e})}},g.src=d}}))}},{key:"exportToSVG",value:function(){this.triggerDownload(this.svgUrl(),this.w.config.chart.toolbar.export.svg.filename,".svg")}},{key:"exportToPng",value:function(){var t=this;this.dataURI().then((function(e){var i=e.imgURI,a=e.blob;a?navigator.msSaveOrOpenBlob(a,t.w.globals.chartID+".png"):t.triggerDownload(i,t.w.config.chart.toolbar.export.png.filename,".png")}))}},{key:"exportToCSV",value:function(t){var e=this,i=t.series,a=t.columnDelimiter,s=t.lineDelimiter,r=void 0===s?"\n":s,o=this.w,n=[],l=[],h="",c=new B(this.ctx),d=new G(this.ctx),g=function(t){var i="";if(o.globals.axisCharts){if("category"===o.config.xaxis.type||o.config.xaxis.convertedCatToNumeric)if(o.globals.isBarHorizontal){var s=o.globals.yLabelFormatters[0],r=new E(e.ctx).getActiveConfigSeriesIndex();i=s(o.globals.labels[t],{seriesIndex:r,dataPointIndex:t,w:o})}else i=d.getLabel(o.globals.labels,o.globals.timescaleLabels,0,t).text;"datetime"===o.config.xaxis.type&&(o.config.xaxis.categories.length?i=o.config.xaxis.categories[t]:o.config.labels.length&&(i=o.config.labels[t]))}else i=o.config.labels[t];return Array.isArray(i)&&(i=i.join(" ")),x.isNumber(i)?i:i.split(a).join("")};n.push(o.config.chart.toolbar.export.csv.headerCategory),i.map((function(t,e){var i=t.name?t.name:"series-".concat(e);o.globals.axisCharts&&n.push(i.split(a).join("")?i.split(a).join(""):"series-".concat(e))})),o.globals.axisCharts||(n.push(o.config.chart.toolbar.export.csv.headerValue),l.push(n.join(a))),i.map((function(t,e){o.globals.axisCharts?function(t,e){if(n.length&&0===e&&l.push(n.join(a)),t.data&&t.data.length)for(var s=0;s<t.data.length;s++){n=[];var r=g(s);if(r||(c.isFormatXY()?r=i[e].data[s].x:c.isFormat2DArray()&&(r=i[e].data[s]?i[e].data[s][0]:"")),0===e){n.push((d=r,"datetime"===o.config.xaxis.type&&String(d).length>=10?o.config.chart.toolbar.export.csv.dateFormatter(r):x.isNumber(r)?r:r.split(a).join("")));for(var h=0;h<o.globals.series.length;h++)n.push(o.globals.series[h][s])}("candlestick"===o.config.chart.type||t.type&&"candlestick"===t.type)&&(n.pop(),n.push(o.globals.seriesCandleO[e][s]),n.push(o.globals.seriesCandleH[e][s]),n.push(o.globals.seriesCandleL[e][s]),n.push(o.globals.seriesCandleC[e][s])),("boxPlot"===o.config.chart.type||t.type&&"boxPlot"===t.type)&&(n.pop(),n.push(o.globals.seriesCandleO[e][s]),n.push(o.globals.seriesCandleH[e][s]),n.push(o.globals.seriesCandleM[e][s]),n.push(o.globals.seriesCandleL[e][s]),n.push(o.globals.seriesCandleC[e][s])),"rangeBar"===o.config.chart.type&&(n.pop(),n.push(o.globals.seriesRangeStart[e][s]),n.push(o.globals.seriesRangeEnd[e][s])),n.length&&l.push(n.join(a))}var d}(t,e):((n=[]).push(o.globals.labels[e].split(a).join("")),n.push(o.globals.series[e]),l.push(n.join(a)))})),h+=l.join(r),this.triggerDownload("data:text/csv; charset=utf-8,"+encodeURIComponent("\ufeff"+h),o.config.chart.toolbar.export.csv.filename,".csv")}},{key:"triggerDownload",value:function(t,e,i){var a=document.createElement("a");a.href=t,a.download=(e||this.w.globals.chartID)+i,document.body.appendChild(a),a.click(),document.body.removeChild(a)}}]),t}(),_=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w;var i=this.w;this.axesUtils=new G(e),this.xaxisLabels=i.globals.labels.slice(),i.globals.timescaleLabels.length>0&&!i.globals.isBarHorizontal&&(this.xaxisLabels=i.globals.timescaleLabels.slice()),i.config.xaxis.overwriteCategories&&(this.xaxisLabels=i.config.xaxis.overwriteCategories),this.drawnLabels=[],this.drawnLabelsRects=[],"top"===i.config.xaxis.position?this.offY=0:this.offY=i.globals.gridHeight+1,this.offY=this.offY+i.config.xaxis.axisBorder.offsetY,this.isCategoryBarHorizontal="bar"===i.config.chart.type&&i.config.plotOptions.bar.horizontal,this.xaxisFontSize=i.config.xaxis.labels.style.fontSize,this.xaxisFontFamily=i.config.xaxis.labels.style.fontFamily,this.xaxisForeColors=i.config.xaxis.labels.style.colors,this.xaxisBorderWidth=i.config.xaxis.axisBorder.width,this.isCategoryBarHorizontal&&(this.xaxisBorderWidth=i.config.yaxis[0].axisBorder.width.toString()),this.xaxisBorderWidth.indexOf("%")>-1?this.xaxisBorderWidth=i.globals.gridWidth*parseInt(this.xaxisBorderWidth,10)/100:this.xaxisBorderWidth=parseInt(this.xaxisBorderWidth,10),this.xaxisBorderHeight=i.config.xaxis.axisBorder.height,this.yaxis=i.config.yaxis[0]}return r(t,[{key:"drawXaxis",value:function(){var t=this.w,e=new m(this.ctx),i=e.group({class:"apexcharts-xaxis",transform:"translate(".concat(t.config.xaxis.offsetX,", ").concat(t.config.xaxis.offsetY,")")}),a=e.group({class:"apexcharts-xaxis-texts-g",transform:"translate(".concat(t.globals.translateXAxisX,", ").concat(t.globals.translateXAxisY,")")});i.add(a);for(var s=[],r=0;r<this.xaxisLabels.length;r++)s.push(this.xaxisLabels[r]);if(this.drawXAxisLabelAndGroup(!0,e,a,s,t.globals.isXNumeric,(function(t,e){return e})),t.globals.hasGroups){var o=t.globals.groups;s=[];for(var n=0;n<o.length;n++)s.push(o[n].title);var l={};t.config.xaxis.group.style&&(l.xaxisFontSize=t.config.xaxis.group.style.fontSize,l.xaxisFontFamily=t.config.xaxis.group.style.fontFamily,l.xaxisForeColors=t.config.xaxis.group.style.colors,l.fontWeight=t.config.xaxis.group.style.fontWeight,l.cssClass=t.config.xaxis.group.style.cssClass),this.drawXAxisLabelAndGroup(!1,e,a,s,!1,(function(t,e){return o[t].cols*e}),l)}if(void 0!==t.config.xaxis.title.text){var h=e.group({class:"apexcharts-xaxis-title"}),c=e.drawText({x:t.globals.gridWidth/2+t.config.xaxis.title.offsetX,y:this.offY+parseFloat(this.xaxisFontSize)+t.globals.xAxisLabelsHeight+t.config.xaxis.title.offsetY,text:t.config.xaxis.title.text,textAnchor:"middle",fontSize:t.config.xaxis.title.style.fontSize,fontFamily:t.config.xaxis.title.style.fontFamily,fontWeight:t.config.xaxis.title.style.fontWeight,foreColor:t.config.xaxis.title.style.color,cssClass:"apexcharts-xaxis-title-text "+t.config.xaxis.title.style.cssClass});h.add(c),i.add(h)}if(t.config.xaxis.axisBorder.show){var d=t.globals.barPadForNumericAxis,g=e.drawLine(t.globals.padHorizontal+t.config.xaxis.axisBorder.offsetX-d,this.offY,this.xaxisBorderWidth+d,this.offY,t.config.xaxis.axisBorder.color,0,this.xaxisBorderHeight);i.add(g)}return i}},{key:"drawXAxisLabelAndGroup",value:function(t,e,i,a,s,r){var o,n=this,l=arguments.length>6&&void 0!==arguments[6]?arguments[6]:{},h=[],c=[],d=this.w,g=l.xaxisFontSize||this.xaxisFontSize,u=l.xaxisFontFamily||this.xaxisFontFamily,f=l.xaxisForeColors||this.xaxisForeColors,p=l.fontWeight||d.config.xaxis.labels.style.fontWeight,x=l.cssClass||d.config.xaxis.labels.style.cssClass,b=d.globals.padHorizontal,v=a.length,m="category"===d.config.xaxis.type?d.globals.dataPoints:v;if(s){var y=m>1?m-1:m;o=d.globals.gridWidth/y,b=b+r(0,o)/2+d.config.xaxis.labels.offsetX}else o=d.globals.gridWidth/m,b=b+r(0,o)+d.config.xaxis.labels.offsetX;for(var w=function(s){var l=b-r(s,o)/2+d.config.xaxis.labels.offsetX;0===s&&1===v&&o/2===b&&1===m&&(l=d.globals.gridWidth/2);var y=n.axesUtils.getLabel(a,d.globals.timescaleLabels,l,s,h,g,t),w=28;d.globals.rotateXLabels&&t&&(w=22),t||(w=w+parseFloat(g)+(d.globals.xAxisLabelsHeight-d.globals.xAxisGroupLabelsHeight)+(d.globals.rotateXLabels?10:0)),y=void 0!==d.config.xaxis.tickAmount&&"dataPoints"!==d.config.xaxis.tickAmount&&"datetime"!==d.config.xaxis.type?n.axesUtils.checkLabelBasedOnTickamount(s,y,v):n.axesUtils.checkForOverflowingLabels(s,y,v,h,c);if(t&&y.text&&d.globals.xaxisLabelsCount++,d.config.xaxis.labels.show){var k=e.drawText({x:y.x,y:n.offY+d.config.xaxis.labels.offsetY+w-("top"===d.config.xaxis.position?d.globals.xAxisHeight+d.config.xaxis.axisTicks.height-2:0),text:y.text,textAnchor:"middle",fontWeight:y.isBold?600:p,fontSize:g,fontFamily:u,foreColor:Array.isArray(f)?t&&d.config.xaxis.convertedCatToNumeric?f[d.globals.minX+s-1]:f[s]:f,isPlainText:!1,cssClass:(t?"apexcharts-xaxis-label ":"apexcharts-xaxis-group-label ")+x});if(i.add(k),t){var A=document.createElementNS(d.globals.SVGNS,"title");A.textContent=Array.isArray(y.text)?y.text.join(" "):y.text,k.node.appendChild(A),""!==y.text&&(h.push(y.text),c.push(y))}}s<v-1&&(b+=r(s+1,o))},k=0;k<=v-1;k++)w(k)}},{key:"drawXaxisInversed",value:function(t){var e,i,a=this,s=this.w,r=new m(this.ctx),o=s.config.yaxis[0].opposite?s.globals.translateYAxisX[t]:0,n=r.group({class:"apexcharts-yaxis apexcharts-xaxis-inversed",rel:t}),l=r.group({class:"apexcharts-yaxis-texts-g apexcharts-xaxis-inversed-texts-g",transform:"translate("+o+", 0)"});n.add(l);var h=[];if(s.config.yaxis[t].show)for(var c=0;c<this.xaxisLabels.length;c++)h.push(this.xaxisLabels[c]);e=s.globals.gridHeight/h.length,i=-e/2.2;var d=s.globals.yLabelFormatters[0],g=s.config.yaxis[0].labels;if(g.show)for(var u=function(o){var n=void 0===h[o]?"":h[o];n=d(n,{seriesIndex:t,dataPointIndex:o,w:s});var c=a.axesUtils.getYAxisForeColor(g.style.colors,t),u=0;Array.isArray(n)&&(u=n.length/2*parseInt(g.style.fontSize,10));var f=r.drawText({x:g.offsetX-15,y:i+e+g.offsetY-u,text:n,textAnchor:a.yaxis.opposite?"start":"end",foreColor:Array.isArray(c)?c[o]:c,fontSize:g.style.fontSize,fontFamily:g.style.fontFamily,fontWeight:g.style.fontWeight,isPlainText:!1,cssClass:"apexcharts-yaxis-label "+g.style.cssClass});l.add(f);var p=document.createElementNS(s.globals.SVGNS,"title");if(p.textContent=Array.isArray(n)?n.join(" "):n,f.node.appendChild(p),0!==s.config.yaxis[t].labels.rotate){var x=r.rotateAroundCenter(f.node);f.node.setAttribute("transform","rotate(".concat(s.config.yaxis[t].labels.rotate," 0 ").concat(x.y,")"))}i+=e},f=0;f<=h.length-1;f++)u(f);if(void 0!==s.config.yaxis[0].title.text){var p=r.group({class:"apexcharts-yaxis-title apexcharts-xaxis-title-inversed",transform:"translate("+o+", 0)"}),x=r.drawText({x:0,y:s.globals.gridHeight/2,text:s.config.yaxis[0].title.text,textAnchor:"middle",foreColor:s.config.yaxis[0].title.style.color,fontSize:s.config.yaxis[0].title.style.fontSize,fontWeight:s.config.yaxis[0].title.style.fontWeight,fontFamily:s.config.yaxis[0].title.style.fontFamily,cssClass:"apexcharts-yaxis-title-text "+s.config.yaxis[0].title.style.cssClass});p.add(x),n.add(p)}var b=0;this.isCategoryBarHorizontal&&s.config.yaxis[0].opposite&&(b=s.globals.gridWidth);var v=s.config.xaxis.axisBorder;if(v.show){var y=r.drawLine(s.globals.padHorizontal+v.offsetX+b,1+v.offsetY,s.globals.padHorizontal+v.offsetX+b,s.globals.gridHeight+v.offsetY,v.color,0);n.add(y)}return s.config.yaxis[0].axisTicks.show&&this.axesUtils.drawYAxisTicks(b,h.length,s.config.yaxis[0].axisBorder,s.config.yaxis[0].axisTicks,0,e,n),n}},{key:"drawXaxisTicks",value:function(t,e,i){var a=this.w,s=t;if(!(t<0||t-2>a.globals.gridWidth)){var r=this.offY+a.config.xaxis.axisTicks.offsetY;if(e=e+r+a.config.xaxis.axisTicks.height,"top"===a.config.xaxis.position&&(e=r-a.config.xaxis.axisTicks.height),a.config.xaxis.axisTicks.show){var o=new m(this.ctx).drawLine(t+a.config.xaxis.axisTicks.offsetX,r+a.config.xaxis.offsetY,s+a.config.xaxis.axisTicks.offsetX,e+a.config.xaxis.offsetY,a.config.xaxis.axisTicks.color);i.add(o),o.node.classList.add("apexcharts-xaxis-tick")}}}},{key:"getXAxisTicksPositions",value:function(){var t=this.w,e=[],i=this.xaxisLabels.length,a=t.globals.padHorizontal;if(t.globals.timescaleLabels.length>0)for(var s=0;s<i;s++)a=this.xaxisLabels[s].position,e.push(a);else for(var r=i,o=0;o<r;o++){var n=r;t.globals.isXNumeric&&"bar"!==t.config.chart.type&&(n-=1),a+=t.globals.gridWidth/n,e.push(a)}return e}},{key:"xAxisLabelCorrections",value:function(){var t=this.w,e=new m(this.ctx),i=t.globals.dom.baseEl.querySelector(".apexcharts-xaxis-texts-g"),a=t.globals.dom.baseEl.querySelectorAll(".apexcharts-xaxis-texts-g text:not(.apexcharts-xaxis-group-label)"),s=t.globals.dom.baseEl.querySelectorAll(".apexcharts-yaxis-inversed text"),r=t.globals.dom.baseEl.querySelectorAll(".apexcharts-xaxis-inversed-texts-g text tspan");if(t.globals.rotateXLabels||t.config.xaxis.labels.rotateAlways)for(var o=0;o<a.length;o++){var n=e.rotateAroundCenter(a[o]);n.y=n.y-1,n.x=n.x+1,a[o].setAttribute("transform","rotate(".concat(t.config.xaxis.labels.rotate," ").concat(n.x," ").concat(n.y,")")),a[o].setAttribute("text-anchor","end");i.setAttribute("transform","translate(0, ".concat(-10,")"));var l=a[o].childNodes;t.config.xaxis.labels.trim&&Array.prototype.forEach.call(l,(function(i){e.placeTextWithEllipsis(i,i.textContent,t.globals.xAxisLabelsHeight-("bottom"===t.config.legend.position?20:10))}))}else!function(){for(var i=t.globals.gridWidth/(t.globals.labels.length+1),s=0;s<a.length;s++){var r=a[s].childNodes;t.config.xaxis.labels.trim&&"datetime"!==t.config.xaxis.type&&Array.prototype.forEach.call(r,(function(t){e.placeTextWithEllipsis(t,t.textContent,i)}))}}();if(s.length>0){var h=s[s.length-1].getBBox(),c=s[0].getBBox();h.x<-20&&s[s.length-1].parentNode.removeChild(s[s.length-1]),c.x+c.width>t.globals.gridWidth&&!t.globals.isBarHorizontal&&s[0].parentNode.removeChild(s[0]);for(var d=0;d<r.length;d++)e.placeTextWithEllipsis(r[d],r[d].textContent,t.config.yaxis[0].labels.maxWidth-(t.config.yaxis[0].title.text?2*parseFloat(t.config.yaxis[0].title.style.fontSize):0)-15)}}}]),t}(),U=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w;var i=this.w;this.xaxisLabels=i.globals.labels.slice(),this.axesUtils=new G(e),this.isRangeBar=i.globals.seriesRangeBar.length,i.globals.timescaleLabels.length>0&&(this.xaxisLabels=i.globals.timescaleLabels.slice())}return r(t,[{key:"drawGridArea",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=this.w,i=new m(this.ctx);null===t&&(t=i.group({class:"apexcharts-grid"}));var a=i.drawLine(e.globals.padHorizontal,1,e.globals.padHorizontal,e.globals.gridHeight,"transparent"),s=i.drawLine(e.globals.padHorizontal,e.globals.gridHeight,e.globals.gridWidth,e.globals.gridHeight,"transparent");return t.add(s),t.add(a),t}},{key:"drawGrid",value:function(){var t=null;return this.w.globals.axisCharts&&(t=this.renderGrid(),this.drawGridArea(t.el)),t}},{key:"createGridMask",value:function(){var t=this.w,e=t.globals,i=new m(this.ctx),a=Array.isArray(t.config.stroke.width)?0:t.config.stroke.width;if(Array.isArray(t.config.stroke.width)){var s=0;t.config.stroke.width.forEach((function(t){s=Math.max(s,t)})),a=s}e.dom.elGridRectMask=document.createElementNS(e.SVGNS,"clipPath"),e.dom.elGridRectMask.setAttribute("id","gridRectMask".concat(e.cuid)),e.dom.elGridRectMarkerMask=document.createElementNS(e.SVGNS,"clipPath"),e.dom.elGridRectMarkerMask.setAttribute("id","gridRectMarkerMask".concat(e.cuid)),e.dom.elForecastMask=document.createElementNS(e.SVGNS,"clipPath"),e.dom.elForecastMask.setAttribute("id","forecastMask".concat(e.cuid)),e.dom.elNonForecastMask=document.createElementNS(e.SVGNS,"clipPath"),e.dom.elNonForecastMask.setAttribute("id","nonForecastMask".concat(e.cuid));var r=t.config.chart.type,o=0,n=0;("bar"===r||"rangeBar"===r||"candlestick"===r||"boxPlot"===r||t.globals.comboBarCount>0)&&t.globals.isXNumeric&&!t.globals.isBarHorizontal&&(o=t.config.grid.padding.left,n=t.config.grid.padding.right,e.barPadForNumericAxis>o&&(o=e.barPadForNumericAxis,n=e.barPadForNumericAxis)),e.dom.elGridRect=i.drawRect(-a/2-o-2,-a/2,e.gridWidth+a+n+o+4,e.gridHeight+a,0,"#fff");var l=t.globals.markers.largestSize+1;e.dom.elGridRectMarker=i.drawRect(2*-l,2*-l,e.gridWidth+4*l,e.gridHeight+4*l,0,"#fff"),e.dom.elGridRectMask.appendChild(e.dom.elGridRect.node),e.dom.elGridRectMarkerMask.appendChild(e.dom.elGridRectMarker.node);var h=e.dom.baseEl.querySelector("defs");h.appendChild(e.dom.elGridRectMask),h.appendChild(e.dom.elForecastMask),h.appendChild(e.dom.elNonForecastMask),h.appendChild(e.dom.elGridRectMarkerMask)}},{key:"_drawGridLines",value:function(t){var e=t.i,i=t.x1,a=t.y1,s=t.x2,r=t.y2,o=t.xCount,n=t.parent,l=this.w;if(!(0===e&&l.globals.skipFirstTimelinelabel||e===o-1&&l.globals.skipLastTimelinelabel&&!l.config.xaxis.labels.formatter||"radar"===l.config.chart.type)){l.config.grid.xaxis.lines.show&&this._drawGridLine({x1:i,y1:a,x2:s,y2:r,parent:n});var h=0;if(l.globals.hasGroups&&"between"===l.config.xaxis.tickPlacement){var c=l.globals.groups;if(c){for(var d=0,g=0;d<e&&g<c.length;g++)d+=c[g].cols;d===e&&(h=.6*l.globals.xAxisLabelsHeight)}}new _(this.ctx).drawXaxisTicks(i,h,this.elg)}}},{key:"_drawGridLine",value:function(t){var e=t.x1,i=t.y1,a=t.x2,s=t.y2,r=t.parent,o=this.w,n=r.node.classList.contains("apexcharts-gridlines-horizontal"),l=o.config.grid.strokeDashArray,h=o.globals.barPadForNumericAxis,c=new m(this).drawLine(e-(n?h:0),i,a+(n?h:0),s,o.config.grid.borderColor,l);c.node.classList.add("apexcharts-gridline"),r.add(c)}},{key:"_drawGridBandRect",value:function(t){var e=t.c,i=t.x1,a=t.y1,s=t.x2,r=t.y2,o=t.type,n=this.w,l=new m(this.ctx),h=n.globals.barPadForNumericAxis;if("column"!==o||"datetime"!==n.config.xaxis.type){var c=n.config.grid[o].colors[e],d=l.drawRect(i-("row"===o?h:0),a,s+("row"===o?2*h:0),r,0,c,n.config.grid[o].opacity);this.elg.add(d),d.attr("clip-path","url(#gridRectMask".concat(n.globals.cuid,")")),d.node.classList.add("apexcharts-grid-".concat(o))}}},{key:"_drawXYLines",value:function(t){var e=this,i=t.xCount,a=t.tickAmount,s=this.w;if(s.config.grid.xaxis.lines.show||s.config.xaxis.axisTicks.show){var r,o=s.globals.padHorizontal,n=s.globals.gridHeight;s.globals.timescaleLabels.length?function(t){for(var a=t.xC,s=t.x1,r=t.y1,o=t.x2,n=t.y2,l=0;l<a;l++)s=e.xaxisLabels[l].position,o=e.xaxisLabels[l].position,e._drawGridLines({i:l,x1:s,y1:r,x2:o,y2:n,xCount:i,parent:e.elgridLinesV})}({xC:i,x1:o,y1:0,x2:r,y2:n}):(s.globals.isXNumeric&&(i=s.globals.xAxisScale.result.length),s.config.xaxis.convertedCatToNumeric&&(i=s.globals.xaxisLabelsCount),function(t){var a=t.xC,r=t.x1,o=t.y1,n=t.x2,l=t.y2;if(void 0!==s.config.xaxis.tickAmount&&"dataPoints"!==s.config.xaxis.tickAmount&&"on"===s.config.xaxis.tickPlacement)s.globals.dom.baseEl.querySelectorAll(".apexcharts-text.apexcharts-xaxis-label tspan:not(:empty)").forEach((function(t,a){var s=t.getBBox();e._drawGridLines({i:a,x1:s.x+s.width/2,y1:o,x2:s.x+s.width/2,y2:l,xCount:i,parent:e.elgridLinesV})}));else for(var h=0;h<a+(s.globals.isXNumeric?0:1);h++)0===h&&1===a&&1===s.globals.dataPoints&&(n=r=s.globals.gridWidth/2),e._drawGridLines({i:h,x1:r,y1:o,x2:n,y2:l,xCount:i,parent:e.elgridLinesV}),n=r+=s.globals.gridWidth/(s.globals.isXNumeric?a-1:a)}({xC:i,x1:o,y1:0,x2:r,y2:n}))}if(s.config.grid.yaxis.lines.show){var l=0,h=0,c=s.globals.gridWidth,d=a+1;this.isRangeBar&&(d=s.globals.labels.length);for(var g=0;g<d+(this.isRangeBar?1:0);g++)this._drawGridLine({x1:0,y1:l,x2:c,y2:h,parent:this.elgridLinesH}),h=l+=s.globals.gridHeight/(this.isRangeBar?d:a)}}},{key:"_drawInvertedXYLines",value:function(t){var e=t.xCount,i=this.w;if(i.config.grid.xaxis.lines.show||i.config.xaxis.axisTicks.show)for(var a,s=i.globals.padHorizontal,r=i.globals.gridHeight,o=0;o<e+1;o++){i.config.grid.xaxis.lines.show&&this._drawGridLine({x1:s,y1:0,x2:a,y2:r,parent:this.elgridLinesV}),new _(this.ctx).drawXaxisTicks(s,0,this.elg),a=s=s+i.globals.gridWidth/e+.3}if(i.config.grid.yaxis.lines.show)for(var n=0,l=0,h=i.globals.gridWidth,c=0;c<i.globals.dataPoints+1;c++)this._drawGridLine({x1:0,y1:n,x2:h,y2:l,parent:this.elgridLinesH}),l=n+=i.globals.gridHeight/i.globals.dataPoints}},{key:"renderGrid",value:function(){var t=this.w,e=new m(this.ctx);this.elg=e.group({class:"apexcharts-grid"}),this.elgridLinesH=e.group({class:"apexcharts-gridlines-horizontal"}),this.elgridLinesV=e.group({class:"apexcharts-gridlines-vertical"}),this.elg.add(this.elgridLinesH),this.elg.add(this.elgridLinesV),t.config.grid.show||(this.elgridLinesV.hide(),this.elgridLinesH.hide());for(var i,a=t.globals.yAxisScale.length?t.globals.yAxisScale[0].result.length-1:5,s=0;s<t.globals.series.length&&(void 0!==t.globals.yAxisScale[s]&&(a=t.globals.yAxisScale[s].result.length-1),!(a>2));s++);return!t.globals.isBarHorizontal||this.isRangeBar?(i=this.xaxisLabels.length,this.isRangeBar&&(a=t.globals.labels.length,t.config.xaxis.tickAmount&&t.config.xaxis.labels.formatter&&(i=t.config.xaxis.tickAmount)),this._drawXYLines({xCount:i,tickAmount:a})):(i=a,a=t.globals.xTickAmount,this._drawInvertedXYLines({xCount:i,tickAmount:a})),this.drawGridBands(i,a),{el:this.elg,xAxisTickWidth:t.globals.gridWidth/i}}},{key:"drawGridBands",value:function(t,e){var i=this.w;if(void 0!==i.config.grid.row.colors&&i.config.grid.row.colors.length>0)for(var a=0,s=i.globals.gridHeight/e,r=i.globals.gridWidth,o=0,n=0;o<e;o++,n++)n>=i.config.grid.row.colors.length&&(n=0),this._drawGridBandRect({c:n,x1:0,y1:a,x2:r,y2:s,type:"row"}),a+=i.globals.gridHeight/e;if(void 0!==i.config.grid.column.colors&&i.config.grid.column.colors.length>0)for(var l=i.globals.isBarHorizontal||"category"!==i.config.xaxis.type&&!i.config.xaxis.convertedCatToNumeric?t:t-1,h=i.globals.padHorizontal,c=i.globals.padHorizontal+i.globals.gridWidth/l,d=i.globals.gridHeight,g=0,u=0;g<t;g++,u++)u>=i.config.grid.column.colors.length&&(u=0),this._drawGridBandRect({c:u,x1:h,y1:0,x2:c,y2:d,type:"column"}),h+=i.globals.gridWidth/l}}]),t}(),q=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"niceScale",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,s=arguments.length>4?arguments[4]:void 0,r=this.w,o=Math.abs(e-t);if("dataPoints"===(i=this._adjustTicksForSmallRange(i,a,o))&&(i=r.globals.dataPoints-1),t===Number.MIN_VALUE&&0===e||!x.isNumber(t)&&!x.isNumber(e)||t===Number.MIN_VALUE&&e===-Number.MAX_VALUE){t=0,e=i;var n=this.linearScale(t,e,i);return n}t>e?(console.warn("axis.min cannot be greater than axis.max"),e=t+.1):t===e&&(t=0===t?0:t-.5,e=0===e?2:e+.5);var l=[];o<1&&s&&("candlestick"===r.config.chart.type||"candlestick"===r.config.series[a].type||"boxPlot"===r.config.chart.type||"boxPlot"===r.config.series[a].type||r.globals.isRangeData)&&(e*=1.01);var h=i+1;h<2?h=2:h>2&&(h-=2);var c=o/h,d=Math.floor(x.log10(c)),g=Math.pow(10,d),u=Math.round(c/g);u<1&&(u=1);var f=u*g,p=f*Math.floor(t/f),b=f*Math.ceil(e/f),v=p;if(s&&o>2){for(;l.push(v),!((v+=f)>b););return{result:l,niceMin:l[0],niceMax:l[l.length-1]}}var m=t;(l=[]).push(m);for(var y=Math.abs(e-t)/i,w=0;w<=i;w++)m+=y,l.push(m);return l[l.length-2]>=e&&l.pop(),{result:l,niceMin:l[0],niceMax:l[l.length-1]}}},{key:"linearScale",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10,a=arguments.length>3?arguments[3]:void 0,s=Math.abs(e-t);"dataPoints"===(i=this._adjustTicksForSmallRange(i,a,s))&&(i=this.w.globals.dataPoints-1);var r=s/i;i===Number.MAX_VALUE&&(i=10,r=1);for(var o=[],n=t;i>=0;)o.push(n),n+=r,i-=1;return{result:o,niceMin:o[0],niceMax:o[o.length-1]}}},{key:"logarithmicScaleNice",value:function(t,e,i){e<=0&&(e=Math.max(t,i)),t<=0&&(t=Math.min(e,i));for(var a=[],s=Math.ceil(Math.log(e)/Math.log(i)+1),r=Math.floor(Math.log(t)/Math.log(i));r<s;r++)a.push(Math.pow(i,r));return{result:a,niceMin:a[0],niceMax:a[a.length-1]}}},{key:"logarithmicScale",value:function(t,e,i){e<=0&&(e=Math.max(t,i)),t<=0&&(t=Math.min(e,i));for(var a=[],s=Math.log(e)/Math.log(i),r=Math.log(t)/Math.log(i),o=s-r,n=Math.round(o),l=o/n,h=0,c=r;h<n;h++,c+=l)a.push(Math.pow(i,c));return a.push(Math.pow(i,s)),{result:a,niceMin:t,niceMax:e}}},{key:"_adjustTicksForSmallRange",value:function(t,e,i){var a=t;if(void 0!==e&&this.w.config.yaxis[e].labels.formatter&&void 0===this.w.config.yaxis[e].tickAmount){var s=this.w.config.yaxis[e].labels.formatter(1);x.isNumber(Number(s))&&!x.isFloat(s)&&(a=Math.ceil(i))}return a<t?a:t}},{key:"setYScaleForIndex",value:function(t,e,i){var a=this.w.globals,s=this.w.config,r=a.isBarHorizontal?s.xaxis:s.yaxis[t];void 0===a.yAxisScale[t]&&(a.yAxisScale[t]=[]);var o=Math.abs(i-e);if(r.logarithmic&&o<=5&&(a.invalidLogScale=!0),r.logarithmic&&o>5)a.allSeriesCollapsed=!1,a.yAxisScale[t]=this.logarithmicScale(e,i,r.logBase),a.yAxisScale[t]=r.forceNiceScale?this.logarithmicScaleNice(e,i,r.logBase):this.logarithmicScale(e,i,r.logBase);else if(i!==-Number.MAX_VALUE&&x.isNumber(i))if(a.allSeriesCollapsed=!1,void 0===r.min&&void 0===r.max||r.forceNiceScale){var n=void 0===s.yaxis[t].max&&void 0===s.yaxis[t].min||s.yaxis[t].forceNiceScale;a.yAxisScale[t]=this.niceScale(e,i,r.tickAmount?r.tickAmount:o<5&&o>1?o+1:5,t,n)}else a.yAxisScale[t]=this.linearScale(e,i,r.tickAmount,t);else a.yAxisScale[t]=this.linearScale(0,5,5)}},{key:"setXScale",value:function(t,e){var i=this.w,a=i.globals,s=i.config.xaxis,r=Math.abs(e-t);return e!==-Number.MAX_VALUE&&x.isNumber(e)?a.xAxisScale=this.linearScale(t,e,s.tickAmount?s.tickAmount:r<5&&r>1?r+1:5,0):a.xAxisScale=this.linearScale(0,5,5),a.xAxisScale}},{key:"setMultipleYScales",value:function(){var t=this,e=this.w.globals,i=this.w.config,a=e.minYArr.concat([]),s=e.maxYArr.concat([]),r=[];i.yaxis.forEach((function(e,o){var n=o;i.series.forEach((function(t,i){t.name===e.seriesName&&(n=i,o!==i?r.push({index:i,similarIndex:o,alreadyExists:!0}):r.push({index:i}))}));var l=a[n],h=s[n];t.setYScaleForIndex(o,l,h)})),this.sameScaleInMultipleAxes(a,s,r)}},{key:"sameScaleInMultipleAxes",value:function(t,e,i){var a=this,s=this.w.config,r=this.w.globals,o=[];i.forEach((function(t){t.alreadyExists&&(void 0===o[t.index]&&(o[t.index]=[]),o[t.index].push(t.index),o[t.index].push(t.similarIndex))})),r.yAxisSameScaleIndices=o,o.forEach((function(t,e){o.forEach((function(i,a){var s,r;e!==a&&(s=t,r=i,s.filter((function(t){return-1!==r.indexOf(t)}))).length>0&&(o[e]=o[e].concat(o[a]))}))}));var n=o.map((function(t){return t.filter((function(e,i){return t.indexOf(e)===i}))})).map((function(t){return t.sort()}));o=o.filter((function(t){return!!t}));var l=n.slice(),h=l.map((function(t){return JSON.stringify(t)}));l=l.filter((function(t,e){return h.indexOf(JSON.stringify(t))===e}));var c=[],d=[];t.forEach((function(t,i){l.forEach((function(a,s){a.indexOf(i)>-1&&(void 0===c[s]&&(c[s]=[],d[s]=[]),c[s].push({key:i,value:t}),d[s].push({key:i,value:e[i]}))}))}));var g=Array.apply(null,Array(l.length)).map(Number.prototype.valueOf,Number.MIN_VALUE),u=Array.apply(null,Array(l.length)).map(Number.prototype.valueOf,-Number.MAX_VALUE);c.forEach((function(t,e){t.forEach((function(t,i){g[e]=Math.min(t.value,g[e])}))})),d.forEach((function(t,e){t.forEach((function(t,i){u[e]=Math.max(t.value,u[e])}))})),t.forEach((function(t,e){d.forEach((function(t,i){var o=g[i],n=u[i];s.chart.stacked&&(n=0,t.forEach((function(t,e){t.value!==-Number.MAX_VALUE&&(n+=t.value),o!==Number.MIN_VALUE&&(o+=c[i][e].value)}))),t.forEach((function(i,l){t[l].key===e&&(void 0!==s.yaxis[e].min&&(o="function"==typeof s.yaxis[e].min?s.yaxis[e].min(r.minY):s.yaxis[e].min),void 0!==s.yaxis[e].max&&(n="function"==typeof s.yaxis[e].max?s.yaxis[e].max(r.maxY):s.yaxis[e].max),a.setYScaleForIndex(e,o,n))}))}))}))}},{key:"autoScaleY",value:function(t,e,i){t||(t=this);var a=t.w;if(a.globals.isMultipleYAxis||a.globals.collapsedSeries.length)return console.warn("autoScaleYaxis is not supported in a multi-yaxis chart."),e;var s=a.globals.seriesX[0],r=a.config.chart.stacked;return e.forEach((function(t,o){for(var n=0,l=0;l<s.length;l++)if(s[l]>=i.xaxis.min){n=l;break}var h,c,d=a.globals.minYArr[o],g=a.globals.maxYArr[o],u=a.globals.stackedSeriesTotals;a.globals.series.forEach((function(o,l){var f=o[n];r?(f=u[n],h=c=f,u.forEach((function(t,e){s[e]<=i.xaxis.max&&s[e]>=i.xaxis.min&&(t>c&&null!==t&&(c=t),o[e]<h&&null!==o[e]&&(h=o[e]))}))):(h=c=f,o.forEach((function(t,e){if(s[e]<=i.xaxis.max&&s[e]>=i.xaxis.min){var r=t,o=t;a.globals.series.forEach((function(i,a){null!==t&&(r=Math.min(i[e],r),o=Math.max(i[e],o))})),o>c&&null!==o&&(c=o),r<h&&null!==r&&(h=r)}}))),void 0===h&&void 0===c&&(h=d,c=g),(c*=c<0?.9:1.1)<0&&c<g&&(c=g),(h*=h<0?1.1:.9)<0&&h>d&&(h=d),e.length>1?(e[l].min=void 0===t.min?h:t.min,e[l].max=void 0===t.max?c:t.max):(e[0].min=void 0===t.min?h:t.min,e[0].max=void 0===t.max?c:t.max)}))})),e}}]),t}(),Z=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w,this.scales=new q(e)}return r(t,[{key:"init",value:function(){this.setYRange(),this.setXRange(),this.setZRange()}},{key:"getMinYMaxY",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Number.MAX_VALUE,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-Number.MAX_VALUE,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,s=this.w.config,r=this.w.globals,o=-Number.MAX_VALUE,n=Number.MIN_VALUE;null===a&&(a=t+1);var l=r.series,h=l,c=l;"candlestick"===s.chart.type?(h=r.seriesCandleL,c=r.seriesCandleH):"boxPlot"===s.chart.type?(h=r.seriesCandleO,c=r.seriesCandleC):r.isRangeData&&(h=r.seriesRangeStart,c=r.seriesRangeEnd);for(var d=t;d<a;d++){r.dataPoints=Math.max(r.dataPoints,l[d].length),r.categoryLabels.length&&(r.dataPoints=r.categoryLabels.filter((function(t){return void 0!==t})).length);for(var g=0;g<r.series[d].length;g++){var u=l[d][g];null!==u&&x.isNumber(u)?(void 0!==c[d][g]&&(o=Math.max(o,c[d][g]),e=Math.min(e,c[d][g])),void 0!==h[d][g]&&(e=Math.min(e,h[d][g]),i=Math.max(i,h[d][g])),"candlestick"!==this.w.config.chart.type&&"boxPlot"!==this.w.config.chart.type||(void 0!==r.seriesCandleC[d][g]&&(o=Math.max(o,r.seriesCandleO[d][g]),o=Math.max(o,r.seriesCandleH[d][g]),o=Math.max(o,r.seriesCandleL[d][g]),o=Math.max(o,r.seriesCandleC[d][g]),"boxPlot"===this.w.config.chart.type&&(o=Math.max(o,r.seriesCandleM[d][g]))),!s.series[d].type||"candlestick"===s.series[d].type&&"boxPlot"===s.series[d].type||(o=Math.max(o,r.series[d][g]),e=Math.min(e,r.series[d][g])),i=o),r.seriesGoals[d]&&r.seriesGoals[d][g]&&Array.isArray(r.seriesGoals[d][g])&&r.seriesGoals[d][g].forEach((function(t){n!==Number.MIN_VALUE&&(n=Math.min(n,t.value),e=n),o=Math.max(o,t.value),i=o})),x.isFloat(u)&&(u=x.noExponents(u),r.yValueDecimal=Math.max(r.yValueDecimal,u.toString().split(".")[1].length)),n>h[d][g]&&h[d][g]<0&&(n=h[d][g])):r.hasNullValues=!0}}return"rangeBar"===s.chart.type&&r.seriesRangeStart.length&&r.isBarHorizontal&&(n=e),"bar"===s.chart.type&&(n<0&&o<0&&(o=0),n===Number.MIN_VALUE&&(n=0)),{minY:n,maxY:o,lowestY:e,highestY:i}}},{key:"setYRange",value:function(){var t=this.w.globals,e=this.w.config;t.maxY=-Number.MAX_VALUE,t.minY=Number.MIN_VALUE;var i=Number.MAX_VALUE;if(t.isMultipleYAxis)for(var a=0;a<t.series.length;a++){var s=this.getMinYMaxY(a,i,null,a+1);t.minYArr.push(s.minY),t.maxYArr.push(s.maxY),i=s.lowestY}var r=this.getMinYMaxY(0,i,null,t.series.length);if(t.minY=r.minY,t.maxY=r.maxY,i=r.lowestY,e.chart.stacked&&this._setStackedMinMax(),("line"===e.chart.type||"area"===e.chart.type||"candlestick"===e.chart.type||"boxPlot"===e.chart.type||"rangeBar"===e.chart.type&&!t.isBarHorizontal)&&t.minY===Number.MIN_VALUE&&i!==-Number.MAX_VALUE&&i!==t.maxY){var o=t.maxY-i;(i>=0&&i<=10||void 0!==e.yaxis[0].min||void 0!==e.yaxis[0].max)&&(o=0),t.minY=i-5*o/100,i>0&&t.minY<0&&(t.minY=0),t.maxY=t.maxY+5*o/100}if(e.yaxis.forEach((function(e,i){void 0!==e.max&&("number"==typeof e.max?t.maxYArr[i]=e.max:"function"==typeof e.max&&(t.maxYArr[i]=e.max(t.isMultipleYAxis?t.maxYArr[i]:t.maxY)),t.maxY=t.maxYArr[i]),void 0!==e.min&&("number"==typeof e.min?t.minYArr[i]=e.min:"function"==typeof e.min&&(t.minYArr[i]=e.min(t.isMultipleYAxis?t.minYArr[i]===Number.MIN_VALUE?0:t.minYArr[i]:t.minY)),t.minY=t.minYArr[i])})),t.isBarHorizontal){["min","max"].forEach((function(i){void 0!==e.xaxis[i]&&"number"==typeof e.xaxis[i]&&("min"===i?t.minY=e.xaxis[i]:t.maxY=e.xaxis[i])}))}return t.isMultipleYAxis?(this.scales.setMultipleYScales(),t.minY=i,t.yAxisScale.forEach((function(e,i){t.minYArr[i]=e.niceMin,t.maxYArr[i]=e.niceMax}))):(this.scales.setYScaleForIndex(0,t.minY,t.maxY),t.minY=t.yAxisScale[0].niceMin,t.maxY=t.yAxisScale[0].niceMax,t.minYArr[0]=t.yAxisScale[0].niceMin,t.maxYArr[0]=t.yAxisScale[0].niceMax),{minY:t.minY,maxY:t.maxY,minYArr:t.minYArr,maxYArr:t.maxYArr,yAxisScale:t.yAxisScale}}},{key:"setXRange",value:function(){var t=this.w.globals,e=this.w.config,i="numeric"===e.xaxis.type||"datetime"===e.xaxis.type||"category"===e.xaxis.type&&!t.noLabelsProvided||t.noLabelsProvided||t.isXNumeric;if(t.isXNumeric&&function(){for(var e=0;e<t.series.length;e++)if(t.labels[e])for(var i=0;i<t.labels[e].length;i++)null!==t.labels[e][i]&&x.isNumber(t.labels[e][i])&&(t.maxX=Math.max(t.maxX,t.labels[e][i]),t.initialMaxX=Math.max(t.maxX,t.labels[e][i]),t.minX=Math.min(t.minX,t.labels[e][i]),t.initialMinX=Math.min(t.minX,t.labels[e][i]))}(),t.noLabelsProvided&&0===e.xaxis.categories.length&&(t.maxX=t.labels[t.labels.length-1],t.initialMaxX=t.labels[t.labels.length-1],t.minX=1,t.initialMinX=1),t.isXNumeric||t.noLabelsProvided||t.dataFormatXNumeric){var a;if(void 0===e.xaxis.tickAmount?(a=Math.round(t.svgWidth/150),"numeric"===e.xaxis.type&&t.dataPoints<30&&(a=t.dataPoints-1),a>t.dataPoints&&0!==t.dataPoints&&(a=t.dataPoints-1)):"dataPoints"===e.xaxis.tickAmount?(t.series.length>1&&(a=t.series[t.maxValsInArrayIndex].length-1),t.isXNumeric&&(a=t.maxX-t.minX-1)):a=e.xaxis.tickAmount,t.xTickAmount=a,void 0!==e.xaxis.max&&"number"==typeof e.xaxis.max&&(t.maxX=e.xaxis.max),void 0!==e.xaxis.min&&"number"==typeof e.xaxis.min&&(t.minX=e.xaxis.min),void 0!==e.xaxis.range&&(t.minX=t.maxX-e.xaxis.range),t.minX!==Number.MAX_VALUE&&t.maxX!==-Number.MAX_VALUE)if(e.xaxis.convertedCatToNumeric&&!t.dataFormatXNumeric){for(var s=[],r=t.minX-1;r<t.maxX;r++)s.push(r+1);t.xAxisScale={result:s,niceMin:s[0],niceMax:s[s.length-1]}}else t.xAxisScale=this.scales.setXScale(t.minX,t.maxX);else t.xAxisScale=this.scales.linearScale(1,a,a),t.noLabelsProvided&&t.labels.length>0&&(t.xAxisScale=this.scales.linearScale(1,t.labels.length,a-1),t.seriesX=t.labels.slice());i&&(t.labels=t.xAxisScale.result.slice())}return t.isBarHorizontal&&t.labels.length&&(t.xTickAmount=t.labels.length),this._handleSingleDataPoint(),this._getMinXDiff(),{minX:t.minX,maxX:t.maxX}}},{key:"setZRange",value:function(){var t=this.w.globals;if(t.isDataXYZ)for(var e=0;e<t.series.length;e++)if(void 0!==t.seriesZ[e])for(var i=0;i<t.seriesZ[e].length;i++)null!==t.seriesZ[e][i]&&x.isNumber(t.seriesZ[e][i])&&(t.maxZ=Math.max(t.maxZ,t.seriesZ[e][i]),t.minZ=Math.min(t.minZ,t.seriesZ[e][i]))}},{key:"_handleSingleDataPoint",value:function(){var t=this.w.globals,e=this.w.config;if(t.minX===t.maxX){var i=new R(this.ctx);if("datetime"===e.xaxis.type){var a=i.getDate(t.minX);e.xaxis.labels.datetimeUTC?a.setUTCDate(a.getUTCDate()-2):a.setDate(a.getDate()-2),t.minX=new Date(a).getTime();var s=i.getDate(t.maxX);e.xaxis.labels.datetimeUTC?s.setUTCDate(s.getUTCDate()+2):s.setDate(s.getDate()+2),t.maxX=new Date(s).getTime()}else("numeric"===e.xaxis.type||"category"===e.xaxis.type&&!t.noLabelsProvided)&&(t.minX=t.minX-2,t.initialMinX=t.minX,t.maxX=t.maxX+2,t.initialMaxX=t.maxX)}}},{key:"_getMinXDiff",value:function(){var t=this.w.globals;t.isXNumeric&&t.seriesX.forEach((function(e,i){1===e.length&&e.push(t.seriesX[t.maxValsInArrayIndex][t.seriesX[t.maxValsInArrayIndex].length-1]);var a=e.slice();a.sort((function(t,e){return t-e})),a.forEach((function(e,i){if(i>0){var s=e-a[i-1];s>0&&(t.minXDiff=Math.min(s,t.minXDiff))}})),1!==t.dataPoints&&t.minXDiff!==Number.MAX_VALUE||(t.minXDiff=.5)}))}},{key:"_setStackedMinMax",value:function(){var t=this.w.globals,e=[],i=[];if(t.series.length)for(var a=0;a<t.series[t.maxValsInArrayIndex].length;a++)for(var s=0,r=0,o=0;o<t.series.length;o++)null!==t.series[o][a]&&x.isNumber(t.series[o][a])&&(t.series[o][a]>0?s=s+parseFloat(t.series[o][a])+1e-4:r+=parseFloat(t.series[o][a])),o===t.series.length-1&&(e.push(s),i.push(r));for(var n=0;n<e.length;n++)t.maxY=Math.max(t.maxY,e[n]),t.minY=Math.min(t.minY,i[n])}}]),t}(),$=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w;var i=this.w;this.xaxisFontSize=i.config.xaxis.labels.style.fontSize,this.axisFontFamily=i.config.xaxis.labels.style.fontFamily,this.xaxisForeColors=i.config.xaxis.labels.style.colors,this.isCategoryBarHorizontal="bar"===i.config.chart.type&&i.config.plotOptions.bar.horizontal,this.xAxisoffX=0,"bottom"===i.config.xaxis.position&&(this.xAxisoffX=i.globals.gridHeight),this.drawnLabels=[],this.axesUtils=new G(e)}return r(t,[{key:"drawYaxis",value:function(t){var e=this,i=this.w,a=new m(this.ctx),s=i.config.yaxis[t].labels.style,r=s.fontSize,o=s.fontFamily,n=s.fontWeight,l=a.group({class:"apexcharts-yaxis",rel:t,transform:"translate("+i.globals.translateYAxisX[t]+", 0)"});if(this.axesUtils.isYAxisHidden(t))return l;var h=a.group({class:"apexcharts-yaxis-texts-g"});l.add(h);var c=i.globals.yAxisScale[t].result.length-1,d=i.globals.gridHeight/c,g=i.globals.translateY,u=i.globals.yLabelFormatters[t],f=i.globals.yAxisScale[t].result.slice();f=this.axesUtils.checkForReversedLabels(t,f);var p="";if(i.config.yaxis[t].labels.show)for(var x=function(l){var x=f[l];x=u(x,l,i);var b=i.config.yaxis[t].labels.padding;i.config.yaxis[t].opposite&&0!==i.config.yaxis.length&&(b*=-1);var v=e.axesUtils.getYAxisForeColor(s.colors,t),m=a.drawText({x:b,y:g+c/10+i.config.yaxis[t].labels.offsetY+1,text:x,textAnchor:i.config.yaxis[t].opposite?"start":"end",fontSize:r,fontFamily:o,fontWeight:n,maxWidth:i.config.yaxis[t].labels.maxWidth,foreColor:Array.isArray(v)?v[l]:v,isPlainText:!1,cssClass:"apexcharts-yaxis-label "+s.cssClass});l===c&&(p=m),h.add(m);var y=document.createElementNS(i.globals.SVGNS,"title");if(y.textContent=Array.isArray(x)?x.join(" "):x,m.node.appendChild(y),0!==i.config.yaxis[t].labels.rotate){var w=a.rotateAroundCenter(p.node),k=a.rotateAroundCenter(m.node);m.node.setAttribute("transform","rotate(".concat(i.config.yaxis[t].labels.rotate," ").concat(w.x," ").concat(k.y,")"))}g+=d},b=c;b>=0;b--)x(b);if(void 0!==i.config.yaxis[t].title.text){var v=a.group({class:"apexcharts-yaxis-title"}),y=0;i.config.yaxis[t].opposite&&(y=i.globals.translateYAxisX[t]);var w=a.drawText({x:y,y:i.globals.gridHeight/2+i.globals.translateY+i.config.yaxis[t].title.offsetY,text:i.config.yaxis[t].title.text,textAnchor:"end",foreColor:i.config.yaxis[t].title.style.color,fontSize:i.config.yaxis[t].title.style.fontSize,fontWeight:i.config.yaxis[t].title.style.fontWeight,fontFamily:i.config.yaxis[t].title.style.fontFamily,cssClass:"apexcharts-yaxis-title-text "+i.config.yaxis[t].title.style.cssClass});v.add(w),l.add(v)}var k=i.config.yaxis[t].axisBorder,A=31+k.offsetX;if(i.config.yaxis[t].opposite&&(A=-31-k.offsetX),k.show){var S=a.drawLine(A,i.globals.translateY+k.offsetY-2,A,i.globals.gridHeight+i.globals.translateY+k.offsetY+2,k.color,0,k.width);l.add(S)}return i.config.yaxis[t].axisTicks.show&&this.axesUtils.drawYAxisTicks(A,c,k,i.config.yaxis[t].axisTicks,t,d,l),l}},{key:"drawYaxisInversed",value:function(t){var e=this.w,i=new m(this.ctx),a=i.group({class:"apexcharts-xaxis apexcharts-yaxis-inversed"}),s=i.group({class:"apexcharts-xaxis-texts-g",transform:"translate(".concat(e.globals.translateXAxisX,", ").concat(e.globals.translateXAxisY,")")});a.add(s);var r=e.globals.yAxisScale[t].result.length-1,o=e.globals.gridWidth/r+.1,n=o+e.config.xaxis.labels.offsetX,l=e.globals.xLabelFormatter,h=e.globals.yAxisScale[t].result.slice(),c=e.globals.timescaleLabels;c.length>0&&(this.xaxisLabels=c.slice(),r=(h=c.slice()).length),h=this.axesUtils.checkForReversedLabels(t,h);var d=c.length;if(e.config.xaxis.labels.show)for(var g=d?0:r;d?g<d:g>=0;d?g++:g--){var u=h[g];u=l(u,g,e);var f=e.globals.gridWidth+e.globals.padHorizontal-(n-o+e.config.xaxis.labels.offsetX);if(c.length){var p=this.axesUtils.getLabel(h,c,f,g,this.drawnLabels,this.xaxisFontSize);f=p.x,u=p.text,this.drawnLabels.push(p.text),0===g&&e.globals.skipFirstTimelinelabel&&(u=""),g===h.length-1&&e.globals.skipLastTimelinelabel&&(u="")}var x=i.drawText({x:f,y:this.xAxisoffX+e.config.xaxis.labels.offsetY+30-("top"===e.config.xaxis.position?e.globals.xAxisHeight+e.config.xaxis.axisTicks.height-2:0),text:u,textAnchor:"middle",foreColor:Array.isArray(this.xaxisForeColors)?this.xaxisForeColors[t]:this.xaxisForeColors,fontSize:this.xaxisFontSize,fontFamily:this.xaxisFontFamily,fontWeight:e.config.xaxis.labels.style.fontWeight,isPlainText:!1,cssClass:"apexcharts-xaxis-label "+e.config.xaxis.labels.style.cssClass});s.add(x),x.tspan(u);var b=document.createElementNS(e.globals.SVGNS,"title");b.textContent=u,x.node.appendChild(b),n+=o}return this.inversedYAxisTitleText(a),this.inversedYAxisBorder(a),a}},{key:"inversedYAxisBorder",value:function(t){var e=this.w,i=new m(this.ctx),a=e.config.xaxis.axisBorder;if(a.show){var s=0;"bar"===e.config.chart.type&&e.globals.isXNumeric&&(s-=15);var r=i.drawLine(e.globals.padHorizontal+s+a.offsetX,this.xAxisoffX,e.globals.gridWidth,this.xAxisoffX,a.color,0,a.height);t.add(r)}}},{key:"inversedYAxisTitleText",value:function(t){var e=this.w,i=new m(this.ctx);if(void 0!==e.config.xaxis.title.text){var a=i.group({class:"apexcharts-xaxis-title apexcharts-yaxis-title-inversed"}),s=i.drawText({x:e.globals.gridWidth/2+e.config.xaxis.title.offsetX,y:this.xAxisoffX+parseFloat(this.xaxisFontSize)+parseFloat(e.config.xaxis.title.style.fontSize)+e.config.xaxis.title.offsetY+20,text:e.config.xaxis.title.text,textAnchor:"middle",fontSize:e.config.xaxis.title.style.fontSize,fontFamily:e.config.xaxis.title.style.fontFamily,fontWeight:e.config.xaxis.title.style.fontWeight,foreColor:e.config.xaxis.title.style.color,cssClass:"apexcharts-xaxis-title-text "+e.config.xaxis.title.style.cssClass});a.add(s),t.add(a)}}},{key:"yAxisTitleRotate",value:function(t,e){var i=this.w,a=new m(this.ctx),s={width:0,height:0},r={width:0,height:0},o=i.globals.dom.baseEl.querySelector(" .apexcharts-yaxis[rel='".concat(t,"'] .apexcharts-yaxis-texts-g"));null!==o&&(s=o.getBoundingClientRect());var n=i.globals.dom.baseEl.querySelector(".apexcharts-yaxis[rel='".concat(t,"'] .apexcharts-yaxis-title text"));if(null!==n&&(r=n.getBoundingClientRect()),null!==n){var l=this.xPaddingForYAxisTitle(t,s,r,e);n.setAttribute("x",l.xPos-(e?10:0))}if(null!==n){var h=a.rotateAroundCenter(n);n.setAttribute("transform","rotate(".concat(e?-1*i.config.yaxis[t].title.rotate:i.config.yaxis[t].title.rotate," ").concat(h.x," ").concat(h.y,")"))}}},{key:"xPaddingForYAxisTitle",value:function(t,e,i,a){var s=this.w,r=0,o=0,n=10;return void 0===s.config.yaxis[t].title.text||t<0?{xPos:o,padd:0}:(a?(o=e.width+s.config.yaxis[t].title.offsetX+i.width/2+n/2,0===(r+=1)&&(o-=n/2)):(o=-1*e.width+s.config.yaxis[t].title.offsetX+n/2+i.width/2,s.globals.isBarHorizontal&&(n=25,o=-1*e.width-s.config.yaxis[t].title.offsetX-n)),{xPos:o,padd:n})}},{key:"setYAxisXPosition",value:function(t,e){var i=this.w,a=0,s=0,r=18,o=1;i.config.yaxis.length>1&&(this.multipleYs=!0),i.config.yaxis.map((function(n,l){var h=i.globals.ignoreYAxisIndexes.indexOf(l)>-1||!n.show||n.floating||0===t[l].width,c=t[l].width+e[l].width;n.opposite?i.globals.isBarHorizontal?(s=i.globals.gridWidth+i.globals.translateX-1,i.globals.translateYAxisX[l]=s-n.labels.offsetX):(s=i.globals.gridWidth+i.globals.translateX+o,h||(o=o+c+20),i.globals.translateYAxisX[l]=s-n.labels.offsetX+20):(a=i.globals.translateX-r,h||(r=r+c+20),i.globals.translateYAxisX[l]=a+n.labels.offsetX)}))}},{key:"setYAxisTextAlignments",value:function(){var t=this.w,e=t.globals.dom.baseEl.getElementsByClassName("apexcharts-yaxis");(e=x.listToArray(e)).forEach((function(e,i){var a=t.config.yaxis[i];if(a&&void 0!==a.labels.align){var s=t.globals.dom.baseEl.querySelector(".apexcharts-yaxis[rel='".concat(i,"'] .apexcharts-yaxis-texts-g")),r=t.globals.dom.baseEl.querySelectorAll(".apexcharts-yaxis[rel='".concat(i,"'] .apexcharts-yaxis-label"));r=x.listToArray(r);var o=s.getBoundingClientRect();"left"===a.labels.align?(r.forEach((function(t,e){t.setAttribute("text-anchor","start")})),a.opposite||s.setAttribute("transform","translate(-".concat(o.width,", 0)"))):"center"===a.labels.align?(r.forEach((function(t,e){t.setAttribute("text-anchor","middle")})),s.setAttribute("transform","translate(".concat(o.width/2*(a.opposite?1:-1),", 0)"))):"right"===a.labels.align&&(r.forEach((function(t,e){t.setAttribute("text-anchor","end")})),a.opposite&&s.setAttribute("transform","translate(".concat(o.width,", 0)")))}}))}}]),t}(),J=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w,this.documentEvent=x.bind(this.documentEvent,this)}return r(t,[{key:"addEventListener",value:function(t,e){var i=this.w;i.globals.events.hasOwnProperty(t)?i.globals.events[t].push(e):i.globals.events[t]=[e]}},{key:"removeEventListener",value:function(t,e){var i=this.w;if(i.globals.events.hasOwnProperty(t)){var a=i.globals.events[t].indexOf(e);-1!==a&&i.globals.events[t].splice(a,1)}}},{key:"fireEvent",value:function(t,e){var i=this.w;if(i.globals.events.hasOwnProperty(t)){e&&e.length||(e=[]);for(var a=i.globals.events[t],s=a.length,r=0;r<s;r++)a[r].apply(null,e)}}},{key:"setupEventHandlers",value:function(){var t=this,e=this.w,i=this.ctx,a=e.globals.dom.baseEl.querySelector(e.globals.chartClass);this.ctx.eventList.forEach((function(t){a.addEventListener(t,(function(t){var a=Object.assign({},e,{seriesIndex:e.globals.capturedSeriesIndex,dataPointIndex:e.globals.capturedDataPointIndex});"mousemove"===t.type||"touchmove"===t.type?"function"==typeof e.config.chart.events.mouseMove&&e.config.chart.events.mouseMove(t,i,a):"mouseleave"===t.type||"touchleave"===t.type?"function"==typeof e.config.chart.events.mouseLeave&&e.config.chart.events.mouseLeave(t,i,a):("mouseup"===t.type&&1===t.which||"touchend"===t.type)&&("function"==typeof e.config.chart.events.click&&e.config.chart.events.click(t,i,a),i.ctx.events.fireEvent("click",[t,i,a]))}),{capture:!1,passive:!0})})),this.ctx.eventList.forEach((function(i){e.globals.dom.baseEl.addEventListener(i,t.documentEvent,{passive:!0})})),this.ctx.core.setupBrushHandler()}},{key:"documentEvent",value:function(t){var e=this.w,i=t.target.className;if("click"===t.type){var a=e.globals.dom.baseEl.querySelector(".apexcharts-menu");a&&a.classList.contains("apexcharts-menu-open")&&"apexcharts-menu-icon"!==i&&a.classList.remove("apexcharts-menu-open")}e.globals.clientX="touchmove"===t.type?t.touches[0].clientX:t.clientX,e.globals.clientY="touchmove"===t.type?t.touches[0].clientY:t.clientY}}]),t}(),Q=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"setCurrentLocaleValues",value:function(t){var e=this.w.config.chart.locales;window.Apex.chart&&window.Apex.chart.locales&&window.Apex.chart.locales.length>0&&(e=this.w.config.chart.locales.concat(window.Apex.chart.locales));var i=e.filter((function(e){return e.name===t}))[0];if(!i)throw new Error("Wrong locale name provided. Please make sure you set the correct locale name in options");var a=x.extend(C,i);this.w.globals.locale=a.options}}]),t}(),K=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"drawAxis",value:function(t,e){var i,a,s=this.w.globals,r=this.w.config,o=new _(this.ctx),n=new $(this.ctx);s.axisCharts&&"radar"!==t&&(s.isBarHorizontal?(a=n.drawYaxisInversed(0),i=o.drawXaxisInversed(0),s.dom.elGraphical.add(i),s.dom.elGraphical.add(a)):(i=o.drawXaxis(),s.dom.elGraphical.add(i),r.yaxis.map((function(t,e){-1===s.ignoreYAxisIndexes.indexOf(e)&&(a=n.drawYaxis(e),s.dom.Paper.add(a))}))))}}]),t}(),tt=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"drawXCrosshairs",value:function(){var t=this.w,e=new m(this.ctx),i=new v(this.ctx),a=t.config.xaxis.crosshairs.fill.gradient,s=t.config.xaxis.crosshairs.dropShadow,r=t.config.xaxis.crosshairs.fill.type,o=a.colorFrom,n=a.colorTo,l=a.opacityFrom,h=a.opacityTo,c=a.stops,d=s.enabled,g=s.left,u=s.top,f=s.blur,p=s.color,b=s.opacity,y=t.config.xaxis.crosshairs.fill.color;if(t.config.xaxis.crosshairs.show){"gradient"===r&&(y=e.drawGradient("vertical",o,n,l,h,null,c,null));var w=e.drawRect();1===t.config.xaxis.crosshairs.width&&(w=e.drawLine());var k=t.globals.gridHeight;(!x.isNumber(k)||k<0)&&(k=0);var A=t.config.xaxis.crosshairs.width;(!x.isNumber(A)||A<0)&&(A=0),w.attr({class:"apexcharts-xcrosshairs",x:0,y:0,y2:k,width:A,height:k,fill:y,filter:"none","fill-opacity":t.config.xaxis.crosshairs.opacity,stroke:t.config.xaxis.crosshairs.stroke.color,"stroke-width":t.config.xaxis.crosshairs.stroke.width,"stroke-dasharray":t.config.xaxis.crosshairs.stroke.dashArray}),d&&(w=i.dropShadow(w,{left:g,top:u,blur:f,color:p,opacity:b})),t.globals.dom.elGraphical.add(w)}}},{key:"drawYCrosshairs",value:function(){var t=this.w,e=new m(this.ctx),i=t.config.yaxis[0].crosshairs,a=t.globals.barPadForNumericAxis;if(t.config.yaxis[0].crosshairs.show){var s=e.drawLine(-a,0,t.globals.gridWidth+a,0,i.stroke.color,i.stroke.dashArray,i.stroke.width);s.attr({class:"apexcharts-ycrosshairs"}),t.globals.dom.elGraphical.add(s)}var r=e.drawLine(-a,0,t.globals.gridWidth+a,0,i.stroke.color,0,0);r.attr({class:"apexcharts-ycrosshairs-hidden"}),t.globals.dom.elGraphical.add(r)}}]),t}(),et=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"checkResponsiveConfig",value:function(t){var e=this,i=this.w,a=i.config;if(0!==a.responsive.length){var s=a.responsive.slice();s.sort((function(t,e){return t.breakpoint>e.breakpoint?1:e.breakpoint>t.breakpoint?-1:0})).reverse();var r=new N({}),o=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=s[0].breakpoint,o=window.innerWidth>0?window.innerWidth:screen.width;if(o>a){var n=y.extendArrayProps(r,i.globals.initialConfig,i);t=x.extend(n,t),t=x.extend(i.config,t),e.overrideResponsiveOptions(t)}else for(var l=0;l<s.length;l++)o<s[l].breakpoint&&(t=y.extendArrayProps(r,s[l].options,i),t=x.extend(i.config,t),e.overrideResponsiveOptions(t))};if(t){var n=y.extendArrayProps(r,t,i);n=x.extend(i.config,n),o(n=x.extend(n,t))}else o({})}}},{key:"overrideResponsiveOptions",value:function(t){var e=new N(t).init({responsiveOverride:!0});this.w.config=e}}]),t}(),it=function(){function t(e){a(this,t),this.ctx=e,this.colors=[],this.w=e.w;var i=this.w;this.isColorFn=!1,this.isHeatmapDistributed="treemap"===i.config.chart.type&&i.config.plotOptions.treemap.distributed||"heatmap"===i.config.chart.type&&i.config.plotOptions.heatmap.distributed,this.isBarDistributed=i.config.plotOptions.bar.distributed&&("bar"===i.config.chart.type||"rangeBar"===i.config.chart.type)}return r(t,[{key:"init",value:function(){this.setDefaultColors()}},{key:"setDefaultColors",value:function(){var t=this,e=this.w,i=new x;if(e.globals.dom.elWrap.classList.add("apexcharts-theme-".concat(e.config.theme.mode)),void 0===e.config.colors?e.globals.colors=this.predefined():(e.globals.colors=e.config.colors,Array.isArray(e.config.colors)&&e.config.colors.length>0&&"function"==typeof e.config.colors[0]&&(e.globals.colors=e.config.series.map((function(i,a){var s=e.config.colors[a];return s||(s=e.config.colors[0]),"function"==typeof s?(t.isColorFn=!0,s({value:e.globals.axisCharts?e.globals.series[a][0]?e.globals.series[a][0]:0:e.globals.series[a],seriesIndex:a,dataPointIndex:a,w:e})):s})))),e.globals.seriesColors.map((function(t,i){t&&(e.globals.colors[i]=t)})),e.config.theme.monochrome.enabled){var a=[],s=e.globals.series.length;(this.isBarDistributed||this.isHeatmapDistributed)&&(s=e.globals.series[0].length*e.globals.series.length);for(var r=e.config.theme.monochrome.color,o=1/(s/e.config.theme.monochrome.shadeIntensity),n=e.config.theme.monochrome.shadeTo,l=0,h=0;h<s;h++){var c=void 0;"dark"===n?(c=i.shadeColor(-1*l,r),l+=o):(c=i.shadeColor(l,r),l+=o),a.push(c)}e.globals.colors=a.slice()}var d=e.globals.colors.slice();this.pushExtraColors(e.globals.colors);["fill","stroke"].forEach((function(i){void 0===e.config[i].colors?e.globals[i].colors=t.isColorFn?e.config.colors:d:e.globals[i].colors=e.config[i].colors.slice(),t.pushExtraColors(e.globals[i].colors)})),void 0===e.config.dataLabels.style.colors?e.globals.dataLabels.style.colors=d:e.globals.dataLabels.style.colors=e.config.dataLabels.style.colors.slice(),this.pushExtraColors(e.globals.dataLabels.style.colors,50),void 0===e.config.plotOptions.radar.polygons.fill.colors?e.globals.radarPolygons.fill.colors=["dark"===e.config.theme.mode?"#424242":"none"]:e.globals.radarPolygons.fill.colors=e.config.plotOptions.radar.polygons.fill.colors.slice(),this.pushExtraColors(e.globals.radarPolygons.fill.colors,20),void 0===e.config.markers.colors?e.globals.markers.colors=d:e.globals.markers.colors=e.config.markers.colors.slice(),this.pushExtraColors(e.globals.markers.colors)}},{key:"pushExtraColors",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,a=this.w,s=e||a.globals.series.length;if(null===i&&(i=this.isBarDistributed||this.isHeatmapDistributed||"heatmap"===a.config.chart.type&&a.config.plotOptions.heatmap.colorScale.inverse),i&&a.globals.series.length&&(s=a.globals.series[a.globals.maxValsInArrayIndex].length*a.globals.series.length),t.length<s)for(var r=s-t.length,o=0;o<r;o++)t.push(t[o])}},{key:"updateThemeOptions",value:function(t){t.chart=t.chart||{},t.tooltip=t.tooltip||{};var e=t.theme.mode||"light",i=t.theme.palette?t.theme.palette:"dark"===e?"palette4":"palette1",a=t.chart.foreColor?t.chart.foreColor:"dark"===e?"#f6f7f8":"#373d3f";return t.tooltip.theme=e,t.chart.foreColor=a,t.theme.palette=i,t}},{key:"predefined",value:function(){switch(this.w.config.theme.palette){case"palette1":this.colors=["#008FFB","#00E396","#FEB019","#FF4560","#775DD0"];break;case"palette2":this.colors=["#3f51b5","#03a9f4","#4caf50","#f9ce1d","#FF9800"];break;case"palette3":this.colors=["#33b2df","#546E7A","#d4526e","#13d8aa","#A5978B"];break;case"palette4":this.colors=["#4ecdc4","#c7f464","#81D4FA","#fd6a6a","#546E7A"];break;case"palette5":this.colors=["#2b908f","#f9a3a4","#90ee7e","#fa4443","#69d2e7"];break;case"palette6":this.colors=["#449DD1","#F86624","#EA3546","#662E9B","#C5D86D"];break;case"palette7":this.colors=["#D7263D","#1B998B","#2E294E","#F46036","#E2C044"];break;case"palette8":this.colors=["#662E9B","#F86624","#F9C80E","#EA3546","#43BCCD"];break;case"palette9":this.colors=["#5C4742","#A5978B","#8D5B4C","#5A2A27","#C4BBAF"];break;case"palette10":this.colors=["#A300D6","#7D02EB","#5653FE","#2983FF","#00B1F2"];break;default:this.colors=["#008FFB","#00E396","#FEB019","#FF4560","#775DD0"]}return this.colors}}]),t}(),at=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"draw",value:function(){this.drawTitleSubtitle("title"),this.drawTitleSubtitle("subtitle")}},{key:"drawTitleSubtitle",value:function(t){var e=this.w,i="title"===t?e.config.title:e.config.subtitle,a=e.globals.svgWidth/2,s=i.offsetY,r="middle";if("left"===i.align?(a=10,r="start"):"right"===i.align&&(a=e.globals.svgWidth-10,r="end"),a+=i.offsetX,s=s+parseInt(i.style.fontSize,10)+i.margin/2,void 0!==i.text){var o=new m(this.ctx).drawText({x:a,y:s,text:i.text,textAnchor:r,fontSize:i.style.fontSize,fontFamily:i.style.fontFamily,fontWeight:i.style.fontWeight,foreColor:i.style.color,opacity:1});o.node.setAttribute("class","apexcharts-".concat(t,"-text")),e.globals.dom.Paper.add(o)}}}]),t}(),st=function(){function t(e){a(this,t),this.w=e.w,this.dCtx=e}return r(t,[{key:"getTitleSubtitleCoords",value:function(t){var e=this.w,i=0,a=0,s="title"===t?e.config.title.floating:e.config.subtitle.floating,r=e.globals.dom.baseEl.querySelector(".apexcharts-".concat(t,"-text"));if(null!==r&&!s){var o=r.getBoundingClientRect();i=o.width,a=e.globals.axisCharts?o.height+5:o.height}return{width:i,height:a}}},{key:"getLegendsRect",value:function(){var t=this.w,e=t.globals.dom.baseEl.querySelector(".apexcharts-legend");t.config.legend.height||"top"!==t.config.legend.position&&"bottom"!==t.config.legend.position||(e.style.maxHeight=t.globals.svgHeight/2+"px");var i=Object.assign({},x.getBoundingClientRect(e));return null!==e&&!t.config.legend.floating&&t.config.legend.show?this.dCtx.lgRect={x:i.x,y:i.y,height:i.height,width:0===i.height?0:i.width}:this.dCtx.lgRect={x:0,y:0,height:0,width:0},"left"!==t.config.legend.position&&"right"!==t.config.legend.position||1.5*this.dCtx.lgRect.width>t.globals.svgWidth&&(this.dCtx.lgRect.width=t.globals.svgWidth/1.5),this.dCtx.lgRect}},{key:"getLargestStringFromMultiArr",value:function(t,e){var i=t;if(this.w.globals.isMultiLineX){var a=e.map((function(t,e){return Array.isArray(t)?t.length:1})),s=Math.max.apply(Math,u(a));i=e[a.indexOf(s)]}return i}}]),t}(),rt=function(){function t(e){a(this,t),this.w=e.w,this.dCtx=e}return r(t,[{key:"getxAxisLabelsCoords",value:function(){var t,e=this.w,i=e.globals.labels.slice();if(e.config.xaxis.convertedCatToNumeric&&0===i.length&&(i=e.globals.categoryLabels),e.globals.timescaleLabels.length>0){var a=this.getxAxisTimeScaleLabelsCoords();t={width:a.width,height:a.height},e.globals.rotateXLabels=!1}else{this.dCtx.lgWidthForSideLegends="left"!==e.config.legend.position&&"right"!==e.config.legend.position||e.config.legend.floating?0:this.dCtx.lgRect.width;var s=e.globals.xLabelFormatter,r=x.getLargestStringFromArr(i),o=this.dCtx.dimHelpers.getLargestStringFromMultiArr(r,i);e.globals.isBarHorizontal&&(o=r=e.globals.yAxisScale[0].result.reduce((function(t,e){return t.length>e.length?t:e}),0));var n=new V(this.dCtx.ctx),l=r;r=n.xLabelFormat(s,r,l,{i:void 0,dateFormatter:new R(this.dCtx.ctx).formatDate,w:e}),o=n.xLabelFormat(s,o,l,{i:void 0,dateFormatter:new R(this.dCtx.ctx).formatDate,w:e}),(e.config.xaxis.convertedCatToNumeric&&void 0===r||""===String(r).trim())&&(o=r="1");var h=new m(this.dCtx.ctx),c=h.getTextRects(r,e.config.xaxis.labels.style.fontSize),d=c;if(r!==o&&(d=h.getTextRects(o,e.config.xaxis.labels.style.fontSize)),(t={width:c.width>=d.width?c.width:d.width,height:c.height>=d.height?c.height:d.height}).width*i.length>e.globals.svgWidth-this.dCtx.lgWidthForSideLegends-this.dCtx.yAxisWidth-this.dCtx.gridPad.left-this.dCtx.gridPad.right&&0!==e.config.xaxis.labels.rotate||e.config.xaxis.labels.rotateAlways){if(!e.globals.isBarHorizontal){e.globals.rotateXLabels=!0;var g=function(t){return h.getTextRects(t,e.config.xaxis.labels.style.fontSize,e.config.xaxis.labels.style.fontFamily,"rotate(".concat(e.config.xaxis.labels.rotate," 0 0)"),!1)};c=g(r),r!==o&&(d=g(o)),t.height=(c.height>d.height?c.height:d.height)/1.5,t.width=c.width>d.width?c.width:d.width}}else e.globals.rotateXLabels=!1}return e.config.xaxis.labels.show||(t={width:0,height:0}),{width:t.width,height:t.height}}},{key:"getxAxisGroupLabelsCoords",value:function(){var t,e=this.w;if(!e.globals.hasGroups)return{width:0,height:0};var i,a=(null===(t=e.config.xaxis.group.style)||void 0===t?void 0:t.fontSize)||e.config.xaxis.labels.style.fontSize,s=e.globals.groups.map((function(t){return t.title})),r=x.getLargestStringFromArr(s),o=this.dCtx.dimHelpers.getLargestStringFromMultiArr(r,s),n=new m(this.dCtx.ctx),l=n.getTextRects(r,a),h=l;return r!==o&&(h=n.getTextRects(o,a)),i={width:l.width>=h.width?l.width:h.width,height:l.height>=h.height?l.height:h.height},e.config.xaxis.labels.show||(i={width:0,height:0}),{width:i.width,height:i.height}}},{key:"getxAxisTitleCoords",value:function(){var t=this.w,e=0,i=0;if(void 0!==t.config.xaxis.title.text){var a=new m(this.dCtx.ctx).getTextRects(t.config.xaxis.title.text,t.config.xaxis.title.style.fontSize);e=a.width,i=a.height}return{width:e,height:i}}},{key:"getxAxisTimeScaleLabelsCoords",value:function(){var t,e=this.w;this.dCtx.timescaleLabels=e.globals.timescaleLabels.slice();var i=this.dCtx.timescaleLabels.map((function(t){return t.value})),a=i.reduce((function(t,e){return void 0===t?(console.error("You have possibly supplied invalid Date format. Please supply a valid JavaScript Date"),0):t.length>e.length?t:e}),0);return 1.05*(t=new m(this.dCtx.ctx).getTextRects(a,e.config.xaxis.labels.style.fontSize)).width*i.length>e.globals.gridWidth&&0!==e.config.xaxis.labels.rotate&&(e.globals.overlappingXLabels=!0),t}},{key:"additionalPaddingXLabels",value:function(t){var e=this,i=this.w,a=i.globals,s=i.config,r=s.xaxis.type,o=t.width;a.skipLastTimelinelabel=!1,a.skipFirstTimelinelabel=!1;var n=i.config.yaxis[0].opposite&&i.globals.isBarHorizontal,l=function(t,n){(function(t){return-1!==a.collapsedSeriesIndices.indexOf(t)})(n)||function(t){if(e.dCtx.timescaleLabels&&e.dCtx.timescaleLabels.length){var n=e.dCtx.timescaleLabels[0],l=e.dCtx.timescaleLabels[e.dCtx.timescaleLabels.length-1].position+o/1.75-e.dCtx.yAxisWidthRight,h=n.position-o/1.75+e.dCtx.yAxisWidthLeft,c="right"===i.config.legend.position&&e.dCtx.lgRect.width>0?e.dCtx.lgRect.width:0;l>a.svgWidth-a.translateX-c&&(a.skipLastTimelinelabel=!0),h<-(t.show&&!t.floating||"bar"!==s.chart.type&&"candlestick"!==s.chart.type&&"rangeBar"!==s.chart.type&&"boxPlot"!==s.chart.type?10:o/1.75)&&(a.skipFirstTimelinelabel=!0)}else"datetime"===r?e.dCtx.gridPad.right<o&&!a.rotateXLabels&&(a.skipLastTimelinelabel=!0):"datetime"!==r&&e.dCtx.gridPad.right<o/2-e.dCtx.yAxisWidthRight&&!a.rotateXLabels&&!i.config.xaxis.labels.trim&&("between"!==i.config.xaxis.tickPlacement||i.globals.isBarHorizontal)&&(e.dCtx.xPadRight=o/2+1)}(t)};s.yaxis.forEach((function(t,i){n?(e.dCtx.gridPad.left<o&&(e.dCtx.xPadLeft=o/2+1),e.dCtx.xPadRight=o/2+1):l(t,i)}))}}]),t}(),ot=function(){function t(e){a(this,t),this.w=e.w,this.dCtx=e}return r(t,[{key:"getyAxisLabelsCoords",value:function(){var t=this,e=this.w,i=[],a=10,s=new G(this.dCtx.ctx);return e.config.yaxis.map((function(r,o){var n=e.globals.yAxisScale[o],l=0;if(!s.isYAxisHidden(o)&&r.labels.show&&void 0!==r.labels.minWidth&&(l=r.labels.minWidth),!s.isYAxisHidden(o)&&r.labels.show&&n.result.length){var h=e.globals.yLabelFormatters[o],c=n.niceMin===Number.MIN_VALUE?0:n.niceMin,d=String(c).length>String(n.niceMax).length?c:n.niceMax,g=h(d,{seriesIndex:o,dataPointIndex:-1,w:e}),u=g;if(void 0!==g&&0!==g.length||(g=d),e.globals.isBarHorizontal){a=0;var f=e.globals.labels.slice();g=h(g=x.getLargestStringFromArr(f),{seriesIndex:o,dataPointIndex:-1,w:e}),u=t.dCtx.dimHelpers.getLargestStringFromMultiArr(g,f)}var p=new m(t.dCtx.ctx),b="rotate(".concat(r.labels.rotate," 0 0)"),v=p.getTextRects(g,r.labels.style.fontSize,r.labels.style.fontFamily,b,!1),y=v;g!==u&&(y=p.getTextRects(u,r.labels.style.fontSize,r.labels.style.fontFamily,b,!1)),i.push({width:(l>y.width||l>v.width?l:y.width>v.width?y.width:v.width)+a,height:y.height>v.height?y.height:v.height})}else i.push({width:0,height:0})})),i}},{key:"getyAxisTitleCoords",value:function(){var t=this,e=this.w,i=[];return e.config.yaxis.map((function(e,a){if(e.show&&void 0!==e.title.text){var s=new m(t.dCtx.ctx),r="rotate(".concat(e.title.rotate," 0 0)"),o=s.getTextRects(e.title.text,e.title.style.fontSize,e.title.style.fontFamily,r,!1);i.push({width:o.width,height:o.height})}else i.push({width:0,height:0})})),i}},{key:"getTotalYAxisWidth",value:function(){var t=this.w,e=0,i=0,a=0,s=t.globals.yAxisScale.length>1?10:0,r=new G(this.dCtx.ctx),o=function(o,n){var l=t.config.yaxis[n].floating,h=0;o.width>0&&!l?(h=o.width+s,function(e){return t.globals.ignoreYAxisIndexes.indexOf(e)>-1}(n)&&(h=h-o.width-s)):h=l||r.isYAxisHidden(n)?0:5,t.config.yaxis[n].opposite?a+=h:i+=h,e+=h};return t.globals.yLabelsCoords.map((function(t,e){o(t,e)})),t.globals.yTitleCoords.map((function(t,e){o(t,e)})),t.globals.isBarHorizontal&&!t.config.yaxis[0].floating&&(e=t.globals.yLabelsCoords[0].width+t.globals.yTitleCoords[0].width+15),this.dCtx.yAxisWidthLeft=i,this.dCtx.yAxisWidthRight=a,e}}]),t}(),nt=function(){function t(e){a(this,t),this.w=e.w,this.dCtx=e}return r(t,[{key:"gridPadForColumnsInNumericAxis",value:function(t){var e=this.w;if(e.globals.noData||e.globals.allSeriesCollapsed)return 0;var i=function(t){return"bar"===t||"rangeBar"===t||"candlestick"===t||"boxPlot"===t},a=e.config.chart.type,s=0,r=i(a)?e.config.series.length:1;if(e.globals.comboBarCount>0&&(r=e.globals.comboBarCount),e.globals.collapsedSeries.forEach((function(t){i(t.type)&&(r-=1)})),e.config.chart.stacked&&(r=1),(i(a)||e.globals.comboBarCount>0)&&e.globals.isXNumeric&&!e.globals.isBarHorizontal&&r>0){var o,n,l=Math.abs(e.globals.initialMaxX-e.globals.initialMinX);l<=3&&(l=e.globals.dataPoints),o=l/t,e.globals.minXDiff&&e.globals.minXDiff/o>0&&(n=e.globals.minXDiff/o),n>t/2&&(n/=2),(s=n/r*parseInt(e.config.plotOptions.bar.columnWidth,10)/100)<1&&(s=1),s=s/(r>1?1:1.5)+5,e.globals.barPadForNumericAxis=s}return s}},{key:"gridPadFortitleSubtitle",value:function(){var t=this,e=this.w,i=e.globals,a=this.dCtx.isSparkline||!e.globals.axisCharts?0:10;["title","subtitle"].forEach((function(i){void 0!==e.config[i].text?a+=e.config[i].margin:a+=t.dCtx.isSparkline||!e.globals.axisCharts?0:5})),!e.config.legend.show||"bottom"!==e.config.legend.position||e.config.legend.floating||e.globals.axisCharts||(a+=10);var s=this.dCtx.dimHelpers.getTitleSubtitleCoords("title"),r=this.dCtx.dimHelpers.getTitleSubtitleCoords("subtitle");i.gridHeight=i.gridHeight-s.height-r.height-a,i.translateY=i.translateY+s.height+r.height+a}},{key:"setGridXPosForDualYAxis",value:function(t,e){var i=this.w,a=new G(this.dCtx.ctx);i.config.yaxis.map((function(s,r){-1!==i.globals.ignoreYAxisIndexes.indexOf(r)||s.floating||a.isYAxisHidden(r)||(s.opposite&&(i.globals.translateX=i.globals.translateX-(e[r].width+t[r].width)-parseInt(i.config.yaxis[r].labels.style.fontSize,10)/1.2-12),i.globals.translateX<2&&(i.globals.translateX=2))}))}}]),t}(),lt=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w,this.lgRect={},this.yAxisWidth=0,this.yAxisWidthLeft=0,this.yAxisWidthRight=0,this.xAxisHeight=0,this.isSparkline=this.w.config.chart.sparkline.enabled,this.dimHelpers=new st(this),this.dimYAxis=new ot(this),this.dimXAxis=new rt(this),this.dimGrid=new nt(this),this.lgWidthForSideLegends=0,this.gridPad=this.w.config.grid.padding,this.xPadRight=0,this.xPadLeft=0}return r(t,[{key:"plotCoords",value:function(){var t=this,e=this.w,i=e.globals;this.lgRect=this.dimHelpers.getLegendsRect(),this.isSparkline&&(e.config.markers.discrete.length>0||e.config.markers.size>0)&&Object.entries(this.gridPad).forEach((function(e){var i=g(e,2),a=i[0],s=i[1];t.gridPad[a]=Math.max(s,t.w.globals.markers.largestSize/1.5)})),i.axisCharts?this.setDimensionsForAxisCharts():this.setDimensionsForNonAxisCharts(),this.dimGrid.gridPadFortitleSubtitle(),i.gridHeight=i.gridHeight-this.gridPad.top-this.gridPad.bottom,i.gridWidth=i.gridWidth-this.gridPad.left-this.gridPad.right-this.xPadRight-this.xPadLeft;var a=this.dimGrid.gridPadForColumnsInNumericAxis(i.gridWidth);i.gridWidth=i.gridWidth-2*a,i.translateX=i.translateX+this.gridPad.left+this.xPadLeft+(a>0?a+4:0),i.translateY=i.translateY+this.gridPad.top}},{key:"setDimensionsForAxisCharts",value:function(){var t=this,e=this.w,i=e.globals,a=this.dimYAxis.getyAxisLabelsCoords(),s=this.dimYAxis.getyAxisTitleCoords();e.globals.yLabelsCoords=[],e.globals.yTitleCoords=[],e.config.yaxis.map((function(t,i){e.globals.yLabelsCoords.push({width:a[i].width,index:i}),e.globals.yTitleCoords.push({width:s[i].width,index:i})})),this.yAxisWidth=this.dimYAxis.getTotalYAxisWidth();var r=this.dimXAxis.getxAxisLabelsCoords(),o=this.dimXAxis.getxAxisGroupLabelsCoords(),n=this.dimXAxis.getxAxisTitleCoords();this.conditionalChecksForAxisCoords(r,n,o),i.translateXAxisY=e.globals.rotateXLabels?this.xAxisHeight/8:-4,i.translateXAxisX=e.globals.rotateXLabels&&e.globals.isXNumeric&&e.config.xaxis.labels.rotate<=-45?-this.xAxisWidth/4:0,e.globals.isBarHorizontal&&(i.rotateXLabels=!1,i.translateXAxisY=parseInt(e.config.xaxis.labels.style.fontSize,10)/1.5*-1),i.translateXAxisY=i.translateXAxisY+e.config.xaxis.labels.offsetY,i.translateXAxisX=i.translateXAxisX+e.config.xaxis.labels.offsetX;var l=this.yAxisWidth,h=this.xAxisHeight;i.xAxisLabelsHeight=this.xAxisHeight-n.height,i.xAxisGroupLabelsHeight=i.xAxisLabelsHeight-r.height,i.xAxisLabelsWidth=this.xAxisWidth,i.xAxisHeight=this.xAxisHeight;var c=10;("radar"===e.config.chart.type||this.isSparkline)&&(l=0,h=i.goldenPadding),this.isSparkline&&(this.lgRect={height:0,width:0}),(this.isSparkline||"treemap"===e.config.chart.type)&&(l=0,h=0,c=0),this.isSparkline||this.dimXAxis.additionalPaddingXLabels(r);var d=function(){i.translateX=l,i.gridHeight=i.svgHeight-t.lgRect.height-h-(t.isSparkline||"treemap"===e.config.chart.type?0:e.globals.rotateXLabels?10:15),i.gridWidth=i.svgWidth-l};switch("top"===e.config.xaxis.position&&(c=i.xAxisHeight-e.config.xaxis.axisTicks.height-5),e.config.legend.position){case"bottom":i.translateY=c,d();break;case"top":i.translateY=this.lgRect.height+c,d();break;case"left":i.translateY=c,i.translateX=this.lgRect.width+l,i.gridHeight=i.svgHeight-h-12,i.gridWidth=i.svgWidth-this.lgRect.width-l;break;case"right":i.translateY=c,i.translateX=l,i.gridHeight=i.svgHeight-h-12,i.gridWidth=i.svgWidth-this.lgRect.width-l-5;break;default:throw new Error("Legend position not supported")}this.dimGrid.setGridXPosForDualYAxis(s,a),new $(this.ctx).setYAxisXPosition(a,s)}},{key:"setDimensionsForNonAxisCharts",value:function(){var t=this.w,e=t.globals,i=t.config,a=0;t.config.legend.show&&!t.config.legend.floating&&(a=20);var s="pie"===i.chart.type||"polarArea"===i.chart.type||"donut"===i.chart.type?"pie":"radialBar",r=i.plotOptions[s].offsetY,o=i.plotOptions[s].offsetX;if(!i.legend.show||i.legend.floating)return e.gridHeight=e.svgHeight-i.grid.padding.left+i.grid.padding.right,e.gridWidth=e.gridHeight,e.translateY=r,void(e.translateX=o+(e.svgWidth-e.gridWidth)/2);switch(i.legend.position){case"bottom":e.gridHeight=e.svgHeight-this.lgRect.height-e.goldenPadding,e.gridWidth=e.svgWidth,e.translateY=r-10,e.translateX=o+(e.svgWidth-e.gridWidth)/2;break;case"top":e.gridHeight=e.svgHeight-this.lgRect.height-e.goldenPadding,e.gridWidth=e.svgWidth,e.translateY=this.lgRect.height+r+10,e.translateX=o+(e.svgWidth-e.gridWidth)/2;break;case"left":e.gridWidth=e.svgWidth-this.lgRect.width-a,e.gridHeight="auto"!==i.chart.height?e.svgHeight:e.gridWidth,e.translateY=r,e.translateX=o+this.lgRect.width+a;break;case"right":e.gridWidth=e.svgWidth-this.lgRect.width-a-5,e.gridHeight="auto"!==i.chart.height?e.svgHeight:e.gridWidth,e.translateY=r,e.translateX=o+10;break;default:throw new Error("Legend position not supported")}}},{key:"conditionalChecksForAxisCoords",value:function(t,e,i){var a=this.w,s=a.globals.hasGroups?2:1,r=i.height+t.height+e.height,o=a.globals.isMultiLineX?1.2:a.globals.LINE_HEIGHT_RATIO,n=a.globals.rotateXLabels?22:10,l=a.globals.rotateXLabels&&"bottom"===a.config.legend.position?10:0;this.xAxisHeight=r*o+s*n+l,this.xAxisWidth=t.width,this.xAxisHeight-e.height>a.config.xaxis.labels.maxHeight&&(this.xAxisHeight=a.config.xaxis.labels.maxHeight),a.config.xaxis.labels.minHeight&&this.xAxisHeight<a.config.xaxis.labels.minHeight&&(this.xAxisHeight=a.config.xaxis.labels.minHeight),a.config.xaxis.floating&&(this.xAxisHeight=0);var h=0,c=0;a.config.yaxis.forEach((function(t){h+=t.labels.minWidth,c+=t.labels.maxWidth})),this.yAxisWidth<h&&(this.yAxisWidth=h),this.yAxisWidth>c&&(this.yAxisWidth=c)}}]),t}(),ht=function(){function t(e){a(this,t),this.w=e.w,this.lgCtx=e}return r(t,[{key:"getLegendStyles",value:function(){var t=document.createElement("style");t.setAttribute("type","text/css");var e=document.createTextNode("\t\n    \t\n      .apexcharts-legend {\t\n        display: flex;\t\n        overflow: auto;\t\n        padding: 0 10px;\t\n      }\t\n      .apexcharts-legend.apx-legend-position-bottom, .apexcharts-legend.apx-legend-position-top {\t\n        flex-wrap: wrap\t\n      }\t\n      .apexcharts-legend.apx-legend-position-right, .apexcharts-legend.apx-legend-position-left {\t\n        flex-direction: column;\t\n        bottom: 0;\t\n      }\t\n      .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left, .apexcharts-legend.apx-legend-position-top.apexcharts-align-left, .apexcharts-legend.apx-legend-position-right, .apexcharts-legend.apx-legend-position-left {\t\n        justify-content: flex-start;\t\n      }\t\n      .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-center, .apexcharts-legend.apx-legend-position-top.apexcharts-align-center {\t\n        justify-content: center;  \t\n      }\t\n      .apexcharts-legend.apx-legend-position-bottom.apexcharts-align-right, .apexcharts-legend.apx-legend-position-top.apexcharts-align-right {\t\n        justify-content: flex-end;\t\n      }\t\n      .apexcharts-legend-series {\t\n        cursor: pointer;\t\n        line-height: normal;\t\n      }\t\n      .apexcharts-legend.apx-legend-position-bottom .apexcharts-legend-series, .apexcharts-legend.apx-legend-position-top .apexcharts-legend-series{\t\n        display: flex;\t\n        align-items: center;\t\n      }\t\n      .apexcharts-legend-text {\t\n        position: relative;\t\n        font-size: 14px;\t\n      }\t\n      .apexcharts-legend-text *, .apexcharts-legend-marker * {\t\n        pointer-events: none;\t\n      }\t\n      .apexcharts-legend-marker {\t\n        position: relative;\t\n        display: inline-block;\t\n        cursor: pointer;\t\n        margin-right: 3px;\t\n        border-style: solid;\n      }\t\n      \t\n      .apexcharts-legend.apexcharts-align-right .apexcharts-legend-series, .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series{\t\n        display: inline-block;\t\n      }\t\n      .apexcharts-legend-series.apexcharts-no-click {\t\n        cursor: auto;\t\n      }\t\n      .apexcharts-legend .apexcharts-hidden-zero-series, .apexcharts-legend .apexcharts-hidden-null-series {\t\n        display: none !important;\t\n      }\t\n      .apexcharts-inactive-legend {\t\n        opacity: 0.45;\t\n      }");return t.appendChild(e),t}},{key:"getLegendBBox",value:function(){var t=this.w.globals.dom.baseEl.querySelector(".apexcharts-legend").getBoundingClientRect(),e=t.width;return{clwh:t.height,clww:e}}},{key:"appendToForeignObject",value:function(){var t=this.w.globals;t.dom.elLegendForeign=document.createElementNS(t.SVGNS,"foreignObject");var e=t.dom.elLegendForeign;e.setAttribute("x",0),e.setAttribute("y",0),e.setAttribute("width",t.svgWidth),e.setAttribute("height",t.svgHeight),t.dom.elLegendWrap.setAttribute("xmlns","http://www.w3.org/1999/xhtml"),e.appendChild(t.dom.elLegendWrap),e.appendChild(this.getLegendStyles()),t.dom.Paper.node.insertBefore(e,t.dom.elGraphical.node)}},{key:"toggleDataSeries",value:function(t,e){var i=this,a=this.w;if(a.globals.axisCharts||"radialBar"===a.config.chart.type){a.globals.resized=!0;var s=null,r=null;if(a.globals.risingSeries=[],a.globals.axisCharts?(s=a.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(t,"']")),r=parseInt(s.getAttribute("data:realIndex"),10)):(s=a.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(t+1,"']")),r=parseInt(s.getAttribute("rel"),10)-1),e)[{cs:a.globals.collapsedSeries,csi:a.globals.collapsedSeriesIndices},{cs:a.globals.ancillaryCollapsedSeries,csi:a.globals.ancillaryCollapsedSeriesIndices}].forEach((function(t){i.riseCollapsedSeries(t.cs,t.csi,r)}));else this.hideSeries({seriesEl:s,realIndex:r})}else{var o=a.globals.dom.Paper.select(" .apexcharts-series[rel='".concat(t+1,"'] path")),n=a.config.chart.type;if("pie"===n||"polarArea"===n||"donut"===n){var l=a.config.plotOptions.pie.donut.labels;new m(this.lgCtx.ctx).pathMouseDown(o.members[0],null),this.lgCtx.ctx.pie.printDataLabelsInner(o.members[0].node,l)}o.fire("click")}}},{key:"hideSeries",value:function(t){var e=t.seriesEl,i=t.realIndex,a=this.w,s=x.clone(a.config.series);if(a.globals.axisCharts){var r=!1;if(a.config.yaxis[i]&&a.config.yaxis[i].show&&a.config.yaxis[i].showAlways&&(r=!0,a.globals.ancillaryCollapsedSeriesIndices.indexOf(i)<0&&(a.globals.ancillaryCollapsedSeries.push({index:i,data:s[i].data.slice(),type:e.parentNode.className.baseVal.split("-")[1]}),a.globals.ancillaryCollapsedSeriesIndices.push(i))),!r){a.globals.collapsedSeries.push({index:i,data:s[i].data.slice(),type:e.parentNode.className.baseVal.split("-")[1]}),a.globals.collapsedSeriesIndices.push(i);var o=a.globals.risingSeries.indexOf(i);a.globals.risingSeries.splice(o,1)}}else a.globals.collapsedSeries.push({index:i,data:s[i]}),a.globals.collapsedSeriesIndices.push(i);for(var n=e.childNodes,l=0;l<n.length;l++)n[l].classList.contains("apexcharts-series-markers-wrap")&&(n[l].classList.contains("apexcharts-hide")?n[l].classList.remove("apexcharts-hide"):n[l].classList.add("apexcharts-hide"));a.globals.allSeriesCollapsed=a.globals.collapsedSeries.length===a.config.series.length,s=this._getSeriesBasedOnCollapsedState(s),this.lgCtx.ctx.updateHelpers._updateSeries(s,a.config.chart.animations.dynamicAnimation.enabled)}},{key:"riseCollapsedSeries",value:function(t,e,i){var a=this.w,s=x.clone(a.config.series);if(t.length>0){for(var r=0;r<t.length;r++)t[r].index===i&&(a.globals.axisCharts?(s[i].data=t[r].data.slice(),t.splice(r,1),e.splice(r,1),a.globals.risingSeries.push(i)):(s[i]=t[r].data,t.splice(r,1),e.splice(r,1),a.globals.risingSeries.push(i)));s=this._getSeriesBasedOnCollapsedState(s),this.lgCtx.ctx.updateHelpers._updateSeries(s,a.config.chart.animations.dynamicAnimation.enabled)}}},{key:"_getSeriesBasedOnCollapsedState",value:function(t){var e=this.w;return e.globals.axisCharts?t.forEach((function(i,a){e.globals.collapsedSeriesIndices.indexOf(a)>-1&&(t[a].data=[])})):t.forEach((function(i,a){e.globals.collapsedSeriesIndices.indexOf(a)>-1&&(t[a]=0)})),t}}]),t}(),ct=function(){function t(e,i){a(this,t),this.ctx=e,this.w=e.w,this.onLegendClick=this.onLegendClick.bind(this),this.onLegendHovered=this.onLegendHovered.bind(this),this.isBarsDistributed="bar"===this.w.config.chart.type&&this.w.config.plotOptions.bar.distributed&&1===this.w.config.series.length,this.legendHelpers=new ht(this)}return r(t,[{key:"init",value:function(){var t=this.w,e=t.globals,i=t.config;if((i.legend.showForSingleSeries&&1===e.series.length||this.isBarsDistributed||e.series.length>1||!e.axisCharts)&&i.legend.show){for(;e.dom.elLegendWrap.firstChild;)e.dom.elLegendWrap.removeChild(e.dom.elLegendWrap.firstChild);this.drawLegends(),x.isIE11()?document.getElementsByTagName("head")[0].appendChild(this.legendHelpers.getLegendStyles()):this.legendHelpers.appendToForeignObject(),"bottom"===i.legend.position||"top"===i.legend.position?this.legendAlignHorizontal():"right"!==i.legend.position&&"left"!==i.legend.position||this.legendAlignVertical()}}},{key:"drawLegends",value:function(){var t=this,e=this.w,i=e.config.legend.fontFamily,a=e.globals.seriesNames,s=e.globals.colors.slice();if("heatmap"===e.config.chart.type){var r=e.config.plotOptions.heatmap.colorScale.ranges;a=r.map((function(t){return t.name?t.name:t.from+" - "+t.to})),s=r.map((function(t){return t.color}))}else this.isBarsDistributed&&(a=e.globals.labels.slice());e.config.legend.customLegendItems.length&&(a=e.config.legend.customLegendItems);for(var o=e.globals.legendFormatter,n=e.config.legend.inverseOrder,l=n?a.length-1:0;n?l>=0:l<=a.length-1;n?l--:l++){var h=o(a[l],{seriesIndex:l,w:e}),c=!1,d=!1;if(e.globals.collapsedSeries.length>0)for(var g=0;g<e.globals.collapsedSeries.length;g++)e.globals.collapsedSeries[g].index===l&&(c=!0);if(e.globals.ancillaryCollapsedSeriesIndices.length>0)for(var u=0;u<e.globals.ancillaryCollapsedSeriesIndices.length;u++)e.globals.ancillaryCollapsedSeriesIndices[u]===l&&(d=!0);var f=document.createElement("span");f.classList.add("apexcharts-legend-marker");var p=e.config.legend.markers.offsetX,b=e.config.legend.markers.offsetY,v=e.config.legend.markers.height,w=e.config.legend.markers.width,k=e.config.legend.markers.strokeWidth,A=e.config.legend.markers.strokeColor,S=e.config.legend.markers.radius,C=f.style;C.background=s[l],C.color=s[l],C.setProperty("background",s[l],"important"),e.config.legend.markers.fillColors&&e.config.legend.markers.fillColors[l]&&(C.background=e.config.legend.markers.fillColors[l]),void 0!==e.globals.seriesColors[l]&&(C.background=e.globals.seriesColors[l],C.color=e.globals.seriesColors[l]),C.height=Array.isArray(v)?parseFloat(v[l])+"px":parseFloat(v)+"px",C.width=Array.isArray(w)?parseFloat(w[l])+"px":parseFloat(w)+"px",C.left=(Array.isArray(p)?parseFloat(p[l]):parseFloat(p))+"px",C.top=(Array.isArray(b)?parseFloat(b[l]):parseFloat(b))+"px",C.borderWidth=Array.isArray(k)?k[l]:k,C.borderColor=Array.isArray(A)?A[l]:A,C.borderRadius=Array.isArray(S)?parseFloat(S[l])+"px":parseFloat(S)+"px",e.config.legend.markers.customHTML&&(Array.isArray(e.config.legend.markers.customHTML)?e.config.legend.markers.customHTML[l]&&(f.innerHTML=e.config.legend.markers.customHTML[l]()):f.innerHTML=e.config.legend.markers.customHTML()),m.setAttrs(f,{rel:l+1,"data:collapsed":c||d}),(c||d)&&f.classList.add("apexcharts-inactive-legend");var L=document.createElement("div"),P=document.createElement("span");P.classList.add("apexcharts-legend-text"),P.innerHTML=Array.isArray(h)?h.join(" "):h;var M=e.config.legend.labels.useSeriesColors?e.globals.colors[l]:e.config.legend.labels.colors;M||(M=e.config.chart.foreColor),P.style.color=M,P.style.fontSize=parseFloat(e.config.legend.fontSize)+"px",P.style.fontWeight=e.config.legend.fontWeight,P.style.fontFamily=i||e.config.chart.fontFamily,m.setAttrs(P,{rel:l+1,i:l,"data:default-text":encodeURIComponent(h),"data:collapsed":c||d}),L.appendChild(f),L.appendChild(P);var T=new y(this.ctx);if(!e.config.legend.showForZeroSeries)0===T.getSeriesTotalByIndex(l)&&T.seriesHaveSameValues(l)&&!T.isSeriesNull(l)&&-1===e.globals.collapsedSeriesIndices.indexOf(l)&&-1===e.globals.ancillaryCollapsedSeriesIndices.indexOf(l)&&L.classList.add("apexcharts-hidden-zero-series");e.config.legend.showForNullSeries||T.isSeriesNull(l)&&-1===e.globals.collapsedSeriesIndices.indexOf(l)&&-1===e.globals.ancillaryCollapsedSeriesIndices.indexOf(l)&&L.classList.add("apexcharts-hidden-null-series"),e.globals.dom.elLegendWrap.appendChild(L),e.globals.dom.elLegendWrap.classList.add("apexcharts-align-".concat(e.config.legend.horizontalAlign)),e.globals.dom.elLegendWrap.classList.add("apx-legend-position-"+e.config.legend.position),L.classList.add("apexcharts-legend-series"),L.style.margin="".concat(e.config.legend.itemMargin.vertical,"px ").concat(e.config.legend.itemMargin.horizontal,"px"),e.globals.dom.elLegendWrap.style.width=e.config.legend.width?e.config.legend.width+"px":"",e.globals.dom.elLegendWrap.style.height=e.config.legend.height?e.config.legend.height+"px":"",m.setAttrs(L,{rel:l+1,seriesName:x.escapeString(a[l]),"data:collapsed":c||d}),(c||d)&&L.classList.add("apexcharts-inactive-legend"),e.config.legend.onItemClick.toggleDataSeries||L.classList.add("apexcharts-no-click")}e.globals.dom.elWrap.addEventListener("click",t.onLegendClick,!0),e.config.legend.onItemHover.highlightDataSeries&&0===e.config.legend.customLegendItems.length&&(e.globals.dom.elWrap.addEventListener("mousemove",t.onLegendHovered,!0),e.globals.dom.elWrap.addEventListener("mouseout",t.onLegendHovered,!0))}},{key:"setLegendWrapXY",value:function(t,e){var i=this.w,a=i.globals.dom.baseEl.querySelector(".apexcharts-legend"),s=a.getBoundingClientRect(),r=0,o=0;if("bottom"===i.config.legend.position)o+=i.globals.svgHeight-s.height/2;else if("top"===i.config.legend.position){var n=new lt(this.ctx),l=n.dimHelpers.getTitleSubtitleCoords("title").height,h=n.dimHelpers.getTitleSubtitleCoords("subtitle").height;o=o+(l>0?l-10:0)+(h>0?h-10:0)}a.style.position="absolute",r=r+t+i.config.legend.offsetX,o=o+e+i.config.legend.offsetY,a.style.left=r+"px",a.style.top=o+"px","bottom"===i.config.legend.position?(a.style.top="auto",a.style.bottom=5-i.config.legend.offsetY+"px"):"right"===i.config.legend.position&&(a.style.left="auto",a.style.right=25+i.config.legend.offsetX+"px");["width","height"].forEach((function(t){a.style[t]&&(a.style[t]=parseInt(i.config.legend[t],10)+"px")}))}},{key:"legendAlignHorizontal",value:function(){var t=this.w;t.globals.dom.baseEl.querySelector(".apexcharts-legend").style.right=0;var e=this.legendHelpers.getLegendBBox(),i=new lt(this.ctx),a=i.dimHelpers.getTitleSubtitleCoords("title"),s=i.dimHelpers.getTitleSubtitleCoords("subtitle"),r=0;"bottom"===t.config.legend.position?r=-e.clwh/1.8:"top"===t.config.legend.position&&(r=a.height+s.height+t.config.title.margin+t.config.subtitle.margin-10),this.setLegendWrapXY(20,r)}},{key:"legendAlignVertical",value:function(){var t=this.w,e=this.legendHelpers.getLegendBBox(),i=0;"left"===t.config.legend.position&&(i=20),"right"===t.config.legend.position&&(i=t.globals.svgWidth-e.clww-10),this.setLegendWrapXY(i,20)}},{key:"onLegendHovered",value:function(t){var e=this.w,i=t.target.classList.contains("apexcharts-legend-text")||t.target.classList.contains("apexcharts-legend-marker");if("heatmap"===e.config.chart.type||this.isBarsDistributed){if(i){var a=parseInt(t.target.getAttribute("rel"),10)-1;this.ctx.events.fireEvent("legendHover",[this.ctx,a,this.w]),new E(this.ctx).highlightRangeInSeries(t,t.target)}}else!t.target.classList.contains("apexcharts-inactive-legend")&&i&&new E(this.ctx).toggleSeriesOnHover(t,t.target)}},{key:"onLegendClick",value:function(t){var e=this.w;if(!e.config.legend.customLegendItems.length&&(t.target.classList.contains("apexcharts-legend-text")||t.target.classList.contains("apexcharts-legend-marker"))){var i=parseInt(t.target.getAttribute("rel"),10)-1,a="true"===t.target.getAttribute("data:collapsed"),s=this.w.config.chart.events.legendClick;"function"==typeof s&&s(this.ctx,i,this.w),this.ctx.events.fireEvent("legendClick",[this.ctx,i,this.w]);var r=this.w.config.legend.markers.onClick;"function"==typeof r&&t.target.classList.contains("apexcharts-legend-marker")&&(r(this.ctx,i,this.w),this.ctx.events.fireEvent("legendMarkerClick",[this.ctx,i,this.w])),"treemap"!==e.config.chart.type&&"heatmap"!==e.config.chart.type&&!this.isBarsDistributed&&e.config.legend.onItemClick.toggleDataSeries&&this.legendHelpers.toggleDataSeries(i,a)}}}]),t}(),dt=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w;var i=this.w;this.ev=this.w.config.chart.events,this.selectedClass="apexcharts-selected",this.localeValues=this.w.globals.locale.toolbar,this.minX=i.globals.minX,this.maxX=i.globals.maxX}return r(t,[{key:"createToolbar",value:function(){var t=this,e=this.w,i=function(){return document.createElement("div")},a=i();if(a.setAttribute("class","apexcharts-toolbar"),a.style.top=e.config.chart.toolbar.offsetY+"px",a.style.right=3-e.config.chart.toolbar.offsetX+"px",e.globals.dom.elWrap.appendChild(a),this.elZoom=i(),this.elZoomIn=i(),this.elZoomOut=i(),this.elPan=i(),this.elSelection=i(),this.elZoomReset=i(),this.elMenuIcon=i(),this.elMenu=i(),this.elCustomIcons=[],this.t=e.config.chart.toolbar.tools,Array.isArray(this.t.customIcons))for(var s=0;s<this.t.customIcons.length;s++)this.elCustomIcons.push(i());var r=[],o=function(i,a,s){var o=i.toLowerCase();t.t[o]&&e.config.chart.zoom.enabled&&r.push({el:a,icon:"string"==typeof t.t[o]?t.t[o]:s,title:t.localeValues[i],class:"apexcharts-".concat(o,"-icon")})};o("zoomIn",this.elZoomIn,'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n    <path d="M0 0h24v24H0z" fill="none"/>\n    <path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>\n</svg>\n'),o("zoomOut",this.elZoomOut,'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n    <path d="M0 0h24v24H0z" fill="none"/>\n    <path d="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>\n</svg>\n');var n=function(i){t.t[i]&&e.config.chart[i].enabled&&r.push({el:"zoom"===i?t.elZoom:t.elSelection,icon:"string"==typeof t.t[i]?t.t[i]:"zoom"===i?'<svg xmlns="http://www.w3.org/2000/svg" fill="#000000" height="24" viewBox="0 0 24 24" width="24">\n    <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>\n    <path d="M0 0h24v24H0V0z" fill="none"/>\n    <path d="M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z"/>\n</svg>':'<svg fill="#6E8192" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">\n    <path d="M0 0h24v24H0z" fill="none"/>\n    <path d="M3 5h2V3c-1.1 0-2 .9-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2c0-1.1-.9-2-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm-2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2z"/>\n</svg>',title:t.localeValues["zoom"===i?"selectionZoom":"selection"],class:e.globals.isTouchDevice?"apexcharts-element-hidden":"apexcharts-".concat(i,"-icon")})};n("zoom"),n("selection"),this.t.pan&&e.config.chart.zoom.enabled&&r.push({el:this.elPan,icon:"string"==typeof this.t.pan?this.t.pan:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000" height="24" viewBox="0 0 24 24" width="24">\n    <defs>\n        <path d="M0 0h24v24H0z" id="a"/>\n    </defs>\n    <clipPath id="b">\n        <use overflow="visible" xlink:href="#a"/>\n    </clipPath>\n    <path clip-path="url(#b)" d="M23 5.5V20c0 2.2-1.8 4-4 4h-7.3c-1.08 0-2.1-.43-2.85-1.19L1 14.83s1.26-1.23 1.3-1.25c.22-.19.49-.29.79-.29.22 0 .42.06.6.16.04.01 4.31 2.46 4.31 2.46V4c0-.83.67-1.5 1.5-1.5S11 3.17 11 4v7h1V1.5c0-.83.67-1.5 1.5-1.5S15 .67 15 1.5V11h1V2.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V11h1V5.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5z"/>\n</svg>',title:this.localeValues.pan,class:e.globals.isTouchDevice?"apexcharts-element-hidden":"apexcharts-pan-icon"}),o("reset",this.elZoomReset,'<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">\n    <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>\n    <path d="M0 0h24v24H0z" fill="none"/>\n</svg>'),this.t.download&&r.push({el:this.elMenuIcon,icon:"string"==typeof this.t.download?this.t.download:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>',title:this.localeValues.menu,class:"apexcharts-menu-icon"});for(var l=0;l<this.elCustomIcons.length;l++)r.push({el:this.elCustomIcons[l],icon:this.t.customIcons[l].icon,title:this.t.customIcons[l].title,index:this.t.customIcons[l].index,class:"apexcharts-toolbar-custom-icon "+this.t.customIcons[l].class});r.forEach((function(t,e){t.index&&x.moveIndexInArray(r,e,t.index)}));for(var h=0;h<r.length;h++)m.setAttrs(r[h].el,{class:r[h].class,title:r[h].title}),r[h].el.innerHTML=r[h].icon,a.appendChild(r[h].el);this._createHamburgerMenu(a),e.globals.zoomEnabled?this.elZoom.classList.add(this.selectedClass):e.globals.panEnabled?this.elPan.classList.add(this.selectedClass):e.globals.selectionEnabled&&this.elSelection.classList.add(this.selectedClass),this.addToolbarEventListeners()}},{key:"_createHamburgerMenu",value:function(t){this.elMenuItems=[],t.appendChild(this.elMenu),m.setAttrs(this.elMenu,{class:"apexcharts-menu"});var e=[{name:"exportSVG",title:this.localeValues.exportToSVG},{name:"exportPNG",title:this.localeValues.exportToPNG},{name:"exportCSV",title:this.localeValues.exportToCSV}];this.w.globals.allSeriesHasEqualX||e.splice(2,1);for(var i=0;i<e.length;i++)this.elMenuItems.push(document.createElement("div")),this.elMenuItems[i].innerHTML=e[i].title,m.setAttrs(this.elMenuItems[i],{class:"apexcharts-menu-item ".concat(e[i].name),title:e[i].title}),this.elMenu.appendChild(this.elMenuItems[i])}},{key:"addToolbarEventListeners",value:function(){var t=this;this.elZoomReset.addEventListener("click",this.handleZoomReset.bind(this)),this.elSelection.addEventListener("click",this.toggleZoomSelection.bind(this,"selection")),this.elZoom.addEventListener("click",this.toggleZoomSelection.bind(this,"zoom")),this.elZoomIn.addEventListener("click",this.handleZoomIn.bind(this)),this.elZoomOut.addEventListener("click",this.handleZoomOut.bind(this)),this.elPan.addEventListener("click",this.togglePanning.bind(this)),this.elMenuIcon.addEventListener("click",this.toggleMenu.bind(this)),this.elMenuItems.forEach((function(e){e.classList.contains("exportSVG")?e.addEventListener("click",t.handleDownload.bind(t,"svg")):e.classList.contains("exportPNG")?e.addEventListener("click",t.handleDownload.bind(t,"png")):e.classList.contains("exportCSV")&&e.addEventListener("click",t.handleDownload.bind(t,"csv"))}));for(var e=0;e<this.t.customIcons.length;e++)this.elCustomIcons[e].addEventListener("click",this.t.customIcons[e].click.bind(this,this.ctx,this.ctx.w))}},{key:"toggleZoomSelection",value:function(t){this.ctx.getSyncedCharts().forEach((function(e){e.ctx.toolbar.toggleOtherControls();var i="selection"===t?e.ctx.toolbar.elSelection:e.ctx.toolbar.elZoom,a="selection"===t?"selectionEnabled":"zoomEnabled";e.w.globals[a]=!e.w.globals[a],i.classList.contains(e.ctx.toolbar.selectedClass)?i.classList.remove(e.ctx.toolbar.selectedClass):i.classList.add(e.ctx.toolbar.selectedClass)}))}},{key:"getToolbarIconsReference",value:function(){var t=this.w;this.elZoom||(this.elZoom=t.globals.dom.baseEl.querySelector(".apexcharts-zoom-icon")),this.elPan||(this.elPan=t.globals.dom.baseEl.querySelector(".apexcharts-pan-icon")),this.elSelection||(this.elSelection=t.globals.dom.baseEl.querySelector(".apexcharts-selection-icon"))}},{key:"enableZoomPanFromToolbar",value:function(t){this.toggleOtherControls(),"pan"===t?this.w.globals.panEnabled=!0:this.w.globals.zoomEnabled=!0;var e="pan"===t?this.elPan:this.elZoom,i="pan"===t?this.elZoom:this.elPan;e&&e.classList.add(this.selectedClass),i&&i.classList.remove(this.selectedClass)}},{key:"togglePanning",value:function(){this.ctx.getSyncedCharts().forEach((function(t){t.ctx.toolbar.toggleOtherControls(),t.w.globals.panEnabled=!t.w.globals.panEnabled,t.ctx.toolbar.elPan.classList.contains(t.ctx.toolbar.selectedClass)?t.ctx.toolbar.elPan.classList.remove(t.ctx.toolbar.selectedClass):t.ctx.toolbar.elPan.classList.add(t.ctx.toolbar.selectedClass)}))}},{key:"toggleOtherControls",value:function(){var t=this,e=this.w;e.globals.panEnabled=!1,e.globals.zoomEnabled=!1,e.globals.selectionEnabled=!1,this.getToolbarIconsReference(),[this.elPan,this.elSelection,this.elZoom].forEach((function(e){e&&e.classList.remove(t.selectedClass)}))}},{key:"handleZoomIn",value:function(){var t=this.w;t.globals.isRangeBar&&(this.minX=t.globals.minY,this.maxX=t.globals.maxY);var e=(this.minX+this.maxX)/2,i=(this.minX+e)/2,a=(this.maxX+e)/2,s=this._getNewMinXMaxX(i,a);t.globals.disableZoomIn||this.zoomUpdateOptions(s.minX,s.maxX)}},{key:"handleZoomOut",value:function(){var t=this.w;if(t.globals.isRangeBar&&(this.minX=t.globals.minY,this.maxX=t.globals.maxY),!("datetime"===t.config.xaxis.type&&new Date(this.minX).getUTCFullYear()<1e3)){var e=(this.minX+this.maxX)/2,i=this.minX-(e-this.minX),a=this.maxX-(e-this.maxX),s=this._getNewMinXMaxX(i,a);t.globals.disableZoomOut||this.zoomUpdateOptions(s.minX,s.maxX)}}},{key:"_getNewMinXMaxX",value:function(t,e){var i=this.w.config.xaxis.convertedCatToNumeric;return{minX:i?Math.floor(t):t,maxX:i?Math.floor(e):e}}},{key:"zoomUpdateOptions",value:function(t,e){var i=this.w;if(void 0!==t||void 0!==e){if(!(i.config.xaxis.convertedCatToNumeric&&(t<1&&(t=1,e=i.globals.dataPoints),e-t<2))){var a={min:t,max:e},s=this.getBeforeZoomRange(a);s&&(a=s.xaxis);var r={xaxis:a},o=x.clone(i.globals.initialConfig.yaxis);if(i.config.chart.zoom.autoScaleYaxis)o=new q(this.ctx).autoScaleY(this.ctx,o,{xaxis:a});i.config.chart.group||(r.yaxis=o),this.w.globals.zoomed=!0,this.ctx.updateHelpers._updateOptions(r,!1,this.w.config.chart.animations.dynamicAnimation.enabled),this.zoomCallback(a,o)}}else this.handleZoomReset()}},{key:"zoomCallback",value:function(t,e){"function"==typeof this.ev.zoomed&&this.ev.zoomed(this.ctx,{xaxis:t,yaxis:e})}},{key:"getBeforeZoomRange",value:function(t,e){var i=null;return"function"==typeof this.ev.beforeZoom&&(i=this.ev.beforeZoom(this,{xaxis:t,yaxis:e})),i}},{key:"toggleMenu",value:function(){var t=this;window.setTimeout((function(){t.elMenu.classList.contains("apexcharts-menu-open")?t.elMenu.classList.remove("apexcharts-menu-open"):t.elMenu.classList.add("apexcharts-menu-open")}),0)}},{key:"handleDownload",value:function(t){var e=this.w,i=new j(this.ctx);switch(t){case"svg":i.exportToSVG(this.ctx);break;case"png":i.exportToPng(this.ctx);break;case"csv":i.exportToCSV({series:e.config.series,columnDelimiter:e.config.chart.toolbar.export.csv.columnDelimiter})}}},{key:"handleZoomReset",value:function(t){this.ctx.getSyncedCharts().forEach((function(t){var e=t.w;if(e.globals.lastXAxis.min=void 0,e.globals.lastXAxis.max=void 0,t.updateHelpers.revertDefaultAxisMinMax(),"function"==typeof e.config.chart.events.beforeResetZoom){var i=e.config.chart.events.beforeResetZoom(t,e);i&&t.updateHelpers.revertDefaultAxisMinMax(i)}"function"==typeof e.config.chart.events.zoomed&&t.ctx.toolbar.zoomCallback({min:e.config.xaxis.min,max:e.config.xaxis.max}),e.globals.zoomed=!1;var a=t.ctx.series.emptyCollapsedSeries(x.clone(e.globals.initialSeries));t.updateHelpers._updateSeries(a,e.config.chart.animations.dynamicAnimation.enabled)}))}},{key:"destroy",value:function(){this.elZoom=null,this.elZoomIn=null,this.elZoomOut=null,this.elPan=null,this.elSelection=null,this.elZoomReset=null,this.elMenuIcon=null}}]),t}(),gt=function(t){n(i,t);var e=d(i);function i(t){var s;return a(this,i),(s=e.call(this,t)).ctx=t,s.w=t.w,s.dragged=!1,s.graphics=new m(s.ctx),s.eventList=["mousedown","mouseleave","mousemove","touchstart","touchmove","mouseup","touchend"],s.clientX=0,s.clientY=0,s.startX=0,s.endX=0,s.dragX=0,s.startY=0,s.endY=0,s.dragY=0,s.moveDirection="none",s}return r(i,[{key:"init",value:function(t){var e=this,i=t.xyRatios,a=this.w,s=this;this.xyRatios=i,this.zoomRect=this.graphics.drawRect(0,0,0,0),this.selectionRect=this.graphics.drawRect(0,0,0,0),this.gridRect=a.globals.dom.baseEl.querySelector(".apexcharts-grid"),this.zoomRect.node.classList.add("apexcharts-zoom-rect"),this.selectionRect.node.classList.add("apexcharts-selection-rect"),a.globals.dom.elGraphical.add(this.zoomRect),a.globals.dom.elGraphical.add(this.selectionRect),"x"===a.config.chart.selection.type?this.slDraggableRect=this.selectionRect.draggable({minX:0,minY:0,maxX:a.globals.gridWidth,maxY:a.globals.gridHeight}).on("dragmove",this.selectionDragging.bind(this,"dragging")):"y"===a.config.chart.selection.type?this.slDraggableRect=this.selectionRect.draggable({minX:0,maxX:a.globals.gridWidth}).on("dragmove",this.selectionDragging.bind(this,"dragging")):this.slDraggableRect=this.selectionRect.draggable().on("dragmove",this.selectionDragging.bind(this,"dragging")),this.preselectedSelection(),this.hoverArea=a.globals.dom.baseEl.querySelector("".concat(a.globals.chartClass," .apexcharts-svg")),this.hoverArea.classList.add("apexcharts-zoomable"),this.eventList.forEach((function(t){e.hoverArea.addEventListener(t,s.svgMouseEvents.bind(s,i),{capture:!1,passive:!0})}))}},{key:"destroy",value:function(){this.slDraggableRect&&(this.slDraggableRect.draggable(!1),this.slDraggableRect.off(),this.selectionRect.off()),this.selectionRect=null,this.zoomRect=null,this.gridRect=null}},{key:"svgMouseEvents",value:function(t,e){var i=this.w,a=this,s=this.ctx.toolbar,r=i.globals.zoomEnabled?i.config.chart.zoom.type:i.config.chart.selection.type,o=i.config.chart.toolbar.autoSelected;if(e.shiftKey?(this.shiftWasPressed=!0,s.enableZoomPanFromToolbar("pan"===o?"zoom":"pan")):this.shiftWasPressed&&(s.enableZoomPanFromToolbar(o),this.shiftWasPressed=!1),e.target){var n,l=e.target.classList;if(e.target.parentNode&&null!==e.target.parentNode&&(n=e.target.parentNode.classList),!(l.contains("apexcharts-selection-rect")||l.contains("apexcharts-legend-marker")||l.contains("apexcharts-legend-text")||n&&n.contains("apexcharts-toolbar"))){if(a.clientX="touchmove"===e.type||"touchstart"===e.type?e.touches[0].clientX:"touchend"===e.type?e.changedTouches[0].clientX:e.clientX,a.clientY="touchmove"===e.type||"touchstart"===e.type?e.touches[0].clientY:"touchend"===e.type?e.changedTouches[0].clientY:e.clientY,"mousedown"===e.type&&1===e.which){var h=a.gridRect.getBoundingClientRect();a.startX=a.clientX-h.left,a.startY=a.clientY-h.top,a.dragged=!1,a.w.globals.mousedown=!0}if(("mousemove"===e.type&&1===e.which||"touchmove"===e.type)&&(a.dragged=!0,i.globals.panEnabled?(i.globals.selection=null,a.w.globals.mousedown&&a.panDragging({context:a,zoomtype:r,xyRatios:t})):(a.w.globals.mousedown&&i.globals.zoomEnabled||a.w.globals.mousedown&&i.globals.selectionEnabled)&&(a.selection=a.selectionDrawing({context:a,zoomtype:r}))),"mouseup"===e.type||"touchend"===e.type||"mouseleave"===e.type){var c=a.gridRect.getBoundingClientRect();a.w.globals.mousedown&&(a.endX=a.clientX-c.left,a.endY=a.clientY-c.top,a.dragX=Math.abs(a.endX-a.startX),a.dragY=Math.abs(a.endY-a.startY),(i.globals.zoomEnabled||i.globals.selectionEnabled)&&a.selectionDrawn({context:a,zoomtype:r}),i.globals.panEnabled&&i.config.xaxis.convertedCatToNumeric&&a.delayedPanScrolled()),i.globals.zoomEnabled&&a.hideSelectionRect(this.selectionRect),a.dragged=!1,a.w.globals.mousedown=!1}this.makeSelectionRectDraggable()}}}},{key:"makeSelectionRectDraggable",value:function(){var t=this.w;if(this.selectionRect){var e=this.selectionRect.node.getBoundingClientRect();e.width>0&&e.height>0&&this.slDraggableRect.selectize({points:"l, r",pointSize:8,pointType:"rect"}).resize({constraint:{minX:0,minY:0,maxX:t.globals.gridWidth,maxY:t.globals.gridHeight}}).on("resizing",this.selectionDragging.bind(this,"resizing"))}}},{key:"preselectedSelection",value:function(){var t=this.w,e=this.xyRatios;if(!t.globals.zoomEnabled)if(void 0!==t.globals.selection&&null!==t.globals.selection)this.drawSelectionRect(t.globals.selection);else if(void 0!==t.config.chart.selection.xaxis.min&&void 0!==t.config.chart.selection.xaxis.max){var i=(t.config.chart.selection.xaxis.min-t.globals.minX)/e.xRatio,a={x:i,y:0,width:t.globals.gridWidth-(t.globals.maxX-t.config.chart.selection.xaxis.max)/e.xRatio-i,height:t.globals.gridHeight,translateX:0,translateY:0,selectionEnabled:!0};this.drawSelectionRect(a),this.makeSelectionRectDraggable(),"function"==typeof t.config.chart.events.selection&&t.config.chart.events.selection(this.ctx,{xaxis:{min:t.config.chart.selection.xaxis.min,max:t.config.chart.selection.xaxis.max},yaxis:{}})}}},{key:"drawSelectionRect",value:function(t){var e=t.x,i=t.y,a=t.width,s=t.height,r=t.translateX,o=void 0===r?0:r,n=t.translateY,l=void 0===n?0:n,h=this.w,c=this.zoomRect,d=this.selectionRect;if(this.dragged||null!==h.globals.selection){var g={transform:"translate("+o+", "+l+")"};h.globals.zoomEnabled&&this.dragged&&(a<0&&(a=1),c.attr({x:e,y:i,width:a,height:s,fill:h.config.chart.zoom.zoomedArea.fill.color,"fill-opacity":h.config.chart.zoom.zoomedArea.fill.opacity,stroke:h.config.chart.zoom.zoomedArea.stroke.color,"stroke-width":h.config.chart.zoom.zoomedArea.stroke.width,"stroke-opacity":h.config.chart.zoom.zoomedArea.stroke.opacity}),m.setAttrs(c.node,g)),h.globals.selectionEnabled&&(d.attr({x:e,y:i,width:a>0?a:0,height:s>0?s:0,fill:h.config.chart.selection.fill.color,"fill-opacity":h.config.chart.selection.fill.opacity,stroke:h.config.chart.selection.stroke.color,"stroke-width":h.config.chart.selection.stroke.width,"stroke-dasharray":h.config.chart.selection.stroke.dashArray,"stroke-opacity":h.config.chart.selection.stroke.opacity}),m.setAttrs(d.node,g))}}},{key:"hideSelectionRect",value:function(t){t&&t.attr({x:0,y:0,width:0,height:0})}},{key:"selectionDrawing",value:function(t){var e=t.context,i=t.zoomtype,a=this.w,s=e,r=this.gridRect.getBoundingClientRect(),o=s.startX-1,n=s.startY,l=!1,h=!1,c=s.clientX-r.left-o,d=s.clientY-r.top-n,g={};return Math.abs(c+o)>a.globals.gridWidth?c=a.globals.gridWidth-o:s.clientX-r.left<0&&(c=o),o>s.clientX-r.left&&(l=!0,c=Math.abs(c)),n>s.clientY-r.top&&(h=!0,d=Math.abs(d)),g="x"===i?{x:l?o-c:o,y:0,width:c,height:a.globals.gridHeight}:"y"===i?{x:0,y:h?n-d:n,width:a.globals.gridWidth,height:d}:{x:l?o-c:o,y:h?n-d:n,width:c,height:d},s.drawSelectionRect(g),s.selectionDragging("resizing"),g}},{key:"selectionDragging",value:function(t,e){var i=this,a=this.w,s=this.xyRatios,r=this.selectionRect,o=0;"resizing"===t&&(o=30);var n=function(t){return parseFloat(r.node.getAttribute(t))},l={x:n("x"),y:n("y"),width:n("width"),height:n("height")};a.globals.selection=l,"function"==typeof a.config.chart.events.selection&&a.globals.selectionEnabled&&(clearTimeout(this.w.globals.selectionResizeTimer),this.w.globals.selectionResizeTimer=window.setTimeout((function(){var t=i.gridRect.getBoundingClientRect(),e=r.node.getBoundingClientRect(),o={xaxis:{min:a.globals.xAxisScale.niceMin+(e.left-t.left)*s.xRatio,max:a.globals.xAxisScale.niceMin+(e.right-t.left)*s.xRatio},yaxis:{min:a.globals.yAxisScale[0].niceMin+(t.bottom-e.bottom)*s.yRatio[0],max:a.globals.yAxisScale[0].niceMax-(e.top-t.top)*s.yRatio[0]}};a.config.chart.events.selection(i.ctx,o),a.config.chart.brush.enabled&&void 0!==a.config.chart.events.brushScrolled&&a.config.chart.events.brushScrolled(i.ctx,o)}),o))}},{key:"selectionDrawn",value:function(t){var e=t.context,i=t.zoomtype,a=this.w,s=e,r=this.xyRatios,o=this.ctx.toolbar;if(s.startX>s.endX){var n=s.startX;s.startX=s.endX,s.endX=n}if(s.startY>s.endY){var l=s.startY;s.startY=s.endY,s.endY=l}var h=void 0,c=void 0;a.globals.isRangeBar?(h=a.globals.yAxisScale[0].niceMin+s.startX*r.invertedYRatio,c=a.globals.yAxisScale[0].niceMin+s.endX*r.invertedYRatio):(h=a.globals.xAxisScale.niceMin+s.startX*r.xRatio,c=a.globals.xAxisScale.niceMin+s.endX*r.xRatio);var d=[],g=[];if(a.config.yaxis.forEach((function(t,e){d.push(a.globals.yAxisScale[e].niceMax-r.yRatio[e]*s.startY),g.push(a.globals.yAxisScale[e].niceMax-r.yRatio[e]*s.endY)})),s.dragged&&(s.dragX>10||s.dragY>10)&&h!==c)if(a.globals.zoomEnabled){var u=x.clone(a.globals.initialConfig.yaxis),f=x.clone(a.globals.initialConfig.xaxis);if(a.globals.zoomed=!0,a.config.xaxis.convertedCatToNumeric&&(h=Math.floor(h),c=Math.floor(c),h<1&&(h=1,c=a.globals.dataPoints),c-h<2&&(c=h+1)),"xy"!==i&&"x"!==i||(f={min:h,max:c}),"xy"!==i&&"y"!==i||u.forEach((function(t,e){u[e].min=g[e],u[e].max=d[e]})),a.config.chart.zoom.autoScaleYaxis){var p=new q(s.ctx);u=p.autoScaleY(s.ctx,u,{xaxis:f})}if(o){var b=o.getBeforeZoomRange(f,u);b&&(f=b.xaxis?b.xaxis:f,u=b.yaxis?b.yaxis:u)}var v={xaxis:f};a.config.chart.group||(v.yaxis=u),s.ctx.updateHelpers._updateOptions(v,!1,s.w.config.chart.animations.dynamicAnimation.enabled),"function"==typeof a.config.chart.events.zoomed&&o.zoomCallback(f,u)}else if(a.globals.selectionEnabled){var m,y=null;m={min:h,max:c},"xy"!==i&&"y"!==i||(y=x.clone(a.config.yaxis)).forEach((function(t,e){y[e].min=g[e],y[e].max=d[e]})),a.globals.selection=s.selection,"function"==typeof a.config.chart.events.selection&&a.config.chart.events.selection(s.ctx,{xaxis:m,yaxis:y})}}},{key:"panDragging",value:function(t){var e=t.context,i=this.w,a=e;if(void 0!==i.globals.lastClientPosition.x){var s=i.globals.lastClientPosition.x-a.clientX,r=i.globals.lastClientPosition.y-a.clientY;Math.abs(s)>Math.abs(r)&&s>0?this.moveDirection="left":Math.abs(s)>Math.abs(r)&&s<0?this.moveDirection="right":Math.abs(r)>Math.abs(s)&&r>0?this.moveDirection="up":Math.abs(r)>Math.abs(s)&&r<0&&(this.moveDirection="down")}i.globals.lastClientPosition={x:a.clientX,y:a.clientY};var o=i.globals.isRangeBar?i.globals.minY:i.globals.minX,n=i.globals.isRangeBar?i.globals.maxY:i.globals.maxX;i.config.xaxis.convertedCatToNumeric||a.panScrolled(o,n)}},{key:"delayedPanScrolled",value:function(){var t=this.w,e=t.globals.minX,i=t.globals.maxX,a=(t.globals.maxX-t.globals.minX)/2;"left"===this.moveDirection?(e=t.globals.minX+a,i=t.globals.maxX+a):"right"===this.moveDirection&&(e=t.globals.minX-a,i=t.globals.maxX-a),e=Math.floor(e),i=Math.floor(i),this.updateScrolledChart({xaxis:{min:e,max:i}},e,i)}},{key:"panScrolled",value:function(t,e){var i=this.w,a=this.xyRatios,s=x.clone(i.globals.initialConfig.yaxis),r=a.xRatio,o=i.globals.minX,n=i.globals.maxX;i.globals.isRangeBar&&(r=a.invertedYRatio,o=i.globals.minY,n=i.globals.maxY),"left"===this.moveDirection?(t=o+i.globals.gridWidth/15*r,e=n+i.globals.gridWidth/15*r):"right"===this.moveDirection&&(t=o-i.globals.gridWidth/15*r,e=n-i.globals.gridWidth/15*r),i.globals.isRangeBar||(t<i.globals.initialMinX||e>i.globals.initialMaxX)&&(t=o,e=n);var l={min:t,max:e};i.config.chart.zoom.autoScaleYaxis&&(s=new q(this.ctx).autoScaleY(this.ctx,s,{xaxis:l}));var h={xaxis:{min:t,max:e}};i.config.chart.group||(h.yaxis=s),this.updateScrolledChart(h,t,e)}},{key:"updateScrolledChart",value:function(t,e,i){var a=this.w;this.ctx.updateHelpers._updateOptions(t,!1,!1),"function"==typeof a.config.chart.events.scrolled&&a.config.chart.events.scrolled(this.ctx,{xaxis:{min:e,max:i}})}}]),i}(dt),ut=function(){function t(e){a(this,t),this.w=e.w,this.ttCtx=e,this.ctx=e.ctx}return r(t,[{key:"getNearestValues",value:function(t){var e=t.hoverArea,i=t.elGrid,a=t.clientX,s=t.clientY,r=this.w,o=i.getBoundingClientRect(),n=o.width,l=o.height,h=n/(r.globals.dataPoints-1),c=l/r.globals.dataPoints,d=this.hasBars();!r.globals.comboCharts&&!d||r.config.xaxis.convertedCatToNumeric||(h=n/r.globals.dataPoints);var g=a-o.left-r.globals.barPadForNumericAxis,u=s-o.top;g<0||u<0||g>n||u>l?(e.classList.remove("hovering-zoom"),e.classList.remove("hovering-pan")):r.globals.zoomEnabled?(e.classList.remove("hovering-pan"),e.classList.add("hovering-zoom")):r.globals.panEnabled&&(e.classList.remove("hovering-zoom"),e.classList.add("hovering-pan"));var f=Math.round(g/h),p=Math.floor(u/c);d&&!r.config.xaxis.convertedCatToNumeric&&(f=Math.ceil(g/h),f-=1);var b=null,v=null,m=[],y=[];if(r.globals.seriesXvalues.forEach((function(t){m.push([t[0]+1e-6].concat(t))})),r.globals.seriesYvalues.forEach((function(t){y.push([t[0]+1e-6].concat(t))})),m=m.map((function(t){return t.filter((function(t){return x.isNumber(t)}))})),y=y.map((function(t){return t.filter((function(t){return x.isNumber(t)}))})),r.globals.isXNumeric){var w=this.ttCtx.getElGrid().getBoundingClientRect(),k=g*(w.width/n),A=u*(w.height/l);b=(v=this.closestInMultiArray(k,A,m,y)).index,f=v.j,null!==b&&(m=r.globals.seriesXvalues[b],f=(v=this.closestInArray(k,m)).index)}return r.globals.capturedSeriesIndex=null===b?-1:b,(!f||f<1)&&(f=0),r.globals.isBarHorizontal?r.globals.capturedDataPointIndex=p:r.globals.capturedDataPointIndex=f,{capturedSeries:b,j:r.globals.isBarHorizontal?p:f,hoverX:g,hoverY:u}}},{key:"closestInMultiArray",value:function(t,e,i,a){var s=this.w,r=0,o=null,n=-1;s.globals.series.length>1?r=this.getFirstActiveXArray(i):o=0;var l=i[r][0],h=Math.abs(t-l);if(i.forEach((function(e){e.forEach((function(e,i){var a=Math.abs(t-e);a<h&&(h=a,n=i)}))})),-1!==n){var c=a[r][n],d=Math.abs(e-c);o=r,a.forEach((function(t,i){var a=Math.abs(e-t[n]);a<d&&(d=a,o=i)}))}return{index:o,j:n}}},{key:"getFirstActiveXArray",value:function(t){for(var e=this.w,i=0,a=t.map((function(t,e){return t.length>0?e:-1})),s=0;s<a.length;s++)if(-1!==a[s]&&-1===e.globals.collapsedSeriesIndices.indexOf(s)&&-1===e.globals.ancillaryCollapsedSeriesIndices.indexOf(s)){i=a[s];break}return i}},{key:"closestInArray",value:function(t,e){for(var i=e[0],a=null,s=Math.abs(t-i),r=0;r<e.length;r++){var o=Math.abs(t-e[r]);o<s&&(s=o,a=r)}return{index:a}}},{key:"isXoverlap",value:function(t){var e=[],i=this.w.globals.seriesX.filter((function(t){return void 0!==t[0]}));if(i.length>0)for(var a=0;a<i.length-1;a++)void 0!==i[a][t]&&void 0!==i[a+1][t]&&i[a][t]!==i[a+1][t]&&e.push("unEqual");return 0===e.length}},{key:"isInitialSeriesSameLen",value:function(){for(var t=!0,e=this.w.globals.initialSeries,i=0;i<e.length-1;i++)if(e[i].data.length!==e[i+1].data.length){t=!1;break}return t}},{key:"getBarsHeight",value:function(t){return u(t).reduce((function(t,e){return t+e.getBBox().height}),0)}},{key:"getElMarkers",value:function(){return this.w.globals.dom.baseEl.querySelectorAll(" .apexcharts-series-markers")}},{key:"getAllMarkers",value:function(){var t=this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-series-markers-wrap");(t=u(t)).sort((function(t,e){var i=Number(t.getAttribute("data:realIndex")),a=Number(e.getAttribute("data:realIndex"));return a<i?1:a>i?-1:0}));var e=[];return t.forEach((function(t){e.push(t.querySelector(".apexcharts-marker"))})),e}},{key:"hasMarkers",value:function(){return this.getElMarkers().length>0}},{key:"getElBars",value:function(){return this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-bar-series,  .apexcharts-candlestick-series, .apexcharts-boxPlot-series, .apexcharts-rangebar-series")}},{key:"hasBars",value:function(){return this.getElBars().length>0}},{key:"getHoverMarkerSize",value:function(t){var e=this.w,i=e.config.markers.hover.size;return void 0===i&&(i=e.globals.markers.size[t]+e.config.markers.hover.sizeOffset),i}},{key:"toggleAllTooltipSeriesGroups",value:function(t){var e=this.w,i=this.ttCtx;0===i.allTooltipSeriesGroups.length&&(i.allTooltipSeriesGroups=e.globals.dom.baseEl.querySelectorAll(".apexcharts-tooltip-series-group"));for(var a=i.allTooltipSeriesGroups,s=0;s<a.length;s++)"enable"===t?(a[s].classList.add("apexcharts-active"),a[s].style.display=e.config.tooltip.items.display):(a[s].classList.remove("apexcharts-active"),a[s].style.display="none")}}]),t}(),ft=function(){function t(e){a(this,t),this.w=e.w,this.ctx=e.ctx,this.ttCtx=e,this.tooltipUtil=new ut(e)}return r(t,[{key:"drawSeriesTexts",value:function(t){var e=t.shared,i=void 0===e||e,a=t.ttItems,s=t.i,r=void 0===s?0:s,o=t.j,n=void 0===o?null:o,l=t.y1,h=t.y2,c=t.e,d=this.w;void 0!==d.config.tooltip.custom?this.handleCustomTooltip({i:r,j:n,y1:l,y2:h,w:d}):this.toggleActiveInactiveSeries(i);var g=this.getValuesToPrint({i:r,j:n});this.printLabels({i:r,j:n,values:g,ttItems:a,shared:i,e:c});var u=this.ttCtx.getElTooltip();this.ttCtx.tooltipRect.ttWidth=u.getBoundingClientRect().width,this.ttCtx.tooltipRect.ttHeight=u.getBoundingClientRect().height}},{key:"printLabels",value:function(t){var i,a=this,s=t.i,r=t.j,o=t.values,n=t.ttItems,l=t.shared,h=t.e,c=this.w,d=[],g=function(t){return c.globals.seriesGoals[t]&&c.globals.seriesGoals[t][r]&&Array.isArray(c.globals.seriesGoals[t][r])},u=o.xVal,f=o.zVal,p=o.xAxisTTVal,x="",b=c.globals.colors[s];null!==r&&c.config.plotOptions.bar.distributed&&(b=c.globals.colors[r]);for(var v=function(t,o){var v=a.getFormatters(s);x=a.getSeriesName({fn:v.yLbTitleFormatter,index:s,seriesIndex:s,j:r}),"treemap"===c.config.chart.type&&(x=v.yLbTitleFormatter(String(c.config.series[s].data[r].x),{series:c.globals.series,seriesIndex:s,dataPointIndex:r,w:c}));var m=c.config.tooltip.inverseOrder?o:t;if(c.globals.axisCharts){var y=function(t){return v.yLbFormatter(c.globals.series[t][r],{series:c.globals.series,seriesIndex:t,dataPointIndex:r,w:c})};if(l)v=a.getFormatters(m),x=a.getSeriesName({fn:v.yLbTitleFormatter,index:m,seriesIndex:s,j:r}),b=c.globals.colors[m],i=y(m),g(m)&&(d=c.globals.seriesGoals[m][r].map((function(t){return{attrs:t,val:v.yLbFormatter(t.value,{seriesIndex:m,dataPointIndex:r,w:c})}})));else{var w,k=null==h||null===(w=h.target)||void 0===w?void 0:w.getAttribute("fill");k&&(b=-1!==k.indexOf("url")?document.querySelector(k.substr(4).slice(0,-1)).childNodes[0].getAttribute("stroke"):k),i=y(s),g(s)&&Array.isArray(c.globals.seriesGoals[s][r])&&(d=c.globals.seriesGoals[s][r].map((function(t){return{attrs:t,val:v.yLbFormatter(t.value,{seriesIndex:s,dataPointIndex:r,w:c})}})))}}null===r&&(i=v.yLbFormatter(c.globals.series[s],e(e({},c),{},{seriesIndex:s,dataPointIndex:s}))),a.DOMHandling({i:s,t:m,j:r,ttItems:n,values:{val:i,goalVals:d,xVal:u,xAxisTTVal:p,zVal:f},seriesName:x,shared:l,pColor:b})},m=0,y=c.globals.series.length-1;m<c.globals.series.length;m++,y--)v(m,y)}},{key:"getFormatters",value:function(t){var e,i=this.w,a=i.globals.yLabelFormatters[t];return void 0!==i.globals.ttVal?Array.isArray(i.globals.ttVal)?(a=i.globals.ttVal[t]&&i.globals.ttVal[t].formatter,e=i.globals.ttVal[t]&&i.globals.ttVal[t].title&&i.globals.ttVal[t].title.formatter):(a=i.globals.ttVal.formatter,"function"==typeof i.globals.ttVal.title.formatter&&(e=i.globals.ttVal.title.formatter)):e=i.config.tooltip.y.title.formatter,"function"!=typeof a&&(a=i.globals.yLabelFormatters[0]?i.globals.yLabelFormatters[0]:function(t){return t}),"function"!=typeof e&&(e=function(t){return t}),{yLbFormatter:a,yLbTitleFormatter:e}}},{key:"getSeriesName",value:function(t){var e=t.fn,i=t.index,a=t.seriesIndex,s=t.j,r=this.w;return e(String(r.globals.seriesNames[i]),{series:r.globals.series,seriesIndex:a,dataPointIndex:s,w:r})}},{key:"DOMHandling",value:function(t){t.i;var e=t.t,i=t.j,a=t.ttItems,s=t.values,r=t.seriesName,o=t.shared,n=t.pColor,l=this.w,h=this.ttCtx,c=s.val,d=s.goalVals,g=s.xVal,u=s.xAxisTTVal,f=s.zVal,p=null;p=a[e].children,l.config.tooltip.fillSeriesColor&&(a[e].style.backgroundColor=n,p[0].style.display="none"),h.showTooltipTitle&&(null===h.tooltipTitle&&(h.tooltipTitle=l.globals.dom.baseEl.querySelector(".apexcharts-tooltip-title")),h.tooltipTitle.innerHTML=g),h.isXAxisTooltipEnabled&&(h.xaxisTooltipText.innerHTML=""!==u?u:g);var x=a[e].querySelector(".apexcharts-tooltip-text-y-label");x&&(x.innerHTML=r||"");var b=a[e].querySelector(".apexcharts-tooltip-text-y-value");b&&(b.innerHTML=void 0!==c?c:""),p[0]&&p[0].classList.contains("apexcharts-tooltip-marker")&&(l.config.tooltip.marker.fillColors&&Array.isArray(l.config.tooltip.marker.fillColors)&&(n=l.config.tooltip.marker.fillColors[e]),p[0].style.backgroundColor=n),l.config.tooltip.marker.show||(p[0].style.display="none");var v=a[e].querySelector(".apexcharts-tooltip-text-goals-label"),m=a[e].querySelector(".apexcharts-tooltip-text-goals-value");if(d.length&&l.globals.seriesGoals[e]){var y=function(){var t="<div >",e="<div>";d.forEach((function(i,a){t+=' <div style="display: flex"><span class="apexcharts-tooltip-marker" style="background-color: '.concat(i.attrs.strokeColor,'; height: 3px; border-radius: 0; top: 5px;"></span> ').concat(i.attrs.name,"</div>"),e+="<div>".concat(i.val,"</div>")})),v.innerHTML=t+"</div>",m.innerHTML=e+"</div>"};o?l.globals.seriesGoals[e][i]&&Array.isArray(l.globals.seriesGoals[e][i])?y():(v.innerHTML="",m.innerHTML=""):y()}else v.innerHTML="",m.innerHTML="";null!==f&&(a[e].querySelector(".apexcharts-tooltip-text-z-label").innerHTML=l.config.tooltip.z.title,a[e].querySelector(".apexcharts-tooltip-text-z-value").innerHTML=void 0!==f?f:"");o&&p[0]&&(null==c||l.globals.ancillaryCollapsedSeriesIndices.indexOf(e)>-1||l.globals.collapsedSeriesIndices.indexOf(e)>-1?p[0].parentNode.style.display="none":p[0].parentNode.style.display=l.config.tooltip.items.display)}},{key:"toggleActiveInactiveSeries",value:function(t){var e=this.w;if(t)this.tooltipUtil.toggleAllTooltipSeriesGroups("enable");else{this.tooltipUtil.toggleAllTooltipSeriesGroups("disable");var i=e.globals.dom.baseEl.querySelector(".apexcharts-tooltip-series-group");i&&(i.classList.add("apexcharts-active"),i.style.display=e.config.tooltip.items.display)}}},{key:"getValuesToPrint",value:function(t){var e=t.i,i=t.j,a=this.w,s=this.ctx.series.filteredSeriesX(),r="",o="",n=null,l=null,h={series:a.globals.series,seriesIndex:e,dataPointIndex:i,w:a},c=a.globals.ttZFormatter;null===i?l=a.globals.series[e]:a.globals.isXNumeric&&"treemap"!==a.config.chart.type?(r=s[e][i],0===s[e].length&&(r=s[this.tooltipUtil.getFirstActiveXArray(s)][i])):r=void 0!==a.globals.labels[i]?a.globals.labels[i]:"";var d=r;a.globals.isXNumeric&&"datetime"===a.config.xaxis.type?r=new V(this.ctx).xLabelFormat(a.globals.ttKeyFormatter,d,d,{i:void 0,dateFormatter:new R(this.ctx).formatDate,w:this.w}):r=a.globals.isBarHorizontal?a.globals.yLabelFormatters[0](d,h):a.globals.xLabelFormatter(d,h);return void 0!==a.config.tooltip.x.formatter&&(r=a.globals.ttKeyFormatter(d,h)),a.globals.seriesZ.length>0&&a.globals.seriesZ[e].length>0&&(n=c(a.globals.seriesZ[e][i],a)),o="function"==typeof a.config.xaxis.tooltip.formatter?a.globals.xaxisTooltipFormatter(d,h):r,{val:Array.isArray(l)?l.join(" "):l,xVal:Array.isArray(r)?r.join(" "):r,xAxisTTVal:Array.isArray(o)?o.join(" "):o,zVal:n}}},{key:"handleCustomTooltip",value:function(t){var e=t.i,i=t.j,a=t.y1,s=t.y2,r=t.w,o=this.ttCtx.getElTooltip(),n=r.config.tooltip.custom;Array.isArray(n)&&n[e]&&(n=n[e]),o.innerHTML=n({ctx:this.ctx,series:r.globals.series,seriesIndex:e,dataPointIndex:i,y1:a,y2:s,w:r})}}]),t}(),pt=function(){function t(e){a(this,t),this.ttCtx=e,this.ctx=e.ctx,this.w=e.w}return r(t,[{key:"moveXCrosshairs",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=this.ttCtx,a=this.w,s=i.getElXCrosshairs(),r=t-i.xcrosshairsWidth/2,o=a.globals.labels.slice().length;if(null!==e&&(r=a.globals.gridWidth/o*e),null===s||a.globals.isBarHorizontal||(s.setAttribute("x",r),s.setAttribute("x1",r),s.setAttribute("x2",r),s.setAttribute("y2",a.globals.gridHeight),s.classList.add("apexcharts-active")),r<0&&(r=0),r>a.globals.gridWidth&&(r=a.globals.gridWidth),i.isXAxisTooltipEnabled){var n=r;"tickWidth"!==a.config.xaxis.crosshairs.width&&"barWidth"!==a.config.xaxis.crosshairs.width||(n=r+i.xcrosshairsWidth/2),this.moveXAxisTooltip(n)}}},{key:"moveYCrosshairs",value:function(t){var e=this.ttCtx;null!==e.ycrosshairs&&m.setAttrs(e.ycrosshairs,{y1:t,y2:t}),null!==e.ycrosshairsHidden&&m.setAttrs(e.ycrosshairsHidden,{y1:t,y2:t})}},{key:"moveXAxisTooltip",value:function(t){var e=this.w,i=this.ttCtx;if(null!==i.xaxisTooltip&&0!==i.xcrosshairsWidth){i.xaxisTooltip.classList.add("apexcharts-active");var a=i.xaxisOffY+e.config.xaxis.tooltip.offsetY+e.globals.translateY+1+e.config.xaxis.offsetY;if(t-=i.xaxisTooltip.getBoundingClientRect().width/2,!isNaN(t)){t+=e.globals.translateX;var s;s=new m(this.ctx).getTextRects(i.xaxisTooltipText.innerHTML),i.xaxisTooltipText.style.minWidth=s.width+"px",i.xaxisTooltip.style.left=t+"px",i.xaxisTooltip.style.top=a+"px"}}}},{key:"moveYAxisTooltip",value:function(t){var e=this.w,i=this.ttCtx;null===i.yaxisTTEls&&(i.yaxisTTEls=e.globals.dom.baseEl.querySelectorAll(".apexcharts-yaxistooltip"));var a=parseInt(i.ycrosshairsHidden.getAttribute("y1"),10),s=e.globals.translateY+a,r=i.yaxisTTEls[t].getBoundingClientRect().height,o=e.globals.translateYAxisX[t]-2;e.config.yaxis[t].opposite&&(o-=26),s-=r/2,-1===e.globals.ignoreYAxisIndexes.indexOf(t)?(i.yaxisTTEls[t].classList.add("apexcharts-active"),i.yaxisTTEls[t].style.top=s+"px",i.yaxisTTEls[t].style.left=o+e.config.yaxis[t].tooltip.offsetX+"px"):i.yaxisTTEls[t].classList.remove("apexcharts-active")}},{key:"moveTooltip",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,a=this.w,s=this.ttCtx,r=s.getElTooltip(),o=s.tooltipRect,n=null!==i?parseFloat(i):1,l=parseFloat(t)+n+5,h=parseFloat(e)+n/2;if(l>a.globals.gridWidth/2&&(l=l-o.ttWidth-n-10),l>a.globals.gridWidth-o.ttWidth-10&&(l=a.globals.gridWidth-o.ttWidth),l<-20&&(l=-20),a.config.tooltip.followCursor){var c=s.getElGrid(),d=c.getBoundingClientRect();h=s.e.clientY+a.globals.translateY-d.top-o.ttHeight/2}else a.globals.isBarHorizontal||(o.ttHeight/2+h>a.globals.gridHeight&&(h=a.globals.gridHeight-o.ttHeight+a.globals.translateY),h<0&&(h=0));isNaN(l)||(l+=a.globals.translateX,r.style.left=l+"px",r.style.top=h+"px")}},{key:"moveMarkers",value:function(t,e){var i=this.w,a=this.ttCtx;if(i.globals.markers.size[t]>0)for(var s=i.globals.dom.baseEl.querySelectorAll(" .apexcharts-series[data\\:realIndex='".concat(t,"'] .apexcharts-marker")),r=0;r<s.length;r++)parseInt(s[r].getAttribute("rel"),10)===e&&(a.marker.resetPointsSize(),a.marker.enlargeCurrentPoint(e,s[r]));else a.marker.resetPointsSize(),this.moveDynamicPointOnHover(e,t)}},{key:"moveDynamicPointOnHover",value:function(t,e){var i,a,s=this.w,r=this.ttCtx,o=s.globals.pointsArray,n=r.tooltipUtil.getHoverMarkerSize(e),l=s.config.series[e].type;if(!l||"column"!==l&&"candlestick"!==l&&"boxPlot"!==l){i=o[e][t][0],a=o[e][t][1]?o[e][t][1]:0;var h=s.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(e,"'] .apexcharts-series-markers circle"));h&&a<s.globals.gridHeight&&a>0&&(h.setAttribute("r",n),h.setAttribute("cx",i),h.setAttribute("cy",a)),this.moveXCrosshairs(i),r.fixedTooltip||this.moveTooltip(i,a,n)}}},{key:"moveDynamicPointsOnHover",value:function(t){var e,i=this.ttCtx,a=i.w,s=0,r=0,o=a.globals.pointsArray;e=new E(this.ctx).getActiveConfigSeriesIndex(!0);var n=i.tooltipUtil.getHoverMarkerSize(e);o[e]&&(s=o[e][t][0],r=o[e][t][1]);var l=i.tooltipUtil.getAllMarkers();if(null!==l)for(var h=0;h<a.globals.series.length;h++){var c=o[h];if(a.globals.comboCharts&&void 0===c&&l.splice(h,0,null),c&&c.length){var d=o[h][t][1];l[h].setAttribute("cx",s),null!==d&&!isNaN(d)&&d<a.globals.gridHeight+n&&d+n>0?(l[h]&&l[h].setAttribute("r",n),l[h]&&l[h].setAttribute("cy",d)):l[h]&&l[h].setAttribute("r",0)}}if(this.moveXCrosshairs(s),!i.fixedTooltip){var g=r||a.globals.gridHeight;this.moveTooltip(s,g,n)}}},{key:"moveStickyTooltipOverBars",value:function(t){var e=this.w,i=this.ttCtx,a=e.globals.columnSeries?e.globals.columnSeries.length:e.globals.series.length,s=a>=2&&a%2==0?Math.floor(a/2):Math.floor(a/2)+1;e.globals.isBarHorizontal&&(s=new E(this.ctx).getActiveConfigSeriesIndex(!1,"desc")+1);var r=e.globals.dom.baseEl.querySelector(".apexcharts-bar-series .apexcharts-series[rel='".concat(s,"'] path[j='").concat(t,"'], .apexcharts-candlestick-series .apexcharts-series[rel='").concat(s,"'] path[j='").concat(t,"'], .apexcharts-boxPlot-series .apexcharts-series[rel='").concat(s,"'] path[j='").concat(t,"'], .apexcharts-rangebar-series .apexcharts-series[rel='").concat(s,"'] path[j='").concat(t,"']")),o=r?parseFloat(r.getAttribute("cx")):0,n=r?parseFloat(r.getAttribute("cy")):0,l=r?parseFloat(r.getAttribute("barWidth")):0,h=r?parseFloat(r.getAttribute("barHeight")):0,c=i.getElGrid().getBoundingClientRect(),d=r.classList.contains("apexcharts-candlestick-area")||r.classList.contains("apexcharts-boxPlot-area");if(e.globals.isXNumeric?(r&&!d&&(o-=a%2!=0?l/2:0),r&&d&&e.globals.comboCharts&&(o-=l/2)):e.globals.isBarHorizontal||(o=i.xAxisTicksPositions[t-1]+i.dataPointsDividedWidth/2,isNaN(o)&&(o=i.xAxisTicksPositions[t]-i.dataPointsDividedWidth/2)),e.globals.isBarHorizontal?(n>e.globals.gridHeight/2&&(n-=i.tooltipRect.ttHeight),(n=n+e.config.grid.padding.top+h/3)+h>e.globals.gridHeight&&(n=e.globals.gridHeight-h)):e.config.tooltip.followCursor?n=i.e.clientY-c.top-i.tooltipRect.ttHeight/2:n+i.tooltipRect.ttHeight+15>e.globals.gridHeight&&(n=e.globals.gridHeight),n<-10&&(n=-10),e.globals.isBarHorizontal||this.moveXCrosshairs(o),!i.fixedTooltip){var g=n||e.globals.gridHeight;this.moveTooltip(o,g)}}}]),t}(),xt=function(){function t(e){a(this,t),this.w=e.w,this.ttCtx=e,this.ctx=e.ctx,this.tooltipPosition=new pt(e)}return r(t,[{key:"drawDynamicPoints",value:function(){var t=this.w,e=new m(this.ctx),i=new T(this.ctx),a=t.globals.dom.baseEl.querySelectorAll(".apexcharts-series");a=u(a),t.config.chart.stacked&&a.sort((function(t,e){return parseFloat(t.getAttribute("data:realIndex"))-parseFloat(e.getAttribute("data:realIndex"))}));for(var s=0;s<a.length;s++){var r=a[s].querySelector(".apexcharts-series-markers-wrap");if(null!==r){var o=void 0,n="apexcharts-marker w".concat((Math.random()+1).toString(36).substring(4));"line"!==t.config.chart.type&&"area"!==t.config.chart.type||t.globals.comboCharts||t.config.tooltip.intersect||(n+=" no-pointer-events");var l=i.getMarkerConfig({cssClass:n,seriesIndex:Number(r.getAttribute("data:realIndex"))});(o=e.drawMarker(0,0,l)).node.setAttribute("default-marker-size",0);var h=document.createElementNS(t.globals.SVGNS,"g");h.classList.add("apexcharts-series-markers"),h.appendChild(o.node),r.appendChild(h)}}}},{key:"enlargeCurrentPoint",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,s=this.w;"bubble"!==s.config.chart.type&&this.newPointSize(t,e);var r=e.getAttribute("cx"),o=e.getAttribute("cy");if(null!==i&&null!==a&&(r=i,o=a),this.tooltipPosition.moveXCrosshairs(r),!this.fixedTooltip){if("radar"===s.config.chart.type){var n=this.ttCtx.getElGrid(),l=n.getBoundingClientRect();r=this.ttCtx.e.clientX-l.left}this.tooltipPosition.moveTooltip(r,o,s.config.markers.hover.size)}}},{key:"enlargePoints",value:function(t){for(var e=this.w,i=this,a=this.ttCtx,s=t,r=e.globals.dom.baseEl.querySelectorAll(".apexcharts-series:not(.apexcharts-series-collapsed) .apexcharts-marker"),o=e.config.markers.hover.size,n=0;n<r.length;n++){var l=r[n].getAttribute("rel"),h=r[n].getAttribute("index");if(void 0===o&&(o=e.globals.markers.size[h]+e.config.markers.hover.sizeOffset),s===parseInt(l,10)){i.newPointSize(s,r[n]);var c=r[n].getAttribute("cx"),d=r[n].getAttribute("cy");i.tooltipPosition.moveXCrosshairs(c),a.fixedTooltip||i.tooltipPosition.moveTooltip(c,d,o)}else i.oldPointSize(r[n])}}},{key:"newPointSize",value:function(t,e){var i=this.w,a=i.config.markers.hover.size,s=0===t?e.parentNode.firstChild:e.parentNode.lastChild;if("0"!==s.getAttribute("default-marker-size")){var r=parseInt(s.getAttribute("index"),10);void 0===a&&(a=i.globals.markers.size[r]+i.config.markers.hover.sizeOffset),a<0&&(a=0),s.setAttribute("r",a)}}},{key:"oldPointSize",value:function(t){var e=parseFloat(t.getAttribute("default-marker-size"));t.setAttribute("r",e)}},{key:"resetPointsSize",value:function(){for(var t=this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-series:not(.apexcharts-series-collapsed) .apexcharts-marker"),e=0;e<t.length;e++){var i=parseFloat(t[e].getAttribute("default-marker-size"));x.isNumber(i)&&i>=0?t[e].setAttribute("r",i):t[e].setAttribute("r",0)}}}]),t}(),bt=function(){function t(e){a(this,t),this.w=e.w,this.ttCtx=e}return r(t,[{key:"getAttr",value:function(t,e){return parseFloat(t.target.getAttribute(e))}},{key:"handleHeatTreeTooltip",value:function(t){var e=t.e,i=t.opt,a=t.x,s=t.y,r=t.type,o=this.ttCtx,n=this.w;if(e.target.classList.contains("apexcharts-".concat(r,"-rect"))){var l=this.getAttr(e,"i"),h=this.getAttr(e,"j"),c=this.getAttr(e,"cx"),d=this.getAttr(e,"cy"),g=this.getAttr(e,"width"),u=this.getAttr(e,"height");if(o.tooltipLabels.drawSeriesTexts({ttItems:i.ttItems,i:l,j:h,shared:!1,e:e}),n.globals.capturedSeriesIndex=l,n.globals.capturedDataPointIndex=h,a=c+o.tooltipRect.ttWidth/2+g,s=d+o.tooltipRect.ttHeight/2-u/2,o.tooltipPosition.moveXCrosshairs(c+g/2),a>n.globals.gridWidth/2&&(a=c-o.tooltipRect.ttWidth/2+g),o.w.config.tooltip.followCursor){var f=n.globals.dom.elWrap.getBoundingClientRect();a=n.globals.clientX-f.left-(a>n.globals.gridWidth/2?o.tooltipRect.ttWidth:0),s=n.globals.clientY-f.top-(s>n.globals.gridHeight/2?o.tooltipRect.ttHeight:0)}}return{x:a,y:s}}},{key:"handleMarkerTooltip",value:function(t){var e,i,a=t.e,s=t.opt,r=t.x,o=t.y,n=this.w,l=this.ttCtx;if(a.target.classList.contains("apexcharts-marker")){var h=parseInt(s.paths.getAttribute("cx"),10),c=parseInt(s.paths.getAttribute("cy"),10),d=parseFloat(s.paths.getAttribute("val"));if(i=parseInt(s.paths.getAttribute("rel"),10),e=parseInt(s.paths.parentNode.parentNode.parentNode.getAttribute("rel"),10)-1,l.intersect){var g=x.findAncestor(s.paths,"apexcharts-series");g&&(e=parseInt(g.getAttribute("data:realIndex"),10))}if(l.tooltipLabels.drawSeriesTexts({ttItems:s.ttItems,i:e,j:i,shared:!l.showOnIntersect&&n.config.tooltip.shared,e:a}),"mouseup"===a.type&&l.markerClick(a,e,i),n.globals.capturedSeriesIndex=e,n.globals.capturedDataPointIndex=i,r=h,o=c+n.globals.translateY-1.4*l.tooltipRect.ttHeight,l.w.config.tooltip.followCursor){var u=l.getElGrid().getBoundingClientRect();o=l.e.clientY+n.globals.translateY-u.top}d<0&&(o=c),l.marker.enlargeCurrentPoint(i,s.paths,r,o)}return{x:r,y:o}}},{key:"handleBarTooltip",value:function(t){var e,i,a=t.e,s=t.opt,r=this.w,o=this.ttCtx,n=o.getElTooltip(),l=0,h=0,c=0,d=this.getBarTooltipXY({e:a,opt:s});e=d.i;var g=d.barHeight,u=d.j;r.globals.capturedSeriesIndex=e,r.globals.capturedDataPointIndex=u,r.globals.isBarHorizontal&&o.tooltipUtil.hasBars()||!r.config.tooltip.shared?(h=d.x,c=d.y,i=Array.isArray(r.config.stroke.width)?r.config.stroke.width[e]:r.config.stroke.width,l=h):r.globals.comboCharts||r.config.tooltip.shared||(l/=2),isNaN(c)?c=r.globals.svgHeight-o.tooltipRect.ttHeight:c<0&&(c=0);var f=parseInt(s.paths.parentNode.getAttribute("data:realIndex"),10),p=r.globals.isMultipleYAxis?r.config.yaxis[f]&&r.config.yaxis[f].reversed:r.config.yaxis[0].reversed;if(h+o.tooltipRect.ttWidth>r.globals.gridWidth&&!p?h-=o.tooltipRect.ttWidth:h<0&&(h=0),o.w.config.tooltip.followCursor){var x=o.getElGrid().getBoundingClientRect();c=o.e.clientY-x.top}null===o.tooltip&&(o.tooltip=r.globals.dom.baseEl.querySelector(".apexcharts-tooltip")),r.config.tooltip.shared||(r.globals.comboBarCount>0?o.tooltipPosition.moveXCrosshairs(l+i/2):o.tooltipPosition.moveXCrosshairs(l)),!o.fixedTooltip&&(!r.config.tooltip.shared||r.globals.isBarHorizontal&&o.tooltipUtil.hasBars())&&(p&&(h-=o.tooltipRect.ttWidth)<0&&(h=0),!p||r.globals.isBarHorizontal&&o.tooltipUtil.hasBars()||(c=c+g-2*(r.globals.series[e][u]<0?g:0)),o.tooltipRect.ttHeight+c>r.globals.gridHeight?c=r.globals.gridHeight-o.tooltipRect.ttHeight+r.globals.translateY:(c=c+r.globals.translateY-o.tooltipRect.ttHeight/2)<0&&(c=0),n.style.left=h+r.globals.translateX+"px",n.style.top=c+"px")}},{key:"getBarTooltipXY",value:function(t){var e=t.e,i=t.opt,a=this.w,s=null,r=this.ttCtx,o=0,n=0,l=0,h=0,c=0,d=e.target.classList;if(d.contains("apexcharts-bar-area")||d.contains("apexcharts-candlestick-area")||d.contains("apexcharts-boxPlot-area")||d.contains("apexcharts-rangebar-area")){var g=e.target,u=g.getBoundingClientRect(),f=i.elGrid.getBoundingClientRect(),p=u.height;c=u.height;var x=u.width,b=parseInt(g.getAttribute("cx"),10),v=parseInt(g.getAttribute("cy"),10);h=parseFloat(g.getAttribute("barWidth"));var m="touchmove"===e.type?e.touches[0].clientX:e.clientX;s=parseInt(g.getAttribute("j"),10),o=parseInt(g.parentNode.getAttribute("rel"),10)-1;var y=g.getAttribute("data-range-y1"),w=g.getAttribute("data-range-y2");a.globals.comboCharts&&(o=parseInt(g.parentNode.getAttribute("data:realIndex"),10)),r.tooltipLabels.drawSeriesTexts({ttItems:i.ttItems,i:o,j:s,y1:y?parseInt(y,10):null,y2:w?parseInt(w,10):null,shared:!r.showOnIntersect&&a.config.tooltip.shared,e:e}),a.config.tooltip.followCursor?a.globals.isBarHorizontal?(n=m-f.left+15,l=v-r.dataPointsDividedHeight+p/2-r.tooltipRect.ttHeight/2):(n=a.globals.isXNumeric?b-x/2:b-r.dataPointsDividedWidth+x/2,l=e.clientY-f.top-r.tooltipRect.ttHeight/2-15):a.globals.isBarHorizontal?((n=b)<r.xyRatios.baseLineInvertedY&&(n=b-r.tooltipRect.ttWidth),l=v-r.dataPointsDividedHeight+p/2-r.tooltipRect.ttHeight/2):(n=a.globals.isXNumeric?b-x/2:b-r.dataPointsDividedWidth+x/2,l=v)}return{x:n,y:l,barHeight:c,barWidth:h,i:o,j:s}}}]),t}(),vt=function(){function t(e){a(this,t),this.w=e.w,this.ttCtx=e}return r(t,[{key:"drawXaxisTooltip",value:function(){var t=this.w,e=this.ttCtx,i="bottom"===t.config.xaxis.position;e.xaxisOffY=i?t.globals.gridHeight+1:-t.globals.xAxisHeight-t.config.xaxis.axisTicks.height+3;var a=i?"apexcharts-xaxistooltip apexcharts-xaxistooltip-bottom":"apexcharts-xaxistooltip apexcharts-xaxistooltip-top",s=t.globals.dom.elWrap;e.isXAxisTooltipEnabled&&(null===t.globals.dom.baseEl.querySelector(".apexcharts-xaxistooltip")&&(e.xaxisTooltip=document.createElement("div"),e.xaxisTooltip.setAttribute("class",a+" apexcharts-theme-"+t.config.tooltip.theme),s.appendChild(e.xaxisTooltip),e.xaxisTooltipText=document.createElement("div"),e.xaxisTooltipText.classList.add("apexcharts-xaxistooltip-text"),e.xaxisTooltipText.style.fontFamily=t.config.xaxis.tooltip.style.fontFamily||t.config.chart.fontFamily,e.xaxisTooltipText.style.fontSize=t.config.xaxis.tooltip.style.fontSize,e.xaxisTooltip.appendChild(e.xaxisTooltipText)))}},{key:"drawYaxisTooltip",value:function(){for(var t=this.w,e=this.ttCtx,i=function(i){var a=t.config.yaxis[i].opposite||t.config.yaxis[i].crosshairs.opposite;e.yaxisOffX=a?t.globals.gridWidth+1:1;var s="apexcharts-yaxistooltip apexcharts-yaxistooltip-".concat(i,a?" apexcharts-yaxistooltip-right":" apexcharts-yaxistooltip-left");t.globals.yAxisSameScaleIndices.map((function(e,a){e.map((function(e,a){a===i&&(s+=t.config.yaxis[a].show?" ":" apexcharts-yaxistooltip-hidden")}))}));var r=t.globals.dom.elWrap;null===t.globals.dom.baseEl.querySelector(".apexcharts-yaxistooltip apexcharts-yaxistooltip-".concat(i))&&(e.yaxisTooltip=document.createElement("div"),e.yaxisTooltip.setAttribute("class",s+" apexcharts-theme-"+t.config.tooltip.theme),r.appendChild(e.yaxisTooltip),0===i&&(e.yaxisTooltipText=[]),e.yaxisTooltipText[i]=document.createElement("div"),e.yaxisTooltipText[i].classList.add("apexcharts-yaxistooltip-text"),e.yaxisTooltip.appendChild(e.yaxisTooltipText[i]))},a=0;a<t.config.yaxis.length;a++)i(a)}},{key:"setXCrosshairWidth",value:function(){var t=this.w,e=this.ttCtx,i=e.getElXCrosshairs();if(e.xcrosshairsWidth=parseInt(t.config.xaxis.crosshairs.width,10),t.globals.comboCharts){var a=t.globals.dom.baseEl.querySelector(".apexcharts-bar-area");if(null!==a&&"barWidth"===t.config.xaxis.crosshairs.width){var s=parseFloat(a.getAttribute("barWidth"));e.xcrosshairsWidth=s}else if("tickWidth"===t.config.xaxis.crosshairs.width){var r=t.globals.labels.length;e.xcrosshairsWidth=t.globals.gridWidth/r}}else if("tickWidth"===t.config.xaxis.crosshairs.width){var o=t.globals.labels.length;e.xcrosshairsWidth=t.globals.gridWidth/o}else if("barWidth"===t.config.xaxis.crosshairs.width){var n=t.globals.dom.baseEl.querySelector(".apexcharts-bar-area");if(null!==n){var l=parseFloat(n.getAttribute("barWidth"));e.xcrosshairsWidth=l}else e.xcrosshairsWidth=1}t.globals.isBarHorizontal&&(e.xcrosshairsWidth=0),null!==i&&e.xcrosshairsWidth>0&&i.setAttribute("width",e.xcrosshairsWidth)}},{key:"handleYCrosshair",value:function(){var t=this.w,e=this.ttCtx;e.ycrosshairs=t.globals.dom.baseEl.querySelector(".apexcharts-ycrosshairs"),e.ycrosshairsHidden=t.globals.dom.baseEl.querySelector(".apexcharts-ycrosshairs-hidden")}},{key:"drawYaxisTooltipText",value:function(t,e,i){var a=this.ttCtx,s=this.w,r=s.globals.yLabelFormatters[t];if(a.yaxisTooltips[t]){var o=a.getElGrid().getBoundingClientRect(),n=(e-o.top)*i.yRatio[t],l=s.globals.maxYArr[t]-s.globals.minYArr[t],h=s.globals.minYArr[t]+(l-n);a.tooltipPosition.moveYCrosshairs(e-o.top),a.yaxisTooltipText[t].innerHTML=r(h),a.tooltipPosition.moveYAxisTooltip(t)}}}]),t}(),mt=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w;var i=this.w;this.tConfig=i.config.tooltip,this.tooltipUtil=new ut(this),this.tooltipLabels=new ft(this),this.tooltipPosition=new pt(this),this.marker=new xt(this),this.intersect=new bt(this),this.axesTooltip=new vt(this),this.showOnIntersect=this.tConfig.intersect,this.showTooltipTitle=this.tConfig.x.show,this.fixedTooltip=this.tConfig.fixed.enabled,this.xaxisTooltip=null,this.yaxisTTEls=null,this.isBarShared=!i.globals.isBarHorizontal&&this.tConfig.shared,this.lastHoverTime=Date.now()}return r(t,[{key:"getElTooltip",value:function(t){return t||(t=this),t.w.globals.dom.baseEl?t.w.globals.dom.baseEl.querySelector(".apexcharts-tooltip"):null}},{key:"getElXCrosshairs",value:function(){return this.w.globals.dom.baseEl.querySelector(".apexcharts-xcrosshairs")}},{key:"getElGrid",value:function(){return this.w.globals.dom.baseEl.querySelector(".apexcharts-grid")}},{key:"drawTooltip",value:function(t){var e=this.w;this.xyRatios=t,this.isXAxisTooltipEnabled=e.config.xaxis.tooltip.enabled&&e.globals.axisCharts,this.yaxisTooltips=e.config.yaxis.map((function(t,i){return!!(t.show&&t.tooltip.enabled&&e.globals.axisCharts)})),this.allTooltipSeriesGroups=[],e.globals.axisCharts||(this.showTooltipTitle=!1);var i=document.createElement("div");if(i.classList.add("apexcharts-tooltip"),e.config.tooltip.cssClass&&i.classList.add(e.config.tooltip.cssClass),i.classList.add("apexcharts-theme-".concat(this.tConfig.theme)),e.globals.dom.elWrap.appendChild(i),e.globals.axisCharts){this.axesTooltip.drawXaxisTooltip(),this.axesTooltip.drawYaxisTooltip(),this.axesTooltip.setXCrosshairWidth(),this.axesTooltip.handleYCrosshair();var a=new _(this.ctx);this.xAxisTicksPositions=a.getXAxisTicksPositions()}if(!e.globals.comboCharts&&!this.tConfig.intersect&&"rangeBar"!==e.config.chart.type||this.tConfig.shared||(this.showOnIntersect=!0),0!==e.config.markers.size&&0!==e.globals.markers.largestSize||this.marker.drawDynamicPoints(this),e.globals.collapsedSeries.length!==e.globals.series.length){this.dataPointsDividedHeight=e.globals.gridHeight/e.globals.dataPoints,this.dataPointsDividedWidth=e.globals.gridWidth/e.globals.dataPoints,this.showTooltipTitle&&(this.tooltipTitle=document.createElement("div"),this.tooltipTitle.classList.add("apexcharts-tooltip-title"),this.tooltipTitle.style.fontFamily=this.tConfig.style.fontFamily||e.config.chart.fontFamily,this.tooltipTitle.style.fontSize=this.tConfig.style.fontSize,i.appendChild(this.tooltipTitle));var s=e.globals.series.length;(e.globals.xyCharts||e.globals.comboCharts)&&this.tConfig.shared&&(s=this.showOnIntersect?1:e.globals.series.length),this.legendLabels=e.globals.dom.baseEl.querySelectorAll(".apexcharts-legend-text"),this.ttItems=this.createTTElements(s),this.addSVGEvents()}}},{key:"createTTElements",value:function(t){for(var e=this,i=this.w,a=[],s=this.getElTooltip(),r=function(r){var o=document.createElement("div");o.classList.add("apexcharts-tooltip-series-group"),o.style.order=i.config.tooltip.inverseOrder?t-r:r+1,e.tConfig.shared&&e.tConfig.enabledOnSeries&&Array.isArray(e.tConfig.enabledOnSeries)&&e.tConfig.enabledOnSeries.indexOf(r)<0&&o.classList.add("apexcharts-tooltip-series-group-hidden");var n=document.createElement("span");n.classList.add("apexcharts-tooltip-marker"),n.style.backgroundColor=i.globals.colors[r],o.appendChild(n);var l=document.createElement("div");l.classList.add("apexcharts-tooltip-text"),l.style.fontFamily=e.tConfig.style.fontFamily||i.config.chart.fontFamily,l.style.fontSize=e.tConfig.style.fontSize,["y","goals","z"].forEach((function(t){var e=document.createElement("div");e.classList.add("apexcharts-tooltip-".concat(t,"-group"));var i=document.createElement("span");i.classList.add("apexcharts-tooltip-text-".concat(t,"-label")),e.appendChild(i);var a=document.createElement("span");a.classList.add("apexcharts-tooltip-text-".concat(t,"-value")),e.appendChild(a),l.appendChild(e)})),o.appendChild(l),s.appendChild(o),a.push(o)},o=0;o<t;o++)r(o);return a}},{key:"addSVGEvents",value:function(){var t=this.w,e=t.config.chart.type,i=this.getElTooltip(),a=!("bar"!==e&&"candlestick"!==e&&"boxPlot"!==e&&"rangeBar"!==e),s="area"===e||"line"===e||"scatter"===e||"bubble"===e||"radar"===e,r=t.globals.dom.Paper.node,o=this.getElGrid();o&&(this.seriesBound=o.getBoundingClientRect());var n,l=[],h=[],c={hoverArea:r,elGrid:o,tooltipEl:i,tooltipY:l,tooltipX:h,ttItems:this.ttItems};if(t.globals.axisCharts&&(s?n=t.globals.dom.baseEl.querySelectorAll(".apexcharts-series[data\\:longestSeries='true'] .apexcharts-marker"):a?n=t.globals.dom.baseEl.querySelectorAll(".apexcharts-series .apexcharts-bar-area, .apexcharts-series .apexcharts-candlestick-area, .apexcharts-series .apexcharts-boxPlot-area, .apexcharts-series .apexcharts-rangebar-area"):"heatmap"!==e&&"treemap"!==e||(n=t.globals.dom.baseEl.querySelectorAll(".apexcharts-series .apexcharts-heatmap, .apexcharts-series .apexcharts-treemap")),n&&n.length))for(var d=0;d<n.length;d++)l.push(n[d].getAttribute("cy")),h.push(n[d].getAttribute("cx"));if(t.globals.xyCharts&&!this.showOnIntersect||t.globals.comboCharts&&!this.showOnIntersect||a&&this.tooltipUtil.hasBars()&&this.tConfig.shared)this.addPathsEventListeners([r],c);else if(a&&!t.globals.comboCharts||s&&this.showOnIntersect)this.addDatapointEventsListeners(c);else if(!t.globals.axisCharts||"heatmap"===e||"treemap"===e){var g=t.globals.dom.baseEl.querySelectorAll(".apexcharts-series");this.addPathsEventListeners(g,c)}if(this.showOnIntersect){var u=t.globals.dom.baseEl.querySelectorAll(".apexcharts-line-series .apexcharts-marker, .apexcharts-area-series .apexcharts-marker");u.length>0&&this.addPathsEventListeners(u,c),this.tooltipUtil.hasBars()&&!this.tConfig.shared&&this.addDatapointEventsListeners(c)}}},{key:"drawFixedTooltipRect",value:function(){var t=this.w,e=this.getElTooltip(),i=e.getBoundingClientRect(),a=i.width+10,s=i.height+10,r=this.tConfig.fixed.offsetX,o=this.tConfig.fixed.offsetY,n=this.tConfig.fixed.position.toLowerCase();return n.indexOf("right")>-1&&(r=r+t.globals.svgWidth-a+10),n.indexOf("bottom")>-1&&(o=o+t.globals.svgHeight-s-10),e.style.left=r+"px",e.style.top=o+"px",{x:r,y:o,ttWidth:a,ttHeight:s}}},{key:"addDatapointEventsListeners",value:function(t){var e=this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-series-markers .apexcharts-marker, .apexcharts-bar-area, .apexcharts-candlestick-area, .apexcharts-boxPlot-area, .apexcharts-rangebar-area");this.addPathsEventListeners(e,t)}},{key:"addPathsEventListeners",value:function(t,e){for(var i=this,a=function(a){var s={paths:t[a],tooltipEl:e.tooltipEl,tooltipY:e.tooltipY,tooltipX:e.tooltipX,elGrid:e.elGrid,hoverArea:e.hoverArea,ttItems:e.ttItems};["mousemove","mouseup","touchmove","mouseout","touchend"].map((function(e){return t[a].addEventListener(e,i.onSeriesHover.bind(i,s),{capture:!1,passive:!0})}))},s=0;s<t.length;s++)a(s)}},{key:"onSeriesHover",value:function(t,e){var i=this,a=Date.now()-this.lastHoverTime;a>=100?this.seriesHover(t,e):(clearTimeout(this.seriesHoverTimeout),this.seriesHoverTimeout=setTimeout((function(){i.seriesHover(t,e)}),100-a))}},{key:"seriesHover",value:function(t,e){var i=this;this.lastHoverTime=Date.now();var a=[],s=this.w;s.config.chart.group&&(a=this.ctx.getGroupedCharts()),s.globals.axisCharts&&(s.globals.minX===-1/0&&s.globals.maxX===1/0||0===s.globals.dataPoints)||(a.length?a.forEach((function(a){var s=i.getElTooltip(a),r={paths:t.paths,tooltipEl:s,tooltipY:t.tooltipY,tooltipX:t.tooltipX,elGrid:t.elGrid,hoverArea:t.hoverArea,ttItems:a.w.globals.tooltip.ttItems};a.w.globals.minX===i.w.globals.minX&&a.w.globals.maxX===i.w.globals.maxX&&a.w.globals.tooltip.seriesHoverByContext({chartCtx:a,ttCtx:a.w.globals.tooltip,opt:r,e:e})})):this.seriesHoverByContext({chartCtx:this.ctx,ttCtx:this.w.globals.tooltip,opt:t,e:e}))}},{key:"seriesHoverByContext",value:function(t){var e=t.chartCtx,i=t.ttCtx,a=t.opt,s=t.e,r=e.w,o=this.getElTooltip();if(o){if(i.tooltipRect={x:0,y:0,ttWidth:o.getBoundingClientRect().width,ttHeight:o.getBoundingClientRect().height},i.e=s,i.tooltipUtil.hasBars()&&!r.globals.comboCharts&&!i.isBarShared)if(this.tConfig.onDatasetHover.highlightDataSeries)new E(e).toggleSeriesOnHover(s,s.target.parentNode);i.fixedTooltip&&i.drawFixedTooltipRect(),r.globals.axisCharts?i.axisChartsTooltips({e:s,opt:a,tooltipRect:i.tooltipRect}):i.nonAxisChartsTooltips({e:s,opt:a,tooltipRect:i.tooltipRect})}}},{key:"axisChartsTooltips",value:function(t){var e,i,a=t.e,s=t.opt,r=this.w,o=s.elGrid.getBoundingClientRect(),n="touchmove"===a.type?a.touches[0].clientX:a.clientX,l="touchmove"===a.type?a.touches[0].clientY:a.clientY;if(this.clientY=l,this.clientX=n,r.globals.capturedSeriesIndex=-1,r.globals.capturedDataPointIndex=-1,l<o.top||l>o.top+o.height)this.handleMouseOut(s);else{if(Array.isArray(this.tConfig.enabledOnSeries)&&!r.config.tooltip.shared){var h=parseInt(s.paths.getAttribute("index"),10);if(this.tConfig.enabledOnSeries.indexOf(h)<0)return void this.handleMouseOut(s)}var c=this.getElTooltip(),d=this.getElXCrosshairs(),g=r.globals.xyCharts||"bar"===r.config.chart.type&&!r.globals.isBarHorizontal&&this.tooltipUtil.hasBars()&&this.tConfig.shared||r.globals.comboCharts&&this.tooltipUtil.hasBars();if("mousemove"===a.type||"touchmove"===a.type||"mouseup"===a.type){if(r.globals.collapsedSeries.length+r.globals.ancillaryCollapsedSeries.length===r.globals.series.length)return;null!==d&&d.classList.add("apexcharts-active");var u=this.yaxisTooltips.filter((function(t){return!0===t}));if(null!==this.ycrosshairs&&u.length&&this.ycrosshairs.classList.add("apexcharts-active"),g&&!this.showOnIntersect)this.handleStickyTooltip(a,n,l,s);else if("heatmap"===r.config.chart.type||"treemap"===r.config.chart.type){var f=this.intersect.handleHeatTreeTooltip({e:a,opt:s,x:e,y:i,type:r.config.chart.type});e=f.x,i=f.y,c.style.left=e+"px",c.style.top=i+"px"}else this.tooltipUtil.hasBars()&&this.intersect.handleBarTooltip({e:a,opt:s}),this.tooltipUtil.hasMarkers()&&this.intersect.handleMarkerTooltip({e:a,opt:s,x:e,y:i});if(this.yaxisTooltips.length)for(var p=0;p<r.config.yaxis.length;p++)this.axesTooltip.drawYaxisTooltipText(p,l,this.xyRatios);s.tooltipEl.classList.add("apexcharts-active")}else"mouseout"!==a.type&&"touchend"!==a.type||this.handleMouseOut(s)}}},{key:"nonAxisChartsTooltips",value:function(t){var e=t.e,i=t.opt,a=t.tooltipRect,s=this.w,r=i.paths.getAttribute("rel"),o=this.getElTooltip(),n=s.globals.dom.elWrap.getBoundingClientRect();if("mousemove"===e.type||"touchmove"===e.type){o.classList.add("apexcharts-active"),this.tooltipLabels.drawSeriesTexts({ttItems:i.ttItems,i:parseInt(r,10)-1,shared:!1});var l=s.globals.clientX-n.left-a.ttWidth/2,h=s.globals.clientY-n.top-a.ttHeight-10;if(o.style.left=l+"px",o.style.top=h+"px",s.config.legend.tooltipHoverFormatter){var c=r-1,d=(0,s.config.legend.tooltipHoverFormatter)(this.legendLabels[c].getAttribute("data:default-text"),{seriesIndex:c,dataPointIndex:c,w:s});this.legendLabels[c].innerHTML=d}}else"mouseout"!==e.type&&"touchend"!==e.type||(o.classList.remove("apexcharts-active"),s.config.legend.tooltipHoverFormatter&&this.legendLabels.forEach((function(t){var e=t.getAttribute("data:default-text");t.innerHTML=decodeURIComponent(e)})))}},{key:"handleStickyTooltip",value:function(t,e,i,a){var s=this.w,r=this.tooltipUtil.getNearestValues({context:this,hoverArea:a.hoverArea,elGrid:a.elGrid,clientX:e,clientY:i}),o=r.j,n=r.capturedSeries,l=a.elGrid.getBoundingClientRect();r.hoverX<0||r.hoverX>l.width?this.handleMouseOut(a):null!==n?this.handleStickyCapturedSeries(t,n,a,o):(this.tooltipUtil.isXoverlap(o)||s.globals.isBarHorizontal)&&this.create(t,this,0,o,a.ttItems)}},{key:"handleStickyCapturedSeries",value:function(t,e,i,a){var s=this.w;if(!this.tConfig.shared&&null===s.globals.series[e][a])return void this.handleMouseOut(i);void 0!==s.globals.series[e][a]?this.tConfig.shared&&this.tooltipUtil.isXoverlap(a)&&this.tooltipUtil.isInitialSeriesSameLen()?this.create(t,this,e,a,i.ttItems):this.create(t,this,e,a,i.ttItems,!1):this.tooltipUtil.isXoverlap(a)&&this.create(t,this,0,a,i.ttItems)}},{key:"deactivateHoverFilter",value:function(){for(var t=this.w,e=new m(this.ctx),i=t.globals.dom.Paper.select(".apexcharts-bar-area"),a=0;a<i.length;a++)e.pathMouseLeave(i[a])}},{key:"handleMouseOut",value:function(t){var e=this.w,i=this.getElXCrosshairs();if(t.tooltipEl.classList.remove("apexcharts-active"),this.deactivateHoverFilter(),"bubble"!==e.config.chart.type&&this.marker.resetPointsSize(),null!==i&&i.classList.remove("apexcharts-active"),null!==this.ycrosshairs&&this.ycrosshairs.classList.remove("apexcharts-active"),this.isXAxisTooltipEnabled&&this.xaxisTooltip.classList.remove("apexcharts-active"),this.yaxisTooltips.length){null===this.yaxisTTEls&&(this.yaxisTTEls=e.globals.dom.baseEl.querySelectorAll(".apexcharts-yaxistooltip"));for(var a=0;a<this.yaxisTTEls.length;a++)this.yaxisTTEls[a].classList.remove("apexcharts-active")}e.config.legend.tooltipHoverFormatter&&this.legendLabels.forEach((function(t){var e=t.getAttribute("data:default-text");t.innerHTML=decodeURIComponent(e)}))}},{key:"markerClick",value:function(t,e,i){var a=this.w;"function"==typeof a.config.chart.events.markerClick&&a.config.chart.events.markerClick(t,this.ctx,{seriesIndex:e,dataPointIndex:i,w:a}),this.ctx.events.fireEvent("markerClick",[t,this.ctx,{seriesIndex:e,dataPointIndex:i,w:a}])}},{key:"create",value:function(t,e,i,a,s){var r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,o=this.w,n=e;"mouseup"===t.type&&this.markerClick(t,i,a),null===r&&(r=this.tConfig.shared);var l=this.tooltipUtil.hasMarkers(),h=this.tooltipUtil.getElBars();if(o.config.legend.tooltipHoverFormatter){var c=o.config.legend.tooltipHoverFormatter,d=Array.from(this.legendLabels);d.forEach((function(t){var e=t.getAttribute("data:default-text");t.innerHTML=decodeURIComponent(e)}));for(var g=0;g<d.length;g++){var u=d[g],f=parseInt(u.getAttribute("i"),10),p=decodeURIComponent(u.getAttribute("data:default-text")),x=c(p,{seriesIndex:r?f:i,dataPointIndex:a,w:o});if(r)u.innerHTML=o.globals.collapsedSeriesIndices.indexOf(f)<0?x:p;else if(u.innerHTML=f===i?x:p,i===f)break}}if(r){if(n.tooltipLabels.drawSeriesTexts({ttItems:s,i:i,j:a,shared:!this.showOnIntersect&&this.tConfig.shared}),l&&(o.globals.markers.largestSize>0?n.marker.enlargePoints(a):n.tooltipPosition.moveDynamicPointsOnHover(a)),this.tooltipUtil.hasBars()&&(this.barSeriesHeight=this.tooltipUtil.getBarsHeight(h),this.barSeriesHeight>0)){var b=new m(this.ctx),v=o.globals.dom.Paper.select(".apexcharts-bar-area[j='".concat(a,"']"));this.deactivateHoverFilter(),this.tooltipPosition.moveStickyTooltipOverBars(a);for(var y=0;y<v.length;y++)b.pathMouseEnter(v[y])}}else n.tooltipLabels.drawSeriesTexts({shared:!1,ttItems:s,i:i,j:a}),this.tooltipUtil.hasBars()&&n.tooltipPosition.moveStickyTooltipOverBars(a),l&&n.tooltipPosition.moveMarkers(i,a)}}]),t}(),yt=function(t){n(s,t);var i=d(s);function s(){return a(this,s),i.apply(this,arguments)}return r(s,[{key:"draw",value:function(t,i){var a=this,s=this.w;this.graphics=new m(this.ctx),this.bar=new F(this.ctx,this.xyRatios);var r=new y(this.ctx,s);t=r.getLogSeries(t),this.yRatio=r.getLogYRatios(this.yRatio),this.barHelpers.initVariables(t),"100%"===s.config.chart.stackType&&(t=s.globals.seriesPercent.slice()),this.series=t,this.totalItems=0,this.prevY=[],this.prevX=[],this.prevYF=[],this.prevXF=[],this.prevYVal=[],this.prevXVal=[],this.xArrj=[],this.xArrjF=[],this.xArrjVal=[],this.yArrj=[],this.yArrjF=[],this.yArrjVal=[];for(var o=0;o<t.length;o++)t[o].length>0&&(this.totalItems+=t[o].length);for(var n=this.graphics.group({class:"apexcharts-bar-series apexcharts-plot-series"}),l=0,h=0,c=function(r,o){var c=void 0,d=void 0,g=void 0,u=void 0,f=[],p=[],b=s.globals.comboCharts?i[r]:r;a.yRatio.length>1&&(a.yaxisIndex=b),a.isReversed=s.config.yaxis[a.yaxisIndex]&&s.config.yaxis[a.yaxisIndex].reversed;var v=a.graphics.group({class:"apexcharts-series",seriesName:x.escapeString(s.globals.seriesNames[b]),rel:r+1,"data:realIndex":b});a.ctx.series.addCollapsedClassToSeries(v,b);var m=a.graphics.group({class:"apexcharts-datalabels","data:realIndex":b}),y=0,w=0,k=a.initialPositions(l,h,c,d,g,u);h=k.y,y=k.barHeight,d=k.yDivision,u=k.zeroW,l=k.x,w=k.barWidth,c=k.xDivision,g=k.zeroH,a.yArrj=[],a.yArrjF=[],a.yArrjVal=[],a.xArrj=[],a.xArrjF=[],a.xArrjVal=[],1===a.prevY.length&&a.prevY[0].every((function(t){return isNaN(t)}))&&(a.prevY[0]=a.prevY[0].map((function(t){return g})),a.prevYF[0]=a.prevYF[0].map((function(t){return 0})));for(var A=0;A<s.globals.dataPoints;A++){var S=a.barHelpers.getStrokeWidth(r,A,b),C={indexes:{i:r,j:A,realIndex:b,bc:o},strokeWidth:S,x:l,y:h,elSeries:v},L=null;a.isHorizontal?(L=a.drawStackedBarPaths(e(e({},C),{},{zeroW:u,barHeight:y,yDivision:d})),w=a.series[r][A]/a.invertedYRatio):(L=a.drawStackedColumnPaths(e(e({},C),{},{xDivision:c,barWidth:w,zeroH:g})),y=a.series[r][A]/a.yRatio[a.yaxisIndex]),h=L.y,l=L.x,f.push(l),p.push(h);var P=a.barHelpers.getPathFillColor(t,r,A,b);v=a.renderSeries({realIndex:b,pathFill:P,j:A,i:r,pathFrom:L.pathFrom,pathTo:L.pathTo,strokeWidth:S,elSeries:v,x:l,y:h,series:t,barHeight:y,barWidth:w,elDataLabelsWrap:m,type:"bar",visibleSeries:0})}s.globals.seriesXvalues[b]=f,s.globals.seriesYvalues[b]=p,a.prevY.push(a.yArrj),a.prevYF.push(a.yArrjF),a.prevYVal.push(a.yArrjVal),a.prevX.push(a.xArrj),a.prevXF.push(a.xArrjF),a.prevXVal.push(a.xArrjVal),n.add(v)},d=0,g=0;d<t.length;d++,g++)c(d,g);return n}},{key:"initialPositions",value:function(t,e,i,a,s,r){var o,n,l=this.w;return this.isHorizontal?(o=(o=a=l.globals.gridHeight/l.globals.dataPoints)*parseInt(l.config.plotOptions.bar.barHeight,10)/100,r=this.baseLineInvertedY+l.globals.padHorizontal+(this.isReversed?l.globals.gridWidth:0)-(this.isReversed?2*this.baseLineInvertedY:0),e=(a-o)/2):(n=i=l.globals.gridWidth/l.globals.dataPoints,n=l.globals.isXNumeric&&l.globals.dataPoints>1?(i=l.globals.minXDiff/this.xRatio)*parseInt(this.barOptions.columnWidth,10)/100:n*parseInt(l.config.plotOptions.bar.columnWidth,10)/100,s=this.baseLineY[this.yaxisIndex]+(this.isReversed?l.globals.gridHeight:0)-(this.isReversed?2*this.baseLineY[this.yaxisIndex]:0),t=l.globals.padHorizontal+(i-n)/2),{x:t,y:e,yDivision:a,xDivision:i,barHeight:o,barWidth:n,zeroH:s,zeroW:r}}},{key:"drawStackedBarPaths",value:function(t){for(var e,i=t.indexes,a=t.barHeight,s=t.strokeWidth,r=t.zeroW,o=t.x,n=t.y,l=t.yDivision,h=t.elSeries,c=this.w,d=n,g=i.i,u=i.j,f=0,p=0;p<this.prevXF.length;p++)f+=this.prevXF[p][u];if(g>0){var x=r;this.prevXVal[g-1][u]<0?x=this.series[g][u]>=0?this.prevX[g-1][u]+f-2*(this.isReversed?f:0):this.prevX[g-1][u]:this.prevXVal[g-1][u]>=0&&(x=this.series[g][u]>=0?this.prevX[g-1][u]:this.prevX[g-1][u]-f+2*(this.isReversed?f:0)),e=x}else e=r;o=null===this.series[g][u]?e:e+this.series[g][u]/this.invertedYRatio-2*(this.isReversed?this.series[g][u]/this.invertedYRatio:0);var b=this.barHelpers.getBarpaths({barYPosition:d,barHeight:a,x1:e,x2:o,strokeWidth:s,series:this.series,realIndex:i.realIndex,i:g,j:u,w:c});return this.barHelpers.barBackground({j:u,i:g,y1:d,y2:a,elSeries:h}),n+=l,{pathTo:b.pathTo,pathFrom:b.pathFrom,x:o,y:n}}},{key:"drawStackedColumnPaths",value:function(t){var e=t.indexes,i=t.x,a=t.y,s=t.xDivision,r=t.barWidth,o=t.zeroH;t.strokeWidth;var n=t.elSeries,l=this.w,h=e.i,c=e.j,d=e.bc;if(l.globals.isXNumeric){var g=l.globals.seriesX[h][c];g||(g=0),i=(g-l.globals.minX)/this.xRatio-r/2}for(var u,f=i,p=0,x=0;x<this.prevYF.length;x++)p+=isNaN(this.prevYF[x][c])?0:this.prevYF[x][c];if(h>0&&!l.globals.isXNumeric||h>0&&l.globals.isXNumeric&&l.globals.seriesX[h-1][c]===l.globals.seriesX[h][c]){var b,v,m=Math.min(this.yRatio.length+1,h+1);if(void 0!==this.prevY[h-1])for(var y=1;y<m;y++)if(!isNaN(this.prevY[h-y][c])){v=this.prevY[h-y][c];break}for(var w=1;w<m;w++){if(this.prevYVal[h-w][c]<0){b=this.series[h][c]>=0?v-p+2*(this.isReversed?p:0):v;break}if(this.prevYVal[h-w][c]>=0){b=this.series[h][c]>=0?v:v+p-2*(this.isReversed?p:0);break}}void 0===b&&(b=l.globals.gridHeight),u=this.prevYF[0].every((function(t){return 0===t}))&&this.prevYF.slice(1,h).every((function(t){return t.every((function(t){return isNaN(t)}))}))?l.globals.gridHeight-o:b}else u=l.globals.gridHeight-o;a=u-this.series[h][c]/this.yRatio[this.yaxisIndex]+2*(this.isReversed?this.series[h][c]/this.yRatio[this.yaxisIndex]:0);var k=this.barHelpers.getColumnPaths({barXPosition:f,barWidth:r,y1:u,y2:a,yRatio:this.yRatio[this.yaxisIndex],strokeWidth:this.strokeWidth,series:this.series,realIndex:e.realIndex,i:h,j:c,w:l});return this.barHelpers.barBackground({bc:d,j:c,i:h,x1:f,x2:r,elSeries:n}),i+=s,{pathTo:k.pathTo,pathFrom:k.pathFrom,x:l.globals.isXNumeric?i-s:i,y:a}}}]),s}(F),wt=function(t){n(s,t);var i=d(s);function s(){return a(this,s),i.apply(this,arguments)}return r(s,[{key:"draw",value:function(t,i){var a=this,s=this.w,r=new m(this.ctx),o=new M(this.ctx);this.candlestickOptions=this.w.config.plotOptions.candlestick,this.boxOptions=this.w.config.plotOptions.boxPlot,this.isHorizontal=s.config.plotOptions.bar.horizontal;var n=new y(this.ctx,s);t=n.getLogSeries(t),this.series=t,this.yRatio=n.getLogYRatios(this.yRatio),this.barHelpers.initVariables(t);for(var l=r.group({class:"apexcharts-".concat(s.config.chart.type,"-series apexcharts-plot-series")}),h=function(n){a.isBoxPlot="boxPlot"===s.config.chart.type||"boxPlot"===s.config.series[n].type;var h,c,d,g,u=void 0,f=void 0,p=[],b=[],v=s.globals.comboCharts?i[n]:n,m=r.group({class:"apexcharts-series",seriesName:x.escapeString(s.globals.seriesNames[v]),rel:n+1,"data:realIndex":v});a.ctx.series.addCollapsedClassToSeries(m,v),t[n].length>0&&(a.visibleI=a.visibleI+1);var y,w;a.yRatio.length>1&&(a.yaxisIndex=v);var k=a.barHelpers.initialPositions();f=k.y,y=k.barHeight,c=k.yDivision,g=k.zeroW,u=k.x,w=k.barWidth,h=k.xDivision,d=k.zeroH,b.push(u+w/2);for(var A=r.group({class:"apexcharts-datalabels","data:realIndex":v}),S=function(i){var r=a.barHelpers.getStrokeWidth(n,i,v),l=null,x={indexes:{i:n,j:i,realIndex:v},x:u,y:f,strokeWidth:r,elSeries:m};l=a.isHorizontal?a.drawHorizontalBoxPaths(e(e({},x),{},{yDivision:c,barHeight:y,zeroW:g})):a.drawVerticalBoxPaths(e(e({},x),{},{xDivision:h,barWidth:w,zeroH:d})),f=l.y,u=l.x,i>0&&b.push(u+w/2),p.push(f),l.pathTo.forEach((function(e,h){var c=!a.isBoxPlot&&a.candlestickOptions.wick.useFillColor?l.color[h]:s.globals.stroke.colors[n],d=o.fillPath({seriesNumber:v,dataPointIndex:i,color:l.color[h],value:t[n][i]});a.renderSeries({realIndex:v,pathFill:d,lineFill:c,j:i,i:n,pathFrom:l.pathFrom,pathTo:e,strokeWidth:r,elSeries:m,x:u,y:f,series:t,barHeight:y,barWidth:w,elDataLabelsWrap:A,visibleSeries:a.visibleI,type:s.config.chart.type})}))},C=0;C<s.globals.dataPoints;C++)S(C);s.globals.seriesXvalues[v]=b,s.globals.seriesYvalues[v]=p,l.add(m)},c=0;c<t.length;c++)h(c);return l}},{key:"drawVerticalBoxPaths",value:function(t){var e=t.indexes,i=t.x;t.y;var a=t.xDivision,s=t.barWidth,r=t.zeroH,o=t.strokeWidth,n=this.w,l=new m(this.ctx),h=e.i,c=e.j,d=!0,g=n.config.plotOptions.candlestick.colors.upward,u=n.config.plotOptions.candlestick.colors.downward,f="";this.isBoxPlot&&(f=[this.boxOptions.colors.lower,this.boxOptions.colors.upper]);var p=this.yRatio[this.yaxisIndex],x=e.realIndex,b=this.getOHLCValue(x,c),v=r,y=r;b.o>b.c&&(d=!1);var w=Math.min(b.o,b.c),k=Math.max(b.o,b.c),A=b.m;n.globals.isXNumeric&&(i=(n.globals.seriesX[x][c]-n.globals.minX)/this.xRatio-s/2);var S=i+s*this.visibleI;void 0===this.series[h][c]||null===this.series[h][c]?(w=r,k=r):(w=r-w/p,k=r-k/p,v=r-b.h/p,y=r-b.l/p,A=r-b.m/p);var C=l.move(S,r),L=l.move(S+s/2,w);return n.globals.previousPaths.length>0&&(L=this.getPreviousPath(x,c,!0)),C=this.isBoxPlot?[l.move(S,w)+l.line(S+s/2,w)+l.line(S+s/2,v)+l.line(S+s/4,v)+l.line(S+s-s/4,v)+l.line(S+s/2,v)+l.line(S+s/2,w)+l.line(S+s,w)+l.line(S+s,A)+l.line(S,A)+l.line(S,w+o/2),l.move(S,A)+l.line(S+s,A)+l.line(S+s,k)+l.line(S+s/2,k)+l.line(S+s/2,y)+l.line(S+s-s/4,y)+l.line(S+s/4,y)+l.line(S+s/2,y)+l.line(S+s/2,k)+l.line(S,k)+l.line(S,A)+"z"]:[l.move(S,k)+l.line(S+s/2,k)+l.line(S+s/2,v)+l.line(S+s/2,k)+l.line(S+s,k)+l.line(S+s,w)+l.line(S+s/2,w)+l.line(S+s/2,y)+l.line(S+s/2,w)+l.line(S,w)+l.line(S,k-o/2)],L+=l.move(S,w),n.globals.isXNumeric||(i+=a),{pathTo:C,pathFrom:L,x:i,y:k,barXPosition:S,color:this.isBoxPlot?f:d?[g]:[u]}}},{key:"drawHorizontalBoxPaths",value:function(t){var e=t.indexes;t.x;var i=t.y,a=t.yDivision,s=t.barHeight,r=t.zeroW,o=t.strokeWidth,n=this.w,l=new m(this.ctx),h=e.i,c=e.j,d=this.boxOptions.colors.lower;this.isBoxPlot&&(d=[this.boxOptions.colors.lower,this.boxOptions.colors.upper]);var g=this.invertedYRatio,u=e.realIndex,f=this.getOHLCValue(u,c),p=r,x=r,b=Math.min(f.o,f.c),v=Math.max(f.o,f.c),y=f.m;n.globals.isXNumeric&&(i=(n.globals.seriesX[u][c]-n.globals.minX)/this.invertedXRatio-s/2);var w=i+s*this.visibleI;void 0===this.series[h][c]||null===this.series[h][c]?(b=r,v=r):(b=r+b/g,v=r+v/g,p=r+f.h/g,x=r+f.l/g,y=r+f.m/g);var k=l.move(r,w),A=l.move(b,w+s/2);return n.globals.previousPaths.length>0&&(A=this.getPreviousPath(u,c,!0)),k=[l.move(b,w)+l.line(b,w+s/2)+l.line(p,w+s/2)+l.line(p,w+s/2-s/4)+l.line(p,w+s/2+s/4)+l.line(p,w+s/2)+l.line(b,w+s/2)+l.line(b,w+s)+l.line(y,w+s)+l.line(y,w)+l.line(b+o/2,w),l.move(y,w)+l.line(y,w+s)+l.line(v,w+s)+l.line(v,w+s/2)+l.line(x,w+s/2)+l.line(x,w+s-s/4)+l.line(x,w+s/4)+l.line(x,w+s/2)+l.line(v,w+s/2)+l.line(v,w)+l.line(y,w)+"z"],A+=l.move(b,w),n.globals.isXNumeric||(i+=a),{pathTo:k,pathFrom:A,x:v,y:i,barYPosition:w,color:d}}},{key:"getOHLCValue",value:function(t,e){var i=this.w;return{o:this.isBoxPlot?i.globals.seriesCandleH[t][e]:i.globals.seriesCandleO[t][e],h:this.isBoxPlot?i.globals.seriesCandleO[t][e]:i.globals.seriesCandleH[t][e],m:i.globals.seriesCandleM[t][e],l:this.isBoxPlot?i.globals.seriesCandleC[t][e]:i.globals.seriesCandleL[t][e],c:this.isBoxPlot?i.globals.seriesCandleL[t][e]:i.globals.seriesCandleC[t][e]}}}]),s}(F),kt=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"checkColorRange",value:function(){var t=this.w,e=!1,i=t.config.plotOptions[t.config.chart.type];return i.colorScale.ranges.length>0&&i.colorScale.ranges.map((function(t,i){t.from<=0&&(e=!0)})),e}},{key:"getShadeColor",value:function(t,e,i,a){var s=this.w,r=1,o=s.config.plotOptions[t].shadeIntensity,n=this.determineColor(t,e,i);s.globals.hasNegs||a?r=s.config.plotOptions[t].reverseNegativeShade?n.percent<0?n.percent/100*(1.25*o):(1-n.percent/100)*(1.25*o):n.percent<=0?1-(1+n.percent/100)*o:(1-n.percent/100)*o:(r=1-n.percent/100,"treemap"===t&&(r=(1-n.percent/100)*(1.25*o)));var l=n.color,h=new x;return s.config.plotOptions[t].enableShades&&(l="dark"===this.w.config.theme.mode?x.hexToRgba(h.shadeColor(-1*r,n.color),s.config.fill.opacity):x.hexToRgba(h.shadeColor(r,n.color),s.config.fill.opacity)),{color:l,colorProps:n}}},{key:"determineColor",value:function(t,e,i){var a=this.w,s=a.globals.series[e][i],r=a.config.plotOptions[t],o=r.colorScale.inverse?i:e;r.distributed&&"treemap"===a.config.chart.type&&(o=i);var n=a.globals.colors[o],l=null,h=Math.min.apply(Math,u(a.globals.series[e])),c=Math.max.apply(Math,u(a.globals.series[e]));r.distributed||"heatmap"!==t||(h=a.globals.minY,c=a.globals.maxY),void 0!==r.colorScale.min&&(h=r.colorScale.min<a.globals.minY?r.colorScale.min:a.globals.minY,c=r.colorScale.max>a.globals.maxY?r.colorScale.max:a.globals.maxY);var d=Math.abs(c)+Math.abs(h),g=100*s/(0===d?d-1e-6:d);r.colorScale.ranges.length>0&&r.colorScale.ranges.map((function(t,e){if(s>=t.from&&s<=t.to){n=t.color,l=t.foreColor?t.foreColor:null,h=t.from,c=t.to;var i=Math.abs(c)+Math.abs(h);g=100*s/(0===i?i-1e-6:i)}}));return{color:n,foreColor:l,percent:g}}},{key:"calculateDataLabels",value:function(t){var e=t.text,i=t.x,a=t.y,s=t.i,r=t.j,o=t.colorProps,n=t.fontSize,l=this.w.config.dataLabels,h=new m(this.ctx),c=new z(this.ctx),d=null;if(l.enabled){d=h.group({class:"apexcharts-data-labels"});var g=l.offsetX,u=l.offsetY,f=i+g,p=a+parseFloat(l.style.fontSize)/3+u;c.plotDataLabelsText({x:f,y:p,text:e,i:s,j:r,color:o.foreColor,parent:d,fontSize:n,dataLabelsConfig:l})}return d}},{key:"addListeners",value:function(t){var e=new m(this.ctx);t.node.addEventListener("mouseenter",e.pathMouseEnter.bind(this,t)),t.node.addEventListener("mouseleave",e.pathMouseLeave.bind(this,t)),t.node.addEventListener("mousedown",e.pathMouseDown.bind(this,t))}}]),t}(),At=function(){function t(e,i){a(this,t),this.ctx=e,this.w=e.w,this.xRatio=i.xRatio,this.yRatio=i.yRatio,this.dynamicAnim=this.w.config.chart.animations.dynamicAnimation,this.helpers=new kt(e),this.rectRadius=this.w.config.plotOptions.heatmap.radius,this.strokeWidth=this.w.config.stroke.show?this.w.config.stroke.width:0}return r(t,[{key:"draw",value:function(t){var e=this.w,i=new m(this.ctx),a=i.group({class:"apexcharts-heatmap"});a.attr("clip-path","url(#gridRectMask".concat(e.globals.cuid,")"));var s=e.globals.gridWidth/e.globals.dataPoints,r=e.globals.gridHeight/e.globals.series.length,o=0,n=!1;this.negRange=this.helpers.checkColorRange();var l=t.slice();e.config.yaxis[0].reversed&&(n=!0,l.reverse());for(var h=n?0:l.length-1;n?h<l.length:h>=0;n?h++:h--){var c=i.group({class:"apexcharts-series apexcharts-heatmap-series",seriesName:x.escapeString(e.globals.seriesNames[h]),rel:h+1,"data:realIndex":h});if(this.ctx.series.addCollapsedClassToSeries(c,h),e.config.chart.dropShadow.enabled){var d=e.config.chart.dropShadow;new v(this.ctx).dropShadow(c,d,h)}for(var g=0,u=e.config.plotOptions.heatmap.shadeIntensity,f=0;f<l[h].length;f++){var p=this.helpers.getShadeColor(e.config.chart.type,h,f,this.negRange),b=p.color,y=p.colorProps;if("image"===e.config.fill.type)b=new M(this.ctx).fillPath({seriesNumber:h,dataPointIndex:f,opacity:e.globals.hasNegs?y.percent<0?1-(1+y.percent/100):u+y.percent/100:y.percent/100,patternID:x.randomId(),width:e.config.fill.image.width?e.config.fill.image.width:s,height:e.config.fill.image.height?e.config.fill.image.height:r});var w=this.rectRadius,k=i.drawRect(g,o,s,r,w);if(k.attr({cx:g,cy:o}),k.node.classList.add("apexcharts-heatmap-rect"),c.add(k),k.attr({fill:b,i:h,index:h,j:f,val:l[h][f],"stroke-width":this.strokeWidth,stroke:e.config.plotOptions.heatmap.useFillColorAsStroke?b:e.globals.stroke.colors[0],color:b}),this.helpers.addListeners(k),e.config.chart.animations.enabled&&!e.globals.dataChanged){var A=1;e.globals.resized||(A=e.config.chart.animations.speed),this.animateHeatMap(k,g,o,s,r,A)}if(e.globals.dataChanged){var S=1;if(this.dynamicAnim.enabled&&e.globals.shouldAnimate){S=this.dynamicAnim.speed;var C=e.globals.previousPaths[h]&&e.globals.previousPaths[h][f]&&e.globals.previousPaths[h][f].color;C||(C="rgba(255, 255, 255, 0)"),this.animateHeatColor(k,x.isColorHex(C)?C:x.rgb2hex(C),x.isColorHex(b)?b:x.rgb2hex(b),S)}}var L=(0,e.config.dataLabels.formatter)(e.globals.series[h][f],{value:e.globals.series[h][f],seriesIndex:h,dataPointIndex:f,w:e}),P=this.helpers.calculateDataLabels({text:L,x:g+s/2,y:o+r/2,i:h,j:f,colorProps:y,series:l});null!==P&&c.add(P),g+=s}o+=r,a.add(c)}var T=e.globals.yAxisScale[0].result.slice();e.config.yaxis[0].reversed?T.unshift(""):T.push(""),e.globals.yAxisScale[0].result=T;var I=e.globals.gridHeight/e.globals.series.length;return e.config.yaxis[0].labels.offsetY=-I/2,a}},{key:"animateHeatMap",value:function(t,e,i,a,s,r){var o=new b(this.ctx);o.animateRect(t,{x:e+a/2,y:i+s/2,width:0,height:0},{x:e,y:i,width:a,height:s},r,(function(){o.animationCompleted(t)}))}},{key:"animateHeatColor",value:function(t,e,i,a){t.attr({fill:e}).animate(a).attr({fill:i})}}]),t}(),St=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"drawYAxisTexts",value:function(t,e,i,a){var s=this.w,r=s.config.yaxis[0],o=s.globals.yLabelFormatters[0];return new m(this.ctx).drawText({x:t+r.labels.offsetX,y:e+r.labels.offsetY,text:o(a,i),textAnchor:"middle",fontSize:r.labels.style.fontSize,fontFamily:r.labels.style.fontFamily,foreColor:Array.isArray(r.labels.style.colors)?r.labels.style.colors[i]:r.labels.style.colors})}}]),t}(),Ct=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w;var i=this.w;this.chartType=this.w.config.chart.type,this.initialAnim=this.w.config.chart.animations.enabled,this.dynamicAnim=this.initialAnim&&this.w.config.chart.animations.dynamicAnimation.enabled,this.animBeginArr=[0],this.animDur=0,this.donutDataLabels=this.w.config.plotOptions.pie.donut.labels,this.lineColorArr=void 0!==i.globals.stroke.colors?i.globals.stroke.colors:i.globals.colors,this.defaultSize=Math.min(i.globals.gridWidth,i.globals.gridHeight),this.centerY=this.defaultSize/2,this.centerX=i.globals.gridWidth/2,"radialBar"===i.config.chart.type?this.fullAngle=360:this.fullAngle=Math.abs(i.config.plotOptions.pie.endAngle-i.config.plotOptions.pie.startAngle),this.initialAngle=i.config.plotOptions.pie.startAngle%this.fullAngle,i.globals.radialSize=this.defaultSize/2.05-i.config.stroke.width-(i.config.chart.sparkline.enabled?0:i.config.chart.dropShadow.blur),this.donutSize=i.globals.radialSize*parseInt(i.config.plotOptions.pie.donut.size,10)/100,this.maxY=0,this.sliceLabels=[],this.sliceSizes=[],this.prevSectorAngleArr=[]}return r(t,[{key:"draw",value:function(t){var e=this,i=this.w,a=new m(this.ctx);if(this.ret=a.group({class:"apexcharts-pie"}),i.globals.noData)return this.ret;for(var s=0,r=0;r<t.length;r++)s+=x.negToZero(t[r]);var o=[],n=a.group();0===s&&(s=1e-5),t.forEach((function(t){e.maxY=Math.max(e.maxY,t)})),i.config.yaxis[0].max&&(this.maxY=i.config.yaxis[0].max),"back"===i.config.grid.position&&"polarArea"===this.chartType&&this.drawPolarElements(this.ret);for(var l=0;l<t.length;l++){var h=this.fullAngle*x.negToZero(t[l])/s;o.push(h),"polarArea"===this.chartType?(o[l]=this.fullAngle/t.length,this.sliceSizes.push(i.globals.radialSize*t[l]/this.maxY)):this.sliceSizes.push(i.globals.radialSize)}if(i.globals.dataChanged){for(var c,d=0,g=0;g<i.globals.previousPaths.length;g++)d+=x.negToZero(i.globals.previousPaths[g]);for(var u=0;u<i.globals.previousPaths.length;u++)c=this.fullAngle*x.negToZero(i.globals.previousPaths[u])/d,this.prevSectorAngleArr.push(c)}this.donutSize<0&&(this.donutSize=0);var f=i.config.plotOptions.pie.customScale,p=i.globals.gridWidth/2,b=i.globals.gridHeight/2,v=p-i.globals.gridWidth/2*f,y=b-i.globals.gridHeight/2*f;if("donut"===this.chartType){var w=a.drawCircle(this.donutSize);w.attr({cx:this.centerX,cy:this.centerY,fill:i.config.plotOptions.pie.donut.background?i.config.plotOptions.pie.donut.background:"transparent"}),n.add(w)}var k=this.drawArcs(o,t);if(this.sliceLabels.forEach((function(t){k.add(t)})),n.attr({transform:"translate(".concat(v,", ").concat(y,") scale(").concat(f,")")}),n.add(k),this.ret.add(n),this.donutDataLabels.show){var A=this.renderInnerDataLabels(this.donutDataLabels,{hollowSize:this.donutSize,centerX:this.centerX,centerY:this.centerY,opacity:this.donutDataLabels.show,translateX:v,translateY:y});this.ret.add(A)}return"front"===i.config.grid.position&&"polarArea"===this.chartType&&this.drawPolarElements(this.ret),this.ret}},{key:"drawArcs",value:function(t,e){var i=this.w,a=new v(this.ctx),s=new m(this.ctx),r=new M(this.ctx),o=s.group({class:"apexcharts-slices"}),n=this.initialAngle,l=this.initialAngle,h=this.initialAngle,c=this.initialAngle;this.strokeWidth=i.config.stroke.show?i.config.stroke.width:0;for(var d=0;d<t.length;d++){var g=s.group({class:"apexcharts-series apexcharts-pie-series",seriesName:x.escapeString(i.globals.seriesNames[d]),rel:d+1,"data:realIndex":d});o.add(g),l=c,h=(n=h)+t[d],c=l+this.prevSectorAngleArr[d];var u=h<n?this.fullAngle+h-n:h-n,f=r.fillPath({seriesNumber:d,size:this.sliceSizes[d],value:e[d]}),p=this.getChangedPath(l,c),b=s.drawPath({d:p,stroke:Array.isArray(this.lineColorArr)?this.lineColorArr[d]:this.lineColorArr,strokeWidth:0,fill:f,fillOpacity:i.config.fill.opacity,classes:"apexcharts-pie-area apexcharts-".concat(this.chartType.toLowerCase(),"-slice-").concat(d)});if(b.attr({index:0,j:d}),a.setSelectionFilter(b,0,d),i.config.chart.dropShadow.enabled){var y=i.config.chart.dropShadow;a.dropShadow(b,y,d)}this.addListeners(b,this.donutDataLabels),m.setAttrs(b.node,{"data:angle":u,"data:startAngle":n,"data:strokeWidth":this.strokeWidth,"data:value":e[d]});var w={x:0,y:0};"pie"===this.chartType||"polarArea"===this.chartType?w=x.polarToCartesian(this.centerX,this.centerY,i.globals.radialSize/1.25+i.config.plotOptions.pie.dataLabels.offset,(n+u/2)%this.fullAngle):"donut"===this.chartType&&(w=x.polarToCartesian(this.centerX,this.centerY,(i.globals.radialSize+this.donutSize)/2+i.config.plotOptions.pie.dataLabels.offset,(n+u/2)%this.fullAngle)),g.add(b);var k=0;if(!this.initialAnim||i.globals.resized||i.globals.dataChanged?this.animBeginArr.push(0):(0===(k=u/this.fullAngle*i.config.chart.animations.speed)&&(k=1),this.animDur=k+this.animDur,this.animBeginArr.push(this.animDur)),this.dynamicAnim&&i.globals.dataChanged?this.animatePaths(b,{size:this.sliceSizes[d],endAngle:h,startAngle:n,prevStartAngle:l,prevEndAngle:c,animateStartingPos:!0,i:d,animBeginArr:this.animBeginArr,shouldSetPrevPaths:!0,dur:i.config.chart.animations.dynamicAnimation.speed}):this.animatePaths(b,{size:this.sliceSizes[d],endAngle:h,startAngle:n,i:d,totalItems:t.length-1,animBeginArr:this.animBeginArr,dur:k}),i.config.plotOptions.pie.expandOnClick&&"polarArea"!==this.chartType&&b.click(this.pieClicked.bind(this,d)),void 0!==i.globals.selectedDataPoints[0]&&i.globals.selectedDataPoints[0].indexOf(d)>-1&&this.pieClicked(d),i.config.dataLabels.enabled){var A=w.x,S=w.y,C=100*u/this.fullAngle+"%";if(0!==u&&i.config.plotOptions.pie.dataLabels.minAngleToShowLabel<t[d]){var L=i.config.dataLabels.formatter;void 0!==L&&(C=L(i.globals.seriesPercent[d][0],{seriesIndex:d,w:i}));var P=i.globals.dataLabels.style.colors[d],T=s.group({class:"apexcharts-datalabels"}),I=s.drawText({x:A,y:S,text:C,textAnchor:"middle",fontSize:i.config.dataLabels.style.fontSize,fontFamily:i.config.dataLabels.style.fontFamily,fontWeight:i.config.dataLabels.style.fontWeight,foreColor:P});if(T.add(I),i.config.dataLabels.dropShadow.enabled){var z=i.config.dataLabels.dropShadow;a.dropShadow(I,z)}I.node.classList.add("apexcharts-pie-label"),i.config.chart.animations.animate&&!1===i.globals.resized&&(I.node.classList.add("apexcharts-pie-label-delay"),I.node.style.animationDelay=i.config.chart.animations.speed/940+"s"),this.sliceLabels.push(T)}}}return o}},{key:"addListeners",value:function(t,e){var i=new m(this.ctx);t.node.addEventListener("mouseenter",i.pathMouseEnter.bind(this,t)),t.node.addEventListener("mouseleave",i.pathMouseLeave.bind(this,t)),t.node.addEventListener("mouseleave",this.revertDataLabelsInner.bind(this,t.node,e)),t.node.addEventListener("mousedown",i.pathMouseDown.bind(this,t)),this.donutDataLabels.total.showAlways||(t.node.addEventListener("mouseenter",this.printDataLabelsInner.bind(this,t.node,e)),t.node.addEventListener("mousedown",this.printDataLabelsInner.bind(this,t.node,e)))}},{key:"animatePaths",value:function(t,e){var i=this.w,a=e.endAngle<e.startAngle?this.fullAngle+e.endAngle-e.startAngle:e.endAngle-e.startAngle,s=a,r=e.startAngle,o=e.startAngle;void 0!==e.prevStartAngle&&void 0!==e.prevEndAngle&&(r=e.prevEndAngle,s=e.prevEndAngle<e.prevStartAngle?this.fullAngle+e.prevEndAngle-e.prevStartAngle:e.prevEndAngle-e.prevStartAngle),e.i===i.config.series.length-1&&(a+o>this.fullAngle?e.endAngle=e.endAngle-(a+o):a+o<this.fullAngle&&(e.endAngle=e.endAngle+(this.fullAngle-(a+o)))),a===this.fullAngle&&(a=this.fullAngle-.01),this.animateArc(t,r,o,a,s,e)}},{key:"animateArc",value:function(t,e,i,a,s,r){var o,n=this,l=this.w,h=new b(this.ctx),c=r.size;(isNaN(e)||isNaN(s))&&(e=i,s=a,r.dur=0);var d=a,g=i,u=e<i?this.fullAngle+e-i:e-i;l.globals.dataChanged&&r.shouldSetPrevPaths&&r.prevEndAngle&&(o=n.getPiePath({me:n,startAngle:r.prevStartAngle,angle:r.prevEndAngle<r.prevStartAngle?this.fullAngle+r.prevEndAngle-r.prevStartAngle:r.prevEndAngle-r.prevStartAngle,size:c}),t.attr({d:o})),0!==r.dur?t.animate(r.dur,l.globals.easing,r.animBeginArr[r.i]).afterAll((function(){"pie"!==n.chartType&&"donut"!==n.chartType&&"polarArea"!==n.chartType||this.animate(l.config.chart.animations.dynamicAnimation.speed).attr({"stroke-width":n.strokeWidth}),r.i===l.config.series.length-1&&h.animationCompleted(t)})).during((function(l){d=u+(a-u)*l,r.animateStartingPos&&(d=s+(a-s)*l,g=e-s+(i-(e-s))*l),o=n.getPiePath({me:n,startAngle:g,angle:d,size:c}),t.node.setAttribute("data:pathOrig",o),t.attr({d:o})})):(o=n.getPiePath({me:n,startAngle:g,angle:a,size:c}),r.isTrack||(l.globals.animationEnded=!0),t.node.setAttribute("data:pathOrig",o),t.attr({d:o,"stroke-width":n.strokeWidth}))}},{key:"pieClicked",value:function(t){var e,i=this.w,a=this,s=a.sliceSizes[t]+(i.config.plotOptions.pie.expandOnClick?4:0),r=i.globals.dom.Paper.select(".apexcharts-".concat(a.chartType.toLowerCase(),"-slice-").concat(t)).members[0];if("true"!==r.attr("data:pieClicked")){var o=i.globals.dom.baseEl.getElementsByClassName("apexcharts-pie-area");Array.prototype.forEach.call(o,(function(t){t.setAttribute("data:pieClicked","false");var e=t.getAttribute("data:pathOrig");t.setAttribute("d",e)})),r.attr("data:pieClicked","true");var n=parseInt(r.attr("data:startAngle"),10),l=parseInt(r.attr("data:angle"),10);e=a.getPiePath({me:a,startAngle:n,angle:l,size:s}),360!==l&&r.plot(e)}else{r.attr({"data:pieClicked":"false"}),this.revertDataLabelsInner(r.node,this.donutDataLabels);var h=r.attr("data:pathOrig");r.attr({d:h})}}},{key:"getChangedPath",value:function(t,e){var i="";return this.dynamicAnim&&this.w.globals.dataChanged&&(i=this.getPiePath({me:this,startAngle:t,angle:e-t,size:this.size})),i}},{key:"getPiePath",value:function(t){var e=t.me,i=t.startAngle,a=t.angle,s=t.size,r=i,o=Math.PI*(r-90)/180,n=a+i;Math.ceil(n)>=this.fullAngle+this.w.config.plotOptions.pie.startAngle%this.fullAngle&&(n=this.fullAngle+this.w.config.plotOptions.pie.startAngle%this.fullAngle-.01),Math.ceil(n)>this.fullAngle&&(n-=this.fullAngle);var l=Math.PI*(n-90)/180,h=e.centerX+s*Math.cos(o),c=e.centerY+s*Math.sin(o),d=e.centerX+s*Math.cos(l),g=e.centerY+s*Math.sin(l),u=x.polarToCartesian(e.centerX,e.centerY,e.donutSize,n),f=x.polarToCartesian(e.centerX,e.centerY,e.donutSize,r),p=a>180?1:0,b=["M",h,c,"A",s,s,0,p,1,d,g];return"donut"===e.chartType?[].concat(b,["L",u.x,u.y,"A",e.donutSize,e.donutSize,0,p,0,f.x,f.y,"L",h,c,"z"]).join(" "):"pie"===e.chartType||"polarArea"===e.chartType?[].concat(b,["L",e.centerX,e.centerY,"L",h,c]).join(" "):[].concat(b).join(" ")}},{key:"drawPolarElements",value:function(t){var e=this.w,i=new q(this.ctx),a=new m(this.ctx),s=new St(this.ctx),r=a.group(),o=a.group(),n=i.niceScale(0,Math.ceil(this.maxY),e.config.yaxis[0].tickAmount,0,!0),l=n.result.reverse(),h=n.result.length;this.maxY=n.niceMax;for(var c=e.globals.radialSize,d=c/(h-1),g=0;g<h-1;g++){var u=a.drawCircle(c);if(u.attr({cx:this.centerX,cy:this.centerY,fill:"none","stroke-width":e.config.plotOptions.polarArea.rings.strokeWidth,stroke:e.config.plotOptions.polarArea.rings.strokeColor}),e.config.yaxis[0].show){var f=s.drawYAxisTexts(this.centerX,this.centerY-c+parseInt(e.config.yaxis[0].labels.style.fontSize,10)/2,g,l[g]);o.add(f)}r.add(u),c-=d}this.drawSpokes(t),t.add(r),t.add(o)}},{key:"renderInnerDataLabels",value:function(t,e){var i=this.w,a=new m(this.ctx),s=a.group({class:"apexcharts-datalabels-group",transform:"translate(".concat(e.translateX?e.translateX:0,", ").concat(e.translateY?e.translateY:0,") scale(").concat(i.config.plotOptions.pie.customScale,")")}),r=t.total.show;s.node.style.opacity=e.opacity;var o,n,l=e.centerX,h=e.centerY;o=void 0===t.name.color?i.globals.colors[0]:t.name.color;var c=t.name.fontSize,d=t.name.fontFamily,g=t.name.fontWeight;n=void 0===t.value.color?i.config.chart.foreColor:t.value.color;var u=t.value.formatter,f="",p="";if(r?(o=t.total.color,c=t.total.fontSize,d=t.total.fontFamily,g=t.total.fontWeight,p=t.total.label,f=t.total.formatter(i)):1===i.globals.series.length&&(f=u(i.globals.series[0],i),p=i.globals.seriesNames[0]),p&&(p=t.name.formatter(p,t.total.show,i)),t.name.show){var x=a.drawText({x:l,y:h+parseFloat(t.name.offsetY),text:p,textAnchor:"middle",foreColor:o,fontSize:c,fontWeight:g,fontFamily:d});x.node.classList.add("apexcharts-datalabel-label"),s.add(x)}if(t.value.show){var b=t.name.show?parseFloat(t.value.offsetY)+16:t.value.offsetY,v=a.drawText({x:l,y:h+b,text:f,textAnchor:"middle",foreColor:n,fontWeight:t.value.fontWeight,fontSize:t.value.fontSize,fontFamily:t.value.fontFamily});v.node.classList.add("apexcharts-datalabel-value"),s.add(v)}return s}},{key:"printInnerLabels",value:function(t,e,i,a){var s,r=this.w;a?s=void 0===t.name.color?r.globals.colors[parseInt(a.parentNode.getAttribute("rel"),10)-1]:t.name.color:r.globals.series.length>1&&t.total.show&&(s=t.total.color);var o=r.globals.dom.baseEl.querySelector(".apexcharts-datalabel-label"),n=r.globals.dom.baseEl.querySelector(".apexcharts-datalabel-value");i=(0,t.value.formatter)(i,r),a||"function"!=typeof t.total.formatter||(i=t.total.formatter(r));var l=e===t.total.label;e=t.name.formatter(e,l,r),null!==o&&(o.textContent=e),null!==n&&(n.textContent=i),null!==o&&(o.style.fill=s)}},{key:"printDataLabelsInner",value:function(t,e){var i=this.w,a=t.getAttribute("data:value"),s=i.globals.seriesNames[parseInt(t.parentNode.getAttribute("rel"),10)-1];i.globals.series.length>1&&this.printInnerLabels(e,s,a,t);var r=i.globals.dom.baseEl.querySelector(".apexcharts-datalabels-group");null!==r&&(r.style.opacity=1)}},{key:"drawSpokes",value:function(t){var e=this,i=this.w,a=new m(this.ctx),s=i.config.plotOptions.polarArea.spokes;if(0!==s.strokeWidth){for(var r=[],o=360/i.globals.series.length,n=0;n<i.globals.series.length;n++)r.push(x.polarToCartesian(this.centerX,this.centerY,i.globals.radialSize,i.config.plotOptions.pie.startAngle+o*n));r.forEach((function(i,r){var o=a.drawLine(i.x,i.y,e.centerX,e.centerY,Array.isArray(s.connectorColors)?s.connectorColors[r]:s.connectorColors);t.add(o)}))}}},{key:"revertDataLabelsInner",value:function(t,e,i){var a=this,s=this.w,r=s.globals.dom.baseEl.querySelector(".apexcharts-datalabels-group"),o=!1,n=s.globals.dom.baseEl.getElementsByClassName("apexcharts-pie-area"),l=function(t){var i=t.makeSliceOut,s=t.printLabel;Array.prototype.forEach.call(n,(function(t){"true"===t.getAttribute("data:pieClicked")&&(i&&(o=!0),s&&a.printDataLabelsInner(t,e))}))};if(l({makeSliceOut:!0,printLabel:!1}),e.total.show&&s.globals.series.length>1)o&&!e.total.showAlways?l({makeSliceOut:!1,printLabel:!0}):this.printInnerLabels(e,e.total.label,e.total.formatter(s));else if(l({makeSliceOut:!1,printLabel:!0}),!o)if(s.globals.selectedDataPoints.length&&s.globals.series.length>1)if(s.globals.selectedDataPoints[0].length>0){var h=s.globals.selectedDataPoints[0],c=s.globals.dom.baseEl.querySelector(".apexcharts-".concat(this.chartType.toLowerCase(),"-slice-").concat(h));this.printDataLabelsInner(c,e)}else r&&s.globals.selectedDataPoints.length&&0===s.globals.selectedDataPoints[0].length&&(r.style.opacity=0);else r&&s.globals.series.length>1&&(r.style.opacity=0)}}]),t}(),Lt=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w,this.chartType=this.w.config.chart.type,this.initialAnim=this.w.config.chart.animations.enabled,this.dynamicAnim=this.initialAnim&&this.w.config.chart.animations.dynamicAnimation.enabled,this.animDur=0;var i=this.w;this.graphics=new m(this.ctx),this.lineColorArr=void 0!==i.globals.stroke.colors?i.globals.stroke.colors:i.globals.colors,this.defaultSize=i.globals.svgHeight<i.globals.svgWidth?i.globals.gridHeight+1.5*i.globals.goldenPadding:i.globals.gridWidth,this.isLog=i.config.yaxis[0].logarithmic,this.coreUtils=new y(this.ctx),this.maxValue=this.isLog?this.coreUtils.getLogVal(i.globals.maxY,0):i.globals.maxY,this.minValue=this.isLog?this.coreUtils.getLogVal(this.w.globals.minY,0):i.globals.minY,this.polygons=i.config.plotOptions.radar.polygons,this.strokeWidth=i.config.stroke.show?i.config.stroke.width:0,this.size=this.defaultSize/2.1-this.strokeWidth-i.config.chart.dropShadow.blur,i.config.xaxis.labels.show&&(this.size=this.size-i.globals.xAxisLabelsWidth/1.75),void 0!==i.config.plotOptions.radar.size&&(this.size=i.config.plotOptions.radar.size),this.dataRadiusOfPercent=[],this.dataRadius=[],this.angleArr=[],this.yaxisLabelsTextsPos=[]}return r(t,[{key:"draw",value:function(t){var i=this,a=this.w,s=new M(this.ctx),r=[],o=new z(this.ctx);t.length&&(this.dataPointsLen=t[a.globals.maxValsInArrayIndex].length),this.disAngle=2*Math.PI/this.dataPointsLen;var n=a.globals.gridWidth/2,l=a.globals.gridHeight/2,h=n+a.config.plotOptions.radar.offsetX,c=l+a.config.plotOptions.radar.offsetY,d=this.graphics.group({class:"apexcharts-radar-series apexcharts-plot-series",transform:"translate(".concat(h||0,", ").concat(c||0,")")}),g=[],u=null,f=null;if(this.yaxisLabels=this.graphics.group({class:"apexcharts-yaxis"}),t.forEach((function(t,n){var l=t.length===a.globals.dataPoints,h=i.graphics.group().attr({class:"apexcharts-series","data:longestSeries":l,seriesName:x.escapeString(a.globals.seriesNames[n]),rel:n+1,"data:realIndex":n});i.dataRadiusOfPercent[n]=[],i.dataRadius[n]=[],i.angleArr[n]=[],t.forEach((function(t,e){var a=Math.abs(i.maxValue-i.minValue);t+=Math.abs(i.minValue),i.isLog&&(t=i.coreUtils.getLogVal(t,0)),i.dataRadiusOfPercent[n][e]=t/a,i.dataRadius[n][e]=i.dataRadiusOfPercent[n][e]*i.size,i.angleArr[n][e]=e*i.disAngle})),g=i.getDataPointsPos(i.dataRadius[n],i.angleArr[n]);var c=i.createPaths(g,{x:0,y:0});u=i.graphics.group({class:"apexcharts-series-markers-wrap apexcharts-element-hidden"}),f=i.graphics.group({class:"apexcharts-datalabels","data:realIndex":n}),a.globals.delayedElements.push({el:u.node,index:n});var d={i:n,realIndex:n,animationDelay:n,initialSpeed:a.config.chart.animations.speed,dataChangeSpeed:a.config.chart.animations.dynamicAnimation.speed,className:"apexcharts-radar",shouldClipToGrid:!1,bindEventsOnPaths:!1,stroke:a.globals.stroke.colors[n],strokeLineCap:a.config.stroke.lineCap},p=null;a.globals.previousPaths.length>0&&(p=i.getPreviousPath(n));for(var b=0;b<c.linePathsTo.length;b++){var m=i.graphics.renderPaths(e(e({},d),{},{pathFrom:null===p?c.linePathsFrom[b]:p,pathTo:c.linePathsTo[b],strokeWidth:Array.isArray(i.strokeWidth)?i.strokeWidth[n]:i.strokeWidth,fill:"none",drawShadow:!1}));h.add(m);var y=s.fillPath({seriesNumber:n}),w=i.graphics.renderPaths(e(e({},d),{},{pathFrom:null===p?c.areaPathsFrom[b]:p,pathTo:c.areaPathsTo[b],strokeWidth:0,fill:y,drawShadow:!1}));if(a.config.chart.dropShadow.enabled){var k=new v(i.ctx),A=a.config.chart.dropShadow;k.dropShadow(w,Object.assign({},A,{noUserSpaceOnUse:!0}),n)}h.add(w)}t.forEach((function(t,s){var r=new T(i.ctx).getMarkerConfig({cssClass:"apexcharts-marker",seriesIndex:n,dataPointIndex:s}),l=i.graphics.drawMarker(g[s].x,g[s].y,r);l.attr("rel",s),l.attr("j",s),l.attr("index",n),l.node.setAttribute("default-marker-size",r.pSize);var c=i.graphics.group({class:"apexcharts-series-markers"});c&&c.add(l),u.add(c),h.add(u);var d=a.config.dataLabels;if(d.enabled){var p=d.formatter(a.globals.series[n][s],{seriesIndex:n,dataPointIndex:s,w:a});o.plotDataLabelsText({x:g[s].x,y:g[s].y,text:p,textAnchor:"middle",i:n,j:n,parent:f,offsetCorrection:!1,dataLabelsConfig:e({},d)})}h.add(f)})),r.push(h)})),this.drawPolygons({parent:d}),a.config.xaxis.labels.show){var p=this.drawXAxisTexts();d.add(p)}return r.forEach((function(t){d.add(t)})),d.add(this.yaxisLabels),d}},{key:"drawPolygons",value:function(t){for(var e=this,i=this.w,a=t.parent,s=new St(this.ctx),r=i.globals.yAxisScale[0].result.reverse(),o=r.length,n=[],l=this.size/(o-1),h=0;h<o;h++)n[h]=l*h;n.reverse();var c=[],d=[];n.forEach((function(t,i){var a=x.getPolygonPos(t,e.dataPointsLen),s="";a.forEach((function(t,a){if(0===i){var r=e.graphics.drawLine(t.x,t.y,0,0,Array.isArray(e.polygons.connectorColors)?e.polygons.connectorColors[a]:e.polygons.connectorColors);d.push(r)}0===a&&e.yaxisLabelsTextsPos.push({x:t.x,y:t.y}),s+=t.x+","+t.y+" "})),c.push(s)})),c.forEach((function(t,s){var r=e.polygons.strokeColors,o=e.polygons.strokeWidth,n=e.graphics.drawPolygon(t,Array.isArray(r)?r[s]:r,Array.isArray(o)?o[s]:o,i.globals.radarPolygons.fill.colors[s]);a.add(n)})),d.forEach((function(t){a.add(t)})),i.config.yaxis[0].show&&this.yaxisLabelsTextsPos.forEach((function(t,i){var a=s.drawYAxisTexts(t.x,t.y,i,r[i]);e.yaxisLabels.add(a)}))}},{key:"drawXAxisTexts",value:function(){var t=this,i=this.w,a=i.config.xaxis.labels,s=this.graphics.group({class:"apexcharts-xaxis"}),r=x.getPolygonPos(this.size,this.dataPointsLen);return i.globals.labels.forEach((function(o,n){var l=i.config.xaxis.labels.formatter,h=new z(t.ctx);if(r[n]){var c=t.getTextPos(r[n],t.size),d=l(o,{seriesIndex:-1,dataPointIndex:n,w:i});h.plotDataLabelsText({x:c.newX,y:c.newY,text:d,textAnchor:c.textAnchor,i:n,j:n,parent:s,color:Array.isArray(a.style.colors)&&a.style.colors[n]?a.style.colors[n]:"#a8a8a8",dataLabelsConfig:e({textAnchor:c.textAnchor,dropShadow:{enabled:!1}},a),offsetCorrection:!1})}})),s}},{key:"createPaths",value:function(t,e){var i=this,a=[],s=[],r=[],o=[];if(t.length){s=[this.graphics.move(e.x,e.y)],o=[this.graphics.move(e.x,e.y)];var n=this.graphics.move(t[0].x,t[0].y),l=this.graphics.move(t[0].x,t[0].y);t.forEach((function(e,a){n+=i.graphics.line(e.x,e.y),l+=i.graphics.line(e.x,e.y),a===t.length-1&&(n+="Z",l+="Z")})),a.push(n),r.push(l)}return{linePathsFrom:s,linePathsTo:a,areaPathsFrom:o,areaPathsTo:r}}},{key:"getTextPos",value:function(t,e){var i="middle",a=t.x,s=t.y;return Math.abs(t.x)>=10?t.x>0?(i="start",a+=10):t.x<0&&(i="end",a-=10):i="middle",Math.abs(t.y)>=e-10&&(t.y<0?s-=10:t.y>0&&(s+=10)),{textAnchor:i,newX:a,newY:s}}},{key:"getPreviousPath",value:function(t){for(var e=this.w,i=null,a=0;a<e.globals.previousPaths.length;a++){var s=e.globals.previousPaths[a];s.paths.length>0&&parseInt(s.realIndex,10)===parseInt(t,10)&&void 0!==e.globals.previousPaths[a].paths[0]&&(i=e.globals.previousPaths[a].paths[0].d)}return i}},{key:"getDataPointsPos",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.dataPointsLen;t=t||[],e=e||[];for(var a=[],s=0;s<i;s++){var r={};r.x=t[s]*Math.sin(e[s]),r.y=-t[s]*Math.cos(e[s]),a.push(r)}return a}}]),t}(),Pt=function(t){n(i,t);var e=d(i);function i(t){var s;a(this,i),(s=e.call(this,t)).ctx=t,s.w=t.w,s.animBeginArr=[0],s.animDur=0;var r=s.w;return s.startAngle=r.config.plotOptions.radialBar.startAngle,s.endAngle=r.config.plotOptions.radialBar.endAngle,s.totalAngle=Math.abs(r.config.plotOptions.radialBar.endAngle-r.config.plotOptions.radialBar.startAngle),s.trackStartAngle=r.config.plotOptions.radialBar.track.startAngle,s.trackEndAngle=r.config.plotOptions.radialBar.track.endAngle,s.donutDataLabels=s.w.config.plotOptions.radialBar.dataLabels,s.radialDataLabels=s.donutDataLabels,s.trackStartAngle||(s.trackStartAngle=s.startAngle),s.trackEndAngle||(s.trackEndAngle=s.endAngle),360===s.endAngle&&(s.endAngle=359.99),s.margin=parseInt(r.config.plotOptions.radialBar.track.margin,10),s}return r(i,[{key:"draw",value:function(t){var e=this.w,i=new m(this.ctx),a=i.group({class:"apexcharts-radialbar"});if(e.globals.noData)return a;var s=i.group(),r=this.defaultSize/2,o=e.globals.gridWidth/2,n=this.defaultSize/2.05;e.config.chart.sparkline.enabled||(n=n-e.config.stroke.width-e.config.chart.dropShadow.blur);var l=e.globals.fill.colors;if(e.config.plotOptions.radialBar.track.show){var h=this.drawTracks({size:n,centerX:o,centerY:r,colorArr:l,series:t});s.add(h)}var c=this.drawArcs({size:n,centerX:o,centerY:r,colorArr:l,series:t}),d=360;e.config.plotOptions.radialBar.startAngle<0&&(d=this.totalAngle);var g=(360-d)/360;if(e.globals.radialSize=n-n*g,this.radialDataLabels.value.show){var u=Math.max(this.radialDataLabels.value.offsetY,this.radialDataLabels.name.offsetY);e.globals.radialSize+=u*g}return s.add(c.g),"front"===e.config.plotOptions.radialBar.hollow.position&&(c.g.add(c.elHollow),c.dataLabels&&c.g.add(c.dataLabels)),a.add(s),a}},{key:"drawTracks",value:function(t){var e=this.w,i=new m(this.ctx),a=i.group({class:"apexcharts-tracks"}),s=new v(this.ctx),r=new M(this.ctx),o=this.getStrokeWidth(t);t.size=t.size-o/2;for(var n=0;n<t.series.length;n++){var l=i.group({class:"apexcharts-radialbar-track apexcharts-track"});a.add(l),l.attr({rel:n+1}),t.size=t.size-o-this.margin;var h=e.config.plotOptions.radialBar.track,c=r.fillPath({seriesNumber:0,size:t.size,fillColors:Array.isArray(h.background)?h.background[n]:h.background,solid:!0}),d=this.trackStartAngle,g=this.trackEndAngle;Math.abs(g)+Math.abs(d)>=360&&(g=360-Math.abs(this.startAngle)-.1);var u=i.drawPath({d:"",stroke:c,strokeWidth:o*parseInt(h.strokeWidth,10)/100,fill:"none",strokeOpacity:h.opacity,classes:"apexcharts-radialbar-area"});if(h.dropShadow.enabled){var f=h.dropShadow;s.dropShadow(u,f)}l.add(u),u.attr("id","apexcharts-radialbarTrack-"+n),this.animatePaths(u,{centerX:t.centerX,centerY:t.centerY,endAngle:g,startAngle:d,size:t.size,i:n,totalItems:2,animBeginArr:0,dur:0,isTrack:!0,easing:e.globals.easing})}return a}},{key:"drawArcs",value:function(t){var e=this.w,i=new m(this.ctx),a=new M(this.ctx),s=new v(this.ctx),r=i.group(),o=this.getStrokeWidth(t);t.size=t.size-o/2;var n=e.config.plotOptions.radialBar.hollow.background,l=t.size-o*t.series.length-this.margin*t.series.length-o*parseInt(e.config.plotOptions.radialBar.track.strokeWidth,10)/100/2,h=l-e.config.plotOptions.radialBar.hollow.margin;void 0!==e.config.plotOptions.radialBar.hollow.image&&(n=this.drawHollowImage(t,r,l,n));var c=this.drawHollow({size:h,centerX:t.centerX,centerY:t.centerY,fill:n||"transparent"});if(e.config.plotOptions.radialBar.hollow.dropShadow.enabled){var d=e.config.plotOptions.radialBar.hollow.dropShadow;s.dropShadow(c,d)}var g=1;!this.radialDataLabels.total.show&&e.globals.series.length>1&&(g=0);var u=null;this.radialDataLabels.show&&(u=this.renderInnerDataLabels(this.radialDataLabels,{hollowSize:l,centerX:t.centerX,centerY:t.centerY,opacity:g})),"back"===e.config.plotOptions.radialBar.hollow.position&&(r.add(c),u&&r.add(u));var f=!1;e.config.plotOptions.radialBar.inverseOrder&&(f=!0);for(var p=f?t.series.length-1:0;f?p>=0:p<t.series.length;f?p--:p++){var b=i.group({class:"apexcharts-series apexcharts-radial-series",seriesName:x.escapeString(e.globals.seriesNames[p])});r.add(b),b.attr({rel:p+1,"data:realIndex":p}),this.ctx.series.addCollapsedClassToSeries(b,p),t.size=t.size-o-this.margin;var y=a.fillPath({seriesNumber:p,size:t.size,value:t.series[p]}),w=this.startAngle,k=void 0,A=x.negToZero(t.series[p]>100?100:t.series[p])/100,S=Math.round(this.totalAngle*A)+this.startAngle,C=void 0;e.globals.dataChanged&&(k=this.startAngle,C=Math.round(this.totalAngle*x.negToZero(e.globals.previousPaths[p])/100)+k),Math.abs(S)+Math.abs(w)>=360&&(S-=.01),Math.abs(C)+Math.abs(k)>=360&&(C-=.01);var L=S-w,P=Array.isArray(e.config.stroke.dashArray)?e.config.stroke.dashArray[p]:e.config.stroke.dashArray,T=i.drawPath({d:"",stroke:y,strokeWidth:o,fill:"none",fillOpacity:e.config.fill.opacity,classes:"apexcharts-radialbar-area apexcharts-radialbar-slice-"+p,strokeDashArray:P});if(m.setAttrs(T.node,{"data:angle":L,"data:value":t.series[p]}),e.config.chart.dropShadow.enabled){var I=e.config.chart.dropShadow;s.dropShadow(T,I,p)}s.setSelectionFilter(T,0,p),this.addListeners(T,this.radialDataLabels),b.add(T),T.attr({index:0,j:p});var z=0;!this.initialAnim||e.globals.resized||e.globals.dataChanged||(z=e.config.chart.animations.speed),e.globals.dataChanged&&(z=e.config.chart.animations.dynamicAnimation.speed),this.animDur=z/(1.2*t.series.length)+this.animDur,this.animBeginArr.push(this.animDur),this.animatePaths(T,{centerX:t.centerX,centerY:t.centerY,endAngle:S,startAngle:w,prevEndAngle:C,prevStartAngle:k,size:t.size,i:p,totalItems:2,animBeginArr:this.animBeginArr,dur:z,shouldSetPrevPaths:!0,easing:e.globals.easing})}return{g:r,elHollow:c,dataLabels:u}}},{key:"drawHollow",value:function(t){var e=new m(this.ctx).drawCircle(2*t.size);return e.attr({class:"apexcharts-radialbar-hollow",cx:t.centerX,cy:t.centerY,r:t.size,fill:t.fill}),e}},{key:"drawHollowImage",value:function(t,e,i,a){var s=this.w,r=new M(this.ctx),o=x.randomId(),n=s.config.plotOptions.radialBar.hollow.image;if(s.config.plotOptions.radialBar.hollow.imageClipped)r.clippedImgArea({width:i,height:i,image:n,patternID:"pattern".concat(s.globals.cuid).concat(o)}),a="url(#pattern".concat(s.globals.cuid).concat(o,")");else{var l=s.config.plotOptions.radialBar.hollow.imageWidth,h=s.config.plotOptions.radialBar.hollow.imageHeight;if(void 0===l&&void 0===h){var c=s.globals.dom.Paper.image(n).loaded((function(e){this.move(t.centerX-e.width/2+s.config.plotOptions.radialBar.hollow.imageOffsetX,t.centerY-e.height/2+s.config.plotOptions.radialBar.hollow.imageOffsetY)}));e.add(c)}else{var d=s.globals.dom.Paper.image(n).loaded((function(e){this.move(t.centerX-l/2+s.config.plotOptions.radialBar.hollow.imageOffsetX,t.centerY-h/2+s.config.plotOptions.radialBar.hollow.imageOffsetY),this.size(l,h)}));e.add(d)}}return a}},{key:"getStrokeWidth",value:function(t){var e=this.w;return t.size*(100-parseInt(e.config.plotOptions.radialBar.hollow.size,10))/100/(t.series.length+1)-this.margin}}]),i}(Ct),Mt=function(){function t(e){a(this,t),this.w=e.w,this.lineCtx=e}return r(t,[{key:"sameValueSeriesFix",value:function(t,e){var i=this.w;if("line"===i.config.chart.type&&("gradient"===i.config.fill.type||"gradient"===i.config.fill.type[t])&&new y(this.lineCtx.ctx,i).seriesHaveSameValues(t)){var a=e[t].slice();a[a.length-1]=a[a.length-1]+1e-6,e[t]=a}return e}},{key:"calculatePoints",value:function(t){var e=t.series,i=t.realIndex,a=t.x,s=t.y,r=t.i,o=t.j,n=t.prevY,l=this.w,h=[],c=[];if(0===o){var d=this.lineCtx.categoryAxisCorrection+l.config.markers.offsetX;l.globals.isXNumeric&&(d=(l.globals.seriesX[i][0]-l.globals.minX)/this.lineCtx.xRatio+l.config.markers.offsetX),h.push(d),c.push(x.isNumber(e[r][0])?n+l.config.markers.offsetY:null),h.push(a+l.config.markers.offsetX),c.push(x.isNumber(e[r][o+1])?s+l.config.markers.offsetY:null)}else h.push(a+l.config.markers.offsetX),c.push(x.isNumber(e[r][o+1])?s+l.config.markers.offsetY:null);return{x:h,y:c}}},{key:"checkPreviousPaths",value:function(t){for(var e=t.pathFromLine,i=t.pathFromArea,a=t.realIndex,s=this.w,r=0;r<s.globals.previousPaths.length;r++){var o=s.globals.previousPaths[r];("line"===o.type||"area"===o.type)&&o.paths.length>0&&parseInt(o.realIndex,10)===parseInt(a,10)&&("line"===o.type?(this.lineCtx.appendPathFrom=!1,e=s.globals.previousPaths[r].paths[0].d):"area"===o.type&&(this.lineCtx.appendPathFrom=!1,i=s.globals.previousPaths[r].paths[0].d,s.config.stroke.show&&s.globals.previousPaths[r].paths[1]&&(e=s.globals.previousPaths[r].paths[1].d)))}return{pathFromLine:e,pathFromArea:i}}},{key:"determineFirstPrevY",value:function(t){var e=t.i,i=t.series,a=t.prevY,s=t.lineYPosition,r=this.w;if(void 0!==i[e][0])a=(s=r.config.chart.stacked&&e>0?this.lineCtx.prevSeriesY[e-1][0]:this.lineCtx.zeroY)-i[e][0]/this.lineCtx.yRatio[this.lineCtx.yaxisIndex]+2*(this.lineCtx.isReversed?i[e][0]/this.lineCtx.yRatio[this.lineCtx.yaxisIndex]:0);else if(r.config.chart.stacked&&e>0&&void 0===i[e][0])for(var o=e-1;o>=0;o--)if(null!==i[o][0]&&void 0!==i[o][0]){a=s=this.lineCtx.prevSeriesY[o][0];break}return{prevY:a,lineYPosition:s}}}]),t}(),Tt=function(){function t(e,i,s){a(this,t),this.ctx=e,this.w=e.w,this.xyRatios=i,this.pointsChart=!("bubble"!==this.w.config.chart.type&&"scatter"!==this.w.config.chart.type)||s,this.scatter=new I(this.ctx),this.noNegatives=this.w.globals.minX===Number.MAX_VALUE,this.lineHelpers=new Mt(this),this.markers=new T(this.ctx),this.prevSeriesY=[],this.categoryAxisCorrection=0,this.yaxisIndex=0}return r(t,[{key:"draw",value:function(t,e,i){var a=this.w,s=new m(this.ctx),r=a.globals.comboCharts?e:a.config.chart.type,o=s.group({class:"apexcharts-".concat(r,"-series apexcharts-plot-series")}),n=new y(this.ctx,a);this.yRatio=this.xyRatios.yRatio,this.zRatio=this.xyRatios.zRatio,this.xRatio=this.xyRatios.xRatio,this.baseLineY=this.xyRatios.baseLineY,t=n.getLogSeries(t),this.yRatio=n.getLogYRatios(this.yRatio);for(var l=[],h=0;h<t.length;h++){t=this.lineHelpers.sameValueSeriesFix(h,t);var c=a.globals.comboCharts?i[h]:h;this._initSerieVariables(t,h,c);var d=[],g=[],u=a.globals.padHorizontal+this.categoryAxisCorrection;this.ctx.series.addCollapsedClassToSeries(this.elSeries,c),a.globals.isXNumeric&&a.globals.seriesX.length>0&&(u=(a.globals.seriesX[c][0]-a.globals.minX)/this.xRatio),g.push(u);var f,p=u,x=p,b=this.zeroY;b=this.lineHelpers.determineFirstPrevY({i:h,series:t,prevY:b,lineYPosition:0}).prevY,d.push(b),f=b;var v=this._calculatePathsFrom({series:t,i:h,realIndex:c,prevX:x,prevY:b}),w=this._iterateOverDataPoints({series:t,realIndex:c,i:h,x:u,y:1,pX:p,pY:f,pathsFrom:v,linePaths:[],areaPaths:[],seriesIndex:i,lineYPosition:0,xArrj:g,yArrj:d});this._handlePaths({type:r,realIndex:c,i:h,paths:w}),this.elSeries.add(this.elPointsMain),this.elSeries.add(this.elDataLabelsWrap),l.push(this.elSeries)}if(a.config.chart.stacked)for(var k=l.length;k>0;k--)o.add(l[k-1]);else for(var A=0;A<l.length;A++)o.add(l[A]);return o}},{key:"_initSerieVariables",value:function(t,e,i){var a=this.w,s=new m(this.ctx);this.xDivision=a.globals.gridWidth/(a.globals.dataPoints-("on"===a.config.xaxis.tickPlacement?1:0)),this.strokeWidth=Array.isArray(a.config.stroke.width)?a.config.stroke.width[i]:a.config.stroke.width,this.yRatio.length>1&&(this.yaxisIndex=i),this.isReversed=a.config.yaxis[this.yaxisIndex]&&a.config.yaxis[this.yaxisIndex].reversed,this.zeroY=a.globals.gridHeight-this.baseLineY[this.yaxisIndex]-(this.isReversed?a.globals.gridHeight:0)+(this.isReversed?2*this.baseLineY[this.yaxisIndex]:0),this.areaBottomY=this.zeroY,(this.zeroY>a.globals.gridHeight||"end"===a.config.plotOptions.area.fillTo)&&(this.areaBottomY=a.globals.gridHeight),this.categoryAxisCorrection=this.xDivision/2,this.elSeries=s.group({class:"apexcharts-series",seriesName:x.escapeString(a.globals.seriesNames[i])}),this.elPointsMain=s.group({class:"apexcharts-series-markers-wrap","data:realIndex":i}),this.elDataLabelsWrap=s.group({class:"apexcharts-datalabels","data:realIndex":i});var r=t[e].length===a.globals.dataPoints;this.elSeries.attr({"data:longestSeries":r,rel:e+1,"data:realIndex":i}),this.appendPathFrom=!0}},{key:"_calculatePathsFrom",value:function(t){var e,i,a,s,r=t.series,o=t.i,n=t.realIndex,l=t.prevX,h=t.prevY,c=this.w,d=new m(this.ctx);if(null===r[o][0]){for(var g=0;g<r[o].length;g++)if(null!==r[o][g]){l=this.xDivision*g,h=this.zeroY-r[o][g]/this.yRatio[this.yaxisIndex],e=d.move(l,h),i=d.move(l,this.areaBottomY);break}}else e=d.move(l,h),i=d.move(l,this.areaBottomY)+d.line(l,h);if(a=d.move(-1,this.zeroY)+d.line(-1,this.zeroY),s=d.move(-1,this.zeroY)+d.line(-1,this.zeroY),c.globals.previousPaths.length>0){var u=this.lineHelpers.checkPreviousPaths({pathFromLine:a,pathFromArea:s,realIndex:n});a=u.pathFromLine,s=u.pathFromArea}return{prevX:l,prevY:h,linePath:e,areaPath:i,pathFromLine:a,pathFromArea:s}}},{key:"_handlePaths",value:function(t){var i=t.type,a=t.realIndex,s=t.i,r=t.paths,o=this.w,n=new m(this.ctx),l=new M(this.ctx);this.prevSeriesY.push(r.yArrj),o.globals.seriesXvalues[a]=r.xArrj,o.globals.seriesYvalues[a]=r.yArrj;var h=o.config.forecastDataPoints;if(h.count>0){var c=o.globals.seriesXvalues[a][o.globals.seriesXvalues[a].length-h.count-1],d=n.drawRect(c,0,o.globals.gridWidth,o.globals.gridHeight,0);o.globals.dom.elForecastMask.appendChild(d.node);var g=n.drawRect(0,0,c,o.globals.gridHeight,0);o.globals.dom.elNonForecastMask.appendChild(g.node)}this.pointsChart||o.globals.delayedElements.push({el:this.elPointsMain.node,index:a});var u={i:s,realIndex:a,animationDelay:s,initialSpeed:o.config.chart.animations.speed,dataChangeSpeed:o.config.chart.animations.dynamicAnimation.speed,className:"apexcharts-".concat(i)};if("area"===i)for(var f=l.fillPath({seriesNumber:a}),p=0;p<r.areaPaths.length;p++){var x=n.renderPaths(e(e({},u),{},{pathFrom:r.pathFromArea,pathTo:r.areaPaths[p],stroke:"none",strokeWidth:0,strokeLineCap:null,fill:f}));this.elSeries.add(x)}if(o.config.stroke.show&&!this.pointsChart){var b=null;if("line"===i)b=l.fillPath({seriesNumber:a,i:s});else if("solid"===o.config.stroke.fill.type)b=o.globals.stroke.colors[a];else{var v=o.config.fill;o.config.fill=o.config.stroke.fill,b=l.fillPath({seriesNumber:a,i:s}),o.config.fill=v}for(var y=0;y<r.linePaths.length;y++){var w=e(e({},u),{},{pathFrom:r.pathFromLine,pathTo:r.linePaths[y],stroke:b,strokeWidth:this.strokeWidth,strokeLineCap:o.config.stroke.lineCap,fill:"none"}),k=n.renderPaths(w);if(this.elSeries.add(k),h.count>0){var A=n.renderPaths(w);A.node.setAttribute("stroke-dasharray",h.dashArray),h.strokeWidth&&A.node.setAttribute("stroke-width",h.strokeWidth),this.elSeries.add(A),A.attr("clip-path","url(#forecastMask".concat(o.globals.cuid,")")),k.attr("clip-path","url(#nonForecastMask".concat(o.globals.cuid,")"))}}}}},{key:"_iterateOverDataPoints",value:function(t){for(var e=t.series,i=t.realIndex,a=t.i,s=t.x,r=t.y,o=t.pX,n=t.pY,l=t.pathsFrom,h=t.linePaths,c=t.areaPaths,d=t.seriesIndex,g=t.lineYPosition,u=t.xArrj,f=t.yArrj,p=this.w,b=new m(this.ctx),v=this.yRatio,y=l.prevY,w=l.linePath,k=l.areaPath,A=l.pathFromLine,S=l.pathFromArea,C=x.isNumber(p.globals.minYArr[i])?p.globals.minYArr[i]:p.globals.minY,L=p.globals.dataPoints>1?p.globals.dataPoints-1:p.globals.dataPoints,P=0;P<L;P++){var M=void 0===e[a][P+1]||null===e[a][P+1];if(p.globals.isXNumeric){var T=p.globals.seriesX[i][P+1];void 0===p.globals.seriesX[i][P+1]&&(T=p.globals.seriesX[i][L-1]),s=(T-p.globals.minX)/this.xRatio}else s+=this.xDivision;if(p.config.chart.stacked)if(a>0&&p.globals.collapsedSeries.length<p.config.series.length-1){g=this.prevSeriesY[function(t){for(var e=t,i=0;i<p.globals.series.length;i++)if(p.globals.collapsedSeriesIndices.indexOf(t)>-1){e--;break}return e>=0?e:0}(a-1)][P+1]}else g=this.zeroY;else g=this.zeroY;r=M?g-C/v[this.yaxisIndex]+2*(this.isReversed?C/v[this.yaxisIndex]:0):g-e[a][P+1]/v[this.yaxisIndex]+2*(this.isReversed?e[a][P+1]/v[this.yaxisIndex]:0),u.push(s),f.push(r);var I=this.lineHelpers.calculatePoints({series:e,x:s,y:r,realIndex:i,i:a,j:P,prevY:y}),z=this._createPaths({series:e,i:a,realIndex:i,j:P,x:s,y:r,pX:o,pY:n,linePath:w,areaPath:k,linePaths:h,areaPaths:c,seriesIndex:d});c=z.areaPaths,h=z.linePaths,o=z.pX,n=z.pY,k=z.areaPath,w=z.linePath,this.appendPathFrom&&(A+=b.line(s,this.zeroY),S+=b.line(s,this.zeroY)),this.handleNullDataPoints(e,I,a,P,i),this._handleMarkersAndLabels({pointsPos:I,series:e,x:s,y:r,prevY:y,i:a,j:P,realIndex:i})}return{yArrj:f,xArrj:u,pathFromArea:S,areaPaths:c,pathFromLine:A,linePaths:h}}},{key:"_handleMarkersAndLabels",value:function(t){var e=t.pointsPos;t.series,t.x,t.y,t.prevY;var i=t.i,a=t.j,s=t.realIndex,r=this.w,o=new z(this.ctx);if(this.pointsChart)this.scatter.draw(this.elSeries,a,{realIndex:s,pointsPos:e,zRatio:this.zRatio,elParent:this.elPointsMain});else{r.globals.series[i].length>1&&this.elPointsMain.node.classList.add("apexcharts-element-hidden");var n=this.markers.plotChartMarkers(e,s,a+1);null!==n&&this.elPointsMain.add(n)}var l=o.drawDataLabel(e,s,a+1,null);null!==l&&this.elDataLabelsWrap.add(l)}},{key:"_createPaths",value:function(t){var e=t.series,i=t.i,a=t.realIndex,s=t.j,r=t.x,o=t.y,n=t.pX,l=t.pY,h=t.linePath,c=t.areaPath,d=t.linePaths,g=t.areaPaths,u=t.seriesIndex,f=this.w,p=new m(this.ctx),x=f.config.stroke.curve,b=this.areaBottomY;if(Array.isArray(f.config.stroke.curve)&&(x=Array.isArray(u)?f.config.stroke.curve[u[i]]:f.config.stroke.curve[i]),"smooth"===x){var v=.35*(r-n);f.globals.hasNullValues?(null!==e[i][s]&&(null!==e[i][s+1]?(h=p.move(n,l)+p.curve(n+v,l,r-v,o,r+1,o),c=p.move(n+1,l)+p.curve(n+v,l,r-v,o,r+1,o)+p.line(r,b)+p.line(n,b)+"z"):(h=p.move(n,l),c=p.move(n,l)+"z")),d.push(h),g.push(c)):(h+=p.curve(n+v,l,r-v,o,r,o),c+=p.curve(n+v,l,r-v,o,r,o)),n=r,l=o,s===e[i].length-2&&(c=c+p.curve(n,l,r,o,r,b)+p.move(r,o)+"z",f.globals.hasNullValues||(d.push(h),g.push(c)))}else{if(null===e[i][s+1]){h+=p.move(r,o);var y=f.globals.isXNumeric?(f.globals.seriesX[a][s]-f.globals.minX)/this.xRatio:r-this.xDivision;c=c+p.line(y,b)+p.move(r,o)+"z"}null===e[i][s]&&(h+=p.move(r,o),c+=p.move(r,b)),"stepline"===x?(h=h+p.line(r,null,"H")+p.line(null,o,"V"),c=c+p.line(r,null,"H")+p.line(null,o,"V")):"straight"===x&&(h+=p.line(r,o),c+=p.line(r,o)),s===e[i].length-2&&(c=c+p.line(r,b)+p.move(r,o)+"z",d.push(h),g.push(c))}return{linePaths:d,areaPaths:g,pX:n,pY:l,linePath:h,areaPath:c}}},{key:"handleNullDataPoints",value:function(t,e,i,a,s){var r=this.w;if(null===t[i][a]&&r.config.markers.showNullDataPoints||1===t[i].length){var o=this.markers.plotChartMarkers(e,s,a+1,this.strokeWidth-r.config.markers.strokeWidth/2,!0);null!==o&&this.elPointsMain.add(o)}}}]),t}();window.TreemapSquared={},window.TreemapSquared.generate=function(){function t(e,i,a,s){this.xoffset=e,this.yoffset=i,this.height=s,this.width=a,this.shortestEdge=function(){return Math.min(this.height,this.width)},this.getCoordinates=function(t){var e,i=[],a=this.xoffset,s=this.yoffset,o=r(t)/this.height,n=r(t)/this.width;if(this.width>=this.height)for(e=0;e<t.length;e++)i.push([a,s,a+o,s+t[e]/o]),s+=t[e]/o;else for(e=0;e<t.length;e++)i.push([a,s,a+t[e]/n,s+n]),a+=t[e]/n;return i},this.cutArea=function(e){var i;if(this.width>=this.height){var a=e/this.height,s=this.width-a;i=new t(this.xoffset+a,this.yoffset,s,this.height)}else{var r=e/this.width,o=this.height-r;i=new t(this.xoffset,this.yoffset+r,this.width,o)}return i}}function e(e,a,s,o,n){return o=void 0===o?0:o,n=void 0===n?0:n,function(t){var e,i,a=[];for(e=0;e<t.length;e++)for(i=0;i<t[e].length;i++)a.push(t[e][i]);return a}(i(function(t,e){var i,a=[],s=e/r(t);for(i=0;i<t.length;i++)a[i]=t[i]*s;return a}(e,a*s),[],new t(o,n,a,s),[]))}function i(t,e,s,o){var n,l,h;if(0!==t.length)return n=s.shortestEdge(),function(t,e,i){var s;if(0===t.length)return!0;(s=t.slice()).push(e);var r=a(t,i),o=a(s,i);return r>=o}(e,l=t[0],n)?(e.push(l),i(t.slice(1),e,s,o)):(h=s.cutArea(r(e),o),o.push(s.getCoordinates(e)),i(t,[],h,o)),o;o.push(s.getCoordinates(e))}function a(t,e){var i=Math.min.apply(Math,t),a=Math.max.apply(Math,t),s=r(t);return Math.max(Math.pow(e,2)*a/Math.pow(s,2),Math.pow(s,2)/(Math.pow(e,2)*i))}function s(t){return t&&t.constructor===Array}function r(t){var e,i=0;for(e=0;e<t.length;e++)i+=t[e];return i}function o(t){var e,i=0;if(s(t[0]))for(e=0;e<t.length;e++)i+=o(t[e]);else i=r(t);return i}return function t(i,a,r,n,l){n=void 0===n?0:n,l=void 0===l?0:l;var h,c,d=[],g=[];if(s(i[0])){for(c=0;c<i.length;c++)d[c]=o(i[c]);for(h=e(d,a,r,n,l),c=0;c<i.length;c++)g.push(t(i[c],h[c][2]-h[c][0],h[c][3]-h[c][1],h[c][0],h[c][1]))}else g=e(i,a,r,n,l);return g}}();var It,zt,Xt=function(){function t(e,i){a(this,t),this.ctx=e,this.w=e.w,this.strokeWidth=this.w.config.stroke.width,this.helpers=new kt(e),this.dynamicAnim=this.w.config.chart.animations.dynamicAnimation,this.labels=[]}return r(t,[{key:"draw",value:function(t){var e=this,i=this.w,a=new m(this.ctx),s=new M(this.ctx),r=a.group({class:"apexcharts-treemap"});if(i.globals.noData)return r;var o=[];return t.forEach((function(t){var e=t.map((function(t){return Math.abs(t)}));o.push(e)})),this.negRange=this.helpers.checkColorRange(),i.config.series.forEach((function(t,i){t.data.forEach((function(t){Array.isArray(e.labels[i])||(e.labels[i]=[]),e.labels[i].push(t.x)}))})),window.TreemapSquared.generate(o,i.globals.gridWidth,i.globals.gridHeight).forEach((function(o,n){var l=a.group({class:"apexcharts-series apexcharts-treemap-series",seriesName:x.escapeString(i.globals.seriesNames[n]),rel:n+1,"data:realIndex":n});if(i.config.chart.dropShadow.enabled){var h=i.config.chart.dropShadow;new v(e.ctx).dropShadow(r,h,n)}var c=a.group({class:"apexcharts-data-labels"});o.forEach((function(r,o){var h=r[0],c=r[1],d=r[2],g=r[3],u=a.drawRect(h,c,d-h,g-c,0,"#fff",1,e.strokeWidth,i.config.plotOptions.treemap.useFillColorAsStroke?p:i.globals.stroke.colors[n]);u.attr({cx:h,cy:c,index:n,i:n,j:o,width:d-h,height:g-c});var f=e.helpers.getShadeColor(i.config.chart.type,n,o,e.negRange),p=f.color;void 0!==i.config.series[n].data[o]&&i.config.series[n].data[o].fillColor&&(p=i.config.series[n].data[o].fillColor);var x=s.fillPath({color:p,seriesNumber:n,dataPointIndex:o});u.node.classList.add("apexcharts-treemap-rect"),u.attr({fill:x}),e.helpers.addListeners(u);var b={x:h+(d-h)/2,y:c+(g-c)/2,width:0,height:0},v={x:h,y:c,width:d-h,height:g-c};if(i.config.chart.animations.enabled&&!i.globals.dataChanged){var m=1;i.globals.resized||(m=i.config.chart.animations.speed),e.animateTreemap(u,b,v,m)}if(i.globals.dataChanged){var y=1;e.dynamicAnim.enabled&&i.globals.shouldAnimate&&(y=e.dynamicAnim.speed,i.globals.previousPaths[n]&&i.globals.previousPaths[n][o]&&i.globals.previousPaths[n][o].rect&&(b=i.globals.previousPaths[n][o].rect),e.animateTreemap(u,b,v,y))}var w=e.getFontSize(r),k=i.config.dataLabels.formatter(e.labels[n][o],{value:i.globals.series[n][o],seriesIndex:n,dataPointIndex:o,w:i}),A=e.helpers.calculateDataLabels({text:k,x:(h+d)/2,y:(c+g)/2+e.strokeWidth/2+w/3,i:n,j:o,colorProps:f,fontSize:w,series:t});i.config.dataLabels.enabled&&A&&e.rotateToFitLabel(A,k,h,c,d,g),l.add(u),null!==A&&l.add(A)})),l.add(c),r.add(l)})),r}},{key:"getFontSize",value:function(t){var e=this.w;var i,a,s,r,o=function t(e){var i,a=0;if(Array.isArray(e[0]))for(i=0;i<e.length;i++)a+=t(e[i]);else for(i=0;i<e.length;i++)a+=e[i].length;return a}(this.labels)/function t(e){var i,a=0;if(Array.isArray(e[0]))for(i=0;i<e.length;i++)a+=t(e[i]);else for(i=0;i<e.length;i++)a+=1;return a}(this.labels);return i=t[2]-t[0],a=t[3]-t[1],s=i*a,r=Math.pow(s,.5),Math.min(r/o,parseInt(e.config.dataLabels.style.fontSize,10))}},{key:"rotateToFitLabel",value:function(t,e,i,a,s,r){var o=new m(this.ctx),n=o.getTextRects(e);if(n.width+5>s-i&&n.width<=r-a){var l=o.rotateAroundCenter(t.node);t.node.setAttribute("transform","rotate(-90 ".concat(l.x," ").concat(l.y,")"))}}},{key:"animateTreemap",value:function(t,e,i,a){var s=new b(this.ctx);s.animateRect(t,{x:e.x,y:e.y,width:e.width,height:e.height},{x:i.x,y:i.y,width:i.width,height:i.height},a,(function(){s.animationCompleted(t)}))}}]),t}(),Et=86400,Yt=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w,this.timeScaleArray=[],this.utc=this.w.config.xaxis.labels.datetimeUTC}return r(t,[{key:"calculateTimeScaleTicks",value:function(t,i){var a=this,s=this.w;if(s.globals.allSeriesCollapsed)return s.globals.labels=[],s.globals.timescaleLabels=[],[];var r=new R(this.ctx),o=(i-t)/864e5;this.determineInterval(o),s.globals.disableZoomIn=!1,s.globals.disableZoomOut=!1,o<.00011574074074074075?s.globals.disableZoomIn=!0:o>5e4&&(s.globals.disableZoomOut=!0);var n=r.getTimeUnitsfromTimestamp(t,i,this.utc),l=s.globals.gridWidth/o,h=l/24,c=h/60,d=c/60,g=Math.floor(24*o),u=Math.floor(1440*o),f=Math.floor(o*Et),p=Math.floor(o),x=Math.floor(o/30),b=Math.floor(o/365),v={minMillisecond:n.minMillisecond,minSecond:n.minSecond,minMinute:n.minMinute,minHour:n.minHour,minDate:n.minDate,minMonth:n.minMonth,minYear:n.minYear},m={firstVal:v,currentMillisecond:v.minMillisecond,currentSecond:v.minSecond,currentMinute:v.minMinute,currentHour:v.minHour,currentMonthDate:v.minDate,currentDate:v.minDate,currentMonth:v.minMonth,currentYear:v.minYear,daysWidthOnXAxis:l,hoursWidthOnXAxis:h,minutesWidthOnXAxis:c,secondsWidthOnXAxis:d,numberOfSeconds:f,numberOfMinutes:u,numberOfHours:g,numberOfDays:p,numberOfMonths:x,numberOfYears:b};switch(this.tickInterval){case"years":this.generateYearScale(m);break;case"months":case"half_year":this.generateMonthScale(m);break;case"months_days":case"months_fortnight":case"days":case"week_days":this.generateDayScale(m);break;case"hours":this.generateHourScale(m);break;case"minutes_fives":case"minutes":this.generateMinuteScale(m);break;case"seconds_tens":case"seconds_fives":case"seconds":this.generateSecondScale(m)}var y=this.timeScaleArray.map((function(t){var i={position:t.position,unit:t.unit,year:t.year,day:t.day?t.day:1,hour:t.hour?t.hour:0,month:t.month+1};return"month"===t.unit?e(e({},i),{},{day:1,value:t.value+1}):"day"===t.unit||"hour"===t.unit?e(e({},i),{},{value:t.value}):"minute"===t.unit?e(e({},i),{},{value:t.value,minute:t.value}):"second"===t.unit?e(e({},i),{},{value:t.value,minute:t.minute,second:t.second}):t}));return y.filter((function(t){var e=1,i=Math.ceil(s.globals.gridWidth/120),r=t.value;void 0!==s.config.xaxis.tickAmount&&(i=s.config.xaxis.tickAmount),y.length>i&&(e=Math.floor(y.length/i));var o=!1,n=!1;switch(a.tickInterval){case"years":"year"===t.unit&&(o=!0);break;case"half_year":e=7,"year"===t.unit&&(o=!0);break;case"months":e=1,"year"===t.unit&&(o=!0);break;case"months_fortnight":e=15,"year"!==t.unit&&"month"!==t.unit||(o=!0),30===r&&(n=!0);break;case"months_days":e=10,"month"===t.unit&&(o=!0),30===r&&(n=!0);break;case"week_days":e=8,"month"===t.unit&&(o=!0);break;case"days":e=1,"month"===t.unit&&(o=!0);break;case"hours":"day"===t.unit&&(o=!0);break;case"minutes_fives":r%5!=0&&(n=!0);break;case"seconds_tens":r%10!=0&&(n=!0);break;case"seconds_fives":r%5!=0&&(n=!0)}if("hours"===a.tickInterval||"minutes_fives"===a.tickInterval||"seconds_tens"===a.tickInterval||"seconds_fives"===a.tickInterval){if(!n)return!0}else if((r%e==0||o)&&!n)return!0}))}},{key:"recalcDimensionsBasedOnFormat",value:function(t,e){var i=this.w,a=this.formatDates(t),s=this.removeOverlappingTS(a);i.globals.timescaleLabels=s.slice(),new lt(this.ctx).plotCoords()}},{key:"determineInterval",value:function(t){var e=24*t,i=60*e;switch(!0){case t/365>5:this.tickInterval="years";break;case t>800:this.tickInterval="half_year";break;case t>180:this.tickInterval="months";break;case t>90:this.tickInterval="months_fortnight";break;case t>60:this.tickInterval="months_days";break;case t>30:this.tickInterval="week_days";break;case t>2:this.tickInterval="days";break;case e>2.4:this.tickInterval="hours";break;case i>15:this.tickInterval="minutes_fives";break;case i>5:this.tickInterval="minutes";break;case i>1:this.tickInterval="seconds_tens";break;case 60*i>20:this.tickInterval="seconds_fives";break;default:this.tickInterval="seconds"}}},{key:"generateYearScale",value:function(t){var e=t.firstVal,i=t.currentMonth,a=t.currentYear,s=t.daysWidthOnXAxis,r=t.numberOfYears,o=e.minYear,n=0,l=new R(this.ctx),h="year";if(e.minDate>1||e.minMonth>0){var c=l.determineRemainingDaysOfYear(e.minYear,e.minMonth,e.minDate);n=(l.determineDaysOfYear(e.minYear)-c+1)*s,o=e.minYear+1,this.timeScaleArray.push({position:n,value:o,unit:h,year:o,month:x.monthMod(i+1)})}else 1===e.minDate&&0===e.minMonth&&this.timeScaleArray.push({position:n,value:o,unit:h,year:a,month:x.monthMod(i+1)});for(var d=o,g=n,u=0;u<r;u++)d++,g=l.determineDaysOfYear(d-1)*s+g,this.timeScaleArray.push({position:g,value:d,unit:h,year:d,month:1})}},{key:"generateMonthScale",value:function(t){var e=t.firstVal,i=t.currentMonthDate,a=t.currentMonth,s=t.currentYear,r=t.daysWidthOnXAxis,o=t.numberOfMonths,n=a,l=0,h=new R(this.ctx),c="month",d=0;if(e.minDate>1){l=(h.determineDaysOfMonths(a+1,e.minYear)-i+1)*r,n=x.monthMod(a+1);var g=s+d,u=x.monthMod(n),f=n;0===n&&(c="year",f=g,u=1,g+=d+=1),this.timeScaleArray.push({position:l,value:f,unit:c,year:g,month:u})}else this.timeScaleArray.push({position:l,value:n,unit:c,year:s,month:x.monthMod(a)});for(var p=n+1,b=l,v=0,m=1;v<o;v++,m++){0===(p=x.monthMod(p))?(c="year",d+=1):c="month";var y=this._getYear(s,p,d);b=h.determineDaysOfMonths(p,y)*r+b;var w=0===p?y:p;this.timeScaleArray.push({position:b,value:w,unit:c,year:y,month:0===p?1:p}),p++}}},{key:"generateDayScale",value:function(t){var e=t.firstVal,i=t.currentMonth,a=t.currentYear,s=t.hoursWidthOnXAxis,r=t.numberOfDays,o=new R(this.ctx),n="day",l=e.minDate+1,h=l,c=function(t,e,i){return t>o.determineDaysOfMonths(e+1,i)?(h=1,n="month",g=e+=1,e):e},d=(24-e.minHour)*s,g=l,u=c(h,i,a);0===e.minHour&&1===e.minDate?(d=0,g=x.monthMod(e.minMonth),n="month",h=e.minDate,r++):1!==e.minDate&&0===e.minHour&&0===e.minMinute&&(d=0,l=e.minDate,g=l,u=c(h=l,i,a)),this.timeScaleArray.push({position:d,value:g,unit:n,year:this._getYear(a,u,0),month:x.monthMod(u),day:h});for(var f=d,p=0;p<r;p++){n="day",u=c(h+=1,u,this._getYear(a,u,0));var b=this._getYear(a,u,0);f=24*s+f;var v=1===h?x.monthMod(u):h;this.timeScaleArray.push({position:f,value:v,unit:n,year:b,month:x.monthMod(u),day:v})}}},{key:"generateHourScale",value:function(t){var e=t.firstVal,i=t.currentDate,a=t.currentMonth,s=t.currentYear,r=t.minutesWidthOnXAxis,o=t.numberOfHours,n=new R(this.ctx),l="hour",h=function(t,e){return t>n.determineDaysOfMonths(e+1,s)&&(p=1,e+=1),{month:e,date:p}},c=function(t,e){return t>n.determineDaysOfMonths(e+1,s)?e+=1:e},d=60-(e.minMinute+e.minSecond/60),g=d*r,u=e.minHour+1,f=u+1;60===d&&(g=0,f=(u=e.minHour)+1);var p=i,b=c(p,a);this.timeScaleArray.push({position:g,value:u,unit:l,day:p,hour:f,year:s,month:x.monthMod(b)});for(var v=g,m=0;m<o;m++){if(l="hour",f>=24)f=0,l="day",b=h(p+=1,b).month,b=c(p,b);var y=this._getYear(s,b,0);v=0===f&&0===m?d*r:60*r+v;var w=0===f?p:f;this.timeScaleArray.push({position:v,value:w,unit:l,hour:f,day:p,year:y,month:x.monthMod(b)}),f++}}},{key:"generateMinuteScale",value:function(t){for(var e=t.currentMillisecond,i=t.currentSecond,a=t.currentMinute,s=t.currentHour,r=t.currentDate,o=t.currentMonth,n=t.currentYear,l=t.minutesWidthOnXAxis,h=t.secondsWidthOnXAxis,c=t.numberOfMinutes,d=a+1,g=r,u=o,f=n,p=s,b=(60-i-e/1e3)*h,v=0;v<c;v++)d>=60&&(d=0,24===(p+=1)&&(p=0)),this.timeScaleArray.push({position:b,value:d,unit:"minute",hour:p,minute:d,day:g,year:this._getYear(f,u,0),month:x.monthMod(u)}),b+=l,d++}},{key:"generateSecondScale",value:function(t){for(var e=t.currentMillisecond,i=t.currentSecond,a=t.currentMinute,s=t.currentHour,r=t.currentDate,o=t.currentMonth,n=t.currentYear,l=t.secondsWidthOnXAxis,h=t.numberOfSeconds,c=i+1,d=a,g=r,u=o,f=n,p=s,b=(1e3-e)/1e3*l,v=0;v<h;v++)c>=60&&(c=0,++d>=60&&(d=0,24===++p&&(p=0))),this.timeScaleArray.push({position:b,value:c,unit:"second",hour:p,minute:d,second:c,day:g,year:this._getYear(f,u,0),month:x.monthMod(u)}),b+=l,c++}},{key:"createRawDateString",value:function(t,e){var i=t.year;return 0===t.month&&(t.month=1),i+="-"+("0"+t.month.toString()).slice(-2),"day"===t.unit?i+="day"===t.unit?"-"+("0"+e).slice(-2):"-01":i+="-"+("0"+(t.day?t.day:"1")).slice(-2),"hour"===t.unit?i+="hour"===t.unit?"T"+("0"+e).slice(-2):"T00":i+="T"+("0"+(t.hour?t.hour:"0")).slice(-2),"minute"===t.unit?i+=":"+("0"+e).slice(-2):i+=":"+(t.minute?("0"+t.minute).slice(-2):"00"),"second"===t.unit?i+=":"+("0"+e).slice(-2):i+=":00",this.utc&&(i+=".000Z"),i}},{key:"formatDates",value:function(t){var e=this,i=this.w;return t.map((function(t){var a=t.value.toString(),s=new R(e.ctx),r=e.createRawDateString(t,a),o=s.getDate(s.parseDate(r));if(e.utc||(o=s.getDate(s.parseDateWithTimezone(r))),void 0===i.config.xaxis.labels.format){var n="dd MMM",l=i.config.xaxis.labels.datetimeFormatter;"year"===t.unit&&(n=l.year),"month"===t.unit&&(n=l.month),"day"===t.unit&&(n=l.day),"hour"===t.unit&&(n=l.hour),"minute"===t.unit&&(n=l.minute),"second"===t.unit&&(n=l.second),a=s.formatDate(o,n)}else a=s.formatDate(o,i.config.xaxis.labels.format);return{dateString:r,position:t.position,value:a,unit:t.unit,year:t.year,month:t.month}}))}},{key:"removeOverlappingTS",value:function(t){var e,i=this,a=new m(this.ctx),s=!1;t.length>0&&t[0].value&&t.every((function(e){return e.value.length===t[0].value.length}))&&(s=!0,e=a.getTextRects(t[0].value).width);var r=0,o=t.map((function(o,n){if(n>0&&i.w.config.xaxis.labels.hideOverlappingLabels){var l=s?e:a.getTextRects(t[r].value).width,h=t[r].position;return o.position>h+l+10?(r=n,o):null}return o}));return o=o.filter((function(t){return null!==t}))}},{key:"_getYear",value:function(t,e,i){return t+Math.floor(e/12)+i}}]),t}(),Ft=function(){function t(e,i){a(this,t),this.ctx=i,this.w=i.w,this.el=e}return r(t,[{key:"setupElements",value:function(){var t=this.w.globals,e=this.w.config,i=e.chart.type;t.axisCharts=["line","area","bar","rangeBar","candlestick","boxPlot","scatter","bubble","radar","heatmap","treemap"].indexOf(i)>-1,t.xyCharts=["line","area","bar","rangeBar","candlestick","boxPlot","scatter","bubble"].indexOf(i)>-1,t.isBarHorizontal=("bar"===e.chart.type||"rangeBar"===e.chart.type||"boxPlot"===e.chart.type)&&e.plotOptions.bar.horizontal,t.chartClass=".apexcharts"+t.chartID,t.dom.baseEl=this.el,t.dom.elWrap=document.createElement("div"),m.setAttrs(t.dom.elWrap,{id:t.chartClass.substring(1),class:"apexcharts-canvas "+t.chartClass.substring(1)}),this.el.appendChild(t.dom.elWrap),t.dom.Paper=new window.SVG.Doc(t.dom.elWrap),t.dom.Paper.attr({class:"apexcharts-svg","xmlns:data":"ApexChartsNS",transform:"translate(".concat(e.chart.offsetX,", ").concat(e.chart.offsetY,")")}),t.dom.Paper.node.style.background=e.chart.background,this.setSVGDimensions(),t.dom.elGraphical=t.dom.Paper.group().attr({class:"apexcharts-inner apexcharts-graphical"}),t.dom.elAnnotations=t.dom.Paper.group().attr({class:"apexcharts-annotations"}),t.dom.elDefs=t.dom.Paper.defs(),t.dom.elLegendWrap=document.createElement("div"),t.dom.elLegendWrap.classList.add("apexcharts-legend"),t.dom.elWrap.appendChild(t.dom.elLegendWrap),t.dom.Paper.add(t.dom.elGraphical),t.dom.elGraphical.add(t.dom.elDefs)}},{key:"plotChartType",value:function(t,e){var i=this.w,a=i.config,s=i.globals,r={series:[],i:[]},o={series:[],i:[]},n={series:[],i:[]},l={series:[],i:[]},h={series:[],i:[]},c={series:[],i:[]},d={series:[],i:[]};s.series.map((function(e,g){var u=0;void 0!==t[g].type?("column"===t[g].type||"bar"===t[g].type?(s.series.length>1&&a.plotOptions.bar.horizontal&&console.warn("Horizontal bars are not supported in a mixed/combo chart. Please turn off `plotOptions.bar.horizontal`"),h.series.push(e),h.i.push(g),u++,i.globals.columnSeries=h.series):"area"===t[g].type?(o.series.push(e),o.i.push(g),u++):"line"===t[g].type?(r.series.push(e),r.i.push(g),u++):"scatter"===t[g].type?(n.series.push(e),n.i.push(g)):"bubble"===t[g].type?(l.series.push(e),l.i.push(g),u++):"candlestick"===t[g].type?(c.series.push(e),c.i.push(g),u++):"boxPlot"===t[g].type?(d.series.push(e),d.i.push(g),u++):console.warn("You have specified an unrecognized chart type. Available types for this property are line/area/column/bar/scatter/bubble"),u>1&&(s.comboCharts=!0)):(r.series.push(e),r.i.push(g))}));var g=new Tt(this.ctx,e),u=new wt(this.ctx,e);this.ctx.pie=new Ct(this.ctx);var f=new Pt(this.ctx);this.ctx.rangeBar=new H(this.ctx,e);var p=new Lt(this.ctx),x=[];if(s.comboCharts){if(o.series.length>0&&x.push(g.draw(o.series,"area",o.i)),h.series.length>0)if(i.config.chart.stacked){var b=new yt(this.ctx,e);x.push(b.draw(h.series,h.i))}else this.ctx.bar=new F(this.ctx,e),x.push(this.ctx.bar.draw(h.series,h.i));if(r.series.length>0&&x.push(g.draw(r.series,"line",r.i)),c.series.length>0&&x.push(u.draw(c.series,c.i)),d.series.length>0&&x.push(u.draw(d.series,d.i)),n.series.length>0){var v=new Tt(this.ctx,e,!0);x.push(v.draw(n.series,"scatter",n.i))}if(l.series.length>0){var m=new Tt(this.ctx,e,!0);x.push(m.draw(l.series,"bubble",l.i))}}else switch(a.chart.type){case"line":x=g.draw(s.series,"line");break;case"area":x=g.draw(s.series,"area");break;case"bar":if(a.chart.stacked)x=new yt(this.ctx,e).draw(s.series);else this.ctx.bar=new F(this.ctx,e),x=this.ctx.bar.draw(s.series);break;case"candlestick":x=new wt(this.ctx,e).draw(s.series);break;case"boxPlot":x=new wt(this.ctx,e).draw(s.series);break;case"rangeBar":x=this.ctx.rangeBar.draw(s.series);break;case"heatmap":x=new At(this.ctx,e).draw(s.series);break;case"treemap":x=new Xt(this.ctx,e).draw(s.series);break;case"pie":case"donut":case"polarArea":x=this.ctx.pie.draw(s.series);break;case"radialBar":x=f.draw(s.series);break;case"radar":x=p.draw(s.series);break;default:x=g.draw(s.series)}return x}},{key:"setSVGDimensions",value:function(){var t=this.w.globals,e=this.w.config;t.svgWidth=e.chart.width,t.svgHeight=e.chart.height;var i=x.getDimensions(this.el),a=e.chart.width.toString().split(/[0-9]+/g).pop();"%"===a?x.isNumber(i[0])&&(0===i[0].width&&(i=x.getDimensions(this.el.parentNode)),t.svgWidth=i[0]*parseInt(e.chart.width,10)/100):"px"!==a&&""!==a||(t.svgWidth=parseInt(e.chart.width,10));var s=e.chart.height.toString().split(/[0-9]+/g).pop();if("auto"!==t.svgHeight&&""!==t.svgHeight)if("%"===s){var r=x.getDimensions(this.el.parentNode);t.svgHeight=r[1]*parseInt(e.chart.height,10)/100}else t.svgHeight=parseInt(e.chart.height,10);else t.axisCharts?t.svgHeight=t.svgWidth/1.61:t.svgHeight=t.svgWidth/1.2;if(t.svgWidth<0&&(t.svgWidth=0),t.svgHeight<0&&(t.svgHeight=0),m.setAttrs(t.dom.Paper.node,{width:t.svgWidth,height:t.svgHeight}),"%"!==s){var o=e.chart.sparkline.enabled?0:t.axisCharts?e.chart.parentHeightOffset:0;t.dom.Paper.node.parentNode.parentNode.style.minHeight=t.svgHeight+o+"px"}t.dom.elWrap.style.width=t.svgWidth+"px",t.dom.elWrap.style.height=t.svgHeight+"px"}},{key:"shiftGraphPosition",value:function(){var t=this.w.globals,e=t.translateY,i={transform:"translate("+t.translateX+", "+e+")"};m.setAttrs(t.dom.elGraphical.node,i)}},{key:"resizeNonAxisCharts",value:function(){var t=this.w,e=t.globals,i=0,a=t.config.chart.sparkline.enabled?1:15;a+=t.config.grid.padding.bottom,"top"!==t.config.legend.position&&"bottom"!==t.config.legend.position||!t.config.legend.show||t.config.legend.floating||(i=new ct(this.ctx).legendHelpers.getLegendBBox().clwh+10);var s=t.globals.dom.baseEl.querySelector(".apexcharts-radialbar, .apexcharts-pie"),r=2.05*t.globals.radialSize;if(s&&!t.config.chart.sparkline.enabled&&0!==t.config.plotOptions.radialBar.startAngle){var o=x.getBoundingClientRect(s);r=o.bottom;var n=o.bottom-o.top;r=Math.max(2.05*t.globals.radialSize,n)}var l=r+e.translateY+i+a;e.dom.elLegendForeign&&e.dom.elLegendForeign.setAttribute("height",l),t.config.chart.height&&String(t.config.chart.height).indexOf("%")>0||(e.dom.elWrap.style.height=l+"px",m.setAttrs(e.dom.Paper.node,{height:l}),e.dom.Paper.node.parentNode.parentNode.style.minHeight=l+"px")}},{key:"coreCalculations",value:function(){new Z(this.ctx).init()}},{key:"resetGlobals",value:function(){var t=this,e=function(){return t.w.config.series.map((function(t){return[]}))},i=new O,a=this.w.globals;i.initGlobalVars(a),a.seriesXvalues=e(),a.seriesYvalues=e()}},{key:"isMultipleY",value:function(){if(this.w.config.yaxis.constructor===Array&&this.w.config.yaxis.length>1)return this.w.globals.isMultipleYAxis=!0,!0}},{key:"xySettings",value:function(){var t=null,e=this.w;if(e.globals.axisCharts){if("back"===e.config.xaxis.crosshairs.position)new tt(this.ctx).drawXCrosshairs();if("back"===e.config.yaxis[0].crosshairs.position)new tt(this.ctx).drawYCrosshairs();if("datetime"===e.config.xaxis.type&&void 0===e.config.xaxis.labels.formatter){this.ctx.timeScale=new Yt(this.ctx);var i=[];isFinite(e.globals.minX)&&isFinite(e.globals.maxX)&&!e.globals.isBarHorizontal?i=this.ctx.timeScale.calculateTimeScaleTicks(e.globals.minX,e.globals.maxX):e.globals.isBarHorizontal&&(i=this.ctx.timeScale.calculateTimeScaleTicks(e.globals.minY,e.globals.maxY)),this.ctx.timeScale.recalcDimensionsBasedOnFormat(i)}t=new y(this.ctx).getCalculatedRatios()}return t}},{key:"updateSourceChart",value:function(t){this.ctx.w.globals.selection=void 0,this.ctx.updateHelpers._updateOptions({chart:{selection:{xaxis:{min:t.w.globals.minX,max:t.w.globals.maxX}}}},!1,!1)}},{key:"setupBrushHandler",value:function(){var t=this,i=this.w;if(i.config.chart.brush.enabled&&"function"!=typeof i.config.chart.events.selection){var a=i.config.chart.brush.targets||[i.config.chart.brush.target];a.forEach((function(e){var i=ApexCharts.getChartByID(e);i.w.globals.brushSource=t.ctx,"function"!=typeof i.w.config.chart.events.zoomed&&(i.w.config.chart.events.zoomed=function(){t.updateSourceChart(i)}),"function"!=typeof i.w.config.chart.events.scrolled&&(i.w.config.chart.events.scrolled=function(){t.updateSourceChart(i)})})),i.config.chart.events.selection=function(t,s){a.forEach((function(t){var a=ApexCharts.getChartByID(t),r=x.clone(i.config.yaxis);if(i.config.chart.brush.autoScaleYaxis&&1===a.w.globals.series.length){var o=new q(a);r=o.autoScaleY(a,r,s)}var n=a.w.config.yaxis.reduce((function(t,i,s){return[].concat(u(t),[e(e({},a.w.config.yaxis[s]),{},{min:r[0].min,max:r[0].max})])}),[]);a.ctx.updateHelpers._updateOptions({xaxis:{min:s.xaxis.min,max:s.xaxis.max},yaxis:n},!1,!1,!1,!1)}))}}}}]),t}(),Rt=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"_updateOptions",value:function(t){var e=this,a=arguments.length>1&&void 0!==arguments[1]&&arguments[1],s=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],o=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return new Promise((function(n){var l=[e.ctx];r&&(l=e.ctx.getSyncedCharts()),e.ctx.w.globals.isExecCalled&&(l=[e.ctx],e.ctx.w.globals.isExecCalled=!1),l.forEach((function(r,h){var c=r.w;if(c.globals.shouldAnimate=s,a||(c.globals.resized=!0,c.globals.dataChanged=!0,s&&r.series.getPreviousPaths()),t&&"object"===i(t)&&(r.config=new N(t),t=y.extendArrayProps(r.config,t,c),r.w.globals.chartID!==e.ctx.w.globals.chartID&&delete t.series,c.config=x.extend(c.config,t),o&&(c.globals.lastXAxis=t.xaxis?x.clone(t.xaxis):[],c.globals.lastYAxis=t.yaxis?x.clone(t.yaxis):[],c.globals.initialConfig=x.extend({},c.config),c.globals.initialSeries=x.clone(c.config.series),t.series))){for(var d=0;d<c.globals.collapsedSeriesIndices.length;d++){var g=c.config.series[c.globals.collapsedSeriesIndices[d]];c.globals.collapsedSeries[d].data=c.globals.axisCharts?g.data.slice():g}for(var u=0;u<c.globals.ancillaryCollapsedSeriesIndices.length;u++){var f=c.config.series[c.globals.ancillaryCollapsedSeriesIndices[u]];c.globals.ancillaryCollapsedSeries[u].data=c.globals.axisCharts?f.data.slice():f}r.series.emptyCollapsedSeries(c.config.series)}return r.update(t).then((function(){h===l.length-1&&n(r)}))}))}))}},{key:"_updateSeries",value:function(t,e){var i=this,a=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return new Promise((function(s){var r,o=i.w;return o.globals.shouldAnimate=e,o.globals.dataChanged=!0,e&&i.ctx.series.getPreviousPaths(),o.globals.axisCharts?(0===(r=t.map((function(t,e){return i._extendSeries(t,e)}))).length&&(r=[{data:[]}]),o.config.series=r):o.config.series=t.slice(),a&&(o.globals.initialSeries=x.clone(o.config.series)),i.ctx.update().then((function(){s(i.ctx)}))}))}},{key:"_extendSeries",value:function(t,i){var a=this.w,s=a.config.series[i];return e(e({},a.config.series[i]),{},{name:t.name?t.name:s&&s.name,color:t.color?t.color:s&&s.color,type:t.type?t.type:s&&s.type,data:t.data?t.data:s&&s.data})}},{key:"toggleDataPointSelection",value:function(t,e){var i=this.w,a=null,s=".apexcharts-series[data\\:realIndex='".concat(t,"']");return i.globals.axisCharts?a=i.globals.dom.Paper.select("".concat(s," path[j='").concat(e,"'], ").concat(s," circle[j='").concat(e,"'], ").concat(s," rect[j='").concat(e,"']")).members[0]:void 0===e&&(a=i.globals.dom.Paper.select("".concat(s," path[j='").concat(t,"']")).members[0],"pie"!==i.config.chart.type&&"polarArea"!==i.config.chart.type&&"donut"!==i.config.chart.type||this.ctx.pie.pieClicked(t)),a?(new m(this.ctx).pathMouseDown(a,null),a.node?a.node:null):(console.warn("toggleDataPointSelection: Element not found"),null)}},{key:"forceXAxisUpdate",value:function(t){var e=this.w;if(["min","max"].forEach((function(i){void 0!==t.xaxis[i]&&(e.config.xaxis[i]=t.xaxis[i],e.globals.lastXAxis[i]=t.xaxis[i])})),t.xaxis.categories&&t.xaxis.categories.length&&(e.config.xaxis.categories=t.xaxis.categories),e.config.xaxis.convertedCatToNumeric){var i=new D(t);t=i.convertCatToNumericXaxis(t,this.ctx)}return t}},{key:"forceYAxisUpdate",value:function(t){var e=this.w;return e.config.chart.stacked&&"100%"===e.config.chart.stackType&&(Array.isArray(t.yaxis)?t.yaxis.forEach((function(e,i){t.yaxis[i].min=0,t.yaxis[i].max=100})):(t.yaxis.min=0,t.yaxis.max=100)),t}},{key:"revertDefaultAxisMinMax",value:function(t){var e=this,i=this.w,a=i.globals.lastXAxis,s=i.globals.lastYAxis;t&&t.xaxis&&(a=t.xaxis),t&&t.yaxis&&(s=t.yaxis),i.config.xaxis.min=a.min,i.config.xaxis.max=a.max;var r=function(t){void 0!==s[t]&&(i.config.yaxis[t].min=s[t].min,i.config.yaxis[t].max=s[t].max)};i.config.yaxis.map((function(t,a){i.globals.zoomed||void 0!==s[a]?r(a):void 0!==e.ctx.opts.yaxis[a]&&(t.min=e.ctx.opts.yaxis[a].min,t.max=e.ctx.opts.yaxis[a].max)}))}}]),t}();It="undefined"!=typeof window?window:void 0,zt=function(t,e){var a=(void 0!==this?this:t).SVG=function(t){if(a.supported)return t=new a.Doc(t),a.parser.draw||a.prepare(),t};if(a.ns="http://www.w3.org/2000/svg",a.xmlns="http://www.w3.org/2000/xmlns/",a.xlink="http://www.w3.org/1999/xlink",a.svgjs="http://svgjs.dev",a.supported=!0,!a.supported)return!1;a.did=1e3,a.eid=function(t){return"Svgjs"+d(t)+a.did++},a.create=function(t){var i=e.createElementNS(this.ns,t);return i.setAttribute("id",this.eid(t)),i},a.extend=function(){var t,e;e=(t=[].slice.call(arguments)).pop();for(var i=t.length-1;i>=0;i--)if(t[i])for(var s in e)t[i].prototype[s]=e[s];a.Set&&a.Set.inherit&&a.Set.inherit()},a.invent=function(t){var e="function"==typeof t.create?t.create:function(){this.constructor.call(this,a.create(t.create))};return t.inherit&&(e.prototype=new t.inherit),t.extend&&a.extend(e,t.extend),t.construct&&a.extend(t.parent||a.Container,t.construct),e},a.adopt=function(e){return e?e.instance?e.instance:((i="svg"==e.nodeName?e.parentNode instanceof t.SVGElement?new a.Nested:new a.Doc:"linearGradient"==e.nodeName?new a.Gradient("linear"):"radialGradient"==e.nodeName?new a.Gradient("radial"):a[d(e.nodeName)]?new(a[d(e.nodeName)]):new a.Element(e)).type=e.nodeName,i.node=e,e.instance=i,i instanceof a.Doc&&i.namespace().defs(),i.setData(JSON.parse(e.getAttribute("svgjs:data"))||{}),i):null;var i},a.prepare=function(){var t=e.getElementsByTagName("body")[0],i=(t?new a.Doc(t):a.adopt(e.documentElement).nested()).size(2,0);a.parser={body:t||e.documentElement,draw:i.style("opacity:0;position:absolute;left:-100%;top:-100%;overflow:hidden").node,poly:i.polyline().node,path:i.path().node,native:a.create("svg")}},a.parser={native:a.create("svg")},e.addEventListener("DOMContentLoaded",(function(){a.parser.draw||a.prepare()}),!1),a.regex={numberAndUnit:/^([+-]?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?)([a-z%]*)$/i,hex:/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,rgb:/rgb\((\d+),(\d+),(\d+)\)/,reference:/#([a-z0-9\-_]+)/i,transforms:/\)\s*,?\s*/,whitespace:/\s/g,isHex:/^#[a-f0-9]{3,6}$/i,isRgb:/^rgb\(/,isCss:/[^:]+:[^;]+;?/,isBlank:/^(\s+)?$/,isNumber:/^[+-]?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i,isPercent:/^-?[\d\.]+%$/,isImage:/\.(jpg|jpeg|png|gif|svg)(\?[^=]+.*)?/i,delimiter:/[\s,]+/,hyphen:/([^e])\-/gi,pathLetters:/[MLHVCSQTAZ]/gi,isPathLetter:/[MLHVCSQTAZ]/i,numbersWithDots:/((\d?\.\d+(?:e[+-]?\d+)?)((?:\.\d+(?:e[+-]?\d+)?)+))+/gi,dots:/\./g},a.utils={map:function(t,e){for(var i=t.length,a=[],s=0;s<i;s++)a.push(e(t[s]));return a},filter:function(t,e){for(var i=t.length,a=[],s=0;s<i;s++)e(t[s])&&a.push(t[s]);return a},filterSVGElements:function(e){return this.filter(e,(function(e){return e instanceof t.SVGElement}))}},a.defaults={attrs:{"fill-opacity":1,"stroke-opacity":1,"stroke-width":0,"stroke-linejoin":"miter","stroke-linecap":"butt",fill:"#000000",stroke:"#000000",opacity:1,x:0,y:0,cx:0,cy:0,width:0,height:0,r:0,rx:0,ry:0,offset:0,"stop-opacity":1,"stop-color":"#000000","font-size":16,"font-family":"Helvetica, Arial, sans-serif","text-anchor":"start"}},a.Color=function(t){var e,s;this.r=0,this.g=0,this.b=0,t&&("string"==typeof t?a.regex.isRgb.test(t)?(e=a.regex.rgb.exec(t.replace(a.regex.whitespace,"")),this.r=parseInt(e[1]),this.g=parseInt(e[2]),this.b=parseInt(e[3])):a.regex.isHex.test(t)&&(e=a.regex.hex.exec(4==(s=t).length?["#",s.substring(1,2),s.substring(1,2),s.substring(2,3),s.substring(2,3),s.substring(3,4),s.substring(3,4)].join(""):s),this.r=parseInt(e[1],16),this.g=parseInt(e[2],16),this.b=parseInt(e[3],16)):"object"===i(t)&&(this.r=t.r,this.g=t.g,this.b=t.b))},a.extend(a.Color,{toString:function(){return this.toHex()},toHex:function(){return"#"+g(this.r)+g(this.g)+g(this.b)},toRgb:function(){return"rgb("+[this.r,this.g,this.b].join()+")"},brightness:function(){return this.r/255*.3+this.g/255*.59+this.b/255*.11},morph:function(t){return this.destination=new a.Color(t),this},at:function(t){return this.destination?(t=t<0?0:t>1?1:t,new a.Color({r:~~(this.r+(this.destination.r-this.r)*t),g:~~(this.g+(this.destination.g-this.g)*t),b:~~(this.b+(this.destination.b-this.b)*t)})):this}}),a.Color.test=function(t){return t+="",a.regex.isHex.test(t)||a.regex.isRgb.test(t)},a.Color.isRgb=function(t){return t&&"number"==typeof t.r&&"number"==typeof t.g&&"number"==typeof t.b},a.Color.isColor=function(t){return a.Color.isRgb(t)||a.Color.test(t)},a.Array=function(t,e){0==(t=(t||[]).valueOf()).length&&e&&(t=e.valueOf()),this.value=this.parse(t)},a.extend(a.Array,{toString:function(){return this.value.join(" ")},valueOf:function(){return this.value},parse:function(t){return t=t.valueOf(),Array.isArray(t)?t:this.split(t)}}),a.PointArray=function(t,e){a.Array.call(this,t,e||[[0,0]])},a.PointArray.prototype=new a.Array,a.PointArray.prototype.constructor=a.PointArray;for(var s={M:function(t,e,i){return e.x=i.x=t[0],e.y=i.y=t[1],["M",e.x,e.y]},L:function(t,e){return e.x=t[0],e.y=t[1],["L",t[0],t[1]]},H:function(t,e){return e.x=t[0],["H",t[0]]},V:function(t,e){return e.y=t[0],["V",t[0]]},C:function(t,e){return e.x=t[4],e.y=t[5],["C",t[0],t[1],t[2],t[3],t[4],t[5]]},Q:function(t,e){return e.x=t[2],e.y=t[3],["Q",t[0],t[1],t[2],t[3]]},Z:function(t,e,i){return e.x=i.x,e.y=i.y,["Z"]}},r="mlhvqtcsaz".split(""),o=0,n=r.length;o<n;++o)s[r[o]]=function(t){return function(e,i,a){if("H"==t)e[0]=e[0]+i.x;else if("V"==t)e[0]=e[0]+i.y;else if("A"==t)e[5]=e[5]+i.x,e[6]=e[6]+i.y;else for(var r=0,o=e.length;r<o;++r)e[r]=e[r]+(r%2?i.y:i.x);if(s&&"function"==typeof s[t])return s[t](e,i,a)}}(r[o].toUpperCase());a.PathArray=function(t,e){a.Array.call(this,t,e||[["M",0,0]])},a.PathArray.prototype=new a.Array,a.PathArray.prototype.constructor=a.PathArray,a.extend(a.PathArray,{toString:function(){return function(t){for(var e=0,i=t.length,a="";e<i;e++)a+=t[e][0],null!=t[e][1]&&(a+=t[e][1],null!=t[e][2]&&(a+=" ",a+=t[e][2],null!=t[e][3]&&(a+=" ",a+=t[e][3],a+=" ",a+=t[e][4],null!=t[e][5]&&(a+=" ",a+=t[e][5],a+=" ",a+=t[e][6],null!=t[e][7]&&(a+=" ",a+=t[e][7])))));return a+" "}(this.value)},move:function(t,e){var i=this.bbox();return i.x,i.y,this},at:function(t){if(!this.destination)return this;for(var e=this.value,i=this.destination.value,s=[],r=new a.PathArray,o=0,n=e.length;o<n;o++){s[o]=[e[o][0]];for(var l=1,h=e[o].length;l<h;l++)s[o][l]=e[o][l]+(i[o][l]-e[o][l])*t;"A"===s[o][0]&&(s[o][4]=+(0!=s[o][4]),s[o][5]=+(0!=s[o][5]))}return r.value=s,r},parse:function(t){if(t instanceof a.PathArray)return t.valueOf();var e,i={M:2,L:2,H:1,V:1,C:6,S:4,Q:4,T:2,A:7,Z:0};t="string"==typeof t?t.replace(a.regex.numbersWithDots,h).replace(a.regex.pathLetters," $& ").replace(a.regex.hyphen,"$1 -").trim().split(a.regex.delimiter):t.reduce((function(t,e){return[].concat.call(t,e)}),[]);var r=[],o=new a.Point,n=new a.Point,l=0,c=t.length;do{a.regex.isPathLetter.test(t[l])?(e=t[l],++l):"M"==e?e="L":"m"==e&&(e="l"),r.push(s[e].call(null,t.slice(l,l+=i[e.toUpperCase()]).map(parseFloat),o,n))}while(c>l);return r},bbox:function(){return a.parser.draw||a.prepare(),a.parser.path.setAttribute("d",this.toString()),a.parser.path.getBBox()}}),a.Number=a.invent({create:function(t,e){this.value=0,this.unit=e||"","number"==typeof t?this.value=isNaN(t)?0:isFinite(t)?t:t<0?-34e37:34e37:"string"==typeof t?(e=t.match(a.regex.numberAndUnit))&&(this.value=parseFloat(e[1]),"%"==e[5]?this.value/=100:"s"==e[5]&&(this.value*=1e3),this.unit=e[5]):t instanceof a.Number&&(this.value=t.valueOf(),this.unit=t.unit)},extend:{toString:function(){return("%"==this.unit?~~(1e8*this.value)/1e6:"s"==this.unit?this.value/1e3:this.value)+this.unit},toJSON:function(){return this.toString()},valueOf:function(){return this.value},plus:function(t){return t=new a.Number(t),new a.Number(this+t,this.unit||t.unit)},minus:function(t){return t=new a.Number(t),new a.Number(this-t,this.unit||t.unit)},times:function(t){return t=new a.Number(t),new a.Number(this*t,this.unit||t.unit)},divide:function(t){return t=new a.Number(t),new a.Number(this/t,this.unit||t.unit)},to:function(t){var e=new a.Number(this);return"string"==typeof t&&(e.unit=t),e},morph:function(t){return this.destination=new a.Number(t),t.relative&&(this.destination.value+=this.value),this},at:function(t){return this.destination?new a.Number(this.destination).minus(this).times(t).plus(this):this}}}),a.Element=a.invent({create:function(t){this._stroke=a.defaults.attrs.stroke,this._event=null,this.dom={},(this.node=t)&&(this.type=t.nodeName,this.node.instance=this,this._stroke=t.getAttribute("stroke")||this._stroke)},extend:{x:function(t){return this.attr("x",t)},y:function(t){return this.attr("y",t)},cx:function(t){return null==t?this.x()+this.width()/2:this.x(t-this.width()/2)},cy:function(t){return null==t?this.y()+this.height()/2:this.y(t-this.height()/2)},move:function(t,e){return this.x(t).y(e)},center:function(t,e){return this.cx(t).cy(e)},width:function(t){return this.attr("width",t)},height:function(t){return this.attr("height",t)},size:function(t,e){var i=u(this,t,e);return this.width(new a.Number(i.width)).height(new a.Number(i.height))},clone:function(t){this.writeDataToDom();var e=x(this.node.cloneNode(!0));return t?t.add(e):this.after(e),e},remove:function(){return this.parent()&&this.parent().removeElement(this),this},replace:function(t){return this.after(t).remove(),t},addTo:function(t){return t.put(this)},putIn:function(t){return t.add(this)},id:function(t){return this.attr("id",t)},show:function(){return this.style("display","")},hide:function(){return this.style("display","none")},visible:function(){return"none"!=this.style("display")},toString:function(){return this.attr("id")},classes:function(){var t=this.attr("class");return null==t?[]:t.trim().split(a.regex.delimiter)},hasClass:function(t){return-1!=this.classes().indexOf(t)},addClass:function(t){if(!this.hasClass(t)){var e=this.classes();e.push(t),this.attr("class",e.join(" "))}return this},removeClass:function(t){return this.hasClass(t)&&this.attr("class",this.classes().filter((function(e){return e!=t})).join(" ")),this},toggleClass:function(t){return this.hasClass(t)?this.removeClass(t):this.addClass(t)},reference:function(t){return a.get(this.attr(t))},parent:function(e){var i=this;if(!i.node.parentNode)return null;if(i=a.adopt(i.node.parentNode),!e)return i;for(;i&&i.node instanceof t.SVGElement;){if("string"==typeof e?i.matches(e):i instanceof e)return i;if(!i.node.parentNode||"#document"==i.node.parentNode.nodeName)return null;i=a.adopt(i.node.parentNode)}},doc:function(){return this instanceof a.Doc?this:this.parent(a.Doc)},parents:function(t){var e=[],i=this;do{if(!(i=i.parent(t))||!i.node)break;e.push(i)}while(i.parent);return e},matches:function(t){return function(t,e){return(t.matches||t.matchesSelector||t.msMatchesSelector||t.mozMatchesSelector||t.webkitMatchesSelector||t.oMatchesSelector).call(t,e)}(this.node,t)},native:function(){return this.node},svg:function(t){var i=e.createElement("svg");if(!(t&&this instanceof a.Parent))return i.appendChild(t=e.createElement("svg")),this.writeDataToDom(),t.appendChild(this.node.cloneNode(!0)),i.innerHTML.replace(/^<svg>/,"").replace(/<\/svg>$/,"");i.innerHTML="<svg>"+t.replace(/\n/,"").replace(/<([\w:-]+)([^<]+?)\/>/g,"<$1$2></$1>")+"</svg>";for(var s=0,r=i.firstChild.childNodes.length;s<r;s++)this.node.appendChild(i.firstChild.firstChild);return this},writeDataToDom:function(){return(this.each||this.lines)&&(this.each?this:this.lines()).each((function(){this.writeDataToDom()})),this.node.removeAttribute("svgjs:data"),Object.keys(this.dom).length&&this.node.setAttribute("svgjs:data",JSON.stringify(this.dom)),this},setData:function(t){return this.dom=t,this},is:function(t){return function(t,e){return t instanceof e}(this,t)}}}),a.easing={"-":function(t){return t},"<>":function(t){return-Math.cos(t*Math.PI)/2+.5},">":function(t){return Math.sin(t*Math.PI/2)},"<":function(t){return 1-Math.cos(t*Math.PI/2)}},a.morph=function(t){return function(e,i){return new a.MorphObj(e,i).at(t)}},a.Situation=a.invent({create:function(t){this.init=!1,this.reversed=!1,this.reversing=!1,this.duration=new a.Number(t.duration).valueOf(),this.delay=new a.Number(t.delay).valueOf(),this.start=+new Date+this.delay,this.finish=this.start+this.duration,this.ease=t.ease,this.loop=0,this.loops=!1,this.animations={},this.attrs={},this.styles={},this.transforms=[],this.once={}}}),a.FX=a.invent({create:function(t){this._target=t,this.situations=[],this.active=!1,this.situation=null,this.paused=!1,this.lastPos=0,this.pos=0,this.absPos=0,this._speed=1},extend:{animate:function(t,e,s){"object"===i(t)&&(e=t.ease,s=t.delay,t=t.duration);var r=new a.Situation({duration:t||1e3,delay:s||0,ease:a.easing[e||"-"]||e});return this.queue(r),this},target:function(t){return t&&t instanceof a.Element?(this._target=t,this):this._target},timeToAbsPos:function(t){return(t-this.situation.start)/(this.situation.duration/this._speed)},absPosToTime:function(t){return this.situation.duration/this._speed*t+this.situation.start},startAnimFrame:function(){this.stopAnimFrame(),this.animationFrame=t.requestAnimationFrame(function(){this.step()}.bind(this))},stopAnimFrame:function(){t.cancelAnimationFrame(this.animationFrame)},start:function(){return!this.active&&this.situation&&(this.active=!0,this.startCurrent()),this},startCurrent:function(){return this.situation.start=+new Date+this.situation.delay/this._speed,this.situation.finish=this.situation.start+this.situation.duration/this._speed,this.initAnimations().step()},queue:function(t){return("function"==typeof t||t instanceof a.Situation)&&this.situations.push(t),this.situation||(this.situation=this.situations.shift()),this},dequeue:function(){return this.stop(),this.situation=this.situations.shift(),this.situation&&(this.situation instanceof a.Situation?this.start():this.situation.call(this)),this},initAnimations:function(){var t,e=this.situation;if(e.init)return this;for(var i in e.animations){t=this.target()[i](),Array.isArray(t)||(t=[t]),Array.isArray(e.animations[i])||(e.animations[i]=[e.animations[i]]);for(var s=t.length;s--;)e.animations[i][s]instanceof a.Number&&(t[s]=new a.Number(t[s])),e.animations[i][s]=t[s].morph(e.animations[i][s])}for(var i in e.attrs)e.attrs[i]=new a.MorphObj(this.target().attr(i),e.attrs[i]);for(var i in e.styles)e.styles[i]=new a.MorphObj(this.target().style(i),e.styles[i]);return e.initialTransformation=this.target().matrixify(),e.init=!0,this},clearQueue:function(){return this.situations=[],this},clearCurrent:function(){return this.situation=null,this},stop:function(t,e){var i=this.active;return this.active=!1,e&&this.clearQueue(),t&&this.situation&&(!i&&this.startCurrent(),this.atEnd()),this.stopAnimFrame(),this.clearCurrent()},after:function(t){var e=this.last();return this.target().on("finished.fx",(function i(a){a.detail.situation==e&&(t.call(this,e),this.off("finished.fx",i))})),this._callStart()},during:function(t){var e=this.last(),i=function(i){i.detail.situation==e&&t.call(this,i.detail.pos,a.morph(i.detail.pos),i.detail.eased,e)};return this.target().off("during.fx",i).on("during.fx",i),this.after((function(){this.off("during.fx",i)})),this._callStart()},afterAll:function(t){var e=function e(i){t.call(this),this.off("allfinished.fx",e)};return this.target().off("allfinished.fx",e).on("allfinished.fx",e),this._callStart()},last:function(){return this.situations.length?this.situations[this.situations.length-1]:this.situation},add:function(t,e,i){return this.last()[i||"animations"][t]=e,this._callStart()},step:function(t){var e,i,a;t||(this.absPos=this.timeToAbsPos(+new Date)),!1!==this.situation.loops?(e=Math.max(this.absPos,0),i=Math.floor(e),!0===this.situation.loops||i<this.situation.loops?(this.pos=e-i,a=this.situation.loop,this.situation.loop=i):(this.absPos=this.situation.loops,this.pos=1,a=this.situation.loop-1,this.situation.loop=this.situation.loops),this.situation.reversing&&(this.situation.reversed=this.situation.reversed!=Boolean((this.situation.loop-a)%2))):(this.absPos=Math.min(this.absPos,1),this.pos=this.absPos),this.pos<0&&(this.pos=0),this.situation.reversed&&(this.pos=1-this.pos);var s=this.situation.ease(this.pos);for(var r in this.situation.once)r>this.lastPos&&r<=s&&(this.situation.once[r].call(this.target(),this.pos,s),delete this.situation.once[r]);return this.active&&this.target().fire("during",{pos:this.pos,eased:s,fx:this,situation:this.situation}),this.situation?(this.eachAt(),1==this.pos&&!this.situation.reversed||this.situation.reversed&&0==this.pos?(this.stopAnimFrame(),this.target().fire("finished",{fx:this,situation:this.situation}),this.situations.length||(this.target().fire("allfinished"),this.situations.length||(this.target().off(".fx"),this.active=!1)),this.active?this.dequeue():this.clearCurrent()):!this.paused&&this.active&&this.startAnimFrame(),this.lastPos=s,this):this},eachAt:function(){var t,e=this,i=this.target(),s=this.situation;for(var r in s.animations)t=[].concat(s.animations[r]).map((function(t){return"string"!=typeof t&&t.at?t.at(s.ease(e.pos),e.pos):t})),i[r].apply(i,t);for(var r in s.attrs)t=[r].concat(s.attrs[r]).map((function(t){return"string"!=typeof t&&t.at?t.at(s.ease(e.pos),e.pos):t})),i.attr.apply(i,t);for(var r in s.styles)t=[r].concat(s.styles[r]).map((function(t){return"string"!=typeof t&&t.at?t.at(s.ease(e.pos),e.pos):t})),i.style.apply(i,t);if(s.transforms.length){t=s.initialTransformation,r=0;for(var o=s.transforms.length;r<o;r++){var n=s.transforms[r];n instanceof a.Matrix?t=n.relative?t.multiply((new a.Matrix).morph(n).at(s.ease(this.pos))):t.morph(n).at(s.ease(this.pos)):(n.relative||n.undo(t.extract()),t=t.multiply(n.at(s.ease(this.pos))))}i.matrix(t)}return this},once:function(t,e,i){var a=this.last();return i||(t=a.ease(t)),a.once[t]=e,this},_callStart:function(){return setTimeout(function(){this.start()}.bind(this),0),this}},parent:a.Element,construct:{animate:function(t,e,i){return(this.fx||(this.fx=new a.FX(this))).animate(t,e,i)},delay:function(t){return(this.fx||(this.fx=new a.FX(this))).delay(t)},stop:function(t,e){return this.fx&&this.fx.stop(t,e),this},finish:function(){return this.fx&&this.fx.finish(),this}}}),a.MorphObj=a.invent({create:function(t,e){return a.Color.isColor(e)?new a.Color(t).morph(e):a.regex.delimiter.test(t)?a.regex.pathLetters.test(t)?new a.PathArray(t).morph(e):new a.Array(t).morph(e):a.regex.numberAndUnit.test(e)?new a.Number(t).morph(e):(this.value=t,void(this.destination=e))},extend:{at:function(t,e){return e<1?this.value:this.destination},valueOf:function(){return this.value}}}),a.extend(a.FX,{attr:function(t,e,a){if("object"===i(t))for(var s in t)this.attr(s,t[s]);else this.add(t,e,"attrs");return this},plot:function(t,e,i,a){return 4==arguments.length?this.plot([t,e,i,a]):this.add("plot",new(this.target().morphArray)(t))}}),a.Box=a.invent({create:function(t,e,s,r){if(!("object"!==i(t)||t instanceof a.Element))return a.Box.call(this,null!=t.left?t.left:t.x,null!=t.top?t.top:t.y,t.width,t.height);4==arguments.length&&(this.x=t,this.y=e,this.width=s,this.height=r),b(this)}}),a.BBox=a.invent({create:function(t){if(a.Box.apply(this,[].slice.call(arguments)),t instanceof a.Element){var i;try{if(!e.documentElement.contains){for(var s=t.node;s.parentNode;)s=s.parentNode;if(s!=e)throw new Error("Element not in the dom")}i=t.node.getBBox()}catch(e){if(t instanceof a.Shape){a.parser.draw||a.prepare();var r=t.clone(a.parser.draw.instance).show();r&&r.node&&"function"==typeof r.node.getBBox&&(i=r.node.getBBox()),r&&"function"==typeof r.remove&&r.remove()}else i={x:t.node.clientLeft,y:t.node.clientTop,width:t.node.clientWidth,height:t.node.clientHeight}}a.Box.call(this,i)}},inherit:a.Box,parent:a.Element,construct:{bbox:function(){return new a.BBox(this)}}}),a.BBox.prototype.constructor=a.BBox,a.Matrix=a.invent({create:function(t){var e=p([1,0,0,1,0,0]);t=null===t?e:t instanceof a.Element?t.matrixify():"string"==typeof t?p(t.split(a.regex.delimiter).map(parseFloat)):6==arguments.length?p([].slice.call(arguments)):Array.isArray(t)?p(t):t&&"object"===i(t)?t:e;for(var s=m.length-1;s>=0;--s)this[m[s]]=null!=t[m[s]]?t[m[s]]:e[m[s]]},extend:{extract:function(){var t=f(this,0,1);f(this,1,0);var e=180/Math.PI*Math.atan2(t.y,t.x)-90;return{x:this.e,y:this.f,transformedX:(this.e*Math.cos(e*Math.PI/180)+this.f*Math.sin(e*Math.PI/180))/Math.sqrt(this.a*this.a+this.b*this.b),transformedY:(this.f*Math.cos(e*Math.PI/180)+this.e*Math.sin(-e*Math.PI/180))/Math.sqrt(this.c*this.c+this.d*this.d),rotation:e,a:this.a,b:this.b,c:this.c,d:this.d,e:this.e,f:this.f,matrix:new a.Matrix(this)}},clone:function(){return new a.Matrix(this)},morph:function(t){return this.destination=new a.Matrix(t),this},multiply:function(t){return new a.Matrix(this.native().multiply(function(t){return t instanceof a.Matrix||(t=new a.Matrix(t)),t}(t).native()))},inverse:function(){return new a.Matrix(this.native().inverse())},translate:function(t,e){return new a.Matrix(this.native().translate(t||0,e||0))},native:function(){for(var t=a.parser.native.createSVGMatrix(),e=m.length-1;e>=0;e--)t[m[e]]=this[m[e]];return t},toString:function(){return"matrix("+v(this.a)+","+v(this.b)+","+v(this.c)+","+v(this.d)+","+v(this.e)+","+v(this.f)+")"}},parent:a.Element,construct:{ctm:function(){return new a.Matrix(this.node.getCTM())},screenCTM:function(){if(this instanceof a.Nested){var t=this.rect(1,1),e=t.node.getScreenCTM();return t.remove(),new a.Matrix(e)}return new a.Matrix(this.node.getScreenCTM())}}}),a.Point=a.invent({create:function(t,e){var a;a=Array.isArray(t)?{x:t[0],y:t[1]}:"object"===i(t)?{x:t.x,y:t.y}:null!=t?{x:t,y:null!=e?e:t}:{x:0,y:0},this.x=a.x,this.y=a.y},extend:{clone:function(){return new a.Point(this)},morph:function(t,e){return this.destination=new a.Point(t,e),this}}}),a.extend(a.Element,{point:function(t,e){return new a.Point(t,e).transform(this.screenCTM().inverse())}}),a.extend(a.Element,{attr:function(t,e,s){if(null==t){for(t={},s=(e=this.node.attributes).length-1;s>=0;s--)t[e[s].nodeName]=a.regex.isNumber.test(e[s].nodeValue)?parseFloat(e[s].nodeValue):e[s].nodeValue;return t}if("object"===i(t))for(var r in t)this.attr(r,t[r]);else if(null===e)this.node.removeAttribute(t);else{if(null==e)return null==(e=this.node.getAttribute(t))?a.defaults.attrs[t]:a.regex.isNumber.test(e)?parseFloat(e):e;"stroke-width"==t?this.attr("stroke",parseFloat(e)>0?this._stroke:null):"stroke"==t&&(this._stroke=e),"fill"!=t&&"stroke"!=t||(a.regex.isImage.test(e)&&(e=this.doc().defs().image(e,0,0)),e instanceof a.Image&&(e=this.doc().defs().pattern(0,0,(function(){this.add(e)})))),"number"==typeof e?e=new a.Number(e):a.Color.isColor(e)?e=new a.Color(e):Array.isArray(e)&&(e=new a.Array(e)),"leading"==t?this.leading&&this.leading(e):"string"==typeof s?this.node.setAttributeNS(s,t,e.toString()):this.node.setAttribute(t,e.toString()),!this.rebuild||"font-size"!=t&&"x"!=t||this.rebuild(t,e)}return this}}),a.extend(a.Element,{transform:function(t,e){var s;return"object"!==i(t)?(s=new a.Matrix(this).extract(),"string"==typeof t?s[t]:s):(s=new a.Matrix(this),e=!!e||!!t.relative,null!=t.a&&(s=e?s.multiply(new a.Matrix(t)):new a.Matrix(t)),this.attr("transform",s))}}),a.extend(a.Element,{untransform:function(){return this.attr("transform",null)},matrixify:function(){return(this.attr("transform")||"").split(a.regex.transforms).slice(0,-1).map((function(t){var e=t.trim().split("(");return[e[0],e[1].split(a.regex.delimiter).map((function(t){return parseFloat(t)}))]})).reduce((function(t,e){return"matrix"==e[0]?t.multiply(p(e[1])):t[e[0]].apply(t,e[1])}),new a.Matrix)},toParent:function(t){if(this==t)return this;var e=this.screenCTM(),i=t.screenCTM().inverse();return this.addTo(t).untransform().transform(i.multiply(e)),this},toDoc:function(){return this.toParent(this.doc())}}),a.Transformation=a.invent({create:function(t,e){if(arguments.length>1&&"boolean"!=typeof e)return this.constructor.call(this,[].slice.call(arguments));if(Array.isArray(t))for(var a=0,s=this.arguments.length;a<s;++a)this[this.arguments[a]]=t[a];else if(t&&"object"===i(t))for(a=0,s=this.arguments.length;a<s;++a)this[this.arguments[a]]=t[this.arguments[a]];this.inversed=!1,!0===e&&(this.inversed=!0)}}),a.Translate=a.invent({parent:a.Matrix,inherit:a.Transformation,create:function(t,e){this.constructor.apply(this,[].slice.call(arguments))},extend:{arguments:["transformedX","transformedY"],method:"translate"}}),a.extend(a.Element,{style:function(t,e){if(0==arguments.length)return this.node.style.cssText||"";if(arguments.length<2)if("object"===i(t))for(var s in t)this.style(s,t[s]);else{if(!a.regex.isCss.test(t))return this.node.style[c(t)];for(t=t.split(/\s*;\s*/).filter((function(t){return!!t})).map((function(t){return t.split(/\s*:\s*/)}));e=t.pop();)this.style(e[0],e[1])}else this.node.style[c(t)]=null===e||a.regex.isBlank.test(e)?"":e;return this}}),a.Parent=a.invent({create:function(t){this.constructor.call(this,t)},inherit:a.Element,extend:{children:function(){return a.utils.map(a.utils.filterSVGElements(this.node.childNodes),(function(t){return a.adopt(t)}))},add:function(t,e){return null==e?this.node.appendChild(t.node):t.node!=this.node.childNodes[e]&&this.node.insertBefore(t.node,this.node.childNodes[e]),this},put:function(t,e){return this.add(t,e),t},has:function(t){return this.index(t)>=0},index:function(t){return[].slice.call(this.node.childNodes).indexOf(t.node)},get:function(t){return a.adopt(this.node.childNodes[t])},first:function(){return this.get(0)},last:function(){return this.get(this.node.childNodes.length-1)},each:function(t,e){for(var i=this.children(),s=0,r=i.length;s<r;s++)i[s]instanceof a.Element&&t.apply(i[s],[s,i]),e&&i[s]instanceof a.Container&&i[s].each(t,e);return this},removeElement:function(t){return this.node.removeChild(t.node),this},clear:function(){for(;this.node.hasChildNodes();)this.node.removeChild(this.node.lastChild);return delete this._defs,this},defs:function(){return this.doc().defs()}}}),a.extend(a.Parent,{ungroup:function(t,e){return 0===e||this instanceof a.Defs||this.node==a.parser.draw||(t=t||(this instanceof a.Doc?this:this.parent(a.Parent)),e=e||1/0,this.each((function(){return this instanceof a.Defs?this:this instanceof a.Parent?this.ungroup(t,e-1):this.toParent(t)})),this.node.firstChild||this.remove()),this},flatten:function(t,e){return this.ungroup(t,e)}}),a.Container=a.invent({create:function(t){this.constructor.call(this,t)},inherit:a.Parent}),a.ViewBox=a.invent({parent:a.Container,construct:{}}),["click","dblclick","mousedown","mouseup","mouseover","mouseout","mousemove","touchstart","touchmove","touchleave","touchend","touchcancel"].forEach((function(t){a.Element.prototype[t]=function(e){return a.on(this.node,t,e),this}})),a.listeners=[],a.handlerMap=[],a.listenerId=0,a.on=function(t,e,i,s,r){var o=i.bind(s||t.instance||t),n=(a.handlerMap.indexOf(t)+1||a.handlerMap.push(t))-1,l=e.split(".")[0],h=e.split(".")[1]||"*";a.listeners[n]=a.listeners[n]||{},a.listeners[n][l]=a.listeners[n][l]||{},a.listeners[n][l][h]=a.listeners[n][l][h]||{},i._svgjsListenerId||(i._svgjsListenerId=++a.listenerId),a.listeners[n][l][h][i._svgjsListenerId]=o,t.addEventListener(l,o,r||{passive:!0})},a.off=function(t,e,i){var s=a.handlerMap.indexOf(t),r=e&&e.split(".")[0],o=e&&e.split(".")[1],n="";if(-1!=s)if(i){if("function"==typeof i&&(i=i._svgjsListenerId),!i)return;a.listeners[s][r]&&a.listeners[s][r][o||"*"]&&(t.removeEventListener(r,a.listeners[s][r][o||"*"][i],!1),delete a.listeners[s][r][o||"*"][i])}else if(o&&r){if(a.listeners[s][r]&&a.listeners[s][r][o]){for(var l in a.listeners[s][r][o])a.off(t,[r,o].join("."),l);delete a.listeners[s][r][o]}}else if(o)for(var h in a.listeners[s])for(var n in a.listeners[s][h])o===n&&a.off(t,[h,o].join("."));else if(r){if(a.listeners[s][r]){for(var n in a.listeners[s][r])a.off(t,[r,n].join("."));delete a.listeners[s][r]}}else{for(var h in a.listeners[s])a.off(t,h);delete a.listeners[s],delete a.handlerMap[s]}},a.extend(a.Element,{on:function(t,e,i,s){return a.on(this.node,t,e,i,s),this},off:function(t,e){return a.off(this.node,t,e),this},fire:function(e,i){return e instanceof t.Event?this.node.dispatchEvent(e):this.node.dispatchEvent(e=new a.CustomEvent(e,{detail:i,cancelable:!0})),this._event=e,this},event:function(){return this._event}}),a.Defs=a.invent({create:"defs",inherit:a.Container}),a.G=a.invent({create:"g",inherit:a.Container,extend:{x:function(t){return null==t?this.transform("x"):this.transform({x:t-this.x()},!0)}},construct:{group:function(){return this.put(new a.G)}}}),a.Doc=a.invent({create:function(t){t&&("svg"==(t="string"==typeof t?e.getElementById(t):t).nodeName?this.constructor.call(this,t):(this.constructor.call(this,a.create("svg")),t.appendChild(this.node),this.size("100%","100%")),this.namespace().defs())},inherit:a.Container,extend:{namespace:function(){return this.attr({xmlns:a.ns,version:"1.1"}).attr("xmlns:xlink",a.xlink,a.xmlns).attr("xmlns:svgjs",a.svgjs,a.xmlns)},defs:function(){var t;return this._defs||((t=this.node.getElementsByTagName("defs")[0])?this._defs=a.adopt(t):this._defs=new a.Defs,this.node.appendChild(this._defs.node)),this._defs},parent:function(){return this.node.parentNode&&"#document"!=this.node.parentNode.nodeName?this.node.parentNode:null},remove:function(){return this.parent()&&this.parent().removeChild(this.node),this},clear:function(){for(;this.node.hasChildNodes();)this.node.removeChild(this.node.lastChild);return delete this._defs,a.parser.draw&&!a.parser.draw.parentNode&&this.node.appendChild(a.parser.draw),this},clone:function(t){this.writeDataToDom();var e=this.node,i=x(e.cloneNode(!0));return t?(t.node||t).appendChild(i.node):e.parentNode.insertBefore(i.node,e.nextSibling),i}}}),a.extend(a.Element,{}),a.Gradient=a.invent({create:function(t){this.constructor.call(this,a.create(t+"Gradient")),this.type=t},inherit:a.Container,extend:{at:function(t,e,i){return this.put(new a.Stop).update(t,e,i)},update:function(t){return this.clear(),"function"==typeof t&&t.call(this,this),this},fill:function(){return"url(#"+this.id()+")"},toString:function(){return this.fill()},attr:function(t,e,i){return"transform"==t&&(t="gradientTransform"),a.Container.prototype.attr.call(this,t,e,i)}},construct:{gradient:function(t,e){return this.defs().gradient(t,e)}}}),a.extend(a.Gradient,a.FX,{from:function(t,e){return"radial"==(this._target||this).type?this.attr({fx:new a.Number(t),fy:new a.Number(e)}):this.attr({x1:new a.Number(t),y1:new a.Number(e)})},to:function(t,e){return"radial"==(this._target||this).type?this.attr({cx:new a.Number(t),cy:new a.Number(e)}):this.attr({x2:new a.Number(t),y2:new a.Number(e)})}}),a.extend(a.Defs,{gradient:function(t,e){return this.put(new a.Gradient(t)).update(e)}}),a.Stop=a.invent({create:"stop",inherit:a.Element,extend:{update:function(t){return("number"==typeof t||t instanceof a.Number)&&(t={offset:arguments[0],color:arguments[1],opacity:arguments[2]}),null!=t.opacity&&this.attr("stop-opacity",t.opacity),null!=t.color&&this.attr("stop-color",t.color),null!=t.offset&&this.attr("offset",new a.Number(t.offset)),this}}}),a.Pattern=a.invent({create:"pattern",inherit:a.Container,extend:{fill:function(){return"url(#"+this.id()+")"},update:function(t){return this.clear(),"function"==typeof t&&t.call(this,this),this},toString:function(){return this.fill()},attr:function(t,e,i){return"transform"==t&&(t="patternTransform"),a.Container.prototype.attr.call(this,t,e,i)}},construct:{pattern:function(t,e,i){return this.defs().pattern(t,e,i)}}}),a.extend(a.Defs,{pattern:function(t,e,i){return this.put(new a.Pattern).update(i).attr({x:0,y:0,width:t,height:e,patternUnits:"userSpaceOnUse"})}}),a.Shape=a.invent({create:function(t){this.constructor.call(this,t)},inherit:a.Element}),a.Symbol=a.invent({create:"symbol",inherit:a.Container,construct:{symbol:function(){return this.put(new a.Symbol)}}}),a.Use=a.invent({create:"use",inherit:a.Shape,extend:{element:function(t,e){return this.attr("href",(e||"")+"#"+t,a.xlink)}},construct:{use:function(t,e){return this.put(new a.Use).element(t,e)}}}),a.Rect=a.invent({create:"rect",inherit:a.Shape,construct:{rect:function(t,e){return this.put(new a.Rect).size(t,e)}}}),a.Circle=a.invent({create:"circle",inherit:a.Shape,construct:{circle:function(t){return this.put(new a.Circle).rx(new a.Number(t).divide(2)).move(0,0)}}}),a.extend(a.Circle,a.FX,{rx:function(t){return this.attr("r",t)},ry:function(t){return this.rx(t)}}),a.Ellipse=a.invent({create:"ellipse",inherit:a.Shape,construct:{ellipse:function(t,e){return this.put(new a.Ellipse).size(t,e).move(0,0)}}}),a.extend(a.Ellipse,a.Rect,a.FX,{rx:function(t){return this.attr("rx",t)},ry:function(t){return this.attr("ry",t)}}),a.extend(a.Circle,a.Ellipse,{x:function(t){return null==t?this.cx()-this.rx():this.cx(t+this.rx())},y:function(t){return null==t?this.cy()-this.ry():this.cy(t+this.ry())},cx:function(t){return null==t?this.attr("cx"):this.attr("cx",t)},cy:function(t){return null==t?this.attr("cy"):this.attr("cy",t)},width:function(t){return null==t?2*this.rx():this.rx(new a.Number(t).divide(2))},height:function(t){return null==t?2*this.ry():this.ry(new a.Number(t).divide(2))},size:function(t,e){var i=u(this,t,e);return this.rx(new a.Number(i.width).divide(2)).ry(new a.Number(i.height).divide(2))}}),a.Line=a.invent({create:"line",inherit:a.Shape,extend:{array:function(){return new a.PointArray([[this.attr("x1"),this.attr("y1")],[this.attr("x2"),this.attr("y2")]])},plot:function(t,e,i,s){return null==t?this.array():(t=void 0!==e?{x1:t,y1:e,x2:i,y2:s}:new a.PointArray(t).toLine(),this.attr(t))},move:function(t,e){return this.attr(this.array().move(t,e).toLine())},size:function(t,e){var i=u(this,t,e);return this.attr(this.array().size(i.width,i.height).toLine())}},construct:{line:function(t,e,i,s){return a.Line.prototype.plot.apply(this.put(new a.Line),null!=t?[t,e,i,s]:[0,0,0,0])}}}),a.Polyline=a.invent({create:"polyline",inherit:a.Shape,construct:{polyline:function(t){return this.put(new a.Polyline).plot(t||new a.PointArray)}}}),a.Polygon=a.invent({create:"polygon",inherit:a.Shape,construct:{polygon:function(t){return this.put(new a.Polygon).plot(t||new a.PointArray)}}}),a.extend(a.Polyline,a.Polygon,{array:function(){return this._array||(this._array=new a.PointArray(this.attr("points")))},plot:function(t){return null==t?this.array():this.clear().attr("points","string"==typeof t?t:this._array=new a.PointArray(t))},clear:function(){return delete this._array,this},move:function(t,e){return this.attr("points",this.array().move(t,e))},size:function(t,e){var i=u(this,t,e);return this.attr("points",this.array().size(i.width,i.height))}}),a.extend(a.Line,a.Polyline,a.Polygon,{morphArray:a.PointArray,x:function(t){return null==t?this.bbox().x:this.move(t,this.bbox().y)},y:function(t){return null==t?this.bbox().y:this.move(this.bbox().x,t)},width:function(t){var e=this.bbox();return null==t?e.width:this.size(t,e.height)},height:function(t){var e=this.bbox();return null==t?e.height:this.size(e.width,t)}}),a.Path=a.invent({create:"path",inherit:a.Shape,extend:{morphArray:a.PathArray,array:function(){return this._array||(this._array=new a.PathArray(this.attr("d")))},plot:function(t){return null==t?this.array():this.clear().attr("d","string"==typeof t?t:this._array=new a.PathArray(t))},clear:function(){return delete this._array,this}},construct:{path:function(t){return this.put(new a.Path).plot(t||new a.PathArray)}}}),a.Image=a.invent({create:"image",inherit:a.Shape,extend:{load:function(e){if(!e)return this;var i=this,s=new t.Image;return a.on(s,"load",(function(){a.off(s);var t=i.parent(a.Pattern);null!==t&&(0==i.width()&&0==i.height()&&i.size(s.width,s.height),t&&0==t.width()&&0==t.height()&&t.size(i.width(),i.height()),"function"==typeof i._loaded&&i._loaded.call(i,{width:s.width,height:s.height,ratio:s.width/s.height,url:e}))})),a.on(s,"error",(function(t){a.off(s),"function"==typeof i._error&&i._error.call(i,t)})),this.attr("href",s.src=this.src=e,a.xlink)},loaded:function(t){return this._loaded=t,this},error:function(t){return this._error=t,this}},construct:{image:function(t,e,i){return this.put(new a.Image).load(t).size(e||0,i||e||0)}}}),a.Text=a.invent({create:function(){this.constructor.call(this,a.create("text")),this.dom.leading=new a.Number(1.3),this._rebuild=!0,this._build=!1,this.attr("font-family",a.defaults.attrs["font-family"])},inherit:a.Shape,extend:{x:function(t){return null==t?this.attr("x"):this.attr("x",t)},text:function(t){if(void 0===t){t="";for(var e=this.node.childNodes,i=0,s=e.length;i<s;++i)0!=i&&3!=e[i].nodeType&&1==a.adopt(e[i]).dom.newLined&&(t+="\n"),t+=e[i].textContent;return t}if(this.clear().build(!0),"function"==typeof t)t.call(this,this);else{i=0;for(var r=(t=t.split("\n")).length;i<r;i++)this.tspan(t[i]).newLine()}return this.build(!1).rebuild()},size:function(t){return this.attr("font-size",t).rebuild()},leading:function(t){return null==t?this.dom.leading:(this.dom.leading=new a.Number(t),this.rebuild())},lines:function(){var t=(this.textPath&&this.textPath()||this).node,e=a.utils.map(a.utils.filterSVGElements(t.childNodes),(function(t){return a.adopt(t)}));return new a.Set(e)},rebuild:function(t){if("boolean"==typeof t&&(this._rebuild=t),this._rebuild){var e=this,i=0,s=this.dom.leading*new a.Number(this.attr("font-size"));this.lines().each((function(){this.dom.newLined&&(e.textPath()||this.attr("x",e.attr("x")),"\n"==this.text()?i+=s:(this.attr("dy",s+i),i=0))})),this.fire("rebuild")}return this},build:function(t){return this._build=!!t,this},setData:function(t){return this.dom=t,this.dom.leading=new a.Number(t.leading||1.3),this}},construct:{text:function(t){return this.put(new a.Text).text(t)},plain:function(t){return this.put(new a.Text).plain(t)}}}),a.Tspan=a.invent({create:"tspan",inherit:a.Shape,extend:{text:function(t){return null==t?this.node.textContent+(this.dom.newLined?"\n":""):("function"==typeof t?t.call(this,this):this.plain(t),this)},dx:function(t){return this.attr("dx",t)},dy:function(t){return this.attr("dy",t)},newLine:function(){var t=this.parent(a.Text);return this.dom.newLined=!0,this.dy(t.dom.leading*t.attr("font-size")).attr("x",t.x())}}}),a.extend(a.Text,a.Tspan,{plain:function(t){return!1===this._build&&this.clear(),this.node.appendChild(e.createTextNode(t)),this},tspan:function(t){var e=(this.textPath&&this.textPath()||this).node,i=new a.Tspan;return!1===this._build&&this.clear(),e.appendChild(i.node),i.text(t)},clear:function(){for(var t=(this.textPath&&this.textPath()||this).node;t.hasChildNodes();)t.removeChild(t.lastChild);return this},length:function(){return this.node.getComputedTextLength()}}),a.TextPath=a.invent({create:"textPath",inherit:a.Parent,parent:a.Text,construct:{morphArray:a.PathArray,array:function(){var t=this.track();return t?t.array():null},plot:function(t){var e=this.track(),i=null;return e&&(i=e.plot(t)),null==t?i:this},track:function(){var t=this.textPath();if(t)return t.reference("href")},textPath:function(){if(this.node.firstChild&&"textPath"==this.node.firstChild.nodeName)return a.adopt(this.node.firstChild)}}}),a.Nested=a.invent({create:function(){this.constructor.call(this,a.create("svg")),this.style("overflow","visible")},inherit:a.Container,construct:{nested:function(){return this.put(new a.Nested)}}});var l={stroke:["color","width","opacity","linecap","linejoin","miterlimit","dasharray","dashoffset"],fill:["color","opacity","rule"],prefix:function(t,e){return"color"==e?t:t+"-"+e}};function h(t,e,i,s){return i+s.replace(a.regex.dots," .")}function c(t){return t.toLowerCase().replace(/-(.)/g,(function(t,e){return e.toUpperCase()}))}function d(t){return t.charAt(0).toUpperCase()+t.slice(1)}function g(t){var e=t.toString(16);return 1==e.length?"0"+e:e}function u(t,e,i){if(null==e||null==i){var a=t.bbox();null==e?e=a.width/a.height*i:null==i&&(i=a.height/a.width*e)}return{width:e,height:i}}function f(t,e,i){return{x:e*t.a+i*t.c+0,y:e*t.b+i*t.d+0}}function p(t){return{a:t[0],b:t[1],c:t[2],d:t[3],e:t[4],f:t[5]}}function x(e){for(var i=e.childNodes.length-1;i>=0;i--)e.childNodes[i]instanceof t.SVGElement&&x(e.childNodes[i]);return a.adopt(e).id(a.eid(e.nodeName))}function b(t){return null==t.x&&(t.x=0,t.y=0,t.width=0,t.height=0),t.w=t.width,t.h=t.height,t.x2=t.x+t.width,t.y2=t.y+t.height,t.cx=t.x+t.width/2,t.cy=t.y+t.height/2,t}function v(t){return Math.abs(t)>1e-37?t:0}["fill","stroke"].forEach((function(t){var e={};e[t]=function(e){if(void 0===e)return this;if("string"==typeof e||a.Color.isRgb(e)||e&&"function"==typeof e.fill)this.attr(t,e);else for(var i=l[t].length-1;i>=0;i--)null!=e[l[t][i]]&&this.attr(l.prefix(t,l[t][i]),e[l[t][i]]);return this},a.extend(a.Element,a.FX,e)})),a.extend(a.Element,a.FX,{translate:function(t,e){return this.transform({x:t,y:e})},matrix:function(t){return this.attr("transform",new a.Matrix(6==arguments.length?[].slice.call(arguments):t))},opacity:function(t){return this.attr("opacity",t)},dx:function(t){return this.x(new a.Number(t).plus(this instanceof a.FX?0:this.x()),!0)},dy:function(t){return this.y(new a.Number(t).plus(this instanceof a.FX?0:this.y()),!0)}}),a.extend(a.Path,{length:function(){return this.node.getTotalLength()},pointAt:function(t){return this.node.getPointAtLength(t)}}),a.Set=a.invent({create:function(t){Array.isArray(t)?this.members=t:this.clear()},extend:{add:function(){for(var t=[].slice.call(arguments),e=0,i=t.length;e<i;e++)this.members.push(t[e]);return this},remove:function(t){var e=this.index(t);return e>-1&&this.members.splice(e,1),this},each:function(t){for(var e=0,i=this.members.length;e<i;e++)t.apply(this.members[e],[e,this.members]);return this},clear:function(){return this.members=[],this},length:function(){return this.members.length},has:function(t){return this.index(t)>=0},index:function(t){return this.members.indexOf(t)},get:function(t){return this.members[t]},first:function(){return this.get(0)},last:function(){return this.get(this.members.length-1)},valueOf:function(){return this.members}},construct:{set:function(t){return new a.Set(t)}}}),a.FX.Set=a.invent({create:function(t){this.set=t}}),a.Set.inherit=function(){var t=[];for(var e in a.Shape.prototype)"function"==typeof a.Shape.prototype[e]&&"function"!=typeof a.Set.prototype[e]&&t.push(e);for(var e in t.forEach((function(t){a.Set.prototype[t]=function(){for(var e=0,i=this.members.length;e<i;e++)this.members[e]&&"function"==typeof this.members[e][t]&&this.members[e][t].apply(this.members[e],arguments);return"animate"==t?this.fx||(this.fx=new a.FX.Set(this)):this}})),t=[],a.FX.prototype)"function"==typeof a.FX.prototype[e]&&"function"!=typeof a.FX.Set.prototype[e]&&t.push(e);t.forEach((function(t){a.FX.Set.prototype[t]=function(){for(var e=0,i=this.set.members.length;e<i;e++)this.set.members[e].fx[t].apply(this.set.members[e].fx,arguments);return this}}))},a.extend(a.Element,{}),a.extend(a.Element,{remember:function(t,e){if("object"===i(arguments[0]))for(var a in t)this.remember(a,t[a]);else{if(1==arguments.length)return this.memory()[t];this.memory()[t]=e}return this},forget:function(){if(0==arguments.length)this._memory={};else for(var t=arguments.length-1;t>=0;t--)delete this.memory()[arguments[t]];return this},memory:function(){return this._memory||(this._memory={})}}),a.get=function(t){var i=e.getElementById(function(t){var e=(t||"").toString().match(a.regex.reference);if(e)return e[1]}(t)||t);return a.adopt(i)},a.select=function(t,i){return new a.Set(a.utils.map((i||e).querySelectorAll(t),(function(t){return a.adopt(t)})))},a.extend(a.Parent,{select:function(t){return a.select(t,this.node)}});var m="abcdef".split("");if("function"!=typeof t.CustomEvent){var y=function(t,i){i=i||{bubbles:!1,cancelable:!1,detail:void 0};var a=e.createEvent("CustomEvent");return a.initCustomEvent(t,i.bubbles,i.cancelable,i.detail),a};y.prototype=t.Event.prototype,a.CustomEvent=y}else a.CustomEvent=t.CustomEvent;return a},"function"==typeof define&&define.amd?define((function(){return zt(It,It.document)})):"object"===("undefined"==typeof exports?"undefined":i(exports))&&"undefined"!=typeof module?module.exports=It.document?zt(It,It.document):function(t){return zt(t,t.document)}:It.SVG=zt(It,It.document),
+/*! svg.filter.js - v2.0.2 - 2016-02-24
+  * https://github.com/wout/svg.filter.js
+  * Copyright (c) 2016 Wout Fierens; Licensed MIT */
+function(){SVG.Filter=SVG.invent({create:"filter",inherit:SVG.Parent,extend:{source:"SourceGraphic",sourceAlpha:"SourceAlpha",background:"BackgroundImage",backgroundAlpha:"BackgroundAlpha",fill:"FillPaint",stroke:"StrokePaint",autoSetIn:!0,put:function(t,e){return this.add(t,e),!t.attr("in")&&this.autoSetIn&&t.attr("in",this.source),t.attr("result")||t.attr("result",t),t},blend:function(t,e,i){return this.put(new SVG.BlendEffect(t,e,i))},colorMatrix:function(t,e){return this.put(new SVG.ColorMatrixEffect(t,e))},convolveMatrix:function(t){return this.put(new SVG.ConvolveMatrixEffect(t))},componentTransfer:function(t){return this.put(new SVG.ComponentTransferEffect(t))},composite:function(t,e,i){return this.put(new SVG.CompositeEffect(t,e,i))},flood:function(t,e){return this.put(new SVG.FloodEffect(t,e))},offset:function(t,e){return this.put(new SVG.OffsetEffect(t,e))},image:function(t){return this.put(new SVG.ImageEffect(t))},merge:function(){var t=[void 0];for(var e in arguments)t.push(arguments[e]);return this.put(new(SVG.MergeEffect.bind.apply(SVG.MergeEffect,t)))},gaussianBlur:function(t,e){return this.put(new SVG.GaussianBlurEffect(t,e))},morphology:function(t,e){return this.put(new SVG.MorphologyEffect(t,e))},diffuseLighting:function(t,e,i){return this.put(new SVG.DiffuseLightingEffect(t,e,i))},displacementMap:function(t,e,i,a,s){return this.put(new SVG.DisplacementMapEffect(t,e,i,a,s))},specularLighting:function(t,e,i,a){return this.put(new SVG.SpecularLightingEffect(t,e,i,a))},tile:function(){return this.put(new SVG.TileEffect)},turbulence:function(t,e,i,a,s){return this.put(new SVG.TurbulenceEffect(t,e,i,a,s))},toString:function(){return"url(#"+this.attr("id")+")"}}}),SVG.extend(SVG.Defs,{filter:function(t){var e=this.put(new SVG.Filter);return"function"==typeof t&&t.call(e,e),e}}),SVG.extend(SVG.Container,{filter:function(t){return this.defs().filter(t)}}),SVG.extend(SVG.Element,SVG.G,SVG.Nested,{filter:function(t){return this.filterer=t instanceof SVG.Element?t:this.doc().filter(t),this.doc()&&this.filterer.doc()!==this.doc()&&this.doc().defs().add(this.filterer),this.attr("filter",this.filterer),this.filterer},unfilter:function(t){return this.filterer&&!0===t&&this.filterer.remove(),delete this.filterer,this.attr("filter",null)}}),SVG.Effect=SVG.invent({create:function(){this.constructor.call(this)},inherit:SVG.Element,extend:{in:function(t){return null==t?this.parent()&&this.parent().select('[result="'+this.attr("in")+'"]').get(0)||this.attr("in"):this.attr("in",t)},result:function(t){return null==t?this.attr("result"):this.attr("result",t)},toString:function(){return this.result()}}}),SVG.ParentEffect=SVG.invent({create:function(){this.constructor.call(this)},inherit:SVG.Parent,extend:{in:function(t){return null==t?this.parent()&&this.parent().select('[result="'+this.attr("in")+'"]').get(0)||this.attr("in"):this.attr("in",t)},result:function(t){return null==t?this.attr("result"):this.attr("result",t)},toString:function(){return this.result()}}});var t={blend:function(t,e){return this.parent()&&this.parent().blend(this,t,e)},colorMatrix:function(t,e){return this.parent()&&this.parent().colorMatrix(t,e).in(this)},convolveMatrix:function(t){return this.parent()&&this.parent().convolveMatrix(t).in(this)},componentTransfer:function(t){return this.parent()&&this.parent().componentTransfer(t).in(this)},composite:function(t,e){return this.parent()&&this.parent().composite(this,t,e)},flood:function(t,e){return this.parent()&&this.parent().flood(t,e)},offset:function(t,e){return this.parent()&&this.parent().offset(t,e).in(this)},image:function(t){return this.parent()&&this.parent().image(t)},merge:function(){return this.parent()&&this.parent().merge.apply(this.parent(),[this].concat(arguments))},gaussianBlur:function(t,e){return this.parent()&&this.parent().gaussianBlur(t,e).in(this)},morphology:function(t,e){return this.parent()&&this.parent().morphology(t,e).in(this)},diffuseLighting:function(t,e,i){return this.parent()&&this.parent().diffuseLighting(t,e,i).in(this)},displacementMap:function(t,e,i,a){return this.parent()&&this.parent().displacementMap(this,t,e,i,a)},specularLighting:function(t,e,i,a){return this.parent()&&this.parent().specularLighting(t,e,i,a).in(this)},tile:function(){return this.parent()&&this.parent().tile().in(this)},turbulence:function(t,e,i,a,s){return this.parent()&&this.parent().turbulence(t,e,i,a,s).in(this)}};SVG.extend(SVG.Effect,t),SVG.extend(SVG.ParentEffect,t),SVG.ChildEffect=SVG.invent({create:function(){this.constructor.call(this)},inherit:SVG.Element,extend:{in:function(t){this.attr("in",t)}}});var e={blend:function(t,e,i){this.attr({in:t,in2:e,mode:i||"normal"})},colorMatrix:function(t,e){"matrix"==t&&(e=s(e)),this.attr({type:t,values:void 0===e?null:e})},convolveMatrix:function(t){t=s(t),this.attr({order:Math.sqrt(t.split(" ").length),kernelMatrix:t})},composite:function(t,e,i){this.attr({in:t,in2:e,operator:i})},flood:function(t,e){this.attr("flood-color",t),null!=e&&this.attr("flood-opacity",e)},offset:function(t,e){this.attr({dx:t,dy:e})},image:function(t){this.attr("href",t,SVG.xlink)},displacementMap:function(t,e,i,a,s){this.attr({in:t,in2:e,scale:i,xChannelSelector:a,yChannelSelector:s})},gaussianBlur:function(t,e){null!=t||null!=e?this.attr("stdDeviation",r(Array.prototype.slice.call(arguments))):this.attr("stdDeviation","0 0")},morphology:function(t,e){this.attr({operator:t,radius:e})},tile:function(){},turbulence:function(t,e,i,a,s){this.attr({numOctaves:e,seed:i,stitchTiles:a,baseFrequency:t,type:s})}},i={merge:function(){var t;if(arguments[0]instanceof SVG.Set){var e=this;arguments[0].each((function(t){this instanceof SVG.MergeNode?e.put(this):(this instanceof SVG.Effect||this instanceof SVG.ParentEffect)&&e.put(new SVG.MergeNode(this))}))}else{t=Array.isArray(arguments[0])?arguments[0]:arguments;for(var i=0;i<t.length;i++)t[i]instanceof SVG.MergeNode?this.put(t[i]):this.put(new SVG.MergeNode(t[i]))}},componentTransfer:function(t){if(this.rgb=new SVG.Set,["r","g","b","a"].forEach(function(t){this[t]=new(SVG["Func"+t.toUpperCase()])("identity"),this.rgb.add(this[t]),this.node.appendChild(this[t].node)}.bind(this)),t)for(var e in t.rgb&&(["r","g","b"].forEach(function(e){this[e].attr(t.rgb)}.bind(this)),delete t.rgb),t)this[e].attr(t[e])},diffuseLighting:function(t,e,i){this.attr({surfaceScale:t,diffuseConstant:e,kernelUnitLength:i})},specularLighting:function(t,e,i,a){this.attr({surfaceScale:t,diffuseConstant:e,specularExponent:i,kernelUnitLength:a})}},a={distantLight:function(t,e){this.attr({azimuth:t,elevation:e})},pointLight:function(t,e,i){this.attr({x:t,y:e,z:i})},spotLight:function(t,e,i,a,s,r){this.attr({x:t,y:e,z:i,pointsAtX:a,pointsAtY:s,pointsAtZ:r})},mergeNode:function(t){this.attr("in",t)}};function s(t){return Array.isArray(t)&&(t=new SVG.Array(t)),t.toString().replace(/^\s+/,"").replace(/\s+$/,"").replace(/\s+/g," ")}function r(t){if(!Array.isArray(t))return t;for(var e=0,i=t.length,a=[];e<i;e++)a.push(t[e]);return a.join(" ")}function o(){var t=function(){};for(var e in"function"==typeof arguments[arguments.length-1]&&(t=arguments[arguments.length-1],Array.prototype.splice.call(arguments,arguments.length-1,1)),arguments)for(var i in arguments[e])t(arguments[e][i],i,arguments[e])}["r","g","b","a"].forEach((function(t){a["Func"+t.toUpperCase()]=function(t){switch(this.attr("type",t),t){case"table":this.attr("tableValues",arguments[1]);break;case"linear":this.attr("slope",arguments[1]),this.attr("intercept",arguments[2]);break;case"gamma":this.attr("amplitude",arguments[1]),this.attr("exponent",arguments[2]),this.attr("offset",arguments[2])}}})),o(e,(function(t,e){var i=e.charAt(0).toUpperCase()+e.slice(1);SVG[i+"Effect"]=SVG.invent({create:function(){this.constructor.call(this,SVG.create("fe"+i)),t.apply(this,arguments),this.result(this.attr("id")+"Out")},inherit:SVG.Effect,extend:{}})})),o(i,(function(t,e){var i=e.charAt(0).toUpperCase()+e.slice(1);SVG[i+"Effect"]=SVG.invent({create:function(){this.constructor.call(this,SVG.create("fe"+i)),t.apply(this,arguments),this.result(this.attr("id")+"Out")},inherit:SVG.ParentEffect,extend:{}})})),o(a,(function(t,e){var i=e.charAt(0).toUpperCase()+e.slice(1);SVG[i]=SVG.invent({create:function(){this.constructor.call(this,SVG.create("fe"+i)),t.apply(this,arguments)},inherit:SVG.ChildEffect,extend:{}})})),SVG.extend(SVG.MergeEffect,{in:function(t){return t instanceof SVG.MergeNode?this.add(t,0):this.add(new SVG.MergeNode(t),0),this}}),SVG.extend(SVG.CompositeEffect,SVG.BlendEffect,SVG.DisplacementMapEffect,{in2:function(t){return null==t?this.parent()&&this.parent().select('[result="'+this.attr("in2")+'"]').get(0)||this.attr("in2"):this.attr("in2",t)}}),SVG.filter={sepiatone:[.343,.669,.119,0,0,.249,.626,.13,0,0,.172,.334,.111,0,0,0,0,0,1,0]}}.call(void 0),function(){function t(t,s,r,o,n,l,h){for(var c=t.slice(s,r||h),d=o.slice(n,l||h),g=0,u={pos:[0,0],start:[0,0]},f={pos:[0,0],start:[0,0]};;){if(c[g]=e.call(u,c[g]),d[g]=e.call(f,d[g]),c[g][0]!=d[g][0]||"M"==c[g][0]||"A"==c[g][0]&&(c[g][4]!=d[g][4]||c[g][5]!=d[g][5])?(Array.prototype.splice.apply(c,[g,1].concat(a.call(u,c[g]))),Array.prototype.splice.apply(d,[g,1].concat(a.call(f,d[g])))):(c[g]=i.call(u,c[g]),d[g]=i.call(f,d[g])),++g==c.length&&g==d.length)break;g==c.length&&c.push(["C",u.pos[0],u.pos[1],u.pos[0],u.pos[1],u.pos[0],u.pos[1]]),g==d.length&&d.push(["C",f.pos[0],f.pos[1],f.pos[0],f.pos[1],f.pos[0],f.pos[1]])}return{start:c,dest:d}}function e(t){switch(t[0]){case"z":case"Z":t[0]="L",t[1]=this.start[0],t[2]=this.start[1];break;case"H":t[0]="L",t[2]=this.pos[1];break;case"V":t[0]="L",t[2]=t[1],t[1]=this.pos[0];break;case"T":t[0]="Q",t[3]=t[1],t[4]=t[2],t[1]=this.reflection[1],t[2]=this.reflection[0];break;case"S":t[0]="C",t[6]=t[4],t[5]=t[3],t[4]=t[2],t[3]=t[1],t[2]=this.reflection[1],t[1]=this.reflection[0]}return t}function i(t){var e=t.length;return this.pos=[t[e-2],t[e-1]],-1!="SCQT".indexOf(t[0])&&(this.reflection=[2*this.pos[0]-t[e-4],2*this.pos[1]-t[e-3]]),t}function a(t){var e=[t];switch(t[0]){case"M":return this.pos=this.start=[t[1],t[2]],e;case"L":t[5]=t[3]=t[1],t[6]=t[4]=t[2],t[1]=this.pos[0],t[2]=this.pos[1];break;case"Q":t[6]=t[4],t[5]=t[3],t[4]=1*t[4]/3+2*t[2]/3,t[3]=1*t[3]/3+2*t[1]/3,t[2]=1*this.pos[1]/3+2*t[2]/3,t[1]=1*this.pos[0]/3+2*t[1]/3;break;case"A":t=(e=function(t,e){var i,a,s,r,o,n,l,h,c,d,g,u,f,p,x,b,v,m,y,w,k,A,S,C,L,P,M=Math.abs(e[1]),T=Math.abs(e[2]),I=e[3]%360,z=e[4],X=e[5],E=e[6],Y=e[7],F=new SVG.Point(t),R=new SVG.Point(E,Y),H=[];if(0===M||0===T||F.x===R.x&&F.y===R.y)return[["C",F.x,F.y,R.x,R.y,R.x,R.y]];i=new SVG.Point((F.x-R.x)/2,(F.y-R.y)/2).transform((new SVG.Matrix).rotate(I)),(a=i.x*i.x/(M*M)+i.y*i.y/(T*T))>1&&(M*=a=Math.sqrt(a),T*=a);s=(new SVG.Matrix).rotate(I).scale(1/M,1/T).rotate(-I),F=F.transform(s),R=R.transform(s),r=[R.x-F.x,R.y-F.y],n=r[0]*r[0]+r[1]*r[1],o=Math.sqrt(n),r[0]/=o,r[1]/=o,l=n<4?Math.sqrt(1-n/4):0,z===X&&(l*=-1);h=new SVG.Point((R.x+F.x)/2+l*-r[1],(R.y+F.y)/2+l*r[0]),c=new SVG.Point(F.x-h.x,F.y-h.y),d=new SVG.Point(R.x-h.x,R.y-h.y),g=Math.acos(c.x/Math.sqrt(c.x*c.x+c.y*c.y)),c.y<0&&(g*=-1);u=Math.acos(d.x/Math.sqrt(d.x*d.x+d.y*d.y)),d.y<0&&(u*=-1);X&&g>u&&(u+=2*Math.PI);!X&&g<u&&(u-=2*Math.PI);for(p=Math.ceil(2*Math.abs(g-u)/Math.PI),b=[],v=g,f=(u-g)/p,x=4*Math.tan(f/4)/3,k=0;k<=p;k++)y=Math.cos(v),m=Math.sin(v),w=new SVG.Point(h.x+y,h.y+m),b[k]=[new SVG.Point(w.x+x*m,w.y-x*y),w,new SVG.Point(w.x-x*m,w.y+x*y)],v+=f;for(b[0][0]=b[0][1].clone(),b[b.length-1][2]=b[b.length-1][1].clone(),s=(new SVG.Matrix).rotate(I).scale(M,T).rotate(-I),k=0,A=b.length;k<A;k++)b[k][0]=b[k][0].transform(s),b[k][1]=b[k][1].transform(s),b[k][2]=b[k][2].transform(s);for(k=1,A=b.length;k<A;k++)S=(w=b[k-1][2]).x,C=w.y,L=(w=b[k][0]).x,P=w.y,E=(w=b[k][1]).x,Y=w.y,H.push(["C",S,C,L,P,E,Y]);return H}(this.pos,t))[0]}return t[0]="C",this.pos=[t[5],t[6]],this.reflection=[2*t[5]-t[3],2*t[6]-t[4]],e}function s(t,e){if(!1===e)return!1;for(var i=e,a=t.length;i<a;++i)if("M"==t[i][0])return i;return!1}SVG.extend(SVG.PathArray,{morph:function(e){for(var i=this.value,a=this.parse(e),r=0,o=0,n=!1,l=!1;!1!==r||!1!==o;){var h;n=s(i,!1!==r&&r+1),l=s(a,!1!==o&&o+1),!1===r&&(r=0==(h=new SVG.PathArray(c.start).bbox()).height||0==h.width?i.push(i[0])-1:i.push(["M",h.x+h.width/2,h.y+h.height/2])-1),!1===o&&(o=0==(h=new SVG.PathArray(c.dest).bbox()).height||0==h.width?a.push(a[0])-1:a.push(["M",h.x+h.width/2,h.y+h.height/2])-1);var c=t(i,r,n,a,o,l);i=i.slice(0,r).concat(c.start,!1===n?[]:i.slice(n)),a=a.slice(0,o).concat(c.dest,!1===l?[]:a.slice(l)),r=!1!==n&&r+c.start.length,o=!1!==l&&o+c.dest.length}return this.value=i,this.destination=new SVG.PathArray,this.destination.value=a,this}})}(),
+/*! svg.draggable.js - v2.2.2 - 2019-01-08
+  * https://github.com/svgdotjs/svg.draggable.js
+  * Copyright (c) 2019 Wout Fierens; Licensed MIT */
+function(){function t(t){t.remember("_draggable",this),this.el=t}t.prototype.init=function(t,e){var i=this;this.constraint=t,this.value=e,this.el.on("mousedown.drag",(function(t){i.start(t)})),this.el.on("touchstart.drag",(function(t){i.start(t)}))},t.prototype.transformPoint=function(t,e){var i=(t=t||window.event).changedTouches&&t.changedTouches[0]||t;return this.p.x=i.clientX-(e||0),this.p.y=i.clientY,this.p.matrixTransform(this.m)},t.prototype.getBBox=function(){var t=this.el.bbox();return this.el instanceof SVG.Nested&&(t=this.el.rbox()),(this.el instanceof SVG.G||this.el instanceof SVG.Use||this.el instanceof SVG.Nested)&&(t.x=this.el.x(),t.y=this.el.y()),t},t.prototype.start=function(t){if("click"!=t.type&&"mousedown"!=t.type&&"mousemove"!=t.type||1==(t.which||t.buttons)){var e=this;if(this.el.fire("beforedrag",{event:t,handler:this}),!this.el.event().defaultPrevented){t.preventDefault(),t.stopPropagation(),this.parent=this.parent||this.el.parent(SVG.Nested)||this.el.parent(SVG.Doc),this.p=this.parent.node.createSVGPoint(),this.m=this.el.node.getScreenCTM().inverse();var i,a=this.getBBox();if(this.el instanceof SVG.Text)switch(i=this.el.node.getComputedTextLength(),this.el.attr("text-anchor")){case"middle":i/=2;break;case"start":i=0}this.startPoints={point:this.transformPoint(t,i),box:a,transform:this.el.transform()},SVG.on(window,"mousemove.drag",(function(t){e.drag(t)})),SVG.on(window,"touchmove.drag",(function(t){e.drag(t)})),SVG.on(window,"mouseup.drag",(function(t){e.end(t)})),SVG.on(window,"touchend.drag",(function(t){e.end(t)})),this.el.fire("dragstart",{event:t,p:this.startPoints.point,m:this.m,handler:this})}}},t.prototype.drag=function(t){var e=this.getBBox(),i=this.transformPoint(t),a=this.startPoints.box.x+i.x-this.startPoints.point.x,s=this.startPoints.box.y+i.y-this.startPoints.point.y,r=this.constraint,o=i.x-this.startPoints.point.x,n=i.y-this.startPoints.point.y;if(this.el.fire("dragmove",{event:t,p:i,m:this.m,handler:this}),this.el.event().defaultPrevented)return i;if("function"==typeof r){var l=r.call(this.el,a,s,this.m);"boolean"==typeof l&&(l={x:l,y:l}),!0===l.x?this.el.x(a):!1!==l.x&&this.el.x(l.x),!0===l.y?this.el.y(s):!1!==l.y&&this.el.y(l.y)}else"object"==typeof r&&(null!=r.minX&&a<r.minX?o=(a=r.minX)-this.startPoints.box.x:null!=r.maxX&&a>r.maxX-e.width&&(o=(a=r.maxX-e.width)-this.startPoints.box.x),null!=r.minY&&s<r.minY?n=(s=r.minY)-this.startPoints.box.y:null!=r.maxY&&s>r.maxY-e.height&&(n=(s=r.maxY-e.height)-this.startPoints.box.y),null!=r.snapToGrid&&(a-=a%r.snapToGrid,s-=s%r.snapToGrid,o-=o%r.snapToGrid,n-=n%r.snapToGrid),this.el instanceof SVG.G?this.el.matrix(this.startPoints.transform).transform({x:o,y:n},!0):this.el.move(a,s));return i},t.prototype.end=function(t){var e=this.drag(t);this.el.fire("dragend",{event:t,p:e,m:this.m,handler:this}),SVG.off(window,"mousemove.drag"),SVG.off(window,"touchmove.drag"),SVG.off(window,"mouseup.drag"),SVG.off(window,"touchend.drag")},SVG.extend(SVG.Element,{draggable:function(e,i){"function"!=typeof e&&"object"!=typeof e||(i=e,e=!0);var a=this.remember("_draggable")||new t(this);return(e=void 0===e||e)?a.init(i||{},e):(this.off("mousedown.drag"),this.off("touchstart.drag")),this}})}.call(void 0),function(){function t(t){this.el=t,t.remember("_selectHandler",this),this.pointSelection={isSelected:!1},this.rectSelection={isSelected:!1},this.pointsList={lt:[0,0],rt:["width",0],rb:["width","height"],lb:[0,"height"],t:["width",0],r:["width","height"],b:["width","height"],l:[0,"height"]},this.pointCoord=function(t,e,i){var a="string"!=typeof t?t:e[t];return i?a/2:a},this.pointCoords=function(t,e){var i=this.pointsList[t];return{x:this.pointCoord(i[0],e,"t"===t||"b"===t),y:this.pointCoord(i[1],e,"r"===t||"l"===t)}}}t.prototype.init=function(t,e){var i=this.el.bbox();this.options={};var a=this.el.selectize.defaults.points;for(var s in this.el.selectize.defaults)this.options[s]=this.el.selectize.defaults[s],void 0!==e[s]&&(this.options[s]=e[s]);var r=["points","pointsExclude"];for(var s in r){var o=this.options[r[s]];"string"==typeof o?o=o.length>0?o.split(/\s*,\s*/i):[]:"boolean"==typeof o&&"points"===r[s]&&(o=o?a:[]),this.options[r[s]]=o}this.options.points=[a,this.options.points].reduce((function(t,e){return t.filter((function(t){return e.indexOf(t)>-1}))})),this.options.points=[this.options.points,this.options.pointsExclude].reduce((function(t,e){return t.filter((function(t){return e.indexOf(t)<0}))})),this.parent=this.el.parent(),this.nested=this.nested||this.parent.group(),this.nested.matrix(new SVG.Matrix(this.el).translate(i.x,i.y)),this.options.deepSelect&&-1!==["line","polyline","polygon"].indexOf(this.el.type)?this.selectPoints(t):this.selectRect(t),this.observe(),this.cleanup()},t.prototype.selectPoints=function(t){return this.pointSelection.isSelected=t,this.pointSelection.set||(this.pointSelection.set=this.parent.set(),this.drawPoints()),this},t.prototype.getPointArray=function(){var t=this.el.bbox();return this.el.array().valueOf().map((function(e){return[e[0]-t.x,e[1]-t.y]}))},t.prototype.drawPoints=function(){for(var t=this,e=this.getPointArray(),i=0,a=e.length;i<a;++i){var s=function(e){return function(i){(i=i||window.event).preventDefault?i.preventDefault():i.returnValue=!1,i.stopPropagation();var a=i.pageX||i.touches[0].pageX,s=i.pageY||i.touches[0].pageY;t.el.fire("point",{x:a,y:s,i:e,event:i})}}(i),r=this.drawPoint(e[i][0],e[i][1]).addClass(this.options.classPoints).addClass(this.options.classPoints+"_point").on("touchstart",s).on("mousedown",s);this.pointSelection.set.add(r)}},t.prototype.drawPoint=function(t,e){var i=this.options.pointType;switch(i){case"circle":return this.drawCircle(t,e);case"rect":return this.drawRect(t,e);default:if("function"==typeof i)return i.call(this,t,e);throw new Error("Unknown "+i+" point type!")}},t.prototype.drawCircle=function(t,e){return this.nested.circle(this.options.pointSize).center(t,e)},t.prototype.drawRect=function(t,e){return this.nested.rect(this.options.pointSize,this.options.pointSize).center(t,e)},t.prototype.updatePointSelection=function(){var t=this.getPointArray();this.pointSelection.set.each((function(e){this.cx()===t[e][0]&&this.cy()===t[e][1]||this.center(t[e][0],t[e][1])}))},t.prototype.updateRectSelection=function(){var t=this,e=this.el.bbox();if(this.rectSelection.set.get(0).attr({width:e.width,height:e.height}),this.options.points.length&&this.options.points.map((function(i,a){var s=t.pointCoords(i,e);t.rectSelection.set.get(a+1).center(s.x,s.y)})),this.options.rotationPoint){var i=this.rectSelection.set.length();this.rectSelection.set.get(i-1).center(e.width/2,20)}},t.prototype.selectRect=function(t){var e=this,i=this.el.bbox();function a(t){return function(i){(i=i||window.event).preventDefault?i.preventDefault():i.returnValue=!1,i.stopPropagation();var a=i.pageX||i.touches[0].pageX,s=i.pageY||i.touches[0].pageY;e.el.fire(t,{x:a,y:s,event:i})}}if(this.rectSelection.isSelected=t,this.rectSelection.set=this.rectSelection.set||this.parent.set(),this.rectSelection.set.get(0)||this.rectSelection.set.add(this.nested.rect(i.width,i.height).addClass(this.options.classRect)),this.options.points.length&&this.rectSelection.set.length()<2){this.options.points.map((function(t,s){var r=e.pointCoords(t,i),o=e.drawPoint(r.x,r.y).attr("class",e.options.classPoints+"_"+t).on("mousedown",a(t)).on("touchstart",a(t));e.rectSelection.set.add(o)})),this.rectSelection.set.each((function(){this.addClass(e.options.classPoints)}))}if(this.options.rotationPoint&&(this.options.points&&!this.rectSelection.set.get(9)||!this.options.points&&!this.rectSelection.set.get(1))){var s=function(t){(t=t||window.event).preventDefault?t.preventDefault():t.returnValue=!1,t.stopPropagation();var i=t.pageX||t.touches[0].pageX,a=t.pageY||t.touches[0].pageY;e.el.fire("rot",{x:i,y:a,event:t})},r=this.drawPoint(i.width/2,20).attr("class",this.options.classPoints+"_rot").on("touchstart",s).on("mousedown",s);this.rectSelection.set.add(r)}},t.prototype.handler=function(){var t=this.el.bbox();this.nested.matrix(new SVG.Matrix(this.el).translate(t.x,t.y)),this.rectSelection.isSelected&&this.updateRectSelection(),this.pointSelection.isSelected&&this.updatePointSelection()},t.prototype.observe=function(){var t=this;if(MutationObserver)if(this.rectSelection.isSelected||this.pointSelection.isSelected)this.observerInst=this.observerInst||new MutationObserver((function(){t.handler()})),this.observerInst.observe(this.el.node,{attributes:!0});else try{this.observerInst.disconnect(),delete this.observerInst}catch(t){}else this.el.off("DOMAttrModified.select"),(this.rectSelection.isSelected||this.pointSelection.isSelected)&&this.el.on("DOMAttrModified.select",(function(){t.handler()}))},t.prototype.cleanup=function(){!this.rectSelection.isSelected&&this.rectSelection.set&&(this.rectSelection.set.each((function(){this.remove()})),this.rectSelection.set.clear(),delete this.rectSelection.set),!this.pointSelection.isSelected&&this.pointSelection.set&&(this.pointSelection.set.each((function(){this.remove()})),this.pointSelection.set.clear(),delete this.pointSelection.set),this.pointSelection.isSelected||this.rectSelection.isSelected||(this.nested.remove(),delete this.nested)},SVG.extend(SVG.Element,{selectize:function(e,i){return"object"==typeof e&&(i=e,e=!0),(this.remember("_selectHandler")||new t(this)).init(void 0===e||e,i||{}),this}}),SVG.Element.prototype.selectize.defaults={points:["lt","rt","rb","lb","t","r","b","l"],pointsExclude:[],classRect:"svg_select_boundingRect",classPoints:"svg_select_points",pointSize:7,rotationPoint:!0,deepSelect:!1,pointType:"circle"}}(),function(){(function(){function t(t){t.remember("_resizeHandler",this),this.el=t,this.parameters={},this.lastUpdateCall=null,this.p=t.doc().node.createSVGPoint()}t.prototype.transformPoint=function(t,e,i){return this.p.x=t-(this.offset.x-window.pageXOffset),this.p.y=e-(this.offset.y-window.pageYOffset),this.p.matrixTransform(i||this.m)},t.prototype._extractPosition=function(t){return{x:null!=t.clientX?t.clientX:t.touches[0].clientX,y:null!=t.clientY?t.clientY:t.touches[0].clientY}},t.prototype.init=function(t){var e=this;if(this.stop(),"stop"!==t){for(var i in this.options={},this.el.resize.defaults)this.options[i]=this.el.resize.defaults[i],void 0!==t[i]&&(this.options[i]=t[i]);this.el.on("lt.resize",(function(t){e.resize(t||window.event)})),this.el.on("rt.resize",(function(t){e.resize(t||window.event)})),this.el.on("rb.resize",(function(t){e.resize(t||window.event)})),this.el.on("lb.resize",(function(t){e.resize(t||window.event)})),this.el.on("t.resize",(function(t){e.resize(t||window.event)})),this.el.on("r.resize",(function(t){e.resize(t||window.event)})),this.el.on("b.resize",(function(t){e.resize(t||window.event)})),this.el.on("l.resize",(function(t){e.resize(t||window.event)})),this.el.on("rot.resize",(function(t){e.resize(t||window.event)})),this.el.on("point.resize",(function(t){e.resize(t||window.event)})),this.update()}},t.prototype.stop=function(){return this.el.off("lt.resize"),this.el.off("rt.resize"),this.el.off("rb.resize"),this.el.off("lb.resize"),this.el.off("t.resize"),this.el.off("r.resize"),this.el.off("b.resize"),this.el.off("l.resize"),this.el.off("rot.resize"),this.el.off("point.resize"),this},t.prototype.resize=function(t){var e=this;this.m=this.el.node.getScreenCTM().inverse(),this.offset={x:window.pageXOffset,y:window.pageYOffset};var i=this._extractPosition(t.detail.event);if(this.parameters={type:this.el.type,p:this.transformPoint(i.x,i.y),x:t.detail.x,y:t.detail.y,box:this.el.bbox(),rotation:this.el.transform().rotation},"text"===this.el.type&&(this.parameters.fontSize=this.el.attr()["font-size"]),void 0!==t.detail.i){var a=this.el.array().valueOf();this.parameters.i=t.detail.i,this.parameters.pointCoords=[a[t.detail.i][0],a[t.detail.i][1]]}switch(t.type){case"lt":this.calc=function(t,e){var i=this.snapToGrid(t,e);if(this.parameters.box.width-i[0]>0&&this.parameters.box.height-i[1]>0){if("text"===this.parameters.type)return this.el.move(this.parameters.box.x+i[0],this.parameters.box.y),void this.el.attr("font-size",this.parameters.fontSize-i[0]);i=this.checkAspectRatio(i),this.el.move(this.parameters.box.x+i[0],this.parameters.box.y+i[1]).size(this.parameters.box.width-i[0],this.parameters.box.height-i[1])}};break;case"rt":this.calc=function(t,e){var i=this.snapToGrid(t,e,2);if(this.parameters.box.width+i[0]>0&&this.parameters.box.height-i[1]>0){if("text"===this.parameters.type)return this.el.move(this.parameters.box.x-i[0],this.parameters.box.y),void this.el.attr("font-size",this.parameters.fontSize+i[0]);i=this.checkAspectRatio(i,!0),this.el.move(this.parameters.box.x,this.parameters.box.y+i[1]).size(this.parameters.box.width+i[0],this.parameters.box.height-i[1])}};break;case"rb":this.calc=function(t,e){var i=this.snapToGrid(t,e,0);if(this.parameters.box.width+i[0]>0&&this.parameters.box.height+i[1]>0){if("text"===this.parameters.type)return this.el.move(this.parameters.box.x-i[0],this.parameters.box.y),void this.el.attr("font-size",this.parameters.fontSize+i[0]);i=this.checkAspectRatio(i),this.el.move(this.parameters.box.x,this.parameters.box.y).size(this.parameters.box.width+i[0],this.parameters.box.height+i[1])}};break;case"lb":this.calc=function(t,e){var i=this.snapToGrid(t,e,1);if(this.parameters.box.width-i[0]>0&&this.parameters.box.height+i[1]>0){if("text"===this.parameters.type)return this.el.move(this.parameters.box.x+i[0],this.parameters.box.y),void this.el.attr("font-size",this.parameters.fontSize-i[0]);i=this.checkAspectRatio(i,!0),this.el.move(this.parameters.box.x+i[0],this.parameters.box.y).size(this.parameters.box.width-i[0],this.parameters.box.height+i[1])}};break;case"t":this.calc=function(t,e){var i=this.snapToGrid(t,e,2);if(this.parameters.box.height-i[1]>0){if("text"===this.parameters.type)return;this.el.move(this.parameters.box.x,this.parameters.box.y+i[1]).height(this.parameters.box.height-i[1])}};break;case"r":this.calc=function(t,e){var i=this.snapToGrid(t,e,0);if(this.parameters.box.width+i[0]>0){if("text"===this.parameters.type)return;this.el.move(this.parameters.box.x,this.parameters.box.y).width(this.parameters.box.width+i[0])}};break;case"b":this.calc=function(t,e){var i=this.snapToGrid(t,e,0);if(this.parameters.box.height+i[1]>0){if("text"===this.parameters.type)return;this.el.move(this.parameters.box.x,this.parameters.box.y).height(this.parameters.box.height+i[1])}};break;case"l":this.calc=function(t,e){var i=this.snapToGrid(t,e,1);if(this.parameters.box.width-i[0]>0){if("text"===this.parameters.type)return;this.el.move(this.parameters.box.x+i[0],this.parameters.box.y).width(this.parameters.box.width-i[0])}};break;case"rot":this.calc=function(t,e){var i=t+this.parameters.p.x,a=e+this.parameters.p.y,s=Math.atan2(this.parameters.p.y-this.parameters.box.y-this.parameters.box.height/2,this.parameters.p.x-this.parameters.box.x-this.parameters.box.width/2),r=Math.atan2(a-this.parameters.box.y-this.parameters.box.height/2,i-this.parameters.box.x-this.parameters.box.width/2),o=this.parameters.rotation+180*(r-s)/Math.PI+this.options.snapToAngle/2;this.el.center(this.parameters.box.cx,this.parameters.box.cy).rotate(o-o%this.options.snapToAngle,this.parameters.box.cx,this.parameters.box.cy)};break;case"point":this.calc=function(t,e){var i=this.snapToGrid(t,e,this.parameters.pointCoords[0],this.parameters.pointCoords[1]),a=this.el.array().valueOf();a[this.parameters.i][0]=this.parameters.pointCoords[0]+i[0],a[this.parameters.i][1]=this.parameters.pointCoords[1]+i[1],this.el.plot(a)}}this.el.fire("resizestart",{dx:this.parameters.x,dy:this.parameters.y,event:t}),SVG.on(window,"touchmove.resize",(function(t){e.update(t||window.event)})),SVG.on(window,"touchend.resize",(function(){e.done()})),SVG.on(window,"mousemove.resize",(function(t){e.update(t||window.event)})),SVG.on(window,"mouseup.resize",(function(){e.done()}))},t.prototype.update=function(t){if(t){var e=this._extractPosition(t),i=this.transformPoint(e.x,e.y),a=i.x-this.parameters.p.x,s=i.y-this.parameters.p.y;this.lastUpdateCall=[a,s],this.calc(a,s),this.el.fire("resizing",{dx:a,dy:s,event:t})}else this.lastUpdateCall&&this.calc(this.lastUpdateCall[0],this.lastUpdateCall[1])},t.prototype.done=function(){this.lastUpdateCall=null,SVG.off(window,"mousemove.resize"),SVG.off(window,"mouseup.resize"),SVG.off(window,"touchmove.resize"),SVG.off(window,"touchend.resize"),this.el.fire("resizedone")},t.prototype.snapToGrid=function(t,e,i,a){var s;return void 0!==a?s=[(i+t)%this.options.snapToGrid,(a+e)%this.options.snapToGrid]:(i=null==i?3:i,s=[(this.parameters.box.x+t+(1&i?0:this.parameters.box.width))%this.options.snapToGrid,(this.parameters.box.y+e+(2&i?0:this.parameters.box.height))%this.options.snapToGrid]),t<0&&(s[0]-=this.options.snapToGrid),e<0&&(s[1]-=this.options.snapToGrid),t-=Math.abs(s[0])<this.options.snapToGrid/2?s[0]:s[0]-(t<0?-this.options.snapToGrid:this.options.snapToGrid),e-=Math.abs(s[1])<this.options.snapToGrid/2?s[1]:s[1]-(e<0?-this.options.snapToGrid:this.options.snapToGrid),this.constraintToBox(t,e,i,a)},t.prototype.constraintToBox=function(t,e,i,a){var s,r,o=this.options.constraint||{};return void 0!==a?(s=i,r=a):(s=this.parameters.box.x+(1&i?0:this.parameters.box.width),r=this.parameters.box.y+(2&i?0:this.parameters.box.height)),void 0!==o.minX&&s+t<o.minX&&(t=o.minX-s),void 0!==o.maxX&&s+t>o.maxX&&(t=o.maxX-s),void 0!==o.minY&&r+e<o.minY&&(e=o.minY-r),void 0!==o.maxY&&r+e>o.maxY&&(e=o.maxY-r),[t,e]},t.prototype.checkAspectRatio=function(t,e){if(!this.options.saveAspectRatio)return t;var i=t.slice(),a=this.parameters.box.width/this.parameters.box.height,s=this.parameters.box.width+t[0],r=this.parameters.box.height-t[1],o=s/r;return o<a?(i[1]=s/a-this.parameters.box.height,e&&(i[1]=-i[1])):o>a&&(i[0]=this.parameters.box.width-r*a,e&&(i[0]=-i[0])),i},SVG.extend(SVG.Element,{resize:function(e){return(this.remember("_resizeHandler")||new t(this)).init(e||{}),this}}),SVG.Element.prototype.resize.defaults={snapToAngle:.1,snapToGrid:1,constraint:{},saveAspectRatio:!1}}).call(this)}(),void 0===window.Apex&&(window.Apex={});var Ht=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"initModules",value:function(){this.ctx.publicMethods=["updateOptions","updateSeries","appendData","appendSeries","toggleSeries","showSeries","hideSeries","setLocale","resetSeries","zoomX","toggleDataPointSelection","dataURI","addXaxisAnnotation","addYaxisAnnotation","addPointAnnotation","clearAnnotations","removeAnnotation","paper","destroy"],this.ctx.eventList=["click","mousedown","mousemove","mouseleave","touchstart","touchmove","touchleave","mouseup","touchend"],this.ctx.animations=new b(this.ctx),this.ctx.axes=new K(this.ctx),this.ctx.core=new Ft(this.ctx.el,this.ctx),this.ctx.config=new N({}),this.ctx.data=new B(this.ctx),this.ctx.grid=new U(this.ctx),this.ctx.graphics=new m(this.ctx),this.ctx.coreUtils=new y(this.ctx),this.ctx.crosshairs=new tt(this.ctx),this.ctx.events=new J(this.ctx),this.ctx.exports=new j(this.ctx),this.ctx.localization=new Q(this.ctx),this.ctx.options=new L,this.ctx.responsive=new et(this.ctx),this.ctx.series=new E(this.ctx),this.ctx.theme=new it(this.ctx),this.ctx.formatters=new V(this.ctx),this.ctx.titleSubtitle=new at(this.ctx),this.ctx.legend=new ct(this.ctx),this.ctx.toolbar=new dt(this.ctx),this.ctx.dimensions=new lt(this.ctx),this.ctx.updateHelpers=new Rt(this.ctx),this.ctx.zoomPanSelection=new gt(this.ctx),this.ctx.w.globals.tooltip=new mt(this.ctx)}}]),t}(),Dt=function(){function t(e){a(this,t),this.ctx=e,this.w=e.w}return r(t,[{key:"clear",value:function(t){var e=t.isUpdating;this.ctx.zoomPanSelection&&this.ctx.zoomPanSelection.destroy(),this.ctx.toolbar&&this.ctx.toolbar.destroy(),this.ctx.animations=null,this.ctx.axes=null,this.ctx.annotations=null,this.ctx.core=null,this.ctx.data=null,this.ctx.grid=null,this.ctx.series=null,this.ctx.responsive=null,this.ctx.theme=null,this.ctx.formatters=null,this.ctx.titleSubtitle=null,this.ctx.legend=null,this.ctx.dimensions=null,this.ctx.options=null,this.ctx.crosshairs=null,this.ctx.zoomPanSelection=null,this.ctx.updateHelpers=null,this.ctx.toolbar=null,this.ctx.localization=null,this.ctx.w.globals.tooltip=null,this.clearDomElements({isUpdating:e})}},{key:"killSVG",value:function(t){t.each((function(t,e){this.removeClass("*"),this.off(),this.stop()}),!0),t.ungroup(),t.clear()}},{key:"clearDomElements",value:function(t){var e=this,i=t.isUpdating,a=this.w.globals.dom.Paper.node;a.parentNode&&a.parentNode.parentNode&&!i&&(a.parentNode.parentNode.style.minHeight="unset");var s=this.w.globals.dom.baseEl;s&&this.ctx.eventList.forEach((function(t){s.removeEventListener(t,e.ctx.events.documentEvent)}));var r=this.w.globals.dom;if(null!==this.ctx.el)for(;this.ctx.el.firstChild;)this.ctx.el.removeChild(this.ctx.el.firstChild);this.killSVG(r.Paper),r.Paper.remove(),r.elWrap=null,r.elGraphical=null,r.elAnnotations=null,r.elLegendWrap=null,r.baseEl=null,r.elGridRect=null,r.elGridRectMask=null,r.elGridRectMarkerMask=null,r.elForecastMask=null,r.elNonForecastMask=null,r.elDefs=null}}]),t}(),Nt=new WeakMap;return function(){function t(e,i){a(this,t),this.opts=i,this.ctx=this,this.w=new W(i).init(),this.el=e,this.w.globals.cuid=x.randomId(),this.w.globals.chartID=this.w.config.chart.id?x.escapeString(this.w.config.chart.id):this.w.globals.cuid,new Ht(this).initModules(),this.create=x.bind(this.create,this),this.windowResizeHandler=this._windowResizeHandler.bind(this),this.parentResizeHandler=this._parentResizeCallback.bind(this)}return r(t,[{key:"render",value:function(){var t=this;return new Promise((function(e,i){if(null!==t.el){void 0===Apex._chartInstances&&(Apex._chartInstances=[]),t.w.config.chart.id&&Apex._chartInstances.push({id:t.w.globals.chartID,group:t.w.config.chart.group,chart:t}),t.setLocale(t.w.config.chart.defaultLocale);var a=t.w.config.chart.events.beforeMount;if("function"==typeof a&&a(t,t.w),t.events.fireEvent("beforeMount",[t,t.w]),window.addEventListener("resize",t.windowResizeHandler),function(t,e){var i=!1,a=t.getBoundingClientRect();"none"!==t.style.display&&0!==a.width||(i=!0);var s=new ResizeObserver((function(a){i&&e.call(t,a),i=!0}));t.nodeType===Node.DOCUMENT_FRAGMENT_NODE?Array.from(t.children).forEach((function(t){return s.observe(t)})):s.observe(t),Nt.set(e,s)}(t.el.parentNode,t.parentResizeHandler),!t.css){var s=t.el.getRootNode&&t.el.getRootNode(),r=x.is("ShadowRoot",s),o=t.el.ownerDocument,n=o.getElementById("apexcharts-css");!r&&n||(t.css=document.createElement("style"),t.css.id="apexcharts-css",t.css.textContent='.apexcharts-canvas {\n  position: relative;\n  user-select: none;\n  /* cannot give overflow: hidden as it will crop tooltips which overflow outside chart area */\n}\n\n\n/* scrollbar is not visible by default for legend, hence forcing the visibility */\n.apexcharts-canvas ::-webkit-scrollbar {\n  -webkit-appearance: none;\n  width: 6px;\n}\n\n.apexcharts-canvas ::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  background-color: rgba(0, 0, 0, .5);\n  box-shadow: 0 0 1px rgba(255, 255, 255, .5);\n  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);\n}\n\n\n.apexcharts-inner {\n  position: relative;\n}\n\n.apexcharts-text tspan {\n  font-family: inherit;\n}\n\n.legend-mouseover-inactive {\n  transition: 0.15s ease all;\n  opacity: 0.20;\n}\n\n.apexcharts-series-collapsed {\n  opacity: 0;\n}\n\n.apexcharts-tooltip {\n  border-radius: 5px;\n  box-shadow: 2px 2px 6px -4px #999;\n  cursor: default;\n  font-size: 14px;\n  left: 62px;\n  opacity: 0;\n  pointer-events: none;\n  position: absolute;\n  top: 20px;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  white-space: nowrap;\n  z-index: 12;\n  transition: 0.15s ease all;\n}\n\n.apexcharts-tooltip.apexcharts-active {\n  opacity: 1;\n  transition: 0.15s ease all;\n}\n\n.apexcharts-tooltip.apexcharts-theme-light {\n  border: 1px solid #e3e3e3;\n  background: rgba(255, 255, 255, 0.96);\n}\n\n.apexcharts-tooltip.apexcharts-theme-dark {\n  color: #fff;\n  background: rgba(30, 30, 30, 0.8);\n}\n\n.apexcharts-tooltip * {\n  font-family: inherit;\n}\n\n\n.apexcharts-tooltip-title {\n  padding: 6px;\n  font-size: 15px;\n  margin-bottom: 4px;\n}\n\n.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {\n  background: #ECEFF1;\n  border-bottom: 1px solid #ddd;\n}\n\n.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {\n  background: rgba(0, 0, 0, 0.7);\n  border-bottom: 1px solid #333;\n}\n\n.apexcharts-tooltip-text-y-value,\n.apexcharts-tooltip-text-goals-value,\n.apexcharts-tooltip-text-z-value {\n  display: inline-block;\n  font-weight: 600;\n  margin-left: 5px;\n}\n\n.apexcharts-tooltip-title:empty,\n.apexcharts-tooltip-text-y-label:empty,\n.apexcharts-tooltip-text-y-value:empty,\n.apexcharts-tooltip-text-goals-label:empty,\n.apexcharts-tooltip-text-goals-value:empty,\n.apexcharts-tooltip-text-z-value:empty {\n  display: none;\n}\n\n.apexcharts-tooltip-text-y-value,\n.apexcharts-tooltip-text-goals-value,\n.apexcharts-tooltip-text-z-value {\n  font-weight: 600;\n}\n\n.apexcharts-tooltip-text-goals-label, \n.apexcharts-tooltip-text-goals-value {\n  padding: 6px 0 5px;\n}\n\n.apexcharts-tooltip-goals-group, \n.apexcharts-tooltip-text-goals-label, \n.apexcharts-tooltip-text-goals-value {\n  display: flex;\n}\n.apexcharts-tooltip-text-goals-label:not(:empty),\n.apexcharts-tooltip-text-goals-value:not(:empty) {\n  margin-top: -6px;\n}\n\n.apexcharts-tooltip-marker {\n  width: 12px;\n  height: 12px;\n  position: relative;\n  top: 0px;\n  margin-right: 10px;\n  border-radius: 50%;\n}\n\n.apexcharts-tooltip-series-group {\n  padding: 0 10px;\n  display: none;\n  text-align: left;\n  justify-content: left;\n  align-items: center;\n}\n\n.apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker {\n  opacity: 1;\n}\n\n.apexcharts-tooltip-series-group.apexcharts-active,\n.apexcharts-tooltip-series-group:last-child {\n  padding-bottom: 4px;\n}\n\n.apexcharts-tooltip-series-group-hidden {\n  opacity: 0;\n  height: 0;\n  line-height: 0;\n  padding: 0 !important;\n}\n\n.apexcharts-tooltip-y-group {\n  padding: 6px 0 5px;\n}\n\n.apexcharts-tooltip-box, .apexcharts-custom-tooltip {\n  padding: 4px 8px;\n}\n\n.apexcharts-tooltip-boxPlot {\n  display: flex;\n  flex-direction: column-reverse;\n}\n\n.apexcharts-tooltip-box>div {\n  margin: 4px 0;\n}\n\n.apexcharts-tooltip-box span.value {\n  font-weight: bold;\n}\n\n.apexcharts-tooltip-rangebar {\n  padding: 5px 8px;\n}\n\n.apexcharts-tooltip-rangebar .category {\n  font-weight: 600;\n  color: #777;\n}\n\n.apexcharts-tooltip-rangebar .series-name {\n  font-weight: bold;\n  display: block;\n  margin-bottom: 5px;\n}\n\n.apexcharts-xaxistooltip {\n  opacity: 0;\n  padding: 9px 10px;\n  pointer-events: none;\n  color: #373d3f;\n  font-size: 13px;\n  text-align: center;\n  border-radius: 2px;\n  position: absolute;\n  z-index: 10;\n  background: #ECEFF1;\n  border: 1px solid #90A4AE;\n  transition: 0.15s ease all;\n}\n\n.apexcharts-xaxistooltip.apexcharts-theme-dark {\n  background: rgba(0, 0, 0, 0.7);\n  border: 1px solid rgba(0, 0, 0, 0.5);\n  color: #fff;\n}\n\n.apexcharts-xaxistooltip:after,\n.apexcharts-xaxistooltip:before {\n  left: 50%;\n  border: solid transparent;\n  content: " ";\n  height: 0;\n  width: 0;\n  position: absolute;\n  pointer-events: none;\n}\n\n.apexcharts-xaxistooltip:after {\n  border-color: rgba(236, 239, 241, 0);\n  border-width: 6px;\n  margin-left: -6px;\n}\n\n.apexcharts-xaxistooltip:before {\n  border-color: rgba(144, 164, 174, 0);\n  border-width: 7px;\n  margin-left: -7px;\n}\n\n.apexcharts-xaxistooltip-bottom:after,\n.apexcharts-xaxistooltip-bottom:before {\n  bottom: 100%;\n}\n\n.apexcharts-xaxistooltip-top:after,\n.apexcharts-xaxistooltip-top:before {\n  top: 100%;\n}\n\n.apexcharts-xaxistooltip-bottom:after {\n  border-bottom-color: #ECEFF1;\n}\n\n.apexcharts-xaxistooltip-bottom:before {\n  border-bottom-color: #90A4AE;\n}\n\n.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:after {\n  border-bottom-color: rgba(0, 0, 0, 0.5);\n}\n\n.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:before {\n  border-bottom-color: rgba(0, 0, 0, 0.5);\n}\n\n.apexcharts-xaxistooltip-top:after {\n  border-top-color: #ECEFF1\n}\n\n.apexcharts-xaxistooltip-top:before {\n  border-top-color: #90A4AE;\n}\n\n.apexcharts-xaxistooltip-top.apexcharts-theme-dark:after {\n  border-top-color: rgba(0, 0, 0, 0.5);\n}\n\n.apexcharts-xaxistooltip-top.apexcharts-theme-dark:before {\n  border-top-color: rgba(0, 0, 0, 0.5);\n}\n\n.apexcharts-xaxistooltip.apexcharts-active {\n  opacity: 1;\n  transition: 0.15s ease all;\n}\n\n.apexcharts-yaxistooltip {\n  opacity: 0;\n  padding: 4px 10px;\n  pointer-events: none;\n  color: #373d3f;\n  font-size: 13px;\n  text-align: center;\n  border-radius: 2px;\n  position: absolute;\n  z-index: 10;\n  background: #ECEFF1;\n  border: 1px solid #90A4AE;\n}\n\n.apexcharts-yaxistooltip.apexcharts-theme-dark {\n  background: rgba(0, 0, 0, 0.7);\n  border: 1px solid rgba(0, 0, 0, 0.5);\n  color: #fff;\n}\n\n.apexcharts-yaxistooltip:after,\n.apexcharts-yaxistooltip:before {\n  top: 50%;\n  border: solid transparent;\n  content: " ";\n  height: 0;\n  width: 0;\n  position: absolute;\n  pointer-events: none;\n}\n\n.apexcharts-yaxistooltip:after {\n  border-color: rgba(236, 239, 241, 0);\n  border-width: 6px;\n  margin-top: -6px;\n}\n\n.apexcharts-yaxistooltip:before {\n  border-color: rgba(144, 164, 174, 0);\n  border-width: 7px;\n  margin-top: -7px;\n}\n\n.apexcharts-yaxistooltip-left:after,\n.apexcharts-yaxistooltip-left:before {\n  left: 100%;\n}\n\n.apexcharts-yaxistooltip-right:after,\n.apexcharts-yaxistooltip-right:before {\n  right: 100%;\n}\n\n.apexcharts-yaxistooltip-left:after {\n  border-left-color: #ECEFF1;\n}\n\n.apexcharts-yaxistooltip-left:before {\n  border-left-color: #90A4AE;\n}\n\n.apexcharts-yaxistooltip-left.apexcharts-theme-dark:after {\n  border-left-color: rgba(0, 0, 0, 0.5);\n}\n\n.apexcharts-yaxistooltip-left.apexcharts-theme-dark:before {\n  border-left-color: rgba(0, 0, 0, 0.5);\n}\n\n.apexcharts-yaxistooltip-right:after {\n  border-right-color: #ECEFF1;\n}\n\n.apexcharts-yaxistooltip-right:before {\n  border-right-color: #90A4AE;\n}\n\n.apexcharts-yaxistooltip-right.apexcharts-theme-dark:after {\n  border-right-color: rgba(0, 0, 0, 0.5);\n}\n\n.apexcharts-yaxistooltip-right.apexcharts-theme-dark:before {\n  border-right-color: rgba(0, 0, 0, 0.5);\n}\n\n.apexcharts-yaxistooltip.apexcharts-active {\n  opacity: 1;\n}\n\n.apexcharts-yaxistooltip-hidden {\n  display: none;\n}\n\n.apexcharts-xcrosshairs,\n.apexcharts-ycrosshairs {\n  pointer-events: none;\n  opacity: 0;\n  transition: 0.15s ease all;\n}\n\n.apexcharts-xcrosshairs.apexcharts-active,\n.apexcharts-ycrosshairs.apexcharts-active {\n  opacity: 1;\n  transition: 0.15s ease all;\n}\n\n.apexcharts-ycrosshairs-hidden {\n  opacity: 0;\n}\n\n.apexcharts-selection-rect {\n  cursor: move;\n}\n\n.svg_select_boundingRect, .svg_select_points_rot {\n  pointer-events: none;\n  opacity: 0;\n  visibility: hidden;\n}\n.apexcharts-selection-rect + g .svg_select_boundingRect,\n.apexcharts-selection-rect + g .svg_select_points_rot {\n  opacity: 0;\n  visibility: hidden;\n}\n\n.apexcharts-selection-rect + g .svg_select_points_l,\n.apexcharts-selection-rect + g .svg_select_points_r {\n  cursor: ew-resize;\n  opacity: 1;\n  visibility: visible;\n}\n\n.svg_select_points {\n  fill: #efefef;\n  stroke: #333;\n  rx: 2;\n}\n\n.apexcharts-svg.apexcharts-zoomable.hovering-zoom {\n  cursor: crosshair\n}\n\n.apexcharts-svg.apexcharts-zoomable.hovering-pan {\n  cursor: move\n}\n\n.apexcharts-zoom-icon,\n.apexcharts-zoomin-icon,\n.apexcharts-zoomout-icon,\n.apexcharts-reset-icon,\n.apexcharts-pan-icon,\n.apexcharts-selection-icon,\n.apexcharts-menu-icon,\n.apexcharts-toolbar-custom-icon {\n  cursor: pointer;\n  width: 20px;\n  height: 20px;\n  line-height: 24px;\n  color: #6E8192;\n  text-align: center;\n}\n\n.apexcharts-zoom-icon svg,\n.apexcharts-zoomin-icon svg,\n.apexcharts-zoomout-icon svg,\n.apexcharts-reset-icon svg,\n.apexcharts-menu-icon svg {\n  fill: #6E8192;\n}\n\n.apexcharts-selection-icon svg {\n  fill: #444;\n  transform: scale(0.76)\n}\n\n.apexcharts-theme-dark .apexcharts-zoom-icon svg,\n.apexcharts-theme-dark .apexcharts-zoomin-icon svg,\n.apexcharts-theme-dark .apexcharts-zoomout-icon svg,\n.apexcharts-theme-dark .apexcharts-reset-icon svg,\n.apexcharts-theme-dark .apexcharts-pan-icon svg,\n.apexcharts-theme-dark .apexcharts-selection-icon svg,\n.apexcharts-theme-dark .apexcharts-menu-icon svg,\n.apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg {\n  fill: #f3f4f5;\n}\n\n.apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg,\n.apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg,\n.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg {\n  fill: #008FFB;\n}\n\n.apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg,\n.apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg,\n.apexcharts-theme-light .apexcharts-zoomin-icon:hover svg,\n.apexcharts-theme-light .apexcharts-zoomout-icon:hover svg,\n.apexcharts-theme-light .apexcharts-reset-icon:hover svg,\n.apexcharts-theme-light .apexcharts-menu-icon:hover svg {\n  fill: #333;\n}\n\n.apexcharts-selection-icon,\n.apexcharts-menu-icon {\n  position: relative;\n}\n\n.apexcharts-reset-icon {\n  margin-left: 5px;\n}\n\n.apexcharts-zoom-icon,\n.apexcharts-reset-icon,\n.apexcharts-menu-icon {\n  transform: scale(0.85);\n}\n\n.apexcharts-zoomin-icon,\n.apexcharts-zoomout-icon {\n  transform: scale(0.7)\n}\n\n.apexcharts-zoomout-icon {\n  margin-right: 3px;\n}\n\n.apexcharts-pan-icon {\n  transform: scale(0.62);\n  position: relative;\n  left: 1px;\n  top: 0px;\n}\n\n.apexcharts-pan-icon svg {\n  fill: #fff;\n  stroke: #6E8192;\n  stroke-width: 2;\n}\n\n.apexcharts-pan-icon.apexcharts-selected svg {\n  stroke: #008FFB;\n}\n\n.apexcharts-pan-icon:not(.apexcharts-selected):hover svg {\n  stroke: #333;\n}\n\n.apexcharts-toolbar {\n  position: absolute;\n  z-index: 11;\n  max-width: 176px;\n  text-align: right;\n  border-radius: 3px;\n  padding: 0px 6px 2px 6px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.apexcharts-menu {\n  background: #fff;\n  position: absolute;\n  top: 100%;\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  padding: 3px;\n  right: 10px;\n  opacity: 0;\n  min-width: 110px;\n  transition: 0.15s ease all;\n  pointer-events: none;\n}\n\n.apexcharts-menu.apexcharts-menu-open {\n  opacity: 1;\n  pointer-events: all;\n  transition: 0.15s ease all;\n}\n\n.apexcharts-menu-item {\n  padding: 6px 7px;\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.apexcharts-theme-light .apexcharts-menu-item:hover {\n  background: #eee;\n}\n\n.apexcharts-theme-dark .apexcharts-menu {\n  background: rgba(0, 0, 0, 0.7);\n  color: #fff;\n}\n\n@media screen and (min-width: 768px) {\n  .apexcharts-canvas:hover .apexcharts-toolbar {\n    opacity: 1;\n  }\n}\n\n.apexcharts-datalabel.apexcharts-element-hidden {\n  opacity: 0;\n}\n\n.apexcharts-pie-label,\n.apexcharts-datalabels,\n.apexcharts-datalabel,\n.apexcharts-datalabel-label,\n.apexcharts-datalabel-value {\n  cursor: default;\n  pointer-events: none;\n}\n\n.apexcharts-pie-label-delay {\n  opacity: 0;\n  animation-name: opaque;\n  animation-duration: 0.3s;\n  animation-fill-mode: forwards;\n  animation-timing-function: ease;\n}\n\n.apexcharts-canvas .apexcharts-element-hidden {\n  opacity: 0;\n}\n\n.apexcharts-hide .apexcharts-series-points {\n  opacity: 0;\n}\n\n.apexcharts-gridline,\n.apexcharts-annotation-rect,\n.apexcharts-tooltip .apexcharts-marker,\n.apexcharts-area-series .apexcharts-area,\n.apexcharts-line,\n.apexcharts-zoom-rect,\n.apexcharts-toolbar svg,\n.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,\n.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,\n.apexcharts-radar-series path,\n.apexcharts-radar-series polygon {\n  pointer-events: none;\n}\n\n\n/* markers */\n\n.apexcharts-marker {\n  transition: 0.15s ease all;\n}\n\n@keyframes opaque {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n\n/* Resize generated styles */\n\n@keyframes resizeanim {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n.resize-triggers {\n  animation: 1ms resizeanim;\n  visibility: hidden;\n  opacity: 0;\n}\n\n.resize-triggers,\n.resize-triggers>div,\n.contract-trigger:before {\n  content: " ";\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n}\n\n.resize-triggers>div {\n  background: #eee;\n  overflow: auto;\n}\n\n.contract-trigger:before {\n  width: 200%;\n  height: 200%;\n}',r?s.prepend(t.css):o.head.appendChild(t.css))}var l=t.create(t.w.config.series,{});if(!l)return e(t);t.mount(l).then((function(){"function"==typeof t.w.config.chart.events.mounted&&t.w.config.chart.events.mounted(t,t.w),t.events.fireEvent("mounted",[t,t.w]),e(l)})).catch((function(t){i(t)}))}else i(new Error("Element not found"))}))}},{key:"create",value:function(t,e){var i=this.w;new Ht(this).initModules();var a=this.w.globals;(a.noData=!1,a.animationEnded=!1,this.responsive.checkResponsiveConfig(e),i.config.xaxis.convertedCatToNumeric)&&new D(i.config).convertCatToNumericXaxis(i.config,this.ctx);if(null===this.el)return a.animationEnded=!0,null;if(this.core.setupElements(),"treemap"===i.config.chart.type&&(i.config.grid.show=!1,i.config.yaxis[0].show=!1),0===a.svgWidth)return a.animationEnded=!0,null;var s=y.checkComboSeries(t);a.comboCharts=s.comboCharts,a.comboBarCount=s.comboBarCount;var r=t.every((function(t){return t.data&&0===t.data.length}));(0===t.length||r)&&this.series.handleNoData(),this.events.setupEventHandlers(),this.data.parseData(t),this.theme.init(),new T(this).setGlobalMarkerSize(),this.formatters.setLabelFormatters(),this.titleSubtitle.draw(),a.noData&&a.collapsedSeries.length!==a.series.length&&!i.config.legend.showForSingleSeries||this.legend.init(),this.series.hasAllSeriesEqualX(),a.axisCharts&&(this.core.coreCalculations(),"category"!==i.config.xaxis.type&&this.formatters.setLabelFormatters(),this.ctx.toolbar.minX=i.globals.minX,this.ctx.toolbar.maxX=i.globals.maxX),this.formatters.heatmapLabelFormatters(),new y(this).getLargestMarkerSize(),this.dimensions.plotCoords();var o=this.core.xySettings();this.grid.createGridMask();var n=this.core.plotChartType(t,o),l=new z(this);l.bringForward(),i.config.dataLabels.background.enabled&&l.dataLabelsBackground(),this.core.shiftGraphPosition();var h={plot:{left:i.globals.translateX,top:i.globals.translateY,width:i.globals.gridWidth,height:i.globals.gridHeight}};return{elGraph:n,xyRatios:o,elInner:i.globals.dom.elGraphical,dimensions:h}}},{key:"mount",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,i=this,a=i.w;return new Promise((function(s,r){if(null===i.el)return r(new Error("Not enough data to display or target element not found"));(null===e||a.globals.allSeriesCollapsed)&&i.series.handleNoData(),"treemap"!==a.config.chart.type&&i.axes.drawAxis(a.config.chart.type,e.xyRatios),i.grid=new U(i);var o=i.grid.drawGrid();i.annotations=new P(i),i.annotations.drawImageAnnos(),i.annotations.drawTextAnnos(),"back"===a.config.grid.position&&o&&a.globals.dom.elGraphical.add(o.el);var n=new _(t.ctx),l=new $(t.ctx);if(null!==o&&(n.xAxisLabelCorrections(o.xAxisTickWidth),l.setYAxisTextAlignments(),a.config.yaxis.map((function(t,e){-1===a.globals.ignoreYAxisIndexes.indexOf(e)&&l.yAxisTitleRotate(e,t.opposite)}))),"back"===a.config.annotations.position&&(a.globals.dom.Paper.add(a.globals.dom.elAnnotations),i.annotations.drawAxesAnnotations()),Array.isArray(e.elGraph))for(var h=0;h<e.elGraph.length;h++)a.globals.dom.elGraphical.add(e.elGraph[h]);else a.globals.dom.elGraphical.add(e.elGraph);if("front"===a.config.grid.position&&o&&a.globals.dom.elGraphical.add(o.el),"front"===a.config.xaxis.crosshairs.position&&i.crosshairs.drawXCrosshairs(),"front"===a.config.yaxis[0].crosshairs.position&&i.crosshairs.drawYCrosshairs(),"front"===a.config.annotations.position&&(a.globals.dom.Paper.add(a.globals.dom.elAnnotations),i.annotations.drawAxesAnnotations()),!a.globals.noData){if(a.config.tooltip.enabled&&!a.globals.noData&&i.w.globals.tooltip.drawTooltip(e.xyRatios),a.globals.axisCharts&&(a.globals.isXNumeric||a.config.xaxis.convertedCatToNumeric||a.globals.isRangeBar))(a.config.chart.zoom.enabled||a.config.chart.selection&&a.config.chart.selection.enabled||a.config.chart.pan&&a.config.chart.pan.enabled)&&i.zoomPanSelection.init({xyRatios:e.xyRatios});else{var c=a.config.chart.toolbar.tools;["zoom","zoomin","zoomout","selection","pan","reset"].forEach((function(t){c[t]=!1}))}a.config.chart.toolbar.show&&!a.globals.allSeriesCollapsed&&i.toolbar.createToolbar()}a.globals.memory.methodsToExec.length>0&&a.globals.memory.methodsToExec.forEach((function(t){t.method(t.params,!1,t.context)})),a.globals.axisCharts||a.globals.noData||i.core.resizeNonAxisCharts(),s(i)}))}},{key:"destroy",value:function(){var t,e;window.removeEventListener("resize",this.windowResizeHandler),this.el.parentNode,t=this.parentResizeHandler,(e=Nt.get(t))&&(e.disconnect(),Nt.delete(t));var i=this.w.config.chart.id;i&&Apex._chartInstances.forEach((function(t,e){t.id===x.escapeString(i)&&Apex._chartInstances.splice(e,1)})),new Dt(this.ctx).clear({isUpdating:!1})}},{key:"updateOptions",value:function(t){var e=this,i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],s=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],r=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],o=this.w;return o.globals.selection=void 0,t.series&&(this.series.resetSeries(!1,!0,!1),t.series.length&&t.series[0].data&&(t.series=t.series.map((function(t,i){return e.updateHelpers._extendSeries(t,i)}))),this.updateHelpers.revertDefaultAxisMinMax()),t.xaxis&&(t=this.updateHelpers.forceXAxisUpdate(t)),t.yaxis&&(t=this.updateHelpers.forceYAxisUpdate(t)),o.globals.collapsedSeriesIndices.length>0&&this.series.clearPreviousPaths(),t.theme&&(t=this.theme.updateThemeOptions(t)),this.updateHelpers._updateOptions(t,i,a,s,r)}},{key:"updateSeries",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return this.series.resetSeries(!1),this.updateHelpers.revertDefaultAxisMinMax(),this.updateHelpers._updateSeries(t,e,i)}},{key:"appendSeries",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=this.w.config.series.slice();return a.push(t),this.series.resetSeries(!1),this.updateHelpers.revertDefaultAxisMinMax(),this.updateHelpers._updateSeries(a,e,i)}},{key:"appendData",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=this;i.w.globals.dataChanged=!0,i.series.getPreviousPaths();for(var a=i.w.config.series.slice(),s=0;s<a.length;s++)if(null!==t[s]&&void 0!==t[s])for(var r=0;r<t[s].data.length;r++)a[s].data.push(t[s].data[r]);return i.w.config.series=a,e&&(i.w.globals.initialSeries=x.clone(i.w.config.series)),this.update()}},{key:"update",value:function(t){var e=this;return new Promise((function(i,a){new Dt(e.ctx).clear({isUpdating:!0});var s=e.create(e.w.config.series,t);if(!s)return i(e);e.mount(s).then((function(){"function"==typeof e.w.config.chart.events.updated&&e.w.config.chart.events.updated(e,e.w),e.events.fireEvent("updated",[e,e.w]),e.w.globals.isDirty=!0,i(e)})).catch((function(t){a(t)}))}))}},{key:"getSyncedCharts",value:function(){var t=this.getGroupedCharts(),e=[this];return t.length&&(e=[],t.forEach((function(t){e.push(t)}))),e}},{key:"getGroupedCharts",value:function(){var t=this;return Apex._chartInstances.filter((function(t){if(t.group)return!0})).map((function(e){return t.w.config.chart.group===e.group?e.chart:t}))}},{key:"toggleSeries",value:function(t){return this.series.toggleSeries(t)}},{key:"highlightSeriesOnLegendHover",value:function(t,e){return this.series.toggleSeriesOnHover(t,e)}},{key:"showSeries",value:function(t){this.series.showSeries(t)}},{key:"hideSeries",value:function(t){this.series.hideSeries(t)}},{key:"resetSeries",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.series.resetSeries(t,e)}},{key:"addEventListener",value:function(t,e){this.events.addEventListener(t,e)}},{key:"removeEventListener",value:function(t,e){this.events.removeEventListener(t,e)}},{key:"addXaxisAnnotation",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,a=this;i&&(a=i),a.annotations.addXaxisAnnotationExternal(t,e,a)}},{key:"addYaxisAnnotation",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,a=this;i&&(a=i),a.annotations.addYaxisAnnotationExternal(t,e,a)}},{key:"addPointAnnotation",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,a=this;i&&(a=i),a.annotations.addPointAnnotationExternal(t,e,a)}},{key:"clearAnnotations",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,e=this;t&&(e=t),e.annotations.clearAnnotations(e)}},{key:"removeAnnotation",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,i=this;e&&(i=e),i.annotations.removeAnnotation(i,t)}},{key:"getChartArea",value:function(){return this.w.globals.dom.baseEl.querySelector(".apexcharts-inner")}},{key:"getSeriesTotalXRange",value:function(t,e){return this.coreUtils.getSeriesTotalsXRange(t,e)}},{key:"getHighestValueInSeries",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=new Z(this.ctx);return e.getMinYMaxY(t).highestY}},{key:"getLowestValueInSeries",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=new Z(this.ctx);return e.getMinYMaxY(t).lowestY}},{key:"getSeriesTotal",value:function(){return this.w.globals.seriesTotals}},{key:"toggleDataPointSelection",value:function(t,e){return this.updateHelpers.toggleDataPointSelection(t,e)}},{key:"zoomX",value:function(t,e){this.ctx.toolbar.zoomUpdateOptions(t,e)}},{key:"setLocale",value:function(t){this.localization.setCurrentLocaleValues(t)}},{key:"dataURI",value:function(t){return new j(this.ctx).dataURI(t)}},{key:"paper",value:function(){return this.w.globals.dom.Paper}},{key:"_parentResizeCallback",value:function(){this.w.globals.animationEnded&&this.w.config.chart.redrawOnParentResize&&this._windowResize()}},{key:"_windowResize",value:function(){var t=this;clearTimeout(this.w.globals.resizeTimer),this.w.globals.resizeTimer=window.setTimeout((function(){t.w.globals.resized=!0,t.w.globals.dataChanged=!1,t.ctx.update()}),150)}},{key:"_windowResizeHandler",value:function(){var t=this.w.config.chart.redrawOnWindowResize;"function"==typeof t&&(t=t()),t&&this._windowResize()}}],[{key:"getChartByID",value:function(t){var e=x.escapeString(t),i=Apex._chartInstances.filter((function(t){return t.id===e}))[0];return i&&i.chart}},{key:"initOnLoad",value:function(){for(var e=document.querySelectorAll("[data-apexcharts]"),i=0;i<e.length;i++){new t(e[i],JSON.parse(e[i].getAttribute("data-options"))).render()}}},{key:"exec",value:function(t,e){var i=this.getChartByID(t);if(i){i.w.globals.isExecCalled=!0;var a=null;if(-1!==i.publicMethods.indexOf(e)){for(var s=arguments.length,r=new Array(s>2?s-2:0),o=2;o<s;o++)r[o-2]=arguments[o];a=i[e].apply(i,r)}return a}}},{key:"merge",value:function(t,e){return x.extend(t,e)}}]),t}()}));
diff --git a/public/assets/js/app.js b/public/assets/js/app.js
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/public/assets/js/clipboard.min.js b/public/assets/js/clipboard.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..41c6a0f7b60ea67bdbde765b63734b94be593cd1
--- /dev/null
+++ b/public/assets/js/clipboard.min.js
@@ -0,0 +1,7 @@
+/*!
+ * clipboard.js v2.0.10
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ClipboardJS=e():t.ClipboardJS=e()}(this,function(){return n={686:function(t,e,n){"use strict";n.d(e,{default:function(){return o}});var e=n(279),i=n.n(e),e=n(370),u=n.n(e),e=n(817),c=n.n(e);function a(t){try{return document.execCommand(t)}catch(t){return}}var f=function(t){t=c()(t);return a("cut"),t};var l=function(t){var e,n,o,r=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{container:document.body},i="";return"string"==typeof t?(e=t,n="rtl"===document.documentElement.getAttribute("dir"),(o=document.createElement("textarea")).style.fontSize="12pt",o.style.border="0",o.style.padding="0",o.style.margin="0",o.style.position="absolute",o.style[n?"right":"left"]="-9999px",n=window.pageYOffset||document.documentElement.scrollTop,o.style.top="".concat(n,"px"),o.setAttribute("readonly",""),o.value=e,o=o,r.container.appendChild(o),i=c()(o),a("copy"),o.remove()):(i=c()(t),a("copy")),i};function r(t){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}var s=function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},e=t.action,n=void 0===e?"copy":e,o=t.container,e=t.target,t=t.text;if("copy"!==n&&"cut"!==n)throw new Error('Invalid "action" value, use either "copy" or "cut"');if(void 0!==e){if(!e||"object"!==r(e)||1!==e.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===n&&e.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===n&&(e.hasAttribute("readonly")||e.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes')}return t?l(t,{container:o}):e?"cut"===n?f(e):l(e,{container:o}):void 0};function p(t){return(p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function d(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function y(t,e){return(y=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function h(n){var o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}();return function(){var t,e=m(n);return t=o?(t=m(this).constructor,Reflect.construct(e,arguments,t)):e.apply(this,arguments),e=this,!(t=t)||"object"!==p(t)&&"function"!=typeof t?function(t){if(void 0!==t)return t;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}(e):t}}function m(t){return(m=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function v(t,e){t="data-clipboard-".concat(t);if(e.hasAttribute(t))return e.getAttribute(t)}var o=function(){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&y(t,e)}(r,i());var t,e,n,o=h(r);function r(t,e){var n;return function(t){if(!(t instanceof r))throw new TypeError("Cannot call a class as a function")}(this),(n=o.call(this)).resolveOptions(e),n.listenClick(t),n}return t=r,n=[{key:"copy",value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{container:document.body};return l(t,e)}},{key:"cut",value:function(t){return f(t)}},{key:"isSupported",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:["copy","cut"],t="string"==typeof t?[t]:t,e=!!document.queryCommandSupported;return t.forEach(function(t){e=e&&!!document.queryCommandSupported(t)}),e}}],(e=[{key:"resolveOptions",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===p(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=u()(t,"click",function(t){return e.onClick(t)})}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget,n=this.action(e)||"copy",t=s({action:n,container:this.container,target:this.target(e),text:this.text(e)});this.emit(t?"success":"error",{action:n,text:t,trigger:e,clearSelection:function(){e&&e.focus(),document.activeElement.blur(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(t){return v("action",t)}},{key:"defaultTarget",value:function(t){t=v("target",t);if(t)return document.querySelector(t)}},{key:"defaultText",value:function(t){return v("text",t)}},{key:"destroy",value:function(){this.listener.destroy()}}])&&d(t.prototype,e),n&&d(t,n),r}()},828:function(t){var e;"undefined"==typeof Element||Element.prototype.matches||((e=Element.prototype).matches=e.matchesSelector||e.mozMatchesSelector||e.msMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector),t.exports=function(t,e){for(;t&&9!==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}},438:function(t,e,n){var u=n(828);function i(t,e,n,o,r){var i=function(e,n,t,o){return function(t){t.delegateTarget=u(t.target,n),t.delegateTarget&&o.call(e,t)}}.apply(this,arguments);return t.addEventListener(n,i,r),{destroy:function(){t.removeEventListener(n,i,r)}}}t.exports=function(t,e,n,o,r){return"function"==typeof t.addEventListener?i.apply(null,arguments):"function"==typeof n?i.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,function(t){return i(t,e,n,o,r)}))}},879:function(t,n){n.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},n.nodeList=function(t){var e=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===e||"[object HTMLCollection]"===e)&&"length"in t&&(0===t.length||n.node(t[0]))},n.string=function(t){return"string"==typeof t||t instanceof String},n.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},370:function(t,e,n){var f=n(879),l=n(438);t.exports=function(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!f.string(e))throw new TypeError("Second argument must be a String");if(!f.fn(n))throw new TypeError("Third argument must be a Function");if(f.node(t))return c=e,a=n,(u=t).addEventListener(c,a),{destroy:function(){u.removeEventListener(c,a)}};if(f.nodeList(t))return o=t,r=e,i=n,Array.prototype.forEach.call(o,function(t){t.addEventListener(r,i)}),{destroy:function(){Array.prototype.forEach.call(o,function(t){t.removeEventListener(r,i)})}};if(f.string(t))return t=t,e=e,n=n,l(document.body,t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList");var o,r,i,u,c,a}},817:function(t){t.exports=function(t){var e,n="SELECT"===t.nodeName?(t.focus(),t.value):"INPUT"===t.nodeName||"TEXTAREA"===t.nodeName?((e=t.hasAttribute("readonly"))||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),e||t.removeAttribute("readonly"),t.value):(t.hasAttribute("contenteditable")&&t.focus(),n=window.getSelection(),(e=document.createRange()).selectNodeContents(t),n.removeAllRanges(),n.addRange(e),n.toString());return n}},279:function(t){function e(){}e.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var o=this;function r(){o.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,r=n.length;o<r;o++)n[o].fn.apply(n[o].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),o=n[t],r=[];if(o&&e)for(var i=0,u=o.length;i<u;i++)o[i].fn!==e&&o[i].fn._!==e&&r.push(o[i]);return r.length?n[t]=r:delete n[t],this}},t.exports=e,t.exports.TinyEmitter=e}},r={},o.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(e,{a:e}),e},o.d=function(t,e){for(var n in e)o.o(e,n)&&!o.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},o.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},o(686).default;function o(t){if(r[t])return r[t].exports;var e=r[t]={exports:{}};return n[t](e,e.exports,o),e.exports}var n,r});
\ No newline at end of file
diff --git a/public/assets/js/countUp.min.js b/public/assets/js/countUp.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..7a1bce9986bddf15483c7652108c69639e8b95b2
--- /dev/null
+++ b/public/assets/js/countUp.min.js
@@ -0,0 +1,289 @@
+(function (global, factory) {
+    typeof exports === "object" && typeof module !== "undefined"
+        ? factory(exports)
+        : typeof define === "function" && define.amd
+        ? define(["exports"], factory)
+        : ((global = typeof globalThis !== "undefined" ? globalThis : global || self), factory((global.countUp = {})));
+})(this, function (exports) {
+    "use strict";
+
+    var __assign =
+        (undefined && undefined.__assign) ||
+        function () {
+            __assign =
+                Object.assign ||
+                function (t) {
+                    for (var s, i = 1, n = arguments.length; i < n; i++) {
+                        s = arguments[i];
+                        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+                    }
+                    return t;
+                };
+            return __assign.apply(this, arguments);
+        };
+    // playground: stackblitz.com/edit/countup-typescript
+    var CountUp = /** @class */ (function () {
+        function CountUp(target, endVal, options) {
+            var _this = this;
+            this.endVal = endVal;
+            this.options = options;
+            this.version = "2.2.0";
+            this.defaults = {
+                startVal: 0,
+                decimalPlaces: 0,
+                duration: 2,
+                useEasing: true,
+                useGrouping: true,
+                smartEasingThreshold: 999,
+                smartEasingAmount: 333,
+                separator: ",",
+                decimal: ".",
+                prefix: "",
+                suffix: "",
+                enableScrollSpy: false,
+                scrollSpyDelay: 200,
+                scrollSpyOnce: false,
+            };
+            this.finalEndVal = null; // for smart easing
+            this.useEasing = true;
+            this.countDown = false;
+            this.error = "";
+            this.startVal = 0;
+            this.paused = true;
+            this.once = false;
+            this.count = function (timestamp) {
+                if (!_this.startTime) {
+                    _this.startTime = timestamp;
+                }
+                var progress = timestamp - _this.startTime;
+                _this.remaining = _this.duration - progress;
+                // to ease or not to ease
+                if (_this.useEasing) {
+                    if (_this.countDown) {
+                        _this.frameVal = _this.startVal - _this.easingFn(progress, 0, _this.startVal - _this.endVal, _this.duration);
+                    } else {
+                        _this.frameVal = _this.easingFn(progress, _this.startVal, _this.endVal - _this.startVal, _this.duration);
+                    }
+                } else {
+                    if (_this.countDown) {
+                        _this.frameVal = _this.startVal - (_this.startVal - _this.endVal) * (progress / _this.duration);
+                    } else {
+                        _this.frameVal = _this.startVal + (_this.endVal - _this.startVal) * (progress / _this.duration);
+                    }
+                }
+                // don't go past endVal since progress can exceed duration in the last frame
+                if (_this.countDown) {
+                    _this.frameVal = _this.frameVal < _this.endVal ? _this.endVal : _this.frameVal;
+                } else {
+                    _this.frameVal = _this.frameVal > _this.endVal ? _this.endVal : _this.frameVal;
+                }
+                // decimal
+                _this.frameVal = Number(_this.frameVal.toFixed(_this.options.decimalPlaces));
+                // format and print value
+                _this.printValue(_this.frameVal);
+                // whether to continue
+                if (progress < _this.duration) {
+                    _this.rAF = requestAnimationFrame(_this.count);
+                } else if (_this.finalEndVal !== null) {
+                    // smart easing
+                    _this.update(_this.finalEndVal);
+                } else {
+                    if (_this.callback) {
+                        _this.callback();
+                    }
+                }
+            };
+            // default format and easing functions
+            this.formatNumber = function (num) {
+                var neg = num < 0 ? "-" : "";
+                var result, x1, x2, x3;
+                result = Math.abs(num).toFixed(_this.options.decimalPlaces);
+                result += "";
+                var x = result.split(".");
+                x1 = x[0];
+                x2 = x.length > 1 ? _this.options.decimal + x[1] : "";
+                if (_this.options.useGrouping) {
+                    x3 = "";
+                    for (var i = 0, len = x1.length; i < len; ++i) {
+                        if (i !== 0 && i % 3 === 0) {
+                            x3 = _this.options.separator + x3;
+                        }
+                        x3 = x1[len - i - 1] + x3;
+                    }
+                    x1 = x3;
+                }
+                // optional numeral substitution
+                if (_this.options.numerals && _this.options.numerals.length) {
+                    x1 = x1.replace(/[0-9]/g, function (w) {
+                        return _this.options.numerals[+w];
+                    });
+                    x2 = x2.replace(/[0-9]/g, function (w) {
+                        return _this.options.numerals[+w];
+                    });
+                }
+                return neg + _this.options.prefix + x1 + x2 + _this.options.suffix;
+            };
+            this.easeOutExpo = function (t, b, c, d) {
+                return (c * (-Math.pow(2, (-10 * t) / d) + 1) * 1024) / 1023 + b;
+            };
+            this.options = __assign(__assign({}, this.defaults), options);
+            this.formattingFn = this.options.formattingFn ? this.options.formattingFn : this.formatNumber;
+            this.easingFn = this.options.easingFn ? this.options.easingFn : this.easeOutExpo;
+            this.startVal = this.validateValue(this.options.startVal);
+            this.frameVal = this.startVal;
+            this.endVal = this.validateValue(endVal);
+            this.options.decimalPlaces = Math.max(this.options.decimalPlaces);
+            this.resetDuration();
+            this.options.separator = String(this.options.separator);
+            this.useEasing = this.options.useEasing;
+            if (this.options.separator === "") {
+                this.options.useGrouping = false;
+            }
+            this.el = typeof target === "string" ? document.getElementById(target) : target;
+            if (this.el) {
+                this.printValue(this.startVal);
+            } else {
+                this.error = "[CountUp] target is null or undefined";
+            }
+            // scroll spy
+            if (window !== undefined && this.options.enableScrollSpy) {
+                if (!this.error) {
+                    // set up global array of onscroll functions
+                    window["onScrollFns"] = window["onScrollFns"] || [];
+                    window["onScrollFns"].push(function () {
+                        return _this.handleScroll(_this);
+                    });
+                    window.onscroll = function () {
+                        window["onScrollFns"].forEach(function (fn) {
+                            return fn();
+                        });
+                    };
+                    this.handleScroll(this);
+                } else {
+                    console.error(this.error, target);
+                }
+            }
+        }
+        CountUp.prototype.handleScroll = function (self) {
+            if (!self || !window || self.once) return;
+            var bottomOfScroll = window.innerHeight + window.scrollY;
+            var bottomOfEl = self.el.offsetTop + self.el.offsetHeight;
+            if (bottomOfEl < bottomOfScroll && bottomOfEl > window.scrollY && self.paused) {
+                // in view
+                self.paused = false;
+                setTimeout(function () {
+                    return self.start();
+                }, self.options.scrollSpyDelay);
+                if (self.options.scrollSpyOnce) self.once = true;
+            } else if (window.scrollY > bottomOfEl && !self.paused) {
+                // scrolled past
+                self.reset();
+            }
+        };
+        // determines where easing starts and whether to count down or up
+        CountUp.prototype.determineDirectionAndSmartEasing = function () {
+            var end = this.finalEndVal ? this.finalEndVal : this.endVal;
+            this.countDown = this.startVal > end;
+            var animateAmount = end - this.startVal;
+            if (Math.abs(animateAmount) > this.options.smartEasingThreshold) {
+                this.finalEndVal = end;
+                var up = this.countDown ? 1 : -1;
+                this.endVal = end + up * this.options.smartEasingAmount;
+                this.duration = this.duration / 2;
+            } else {
+                this.endVal = end;
+                this.finalEndVal = null;
+            }
+            if (this.finalEndVal) {
+                this.useEasing = false;
+            } else {
+                this.useEasing = this.options.useEasing;
+            }
+        };
+        // start animation
+        CountUp.prototype.start = function (callback) {
+            if (this.error) {
+                return;
+            }
+            this.callback = callback;
+            if (this.duration > 0) {
+                this.determineDirectionAndSmartEasing();
+                this.paused = false;
+                this.rAF = requestAnimationFrame(this.count);
+            } else {
+                this.printValue(this.endVal);
+            }
+        };
+        // pause/resume animation
+        CountUp.prototype.pauseResume = function () {
+            if (!this.paused) {
+                cancelAnimationFrame(this.rAF);
+            } else {
+                this.startTime = null;
+                this.duration = this.remaining;
+                this.startVal = this.frameVal;
+                this.determineDirectionAndSmartEasing();
+                this.rAF = requestAnimationFrame(this.count);
+            }
+            this.paused = !this.paused;
+        };
+        // reset to startVal so animation can be run again
+        CountUp.prototype.reset = function () {
+            cancelAnimationFrame(this.rAF);
+            this.paused = true;
+            this.resetDuration();
+            this.startVal = this.validateValue(this.options.startVal);
+            this.frameVal = this.startVal;
+            this.printValue(this.startVal);
+        };
+        // pass a new endVal and start animation
+        CountUp.prototype.update = function (newEndVal) {
+            cancelAnimationFrame(this.rAF);
+            this.startTime = null;
+            this.endVal = this.validateValue(newEndVal);
+            if (this.endVal === this.frameVal) {
+                return;
+            }
+            this.startVal = this.frameVal;
+            if (!this.finalEndVal) {
+                this.resetDuration();
+            }
+            this.finalEndVal = null;
+            this.determineDirectionAndSmartEasing();
+            this.rAF = requestAnimationFrame(this.count);
+        };
+        CountUp.prototype.printValue = function (val) {
+            var result = this.formattingFn(val);
+            if (this.el.tagName === "INPUT") {
+                var input = this.el;
+                input.value = result;
+            } else if (this.el.tagName === "text" || this.el.tagName === "tspan") {
+                this.el.textContent = result;
+            } else {
+                this.el.innerHTML = result;
+            }
+        };
+        CountUp.prototype.ensureNumber = function (n) {
+            return typeof n === "number" && !isNaN(n);
+        };
+        CountUp.prototype.validateValue = function (value) {
+            var newValue = Number(value);
+            if (!this.ensureNumber(newValue)) {
+                this.error = "[CountUp] invalid start or end value: ".concat(value);
+                return null;
+            } else {
+                return newValue;
+            }
+        };
+        CountUp.prototype.resetDuration = function () {
+            this.startTime = null;
+            this.duration = Number(this.options.duration) * 1000;
+            this.remaining = this.duration;
+        };
+        return CountUp;
+    })();
+
+    exports.CountUp = CountUp;
+
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
diff --git a/public/assets/js/custom.js b/public/assets/js/custom.js
new file mode 100644
index 0000000000000000000000000000000000000000..034fee04335f731214a2001d2736de022328f532
--- /dev/null
+++ b/public/assets/js/custom.js
@@ -0,0 +1,238 @@
+(function () {
+    const $themeConfig = {
+        locale: 'en', // en, da, de, el, es, fr, hu, it, ja, pl, pt, ru, sv, tr, zh
+        theme: 'light', // light, dark, system
+        menu: 'vertical', // vertical, collapsible-vertical, horizontal
+        layout: 'full', // full, boxed-layout
+        rtlClass: 'ltr', // rtl, ltr
+        animation: '', // animate__fadeIn, animate__fadeInDown, animate__fadeInUp, animate__fadeInLeft, animate__fadeInRight, animate__slideInDown, animate__slideInLeft, animate__slideInRight, animate__zoomIn
+        navbar: 'navbar-sticky', // navbar-sticky, navbar-floating, navbar-static
+        semidark: false,
+    };
+    window.addEventListener('load', function () {
+        // screen loader
+        const screen_loader = document.getElementsByClassName('screen_loader');
+        if (screen_loader?.length) {
+            screen_loader[0].classList.add('animate__fadeOut');
+            setTimeout(() => {
+                document.body.removeChild(screen_loader[0]);
+            }, 200);
+        }
+
+        // set rtl layout
+        Alpine.store('app').setRTLLayout();
+    });
+
+    // remove animation after complete
+    const element = document.querySelector('.dvanimation');
+    element.addEventListener('animationend', () => {
+        element.classList.remove(Alpine.store('app').animation);
+    });
+
+    // set current year in footer
+    const yearEle = document.querySelector('#footer-year');
+    if (yearEle) {
+        yearEle.innerHTML = new Date().getFullYear();
+    }
+
+    // perfect scrollbar
+    const initPerfectScrollbar = () => {
+        const container = document.querySelectorAll('.perfect-scrollbar');
+        for (let i = 0; i < container.length; i++) {
+            new PerfectScrollbar(container[i], {
+                wheelPropagation: true,
+                // suppressScrollX: true,
+            });
+        }
+    };
+    initPerfectScrollbar();
+
+    document.addEventListener('alpine:init', () => {
+        Alpine.data('collapse', () => ({
+            collapse: false,
+
+            collapseSidebar() {
+                this.collapse = !this.collapse;
+            },
+        }));
+
+        Alpine.data('dropdown', (initialOpenState = false) => ({
+            open: initialOpenState,
+
+            toggle() {
+                this.open = !this.open;
+            },
+        }));
+        Alpine.data('modal', (initialOpenState = false) => ({
+            open: initialOpenState,
+
+            toggle() {
+                this.open = !this.open;
+            },
+        }));
+
+        // Magic: $tooltip
+        Alpine.magic('tooltip', (el) => (message, placement) => {
+            let instance = tippy(el, {
+                content: message,
+                trigger: 'manual',
+                placement: placement || undefined,
+                allowHTML: true,
+            });
+
+            instance.show();
+        });
+
+        Alpine.directive('dynamictooltip', (el, { expression }, { evaluate }) => {
+            let string = evaluate(expression);
+            tippy(el, {
+                content: string.charAt(0).toUpperCase() + string.slice(1),
+            });
+        });
+
+        // Directive: x-tooltip
+        Alpine.directive('tooltip', (el, { expression }) => {
+            tippy(el, {
+                content: expression,
+                placement: el.getAttribute('data-placement') || undefined,
+                allowHTML: true,
+                delay: el.getAttribute('data-delay') || 0,
+                animation: el.getAttribute('data-animation') || 'fade',
+                theme: el.getAttribute('data-theme') || '',
+            });
+        });
+
+        // Magic: $popovers
+        Alpine.magic('popovers', (el) => (message, placement) => {
+            let instance = tippy(el, {
+                content: message,
+                placement: placement || undefined,
+                interactive: true,
+                allowHTML: true,
+                // hideOnClick: el.getAttribute("data-dismissable") ? true : "toggle",
+                delay: el.getAttribute('data-delay') || 0,
+                animation: el.getAttribute('data-animation') || 'fade',
+                theme: el.getAttribute('data-theme') || '',
+                trigger: el.getAttribute('data-trigger') || 'click',
+            });
+
+            instance.show();
+        });
+
+        // main - custom functions
+        Alpine.data('main', (value) => ({}));
+
+        Alpine.store('app', {
+            // theme
+            theme: Alpine.$persist($themeConfig.theme),
+            isDarkMode: Alpine.$persist(false),
+            toggleTheme(val) {
+                if (!val) {
+                    val = this.theme || $themeConfig.theme; // light|dark|system
+                }
+
+                this.theme = val;
+
+                if (this.theme == 'light') {
+                    this.isDarkMode = false;
+                } else if (this.theme == 'dark') {
+                    this.isDarkMode = true;
+                } else if (this.theme == 'system') {
+                    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+                        this.isDarkMode = true;
+                    } else {
+                        this.isDarkMode = false;
+                    }
+                }
+            },
+
+            // navigation menu
+            menu: Alpine.$persist($themeConfig.menu),
+            toggleMenu(val) {
+                if (!val) {
+                    val = this.menu || $themeConfig.menu; // vertical, collapsible-vertical, horizontal
+                }
+                this.sidebar = false; // reset sidebar state
+                this.menu = val;
+            },
+
+            // layout
+            layout: Alpine.$persist($themeConfig.layout),
+            toggleLayout(val) {
+                if (!val) {
+                    val = this.layout || $themeConfig.layout; // full, boxed-layout
+                }
+
+                this.layout = val;
+            },
+
+            // rtl support
+            rtlClass: Alpine.$persist($themeConfig.rtlClass),
+            toggleRTL(val) {
+                if (!val) {
+                    val = this.rtlClass || $themeConfig.rtlClass; // rtl, ltr
+                }
+
+                this.rtlClass = val;
+                this.setRTLLayout();
+            },
+
+            setRTLLayout() {
+                document.querySelector('html').setAttribute('dir', this.rtlClass || $themeConfig.rtlClass);
+            },
+
+            // animation
+            animation: Alpine.$persist($themeConfig.animation),
+            toggleAnimation(val) {
+                if (!val) {
+                    val = this.animation || $themeConfig.animation; // animate__fadeIn, animate__fadeInDown, animate__fadeInLeft, animate__fadeInRight
+                }
+
+                val = val?.trim();
+
+                this.animation = val;
+            },
+
+            // navbar type
+            navbar: Alpine.$persist($themeConfig.navbar),
+            toggleNavbar(val) {
+                if (!val) {
+                    val = this.navbar || $themeConfig.navbar; // navbar-sticky, navbar-floating, navbar-static
+                }
+
+                this.navbar = val;
+            },
+
+            // semidark
+            semidark: Alpine.$persist($themeConfig.semidark),
+            toggleSemidark(val) {
+                if (!val) {
+                    val = this.semidark || $themeConfig.semidark;
+                }
+
+                this.semidark = val;
+            },
+
+            // multi language
+            locale: Alpine.$persist($themeConfig.locale),
+            toggleLocale(val) {
+                if (!val) {
+                    val = this.locale || $themeConfig.locale;
+                }
+
+                this.locale = val;
+                if (this.locale?.toLowerCase() === 'ae') {
+                    this.toggleRTL('rtl');
+                } else {
+                    this.toggleRTL('ltr');
+                }
+            },
+
+            // sidebar
+            sidebar: false,
+            toggleSidebar() {
+                this.sidebar = !this.sidebar;
+            },
+        });
+    });
+})();
diff --git a/public/assets/js/dayjs.min.js b/public/assets/js/dayjs.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..4acc24c630fa4523482e3e4e0124cc4f8f138baf
--- /dev/null
+++ b/public/assets/js/dayjs.min.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).dayjs=e()}(this,(function(){"use strict";var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",$="Invalid Date",l=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},m=function(t,e,n){var r=String(t);return!r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},g={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return(e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return-t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return+(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},v="en",D={};D[v]=M;var p=function(t){return t instanceof _},S=function t(e,n,r){var i;if(!e)return v;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else{var a=e.name;D[a]=e,i=a}return!r&&i&&(v=i),i||!r&&v},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=g;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t)}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match(l);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return O},m.isValid=function(){return!(this.$d.toString()===$)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),$=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},l=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,g="set"+(this.$u?"UTC":"");switch(h){case c:return r?$(1,0):$(31,11);case f:return r?$(1,M):$(0,M+1);case o:var v=this.$locale().weekStart||0,D=(y<v?y+7:y)-v;return $(r?m-D:m+(6-D),M);case a:case d:return l(g+"Hours",0);case u:return l(g+"Minutes",1);case s:return l(g+"Seconds",2);case i:return l(g+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),$=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],l=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[$](l),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d}else $&&this.$d[$](l);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,$=this;r=Number(r);var l=O.p(h),y=function(t){var e=w($);return O.w(e.date(e.date()+Math.round(t*r)),$)};if(l===f)return this.set(f,this.$M+r);if(l===c)return this.set(c,this.$y+r);if(l===a)return y(1);if(l===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[l]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||$;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},l={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||l[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,$){var l,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,g=this-M,v=O.m(this,M);return v=(l={},l[c]=v/12,l[f]=v,l[h]=v/3,l[o]=(g-m)/6048e5,l[a]=(g-m)/864e5,l[u]=g/n,l[s]=g/e,l[i]=g/t,l)[y]||g,$?v:O.a(v)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),T=_.prototype;return w.prototype=T,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){T[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[v],w.Ls=D,w.p={},w}));
\ No newline at end of file
diff --git a/public/assets/js/easymde.min.js b/public/assets/js/easymde.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..56a8d3a69a8c3754d52a55390102cb05577aca55
--- /dev/null
+++ b/public/assets/js/easymde.min.js
@@ -0,0 +1,7 @@
+/**
+ * easymde v2.16.1
+ * Copyright Jeroen Akkerman
+ * @link https://github.com/ionaru/easy-markdown-editor
+ * @license MIT
+ */
+!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this).EasyMDE=e()}}((function(){return function e(t,n,r){function i(a,l){if(!n[a]){if(!t[a]){var s="function"==typeof require&&require;if(!l&&s)return s(a,!0);if(o)return o(a,!0);var u=new Error("Cannot find module '"+a+"'");throw u.code="MODULE_NOT_FOUND",u}var c=n[a]={exports:{}};t[a][0].call(c.exports,(function(e){return i(t[a][1][e]||e)}),c,c.exports,e,t,n,r)}return n[a].exports}for(var o="function"==typeof require&&require,a=0;a<r.length;a++)i(r[a]);return i}({1:[function(e,t,n){},{}],2:[function(e,t,n){"use strict";var r=e("typo-js");function i(e){"function"==typeof(e=e||{}).codeMirrorInstance&&"function"==typeof e.codeMirrorInstance.defineMode?(String.prototype.includes||(String.prototype.includes=function(){return-1!==String.prototype.indexOf.apply(this,arguments)}),e.codeMirrorInstance.defineMode("spell-checker",(function(t){if(!i.aff_loading){i.aff_loading=!0;var n=new XMLHttpRequest;n.open("GET","https://cdn.jsdelivr.net/codemirror.spell-checker/latest/en_US.aff",!0),n.onload=function(){4===n.readyState&&200===n.status&&(i.aff_data=n.responseText,i.num_loaded++,2==i.num_loaded&&(i.typo=new r("en_US",i.aff_data,i.dic_data,{platform:"any"})))},n.send(null)}if(!i.dic_loading){i.dic_loading=!0;var o=new XMLHttpRequest;o.open("GET","https://cdn.jsdelivr.net/codemirror.spell-checker/latest/en_US.dic",!0),o.onload=function(){4===o.readyState&&200===o.status&&(i.dic_data=o.responseText,i.num_loaded++,2==i.num_loaded&&(i.typo=new r("en_US",i.aff_data,i.dic_data,{platform:"any"})))},o.send(null)}var a='!"#$%&()*+,-./:;<=>?@[\\]^_`{|}~ ',l={token:function(e){var t=e.peek(),n="";if(a.includes(t))return e.next(),null;for(;null!=(t=e.peek())&&!a.includes(t);)n+=t,e.next();return i.typo&&!i.typo.check(n)?"spell-error":null}},s=e.codeMirrorInstance.getMode(t,t.backdrop||"text/plain");return e.codeMirrorInstance.overlayMode(s,l,!0)}))):console.log("CodeMirror Spell Checker: You must provide an instance of CodeMirror via the option `codeMirrorInstance`")}i.num_loaded=0,i.aff_loading=!1,i.dic_loading=!1,i.aff_data="",i.dic_data="",i.typo,t.exports=i},{"typo-js":16}],3:[function(e,t,n){(function(e){"use strict";function t(t,n){clearTimeout(n.timeout),e.off(window,"mouseup",n.hurry),e.off(window,"keyup",n.hurry)}e.defineOption("autoRefresh",!1,(function(n,r){n.state.autoRefresh&&(t(0,n.state.autoRefresh),n.state.autoRefresh=null),r&&0==n.display.wrapper.offsetHeight&&function(n,r){function i(){n.display.wrapper.offsetHeight?(t(0,r),n.display.lastWrapHeight!=n.display.wrapper.clientHeight&&n.refresh()):r.timeout=setTimeout(i,r.delay)}r.timeout=setTimeout(i,r.delay),r.hurry=function(){clearTimeout(r.timeout),r.timeout=setTimeout(i,50)},e.on(window,"mouseup",r.hurry),e.on(window,"keyup",r.hurry)}(n,n.state.autoRefresh={delay:r.delay||250})}))})("object"==typeof n&&"object"==typeof t?e("../../lib/codemirror"):CodeMirror)},{"../../lib/codemirror":10}],4:[function(e,t,n){(function(e){"use strict";e.defineOption("fullScreen",!1,(function(t,n,r){r==e.Init&&(r=!1),!r!=!n&&(n?function(e){var t=e.getWrapperElement();e.state.fullScreenRestore={scrollTop:window.pageYOffset,scrollLeft:window.pageXOffset,width:t.style.width,height:t.style.height},t.style.width="",t.style.height="auto",t.className+=" CodeMirror-fullscreen",document.documentElement.style.overflow="hidden",e.refresh()}(t):function(e){var t=e.getWrapperElement();t.className=t.className.replace(/\s*CodeMirror-fullscreen\b/,""),document.documentElement.style.overflow="";var n=e.state.fullScreenRestore;t.style.width=n.width,t.style.height=n.height,window.scrollTo(n.scrollLeft,n.scrollTop),e.refresh()}(t))}))})("object"==typeof n&&"object"==typeof t?e("../../lib/codemirror"):CodeMirror)},{"../../lib/codemirror":10}],5:[function(e,t,n){(function(e){function t(e){e.state.placeholder&&(e.state.placeholder.parentNode.removeChild(e.state.placeholder),e.state.placeholder=null)}function n(e){t(e);var n=e.state.placeholder=document.createElement("pre");n.style.cssText="height: 0; overflow: visible",n.style.direction=e.getOption("direction"),n.className="CodeMirror-placeholder CodeMirror-line-like";var r=e.getOption("placeholder");"string"==typeof r&&(r=document.createTextNode(r)),n.appendChild(r),e.display.lineSpace.insertBefore(n,e.display.lineSpace.firstChild)}function r(e){o(e)&&n(e)}function i(e){var r=e.getWrapperElement(),i=o(e);r.className=r.className.replace(" CodeMirror-empty","")+(i?" CodeMirror-empty":""),i?n(e):t(e)}function o(e){return 1===e.lineCount()&&""===e.getLine(0)}e.defineOption("placeholder","",(function(o,a,l){var s=l&&l!=e.Init;if(a&&!s)o.on("blur",r),o.on("change",i),o.on("swapDoc",i),e.on(o.getInputField(),"compositionupdate",o.state.placeholderCompose=function(){!function(e){setTimeout((function(){var r=!1;if(1==e.lineCount()){var i=e.getInputField();r="TEXTAREA"==i.nodeName?!e.getLine(0).length:!/[^\u200b]/.test(i.querySelector(".CodeMirror-line").textContent)}r?n(e):t(e)}),20)}(o)}),i(o);else if(!a&&s){o.off("blur",r),o.off("change",i),o.off("swapDoc",i),e.off(o.getInputField(),"compositionupdate",o.state.placeholderCompose),t(o);var u=o.getWrapperElement();u.className=u.className.replace(" CodeMirror-empty","")}a&&!o.hasFocus()&&r(o)}))})("object"==typeof n&&"object"==typeof t?e("../../lib/codemirror"):CodeMirror)},{"../../lib/codemirror":10}],6:[function(e,t,n){(function(e){"use strict";var t=/^(\s*)(>[> ]*|[*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]))(\s*)/,n=/^(\s*)(>[> ]*|[*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/,r=/[*+-]\s/;function i(e,n){var r=n.line,i=0,o=0,a=t.exec(e.getLine(r)),l=a[1];do{var s=r+(i+=1),u=e.getLine(s),c=t.exec(u);if(c){var d=c[1],h=parseInt(a[3],10)+i-o,f=parseInt(c[3],10),p=f;if(l!==d||isNaN(f)){if(l.length>d.length)return;if(l.length<d.length&&1===i)return;o+=1}else h===f&&(p=f+1),h>f&&(p=h+1),e.replaceRange(u.replace(t,d+p+c[4]+c[5]),{line:s,ch:0},{line:s,ch:u.length})}}while(c)}e.commands.newlineAndIndentContinueMarkdownList=function(o){if(o.getOption("disableInput"))return e.Pass;for(var a=o.listSelections(),l=[],s=0;s<a.length;s++){var u=a[s].head,c=o.getStateAfter(u.line),d=e.innerMode(o.getMode(),c);if("markdown"!==d.mode.name)return void o.execCommand("newlineAndIndent");var h=!1!==(c=d.state).list,f=0!==c.quote,p=o.getLine(u.line),m=t.exec(p),g=/^\s*$/.test(p.slice(0,u.ch));if(!a[s].empty()||!h&&!f||!m||g)return void o.execCommand("newlineAndIndent");if(n.test(p)){var v=f&&/>\s*$/.test(p),x=!/>\s*$/.test(p);(v||x)&&o.replaceRange("",{line:u.line,ch:0},{line:u.line,ch:u.ch+1}),l[s]="\n"}else{var y=m[1],b=m[5],D=!(r.test(m[2])||m[2].indexOf(">")>=0),C=D?parseInt(m[3],10)+1+m[4]:m[2].replace("x"," ");l[s]="\n"+y+C+b,D&&i(o,u)}}o.replaceSelections(l)}})("object"==typeof n&&"object"==typeof t?e("../../lib/codemirror"):CodeMirror)},{"../../lib/codemirror":10}],7:[function(e,t,n){(function(e){"use strict";e.overlayMode=function(t,n,r){return{startState:function(){return{base:e.startState(t),overlay:e.startState(n),basePos:0,baseCur:null,overlayPos:0,overlayCur:null,streamSeen:null}},copyState:function(r){return{base:e.copyState(t,r.base),overlay:e.copyState(n,r.overlay),basePos:r.basePos,baseCur:null,overlayPos:r.overlayPos,overlayCur:null}},token:function(e,i){return(e!=i.streamSeen||Math.min(i.basePos,i.overlayPos)<e.start)&&(i.streamSeen=e,i.basePos=i.overlayPos=e.start),e.start==i.basePos&&(i.baseCur=t.token(e,i.base),i.basePos=e.pos),e.start==i.overlayPos&&(e.pos=e.start,i.overlayCur=n.token(e,i.overlay),i.overlayPos=e.pos),e.pos=Math.min(i.basePos,i.overlayPos),null==i.overlayCur?i.baseCur:null!=i.baseCur&&i.overlay.combineTokens||r&&null==i.overlay.combineTokens?i.baseCur+" "+i.overlayCur:i.overlayCur},indent:t.indent&&function(e,n,r){return t.indent(e.base,n,r)},electricChars:t.electricChars,innerMode:function(e){return{state:e.base,mode:t}},blankLine:function(e){var i,o;return t.blankLine&&(i=t.blankLine(e.base)),n.blankLine&&(o=n.blankLine(e.overlay)),null==o?i:r&&null!=i?i+" "+o:o}}}})("object"==typeof n&&"object"==typeof t?e("../../lib/codemirror"):CodeMirror)},{"../../lib/codemirror":10}],8:[function(e,t,n){(function(e){"use strict";var t,n,r=e.Pos;function i(e,t){for(var n=function(e){var t=e.flags;return null!=t?t:(e.ignoreCase?"i":"")+(e.global?"g":"")+(e.multiline?"m":"")}(e),r=n,i=0;i<t.length;i++)-1==r.indexOf(t.charAt(i))&&(r+=t.charAt(i));return n==r?e:new RegExp(e.source,r)}function o(e){return/\\s|\\n|\n|\\W|\\D|\[\^/.test(e.source)}function a(e,t,n){t=i(t,"g");for(var o=n.line,a=n.ch,l=e.lastLine();o<=l;o++,a=0){t.lastIndex=a;var s=e.getLine(o),u=t.exec(s);if(u)return{from:r(o,u.index),to:r(o,u.index+u[0].length),match:u}}}function l(e,t,n){if(!o(t))return a(e,t,n);t=i(t,"gm");for(var l,s=1,u=n.line,c=e.lastLine();u<=c;){for(var d=0;d<s&&!(u>c);d++){var h=e.getLine(u++);l=null==l?h:l+"\n"+h}s*=2,t.lastIndex=n.ch;var f=t.exec(l);if(f){var p=l.slice(0,f.index).split("\n"),m=f[0].split("\n"),g=n.line+p.length-1,v=p[p.length-1].length;return{from:r(g,v),to:r(g+m.length-1,1==m.length?v+m[0].length:m[m.length-1].length),match:f}}}}function s(e,t,n){for(var r,i=0;i<=e.length;){t.lastIndex=i;var o=t.exec(e);if(!o)break;var a=o.index+o[0].length;if(a>e.length-n)break;(!r||a>r.index+r[0].length)&&(r=o),i=o.index+1}return r}function u(e,t,n){t=i(t,"g");for(var o=n.line,a=n.ch,l=e.firstLine();o>=l;o--,a=-1){var u=e.getLine(o),c=s(u,t,a<0?0:u.length-a);if(c)return{from:r(o,c.index),to:r(o,c.index+c[0].length),match:c}}}function c(e,t,n){if(!o(t))return u(e,t,n);t=i(t,"gm");for(var a,l=1,c=e.getLine(n.line).length-n.ch,d=n.line,h=e.firstLine();d>=h;){for(var f=0;f<l&&d>=h;f++){var p=e.getLine(d--);a=null==a?p:p+"\n"+a}l*=2;var m=s(a,t,c);if(m){var g=a.slice(0,m.index).split("\n"),v=m[0].split("\n"),x=d+g.length,y=g[g.length-1].length;return{from:r(x,y),to:r(x+v.length-1,1==v.length?y+v[0].length:v[v.length-1].length),match:m}}}}function d(e,t,n,r){if(e.length==t.length)return n;for(var i=0,o=n+Math.max(0,e.length-t.length);;){if(i==o)return i;var a=i+o>>1,l=r(e.slice(0,a)).length;if(l==n)return a;l>n?o=a:i=a+1}}function h(e,i,o,a){if(!i.length)return null;var l=a?t:n,s=l(i).split(/\r|\n\r?/);e:for(var u=o.line,c=o.ch,h=e.lastLine()+1-s.length;u<=h;u++,c=0){var f=e.getLine(u).slice(c),p=l(f);if(1==s.length){var m=p.indexOf(s[0]);if(-1==m)continue e;return o=d(f,p,m,l)+c,{from:r(u,d(f,p,m,l)+c),to:r(u,d(f,p,m+s[0].length,l)+c)}}var g=p.length-s[0].length;if(p.slice(g)==s[0]){for(var v=1;v<s.length-1;v++)if(l(e.getLine(u+v))!=s[v])continue e;var x=e.getLine(u+s.length-1),y=l(x),b=s[s.length-1];if(y.slice(0,b.length)==b)return{from:r(u,d(f,p,g,l)+c),to:r(u+s.length-1,d(x,y,b.length,l))}}}}function f(e,i,o,a){if(!i.length)return null;var l=a?t:n,s=l(i).split(/\r|\n\r?/);e:for(var u=o.line,c=o.ch,h=e.firstLine()-1+s.length;u>=h;u--,c=-1){var f=e.getLine(u);c>-1&&(f=f.slice(0,c));var p=l(f);if(1==s.length){var m=p.lastIndexOf(s[0]);if(-1==m)continue e;return{from:r(u,d(f,p,m,l)),to:r(u,d(f,p,m+s[0].length,l))}}var g=s[s.length-1];if(p.slice(0,g.length)==g){var v=1;for(o=u-s.length+1;v<s.length-1;v++)if(l(e.getLine(o+v))!=s[v])continue e;var x=e.getLine(u+1-s.length),y=l(x);if(y.slice(y.length-s[0].length)==s[0])return{from:r(u+1-s.length,d(x,y,x.length-s[0].length,l)),to:r(u,d(f,p,g.length,l))}}}}function p(e,t,n,o){var s;this.atOccurrence=!1,this.afterEmptyMatch=!1,this.doc=e,n=n?e.clipPos(n):r(0,0),this.pos={from:n,to:n},"object"==typeof o?s=o.caseFold:(s=o,o=null),"string"==typeof t?(null==s&&(s=!1),this.matches=function(n,r){return(n?f:h)(e,t,r,s)}):(t=i(t,"gm"),o&&!1===o.multiline?this.matches=function(n,r){return(n?u:a)(e,t,r)}:this.matches=function(n,r){return(n?c:l)(e,t,r)})}String.prototype.normalize?(t=function(e){return e.normalize("NFD").toLowerCase()},n=function(e){return e.normalize("NFD")}):(t=function(e){return e.toLowerCase()},n=function(e){return e}),p.prototype={findNext:function(){return this.find(!1)},findPrevious:function(){return this.find(!0)},find:function(t){var n=this.doc.clipPos(t?this.pos.from:this.pos.to);if(this.afterEmptyMatch&&this.atOccurrence&&(n=r(n.line,n.ch),t?(n.ch--,n.ch<0&&(n.line--,n.ch=(this.doc.getLine(n.line)||"").length)):(n.ch++,n.ch>(this.doc.getLine(n.line)||"").length&&(n.ch=0,n.line++)),0!=e.cmpPos(n,this.doc.clipPos(n))))return this.atOccurrence=!1;var i=this.matches(t,n);if(this.afterEmptyMatch=i&&0==e.cmpPos(i.from,i.to),i)return this.pos=i,this.atOccurrence=!0,this.pos.match||!0;var o=r(t?this.doc.firstLine():this.doc.lastLine()+1,0);return this.pos={from:o,to:o},this.atOccurrence=!1},from:function(){if(this.atOccurrence)return this.pos.from},to:function(){if(this.atOccurrence)return this.pos.to},replace:function(t,n){if(this.atOccurrence){var i=e.splitLines(t);this.doc.replaceRange(i,this.pos.from,this.pos.to,n),this.pos.to=r(this.pos.from.line+i.length-1,i[i.length-1].length+(1==i.length?this.pos.from.ch:0))}}},e.defineExtension("getSearchCursor",(function(e,t,n){return new p(this.doc,e,t,n)})),e.defineDocExtension("getSearchCursor",(function(e,t,n){return new p(this,e,t,n)})),e.defineExtension("selectMatches",(function(t,n){for(var r=[],i=this.getSearchCursor(t,this.getCursor("from"),n);i.findNext()&&!(e.cmpPos(i.to(),this.getCursor("to"))>0);)r.push({anchor:i.from(),head:i.to()});r.length&&this.setSelections(r,0)}))})("object"==typeof n&&"object"==typeof t?e("../../lib/codemirror"):CodeMirror)},{"../../lib/codemirror":10}],9:[function(e,t,n){(function(e){"use strict";function t(e){e.state.markedSelection&&e.operation((function(){!function(e){if(!e.somethingSelected())return a(e);if(e.listSelections().length>1)return l(e);var t=e.getCursor("start"),n=e.getCursor("end"),r=e.state.markedSelection;if(!r.length)return o(e,t,n);var s=r[0].find(),u=r[r.length-1].find();if(!s||!u||n.line-t.line<=8||i(t,u.to)>=0||i(n,s.from)<=0)return l(e);for(;i(t,s.from)>0;)r.shift().clear(),s=r[0].find();for(i(t,s.from)<0&&(s.to.line-t.line<8?(r.shift().clear(),o(e,t,s.to,0)):o(e,t,s.from,0));i(n,u.to)<0;)r.pop().clear(),u=r[r.length-1].find();i(n,u.to)>0&&(n.line-u.from.line<8?(r.pop().clear(),o(e,u.from,n)):o(e,u.to,n))}(e)}))}function n(e){e.state.markedSelection&&e.state.markedSelection.length&&e.operation((function(){a(e)}))}e.defineOption("styleSelectedText",!1,(function(r,i,o){var s=o&&o!=e.Init;i&&!s?(r.state.markedSelection=[],r.state.markedSelectionStyle="string"==typeof i?i:"CodeMirror-selectedtext",l(r),r.on("cursorActivity",t),r.on("change",n)):!i&&s&&(r.off("cursorActivity",t),r.off("change",n),a(r),r.state.markedSelection=r.state.markedSelectionStyle=null)}));var r=e.Pos,i=e.cmpPos;function o(e,t,n,o){if(0!=i(t,n))for(var a=e.state.markedSelection,l=e.state.markedSelectionStyle,s=t.line;;){var u=s==t.line?t:r(s,0),c=s+8,d=c>=n.line,h=d?n:r(c,0),f=e.markText(u,h,{className:l});if(null==o?a.push(f):a.splice(o++,0,f),d)break;s=c}}function a(e){for(var t=e.state.markedSelection,n=0;n<t.length;++n)t[n].clear();t.length=0}function l(e){a(e);for(var t=e.listSelections(),n=0;n<t.length;n++)o(e,t[n].from(),t[n].to())}})("object"==typeof n&&"object"==typeof t?e("../../lib/codemirror"):CodeMirror)},{"../../lib/codemirror":10}],10:[function(e,t,n){!function(e,r){"object"==typeof n&&void 0!==t?t.exports=r():(e=e||self).CodeMirror=r()}(this,(function(){"use strict";var e=navigator.userAgent,t=navigator.platform,n=/gecko\/\d/i.test(e),r=/MSIE \d/.test(e),i=/Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(e),o=/Edge\/(\d+)/.exec(e),a=r||i||o,l=a&&(r?document.documentMode||6:+(o||i)[1]),s=!o&&/WebKit\//.test(e),u=s&&/Qt\/\d+\.\d+/.test(e),c=!o&&/Chrome\//.test(e),d=/Opera\//.test(e),h=/Apple Computer/.test(navigator.vendor),f=/Mac OS X 1\d\D([8-9]|\d\d)\D/.test(e),p=/PhantomJS/.test(e),m=h&&(/Mobile\/\w+/.test(e)||navigator.maxTouchPoints>2),g=/Android/.test(e),v=m||g||/webOS|BlackBerry|Opera Mini|Opera Mobi|IEMobile/i.test(e),x=m||/Mac/.test(t),y=/\bCrOS\b/.test(e),b=/win/i.test(t),D=d&&e.match(/Version\/(\d*\.\d*)/);D&&(D=Number(D[1])),D&&D>=15&&(d=!1,s=!0);var C=x&&(u||d&&(null==D||D<12.11)),w=n||a&&l>=9;function k(e){return new RegExp("(^|\\s)"+e+"(?:$|\\s)\\s*")}var S,F=function(e,t){var n=e.className,r=k(t).exec(n);if(r){var i=n.slice(r.index+r[0].length);e.className=n.slice(0,r.index)+(i?r[1]+i:"")}};function A(e){for(var t=e.childNodes.length;t>0;--t)e.removeChild(e.firstChild);return e}function E(e,t){return A(e).appendChild(t)}function T(e,t,n,r){var i=document.createElement(e);if(n&&(i.className=n),r&&(i.style.cssText=r),"string"==typeof t)i.appendChild(document.createTextNode(t));else if(t)for(var o=0;o<t.length;++o)i.appendChild(t[o]);return i}function L(e,t,n,r){var i=T(e,t,n,r);return i.setAttribute("role","presentation"),i}function M(e,t){if(3==t.nodeType&&(t=t.parentNode),e.contains)return e.contains(t);do{if(11==t.nodeType&&(t=t.host),t==e)return!0}while(t=t.parentNode)}function B(){var e;try{e=document.activeElement}catch(t){e=document.body||null}for(;e&&e.shadowRoot&&e.shadowRoot.activeElement;)e=e.shadowRoot.activeElement;return e}function N(e,t){var n=e.className;k(t).test(n)||(e.className+=(n?" ":"")+t)}function O(e,t){for(var n=e.split(" "),r=0;r<n.length;r++)n[r]&&!k(n[r]).test(t)&&(t+=" "+n[r]);return t}S=document.createRange?function(e,t,n,r){var i=document.createRange();return i.setEnd(r||e,n),i.setStart(e,t),i}:function(e,t,n){var r=document.body.createTextRange();try{r.moveToElementText(e.parentNode)}catch(e){return r}return r.collapse(!0),r.moveEnd("character",n),r.moveStart("character",t),r};var I=function(e){e.select()};function z(e){var t=Array.prototype.slice.call(arguments,1);return function(){return e.apply(null,t)}}function H(e,t,n){for(var r in t||(t={}),e)!e.hasOwnProperty(r)||!1===n&&t.hasOwnProperty(r)||(t[r]=e[r]);return t}function R(e,t,n,r,i){null==t&&-1==(t=e.search(/[^\s\u00a0]/))&&(t=e.length);for(var o=r||0,a=i||0;;){var l=e.indexOf("\t",o);if(l<0||l>=t)return a+(t-o);a+=l-o,a+=n-a%n,o=l+1}}m?I=function(e){e.selectionStart=0,e.selectionEnd=e.value.length}:a&&(I=function(e){try{e.select()}catch(e){}});var P=function(){this.id=null,this.f=null,this.time=0,this.handler=z(this.onTimeout,this)};function _(e,t){for(var n=0;n<e.length;++n)if(e[n]==t)return n;return-1}P.prototype.onTimeout=function(e){e.id=0,e.time<=+new Date?e.f():setTimeout(e.handler,e.time-+new Date)},P.prototype.set=function(e,t){this.f=t;var n=+new Date+e;(!this.id||n<this.time)&&(clearTimeout(this.id),this.id=setTimeout(this.handler,e),this.time=n)};var W={toString:function(){return"CodeMirror.Pass"}},j={scroll:!1},q={origin:"*mouse"},U={origin:"+move"};function $(e,t,n){for(var r=0,i=0;;){var o=e.indexOf("\t",r);-1==o&&(o=e.length);var a=o-r;if(o==e.length||i+a>=t)return r+Math.min(a,t-i);if(i+=o-r,r=o+1,(i+=n-i%n)>=t)return r}}var G=[""];function V(e){for(;G.length<=e;)G.push(X(G)+" ");return G[e]}function X(e){return e[e.length-1]}function K(e,t){for(var n=[],r=0;r<e.length;r++)n[r]=t(e[r],r);return n}function Z(){}function Y(e,t){var n;return Object.create?n=Object.create(e):(Z.prototype=e,n=new Z),t&&H(t,n),n}var Q=/[\u00df\u0587\u0590-\u05f4\u0600-\u06ff\u3040-\u309f\u30a0-\u30ff\u3400-\u4db5\u4e00-\u9fcc\uac00-\ud7af]/;function J(e){return/\w/.test(e)||e>"€"&&(e.toUpperCase()!=e.toLowerCase()||Q.test(e))}function ee(e,t){return t?!!(t.source.indexOf("\\w")>-1&&J(e))||t.test(e):J(e)}function te(e){for(var t in e)if(e.hasOwnProperty(t)&&e[t])return!1;return!0}var ne=/[\u0300-\u036f\u0483-\u0489\u0591-\u05bd\u05bf\u05c1\u05c2\u05c4\u05c5\u05c7\u0610-\u061a\u064b-\u065e\u0670\u06d6-\u06dc\u06de-\u06e4\u06e7\u06e8\u06ea-\u06ed\u0711\u0730-\u074a\u07a6-\u07b0\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0900-\u0902\u093c\u0941-\u0948\u094d\u0951-\u0955\u0962\u0963\u0981\u09bc\u09be\u09c1-\u09c4\u09cd\u09d7\u09e2\u09e3\u0a01\u0a02\u0a3c\u0a41\u0a42\u0a47\u0a48\u0a4b-\u0a4d\u0a51\u0a70\u0a71\u0a75\u0a81\u0a82\u0abc\u0ac1-\u0ac5\u0ac7\u0ac8\u0acd\u0ae2\u0ae3\u0b01\u0b3c\u0b3e\u0b3f\u0b41-\u0b44\u0b4d\u0b56\u0b57\u0b62\u0b63\u0b82\u0bbe\u0bc0\u0bcd\u0bd7\u0c3e-\u0c40\u0c46-\u0c48\u0c4a-\u0c4d\u0c55\u0c56\u0c62\u0c63\u0cbc\u0cbf\u0cc2\u0cc6\u0ccc\u0ccd\u0cd5\u0cd6\u0ce2\u0ce3\u0d3e\u0d41-\u0d44\u0d4d\u0d57\u0d62\u0d63\u0dca\u0dcf\u0dd2-\u0dd4\u0dd6\u0ddf\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0eb1\u0eb4-\u0eb9\u0ebb\u0ebc\u0ec8-\u0ecd\u0f18\u0f19\u0f35\u0f37\u0f39\u0f71-\u0f7e\u0f80-\u0f84\u0f86\u0f87\u0f90-\u0f97\u0f99-\u0fbc\u0fc6\u102d-\u1030\u1032-\u1037\u1039\u103a\u103d\u103e\u1058\u1059\u105e-\u1060\u1071-\u1074\u1082\u1085\u1086\u108d\u109d\u135f\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17b7-\u17bd\u17c6\u17c9-\u17d3\u17dd\u180b-\u180d\u18a9\u1920-\u1922\u1927\u1928\u1932\u1939-\u193b\u1a17\u1a18\u1a56\u1a58-\u1a5e\u1a60\u1a62\u1a65-\u1a6c\u1a73-\u1a7c\u1a7f\u1b00-\u1b03\u1b34\u1b36-\u1b3a\u1b3c\u1b42\u1b6b-\u1b73\u1b80\u1b81\u1ba2-\u1ba5\u1ba8\u1ba9\u1c2c-\u1c33\u1c36\u1c37\u1cd0-\u1cd2\u1cd4-\u1ce0\u1ce2-\u1ce8\u1ced\u1dc0-\u1de6\u1dfd-\u1dff\u200c\u200d\u20d0-\u20f0\u2cef-\u2cf1\u2de0-\u2dff\u302a-\u302f\u3099\u309a\ua66f-\ua672\ua67c\ua67d\ua6f0\ua6f1\ua802\ua806\ua80b\ua825\ua826\ua8c4\ua8e0-\ua8f1\ua926-\ua92d\ua947-\ua951\ua980-\ua982\ua9b3\ua9b6-\ua9b9\ua9bc\uaa29-\uaa2e\uaa31\uaa32\uaa35\uaa36\uaa43\uaa4c\uaab0\uaab2-\uaab4\uaab7\uaab8\uaabe\uaabf\uaac1\uabe5\uabe8\uabed\udc00-\udfff\ufb1e\ufe00-\ufe0f\ufe20-\ufe26\uff9e\uff9f]/;function re(e){return e.charCodeAt(0)>=768&&ne.test(e)}function ie(e,t,n){for(;(n<0?t>0:t<e.length)&&re(e.charAt(t));)t+=n;return t}function oe(e,t,n){for(var r=t>n?-1:1;;){if(t==n)return t;var i=(t+n)/2,o=r<0?Math.ceil(i):Math.floor(i);if(o==t)return e(o)?t:n;e(o)?n=o:t=o+r}}var ae=null;function le(e,t,n){var r;ae=null;for(var i=0;i<e.length;++i){var o=e[i];if(o.from<t&&o.to>t)return i;o.to==t&&(o.from!=o.to&&"before"==n?r=i:ae=i),o.from==t&&(o.from!=o.to&&"before"!=n?r=i:ae=i)}return null!=r?r:ae}var se=function(){var e=/[\u0590-\u05f4\u0600-\u06ff\u0700-\u08ac]/,t=/[stwN]/,n=/[LRr]/,r=/[Lb1n]/,i=/[1n]/;function o(e,t,n){this.level=e,this.from=t,this.to=n}return function(a,l){var s="ltr"==l?"L":"R";if(0==a.length||"ltr"==l&&!e.test(a))return!1;for(var u,c=a.length,d=[],h=0;h<c;++h)d.push((u=a.charCodeAt(h))<=247?"bbbbbbbbbtstwsbbbbbbbbbbbbbbssstwNN%%%NNNNNN,N,N1111111111NNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNbbbbbbsbbbbbbbbbbbbbbbbbbbbbbbbbb,N%%%%NNNNLNNNNN%%11NLNNN1LNNNNNLLLLLLLLLLLLLLLLLLLLLLLNLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLN".charAt(u):1424<=u&&u<=1524?"R":1536<=u&&u<=1785?"nnnnnnNNr%%r,rNNmmmmmmmmmmmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmmmmmmmmmmmmmmmnnnnnnnnnn%nnrrrmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmnNmmmmmmrrmmNmmmmrr1111111111".charAt(u-1536):1774<=u&&u<=2220?"r":8192<=u&&u<=8203?"w":8204==u?"b":"L");for(var f=0,p=s;f<c;++f){var m=d[f];"m"==m?d[f]=p:p=m}for(var g=0,v=s;g<c;++g){var x=d[g];"1"==x&&"r"==v?d[g]="n":n.test(x)&&(v=x,"r"==x&&(d[g]="R"))}for(var y=1,b=d[0];y<c-1;++y){var D=d[y];"+"==D&&"1"==b&&"1"==d[y+1]?d[y]="1":","!=D||b!=d[y+1]||"1"!=b&&"n"!=b||(d[y]=b),b=D}for(var C=0;C<c;++C){var w=d[C];if(","==w)d[C]="N";else if("%"==w){var k=void 0;for(k=C+1;k<c&&"%"==d[k];++k);for(var S=C&&"!"==d[C-1]||k<c&&"1"==d[k]?"1":"N",F=C;F<k;++F)d[F]=S;C=k-1}}for(var A=0,E=s;A<c;++A){var T=d[A];"L"==E&&"1"==T?d[A]="L":n.test(T)&&(E=T)}for(var L=0;L<c;++L)if(t.test(d[L])){var M=void 0;for(M=L+1;M<c&&t.test(d[M]);++M);for(var B="L"==(L?d[L-1]:s),N=B==("L"==(M<c?d[M]:s))?B?"L":"R":s,O=L;O<M;++O)d[O]=N;L=M-1}for(var I,z=[],H=0;H<c;)if(r.test(d[H])){var R=H;for(++H;H<c&&r.test(d[H]);++H);z.push(new o(0,R,H))}else{var P=H,_=z.length,W="rtl"==l?1:0;for(++H;H<c&&"L"!=d[H];++H);for(var j=P;j<H;)if(i.test(d[j])){P<j&&(z.splice(_,0,new o(1,P,j)),_+=W);var q=j;for(++j;j<H&&i.test(d[j]);++j);z.splice(_,0,new o(2,q,j)),_+=W,P=j}else++j;P<H&&z.splice(_,0,new o(1,P,H))}return"ltr"==l&&(1==z[0].level&&(I=a.match(/^\s+/))&&(z[0].from=I[0].length,z.unshift(new o(0,0,I[0].length))),1==X(z).level&&(I=a.match(/\s+$/))&&(X(z).to-=I[0].length,z.push(new o(0,c-I[0].length,c)))),"rtl"==l?z.reverse():z}}();function ue(e,t){var n=e.order;return null==n&&(n=e.order=se(e.text,t)),n}var ce=[],de=function(e,t,n){if(e.addEventListener)e.addEventListener(t,n,!1);else if(e.attachEvent)e.attachEvent("on"+t,n);else{var r=e._handlers||(e._handlers={});r[t]=(r[t]||ce).concat(n)}};function he(e,t){return e._handlers&&e._handlers[t]||ce}function fe(e,t,n){if(e.removeEventListener)e.removeEventListener(t,n,!1);else if(e.detachEvent)e.detachEvent("on"+t,n);else{var r=e._handlers,i=r&&r[t];if(i){var o=_(i,n);o>-1&&(r[t]=i.slice(0,o).concat(i.slice(o+1)))}}}function pe(e,t){var n=he(e,t);if(n.length)for(var r=Array.prototype.slice.call(arguments,2),i=0;i<n.length;++i)n[i].apply(null,r)}function me(e,t,n){return"string"==typeof t&&(t={type:t,preventDefault:function(){this.defaultPrevented=!0}}),pe(e,n||t.type,e,t),De(t)||t.codemirrorIgnore}function ge(e){var t=e._handlers&&e._handlers.cursorActivity;if(t)for(var n=e.curOp.cursorActivityHandlers||(e.curOp.cursorActivityHandlers=[]),r=0;r<t.length;++r)-1==_(n,t[r])&&n.push(t[r])}function ve(e,t){return he(e,t).length>0}function xe(e){e.prototype.on=function(e,t){de(this,e,t)},e.prototype.off=function(e,t){fe(this,e,t)}}function ye(e){e.preventDefault?e.preventDefault():e.returnValue=!1}function be(e){e.stopPropagation?e.stopPropagation():e.cancelBubble=!0}function De(e){return null!=e.defaultPrevented?e.defaultPrevented:0==e.returnValue}function Ce(e){ye(e),be(e)}function we(e){return e.target||e.srcElement}function ke(e){var t=e.which;return null==t&&(1&e.button?t=1:2&e.button?t=3:4&e.button&&(t=2)),x&&e.ctrlKey&&1==t&&(t=3),t}var Se,Fe,Ae=function(){if(a&&l<9)return!1;var e=T("div");return"draggable"in e||"dragDrop"in e}();function Ee(e){if(null==Se){var t=T("span","​");E(e,T("span",[t,document.createTextNode("x")])),0!=e.firstChild.offsetHeight&&(Se=t.offsetWidth<=1&&t.offsetHeight>2&&!(a&&l<8))}var n=Se?T("span","​"):T("span"," ",null,"display: inline-block; width: 1px; margin-right: -1px");return n.setAttribute("cm-text",""),n}function Te(e){if(null!=Fe)return Fe;var t=E(e,document.createTextNode("AخA")),n=S(t,0,1).getBoundingClientRect(),r=S(t,1,2).getBoundingClientRect();return A(e),!(!n||n.left==n.right)&&(Fe=r.right-n.right<3)}var Le,Me=3!="\n\nb".split(/\n/).length?function(e){for(var t=0,n=[],r=e.length;t<=r;){var i=e.indexOf("\n",t);-1==i&&(i=e.length);var o=e.slice(t,"\r"==e.charAt(i-1)?i-1:i),a=o.indexOf("\r");-1!=a?(n.push(o.slice(0,a)),t+=a+1):(n.push(o),t=i+1)}return n}:function(e){return e.split(/\r\n?|\n/)},Be=window.getSelection?function(e){try{return e.selectionStart!=e.selectionEnd}catch(e){return!1}}:function(e){var t;try{t=e.ownerDocument.selection.createRange()}catch(e){}return!(!t||t.parentElement()!=e)&&0!=t.compareEndPoints("StartToEnd",t)},Ne="oncopy"in(Le=T("div"))||(Le.setAttribute("oncopy","return;"),"function"==typeof Le.oncopy),Oe=null;var Ie={},ze={};function He(e,t){arguments.length>2&&(t.dependencies=Array.prototype.slice.call(arguments,2)),Ie[e]=t}function Re(e){if("string"==typeof e&&ze.hasOwnProperty(e))e=ze[e];else if(e&&"string"==typeof e.name&&ze.hasOwnProperty(e.name)){var t=ze[e.name];"string"==typeof t&&(t={name:t}),(e=Y(t,e)).name=t.name}else{if("string"==typeof e&&/^[\w\-]+\/[\w\-]+\+xml$/.test(e))return Re("application/xml");if("string"==typeof e&&/^[\w\-]+\/[\w\-]+\+json$/.test(e))return Re("application/json")}return"string"==typeof e?{name:e}:e||{name:"null"}}function Pe(e,t){t=Re(t);var n=Ie[t.name];if(!n)return Pe(e,"text/plain");var r=n(e,t);if(_e.hasOwnProperty(t.name)){var i=_e[t.name];for(var o in i)i.hasOwnProperty(o)&&(r.hasOwnProperty(o)&&(r["_"+o]=r[o]),r[o]=i[o])}if(r.name=t.name,t.helperType&&(r.helperType=t.helperType),t.modeProps)for(var a in t.modeProps)r[a]=t.modeProps[a];return r}var _e={};function We(e,t){H(t,_e.hasOwnProperty(e)?_e[e]:_e[e]={})}function je(e,t){if(!0===t)return t;if(e.copyState)return e.copyState(t);var n={};for(var r in t){var i=t[r];i instanceof Array&&(i=i.concat([])),n[r]=i}return n}function qe(e,t){for(var n;e.innerMode&&(n=e.innerMode(t))&&n.mode!=e;)t=n.state,e=n.mode;return n||{mode:e,state:t}}function Ue(e,t,n){return!e.startState||e.startState(t,n)}var $e=function(e,t,n){this.pos=this.start=0,this.string=e,this.tabSize=t||8,this.lastColumnPos=this.lastColumnValue=0,this.lineStart=0,this.lineOracle=n};function Ge(e,t){if((t-=e.first)<0||t>=e.size)throw new Error("There is no line "+(t+e.first)+" in the document.");for(var n=e;!n.lines;)for(var r=0;;++r){var i=n.children[r],o=i.chunkSize();if(t<o){n=i;break}t-=o}return n.lines[t]}function Ve(e,t,n){var r=[],i=t.line;return e.iter(t.line,n.line+1,(function(e){var o=e.text;i==n.line&&(o=o.slice(0,n.ch)),i==t.line&&(o=o.slice(t.ch)),r.push(o),++i})),r}function Xe(e,t,n){var r=[];return e.iter(t,n,(function(e){r.push(e.text)})),r}function Ke(e,t){var n=t-e.height;if(n)for(var r=e;r;r=r.parent)r.height+=n}function Ze(e){if(null==e.parent)return null;for(var t=e.parent,n=_(t.lines,e),r=t.parent;r;t=r,r=r.parent)for(var i=0;r.children[i]!=t;++i)n+=r.children[i].chunkSize();return n+t.first}function Ye(e,t){var n=e.first;e:do{for(var r=0;r<e.children.length;++r){var i=e.children[r],o=i.height;if(t<o){e=i;continue e}t-=o,n+=i.chunkSize()}return n}while(!e.lines);for(var a=0;a<e.lines.length;++a){var l=e.lines[a].height;if(t<l)break;t-=l}return n+a}function Qe(e,t){return t>=e.first&&t<e.first+e.size}function Je(e,t){return String(e.lineNumberFormatter(t+e.firstLineNumber))}function et(e,t,n){if(void 0===n&&(n=null),!(this instanceof et))return new et(e,t,n);this.line=e,this.ch=t,this.sticky=n}function tt(e,t){return e.line-t.line||e.ch-t.ch}function nt(e,t){return e.sticky==t.sticky&&0==tt(e,t)}function rt(e){return et(e.line,e.ch)}function it(e,t){return tt(e,t)<0?t:e}function ot(e,t){return tt(e,t)<0?e:t}function at(e,t){return Math.max(e.first,Math.min(t,e.first+e.size-1))}function lt(e,t){if(t.line<e.first)return et(e.first,0);var n=e.first+e.size-1;return t.line>n?et(n,Ge(e,n).text.length):function(e,t){var n=e.ch;return null==n||n>t?et(e.line,t):n<0?et(e.line,0):e}(t,Ge(e,t.line).text.length)}function st(e,t){for(var n=[],r=0;r<t.length;r++)n[r]=lt(e,t[r]);return n}$e.prototype.eol=function(){return this.pos>=this.string.length},$e.prototype.sol=function(){return this.pos==this.lineStart},$e.prototype.peek=function(){return this.string.charAt(this.pos)||void 0},$e.prototype.next=function(){if(this.pos<this.string.length)return this.string.charAt(this.pos++)},$e.prototype.eat=function(e){var t=this.string.charAt(this.pos);if("string"==typeof e?t==e:t&&(e.test?e.test(t):e(t)))return++this.pos,t},$e.prototype.eatWhile=function(e){for(var t=this.pos;this.eat(e););return this.pos>t},$e.prototype.eatSpace=function(){for(var e=this.pos;/[\s\u00a0]/.test(this.string.charAt(this.pos));)++this.pos;return this.pos>e},$e.prototype.skipToEnd=function(){this.pos=this.string.length},$e.prototype.skipTo=function(e){var t=this.string.indexOf(e,this.pos);if(t>-1)return this.pos=t,!0},$e.prototype.backUp=function(e){this.pos-=e},$e.prototype.column=function(){return this.lastColumnPos<this.start&&(this.lastColumnValue=R(this.string,this.start,this.tabSize,this.lastColumnPos,this.lastColumnValue),this.lastColumnPos=this.start),this.lastColumnValue-(this.lineStart?R(this.string,this.lineStart,this.tabSize):0)},$e.prototype.indentation=function(){return R(this.string,null,this.tabSize)-(this.lineStart?R(this.string,this.lineStart,this.tabSize):0)},$e.prototype.match=function(e,t,n){if("string"!=typeof e){var r=this.string.slice(this.pos).match(e);return r&&r.index>0?null:(r&&!1!==t&&(this.pos+=r[0].length),r)}var i=function(e){return n?e.toLowerCase():e};if(i(this.string.substr(this.pos,e.length))==i(e))return!1!==t&&(this.pos+=e.length),!0},$e.prototype.current=function(){return this.string.slice(this.start,this.pos)},$e.prototype.hideFirstChars=function(e,t){this.lineStart+=e;try{return t()}finally{this.lineStart-=e}},$e.prototype.lookAhead=function(e){var t=this.lineOracle;return t&&t.lookAhead(e)},$e.prototype.baseToken=function(){var e=this.lineOracle;return e&&e.baseToken(this.pos)};var ut=function(e,t){this.state=e,this.lookAhead=t},ct=function(e,t,n,r){this.state=t,this.doc=e,this.line=n,this.maxLookAhead=r||0,this.baseTokens=null,this.baseTokenPos=1};function dt(e,t,n,r){var i=[e.state.modeGen],o={};bt(e,t.text,e.doc.mode,n,(function(e,t){return i.push(e,t)}),o,r);for(var a=n.state,l=function(r){n.baseTokens=i;var l=e.state.overlays[r],s=1,u=0;n.state=!0,bt(e,t.text,l.mode,n,(function(e,t){for(var n=s;u<e;){var r=i[s];r>e&&i.splice(s,1,e,i[s+1],r),s+=2,u=Math.min(e,r)}if(t)if(l.opaque)i.splice(n,s-n,e,"overlay "+t),s=n+2;else for(;n<s;n+=2){var o=i[n+1];i[n+1]=(o?o+" ":"")+"overlay "+t}}),o),n.state=a,n.baseTokens=null,n.baseTokenPos=1},s=0;s<e.state.overlays.length;++s)l(s);return{styles:i,classes:o.bgClass||o.textClass?o:null}}function ht(e,t,n){if(!t.styles||t.styles[0]!=e.state.modeGen){var r=ft(e,Ze(t)),i=t.text.length>e.options.maxHighlightLength&&je(e.doc.mode,r.state),o=dt(e,t,r);i&&(r.state=i),t.stateAfter=r.save(!i),t.styles=o.styles,o.classes?t.styleClasses=o.classes:t.styleClasses&&(t.styleClasses=null),n===e.doc.highlightFrontier&&(e.doc.modeFrontier=Math.max(e.doc.modeFrontier,++e.doc.highlightFrontier))}return t.styles}function ft(e,t,n){var r=e.doc,i=e.display;if(!r.mode.startState)return new ct(r,!0,t);var o=function(e,t,n){for(var r,i,o=e.doc,a=n?-1:t-(e.doc.mode.innerMode?1e3:100),l=t;l>a;--l){if(l<=o.first)return o.first;var s=Ge(o,l-1),u=s.stateAfter;if(u&&(!n||l+(u instanceof ut?u.lookAhead:0)<=o.modeFrontier))return l;var c=R(s.text,null,e.options.tabSize);(null==i||r>c)&&(i=l-1,r=c)}return i}(e,t,n),a=o>r.first&&Ge(r,o-1).stateAfter,l=a?ct.fromSaved(r,a,o):new ct(r,Ue(r.mode),o);return r.iter(o,t,(function(n){pt(e,n.text,l);var r=l.line;n.stateAfter=r==t-1||r%5==0||r>=i.viewFrom&&r<i.viewTo?l.save():null,l.nextLine()})),n&&(r.modeFrontier=l.line),l}function pt(e,t,n,r){var i=e.doc.mode,o=new $e(t,e.options.tabSize,n);for(o.start=o.pos=r||0,""==t&&mt(i,n.state);!o.eol();)gt(i,o,n.state),o.start=o.pos}function mt(e,t){if(e.blankLine)return e.blankLine(t);if(e.innerMode){var n=qe(e,t);return n.mode.blankLine?n.mode.blankLine(n.state):void 0}}function gt(e,t,n,r){for(var i=0;i<10;i++){r&&(r[0]=qe(e,n).mode);var o=e.token(t,n);if(t.pos>t.start)return o}throw new Error("Mode "+e.name+" failed to advance stream.")}ct.prototype.lookAhead=function(e){var t=this.doc.getLine(this.line+e);return null!=t&&e>this.maxLookAhead&&(this.maxLookAhead=e),t},ct.prototype.baseToken=function(e){if(!this.baseTokens)return null;for(;this.baseTokens[this.baseTokenPos]<=e;)this.baseTokenPos+=2;var t=this.baseTokens[this.baseTokenPos+1];return{type:t&&t.replace(/( |^)overlay .*/,""),size:this.baseTokens[this.baseTokenPos]-e}},ct.prototype.nextLine=function(){this.line++,this.maxLookAhead>0&&this.maxLookAhead--},ct.fromSaved=function(e,t,n){return t instanceof ut?new ct(e,je(e.mode,t.state),n,t.lookAhead):new ct(e,je(e.mode,t),n)},ct.prototype.save=function(e){var t=!1!==e?je(this.doc.mode,this.state):this.state;return this.maxLookAhead>0?new ut(t,this.maxLookAhead):t};var vt=function(e,t,n){this.start=e.start,this.end=e.pos,this.string=e.current(),this.type=t||null,this.state=n};function xt(e,t,n,r){var i,o,a=e.doc,l=a.mode,s=Ge(a,(t=lt(a,t)).line),u=ft(e,t.line,n),c=new $e(s.text,e.options.tabSize,u);for(r&&(o=[]);(r||c.pos<t.ch)&&!c.eol();)c.start=c.pos,i=gt(l,c,u.state),r&&o.push(new vt(c,i,je(a.mode,u.state)));return r?o:new vt(c,i,u.state)}function yt(e,t){if(e)for(;;){var n=e.match(/(?:^|\s+)line-(background-)?(\S+)/);if(!n)break;e=e.slice(0,n.index)+e.slice(n.index+n[0].length);var r=n[1]?"bgClass":"textClass";null==t[r]?t[r]=n[2]:new RegExp("(?:^|\\s)"+n[2]+"(?:$|\\s)").test(t[r])||(t[r]+=" "+n[2])}return e}function bt(e,t,n,r,i,o,a){var l=n.flattenSpans;null==l&&(l=e.options.flattenSpans);var s,u=0,c=null,d=new $e(t,e.options.tabSize,r),h=e.options.addModeClass&&[null];for(""==t&&yt(mt(n,r.state),o);!d.eol();){if(d.pos>e.options.maxHighlightLength?(l=!1,a&&pt(e,t,r,d.pos),d.pos=t.length,s=null):s=yt(gt(n,d,r.state,h),o),h){var f=h[0].name;f&&(s="m-"+(s?f+" "+s:f))}if(!l||c!=s){for(;u<d.start;)i(u=Math.min(d.start,u+5e3),c);c=s}d.start=d.pos}for(;u<d.pos;){var p=Math.min(d.pos,u+5e3);i(p,c),u=p}}var Dt=!1,Ct=!1;function wt(e,t,n){this.marker=e,this.from=t,this.to=n}function kt(e,t){if(e)for(var n=0;n<e.length;++n){var r=e[n];if(r.marker==t)return r}}function St(e,t){for(var n,r=0;r<e.length;++r)e[r]!=t&&(n||(n=[])).push(e[r]);return n}function Ft(e,t){if(t.full)return null;var n=Qe(e,t.from.line)&&Ge(e,t.from.line).markedSpans,r=Qe(e,t.to.line)&&Ge(e,t.to.line).markedSpans;if(!n&&!r)return null;var i=t.from.ch,o=t.to.ch,a=0==tt(t.from,t.to),l=function(e,t,n){var r;if(e)for(var i=0;i<e.length;++i){var o=e[i],a=o.marker;if(null==o.from||(a.inclusiveLeft?o.from<=t:o.from<t)||o.from==t&&"bookmark"==a.type&&(!n||!o.marker.insertLeft)){var l=null==o.to||(a.inclusiveRight?o.to>=t:o.to>t);(r||(r=[])).push(new wt(a,o.from,l?null:o.to))}}return r}(n,i,a),s=function(e,t,n){var r;if(e)for(var i=0;i<e.length;++i){var o=e[i],a=o.marker;if(null==o.to||(a.inclusiveRight?o.to>=t:o.to>t)||o.from==t&&"bookmark"==a.type&&(!n||o.marker.insertLeft)){var l=null==o.from||(a.inclusiveLeft?o.from<=t:o.from<t);(r||(r=[])).push(new wt(a,l?null:o.from-t,null==o.to?null:o.to-t))}}return r}(r,o,a),u=1==t.text.length,c=X(t.text).length+(u?i:0);if(l)for(var d=0;d<l.length;++d){var h=l[d];if(null==h.to){var f=kt(s,h.marker);f?u&&(h.to=null==f.to?null:f.to+c):h.to=i}}if(s)for(var p=0;p<s.length;++p){var m=s[p];if(null!=m.to&&(m.to+=c),null==m.from)kt(l,m.marker)||(m.from=c,u&&(l||(l=[])).push(m));else m.from+=c,u&&(l||(l=[])).push(m)}l&&(l=At(l)),s&&s!=l&&(s=At(s));var g=[l];if(!u){var v,x=t.text.length-2;if(x>0&&l)for(var y=0;y<l.length;++y)null==l[y].to&&(v||(v=[])).push(new wt(l[y].marker,null,null));for(var b=0;b<x;++b)g.push(v);g.push(s)}return g}function At(e){for(var t=0;t<e.length;++t){var n=e[t];null!=n.from&&n.from==n.to&&!1!==n.marker.clearWhenEmpty&&e.splice(t--,1)}return e.length?e:null}function Et(e){var t=e.markedSpans;if(t){for(var n=0;n<t.length;++n)t[n].marker.detachLine(e);e.markedSpans=null}}function Tt(e,t){if(t){for(var n=0;n<t.length;++n)t[n].marker.attachLine(e);e.markedSpans=t}}function Lt(e){return e.inclusiveLeft?-1:0}function Mt(e){return e.inclusiveRight?1:0}function Bt(e,t){var n=e.lines.length-t.lines.length;if(0!=n)return n;var r=e.find(),i=t.find(),o=tt(r.from,i.from)||Lt(e)-Lt(t);if(o)return-o;var a=tt(r.to,i.to)||Mt(e)-Mt(t);return a||t.id-e.id}function Nt(e,t){var n,r=Ct&&e.markedSpans;if(r)for(var i=void 0,o=0;o<r.length;++o)(i=r[o]).marker.collapsed&&null==(t?i.from:i.to)&&(!n||Bt(n,i.marker)<0)&&(n=i.marker);return n}function Ot(e){return Nt(e,!0)}function It(e){return Nt(e,!1)}function zt(e,t){var n,r=Ct&&e.markedSpans;if(r)for(var i=0;i<r.length;++i){var o=r[i];o.marker.collapsed&&(null==o.from||o.from<t)&&(null==o.to||o.to>t)&&(!n||Bt(n,o.marker)<0)&&(n=o.marker)}return n}function Ht(e,t,n,r,i){var o=Ge(e,t),a=Ct&&o.markedSpans;if(a)for(var l=0;l<a.length;++l){var s=a[l];if(s.marker.collapsed){var u=s.marker.find(0),c=tt(u.from,n)||Lt(s.marker)-Lt(i),d=tt(u.to,r)||Mt(s.marker)-Mt(i);if(!(c>=0&&d<=0||c<=0&&d>=0)&&(c<=0&&(s.marker.inclusiveRight&&i.inclusiveLeft?tt(u.to,n)>=0:tt(u.to,n)>0)||c>=0&&(s.marker.inclusiveRight&&i.inclusiveLeft?tt(u.from,r)<=0:tt(u.from,r)<0)))return!0}}}function Rt(e){for(var t;t=Ot(e);)e=t.find(-1,!0).line;return e}function Pt(e,t){var n=Ge(e,t),r=Rt(n);return n==r?t:Ze(r)}function _t(e,t){if(t>e.lastLine())return t;var n,r=Ge(e,t);if(!Wt(e,r))return t;for(;n=It(r);)r=n.find(1,!0).line;return Ze(r)+1}function Wt(e,t){var n=Ct&&t.markedSpans;if(n)for(var r=void 0,i=0;i<n.length;++i)if((r=n[i]).marker.collapsed){if(null==r.from)return!0;if(!r.marker.widgetNode&&0==r.from&&r.marker.inclusiveLeft&&jt(e,t,r))return!0}}function jt(e,t,n){if(null==n.to){var r=n.marker.find(1,!0);return jt(e,r.line,kt(r.line.markedSpans,n.marker))}if(n.marker.inclusiveRight&&n.to==t.text.length)return!0;for(var i=void 0,o=0;o<t.markedSpans.length;++o)if((i=t.markedSpans[o]).marker.collapsed&&!i.marker.widgetNode&&i.from==n.to&&(null==i.to||i.to!=n.from)&&(i.marker.inclusiveLeft||n.marker.inclusiveRight)&&jt(e,t,i))return!0}function qt(e){for(var t=0,n=(e=Rt(e)).parent,r=0;r<n.lines.length;++r){var i=n.lines[r];if(i==e)break;t+=i.height}for(var o=n.parent;o;o=(n=o).parent)for(var a=0;a<o.children.length;++a){var l=o.children[a];if(l==n)break;t+=l.height}return t}function Ut(e){if(0==e.height)return 0;for(var t,n=e.text.length,r=e;t=Ot(r);){var i=t.find(0,!0);r=i.from.line,n+=i.from.ch-i.to.ch}for(r=e;t=It(r);){var o=t.find(0,!0);n-=r.text.length-o.from.ch,n+=(r=o.to.line).text.length-o.to.ch}return n}function $t(e){var t=e.display,n=e.doc;t.maxLine=Ge(n,n.first),t.maxLineLength=Ut(t.maxLine),t.maxLineChanged=!0,n.iter((function(e){var n=Ut(e);n>t.maxLineLength&&(t.maxLineLength=n,t.maxLine=e)}))}var Gt=function(e,t,n){this.text=e,Tt(this,t),this.height=n?n(this):1};function Vt(e){e.parent=null,Et(e)}Gt.prototype.lineNo=function(){return Ze(this)},xe(Gt);var Xt={},Kt={};function Zt(e,t){if(!e||/^\s*$/.test(e))return null;var n=t.addModeClass?Kt:Xt;return n[e]||(n[e]=e.replace(/\S+/g,"cm-$&"))}function Yt(e,t){var n=L("span",null,null,s?"padding-right: .1px":null),r={pre:L("pre",[n],"CodeMirror-line"),content:n,col:0,pos:0,cm:e,trailingSpace:!1,splitSpaces:e.getOption("lineWrapping")};t.measure={};for(var i=0;i<=(t.rest?t.rest.length:0);i++){var o=i?t.rest[i-1]:t.line,a=void 0;r.pos=0,r.addToken=Jt,Te(e.display.measure)&&(a=ue(o,e.doc.direction))&&(r.addToken=en(r.addToken,a)),r.map=[],nn(o,r,ht(e,o,t!=e.display.externalMeasured&&Ze(o))),o.styleClasses&&(o.styleClasses.bgClass&&(r.bgClass=O(o.styleClasses.bgClass,r.bgClass||"")),o.styleClasses.textClass&&(r.textClass=O(o.styleClasses.textClass,r.textClass||""))),0==r.map.length&&r.map.push(0,0,r.content.appendChild(Ee(e.display.measure))),0==i?(t.measure.map=r.map,t.measure.cache={}):((t.measure.maps||(t.measure.maps=[])).push(r.map),(t.measure.caches||(t.measure.caches=[])).push({}))}if(s){var l=r.content.lastChild;(/\bcm-tab\b/.test(l.className)||l.querySelector&&l.querySelector(".cm-tab"))&&(r.content.className="cm-tab-wrap-hack")}return pe(e,"renderLine",e,t.line,r.pre),r.pre.className&&(r.textClass=O(r.pre.className,r.textClass||"")),r}function Qt(e){var t=T("span","•","cm-invalidchar");return t.title="\\u"+e.charCodeAt(0).toString(16),t.setAttribute("aria-label",t.title),t}function Jt(e,t,n,r,i,o,s){if(t){var u,c=e.splitSpaces?function(e,t){if(e.length>1&&!/  /.test(e))return e;for(var n=t,r="",i=0;i<e.length;i++){var o=e.charAt(i);" "!=o||!n||i!=e.length-1&&32!=e.charCodeAt(i+1)||(o=" "),r+=o,n=" "==o}return r}(t,e.trailingSpace):t,d=e.cm.state.specialChars,h=!1;if(d.test(t)){u=document.createDocumentFragment();for(var f=0;;){d.lastIndex=f;var p=d.exec(t),m=p?p.index-f:t.length-f;if(m){var g=document.createTextNode(c.slice(f,f+m));a&&l<9?u.appendChild(T("span",[g])):u.appendChild(g),e.map.push(e.pos,e.pos+m,g),e.col+=m,e.pos+=m}if(!p)break;f+=m+1;var v=void 0;if("\t"==p[0]){var x=e.cm.options.tabSize,y=x-e.col%x;(v=u.appendChild(T("span",V(y),"cm-tab"))).setAttribute("role","presentation"),v.setAttribute("cm-text","\t"),e.col+=y}else"\r"==p[0]||"\n"==p[0]?((v=u.appendChild(T("span","\r"==p[0]?"␍":"␤","cm-invalidchar"))).setAttribute("cm-text",p[0]),e.col+=1):((v=e.cm.options.specialCharPlaceholder(p[0])).setAttribute("cm-text",p[0]),a&&l<9?u.appendChild(T("span",[v])):u.appendChild(v),e.col+=1);e.map.push(e.pos,e.pos+1,v),e.pos++}}else e.col+=t.length,u=document.createTextNode(c),e.map.push(e.pos,e.pos+t.length,u),a&&l<9&&(h=!0),e.pos+=t.length;if(e.trailingSpace=32==c.charCodeAt(t.length-1),n||r||i||h||o||s){var b=n||"";r&&(b+=r),i&&(b+=i);var D=T("span",[u],b,o);if(s)for(var C in s)s.hasOwnProperty(C)&&"style"!=C&&"class"!=C&&D.setAttribute(C,s[C]);return e.content.appendChild(D)}e.content.appendChild(u)}}function en(e,t){return function(n,r,i,o,a,l,s){i=i?i+" cm-force-border":"cm-force-border";for(var u=n.pos,c=u+r.length;;){for(var d=void 0,h=0;h<t.length&&!((d=t[h]).to>u&&d.from<=u);h++);if(d.to>=c)return e(n,r,i,o,a,l,s);e(n,r.slice(0,d.to-u),i,o,null,l,s),o=null,r=r.slice(d.to-u),u=d.to}}}function tn(e,t,n,r){var i=!r&&n.widgetNode;i&&e.map.push(e.pos,e.pos+t,i),!r&&e.cm.display.input.needsContentAttribute&&(i||(i=e.content.appendChild(document.createElement("span"))),i.setAttribute("cm-marker",n.id)),i&&(e.cm.display.input.setUneditable(i),e.content.appendChild(i)),e.pos+=t,e.trailingSpace=!1}function nn(e,t,n){var r=e.markedSpans,i=e.text,o=0;if(r)for(var a,l,s,u,c,d,h,f=i.length,p=0,m=1,g="",v=0;;){if(v==p){s=u=c=l="",h=null,d=null,v=1/0;for(var x=[],y=void 0,b=0;b<r.length;++b){var D=r[b],C=D.marker;if("bookmark"==C.type&&D.from==p&&C.widgetNode)x.push(C);else if(D.from<=p&&(null==D.to||D.to>p||C.collapsed&&D.to==p&&D.from==p)){if(null!=D.to&&D.to!=p&&v>D.to&&(v=D.to,u=""),C.className&&(s+=" "+C.className),C.css&&(l=(l?l+";":"")+C.css),C.startStyle&&D.from==p&&(c+=" "+C.startStyle),C.endStyle&&D.to==v&&(y||(y=[])).push(C.endStyle,D.to),C.title&&((h||(h={})).title=C.title),C.attributes)for(var w in C.attributes)(h||(h={}))[w]=C.attributes[w];C.collapsed&&(!d||Bt(d.marker,C)<0)&&(d=D)}else D.from>p&&v>D.from&&(v=D.from)}if(y)for(var k=0;k<y.length;k+=2)y[k+1]==v&&(u+=" "+y[k]);if(!d||d.from==p)for(var S=0;S<x.length;++S)tn(t,0,x[S]);if(d&&(d.from||0)==p){if(tn(t,(null==d.to?f+1:d.to)-p,d.marker,null==d.from),null==d.to)return;d.to==p&&(d=!1)}}if(p>=f)break;for(var F=Math.min(f,v);;){if(g){var A=p+g.length;if(!d){var E=A>F?g.slice(0,F-p):g;t.addToken(t,E,a?a+s:s,c,p+E.length==v?u:"",l,h)}if(A>=F){g=g.slice(F-p),p=F;break}p=A,c=""}g=i.slice(o,o=n[m++]),a=Zt(n[m++],t.cm.options)}}else for(var T=1;T<n.length;T+=2)t.addToken(t,i.slice(o,o=n[T]),Zt(n[T+1],t.cm.options))}function rn(e,t,n){this.line=t,this.rest=function(e){for(var t,n;t=It(e);)e=t.find(1,!0).line,(n||(n=[])).push(e);return n}(t),this.size=this.rest?Ze(X(this.rest))-n+1:1,this.node=this.text=null,this.hidden=Wt(e,t)}function on(e,t,n){for(var r,i=[],o=t;o<n;o=r){var a=new rn(e.doc,Ge(e.doc,o),o);r=o+a.size,i.push(a)}return i}var an=null;var ln=null;function sn(e,t){var n=he(e,t);if(n.length){var r,i=Array.prototype.slice.call(arguments,2);an?r=an.delayedCallbacks:ln?r=ln:(r=ln=[],setTimeout(un,0));for(var o=function(e){r.push((function(){return n[e].apply(null,i)}))},a=0;a<n.length;++a)o(a)}}function un(){var e=ln;ln=null;for(var t=0;t<e.length;++t)e[t]()}function cn(e,t,n,r){for(var i=0;i<t.changes.length;i++){var o=t.changes[i];"text"==o?fn(e,t):"gutter"==o?mn(e,t,n,r):"class"==o?pn(e,t):"widget"==o&&gn(e,t,r)}t.changes=null}function dn(e){return e.node==e.text&&(e.node=T("div",null,null,"position: relative"),e.text.parentNode&&e.text.parentNode.replaceChild(e.node,e.text),e.node.appendChild(e.text),a&&l<8&&(e.node.style.zIndex=2)),e.node}function hn(e,t){var n=e.display.externalMeasured;return n&&n.line==t.line?(e.display.externalMeasured=null,t.measure=n.measure,n.built):Yt(e,t)}function fn(e,t){var n=t.text.className,r=hn(e,t);t.text==t.node&&(t.node=r.pre),t.text.parentNode.replaceChild(r.pre,t.text),t.text=r.pre,r.bgClass!=t.bgClass||r.textClass!=t.textClass?(t.bgClass=r.bgClass,t.textClass=r.textClass,pn(e,t)):n&&(t.text.className=n)}function pn(e,t){!function(e,t){var n=t.bgClass?t.bgClass+" "+(t.line.bgClass||""):t.line.bgClass;if(n&&(n+=" CodeMirror-linebackground"),t.background)n?t.background.className=n:(t.background.parentNode.removeChild(t.background),t.background=null);else if(n){var r=dn(t);t.background=r.insertBefore(T("div",null,n),r.firstChild),e.display.input.setUneditable(t.background)}}(e,t),t.line.wrapClass?dn(t).className=t.line.wrapClass:t.node!=t.text&&(t.node.className="");var n=t.textClass?t.textClass+" "+(t.line.textClass||""):t.line.textClass;t.text.className=n||""}function mn(e,t,n,r){if(t.gutter&&(t.node.removeChild(t.gutter),t.gutter=null),t.gutterBackground&&(t.node.removeChild(t.gutterBackground),t.gutterBackground=null),t.line.gutterClass){var i=dn(t);t.gutterBackground=T("div",null,"CodeMirror-gutter-background "+t.line.gutterClass,"left: "+(e.options.fixedGutter?r.fixedPos:-r.gutterTotalWidth)+"px; width: "+r.gutterTotalWidth+"px"),e.display.input.setUneditable(t.gutterBackground),i.insertBefore(t.gutterBackground,t.text)}var o=t.line.gutterMarkers;if(e.options.lineNumbers||o){var a=dn(t),l=t.gutter=T("div",null,"CodeMirror-gutter-wrapper","left: "+(e.options.fixedGutter?r.fixedPos:-r.gutterTotalWidth)+"px");if(l.setAttribute("aria-hidden","true"),e.display.input.setUneditable(l),a.insertBefore(l,t.text),t.line.gutterClass&&(l.className+=" "+t.line.gutterClass),!e.options.lineNumbers||o&&o["CodeMirror-linenumbers"]||(t.lineNumber=l.appendChild(T("div",Je(e.options,n),"CodeMirror-linenumber CodeMirror-gutter-elt","left: "+r.gutterLeft["CodeMirror-linenumbers"]+"px; width: "+e.display.lineNumInnerWidth+"px"))),o)for(var s=0;s<e.display.gutterSpecs.length;++s){var u=e.display.gutterSpecs[s].className,c=o.hasOwnProperty(u)&&o[u];c&&l.appendChild(T("div",[c],"CodeMirror-gutter-elt","left: "+r.gutterLeft[u]+"px; width: "+r.gutterWidth[u]+"px"))}}}function gn(e,t,n){t.alignable&&(t.alignable=null);for(var r=k("CodeMirror-linewidget"),i=t.node.firstChild,o=void 0;i;i=o)o=i.nextSibling,r.test(i.className)&&t.node.removeChild(i);xn(e,t,n)}function vn(e,t,n,r){var i=hn(e,t);return t.text=t.node=i.pre,i.bgClass&&(t.bgClass=i.bgClass),i.textClass&&(t.textClass=i.textClass),pn(e,t),mn(e,t,n,r),xn(e,t,r),t.node}function xn(e,t,n){if(yn(e,t.line,t,n,!0),t.rest)for(var r=0;r<t.rest.length;r++)yn(e,t.rest[r],t,n,!1)}function yn(e,t,n,r,i){if(t.widgets)for(var o=dn(n),a=0,l=t.widgets;a<l.length;++a){var s=l[a],u=T("div",[s.node],"CodeMirror-linewidget"+(s.className?" "+s.className:""));s.handleMouseEvents||u.setAttribute("cm-ignore-events","true"),bn(s,u,n,r),e.display.input.setUneditable(u),i&&s.above?o.insertBefore(u,n.gutter||n.text):o.appendChild(u),sn(s,"redraw")}}function bn(e,t,n,r){if(e.noHScroll){(n.alignable||(n.alignable=[])).push(t);var i=r.wrapperWidth;t.style.left=r.fixedPos+"px",e.coverGutter||(i-=r.gutterTotalWidth,t.style.paddingLeft=r.gutterTotalWidth+"px"),t.style.width=i+"px"}e.coverGutter&&(t.style.zIndex=5,t.style.position="relative",e.noHScroll||(t.style.marginLeft=-r.gutterTotalWidth+"px"))}function Dn(e){if(null!=e.height)return e.height;var t=e.doc.cm;if(!t)return 0;if(!M(document.body,e.node)){var n="position: relative;";e.coverGutter&&(n+="margin-left: -"+t.display.gutters.offsetWidth+"px;"),e.noHScroll&&(n+="width: "+t.display.wrapper.clientWidth+"px;"),E(t.display.measure,T("div",[e.node],null,n))}return e.height=e.node.parentNode.offsetHeight}function Cn(e,t){for(var n=we(t);n!=e.wrapper;n=n.parentNode)if(!n||1==n.nodeType&&"true"==n.getAttribute("cm-ignore-events")||n.parentNode==e.sizer&&n!=e.mover)return!0}function wn(e){return e.lineSpace.offsetTop}function kn(e){return e.mover.offsetHeight-e.lineSpace.offsetHeight}function Sn(e){if(e.cachedPaddingH)return e.cachedPaddingH;var t=E(e.measure,T("pre","x","CodeMirror-line-like")),n=window.getComputedStyle?window.getComputedStyle(t):t.currentStyle,r={left:parseInt(n.paddingLeft),right:parseInt(n.paddingRight)};return isNaN(r.left)||isNaN(r.right)||(e.cachedPaddingH=r),r}function Fn(e){return 50-e.display.nativeBarWidth}function An(e){return e.display.scroller.clientWidth-Fn(e)-e.display.barWidth}function En(e){return e.display.scroller.clientHeight-Fn(e)-e.display.barHeight}function Tn(e,t,n){if(e.line==t)return{map:e.measure.map,cache:e.measure.cache};if(e.rest){for(var r=0;r<e.rest.length;r++)if(e.rest[r]==t)return{map:e.measure.maps[r],cache:e.measure.caches[r]};for(var i=0;i<e.rest.length;i++)if(Ze(e.rest[i])>n)return{map:e.measure.maps[i],cache:e.measure.caches[i],before:!0}}}function Ln(e,t,n,r){return Nn(e,Bn(e,t),n,r)}function Mn(e,t){if(t>=e.display.viewFrom&&t<e.display.viewTo)return e.display.view[cr(e,t)];var n=e.display.externalMeasured;return n&&t>=n.lineN&&t<n.lineN+n.size?n:void 0}function Bn(e,t){var n=Ze(t),r=Mn(e,n);r&&!r.text?r=null:r&&r.changes&&(cn(e,r,n,or(e)),e.curOp.forceUpdate=!0),r||(r=function(e,t){var n=Ze(t=Rt(t)),r=e.display.externalMeasured=new rn(e.doc,t,n);r.lineN=n;var i=r.built=Yt(e,r);return r.text=i.pre,E(e.display.lineMeasure,i.pre),r}(e,t));var i=Tn(r,t,n);return{line:t,view:r,rect:null,map:i.map,cache:i.cache,before:i.before,hasHeights:!1}}function Nn(e,t,n,r,i){t.before&&(n=-1);var o,s=n+(r||"");return t.cache.hasOwnProperty(s)?o=t.cache[s]:(t.rect||(t.rect=t.view.text.getBoundingClientRect()),t.hasHeights||(!function(e,t,n){var r=e.options.lineWrapping,i=r&&An(e);if(!t.measure.heights||r&&t.measure.width!=i){var o=t.measure.heights=[];if(r){t.measure.width=i;for(var a=t.text.firstChild.getClientRects(),l=0;l<a.length-1;l++){var s=a[l],u=a[l+1];Math.abs(s.bottom-u.bottom)>2&&o.push((s.bottom+u.top)/2-n.top)}}o.push(n.bottom-n.top)}}(e,t.view,t.rect),t.hasHeights=!0),o=function(e,t,n,r){var i,o=zn(t.map,n,r),s=o.node,u=o.start,c=o.end,d=o.collapse;if(3==s.nodeType){for(var h=0;h<4;h++){for(;u&&re(t.line.text.charAt(o.coverStart+u));)--u;for(;o.coverStart+c<o.coverEnd&&re(t.line.text.charAt(o.coverStart+c));)++c;if((i=a&&l<9&&0==u&&c==o.coverEnd-o.coverStart?s.parentNode.getBoundingClientRect():Hn(S(s,u,c).getClientRects(),r)).left||i.right||0==u)break;c=u,u-=1,d="right"}a&&l<11&&(i=function(e,t){if(!window.screen||null==screen.logicalXDPI||screen.logicalXDPI==screen.deviceXDPI||!function(e){if(null!=Oe)return Oe;var t=E(e,T("span","x")),n=t.getBoundingClientRect(),r=S(t,0,1).getBoundingClientRect();return Oe=Math.abs(n.left-r.left)>1}(e))return t;var n=screen.logicalXDPI/screen.deviceXDPI,r=screen.logicalYDPI/screen.deviceYDPI;return{left:t.left*n,right:t.right*n,top:t.top*r,bottom:t.bottom*r}}(e.display.measure,i))}else{var f;u>0&&(d=r="right"),i=e.options.lineWrapping&&(f=s.getClientRects()).length>1?f["right"==r?f.length-1:0]:s.getBoundingClientRect()}if(a&&l<9&&!u&&(!i||!i.left&&!i.right)){var p=s.parentNode.getClientRects()[0];i=p?{left:p.left,right:p.left+ir(e.display),top:p.top,bottom:p.bottom}:In}for(var m=i.top-t.rect.top,g=i.bottom-t.rect.top,v=(m+g)/2,x=t.view.measure.heights,y=0;y<x.length-1&&!(v<x[y]);y++);var b=y?x[y-1]:0,D=x[y],C={left:("right"==d?i.right:i.left)-t.rect.left,right:("left"==d?i.left:i.right)-t.rect.left,top:b,bottom:D};i.left||i.right||(C.bogus=!0);e.options.singleCursorHeightPerLine||(C.rtop=m,C.rbottom=g);return C}(e,t,n,r),o.bogus||(t.cache[s]=o)),{left:o.left,right:o.right,top:i?o.rtop:o.top,bottom:i?o.rbottom:o.bottom}}var On,In={left:0,right:0,top:0,bottom:0};function zn(e,t,n){for(var r,i,o,a,l,s,u=0;u<e.length;u+=3)if(l=e[u],s=e[u+1],t<l?(i=0,o=1,a="left"):t<s?o=(i=t-l)+1:(u==e.length-3||t==s&&e[u+3]>t)&&(i=(o=s-l)-1,t>=s&&(a="right")),null!=i){if(r=e[u+2],l==s&&n==(r.insertLeft?"left":"right")&&(a=n),"left"==n&&0==i)for(;u&&e[u-2]==e[u-3]&&e[u-1].insertLeft;)r=e[2+(u-=3)],a="left";if("right"==n&&i==s-l)for(;u<e.length-3&&e[u+3]==e[u+4]&&!e[u+5].insertLeft;)r=e[(u+=3)+2],a="right";break}return{node:r,start:i,end:o,collapse:a,coverStart:l,coverEnd:s}}function Hn(e,t){var n=In;if("left"==t)for(var r=0;r<e.length&&(n=e[r]).left==n.right;r++);else for(var i=e.length-1;i>=0&&(n=e[i]).left==n.right;i--);return n}function Rn(e){if(e.measure&&(e.measure.cache={},e.measure.heights=null,e.rest))for(var t=0;t<e.rest.length;t++)e.measure.caches[t]={}}function Pn(e){e.display.externalMeasure=null,A(e.display.lineMeasure);for(var t=0;t<e.display.view.length;t++)Rn(e.display.view[t])}function _n(e){Pn(e),e.display.cachedCharWidth=e.display.cachedTextHeight=e.display.cachedPaddingH=null,e.options.lineWrapping||(e.display.maxLineChanged=!0),e.display.lineNumChars=null}function Wn(){return c&&g?-(document.body.getBoundingClientRect().left-parseInt(getComputedStyle(document.body).marginLeft)):window.pageXOffset||(document.documentElement||document.body).scrollLeft}function jn(){return c&&g?-(document.body.getBoundingClientRect().top-parseInt(getComputedStyle(document.body).marginTop)):window.pageYOffset||(document.documentElement||document.body).scrollTop}function qn(e){var t=0;if(e.widgets)for(var n=0;n<e.widgets.length;++n)e.widgets[n].above&&(t+=Dn(e.widgets[n]));return t}function Un(e,t,n,r,i){if(!i){var o=qn(t);n.top+=o,n.bottom+=o}if("line"==r)return n;r||(r="local");var a=qt(t);if("local"==r?a+=wn(e.display):a-=e.display.viewOffset,"page"==r||"window"==r){var l=e.display.lineSpace.getBoundingClientRect();a+=l.top+("window"==r?0:jn());var s=l.left+("window"==r?0:Wn());n.left+=s,n.right+=s}return n.top+=a,n.bottom+=a,n}function $n(e,t,n){if("div"==n)return t;var r=t.left,i=t.top;if("page"==n)r-=Wn(),i-=jn();else if("local"==n||!n){var o=e.display.sizer.getBoundingClientRect();r+=o.left,i+=o.top}var a=e.display.lineSpace.getBoundingClientRect();return{left:r-a.left,top:i-a.top}}function Gn(e,t,n,r,i){return r||(r=Ge(e.doc,t.line)),Un(e,r,Ln(e,r,t.ch,i),n)}function Vn(e,t,n,r,i,o){function a(t,a){var l=Nn(e,i,t,a?"right":"left",o);return a?l.left=l.right:l.right=l.left,Un(e,r,l,n)}r=r||Ge(e.doc,t.line),i||(i=Bn(e,r));var l=ue(r,e.doc.direction),s=t.ch,u=t.sticky;if(s>=r.text.length?(s=r.text.length,u="before"):s<=0&&(s=0,u="after"),!l)return a("before"==u?s-1:s,"before"==u);function c(e,t,n){return a(n?e-1:e,1==l[t].level!=n)}var d=le(l,s,u),h=ae,f=c(s,d,"before"==u);return null!=h&&(f.other=c(s,h,"before"!=u)),f}function Xn(e,t){var n=0;t=lt(e.doc,t),e.options.lineWrapping||(n=ir(e.display)*t.ch);var r=Ge(e.doc,t.line),i=qt(r)+wn(e.display);return{left:n,right:n,top:i,bottom:i+r.height}}function Kn(e,t,n,r,i){var o=et(e,t,n);return o.xRel=i,r&&(o.outside=r),o}function Zn(e,t,n){var r=e.doc;if((n+=e.display.viewOffset)<0)return Kn(r.first,0,null,-1,-1);var i=Ye(r,n),o=r.first+r.size-1;if(i>o)return Kn(r.first+r.size-1,Ge(r,o).text.length,null,1,1);t<0&&(t=0);for(var a=Ge(r,i);;){var l=er(e,a,i,t,n),s=zt(a,l.ch+(l.xRel>0||l.outside>0?1:0));if(!s)return l;var u=s.find(1);if(u.line==i)return u;a=Ge(r,i=u.line)}}function Yn(e,t,n,r){r-=qn(t);var i=t.text.length,o=oe((function(t){return Nn(e,n,t-1).bottom<=r}),i,0);return{begin:o,end:i=oe((function(t){return Nn(e,n,t).top>r}),o,i)}}function Qn(e,t,n,r){return n||(n=Bn(e,t)),Yn(e,t,n,Un(e,t,Nn(e,n,r),"line").top)}function Jn(e,t,n,r){return!(e.bottom<=n)&&(e.top>n||(r?e.left:e.right)>t)}function er(e,t,n,r,i){i-=qt(t);var o=Bn(e,t),a=qn(t),l=0,s=t.text.length,u=!0,c=ue(t,e.doc.direction);if(c){var d=(e.options.lineWrapping?nr:tr)(e,t,n,o,c,r,i);l=(u=1!=d.level)?d.from:d.to-1,s=u?d.to:d.from-1}var h,f,p=null,m=null,g=oe((function(t){var n=Nn(e,o,t);return n.top+=a,n.bottom+=a,!!Jn(n,r,i,!1)&&(n.top<=i&&n.left<=r&&(p=t,m=n),!0)}),l,s),v=!1;if(m){var x=r-m.left<m.right-r,y=x==u;g=p+(y?0:1),f=y?"after":"before",h=x?m.left:m.right}else{u||g!=s&&g!=l||g++,f=0==g?"after":g==t.text.length?"before":Nn(e,o,g-(u?1:0)).bottom+a<=i==u?"after":"before";var b=Vn(e,et(n,g,f),"line",t,o);h=b.left,v=i<b.top?-1:i>=b.bottom?1:0}return Kn(n,g=ie(t.text,g,1),f,v,r-h)}function tr(e,t,n,r,i,o,a){var l=oe((function(l){var s=i[l],u=1!=s.level;return Jn(Vn(e,et(n,u?s.to:s.from,u?"before":"after"),"line",t,r),o,a,!0)}),0,i.length-1),s=i[l];if(l>0){var u=1!=s.level,c=Vn(e,et(n,u?s.from:s.to,u?"after":"before"),"line",t,r);Jn(c,o,a,!0)&&c.top>a&&(s=i[l-1])}return s}function nr(e,t,n,r,i,o,a){var l=Yn(e,t,r,a),s=l.begin,u=l.end;/\s/.test(t.text.charAt(u-1))&&u--;for(var c=null,d=null,h=0;h<i.length;h++){var f=i[h];if(!(f.from>=u||f.to<=s)){var p=Nn(e,r,1!=f.level?Math.min(u,f.to)-1:Math.max(s,f.from)).right,m=p<o?o-p+1e9:p-o;(!c||d>m)&&(c=f,d=m)}}return c||(c=i[i.length-1]),c.from<s&&(c={from:s,to:c.to,level:c.level}),c.to>u&&(c={from:c.from,to:u,level:c.level}),c}function rr(e){if(null!=e.cachedTextHeight)return e.cachedTextHeight;if(null==On){On=T("pre",null,"CodeMirror-line-like");for(var t=0;t<49;++t)On.appendChild(document.createTextNode("x")),On.appendChild(T("br"));On.appendChild(document.createTextNode("x"))}E(e.measure,On);var n=On.offsetHeight/50;return n>3&&(e.cachedTextHeight=n),A(e.measure),n||1}function ir(e){if(null!=e.cachedCharWidth)return e.cachedCharWidth;var t=T("span","xxxxxxxxxx"),n=T("pre",[t],"CodeMirror-line-like");E(e.measure,n);var r=t.getBoundingClientRect(),i=(r.right-r.left)/10;return i>2&&(e.cachedCharWidth=i),i||10}function or(e){for(var t=e.display,n={},r={},i=t.gutters.clientLeft,o=t.gutters.firstChild,a=0;o;o=o.nextSibling,++a){var l=e.display.gutterSpecs[a].className;n[l]=o.offsetLeft+o.clientLeft+i,r[l]=o.clientWidth}return{fixedPos:ar(t),gutterTotalWidth:t.gutters.offsetWidth,gutterLeft:n,gutterWidth:r,wrapperWidth:t.wrapper.clientWidth}}function ar(e){return e.scroller.getBoundingClientRect().left-e.sizer.getBoundingClientRect().left}function lr(e){var t=rr(e.display),n=e.options.lineWrapping,r=n&&Math.max(5,e.display.scroller.clientWidth/ir(e.display)-3);return function(i){if(Wt(e.doc,i))return 0;var o=0;if(i.widgets)for(var a=0;a<i.widgets.length;a++)i.widgets[a].height&&(o+=i.widgets[a].height);return n?o+(Math.ceil(i.text.length/r)||1)*t:o+t}}function sr(e){var t=e.doc,n=lr(e);t.iter((function(e){var t=n(e);t!=e.height&&Ke(e,t)}))}function ur(e,t,n,r){var i=e.display;if(!n&&"true"==we(t).getAttribute("cm-not-content"))return null;var o,a,l=i.lineSpace.getBoundingClientRect();try{o=t.clientX-l.left,a=t.clientY-l.top}catch(e){return null}var s,u=Zn(e,o,a);if(r&&u.xRel>0&&(s=Ge(e.doc,u.line).text).length==u.ch){var c=R(s,s.length,e.options.tabSize)-s.length;u=et(u.line,Math.max(0,Math.round((o-Sn(e.display).left)/ir(e.display))-c))}return u}function cr(e,t){if(t>=e.display.viewTo)return null;if((t-=e.display.viewFrom)<0)return null;for(var n=e.display.view,r=0;r<n.length;r++)if((t-=n[r].size)<0)return r}function dr(e,t,n,r){null==t&&(t=e.doc.first),null==n&&(n=e.doc.first+e.doc.size),r||(r=0);var i=e.display;if(r&&n<i.viewTo&&(null==i.updateLineNumbers||i.updateLineNumbers>t)&&(i.updateLineNumbers=t),e.curOp.viewChanged=!0,t>=i.viewTo)Ct&&Pt(e.doc,t)<i.viewTo&&fr(e);else if(n<=i.viewFrom)Ct&&_t(e.doc,n+r)>i.viewFrom?fr(e):(i.viewFrom+=r,i.viewTo+=r);else if(t<=i.viewFrom&&n>=i.viewTo)fr(e);else if(t<=i.viewFrom){var o=pr(e,n,n+r,1);o?(i.view=i.view.slice(o.index),i.viewFrom=o.lineN,i.viewTo+=r):fr(e)}else if(n>=i.viewTo){var a=pr(e,t,t,-1);a?(i.view=i.view.slice(0,a.index),i.viewTo=a.lineN):fr(e)}else{var l=pr(e,t,t,-1),s=pr(e,n,n+r,1);l&&s?(i.view=i.view.slice(0,l.index).concat(on(e,l.lineN,s.lineN)).concat(i.view.slice(s.index)),i.viewTo+=r):fr(e)}var u=i.externalMeasured;u&&(n<u.lineN?u.lineN+=r:t<u.lineN+u.size&&(i.externalMeasured=null))}function hr(e,t,n){e.curOp.viewChanged=!0;var r=e.display,i=e.display.externalMeasured;if(i&&t>=i.lineN&&t<i.lineN+i.size&&(r.externalMeasured=null),!(t<r.viewFrom||t>=r.viewTo)){var o=r.view[cr(e,t)];if(null!=o.node){var a=o.changes||(o.changes=[]);-1==_(a,n)&&a.push(n)}}}function fr(e){e.display.viewFrom=e.display.viewTo=e.doc.first,e.display.view=[],e.display.viewOffset=0}function pr(e,t,n,r){var i,o=cr(e,t),a=e.display.view;if(!Ct||n==e.doc.first+e.doc.size)return{index:o,lineN:n};for(var l=e.display.viewFrom,s=0;s<o;s++)l+=a[s].size;if(l!=t){if(r>0){if(o==a.length-1)return null;i=l+a[o].size-t,o++}else i=l-t;t+=i,n+=i}for(;Pt(e.doc,n)!=n;){if(o==(r<0?0:a.length-1))return null;n+=r*a[o-(r<0?1:0)].size,o+=r}return{index:o,lineN:n}}function mr(e){for(var t=e.display.view,n=0,r=0;r<t.length;r++){var i=t[r];i.hidden||i.node&&!i.changes||++n}return n}function gr(e){e.display.input.showSelection(e.display.input.prepareSelection())}function vr(e,t){void 0===t&&(t=!0);var n=e.doc,r={},i=r.cursors=document.createDocumentFragment(),o=r.selection=document.createDocumentFragment(),a=e.options.$customCursor;a&&(t=!0);for(var l=0;l<n.sel.ranges.length;l++)if(t||l!=n.sel.primIndex){var s=n.sel.ranges[l];if(!(s.from().line>=e.display.viewTo||s.to().line<e.display.viewFrom)){var u=s.empty();if(a){var c=a(e,s);c&&xr(e,c,i)}else(u||e.options.showCursorWhenSelecting)&&xr(e,s.head,i);u||br(e,s,o)}}return r}function xr(e,t,n){var r=Vn(e,t,"div",null,null,!e.options.singleCursorHeightPerLine),i=n.appendChild(T("div"," ","CodeMirror-cursor"));if(i.style.left=r.left+"px",i.style.top=r.top+"px",i.style.height=Math.max(0,r.bottom-r.top)*e.options.cursorHeight+"px",/\bcm-fat-cursor\b/.test(e.getWrapperElement().className)){var o=Gn(e,t,"div",null,null),a=o.right-o.left;i.style.width=(a>0?a:e.defaultCharWidth())+"px"}if(r.other){var l=n.appendChild(T("div"," ","CodeMirror-cursor CodeMirror-secondarycursor"));l.style.display="",l.style.left=r.other.left+"px",l.style.top=r.other.top+"px",l.style.height=.85*(r.other.bottom-r.other.top)+"px"}}function yr(e,t){return e.top-t.top||e.left-t.left}function br(e,t,n){var r=e.display,i=e.doc,o=document.createDocumentFragment(),a=Sn(e.display),l=a.left,s=Math.max(r.sizerWidth,An(e)-r.sizer.offsetLeft)-a.right,u="ltr"==i.direction;function c(e,t,n,r){t<0&&(t=0),t=Math.round(t),r=Math.round(r),o.appendChild(T("div",null,"CodeMirror-selected","position: absolute; left: "+e+"px;\n                             top: "+t+"px; width: "+(null==n?s-e:n)+"px;\n                             height: "+(r-t)+"px"))}function d(t,n,r){var o,a,d=Ge(i,t),h=d.text.length;function f(n,r){return Gn(e,et(t,n),"div",d,r)}function p(t,n,r){var i=Qn(e,d,null,t),o="ltr"==n==("after"==r)?"left":"right";return f("after"==r?i.begin:i.end-(/\s/.test(d.text.charAt(i.end-1))?2:1),o)[o]}var m=ue(d,i.direction);return function(e,t,n,r){if(!e)return r(t,n,"ltr",0);for(var i=!1,o=0;o<e.length;++o){var a=e[o];(a.from<n&&a.to>t||t==n&&a.to==t)&&(r(Math.max(a.from,t),Math.min(a.to,n),1==a.level?"rtl":"ltr",o),i=!0)}i||r(t,n,"ltr")}(m,n||0,null==r?h:r,(function(e,t,i,d){var g="ltr"==i,v=f(e,g?"left":"right"),x=f(t-1,g?"right":"left"),y=null==n&&0==e,b=null==r&&t==h,D=0==d,C=!m||d==m.length-1;if(x.top-v.top<=3){var w=(u?b:y)&&C,k=(u?y:b)&&D?l:(g?v:x).left,S=w?s:(g?x:v).right;c(k,v.top,S-k,v.bottom)}else{var F,A,E,T;g?(F=u&&y&&D?l:v.left,A=u?s:p(e,i,"before"),E=u?l:p(t,i,"after"),T=u&&b&&C?s:x.right):(F=u?p(e,i,"before"):l,A=!u&&y&&D?s:v.right,E=!u&&b&&C?l:x.left,T=u?p(t,i,"after"):s),c(F,v.top,A-F,v.bottom),v.bottom<x.top&&c(l,v.bottom,null,x.top),c(E,x.top,T-E,x.bottom)}(!o||yr(v,o)<0)&&(o=v),yr(x,o)<0&&(o=x),(!a||yr(v,a)<0)&&(a=v),yr(x,a)<0&&(a=x)})),{start:o,end:a}}var h=t.from(),f=t.to();if(h.line==f.line)d(h.line,h.ch,f.ch);else{var p=Ge(i,h.line),m=Ge(i,f.line),g=Rt(p)==Rt(m),v=d(h.line,h.ch,g?p.text.length+1:null).end,x=d(f.line,g?0:null,f.ch).start;g&&(v.top<x.top-2?(c(v.right,v.top,null,v.bottom),c(l,x.top,x.left,x.bottom)):c(v.right,v.top,x.left-v.right,v.bottom)),v.bottom<x.top&&c(l,v.bottom,null,x.top)}n.appendChild(o)}function Dr(e){if(e.state.focused){var t=e.display;clearInterval(t.blinker);var n=!0;t.cursorDiv.style.visibility="",e.options.cursorBlinkRate>0?t.blinker=setInterval((function(){e.hasFocus()||Sr(e),t.cursorDiv.style.visibility=(n=!n)?"":"hidden"}),e.options.cursorBlinkRate):e.options.cursorBlinkRate<0&&(t.cursorDiv.style.visibility="hidden")}}function Cr(e){e.hasFocus()||(e.display.input.focus(),e.state.focused||kr(e))}function wr(e){e.state.delayingBlurEvent=!0,setTimeout((function(){e.state.delayingBlurEvent&&(e.state.delayingBlurEvent=!1,e.state.focused&&Sr(e))}),100)}function kr(e,t){e.state.delayingBlurEvent&&!e.state.draggingText&&(e.state.delayingBlurEvent=!1),"nocursor"!=e.options.readOnly&&(e.state.focused||(pe(e,"focus",e,t),e.state.focused=!0,N(e.display.wrapper,"CodeMirror-focused"),e.curOp||e.display.selForContextMenu==e.doc.sel||(e.display.input.reset(),s&&setTimeout((function(){return e.display.input.reset(!0)}),20)),e.display.input.receivedFocus()),Dr(e))}function Sr(e,t){e.state.delayingBlurEvent||(e.state.focused&&(pe(e,"blur",e,t),e.state.focused=!1,F(e.display.wrapper,"CodeMirror-focused")),clearInterval(e.display.blinker),setTimeout((function(){e.state.focused||(e.display.shift=!1)}),150))}function Fr(e){for(var t=e.display,n=t.lineDiv.offsetTop,r=Math.max(0,t.scroller.getBoundingClientRect().top),i=t.lineDiv.getBoundingClientRect().top,o=0,s=0;s<t.view.length;s++){var u=t.view[s],c=e.options.lineWrapping,d=void 0,h=0;if(!u.hidden){if(i+=u.line.height,a&&l<8){var f=u.node.offsetTop+u.node.offsetHeight;d=f-n,n=f}else{var p=u.node.getBoundingClientRect();d=p.bottom-p.top,!c&&u.text.firstChild&&(h=u.text.firstChild.getBoundingClientRect().right-p.left-1)}var m=u.line.height-d;if((m>.005||m<-.005)&&(i<r&&(o-=m),Ke(u.line,d),Ar(u.line),u.rest))for(var g=0;g<u.rest.length;g++)Ar(u.rest[g]);if(h>e.display.sizerWidth){var v=Math.ceil(h/ir(e.display));v>e.display.maxLineLength&&(e.display.maxLineLength=v,e.display.maxLine=u.line,e.display.maxLineChanged=!0)}}}Math.abs(o)>2&&(t.scroller.scrollTop+=o)}function Ar(e){if(e.widgets)for(var t=0;t<e.widgets.length;++t){var n=e.widgets[t],r=n.node.parentNode;r&&(n.height=r.offsetHeight)}}function Er(e,t,n){var r=n&&null!=n.top?Math.max(0,n.top):e.scroller.scrollTop;r=Math.floor(r-wn(e));var i=n&&null!=n.bottom?n.bottom:r+e.wrapper.clientHeight,o=Ye(t,r),a=Ye(t,i);if(n&&n.ensure){var l=n.ensure.from.line,s=n.ensure.to.line;l<o?(o=l,a=Ye(t,qt(Ge(t,l))+e.wrapper.clientHeight)):Math.min(s,t.lastLine())>=a&&(o=Ye(t,qt(Ge(t,s))-e.wrapper.clientHeight),a=s)}return{from:o,to:Math.max(a,o+1)}}function Tr(e,t){var n=e.display,r=rr(e.display);t.top<0&&(t.top=0);var i=e.curOp&&null!=e.curOp.scrollTop?e.curOp.scrollTop:n.scroller.scrollTop,o=En(e),a={};t.bottom-t.top>o&&(t.bottom=t.top+o);var l=e.doc.height+kn(n),s=t.top<r,u=t.bottom>l-r;if(t.top<i)a.scrollTop=s?0:t.top;else if(t.bottom>i+o){var c=Math.min(t.top,(u?l:t.bottom)-o);c!=i&&(a.scrollTop=c)}var d=e.options.fixedGutter?0:n.gutters.offsetWidth,h=e.curOp&&null!=e.curOp.scrollLeft?e.curOp.scrollLeft:n.scroller.scrollLeft-d,f=An(e)-n.gutters.offsetWidth,p=t.right-t.left>f;return p&&(t.right=t.left+f),t.left<10?a.scrollLeft=0:t.left<h?a.scrollLeft=Math.max(0,t.left+d-(p?0:10)):t.right>f+h-3&&(a.scrollLeft=t.right+(p?0:10)-f),a}function Lr(e,t){null!=t&&(Nr(e),e.curOp.scrollTop=(null==e.curOp.scrollTop?e.doc.scrollTop:e.curOp.scrollTop)+t)}function Mr(e){Nr(e);var t=e.getCursor();e.curOp.scrollToPos={from:t,to:t,margin:e.options.cursorScrollMargin}}function Br(e,t,n){null==t&&null==n||Nr(e),null!=t&&(e.curOp.scrollLeft=t),null!=n&&(e.curOp.scrollTop=n)}function Nr(e){var t=e.curOp.scrollToPos;t&&(e.curOp.scrollToPos=null,Or(e,Xn(e,t.from),Xn(e,t.to),t.margin))}function Or(e,t,n,r){var i=Tr(e,{left:Math.min(t.left,n.left),top:Math.min(t.top,n.top)-r,right:Math.max(t.right,n.right),bottom:Math.max(t.bottom,n.bottom)+r});Br(e,i.scrollLeft,i.scrollTop)}function Ir(e,t){Math.abs(e.doc.scrollTop-t)<2||(n||si(e,{top:t}),zr(e,t,!0),n&&si(e),ri(e,100))}function zr(e,t,n){t=Math.max(0,Math.min(e.display.scroller.scrollHeight-e.display.scroller.clientHeight,t)),(e.display.scroller.scrollTop!=t||n)&&(e.doc.scrollTop=t,e.display.scrollbars.setScrollTop(t),e.display.scroller.scrollTop!=t&&(e.display.scroller.scrollTop=t))}function Hr(e,t,n,r){t=Math.max(0,Math.min(t,e.display.scroller.scrollWidth-e.display.scroller.clientWidth)),(n?t==e.doc.scrollLeft:Math.abs(e.doc.scrollLeft-t)<2)&&!r||(e.doc.scrollLeft=t,di(e),e.display.scroller.scrollLeft!=t&&(e.display.scroller.scrollLeft=t),e.display.scrollbars.setScrollLeft(t))}function Rr(e){var t=e.display,n=t.gutters.offsetWidth,r=Math.round(e.doc.height+kn(e.display));return{clientHeight:t.scroller.clientHeight,viewHeight:t.wrapper.clientHeight,scrollWidth:t.scroller.scrollWidth,clientWidth:t.scroller.clientWidth,viewWidth:t.wrapper.clientWidth,barLeft:e.options.fixedGutter?n:0,docHeight:r,scrollHeight:r+Fn(e)+t.barHeight,nativeBarWidth:t.nativeBarWidth,gutterWidth:n}}var Pr=function(e,t,n){this.cm=n;var r=this.vert=T("div",[T("div",null,null,"min-width: 1px")],"CodeMirror-vscrollbar"),i=this.horiz=T("div",[T("div",null,null,"height: 100%; min-height: 1px")],"CodeMirror-hscrollbar");r.tabIndex=i.tabIndex=-1,e(r),e(i),de(r,"scroll",(function(){r.clientHeight&&t(r.scrollTop,"vertical")})),de(i,"scroll",(function(){i.clientWidth&&t(i.scrollLeft,"horizontal")})),this.checkedZeroWidth=!1,a&&l<8&&(this.horiz.style.minHeight=this.vert.style.minWidth="18px")};Pr.prototype.update=function(e){var t=e.scrollWidth>e.clientWidth+1,n=e.scrollHeight>e.clientHeight+1,r=e.nativeBarWidth;if(n){this.vert.style.display="block",this.vert.style.bottom=t?r+"px":"0";var i=e.viewHeight-(t?r:0);this.vert.firstChild.style.height=Math.max(0,e.scrollHeight-e.clientHeight+i)+"px"}else this.vert.scrollTop=0,this.vert.style.display="",this.vert.firstChild.style.height="0";if(t){this.horiz.style.display="block",this.horiz.style.right=n?r+"px":"0",this.horiz.style.left=e.barLeft+"px";var o=e.viewWidth-e.barLeft-(n?r:0);this.horiz.firstChild.style.width=Math.max(0,e.scrollWidth-e.clientWidth+o)+"px"}else this.horiz.style.display="",this.horiz.firstChild.style.width="0";return!this.checkedZeroWidth&&e.clientHeight>0&&(0==r&&this.zeroWidthHack(),this.checkedZeroWidth=!0),{right:n?r:0,bottom:t?r:0}},Pr.prototype.setScrollLeft=function(e){this.horiz.scrollLeft!=e&&(this.horiz.scrollLeft=e),this.disableHoriz&&this.enableZeroWidthBar(this.horiz,this.disableHoriz,"horiz")},Pr.prototype.setScrollTop=function(e){this.vert.scrollTop!=e&&(this.vert.scrollTop=e),this.disableVert&&this.enableZeroWidthBar(this.vert,this.disableVert,"vert")},Pr.prototype.zeroWidthHack=function(){var e=x&&!f?"12px":"18px";this.horiz.style.height=this.vert.style.width=e,this.horiz.style.pointerEvents=this.vert.style.pointerEvents="none",this.disableHoriz=new P,this.disableVert=new P},Pr.prototype.enableZeroWidthBar=function(e,t,n){e.style.pointerEvents="auto",t.set(1e3,(function r(){var i=e.getBoundingClientRect();("vert"==n?document.elementFromPoint(i.right-1,(i.top+i.bottom)/2):document.elementFromPoint((i.right+i.left)/2,i.bottom-1))!=e?e.style.pointerEvents="none":t.set(1e3,r)}))},Pr.prototype.clear=function(){var e=this.horiz.parentNode;e.removeChild(this.horiz),e.removeChild(this.vert)};var _r=function(){};function Wr(e,t){t||(t=Rr(e));var n=e.display.barWidth,r=e.display.barHeight;jr(e,t);for(var i=0;i<4&&n!=e.display.barWidth||r!=e.display.barHeight;i++)n!=e.display.barWidth&&e.options.lineWrapping&&Fr(e),jr(e,Rr(e)),n=e.display.barWidth,r=e.display.barHeight}function jr(e,t){var n=e.display,r=n.scrollbars.update(t);n.sizer.style.paddingRight=(n.barWidth=r.right)+"px",n.sizer.style.paddingBottom=(n.barHeight=r.bottom)+"px",n.heightForcer.style.borderBottom=r.bottom+"px solid transparent",r.right&&r.bottom?(n.scrollbarFiller.style.display="block",n.scrollbarFiller.style.height=r.bottom+"px",n.scrollbarFiller.style.width=r.right+"px"):n.scrollbarFiller.style.display="",r.bottom&&e.options.coverGutterNextToScrollbar&&e.options.fixedGutter?(n.gutterFiller.style.display="block",n.gutterFiller.style.height=r.bottom+"px",n.gutterFiller.style.width=t.gutterWidth+"px"):n.gutterFiller.style.display=""}_r.prototype.update=function(){return{bottom:0,right:0}},_r.prototype.setScrollLeft=function(){},_r.prototype.setScrollTop=function(){},_r.prototype.clear=function(){};var qr={native:Pr,null:_r};function Ur(e){e.display.scrollbars&&(e.display.scrollbars.clear(),e.display.scrollbars.addClass&&F(e.display.wrapper,e.display.scrollbars.addClass)),e.display.scrollbars=new qr[e.options.scrollbarStyle]((function(t){e.display.wrapper.insertBefore(t,e.display.scrollbarFiller),de(t,"mousedown",(function(){e.state.focused&&setTimeout((function(){return e.display.input.focus()}),0)})),t.setAttribute("cm-not-content","true")}),(function(t,n){"horizontal"==n?Hr(e,t):Ir(e,t)}),e),e.display.scrollbars.addClass&&N(e.display.wrapper,e.display.scrollbars.addClass)}var $r=0;function Gr(e){var t;e.curOp={cm:e,viewChanged:!1,startHeight:e.doc.height,forceUpdate:!1,updateInput:0,typing:!1,changeObjs:null,cursorActivityHandlers:null,cursorActivityCalled:0,selectionChanged:!1,updateMaxLine:!1,scrollLeft:null,scrollTop:null,scrollToPos:null,focus:!1,id:++$r,markArrays:null},t=e.curOp,an?an.ops.push(t):t.ownsGroup=an={ops:[t],delayedCallbacks:[]}}function Vr(e){var t=e.curOp;t&&function(e,t){var n=e.ownsGroup;if(n)try{!function(e){var t=e.delayedCallbacks,n=0;do{for(;n<t.length;n++)t[n].call(null);for(var r=0;r<e.ops.length;r++){var i=e.ops[r];if(i.cursorActivityHandlers)for(;i.cursorActivityCalled<i.cursorActivityHandlers.length;)i.cursorActivityHandlers[i.cursorActivityCalled++].call(null,i.cm)}}while(n<t.length)}(n)}finally{an=null,t(n)}}(t,(function(e){for(var t=0;t<e.ops.length;t++)e.ops[t].cm.curOp=null;!function(e){for(var t=e.ops,n=0;n<t.length;n++)Xr(t[n]);for(var r=0;r<t.length;r++)Kr(t[r]);for(var i=0;i<t.length;i++)Zr(t[i]);for(var o=0;o<t.length;o++)Yr(t[o]);for(var a=0;a<t.length;a++)Qr(t[a])}(e)}))}function Xr(e){var t=e.cm,n=t.display;!function(e){var t=e.display;!t.scrollbarsClipped&&t.scroller.offsetWidth&&(t.nativeBarWidth=t.scroller.offsetWidth-t.scroller.clientWidth,t.heightForcer.style.height=Fn(e)+"px",t.sizer.style.marginBottom=-t.nativeBarWidth+"px",t.sizer.style.borderRightWidth=Fn(e)+"px",t.scrollbarsClipped=!0)}(t),e.updateMaxLine&&$t(t),e.mustUpdate=e.viewChanged||e.forceUpdate||null!=e.scrollTop||e.scrollToPos&&(e.scrollToPos.from.line<n.viewFrom||e.scrollToPos.to.line>=n.viewTo)||n.maxLineChanged&&t.options.lineWrapping,e.update=e.mustUpdate&&new oi(t,e.mustUpdate&&{top:e.scrollTop,ensure:e.scrollToPos},e.forceUpdate)}function Kr(e){e.updatedDisplay=e.mustUpdate&&ai(e.cm,e.update)}function Zr(e){var t=e.cm,n=t.display;e.updatedDisplay&&Fr(t),e.barMeasure=Rr(t),n.maxLineChanged&&!t.options.lineWrapping&&(e.adjustWidthTo=Ln(t,n.maxLine,n.maxLine.text.length).left+3,t.display.sizerWidth=e.adjustWidthTo,e.barMeasure.scrollWidth=Math.max(n.scroller.clientWidth,n.sizer.offsetLeft+e.adjustWidthTo+Fn(t)+t.display.barWidth),e.maxScrollLeft=Math.max(0,n.sizer.offsetLeft+e.adjustWidthTo-An(t))),(e.updatedDisplay||e.selectionChanged)&&(e.preparedSelection=n.input.prepareSelection())}function Yr(e){var t=e.cm;null!=e.adjustWidthTo&&(t.display.sizer.style.minWidth=e.adjustWidthTo+"px",e.maxScrollLeft<t.doc.scrollLeft&&Hr(t,Math.min(t.display.scroller.scrollLeft,e.maxScrollLeft),!0),t.display.maxLineChanged=!1);var n=e.focus&&e.focus==B();e.preparedSelection&&t.display.input.showSelection(e.preparedSelection,n),(e.updatedDisplay||e.startHeight!=t.doc.height)&&Wr(t,e.barMeasure),e.updatedDisplay&&ci(t,e.barMeasure),e.selectionChanged&&Dr(t),t.state.focused&&e.updateInput&&t.display.input.reset(e.typing),n&&Cr(e.cm)}function Qr(e){var t=e.cm,n=t.display,r=t.doc;if(e.updatedDisplay&&li(t,e.update),null==n.wheelStartX||null==e.scrollTop&&null==e.scrollLeft&&!e.scrollToPos||(n.wheelStartX=n.wheelStartY=null),null!=e.scrollTop&&zr(t,e.scrollTop,e.forceScroll),null!=e.scrollLeft&&Hr(t,e.scrollLeft,!0,!0),e.scrollToPos){var i=function(e,t,n,r){var i;null==r&&(r=0),e.options.lineWrapping||t!=n||(n="before"==t.sticky?et(t.line,t.ch+1,"before"):t,t=t.ch?et(t.line,"before"==t.sticky?t.ch-1:t.ch,"after"):t);for(var o=0;o<5;o++){var a=!1,l=Vn(e,t),s=n&&n!=t?Vn(e,n):l,u=Tr(e,i={left:Math.min(l.left,s.left),top:Math.min(l.top,s.top)-r,right:Math.max(l.left,s.left),bottom:Math.max(l.bottom,s.bottom)+r}),c=e.doc.scrollTop,d=e.doc.scrollLeft;if(null!=u.scrollTop&&(Ir(e,u.scrollTop),Math.abs(e.doc.scrollTop-c)>1&&(a=!0)),null!=u.scrollLeft&&(Hr(e,u.scrollLeft),Math.abs(e.doc.scrollLeft-d)>1&&(a=!0)),!a)break}return i}(t,lt(r,e.scrollToPos.from),lt(r,e.scrollToPos.to),e.scrollToPos.margin);!function(e,t){if(!me(e,"scrollCursorIntoView")){var n=e.display,r=n.sizer.getBoundingClientRect(),i=null;if(t.top+r.top<0?i=!0:t.bottom+r.top>(window.innerHeight||document.documentElement.clientHeight)&&(i=!1),null!=i&&!p){var o=T("div","​",null,"position: absolute;\n                         top: "+(t.top-n.viewOffset-wn(e.display))+"px;\n                         height: "+(t.bottom-t.top+Fn(e)+n.barHeight)+"px;\n                         left: "+t.left+"px; width: "+Math.max(2,t.right-t.left)+"px;");e.display.lineSpace.appendChild(o),o.scrollIntoView(i),e.display.lineSpace.removeChild(o)}}}(t,i)}var o=e.maybeHiddenMarkers,a=e.maybeUnhiddenMarkers;if(o)for(var l=0;l<o.length;++l)o[l].lines.length||pe(o[l],"hide");if(a)for(var s=0;s<a.length;++s)a[s].lines.length&&pe(a[s],"unhide");n.wrapper.offsetHeight&&(r.scrollTop=t.display.scroller.scrollTop),e.changeObjs&&pe(t,"changes",t,e.changeObjs),e.update&&e.update.finish()}function Jr(e,t){if(e.curOp)return t();Gr(e);try{return t()}finally{Vr(e)}}function ei(e,t){return function(){if(e.curOp)return t.apply(e,arguments);Gr(e);try{return t.apply(e,arguments)}finally{Vr(e)}}}function ti(e){return function(){if(this.curOp)return e.apply(this,arguments);Gr(this);try{return e.apply(this,arguments)}finally{Vr(this)}}}function ni(e){return function(){var t=this.cm;if(!t||t.curOp)return e.apply(this,arguments);Gr(t);try{return e.apply(this,arguments)}finally{Vr(t)}}}function ri(e,t){e.doc.highlightFrontier<e.display.viewTo&&e.state.highlight.set(t,z(ii,e))}function ii(e){var t=e.doc;if(!(t.highlightFrontier>=e.display.viewTo)){var n=+new Date+e.options.workTime,r=ft(e,t.highlightFrontier),i=[];t.iter(r.line,Math.min(t.first+t.size,e.display.viewTo+500),(function(o){if(r.line>=e.display.viewFrom){var a=o.styles,l=o.text.length>e.options.maxHighlightLength?je(t.mode,r.state):null,s=dt(e,o,r,!0);l&&(r.state=l),o.styles=s.styles;var u=o.styleClasses,c=s.classes;c?o.styleClasses=c:u&&(o.styleClasses=null);for(var d=!a||a.length!=o.styles.length||u!=c&&(!u||!c||u.bgClass!=c.bgClass||u.textClass!=c.textClass),h=0;!d&&h<a.length;++h)d=a[h]!=o.styles[h];d&&i.push(r.line),o.stateAfter=r.save(),r.nextLine()}else o.text.length<=e.options.maxHighlightLength&&pt(e,o.text,r),o.stateAfter=r.line%5==0?r.save():null,r.nextLine();if(+new Date>n)return ri(e,e.options.workDelay),!0})),t.highlightFrontier=r.line,t.modeFrontier=Math.max(t.modeFrontier,r.line),i.length&&Jr(e,(function(){for(var t=0;t<i.length;t++)hr(e,i[t],"text")}))}}var oi=function(e,t,n){var r=e.display;this.viewport=t,this.visible=Er(r,e.doc,t),this.editorIsHidden=!r.wrapper.offsetWidth,this.wrapperHeight=r.wrapper.clientHeight,this.wrapperWidth=r.wrapper.clientWidth,this.oldDisplayWidth=An(e),this.force=n,this.dims=or(e),this.events=[]};function ai(e,t){var n=e.display,r=e.doc;if(t.editorIsHidden)return fr(e),!1;if(!t.force&&t.visible.from>=n.viewFrom&&t.visible.to<=n.viewTo&&(null==n.updateLineNumbers||n.updateLineNumbers>=n.viewTo)&&n.renderedView==n.view&&0==mr(e))return!1;hi(e)&&(fr(e),t.dims=or(e));var i=r.first+r.size,o=Math.max(t.visible.from-e.options.viewportMargin,r.first),a=Math.min(i,t.visible.to+e.options.viewportMargin);n.viewFrom<o&&o-n.viewFrom<20&&(o=Math.max(r.first,n.viewFrom)),n.viewTo>a&&n.viewTo-a<20&&(a=Math.min(i,n.viewTo)),Ct&&(o=Pt(e.doc,o),a=_t(e.doc,a));var l=o!=n.viewFrom||a!=n.viewTo||n.lastWrapHeight!=t.wrapperHeight||n.lastWrapWidth!=t.wrapperWidth;!function(e,t,n){var r=e.display;0==r.view.length||t>=r.viewTo||n<=r.viewFrom?(r.view=on(e,t,n),r.viewFrom=t):(r.viewFrom>t?r.view=on(e,t,r.viewFrom).concat(r.view):r.viewFrom<t&&(r.view=r.view.slice(cr(e,t))),r.viewFrom=t,r.viewTo<n?r.view=r.view.concat(on(e,r.viewTo,n)):r.viewTo>n&&(r.view=r.view.slice(0,cr(e,n)))),r.viewTo=n}(e,o,a),n.viewOffset=qt(Ge(e.doc,n.viewFrom)),e.display.mover.style.top=n.viewOffset+"px";var u=mr(e);if(!l&&0==u&&!t.force&&n.renderedView==n.view&&(null==n.updateLineNumbers||n.updateLineNumbers>=n.viewTo))return!1;var c=function(e){if(e.hasFocus())return null;var t=B();if(!t||!M(e.display.lineDiv,t))return null;var n={activeElt:t};if(window.getSelection){var r=window.getSelection();r.anchorNode&&r.extend&&M(e.display.lineDiv,r.anchorNode)&&(n.anchorNode=r.anchorNode,n.anchorOffset=r.anchorOffset,n.focusNode=r.focusNode,n.focusOffset=r.focusOffset)}return n}(e);return u>4&&(n.lineDiv.style.display="none"),function(e,t,n){var r=e.display,i=e.options.lineNumbers,o=r.lineDiv,a=o.firstChild;function l(t){var n=t.nextSibling;return s&&x&&e.display.currentWheelTarget==t?t.style.display="none":t.parentNode.removeChild(t),n}for(var u=r.view,c=r.viewFrom,d=0;d<u.length;d++){var h=u[d];if(h.hidden);else if(h.node&&h.node.parentNode==o){for(;a!=h.node;)a=l(a);var f=i&&null!=t&&t<=c&&h.lineNumber;h.changes&&(_(h.changes,"gutter")>-1&&(f=!1),cn(e,h,c,n)),f&&(A(h.lineNumber),h.lineNumber.appendChild(document.createTextNode(Je(e.options,c)))),a=h.node.nextSibling}else{var p=vn(e,h,c,n);o.insertBefore(p,a)}c+=h.size}for(;a;)a=l(a)}(e,n.updateLineNumbers,t.dims),u>4&&(n.lineDiv.style.display=""),n.renderedView=n.view,function(e){if(e&&e.activeElt&&e.activeElt!=B()&&(e.activeElt.focus(),!/^(INPUT|TEXTAREA)$/.test(e.activeElt.nodeName)&&e.anchorNode&&M(document.body,e.anchorNode)&&M(document.body,e.focusNode))){var t=window.getSelection(),n=document.createRange();n.setEnd(e.anchorNode,e.anchorOffset),n.collapse(!1),t.removeAllRanges(),t.addRange(n),t.extend(e.focusNode,e.focusOffset)}}(c),A(n.cursorDiv),A(n.selectionDiv),n.gutters.style.height=n.sizer.style.minHeight=0,l&&(n.lastWrapHeight=t.wrapperHeight,n.lastWrapWidth=t.wrapperWidth,ri(e,400)),n.updateLineNumbers=null,!0}function li(e,t){for(var n=t.viewport,r=!0;;r=!1){if(r&&e.options.lineWrapping&&t.oldDisplayWidth!=An(e))r&&(t.visible=Er(e.display,e.doc,n));else if(n&&null!=n.top&&(n={top:Math.min(e.doc.height+kn(e.display)-En(e),n.top)}),t.visible=Er(e.display,e.doc,n),t.visible.from>=e.display.viewFrom&&t.visible.to<=e.display.viewTo)break;if(!ai(e,t))break;Fr(e);var i=Rr(e);gr(e),Wr(e,i),ci(e,i),t.force=!1}t.signal(e,"update",e),e.display.viewFrom==e.display.reportedViewFrom&&e.display.viewTo==e.display.reportedViewTo||(t.signal(e,"viewportChange",e,e.display.viewFrom,e.display.viewTo),e.display.reportedViewFrom=e.display.viewFrom,e.display.reportedViewTo=e.display.viewTo)}function si(e,t){var n=new oi(e,t);if(ai(e,n)){Fr(e),li(e,n);var r=Rr(e);gr(e),Wr(e,r),ci(e,r),n.finish()}}function ui(e){var t=e.gutters.offsetWidth;e.sizer.style.marginLeft=t+"px",sn(e,"gutterChanged",e)}function ci(e,t){e.display.sizer.style.minHeight=t.docHeight+"px",e.display.heightForcer.style.top=t.docHeight+"px",e.display.gutters.style.height=t.docHeight+e.display.barHeight+Fn(e)+"px"}function di(e){var t=e.display,n=t.view;if(t.alignWidgets||t.gutters.firstChild&&e.options.fixedGutter){for(var r=ar(t)-t.scroller.scrollLeft+e.doc.scrollLeft,i=t.gutters.offsetWidth,o=r+"px",a=0;a<n.length;a++)if(!n[a].hidden){e.options.fixedGutter&&(n[a].gutter&&(n[a].gutter.style.left=o),n[a].gutterBackground&&(n[a].gutterBackground.style.left=o));var l=n[a].alignable;if(l)for(var s=0;s<l.length;s++)l[s].style.left=o}e.options.fixedGutter&&(t.gutters.style.left=r+i+"px")}}function hi(e){if(!e.options.lineNumbers)return!1;var t=e.doc,n=Je(e.options,t.first+t.size-1),r=e.display;if(n.length!=r.lineNumChars){var i=r.measure.appendChild(T("div",[T("div",n)],"CodeMirror-linenumber CodeMirror-gutter-elt")),o=i.firstChild.offsetWidth,a=i.offsetWidth-o;return r.lineGutter.style.width="",r.lineNumInnerWidth=Math.max(o,r.lineGutter.offsetWidth-a)+1,r.lineNumWidth=r.lineNumInnerWidth+a,r.lineNumChars=r.lineNumInnerWidth?n.length:-1,r.lineGutter.style.width=r.lineNumWidth+"px",ui(e.display),!0}return!1}function fi(e,t){for(var n=[],r=!1,i=0;i<e.length;i++){var o=e[i],a=null;if("string"!=typeof o&&(a=o.style,o=o.className),"CodeMirror-linenumbers"==o){if(!t)continue;r=!0}n.push({className:o,style:a})}return t&&!r&&n.push({className:"CodeMirror-linenumbers",style:null}),n}function pi(e){var t=e.gutters,n=e.gutterSpecs;A(t),e.lineGutter=null;for(var r=0;r<n.length;++r){var i=n[r],o=i.className,a=i.style,l=t.appendChild(T("div",null,"CodeMirror-gutter "+o));a&&(l.style.cssText=a),"CodeMirror-linenumbers"==o&&(e.lineGutter=l,l.style.width=(e.lineNumWidth||1)+"px")}t.style.display=n.length?"":"none",ui(e)}function mi(e){pi(e.display),dr(e),di(e)}function gi(e,t,r,i){var o=this;this.input=r,o.scrollbarFiller=T("div",null,"CodeMirror-scrollbar-filler"),o.scrollbarFiller.setAttribute("cm-not-content","true"),o.gutterFiller=T("div",null,"CodeMirror-gutter-filler"),o.gutterFiller.setAttribute("cm-not-content","true"),o.lineDiv=L("div",null,"CodeMirror-code"),o.selectionDiv=T("div",null,null,"position: relative; z-index: 1"),o.cursorDiv=T("div",null,"CodeMirror-cursors"),o.measure=T("div",null,"CodeMirror-measure"),o.lineMeasure=T("div",null,"CodeMirror-measure"),o.lineSpace=L("div",[o.measure,o.lineMeasure,o.selectionDiv,o.cursorDiv,o.lineDiv],null,"position: relative; outline: none");var u=L("div",[o.lineSpace],"CodeMirror-lines");o.mover=T("div",[u],null,"position: relative"),o.sizer=T("div",[o.mover],"CodeMirror-sizer"),o.sizerWidth=null,o.heightForcer=T("div",null,null,"position: absolute; height: 50px; width: 1px;"),o.gutters=T("div",null,"CodeMirror-gutters"),o.lineGutter=null,o.scroller=T("div",[o.sizer,o.heightForcer,o.gutters],"CodeMirror-scroll"),o.scroller.setAttribute("tabIndex","-1"),o.wrapper=T("div",[o.scrollbarFiller,o.gutterFiller,o.scroller],"CodeMirror"),o.wrapper.setAttribute("translate","no"),a&&l<8&&(o.gutters.style.zIndex=-1,o.scroller.style.paddingRight=0),s||n&&v||(o.scroller.draggable=!0),e&&(e.appendChild?e.appendChild(o.wrapper):e(o.wrapper)),o.viewFrom=o.viewTo=t.first,o.reportedViewFrom=o.reportedViewTo=t.first,o.view=[],o.renderedView=null,o.externalMeasured=null,o.viewOffset=0,o.lastWrapHeight=o.lastWrapWidth=0,o.updateLineNumbers=null,o.nativeBarWidth=o.barHeight=o.barWidth=0,o.scrollbarsClipped=!1,o.lineNumWidth=o.lineNumInnerWidth=o.lineNumChars=null,o.alignWidgets=!1,o.cachedCharWidth=o.cachedTextHeight=o.cachedPaddingH=null,o.maxLine=null,o.maxLineLength=0,o.maxLineChanged=!1,o.wheelDX=o.wheelDY=o.wheelStartX=o.wheelStartY=null,o.shift=!1,o.selForContextMenu=null,o.activeTouch=null,o.gutterSpecs=fi(i.gutters,i.lineNumbers),pi(o),r.init(o)}oi.prototype.signal=function(e,t){ve(e,t)&&this.events.push(arguments)},oi.prototype.finish=function(){for(var e=0;e<this.events.length;e++)pe.apply(null,this.events[e])};var vi=0,xi=null;function yi(e){var t=e.wheelDeltaX,n=e.wheelDeltaY;return null==t&&e.detail&&e.axis==e.HORIZONTAL_AXIS&&(t=e.detail),null==n&&e.detail&&e.axis==e.VERTICAL_AXIS?n=e.detail:null==n&&(n=e.wheelDelta),{x:t,y:n}}function bi(e){var t=yi(e);return t.x*=xi,t.y*=xi,t}function Di(e,t){var r=yi(t),i=r.x,o=r.y,a=xi;0===t.deltaMode&&(i=t.deltaX,o=t.deltaY,a=1);var l=e.display,u=l.scroller,c=u.scrollWidth>u.clientWidth,h=u.scrollHeight>u.clientHeight;if(i&&c||o&&h){if(o&&x&&s)e:for(var f=t.target,p=l.view;f!=u;f=f.parentNode)for(var m=0;m<p.length;m++)if(p[m].node==f){e.display.currentWheelTarget=f;break e}if(i&&!n&&!d&&null!=a)return o&&h&&Ir(e,Math.max(0,u.scrollTop+o*a)),Hr(e,Math.max(0,u.scrollLeft+i*a)),(!o||o&&h)&&ye(t),void(l.wheelStartX=null);if(o&&null!=a){var g=o*a,v=e.doc.scrollTop,y=v+l.wrapper.clientHeight;g<0?v=Math.max(0,v+g-50):y=Math.min(e.doc.height,y+g+50),si(e,{top:v,bottom:y})}vi<20&&0!==t.deltaMode&&(null==l.wheelStartX?(l.wheelStartX=u.scrollLeft,l.wheelStartY=u.scrollTop,l.wheelDX=i,l.wheelDY=o,setTimeout((function(){if(null!=l.wheelStartX){var e=u.scrollLeft-l.wheelStartX,t=u.scrollTop-l.wheelStartY,n=t&&l.wheelDY&&t/l.wheelDY||e&&l.wheelDX&&e/l.wheelDX;l.wheelStartX=l.wheelStartY=null,n&&(xi=(xi*vi+n)/(vi+1),++vi)}}),200)):(l.wheelDX+=i,l.wheelDY+=o))}}a?xi=-.53:n?xi=15:c?xi=-.7:h&&(xi=-1/3);var Ci=function(e,t){this.ranges=e,this.primIndex=t};Ci.prototype.primary=function(){return this.ranges[this.primIndex]},Ci.prototype.equals=function(e){if(e==this)return!0;if(e.primIndex!=this.primIndex||e.ranges.length!=this.ranges.length)return!1;for(var t=0;t<this.ranges.length;t++){var n=this.ranges[t],r=e.ranges[t];if(!nt(n.anchor,r.anchor)||!nt(n.head,r.head))return!1}return!0},Ci.prototype.deepCopy=function(){for(var e=[],t=0;t<this.ranges.length;t++)e[t]=new wi(rt(this.ranges[t].anchor),rt(this.ranges[t].head));return new Ci(e,this.primIndex)},Ci.prototype.somethingSelected=function(){for(var e=0;e<this.ranges.length;e++)if(!this.ranges[e].empty())return!0;return!1},Ci.prototype.contains=function(e,t){t||(t=e);for(var n=0;n<this.ranges.length;n++){var r=this.ranges[n];if(tt(t,r.from())>=0&&tt(e,r.to())<=0)return n}return-1};var wi=function(e,t){this.anchor=e,this.head=t};function ki(e,t,n){var r=e&&e.options.selectionsMayTouch,i=t[n];t.sort((function(e,t){return tt(e.from(),t.from())})),n=_(t,i);for(var o=1;o<t.length;o++){var a=t[o],l=t[o-1],s=tt(l.to(),a.from());if(r&&!a.empty()?s>0:s>=0){var u=ot(l.from(),a.from()),c=it(l.to(),a.to()),d=l.empty()?a.from()==a.head:l.from()==l.head;o<=n&&--n,t.splice(--o,2,new wi(d?c:u,d?u:c))}}return new Ci(t,n)}function Si(e,t){return new Ci([new wi(e,t||e)],0)}function Fi(e){return e.text?et(e.from.line+e.text.length-1,X(e.text).length+(1==e.text.length?e.from.ch:0)):e.to}function Ai(e,t){if(tt(e,t.from)<0)return e;if(tt(e,t.to)<=0)return Fi(t);var n=e.line+t.text.length-(t.to.line-t.from.line)-1,r=e.ch;return e.line==t.to.line&&(r+=Fi(t).ch-t.to.ch),et(n,r)}function Ei(e,t){for(var n=[],r=0;r<e.sel.ranges.length;r++){var i=e.sel.ranges[r];n.push(new wi(Ai(i.anchor,t),Ai(i.head,t)))}return ki(e.cm,n,e.sel.primIndex)}function Ti(e,t,n){return e.line==t.line?et(n.line,e.ch-t.ch+n.ch):et(n.line+(e.line-t.line),e.ch)}function Li(e){e.doc.mode=Pe(e.options,e.doc.modeOption),Mi(e)}function Mi(e){e.doc.iter((function(e){e.stateAfter&&(e.stateAfter=null),e.styles&&(e.styles=null)})),e.doc.modeFrontier=e.doc.highlightFrontier=e.doc.first,ri(e,100),e.state.modeGen++,e.curOp&&dr(e)}function Bi(e,t){return 0==t.from.ch&&0==t.to.ch&&""==X(t.text)&&(!e.cm||e.cm.options.wholeLineUpdateBefore)}function Ni(e,t,n,r){function i(e){return n?n[e]:null}function o(e,n,i){!function(e,t,n,r){e.text=t,e.stateAfter&&(e.stateAfter=null),e.styles&&(e.styles=null),null!=e.order&&(e.order=null),Et(e),Tt(e,n);var i=r?r(e):1;i!=e.height&&Ke(e,i)}(e,n,i,r),sn(e,"change",e,t)}function a(e,t){for(var n=[],o=e;o<t;++o)n.push(new Gt(u[o],i(o),r));return n}var l=t.from,s=t.to,u=t.text,c=Ge(e,l.line),d=Ge(e,s.line),h=X(u),f=i(u.length-1),p=s.line-l.line;if(t.full)e.insert(0,a(0,u.length)),e.remove(u.length,e.size-u.length);else if(Bi(e,t)){var m=a(0,u.length-1);o(d,d.text,f),p&&e.remove(l.line,p),m.length&&e.insert(l.line,m)}else if(c==d)if(1==u.length)o(c,c.text.slice(0,l.ch)+h+c.text.slice(s.ch),f);else{var g=a(1,u.length-1);g.push(new Gt(h+c.text.slice(s.ch),f,r)),o(c,c.text.slice(0,l.ch)+u[0],i(0)),e.insert(l.line+1,g)}else if(1==u.length)o(c,c.text.slice(0,l.ch)+u[0]+d.text.slice(s.ch),i(0)),e.remove(l.line+1,p);else{o(c,c.text.slice(0,l.ch)+u[0],i(0)),o(d,h+d.text.slice(s.ch),f);var v=a(1,u.length-1);p>1&&e.remove(l.line+1,p-1),e.insert(l.line+1,v)}sn(e,"change",e,t)}function Oi(e,t,n){!function e(r,i,o){if(r.linked)for(var a=0;a<r.linked.length;++a){var l=r.linked[a];if(l.doc!=i){var s=o&&l.sharedHist;n&&!s||(t(l.doc,s),e(l.doc,r,s))}}}(e,null,!0)}function Ii(e,t){if(t.cm)throw new Error("This document is already in use.");e.doc=t,t.cm=e,sr(e),Li(e),zi(e),e.options.direction=t.direction,e.options.lineWrapping||$t(e),e.options.mode=t.modeOption,dr(e)}function zi(e){("rtl"==e.doc.direction?N:F)(e.display.lineDiv,"CodeMirror-rtl")}function Hi(e){this.done=[],this.undone=[],this.undoDepth=e?e.undoDepth:1/0,this.lastModTime=this.lastSelTime=0,this.lastOp=this.lastSelOp=null,this.lastOrigin=this.lastSelOrigin=null,this.generation=this.maxGeneration=e?e.maxGeneration:1}function Ri(e,t){var n={from:rt(t.from),to:Fi(t),text:Ve(e,t.from,t.to)};return qi(e,n,t.from.line,t.to.line+1),Oi(e,(function(e){return qi(e,n,t.from.line,t.to.line+1)}),!0),n}function Pi(e){for(;e.length;){if(!X(e).ranges)break;e.pop()}}function _i(e,t,n,r){var i=e.history;i.undone.length=0;var o,a,l=+new Date;if((i.lastOp==r||i.lastOrigin==t.origin&&t.origin&&("+"==t.origin.charAt(0)&&i.lastModTime>l-(e.cm?e.cm.options.historyEventDelay:500)||"*"==t.origin.charAt(0)))&&(o=function(e,t){return t?(Pi(e.done),X(e.done)):e.done.length&&!X(e.done).ranges?X(e.done):e.done.length>1&&!e.done[e.done.length-2].ranges?(e.done.pop(),X(e.done)):void 0}(i,i.lastOp==r)))a=X(o.changes),0==tt(t.from,t.to)&&0==tt(t.from,a.to)?a.to=Fi(t):o.changes.push(Ri(e,t));else{var s=X(i.done);for(s&&s.ranges||ji(e.sel,i.done),o={changes:[Ri(e,t)],generation:i.generation},i.done.push(o);i.done.length>i.undoDepth;)i.done.shift(),i.done[0].ranges||i.done.shift()}i.done.push(n),i.generation=++i.maxGeneration,i.lastModTime=i.lastSelTime=l,i.lastOp=i.lastSelOp=r,i.lastOrigin=i.lastSelOrigin=t.origin,a||pe(e,"historyAdded")}function Wi(e,t,n,r){var i=e.history,o=r&&r.origin;n==i.lastSelOp||o&&i.lastSelOrigin==o&&(i.lastModTime==i.lastSelTime&&i.lastOrigin==o||function(e,t,n,r){var i=t.charAt(0);return"*"==i||"+"==i&&n.ranges.length==r.ranges.length&&n.somethingSelected()==r.somethingSelected()&&new Date-e.history.lastSelTime<=(e.cm?e.cm.options.historyEventDelay:500)}(e,o,X(i.done),t))?i.done[i.done.length-1]=t:ji(t,i.done),i.lastSelTime=+new Date,i.lastSelOrigin=o,i.lastSelOp=n,r&&!1!==r.clearRedo&&Pi(i.undone)}function ji(e,t){var n=X(t);n&&n.ranges&&n.equals(e)||t.push(e)}function qi(e,t,n,r){var i=t["spans_"+e.id],o=0;e.iter(Math.max(e.first,n),Math.min(e.first+e.size,r),(function(n){n.markedSpans&&((i||(i=t["spans_"+e.id]={}))[o]=n.markedSpans),++o}))}function Ui(e){if(!e)return null;for(var t,n=0;n<e.length;++n)e[n].marker.explicitlyCleared?t||(t=e.slice(0,n)):t&&t.push(e[n]);return t?t.length?t:null:e}function $i(e,t){var n=function(e,t){var n=t["spans_"+e.id];if(!n)return null;for(var r=[],i=0;i<t.text.length;++i)r.push(Ui(n[i]));return r}(e,t),r=Ft(e,t);if(!n)return r;if(!r)return n;for(var i=0;i<n.length;++i){var o=n[i],a=r[i];if(o&&a)e:for(var l=0;l<a.length;++l){for(var s=a[l],u=0;u<o.length;++u)if(o[u].marker==s.marker)continue e;o.push(s)}else a&&(n[i]=a)}return n}function Gi(e,t,n){for(var r=[],i=0;i<e.length;++i){var o=e[i];if(o.ranges)r.push(n?Ci.prototype.deepCopy.call(o):o);else{var a=o.changes,l=[];r.push({changes:l});for(var s=0;s<a.length;++s){var u=a[s],c=void 0;if(l.push({from:u.from,to:u.to,text:u.text}),t)for(var d in u)(c=d.match(/^spans_(\d+)$/))&&_(t,Number(c[1]))>-1&&(X(l)[d]=u[d],delete u[d])}}}return r}function Vi(e,t,n,r){if(r){var i=e.anchor;if(n){var o=tt(t,i)<0;o!=tt(n,i)<0?(i=t,t=n):o!=tt(t,n)<0&&(t=n)}return new wi(i,t)}return new wi(n||t,t)}function Xi(e,t,n,r,i){null==i&&(i=e.cm&&(e.cm.display.shift||e.extend)),Ji(e,new Ci([Vi(e.sel.primary(),t,n,i)],0),r)}function Ki(e,t,n){for(var r=[],i=e.cm&&(e.cm.display.shift||e.extend),o=0;o<e.sel.ranges.length;o++)r[o]=Vi(e.sel.ranges[o],t[o],null,i);Ji(e,ki(e.cm,r,e.sel.primIndex),n)}function Zi(e,t,n,r){var i=e.sel.ranges.slice(0);i[t]=n,Ji(e,ki(e.cm,i,e.sel.primIndex),r)}function Yi(e,t,n,r){Ji(e,Si(t,n),r)}function Qi(e,t,n){var r=e.history.done,i=X(r);i&&i.ranges?(r[r.length-1]=t,eo(e,t,n)):Ji(e,t,n)}function Ji(e,t,n){eo(e,t,n),Wi(e,e.sel,e.cm?e.cm.curOp.id:NaN,n)}function eo(e,t,n){(ve(e,"beforeSelectionChange")||e.cm&&ve(e.cm,"beforeSelectionChange"))&&(t=function(e,t,n){var r={ranges:t.ranges,update:function(t){this.ranges=[];for(var n=0;n<t.length;n++)this.ranges[n]=new wi(lt(e,t[n].anchor),lt(e,t[n].head))},origin:n&&n.origin};return pe(e,"beforeSelectionChange",e,r),e.cm&&pe(e.cm,"beforeSelectionChange",e.cm,r),r.ranges!=t.ranges?ki(e.cm,r.ranges,r.ranges.length-1):t}(e,t,n));var r=n&&n.bias||(tt(t.primary().head,e.sel.primary().head)<0?-1:1);to(e,ro(e,t,r,!0)),n&&!1===n.scroll||!e.cm||"nocursor"==e.cm.getOption("readOnly")||Mr(e.cm)}function to(e,t){t.equals(e.sel)||(e.sel=t,e.cm&&(e.cm.curOp.updateInput=1,e.cm.curOp.selectionChanged=!0,ge(e.cm)),sn(e,"cursorActivity",e))}function no(e){to(e,ro(e,e.sel,null,!1))}function ro(e,t,n,r){for(var i,o=0;o<t.ranges.length;o++){var a=t.ranges[o],l=t.ranges.length==e.sel.ranges.length&&e.sel.ranges[o],s=oo(e,a.anchor,l&&l.anchor,n,r),u=oo(e,a.head,l&&l.head,n,r);(i||s!=a.anchor||u!=a.head)&&(i||(i=t.ranges.slice(0,o)),i[o]=new wi(s,u))}return i?ki(e.cm,i,t.primIndex):t}function io(e,t,n,r,i){var o=Ge(e,t.line);if(o.markedSpans)for(var a=0;a<o.markedSpans.length;++a){var l=o.markedSpans[a],s=l.marker,u="selectLeft"in s?!s.selectLeft:s.inclusiveLeft,c="selectRight"in s?!s.selectRight:s.inclusiveRight;if((null==l.from||(u?l.from<=t.ch:l.from<t.ch))&&(null==l.to||(c?l.to>=t.ch:l.to>t.ch))){if(i&&(pe(s,"beforeCursorEnter"),s.explicitlyCleared)){if(o.markedSpans){--a;continue}break}if(!s.atomic)continue;if(n){var d=s.find(r<0?1:-1),h=void 0;if((r<0?c:u)&&(d=ao(e,d,-r,d&&d.line==t.line?o:null)),d&&d.line==t.line&&(h=tt(d,n))&&(r<0?h<0:h>0))return io(e,d,t,r,i)}var f=s.find(r<0?-1:1);return(r<0?u:c)&&(f=ao(e,f,r,f.line==t.line?o:null)),f?io(e,f,t,r,i):null}}return t}function oo(e,t,n,r,i){var o=r||1,a=io(e,t,n,o,i)||!i&&io(e,t,n,o,!0)||io(e,t,n,-o,i)||!i&&io(e,t,n,-o,!0);return a||(e.cantEdit=!0,et(e.first,0))}function ao(e,t,n,r){return n<0&&0==t.ch?t.line>e.first?lt(e,et(t.line-1)):null:n>0&&t.ch==(r||Ge(e,t.line)).text.length?t.line<e.first+e.size-1?et(t.line+1,0):null:new et(t.line,t.ch+n)}function lo(e){e.setSelection(et(e.firstLine(),0),et(e.lastLine()),j)}function so(e,t,n){var r={canceled:!1,from:t.from,to:t.to,text:t.text,origin:t.origin,cancel:function(){return r.canceled=!0}};return n&&(r.update=function(t,n,i,o){t&&(r.from=lt(e,t)),n&&(r.to=lt(e,n)),i&&(r.text=i),void 0!==o&&(r.origin=o)}),pe(e,"beforeChange",e,r),e.cm&&pe(e.cm,"beforeChange",e.cm,r),r.canceled?(e.cm&&(e.cm.curOp.updateInput=2),null):{from:r.from,to:r.to,text:r.text,origin:r.origin}}function uo(e,t,n){if(e.cm){if(!e.cm.curOp)return ei(e.cm,uo)(e,t,n);if(e.cm.state.suppressEdits)return}if(!(ve(e,"beforeChange")||e.cm&&ve(e.cm,"beforeChange"))||(t=so(e,t,!0))){var r=Dt&&!n&&function(e,t,n){var r=null;if(e.iter(t.line,n.line+1,(function(e){if(e.markedSpans)for(var t=0;t<e.markedSpans.length;++t){var n=e.markedSpans[t].marker;!n.readOnly||r&&-1!=_(r,n)||(r||(r=[])).push(n)}})),!r)return null;for(var i=[{from:t,to:n}],o=0;o<r.length;++o)for(var a=r[o],l=a.find(0),s=0;s<i.length;++s){var u=i[s];if(!(tt(u.to,l.from)<0||tt(u.from,l.to)>0)){var c=[s,1],d=tt(u.from,l.from),h=tt(u.to,l.to);(d<0||!a.inclusiveLeft&&!d)&&c.push({from:u.from,to:l.from}),(h>0||!a.inclusiveRight&&!h)&&c.push({from:l.to,to:u.to}),i.splice.apply(i,c),s+=c.length-3}}return i}(e,t.from,t.to);if(r)for(var i=r.length-1;i>=0;--i)co(e,{from:r[i].from,to:r[i].to,text:i?[""]:t.text,origin:t.origin});else co(e,t)}}function co(e,t){if(1!=t.text.length||""!=t.text[0]||0!=tt(t.from,t.to)){var n=Ei(e,t);_i(e,t,n,e.cm?e.cm.curOp.id:NaN),po(e,t,n,Ft(e,t));var r=[];Oi(e,(function(e,n){n||-1!=_(r,e.history)||(xo(e.history,t),r.push(e.history)),po(e,t,null,Ft(e,t))}))}}function ho(e,t,n){var r=e.cm&&e.cm.state.suppressEdits;if(!r||n){for(var i,o=e.history,a=e.sel,l="undo"==t?o.done:o.undone,s="undo"==t?o.undone:o.done,u=0;u<l.length&&(i=l[u],n?!i.ranges||i.equals(e.sel):i.ranges);u++);if(u!=l.length){for(o.lastOrigin=o.lastSelOrigin=null;;){if(!(i=l.pop()).ranges){if(r)return void l.push(i);break}if(ji(i,s),n&&!i.equals(e.sel))return void Ji(e,i,{clearRedo:!1});a=i}var c=[];ji(a,s),s.push({changes:c,generation:o.generation}),o.generation=i.generation||++o.maxGeneration;for(var d=ve(e,"beforeChange")||e.cm&&ve(e.cm,"beforeChange"),h=function(n){var r=i.changes[n];if(r.origin=t,d&&!so(e,r,!1))return l.length=0,{};c.push(Ri(e,r));var o=n?Ei(e,r):X(l);po(e,r,o,$i(e,r)),!n&&e.cm&&e.cm.scrollIntoView({from:r.from,to:Fi(r)});var a=[];Oi(e,(function(e,t){t||-1!=_(a,e.history)||(xo(e.history,r),a.push(e.history)),po(e,r,null,$i(e,r))}))},f=i.changes.length-1;f>=0;--f){var p=h(f);if(p)return p.v}}}}function fo(e,t){if(0!=t&&(e.first+=t,e.sel=new Ci(K(e.sel.ranges,(function(e){return new wi(et(e.anchor.line+t,e.anchor.ch),et(e.head.line+t,e.head.ch))})),e.sel.primIndex),e.cm)){dr(e.cm,e.first,e.first-t,t);for(var n=e.cm.display,r=n.viewFrom;r<n.viewTo;r++)hr(e.cm,r,"gutter")}}function po(e,t,n,r){if(e.cm&&!e.cm.curOp)return ei(e.cm,po)(e,t,n,r);if(t.to.line<e.first)fo(e,t.text.length-1-(t.to.line-t.from.line));else if(!(t.from.line>e.lastLine())){if(t.from.line<e.first){var i=t.text.length-1-(e.first-t.from.line);fo(e,i),t={from:et(e.first,0),to:et(t.to.line+i,t.to.ch),text:[X(t.text)],origin:t.origin}}var o=e.lastLine();t.to.line>o&&(t={from:t.from,to:et(o,Ge(e,o).text.length),text:[t.text[0]],origin:t.origin}),t.removed=Ve(e,t.from,t.to),n||(n=Ei(e,t)),e.cm?function(e,t,n){var r=e.doc,i=e.display,o=t.from,a=t.to,l=!1,s=o.line;e.options.lineWrapping||(s=Ze(Rt(Ge(r,o.line))),r.iter(s,a.line+1,(function(e){if(e==i.maxLine)return l=!0,!0})));r.sel.contains(t.from,t.to)>-1&&ge(e);Ni(r,t,n,lr(e)),e.options.lineWrapping||(r.iter(s,o.line+t.text.length,(function(e){var t=Ut(e);t>i.maxLineLength&&(i.maxLine=e,i.maxLineLength=t,i.maxLineChanged=!0,l=!1)})),l&&(e.curOp.updateMaxLine=!0));(function(e,t){if(e.modeFrontier=Math.min(e.modeFrontier,t),!(e.highlightFrontier<t-10)){for(var n=e.first,r=t-1;r>n;r--){var i=Ge(e,r).stateAfter;if(i&&(!(i instanceof ut)||r+i.lookAhead<t)){n=r+1;break}}e.highlightFrontier=Math.min(e.highlightFrontier,n)}})(r,o.line),ri(e,400);var u=t.text.length-(a.line-o.line)-1;t.full?dr(e):o.line!=a.line||1!=t.text.length||Bi(e.doc,t)?dr(e,o.line,a.line+1,u):hr(e,o.line,"text");var c=ve(e,"changes"),d=ve(e,"change");if(d||c){var h={from:o,to:a,text:t.text,removed:t.removed,origin:t.origin};d&&sn(e,"change",e,h),c&&(e.curOp.changeObjs||(e.curOp.changeObjs=[])).push(h)}e.display.selForContextMenu=null}(e.cm,t,r):Ni(e,t,r),eo(e,n,j),e.cantEdit&&oo(e,et(e.firstLine(),0))&&(e.cantEdit=!1)}}function mo(e,t,n,r,i){var o;r||(r=n),tt(r,n)<0&&(n=(o=[r,n])[0],r=o[1]),"string"==typeof t&&(t=e.splitLines(t)),uo(e,{from:n,to:r,text:t,origin:i})}function go(e,t,n,r){n<e.line?e.line+=r:t<e.line&&(e.line=t,e.ch=0)}function vo(e,t,n,r){for(var i=0;i<e.length;++i){var o=e[i],a=!0;if(o.ranges){o.copied||((o=e[i]=o.deepCopy()).copied=!0);for(var l=0;l<o.ranges.length;l++)go(o.ranges[l].anchor,t,n,r),go(o.ranges[l].head,t,n,r)}else{for(var s=0;s<o.changes.length;++s){var u=o.changes[s];if(n<u.from.line)u.from=et(u.from.line+r,u.from.ch),u.to=et(u.to.line+r,u.to.ch);else if(t<=u.to.line){a=!1;break}}a||(e.splice(0,i+1),i=0)}}}function xo(e,t){var n=t.from.line,r=t.to.line,i=t.text.length-(r-n)-1;vo(e.done,n,r,i),vo(e.undone,n,r,i)}function yo(e,t,n,r){var i=t,o=t;return"number"==typeof t?o=Ge(e,at(e,t)):i=Ze(t),null==i?null:(r(o,i)&&e.cm&&hr(e.cm,i,n),o)}function bo(e){this.lines=e,this.parent=null;for(var t=0,n=0;n<e.length;++n)e[n].parent=this,t+=e[n].height;this.height=t}function Do(e){this.children=e;for(var t=0,n=0,r=0;r<e.length;++r){var i=e[r];t+=i.chunkSize(),n+=i.height,i.parent=this}this.size=t,this.height=n,this.parent=null}wi.prototype.from=function(){return ot(this.anchor,this.head)},wi.prototype.to=function(){return it(this.anchor,this.head)},wi.prototype.empty=function(){return this.head.line==this.anchor.line&&this.head.ch==this.anchor.ch},bo.prototype={chunkSize:function(){return this.lines.length},removeInner:function(e,t){for(var n=e,r=e+t;n<r;++n){var i=this.lines[n];this.height-=i.height,Vt(i),sn(i,"delete")}this.lines.splice(e,t)},collapse:function(e){e.push.apply(e,this.lines)},insertInner:function(e,t,n){this.height+=n,this.lines=this.lines.slice(0,e).concat(t).concat(this.lines.slice(e));for(var r=0;r<t.length;++r)t[r].parent=this},iterN:function(e,t,n){for(var r=e+t;e<r;++e)if(n(this.lines[e]))return!0}},Do.prototype={chunkSize:function(){return this.size},removeInner:function(e,t){this.size-=t;for(var n=0;n<this.children.length;++n){var r=this.children[n],i=r.chunkSize();if(e<i){var o=Math.min(t,i-e),a=r.height;if(r.removeInner(e,o),this.height-=a-r.height,i==o&&(this.children.splice(n--,1),r.parent=null),0==(t-=o))break;e=0}else e-=i}if(this.size-t<25&&(this.children.length>1||!(this.children[0]instanceof bo))){var l=[];this.collapse(l),this.children=[new bo(l)],this.children[0].parent=this}},collapse:function(e){for(var t=0;t<this.children.length;++t)this.children[t].collapse(e)},insertInner:function(e,t,n){this.size+=t.length,this.height+=n;for(var r=0;r<this.children.length;++r){var i=this.children[r],o=i.chunkSize();if(e<=o){if(i.insertInner(e,t,n),i.lines&&i.lines.length>50){for(var a=i.lines.length%25+25,l=a;l<i.lines.length;){var s=new bo(i.lines.slice(l,l+=25));i.height-=s.height,this.children.splice(++r,0,s),s.parent=this}i.lines=i.lines.slice(0,a),this.maybeSpill()}break}e-=o}},maybeSpill:function(){if(!(this.children.length<=10)){var e=this;do{var t=new Do(e.children.splice(e.children.length-5,5));if(e.parent){e.size-=t.size,e.height-=t.height;var n=_(e.parent.children,e);e.parent.children.splice(n+1,0,t)}else{var r=new Do(e.children);r.parent=e,e.children=[r,t],e=r}t.parent=e.parent}while(e.children.length>10);e.parent.maybeSpill()}},iterN:function(e,t,n){for(var r=0;r<this.children.length;++r){var i=this.children[r],o=i.chunkSize();if(e<o){var a=Math.min(t,o-e);if(i.iterN(e,a,n))return!0;if(0==(t-=a))break;e=0}else e-=o}}};var Co=function(e,t,n){if(n)for(var r in n)n.hasOwnProperty(r)&&(this[r]=n[r]);this.doc=e,this.node=t};function wo(e,t,n){qt(t)<(e.curOp&&e.curOp.scrollTop||e.doc.scrollTop)&&Lr(e,n)}Co.prototype.clear=function(){var e=this.doc.cm,t=this.line.widgets,n=this.line,r=Ze(n);if(null!=r&&t){for(var i=0;i<t.length;++i)t[i]==this&&t.splice(i--,1);t.length||(n.widgets=null);var o=Dn(this);Ke(n,Math.max(0,n.height-o)),e&&(Jr(e,(function(){wo(e,n,-o),hr(e,r,"widget")})),sn(e,"lineWidgetCleared",e,this,r))}},Co.prototype.changed=function(){var e=this,t=this.height,n=this.doc.cm,r=this.line;this.height=null;var i=Dn(this)-t;i&&(Wt(this.doc,r)||Ke(r,r.height+i),n&&Jr(n,(function(){n.curOp.forceUpdate=!0,wo(n,r,i),sn(n,"lineWidgetChanged",n,e,Ze(r))})))},xe(Co);var ko=0,So=function(e,t){this.lines=[],this.type=t,this.doc=e,this.id=++ko};function Fo(e,t,n,r,i){if(r&&r.shared)return function(e,t,n,r,i){(r=H(r)).shared=!1;var o=[Fo(e,t,n,r,i)],a=o[0],l=r.widgetNode;return Oi(e,(function(e){l&&(r.widgetNode=l.cloneNode(!0)),o.push(Fo(e,lt(e,t),lt(e,n),r,i));for(var s=0;s<e.linked.length;++s)if(e.linked[s].isParent)return;a=X(o)})),new Ao(o,a)}(e,t,n,r,i);if(e.cm&&!e.cm.curOp)return ei(e.cm,Fo)(e,t,n,r,i);var o=new So(e,i),a=tt(t,n);if(r&&H(r,o,!1),a>0||0==a&&!1!==o.clearWhenEmpty)return o;if(o.replacedWith&&(o.collapsed=!0,o.widgetNode=L("span",[o.replacedWith],"CodeMirror-widget"),r.handleMouseEvents||o.widgetNode.setAttribute("cm-ignore-events","true"),r.insertLeft&&(o.widgetNode.insertLeft=!0)),o.collapsed){if(Ht(e,t.line,t,n,o)||t.line!=n.line&&Ht(e,n.line,t,n,o))throw new Error("Inserting collapsed marker partially overlapping an existing one");Ct=!0}o.addToHistory&&_i(e,{from:t,to:n,origin:"markText"},e.sel,NaN);var l,s=t.line,u=e.cm;if(e.iter(s,n.line+1,(function(r){u&&o.collapsed&&!u.options.lineWrapping&&Rt(r)==u.display.maxLine&&(l=!0),o.collapsed&&s!=t.line&&Ke(r,0),function(e,t,n){var r=n&&window.WeakSet&&(n.markedSpans||(n.markedSpans=new WeakSet));r&&r.has(e.markedSpans)?e.markedSpans.push(t):(e.markedSpans=e.markedSpans?e.markedSpans.concat([t]):[t],r&&r.add(e.markedSpans)),t.marker.attachLine(e)}(r,new wt(o,s==t.line?t.ch:null,s==n.line?n.ch:null),e.cm&&e.cm.curOp),++s})),o.collapsed&&e.iter(t.line,n.line+1,(function(t){Wt(e,t)&&Ke(t,0)})),o.clearOnEnter&&de(o,"beforeCursorEnter",(function(){return o.clear()})),o.readOnly&&(Dt=!0,(e.history.done.length||e.history.undone.length)&&e.clearHistory()),o.collapsed&&(o.id=++ko,o.atomic=!0),u){if(l&&(u.curOp.updateMaxLine=!0),o.collapsed)dr(u,t.line,n.line+1);else if(o.className||o.startStyle||o.endStyle||o.css||o.attributes||o.title)for(var c=t.line;c<=n.line;c++)hr(u,c,"text");o.atomic&&no(u.doc),sn(u,"markerAdded",u,o)}return o}So.prototype.clear=function(){if(!this.explicitlyCleared){var e=this.doc.cm,t=e&&!e.curOp;if(t&&Gr(e),ve(this,"clear")){var n=this.find();n&&sn(this,"clear",n.from,n.to)}for(var r=null,i=null,o=0;o<this.lines.length;++o){var a=this.lines[o],l=kt(a.markedSpans,this);e&&!this.collapsed?hr(e,Ze(a),"text"):e&&(null!=l.to&&(i=Ze(a)),null!=l.from&&(r=Ze(a))),a.markedSpans=St(a.markedSpans,l),null==l.from&&this.collapsed&&!Wt(this.doc,a)&&e&&Ke(a,rr(e.display))}if(e&&this.collapsed&&!e.options.lineWrapping)for(var s=0;s<this.lines.length;++s){var u=Rt(this.lines[s]),c=Ut(u);c>e.display.maxLineLength&&(e.display.maxLine=u,e.display.maxLineLength=c,e.display.maxLineChanged=!0)}null!=r&&e&&this.collapsed&&dr(e,r,i+1),this.lines.length=0,this.explicitlyCleared=!0,this.atomic&&this.doc.cantEdit&&(this.doc.cantEdit=!1,e&&no(e.doc)),e&&sn(e,"markerCleared",e,this,r,i),t&&Vr(e),this.parent&&this.parent.clear()}},So.prototype.find=function(e,t){var n,r;null==e&&"bookmark"==this.type&&(e=1);for(var i=0;i<this.lines.length;++i){var o=this.lines[i],a=kt(o.markedSpans,this);if(null!=a.from&&(n=et(t?o:Ze(o),a.from),-1==e))return n;if(null!=a.to&&(r=et(t?o:Ze(o),a.to),1==e))return r}return n&&{from:n,to:r}},So.prototype.changed=function(){var e=this,t=this.find(-1,!0),n=this,r=this.doc.cm;t&&r&&Jr(r,(function(){var i=t.line,o=Ze(t.line),a=Mn(r,o);if(a&&(Rn(a),r.curOp.selectionChanged=r.curOp.forceUpdate=!0),r.curOp.updateMaxLine=!0,!Wt(n.doc,i)&&null!=n.height){var l=n.height;n.height=null;var s=Dn(n)-l;s&&Ke(i,i.height+s)}sn(r,"markerChanged",r,e)}))},So.prototype.attachLine=function(e){if(!this.lines.length&&this.doc.cm){var t=this.doc.cm.curOp;t.maybeHiddenMarkers&&-1!=_(t.maybeHiddenMarkers,this)||(t.maybeUnhiddenMarkers||(t.maybeUnhiddenMarkers=[])).push(this)}this.lines.push(e)},So.prototype.detachLine=function(e){if(this.lines.splice(_(this.lines,e),1),!this.lines.length&&this.doc.cm){var t=this.doc.cm.curOp;(t.maybeHiddenMarkers||(t.maybeHiddenMarkers=[])).push(this)}},xe(So);var Ao=function(e,t){this.markers=e,this.primary=t;for(var n=0;n<e.length;++n)e[n].parent=this};function Eo(e){return e.findMarks(et(e.first,0),e.clipPos(et(e.lastLine())),(function(e){return e.parent}))}function To(e){for(var t=function(t){var n=e[t],r=[n.primary.doc];Oi(n.primary.doc,(function(e){return r.push(e)}));for(var i=0;i<n.markers.length;i++){var o=n.markers[i];-1==_(r,o.doc)&&(o.parent=null,n.markers.splice(i--,1))}},n=0;n<e.length;n++)t(n)}Ao.prototype.clear=function(){if(!this.explicitlyCleared){this.explicitlyCleared=!0;for(var e=0;e<this.markers.length;++e)this.markers[e].clear();sn(this,"clear")}},Ao.prototype.find=function(e,t){return this.primary.find(e,t)},xe(Ao);var Lo=0,Mo=function(e,t,n,r,i){if(!(this instanceof Mo))return new Mo(e,t,n,r,i);null==n&&(n=0),Do.call(this,[new bo([new Gt("",null)])]),this.first=n,this.scrollTop=this.scrollLeft=0,this.cantEdit=!1,this.cleanGeneration=1,this.modeFrontier=this.highlightFrontier=n;var o=et(n,0);this.sel=Si(o),this.history=new Hi(null),this.id=++Lo,this.modeOption=t,this.lineSep=r,this.direction="rtl"==i?"rtl":"ltr",this.extend=!1,"string"==typeof e&&(e=this.splitLines(e)),Ni(this,{from:o,to:o,text:e}),Ji(this,Si(o),j)};Mo.prototype=Y(Do.prototype,{constructor:Mo,iter:function(e,t,n){n?this.iterN(e-this.first,t-e,n):this.iterN(this.first,this.first+this.size,e)},insert:function(e,t){for(var n=0,r=0;r<t.length;++r)n+=t[r].height;this.insertInner(e-this.first,t,n)},remove:function(e,t){this.removeInner(e-this.first,t)},getValue:function(e){var t=Xe(this,this.first,this.first+this.size);return!1===e?t:t.join(e||this.lineSeparator())},setValue:ni((function(e){var t=et(this.first,0),n=this.first+this.size-1;uo(this,{from:t,to:et(n,Ge(this,n).text.length),text:this.splitLines(e),origin:"setValue",full:!0},!0),this.cm&&Br(this.cm,0,0),Ji(this,Si(t),j)})),replaceRange:function(e,t,n,r){mo(this,e,t=lt(this,t),n=n?lt(this,n):t,r)},getRange:function(e,t,n){var r=Ve(this,lt(this,e),lt(this,t));return!1===n?r:""===n?r.join(""):r.join(n||this.lineSeparator())},getLine:function(e){var t=this.getLineHandle(e);return t&&t.text},getLineHandle:function(e){if(Qe(this,e))return Ge(this,e)},getLineNumber:function(e){return Ze(e)},getLineHandleVisualStart:function(e){return"number"==typeof e&&(e=Ge(this,e)),Rt(e)},lineCount:function(){return this.size},firstLine:function(){return this.first},lastLine:function(){return this.first+this.size-1},clipPos:function(e){return lt(this,e)},getCursor:function(e){var t=this.sel.primary();return null==e||"head"==e?t.head:"anchor"==e?t.anchor:"end"==e||"to"==e||!1===e?t.to():t.from()},listSelections:function(){return this.sel.ranges},somethingSelected:function(){return this.sel.somethingSelected()},setCursor:ni((function(e,t,n){Yi(this,lt(this,"number"==typeof e?et(e,t||0):e),null,n)})),setSelection:ni((function(e,t,n){Yi(this,lt(this,e),lt(this,t||e),n)})),extendSelection:ni((function(e,t,n){Xi(this,lt(this,e),t&&lt(this,t),n)})),extendSelections:ni((function(e,t){Ki(this,st(this,e),t)})),extendSelectionsBy:ni((function(e,t){Ki(this,st(this,K(this.sel.ranges,e)),t)})),setSelections:ni((function(e,t,n){if(e.length){for(var r=[],i=0;i<e.length;i++)r[i]=new wi(lt(this,e[i].anchor),lt(this,e[i].head||e[i].anchor));null==t&&(t=Math.min(e.length-1,this.sel.primIndex)),Ji(this,ki(this.cm,r,t),n)}})),addSelection:ni((function(e,t,n){var r=this.sel.ranges.slice(0);r.push(new wi(lt(this,e),lt(this,t||e))),Ji(this,ki(this.cm,r,r.length-1),n)})),getSelection:function(e){for(var t,n=this.sel.ranges,r=0;r<n.length;r++){var i=Ve(this,n[r].from(),n[r].to());t=t?t.concat(i):i}return!1===e?t:t.join(e||this.lineSeparator())},getSelections:function(e){for(var t=[],n=this.sel.ranges,r=0;r<n.length;r++){var i=Ve(this,n[r].from(),n[r].to());!1!==e&&(i=i.join(e||this.lineSeparator())),t[r]=i}return t},replaceSelection:function(e,t,n){for(var r=[],i=0;i<this.sel.ranges.length;i++)r[i]=e;this.replaceSelections(r,t,n||"+input")},replaceSelections:ni((function(e,t,n){for(var r=[],i=this.sel,o=0;o<i.ranges.length;o++){var a=i.ranges[o];r[o]={from:a.from(),to:a.to(),text:this.splitLines(e[o]),origin:n}}for(var l=t&&"end"!=t&&function(e,t,n){for(var r=[],i=et(e.first,0),o=i,a=0;a<t.length;a++){var l=t[a],s=Ti(l.from,i,o),u=Ti(Fi(l),i,o);if(i=l.to,o=u,"around"==n){var c=e.sel.ranges[a],d=tt(c.head,c.anchor)<0;r[a]=new wi(d?u:s,d?s:u)}else r[a]=new wi(s,s)}return new Ci(r,e.sel.primIndex)}(this,r,t),s=r.length-1;s>=0;s--)uo(this,r[s]);l?Qi(this,l):this.cm&&Mr(this.cm)})),undo:ni((function(){ho(this,"undo")})),redo:ni((function(){ho(this,"redo")})),undoSelection:ni((function(){ho(this,"undo",!0)})),redoSelection:ni((function(){ho(this,"redo",!0)})),setExtending:function(e){this.extend=e},getExtending:function(){return this.extend},historySize:function(){for(var e=this.history,t=0,n=0,r=0;r<e.done.length;r++)e.done[r].ranges||++t;for(var i=0;i<e.undone.length;i++)e.undone[i].ranges||++n;return{undo:t,redo:n}},clearHistory:function(){var e=this;this.history=new Hi(this.history),Oi(this,(function(t){return t.history=e.history}),!0)},markClean:function(){this.cleanGeneration=this.changeGeneration(!0)},changeGeneration:function(e){return e&&(this.history.lastOp=this.history.lastSelOp=this.history.lastOrigin=null),this.history.generation},isClean:function(e){return this.history.generation==(e||this.cleanGeneration)},getHistory:function(){return{done:Gi(this.history.done),undone:Gi(this.history.undone)}},setHistory:function(e){var t=this.history=new Hi(this.history);t.done=Gi(e.done.slice(0),null,!0),t.undone=Gi(e.undone.slice(0),null,!0)},setGutterMarker:ni((function(e,t,n){return yo(this,e,"gutter",(function(e){var r=e.gutterMarkers||(e.gutterMarkers={});return r[t]=n,!n&&te(r)&&(e.gutterMarkers=null),!0}))})),clearGutter:ni((function(e){var t=this;this.iter((function(n){n.gutterMarkers&&n.gutterMarkers[e]&&yo(t,n,"gutter",(function(){return n.gutterMarkers[e]=null,te(n.gutterMarkers)&&(n.gutterMarkers=null),!0}))}))})),lineInfo:function(e){var t;if("number"==typeof e){if(!Qe(this,e))return null;if(t=e,!(e=Ge(this,e)))return null}else if(null==(t=Ze(e)))return null;return{line:t,handle:e,text:e.text,gutterMarkers:e.gutterMarkers,textClass:e.textClass,bgClass:e.bgClass,wrapClass:e.wrapClass,widgets:e.widgets}},addLineClass:ni((function(e,t,n){return yo(this,e,"gutter"==t?"gutter":"class",(function(e){var r="text"==t?"textClass":"background"==t?"bgClass":"gutter"==t?"gutterClass":"wrapClass";if(e[r]){if(k(n).test(e[r]))return!1;e[r]+=" "+n}else e[r]=n;return!0}))})),removeLineClass:ni((function(e,t,n){return yo(this,e,"gutter"==t?"gutter":"class",(function(e){var r="text"==t?"textClass":"background"==t?"bgClass":"gutter"==t?"gutterClass":"wrapClass",i=e[r];if(!i)return!1;if(null==n)e[r]=null;else{var o=i.match(k(n));if(!o)return!1;var a=o.index+o[0].length;e[r]=i.slice(0,o.index)+(o.index&&a!=i.length?" ":"")+i.slice(a)||null}return!0}))})),addLineWidget:ni((function(e,t,n){return function(e,t,n,r){var i=new Co(e,n,r),o=e.cm;return o&&i.noHScroll&&(o.display.alignWidgets=!0),yo(e,t,"widget",(function(t){var n=t.widgets||(t.widgets=[]);if(null==i.insertAt?n.push(i):n.splice(Math.min(n.length,Math.max(0,i.insertAt)),0,i),i.line=t,o&&!Wt(e,t)){var r=qt(t)<e.scrollTop;Ke(t,t.height+Dn(i)),r&&Lr(o,i.height),o.curOp.forceUpdate=!0}return!0})),o&&sn(o,"lineWidgetAdded",o,i,"number"==typeof t?t:Ze(t)),i}(this,e,t,n)})),removeLineWidget:function(e){e.clear()},markText:function(e,t,n){return Fo(this,lt(this,e),lt(this,t),n,n&&n.type||"range")},setBookmark:function(e,t){var n={replacedWith:t&&(null==t.nodeType?t.widget:t),insertLeft:t&&t.insertLeft,clearWhenEmpty:!1,shared:t&&t.shared,handleMouseEvents:t&&t.handleMouseEvents};return Fo(this,e=lt(this,e),e,n,"bookmark")},findMarksAt:function(e){var t=[],n=Ge(this,(e=lt(this,e)).line).markedSpans;if(n)for(var r=0;r<n.length;++r){var i=n[r];(null==i.from||i.from<=e.ch)&&(null==i.to||i.to>=e.ch)&&t.push(i.marker.parent||i.marker)}return t},findMarks:function(e,t,n){e=lt(this,e),t=lt(this,t);var r=[],i=e.line;return this.iter(e.line,t.line+1,(function(o){var a=o.markedSpans;if(a)for(var l=0;l<a.length;l++){var s=a[l];null!=s.to&&i==e.line&&e.ch>=s.to||null==s.from&&i!=e.line||null!=s.from&&i==t.line&&s.from>=t.ch||n&&!n(s.marker)||r.push(s.marker.parent||s.marker)}++i})),r},getAllMarks:function(){var e=[];return this.iter((function(t){var n=t.markedSpans;if(n)for(var r=0;r<n.length;++r)null!=n[r].from&&e.push(n[r].marker)})),e},posFromIndex:function(e){var t,n=this.first,r=this.lineSeparator().length;return this.iter((function(i){var o=i.text.length+r;if(o>e)return t=e,!0;e-=o,++n})),lt(this,et(n,t))},indexFromPos:function(e){var t=(e=lt(this,e)).ch;if(e.line<this.first||e.ch<0)return 0;var n=this.lineSeparator().length;return this.iter(this.first,e.line,(function(e){t+=e.text.length+n})),t},copy:function(e){var t=new Mo(Xe(this,this.first,this.first+this.size),this.modeOption,this.first,this.lineSep,this.direction);return t.scrollTop=this.scrollTop,t.scrollLeft=this.scrollLeft,t.sel=this.sel,t.extend=!1,e&&(t.history.undoDepth=this.history.undoDepth,t.setHistory(this.getHistory())),t},linkedDoc:function(e){e||(e={});var t=this.first,n=this.first+this.size;null!=e.from&&e.from>t&&(t=e.from),null!=e.to&&e.to<n&&(n=e.to);var r=new Mo(Xe(this,t,n),e.mode||this.modeOption,t,this.lineSep,this.direction);return e.sharedHist&&(r.history=this.history),(this.linked||(this.linked=[])).push({doc:r,sharedHist:e.sharedHist}),r.linked=[{doc:this,isParent:!0,sharedHist:e.sharedHist}],function(e,t){for(var n=0;n<t.length;n++){var r=t[n],i=r.find(),o=e.clipPos(i.from),a=e.clipPos(i.to);if(tt(o,a)){var l=Fo(e,o,a,r.primary,r.primary.type);r.markers.push(l),l.parent=r}}}(r,Eo(this)),r},unlinkDoc:function(e){if(e instanceof Aa&&(e=e.doc),this.linked)for(var t=0;t<this.linked.length;++t){if(this.linked[t].doc==e){this.linked.splice(t,1),e.unlinkDoc(this),To(Eo(this));break}}if(e.history==this.history){var n=[e.id];Oi(e,(function(e){return n.push(e.id)}),!0),e.history=new Hi(null),e.history.done=Gi(this.history.done,n),e.history.undone=Gi(this.history.undone,n)}},iterLinkedDocs:function(e){Oi(this,e)},getMode:function(){return this.mode},getEditor:function(){return this.cm},splitLines:function(e){return this.lineSep?e.split(this.lineSep):Me(e)},lineSeparator:function(){return this.lineSep||"\n"},setDirection:ni((function(e){var t;("rtl"!=e&&(e="ltr"),e!=this.direction)&&(this.direction=e,this.iter((function(e){return e.order=null})),this.cm&&Jr(t=this.cm,(function(){zi(t),dr(t)})))}))}),Mo.prototype.eachLine=Mo.prototype.iter;var Bo=0;function No(e){var t=this;if(Oo(t),!me(t,e)&&!Cn(t.display,e)){ye(e),a&&(Bo=+new Date);var n=ur(t,e,!0),r=e.dataTransfer.files;if(n&&!t.isReadOnly())if(r&&r.length&&window.FileReader&&window.File)for(var i=r.length,o=Array(i),l=0,s=function(){++l==i&&ei(t,(function(){var e={from:n=lt(t.doc,n),to:n,text:t.doc.splitLines(o.filter((function(e){return null!=e})).join(t.doc.lineSeparator())),origin:"paste"};uo(t.doc,e),Qi(t.doc,Si(lt(t.doc,n),lt(t.doc,Fi(e))))}))()},u=function(e,n){if(t.options.allowDropFileTypes&&-1==_(t.options.allowDropFileTypes,e.type))s();else{var r=new FileReader;r.onerror=function(){return s()},r.onload=function(){var e=r.result;/[\x00-\x08\x0e-\x1f]{2}/.test(e)||(o[n]=e),s()},r.readAsText(e)}},c=0;c<r.length;c++)u(r[c],c);else{if(t.state.draggingText&&t.doc.sel.contains(n)>-1)return t.state.draggingText(e),void setTimeout((function(){return t.display.input.focus()}),20);try{var d=e.dataTransfer.getData("Text");if(d){var h;if(t.state.draggingText&&!t.state.draggingText.copy&&(h=t.listSelections()),eo(t.doc,Si(n,n)),h)for(var f=0;f<h.length;++f)mo(t.doc,"",h[f].anchor,h[f].head,"drag");t.replaceSelection(d,"around","paste"),t.display.input.focus()}}catch(e){}}}}function Oo(e){e.display.dragCursor&&(e.display.lineSpace.removeChild(e.display.dragCursor),e.display.dragCursor=null)}function Io(e){if(document.getElementsByClassName){for(var t=document.getElementsByClassName("CodeMirror"),n=[],r=0;r<t.length;r++){var i=t[r].CodeMirror;i&&n.push(i)}n.length&&n[0].operation((function(){for(var t=0;t<n.length;t++)e(n[t])}))}}var zo=!1;function Ho(){var e;zo||(de(window,"resize",(function(){null==e&&(e=setTimeout((function(){e=null,Io(Ro)}),100))})),de(window,"blur",(function(){return Io(Sr)})),zo=!0)}function Ro(e){var t=e.display;t.cachedCharWidth=t.cachedTextHeight=t.cachedPaddingH=null,t.scrollbarsClipped=!1,e.setSize()}for(var Po={3:"Pause",8:"Backspace",9:"Tab",13:"Enter",16:"Shift",17:"Ctrl",18:"Alt",19:"Pause",20:"CapsLock",27:"Esc",32:"Space",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"Left",38:"Up",39:"Right",40:"Down",44:"PrintScrn",45:"Insert",46:"Delete",59:";",61:"=",91:"Mod",92:"Mod",93:"Mod",106:"*",107:"=",109:"-",110:".",111:"/",145:"ScrollLock",173:"-",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'",224:"Mod",63232:"Up",63233:"Down",63234:"Left",63235:"Right",63272:"Delete",63273:"Home",63275:"End",63276:"PageUp",63277:"PageDown",63302:"Insert"},_o=0;_o<10;_o++)Po[_o+48]=Po[_o+96]=String(_o);for(var Wo=65;Wo<=90;Wo++)Po[Wo]=String.fromCharCode(Wo);for(var jo=1;jo<=12;jo++)Po[jo+111]=Po[jo+63235]="F"+jo;var qo={};function Uo(e){var t,n,r,i,o=e.split(/-(?!$)/);e=o[o.length-1];for(var a=0;a<o.length-1;a++){var l=o[a];if(/^(cmd|meta|m)$/i.test(l))i=!0;else if(/^a(lt)?$/i.test(l))t=!0;else if(/^(c|ctrl|control)$/i.test(l))n=!0;else{if(!/^s(hift)?$/i.test(l))throw new Error("Unrecognized modifier name: "+l);r=!0}}return t&&(e="Alt-"+e),n&&(e="Ctrl-"+e),i&&(e="Cmd-"+e),r&&(e="Shift-"+e),e}function $o(e){var t={};for(var n in e)if(e.hasOwnProperty(n)){var r=e[n];if(/^(name|fallthrough|(de|at)tach)$/.test(n))continue;if("..."==r){delete e[n];continue}for(var i=K(n.split(" "),Uo),o=0;o<i.length;o++){var a=void 0,l=void 0;o==i.length-1?(l=i.join(" "),a=r):(l=i.slice(0,o+1).join(" "),a="...");var s=t[l];if(s){if(s!=a)throw new Error("Inconsistent bindings for "+l)}else t[l]=a}delete e[n]}for(var u in t)e[u]=t[u];return e}function Go(e,t,n,r){var i=(t=Zo(t)).call?t.call(e,r):t[e];if(!1===i)return"nothing";if("..."===i)return"multi";if(null!=i&&n(i))return"handled";if(t.fallthrough){if("[object Array]"!=Object.prototype.toString.call(t.fallthrough))return Go(e,t.fallthrough,n,r);for(var o=0;o<t.fallthrough.length;o++){var a=Go(e,t.fallthrough[o],n,r);if(a)return a}}}function Vo(e){var t="string"==typeof e?e:Po[e.keyCode];return"Ctrl"==t||"Alt"==t||"Shift"==t||"Mod"==t}function Xo(e,t,n){var r=e;return t.altKey&&"Alt"!=r&&(e="Alt-"+e),(C?t.metaKey:t.ctrlKey)&&"Ctrl"!=r&&(e="Ctrl-"+e),(C?t.ctrlKey:t.metaKey)&&"Mod"!=r&&(e="Cmd-"+e),!n&&t.shiftKey&&"Shift"!=r&&(e="Shift-"+e),e}function Ko(e,t){if(d&&34==e.keyCode&&e.char)return!1;var n=Po[e.keyCode];return null!=n&&!e.altGraphKey&&(3==e.keyCode&&e.code&&(n=e.code),Xo(n,e,t))}function Zo(e){return"string"==typeof e?qo[e]:e}function Yo(e,t){for(var n=e.doc.sel.ranges,r=[],i=0;i<n.length;i++){for(var o=t(n[i]);r.length&&tt(o.from,X(r).to)<=0;){var a=r.pop();if(tt(a.from,o.from)<0){o.from=a.from;break}}r.push(o)}Jr(e,(function(){for(var t=r.length-1;t>=0;t--)mo(e.doc,"",r[t].from,r[t].to,"+delete");Mr(e)}))}function Qo(e,t,n){var r=ie(e.text,t+n,n);return r<0||r>e.text.length?null:r}function Jo(e,t,n){var r=Qo(e,t.ch,n);return null==r?null:new et(t.line,r,n<0?"after":"before")}function ea(e,t,n,r,i){if(e){"rtl"==t.doc.direction&&(i=-i);var o=ue(n,t.doc.direction);if(o){var a,l=i<0?X(o):o[0],s=i<0==(1==l.level)?"after":"before";if(l.level>0||"rtl"==t.doc.direction){var u=Bn(t,n);a=i<0?n.text.length-1:0;var c=Nn(t,u,a).top;a=oe((function(e){return Nn(t,u,e).top==c}),i<0==(1==l.level)?l.from:l.to-1,a),"before"==s&&(a=Qo(n,a,1))}else a=i<0?l.to:l.from;return new et(r,a,s)}}return new et(r,i<0?n.text.length:0,i<0?"before":"after")}qo.basic={Left:"goCharLeft",Right:"goCharRight",Up:"goLineUp",Down:"goLineDown",End:"goLineEnd",Home:"goLineStartSmart",PageUp:"goPageUp",PageDown:"goPageDown",Delete:"delCharAfter",Backspace:"delCharBefore","Shift-Backspace":"delCharBefore",Tab:"defaultTab","Shift-Tab":"indentAuto",Enter:"newlineAndIndent",Insert:"toggleOverwrite",Esc:"singleSelection"},qo.pcDefault={"Ctrl-A":"selectAll","Ctrl-D":"deleteLine","Ctrl-Z":"undo","Shift-Ctrl-Z":"redo","Ctrl-Y":"redo","Ctrl-Home":"goDocStart","Ctrl-End":"goDocEnd","Ctrl-Up":"goLineUp","Ctrl-Down":"goLineDown","Ctrl-Left":"goGroupLeft","Ctrl-Right":"goGroupRight","Alt-Left":"goLineStart","Alt-Right":"goLineEnd","Ctrl-Backspace":"delGroupBefore","Ctrl-Delete":"delGroupAfter","Ctrl-S":"save","Ctrl-F":"find","Ctrl-G":"findNext","Shift-Ctrl-G":"findPrev","Shift-Ctrl-F":"replace","Shift-Ctrl-R":"replaceAll","Ctrl-[":"indentLess","Ctrl-]":"indentMore","Ctrl-U":"undoSelection","Shift-Ctrl-U":"redoSelection","Alt-U":"redoSelection",fallthrough:"basic"},qo.emacsy={"Ctrl-F":"goCharRight","Ctrl-B":"goCharLeft","Ctrl-P":"goLineUp","Ctrl-N":"goLineDown","Ctrl-A":"goLineStart","Ctrl-E":"goLineEnd","Ctrl-V":"goPageDown","Shift-Ctrl-V":"goPageUp","Ctrl-D":"delCharAfter","Ctrl-H":"delCharBefore","Alt-Backspace":"delWordBefore","Ctrl-K":"killLine","Ctrl-T":"transposeChars","Ctrl-O":"openLine"},qo.macDefault={"Cmd-A":"selectAll","Cmd-D":"deleteLine","Cmd-Z":"undo","Shift-Cmd-Z":"redo","Cmd-Y":"redo","Cmd-Home":"goDocStart","Cmd-Up":"goDocStart","Cmd-End":"goDocEnd","Cmd-Down":"goDocEnd","Alt-Left":"goGroupLeft","Alt-Right":"goGroupRight","Cmd-Left":"goLineLeft","Cmd-Right":"goLineRight","Alt-Backspace":"delGroupBefore","Ctrl-Alt-Backspace":"delGroupAfter","Alt-Delete":"delGroupAfter","Cmd-S":"save","Cmd-F":"find","Cmd-G":"findNext","Shift-Cmd-G":"findPrev","Cmd-Alt-F":"replace","Shift-Cmd-Alt-F":"replaceAll","Cmd-[":"indentLess","Cmd-]":"indentMore","Cmd-Backspace":"delWrappedLineLeft","Cmd-Delete":"delWrappedLineRight","Cmd-U":"undoSelection","Shift-Cmd-U":"redoSelection","Ctrl-Up":"goDocStart","Ctrl-Down":"goDocEnd",fallthrough:["basic","emacsy"]},qo.default=x?qo.macDefault:qo.pcDefault;var ta={selectAll:lo,singleSelection:function(e){return e.setSelection(e.getCursor("anchor"),e.getCursor("head"),j)},killLine:function(e){return Yo(e,(function(t){if(t.empty()){var n=Ge(e.doc,t.head.line).text.length;return t.head.ch==n&&t.head.line<e.lastLine()?{from:t.head,to:et(t.head.line+1,0)}:{from:t.head,to:et(t.head.line,n)}}return{from:t.from(),to:t.to()}}))},deleteLine:function(e){return Yo(e,(function(t){return{from:et(t.from().line,0),to:lt(e.doc,et(t.to().line+1,0))}}))},delLineLeft:function(e){return Yo(e,(function(e){return{from:et(e.from().line,0),to:e.from()}}))},delWrappedLineLeft:function(e){return Yo(e,(function(t){var n=e.charCoords(t.head,"div").top+5;return{from:e.coordsChar({left:0,top:n},"div"),to:t.from()}}))},delWrappedLineRight:function(e){return Yo(e,(function(t){var n=e.charCoords(t.head,"div").top+5,r=e.coordsChar({left:e.display.lineDiv.offsetWidth+100,top:n},"div");return{from:t.from(),to:r}}))},undo:function(e){return e.undo()},redo:function(e){return e.redo()},undoSelection:function(e){return e.undoSelection()},redoSelection:function(e){return e.redoSelection()},goDocStart:function(e){return e.extendSelection(et(e.firstLine(),0))},goDocEnd:function(e){return e.extendSelection(et(e.lastLine()))},goLineStart:function(e){return e.extendSelectionsBy((function(t){return na(e,t.head.line)}),{origin:"+move",bias:1})},goLineStartSmart:function(e){return e.extendSelectionsBy((function(t){return ra(e,t.head)}),{origin:"+move",bias:1})},goLineEnd:function(e){return e.extendSelectionsBy((function(t){return function(e,t){var n=Ge(e.doc,t),r=function(e){for(var t;t=It(e);)e=t.find(1,!0).line;return e}(n);r!=n&&(t=Ze(r));return ea(!0,e,n,t,-1)}(e,t.head.line)}),{origin:"+move",bias:-1})},goLineRight:function(e){return e.extendSelectionsBy((function(t){var n=e.cursorCoords(t.head,"div").top+5;return e.coordsChar({left:e.display.lineDiv.offsetWidth+100,top:n},"div")}),U)},goLineLeft:function(e){return e.extendSelectionsBy((function(t){var n=e.cursorCoords(t.head,"div").top+5;return e.coordsChar({left:0,top:n},"div")}),U)},goLineLeftSmart:function(e){return e.extendSelectionsBy((function(t){var n=e.cursorCoords(t.head,"div").top+5,r=e.coordsChar({left:0,top:n},"div");return r.ch<e.getLine(r.line).search(/\S/)?ra(e,t.head):r}),U)},goLineUp:function(e){return e.moveV(-1,"line")},goLineDown:function(e){return e.moveV(1,"line")},goPageUp:function(e){return e.moveV(-1,"page")},goPageDown:function(e){return e.moveV(1,"page")},goCharLeft:function(e){return e.moveH(-1,"char")},goCharRight:function(e){return e.moveH(1,"char")},goColumnLeft:function(e){return e.moveH(-1,"column")},goColumnRight:function(e){return e.moveH(1,"column")},goWordLeft:function(e){return e.moveH(-1,"word")},goGroupRight:function(e){return e.moveH(1,"group")},goGroupLeft:function(e){return e.moveH(-1,"group")},goWordRight:function(e){return e.moveH(1,"word")},delCharBefore:function(e){return e.deleteH(-1,"codepoint")},delCharAfter:function(e){return e.deleteH(1,"char")},delWordBefore:function(e){return e.deleteH(-1,"word")},delWordAfter:function(e){return e.deleteH(1,"word")},delGroupBefore:function(e){return e.deleteH(-1,"group")},delGroupAfter:function(e){return e.deleteH(1,"group")},indentAuto:function(e){return e.indentSelection("smart")},indentMore:function(e){return e.indentSelection("add")},indentLess:function(e){return e.indentSelection("subtract")},insertTab:function(e){return e.replaceSelection("\t")},insertSoftTab:function(e){for(var t=[],n=e.listSelections(),r=e.options.tabSize,i=0;i<n.length;i++){var o=n[i].from(),a=R(e.getLine(o.line),o.ch,r);t.push(V(r-a%r))}e.replaceSelections(t)},defaultTab:function(e){e.somethingSelected()?e.indentSelection("add"):e.execCommand("insertTab")},transposeChars:function(e){return Jr(e,(function(){for(var t=e.listSelections(),n=[],r=0;r<t.length;r++)if(t[r].empty()){var i=t[r].head,o=Ge(e.doc,i.line).text;if(o)if(i.ch==o.length&&(i=new et(i.line,i.ch-1)),i.ch>0)i=new et(i.line,i.ch+1),e.replaceRange(o.charAt(i.ch-1)+o.charAt(i.ch-2),et(i.line,i.ch-2),i,"+transpose");else if(i.line>e.doc.first){var a=Ge(e.doc,i.line-1).text;a&&(i=new et(i.line,1),e.replaceRange(o.charAt(0)+e.doc.lineSeparator()+a.charAt(a.length-1),et(i.line-1,a.length-1),i,"+transpose"))}n.push(new wi(i,i))}e.setSelections(n)}))},newlineAndIndent:function(e){return Jr(e,(function(){for(var t=e.listSelections(),n=t.length-1;n>=0;n--)e.replaceRange(e.doc.lineSeparator(),t[n].anchor,t[n].head,"+input");t=e.listSelections();for(var r=0;r<t.length;r++)e.indentLine(t[r].from().line,null,!0);Mr(e)}))},openLine:function(e){return e.replaceSelection("\n","start")},toggleOverwrite:function(e){return e.toggleOverwrite()}};function na(e,t){var n=Ge(e.doc,t),r=Rt(n);return r!=n&&(t=Ze(r)),ea(!0,e,r,t,1)}function ra(e,t){var n=na(e,t.line),r=Ge(e.doc,n.line),i=ue(r,e.doc.direction);if(!i||0==i[0].level){var o=Math.max(n.ch,r.text.search(/\S/)),a=t.line==n.line&&t.ch<=o&&t.ch;return et(n.line,a?0:o,n.sticky)}return n}function ia(e,t,n){if("string"==typeof t&&!(t=ta[t]))return!1;e.display.input.ensurePolled();var r=e.display.shift,i=!1;try{e.isReadOnly()&&(e.state.suppressEdits=!0),n&&(e.display.shift=!1),i=t(e)!=W}finally{e.display.shift=r,e.state.suppressEdits=!1}return i}var oa=new P;function aa(e,t,n,r){var i=e.state.keySeq;if(i){if(Vo(t))return"handled";if(/\'$/.test(t)?e.state.keySeq=null:oa.set(50,(function(){e.state.keySeq==i&&(e.state.keySeq=null,e.display.input.reset())})),la(e,i+" "+t,n,r))return!0}return la(e,t,n,r)}function la(e,t,n,r){var i=function(e,t,n){for(var r=0;r<e.state.keyMaps.length;r++){var i=Go(t,e.state.keyMaps[r],n,e);if(i)return i}return e.options.extraKeys&&Go(t,e.options.extraKeys,n,e)||Go(t,e.options.keyMap,n,e)}(e,t,r);return"multi"==i&&(e.state.keySeq=t),"handled"==i&&sn(e,"keyHandled",e,t,n),"handled"!=i&&"multi"!=i||(ye(n),Dr(e)),!!i}function sa(e,t){var n=Ko(t,!0);return!!n&&(t.shiftKey&&!e.state.keySeq?aa(e,"Shift-"+n,t,(function(t){return ia(e,t,!0)}))||aa(e,n,t,(function(t){if("string"==typeof t?/^go[A-Z]/.test(t):t.motion)return ia(e,t)})):aa(e,n,t,(function(t){return ia(e,t)})))}var ua=null;function ca(e){var t=this;if(!(e.target&&e.target!=t.display.input.getField()||(t.curOp.focus=B(),me(t,e)))){a&&l<11&&27==e.keyCode&&(e.returnValue=!1);var r=e.keyCode;t.display.shift=16==r||e.shiftKey;var i=sa(t,e);d&&(ua=i?r:null,i||88!=r||Ne||!(x?e.metaKey:e.ctrlKey)||t.replaceSelection("",null,"cut")),n&&!x&&!i&&46==r&&e.shiftKey&&!e.ctrlKey&&document.execCommand&&document.execCommand("cut"),18!=r||/\bCodeMirror-crosshair\b/.test(t.display.lineDiv.className)||function(e){var t=e.display.lineDiv;function n(e){18!=e.keyCode&&e.altKey||(F(t,"CodeMirror-crosshair"),fe(document,"keyup",n),fe(document,"mouseover",n))}N(t,"CodeMirror-crosshair"),de(document,"keyup",n),de(document,"mouseover",n)}(t)}}function da(e){16==e.keyCode&&(this.doc.sel.shift=!1),me(this,e)}function ha(e){var t=this;if(!(e.target&&e.target!=t.display.input.getField()||Cn(t.display,e)||me(t,e)||e.ctrlKey&&!e.altKey||x&&e.metaKey)){var n=e.keyCode,r=e.charCode;if(d&&n==ua)return ua=null,void ye(e);if(!d||e.which&&!(e.which<10)||!sa(t,e)){var i=String.fromCharCode(null==r?n:r);"\b"!=i&&(function(e,t,n){return aa(e,"'"+n+"'",t,(function(t){return ia(e,t,!0)}))}(t,e,i)||t.display.input.onKeyPress(e))}}}var fa,pa,ma=function(e,t,n){this.time=e,this.pos=t,this.button=n};function ga(e){var t=this,n=t.display;if(!(me(t,e)||n.activeTouch&&n.input.supportsTouch()))if(n.input.ensurePolled(),n.shift=e.shiftKey,Cn(n,e))s||(n.scroller.draggable=!1,setTimeout((function(){return n.scroller.draggable=!0}),100));else if(!ya(t,e)){var r=ur(t,e),i=ke(e),o=r?function(e,t){var n=+new Date;return pa&&pa.compare(n,e,t)?(fa=pa=null,"triple"):fa&&fa.compare(n,e,t)?(pa=new ma(n,e,t),fa=null,"double"):(fa=new ma(n,e,t),pa=null,"single")}(r,i):"single";window.focus(),1==i&&t.state.selectingText&&t.state.selectingText(e),r&&function(e,t,n,r,i){var o="Click";"double"==r?o="Double"+o:"triple"==r&&(o="Triple"+o);return aa(e,Xo(o=(1==t?"Left":2==t?"Middle":"Right")+o,i),i,(function(t){if("string"==typeof t&&(t=ta[t]),!t)return!1;var r=!1;try{e.isReadOnly()&&(e.state.suppressEdits=!0),r=t(e,n)!=W}finally{e.state.suppressEdits=!1}return r}))}(t,i,r,o,e)||(1==i?r?function(e,t,n,r){a?setTimeout(z(Cr,e),0):e.curOp.focus=B();var i,o=function(e,t,n){var r=e.getOption("configureMouse"),i=r?r(e,t,n):{};if(null==i.unit){var o=y?n.shiftKey&&n.metaKey:n.altKey;i.unit=o?"rectangle":"single"==t?"char":"double"==t?"word":"line"}(null==i.extend||e.doc.extend)&&(i.extend=e.doc.extend||n.shiftKey);null==i.addNew&&(i.addNew=x?n.metaKey:n.ctrlKey);null==i.moveOnDrag&&(i.moveOnDrag=!(x?n.altKey:n.ctrlKey));return i}(e,n,r),u=e.doc.sel;e.options.dragDrop&&Ae&&!e.isReadOnly()&&"single"==n&&(i=u.contains(t))>-1&&(tt((i=u.ranges[i]).from(),t)<0||t.xRel>0)&&(tt(i.to(),t)>0||t.xRel<0)?function(e,t,n,r){var i=e.display,o=!1,u=ei(e,(function(t){s&&(i.scroller.draggable=!1),e.state.draggingText=!1,e.state.delayingBlurEvent&&(e.hasFocus()?e.state.delayingBlurEvent=!1:wr(e)),fe(i.wrapper.ownerDocument,"mouseup",u),fe(i.wrapper.ownerDocument,"mousemove",c),fe(i.scroller,"dragstart",d),fe(i.scroller,"drop",u),o||(ye(t),r.addNew||Xi(e.doc,n,null,null,r.extend),s&&!h||a&&9==l?setTimeout((function(){i.wrapper.ownerDocument.body.focus({preventScroll:!0}),i.input.focus()}),20):i.input.focus())})),c=function(e){o=o||Math.abs(t.clientX-e.clientX)+Math.abs(t.clientY-e.clientY)>=10},d=function(){return o=!0};s&&(i.scroller.draggable=!0);e.state.draggingText=u,u.copy=!r.moveOnDrag,de(i.wrapper.ownerDocument,"mouseup",u),de(i.wrapper.ownerDocument,"mousemove",c),de(i.scroller,"dragstart",d),de(i.scroller,"drop",u),e.state.delayingBlurEvent=!0,setTimeout((function(){return i.input.focus()}),20),i.scroller.dragDrop&&i.scroller.dragDrop()}(e,r,t,o):function(e,t,n,r){a&&wr(e);var i=e.display,o=e.doc;ye(t);var l,s,u=o.sel,c=u.ranges;r.addNew&&!r.extend?(s=o.sel.contains(n),l=s>-1?c[s]:new wi(n,n)):(l=o.sel.primary(),s=o.sel.primIndex);if("rectangle"==r.unit)r.addNew||(l=new wi(n,n)),n=ur(e,t,!0,!0),s=-1;else{var d=va(e,n,r.unit);l=r.extend?Vi(l,d.anchor,d.head,r.extend):d}r.addNew?-1==s?(s=c.length,Ji(o,ki(e,c.concat([l]),s),{scroll:!1,origin:"*mouse"})):c.length>1&&c[s].empty()&&"char"==r.unit&&!r.extend?(Ji(o,ki(e,c.slice(0,s).concat(c.slice(s+1)),0),{scroll:!1,origin:"*mouse"}),u=o.sel):Zi(o,s,l,q):(s=0,Ji(o,new Ci([l],0),q),u=o.sel);var h=n;function f(t){if(0!=tt(h,t))if(h=t,"rectangle"==r.unit){for(var i=[],a=e.options.tabSize,c=R(Ge(o,n.line).text,n.ch,a),d=R(Ge(o,t.line).text,t.ch,a),f=Math.min(c,d),p=Math.max(c,d),m=Math.min(n.line,t.line),g=Math.min(e.lastLine(),Math.max(n.line,t.line));m<=g;m++){var v=Ge(o,m).text,x=$(v,f,a);f==p?i.push(new wi(et(m,x),et(m,x))):v.length>x&&i.push(new wi(et(m,x),et(m,$(v,p,a))))}i.length||i.push(new wi(n,n)),Ji(o,ki(e,u.ranges.slice(0,s).concat(i),s),{origin:"*mouse",scroll:!1}),e.scrollIntoView(t)}else{var y,b=l,D=va(e,t,r.unit),C=b.anchor;tt(D.anchor,C)>0?(y=D.head,C=ot(b.from(),D.anchor)):(y=D.anchor,C=it(b.to(),D.head));var w=u.ranges.slice(0);w[s]=function(e,t){var n=t.anchor,r=t.head,i=Ge(e.doc,n.line);if(0==tt(n,r)&&n.sticky==r.sticky)return t;var o=ue(i);if(!o)return t;var a=le(o,n.ch,n.sticky),l=o[a];if(l.from!=n.ch&&l.to!=n.ch)return t;var s,u=a+(l.from==n.ch==(1!=l.level)?0:1);if(0==u||u==o.length)return t;if(r.line!=n.line)s=(r.line-n.line)*("ltr"==e.doc.direction?1:-1)>0;else{var c=le(o,r.ch,r.sticky),d=c-a||(r.ch-n.ch)*(1==l.level?-1:1);s=c==u-1||c==u?d<0:d>0}var h=o[u+(s?-1:0)],f=s==(1==h.level),p=f?h.from:h.to,m=f?"after":"before";return n.ch==p&&n.sticky==m?t:new wi(new et(n.line,p,m),r)}(e,new wi(lt(o,C),y)),Ji(o,ki(e,w,s),q)}}var p=i.wrapper.getBoundingClientRect(),m=0;function g(t){var n=++m,a=ur(e,t,!0,"rectangle"==r.unit);if(a)if(0!=tt(a,h)){e.curOp.focus=B(),f(a);var l=Er(i,o);(a.line>=l.to||a.line<l.from)&&setTimeout(ei(e,(function(){m==n&&g(t)})),150)}else{var s=t.clientY<p.top?-20:t.clientY>p.bottom?20:0;s&&setTimeout(ei(e,(function(){m==n&&(i.scroller.scrollTop+=s,g(t))})),50)}}function v(t){e.state.selectingText=!1,m=1/0,t&&(ye(t),i.input.focus()),fe(i.wrapper.ownerDocument,"mousemove",x),fe(i.wrapper.ownerDocument,"mouseup",y),o.history.lastSelOrigin=null}var x=ei(e,(function(e){0!==e.buttons&&ke(e)?g(e):v(e)})),y=ei(e,v);e.state.selectingText=y,de(i.wrapper.ownerDocument,"mousemove",x),de(i.wrapper.ownerDocument,"mouseup",y)}(e,r,t,o)}(t,r,o,e):we(e)==n.scroller&&ye(e):2==i?(r&&Xi(t.doc,r),setTimeout((function(){return n.input.focus()}),20)):3==i&&(w?t.display.input.onContextMenu(e):wr(t)))}}function va(e,t,n){if("char"==n)return new wi(t,t);if("word"==n)return e.findWordAt(t);if("line"==n)return new wi(et(t.line,0),lt(e.doc,et(t.line+1,0)));var r=n(e,t);return new wi(r.from,r.to)}function xa(e,t,n,r){var i,o;if(t.touches)i=t.touches[0].clientX,o=t.touches[0].clientY;else try{i=t.clientX,o=t.clientY}catch(e){return!1}if(i>=Math.floor(e.display.gutters.getBoundingClientRect().right))return!1;r&&ye(t);var a=e.display,l=a.lineDiv.getBoundingClientRect();if(o>l.bottom||!ve(e,n))return De(t);o-=l.top-a.viewOffset;for(var s=0;s<e.display.gutterSpecs.length;++s){var u=a.gutters.childNodes[s];if(u&&u.getBoundingClientRect().right>=i)return pe(e,n,e,Ye(e.doc,o),e.display.gutterSpecs[s].className,t),De(t)}}function ya(e,t){return xa(e,t,"gutterClick",!0)}function ba(e,t){Cn(e.display,t)||function(e,t){if(!ve(e,"gutterContextMenu"))return!1;return xa(e,t,"gutterContextMenu",!1)}(e,t)||me(e,t,"contextmenu")||w||e.display.input.onContextMenu(t)}function Da(e){e.display.wrapper.className=e.display.wrapper.className.replace(/\s*cm-s-\S+/g,"")+e.options.theme.replace(/(^|\s)\s*/g," cm-s-"),_n(e)}ma.prototype.compare=function(e,t,n){return this.time+400>e&&0==tt(t,this.pos)&&n==this.button};var Ca={toString:function(){return"CodeMirror.Init"}},wa={},ka={};function Sa(e,t,n){if(!t!=!(n&&n!=Ca)){var r=e.display.dragFunctions,i=t?de:fe;i(e.display.scroller,"dragstart",r.start),i(e.display.scroller,"dragenter",r.enter),i(e.display.scroller,"dragover",r.over),i(e.display.scroller,"dragleave",r.leave),i(e.display.scroller,"drop",r.drop)}}function Fa(e){e.options.lineWrapping?(N(e.display.wrapper,"CodeMirror-wrap"),e.display.sizer.style.minWidth="",e.display.sizerWidth=null):(F(e.display.wrapper,"CodeMirror-wrap"),$t(e)),sr(e),dr(e),_n(e),setTimeout((function(){return Wr(e)}),100)}function Aa(e,t){var n=this;if(!(this instanceof Aa))return new Aa(e,t);this.options=t=t?H(t):{},H(wa,t,!1);var r=t.value;"string"==typeof r?r=new Mo(r,t.mode,null,t.lineSeparator,t.direction):t.mode&&(r.modeOption=t.mode),this.doc=r;var i=new Aa.inputStyles[t.inputStyle](this),o=this.display=new gi(e,r,i,t);for(var u in o.wrapper.CodeMirror=this,Da(this),t.lineWrapping&&(this.display.wrapper.className+=" CodeMirror-wrap"),Ur(this),this.state={keyMaps:[],overlays:[],modeGen:0,overwrite:!1,delayingBlurEvent:!1,focused:!1,suppressEdits:!1,pasteIncoming:-1,cutIncoming:-1,selectingText:!1,draggingText:!1,highlight:new P,keySeq:null,specialChars:null},t.autofocus&&!v&&o.input.focus(),a&&l<11&&setTimeout((function(){return n.display.input.reset(!0)}),20),function(e){var t=e.display;de(t.scroller,"mousedown",ei(e,ga)),de(t.scroller,"dblclick",a&&l<11?ei(e,(function(t){if(!me(e,t)){var n=ur(e,t);if(n&&!ya(e,t)&&!Cn(e.display,t)){ye(t);var r=e.findWordAt(n);Xi(e.doc,r.anchor,r.head)}}})):function(t){return me(e,t)||ye(t)});de(t.scroller,"contextmenu",(function(t){return ba(e,t)})),de(t.input.getField(),"contextmenu",(function(n){t.scroller.contains(n.target)||ba(e,n)}));var n,r={end:0};function i(){t.activeTouch&&(n=setTimeout((function(){return t.activeTouch=null}),1e3),(r=t.activeTouch).end=+new Date)}function o(e){if(1!=e.touches.length)return!1;var t=e.touches[0];return t.radiusX<=1&&t.radiusY<=1}function s(e,t){if(null==t.left)return!0;var n=t.left-e.left,r=t.top-e.top;return n*n+r*r>400}de(t.scroller,"touchstart",(function(i){if(!me(e,i)&&!o(i)&&!ya(e,i)){t.input.ensurePolled(),clearTimeout(n);var a=+new Date;t.activeTouch={start:a,moved:!1,prev:a-r.end<=300?r:null},1==i.touches.length&&(t.activeTouch.left=i.touches[0].pageX,t.activeTouch.top=i.touches[0].pageY)}})),de(t.scroller,"touchmove",(function(){t.activeTouch&&(t.activeTouch.moved=!0)})),de(t.scroller,"touchend",(function(n){var r=t.activeTouch;if(r&&!Cn(t,n)&&null!=r.left&&!r.moved&&new Date-r.start<300){var o,a=e.coordsChar(t.activeTouch,"page");o=!r.prev||s(r,r.prev)?new wi(a,a):!r.prev.prev||s(r,r.prev.prev)?e.findWordAt(a):new wi(et(a.line,0),lt(e.doc,et(a.line+1,0))),e.setSelection(o.anchor,o.head),e.focus(),ye(n)}i()})),de(t.scroller,"touchcancel",i),de(t.scroller,"scroll",(function(){t.scroller.clientHeight&&(Ir(e,t.scroller.scrollTop),Hr(e,t.scroller.scrollLeft,!0),pe(e,"scroll",e))})),de(t.scroller,"mousewheel",(function(t){return Di(e,t)})),de(t.scroller,"DOMMouseScroll",(function(t){return Di(e,t)})),de(t.wrapper,"scroll",(function(){return t.wrapper.scrollTop=t.wrapper.scrollLeft=0})),t.dragFunctions={enter:function(t){me(e,t)||Ce(t)},over:function(t){me(e,t)||(!function(e,t){var n=ur(e,t);if(n){var r=document.createDocumentFragment();xr(e,n,r),e.display.dragCursor||(e.display.dragCursor=T("div",null,"CodeMirror-cursors CodeMirror-dragcursors"),e.display.lineSpace.insertBefore(e.display.dragCursor,e.display.cursorDiv)),E(e.display.dragCursor,r)}}(e,t),Ce(t))},start:function(t){return function(e,t){if(a&&(!e.state.draggingText||+new Date-Bo<100))Ce(t);else if(!me(e,t)&&!Cn(e.display,t)&&(t.dataTransfer.setData("Text",e.getSelection()),t.dataTransfer.effectAllowed="copyMove",t.dataTransfer.setDragImage&&!h)){var n=T("img",null,null,"position: fixed; left: 0; top: 0;");n.src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",d&&(n.width=n.height=1,e.display.wrapper.appendChild(n),n._top=n.offsetTop),t.dataTransfer.setDragImage(n,0,0),d&&n.parentNode.removeChild(n)}}(e,t)},drop:ei(e,No),leave:function(t){me(e,t)||Oo(e)}};var u=t.input.getField();de(u,"keyup",(function(t){return da.call(e,t)})),de(u,"keydown",ei(e,ca)),de(u,"keypress",ei(e,ha)),de(u,"focus",(function(t){return kr(e,t)})),de(u,"blur",(function(t){return Sr(e,t)}))}(this),Ho(),Gr(this),this.curOp.forceUpdate=!0,Ii(this,r),t.autofocus&&!v||this.hasFocus()?setTimeout((function(){n.hasFocus()&&!n.state.focused&&kr(n)}),20):Sr(this),ka)ka.hasOwnProperty(u)&&ka[u](this,t[u],Ca);hi(this),t.finishInit&&t.finishInit(this);for(var c=0;c<Ea.length;++c)Ea[c](this);Vr(this),s&&t.lineWrapping&&"optimizelegibility"==getComputedStyle(o.lineDiv).textRendering&&(o.lineDiv.style.textRendering="auto")}Aa.defaults=wa,Aa.optionHandlers=ka;var Ea=[];function Ta(e,t,n,r){var i,o=e.doc;null==n&&(n="add"),"smart"==n&&(o.mode.indent?i=ft(e,t).state:n="prev");var a=e.options.tabSize,l=Ge(o,t),s=R(l.text,null,a);l.stateAfter&&(l.stateAfter=null);var u,c=l.text.match(/^\s*/)[0];if(r||/\S/.test(l.text)){if("smart"==n&&((u=o.mode.indent(i,l.text.slice(c.length),l.text))==W||u>150)){if(!r)return;n="prev"}}else u=0,n="not";"prev"==n?u=t>o.first?R(Ge(o,t-1).text,null,a):0:"add"==n?u=s+e.options.indentUnit:"subtract"==n?u=s-e.options.indentUnit:"number"==typeof n&&(u=s+n),u=Math.max(0,u);var d="",h=0;if(e.options.indentWithTabs)for(var f=Math.floor(u/a);f;--f)h+=a,d+="\t";if(h<u&&(d+=V(u-h)),d!=c)return mo(o,d,et(t,0),et(t,c.length),"+input"),l.stateAfter=null,!0;for(var p=0;p<o.sel.ranges.length;p++){var m=o.sel.ranges[p];if(m.head.line==t&&m.head.ch<c.length){var g=et(t,c.length);Zi(o,p,new wi(g,g));break}}}Aa.defineInitHook=function(e){return Ea.push(e)};var La=null;function Ma(e){La=e}function Ba(e,t,n,r,i){var o=e.doc;e.display.shift=!1,r||(r=o.sel);var a=+new Date-200,l="paste"==i||e.state.pasteIncoming>a,s=Me(t),u=null;if(l&&r.ranges.length>1)if(La&&La.text.join("\n")==t){if(r.ranges.length%La.text.length==0){u=[];for(var c=0;c<La.text.length;c++)u.push(o.splitLines(La.text[c]))}}else s.length==r.ranges.length&&e.options.pasteLinesPerSelection&&(u=K(s,(function(e){return[e]})));for(var d=e.curOp.updateInput,h=r.ranges.length-1;h>=0;h--){var f=r.ranges[h],p=f.from(),m=f.to();f.empty()&&(n&&n>0?p=et(p.line,p.ch-n):e.state.overwrite&&!l?m=et(m.line,Math.min(Ge(o,m.line).text.length,m.ch+X(s).length)):l&&La&&La.lineWise&&La.text.join("\n")==s.join("\n")&&(p=m=et(p.line,0)));var g={from:p,to:m,text:u?u[h%u.length]:s,origin:i||(l?"paste":e.state.cutIncoming>a?"cut":"+input")};uo(e.doc,g),sn(e,"inputRead",e,g)}t&&!l&&Oa(e,t),Mr(e),e.curOp.updateInput<2&&(e.curOp.updateInput=d),e.curOp.typing=!0,e.state.pasteIncoming=e.state.cutIncoming=-1}function Na(e,t){var n=e.clipboardData&&e.clipboardData.getData("Text");if(n)return e.preventDefault(),t.isReadOnly()||t.options.disableInput||Jr(t,(function(){return Ba(t,n,0,null,"paste")})),!0}function Oa(e,t){if(e.options.electricChars&&e.options.smartIndent)for(var n=e.doc.sel,r=n.ranges.length-1;r>=0;r--){var i=n.ranges[r];if(!(i.head.ch>100||r&&n.ranges[r-1].head.line==i.head.line)){var o=e.getModeAt(i.head),a=!1;if(o.electricChars){for(var l=0;l<o.electricChars.length;l++)if(t.indexOf(o.electricChars.charAt(l))>-1){a=Ta(e,i.head.line,"smart");break}}else o.electricInput&&o.electricInput.test(Ge(e.doc,i.head.line).text.slice(0,i.head.ch))&&(a=Ta(e,i.head.line,"smart"));a&&sn(e,"electricInput",e,i.head.line)}}}function Ia(e){for(var t=[],n=[],r=0;r<e.doc.sel.ranges.length;r++){var i=e.doc.sel.ranges[r].head.line,o={anchor:et(i,0),head:et(i+1,0)};n.push(o),t.push(e.getRange(o.anchor,o.head))}return{text:t,ranges:n}}function za(e,t,n,r){e.setAttribute("autocorrect",n?"":"off"),e.setAttribute("autocapitalize",r?"":"off"),e.setAttribute("spellcheck",!!t)}function Ha(){var e=T("textarea",null,null,"position: absolute; bottom: -1em; padding: 0; width: 1px; height: 1em; min-height: 1em; outline: none"),t=T("div",[e],null,"overflow: hidden; position: relative; width: 3px; height: 0px;");return s?e.style.width="1000px":e.setAttribute("wrap","off"),m&&(e.style.border="1px solid black"),za(e),t}function Ra(e,t,n,r,i){var o=t,a=n,l=Ge(e,t.line),s=i&&"rtl"==e.direction?-n:n;function u(o){var a,u;if("codepoint"==r){var c=l.text.charCodeAt(t.ch+(n>0?0:-1));if(isNaN(c))a=null;else{var d=n>0?c>=55296&&c<56320:c>=56320&&c<57343;a=new et(t.line,Math.max(0,Math.min(l.text.length,t.ch+n*(d?2:1))),-n)}}else a=i?function(e,t,n,r){var i=ue(t,e.doc.direction);if(!i)return Jo(t,n,r);n.ch>=t.text.length?(n.ch=t.text.length,n.sticky="before"):n.ch<=0&&(n.ch=0,n.sticky="after");var o=le(i,n.ch,n.sticky),a=i[o];if("ltr"==e.doc.direction&&a.level%2==0&&(r>0?a.to>n.ch:a.from<n.ch))return Jo(t,n,r);var l,s=function(e,n){return Qo(t,e instanceof et?e.ch:e,n)},u=function(n){return e.options.lineWrapping?(l=l||Bn(e,t),Qn(e,t,l,n)):{begin:0,end:t.text.length}},c=u("before"==n.sticky?s(n,-1):n.ch);if("rtl"==e.doc.direction||1==a.level){var d=1==a.level==r<0,h=s(n,d?1:-1);if(null!=h&&(d?h<=a.to&&h<=c.end:h>=a.from&&h>=c.begin)){var f=d?"before":"after";return new et(n.line,h,f)}}var p=function(e,t,r){for(var o=function(e,t){return t?new et(n.line,s(e,1),"before"):new et(n.line,e,"after")};e>=0&&e<i.length;e+=t){var a=i[e],l=t>0==(1!=a.level),u=l?r.begin:s(r.end,-1);if(a.from<=u&&u<a.to)return o(u,l);if(u=l?a.from:s(a.to,-1),r.begin<=u&&u<r.end)return o(u,l)}},m=p(o+r,r,c);if(m)return m;var g=r>0?c.end:s(c.begin,-1);return null==g||r>0&&g==t.text.length||!(m=p(r>0?0:i.length-1,r,u(g)))?null:m}(e.cm,l,t,n):Jo(l,t,n);if(null==a){if(o||(u=t.line+s)<e.first||u>=e.first+e.size||(t=new et(u,t.ch,t.sticky),!(l=Ge(e,u))))return!1;t=ea(i,e.cm,l,t.line,s)}else t=a;return!0}if("char"==r||"codepoint"==r)u();else if("column"==r)u(!0);else if("word"==r||"group"==r)for(var c=null,d="group"==r,h=e.cm&&e.cm.getHelper(t,"wordChars"),f=!0;!(n<0)||u(!f);f=!1){var p=l.text.charAt(t.ch)||"\n",m=ee(p,h)?"w":d&&"\n"==p?"n":!d||/\s/.test(p)?null:"p";if(!d||f||m||(m="s"),c&&c!=m){n<0&&(n=1,u(),t.sticky="after");break}if(m&&(c=m),n>0&&!u(!f))break}var g=oo(e,t,o,a,!0);return nt(o,g)&&(g.hitSide=!0),g}function Pa(e,t,n,r){var i,o,a=e.doc,l=t.left;if("page"==r){var s=Math.min(e.display.wrapper.clientHeight,window.innerHeight||document.documentElement.clientHeight),u=Math.max(s-.5*rr(e.display),3);i=(n>0?t.bottom:t.top)+n*u}else"line"==r&&(i=n>0?t.bottom+3:t.top-3);for(;(o=Zn(e,l,i)).outside;){if(n<0?i<=0:i>=a.height){o.hitSide=!0;break}i+=5*n}return o}var _a=function(e){this.cm=e,this.lastAnchorNode=this.lastAnchorOffset=this.lastFocusNode=this.lastFocusOffset=null,this.polling=new P,this.composing=null,this.gracePeriod=!1,this.readDOMTimeout=null};function Wa(e,t){var n=Mn(e,t.line);if(!n||n.hidden)return null;var r=Ge(e.doc,t.line),i=Tn(n,r,t.line),o=ue(r,e.doc.direction),a="left";o&&(a=le(o,t.ch)%2?"right":"left");var l=zn(i.map,t.ch,a);return l.offset="right"==l.collapse?l.end:l.start,l}function ja(e,t){return t&&(e.bad=!0),e}function qa(e,t,n){var r;if(t==e.display.lineDiv){if(!(r=e.display.lineDiv.childNodes[n]))return ja(e.clipPos(et(e.display.viewTo-1)),!0);t=null,n=0}else for(r=t;;r=r.parentNode){if(!r||r==e.display.lineDiv)return null;if(r.parentNode&&r.parentNode==e.display.lineDiv)break}for(var i=0;i<e.display.view.length;i++){var o=e.display.view[i];if(o.node==r)return Ua(o,t,n)}}function Ua(e,t,n){var r=e.text.firstChild,i=!1;if(!t||!M(r,t))return ja(et(Ze(e.line),0),!0);if(t==r&&(i=!0,t=r.childNodes[n],n=0,!t)){var o=e.rest?X(e.rest):e.line;return ja(et(Ze(o),o.text.length),i)}var a=3==t.nodeType?t:null,l=t;for(a||1!=t.childNodes.length||3!=t.firstChild.nodeType||(a=t.firstChild,n&&(n=a.nodeValue.length));l.parentNode!=r;)l=l.parentNode;var s=e.measure,u=s.maps;function c(t,n,r){for(var i=-1;i<(u?u.length:0);i++)for(var o=i<0?s.map:u[i],a=0;a<o.length;a+=3){var l=o[a+2];if(l==t||l==n){var c=Ze(i<0?e.line:e.rest[i]),d=o[a]+r;return(r<0||l!=t)&&(d=o[a+(r?1:0)]),et(c,d)}}}var d=c(a,l,n);if(d)return ja(d,i);for(var h=l.nextSibling,f=a?a.nodeValue.length-n:0;h;h=h.nextSibling){if(d=c(h,h.firstChild,0))return ja(et(d.line,d.ch-f),i);f+=h.textContent.length}for(var p=l.previousSibling,m=n;p;p=p.previousSibling){if(d=c(p,p.firstChild,-1))return ja(et(d.line,d.ch+m),i);m+=p.textContent.length}}_a.prototype.init=function(e){var t=this,n=this,r=n.cm,i=n.div=e.lineDiv;function o(e){for(var t=e.target;t;t=t.parentNode){if(t==i)return!0;if(/\bCodeMirror-(?:line)?widget\b/.test(t.className))break}return!1}function a(e){if(o(e)&&!me(r,e)){if(r.somethingSelected())Ma({lineWise:!1,text:r.getSelections()}),"cut"==e.type&&r.replaceSelection("",null,"cut");else{if(!r.options.lineWiseCopyCut)return;var t=Ia(r);Ma({lineWise:!0,text:t.text}),"cut"==e.type&&r.operation((function(){r.setSelections(t.ranges,0,j),r.replaceSelection("",null,"cut")}))}if(e.clipboardData){e.clipboardData.clearData();var a=La.text.join("\n");if(e.clipboardData.setData("Text",a),e.clipboardData.getData("Text")==a)return void e.preventDefault()}var l=Ha(),s=l.firstChild;r.display.lineSpace.insertBefore(l,r.display.lineSpace.firstChild),s.value=La.text.join("\n");var u=B();I(s),setTimeout((function(){r.display.lineSpace.removeChild(l),u.focus(),u==i&&n.showPrimarySelection()}),50)}}i.contentEditable=!0,za(i,r.options.spellcheck,r.options.autocorrect,r.options.autocapitalize),de(i,"paste",(function(e){!o(e)||me(r,e)||Na(e,r)||l<=11&&setTimeout(ei(r,(function(){return t.updateFromDOM()})),20)})),de(i,"compositionstart",(function(e){t.composing={data:e.data,done:!1}})),de(i,"compositionupdate",(function(e){t.composing||(t.composing={data:e.data,done:!1})})),de(i,"compositionend",(function(e){t.composing&&(e.data!=t.composing.data&&t.readFromDOMSoon(),t.composing.done=!0)})),de(i,"touchstart",(function(){return n.forceCompositionEnd()})),de(i,"input",(function(){t.composing||t.readFromDOMSoon()})),de(i,"copy",a),de(i,"cut",a)},_a.prototype.screenReaderLabelChanged=function(e){e?this.div.setAttribute("aria-label",e):this.div.removeAttribute("aria-label")},_a.prototype.prepareSelection=function(){var e=vr(this.cm,!1);return e.focus=B()==this.div,e},_a.prototype.showSelection=function(e,t){e&&this.cm.display.view.length&&((e.focus||t)&&this.showPrimarySelection(),this.showMultipleSelections(e))},_a.prototype.getSelection=function(){return this.cm.display.wrapper.ownerDocument.getSelection()},_a.prototype.showPrimarySelection=function(){var e=this.getSelection(),t=this.cm,r=t.doc.sel.primary(),i=r.from(),o=r.to();if(t.display.viewTo==t.display.viewFrom||i.line>=t.display.viewTo||o.line<t.display.viewFrom)e.removeAllRanges();else{var a=qa(t,e.anchorNode,e.anchorOffset),l=qa(t,e.focusNode,e.focusOffset);if(!a||a.bad||!l||l.bad||0!=tt(ot(a,l),i)||0!=tt(it(a,l),o)){var s=t.display.view,u=i.line>=t.display.viewFrom&&Wa(t,i)||{node:s[0].measure.map[2],offset:0},c=o.line<t.display.viewTo&&Wa(t,o);if(!c){var d=s[s.length-1].measure,h=d.maps?d.maps[d.maps.length-1]:d.map;c={node:h[h.length-1],offset:h[h.length-2]-h[h.length-3]}}if(u&&c){var f,p=e.rangeCount&&e.getRangeAt(0);try{f=S(u.node,u.offset,c.offset,c.node)}catch(e){}f&&(!n&&t.state.focused?(e.collapse(u.node,u.offset),f.collapsed||(e.removeAllRanges(),e.addRange(f))):(e.removeAllRanges(),e.addRange(f)),p&&null==e.anchorNode?e.addRange(p):n&&this.startGracePeriod()),this.rememberSelection()}else e.removeAllRanges()}}},_a.prototype.startGracePeriod=function(){var e=this;clearTimeout(this.gracePeriod),this.gracePeriod=setTimeout((function(){e.gracePeriod=!1,e.selectionChanged()&&e.cm.operation((function(){return e.cm.curOp.selectionChanged=!0}))}),20)},_a.prototype.showMultipleSelections=function(e){E(this.cm.display.cursorDiv,e.cursors),E(this.cm.display.selectionDiv,e.selection)},_a.prototype.rememberSelection=function(){var e=this.getSelection();this.lastAnchorNode=e.anchorNode,this.lastAnchorOffset=e.anchorOffset,this.lastFocusNode=e.focusNode,this.lastFocusOffset=e.focusOffset},_a.prototype.selectionInEditor=function(){var e=this.getSelection();if(!e.rangeCount)return!1;var t=e.getRangeAt(0).commonAncestorContainer;return M(this.div,t)},_a.prototype.focus=function(){"nocursor"!=this.cm.options.readOnly&&(this.selectionInEditor()&&B()==this.div||this.showSelection(this.prepareSelection(),!0),this.div.focus())},_a.prototype.blur=function(){this.div.blur()},_a.prototype.getField=function(){return this.div},_a.prototype.supportsTouch=function(){return!0},_a.prototype.receivedFocus=function(){var e=this,t=this;this.selectionInEditor()?setTimeout((function(){return e.pollSelection()}),20):Jr(this.cm,(function(){return t.cm.curOp.selectionChanged=!0})),this.polling.set(this.cm.options.pollInterval,(function e(){t.cm.state.focused&&(t.pollSelection(),t.polling.set(t.cm.options.pollInterval,e))}))},_a.prototype.selectionChanged=function(){var e=this.getSelection();return e.anchorNode!=this.lastAnchorNode||e.anchorOffset!=this.lastAnchorOffset||e.focusNode!=this.lastFocusNode||e.focusOffset!=this.lastFocusOffset},_a.prototype.pollSelection=function(){if(null==this.readDOMTimeout&&!this.gracePeriod&&this.selectionChanged()){var e=this.getSelection(),t=this.cm;if(g&&c&&this.cm.display.gutterSpecs.length&&function(e){for(var t=e;t;t=t.parentNode)if(/CodeMirror-gutter-wrapper/.test(t.className))return!0;return!1}(e.anchorNode))return this.cm.triggerOnKeyDown({type:"keydown",keyCode:8,preventDefault:Math.abs}),this.blur(),void this.focus();if(!this.composing){this.rememberSelection();var n=qa(t,e.anchorNode,e.anchorOffset),r=qa(t,e.focusNode,e.focusOffset);n&&r&&Jr(t,(function(){Ji(t.doc,Si(n,r),j),(n.bad||r.bad)&&(t.curOp.selectionChanged=!0)}))}}},_a.prototype.pollContent=function(){null!=this.readDOMTimeout&&(clearTimeout(this.readDOMTimeout),this.readDOMTimeout=null);var e,t,n,r=this.cm,i=r.display,o=r.doc.sel.primary(),a=o.from(),l=o.to();if(0==a.ch&&a.line>r.firstLine()&&(a=et(a.line-1,Ge(r.doc,a.line-1).length)),l.ch==Ge(r.doc,l.line).text.length&&l.line<r.lastLine()&&(l=et(l.line+1,0)),a.line<i.viewFrom||l.line>i.viewTo-1)return!1;a.line==i.viewFrom||0==(e=cr(r,a.line))?(t=Ze(i.view[0].line),n=i.view[0].node):(t=Ze(i.view[e].line),n=i.view[e-1].node.nextSibling);var s,u,c=cr(r,l.line);if(c==i.view.length-1?(s=i.viewTo-1,u=i.lineDiv.lastChild):(s=Ze(i.view[c+1].line)-1,u=i.view[c+1].node.previousSibling),!n)return!1;for(var d=r.doc.splitLines(function(e,t,n,r,i){var o="",a=!1,l=e.doc.lineSeparator(),s=!1;function u(e){return function(t){return t.id==e}}function c(){a&&(o+=l,s&&(o+=l),a=s=!1)}function d(e){e&&(c(),o+=e)}function h(t){if(1==t.nodeType){var n=t.getAttribute("cm-text");if(n)return void d(n);var o,f=t.getAttribute("cm-marker");if(f){var p=e.findMarks(et(r,0),et(i+1,0),u(+f));return void(p.length&&(o=p[0].find(0))&&d(Ve(e.doc,o.from,o.to).join(l)))}if("false"==t.getAttribute("contenteditable"))return;var m=/^(pre|div|p|li|table|br)$/i.test(t.nodeName);if(!/^br$/i.test(t.nodeName)&&0==t.textContent.length)return;m&&c();for(var g=0;g<t.childNodes.length;g++)h(t.childNodes[g]);/^(pre|p)$/i.test(t.nodeName)&&(s=!0),m&&(a=!0)}else 3==t.nodeType&&d(t.nodeValue.replace(/\u200b/g,"").replace(/\u00a0/g," "))}for(;h(t),t!=n;)t=t.nextSibling,s=!1;return o}(r,n,u,t,s)),h=Ve(r.doc,et(t,0),et(s,Ge(r.doc,s).text.length));d.length>1&&h.length>1;)if(X(d)==X(h))d.pop(),h.pop(),s--;else{if(d[0]!=h[0])break;d.shift(),h.shift(),t++}for(var f=0,p=0,m=d[0],g=h[0],v=Math.min(m.length,g.length);f<v&&m.charCodeAt(f)==g.charCodeAt(f);)++f;for(var x=X(d),y=X(h),b=Math.min(x.length-(1==d.length?f:0),y.length-(1==h.length?f:0));p<b&&x.charCodeAt(x.length-p-1)==y.charCodeAt(y.length-p-1);)++p;if(1==d.length&&1==h.length&&t==a.line)for(;f&&f>a.ch&&x.charCodeAt(x.length-p-1)==y.charCodeAt(y.length-p-1);)f--,p++;d[d.length-1]=x.slice(0,x.length-p).replace(/^\u200b+/,""),d[0]=d[0].slice(f).replace(/\u200b+$/,"");var D=et(t,f),C=et(s,h.length?X(h).length-p:0);return d.length>1||d[0]||tt(D,C)?(mo(r.doc,d,D,C,"+input"),!0):void 0},_a.prototype.ensurePolled=function(){this.forceCompositionEnd()},_a.prototype.reset=function(){this.forceCompositionEnd()},_a.prototype.forceCompositionEnd=function(){this.composing&&(clearTimeout(this.readDOMTimeout),this.composing=null,this.updateFromDOM(),this.div.blur(),this.div.focus())},_a.prototype.readFromDOMSoon=function(){var e=this;null==this.readDOMTimeout&&(this.readDOMTimeout=setTimeout((function(){if(e.readDOMTimeout=null,e.composing){if(!e.composing.done)return;e.composing=null}e.updateFromDOM()}),80))},_a.prototype.updateFromDOM=function(){var e=this;!this.cm.isReadOnly()&&this.pollContent()||Jr(this.cm,(function(){return dr(e.cm)}))},_a.prototype.setUneditable=function(e){e.contentEditable="false"},_a.prototype.onKeyPress=function(e){0==e.charCode||this.composing||(e.preventDefault(),this.cm.isReadOnly()||ei(this.cm,Ba)(this.cm,String.fromCharCode(null==e.charCode?e.keyCode:e.charCode),0))},_a.prototype.readOnlyChanged=function(e){this.div.contentEditable=String("nocursor"!=e)},_a.prototype.onContextMenu=function(){},_a.prototype.resetPosition=function(){},_a.prototype.needsContentAttribute=!0;var $a=function(e){this.cm=e,this.prevInput="",this.pollingFast=!1,this.polling=new P,this.hasSelection=!1,this.composing=null};$a.prototype.init=function(e){var t=this,n=this,r=this.cm;this.createField(e);var i=this.textarea;function o(e){if(!me(r,e)){if(r.somethingSelected())Ma({lineWise:!1,text:r.getSelections()});else{if(!r.options.lineWiseCopyCut)return;var t=Ia(r);Ma({lineWise:!0,text:t.text}),"cut"==e.type?r.setSelections(t.ranges,null,j):(n.prevInput="",i.value=t.text.join("\n"),I(i))}"cut"==e.type&&(r.state.cutIncoming=+new Date)}}e.wrapper.insertBefore(this.wrapper,e.wrapper.firstChild),m&&(i.style.width="0px"),de(i,"input",(function(){a&&l>=9&&t.hasSelection&&(t.hasSelection=null),n.poll()})),de(i,"paste",(function(e){me(r,e)||Na(e,r)||(r.state.pasteIncoming=+new Date,n.fastPoll())})),de(i,"cut",o),de(i,"copy",o),de(e.scroller,"paste",(function(t){if(!Cn(e,t)&&!me(r,t)){if(!i.dispatchEvent)return r.state.pasteIncoming=+new Date,void n.focus();var o=new Event("paste");o.clipboardData=t.clipboardData,i.dispatchEvent(o)}})),de(e.lineSpace,"selectstart",(function(t){Cn(e,t)||ye(t)})),de(i,"compositionstart",(function(){var e=r.getCursor("from");n.composing&&n.composing.range.clear(),n.composing={start:e,range:r.markText(e,r.getCursor("to"),{className:"CodeMirror-composing"})}})),de(i,"compositionend",(function(){n.composing&&(n.poll(),n.composing.range.clear(),n.composing=null)}))},$a.prototype.createField=function(e){this.wrapper=Ha(),this.textarea=this.wrapper.firstChild},$a.prototype.screenReaderLabelChanged=function(e){e?this.textarea.setAttribute("aria-label",e):this.textarea.removeAttribute("aria-label")},$a.prototype.prepareSelection=function(){var e=this.cm,t=e.display,n=e.doc,r=vr(e);if(e.options.moveInputWithCursor){var i=Vn(e,n.sel.primary().head,"div"),o=t.wrapper.getBoundingClientRect(),a=t.lineDiv.getBoundingClientRect();r.teTop=Math.max(0,Math.min(t.wrapper.clientHeight-10,i.top+a.top-o.top)),r.teLeft=Math.max(0,Math.min(t.wrapper.clientWidth-10,i.left+a.left-o.left))}return r},$a.prototype.showSelection=function(e){var t=this.cm.display;E(t.cursorDiv,e.cursors),E(t.selectionDiv,e.selection),null!=e.teTop&&(this.wrapper.style.top=e.teTop+"px",this.wrapper.style.left=e.teLeft+"px")},$a.prototype.reset=function(e){if(!this.contextMenuPending&&!this.composing){var t=this.cm;if(t.somethingSelected()){this.prevInput="";var n=t.getSelection();this.textarea.value=n,t.state.focused&&I(this.textarea),a&&l>=9&&(this.hasSelection=n)}else e||(this.prevInput=this.textarea.value="",a&&l>=9&&(this.hasSelection=null))}},$a.prototype.getField=function(){return this.textarea},$a.prototype.supportsTouch=function(){return!1},$a.prototype.focus=function(){if("nocursor"!=this.cm.options.readOnly&&(!v||B()!=this.textarea))try{this.textarea.focus()}catch(e){}},$a.prototype.blur=function(){this.textarea.blur()},$a.prototype.resetPosition=function(){this.wrapper.style.top=this.wrapper.style.left=0},$a.prototype.receivedFocus=function(){this.slowPoll()},$a.prototype.slowPoll=function(){var e=this;this.pollingFast||this.polling.set(this.cm.options.pollInterval,(function(){e.poll(),e.cm.state.focused&&e.slowPoll()}))},$a.prototype.fastPoll=function(){var e=!1,t=this;t.pollingFast=!0,t.polling.set(20,(function n(){t.poll()||e?(t.pollingFast=!1,t.slowPoll()):(e=!0,t.polling.set(60,n))}))},$a.prototype.poll=function(){var e=this,t=this.cm,n=this.textarea,r=this.prevInput;if(this.contextMenuPending||!t.state.focused||Be(n)&&!r&&!this.composing||t.isReadOnly()||t.options.disableInput||t.state.keySeq)return!1;var i=n.value;if(i==r&&!t.somethingSelected())return!1;if(a&&l>=9&&this.hasSelection===i||x&&/[\uf700-\uf7ff]/.test(i))return t.display.input.reset(),!1;if(t.doc.sel==t.display.selForContextMenu){var o=i.charCodeAt(0);if(8203!=o||r||(r="​"),8666==o)return this.reset(),this.cm.execCommand("undo")}for(var s=0,u=Math.min(r.length,i.length);s<u&&r.charCodeAt(s)==i.charCodeAt(s);)++s;return Jr(t,(function(){Ba(t,i.slice(s),r.length-s,null,e.composing?"*compose":null),i.length>1e3||i.indexOf("\n")>-1?n.value=e.prevInput="":e.prevInput=i,e.composing&&(e.composing.range.clear(),e.composing.range=t.markText(e.composing.start,t.getCursor("to"),{className:"CodeMirror-composing"}))})),!0},$a.prototype.ensurePolled=function(){this.pollingFast&&this.poll()&&(this.pollingFast=!1)},$a.prototype.onKeyPress=function(){a&&l>=9&&(this.hasSelection=null),this.fastPoll()},$a.prototype.onContextMenu=function(e){var t=this,n=t.cm,r=n.display,i=t.textarea;t.contextMenuPending&&t.contextMenuPending();var o=ur(n,e),u=r.scroller.scrollTop;if(o&&!d){n.options.resetSelectionOnContextMenu&&-1==n.doc.sel.contains(o)&&ei(n,Ji)(n.doc,Si(o),j);var c,h=i.style.cssText,f=t.wrapper.style.cssText,p=t.wrapper.offsetParent.getBoundingClientRect();if(t.wrapper.style.cssText="position: static",i.style.cssText="position: absolute; width: 30px; height: 30px;\n      top: "+(e.clientY-p.top-5)+"px; left: "+(e.clientX-p.left-5)+"px;\n      z-index: 1000; background: "+(a?"rgba(255, 255, 255, .05)":"transparent")+";\n      outline: none; border-width: 0; outline: none; overflow: hidden; opacity: .05; filter: alpha(opacity=5);",s&&(c=window.scrollY),r.input.focus(),s&&window.scrollTo(null,c),r.input.reset(),n.somethingSelected()||(i.value=t.prevInput=" "),t.contextMenuPending=v,r.selForContextMenu=n.doc.sel,clearTimeout(r.detectingSelectAll),a&&l>=9&&g(),w){Ce(e);var m=function(){fe(window,"mouseup",m),setTimeout(v,20)};de(window,"mouseup",m)}else setTimeout(v,50)}function g(){if(null!=i.selectionStart){var e=n.somethingSelected(),o="​"+(e?i.value:"");i.value="⇚",i.value=o,t.prevInput=e?"":"​",i.selectionStart=1,i.selectionEnd=o.length,r.selForContextMenu=n.doc.sel}}function v(){if(t.contextMenuPending==v&&(t.contextMenuPending=!1,t.wrapper.style.cssText=f,i.style.cssText=h,a&&l<9&&r.scrollbars.setScrollTop(r.scroller.scrollTop=u),null!=i.selectionStart)){(!a||a&&l<9)&&g();var e=0,o=function(){r.selForContextMenu==n.doc.sel&&0==i.selectionStart&&i.selectionEnd>0&&"​"==t.prevInput?ei(n,lo)(n):e++<10?r.detectingSelectAll=setTimeout(o,500):(r.selForContextMenu=null,r.input.reset())};r.detectingSelectAll=setTimeout(o,200)}}},$a.prototype.readOnlyChanged=function(e){e||this.reset(),this.textarea.disabled="nocursor"==e,this.textarea.readOnly=!!e},$a.prototype.setUneditable=function(){},$a.prototype.needsContentAttribute=!1,function(e){var t=e.optionHandlers;function n(n,r,i,o){e.defaults[n]=r,i&&(t[n]=o?function(e,t,n){n!=Ca&&i(e,t,n)}:i)}e.defineOption=n,e.Init=Ca,n("value","",(function(e,t){return e.setValue(t)}),!0),n("mode",null,(function(e,t){e.doc.modeOption=t,Li(e)}),!0),n("indentUnit",2,Li,!0),n("indentWithTabs",!1),n("smartIndent",!0),n("tabSize",4,(function(e){Mi(e),_n(e),dr(e)}),!0),n("lineSeparator",null,(function(e,t){if(e.doc.lineSep=t,t){var n=[],r=e.doc.first;e.doc.iter((function(e){for(var i=0;;){var o=e.text.indexOf(t,i);if(-1==o)break;i=o+t.length,n.push(et(r,o))}r++}));for(var i=n.length-1;i>=0;i--)mo(e.doc,t,n[i],et(n[i].line,n[i].ch+t.length))}})),n("specialChars",/[\u0000-\u001f\u007f-\u009f\u00ad\u061c\u200b\u200e\u200f\u2028\u2029\ufeff\ufff9-\ufffc]/g,(function(e,t,n){e.state.specialChars=new RegExp(t.source+(t.test("\t")?"":"|\t"),"g"),n!=Ca&&e.refresh()})),n("specialCharPlaceholder",Qt,(function(e){return e.refresh()}),!0),n("electricChars",!0),n("inputStyle",v?"contenteditable":"textarea",(function(){throw new Error("inputStyle can not (yet) be changed in a running editor")}),!0),n("spellcheck",!1,(function(e,t){return e.getInputField().spellcheck=t}),!0),n("autocorrect",!1,(function(e,t){return e.getInputField().autocorrect=t}),!0),n("autocapitalize",!1,(function(e,t){return e.getInputField().autocapitalize=t}),!0),n("rtlMoveVisually",!b),n("wholeLineUpdateBefore",!0),n("theme","default",(function(e){Da(e),mi(e)}),!0),n("keyMap","default",(function(e,t,n){var r=Zo(t),i=n!=Ca&&Zo(n);i&&i.detach&&i.detach(e,r),r.attach&&r.attach(e,i||null)})),n("extraKeys",null),n("configureMouse",null),n("lineWrapping",!1,Fa,!0),n("gutters",[],(function(e,t){e.display.gutterSpecs=fi(t,e.options.lineNumbers),mi(e)}),!0),n("fixedGutter",!0,(function(e,t){e.display.gutters.style.left=t?ar(e.display)+"px":"0",e.refresh()}),!0),n("coverGutterNextToScrollbar",!1,(function(e){return Wr(e)}),!0),n("scrollbarStyle","native",(function(e){Ur(e),Wr(e),e.display.scrollbars.setScrollTop(e.doc.scrollTop),e.display.scrollbars.setScrollLeft(e.doc.scrollLeft)}),!0),n("lineNumbers",!1,(function(e,t){e.display.gutterSpecs=fi(e.options.gutters,t),mi(e)}),!0),n("firstLineNumber",1,mi,!0),n("lineNumberFormatter",(function(e){return e}),mi,!0),n("showCursorWhenSelecting",!1,gr,!0),n("resetSelectionOnContextMenu",!0),n("lineWiseCopyCut",!0),n("pasteLinesPerSelection",!0),n("selectionsMayTouch",!1),n("readOnly",!1,(function(e,t){"nocursor"==t&&(Sr(e),e.display.input.blur()),e.display.input.readOnlyChanged(t)})),n("screenReaderLabel",null,(function(e,t){t=""===t?null:t,e.display.input.screenReaderLabelChanged(t)})),n("disableInput",!1,(function(e,t){t||e.display.input.reset()}),!0),n("dragDrop",!0,Sa),n("allowDropFileTypes",null),n("cursorBlinkRate",530),n("cursorScrollMargin",0),n("cursorHeight",1,gr,!0),n("singleCursorHeightPerLine",!0,gr,!0),n("workTime",100),n("workDelay",100),n("flattenSpans",!0,Mi,!0),n("addModeClass",!1,Mi,!0),n("pollInterval",100),n("undoDepth",200,(function(e,t){return e.doc.history.undoDepth=t})),n("historyEventDelay",1250),n("viewportMargin",10,(function(e){return e.refresh()}),!0),n("maxHighlightLength",1e4,Mi,!0),n("moveInputWithCursor",!0,(function(e,t){t||e.display.input.resetPosition()})),n("tabindex",null,(function(e,t){return e.display.input.getField().tabIndex=t||""})),n("autofocus",null),n("direction","ltr",(function(e,t){return e.doc.setDirection(t)}),!0),n("phrases",null)}(Aa),function(e){var t=e.optionHandlers,n=e.helpers={};e.prototype={constructor:e,focus:function(){window.focus(),this.display.input.focus()},setOption:function(e,n){var r=this.options,i=r[e];r[e]==n&&"mode"!=e||(r[e]=n,t.hasOwnProperty(e)&&ei(this,t[e])(this,n,i),pe(this,"optionChange",this,e))},getOption:function(e){return this.options[e]},getDoc:function(){return this.doc},addKeyMap:function(e,t){this.state.keyMaps[t?"push":"unshift"](Zo(e))},removeKeyMap:function(e){for(var t=this.state.keyMaps,n=0;n<t.length;++n)if(t[n]==e||t[n].name==e)return t.splice(n,1),!0},addOverlay:ti((function(t,n){var r=t.token?t:e.getMode(this.options,t);if(r.startState)throw new Error("Overlays may not be stateful.");!function(e,t,n){for(var r=0,i=n(t);r<e.length&&n(e[r])<=i;)r++;e.splice(r,0,t)}(this.state.overlays,{mode:r,modeSpec:t,opaque:n&&n.opaque,priority:n&&n.priority||0},(function(e){return e.priority})),this.state.modeGen++,dr(this)})),removeOverlay:ti((function(e){for(var t=this.state.overlays,n=0;n<t.length;++n){var r=t[n].modeSpec;if(r==e||"string"==typeof e&&r.name==e)return t.splice(n,1),this.state.modeGen++,void dr(this)}})),indentLine:ti((function(e,t,n){"string"!=typeof t&&"number"!=typeof t&&(t=null==t?this.options.smartIndent?"smart":"prev":t?"add":"subtract"),Qe(this.doc,e)&&Ta(this,e,t,n)})),indentSelection:ti((function(e){for(var t=this.doc.sel.ranges,n=-1,r=0;r<t.length;r++){var i=t[r];if(i.empty())i.head.line>n&&(Ta(this,i.head.line,e,!0),n=i.head.line,r==this.doc.sel.primIndex&&Mr(this));else{var o=i.from(),a=i.to(),l=Math.max(n,o.line);n=Math.min(this.lastLine(),a.line-(a.ch?0:1))+1;for(var s=l;s<n;++s)Ta(this,s,e);var u=this.doc.sel.ranges;0==o.ch&&t.length==u.length&&u[r].from().ch>0&&Zi(this.doc,r,new wi(o,u[r].to()),j)}}})),getTokenAt:function(e,t){return xt(this,e,t)},getLineTokens:function(e,t){return xt(this,et(e),t,!0)},getTokenTypeAt:function(e){e=lt(this.doc,e);var t,n=ht(this,Ge(this.doc,e.line)),r=0,i=(n.length-1)/2,o=e.ch;if(0==o)t=n[2];else for(;;){var a=r+i>>1;if((a?n[2*a-1]:0)>=o)i=a;else{if(!(n[2*a+1]<o)){t=n[2*a+2];break}r=a+1}}var l=t?t.indexOf("overlay "):-1;return l<0?t:0==l?null:t.slice(0,l-1)},getModeAt:function(t){var n=this.doc.mode;return n.innerMode?e.innerMode(n,this.getTokenAt(t).state).mode:n},getHelper:function(e,t){return this.getHelpers(e,t)[0]},getHelpers:function(e,t){var r=[];if(!n.hasOwnProperty(t))return r;var i=n[t],o=this.getModeAt(e);if("string"==typeof o[t])i[o[t]]&&r.push(i[o[t]]);else if(o[t])for(var a=0;a<o[t].length;a++){var l=i[o[t][a]];l&&r.push(l)}else o.helperType&&i[o.helperType]?r.push(i[o.helperType]):i[o.name]&&r.push(i[o.name]);for(var s=0;s<i._global.length;s++){var u=i._global[s];u.pred(o,this)&&-1==_(r,u.val)&&r.push(u.val)}return r},getStateAfter:function(e,t){var n=this.doc;return ft(this,(e=at(n,null==e?n.first+n.size-1:e))+1,t).state},cursorCoords:function(e,t){var n=this.doc.sel.primary();return Vn(this,null==e?n.head:"object"==typeof e?lt(this.doc,e):e?n.from():n.to(),t||"page")},charCoords:function(e,t){return Gn(this,lt(this.doc,e),t||"page")},coordsChar:function(e,t){return Zn(this,(e=$n(this,e,t||"page")).left,e.top)},lineAtHeight:function(e,t){return e=$n(this,{top:e,left:0},t||"page").top,Ye(this.doc,e+this.display.viewOffset)},heightAtLine:function(e,t,n){var r,i=!1;if("number"==typeof e){var o=this.doc.first+this.doc.size-1;e<this.doc.first?e=this.doc.first:e>o&&(e=o,i=!0),r=Ge(this.doc,e)}else r=e;return Un(this,r,{top:0,left:0},t||"page",n||i).top+(i?this.doc.height-qt(r):0)},defaultTextHeight:function(){return rr(this.display)},defaultCharWidth:function(){return ir(this.display)},getViewport:function(){return{from:this.display.viewFrom,to:this.display.viewTo}},addWidget:function(e,t,n,r,i){var o,a,l,s=this.display,u=(e=Vn(this,lt(this.doc,e))).bottom,c=e.left;if(t.style.position="absolute",t.setAttribute("cm-ignore-events","true"),this.display.input.setUneditable(t),s.sizer.appendChild(t),"over"==r)u=e.top;else if("above"==r||"near"==r){var d=Math.max(s.wrapper.clientHeight,this.doc.height),h=Math.max(s.sizer.clientWidth,s.lineSpace.clientWidth);("above"==r||e.bottom+t.offsetHeight>d)&&e.top>t.offsetHeight?u=e.top-t.offsetHeight:e.bottom+t.offsetHeight<=d&&(u=e.bottom),c+t.offsetWidth>h&&(c=h-t.offsetWidth)}t.style.top=u+"px",t.style.left=t.style.right="","right"==i?(c=s.sizer.clientWidth-t.offsetWidth,t.style.right="0px"):("left"==i?c=0:"middle"==i&&(c=(s.sizer.clientWidth-t.offsetWidth)/2),t.style.left=c+"px"),n&&(o=this,a={left:c,top:u,right:c+t.offsetWidth,bottom:u+t.offsetHeight},null!=(l=Tr(o,a)).scrollTop&&Ir(o,l.scrollTop),null!=l.scrollLeft&&Hr(o,l.scrollLeft))},triggerOnKeyDown:ti(ca),triggerOnKeyPress:ti(ha),triggerOnKeyUp:da,triggerOnMouseDown:ti(ga),execCommand:function(e){if(ta.hasOwnProperty(e))return ta[e].call(null,this)},triggerElectric:ti((function(e){Oa(this,e)})),findPosH:function(e,t,n,r){var i=1;t<0&&(i=-1,t=-t);for(var o=lt(this.doc,e),a=0;a<t&&!(o=Ra(this.doc,o,i,n,r)).hitSide;++a);return o},moveH:ti((function(e,t){var n=this;this.extendSelectionsBy((function(r){return n.display.shift||n.doc.extend||r.empty()?Ra(n.doc,r.head,e,t,n.options.rtlMoveVisually):e<0?r.from():r.to()}),U)})),deleteH:ti((function(e,t){var n=this.doc.sel,r=this.doc;n.somethingSelected()?r.replaceSelection("",null,"+delete"):Yo(this,(function(n){var i=Ra(r,n.head,e,t,!1);return e<0?{from:i,to:n.head}:{from:n.head,to:i}}))})),findPosV:function(e,t,n,r){var i=1,o=r;t<0&&(i=-1,t=-t);for(var a=lt(this.doc,e),l=0;l<t;++l){var s=Vn(this,a,"div");if(null==o?o=s.left:s.left=o,(a=Pa(this,s,i,n)).hitSide)break}return a},moveV:ti((function(e,t){var n=this,r=this.doc,i=[],o=!this.display.shift&&!r.extend&&r.sel.somethingSelected();if(r.extendSelectionsBy((function(a){if(o)return e<0?a.from():a.to();var l=Vn(n,a.head,"div");null!=a.goalColumn&&(l.left=a.goalColumn),i.push(l.left);var s=Pa(n,l,e,t);return"page"==t&&a==r.sel.primary()&&Lr(n,Gn(n,s,"div").top-l.top),s}),U),i.length)for(var a=0;a<r.sel.ranges.length;a++)r.sel.ranges[a].goalColumn=i[a]})),findWordAt:function(e){var t=Ge(this.doc,e.line).text,n=e.ch,r=e.ch;if(t){var i=this.getHelper(e,"wordChars");"before"!=e.sticky&&r!=t.length||!n?++r:--n;for(var o=t.charAt(n),a=ee(o,i)?function(e){return ee(e,i)}:/\s/.test(o)?function(e){return/\s/.test(e)}:function(e){return!/\s/.test(e)&&!ee(e)};n>0&&a(t.charAt(n-1));)--n;for(;r<t.length&&a(t.charAt(r));)++r}return new wi(et(e.line,n),et(e.line,r))},toggleOverwrite:function(e){null!=e&&e==this.state.overwrite||((this.state.overwrite=!this.state.overwrite)?N(this.display.cursorDiv,"CodeMirror-overwrite"):F(this.display.cursorDiv,"CodeMirror-overwrite"),pe(this,"overwriteToggle",this,this.state.overwrite))},hasFocus:function(){return this.display.input.getField()==B()},isReadOnly:function(){return!(!this.options.readOnly&&!this.doc.cantEdit)},scrollTo:ti((function(e,t){Br(this,e,t)})),getScrollInfo:function(){var e=this.display.scroller;return{left:e.scrollLeft,top:e.scrollTop,height:e.scrollHeight-Fn(this)-this.display.barHeight,width:e.scrollWidth-Fn(this)-this.display.barWidth,clientHeight:En(this),clientWidth:An(this)}},scrollIntoView:ti((function(e,t){null==e?(e={from:this.doc.sel.primary().head,to:null},null==t&&(t=this.options.cursorScrollMargin)):"number"==typeof e?e={from:et(e,0),to:null}:null==e.from&&(e={from:e,to:null}),e.to||(e.to=e.from),e.margin=t||0,null!=e.from.line?function(e,t){Nr(e),e.curOp.scrollToPos=t}(this,e):Or(this,e.from,e.to,e.margin)})),setSize:ti((function(e,t){var n=this,r=function(e){return"number"==typeof e||/^\d+$/.test(String(e))?e+"px":e};null!=e&&(this.display.wrapper.style.width=r(e)),null!=t&&(this.display.wrapper.style.height=r(t)),this.options.lineWrapping&&Pn(this);var i=this.display.viewFrom;this.doc.iter(i,this.display.viewTo,(function(e){if(e.widgets)for(var t=0;t<e.widgets.length;t++)if(e.widgets[t].noHScroll){hr(n,i,"widget");break}++i})),this.curOp.forceUpdate=!0,pe(this,"refresh",this)})),operation:function(e){return Jr(this,e)},startOperation:function(){return Gr(this)},endOperation:function(){return Vr(this)},refresh:ti((function(){var e=this.display.cachedTextHeight;dr(this),this.curOp.forceUpdate=!0,_n(this),Br(this,this.doc.scrollLeft,this.doc.scrollTop),ui(this.display),(null==e||Math.abs(e-rr(this.display))>.5||this.options.lineWrapping)&&sr(this),pe(this,"refresh",this)})),swapDoc:ti((function(e){var t=this.doc;return t.cm=null,this.state.selectingText&&this.state.selectingText(),Ii(this,e),_n(this),this.display.input.reset(),Br(this,e.scrollLeft,e.scrollTop),this.curOp.forceScroll=!0,sn(this,"swapDoc",this,t),t})),phrase:function(e){var t=this.options.phrases;return t&&Object.prototype.hasOwnProperty.call(t,e)?t[e]:e},getInputField:function(){return this.display.input.getField()},getWrapperElement:function(){return this.display.wrapper},getScrollerElement:function(){return this.display.scroller},getGutterElement:function(){return this.display.gutters}},xe(e),e.registerHelper=function(t,r,i){n.hasOwnProperty(t)||(n[t]=e[t]={_global:[]}),n[t][r]=i},e.registerGlobalHelper=function(t,r,i,o){e.registerHelper(t,r,o),n[t]._global.push({pred:i,val:o})}}(Aa);var Ga="iter insert remove copy getEditor constructor".split(" ");for(var Va in Mo.prototype)Mo.prototype.hasOwnProperty(Va)&&_(Ga,Va)<0&&(Aa.prototype[Va]=function(e){return function(){return e.apply(this.doc,arguments)}}(Mo.prototype[Va]));return xe(Mo),Aa.inputStyles={textarea:$a,contenteditable:_a},Aa.defineMode=function(e){Aa.defaults.mode||"null"==e||(Aa.defaults.mode=e),He.apply(this,arguments)},Aa.defineMIME=function(e,t){ze[e]=t},Aa.defineMode("null",(function(){return{token:function(e){return e.skipToEnd()}}})),Aa.defineMIME("text/plain","null"),Aa.defineExtension=function(e,t){Aa.prototype[e]=t},Aa.defineDocExtension=function(e,t){Mo.prototype[e]=t},Aa.fromTextArea=function(e,t){if((t=t?H(t):{}).value=e.value,!t.tabindex&&e.tabIndex&&(t.tabindex=e.tabIndex),!t.placeholder&&e.placeholder&&(t.placeholder=e.placeholder),null==t.autofocus){var n=B();t.autofocus=n==e||null!=e.getAttribute("autofocus")&&n==document.body}function r(){e.value=l.getValue()}var i;if(e.form&&(de(e.form,"submit",r),!t.leaveSubmitMethodAlone)){var o=e.form;i=o.submit;try{var a=o.submit=function(){r(),o.submit=i,o.submit(),o.submit=a}}catch(e){}}t.finishInit=function(n){n.save=r,n.getTextArea=function(){return e},n.toTextArea=function(){n.toTextArea=isNaN,r(),e.parentNode.removeChild(n.getWrapperElement()),e.style.display="",e.form&&(fe(e.form,"submit",r),t.leaveSubmitMethodAlone||"function"!=typeof e.form.submit||(e.form.submit=i))}},e.style.display="none";var l=Aa((function(t){return e.parentNode.insertBefore(t,e.nextSibling)}),t);return l},function(e){e.off=fe,e.on=de,e.wheelEventPixels=bi,e.Doc=Mo,e.splitLines=Me,e.countColumn=R,e.findColumn=$,e.isWordChar=J,e.Pass=W,e.signal=pe,e.Line=Gt,e.changeEnd=Fi,e.scrollbarModel=qr,e.Pos=et,e.cmpPos=tt,e.modes=Ie,e.mimeModes=ze,e.resolveMode=Re,e.getMode=Pe,e.modeExtensions=_e,e.extendMode=We,e.copyState=je,e.startState=Ue,e.innerMode=qe,e.commands=ta,e.keyMap=qo,e.keyName=Ko,e.isModifierKey=Vo,e.lookupKey=Go,e.normalizeKeyMap=$o,e.StringStream=$e,e.SharedTextMarker=Ao,e.TextMarker=So,e.LineWidget=Co,e.e_preventDefault=ye,e.e_stopPropagation=be,e.e_stop=Ce,e.addClass=N,e.contains=M,e.rmClass=F,e.keyNames=Po}(Aa),Aa.version="5.65.0",Aa}))},{}],11:[function(e,t,n){var r;r=function(e){"use strict";var t=/^((?:(?:aaas?|about|acap|adiumxtra|af[ps]|aim|apt|attachment|aw|beshare|bitcoin|bolo|callto|cap|chrome(?:-extension)?|cid|coap|com-eventbrite-attendee|content|crid|cvs|data|dav|dict|dlna-(?:playcontainer|playsingle)|dns|doi|dtn|dvb|ed2k|facetime|feed|file|finger|fish|ftp|geo|gg|git|gizmoproject|go|gopher|gtalk|h323|hcp|https?|iax|icap|icon|im|imap|info|ipn|ipp|irc[6s]?|iris(?:\.beep|\.lwz|\.xpc|\.xpcs)?|itms|jar|javascript|jms|keyparc|lastfm|ldaps?|magnet|mailto|maps|market|message|mid|mms|ms-help|msnim|msrps?|mtqp|mumble|mupdate|mvn|news|nfs|nih?|nntp|notes|oid|opaquelocktoken|palm|paparazzi|platform|pop|pres|proxy|psyc|query|res(?:ource)?|rmi|rsync|rtmp|rtsp|secondlife|service|session|sftp|sgn|shttp|sieve|sips?|skype|sm[bs]|snmp|soap\.beeps?|soldat|spotify|ssh|steam|svn|tag|teamspeak|tel(?:net)?|tftp|things|thismessage|tip|tn3270|tv|udp|unreal|urn|ut2004|vemmi|ventrilo|view-source|webcal|wss?|wtai|wyciwyg|xcon(?:-userid)?|xfire|xmlrpc\.beeps?|xmpp|xri|ymsgr|z39\.50[rs]?):(?:\/{1,3}|[a-z0-9%])|www\d{0,3}[.]|[a-z0-9.\-]+[.][a-z]{2,4}\/)(?:[^\s()<>]|\([^\s()<>]*\))+(?:\([^\s()<>]*\)|[^\s`*!()\[\]{};:'".,<>?«»“”‘’]))/i;e.defineMode("gfm",(function(n,r){var i=0,o={startState:function(){return{code:!1,codeBlock:!1,ateSpace:!1}},copyState:function(e){return{code:e.code,codeBlock:e.codeBlock,ateSpace:e.ateSpace}},token:function(e,n){if(n.combineTokens=null,n.codeBlock)return e.match(/^```+/)?(n.codeBlock=!1,null):(e.skipToEnd(),null);if(e.sol()&&(n.code=!1),e.sol()&&e.match(/^```+/))return e.skipToEnd(),n.codeBlock=!0,null;if("`"===e.peek()){e.next();var o=e.pos;e.eatWhile("`");var a=1+e.pos-o;return n.code?a===i&&(n.code=!1):(i=a,n.code=!0),null}if(n.code)return e.next(),null;if(e.eatSpace())return n.ateSpace=!0,null;if((e.sol()||n.ateSpace)&&(n.ateSpace=!1,!1!==r.gitHubSpice)){if(e.match(/^(?:[a-zA-Z0-9\-_]+\/)?(?:[a-zA-Z0-9\-_]+@)?(?=.{0,6}\d)(?:[a-f0-9]{7,40}\b)/))return n.combineTokens=!0,"link";if(e.match(/^(?:[a-zA-Z0-9\-_]+\/)?(?:[a-zA-Z0-9\-_]+)?#[0-9]+\b/))return n.combineTokens=!0,"link"}return e.match(t)&&"]("!=e.string.slice(e.start-2,e.start)&&(0==e.start||/\W/.test(e.string.charAt(e.start-1)))?(n.combineTokens=!0,"link"):(e.next(),null)},blankLine:function(e){return e.code=!1,null}},a={taskLists:!0,strikethrough:!0,emoji:!0};for(var l in r)a[l]=r[l];return a.name="markdown",e.overlayMode(e.getMode(n,a),o)}),"markdown"),e.defineMIME("text/x-gfm","gfm")},"object"==typeof n&&"object"==typeof t?r(e("../../lib/codemirror"),e("../markdown/markdown"),e("../../addon/mode/overlay")):r(CodeMirror)},{"../../addon/mode/overlay":7,"../../lib/codemirror":10,"../markdown/markdown":12}],12:[function(e,t,n){var r;r=function(e){"use strict";e.defineMode("markdown",(function(t,n){var r=e.getMode(t,"text/html"),i="null"==r.name;void 0===n.highlightFormatting&&(n.highlightFormatting=!1),void 0===n.maxBlockquoteDepth&&(n.maxBlockquoteDepth=0),void 0===n.taskLists&&(n.taskLists=!1),void 0===n.strikethrough&&(n.strikethrough=!1),void 0===n.emoji&&(n.emoji=!1),void 0===n.fencedCodeBlockHighlighting&&(n.fencedCodeBlockHighlighting=!0),void 0===n.fencedCodeBlockDefaultMode&&(n.fencedCodeBlockDefaultMode="text/plain"),void 0===n.xml&&(n.xml=!0),void 0===n.tokenTypeOverrides&&(n.tokenTypeOverrides={});var o={header:"header",code:"comment",quote:"quote",list1:"variable-2",list2:"variable-3",list3:"keyword",hr:"hr",image:"image",imageAltText:"image-alt-text",imageMarker:"image-marker",formatting:"formatting",linkInline:"link",linkEmail:"link",linkText:"link",linkHref:"string",em:"em",strong:"strong",strikethrough:"strikethrough",emoji:"builtin"};for(var a in o)o.hasOwnProperty(a)&&n.tokenTypeOverrides[a]&&(o[a]=n.tokenTypeOverrides[a]);var l=/^([*\-_])(?:\s*\1){2,}\s*$/,s=/^(?:[*\-+]|^[0-9]+([.)]))\s+/,u=/^\[(x| )\](?=\s)/i,c=n.allowAtxHeaderWithoutSpace?/^(#+)/:/^(#+)(?: |$)/,d=/^ {0,3}(?:\={1,}|-{2,})\s*$/,h=/^[^#!\[\]*_\\<>` "'(~:]+/,f=/^(~~~+|```+)[ \t]*([\w\/+#-]*)[^\n`]*$/,p=/^\s*\[[^\]]+?\]:.*$/,m=/[!"#$%&'()*+,\-.\/:;<=>?@\[\\\]^_`{|}~\xA1\xA7\xAB\xB6\xB7\xBB\xBF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u0AF0\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E42\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]|\uD800[\uDD00-\uDD02\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC9\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDF3C-\uDF3E]|\uD809[\uDC70-\uDC74]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3B\uDF44]|\uD82F\uDC9F|\uD836[\uDE87-\uDE8B]/;function g(e,t,n){return t.f=t.inline=n,n(e,t)}function v(e,t,n){return t.f=t.block=n,n(e,t)}function x(t){if(t.linkTitle=!1,t.linkHref=!1,t.linkText=!1,t.em=!1,t.strong=!1,t.strikethrough=!1,t.quote=0,t.indentedCode=!1,t.f==b){var n=i;if(!n){var o=e.innerMode(r,t.htmlState);n="xml"==o.mode.name&&null===o.state.tagStart&&!o.state.context&&o.state.tokenize.isInText}n&&(t.f=k,t.block=y,t.htmlState=null)}return t.trailingSpace=0,t.trailingSpaceNewLine=!1,t.prevLine=t.thisLine,t.thisLine={stream:null},null}function y(r,i){var a,h=r.column()===i.indentation,m=!(a=i.prevLine.stream)||!/\S/.test(a.string),v=i.indentedCode,x=i.prevLine.hr,y=!1!==i.list,b=(i.listStack[i.listStack.length-1]||0)+3;i.indentedCode=!1;var w=i.indentation;if(null===i.indentationDiff&&(i.indentationDiff=i.indentation,y)){for(i.list=null;w<i.listStack[i.listStack.length-1];)i.listStack.pop(),i.listStack.length?i.indentation=i.listStack[i.listStack.length-1]:i.list=!1;!1!==i.list&&(i.indentationDiff=w-i.listStack[i.listStack.length-1])}var k=!(m||x||i.prevLine.header||y&&v||i.prevLine.fencedCodeEnd),S=(!1===i.list||x||m)&&i.indentation<=b&&r.match(l),F=null;if(i.indentationDiff>=4&&(v||i.prevLine.fencedCodeEnd||i.prevLine.header||m))return r.skipToEnd(),i.indentedCode=!0,o.code;if(r.eatSpace())return null;if(h&&i.indentation<=b&&(F=r.match(c))&&F[1].length<=6)return i.quote=0,i.header=F[1].length,i.thisLine.header=!0,n.highlightFormatting&&(i.formatting="header"),i.f=i.inline,C(i);if(i.indentation<=b&&r.eat(">"))return i.quote=h?1:i.quote+1,n.highlightFormatting&&(i.formatting="quote"),r.eatSpace(),C(i);if(!S&&!i.setext&&h&&i.indentation<=b&&(F=r.match(s))){var A=F[1]?"ol":"ul";return i.indentation=w+r.current().length,i.list=!0,i.quote=0,i.listStack.push(i.indentation),i.em=!1,i.strong=!1,i.code=!1,i.strikethrough=!1,n.taskLists&&r.match(u,!1)&&(i.taskList=!0),i.f=i.inline,n.highlightFormatting&&(i.formatting=["list","list-"+A]),C(i)}return h&&i.indentation<=b&&(F=r.match(f,!0))?(i.quote=0,i.fencedEndRE=new RegExp(F[1]+"+ *$"),i.localMode=n.fencedCodeBlockHighlighting&&function(n){if(e.findModeByName){var r=e.findModeByName(n);r&&(n=r.mime||r.mimes[0])}var i=e.getMode(t,n);return"null"==i.name?null:i}(F[2]||n.fencedCodeBlockDefaultMode),i.localMode&&(i.localState=e.startState(i.localMode)),i.f=i.block=D,n.highlightFormatting&&(i.formatting="code-block"),i.code=-1,C(i)):i.setext||!(k&&y||i.quote||!1!==i.list||i.code||S||p.test(r.string))&&(F=r.lookAhead(1))&&(F=F.match(d))?(i.setext?(i.header=i.setext,i.setext=0,r.skipToEnd(),n.highlightFormatting&&(i.formatting="header")):(i.header="="==F[0].charAt(0)?1:2,i.setext=i.header),i.thisLine.header=!0,i.f=i.inline,C(i)):S?(r.skipToEnd(),i.hr=!0,i.thisLine.hr=!0,o.hr):"["===r.peek()?g(r,i,E):g(r,i,i.inline)}function b(t,n){var o=r.token(t,n.htmlState);if(!i){var a=e.innerMode(r,n.htmlState);("xml"==a.mode.name&&null===a.state.tagStart&&!a.state.context&&a.state.tokenize.isInText||n.md_inside&&t.current().indexOf(">")>-1)&&(n.f=k,n.block=y,n.htmlState=null)}return o}function D(e,t){var r,i=t.listStack[t.listStack.length-1]||0,a=t.indentation<i,l=i+3;return t.fencedEndRE&&t.indentation<=l&&(a||e.match(t.fencedEndRE))?(n.highlightFormatting&&(t.formatting="code-block"),a||(r=C(t)),t.localMode=t.localState=null,t.block=y,t.f=k,t.fencedEndRE=null,t.code=0,t.thisLine.fencedCodeEnd=!0,a?v(e,t,t.block):r):t.localMode?t.localMode.token(e,t.localState):(e.skipToEnd(),o.code)}function C(e){var t=[];if(e.formatting){t.push(o.formatting),"string"==typeof e.formatting&&(e.formatting=[e.formatting]);for(var r=0;r<e.formatting.length;r++)t.push(o.formatting+"-"+e.formatting[r]),"header"===e.formatting[r]&&t.push(o.formatting+"-"+e.formatting[r]+"-"+e.header),"quote"===e.formatting[r]&&(!n.maxBlockquoteDepth||n.maxBlockquoteDepth>=e.quote?t.push(o.formatting+"-"+e.formatting[r]+"-"+e.quote):t.push("error"))}if(e.taskOpen)return t.push("meta"),t.length?t.join(" "):null;if(e.taskClosed)return t.push("property"),t.length?t.join(" "):null;if(e.linkHref?t.push(o.linkHref,"url"):(e.strong&&t.push(o.strong),e.em&&t.push(o.em),e.strikethrough&&t.push(o.strikethrough),e.emoji&&t.push(o.emoji),e.linkText&&t.push(o.linkText),e.code&&t.push(o.code),e.image&&t.push(o.image),e.imageAltText&&t.push(o.imageAltText,"link"),e.imageMarker&&t.push(o.imageMarker)),e.header&&t.push(o.header,o.header+"-"+e.header),e.quote&&(t.push(o.quote),!n.maxBlockquoteDepth||n.maxBlockquoteDepth>=e.quote?t.push(o.quote+"-"+e.quote):t.push(o.quote+"-"+n.maxBlockquoteDepth)),!1!==e.list){var i=(e.listStack.length-1)%3;i?1===i?t.push(o.list2):t.push(o.list3):t.push(o.list1)}return e.trailingSpaceNewLine?t.push("trailing-space-new-line"):e.trailingSpace&&t.push("trailing-space-"+(e.trailingSpace%2?"a":"b")),t.length?t.join(" "):null}function w(e,t){if(e.match(h,!0))return C(t)}function k(t,i){var a=i.text(t,i);if(void 0!==a)return a;if(i.list)return i.list=null,C(i);if(i.taskList)return" "===t.match(u,!0)[1]?i.taskOpen=!0:i.taskClosed=!0,n.highlightFormatting&&(i.formatting="task"),i.taskList=!1,C(i);if(i.taskOpen=!1,i.taskClosed=!1,i.header&&t.match(/^#+$/,!0))return n.highlightFormatting&&(i.formatting="header"),C(i);var l=t.next();if(i.linkTitle){i.linkTitle=!1;var s=l;"("===l&&(s=")");var c="^\\s*(?:[^"+(s=(s+"").replace(/([.?*+^\[\]\\(){}|-])/g,"\\$1"))+"\\\\]+|\\\\\\\\|\\\\.)"+s;if(t.match(new RegExp(c),!0))return o.linkHref}if("`"===l){var d=i.formatting;n.highlightFormatting&&(i.formatting="code"),t.eatWhile("`");var h=t.current().length;if(0!=i.code||i.quote&&1!=h){if(h==i.code){var f=C(i);return i.code=0,f}return i.formatting=d,C(i)}return i.code=h,C(i)}if(i.code)return C(i);if("\\"===l&&(t.next(),n.highlightFormatting)){var p=C(i),g=o.formatting+"-escape";return p?p+" "+g:g}if("!"===l&&t.match(/\[[^\]]*\] ?(?:\(|\[)/,!1))return i.imageMarker=!0,i.image=!0,n.highlightFormatting&&(i.formatting="image"),C(i);if("["===l&&i.imageMarker&&t.match(/[^\]]*\](\(.*?\)| ?\[.*?\])/,!1))return i.imageMarker=!1,i.imageAltText=!0,n.highlightFormatting&&(i.formatting="image"),C(i);if("]"===l&&i.imageAltText){n.highlightFormatting&&(i.formatting="image");var p=C(i);return i.imageAltText=!1,i.image=!1,i.inline=i.f=F,p}if("["===l&&!i.image)return i.linkText&&t.match(/^.*?\]/)||(i.linkText=!0,n.highlightFormatting&&(i.formatting="link")),C(i);if("]"===l&&i.linkText){n.highlightFormatting&&(i.formatting="link");var p=C(i);return i.linkText=!1,i.inline=i.f=t.match(/\(.*?\)| ?\[.*?\]/,!1)?F:k,p}if("<"===l&&t.match(/^(https?|ftps?):\/\/(?:[^\\>]|\\.)+>/,!1))return i.f=i.inline=S,n.highlightFormatting&&(i.formatting="link"),(p=C(i))?p+=" ":p="",p+o.linkInline;if("<"===l&&t.match(/^[^> \\]+@(?:[^\\>]|\\.)+>/,!1))return i.f=i.inline=S,n.highlightFormatting&&(i.formatting="link"),(p=C(i))?p+=" ":p="",p+o.linkEmail;if(n.xml&&"<"===l&&t.match(/^(!--|\?|!\[CDATA\[|[a-z][a-z0-9-]*(?:\s+[a-z_:.\-]+(?:\s*=\s*[^>]+)?)*\s*(?:>|$))/i,!1)){var x=t.string.indexOf(">",t.pos);if(-1!=x){var y=t.string.substring(t.start,x);/markdown\s*=\s*('|"){0,1}1('|"){0,1}/.test(y)&&(i.md_inside=!0)}return t.backUp(1),i.htmlState=e.startState(r),v(t,i,b)}if(n.xml&&"<"===l&&t.match(/^\/\w*?>/))return i.md_inside=!1,"tag";if("*"===l||"_"===l){for(var D=1,w=1==t.pos?" ":t.string.charAt(t.pos-2);D<3&&t.eat(l);)D++;var A=t.peek()||" ",E=!/\s/.test(A)&&(!m.test(A)||/\s/.test(w)||m.test(w)),T=!/\s/.test(w)&&(!m.test(w)||/\s/.test(A)||m.test(A)),L=null,M=null;if(D%2&&(i.em||!E||"*"!==l&&T&&!m.test(w)?i.em!=l||!T||"*"!==l&&E&&!m.test(A)||(L=!1):L=!0),D>1&&(i.strong||!E||"*"!==l&&T&&!m.test(w)?i.strong!=l||!T||"*"!==l&&E&&!m.test(A)||(M=!1):M=!0),null!=M||null!=L)return n.highlightFormatting&&(i.formatting=null==L?"strong":null==M?"em":"strong em"),!0===L&&(i.em=l),!0===M&&(i.strong=l),f=C(i),!1===L&&(i.em=!1),!1===M&&(i.strong=!1),f}else if(" "===l&&(t.eat("*")||t.eat("_"))){if(" "===t.peek())return C(i);t.backUp(1)}if(n.strikethrough)if("~"===l&&t.eatWhile(l)){if(i.strikethrough)return n.highlightFormatting&&(i.formatting="strikethrough"),f=C(i),i.strikethrough=!1,f;if(t.match(/^[^\s]/,!1))return i.strikethrough=!0,n.highlightFormatting&&(i.formatting="strikethrough"),C(i)}else if(" "===l&&t.match("~~",!0)){if(" "===t.peek())return C(i);t.backUp(2)}if(n.emoji&&":"===l&&t.match(/^(?:[a-z_\d+][a-z_\d+-]*|\-[a-z_\d+][a-z_\d+-]*):/)){i.emoji=!0,n.highlightFormatting&&(i.formatting="emoji");var B=C(i);return i.emoji=!1,B}return" "===l&&(t.match(/^ +$/,!1)?i.trailingSpace++:i.trailingSpace&&(i.trailingSpaceNewLine=!0)),C(i)}function S(e,t){if(">"===e.next()){t.f=t.inline=k,n.highlightFormatting&&(t.formatting="link");var r=C(t);return r?r+=" ":r="",r+o.linkInline}return e.match(/^[^>]+/,!0),o.linkInline}function F(e,t){if(e.eatSpace())return null;var r,i=e.next();return"("===i||"["===i?(t.f=t.inline=(r="("===i?")":"]",function(e,t){if(e.next()===r){t.f=t.inline=k,n.highlightFormatting&&(t.formatting="link-string");var i=C(t);return t.linkHref=!1,i}return e.match(A[r]),t.linkHref=!0,C(t)}),n.highlightFormatting&&(t.formatting="link-string"),t.linkHref=!0,C(t)):"error"}var A={")":/^(?:[^\\\(\)]|\\.|\((?:[^\\\(\)]|\\.)*\))*?(?=\))/,"]":/^(?:[^\\\[\]]|\\.|\[(?:[^\\\[\]]|\\.)*\])*?(?=\])/};function E(e,t){return e.match(/^([^\]\\]|\\.)*\]:/,!1)?(t.f=T,e.next(),n.highlightFormatting&&(t.formatting="link"),t.linkText=!0,C(t)):g(e,t,k)}function T(e,t){if(e.match("]:",!0)){t.f=t.inline=L,n.highlightFormatting&&(t.formatting="link");var r=C(t);return t.linkText=!1,r}return e.match(/^([^\]\\]|\\.)+/,!0),o.linkText}function L(e,t){return e.eatSpace()?null:(e.match(/^[^\s]+/,!0),void 0===e.peek()?t.linkTitle=!0:e.match(/^(?:\s+(?:"(?:[^"\\]|\\.)+"|'(?:[^'\\]|\\.)+'|\((?:[^)\\]|\\.)+\)))?/,!0),t.f=t.inline=k,o.linkHref+" url")}var M={startState:function(){return{f:y,prevLine:{stream:null},thisLine:{stream:null},block:y,htmlState:null,indentation:0,inline:k,text:w,formatting:!1,linkText:!1,linkHref:!1,linkTitle:!1,code:0,em:!1,strong:!1,header:0,setext:0,hr:!1,taskList:!1,list:!1,listStack:[],quote:0,trailingSpace:0,trailingSpaceNewLine:!1,strikethrough:!1,emoji:!1,fencedEndRE:null}},copyState:function(t){return{f:t.f,prevLine:t.prevLine,thisLine:t.thisLine,block:t.block,htmlState:t.htmlState&&e.copyState(r,t.htmlState),indentation:t.indentation,localMode:t.localMode,localState:t.localMode?e.copyState(t.localMode,t.localState):null,inline:t.inline,text:t.text,formatting:!1,linkText:t.linkText,linkTitle:t.linkTitle,linkHref:t.linkHref,code:t.code,em:t.em,strong:t.strong,strikethrough:t.strikethrough,emoji:t.emoji,header:t.header,setext:t.setext,hr:t.hr,taskList:t.taskList,list:t.list,listStack:t.listStack.slice(0),quote:t.quote,indentedCode:t.indentedCode,trailingSpace:t.trailingSpace,trailingSpaceNewLine:t.trailingSpaceNewLine,md_inside:t.md_inside,fencedEndRE:t.fencedEndRE}},token:function(e,t){if(t.formatting=!1,e!=t.thisLine.stream){if(t.header=0,t.hr=!1,e.match(/^\s*$/,!0))return x(t),null;if(t.prevLine=t.thisLine,t.thisLine={stream:e},t.taskList=!1,t.trailingSpace=0,t.trailingSpaceNewLine=!1,!t.localState&&(t.f=t.block,t.f!=b)){var n=e.match(/^\s*/,!0)[0].replace(/\t/g,"    ").length;if(t.indentation=n,t.indentationDiff=null,n>0)return null}}return t.f(e,t)},innerMode:function(e){return e.block==b?{state:e.htmlState,mode:r}:e.localState?{state:e.localState,mode:e.localMode}:{state:e,mode:M}},indent:function(t,n,i){return t.block==b&&r.indent?r.indent(t.htmlState,n,i):t.localState&&t.localMode.indent?t.localMode.indent(t.localState,n,i):e.Pass},blankLine:x,getType:C,blockCommentStart:"\x3c!--",blockCommentEnd:"--\x3e",closeBrackets:"()[]{}''\"\"``",fold:"markdown"};return M}),"xml"),e.defineMIME("text/markdown","markdown"),e.defineMIME("text/x-markdown","markdown")},"object"==typeof n&&"object"==typeof t?r(e("../../lib/codemirror"),e("../xml/xml"),e("../meta")):r(CodeMirror)},{"../../lib/codemirror":10,"../meta":13,"../xml/xml":14}],13:[function(e,t,n){(function(e){"use strict";e.modeInfo=[{name:"APL",mime:"text/apl",mode:"apl",ext:["dyalog","apl"]},{name:"PGP",mimes:["application/pgp","application/pgp-encrypted","application/pgp-keys","application/pgp-signature"],mode:"asciiarmor",ext:["asc","pgp","sig"]},{name:"ASN.1",mime:"text/x-ttcn-asn",mode:"asn.1",ext:["asn","asn1"]},{name:"Asterisk",mime:"text/x-asterisk",mode:"asterisk",file:/^extensions\.conf$/i},{name:"Brainfuck",mime:"text/x-brainfuck",mode:"brainfuck",ext:["b","bf"]},{name:"C",mime:"text/x-csrc",mode:"clike",ext:["c","h","ino"]},{name:"C++",mime:"text/x-c++src",mode:"clike",ext:["cpp","c++","cc","cxx","hpp","h++","hh","hxx"],alias:["cpp"]},{name:"Cobol",mime:"text/x-cobol",mode:"cobol",ext:["cob","cpy","cbl"]},{name:"C#",mime:"text/x-csharp",mode:"clike",ext:["cs"],alias:["csharp","cs"]},{name:"Clojure",mime:"text/x-clojure",mode:"clojure",ext:["clj","cljc","cljx"]},{name:"ClojureScript",mime:"text/x-clojurescript",mode:"clojure",ext:["cljs"]},{name:"Closure Stylesheets (GSS)",mime:"text/x-gss",mode:"css",ext:["gss"]},{name:"CMake",mime:"text/x-cmake",mode:"cmake",ext:["cmake","cmake.in"],file:/^CMakeLists\.txt$/},{name:"CoffeeScript",mimes:["application/vnd.coffeescript","text/coffeescript","text/x-coffeescript"],mode:"coffeescript",ext:["coffee"],alias:["coffee","coffee-script"]},{name:"Common Lisp",mime:"text/x-common-lisp",mode:"commonlisp",ext:["cl","lisp","el"],alias:["lisp"]},{name:"Cypher",mime:"application/x-cypher-query",mode:"cypher",ext:["cyp","cypher"]},{name:"Cython",mime:"text/x-cython",mode:"python",ext:["pyx","pxd","pxi"]},{name:"Crystal",mime:"text/x-crystal",mode:"crystal",ext:["cr"]},{name:"CSS",mime:"text/css",mode:"css",ext:["css"]},{name:"CQL",mime:"text/x-cassandra",mode:"sql",ext:["cql"]},{name:"D",mime:"text/x-d",mode:"d",ext:["d"]},{name:"Dart",mimes:["application/dart","text/x-dart"],mode:"dart",ext:["dart"]},{name:"diff",mime:"text/x-diff",mode:"diff",ext:["diff","patch"]},{name:"Django",mime:"text/x-django",mode:"django"},{name:"Dockerfile",mime:"text/x-dockerfile",mode:"dockerfile",file:/^Dockerfile$/},{name:"DTD",mime:"application/xml-dtd",mode:"dtd",ext:["dtd"]},{name:"Dylan",mime:"text/x-dylan",mode:"dylan",ext:["dylan","dyl","intr"]},{name:"EBNF",mime:"text/x-ebnf",mode:"ebnf"},{name:"ECL",mime:"text/x-ecl",mode:"ecl",ext:["ecl"]},{name:"edn",mime:"application/edn",mode:"clojure",ext:["edn"]},{name:"Eiffel",mime:"text/x-eiffel",mode:"eiffel",ext:["e"]},{name:"Elm",mime:"text/x-elm",mode:"elm",ext:["elm"]},{name:"Embedded JavaScript",mime:"application/x-ejs",mode:"htmlembedded",ext:["ejs"]},{name:"Embedded Ruby",mime:"application/x-erb",mode:"htmlembedded",ext:["erb"]},{name:"Erlang",mime:"text/x-erlang",mode:"erlang",ext:["erl"]},{name:"Esper",mime:"text/x-esper",mode:"sql"},{name:"Factor",mime:"text/x-factor",mode:"factor",ext:["factor"]},{name:"FCL",mime:"text/x-fcl",mode:"fcl"},{name:"Forth",mime:"text/x-forth",mode:"forth",ext:["forth","fth","4th"]},{name:"Fortran",mime:"text/x-fortran",mode:"fortran",ext:["f","for","f77","f90","f95"]},{name:"F#",mime:"text/x-fsharp",mode:"mllike",ext:["fs"],alias:["fsharp"]},{name:"Gas",mime:"text/x-gas",mode:"gas",ext:["s"]},{name:"Gherkin",mime:"text/x-feature",mode:"gherkin",ext:["feature"]},{name:"GitHub Flavored Markdown",mime:"text/x-gfm",mode:"gfm",file:/^(readme|contributing|history)\.md$/i},{name:"Go",mime:"text/x-go",mode:"go",ext:["go"]},{name:"Groovy",mime:"text/x-groovy",mode:"groovy",ext:["groovy","gradle"],file:/^Jenkinsfile$/},{name:"HAML",mime:"text/x-haml",mode:"haml",ext:["haml"]},{name:"Haskell",mime:"text/x-haskell",mode:"haskell",ext:["hs"]},{name:"Haskell (Literate)",mime:"text/x-literate-haskell",mode:"haskell-literate",ext:["lhs"]},{name:"Haxe",mime:"text/x-haxe",mode:"haxe",ext:["hx"]},{name:"HXML",mime:"text/x-hxml",mode:"haxe",ext:["hxml"]},{name:"ASP.NET",mime:"application/x-aspx",mode:"htmlembedded",ext:["aspx"],alias:["asp","aspx"]},{name:"HTML",mime:"text/html",mode:"htmlmixed",ext:["html","htm","handlebars","hbs"],alias:["xhtml"]},{name:"HTTP",mime:"message/http",mode:"http"},{name:"IDL",mime:"text/x-idl",mode:"idl",ext:["pro"]},{name:"Pug",mime:"text/x-pug",mode:"pug",ext:["jade","pug"],alias:["jade"]},{name:"Java",mime:"text/x-java",mode:"clike",ext:["java"]},{name:"Java Server Pages",mime:"application/x-jsp",mode:"htmlembedded",ext:["jsp"],alias:["jsp"]},{name:"JavaScript",mimes:["text/javascript","text/ecmascript","application/javascript","application/x-javascript","application/ecmascript"],mode:"javascript",ext:["js"],alias:["ecmascript","js","node"]},{name:"JSON",mimes:["application/json","application/x-json"],mode:"javascript",ext:["json","map"],alias:["json5"]},{name:"JSON-LD",mime:"application/ld+json",mode:"javascript",ext:["jsonld"],alias:["jsonld"]},{name:"JSX",mime:"text/jsx",mode:"jsx",ext:["jsx"]},{name:"Jinja2",mime:"text/jinja2",mode:"jinja2",ext:["j2","jinja","jinja2"]},{name:"Julia",mime:"text/x-julia",mode:"julia",ext:["jl"],alias:["jl"]},{name:"Kotlin",mime:"text/x-kotlin",mode:"clike",ext:["kt"]},{name:"LESS",mime:"text/x-less",mode:"css",ext:["less"]},{name:"LiveScript",mime:"text/x-livescript",mode:"livescript",ext:["ls"],alias:["ls"]},{name:"Lua",mime:"text/x-lua",mode:"lua",ext:["lua"]},{name:"Markdown",mime:"text/x-markdown",mode:"markdown",ext:["markdown","md","mkd"]},{name:"mIRC",mime:"text/mirc",mode:"mirc"},{name:"MariaDB SQL",mime:"text/x-mariadb",mode:"sql"},{name:"Mathematica",mime:"text/x-mathematica",mode:"mathematica",ext:["m","nb","wl","wls"]},{name:"Modelica",mime:"text/x-modelica",mode:"modelica",ext:["mo"]},{name:"MUMPS",mime:"text/x-mumps",mode:"mumps",ext:["mps"]},{name:"MS SQL",mime:"text/x-mssql",mode:"sql"},{name:"mbox",mime:"application/mbox",mode:"mbox",ext:["mbox"]},{name:"MySQL",mime:"text/x-mysql",mode:"sql"},{name:"Nginx",mime:"text/x-nginx-conf",mode:"nginx",file:/nginx.*\.conf$/i},{name:"NSIS",mime:"text/x-nsis",mode:"nsis",ext:["nsh","nsi"]},{name:"NTriples",mimes:["application/n-triples","application/n-quads","text/n-triples"],mode:"ntriples",ext:["nt","nq"]},{name:"Objective-C",mime:"text/x-objectivec",mode:"clike",ext:["m"],alias:["objective-c","objc"]},{name:"Objective-C++",mime:"text/x-objectivec++",mode:"clike",ext:["mm"],alias:["objective-c++","objc++"]},{name:"OCaml",mime:"text/x-ocaml",mode:"mllike",ext:["ml","mli","mll","mly"]},{name:"Octave",mime:"text/x-octave",mode:"octave",ext:["m"]},{name:"Oz",mime:"text/x-oz",mode:"oz",ext:["oz"]},{name:"Pascal",mime:"text/x-pascal",mode:"pascal",ext:["p","pas"]},{name:"PEG.js",mime:"null",mode:"pegjs",ext:["jsonld"]},{name:"Perl",mime:"text/x-perl",mode:"perl",ext:["pl","pm"]},{name:"PHP",mimes:["text/x-php","application/x-httpd-php","application/x-httpd-php-open"],mode:"php",ext:["php","php3","php4","php5","php7","phtml"]},{name:"Pig",mime:"text/x-pig",mode:"pig",ext:["pig"]},{name:"Plain Text",mime:"text/plain",mode:"null",ext:["txt","text","conf","def","list","log"]},{name:"PLSQL",mime:"text/x-plsql",mode:"sql",ext:["pls"]},{name:"PostgreSQL",mime:"text/x-pgsql",mode:"sql"},{name:"PowerShell",mime:"application/x-powershell",mode:"powershell",ext:["ps1","psd1","psm1"]},{name:"Properties files",mime:"text/x-properties",mode:"properties",ext:["properties","ini","in"],alias:["ini","properties"]},{name:"ProtoBuf",mime:"text/x-protobuf",mode:"protobuf",ext:["proto"]},{name:"Python",mime:"text/x-python",mode:"python",ext:["BUILD","bzl","py","pyw"],file:/^(BUCK|BUILD)$/},{name:"Puppet",mime:"text/x-puppet",mode:"puppet",ext:["pp"]},{name:"Q",mime:"text/x-q",mode:"q",ext:["q"]},{name:"R",mime:"text/x-rsrc",mode:"r",ext:["r","R"],alias:["rscript"]},{name:"reStructuredText",mime:"text/x-rst",mode:"rst",ext:["rst"],alias:["rst"]},{name:"RPM Changes",mime:"text/x-rpm-changes",mode:"rpm"},{name:"RPM Spec",mime:"text/x-rpm-spec",mode:"rpm",ext:["spec"]},{name:"Ruby",mime:"text/x-ruby",mode:"ruby",ext:["rb"],alias:["jruby","macruby","rake","rb","rbx"]},{name:"Rust",mime:"text/x-rustsrc",mode:"rust",ext:["rs"]},{name:"SAS",mime:"text/x-sas",mode:"sas",ext:["sas"]},{name:"Sass",mime:"text/x-sass",mode:"sass",ext:["sass"]},{name:"Scala",mime:"text/x-scala",mode:"clike",ext:["scala"]},{name:"Scheme",mime:"text/x-scheme",mode:"scheme",ext:["scm","ss"]},{name:"SCSS",mime:"text/x-scss",mode:"css",ext:["scss"]},{name:"Shell",mimes:["text/x-sh","application/x-sh"],mode:"shell",ext:["sh","ksh","bash"],alias:["bash","sh","zsh"],file:/^PKGBUILD$/},{name:"Sieve",mime:"application/sieve",mode:"sieve",ext:["siv","sieve"]},{name:"Slim",mimes:["text/x-slim","application/x-slim"],mode:"slim",ext:["slim"]},{name:"Smalltalk",mime:"text/x-stsrc",mode:"smalltalk",ext:["st"]},{name:"Smarty",mime:"text/x-smarty",mode:"smarty",ext:["tpl"]},{name:"Solr",mime:"text/x-solr",mode:"solr"},{name:"SML",mime:"text/x-sml",mode:"mllike",ext:["sml","sig","fun","smackspec"]},{name:"Soy",mime:"text/x-soy",mode:"soy",ext:["soy"],alias:["closure template"]},{name:"SPARQL",mime:"application/sparql-query",mode:"sparql",ext:["rq","sparql"],alias:["sparul"]},{name:"Spreadsheet",mime:"text/x-spreadsheet",mode:"spreadsheet",alias:["excel","formula"]},{name:"SQL",mime:"text/x-sql",mode:"sql",ext:["sql"]},{name:"SQLite",mime:"text/x-sqlite",mode:"sql"},{name:"Squirrel",mime:"text/x-squirrel",mode:"clike",ext:["nut"]},{name:"Stylus",mime:"text/x-styl",mode:"stylus",ext:["styl"]},{name:"Swift",mime:"text/x-swift",mode:"swift",ext:["swift"]},{name:"sTeX",mime:"text/x-stex",mode:"stex"},{name:"LaTeX",mime:"text/x-latex",mode:"stex",ext:["text","ltx","tex"],alias:["tex"]},{name:"SystemVerilog",mime:"text/x-systemverilog",mode:"verilog",ext:["v","sv","svh"]},{name:"Tcl",mime:"text/x-tcl",mode:"tcl",ext:["tcl"]},{name:"Textile",mime:"text/x-textile",mode:"textile",ext:["textile"]},{name:"TiddlyWiki",mime:"text/x-tiddlywiki",mode:"tiddlywiki"},{name:"Tiki wiki",mime:"text/tiki",mode:"tiki"},{name:"TOML",mime:"text/x-toml",mode:"toml",ext:["toml"]},{name:"Tornado",mime:"text/x-tornado",mode:"tornado"},{name:"troff",mime:"text/troff",mode:"troff",ext:["1","2","3","4","5","6","7","8","9"]},{name:"TTCN",mime:"text/x-ttcn",mode:"ttcn",ext:["ttcn","ttcn3","ttcnpp"]},{name:"TTCN_CFG",mime:"text/x-ttcn-cfg",mode:"ttcn-cfg",ext:["cfg"]},{name:"Turtle",mime:"text/turtle",mode:"turtle",ext:["ttl"]},{name:"TypeScript",mime:"application/typescript",mode:"javascript",ext:["ts"],alias:["ts"]},{name:"TypeScript-JSX",mime:"text/typescript-jsx",mode:"jsx",ext:["tsx"],alias:["tsx"]},{name:"Twig",mime:"text/x-twig",mode:"twig"},{name:"Web IDL",mime:"text/x-webidl",mode:"webidl",ext:["webidl"]},{name:"VB.NET",mime:"text/x-vb",mode:"vb",ext:["vb"]},{name:"VBScript",mime:"text/vbscript",mode:"vbscript",ext:["vbs"]},{name:"Velocity",mime:"text/velocity",mode:"velocity",ext:["vtl"]},{name:"Verilog",mime:"text/x-verilog",mode:"verilog",ext:["v"]},{name:"VHDL",mime:"text/x-vhdl",mode:"vhdl",ext:["vhd","vhdl"]},{name:"Vue.js Component",mimes:["script/x-vue","text/x-vue"],mode:"vue",ext:["vue"]},{name:"XML",mimes:["application/xml","text/xml"],mode:"xml",ext:["xml","xsl","xsd","svg"],alias:["rss","wsdl","xsd"]},{name:"XQuery",mime:"application/xquery",mode:"xquery",ext:["xy","xquery"]},{name:"Yacas",mime:"text/x-yacas",mode:"yacas",ext:["ys"]},{name:"YAML",mimes:["text/x-yaml","text/yaml"],mode:"yaml",ext:["yaml","yml"],alias:["yml"]},{name:"Z80",mime:"text/x-z80",mode:"z80",ext:["z80"]},{name:"mscgen",mime:"text/x-mscgen",mode:"mscgen",ext:["mscgen","mscin","msc"]},{name:"xu",mime:"text/x-xu",mode:"mscgen",ext:["xu"]},{name:"msgenny",mime:"text/x-msgenny",mode:"mscgen",ext:["msgenny"]},{name:"WebAssembly",mime:"text/webassembly",mode:"wast",ext:["wat","wast"]}];for(var t=0;t<e.modeInfo.length;t++){var n=e.modeInfo[t];n.mimes&&(n.mime=n.mimes[0])}e.findModeByMIME=function(t){t=t.toLowerCase();for(var n=0;n<e.modeInfo.length;n++){var r=e.modeInfo[n];if(r.mime==t)return r;if(r.mimes)for(var i=0;i<r.mimes.length;i++)if(r.mimes[i]==t)return r}return/\+xml$/.test(t)?e.findModeByMIME("application/xml"):/\+json$/.test(t)?e.findModeByMIME("application/json"):void 0},e.findModeByExtension=function(t){t=t.toLowerCase();for(var n=0;n<e.modeInfo.length;n++){var r=e.modeInfo[n];if(r.ext)for(var i=0;i<r.ext.length;i++)if(r.ext[i]==t)return r}},e.findModeByFileName=function(t){for(var n=0;n<e.modeInfo.length;n++){var r=e.modeInfo[n];if(r.file&&r.file.test(t))return r}var i=t.lastIndexOf("."),o=i>-1&&t.substring(i+1,t.length);if(o)return e.findModeByExtension(o)},e.findModeByName=function(t){t=t.toLowerCase();for(var n=0;n<e.modeInfo.length;n++){var r=e.modeInfo[n];if(r.name.toLowerCase()==t)return r;if(r.alias)for(var i=0;i<r.alias.length;i++)if(r.alias[i].toLowerCase()==t)return r}}})("object"==typeof n&&"object"==typeof t?e("../lib/codemirror"):CodeMirror)},{"../lib/codemirror":10}],14:[function(e,t,n){(function(e){"use strict";var t={autoSelfClosers:{area:!0,base:!0,br:!0,col:!0,command:!0,embed:!0,frame:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0,menuitem:!0},implicitlyClosed:{dd:!0,li:!0,optgroup:!0,option:!0,p:!0,rp:!0,rt:!0,tbody:!0,td:!0,tfoot:!0,th:!0,tr:!0},contextGrabbers:{dd:{dd:!0,dt:!0},dt:{dd:!0,dt:!0},li:{li:!0},option:{option:!0,optgroup:!0},optgroup:{optgroup:!0},p:{address:!0,article:!0,aside:!0,blockquote:!0,dir:!0,div:!0,dl:!0,fieldset:!0,footer:!0,form:!0,h1:!0,h2:!0,h3:!0,h4:!0,h5:!0,h6:!0,header:!0,hgroup:!0,hr:!0,menu:!0,nav:!0,ol:!0,p:!0,pre:!0,section:!0,table:!0,ul:!0},rp:{rp:!0,rt:!0},rt:{rp:!0,rt:!0},tbody:{tbody:!0,tfoot:!0},td:{td:!0,th:!0},tfoot:{tbody:!0},th:{td:!0,th:!0},thead:{tbody:!0,tfoot:!0},tr:{tr:!0}},doNotIndent:{pre:!0},allowUnquoted:!0,allowMissing:!0,caseFold:!0},n={autoSelfClosers:{},implicitlyClosed:{},contextGrabbers:{},doNotIndent:{},allowUnquoted:!1,allowMissing:!1,allowMissingTagName:!1,caseFold:!1};e.defineMode("xml",(function(r,i){var o,a,l=r.indentUnit,s={},u=i.htmlMode?t:n;for(var c in u)s[c]=u[c];for(var c in i)s[c]=i[c];function d(e,t){function n(n){return t.tokenize=n,n(e,t)}var r=e.next();return"<"==r?e.eat("!")?e.eat("[")?e.match("CDATA[")?n(f("atom","]]>")):null:e.match("--")?n(f("comment","--\x3e")):e.match("DOCTYPE",!0,!0)?(e.eatWhile(/[\w\._\-]/),n(p(1))):null:e.eat("?")?(e.eatWhile(/[\w\._\-]/),t.tokenize=f("meta","?>"),"meta"):(o=e.eat("/")?"closeTag":"openTag",t.tokenize=h,"tag bracket"):"&"==r?(e.eat("#")?e.eat("x")?e.eatWhile(/[a-fA-F\d]/)&&e.eat(";"):e.eatWhile(/[\d]/)&&e.eat(";"):e.eatWhile(/[\w\.\-:]/)&&e.eat(";"))?"atom":"error":(e.eatWhile(/[^&<]/),null)}function h(e,t){var n,r,i=e.next();if(">"==i||"/"==i&&e.eat(">"))return t.tokenize=d,o=">"==i?"endTag":"selfcloseTag","tag bracket";if("="==i)return o="equals",null;if("<"==i){t.tokenize=d,t.state=y,t.tagName=t.tagStart=null;var a=t.tokenize(e,t);return a?a+" tag error":"tag error"}return/[\'\"]/.test(i)?(t.tokenize=(n=i,r=function(e,t){for(;!e.eol();)if(e.next()==n){t.tokenize=h;break}return"string"},r.isInAttribute=!0,r),t.stringStartCol=e.column(),t.tokenize(e,t)):(e.match(/^[^\s\u00a0=<>\"\']*[^\s\u00a0=<>\"\'\/]/),"word")}function f(e,t){return function(n,r){for(;!n.eol();){if(n.match(t)){r.tokenize=d;break}n.next()}return e}}function p(e){return function(t,n){for(var r;null!=(r=t.next());){if("<"==r)return n.tokenize=p(e+1),n.tokenize(t,n);if(">"==r){if(1==e){n.tokenize=d;break}return n.tokenize=p(e-1),n.tokenize(t,n)}}return"meta"}}function m(e){return e&&e.toLowerCase()}function g(e,t,n){this.prev=e.context,this.tagName=t||"",this.indent=e.indented,this.startOfLine=n,(s.doNotIndent.hasOwnProperty(t)||e.context&&e.context.noIndent)&&(this.noIndent=!0)}function v(e){e.context&&(e.context=e.context.prev)}function x(e,t){for(var n;;){if(!e.context)return;if(n=e.context.tagName,!s.contextGrabbers.hasOwnProperty(m(n))||!s.contextGrabbers[m(n)].hasOwnProperty(m(t)))return;v(e)}}function y(e,t,n){return"openTag"==e?(n.tagStart=t.column(),b):"closeTag"==e?D:y}function b(e,t,n){return"word"==e?(n.tagName=t.current(),a="tag",k):s.allowMissingTagName&&"endTag"==e?(a="tag bracket",k(e,0,n)):(a="error",b)}function D(e,t,n){if("word"==e){var r=t.current();return n.context&&n.context.tagName!=r&&s.implicitlyClosed.hasOwnProperty(m(n.context.tagName))&&v(n),n.context&&n.context.tagName==r||!1===s.matchClosing?(a="tag",C):(a="tag error",w)}return s.allowMissingTagName&&"endTag"==e?(a="tag bracket",C(e,0,n)):(a="error",w)}function C(e,t,n){return"endTag"!=e?(a="error",C):(v(n),y)}function w(e,t,n){return a="error",C(e,0,n)}function k(e,t,n){if("word"==e)return a="attribute",S;if("endTag"==e||"selfcloseTag"==e){var r=n.tagName,i=n.tagStart;return n.tagName=n.tagStart=null,"selfcloseTag"==e||s.autoSelfClosers.hasOwnProperty(m(r))?x(n,r):(x(n,r),n.context=new g(n,r,i==n.indented)),y}return a="error",k}function S(e,t,n){return"equals"==e?F:(s.allowMissing||(a="error"),k(e,0,n))}function F(e,t,n){return"string"==e?A:"word"==e&&s.allowUnquoted?(a="string",k):(a="error",k(e,0,n))}function A(e,t,n){return"string"==e?A:k(e,0,n)}return d.isInText=!0,{startState:function(e){var t={tokenize:d,state:y,indented:e||0,tagName:null,tagStart:null,context:null};return null!=e&&(t.baseIndent=e),t},token:function(e,t){if(!t.tagName&&e.sol()&&(t.indented=e.indentation()),e.eatSpace())return null;o=null;var n=t.tokenize(e,t);return(n||o)&&"comment"!=n&&(a=null,t.state=t.state(o||n,e,t),a&&(n="error"==a?n+" error":a)),n},indent:function(t,n,r){var i=t.context;if(t.tokenize.isInAttribute)return t.tagStart==t.indented?t.stringStartCol+1:t.indented+l;if(i&&i.noIndent)return e.Pass;if(t.tokenize!=h&&t.tokenize!=d)return r?r.match(/^(\s*)/)[0].length:0;if(t.tagName)return!1!==s.multilineTagIndentPastTag?t.tagStart+t.tagName.length+2:t.tagStart+l*(s.multilineTagIndentFactor||1);if(s.alignCDATA&&/<!\[CDATA\[/.test(n))return 0;var o=n&&/^<(\/)?([\w_:\.-]*)/.exec(n);if(o&&o[1])for(;i;){if(i.tagName==o[2]){i=i.prev;break}if(!s.implicitlyClosed.hasOwnProperty(m(i.tagName)))break;i=i.prev}else if(o)for(;i;){var a=s.contextGrabbers[m(i.tagName)];if(!a||!a.hasOwnProperty(m(o[2])))break;i=i.prev}for(;i&&i.prev&&!i.startOfLine;)i=i.prev;return i?i.indent+l:t.baseIndent||0},electricInput:/<\/[\s\w:]+>$/,blockCommentStart:"\x3c!--",blockCommentEnd:"--\x3e",configuration:s.htmlMode?"html":"xml",helperType:s.htmlMode?"html":"xml",skipAttribute:function(e){e.state==F&&(e.state=k)},xmlCurrentTag:function(e){return e.tagName?{name:e.tagName,close:"closeTag"==e.type}:null},xmlCurrentContext:function(e){for(var t=[],n=e.context;n;n=n.prev)t.push(n.tagName);return t.reverse()}}})),e.defineMIME("text/xml","xml"),e.defineMIME("application/xml","xml"),e.mimeModes.hasOwnProperty("text/html")||e.defineMIME("text/html",{name:"xml",htmlMode:!0})})("object"==typeof n&&"object"==typeof t?e("../../lib/codemirror"):CodeMirror)},{"../../lib/codemirror":10}],15:[function(e,t,n){!function(e,r){"object"==typeof n&&void 0!==t?r(n):r((e="undefined"!=typeof globalThis?globalThis:e||self).marked={})}(this,(function(e){"use strict";function t(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function r(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var i=0;return function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function i(){return{baseUrl:null,breaks:!1,extensions:null,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:null,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tokenizer:null,walkTokens:null,xhtml:!1}}e.defaults={baseUrl:null,breaks:!1,extensions:null,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:null,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tokenizer:null,walkTokens:null,xhtml:!1};var o=/[&<>"']/,a=/[&<>"']/g,l=/[<>"']|&(?!#?\w+;)/,s=/[<>"']|&(?!#?\w+;)/g,u={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},c=function(e){return u[e]};function d(e,t){if(t){if(o.test(e))return e.replace(a,c)}else if(l.test(e))return e.replace(s,c);return e}var h=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/gi;function f(e){return e.replace(h,(function(e,t){return"colon"===(t=t.toLowerCase())?":":"#"===t.charAt(0)?"x"===t.charAt(1)?String.fromCharCode(parseInt(t.substring(2),16)):String.fromCharCode(+t.substring(1)):""}))}var p=/(^|[^\[])\^/g;function m(e,t){e=e.source||e,t=t||"";var n={replace:function(t,r){return r=(r=r.source||r).replace(p,"$1"),e=e.replace(t,r),n},getRegex:function(){return new RegExp(e,t)}};return n}var g=/[^\w:]/g,v=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;function x(e,t,n){if(e){var r;try{r=decodeURIComponent(f(n)).replace(g,"").toLowerCase()}catch(e){return null}if(0===r.indexOf("javascript:")||0===r.indexOf("vbscript:")||0===r.indexOf("data:"))return null}t&&!v.test(n)&&(n=function(e,t){y[" "+e]||(b.test(e)?y[" "+e]=e+"/":y[" "+e]=F(e,"/",!0));var n=-1===(e=y[" "+e]).indexOf(":");return"//"===t.substring(0,2)?n?t:e.replace(D,"$1")+t:"/"===t.charAt(0)?n?t:e.replace(C,"$1")+t:e+t}(t,n));try{n=encodeURI(n).replace(/%25/g,"%")}catch(e){return null}return n}var y={},b=/^[^:]+:\/*[^/]*$/,D=/^([^:]+:)[\s\S]*$/,C=/^([^:]+:\/*[^/]*)[\s\S]*$/;var w={exec:function(){}};function k(e){for(var t,n,r=1;r<arguments.length;r++)for(n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}function S(e,t){var n=e.replace(/\|/g,(function(e,t,n){for(var r=!1,i=t;--i>=0&&"\\"===n[i];)r=!r;return r?"|":" |"})).split(/ \|/),r=0;if(n[0].trim()||n.shift(),n[n.length-1].trim()||n.pop(),n.length>t)n.splice(t);else for(;n.length<t;)n.push("");for(;r<n.length;r++)n[r]=n[r].trim().replace(/\\\|/g,"|");return n}function F(e,t,n){var r=e.length;if(0===r)return"";for(var i=0;i<r;){var o=e.charAt(r-i-1);if(o!==t||n){if(o===t||!n)break;i++}else i++}return e.substr(0,r-i)}function A(e){e&&e.sanitize&&!e.silent&&console.warn("marked(): sanitize and sanitizer parameters are deprecated since version 0.7.0, should not be used and will be removed in the future. Read more here: https://marked.js.org/#/USING_ADVANCED.md#options")}function E(e,t){if(t<1)return"";for(var n="";t>1;)1&t&&(n+=e),t>>=1,e+=e;return n+e}function T(e,t,n,r){var i=t.href,o=t.title?d(t.title):null,a=e[1].replace(/\\([\[\]])/g,"$1");if("!"!==e[0].charAt(0)){r.state.inLink=!0;var l={type:"link",raw:n,href:i,title:o,text:a,tokens:r.inlineTokens(a,[])};return r.state.inLink=!1,l}return{type:"image",raw:n,href:i,title:o,text:d(a)}}var L=function(){function t(t){this.options=t||e.defaults}var n=t.prototype;return n.space=function(e){var t=this.rules.block.newline.exec(e);if(t&&t[0].length>0)return{type:"space",raw:t[0]}},n.code=function(e){var t=this.rules.block.code.exec(e);if(t){var n=t[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:t[0],codeBlockStyle:"indented",text:this.options.pedantic?n:F(n,"\n")}}},n.fences=function(e){var t=this.rules.block.fences.exec(e);if(t){var n=t[0],r=function(e,t){var n=e.match(/^(\s+)(?:```)/);if(null===n)return t;var r=n[1];return t.split("\n").map((function(e){var t=e.match(/^\s+/);return null===t?e:t[0].length>=r.length?e.slice(r.length):e})).join("\n")}(n,t[3]||"");return{type:"code",raw:n,lang:t[2]?t[2].trim():t[2],text:r}}},n.heading=function(e){var t=this.rules.block.heading.exec(e);if(t){var n=t[2].trim();if(/#$/.test(n)){var r=F(n,"#");this.options.pedantic?n=r.trim():r&&!/ $/.test(r)||(n=r.trim())}var i={type:"heading",raw:t[0],depth:t[1].length,text:n,tokens:[]};return this.lexer.inline(i.text,i.tokens),i}},n.hr=function(e){var t=this.rules.block.hr.exec(e);if(t)return{type:"hr",raw:t[0]}},n.blockquote=function(e){var t=this.rules.block.blockquote.exec(e);if(t){var n=t[0].replace(/^ *> ?/gm,"");return{type:"blockquote",raw:t[0],tokens:this.lexer.blockTokens(n,[]),text:n}}},n.list=function(e){var t=this.rules.block.list.exec(e);if(t){var n,i,o,a,l,s,u,c,d,h,f,p,m=t[1].trim(),g=m.length>1,v={type:"list",raw:"",ordered:g,start:g?+m.slice(0,-1):"",loose:!1,items:[]};m=g?"\\d{1,9}\\"+m.slice(-1):"\\"+m,this.options.pedantic&&(m=g?m:"[*+-]");for(var x=new RegExp("^( {0,3}"+m+")((?: [^\\n]*)?(?:\\n|$))");e&&(p=!1,t=x.exec(e))&&!this.rules.block.hr.test(e);){if(n=t[0],e=e.substring(n.length),c=t[2].split("\n",1)[0],d=e.split("\n",1)[0],this.options.pedantic?(a=2,f=c.trimLeft()):(a=(a=t[2].search(/[^ ]/))>4?1:a,f=c.slice(a),a+=t[1].length),s=!1,!c&&/^ *$/.test(d)&&(n+=d+"\n",e=e.substring(d.length+1),p=!0),!p)for(var y=new RegExp("^ {0,"+Math.min(3,a-1)+"}(?:[*+-]|\\d{1,9}[.)])");e&&(c=h=e.split("\n",1)[0],this.options.pedantic&&(c=c.replace(/^ {1,4}(?=( {4})*[^ ])/g,"  ")),!y.test(c));){if(c.search(/[^ ]/)>=a||!c.trim())f+="\n"+c.slice(a);else{if(s)break;f+="\n"+c}s||c.trim()||(s=!0),n+=h+"\n",e=e.substring(h.length+1)}v.loose||(u?v.loose=!0:/\n *\n *$/.test(n)&&(u=!0)),this.options.gfm&&(i=/^\[[ xX]\] /.exec(f))&&(o="[ ] "!==i[0],f=f.replace(/^\[[ xX]\] +/,"")),v.items.push({type:"list_item",raw:n,task:!!i,checked:o,loose:!1,text:f}),v.raw+=n}v.items[v.items.length-1].raw=n.trimRight(),v.items[v.items.length-1].text=f.trimRight(),v.raw=v.raw.trimRight();var b=v.items.length;for(l=0;l<b;l++){this.lexer.state.top=!1,v.items[l].tokens=this.lexer.blockTokens(v.items[l].text,[]);var D=v.items[l].tokens.filter((function(e){return"space"===e.type})),C=D.every((function(e){for(var t,n=0,i=r(e.raw.split(""));!(t=i()).done;){if("\n"===t.value&&(n+=1),n>1)return!0}return!1}));!v.loose&&D.length&&C&&(v.loose=!0,v.items[l].loose=!0)}return v}},n.html=function(e){var t=this.rules.block.html.exec(e);if(t){var n={type:"html",raw:t[0],pre:!this.options.sanitizer&&("pre"===t[1]||"script"===t[1]||"style"===t[1]),text:t[0]};return this.options.sanitize&&(n.type="paragraph",n.text=this.options.sanitizer?this.options.sanitizer(t[0]):d(t[0]),n.tokens=[],this.lexer.inline(n.text,n.tokens)),n}},n.def=function(e){var t=this.rules.block.def.exec(e);if(t)return t[3]&&(t[3]=t[3].substring(1,t[3].length-1)),{type:"def",tag:t[1].toLowerCase().replace(/\s+/g," "),raw:t[0],href:t[2],title:t[3]}},n.table=function(e){var t=this.rules.block.table.exec(e);if(t){var n={type:"table",header:S(t[1]).map((function(e){return{text:e}})),align:t[2].replace(/^ *|\| *$/g,"").split(/ *\| */),rows:t[3]?t[3].replace(/\n[ \t]*$/,"").split("\n"):[]};if(n.header.length===n.align.length){n.raw=t[0];var r,i,o,a,l=n.align.length;for(r=0;r<l;r++)/^ *-+: *$/.test(n.align[r])?n.align[r]="right":/^ *:-+: *$/.test(n.align[r])?n.align[r]="center":/^ *:-+ *$/.test(n.align[r])?n.align[r]="left":n.align[r]=null;for(l=n.rows.length,r=0;r<l;r++)n.rows[r]=S(n.rows[r],n.header.length).map((function(e){return{text:e}}));for(l=n.header.length,i=0;i<l;i++)n.header[i].tokens=[],this.lexer.inlineTokens(n.header[i].text,n.header[i].tokens);for(l=n.rows.length,i=0;i<l;i++)for(a=n.rows[i],o=0;o<a.length;o++)a[o].tokens=[],this.lexer.inlineTokens(a[o].text,a[o].tokens);return n}}},n.lheading=function(e){var t=this.rules.block.lheading.exec(e);if(t){var n={type:"heading",raw:t[0],depth:"="===t[2].charAt(0)?1:2,text:t[1],tokens:[]};return this.lexer.inline(n.text,n.tokens),n}},n.paragraph=function(e){var t=this.rules.block.paragraph.exec(e);if(t){var n={type:"paragraph",raw:t[0],text:"\n"===t[1].charAt(t[1].length-1)?t[1].slice(0,-1):t[1],tokens:[]};return this.lexer.inline(n.text,n.tokens),n}},n.text=function(e){var t=this.rules.block.text.exec(e);if(t){var n={type:"text",raw:t[0],text:t[0],tokens:[]};return this.lexer.inline(n.text,n.tokens),n}},n.escape=function(e){var t=this.rules.inline.escape.exec(e);if(t)return{type:"escape",raw:t[0],text:d(t[1])}},n.tag=function(e){var t=this.rules.inline.tag.exec(e);if(t)return!this.lexer.state.inLink&&/^<a /i.test(t[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&/^<\/a>/i.test(t[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(t[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(t[0])&&(this.lexer.state.inRawBlock=!1),{type:this.options.sanitize?"text":"html",raw:t[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(t[0]):d(t[0]):t[0]}},n.link=function(e){var t=this.rules.inline.link.exec(e);if(t){var n=t[2].trim();if(!this.options.pedantic&&/^</.test(n)){if(!/>$/.test(n))return;var r=F(n.slice(0,-1),"\\");if((n.length-r.length)%2==0)return}else{var i=function(e,t){if(-1===e.indexOf(t[1]))return-1;for(var n=e.length,r=0,i=0;i<n;i++)if("\\"===e[i])i++;else if(e[i]===t[0])r++;else if(e[i]===t[1]&&--r<0)return i;return-1}(t[2],"()");if(i>-1){var o=(0===t[0].indexOf("!")?5:4)+t[1].length+i;t[2]=t[2].substring(0,i),t[0]=t[0].substring(0,o).trim(),t[3]=""}}var a=t[2],l="";if(this.options.pedantic){var s=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(a);s&&(a=s[1],l=s[3])}else l=t[3]?t[3].slice(1,-1):"";return a=a.trim(),/^</.test(a)&&(a=this.options.pedantic&&!/>$/.test(n)?a.slice(1):a.slice(1,-1)),T(t,{href:a?a.replace(this.rules.inline._escapes,"$1"):a,title:l?l.replace(this.rules.inline._escapes,"$1"):l},t[0],this.lexer)}},n.reflink=function(e,t){var n;if((n=this.rules.inline.reflink.exec(e))||(n=this.rules.inline.nolink.exec(e))){var r=(n[2]||n[1]).replace(/\s+/g," ");if(!(r=t[r.toLowerCase()])||!r.href){var i=n[0].charAt(0);return{type:"text",raw:i,text:i}}return T(n,r,n[0],this.lexer)}},n.emStrong=function(e,t,n){void 0===n&&(n="");var r=this.rules.inline.emStrong.lDelim.exec(e);if(r&&(!r[3]||!n.match(/(?:[0-9A-Za-z\xAA\xB2\xB3\xB5\xB9\xBA\xBC-\xBE\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0560-\u0588\u05D0-\u05EA\u05EF-\u05F2\u0620-\u064A\u0660-\u0669\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07C0-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u0870-\u0887\u0889-\u088E\u08A0-\u08C9\u0904-\u0939\u093D\u0950\u0958-\u0961\u0966-\u096F\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09E6-\u09F1\u09F4-\u09F9\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A66-\u0A6F\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AE6-\u0AEF\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B66-\u0B6F\u0B71-\u0B77\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0BE6-\u0BF2\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C5D\u0C60\u0C61\u0C66-\u0C6F\u0C78-\u0C7E\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDD\u0CDE\u0CE0\u0CE1\u0CE6-\u0CEF\u0CF1\u0CF2\u0D04-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D58-\u0D61\u0D66-\u0D78\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0DE6-\u0DEF\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E50-\u0E59\u0E81\u0E82\u0E84\u0E86-\u0E8A\u0E8C-\u0EA3\u0EA5\u0EA7-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0ED0-\u0ED9\u0EDC-\u0EDF\u0F00\u0F20-\u0F33\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F-\u1049\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u1090-\u1099\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1369-\u137C\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u1711\u171F-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1820-\u1878\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1946-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u19D0-\u19DA\u1A00-\u1A16\u1A20-\u1A54\u1A80-\u1A89\u1A90-\u1A99\u1AA7\u1B05-\u1B33\u1B45-\u1B4C\u1B50-\u1B59\u1B83-\u1BA0\u1BAE-\u1BE5\u1C00-\u1C23\u1C40-\u1C49\u1C4D-\u1C7D\u1C80-\u1C88\u1C90-\u1CBA\u1CBD-\u1CBF\u1CE9-\u1CEC\u1CEE-\u1CF3\u1CF5\u1CF6\u1CFA\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2070\u2071\u2074-\u2079\u207F-\u2089\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2150-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2C00-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2CFD\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312F\u3131-\u318E\u3192-\u3195\u31A0-\u31BF\u31F0-\u31FF\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\u3400-\u4DBF\u4E00-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6EF\uA717-\uA71F\uA722-\uA788\uA78B-\uA7CA\uA7D0\uA7D1\uA7D3\uA7D5-\uA7D9\uA7F2-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA830-\uA835\uA840-\uA873\uA882-\uA8B3\uA8D0-\uA8D9\uA8F2-\uA8F7\uA8FB\uA8FD\uA8FE\uA900-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF-\uA9D9\uA9E0-\uA9E4\uA9E6-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA50-\uAA59\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB69\uAB70-\uABE2\uABF0-\uABF9\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF10-\uFF19\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDE80-\uDE9C\uDEA0-\uDED0\uDEE1-\uDEFB\uDF00-\uDF23\uDF2D-\uDF4A\uDF50-\uDF75\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF\uDFD1-\uDFD5]|\uD801[\uDC00-\uDC9D\uDCA0-\uDCA9\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDD70-\uDD7A\uDD7C-\uDD8A\uDD8C-\uDD92\uDD94\uDD95\uDD97-\uDDA1\uDDA3-\uDDB1\uDDB3-\uDDB9\uDDBB\uDDBC\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67\uDF80-\uDF85\uDF87-\uDFB0\uDFB2-\uDFBA]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC58-\uDC76\uDC79-\uDC9E\uDCA7-\uDCAF\uDCE0-\uDCF2\uDCF4\uDCF5\uDCFB-\uDD1B\uDD20-\uDD39\uDD80-\uDDB7\uDDBC-\uDDCF\uDDD2-\uDE00\uDE10-\uDE13\uDE15-\uDE17\uDE19-\uDE35\uDE40-\uDE48\uDE60-\uDE7E\uDE80-\uDE9F\uDEC0-\uDEC7\uDEC9-\uDEE4\uDEEB-\uDEEF\uDF00-\uDF35\uDF40-\uDF55\uDF58-\uDF72\uDF78-\uDF91\uDFA9-\uDFAF]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2\uDCFA-\uDD23\uDD30-\uDD39\uDE60-\uDE7E\uDE80-\uDEA9\uDEB0\uDEB1\uDF00-\uDF27\uDF30-\uDF45\uDF51-\uDF54\uDF70-\uDF81\uDFB0-\uDFCB\uDFE0-\uDFF6]|\uD804[\uDC03-\uDC37\uDC52-\uDC6F\uDC71\uDC72\uDC75\uDC83-\uDCAF\uDCD0-\uDCE8\uDCF0-\uDCF9\uDD03-\uDD26\uDD36-\uDD3F\uDD44\uDD47\uDD50-\uDD72\uDD76\uDD83-\uDDB2\uDDC1-\uDDC4\uDDD0-\uDDDA\uDDDC\uDDE1-\uDDF4\uDE00-\uDE11\uDE13-\uDE2B\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEDE\uDEF0-\uDEF9\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3D\uDF50\uDF5D-\uDF61]|\uD805[\uDC00-\uDC34\uDC47-\uDC4A\uDC50-\uDC59\uDC5F-\uDC61\uDC80-\uDCAF\uDCC4\uDCC5\uDCC7\uDCD0-\uDCD9\uDD80-\uDDAE\uDDD8-\uDDDB\uDE00-\uDE2F\uDE44\uDE50-\uDE59\uDE80-\uDEAA\uDEB8\uDEC0-\uDEC9\uDF00-\uDF1A\uDF30-\uDF3B\uDF40-\uDF46]|\uD806[\uDC00-\uDC2B\uDCA0-\uDCF2\uDCFF-\uDD06\uDD09\uDD0C-\uDD13\uDD15\uDD16\uDD18-\uDD2F\uDD3F\uDD41\uDD50-\uDD59\uDDA0-\uDDA7\uDDAA-\uDDD0\uDDE1\uDDE3\uDE00\uDE0B-\uDE32\uDE3A\uDE50\uDE5C-\uDE89\uDE9D\uDEB0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC2E\uDC40\uDC50-\uDC6C\uDC72-\uDC8F\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD30\uDD46\uDD50-\uDD59\uDD60-\uDD65\uDD67\uDD68\uDD6A-\uDD89\uDD98\uDDA0-\uDDA9\uDEE0-\uDEF2\uDFB0\uDFC0-\uDFD4]|\uD808[\uDC00-\uDF99]|\uD809[\uDC00-\uDC6E\uDC80-\uDD43]|\uD80B[\uDF90-\uDFF0]|[\uD80C\uD81C-\uD820\uD822\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879\uD880-\uD883][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2E]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDE60-\uDE69\uDE70-\uDEBE\uDEC0-\uDEC9\uDED0-\uDEED\uDF00-\uDF2F\uDF40-\uDF43\uDF50-\uDF59\uDF5B-\uDF61\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDE40-\uDE96\uDF00-\uDF4A\uDF50\uDF93-\uDF9F\uDFE0\uDFE1\uDFE3]|\uD821[\uDC00-\uDFF7]|\uD823[\uDC00-\uDCD5\uDD00-\uDD08]|\uD82B[\uDFF0-\uDFF3\uDFF5-\uDFFB\uDFFD\uDFFE]|\uD82C[\uDC00-\uDD22\uDD50-\uDD52\uDD64-\uDD67\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99]|\uD834[\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB\uDFCE-\uDFFF]|\uD837[\uDF00-\uDF1E]|\uD838[\uDD00-\uDD2C\uDD37-\uDD3D\uDD40-\uDD49\uDD4E\uDE90-\uDEAD\uDEC0-\uDEEB\uDEF0-\uDEF9]|\uD839[\uDFE0-\uDFE6\uDFE8-\uDFEB\uDFED\uDFEE\uDFF0-\uDFFE]|\uD83A[\uDC00-\uDCC4\uDCC7-\uDCCF\uDD00-\uDD43\uDD4B\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9]|\uD869[\uDC00-\uDEDF\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF38\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|\uD87E[\uDC00-\uDE1D]|\uD884[\uDC00-\uDF4A])/))){var i=r[1]||r[2]||"";if(!i||i&&(""===n||this.rules.inline.punctuation.exec(n))){var o,a,l=r[0].length-1,s=l,u=0,c="*"===r[0][0]?this.rules.inline.emStrong.rDelimAst:this.rules.inline.emStrong.rDelimUnd;for(c.lastIndex=0,t=t.slice(-1*e.length+l);null!=(r=c.exec(t));)if(o=r[1]||r[2]||r[3]||r[4]||r[5]||r[6])if(a=o.length,r[3]||r[4])s+=a;else if(!((r[5]||r[6])&&l%3)||(l+a)%3){if(!((s-=a)>0)){if(a=Math.min(a,a+s+u),Math.min(l,a)%2){var d=e.slice(1,l+r.index+a);return{type:"em",raw:e.slice(0,l+r.index+a+1),text:d,tokens:this.lexer.inlineTokens(d,[])}}var h=e.slice(2,l+r.index+a-1);return{type:"strong",raw:e.slice(0,l+r.index+a+1),text:h,tokens:this.lexer.inlineTokens(h,[])}}}else u+=a}}},n.codespan=function(e){var t=this.rules.inline.code.exec(e);if(t){var n=t[2].replace(/\n/g," "),r=/[^ ]/.test(n),i=/^ /.test(n)&&/ $/.test(n);return r&&i&&(n=n.substring(1,n.length-1)),n=d(n,!0),{type:"codespan",raw:t[0],text:n}}},n.br=function(e){var t=this.rules.inline.br.exec(e);if(t)return{type:"br",raw:t[0]}},n.del=function(e){var t=this.rules.inline.del.exec(e);if(t)return{type:"del",raw:t[0],text:t[2],tokens:this.lexer.inlineTokens(t[2],[])}},n.autolink=function(e,t){var n,r,i=this.rules.inline.autolink.exec(e);if(i)return r="@"===i[2]?"mailto:"+(n=d(this.options.mangle?t(i[1]):i[1])):n=d(i[1]),{type:"link",raw:i[0],text:n,href:r,tokens:[{type:"text",raw:n,text:n}]}},n.url=function(e,t){var n;if(n=this.rules.inline.url.exec(e)){var r,i;if("@"===n[2])i="mailto:"+(r=d(this.options.mangle?t(n[0]):n[0]));else{var o;do{o=n[0],n[0]=this.rules.inline._backpedal.exec(n[0])[0]}while(o!==n[0]);r=d(n[0]),i="www."===n[1]?"http://"+r:r}return{type:"link",raw:n[0],text:r,href:i,tokens:[{type:"text",raw:r,text:r}]}}},n.inlineText=function(e,t){var n,r=this.rules.inline.text.exec(e);if(r)return n=this.lexer.state.inRawBlock?this.options.sanitize?this.options.sanitizer?this.options.sanitizer(r[0]):d(r[0]):r[0]:d(this.options.smartypants?t(r[0]):r[0]),{type:"text",raw:r[0],text:n}},t}(),M={newline:/^(?: *(?:\n|$))+/,code:/^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/,fences:/^ {0,3}(`{3,}(?=[^`\n]*\n)|~{3,})([^\n]*)\n(?:|([\s\S]*?)\n)(?: {0,3}\1[~`]* *(?=\n|$)|$)/,hr:/^ {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\* *){3,})(?:\n+|$)/,heading:/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,blockquote:/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,list:/^( {0,3}bull)( [^\n]+?)?(?:\n|$)/,html:"^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))",def:/^ {0,3}\[(label)\]: *(?:\n *)?<?([^\s>]+)>?(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/,table:w,lheading:/^([^\n]+)\n {0,3}(=+|-+) *(?:\n+|$)/,_paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/,text:/^[^\n]+/,_label:/(?!\s*\])(?:\\.|[^\[\]\\])+/,_title:/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/};M.def=m(M.def).replace("label",M._label).replace("title",M._title).getRegex(),M.bullet=/(?:[*+-]|\d{1,9}[.)])/,M.listItemStart=m(/^( *)(bull) */).replace("bull",M.bullet).getRegex(),M.list=m(M.list).replace(/bull/g,M.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+M.def.source+")").getRegex(),M._tag="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",M._comment=/<!--(?!-?>)[\s\S]*?(?:-->|$)/,M.html=m(M.html,"i").replace("comment",M._comment).replace("tag",M._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),M.paragraph=m(M._paragraph).replace("hr",M.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("|table","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",M._tag).getRegex(),M.blockquote=m(M.blockquote).replace("paragraph",M.paragraph).getRegex(),M.normal=k({},M),M.gfm=k({},M.normal,{table:"^ *([^\\n ].*\\|.*)\\n {0,3}(?:\\| *)?(:?-+:? *(?:\\| *:?-+:? *)*)(?:\\| *)?(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"}),M.gfm.table=m(M.gfm.table).replace("hr",M.hr).replace("heading"," {0,3}#{1,6} ").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",M._tag).getRegex(),M.gfm.paragraph=m(M._paragraph).replace("hr",M.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("table",M.gfm.table).replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",M._tag).getRegex(),M.pedantic=k({},M.normal,{html:m("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",M._comment).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:w,paragraph:m(M.normal._paragraph).replace("hr",M.hr).replace("heading"," *#{1,6} *[^\n]").replace("lheading",M.lheading).replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").getRegex()});var B={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:w,tag:"^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>",link:/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/,reflink:/^!?\[(label)\]\[(ref)\]/,nolink:/^!?\[(ref)\](?:\[\])?/,reflinkSearch:"reflink|nolink(?!\\()",emStrong:{lDelim:/^(?:\*+(?:([punct_])|[^\s*]))|^_+(?:([punct*])|([^\s_]))/,rDelimAst:/^[^_*]*?\_\_[^_*]*?\*[^_*]*?(?=\_\_)|[punct_](\*+)(?=[\s]|$)|[^punct*_\s](\*+)(?=[punct_\s]|$)|[punct_\s](\*+)(?=[^punct*_\s])|[\s](\*+)(?=[punct_])|[punct_](\*+)(?=[punct_])|[^punct*_\s](\*+)(?=[^punct*_\s])/,rDelimUnd:/^[^_*]*?\*\*[^_*]*?\_[^_*]*?(?=\*\*)|[punct*](\_+)(?=[\s]|$)|[^punct*_\s](\_+)(?=[punct*\s]|$)|[punct*\s](\_+)(?=[^punct*_\s])|[\s](\_+)(?=[punct*])|[punct*](\_+)(?=[punct*])/},code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,br:/^( {2,}|\\)\n(?!\s*$)/,del:w,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\spunctuation])/};function N(e){return e.replace(/---/g,"—").replace(/--/g,"–").replace(/(^|[-\u2014/(\[{"\s])'/g,"$1‘").replace(/'/g,"’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g,"$1“").replace(/"/g,"”").replace(/\.{3}/g,"…")}function O(e){var t,n,r="",i=e.length;for(t=0;t<i;t++)n=e.charCodeAt(t),Math.random()>.5&&(n="x"+n.toString(16)),r+="&#"+n+";";return r}B._punctuation="!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~",B.punctuation=m(B.punctuation).replace(/punctuation/g,B._punctuation).getRegex(),B.blockSkip=/\[[^\]]*?\]\([^\)]*?\)|`[^`]*?`|<[^>]*?>/g,B.escapedEmSt=/\\\*|\\_/g,B._comment=m(M._comment).replace("(?:--\x3e|$)","--\x3e").getRegex(),B.emStrong.lDelim=m(B.emStrong.lDelim).replace(/punct/g,B._punctuation).getRegex(),B.emStrong.rDelimAst=m(B.emStrong.rDelimAst,"g").replace(/punct/g,B._punctuation).getRegex(),B.emStrong.rDelimUnd=m(B.emStrong.rDelimUnd,"g").replace(/punct/g,B._punctuation).getRegex(),B._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g,B._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,B._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,B.autolink=m(B.autolink).replace("scheme",B._scheme).replace("email",B._email).getRegex(),B._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/,B.tag=m(B.tag).replace("comment",B._comment).replace("attribute",B._attribute).getRegex(),B._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,B._href=/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/,B._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/,B.link=m(B.link).replace("label",B._label).replace("href",B._href).replace("title",B._title).getRegex(),B.reflink=m(B.reflink).replace("label",B._label).replace("ref",M._label).getRegex(),B.nolink=m(B.nolink).replace("ref",M._label).getRegex(),B.reflinkSearch=m(B.reflinkSearch,"g").replace("reflink",B.reflink).replace("nolink",B.nolink).getRegex(),B.normal=k({},B),B.pedantic=k({},B.normal,{strong:{start:/^__|\*\*/,middle:/^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,endAst:/\*\*(?!\*)/g,endUnd:/__(?!_)/g},em:{start:/^_|\*/,middle:/^()\*(?=\S)([\s\S]*?\S)\*(?!\*)|^_(?=\S)([\s\S]*?\S)_(?!_)/,endAst:/\*(?!\*)/g,endUnd:/_(?!_)/g},link:m(/^!?\[(label)\]\((.*?)\)/).replace("label",B._label).getRegex(),reflink:m(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",B._label).getRegex()}),B.gfm=k({},B.normal,{escape:m(B.escape).replace("])","~|])").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/}),B.gfm.url=m(B.gfm.url,"i").replace("email",B.gfm._extended_email).getRegex(),B.breaks=k({},B.gfm,{br:m(B.br).replace("{2,}","*").getRegex(),text:m(B.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()});var I=function(){function n(t){this.tokens=[],this.tokens.links=Object.create(null),this.options=t||e.defaults,this.options.tokenizer=this.options.tokenizer||new L,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};var n={block:M.normal,inline:B.normal};this.options.pedantic?(n.block=M.pedantic,n.inline=B.pedantic):this.options.gfm&&(n.block=M.gfm,this.options.breaks?n.inline=B.breaks:n.inline=B.gfm),this.tokenizer.rules=n}n.lex=function(e,t){return new n(t).lex(e)},n.lexInline=function(e,t){return new n(t).inlineTokens(e)};var r,i,o,a=n.prototype;return a.lex=function(e){var t;for(e=e.replace(/\r\n|\r/g,"\n").replace(/\t/g,"    "),this.blockTokens(e,this.tokens);t=this.inlineQueue.shift();)this.inlineTokens(t.src,t.tokens);return this.tokens},a.blockTokens=function(e,t){var n,r,i,o,a=this;for(void 0===t&&(t=[]),this.options.pedantic&&(e=e.replace(/^ +$/gm,""));e;)if(!(this.options.extensions&&this.options.extensions.block&&this.options.extensions.block.some((function(r){return!!(n=r.call({lexer:a},e,t))&&(e=e.substring(n.raw.length),t.push(n),!0)}))))if(n=this.tokenizer.space(e))e=e.substring(n.raw.length),1===n.raw.length&&t.length>0?t[t.length-1].raw+="\n":t.push(n);else if(n=this.tokenizer.code(e))e=e.substring(n.raw.length),!(r=t[t.length-1])||"paragraph"!==r.type&&"text"!==r.type?t.push(n):(r.raw+="\n"+n.raw,r.text+="\n"+n.text,this.inlineQueue[this.inlineQueue.length-1].src=r.text);else if(n=this.tokenizer.fences(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.heading(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.hr(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.blockquote(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.list(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.html(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.def(e))e=e.substring(n.raw.length),!(r=t[t.length-1])||"paragraph"!==r.type&&"text"!==r.type?this.tokens.links[n.tag]||(this.tokens.links[n.tag]={href:n.href,title:n.title}):(r.raw+="\n"+n.raw,r.text+="\n"+n.raw,this.inlineQueue[this.inlineQueue.length-1].src=r.text);else if(n=this.tokenizer.table(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.lheading(e))e=e.substring(n.raw.length),t.push(n);else if(i=e,this.options.extensions&&this.options.extensions.startBlock&&function(){var t=1/0,n=e.slice(1),r=void 0;a.options.extensions.startBlock.forEach((function(e){"number"==typeof(r=e.call({lexer:this},n))&&r>=0&&(t=Math.min(t,r))})),t<1/0&&t>=0&&(i=e.substring(0,t+1))}(),this.state.top&&(n=this.tokenizer.paragraph(i)))r=t[t.length-1],o&&"paragraph"===r.type?(r.raw+="\n"+n.raw,r.text+="\n"+n.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=r.text):t.push(n),o=i.length!==e.length,e=e.substring(n.raw.length);else if(n=this.tokenizer.text(e))e=e.substring(n.raw.length),(r=t[t.length-1])&&"text"===r.type?(r.raw+="\n"+n.raw,r.text+="\n"+n.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=r.text):t.push(n);else if(e){var l="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(l);break}throw new Error(l)}return this.state.top=!0,t},a.inline=function(e,t){this.inlineQueue.push({src:e,tokens:t})},a.inlineTokens=function(e,t){var n,r,i,o=this;void 0===t&&(t=[]);var a,l,s,u=e;if(this.tokens.links){var c=Object.keys(this.tokens.links);if(c.length>0)for(;null!=(a=this.tokenizer.rules.inline.reflinkSearch.exec(u));)c.includes(a[0].slice(a[0].lastIndexOf("[")+1,-1))&&(u=u.slice(0,a.index)+"["+E("a",a[0].length-2)+"]"+u.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;null!=(a=this.tokenizer.rules.inline.blockSkip.exec(u));)u=u.slice(0,a.index)+"["+E("a",a[0].length-2)+"]"+u.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;null!=(a=this.tokenizer.rules.inline.escapedEmSt.exec(u));)u=u.slice(0,a.index)+"++"+u.slice(this.tokenizer.rules.inline.escapedEmSt.lastIndex);for(;e;)if(l||(s=""),l=!1,!(this.options.extensions&&this.options.extensions.inline&&this.options.extensions.inline.some((function(r){return!!(n=r.call({lexer:o},e,t))&&(e=e.substring(n.raw.length),t.push(n),!0)}))))if(n=this.tokenizer.escape(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.tag(e))e=e.substring(n.raw.length),(r=t[t.length-1])&&"text"===n.type&&"text"===r.type?(r.raw+=n.raw,r.text+=n.text):t.push(n);else if(n=this.tokenizer.link(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.reflink(e,this.tokens.links))e=e.substring(n.raw.length),(r=t[t.length-1])&&"text"===n.type&&"text"===r.type?(r.raw+=n.raw,r.text+=n.text):t.push(n);else if(n=this.tokenizer.emStrong(e,u,s))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.codespan(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.br(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.del(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.autolink(e,O))e=e.substring(n.raw.length),t.push(n);else if(this.state.inLink||!(n=this.tokenizer.url(e,O))){if(i=e,this.options.extensions&&this.options.extensions.startInline&&function(){var t=1/0,n=e.slice(1),r=void 0;o.options.extensions.startInline.forEach((function(e){"number"==typeof(r=e.call({lexer:this},n))&&r>=0&&(t=Math.min(t,r))})),t<1/0&&t>=0&&(i=e.substring(0,t+1))}(),n=this.tokenizer.inlineText(i,N))e=e.substring(n.raw.length),"_"!==n.raw.slice(-1)&&(s=n.raw.slice(-1)),l=!0,(r=t[t.length-1])&&"text"===r.type?(r.raw+=n.raw,r.text+=n.text):t.push(n);else if(e){var d="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(d);break}throw new Error(d)}}else e=e.substring(n.raw.length),t.push(n);return t},r=n,o=[{key:"rules",get:function(){return{block:M,inline:B}}}],(i=null)&&t(r.prototype,i),o&&t(r,o),Object.defineProperty(r,"prototype",{writable:!1}),n}(),z=function(){function t(t){this.options=t||e.defaults}var n=t.prototype;return n.code=function(e,t,n){var r=(t||"").match(/\S*/)[0];if(this.options.highlight){var i=this.options.highlight(e,r);null!=i&&i!==e&&(n=!0,e=i)}return e=e.replace(/\n$/,"")+"\n",r?'<pre><code class="'+this.options.langPrefix+d(r,!0)+'">'+(n?e:d(e,!0))+"</code></pre>\n":"<pre><code>"+(n?e:d(e,!0))+"</code></pre>\n"},n.blockquote=function(e){return"<blockquote>\n"+e+"</blockquote>\n"},n.html=function(e){return e},n.heading=function(e,t,n,r){return this.options.headerIds?"<h"+t+' id="'+this.options.headerPrefix+r.slug(n)+'">'+e+"</h"+t+">\n":"<h"+t+">"+e+"</h"+t+">\n"},n.hr=function(){return this.options.xhtml?"<hr/>\n":"<hr>\n"},n.list=function(e,t,n){var r=t?"ol":"ul";return"<"+r+(t&&1!==n?' start="'+n+'"':"")+">\n"+e+"</"+r+">\n"},n.listitem=function(e){return"<li>"+e+"</li>\n"},n.checkbox=function(e){return"<input "+(e?'checked="" ':"")+'disabled="" type="checkbox"'+(this.options.xhtml?" /":"")+"> "},n.paragraph=function(e){return"<p>"+e+"</p>\n"},n.table=function(e,t){return t&&(t="<tbody>"+t+"</tbody>"),"<table>\n<thead>\n"+e+"</thead>\n"+t+"</table>\n"},n.tablerow=function(e){return"<tr>\n"+e+"</tr>\n"},n.tablecell=function(e,t){var n=t.header?"th":"td";return(t.align?"<"+n+' align="'+t.align+'">':"<"+n+">")+e+"</"+n+">\n"},n.strong=function(e){return"<strong>"+e+"</strong>"},n.em=function(e){return"<em>"+e+"</em>"},n.codespan=function(e){return"<code>"+e+"</code>"},n.br=function(){return this.options.xhtml?"<br/>":"<br>"},n.del=function(e){return"<del>"+e+"</del>"},n.link=function(e,t,n){if(null===(e=x(this.options.sanitize,this.options.baseUrl,e)))return n;var r='<a href="'+d(e)+'"';return t&&(r+=' title="'+t+'"'),r+=">"+n+"</a>"},n.image=function(e,t,n){if(null===(e=x(this.options.sanitize,this.options.baseUrl,e)))return n;var r='<img src="'+e+'" alt="'+n+'"';return t&&(r+=' title="'+t+'"'),r+=this.options.xhtml?"/>":">"},n.text=function(e){return e},t}(),H=function(){function e(){}var t=e.prototype;return t.strong=function(e){return e},t.em=function(e){return e},t.codespan=function(e){return e},t.del=function(e){return e},t.html=function(e){return e},t.text=function(e){return e},t.link=function(e,t,n){return""+n},t.image=function(e,t,n){return""+n},t.br=function(){return""},e}(),R=function(){function e(){this.seen={}}var t=e.prototype;return t.serialize=function(e){return e.toLowerCase().trim().replace(/<[!\/a-z].*?>/gi,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")},t.getNextSafeSlug=function(e,t){var n=e,r=0;if(this.seen.hasOwnProperty(n)){r=this.seen[e];do{n=e+"-"+ ++r}while(this.seen.hasOwnProperty(n))}return t||(this.seen[e]=r,this.seen[n]=0),n},t.slug=function(e,t){void 0===t&&(t={});var n=this.serialize(e);return this.getNextSafeSlug(n,t.dryrun)},e}(),P=function(){function t(t){this.options=t||e.defaults,this.options.renderer=this.options.renderer||new z,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new H,this.slugger=new R}t.parse=function(e,n){return new t(n).parse(e)},t.parseInline=function(e,n){return new t(n).parseInline(e)};var n=t.prototype;return n.parse=function(e,t){void 0===t&&(t=!0);var n,r,i,o,a,l,s,u,c,d,h,p,m,g,v,x,y,b,D,C="",w=e.length;for(n=0;n<w;n++)if(d=e[n],!(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[d.type])||!1===(D=this.options.extensions.renderers[d.type].call({parser:this},d))&&["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(d.type))switch(d.type){case"space":continue;case"hr":C+=this.renderer.hr();continue;case"heading":C+=this.renderer.heading(this.parseInline(d.tokens),d.depth,f(this.parseInline(d.tokens,this.textRenderer)),this.slugger);continue;case"code":C+=this.renderer.code(d.text,d.lang,d.escaped);continue;case"table":for(u="",s="",o=d.header.length,r=0;r<o;r++)s+=this.renderer.tablecell(this.parseInline(d.header[r].tokens),{header:!0,align:d.align[r]});for(u+=this.renderer.tablerow(s),c="",o=d.rows.length,r=0;r<o;r++){for(s="",a=(l=d.rows[r]).length,i=0;i<a;i++)s+=this.renderer.tablecell(this.parseInline(l[i].tokens),{header:!1,align:d.align[i]});c+=this.renderer.tablerow(s)}C+=this.renderer.table(u,c);continue;case"blockquote":c=this.parse(d.tokens),C+=this.renderer.blockquote(c);continue;case"list":for(h=d.ordered,p=d.start,m=d.loose,o=d.items.length,c="",r=0;r<o;r++)x=(v=d.items[r]).checked,y=v.task,g="",v.task&&(b=this.renderer.checkbox(x),m?v.tokens.length>0&&"paragraph"===v.tokens[0].type?(v.tokens[0].text=b+" "+v.tokens[0].text,v.tokens[0].tokens&&v.tokens[0].tokens.length>0&&"text"===v.tokens[0].tokens[0].type&&(v.tokens[0].tokens[0].text=b+" "+v.tokens[0].tokens[0].text)):v.tokens.unshift({type:"text",text:b}):g+=b),g+=this.parse(v.tokens,m),c+=this.renderer.listitem(g,y,x);C+=this.renderer.list(c,h,p);continue;case"html":C+=this.renderer.html(d.text);continue;case"paragraph":C+=this.renderer.paragraph(this.parseInline(d.tokens));continue;case"text":for(c=d.tokens?this.parseInline(d.tokens):d.text;n+1<w&&"text"===e[n+1].type;)c+="\n"+((d=e[++n]).tokens?this.parseInline(d.tokens):d.text);C+=t?this.renderer.paragraph(c):c;continue;default:var k='Token with "'+d.type+'" type was not found.';if(this.options.silent)return void console.error(k);throw new Error(k)}else C+=D||"";return C},n.parseInline=function(e,t){t=t||this.renderer;var n,r,i,o="",a=e.length;for(n=0;n<a;n++)if(r=e[n],!(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[r.type])||!1===(i=this.options.extensions.renderers[r.type].call({parser:this},r))&&["escape","html","link","image","strong","em","codespan","br","del","text"].includes(r.type))switch(r.type){case"escape":case"text":o+=t.text(r.text);break;case"html":o+=t.html(r.text);break;case"link":o+=t.link(r.href,r.title,this.parseInline(r.tokens,t));break;case"image":o+=t.image(r.href,r.title,r.text);break;case"strong":o+=t.strong(this.parseInline(r.tokens,t));break;case"em":o+=t.em(this.parseInline(r.tokens,t));break;case"codespan":o+=t.codespan(r.text);break;case"br":o+=t.br();break;case"del":o+=t.del(this.parseInline(r.tokens,t));break;default:var l='Token with "'+r.type+'" type was not found.';if(this.options.silent)return void console.error(l);throw new Error(l)}else o+=i||"";return o},t}();function _(e,t,n){if(null==e)throw new Error("marked(): input parameter is undefined or null");if("string"!=typeof e)throw new Error("marked(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected");if("function"==typeof t&&(n=t,t=null),A(t=k({},_.defaults,t||{})),n){var r,i=t.highlight;try{r=I.lex(e,t)}catch(e){return n(e)}var o=function(e){var o;if(!e)try{t.walkTokens&&_.walkTokens(r,t.walkTokens),o=P.parse(r,t)}catch(t){e=t}return t.highlight=i,e?n(e):n(null,o)};if(!i||i.length<3)return o();if(delete t.highlight,!r.length)return o();var a=0;return _.walkTokens(r,(function(e){"code"===e.type&&(a++,setTimeout((function(){i(e.text,e.lang,(function(t,n){if(t)return o(t);null!=n&&n!==e.text&&(e.text=n,e.escaped=!0),0===--a&&o()}))}),0))})),void(0===a&&o())}try{var l=I.lex(e,t);return t.walkTokens&&_.walkTokens(l,t.walkTokens),P.parse(l,t)}catch(e){if(e.message+="\nPlease report this to https://github.com/markedjs/marked.",t.silent)return"<p>An error occurred:</p><pre>"+d(e.message+"",!0)+"</pre>";throw e}}_.options=_.setOptions=function(t){var n;return k(_.defaults,t),n=_.defaults,e.defaults=n,_},_.getDefaults=i,_.defaults=e.defaults,_.use=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r,i=k.apply(void 0,[{}].concat(t)),o=_.defaults.extensions||{renderers:{},childTokens:{}};t.forEach((function(e){if(e.extensions&&(r=!0,e.extensions.forEach((function(e){if(!e.name)throw new Error("extension name required");if(e.renderer){var t=o.renderers?o.renderers[e.name]:null;o.renderers[e.name]=t?function(){for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];var o=e.renderer.apply(this,r);return!1===o&&(o=t.apply(this,r)),o}:e.renderer}if(e.tokenizer){if(!e.level||"block"!==e.level&&"inline"!==e.level)throw new Error("extension level must be 'block' or 'inline'");o[e.level]?o[e.level].unshift(e.tokenizer):o[e.level]=[e.tokenizer],e.start&&("block"===e.level?o.startBlock?o.startBlock.push(e.start):o.startBlock=[e.start]:"inline"===e.level&&(o.startInline?o.startInline.push(e.start):o.startInline=[e.start]))}e.childTokens&&(o.childTokens[e.name]=e.childTokens)}))),e.renderer&&function(){var t=_.defaults.renderer||new z,n=function(n){var r=t[n];t[n]=function(){for(var i=arguments.length,o=new Array(i),a=0;a<i;a++)o[a]=arguments[a];var l=e.renderer[n].apply(t,o);return!1===l&&(l=r.apply(t,o)),l}};for(var r in e.renderer)n(r);i.renderer=t}(),e.tokenizer&&function(){var t=_.defaults.tokenizer||new L,n=function(n){var r=t[n];t[n]=function(){for(var i=arguments.length,o=new Array(i),a=0;a<i;a++)o[a]=arguments[a];var l=e.tokenizer[n].apply(t,o);return!1===l&&(l=r.apply(t,o)),l}};for(var r in e.tokenizer)n(r);i.tokenizer=t}(),e.walkTokens){var t=_.defaults.walkTokens;i.walkTokens=function(n){e.walkTokens.call(this,n),t&&t.call(this,n)}}r&&(i.extensions=o),_.setOptions(i)}))},_.walkTokens=function(e,t){for(var n,i=function(){var e=n.value;switch(t.call(_,e),e.type){case"table":for(var i,o=r(e.header);!(i=o()).done;){var a=i.value;_.walkTokens(a.tokens,t)}for(var l,s=r(e.rows);!(l=s()).done;)for(var u,c=r(l.value);!(u=c()).done;){var d=u.value;_.walkTokens(d.tokens,t)}break;case"list":_.walkTokens(e.items,t);break;default:_.defaults.extensions&&_.defaults.extensions.childTokens&&_.defaults.extensions.childTokens[e.type]?_.defaults.extensions.childTokens[e.type].forEach((function(n){_.walkTokens(e[n],t)})):e.tokens&&_.walkTokens(e.tokens,t)}},o=r(e);!(n=o()).done;)i()},_.parseInline=function(e,t){if(null==e)throw new Error("marked.parseInline(): input parameter is undefined or null");if("string"!=typeof e)throw new Error("marked.parseInline(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected");A(t=k({},_.defaults,t||{}));try{var n=I.lexInline(e,t);return t.walkTokens&&_.walkTokens(n,t.walkTokens),P.parseInline(n,t)}catch(e){if(e.message+="\nPlease report this to https://github.com/markedjs/marked.",t.silent)return"<p>An error occurred:</p><pre>"+d(e.message+"",!0)+"</pre>";throw e}},_.Parser=P,_.parser=P.parse,_.Renderer=z,_.TextRenderer=H,_.Lexer=I,_.lexer=I.lex,_.Tokenizer=L,_.Slugger=R,_.parse=_;var W=_.options,j=_.setOptions,q=_.use,U=_.walkTokens,$=_.parseInline,G=_,V=P.parse,X=I.lex;e.Lexer=I,e.Parser=P,e.Renderer=z,e.Slugger=R,e.TextRenderer=H,e.Tokenizer=L,e.getDefaults=i,e.lexer=X,e.marked=_,e.options=W,e.parse=G,e.parseInline=$,e.parser=V,e.setOptions=j,e.use=q,e.walkTokens=U,Object.defineProperty(e,"__esModule",{value:!0})}))},{}],16:[function(e,t,n){(function(n){(function(){var r;!function(){"use strict";(r=function(e,t,r,i){i=i||{},this.dictionary=null,this.rules={},this.dictionaryTable={},this.compoundRules=[],this.compoundRuleCodes={},this.replacementTable=[],this.flags=i.flags||{},this.memoized={},this.loaded=!1;var o,a,l,s,u,c=this;function d(e,t){var n=c._readFile(e,null,i.asyncLoad);i.asyncLoad?n.then((function(e){t(e)})):t(n)}function h(e){t=e,r&&p()}function f(e){r=e,t&&p()}function p(){for(c.rules=c._parseAFF(t),c.compoundRuleCodes={},a=0,s=c.compoundRules.length;a<s;a++){var e=c.compoundRules[a];for(l=0,u=e.length;l<u;l++)c.compoundRuleCodes[e[l]]=[]}for(a in"ONLYINCOMPOUND"in c.flags&&(c.compoundRuleCodes[c.flags.ONLYINCOMPOUND]=[]),c.dictionaryTable=c._parseDIC(r),c.compoundRuleCodes)0===c.compoundRuleCodes[a].length&&delete c.compoundRuleCodes[a];for(a=0,s=c.compoundRules.length;a<s;a++){var n=c.compoundRules[a],o="";for(l=0,u=n.length;l<u;l++){var d=n[l];d in c.compoundRuleCodes?o+="("+c.compoundRuleCodes[d].join("|")+")":o+=d}c.compoundRules[a]=new RegExp(o,"i")}c.loaded=!0,i.asyncLoad&&i.loadedCallback&&i.loadedCallback(c)}return e&&(c.dictionary=e,t&&r?p():"undefined"!=typeof window&&"chrome"in window&&"extension"in window.chrome&&"getURL"in window.chrome.extension?(o=i.dictionaryPath?i.dictionaryPath:"typo/dictionaries",t||d(chrome.extension.getURL(o+"/"+e+"/"+e+".aff"),h),r||d(chrome.extension.getURL(o+"/"+e+"/"+e+".dic"),f)):(o=i.dictionaryPath?i.dictionaryPath:void 0!==n?n+"/dictionaries":"./dictionaries",t||d(o+"/"+e+"/"+e+".aff",h),r||d(o+"/"+e+"/"+e+".dic",f))),this}).prototype={load:function(e){for(var t in e)e.hasOwnProperty(t)&&(this[t]=e[t]);return this},_readFile:function(t,n,r){if(n=n||"utf8","undefined"!=typeof XMLHttpRequest){var i,o=new XMLHttpRequest;return o.open("GET",t,r),r&&(i=new Promise((function(e,t){o.onload=function(){200===o.status?e(o.responseText):t(o.statusText)},o.onerror=function(){t(o.statusText)}}))),o.overrideMimeType&&o.overrideMimeType("text/plain; charset="+n),o.send(null),r?i:o.responseText}if(void 0!==e){var a=e("fs");try{if(a.existsSync(t))return a.readFileSync(t,n);console.log("Path "+t+" does not exist.")}catch(e){return console.log(e),""}}},_parseAFF:function(e){var t,n,r,i,o,a,l,s={},u=e.split(/\r?\n/);for(i=0,a=u.length;i<a;i++)if(t=(t=this._removeAffixComments(u[i])).trim()){var c=t.split(/\s+/),d=c[0];if("PFX"==d||"SFX"==d){var h=c[1],f=c[2],p=[];for(o=i+1,l=i+1+(n=parseInt(c[3],10));o<l;o++){var m=(r=u[o].split(/\s+/))[2],g=r[3].split("/"),v=g[0];"0"===v&&(v="");var x=this.parseRuleCodes(g[1]),y=r[4],b={};b.add=v,x.length>0&&(b.continuationClasses=x),"."!==y&&(b.match="SFX"===d?new RegExp(y+"$"):new RegExp("^"+y)),"0"!=m&&(b.remove="SFX"===d?new RegExp(m+"$"):m),p.push(b)}s[h]={type:d,combineable:"Y"==f,entries:p},i+=n}else if("COMPOUNDRULE"===d){for(o=i+1,l=i+1+(n=parseInt(c[1],10));o<l;o++)r=(t=u[o]).split(/\s+/),this.compoundRules.push(r[1]);i+=n}else"REP"===d?3===(r=t.split(/\s+/)).length&&this.replacementTable.push([r[1],r[2]]):this.flags[d]=c[1]}return s},_removeAffixComments:function(e){return e.match(/^\s*#/,"")?"":e},_parseDIC:function(e){var t=(e=this._removeDicComments(e)).split(/\r?\n/),n={};function r(e,t){n.hasOwnProperty(e)||(n[e]=null),t.length>0&&(null===n[e]&&(n[e]=[]),n[e].push(t))}for(var i=1,o=t.length;i<o;i++){var a=t[i];if(a){var l=a.split("/",2),s=l[0];if(l.length>1){var u=this.parseRuleCodes(l[1]);"NEEDAFFIX"in this.flags&&-1!=u.indexOf(this.flags.NEEDAFFIX)||r(s,u);for(var c=0,d=u.length;c<d;c++){var h=u[c],f=this.rules[h];if(f)for(var p=this._applyRule(s,f),m=0,g=p.length;m<g;m++){var v=p[m];if(r(v,[]),f.combineable)for(var x=c+1;x<d;x++){var y=u[x],b=this.rules[y];if(b&&b.combineable&&f.type!=b.type)for(var D=this._applyRule(v,b),C=0,w=D.length;C<w;C++){r(D[C],[])}}}h in this.compoundRuleCodes&&this.compoundRuleCodes[h].push(s)}}else r(s.trim(),[])}}return n},_removeDicComments:function(e){return e=e.replace(/^\t.*$/gm,"")},parseRuleCodes:function(e){if(!e)return[];if(!("FLAG"in this.flags))return e.split("");if("long"===this.flags.FLAG){for(var t=[],n=0,r=e.length;n<r;n+=2)t.push(e.substr(n,2));return t}return"num"===this.flags.FLAG?e.split(","):void 0},_applyRule:function(e,t){for(var n=t.entries,r=[],i=0,o=n.length;i<o;i++){var a=n[i];if(!a.match||e.match(a.match)){var l=e;if(a.remove&&(l=l.replace(a.remove,"")),"SFX"===t.type?l+=a.add:l=a.add+l,r.push(l),"continuationClasses"in a)for(var s=0,u=a.continuationClasses.length;s<u;s++){var c=this.rules[a.continuationClasses[s]];c&&(r=r.concat(this._applyRule(l,c)))}}}return r},check:function(e){if(!this.loaded)throw"Dictionary not loaded.";var t=e.replace(/^\s\s*/,"").replace(/\s\s*$/,"");if(this.checkExact(t))return!0;if(t.toUpperCase()===t){var n=t[0]+t.substring(1).toLowerCase();if(this.hasFlag(n,"KEEPCASE"))return!1;if(this.checkExact(n))return!0;if(this.checkExact(t.toLowerCase()))return!0}var r=t[0].toLowerCase()+t.substring(1);if(r!==t){if(this.hasFlag(r,"KEEPCASE"))return!1;if(this.checkExact(r))return!0}return!1},checkExact:function(e){if(!this.loaded)throw"Dictionary not loaded.";var t,n,r=this.dictionaryTable[e];if(void 0===r){if("COMPOUNDMIN"in this.flags&&e.length>=this.flags.COMPOUNDMIN)for(t=0,n=this.compoundRules.length;t<n;t++)if(e.match(this.compoundRules[t]))return!0}else{if(null===r)return!0;if("object"==typeof r)for(t=0,n=r.length;t<n;t++)if(!this.hasFlag(e,"ONLYINCOMPOUND",r[t]))return!0}return!1},hasFlag:function(e,t,n){if(!this.loaded)throw"Dictionary not loaded.";return!(!(t in this.flags)||(void 0===n&&(n=Array.prototype.concat.apply([],this.dictionaryTable[e])),!n||-1===n.indexOf(this.flags[t])))},alphabet:"",suggest:function(e,t){if(!this.loaded)throw"Dictionary not loaded.";if(t=t||5,this.memoized.hasOwnProperty(e)){var n=this.memoized[e].limit;if(t<=n||this.memoized[e].suggestions.length<n)return this.memoized[e].suggestions.slice(0,t)}if(this.check(e))return[];for(var r=0,i=this.replacementTable.length;r<i;r++){var o=this.replacementTable[r];if(-1!==e.indexOf(o[0])){var a=e.replace(o[0],o[1]);if(this.check(a))return[a]}}var l=this;function s(e,t){var n,r,i,o,a={},s=l.alphabet.length;if("string"==typeof e){var u=e;(e={})[u]=!0}for(var u in e)for(n=0,i=u.length+1;n<i;n++){var c=[u.substring(0,n),u.substring(n)];if(c[1]&&(o=c[0]+c[1].substring(1),t&&!l.check(o)||(o in a?a[o]+=1:a[o]=1)),c[1].length>1&&c[1][1]!==c[1][0]&&(o=c[0]+c[1][1]+c[1][0]+c[1].substring(2),t&&!l.check(o)||(o in a?a[o]+=1:a[o]=1)),c[1]){var d=c[1].substring(0,1).toUpperCase()===c[1].substring(0,1)?"uppercase":"lowercase";for(r=0;r<s;r++){var h=l.alphabet[r];"uppercase"===d&&(h=h.toUpperCase()),h!=c[1].substring(0,1)&&(o=c[0]+h+c[1].substring(1),t&&!l.check(o)||(o in a?a[o]+=1:a[o]=1))}}if(c[1])for(r=0;r<s;r++){d=c[0].substring(-1).toUpperCase()===c[0].substring(-1)&&c[1].substring(0,1).toUpperCase()===c[1].substring(0,1)?"uppercase":"lowercase",h=l.alphabet[r];"uppercase"===d&&(h=h.toUpperCase()),o=c[0]+h+c[1],t&&!l.check(o)||(o in a?a[o]+=1:a[o]=1)}}return a}return l.alphabet="abcdefghijklmnopqrstuvwxyz",this.memoized[e]={suggestions:function(e){var n,r=s(e),i=s(r,!0);for(var o in r)l.check(o)&&(o in i?i[o]+=r[o]:i[o]=r[o]);var a=[];for(n in i)i.hasOwnProperty(n)&&a.push([n,i[n]]);a.sort((function(e,t){var n=e[1],r=t[1];return n<r?-1:n>r?1:t[0].localeCompare(e[0])})).reverse();var u=[],c="lowercase";e.toUpperCase()===e?c="uppercase":e.substr(0,1).toUpperCase()+e.substr(1).toLowerCase()===e&&(c="capitalized");var d=t;for(n=0;n<Math.min(d,a.length);n++)"uppercase"===c?a[n][0]=a[n][0].toUpperCase():"capitalized"===c&&(a[n][0]=a[n][0].substr(0,1).toUpperCase()+a[n][0].substr(1)),l.hasFlag(a[n][0],"NOSUGGEST")||-1!=u.indexOf(a[n][0])?d++:u.push(a[n][0]);return u}(e),limit:t},this.memoized[e].suggestions}}}(),void 0!==t&&(t.exports=r)}).call(this)}).call(this,"/node_modules/typo-js")},{fs:1}],17:[function(e,t,n){var r=e("codemirror");r.commands.tabAndIndentMarkdownList=function(e){var t=e.listSelections()[0].head;if(!1!==e.getStateAfter(t.line).list)e.execCommand("indentMore");else if(e.options.indentWithTabs)e.execCommand("insertTab");else{var n=Array(e.options.tabSize+1).join(" ");e.replaceSelection(n)}},r.commands.shiftTabAndUnindentMarkdownList=function(e){var t=e.listSelections()[0].head;if(!1!==e.getStateAfter(t.line).list)e.execCommand("indentLess");else if(e.options.indentWithTabs)e.execCommand("insertTab");else{var n=Array(e.options.tabSize+1).join(" ");e.replaceSelection(n)}}},{codemirror:10}],18:[function(e,t,n){"use strict";var r=e("codemirror");e("codemirror/addon/edit/continuelist.js"),e("./codemirror/tablist"),e("codemirror/addon/display/fullscreen.js"),e("codemirror/mode/markdown/markdown.js"),e("codemirror/addon/mode/overlay.js"),e("codemirror/addon/display/placeholder.js"),e("codemirror/addon/display/autorefresh.js"),e("codemirror/addon/selection/mark-selection.js"),e("codemirror/addon/search/searchcursor.js"),e("codemirror/mode/gfm/gfm.js"),e("codemirror/mode/xml/xml.js");var i=e("codemirror-spell-checker"),o=e("marked").marked,a=/Mac/.test(navigator.platform),l=new RegExp(/(<a.*?https?:\/\/.*?[^a]>)+?/g),s={toggleBold:C,toggleItalic:w,drawLink:I,toggleHeadingSmaller:A,toggleHeadingBigger:E,drawImage:z,toggleBlockquote:F,toggleOrderedList:N,toggleUnorderedList:B,toggleCodeBlock:S,togglePreview:U,toggleStrikethrough:k,toggleHeading1:T,toggleHeading2:L,toggleHeading3:M,cleanBlock:O,drawTable:P,drawHorizontalRule:_,undo:W,redo:j,toggleSideBySide:q,toggleFullScreen:D},u={toggleBold:"Cmd-B",toggleItalic:"Cmd-I",drawLink:"Cmd-K",toggleHeadingSmaller:"Cmd-H",toggleHeadingBigger:"Shift-Cmd-H",cleanBlock:"Cmd-E",drawImage:"Cmd-Alt-I",toggleBlockquote:"Cmd-'",toggleOrderedList:"Cmd-Alt-L",toggleUnorderedList:"Cmd-L",toggleCodeBlock:"Cmd-Alt-C",togglePreview:"Cmd-P",toggleSideBySide:"F9",toggleFullScreen:"F11"},c=function(){var e,t=!1;return e=navigator.userAgent||navigator.vendor||window.opera,(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(e)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(e.substr(0,4)))&&(t=!0),t};function d(e){return e=a?e.replace("Ctrl","Cmd"):e.replace("Cmd","Ctrl")}var h={};function f(e){return h[e]||(h[e]=new RegExp("\\s*"+e+"(\\s*)","g"))}function p(e,t){if(e&&t){var n=f(t);e.className.match(n)||(e.className+=" "+t)}}function m(e,t){if(e&&t){var n=f(t);e.className.match(n)&&(e.className=e.className.replace(n,"$1"))}}function g(e,t,n,r){var i=v(e,!1,t,n,"button",r);i.className+=" easymde-dropdown",i.onclick=function(){i.focus()};var o=document.createElement("div");o.className="easymde-dropdown-content";for(var a=0;a<e.children.length;a++){var l,s=e.children[a];(l=v("string"==typeof s&&s in J?J[s]:s,!0,t,n,"button",r)).addEventListener("click",(function(e){e.stopPropagation()}),!1),o.appendChild(l)}return i.appendChild(o),i}function v(e,t,n,r,i,o){e=e||{};var l=document.createElement(i);if(e.attributes)for(var u in e.attributes)Object.prototype.hasOwnProperty.call(e.attributes,u)&&l.setAttribute(u,e.attributes[u]);l.className=e.name,l.setAttribute("type",i),n=null==n||n,e.name&&e.name in r&&(s[e.name]=e.action),e.title&&n&&(l.title=function(e,t,n){var r,i=e;t&&n[r=function(e){for(var t in s)if(s[t]===e)return t;return null}(t)]&&(i+=" ("+d(n[r])+")");return i}(e.title,e.action,r),a&&(l.title=l.title.replace("Ctrl","⌘"),l.title=l.title.replace("Alt","⌥"))),e.noDisable&&l.classList.add("no-disable"),e.noMobile&&l.classList.add("no-mobile");var c=[];void 0!==e.className&&(c=e.className.split(" "));for(var h=[],f=0;f<c.length;f++){var p=c[f];p.match(/^fa([srlb]|(-[\w-]*)|$)/)?h.push(p):l.classList.add(p)}l.tabIndex=-1;for(var m=document.createElement("i"),g=0;g<h.length;g++){var v=h[g];m.classList.add(v)}return l.appendChild(m),void 0!==e.icon&&(l.innerHTML=e.icon),e.action&&t&&("function"==typeof e.action?l.onclick=function(t){t.preventDefault(),e.action(o)}:"string"==typeof e.action&&(l.onclick=function(t){t.preventDefault(),window.open(e.action,"_blank")})),l}function x(){var e=document.createElement("i");return e.className="separator",e.innerHTML="|",e}function y(e,t){t=t||e.getCursor("start");var n=e.getTokenAt(t);if(!n.type)return{};for(var r,i,o=n.type.split(" "),a={},l=0;l<o.length;l++)"strong"===(r=o[l])?a.bold=!0:"variable-2"===r?(i=e.getLine(t.line),/^\s*\d+\.\s/.test(i)?a["ordered-list"]=!0:a["unordered-list"]=!0):"atom"===r?a.quote=!0:"em"===r?a.italic=!0:"quote"===r?a.quote=!0:"strikethrough"===r?a.strikethrough=!0:"comment"===r?a.code=!0:"link"===r?a.link=!0:"tag"===r?a.image=!0:r.match(/^header(-[1-6])?$/)&&(a[r.replace("header","heading")]=!0);return a}var b="";function D(e){var t=e.codemirror;t.setOption("fullScreen",!t.getOption("fullScreen")),t.getOption("fullScreen")?(b=document.body.style.overflow,document.body.style.overflow="hidden"):document.body.style.overflow=b;var n=t.getWrapperElement(),r=n.nextSibling;if(/editor-preview-active-side/.test(r.className))if(!1===e.options.sideBySideFullscreen){var i=n.parentNode;t.getOption("fullScreen")?m(i,"sided--no-fullscreen"):p(i,"sided--no-fullscreen")}else q(e);if(e.options.onToggleFullScreen&&e.options.onToggleFullScreen(t.getOption("fullScreen")||!1),void 0!==e.options.maxHeight&&(t.getOption("fullScreen")?(t.getScrollerElement().style.removeProperty("height"),r.style.removeProperty("height")):(t.getScrollerElement().style.height=e.options.maxHeight,e.setPreviewMaxHeight())),/fullscreen/.test(e.toolbar_div.className)?e.toolbar_div.className=e.toolbar_div.className.replace(/\s*fullscreen\b/,""):e.toolbar_div.className+=" fullscreen",e.toolbarElements&&e.toolbarElements.fullscreen){var o=e.toolbarElements.fullscreen;/active/.test(o.className)?o.className=o.className.replace(/\s*active\s*/g,""):o.className+=" active"}}function C(e){X(e,"bold",e.options.blockStyles.bold)}function w(e){X(e,"italic",e.options.blockStyles.italic)}function k(e){X(e,"strikethrough","~~")}function S(e){var t=e.options.blockStyles.code;function n(e){if("object"!=typeof e)throw"fencing_line() takes a 'line' object (not a line number, or line text).  Got: "+typeof e+": "+e;return e.styles&&e.styles[2]&&-1!==e.styles[2].indexOf("formatting-code-block")}function r(e){return e.state.base.base||e.state.base}function i(e,t,i,o,a){i=i||e.getLineHandle(t),o=o||e.getTokenAt({line:t,ch:1}),a=a||!!i.text&&e.getTokenAt({line:t,ch:i.text.length-1});var l=o.type?o.type.split(" "):[];return a&&r(a).indentedCode?"indented":-1!==l.indexOf("comment")&&(r(o).fencedChars||r(a).fencedChars||n(i)?"fenced":"single")}var o,a,l,s=e.codemirror,u=s.getCursor("start"),c=s.getCursor("end"),d=s.getTokenAt({line:u.line,ch:u.ch||1}),h=s.getLineHandle(u.line),f=i(s,u.line,h,d);if("single"===f){var p=h.text.slice(0,u.ch).replace("`",""),m=h.text.slice(u.ch).replace("`","");s.replaceRange(p+m,{line:u.line,ch:0},{line:u.line,ch:99999999999999}),u.ch--,u!==c&&c.ch--,s.setSelection(u,c),s.focus()}else if("fenced"===f)if(u.line!==c.line||u.ch!==c.ch){for(o=u.line;o>=0&&!n(h=s.getLineHandle(o));o--);var g,v,x,y,b=r(s.getTokenAt({line:o,ch:1})).fencedChars;n(s.getLineHandle(u.line))?(g="",v=u.line):n(s.getLineHandle(u.line-1))?(g="",v=u.line-1):(g=b+"\n",v=u.line),n(s.getLineHandle(c.line))?(x="",y=c.line,0===c.ch&&(y+=1)):0!==c.ch&&n(s.getLineHandle(c.line+1))?(x="",y=c.line+1):(x=b+"\n",y=c.line+1),0===c.ch&&(y-=1),s.operation((function(){s.replaceRange(x,{line:y,ch:0},{line:y+(x?0:1),ch:0}),s.replaceRange(g,{line:v,ch:0},{line:v+(g?0:1),ch:0})})),s.setSelection({line:v+(g?1:0),ch:0},{line:y+(g?1:-1),ch:0}),s.focus()}else{var D=u.line;if(n(s.getLineHandle(u.line))&&("fenced"===i(s,u.line+1)?(o=u.line,D=u.line+1):(a=u.line,D=u.line-1)),void 0===o)for(o=D;o>=0&&!n(h=s.getLineHandle(o));o--);if(void 0===a)for(l=s.lineCount(),a=D;a<l&&!n(h=s.getLineHandle(a));a++);s.operation((function(){s.replaceRange("",{line:o,ch:0},{line:o+1,ch:0}),s.replaceRange("",{line:a-1,ch:0},{line:a,ch:0})})),s.focus()}else if("indented"===f){if(u.line!==c.line||u.ch!==c.ch)o=u.line,a=c.line,0===c.ch&&a--;else{for(o=u.line;o>=0;o--)if(!(h=s.getLineHandle(o)).text.match(/^\s*$/)&&"indented"!==i(s,o,h)){o+=1;break}for(l=s.lineCount(),a=u.line;a<l;a++)if(!(h=s.getLineHandle(a)).text.match(/^\s*$/)&&"indented"!==i(s,a,h)){a-=1;break}}var C=s.getLineHandle(a+1),w=C&&s.getTokenAt({line:a+1,ch:C.text.length-1});w&&r(w).indentedCode&&s.replaceRange("\n",{line:a+1,ch:0});for(var k=o;k<=a;k++)s.indentLine(k,"subtract");s.focus()}else{var S=u.line===c.line&&u.ch===c.ch&&0===u.ch,F=u.line!==c.line;S||F?function(e,t,n,r){var i=t.line+1,o=n.line+1,a=t.line!==n.line,l=r+"\n",s="\n"+r;a&&o++,a&&0===n.ch&&(s=r+"\n",o--),$(e,!1,[l,s]),e.setSelection({line:i,ch:0},{line:o,ch:0})}(s,u,c,t):$(s,!1,["`","`"])}}function F(e){V(e.codemirror,"quote")}function A(e){G(e.codemirror,"smaller")}function E(e){G(e.codemirror,"bigger")}function T(e){G(e.codemirror,void 0,1)}function L(e){G(e.codemirror,void 0,2)}function M(e){G(e.codemirror,void 0,3)}function B(e){var t=e.codemirror,n="*";["-","+","*"].includes(e.options.unorderedListStyle)&&(n=e.options.unorderedListStyle),V(t,"unordered-list",n)}function N(e){V(e.codemirror,"ordered-list")}function O(e){!function(e){if(/editor-preview-active/.test(e.getWrapperElement().lastChild.className))return;for(var t,n=e.getCursor("start"),r=e.getCursor("end"),i=n.line;i<=r.line;i++)t=(t=e.getLine(i)).replace(/^[ ]*([# ]+|\*|-|[> ]+|[0-9]+(.|\)))[ ]*/,""),e.replaceRange(t,{line:i,ch:0},{line:i,ch:99999999999999})}(e.codemirror)}function I(e){var t=e.codemirror,n=y(t),r=e.options,i="https://";if(r.promptURLs&&!(i=prompt(r.promptTexts.link,"https://")))return!1;$(t,n.link,r.insertTexts.link,i)}function z(e){var t=e.codemirror,n=y(t),r=e.options,i="https://";if(r.promptURLs&&!(i=prompt(r.promptTexts.image,"https://")))return!1;$(t,n.image,r.insertTexts.image,i)}function H(e){e.openBrowseFileWindow()}function R(e,t){var n=e.codemirror,r=y(n),i=e.options,o=t.substr(t.lastIndexOf("/")+1),a=o.substring(o.lastIndexOf(".")+1).replace(/\?.*$/,"").toLowerCase();if(["png","jpg","jpeg","gif","svg"].includes(a))$(n,r.image,i.insertTexts.uploadedImage,t);else{var l=i.insertTexts.link;l[0]="["+o,$(n,r.link,l,t)}e.updateStatusBar("upload-image",e.options.imageTexts.sbOnUploaded.replace("#image_name#",o)),setTimeout((function(){e.updateStatusBar("upload-image",e.options.imageTexts.sbInit)}),1e3)}function P(e){var t=e.codemirror,n=y(t),r=e.options;$(t,n.table,r.insertTexts.table)}function _(e){var t=e.codemirror,n=y(t),r=e.options;$(t,n.image,r.insertTexts.horizontalRule)}function W(e){var t=e.codemirror;t.undo(),t.focus()}function j(e){var t=e.codemirror;t.redo(),t.focus()}function q(e){var t=e.codemirror,n=t.getWrapperElement(),r=n.nextSibling,i=e.toolbarElements&&e.toolbarElements["side-by-side"],o=!1,a=n.parentNode;/editor-preview-active-side/.test(r.className)?(!1===e.options.sideBySideFullscreen&&m(a,"sided--no-fullscreen"),r.className=r.className.replace(/\s*editor-preview-active-side\s*/g,""),i&&(i.className=i.className.replace(/\s*active\s*/g,"")),n.className=n.className.replace(/\s*CodeMirror-sided\s*/g," ")):(setTimeout((function(){t.getOption("fullScreen")||(!1===e.options.sideBySideFullscreen?p(a,"sided--no-fullscreen"):D(e)),r.className+=" editor-preview-active-side"}),1),i&&(i.className+=" active"),n.className+=" CodeMirror-sided",o=!0);var l=n.lastChild;if(/editor-preview-active/.test(l.className)){l.className=l.className.replace(/\s*editor-preview-active\s*/g,"");var s=e.toolbarElements.preview,u=e.toolbar_div;s.className=s.className.replace(/\s*active\s*/g,""),u.className=u.className.replace(/\s*disabled-for-preview*/g,"")}if(t.sideBySideRenderingFunction||(t.sideBySideRenderingFunction=function(){var t=e.options.previewRender(e.value(),r);null!=t&&(r.innerHTML=t)}),o){var c=e.options.previewRender(e.value(),r);null!=c&&(r.innerHTML=c),t.on("update",t.sideBySideRenderingFunction)}else t.off("update",t.sideBySideRenderingFunction);t.refresh()}function U(e){var t=e.codemirror,n=t.getWrapperElement(),r=e.toolbar_div,i=!!e.options.toolbar&&e.toolbarElements.preview,o=n.lastChild,a=t.getWrapperElement().nextSibling;if(/editor-preview-active-side/.test(a.className)&&q(e),!o||!/editor-preview-full/.test(o.className)){if((o=document.createElement("div")).className="editor-preview-full",e.options.previewClass)if(Array.isArray(e.options.previewClass))for(var l=0;l<e.options.previewClass.length;l++)o.className+=" "+e.options.previewClass[l];else"string"==typeof e.options.previewClass&&(o.className+=" "+e.options.previewClass);n.appendChild(o)}/editor-preview-active/.test(o.className)?(o.className=o.className.replace(/\s*editor-preview-active\s*/g,""),i&&(i.className=i.className.replace(/\s*active\s*/g,""),r.className=r.className.replace(/\s*disabled-for-preview*/g,""))):(setTimeout((function(){o.className+=" editor-preview-active"}),1),i&&(i.className+=" active",r.className+=" disabled-for-preview")),o.innerHTML=e.options.previewRender(e.value(),o)}function $(e,t,n,r){if(!/editor-preview-active/.test(e.getWrapperElement().lastChild.className)){var i,o=n[0],a=n[1],l={},s={};Object.assign(l,e.getCursor("start")),Object.assign(s,e.getCursor("end")),r&&(o=o.replace("#url#",r),a=a.replace("#url#",r)),t?(o=(i=e.getLine(l.line)).slice(0,l.ch),a=i.slice(l.ch),e.replaceRange(o+a,{line:l.line,ch:0})):(i=e.getSelection(),e.replaceSelection(o+i+a),l.ch+=o.length,l!==s&&(s.ch+=o.length)),e.setSelection(l,s),e.focus()}}function G(e,t,n){if(!/editor-preview-active/.test(e.getWrapperElement().lastChild.className)){for(var r=e.getCursor("start"),i=e.getCursor("end"),o=r.line;o<=i.line;o++)!function(r){var i=e.getLine(r),o=i.search(/[^#]/);i=void 0!==t?o<=0?"bigger"==t?"###### "+i:"# "+i:6==o&&"smaller"==t?i.substr(7):1==o&&"bigger"==t?i.substr(2):"bigger"==t?i.substr(1):"#"+i:1==n?o<=0?"# "+i:o==n?i.substr(o+1):"# "+i.substr(o+1):2==n?o<=0?"## "+i:o==n?i.substr(o+1):"## "+i.substr(o+1):o<=0?"### "+i:o==n?i.substr(o+1):"### "+i.substr(o+1),e.replaceRange(i,{line:r,ch:0},{line:r,ch:99999999999999})}(o);e.focus()}}function V(e,t,n){if(!/editor-preview-active/.test(e.getWrapperElement().lastChild.className)){for(var r=/^(\s*)(\*|-|\+|\d*\.)(\s+)/,i=/^\s*/,o=y(e),a=e.getCursor("start"),l=e.getCursor("end"),s={quote:/^(\s*)>\s+/,"unordered-list":r,"ordered-list":r},u=function(e,t,o){var a=r.exec(t),l=function(e,t){return{quote:">","unordered-list":n,"ordered-list":"%%i."}[e].replace("%%i",t)}(e,c);return null!==a?(function(e,t){var r=new RegExp({quote:">","unordered-list":"\\"+n,"ordered-list":"\\d+."}[e]);return t&&r.test(t)}(e,a[2])&&(l=""),t=a[1]+l+a[3]+t.replace(i,"").replace(s[e],"$1")):0==o&&(t=l+" "+t),t},c=1,d=a.line;d<=l.line;d++)!function(n){var r=e.getLine(n);o[t]?r=r.replace(s[t],"$1"):("unordered-list"==t&&(r=u("ordered-list",r,!0)),r=u(t,r,!1),c+=1),e.replaceRange(r,{line:n,ch:0},{line:n,ch:99999999999999})}(d);e.focus()}}function X(e,t,n,r){if(!/editor-preview-active/.test(e.codemirror.getWrapperElement().lastChild.className)){r=void 0===r?n:r;var i,o=e.codemirror,a=y(o),l=n,s=r,u=o.getCursor("start"),c=o.getCursor("end");a[t]?(l=(i=o.getLine(u.line)).slice(0,u.ch),s=i.slice(u.ch),"bold"==t?(l=l.replace(/(\*\*|__)(?![\s\S]*(\*\*|__))/,""),s=s.replace(/(\*\*|__)/,"")):"italic"==t?(l=l.replace(/(\*|_)(?![\s\S]*(\*|_))/,""),s=s.replace(/(\*|_)/,"")):"strikethrough"==t&&(l=l.replace(/(\*\*|~~)(?![\s\S]*(\*\*|~~))/,""),s=s.replace(/(\*\*|~~)/,"")),o.replaceRange(l+s,{line:u.line,ch:0},{line:u.line,ch:99999999999999}),"bold"==t||"strikethrough"==t?(u.ch-=2,u!==c&&(c.ch-=2)):"italic"==t&&(u.ch-=1,u!==c&&(c.ch-=1))):(i=o.getSelection(),"bold"==t?i=(i=i.split("**").join("")).split("__").join(""):"italic"==t?i=(i=i.split("*").join("")).split("_").join(""):"strikethrough"==t&&(i=i.split("~~").join("")),o.replaceSelection(l+i+s),u.ch+=n.length,c.ch=u.ch+i.length),o.setSelection(u,c),o.focus()}}function K(e,t){if(Math.abs(e)<1024)return""+e+t[0];var n=0;do{e/=1024,++n}while(Math.abs(e)>=1024&&n<t.length);return""+e.toFixed(1)+t[n]}function Z(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(t[n]instanceof Array?e[n]=t[n].concat(e[n]instanceof Array?e[n]:[]):null!==t[n]&&"object"==typeof t[n]&&t[n].constructor===Object?e[n]=Z(e[n]||{},t[n]):e[n]=t[n]);return e}function Y(e){for(var t=1;t<arguments.length;t++)e=Z(e,arguments[t]);return e}function Q(e){var t=e.match(/[a-zA-Z0-9_\u00A0-\u02AF\u0392-\u03c9\u0410-\u04F9]+|[\u4E00-\u9FFF\u3400-\u4dbf\uf900-\ufaff\u3040-\u309f\uac00-\ud7af]+/g),n=0;if(null===t)return n;for(var r=0;r<t.length;r++)t[r].charCodeAt(0)>=19968?n+=t[r].length:n+=1;return n}var J={bold:{name:"bold",action:C,className:"fa fa-bold",title:"Bold",default:!0},italic:{name:"italic",action:w,className:"fa fa-italic",title:"Italic",default:!0},strikethrough:{name:"strikethrough",action:k,className:"fa fa-strikethrough",title:"Strikethrough"},heading:{name:"heading",action:A,className:"fa fa-header fa-heading",title:"Heading",default:!0},"heading-smaller":{name:"heading-smaller",action:A,className:"fa fa-header fa-heading header-smaller",title:"Smaller Heading"},"heading-bigger":{name:"heading-bigger",action:E,className:"fa fa-header fa-heading header-bigger",title:"Bigger Heading"},"heading-1":{name:"heading-1",action:T,className:"fa fa-header fa-heading header-1",title:"Big Heading"},"heading-2":{name:"heading-2",action:L,className:"fa fa-header fa-heading header-2",title:"Medium Heading"},"heading-3":{name:"heading-3",action:M,className:"fa fa-header fa-heading header-3",title:"Small Heading"},"separator-1":{name:"separator-1"},code:{name:"code",action:S,className:"fa fa-code",title:"Code"},quote:{name:"quote",action:F,className:"fa fa-quote-left",title:"Quote",default:!0},"unordered-list":{name:"unordered-list",action:B,className:"fa fa-list-ul",title:"Generic List",default:!0},"ordered-list":{name:"ordered-list",action:N,className:"fa fa-list-ol",title:"Numbered List",default:!0},"clean-block":{name:"clean-block",action:O,className:"fa fa-eraser",title:"Clean block"},"separator-2":{name:"separator-2"},link:{name:"link",action:I,className:"fa fa-link",title:"Create Link",default:!0},image:{name:"image",action:z,className:"fa fa-image",title:"Insert Image",default:!0},"upload-image":{name:"upload-image",action:H,className:"fa fa-image",title:"Import an image"},table:{name:"table",action:P,className:"fa fa-table",title:"Insert Table"},"horizontal-rule":{name:"horizontal-rule",action:_,className:"fa fa-minus",title:"Insert Horizontal Line"},"separator-3":{name:"separator-3"},preview:{name:"preview",action:U,className:"fa fa-eye",noDisable:!0,title:"Toggle Preview",default:!0},"side-by-side":{name:"side-by-side",action:q,className:"fa fa-columns",noDisable:!0,noMobile:!0,title:"Toggle Side by Side",default:!0},fullscreen:{name:"fullscreen",action:D,className:"fa fa-arrows-alt",noDisable:!0,noMobile:!0,title:"Toggle Fullscreen",default:!0},"separator-4":{name:"separator-4"},guide:{name:"guide",action:"https://www.markdownguide.org/basic-syntax/",className:"fa fa-question-circle",noDisable:!0,title:"Markdown Guide",default:!0},"separator-5":{name:"separator-5"},undo:{name:"undo",action:W,className:"fa fa-undo",noDisable:!0,title:"Undo"},redo:{name:"redo",action:j,className:"fa fa-repeat fa-redo",noDisable:!0,title:"Redo"}},ee={link:["[","](#url#)"],image:["![](","#url#)"],uploadedImage:["![](#url#)",""],table:["","\n\n| Column 1 | Column 2 | Column 3 |\n| -------- | -------- | -------- |\n| Text     | Text     | Text     |\n\n"],horizontalRule:["","\n\n-----\n\n"]},te={link:"URL for the link:",image:"URL of the image:"},ne={locale:"en-US",format:{hour:"2-digit",minute:"2-digit"}},re={bold:"**",code:"```",italic:"*"},ie={sbInit:"Attach files by drag and dropping or pasting from clipboard.",sbOnDragEnter:"Drop image to upload it.",sbOnDrop:"Uploading image #images_names#...",sbProgress:"Uploading #file_name#: #progress#%",sbOnUploaded:"Uploaded #image_name#",sizeUnits:" B, KB, MB"},oe={noFileGiven:"You must select a file.",typeNotAllowed:"This image type is not allowed.",fileTooLarge:"Image #image_name# is too big (#image_size#).\nMaximum file size is #image_max_size#.",importError:"Something went wrong when uploading the image #image_name#."};function ae(e){(e=e||{}).parent=this;var t=!0;if(!1===e.autoDownloadFontAwesome&&(t=!1),!0!==e.autoDownloadFontAwesome)for(var n=document.styleSheets,r=0;r<n.length;r++)n[r].href&&n[r].href.indexOf("//maxcdn.bootstrapcdn.com/font-awesome/")>-1&&(t=!1);if(t){var i=document.createElement("link");i.rel="stylesheet",i.href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css",document.getElementsByTagName("head")[0].appendChild(i)}if(e.element)this.element=e.element;else if(null===e.element)return void console.log("EasyMDE: Error. No element was found.");if(void 0===e.toolbar)for(var o in e.toolbar=[],J)Object.prototype.hasOwnProperty.call(J,o)&&(-1!=o.indexOf("separator-")&&e.toolbar.push("|"),(!0===J[o].default||e.showIcons&&e.showIcons.constructor===Array&&-1!=e.showIcons.indexOf(o))&&e.toolbar.push(o));if(Object.prototype.hasOwnProperty.call(e,"previewClass")||(e.previewClass="editor-preview"),Object.prototype.hasOwnProperty.call(e,"status")||(e.status=["autosave","lines","words","cursor"],e.uploadImage&&e.status.unshift("upload-image")),e.previewRender||(e.previewRender=function(e){return this.parent.markdown(e)}),e.parsingConfig=Y({highlightFormatting:!0},e.parsingConfig||{}),e.insertTexts=Y({},ee,e.insertTexts||{}),e.promptTexts=Y({},te,e.promptTexts||{}),e.blockStyles=Y({},re,e.blockStyles||{}),null!=e.autosave&&(e.autosave.timeFormat=Y({},ne,e.autosave.timeFormat||{})),e.shortcuts=Y({},u,e.shortcuts||{}),e.maxHeight=e.maxHeight||void 0,e.direction=e.direction||"ltr",void 0!==e.maxHeight?e.minHeight=e.maxHeight:e.minHeight=e.minHeight||"300px",e.errorCallback=e.errorCallback||function(e){alert(e)},e.uploadImage=e.uploadImage||!1,e.imageMaxSize=e.imageMaxSize||2097152,e.imageAccept=e.imageAccept||"image/png, image/jpeg",e.imageTexts=Y({},ie,e.imageTexts||{}),e.errorMessages=Y({},oe,e.errorMessages||{}),null!=e.autosave&&null!=e.autosave.unique_id&&""!=e.autosave.unique_id&&(e.autosave.uniqueId=e.autosave.unique_id),e.overlayMode&&void 0===e.overlayMode.combine&&(e.overlayMode.combine=!0),this.options=e,this.render(),!e.initialValue||this.options.autosave&&!0===this.options.autosave.foundSavedValue||this.value(e.initialValue),e.uploadImage){var a=this;this.codemirror.on("dragenter",(function(e,t){a.updateStatusBar("upload-image",a.options.imageTexts.sbOnDragEnter),t.stopPropagation(),t.preventDefault()})),this.codemirror.on("dragend",(function(e,t){a.updateStatusBar("upload-image",a.options.imageTexts.sbInit),t.stopPropagation(),t.preventDefault()})),this.codemirror.on("dragleave",(function(e,t){a.updateStatusBar("upload-image",a.options.imageTexts.sbInit),t.stopPropagation(),t.preventDefault()})),this.codemirror.on("dragover",(function(e,t){a.updateStatusBar("upload-image",a.options.imageTexts.sbOnDragEnter),t.stopPropagation(),t.preventDefault()})),this.codemirror.on("drop",(function(t,n){n.stopPropagation(),n.preventDefault(),e.imageUploadFunction?a.uploadImagesUsingCustomFunction(e.imageUploadFunction,n.dataTransfer.files):a.uploadImages(n.dataTransfer.files)})),this.codemirror.on("paste",(function(t,n){e.imageUploadFunction?a.uploadImagesUsingCustomFunction(e.imageUploadFunction,n.clipboardData.files):a.uploadImages(n.clipboardData.files)}))}}function le(){if("object"!=typeof localStorage)return!1;try{localStorage.setItem("smde_localStorage",1),localStorage.removeItem("smde_localStorage")}catch(e){return!1}return!0}ae.prototype.uploadImages=function(e,t,n){if(0!==e.length){for(var r=[],i=0;i<e.length;i++)r.push(e[i].name),this.uploadImage(e[i],t,n);this.updateStatusBar("upload-image",this.options.imageTexts.sbOnDrop.replace("#images_names#",r.join(", ")))}},ae.prototype.uploadImagesUsingCustomFunction=function(e,t){if(0!==t.length){for(var n=[],r=0;r<t.length;r++)n.push(t[r].name),this.uploadImageUsingCustomFunction(e,t[r]);this.updateStatusBar("upload-image",this.options.imageTexts.sbOnDrop.replace("#images_names#",n.join(", ")))}},ae.prototype.updateStatusBar=function(e,t){if(this.gui.statusbar){var n=this.gui.statusbar.getElementsByClassName(e);1===n.length?this.gui.statusbar.getElementsByClassName(e)[0].textContent=t:0===n.length?console.log("EasyMDE: status bar item "+e+" was not found."):console.log("EasyMDE: Several status bar items named "+e+" was found.")}},ae.prototype.markdown=function(e){if(o){var t;if(t=this.options&&this.options.renderingConfig&&this.options.renderingConfig.markedOptions?this.options.renderingConfig.markedOptions:{},this.options&&this.options.renderingConfig&&!1===this.options.renderingConfig.singleLineBreaks?t.breaks=!1:t.breaks=!0,this.options&&this.options.renderingConfig&&!0===this.options.renderingConfig.codeSyntaxHighlighting){var n=this.options.renderingConfig.hljs||window.hljs;n&&(t.highlight=function(e,t){return t&&n.getLanguage(t)?n.highlight(t,e).value:n.highlightAuto(e).value})}o.setOptions(t);var r=o.parse(e);return this.options.renderingConfig&&"function"==typeof this.options.renderingConfig.sanitizerFunction&&(r=this.options.renderingConfig.sanitizerFunction.call(this,r)),r=function(e){for(var t=(new DOMParser).parseFromString(e,"text/html"),n=t.getElementsByTagName("li"),r=0;r<n.length;r++)for(var i=n[r],o=0;o<i.children.length;o++){var a=i.children[o];a instanceof HTMLInputElement&&"checkbox"===a.type&&(i.style.marginLeft="-1.5em",i.style.listStyleType="none")}return t.documentElement.innerHTML}(r=function(e){for(var t;null!==(t=l.exec(e));){var n=t[0];if(-1===n.indexOf("target=")){var r=n.replace(/>$/,' target="_blank">');e=e.replace(n,r)}}return e}(r))}},ae.prototype.render=function(e){if(e||(e=this.element||document.getElementsByTagName("textarea")[0]),!this._rendered||this._rendered!==e){this.element=e;var t,n,o=this.options,a=this,l={};for(var u in o.shortcuts)null!==o.shortcuts[u]&&null!==s[u]&&function(e){l[d(o.shortcuts[e])]=function(){var t=s[e];"function"==typeof t?t(a):"string"==typeof t&&window.open(t,"_blank")}}(u);if(l.Enter="newlineAndIndentContinueMarkdownList",l.Tab="tabAndIndentMarkdownList",l["Shift-Tab"]="shiftTabAndUnindentMarkdownList",l.Esc=function(e){e.getOption("fullScreen")&&D(a)},this.documentOnKeyDown=function(e){27==(e=e||window.event).keyCode&&a.codemirror.getOption("fullScreen")&&D(a)},document.addEventListener("keydown",this.documentOnKeyDown,!1),o.overlayMode?(r.defineMode("overlay-mode",(function(e){return r.overlayMode(r.getMode(e,!1!==o.spellChecker?"spell-checker":"gfm"),o.overlayMode.mode,o.overlayMode.combine)})),t="overlay-mode",(n=o.parsingConfig).gitHubSpice=!1):((t=o.parsingConfig).name="gfm",t.gitHubSpice=!1),!1!==o.spellChecker&&(t="spell-checker",(n=o.parsingConfig).name="gfm",n.gitHubSpice=!1,"function"==typeof o.spellChecker?o.spellChecker({codeMirrorInstance:r}):i({codeMirrorInstance:r})),this.codemirror=r.fromTextArea(e,{mode:t,backdrop:n,theme:null!=o.theme?o.theme:"easymde",tabSize:null!=o.tabSize?o.tabSize:2,indentUnit:null!=o.tabSize?o.tabSize:2,indentWithTabs:!1!==o.indentWithTabs,lineNumbers:!0===o.lineNumbers,autofocus:!0===o.autofocus,extraKeys:l,direction:o.direction,lineWrapping:!1!==o.lineWrapping,allowDropFileTypes:["text/plain"],placeholder:o.placeholder||e.getAttribute("placeholder")||"",styleSelectedText:null!=o.styleSelectedText?o.styleSelectedText:!c(),scrollbarStyle:null!=o.scrollbarStyle?o.scrollbarStyle:"native",configureMouse:function(e,t,n){return{addNew:!1}},inputStyle:null!=o.inputStyle?o.inputStyle:c()?"contenteditable":"textarea",spellcheck:null==o.nativeSpellcheck||o.nativeSpellcheck,autoRefresh:null!=o.autoRefresh&&o.autoRefresh}),this.codemirror.getScrollerElement().style.minHeight=o.minHeight,void 0!==o.maxHeight&&(this.codemirror.getScrollerElement().style.height=o.maxHeight),!0===o.forceSync){var h=this.codemirror;h.on("change",(function(){h.save()}))}this.gui={};var f=document.createElement("div");f.classList.add("EasyMDEContainer");var p=this.codemirror.getWrapperElement();p.parentNode.insertBefore(f,p),f.appendChild(p),!1!==o.toolbar&&(this.gui.toolbar=this.createToolbar()),!1!==o.status&&(this.gui.statusbar=this.createStatusbar()),null!=o.autosave&&!0===o.autosave.enabled&&(this.autosave(),this.codemirror.on("change",(function(){clearTimeout(a._autosave_timeout),a._autosave_timeout=setTimeout((function(){a.autosave()}),a.options.autosave.submit_delay||a.options.autosave.delay||1e3)})));var m=this;this.codemirror.on("update",(function(){o.previewImagesInEditor&&f.querySelectorAll(".cm-image-marker").forEach((function(e){var t=e.parentElement;if(t.innerText.match(/^!\[.*?\]\(.*\)/g)&&!t.hasAttribute("data-img-src")){var n=t.innerText.match("\\((.*)\\)");if(window.EMDEimagesCache||(window.EMDEimagesCache={}),n&&n.length>=2){var r=n[1];if(window.EMDEimagesCache[r])v(t,window.EMDEimagesCache[r]);else{var i=document.createElement("img");i.onload=function(){window.EMDEimagesCache[r]={naturalWidth:i.naturalWidth,naturalHeight:i.naturalHeight,url:r},v(t,window.EMDEimagesCache[r])},i.src=r}}}}))})),this.gui.sideBySide=this.createSideBySide(),this._rendered=this.element;var g=this.codemirror;setTimeout(function(){g.refresh()}.bind(g),0)}function v(e,t){var n,r;e.setAttribute("data-img-src",t.url),e.setAttribute("style","--bg-image:url("+t.url+");--width:"+t.naturalWidth+"px;--height:"+(n=t.naturalWidth,r=t.naturalHeight,n<window.getComputedStyle(document.querySelector(".CodeMirror-sizer")).width.replace("px","")?r+"px":r/n*100+"%")),m.codemirror.setSize()}},ae.prototype.cleanup=function(){document.removeEventListener("keydown",this.documentOnKeyDown)},ae.prototype.autosave=function(){if(le()){var e=this;if(null==this.options.autosave.uniqueId||""==this.options.autosave.uniqueId)return void console.log("EasyMDE: You must set a uniqueId to use the autosave feature");!0!==this.options.autosave.binded&&(null!=e.element.form&&null!=e.element.form&&e.element.form.addEventListener("submit",(function(){clearTimeout(e.autosaveTimeoutId),e.autosaveTimeoutId=void 0,localStorage.removeItem("smde_"+e.options.autosave.uniqueId)})),this.options.autosave.binded=!0),!0!==this.options.autosave.loaded&&("string"==typeof localStorage.getItem("smde_"+this.options.autosave.uniqueId)&&""!=localStorage.getItem("smde_"+this.options.autosave.uniqueId)&&(this.codemirror.setValue(localStorage.getItem("smde_"+this.options.autosave.uniqueId)),this.options.autosave.foundSavedValue=!0),this.options.autosave.loaded=!0);var t=e.value();""!==t?localStorage.setItem("smde_"+this.options.autosave.uniqueId,t):localStorage.removeItem("smde_"+this.options.autosave.uniqueId);var n=document.getElementById("autosaved");if(null!=n&&null!=n&&""!=n){var r=new Date,i=new Intl.DateTimeFormat([this.options.autosave.timeFormat.locale,"en-US"],this.options.autosave.timeFormat.format).format(r),o=null==this.options.autosave.text?"Autosaved: ":this.options.autosave.text;n.innerHTML=o+i}}else console.log("EasyMDE: localStorage not available, cannot autosave")},ae.prototype.clearAutosavedValue=function(){if(le()){if(null==this.options.autosave||null==this.options.autosave.uniqueId||""==this.options.autosave.uniqueId)return void console.log("EasyMDE: You must set a uniqueId to clear the autosave value");localStorage.removeItem("smde_"+this.options.autosave.uniqueId)}else console.log("EasyMDE: localStorage not available, cannot autosave")},ae.prototype.openBrowseFileWindow=function(e,t){var n=this,r=this.gui.toolbar.getElementsByClassName("imageInput")[0];r.click(),r.addEventListener("change",(function i(o){n.options.imageUploadFunction?n.uploadImagesUsingCustomFunction(n.options.imageUploadFunction,o.target.files):n.uploadImages(o.target.files,e,t),r.removeEventListener("change",i)}))},ae.prototype.uploadImage=function(e,t,n){var r=this;function i(e){r.updateStatusBar("upload-image",e),setTimeout((function(){r.updateStatusBar("upload-image",r.options.imageTexts.sbInit)}),1e4),n&&"function"==typeof n&&n(e),r.options.errorCallback(e)}function o(t){var n=r.options.imageTexts.sizeUnits.split(",");return t.replace("#image_name#",e.name).replace("#image_size#",K(e.size,n)).replace("#image_max_size#",K(r.options.imageMaxSize,n))}if(t=t||function(e){R(r,e)},e.size>this.options.imageMaxSize)i(o(this.options.errorMessages.fileTooLarge));else{var a=new FormData;a.append("image",e),r.options.imageCSRFToken&&a.append("csrfmiddlewaretoken",r.options.imageCSRFToken);var l=new XMLHttpRequest;l.upload.onprogress=function(t){if(t.lengthComputable){var n=""+Math.round(100*t.loaded/t.total);r.updateStatusBar("upload-image",r.options.imageTexts.sbProgress.replace("#file_name#",e.name).replace("#progress#",n))}},l.open("POST",this.options.imageUploadEndpoint),l.onload=function(){try{var e=JSON.parse(this.responseText)}catch(e){return console.error("EasyMDE: The server did not return a valid json."),void i(o(r.options.errorMessages.importError))}200===this.status&&e&&!e.error&&e.data&&e.data.filePath?t((r.options.imagePathAbsolute?"":window.location.origin+"/")+e.data.filePath):e.error&&e.error in r.options.errorMessages?i(o(r.options.errorMessages[e.error])):e.error?i(o(e.error)):(console.error("EasyMDE: Received an unexpected response after uploading the image."+this.status+" ("+this.statusText+")"),i(o(r.options.errorMessages.importError)))},l.onerror=function(e){console.error("EasyMDE: An unexpected error occurred when trying to upload the image."+e.target.status+" ("+e.target.statusText+")"),i(r.options.errorMessages.importError)},l.send(a)}},ae.prototype.uploadImageUsingCustomFunction=function(e,t){var n=this;e.apply(this,[t,function(e){R(n,e)},function(e){var r=function(e){var r=n.options.imageTexts.sizeUnits.split(",");return e.replace("#image_name#",t.name).replace("#image_size#",K(t.size,r)).replace("#image_max_size#",K(n.options.imageMaxSize,r))}(e);n.updateStatusBar("upload-image",r),setTimeout((function(){n.updateStatusBar("upload-image",n.options.imageTexts.sbInit)}),1e4),n.options.errorCallback(r)}])},ae.prototype.setPreviewMaxHeight=function(){var e=this.codemirror.getWrapperElement(),t=e.nextSibling,n=parseInt(window.getComputedStyle(e).paddingTop),r=parseInt(window.getComputedStyle(e).borderTopWidth),i=(parseInt(this.options.maxHeight)+2*n+2*r).toString()+"px";t.style.height=i},ae.prototype.createSideBySide=function(){var e=this.codemirror,t=e.getWrapperElement(),n=t.nextSibling;if(!n||!/editor-preview-side/.test(n.className)){if((n=document.createElement("div")).className="editor-preview-side",this.options.previewClass)if(Array.isArray(this.options.previewClass))for(var r=0;r<this.options.previewClass.length;r++)n.className+=" "+this.options.previewClass[r];else"string"==typeof this.options.previewClass&&(n.className+=" "+this.options.previewClass);t.parentNode.insertBefore(n,t.nextSibling)}if(void 0!==this.options.maxHeight&&this.setPreviewMaxHeight(),!1===this.options.syncSideBySidePreviewScroll)return n;var i=!1,o=!1;return e.on("scroll",(function(e){if(i)i=!1;else{o=!0;var t=e.getScrollInfo().height-e.getScrollInfo().clientHeight,r=parseFloat(e.getScrollInfo().top)/t,a=(n.scrollHeight-n.clientHeight)*r;n.scrollTop=a}})),n.onscroll=function(){if(o)o=!1;else{i=!0;var t=n.scrollHeight-n.clientHeight,r=parseFloat(n.scrollTop)/t,a=(e.getScrollInfo().height-e.getScrollInfo().clientHeight)*r;e.scrollTo(0,a)}},n},ae.prototype.createToolbar=function(e){if((e=e||this.options.toolbar)&&0!==e.length){var t;for(t=0;t<e.length;t++)null!=J[e[t]]&&(e[t]=J[e[t]]);var n=document.createElement("div");n.className="editor-toolbar";var r=this,i={};for(r.toolbar=e,t=0;t<e.length;t++)if(("guide"!=e[t].name||!1!==r.options.toolbarGuideIcon)&&!(r.options.hideIcons&&-1!=r.options.hideIcons.indexOf(e[t].name)||("fullscreen"==e[t].name||"side-by-side"==e[t].name)&&c())){if("|"===e[t]){for(var o=!1,a=t+1;a<e.length;a++)"|"===e[a]||r.options.hideIcons&&-1!=r.options.hideIcons.indexOf(e[a].name)||(o=!0);if(!o)continue}!function(e){var t;if(t="|"===e?x():e.children?g(e,r.options.toolbarTips,r.options.shortcuts,r):v(e,!0,r.options.toolbarTips,r.options.shortcuts,"button",r),i[e.name||e]=t,n.appendChild(t),"upload-image"===e.name){var o=document.createElement("input");o.className="imageInput",o.type="file",o.multiple=!0,o.name="image",o.accept=r.options.imageAccept,o.style.display="none",o.style.opacity=0,n.appendChild(o)}}(e[t])}r.toolbar_div=n,r.toolbarElements=i;var l=this.codemirror;l.on("cursorActivity",(function(){var e=y(l);for(var t in i)!function(t){var n=i[t];e[t]?n.className+=" active":"fullscreen"!=t&&"side-by-side"!=t&&(n.className=n.className.replace(/\s*active\s*/g,""))}(t)}));var s=l.getWrapperElement();return s.parentNode.insertBefore(n,s),n}},ae.prototype.createStatusbar=function(e){e=e||this.options.status;var t=this.options,n=this.codemirror;if(e&&0!==e.length){var r,i,o,a,l=[];for(r=0;r<e.length;r++)if(i=void 0,o=void 0,a=void 0,"object"==typeof e[r])l.push({className:e[r].className,defaultValue:e[r].defaultValue,onUpdate:e[r].onUpdate,onActivity:e[r].onActivity});else{var s=e[r];"words"===s?(a=function(e){e.innerHTML=Q(n.getValue())},i=function(e){e.innerHTML=Q(n.getValue())}):"lines"===s?(a=function(e){e.innerHTML=n.lineCount()},i=function(e){e.innerHTML=n.lineCount()}):"cursor"===s?(a=function(e){e.innerHTML="1:1"},o=function(e){var t=n.getCursor(),r=t.line+1,i=t.ch+1;e.innerHTML=r+":"+i}):"autosave"===s?a=function(e){null!=t.autosave&&!0===t.autosave.enabled&&e.setAttribute("id","autosaved")}:"upload-image"===s&&(a=function(e){e.innerHTML=t.imageTexts.sbInit}),l.push({className:s,defaultValue:a,onUpdate:i,onActivity:o})}var u=document.createElement("div");for(u.className="editor-statusbar",r=0;r<l.length;r++){var c=l[r],d=document.createElement("span");d.className=c.className,"function"==typeof c.defaultValue&&c.defaultValue(d),"function"==typeof c.onUpdate&&this.codemirror.on("update",function(e,t){return function(){t.onUpdate(e)}}(d,c)),"function"==typeof c.onActivity&&this.codemirror.on("cursorActivity",function(e,t){return function(){t.onActivity(e)}}(d,c)),u.appendChild(d)}var h=this.codemirror.getWrapperElement();return h.parentNode.insertBefore(u,h.nextSibling),u}},ae.prototype.value=function(e){var t=this.codemirror;if(void 0===e)return t.getValue();if(t.getDoc().setValue(e),this.isPreviewActive()){var n=t.getWrapperElement().lastChild;n.innerHTML=this.options.previewRender(e,n)}return this},ae.toggleBold=C,ae.toggleItalic=w,ae.toggleStrikethrough=k,ae.toggleBlockquote=F,ae.toggleHeadingSmaller=A,ae.toggleHeadingBigger=E,ae.toggleHeading1=T,ae.toggleHeading2=L,ae.toggleHeading3=M,ae.toggleCodeBlock=S,ae.toggleUnorderedList=B,ae.toggleOrderedList=N,ae.cleanBlock=O,ae.drawLink=I,ae.drawImage=z,ae.drawUploadedImage=H,ae.drawTable=P,ae.drawHorizontalRule=_,ae.undo=W,ae.redo=j,ae.togglePreview=U,ae.toggleSideBySide=q,ae.toggleFullScreen=D,ae.prototype.toggleBold=function(){C(this)},ae.prototype.toggleItalic=function(){w(this)},ae.prototype.toggleStrikethrough=function(){k(this)},ae.prototype.toggleBlockquote=function(){F(this)},ae.prototype.toggleHeadingSmaller=function(){A(this)},ae.prototype.toggleHeadingBigger=function(){E(this)},ae.prototype.toggleHeading1=function(){T(this)},ae.prototype.toggleHeading2=function(){L(this)},ae.prototype.toggleHeading3=function(){M(this)},ae.prototype.toggleCodeBlock=function(){S(this)},ae.prototype.toggleUnorderedList=function(){B(this)},ae.prototype.toggleOrderedList=function(){N(this)},ae.prototype.cleanBlock=function(){O(this)},ae.prototype.drawLink=function(){I(this)},ae.prototype.drawImage=function(){z(this)},ae.prototype.drawUploadedImage=function(){H(this)},ae.prototype.drawTable=function(){P(this)},ae.prototype.drawHorizontalRule=function(){_(this)},ae.prototype.undo=function(){W(this)},ae.prototype.redo=function(){j(this)},ae.prototype.togglePreview=function(){U(this)},ae.prototype.toggleSideBySide=function(){q(this)},ae.prototype.toggleFullScreen=function(){D(this)},ae.prototype.isPreviewActive=function(){var e=this.codemirror.getWrapperElement().lastChild;return/editor-preview-active/.test(e.className)},ae.prototype.isSideBySideActive=function(){var e=this.codemirror.getWrapperElement().nextSibling;return/editor-preview-active-side/.test(e.className)},ae.prototype.isFullscreenActive=function(){return this.codemirror.getOption("fullScreen")},ae.prototype.getState=function(){return y(this.codemirror)},ae.prototype.toTextArea=function(){var e=this.codemirror,t=e.getWrapperElement(),n=t.parentNode;n&&(this.gui.toolbar&&n.removeChild(this.gui.toolbar),this.gui.statusbar&&n.removeChild(this.gui.statusbar),this.gui.sideBySide&&n.removeChild(this.gui.sideBySide)),n.parentNode.insertBefore(t,n),n.remove(),e.toTextArea(),this.autosaveTimeoutId&&(clearTimeout(this.autosaveTimeoutId),this.autosaveTimeoutId=void 0,this.clearAutosavedValue())},t.exports=ae},{"./codemirror/tablist":17,codemirror:10,"codemirror-spell-checker":2,"codemirror/addon/display/autorefresh.js":3,"codemirror/addon/display/fullscreen.js":4,"codemirror/addon/display/placeholder.js":5,"codemirror/addon/edit/continuelist.js":6,"codemirror/addon/mode/overlay.js":7,"codemirror/addon/search/searchcursor.js":8,"codemirror/addon/selection/mark-selection.js":9,"codemirror/mode/gfm/gfm.js":11,"codemirror/mode/markdown/markdown.js":12,"codemirror/mode/xml/xml.js":14,marked:15}]},{},[18])(18)}));
\ No newline at end of file
diff --git a/public/assets/js/fancybox.umd.js b/public/assets/js/fancybox.umd.js
new file mode 100644
index 0000000000000000000000000000000000000000..59d2424e876e7b7958a7ec14aca04a8ec4a570a6
--- /dev/null
+++ b/public/assets/js/fancybox.umd.js
@@ -0,0 +1,2 @@
+// @fancyapps/ui/Fancybox v4.0.27
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).window=t.window||{})}(this,(function(t){"use strict";function e(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function i(t){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?e(Object(n),!0).forEach((function(e){r(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):e(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function s(t,e,i){return e&&a(t.prototype,e),i&&a(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}function r(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&h(t,e)}function c(t){return c=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},c(t)}function h(t,e){return h=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},h(t,e)}function d(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function u(t,e){if(e&&("object"==typeof e||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return d(t)}function f(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=c(t);if(e){var o=c(this).constructor;i=Reflect.construct(n,arguments,o)}else i=n.apply(this,arguments);return u(this,i)}}function v(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=c(t)););return t}function p(){return p="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,i){var n=v(t,e);if(n){var o=Object.getOwnPropertyDescriptor(n,e);return o.get?o.get.call(arguments.length<3?t:i):o.value}},p.apply(this,arguments)}function g(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var i=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==i)return;var n,o,a=[],s=!0,r=!1;try{for(i=i.call(t);!(s=(n=i.next()).done)&&(a.push(n.value),!e||a.length!==e);s=!0);}catch(t){r=!0,o=t}finally{try{s||null==i.return||i.return()}finally{if(r)throw o}}return a}(t,e)||y(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(t){return function(t){if(Array.isArray(t))return b(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||y(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(t,e){if(t){if("string"==typeof t)return b(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?b(t,e):void 0}}function b(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=new Array(e);i<e;i++)n[i]=t[i];return n}function x(t,e){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!i){if(Array.isArray(t)||(i=y(t))||e&&t&&"number"==typeof t.length){i&&(t=i);var n=0,o=function(){};return{s:o,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,s=!0,r=!1;return{s:function(){i=i.call(t)},n:function(){var t=i.next();return s=t.done,t},e:function(t){r=!0,a=t},f:function(){try{s||null==i.return||i.return()}finally{if(r)throw a}}}}var w=function(t){return"object"===n(t)&&null!==t&&t.constructor===Object&&"[object Object]"===Object.prototype.toString.call(t)},k=function t(){for(var e=!1,i=arguments.length,o=new Array(i),a=0;a<i;a++)o[a]=arguments[a];"boolean"==typeof o[0]&&(e=o.shift());var s=o[0];if(!s||"object"!==n(s))throw new Error("extendee must be an object");for(var r=o.slice(1),l=r.length,c=0;c<l;c++){var h=r[c];for(var d in h)if(h.hasOwnProperty(d)){var u=h[d];if(e&&(Array.isArray(u)||w(u))){var f=Array.isArray(u)?[]:{};s[d]=t(!0,s.hasOwnProperty(d)?s[d]:f,u)}else s[d]=u}}return s},S=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1e4;return t=parseFloat(t)||0,Math.round((t+Number.EPSILON)*e)/e},C=function t(e){return!!(e&&"object"===n(e)&&e instanceof Element&&e!==document.body)&&(!e.__Panzoom&&(function(t){var e=getComputedStyle(t)["overflow-y"],i=getComputedStyle(t)["overflow-x"],n=("scroll"===e||"auto"===e)&&Math.abs(t.scrollHeight-t.clientHeight)>1,o=("scroll"===i||"auto"===i)&&Math.abs(t.scrollWidth-t.clientWidth)>1;return n||o}(e)?e:t(e.parentNode)))},$="undefined"!=typeof window&&window.ResizeObserver||function(){function t(e){o(this,t),this.observables=[],this.boundCheck=this.check.bind(this),this.boundCheck(),this.callback=e}return s(t,[{key:"observe",value:function(t){if(!this.observables.some((function(e){return e.el===t}))){var e={el:t,size:{height:t.clientHeight,width:t.clientWidth}};this.observables.push(e)}}},{key:"unobserve",value:function(t){this.observables=this.observables.filter((function(e){return e.el!==t}))}},{key:"disconnect",value:function(){this.observables=[]}},{key:"check",value:function(){var t=this.observables.filter((function(t){var e=t.el.clientHeight,i=t.el.clientWidth;if(t.size.height!==e||t.size.width!==i)return t.size.height=e,t.size.width=i,!0})).map((function(t){return t.el}));t.length>0&&this.callback(t),window.requestAnimationFrame(this.boundCheck)}}]),t}(),E=s((function t(e){o(this,t),this.id=self.Touch&&e instanceof Touch?e.identifier:-1,this.pageX=e.pageX,this.pageY=e.pageY,this.clientX=e.clientX,this.clientY=e.clientY})),P=function(t,e){return e?Math.sqrt(Math.pow(e.clientX-t.clientX,2)+Math.pow(e.clientY-t.clientY,2)):0},T=function(t,e){return e?{clientX:(t.clientX+e.clientX)/2,clientY:(t.clientY+e.clientY)/2}:t},L=function(t){return"changedTouches"in t},_=function(){function t(e){var i=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=n.start,s=void 0===a?function(){return!0}:a,r=n.move,l=void 0===r?function(){}:r,c=n.end,h=void 0===c?function(){}:c;o(this,t),this._element=e,this.startPointers=[],this.currentPointers=[],this._pointerStart=function(t){if(!(t.buttons>0&&0!==t.button)){var e=new E(t);i.currentPointers.some((function(t){return t.id===e.id}))||i._triggerPointerStart(e,t)&&(window.addEventListener("mousemove",i._move),window.addEventListener("mouseup",i._pointerEnd))}},this._touchStart=function(t){for(var e=0,n=Array.from(t.changedTouches||[]);e<n.length;e++){var o=n[e];i._triggerPointerStart(new E(o),t)}},this._move=function(t){var e,n=i.currentPointers.slice(),o=L(t)?Array.from(t.changedTouches).map((function(t){return new E(t)})):[new E(t)],a=[],s=x(o);try{var r=function(){var t=e.value,n=i.currentPointers.findIndex((function(e){return e.id===t.id}));if(n<0)return"continue";a.push(t),i.currentPointers[n]=t};for(s.s();!(e=s.n()).done;)r()}catch(t){s.e(t)}finally{s.f()}i._moveCallback(n,i.currentPointers.slice(),t)},this._triggerPointerEnd=function(t,e){var n=i.currentPointers.findIndex((function(e){return e.id===t.id}));return!(n<0)&&(i.currentPointers.splice(n,1),i.startPointers.splice(n,1),i._endCallback(t,e),!0)},this._pointerEnd=function(t){t.buttons>0&&0!==t.button||i._triggerPointerEnd(new E(t),t)&&(window.removeEventListener("mousemove",i._move,{passive:!1}),window.removeEventListener("mouseup",i._pointerEnd,{passive:!1}))},this._touchEnd=function(t){for(var e=0,n=Array.from(t.changedTouches||[]);e<n.length;e++){var o=n[e];i._triggerPointerEnd(new E(o),t)}},this._startCallback=s,this._moveCallback=l,this._endCallback=h,this._element.addEventListener("mousedown",this._pointerStart,{passive:!1}),this._element.addEventListener("touchstart",this._touchStart,{passive:!1}),this._element.addEventListener("touchmove",this._move,{passive:!1}),this._element.addEventListener("touchend",this._touchEnd),this._element.addEventListener("touchcancel",this._touchEnd)}return s(t,[{key:"stop",value:function(){this._element.removeEventListener("mousedown",this._pointerStart,{passive:!1}),this._element.removeEventListener("touchstart",this._touchStart,{passive:!1}),this._element.removeEventListener("touchmove",this._move,{passive:!1}),this._element.removeEventListener("touchend",this._touchEnd),this._element.removeEventListener("touchcancel",this._touchEnd),window.removeEventListener("mousemove",this._move),window.removeEventListener("mouseup",this._pointerEnd)}},{key:"_triggerPointerStart",value:function(t,e){return!!this._startCallback(t,e)&&(this.currentPointers.push(t),this.startPointers.push(t),!0)}}]),t}(),A=function(t,e){return t.split(".").reduce((function(t,e){return t&&t[e]}),e)},O=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};o(this,t),this.options=k(!0,{},e),this.plugins=[],this.events={};for(var i=0,n=["on","once"];i<n.length;i++)for(var a=n[i],s=0,r=Object.entries(this.options[a]||{});s<r.length;s++){var l=r[s];this[a].apply(this,m(l))}}return s(t,[{key:"option",value:function(t,e){t=String(t);var i=A(t,this.options);if("function"==typeof i){for(var n,o=arguments.length,a=new Array(o>2?o-2:0),s=2;s<o;s++)a[s-2]=arguments[s];i=(n=i).call.apply(n,[this,this].concat(a))}return void 0===i?e:i}},{key:"localize",value:function(t){var e=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return t=(t=String(t).replace(/\{\{(\w+).?(\w+)?\}\}/g,(function(t,n,o){var a="";o?a=e.option("".concat(n[0]+n.toLowerCase().substring(1),".l10n.").concat(o)):n&&(a=e.option("l10n.".concat(n))),a||(a=t);for(var s=0;s<i.length;s++)a=a.split(i[s][0]).join(i[s][1]);return a}))).replace(/\{\{(.*)\}\}/,(function(t,e){return e}))}},{key:"on",value:function(t,e){var i=this;if(w(t)){for(var n=0,o=Object.entries(t);n<o.length;n++){var a=o[n];this.on.apply(this,m(a))}return this}return String(t).split(" ").forEach((function(t){var n=i.events[t]=i.events[t]||[];-1==n.indexOf(e)&&n.push(e)})),this}},{key:"once",value:function(t,e){var i=this;if(w(t)){for(var n=0,o=Object.entries(t);n<o.length;n++){var a=o[n];this.once.apply(this,m(a))}return this}return String(t).split(" ").forEach((function(t){var n=function n(){i.off(t,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];e.call.apply(e,[i,i].concat(a))};n._=e,i.on(t,n)})),this}},{key:"off",value:function(t,e){var i=this;if(!w(t))return t.split(" ").forEach((function(t){var n=i.events[t];if(!n||!n.length)return i;for(var o=-1,a=0,s=n.length;a<s;a++){var r=n[a];if(r&&(r===e||r._===e)){o=a;break}}-1!=o&&n.splice(o,1)})),this;for(var n=0,o=Object.entries(t);n<o.length;n++){var a=o[n];this.off.apply(this,m(a))}}},{key:"trigger",value:function(t){for(var e=arguments.length,i=new Array(e>1?e-1:0),n=1;n<e;n++)i[n-1]=arguments[n];var o,a=x(m(this.events[t]||[]).slice());try{for(a.s();!(o=a.n()).done;){var s=o.value;if(s&&!1===s.call.apply(s,[this,this].concat(i)))return!1}}catch(t){a.e(t)}finally{a.f()}var r,l=x(m(this.events["*"]||[]).slice());try{for(l.s();!(r=l.n()).done;){var c=r.value;if(c&&!1===c.call.apply(c,[this,t,this].concat(i)))return!1}}catch(t){l.e(t)}finally{l.f()}return!0}},{key:"attachPlugins",value:function(t){for(var e={},i=0,n=Object.entries(t||{});i<n.length;i++){var o=g(n[i],2),a=o[0],s=o[1];!1===this.options[a]||this.plugins[a]||(this.options[a]=k({},s.defaults||{},this.options[a]),e[a]=new s(this))}for(var r=0,l=Object.entries(e);r<l.length;r++){var c=g(l[r],2);c[0],c[1].attach(this)}return this.plugins=Object.assign({},this.plugins,e),this}},{key:"detachPlugins",value:function(){for(var t in this.plugins){var e=void 0;(e=this.plugins[t])&&"function"==typeof e.detach&&e.detach(this)}return this.plugins={},this}}]),t}(),z={touch:!0,zoom:!0,pinchToZoom:!0,panOnlyZoomed:!1,lockAxis:!1,friction:.64,decelFriction:.88,zoomFriction:.74,bounceForce:.2,baseScale:1,minScale:1,maxScale:2,step:.5,textSelection:!1,click:"toggleZoom",wheel:"zoom",wheelFactor:42,wheelLimit:5,draggableClass:"is-draggable",draggingClass:"is-dragging",ratio:1},M=function(t){l(n,t);var e=f(n);function n(t){var i,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};o(this,n),(i=e.call(this,k(!0,{},z,a))).state="init",i.$container=t;for(var s=0,r=["onLoad","onWheel","onClick"];s<r.length;s++){var l=r[s];i[l]=i[l].bind(d(i))}return i.initLayout(),i.resetValues(),i.attachPlugins(n.Plugins),i.trigger("init"),i.updateMetrics(),i.attachEvents(),i.trigger("ready"),!1===i.option("centerOnStart")?i.state="ready":i.panTo({friction:0}),t.__Panzoom=d(i),i}return s(n,[{key:"initLayout",value:function(){var t=this.$container;if(!(t instanceof HTMLElement))throw new Error("Panzoom: Container not found");var e=this.option("content")||t.querySelector(".panzoom__content");if(!e)throw new Error("Panzoom: Content not found");this.$content=e;var i,n=this.option("viewport")||t.querySelector(".panzoom__viewport");n||!1===this.option("wrapInner")||((n=document.createElement("div")).classList.add("panzoom__viewport"),(i=n).append.apply(i,m(t.childNodes)),t.appendChild(n));this.$viewport=n||e.parentNode}},{key:"resetValues",value:function(){this.updateRate=this.option("updateRate",/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)?250:24),this.container={width:0,height:0},this.viewport={width:0,height:0},this.content={origWidth:0,origHeight:0,width:0,height:0,x:this.option("x",0),y:this.option("y",0),scale:this.option("baseScale")},this.transform={x:0,y:0,scale:1},this.resetDragPosition()}},{key:"onLoad",value:function(t){this.updateMetrics(),this.panTo({scale:this.option("baseScale"),friction:0}),this.trigger("load",t)}},{key:"onClick",value:function(t){if(!t.defaultPrevented)if(this.option("textSelection")&&window.getSelection().toString().length)t.stopPropagation();else{var e=this.$content.getClientRects()[0];if("ready"!==this.state&&(this.dragPosition.midPoint||Math.abs(e.top-this.dragStart.rect.top)>1||Math.abs(e.left-this.dragStart.rect.left)>1))return t.preventDefault(),void t.stopPropagation();!1!==this.trigger("click",t)&&this.option("zoom")&&"toggleZoom"===this.option("click")&&(t.preventDefault(),t.stopPropagation(),this.zoomWithClick(t))}}},{key:"onWheel",value:function(t){!1!==this.trigger("wheel",t)&&this.option("zoom")&&this.option("wheel")&&this.zoomWithWheel(t)}},{key:"zoomWithWheel",value:function(t){void 0===this.changedDelta&&(this.changedDelta=0);var e=Math.max(-1,Math.min(1,-t.deltaY||-t.deltaX||t.wheelDelta||-t.detail)),i=this.content.scale,n=i*(100+e*this.option("wheelFactor"))/100;if(e<0&&Math.abs(i-this.option("minScale"))<.01||e>0&&Math.abs(i-this.option("maxScale"))<.01?(this.changedDelta+=Math.abs(e),n=i):(this.changedDelta=0,n=Math.max(Math.min(n,this.option("maxScale")),this.option("minScale"))),!(this.changedDelta>this.option("wheelLimit"))&&(t.preventDefault(),n!==i)){var o=this.$content.getBoundingClientRect(),a=t.clientX-o.left,s=t.clientY-o.top;this.zoomTo(n,{x:a,y:s})}}},{key:"zoomWithClick",value:function(t){var e=this.$content.getClientRects()[0],i=t.clientX-e.left,n=t.clientY-e.top;this.toggleZoom({x:i,y:n})}},{key:"attachEvents",value:function(){var t=this;this.$content.addEventListener("load",this.onLoad),this.$container.addEventListener("wheel",this.onWheel,{passive:!1}),this.$container.addEventListener("click",this.onClick,{passive:!1}),this.initObserver();var e=new _(this.$container,{start:function(i,n){if(!t.option("touch"))return!1;if(t.velocity.scale<0)return!1;var o=n.composedPath()[0];if(!e.currentPointers.length){if(-1!==["BUTTON","TEXTAREA","OPTION","INPUT","SELECT","VIDEO"].indexOf(o.nodeName))return!1;if(t.option("textSelection")&&function(t,e,i){for(var n=t.childNodes,o=document.createRange(),a=0;a<n.length;a++){var s=n[a];if(s.nodeType===Node.TEXT_NODE){o.selectNodeContents(s);var r=o.getBoundingClientRect();if(e>=r.left&&i>=r.top&&e<=r.right&&i<=r.bottom)return s}}return!1}(o,i.clientX,i.clientY))return!1}return!C(o)&&(!1!==t.trigger("touchStart",n)&&("mousedown"===n.type&&n.preventDefault(),t.state="pointerdown",t.resetDragPosition(),t.dragPosition.midPoint=null,t.dragPosition.time=Date.now(),!0))},move:function(i,n,o){if("pointerdown"===t.state)if(!1!==t.trigger("touchMove",o)){if(!(n.length<2&&!0===t.option("panOnlyZoomed")&&t.content.width<=t.viewport.width&&t.content.height<=t.viewport.height&&t.transform.scale<=t.option("baseScale"))&&(!(n.length>1)||t.option("zoom")&&!1!==t.option("pinchToZoom"))){var a=T(i[0],i[1]),s=T(n[0],n[1]),r=s.clientX-a.clientX,l=s.clientY-a.clientY,c=P(i[0],i[1]),h=P(n[0],n[1]),d=c&&h?h/c:1;t.dragOffset.x+=r,t.dragOffset.y+=l,t.dragOffset.scale*=d,t.dragOffset.time=Date.now()-t.dragPosition.time;var u=1===t.dragStart.scale&&t.option("lockAxis");if(u&&!t.lockAxis){if(Math.abs(t.dragOffset.x)<6&&Math.abs(t.dragOffset.y)<6)return void o.preventDefault();var f=Math.abs(180*Math.atan2(t.dragOffset.y,t.dragOffset.x)/Math.PI);t.lockAxis=f>45&&f<135?"y":"x"}if("xy"===u||"y"!==t.lockAxis){if(o.preventDefault(),o.stopPropagation(),o.stopImmediatePropagation(),t.lockAxis&&(t.dragOffset["x"===t.lockAxis?"y":"x"]=0),t.$container.classList.add(t.option("draggingClass")),t.transform.scale===t.option("baseScale")&&"y"===t.lockAxis||(t.dragPosition.x=t.dragStart.x+t.dragOffset.x),t.transform.scale===t.option("baseScale")&&"x"===t.lockAxis||(t.dragPosition.y=t.dragStart.y+t.dragOffset.y),t.dragPosition.scale=t.dragStart.scale*t.dragOffset.scale,n.length>1){var v=T(e.startPointers[0],e.startPointers[1]),p=v.clientX-t.dragStart.rect.x,g=v.clientY-t.dragStart.rect.y,m=t.getZoomDelta(t.content.scale*t.dragOffset.scale,p,g),y=m.deltaX,b=m.deltaY;t.dragPosition.x-=y,t.dragPosition.y-=b,t.dragPosition.midPoint=s}else t.setDragResistance();t.transform={x:t.dragPosition.x,y:t.dragPosition.y,scale:t.dragPosition.scale},t.startAnimation()}}}else o.preventDefault()},end:function(n,o){if("pointerdown"===t.state)if(t._dragOffset=i({},t.dragOffset),e.currentPointers.length)t.resetDragPosition();else if(t.state="decel",t.friction=t.option("decelFriction"),t.recalculateTransform(),t.$container.classList.remove(t.option("draggingClass")),!1!==t.trigger("touchEnd",o)&&"decel"===t.state){var a=t.option("minScale");if(t.transform.scale<a)t.zoomTo(a,{friction:.64});else{var s=t.option("maxScale");if(t.transform.scale-s>.01){var r=t.dragPosition.midPoint||n,l=t.$content.getClientRects()[0];t.zoomTo(s,{friction:.64,x:r.clientX-l.left,y:r.clientY-l.top})}else;}}}});this.pointerTracker=e}},{key:"initObserver",value:function(){var t=this;this.resizeObserver||(this.resizeObserver=new $((function(){t.updateTimer||(t.updateTimer=setTimeout((function(){var e=t.$container.getBoundingClientRect();e.width&&e.height?((Math.abs(e.width-t.container.width)>1||Math.abs(e.height-t.container.height)>1)&&(t.isAnimating()&&t.endAnimation(!0),t.updateMetrics(),t.panTo({x:t.content.x,y:t.content.y,scale:t.option("baseScale"),friction:0})),t.updateTimer=null):t.updateTimer=null}),t.updateRate))})),this.resizeObserver.observe(this.$container))}},{key:"resetDragPosition",value:function(){this.lockAxis=null,this.friction=this.option("friction"),this.velocity={x:0,y:0,scale:0};var t=this.content,e=t.x,n=t.y,o=t.scale;this.dragStart={rect:this.$content.getBoundingClientRect(),x:e,y:n,scale:o},this.dragPosition=i(i({},this.dragPosition),{},{x:e,y:n,scale:o}),this.dragOffset={x:0,y:0,scale:1,time:0}}},{key:"updateMetrics",value:function(t){!0!==t&&this.trigger("beforeUpdate");var e,n=this.$container,o=this.$content,a=this.$viewport,s=o instanceof HTMLImageElement,r=this.option("zoom"),l=this.option("resizeParent",r),c=this.option("width"),h=this.option("height"),d=c||(e=o,Math.max(parseFloat(e.naturalWidth||0),parseFloat(e.width&&e.width.baseVal&&e.width.baseVal.value||0),parseFloat(e.offsetWidth||0),parseFloat(e.scrollWidth||0))),u=h||function(t){return Math.max(parseFloat(t.naturalHeight||0),parseFloat(t.height&&t.height.baseVal&&t.height.baseVal.value||0),parseFloat(t.offsetHeight||0),parseFloat(t.scrollHeight||0))}(o);Object.assign(o.style,{width:c?"".concat(c,"px"):"",height:h?"".concat(h,"px"):"",maxWidth:"",maxHeight:""}),l&&Object.assign(a.style,{width:"",height:""});var f=this.option("ratio");c=d=S(d*f),h=u=S(u*f);var v=o.getBoundingClientRect(),p=a.getBoundingClientRect(),g=a==n?p:n.getBoundingClientRect(),m=Math.max(a.offsetWidth,S(p.width)),y=Math.max(a.offsetHeight,S(p.height)),b=window.getComputedStyle(a);if(m-=parseFloat(b.paddingLeft)+parseFloat(b.paddingRight),y-=parseFloat(b.paddingTop)+parseFloat(b.paddingBottom),this.viewport.width=m,this.viewport.height=y,r){if(Math.abs(d-v.width)>.1||Math.abs(u-v.height)>.1){var x=function(t,e,i,n){var o=Math.min(i/t||0,n/e);return{width:t*o||0,height:e*o||0}}(d,u,Math.min(d,v.width),Math.min(u,v.height));c=S(x.width),h=S(x.height)}Object.assign(o.style,{width:"".concat(c,"px"),height:"".concat(h,"px"),transform:""})}if(l&&(Object.assign(a.style,{width:"".concat(c,"px"),height:"".concat(h,"px")}),this.viewport=i(i({},this.viewport),{},{width:c,height:h})),s&&r&&"function"!=typeof this.options.maxScale){var w=this.option("maxScale");this.options.maxScale=function(){return this.content.origWidth>0&&this.content.fitWidth>0?this.content.origWidth/this.content.fitWidth:w}}this.content=i(i({},this.content),{},{origWidth:d,origHeight:u,fitWidth:c,fitHeight:h,width:c,height:h,scale:1,isZoomable:r}),this.container={width:g.width,height:g.height},!0!==t&&this.trigger("afterUpdate")}},{key:"zoomIn",value:function(t){this.zoomTo(this.content.scale+(t||this.option("step")))}},{key:"zoomOut",value:function(t){this.zoomTo(this.content.scale-(t||this.option("step")))}},{key:"toggleZoom",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=this.option("maxScale"),i=this.option("baseScale"),n=this.content.scale>i+.5*(e-i)?i:e;this.zoomTo(n,t)}},{key:"zoomTo",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.option("baseScale"),e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=e.x,n=void 0===i?null:i,o=e.y,a=void 0===o?null:o;t=Math.max(Math.min(t,this.option("maxScale")),this.option("minScale"));var s=S(this.content.scale/(this.content.width/this.content.fitWidth),1e7);null===n&&(n=this.content.width*s*.5),null===a&&(a=this.content.height*s*.5);var r=this.getZoomDelta(t,n,a),l=r.deltaX,c=r.deltaY;n=this.content.x-l,a=this.content.y-c,this.panTo({x:n,y:a,scale:t,friction:this.option("zoomFriction")})}},{key:"getZoomDelta",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,n=this.content.fitWidth*this.content.scale,o=this.content.fitHeight*this.content.scale,a=e>0&&n?e/n:0,s=i>0&&o?i/o:0,r=this.content.fitWidth*t,l=this.content.fitHeight*t,c=(r-n)*a,h=(l-o)*s;return{deltaX:c,deltaY:h}}},{key:"panTo",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.x,n=void 0===e?this.content.x:e,o=t.y,a=void 0===o?this.content.y:o,s=t.scale,r=t.friction,l=void 0===r?this.option("friction"):r,c=t.ignoreBounds,h=void 0!==c&&c;if(s=s||this.content.scale||1,!h){var d=this.getBounds(s),u=d.boundX,f=d.boundY;u&&(n=Math.max(Math.min(n,u.to),u.from)),f&&(a=Math.max(Math.min(a,f.to),f.from))}this.friction=l,this.transform=i(i({},this.transform),{},{x:n,y:a,scale:s}),l?(this.state="panning",this.velocity={x:(1/this.friction-1)*(n-this.content.x),y:(1/this.friction-1)*(a-this.content.y),scale:(1/this.friction-1)*(s-this.content.scale)},this.startAnimation()):this.endAnimation()}},{key:"startAnimation",value:function(){var t=this;this.rAF?cancelAnimationFrame(this.rAF):this.trigger("startAnimation"),this.rAF=requestAnimationFrame((function(){return t.animate()}))}},{key:"animate",value:function(){var t=this;if(this.setEdgeForce(),this.setDragForce(),this.velocity.x*=this.friction,this.velocity.y*=this.friction,this.velocity.scale*=this.friction,this.content.x+=this.velocity.x,this.content.y+=this.velocity.y,this.content.scale+=this.velocity.scale,this.isAnimating())this.setTransform();else if("pointerdown"!==this.state)return void this.endAnimation();this.rAF=requestAnimationFrame((function(){return t.animate()}))}},{key:"getBounds",value:function(t){var e=this.boundX,i=this.boundY;if(void 0!==e&&void 0!==i)return{boundX:e,boundY:i};e={from:0,to:0},i={from:0,to:0},t=t||this.transform.scale;var n=this.content.fitWidth*t,o=this.content.fitHeight*t,a=this.viewport.width,s=this.viewport.height;if(n<a){var r=S(.5*(a-n));e.from=r,e.to=r}else e.from=S(a-n);if(o<s){var l=.5*(s-o);i.from=l,i.to=l}else i.from=S(s-o);return{boundX:e,boundY:i}}},{key:"setEdgeForce",value:function(){if("decel"===this.state){var t,e,i,n,o=this.option("bounceForce"),a=this.getBounds(Math.max(this.transform.scale,this.content.scale)),s=a.boundX,r=a.boundY;if(s&&(t=this.content.x<s.from,e=this.content.x>s.to),r&&(i=this.content.y<r.from,n=this.content.y>r.to),t||e){var l=((t?s.from:s.to)-this.content.x)*o,c=this.content.x+(this.velocity.x+l)/this.friction;c>=s.from&&c<=s.to&&(l+=this.velocity.x),this.velocity.x=l,this.recalculateTransform()}if(i||n){var h=((i?r.from:r.to)-this.content.y)*o,d=this.content.y+(h+this.velocity.y)/this.friction;d>=r.from&&d<=r.to&&(h+=this.velocity.y),this.velocity.y=h,this.recalculateTransform()}}}},{key:"setDragResistance",value:function(){if("pointerdown"===this.state){var t,e,i,n,o=this.getBounds(this.dragPosition.scale),a=o.boundX,s=o.boundY;if(a&&(t=this.dragPosition.x<a.from,e=this.dragPosition.x>a.to),s&&(i=this.dragPosition.y<s.from,n=this.dragPosition.y>s.to),(t||e)&&(!t||!e)){var r=t?a.from:a.to,l=r-this.dragPosition.x;this.dragPosition.x=r-.3*l}if((i||n)&&(!i||!n)){var c=i?s.from:s.to,h=c-this.dragPosition.y;this.dragPosition.y=c-.3*h}}}},{key:"setDragForce",value:function(){"pointerdown"===this.state&&(this.velocity.x=this.dragPosition.x-this.content.x,this.velocity.y=this.dragPosition.y-this.content.y,this.velocity.scale=this.dragPosition.scale-this.content.scale)}},{key:"recalculateTransform",value:function(){this.transform.x=this.content.x+this.velocity.x/(1/this.friction-1),this.transform.y=this.content.y+this.velocity.y/(1/this.friction-1),this.transform.scale=this.content.scale+this.velocity.scale/(1/this.friction-1)}},{key:"isAnimating",value:function(){return!(!this.friction||!(Math.abs(this.velocity.x)>.05||Math.abs(this.velocity.y)>.05||Math.abs(this.velocity.scale)>.05))}},{key:"setTransform",value:function(t){var e,n,o,a,s;(t?(e=S(this.transform.x),n=S(this.transform.y),o=this.transform.scale,this.content=i(i({},this.content),{},{x:e,y:n,scale:o})):(e=S(this.content.x),n=S(this.content.y),o=this.content.scale/(this.content.width/this.content.fitWidth),this.content=i(i({},this.content),{},{x:e,y:n})),this.trigger("beforeTransform"),e=S(this.content.x),n=S(this.content.y),t&&this.option("zoom"))?(a=S(this.content.fitWidth*o),s=S(this.content.fitHeight*o),this.content.width=a,this.content.height=s,this.transform=i(i({},this.transform),{},{width:a,height:s,scale:o}),Object.assign(this.$content.style,{width:"".concat(a,"px"),height:"".concat(s,"px"),maxWidth:"none",maxHeight:"none",transform:"translate3d(".concat(e,"px, ").concat(n,"px, 0) scale(1)")})):this.$content.style.transform="translate3d(".concat(e,"px, ").concat(n,"px, 0) scale(").concat(o,")");this.trigger("afterTransform")}},{key:"endAnimation",value:function(t){cancelAnimationFrame(this.rAF),this.rAF=null,this.velocity={x:0,y:0,scale:0},this.setTransform(!0),this.state="ready",this.handleCursor(),!0!==t&&this.trigger("endAnimation")}},{key:"handleCursor",value:function(){var t=this.option("draggableClass");t&&this.option("touch")&&(1==this.option("panOnlyZoomed")&&this.content.width<=this.viewport.width&&this.content.height<=this.viewport.height&&this.transform.scale<=this.option("baseScale")?this.$container.classList.remove(t):this.$container.classList.add(t))}},{key:"detachEvents",value:function(){this.$content.removeEventListener("load",this.onLoad),this.$container.removeEventListener("wheel",this.onWheel,{passive:!1}),this.$container.removeEventListener("click",this.onClick,{passive:!1}),this.pointerTracker&&(this.pointerTracker.stop(),this.pointerTracker=null),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null)}},{key:"destroy",value:function(){"destroy"!==this.state&&(this.state="destroy",clearTimeout(this.updateTimer),this.updateTimer=null,cancelAnimationFrame(this.rAF),this.rAF=null,this.detachEvents(),this.detachPlugins(),this.resetDragPosition())}}]),n}(O);M.version="4.0.27",M.Plugins={};var I=function(t,e){var i=0;return function(){var n=(new Date).getTime();if(!(n-i<e))return i=n,t.apply(void 0,arguments)}},R=function(){function t(e){o(this,t),this.$container=null,this.$prev=null,this.$next=null,this.carousel=e,this.onRefresh=this.onRefresh.bind(this)}return s(t,[{key:"option",value:function(t){return this.carousel.option("Navigation.".concat(t))}},{key:"createButton",value:function(t){var e,i=this,n=document.createElement("button");n.setAttribute("title",this.carousel.localize("{{".concat(t.toUpperCase(),"}}")));var o=this.option("classNames.button")+" "+this.option("classNames.".concat(t));return(e=n.classList).add.apply(e,m(o.split(" "))),n.setAttribute("tabindex","0"),n.innerHTML=this.carousel.localize(this.option("".concat(t,"Tpl"))),n.addEventListener("click",(function(e){e.preventDefault(),e.stopPropagation(),i.carousel["slide".concat("next"===t?"Next":"Prev")]()})),n}},{key:"build",value:function(){var t;this.$container||(this.$container=document.createElement("div"),(t=this.$container.classList).add.apply(t,m(this.option("classNames.main").split(" "))),this.carousel.$container.appendChild(this.$container));this.$next||(this.$next=this.createButton("next"),this.$container.appendChild(this.$next)),this.$prev||(this.$prev=this.createButton("prev"),this.$container.appendChild(this.$prev))}},{key:"onRefresh",value:function(){var t=this.carousel.pages.length;t<=1||t>1&&this.carousel.elemDimWidth<this.carousel.wrapDimWidth&&!Number.isInteger(this.carousel.option("slidesPerPage"))?this.cleanup():(this.build(),this.$prev.removeAttribute("disabled"),this.$next.removeAttribute("disabled"),this.carousel.option("infiniteX",this.carousel.option("infinite"))||(this.carousel.page<=0&&this.$prev.setAttribute("disabled",""),this.carousel.page>=t-1&&this.$next.setAttribute("disabled","")))}},{key:"cleanup",value:function(){this.$prev&&this.$prev.remove(),this.$prev=null,this.$next&&this.$next.remove(),this.$next=null,this.$container&&this.$container.remove(),this.$container=null}},{key:"attach",value:function(){this.carousel.on("refresh change",this.onRefresh)}},{key:"detach",value:function(){this.carousel.off("refresh change",this.onRefresh),this.cleanup()}}]),t}();R.defaults={prevTpl:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" tabindex="-1"><path d="M15 3l-9 9 9 9"/></svg>',nextTpl:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" tabindex="-1"><path d="M9 3l9 9-9 9"/></svg>',classNames:{main:"carousel__nav",button:"carousel__button",next:"is-next",prev:"is-prev"}};var F=function(){function t(e){o(this,t),this.carousel=e,this.$list=null,this.events={change:this.onChange.bind(this),refresh:this.onRefresh.bind(this)}}return s(t,[{key:"buildList",value:function(){var t=this;if(!(this.carousel.pages.length<this.carousel.option("Dots.minSlideCount"))){var e=document.createElement("ol");return e.classList.add("carousel__dots"),e.addEventListener("click",(function(e){if("page"in e.target.dataset){e.preventDefault(),e.stopPropagation();var i=parseInt(e.target.dataset.page,10),n=t.carousel;i!==n.page&&(n.pages.length<3&&n.option("infinite")?n[0==i?"slidePrev":"slideNext"]():n.slideTo(i))}})),this.$list=e,this.carousel.$container.appendChild(e),this.carousel.$container.classList.add("has-dots"),e}}},{key:"removeList",value:function(){this.$list&&(this.$list.parentNode.removeChild(this.$list),this.$list=null),this.carousel.$container.classList.remove("has-dots")}},{key:"rebuildDots",value:function(){var t=this,e=this.$list,i=!!e,n=this.carousel.pages.length;if(n<2)i&&this.removeList();else{i||(e=this.buildList());var o=this.$list.children.length;if(o>n)for(var a=n;a<o;a++)this.$list.removeChild(this.$list.lastChild);else{for(var s=function(e){var i=document.createElement("li");i.classList.add("carousel__dot"),i.dataset.page=e,i.setAttribute("role","button"),i.setAttribute("tabindex","0"),i.setAttribute("title",t.carousel.localize("{{GOTO}}",[["%d",e+1]])),i.addEventListener("keydown",(function(t){var e,n=t.code;"Enter"===n||"NumpadEnter"===n?e=i:"ArrowRight"===n?e=i.nextSibling:"ArrowLeft"===n&&(e=i.previousSibling),e&&e.click()})),t.$list.appendChild(i)},r=o;r<n;r++)s(r);this.setActiveDot()}}}},{key:"setActiveDot",value:function(){if(this.$list){this.$list.childNodes.forEach((function(t){t.classList.remove("is-selected")}));var t=this.$list.childNodes[this.carousel.page];t&&t.classList.add("is-selected")}}},{key:"onChange",value:function(){this.setActiveDot()}},{key:"onRefresh",value:function(){this.rebuildDots()}},{key:"attach",value:function(){this.carousel.on(this.events)}},{key:"detach",value:function(){this.removeList(),this.carousel.off(this.events),this.carousel=null}}]),t}(),N=function(){function t(e){o(this,t),this.carousel=e,this.selectedIndex=null,this.friction=0,this.onNavReady=this.onNavReady.bind(this),this.onNavClick=this.onNavClick.bind(this),this.onNavCreateSlide=this.onNavCreateSlide.bind(this),this.onTargetChange=this.onTargetChange.bind(this)}return s(t,[{key:"addAsTargetFor",value:function(t){this.target=this.carousel,this.nav=t,this.attachEvents()}},{key:"addAsNavFor",value:function(t){this.target=t,this.nav=this.carousel,this.attachEvents()}},{key:"attachEvents",value:function(){this.nav.options.initialSlide=this.target.options.initialPage,this.nav.on("ready",this.onNavReady),this.nav.on("createSlide",this.onNavCreateSlide),this.nav.on("Panzoom.click",this.onNavClick),this.target.on("change",this.onTargetChange),this.target.on("Panzoom.afterUpdate",this.onTargetChange)}},{key:"onNavReady",value:function(){this.onTargetChange(!0)}},{key:"onNavClick",value:function(t,e,i){var n=i.target.closest(".carousel__slide");if(n){i.stopPropagation();var o=parseInt(n.dataset.index,10),a=this.target.findPageForSlide(o);this.target.page!==a&&this.target.slideTo(a,{friction:this.friction}),this.markSelectedSlide(o)}}},{key:"onNavCreateSlide",value:function(t,e){e.index===this.selectedIndex&&this.markSelectedSlide(e.index)}},{key:"onTargetChange",value:function(){var t=this.target.pages[this.target.page].indexes[0],e=this.nav.findPageForSlide(t);this.nav.slideTo(e),this.markSelectedSlide(t)}},{key:"markSelectedSlide",value:function(t){this.selectedIndex=t,m(this.nav.slides).filter((function(t){return t.$el&&t.$el.classList.remove("is-nav-selected")}));var e=this.nav.slides[t];e&&e.$el&&e.$el.classList.add("is-nav-selected")}},{key:"attach",value:function(t){var e=t.options.Sync;(e.target||e.nav)&&(e.target?this.addAsNavFor(e.target):e.nav&&this.addAsTargetFor(e.nav),this.friction=e.friction)}},{key:"detach",value:function(){this.nav&&(this.nav.off("ready",this.onNavReady),this.nav.off("Panzoom.click",this.onNavClick),this.nav.off("createSlide",this.onNavCreateSlide)),this.target&&(this.target.off("Panzoom.afterUpdate",this.onTargetChange),this.target.off("change",this.onTargetChange))}}]),t}();N.defaults={friction:.92};var D={Navigation:R,Dots:F,Sync:N},B={slides:[],preload:0,slidesPerPage:"auto",initialPage:null,initialSlide:null,friction:.92,center:!0,infinite:!0,fill:!0,dragFree:!1,prefix:"",classNames:{viewport:"carousel__viewport",track:"carousel__track",slide:"carousel__slide",slideSelected:"is-selected"},l10n:{NEXT:"Next slide",PREV:"Previous slide",GOTO:"Go to slide #%d"}},H=function(t){l(n,t);var e=f(n);function n(t){var i,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(o(this,n),a=k(!0,{},B,a),(i=e.call(this,a)).state="init",i.$container=t,!(i.$container instanceof HTMLElement))throw new Error("No root element provided");return i.slideNext=I(i.slideNext.bind(d(i)),250),i.slidePrev=I(i.slidePrev.bind(d(i)),250),i.init(),t.__Carousel=d(i),i}return s(n,[{key:"init",value:function(){this.pages=[],this.page=this.pageIndex=null,this.prevPage=this.prevPageIndex=null,this.attachPlugins(n.Plugins),this.trigger("init"),this.initLayout(),this.initSlides(),this.updateMetrics(),this.$track&&this.pages.length&&(this.$track.style.transform="translate3d(".concat(-1*this.pages[this.page].left,"px, 0px, 0) scale(1)")),this.manageSlideVisiblity(),this.initPanzoom(),this.state="ready",this.trigger("ready")}},{key:"initLayout",value:function(){var t,e,i,n,o=this.option("prefix"),a=this.option("classNames");(this.$viewport=this.option("viewport")||this.$container.querySelector(".".concat(o).concat(a.viewport)),this.$viewport)||(this.$viewport=document.createElement("div"),(t=this.$viewport.classList).add.apply(t,m((o+a.viewport).split(" "))),(e=this.$viewport).append.apply(e,m(this.$container.childNodes)),this.$container.appendChild(this.$viewport));(this.$track=this.option("track")||this.$container.querySelector(".".concat(o).concat(a.track)),this.$track)||(this.$track=document.createElement("div"),(i=this.$track.classList).add.apply(i,m((o+a.track).split(" "))),(n=this.$track).append.apply(n,m(this.$viewport.childNodes)),this.$viewport.appendChild(this.$track))}},{key:"initSlides",value:function(){var t=this;this.slides=[],this.$viewport.querySelectorAll(".".concat(this.option("prefix")).concat(this.option("classNames.slide"))).forEach((function(e){var i={$el:e,isDom:!0};t.slides.push(i),t.trigger("createSlide",i,t.slides.length)})),Array.isArray(this.options.slides)&&(this.slides=k(!0,m(this.slides),this.options.slides))}},{key:"updateMetrics",value:function(){var t,e=this,n=0,o=[];this.slides.forEach((function(i,a){var s=i.$el,r=i.isDom||!t?e.getSlideMetrics(s):t;i.index=a,i.width=r,i.left=n,t=r,n+=r,o.push(a)}));var a=Math.max(this.$track.offsetWidth,S(this.$track.getBoundingClientRect().width)),s=getComputedStyle(this.$track);a-=parseFloat(s.paddingLeft)+parseFloat(s.paddingRight),this.contentWidth=n,this.viewportWidth=a;var r=[],l=this.option("slidesPerPage");if(Number.isInteger(l)&&n>a)for(var c=0;c<this.slides.length;c+=l)r.push({indexes:o.slice(c,c+l),slides:this.slides.slice(c,c+l)});else for(var h=0,d=0,u=0;u<this.slides.length;u+=1){var f=this.slides[u];(!r.length||d+f.width>a)&&(r.push({indexes:[],slides:[]}),h=r.length-1,d=0),d+=f.width,r[h].indexes.push(u),r[h].slides.push(f)}var v=this.option("center"),p=this.option("fill");r.forEach((function(t,i){t.index=i,t.width=t.slides.reduce((function(t,e){return t+e.width}),0),t.left=t.slides[0].left,v&&(t.left+=.5*(a-t.width)*-1),p&&!e.option("infiniteX",e.option("infinite"))&&n>a&&(t.left=Math.max(t.left,0),t.left=Math.min(t.left,n-a))}));var g,y=[];r.forEach((function(t){var e=i({},t);g&&e.left===g.left?(g.width+=e.width,g.slides=[].concat(m(g.slides),m(e.slides)),g.indexes=[].concat(m(g.indexes),m(e.indexes))):(e.index=y.length,g=e,y.push(e))})),this.pages=y;var b=this.page;if(null===b){var x=this.option("initialSlide");b=null!==x?this.findPageForSlide(x):parseInt(this.option("initialPage",0),10)||0,y[b]||(b=y.length&&b>y.length?y[y.length-1].index:0),this.page=b,this.pageIndex=b}this.updatePanzoom(),this.trigger("refresh")}},{key:"getSlideMetrics",value:function(t){if(!t){var e,i,n=this.slides[0];if((t=document.createElement("div")).dataset.isTestEl=1,t.style.visibility="hidden",(e=t.classList).add.apply(e,m((this.option("prefix")+this.option("classNames.slide")).split(" "))),n.customClass)(i=t.classList).add.apply(i,m(n.customClass.split(" ")));this.$track.prepend(t)}var o=Math.max(t.offsetWidth,S(t.getBoundingClientRect().width)),a=t.currentStyle||window.getComputedStyle(t);return o=o+(parseFloat(a.marginLeft)||0)+(parseFloat(a.marginRight)||0),t.dataset.isTestEl&&t.remove(),o}},{key:"findPageForSlide",value:function(t){t=parseInt(t,10)||0;var e=this.pages.find((function(e){return e.indexes.indexOf(t)>-1}));return e?e.index:null}},{key:"slideNext",value:function(){this.slideTo(this.pageIndex+1)}},{key:"slidePrev",value:function(){this.slideTo(this.pageIndex-1)}},{key:"slideTo",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=e.x,n=void 0===i?-1*this.setPage(t,!0):i,o=e.y,a=void 0===o?0:o,s=e.friction,r=void 0===s?this.option("friction"):s;this.Panzoom.content.x===n&&!this.Panzoom.velocity.x&&r||(this.Panzoom.panTo({x:n,y:a,friction:r,ignoreBounds:!0}),"ready"===this.state&&"ready"===this.Panzoom.state&&this.trigger("settle"))}},{key:"initPanzoom",value:function(){var t=this;this.Panzoom&&this.Panzoom.destroy();var e=k(!0,{},{content:this.$track,wrapInner:!1,resizeParent:!1,zoom:!1,click:!1,lockAxis:"x",x:this.pages.length?-1*this.pages[this.page].left:0,centerOnStart:!1,textSelection:function(){return t.option("textSelection",!1)},panOnlyZoomed:function(){return this.content.width<=this.viewport.width}},this.option("Panzoom"));this.Panzoom=new M(this.$container,e),this.Panzoom.on({"*":function(e){for(var i=arguments.length,n=new Array(i>1?i-1:0),o=1;o<i;o++)n[o-1]=arguments[o];return t.trigger.apply(t,["Panzoom.".concat(e)].concat(n))},afterUpdate:function(){t.updatePage()},beforeTransform:this.onBeforeTransform.bind(this),touchEnd:this.onTouchEnd.bind(this),endAnimation:function(){t.trigger("settle")}}),this.updateMetrics(),this.manageSlideVisiblity()}},{key:"updatePanzoom",value:function(){this.Panzoom&&(this.Panzoom.content=i(i({},this.Panzoom.content),{},{fitWidth:this.contentWidth,origWidth:this.contentWidth,width:this.contentWidth}),this.pages.length>1&&this.option("infiniteX",this.option("infinite"))?this.Panzoom.boundX=null:this.pages.length&&(this.Panzoom.boundX={from:-1*this.pages[this.pages.length-1].left,to:-1*this.pages[0].left}),this.option("infiniteY",this.option("infinite"))?this.Panzoom.boundY=null:this.Panzoom.boundY={from:0,to:0},this.Panzoom.handleCursor())}},{key:"manageSlideVisiblity",value:function(){var t=this,e=this.contentWidth,i=this.viewportWidth,n=this.Panzoom?-1*this.Panzoom.content.x:this.pages.length?this.pages[this.page].left:0,o=this.option("preload"),a=this.option("infiniteX",this.option("infinite")),s=parseFloat(getComputedStyle(this.$viewport,null).getPropertyValue("padding-left")),r=parseFloat(getComputedStyle(this.$viewport,null).getPropertyValue("padding-right"));this.slides.forEach((function(l){var c,h,d=0;c=n-s,h=n+i+r,c-=o*(i+s+r),h+=o*(i+s+r);var u=l.left+l.width>c&&l.left<h;c=n+e-s,h=n+e+i+r,c-=o*(i+s+r);var f=a&&l.left+l.width>c&&l.left<h;c=n-e-s,h=n-e+i+r,c-=o*(i+s+r);var v=a&&l.left+l.width>c&&l.left<h;f||u||v?(t.createSlideEl(l),u&&(d=0),f&&(d=-1),v&&(d=1),l.left+l.width>n&&l.left<=n+i+r&&(d=0)):t.removeSlideEl(l),l.hasDiff=d}));var l=0,c=0;this.slides.forEach((function(t,i){var n=0;t.$el?(i!==l||t.hasDiff?n=c+t.hasDiff*e:c=0,t.$el.style.left=Math.abs(n)>.1?"".concat(c+t.hasDiff*e,"px"):"",l++):c+=t.width})),this.markSelectedSlides()}},{key:"createSlideEl",value:function(t){var e;if(t){if(!t.$el){var i,n=document.createElement("div");if(n.dataset.index=t.index,(e=n.classList).add.apply(e,m((this.option("prefix")+this.option("classNames.slide")).split(" "))),t.customClass)(i=n.classList).add.apply(i,m(t.customClass.split(" ")));t.html&&(n.innerHTML=t.html);var o=[];this.slides.forEach((function(t,e){t.$el&&o.push(e)}));var a=t.index,s=null;if(o.length){var r=o.reduce((function(t,e){return Math.abs(e-a)<Math.abs(t-a)?e:t}));s=this.slides[r]}return this.$track.insertBefore(n,s&&s.$el?s.index<t.index?s.$el.nextSibling:s.$el:null),t.$el=n,this.trigger("createSlide",t,a),t}var l,c=t.$el.dataset.index;c&&parseInt(c,10)===t.index||(t.$el.dataset.index=t.index,t.$el.querySelectorAll("[data-lazy-srcset]").forEach((function(t){t.srcset=t.dataset.lazySrcset})),t.$el.querySelectorAll("[data-lazy-src]").forEach((function(t){var e=t.dataset.lazySrc;t instanceof HTMLImageElement?t.src=e:t.style.backgroundImage="url('".concat(e,"')")})),(l=t.$el.dataset.lazySrc)&&(t.$el.style.backgroundImage="url('".concat(l,"')")),t.state="ready")}}},{key:"removeSlideEl",value:function(t){t.$el&&!t.isDom&&(this.trigger("removeSlide",t),t.$el.remove(),t.$el=null)}},{key:"markSelectedSlides",value:function(){var t=this,e=this.option("classNames.slideSelected"),i="aria-hidden";this.slides.forEach((function(n,o){var a=n.$el;if(a){var s=t.pages[t.page];s&&s.indexes&&s.indexes.indexOf(o)>-1?(e&&!a.classList.contains(e)&&(a.classList.add(e),t.trigger("selectSlide",n)),a.removeAttribute(i)):(e&&a.classList.contains(e)&&(a.classList.remove(e),t.trigger("unselectSlide",n)),a.setAttribute(i,!0))}}))}},{key:"updatePage",value:function(){this.updateMetrics(),this.slideTo(this.page,{friction:0})}},{key:"onBeforeTransform",value:function(){this.option("infiniteX",this.option("infinite"))&&this.manageInfiniteTrack(),this.manageSlideVisiblity()}},{key:"manageInfiniteTrack",value:function(){var t=this.contentWidth,e=this.viewportWidth;if(!(!this.option("infiniteX",this.option("infinite"))||this.pages.length<2||t<e)){var i=this.Panzoom,n=!1;return i.content.x<-1*(t-e)&&(i.content.x+=t,this.pageIndex=this.pageIndex-this.pages.length,n=!0),i.content.x>e&&(i.content.x-=t,this.pageIndex=this.pageIndex+this.pages.length,n=!0),n&&"pointerdown"===i.state&&i.resetDragPosition(),n}}},{key:"onTouchEnd",value:function(t,e){var i=this.option("dragFree");if(!i&&this.pages.length>1&&t.dragOffset.time<350&&Math.abs(t.dragOffset.y)<1&&Math.abs(t.dragOffset.x)>5)this[t.dragOffset.x<0?"slideNext":"slidePrev"]();else if(i){var n=g(this.getPageFromPosition(-1*t.transform.x),2)[1];this.setPage(n)}else this.slideToClosest()}},{key:"slideToClosest",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=this.getPageFromPosition(-1*this.Panzoom.content.x),i=g(e,2),n=i[1];this.slideTo(n,t)}},{key:"getPageFromPosition",value:function(t){var e=this.pages.length;this.option("center")&&(t+=.5*this.viewportWidth);var i=Math.floor(t/this.contentWidth);t-=i*this.contentWidth;var n=this.slides.find((function(e){return e.left<=t&&e.left+e.width>t}));if(n){var o=this.findPageForSlide(n.index);return[o,o+i*e]}return[0,0]}},{key:"setPage",value:function(t,e){var i=0,n=parseInt(t,10)||0,o=this.page,a=this.pageIndex,s=this.pages.length,r=this.contentWidth,l=this.viewportWidth;if(t=(n%s+s)%s,this.option("infiniteX",this.option("infinite"))&&r>l){var c=Math.floor(n/s)||0,h=r;if(i=this.pages[t].left+c*h,!0===e&&s>2){var d=-1*this.Panzoom.content.x,u=i-h,f=i+h,v=Math.abs(d-i),p=Math.abs(d-u),g=Math.abs(d-f);g<v&&g<=p?(i=f,n+=s):p<v&&p<g&&(i=u,n-=s)}}else t=n=Math.max(0,Math.min(n,s-1)),i=this.pages.length?this.pages[t].left:0;return this.page=t,this.pageIndex=n,null!==o&&t!==o&&(this.prevPage=o,this.prevPageIndex=a,this.trigger("change",t,o)),i}},{key:"destroy",value:function(){var t=this;this.state="destroy",this.slides.forEach((function(e){t.removeSlideEl(e)})),this.slides=[],this.Panzoom.destroy(),this.detachPlugins()}}]),n}(O);H.version="4.0.27",H.Plugins=D;var W=!("undefined"==typeof window||!window.document||!window.document.createElement),j=null,X=["a[href]","area[href]",'input:not([disabled]):not([type="hidden"]):not([aria-hidden])',"select:not([disabled]):not([aria-hidden])","textarea:not([disabled]):not([aria-hidden])","button:not([disabled]):not([aria-hidden])","iframe","object","embed","video","audio","[contenteditable]",'[tabindex]:not([tabindex^="-"]):not([disabled]):not([aria-hidden])'],q=function(t){if(t&&W){null===j&&document.createElement("div").focus({get preventScroll(){return j=!0,!1}});try{if(t.setActive)t.setActive();else if(j)t.focus({preventScroll:!0});else{var e=window.pageXOffset||document.body.scrollTop,i=window.pageYOffset||document.body.scrollLeft;t.focus(),document.body.scrollTo({top:e,left:i,behavior:"auto"})}}catch(t){}}},U=function(){function t(e){o(this,t),this.fancybox=e,this.viewport=null,this.pendingUpdate=null;for(var i=0,n=["onReady","onResize","onTouchstart","onTouchmove"];i<n.length;i++){var a=n[i];this[a]=this[a].bind(this)}}return s(t,[{key:"onReady",value:function(){var t=window.visualViewport;t&&(this.viewport=t,this.startY=0,t.addEventListener("resize",this.onResize),this.updateViewport()),window.addEventListener("touchstart",this.onTouchstart,{passive:!1}),window.addEventListener("touchmove",this.onTouchmove,{passive:!1}),window.addEventListener("wheel",this.onWheel,{passive:!1})}},{key:"onResize",value:function(){this.updateViewport()}},{key:"updateViewport",value:function(){var t=this.fancybox,e=this.viewport,i=e.scale||1,n=t.$container;if(n){var o="",a="",s="";i-1>.1&&(o="".concat(e.width*i,"px"),a="".concat(e.height*i,"px"),s="translate3d(".concat(e.offsetLeft,"px, ").concat(e.offsetTop,"px, 0) scale(").concat(1/i,")")),n.style.width=o,n.style.height=a,n.style.transform=s}}},{key:"onTouchstart",value:function(t){this.startY=t.touches?t.touches[0].screenY:t.screenY}},{key:"onTouchmove",value:function(t){var e=this.startY,i=window.innerWidth/window.document.documentElement.clientWidth;if(t.cancelable&&!(t.touches.length>1||1!==i)){var n=C(t.composedPath()[0]);if(n){var o=window.getComputedStyle(n),a=parseInt(o.getPropertyValue("height"),10),s=t.touches?t.touches[0].screenY:t.screenY,r=e<=s&&0===n.scrollTop,l=e>=s&&n.scrollHeight-n.scrollTop===a;(r||l)&&t.preventDefault()}else t.preventDefault()}}},{key:"onWheel",value:function(t){C(t.composedPath()[0])||t.preventDefault()}},{key:"cleanup",value:function(){this.pendingUpdate&&(cancelAnimationFrame(this.pendingUpdate),this.pendingUpdate=null);var t=this.viewport;t&&(t.removeEventListener("resize",this.onResize),this.viewport=null),window.removeEventListener("touchstart",this.onTouchstart,!1),window.removeEventListener("touchmove",this.onTouchmove,!1),window.removeEventListener("wheel",this.onWheel,{passive:!1})}},{key:"attach",value:function(){this.fancybox.on("initLayout",this.onReady)}},{key:"detach",value:function(){this.fancybox.off("initLayout",this.onReady),this.cleanup()}}]),t}(),Y=function(){function t(e){o(this,t),this.fancybox=e,this.$container=null,this.state="init";for(var i=0,n=["onPrepare","onClosing","onKeydown"];i<n.length;i++){var a=n[i];this[a]=this[a].bind(this)}this.events={prepare:this.onPrepare,closing:this.onClosing,keydown:this.onKeydown}}return s(t,[{key:"onPrepare",value:function(){this.getSlides().length<this.fancybox.option("Thumbs.minSlideCount")?this.state="disabled":!0===this.fancybox.option("Thumbs.autoStart")&&this.fancybox.Carousel.Panzoom.content.height>=this.fancybox.option("Thumbs.minScreenHeight")&&this.build()}},{key:"onClosing",value:function(){this.Carousel&&this.Carousel.Panzoom.detachEvents()}},{key:"onKeydown",value:function(t,e){e===t.option("Thumbs.key")&&this.toggle()}},{key:"build",value:function(){var t=this;if(!this.$container){var e=document.createElement("div");e.classList.add("fancybox__thumbs"),this.fancybox.$carousel.parentNode.insertBefore(e,this.fancybox.$carousel.nextSibling),this.Carousel=new H(e,k(!0,{Dots:!1,Navigation:!1,Sync:{friction:0},infinite:!1,center:!0,fill:!0,dragFree:!0,slidesPerPage:1,preload:1},this.fancybox.option("Thumbs.Carousel"),{Sync:{target:this.fancybox.Carousel},slides:this.getSlides()})),this.Carousel.Panzoom.on("wheel",(function(e,i){i.preventDefault(),t.fancybox[i.deltaY<0?"prev":"next"]()})),this.$container=e,this.state="visible"}}},{key:"getSlides",value:function(){var t,e=[],i=x(this.fancybox.items);try{for(i.s();!(t=i.n()).done;){var n=t.value,o=n.thumb;o&&e.push({html:'<div class="fancybox__thumb" style="background-image:url(\''.concat(o,"')\"></div>"),customClass:"has-thumb has-".concat(n.type||"image")})}}catch(t){i.e(t)}finally{i.f()}return e}},{key:"toggle",value:function(){"visible"===this.state?this.hide():"hidden"===this.state?this.show():this.build()}},{key:"show",value:function(){"hidden"===this.state&&(this.$container.style.display="",this.Carousel.Panzoom.attachEvents(),this.state="visible")}},{key:"hide",value:function(){"visible"===this.state&&(this.Carousel.Panzoom.detachEvents(),this.$container.style.display="none",this.state="hidden")}},{key:"cleanup",value:function(){this.Carousel&&(this.Carousel.destroy(),this.Carousel=null),this.$container&&(this.$container.remove(),this.$container=null),this.state="init"}},{key:"attach",value:function(){this.fancybox.on(this.events)}},{key:"detach",value:function(){this.fancybox.off(this.events),this.cleanup()}}]),t}();Y.defaults={minSlideCount:2,minScreenHeight:500,autoStart:!0,key:"t",Carousel:{}};var V=function(t,e){for(var i=new URL(t),n=new URLSearchParams(i.search),o=new URLSearchParams,a=0,s=[].concat(m(n),m(Object.entries(e)));a<s.length;a++){var r=g(s[a],2),l=r[0],c=r[1];"t"===l?o.set("start",parseInt(c)):o.set(l,c)}o=o.toString();var h=t.match(/#t=((.*)?\d+s)/);return h&&(o+="#t=".concat(h[1])),o},Z={video:{autoplay:!0,ratio:16/9},youtube:{autohide:1,fs:1,rel:0,hd:1,wmode:"transparent",enablejsapi:1,html5:1},vimeo:{hd:1,show_title:1,show_byline:1,show_portrait:0,fullscreen:1},html5video:{tpl:'<video class="fancybox__html5video" playsinline controls controlsList="nodownload" poster="{{poster}}">\n  <source src="{{src}}" type="{{format}}" />Sorry, your browser doesn\'t support embedded videos.</video>',format:""}},G=function(){function t(e){o(this,t),this.fancybox=e;for(var i=0,n=["onInit","onReady","onCreateSlide","onRemoveSlide","onSelectSlide","onUnselectSlide","onRefresh","onMessage"];i<n.length;i++){var a=n[i];this[a]=this[a].bind(this)}this.events={init:this.onInit,ready:this.onReady,"Carousel.createSlide":this.onCreateSlide,"Carousel.removeSlide":this.onRemoveSlide,"Carousel.selectSlide":this.onSelectSlide,"Carousel.unselectSlide":this.onUnselectSlide,"Carousel.refresh":this.onRefresh}}return s(t,[{key:"onInit",value:function(){var t,e=x(this.fancybox.items);try{for(e.s();!(t=e.n()).done;){var i=t.value;this.processType(i)}}catch(t){e.e(t)}finally{e.f()}}},{key:"processType",value:function(t){if(t.html)return t.src=t.html,t.type="html",void delete t.html;var e=t.src||"",i=t.type||this.fancybox.options.type,n=null;if(!e||"string"==typeof e){if(n=e.match(/(?:youtube\.com|youtu\.be|youtube\-nocookie\.com)\/(?:watch\?(?:.*&)?v=|v\/|u\/|embed\/?)?(videoseries\?list=(?:.*)|[\w-]{11}|\?listType=(?:.*)&list=(?:.*))(?:.*)/i)){var o=V(e,this.fancybox.option("Html.youtube")),a=encodeURIComponent(n[1]);t.videoId=a,t.src="https://www.youtube-nocookie.com/embed/".concat(a,"?").concat(o),t.thumb=t.thumb||"https://i.ytimg.com/vi/".concat(a,"/mqdefault.jpg"),t.vendor="youtube",i="video"}else if(n=e.match(/^.+vimeo.com\/(?:\/)?([\d]+)(.*)?/)){var s=V(e,this.fancybox.option("Html.vimeo")),r=encodeURIComponent(n[1]);t.videoId=r,t.src="https://player.vimeo.com/video/".concat(r,"?").concat(s),t.vendor="vimeo",i="video"}else(n=e.match(/(?:maps\.)?google\.([a-z]{2,3}(?:\.[a-z]{2})?)\/(?:(?:(?:maps\/(?:place\/(?:.*)\/)?\@(.*),(\d+.?\d+?)z))|(?:\?ll=))(.*)?/i))?(t.src="//maps.google.".concat(n[1],"/?ll=").concat((n[2]?n[2]+"&z="+Math.floor(n[3])+(n[4]?n[4].replace(/^\//,"&"):""):n[4]+"").replace(/\?/,"&"),"&output=").concat(n[4]&&n[4].indexOf("layer=c")>0?"svembed":"embed"),i="map"):(n=e.match(/(?:maps\.)?google\.([a-z]{2,3}(?:\.[a-z]{2})?)\/(?:maps\/search\/)(.*)/i))&&(t.src="//maps.google.".concat(n[1],"/maps?q=").concat(n[2].replace("query=","q=").replace("api=1",""),"&output=embed"),i="map");i||("#"===e.charAt(0)?i="inline":(n=e.match(/\.(mp4|mov|ogv|webm)((\?|#).*)?$/i))?(i="html5video",t.format=t.format||"video/"+("ogv"===n[1]?"ogg":n[1])):e.match(/(^data:image\/[a-z0-9+\/=]*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg|ico)((\?|#).*)?$)/i)?i="image":e.match(/\.(pdf)((\?|#).*)?$/i)&&(i="pdf")),t.type=i||this.fancybox.option("defaultType","image"),"html5video"!==i&&"video"!==i||(t.video=k({},this.fancybox.option("Html.video"),t.video),t._width&&t._height?t.ratio=parseFloat(t._width)/parseFloat(t._height):t.ratio=t.ratio||t.video.ratio||Z.video.ratio)}}},{key:"onReady",value:function(){var t=this;this.fancybox.Carousel.slides.forEach((function(e){e.$el&&(t.setContent(e),e.index===t.fancybox.getSlide().index&&t.playVideo(e))}))}},{key:"onCreateSlide",value:function(t,e,i){"ready"===this.fancybox.state&&this.setContent(i)}},{key:"loadInlineContent",value:function(t){var e;if(t.src instanceof HTMLElement)e=t.src;else if("string"==typeof t.src){var i=t.src.split("#",2),n=2===i.length&&""===i[0]?i[1]:i[0];e=document.getElementById(n)}if(e){if("clone"===t.type||e.$placeHolder){var o=(e=e.cloneNode(!0)).getAttribute("id");o=o?"".concat(o,"--clone"):"clone-".concat(this.fancybox.id,"-").concat(t.index),e.setAttribute("id",o)}else{var a=document.createElement("div");a.classList.add("fancybox-placeholder"),e.parentNode.insertBefore(a,e),e.$placeHolder=a}this.fancybox.setContent(t,e)}else this.fancybox.setError(t,"{{ELEMENT_NOT_FOUND}}")}},{key:"loadAjaxContent",value:function(t){var e=this.fancybox,i=new XMLHttpRequest;e.showLoading(t),i.onreadystatechange=function(){i.readyState===XMLHttpRequest.DONE&&"ready"===e.state&&(e.hideLoading(t),200===i.status?e.setContent(t,i.responseText):e.setError(t,404===i.status?"{{AJAX_NOT_FOUND}}":"{{AJAX_FORBIDDEN}}"))};var n=t.ajax||null;i.open(n?"POST":"GET",t.src),i.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),i.setRequestHeader("X-Requested-With","XMLHttpRequest"),i.send(n),t.xhr=i}},{key:"loadIframeContent",value:function(t){var e=this,i=this.fancybox,n=document.createElement("iframe");if(n.className="fancybox__iframe",n.setAttribute("id","fancybox__iframe_".concat(i.id,"_").concat(t.index)),n.setAttribute("allow","autoplay; fullscreen"),n.setAttribute("scrolling","auto"),t.$iframe=n,"iframe"!==t.type||!1===t.preload)return n.setAttribute("src",t.src),this.fancybox.setContent(t,n),void this.resizeIframe(t);i.showLoading(t);var o=document.createElement("div");o.style.visibility="hidden",this.fancybox.setContent(t,o),o.appendChild(n),n.onerror=function(){i.setError(t,"{{IFRAME_ERROR}}")},n.onload=function(){i.hideLoading(t);var o=!1;n.isReady||(n.isReady=!0,o=!0),n.src.length&&(n.parentNode.style.visibility="",e.resizeIframe(t),o&&i.revealContent(t))},n.setAttribute("src",t.src)}},{key:"setAspectRatio",value:function(t){var e=t.$content,i=t.ratio;if(e){var n=t._width,o=t._height;if(i||n&&o){Object.assign(e.style,{width:n&&o?"100%":"",height:n&&o?"100%":"",maxWidth:"",maxHeight:""});var a=e.offsetWidth,s=e.offsetHeight;if(o=o||s,(n=n||a)>a||o>s){var r=Math.min(a/n,s/o);n*=r,o*=r}Math.abs(n/o-i)>.01&&(i<n/o?n=o*i:o=n/i),Object.assign(e.style,{width:"".concat(n,"px"),height:"".concat(o,"px")})}}}},{key:"resizeIframe",value:function(t){var e=t.$iframe;if(e){var i=t._width||0,n=t._height||0;i&&n&&(t.autoSize=!1);var o=e.parentNode,a=o&&o.style;if(!1!==t.preload&&!1!==t.autoSize&&a)try{var s=window.getComputedStyle(o),r=parseFloat(s.paddingLeft)+parseFloat(s.paddingRight),l=parseFloat(s.paddingTop)+parseFloat(s.paddingBottom),c=e.contentWindow.document,h=c.getElementsByTagName("html")[0],d=c.body;a.width="",d.style.overflow="hidden",i=i||h.scrollWidth+r,a.width="".concat(i,"px"),d.style.overflow="",a.flex="0 0 auto",a.height="".concat(d.scrollHeight,"px"),n=h.scrollHeight+l}catch(t){}if(i||n){var u={flex:"0 1 auto"};i&&(u.width="".concat(i,"px")),n&&(u.height="".concat(n,"px")),Object.assign(a,u)}}}},{key:"onRefresh",value:function(t,e){var i=this;e.slides.forEach((function(t){t.$el&&(t.$iframe&&i.resizeIframe(t),t.ratio&&i.setAspectRatio(t))}))}},{key:"setContent",value:function(t){if(t&&!t.isDom){switch(t.type){case"html":this.fancybox.setContent(t,t.src);break;case"html5video":this.fancybox.setContent(t,this.fancybox.option("Html.html5video.tpl").replace(/\{\{src\}\}/gi,t.src).replace("{{format}}",t.format||t.html5video&&t.html5video.format||"").replace("{{poster}}",t.poster||t.thumb||""));break;case"inline":case"clone":this.loadInlineContent(t);break;case"ajax":this.loadAjaxContent(t);break;case"pdf":case"video":case"map":t.preload=!1;case"iframe":this.loadIframeContent(t)}t.ratio&&this.setAspectRatio(t)}}},{key:"onSelectSlide",value:function(t,e,i){"ready"===t.state&&this.playVideo(i)}},{key:"playVideo",value:function(t){if("html5video"===t.type&&t.video.autoplay)try{var e=t.$el.querySelector("video");if(e){var i=e.play();void 0!==i&&i.then((function(){})).catch((function(t){e.muted=!0,e.play()}))}}catch(t){}if("video"===t.type&&t.$iframe&&t.$iframe.contentWindow){!function e(){if("done"===t.state&&t.$iframe&&t.$iframe.contentWindow){var i;if(t.$iframe.isReady)return t.video&&t.video.autoplay&&(i="youtube"==t.vendor?{event:"command",func:"playVideo"}:{method:"play",value:"true"}),void(i&&t.$iframe.contentWindow.postMessage(JSON.stringify(i),"*"));"youtube"===t.vendor&&(i={event:"listening",id:t.$iframe.getAttribute("id")},t.$iframe.contentWindow.postMessage(JSON.stringify(i),"*"))}t.poller=setTimeout(e,250)}()}}},{key:"onUnselectSlide",value:function(t,e,i){if("html5video"!==i.type){var n=!1;"vimeo"==i.vendor?n={method:"pause",value:"true"}:"youtube"===i.vendor&&(n={event:"command",func:"pauseVideo"}),n&&i.$iframe&&i.$iframe.contentWindow&&i.$iframe.contentWindow.postMessage(JSON.stringify(n),"*"),clearTimeout(i.poller)}else try{i.$el.querySelector("video").pause()}catch(t){}}},{key:"onRemoveSlide",value:function(t,e,i){i.xhr&&(i.xhr.abort(),i.xhr=null),i.$iframe&&(i.$iframe.onload=i.$iframe.onerror=null,i.$iframe.src="//about:blank",i.$iframe=null);var n=i.$content;"inline"===i.type&&n&&(n.classList.remove("fancybox__content"),"none"!==n.style.display&&(n.style.display="none")),i.$closeButton&&(i.$closeButton.remove(),i.$closeButton=null);var o=n&&n.$placeHolder;o&&(o.parentNode.insertBefore(n,o),o.remove(),n.$placeHolder=null)}},{key:"onMessage",value:function(t){try{var e=JSON.parse(t.data);if("https://player.vimeo.com"===t.origin){if("ready"===e.event){var i,n=x(document.getElementsByClassName("fancybox__iframe"));try{for(n.s();!(i=n.n()).done;){var o=i.value;o.contentWindow===t.source&&(o.isReady=1)}}catch(t){n.e(t)}finally{n.f()}}}else"https://www.youtube-nocookie.com"===t.origin&&"onReady"===e.event&&(document.getElementById(e.id).isReady=1)}catch(t){}}},{key:"attach",value:function(){this.fancybox.on(this.events),window.addEventListener("message",this.onMessage,!1)}},{key:"detach",value:function(){this.fancybox.off(this.events),window.removeEventListener("message",this.onMessage,!1)}}]),t}();G.defaults=Z;var K=function(){function t(e){o(this,t),this.fancybox=e;for(var i=0,n=["onReady","onClosing","onDone","onPageChange","onCreateSlide","onRemoveSlide","onImageStatusChange"];i<n.length;i++){var a=n[i];this[a]=this[a].bind(this)}this.events={ready:this.onReady,closing:this.onClosing,done:this.onDone,"Carousel.change":this.onPageChange,"Carousel.createSlide":this.onCreateSlide,"Carousel.removeSlide":this.onRemoveSlide}}return s(t,[{key:"onReady",value:function(){var t=this;this.fancybox.Carousel.slides.forEach((function(e){e.$el&&t.setContent(e)}))}},{key:"onDone",value:function(t,e){this.handleCursor(e)}},{key:"onClosing",value:function(t){clearTimeout(this.clickTimer),this.clickTimer=null,t.Carousel.slides.forEach((function(t){t.$image&&(t.state="destroy"),t.Panzoom&&t.Panzoom.detachEvents()})),"closing"===this.fancybox.state&&this.canZoom(t.getSlide())&&this.zoomOut()}},{key:"onCreateSlide",value:function(t,e,i){"ready"===this.fancybox.state&&this.setContent(i)}},{key:"onRemoveSlide",value:function(t,e,i){i.$image&&(i.$el.classList.remove(t.option("Image.canZoomInClass")),i.$image.remove(),i.$image=null),i.Panzoom&&(i.Panzoom.destroy(),i.Panzoom=null),i.$el&&i.$el.dataset&&delete i.$el.dataset.imageFit}},{key:"setContent",value:function(t){var e=this;if(!(t.isDom||t.html||t.type&&"image"!==t.type||t.$image)){t.type="image",t.state="loading";var i=document.createElement("div");i.style.visibility="hidden";var n=document.createElement("img");n.addEventListener("load",(function(i){i.stopImmediatePropagation(),e.onImageStatusChange(t)})),n.addEventListener("error",(function(){e.onImageStatusChange(t)})),n.src=t.src,n.alt="image",n.draggable=!1,n.classList.add("fancybox__image"),t.srcset&&n.setAttribute("srcset",t.srcset),t.sizes&&n.setAttribute("sizes",t.sizes),t.$image=n;var o=this.fancybox.option("Image.wrap");if(o){var a=document.createElement("div");a.classList.add("string"==typeof o?o:"fancybox__image-wrap"),a.appendChild(n),i.appendChild(a),t.$wrap=a}else i.appendChild(n);t.$el.dataset.imageFit=this.fancybox.option("Image.fit"),this.fancybox.setContent(t,i),n.complete||n.error?this.onImageStatusChange(t):this.fancybox.showLoading(t)}}},{key:"onImageStatusChange",value:function(t){var e=this,i=t.$image;i&&"loading"===t.state&&(i.complete&&i.naturalWidth&&i.naturalHeight?(this.fancybox.hideLoading(t),"contain"===this.fancybox.option("Image.fit")&&this.initSlidePanzoom(t),t.$el.addEventListener("wheel",(function(i){return e.onWheel(t,i)}),{passive:!1}),t.$content.addEventListener("click",(function(i){return e.onClick(t,i)}),{passive:!1}),this.revealContent(t)):this.fancybox.setError(t,"{{IMAGE_ERROR}}"))}},{key:"initSlidePanzoom",value:function(t){var e=this;t.Panzoom||(t.Panzoom=new M(t.$el,k(!0,this.fancybox.option("Image.Panzoom",{}),{viewport:t.$wrap,content:t.$image,width:t._width,height:t._height,wrapInner:!1,textSelection:!0,touch:this.fancybox.option("Image.touch"),panOnlyZoomed:!0,click:!1,wheel:!1})),t.Panzoom.on("startAnimation",(function(){e.fancybox.trigger("Image.startAnimation",t)})),t.Panzoom.on("endAnimation",(function(){"zoomIn"===t.state&&e.fancybox.done(t),e.handleCursor(t),e.fancybox.trigger("Image.endAnimation",t)})),t.Panzoom.on("afterUpdate",(function(){e.handleCursor(t),e.fancybox.trigger("Image.afterUpdate",t)})))}},{key:"revealContent",value:function(t){null===this.fancybox.Carousel.prevPage&&t.index===this.fancybox.options.startIndex&&this.canZoom(t)?this.zoomIn():this.fancybox.revealContent(t)}},{key:"getZoomInfo",value:function(t){var e=t.$thumb.getBoundingClientRect(),i=e.width,n=e.height,o=t.$content.getBoundingClientRect(),a=o.width,s=o.height,r=o.top-e.top,l=o.left-e.left,c=this.fancybox.option("Image.zoomOpacity");return"auto"===c&&(c=Math.abs(i/n-a/s)>.1),{top:r,left:l,scale:a&&i?i/a:1,opacity:c}}},{key:"canZoom",value:function(t){var e=this.fancybox,i=e.$container;if(window.visualViewport&&1!==window.visualViewport.scale)return!1;if(t.Panzoom&&!t.Panzoom.content.width)return!1;if(!e.option("Image.zoom")||"contain"!==e.option("Image.fit"))return!1;var n=t.$thumb;if(!n||"loading"===t.state)return!1;i.classList.add("fancybox__no-click");var o,a=n.getBoundingClientRect();if(this.fancybox.option("Image.ignoreCoveredThumbnail")){var s=document.elementFromPoint(a.left+1,a.top+1)===n,r=document.elementFromPoint(a.right-1,a.bottom-1)===n;o=s&&r}else o=document.elementFromPoint(a.left+.5*a.width,a.top+.5*a.height)===n;return i.classList.remove("fancybox__no-click"),o}},{key:"zoomIn",value:function(){var t=this.fancybox,e=t.getSlide(),i=e.Panzoom,n=this.getZoomInfo(e),o=n.top,a=n.left,s=n.scale,r=n.opacity;t.trigger("reveal",e),i.panTo({x:-1*a,y:-1*o,scale:s,friction:0,ignoreBounds:!0}),e.$content.style.visibility="",e.state="zoomIn",!0===r&&i.on("afterTransform",(function(t){"zoomIn"!==e.state&&"zoomOut"!==e.state||(t.$content.style.opacity=Math.min(1,1-(1-t.content.scale)/(1-s)))})),i.panTo({x:0,y:0,scale:1,friction:this.fancybox.option("Image.zoomFriction")})}},{key:"zoomOut",value:function(){var t=this,e=this.fancybox,i=e.getSlide(),n=i.Panzoom;if(n){i.state="zoomOut",e.state="customClosing",i.$caption&&(i.$caption.style.visibility="hidden");var o=this.fancybox.option("Image.zoomFriction"),a=function(e){var a=t.getZoomInfo(i),s=a.top,r=a.left,l=a.scale,c=a.opacity;e||c||(o*=.82),n.panTo({x:-1*r,y:-1*s,scale:l,friction:o,ignoreBounds:!0}),o*=.98};window.addEventListener("scroll",a),n.once("endAnimation",(function(){window.removeEventListener("scroll",a),e.destroy()})),a()}}},{key:"handleCursor",value:function(t){if("image"===t.type&&t.$el){var e=t.Panzoom,i=this.fancybox.option("Image.click",!1,t),n=this.fancybox.option("Image.touch"),o=t.$el.classList,a=this.fancybox.option("Image.canZoomInClass"),s=this.fancybox.option("Image.canZoomOutClass");if(o.remove(s),o.remove(a),e&&"toggleZoom"===i)e&&1===e.content.scale&&e.option("maxScale")-e.content.scale>.01?o.add(a):e.content.scale>1&&!n&&o.add(s);else"close"===i&&o.add(s)}}},{key:"onWheel",value:function(t,e){if("ready"===this.fancybox.state&&!1!==this.fancybox.trigger("Image.wheel",e))switch(this.fancybox.option("Image.wheel")){case"zoom":"done"===t.state&&t.Panzoom&&t.Panzoom.zoomWithWheel(e);break;case"close":this.fancybox.close();break;case"slide":this.fancybox[e.deltaY<0?"prev":"next"]()}}},{key:"onClick",value:function(t,e){var i=this;if("ready"===this.fancybox.state){var n=t.Panzoom;if(!n||!n.dragPosition.midPoint&&0===n.dragOffset.x&&0===n.dragOffset.y&&1===n.dragOffset.scale){if(this.fancybox.Carousel.Panzoom.lockAxis)return!1;var o=function(n){switch(n){case"toggleZoom":e.stopPropagation(),t.Panzoom&&t.Panzoom.zoomWithClick(e);break;case"close":i.fancybox.close();break;case"next":e.stopPropagation(),i.fancybox.next()}},a=this.fancybox.option("Image.click"),s=this.fancybox.option("Image.doubleClick");s?this.clickTimer?(clearTimeout(this.clickTimer),this.clickTimer=null,o(s)):this.clickTimer=setTimeout((function(){i.clickTimer=null,o(a)}),300):o(a)}}}},{key:"onPageChange",value:function(t,e){var i=t.getSlide();e.slides.forEach((function(t){t.Panzoom&&"done"===t.state&&t.index!==i.index&&t.Panzoom.panTo({x:0,y:0,scale:1,friction:.8})}))}},{key:"attach",value:function(){this.fancybox.on(this.events)}},{key:"detach",value:function(){this.fancybox.off(this.events)}}]),t}();K.defaults={canZoomInClass:"can-zoom_in",canZoomOutClass:"can-zoom_out",zoom:!0,zoomOpacity:"auto",zoomFriction:.82,ignoreCoveredThumbnail:!1,touch:!0,click:"toggleZoom",doubleClick:null,wheel:"zoom",fit:"contain",wrap:!1,Panzoom:{ratio:1}};var J=function(){function t(e){o(this,t),this.fancybox=e;for(var i=0,n=["onChange","onClosing"];i<n.length;i++){var a=n[i];this[a]=this[a].bind(this)}this.events={initCarousel:this.onChange,"Carousel.change":this.onChange,closing:this.onClosing},this.hasCreatedHistory=!1,this.origHash="",this.timer=null}return s(t,[{key:"onChange",value:function(t){var e=this,i=t.Carousel;this.timer&&clearTimeout(this.timer);var n=null===i.prevPage,o=t.getSlide(),a=new URL(document.URL).hash,s=!1;if(o.slug)s="#"+o.slug;else{var r=o.$trigger&&o.$trigger.dataset,l=t.option("slug")||r&&r.fancybox;l&&l.length&&"true"!==l&&(s="#"+l+(i.slides.length>1?"-"+(o.index+1):""))}n&&(this.origHash=a!==s?a:""),s&&a!==s&&(this.timer=setTimeout((function(){try{window.history[n?"pushState":"replaceState"]({},document.title,window.location.pathname+window.location.search+s),n&&(e.hasCreatedHistory=!0)}catch(t){}}),300))}},{key:"onClosing",value:function(){if(this.timer&&clearTimeout(this.timer),!0!==this.hasSilentClose)try{return void window.history.replaceState({},document.title,window.location.pathname+window.location.search+(this.origHash||""))}catch(t){}}},{key:"attach",value:function(t){t.on(this.events)}},{key:"detach",value:function(t){t.off(this.events)}}],[{key:"startFromUrl",value:function(){var e=t.Fancybox;if(e&&!e.getInstance()&&!1!==e.defaults.Hash){var i=t.getParsedURL(),n=i.hash,o=i.slug,a=i.index;if(o){var s=document.querySelector('[data-slug="'.concat(n,'"]'));if(s&&s.dispatchEvent(new CustomEvent("click",{bubbles:!0,cancelable:!0})),!e.getInstance()){var r=document.querySelectorAll('[data-fancybox="'.concat(o,'"]'));r.length&&(null===a&&1===r.length?s=r[0]:a&&(s=r[a-1]),s&&s.dispatchEvent(new CustomEvent("click",{bubbles:!0,cancelable:!0})))}}}}},{key:"onHashChange",value:function(){var e=t.getParsedURL(),i=e.slug,n=e.index,o=t.Fancybox,a=o&&o.getInstance();if(a&&a.plugins.Hash){if(i){var s=a.Carousel;if(i===a.option("slug"))return s.slideTo(n-1);var r,l=x(s.slides);try{for(l.s();!(r=l.n()).done;){var c=r.value;if(c.slug&&c.slug===i)return s.slideTo(c.index)}}catch(t){l.e(t)}finally{l.f()}var h=a.getSlide(),d=h.$trigger&&h.$trigger.dataset;if(d&&d.fancybox===i)return s.slideTo(n-1)}a.plugins.Hash.hasSilentClose=!0,a.close()}t.startFromUrl()}},{key:"create",value:function(e){function i(){window.addEventListener("hashchange",t.onHashChange,!1),t.startFromUrl()}t.Fancybox=e,W&&window.requestAnimationFrame((function(){/complete|interactive|loaded/.test(document.readyState)?i():document.addEventListener("DOMContentLoaded",i)}))}},{key:"destroy",value:function(){window.removeEventListener("hashchange",t.onHashChange,!1)}},{key:"getParsedURL",value:function(){var t=window.location.hash.substr(1),e=t.split("-"),i=e.length>1&&/^\+?\d+$/.test(e[e.length-1])&&parseInt(e.pop(-1),10)||null;return{hash:t,slug:e.join("-"),index:i}}}]),t}(),Q={pageXOffset:0,pageYOffset:0,element:function(){return document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement},activate:function(t){Q.pageXOffset=window.pageXOffset,Q.pageYOffset=window.pageYOffset,t.requestFullscreen?t.requestFullscreen():t.mozRequestFullScreen?t.mozRequestFullScreen():t.webkitRequestFullscreen?t.webkitRequestFullscreen():t.msRequestFullscreen&&t.msRequestFullscreen()},deactivate:function(){document.exitFullscreen?document.exitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen&&document.webkitExitFullscreen()}},tt=function(){function t(e){o(this,t),this.fancybox=e,this.active=!1,this.handleVisibilityChange=this.handleVisibilityChange.bind(this)}return s(t,[{key:"isActive",value:function(){return this.active}},{key:"setTimer",value:function(){var t=this;if(this.active&&!this.timer){var e=this.fancybox.option("slideshow.delay",3e3);this.timer=setTimeout((function(){t.timer=null,t.fancybox.option("infinite")||t.fancybox.getSlide().index!==t.fancybox.Carousel.slides.length-1?t.fancybox.next():t.fancybox.jumpTo(0,{friction:0})}),e);var i=this.$progress;i||((i=document.createElement("div")).classList.add("fancybox__progress"),this.fancybox.$carousel.parentNode.insertBefore(i,this.fancybox.$carousel),this.$progress=i,i.offsetHeight),i.style.transitionDuration="".concat(e,"ms"),i.style.transform="scaleX(1)"}}},{key:"clearTimer",value:function(){clearTimeout(this.timer),this.timer=null,this.$progress&&(this.$progress.style.transitionDuration="",this.$progress.style.transform="",this.$progress.offsetHeight)}},{key:"activate",value:function(){this.active||(this.active=!0,this.fancybox.$container.classList.add("has-slideshow"),"done"===this.fancybox.getSlide().state&&this.setTimer(),document.addEventListener("visibilitychange",this.handleVisibilityChange,!1))}},{key:"handleVisibilityChange",value:function(){this.deactivate()}},{key:"deactivate",value:function(){this.active=!1,this.clearTimer(),this.fancybox.$container.classList.remove("has-slideshow"),document.removeEventListener("visibilitychange",this.handleVisibilityChange,!1)}},{key:"toggle",value:function(){this.active?this.deactivate():this.fancybox.Carousel.slides.length>1&&this.activate()}}]),t}(),et={display:["counter","zoom","slideshow","fullscreen","thumbs","close"],autoEnable:!0,items:{counter:{position:"left",type:"div",class:"fancybox__counter",html:'<span data-fancybox-index=""></span>&nbsp;/&nbsp;<span data-fancybox-count=""></span>',attr:{tabindex:-1}},prev:{type:"button",class:"fancybox__button--prev",label:"PREV",html:'<svg viewBox="0 0 24 24"><path d="M15 4l-8 8 8 8"/></svg>',attr:{"data-fancybox-prev":""}},next:{type:"button",class:"fancybox__button--next",label:"NEXT",html:'<svg viewBox="0 0 24 24"><path d="M8 4l8 8-8 8"/></svg>',attr:{"data-fancybox-next":""}},fullscreen:{type:"button",class:"fancybox__button--fullscreen",label:"TOGGLE_FULLSCREEN",html:'<svg viewBox="0 0 24 24">\n                <g><path d="M3 8 V3h5"></path><path d="M21 8V3h-5"></path><path d="M8 21H3v-5"></path><path d="M16 21h5v-5"></path></g>\n                <g><path d="M7 2v5H2M17 2v5h5M2 17h5v5M22 17h-5v5"/></g>\n            </svg>',click:function(t){t.preventDefault(),Q.element()?Q.deactivate():Q.activate(this.fancybox.$container)}},slideshow:{type:"button",class:"fancybox__button--slideshow",label:"TOGGLE_SLIDESHOW",html:'<svg viewBox="0 0 24 24">\n                <g><path d="M6 4v16"/><path d="M20 12L6 20"/><path d="M20 12L6 4"/></g>\n                <g><path d="M7 4v15M17 4v15"/></g>\n            </svg>',click:function(t){t.preventDefault(),this.Slideshow.toggle()}},zoom:{type:"button",class:"fancybox__button--zoom",label:"TOGGLE_ZOOM",html:'<svg viewBox="0 0 24 24"><circle cx="10" cy="10" r="7"></circle><path d="M16 16 L21 21"></svg>',click:function(t){t.preventDefault();var e=this.fancybox.getSlide().Panzoom;e&&e.toggleZoom()}},download:{type:"link",label:"DOWNLOAD",class:"fancybox__button--download",html:'<svg viewBox="0 0 24 24"><path d="M12 15V3m0 12l-4-4m4 4l4-4M2 17l.62 2.48A2 2 0 004.56 21h14.88a2 2 0 001.94-1.51L22 17"/></svg>',click:function(t){t.stopPropagation()}},thumbs:{type:"button",label:"TOGGLE_THUMBS",class:"fancybox__button--thumbs",html:'<svg viewBox="0 0 24 24"><circle cx="4" cy="4" r="1" /><circle cx="12" cy="4" r="1" transform="rotate(90 12 4)"/><circle cx="20" cy="4" r="1" transform="rotate(90 20 4)"/><circle cx="4" cy="12" r="1" transform="rotate(90 4 12)"/><circle cx="12" cy="12" r="1" transform="rotate(90 12 12)"/><circle cx="20" cy="12" r="1" transform="rotate(90 20 12)"/><circle cx="4" cy="20" r="1" transform="rotate(90 4 20)"/><circle cx="12" cy="20" r="1" transform="rotate(90 12 20)"/><circle cx="20" cy="20" r="1" transform="rotate(90 20 20)"/></svg>',click:function(t){t.stopPropagation();var e=this.fancybox.plugins.Thumbs;e&&e.toggle()}},close:{type:"button",label:"CLOSE",class:"fancybox__button--close",html:'<svg viewBox="0 0 24 24"><path d="M20 20L4 4m16 0L4 20"></path></svg>',attr:{"data-fancybox-close":"",tabindex:0}}}},it=function(){function t(e){var i=this;o(this,t),this.fancybox=e,this.$container=null,this.state="init";for(var n=0,a=["onInit","onPrepare","onDone","onKeydown","onClosing","onChange","onSettle","onRefresh"];n<a.length;n++){var s=a[n];this[s]=this[s].bind(this)}this.events={init:this.onInit,prepare:this.onPrepare,done:this.onDone,keydown:this.onKeydown,closing:this.onClosing,"Carousel.change":this.onChange,"Carousel.settle":this.onSettle,"Carousel.Panzoom.touchStart":function(){return i.onRefresh()},"Image.startAnimation":function(t,e){return i.onRefresh(e)},"Image.afterUpdate":function(t,e){return i.onRefresh(e)}}}return s(t,[{key:"onInit",value:function(){if(this.fancybox.option("Toolbar.autoEnable")){var t,e=!1,i=x(this.fancybox.items);try{for(i.s();!(t=i.n()).done;){if("image"===t.value.type){e=!0;break}}}catch(t){i.e(t)}finally{i.f()}if(!e)return void(this.state="disabled")}var n,o=x(this.fancybox.option("Toolbar.display"));try{for(o.s();!(n=o.n()).done;){var a=n.value;if("close"===(w(a)?a.id:a)){this.fancybox.options.closeButton=!1;break}}}catch(t){o.e(t)}finally{o.f()}}},{key:"onPrepare",value:function(){var t=this.fancybox;if("init"===this.state&&(this.build(),this.update(),this.Slideshow=new tt(t),!t.Carousel.prevPage&&(t.option("slideshow.autoStart")&&this.Slideshow.activate(),t.option("fullscreen.autoStart")&&!Q.element())))try{Q.activate(t.$container)}catch(t){}}},{key:"onFsChange",value:function(){window.scrollTo(Q.pageXOffset,Q.pageYOffset)}},{key:"onSettle",value:function(){var t=this.fancybox,e=this.Slideshow;e&&e.isActive()&&(t.getSlide().index!==t.Carousel.slides.length-1||t.option("infinite")?"done"===t.getSlide().state&&e.setTimer():e.deactivate())}},{key:"onChange",value:function(){this.update(),this.Slideshow&&this.Slideshow.isActive()&&this.Slideshow.clearTimer()}},{key:"onDone",value:function(t,e){var i=this.Slideshow;e.index===t.getSlide().index&&(this.update(),i&&i.isActive()&&(t.option("infinite")||e.index!==t.Carousel.slides.length-1?i.setTimer():i.deactivate()))}},{key:"onRefresh",value:function(t){t&&t.index!==this.fancybox.getSlide().index||(this.update(),!this.Slideshow||!this.Slideshow.isActive()||t&&"done"!==t.state||this.Slideshow.deactivate())}},{key:"onKeydown",value:function(t,e,i){" "===e&&this.Slideshow&&(this.Slideshow.toggle(),i.preventDefault())}},{key:"onClosing",value:function(){this.Slideshow&&this.Slideshow.deactivate(),document.removeEventListener("fullscreenchange",this.onFsChange)}},{key:"createElement",value:function(t){var e,i;("div"===t.type?e=document.createElement("div"):(e=document.createElement("link"===t.type?"a":"button")).classList.add("carousel__button"),e.innerHTML=t.html,e.setAttribute("tabindex",t.tabindex||0),t.class)&&(i=e.classList).add.apply(i,m(t.class.split(" ")));for(var n in t.attr)e.setAttribute(n,t.attr[n]);t.label&&e.setAttribute("title",this.fancybox.localize("{{".concat(t.label,"}}"))),t.click&&e.addEventListener("click",t.click.bind(this)),"prev"===t.id&&e.setAttribute("data-fancybox-prev",""),"next"===t.id&&e.setAttribute("data-fancybox-next","");var o=e.querySelector("svg");return o&&(o.setAttribute("role","img"),o.setAttribute("tabindex","-1"),o.setAttribute("xmlns","http://www.w3.org/2000/svg")),e}},{key:"build",value:function(){var t=this;this.cleanup();var e,i=this.fancybox.option("Toolbar.items"),n=[{position:"left",items:[]},{position:"center",items:[]},{position:"right",items:[]}],o=this.fancybox.plugins.Thumbs,a=x(this.fancybox.option("Toolbar.display"));try{var s=function(){var a=e.value,s=void 0,r=void 0;if(w(a)?(s=a.id,r=k({},i[s],a)):r=i[s=a],["counter","next","prev","slideshow"].includes(s)&&t.fancybox.items.length<2)return"continue";if("fullscreen"===s){if(!document.fullscreenEnabled||window.fullScreen)return"continue";document.addEventListener("fullscreenchange",t.onFsChange)}if("thumbs"===s&&(!o||"disabled"===o.state))return"continue";if(!r)return"continue";var l=r.position||"right",c=n.find((function(t){return t.position===l}));c&&c.items.push(r)};for(a.s();!(e=a.n()).done;)s()}catch(t){a.e(t)}finally{a.f()}var r=document.createElement("div");r.classList.add("fancybox__toolbar");for(var l=0,c=n;l<c.length;l++){var h=c[l];if(h.items.length){var d=document.createElement("div");d.classList.add("fancybox__toolbar__items"),d.classList.add("fancybox__toolbar__items--".concat(h.position));var u,f=x(h.items);try{for(f.s();!(u=f.n()).done;){var v=u.value;d.appendChild(this.createElement(v))}}catch(t){f.e(t)}finally{f.f()}r.appendChild(d)}}this.fancybox.$carousel.parentNode.insertBefore(r,this.fancybox.$carousel),this.$container=r}},{key:"update",value:function(){var t,e=this.fancybox.getSlide(),i=e.index,n=this.fancybox.items.length,o=e.downloadSrc||("image"!==e.type||e.error?null:e.src),a=x(this.fancybox.$container.querySelectorAll("a.fancybox__button--download"));try{for(a.s();!(t=a.n()).done;){var s=t.value;o?(s.removeAttribute("disabled"),s.removeAttribute("tabindex"),s.setAttribute("href",o),s.setAttribute("download",o),s.setAttribute("target","_blank")):(s.setAttribute("disabled",""),s.setAttribute("tabindex",-1),s.removeAttribute("href"),s.removeAttribute("download"))}}catch(t){a.e(t)}finally{a.f()}var r,l=e.Panzoom,c=l&&l.option("maxScale")>l.option("baseScale"),h=x(this.fancybox.$container.querySelectorAll(".fancybox__button--zoom"));try{for(h.s();!(r=h.n()).done;){var d=r.value;c?d.removeAttribute("disabled"):d.setAttribute("disabled","")}}catch(t){h.e(t)}finally{h.f()}var u,f=x(this.fancybox.$container.querySelectorAll("[data-fancybox-index]"));try{for(f.s();!(u=f.n()).done;){u.value.innerHTML=e.index+1}}catch(t){f.e(t)}finally{f.f()}var v,p=x(this.fancybox.$container.querySelectorAll("[data-fancybox-count]"));try{for(p.s();!(v=p.n()).done;){v.value.innerHTML=n}}catch(t){p.e(t)}finally{p.f()}if(!this.fancybox.option("infinite")){var g,m=x(this.fancybox.$container.querySelectorAll("[data-fancybox-prev]"));try{for(m.s();!(g=m.n()).done;){var y=g.value;0===i?y.setAttribute("disabled",""):y.removeAttribute("disabled")}}catch(t){m.e(t)}finally{m.f()}var b,w=x(this.fancybox.$container.querySelectorAll("[data-fancybox-next]"));try{for(w.s();!(b=w.n()).done;){var k=b.value;i===n-1?k.setAttribute("disabled",""):k.removeAttribute("disabled")}}catch(t){w.e(t)}finally{w.f()}}}},{key:"cleanup",value:function(){this.Slideshow&&this.Slideshow.isActive()&&this.Slideshow.clearTimer(),this.$container&&this.$container.remove(),this.$container=null}},{key:"attach",value:function(){this.fancybox.on(this.events)}},{key:"detach",value:function(){this.fancybox.off(this.events),this.cleanup()}}]),t}();it.defaults=et;var nt={ScrollLock:U,Thumbs:Y,Html:G,Toolbar:it,Image:K,Hash:J},ot={startIndex:0,preload:1,infinite:!0,showClass:"fancybox-zoomInUp",hideClass:"fancybox-fadeOut",animated:!0,hideScrollbar:!0,parentEl:null,mainClass:null,autoFocus:!0,trapFocus:!0,placeFocusBack:!0,click:"close",closeButton:"inside",dragToClose:!0,keyboard:{Escape:"close",Delete:"close",Backspace:"close",PageUp:"next",PageDown:"prev",ArrowUp:"next",ArrowDown:"prev",ArrowRight:"next",ArrowLeft:"prev"},template:{closeButton:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" tabindex="-1"><path d="M20 20L4 4m16 0L4 20"/></svg>',spinner:'<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="25 25 50 50" tabindex="-1"><circle cx="50" cy="50" r="20"/></svg>',main:null},l10n:{CLOSE:"Close",NEXT:"Next",PREV:"Previous",MODAL:"You can close this modal content with the ESC key",ERROR:"Something Went Wrong, Please Try Again Later",IMAGE_ERROR:"Image Not Found",ELEMENT_NOT_FOUND:"HTML Element Not Found",AJAX_NOT_FOUND:"Error Loading AJAX : Not Found",AJAX_FORBIDDEN:"Error Loading AJAX : Forbidden",IFRAME_ERROR:"Error Loading Page",TOGGLE_ZOOM:"Toggle zoom level",TOGGLE_THUMBS:"Toggle thumbnails",TOGGLE_SLIDESHOW:"Toggle slideshow",TOGGLE_FULLSCREEN:"Toggle full-screen mode",DOWNLOAD:"Download"}},at=new Map,st=0,rt=function(t){l(i,t);var e=f(i);function i(t){var n,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return o(this,i),t=t.map((function(t){return t.width&&(t._width=t.width),t.height&&(t._height=t.height),t})),(n=e.call(this,k(!0,{},ot,a))).bindHandlers(),n.state="init",n.setItems(t),n.attachPlugins(i.Plugins),n.trigger("init"),!0===n.option("hideScrollbar")&&n.hideScrollbar(),n.initLayout(),n.initCarousel(),n.attachEvents(),at.set(n.id,d(n)),n.trigger("prepare"),n.state="ready",n.trigger("ready"),n.$container.setAttribute("aria-hidden","false"),n.option("trapFocus")&&n.focus(),n}return s(i,[{key:"option",value:function(t){for(var e,n=this.getSlide(),o=n?n[t]:void 0,a=arguments.length,s=new Array(a>1?a-1:0),r=1;r<a;r++)s[r-1]=arguments[r];if(void 0!==o){var l;if("function"==typeof o)o=(l=o).call.apply(l,[this,this].concat(s));return o}return(e=p(c(i.prototype),"option",this)).call.apply(e,[this,t].concat(s))}},{key:"bindHandlers",value:function(){for(var t=0,e=["onMousedown","onKeydown","onClick","onFocus","onCreateSlide","onSettle","onTouchMove","onTouchEnd","onTransform"];t<e.length;t++){var i=e[t];this[i]=this[i].bind(this)}}},{key:"attachEvents",value:function(){document.addEventListener("mousedown",this.onMousedown),document.addEventListener("keydown",this.onKeydown,!0),this.option("trapFocus")&&document.addEventListener("focus",this.onFocus,!0),this.$container.addEventListener("click",this.onClick)}},{key:"detachEvents",value:function(){document.removeEventListener("mousedown",this.onMousedown),document.removeEventListener("keydown",this.onKeydown,!0),document.removeEventListener("focus",this.onFocus,!0),this.$container.removeEventListener("click",this.onClick)}},{key:"initLayout",value:function(){var t=this;this.$root=this.option("parentEl")||document.body;var e=this.option("template.main");e&&(this.$root.insertAdjacentHTML("beforeend",this.localize(e)),this.$container=this.$root.querySelector(".fancybox__container")),this.$container||(this.$container=document.createElement("div"),this.$root.appendChild(this.$container)),this.$container.onscroll=function(){return t.$container.scrollLeft=0,!1},Object.entries({class:"fancybox__container",role:"dialog",tabIndex:"-1","aria-modal":"true","aria-hidden":"true","aria-label":this.localize("{{MODAL}}")}).forEach((function(e){var i;return(i=t.$container).setAttribute.apply(i,m(e))})),this.option("animated")&&this.$container.classList.add("is-animated"),this.$backdrop=this.$container.querySelector(".fancybox__backdrop"),this.$backdrop||(this.$backdrop=document.createElement("div"),this.$backdrop.classList.add("fancybox__backdrop"),this.$container.appendChild(this.$backdrop)),this.$carousel=this.$container.querySelector(".fancybox__carousel"),this.$carousel||(this.$carousel=document.createElement("div"),this.$carousel.classList.add("fancybox__carousel"),this.$container.appendChild(this.$carousel)),this.$container.Fancybox=this,this.id=this.$container.getAttribute("id"),this.id||(this.id=this.options.id||++st,this.$container.setAttribute("id","fancybox-"+this.id));var i,n=this.option("mainClass");n&&(i=this.$container.classList).add.apply(i,m(n.split(" ")));return document.documentElement.classList.add("with-fancybox"),this.trigger("initLayout"),this}},{key:"setItems",value:function(t){var e,i=[],n=x(t);try{for(n.s();!(e=n.n()).done;){var o=e.value,a=o.$trigger;if(a){var s=a.dataset||{};o.src=s.src||a.getAttribute("href")||o.src,o.type=s.type||o.type,!o.src&&a instanceof HTMLImageElement&&(o.src=a.currentSrc||o.$trigger.src)}var r=o.$thumb;if(!r){var l=o.$trigger&&o.$trigger.origTarget;l&&(r=l instanceof HTMLImageElement?l:l.querySelector("img:not([aria-hidden])")),!r&&o.$trigger&&(r=o.$trigger instanceof HTMLImageElement?o.$trigger:o.$trigger.querySelector("img:not([aria-hidden])"))}o.$thumb=r||null;var c=o.thumb;!c&&r&&!(c=r.currentSrc||r.src)&&r.dataset&&(c=r.dataset.lazySrc||r.dataset.src),c||"image"!==o.type||(c=o.src),o.thumb=c||null,o.caption=o.caption||"",i.push(o)}}catch(t){n.e(t)}finally{n.f()}this.items=i}},{key:"initCarousel",value:function(){var t=this;return this.Carousel=new H(this.$carousel,k(!0,{},{prefix:"",classNames:{viewport:"fancybox__viewport",track:"fancybox__track",slide:"fancybox__slide"},textSelection:!0,preload:this.option("preload"),friction:.88,slides:this.items,initialPage:this.options.startIndex,slidesPerPage:1,infiniteX:this.option("infinite"),infiniteY:!0,l10n:this.option("l10n"),Dots:!1,Navigation:{classNames:{main:"fancybox__nav",button:"carousel__button",next:"is-next",prev:"is-prev"}},Panzoom:{textSelection:!0,panOnlyZoomed:function(){return t.Carousel&&t.Carousel.pages&&t.Carousel.pages.length<2&&!t.option("dragToClose")},lockAxis:function(){if(t.Carousel){var e="x";return t.option("dragToClose")&&(e+="y"),e}}},on:{"*":function(e){for(var i=arguments.length,n=new Array(i>1?i-1:0),o=1;o<i;o++)n[o-1]=arguments[o];return t.trigger.apply(t,["Carousel.".concat(e)].concat(n))},init:function(e){return t.Carousel=e},createSlide:this.onCreateSlide,settle:this.onSettle}},this.option("Carousel"))),this.option("dragToClose")&&this.Carousel.Panzoom.on({touchMove:this.onTouchMove,afterTransform:this.onTransform,touchEnd:this.onTouchEnd}),this.trigger("initCarousel"),this}},{key:"onCreateSlide",value:function(t,e){var i=e.caption||"";if("function"==typeof this.options.caption&&(i=this.options.caption.call(this,this,this.Carousel,e)),"string"==typeof i&&i.length){var n=document.createElement("div"),o="fancybox__caption_".concat(this.id,"_").concat(e.index);n.className="fancybox__caption",n.innerHTML=i,n.setAttribute("id",o),e.$caption=e.$el.appendChild(n),e.$el.classList.add("has-caption"),e.$el.setAttribute("aria-labelledby",o)}}},{key:"onSettle",value:function(){this.option("autoFocus")&&this.focus()}},{key:"onFocus",value:function(t){this.focus(t)}},{key:"onClick",value:function(t){if(!t.defaultPrevented){var e=t.composedPath()[0];if(e.matches("[data-fancybox-close]"))return t.preventDefault(),void i.close(!1,t);if(e.matches("[data-fancybox-next]"))return t.preventDefault(),void i.next();if(e.matches("[data-fancybox-prev]"))return t.preventDefault(),void i.prev();if(e.matches(X)||document.activeElement.blur(),!e.closest(".fancybox__content"))if(!getSelection().toString().length)if(!1!==this.trigger("click",t))switch(this.option("click")){case"close":this.close();break;case"next":this.next()}}}},{key:"onTouchMove",value:function(){var t=this.getSlide().Panzoom;return!t||1===t.content.scale}},{key:"onTouchEnd",value:function(t){var e=t.dragOffset.y;Math.abs(e)>=150||Math.abs(e)>=35&&t.dragOffset.time<350?(this.option("hideClass")&&(this.getSlide().hideClass="fancybox-throwOut".concat(t.content.y<0?"Up":"Down")),this.close()):"y"===t.lockAxis&&t.panTo({y:0})}},{key:"onTransform",value:function(t){if(this.$backdrop){var e=Math.abs(t.content.y),i=e<1?"":Math.max(.33,Math.min(1,1-e/t.content.fitHeight*1.5));this.$container.style.setProperty("--fancybox-ts",i?"0s":""),this.$container.style.setProperty("--fancybox-opacity",i)}}},{key:"onMousedown",value:function(){"ready"===this.state&&document.body.classList.add("is-using-mouse")}},{key:"onKeydown",value:function(t){if(i.getInstance().id===this.id){document.body.classList.remove("is-using-mouse");var e=t.key,n=this.option("keyboard");if(n&&!t.ctrlKey&&!t.altKey&&!t.shiftKey){var o=t.composedPath()[0],a=document.activeElement&&document.activeElement.classList,s=a&&a.contains("carousel__button");if("Escape"!==e&&!s)if(t.target.isContentEditable||-1!==["BUTTON","TEXTAREA","OPTION","INPUT","SELECT","VIDEO"].indexOf(o.nodeName))return;if(!1!==this.trigger("keydown",e,t)){var r=n[e];"function"==typeof this[r]&&this[r]()}}}}},{key:"getSlide",value:function(){var t=this.Carousel;if(!t)return null;var e=null===t.page?t.option("initialPage"):t.page,i=t.pages||[];return i.length&&i[e]?i[e].slides[0]:null}},{key:"focus",value:function(t){if(!(i.ignoreFocusChange||["init","closing","customClosing","destroy"].indexOf(this.state)>-1)){var e=this.$container,n=this.getSlide(),o="done"===n.state?n.$el:null;if(!o||!o.contains(document.activeElement)){t&&t.preventDefault(),i.ignoreFocusChange=!0;for(var a,s=[],r=0,l=Array.from(e.querySelectorAll(X));r<l.length;r++){var c=l[r],h=c.offsetParent,d=o&&o.contains(c),u=!this.Carousel.$viewport.contains(c);h&&(d||u)?(s.push(c),void 0!==c.dataset.origTabindex&&(c.tabIndex=c.dataset.origTabindex,c.removeAttribute("data-orig-tabindex")),(c.hasAttribute("autoFocus")||!a&&d&&!c.classList.contains("carousel__button"))&&(a=c)):(c.dataset.origTabindex=void 0===c.dataset.origTabindex?c.getAttribute("tabindex"):c.dataset.origTabindex,c.tabIndex=-1)}t?s.indexOf(t.target)>-1?this.lastFocus=t.target:this.lastFocus===e?q(s[s.length-1]):q(e):this.option("autoFocus")&&a?q(a):s.indexOf(document.activeElement)<0&&q(e),this.lastFocus=document.activeElement,i.ignoreFocusChange=!1}}}},{key:"hideScrollbar",value:function(){if(W){var t=window.innerWidth-document.documentElement.getBoundingClientRect().width,e="fancybox-style-noscroll",i=document.getElementById(e);i||t>0&&((i=document.createElement("style")).id=e,i.type="text/css",i.innerHTML=".compensate-for-scrollbar {padding-right: ".concat(t,"px;}"),document.getElementsByTagName("head")[0].appendChild(i),document.body.classList.add("compensate-for-scrollbar"))}}},{key:"revealScrollbar",value:function(){document.body.classList.remove("compensate-for-scrollbar");var t=document.getElementById("fancybox-style-noscroll");t&&t.remove()}},{key:"clearContent",value:function(t){this.Carousel.trigger("removeSlide",t),t.$content&&(t.$content.remove(),t.$content=null),t.$closeButton&&(t.$closeButton.remove(),t.$closeButton=null),t._className&&t.$el.classList.remove(t._className)}},{key:"setContent",value:function(t,e){var i,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=t.$el;if(e instanceof HTMLElement)["img","iframe","video","audio"].indexOf(e.nodeName.toLowerCase())>-1?(i=document.createElement("div")).appendChild(e):i=e;else{var a=document.createRange().createContextualFragment(e);(i=document.createElement("div")).appendChild(a)}if(t.filter&&!t.error&&(i=i.querySelector(t.filter)),i instanceof Element)return t._className="has-".concat(n.suffix||t.type||"unknown"),o.classList.add(t._className),i.classList.add("fancybox__content"),"none"!==i.style.display&&"none"!==getComputedStyle(i).getPropertyValue("display")||(i.style.display=t.display||this.option("defaultDisplay")||"flex"),t.id&&i.setAttribute("id",t.id),t.$content=i,o.prepend(i),this.manageCloseButton(t),"loading"!==t.state&&this.revealContent(t),i;this.setError(t,"{{ELEMENT_NOT_FOUND}}")}},{key:"manageCloseButton",value:function(t){var e=this,i=void 0===t.closeButton?this.option("closeButton"):t.closeButton;if(i&&("top"!==i||!this.$closeButton)){var n=document.createElement("button");n.classList.add("carousel__button","is-close"),n.setAttribute("title",this.options.l10n.CLOSE),n.innerHTML=this.option("template.closeButton"),n.addEventListener("click",(function(t){return e.close(t)})),"inside"===i?(t.$closeButton&&t.$closeButton.remove(),t.$closeButton=t.$content.appendChild(n)):this.$closeButton=this.$container.insertBefore(n,this.$container.firstChild)}}},{key:"revealContent",value:function(t){var e=this;this.trigger("reveal",t),t.$content.style.visibility="";var i=!1;t.error||"loading"===t.state||null!==this.Carousel.prevPage||t.index!==this.options.startIndex||(i=void 0===t.showClass?this.option("showClass"):t.showClass),i?(t.state="animating",this.animateCSS(t.$content,i,(function(){e.done(t)}))):this.done(t)}},{key:"animateCSS",value:function(t,e,i){if(t&&t.dispatchEvent(new CustomEvent("animationend",{bubbles:!0,cancelable:!0})),t&&e){t.addEventListener("animationend",(function n(o){o.currentTarget===this&&(t.removeEventListener("animationend",n),i&&i(),t.classList.remove(e))})),t.classList.add(e)}else"function"==typeof i&&i()}},{key:"done",value:function(t){t.state="done",this.trigger("done",t);var e=this.getSlide();e&&t.index===e.index&&this.option("autoFocus")&&this.focus()}},{key:"setError",value:function(t,e){t.error=e,this.hideLoading(t),this.clearContent(t);var i=document.createElement("div");i.classList.add("fancybox-error"),i.innerHTML=this.localize(e||"<p>{{ERROR}}</p>"),this.setContent(t,i,{suffix:"error"})}},{key:"showLoading",value:function(t){var e=this;t.state="loading",t.$el.classList.add("is-loading");var i=t.$el.querySelector(".fancybox__spinner");i||((i=document.createElement("div")).classList.add("fancybox__spinner"),i.innerHTML=this.option("template.spinner"),i.addEventListener("click",(function(){e.Carousel.Panzoom.velocity||e.close()})),t.$el.prepend(i))}},{key:"hideLoading",value:function(t){var e=t.$el&&t.$el.querySelector(".fancybox__spinner");e&&(e.remove(),t.$el.classList.remove("is-loading")),"loading"===t.state&&(this.trigger("load",t),t.state="ready")}},{key:"next",value:function(){var t=this.Carousel;t&&t.pages.length>1&&t.slideNext()}},{key:"prev",value:function(){var t=this.Carousel;t&&t.pages.length>1&&t.slidePrev()}},{key:"jumpTo",value:function(){var t;this.Carousel&&(t=this.Carousel).slideTo.apply(t,arguments)}},{key:"close",value:function(t){var e=this;if(t&&t.preventDefault(),!["closing","customClosing","destroy"].includes(this.state)&&!1!==this.trigger("shouldClose",t)&&(this.state="closing",this.Carousel.Panzoom.destroy(),this.detachEvents(),this.trigger("closing",t),"destroy"!==this.state)){this.$container.setAttribute("aria-hidden","true"),this.$container.classList.add("is-closing");var i=this.getSlide();if(this.Carousel.slides.forEach((function(t){t.$content&&t.index!==i.index&&e.Carousel.trigger("removeSlide",t)})),"closing"===this.state){var n=void 0===i.hideClass?this.option("hideClass"):i.hideClass;this.animateCSS(i.$content,n,(function(){e.destroy()}),!0)}}}},{key:"destroy",value:function(){if("destroy"!==this.state){this.state="destroy",this.trigger("destroy");var t=this.option("placeFocusBack")?this.getSlide().$trigger:null;this.Carousel.destroy(),this.detachPlugins(),this.Carousel=null,this.options={},this.events={},this.$container.remove(),this.$container=this.$backdrop=this.$carousel=null,t&&q(t),at.delete(this.id);var e=i.getInstance();e?e.focus():(document.documentElement.classList.remove("with-fancybox"),document.body.classList.remove("is-using-mouse"),this.revealScrollbar())}}}],[{key:"show",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new i(t,e)}},{key:"fromEvent",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!t.defaultPrevented&&!(t.button&&0!==t.button||t.ctrlKey||t.metaKey||t.shiftKey)){var n,o,a,s=t.composedPath()[0],r=s;if((r.matches("[data-fancybox-trigger]")||(r=r.closest("[data-fancybox-trigger]")))&&(n=r&&r.dataset&&r.dataset.fancyboxTrigger),n){var l=document.querySelectorAll('[data-fancybox="'.concat(n,'"]')),c=parseInt(r.dataset.fancyboxIndex,10)||0;r=l.length?l[c]:r}r||(r=s),Array.from(i.openers.keys()).reverse().some((function(e){a=r;var i=!1;try{a instanceof Element&&("string"==typeof e||e instanceof String)&&(i=a.matches(e)||(a=a.closest(e)))}catch(t){}return!!i&&(t.preventDefault(),o=e,!0)}));var h=!1;if(o){e.event=t,e.target=a,a.origTarget=s,h=i.fromOpener(o,e);var d=i.getInstance();d&&"ready"===d.state&&t.detail&&document.body.classList.add("is-using-mouse")}return h}}},{key:"fromOpener",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=function(t){for(var e=["false","0","no","null","undefined"],i=["true","1","yes"],n=Object.assign({},t.dataset),o={},a=0,s=Object.entries(n);a<s.length;a++){var r=g(s[a],2),l=r[0],c=r[1];if("fancybox"!==l)if("width"===l||"height"===l)o["_".concat(l)]=c;else if("string"==typeof c||c instanceof String)if(e.indexOf(c)>-1)o[l]=!1;else if(i.indexOf(o[l])>-1)o[l]=!0;else try{o[l]=JSON.parse(c)}catch(t){o[l]=c}else o[l]=c}return t instanceof Element&&(o.$trigger=t),o},o=[],a=e.startIndex||0,s=e.target||null,r=void 0!==(e=k({},e,i.openers.get(t))).groupAll&&e.groupAll,l=void 0===e.groupAttr?"data-fancybox":e.groupAttr,c=l&&s?s.getAttribute("".concat(l)):"";if(!s||c||r){var h=e.root||(s?s.getRootNode():document.body);o=[].slice.call(h.querySelectorAll(t))}if(s&&!r&&(o=c?o.filter((function(t){return t.getAttribute("".concat(l))===c})):[s]),!o.length)return!1;var d=i.getInstance();return!(d&&o.indexOf(d.options.$trigger)>-1)&&(a=s?o.indexOf(s):a,new i(o=o.map(n),k({},e,{startIndex:a,$trigger:s})))}},{key:"bind",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};function n(){document.body.addEventListener("click",i.fromEvent,!1)}W&&(i.openers.size||(/complete|interactive|loaded/.test(document.readyState)?n():document.addEventListener("DOMContentLoaded",n)),i.openers.set(t,e))}},{key:"unbind",value:function(t){i.openers.delete(t),i.openers.size||i.destroy()}},{key:"destroy",value:function(){for(var t;t=i.getInstance();)t.destroy();i.openers=new Map,document.body.removeEventListener("click",i.fromEvent,!1)}},{key:"getInstance",value:function(t){return t?at.get(t):Array.from(at.values()).reverse().find((function(t){return!["closing","customClosing","destroy"].includes(t.state)&&t}))||null}},{key:"close",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=arguments.length>1?arguments[1]:void 0;if(t){var n,o=x(at.values());try{for(o.s();!(n=o.n()).done;){var a=n.value;a.close(e)}}catch(t){o.e(t)}finally{o.f()}}else{var s=i.getInstance();s&&s.close(e)}}},{key:"next",value:function(){var t=i.getInstance();t&&t.next()}},{key:"prev",value:function(){var t=i.getInstance();t&&t.prev()}}]),i}(O);rt.version="4.0.27",rt.defaults=ot,rt.openers=new Map,rt.Plugins=nt,rt.bind("[data-fancybox]");for(var lt=0,ct=Object.entries(rt.Plugins||{});lt<ct.length;lt++){var ht=g(ct[lt],2);ht[0];var dt=ht[1];"function"==typeof dt.create&&dt.create(rt)}t.Carousel=H,t.Fancybox=rt,t.Panzoom=M}));
diff --git a/public/assets/js/feather.min.js b/public/assets/js/feather.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..19243bcef9b2e77948c7dba72188ef53d80c134f
--- /dev/null
+++ b/public/assets/js/feather.min.js
@@ -0,0 +1,13 @@
+!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.feather=n():e.feather=n()}("undefined"!=typeof self?self:this,function(){return function(e){var n={};function i(t){if(n[t])return n[t].exports;var l=n[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,i),l.l=!0,l.exports}return i.m=e,i.c=n,i.d=function(e,n,t){i.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:t})},i.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},i.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(n,"a",n),n},i.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},i.p="",i(i.s=80)}([function(e,n,i){(function(n){var i="object",t=function(e){return e&&e.Math==Math&&e};e.exports=t(typeof globalThis==i&&globalThis)||t(typeof window==i&&window)||t(typeof self==i&&self)||t(typeof n==i&&n)||Function("return this")()}).call(this,i(75))},function(e,n){var i={}.hasOwnProperty;e.exports=function(e,n){return i.call(e,n)}},function(e,n,i){var t=i(0),l=i(11),r=i(33),o=i(62),a=t.Symbol,c=l("wks");e.exports=function(e){return c[e]||(c[e]=o&&a[e]||(o?a:r)("Symbol."+e))}},function(e,n,i){var t=i(6);e.exports=function(e){if(!t(e))throw TypeError(String(e)+" is not an object");return e}},function(e,n){e.exports=function(e){try{return!!e()}catch(e){return!0}}},function(e,n,i){var t=i(8),l=i(7),r=i(10);e.exports=t?function(e,n,i){return l.f(e,n,r(1,i))}:function(e,n,i){return e[n]=i,e}},function(e,n){e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},function(e,n,i){var t=i(8),l=i(35),r=i(3),o=i(18),a=Object.defineProperty;n.f=t?a:function(e,n,i){if(r(e),n=o(n,!0),r(i),l)try{return a(e,n,i)}catch(e){}if("get"in i||"set"in i)throw TypeError("Accessors not supported");return"value"in i&&(e[n]=i.value),e}},function(e,n,i){var t=i(4);e.exports=!t(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(e,n){e.exports={}},function(e,n){e.exports=function(e,n){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:n}}},function(e,n,i){var t=i(0),l=i(19),r=i(17),o=t["__core-js_shared__"]||l("__core-js_shared__",{});(e.exports=function(e,n){return o[e]||(o[e]=void 0!==n?n:{})})("versions",[]).push({version:"3.1.3",mode:r?"pure":"global",copyright:"© 2019 Denis Pushkarev (zloirock.ru)"})},function(e,n,i){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var t=o(i(43)),l=o(i(41)),r=o(i(40));function o(e){return e&&e.__esModule?e:{default:e}}n.default=Object.keys(l.default).map(function(e){return new t.default(e,l.default[e],r.default[e])}).reduce(function(e,n){return e[n.name]=n,e},{})},function(e,n){e.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},function(e,n,i){var t=i(72),l=i(20);e.exports=function(e){return t(l(e))}},function(e,n){e.exports={}},function(e,n,i){var t=i(11),l=i(33),r=t("keys");e.exports=function(e){return r[e]||(r[e]=l(e))}},function(e,n){e.exports=!1},function(e,n,i){var t=i(6);e.exports=function(e,n){if(!t(e))return e;var i,l;if(n&&"function"==typeof(i=e.toString)&&!t(l=i.call(e)))return l;if("function"==typeof(i=e.valueOf)&&!t(l=i.call(e)))return l;if(!n&&"function"==typeof(i=e.toString)&&!t(l=i.call(e)))return l;throw TypeError("Can't convert object to primitive value")}},function(e,n,i){var t=i(0),l=i(5);e.exports=function(e,n){try{l(t,e,n)}catch(i){t[e]=n}return n}},function(e,n){e.exports=function(e){if(void 0==e)throw TypeError("Can't call method on "+e);return e}},function(e,n){var i=Math.ceil,t=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?t:i)(e)}},function(e,n,i){var t;
+/*!
+  Copyright (c) 2016 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+/*!
+  Copyright (c) 2016 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+!function(){"use strict";var i=function(){function e(){}function n(e,n){for(var i=n.length,t=0;t<i;++t)l(e,n[t])}e.prototype=Object.create(null);var i={}.hasOwnProperty;var t=/\s+/;function l(e,l){if(l){var r=typeof l;"string"===r?function(e,n){for(var i=n.split(t),l=i.length,r=0;r<l;++r)e[i[r]]=!0}(e,l):Array.isArray(l)?n(e,l):"object"===r?function(e,n){for(var t in n)i.call(n,t)&&(e[t]=!!n[t])}(e,l):"number"===r&&function(e,n){e[n]=!0}(e,l)}}return function(){for(var i=arguments.length,t=Array(i),l=0;l<i;l++)t[l]=arguments[l];var r=new e;n(r,t);var o=[];for(var a in r)r[a]&&o.push(a);return o.join(" ")}}();void 0!==e&&e.exports?e.exports=i:void 0===(t=function(){return i}.apply(n,[]))||(e.exports=t)}()},function(e,n,i){var t=i(7).f,l=i(1),r=i(2)("toStringTag");e.exports=function(e,n,i){e&&!l(e=i?e:e.prototype,r)&&t(e,r,{configurable:!0,value:n})}},function(e,n,i){var t=i(20);e.exports=function(e){return Object(t(e))}},function(e,n,i){var t=i(1),l=i(24),r=i(16),o=i(63),a=r("IE_PROTO"),c=Object.prototype;e.exports=o?Object.getPrototypeOf:function(e){return e=l(e),t(e,a)?e[a]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?c:null}},function(e,n,i){"use strict";var t,l,r,o=i(25),a=i(5),c=i(1),p=i(2),y=i(17),h=p("iterator"),x=!1;[].keys&&("next"in(r=[].keys())?(l=o(o(r)))!==Object.prototype&&(t=l):x=!0),void 0==t&&(t={}),y||c(t,h)||a(t,h,function(){return this}),e.exports={IteratorPrototype:t,BUGGY_SAFARI_ITERATORS:x}},function(e,n,i){var t=i(21),l=Math.min;e.exports=function(e){return e>0?l(t(e),9007199254740991):0}},function(e,n,i){var t=i(1),l=i(14),r=i(68),o=i(15),a=r(!1);e.exports=function(e,n){var i,r=l(e),c=0,p=[];for(i in r)!t(o,i)&&t(r,i)&&p.push(i);for(;n.length>c;)t(r,i=n[c++])&&(~a(p,i)||p.push(i));return p}},function(e,n,i){var t=i(0),l=i(11),r=i(5),o=i(1),a=i(19),c=i(36),p=i(37),y=p.get,h=p.enforce,x=String(c).split("toString");l("inspectSource",function(e){return c.call(e)}),(e.exports=function(e,n,i,l){var c=!!l&&!!l.unsafe,p=!!l&&!!l.enumerable,y=!!l&&!!l.noTargetGet;"function"==typeof i&&("string"!=typeof n||o(i,"name")||r(i,"name",n),h(i).source=x.join("string"==typeof n?n:"")),e!==t?(c?!y&&e[n]&&(p=!0):delete e[n],p?e[n]=i:r(e,n,i)):p?e[n]=i:a(n,i)})(Function.prototype,"toString",function(){return"function"==typeof this&&y(this).source||c.call(this)})},function(e,n){var i={}.toString;e.exports=function(e){return i.call(e).slice(8,-1)}},function(e,n,i){var t=i(8),l=i(73),r=i(10),o=i(14),a=i(18),c=i(1),p=i(35),y=Object.getOwnPropertyDescriptor;n.f=t?y:function(e,n){if(e=o(e),n=a(n,!0),p)try{return y(e,n)}catch(e){}if(c(e,n))return r(!l.f.call(e,n),e[n])}},function(e,n,i){var t=i(0),l=i(31).f,r=i(5),o=i(29),a=i(19),c=i(71),p=i(65);e.exports=function(e,n){var i,y,h,x,s,u=e.target,d=e.global,f=e.stat;if(i=d?t:f?t[u]||a(u,{}):(t[u]||{}).prototype)for(y in n){if(x=n[y],h=e.noTargetGet?(s=l(i,y))&&s.value:i[y],!p(d?y:u+(f?".":"#")+y,e.forced)&&void 0!==h){if(typeof x==typeof h)continue;c(x,h)}(e.sham||h&&h.sham)&&r(x,"sham",!0),o(i,y,x,e)}}},function(e,n){var i=0,t=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++i+t).toString(36))}},function(e,n,i){var t=i(0),l=i(6),r=t.document,o=l(r)&&l(r.createElement);e.exports=function(e){return o?r.createElement(e):{}}},function(e,n,i){var t=i(8),l=i(4),r=i(34);e.exports=!t&&!l(function(){return 7!=Object.defineProperty(r("div"),"a",{get:function(){return 7}}).a})},function(e,n,i){var t=i(11);e.exports=t("native-function-to-string",Function.toString)},function(e,n,i){var t,l,r,o=i(76),a=i(0),c=i(6),p=i(5),y=i(1),h=i(16),x=i(15),s=a.WeakMap;if(o){var u=new s,d=u.get,f=u.has,g=u.set;t=function(e,n){return g.call(u,e,n),n},l=function(e){return d.call(u,e)||{}},r=function(e){return f.call(u,e)}}else{var v=h("state");x[v]=!0,t=function(e,n){return p(e,v,n),n},l=function(e){return y(e,v)?e[v]:{}},r=function(e){return y(e,v)}}e.exports={set:t,get:l,has:r,enforce:function(e){return r(e)?l(e):t(e,{})},getterFor:function(e){return function(n){var i;if(!c(n)||(i=l(n)).type!==e)throw TypeError("Incompatible receiver, "+e+" required");return i}}}},function(e,n,i){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var t=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var i=arguments[n];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e},l=o(i(22)),r=o(i(12));function o(e){return e&&e.__esModule?e:{default:e}}n.default=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if("undefined"==typeof document)throw new Error("`feather.replace()` only works in a browser environment.");var n=document.querySelectorAll("[data-feather]");Array.from(n).forEach(function(n){return function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=function(e){return Array.from(e.attributes).reduce(function(e,n){return e[n.name]=n.value,e},{})}(e),o=i["data-feather"];delete i["data-feather"];var a=r.default[o].toSvg(t({},n,i,{class:(0,l.default)(n.class,i.class)})),c=(new DOMParser).parseFromString(a,"image/svg+xml").querySelector("svg");e.parentNode.replaceChild(c,e)}(n,e)})}},function(e,n,i){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var t,l=i(12),r=(t=l)&&t.__esModule?t:{default:t};n.default=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(console.warn("feather.toSvg() is deprecated. Please use feather.icons[name].toSvg() instead."),!e)throw new Error("The required `key` (icon name) parameter is missing.");if(!r.default[e])throw new Error("No icon matching '"+e+"'. See the complete list of icons at https://feathericons.com");return r.default[e].toSvg(n)}},function(e){e.exports={activity:["pulse","health","action","motion"],airplay:["stream","cast","mirroring"],"alert-circle":["warning","alert","danger"],"alert-octagon":["warning","alert","danger"],"alert-triangle":["warning","alert","danger"],"align-center":["text alignment","center"],"align-justify":["text alignment","justified"],"align-left":["text alignment","left"],"align-right":["text alignment","right"],anchor:[],archive:["index","box"],"at-sign":["mention","at","email","message"],award:["achievement","badge"],aperture:["camera","photo"],"bar-chart":["statistics","diagram","graph"],"bar-chart-2":["statistics","diagram","graph"],battery:["power","electricity"],"battery-charging":["power","electricity"],bell:["alarm","notification","sound"],"bell-off":["alarm","notification","silent"],bluetooth:["wireless"],"book-open":["read","library"],book:["read","dictionary","booklet","magazine","library"],bookmark:["read","clip","marker","tag"],box:["cube"],briefcase:["work","bag","baggage","folder"],calendar:["date"],camera:["photo"],cast:["chromecast","airplay"],"chevron-down":["expand"],"chevron-up":["collapse"],circle:["off","zero","record"],clipboard:["copy"],clock:["time","watch","alarm"],"cloud-drizzle":["weather","shower"],"cloud-lightning":["weather","bolt"],"cloud-rain":["weather"],"cloud-snow":["weather","blizzard"],cloud:["weather"],codepen:["logo"],codesandbox:["logo"],code:["source","programming"],coffee:["drink","cup","mug","tea","cafe","hot","beverage"],columns:["layout"],command:["keyboard","cmd","terminal","prompt"],compass:["navigation","safari","travel","direction"],copy:["clone","duplicate"],"corner-down-left":["arrow","return"],"corner-down-right":["arrow"],"corner-left-down":["arrow"],"corner-left-up":["arrow"],"corner-right-down":["arrow"],"corner-right-up":["arrow"],"corner-up-left":["arrow"],"corner-up-right":["arrow"],cpu:["processor","technology"],"credit-card":["purchase","payment","cc"],crop:["photo","image"],crosshair:["aim","target"],database:["storage","memory"],delete:["remove"],disc:["album","cd","dvd","music"],"dollar-sign":["currency","money","payment"],droplet:["water"],edit:["pencil","change"],"edit-2":["pencil","change"],"edit-3":["pencil","change"],eye:["view","watch"],"eye-off":["view","watch","hide","hidden"],"external-link":["outbound"],facebook:["logo","social"],"fast-forward":["music"],figma:["logo","design","tool"],"file-minus":["delete","remove","erase"],"file-plus":["add","create","new"],"file-text":["data","txt","pdf"],film:["movie","video"],filter:["funnel","hopper"],flag:["report"],"folder-minus":["directory"],"folder-plus":["directory"],folder:["directory"],framer:["logo","design","tool"],frown:["emoji","face","bad","sad","emotion"],gift:["present","box","birthday","party"],"git-branch":["code","version control"],"git-commit":["code","version control"],"git-merge":["code","version control"],"git-pull-request":["code","version control"],github:["logo","version control"],gitlab:["logo","version control"],globe:["world","browser","language","translate"],"hard-drive":["computer","server","memory","data"],hash:["hashtag","number","pound"],headphones:["music","audio","sound"],heart:["like","love","emotion"],"help-circle":["question mark"],hexagon:["shape","node.js","logo"],home:["house","living"],image:["picture"],inbox:["email"],instagram:["logo","camera"],key:["password","login","authentication","secure"],layers:["stack"],layout:["window","webpage"],"life-bouy":["help","life ring","support"],link:["chain","url"],"link-2":["chain","url"],linkedin:["logo","social media"],list:["options"],lock:["security","password","secure"],"log-in":["sign in","arrow","enter"],"log-out":["sign out","arrow","exit"],mail:["email","message"],"map-pin":["location","navigation","travel","marker"],map:["location","navigation","travel"],maximize:["fullscreen"],"maximize-2":["fullscreen","arrows","expand"],meh:["emoji","face","neutral","emotion"],menu:["bars","navigation","hamburger"],"message-circle":["comment","chat"],"message-square":["comment","chat"],"mic-off":["record","sound","mute"],mic:["record","sound","listen"],minimize:["exit fullscreen","close"],"minimize-2":["exit fullscreen","arrows","close"],minus:["subtract"],monitor:["tv","screen","display"],moon:["dark","night"],"more-horizontal":["ellipsis"],"more-vertical":["ellipsis"],"mouse-pointer":["arrow","cursor"],move:["arrows"],music:["note"],navigation:["location","travel"],"navigation-2":["location","travel"],octagon:["stop"],package:["box","container"],paperclip:["attachment"],pause:["music","stop"],"pause-circle":["music","audio","stop"],"pen-tool":["vector","drawing"],percent:["discount"],"phone-call":["ring"],"phone-forwarded":["call"],"phone-incoming":["call"],"phone-missed":["call"],"phone-off":["call","mute"],"phone-outgoing":["call"],phone:["call"],play:["music","start"],"pie-chart":["statistics","diagram"],"play-circle":["music","start"],plus:["add","new"],"plus-circle":["add","new"],"plus-square":["add","new"],pocket:["logo","save"],power:["on","off"],printer:["fax","office","device"],radio:["signal"],"refresh-cw":["synchronise","arrows"],"refresh-ccw":["arrows"],repeat:["loop","arrows"],rewind:["music"],"rotate-ccw":["arrow"],"rotate-cw":["arrow"],rss:["feed","subscribe"],save:["floppy disk"],scissors:["cut"],search:["find","magnifier","magnifying glass"],send:["message","mail","email","paper airplane","paper aeroplane"],settings:["cog","edit","gear","preferences"],"share-2":["network","connections"],shield:["security","secure"],"shield-off":["security","insecure"],"shopping-bag":["ecommerce","cart","purchase","store"],"shopping-cart":["ecommerce","cart","purchase","store"],shuffle:["music"],"skip-back":["music"],"skip-forward":["music"],slack:["logo"],slash:["ban","no"],sliders:["settings","controls"],smartphone:["cellphone","device"],smile:["emoji","face","happy","good","emotion"],speaker:["audio","music"],star:["bookmark","favorite","like"],"stop-circle":["media","music"],sun:["brightness","weather","light"],sunrise:["weather","time","morning","day"],sunset:["weather","time","evening","night"],tablet:["device"],tag:["label"],target:["logo","bullseye"],terminal:["code","command line","prompt"],thermometer:["temperature","celsius","fahrenheit","weather"],"thumbs-down":["dislike","bad","emotion"],"thumbs-up":["like","good","emotion"],"toggle-left":["on","off","switch"],"toggle-right":["on","off","switch"],tool:["settings","spanner"],trash:["garbage","delete","remove","bin"],"trash-2":["garbage","delete","remove","bin"],triangle:["delta"],truck:["delivery","van","shipping","transport","lorry"],tv:["television","stream"],twitch:["logo"],twitter:["logo","social"],type:["text"],umbrella:["rain","weather"],unlock:["security"],"user-check":["followed","subscribed"],"user-minus":["delete","remove","unfollow","unsubscribe"],"user-plus":["new","add","create","follow","subscribe"],"user-x":["delete","remove","unfollow","unsubscribe","unavailable"],user:["person","account"],users:["group"],"video-off":["camera","movie","film"],video:["camera","movie","film"],voicemail:["phone"],volume:["music","sound","mute"],"volume-1":["music","sound"],"volume-2":["music","sound"],"volume-x":["music","sound","mute"],watch:["clock","time"],"wifi-off":["disabled"],wifi:["connection","signal","wireless"],wind:["weather","air"],"x-circle":["cancel","close","delete","remove","times","clear"],"x-octagon":["delete","stop","alert","warning","times","clear"],"x-square":["cancel","close","delete","remove","times","clear"],x:["cancel","close","delete","remove","times","clear"],youtube:["logo","video","play"],"zap-off":["flash","camera","lightning"],zap:["flash","camera","lightning"],"zoom-in":["magnifying glass"],"zoom-out":["magnifying glass"]}},function(e){e.exports={activity:'<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>',airplay:'<path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"></path><polygon points="12 15 17 21 7 21 12 15"></polygon>',"alert-circle":'<circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line>',"alert-octagon":'<polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line>',"alert-triangle":'<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line>',"align-center":'<line x1="18" y1="10" x2="6" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="18" y1="18" x2="6" y2="18"></line>',"align-justify":'<line x1="21" y1="10" x2="3" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="21" y1="18" x2="3" y2="18"></line>',"align-left":'<line x1="17" y1="10" x2="3" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="17" y1="18" x2="3" y2="18"></line>',"align-right":'<line x1="21" y1="10" x2="7" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="21" y1="18" x2="7" y2="18"></line>',anchor:'<circle cx="12" cy="5" r="3"></circle><line x1="12" y1="22" x2="12" y2="8"></line><path d="M5 12H2a10 10 0 0 0 20 0h-3"></path>',aperture:'<circle cx="12" cy="12" r="10"></circle><line x1="14.31" y1="8" x2="20.05" y2="17.94"></line><line x1="9.69" y1="8" x2="21.17" y2="8"></line><line x1="7.38" y1="12" x2="13.12" y2="2.06"></line><line x1="9.69" y1="16" x2="3.95" y2="6.06"></line><line x1="14.31" y1="16" x2="2.83" y2="16"></line><line x1="16.62" y1="12" x2="10.88" y2="21.94"></line>',archive:'<polyline points="21 8 21 21 3 21 3 8"></polyline><rect x="1" y="3" width="22" height="5"></rect><line x1="10" y1="12" x2="14" y2="12"></line>',"arrow-down-circle":'<circle cx="12" cy="12" r="10"></circle><polyline points="8 12 12 16 16 12"></polyline><line x1="12" y1="8" x2="12" y2="16"></line>',"arrow-down-left":'<line x1="17" y1="7" x2="7" y2="17"></line><polyline points="17 17 7 17 7 7"></polyline>',"arrow-down-right":'<line x1="7" y1="7" x2="17" y2="17"></line><polyline points="17 7 17 17 7 17"></polyline>',"arrow-down":'<line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline>',"arrow-left-circle":'<circle cx="12" cy="12" r="10"></circle><polyline points="12 8 8 12 12 16"></polyline><line x1="16" y1="12" x2="8" y2="12"></line>',"arrow-left":'<line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline>',"arrow-right-circle":'<circle cx="12" cy="12" r="10"></circle><polyline points="12 16 16 12 12 8"></polyline><line x1="8" y1="12" x2="16" y2="12"></line>',"arrow-right":'<line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline>',"arrow-up-circle":'<circle cx="12" cy="12" r="10"></circle><polyline points="16 12 12 8 8 12"></polyline><line x1="12" y1="16" x2="12" y2="8"></line>',"arrow-up-left":'<line x1="17" y1="17" x2="7" y2="7"></line><polyline points="7 17 7 7 17 7"></polyline>',"arrow-up-right":'<line x1="7" y1="17" x2="17" y2="7"></line><polyline points="7 7 17 7 17 17"></polyline>',"arrow-up":'<line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline>',"at-sign":'<circle cx="12" cy="12" r="4"></circle><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"></path>',award:'<circle cx="12" cy="8" r="7"></circle><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline>',"bar-chart-2":'<line x1="18" y1="20" x2="18" y2="10"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line>',"bar-chart":'<line x1="12" y1="20" x2="12" y2="10"></line><line x1="18" y1="20" x2="18" y2="4"></line><line x1="6" y1="20" x2="6" y2="16"></line>',"battery-charging":'<path d="M5 18H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3.19M15 6h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-3.19"></path><line x1="23" y1="13" x2="23" y2="11"></line><polyline points="11 6 7 12 13 12 9 18"></polyline>',battery:'<rect x="1" y="6" width="18" height="12" rx="2" ry="2"></rect><line x1="23" y1="13" x2="23" y2="11"></line>',"bell-off":'<path d="M13.73 21a2 2 0 0 1-3.46 0"></path><path d="M18.63 13A17.89 17.89 0 0 1 18 8"></path><path d="M6.26 6.26A5.86 5.86 0 0 0 6 8c0 7-3 9-3 9h14"></path><path d="M18 8a6 6 0 0 0-9.33-5"></path><line x1="1" y1="1" x2="23" y2="23"></line>',bell:'<path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path>',bluetooth:'<polyline points="6.5 6.5 17.5 17.5 12 23 12 1 17.5 6.5 6.5 17.5"></polyline>',bold:'<path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path><path d="M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path>',"book-open":'<path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path>',book:'<path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path>',bookmark:'<path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path>',box:'<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line>',briefcase:'<rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>',calendar:'<rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line>',"camera-off":'<line x1="1" y1="1" x2="23" y2="23"></line><path d="M21 21H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3m3-3h6l2 3h4a2 2 0 0 1 2 2v9.34m-7.72-2.06a4 4 0 1 1-5.56-5.56"></path>',camera:'<path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path><circle cx="12" cy="13" r="4"></circle>',cast:'<path d="M2 16.1A5 5 0 0 1 5.9 20M2 12.05A9 9 0 0 1 9.95 20M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6"></path><line x1="2" y1="20" x2="2.01" y2="20"></line>',"check-circle":'<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline>',"check-square":'<polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>',check:'<polyline points="20 6 9 17 4 12"></polyline>',"chevron-down":'<polyline points="6 9 12 15 18 9"></polyline>',"chevron-left":'<polyline points="15 18 9 12 15 6"></polyline>',"chevron-right":'<polyline points="9 18 15 12 9 6"></polyline>',"chevron-up":'<polyline points="18 15 12 9 6 15"></polyline>',"chevrons-down":'<polyline points="7 13 12 18 17 13"></polyline><polyline points="7 6 12 11 17 6"></polyline>',"chevrons-left":'<polyline points="11 17 6 12 11 7"></polyline><polyline points="18 17 13 12 18 7"></polyline>',"chevrons-right":'<polyline points="13 17 18 12 13 7"></polyline><polyline points="6 17 11 12 6 7"></polyline>',"chevrons-up":'<polyline points="17 11 12 6 7 11"></polyline><polyline points="17 18 12 13 7 18"></polyline>',chrome:'<circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="4"></circle><line x1="21.17" y1="8" x2="12" y2="8"></line><line x1="3.95" y1="6.06" x2="8.54" y2="14"></line><line x1="10.88" y1="21.94" x2="15.46" y2="14"></line>',circle:'<circle cx="12" cy="12" r="10"></circle>',clipboard:'<path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect>',clock:'<circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline>',"cloud-drizzle":'<line x1="8" y1="19" x2="8" y2="21"></line><line x1="8" y1="13" x2="8" y2="15"></line><line x1="16" y1="19" x2="16" y2="21"></line><line x1="16" y1="13" x2="16" y2="15"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="12" y1="15" x2="12" y2="17"></line><path d="M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"></path>',"cloud-lightning":'<path d="M19 16.9A5 5 0 0 0 18 7h-1.26a8 8 0 1 0-11.62 9"></path><polyline points="13 11 9 17 15 17 11 23"></polyline>',"cloud-off":'<path d="M22.61 16.95A5 5 0 0 0 18 10h-1.26a8 8 0 0 0-7.05-6M5 5a8 8 0 0 0 4 15h9a5 5 0 0 0 1.7-.3"></path><line x1="1" y1="1" x2="23" y2="23"></line>',"cloud-rain":'<line x1="16" y1="13" x2="16" y2="21"></line><line x1="8" y1="13" x2="8" y2="21"></line><line x1="12" y1="15" x2="12" y2="23"></line><path d="M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"></path>',"cloud-snow":'<path d="M20 17.58A5 5 0 0 0 18 8h-1.26A8 8 0 1 0 4 16.25"></path><line x1="8" y1="16" x2="8.01" y2="16"></line><line x1="8" y1="20" x2="8.01" y2="20"></line><line x1="12" y1="18" x2="12.01" y2="18"></line><line x1="12" y1="22" x2="12.01" y2="22"></line><line x1="16" y1="16" x2="16.01" y2="16"></line><line x1="16" y1="20" x2="16.01" y2="20"></line>',cloud:'<path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path>',code:'<polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline>',codepen:'<polygon points="12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2"></polygon><line x1="12" y1="22" x2="12" y2="15.5"></line><polyline points="22 8.5 12 15.5 2 8.5"></polyline><polyline points="2 15.5 12 8.5 22 15.5"></polyline><line x1="12" y1="2" x2="12" y2="8.5"></line>',codesandbox:'<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="7.5 4.21 12 6.81 16.5 4.21"></polyline><polyline points="7.5 19.79 7.5 14.6 3 12"></polyline><polyline points="21 12 16.5 14.6 16.5 19.79"></polyline><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line>',coffee:'<path d="M18 8h1a4 4 0 0 1 0 8h-1"></path><path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"></path><line x1="6" y1="1" x2="6" y2="4"></line><line x1="10" y1="1" x2="10" y2="4"></line><line x1="14" y1="1" x2="14" y2="4"></line>',columns:'<path d="M12 3h7a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-7m0-18H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7m0-18v18"></path>',command:'<path d="M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z"></path>',compass:'<circle cx="12" cy="12" r="10"></circle><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"></polygon>',copy:'<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>',"corner-down-left":'<polyline points="9 10 4 15 9 20"></polyline><path d="M20 4v7a4 4 0 0 1-4 4H4"></path>',"corner-down-right":'<polyline points="15 10 20 15 15 20"></polyline><path d="M4 4v7a4 4 0 0 0 4 4h12"></path>',"corner-left-down":'<polyline points="14 15 9 20 4 15"></polyline><path d="M20 4h-7a4 4 0 0 0-4 4v12"></path>',"corner-left-up":'<polyline points="14 9 9 4 4 9"></polyline><path d="M20 20h-7a4 4 0 0 1-4-4V4"></path>',"corner-right-down":'<polyline points="10 15 15 20 20 15"></polyline><path d="M4 4h7a4 4 0 0 1 4 4v12"></path>',"corner-right-up":'<polyline points="10 9 15 4 20 9"></polyline><path d="M4 20h7a4 4 0 0 0 4-4V4"></path>',"corner-up-left":'<polyline points="9 14 4 9 9 4"></polyline><path d="M20 20v-7a4 4 0 0 0-4-4H4"></path>',"corner-up-right":'<polyline points="15 14 20 9 15 4"></polyline><path d="M4 20v-7a4 4 0 0 1 4-4h12"></path>',cpu:'<rect x="4" y="4" width="16" height="16" rx="2" ry="2"></rect><rect x="9" y="9" width="6" height="6"></rect><line x1="9" y1="1" x2="9" y2="4"></line><line x1="15" y1="1" x2="15" y2="4"></line><line x1="9" y1="20" x2="9" y2="23"></line><line x1="15" y1="20" x2="15" y2="23"></line><line x1="20" y1="9" x2="23" y2="9"></line><line x1="20" y1="14" x2="23" y2="14"></line><line x1="1" y1="9" x2="4" y2="9"></line><line x1="1" y1="14" x2="4" y2="14"></line>',"credit-card":'<rect x="1" y="4" width="22" height="16" rx="2" ry="2"></rect><line x1="1" y1="10" x2="23" y2="10"></line>',crop:'<path d="M6.13 1L6 16a2 2 0 0 0 2 2h15"></path><path d="M1 6.13L16 6a2 2 0 0 1 2 2v15"></path>',crosshair:'<circle cx="12" cy="12" r="10"></circle><line x1="22" y1="12" x2="18" y2="12"></line><line x1="6" y1="12" x2="2" y2="12"></line><line x1="12" y1="6" x2="12" y2="2"></line><line x1="12" y1="22" x2="12" y2="18"></line>',database:'<ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"></path><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"></path>',delete:'<path d="M21 4H8l-7 8 7 8h13a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z"></path><line x1="18" y1="9" x2="12" y2="15"></line><line x1="12" y1="9" x2="18" y2="15"></line>',disc:'<circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="3"></circle>',"divide-circle":'<line x1="8" y1="12" x2="16" y2="12"></line><line x1="12" y1="16" x2="12" y2="16"></line><line x1="12" y1="8" x2="12" y2="8"></line><circle cx="12" cy="12" r="10"></circle>',"divide-square":'<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="8" y1="12" x2="16" y2="12"></line><line x1="12" y1="16" x2="12" y2="16"></line><line x1="12" y1="8" x2="12" y2="8"></line>',divide:'<circle cx="12" cy="6" r="2"></circle><line x1="5" y1="12" x2="19" y2="12"></line><circle cx="12" cy="18" r="2"></circle>',"dollar-sign":'<line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path>',"download-cloud":'<polyline points="8 17 12 21 16 17"></polyline><line x1="12" y1="12" x2="12" y2="21"></line><path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29"></path>',download:'<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line>',dribbble:'<circle cx="12" cy="12" r="10"></circle><path d="M8.56 2.75c4.37 6.03 6.02 9.42 8.03 17.72m2.54-15.38c-3.72 4.35-8.94 5.66-16.88 5.85m19.5 1.9c-3.5-.93-6.63-.82-8.94 0-2.58.92-5.01 2.86-7.44 6.32"></path>',droplet:'<path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"></path>',"edit-2":'<path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"></path>',"edit-3":'<path d="M12 20h9"></path><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path>',edit:'<path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path>',"external-link":'<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line>',"eye-off":'<path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1="1" y1="1" x2="23" y2="23"></line>',eye:'<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle>',facebook:'<path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path>',"fast-forward":'<polygon points="13 19 22 12 13 5 13 19"></polygon><polygon points="2 19 11 12 2 5 2 19"></polygon>',feather:'<path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z"></path><line x1="16" y1="8" x2="2" y2="22"></line><line x1="17.5" y1="15" x2="9" y2="15"></line>',figma:'<path d="M5 5.5A3.5 3.5 0 0 1 8.5 2H12v7H8.5A3.5 3.5 0 0 1 5 5.5z"></path><path d="M12 2h3.5a3.5 3.5 0 1 1 0 7H12V2z"></path><path d="M12 12.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 1 1-7 0z"></path><path d="M5 19.5A3.5 3.5 0 0 1 8.5 16H12v3.5a3.5 3.5 0 1 1-7 0z"></path><path d="M5 12.5A3.5 3.5 0 0 1 8.5 9H12v7H8.5A3.5 3.5 0 0 1 5 12.5z"></path>',"file-minus":'<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line>',"file-plus":'<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="12" y1="18" x2="12" y2="12"></line><line x1="9" y1="15" x2="15" y2="15"></line>',"file-text":'<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline>',file:'<path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline>',film:'<rect x="2" y="2" width="20" height="20" rx="2.18" ry="2.18"></rect><line x1="7" y1="2" x2="7" y2="22"></line><line x1="17" y1="2" x2="17" y2="22"></line><line x1="2" y1="12" x2="22" y2="12"></line><line x1="2" y1="7" x2="7" y2="7"></line><line x1="2" y1="17" x2="7" y2="17"></line><line x1="17" y1="17" x2="22" y2="17"></line><line x1="17" y1="7" x2="22" y2="7"></line>',filter:'<polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon>',flag:'<path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"></path><line x1="4" y1="22" x2="4" y2="15"></line>',"folder-minus":'<path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path><line x1="9" y1="14" x2="15" y2="14"></line>',"folder-plus":'<path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path><line x1="12" y1="11" x2="12" y2="17"></line><line x1="9" y1="14" x2="15" y2="14"></line>',folder:'<path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path>',framer:'<path d="M5 16V9h14V2H5l14 14h-7m-7 0l7 7v-7m-7 0h7"></path>',frown:'<circle cx="12" cy="12" r="10"></circle><path d="M16 16s-1.5-2-4-2-4 2-4 2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line>',gift:'<polyline points="20 12 20 22 4 22 4 12"></polyline><rect x="2" y="7" width="20" height="5"></rect><line x1="12" y1="22" x2="12" y2="7"></line><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path>',"git-branch":'<line x1="6" y1="3" x2="6" y2="15"></line><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path>',"git-commit":'<circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line>',"git-merge":'<circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M6 21V9a9 9 0 0 0 9 9"></path>',"git-pull-request":'<circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><line x1="6" y1="9" x2="6" y2="21"></line>',github:'<path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>',gitlab:'<path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"></path>',globe:'<circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>',grid:'<rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect>',"hard-drive":'<line x1="22" y1="12" x2="2" y2="12"></line><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path><line x1="6" y1="16" x2="6.01" y2="16"></line><line x1="10" y1="16" x2="10.01" y2="16"></line>',hash:'<line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line>',headphones:'<path d="M3 18v-6a9 9 0 0 1 18 0v6"></path><path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"></path>',heart:'<path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>',"help-circle":'<circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line>',hexagon:'<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>',home:'<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline>',image:'<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline>',inbox:'<polyline points="22 12 16 12 14 15 10 15 8 12 2 12"></polyline><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path>',info:'<circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line>',instagram:'<rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>',italic:'<line x1="19" y1="4" x2="10" y2="4"></line><line x1="14" y1="20" x2="5" y2="20"></line><line x1="15" y1="4" x2="9" y2="20"></line>',key:'<path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path>',layers:'<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline>',layout:'<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line>',"life-buoy":'<circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="4"></circle><line x1="4.93" y1="4.93" x2="9.17" y2="9.17"></line><line x1="14.83" y1="14.83" x2="19.07" y2="19.07"></line><line x1="14.83" y1="9.17" x2="19.07" y2="4.93"></line><line x1="14.83" y1="9.17" x2="18.36" y2="5.64"></line><line x1="4.93" y1="19.07" x2="9.17" y2="14.83"></line>',"link-2":'<path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line>',link:'<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>',linkedin:'<path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle>',list:'<line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line>',loader:'<line x1="12" y1="2" x2="12" y2="6"></line><line x1="12" y1="18" x2="12" y2="22"></line><line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line><line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line><line x1="2" y1="12" x2="6" y2="12"></line><line x1="18" y1="12" x2="22" y2="12"></line><line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line><line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>',lock:'<rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path>',"log-in":'<path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path><polyline points="10 17 15 12 10 7"></polyline><line x1="15" y1="12" x2="3" y2="12"></line>',"log-out":'<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line>',mail:'<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline>',"map-pin":'<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle>',map:'<polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6"></polygon><line x1="8" y1="2" x2="8" y2="18"></line><line x1="16" y1="6" x2="16" y2="22"></line>',"maximize-2":'<polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line>',maximize:'<path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path>',meh:'<circle cx="12" cy="12" r="10"></circle><line x1="8" y1="15" x2="16" y2="15"></line><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line>',menu:'<line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line>',"message-circle":'<path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>',"message-square":'<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>',"mic-off":'<line x1="1" y1="1" x2="23" y2="23"></line><path d="M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6"></path><path d="M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23"></path><line x1="12" y1="19" x2="12" y2="23"></line><line x1="8" y1="23" x2="16" y2="23"></line>',mic:'<path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" y1="19" x2="12" y2="23"></line><line x1="8" y1="23" x2="16" y2="23"></line>',"minimize-2":'<polyline points="4 14 10 14 10 20"></polyline><polyline points="20 10 14 10 14 4"></polyline><line x1="14" y1="10" x2="21" y2="3"></line><line x1="3" y1="21" x2="10" y2="14"></line>',minimize:'<path d="M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3"></path>',"minus-circle":'<circle cx="12" cy="12" r="10"></circle><line x1="8" y1="12" x2="16" y2="12"></line>',"minus-square":'<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="8" y1="12" x2="16" y2="12"></line>',minus:'<line x1="5" y1="12" x2="19" y2="12"></line>',monitor:'<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line>',moon:'<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>',"more-horizontal":'<circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle>',"more-vertical":'<circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle>',"mouse-pointer":'<path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path><path d="M13 13l6 6"></path>',move:'<polyline points="5 9 2 12 5 15"></polyline><polyline points="9 5 12 2 15 5"></polyline><polyline points="15 19 12 22 9 19"></polyline><polyline points="19 9 22 12 19 15"></polyline><line x1="2" y1="12" x2="22" y2="12"></line><line x1="12" y1="2" x2="12" y2="22"></line>',music:'<path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle>',"navigation-2":'<polygon points="12 2 19 21 12 17 5 21 12 2"></polygon>',navigation:'<polygon points="3 11 22 2 13 21 11 13 3 11"></polygon>',octagon:'<polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon>',package:'<line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line>',paperclip:'<path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path>',"pause-circle":'<circle cx="12" cy="12" r="10"></circle><line x1="10" y1="15" x2="10" y2="9"></line><line x1="14" y1="15" x2="14" y2="9"></line>',pause:'<rect x="6" y="4" width="4" height="16"></rect><rect x="14" y="4" width="4" height="16"></rect>',"pen-tool":'<path d="M12 19l7-7 3 3-7 7-3-3z"></path><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"></path><path d="M2 2l7.586 7.586"></path><circle cx="11" cy="11" r="2"></circle>',percent:'<line x1="19" y1="5" x2="5" y2="19"></line><circle cx="6.5" cy="6.5" r="2.5"></circle><circle cx="17.5" cy="17.5" r="2.5"></circle>',"phone-call":'<path d="M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.94m-1 7.98v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>',"phone-forwarded":'<polyline points="19 1 23 5 19 9"></polyline><line x1="15" y1="5" x2="23" y2="5"></line><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>',"phone-incoming":'<polyline points="16 2 16 8 22 8"></polyline><line x1="23" y1="1" x2="16" y2="8"></line><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>',"phone-missed":'<line x1="23" y1="1" x2="17" y2="7"></line><line x1="17" y1="1" x2="23" y2="7"></line><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>',"phone-off":'<path d="M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91"></path><line x1="23" y1="1" x2="1" y2="23"></line>',"phone-outgoing":'<polyline points="23 7 23 1 17 1"></polyline><line x1="16" y1="8" x2="23" y2="1"></line><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>',phone:'<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>',"pie-chart":'<path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path>',"play-circle":'<circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon>',play:'<polygon points="5 3 19 12 5 21 5 3"></polygon>',"plus-circle":'<circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line>',"plus-square":'<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line>',plus:'<line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line>',pocket:'<path d="M4 3h16a2 2 0 0 1 2 2v6a10 10 0 0 1-10 10A10 10 0 0 1 2 11V5a2 2 0 0 1 2-2z"></path><polyline points="8 10 12 14 16 10"></polyline>',power:'<path d="M18.36 6.64a9 9 0 1 1-12.73 0"></path><line x1="12" y1="2" x2="12" y2="12"></line>',printer:'<polyline points="6 9 6 2 18 2 18 9"></polyline><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path><rect x="6" y="14" width="12" height="8"></rect>',radio:'<circle cx="12" cy="12" r="2"></circle><path d="M16.24 7.76a6 6 0 0 1 0 8.49m-8.48-.01a6 6 0 0 1 0-8.49m11.31-2.82a10 10 0 0 1 0 14.14m-14.14 0a10 10 0 0 1 0-14.14"></path>',"refresh-ccw":'<polyline points="1 4 1 10 7 10"></polyline><polyline points="23 20 23 14 17 14"></polyline><path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15"></path>',"refresh-cw":'<polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path>',repeat:'<polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path>',rewind:'<polygon points="11 19 2 12 11 5 11 19"></polygon><polygon points="22 19 13 12 22 5 22 19"></polygon>',"rotate-ccw":'<polyline points="1 4 1 10 7 10"></polyline><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path>',"rotate-cw":'<polyline points="23 4 23 10 17 10"></polyline><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"></path>',rss:'<path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle>',save:'<path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline>',scissors:'<circle cx="6" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><line x1="20" y1="4" x2="8.12" y2="15.88"></line><line x1="14.47" y1="14.48" x2="20" y2="20"></line><line x1="8.12" y1="8.12" x2="12" y2="12"></line>',search:'<circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>',send:'<line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>',server:'<rect x="2" y="2" width="20" height="8" rx="2" ry="2"></rect><rect x="2" y="14" width="20" height="8" rx="2" ry="2"></rect><line x1="6" y1="6" x2="6.01" y2="6"></line><line x1="6" y1="18" x2="6.01" y2="18"></line>',settings:'<circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>',"share-2":'<circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line>',share:'<path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path><polyline points="16 6 12 2 8 6"></polyline><line x1="12" y1="2" x2="12" y2="15"></line>',"shield-off":'<path d="M19.69 14a6.9 6.9 0 0 0 .31-2V5l-8-3-3.16 1.18"></path><path d="M4.73 4.73L4 5v7c0 6 8 10 8 10a20.29 20.29 0 0 0 5.62-4.38"></path><line x1="1" y1="1" x2="23" y2="23"></line>',shield:'<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>',"shopping-bag":'<path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path><line x1="3" y1="6" x2="21" y2="6"></line><path d="M16 10a4 4 0 0 1-8 0"></path>',"shopping-cart":'<circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>',shuffle:'<polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line>',sidebar:'<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="9" y1="3" x2="9" y2="21"></line>',"skip-back":'<polygon points="19 20 9 12 19 4 19 20"></polygon><line x1="5" y1="19" x2="5" y2="5"></line>',"skip-forward":'<polygon points="5 4 15 12 5 20 5 4"></polygon><line x1="19" y1="5" x2="19" y2="19"></line>',slack:'<path d="M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5z"></path><path d="M20.5 10H19V8.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"></path><path d="M9.5 14c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5S8 21.33 8 20.5v-5c0-.83.67-1.5 1.5-1.5z"></path><path d="M3.5 14H5v1.5c0 .83-.67 1.5-1.5 1.5S2 16.33 2 15.5 2.67 14 3.5 14z"></path><path d="M14 14.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5z"></path><path d="M15.5 19H14v1.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z"></path><path d="M10 9.5C10 8.67 9.33 8 8.5 8h-5C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11h5c.83 0 1.5-.67 1.5-1.5z"></path><path d="M8.5 5H10V3.5C10 2.67 9.33 2 8.5 2S7 2.67 7 3.5 7.67 5 8.5 5z"></path>',slash:'<circle cx="12" cy="12" r="10"></circle><line x1="4.93" y1="4.93" x2="19.07" y2="19.07"></line>',sliders:'<line x1="4" y1="21" x2="4" y2="14"></line><line x1="4" y1="10" x2="4" y2="3"></line><line x1="12" y1="21" x2="12" y2="12"></line><line x1="12" y1="8" x2="12" y2="3"></line><line x1="20" y1="21" x2="20" y2="16"></line><line x1="20" y1="12" x2="20" y2="3"></line><line x1="1" y1="14" x2="7" y2="14"></line><line x1="9" y1="8" x2="15" y2="8"></line><line x1="17" y1="16" x2="23" y2="16"></line>',smartphone:'<rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12.01" y2="18"></line>',smile:'<circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line>',speaker:'<rect x="4" y="2" width="16" height="20" rx="2" ry="2"></rect><circle cx="12" cy="14" r="4"></circle><line x1="12" y1="6" x2="12.01" y2="6"></line>',square:'<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>',star:'<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>',"stop-circle":'<circle cx="12" cy="12" r="10"></circle><rect x="9" y="9" width="6" height="6"></rect>',sun:'<circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>',sunrise:'<path d="M17 18a5 5 0 0 0-10 0"></path><line x1="12" y1="2" x2="12" y2="9"></line><line x1="4.22" y1="10.22" x2="5.64" y2="11.64"></line><line x1="1" y1="18" x2="3" y2="18"></line><line x1="21" y1="18" x2="23" y2="18"></line><line x1="18.36" y1="11.64" x2="19.78" y2="10.22"></line><line x1="23" y1="22" x2="1" y2="22"></line><polyline points="8 6 12 2 16 6"></polyline>',sunset:'<path d="M17 18a5 5 0 0 0-10 0"></path><line x1="12" y1="9" x2="12" y2="2"></line><line x1="4.22" y1="10.22" x2="5.64" y2="11.64"></line><line x1="1" y1="18" x2="3" y2="18"></line><line x1="21" y1="18" x2="23" y2="18"></line><line x1="18.36" y1="11.64" x2="19.78" y2="10.22"></line><line x1="23" y1="22" x2="1" y2="22"></line><polyline points="16 5 12 9 8 5"></polyline>',table:'<path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18"></path>',tablet:'<rect x="4" y="2" width="16" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12.01" y2="18"></line>',tag:'<path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path><line x1="7" y1="7" x2="7.01" y2="7"></line>',target:'<circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle>',terminal:'<polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></line>',thermometer:'<path d="M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z"></path>',"thumbs-down":'<path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"></path>',"thumbs-up":'<path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path>',"toggle-left":'<rect x="1" y="5" width="22" height="14" rx="7" ry="7"></rect><circle cx="8" cy="12" r="3"></circle>',"toggle-right":'<rect x="1" y="5" width="22" height="14" rx="7" ry="7"></rect><circle cx="16" cy="12" r="3"></circle>',tool:'<path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path>',"trash-2":'<polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line>',trash:'<polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>',trello:'<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><rect x="7" y="7" width="3" height="9"></rect><rect x="14" y="7" width="3" height="5"></rect>',"trending-down":'<polyline points="23 18 13.5 8.5 8.5 13.5 1 6"></polyline><polyline points="17 18 23 18 23 12"></polyline>',"trending-up":'<polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline>',triangle:'<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path>',truck:'<rect x="1" y="3" width="15" height="13"></rect><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"></polygon><circle cx="5.5" cy="18.5" r="2.5"></circle><circle cx="18.5" cy="18.5" r="2.5"></circle>',tv:'<rect x="2" y="7" width="20" height="15" rx="2" ry="2"></rect><polyline points="17 2 12 7 7 2"></polyline>',twitch:'<path d="M21 2H3v16h5v4l4-4h5l4-4V2zm-10 9V7m5 4V7"></path>',twitter:'<path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>',type:'<polyline points="4 7 4 4 20 4 20 7"></polyline><line x1="9" y1="20" x2="15" y2="20"></line><line x1="12" y1="4" x2="12" y2="20"></line>',umbrella:'<path d="M23 12a11.05 11.05 0 0 0-22 0zm-5 7a3 3 0 0 1-6 0v-7"></path>',underline:'<path d="M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3"></path><line x1="4" y1="21" x2="20" y2="21"></line>',unlock:'<rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 9.9-1"></path>',"upload-cloud":'<polyline points="16 16 12 12 8 16"></polyline><line x1="12" y1="12" x2="12" y2="21"></line><path d="M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"></path><polyline points="16 16 12 12 8 16"></polyline>',upload:'<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line>',"user-check":'<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><polyline points="17 11 19 13 23 9"></polyline>',"user-minus":'<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><line x1="23" y1="11" x2="17" y2="11"></line>',"user-plus":'<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><line x1="20" y1="8" x2="20" y2="14"></line><line x1="23" y1="11" x2="17" y2="11"></line>',"user-x":'<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><line x1="18" y1="8" x2="23" y2="13"></line><line x1="23" y1="8" x2="18" y2="13"></line>',user:'<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle>',users:'<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path>',"video-off":'<path d="M16 16v1a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2m5.66 0H14a2 2 0 0 1 2 2v3.34l1 1L23 7v10"></path><line x1="1" y1="1" x2="23" y2="23"></line>',video:'<polygon points="23 7 16 12 23 17 23 7"></polygon><rect x="1" y="5" width="15" height="14" rx="2" ry="2"></rect>',voicemail:'<circle cx="5.5" cy="11.5" r="4.5"></circle><circle cx="18.5" cy="11.5" r="4.5"></circle><line x1="5.5" y1="16" x2="18.5" y2="16"></line>',"volume-1":'<polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M15.54 8.46a5 5 0 0 1 0 7.07"></path>',"volume-2":'<polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path>',"volume-x":'<polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><line x1="23" y1="9" x2="17" y2="15"></line><line x1="17" y1="9" x2="23" y2="15"></line>',volume:'<polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon>',watch:'<circle cx="12" cy="12" r="7"></circle><polyline points="12 9 12 12 13.5 13.5"></polyline><path d="M16.51 17.35l-.35 3.83a2 2 0 0 1-2 1.82H9.83a2 2 0 0 1-2-1.82l-.35-3.83m.01-10.7l.35-3.83A2 2 0 0 1 9.83 1h4.35a2 2 0 0 1 2 1.82l.35 3.83"></path>',"wifi-off":'<line x1="1" y1="1" x2="23" y2="23"></line><path d="M16.72 11.06A10.94 10.94 0 0 1 19 12.55"></path><path d="M5 12.55a10.94 10.94 0 0 1 5.17-2.39"></path><path d="M10.71 5.05A16 16 0 0 1 22.58 9"></path><path d="M1.42 9a15.91 15.91 0 0 1 4.7-2.88"></path><path d="M8.53 16.11a6 6 0 0 1 6.95 0"></path><line x1="12" y1="20" x2="12.01" y2="20"></line>',wifi:'<path d="M5 12.55a11 11 0 0 1 14.08 0"></path><path d="M1.42 9a16 16 0 0 1 21.16 0"></path><path d="M8.53 16.11a6 6 0 0 1 6.95 0"></path><line x1="12" y1="20" x2="12.01" y2="20"></line>',wind:'<path d="M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2"></path>',"x-circle":'<circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line>',"x-octagon":'<polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line>',"x-square":'<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="9" y1="9" x2="15" y2="15"></line><line x1="15" y1="9" x2="9" y2="15"></line>',x:'<line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line>',youtube:'<path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon>',"zap-off":'<polyline points="12.41 6.75 13 2 10.57 4.92"></polyline><polyline points="18.57 12.91 21 10 15.66 10"></polyline><polyline points="8 8 3 14 12 14 11 22 16 16"></polyline><line x1="1" y1="1" x2="23" y2="23"></line>',zap:'<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>',"zoom-in":'<circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="11" y1="8" x2="11" y2="14"></line><line x1="8" y1="11" x2="14" y2="11"></line>',"zoom-out":'<circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="8" y1="11" x2="14" y2="11"></line>'}},function(e){e.exports={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"}},function(e,n,i){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var t=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var i=arguments[n];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e},l=function(){function e(e,n){for(var i=0;i<n.length;i++){var t=n[i];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}return function(n,i,t){return i&&e(n.prototype,i),t&&e(n,t),n}}(),r=a(i(22)),o=a(i(42));function a(e){return e&&e.__esModule?e:{default:e}}var c=function(){function e(n,i){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];!function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,e),this.name=n,this.contents=i,this.tags=l,this.attrs=t({},o.default,{class:"feather feather-"+n})}return l(e,[{key:"toSvg",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return"<svg "+function(e){return Object.keys(e).map(function(n){return n+'="'+e[n]+'"'}).join(" ")}(t({},this.attrs,e,{class:(0,r.default)(this.attrs.class,e.class)}))+">"+this.contents+"</svg>"}},{key:"toString",value:function(){return this.contents}}]),e}();n.default=c},function(e,n,i){"use strict";var t=o(i(12)),l=o(i(39)),r=o(i(38));function o(e){return e&&e.__esModule?e:{default:e}}e.exports={icons:t.default,toSvg:l.default,replace:r.default}},function(e,n,i){e.exports=i(0)},function(e,n,i){var t=i(2)("iterator"),l=!1;try{var r=0,o={next:function(){return{done:!!r++}},return:function(){l=!0}};o[t]=function(){return this},Array.from(o,function(){throw 2})}catch(e){}e.exports=function(e,n){if(!n&&!l)return!1;var i=!1;try{var r={};r[t]=function(){return{next:function(){return{done:i=!0}}}},e(r)}catch(e){}return i}},function(e,n,i){var t=i(30),l=i(2)("toStringTag"),r="Arguments"==t(function(){return arguments}());e.exports=function(e){var n,i,o;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(i=function(e,n){try{return e[n]}catch(e){}}(n=Object(e),l))?i:r?t(n):"Object"==(o=t(n))&&"function"==typeof n.callee?"Arguments":o}},function(e,n,i){var t=i(47),l=i(9),r=i(2)("iterator");e.exports=function(e){if(void 0!=e)return e[r]||e["@@iterator"]||l[t(e)]}},function(e,n,i){"use strict";var t=i(18),l=i(7),r=i(10);e.exports=function(e,n,i){var o=t(n);o in e?l.f(e,o,r(0,i)):e[o]=i}},function(e,n,i){var t=i(2),l=i(9),r=t("iterator"),o=Array.prototype;e.exports=function(e){return void 0!==e&&(l.Array===e||o[r]===e)}},function(e,n,i){var t=i(3);e.exports=function(e,n,i,l){try{return l?n(t(i)[0],i[1]):n(i)}catch(n){var r=e.return;throw void 0!==r&&t(r.call(e)),n}}},function(e,n){e.exports=function(e){if("function"!=typeof e)throw TypeError(String(e)+" is not a function");return e}},function(e,n,i){var t=i(52);e.exports=function(e,n,i){if(t(e),void 0===n)return e;switch(i){case 0:return function(){return e.call(n)};case 1:return function(i){return e.call(n,i)};case 2:return function(i,t){return e.call(n,i,t)};case 3:return function(i,t,l){return e.call(n,i,t,l)}}return function(){return e.apply(n,arguments)}}},function(e,n,i){"use strict";var t=i(53),l=i(24),r=i(51),o=i(50),a=i(27),c=i(49),p=i(48);e.exports=function(e){var n,i,y,h,x=l(e),s="function"==typeof this?this:Array,u=arguments.length,d=u>1?arguments[1]:void 0,f=void 0!==d,g=0,v=p(x);if(f&&(d=t(d,u>2?arguments[2]:void 0,2)),void 0==v||s==Array&&o(v))for(i=new s(n=a(x.length));n>g;g++)c(i,g,f?d(x[g],g):x[g]);else for(h=v.call(x),i=new s;!(y=h.next()).done;g++)c(i,g,f?r(h,d,[y.value,g],!0):y.value);return i.length=g,i}},function(e,n,i){var t=i(32),l=i(54);t({target:"Array",stat:!0,forced:!i(46)(function(e){Array.from(e)})},{from:l})},function(e,n,i){var t=i(6),l=i(3);e.exports=function(e,n){if(l(e),!t(n)&&null!==n)throw TypeError("Can't set "+String(n)+" as a prototype")}},function(e,n,i){var t=i(56);e.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var e,n=!1,i={};try{(e=Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set).call(i,[]),n=i instanceof Array}catch(e){}return function(i,l){return t(i,l),n?e.call(i,l):i.__proto__=l,i}}():void 0)},function(e,n,i){var t=i(0).document;e.exports=t&&t.documentElement},function(e,n,i){var t=i(28),l=i(13);e.exports=Object.keys||function(e){return t(e,l)}},function(e,n,i){var t=i(8),l=i(7),r=i(3),o=i(59);e.exports=t?Object.defineProperties:function(e,n){r(e);for(var i,t=o(n),a=t.length,c=0;a>c;)l.f(e,i=t[c++],n[i]);return e}},function(e,n,i){var t=i(3),l=i(60),r=i(13),o=i(15),a=i(58),c=i(34),p=i(16)("IE_PROTO"),y=function(){},h=function(){var e,n=c("iframe"),i=r.length;for(n.style.display="none",a.appendChild(n),n.src=String("javascript:"),(e=n.contentWindow.document).open(),e.write("<script>document.F=Object<\/script>"),e.close(),h=e.F;i--;)delete h.prototype[r[i]];return h()};e.exports=Object.create||function(e,n){var i;return null!==e?(y.prototype=t(e),i=new y,y.prototype=null,i[p]=e):i=h(),void 0===n?i:l(i,n)},o[p]=!0},function(e,n,i){var t=i(4);e.exports=!!Object.getOwnPropertySymbols&&!t(function(){return!String(Symbol())})},function(e,n,i){var t=i(4);e.exports=!t(function(){function e(){}return e.prototype.constructor=null,Object.getPrototypeOf(new e)!==e.prototype})},function(e,n,i){"use strict";var t=i(26).IteratorPrototype,l=i(61),r=i(10),o=i(23),a=i(9),c=function(){return this};e.exports=function(e,n,i){var p=n+" Iterator";return e.prototype=l(t,{next:r(1,i)}),o(e,p,!1,!0),a[p]=c,e}},function(e,n,i){var t=i(4),l=/#|\.prototype\./,r=function(e,n){var i=a[o(e)];return i==p||i!=c&&("function"==typeof n?t(n):!!n)},o=r.normalize=function(e){return String(e).replace(l,".").toLowerCase()},a=r.data={},c=r.NATIVE="N",p=r.POLYFILL="P";e.exports=r},function(e,n){n.f=Object.getOwnPropertySymbols},function(e,n,i){var t=i(21),l=Math.max,r=Math.min;e.exports=function(e,n){var i=t(e);return i<0?l(i+n,0):r(i,n)}},function(e,n,i){var t=i(14),l=i(27),r=i(67);e.exports=function(e){return function(n,i,o){var a,c=t(n),p=l(c.length),y=r(o,p);if(e&&i!=i){for(;p>y;)if((a=c[y++])!=a)return!0}else for(;p>y;y++)if((e||y in c)&&c[y]===i)return e||y||0;return!e&&-1}}},function(e,n,i){var t=i(28),l=i(13).concat("length","prototype");n.f=Object.getOwnPropertyNames||function(e){return t(e,l)}},function(e,n,i){var t=i(0),l=i(69),r=i(66),o=i(3),a=t.Reflect;e.exports=a&&a.ownKeys||function(e){var n=l.f(o(e)),i=r.f;return i?n.concat(i(e)):n}},function(e,n,i){var t=i(1),l=i(70),r=i(31),o=i(7);e.exports=function(e,n){for(var i=l(n),a=o.f,c=r.f,p=0;p<i.length;p++){var y=i[p];t(e,y)||a(e,y,c(n,y))}}},function(e,n,i){var t=i(4),l=i(30),r="".split;e.exports=t(function(){return!Object("z").propertyIsEnumerable(0)})?function(e){return"String"==l(e)?r.call(e,""):Object(e)}:Object},function(e,n,i){"use strict";var t={}.propertyIsEnumerable,l=Object.getOwnPropertyDescriptor,r=l&&!t.call({1:2},1);n.f=r?function(e){var n=l(this,e);return!!n&&n.enumerable}:t},function(e,n,i){"use strict";var t=i(32),l=i(64),r=i(25),o=i(57),a=i(23),c=i(5),p=i(29),y=i(2),h=i(17),x=i(9),s=i(26),u=s.IteratorPrototype,d=s.BUGGY_SAFARI_ITERATORS,f=y("iterator"),g=function(){return this};e.exports=function(e,n,i,y,s,v,m){l(i,n,y);var w,M,b,z=function(e){if(e===s&&O)return O;if(!d&&e in H)return H[e];switch(e){case"keys":case"values":case"entries":return function(){return new i(this,e)}}return function(){return new i(this)}},A=n+" Iterator",k=!1,H=e.prototype,V=H[f]||H["@@iterator"]||s&&H[s],O=!d&&V||z(s),j="Array"==n&&H.entries||V;if(j&&(w=r(j.call(new e)),u!==Object.prototype&&w.next&&(h||r(w)===u||(o?o(w,u):"function"!=typeof w[f]&&c(w,f,g)),a(w,A,!0,!0),h&&(x[A]=g))),"values"==s&&V&&"values"!==V.name&&(k=!0,O=function(){return V.call(this)}),h&&!m||H[f]===O||c(H,f,O),x[n]=O,s)if(M={values:z("values"),keys:v?O:z("keys"),entries:z("entries")},m)for(b in M)!d&&!k&&b in H||p(H,b,M[b]);else t({target:n,proto:!0,forced:d||k},M);return M}},function(e,n){var i;i=function(){return this}();try{i=i||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(i=window)}e.exports=i},function(e,n,i){var t=i(0),l=i(36),r=t.WeakMap;e.exports="function"==typeof r&&/native code/.test(l.call(r))},function(e,n,i){var t=i(21),l=i(20);e.exports=function(e,n,i){var r,o,a=String(l(e)),c=t(n),p=a.length;return c<0||c>=p?i?"":void 0:(r=a.charCodeAt(c))<55296||r>56319||c+1===p||(o=a.charCodeAt(c+1))<56320||o>57343?i?a.charAt(c):r:i?a.slice(c,c+2):o-56320+(r-55296<<10)+65536}},function(e,n,i){"use strict";var t=i(77),l=i(37),r=i(74),o=l.set,a=l.getterFor("String Iterator");r(String,"String",function(e){o(this,{type:"String Iterator",string:String(e),index:0})},function(){var e,n=a(this),i=n.string,l=n.index;return l>=i.length?{value:void 0,done:!0}:(e=t(i,l,!0),n.index+=e.length,{value:e,done:!1})})},function(e,n,i){i(78),i(55);var t=i(45);e.exports=t.Array.from},function(e,n,i){i(79),e.exports=i(44)}])});
+//# sourceMappingURL=feather.min.js.map
\ No newline at end of file
diff --git a/public/assets/js/file-upload-with-preview.iife.js b/public/assets/js/file-upload-with-preview.iife.js
new file mode 100644
index 0000000000000000000000000000000000000000..ffd3b67692fc9f2cd63df997a2964eb79fb77cf3
--- /dev/null
+++ b/public/assets/js/file-upload-with-preview.iife.js
@@ -0,0 +1,1363 @@
+var FileUploadWithPreview = (function (exports) {
+  'use strict';
+
+  exports.Events = void 0;
+
+  (function (Events) {
+    Events["IMAGE_ADDED"] = "fileUploadWithPreview:imagesAdded";
+    Events["IMAGE_DELETED"] = "fileUploadWithPreview:imageDeleted";
+    Events["CLEAR_BUTTON_CLICKED"] = "fileUploadWithPreview:clearButtonClicked";
+    Events["IMAGE_MULTI_ITEM_CLICKED"] = "fileUploadWithPreview:imageMultiItemClicked";
+  })(exports.Events || (exports.Events = {}));
+
+  var DEFAULT_BASE_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiQAAAD6CAMAAACmhqw0AAAA+VBMVEUAAAD29u3u7unt7ent7enu7uju7uihoqCio6Gio6KjpKOkpaSmpqSmp6WoqKaqq6mqq6qrq6qsrautrauur62wsa6xsa+xsrCys7GztLK0tbK1trS2t7S3t7W4uba5ure6u7e7vLm8vbu9vrvAwL3Awb3DxMHFxcPGxsPHx8TIycXLzMjLzMnMzMnNzsrPz8vP0MzQ0M3S0s/U1NDV1dLX19TY2NTY2NXZ2dba2tXb29bc3Nfc3Njc3dnd3dre3tre39vg4Nvh4dzi4t3i4t7j497k5N/k5ODl5eDl5eHl5uLm5uHn5+Lo6OPp6eTq6uXr6+bs7Oft7eh54KxIAAAAB3RSTlMAHKbl5uztvql9swAABA1JREFUeNrt3VlT01AYgOG0oEEE910URNzFBVFcqCgKirLU/P8fI3QYbEOSdtrMyJzzvHfMlFx833NBQuY0SRrN8UwqabzZSJLGaYNQVacaSdMUVF0zGTMEVTeWmIH6BYkgESSCRJAIEkEiSCRIBIkgESSCRJAIEkEiQSJIBIkgESSCRJAIEgkSQSJIBIkgESSCRJBIkAgSQSJIBIkgESSCRIJEkAgSQSJIBIkgkSARJIJEkAgSQSJIBIkEiSARJIJEkAgSQSJIJEgEiSARJIJEkAgSQSJBIkgEiSARJIJEkAgSCRJBIkgEiSARJIJEgkSQ5PvxbdS+tyEJuZVb0+noTV579geSQGs/SOvqxiYkYfYwra+rbUhC7NNEjUjSJ5CE2P06jaTnIAmxKwe7vb468t3N14WOki1IAuzMwWrf1HCh3Q6S95AEWGe1b0/WlSCBBBJIIAkdSXvt1aNXa21IICld7dJU5+epJUggKV7tzuzRA4/ZHUggKVrtfNdjsXlIIClY7XLPw9NlSCA5vtqLPUguQgLJsdX+zv0fZhsSSPKrXckhWSn5jV8zG5DEiuR1DsnrEiOX0vMbkESKZDWHZLXMSFqsBJIIkOz1vn40sVdqpFgJJDHc3dzsQXKzwkihEkhiQLI+2f3y+3qVkSIlkMSAJFvsQrJYbaRACSRRIMlenj0UcPZlPyPHlUASB5Jsc+7cwevMc5v9jRxTAkkkSPbb+riVZYMYySuBJB4kJRUYySmBJHYkhUZ6lUASOZISIz1KIIkbSamRbiWQxIZkvT2YkS4lkESGpDV9tz2YkX9KIIkLSWs6TY+U9DFypASSqJC0OicfHSrpa2T/k5BEh6R1eDpWR8kARtIZSGJD0jo6QW1fySBGIIkOSavrlL27PwcxAklsSFo9JzFOppBAkl9ta5jTOiGJCslQRiCJCslwRiCJCcmQRiCJCMmwRiCJB8mXoU+YhyQaJM9TSCCBBBJIIIEEEkgggQQSSCCJAsnyzLA9hiQWJCfnSpBAAgkkkATXxFCnPxfU7iB5B0mAXT5Y7Z3t0Y087SDZgCTA7tX6bZ5TGSQBtlwrkgVIgmy+RiMXdiEJsp3b9Rn5nEESaC/O1/P3yMJuBkm4bX94O2rvNiKbWXRIBIkgESSCRJAIEkEiQSJIBIkgESSCRJAIEgkSQSJIBIkgESSCRIJEkAgSQSJIBIkgESQSJIJEkAgSQSJIBIkgkSARJIJEkAgSQSJIBIkEiSARJIJEkAgSQSJIJEgEiSARJIJEkAgSCRJBIkgEiSARJIJEkEiQCBJBIkgEiSARJIJEgkSQCBJBIkgEiSARJBIkgkSQ6P8gGTMDVTeWNA1B1TWTxmlTUFWnGknSaI4bhMoabzaSv+4BHFVoHZzfAAAAAElFTkSuQmCC';
+  var DEFAULT_SUCCESS_PDF_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiQAAAD6CAMAAACmhqw0AAACClBMVEUAAAD29u3u7unt7ent7enu7uju7uhYowBbpARcpQZdpghjqBFlqRRqrB1trSBuriJwryVysCh6tDWAtz2CuEKGukeQv1aVwV+Yw2OZw2SaxGWaxGebxGmfxm6hoqCio6Gio6KjpKOkpaSkyXempqSmp6WnqKanynqoqKaoqaepqqiqq6iqq6mqq6qqzH6rq6qrrKutrautrqyur6yvr62wsa6xsa+xsrCysrCys7Cys7Gzs7GztLGztLK0tbK0tbO1tbO1trS2t7W3t7W3uLa30pO4uba5ube5ure6u7e7vLm8vLq8vbu81Zq81Zy9vru91Z6+vry+v7y/v72/wL2/1qDAwL3Awb3Awb7Bwr7Cwr/Cw7/Dw8DDxMDDxMHD2KXExMHExMLFxcPFxsPGxsPG2qvHx8THyMTIyMXIycXJycbJysbKysfKy8fK27DK3LHLy8fLy8jLzMnMzMnNzcnNzsrPz8vP0MzQ0M3R0c3R0s7S0s/U1NDU1dHW19PX4sXY2NTY2NXY2dXZ2dXZ2dba2tXa2tba29bb29bb5Mrb5Mvc3Nfc3Njc3djc3dnd3dne3tre39vf39vg4Nvg59Ph4dzh4d3i4t3i4t7i6Nbj497k5N/k5ODl5eDl5eHl5uLl6drm5uHn5+Ln5+Po6OPp6eTq6uXq6+Lq7OPr6+bs7OXs7Oft7eft7ejA9tVyAAAAB3RSTlMAHKbl5uztvql9swAABYdJREFUeNrt3Gl3E2UYgOEkLRRFEPc9hAqICAqo4AaioiguiOKGiqAoUHGjQhWLIIgiiCjIItSqQAsR5z9K25mGJG06TfshzVz3F2jmbQ9nnutkeWdKKpXONAbSIDVm0qlUerwToUqNS6cyzoIql0k1OAmqXEPKOdBQQSJIBIkgESSCRJAIEgkSQSJIBIkgESSCRJBIkAgSQSJIBIkgESSCRIJEkAgSQSJIBIkgESQSJIJEkAgSQSJIBIkgkSARJIJEkAgSQSJIJEgEiSARJIJEkAgSQSJBIkgEiSARJIJEkAgSCRJBIkgEiSARJIJEkEiQCBJBIkgEiSARJIJEgkSQCBJBIkgEiSCRIBEkgkSQCBJBIkgEiQSJIBEkgkSQCBJBIkgkSASJIBEkgkSQCBJBIkEiSASJIBEkgkSQCBIJEkEiSASJIBEkgkSQSJAIEkEiSASJIBEkEiSCRJAIEkEiSASJIJEgESSCRJAIEkEiSASJBIkgESSCRJAIEkEiSCRIBIkgESSCRJAIEkEiQSJIBIkgESSCRJBIkAgSQSJIBIkgESSCRIJEiUZysu3yvmrfc/hEvnzV/raS2n88dmaQn1i2ttBuSMZk32TLan547Z6SVauyA5Rb8vmRAX7igGv7ehySekHS07zWrliDv2dzFyRJRZLNztkXb/AzP+mGJKlIstkNsQafzc7+GZLEIsluiYckm2uDJBFImuf21lw01J3xkGSzayBJApInwq//Orh9fv9Q5+ZLBr++K6zzyPdbHs0Vxr+xHEn/2kJ5SOoCyaXyX86MZt9aMvgNRd975p1c+ZPOIGsTUmKQBMGhqeGjC4cY/KmH+jdXjkKSLCTB2vDRqf8MMfju5ZGSJZAkDEk+egPbPtTgLy6OlOyDJFlIgoXhw18MOfiOGeGxRyBJGJKV0UeUoQe/PXoq2QtJspB8FD785tCDz88KD74FSbKQvBA+/EGMwW8MD94HSTLfk2yNMfij0evNMUgS+elmZ5xnhxlFoiBJCJLN0T7J2ThInim6ggNJMpAcmzasj7XrwqMritauOV1cJyT1hOTw/dG7jG2xkLSERxcXrU3eJeAEITlVmPK8fCwk28KjCyCpbyRz1vT27APNle4nGRjJ19GdBZAk7860AonKSFqLrhlDkiQkq4OYSDaER5+CJGFImrcHcZG8ER5dCUmikORWnAhiI1lUdDUwWvtce3E/lH/j7x++V+jTvyEZS0gWrO8oXlURSVeu6OaT2Jtp/97aVNQV90JS20hmLO1t+ap1Ld+eLVtVcfDfRc8+54aH5K6m0l6CZIzskwxUxcGvCA8+FgwPyeQyJNdDUqdITkevNh8PE0mZkaarIalTJK9ErzZ/jgDJhBd3TWpqmgxJfSLZWfpbfNUgmfBaEPx0JSR1iuR4dDPJtM7qkfQYgaRukRyMjGTXBlUgmfTZTZGRA15uaqlzO9Zt+WVUkHS3RDeeZBflq0Ay8UAQ3FIwAknNtHd2zwhfz48YycnW2f3bb3d3BFUgmXLh0h+39RuBpFbqnN43w03VIHmyNazl3efnX76LfyioBknTDRf6/tpnBJJaaX30RjNfBZJBmrU/qA5JqCQ0AkmttDSa7K+jhmRhR1Atkl4lkRFIaqVlxb8lM3Ikube7g+qRXFLSbwSSWmlTOMPpF0cFSe7V07H3VAbeJ5kysQmSGqtrTt8M24JRQPLg+6fi76mUdlXZtZtrIamRjvf870TNW4MRIWmeu2jZ6h2dw9hTKe/GMiR3QlIrXfxtx+6zNfDv+OOaEiPXnYdEJZ1/+vabC93x8n8BJKr/IBEkgkSQCBJBIkgEiQSJIBEkgkSQaCwhaXAOVLmGVMZJUOUyqfR4Z0GVGpdOpdKZRidCg9WYSaf+BwrW/g4sKOtDAAAAAElFTkSuQmCC';
+  var DEFAULT_SUCCESS_VIDEO_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAD6CAYAAABXq7VOAAAABGdBTUEAALGPC/xhBQAAEpNJREFUeAHt3UtsXOd1B/BvJPFlWaRIPWxZcQLHUSorsEwLltMEMRzYQJBsvEi66C4IkFW7aldZpkHQbRdFu6nX3dVAgGyCAOkiruvIcfwCEtlyJAe2RSUUORJpmZRIccIrWX6QQ3Ie987cOfc3G0szc7/vO79zjL9mho/a3NylRnIjQIAAAQIEBlpg10Cf3uEJECBAgACBWwIC3SAQIECAAIEAAgI9QBOVQIAAAQIEBLoZIECAAAECAQQEeoAmKoEAAQIECAh0M0CAAAECBAIICPQATVQCAQIECBAQ6GaAAAECBAgEEBDoAZqoBAIECBAgINDNAAECBAgQCCAg0AM0UQkECBAgQECgmwECBAgQIBBAQKAHaKISCBAgQICAQDcDBAgQIEAggIBAD9BEJRAgQIAAAYFuBggQIECAQAABgR6giUogQIAAAQIC3QwQIECAAIEAAgI9QBOVQIAAAQIEBLoZIECAAAECAQQEeoAmKoEAAQIECAh0M0CAAAECBAIICPQATVQCAQIECBAQ6GaAAAECBAgEEBDoAZqoBAIECBAgINDNAAECBAgQCCAg0AM0UQkECBAgQECgmwECBAgQIBBAQKAHaKISCBAgQICAQDcDBAgQIEAggIBAD9BEJRAgQIAAAYFuBggQIECAQAABgR6giUogQIAAAQIC3QwQIECAAIEAAgI9QBOVQIAAAQIEBLoZIECAAAECAQQEeoAmKoEAAQIECAh0M0CAAAECBAIICPQATVQCAQIECBAQ6GaAAAECBAgEEBDoAZqoBAIECBAgINDNAAECBAgQCCAg0AM0UQkECBAgQECgmwECBAgQIBBAQKAHaKISCBAgQICAQDcDBAgQIEAggIBAD9BEJRAgQIAAAYFuBggQIECAQAABgR6giUogQIAAAQIC3QwQIECAAIEAAgI9QBOVQIAAAQIEBLoZIECAAAECAQQEeoAmKoEAAQIECAh0M0CAAAECBAIICPQATVQCAQIECBAQ6GaAAAECBAgEEBDoAZqoBAIECBAgINDNAAECBAgQCCAg0AM0UQkECBAgQECgmwECBAgQIBBAQKAHaKISCBAgQICAQDcDBAgQIEAggIBAD9BEJRAgQIAAAYFuBggQIECAQAABgR6giUogQIAAAQIC3QwQIECAAIEAAgI9QBOVQIAAAQIEBLoZIECAAAECAQQEeoAmKoEAAQIECAh0M0CAAAECBAIICPQATVQCAQIECBAQ6GaAAAECBAgEEBDoAZqoBAIECBAgINDNAAECBAgQCCAg0AM0UQkECBAgQECgmwECBAgQIBBAQKAHaKISCBAgQICAQDcDBAgQIEAggIBAD9BEJRAgQIAAAYFuBggQIECAQAABgR6giUogQIAAAQIC3QwQIECAAIEAAgI9QBOVQIAAAQIEBLoZIECAAAECAQQEeoAmKoEAAQIECAh0M0CAAAECBAIICPQATVQCAQIECBAQ6GaAAAECBAgEEBDoAZqoBAIECBAgINDNAAECBAgQCCAg0AM0UQkECBAgQECgmwECBAgQIBBAQKAHaKISCBAgQICAQDcDBAgQIEAggIBAD9BEJRAgQIAAAYFuBggQIECAQAABgR6giUogQIAAAQIC3QwQIECAAIEAAgI9QBOVQIAAAQIEBLoZIECAAAECAQQEeoAmKoEAAQIECAh0M0CAAAECBAIICPQATVQCAQIECBAQ6GaAAAECBAgEEBDoAZqoBAIECBAgINDNAAECBAgQCCAg0AM0UQkECBAgQECgmwECBAgQIBBAQKAHaKISCBAgQICAQDcDBAgQIEAggIBAD9BEJRAgQIAAAYFuBggQIECAQAABgR6giUogQIAAAQIC3QwQIECAAIEAAgI9QBOVQIAAAQIEBLoZIECAAAECAQQEeoAmKoEAAQIECAh0M0CAAAECBAIICPQATVQCAQIECBAQ6GaAAAECBAgEEBDoAZqoBAIECBAgINDNAAECBAgQCCAg0AM0UQkECBAgQECgmwECBAgQIBBAQKAHaKISCBAgQICAQDcDBAgQIEAggIBAD9BEJRAgQIAAAYFuBggQIECAQAABgR6giUogQIAAAQIC3QwQIECAAIEAAgI9QBOVQIAAAQIEBLoZIECAAAECAQQEeoAmKoEAAQIECAh0M0CAAAECBAIICPQATVQCAQIECBAQ6GaAAAECBAgEEBDoAZqoBAIECBAgINDNAAECBAgQCCAg0AM0UQkECBAgQECgmwECBAgQIBBAQKAHaKISCBAgQICAQDcDBAgQIEAggIBAD9BEJRAgQIAAAYFuBggQIECAQAABgR6giUogQIAAAQIC3QwQIECAAIEAAgI9QBOVQIAAAQIEBLoZIECAAAECAQQEeoAmKoEAAQIECAh0M0CAAAECBAIICPQATVQCAQIECBAQ6GaAAAECBAgEEBDoAZqoBAIECBAgINDNAAECBAgQCCAg0AM0UQkECBAgQECgmwECBAgQIBBAQKAHaKISCBAgQICAQDcDBAgQIEAggIBAD9BEJRAgQIAAAYFuBggQIECAQACBPQFqUAKBUgusrKymN986l2ZnZ9O1ax+W+qxDQ0PprrGxdPDggXTkyD1p//79pT6vwxEg8IlAbW7uUuOTv/oTAQJ5CmRh/vz/vVD6IN+q5qnJyXT8+LE0NTW11VPcT4BASQS85V6SRjhGTIHslXnZX5VvJz9fr6cX/v9MOvvmW9s9zWMECJRAQKCXoAmOEFcge5s9wu3tt8+n373yWmo0vKEXoZ9qiCkg0GP2VVUlERjkV+cbCS9enEmvvPq6UN8I4+8ESiLgi+JK0gjHqI7A2NhomizBF5stLS+lev1qW/BZqGe3R6dPplqt1ta1nkyAQLECAr1YX6sT2CSQhfmpU9Ob7u/1HTMzl9LL9Vc3bXvioeNpeT3sz1/406bHsjuEelMWdxLou4C33PveAgcgUC6B7B2EEyceWn8V/siWr8K9/V6unjkNgUxAoJsDAgSaChw9eiRNP7L1W+tCvSmbOwn0TUCg943exgTKLyDUy98jJyRwR0Cg35HwXwIEmgoI9aYs7iRQOgGBXrqWOBCB8gkI9fL1xIkIbBQQ6BtF/J0AgaYCQr0pizsJlEZAoJemFQ5CoPwCQr38PXLC6goI9Or2XuUEOhIQ6h2xuYhA4QICvXBiGxCIJyDU4/VURYMvINAHv4cqINAXgVZDvS+HsymBCgoI9Ao2XckE8hJoJdT96tW8tK1DYHsBgb69j0cJENhBYKdQz3716vz8/A6reJgAgW4FBHq3gq4nQCDtFOpnz56jRIBAwQICvWBgyxOoisCdUG9W73y9nq5cudLsIfcRIJCTgEDPCdIyBAikW6/Uv/jAF5pSzMz8uen97iRAIB8Bvw89H0erEAgjUO/ylfTo6FhTi8uX55re704CBPIREOj5OFqFQBiB8+ffKaSWD5eWClnXogQI3BbwlrtJIFBRgeHhoZ5WvrKy0tP9bEagagICvWodVy+BjwTGx8dTrVbjQYBAEAGBHqSRyiDQrsDQ0FA69qUH273M8wkQKKmAz9BL2hjHItALgWPHbgf6ubf/mBqNRi+2tAcBAgUJCPSCYC1LYBAEsrfcv/zlL6UH1r/VbGFhId24kc/n3OcvXEj1+tVBIHBGAmEEBHqYViqEQOcC2dvvBw4c6HyBDVfOzFxK9STQN7D4K4FCBXyGXiivxQkQIECAQG8EBHpvnO1CgAABAgQKFRDohfJanAABAgQI9EZAoPfG2S4ECBAgQKBQAV8UVyivxQl0JpB9Udm7772frl69mq5fv9HZIp+6anR0JGU/SOb+zx1NR47c+6lH2v9j9hPfXnvtjTQ3X0+nHn0kHTp0sP1FXEGAQO4CAj13UgsS6FxgbW0tvboelhcvznS+SJMrl5evp+Xl2fSXv8ym++47kqYfeTjt2tX+G3RZmL/4m5fW/6GxcGuX995/X6A38XYXgX4ItP9/dD9OaU8CFRE4++a53MN8I132j4Vsn3Zvq6urnwnz7PrGmh9G066j5xMoSkCgFyVrXQJtCiwsLKbz5y+0eVVnT8/2yfZr9XYrzF/85JV5q9d5HgECvRMQ6L2zthOBbQUuz81v+3jeD7a6351X5lfWP893I0CgvAICvby9cbKKCSwu3v5culdlt7Lfx2F+RZj3qi/2IdCpgEDvVM51BHIWuLl6M+cVt19up/1uh/lv0xVhvj2kRwmURMBXuZekEY5BoEwCKyur6cxLWZhfKdOxnIUAgW0EvELfBsdDBKoocCfM63VhXsX+q3lwBbxCH9zeOTmB3AVuh/lLfvVp7rIWJFC8gEAv3tgOBAZCYHX9M/wzZ36b6j4zH4h+OSSBjQLect8o4u8EKiiQhflv1n8CXN1n5hXsvpKjCAj0KJ1UB4EuBC5ceEeYd+HnUgJlEBDoZeiCMxDos0Aj+RGufW6B7Ql0LSDQuya0AAECBAgQ6L+AQO9/D5yAAAECBAh0LSDQuya0AIHBFzh8+FAaGvJNL4PfSRVUWUCgV7n7aifwkcD+iYn0+OnTQt1EEBhgAYE+wM1zdAJ5CkxOCvU8Pa1FoNcCAr3X4vYjUGKBW6H++GNpz57dJT6loxEg0ExAoDdTcR+BCgtM7t+fvvr4aaFe4RlQ+mAKCPTB7JtTEyhUYHJSqBcKbHECBQgI9AJQLUmgI4FaraPLOr5oh/2EeseyLiTQFwGB3hd2mxLYLHD33Xs331ngPa3sl4X64z5TL7ALliaQn4BvPM3P0koEuhKYmBjv6vp2L251v6nJyVuhnv0mtuyXuAzSbfHGbLq4eDbdXLvR8rFHdu9NR8dPpNE9ve1Hywf0RAJbCAj0LWDcTaDXAvccPpyy8Jyv1wvfOtsn26/V261QP/1YOvPSy+uhvtrqZX17XqNxMz139sfpVxf+q6Mz7Nk1nJ75mx+lpx/4h46udxGBfgh4y70f6vYksIXA9PTJNDIyvMWj+dydrZ/t0+5tamr9lfrpU+tf/V7+1wG/PP8fHYd55rK6/or+uT/8JL1y6eftMnk+gb4JCPS+0duYwGaBu+4aS08++Y1035F7Nz+Ywz3Zutn62T6d3Kampj4K9dvfpz4+vq+TZQq/5oV3/zuXPfJaJ5fDWITADgLl/6f2DgV4mEA0geGh4XTq1HQ6uf559cLiQrq+fL3rEkdGR9L4vvFcvrc8C/Wnn/pmunp1IR08eKDrsxWxwOyH7+Sy7OWc1snlMBYhsIOAQN8ByMME+iWQ/bS27LPrMt6GhoZKG+adeO2u7Uk/ePQ/09F9X0n/fubv0/zSu7eWaTTWOlnONQT6IuAt976w25QAgbIIZGH+w1PPpkfvfSYd3vtg+qe//Z80tHu0LMdzDgItCwj0lqk8kQCBaAJ3wvzkPd+OVpp6Kigg0CvYdCUTqJLA1Nj96Z+/9rP0xOe//5mym4V59lb7v734vbRyc/kzz/UXAoMg4DP0QeiSMxIg0JHA3qHJ9bfQn0tZqD84+dW0Z9dQ+t93nk1bh/l3P/78vKMNXUSgjwICvY/4tiZAoFiBfSMH08ToJ98C+Hcnfppqtd3p2NTX0qffZr/9ylyYF9sNqxct4C33ooWtT4BA3wQufXAuPfu7H6abjZWPz/C9h/5FmH+s4Q+RBAR6pG6qhQCBTQKv//kXm0L9zpO8Mr8j4b8RBAR6hC6qgQCBbQWahbow35bMgwMoINAHsGmOTIBA+wKfDnVh3r6fK8ov4Iviyt8jJwwmsLS8lGZmLgWr6rPlZDWW8ZaF+r/++qm0eP1yurZS/G+1K6OBM8UVEOhxe6uykgrU61fTy/VXS3q6GMfaN3wwLd643LSY7AvlWr3tGznU6lM9j0DfBbzl3vcWOEBkgeHhYn8V6iDZ9dLiK4efyoXmxKF81snlMBYhsIOAQN8ByMMEuhGYmJjo5vJQ1/bS4rsP/Tjdt+94V37HDz6RvvXFf+xqDRcT6KVAbW7uUqOXG9qLQJUEFhYW06+ffyE1GtX+36xWq6UnvvH11Mvfn35z7UZ6eeZn6b2F369/H/qNlsduZPfe9PmJ6TR973fWr6m1fJ0nEui3gEDvdwfsH15gdnYuvf7GG2lpqZo/H3xsbDSdfPjhdOhQOX93evgBVGBlBAR6ZVqt0H4KrK2tpcUPPkgfXsu++rsqr9Zr6a69Y2nf3XenXbt8utfP+bN3NQQEejX6rEoCBAgQCC7gn83BG6w8AgQIEKiGgECvRp9VSYAAAQLBBQR68AYrjwABAgSqISDQq9FnVRIgQIBAcAGBHrzByiNAgACBaggI9Gr0WZUECBAgEFxAoAdvsPIIECBAoBoCAr0afVYlAQIECAQX+Ct/wLtNnEruxgAAAABJRU5ErkJggg==';
+  var DEFAULT_SUCCESS_FILE_ALT_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAD6CAYAAABXq7VOAAAABGdBTUEAALGPC/xhBQAAEbBJREFUeAHt3U+MnHUZB/Df7E7/bmeX1u1uW6BAW6BFg6ixtAqaYGI0MRzAuxdOetKTN9EYr568KGdvkpBgojERo7SWJmgQqW3BioJYOrutS3fb7j/GmTZdW3Z2O7Odmfd9n/ls0jD7zjvv+3s+zwNfZuadTmly8mwt+SFAgAABAgQKLTBQ6NVbPAECBAgQIHBVQKAbBAIECBAgEEBAoAdoohIIECBAgIBANwMECBAgQCCAgEAP0EQlECBAgAABgW4GCBAgQIBAAAGBHqCJSiBAgAABAgLdDBAgQIAAgQACAj1AE5VAgAABAgQEuhkgQIAAAQIBBAR6gCYqgQABAgQICHQzQIAAAQIEAggI9ABNVAIBAgQIEBDoZoAAAQIECAQQEOgBmqgEAgQIECAg0M0AAQIECBAIICDQAzRRCQQIECBAQKCbAQIECBAgEEBAoAdoohIIECBAgIBANwMECBAgQCCAgEAP0EQlECBAgAABgW4GCBAgQIBAAAGBHqCJSiBAgAABAgLdDBAgQIAAgQACAj1AE5VAgAABAgQEuhkgQIAAAQIBBAR6gCYqgQABAgQICHQzQIAAAQIEAggI9ABNVAIBAgQIEBDoZoAAAQIECAQQEOgBmqgEAgQIECAg0M0AAQIECBAIICDQAzRRCQQIECBAQKCbAQIECBAgEEBAoAdoohIIECBAgIBANwMECBAgQCCAgEAP0EQlECBAgAABgW4GCBAgQIBAAAGBHqCJSiBAgAABAgLdDBAgQIAAgQACAj1AE5VAgAABAgQEuhkgQIAAAQIBBAR6gCYqgQABAgQICHQzQIAAAQIEAggI9ABNVAIBAgQIEBDoZoAAAQIECAQQEOgBmqgEAgQIECAg0M0AAQIECBAIICDQAzRRCQQIECBAQKCbAQIECBAgEEBAoAdoohIIECBAgIBANwMECBAgQCCAgEAP0EQlECBAgAABgW4GCBAgQIBAAAGBHqCJSiBAgAABAgLdDBAgQIAAgQACAj1AE5VAgAABAgQEuhkgQIAAAQIBBAR6gCYqgQABAgQICHQzQIAAAQIEAggI9ABNVAIBAgQIEBDoZoAAAQIECAQQEOgBmqgEAgQIECAg0M0AAQIECBAIICDQAzRRCQQIECBAQKCbAQIECBAgEEBAoAdoohIIECBAgIBANwMECBAgQCCAgEAP0EQlECBAgAABgW4GCBAgQIBAAAGBHqCJSiBAgAABAgLdDBAgQIAAgQACAj1AE5VAgAABAgQEuhkgQIAAAQIBBAR6gCYqgQABAgQICHQzQIAAAQIEAggI9ABNVAIBAgQIEBDoZoAAAQIECAQQEOgBmqgEAgQIECAg0M0AAQIECBAIICDQAzRRCQQIECBAQKCbAQIECBAgEEBAoAdoohIIECBAgIBANwMECBAgQCCAgEAP0EQlECBAgAABgW4GCBAgQIBAAAGBHqCJSiBAgAABAgLdDBAgQIAAgQACAj1AE5VAgAABAgQEuhkgQIAAAQIBBAR6gCYqgQABAgQICHQzQIAAAQIEAggI9ABNVAIBAgQIEBDoZoAAAQIECAQQEOgBmqgEAgQIECAg0M0AAQIECBAIICDQAzRRCQQIECBAQKCbAQIECBAgEEBAoAdoohIIECBAgIBANwMECBAgQCCAgEAP0EQlECBAgAABgW4GCBAgQIBAAAGBHqCJSiBAgAABAgLdDBAgQIAAgQACAj1AE5VAgAABAgQEuhkgQIAAAQIBBAR6gCYqgQABAgQICHQzQIAAAQIEAggI9ABNVAIBAgQIEBDoZoAAAQIECAQQEOgBmqgEAgQIECAg0M0AAQIECBAIICDQAzRRCQQIECBAQKCbAQIECBAgEEBAoAdoohIIECBAgIBANwMECBAgQCCAgEAP0EQlECBAgAABgW4GCBAgQIBAAAGBHqCJSiBAgAABAgLdDBAgQIAAgQACAj1AE5VAgAABAgQEuhkgQIAAAQIBBAR6gCYqgQABAgQICHQzQIAAAQIEAggI9ABNVAIBAgQIEBDoZoAAAQIECAQQEOgBmqgEAgQIECAg0M0AAQIECBAIICDQAzRRCQQIECBAQKCbAQIECBAgEEBAoAdoohIIECBAgIBANwMECBAgQCCAgEAP0EQlECBAgAABgW4GCBAgQIBAAAGBHqCJSiBAgAABAgLdDBAgQIAAgQACAj1AE5VAgAABAgQEuhkgQIAAAQIBBAR6gCYqgQABAgQICHQzQIAAAQIEAggI9ABNVAIBAgQIEBDoZoAAAQIECAQQEOgBmqgEAgQIECAg0M0AAQIECBAIICDQAzRRCQQIECBAQKCbAQIECBAgEEBAoAdoohIIECBAgIBANwMECBAgQCCAgEAP0EQlECBAgAABgW4GCBAgQIBAAAGBHqCJSiBAgAABAgLdDBAgQIAAgQACAj1AE5VAgAABAgQEuhkgQIAAAQIBBAR6gCYqgQABAgQICHQzQIAAAQIEAggI9ABNVAIBAgQIEBDoZoAAAQIECAQQEOgBmqgEAgQIECBQRkCAQHcFFhYW06nTp1P13ESanpnp7slu8+gDAwNp06aNaXh4JO3cOZbGx8bS4ODgbR7VwwkQ6IVAaXLybK0XJ3IOAv0o0Ajzl48cTdPT+Q7ylXqzfv36tG/fnnTvPbtTI+z9ECCQXwH/hua3N1YWQKDxzLyoYd7gn5ubSydOnExHjh5Lly9fDtARJRCIKyDQ4/ZWZTkQOHeumoNV3P4SpqY+qL/S8Md0cXr69g/mCAQIdEVAoHeF1UEJXBOYmbkUhmJ2di4dO3ZcqIfpqEKiCbgoLlpH1ZN7gcb70iMjI7lYZ7Xa3isI10P90KMHU6WyJRc1WAQBAtcEBLpJINBjgUaYP3rwMz0+a/PTvfjLXy2742PbtqVdd+5Mp06+mebm55bdfzXUXzmehPoyGhsIZCrgJfdM+Z2cQP4EBuofU7tn993psccO1T/CtqnpAq+HuvfUm/LYSCATAYGeCbuTEsi/wObNm9PnDh9cPdS9p57/Rlph3wgI9L5ptUIJtC/QeIYu1Nt38wgCWQgI9CzUnZNAgQSEeoGaZal9LSDQ+7r9iifQmkAj1A8f+mzatHGV99S9/N4apr0IdElAoHcJ1mEJRBNovKd++LBQj9ZX9cQREOhxeqkSAl0XEOpdJ3YCAmsWEOhrpvNAAv0pINT7s++qzr+AQM9/j6yQQO4EhHruWmJBBJJANwQECKxJQKivic2DCHRNQKB3jdaBCcQXaCXUj7/y6tWvYY2voUIC2QoI9Gz9nZ1A4QVuFeqXr1xOr73218LXqQACeRcQ6HnvkPURKIDArUL9/XPn0vnzFwpQiSUSKK6AQC9u76ycQK4EbhXqb751JlfrtRgC0QQEerSOqodAhgKNUD9Y/2rYUqm0bBUTExNpfn5+2XYbCBDojIDvQ++Mo6MQCCOwuLiYZmYurbmegYGBNDq6LVWrkzcdo1arpWo91Hft3HnTdr8QINAZAYHeGUdHIRBG4Pz58+ml3/2+K/VcmrncleM6KAECyefQDQGBfhYolwd7Wv7s3GxPz+dkBPpJwHvo/dRttRL4iEClUvnIli7/Wuvy8R2eQB8LCPQ+br7SCezbuwcCAQJBBAR6kEYqg8BaBMbHx9KB/Q80vSp9LcfzGAIEshNwUVx29s5MIBcCe+vP0sfHx1PjY2Uzl+pXt3fgZfHGx9Pe/fd7uajPIgj0i4BA75dOq5PAKgJbtgylxp9O/TQ+9ibQO6XpOARaE/CSe2tO9iJAgAABArkWEOi5bo/FESBAgACB1gQEemtO9iJAgAABArkWEOi5bo/FESBAgACB1gRcFNeak70IZCYwNTWV/n7m7foXmyxktoY7Rirp/vv3pcbf0+6HAIF8Cgj0fPbFqggsCbxx4lT9u8TPL/2exY1qtZqGh4fTzp07sji9cxIg0IKA/91uAckuBLIUmJ29kuXpl859Zdbfw76E4QaBHAoI9Bw2xZIIECBAgEC7AgK9XTH7E+ixQF7ety4P9vab2XrM7HQECi8g0AvfQgVEF7jvvntTuZzt5S4jI8NpbGx7dGr1ESi0QLb/lSg0ncUT6I3A7rvvSo0/fggQILCagGfoq+m4jwABAgQIFERAoBekUZZJgAABAgRWExDoq+m4jwABAgQIFERAoBekUZZJgAABAgRWE3BR3Go67iOQE4ELF6bSwsJcZqupVIbTxo0bMju/ExMgcGsBgX5rI3sQyFTg9dffSP/81zuZrqFUKqUvPP75VKlsyXQdTk6AwMoCXnJf2cY9BHIhMDE5mfk6arVamszBOjKHsAACORYQ6DlujqURyJNALU+LsRYCBJYJCPRlJDYQIECAAIHiCQj04vXMivtMYHh4JBcV3zGSj3XkAsMiCORQwEVxOWyKJRG4UeCTD38ijY9vT/Pz8zdu7untRphv3XpHT8/pZAQItCcg0NvzsjeBnguUy4Pprjt39fy8TkiAQLEEvORerH5ZLQECBAgQaCog0Juy2EiAAAECBIolINCL1S+rJUCAAAECTQUEelMWGwkQIECAQLEEXBRXrH5ZbR8KVKvVdOrUW2l+Ibur3BsfnWtcbd+4QM8PAQL5FBDo+eyLVRFYEmiE+X+nppZ+z+LGzMylqx+dc7V9FvrOSaA1AYHempO9CGQmkOUz8xuLzvJz8Deuo53bF+eq6b2LJ9Pih61/U92GwaF05/BDaWN5uJ1T2ZdA5gICPfMWWAABAp0WqNUW0/Mnn02//cfP1nTo8sD69OSD301fuu+ba3q8BxHIQsBFcVmoOyeBNgTWlde1sXf3dl23Lh/raKXC35z5yZrDvHH8hfoz+uf/9oP057MvtnI6+xDIhYBn6Llog0UQWFngwQf35eKiuB3j4ysvMmf3HH3n5x1ZUeM4n9rxtY4cy0EIdFtAoHdb2PEJ3KbA9u3bU+OPn9YFqpfebn3nVfac6NBxVjmFuwh0TMBL7h2jdCACBIoqMFgqp2c+/dP0vS8eSds23b1URq324dJtNwjkXUCg571D1keAQFcFroX5c/WX1p9MY0N707cP/SKtG9zY1XM6OIFuCAj0bqg6JgEChRC4HuYPj3+lEOu1SAKrCQj01XTcR4BA4QUaL6F/5/AL6fHd37iplmZhfv7yO+nHx55O84tXbtrXLwSKIOCiuCJ0yRoJEFiTwNC6rfWX0J+/+r743q2PpvLAuvTS28+llcP8qdQIdT8Eiigg0IvYNWsmQKAlgcqG0TSyccfSvl9/6IepVBpM9287nG58mf3aM3NhvgTlRiEFvOReyLZZNAECrQicnX4zPfenZ9Ji7f9fbPP0ge8L81bw7FM4AYFeuJZZMAEC7Qj85f1fLwv164/3zPy6hH9GEBDoEbqoBgIEVhVoFurCfFUydxZQQKAXsGmWTIBA+wI3hrowb9/PI/Iv4KK4/PfICoMJTNW/2/yV468Gq+rmchYXF2/ekJPfGqH+oz88kS7OTqSZ+Qs5WZVlEOiMgEDvjKOjEGhZYG5uLlWr1Zb3D7VjqTfVVNaPpotzE01P1rhQrtWfygZ/h36rVvbLXsBL7tn3wAoCC2wZGgpcXfulDW3e3P6D1vCIj489sYZHLX/IQ9s7c5zlR7aFQOcFBHrnTR2RwJLA9rHRpdv9fqNUKqXR0d54PHXg2bSrsv+2yPePPp6+vOdbt3UMDybQS4HS5OTZWi9P6FwE+klgYWExvXzkaJqenumnspvWemD/A2nv3j1N7+vGxsUP59Kr/3khvfvBifrn0OdaPsWGwaG0e+SR9MiOr9Yf06P3CFpenR0JrCwg0Fe2cQ+Bjgg0Qv3U6dOpem4iTc/0V7CXy4OpUqmkffUgHx8f64ingxAg0FxAoDd3sZUAAQIECBRKwHvohWqXxRIgQIAAgeYCAr25i60ECBAgQKBQAgK9UO2yWAIECBAg0FxAoDd3sZUAAQIECBRKQKAXql0WS4AAAQIEmgsI9OYuthIgQIAAgUIJCPRCtctiCRAgQIBAcwGB3tzFVgIECBAgUCgBgV6odlksAQIECBBoLvA/K4s3M3j52hYAAAAASUVORK5CYII=';
+  var DEFAULT_BACKGROUND_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiQAAAD6CAYAAACRWFwGAAAABGdBTUEAALGPC/xhBQAADFNJREFUeAHt2jFOG1EUQNH5VpBGLnEVxB7CDpJVZRHZSLaRLIE9IFy5tSwRaTKjpEOU1i18XFmA7OfzXnEFjGl9nM+nx8vlz49lmb5N0/J5+5oHAQIECBAgQOB6AuM4xvRrnj993+8PL+NfjLw9rzFyf7039coECBAgQIAAgfcCa5Sc5vnuaff/NyNi5L2RrxAgQIAAAQJXFlh/IXLYWmS3Pvl65ffy8gQIECBAgACBDwW2Ftmt/zPy8OFP+AYBAgQIECBA4OoCy8MaJB4ECBAgQIAAgVZAkLT+3p0AAQIECBBYBQSJMyBAgAABAgRyAUGSr8AABAgQIECAgCBxAwQIECBAgEAuIEjyFRiAAAECBAgQECRugAABAgQIEMgFBEm+AgMQIECAAAECgsQNECBAgAABArmAIMlXYAACBAgQIEBAkLgBAgQIECBAIBcQJPkKDECAAAECBAgIEjdAgAABAgQI5AKCJF+BAQgQIECAAAFB4gYIECBAgACBXECQ5CswAAECBAgQICBI3AABAgQIECCQCwiSfAUGIECAAAECBASJGyBAgAABAgRyAUGSr8AABAgQIECAgCBxAwQIECBAgEAuIEjyFRiAAAECBAgQECRugAABAgQIEMgFBEm+AgMQIECAAAECgsQNECBAgAABArmAIMlXYAACBAgQIEBAkLgBAgQIECBAIBcQJPkKDECAAAECBAgIEjdAgAABAgQI5AKCJF+BAQgQIECAAAFB4gYIECBAgACBXECQ5CswAAECBAgQICBI3AABAgQIECCQCwiSfAUGIECAAAECBASJGyBAgAABAgRyAUGSr8AABAgQIECAgCBxAwQIECBAgEAuIEjyFRiAAAECBAgQECRugAABAgQIEMgFBEm+AgMQIECAAAECgsQNECBAgAABArmAIMlXYAACBAgQIEBAkLgBAgQIECBAIBcQJPkKDECAAAECBAgIEjdAgAABAgQI5AKCJF+BAQgQIECAAAFB4gYIECBAgACBXECQ5CswAAECBAgQICBI3AABAgQIECCQCwiSfAUGIECAAAECBASJGyBAgAABAgRyAUGSr8AABAgQIECAgCBxAwQIECBAgEAuIEjyFRiAAAECBAgQECRugAABAgQIEMgFBEm+AgMQIECAAAECgsQNECBAgAABArmAIMlXYAACBAgQIEBAkLgBAgQIECBAIBcQJPkKDECAAAECBAgIEjdAgAABAgQI5AKCJF+BAQgQIECAAAFB4gYIECBAgACBXECQ5CswAAECBAgQICBI3AABAgQIECCQCwiSfAUGIECAAAECBASJGyBAgAABAgRyAUGSr8AABAgQIECAgCBxAwQIECBAgEAuIEjyFRiAAAECBAgQECRugAABAgQIEMgFBEm+AgMQIECAAAECgsQNECBAgAABArmAIMlXYAACBAgQIEBAkLgBAgQIECBAIBcQJPkKDECAAAECBAgIEjdAgAABAgQI5AKCJF+BAQgQIECAAAFB4gYIECBAgACBXECQ5CswAAECBAgQICBI3AABAgQIECCQCwiSfAUGIECAAAECBASJGyBAgAABAgRyAUGSr8AABAgQIECAgCBxAwQIECBAgEAuIEjyFRiAAAECBAgQECRugAABAgQIEMgFBEm+AgMQIECAAAECgsQNECBAgAABArmAIMlXYAACBAgQIEBAkLgBAgQIECBAIBcQJPkKDECAAAECBAgIEjdAgAABAgQI5AKCJF+BAQgQIECAAAFB4gYIECBAgACBXECQ5CswAAECBAgQICBI3AABAgQIECCQCwiSfAUGIECAAAECBASJGyBAgAABAgRyAUGSr8AABAgQIECAgCBxAwQIECBAgEAuIEjyFRiAAAECBAgQECRugAABAgQIEMgFBEm+AgMQIECAAAECgsQNECBAgAABArmAIMlXYAACBAgQIEBAkLgBAgQIECBAIBcQJPkKDECAAAECBAgIEjdAgAABAgQI5AKCJF+BAQgQIECAAAFB4gYIECBAgACBXECQ5CswAAECBAgQICBI3AABAgQIECCQCwiSfAUGIECAAAECBASJGyBAgAABAgRyAUGSr8AABAgQIECAgCBxAwQIECBAgEAuIEjyFRiAAAECBAgQECRugAABAgQIEMgFBEm+AgMQIECAAAECgsQNECBAgAABArmAIMlXYAACBAgQIEBAkLgBAgQIECBAIBcQJPkKDECAAAECBAgIEjdAgAABAgQI5AKCJF+BAQgQIECAAAFB4gYIECBAgACBXECQ5CswAAECBAgQICBI3AABAgQIECCQCwiSfAUGIECAAAECBASJGyBAgAABAgRyAUGSr8AABAgQIECAgCBxAwQIECBAgEAuIEjyFRiAAAECBAgQECRugAABAgQIEMgFBEm+AgMQIECAAAECgsQNECBAgAABArmAIMlXYAACBAgQIEBAkLgBAgQIECBAIBcQJPkKDECAAAECBAgIEjdAgAABAgQI5AKCJF+BAQgQIECAAAFB4gYIECBAgACBXECQ5CswAAECBAgQICBI3AABAgQIECCQCwiSfAUGIECAAAECBASJGyBAgAABAgRyAUGSr8AABAgQIECAgCBxAwQIECBAgEAuIEjyFRiAAAECBAgQECRugAABAgQIEMgFBEm+AgMQIECAAAECgsQNECBAgAABArmAIMlXYAACBAgQIEBAkLgBAgQIECBAIBcQJPkKDECAAAECBAgIEjdAgAABAgQI5AKCJF+BAQgQIECAAAFB4gYIECBAgACBXECQ5CswAAECBAgQICBI3AABAgQIECCQCwiSfAUGIECAAAECBASJGyBAgAABAgRyAUGSr8AABAgQIECAgCBxAwQIECBAgEAuIEjyFRiAAAECBAgQECRugAABAgQIEMgFBEm+AgMQIECAAAECgsQNECBAgAABArmAIMlXYAACBAgQIEBAkLgBAgQIECBAIBcQJPkKDECAAAECBAgIEjdAgAABAgQI5AKCJF+BAQgQIECAAAFB4gYIECBAgACBXECQ5CswAAECBAgQICBI3AABAgQIECCQCwiSfAUGIECAAAECBASJGyBAgAABAgRyAUGSr8AABAgQIECAgCBxAwQIECBAgEAuIEjyFRiAAAECBAgQECRugAABAgQIEMgFBEm+AgMQIECAAAECgsQNECBAgAABArmAIMlXYAACBAgQIEBAkLgBAgQIECBAIBcQJPkKDECAAAECBAgIEjdAgAABAgQI5AKCJF+BAQgQIECAAAFB4gYIECBAgACBXECQ5CswAAECBAgQICBI3AABAgQIECCQCwiSfAUGIECAAAECBASJGyBAgAABAgRyAUGSr8AABAgQIECAgCBxAwQIECBAgEAuIEjyFRiAAAECBAgQECRugAABAgQIEMgFBEm+AgMQIECAAAECgsQNECBAgAABArmAIMlXYAACBAgQIEBAkLgBAgQIECBAIBcQJPkKDECAAAECBAgIEjdAgAABAgQI5AKCJF+BAQgQIECAAAFB4gYIECBAgACBXECQ5CswAAECBAgQICBI3AABAgQIECCQCwiSfAUGIECAAAECBASJGyBAgAABAgRyAUGSr8AABAgQIECAgCBxAwQIECBAgEAuIEjyFRiAAAECBAgQECRugAABAgQIEMgFBEm+AgMQIECAAAECgsQNECBAgAABArmAIMlXYAACBAgQIEBAkLgBAgQIECBAIBcQJPkKDECAAAECBAgIEjdAgAABAgQI5AKCJF+BAQgQIECAAAFB4gYIECBAgACBXECQ5CswAAECBAgQICBI3AABAgQIECCQCwiSfAUGIECAAAECBASJGyBAgAABAgRyAUGSr8AABAgQIECAgCBxAwQIECBAgEAuIEjyFRiAAAECBAgQECRugAABAgQIEMgFBEm+AgMQIECAAAECgsQNECBAgAABArmAIMlXYAACBAgQIEBAkLgBAgQIECBAIBcQJPkKDECAAAECBAgIEjdAgAABAgQI5AKCJF+BAQgQIECAAAFB4gYIECBAgACBXECQ5CswAAECBAgQICBI3AABAgQIECCQC6xBMl7zKQxAgAABAgQI3LDAeN2NMf2+YQEfnQABAgQIEIgFthYZ5/Pp8XJ5e16W6T6ex9sTIECAAAECNyawxshpnu+edvv94WV98mWM8XP9883xxhx8XAIECBAgQCARGMetPbYY2VrkL3ZQPayX+qtWAAAAAElFTkSuQmCC';
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) {
+      arr2[i] = arr[i];
+    }
+
+    return arr2;
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+      var info = gen[key](arg);
+      var value = info.value;
+    } catch (error) {
+      reject(error);
+      return;
+    }
+
+    if (info.done) {
+      resolve(value);
+    } else {
+      Promise.resolve(value).then(_next, _throw);
+    }
+  }
+
+  function _asyncToGenerator(fn) {
+    return function () {
+      var self = this,
+          args = arguments;
+      return new Promise(function (resolve, reject) {
+        var gen = fn.apply(self, args);
+
+        function _next(value) {
+          asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+        }
+
+        function _throw(err) {
+          asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+        }
+
+        _next(undefined);
+      });
+    };
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
+    return Constructor;
+  }
+
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
+  var runtime = {exports: {}};
+
+  /**
+   * Copyright (c) 2014-present, Facebook, Inc.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+
+  (function (module) {
+  var runtime = (function (exports) {
+
+    var Op = Object.prototype;
+    var hasOwn = Op.hasOwnProperty;
+    var undefined$1; // More compressible than void 0.
+    var $Symbol = typeof Symbol === "function" ? Symbol : {};
+    var iteratorSymbol = $Symbol.iterator || "@@iterator";
+    var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
+    var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+
+    function define(obj, key, value) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+      return obj[key];
+    }
+    try {
+      // IE 8 has a broken Object.defineProperty that only works on DOM objects.
+      define({}, "");
+    } catch (err) {
+      define = function(obj, key, value) {
+        return obj[key] = value;
+      };
+    }
+
+    function wrap(innerFn, outerFn, self, tryLocsList) {
+      // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
+      var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
+      var generator = Object.create(protoGenerator.prototype);
+      var context = new Context(tryLocsList || []);
+
+      // The ._invoke method unifies the implementations of the .next,
+      // .throw, and .return methods.
+      generator._invoke = makeInvokeMethod(innerFn, self, context);
+
+      return generator;
+    }
+    exports.wrap = wrap;
+
+    // Try/catch helper to minimize deoptimizations. Returns a completion
+    // record like context.tryEntries[i].completion. This interface could
+    // have been (and was previously) designed to take a closure to be
+    // invoked without arguments, but in all the cases we care about we
+    // already have an existing method we want to call, so there's no need
+    // to create a new function object. We can even get away with assuming
+    // the method takes exactly one argument, since that happens to be true
+    // in every case, so we don't have to touch the arguments object. The
+    // only additional allocation required is the completion record, which
+    // has a stable shape and so hopefully should be cheap to allocate.
+    function tryCatch(fn, obj, arg) {
+      try {
+        return { type: "normal", arg: fn.call(obj, arg) };
+      } catch (err) {
+        return { type: "throw", arg: err };
+      }
+    }
+
+    var GenStateSuspendedStart = "suspendedStart";
+    var GenStateSuspendedYield = "suspendedYield";
+    var GenStateExecuting = "executing";
+    var GenStateCompleted = "completed";
+
+    // Returning this object from the innerFn has the same effect as
+    // breaking out of the dispatch switch statement.
+    var ContinueSentinel = {};
+
+    // Dummy constructor functions that we use as the .constructor and
+    // .constructor.prototype properties for functions that return Generator
+    // objects. For full spec compliance, you may wish to configure your
+    // minifier not to mangle the names of these two functions.
+    function Generator() {}
+    function GeneratorFunction() {}
+    function GeneratorFunctionPrototype() {}
+
+    // This is a polyfill for %IteratorPrototype% for environments that
+    // don't natively support it.
+    var IteratorPrototype = {};
+    define(IteratorPrototype, iteratorSymbol, function () {
+      return this;
+    });
+
+    var getProto = Object.getPrototypeOf;
+    var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+    if (NativeIteratorPrototype &&
+        NativeIteratorPrototype !== Op &&
+        hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
+      // This environment has a native %IteratorPrototype%; use it instead
+      // of the polyfill.
+      IteratorPrototype = NativeIteratorPrototype;
+    }
+
+    var Gp = GeneratorFunctionPrototype.prototype =
+      Generator.prototype = Object.create(IteratorPrototype);
+    GeneratorFunction.prototype = GeneratorFunctionPrototype;
+    define(Gp, "constructor", GeneratorFunctionPrototype);
+    define(GeneratorFunctionPrototype, "constructor", GeneratorFunction);
+    GeneratorFunction.displayName = define(
+      GeneratorFunctionPrototype,
+      toStringTagSymbol,
+      "GeneratorFunction"
+    );
+
+    // Helper for defining the .next, .throw, and .return methods of the
+    // Iterator interface in terms of a single ._invoke method.
+    function defineIteratorMethods(prototype) {
+      ["next", "throw", "return"].forEach(function(method) {
+        define(prototype, method, function(arg) {
+          return this._invoke(method, arg);
+        });
+      });
+    }
+
+    exports.isGeneratorFunction = function(genFun) {
+      var ctor = typeof genFun === "function" && genFun.constructor;
+      return ctor
+        ? ctor === GeneratorFunction ||
+          // For the native GeneratorFunction constructor, the best we can
+          // do is to check its .name property.
+          (ctor.displayName || ctor.name) === "GeneratorFunction"
+        : false;
+    };
+
+    exports.mark = function(genFun) {
+      if (Object.setPrototypeOf) {
+        Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
+      } else {
+        genFun.__proto__ = GeneratorFunctionPrototype;
+        define(genFun, toStringTagSymbol, "GeneratorFunction");
+      }
+      genFun.prototype = Object.create(Gp);
+      return genFun;
+    };
+
+    // Within the body of any async function, `await x` is transformed to
+    // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
+    // `hasOwn.call(value, "__await")` to determine if the yielded value is
+    // meant to be awaited.
+    exports.awrap = function(arg) {
+      return { __await: arg };
+    };
+
+    function AsyncIterator(generator, PromiseImpl) {
+      function invoke(method, arg, resolve, reject) {
+        var record = tryCatch(generator[method], generator, arg);
+        if (record.type === "throw") {
+          reject(record.arg);
+        } else {
+          var result = record.arg;
+          var value = result.value;
+          if (value &&
+              typeof value === "object" &&
+              hasOwn.call(value, "__await")) {
+            return PromiseImpl.resolve(value.__await).then(function(value) {
+              invoke("next", value, resolve, reject);
+            }, function(err) {
+              invoke("throw", err, resolve, reject);
+            });
+          }
+
+          return PromiseImpl.resolve(value).then(function(unwrapped) {
+            // When a yielded Promise is resolved, its final value becomes
+            // the .value of the Promise<{value,done}> result for the
+            // current iteration.
+            result.value = unwrapped;
+            resolve(result);
+          }, function(error) {
+            // If a rejected Promise was yielded, throw the rejection back
+            // into the async generator function so it can be handled there.
+            return invoke("throw", error, resolve, reject);
+          });
+        }
+      }
+
+      var previousPromise;
+
+      function enqueue(method, arg) {
+        function callInvokeWithMethodAndArg() {
+          return new PromiseImpl(function(resolve, reject) {
+            invoke(method, arg, resolve, reject);
+          });
+        }
+
+        return previousPromise =
+          // If enqueue has been called before, then we want to wait until
+          // all previous Promises have been resolved before calling invoke,
+          // so that results are always delivered in the correct order. If
+          // enqueue has not been called before, then it is important to
+          // call invoke immediately, without waiting on a callback to fire,
+          // so that the async generator function has the opportunity to do
+          // any necessary setup in a predictable way. This predictability
+          // is why the Promise constructor synchronously invokes its
+          // executor callback, and why async functions synchronously
+          // execute code before the first await. Since we implement simple
+          // async functions in terms of async generators, it is especially
+          // important to get this right, even though it requires care.
+          previousPromise ? previousPromise.then(
+            callInvokeWithMethodAndArg,
+            // Avoid propagating failures to Promises returned by later
+            // invocations of the iterator.
+            callInvokeWithMethodAndArg
+          ) : callInvokeWithMethodAndArg();
+      }
+
+      // Define the unified helper method that is used to implement .next,
+      // .throw, and .return (see defineIteratorMethods).
+      this._invoke = enqueue;
+    }
+
+    defineIteratorMethods(AsyncIterator.prototype);
+    define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+      return this;
+    });
+    exports.AsyncIterator = AsyncIterator;
+
+    // Note that simple async functions are implemented on top of
+    // AsyncIterator objects; they just return a Promise for the value of
+    // the final result produced by the iterator.
+    exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+      if (PromiseImpl === void 0) PromiseImpl = Promise;
+
+      var iter = new AsyncIterator(
+        wrap(innerFn, outerFn, self, tryLocsList),
+        PromiseImpl
+      );
+
+      return exports.isGeneratorFunction(outerFn)
+        ? iter // If outerFn is a generator, return the full iterator.
+        : iter.next().then(function(result) {
+            return result.done ? result.value : iter.next();
+          });
+    };
+
+    function makeInvokeMethod(innerFn, self, context) {
+      var state = GenStateSuspendedStart;
+
+      return function invoke(method, arg) {
+        if (state === GenStateExecuting) {
+          throw new Error("Generator is already running");
+        }
+
+        if (state === GenStateCompleted) {
+          if (method === "throw") {
+            throw arg;
+          }
+
+          // Be forgiving, per 25.3.3.3.3 of the spec:
+          // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
+          return doneResult();
+        }
+
+        context.method = method;
+        context.arg = arg;
+
+        while (true) {
+          var delegate = context.delegate;
+          if (delegate) {
+            var delegateResult = maybeInvokeDelegate(delegate, context);
+            if (delegateResult) {
+              if (delegateResult === ContinueSentinel) continue;
+              return delegateResult;
+            }
+          }
+
+          if (context.method === "next") {
+            // Setting context._sent for legacy support of Babel's
+            // function.sent implementation.
+            context.sent = context._sent = context.arg;
+
+          } else if (context.method === "throw") {
+            if (state === GenStateSuspendedStart) {
+              state = GenStateCompleted;
+              throw context.arg;
+            }
+
+            context.dispatchException(context.arg);
+
+          } else if (context.method === "return") {
+            context.abrupt("return", context.arg);
+          }
+
+          state = GenStateExecuting;
+
+          var record = tryCatch(innerFn, self, context);
+          if (record.type === "normal") {
+            // If an exception is thrown from innerFn, we leave state ===
+            // GenStateExecuting and loop back for another invocation.
+            state = context.done
+              ? GenStateCompleted
+              : GenStateSuspendedYield;
+
+            if (record.arg === ContinueSentinel) {
+              continue;
+            }
+
+            return {
+              value: record.arg,
+              done: context.done
+            };
+
+          } else if (record.type === "throw") {
+            state = GenStateCompleted;
+            // Dispatch the exception by looping back around to the
+            // context.dispatchException(context.arg) call above.
+            context.method = "throw";
+            context.arg = record.arg;
+          }
+        }
+      };
+    }
+
+    // Call delegate.iterator[context.method](context.arg) and handle the
+    // result, either by returning a { value, done } result from the
+    // delegate iterator, or by modifying context.method and context.arg,
+    // setting context.delegate to null, and returning the ContinueSentinel.
+    function maybeInvokeDelegate(delegate, context) {
+      var method = delegate.iterator[context.method];
+      if (method === undefined$1) {
+        // A .throw or .return when the delegate iterator has no .throw
+        // method always terminates the yield* loop.
+        context.delegate = null;
+
+        if (context.method === "throw") {
+          // Note: ["return"] must be used for ES3 parsing compatibility.
+          if (delegate.iterator["return"]) {
+            // If the delegate iterator has a return method, give it a
+            // chance to clean up.
+            context.method = "return";
+            context.arg = undefined$1;
+            maybeInvokeDelegate(delegate, context);
+
+            if (context.method === "throw") {
+              // If maybeInvokeDelegate(context) changed context.method from
+              // "return" to "throw", let that override the TypeError below.
+              return ContinueSentinel;
+            }
+          }
+
+          context.method = "throw";
+          context.arg = new TypeError(
+            "The iterator does not provide a 'throw' method");
+        }
+
+        return ContinueSentinel;
+      }
+
+      var record = tryCatch(method, delegate.iterator, context.arg);
+
+      if (record.type === "throw") {
+        context.method = "throw";
+        context.arg = record.arg;
+        context.delegate = null;
+        return ContinueSentinel;
+      }
+
+      var info = record.arg;
+
+      if (! info) {
+        context.method = "throw";
+        context.arg = new TypeError("iterator result is not an object");
+        context.delegate = null;
+        return ContinueSentinel;
+      }
+
+      if (info.done) {
+        // Assign the result of the finished delegate to the temporary
+        // variable specified by delegate.resultName (see delegateYield).
+        context[delegate.resultName] = info.value;
+
+        // Resume execution at the desired location (see delegateYield).
+        context.next = delegate.nextLoc;
+
+        // If context.method was "throw" but the delegate handled the
+        // exception, let the outer generator proceed normally. If
+        // context.method was "next", forget context.arg since it has been
+        // "consumed" by the delegate iterator. If context.method was
+        // "return", allow the original .return call to continue in the
+        // outer generator.
+        if (context.method !== "return") {
+          context.method = "next";
+          context.arg = undefined$1;
+        }
+
+      } else {
+        // Re-yield the result returned by the delegate method.
+        return info;
+      }
+
+      // The delegate iterator is finished, so forget it and continue with
+      // the outer generator.
+      context.delegate = null;
+      return ContinueSentinel;
+    }
+
+    // Define Generator.prototype.{next,throw,return} in terms of the
+    // unified ._invoke helper method.
+    defineIteratorMethods(Gp);
+
+    define(Gp, toStringTagSymbol, "Generator");
+
+    // A Generator should always return itself as the iterator object when the
+    // @@iterator function is called on it. Some browsers' implementations of the
+    // iterator prototype chain incorrectly implement this, causing the Generator
+    // object to not be returned from this call. This ensures that doesn't happen.
+    // See https://github.com/facebook/regenerator/issues/274 for more details.
+    define(Gp, iteratorSymbol, function() {
+      return this;
+    });
+
+    define(Gp, "toString", function() {
+      return "[object Generator]";
+    });
+
+    function pushTryEntry(locs) {
+      var entry = { tryLoc: locs[0] };
+
+      if (1 in locs) {
+        entry.catchLoc = locs[1];
+      }
+
+      if (2 in locs) {
+        entry.finallyLoc = locs[2];
+        entry.afterLoc = locs[3];
+      }
+
+      this.tryEntries.push(entry);
+    }
+
+    function resetTryEntry(entry) {
+      var record = entry.completion || {};
+      record.type = "normal";
+      delete record.arg;
+      entry.completion = record;
+    }
+
+    function Context(tryLocsList) {
+      // The root entry object (effectively a try statement without a catch
+      // or a finally block) gives us a place to store values thrown from
+      // locations where there is no enclosing try statement.
+      this.tryEntries = [{ tryLoc: "root" }];
+      tryLocsList.forEach(pushTryEntry, this);
+      this.reset(true);
+    }
+
+    exports.keys = function(object) {
+      var keys = [];
+      for (var key in object) {
+        keys.push(key);
+      }
+      keys.reverse();
+
+      // Rather than returning an object with a next method, we keep
+      // things simple and return the next function itself.
+      return function next() {
+        while (keys.length) {
+          var key = keys.pop();
+          if (key in object) {
+            next.value = key;
+            next.done = false;
+            return next;
+          }
+        }
+
+        // To avoid creating an additional object, we just hang the .value
+        // and .done properties off the next function object itself. This
+        // also ensures that the minifier will not anonymize the function.
+        next.done = true;
+        return next;
+      };
+    };
+
+    function values(iterable) {
+      if (iterable) {
+        var iteratorMethod = iterable[iteratorSymbol];
+        if (iteratorMethod) {
+          return iteratorMethod.call(iterable);
+        }
+
+        if (typeof iterable.next === "function") {
+          return iterable;
+        }
+
+        if (!isNaN(iterable.length)) {
+          var i = -1, next = function next() {
+            while (++i < iterable.length) {
+              if (hasOwn.call(iterable, i)) {
+                next.value = iterable[i];
+                next.done = false;
+                return next;
+              }
+            }
+
+            next.value = undefined$1;
+            next.done = true;
+
+            return next;
+          };
+
+          return next.next = next;
+        }
+      }
+
+      // Return an iterator with no values.
+      return { next: doneResult };
+    }
+    exports.values = values;
+
+    function doneResult() {
+      return { value: undefined$1, done: true };
+    }
+
+    Context.prototype = {
+      constructor: Context,
+
+      reset: function(skipTempReset) {
+        this.prev = 0;
+        this.next = 0;
+        // Resetting context._sent for legacy support of Babel's
+        // function.sent implementation.
+        this.sent = this._sent = undefined$1;
+        this.done = false;
+        this.delegate = null;
+
+        this.method = "next";
+        this.arg = undefined$1;
+
+        this.tryEntries.forEach(resetTryEntry);
+
+        if (!skipTempReset) {
+          for (var name in this) {
+            // Not sure about the optimal order of these conditions:
+            if (name.charAt(0) === "t" &&
+                hasOwn.call(this, name) &&
+                !isNaN(+name.slice(1))) {
+              this[name] = undefined$1;
+            }
+          }
+        }
+      },
+
+      stop: function() {
+        this.done = true;
+
+        var rootEntry = this.tryEntries[0];
+        var rootRecord = rootEntry.completion;
+        if (rootRecord.type === "throw") {
+          throw rootRecord.arg;
+        }
+
+        return this.rval;
+      },
+
+      dispatchException: function(exception) {
+        if (this.done) {
+          throw exception;
+        }
+
+        var context = this;
+        function handle(loc, caught) {
+          record.type = "throw";
+          record.arg = exception;
+          context.next = loc;
+
+          if (caught) {
+            // If the dispatched exception was caught by a catch block,
+            // then let that catch block handle the exception normally.
+            context.method = "next";
+            context.arg = undefined$1;
+          }
+
+          return !! caught;
+        }
+
+        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+          var entry = this.tryEntries[i];
+          var record = entry.completion;
+
+          if (entry.tryLoc === "root") {
+            // Exception thrown outside of any try block that could handle
+            // it, so set the completion value of the entire function to
+            // throw the exception.
+            return handle("end");
+          }
+
+          if (entry.tryLoc <= this.prev) {
+            var hasCatch = hasOwn.call(entry, "catchLoc");
+            var hasFinally = hasOwn.call(entry, "finallyLoc");
+
+            if (hasCatch && hasFinally) {
+              if (this.prev < entry.catchLoc) {
+                return handle(entry.catchLoc, true);
+              } else if (this.prev < entry.finallyLoc) {
+                return handle(entry.finallyLoc);
+              }
+
+            } else if (hasCatch) {
+              if (this.prev < entry.catchLoc) {
+                return handle(entry.catchLoc, true);
+              }
+
+            } else if (hasFinally) {
+              if (this.prev < entry.finallyLoc) {
+                return handle(entry.finallyLoc);
+              }
+
+            } else {
+              throw new Error("try statement without catch or finally");
+            }
+          }
+        }
+      },
+
+      abrupt: function(type, arg) {
+        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+          var entry = this.tryEntries[i];
+          if (entry.tryLoc <= this.prev &&
+              hasOwn.call(entry, "finallyLoc") &&
+              this.prev < entry.finallyLoc) {
+            var finallyEntry = entry;
+            break;
+          }
+        }
+
+        if (finallyEntry &&
+            (type === "break" ||
+             type === "continue") &&
+            finallyEntry.tryLoc <= arg &&
+            arg <= finallyEntry.finallyLoc) {
+          // Ignore the finally entry if control is not jumping to a
+          // location outside the try/catch block.
+          finallyEntry = null;
+        }
+
+        var record = finallyEntry ? finallyEntry.completion : {};
+        record.type = type;
+        record.arg = arg;
+
+        if (finallyEntry) {
+          this.method = "next";
+          this.next = finallyEntry.finallyLoc;
+          return ContinueSentinel;
+        }
+
+        return this.complete(record);
+      },
+
+      complete: function(record, afterLoc) {
+        if (record.type === "throw") {
+          throw record.arg;
+        }
+
+        if (record.type === "break" ||
+            record.type === "continue") {
+          this.next = record.arg;
+        } else if (record.type === "return") {
+          this.rval = this.arg = record.arg;
+          this.method = "return";
+          this.next = "end";
+        } else if (record.type === "normal" && afterLoc) {
+          this.next = afterLoc;
+        }
+
+        return ContinueSentinel;
+      },
+
+      finish: function(finallyLoc) {
+        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+          var entry = this.tryEntries[i];
+          if (entry.finallyLoc === finallyLoc) {
+            this.complete(entry.completion, entry.afterLoc);
+            resetTryEntry(entry);
+            return ContinueSentinel;
+          }
+        }
+      },
+
+      "catch": function(tryLoc) {
+        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+          var entry = this.tryEntries[i];
+          if (entry.tryLoc === tryLoc) {
+            var record = entry.completion;
+            if (record.type === "throw") {
+              var thrown = record.arg;
+              resetTryEntry(entry);
+            }
+            return thrown;
+          }
+        }
+
+        // The context.catch method must only be called with a location
+        // argument that corresponds to a known catch block.
+        throw new Error("illegal catch attempt");
+      },
+
+      delegateYield: function(iterable, resultName, nextLoc) {
+        this.delegate = {
+          iterator: values(iterable),
+          resultName: resultName,
+          nextLoc: nextLoc
+        };
+
+        if (this.method === "next") {
+          // Deliberately forget the last sent value so that we don't
+          // accidentally pass it on to the delegate.
+          this.arg = undefined$1;
+        }
+
+        return ContinueSentinel;
+      }
+    };
+
+    // Regardless of whether this script is executing as a CommonJS module
+    // or not, return the runtime object so that we can declare the variable
+    // regeneratorRuntime in the outer scope, which allows this module to be
+    // injected easily by `bin/regenerator --include-runtime script.js`.
+    return exports;
+
+  }(
+    // If this script is executing as a CommonJS module, use module.exports
+    // as the regeneratorRuntime namespace. Otherwise create a new empty
+    // object. Either way, the resulting object will be used to initialize
+    // the regeneratorRuntime variable at the top of this file.
+    module.exports 
+  ));
+
+  try {
+    regeneratorRuntime = runtime;
+  } catch (accidentalStrictMode) {
+    // This module should not be running in strict mode, so the above
+    // assignment should always work unless something is misconfigured. Just
+    // in case runtime.js accidentally runs in strict mode, in modern engines
+    // we can explicitly access globalThis. In older engines we can escape
+    // strict mode using a global Function call. This could conceivably fail
+    // if a Content Security Policy forbids using Function, but in that case
+    // the proper solution is to fix the accidental strict mode problem. If
+    // you've misconfigured your bundler to force strict mode and applied a
+    // CSP to forbid Function, and you're not willing to fix either of those
+    // problems, please detail your unique predicament in a GitHub issue.
+    if (typeof globalThis === "object") {
+      globalThis.regeneratorRuntime = runtime;
+    } else {
+      Function("r", "regeneratorRuntime = r")(runtime);
+    }
+  }
+  }(runtime));
+
+  var regenerator = runtime.exports;
+
+  var UNIQUE_ID_IDENTIFIER = ':upload:';
+
+  var MULTI_ITEM_CLEAR_ANIMATION_CLASS = 'multi-item-clear-animation';
+
+  var DEFAULT_CHOOSE_FILE_TEXT = 'Choose file...';
+  var DEFAULT_BROWSE_TEXT = 'Browse';
+  var DEFAULT_FILES_SELECTED_TEXT = 'files selected';
+  var DEFAULT_LABEL_TEXT = 'Upload';
+
+  var generateUniqueId = function generateUniqueId() {
+    return Math.random().toString(16).slice(2);
+  };
+
+  var FileUploadWithPreview = /*#__PURE__*/function () {
+    /**
+     * Currently selected files
+     *
+     * @default []
+     */
+
+    /**
+     * Button to reset the instance
+     */
+
+    /**
+     * Main container for the instance
+     */
+
+    /**
+     * Display panel for the images
+     */
+
+    /**
+     * Hidden input
+     */
+
+    /**
+     * Visible input
+     */
+    function FileUploadWithPreview(uploadId) {
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      _classCallCheck(this, FileUploadWithPreview);
+
+      _defineProperty(this, "options", {
+        accept: '*',
+        images: {
+          backgroundImage: DEFAULT_BACKGROUND_IMAGE,
+          baseImage: DEFAULT_BASE_IMAGE,
+          successFileAltImage: DEFAULT_SUCCESS_FILE_ALT_IMAGE,
+          successPdfImage: DEFAULT_SUCCESS_PDF_IMAGE,
+          successVideoImage: DEFAULT_SUCCESS_VIDEO_IMAGE
+        },
+        maxFileCount: 0,
+        multiple: false,
+        presetFiles: [],
+        showDeleteButtonOnImages: true,
+        text: {
+          browse: DEFAULT_BROWSE_TEXT,
+          chooseFile: DEFAULT_CHOOSE_FILE_TEXT,
+          label: DEFAULT_LABEL_TEXT,
+          selectedCount: DEFAULT_FILES_SELECTED_TEXT
+        }
+      });
+
+      if (!uploadId) {
+        throw new Error('No uploadId found. You must initialize file-upload-with-preview with a unique uploadId.');
+      }
+
+      this.uploadId = uploadId;
+      this.cachedFileArray = []; // Base options
+
+      var maxFileCount = options.maxFileCount,
+          multiple = options.multiple,
+          presetFiles = options.presetFiles,
+          showDeleteButtonOnImages = options.showDeleteButtonOnImages;
+      this.options.showDeleteButtonOnImages = showDeleteButtonOnImages !== null && showDeleteButtonOnImages !== void 0 ? showDeleteButtonOnImages : true;
+      this.options.maxFileCount = maxFileCount !== null && maxFileCount !== void 0 ? maxFileCount : 0;
+      this.options.presetFiles = presetFiles !== null && presetFiles !== void 0 ? presetFiles : [];
+      this.options.multiple = multiple !== null && multiple !== void 0 ? multiple : false; // Text options
+
+      var _ref = options.text || {},
+          browse = _ref.browse,
+          chooseFile = _ref.chooseFile,
+          label = _ref.label,
+          selectedCount = _ref.selectedCount;
+
+      this.options.text.chooseFile = chooseFile !== null && chooseFile !== void 0 ? chooseFile : this.options.text.chooseFile;
+      this.options.text.browse = browse !== null && browse !== void 0 ? browse : this.options.text.browse;
+      this.options.text.label = label !== null && label !== void 0 ? label : DEFAULT_LABEL_TEXT;
+      this.options.text.selectedCount = selectedCount !== null && selectedCount !== void 0 ? selectedCount : this.options.text.selectedCount; // Elements
+
+      var el = document.querySelector(".custom-file-container[data-upload-id=\"".concat(this.uploadId, "\"]"));
+
+      if (!el) {
+        throw new Error("Could not find a 'custom-file-container' with the id of: ".concat(this.uploadId));
+      }
+
+      this.el = el;
+      this.el.innerHTML += "\n      <div class=\"label-container\">\n        <label>".concat(this.options.text.label, "</label>\n        <a class=\"clear-button\" href=\"javascript:void(0)\" title=\"Clear Image\">\n          &times;\n        </a>\n      </div>\n      <label class=\"input-container\">\n        <input\n          accept=\"").concat(this.options.accept, "\"\n          aria-label=\"Choose File\"\n          class=\"input-hidden\"\n          id=\"file-upload-with-preview-").concat(uploadId, "\"\n          ").concat(this.options.multiple ? 'multiple' : '', "\n          type=\"file\"\n        />\n        <span class=\"input-visible\"></span>\n      </label>\n      <div class=\"image-preview\"></div>\n    ");
+      var inputHidden = this.el.querySelector('.custom-file-container .input-hidden');
+      var inputVisible = this.el.querySelector('.custom-file-container .input-visible');
+      var imagePreview = this.el.querySelector('.custom-file-container .image-preview');
+      var clearButton = this.el.querySelector('.custom-file-container .clear-button');
+      var allRequiredElementsFound = inputHidden != null && inputVisible != null && imagePreview != null && clearButton != null;
+
+      if (allRequiredElementsFound) {
+        this.inputHidden = inputHidden;
+        this.inputVisible = inputVisible;
+        this.inputVisible.innerHTML = this.options.text.chooseFile;
+        this.imagePreview = imagePreview;
+        this.clearButton = clearButton;
+      } else {
+        throw new Error("Cannot find all necessary elements for the id: ".concat(this.uploadId));
+      } // Images
+
+
+      var _ref2 = options.images || {},
+          backgroundImage = _ref2.backgroundImage,
+          baseImage = _ref2.baseImage,
+          successFileAltImage = _ref2.successFileAltImage,
+          successPdfImage = _ref2.successPdfImage,
+          successVideoImage = _ref2.successVideoImage;
+
+      this.options.images.baseImage = baseImage !== null && baseImage !== void 0 ? baseImage : this.options.images.baseImage;
+      this.options.images.successPdfImage = successPdfImage !== null && successPdfImage !== void 0 ? successPdfImage : this.options.images.successPdfImage;
+      this.options.images.successVideoImage = successVideoImage !== null && successVideoImage !== void 0 ? successVideoImage : this.options.images.successVideoImage;
+      this.options.images.successFileAltImage = successFileAltImage !== null && successFileAltImage !== void 0 ? successFileAltImage : this.options.images.successFileAltImage;
+      this.options.images.backgroundImage = backgroundImage !== null && backgroundImage !== void 0 ? backgroundImage : this.options.images.backgroundImage;
+      this.addImagesFromPath(this.options.presetFiles);
+      this.addBrowseButton(this.options.text.browse);
+      this.imagePreview.style.backgroundImage = "url(\"".concat(this.options.images.baseImage, "\")");
+      this.bindClickEvents();
+    }
+
+    _createClass(FileUploadWithPreview, [{
+      key: "bindClickEvents",
+      value: function bindClickEvents() {
+        var _this = this;
+
+        this.inputHidden.addEventListener('change', function (e) {
+          var target = e.target;
+          var files = target.files;
+          if (files == null) return;
+
+          _this.addFiles(files); // Handle issue with the same file being selected
+          // https://stackoverflow.com/a/54633061/8014660
+
+
+          target.value = '';
+        }, true);
+        this.clearButton.addEventListener('click', function () {
+          var eventPayload = {
+            detail: {
+              uploadId: _this.uploadId
+            }
+          };
+          var clearButtonClickedEvent = new CustomEvent(exports.Events.CLEAR_BUTTON_CLICKED, eventPayload);
+          window.dispatchEvent(clearButtonClickedEvent);
+
+          _this.resetPreviewPanel();
+        }, true);
+        this.imagePreview.addEventListener('click', function (e) {
+          var target = e.target;
+          if (!target) return;
+
+          if (target.matches('.custom-file-container .image-preview-item-clear-icon')) {
+            var fileName = target.getAttribute('data-upload-name');
+
+            var selectedFileIndex = _this.cachedFileArray.findIndex(function (_ref3) {
+              var name = _ref3.name;
+              return name === fileName;
+            });
+
+            _this.deleteFileAtIndex(selectedFileIndex);
+          }
+
+          if (target.matches('.custom-file-container .image-preview-item')) {
+            var clearIcon = target.querySelector('.image-preview-item-clear-icon');
+
+            var _fileName = clearIcon === null || clearIcon === void 0 ? void 0 : clearIcon.getAttribute('data-upload-name');
+
+            var fileIndex = _this.cachedFileArray.findIndex(function (_ref4) {
+              var name = _ref4.name;
+              return name === _fileName;
+            });
+
+            if (!fileIndex) return;
+            var eventPayload = {
+              detail: {
+                cachedFileArray: _this.cachedFileArray,
+                file: _this.cachedFileArray[fileIndex],
+                index: fileIndex,
+                uploadId: _this.uploadId
+              }
+            };
+            var imageClickedEvent = new CustomEvent(exports.Events.IMAGE_MULTI_ITEM_CLICKED, eventPayload);
+            window.dispatchEvent(imageClickedEvent);
+          }
+        });
+      }
+    }, {
+      key: "addImagesFromPath",
+      value: function () {
+        var _addImagesFromPath = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(presetFiles) {
+          var _this2 = this;
+
+          return regenerator.wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  presetFiles.forEach( /*#__PURE__*/function () {
+                    var _ref5 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(path) {
+                      var defaultType, response, blob, file;
+                      return regenerator.wrap(function _callee$(_context) {
+                        while (1) {
+                          switch (_context.prev = _context.next) {
+                            case 0:
+                              _context.prev = 0;
+                              defaultType = 'image/jpeg';
+                              _context.next = 4;
+                              return fetch(path, {
+                                mode: 'cors'
+                              });
+
+                            case 4:
+                              response = _context.sent;
+                              _context.next = 7;
+                              return response.blob();
+
+                            case 7:
+                              blob = _context.sent;
+                              file = new File([blob], 'preset-file', {
+                                type: blob.type || defaultType
+                              });
+
+                              _this2.addFiles([file]);
+
+                              _context.next = 16;
+                              break;
+
+                            case 12:
+                              _context.prev = 12;
+                              _context.t0 = _context["catch"](0);
+
+                              if (_context.t0 instanceof Error) {
+                                console.warn("".concat(_context.t0.message.toString()));
+                              }
+
+                              console.warn('Image cannot be added to the cachedFileArray.');
+
+                            case 16:
+                            case "end":
+                              return _context.stop();
+                          }
+                        }
+                      }, _callee, null, [[0, 12]]);
+                    }));
+
+                    return function (_x2) {
+                      return _ref5.apply(this, arguments);
+                    };
+                  }());
+
+                case 1:
+                case "end":
+                  return _context2.stop();
+              }
+            }
+          }, _callee2);
+        }));
+
+        function addImagesFromPath(_x) {
+          return _addImagesFromPath.apply(this, arguments);
+        }
+
+        return addImagesFromPath;
+      }()
+    }, {
+      key: "addFiles",
+      value: function addFiles(files) {
+        var _this3 = this;
+
+        if (!files.length) return;
+        var fileArray = Array.from(files);
+
+        if (this.options.multiple && this.options.maxFileCount > 0) {
+          var totalFileCount = this.cachedFileArray.length + fileArray.length;
+          var differenceFromMax = totalFileCount - this.options.maxFileCount;
+
+          if (differenceFromMax > 0) {
+            fileArray = fileArray.slice(0, fileArray.length - differenceFromMax);
+          }
+        }
+
+        if (!this.options.multiple) {
+          this.cachedFileArray = [];
+        }
+
+        fileArray.forEach(function (file) {
+          var fileWithUniqueName = new File([file], "".concat(file.name || 'fallback-name').concat(UNIQUE_ID_IDENTIFIER).concat(generateUniqueId()), {
+            type: file.type
+          });
+
+          _this3.cachedFileArray.push(fileWithUniqueName);
+
+          _this3.addFileToPreviewPanel(fileWithUniqueName);
+        });
+        var eventPayload = {
+          detail: {
+            addedFilesCount: fileArray.length,
+            cachedFileArray: this.cachedFileArray,
+            files: files,
+            uploadId: this.uploadId
+          }
+        };
+        var imagesAddedEvent = new CustomEvent(exports.Events.IMAGE_ADDED, eventPayload);
+        window.dispatchEvent(imagesAddedEvent);
+      }
+    }, {
+      key: "addFileToPreviewPanel",
+      value: function addFileToPreviewPanel(file) {
+        var _this4 = this;
+
+        if (this.cachedFileArray.length === 0) {
+          this.inputVisible.innerHTML = this.options.text.chooseFile;
+        } else if (this.cachedFileArray.length === 1) {
+          this.inputVisible.textContent = file.name.split(UNIQUE_ID_IDENTIFIER)[0];
+        } else {
+          this.inputVisible.innerHTML = "".concat(this.cachedFileArray.length, " ").concat(this.options.text.selectedCount);
+        }
+
+        var reader = new FileReader();
+        reader.readAsDataURL(file);
+
+        reader.onload = function () {
+          if (!_this4.options.multiple) {
+            var image = _this4.options.images.successFileAltImage;
+
+            if (file.type.match('image/png') || file.type.match('image/jpeg') || file.type.match('image/gif')) {
+              image = "url(\"".concat(reader.result, "\")");
+            } else if (file.type.match('application/pdf')) {
+              image = "url(\"".concat(_this4.options.images.successPdfImage, "\")");
+            } else if (file.type.match('video/*')) {
+              image = "url(\"".concat(_this4.options.images.successVideoImage, "\")");
+            }
+
+            _this4.imagePreview.style.backgroundImage = image;
+            return;
+          }
+
+          _this4.imagePreview.style.backgroundImage = "url(\"".concat(_this4.options.images.backgroundImage, "\")");
+
+          var imageClearContent = function imageClearContent(name) {
+            return "\n        <span class=\"image-preview-item-clear\">\n          <span class=\"image-preview-item-clear-icon\" data-upload-name=\"".concat(name, "\">\n            &times;\n          </span>\n        </span>\n      ");
+          };
+
+          var backgroundImage = _this4.options.images.successFileAltImage;
+
+          if (file.type.match('image/png') || file.type.match('image/jpeg') || file.type.match('image/gif')) {
+            backgroundImage = reader.result;
+          } else if (file.type.match('application/pdf')) {
+            backgroundImage = _this4.options.images.successPdfImage;
+          } else if (file.type.match('video/*')) {
+            backgroundImage = _this4.options.images.successVideoImage;
+          }
+
+          _this4.imagePreview.innerHTML += "\n        <div\n          class=\"image-preview-item\"\n          data-upload-name=\"".concat(file.name, "\"\n          style=\"background-image: url('").concat(backgroundImage, "'); \"\n        >\n          ").concat(_this4.options.showDeleteButtonOnImages ? imageClearContent(file.name) : undefined, "\n        </div>\n      ");
+        };
+      }
+    }, {
+      key: "replaceFiles",
+      value: function replaceFiles(files) {
+        if (!files.length) {
+          throw new Error('Array must contain at least one file.');
+        }
+
+        this.cachedFileArray = files;
+        this.refreshPreviewPanel();
+      }
+    }, {
+      key: "replaceFileAtIndex",
+      value: function replaceFileAtIndex(file, index) {
+        if (!this.cachedFileArray[index]) {
+          throw new Error("There is no file at index: ".concat(index));
+        }
+
+        this.cachedFileArray[index] = file;
+        this.refreshPreviewPanel();
+      }
+    }, {
+      key: "deleteFileAtIndex",
+      value: function deleteFileAtIndex(index) {
+        if (!this.cachedFileArray[index]) {
+          throw new Error("There is no file at index ".concat(index));
+        }
+
+        this.cachedFileArray = [].concat(_toConsumableArray(this.cachedFileArray.slice(0, index)), _toConsumableArray(this.cachedFileArray.slice(index + 1)));
+        this.refreshPreviewPanel();
+        var eventPayload = {
+          detail: {
+            cachedFileArray: this.cachedFileArray,
+            currentFileCount: this.cachedFileArray.length,
+            index: index,
+            uploadId: this.uploadId
+          }
+        };
+        var imageDeletedEvent = new CustomEvent(exports.Events.IMAGE_DELETED, eventPayload);
+        window.dispatchEvent(imageDeletedEvent);
+      }
+    }, {
+      key: "refreshPreviewPanel",
+      value: function refreshPreviewPanel() {
+        var _this5 = this;
+
+        var timeoutWait = 200; // Match the opacity animation on the MULTI_ITEM_CLEAR_ANIMATION_CLASS
+
+        var imagePreviewItems = this.imagePreview.querySelectorAll('.image-preview-item');
+        var imagePreviewItemsArray = Array.from(imagePreviewItems);
+        imagePreviewItemsArray.forEach(function (item) {
+          return item.classList.add(MULTI_ITEM_CLEAR_ANIMATION_CLASS);
+        }); // Use the setTimeout to process images after the MULTI_ITEM_CLEAR_ANIMATION_CLASS is done
+
+        setTimeout(function () {
+          _this5.imagePreview.innerHTML = ''; // Reset the panel if there are no files
+
+          if (!_this5.cachedFileArray.length) {
+            _this5.resetPreviewPanel();
+
+            return;
+          }
+
+          _this5.cachedFileArray.forEach(function (file) {
+            return _this5.addFileToPreviewPanel(file);
+          });
+        }, timeoutWait);
+      }
+    }, {
+      key: "addBrowseButton",
+      value: function addBrowseButton(text) {
+        this.inputVisible.innerHTML += "<span class=\"browse-button\">".concat(text, "</span>");
+      }
+    }, {
+      key: "emulateInputSelection",
+      value: function emulateInputSelection() {
+        this.inputHidden.click();
+      }
+    }, {
+      key: "resetPreviewPanel",
+      value: function resetPreviewPanel() {
+        this.inputHidden.value = '';
+        this.inputVisible.innerHTML = DEFAULT_CHOOSE_FILE_TEXT;
+        this.addBrowseButton(this.options.text.browse);
+        this.imagePreview.style.backgroundImage = "url(\"".concat(this.options.images.baseImage, "\")");
+        this.imagePreview.innerHTML = '';
+        this.cachedFileArray = [];
+      }
+    }]);
+
+    return FileUploadWithPreview;
+  }();
+
+  exports.DEFAULT_BACKGROUND_IMAGE = DEFAULT_BACKGROUND_IMAGE;
+  exports.DEFAULT_BASE_IMAGE = DEFAULT_BASE_IMAGE;
+  exports.DEFAULT_SUCCESS_FILE_ALT_IMAGE = DEFAULT_SUCCESS_FILE_ALT_IMAGE;
+  exports.DEFAULT_SUCCESS_PDF_IMAGE = DEFAULT_SUCCESS_PDF_IMAGE;
+  exports.DEFAULT_SUCCESS_VIDEO_IMAGE = DEFAULT_SUCCESS_VIDEO_IMAGE;
+  exports.FileUploadWithPreview = FileUploadWithPreview;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+  return exports;
+
+})({});
diff --git a/public/assets/js/flatpickr.js b/public/assets/js/flatpickr.js
new file mode 100644
index 0000000000000000000000000000000000000000..b0f59ec214938696c88f1a6b8b797bde01bccb98
--- /dev/null
+++ b/public/assets/js/flatpickr.js
@@ -0,0 +1,2 @@
+/* flatpickr v4.6.13,, @license MIT */
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(e="undefined"!=typeof globalThis?globalThis:e||self).flatpickr=n()}(this,(function(){"use strict";var e=function(){return(e=Object.assign||function(e){for(var n,t=1,a=arguments.length;t<a;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e}).apply(this,arguments)};function n(){for(var e=0,n=0,t=arguments.length;n<t;n++)e+=arguments[n].length;var a=Array(e),i=0;for(n=0;n<t;n++)for(var o=arguments[n],r=0,l=o.length;r<l;r++,i++)a[i]=o[r];return a}var t=["onChange","onClose","onDayCreate","onDestroy","onKeyDown","onMonthChange","onOpen","onParseConfig","onReady","onValueUpdate","onYearChange","onPreCalendarPosition"],a={_disable:[],allowInput:!1,allowInvalidPreload:!1,altFormat:"F j, Y",altInput:!1,altInputClass:"form-control input",animate:"object"==typeof window&&-1===window.navigator.userAgent.indexOf("MSIE"),ariaDateFormat:"F j, Y",autoFillDefaultTime:!0,clickOpens:!0,closeOnSelect:!0,conjunction:", ",dateFormat:"Y-m-d",defaultHour:12,defaultMinute:0,defaultSeconds:0,disable:[],disableMobile:!1,enableSeconds:!1,enableTime:!1,errorHandler:function(e){return"undefined"!=typeof console&&console.warn(e)},getWeek:function(e){var n=new Date(e.getTime());n.setHours(0,0,0,0),n.setDate(n.getDate()+3-(n.getDay()+6)%7);var t=new Date(n.getFullYear(),0,4);return 1+Math.round(((n.getTime()-t.getTime())/864e5-3+(t.getDay()+6)%7)/7)},hourIncrement:1,ignoredFocusElements:[],inline:!1,locale:"default",minuteIncrement:5,mode:"single",monthSelectorType:"dropdown",nextArrow:"<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 17 17'><g></g><path d='M13.207 8.472l-7.854 7.854-0.707-0.707 7.146-7.146-7.146-7.148 0.707-0.707 7.854 7.854z' /></svg>",noCalendar:!1,now:new Date,onChange:[],onClose:[],onDayCreate:[],onDestroy:[],onKeyDown:[],onMonthChange:[],onOpen:[],onParseConfig:[],onReady:[],onValueUpdate:[],onYearChange:[],onPreCalendarPosition:[],plugins:[],position:"auto",positionElement:void 0,prevArrow:"<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 17 17'><g></g><path d='M5.207 8.471l7.146 7.147-0.707 0.707-7.853-7.854 7.854-7.853 0.707 0.707-7.147 7.146z' /></svg>",shorthandCurrentMonth:!1,showMonths:1,static:!1,time_24hr:!1,weekNumbers:!1,wrap:!1},i={weekdays:{shorthand:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],longhand:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},months:{shorthand:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],longhand:["January","February","March","April","May","June","July","August","September","October","November","December"]},daysInMonth:[31,28,31,30,31,30,31,31,30,31,30,31],firstDayOfWeek:0,ordinal:function(e){var n=e%100;if(n>3&&n<21)return"th";switch(n%10){case 1:return"st";case 2:return"nd";case 3:return"rd";default:return"th"}},rangeSeparator:" to ",weekAbbreviation:"Wk",scrollTitle:"Scroll to increment",toggleTitle:"Click to toggle",amPM:["AM","PM"],yearAriaLabel:"Year",monthAriaLabel:"Month",hourAriaLabel:"Hour",minuteAriaLabel:"Minute",time_24hr:!1},o=function(e,n){return void 0===n&&(n=2),("000"+e).slice(-1*n)},r=function(e){return!0===e?1:0};function l(e,n){var t;return function(){var a=this,i=arguments;clearTimeout(t),t=setTimeout((function(){return e.apply(a,i)}),n)}}var c=function(e){return e instanceof Array?e:[e]};function s(e,n,t){if(!0===t)return e.classList.add(n);e.classList.remove(n)}function d(e,n,t){var a=window.document.createElement(e);return n=n||"",t=t||"",a.className=n,void 0!==t&&(a.textContent=t),a}function u(e){for(;e.firstChild;)e.removeChild(e.firstChild)}function f(e,n){return n(e)?e:e.parentNode?f(e.parentNode,n):void 0}function m(e,n){var t=d("div","numInputWrapper"),a=d("input","numInput "+e),i=d("span","arrowUp"),o=d("span","arrowDown");if(-1===navigator.userAgent.indexOf("MSIE 9.0")?a.type="number":(a.type="text",a.pattern="\\d*"),void 0!==n)for(var r in n)a.setAttribute(r,n[r]);return t.appendChild(a),t.appendChild(i),t.appendChild(o),t}function g(e){try{return"function"==typeof e.composedPath?e.composedPath()[0]:e.target}catch(n){return e.target}}var p=function(){},h=function(e,n,t){return t.months[n?"shorthand":"longhand"][e]},v={D:p,F:function(e,n,t){e.setMonth(t.months.longhand.indexOf(n))},G:function(e,n){e.setHours((e.getHours()>=12?12:0)+parseFloat(n))},H:function(e,n){e.setHours(parseFloat(n))},J:function(e,n){e.setDate(parseFloat(n))},K:function(e,n,t){e.setHours(e.getHours()%12+12*r(new RegExp(t.amPM[1],"i").test(n)))},M:function(e,n,t){e.setMonth(t.months.shorthand.indexOf(n))},S:function(e,n){e.setSeconds(parseFloat(n))},U:function(e,n){return new Date(1e3*parseFloat(n))},W:function(e,n,t){var a=parseInt(n),i=new Date(e.getFullYear(),0,2+7*(a-1),0,0,0,0);return i.setDate(i.getDate()-i.getDay()+t.firstDayOfWeek),i},Y:function(e,n){e.setFullYear(parseFloat(n))},Z:function(e,n){return new Date(n)},d:function(e,n){e.setDate(parseFloat(n))},h:function(e,n){e.setHours((e.getHours()>=12?12:0)+parseFloat(n))},i:function(e,n){e.setMinutes(parseFloat(n))},j:function(e,n){e.setDate(parseFloat(n))},l:p,m:function(e,n){e.setMonth(parseFloat(n)-1)},n:function(e,n){e.setMonth(parseFloat(n)-1)},s:function(e,n){e.setSeconds(parseFloat(n))},u:function(e,n){return new Date(parseFloat(n))},w:p,y:function(e,n){e.setFullYear(2e3+parseFloat(n))}},D={D:"",F:"",G:"(\\d\\d|\\d)",H:"(\\d\\d|\\d)",J:"(\\d\\d|\\d)\\w+",K:"",M:"",S:"(\\d\\d|\\d)",U:"(.+)",W:"(\\d\\d|\\d)",Y:"(\\d{4})",Z:"(.+)",d:"(\\d\\d|\\d)",h:"(\\d\\d|\\d)",i:"(\\d\\d|\\d)",j:"(\\d\\d|\\d)",l:"",m:"(\\d\\d|\\d)",n:"(\\d\\d|\\d)",s:"(\\d\\d|\\d)",u:"(.+)",w:"(\\d\\d|\\d)",y:"(\\d{2})"},w={Z:function(e){return e.toISOString()},D:function(e,n,t){return n.weekdays.shorthand[w.w(e,n,t)]},F:function(e,n,t){return h(w.n(e,n,t)-1,!1,n)},G:function(e,n,t){return o(w.h(e,n,t))},H:function(e){return o(e.getHours())},J:function(e,n){return void 0!==n.ordinal?e.getDate()+n.ordinal(e.getDate()):e.getDate()},K:function(e,n){return n.amPM[r(e.getHours()>11)]},M:function(e,n){return h(e.getMonth(),!0,n)},S:function(e){return o(e.getSeconds())},U:function(e){return e.getTime()/1e3},W:function(e,n,t){return t.getWeek(e)},Y:function(e){return o(e.getFullYear(),4)},d:function(e){return o(e.getDate())},h:function(e){return e.getHours()%12?e.getHours()%12:12},i:function(e){return o(e.getMinutes())},j:function(e){return e.getDate()},l:function(e,n){return n.weekdays.longhand[e.getDay()]},m:function(e){return o(e.getMonth()+1)},n:function(e){return e.getMonth()+1},s:function(e){return e.getSeconds()},u:function(e){return e.getTime()},w:function(e){return e.getDay()},y:function(e){return String(e.getFullYear()).substring(2)}},b=function(e){var n=e.config,t=void 0===n?a:n,o=e.l10n,r=void 0===o?i:o,l=e.isMobile,c=void 0!==l&&l;return function(e,n,a){var i=a||r;return void 0===t.formatDate||c?n.split("").map((function(n,a,o){return w[n]&&"\\"!==o[a-1]?w[n](e,i,t):"\\"!==n?n:""})).join(""):t.formatDate(e,n,i)}},C=function(e){var n=e.config,t=void 0===n?a:n,o=e.l10n,r=void 0===o?i:o;return function(e,n,i,o){if(0===e||e){var l,c=o||r,s=e;if(e instanceof Date)l=new Date(e.getTime());else if("string"!=typeof e&&void 0!==e.toFixed)l=new Date(e);else if("string"==typeof e){var d=n||(t||a).dateFormat,u=String(e).trim();if("today"===u)l=new Date,i=!0;else if(t&&t.parseDate)l=t.parseDate(e,d);else if(/Z$/.test(u)||/GMT$/.test(u))l=new Date(e);else{for(var f=void 0,m=[],g=0,p=0,h="";g<d.length;g++){var w=d[g],b="\\"===w,C="\\"===d[g-1]||b;if(D[w]&&!C){h+=D[w];var M=new RegExp(h).exec(e);M&&(f=!0)&&m["Y"!==w?"push":"unshift"]({fn:v[w],val:M[++p]})}else b||(h+=".")}l=t&&t.noCalendar?new Date((new Date).setHours(0,0,0,0)):new Date((new Date).getFullYear(),0,1,0,0,0,0),m.forEach((function(e){var n=e.fn,t=e.val;return l=n(l,t,c)||l})),l=f?l:void 0}}if(l instanceof Date&&!isNaN(l.getTime()))return!0===i&&l.setHours(0,0,0,0),l;t.errorHandler(new Error("Invalid date provided: "+s))}}};function M(e,n,t){return void 0===t&&(t=!0),!1!==t?new Date(e.getTime()).setHours(0,0,0,0)-new Date(n.getTime()).setHours(0,0,0,0):e.getTime()-n.getTime()}var y=function(e,n,t){return 3600*e+60*n+t},x=864e5;function E(e){var n=e.defaultHour,t=e.defaultMinute,a=e.defaultSeconds;if(void 0!==e.minDate){var i=e.minDate.getHours(),o=e.minDate.getMinutes(),r=e.minDate.getSeconds();n<i&&(n=i),n===i&&t<o&&(t=o),n===i&&t===o&&a<r&&(a=e.minDate.getSeconds())}if(void 0!==e.maxDate){var l=e.maxDate.getHours(),c=e.maxDate.getMinutes();(n=Math.min(n,l))===l&&(t=Math.min(c,t)),n===l&&t===c&&(a=e.maxDate.getSeconds())}return{hours:n,minutes:t,seconds:a}}"function"!=typeof Object.assign&&(Object.assign=function(e){for(var n=[],t=1;t<arguments.length;t++)n[t-1]=arguments[t];if(!e)throw TypeError("Cannot convert undefined or null to object");for(var a=function(n){n&&Object.keys(n).forEach((function(t){return e[t]=n[t]}))},i=0,o=n;i<o.length;i++){var r=o[i];a(r)}return e});function k(p,v){var w={config:e(e({},a),I.defaultConfig),l10n:i};function k(){var e;return(null===(e=w.calendarContainer)||void 0===e?void 0:e.getRootNode()).activeElement||document.activeElement}function T(e){return e.bind(w)}function S(){var e=w.config;!1===e.weekNumbers&&1===e.showMonths||!0!==e.noCalendar&&window.requestAnimationFrame((function(){if(void 0!==w.calendarContainer&&(w.calendarContainer.style.visibility="hidden",w.calendarContainer.style.display="block"),void 0!==w.daysContainer){var n=(w.days.offsetWidth+1)*e.showMonths;w.daysContainer.style.width=n+"px",w.calendarContainer.style.width=n+(void 0!==w.weekWrapper?w.weekWrapper.offsetWidth:0)+"px",w.calendarContainer.style.removeProperty("visibility"),w.calendarContainer.style.removeProperty("display")}}))}function _(e){if(0===w.selectedDates.length){var n=void 0===w.config.minDate||M(new Date,w.config.minDate)>=0?new Date:new Date(w.config.minDate.getTime()),t=E(w.config);n.setHours(t.hours,t.minutes,t.seconds,n.getMilliseconds()),w.selectedDates=[n],w.latestSelectedDateObj=n}void 0!==e&&"blur"!==e.type&&function(e){e.preventDefault();var n="keydown"===e.type,t=g(e),a=t;void 0!==w.amPM&&t===w.amPM&&(w.amPM.textContent=w.l10n.amPM[r(w.amPM.textContent===w.l10n.amPM[0])]);var i=parseFloat(a.getAttribute("min")),l=parseFloat(a.getAttribute("max")),c=parseFloat(a.getAttribute("step")),s=parseInt(a.value,10),d=e.delta||(n?38===e.which?1:-1:0),u=s+c*d;if(void 0!==a.value&&2===a.value.length){var f=a===w.hourElement,m=a===w.minuteElement;u<i?(u=l+u+r(!f)+(r(f)&&r(!w.amPM)),m&&L(void 0,-1,w.hourElement)):u>l&&(u=a===w.hourElement?u-l-r(!w.amPM):i,m&&L(void 0,1,w.hourElement)),w.amPM&&f&&(1===c?u+s===23:Math.abs(u-s)>c)&&(w.amPM.textContent=w.l10n.amPM[r(w.amPM.textContent===w.l10n.amPM[0])]),a.value=o(u)}}(e);var a=w._input.value;O(),ye(),w._input.value!==a&&w._debouncedChange()}function O(){if(void 0!==w.hourElement&&void 0!==w.minuteElement){var e,n,t=(parseInt(w.hourElement.value.slice(-2),10)||0)%24,a=(parseInt(w.minuteElement.value,10)||0)%60,i=void 0!==w.secondElement?(parseInt(w.secondElement.value,10)||0)%60:0;void 0!==w.amPM&&(e=t,n=w.amPM.textContent,t=e%12+12*r(n===w.l10n.amPM[1]));var o=void 0!==w.config.minTime||w.config.minDate&&w.minDateHasTime&&w.latestSelectedDateObj&&0===M(w.latestSelectedDateObj,w.config.minDate,!0),l=void 0!==w.config.maxTime||w.config.maxDate&&w.maxDateHasTime&&w.latestSelectedDateObj&&0===M(w.latestSelectedDateObj,w.config.maxDate,!0);if(void 0!==w.config.maxTime&&void 0!==w.config.minTime&&w.config.minTime>w.config.maxTime){var c=y(w.config.minTime.getHours(),w.config.minTime.getMinutes(),w.config.minTime.getSeconds()),s=y(w.config.maxTime.getHours(),w.config.maxTime.getMinutes(),w.config.maxTime.getSeconds()),d=y(t,a,i);if(d>s&&d<c){var u=function(e){var n=Math.floor(e/3600),t=(e-3600*n)/60;return[n,t,e-3600*n-60*t]}(c);t=u[0],a=u[1],i=u[2]}}else{if(l){var f=void 0!==w.config.maxTime?w.config.maxTime:w.config.maxDate;(t=Math.min(t,f.getHours()))===f.getHours()&&(a=Math.min(a,f.getMinutes())),a===f.getMinutes()&&(i=Math.min(i,f.getSeconds()))}if(o){var m=void 0!==w.config.minTime?w.config.minTime:w.config.minDate;(t=Math.max(t,m.getHours()))===m.getHours()&&a<m.getMinutes()&&(a=m.getMinutes()),a===m.getMinutes()&&(i=Math.max(i,m.getSeconds()))}}A(t,a,i)}}function F(e){var n=e||w.latestSelectedDateObj;n&&n instanceof Date&&A(n.getHours(),n.getMinutes(),n.getSeconds())}function A(e,n,t){void 0!==w.latestSelectedDateObj&&w.latestSelectedDateObj.setHours(e%24,n,t||0,0),w.hourElement&&w.minuteElement&&!w.isMobile&&(w.hourElement.value=o(w.config.time_24hr?e:(12+e)%12+12*r(e%12==0)),w.minuteElement.value=o(n),void 0!==w.amPM&&(w.amPM.textContent=w.l10n.amPM[r(e>=12)]),void 0!==w.secondElement&&(w.secondElement.value=o(t)))}function N(e){var n=g(e),t=parseInt(n.value)+(e.delta||0);(t/1e3>1||"Enter"===e.key&&!/[^\d]/.test(t.toString()))&&ee(t)}function P(e,n,t,a){return n instanceof Array?n.forEach((function(n){return P(e,n,t,a)})):e instanceof Array?e.forEach((function(e){return P(e,n,t,a)})):(e.addEventListener(n,t,a),void w._handlers.push({remove:function(){return e.removeEventListener(n,t,a)}}))}function Y(){De("onChange")}function j(e,n){var t=void 0!==e?w.parseDate(e):w.latestSelectedDateObj||(w.config.minDate&&w.config.minDate>w.now?w.config.minDate:w.config.maxDate&&w.config.maxDate<w.now?w.config.maxDate:w.now),a=w.currentYear,i=w.currentMonth;try{void 0!==t&&(w.currentYear=t.getFullYear(),w.currentMonth=t.getMonth())}catch(e){e.message="Invalid date supplied: "+t,w.config.errorHandler(e)}n&&w.currentYear!==a&&(De("onYearChange"),q()),!n||w.currentYear===a&&w.currentMonth===i||De("onMonthChange"),w.redraw()}function H(e){var n=g(e);~n.className.indexOf("arrow")&&L(e,n.classList.contains("arrowUp")?1:-1)}function L(e,n,t){var a=e&&g(e),i=t||a&&a.parentNode&&a.parentNode.firstChild,o=we("increment");o.delta=n,i&&i.dispatchEvent(o)}function R(e,n,t,a){var i=ne(n,!0),o=d("span",e,n.getDate().toString());return o.dateObj=n,o.$i=a,o.setAttribute("aria-label",w.formatDate(n,w.config.ariaDateFormat)),-1===e.indexOf("hidden")&&0===M(n,w.now)&&(w.todayDateElem=o,o.classList.add("today"),o.setAttribute("aria-current","date")),i?(o.tabIndex=-1,be(n)&&(o.classList.add("selected"),w.selectedDateElem=o,"range"===w.config.mode&&(s(o,"startRange",w.selectedDates[0]&&0===M(n,w.selectedDates[0],!0)),s(o,"endRange",w.selectedDates[1]&&0===M(n,w.selectedDates[1],!0)),"nextMonthDay"===e&&o.classList.add("inRange")))):o.classList.add("flatpickr-disabled"),"range"===w.config.mode&&function(e){return!("range"!==w.config.mode||w.selectedDates.length<2)&&(M(e,w.selectedDates[0])>=0&&M(e,w.selectedDates[1])<=0)}(n)&&!be(n)&&o.classList.add("inRange"),w.weekNumbers&&1===w.config.showMonths&&"prevMonthDay"!==e&&a%7==6&&w.weekNumbers.insertAdjacentHTML("beforeend","<span class='flatpickr-day'>"+w.config.getWeek(n)+"</span>"),De("onDayCreate",o),o}function W(e){e.focus(),"range"===w.config.mode&&oe(e)}function B(e){for(var n=e>0?0:w.config.showMonths-1,t=e>0?w.config.showMonths:-1,a=n;a!=t;a+=e)for(var i=w.daysContainer.children[a],o=e>0?0:i.children.length-1,r=e>0?i.children.length:-1,l=o;l!=r;l+=e){var c=i.children[l];if(-1===c.className.indexOf("hidden")&&ne(c.dateObj))return c}}function J(e,n){var t=k(),a=te(t||document.body),i=void 0!==e?e:a?t:void 0!==w.selectedDateElem&&te(w.selectedDateElem)?w.selectedDateElem:void 0!==w.todayDateElem&&te(w.todayDateElem)?w.todayDateElem:B(n>0?1:-1);void 0===i?w._input.focus():a?function(e,n){for(var t=-1===e.className.indexOf("Month")?e.dateObj.getMonth():w.currentMonth,a=n>0?w.config.showMonths:-1,i=n>0?1:-1,o=t-w.currentMonth;o!=a;o+=i)for(var r=w.daysContainer.children[o],l=t-w.currentMonth===o?e.$i+n:n<0?r.children.length-1:0,c=r.children.length,s=l;s>=0&&s<c&&s!=(n>0?c:-1);s+=i){var d=r.children[s];if(-1===d.className.indexOf("hidden")&&ne(d.dateObj)&&Math.abs(e.$i-s)>=Math.abs(n))return W(d)}w.changeMonth(i),J(B(i),0)}(i,n):W(i)}function K(e,n){for(var t=(new Date(e,n,1).getDay()-w.l10n.firstDayOfWeek+7)%7,a=w.utils.getDaysInMonth((n-1+12)%12,e),i=w.utils.getDaysInMonth(n,e),o=window.document.createDocumentFragment(),r=w.config.showMonths>1,l=r?"prevMonthDay hidden":"prevMonthDay",c=r?"nextMonthDay hidden":"nextMonthDay",s=a+1-t,u=0;s<=a;s++,u++)o.appendChild(R("flatpickr-day "+l,new Date(e,n-1,s),0,u));for(s=1;s<=i;s++,u++)o.appendChild(R("flatpickr-day",new Date(e,n,s),0,u));for(var f=i+1;f<=42-t&&(1===w.config.showMonths||u%7!=0);f++,u++)o.appendChild(R("flatpickr-day "+c,new Date(e,n+1,f%i),0,u));var m=d("div","dayContainer");return m.appendChild(o),m}function U(){if(void 0!==w.daysContainer){u(w.daysContainer),w.weekNumbers&&u(w.weekNumbers);for(var e=document.createDocumentFragment(),n=0;n<w.config.showMonths;n++){var t=new Date(w.currentYear,w.currentMonth,1);t.setMonth(w.currentMonth+n),e.appendChild(K(t.getFullYear(),t.getMonth()))}w.daysContainer.appendChild(e),w.days=w.daysContainer.firstChild,"range"===w.config.mode&&1===w.selectedDates.length&&oe()}}function q(){if(!(w.config.showMonths>1||"dropdown"!==w.config.monthSelectorType)){var e=function(e){return!(void 0!==w.config.minDate&&w.currentYear===w.config.minDate.getFullYear()&&e<w.config.minDate.getMonth())&&!(void 0!==w.config.maxDate&&w.currentYear===w.config.maxDate.getFullYear()&&e>w.config.maxDate.getMonth())};w.monthsDropdownContainer.tabIndex=-1,w.monthsDropdownContainer.innerHTML="";for(var n=0;n<12;n++)if(e(n)){var t=d("option","flatpickr-monthDropdown-month");t.value=new Date(w.currentYear,n).getMonth().toString(),t.textContent=h(n,w.config.shorthandCurrentMonth,w.l10n),t.tabIndex=-1,w.currentMonth===n&&(t.selected=!0),w.monthsDropdownContainer.appendChild(t)}}}function $(){var e,n=d("div","flatpickr-month"),t=window.document.createDocumentFragment();w.config.showMonths>1||"static"===w.config.monthSelectorType?e=d("span","cur-month"):(w.monthsDropdownContainer=d("select","flatpickr-monthDropdown-months"),w.monthsDropdownContainer.setAttribute("aria-label",w.l10n.monthAriaLabel),P(w.monthsDropdownContainer,"change",(function(e){var n=g(e),t=parseInt(n.value,10);w.changeMonth(t-w.currentMonth),De("onMonthChange")})),q(),e=w.monthsDropdownContainer);var a=m("cur-year",{tabindex:"-1"}),i=a.getElementsByTagName("input")[0];i.setAttribute("aria-label",w.l10n.yearAriaLabel),w.config.minDate&&i.setAttribute("min",w.config.minDate.getFullYear().toString()),w.config.maxDate&&(i.setAttribute("max",w.config.maxDate.getFullYear().toString()),i.disabled=!!w.config.minDate&&w.config.minDate.getFullYear()===w.config.maxDate.getFullYear());var o=d("div","flatpickr-current-month");return o.appendChild(e),o.appendChild(a),t.appendChild(o),n.appendChild(t),{container:n,yearElement:i,monthElement:e}}function V(){u(w.monthNav),w.monthNav.appendChild(w.prevMonthNav),w.config.showMonths&&(w.yearElements=[],w.monthElements=[]);for(var e=w.config.showMonths;e--;){var n=$();w.yearElements.push(n.yearElement),w.monthElements.push(n.monthElement),w.monthNav.appendChild(n.container)}w.monthNav.appendChild(w.nextMonthNav)}function z(){w.weekdayContainer?u(w.weekdayContainer):w.weekdayContainer=d("div","flatpickr-weekdays");for(var e=w.config.showMonths;e--;){var n=d("div","flatpickr-weekdaycontainer");w.weekdayContainer.appendChild(n)}return G(),w.weekdayContainer}function G(){if(w.weekdayContainer){var e=w.l10n.firstDayOfWeek,t=n(w.l10n.weekdays.shorthand);e>0&&e<t.length&&(t=n(t.splice(e,t.length),t.splice(0,e)));for(var a=w.config.showMonths;a--;)w.weekdayContainer.children[a].innerHTML="\n      <span class='flatpickr-weekday'>\n        "+t.join("</span><span class='flatpickr-weekday'>")+"\n      </span>\n      "}}function Z(e,n){void 0===n&&(n=!0);var t=n?e:e-w.currentMonth;t<0&&!0===w._hidePrevMonthArrow||t>0&&!0===w._hideNextMonthArrow||(w.currentMonth+=t,(w.currentMonth<0||w.currentMonth>11)&&(w.currentYear+=w.currentMonth>11?1:-1,w.currentMonth=(w.currentMonth+12)%12,De("onYearChange"),q()),U(),De("onMonthChange"),Ce())}function Q(e){return w.calendarContainer.contains(e)}function X(e){if(w.isOpen&&!w.config.inline){var n=g(e),t=Q(n),a=!(n===w.input||n===w.altInput||w.element.contains(n)||e.path&&e.path.indexOf&&(~e.path.indexOf(w.input)||~e.path.indexOf(w.altInput)))&&!t&&!Q(e.relatedTarget),i=!w.config.ignoredFocusElements.some((function(e){return e.contains(n)}));a&&i&&(w.config.allowInput&&w.setDate(w._input.value,!1,w.config.altInput?w.config.altFormat:w.config.dateFormat),void 0!==w.timeContainer&&void 0!==w.minuteElement&&void 0!==w.hourElement&&""!==w.input.value&&void 0!==w.input.value&&_(),w.close(),w.config&&"range"===w.config.mode&&1===w.selectedDates.length&&w.clear(!1))}}function ee(e){if(!(!e||w.config.minDate&&e<w.config.minDate.getFullYear()||w.config.maxDate&&e>w.config.maxDate.getFullYear())){var n=e,t=w.currentYear!==n;w.currentYear=n||w.currentYear,w.config.maxDate&&w.currentYear===w.config.maxDate.getFullYear()?w.currentMonth=Math.min(w.config.maxDate.getMonth(),w.currentMonth):w.config.minDate&&w.currentYear===w.config.minDate.getFullYear()&&(w.currentMonth=Math.max(w.config.minDate.getMonth(),w.currentMonth)),t&&(w.redraw(),De("onYearChange"),q())}}function ne(e,n){var t;void 0===n&&(n=!0);var a=w.parseDate(e,void 0,n);if(w.config.minDate&&a&&M(a,w.config.minDate,void 0!==n?n:!w.minDateHasTime)<0||w.config.maxDate&&a&&M(a,w.config.maxDate,void 0!==n?n:!w.maxDateHasTime)>0)return!1;if(!w.config.enable&&0===w.config.disable.length)return!0;if(void 0===a)return!1;for(var i=!!w.config.enable,o=null!==(t=w.config.enable)&&void 0!==t?t:w.config.disable,r=0,l=void 0;r<o.length;r++){if("function"==typeof(l=o[r])&&l(a))return i;if(l instanceof Date&&void 0!==a&&l.getTime()===a.getTime())return i;if("string"==typeof l){var c=w.parseDate(l,void 0,!0);return c&&c.getTime()===a.getTime()?i:!i}if("object"==typeof l&&void 0!==a&&l.from&&l.to&&a.getTime()>=l.from.getTime()&&a.getTime()<=l.to.getTime())return i}return!i}function te(e){return void 0!==w.daysContainer&&(-1===e.className.indexOf("hidden")&&-1===e.className.indexOf("flatpickr-disabled")&&w.daysContainer.contains(e))}function ae(e){var n=e.target===w._input,t=w._input.value.trimEnd()!==Me();!n||!t||e.relatedTarget&&Q(e.relatedTarget)||w.setDate(w._input.value,!0,e.target===w.altInput?w.config.altFormat:w.config.dateFormat)}function ie(e){var n=g(e),t=w.config.wrap?p.contains(n):n===w._input,a=w.config.allowInput,i=w.isOpen&&(!a||!t),o=w.config.inline&&t&&!a;if(13===e.keyCode&&t){if(a)return w.setDate(w._input.value,!0,n===w.altInput?w.config.altFormat:w.config.dateFormat),w.close(),n.blur();w.open()}else if(Q(n)||i||o){var r=!!w.timeContainer&&w.timeContainer.contains(n);switch(e.keyCode){case 13:r?(e.preventDefault(),_(),fe()):me(e);break;case 27:e.preventDefault(),fe();break;case 8:case 46:t&&!w.config.allowInput&&(e.preventDefault(),w.clear());break;case 37:case 39:if(r||t)w.hourElement&&w.hourElement.focus();else{e.preventDefault();var l=k();if(void 0!==w.daysContainer&&(!1===a||l&&te(l))){var c=39===e.keyCode?1:-1;e.ctrlKey?(e.stopPropagation(),Z(c),J(B(1),0)):J(void 0,c)}}break;case 38:case 40:e.preventDefault();var s=40===e.keyCode?1:-1;w.daysContainer&&void 0!==n.$i||n===w.input||n===w.altInput?e.ctrlKey?(e.stopPropagation(),ee(w.currentYear-s),J(B(1),0)):r||J(void 0,7*s):n===w.currentYearElement?ee(w.currentYear-s):w.config.enableTime&&(!r&&w.hourElement&&w.hourElement.focus(),_(e),w._debouncedChange());break;case 9:if(r){var d=[w.hourElement,w.minuteElement,w.secondElement,w.amPM].concat(w.pluginElements).filter((function(e){return e})),u=d.indexOf(n);if(-1!==u){var f=d[u+(e.shiftKey?-1:1)];e.preventDefault(),(f||w._input).focus()}}else!w.config.noCalendar&&w.daysContainer&&w.daysContainer.contains(n)&&e.shiftKey&&(e.preventDefault(),w._input.focus())}}if(void 0!==w.amPM&&n===w.amPM)switch(e.key){case w.l10n.amPM[0].charAt(0):case w.l10n.amPM[0].charAt(0).toLowerCase():w.amPM.textContent=w.l10n.amPM[0],O(),ye();break;case w.l10n.amPM[1].charAt(0):case w.l10n.amPM[1].charAt(0).toLowerCase():w.amPM.textContent=w.l10n.amPM[1],O(),ye()}(t||Q(n))&&De("onKeyDown",e)}function oe(e,n){if(void 0===n&&(n="flatpickr-day"),1===w.selectedDates.length&&(!e||e.classList.contains(n)&&!e.classList.contains("flatpickr-disabled"))){for(var t=e?e.dateObj.getTime():w.days.firstElementChild.dateObj.getTime(),a=w.parseDate(w.selectedDates[0],void 0,!0).getTime(),i=Math.min(t,w.selectedDates[0].getTime()),o=Math.max(t,w.selectedDates[0].getTime()),r=!1,l=0,c=0,s=i;s<o;s+=x)ne(new Date(s),!0)||(r=r||s>i&&s<o,s<a&&(!l||s>l)?l=s:s>a&&(!c||s<c)&&(c=s));Array.from(w.rContainer.querySelectorAll("*:nth-child(-n+"+w.config.showMonths+") > ."+n)).forEach((function(n){var i,o,s,d=n.dateObj.getTime(),u=l>0&&d<l||c>0&&d>c;if(u)return n.classList.add("notAllowed"),void["inRange","startRange","endRange"].forEach((function(e){n.classList.remove(e)}));r&&!u||(["startRange","inRange","endRange","notAllowed"].forEach((function(e){n.classList.remove(e)})),void 0!==e&&(e.classList.add(t<=w.selectedDates[0].getTime()?"startRange":"endRange"),a<t&&d===a?n.classList.add("startRange"):a>t&&d===a&&n.classList.add("endRange"),d>=l&&(0===c||d<=c)&&(o=a,s=t,(i=d)>Math.min(o,s)&&i<Math.max(o,s))&&n.classList.add("inRange")))}))}}function re(){!w.isOpen||w.config.static||w.config.inline||de()}function le(e){return function(n){var t=w.config["_"+e+"Date"]=w.parseDate(n,w.config.dateFormat),a=w.config["_"+("min"===e?"max":"min")+"Date"];void 0!==t&&(w["min"===e?"minDateHasTime":"maxDateHasTime"]=t.getHours()>0||t.getMinutes()>0||t.getSeconds()>0),w.selectedDates&&(w.selectedDates=w.selectedDates.filter((function(e){return ne(e)})),w.selectedDates.length||"min"!==e||F(t),ye()),w.daysContainer&&(ue(),void 0!==t?w.currentYearElement[e]=t.getFullYear().toString():w.currentYearElement.removeAttribute(e),w.currentYearElement.disabled=!!a&&void 0!==t&&a.getFullYear()===t.getFullYear())}}function ce(){return w.config.wrap?p.querySelector("[data-input]"):p}function se(){"object"!=typeof w.config.locale&&void 0===I.l10ns[w.config.locale]&&w.config.errorHandler(new Error("flatpickr: invalid locale "+w.config.locale)),w.l10n=e(e({},I.l10ns.default),"object"==typeof w.config.locale?w.config.locale:"default"!==w.config.locale?I.l10ns[w.config.locale]:void 0),D.D="("+w.l10n.weekdays.shorthand.join("|")+")",D.l="("+w.l10n.weekdays.longhand.join("|")+")",D.M="("+w.l10n.months.shorthand.join("|")+")",D.F="("+w.l10n.months.longhand.join("|")+")",D.K="("+w.l10n.amPM[0]+"|"+w.l10n.amPM[1]+"|"+w.l10n.amPM[0].toLowerCase()+"|"+w.l10n.amPM[1].toLowerCase()+")",void 0===e(e({},v),JSON.parse(JSON.stringify(p.dataset||{}))).time_24hr&&void 0===I.defaultConfig.time_24hr&&(w.config.time_24hr=w.l10n.time_24hr),w.formatDate=b(w),w.parseDate=C({config:w.config,l10n:w.l10n})}function de(e){if("function"!=typeof w.config.position){if(void 0!==w.calendarContainer){De("onPreCalendarPosition");var n=e||w._positionElement,t=Array.prototype.reduce.call(w.calendarContainer.children,(function(e,n){return e+n.offsetHeight}),0),a=w.calendarContainer.offsetWidth,i=w.config.position.split(" "),o=i[0],r=i.length>1?i[1]:null,l=n.getBoundingClientRect(),c=window.innerHeight-l.bottom,d="above"===o||"below"!==o&&c<t&&l.top>t,u=window.pageYOffset+l.top+(d?-t-2:n.offsetHeight+2);if(s(w.calendarContainer,"arrowTop",!d),s(w.calendarContainer,"arrowBottom",d),!w.config.inline){var f=window.pageXOffset+l.left,m=!1,g=!1;"center"===r?(f-=(a-l.width)/2,m=!0):"right"===r&&(f-=a-l.width,g=!0),s(w.calendarContainer,"arrowLeft",!m&&!g),s(w.calendarContainer,"arrowCenter",m),s(w.calendarContainer,"arrowRight",g);var p=window.document.body.offsetWidth-(window.pageXOffset+l.right),h=f+a>window.document.body.offsetWidth,v=p+a>window.document.body.offsetWidth;if(s(w.calendarContainer,"rightMost",h),!w.config.static)if(w.calendarContainer.style.top=u+"px",h)if(v){var D=function(){for(var e=null,n=0;n<document.styleSheets.length;n++){var t=document.styleSheets[n];if(t.cssRules){try{t.cssRules}catch(e){continue}e=t;break}}return null!=e?e:(a=document.createElement("style"),document.head.appendChild(a),a.sheet);var a}();if(void 0===D)return;var b=window.document.body.offsetWidth,C=Math.max(0,b/2-a/2),M=D.cssRules.length,y="{left:"+l.left+"px;right:auto;}";s(w.calendarContainer,"rightMost",!1),s(w.calendarContainer,"centerMost",!0),D.insertRule(".flatpickr-calendar.centerMost:before,.flatpickr-calendar.centerMost:after"+y,M),w.calendarContainer.style.left=C+"px",w.calendarContainer.style.right="auto"}else w.calendarContainer.style.left="auto",w.calendarContainer.style.right=p+"px";else w.calendarContainer.style.left=f+"px",w.calendarContainer.style.right="auto"}}}else w.config.position(w,e)}function ue(){w.config.noCalendar||w.isMobile||(q(),Ce(),U())}function fe(){w._input.focus(),-1!==window.navigator.userAgent.indexOf("MSIE")||void 0!==navigator.msMaxTouchPoints?setTimeout(w.close,0):w.close()}function me(e){e.preventDefault(),e.stopPropagation();var n=f(g(e),(function(e){return e.classList&&e.classList.contains("flatpickr-day")&&!e.classList.contains("flatpickr-disabled")&&!e.classList.contains("notAllowed")}));if(void 0!==n){var t=n,a=w.latestSelectedDateObj=new Date(t.dateObj.getTime()),i=(a.getMonth()<w.currentMonth||a.getMonth()>w.currentMonth+w.config.showMonths-1)&&"range"!==w.config.mode;if(w.selectedDateElem=t,"single"===w.config.mode)w.selectedDates=[a];else if("multiple"===w.config.mode){var o=be(a);o?w.selectedDates.splice(parseInt(o),1):w.selectedDates.push(a)}else"range"===w.config.mode&&(2===w.selectedDates.length&&w.clear(!1,!1),w.latestSelectedDateObj=a,w.selectedDates.push(a),0!==M(a,w.selectedDates[0],!0)&&w.selectedDates.sort((function(e,n){return e.getTime()-n.getTime()})));if(O(),i){var r=w.currentYear!==a.getFullYear();w.currentYear=a.getFullYear(),w.currentMonth=a.getMonth(),r&&(De("onYearChange"),q()),De("onMonthChange")}if(Ce(),U(),ye(),i||"range"===w.config.mode||1!==w.config.showMonths?void 0!==w.selectedDateElem&&void 0===w.hourElement&&w.selectedDateElem&&w.selectedDateElem.focus():W(t),void 0!==w.hourElement&&void 0!==w.hourElement&&w.hourElement.focus(),w.config.closeOnSelect){var l="single"===w.config.mode&&!w.config.enableTime,c="range"===w.config.mode&&2===w.selectedDates.length&&!w.config.enableTime;(l||c)&&fe()}Y()}}w.parseDate=C({config:w.config,l10n:w.l10n}),w._handlers=[],w.pluginElements=[],w.loadedPlugins=[],w._bind=P,w._setHoursFromDate=F,w._positionCalendar=de,w.changeMonth=Z,w.changeYear=ee,w.clear=function(e,n){void 0===e&&(e=!0);void 0===n&&(n=!0);w.input.value="",void 0!==w.altInput&&(w.altInput.value="");void 0!==w.mobileInput&&(w.mobileInput.value="");w.selectedDates=[],w.latestSelectedDateObj=void 0,!0===n&&(w.currentYear=w._initialDate.getFullYear(),w.currentMonth=w._initialDate.getMonth());if(!0===w.config.enableTime){var t=E(w.config),a=t.hours,i=t.minutes,o=t.seconds;A(a,i,o)}w.redraw(),e&&De("onChange")},w.close=function(){w.isOpen=!1,w.isMobile||(void 0!==w.calendarContainer&&w.calendarContainer.classList.remove("open"),void 0!==w._input&&w._input.classList.remove("active"));De("onClose")},w.onMouseOver=oe,w._createElement=d,w.createDay=R,w.destroy=function(){void 0!==w.config&&De("onDestroy");for(var e=w._handlers.length;e--;)w._handlers[e].remove();if(w._handlers=[],w.mobileInput)w.mobileInput.parentNode&&w.mobileInput.parentNode.removeChild(w.mobileInput),w.mobileInput=void 0;else if(w.calendarContainer&&w.calendarContainer.parentNode)if(w.config.static&&w.calendarContainer.parentNode){var n=w.calendarContainer.parentNode;if(n.lastChild&&n.removeChild(n.lastChild),n.parentNode){for(;n.firstChild;)n.parentNode.insertBefore(n.firstChild,n);n.parentNode.removeChild(n)}}else w.calendarContainer.parentNode.removeChild(w.calendarContainer);w.altInput&&(w.input.type="text",w.altInput.parentNode&&w.altInput.parentNode.removeChild(w.altInput),delete w.altInput);w.input&&(w.input.type=w.input._type,w.input.classList.remove("flatpickr-input"),w.input.removeAttribute("readonly"));["_showTimeInput","latestSelectedDateObj","_hideNextMonthArrow","_hidePrevMonthArrow","__hideNextMonthArrow","__hidePrevMonthArrow","isMobile","isOpen","selectedDateElem","minDateHasTime","maxDateHasTime","days","daysContainer","_input","_positionElement","innerContainer","rContainer","monthNav","todayDateElem","calendarContainer","weekdayContainer","prevMonthNav","nextMonthNav","monthsDropdownContainer","currentMonthElement","currentYearElement","navigationCurrentMonth","selectedDateElem","config"].forEach((function(e){try{delete w[e]}catch(e){}}))},w.isEnabled=ne,w.jumpToDate=j,w.updateValue=ye,w.open=function(e,n){void 0===n&&(n=w._positionElement);if(!0===w.isMobile){if(e){e.preventDefault();var t=g(e);t&&t.blur()}return void 0!==w.mobileInput&&(w.mobileInput.focus(),w.mobileInput.click()),void De("onOpen")}if(w._input.disabled||w.config.inline)return;var a=w.isOpen;w.isOpen=!0,a||(w.calendarContainer.classList.add("open"),w._input.classList.add("active"),De("onOpen"),de(n));!0===w.config.enableTime&&!0===w.config.noCalendar&&(!1!==w.config.allowInput||void 0!==e&&w.timeContainer.contains(e.relatedTarget)||setTimeout((function(){return w.hourElement.select()}),50))},w.redraw=ue,w.set=function(e,n){if(null!==e&&"object"==typeof e)for(var a in Object.assign(w.config,e),e)void 0!==ge[a]&&ge[a].forEach((function(e){return e()}));else w.config[e]=n,void 0!==ge[e]?ge[e].forEach((function(e){return e()})):t.indexOf(e)>-1&&(w.config[e]=c(n));w.redraw(),ye(!0)},w.setDate=function(e,n,t){void 0===n&&(n=!1);void 0===t&&(t=w.config.dateFormat);if(0!==e&&!e||e instanceof Array&&0===e.length)return w.clear(n);pe(e,t),w.latestSelectedDateObj=w.selectedDates[w.selectedDates.length-1],w.redraw(),j(void 0,n),F(),0===w.selectedDates.length&&w.clear(!1);ye(n),n&&De("onChange")},w.toggle=function(e){if(!0===w.isOpen)return w.close();w.open(e)};var ge={locale:[se,G],showMonths:[V,S,z],minDate:[j],maxDate:[j],positionElement:[ve],clickOpens:[function(){!0===w.config.clickOpens?(P(w._input,"focus",w.open),P(w._input,"click",w.open)):(w._input.removeEventListener("focus",w.open),w._input.removeEventListener("click",w.open))}]};function pe(e,n){var t=[];if(e instanceof Array)t=e.map((function(e){return w.parseDate(e,n)}));else if(e instanceof Date||"number"==typeof e)t=[w.parseDate(e,n)];else if("string"==typeof e)switch(w.config.mode){case"single":case"time":t=[w.parseDate(e,n)];break;case"multiple":t=e.split(w.config.conjunction).map((function(e){return w.parseDate(e,n)}));break;case"range":t=e.split(w.l10n.rangeSeparator).map((function(e){return w.parseDate(e,n)}))}else w.config.errorHandler(new Error("Invalid date supplied: "+JSON.stringify(e)));w.selectedDates=w.config.allowInvalidPreload?t:t.filter((function(e){return e instanceof Date&&ne(e,!1)})),"range"===w.config.mode&&w.selectedDates.sort((function(e,n){return e.getTime()-n.getTime()}))}function he(e){return e.slice().map((function(e){return"string"==typeof e||"number"==typeof e||e instanceof Date?w.parseDate(e,void 0,!0):e&&"object"==typeof e&&e.from&&e.to?{from:w.parseDate(e.from,void 0),to:w.parseDate(e.to,void 0)}:e})).filter((function(e){return e}))}function ve(){w._positionElement=w.config.positionElement||w._input}function De(e,n){if(void 0!==w.config){var t=w.config[e];if(void 0!==t&&t.length>0)for(var a=0;t[a]&&a<t.length;a++)t[a](w.selectedDates,w.input.value,w,n);"onChange"===e&&(w.input.dispatchEvent(we("change")),w.input.dispatchEvent(we("input")))}}function we(e){var n=document.createEvent("Event");return n.initEvent(e,!0,!0),n}function be(e){for(var n=0;n<w.selectedDates.length;n++){var t=w.selectedDates[n];if(t instanceof Date&&0===M(t,e))return""+n}return!1}function Ce(){w.config.noCalendar||w.isMobile||!w.monthNav||(w.yearElements.forEach((function(e,n){var t=new Date(w.currentYear,w.currentMonth,1);t.setMonth(w.currentMonth+n),w.config.showMonths>1||"static"===w.config.monthSelectorType?w.monthElements[n].textContent=h(t.getMonth(),w.config.shorthandCurrentMonth,w.l10n)+" ":w.monthsDropdownContainer.value=t.getMonth().toString(),e.value=t.getFullYear().toString()})),w._hidePrevMonthArrow=void 0!==w.config.minDate&&(w.currentYear===w.config.minDate.getFullYear()?w.currentMonth<=w.config.minDate.getMonth():w.currentYear<w.config.minDate.getFullYear()),w._hideNextMonthArrow=void 0!==w.config.maxDate&&(w.currentYear===w.config.maxDate.getFullYear()?w.currentMonth+1>w.config.maxDate.getMonth():w.currentYear>w.config.maxDate.getFullYear()))}function Me(e){var n=e||(w.config.altInput?w.config.altFormat:w.config.dateFormat);return w.selectedDates.map((function(e){return w.formatDate(e,n)})).filter((function(e,n,t){return"range"!==w.config.mode||w.config.enableTime||t.indexOf(e)===n})).join("range"!==w.config.mode?w.config.conjunction:w.l10n.rangeSeparator)}function ye(e){void 0===e&&(e=!0),void 0!==w.mobileInput&&w.mobileFormatStr&&(w.mobileInput.value=void 0!==w.latestSelectedDateObj?w.formatDate(w.latestSelectedDateObj,w.mobileFormatStr):""),w.input.value=Me(w.config.dateFormat),void 0!==w.altInput&&(w.altInput.value=Me(w.config.altFormat)),!1!==e&&De("onValueUpdate")}function xe(e){var n=g(e),t=w.prevMonthNav.contains(n),a=w.nextMonthNav.contains(n);t||a?Z(t?-1:1):w.yearElements.indexOf(n)>=0?n.select():n.classList.contains("arrowUp")?w.changeYear(w.currentYear+1):n.classList.contains("arrowDown")&&w.changeYear(w.currentYear-1)}return function(){w.element=w.input=p,w.isOpen=!1,function(){var n=["wrap","weekNumbers","allowInput","allowInvalidPreload","clickOpens","time_24hr","enableTime","noCalendar","altInput","shorthandCurrentMonth","inline","static","enableSeconds","disableMobile"],i=e(e({},JSON.parse(JSON.stringify(p.dataset||{}))),v),o={};w.config.parseDate=i.parseDate,w.config.formatDate=i.formatDate,Object.defineProperty(w.config,"enable",{get:function(){return w.config._enable},set:function(e){w.config._enable=he(e)}}),Object.defineProperty(w.config,"disable",{get:function(){return w.config._disable},set:function(e){w.config._disable=he(e)}});var r="time"===i.mode;if(!i.dateFormat&&(i.enableTime||r)){var l=I.defaultConfig.dateFormat||a.dateFormat;o.dateFormat=i.noCalendar||r?"H:i"+(i.enableSeconds?":S":""):l+" H:i"+(i.enableSeconds?":S":"")}if(i.altInput&&(i.enableTime||r)&&!i.altFormat){var s=I.defaultConfig.altFormat||a.altFormat;o.altFormat=i.noCalendar||r?"h:i"+(i.enableSeconds?":S K":" K"):s+" h:i"+(i.enableSeconds?":S":"")+" K"}Object.defineProperty(w.config,"minDate",{get:function(){return w.config._minDate},set:le("min")}),Object.defineProperty(w.config,"maxDate",{get:function(){return w.config._maxDate},set:le("max")});var d=function(e){return function(n){w.config["min"===e?"_minTime":"_maxTime"]=w.parseDate(n,"H:i:S")}};Object.defineProperty(w.config,"minTime",{get:function(){return w.config._minTime},set:d("min")}),Object.defineProperty(w.config,"maxTime",{get:function(){return w.config._maxTime},set:d("max")}),"time"===i.mode&&(w.config.noCalendar=!0,w.config.enableTime=!0);Object.assign(w.config,o,i);for(var u=0;u<n.length;u++)w.config[n[u]]=!0===w.config[n[u]]||"true"===w.config[n[u]];t.filter((function(e){return void 0!==w.config[e]})).forEach((function(e){w.config[e]=c(w.config[e]||[]).map(T)})),w.isMobile=!w.config.disableMobile&&!w.config.inline&&"single"===w.config.mode&&!w.config.disable.length&&!w.config.enable&&!w.config.weekNumbers&&/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);for(u=0;u<w.config.plugins.length;u++){var f=w.config.plugins[u](w)||{};for(var m in f)t.indexOf(m)>-1?w.config[m]=c(f[m]).map(T).concat(w.config[m]):void 0===i[m]&&(w.config[m]=f[m])}i.altInputClass||(w.config.altInputClass=ce().className+" "+w.config.altInputClass);De("onParseConfig")}(),se(),function(){if(w.input=ce(),!w.input)return void w.config.errorHandler(new Error("Invalid input element specified"));w.input._type=w.input.type,w.input.type="text",w.input.classList.add("flatpickr-input"),w._input=w.input,w.config.altInput&&(w.altInput=d(w.input.nodeName,w.config.altInputClass),w._input=w.altInput,w.altInput.placeholder=w.input.placeholder,w.altInput.disabled=w.input.disabled,w.altInput.required=w.input.required,w.altInput.tabIndex=w.input.tabIndex,w.altInput.type="text",w.input.setAttribute("type","hidden"),!w.config.static&&w.input.parentNode&&w.input.parentNode.insertBefore(w.altInput,w.input.nextSibling));w.config.allowInput||w._input.setAttribute("readonly","readonly");ve()}(),function(){w.selectedDates=[],w.now=w.parseDate(w.config.now)||new Date;var e=w.config.defaultDate||("INPUT"!==w.input.nodeName&&"TEXTAREA"!==w.input.nodeName||!w.input.placeholder||w.input.value!==w.input.placeholder?w.input.value:null);e&&pe(e,w.config.dateFormat);w._initialDate=w.selectedDates.length>0?w.selectedDates[0]:w.config.minDate&&w.config.minDate.getTime()>w.now.getTime()?w.config.minDate:w.config.maxDate&&w.config.maxDate.getTime()<w.now.getTime()?w.config.maxDate:w.now,w.currentYear=w._initialDate.getFullYear(),w.currentMonth=w._initialDate.getMonth(),w.selectedDates.length>0&&(w.latestSelectedDateObj=w.selectedDates[0]);void 0!==w.config.minTime&&(w.config.minTime=w.parseDate(w.config.minTime,"H:i"));void 0!==w.config.maxTime&&(w.config.maxTime=w.parseDate(w.config.maxTime,"H:i"));w.minDateHasTime=!!w.config.minDate&&(w.config.minDate.getHours()>0||w.config.minDate.getMinutes()>0||w.config.minDate.getSeconds()>0),w.maxDateHasTime=!!w.config.maxDate&&(w.config.maxDate.getHours()>0||w.config.maxDate.getMinutes()>0||w.config.maxDate.getSeconds()>0)}(),w.utils={getDaysInMonth:function(e,n){return void 0===e&&(e=w.currentMonth),void 0===n&&(n=w.currentYear),1===e&&(n%4==0&&n%100!=0||n%400==0)?29:w.l10n.daysInMonth[e]}},w.isMobile||function(){var e=window.document.createDocumentFragment();if(w.calendarContainer=d("div","flatpickr-calendar"),w.calendarContainer.tabIndex=-1,!w.config.noCalendar){if(e.appendChild((w.monthNav=d("div","flatpickr-months"),w.yearElements=[],w.monthElements=[],w.prevMonthNav=d("span","flatpickr-prev-month"),w.prevMonthNav.innerHTML=w.config.prevArrow,w.nextMonthNav=d("span","flatpickr-next-month"),w.nextMonthNav.innerHTML=w.config.nextArrow,V(),Object.defineProperty(w,"_hidePrevMonthArrow",{get:function(){return w.__hidePrevMonthArrow},set:function(e){w.__hidePrevMonthArrow!==e&&(s(w.prevMonthNav,"flatpickr-disabled",e),w.__hidePrevMonthArrow=e)}}),Object.defineProperty(w,"_hideNextMonthArrow",{get:function(){return w.__hideNextMonthArrow},set:function(e){w.__hideNextMonthArrow!==e&&(s(w.nextMonthNav,"flatpickr-disabled",e),w.__hideNextMonthArrow=e)}}),w.currentYearElement=w.yearElements[0],Ce(),w.monthNav)),w.innerContainer=d("div","flatpickr-innerContainer"),w.config.weekNumbers){var n=function(){w.calendarContainer.classList.add("hasWeeks");var e=d("div","flatpickr-weekwrapper");e.appendChild(d("span","flatpickr-weekday",w.l10n.weekAbbreviation));var n=d("div","flatpickr-weeks");return e.appendChild(n),{weekWrapper:e,weekNumbers:n}}(),t=n.weekWrapper,a=n.weekNumbers;w.innerContainer.appendChild(t),w.weekNumbers=a,w.weekWrapper=t}w.rContainer=d("div","flatpickr-rContainer"),w.rContainer.appendChild(z()),w.daysContainer||(w.daysContainer=d("div","flatpickr-days"),w.daysContainer.tabIndex=-1),U(),w.rContainer.appendChild(w.daysContainer),w.innerContainer.appendChild(w.rContainer),e.appendChild(w.innerContainer)}w.config.enableTime&&e.appendChild(function(){w.calendarContainer.classList.add("hasTime"),w.config.noCalendar&&w.calendarContainer.classList.add("noCalendar");var e=E(w.config);w.timeContainer=d("div","flatpickr-time"),w.timeContainer.tabIndex=-1;var n=d("span","flatpickr-time-separator",":"),t=m("flatpickr-hour",{"aria-label":w.l10n.hourAriaLabel});w.hourElement=t.getElementsByTagName("input")[0];var a=m("flatpickr-minute",{"aria-label":w.l10n.minuteAriaLabel});w.minuteElement=a.getElementsByTagName("input")[0],w.hourElement.tabIndex=w.minuteElement.tabIndex=-1,w.hourElement.value=o(w.latestSelectedDateObj?w.latestSelectedDateObj.getHours():w.config.time_24hr?e.hours:function(e){switch(e%24){case 0:case 12:return 12;default:return e%12}}(e.hours)),w.minuteElement.value=o(w.latestSelectedDateObj?w.latestSelectedDateObj.getMinutes():e.minutes),w.hourElement.setAttribute("step",w.config.hourIncrement.toString()),w.minuteElement.setAttribute("step",w.config.minuteIncrement.toString()),w.hourElement.setAttribute("min",w.config.time_24hr?"0":"1"),w.hourElement.setAttribute("max",w.config.time_24hr?"23":"12"),w.hourElement.setAttribute("maxlength","2"),w.minuteElement.setAttribute("min","0"),w.minuteElement.setAttribute("max","59"),w.minuteElement.setAttribute("maxlength","2"),w.timeContainer.appendChild(t),w.timeContainer.appendChild(n),w.timeContainer.appendChild(a),w.config.time_24hr&&w.timeContainer.classList.add("time24hr");if(w.config.enableSeconds){w.timeContainer.classList.add("hasSeconds");var i=m("flatpickr-second");w.secondElement=i.getElementsByTagName("input")[0],w.secondElement.value=o(w.latestSelectedDateObj?w.latestSelectedDateObj.getSeconds():e.seconds),w.secondElement.setAttribute("step",w.minuteElement.getAttribute("step")),w.secondElement.setAttribute("min","0"),w.secondElement.setAttribute("max","59"),w.secondElement.setAttribute("maxlength","2"),w.timeContainer.appendChild(d("span","flatpickr-time-separator",":")),w.timeContainer.appendChild(i)}w.config.time_24hr||(w.amPM=d("span","flatpickr-am-pm",w.l10n.amPM[r((w.latestSelectedDateObj?w.hourElement.value:w.config.defaultHour)>11)]),w.amPM.title=w.l10n.toggleTitle,w.amPM.tabIndex=-1,w.timeContainer.appendChild(w.amPM));return w.timeContainer}());s(w.calendarContainer,"rangeMode","range"===w.config.mode),s(w.calendarContainer,"animate",!0===w.config.animate),s(w.calendarContainer,"multiMonth",w.config.showMonths>1),w.calendarContainer.appendChild(e);var i=void 0!==w.config.appendTo&&void 0!==w.config.appendTo.nodeType;if((w.config.inline||w.config.static)&&(w.calendarContainer.classList.add(w.config.inline?"inline":"static"),w.config.inline&&(!i&&w.element.parentNode?w.element.parentNode.insertBefore(w.calendarContainer,w._input.nextSibling):void 0!==w.config.appendTo&&w.config.appendTo.appendChild(w.calendarContainer)),w.config.static)){var l=d("div","flatpickr-wrapper");w.element.parentNode&&w.element.parentNode.insertBefore(l,w.element),l.appendChild(w.element),w.altInput&&l.appendChild(w.altInput),l.appendChild(w.calendarContainer)}w.config.static||w.config.inline||(void 0!==w.config.appendTo?w.config.appendTo:window.document.body).appendChild(w.calendarContainer)}(),function(){w.config.wrap&&["open","close","toggle","clear"].forEach((function(e){Array.prototype.forEach.call(w.element.querySelectorAll("[data-"+e+"]"),(function(n){return P(n,"click",w[e])}))}));if(w.isMobile)return void function(){var e=w.config.enableTime?w.config.noCalendar?"time":"datetime-local":"date";w.mobileInput=d("input",w.input.className+" flatpickr-mobile"),w.mobileInput.tabIndex=1,w.mobileInput.type=e,w.mobileInput.disabled=w.input.disabled,w.mobileInput.required=w.input.required,w.mobileInput.placeholder=w.input.placeholder,w.mobileFormatStr="datetime-local"===e?"Y-m-d\\TH:i:S":"date"===e?"Y-m-d":"H:i:S",w.selectedDates.length>0&&(w.mobileInput.defaultValue=w.mobileInput.value=w.formatDate(w.selectedDates[0],w.mobileFormatStr));w.config.minDate&&(w.mobileInput.min=w.formatDate(w.config.minDate,"Y-m-d"));w.config.maxDate&&(w.mobileInput.max=w.formatDate(w.config.maxDate,"Y-m-d"));w.input.getAttribute("step")&&(w.mobileInput.step=String(w.input.getAttribute("step")));w.input.type="hidden",void 0!==w.altInput&&(w.altInput.type="hidden");try{w.input.parentNode&&w.input.parentNode.insertBefore(w.mobileInput,w.input.nextSibling)}catch(e){}P(w.mobileInput,"change",(function(e){w.setDate(g(e).value,!1,w.mobileFormatStr),De("onChange"),De("onClose")}))}();var e=l(re,50);w._debouncedChange=l(Y,300),w.daysContainer&&!/iPhone|iPad|iPod/i.test(navigator.userAgent)&&P(w.daysContainer,"mouseover",(function(e){"range"===w.config.mode&&oe(g(e))}));P(w._input,"keydown",ie),void 0!==w.calendarContainer&&P(w.calendarContainer,"keydown",ie);w.config.inline||w.config.static||P(window,"resize",e);void 0!==window.ontouchstart?P(window.document,"touchstart",X):P(window.document,"mousedown",X);P(window.document,"focus",X,{capture:!0}),!0===w.config.clickOpens&&(P(w._input,"focus",w.open),P(w._input,"click",w.open));void 0!==w.daysContainer&&(P(w.monthNav,"click",xe),P(w.monthNav,["keyup","increment"],N),P(w.daysContainer,"click",me));if(void 0!==w.timeContainer&&void 0!==w.minuteElement&&void 0!==w.hourElement){var n=function(e){return g(e).select()};P(w.timeContainer,["increment"],_),P(w.timeContainer,"blur",_,{capture:!0}),P(w.timeContainer,"click",H),P([w.hourElement,w.minuteElement],["focus","click"],n),void 0!==w.secondElement&&P(w.secondElement,"focus",(function(){return w.secondElement&&w.secondElement.select()})),void 0!==w.amPM&&P(w.amPM,"click",(function(e){_(e)}))}w.config.allowInput&&P(w._input,"blur",ae)}(),(w.selectedDates.length||w.config.noCalendar)&&(w.config.enableTime&&F(w.config.noCalendar?w.latestSelectedDateObj:void 0),ye(!1)),S();var n=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);!w.isMobile&&n&&de(),De("onReady")}(),w}function T(e,n){for(var t=Array.prototype.slice.call(e).filter((function(e){return e instanceof HTMLElement})),a=[],i=0;i<t.length;i++){var o=t[i];try{if(null!==o.getAttribute("data-fp-omit"))continue;void 0!==o._flatpickr&&(o._flatpickr.destroy(),o._flatpickr=void 0),o._flatpickr=k(o,n||{}),a.push(o._flatpickr)}catch(e){console.error(e)}}return 1===a.length?a[0]:a}"undefined"!=typeof HTMLElement&&"undefined"!=typeof HTMLCollection&&"undefined"!=typeof NodeList&&(HTMLCollection.prototype.flatpickr=NodeList.prototype.flatpickr=function(e){return T(this,e)},HTMLElement.prototype.flatpickr=function(e){return T([this],e)});var I=function(e,n){return"string"==typeof e?T(window.document.querySelectorAll(e),n):e instanceof Node?T([e],n):T(e,n)};return I.defaultConfig={},I.l10ns={en:e({},i),default:e({},i)},I.localize=function(n){I.l10ns.default=e(e({},I.l10ns.default),n)},I.setDefaults=function(n){I.defaultConfig=e(e({},I.defaultConfig),n)},I.parseDate=C({}),I.formatDate=b({}),I.compareDates=M,"undefined"!=typeof jQuery&&void 0!==jQuery.fn&&(jQuery.fn.flatpickr=function(e){return T(this,e)}),Date.prototype.fp_incr=function(e){return new Date(this.getFullYear(),this.getMonth(),this.getDate()+("string"==typeof e?parseInt(e,10):e))},"undefined"!=typeof window&&(window.flatpickr=I),I}));
\ No newline at end of file
diff --git a/public/assets/js/fullcalendar.min.js b/public/assets/js/fullcalendar.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..69b9fc418b3ffb69fab03f09200dada3e21dd24d
--- /dev/null
+++ b/public/assets/js/fullcalendar.min.js
@@ -0,0 +1,6 @@
+/*!
+FullCalendar v5.10.2
+Docs & License: https://fullcalendar.io/
+(c) 2021 Adam Shaw
+*/
+var FullCalendar=function(e){"use strict";var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,n)};function n(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}var r=function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function o(e,t,n){if(n||2===arguments.length)for(var r,o=0,i=t.length;o<i;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||t)}var i,a,s,l,u,c={},d=[],p=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function f(e,t){for(var n in t)e[n]=t[n];return e}function h(e){var t=e.parentNode;t&&t.removeChild(e)}function v(e,t,n){var r,o,i,a=arguments,s={};for(i in t)"key"==i?r=t[i]:"ref"==i?o=t[i]:s[i]=t[i];if(arguments.length>3)for(n=[n],i=3;i<arguments.length;i++)n.push(a[i]);if(null!=n&&(s.children=n),"function"==typeof e&&null!=e.defaultProps)for(i in e.defaultProps)void 0===s[i]&&(s[i]=e.defaultProps[i]);return g(e,s,r,o,null)}function g(e,t,n,r,o){var a={type:e,props:t,key:n,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==o?++i.__v:o};return null!=i.vnode&&i.vnode(a),a}function m(e){return e.children}function y(e,t){this.props=e,this.context=t}function E(e,t){if(null==t)return e.__?E(e.__,e.__.__k.indexOf(e)+1):null;for(var n;t<e.__k.length;t++)if(null!=(n=e.__k[t])&&null!=n.__e)return n.__e;return"function"==typeof e.type?E(e):null}function S(e){var t,n;if(null!=(e=e.__)&&null!=e.__c){for(e.__e=e.__c.base=null,t=0;t<e.__k.length;t++)if(null!=(n=e.__k[t])&&null!=n.__e){e.__e=e.__c.base=n.__e;break}return S(e)}}function b(e){(!e.__d&&(e.__d=!0)&&a.push(e)&&!D.__r++||l!==i.debounceRendering)&&((l=i.debounceRendering)||s)(D)}function D(){for(var e;D.__r=a.length;)e=a.sort((function(e,t){return e.__v.__b-t.__v.__b})),a=[],e.some((function(e){var t,n,r,o,i,a;e.__d&&(i=(o=(t=e).__v).__e,(a=t.__P)&&(n=[],(r=f({},o)).__v=o.__v+1,I(a,o,r,t.__n,void 0!==a.ownerSVGElement,null!=o.__h?[i]:null,n,null==i?E(o):i,o.__h),P(n,o),o.__e!=i&&S(o)))}))}function C(e,t,n,r,o,i,a,s,l,u){var p,f,h,v,y,S,b,D=r&&r.__k||d,C=D.length;for(n.__k=[],p=0;p<t.length;p++)if(null!=(v=n.__k[p]=null==(v=t[p])||"boolean"==typeof v?null:"string"==typeof v||"number"==typeof v||"bigint"==typeof v?g(null,v,null,null,v):Array.isArray(v)?g(m,{children:v},null,null,null):v.__b>0?g(v.type,v.props,v.key,null,v.__v):v)){if(v.__=n,v.__b=n.__b+1,null===(h=D[p])||h&&v.key==h.key&&v.type===h.type)D[p]=void 0;else for(f=0;f<C;f++){if((h=D[f])&&v.key==h.key&&v.type===h.type){D[f]=void 0;break}h=null}I(e,v,h=h||c,o,i,a,s,l,u),y=v.__e,(f=v.ref)&&h.ref!=f&&(b||(b=[]),h.ref&&b.push(h.ref,null,v),b.push(f,v.__c||y,v)),null!=y?(null==S&&(S=y),"function"==typeof v.type&&null!=v.__k&&v.__k===h.__k?v.__d=l=w(v,l,e):l=_(e,v,h,D,y,l),u||"option"!==n.type?"function"==typeof n.type&&(n.__d=l):e.value=""):l&&h.__e==l&&l.parentNode!=e&&(l=E(h))}for(n.__e=S,p=C;p--;)null!=D[p]&&("function"==typeof n.type&&null!=D[p].__e&&D[p].__e==n.__d&&(n.__d=E(r,p+1)),O(D[p],D[p]));if(b)for(p=0;p<b.length;p++)H(b[p],b[++p],b[++p])}function w(e,t,n){var r,o;for(r=0;r<e.__k.length;r++)(o=e.__k[r])&&(o.__=e,t="function"==typeof o.type?w(o,t,n):_(n,o,o,e.__k,o.__e,t));return t}function R(e,t){return t=t||[],null==e||"boolean"==typeof e||(Array.isArray(e)?e.some((function(e){R(e,t)})):t.push(e)),t}function _(e,t,n,r,o,i){var a,s,l;if(void 0!==t.__d)a=t.__d,t.__d=void 0;else if(null==n||o!=i||null==o.parentNode)e:if(null==i||i.parentNode!==e)e.appendChild(o),a=null;else{for(s=i,l=0;(s=s.nextSibling)&&l<r.length;l+=2)if(s==o)break e;e.insertBefore(o,i),a=i}return void 0!==a?a:o.nextSibling}function T(e,t,n){"-"===t[0]?e.setProperty(t,n):e[t]=null==n?"":"number"!=typeof n||p.test(t)?n:n+"px"}function k(e,t,n,r,o){var i;e:if("style"===t)if("string"==typeof n)e.style.cssText=n;else{if("string"==typeof r&&(e.style.cssText=r=""),r)for(t in r)n&&t in n||T(e.style,t,"");if(n)for(t in n)r&&n[t]===r[t]||T(e.style,t,n[t])}else if("o"===t[0]&&"n"===t[1])i=t!==(t=t.replace(/Capture$/,"")),t=t.toLowerCase()in e?t.toLowerCase().slice(2):t.slice(2),e.l||(e.l={}),e.l[t+i]=n,n?r||e.addEventListener(t,i?M:x,i):e.removeEventListener(t,i?M:x,i);else if("dangerouslySetInnerHTML"!==t){if(o)t=t.replace(/xlink[H:h]/,"h").replace(/sName$/,"s");else if("href"!==t&&"list"!==t&&"form"!==t&&"tabIndex"!==t&&"download"!==t&&t in e)try{e[t]=null==n?"":n;break e}catch(e){}"function"==typeof n||(null!=n&&(!1!==n||"a"===t[0]&&"r"===t[1])?e.setAttribute(t,n):e.removeAttribute(t))}}function x(e){this.l[e.type+!1](i.event?i.event(e):e)}function M(e){this.l[e.type+!0](i.event?i.event(e):e)}function I(e,t,n,r,o,a,s,l,u){var c,d,p,h,v,g,E,S,b,D,w,R=t.type;if(void 0!==t.constructor)return null;null!=n.__h&&(u=n.__h,l=t.__e=n.__e,t.__h=null,a=[l]),(c=i.__b)&&c(t);try{e:if("function"==typeof R){if(S=t.props,b=(c=R.contextType)&&r[c.__c],D=c?b?b.props.value:c.__:r,n.__c?E=(d=t.__c=n.__c).__=d.__E:("prototype"in R&&R.prototype.render?t.__c=d=new R(S,D):(t.__c=d=new y(S,D),d.constructor=R,d.render=A),b&&b.sub(d),d.props=S,d.state||(d.state={}),d.context=D,d.__n=r,p=d.__d=!0,d.__h=[]),null==d.__s&&(d.__s=d.state),null!=R.getDerivedStateFromProps&&(d.__s==d.state&&(d.__s=f({},d.__s)),f(d.__s,R.getDerivedStateFromProps(S,d.__s))),h=d.props,v=d.state,p)null==R.getDerivedStateFromProps&&null!=d.componentWillMount&&d.componentWillMount(),null!=d.componentDidMount&&d.__h.push(d.componentDidMount);else{if(null==R.getDerivedStateFromProps&&S!==h&&null!=d.componentWillReceiveProps&&d.componentWillReceiveProps(S,D),!d.__e&&null!=d.shouldComponentUpdate&&!1===d.shouldComponentUpdate(S,d.__s,D)||t.__v===n.__v){d.props=S,d.state=d.__s,t.__v!==n.__v&&(d.__d=!1),d.__v=t,t.__e=n.__e,t.__k=n.__k,t.__k.forEach((function(e){e&&(e.__=t)})),d.__h.length&&s.push(d);break e}null!=d.componentWillUpdate&&d.componentWillUpdate(S,d.__s,D),null!=d.componentDidUpdate&&d.__h.push((function(){d.componentDidUpdate(h,v,g)}))}d.context=D,d.props=S,d.state=d.__s,(c=i.__r)&&c(t),d.__d=!1,d.__v=t,d.__P=e,c=d.render(d.props,d.state,d.context),d.state=d.__s,null!=d.getChildContext&&(r=f(f({},r),d.getChildContext())),p||null==d.getSnapshotBeforeUpdate||(g=d.getSnapshotBeforeUpdate(h,v)),w=null!=c&&c.type===m&&null==c.key?c.props.children:c,C(e,Array.isArray(w)?w:[w],t,n,r,o,a,s,l,u),d.base=t.__e,t.__h=null,d.__h.length&&s.push(d),E&&(d.__E=d.__=null),d.__e=!1}else null==a&&t.__v===n.__v?(t.__k=n.__k,t.__e=n.__e):t.__e=N(n.__e,t,n,r,o,a,s,u);(c=i.diffed)&&c(t)}catch(e){t.__v=null,(u||null!=a)&&(t.__e=l,t.__h=!!u,a[a.indexOf(l)]=null),i.__e(e,t,n)}}function P(e,t){i.__c&&i.__c(t,e),e.some((function(t){try{e=t.__h,t.__h=[],e.some((function(e){e.call(t)}))}catch(e){i.__e(e,t.__v)}}))}function N(e,t,n,r,o,i,a,s){var l,u,p,f,v=n.props,g=t.props,m=t.type,y=0;if("svg"===m&&(o=!0),null!=i)for(;y<i.length;y++)if((l=i[y])&&(l===e||(m?l.localName==m:3==l.nodeType))){e=l,i[y]=null;break}if(null==e){if(null===m)return document.createTextNode(g);e=o?document.createElementNS("http://www.w3.org/2000/svg",m):document.createElement(m,g.is&&g),i=null,s=!1}if(null===m)v===g||s&&e.data===g||(e.data=g);else{if(i=i&&d.slice.call(e.childNodes),u=(v=n.props||c).dangerouslySetInnerHTML,p=g.dangerouslySetInnerHTML,!s){if(null!=i)for(v={},f=0;f<e.attributes.length;f++)v[e.attributes[f].name]=e.attributes[f].value;(p||u)&&(p&&(u&&p.__html==u.__html||p.__html===e.innerHTML)||(e.innerHTML=p&&p.__html||""))}if(function(e,t,n,r,o){var i;for(i in n)"children"===i||"key"===i||i in t||k(e,i,null,n[i],r);for(i in t)o&&"function"!=typeof t[i]||"children"===i||"key"===i||"value"===i||"checked"===i||n[i]===t[i]||k(e,i,t[i],n[i],r)}(e,g,v,o,s),p)t.__k=[];else if(y=t.props.children,C(e,Array.isArray(y)?y:[y],t,n,r,o&&"foreignObject"!==m,i,a,e.firstChild,s),null!=i)for(y=i.length;y--;)null!=i[y]&&h(i[y]);s||("value"in g&&void 0!==(y=g.value)&&(y!==e.value||"progress"===m&&!y)&&k(e,"value",y,v.value,!1),"checked"in g&&void 0!==(y=g.checked)&&y!==e.checked&&k(e,"checked",y,v.checked,!1))}return e}function H(e,t,n){try{"function"==typeof e?e(t):e.current=t}catch(e){i.__e(e,n)}}function O(e,t,n){var r,o,a;if(i.unmount&&i.unmount(e),(r=e.ref)&&(r.current&&r.current!==e.__e||H(r,null,t)),n||"function"==typeof e.type||(n=null!=(o=e.__e)),e.__e=e.__d=void 0,null!=(r=e.__c)){if(r.componentWillUnmount)try{r.componentWillUnmount()}catch(e){i.__e(e,t)}r.base=r.__P=null}if(r=e.__k)for(a=0;a<r.length;a++)r[a]&&O(r[a],t,n);null!=o&&h(o)}function A(e,t,n){return this.constructor(e,n)}function L(e,t,n){var r,o,a;i.__&&i.__(e,t),o=(r="function"==typeof n)?null:n&&n.__k||t.__k,a=[],I(t,e=(!r&&n||t).__k=v(m,null,[e]),o||c,c,void 0!==t.ownerSVGElement,!r&&n?[n]:o?null:t.firstChild?d.slice.call(t.childNodes):null,a,!r&&n?n:o?o.__e:t.firstChild,r),P(a,e)}i={__e:function(e,t){for(var n,r,o;t=t.__;)if((n=t.__c)&&!n.__)try{if((r=n.constructor)&&null!=r.getDerivedStateFromError&&(n.setState(r.getDerivedStateFromError(e)),o=n.__d),null!=n.componentDidCatch&&(n.componentDidCatch(e),o=n.__d),o)return n.__E=n}catch(t){e=t}throw e},__v:0},y.prototype.setState=function(e,t){var n;n=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=f({},this.state),"function"==typeof e&&(e=e(f({},n),this.props)),e&&f(n,e),null!=e&&this.__v&&(t&&this.__h.push(t),b(this))},y.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),b(this))},y.prototype.render=m,a=[],s="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,D.__r=0,u=0;var U,W=[],V=i.__b,F=i.__r,B=i.diffed,z=i.__c,j=i.unmount;function G(){W.forEach((function(e){if(e.__P)try{e.__H.__h.forEach(Y),e.__H.__h.forEach(Z),e.__H.__h=[]}catch(t){e.__H.__h=[],i.__e(t,e.__v)}})),W=[]}i.__b=function(e){V&&V(e)},i.__r=function(e){F&&F(e);var t=e.__c.__H;t&&(t.__h.forEach(Y),t.__h.forEach(Z),t.__h=[])},i.diffed=function(e){B&&B(e);var t=e.__c;t&&t.__H&&t.__H.__h.length&&(1!==W.push(t)&&U===i.requestAnimationFrame||((U=i.requestAnimationFrame)||function(e){var t,n=function(){clearTimeout(r),q&&cancelAnimationFrame(t),setTimeout(e)},r=setTimeout(n,100);q&&(t=requestAnimationFrame(n))})(G))},i.__c=function(e,t){t.some((function(e){try{e.__h.forEach(Y),e.__h=e.__h.filter((function(e){return!e.__||Z(e)}))}catch(n){t.some((function(e){e.__h&&(e.__h=[])})),t=[],i.__e(n,e.__v)}})),z&&z(e,t)},i.unmount=function(e){j&&j(e);var t=e.__c;if(t&&t.__H)try{t.__H.__.forEach(Y)}catch(e){i.__e(e,t.__v)}};var q="function"==typeof requestAnimationFrame;function Y(e){"function"==typeof e.__c&&e.__c()}function Z(e){e.__c=e.__()}function X(e,t){for(var n in e)if("__source"!==n&&!(n in t))return!0;for(var r in t)if("__source"!==r&&e[r]!==t[r])return!0;return!1}function K(e){this.props=e}(K.prototype=new y).isPureReactComponent=!0,K.prototype.shouldComponentUpdate=function(e,t){return X(this.props,e)||X(this.state,t)};var $=i.__b;i.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),$&&$(e)};var J=i.__e;i.__e=function(e,t,n){if(e.then)for(var r,o=t;o=o.__;)if((r=o.__c)&&r.__c)return null==t.__e&&(t.__e=n.__e,t.__k=n.__k),r.__c(e,t);J(e,t,n)};var Q=i.unmount;function ee(){this.__u=0,this.t=null,this.__b=null}function te(e){var t=e.__.__c;return t&&t.__e&&t.__e(e)}function ne(){this.u=null,this.o=null}i.unmount=function(e){var t=e.__c;t&&t.__R&&t.__R(),t&&!0===e.__h&&(e.type=null),Q&&Q(e)},(ee.prototype=new y).__c=function(e,t){var n=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(n);var o=te(r.__v),i=!1,a=function(){i||(i=!0,n.__R=null,o?o(s):s())};n.__R=a;var s=function(){if(!--r.__u){if(r.state.__e){var e=r.state.__e;r.__v.__k[0]=function e(t,n,r){return t&&(t.__v=null,t.__k=t.__k&&t.__k.map((function(t){return e(t,n,r)})),t.__c&&t.__c.__P===n&&(t.__e&&r.insertBefore(t.__e,t.__d),t.__c.__e=!0,t.__c.__P=r)),t}(e,e.__c.__P,e.__c.__O)}var t;for(r.setState({__e:r.__b=null});t=r.t.pop();)t.forceUpdate()}},l=!0===t.__h;r.__u++||l||r.setState({__e:r.__b=r.__v.__k[0]}),e.then(a,a)},ee.prototype.componentWillUnmount=function(){this.t=[]},ee.prototype.render=function(e,t){if(this.__b){if(this.__v.__k){var n=document.createElement("div"),r=this.__v.__k[0].__c;this.__v.__k[0]=function e(t,n,r){return t&&(t.__c&&t.__c.__H&&(t.__c.__H.__.forEach((function(e){"function"==typeof e.__c&&e.__c()})),t.__c.__H=null),null!=(t=function(e,t){for(var n in t)e[n]=t[n];return e}({},t)).__c&&(t.__c.__P===r&&(t.__c.__P=n),t.__c=null),t.__k=t.__k&&t.__k.map((function(t){return e(t,n,r)}))),t}(this.__b,n,r.__O=r.__P)}this.__b=null}var o=t.__e&&v(m,null,e.fallback);return o&&(o.__h=null),[v(m,null,t.__e?null:e.children),o]};var re=function(e,t,n){if(++n[1]===n[0]&&e.o.delete(t),e.props.revealOrder&&("t"!==e.props.revealOrder[0]||!e.o.size))for(n=e.u;n;){for(;n.length>3;)n.pop()();if(n[1]<n[0])break;e.u=n=n[2]}};function oe(e){return this.getChildContext=function(){return e.context},e.children}function ie(e){var t=this,n=e.i;t.componentWillUnmount=function(){L(null,t.l),t.l=null,t.i=null},t.i&&t.i!==n&&t.componentWillUnmount(),e.__v?(t.l||(t.i=n,t.l={nodeType:1,parentNode:n,childNodes:[],appendChild:function(e){this.childNodes.push(e),t.i.appendChild(e)},insertBefore:function(e,n){this.childNodes.push(e),t.i.appendChild(e)},removeChild:function(e){this.childNodes.splice(this.childNodes.indexOf(e)>>>1,1),t.i.removeChild(e)}}),L(v(oe,{context:t.context},e.__v),t.l)):t.l&&t.componentWillUnmount()}(ne.prototype=new y).__e=function(e){var t=this,n=te(t.__v),r=t.o.get(e);return r[0]++,function(o){var i=function(){t.props.revealOrder?(r.push(o),re(t,e,r)):o()};n?n(i):i()}},ne.prototype.render=function(e){this.u=null,this.o=new Map;var t=R(e.children);e.revealOrder&&"b"===e.revealOrder[0]&&t.reverse();for(var n=t.length;n--;)this.o.set(t[n],this.u=[1,0,this.u]);return e.children},ne.prototype.componentDidUpdate=ne.prototype.componentDidMount=function(){var e=this;this.o.forEach((function(t,n){re(e,n,t)}))};var ae="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,se=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|fill|flood|font|glyph(?!R)|horiz|marker(?!H|W|U)|overline|paint|stop|strikethrough|stroke|text(?!L)|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,le=function(e){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/i:/fil|che|ra/i).test(e)};y.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach((function(e){Object.defineProperty(y.prototype,e,{configurable:!0,get:function(){return this["UNSAFE_"+e]},set:function(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:t})}})}));var ue=i.event;function ce(){}function de(){return this.cancelBubble}function pe(){return this.defaultPrevented}i.event=function(e){return ue&&(e=ue(e)),e.persist=ce,e.isPropagationStopped=de,e.isDefaultPrevented=pe,e.nativeEvent=e};var fe={configurable:!0,get:function(){return this.class}},he=i.vnode;i.vnode=function(e){var t=e.type,n=e.props,r=n;if("string"==typeof t){for(var o in r={},n){var i=n[o];"value"===o&&"defaultValue"in n&&null==i||("defaultValue"===o&&"value"in n&&null==n.value?o="value":"download"===o&&!0===i?i="":/ondoubleclick/i.test(o)?o="ondblclick":/^onchange(textarea|input)/i.test(o+t)&&!le(n.type)?o="oninput":/^on(Ani|Tra|Tou|BeforeInp)/.test(o)?o=o.toLowerCase():se.test(o)?o=o.replace(/[A-Z0-9]/,"-$&").toLowerCase():null===i&&(i=void 0),r[o]=i)}"select"==t&&r.multiple&&Array.isArray(r.value)&&(r.value=R(n.children).forEach((function(e){e.props.selected=-1!=r.value.indexOf(e.props.value)}))),"select"==t&&null!=r.defaultValue&&(r.value=R(n.children).forEach((function(e){e.props.selected=r.multiple?-1!=r.defaultValue.indexOf(e.props.value):r.defaultValue==e.props.value}))),e.props=r}t&&n.class!=n.className&&(fe.enumerable="className"in n,null!=n.className&&(r.class=n.className),Object.defineProperty(r,"className",fe)),e.$$typeof=ae,he&&he(e)};var ve=i.__r;i.__r=function(e){ve&&ve(e)},"object"==typeof performance&&"function"==typeof performance.now&&performance.now.bind(performance);var ge="undefined"!=typeof globalThis?globalThis:window;ge.FullCalendarVDom?console.warn("FullCalendar VDOM already loaded"):ge.FullCalendarVDom={Component:y,createElement:v,render:L,createRef:function(){return{current:null}},Fragment:m,createContext:function(e){var t=function(e,t){var n={__c:t="__cC"+u++,__:e,Consumer:function(e,t){return e.children(t)},Provider:function(e){var n,r;return this.getChildContext||(n=[],(r={})[t]=this,this.getChildContext=function(){return r},this.shouldComponentUpdate=function(e){this.props.value!==e.value&&n.some(b)},this.sub=function(e){n.push(e);var t=e.componentWillUnmount;e.componentWillUnmount=function(){n.splice(n.indexOf(e),1),t&&t.call(e)}}),e.children}};return n.Provider.__=n.Consumer.contextType=n}(e),n=t.Provider;return t.Provider=function(){var e=this,t=!this.getChildContext,r=n.apply(this,arguments);if(t){var o=[];this.shouldComponentUpdate=function(t){e.props.value!==t.value&&o.forEach((function(e){e.context=t.value,e.forceUpdate()}))},this.sub=function(e){o.push(e);var t=e.componentWillUnmount;e.componentWillUnmount=function(){o.splice(o.indexOf(e),1),t&&t.call(e)}}}return r},t},createPortal:function(e,t){return v(ie,{__v:e,i:t})},flushSync:function(e){e();var t=i.debounceRendering,n=[];function r(e){n.push(e)}i.debounceRendering=r,L(v(me,{}),document.createElement("div"));for(;n.length;)n.shift()();i.debounceRendering=t},unmountComponentAtNode:function(e){L(null,e)}};var me=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.render=function(){return v("div",{})},t.prototype.componentDidMount=function(){this.setState({})},t}(y);var ye=function(){function e(e,t){this.context=e,this.internalEventSource=t}return e.prototype.remove=function(){this.context.dispatch({type:"REMOVE_EVENT_SOURCE",sourceId:this.internalEventSource.sourceId})},e.prototype.refetch=function(){this.context.dispatch({type:"FETCH_EVENT_SOURCES",sourceIds:[this.internalEventSource.sourceId],isRefetch:!0})},Object.defineProperty(e.prototype,"id",{get:function(){return this.internalEventSource.publicId},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"url",{get:function(){return this.internalEventSource.meta.url},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"format",{get:function(){return this.internalEventSource.meta.format},enumerable:!1,configurable:!0}),e}();function Ee(e){e.parentNode&&e.parentNode.removeChild(e)}function Se(e,t){if(e.closest)return e.closest(t);if(!document.documentElement.contains(e))return null;do{if(be(e,t))return e;e=e.parentElement||e.parentNode}while(null!==e&&1===e.nodeType);return null}function be(e,t){return(e.matches||e.matchesSelector||e.msMatchesSelector).call(e,t)}function De(e,t){for(var n=e instanceof HTMLElement?[e]:e,r=[],o=0;o<n.length;o+=1)for(var i=n[o].querySelectorAll(t),a=0;a<i.length;a+=1)r.push(i[a]);return r}var Ce=/(top|left|right|bottom|width|height)$/i;function we(e,t){for(var n in t)Re(e,n,t[n])}function Re(e,t,n){null==n?e.style[t]="":"number"==typeof n&&Ce.test(t)?e.style[t]=n+"px":e.style[t]=n}function _e(e){var t,n;return null!==(n=null===(t=e.composedPath)||void 0===t?void 0:t.call(e)[0])&&void 0!==n?n:e.target}function Te(e){return e.getRootNode?e.getRootNode():document}var ke=0;function xe(){return"fc-dom-"+(ke+=1)}function Me(e){e.preventDefault()}function Ie(e,t,n,r){var o=function(e,t){return function(n){var r=Se(n.target,e);r&&t.call(r,n,r)}}(n,r);return e.addEventListener(t,o),function(){e.removeEventListener(t,o)}}var Pe=["webkitTransitionEnd","otransitionend","oTransitionEnd","msTransitionEnd","transitionend"];function Ne(e,t){var n=function(r){t(r),Pe.forEach((function(t){e.removeEventListener(t,n)}))};Pe.forEach((function(t){e.addEventListener(t,n)}))}function He(e){return r({onClick:e},Oe(e))}function Oe(e){return{tabIndex:0,onKeyDown:function(t){"Enter"!==t.key&&" "!==t.key||(e(t),t.preventDefault())}}}var Ae=0;function Le(){return String(Ae+=1)}function Ue(){document.body.classList.add("fc-not-allowed")}function We(){document.body.classList.remove("fc-not-allowed")}function Ve(e){e.classList.add("fc-unselectable"),e.addEventListener("selectstart",Me)}function Fe(e){e.classList.remove("fc-unselectable"),e.removeEventListener("selectstart",Me)}function Be(e){e.addEventListener("contextmenu",Me)}function ze(e){e.removeEventListener("contextmenu",Me)}function je(e){var t,n,r=[],o=[];for("string"==typeof e?o=e.split(/\s*,\s*/):"function"==typeof e?o=[e]:Array.isArray(e)&&(o=e),t=0;t<o.length;t+=1)"string"==typeof(n=o[t])?r.push("-"===n.charAt(0)?{field:n.substring(1),order:-1}:{field:n,order:1}):"function"==typeof n&&r.push({func:n});return r}function Ge(e,t,n){var r,o;for(r=0;r<n.length;r+=1)if(o=qe(e,t,n[r]))return o;return 0}function qe(e,t,n){return n.func?n.func(e,t):Ye(e[n.field],t[n.field])*(n.order||1)}function Ye(e,t){return e||t?null==t?-1:null==e?1:"string"==typeof e||"string"==typeof t?String(e).localeCompare(String(t)):e-t:0}function Ze(e,t){var n=String(e);return"000".substr(0,t-n.length)+n}function Xe(e,t,n){return"function"==typeof e?e.apply(void 0,t):"string"==typeof e?t.reduce((function(e,t,n){return e.replace("$"+n,t||"")}),e):n}function Ke(e,t){return e-t}function $e(e){return e%1==0}function Je(e){var t=e.querySelector(".fc-scrollgrid-shrink-frame"),n=e.querySelector(".fc-scrollgrid-shrink-cushion");if(!t)throw new Error("needs fc-scrollgrid-shrink-frame className");if(!n)throw new Error("needs fc-scrollgrid-shrink-cushion className");return e.getBoundingClientRect().width-t.getBoundingClientRect().width+n.getBoundingClientRect().width}var Qe=["sun","mon","tue","wed","thu","fri","sat"];function et(e,t){var n=ft(e);return n[2]+=7*t,ht(n)}function tt(e,t){var n=ft(e);return n[2]+=t,ht(n)}function nt(e,t){var n=ft(e);return n[6]+=t,ht(n)}function rt(e,t){return ot(e,t)/7}function ot(e,t){return(t.valueOf()-e.valueOf())/864e5}function it(e,t){var n=lt(e),r=lt(t);return{years:0,months:0,days:Math.round(ot(n,r)),milliseconds:t.valueOf()-r.valueOf()-(e.valueOf()-n.valueOf())}}function at(e,t){var n=st(e,t);return null!==n&&n%7==0?n/7:null}function st(e,t){return gt(e)===gt(t)?Math.round(ot(e,t)):null}function lt(e){return ht([e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate()])}function ut(e,t,n,r){var o=ht([t,0,1+ct(t,n,r)]),i=lt(e),a=Math.round(ot(o,i));return Math.floor(a/7)+1}function ct(e,t,n){var r=7+t-n;return-((7+ht([e,0,r]).getUTCDay()-t)%7)+r-1}function dt(e){return[e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()]}function pt(e){return new Date(e[0],e[1]||0,null==e[2]?1:e[2],e[3]||0,e[4]||0,e[5]||0)}function ft(e){return[e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),e.getUTCHours(),e.getUTCMinutes(),e.getUTCSeconds(),e.getUTCMilliseconds()]}function ht(e){return 1===e.length&&(e=e.concat([0])),new Date(Date.UTC.apply(Date,e))}function vt(e){return!isNaN(e.valueOf())}function gt(e){return 1e3*e.getUTCHours()*60*60+1e3*e.getUTCMinutes()*60+1e3*e.getUTCSeconds()+e.getUTCMilliseconds()}function mt(e,t,n,r){return{instanceId:Le(),defId:e,range:t,forcedStartTzo:null==n?null:n,forcedEndTzo:null==r?null:r}}var yt=Object.prototype.hasOwnProperty;function Et(e,t){var n={};if(t)for(var r in t){for(var o=[],i=e.length-1;i>=0;i-=1){var a=e[i][r];if("object"==typeof a&&a)o.unshift(a);else if(void 0!==a){n[r]=a;break}}o.length&&(n[r]=Et(o))}for(i=e.length-1;i>=0;i-=1){var s=e[i];for(var l in s)l in n||(n[l]=s[l])}return n}function St(e,t){var n={};for(var r in e)t(e[r],r)&&(n[r]=e[r]);return n}function bt(e,t){var n={};for(var r in e)n[r]=t(e[r],r);return n}function Dt(e){for(var t={},n=0,r=e;n<r.length;n++){t[r[n]]=!0}return t}function Ct(e){var t=[];for(var n in e)t.push(e[n]);return t}function wt(e,t){if(e===t)return!0;for(var n in e)if(yt.call(e,n)&&!(n in t))return!1;for(var n in t)if(yt.call(t,n)&&e[n]!==t[n])return!1;return!0}function Rt(e,t){var n=[];for(var r in e)yt.call(e,r)&&(r in t||n.push(r));for(var r in t)yt.call(t,r)&&e[r]!==t[r]&&n.push(r);return n}function _t(e,t,n){if(void 0===n&&(n={}),e===t)return!0;for(var r in t)if(!(r in e)||!Tt(e[r],t[r],n[r]))return!1;for(var r in e)if(!(r in t))return!1;return!0}function Tt(e,t,n){return e===t||!0===n||!!n&&n(e,t)}function kt(e,t,n,r){void 0===t&&(t=0),void 0===r&&(r=1);var o=[];null==n&&(n=Object.keys(e).length);for(var i=t;i<n;i+=r){var a=e[i];void 0!==a&&o.push(a)}return o}function xt(e,t,n){var r=n.dateEnv,o=n.pluginHooks,i=n.options,a=e.defs,s=e.instances;for(var l in s=St(s,(function(e){return!a[e.defId].recurringDef})),a){var u=a[l];if(u.recurringDef){var c=u.recurringDef.duration;c||(c=u.allDay?i.defaultAllDayEventDuration:i.defaultTimedEventDuration);for(var d=0,p=Mt(u,c,t,r,o.recurringTypes);d<p.length;d++){var f=p[d],h=mt(l,{start:f,end:r.add(f,c)});s[h.instanceId]=h}}}return{defs:a,instances:s}}function Mt(e,t,n,r,o){var i=o[e.recurringDef.typeId].expand(e.recurringDef.typeData,{start:r.subtract(n.start,t),end:n.end},r);return e.allDay&&(i=i.map(lt)),i}var It=["years","months","days","milliseconds"],Pt=/^(-?)(?:(\d+)\.)?(\d+):(\d\d)(?::(\d\d)(?:\.(\d\d\d))?)?/;function Nt(e,t){var n;return"string"==typeof e?function(e){var t=Pt.exec(e);if(t){var n=t[1]?-1:1;return{years:0,months:0,days:n*(t[2]?parseInt(t[2],10):0),milliseconds:n*(60*(t[3]?parseInt(t[3],10):0)*60*1e3+60*(t[4]?parseInt(t[4],10):0)*1e3+1e3*(t[5]?parseInt(t[5],10):0)+(t[6]?parseInt(t[6],10):0))}}return null}(e):"object"==typeof e&&e?Ht(e):"number"==typeof e?Ht(((n={})[t||"milliseconds"]=e,n)):null}function Ht(e){var t={years:e.years||e.year||0,months:e.months||e.month||0,days:e.days||e.day||0,milliseconds:60*(e.hours||e.hour||0)*60*1e3+60*(e.minutes||e.minute||0)*1e3+1e3*(e.seconds||e.second||0)+(e.milliseconds||e.millisecond||e.ms||0)},n=e.weeks||e.week;return n&&(t.days+=7*n,t.specifiedWeeks=!0),t}function Ot(e,t){return{years:e.years+t.years,months:e.months+t.months,days:e.days+t.days,milliseconds:e.milliseconds+t.milliseconds}}function At(e,t){return{years:e.years*t,months:e.months*t,days:e.days*t,milliseconds:e.milliseconds*t}}function Lt(e){return Ut(e)/864e5}function Ut(e){return 31536e6*e.years+2592e6*e.months+864e5*e.days+e.milliseconds}function Wt(e,t){for(var n=null,r=0;r<It.length;r+=1){var o=It[r];if(t[o]){var i=e[o]/t[o];if(!$e(i)||null!==n&&n!==i)return null;n=i}else if(e[o])return null}return n}function Vt(e){var t=e.milliseconds;if(t){if(t%1e3!=0)return{unit:"millisecond",value:t};if(t%6e4!=0)return{unit:"second",value:t/1e3};if(t%36e5!=0)return{unit:"minute",value:t/6e4};if(t)return{unit:"hour",value:t/36e5}}return e.days?e.specifiedWeeks&&e.days%7==0?{unit:"week",value:e.days/7}:{unit:"day",value:e.days}:e.months?{unit:"month",value:e.months}:e.years?{unit:"year",value:e.years}:{unit:"millisecond",value:0}}function Ft(e,t,n){void 0===n&&(n=!1);var r=e.toISOString();return r=r.replace(".000",""),n&&(r=r.replace("T00:00:00Z","")),r.length>10&&(null==t?r=r.replace("Z",""):0!==t&&(r=r.replace("Z",jt(t,!0)))),r}function Bt(e){return e.toISOString().replace(/T.*$/,"")}function zt(e){return Ze(e.getUTCHours(),2)+":"+Ze(e.getUTCMinutes(),2)+":"+Ze(e.getUTCSeconds(),2)}function jt(e,t){void 0===t&&(t=!1);var n=e<0?"-":"+",r=Math.abs(e),o=Math.floor(r/60),i=Math.round(r%60);return t?n+Ze(o,2)+":"+Ze(i,2):"GMT"+n+o+(i?":"+Ze(i,2):"")}function Gt(e,t,n){if(e===t)return!0;var r,o=e.length;if(o!==t.length)return!1;for(r=0;r<o;r+=1)if(!(n?n(e[r],t[r]):e[r]===t[r]))return!1;return!0}function qt(e,t,n){var r,o;return function(){for(var i=[],a=0;a<arguments.length;a++)i[a]=arguments[a];if(r){if(!Gt(r,i)){n&&n(o);var s=e.apply(this,i);t&&t(s,o)||(o=s)}}else o=e.apply(this,i);return r=i,o}}function Yt(e,t,n){var r,o,i=this;return function(a){if(r){if(!wt(r,a)){n&&n(o);var s=e.call(i,a);t&&t(s,o)||(o=s)}}else o=e.call(i,a);return r=a,o}}var Zt={week:3,separator:0,omitZeroMinute:0,meridiem:0,omitCommas:0},Xt={timeZoneName:7,era:6,year:5,month:4,day:2,weekday:2,hour:1,minute:1,second:1},Kt=/\s*([ap])\.?m\.?/i,$t=/,/g,Jt=/\s+/g,Qt=/\u200e/g,en=/UTC|GMT/,tn=function(){function e(e){var t={},n={},r=0;for(var o in e)o in Zt?(n[o]=e[o],r=Math.max(Zt[o],r)):(t[o]=e[o],o in Xt&&(r=Math.max(Xt[o],r)));this.standardDateProps=t,this.extendedSettings=n,this.severity=r,this.buildFormattingFunc=qt(nn)}return e.prototype.format=function(e,t){return this.buildFormattingFunc(this.standardDateProps,this.extendedSettings,t)(e)},e.prototype.formatRange=function(e,t,n,r){var o=this.standardDateProps,i=this.extendedSettings,a=function(e,t,n){if(n.getMarkerYear(e)!==n.getMarkerYear(t))return 5;if(n.getMarkerMonth(e)!==n.getMarkerMonth(t))return 4;if(n.getMarkerDay(e)!==n.getMarkerDay(t))return 2;if(gt(e)!==gt(t))return 1;return 0}(e.marker,t.marker,n.calendarSystem);if(!a)return this.format(e,n);var s=a;!(s>1)||"numeric"!==o.year&&"2-digit"!==o.year||"numeric"!==o.month&&"2-digit"!==o.month||"numeric"!==o.day&&"2-digit"!==o.day||(s=1);var l=this.format(e,n),u=this.format(t,n);if(l===u)return l;var c=nn(function(e,t){var n={};for(var r in e)(!(r in Xt)||Xt[r]<=t)&&(n[r]=e[r]);return n}(o,s),i,n),d=c(e),p=c(t),f=function(e,t,n,r){var o=0;for(;o<e.length;){var i=e.indexOf(t,o);if(-1===i)break;var a=e.substr(0,i);o=i+t.length;for(var s=e.substr(o),l=0;l<n.length;){var u=n.indexOf(r,l);if(-1===u)break;var c=n.substr(0,u);l=u+r.length;var d=n.substr(l);if(a===c&&s===d)return{before:a,after:s}}}return null}(l,d,u,p),h=i.separator||r||n.defaultSeparator||"";return f?f.before+d+h+p+f.after:l+h+u},e.prototype.getLargestUnit=function(){switch(this.severity){case 7:case 6:case 5:return"year";case 4:return"month";case 3:return"week";case 2:return"day";default:return"time"}},e}();function nn(e,t,n){var o=Object.keys(e).length;return 1===o&&"short"===e.timeZoneName?function(e){return jt(e.timeZoneOffset)}:0===o&&t.week?function(e){return function(e,t,n,r,o){var i=[];"long"===o?i.push(n):"short"!==o&&"narrow"!==o||i.push(t);"long"!==o&&"short"!==o||i.push(" ");i.push(r.simpleNumberFormat.format(e)),"rtl"===r.options.direction&&i.reverse();return i.join("")}(n.computeWeekNumber(e.marker),n.weekText,n.weekTextLong,n.locale,t.week)}:function(e,t,n){e=r({},e),t=r({},t),function(e,t){e.timeZoneName&&(e.hour||(e.hour="2-digit"),e.minute||(e.minute="2-digit"));"long"===e.timeZoneName&&(e.timeZoneName="short");t.omitZeroMinute&&(e.second||e.millisecond)&&delete t.omitZeroMinute}(e,t),e.timeZone="UTC";var o,i=new Intl.DateTimeFormat(n.locale.codes,e);if(t.omitZeroMinute){var a=r({},e);delete a.minute,o=new Intl.DateTimeFormat(n.locale.codes,a)}return function(r){var a=r.marker;return function(e,t,n,r,o){e=e.replace(Qt,""),"short"===n.timeZoneName&&(e=function(e,t){var n=!1;e=e.replace(en,(function(){return n=!0,t})),n||(e+=" "+t);return e}(e,"UTC"===o.timeZone||null==t.timeZoneOffset?"UTC":jt(t.timeZoneOffset)));r.omitCommas&&(e=e.replace($t,"").trim());r.omitZeroMinute&&(e=e.replace(":00",""));!1===r.meridiem?e=e.replace(Kt,"").trim():"narrow"===r.meridiem?e=e.replace(Kt,(function(e,t){return t.toLocaleLowerCase()})):"short"===r.meridiem?e=e.replace(Kt,(function(e,t){return t.toLocaleLowerCase()+"m"})):"lowercase"===r.meridiem&&(e=e.replace(Kt,(function(e){return e.toLocaleLowerCase()})));return e=(e=e.replace(Jt," ")).trim()}((o&&!a.getUTCMinutes()?o:i).format(a),r,e,t,n)}}(e,t,n)}function rn(e,t){var n=t.markerToArray(e.marker);return{marker:e.marker,timeZoneOffset:e.timeZoneOffset,array:n,year:n[0],month:n[1],day:n[2],hour:n[3],minute:n[4],second:n[5],millisecond:n[6]}}function on(e,t,n,r){var o=rn(e,n.calendarSystem);return{date:o,start:o,end:t?rn(t,n.calendarSystem):null,timeZone:n.timeZone,localeCodes:n.locale.codes,defaultSeparator:r||n.defaultSeparator}}var an=function(){function e(e){this.cmdStr=e}return e.prototype.format=function(e,t,n){return t.cmdFormatter(this.cmdStr,on(e,null,t,n))},e.prototype.formatRange=function(e,t,n,r){return n.cmdFormatter(this.cmdStr,on(e,t,n,r))},e}(),sn=function(){function e(e){this.func=e}return e.prototype.format=function(e,t,n){return this.func(on(e,null,t,n))},e.prototype.formatRange=function(e,t,n,r){return this.func(on(e,t,n,r))},e}();function ln(e){return"object"==typeof e&&e?new tn(e):"string"==typeof e?new an(e):"function"==typeof e?new sn(e):null}var un={navLinkDayClick:yn,navLinkWeekClick:yn,duration:Nt,bootstrapFontAwesome:yn,buttonIcons:yn,customButtons:yn,defaultAllDayEventDuration:Nt,defaultTimedEventDuration:Nt,nextDayThreshold:Nt,scrollTime:Nt,scrollTimeReset:Boolean,slotMinTime:Nt,slotMaxTime:Nt,dayPopoverFormat:ln,slotDuration:Nt,snapDuration:Nt,headerToolbar:yn,footerToolbar:yn,defaultRangeSeparator:String,titleRangeSeparator:String,forceEventDuration:Boolean,dayHeaders:Boolean,dayHeaderFormat:ln,dayHeaderClassNames:yn,dayHeaderContent:yn,dayHeaderDidMount:yn,dayHeaderWillUnmount:yn,dayCellClassNames:yn,dayCellContent:yn,dayCellDidMount:yn,dayCellWillUnmount:yn,initialView:String,aspectRatio:Number,weekends:Boolean,weekNumberCalculation:yn,weekNumbers:Boolean,weekNumberClassNames:yn,weekNumberContent:yn,weekNumberDidMount:yn,weekNumberWillUnmount:yn,editable:Boolean,viewClassNames:yn,viewDidMount:yn,viewWillUnmount:yn,nowIndicator:Boolean,nowIndicatorClassNames:yn,nowIndicatorContent:yn,nowIndicatorDidMount:yn,nowIndicatorWillUnmount:yn,showNonCurrentDates:Boolean,lazyFetching:Boolean,startParam:String,endParam:String,timeZoneParam:String,timeZone:String,locales:yn,locale:yn,themeSystem:String,dragRevertDuration:Number,dragScroll:Boolean,allDayMaintainDuration:Boolean,unselectAuto:Boolean,dropAccept:yn,eventOrder:je,eventOrderStrict:Boolean,handleWindowResize:Boolean,windowResizeDelay:Number,longPressDelay:Number,eventDragMinDistance:Number,expandRows:Boolean,height:yn,contentHeight:yn,direction:String,weekNumberFormat:ln,eventResizableFromStart:Boolean,displayEventTime:Boolean,displayEventEnd:Boolean,weekText:String,weekTextLong:String,progressiveEventRendering:Boolean,businessHours:yn,initialDate:yn,now:yn,eventDataTransform:yn,stickyHeaderDates:yn,stickyFooterScrollbar:yn,viewHeight:yn,defaultAllDay:Boolean,eventSourceFailure:yn,eventSourceSuccess:yn,eventDisplay:String,eventStartEditable:Boolean,eventDurationEditable:Boolean,eventOverlap:yn,eventConstraint:yn,eventAllow:yn,eventBackgroundColor:String,eventBorderColor:String,eventTextColor:String,eventColor:String,eventClassNames:yn,eventContent:yn,eventDidMount:yn,eventWillUnmount:yn,selectConstraint:yn,selectOverlap:yn,selectAllow:yn,droppable:Boolean,unselectCancel:String,slotLabelFormat:yn,slotLaneClassNames:yn,slotLaneContent:yn,slotLaneDidMount:yn,slotLaneWillUnmount:yn,slotLabelClassNames:yn,slotLabelContent:yn,slotLabelDidMount:yn,slotLabelWillUnmount:yn,dayMaxEvents:yn,dayMaxEventRows:yn,dayMinWidth:Number,slotLabelInterval:Nt,allDayText:String,allDayClassNames:yn,allDayContent:yn,allDayDidMount:yn,allDayWillUnmount:yn,slotMinWidth:Number,navLinks:Boolean,eventTimeFormat:ln,rerenderDelay:Number,moreLinkText:yn,moreLinkHint:yn,selectMinDistance:Number,selectable:Boolean,selectLongPressDelay:Number,eventLongPressDelay:Number,selectMirror:Boolean,eventMaxStack:Number,eventMinHeight:Number,eventMinWidth:Number,eventShortHeight:Number,slotEventOverlap:Boolean,plugins:yn,firstDay:Number,dayCount:Number,dateAlignment:String,dateIncrement:Nt,hiddenDays:yn,monthMode:Boolean,fixedWeekCount:Boolean,validRange:yn,visibleRange:yn,titleFormat:yn,eventInteractive:Boolean,noEventsText:String,viewHint:yn,navLinkHint:yn,closeHint:String,timeHint:String,eventHint:String,moreLinkClick:yn,moreLinkClassNames:yn,moreLinkContent:yn,moreLinkDidMount:yn,moreLinkWillUnmount:yn},cn={eventDisplay:"auto",defaultRangeSeparator:" - ",titleRangeSeparator:" – ",defaultTimedEventDuration:"01:00:00",defaultAllDayEventDuration:{day:1},forceEventDuration:!1,nextDayThreshold:"00:00:00",dayHeaders:!0,initialView:"",aspectRatio:1.35,headerToolbar:{start:"title",center:"",end:"today prev,next"},weekends:!0,weekNumbers:!1,weekNumberCalculation:"local",editable:!1,nowIndicator:!1,scrollTime:"06:00:00",scrollTimeReset:!0,slotMinTime:"00:00:00",slotMaxTime:"24:00:00",showNonCurrentDates:!0,lazyFetching:!0,startParam:"start",endParam:"end",timeZoneParam:"timeZone",timeZone:"local",locales:[],locale:"",themeSystem:"standard",dragRevertDuration:500,dragScroll:!0,allDayMaintainDuration:!1,unselectAuto:!0,dropAccept:"*",eventOrder:"start,-duration,allDay,title",dayPopoverFormat:{month:"long",day:"numeric",year:"numeric"},handleWindowResize:!0,windowResizeDelay:100,longPressDelay:1e3,eventDragMinDistance:5,expandRows:!1,navLinks:!1,selectable:!1,eventMinHeight:15,eventMinWidth:30,eventShortHeight:30},dn={datesSet:yn,eventsSet:yn,eventAdd:yn,eventChange:yn,eventRemove:yn,windowResize:yn,eventClick:yn,eventMouseEnter:yn,eventMouseLeave:yn,select:yn,unselect:yn,loading:yn,_unmount:yn,_beforeprint:yn,_afterprint:yn,_noEventDrop:yn,_noEventResize:yn,_resize:yn,_scrollRequest:yn},pn={buttonText:yn,buttonHints:yn,views:yn,plugins:yn,initialEvents:yn,events:yn,eventSources:yn},fn={headerToolbar:hn,footerToolbar:hn,buttonText:hn,buttonHints:hn,buttonIcons:hn};function hn(e,t){return"object"==typeof e&&"object"==typeof t&&e&&t?wt(e,t):e===t}var vn={type:String,component:yn,buttonText:String,buttonTextKey:String,dateProfileGeneratorClass:yn,usesMinMaxTime:Boolean,classNames:yn,content:yn,didMount:yn,willUnmount:yn};function gn(e){return Et(e,fn)}function mn(e,t){var n={},r={};for(var o in t)o in e&&(n[o]=t[o](e[o]));for(var o in e)o in t||(r[o]=e[o]);return{refined:n,extra:r}}function yn(e){return e}function En(e,t,n,r){for(var o={defs:{},instances:{}},i=An(n),a=0,s=e;a<s.length;a++){var l=Hn(s[a],t,n,r,i);l&&Sn(l,o)}return o}function Sn(e,t){return void 0===t&&(t={defs:{},instances:{}}),t.defs[e.def.defId]=e.def,e.instance&&(t.instances[e.instance.instanceId]=e.instance),t}function bn(e,t){var n=e.instances[t];if(n){var r=e.defs[n.defId],o=wn(e,(function(e){return t=r,n=e,Boolean(t.groupId&&t.groupId===n.groupId);var t,n}));return o.defs[r.defId]=r,o.instances[n.instanceId]=n,o}return{defs:{},instances:{}}}function Dn(){return{defs:{},instances:{}}}function Cn(e,t){return{defs:r(r({},e.defs),t.defs),instances:r(r({},e.instances),t.instances)}}function wn(e,t){var n=St(e.defs,t),r=St(e.instances,(function(e){return n[e.defId]}));return{defs:n,instances:r}}function Rn(e){return Array.isArray(e)?e:"string"==typeof e?e.split(/\s+/):[]}var _n={display:String,editable:Boolean,startEditable:Boolean,durationEditable:Boolean,constraint:yn,overlap:yn,allow:yn,className:Rn,classNames:Rn,color:String,backgroundColor:String,borderColor:String,textColor:String},Tn={display:null,startEditable:null,durationEditable:null,constraints:[],overlap:null,allows:[],backgroundColor:"",borderColor:"",textColor:"",classNames:[]};function kn(e,t){var n=function(e,t){return Array.isArray(e)?En(e,null,t,!0):"object"==typeof e&&e?En([e],null,t,!0):null!=e?String(e):null}(e.constraint,t);return{display:e.display||null,startEditable:null!=e.startEditable?e.startEditable:e.editable,durationEditable:null!=e.durationEditable?e.durationEditable:e.editable,constraints:null!=n?[n]:[],overlap:null!=e.overlap?e.overlap:null,allows:null!=e.allow?[e.allow]:[],backgroundColor:e.backgroundColor||e.color||"",borderColor:e.borderColor||e.color||"",textColor:e.textColor||"",classNames:(e.className||[]).concat(e.classNames||[])}}function xn(e){return e.reduce(Mn,Tn)}function Mn(e,t){return{display:null!=t.display?t.display:e.display,startEditable:null!=t.startEditable?t.startEditable:e.startEditable,durationEditable:null!=t.durationEditable?t.durationEditable:e.durationEditable,constraints:e.constraints.concat(t.constraints),overlap:"boolean"==typeof t.overlap?t.overlap:e.overlap,allows:e.allows.concat(t.allows),backgroundColor:t.backgroundColor||e.backgroundColor,borderColor:t.borderColor||e.borderColor,textColor:t.textColor||e.textColor,classNames:e.classNames.concat(t.classNames)}}var In={id:String,groupId:String,title:String,url:String,interactive:Boolean},Pn={start:yn,end:yn,date:yn,allDay:Boolean},Nn=r(r(r({},In),Pn),{extendedProps:yn});function Hn(e,t,n,r,o){void 0===o&&(o=An(n));var i=On(e,n,o),a=i.refined,s=i.extra,l=function(e,t){var n=null;e&&(n=e.defaultAllDay);null==n&&(n=t.options.defaultAllDay);return n}(t,n),u=function(e,t,n,r){for(var o=0;o<r.length;o+=1){var i=r[o].parse(e,n);if(i){var a=e.allDay;return null==a&&null==(a=t)&&null==(a=i.allDayGuess)&&(a=!1),{allDay:a,duration:i.duration,typeData:i.typeData,typeId:o}}}return null}(a,l,n.dateEnv,n.pluginHooks.recurringTypes);if(u)return(c=Ln(a,s,t?t.sourceId:"",u.allDay,Boolean(u.duration),n)).recurringDef={typeId:u.typeId,typeData:u.typeData,duration:u.duration},{def:c,instance:null};var c,d=function(e,t,n,r){var o,i,a=e.allDay,s=null,l=!1,u=null,c=null!=e.start?e.start:e.date;if(o=n.dateEnv.createMarkerMeta(c))s=o.marker;else if(!r)return null;null!=e.end&&(i=n.dateEnv.createMarkerMeta(e.end));null==a&&(a=null!=t?t:(!o||o.isTimeUnspecified)&&(!i||i.isTimeUnspecified));a&&s&&(s=lt(s));i&&(u=i.marker,a&&(u=lt(u)),s&&u<=s&&(u=null));u?l=!0:r||(l=n.options.forceEventDuration||!1,u=n.dateEnv.add(s,a?n.options.defaultAllDayEventDuration:n.options.defaultTimedEventDuration));return{allDay:a,hasEnd:l,range:{start:s,end:u},forcedStartTzo:o?o.forcedTzo:null,forcedEndTzo:i?i.forcedTzo:null}}(a,l,n,r);return d?{def:c=Ln(a,s,t?t.sourceId:"",d.allDay,d.hasEnd,n),instance:mt(c.defId,d.range,d.forcedStartTzo,d.forcedEndTzo)}:null}function On(e,t,n){return void 0===n&&(n=An(t)),mn(e,n)}function An(e){return r(r(r({},_n),Nn),e.pluginHooks.eventRefiners)}function Ln(e,t,n,o,i,a){for(var s={title:e.title||"",groupId:e.groupId||"",publicId:e.id||"",url:e.url||"",recurringDef:null,defId:Le(),sourceId:n,allDay:o,hasEnd:i,interactive:e.interactive,ui:kn(e,a),extendedProps:r(r({},e.extendedProps||{}),t)},l=0,u=a.pluginHooks.eventDefMemberAdders;l<u.length;l++){var c=u[l];r(s,c(e))}return Object.freeze(s.ui.classNames),Object.freeze(s.extendedProps),s}function Un(e){var t=Math.floor(ot(e.start,e.end))||1,n=lt(e.start);return{start:n,end:tt(n,t)}}function Wn(e,t){void 0===t&&(t=Nt(0));var n=null,r=null;if(e.end){r=lt(e.end);var o=e.end.valueOf()-r.valueOf();o&&o>=Ut(t)&&(r=tt(r,1))}return e.start&&(n=lt(e.start),r&&r<=n&&(r=tt(n,1))),{start:n,end:r}}function Vn(e){var t=Wn(e);return ot(t.start,t.end)>1}function Fn(e,t,n,r){return"year"===r?Nt(n.diffWholeYears(e,t),"year"):"month"===r?Nt(n.diffWholeMonths(e,t),"month"):it(e,t)}function Bn(e,t){var n,r,o=[],i=t.start;for(e.sort(zn),n=0;n<e.length;n+=1)(r=e[n]).start>i&&o.push({start:i,end:r.start}),r.end>i&&(i=r.end);return i<t.end&&o.push({start:i,end:t.end}),o}function zn(e,t){return e.start.valueOf()-t.start.valueOf()}function jn(e,t){var n=e.start,r=e.end,o=null;return null!==t.start&&(n=null===n?t.start:new Date(Math.max(n.valueOf(),t.start.valueOf()))),null!=t.end&&(r=null===r?t.end:new Date(Math.min(r.valueOf(),t.end.valueOf()))),(null===n||null===r||n<r)&&(o={start:n,end:r}),o}function Gn(e,t){return(null===e.start?null:e.start.valueOf())===(null===t.start?null:t.start.valueOf())&&(null===e.end?null:e.end.valueOf())===(null===t.end?null:t.end.valueOf())}function qn(e,t){return(null===e.end||null===t.start||e.end>t.start)&&(null===e.start||null===t.end||e.start<t.end)}function Yn(e,t){return(null===e.start||null!==t.start&&t.start>=e.start)&&(null===e.end||null!==t.end&&t.end<=e.end)}function Zn(e,t){return(null===e.start||t>=e.start)&&(null===e.end||t<e.end)}function Xn(e,t,n,r){var o={},i={},a={},s=[],l=[],u=Qn(e.defs,t);for(var c in e.defs){"inverse-background"===(f=u[(S=e.defs[c]).defId]).display&&(S.groupId?(o[S.groupId]=[],a[S.groupId]||(a[S.groupId]=S)):i[c]=[])}for(var d in e.instances){var p=e.instances[d],f=u[(S=e.defs[p.defId]).defId],h=p.range,v=!S.allDay&&r?Wn(h,r):h,g=jn(v,n);g&&("inverse-background"===f.display?S.groupId?o[S.groupId].push(g):i[p.defId].push(g):"none"!==f.display&&("background"===f.display?s:l).push({def:S,ui:f,instance:p,range:g,isStart:v.start&&v.start.valueOf()===g.start.valueOf(),isEnd:v.end&&v.end.valueOf()===g.end.valueOf()}))}for(var m in o)for(var y=0,E=Bn(o[m],n);y<E.length;y++){var S,b=E[y];f=u[(S=a[m]).defId];s.push({def:S,ui:f,instance:null,range:b,isStart:!1,isEnd:!1})}for(var c in i)for(var D=0,C=Bn(i[c],n);D<C.length;D++){b=C[D];s.push({def:e.defs[c],ui:u[c],instance:null,range:b,isStart:!1,isEnd:!1})}return{bg:s,fg:l}}function Kn(e){return"background"===e.ui.display||"inverse-background"===e.ui.display}function $n(e,t){e.fcSeg=t}function Jn(e){return e.fcSeg||e.parentNode.fcSeg||null}function Qn(e,t){return bt(e,(function(e){return er(e,t)}))}function er(e,t){var n=[];return t[""]&&n.push(t[""]),t[e.defId]&&n.push(t[e.defId]),n.push(e.ui),xn(n)}function tr(e,t){var n=e.map(nr);return n.sort((function(e,n){return Ge(e,n,t)})),n.map((function(e){return e._seg}))}function nr(e){var t=e.eventRange,n=t.def,o=t.instance?t.instance.range:t.range,i=o.start?o.start.valueOf():0,a=o.end?o.end.valueOf():0;return r(r(r({},n.extendedProps),n),{id:n.publicId,start:i,end:a,duration:a-i,allDay:Number(n.allDay),_seg:e})}function rr(e,t){for(var n=t.pluginHooks.isDraggableTransformers,r=e.eventRange,o=r.def,i=r.ui,a=i.startEditable,s=0,l=n;s<l.length;s++){a=(0,l[s])(a,o,i,t)}return a}function or(e,t){return e.isStart&&e.eventRange.ui.durationEditable&&t.options.eventResizableFromStart}function ir(e,t){return e.isEnd&&e.eventRange.ui.durationEditable}function ar(e,t,n,r,o,i,a){var s=n.dateEnv,l=n.options,u=l.displayEventTime,c=l.displayEventEnd,d=e.eventRange.def,p=e.eventRange.instance;null==u&&(u=!1!==r),null==c&&(c=!1!==o);var f=p.range.start,h=p.range.end,v=i||e.start||e.eventRange.range.start,g=a||e.end||e.eventRange.range.end,m=lt(f).valueOf()===lt(v).valueOf(),y=lt(nt(h,-1)).valueOf()===lt(nt(g,-1)).valueOf();return u&&!d.allDay&&(m||y)?(v=m?f:v,g=y?h:g,c&&d.hasEnd?s.formatRange(v,g,t,{forcedStartTzo:i?null:p.forcedStartTzo,forcedEndTzo:a?null:p.forcedEndTzo}):s.format(v,t,{forcedTzo:i?null:p.forcedStartTzo})):""}function sr(e,t,n){var r=e.eventRange.range;return{isPast:r.end<(n||t.start),isFuture:r.start>=(n||t.end),isToday:t&&Zn(t,r.start)}}function lr(e){var t=["fc-event"];return e.isMirror&&t.push("fc-event-mirror"),e.isDraggable&&t.push("fc-event-draggable"),(e.isStartResizable||e.isEndResizable)&&t.push("fc-event-resizable"),e.isDragging&&t.push("fc-event-dragging"),e.isResizing&&t.push("fc-event-resizing"),e.isSelected&&t.push("fc-event-selected"),e.isStart&&t.push("fc-event-start"),e.isEnd&&t.push("fc-event-end"),e.isPast&&t.push("fc-event-past"),e.isToday&&t.push("fc-event-today"),e.isFuture&&t.push("fc-event-future"),t}function ur(e){return e.instance?e.instance.instanceId:e.def.defId+":"+e.range.start.toISOString()}function cr(e,t){var n=e.eventRange,r=n.def,o=n.instance,i=r.url;if(i)return{href:i};var a=t.emitter,s=t.options.eventInteractive;return null==s&&null==(s=r.interactive)&&(s=Boolean(a.hasHandlers("eventClick"))),s?Oe((function(e){a.trigger("eventClick",{el:e.target,event:new xr(t,r,o),jsEvent:e,view:t.viewApi})})):{}}var dr={start:yn,end:yn,allDay:Boolean};function pr(e,t,n){var o=function(e,t){var n=mn(e,dr),o=n.refined,i=n.extra,a=o.start?t.createMarkerMeta(o.start):null,s=o.end?t.createMarkerMeta(o.end):null,l=o.allDay;null==l&&(l=a&&a.isTimeUnspecified&&(!s||s.isTimeUnspecified));return r({range:{start:a?a.marker:null,end:s?s.marker:null},allDay:l},i)}(e,t),i=o.range;if(!i.start)return null;if(!i.end){if(null==n)return null;i.end=t.add(i.start,n)}return o}function fr(e,t){return Gn(e.range,t.range)&&e.allDay===t.allDay&&function(e,t){for(var n in t)if("range"!==n&&"allDay"!==n&&e[n]!==t[n])return!1;for(var n in e)if(!(n in t))return!1;return!0}(e,t)}function hr(e,t,n){return r(r({},vr(e,t,n)),{timeZone:t.timeZone})}function vr(e,t,n){return{start:t.toDate(e.start),end:t.toDate(e.end),startStr:t.formatIso(e.start,{omitTime:n}),endStr:t.formatIso(e.end,{omitTime:n})}}function gr(e,t,n){var r=On({editable:!1},n),o=Ln(r.refined,r.extra,"",e.allDay,!0,n);return{def:o,ui:er(o,t),instance:mt(o.defId,e.range),range:e.range,isStart:!0,isEnd:!0}}function mr(e,t,n){n.emitter.trigger("select",r(r({},yr(e,n)),{jsEvent:t?t.origEvent:null,view:n.viewApi||n.calendarApi.view}))}function yr(e,t){for(var n,o,i={},a=0,s=t.pluginHooks.dateSpanTransforms;a<s.length;a++){var l=s[a];r(i,l(e,t))}return r(i,(n=e,o=t.dateEnv,r(r({},vr(n.range,o,n.allDay)),{allDay:n.allDay}))),i}function Er(e,t,n){var r=n.dateEnv,o=n.options,i=t;return e?(i=lt(i),i=r.add(i,o.defaultAllDayEventDuration)):i=r.add(i,o.defaultTimedEventDuration),i}function Sr(e,t,n,r){var o=Qn(e.defs,t),i={defs:{},instances:{}};for(var a in e.defs){var s=e.defs[a];i.defs[a]=br(s,o[a],n,r)}for(var l in e.instances){var u=e.instances[l];s=i.defs[u.defId];i.instances[l]=Dr(u,s,o[u.defId],n,r)}return i}function br(e,t,n,o){var i=n.standardProps||{};null==i.hasEnd&&t.durationEditable&&(n.startDelta||n.endDelta)&&(i.hasEnd=!0);var a=r(r(r({},e),i),{ui:r(r({},e.ui),i.ui)});n.extendedProps&&(a.extendedProps=r(r({},a.extendedProps),n.extendedProps));for(var s=0,l=o.pluginHooks.eventDefMutationAppliers;s<l.length;s++){(0,l[s])(a,n,o)}return!a.hasEnd&&o.options.forceEventDuration&&(a.hasEnd=!0),a}function Dr(e,t,n,o,i){var a=i.dateEnv,s=o.standardProps&&!0===o.standardProps.allDay,l=o.standardProps&&!1===o.standardProps.hasEnd,u=r({},e);return s&&(u.range=Un(u.range)),o.datesDelta&&n.startEditable&&(u.range={start:a.add(u.range.start,o.datesDelta),end:a.add(u.range.end,o.datesDelta)}),o.startDelta&&n.durationEditable&&(u.range={start:a.add(u.range.start,o.startDelta),end:u.range.end}),o.endDelta&&n.durationEditable&&(u.range={start:u.range.start,end:a.add(u.range.end,o.endDelta)}),l&&(u.range={start:u.range.start,end:Er(t.allDay,u.range.start,i)}),t.allDay&&(u.range={start:lt(u.range.start),end:lt(u.range.end)}),u.range.end<u.range.start&&(u.range.end=Er(t.allDay,u.range.start,i)),u}var Cr=function(){function e(e,t,n){this.type=e,this.getCurrentData=t,this.dateEnv=n}return Object.defineProperty(e.prototype,"calendar",{get:function(){return this.getCurrentData().calendarApi},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"title",{get:function(){return this.getCurrentData().viewTitle},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"activeStart",{get:function(){return this.dateEnv.toDate(this.getCurrentData().dateProfile.activeRange.start)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"activeEnd",{get:function(){return this.dateEnv.toDate(this.getCurrentData().dateProfile.activeRange.end)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"currentStart",{get:function(){return this.dateEnv.toDate(this.getCurrentData().dateProfile.currentRange.start)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"currentEnd",{get:function(){return this.dateEnv.toDate(this.getCurrentData().dateProfile.currentRange.end)},enumerable:!1,configurable:!0}),e.prototype.getOption=function(e){return this.getCurrentData().options[e]},e}(),wr={id:String,defaultAllDay:Boolean,url:String,format:String,events:yn,eventDataTransform:yn,success:yn,failure:yn};function Rr(e,t,n){var r;if(void 0===n&&(n=_r(t)),"string"==typeof e?r={url:e}:"function"==typeof e||Array.isArray(e)?r={events:e}:"object"==typeof e&&e&&(r=e),r){var o=mn(r,n),i=o.refined,a=o.extra,s=function(e,t){for(var n=t.pluginHooks.eventSourceDefs,r=n.length-1;r>=0;r-=1){var o=n[r].parseMeta(e);if(o)return{sourceDefId:r,meta:o}}return null}(i,t);if(s)return{_raw:e,isFetching:!1,latestFetchId:"",fetchRange:null,defaultAllDay:i.defaultAllDay,eventDataTransform:i.eventDataTransform,success:i.success,failure:i.failure,publicId:i.id||"",sourceId:Le(),sourceDefId:s.sourceDefId,meta:s.meta,ui:kn(i,t),extendedProps:a}}return null}function _r(e){return r(r(r({},_n),wr),e.pluginHooks.eventSourceRefiners)}function Tr(e,t){return"function"==typeof e&&(e=e()),null==e?t.createNowMarker():t.createMarker(e)}var kr=function(){function e(){}return e.prototype.getCurrentData=function(){return this.currentDataManager.getCurrentData()},e.prototype.dispatch=function(e){return this.currentDataManager.dispatch(e)},Object.defineProperty(e.prototype,"view",{get:function(){return this.getCurrentData().viewApi},enumerable:!1,configurable:!0}),e.prototype.batchRendering=function(e){e()},e.prototype.updateSize=function(){this.trigger("_resize",!0)},e.prototype.setOption=function(e,t){this.dispatch({type:"SET_OPTION",optionName:e,rawOptionValue:t})},e.prototype.getOption=function(e){return this.currentDataManager.currentCalendarOptionsInput[e]},e.prototype.getAvailableLocaleCodes=function(){return Object.keys(this.getCurrentData().availableRawLocales)},e.prototype.on=function(e,t){var n=this.currentDataManager;n.currentCalendarOptionsRefiners[e]?n.emitter.on(e,t):console.warn("Unknown listener name '"+e+"'")},e.prototype.off=function(e,t){this.currentDataManager.emitter.off(e,t)},e.prototype.trigger=function(e){for(var t,n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];(t=this.currentDataManager.emitter).trigger.apply(t,o([e],n))},e.prototype.changeView=function(e,t){var n=this;this.batchRendering((function(){if(n.unselect(),t)if(t.start&&t.end)n.dispatch({type:"CHANGE_VIEW_TYPE",viewType:e}),n.dispatch({type:"SET_OPTION",optionName:"visibleRange",rawOptionValue:t});else{var r=n.getCurrentData().dateEnv;n.dispatch({type:"CHANGE_VIEW_TYPE",viewType:e,dateMarker:r.createMarker(t)})}else n.dispatch({type:"CHANGE_VIEW_TYPE",viewType:e})}))},e.prototype.zoomTo=function(e,t){var n;t=t||"day",n=this.getCurrentData().viewSpecs[t]||this.getUnitViewSpec(t),this.unselect(),n?this.dispatch({type:"CHANGE_VIEW_TYPE",viewType:n.type,dateMarker:e}):this.dispatch({type:"CHANGE_DATE",dateMarker:e})},e.prototype.getUnitViewSpec=function(e){var t,n,r=this.getCurrentData(),o=r.viewSpecs,i=r.toolbarConfig,a=[].concat(i.header?i.header.viewsWithButtons:[],i.footer?i.footer.viewsWithButtons:[]);for(var s in o)a.push(s);for(t=0;t<a.length;t+=1)if((n=o[a[t]])&&n.singleUnit===e)return n;return null},e.prototype.prev=function(){this.unselect(),this.dispatch({type:"PREV"})},e.prototype.next=function(){this.unselect(),this.dispatch({type:"NEXT"})},e.prototype.prevYear=function(){var e=this.getCurrentData();this.unselect(),this.dispatch({type:"CHANGE_DATE",dateMarker:e.dateEnv.addYears(e.currentDate,-1)})},e.prototype.nextYear=function(){var e=this.getCurrentData();this.unselect(),this.dispatch({type:"CHANGE_DATE",dateMarker:e.dateEnv.addYears(e.currentDate,1)})},e.prototype.today=function(){var e=this.getCurrentData();this.unselect(),this.dispatch({type:"CHANGE_DATE",dateMarker:Tr(e.calendarOptions.now,e.dateEnv)})},e.prototype.gotoDate=function(e){var t=this.getCurrentData();this.unselect(),this.dispatch({type:"CHANGE_DATE",dateMarker:t.dateEnv.createMarker(e)})},e.prototype.incrementDate=function(e){var t=this.getCurrentData(),n=Nt(e);n&&(this.unselect(),this.dispatch({type:"CHANGE_DATE",dateMarker:t.dateEnv.add(t.currentDate,n)}))},e.prototype.getDate=function(){var e=this.getCurrentData();return e.dateEnv.toDate(e.currentDate)},e.prototype.formatDate=function(e,t){var n=this.getCurrentData().dateEnv;return n.format(n.createMarker(e),ln(t))},e.prototype.formatRange=function(e,t,n){var r=this.getCurrentData().dateEnv;return r.formatRange(r.createMarker(e),r.createMarker(t),ln(n),n)},e.prototype.formatIso=function(e,t){var n=this.getCurrentData().dateEnv;return n.formatIso(n.createMarker(e),{omitTime:t})},e.prototype.select=function(e,t){var n;n=null==t?null!=e.start?e:{start:e,end:null}:{start:e,end:t};var r=this.getCurrentData(),o=pr(n,r.dateEnv,Nt({days:1}));o&&(this.dispatch({type:"SELECT_DATES",selection:o}),mr(o,null,r))},e.prototype.unselect=function(e){var t=this.getCurrentData();t.dateSelection&&(this.dispatch({type:"UNSELECT_DATES"}),function(e,t){t.emitter.trigger("unselect",{jsEvent:e?e.origEvent:null,view:t.viewApi||t.calendarApi.view})}(e,t))},e.prototype.addEvent=function(e,t){if(e instanceof xr){var n=e._def,r=e._instance;return this.getCurrentData().eventStore.defs[n.defId]||(this.dispatch({type:"ADD_EVENTS",eventStore:Sn({def:n,instance:r})}),this.triggerEventAdd(e)),e}var o,i=this.getCurrentData();if(t instanceof ye)o=t.internalEventSource;else if("boolean"==typeof t)t&&(o=Ct(i.eventSources)[0]);else if(null!=t){var a=this.getEventSourceById(t);if(!a)return console.warn('Could not find an event source with ID "'+t+'"'),null;o=a.internalEventSource}var s=Hn(e,o,i,!1);if(s){var l=new xr(i,s.def,s.def.recurringDef?null:s.instance);return this.dispatch({type:"ADD_EVENTS",eventStore:Sn(s)}),this.triggerEventAdd(l),l}return null},e.prototype.triggerEventAdd=function(e){var t=this;this.getCurrentData().emitter.trigger("eventAdd",{event:e,relatedEvents:[],revert:function(){t.dispatch({type:"REMOVE_EVENTS",eventStore:Mr(e)})}})},e.prototype.getEventById=function(e){var t=this.getCurrentData(),n=t.eventStore,r=n.defs,o=n.instances;for(var i in e=String(e),r){var a=r[i];if(a.publicId===e){if(a.recurringDef)return new xr(t,a,null);for(var s in o){var l=o[s];if(l.defId===a.defId)return new xr(t,a,l)}}}return null},e.prototype.getEvents=function(){var e=this.getCurrentData();return Ir(e.eventStore,e)},e.prototype.removeAllEvents=function(){this.dispatch({type:"REMOVE_ALL_EVENTS"})},e.prototype.getEventSources=function(){var e=this.getCurrentData(),t=e.eventSources,n=[];for(var r in t)n.push(new ye(e,t[r]));return n},e.prototype.getEventSourceById=function(e){var t=this.getCurrentData(),n=t.eventSources;for(var r in e=String(e),n)if(n[r].publicId===e)return new ye(t,n[r]);return null},e.prototype.addEventSource=function(e){var t=this.getCurrentData();if(e instanceof ye)return t.eventSources[e.internalEventSource.sourceId]||this.dispatch({type:"ADD_EVENT_SOURCES",sources:[e.internalEventSource]}),e;var n=Rr(e,t);return n?(this.dispatch({type:"ADD_EVENT_SOURCES",sources:[n]}),new ye(t,n)):null},e.prototype.removeAllEventSources=function(){this.dispatch({type:"REMOVE_ALL_EVENT_SOURCES"})},e.prototype.refetchEvents=function(){this.dispatch({type:"FETCH_EVENT_SOURCES",isRefetch:!0})},e.prototype.scrollToTime=function(e){var t=Nt(e);t&&this.trigger("_scrollRequest",{time:t})},e}(),xr=function(){function e(e,t,n){this._context=e,this._def=t,this._instance=n||null}return e.prototype.setProp=function(e,t){var n,r;if(e in Pn)console.warn("Could not set date-related prop 'name'. Use one of the date-related methods instead.");else if("id"===e)t=In[e](t),this.mutate({standardProps:{publicId:t}});else if(e in In)t=In[e](t),this.mutate({standardProps:(n={},n[e]=t,n)});else if(e in _n){var o=_n[e](t);"color"===e?o={backgroundColor:t,borderColor:t}:"editable"===e?o={startEditable:t,durationEditable:t}:((r={})[e]=t,o=r),this.mutate({standardProps:{ui:o}})}else console.warn("Could not set prop '"+e+"'. Use setExtendedProp instead.")},e.prototype.setExtendedProp=function(e,t){var n;this.mutate({extendedProps:(n={},n[e]=t,n)})},e.prototype.setStart=function(e,t){void 0===t&&(t={});var n=this._context.dateEnv,r=n.createMarker(e);if(r&&this._instance){var o=Fn(this._instance.range.start,r,n,t.granularity);t.maintainDuration?this.mutate({datesDelta:o}):this.mutate({startDelta:o})}},e.prototype.setEnd=function(e,t){void 0===t&&(t={});var n,r=this._context.dateEnv;if((null==e||(n=r.createMarker(e)))&&this._instance)if(n){var o=Fn(this._instance.range.end,n,r,t.granularity);this.mutate({endDelta:o})}else this.mutate({standardProps:{hasEnd:!1}})},e.prototype.setDates=function(e,t,n){void 0===n&&(n={});var r,o,i,a=this._context.dateEnv,s={allDay:n.allDay},l=a.createMarker(e);if(l&&((null==t||(r=a.createMarker(t)))&&this._instance)){var u=this._instance.range;!0===n.allDay&&(u=Un(u));var c=Fn(u.start,l,a,n.granularity);if(r){var d=Fn(u.end,r,a,n.granularity);i=d,(o=c).years===i.years&&o.months===i.months&&o.days===i.days&&o.milliseconds===i.milliseconds?this.mutate({datesDelta:c,standardProps:s}):this.mutate({startDelta:c,endDelta:d,standardProps:s})}else s.hasEnd=!1,this.mutate({datesDelta:c,standardProps:s})}},e.prototype.moveStart=function(e){var t=Nt(e);t&&this.mutate({startDelta:t})},e.prototype.moveEnd=function(e){var t=Nt(e);t&&this.mutate({endDelta:t})},e.prototype.moveDates=function(e){var t=Nt(e);t&&this.mutate({datesDelta:t})},e.prototype.setAllDay=function(e,t){void 0===t&&(t={});var n={allDay:e},r=t.maintainDuration;null==r&&(r=this._context.options.allDayMaintainDuration),this._def.allDay!==e&&(n.hasEnd=r),this.mutate({standardProps:n})},e.prototype.formatRange=function(e){var t=this._context.dateEnv,n=this._instance,r=ln(e);return this._def.hasEnd?t.formatRange(n.range.start,n.range.end,r,{forcedStartTzo:n.forcedStartTzo,forcedEndTzo:n.forcedEndTzo}):t.format(n.range.start,r,{forcedTzo:n.forcedStartTzo})},e.prototype.mutate=function(t){var n=this._instance;if(n){var r=this._def,o=this._context,i=o.getCurrentData().eventStore,a=bn(i,n.instanceId);a=Sr(a,{"":{display:"",startEditable:!0,durationEditable:!0,constraints:[],overlap:null,allows:[],backgroundColor:"",borderColor:"",textColor:"",classNames:[]}},t,o);var s=new e(o,r,n);this._def=a.defs[r.defId],this._instance=a.instances[n.instanceId],o.dispatch({type:"MERGE_EVENTS",eventStore:a}),o.emitter.trigger("eventChange",{oldEvent:s,event:this,relatedEvents:Ir(a,o,n),revert:function(){o.dispatch({type:"RESET_EVENTS",eventStore:i})}})}},e.prototype.remove=function(){var e=this._context,t=Mr(this);e.dispatch({type:"REMOVE_EVENTS",eventStore:t}),e.emitter.trigger("eventRemove",{event:this,relatedEvents:[],revert:function(){e.dispatch({type:"MERGE_EVENTS",eventStore:t})}})},Object.defineProperty(e.prototype,"source",{get:function(){var e=this._def.sourceId;return e?new ye(this._context,this._context.getCurrentData().eventSources[e]):null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"start",{get:function(){return this._instance?this._context.dateEnv.toDate(this._instance.range.start):null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"end",{get:function(){return this._instance&&this._def.hasEnd?this._context.dateEnv.toDate(this._instance.range.end):null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"startStr",{get:function(){var e=this._instance;return e?this._context.dateEnv.formatIso(e.range.start,{omitTime:this._def.allDay,forcedTzo:e.forcedStartTzo}):""},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"endStr",{get:function(){var e=this._instance;return e&&this._def.hasEnd?this._context.dateEnv.formatIso(e.range.end,{omitTime:this._def.allDay,forcedTzo:e.forcedEndTzo}):""},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"id",{get:function(){return this._def.publicId},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"groupId",{get:function(){return this._def.groupId},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"allDay",{get:function(){return this._def.allDay},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"title",{get:function(){return this._def.title},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"url",{get:function(){return this._def.url},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"display",{get:function(){return this._def.ui.display||"auto"},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"startEditable",{get:function(){return this._def.ui.startEditable},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"durationEditable",{get:function(){return this._def.ui.durationEditable},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"constraint",{get:function(){return this._def.ui.constraints[0]||null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"overlap",{get:function(){return this._def.ui.overlap},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"allow",{get:function(){return this._def.ui.allows[0]||null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"backgroundColor",{get:function(){return this._def.ui.backgroundColor},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"borderColor",{get:function(){return this._def.ui.borderColor},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"textColor",{get:function(){return this._def.ui.textColor},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"classNames",{get:function(){return this._def.ui.classNames},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"extendedProps",{get:function(){return this._def.extendedProps},enumerable:!1,configurable:!0}),e.prototype.toPlainObject=function(e){void 0===e&&(e={});var t=this._def,n=t.ui,o=this.startStr,i=this.endStr,a={};return t.title&&(a.title=t.title),o&&(a.start=o),i&&(a.end=i),t.publicId&&(a.id=t.publicId),t.groupId&&(a.groupId=t.groupId),t.url&&(a.url=t.url),n.display&&"auto"!==n.display&&(a.display=n.display),e.collapseColor&&n.backgroundColor&&n.backgroundColor===n.borderColor?a.color=n.backgroundColor:(n.backgroundColor&&(a.backgroundColor=n.backgroundColor),n.borderColor&&(a.borderColor=n.borderColor)),n.textColor&&(a.textColor=n.textColor),n.classNames.length&&(a.classNames=n.classNames),Object.keys(t.extendedProps).length&&(e.collapseExtendedProps?r(a,t.extendedProps):a.extendedProps=t.extendedProps),a},e.prototype.toJSON=function(){return this.toPlainObject()},e}();function Mr(e){var t,n,r=e._def,o=e._instance;return{defs:(t={},t[r.defId]=r,t),instances:o?(n={},n[o.instanceId]=o,n):{}}}function Ir(e,t,n){var r=e.defs,o=e.instances,i=[],a=n?n.instanceId:"";for(var s in o){var l=o[s],u=r[l.defId];l.instanceId!==a&&i.push(new xr(t,u,l))}return i}var Pr={};var Nr,Hr=function(){function e(){}return e.prototype.getMarkerYear=function(e){return e.getUTCFullYear()},e.prototype.getMarkerMonth=function(e){return e.getUTCMonth()},e.prototype.getMarkerDay=function(e){return e.getUTCDate()},e.prototype.arrayToMarker=function(e){return ht(e)},e.prototype.markerToArray=function(e){return ft(e)},e}();Nr=Hr,Pr["gregory"]=Nr;var Or=/^\s*(\d{4})(-?(\d{2})(-?(\d{2})([T ](\d{2}):?(\d{2})(:?(\d{2})(\.(\d+))?)?(Z|(([-+])(\d{2})(:?(\d{2}))?))?)?)?)?$/;function Ar(e){var t=Or.exec(e);if(t){var n=new Date(Date.UTC(Number(t[1]),t[3]?Number(t[3])-1:0,Number(t[5]||1),Number(t[7]||0),Number(t[8]||0),Number(t[10]||0),t[12]?1e3*Number("0."+t[12]):0));if(vt(n)){var r=null;return t[13]&&(r=("-"===t[15]?-1:1)*(60*Number(t[16]||0)+Number(t[18]||0))),{marker:n,isTimeUnspecified:!t[6],timeZoneOffset:r}}}return null}var Lr=function(){function e(e){var t=this.timeZone=e.timeZone,n="local"!==t&&"UTC"!==t;e.namedTimeZoneImpl&&n&&(this.namedTimeZoneImpl=new e.namedTimeZoneImpl(t)),this.canComputeOffset=Boolean(!n||this.namedTimeZoneImpl),this.calendarSystem=function(e){return new Pr[e]}(e.calendarSystem),this.locale=e.locale,this.weekDow=e.locale.week.dow,this.weekDoy=e.locale.week.doy,"ISO"===e.weekNumberCalculation&&(this.weekDow=1,this.weekDoy=4),"number"==typeof e.firstDay&&(this.weekDow=e.firstDay),"function"==typeof e.weekNumberCalculation&&(this.weekNumberFunc=e.weekNumberCalculation),this.weekText=null!=e.weekText?e.weekText:e.locale.options.weekText,this.weekTextLong=(null!=e.weekTextLong?e.weekTextLong:e.locale.options.weekTextLong)||this.weekText,this.cmdFormatter=e.cmdFormatter,this.defaultSeparator=e.defaultSeparator}return e.prototype.createMarker=function(e){var t=this.createMarkerMeta(e);return null===t?null:t.marker},e.prototype.createNowMarker=function(){return this.canComputeOffset?this.timestampToMarker((new Date).valueOf()):ht(dt(new Date))},e.prototype.createMarkerMeta=function(e){if("string"==typeof e)return this.parse(e);var t=null;return"number"==typeof e?t=this.timestampToMarker(e):e instanceof Date?(e=e.valueOf(),isNaN(e)||(t=this.timestampToMarker(e))):Array.isArray(e)&&(t=ht(e)),null!==t&&vt(t)?{marker:t,isTimeUnspecified:!1,forcedTzo:null}:null},e.prototype.parse=function(e){var t=Ar(e);if(null===t)return null;var n=t.marker,r=null;return null!==t.timeZoneOffset&&(this.canComputeOffset?n=this.timestampToMarker(n.valueOf()-60*t.timeZoneOffset*1e3):r=t.timeZoneOffset),{marker:n,isTimeUnspecified:t.isTimeUnspecified,forcedTzo:r}},e.prototype.getYear=function(e){return this.calendarSystem.getMarkerYear(e)},e.prototype.getMonth=function(e){return this.calendarSystem.getMarkerMonth(e)},e.prototype.add=function(e,t){var n=this.calendarSystem.markerToArray(e);return n[0]+=t.years,n[1]+=t.months,n[2]+=t.days,n[6]+=t.milliseconds,this.calendarSystem.arrayToMarker(n)},e.prototype.subtract=function(e,t){var n=this.calendarSystem.markerToArray(e);return n[0]-=t.years,n[1]-=t.months,n[2]-=t.days,n[6]-=t.milliseconds,this.calendarSystem.arrayToMarker(n)},e.prototype.addYears=function(e,t){var n=this.calendarSystem.markerToArray(e);return n[0]+=t,this.calendarSystem.arrayToMarker(n)},e.prototype.addMonths=function(e,t){var n=this.calendarSystem.markerToArray(e);return n[1]+=t,this.calendarSystem.arrayToMarker(n)},e.prototype.diffWholeYears=function(e,t){var n=this.calendarSystem;return gt(e)===gt(t)&&n.getMarkerDay(e)===n.getMarkerDay(t)&&n.getMarkerMonth(e)===n.getMarkerMonth(t)?n.getMarkerYear(t)-n.getMarkerYear(e):null},e.prototype.diffWholeMonths=function(e,t){var n=this.calendarSystem;return gt(e)===gt(t)&&n.getMarkerDay(e)===n.getMarkerDay(t)?n.getMarkerMonth(t)-n.getMarkerMonth(e)+12*(n.getMarkerYear(t)-n.getMarkerYear(e)):null},e.prototype.greatestWholeUnit=function(e,t){var n=this.diffWholeYears(e,t);return null!==n?{unit:"year",value:n}:null!==(n=this.diffWholeMonths(e,t))?{unit:"month",value:n}:null!==(n=at(e,t))?{unit:"week",value:n}:null!==(n=st(e,t))?{unit:"day",value:n}:$e(n=function(e,t){return(t.valueOf()-e.valueOf())/36e5}(e,t))?{unit:"hour",value:n}:$e(n=function(e,t){return(t.valueOf()-e.valueOf())/6e4}(e,t))?{unit:"minute",value:n}:$e(n=function(e,t){return(t.valueOf()-e.valueOf())/1e3}(e,t))?{unit:"second",value:n}:{unit:"millisecond",value:t.valueOf()-e.valueOf()}},e.prototype.countDurationsBetween=function(e,t,n){var r;return n.years&&null!==(r=this.diffWholeYears(e,t))?r/(Lt(n)/365):n.months&&null!==(r=this.diffWholeMonths(e,t))?r/function(e){return Lt(e)/30}(n):n.days&&null!==(r=st(e,t))?r/Lt(n):(t.valueOf()-e.valueOf())/Ut(n)},e.prototype.startOf=function(e,t){return"year"===t?this.startOfYear(e):"month"===t?this.startOfMonth(e):"week"===t?this.startOfWeek(e):"day"===t?lt(e):"hour"===t?function(e){return ht([e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),e.getUTCHours()])}(e):"minute"===t?function(e){return ht([e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),e.getUTCHours(),e.getUTCMinutes()])}(e):"second"===t?function(e){return ht([e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),e.getUTCHours(),e.getUTCMinutes(),e.getUTCSeconds()])}(e):null},e.prototype.startOfYear=function(e){return this.calendarSystem.arrayToMarker([this.calendarSystem.getMarkerYear(e)])},e.prototype.startOfMonth=function(e){return this.calendarSystem.arrayToMarker([this.calendarSystem.getMarkerYear(e),this.calendarSystem.getMarkerMonth(e)])},e.prototype.startOfWeek=function(e){return this.calendarSystem.arrayToMarker([this.calendarSystem.getMarkerYear(e),this.calendarSystem.getMarkerMonth(e),e.getUTCDate()-(e.getUTCDay()-this.weekDow+7)%7])},e.prototype.computeWeekNumber=function(e){return this.weekNumberFunc?this.weekNumberFunc(this.toDate(e)):function(e,t,n){var r=e.getUTCFullYear(),o=ut(e,r,t,n);if(o<1)return ut(e,r-1,t,n);var i=ut(e,r+1,t,n);return i>=1?Math.min(o,i):o}(e,this.weekDow,this.weekDoy)},e.prototype.format=function(e,t,n){return void 0===n&&(n={}),t.format({marker:e,timeZoneOffset:null!=n.forcedTzo?n.forcedTzo:this.offsetForMarker(e)},this)},e.prototype.formatRange=function(e,t,n,r){return void 0===r&&(r={}),r.isEndExclusive&&(t=nt(t,-1)),n.formatRange({marker:e,timeZoneOffset:null!=r.forcedStartTzo?r.forcedStartTzo:this.offsetForMarker(e)},{marker:t,timeZoneOffset:null!=r.forcedEndTzo?r.forcedEndTzo:this.offsetForMarker(t)},this,r.defaultSeparator)},e.prototype.formatIso=function(e,t){void 0===t&&(t={});var n=null;return t.omitTimeZoneOffset||(n=null!=t.forcedTzo?t.forcedTzo:this.offsetForMarker(e)),Ft(e,n,t.omitTime)},e.prototype.timestampToMarker=function(e){return"local"===this.timeZone?ht(dt(new Date(e))):"UTC"!==this.timeZone&&this.namedTimeZoneImpl?ht(this.namedTimeZoneImpl.timestampToArray(e)):new Date(e)},e.prototype.offsetForMarker=function(e){return"local"===this.timeZone?-pt(ft(e)).getTimezoneOffset():"UTC"===this.timeZone?0:this.namedTimeZoneImpl?this.namedTimeZoneImpl.offsetForArray(ft(e)):null},e.prototype.toDate=function(e,t){return"local"===this.timeZone?pt(ft(e)):"UTC"===this.timeZone?new Date(e.valueOf()):this.namedTimeZoneImpl?new Date(e.valueOf()-1e3*this.namedTimeZoneImpl.offsetForArray(ft(e))*60):new Date(e.valueOf()-(t||0))},e}(),Ur=[],Wr={code:"en",week:{dow:0,doy:4},direction:"ltr",buttonText:{prev:"prev",next:"next",prevYear:"prev year",nextYear:"next year",year:"year",today:"today",month:"month",week:"week",day:"day",list:"list"},weekText:"W",weekTextLong:"Week",closeHint:"Close",timeHint:"Time",eventHint:"Event",allDayText:"all-day",moreLinkText:"more",noEventsText:"No events to display"},Vr=r(r({},Wr),{buttonHints:{prev:"Previous $0",next:"Next $0",today:function(e,t){return"day"===t?"Today":"This "+e}},viewHint:"$0 view",navLinkHint:"Go to $0",moreLinkHint:function(e){return"Show "+e+" more event"+(1===e?"":"s")}});function Fr(e){for(var t=e.length>0?e[0].code:"en",n=Ur.concat(e),r={en:Vr},o=0,i=n;o<i.length;o++){var a=i[o];r[a.code]=a}return{map:r,defaultCode:t}}function Br(e,t){return"object"!=typeof e||Array.isArray(e)?function(e,t){var n=[].concat(e||[]),r=function(e,t){for(var n=0;n<e.length;n+=1)for(var r=e[n].toLocaleLowerCase().split("-"),o=r.length;o>0;o-=1){var i=r.slice(0,o).join("-");if(t[i])return t[i]}return null}(n,t)||Vr;return zr(e,n,r)}(e,t):zr(e.code,[e.code],e)}function zr(e,t,n){var r=Et([Wr,n],["buttonText"]);delete r.code;var o=r.week;return delete r.week,{codeArg:e,codes:t,week:o,simpleNumberFormat:new Intl.NumberFormat(e),options:r}}function jr(e){var t=Br(e.locale||"en",Fr([]).map);return new Lr(r(r({timeZone:cn.timeZone,calendarSystem:"gregory"},e),{locale:t}))}var Gr,qr={startTime:"09:00",endTime:"17:00",daysOfWeek:[1,2,3,4,5],display:"inverse-background",classNames:"fc-non-business",groupId:"_businessHours"};function Yr(e,t){return En(function(e){var t;t=!0===e?[{}]:Array.isArray(e)?e.filter((function(e){return e.daysOfWeek})):"object"==typeof e&&e?[e]:[];return t=t.map((function(e){return r(r({},qr),e)}))}(e),null,t)}function Zr(e,t){return e.left>=t.left&&e.left<t.right&&e.top>=t.top&&e.top<t.bottom}function Xr(e,t){var n={left:Math.max(e.left,t.left),right:Math.min(e.right,t.right),top:Math.max(e.top,t.top),bottom:Math.min(e.bottom,t.bottom)};return n.left<n.right&&n.top<n.bottom&&n}function Kr(e,t){return{left:Math.min(Math.max(e.left,t.left),t.right),top:Math.min(Math.max(e.top,t.top),t.bottom)}}function $r(e){return{left:(e.left+e.right)/2,top:(e.top+e.bottom)/2}}function Jr(e,t){return{left:e.left-t.left,top:e.top-t.top}}function Qr(){return null==Gr&&(Gr=function(){if("undefined"==typeof document)return!0;var e=document.createElement("div");e.style.position="absolute",e.style.top="0px",e.style.left="0px",e.innerHTML="<table><tr><td><div></div></td></tr></table>",e.querySelector("table").style.height="100px",e.querySelector("div").style.height="100%",document.body.appendChild(e);var t=e.querySelector("div").offsetHeight>0;return document.body.removeChild(e),t}()),Gr}var eo={defs:{},instances:{}},to=function(){function e(){this.getKeysForEventDefs=qt(this._getKeysForEventDefs),this.splitDateSelection=qt(this._splitDateSpan),this.splitEventStore=qt(this._splitEventStore),this.splitIndividualUi=qt(this._splitIndividualUi),this.splitEventDrag=qt(this._splitInteraction),this.splitEventResize=qt(this._splitInteraction),this.eventUiBuilders={}}return e.prototype.splitProps=function(e){var t=this,n=this.getKeyInfo(e),r=this.getKeysForEventDefs(e.eventStore),o=this.splitDateSelection(e.dateSelection),i=this.splitIndividualUi(e.eventUiBases,r),a=this.splitEventStore(e.eventStore,r),s=this.splitEventDrag(e.eventDrag),l=this.splitEventResize(e.eventResize),u={};for(var c in this.eventUiBuilders=bt(n,(function(e,n){return t.eventUiBuilders[n]||qt(no)})),n){var d=n[c],p=a[c]||eo,f=this.eventUiBuilders[c];u[c]={businessHours:d.businessHours||e.businessHours,dateSelection:o[c]||null,eventStore:p,eventUiBases:f(e.eventUiBases[""],d.ui,i[c]),eventSelection:p.instances[e.eventSelection]?e.eventSelection:"",eventDrag:s[c]||null,eventResize:l[c]||null}}return u},e.prototype._splitDateSpan=function(e){var t={};if(e)for(var n=0,r=this.getKeysForDateSpan(e);n<r.length;n++){t[r[n]]=e}return t},e.prototype._getKeysForEventDefs=function(e){var t=this;return bt(e.defs,(function(e){return t.getKeysForEventDef(e)}))},e.prototype._splitEventStore=function(e,t){var n=e.defs,r=e.instances,o={};for(var i in n)for(var a=0,s=t[i];a<s.length;a++){o[p=s[a]]||(o[p]={defs:{},instances:{}}),o[p].defs[i]=n[i]}for(var l in r)for(var u=r[l],c=0,d=t[u.defId];c<d.length;c++){var p;o[p=d[c]]&&(o[p].instances[l]=u)}return o},e.prototype._splitIndividualUi=function(e,t){var n={};for(var r in e)if(r)for(var o=0,i=t[r];o<i.length;o++){var a=i[o];n[a]||(n[a]={}),n[a][r]=e[r]}return n},e.prototype._splitInteraction=function(e){var t={};if(e){var n=this._splitEventStore(e.affectedEvents,this._getKeysForEventDefs(e.affectedEvents)),r=this._getKeysForEventDefs(e.mutatedEvents),o=this._splitEventStore(e.mutatedEvents,r),i=function(r){t[r]||(t[r]={affectedEvents:n[r]||eo,mutatedEvents:o[r]||eo,isEvent:e.isEvent})};for(var a in n)i(a);for(var a in o)i(a)}return t},e}();function no(e,t,n){var o=[];e&&o.push(e),t&&o.push(t);var i={"":xn(o)};return n&&r(i,n),i}function ro(e,t,n,r){return{dow:e.getUTCDay(),isDisabled:Boolean(r&&!Zn(r.activeRange,e)),isOther:Boolean(r&&!Zn(r.currentRange,e)),isToday:Boolean(t&&Zn(t,e)),isPast:Boolean(n?e<n:!!t&&e<t.start),isFuture:Boolean(n?e>n:!!t&&e>=t.end)}}function oo(e,t){var n=["fc-day","fc-day-"+Qe[e.dow]];return e.isDisabled?n.push("fc-day-disabled"):(e.isToday&&(n.push("fc-day-today"),n.push(t.getClass("today"))),e.isPast&&n.push("fc-day-past"),e.isFuture&&n.push("fc-day-future"),e.isOther&&n.push("fc-day-other")),n}var io=ln({year:"numeric",month:"long",day:"numeric"}),ao=ln({week:"long"});function so(e,t,n,o){void 0===n&&(n="day"),void 0===o&&(o=!0);var i=e.dateEnv,a=e.options,s=e.calendarApi,l=i.format(t,"week"===n?ao:io);if(a.navLinks){var u=i.toDate(t),c=function(e){var r="day"===n?a.navLinkDayClick:"week"===n?a.navLinkWeekClick:null;"function"==typeof r?r.call(s,i.toDate(t),e):("string"==typeof r&&(n=r),s.zoomTo(t,n))};return r({title:Xe(a.navLinkHint,[l,u],l),"data-navlink":""},o?He(c):{onClick:c})}return{"aria-label":l}}var lo,uo=null;function co(){return null===uo&&(uo=function(){var e=document.createElement("div");we(e,{position:"absolute",top:-1e3,left:0,border:0,padding:0,overflow:"scroll",direction:"rtl"}),e.innerHTML="<div></div>",document.body.appendChild(e);var t=e.firstChild.getBoundingClientRect().left>e.getBoundingClientRect().left;return Ee(e),t}()),uo}function po(){return lo||(lo=function(){var e=document.createElement("div");e.style.overflow="scroll",e.style.position="absolute",e.style.top="-9999px",e.style.left="-9999px",document.body.appendChild(e);var t=fo(e);return document.body.removeChild(e),t}()),lo}function fo(e){return{x:e.offsetHeight-e.clientHeight,y:e.offsetWidth-e.clientWidth}}function ho(e,t){void 0===t&&(t=!1);var n=window.getComputedStyle(e),r=parseInt(n.borderLeftWidth,10)||0,o=parseInt(n.borderRightWidth,10)||0,i=parseInt(n.borderTopWidth,10)||0,a=parseInt(n.borderBottomWidth,10)||0,s=fo(e),l=s.y-r-o,u={borderLeft:r,borderRight:o,borderTop:i,borderBottom:a,scrollbarBottom:s.x-i-a,scrollbarLeft:0,scrollbarRight:0};return co()&&"rtl"===n.direction?u.scrollbarLeft=l:u.scrollbarRight=l,t&&(u.paddingLeft=parseInt(n.paddingLeft,10)||0,u.paddingRight=parseInt(n.paddingRight,10)||0,u.paddingTop=parseInt(n.paddingTop,10)||0,u.paddingBottom=parseInt(n.paddingBottom,10)||0),u}function vo(e,t,n){void 0===t&&(t=!1);var r=n?e.getBoundingClientRect():go(e),o=ho(e,t),i={left:r.left+o.borderLeft+o.scrollbarLeft,right:r.right-o.borderRight-o.scrollbarRight,top:r.top+o.borderTop,bottom:r.bottom-o.borderBottom-o.scrollbarBottom};return t&&(i.left+=o.paddingLeft,i.right-=o.paddingRight,i.top+=o.paddingTop,i.bottom-=o.paddingBottom),i}function go(e){var t=e.getBoundingClientRect();return{left:t.left+window.pageXOffset,top:t.top+window.pageYOffset,right:t.right+window.pageXOffset,bottom:t.bottom+window.pageYOffset}}function mo(e){for(var t=[];e instanceof HTMLElement;){var n=window.getComputedStyle(e);if("fixed"===n.position)break;/(auto|scroll)/.test(n.overflow+n.overflowY+n.overflowX)&&t.push(e),e=e.parentNode}return t}function yo(e,t,n){var r=!1,o=function(){r||(r=!0,t.apply(this,arguments))},i=function(){r||(r=!0,n&&n.apply(this,arguments))},a=e(o,i);a&&"function"==typeof a.then&&a.then(o,i)}var Eo=function(){function e(){this.handlers={},this.thisContext=null}return e.prototype.setThisContext=function(e){this.thisContext=e},e.prototype.setOptions=function(e){this.options=e},e.prototype.on=function(e,t){!function(e,t,n){(e[t]||(e[t]=[])).push(n)}(this.handlers,e,t)},e.prototype.off=function(e,t){!function(e,t,n){n?e[t]&&(e[t]=e[t].filter((function(e){return e!==n}))):delete e[t]}(this.handlers,e,t)},e.prototype.trigger=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=this.handlers[e]||[],o=this.options&&this.options[e],i=[].concat(o||[],r),a=0,s=i;a<s.length;a++){var l=s[a];l.apply(this.thisContext,t)}},e.prototype.hasHandlers=function(e){return Boolean(this.handlers[e]&&this.handlers[e].length||this.options&&this.options[e])},e}();var So=function(){function e(e,t,n,r){this.els=t;var o=this.originClientRect=e.getBoundingClientRect();n&&this.buildElHorizontals(o.left),r&&this.buildElVerticals(o.top)}return e.prototype.buildElHorizontals=function(e){for(var t=[],n=[],r=0,o=this.els;r<o.length;r++){var i=o[r].getBoundingClientRect();t.push(i.left-e),n.push(i.right-e)}this.lefts=t,this.rights=n},e.prototype.buildElVerticals=function(e){for(var t=[],n=[],r=0,o=this.els;r<o.length;r++){var i=o[r].getBoundingClientRect();t.push(i.top-e),n.push(i.bottom-e)}this.tops=t,this.bottoms=n},e.prototype.leftToIndex=function(e){var t,n=this.lefts,r=this.rights,o=n.length;for(t=0;t<o;t+=1)if(e>=n[t]&&e<r[t])return t},e.prototype.topToIndex=function(e){var t,n=this.tops,r=this.bottoms,o=n.length;for(t=0;t<o;t+=1)if(e>=n[t]&&e<r[t])return t},e.prototype.getWidth=function(e){return this.rights[e]-this.lefts[e]},e.prototype.getHeight=function(e){return this.bottoms[e]-this.tops[e]},e}(),bo=function(){function e(){}return e.prototype.getMaxScrollTop=function(){return this.getScrollHeight()-this.getClientHeight()},e.prototype.getMaxScrollLeft=function(){return this.getScrollWidth()-this.getClientWidth()},e.prototype.canScrollVertically=function(){return this.getMaxScrollTop()>0},e.prototype.canScrollHorizontally=function(){return this.getMaxScrollLeft()>0},e.prototype.canScrollUp=function(){return this.getScrollTop()>0},e.prototype.canScrollDown=function(){return this.getScrollTop()<this.getMaxScrollTop()},e.prototype.canScrollLeft=function(){return this.getScrollLeft()>0},e.prototype.canScrollRight=function(){return this.getScrollLeft()<this.getMaxScrollLeft()},e}(),Do=function(e){function t(t){var n=e.call(this)||this;return n.el=t,n}return n(t,e),t.prototype.getScrollTop=function(){return this.el.scrollTop},t.prototype.getScrollLeft=function(){return this.el.scrollLeft},t.prototype.setScrollTop=function(e){this.el.scrollTop=e},t.prototype.setScrollLeft=function(e){this.el.scrollLeft=e},t.prototype.getScrollWidth=function(){return this.el.scrollWidth},t.prototype.getScrollHeight=function(){return this.el.scrollHeight},t.prototype.getClientHeight=function(){return this.el.clientHeight},t.prototype.getClientWidth=function(){return this.el.clientWidth},t}(bo),Co=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.getScrollTop=function(){return window.pageYOffset},t.prototype.getScrollLeft=function(){return window.pageXOffset},t.prototype.setScrollTop=function(e){window.scroll(window.pageXOffset,e)},t.prototype.setScrollLeft=function(e){window.scroll(e,window.pageYOffset)},t.prototype.getScrollWidth=function(){return document.documentElement.scrollWidth},t.prototype.getScrollHeight=function(){return document.documentElement.scrollHeight},t.prototype.getClientHeight=function(){return document.documentElement.clientHeight},t.prototype.getClientWidth=function(){return document.documentElement.clientWidth},t}(bo),wo=function(){function e(e){this.iconOverrideOption&&this.setIconOverride(e[this.iconOverrideOption])}return e.prototype.setIconOverride=function(e){var t,n;if("object"==typeof e&&e){for(n in t=r({},this.iconClasses),e)t[n]=this.applyIconOverridePrefix(e[n]);this.iconClasses=t}else!1===e&&(this.iconClasses={})},e.prototype.applyIconOverridePrefix=function(e){var t=this.iconOverridePrefix;return t&&0!==e.indexOf(t)&&(e=t+e),e},e.prototype.getClass=function(e){return this.classes[e]||""},e.prototype.getIconClass=function(e,t){var n;return(n=t&&this.rtlIconClasses&&this.rtlIconClasses[e]||this.iconClasses[e])?this.baseIconClass+" "+n:""},e.prototype.getCustomButtonIconClass=function(e){var t;return this.iconOverrideCustomButtonOption&&(t=e[this.iconOverrideCustomButtonOption])?this.baseIconClass+" "+this.applyIconOverridePrefix(t):""},e}();if(wo.prototype.classes={},wo.prototype.iconClasses={},wo.prototype.baseIcon,wo.prototype.iconOverridePrefix="","undefined"==typeof FullCalendarVDom)throw new Error("Please import the top-level fullcalendar lib before attempting to import a plugin.");var Ro=FullCalendarVDom.Component,_o=FullCalendarVDom.createElement,To=FullCalendarVDom.render,ko=FullCalendarVDom.createRef,xo=FullCalendarVDom.Fragment,Mo=FullCalendarVDom.createContext,Io=FullCalendarVDom.createPortal,Po=FullCalendarVDom.flushSync,No=FullCalendarVDom.unmountComponentAtNode,Ho=function(){function e(e,t,n,o){var i=this;this.execFunc=e,this.emitter=t,this.scrollTime=n,this.scrollTimeReset=o,this.handleScrollRequest=function(e){i.queuedRequest=r({},i.queuedRequest||{},e),i.drain()},t.on("_scrollRequest",this.handleScrollRequest),this.fireInitialScroll()}return e.prototype.detach=function(){this.emitter.off("_scrollRequest",this.handleScrollRequest)},e.prototype.update=function(e){e&&this.scrollTimeReset?this.fireInitialScroll():this.drain()},e.prototype.fireInitialScroll=function(){this.handleScrollRequest({time:this.scrollTime})},e.prototype.drain=function(){this.queuedRequest&&this.execFunc(this.queuedRequest)&&(this.queuedRequest=null)},e}(),Oo=Mo({});function Ao(e,t,n,r,o,i,a,s,l,u,c,d,p){return{dateEnv:o,options:n,pluginHooks:a,emitter:u,dispatch:s,getCurrentData:l,calendarApi:c,viewSpec:e,viewApi:t,dateProfileGenerator:r,theme:i,isRtl:"rtl"===n.direction,addResizeHandler:function(e){u.on("_resize",e)},removeResizeHandler:function(e){u.off("_resize",e)},createScrollResponder:function(e){return new Ho(e,u,Nt(n.scrollTime),n.scrollTimeReset)},registerInteractiveComponent:d,unregisterInteractiveComponent:p}}var Lo=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.shouldComponentUpdate=function(e,t){return this.debug&&console.log(Rt(e,this.props),Rt(t,this.state)),!_t(this.props,e,this.propEquality)||!_t(this.state,t,this.stateEquality)},t.addPropsEquality=Wo,t.addStateEquality=Vo,t.contextType=Oo,t}(Ro);Lo.prototype.propEquality={},Lo.prototype.stateEquality={};var Uo=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.contextType=Oo,t}(Lo);function Wo(e){var t=Object.create(this.prototype.propEquality);r(t,e),this.prototype.propEquality=t}function Vo(e){var t=Object.create(this.prototype.stateEquality);r(t,e),this.prototype.stateEquality=t}function Fo(e,t){"function"==typeof e?e(t):e&&(e.current=t)}var Bo=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.uid=Le(),t}return n(t,e),t.prototype.prepareHits=function(){},t.prototype.queryHit=function(e,t,n,r){return null},t.prototype.isValidSegDownEl=function(e){return!this.props.eventDrag&&!this.props.eventResize&&!Se(e,".fc-event-mirror")},t.prototype.isValidDateDownEl=function(e){return!(Se(e,".fc-event:not(.fc-bg-event)")||Se(e,".fc-more-link")||Se(e,"a[data-navlink]")||Se(e,".fc-popover"))},t}(Uo);function zo(e){return{id:Le(),deps:e.deps||[],reducers:e.reducers||[],isLoadingFuncs:e.isLoadingFuncs||[],contextInit:[].concat(e.contextInit||[]),eventRefiners:e.eventRefiners||{},eventDefMemberAdders:e.eventDefMemberAdders||[],eventSourceRefiners:e.eventSourceRefiners||{},isDraggableTransformers:e.isDraggableTransformers||[],eventDragMutationMassagers:e.eventDragMutationMassagers||[],eventDefMutationAppliers:e.eventDefMutationAppliers||[],dateSelectionTransformers:e.dateSelectionTransformers||[],datePointTransforms:e.datePointTransforms||[],dateSpanTransforms:e.dateSpanTransforms||[],views:e.views||{},viewPropsTransformers:e.viewPropsTransformers||[],isPropsValid:e.isPropsValid||null,externalDefTransforms:e.externalDefTransforms||[],viewContainerAppends:e.viewContainerAppends||[],eventDropTransformers:e.eventDropTransformers||[],componentInteractions:e.componentInteractions||[],calendarInteractions:e.calendarInteractions||[],themeClasses:e.themeClasses||{},eventSourceDefs:e.eventSourceDefs||[],cmdFormatter:e.cmdFormatter,recurringTypes:e.recurringTypes||[],namedTimeZonedImpl:e.namedTimeZonedImpl,initialView:e.initialView||"",elementDraggingImpl:e.elementDraggingImpl,optionChangeHandlers:e.optionChangeHandlers||{},scrollGridImpl:e.scrollGridImpl||null,contentTypeHandlers:e.contentTypeHandlers||{},listenerRefiners:e.listenerRefiners||{},optionRefiners:e.optionRefiners||{},propSetHandlers:e.propSetHandlers||{}}}function jo(){var e,t=[],n=[];return function(o,i){return e&&Gt(o,t)&&Gt(i,n)||(e=function(e,t){var n={},o={reducers:[],isLoadingFuncs:[],contextInit:[],eventRefiners:{},eventDefMemberAdders:[],eventSourceRefiners:{},isDraggableTransformers:[],eventDragMutationMassagers:[],eventDefMutationAppliers:[],dateSelectionTransformers:[],datePointTransforms:[],dateSpanTransforms:[],views:{},viewPropsTransformers:[],isPropsValid:null,externalDefTransforms:[],viewContainerAppends:[],eventDropTransformers:[],componentInteractions:[],calendarInteractions:[],themeClasses:{},eventSourceDefs:[],cmdFormatter:null,recurringTypes:[],namedTimeZonedImpl:null,initialView:"",elementDraggingImpl:null,optionChangeHandlers:{},scrollGridImpl:null,contentTypeHandlers:{},listenerRefiners:{},optionRefiners:{},propSetHandlers:{}};function i(e){for(var t=0,a=e;t<a.length;t++){var s=a[t];n[s.id]||(n[s.id]=!0,i(s.deps),u=s,o={reducers:(l=o).reducers.concat(u.reducers),isLoadingFuncs:l.isLoadingFuncs.concat(u.isLoadingFuncs),contextInit:l.contextInit.concat(u.contextInit),eventRefiners:r(r({},l.eventRefiners),u.eventRefiners),eventDefMemberAdders:l.eventDefMemberAdders.concat(u.eventDefMemberAdders),eventSourceRefiners:r(r({},l.eventSourceRefiners),u.eventSourceRefiners),isDraggableTransformers:l.isDraggableTransformers.concat(u.isDraggableTransformers),eventDragMutationMassagers:l.eventDragMutationMassagers.concat(u.eventDragMutationMassagers),eventDefMutationAppliers:l.eventDefMutationAppliers.concat(u.eventDefMutationAppliers),dateSelectionTransformers:l.dateSelectionTransformers.concat(u.dateSelectionTransformers),datePointTransforms:l.datePointTransforms.concat(u.datePointTransforms),dateSpanTransforms:l.dateSpanTransforms.concat(u.dateSpanTransforms),views:r(r({},l.views),u.views),viewPropsTransformers:l.viewPropsTransformers.concat(u.viewPropsTransformers),isPropsValid:u.isPropsValid||l.isPropsValid,externalDefTransforms:l.externalDefTransforms.concat(u.externalDefTransforms),viewContainerAppends:l.viewContainerAppends.concat(u.viewContainerAppends),eventDropTransformers:l.eventDropTransformers.concat(u.eventDropTransformers),calendarInteractions:l.calendarInteractions.concat(u.calendarInteractions),componentInteractions:l.componentInteractions.concat(u.componentInteractions),themeClasses:r(r({},l.themeClasses),u.themeClasses),eventSourceDefs:l.eventSourceDefs.concat(u.eventSourceDefs),cmdFormatter:u.cmdFormatter||l.cmdFormatter,recurringTypes:l.recurringTypes.concat(u.recurringTypes),namedTimeZonedImpl:u.namedTimeZonedImpl||l.namedTimeZonedImpl,initialView:l.initialView||u.initialView,elementDraggingImpl:l.elementDraggingImpl||u.elementDraggingImpl,optionChangeHandlers:r(r({},l.optionChangeHandlers),u.optionChangeHandlers),scrollGridImpl:u.scrollGridImpl||l.scrollGridImpl,contentTypeHandlers:r(r({},l.contentTypeHandlers),u.contentTypeHandlers),listenerRefiners:r(r({},l.listenerRefiners),u.listenerRefiners),optionRefiners:r(r({},l.optionRefiners),u.optionRefiners),propSetHandlers:r(r({},l.propSetHandlers),u.propSetHandlers)})}var l,u}return e&&i(e),i(t),o}(o,i)),t=o,n=i,e}}var Go=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t}(wo);function qo(e,t,n,o){if(t[e])return t[e];var i=function(e,t,n,o){var i=n[e],a=o[e],s=function(e){return i&&null!==i[e]?i[e]:a&&null!==a[e]?a[e]:null},l=s("component"),u=s("superType"),c=null;if(u){if(u===e)throw new Error("Can't have a custom view type that references itself");c=qo(u,t,n,o)}!l&&c&&(l=c.component);if(!l)return null;return{type:e,component:l,defaults:r(r({},c?c.defaults:{}),i?i.rawOptions:{}),overrides:r(r({},c?c.overrides:{}),a?a.rawOptions:{})}}(e,t,n,o);return i&&(t[e]=i),i}Go.prototype.classes={root:"fc-theme-standard",tableCellShaded:"fc-cell-shaded",buttonGroup:"fc-button-group",button:"fc-button fc-button-primary",buttonActive:"fc-button-active"},Go.prototype.baseIconClass="fc-icon",Go.prototype.iconClasses={close:"fc-icon-x",prev:"fc-icon-chevron-left",next:"fc-icon-chevron-right",prevYear:"fc-icon-chevrons-left",nextYear:"fc-icon-chevrons-right"},Go.prototype.rtlIconClasses={prev:"fc-icon-chevron-right",next:"fc-icon-chevron-left",prevYear:"fc-icon-chevrons-right",nextYear:"fc-icon-chevrons-left"},Go.prototype.iconOverrideOption="buttonIcons",Go.prototype.iconOverrideCustomButtonOption="icon",Go.prototype.iconOverridePrefix="fc-icon-";var Yo=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.rootElRef=ko(),t.handleRootEl=function(e){Fo(t.rootElRef,e),t.props.elRef&&Fo(t.props.elRef,e)},t}return n(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.hookProps;return _o($o,{hookProps:n,didMount:t.didMount,willUnmount:t.willUnmount,elRef:this.handleRootEl},(function(r){return _o(Xo,{hookProps:n,content:t.content,defaultContent:t.defaultContent,backupElRef:e.rootElRef},(function(e,o){return t.children(r,Qo(t.classNames,n),e,o)}))}))},t}(Uo),Zo=Mo(0);function Xo(e){return _o(Zo.Consumer,null,(function(t){return _o(Ko,r({renderId:t},e))}))}var Ko=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.innerElRef=ko(),t}return n(t,e),t.prototype.render=function(){return this.props.children(this.innerElRef,this.renderInnerContent())},t.prototype.componentDidMount=function(){this.updateCustomContent()},t.prototype.componentDidUpdate=function(){this.updateCustomContent()},t.prototype.componentWillUnmount=function(){this.customContentInfo&&this.customContentInfo.destroy&&this.customContentInfo.destroy()},t.prototype.renderInnerContent=function(){var e=this.customContentInfo,t=this.getInnerContent(),n=this.getContentMeta(t);return e&&e.contentKey===n.contentKey?e&&(e.contentVal=t[n.contentKey]):(e&&(e.destroy&&e.destroy(),e=this.customContentInfo=null),n.contentKey&&(e=this.customContentInfo=r({contentKey:n.contentKey,contentVal:t[n.contentKey]},n.buildLifecycleFuncs()))),e?[]:t},t.prototype.getInnerContent=function(){var e=this.props,t=ei(e.content,e.hookProps);return void 0===t&&(t=ei(e.defaultContent,e.hookProps)),null==t?null:t},t.prototype.getContentMeta=function(e){var t=this.context.pluginHooks.contentTypeHandlers,n="",r=null;if(e)for(var o in t)if(void 0!==e[o]){n=o,r=t[o];break}return{contentKey:n,buildLifecycleFuncs:r}},t.prototype.updateCustomContent=function(){this.customContentInfo&&this.customContentInfo.render(this.innerElRef.current||this.props.backupElRef.current,this.customContentInfo.contentVal)},t}(Uo),$o=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.handleRootEl=function(e){t.rootEl=e,t.props.elRef&&Fo(t.props.elRef,e)},t}return n(t,e),t.prototype.render=function(){return this.props.children(this.handleRootEl)},t.prototype.componentDidMount=function(){var e=this.props.didMount;e&&e(r(r({},this.props.hookProps),{el:this.rootEl}))},t.prototype.componentWillUnmount=function(){var e=this.props.willUnmount;e&&e(r(r({},this.props.hookProps),{el:this.rootEl}))},t}(Uo);function Jo(){var e,t,n=[];return function(r,o){return t&&wt(t,o)&&r===e||(e=r,t=o,n=Qo(r,o)),n}}function Qo(e,t){return"function"==typeof e&&(e=e(t)),Rn(e)}function ei(e,t){return"function"==typeof e?e(t,_o):e}var ti=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.normalizeClassNames=Jo(),t}return n(t,e),t.prototype.render=function(){var e=this.props,t=this.context,n=t.options,r={view:t.viewApi},o=this.normalizeClassNames(n.viewClassNames,r);return _o($o,{hookProps:r,didMount:n.viewDidMount,willUnmount:n.viewWillUnmount,elRef:e.elRef},(function(t){return e.children(t,["fc-"+e.viewSpec.type+"-view","fc-view"].concat(o))}))},t}(Uo);function ni(e){return bt(e,ri)}function ri(e){var t,n="function"==typeof e?{component:e}:e,o=n.component;return n.content&&(t=n,o=function(e){return _o(Oo.Consumer,null,(function(n){return _o(ti,{viewSpec:n.viewSpec},(function(o,i){var a=r(r({},e),{nextDayThreshold:n.options.nextDayThreshold});return _o(Yo,{hookProps:a,classNames:t.classNames,content:t.content,didMount:t.didMount,willUnmount:t.willUnmount,elRef:o},(function(e,t,n,r){return _o("div",{className:i.concat(t).join(" "),ref:e},r)}))}))}))}),{superType:n.type,component:o,rawOptions:n}}function oi(e,t,n,o){var i=ni(e),a=ni(t.views);return bt(function(e,t){var n,r={};for(n in e)qo(n,r,e,t);for(n in t)qo(n,r,e,t);return r}(i,a),(function(e){return function(e,t,n,o,i){var a=e.overrides.duration||e.defaults.duration||o.duration||n.duration,s=null,l="",u="",c={};if(a&&(s=function(e){var t=JSON.stringify(e),n=ii[t];void 0===n&&(n=Nt(e),ii[t]=n);return n}(a))){var d=Vt(s);l=d.unit,1===d.value&&(u=l,c=t[l]?t[l].rawOptions:{})}var p=function(t){var n=t.buttonText||{},r=e.defaults.buttonTextKey;return null!=r&&null!=n[r]?n[r]:null!=n[e.type]?n[e.type]:null!=n[u]?n[u]:null},f=function(t){var n=t.buttonHints||{},r=e.defaults.buttonTextKey;return null!=r&&null!=n[r]?n[r]:null!=n[e.type]?n[e.type]:null!=n[u]?n[u]:null};return{type:e.type,component:e.component,duration:s,durationUnit:l,singleUnit:u,optionDefaults:e.defaults,optionOverrides:r(r({},c),e.overrides),buttonTextOverride:p(o)||p(n)||e.overrides.buttonText,buttonTextDefault:p(i)||e.defaults.buttonText||p(cn)||e.type,buttonTitleOverride:f(o)||f(n)||e.overrides.buttonHint,buttonTitleDefault:f(i)||e.defaults.buttonHint||f(cn)}}(e,a,t,n,o)}))}var ii={};var ai=function(){function e(e){this.props=e,this.nowDate=Tr(e.nowInput,e.dateEnv),this.initHiddenDays()}return e.prototype.buildPrev=function(e,t,n){var r=this.props.dateEnv,o=r.subtract(r.startOf(t,e.currentRangeUnit),e.dateIncrement);return this.build(o,-1,n)},e.prototype.buildNext=function(e,t,n){var r=this.props.dateEnv,o=r.add(r.startOf(t,e.currentRangeUnit),e.dateIncrement);return this.build(o,1,n)},e.prototype.build=function(e,t,n){void 0===n&&(n=!0);var r,o,i,a,s,l,u,c,d=this.props;return r=this.buildValidRange(),r=this.trimHiddenDays(r),n&&(u=e,e=null!=(c=r).start&&u<c.start?c.start:null!=c.end&&u>=c.end?new Date(c.end.valueOf()-1):u),o=this.buildCurrentRangeInfo(e,t),i=/^(year|month|week|day)$/.test(o.unit),a=this.buildRenderRange(this.trimHiddenDays(o.range),o.unit,i),s=a=this.trimHiddenDays(a),d.showNonCurrentDates||(s=jn(s,o.range)),s=jn(s=this.adjustActiveRange(s),r),l=qn(o.range,r),{validRange:r,currentRange:o.range,currentRangeUnit:o.unit,isRangeAllDay:i,activeRange:s,renderRange:a,slotMinTime:d.slotMinTime,slotMaxTime:d.slotMaxTime,isValid:l,dateIncrement:this.buildDateIncrement(o.duration)}},e.prototype.buildValidRange=function(){var e=this.props.validRangeInput,t="function"==typeof e?e.call(this.props.calendarApi,this.nowDate):e;return this.refineRange(t)||{start:null,end:null}},e.prototype.buildCurrentRangeInfo=function(e,t){var n,r=this.props,o=null,i=null,a=null;return r.duration?(o=r.duration,i=r.durationUnit,a=this.buildRangeFromDuration(e,t,o,i)):(n=this.props.dayCount)?(i="day",a=this.buildRangeFromDayCount(e,t,n)):(a=this.buildCustomVisibleRange(e))?i=r.dateEnv.greatestWholeUnit(a.start,a.end).unit:(i=Vt(o=this.getFallbackDuration()).unit,a=this.buildRangeFromDuration(e,t,o,i)),{duration:o,unit:i,range:a}},e.prototype.getFallbackDuration=function(){return Nt({day:1})},e.prototype.adjustActiveRange=function(e){var t=this.props,n=t.dateEnv,r=t.usesMinMaxTime,o=t.slotMinTime,i=t.slotMaxTime,a=e.start,s=e.end;return r&&(Lt(o)<0&&(a=lt(a),a=n.add(a,o)),Lt(i)>1&&(s=tt(s=lt(s),-1),s=n.add(s,i))),{start:a,end:s}},e.prototype.buildRangeFromDuration=function(e,t,n,r){var o,i,a,s=this.props,l=s.dateEnv,u=s.dateAlignment;if(!u){var c=this.props.dateIncrement;u=c&&Ut(c)<Ut(n)?Vt(c).unit:r}function d(){o=l.startOf(e,u),i=l.add(o,n),a={start:o,end:i}}return Lt(n)<=1&&this.isHiddenDay(o)&&(o=lt(o=this.skipHiddenDays(o,t))),d(),this.trimHiddenDays(a)||(e=this.skipHiddenDays(e,t),d()),a},e.prototype.buildRangeFromDayCount=function(e,t,n){var r,o=this.props,i=o.dateEnv,a=o.dateAlignment,s=0,l=e;a&&(l=i.startOf(l,a)),l=lt(l),r=l=this.skipHiddenDays(l,t);do{r=tt(r,1),this.isHiddenDay(r)||(s+=1)}while(s<n);return{start:l,end:r}},e.prototype.buildCustomVisibleRange=function(e){var t=this.props,n=t.visibleRangeInput,r="function"==typeof n?n.call(t.calendarApi,t.dateEnv.toDate(e)):n,o=this.refineRange(r);return!o||null!=o.start&&null!=o.end?o:null},e.prototype.buildRenderRange=function(e,t,n){return e},e.prototype.buildDateIncrement=function(e){var t,n=this.props.dateIncrement;return n||((t=this.props.dateAlignment)?Nt(1,t):e||Nt({days:1}))},e.prototype.refineRange=function(e){if(e){var t=(n=e,r=this.props.dateEnv,o=null,i=null,n.start&&(o=r.createMarker(n.start)),n.end&&(i=r.createMarker(n.end)),o||i?o&&i&&i<o?null:{start:o,end:i}:null);return t&&(t=Wn(t)),t}var n,r,o,i;return null},e.prototype.initHiddenDays=function(){var e,t=this.props.hiddenDays||[],n=[],r=0;for(!1===this.props.weekends&&t.push(0,6),e=0;e<7;e+=1)(n[e]=-1!==t.indexOf(e))||(r+=1);if(!r)throw new Error("invalid hiddenDays");this.isHiddenDayHash=n},e.prototype.trimHiddenDays=function(e){var t=e.start,n=e.end;return t&&(t=this.skipHiddenDays(t)),n&&(n=this.skipHiddenDays(n,-1,!0)),null==t||null==n||t<n?{start:t,end:n}:null},e.prototype.isHiddenDay=function(e){return e instanceof Date&&(e=e.getUTCDay()),this.isHiddenDayHash[e]},e.prototype.skipHiddenDays=function(e,t,n){for(void 0===t&&(t=1),void 0===n&&(n=!1);this.isHiddenDayHash[(e.getUTCDay()+(n?t:0)+7)%7];)e=tt(e,t);return e},e}();function si(e,t,n){var r=t?t.activeRange:null;return ci({},function(e,t){var n=_r(t),r=[].concat(e.eventSources||[]),o=[];e.initialEvents&&r.unshift(e.initialEvents);e.events&&r.unshift(e.events);for(var i=0,a=r;i<a.length;i++){var s=Rr(a[i],t,n);s&&o.push(s)}return o}(e,n),r,n)}function li(e,t,n,o){var i,a,s=n?n.activeRange:null;switch(t.type){case"ADD_EVENT_SOURCES":return ci(e,t.sources,s,o);case"REMOVE_EVENT_SOURCE":return i=e,a=t.sourceId,St(i,(function(e){return e.sourceId!==a}));case"PREV":case"NEXT":case"CHANGE_DATE":case"CHANGE_VIEW_TYPE":return n?di(e,s,o):e;case"FETCH_EVENT_SOURCES":return pi(e,t.sourceIds?Dt(t.sourceIds):hi(e,o),s,t.isRefetch||!1,o);case"RECEIVE_EVENTS":case"RECEIVE_EVENT_ERROR":return function(e,t,n,o){var i,a=e[t];if(a&&n===a.latestFetchId)return r(r({},e),((i={})[t]=r(r({},a),{isFetching:!1,fetchRange:o}),i));return e}(e,t.sourceId,t.fetchId,t.fetchRange);case"REMOVE_ALL_EVENT_SOURCES":return{};default:return e}}function ui(e){for(var t in e)if(e[t].isFetching)return!0;return!1}function ci(e,t,n,o){for(var i={},a=0,s=t;a<s.length;a++){var l=s[a];i[l.sourceId]=l}return n&&(i=di(i,n,o)),r(r({},e),i)}function di(e,t,n){return pi(e,St(e,(function(e){return function(e,t,n){if(!vi(e,n))return!e.latestFetchId;return!n.options.lazyFetching||!e.fetchRange||e.isFetching||t.start<e.fetchRange.start||t.end>e.fetchRange.end}(e,t,n)})),t,!1,n)}function pi(e,t,n,r,o){var i={};for(var a in e){var s=e[a];t[a]?i[a]=fi(s,n,r,o):i[a]=s}return i}function fi(e,t,n,o){var i=o.options,a=o.calendarApi,s=o.pluginHooks.eventSourceDefs[e.sourceDefId],l=Le();return s.fetch({eventSource:e,range:t,isRefetch:n,context:o},(function(n){var r=n.rawEvents;i.eventSourceSuccess&&(r=i.eventSourceSuccess.call(a,r,n.xhr)||r),e.success&&(r=e.success.call(a,r,n.xhr)||r),o.dispatch({type:"RECEIVE_EVENTS",sourceId:e.sourceId,fetchId:l,fetchRange:t,rawEvents:r})}),(function(n){console.warn(n.message,n),i.eventSourceFailure&&i.eventSourceFailure.call(a,n),e.failure&&e.failure(n),o.dispatch({type:"RECEIVE_EVENT_ERROR",sourceId:e.sourceId,fetchId:l,fetchRange:t,error:n})})),r(r({},e),{isFetching:!0,latestFetchId:l})}function hi(e,t){return St(e,(function(e){return vi(e,t)}))}function vi(e,t){return!t.pluginHooks.eventSourceDefs[e.sourceDefId].ignoreRange}function gi(e,t,n,r,o){switch(t.type){case"RECEIVE_EVENTS":return function(e,t,n,r,o,i){if(t&&n===t.latestFetchId){var a=En(function(e,t,n){var r=n.options.eventDataTransform,o=t?t.eventDataTransform:null;o&&(e=mi(e,o));r&&(e=mi(e,r));return e}(o,t,i),t,i);return r&&(a=xt(a,r,i)),Cn(yi(e,t.sourceId),a)}return e}(e,n[t.sourceId],t.fetchId,t.fetchRange,t.rawEvents,o);case"ADD_EVENTS":return function(e,t,n,r){n&&(t=xt(t,n,r));return Cn(e,t)}(e,t.eventStore,r?r.activeRange:null,o);case"RESET_EVENTS":return t.eventStore;case"MERGE_EVENTS":return Cn(e,t.eventStore);case"PREV":case"NEXT":case"CHANGE_DATE":case"CHANGE_VIEW_TYPE":return r?xt(e,r.activeRange,o):e;case"REMOVE_EVENTS":return function(e,t){var n=e.defs,r=e.instances,o={},i={};for(var a in n)t.defs[a]||(o[a]=n[a]);for(var s in r)!t.instances[s]&&o[r[s].defId]&&(i[s]=r[s]);return{defs:o,instances:i}}(e,t.eventStore);case"REMOVE_EVENT_SOURCE":return yi(e,t.sourceId);case"REMOVE_ALL_EVENT_SOURCES":return wn(e,(function(e){return!e.sourceId}));case"REMOVE_ALL_EVENTS":return{defs:{},instances:{}};default:return e}}function mi(e,t){var n;if(t){n=[];for(var r=0,o=e;r<o.length;r++){var i=o[r],a=t(i);a?n.push(a):null==a&&n.push(i)}}else n=e;return n}function yi(e,t){return wn(e,(function(e){return e.sourceId!==t}))}function Ei(e,t){switch(t.type){case"UNSELECT_DATES":return null;case"SELECT_DATES":return t.selection;default:return e}}function Si(e,t){switch(t.type){case"UNSELECT_EVENT":return"";case"SELECT_EVENT":return t.eventInstanceId;default:return e}}function bi(e,t){var n;switch(t.type){case"UNSET_EVENT_DRAG":return null;case"SET_EVENT_DRAG":return{affectedEvents:(n=t.state).affectedEvents,mutatedEvents:n.mutatedEvents,isEvent:n.isEvent};default:return e}}function Di(e,t){var n;switch(t.type){case"UNSET_EVENT_RESIZE":return null;case"SET_EVENT_RESIZE":return{affectedEvents:(n=t.state).affectedEvents,mutatedEvents:n.mutatedEvents,isEvent:n.isEvent};default:return e}}function Ci(e,t,n,r,o){return{header:e.headerToolbar?wi(e.headerToolbar,e,t,n,r,o):null,footer:e.footerToolbar?wi(e.footerToolbar,e,t,n,r,o):null}}function wi(e,t,n,r,o,i){var a={},s=[],l=!1;for(var u in e){var c=Ri(e[u],t,n,r,o,i);a[u]=c.widgets,s.push.apply(s,c.viewsWithButtons),l=l||c.hasTitle}return{sectionWidgets:a,viewsWithButtons:s,hasTitle:l}}function Ri(e,t,n,r,o,i){var a="rtl"===t.direction,s=t.customButtons||{},l=n.buttonText||{},u=t.buttonText||{},c=n.buttonHints||{},d=t.buttonHints||{},p=e?e.split(" "):[],f=[],h=!1;return{widgets:p.map((function(e){return e.split(",").map((function(e){if("title"===e)return h=!0,{buttonName:e};var n,p,v,g,m,y;if(n=s[e])v=function(e){n.click&&n.click.call(e.target,e,e.target)},(g=r.getCustomButtonIconClass(n))||(g=r.getIconClass(e,a))||(m=n.text),y=n.hint||n.text;else if(p=o[e]){f.push(e),v=function(){i.changeView(e)},(m=p.buttonTextOverride)||(g=r.getIconClass(e,a))||(m=p.buttonTextDefault);var E=p.buttonTextOverride||p.buttonTextDefault;y=Xe(p.buttonTitleOverride||p.buttonTitleDefault||t.viewHint,[E,e],E)}else if(i[e])if(v=function(){i[e]()},(m=l[e])||(g=r.getIconClass(e,a))||(m=u[e]),"prevYear"===e||"nextYear"===e){var S="prevYear"===e?"prev":"next";y=Xe(c[S]||d[S],[u.year||"year","year"],u[e])}else y=function(t){return Xe(c[e]||d[e],[u[t]||t,t],u[e])};return{buttonName:e,buttonClick:v,buttonIcon:g,buttonText:m,buttonHint:y}}))})),viewsWithButtons:f,hasTitle:h}}function _i(e,t,n,r,o){var i=null;"GET"===(e=e.toUpperCase())?t=function(e,t){return e+(-1===e.indexOf("?")?"?":"&")+Ti(t)}(t,n):i=Ti(n);var a=new XMLHttpRequest;a.open(e,t,!0),"GET"!==e&&a.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),a.onload=function(){if(a.status>=200&&a.status<400){var e=!1,t=void 0;try{t=JSON.parse(a.responseText),e=!0}catch(e){}e?r(t,a):o("Failure parsing JSON",a)}else o("Request failed",a)},a.onerror=function(){o("Request failed",a)},a.send(i)}function Ti(e){var t=[];for(var n in e)t.push(encodeURIComponent(n)+"="+encodeURIComponent(e[n]));return t.join("&")}function ki(e,t){for(var n=Ct(t.getCurrentData().eventSources),r=[],o=0,i=e;o<i.length;o++){for(var a=i[o],s=!1,l=0;l<n.length;l+=1)if(n[l]._raw===a){n.splice(l,1),s=!0;break}s||r.push(a)}for(var u=0,c=n;u<c.length;u++){var d=c[u];t.dispatch({type:"REMOVE_EVENT_SOURCE",sourceId:d.sourceId})}for(var p=0,f=r;p<f.length;p++){var h=f[p];t.calendarApi.addEventSource(h)}}var xi=[zo({eventSourceDefs:[{ignoreRange:!0,parseMeta:function(e){return Array.isArray(e.events)?e.events:null},fetch:function(e,t){t({rawEvents:e.eventSource.meta})}}]}),zo({eventSourceDefs:[{parseMeta:function(e){return"function"==typeof e.events?e.events:null},fetch:function(e,t,n){var r=e.context.dateEnv;yo(e.eventSource.meta.bind(null,hr(e.range,r)),(function(e){t({rawEvents:e})}),n)}}]}),zo({eventSourceRefiners:{method:String,extraParams:yn,startParam:String,endParam:String,timeZoneParam:String},eventSourceDefs:[{parseMeta:function(e){return!e.url||"json"!==e.format&&e.format?null:{url:e.url,format:"json",method:(e.method||"GET").toUpperCase(),extraParams:e.extraParams,startParam:e.startParam,endParam:e.endParam,timeZoneParam:e.timeZoneParam}},fetch:function(e,t,n){var o=e.eventSource.meta,i=function(e,t,n){var o,i,a,s,l=n.dateEnv,u=n.options,c={};null==(o=e.startParam)&&(o=u.startParam);null==(i=e.endParam)&&(i=u.endParam);null==(a=e.timeZoneParam)&&(a=u.timeZoneParam);s="function"==typeof e.extraParams?e.extraParams():e.extraParams||{};r(c,s),c[o]=l.formatIso(t.start),c[i]=l.formatIso(t.end),"local"!==l.timeZone&&(c[a]=l.timeZone);return c}(o,e.range,e.context);_i(o.method,o.url,i,(function(e,n){t({rawEvents:e,xhr:n})}),(function(e,t){n({message:e,xhr:t})}))}}]}),zo({recurringTypes:[{parse:function(e,t){if(e.daysOfWeek||e.startTime||e.endTime||e.startRecur||e.endRecur){var n={daysOfWeek:e.daysOfWeek||null,startTime:e.startTime||null,endTime:e.endTime||null,startRecur:e.startRecur?t.createMarker(e.startRecur):null,endRecur:e.endRecur?t.createMarker(e.endRecur):null},r=void 0;return e.duration&&(r=e.duration),!r&&e.startTime&&e.endTime&&(o=e.endTime,i=e.startTime,r={years:o.years-i.years,months:o.months-i.months,days:o.days-i.days,milliseconds:o.milliseconds-i.milliseconds}),{allDayGuess:Boolean(!e.startTime&&!e.endTime),duration:r,typeData:n}}var o,i;return null},expand:function(e,t,n){var r=jn(t,{start:e.startRecur,end:e.endRecur});return r?function(e,t,n,r){var o=e?Dt(e):null,i=lt(n.start),a=n.end,s=[];for(;i<a;){var l=void 0;o&&!o[i.getUTCDay()]||(l=t?r.add(i,t):i,s.push(l)),i=tt(i,1)}return s}(e.daysOfWeek,e.startTime,r,n):[]}}],eventRefiners:{daysOfWeek:yn,startTime:Nt,endTime:Nt,duration:Nt,startRecur:yn,endRecur:yn}}),zo({optionChangeHandlers:{events:function(e,t){ki([e],t)},eventSources:ki}}),zo({isLoadingFuncs:[function(e){return ui(e.eventSources)}],contentTypeHandlers:{html:function(){var e=null,t="";return{render:function(n,r){n===e&&r===t||(n.innerHTML=r),e=n,t=r},destroy:function(){e.innerHTML="",e=null,t=""}}},domNodes:function(){var e=null,t=[];function n(){t.forEach(Ee),t=[],e=null}return{render:function(r,o){var i=Array.prototype.slice.call(o);if(r!==e||!Gt(t,i)){for(var a=0,s=i;a<s.length;a++){var l=s[a];r.appendChild(l)}n()}e=r,t=i},destroy:n}}},propSetHandlers:{dateProfile:function(e,t){t.emitter.trigger("datesSet",r(r({},hr(e.activeRange,t.dateEnv)),{view:t.viewApi}))},eventStore:function(e,t){var n=t.emitter;n.hasHandlers("eventsSet")&&n.trigger("eventsSet",Ir(e,t))}}})];var Mi=function(){function e(e){this.drainedOption=e,this.isRunning=!1,this.isDirty=!1,this.pauseDepths={},this.timeoutId=0}return e.prototype.request=function(e){this.isDirty=!0,this.isPaused()||(this.clearTimeout(),null==e?this.tryDrain():this.timeoutId=setTimeout(this.tryDrain.bind(this),e))},e.prototype.pause=function(e){void 0===e&&(e="");var t=this.pauseDepths;t[e]=(t[e]||0)+1,this.clearTimeout()},e.prototype.resume=function(e,t){void 0===e&&(e="");var n=this.pauseDepths;if(e in n){if(t)delete n[e];else n[e]-=1,n[e]<=0&&delete n[e];this.tryDrain()}},e.prototype.isPaused=function(){return Object.keys(this.pauseDepths).length},e.prototype.tryDrain=function(){if(!this.isRunning&&!this.isPaused()){for(this.isRunning=!0;this.isDirty;)this.isDirty=!1,this.drained();this.isRunning=!1}},e.prototype.clear=function(){this.clearTimeout(),this.isDirty=!1,this.pauseDepths={}},e.prototype.clearTimeout=function(){this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=0)},e.prototype.drained=function(){this.drainedOption&&this.drainedOption()},e}(),Ii=function(){function e(e,t){this.runTaskOption=e,this.drainedOption=t,this.queue=[],this.delayedRunner=new Mi(this.drain.bind(this))}return e.prototype.request=function(e,t){this.queue.push(e),this.delayedRunner.request(t)},e.prototype.pause=function(e){this.delayedRunner.pause(e)},e.prototype.resume=function(e,t){this.delayedRunner.resume(e,t)},e.prototype.drain=function(){for(var e=this.queue;e.length;){for(var t=[],n=void 0;n=e.shift();)this.runTask(n),t.push(n);this.drained(t)}},e.prototype.runTask=function(e){this.runTaskOption&&this.runTaskOption(e)},e.prototype.drained=function(e){this.drainedOption&&this.drainedOption(e)},e}();function Pi(e,t,n){var r;return r=/^(year|month)$/.test(e.currentRangeUnit)?e.currentRange:e.activeRange,n.formatRange(r.start,r.end,ln(t.titleFormat||function(e){var t=e.currentRangeUnit;if("year"===t)return{year:"numeric"};if("month"===t)return{year:"numeric",month:"long"};var n=st(e.currentRange.start,e.currentRange.end);if(null!==n&&n>1)return{year:"numeric",month:"short",day:"numeric"};return{year:"numeric",month:"long",day:"numeric"}}(e)),{isEndExclusive:e.isRangeAllDay,defaultSeparator:t.titleRangeSeparator})}var Ni=function(){function e(e){var t=this;this.computeOptionsData=qt(this._computeOptionsData),this.computeCurrentViewData=qt(this._computeCurrentViewData),this.organizeRawLocales=qt(Fr),this.buildLocale=qt(Br),this.buildPluginHooks=jo(),this.buildDateEnv=qt(Hi),this.buildTheme=qt(Oi),this.parseToolbars=qt(Ci),this.buildViewSpecs=qt(oi),this.buildDateProfileGenerator=Yt(Ai),this.buildViewApi=qt(Li),this.buildViewUiProps=Yt(Vi),this.buildEventUiBySource=qt(Ui,wt),this.buildEventUiBases=qt(Wi),this.parseContextBusinessHours=Yt(Bi),this.buildTitle=qt(Pi),this.emitter=new Eo,this.actionRunner=new Ii(this._handleAction.bind(this),this.updateData.bind(this)),this.currentCalendarOptionsInput={},this.currentCalendarOptionsRefined={},this.currentViewOptionsInput={},this.currentViewOptionsRefined={},this.currentCalendarOptionsRefiners={},this.getCurrentData=function(){return t.data},this.dispatch=function(e){t.actionRunner.request(e)},this.props=e,this.actionRunner.pause();var n={},o=this.computeOptionsData(e.optionOverrides,n,e.calendarApi),i=o.calendarOptions.initialView||o.pluginHooks.initialView,a=this.computeCurrentViewData(i,o,e.optionOverrides,n);e.calendarApi.currentDataManager=this,this.emitter.setThisContext(e.calendarApi),this.emitter.setOptions(a.options);var s,l,u,c=(s=o.calendarOptions,l=o.dateEnv,null!=(u=s.initialDate)?l.createMarker(u):Tr(s.now,l)),d=a.dateProfileGenerator.build(c);Zn(d.activeRange,c)||(c=d.currentRange.start);for(var p={dateEnv:o.dateEnv,options:o.calendarOptions,pluginHooks:o.pluginHooks,calendarApi:e.calendarApi,dispatch:this.dispatch,emitter:this.emitter,getCurrentData:this.getCurrentData},f=0,h=o.pluginHooks.contextInit;f<h.length;f++){(0,h[f])(p)}for(var v=si(o.calendarOptions,d,p),g={dynamicOptionOverrides:n,currentViewType:i,currentDate:c,dateProfile:d,businessHours:this.parseContextBusinessHours(p),eventSources:v,eventUiBases:{},eventStore:{defs:{},instances:{}},renderableEventStore:{defs:{},instances:{}},dateSelection:null,eventSelection:"",eventDrag:null,eventResize:null,selectionConfig:this.buildViewUiProps(p).selectionConfig},m=r(r({},p),g),y=0,E=o.pluginHooks.reducers;y<E.length;y++){var S=E[y];r(g,S(null,null,m))}Fi(g,p)&&this.emitter.trigger("loading",!0),this.state=g,this.updateData(),this.actionRunner.resume()}return e.prototype.resetOptions=function(e,t){var n=this.props;n.optionOverrides=t?r(r({},n.optionOverrides),e):e,this.actionRunner.request({type:"NOTHING"})},e.prototype._handleAction=function(e){var t=this,n=t.props,o=t.state,i=t.emitter,a=function(e,t){var n;switch(t.type){case"SET_OPTION":return r(r({},e),((n={})[t.optionName]=t.rawOptionValue,n));default:return e}}(o.dynamicOptionOverrides,e),s=this.computeOptionsData(n.optionOverrides,a,n.calendarApi),l=function(e,t){switch(t.type){case"CHANGE_VIEW_TYPE":e=t.viewType}return e}(o.currentViewType,e),u=this.computeCurrentViewData(l,s,n.optionOverrides,a);n.calendarApi.currentDataManager=this,i.setThisContext(n.calendarApi),i.setOptions(u.options);var c={dateEnv:s.dateEnv,options:s.calendarOptions,pluginHooks:s.pluginHooks,calendarApi:n.calendarApi,dispatch:this.dispatch,emitter:i,getCurrentData:this.getCurrentData},d=o.currentDate,p=o.dateProfile;this.data&&this.data.dateProfileGenerator!==u.dateProfileGenerator&&(p=u.dateProfileGenerator.build(d)),p=function(e,t,n,r){var o;switch(t.type){case"CHANGE_VIEW_TYPE":return r.build(t.dateMarker||n);case"CHANGE_DATE":return r.build(t.dateMarker);case"PREV":if((o=r.buildPrev(e,n)).isValid)return o;break;case"NEXT":if((o=r.buildNext(e,n)).isValid)return o}return e}(p,e,d=function(e,t){switch(t.type){case"CHANGE_DATE":return t.dateMarker;default:return e}}(d,e),u.dateProfileGenerator),"PREV"!==e.type&&"NEXT"!==e.type&&Zn(p.currentRange,d)||(d=p.currentRange.start);for(var f=li(o.eventSources,e,p,c),h=gi(o.eventStore,e,f,p,c),v=ui(f)&&!u.options.progressiveEventRendering&&o.renderableEventStore||h,g=this.buildViewUiProps(c),m=g.eventUiSingleBase,y=g.selectionConfig,E=this.buildEventUiBySource(f),S={dynamicOptionOverrides:a,currentViewType:l,currentDate:d,dateProfile:p,eventSources:f,eventStore:h,renderableEventStore:v,selectionConfig:y,eventUiBases:this.buildEventUiBases(v.defs,m,E),businessHours:this.parseContextBusinessHours(c),dateSelection:Ei(o.dateSelection,e),eventSelection:Si(o.eventSelection,e),eventDrag:bi(o.eventDrag,e),eventResize:Di(o.eventResize,e)},b=r(r({},c),S),D=0,C=s.pluginHooks.reducers;D<C.length;D++){var w=C[D];r(S,w(o,e,b))}var R=Fi(o,c),_=Fi(S,c);!R&&_?i.trigger("loading",!0):R&&!_&&i.trigger("loading",!1),this.state=S,n.onAction&&n.onAction(e)},e.prototype.updateData=function(){var e,t,n,o,i,a,s,l,u,c=this.props,d=this.state,p=this.data,f=this.computeOptionsData(c.optionOverrides,d.dynamicOptionOverrides,c.calendarApi),h=this.computeCurrentViewData(d.currentViewType,f,c.optionOverrides,d.dynamicOptionOverrides),v=this.data=r(r(r({viewTitle:this.buildTitle(d.dateProfile,h.options,f.dateEnv),calendarApi:c.calendarApi,dispatch:this.dispatch,emitter:this.emitter,getCurrentData:this.getCurrentData},f),h),d),g=f.pluginHooks.optionChangeHandlers,m=p&&p.calendarOptions,y=f.calendarOptions;if(m&&m!==y)for(var E in m.timeZone!==y.timeZone&&(d.eventSources=v.eventSources=(a=v.eventSources,s=d.dateProfile,l=v,u=s?s.activeRange:null,pi(a,hi(a,l),u,!0,l)),d.eventStore=v.eventStore=(e=v.eventStore,t=p.dateEnv,n=v.dateEnv,o=e.defs,i=bt(e.instances,(function(e){var i=o[e.defId];return i.allDay||i.recurringDef?e:r(r({},e),{range:{start:n.createMarker(t.toDate(e.range.start,e.forcedStartTzo)),end:n.createMarker(t.toDate(e.range.end,e.forcedEndTzo))},forcedStartTzo:n.canComputeOffset?null:e.forcedStartTzo,forcedEndTzo:n.canComputeOffset?null:e.forcedEndTzo})})),{defs:o,instances:i})),g)m[E]!==y[E]&&g[E](y[E],v);c.onData&&c.onData(v)},e.prototype._computeOptionsData=function(e,t,n){var r=this.processRawCalendarOptions(e,t),o=r.refinedOptions,i=r.pluginHooks,a=r.localeDefaults,s=r.availableLocaleData;zi(r.extra);var l=this.buildDateEnv(o.timeZone,o.locale,o.weekNumberCalculation,o.firstDay,o.weekText,i,s,o.defaultRangeSeparator),u=this.buildViewSpecs(i.views,e,t,a),c=this.buildTheme(o,i);return{calendarOptions:o,pluginHooks:i,dateEnv:l,viewSpecs:u,theme:c,toolbarConfig:this.parseToolbars(o,e,c,u,n),localeDefaults:a,availableRawLocales:s.map}},e.prototype.processRawCalendarOptions=function(e,t){var n=gn([cn,e,t]),o=n.locales,i=n.locale,a=this.organizeRawLocales(o),s=a.map,l=this.buildLocale(i||a.defaultCode,s).options,u=this.buildPluginHooks(e.plugins||[],xi),c=this.currentCalendarOptionsRefiners=r(r(r(r(r({},un),dn),pn),u.listenerRefiners),u.optionRefiners),d={},p=gn([cn,l,e,t]),f={},h=this.currentCalendarOptionsInput,v=this.currentCalendarOptionsRefined,g=!1;for(var m in p)"plugins"!==m&&(p[m]===h[m]||fn[m]&&m in h&&fn[m](h[m],p[m])?f[m]=v[m]:c[m]?(f[m]=c[m](p[m]),g=!0):d[m]=h[m]);return g&&(this.currentCalendarOptionsInput=p,this.currentCalendarOptionsRefined=f),{rawOptions:this.currentCalendarOptionsInput,refinedOptions:this.currentCalendarOptionsRefined,pluginHooks:u,availableLocaleData:a,localeDefaults:l,extra:d}},e.prototype._computeCurrentViewData=function(e,t,n,r){var o=t.viewSpecs[e];if(!o)throw new Error('viewType "'+e+"\" is not available. Please make sure you've loaded all neccessary plugins");var i=this.processRawViewOptions(o,t.pluginHooks,t.localeDefaults,n,r),a=i.refinedOptions;return zi(i.extra),{viewSpec:o,options:a,dateProfileGenerator:this.buildDateProfileGenerator({dateProfileGeneratorClass:o.optionDefaults.dateProfileGeneratorClass,duration:o.duration,durationUnit:o.durationUnit,usesMinMaxTime:o.optionDefaults.usesMinMaxTime,dateEnv:t.dateEnv,calendarApi:this.props.calendarApi,slotMinTime:a.slotMinTime,slotMaxTime:a.slotMaxTime,showNonCurrentDates:a.showNonCurrentDates,dayCount:a.dayCount,dateAlignment:a.dateAlignment,dateIncrement:a.dateIncrement,hiddenDays:a.hiddenDays,weekends:a.weekends,nowInput:a.now,validRangeInput:a.validRange,visibleRangeInput:a.visibleRange,monthMode:a.monthMode,fixedWeekCount:a.fixedWeekCount}),viewApi:this.buildViewApi(e,this.getCurrentData,t.dateEnv)}},e.prototype.processRawViewOptions=function(e,t,n,o,i){var a=gn([cn,e.optionDefaults,n,o,e.optionOverrides,i]),s=r(r(r(r(r(r({},un),dn),pn),vn),t.listenerRefiners),t.optionRefiners),l={},u=this.currentViewOptionsInput,c=this.currentViewOptionsRefined,d=!1,p={};for(var f in a)a[f]===u[f]?l[f]=c[f]:(a[f]===this.currentCalendarOptionsInput[f]?f in this.currentCalendarOptionsRefined&&(l[f]=this.currentCalendarOptionsRefined[f]):s[f]?l[f]=s[f](a[f]):p[f]=a[f],d=!0);return d&&(this.currentViewOptionsInput=a,this.currentViewOptionsRefined=l),{rawOptions:this.currentViewOptionsInput,refinedOptions:this.currentViewOptionsRefined,extra:p}},e}();function Hi(e,t,n,r,o,i,a,s){var l=Br(t||a.defaultCode,a.map);return new Lr({calendarSystem:"gregory",timeZone:e,namedTimeZoneImpl:i.namedTimeZonedImpl,locale:l,weekNumberCalculation:n,firstDay:r,weekText:o,cmdFormatter:i.cmdFormatter,defaultSeparator:s})}function Oi(e,t){return new(t.themeClasses[e.themeSystem]||Go)(e)}function Ai(e){return new(e.dateProfileGeneratorClass||ai)(e)}function Li(e,t,n){return new Cr(e,t,n)}function Ui(e){return bt(e,(function(e){return e.ui}))}function Wi(e,t,n){var r={"":t};for(var o in e){var i=e[o];i.sourceId&&n[i.sourceId]&&(r[o]=n[i.sourceId])}return r}function Vi(e){var t=e.options;return{eventUiSingleBase:kn({display:t.eventDisplay,editable:t.editable,startEditable:t.eventStartEditable,durationEditable:t.eventDurationEditable,constraint:t.eventConstraint,overlap:"boolean"==typeof t.eventOverlap?t.eventOverlap:void 0,allow:t.eventAllow,backgroundColor:t.eventBackgroundColor,borderColor:t.eventBorderColor,textColor:t.eventTextColor,color:t.eventColor},e),selectionConfig:kn({constraint:t.selectConstraint,overlap:"boolean"==typeof t.selectOverlap?t.selectOverlap:void 0,allow:t.selectAllow},e)}}function Fi(e,t){for(var n=0,r=t.pluginHooks.isLoadingFuncs;n<r.length;n++){if((0,r[n])(e))return!0}return!1}function Bi(e){return Yr(e.options.businessHours,e)}function zi(e,t){for(var n in e)console.warn("Unknown option '"+n+"'"+(t?" for view '"+t+"'":""))}var ji=function(e){function t(t){var n=e.call(this,t)||this;return n.handleData=function(e){n.dataManager?n.setState(e):n.state=e},n.dataManager=new Ni({optionOverrides:t.optionOverrides,calendarApi:t.calendarApi,onData:n.handleData}),n}return n(t,e),t.prototype.render=function(){return this.props.children(this.state)},t.prototype.componentDidUpdate=function(e){var t=this.props.optionOverrides;t!==e.optionOverrides&&this.dataManager.resetOptions(t)},t}(Ro);var Gi=function(e){this.timeZoneName=e},qi=function(){function e(){this.strictOrder=!1,this.allowReslicing=!1,this.maxCoord=-1,this.maxStackCnt=-1,this.levelCoords=[],this.entriesByLevel=[],this.stackCnts={}}return e.prototype.addSegs=function(e){for(var t=[],n=0,r=e;n<r.length;n++){var o=r[n];this.insertEntry(o,t)}return t},e.prototype.insertEntry=function(e,t){var n=this.findInsertion(e);return this.isInsertionValid(n,e)?(this.insertEntryAt(e,n),1):this.handleInvalidInsertion(n,e,t)},e.prototype.isInsertionValid=function(e,t){return(-1===this.maxCoord||e.levelCoord+t.thickness<=this.maxCoord)&&(-1===this.maxStackCnt||e.stackCnt<this.maxStackCnt)},e.prototype.handleInvalidInsertion=function(e,t,n){return this.allowReslicing&&e.touchingEntry?this.splitEntry(t,e.touchingEntry,n):(n.push(t),0)},e.prototype.splitEntry=function(e,t,n){var r=0,i=[],a=e.span,s=t.span;return a.start<s.start&&(r+=this.insertEntry({index:e.index,thickness:e.thickness,span:{start:a.start,end:s.start}},i)),a.end>s.end&&(r+=this.insertEntry({index:e.index,thickness:e.thickness,span:{start:s.end,end:a.end}},i)),r?(n.push.apply(n,o([{index:e.index,thickness:e.thickness,span:$i(s,a)}],i)),r):(n.push(e),0)},e.prototype.insertEntryAt=function(e,t){var n=this.entriesByLevel,r=this.levelCoords;-1===t.lateral?(Ji(r,t.level,t.levelCoord),Ji(n,t.level,[e])):Ji(n[t.level],t.lateral,e),this.stackCnts[Zi(e)]=t.stackCnt},e.prototype.findInsertion=function(e){for(var t=this,n=t.levelCoords,r=t.entriesByLevel,o=t.strictOrder,i=t.stackCnts,a=n.length,s=0,l=-1,u=-1,c=null,d=0,p=0;p<a;p+=1){var f=n[p];if(!o&&f>=s+e.thickness)break;for(var h=r[p],v=void 0,g=Qi(h,e.span.start,Yi),m=g[0]+g[1];(v=h[m])&&v.span.start<e.span.end;){var y=f+v.thickness;y>s&&(s=y,c=v,l=p,u=m),y===s&&(d=Math.max(d,i[Zi(v)]+1)),m+=1}}var E=0;if(c)for(E=l+1;E<a&&n[E]<s;)E+=1;var S=-1;return E<a&&n[E]===s&&(S=Qi(r[E],e.span.end,Yi)[0]),{touchingLevel:l,touchingLateral:u,touchingEntry:c,stackCnt:d,levelCoord:s,level:E,lateral:S}},e.prototype.toRects=function(){for(var e=this.entriesByLevel,t=this.levelCoords,n=e.length,o=[],i=0;i<n;i+=1)for(var a=e[i],s=t[i],l=0,u=a;l<u.length;l++){var c=u[l];o.push(r(r({},c),{levelCoord:s}))}return o},e}();function Yi(e){return e.span.end}function Zi(e){return e.index+":"+e.span.start}function Xi(e){for(var t=[],n=0,r=e;n<r.length;n++){for(var o=r[n],i=[],a={span:o.span,entries:[o]},s=0,l=t;s<l.length;s++){var u=l[s];$i(u.span,a.span)?a={entries:u.entries.concat(a.entries),span:Ki(u.span,a.span)}:i.push(u)}i.push(a),t=i}return t}function Ki(e,t){return{start:Math.min(e.start,t.start),end:Math.max(e.end,t.end)}}function $i(e,t){var n=Math.max(e.start,t.start),r=Math.min(e.end,t.end);return n<r?{start:n,end:r}:null}function Ji(e,t,n){e.splice(t,0,n)}function Qi(e,t,n){var r=0,o=e.length;if(!o||t<n(e[r]))return[0,0];if(t>n(e[o-1]))return[o,0];for(;r<o;){var i=Math.floor(r+(o-r)/2),a=n(e[i]);if(t<a)o=i;else{if(!(t>a))return[i,1];r=i+1}}return[r,0]}var ea=function(){function e(e){this.component=e.component,this.isHitComboAllowed=e.isHitComboAllowed||null}return e.prototype.destroy=function(){},e}();function ta(e,t){return{component:e,el:t.el,useEventCenter:null==t.useEventCenter||t.useEventCenter,isHitComboAllowed:t.isHitComboAllowed||null}}function na(e){var t;return(t={})[e.component.uid]=e,t}var ra={},oa=function(){function e(e,t){this.emitter=new Eo}return e.prototype.destroy=function(){},e.prototype.setMirrorIsVisible=function(e){},e.prototype.setMirrorNeedsRevert=function(e){},e.prototype.setAutoScrollEnabled=function(e){},e}(),ia={},aa={startTime:Nt,duration:Nt,create:Boolean,sourceId:String};function sa(e){var t=mn(e,aa),n=t.refined,r=t.extra;return{startTime:n.startTime||null,duration:n.duration||null,create:null==n.create||n.create,sourceId:n.sourceId,leftoverProps:r}}var la=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.render=function(){var e=this,t=this.props.widgetGroups.map((function(t){return e.renderWidgetGroup(t)}));return _o.apply(void 0,o(["div",{className:"fc-toolbar-chunk"}],t))},t.prototype.renderWidgetGroup=function(e){for(var t=this.props,n=this.context.theme,r=[],i=!0,a=0,s=e;a<s.length;a++){var l=s[a],u=l.buttonName,c=l.buttonClick,d=l.buttonText,p=l.buttonIcon,f=l.buttonHint;if("title"===u)i=!1,r.push(_o("h2",{className:"fc-toolbar-title",id:t.titleId},t.title));else{var h=u===t.activeButton,v=!t.isTodayEnabled&&"today"===u||!t.isPrevEnabled&&"prev"===u||!t.isNextEnabled&&"next"===u,g=["fc-"+u+"-button",n.getClass("button")];h&&g.push(n.getClass("buttonActive")),r.push(_o("button",{type:"button",title:"function"==typeof f?f(t.navUnit):f,disabled:v,"aria-pressed":h,className:g.join(" "),onClick:c},d||(p?_o("span",{className:p}):"")))}}if(r.length>1){var m=i&&n.getClass("buttonGroup")||"";return _o.apply(void 0,o(["div",{className:m}],r))}return r[0]},t}(Uo),ua=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.render=function(){var e,t,n=this.props,r=n.model,o=n.extraClassName,i=!1,a=r.sectionWidgets,s=a.center;return a.left?(i=!0,e=a.left):e=a.start,a.right?(i=!0,t=a.right):t=a.end,_o("div",{className:[o||"","fc-toolbar",i?"fc-toolbar-ltr":""].join(" ")},this.renderSection("start",e||[]),this.renderSection("center",s||[]),this.renderSection("end",t||[]))},t.prototype.renderSection=function(e,t){var n=this.props;return _o(la,{key:e,widgetGroups:t,title:n.title,navUnit:n.navUnit,activeButton:n.activeButton,isTodayEnabled:n.isTodayEnabled,isPrevEnabled:n.isPrevEnabled,isNextEnabled:n.isNextEnabled,titleId:n.titleId})},t}(Uo),ca=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={availableWidth:null},t.handleEl=function(e){t.el=e,Fo(t.props.elRef,e),t.updateAvailableWidth()},t.handleResize=function(){t.updateAvailableWidth()},t}return n(t,e),t.prototype.render=function(){var e=this.props,t=this.state,n=e.aspectRatio,r=["fc-view-harness",n||e.liquid||e.height?"fc-view-harness-active":"fc-view-harness-passive"],o="",i="";return n?null!==t.availableWidth?o=t.availableWidth/n:i=1/n*100+"%":o=e.height||"",_o("div",{"aria-labelledby":e.labeledById,ref:this.handleEl,className:r.join(" "),style:{height:o,paddingBottom:i}},e.children)},t.prototype.componentDidMount=function(){this.context.addResizeHandler(this.handleResize)},t.prototype.componentWillUnmount=function(){this.context.removeResizeHandler(this.handleResize)},t.prototype.updateAvailableWidth=function(){this.el&&this.props.aspectRatio&&this.setState({availableWidth:this.el.offsetWidth})},t}(Uo),da=function(e){function t(t){var n=e.call(this,t)||this;return n.handleSegClick=function(e,t){var r=n.component,o=r.context,i=Jn(t);if(i&&r.isValidSegDownEl(e.target)){var a=Se(e.target,".fc-event-forced-url"),s=a?a.querySelector("a[href]").href:"";o.emitter.trigger("eventClick",{el:t,event:new xr(r.context,i.eventRange.def,i.eventRange.instance),jsEvent:e,view:o.viewApi}),s&&!e.defaultPrevented&&(window.location.href=s)}},n.destroy=Ie(t.el,"click",".fc-event",n.handleSegClick),n}return n(t,e),t}(ea),pa=function(e){function t(t){var n,r,o,i,a,s=e.call(this,t)||this;return s.handleEventElRemove=function(e){e===s.currentSegEl&&s.handleSegLeave(null,s.currentSegEl)},s.handleSegEnter=function(e,t){Jn(t)&&(s.currentSegEl=t,s.triggerEvent("eventMouseEnter",e,t))},s.handleSegLeave=function(e,t){s.currentSegEl&&(s.currentSegEl=null,s.triggerEvent("eventMouseLeave",e,t))},s.removeHoverListeners=(n=t.el,r=".fc-event",o=s.handleSegEnter,i=s.handleSegLeave,Ie(n,"mouseover",r,(function(e,t){if(t!==a){a=t,o(e,t);var n=function(e){a=null,i(e,t),t.removeEventListener("mouseleave",n)};t.addEventListener("mouseleave",n)}}))),s}return n(t,e),t.prototype.destroy=function(){this.removeHoverListeners()},t.prototype.triggerEvent=function(e,t,n){var r=this.component,o=r.context,i=Jn(n);t&&!r.isValidSegDownEl(t.target)||o.emitter.trigger(e,{el:n,event:new xr(o,i.eventRange.def,i.eventRange.instance),jsEvent:t,view:o.viewApi})},t}(ea),fa=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.buildViewContext=qt(Ao),t.buildViewPropTransformers=qt(va),t.buildToolbarProps=qt(ha),t.headerRef=ko(),t.footerRef=ko(),t.interactionsStore={},t.state={viewLabelId:xe()},t.registerInteractiveComponent=function(e,n){var r=ta(e,n),o=[da,pa].concat(t.props.pluginHooks.componentInteractions).map((function(e){return new e(r)}));t.interactionsStore[e.uid]=o,ra[e.uid]=r},t.unregisterInteractiveComponent=function(e){var n=t.interactionsStore[e.uid];if(n){for(var r=0,o=n;r<o.length;r++){o[r].destroy()}delete t.interactionsStore[e.uid]}delete ra[e.uid]},t.resizeRunner=new Mi((function(){t.props.emitter.trigger("_resize",!0),t.props.emitter.trigger("windowResize",{view:t.props.viewApi})})),t.handleWindowResize=function(e){var n=t.props.options;n.handleWindowResize&&e.target===window&&t.resizeRunner.request(n.windowResizeDelay)},t}return n(t,e),t.prototype.render=function(){var e,t=this.props,n=t.toolbarConfig,o=t.options,i=this.buildToolbarProps(t.viewSpec,t.dateProfile,t.dateProfileGenerator,t.currentDate,Tr(t.options.now,t.dateEnv),t.viewTitle),a=!1,s="";t.isHeightAuto||t.forPrint?s="":null!=o.height?a=!0:null!=o.contentHeight?s=o.contentHeight:e=Math.max(o.aspectRatio,.5);var l=this.buildViewContext(t.viewSpec,t.viewApi,t.options,t.dateProfileGenerator,t.dateEnv,t.theme,t.pluginHooks,t.dispatch,t.getCurrentData,t.emitter,t.calendarApi,this.registerInteractiveComponent,this.unregisterInteractiveComponent),u=n.header&&n.header.hasTitle?this.state.viewLabelId:"";return _o(Oo.Provider,{value:l},n.header&&_o(ua,r({ref:this.headerRef,extraClassName:"fc-header-toolbar",model:n.header,titleId:u},i)),_o(ca,{liquid:a,height:s,aspectRatio:e,labeledById:u},this.renderView(t),this.buildAppendContent()),n.footer&&_o(ua,r({ref:this.footerRef,extraClassName:"fc-footer-toolbar",model:n.footer,titleId:""},i)))},t.prototype.componentDidMount=function(){var e=this.props;this.calendarInteractions=e.pluginHooks.calendarInteractions.map((function(t){return new t(e)})),window.addEventListener("resize",this.handleWindowResize);var t=e.pluginHooks.propSetHandlers;for(var n in t)t[n](e[n],e)},t.prototype.componentDidUpdate=function(e){var t=this.props,n=t.pluginHooks.propSetHandlers;for(var r in n)t[r]!==e[r]&&n[r](t[r],t)},t.prototype.componentWillUnmount=function(){window.removeEventListener("resize",this.handleWindowResize),this.resizeRunner.clear();for(var e=0,t=this.calendarInteractions;e<t.length;e++){t[e].destroy()}this.props.emitter.trigger("_unmount")},t.prototype.buildAppendContent=function(){var e=this.props,t=e.pluginHooks.viewContainerAppends.map((function(t){return t(e)}));return _o.apply(void 0,o([xo,{}],t))},t.prototype.renderView=function(e){for(var t=e.pluginHooks,n=e.viewSpec,o={dateProfile:e.dateProfile,businessHours:e.businessHours,eventStore:e.renderableEventStore,eventUiBases:e.eventUiBases,dateSelection:e.dateSelection,eventSelection:e.eventSelection,eventDrag:e.eventDrag,eventResize:e.eventResize,isHeightAuto:e.isHeightAuto,forPrint:e.forPrint},i=0,a=this.buildViewPropTransformers(t.viewPropsTransformers);i<a.length;i++){var s=a[i];r(o,s.transform(o,e))}var l=n.component;return _o(l,r({},o))},t}(Lo);function ha(e,t,n,r,o,i){var a=n.build(o,void 0,!1),s=n.buildPrev(t,r,!1),l=n.buildNext(t,r,!1);return{title:i,activeButton:e.type,navUnit:e.singleUnit,isTodayEnabled:a.isValid&&!Zn(t.currentRange,o),isPrevEnabled:s.isValid,isNextEnabled:l.isValid}}function va(e){return e.map((function(e){return new e}))}var ga=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={forPrint:!1},t.handleBeforePrint=function(){t.setState({forPrint:!0})},t.handleAfterPrint=function(){t.setState({forPrint:!1})},t}return n(t,e),t.prototype.render=function(){var e=this.props,t=e.options,n=this.state.forPrint,r=n||"auto"===t.height||"auto"===t.contentHeight,o=r||null==t.height?"":t.height,i=["fc",n?"fc-media-print":"fc-media-screen","fc-direction-"+t.direction,e.theme.getClass("root")];return Qr()||i.push("fc-liquid-hack"),e.children(i,o,r,n)},t.prototype.componentDidMount=function(){var e=this.props.emitter;e.on("_beforeprint",this.handleBeforePrint),e.on("_afterprint",this.handleAfterPrint)},t.prototype.componentWillUnmount=function(){var e=this.props.emitter;e.off("_beforeprint",this.handleBeforePrint),e.off("_afterprint",this.handleAfterPrint)},t}(Uo);function ma(e,t){return ln(!e||t>10?{weekday:"short"}:t>1?{weekday:"short",month:"numeric",day:"numeric",omitCommas:!0}:{weekday:"long"})}var ya="fc-col-header-cell";function Ea(e){return e.text}var Sa=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.render=function(){var e=this.context,t=e.dateEnv,n=e.options,o=e.theme,i=e.viewApi,a=this.props,s=a.date,l=a.dateProfile,u=ro(s,a.todayRange,null,l),c=[ya].concat(oo(u,o)),d=t.format(s,a.dayHeaderFormat),p=!u.isDisabled&&a.colCnt>1?so(this.context,s):{},f=r(r(r({date:t.toDate(s),view:i},a.extraHookProps),{text:d}),u);return _o(Yo,{hookProps:f,classNames:n.dayHeaderClassNames,content:n.dayHeaderContent,defaultContent:Ea,didMount:n.dayHeaderDidMount,willUnmount:n.dayHeaderWillUnmount},(function(e,t,n,o){return _o("th",r({ref:e,role:"columnheader",className:c.concat(t).join(" "),"data-date":u.isDisabled?void 0:Bt(s),colSpan:a.colSpan},a.extraDataAttrs),_o("div",{className:"fc-scrollgrid-sync-inner"},!u.isDisabled&&_o("a",r({ref:n,className:["fc-col-header-cell-cushion",a.isSticky?"fc-sticky":""].join(" ")},p),o)))}))},t}(Uo),ba=ln({weekday:"long"}),Da=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.render=function(){var e=this.props,t=this.context,n=t.dateEnv,o=t.theme,i=t.viewApi,a=t.options,s=tt(new Date(2592e5),e.dow),l={dow:e.dow,isDisabled:!1,isFuture:!1,isPast:!1,isToday:!1,isOther:!1},u=[ya].concat(oo(l,o),e.extraClassNames||[]),c=n.format(s,e.dayHeaderFormat),d=r(r(r(r({date:s},l),{view:i}),e.extraHookProps),{text:c});return _o(Yo,{hookProps:d,classNames:a.dayHeaderClassNames,content:a.dayHeaderContent,defaultContent:Ea,didMount:a.dayHeaderDidMount,willUnmount:a.dayHeaderWillUnmount},(function(t,o,i,a){return _o("th",r({ref:t,role:"columnheader",className:u.concat(o).join(" "),colSpan:e.colSpan},e.extraDataAttrs),_o("div",{className:"fc-scrollgrid-sync-inner"},_o("a",{"aria-label":n.format(s,ba),className:["fc-col-header-cell-cushion",e.isSticky?"fc-sticky":""].join(" "),ref:i},a)))}))},t}(Uo),Ca=function(e){function t(t,n){var r=e.call(this,t,n)||this;return r.initialNowDate=Tr(n.options.now,n.dateEnv),r.initialNowQueriedMs=(new Date).valueOf(),r.state=r.computeTiming().currentState,r}return n(t,e),t.prototype.render=function(){var e=this.props,t=this.state;return e.children(t.nowDate,t.todayRange)},t.prototype.componentDidMount=function(){this.setTimeout()},t.prototype.componentDidUpdate=function(e){e.unit!==this.props.unit&&(this.clearTimeout(),this.setTimeout())},t.prototype.componentWillUnmount=function(){this.clearTimeout()},t.prototype.computeTiming=function(){var e=this.props,t=this.context,n=nt(this.initialNowDate,(new Date).valueOf()-this.initialNowQueriedMs),r=t.dateEnv.startOf(n,e.unit),o=t.dateEnv.add(r,Nt(1,e.unit)),i=o.valueOf()-n.valueOf();return i=Math.min(864e5,i),{currentState:{nowDate:r,todayRange:wa(r)},nextState:{nowDate:o,todayRange:wa(o)},waitMs:i}},t.prototype.setTimeout=function(){var e=this,t=this.computeTiming(),n=t.nextState,r=t.waitMs;this.timeoutId=setTimeout((function(){e.setState(n,(function(){e.setTimeout()}))}),r)},t.prototype.clearTimeout=function(){this.timeoutId&&clearTimeout(this.timeoutId)},t.contextType=Oo,t}(Ro);function wa(e){var t=lt(e);return{start:t,end:tt(t,1)}}var Ra=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.createDayHeaderFormatter=qt(_a),t}return n(t,e),t.prototype.render=function(){var e=this.context,t=this.props,n=t.dates,r=t.dateProfile,o=t.datesRepDistinctDays,i=t.renderIntro,a=this.createDayHeaderFormatter(e.options.dayHeaderFormat,o,n.length);return _o(Ca,{unit:"day"},(function(e,t){return _o("tr",{role:"row"},i&&i("day"),n.map((function(e){return o?_o(Sa,{key:e.toISOString(),date:e,dateProfile:r,todayRange:t,colCnt:n.length,dayHeaderFormat:a}):_o(Da,{key:e.getUTCDay(),dow:e.getUTCDay(),dayHeaderFormat:a})})))}))},t}(Uo);function _a(e,t,n){return e||ma(t,n)}var Ta=function(){function e(e,t){for(var n=e.start,r=e.end,o=[],i=[],a=-1;n<r;)t.isHiddenDay(n)?o.push(a+.5):(a+=1,o.push(a),i.push(n)),n=tt(n,1);this.dates=i,this.indices=o,this.cnt=i.length}return e.prototype.sliceRange=function(e){var t=this.getDateDayIndex(e.start),n=this.getDateDayIndex(tt(e.end,-1)),r=Math.max(0,t),o=Math.min(this.cnt-1,n);return(r=Math.ceil(r))<=(o=Math.floor(o))?{firstIndex:r,lastIndex:o,isStart:t===r,isEnd:n===o}:null},e.prototype.getDateDayIndex=function(e){var t=this.indices,n=Math.floor(ot(this.dates[0],e));return n<0?t[0]-1:n>=t.length?t[t.length-1]+1:t[n]},e}(),ka=function(){function e(e,t){var n,r,o,i=e.dates;if(t){for(r=i[0].getUTCDay(),n=1;n<i.length&&i[n].getUTCDay()!==r;n+=1);o=Math.ceil(i.length/n)}else o=1,n=i.length;this.rowCnt=o,this.colCnt=n,this.daySeries=e,this.cells=this.buildCells(),this.headerDates=this.buildHeaderDates()}return e.prototype.buildCells=function(){for(var e=[],t=0;t<this.rowCnt;t+=1){for(var n=[],r=0;r<this.colCnt;r+=1)n.push(this.buildCell(t,r));e.push(n)}return e},e.prototype.buildCell=function(e,t){var n=this.daySeries.dates[e*this.colCnt+t];return{key:n.toISOString(),date:n}},e.prototype.buildHeaderDates=function(){for(var e=[],t=0;t<this.colCnt;t+=1)e.push(this.cells[0][t].date);return e},e.prototype.sliceRange=function(e){var t=this.colCnt,n=this.daySeries.sliceRange(e),r=[];if(n)for(var o=n.firstIndex,i=n.lastIndex,a=o;a<=i;){var s=Math.floor(a/t),l=Math.min((s+1)*t,i+1);r.push({row:s,firstCol:a%t,lastCol:(l-1)%t,isStart:n.isStart&&a===o,isEnd:n.isEnd&&l-1===i}),a=l}return r},e}(),xa=function(){function e(){this.sliceBusinessHours=qt(this._sliceBusinessHours),this.sliceDateSelection=qt(this._sliceDateSpan),this.sliceEventStore=qt(this._sliceEventStore),this.sliceEventDrag=qt(this._sliceInteraction),this.sliceEventResize=qt(this._sliceInteraction),this.forceDayIfListItem=!1}return e.prototype.sliceProps=function(e,t,n,r){for(var i=[],a=4;a<arguments.length;a++)i[a-4]=arguments[a];var s=e.eventUiBases,l=this.sliceEventStore.apply(this,o([e.eventStore,s,t,n],i));return{dateSelectionSegs:this.sliceDateSelection.apply(this,o([e.dateSelection,s,r],i)),businessHourSegs:this.sliceBusinessHours.apply(this,o([e.businessHours,t,n,r],i)),fgEventSegs:l.fg,bgEventSegs:l.bg,eventDrag:this.sliceEventDrag.apply(this,o([e.eventDrag,s,t,n],i)),eventResize:this.sliceEventResize.apply(this,o([e.eventResize,s,t,n],i)),eventSelection:e.eventSelection}},e.prototype.sliceNowDate=function(e,t){for(var n=[],r=2;r<arguments.length;r++)n[r-2]=arguments[r];return this._sliceDateSpan.apply(this,o([{range:{start:e,end:nt(e,1)},allDay:!1},{},t],n))},e.prototype._sliceBusinessHours=function(e,t,n,r){for(var i=[],a=4;a<arguments.length;a++)i[a-4]=arguments[a];return e?this._sliceEventStore.apply(this,o([xt(e,Ma(t,Boolean(n)),r),{},t,n],i)).bg:[]},e.prototype._sliceEventStore=function(e,t,n,r){for(var o=[],i=4;i<arguments.length;i++)o[i-4]=arguments[i];if(e){var a=Xn(e,t,Ma(n,Boolean(r)),r);return{bg:this.sliceEventRanges(a.bg,o),fg:this.sliceEventRanges(a.fg,o)}}return{bg:[],fg:[]}},e.prototype._sliceInteraction=function(e,t,n,r){for(var o=[],i=4;i<arguments.length;i++)o[i-4]=arguments[i];if(!e)return null;var a=Xn(e.mutatedEvents,t,Ma(n,Boolean(r)),r);return{segs:this.sliceEventRanges(a.fg,o),affectedInstances:e.affectedEvents.instances,isEvent:e.isEvent}},e.prototype._sliceDateSpan=function(e,t,n){for(var r=[],i=3;i<arguments.length;i++)r[i-3]=arguments[i];if(!e)return[];for(var a=gr(e,t,n),s=this.sliceRange.apply(this,o([e.range],r)),l=0,u=s;l<u.length;l++){var c=u[l];c.eventRange=a}return s},e.prototype.sliceEventRanges=function(e,t){for(var n=[],r=0,o=e;r<o.length;r++){var i=o[r];n.push.apply(n,this.sliceEventRange(i,t))}return n},e.prototype.sliceEventRange=function(e,t){var n=e.range;this.forceDayIfListItem&&"list-item"===e.ui.display&&(n={start:n.start,end:tt(n.start,1)});for(var r=this.sliceRange.apply(this,o([n],t)),i=0,a=r;i<a.length;i++){var s=a[i];s.eventRange=e,s.isStart=e.isStart&&s.isStart,s.isEnd=e.isEnd&&s.isEnd}return r},e}();function Ma(e,t){var n=e.activeRange;return t?n:{start:nt(n.start,e.slotMinTime.milliseconds),end:nt(n.end,e.slotMaxTime.milliseconds-864e5)}}function Ia(e,t,n){var r=e.mutatedEvents.instances;for(var o in r)if(!Yn(t.validRange,r[o].range))return!1;return Na({eventDrag:e},n)}function Pa(e,t,n){return!!Yn(t.validRange,e.range)&&Na({dateSelection:e},n)}function Na(e,t){var n=t.getCurrentData(),o=r({businessHours:n.businessHours,dateSelection:"",eventStore:n.eventStore,eventUiBases:n.eventUiBases,eventSelection:"",eventDrag:null,eventResize:null},e);return(t.pluginHooks.isPropsValid||Ha)(o,t)}function Ha(e,t,n,o){return void 0===n&&(n={}),!(e.eventDrag&&!function(e,t,n,o){var i=t.getCurrentData(),a=e.eventDrag,s=a.mutatedEvents,l=s.defs,u=s.instances,c=Qn(l,a.isEvent?e.eventUiBases:{"":i.selectionConfig});o&&(c=bt(c,o));var d=(v=e.eventStore,g=a.affectedEvents.instances,{defs:v.defs,instances:St(v.instances,(function(e){return!g[e.instanceId]}))}),p=d.defs,f=d.instances,h=Qn(p,e.eventUiBases);var v,g;for(var m in u){var y=u[m],E=y.range,S=c[y.defId],b=l[y.defId];if(!Oa(S.constraints,E,d,e.businessHours,t))return!1;var D=t.options.eventOverlap,C="function"==typeof D?D:null;for(var w in f){var R=f[w];if(qn(E,R.range)){if(!1===h[R.defId].overlap&&a.isEvent)return!1;if(!1===S.overlap)return!1;if(C&&!C(new xr(t,p[R.defId],R),new xr(t,b,y)))return!1}}for(var _=i.eventStore,T=0,k=S.allows;T<k.length;T++){var x=k[T],M=r(r({},n),{range:y.range,allDay:b.allDay}),I=_.defs[b.defId],P=_.instances[m],N=void 0;if(N=I?new xr(t,I,P):new xr(t,b),!x(yr(M,t),N))return!1}}return!0}(e,t,n,o))&&!(e.dateSelection&&!function(e,t,n,o){var i=e.eventStore,a=i.defs,s=i.instances,l=e.dateSelection,u=l.range,c=t.getCurrentData().selectionConfig;o&&(c=o(c));if(!Oa(c.constraints,u,i,e.businessHours,t))return!1;var d=t.options.selectOverlap,p="function"==typeof d?d:null;for(var f in s){var h=s[f];if(qn(u,h.range)){if(!1===c.overlap)return!1;if(p&&!p(new xr(t,a[h.defId],h),null))return!1}}for(var v=0,g=c.allows;v<g.length;v++){if(!(0,g[v])(yr(r(r({},n),l),t),null))return!1}return!0}(e,t,n,o))}function Oa(e,t,n,r,o){for(var i=0,a=e;i<a.length;i++){if(!Ua(Aa(a[i],t,n,r,o),t))return!1}return!0}function Aa(e,t,n,r,o){return"businessHours"===e?La(xt(r,t,o)):"string"==typeof e?La(wn(n,(function(t){return t.groupId===e}))):"object"==typeof e&&e?La(xt(e,t,o)):[]}function La(e){var t=e.instances,n=[];for(var r in t)n.push(t[r].range);return n}function Ua(e,t){for(var n=0,r=e;n<r.length;n++){if(Yn(r[n],t))return!0}return!1}var Wa=/^(visible|hidden)$/,Va=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.handleEl=function(e){t.el=e,Fo(t.props.elRef,e)},t}return n(t,e),t.prototype.render=function(){var e=this.props,t=e.liquid,n=e.liquidIsAbsolute,r=t&&n,o=["fc-scroller"];return t&&(n?o.push("fc-scroller-liquid-absolute"):o.push("fc-scroller-liquid")),_o("div",{ref:this.handleEl,className:o.join(" "),style:{overflowX:e.overflowX,overflowY:e.overflowY,left:r&&-(e.overcomeLeft||0)||"",right:r&&-(e.overcomeRight||0)||"",bottom:r&&-(e.overcomeBottom||0)||"",marginLeft:!r&&-(e.overcomeLeft||0)||"",marginRight:!r&&-(e.overcomeRight||0)||"",marginBottom:!r&&-(e.overcomeBottom||0)||"",maxHeight:e.maxHeight||""}},e.children)},t.prototype.needsXScrolling=function(){if(Wa.test(this.props.overflowX))return!1;for(var e=this.el,t=this.el.getBoundingClientRect().width-this.getYScrollbarWidth(),n=e.children,r=0;r<n.length;r+=1){if(n[r].getBoundingClientRect().width>t)return!0}return!1},t.prototype.needsYScrolling=function(){if(Wa.test(this.props.overflowY))return!1;for(var e=this.el,t=this.el.getBoundingClientRect().height-this.getXScrollbarWidth(),n=e.children,r=0;r<n.length;r+=1){if(n[r].getBoundingClientRect().height>t)return!0}return!1},t.prototype.getXScrollbarWidth=function(){return Wa.test(this.props.overflowX)?0:this.el.offsetHeight-this.el.clientHeight},t.prototype.getYScrollbarWidth=function(){return Wa.test(this.props.overflowY)?0:this.el.offsetWidth-this.el.clientWidth},t}(Uo),Fa=function(){function e(e){var t=this;this.masterCallback=e,this.currentMap={},this.depths={},this.callbackMap={},this.handleValue=function(e,n){var r=t,o=r.depths,i=r.currentMap,a=!1,s=!1;null!==e?(a=n in i,i[n]=e,o[n]=(o[n]||0)+1,s=!0):(o[n]-=1,o[n]||(delete i[n],delete t.callbackMap[n],a=!0)),t.masterCallback&&(a&&t.masterCallback(null,String(n)),s&&t.masterCallback(e,String(n)))}}return e.prototype.createRef=function(e){var t=this,n=this.callbackMap[e];return n||(n=this.callbackMap[e]=function(n){t.handleValue(n,String(e))}),n},e.prototype.collect=function(e,t,n){return kt(this.currentMap,e,t,n)},e.prototype.getAll=function(){return Ct(this.currentMap)},e}();function Ba(e){for(var t=0,n=0,r=De(e,".fc-scrollgrid-shrink");n<r.length;n++){var o=r[n];t=Math.max(t,Je(o))}return Math.ceil(t)}function za(e,t){return e.liquid&&t.liquid}function ja(e,t){return null!=t.maxHeight||za(e,t)}function Ga(e,t,n,r){var o=n.expandRows;return"function"==typeof t.content?t.content(n):_o("table",{role:"presentation",className:[t.tableClassName,e.syncRowHeights?"fc-scrollgrid-sync-table":""].join(" "),style:{minWidth:n.tableMinWidth,width:n.clientWidth,height:o?n.clientHeight:""}},n.tableColGroupNode,_o(r?"thead":"tbody",{role:"presentation"},"function"==typeof t.rowContent?t.rowContent(n):t.rowContent))}function qa(e,t){return Gt(e,t,wt)}function Ya(e,t){for(var n=[],r=0,i=e;r<i.length;r++)for(var a=i[r],s=a.span||1,l=0;l<s;l+=1)n.push(_o("col",{style:{width:"shrink"===a.width?Za(t):a.width||"",minWidth:a.minWidth||""}}));return _o.apply(void 0,o(["colgroup",{}],n))}function Za(e){return null==e?4:e}function Xa(e){for(var t=0,n=e;t<n.length;t++){if("shrink"===n[t].width)return!0}return!1}function Ka(e,t){var n=["fc-scrollgrid",t.theme.getClass("table")];return e&&n.push("fc-scrollgrid-liquid"),n}function $a(e,t){var n=["fc-scrollgrid-section","fc-scrollgrid-section-"+e.type,e.className];return t&&e.liquid&&null==e.maxHeight&&n.push("fc-scrollgrid-section-liquid"),e.isSticky&&n.push("fc-scrollgrid-section-sticky"),n}function Ja(e){return _o("div",{className:"fc-scrollgrid-sticky-shim",style:{width:e.clientWidth,minWidth:e.tableMinWidth}})}function Qa(e){var t=e.stickyHeaderDates;return null!=t&&"auto"!==t||(t="auto"===e.height||"auto"===e.viewHeight),t}function es(e){var t=e.stickyFooterScrollbar;return null!=t&&"auto"!==t||(t="auto"===e.height||"auto"===e.viewHeight),t}var ts=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.processCols=qt((function(e){return e}),qa),t.renderMicroColGroup=qt(Ya),t.scrollerRefs=new Fa,t.scrollerElRefs=new Fa(t._handleScrollerEl.bind(t)),t.state={shrinkWidth:null,forceYScrollbars:!1,scrollerClientWidths:{},scrollerClientHeights:{}},t.handleSizing=function(){t.setState(r({shrinkWidth:t.computeShrinkWidth()},t.computeScrollerDims()))},t}return n(t,e),t.prototype.render=function(){var e=this,t=e.props,n=e.state,r=e.context,i=t.sections||[],a=this.processCols(t.cols),s=this.renderMicroColGroup(a,n.shrinkWidth),l=Ka(t.liquid,r);t.collapsibleWidth&&l.push("fc-scrollgrid-collapsible");for(var u,c=i.length,d=0,p=[],f=[],h=[];d<c&&"header"===(u=i[d]).type;)p.push(this.renderSection(u,s,!0)),d+=1;for(;d<c&&"body"===(u=i[d]).type;)f.push(this.renderSection(u,s,!1)),d+=1;for(;d<c&&"footer"===(u=i[d]).type;)h.push(this.renderSection(u,s,!0)),d+=1;var v=!Qr(),g={role:"rowgroup"};return _o("table",{role:"grid",className:l.join(" "),style:{height:t.height}},Boolean(!v&&p.length)&&_o.apply(void 0,o(["thead",g],p)),Boolean(!v&&f.length)&&_o.apply(void 0,o(["tbody",g],f)),Boolean(!v&&h.length)&&_o.apply(void 0,o(["tfoot",g],h)),v&&_o.apply(void 0,o(o(o(["tbody",g],p),f),h)))},t.prototype.renderSection=function(e,t,n){return"outerContent"in e?_o(xo,{key:e.key},e.outerContent):_o("tr",{key:e.key,role:"presentation",className:$a(e,this.props.liquid).join(" ")},this.renderChunkTd(e,t,e.chunk,n))},t.prototype.renderChunkTd=function(e,t,n,r){if("outerContent"in n)return n.outerContent;var o=this.props,i=this.state,a=i.forceYScrollbars,s=i.scrollerClientWidths,l=i.scrollerClientHeights,u=ja(o,e),c=za(o,e),d=o.liquid?a?"scroll":u?"auto":"hidden":"visible",p=e.key,f=Ga(e,n,{tableColGroupNode:t,tableMinWidth:"",clientWidth:o.collapsibleWidth||void 0===s[p]?null:s[p],clientHeight:void 0!==l[p]?l[p]:null,expandRows:e.expandRows,syncRowHeights:!1,rowSyncHeights:[],reportRowHeightChange:function(){}},r);return _o(r?"th":"td",{ref:n.elRef,role:"presentation"},_o("div",{className:"fc-scroller-harness"+(c?" fc-scroller-harness-liquid":"")},_o(Va,{ref:this.scrollerRefs.createRef(p),elRef:this.scrollerElRefs.createRef(p),overflowY:d,overflowX:o.liquid?"hidden":"visible",maxHeight:e.maxHeight,liquid:c,liquidIsAbsolute:!0},f)))},t.prototype._handleScrollerEl=function(e,t){var n=function(e,t){for(var n=0,r=e;n<r.length;n++){var o=r[n];if(o.key===t)return o}return null}(this.props.sections,t);n&&Fo(n.chunk.scrollerElRef,e)},t.prototype.componentDidMount=function(){this.handleSizing(),this.context.addResizeHandler(this.handleSizing)},t.prototype.componentDidUpdate=function(){this.handleSizing()},t.prototype.componentWillUnmount=function(){this.context.removeResizeHandler(this.handleSizing)},t.prototype.computeShrinkWidth=function(){return Xa(this.props.cols)?Ba(this.scrollerElRefs.getAll()):0},t.prototype.computeScrollerDims=function(){var e=po(),t=this.scrollerRefs,n=this.scrollerElRefs,r=!1,o={},i={};for(var a in t.currentMap){var s=t.currentMap[a];if(s&&s.needsYScrolling()){r=!0;break}}for(var l=0,u=this.props.sections;l<u.length;l++){a=u[l].key;var c=n.currentMap[a];if(c){var d=c.parentNode;o[a]=Math.floor(d.getBoundingClientRect().width-(r?e.y:0)),i[a]=Math.floor(d.getBoundingClientRect().height)}}return{forceYScrollbars:r,scrollerClientWidths:o,scrollerClientHeights:i}},t}(Uo);ts.addStateEquality({scrollerClientWidths:wt,scrollerClientHeights:wt});var ns=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.elRef=ko(),t}return n(t,e),t.prototype.render=function(){var e=this.props,t=this.context,n=t.options,r=e.seg,o=r.eventRange,i=o.ui,a={event:new xr(t,o.def,o.instance),view:t.viewApi,timeText:e.timeText,textColor:i.textColor,backgroundColor:i.backgroundColor,borderColor:i.borderColor,isDraggable:!e.disableDragging&&rr(r,t),isStartResizable:!e.disableResizing&&or(r,t),isEndResizable:!e.disableResizing&&ir(r),isMirror:Boolean(e.isDragging||e.isResizing||e.isDateSelecting),isStart:Boolean(r.isStart),isEnd:Boolean(r.isEnd),isPast:Boolean(e.isPast),isFuture:Boolean(e.isFuture),isToday:Boolean(e.isToday),isSelected:Boolean(e.isSelected),isDragging:Boolean(e.isDragging),isResizing:Boolean(e.isResizing)},s=lr(a).concat(i.classNames);return _o(Yo,{hookProps:a,classNames:n.eventClassNames,content:n.eventContent,defaultContent:e.defaultContent,didMount:n.eventDidMount,willUnmount:n.eventWillUnmount,elRef:this.elRef},(function(t,n,r,o){return e.children(t,s.concat(n),r,o,a)}))},t.prototype.componentDidMount=function(){$n(this.elRef.current,this.props.seg)},t.prototype.componentDidUpdate=function(e){var t=this.props.seg;t!==e.seg&&$n(this.elRef.current,t)},t}(Uo),rs=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.render=function(){var e=this.props,t=this.context,n=e.seg,o=t.options.eventTimeFormat||e.defaultTimeFormat,i=ar(n,o,t,e.defaultDisplayEventTime,e.defaultDisplayEventEnd);return _o(ns,{seg:n,timeText:i,disableDragging:e.disableDragging,disableResizing:e.disableResizing,defaultContent:e.defaultContent||os,isDragging:e.isDragging,isResizing:e.isResizing,isDateSelecting:e.isDateSelecting,isSelected:e.isSelected,isPast:e.isPast,isFuture:e.isFuture,isToday:e.isToday},(function(o,i,a,s,l){return _o("a",r({className:e.extraClassNames.concat(i).join(" "),style:{borderColor:l.borderColor,backgroundColor:l.backgroundColor},ref:o},cr(n,t)),_o("div",{className:"fc-event-main",ref:a,style:{color:l.textColor}},s),l.isStartResizable&&_o("div",{className:"fc-event-resizer fc-event-resizer-start"}),l.isEndResizable&&_o("div",{className:"fc-event-resizer fc-event-resizer-end"}))}))},t}(Uo);function os(e){return _o("div",{className:"fc-event-main-frame"},e.timeText&&_o("div",{className:"fc-event-time"},e.timeText),_o("div",{className:"fc-event-title-container"},_o("div",{className:"fc-event-title fc-sticky"},e.event.title||_o(xo,null," "))))}var is=function(e){return _o(Oo.Consumer,null,(function(t){var n=t.options,r={isAxis:e.isAxis,date:t.dateEnv.toDate(e.date),view:t.viewApi};return _o(Yo,{hookProps:r,classNames:n.nowIndicatorClassNames,content:n.nowIndicatorContent,didMount:n.nowIndicatorDidMount,willUnmount:n.nowIndicatorWillUnmount},e.children)}))},as=ln({day:"numeric"}),ss=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.render=function(){var e=this.props,t=this.context,n=t.options,r=ls({date:e.date,dateProfile:e.dateProfile,todayRange:e.todayRange,showDayNumber:e.showDayNumber,extraProps:e.extraHookProps,viewApi:t.viewApi,dateEnv:t.dateEnv});return _o(Xo,{hookProps:r,content:n.dayCellContent,defaultContent:e.defaultContent},e.children)},t}(Uo);function ls(e){var t=e.date,n=e.dateEnv,o=ro(t,e.todayRange,null,e.dateProfile);return r(r(r({date:n.toDate(t),view:e.viewApi},o),{dayNumberText:e.showDayNumber?n.format(t,as):""}),e.extraProps)}var us=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.refineHookProps=Yt(ls),t.normalizeClassNames=Jo(),t}return n(t,e),t.prototype.render=function(){var e=this.props,t=this.context,n=t.options,r=this.refineHookProps({date:e.date,dateProfile:e.dateProfile,todayRange:e.todayRange,showDayNumber:e.showDayNumber,extraProps:e.extraHookProps,viewApi:t.viewApi,dateEnv:t.dateEnv}),o=oo(r,t.theme).concat(r.isDisabled?[]:this.normalizeClassNames(n.dayCellClassNames,r)),i=r.isDisabled?{}:{"data-date":Bt(e.date)};return _o($o,{hookProps:r,didMount:n.dayCellDidMount,willUnmount:n.dayCellWillUnmount,elRef:e.elRef},(function(t){return e.children(t,o,i,r.isDisabled)}))},t}(Uo);function cs(e){return _o("div",{className:"fc-"+e})}var ds=function(e){return _o(ns,{defaultContent:ps,seg:e.seg,timeText:"",disableDragging:!0,disableResizing:!0,isDragging:!1,isResizing:!1,isDateSelecting:!1,isSelected:!1,isPast:e.isPast,isFuture:e.isFuture,isToday:e.isToday},(function(e,t,n,r,o){return _o("div",{ref:e,className:["fc-bg-event"].concat(t).join(" "),style:{backgroundColor:o.backgroundColor}},r)}))};function ps(e){return e.event.title&&_o("div",{className:"fc-event-title"},e.event.title)}var fs=function(e){return _o(Oo.Consumer,null,(function(t){var n=t.dateEnv,r=t.options,o=e.date,i=r.weekNumberFormat||e.defaultFormat,a=n.computeWeekNumber(o),s=n.format(o,i);return _o(Yo,{hookProps:{num:a,text:s,date:o},classNames:r.weekNumberClassNames,content:r.weekNumberContent,defaultContent:hs,didMount:r.weekNumberDidMount,willUnmount:r.weekNumberWillUnmount},e.children)}))};function hs(e){return e.text}var vs=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={titleId:xe()},t.handleRootEl=function(e){t.rootEl=e,t.props.elRef&&Fo(t.props.elRef,e)},t.handleDocumentMouseDown=function(e){var n=_e(e);t.rootEl.contains(n)||t.handleCloseClick()},t.handleDocumentKeyDown=function(e){"Escape"===e.key&&t.handleCloseClick()},t.handleCloseClick=function(){var e=t.props.onClose;e&&e()},t}return n(t,e),t.prototype.render=function(){var e=this.context,t=e.theme,n=e.options,o=this.props,i=this.state,a=["fc-popover",t.getClass("popover")].concat(o.extraClassNames||[]);return Io(_o("div",r({id:o.id,className:a.join(" "),"aria-labelledby":i.titleId},o.extraAttrs,{ref:this.handleRootEl}),_o("div",{className:"fc-popover-header "+t.getClass("popoverHeader")},_o("span",{className:"fc-popover-title",id:i.titleId},o.title),_o("span",{className:"fc-popover-close "+t.getIconClass("close"),title:n.closeHint,onClick:this.handleCloseClick})),_o("div",{className:"fc-popover-body "+t.getClass("popoverContent")},o.children)),o.parentEl)},t.prototype.componentDidMount=function(){document.addEventListener("mousedown",this.handleDocumentMouseDown),document.addEventListener("keydown",this.handleDocumentKeyDown),this.updateSize()},t.prototype.componentWillUnmount=function(){document.removeEventListener("mousedown",this.handleDocumentMouseDown),document.removeEventListener("keydown",this.handleDocumentKeyDown)},t.prototype.updateSize=function(){var e=this.context.isRtl,t=this.props,n=t.alignmentEl,r=t.alignGridTop,o=this.rootEl,i=function(e){for(var t=mo(e),n=e.getBoundingClientRect(),r=0,o=t;r<o.length;r++){var i=Xr(n,o[r].getBoundingClientRect());if(!i)return null;n=i}return n}(n);if(i){var a=o.getBoundingClientRect(),s=r?Se(n,".fc-scrollgrid").getBoundingClientRect().top:i.top,l=e?i.right-a.width:i.left;s=Math.max(s,10),l=Math.min(l,document.documentElement.clientWidth-10-a.width),l=Math.max(l,10);var u=o.offsetParent.getBoundingClientRect();we(o,{top:s-u.top,left:l-u.left})}},t}(Uo),gs=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.handleRootEl=function(e){t.rootEl=e,e?t.context.registerInteractiveComponent(t,{el:e,useEventCenter:!1}):t.context.unregisterInteractiveComponent(t)},t}return n(t,e),t.prototype.render=function(){var e=this.context,t=e.options,n=e.dateEnv,r=this.props,o=r.startDate,i=r.todayRange,a=r.dateProfile,s=n.format(o,t.dayPopoverFormat);return _o(us,{date:o,dateProfile:a,todayRange:i,elRef:this.handleRootEl},(function(e,t,n){return _o(vs,{elRef:e,id:r.id,title:s,extraClassNames:["fc-more-popover"].concat(t),extraAttrs:n,parentEl:r.parentEl,alignmentEl:r.alignmentEl,alignGridTop:r.alignGridTop,onClose:r.onClose},_o(ss,{date:o,dateProfile:a,todayRange:i},(function(e,t){return t&&_o("div",{className:"fc-more-popover-misc",ref:e},t)})),r.children)}))},t.prototype.queryHit=function(e,t,n,o){var i=this.rootEl,a=this.props;return e>=0&&e<n&&t>=0&&t<o?{dateProfile:a.dateProfile,dateSpan:r({allDay:!0,range:{start:a.startDate,end:a.endDate}},a.extraDateSpan),dayEl:i,rect:{left:0,top:0,right:n,bottom:o},layer:1}:null},t}(Bo),ms=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.linkElRef=ko(),t.state={isPopoverOpen:!1,popoverId:xe()},t.handleClick=function(e){var n=t,r=n.props,o=n.context,i=o.options.moreLinkClick,a=Es(r).start;function s(e){var t=e.eventRange,n=t.def,r=t.instance,i=t.range;return{event:new xr(o,n,r),start:o.dateEnv.toDate(i.start),end:o.dateEnv.toDate(i.end),isStart:e.isStart,isEnd:e.isEnd}}"function"==typeof i&&(i=i({date:a,allDay:Boolean(r.allDayDate),allSegs:r.allSegs.map(s),hiddenSegs:r.hiddenSegs.map(s),jsEvent:e,view:o.viewApi})),i&&"popover"!==i?"string"==typeof i&&o.calendarApi.zoomTo(a,i):t.setState({isPopoverOpen:!0})},t.handlePopoverClose=function(){t.setState({isPopoverOpen:!1})},t}return n(t,e),t.prototype.render=function(){var e=this,t=this.props,n=this.state;return _o(Oo.Consumer,null,(function(r){var o=r.viewApi,i=r.options,a=r.calendarApi,s=i.moreLinkText,l=t.moreCnt,u=Es(t),c="function"==typeof s?s.call(a,l):"+"+l+" "+s,d=Xe(i.moreLinkHint,[l],c),p={num:l,shortText:"+"+l,text:c,view:o};return _o(xo,null,Boolean(t.moreCnt)&&_o(Yo,{elRef:e.linkElRef,hookProps:p,classNames:i.moreLinkClassNames,content:i.moreLinkContent,defaultContent:t.defaultContent||ys,didMount:i.moreLinkDidMount,willUnmount:i.moreLinkWillUnmount},(function(r,o,i,a){return t.children(r,["fc-more-link"].concat(o),i,a,e.handleClick,d,n.isPopoverOpen,n.isPopoverOpen?n.popoverId:"")})),n.isPopoverOpen&&_o(gs,{id:n.popoverId,startDate:u.start,endDate:u.end,dateProfile:t.dateProfile,todayRange:t.todayRange,extraDateSpan:t.extraDateSpan,parentEl:e.parentEl,alignmentEl:t.alignmentElRef.current,alignGridTop:t.alignGridTop,onClose:e.handlePopoverClose},t.popoverContent()))}))},t.prototype.componentDidMount=function(){this.updateParentEl()},t.prototype.componentDidUpdate=function(){this.updateParentEl()},t.prototype.updateParentEl=function(){this.linkElRef.current&&(this.parentEl=Se(this.linkElRef.current,".fc-view-harness"))},t}(Uo);function ys(e){return e.text}function Es(e){if(e.allDayDate)return{start:e.allDayDate,end:tt(e.allDayDate,1)};var t,n=e.hiddenSegs;return{start:Ss(n),end:(t=n,t.reduce(Ds).eventRange.range.end)}}function Ss(e){return e.reduce(bs).eventRange.range.start}function bs(e,t){return e.eventRange.range.start<t.eventRange.range.start?e:t}function Ds(e,t){return e.eventRange.range.end>t.eventRange.range.end?e:t}var Cs=function(e){function t(t,n){void 0===n&&(n={});var o=e.call(this)||this;return o.isRendering=!1,o.isRendered=!1,o.currentClassNames=[],o.customContentRenderId=0,o.handleAction=function(e){switch(e.type){case"SET_EVENT_DRAG":case"SET_EVENT_RESIZE":o.renderRunner.tryDrain()}},o.handleData=function(e){o.currentData=e,o.renderRunner.request(e.calendarOptions.rerenderDelay)},o.handleRenderRequest=function(){if(o.isRendering){o.isRendered=!0;var e=o.currentData;Po((function(){To(_o(ga,{options:e.calendarOptions,theme:e.theme,emitter:e.emitter},(function(t,n,i,a){return o.setClassNames(t),o.setHeight(n),_o(Zo.Provider,{value:o.customContentRenderId},_o(fa,r({isHeightAuto:i,forPrint:a},e)))})),o.el)}))}else o.isRendered&&(o.isRendered=!1,No(o.el),o.setClassNames([]),o.setHeight(""))},o.el=t,o.renderRunner=new Mi(o.handleRenderRequest),new Ni({optionOverrides:n,calendarApi:o,onAction:o.handleAction,onData:o.handleData}),o}return n(t,e),Object.defineProperty(t.prototype,"view",{get:function(){return this.currentData.viewApi},enumerable:!1,configurable:!0}),t.prototype.render=function(){var e=this.isRendering;e?this.customContentRenderId+=1:this.isRendering=!0,this.renderRunner.request(),e&&this.updateSize()},t.prototype.destroy=function(){this.isRendering&&(this.isRendering=!1,this.renderRunner.request())},t.prototype.updateSize=function(){var t=this;Po((function(){e.prototype.updateSize.call(t)}))},t.prototype.batchRendering=function(e){this.renderRunner.pause("batchRendering"),e(),this.renderRunner.resume("batchRendering")},t.prototype.pauseRendering=function(){this.renderRunner.pause("pauseRendering")},t.prototype.resumeRendering=function(){this.renderRunner.resume("pauseRendering",!0)},t.prototype.resetOptions=function(e,t){this.currentDataManager.resetOptions(e,t)},t.prototype.setClassNames=function(e){if(!Gt(e,this.currentClassNames)){for(var t=this.el.classList,n=0,r=this.currentClassNames;n<r.length;n++){var o=r[n];t.remove(o)}for(var i=0,a=e;i<a.length;i++){o=a[i];t.add(o)}this.currentClassNames=e}},t.prototype.setHeight=function(e){Re(this.el,"height",e)},t}(kr);ia.touchMouseIgnoreWait=500;var ws=0,Rs=0,_s=!1,Ts=function(){function e(e){var t=this;this.subjectEl=null,this.selector="",this.handleSelector="",this.shouldIgnoreMove=!1,this.shouldWatchScroll=!0,this.isDragging=!1,this.isTouchDragging=!1,this.wasTouchScroll=!1,this.handleMouseDown=function(e){if(!t.shouldIgnoreMouse()&&function(e){return 0===e.button&&!e.ctrlKey}(e)&&t.tryStart(e)){var n=t.createEventFromMouse(e,!0);t.emitter.trigger("pointerdown",n),t.initScrollWatch(n),t.shouldIgnoreMove||document.addEventListener("mousemove",t.handleMouseMove),document.addEventListener("mouseup",t.handleMouseUp)}},this.handleMouseMove=function(e){var n=t.createEventFromMouse(e);t.recordCoords(n),t.emitter.trigger("pointermove",n)},this.handleMouseUp=function(e){document.removeEventListener("mousemove",t.handleMouseMove),document.removeEventListener("mouseup",t.handleMouseUp),t.emitter.trigger("pointerup",t.createEventFromMouse(e)),t.cleanup()},this.handleTouchStart=function(e){if(t.tryStart(e)){t.isTouchDragging=!0;var n=t.createEventFromTouch(e,!0);t.emitter.trigger("pointerdown",n),t.initScrollWatch(n);var r=e.target;t.shouldIgnoreMove||r.addEventListener("touchmove",t.handleTouchMove),r.addEventListener("touchend",t.handleTouchEnd),r.addEventListener("touchcancel",t.handleTouchEnd),window.addEventListener("scroll",t.handleTouchScroll,!0)}},this.handleTouchMove=function(e){var n=t.createEventFromTouch(e);t.recordCoords(n),t.emitter.trigger("pointermove",n)},this.handleTouchEnd=function(e){if(t.isDragging){var n=e.target;n.removeEventListener("touchmove",t.handleTouchMove),n.removeEventListener("touchend",t.handleTouchEnd),n.removeEventListener("touchcancel",t.handleTouchEnd),window.removeEventListener("scroll",t.handleTouchScroll,!0),t.emitter.trigger("pointerup",t.createEventFromTouch(e)),t.cleanup(),t.isTouchDragging=!1,ws+=1,setTimeout((function(){ws-=1}),ia.touchMouseIgnoreWait)}},this.handleTouchScroll=function(){t.wasTouchScroll=!0},this.handleScroll=function(e){if(!t.shouldIgnoreMove){var n=window.pageXOffset-t.prevScrollX+t.prevPageX,r=window.pageYOffset-t.prevScrollY+t.prevPageY;t.emitter.trigger("pointermove",{origEvent:e,isTouch:t.isTouchDragging,subjectEl:t.subjectEl,pageX:n,pageY:r,deltaX:n-t.origPageX,deltaY:r-t.origPageY})}},this.containerEl=e,this.emitter=new Eo,e.addEventListener("mousedown",this.handleMouseDown),e.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),1===(Rs+=1)&&window.addEventListener("touchmove",ks,{passive:!1})}return e.prototype.destroy=function(){this.containerEl.removeEventListener("mousedown",this.handleMouseDown),this.containerEl.removeEventListener("touchstart",this.handleTouchStart,{passive:!0}),(Rs-=1)||window.removeEventListener("touchmove",ks,{passive:!1})},e.prototype.tryStart=function(e){var t=this.querySubjectEl(e),n=e.target;return!(!t||this.handleSelector&&!Se(n,this.handleSelector))&&(this.subjectEl=t,this.isDragging=!0,this.wasTouchScroll=!1,!0)},e.prototype.cleanup=function(){_s=!1,this.isDragging=!1,this.subjectEl=null,this.destroyScrollWatch()},e.prototype.querySubjectEl=function(e){return this.selector?Se(e.target,this.selector):this.containerEl},e.prototype.shouldIgnoreMouse=function(){return ws||this.isTouchDragging},e.prototype.cancelTouchScroll=function(){this.isDragging&&(_s=!0)},e.prototype.initScrollWatch=function(e){this.shouldWatchScroll&&(this.recordCoords(e),window.addEventListener("scroll",this.handleScroll,!0))},e.prototype.recordCoords=function(e){this.shouldWatchScroll&&(this.prevPageX=e.pageX,this.prevPageY=e.pageY,this.prevScrollX=window.pageXOffset,this.prevScrollY=window.pageYOffset)},e.prototype.destroyScrollWatch=function(){this.shouldWatchScroll&&window.removeEventListener("scroll",this.handleScroll,!0)},e.prototype.createEventFromMouse=function(e,t){var n=0,r=0;return t?(this.origPageX=e.pageX,this.origPageY=e.pageY):(n=e.pageX-this.origPageX,r=e.pageY-this.origPageY),{origEvent:e,isTouch:!1,subjectEl:this.subjectEl,pageX:e.pageX,pageY:e.pageY,deltaX:n,deltaY:r}},e.prototype.createEventFromTouch=function(e,t){var n,r,o=e.touches,i=0,a=0;return o&&o.length?(n=o[0].pageX,r=o[0].pageY):(n=e.pageX,r=e.pageY),t?(this.origPageX=n,this.origPageY=r):(i=n-this.origPageX,a=r-this.origPageY),{origEvent:e,isTouch:!0,subjectEl:this.subjectEl,pageX:n,pageY:r,deltaX:i,deltaY:a}},e}();function ks(e){_s&&e.preventDefault()}var xs=function(){function e(){this.isVisible=!1,this.sourceEl=null,this.mirrorEl=null,this.sourceElRect=null,this.parentNode=document.body,this.zIndex=9999,this.revertDuration=0}return e.prototype.start=function(e,t,n){this.sourceEl=e,this.sourceElRect=this.sourceEl.getBoundingClientRect(),this.origScreenX=t-window.pageXOffset,this.origScreenY=n-window.pageYOffset,this.deltaX=0,this.deltaY=0,this.updateElPosition()},e.prototype.handleMove=function(e,t){this.deltaX=e-window.pageXOffset-this.origScreenX,this.deltaY=t-window.pageYOffset-this.origScreenY,this.updateElPosition()},e.prototype.setIsVisible=function(e){e?this.isVisible||(this.mirrorEl&&(this.mirrorEl.style.display=""),this.isVisible=e,this.updateElPosition()):this.isVisible&&(this.mirrorEl&&(this.mirrorEl.style.display="none"),this.isVisible=e)},e.prototype.stop=function(e,t){var n=this,r=function(){n.cleanup(),t()};e&&this.mirrorEl&&this.isVisible&&this.revertDuration&&(this.deltaX||this.deltaY)?this.doRevertAnimation(r,this.revertDuration):setTimeout(r,0)},e.prototype.doRevertAnimation=function(e,t){var n=this.mirrorEl,r=this.sourceEl.getBoundingClientRect();n.style.transition="top "+t+"ms,left "+t+"ms",we(n,{left:r.left,top:r.top}),Ne(n,(function(){n.style.transition="",e()}))},e.prototype.cleanup=function(){this.mirrorEl&&(Ee(this.mirrorEl),this.mirrorEl=null),this.sourceEl=null},e.prototype.updateElPosition=function(){this.sourceEl&&this.isVisible&&we(this.getMirrorEl(),{left:this.sourceElRect.left+this.deltaX,top:this.sourceElRect.top+this.deltaY})},e.prototype.getMirrorEl=function(){var e=this.sourceElRect,t=this.mirrorEl;return t||((t=this.mirrorEl=this.sourceEl.cloneNode(!0)).classList.add("fc-unselectable"),t.classList.add("fc-event-dragging"),we(t,{position:"fixed",zIndex:this.zIndex,visibility:"",boxSizing:"border-box",width:e.right-e.left,height:e.bottom-e.top,right:"auto",bottom:"auto",margin:0}),this.parentNode.appendChild(t)),t},e}(),Ms=function(e){function t(t,n){var r=e.call(this)||this;return r.handleScroll=function(){r.scrollTop=r.scrollController.getScrollTop(),r.scrollLeft=r.scrollController.getScrollLeft(),r.handleScrollChange()},r.scrollController=t,r.doesListening=n,r.scrollTop=r.origScrollTop=t.getScrollTop(),r.scrollLeft=r.origScrollLeft=t.getScrollLeft(),r.scrollWidth=t.getScrollWidth(),r.scrollHeight=t.getScrollHeight(),r.clientWidth=t.getClientWidth(),r.clientHeight=t.getClientHeight(),r.clientRect=r.computeClientRect(),r.doesListening&&r.getEventTarget().addEventListener("scroll",r.handleScroll),r}return n(t,e),t.prototype.destroy=function(){this.doesListening&&this.getEventTarget().removeEventListener("scroll",this.handleScroll)},t.prototype.getScrollTop=function(){return this.scrollTop},t.prototype.getScrollLeft=function(){return this.scrollLeft},t.prototype.setScrollTop=function(e){this.scrollController.setScrollTop(e),this.doesListening||(this.scrollTop=Math.max(Math.min(e,this.getMaxScrollTop()),0),this.handleScrollChange())},t.prototype.setScrollLeft=function(e){this.scrollController.setScrollLeft(e),this.doesListening||(this.scrollLeft=Math.max(Math.min(e,this.getMaxScrollLeft()),0),this.handleScrollChange())},t.prototype.getClientWidth=function(){return this.clientWidth},t.prototype.getClientHeight=function(){return this.clientHeight},t.prototype.getScrollWidth=function(){return this.scrollWidth},t.prototype.getScrollHeight=function(){return this.scrollHeight},t.prototype.handleScrollChange=function(){},t}(bo),Is=function(e){function t(t,n){return e.call(this,new Do(t),n)||this}return n(t,e),t.prototype.getEventTarget=function(){return this.scrollController.el},t.prototype.computeClientRect=function(){return vo(this.scrollController.el)},t}(Ms),Ps=function(e){function t(t){return e.call(this,new Co,t)||this}return n(t,e),t.prototype.getEventTarget=function(){return window},t.prototype.computeClientRect=function(){return{left:this.scrollLeft,right:this.scrollLeft+this.clientWidth,top:this.scrollTop,bottom:this.scrollTop+this.clientHeight}},t.prototype.handleScrollChange=function(){this.clientRect=this.computeClientRect()},t}(Ms),Ns="function"==typeof performance?performance.now:Date.now,Hs=function(){function e(){var e=this;this.isEnabled=!0,this.scrollQuery=[window,".fc-scroller"],this.edgeThreshold=50,this.maxVelocity=300,this.pointerScreenX=null,this.pointerScreenY=null,this.isAnimating=!1,this.scrollCaches=null,this.everMovedUp=!1,this.everMovedDown=!1,this.everMovedLeft=!1,this.everMovedRight=!1,this.animate=function(){if(e.isAnimating){var t=e.computeBestEdge(e.pointerScreenX+window.pageXOffset,e.pointerScreenY+window.pageYOffset);if(t){var n=Ns();e.handleSide(t,(n-e.msSinceRequest)/1e3),e.requestAnimation(n)}else e.isAnimating=!1}}}return e.prototype.start=function(e,t,n){this.isEnabled&&(this.scrollCaches=this.buildCaches(n),this.pointerScreenX=null,this.pointerScreenY=null,this.everMovedUp=!1,this.everMovedDown=!1,this.everMovedLeft=!1,this.everMovedRight=!1,this.handleMove(e,t))},e.prototype.handleMove=function(e,t){if(this.isEnabled){var n=e-window.pageXOffset,r=t-window.pageYOffset,o=null===this.pointerScreenY?0:r-this.pointerScreenY,i=null===this.pointerScreenX?0:n-this.pointerScreenX;o<0?this.everMovedUp=!0:o>0&&(this.everMovedDown=!0),i<0?this.everMovedLeft=!0:i>0&&(this.everMovedRight=!0),this.pointerScreenX=n,this.pointerScreenY=r,this.isAnimating||(this.isAnimating=!0,this.requestAnimation(Ns()))}},e.prototype.stop=function(){if(this.isEnabled){this.isAnimating=!1;for(var e=0,t=this.scrollCaches;e<t.length;e++){t[e].destroy()}this.scrollCaches=null}},e.prototype.requestAnimation=function(e){this.msSinceRequest=e,requestAnimationFrame(this.animate)},e.prototype.handleSide=function(e,t){var n=e.scrollCache,r=this.edgeThreshold,o=r-e.distance,i=o*o/(r*r)*this.maxVelocity*t,a=1;switch(e.name){case"left":a=-1;case"right":n.setScrollLeft(n.getScrollLeft()+i*a);break;case"top":a=-1;case"bottom":n.setScrollTop(n.getScrollTop()+i*a)}},e.prototype.computeBestEdge=function(e,t){for(var n=this.edgeThreshold,r=null,o=0,i=this.scrollCaches||[];o<i.length;o++){var a=i[o],s=a.clientRect,l=e-s.left,u=s.right-e,c=t-s.top,d=s.bottom-t;l>=0&&u>=0&&c>=0&&d>=0&&(c<=n&&this.everMovedUp&&a.canScrollUp()&&(!r||r.distance>c)&&(r={scrollCache:a,name:"top",distance:c}),d<=n&&this.everMovedDown&&a.canScrollDown()&&(!r||r.distance>d)&&(r={scrollCache:a,name:"bottom",distance:d}),l<=n&&this.everMovedLeft&&a.canScrollLeft()&&(!r||r.distance>l)&&(r={scrollCache:a,name:"left",distance:l}),u<=n&&this.everMovedRight&&a.canScrollRight()&&(!r||r.distance>u)&&(r={scrollCache:a,name:"right",distance:u}))}return r},e.prototype.buildCaches=function(e){return this.queryScrollEls(e).map((function(e){return e===window?new Ps(!1):new Is(e,!1)}))},e.prototype.queryScrollEls=function(e){for(var t=[],n=0,r=this.scrollQuery;n<r.length;n++){var o=r[n];"object"==typeof o?t.push(o):t.push.apply(t,Array.prototype.slice.call(Te(e).querySelectorAll(o)))}return t},e}(),Os=function(e){function t(t,n){var r=e.call(this,t)||this;r.containerEl=t,r.delay=null,r.minDistance=0,r.touchScrollAllowed=!0,r.mirrorNeedsRevert=!1,r.isInteracting=!1,r.isDragging=!1,r.isDelayEnded=!1,r.isDistanceSurpassed=!1,r.delayTimeoutId=null,r.onPointerDown=function(e){r.isDragging||(r.isInteracting=!0,r.isDelayEnded=!1,r.isDistanceSurpassed=!1,Ve(document.body),Be(document.body),e.isTouch||e.origEvent.preventDefault(),r.emitter.trigger("pointerdown",e),r.isInteracting&&!r.pointer.shouldIgnoreMove&&(r.mirror.setIsVisible(!1),r.mirror.start(e.subjectEl,e.pageX,e.pageY),r.startDelay(e),r.minDistance||r.handleDistanceSurpassed(e)))},r.onPointerMove=function(e){if(r.isInteracting){if(r.emitter.trigger("pointermove",e),!r.isDistanceSurpassed){var t=r.minDistance,n=e.deltaX,o=e.deltaY;n*n+o*o>=t*t&&r.handleDistanceSurpassed(e)}r.isDragging&&("scroll"!==e.origEvent.type&&(r.mirror.handleMove(e.pageX,e.pageY),r.autoScroller.handleMove(e.pageX,e.pageY)),r.emitter.trigger("dragmove",e))}},r.onPointerUp=function(e){r.isInteracting&&(r.isInteracting=!1,Fe(document.body),ze(document.body),r.emitter.trigger("pointerup",e),r.isDragging&&(r.autoScroller.stop(),r.tryStopDrag(e)),r.delayTimeoutId&&(clearTimeout(r.delayTimeoutId),r.delayTimeoutId=null))};var o=r.pointer=new Ts(t);return o.emitter.on("pointerdown",r.onPointerDown),o.emitter.on("pointermove",r.onPointerMove),o.emitter.on("pointerup",r.onPointerUp),n&&(o.selector=n),r.mirror=new xs,r.autoScroller=new Hs,r}return n(t,e),t.prototype.destroy=function(){this.pointer.destroy(),this.onPointerUp({})},t.prototype.startDelay=function(e){var t=this;"number"==typeof this.delay?this.delayTimeoutId=setTimeout((function(){t.delayTimeoutId=null,t.handleDelayEnd(e)}),this.delay):this.handleDelayEnd(e)},t.prototype.handleDelayEnd=function(e){this.isDelayEnded=!0,this.tryStartDrag(e)},t.prototype.handleDistanceSurpassed=function(e){this.isDistanceSurpassed=!0,this.tryStartDrag(e)},t.prototype.tryStartDrag=function(e){this.isDelayEnded&&this.isDistanceSurpassed&&(this.pointer.wasTouchScroll&&!this.touchScrollAllowed||(this.isDragging=!0,this.mirrorNeedsRevert=!1,this.autoScroller.start(e.pageX,e.pageY,this.containerEl),this.emitter.trigger("dragstart",e),!1===this.touchScrollAllowed&&this.pointer.cancelTouchScroll()))},t.prototype.tryStopDrag=function(e){this.mirror.stop(this.mirrorNeedsRevert,this.stopDrag.bind(this,e))},t.prototype.stopDrag=function(e){this.isDragging=!1,this.emitter.trigger("dragend",e)},t.prototype.setIgnoreMove=function(e){this.pointer.shouldIgnoreMove=e},t.prototype.setMirrorIsVisible=function(e){this.mirror.setIsVisible(e)},t.prototype.setMirrorNeedsRevert=function(e){this.mirrorNeedsRevert=e},t.prototype.setAutoScrollEnabled=function(e){this.autoScroller.isEnabled=e},t}(oa),As=function(){function e(e){this.origRect=go(e),this.scrollCaches=mo(e).map((function(e){return new Is(e,!0)}))}return e.prototype.destroy=function(){for(var e=0,t=this.scrollCaches;e<t.length;e++){t[e].destroy()}},e.prototype.computeLeft=function(){for(var e=this.origRect.left,t=0,n=this.scrollCaches;t<n.length;t++){var r=n[t];e+=r.origScrollLeft-r.getScrollLeft()}return e},e.prototype.computeTop=function(){for(var e=this.origRect.top,t=0,n=this.scrollCaches;t<n.length;t++){var r=n[t];e+=r.origScrollTop-r.getScrollTop()}return e},e.prototype.isWithinClipping=function(e,t){for(var n,r,o={left:e,top:t},i=0,a=this.scrollCaches;i<a.length;i++){var s=a[i];if(n=s.getEventTarget(),r=void 0,"HTML"!==(r=n.tagName)&&"BODY"!==r&&!Zr(o,s.clientRect))return!1}return!0},e}();var Ls=function(){function e(e,t){var n=this;this.useSubjectCenter=!1,this.requireInitial=!0,this.initialHit=null,this.movingHit=null,this.finalHit=null,this.handlePointerDown=function(e){var t=n.dragging;n.initialHit=null,n.movingHit=null,n.finalHit=null,n.prepareHits(),n.processFirstCoord(e),n.initialHit||!n.requireInitial?(t.setIgnoreMove(!1),n.emitter.trigger("pointerdown",e)):t.setIgnoreMove(!0)},this.handleDragStart=function(e){n.emitter.trigger("dragstart",e),n.handleMove(e,!0)},this.handleDragMove=function(e){n.emitter.trigger("dragmove",e),n.handleMove(e)},this.handlePointerUp=function(e){n.releaseHits(),n.emitter.trigger("pointerup",e)},this.handleDragEnd=function(e){n.movingHit&&n.emitter.trigger("hitupdate",null,!0,e),n.finalHit=n.movingHit,n.movingHit=null,n.emitter.trigger("dragend",e)},this.droppableStore=t,e.emitter.on("pointerdown",this.handlePointerDown),e.emitter.on("dragstart",this.handleDragStart),e.emitter.on("dragmove",this.handleDragMove),e.emitter.on("pointerup",this.handlePointerUp),e.emitter.on("dragend",this.handleDragEnd),this.dragging=e,this.emitter=new Eo}return e.prototype.processFirstCoord=function(e){var t,n={left:e.pageX,top:e.pageY},r=n,o=e.subjectEl;o instanceof HTMLElement&&(r=Kr(r,t=go(o)));var i=this.initialHit=this.queryHitForOffset(r.left,r.top);if(i){if(this.useSubjectCenter&&t){var a=Xr(t,i.rect);a&&(r=$r(a))}this.coordAdjust=Jr(r,n)}else this.coordAdjust={left:0,top:0}},e.prototype.handleMove=function(e,t){var n=this.queryHitForOffset(e.pageX+this.coordAdjust.left,e.pageY+this.coordAdjust.top);!t&&Us(this.movingHit,n)||(this.movingHit=n,this.emitter.trigger("hitupdate",n,!1,e))},e.prototype.prepareHits=function(){this.offsetTrackers=bt(this.droppableStore,(function(e){return e.component.prepareHits(),new As(e.el)}))},e.prototype.releaseHits=function(){var e=this.offsetTrackers;for(var t in e)e[t].destroy();this.offsetTrackers={}},e.prototype.queryHitForOffset=function(e,t){var n=this.droppableStore,r=this.offsetTrackers,o=null;for(var i in n){var a=n[i].component,s=r[i];if(s&&s.isWithinClipping(e,t)){var l=s.computeLeft(),u=s.computeTop(),c=e-l,d=t-u,p=s.origRect,f=p.right-p.left,h=p.bottom-p.top;if(c>=0&&c<f&&d>=0&&d<h){var v=a.queryHit(c,d,f,h);v&&Yn(v.dateProfile.activeRange,v.dateSpan.range)&&(!o||v.layer>o.layer)&&(v.componentId=i,v.context=a.context,v.rect.left+=l,v.rect.right+=l,v.rect.top+=u,v.rect.bottom+=u,o=v)}}}return o},e}();function Us(e,t){return!e&&!t||Boolean(e)===Boolean(t)&&fr(e.dateSpan,t.dateSpan)}function Ws(e,t){for(var n,o,i={},a=0,s=t.pluginHooks.datePointTransforms;a<s.length;a++){var l=s[a];r(i,l(e,t))}return r(i,(n=e,{date:(o=t.dateEnv).toDate(n.range.start),dateStr:o.formatIso(n.range.start,{omitTime:n.allDay}),allDay:n.allDay})),i}var Vs=function(e){function t(t){var n=e.call(this,t)||this;n.handlePointerDown=function(e){var t=n.dragging,r=e.origEvent.target;t.setIgnoreMove(!n.component.isValidDateDownEl(r))},n.handleDragEnd=function(e){var t=n.component;if(!n.dragging.pointer.wasTouchScroll){var o=n.hitDragging,i=o.initialHit,a=o.finalHit;if(i&&a&&Us(i,a)){var s=t.context,l=r(r({},Ws(i.dateSpan,s)),{dayEl:i.dayEl,jsEvent:e.origEvent,view:s.viewApi||s.calendarApi.view});s.emitter.trigger("dateClick",l)}}},n.dragging=new Os(t.el),n.dragging.autoScroller.isEnabled=!1;var o=n.hitDragging=new Ls(n.dragging,na(t));return o.emitter.on("pointerdown",n.handlePointerDown),o.emitter.on("dragend",n.handleDragEnd),n}return n(t,e),t.prototype.destroy=function(){this.dragging.destroy()},t}(ea),Fs=function(e){function t(t){var n=e.call(this,t)||this;n.dragSelection=null,n.handlePointerDown=function(e){var t=n,r=t.component,o=t.dragging,i=r.context.options.selectable&&r.isValidDateDownEl(e.origEvent.target);o.setIgnoreMove(!i),o.delay=e.isTouch?function(e){var t=e.context.options,n=t.selectLongPressDelay;null==n&&(n=t.longPressDelay);return n}(r):null},n.handleDragStart=function(e){n.component.context.calendarApi.unselect(e)},n.handleHitUpdate=function(e,t){var o=n.component.context,i=null,a=!1;if(e){var s=n.hitDragging.initialHit;e.componentId===s.componentId&&n.isHitComboAllowed&&!n.isHitComboAllowed(s,e)||(i=function(e,t,n){var o=e.dateSpan,i=t.dateSpan,a=[o.range.start,o.range.end,i.range.start,i.range.end];a.sort(Ke);for(var s={},l=0,u=n;l<u.length;l++){var c=(0,u[l])(e,t);if(!1===c)return null;c&&r(s,c)}return s.range={start:a[0],end:a[3]},s.allDay=o.allDay,s}(s,e,o.pluginHooks.dateSelectionTransformers)),i&&Pa(i,e.dateProfile,o)||(a=!0,i=null)}i?o.dispatch({type:"SELECT_DATES",selection:i}):t||o.dispatch({type:"UNSELECT_DATES"}),a?Ue():We(),t||(n.dragSelection=i)},n.handlePointerUp=function(e){n.dragSelection&&(mr(n.dragSelection,e,n.component.context),n.dragSelection=null)};var o=t.component.context.options,i=n.dragging=new Os(t.el);i.touchScrollAllowed=!1,i.minDistance=o.selectMinDistance||0,i.autoScroller.isEnabled=o.dragScroll;var a=n.hitDragging=new Ls(n.dragging,na(t));return a.emitter.on("pointerdown",n.handlePointerDown),a.emitter.on("dragstart",n.handleDragStart),a.emitter.on("hitupdate",n.handleHitUpdate),a.emitter.on("pointerup",n.handlePointerUp),n}return n(t,e),t.prototype.destroy=function(){this.dragging.destroy()},t}(ea);var Bs=function(e){function t(n){var o=e.call(this,n)||this;o.subjectEl=null,o.subjectSeg=null,o.isDragging=!1,o.eventRange=null,o.relevantEvents=null,o.receivingContext=null,o.validMutation=null,o.mutatedRelevantEvents=null,o.handlePointerDown=function(e){var t=e.origEvent.target,n=o,r=n.component,i=n.dragging,a=i.mirror,s=r.context.options,l=r.context;o.subjectEl=e.subjectEl;var u=o.subjectSeg=Jn(e.subjectEl),c=(o.eventRange=u.eventRange).instance.instanceId;o.relevantEvents=bn(l.getCurrentData().eventStore,c),i.minDistance=e.isTouch?0:s.eventDragMinDistance,i.delay=e.isTouch&&c!==r.props.eventSelection?function(e){var t=e.context.options,n=t.eventLongPressDelay;null==n&&(n=t.longPressDelay);return n}(r):null,s.fixedMirrorParent?a.parentNode=s.fixedMirrorParent:a.parentNode=Se(t,".fc"),a.revertDuration=s.dragRevertDuration;var d=r.isValidSegDownEl(t)&&!Se(t,".fc-event-resizer");i.setIgnoreMove(!d),o.isDragging=d&&e.subjectEl.classList.contains("fc-event-draggable")},o.handleDragStart=function(e){var t=o.component.context,n=o.eventRange,r=n.instance.instanceId;e.isTouch?r!==o.component.props.eventSelection&&t.dispatch({type:"SELECT_EVENT",eventInstanceId:r}):t.dispatch({type:"UNSELECT_EVENT"}),o.isDragging&&(t.calendarApi.unselect(e),t.emitter.trigger("eventDragStart",{el:o.subjectEl,event:new xr(t,n.def,n.instance),jsEvent:e.origEvent,view:t.viewApi}))},o.handleHitUpdate=function(e,t){if(o.isDragging){var n=o.relevantEvents,r=o.hitDragging.initialHit,i=o.component.context,a=null,s=null,l=null,u=!1,c={affectedEvents:n,mutatedEvents:{defs:{},instances:{}},isEvent:!0};if(e){var d=(a=e.context).options;i===a||d.editable&&d.droppable?(s=function(e,t,n){var r=e.dateSpan,o=t.dateSpan,i=r.range.start,a=o.range.start,s={};r.allDay!==o.allDay&&(s.allDay=o.allDay,s.hasEnd=t.context.options.allDayMaintainDuration,o.allDay&&(i=lt(i)));var l=Fn(i,a,e.context.dateEnv,e.componentId===t.componentId?e.largeUnit:null);l.milliseconds&&(s.allDay=!1);for(var u={datesDelta:l,standardProps:s},c=0,d=n;c<d.length;c++){(0,d[c])(u,e,t)}return u}(r,e,a.getCurrentData().pluginHooks.eventDragMutationMassagers))&&(l=Sr(n,a.getCurrentData().eventUiBases,s,a),c.mutatedEvents=l,Ia(c,e.dateProfile,a)||(u=!0,s=null,l=null,c.mutatedEvents={defs:{},instances:{}})):a=null}o.displayDrag(a,c),u?Ue():We(),t||(i===a&&Us(r,e)&&(s=null),o.dragging.setMirrorNeedsRevert(!s),o.dragging.setMirrorIsVisible(!e||!Te(o.subjectEl).querySelector(".fc-event-mirror")),o.receivingContext=a,o.validMutation=s,o.mutatedRelevantEvents=l)}},o.handlePointerUp=function(){o.isDragging||o.cleanup()},o.handleDragEnd=function(e){if(o.isDragging){var t=o.component.context,n=t.viewApi,i=o,a=i.receivingContext,s=i.validMutation,l=o.eventRange.def,u=o.eventRange.instance,c=new xr(t,l,u),d=o.relevantEvents,p=o.mutatedRelevantEvents,f=o.hitDragging.finalHit;if(o.clearDrag(),t.emitter.trigger("eventDragStop",{el:o.subjectEl,event:c,jsEvent:e.origEvent,view:n}),s){if(a===t){var h=new xr(t,p.defs[l.defId],u?p.instances[u.instanceId]:null);t.dispatch({type:"MERGE_EVENTS",eventStore:p});for(var v={oldEvent:c,event:h,relatedEvents:Ir(p,t,u),revert:function(){t.dispatch({type:"MERGE_EVENTS",eventStore:d})}},g={},m=0,y=t.getCurrentData().pluginHooks.eventDropTransformers;m<y.length;m++){var E=y[m];r(g,E(s,t))}t.emitter.trigger("eventDrop",r(r(r({},v),g),{el:e.subjectEl,delta:s.datesDelta,jsEvent:e.origEvent,view:n})),t.emitter.trigger("eventChange",v)}else if(a){var S={event:c,relatedEvents:Ir(d,t,u),revert:function(){t.dispatch({type:"MERGE_EVENTS",eventStore:d})}};t.emitter.trigger("eventLeave",r(r({},S),{draggedEl:e.subjectEl,view:n})),t.dispatch({type:"REMOVE_EVENTS",eventStore:d}),t.emitter.trigger("eventRemove",S);var b=p.defs[l.defId],D=p.instances[u.instanceId],C=new xr(a,b,D);a.dispatch({type:"MERGE_EVENTS",eventStore:p});var w={event:C,relatedEvents:Ir(p,a,D),revert:function(){a.dispatch({type:"REMOVE_EVENTS",eventStore:p})}};a.emitter.trigger("eventAdd",w),e.isTouch&&a.dispatch({type:"SELECT_EVENT",eventInstanceId:u.instanceId}),a.emitter.trigger("drop",r(r({},Ws(f.dateSpan,a)),{draggedEl:e.subjectEl,jsEvent:e.origEvent,view:f.context.viewApi})),a.emitter.trigger("eventReceive",r(r({},w),{draggedEl:e.subjectEl,view:f.context.viewApi}))}}else t.emitter.trigger("_noEventDrop")}o.cleanup()};var i=o.component.context.options,a=o.dragging=new Os(n.el);a.pointer.selector=t.SELECTOR,a.touchScrollAllowed=!1,a.autoScroller.isEnabled=i.dragScroll;var s=o.hitDragging=new Ls(o.dragging,ra);return s.useSubjectCenter=n.useEventCenter,s.emitter.on("pointerdown",o.handlePointerDown),s.emitter.on("dragstart",o.handleDragStart),s.emitter.on("hitupdate",o.handleHitUpdate),s.emitter.on("pointerup",o.handlePointerUp),s.emitter.on("dragend",o.handleDragEnd),o}return n(t,e),t.prototype.destroy=function(){this.dragging.destroy()},t.prototype.displayDrag=function(e,t){var n=this.component.context,r=this.receivingContext;r&&r!==e&&(r===n?r.dispatch({type:"SET_EVENT_DRAG",state:{affectedEvents:t.affectedEvents,mutatedEvents:{defs:{},instances:{}},isEvent:!0}}):r.dispatch({type:"UNSET_EVENT_DRAG"})),e&&e.dispatch({type:"SET_EVENT_DRAG",state:t})},t.prototype.clearDrag=function(){var e=this.component.context,t=this.receivingContext;t&&t.dispatch({type:"UNSET_EVENT_DRAG"}),e!==t&&e.dispatch({type:"UNSET_EVENT_DRAG"})},t.prototype.cleanup=function(){this.subjectSeg=null,this.isDragging=!1,this.eventRange=null,this.relevantEvents=null,this.receivingContext=null,this.validMutation=null,this.mutatedRelevantEvents=null},t.SELECTOR=".fc-event-draggable, .fc-event-resizable",t}(ea);var zs=function(e){function t(t){var n=e.call(this,t)||this;n.draggingSegEl=null,n.draggingSeg=null,n.eventRange=null,n.relevantEvents=null,n.validMutation=null,n.mutatedRelevantEvents=null,n.handlePointerDown=function(e){var t=n.component,r=Jn(n.querySegEl(e)),o=n.eventRange=r.eventRange;n.dragging.minDistance=t.context.options.eventDragMinDistance,n.dragging.setIgnoreMove(!n.component.isValidSegDownEl(e.origEvent.target)||e.isTouch&&n.component.props.eventSelection!==o.instance.instanceId)},n.handleDragStart=function(e){var t=n.component.context,r=n.eventRange;n.relevantEvents=bn(t.getCurrentData().eventStore,n.eventRange.instance.instanceId);var o=n.querySegEl(e);n.draggingSegEl=o,n.draggingSeg=Jn(o),t.calendarApi.unselect(),t.emitter.trigger("eventResizeStart",{el:o,event:new xr(t,r.def,r.instance),jsEvent:e.origEvent,view:t.viewApi})},n.handleHitUpdate=function(e,t,r){var o=n.component.context,i=n.relevantEvents,a=n.hitDragging.initialHit,s=n.eventRange.instance,l=null,u=null,c=!1,d={affectedEvents:i,mutatedEvents:{defs:{},instances:{}},isEvent:!0};e&&(e.componentId===a.componentId&&n.isHitComboAllowed&&!n.isHitComboAllowed(a,e)||(l=function(e,t,n,r){var o=e.context.dateEnv,i=e.dateSpan.range.start,a=t.dateSpan.range.start,s=Fn(i,a,o,e.largeUnit);if(n){if(o.add(r.start,s)<r.end)return{startDelta:s}}else if(o.add(r.end,s)>r.start)return{endDelta:s};return null}(a,e,r.subjectEl.classList.contains("fc-event-resizer-start"),s.range)));l&&(u=Sr(i,o.getCurrentData().eventUiBases,l,o),d.mutatedEvents=u,Ia(d,e.dateProfile,o)||(c=!0,l=null,u=null,d.mutatedEvents=null)),u?o.dispatch({type:"SET_EVENT_RESIZE",state:d}):o.dispatch({type:"UNSET_EVENT_RESIZE"}),c?Ue():We(),t||(l&&Us(a,e)&&(l=null),n.validMutation=l,n.mutatedRelevantEvents=u)},n.handleDragEnd=function(e){var t=n.component.context,o=n.eventRange.def,i=n.eventRange.instance,a=new xr(t,o,i),s=n.relevantEvents,l=n.mutatedRelevantEvents;if(t.emitter.trigger("eventResizeStop",{el:n.draggingSegEl,event:a,jsEvent:e.origEvent,view:t.viewApi}),n.validMutation){var u=new xr(t,l.defs[o.defId],i?l.instances[i.instanceId]:null);t.dispatch({type:"MERGE_EVENTS",eventStore:l});var c={oldEvent:a,event:u,relatedEvents:Ir(l,t,i),revert:function(){t.dispatch({type:"MERGE_EVENTS",eventStore:s})}};t.emitter.trigger("eventResize",r(r({},c),{el:n.draggingSegEl,startDelta:n.validMutation.startDelta||Nt(0),endDelta:n.validMutation.endDelta||Nt(0),jsEvent:e.origEvent,view:t.viewApi})),t.emitter.trigger("eventChange",c)}else t.emitter.trigger("_noEventResize");n.draggingSeg=null,n.relevantEvents=null,n.validMutation=null};var o=t.component,i=n.dragging=new Os(t.el);i.pointer.selector=".fc-event-resizer",i.touchScrollAllowed=!1,i.autoScroller.isEnabled=o.context.options.dragScroll;var a=n.hitDragging=new Ls(n.dragging,na(t));return a.emitter.on("pointerdown",n.handlePointerDown),a.emitter.on("dragstart",n.handleDragStart),a.emitter.on("hitupdate",n.handleHitUpdate),a.emitter.on("dragend",n.handleDragEnd),n}return n(t,e),t.prototype.destroy=function(){this.dragging.destroy()},t.prototype.querySegEl=function(e){return Se(e.subjectEl,".fc-event")},t}(ea);var js=function(){function e(e){var t=this;this.context=e,this.isRecentPointerDateSelect=!1,this.matchesCancel=!1,this.matchesEvent=!1,this.onSelect=function(e){e.jsEvent&&(t.isRecentPointerDateSelect=!0)},this.onDocumentPointerDown=function(e){var n=t.context.options.unselectCancel,r=_e(e.origEvent);t.matchesCancel=!!Se(r,n),t.matchesEvent=!!Se(r,Bs.SELECTOR)},this.onDocumentPointerUp=function(e){var n=t.context,r=t.documentPointer,o=n.getCurrentData();if(!r.wasTouchScroll){if(o.dateSelection&&!t.isRecentPointerDateSelect){var i=n.options.unselectAuto;!i||i&&t.matchesCancel||n.calendarApi.unselect(e)}o.eventSelection&&!t.matchesEvent&&n.dispatch({type:"UNSELECT_EVENT"})}t.isRecentPointerDateSelect=!1};var n=this.documentPointer=new Ts(document);n.shouldIgnoreMove=!0,n.shouldWatchScroll=!1,n.emitter.on("pointerdown",this.onDocumentPointerDown),n.emitter.on("pointerup",this.onDocumentPointerUp),e.emitter.on("select",this.onSelect)}return e.prototype.destroy=function(){this.context.emitter.off("select",this.onSelect),this.documentPointer.destroy()},e}(),Gs={fixedMirrorParent:yn},qs={dateClick:yn,eventDragStart:yn,eventDragStop:yn,eventDrop:yn,eventResizeStart:yn,eventResizeStop:yn,eventResize:yn,drop:yn,eventReceive:yn,eventLeave:yn},Ys=function(){function e(e,t){var n=this;this.receivingContext=null,this.droppableEvent=null,this.suppliedDragMeta=null,this.dragMeta=null,this.handleDragStart=function(e){n.dragMeta=n.buildDragMeta(e.subjectEl)},this.handleHitUpdate=function(e,t,o){var i=n.hitDragging.dragging,a=null,s=null,l=!1,u={affectedEvents:{defs:{},instances:{}},mutatedEvents:{defs:{},instances:{}},isEvent:n.dragMeta.create};e&&(a=e.context,n.canDropElOnCalendar(o.subjectEl,a)&&(s=function(e,t,n){for(var o=r({},t.leftoverProps),i=0,a=n.pluginHooks.externalDefTransforms;i<a.length;i++){var s=a[i];r(o,s(e,t))}var l=On(o,n),u=l.refined,c=l.extra,d=Ln(u,c,t.sourceId,e.allDay,n.options.forceEventDuration||Boolean(t.duration),n),p=e.range.start;e.allDay&&t.startTime&&(p=n.dateEnv.add(p,t.startTime));var f=t.duration?n.dateEnv.add(p,t.duration):Er(e.allDay,p,n),h=mt(d.defId,{start:p,end:f});return{def:d,instance:h}}(e.dateSpan,n.dragMeta,a),u.mutatedEvents=Sn(s),(l=!Ia(u,e.dateProfile,a))&&(u.mutatedEvents={defs:{},instances:{}},s=null))),n.displayDrag(a,u),i.setMirrorIsVisible(t||!s||!document.querySelector(".fc-event-mirror")),l?Ue():We(),t||(i.setMirrorNeedsRevert(!s),n.receivingContext=a,n.droppableEvent=s)},this.handleDragEnd=function(e){var t=n,o=t.receivingContext,i=t.droppableEvent;if(n.clearDrag(),o&&i){var a=n.hitDragging.finalHit,s=a.context.viewApi,l=n.dragMeta;if(o.emitter.trigger("drop",r(r({},Ws(a.dateSpan,o)),{draggedEl:e.subjectEl,jsEvent:e.origEvent,view:s})),l.create){var u=Sn(i);o.dispatch({type:"MERGE_EVENTS",eventStore:u}),e.isTouch&&o.dispatch({type:"SELECT_EVENT",eventInstanceId:i.instance.instanceId}),o.emitter.trigger("eventReceive",{event:new xr(o,i.def,i.instance),relatedEvents:[],revert:function(){o.dispatch({type:"REMOVE_EVENTS",eventStore:u})},draggedEl:e.subjectEl,view:s})}}n.receivingContext=null,n.droppableEvent=null};var o=this.hitDragging=new Ls(e,ra);o.requireInitial=!1,o.emitter.on("dragstart",this.handleDragStart),o.emitter.on("hitupdate",this.handleHitUpdate),o.emitter.on("dragend",this.handleDragEnd),this.suppliedDragMeta=t}return e.prototype.buildDragMeta=function(e){return"object"==typeof this.suppliedDragMeta?sa(this.suppliedDragMeta):"function"==typeof this.suppliedDragMeta?sa(this.suppliedDragMeta(e)):sa((t=function(e,t){var n=ia.dataAttrPrefix,r=(n?n+"-":"")+t;return e.getAttribute("data-"+r)||""}(e,"event"))?JSON.parse(t):{create:!1});var t},e.prototype.displayDrag=function(e,t){var n=this.receivingContext;n&&n!==e&&n.dispatch({type:"UNSET_EVENT_DRAG"}),e&&e.dispatch({type:"SET_EVENT_DRAG",state:t})},e.prototype.clearDrag=function(){this.receivingContext&&this.receivingContext.dispatch({type:"UNSET_EVENT_DRAG"})},e.prototype.canDropElOnCalendar=function(e,t){var n=t.options.dropAccept;return"function"==typeof n?n.call(t.calendarApi,e):"string"!=typeof n||!n||Boolean(be(e,n))},e}();ia.dataAttrPrefix="";var Zs=function(){function e(e,t){var n=this;void 0===t&&(t={}),this.handlePointerDown=function(e){var t=n.dragging,r=n.settings,o=r.minDistance,i=r.longPressDelay;t.minDistance=null!=o?o:e.isTouch?0:cn.eventDragMinDistance,t.delay=e.isTouch?null!=i?i:cn.longPressDelay:0},this.handleDragStart=function(e){e.isTouch&&n.dragging.delay&&e.subjectEl.classList.contains("fc-event")&&n.dragging.mirror.getMirrorEl().classList.add("fc-event-selected")},this.settings=t;var r=this.dragging=new Os(e);r.touchScrollAllowed=!1,null!=t.itemSelector&&(r.pointer.selector=t.itemSelector),null!=t.appendTo&&(r.mirror.parentNode=t.appendTo),r.emitter.on("pointerdown",this.handlePointerDown),r.emitter.on("dragstart",this.handleDragStart),new Ys(r,t.eventData)}return e.prototype.destroy=function(){this.dragging.destroy()},e}(),Xs=function(e){function t(t){var n=e.call(this,t)||this;n.shouldIgnoreMove=!1,n.mirrorSelector="",n.currentMirrorEl=null,n.handlePointerDown=function(e){n.emitter.trigger("pointerdown",e),n.shouldIgnoreMove||n.emitter.trigger("dragstart",e)},n.handlePointerMove=function(e){n.shouldIgnoreMove||n.emitter.trigger("dragmove",e)},n.handlePointerUp=function(e){n.emitter.trigger("pointerup",e),n.shouldIgnoreMove||n.emitter.trigger("dragend",e)};var r=n.pointer=new Ts(t);return r.emitter.on("pointerdown",n.handlePointerDown),r.emitter.on("pointermove",n.handlePointerMove),r.emitter.on("pointerup",n.handlePointerUp),n}return n(t,e),t.prototype.destroy=function(){this.pointer.destroy()},t.prototype.setIgnoreMove=function(e){this.shouldIgnoreMove=e},t.prototype.setMirrorIsVisible=function(e){if(e)this.currentMirrorEl&&(this.currentMirrorEl.style.visibility="",this.currentMirrorEl=null);else{var t=this.mirrorSelector?document.querySelector(this.mirrorSelector):null;t&&(this.currentMirrorEl=t,t.style.visibility="hidden")}},t}(oa),Ks=function(){function e(e,t){var n=document;e===document||e instanceof Element?(n=e,t=t||{}):t=e||{};var r=this.dragging=new Xs(n);"string"==typeof t.itemSelector?r.pointer.selector=t.itemSelector:n===document&&(r.pointer.selector="[data-event]"),"string"==typeof t.mirrorSelector&&(r.mirrorSelector=t.mirrorSelector),new Ys(r,t.eventData)}return e.prototype.destroy=function(){this.dragging.destroy()},e}(),$s=zo({componentInteractions:[Vs,Fs,Bs,zs],calendarInteractions:[js],elementDraggingImpl:Os,optionRefiners:Gs,listenerRefiners:qs}),Js=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.headerElRef=ko(),t}return n(t,e),t.prototype.renderSimpleLayout=function(e,t){var n=this.props,r=this.context,o=[],i=Qa(r.options);return e&&o.push({type:"header",key:"header",isSticky:i,chunk:{elRef:this.headerElRef,tableClassName:"fc-col-header",rowContent:e}}),o.push({type:"body",key:"body",liquid:!0,chunk:{content:t}}),_o(ti,{viewSpec:r.viewSpec},(function(e,t){return _o("div",{ref:e,className:["fc-daygrid"].concat(t).join(" ")},_o(ts,{liquid:!n.isHeightAuto&&!n.forPrint,collapsibleWidth:n.forPrint,cols:[],sections:o}))}))},t.prototype.renderHScrollLayout=function(e,t,n,r){var o=this.context.pluginHooks.scrollGridImpl;if(!o)throw new Error("No ScrollGrid implementation");var i=this.props,a=this.context,s=!i.forPrint&&Qa(a.options),l=!i.forPrint&&es(a.options),u=[];return e&&u.push({type:"header",key:"header",isSticky:s,chunks:[{key:"main",elRef:this.headerElRef,tableClassName:"fc-col-header",rowContent:e}]}),u.push({type:"body",key:"body",liquid:!0,chunks:[{key:"main",content:t}]}),l&&u.push({type:"footer",key:"footer",isSticky:!0,chunks:[{key:"main",content:Ja}]}),_o(ti,{viewSpec:a.viewSpec},(function(e,t){return _o("div",{ref:e,className:["fc-daygrid"].concat(t).join(" ")},_o(o,{liquid:!i.isHeightAuto&&!i.forPrint,collapsibleWidth:i.forPrint,colGroups:[{cols:[{span:n,minWidth:r}]}],sections:u}))}))},t}(Bo);function Qs(e,t){for(var n=[],r=0;r<t;r+=1)n[r]=[];for(var o=0,i=e;o<i.length;o++){var a=i[o];n[a.row].push(a)}return n}function el(e,t){for(var n=[],r=0;r<t;r+=1)n[r]=[];for(var o=0,i=e;o<i.length;o++){var a=i[o];n[a.firstCol].push(a)}return n}function tl(e,t){var n=[];if(e){for(a=0;a<t;a+=1)n[a]={affectedInstances:e.affectedInstances,isEvent:e.isEvent,segs:[]};for(var r=0,o=e.segs;r<o.length;r++){var i=o[r];n[i.row].segs.push(i)}}else for(var a=0;a<t;a+=1)n[a]=null;return n}var nl=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.render=function(){var e=this.props,t=so(this.context,e.date);return _o(ss,{date:e.date,dateProfile:e.dateProfile,todayRange:e.todayRange,showDayNumber:e.showDayNumber,extraHookProps:e.extraHookProps,defaultContent:rl},(function(n,o){return(o||e.forceDayTop)&&_o("div",{className:"fc-daygrid-day-top",ref:n},_o("a",r({id:e.dayNumberId,className:"fc-daygrid-day-number"},t),o||_o(xo,null," ")))}))},t}(Uo);function rl(e){return e.dayNumberText}var ol=ln({hour:"numeric",minute:"2-digit",omitZeroMinute:!0,meridiem:"narrow"});function il(e){var t=e.eventRange.ui.display;return"list-item"===t||"auto"===t&&!e.eventRange.def.allDay&&e.firstCol===e.lastCol&&e.isStart&&e.isEnd}var al=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.render=function(){var e=this.props;return _o(rs,r({},e,{extraClassNames:["fc-daygrid-event","fc-daygrid-block-event","fc-h-event"],defaultTimeFormat:ol,defaultDisplayEventEnd:e.defaultDisplayEventEnd,disableResizing:!e.seg.eventRange.def.allDay}))},t}(Uo),sl=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.render=function(){var e=this.props,t=this.context,n=t.options.eventTimeFormat||ol,o=ar(e.seg,n,t,!0,e.defaultDisplayEventEnd);return _o(ns,{seg:e.seg,timeText:o,defaultContent:ll,isDragging:e.isDragging,isResizing:!1,isDateSelecting:!1,isSelected:e.isSelected,isPast:e.isPast,isFuture:e.isFuture,isToday:e.isToday},(function(n,o,i,a){return _o("a",r({className:["fc-daygrid-event","fc-daygrid-dot-event"].concat(o).join(" "),ref:n},cr(e.seg,t)),a)}))},t}(Uo);function ll(e){return _o(xo,null,_o("div",{className:"fc-daygrid-event-dot",style:{borderColor:e.borderColor||e.backgroundColor}}),e.timeText&&_o("div",{className:"fc-event-time"},e.timeText),_o("div",{className:"fc-event-title"},e.event.title||_o(xo,null," ")))}var ul=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.compileSegs=qt(cl),t}return n(t,e),t.prototype.render=function(){var e=this.props,t=this.compileSegs(e.singlePlacements),n=t.allSegs,o=t.invisibleSegs;return _o(ms,{dateProfile:e.dateProfile,todayRange:e.todayRange,allDayDate:e.allDayDate,moreCnt:e.moreCnt,allSegs:n,hiddenSegs:o,alignmentElRef:e.alignmentElRef,alignGridTop:e.alignGridTop,extraDateSpan:e.extraDateSpan,popoverContent:function(){var t=(e.eventDrag?e.eventDrag.affectedInstances:null)||(e.eventResize?e.eventResize.affectedInstances:null)||{};return _o(xo,null,n.map((function(n){var o=n.eventRange.instance.instanceId;return _o("div",{className:"fc-daygrid-event-harness",key:o,style:{visibility:t[o]?"hidden":""}},il(n)?_o(sl,r({seg:n,isDragging:!1,isSelected:o===e.eventSelection,defaultDisplayEventEnd:!1},sr(n,e.todayRange))):_o(al,r({seg:n,isDragging:!1,isResizing:!1,isDateSelecting:!1,isSelected:o===e.eventSelection,defaultDisplayEventEnd:!1},sr(n,e.todayRange))))})))}},(function(e,t,n,o,i,a,s,l){return _o("a",r({ref:e,className:["fc-daygrid-more-link"].concat(t).join(" "),title:a,"aria-expanded":s,"aria-controls":l},He(i)),o)}))},t}(Uo);function cl(e){for(var t=[],n=[],r=0,o=e;r<o.length;r++){var i=o[r];t.push(i.seg),i.isVisible||n.push(i.seg)}return{allSegs:t,invisibleSegs:n}}var dl=ln({week:"narrow"}),pl=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.rootElRef=ko(),t.state={dayNumberId:xe()},t.handleRootEl=function(e){Fo(t.rootElRef,e),Fo(t.props.elRef,e)},t}return n(t,e),t.prototype.render=function(){var e=this,t=e.context,n=e.props,o=e.state,i=e.rootElRef,a=n.date,s=n.dateProfile,l=so(t,a,"week");return _o(us,{date:a,dateProfile:s,todayRange:n.todayRange,showDayNumber:n.showDayNumber,extraHookProps:n.extraHookProps,elRef:this.handleRootEl},(function(e,t,u,c){return _o("td",r({ref:e,role:"gridcell",className:["fc-daygrid-day"].concat(t,n.extraClassNames||[]).join(" ")},u,n.extraDataAttrs,n.showDayNumber?{"aria-labelledby":o.dayNumberId}:{}),_o("div",{className:"fc-daygrid-day-frame fc-scrollgrid-sync-inner",ref:n.innerElRef},n.showWeekNumber&&_o(fs,{date:a,defaultFormat:dl},(function(e,t,n,o){return _o("a",r({ref:e,className:["fc-daygrid-week-number"].concat(t).join(" ")},l),o)})),!c&&_o(nl,{date:a,dateProfile:s,showDayNumber:n.showDayNumber,dayNumberId:o.dayNumberId,forceDayTop:n.forceDayTop,todayRange:n.todayRange,extraHookProps:n.extraHookProps}),_o("div",{className:"fc-daygrid-day-events",ref:n.fgContentElRef},n.fgContent,_o("div",{className:"fc-daygrid-day-bottom",style:{marginTop:n.moreMarginTop}},_o(ul,{allDayDate:a,singlePlacements:n.singlePlacements,moreCnt:n.moreCnt,alignmentElRef:i,alignGridTop:!n.showDayNumber,extraDateSpan:n.extraDateSpan,dateProfile:n.dateProfile,eventSelection:n.eventSelection,eventDrag:n.eventDrag,eventResize:n.eventResize,todayRange:n.todayRange}))),_o("div",{className:"fc-daygrid-day-bg"},n.bgContent)))}))},t}(Bo);function fl(e,t,n,r,o,i,a){var s=new vl;s.allowReslicing=!0,s.strictOrder=r,!0===t||!0===n?(s.maxCoord=i,s.hiddenConsumes=!0):"number"==typeof t?s.maxStackCnt=t:"number"==typeof n&&(s.maxStackCnt=n,s.hiddenConsumes=!0);for(var l=[],u=[],c=0;c<e.length;c+=1){var d=o[(R=e[c]).eventRange.instance.instanceId];null!=d?l.push({index:c,thickness:d,span:{start:R.firstCol,end:R.lastCol+1}}):u.push(R)}for(var p=s.addSegs(l),f=function(e,t,n){for(var r=function(e,t){for(var n=[],r=0;r<t;r+=1)n.push([]);for(var o=0,i=e;o<i.length;o++){var a=i[o];for(r=a.span.start;r<a.span.end;r+=1)n[r].push(a)}return n}(e,n.length),o=[],i=[],a=[],s=0;s<n.length;s+=1){for(var l=r[s],u=[],c=0,d=0,p=0,f=l;p<f.length;p++){var h=t[(y=f[p]).index];u.push({seg:hl(h,s,s+1,n),isVisible:!0,isAbsolute:!1,absoluteTop:y.levelCoord,marginTop:y.levelCoord-c}),c=y.levelCoord+y.thickness}var v=[];c=0,d=0;for(var g=0,m=l;g<m.length;g++){h=t[(y=m[g]).index];var y,E=y.span.end-y.span.start>1,S=y.span.start===s;d+=y.levelCoord-c,c=y.levelCoord+y.thickness,E?(d+=y.thickness,S&&v.push({seg:hl(h,y.span.start,y.span.end,n),isVisible:!0,isAbsolute:!0,absoluteTop:y.levelCoord,marginTop:0})):S&&(v.push({seg:hl(h,y.span.start,y.span.end,n),isVisible:!0,isAbsolute:!1,absoluteTop:y.levelCoord,marginTop:d}),d=0)}o.push(u),i.push(v),a.push(d)}return{singleColPlacements:o,multiColPlacements:i,leftoverMargins:a}}(s.toRects(),e,a),h=f.singleColPlacements,v=f.multiColPlacements,g=f.leftoverMargins,m=[],y=[],E=0,S=u;E<S.length;E++){v[(R=S[E]).firstCol].push({seg:R,isVisible:!1,isAbsolute:!0,absoluteTop:0,marginTop:0});for(var b=R.firstCol;b<=R.lastCol;b+=1)h[b].push({seg:hl(R,b,b+1,a),isVisible:!1,isAbsolute:!1,absoluteTop:0,marginTop:0})}for(b=0;b<a.length;b+=1)m.push(0);for(var D=0,C=p;D<C.length;D++){var w=C[D],R=e[w.index],_=w.span;v[_.start].push({seg:hl(R,_.start,_.end,a),isVisible:!1,isAbsolute:!0,absoluteTop:0,marginTop:0});for(b=_.start;b<_.end;b+=1)m[b]+=1,h[b].push({seg:hl(R,b,b+1,a),isVisible:!1,isAbsolute:!1,absoluteTop:0,marginTop:0})}for(b=0;b<a.length;b+=1)y.push(g[b]);return{singleColPlacements:h,multiColPlacements:v,moreCnts:m,moreMarginTops:y}}function hl(e,t,n,o){if(e.firstCol===t&&e.lastCol===n-1)return e;var i=e.eventRange,a=i.range,s=jn(a,{start:o[t].date,end:tt(o[n-1].date,1)});return r(r({},e),{firstCol:t,lastCol:n-1,eventRange:{def:i.def,ui:r(r({},i.ui),{durationEditable:!1}),instance:i.instance,range:s},isStart:e.isStart&&s.start.valueOf()===a.start.valueOf(),isEnd:e.isEnd&&s.end.valueOf()===a.end.valueOf()})}var vl=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.hiddenConsumes=!1,t.forceHidden={},t}return n(t,e),t.prototype.addSegs=function(t){for(var n=this,r=e.prototype.addSegs.call(this,t),o=this.entriesByLevel,i=function(e){return!n.forceHidden[Zi(e)]},a=0;a<o.length;a+=1)o[a]=o[a].filter(i);return r},t.prototype.handleInvalidInsertion=function(t,n,o){var i=this.entriesByLevel,a=this.forceHidden,s=t.touchingEntry,l=t.touchingLevel,u=t.touchingLateral;if(this.hiddenConsumes&&s){var c=Zi(s);if(!a[c])if(this.allowReslicing){var d=r(r({},s),{span:$i(s.span,n.span)});a[Zi(d)]=!0,i[l][u]=d,this.splitEntry(s,n,o)}else a[c]=!0,o.push(s)}return e.prototype.handleInvalidInsertion.call(this,t,n,o)},t}(qi),gl=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.cellElRefs=new Fa,t.frameElRefs=new Fa,t.fgElRefs=new Fa,t.segHarnessRefs=new Fa,t.rootElRef=ko(),t.state={framePositions:null,maxContentHeight:null,eventInstanceHeights:{}},t}return n(t,e),t.prototype.render=function(){var e=this,t=this,n=t.props,r=t.state,o=t.context.options,i=n.cells.length,a=el(n.businessHourSegs,i),s=el(n.bgEventSegs,i),l=el(this.getHighlightSegs(),i),u=el(this.getMirrorSegs(),i),c=fl(tr(n.fgEventSegs,o.eventOrder),n.dayMaxEvents,n.dayMaxEventRows,o.eventOrderStrict,r.eventInstanceHeights,r.maxContentHeight,n.cells),d=c.singleColPlacements,p=c.multiColPlacements,f=c.moreCnts,h=c.moreMarginTops,v=n.eventDrag&&n.eventDrag.affectedInstances||n.eventResize&&n.eventResize.affectedInstances||{};return _o("tr",{ref:this.rootElRef,role:"row"},n.renderIntro&&n.renderIntro(),n.cells.map((function(t,r){var o=e.renderFgSegs(r,n.forPrint?d[r]:p[r],n.todayRange,v),i=e.renderFgSegs(r,function(e,t){if(!e.length)return[];var n=function(e){for(var t={},n=0,r=e;n<r.length;n++)for(var o=0,i=r[n];o<i.length;o++){var a=i[o];t[a.seg.eventRange.instance.instanceId]=a.absoluteTop}return t}(t);return e.map((function(e){return{seg:e,isVisible:!0,isAbsolute:!0,absoluteTop:n[e.eventRange.instance.instanceId],marginTop:0}}))}(u[r],p),n.todayRange,{},Boolean(n.eventDrag),Boolean(n.eventResize),!1);return _o(pl,{key:t.key,elRef:e.cellElRefs.createRef(t.key),innerElRef:e.frameElRefs.createRef(t.key),dateProfile:n.dateProfile,date:t.date,showDayNumber:n.showDayNumbers,showWeekNumber:n.showWeekNumbers&&0===r,forceDayTop:n.showWeekNumbers,todayRange:n.todayRange,eventSelection:n.eventSelection,eventDrag:n.eventDrag,eventResize:n.eventResize,extraHookProps:t.extraHookProps,extraDataAttrs:t.extraDataAttrs,extraClassNames:t.extraClassNames,extraDateSpan:t.extraDateSpan,moreCnt:f[r],moreMarginTop:h[r],singlePlacements:d[r],fgContentElRef:e.fgElRefs.createRef(t.key),fgContent:_o(xo,null,_o(xo,null,o),_o(xo,null,i)),bgContent:_o(xo,null,e.renderFillSegs(l[r],"highlight"),e.renderFillSegs(a[r],"non-business"),e.renderFillSegs(s[r],"bg-event"))})})))},t.prototype.componentDidMount=function(){this.updateSizing(!0)},t.prototype.componentDidUpdate=function(e,t){var n=this.props;this.updateSizing(!wt(e,n))},t.prototype.getHighlightSegs=function(){var e=this.props;return e.eventDrag&&e.eventDrag.segs.length?e.eventDrag.segs:e.eventResize&&e.eventResize.segs.length?e.eventResize.segs:e.dateSelectionSegs},t.prototype.getMirrorSegs=function(){var e=this.props;return e.eventResize&&e.eventResize.segs.length?e.eventResize.segs:[]},t.prototype.renderFgSegs=function(e,t,n,o,i,a,s){var l=this.context,u=this.props.eventSelection,c=this.state.framePositions,d=1===this.props.cells.length,p=i||a||s,f=[];if(c)for(var h=0,v=t;h<v.length;h++){var g=v[h],m=g.seg,y=m.eventRange.instance.instanceId,E=y+":"+e,S=g.isVisible&&!o[y],b=g.isAbsolute,D="",C="";b&&(l.isRtl?(C=0,D=c.lefts[m.lastCol]-c.lefts[m.firstCol]):(D=0,C=c.rights[m.firstCol]-c.rights[m.lastCol])),f.push(_o("div",{className:"fc-daygrid-event-harness"+(b?" fc-daygrid-event-harness-abs":""),key:E,ref:p?null:this.segHarnessRefs.createRef(E),style:{visibility:S?"":"hidden",marginTop:b?"":g.marginTop,top:b?g.absoluteTop:"",left:D,right:C}},il(m)?_o(sl,r({seg:m,isDragging:i,isSelected:y===u,defaultDisplayEventEnd:d},sr(m,n))):_o(al,r({seg:m,isDragging:i,isResizing:a,isDateSelecting:s,isSelected:y===u,defaultDisplayEventEnd:d},sr(m,n)))))}return f},t.prototype.renderFillSegs=function(e,t){var n=this.context.isRtl,i=this.props.todayRange,a=this.state.framePositions,s=[];if(a)for(var l=0,u=e;l<u.length;l++){var c=u[l],d=n?{right:0,left:a.lefts[c.lastCol]-a.lefts[c.firstCol]}:{left:0,right:a.rights[c.firstCol]-a.rights[c.lastCol]};s.push(_o("div",{key:ur(c.eventRange),className:"fc-daygrid-bg-harness",style:d},"bg-event"===t?_o(ds,r({seg:c},sr(c,i))):cs(t)))}return _o.apply(void 0,o([xo,{}],s))},t.prototype.updateSizing=function(e){var t=this.props,n=this.frameElRefs;if(!t.forPrint&&null!==t.clientWidth){if(e){var o=t.cells.map((function(e){return n.currentMap[e.key]}));if(o.length){var i=this.rootElRef.current;this.setState({framePositions:new So(i,o,!0,!1)})}}var a=this.state.eventInstanceHeights,s=this.queryEventInstanceHeights(),l=!0===t.dayMaxEvents||!0===t.dayMaxEventRows;this.setState({eventInstanceHeights:r(r({},a),s),maxContentHeight:l?this.computeMaxContentHeight():null})}},t.prototype.queryEventInstanceHeights=function(){var e=this.segHarnessRefs.currentMap,t={};for(var n in e){var r=Math.round(e[n].getBoundingClientRect().height),o=n.split(":")[0];t[o]=Math.max(t[o]||0,r)}return t},t.prototype.computeMaxContentHeight=function(){var e=this.props.cells[0].key,t=this.cellElRefs.currentMap[e],n=this.fgElRefs.currentMap[e];return t.getBoundingClientRect().bottom-n.getBoundingClientRect().top},t.prototype.getCellEls=function(){var e=this.cellElRefs.currentMap;return this.props.cells.map((function(t){return e[t.key]}))},t}(Bo);gl.addStateEquality({eventInstanceHeights:wt});var ml=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.splitBusinessHourSegs=qt(Qs),t.splitBgEventSegs=qt(Qs),t.splitFgEventSegs=qt(Qs),t.splitDateSelectionSegs=qt(Qs),t.splitEventDrag=qt(tl),t.splitEventResize=qt(tl),t.rowRefs=new Fa,t.handleRootEl=function(e){t.rootEl=e,e?t.context.registerInteractiveComponent(t,{el:e,isHitComboAllowed:t.props.isHitComboAllowed}):t.context.unregisterInteractiveComponent(t)},t}return n(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.dateProfile,r=t.dayMaxEventRows,o=t.dayMaxEvents,i=t.expandRows,a=t.cells.length,s=this.splitBusinessHourSegs(t.businessHourSegs,a),l=this.splitBgEventSegs(t.bgEventSegs,a),u=this.splitFgEventSegs(t.fgEventSegs,a),c=this.splitDateSelectionSegs(t.dateSelectionSegs,a),d=this.splitEventDrag(t.eventDrag,a),p=this.splitEventResize(t.eventResize,a),f=!0===o||!0===r;return f&&!i&&(f=!1,r=null,o=null),_o("div",{className:["fc-daygrid-body",f?"fc-daygrid-body-balanced":"fc-daygrid-body-unbalanced",i?"":"fc-daygrid-body-natural"].join(" "),ref:this.handleRootEl,style:{width:t.clientWidth,minWidth:t.tableMinWidth}},_o(Ca,{unit:"day"},(function(f,h){return _o(xo,null,_o("table",{role:"presentation",className:"fc-scrollgrid-sync-table",style:{width:t.clientWidth,minWidth:t.tableMinWidth,height:i?t.clientHeight:""}},t.colGroupNode,_o("tbody",{role:"presentation"},t.cells.map((function(i,f){return _o(gl,{ref:e.rowRefs.createRef(f),key:i.length?i[0].date.toISOString():f,showDayNumbers:a>1,showWeekNumbers:t.showWeekNumbers,todayRange:h,dateProfile:n,cells:i,renderIntro:t.renderRowIntro,businessHourSegs:s[f],eventSelection:t.eventSelection,bgEventSegs:l[f].filter(yl),fgEventSegs:u[f],dateSelectionSegs:c[f],eventDrag:d[f],eventResize:p[f],dayMaxEvents:o,dayMaxEventRows:r,clientWidth:t.clientWidth,clientHeight:t.clientHeight,forPrint:t.forPrint})})))))})))},t.prototype.prepareHits=function(){this.rowPositions=new So(this.rootEl,this.rowRefs.collect().map((function(e){return e.getCellEls()[0]})),!1,!0),this.colPositions=new So(this.rootEl,this.rowRefs.currentMap[0].getCellEls(),!0,!1)},t.prototype.queryHit=function(e,t){var n=this.colPositions,o=this.rowPositions,i=n.leftToIndex(e),a=o.topToIndex(t);if(null!=a&&null!=i){var s=this.props.cells[a][i];return{dateProfile:this.props.dateProfile,dateSpan:r({range:this.getCellRange(a,i),allDay:!0},s.extraDateSpan),dayEl:this.getCellEl(a,i),rect:{left:n.lefts[i],right:n.rights[i],top:o.tops[a],bottom:o.bottoms[a]},layer:0}}return null},t.prototype.getCellEl=function(e,t){return this.rowRefs.currentMap[e].getCellEls()[t]},t.prototype.getCellRange=function(e,t){var n=this.props.cells[e][t].date;return{start:n,end:tt(n,1)}},t}(Bo);function yl(e){return e.eventRange.def.allDay}var El=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.forceDayIfListItem=!0,t}return n(t,e),t.prototype.sliceRange=function(e,t){return t.sliceRange(e)},t}(xa),Sl=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.slicer=new El,t.tableRef=ko(),t}return n(t,e),t.prototype.render=function(){var e=this.props,t=this.context;return _o(ml,r({ref:this.tableRef},this.slicer.sliceProps(e,e.dateProfile,e.nextDayThreshold,t,e.dayTableModel),{dateProfile:e.dateProfile,cells:e.dayTableModel.cells,colGroupNode:e.colGroupNode,tableMinWidth:e.tableMinWidth,renderRowIntro:e.renderRowIntro,dayMaxEvents:e.dayMaxEvents,dayMaxEventRows:e.dayMaxEventRows,showWeekNumbers:e.showWeekNumbers,expandRows:e.expandRows,headerAlignElRef:e.headerAlignElRef,clientWidth:e.clientWidth,clientHeight:e.clientHeight,forPrint:e.forPrint}))},t}(Bo),bl=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.buildDayTableModel=qt(Dl),t.headerRef=ko(),t.tableRef=ko(),t}return n(t,e),t.prototype.render=function(){var e=this,t=this.context,n=t.options,r=t.dateProfileGenerator,o=this.props,i=this.buildDayTableModel(o.dateProfile,r),a=n.dayHeaders&&_o(Ra,{ref:this.headerRef,dateProfile:o.dateProfile,dates:i.headerDates,datesRepDistinctDays:1===i.rowCnt}),s=function(t){return _o(Sl,{ref:e.tableRef,dateProfile:o.dateProfile,dayTableModel:i,businessHours:o.businessHours,dateSelection:o.dateSelection,eventStore:o.eventStore,eventUiBases:o.eventUiBases,eventSelection:o.eventSelection,eventDrag:o.eventDrag,eventResize:o.eventResize,nextDayThreshold:n.nextDayThreshold,colGroupNode:t.tableColGroupNode,tableMinWidth:t.tableMinWidth,dayMaxEvents:n.dayMaxEvents,dayMaxEventRows:n.dayMaxEventRows,showWeekNumbers:n.weekNumbers,expandRows:!o.isHeightAuto,headerAlignElRef:e.headerElRef,clientWidth:t.clientWidth,clientHeight:t.clientHeight,forPrint:o.forPrint})};return n.dayMinWidth?this.renderHScrollLayout(a,s,i.colCnt,n.dayMinWidth):this.renderSimpleLayout(a,s)},t}(Js);function Dl(e,t){var n=new Ta(e.renderRange,t);return new ka(n,/year|month|week/.test(e.currentRangeUnit))}var Cl=zo({initialView:"dayGridMonth",views:{dayGrid:{component:bl,dateProfileGeneratorClass:function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.buildRenderRange=function(t,n,r){var o,i=this.props.dateEnv,a=e.prototype.buildRenderRange.call(this,t,n,r),s=a.start,l=a.end;(/^(year|month)$/.test(n)&&(s=i.startOfWeek(s),(o=i.startOfWeek(l)).valueOf()!==l.valueOf()&&(l=et(o,1))),this.props.monthMode&&this.props.fixedWeekCount)&&(l=et(l,6-Math.ceil(rt(s,l))));return{start:s,end:l}},t}(ai)},dayGridDay:{type:"dayGrid",duration:{days:1}},dayGridWeek:{type:"dayGrid",duration:{weeks:1}},dayGridMonth:{type:"dayGrid",duration:{months:1},monthMode:!0,fixedWeekCount:!0}}}),wl=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.getKeyInfo=function(){return{allDay:{},timed:{}}},t.prototype.getKeysForDateSpan=function(e){return e.allDay?["allDay"]:["timed"]},t.prototype.getKeysForEventDef=function(e){return e.allDay?Kn(e)?["timed","allDay"]:["allDay"]:["timed"]},t}(to),Rl=ln({hour:"numeric",minute:"2-digit",omitZeroMinute:!0,meridiem:"short"});function _l(e){var t=["fc-timegrid-slot","fc-timegrid-slot-label",e.isLabeled?"fc-scrollgrid-shrink":"fc-timegrid-slot-minor"];return _o(Oo.Consumer,null,(function(n){if(!e.isLabeled)return _o("td",{className:t.join(" "),"data-time":e.isoTimeStr});var r=n.dateEnv,o=n.options,i=n.viewApi,a=null==o.slotLabelFormat?Rl:Array.isArray(o.slotLabelFormat)?ln(o.slotLabelFormat[0]):ln(o.slotLabelFormat),s={level:0,time:e.time,date:r.toDate(e.date),view:i,text:r.format(e.date,a)};return _o(Yo,{hookProps:s,classNames:o.slotLabelClassNames,content:o.slotLabelContent,defaultContent:Tl,didMount:o.slotLabelDidMount,willUnmount:o.slotLabelWillUnmount},(function(n,r,o,i){return _o("td",{ref:n,className:t.concat(r).join(" "),"data-time":e.isoTimeStr},_o("div",{className:"fc-timegrid-slot-label-frame fc-scrollgrid-shrink-frame"},_o("div",{className:"fc-timegrid-slot-label-cushion fc-scrollgrid-shrink-cushion",ref:o},i)))}))}))}function Tl(e){return e.text}var kl=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.render=function(){return this.props.slatMetas.map((function(e){return _o("tr",{key:e.key},_o(_l,r({},e)))}))},t}(Uo),xl=ln({week:"short"}),Ml=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.allDaySplitter=new wl,t.headerElRef=ko(),t.rootElRef=ko(),t.scrollerElRef=ko(),t.state={slatCoords:null},t.handleScrollTopRequest=function(e){var n=t.scrollerElRef.current;n&&(n.scrollTop=e)},t.renderHeadAxis=function(e,n){void 0===n&&(n="");var o=t.context.options,i=t.props.dateProfile.renderRange,a=1===ot(i.start,i.end)?so(t.context,i.start,"week"):{};return o.weekNumbers&&"day"===e?_o(fs,{date:i.start,defaultFormat:xl},(function(e,t,o,i){return _o("th",{ref:e,"aria-hidden":!0,className:["fc-timegrid-axis","fc-scrollgrid-shrink"].concat(t).join(" ")},_o("div",{className:"fc-timegrid-axis-frame fc-scrollgrid-shrink-frame fc-timegrid-axis-frame-liquid",style:{height:n}},_o("a",r({ref:o,className:"fc-timegrid-axis-cushion fc-scrollgrid-shrink-cushion fc-scrollgrid-sync-inner"},a),i)))})):_o("th",{"aria-hidden":!0,className:"fc-timegrid-axis"},_o("div",{className:"fc-timegrid-axis-frame",style:{height:n}}))},t.renderTableRowAxis=function(e){var n=t.context,r=n.options,o=n.viewApi,i={text:r.allDayText,view:o};return _o(Yo,{hookProps:i,classNames:r.allDayClassNames,content:r.allDayContent,defaultContent:Il,didMount:r.allDayDidMount,willUnmount:r.allDayWillUnmount},(function(t,n,r,o){return _o("td",{ref:t,"aria-hidden":!0,className:["fc-timegrid-axis","fc-scrollgrid-shrink"].concat(n).join(" ")},_o("div",{className:"fc-timegrid-axis-frame fc-scrollgrid-shrink-frame"+(null==e?" fc-timegrid-axis-frame-liquid":""),style:{height:e}},_o("span",{className:"fc-timegrid-axis-cushion fc-scrollgrid-shrink-cushion fc-scrollgrid-sync-inner",ref:r},o)))}))},t.handleSlatCoords=function(e){t.setState({slatCoords:e})},t}return n(t,e),t.prototype.renderSimpleLayout=function(e,t,n){var r=this.context,o=this.props,i=[],a=Qa(r.options);return e&&i.push({type:"header",key:"header",isSticky:a,chunk:{elRef:this.headerElRef,tableClassName:"fc-col-header",rowContent:e}}),t&&(i.push({type:"body",key:"all-day",chunk:{content:t}}),i.push({type:"body",key:"all-day-divider",outerContent:_o("tr",{role:"presentation",className:"fc-scrollgrid-section"},_o("td",{className:"fc-timegrid-divider "+r.theme.getClass("tableCellShaded")}))})),i.push({type:"body",key:"body",liquid:!0,expandRows:Boolean(r.options.expandRows),chunk:{scrollerElRef:this.scrollerElRef,content:n}}),_o(ti,{viewSpec:r.viewSpec,elRef:this.rootElRef},(function(e,t){return _o("div",{className:["fc-timegrid"].concat(t).join(" "),ref:e},_o(ts,{liquid:!o.isHeightAuto&&!o.forPrint,collapsibleWidth:o.forPrint,cols:[{width:"shrink"}],sections:i}))}))},t.prototype.renderHScrollLayout=function(e,t,n,r,o,i,a){var s=this,l=this.context.pluginHooks.scrollGridImpl;if(!l)throw new Error("No ScrollGrid implementation");var u=this.context,c=this.props,d=!c.forPrint&&Qa(u.options),p=!c.forPrint&&es(u.options),f=[];e&&f.push({type:"header",key:"header",isSticky:d,syncRowHeights:!0,chunks:[{key:"axis",rowContent:function(e){return _o("tr",{role:"presentation"},s.renderHeadAxis("day",e.rowSyncHeights[0]))}},{key:"cols",elRef:this.headerElRef,tableClassName:"fc-col-header",rowContent:e}]}),t&&(f.push({type:"body",key:"all-day",syncRowHeights:!0,chunks:[{key:"axis",rowContent:function(e){return _o("tr",{role:"presentation"},s.renderTableRowAxis(e.rowSyncHeights[0]))}},{key:"cols",content:t}]}),f.push({key:"all-day-divider",type:"body",outerContent:_o("tr",{role:"presentation",className:"fc-scrollgrid-section"},_o("td",{colSpan:2,className:"fc-timegrid-divider "+u.theme.getClass("tableCellShaded")}))}));var h=u.options.nowIndicator;return f.push({type:"body",key:"body",liquid:!0,expandRows:Boolean(u.options.expandRows),chunks:[{key:"axis",content:function(e){return _o("div",{className:"fc-timegrid-axis-chunk"},_o("table",{"aria-hidden":!0,style:{height:e.expandRows?e.clientHeight:""}},e.tableColGroupNode,_o("tbody",null,_o(kl,{slatMetas:i}))),_o("div",{className:"fc-timegrid-now-indicator-container"},_o(Ca,{unit:h?"minute":"day"},(function(e){var t=h&&a&&a.safeComputeTop(e);return"number"==typeof t?_o(is,{isAxis:!0,date:e},(function(e,n,r,o){return _o("div",{ref:e,className:["fc-timegrid-now-indicator-arrow"].concat(n).join(" "),style:{top:t}},o)})):null}))))}},{key:"cols",scrollerElRef:this.scrollerElRef,content:n}]}),p&&f.push({key:"footer",type:"footer",isSticky:!0,chunks:[{key:"axis",content:Ja},{key:"cols",content:Ja}]}),_o(ti,{viewSpec:u.viewSpec,elRef:this.rootElRef},(function(e,t){return _o("div",{className:["fc-timegrid"].concat(t).join(" "),ref:e},_o(l,{liquid:!c.isHeightAuto&&!c.forPrint,collapsibleWidth:!1,colGroups:[{width:"shrink",cols:[{width:"shrink"}]},{cols:[{span:r,minWidth:o}]}],sections:f}))}))},t.prototype.getAllDayMaxEventProps=function(){var e=this.context.options,t=e.dayMaxEvents,n=e.dayMaxEventRows;return!0!==t&&!0!==n||(t=void 0,n=5),{dayMaxEvents:t,dayMaxEventRows:n}},t}(Bo);function Il(e){return e.text}var Pl=function(){function e(e,t,n){this.positions=e,this.dateProfile=t,this.slotDuration=n}return e.prototype.safeComputeTop=function(e){var t=this.dateProfile;if(Zn(t.currentRange,e)){var n=lt(e),r=e.valueOf()-n.valueOf();if(r>=Ut(t.slotMinTime)&&r<Ut(t.slotMaxTime))return this.computeTimeTop(Nt(r))}return null},e.prototype.computeDateTop=function(e,t){return t||(t=lt(e)),this.computeTimeTop(Nt(e.valueOf()-t.valueOf()))},e.prototype.computeTimeTop=function(e){var t,n,r=this.positions,o=this.dateProfile,i=r.els.length,a=(e.milliseconds-Ut(o.slotMinTime))/Ut(this.slotDuration);return a=Math.max(0,a),a=Math.min(i,a),t=Math.floor(a),n=a-(t=Math.min(t,i-1)),r.tops[t]+r.getHeight(t)*n},e}(),Nl=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.render=function(){var e=this.props,t=this.context,n=t.options,o=e.slatElRefs;return _o("tbody",null,e.slatMetas.map((function(i,a){var s={time:i.time,date:t.dateEnv.toDate(i.date),view:t.viewApi},l=["fc-timegrid-slot","fc-timegrid-slot-lane",i.isLabeled?"":"fc-timegrid-slot-minor"];return _o("tr",{key:i.key,ref:o.createRef(i.key)},e.axis&&_o(_l,r({},i)),_o(Yo,{hookProps:s,classNames:n.slotLaneClassNames,content:n.slotLaneContent,didMount:n.slotLaneDidMount,willUnmount:n.slotLaneWillUnmount},(function(e,t,n,r){return _o("td",{ref:e,className:l.concat(t).join(" "),"data-time":i.isoTimeStr},r)})))})))},t}(Uo),Hl=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.rootElRef=ko(),t.slatElRefs=new Fa,t}return n(t,e),t.prototype.render=function(){var e=this.props,t=this.context;return _o("div",{ref:this.rootElRef,className:"fc-timegrid-slots"},_o("table",{"aria-hidden":!0,className:t.theme.getClass("table"),style:{minWidth:e.tableMinWidth,width:e.clientWidth,height:e.minHeight}},e.tableColGroupNode,_o(Nl,{slatElRefs:this.slatElRefs,axis:e.axis,slatMetas:e.slatMetas})))},t.prototype.componentDidMount=function(){this.updateSizing()},t.prototype.componentDidUpdate=function(){this.updateSizing()},t.prototype.componentWillUnmount=function(){this.props.onCoords&&this.props.onCoords(null)},t.prototype.updateSizing=function(){var e,t=this.context,n=this.props;n.onCoords&&null!==n.clientWidth&&(this.rootElRef.current.offsetHeight&&n.onCoords(new Pl(new So(this.rootElRef.current,(e=this.slatElRefs.currentMap,n.slatMetas.map((function(t){return e[t.key]}))),!1,!0),this.props.dateProfile,t.options.slotDuration)))},t}(Uo);function Ol(e,t){var n,r=[];for(n=0;n<t;n+=1)r.push([]);if(e)for(n=0;n<e.length;n+=1)r[e[n].col].push(e[n]);return r}function Al(e,t){var n=[];if(e){for(a=0;a<t;a+=1)n[a]={affectedInstances:e.affectedInstances,isEvent:e.isEvent,segs:[]};for(var r=0,o=e.segs;r<o.length;r++){var i=o[r];n[i.col].segs.push(i)}}else for(var a=0;a<t;a+=1)n[a]=null;return n}var Ll=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.rootElRef=ko(),t}return n(t,e),t.prototype.render=function(){var e=this,t=this.props;return _o(ms,{allDayDate:null,moreCnt:t.hiddenSegs.length,allSegs:t.hiddenSegs,hiddenSegs:t.hiddenSegs,alignmentElRef:this.rootElRef,defaultContent:Ul,extraDateSpan:t.extraDateSpan,dateProfile:t.dateProfile,todayRange:t.todayRange,popoverContent:function(){return Xl(t.hiddenSegs,t)}},(function(n,r,o,i,a,s,l,u){return _o("a",{ref:function(t){Fo(n,t),Fo(e.rootElRef,t)},className:["fc-timegrid-more-link"].concat(r).join(" "),style:{top:t.top,bottom:t.bottom},onClick:a,title:s,"aria-expanded":l,"aria-controls":u},_o("div",{ref:o,className:"fc-timegrid-more-link-inner fc-sticky"},i))}))},t}(Uo);function Ul(e){return e.shortText}function Wl(e,t,n){var o=new qi;null!=t&&(o.strictOrder=t),null!=n&&(o.maxStackCnt=n);var i,a,s,l=Xi(o.addSegs(e)),u=function(e){var t=e.entriesByLevel,n=zl((function(e,t){return e+":"+t}),(function(o,i){var a=Vl(function(e,t,n){for(var r=e.levelCoords,o=e.entriesByLevel,i=o[t][n],a=r[t]+i.thickness,s=r.length,l=t;l<s&&r[l]<a;l+=1);for(;l<s;l+=1){for(var u=o[l],c=void 0,d=Qi(u,i.span.start,Yi),p=d[0]+d[1],f=p;(c=u[f])&&c.span.start<i.span.end;)f+=1;if(p<f)return{level:l,lateralStart:p,lateralEnd:f}}return null}(e,o,i),n),s=t[o][i];return[r(r({},s),{nextLevelNodes:a[0]}),s.thickness+a[1]]}));return Vl(t.length?{level:0,lateralStart:0,lateralEnd:t[0].length}:null,n)[0]}(o);return i=u,a=1,s=zl((function(e,t,n){return Zi(e)}),(function(e,t,n){var o,i=e.nextLevelNodes,l=e.thickness,u=l+n,c=l/u,d=[];if(i.length)for(var p=0,f=i;p<f.length;p++){var h=f[p];if(void 0===o)o=(v=s(h,t,u))[0],d.push(v[1]);else{var v=s(h,o,0);d.push(v[1])}}else o=a;var g=(o-t)*c;return[o-g,r(r({},e),{thickness:g,nextLevelNodes:d})]})),{segRects:function(e){var t=[],n=zl((function(e,t,n){return Zi(e)}),(function(e,n,i){var a=r(r({},e),{levelCoord:n,stackDepth:i,stackForward:0});return t.push(a),a.stackForward=o(e.nextLevelNodes,n+e.thickness,i+1)+1}));function o(e,t,r){for(var o=0,i=0,a=e;i<a.length;i++){var s=a[i];o=Math.max(n(s,t,r),o)}return o}return o(e,0,0),t}(u=i.map((function(e){return s(e,0,0)[1]}))),hiddenGroups:l}}function Vl(e,t){if(!e)return[[],0];for(var n=e.level,r=e.lateralStart,o=e.lateralEnd,i=r,a=[];i<o;)a.push(t(n,i)),i+=1;return a.sort(Fl),[a.map(Bl),a[0][1]]}function Fl(e,t){return t[1]-e[1]}function Bl(e){return e[0]}function zl(e,t){var n={};return function(){for(var r=[],o=0;o<arguments.length;o++)r[o]=arguments[o];var i=e.apply(void 0,r);return i in n?n[i]:n[i]=t.apply(void 0,r)}}function jl(e,t,n,r){void 0===n&&(n=null),void 0===r&&(r=0);var o=[];if(n)for(var i=0;i<e.length;i+=1){var a=e[i],s=n.computeDateTop(a.start,t),l=Math.max(s+(r||0),n.computeDateTop(a.end,t));o.push({start:Math.round(s),end:Math.round(l)})}return o}var Gl=ln({hour:"numeric",minute:"2-digit",meridiem:!1}),ql=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.render=function(){var e=["fc-timegrid-event","fc-v-event"];return this.props.isShort&&e.push("fc-timegrid-event-short"),_o(rs,r({},this.props,{defaultTimeFormat:Gl,extraClassNames:e}))},t}(Uo),Yl=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.render=function(){var e=this.props;return _o(ss,{date:e.date,dateProfile:e.dateProfile,todayRange:e.todayRange,extraHookProps:e.extraHookProps},(function(e,t){return t&&_o("div",{className:"fc-timegrid-col-misc",ref:e},t)}))},t}(Uo),Zl=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.sortEventSegs=qt(tr),t}return n(t,e),t.prototype.render=function(){var e=this,t=this.props,n=this.context,o=n.options.selectMirror,i=t.eventDrag&&t.eventDrag.segs||t.eventResize&&t.eventResize.segs||o&&t.dateSelectionSegs||[],a=t.eventDrag&&t.eventDrag.affectedInstances||t.eventResize&&t.eventResize.affectedInstances||{},s=this.sortEventSegs(t.fgEventSegs,n.options.eventOrder);return _o(us,{elRef:t.elRef,date:t.date,dateProfile:t.dateProfile,todayRange:t.todayRange,extraHookProps:t.extraHookProps},(function(n,l,u){return _o("td",r({ref:n,role:"gridcell",className:["fc-timegrid-col"].concat(l,t.extraClassNames||[]).join(" ")},u,t.extraDataAttrs),_o("div",{className:"fc-timegrid-col-frame"},_o("div",{className:"fc-timegrid-col-bg"},e.renderFillSegs(t.businessHourSegs,"non-business"),e.renderFillSegs(t.bgEventSegs,"bg-event"),e.renderFillSegs(t.dateSelectionSegs,"highlight")),_o("div",{className:"fc-timegrid-col-events"},e.renderFgSegs(s,a,!1,!1,!1)),_o("div",{className:"fc-timegrid-col-events"},e.renderFgSegs(i,{},Boolean(t.eventDrag),Boolean(t.eventResize),Boolean(o))),_o("div",{className:"fc-timegrid-now-indicator-container"},e.renderNowIndicator(t.nowIndicatorSegs)),_o(Yl,{date:t.date,dateProfile:t.dateProfile,todayRange:t.todayRange,extraHookProps:t.extraHookProps})))}))},t.prototype.renderFgSegs=function(e,t,n,r,o){var i=this.props;return i.forPrint?Xl(e,i):this.renderPositionedFgSegs(e,t,n,r,o)},t.prototype.renderPositionedFgSegs=function(e,t,n,o,i){var a=this,s=this.context.options,l=s.eventMaxStack,u=s.eventShortHeight,c=s.eventOrderStrict,d=s.eventMinHeight,p=this.props,f=p.date,h=p.slatCoords,v=p.eventSelection,g=p.todayRange,m=p.nowDate,y=n||o||i,E=function(e,t,n,r){for(var o=[],i=[],a=0;a<e.length;a+=1){var s=t[a];s?o.push({index:a,thickness:1,span:s}):i.push(e[a])}for(var l=Wl(o,n,r),u=l.segRects,c=l.hiddenGroups,d=[],p=0,f=u;p<f.length;p++){var h=f[p];d.push({seg:e[h.index],rect:h})}for(var v=0,g=i;v<g.length;v++){var m=g[v];d.push({seg:m,rect:null})}return{segPlacements:d,hiddenGroups:c}}(e,jl(e,f,h,d),c,l),S=E.segPlacements,b=E.hiddenGroups;return _o(xo,null,this.renderHiddenGroups(b,e),S.map((function(e){var s=e.seg,l=e.rect,c=s.eventRange.instance.instanceId,d=y||Boolean(!t[c]&&l),p=Kl(l&&l.span),f=!y&&l?a.computeSegHStyle(l):{left:0,right:0},h=Boolean(l)&&l.stackForward>0,E=Boolean(l)&&l.span.end-l.span.start<u;return _o("div",{className:"fc-timegrid-event-harness"+(h?" fc-timegrid-event-harness-inset":""),key:c,style:r(r({visibility:d?"":"hidden"},p),f)},_o(ql,r({seg:s,isDragging:n,isResizing:o,isDateSelecting:i,isSelected:c===v,isShort:E},sr(s,g,m))))})))},t.prototype.renderHiddenGroups=function(e,t){var n=this.props,r=n.extraDateSpan,o=n.dateProfile,i=n.todayRange,a=n.nowDate,s=n.eventSelection,l=n.eventDrag,u=n.eventResize;return _o(xo,null,e.map((function(e){var n,c,d=Kl(e.span),p=(n=e.entries,c=t,n.map((function(e){return c[e.index]})));return _o(Ll,{key:Ft(Ss(p)),hiddenSegs:p,top:d.top,bottom:d.bottom,extraDateSpan:r,dateProfile:o,todayRange:i,nowDate:a,eventSelection:s,eventDrag:l,eventResize:u})})))},t.prototype.renderFillSegs=function(e,t){var n=this.props,o=this.context,i=jl(e,n.date,n.slatCoords,o.options.eventMinHeight).map((function(o,i){var a=e[i];return _o("div",{key:ur(a.eventRange),className:"fc-timegrid-bg-harness",style:Kl(o)},"bg-event"===t?_o(ds,r({seg:a},sr(a,n.todayRange,n.nowDate))):cs(t))}));return _o(xo,null,i)},t.prototype.renderNowIndicator=function(e){var t=this.props,n=t.slatCoords,r=t.date;return n?e.map((function(e,t){return _o(is,{isAxis:!1,date:r,key:t},(function(t,o,i,a){return _o("div",{ref:t,className:["fc-timegrid-now-indicator-line"].concat(o).join(" "),style:{top:n.computeDateTop(e.start,r)}},a)}))})):null},t.prototype.computeSegHStyle=function(e){var t,n,r=this.context,o=r.isRtl,i=r.options.slotEventOverlap,a=e.levelCoord,s=e.levelCoord+e.thickness;i&&(s=Math.min(1,a+2*(s-a))),o?(t=1-s,n=a):(t=a,n=1-s);var l={zIndex:e.stackDepth+1,left:100*t+"%",right:100*n+"%"};return i&&!e.stackForward&&(l[o?"marginLeft":"marginRight"]=20),l},t}(Uo);function Xl(e,t){var n=t.todayRange,o=t.nowDate,i=t.eventSelection,a=t.eventDrag,s=t.eventResize,l=(a?a.affectedInstances:null)||(s?s.affectedInstances:null)||{};return _o(xo,null,e.map((function(e){var t=e.eventRange.instance.instanceId;return _o("div",{key:t,style:{visibility:l[t]?"hidden":""}},_o(ql,r({seg:e,isDragging:!1,isResizing:!1,isDateSelecting:!1,isSelected:t===i,isShort:!1},sr(e,n,o))))})))}function Kl(e){return e?{top:e.start,bottom:-e.end}:{top:"",bottom:""}}var $l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.splitFgEventSegs=qt(Ol),t.splitBgEventSegs=qt(Ol),t.splitBusinessHourSegs=qt(Ol),t.splitNowIndicatorSegs=qt(Ol),t.splitDateSelectionSegs=qt(Ol),t.splitEventDrag=qt(Al),t.splitEventResize=qt(Al),t.rootElRef=ko(),t.cellElRefs=new Fa,t}return n(t,e),t.prototype.render=function(){var e=this,t=this.props,n=this.context.options.nowIndicator&&t.slatCoords&&t.slatCoords.safeComputeTop(t.nowDate),r=t.cells.length,o=this.splitFgEventSegs(t.fgEventSegs,r),i=this.splitBgEventSegs(t.bgEventSegs,r),a=this.splitBusinessHourSegs(t.businessHourSegs,r),s=this.splitNowIndicatorSegs(t.nowIndicatorSegs,r),l=this.splitDateSelectionSegs(t.dateSelectionSegs,r),u=this.splitEventDrag(t.eventDrag,r),c=this.splitEventResize(t.eventResize,r);return _o("div",{className:"fc-timegrid-cols",ref:this.rootElRef},_o("table",{role:"presentation",style:{minWidth:t.tableMinWidth,width:t.clientWidth}},t.tableColGroupNode,_o("tbody",{role:"presentation"},_o("tr",{role:"row"},t.axis&&_o("td",{"aria-hidden":!0,className:"fc-timegrid-col fc-timegrid-axis"},_o("div",{className:"fc-timegrid-col-frame"},_o("div",{className:"fc-timegrid-now-indicator-container"},"number"==typeof n&&_o(is,{isAxis:!0,date:t.nowDate},(function(e,t,r,o){return _o("div",{ref:e,className:["fc-timegrid-now-indicator-arrow"].concat(t).join(" "),style:{top:n}},o)}))))),t.cells.map((function(n,r){return _o(Zl,{key:n.key,elRef:e.cellElRefs.createRef(n.key),dateProfile:t.dateProfile,date:n.date,nowDate:t.nowDate,todayRange:t.todayRange,extraHookProps:n.extraHookProps,extraDataAttrs:n.extraDataAttrs,extraClassNames:n.extraClassNames,extraDateSpan:n.extraDateSpan,fgEventSegs:o[r],bgEventSegs:i[r],businessHourSegs:a[r],nowIndicatorSegs:s[r],dateSelectionSegs:l[r],eventDrag:u[r],eventResize:c[r],slatCoords:t.slatCoords,eventSelection:t.eventSelection,forPrint:t.forPrint})}))))))},t.prototype.componentDidMount=function(){this.updateCoords()},t.prototype.componentDidUpdate=function(){this.updateCoords()},t.prototype.updateCoords=function(){var e,t=this.props;t.onColCoords&&null!==t.clientWidth&&t.onColCoords(new So(this.rootElRef.current,(e=this.cellElRefs.currentMap,t.cells.map((function(t){return e[t.key]}))),!0,!1))},t}(Uo);var Jl=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.processSlotOptions=qt(Ql),t.state={slatCoords:null},t.handleRootEl=function(e){e?t.context.registerInteractiveComponent(t,{el:e,isHitComboAllowed:t.props.isHitComboAllowed}):t.context.unregisterInteractiveComponent(t)},t.handleScrollRequest=function(e){var n=t.props.onScrollTopRequest,r=t.state.slatCoords;if(n&&r){if(e.time){var o=r.computeTimeTop(e.time);(o=Math.ceil(o))&&(o+=1),n(o)}return!0}return!1},t.handleColCoords=function(e){t.colCoords=e},t.handleSlatCoords=function(e){t.setState({slatCoords:e}),t.props.onSlatCoords&&t.props.onSlatCoords(e)},t}return n(t,e),t.prototype.render=function(){var e=this.props,t=this.state;return _o("div",{className:"fc-timegrid-body",ref:this.handleRootEl,style:{width:e.clientWidth,minWidth:e.tableMinWidth}},_o(Hl,{axis:e.axis,dateProfile:e.dateProfile,slatMetas:e.slatMetas,clientWidth:e.clientWidth,minHeight:e.expandRows?e.clientHeight:"",tableMinWidth:e.tableMinWidth,tableColGroupNode:e.axis?e.tableColGroupNode:null,onCoords:this.handleSlatCoords}),_o($l,{cells:e.cells,axis:e.axis,dateProfile:e.dateProfile,businessHourSegs:e.businessHourSegs,bgEventSegs:e.bgEventSegs,fgEventSegs:e.fgEventSegs,dateSelectionSegs:e.dateSelectionSegs,eventSelection:e.eventSelection,eventDrag:e.eventDrag,eventResize:e.eventResize,todayRange:e.todayRange,nowDate:e.nowDate,nowIndicatorSegs:e.nowIndicatorSegs,clientWidth:e.clientWidth,tableMinWidth:e.tableMinWidth,tableColGroupNode:e.tableColGroupNode,slatCoords:t.slatCoords,onColCoords:this.handleColCoords,forPrint:e.forPrint}))},t.prototype.componentDidMount=function(){this.scrollResponder=this.context.createScrollResponder(this.handleScrollRequest)},t.prototype.componentDidUpdate=function(e){this.scrollResponder.update(e.dateProfile!==this.props.dateProfile)},t.prototype.componentWillUnmount=function(){this.scrollResponder.detach()},t.prototype.queryHit=function(e,t){var n=this.context,o=n.dateEnv,i=n.options,a=this.colCoords,s=this.props.dateProfile,l=this.state.slatCoords,u=this.processSlotOptions(this.props.slotDuration,i.snapDuration),c=u.snapDuration,d=u.snapsPerSlot,p=a.leftToIndex(e),f=l.positions.topToIndex(t);if(null!=p&&null!=f){var h=this.props.cells[p],v=l.positions.tops[f],g=l.positions.getHeight(f),m=(t-v)/g,y=f*d+Math.floor(m*d),E=this.props.cells[p].date,S=Ot(s.slotMinTime,At(c,y)),b=o.add(E,S),D=o.add(b,c);return{dateProfile:s,dateSpan:r({range:{start:b,end:D},allDay:!1},h.extraDateSpan),dayEl:a.els[p],rect:{left:a.lefts[p],right:a.rights[p],top:v,bottom:v+g},layer:0}}return null},t}(Bo);function Ql(e,t){var n=t||e,r=Wt(e,n);return null===r&&(n=e,r=1),{snapDuration:n,snapsPerSlot:r}}var eu=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.sliceRange=function(e,t){for(var n=[],r=0;r<t.length;r+=1){var o=jn(e,t[r]);o&&n.push({start:o.start,end:o.end,isStart:o.start.valueOf()===e.start.valueOf(),isEnd:o.end.valueOf()===e.end.valueOf(),col:r})}return n},t}(xa),tu=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.buildDayRanges=qt(nu),t.slicer=new eu,t.timeColsRef=ko(),t}return n(t,e),t.prototype.render=function(){var e=this,t=this.props,n=this.context,o=t.dateProfile,i=t.dayTableModel,a=n.options.nowIndicator,s=this.buildDayRanges(i,o,n.dateEnv);return _o(Ca,{unit:a?"minute":"day"},(function(l,u){return _o(Jl,r({ref:e.timeColsRef},e.slicer.sliceProps(t,o,null,n,s),{forPrint:t.forPrint,axis:t.axis,dateProfile:o,slatMetas:t.slatMetas,slotDuration:t.slotDuration,cells:i.cells[0],tableColGroupNode:t.tableColGroupNode,tableMinWidth:t.tableMinWidth,clientWidth:t.clientWidth,clientHeight:t.clientHeight,expandRows:t.expandRows,nowDate:l,nowIndicatorSegs:a&&e.slicer.sliceNowDate(l,n,s),todayRange:u,onScrollTopRequest:t.onScrollTopRequest,onSlatCoords:t.onSlatCoords}))}))},t}(Bo);function nu(e,t,n){for(var r=[],o=0,i=e.headerDates;o<i.length;o++){var a=i[o];r.push({start:n.add(a,t.slotMinTime),end:n.add(a,t.slotMaxTime)})}return r}var ru=[{hours:1},{minutes:30},{minutes:15},{seconds:30},{seconds:15}];function ou(e,t,n,r,o){for(var i=new Date(0),a=e,s=Nt(0),l=n||function(e){var t,n,r;for(t=ru.length-1;t>=0;t-=1)if(null!==(r=Wt(n=Nt(ru[t]),e))&&r>1)return n;return e}(r),u=[];Ut(a)<Ut(t);){var c=o.add(i,a),d=null!==Wt(s,l);u.push({date:c,time:a,key:c.toISOString(),isoTimeStr:zt(c),isLabeled:d}),a=Ot(a,r),s=Ot(s,r)}return u}var iu=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.buildTimeColsModel=qt(au),t.buildSlatMetas=qt(ou),t}return n(t,e),t.prototype.render=function(){var e=this,t=this.context,n=t.options,o=t.dateEnv,i=t.dateProfileGenerator,a=this.props,s=a.dateProfile,l=this.buildTimeColsModel(s,i),u=this.allDaySplitter.splitProps(a),c=this.buildSlatMetas(s.slotMinTime,s.slotMaxTime,n.slotLabelInterval,n.slotDuration,o),d=n.dayMinWidth,p=!d,f=d,h=n.dayHeaders&&_o(Ra,{dates:l.headerDates,dateProfile:s,datesRepDistinctDays:!0,renderIntro:p?this.renderHeadAxis:null}),v=!1!==n.allDaySlot&&function(t){return _o(Sl,r({},u.allDay,{dateProfile:s,dayTableModel:l,nextDayThreshold:n.nextDayThreshold,tableMinWidth:t.tableMinWidth,colGroupNode:t.tableColGroupNode,renderRowIntro:p?e.renderTableRowAxis:null,showWeekNumbers:!1,expandRows:!1,headerAlignElRef:e.headerElRef,clientWidth:t.clientWidth,clientHeight:t.clientHeight,forPrint:a.forPrint},e.getAllDayMaxEventProps()))},g=function(t){return _o(tu,r({},u.timed,{dayTableModel:l,dateProfile:s,axis:p,slotDuration:n.slotDuration,slatMetas:c,forPrint:a.forPrint,tableColGroupNode:t.tableColGroupNode,tableMinWidth:t.tableMinWidth,clientWidth:t.clientWidth,clientHeight:t.clientHeight,onSlatCoords:e.handleSlatCoords,expandRows:t.expandRows,onScrollTopRequest:e.handleScrollTopRequest}))};return f?this.renderHScrollLayout(h,v,g,l.colCnt,d,c,this.state.slatCoords):this.renderSimpleLayout(h,v,g)},t}(Ml);function au(e,t){var n=new Ta(e.renderRange,t);return new ka(n,!1)}var su=zo({initialView:"timeGridWeek",optionRefiners:{allDaySlot:Boolean},views:{timeGrid:{component:iu,usesMinMaxTime:!0,allDaySlot:!0,slotDuration:"00:30:00",slotEventOverlap:!0},timeGridDay:{type:"timeGrid",duration:{days:1}},timeGridWeek:{type:"timeGrid",duration:{weeks:1}}}}),lu=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={textId:xe()},t}return n(t,e),t.prototype.render=function(){var e=this.context,t=e.theme,n=e.dateEnv,o=e.options,i=e.viewApi,a=this.props,s=a.cellId,l=a.dayDate,u=a.todayRange,c=this.state.textId,d=ro(l,u),p=o.listDayFormat?n.format(l,o.listDayFormat):"",f=o.listDaySideFormat?n.format(l,o.listDaySideFormat):"",h=r({date:n.toDate(l),view:i,textId:c,text:p,sideText:f,navLinkAttrs:so(this.context,l),sideNavLinkAttrs:so(this.context,l,"day",!1)},d),v=["fc-list-day"].concat(oo(d,t));return _o(Yo,{hookProps:h,classNames:o.dayHeaderClassNames,content:o.dayHeaderContent,defaultContent:uu,didMount:o.dayHeaderDidMount,willUnmount:o.dayHeaderWillUnmount},(function(e,n,r,o){return _o("tr",{ref:e,className:v.concat(n).join(" "),"data-date":Bt(l)},_o("th",{scope:"colgroup",colSpan:3,id:s,"aria-labelledby":c},_o("div",{className:"fc-list-day-cushion "+t.getClass("tableCellShaded"),ref:r},o)))}))},t}(Uo);function uu(e){return _o(xo,null,e.text&&_o("a",r({id:e.textId,className:"fc-list-day-text"},e.navLinkAttrs),e.text),e.sideText&&_o("a",r({"aria-hidden":!0,className:"fc-list-day-side-text"},e.sideNavLinkAttrs),e.sideText))}var cu=ln({hour:"numeric",minute:"2-digit",meridiem:"short"}),du=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.prototype.render=function(){var e=this.props,t=this.context,n=e.seg,o=e.timeHeaderId,i=e.eventHeaderId,a=e.dateHeaderId,s=t.options.eventTimeFormat||cu;return _o(ns,{seg:n,timeText:"",disableDragging:!0,disableResizing:!0,defaultContent:function(){return function(e,t){var n=cr(e,t);return _o("a",r({},n),e.eventRange.def.title)}(n,t)},isPast:e.isPast,isFuture:e.isFuture,isToday:e.isToday,isSelected:e.isSelected,isDragging:e.isDragging,isResizing:e.isResizing,isDateSelecting:e.isDateSelecting},(function(e,r,l,u,c){return _o("tr",{className:["fc-list-event",c.event.url?"fc-event-forced-url":""].concat(r).join(" "),ref:e},function(e,t,n,r,o){var i=n.options;if(!1!==i.displayEventTime){var a=e.eventRange.def,s=e.eventRange.instance,l=!1,u=void 0;if(a.allDay?l=!0:Vn(e.eventRange.range)?e.isStart?u=ar(e,t,n,null,null,s.range.start,e.end):e.isEnd?u=ar(e,t,n,null,null,e.start,s.range.end):l=!0:u=ar(e,t,n),l){var c={text:n.options.allDayText,view:n.viewApi};return _o(Yo,{hookProps:c,classNames:i.allDayClassNames,content:i.allDayContent,defaultContent:pu,didMount:i.allDayDidMount,willUnmount:i.allDayWillUnmount},(function(e,t,n,i){return _o("td",{ref:e,headers:r+" "+o,className:["fc-list-event-time"].concat(t).join(" ")},i)}))}return _o("td",{className:"fc-list-event-time"},u)}return null}(n,s,t,o,a),_o("td",{"aria-hidden":!0,className:"fc-list-event-graphic"},_o("span",{className:"fc-list-event-dot",style:{borderColor:c.borderColor||c.backgroundColor}})),_o("td",{ref:l,headers:i+" "+a,className:"fc-list-event-title"},u))}))},t}(Uo);function pu(e){return e.text}var fu=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.computeDateVars=qt(vu),t.eventStoreToSegs=qt(t._eventStoreToSegs),t.state={timeHeaderId:xe(),eventHeaderId:xe(),dateHeaderIdRoot:xe()},t.setRootEl=function(e){e?t.context.registerInteractiveComponent(t,{el:e}):t.context.unregisterInteractiveComponent(t)},t}return n(t,e),t.prototype.render=function(){var e=this,t=this.props,n=this.context,r=["fc-list",n.theme.getClass("table"),!1!==n.options.stickyHeaderDates?"fc-list-sticky":""],o=this.computeDateVars(t.dateProfile),i=o.dayDates,a=o.dayRanges,s=this.eventStoreToSegs(t.eventStore,t.eventUiBases,a);return _o(ti,{viewSpec:n.viewSpec,elRef:this.setRootEl},(function(n,o){return _o("div",{ref:n,className:r.concat(o).join(" ")},_o(Va,{liquid:!t.isHeightAuto,overflowX:t.isHeightAuto?"visible":"hidden",overflowY:t.isHeightAuto?"visible":"auto"},s.length>0?e.renderSegList(s,i):e.renderEmptyMessage()))}))},t.prototype.renderEmptyMessage=function(){var e=this.context,t=e.options,n=e.viewApi,r={text:t.noEventsText,view:n};return _o(Yo,{hookProps:r,classNames:t.noEventsClassNames,content:t.noEventsContent,defaultContent:hu,didMount:t.noEventsDidMount,willUnmount:t.noEventsWillUnmount},(function(e,t,n,r){return _o("div",{className:["fc-list-empty"].concat(t).join(" "),ref:e},_o("div",{className:"fc-list-empty-cushion",ref:n},r))}))},t.prototype.renderSegList=function(e,t){var n=this.context,o=n.theme,i=n.options,a=this.state,s=a.timeHeaderId,l=a.eventHeaderId,u=a.dateHeaderIdRoot,c=function(e){var t,n,r=[];for(t=0;t<e.length;t+=1)(r[(n=e[t]).dayIndex]||(r[n.dayIndex]=[])).push(n);return r}(e);return _o(Ca,{unit:"day"},(function(e,n){for(var a=[],d=0;d<c.length;d+=1){var p=c[d];if(p){var f=Bt(t[d]),h=u+"-"+f;a.push(_o(lu,{key:f,cellId:h,dayDate:t[d],todayRange:n}));for(var v=0,g=p=tr(p,i.eventOrder);v<g.length;v++){var m=g[v];a.push(_o(du,r({key:f+":"+m.eventRange.instance.instanceId,seg:m,isDragging:!1,isResizing:!1,isDateSelecting:!1,isSelected:!1,timeHeaderId:s,eventHeaderId:l,dateHeaderId:h},sr(m,n,e))))}}}return _o("table",{className:"fc-list-table "+o.getClass("table")},_o("thead",null,_o("tr",null,_o("th",{scope:"col",id:s},i.timeHint),_o("th",{scope:"col","aria-hidden":!0}),_o("th",{scope:"col",id:l},i.eventHint))),_o("tbody",null,a))}))},t.prototype._eventStoreToSegs=function(e,t,n){return this.eventRangesToSegs(Xn(e,t,this.props.dateProfile.activeRange,this.context.options.nextDayThreshold).fg,n)},t.prototype.eventRangesToSegs=function(e,t){for(var n=[],r=0,o=e;r<o.length;r++){var i=o[r];n.push.apply(n,this.eventRangeToSegs(i,t))}return n},t.prototype.eventRangeToSegs=function(e,t){var n,r,o,i=this.context.dateEnv,a=this.context.options.nextDayThreshold,s=e.range,l=e.def.allDay,u=[];for(n=0;n<t.length;n+=1)if((r=jn(s,t[n]))&&(o={component:this,eventRange:e,start:r.start,end:r.end,isStart:e.isStart&&r.start.valueOf()===s.start.valueOf(),isEnd:e.isEnd&&r.end.valueOf()===s.end.valueOf(),dayIndex:n},u.push(o),!o.isEnd&&!l&&n+1<t.length&&s.end<i.add(t[n+1].start,a))){o.end=s.end,o.isEnd=!0;break}return u},t}(Bo);function hu(e){return e.text}function vu(e){for(var t=lt(e.renderRange.start),n=e.renderRange.end,r=[],o=[];t<n;)r.push(t),o.push({start:t,end:tt(t,1)}),t=tt(t,1);return{dayDates:r,dayRanges:o}}function gu(e){return!1===e?null:ln(e)}var mu=zo({optionRefiners:{listDayFormat:gu,listDaySideFormat:gu,noEventsClassNames:yn,noEventsContent:yn,noEventsDidMount:yn,noEventsWillUnmount:yn},views:{list:{component:fu,buttonTextKey:"list",listDayFormat:{month:"long",day:"numeric",year:"numeric"}},listDay:{type:"list",duration:{days:1},listDayFormat:{weekday:"long"}},listWeek:{type:"list",duration:{weeks:1},listDayFormat:{weekday:"long"},listDaySideFormat:{month:"long",day:"numeric",year:"numeric"}},listMonth:{type:"list",duration:{month:1},listDaySideFormat:{weekday:"long"}},listYear:{type:"list",duration:{year:1},listDaySideFormat:{weekday:"long"}}}}),yu=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t}(wo);yu.prototype.classes={root:"fc-theme-bootstrap",table:"table-bordered",tableCellShaded:"table-active",buttonGroup:"btn-group",button:"btn btn-primary",buttonActive:"active",popover:"popover",popoverHeader:"popover-header",popoverContent:"popover-body"},yu.prototype.baseIconClass="fa",yu.prototype.iconClasses={close:"fa-times",prev:"fa-chevron-left",next:"fa-chevron-right",prevYear:"fa-angle-double-left",nextYear:"fa-angle-double-right"},yu.prototype.rtlIconClasses={prev:"fa-chevron-right",next:"fa-chevron-left",prevYear:"fa-angle-double-right",nextYear:"fa-angle-double-left"},yu.prototype.iconOverrideOption="bootstrapFontAwesome",yu.prototype.iconOverrideCustomButtonOption="bootstrapFontAwesome",yu.prototype.iconOverridePrefix="fa-";var Eu=zo({themeClasses:{bootstrap:yu}}),Su=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t}(wo);Su.prototype.classes={root:"fc-theme-bootstrap5",tableCellShaded:"fc-theme-bootstrap5-shaded",buttonGroup:"btn-group",button:"btn btn-primary",buttonActive:"active",popover:"popover",popoverHeader:"popover-header",popoverContent:"popover-body"},Su.prototype.baseIconClass="bi",Su.prototype.iconClasses={close:"bi-x-lg",prev:"bi-chevron-left",next:"bi-chevron-right",prevYear:"bi-chevron-double-left",nextYear:"bi-chevron-double-right"},Su.prototype.rtlIconClasses={prev:"bi-chevron-right",next:"bi-chevron-left",prevYear:"bi-chevron-double-right",nextYear:"bi-chevron-double-left"},Su.prototype.iconOverrideOption="buttonIcons",Su.prototype.iconOverrideCustomButtonOption="icon",Su.prototype.iconOverridePrefix="bi-";var bu=zo({themeClasses:{bootstrap5:Su}}),Du="https://www.googleapis.com/calendar/v3/calendars";var Cu=zo({eventSourceDefs:[{parseMeta:function(e){var t=e.googleCalendarId;return!t&&e.url&&(t=function(e){var t;if(/^[^/]+@([^/.]+\.)*(google|googlemail|gmail)\.com$/.test(e))return e;if((t=/^https:\/\/www.googleapis.com\/calendar\/v3\/calendars\/([^/]*)/.exec(e))||(t=/^https?:\/\/www.google.com\/calendar\/feeds\/([^/]*)/.exec(e)))return decodeURIComponent(t[1]);return null}(e.url)),t?{googleCalendarId:t,googleCalendarApiKey:e.googleCalendarApiKey,googleCalendarApiBase:e.googleCalendarApiBase,extraParams:e.extraParams}:null},fetch:function(e,t,n){var o=e.context,i=o.dateEnv,a=o.options,s=e.eventSource.meta,l=s.googleCalendarApiKey||a.googleCalendarApiKey;if(l){var u=function(e){var t=e.googleCalendarApiBase;t||(t=Du);return t+"/"+encodeURIComponent(e.googleCalendarId)+"/events"}(s),c=s.extraParams,d="function"==typeof c?c():c,p=function(e,t,n,o){var i,a,s;o.canComputeOffset?(a=o.formatIso(e.start),s=o.formatIso(e.end)):(a=tt(e.start,-1).toISOString(),s=tt(e.end,1).toISOString());i=r(r({},n||{}),{key:t,timeMin:a,timeMax:s,singleEvents:!0,maxResults:9999}),"local"!==o.timeZone&&(i.timeZone=o.timeZone);return i}(e.range,l,d,i);_i("GET",u,p,(function(e,r){var o,i;e.error?n({message:"Google Calendar API: "+e.error.message,errors:e.error.errors,xhr:r}):t({rawEvents:(o=e.items,i=p.timeZone,o.map((function(e){return function(e,t){var n=e.htmlLink||null;n&&t&&(n=function(e,t){return e.replace(/(\?.*?)?(#|$)/,(function(e,n,r){return(n?n+"&":"?")+t+r}))}(n,"ctz="+t));return{id:e.id,title:e.summary,start:e.start.dateTime||e.start.date,end:e.end.dateTime||e.end.date,url:n,location:e.location,description:e.description,attachments:e.attachments||[],extendedProps:(e.extendedProperties||{}).shared||{}}}(e,i)}))),xhr:r})}),(function(e,t){n({message:e,xhr:t})}))}else n({message:"Specify a googleCalendarApiKey. See http://fullcalendar.io/docs/google_calendar/"})}}],optionRefiners:{googleCalendarApiKey:String},eventSourceRefiners:{googleCalendarApiKey:String,googleCalendarId:String,googleCalendarApiBase:String,extraParams:yn}});return xi.push($s,Cl,su,mu,Eu,bu,Cu),e.BASE_OPTION_DEFAULTS=cn,e.BASE_OPTION_REFINERS=un,e.BaseComponent=Uo,e.BgEvent=ds,e.BootstrapTheme=yu,e.Calendar=Cs,e.CalendarApi=kr,e.CalendarContent=fa,e.CalendarDataManager=Ni,e.CalendarDataProvider=ji,e.CalendarRoot=ga,e.Component=Ro,e.ContentHook=Xo,e.CustomContentRenderContext=Zo,e.DateComponent=Bo,e.DateEnv=Lr,e.DateProfileGenerator=ai,e.DayCellContent=ss,e.DayCellRoot=us,e.DayGridView=bl,e.DayHeader=Ra,e.DaySeriesModel=Ta,e.DayTable=Sl,e.DayTableModel=ka,e.DayTableSlicer=El,e.DayTimeCols=tu,e.DayTimeColsSlicer=eu,e.DayTimeColsView=iu,e.DelayedRunner=Mi,e.Draggable=Zs,e.ElementDragging=oa,e.ElementScrollController=Do,e.Emitter=Eo,e.EventApi=xr,e.EventRoot=ns,e.EventSourceApi=ye,e.FeaturefulElementDragging=Os,e.Fragment=xo,e.Interaction=ea,e.ListView=fu,e.MoreLinkRoot=ms,e.MountHook=$o,e.NamedTimeZoneImpl=Gi,e.NowIndicatorRoot=is,e.NowTimer=Ca,e.PointerDragging=Ts,e.PositionCache=So,e.RefMap=Fa,e.RenderHook=Yo,e.ScrollController=bo,e.ScrollResponder=Ho,e.Scroller=Va,e.SegHierarchy=qi,e.SimpleScrollGrid=ts,e.Slicer=xa,e.Splitter=to,e.StandardEvent=rs,e.Table=ml,e.TableDateCell=Sa,e.TableDowCell=Da,e.TableView=Js,e.Theme=wo,e.ThirdPartyDraggable=Ks,e.TimeCols=Jl,e.TimeColsSlatsCoords=Pl,e.TimeColsView=Ml,e.ViewApi=Cr,e.ViewContextType=Oo,e.ViewRoot=ti,e.WeekNumberRoot=fs,e.WindowScrollController=Co,e.addDays=tt,e.addDurations=Ot,e.addMs=nt,e.addWeeks=et,e.allowContextMenu=ze,e.allowSelection=Fe,e.applyMutationToEventStore=Sr,e.applyStyle=we,e.applyStyleProp=Re,e.asCleanDays=function(e){return e.years||e.months||e.milliseconds?0:e.days},e.asRoughMinutes=function(e){return Ut(e)/6e4},e.asRoughMs=Ut,e.asRoughSeconds=function(e){return Ut(e)/1e3},e.binarySearch=Qi,e.buildClassNameNormalizer=Jo,e.buildDayRanges=nu,e.buildDayTableModel=Dl,e.buildEntryKey=Zi,e.buildEventApis=Ir,e.buildEventRangeKey=ur,e.buildHashFromArray=function(e,t){for(var n={},r=0;r<e.length;r+=1){var o=t(e[r],r);n[o[0]]=o[1]}return n},e.buildIsoString=Ft,e.buildNavLinkAttrs=so,e.buildSegCompareObj=nr,e.buildSegTimeText=ar,e.buildSlatMetas=ou,e.buildTimeColsModel=au,e.collectFromHash=kt,e.combineEventUis=xn,e.compareByFieldSpec=qe,e.compareByFieldSpecs=Ge,e.compareNumbers=Ke,e.compareObjs=_t,e.computeEarliestSegStart=Ss,e.computeEdges=ho,e.computeFallbackHeaderFormat=ma,e.computeHeightAndMargins=function(e){return e.getBoundingClientRect().height+function(e){var t=window.getComputedStyle(e);return parseInt(t.marginTop,10)+parseInt(t.marginBottom,10)}(e)},e.computeInnerRect=vo,e.computeRect=go,e.computeSegDraggable=rr,e.computeSegEndResizable=ir,e.computeSegStartResizable=or,e.computeShrinkWidth=Ba,e.computeSmallestCellWidth=Je,e.computeVisibleDayRange=Wn,e.config=ia,e.constrainPoint=Kr,e.createAriaClickAttrs=He,e.createContext=Mo,e.createDuration=Nt,e.createElement=_o,e.createEmptyEventStore=Dn,e.createEventInstance=mt,e.createEventUi=kn,e.createFormatter=ln,e.createPlugin=zo,e.createPortal=Io,e.createRef=ko,e.diffDates=Fn,e.diffDayAndTime=it,e.diffDays=ot,e.diffPoints=Jr,e.diffWeeks=rt,e.diffWholeDays=st,e.diffWholeWeeks=at,e.disableCursor=Ue,e.elementClosest=Se,e.elementMatches=be,e.enableCursor=We,e.eventTupleToStore=Sn,e.filterEventStoreDefs=wn,e.filterHash=St,e.findDirectChildren=function(e,t){for(var n=e instanceof HTMLElement?[e]:e,r=[],o=0;o<n.length;o+=1)for(var i=n[o].children,a=0;a<i.length;a+=1){var s=i[a];t&&!be(s,t)||r.push(s)}return r},e.findElements=De,e.flexibleCompare=Ye,e.flushSync=Po,e.formatDate=function(e,t){void 0===t&&(t={});var n=jr(t),r=ln(t),o=n.createMarkerMeta(e);return o?n.format(o.marker,r,{forcedTzo:o.forcedTzo}):""},e.formatDayString=Bt,e.formatIsoTimeString=zt,e.formatRange=function(e,t,n){var r=jr("object"==typeof n&&n?n:{}),o=ln(n),i=r.createMarkerMeta(e),a=r.createMarkerMeta(t);return i&&a?r.formatRange(i.marker,a.marker,o,{forcedStartTzo:i.forcedTzo,forcedEndTzo:a.forcedTzo,isEndExclusive:n.isEndExclusive,defaultSeparator:cn.defaultRangeSeparator}):""},e.getAllowYScrolling=ja,e.getCanVGrowWithinCell=Qr,e.getClippingParents=mo,e.getDateMeta=ro,e.getDayClassNames=oo,e.getDefaultEventEnd=Er,e.getElRoot=Te,e.getElSeg=Jn,e.getEntrySpanEnd=Yi,e.getEventClassNames=lr,e.getEventTargetViaRoot=_e,e.getIsRtlScrollbarOnLeft=co,e.getRectCenter=$r,e.getRelevantEvents=bn,e.getScrollGridClassNames=Ka,e.getScrollbarWidths=po,e.getSectionClassNames=$a,e.getSectionHasLiquidHeight=za,e.getSegAnchorAttrs=cr,e.getSegMeta=sr,e.getSlotClassNames=function(e,t){var n=["fc-slot","fc-slot-"+Qe[e.dow]];return e.isDisabled?n.push("fc-slot-disabled"):(e.isToday&&(n.push("fc-slot-today"),n.push(t.getClass("today"))),e.isPast&&n.push("fc-slot-past"),e.isFuture&&n.push("fc-slot-future")),n},e.getStickyFooterScrollbar=es,e.getStickyHeaderDates=Qa,e.getUnequalProps=Rt,e.getUniqueDomId=xe,e.globalLocales=Ur,e.globalPlugins=xi,e.greatestDurationDenominator=Vt,e.groupIntersectingEntries=Xi,e.guid=Le,e.hasBgRendering=Kn,e.hasShrinkWidth=Xa,e.identity=yn,e.interactionSettingsStore=ra,e.interactionSettingsToStore=na,e.intersectRanges=jn,e.intersectRects=Xr,e.intersectSpans=$i,e.isArraysEqual=Gt,e.isColPropsEqual=qa,e.isDateSelectionValid=Pa,e.isDateSpansEqual=fr,e.isInt=$e,e.isInteractionValid=Ia,e.isMultiDayRange=Vn,e.isPropsEqual=wt,e.isPropsValid=Ha,e.isValidDate=vt,e.joinSpans=Ki,e.listenBySelector=Ie,e.mapHash=bt,e.memoize=qt,e.memoizeArraylike=function(e,t,n){var r=this,o=[],i=[];return function(a){for(var s=o.length,l=a.length,u=0;u<s;u+=1)if(a[u]){if(!Gt(o[u],a[u])){n&&n(i[u]);var c=e.apply(r,a[u]);t&&t(c,i[u])||(i[u]=c)}}else n&&n(i[u]);for(;u<l;u+=1)i[u]=e.apply(r,a[u]);return o=a,i.splice(l),i}},e.memoizeHashlike=function(e,t,n){var r=this,o={},i={};return function(a){var s={};for(var l in a)if(i[l])if(Gt(o[l],a[l]))s[l]=i[l];else{n&&n(i[l]);var u=e.apply(r,a[l]);s[l]=t&&t(u,i[l])?i[l]:u}else s[l]=e.apply(r,a[l]);return o=a,i=s,s}},e.memoizeObjArg=Yt,e.mergeEventStores=Cn,e.multiplyDuration=At,e.padStart=Ze,e.parseBusinessHours=Yr,e.parseClassNames=Rn,e.parseDragMeta=sa,e.parseEventDef=Ln,e.parseFieldSpecs=je,e.parseMarker=Ar,e.pointInsideRect=Zr,e.preventContextMenu=Be,e.preventDefault=Me,e.preventSelection=Ve,e.rangeContainsMarker=Zn,e.rangeContainsRange=Yn,e.rangesEqual=Gn,e.rangesIntersect=qn,e.refineEventDef=On,e.refineProps=mn,e.removeElement=Ee,e.removeExact=function(e,t){for(var n=0,r=0;r<e.length;)e[r]===t?(e.splice(r,1),n+=1):r+=1;return n},e.render=To,e.renderChunkContent=Ga,e.renderFill=cs,e.renderMicroColGroup=Ya,e.renderScrollShim=Ja,e.requestJson=_i,e.sanitizeShrinkWidth=Za,e.setElSeg=$n,e.setRef=Fo,e.sliceEventStore=Xn,e.sliceEvents=function(e,t){return Xn(e.eventStore,e.eventUiBases,e.dateProfile.activeRange,t?e.nextDayThreshold:null).fg},e.sortEventSegs=tr,e.startOfDay=lt,e.translateRect=function(e,t,n){return{left:e.left+t,right:e.right+t,top:e.top+n,bottom:e.bottom+n}},e.triggerDateSelect=mr,e.unmountComponentAtNode=No,e.unpromisify=yo,e.version="5.10.2",e.whenTransitionDone=Ne,e.wholeDivideDurations=Wt,Object.defineProperty(e,"__esModule",{value:!0}),e}({});
\ No newline at end of file
diff --git a/public/assets/js/highlight.min.js b/public/assets/js/highlight.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..94bf2c79f60aca966880b2b68e97231615be3e04
--- /dev/null
+++ b/public/assets/js/highlight.min.js
@@ -0,0 +1,1198 @@
+/*!
+  Highlight.js v11.6.0 (git: bed790f3f3)
+  (c) 2006-2022 undefined and other contributors
+  License: BSD-3-Clause
+ */
+  var hljs=function(){"use strict";var e={exports:{}};function n(e){
+    return e instanceof Map?e.clear=e.delete=e.set=()=>{
+    throw Error("map is read-only")}:e instanceof Set&&(e.add=e.clear=e.delete=()=>{
+    throw Error("set is read-only")
+    }),Object.freeze(e),Object.getOwnPropertyNames(e).forEach((t=>{var a=e[t]
+    ;"object"!=typeof a||Object.isFrozen(a)||n(a)})),e}
+    e.exports=n,e.exports.default=n;class t{constructor(e){
+    void 0===e.data&&(e.data={}),this.data=e.data,this.isMatchIgnored=!1}
+    ignoreMatch(){this.isMatchIgnored=!0}}function a(e){
+    return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")
+    }function i(e,...n){const t=Object.create(null);for(const n in e)t[n]=e[n]
+    ;return n.forEach((e=>{for(const n in e)t[n]=e[n]})),t}
+    const r=e=>!!e.scope||e.sublanguage&&e.language;class s{constructor(e,n){
+    this.buffer="",this.classPrefix=n.classPrefix,e.walk(this)}addText(e){
+    this.buffer+=a(e)}openNode(e){if(!r(e))return;let n=""
+    ;n=e.sublanguage?"language-"+e.language:((e,{prefix:n})=>{if(e.includes(".")){
+    const t=e.split(".")
+    ;return[`${n}${t.shift()}`,...t.map(((e,n)=>`${e}${"_".repeat(n+1)}`))].join(" ")
+    }return`${n}${e}`})(e.scope,{prefix:this.classPrefix}),this.span(n)}
+    closeNode(e){r(e)&&(this.buffer+="</span>")}value(){return this.buffer}span(e){
+    this.buffer+=`<span class="${e}">`}}const o=(e={})=>{const n={children:[]}
+    ;return Object.assign(n,e),n};class l{constructor(){
+    this.rootNode=o(),this.stack=[this.rootNode]}get top(){
+    return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(e){
+    this.top.children.push(e)}openNode(e){const n=o({scope:e})
+    ;this.add(n),this.stack.push(n)}closeNode(){
+    if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){
+    for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}
+    walk(e){return this.constructor._walk(e,this.rootNode)}static _walk(e,n){
+    return"string"==typeof n?e.addText(n):n.children&&(e.openNode(n),
+    n.children.forEach((n=>this._walk(e,n))),e.closeNode(n)),e}static _collapse(e){
+    "string"!=typeof e&&e.children&&(e.children.every((e=>"string"==typeof e))?e.children=[e.children.join("")]:e.children.forEach((e=>{
+    l._collapse(e)})))}}class c extends l{constructor(e){super(),this.options=e}
+    addKeyword(e,n){""!==e&&(this.openNode(n),this.addText(e),this.closeNode())}
+    addText(e){""!==e&&this.add(e)}addSublanguage(e,n){const t=e.root
+    ;t.sublanguage=!0,t.language=n,this.add(t)}toHTML(){
+    return new s(this,this.options).value()}finalize(){return!0}}function d(e){
+    return e?"string"==typeof e?e:e.source:null}function g(e){return m("(?=",e,")")}
+    function u(e){return m("(?:",e,")*")}function b(e){return m("(?:",e,")?")}
+    function m(...e){return e.map((e=>d(e))).join("")}function p(...e){const n=(e=>{
+    const n=e[e.length-1]
+    ;return"object"==typeof n&&n.constructor===Object?(e.splice(e.length-1,1),n):{}
+    })(e);return"("+(n.capture?"":"?:")+e.map((e=>d(e))).join("|")+")"}
+    function _(e){return RegExp(e.toString()+"|").exec("").length-1}
+    const h=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./
+    ;function f(e,{joinWith:n}){let t=0;return e.map((e=>{t+=1;const n=t
+    ;let a=d(e),i="";for(;a.length>0;){const e=h.exec(a);if(!e){i+=a;break}
+    i+=a.substring(0,e.index),
+    a=a.substring(e.index+e[0].length),"\\"===e[0][0]&&e[1]?i+="\\"+(Number(e[1])+n):(i+=e[0],
+    "("===e[0]&&t++)}return i})).map((e=>`(${e})`)).join(n)}
+    const E="[a-zA-Z]\\w*",y="[a-zA-Z_]\\w*",w="\\b\\d+(\\.\\d+)?",N="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",v="\\b(0b[01]+)",O={
+    begin:"\\\\[\\s\\S]",relevance:0},k={scope:"string",begin:"'",end:"'",
+    illegal:"\\n",contains:[O]},x={scope:"string",begin:'"',end:'"',illegal:"\\n",
+    contains:[O]},M=(e,n,t={})=>{const a=i({scope:"comment",begin:e,end:n,
+    contains:[]},t);a.contains.push({scope:"doctag",
+    begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",
+    end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0})
+    ;const r=p("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/)
+    ;return a.contains.push({begin:m(/[ ]+/,"(",r,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),a
+    },S=M("//","$"),A=M("/\\*","\\*/"),C=M("#","$");var T=Object.freeze({
+    __proto__:null,MATCH_NOTHING_RE:/\b\B/,IDENT_RE:E,UNDERSCORE_IDENT_RE:y,
+    NUMBER_RE:w,C_NUMBER_RE:N,BINARY_NUMBER_RE:v,
+    RE_STARTERS_RE:"!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",
+    SHEBANG:(e={})=>{const n=/^#![ ]*\//
+    ;return e.binary&&(e.begin=m(n,/.*\b/,e.binary,/\b.*/)),i({scope:"meta",begin:n,
+    end:/$/,relevance:0,"on:begin":(e,n)=>{0!==e.index&&n.ignoreMatch()}},e)},
+    BACKSLASH_ESCAPE:O,APOS_STRING_MODE:k,QUOTE_STRING_MODE:x,PHRASAL_WORDS_MODE:{
+    begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/
+    },COMMENT:M,C_LINE_COMMENT_MODE:S,C_BLOCK_COMMENT_MODE:A,HASH_COMMENT_MODE:C,
+    NUMBER_MODE:{scope:"number",begin:w,relevance:0},C_NUMBER_MODE:{scope:"number",
+    begin:N,relevance:0},BINARY_NUMBER_MODE:{scope:"number",begin:v,relevance:0},
+    REGEXP_MODE:{begin:/(?=\/[^/\n]*\/)/,contains:[{scope:"regexp",begin:/\//,
+    end:/\/[gimuy]*/,illegal:/\n/,contains:[O,{begin:/\[/,end:/\]/,relevance:0,
+    contains:[O]}]}]},TITLE_MODE:{scope:"title",begin:E,relevance:0},
+    UNDERSCORE_TITLE_MODE:{scope:"title",begin:y,relevance:0},METHOD_GUARD:{
+    begin:"\\.\\s*[a-zA-Z_]\\w*",relevance:0},END_SAME_AS_BEGIN:e=>Object.assign(e,{
+    "on:begin":(e,n)=>{n.data._beginMatch=e[1]},"on:end":(e,n)=>{
+    n.data._beginMatch!==e[1]&&n.ignoreMatch()}})});function R(e,n){
+    "."===e.input[e.index-1]&&n.ignoreMatch()}function D(e,n){
+    void 0!==e.className&&(e.scope=e.className,delete e.className)}function I(e,n){
+    n&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",
+    e.__beforeBegin=R,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,
+    void 0===e.relevance&&(e.relevance=0))}function L(e,n){
+    Array.isArray(e.illegal)&&(e.illegal=p(...e.illegal))}function B(e,n){
+    if(e.match){
+    if(e.begin||e.end)throw Error("begin & end are not supported with match")
+    ;e.begin=e.match,delete e.match}}function $(e,n){
+    void 0===e.relevance&&(e.relevance=1)}const z=(e,n)=>{if(!e.beforeMatch)return
+    ;if(e.starts)throw Error("beforeMatch cannot be used with starts")
+    ;const t=Object.assign({},e);Object.keys(e).forEach((n=>{delete e[n]
+    })),e.keywords=t.keywords,e.begin=m(t.beforeMatch,g(t.begin)),e.starts={
+    relevance:0,contains:[Object.assign(t,{endsParent:!0})]
+    },e.relevance=0,delete t.beforeMatch
+    },F=["of","and","for","in","not","or","if","then","parent","list","value"]
+    ;function U(e,n,t="keyword"){const a=Object.create(null)
+    ;return"string"==typeof e?i(t,e.split(" ")):Array.isArray(e)?i(t,e):Object.keys(e).forEach((t=>{
+    Object.assign(a,U(e[t],n,t))})),a;function i(e,t){
+    n&&(t=t.map((e=>e.toLowerCase()))),t.forEach((n=>{const t=n.split("|")
+    ;a[t[0]]=[e,j(t[0],t[1])]}))}}function j(e,n){
+    return n?Number(n):(e=>F.includes(e.toLowerCase()))(e)?0:1}const P={},K=e=>{
+    console.error(e)},H=(e,...n)=>{console.log("WARN: "+e,...n)},q=(e,n)=>{
+    P[`${e}/${n}`]||(console.log(`Deprecated as of ${e}. ${n}`),P[`${e}/${n}`]=!0)
+    },Z=Error();function G(e,n,{key:t}){let a=0;const i=e[t],r={},s={}
+    ;for(let e=1;e<=n.length;e++)s[e+a]=i[e],r[e+a]=!0,a+=_(n[e-1])
+    ;e[t]=s,e[t]._emit=r,e[t]._multi=!0}function W(e){(e=>{
+    e.scope&&"object"==typeof e.scope&&null!==e.scope&&(e.beginScope=e.scope,
+    delete e.scope)})(e),"string"==typeof e.beginScope&&(e.beginScope={
+    _wrap:e.beginScope}),"string"==typeof e.endScope&&(e.endScope={_wrap:e.endScope
+    }),(e=>{if(Array.isArray(e.begin)){
+    if(e.skip||e.excludeBegin||e.returnBegin)throw K("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),
+    Z
+    ;if("object"!=typeof e.beginScope||null===e.beginScope)throw K("beginScope must be object"),
+    Z;G(e,e.begin,{key:"beginScope"}),e.begin=f(e.begin,{joinWith:""})}})(e),(e=>{
+    if(Array.isArray(e.end)){
+    if(e.skip||e.excludeEnd||e.returnEnd)throw K("skip, excludeEnd, returnEnd not compatible with endScope: {}"),
+    Z
+    ;if("object"!=typeof e.endScope||null===e.endScope)throw K("endScope must be object"),
+    Z;G(e,e.end,{key:"endScope"}),e.end=f(e.end,{joinWith:""})}})(e)}function Q(e){
+    function n(n,t){
+    return RegExp(d(n),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(t?"g":""))
+    }class t{constructor(){
+    this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}
+    addRule(e,n){
+    n.position=this.position++,this.matchIndexes[this.matchAt]=n,this.regexes.push([n,e]),
+    this.matchAt+=_(e)+1}compile(){0===this.regexes.length&&(this.exec=()=>null)
+    ;const e=this.regexes.map((e=>e[1]));this.matcherRe=n(f(e,{joinWith:"|"
+    }),!0),this.lastIndex=0}exec(e){this.matcherRe.lastIndex=this.lastIndex
+    ;const n=this.matcherRe.exec(e);if(!n)return null
+    ;const t=n.findIndex(((e,n)=>n>0&&void 0!==e)),a=this.matchIndexes[t]
+    ;return n.splice(0,t),Object.assign(n,a)}}class a{constructor(){
+    this.rules=[],this.multiRegexes=[],
+    this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(e){
+    if(this.multiRegexes[e])return this.multiRegexes[e];const n=new t
+    ;return this.rules.slice(e).forEach((([e,t])=>n.addRule(e,t))),
+    n.compile(),this.multiRegexes[e]=n,n}resumingScanAtSamePosition(){
+    return 0!==this.regexIndex}considerAll(){this.regexIndex=0}addRule(e,n){
+    this.rules.push([e,n]),"begin"===n.type&&this.count++}exec(e){
+    const n=this.getMatcher(this.regexIndex);n.lastIndex=this.lastIndex
+    ;let t=n.exec(e)
+    ;if(this.resumingScanAtSamePosition())if(t&&t.index===this.lastIndex);else{
+    const n=this.getMatcher(0);n.lastIndex=this.lastIndex+1,t=n.exec(e)}
+    return t&&(this.regexIndex+=t.position+1,
+    this.regexIndex===this.count&&this.considerAll()),t}}
+    if(e.compilerExtensions||(e.compilerExtensions=[]),
+    e.contains&&e.contains.includes("self"))throw Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.")
+    ;return e.classNameAliases=i(e.classNameAliases||{}),function t(r,s){const o=r
+    ;if(r.isCompiled)return o
+    ;[D,B,W,z].forEach((e=>e(r,s))),e.compilerExtensions.forEach((e=>e(r,s))),
+    r.__beforeBegin=null,[I,L,$].forEach((e=>e(r,s))),r.isCompiled=!0;let l=null
+    ;return"object"==typeof r.keywords&&r.keywords.$pattern&&(r.keywords=Object.assign({},r.keywords),
+    l=r.keywords.$pattern,
+    delete r.keywords.$pattern),l=l||/\w+/,r.keywords&&(r.keywords=U(r.keywords,e.case_insensitive)),
+    o.keywordPatternRe=n(l,!0),
+    s&&(r.begin||(r.begin=/\B|\b/),o.beginRe=n(o.begin),r.end||r.endsWithParent||(r.end=/\B|\b/),
+    r.end&&(o.endRe=n(o.end)),
+    o.terminatorEnd=d(o.end)||"",r.endsWithParent&&s.terminatorEnd&&(o.terminatorEnd+=(r.end?"|":"")+s.terminatorEnd)),
+    r.illegal&&(o.illegalRe=n(r.illegal)),
+    r.contains||(r.contains=[]),r.contains=[].concat(...r.contains.map((e=>(e=>(e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map((n=>i(e,{
+    variants:null},n)))),e.cachedVariants?e.cachedVariants:X(e)?i(e,{
+    starts:e.starts?i(e.starts):null
+    }):Object.isFrozen(e)?i(e):e))("self"===e?r:e)))),r.contains.forEach((e=>{t(e,o)
+    })),r.starts&&t(r.starts,s),o.matcher=(e=>{const n=new a
+    ;return e.contains.forEach((e=>n.addRule(e.begin,{rule:e,type:"begin"
+    }))),e.terminatorEnd&&n.addRule(e.terminatorEnd,{type:"end"
+    }),e.illegal&&n.addRule(e.illegal,{type:"illegal"}),n})(o),o}(e)}function X(e){
+    return!!e&&(e.endsWithParent||X(e.starts))}class V extends Error{
+    constructor(e,n){super(e),this.name="HTMLInjectionError",this.html=n}}
+    const J=a,Y=i,ee=Symbol("nomatch");var ne=(n=>{
+    const a=Object.create(null),i=Object.create(null),r=[];let s=!0
+    ;const o="Could not find the language '{}', did you forget to load/include a language module?",l={
+    disableAutodetect:!0,name:"Plain text",contains:[]};let d={
+    ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,
+    languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",
+    cssSelector:"pre code",languages:null,__emitter:c};function _(e){
+    return d.noHighlightRe.test(e)}function h(e,n,t){let a="",i=""
+    ;"object"==typeof n?(a=e,
+    t=n.ignoreIllegals,i=n.language):(q("10.7.0","highlight(lang, code, ...args) has been deprecated."),
+    q("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277"),
+    i=e,a=n),void 0===t&&(t=!0);const r={code:a,language:i};x("before:highlight",r)
+    ;const s=r.result?r.result:f(r.language,r.code,t)
+    ;return s.code=r.code,x("after:highlight",s),s}function f(e,n,i,r){
+    const l=Object.create(null);function c(){if(!k.keywords)return void M.addText(S)
+    ;let e=0;k.keywordPatternRe.lastIndex=0;let n=k.keywordPatternRe.exec(S),t=""
+    ;for(;n;){t+=S.substring(e,n.index)
+    ;const i=w.case_insensitive?n[0].toLowerCase():n[0],r=(a=i,k.keywords[a]);if(r){
+    const[e,a]=r
+    ;if(M.addText(t),t="",l[i]=(l[i]||0)+1,l[i]<=7&&(A+=a),e.startsWith("_"))t+=n[0];else{
+    const t=w.classNameAliases[e]||e;M.addKeyword(n[0],t)}}else t+=n[0]
+    ;e=k.keywordPatternRe.lastIndex,n=k.keywordPatternRe.exec(S)}var a
+    ;t+=S.substring(e),M.addText(t)}function g(){null!=k.subLanguage?(()=>{
+    if(""===S)return;let e=null;if("string"==typeof k.subLanguage){
+    if(!a[k.subLanguage])return void M.addText(S)
+    ;e=f(k.subLanguage,S,!0,x[k.subLanguage]),x[k.subLanguage]=e._top
+    }else e=E(S,k.subLanguage.length?k.subLanguage:null)
+    ;k.relevance>0&&(A+=e.relevance),M.addSublanguage(e._emitter,e.language)
+    })():c(),S=""}function u(e,n){let t=1;const a=n.length-1;for(;t<=a;){
+    if(!e._emit[t]){t++;continue}const a=w.classNameAliases[e[t]]||e[t],i=n[t]
+    ;a?M.addKeyword(i,a):(S=i,c(),S=""),t++}}function b(e,n){
+    return e.scope&&"string"==typeof e.scope&&M.openNode(w.classNameAliases[e.scope]||e.scope),
+    e.beginScope&&(e.beginScope._wrap?(M.addKeyword(S,w.classNameAliases[e.beginScope._wrap]||e.beginScope._wrap),
+    S=""):e.beginScope._multi&&(u(e.beginScope,n),S="")),k=Object.create(e,{parent:{
+    value:k}}),k}function m(e,n,a){let i=((e,n)=>{const t=e&&e.exec(n)
+    ;return t&&0===t.index})(e.endRe,a);if(i){if(e["on:end"]){const a=new t(e)
+    ;e["on:end"](n,a),a.isMatchIgnored&&(i=!1)}if(i){
+    for(;e.endsParent&&e.parent;)e=e.parent;return e}}
+    if(e.endsWithParent)return m(e.parent,n,a)}function p(e){
+    return 0===k.matcher.regexIndex?(S+=e[0],1):(R=!0,0)}function _(e){
+    const t=e[0],a=n.substring(e.index),i=m(k,e,a);if(!i)return ee;const r=k
+    ;k.endScope&&k.endScope._wrap?(g(),
+    M.addKeyword(t,k.endScope._wrap)):k.endScope&&k.endScope._multi?(g(),
+    u(k.endScope,e)):r.skip?S+=t:(r.returnEnd||r.excludeEnd||(S+=t),
+    g(),r.excludeEnd&&(S=t));do{
+    k.scope&&M.closeNode(),k.skip||k.subLanguage||(A+=k.relevance),k=k.parent
+    }while(k!==i.parent);return i.starts&&b(i.starts,e),r.returnEnd?0:t.length}
+    let h={};function y(a,r){const o=r&&r[0];if(S+=a,null==o)return g(),0
+    ;if("begin"===h.type&&"end"===r.type&&h.index===r.index&&""===o){
+    if(S+=n.slice(r.index,r.index+1),!s){const n=Error(`0 width match regex (${e})`)
+    ;throw n.languageName=e,n.badRule=h.rule,n}return 1}
+    if(h=r,"begin"===r.type)return(e=>{
+    const n=e[0],a=e.rule,i=new t(a),r=[a.__beforeBegin,a["on:begin"]]
+    ;for(const t of r)if(t&&(t(e,i),i.isMatchIgnored))return p(n)
+    ;return a.skip?S+=n:(a.excludeBegin&&(S+=n),
+    g(),a.returnBegin||a.excludeBegin||(S=n)),b(a,e),a.returnBegin?0:n.length})(r)
+    ;if("illegal"===r.type&&!i){
+    const e=Error('Illegal lexeme "'+o+'" for mode "'+(k.scope||"<unnamed>")+'"')
+    ;throw e.mode=k,e}if("end"===r.type){const e=_(r);if(e!==ee)return e}
+    if("illegal"===r.type&&""===o)return 1
+    ;if(T>1e5&&T>3*r.index)throw Error("potential infinite loop, way more iterations than matches")
+    ;return S+=o,o.length}const w=v(e)
+    ;if(!w)throw K(o.replace("{}",e)),Error('Unknown language: "'+e+'"')
+    ;const N=Q(w);let O="",k=r||N;const x={},M=new d.__emitter(d);(()=>{const e=[]
+    ;for(let n=k;n!==w;n=n.parent)n.scope&&e.unshift(n.scope)
+    ;e.forEach((e=>M.openNode(e)))})();let S="",A=0,C=0,T=0,R=!1;try{
+    for(k.matcher.considerAll();;){
+    T++,R?R=!1:k.matcher.considerAll(),k.matcher.lastIndex=C
+    ;const e=k.matcher.exec(n);if(!e)break;const t=y(n.substring(C,e.index),e)
+    ;C=e.index+t}
+    return y(n.substring(C)),M.closeAllNodes(),M.finalize(),O=M.toHTML(),{
+    language:e,value:O,relevance:A,illegal:!1,_emitter:M,_top:k}}catch(t){
+    if(t.message&&t.message.includes("Illegal"))return{language:e,value:J(n),
+    illegal:!0,relevance:0,_illegalBy:{message:t.message,index:C,
+    context:n.slice(C-100,C+100),mode:t.mode,resultSoFar:O},_emitter:M};if(s)return{
+    language:e,value:J(n),illegal:!1,relevance:0,errorRaised:t,_emitter:M,_top:k}
+    ;throw t}}function E(e,n){n=n||d.languages||Object.keys(a);const t=(e=>{
+    const n={value:J(e),illegal:!1,relevance:0,_top:l,_emitter:new d.__emitter(d)}
+    ;return n._emitter.addText(e),n})(e),i=n.filter(v).filter(k).map((n=>f(n,e,!1)))
+    ;i.unshift(t);const r=i.sort(((e,n)=>{
+    if(e.relevance!==n.relevance)return n.relevance-e.relevance
+    ;if(e.language&&n.language){if(v(e.language).supersetOf===n.language)return 1
+    ;if(v(n.language).supersetOf===e.language)return-1}return 0})),[s,o]=r,c=s
+    ;return c.secondBest=o,c}function y(e){let n=null;const t=(e=>{
+    let n=e.className+" ";n+=e.parentNode?e.parentNode.className:""
+    ;const t=d.languageDetectRe.exec(n);if(t){const n=v(t[1])
+    ;return n||(H(o.replace("{}",t[1])),
+    H("Falling back to no-highlight mode for this block.",e)),n?t[1]:"no-highlight"}
+    return n.split(/\s+/).find((e=>_(e)||v(e)))})(e);if(_(t))return
+    ;if(x("before:highlightElement",{el:e,language:t
+    }),e.children.length>0&&(d.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),
+    console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),
+    console.warn("The element with unescaped HTML:"),
+    console.warn(e)),d.throwUnescapedHTML))throw new V("One of your code blocks includes unescaped HTML.",e.innerHTML)
+    ;n=e;const a=n.textContent,r=t?h(a,{language:t,ignoreIllegals:!0}):E(a)
+    ;e.innerHTML=r.value,((e,n,t)=>{const a=n&&i[n]||t
+    ;e.classList.add("hljs"),e.classList.add("language-"+a)
+    })(e,t,r.language),e.result={language:r.language,re:r.relevance,
+    relevance:r.relevance},r.secondBest&&(e.secondBest={
+    language:r.secondBest.language,relevance:r.secondBest.relevance
+    }),x("after:highlightElement",{el:e,result:r,text:a})}let w=!1;function N(){
+    "loading"!==document.readyState?document.querySelectorAll(d.cssSelector).forEach(y):w=!0
+    }function v(e){return e=(e||"").toLowerCase(),a[e]||a[i[e]]}
+    function O(e,{languageName:n}){"string"==typeof e&&(e=[e]),e.forEach((e=>{
+    i[e.toLowerCase()]=n}))}function k(e){const n=v(e)
+    ;return n&&!n.disableAutodetect}function x(e,n){const t=e;r.forEach((e=>{
+    e[t]&&e[t](n)}))}
+    "undefined"!=typeof window&&window.addEventListener&&window.addEventListener("DOMContentLoaded",(()=>{
+    w&&N()}),!1),Object.assign(n,{highlight:h,highlightAuto:E,highlightAll:N,
+    highlightElement:y,
+    highlightBlock:e=>(q("10.7.0","highlightBlock will be removed entirely in v12.0"),
+    q("10.7.0","Please use highlightElement now."),y(e)),configure:e=>{d=Y(d,e)},
+    initHighlighting:()=>{
+    N(),q("10.6.0","initHighlighting() deprecated.  Use highlightAll() now.")},
+    initHighlightingOnLoad:()=>{
+    N(),q("10.6.0","initHighlightingOnLoad() deprecated.  Use highlightAll() now.")
+    },registerLanguage:(e,t)=>{let i=null;try{i=t(n)}catch(n){
+    if(K("Language definition for '{}' could not be registered.".replace("{}",e)),
+    !s)throw n;K(n),i=l}
+    i.name||(i.name=e),a[e]=i,i.rawDefinition=t.bind(null,n),i.aliases&&O(i.aliases,{
+    languageName:e})},unregisterLanguage:e=>{delete a[e]
+    ;for(const n of Object.keys(i))i[n]===e&&delete i[n]},
+    listLanguages:()=>Object.keys(a),getLanguage:v,registerAliases:O,
+    autoDetection:k,inherit:Y,addPlugin:e=>{(e=>{
+    e["before:highlightBlock"]&&!e["before:highlightElement"]&&(e["before:highlightElement"]=n=>{
+    e["before:highlightBlock"](Object.assign({block:n.el},n))
+    }),e["after:highlightBlock"]&&!e["after:highlightElement"]&&(e["after:highlightElement"]=n=>{
+    e["after:highlightBlock"](Object.assign({block:n.el},n))})})(e),r.push(e)}
+    }),n.debugMode=()=>{s=!1},n.safeMode=()=>{s=!0
+    },n.versionString="11.6.0",n.regex={concat:m,lookahead:g,either:p,optional:b,
+    anyNumberOfTimes:u};for(const n in T)"object"==typeof T[n]&&e.exports(T[n])
+    ;return Object.assign(n,T),n})({});const te=e=>({IMPORTANT:{scope:"meta",
+    begin:"!important"},BLOCK_COMMENT:e.C_BLOCK_COMMENT_MODE,HEXCOLOR:{
+    scope:"number",begin:/#(([0-9a-fA-F]{3,4})|(([0-9a-fA-F]{2}){3,4}))\b/},
+    FUNCTION_DISPATCH:{className:"built_in",begin:/[\w-]+(?=\()/},
+    ATTRIBUTE_SELECTOR_MODE:{scope:"selector-attr",begin:/\[/,end:/\]/,illegal:"$",
+    contains:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},CSS_NUMBER_MODE:{
+    scope:"number",
+    begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",
+    relevance:0},CSS_VARIABLE:{className:"attr",begin:/--[A-Za-z][A-Za-z0-9_-]*/}
+    }),ae=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","main","mark","menu","nav","object","ol","p","q","quote","samp","section","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video"],ie=["any-hover","any-pointer","aspect-ratio","color","color-gamut","color-index","device-aspect-ratio","device-height","device-width","display-mode","forced-colors","grid","height","hover","inverted-colors","monochrome","orientation","overflow-block","overflow-inline","pointer","prefers-color-scheme","prefers-contrast","prefers-reduced-motion","prefers-reduced-transparency","resolution","scan","scripting","update","width","min-width","max-width","min-height","max-height"],re=["active","any-link","blank","checked","current","default","defined","dir","disabled","drop","empty","enabled","first","first-child","first-of-type","fullscreen","future","focus","focus-visible","focus-within","has","host","host-context","hover","indeterminate","in-range","invalid","is","lang","last-child","last-of-type","left","link","local-link","not","nth-child","nth-col","nth-last-child","nth-last-col","nth-last-of-type","nth-of-type","only-child","only-of-type","optional","out-of-range","past","placeholder-shown","read-only","read-write","required","right","root","scope","target","target-within","user-invalid","valid","visited","where"],se=["after","backdrop","before","cue","cue-region","first-letter","first-line","grammar-error","marker","part","placeholder","selection","slotted","spelling-error"],oe=["align-content","align-items","align-self","all","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","block-size","border","border-block","border-block-color","border-block-end","border-block-end-color","border-block-end-style","border-block-end-width","border-block-start","border-block-start-color","border-block-start-style","border-block-start-width","border-block-style","border-block-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-inline","border-inline-color","border-inline-end","border-inline-end-color","border-inline-end-style","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-style","border-inline-start-width","border-inline-style","border-inline-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","clip-path","clip-rule","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","contain","content","content-visibility","counter-increment","counter-reset","cue","cue-after","cue-before","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","flow","font","font-display","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-smoothing","font-stretch","font-style","font-synthesis","font-variant","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-variation-settings","font-weight","gap","glyph-orientation-vertical","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","inline-size","isolation","justify-content","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-block","margin-block-end","margin-block-start","margin-bottom","margin-inline","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","marks","mask","mask-border","mask-border-mode","mask-border-outset","mask-border-repeat","mask-border-slice","mask-border-source","mask-border-width","mask-clip","mask-composite","mask-image","mask-mode","mask-origin","mask-position","mask-repeat","mask-size","mask-type","max-block-size","max-height","max-inline-size","max-width","min-block-size","min-height","min-inline-size","min-width","mix-blend-mode","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-block","padding-block-end","padding-block-start","padding-bottom","padding-inline","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","page-break-after","page-break-before","page-break-inside","pause","pause-after","pause-before","perspective","perspective-origin","pointer-events","position","quotes","resize","rest","rest-after","rest-before","right","row-gap","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","scrollbar-color","scrollbar-gutter","scrollbar-width","shape-image-threshold","shape-margin","shape-outside","speak","speak-as","src","tab-size","table-layout","text-align","text-align-all","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","vertical-align","visibility","voice-balance","voice-duration","voice-family","voice-pitch","voice-range","voice-rate","voice-stress","voice-volume","white-space","widows","width","will-change","word-break","word-spacing","word-wrap","writing-mode","z-index"].reverse(),le=re.concat(se)
+    ;var ce="\\.([0-9](_*[0-9])*)",de="[0-9a-fA-F](_*[0-9a-fA-F])*",ge={
+    className:"number",variants:[{
+    begin:`(\\b([0-9](_*[0-9])*)((${ce})|\\.)?|(${ce}))[eE][+-]?([0-9](_*[0-9])*)[fFdD]?\\b`
+    },{begin:`\\b([0-9](_*[0-9])*)((${ce})[fFdD]?\\b|\\.([fFdD]\\b)?)`},{
+    begin:`(${ce})[fFdD]?\\b`},{begin:"\\b([0-9](_*[0-9])*)[fFdD]\\b"},{
+    begin:`\\b0[xX]((${de})\\.?|(${de})?\\.(${de}))[pP][+-]?([0-9](_*[0-9])*)[fFdD]?\\b`
+    },{begin:"\\b(0|[1-9](_*[0-9])*)[lL]?\\b"},{begin:`\\b0[xX](${de})[lL]?\\b`},{
+    begin:"\\b0(_*[0-7])*[lL]?\\b"},{begin:"\\b0[bB][01](_*[01])*[lL]?\\b"}],
+    relevance:0};function ue(e,n,t){return-1===t?"":e.replace(n,(a=>ue(e,n,t-1)))}
+    const be="[A-Za-z$_][0-9A-Za-z$_]*",me=["as","in","of","if","for","while","finally","var","new","function","do","return","void","else","break","catch","instanceof","with","throw","case","default","try","switch","continue","typeof","delete","let","yield","const","class","debugger","async","await","static","import","from","export","extends"],pe=["true","false","null","undefined","NaN","Infinity"],_e=["Object","Function","Boolean","Symbol","Math","Date","Number","BigInt","String","RegExp","Array","Float32Array","Float64Array","Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Int32Array","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array","Set","Map","WeakSet","WeakMap","ArrayBuffer","SharedArrayBuffer","Atomics","DataView","JSON","Promise","Generator","GeneratorFunction","AsyncFunction","Reflect","Proxy","Intl","WebAssembly"],he=["Error","EvalError","InternalError","RangeError","ReferenceError","SyntaxError","TypeError","URIError"],fe=["setInterval","setTimeout","clearInterval","clearTimeout","require","exports","eval","isFinite","isNaN","parseFloat","parseInt","decodeURI","decodeURIComponent","encodeURI","encodeURIComponent","escape","unescape"],Ee=["arguments","this","super","console","window","document","localStorage","module","global"],ye=[].concat(fe,_e,he)
+    ;function we(e){const n=e.regex,t=be,a={begin:/<[A-Za-z0-9\\._:-]+/,
+    end:/\/[A-Za-z0-9\\._:-]+>|\/>/,isTrulyOpeningTag:(e,n)=>{
+    const t=e[0].length+e.index,a=e.input[t]
+    ;if("<"===a||","===a)return void n.ignoreMatch();let i
+    ;">"===a&&(((e,{after:n})=>{const t="</"+e[0].slice(1)
+    ;return-1!==e.input.indexOf(t,n)})(e,{after:t
+    })||n.ignoreMatch()),(i=e.input.substring(t).match(/^\s+extends\s+/))&&0===i.index&&n.ignoreMatch()
+    }},i={$pattern:be,keyword:me,literal:pe,built_in:ye,"variable.language":Ee
+    },r="\\.([0-9](_?[0-9])*)",s="0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*",o={
+    className:"number",variants:[{
+    begin:`(\\b(${s})((${r})|\\.)?|(${r}))[eE][+-]?([0-9](_?[0-9])*)\\b`},{
+    begin:`\\b(${s})\\b((${r})\\b|\\.)?|(${r})\\b`},{
+    begin:"\\b(0|[1-9](_?[0-9])*)n\\b"},{
+    begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*n?\\b"},{
+    begin:"\\b0[bB][0-1](_?[0-1])*n?\\b"},{begin:"\\b0[oO][0-7](_?[0-7])*n?\\b"},{
+    begin:"\\b0[0-7]+n?\\b"}],relevance:0},l={className:"subst",begin:"\\$\\{",
+    end:"\\}",keywords:i,contains:[]},c={begin:"html`",end:"",starts:{end:"`",
+    returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,l],subLanguage:"xml"}},d={
+    begin:"css`",end:"",starts:{end:"`",returnEnd:!1,
+    contains:[e.BACKSLASH_ESCAPE,l],subLanguage:"css"}},g={className:"string",
+    begin:"`",end:"`",contains:[e.BACKSLASH_ESCAPE,l]},u={className:"comment",
+    variants:[e.COMMENT(/\/\*\*(?!\/)/,"\\*/",{relevance:0,contains:[{
+    begin:"(?=@[A-Za-z]+)",relevance:0,contains:[{className:"doctag",
+    begin:"@[A-Za-z]+"},{className:"type",begin:"\\{",end:"\\}",excludeEnd:!0,
+    excludeBegin:!0,relevance:0},{className:"variable",begin:t+"(?=\\s*(-)|$)",
+    endsParent:!0,relevance:0},{begin:/(?=[^\n])\s/,relevance:0}]}]
+    }),e.C_BLOCK_COMMENT_MODE,e.C_LINE_COMMENT_MODE]
+    },b=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,c,d,g,o];l.contains=b.concat({
+    begin:/\{/,end:/\}/,keywords:i,contains:["self"].concat(b)})
+    ;const m=[].concat(u,l.contains),p=m.concat([{begin:/\(/,end:/\)/,keywords:i,
+    contains:["self"].concat(m)}]),_={className:"params",begin:/\(/,end:/\)/,
+    excludeBegin:!0,excludeEnd:!0,keywords:i,contains:p},h={variants:[{
+    match:[/class/,/\s+/,t,/\s+/,/extends/,/\s+/,n.concat(t,"(",n.concat(/\./,t),")*")],
+    scope:{1:"keyword",3:"title.class",5:"keyword",7:"title.class.inherited"}},{
+    match:[/class/,/\s+/,t],scope:{1:"keyword",3:"title.class"}}]},f={relevance:0,
+    match:n.either(/\bJSON/,/\b[A-Z][a-z]+([A-Z][a-z]*|\d)*/,/\b[A-Z]{2,}([A-Z][a-z]+|\d)+([A-Z][a-z]*)*/,/\b[A-Z]{2,}[a-z]+([A-Z][a-z]+|\d)*([A-Z][a-z]*)*/),
+    className:"title.class",keywords:{_:[..._e,...he]}},E={variants:[{
+    match:[/function/,/\s+/,t,/(?=\s*\()/]},{match:[/function/,/\s*(?=\()/]}],
+    className:{1:"keyword",3:"title.function"},label:"func.def",contains:[_],
+    illegal:/%/},y={
+    match:n.concat(/\b/,(w=[...fe,"super"],n.concat("(?!",w.join("|"),")")),t,n.lookahead(/\(/)),
+    className:"title.function",relevance:0};var w;const N={
+    begin:n.concat(/\./,n.lookahead(n.concat(t,/(?![0-9A-Za-z$_(])/))),end:t,
+    excludeBegin:!0,keywords:"prototype",className:"property",relevance:0},v={
+    match:[/get|set/,/\s+/,t,/(?=\()/],className:{1:"keyword",3:"title.function"},
+    contains:[{begin:/\(\)/},_]
+    },O="(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|"+e.UNDERSCORE_IDENT_RE+")\\s*=>",k={
+    match:[/const|var|let/,/\s+/,t,/\s*/,/=\s*/,/(async\s*)?/,n.lookahead(O)],
+    keywords:"async",className:{1:"keyword",3:"title.function"},contains:[_]}
+    ;return{name:"Javascript",aliases:["js","jsx","mjs","cjs"],keywords:i,exports:{
+    PARAMS_CONTAINS:p,CLASS_REFERENCE:f},illegal:/#(?![$_A-z])/,
+    contains:[e.SHEBANG({label:"shebang",binary:"node",relevance:5}),{
+    label:"use_strict",className:"meta",relevance:10,
+    begin:/^\s*['"]use (strict|asm)['"]/
+    },e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,c,d,g,u,o,f,{className:"attr",
+    begin:t+n.lookahead(":"),relevance:0},k,{
+    begin:"("+e.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",
+    keywords:"return throw case",relevance:0,contains:[u,e.REGEXP_MODE,{
+    className:"function",begin:O,returnBegin:!0,end:"\\s*=>",contains:[{
+    className:"params",variants:[{begin:e.UNDERSCORE_IDENT_RE,relevance:0},{
+    className:null,begin:/\(\s*\)/,skip:!0},{begin:/\(/,end:/\)/,excludeBegin:!0,
+    excludeEnd:!0,keywords:i,contains:p}]}]},{begin:/,/,relevance:0},{match:/\s+/,
+    relevance:0},{variants:[{begin:"<>",end:"</>"},{
+    match:/<[A-Za-z0-9\\._:-]+\s*\/>/},{begin:a.begin,
+    "on:begin":a.isTrulyOpeningTag,end:a.end}],subLanguage:"xml",contains:[{
+    begin:a.begin,end:a.end,skip:!0,contains:["self"]}]}]},E,{
+    beginKeywords:"while if switch catch for"},{
+    begin:"\\b(?!function)"+e.UNDERSCORE_IDENT_RE+"\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)\\s*\\{",
+    returnBegin:!0,label:"func.def",contains:[_,e.inherit(e.TITLE_MODE,{begin:t,
+    className:"title.function"})]},{match:/\.\.\./,relevance:0},N,{match:"\\$"+t,
+    relevance:0},{match:[/\bconstructor(?=\s*\()/],className:{1:"title.function"},
+    contains:[_]},y,{relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,
+    className:"variable.constant"},h,v,{match:/\$[(.]/}]}}
+    const Ne=e=>m(/\b/,e,/\w$/.test(e)?/\b/:/\B/),ve=["Protocol","Type"].map(Ne),Oe=["init","self"].map(Ne),ke=["Any","Self"],xe=["actor","any","associatedtype","async","await",/as\?/,/as!/,"as","break","case","catch","class","continue","convenience","default","defer","deinit","didSet","distributed","do","dynamic","else","enum","extension","fallthrough",/fileprivate\(set\)/,"fileprivate","final","for","func","get","guard","if","import","indirect","infix",/init\?/,/init!/,"inout",/internal\(set\)/,"internal","in","is","isolated","nonisolated","lazy","let","mutating","nonmutating",/open\(set\)/,"open","operator","optional","override","postfix","precedencegroup","prefix",/private\(set\)/,"private","protocol",/public\(set\)/,"public","repeat","required","rethrows","return","set","some","static","struct","subscript","super","switch","throws","throw",/try\?/,/try!/,"try","typealias",/unowned\(safe\)/,/unowned\(unsafe\)/,"unowned","var","weak","where","while","willSet"],Me=["false","nil","true"],Se=["assignment","associativity","higherThan","left","lowerThan","none","right"],Ae=["#colorLiteral","#column","#dsohandle","#else","#elseif","#endif","#error","#file","#fileID","#fileLiteral","#filePath","#function","#if","#imageLiteral","#keyPath","#line","#selector","#sourceLocation","#warn_unqualified_access","#warning"],Ce=["abs","all","any","assert","assertionFailure","debugPrint","dump","fatalError","getVaList","isKnownUniquelyReferenced","max","min","numericCast","pointwiseMax","pointwiseMin","precondition","preconditionFailure","print","readLine","repeatElement","sequence","stride","swap","swift_unboxFromSwiftValueWithType","transcode","type","unsafeBitCast","unsafeDowncast","withExtendedLifetime","withUnsafeMutablePointer","withUnsafePointer","withVaList","withoutActuallyEscaping","zip"],Te=p(/[/=\-+!*%<>&|^~?]/,/[\u00A1-\u00A7]/,/[\u00A9\u00AB]/,/[\u00AC\u00AE]/,/[\u00B0\u00B1]/,/[\u00B6\u00BB\u00BF\u00D7\u00F7]/,/[\u2016-\u2017]/,/[\u2020-\u2027]/,/[\u2030-\u203E]/,/[\u2041-\u2053]/,/[\u2055-\u205E]/,/[\u2190-\u23FF]/,/[\u2500-\u2775]/,/[\u2794-\u2BFF]/,/[\u2E00-\u2E7F]/,/[\u3001-\u3003]/,/[\u3008-\u3020]/,/[\u3030]/),Re=p(Te,/[\u0300-\u036F]/,/[\u1DC0-\u1DFF]/,/[\u20D0-\u20FF]/,/[\uFE00-\uFE0F]/,/[\uFE20-\uFE2F]/),De=m(Te,Re,"*"),Ie=p(/[a-zA-Z_]/,/[\u00A8\u00AA\u00AD\u00AF\u00B2-\u00B5\u00B7-\u00BA]/,/[\u00BC-\u00BE\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u00FF]/,/[\u0100-\u02FF\u0370-\u167F\u1681-\u180D\u180F-\u1DBF]/,/[\u1E00-\u1FFF]/,/[\u200B-\u200D\u202A-\u202E\u203F-\u2040\u2054\u2060-\u206F]/,/[\u2070-\u20CF\u2100-\u218F\u2460-\u24FF\u2776-\u2793]/,/[\u2C00-\u2DFF\u2E80-\u2FFF]/,/[\u3004-\u3007\u3021-\u302F\u3031-\u303F\u3040-\uD7FF]/,/[\uF900-\uFD3D\uFD40-\uFDCF\uFDF0-\uFE1F\uFE30-\uFE44]/,/[\uFE47-\uFEFE\uFF00-\uFFFD]/),Le=p(Ie,/\d/,/[\u0300-\u036F\u1DC0-\u1DFF\u20D0-\u20FF\uFE20-\uFE2F]/),Be=m(Ie,Le,"*"),$e=m(/[A-Z]/,Le,"*"),ze=["autoclosure",m(/convention\(/,p("swift","block","c"),/\)/),"discardableResult","dynamicCallable","dynamicMemberLookup","escaping","frozen","GKInspectable","IBAction","IBDesignable","IBInspectable","IBOutlet","IBSegueAction","inlinable","main","nonobjc","NSApplicationMain","NSCopying","NSManaged",m(/objc\(/,Be,/\)/),"objc","objcMembers","propertyWrapper","requires_stored_property_inits","resultBuilder","testable","UIApplicationMain","unknown","usableFromInline"],Fe=["iOS","iOSApplicationExtension","macOS","macOSApplicationExtension","macCatalyst","macCatalystApplicationExtension","watchOS","watchOSApplicationExtension","tvOS","tvOSApplicationExtension","swift"]
+    ;var Ue=Object.freeze({__proto__:null,grmr_bash:e=>{const n=e.regex,t={},a={
+    begin:/\$\{/,end:/\}/,contains:["self",{begin:/:-/,contains:[t]}]}
+    ;Object.assign(t,{className:"variable",variants:[{
+    begin:n.concat(/\$[\w\d#@][\w\d_]*/,"(?![\\w\\d])(?![$])")},a]});const i={
+    className:"subst",begin:/\$\(/,end:/\)/,contains:[e.BACKSLASH_ESCAPE]},r={
+    begin:/<<-?\s*(?=\w+)/,starts:{contains:[e.END_SAME_AS_BEGIN({begin:/(\w+)/,
+    end:/(\w+)/,className:"string"})]}},s={className:"string",begin:/"/,end:/"/,
+    contains:[e.BACKSLASH_ESCAPE,t,i]};i.contains.push(s);const o={begin:/\$\(\(/,
+    end:/\)\)/,contains:[{begin:/\d+#[0-9a-f]+/,className:"number"},e.NUMBER_MODE,t]
+    },l=e.SHEBANG({binary:"(fish|bash|zsh|sh|csh|ksh|tcsh|dash|scsh)",relevance:10
+    }),c={className:"function",begin:/\w[\w\d_]*\s*\(\s*\)\s*\{/,returnBegin:!0,
+    contains:[e.inherit(e.TITLE_MODE,{begin:/\w[\w\d_]*/})],relevance:0};return{
+    name:"Bash",aliases:["sh"],keywords:{$pattern:/\b[a-z][a-z0-9._-]+\b/,
+    keyword:["if","then","else","elif","fi","for","while","in","do","done","case","esac","function"],
+    literal:["true","false"],
+    built_in:["break","cd","continue","eval","exec","exit","export","getopts","hash","pwd","readonly","return","shift","test","times","trap","umask","unset","alias","bind","builtin","caller","command","declare","echo","enable","help","let","local","logout","mapfile","printf","read","readarray","source","type","typeset","ulimit","unalias","set","shopt","autoload","bg","bindkey","bye","cap","chdir","clone","comparguments","compcall","compctl","compdescribe","compfiles","compgroups","compquote","comptags","comptry","compvalues","dirs","disable","disown","echotc","echoti","emulate","fc","fg","float","functions","getcap","getln","history","integer","jobs","kill","limit","log","noglob","popd","print","pushd","pushln","rehash","sched","setcap","setopt","stat","suspend","ttyctl","unfunction","unhash","unlimit","unsetopt","vared","wait","whence","where","which","zcompile","zformat","zftp","zle","zmodload","zparseopts","zprof","zpty","zregexparse","zsocket","zstyle","ztcp","chcon","chgrp","chown","chmod","cp","dd","df","dir","dircolors","ln","ls","mkdir","mkfifo","mknod","mktemp","mv","realpath","rm","rmdir","shred","sync","touch","truncate","vdir","b2sum","base32","base64","cat","cksum","comm","csplit","cut","expand","fmt","fold","head","join","md5sum","nl","numfmt","od","paste","ptx","pr","sha1sum","sha224sum","sha256sum","sha384sum","sha512sum","shuf","sort","split","sum","tac","tail","tr","tsort","unexpand","uniq","wc","arch","basename","chroot","date","dirname","du","echo","env","expr","factor","groups","hostid","id","link","logname","nice","nohup","nproc","pathchk","pinky","printenv","printf","pwd","readlink","runcon","seq","sleep","stat","stdbuf","stty","tee","test","timeout","tty","uname","unlink","uptime","users","who","whoami","yes"]
+    },contains:[l,e.SHEBANG(),c,o,e.HASH_COMMENT_MODE,r,{match:/(\/[a-z._-]+)+/},s,{
+    className:"",begin:/\\"/},{className:"string",begin:/'/,end:/'/},t]}},
+    grmr_c:e=>{const n=e.regex,t=e.COMMENT("//","$",{contains:[{begin:/\\\n/}]
+    }),a="[a-zA-Z_]\\w*::",i="(decltype\\(auto\\)|"+n.optional(a)+"[a-zA-Z_]\\w*"+n.optional("<[^<>]+>")+")",r={
+    className:"type",variants:[{begin:"\\b[a-z\\d_]*_t\\b"},{
+    match:/\batomic_[a-z]{3,6}\b/}]},s={className:"string",variants:[{
+    begin:'(u8?|U|L)?"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},{
+    begin:"(u8?|U|L)?'(\\\\(x[0-9A-Fa-f]{2}|u[0-9A-Fa-f]{4,8}|[0-7]{3}|\\S)|.)",
+    end:"'",illegal:"."},e.END_SAME_AS_BEGIN({
+    begin:/(?:u8?|U|L)?R"([^()\\ ]{0,16})\(/,end:/\)([^()\\ ]{0,16})"/})]},o={
+    className:"number",variants:[{begin:"\\b(0b[01']+)"},{
+    begin:"(-?)\\b([\\d']+(\\.[\\d']*)?|\\.[\\d']+)((ll|LL|l|L)(u|U)?|(u|U)(ll|LL|l|L)?|f|F|b|B)"
+    },{
+    begin:"(-?)(\\b0[xX][a-fA-F0-9']+|(\\b[\\d']+(\\.[\\d']*)?|\\.[\\d']+)([eE][-+]?[\\d']+)?)"
+    }],relevance:0},l={className:"meta",begin:/#\s*[a-z]+\b/,end:/$/,keywords:{
+    keyword:"if else elif endif define undef warning error line pragma _Pragma ifdef ifndef include"
+    },contains:[{begin:/\\\n/,relevance:0},e.inherit(s,{className:"string"}),{
+    className:"string",begin:/<.*?>/},t,e.C_BLOCK_COMMENT_MODE]},c={
+    className:"title",begin:n.optional(a)+e.IDENT_RE,relevance:0
+    },d=n.optional(a)+e.IDENT_RE+"\\s*\\(",g={
+    keyword:["asm","auto","break","case","continue","default","do","else","enum","extern","for","fortran","goto","if","inline","register","restrict","return","sizeof","struct","switch","typedef","union","volatile","while","_Alignas","_Alignof","_Atomic","_Generic","_Noreturn","_Static_assert","_Thread_local","alignas","alignof","noreturn","static_assert","thread_local","_Pragma"],
+    type:["float","double","signed","unsigned","int","short","long","char","void","_Bool","_Complex","_Imaginary","_Decimal32","_Decimal64","_Decimal128","const","static","complex","bool","imaginary"],
+    literal:"true false NULL",
+    built_in:"std string wstring cin cout cerr clog stdin stdout stderr stringstream istringstream ostringstream auto_ptr deque list queue stack vector map set pair bitset multiset multimap unordered_set unordered_map unordered_multiset unordered_multimap priority_queue make_pair array shared_ptr abort terminate abs acos asin atan2 atan calloc ceil cosh cos exit exp fabs floor fmod fprintf fputs free frexp fscanf future isalnum isalpha iscntrl isdigit isgraph islower isprint ispunct isspace isupper isxdigit tolower toupper labs ldexp log10 log malloc realloc memchr memcmp memcpy memset modf pow printf putchar puts scanf sinh sin snprintf sprintf sqrt sscanf strcat strchr strcmp strcpy strcspn strlen strncat strncmp strncpy strpbrk strrchr strspn strstr tanh tan vfprintf vprintf vsprintf endl initializer_list unique_ptr"
+    },u=[l,r,t,e.C_BLOCK_COMMENT_MODE,o,s],b={variants:[{begin:/=/,end:/;/},{
+    begin:/\(/,end:/\)/},{beginKeywords:"new throw return else",end:/;/}],
+    keywords:g,contains:u.concat([{begin:/\(/,end:/\)/,keywords:g,
+    contains:u.concat(["self"]),relevance:0}]),relevance:0},m={
+    begin:"("+i+"[\\*&\\s]+)+"+d,returnBegin:!0,end:/[{;=]/,excludeEnd:!0,
+    keywords:g,illegal:/[^\w\s\*&:<>.]/,contains:[{begin:"decltype\\(auto\\)",
+    keywords:g,relevance:0},{begin:d,returnBegin:!0,contains:[e.inherit(c,{
+    className:"title.function"})],relevance:0},{relevance:0,match:/,/},{
+    className:"params",begin:/\(/,end:/\)/,keywords:g,relevance:0,
+    contains:[t,e.C_BLOCK_COMMENT_MODE,s,o,r,{begin:/\(/,end:/\)/,keywords:g,
+    relevance:0,contains:["self",t,e.C_BLOCK_COMMENT_MODE,s,o,r]}]
+    },r,t,e.C_BLOCK_COMMENT_MODE,l]};return{name:"C",aliases:["h"],keywords:g,
+    disableAutodetect:!0,illegal:"</",contains:[].concat(b,m,u,[l,{
+    begin:e.IDENT_RE+"::",keywords:g},{className:"class",
+    beginKeywords:"enum class struct union",end:/[{;:<>=]/,contains:[{
+    beginKeywords:"final class struct"},e.TITLE_MODE]}]),exports:{preprocessor:l,
+    strings:s,keywords:g}}},grmr_cpp:e=>{const n=e.regex,t=e.COMMENT("//","$",{
+    contains:[{begin:/\\\n/}]
+    }),a="[a-zA-Z_]\\w*::",i="(?!struct)(decltype\\(auto\\)|"+n.optional(a)+"[a-zA-Z_]\\w*"+n.optional("<[^<>]+>")+")",r={
+    className:"type",begin:"\\b[a-z\\d_]*_t\\b"},s={className:"string",variants:[{
+    begin:'(u8?|U|L)?"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},{
+    begin:"(u8?|U|L)?'(\\\\(x[0-9A-Fa-f]{2}|u[0-9A-Fa-f]{4,8}|[0-7]{3}|\\S)|.)",
+    end:"'",illegal:"."},e.END_SAME_AS_BEGIN({
+    begin:/(?:u8?|U|L)?R"([^()\\ ]{0,16})\(/,end:/\)([^()\\ ]{0,16})"/})]},o={
+    className:"number",variants:[{begin:"\\b(0b[01']+)"},{
+    begin:"(-?)\\b([\\d']+(\\.[\\d']*)?|\\.[\\d']+)((ll|LL|l|L)(u|U)?|(u|U)(ll|LL|l|L)?|f|F|b|B)"
+    },{
+    begin:"(-?)(\\b0[xX][a-fA-F0-9']+|(\\b[\\d']+(\\.[\\d']*)?|\\.[\\d']+)([eE][-+]?[\\d']+)?)"
+    }],relevance:0},l={className:"meta",begin:/#\s*[a-z]+\b/,end:/$/,keywords:{
+    keyword:"if else elif endif define undef warning error line pragma _Pragma ifdef ifndef include"
+    },contains:[{begin:/\\\n/,relevance:0},e.inherit(s,{className:"string"}),{
+    className:"string",begin:/<.*?>/},t,e.C_BLOCK_COMMENT_MODE]},c={
+    className:"title",begin:n.optional(a)+e.IDENT_RE,relevance:0
+    },d=n.optional(a)+e.IDENT_RE+"\\s*\\(",g={
+    type:["bool","char","char16_t","char32_t","char8_t","double","float","int","long","short","void","wchar_t","unsigned","signed","const","static"],
+    keyword:["alignas","alignof","and","and_eq","asm","atomic_cancel","atomic_commit","atomic_noexcept","auto","bitand","bitor","break","case","catch","class","co_await","co_return","co_yield","compl","concept","const_cast|10","consteval","constexpr","constinit","continue","decltype","default","delete","do","dynamic_cast|10","else","enum","explicit","export","extern","false","final","for","friend","goto","if","import","inline","module","mutable","namespace","new","noexcept","not","not_eq","nullptr","operator","or","or_eq","override","private","protected","public","reflexpr","register","reinterpret_cast|10","requires","return","sizeof","static_assert","static_cast|10","struct","switch","synchronized","template","this","thread_local","throw","transaction_safe","transaction_safe_dynamic","true","try","typedef","typeid","typename","union","using","virtual","volatile","while","xor","xor_eq"],
+    literal:["NULL","false","nullopt","nullptr","true"],built_in:["_Pragma"],
+    _type_hints:["any","auto_ptr","barrier","binary_semaphore","bitset","complex","condition_variable","condition_variable_any","counting_semaphore","deque","false_type","future","imaginary","initializer_list","istringstream","jthread","latch","lock_guard","multimap","multiset","mutex","optional","ostringstream","packaged_task","pair","promise","priority_queue","queue","recursive_mutex","recursive_timed_mutex","scoped_lock","set","shared_future","shared_lock","shared_mutex","shared_timed_mutex","shared_ptr","stack","string_view","stringstream","timed_mutex","thread","true_type","tuple","unique_lock","unique_ptr","unordered_map","unordered_multimap","unordered_multiset","unordered_set","variant","vector","weak_ptr","wstring","wstring_view"]
+    },u={className:"function.dispatch",relevance:0,keywords:{
+    _hint:["abort","abs","acos","apply","as_const","asin","atan","atan2","calloc","ceil","cerr","cin","clog","cos","cosh","cout","declval","endl","exchange","exit","exp","fabs","floor","fmod","forward","fprintf","fputs","free","frexp","fscanf","future","invoke","isalnum","isalpha","iscntrl","isdigit","isgraph","islower","isprint","ispunct","isspace","isupper","isxdigit","labs","launder","ldexp","log","log10","make_pair","make_shared","make_shared_for_overwrite","make_tuple","make_unique","malloc","memchr","memcmp","memcpy","memset","modf","move","pow","printf","putchar","puts","realloc","scanf","sin","sinh","snprintf","sprintf","sqrt","sscanf","std","stderr","stdin","stdout","strcat","strchr","strcmp","strcpy","strcspn","strlen","strncat","strncmp","strncpy","strpbrk","strrchr","strspn","strstr","swap","tan","tanh","terminate","to_underlying","tolower","toupper","vfprintf","visit","vprintf","vsprintf"]
+    },
+    begin:n.concat(/\b/,/(?!decltype)/,/(?!if)/,/(?!for)/,/(?!switch)/,/(?!while)/,e.IDENT_RE,n.lookahead(/(<[^<>]+>|)\s*\(/))
+    },b=[u,l,r,t,e.C_BLOCK_COMMENT_MODE,o,s],m={variants:[{begin:/=/,end:/;/},{
+    begin:/\(/,end:/\)/},{beginKeywords:"new throw return else",end:/;/}],
+    keywords:g,contains:b.concat([{begin:/\(/,end:/\)/,keywords:g,
+    contains:b.concat(["self"]),relevance:0}]),relevance:0},p={className:"function",
+    begin:"("+i+"[\\*&\\s]+)+"+d,returnBegin:!0,end:/[{;=]/,excludeEnd:!0,
+    keywords:g,illegal:/[^\w\s\*&:<>.]/,contains:[{begin:"decltype\\(auto\\)",
+    keywords:g,relevance:0},{begin:d,returnBegin:!0,contains:[c],relevance:0},{
+    begin:/::/,relevance:0},{begin:/:/,endsWithParent:!0,contains:[s,o]},{
+    relevance:0,match:/,/},{className:"params",begin:/\(/,end:/\)/,keywords:g,
+    relevance:0,contains:[t,e.C_BLOCK_COMMENT_MODE,s,o,r,{begin:/\(/,end:/\)/,
+    keywords:g,relevance:0,contains:["self",t,e.C_BLOCK_COMMENT_MODE,s,o,r]}]
+    },r,t,e.C_BLOCK_COMMENT_MODE,l]};return{name:"C++",
+    aliases:["cc","c++","h++","hpp","hh","hxx","cxx"],keywords:g,illegal:"</",
+    classNameAliases:{"function.dispatch":"built_in"},
+    contains:[].concat(m,p,u,b,[l,{
+    begin:"\\b(deque|list|queue|priority_queue|pair|stack|vector|map|set|bitset|multiset|multimap|unordered_map|unordered_set|unordered_multiset|unordered_multimap|array|tuple|optional|variant|function)\\s*<(?!<)",
+    end:">",keywords:g,contains:["self",r]},{begin:e.IDENT_RE+"::",keywords:g},{
+    match:[/\b(?:enum(?:\s+(?:class|struct))?|class|struct|union)/,/\s+/,/\w+/],
+    className:{1:"keyword",3:"title.class"}}])}},grmr_csharp:e=>{const n={
+    keyword:["abstract","as","base","break","case","catch","class","const","continue","do","else","event","explicit","extern","finally","fixed","for","foreach","goto","if","implicit","in","interface","internal","is","lock","namespace","new","operator","out","override","params","private","protected","public","readonly","record","ref","return","scoped","sealed","sizeof","stackalloc","static","struct","switch","this","throw","try","typeof","unchecked","unsafe","using","virtual","void","volatile","while"].concat(["add","alias","and","ascending","async","await","by","descending","equals","from","get","global","group","init","into","join","let","nameof","not","notnull","on","or","orderby","partial","remove","select","set","unmanaged","value|0","var","when","where","with","yield"]),
+    built_in:["bool","byte","char","decimal","delegate","double","dynamic","enum","float","int","long","nint","nuint","object","sbyte","short","string","ulong","uint","ushort"],
+    literal:["default","false","null","true"]},t=e.inherit(e.TITLE_MODE,{
+    begin:"[a-zA-Z](\\.?\\w)*"}),a={className:"number",variants:[{
+    begin:"\\b(0b[01']+)"},{
+    begin:"(-?)\\b([\\d']+(\\.[\\d']*)?|\\.[\\d']+)(u|U|l|L|ul|UL|f|F|b|B)"},{
+    begin:"(-?)(\\b0[xX][a-fA-F0-9']+|(\\b[\\d']+(\\.[\\d']*)?|\\.[\\d']+)([eE][-+]?[\\d']+)?)"
+    }],relevance:0},i={className:"string",begin:'@"',end:'"',contains:[{begin:'""'}]
+    },r=e.inherit(i,{illegal:/\n/}),s={className:"subst",begin:/\{/,end:/\}/,
+    keywords:n},o=e.inherit(s,{illegal:/\n/}),l={className:"string",begin:/\$"/,
+    end:'"',illegal:/\n/,contains:[{begin:/\{\{/},{begin:/\}\}/
+    },e.BACKSLASH_ESCAPE,o]},c={className:"string",begin:/\$@"/,end:'"',contains:[{
+    begin:/\{\{/},{begin:/\}\}/},{begin:'""'},s]},d=e.inherit(c,{illegal:/\n/,
+    contains:[{begin:/\{\{/},{begin:/\}\}/},{begin:'""'},o]})
+    ;s.contains=[c,l,i,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,a,e.C_BLOCK_COMMENT_MODE],
+    o.contains=[d,l,r,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,a,e.inherit(e.C_BLOCK_COMMENT_MODE,{
+    illegal:/\n/})];const g={variants:[c,l,i,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]
+    },u={begin:"<",end:">",contains:[{beginKeywords:"in out"},t]
+    },b=e.IDENT_RE+"(<"+e.IDENT_RE+"(\\s*,\\s*"+e.IDENT_RE+")*>)?(\\[\\])?",m={
+    begin:"@"+e.IDENT_RE,relevance:0};return{name:"C#",aliases:["cs","c#"],
+    keywords:n,illegal:/::/,contains:[e.COMMENT("///","$",{returnBegin:!0,
+    contains:[{className:"doctag",variants:[{begin:"///",relevance:0},{
+    begin:"\x3c!--|--\x3e"},{begin:"</?",end:">"}]}]
+    }),e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"meta",begin:"#",
+    end:"$",keywords:{
+    keyword:"if else elif endif define undef warning error line region endregion pragma checksum"
+    }},g,a,{beginKeywords:"class interface",relevance:0,end:/[{;=]/,
+    illegal:/[^\s:,]/,contains:[{beginKeywords:"where class"
+    },t,u,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{beginKeywords:"namespace",
+    relevance:0,end:/[{;=]/,illegal:/[^\s:]/,
+    contains:[t,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{
+    beginKeywords:"record",relevance:0,end:/[{;=]/,illegal:/[^\s:]/,
+    contains:[t,u,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{className:"meta",
+    begin:"^\\s*\\[(?=[\\w])",excludeBegin:!0,end:"\\]",excludeEnd:!0,contains:[{
+    className:"string",begin:/"/,end:/"/}]},{
+    beginKeywords:"new return throw await else",relevance:0},{className:"function",
+    begin:"("+b+"\\s+)+"+e.IDENT_RE+"\\s*(<[^=]+>\\s*)?\\(",returnBegin:!0,
+    end:/\s*[{;=]/,excludeEnd:!0,keywords:n,contains:[{
+    beginKeywords:"public private protected static internal protected abstract async extern override unsafe virtual new sealed partial",
+    relevance:0},{begin:e.IDENT_RE+"\\s*(<[^=]+>\\s*)?\\(",returnBegin:!0,
+    contains:[e.TITLE_MODE,u],relevance:0},{match:/\(\)/},{className:"params",
+    begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:n,relevance:0,
+    contains:[g,a,e.C_BLOCK_COMMENT_MODE]
+    },e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},m]}},grmr_css:e=>{
+    const n=e.regex,t=te(e),a=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE];return{
+    name:"CSS",case_insensitive:!0,illegal:/[=|'\$]/,keywords:{
+    keyframePosition:"from to"},classNameAliases:{keyframePosition:"selector-tag"},
+    contains:[t.BLOCK_COMMENT,{begin:/-(webkit|moz|ms|o)-(?=[a-z])/
+    },t.CSS_NUMBER_MODE,{className:"selector-id",begin:/#[A-Za-z0-9_-]+/,relevance:0
+    },{className:"selector-class",begin:"\\.[a-zA-Z-][a-zA-Z0-9_-]*",relevance:0
+    },t.ATTRIBUTE_SELECTOR_MODE,{className:"selector-pseudo",variants:[{
+    begin:":("+re.join("|")+")"},{begin:":(:)?("+se.join("|")+")"}]
+    },t.CSS_VARIABLE,{className:"attribute",begin:"\\b("+oe.join("|")+")\\b"},{
+    begin:/:/,end:/[;}{]/,
+    contains:[t.BLOCK_COMMENT,t.HEXCOLOR,t.IMPORTANT,t.CSS_NUMBER_MODE,...a,{
+    begin:/(url|data-uri)\(/,end:/\)/,relevance:0,keywords:{built_in:"url data-uri"
+    },contains:[...a,{className:"string",begin:/[^)]/,endsWithParent:!0,
+    excludeEnd:!0}]},t.FUNCTION_DISPATCH]},{begin:n.lookahead(/@/),end:"[{;]",
+    relevance:0,illegal:/:/,contains:[{className:"keyword",begin:/@-?\w[\w]*(-\w+)*/
+    },{begin:/\s/,endsWithParent:!0,excludeEnd:!0,relevance:0,keywords:{
+    $pattern:/[a-z-]+/,keyword:"and or not only",attribute:ie.join(" ")},contains:[{
+    begin:/[a-z-]+(?=:)/,className:"attribute"},...a,t.CSS_NUMBER_MODE]}]},{
+    className:"selector-tag",begin:"\\b("+ae.join("|")+")\\b"}]}},grmr_diff:e=>{
+    const n=e.regex;return{name:"Diff",aliases:["patch"],contains:[{
+    className:"meta",relevance:10,
+    match:n.either(/^@@ +-\d+,\d+ +\+\d+,\d+ +@@/,/^\*\*\* +\d+,\d+ +\*\*\*\*$/,/^--- +\d+,\d+ +----$/)
+    },{className:"comment",variants:[{
+    begin:n.either(/Index: /,/^index/,/={3,}/,/^-{3}/,/^\*{3} /,/^\+{3}/,/^diff --git/),
+    end:/$/},{match:/^\*{15}$/}]},{className:"addition",begin:/^\+/,end:/$/},{
+    className:"deletion",begin:/^-/,end:/$/},{className:"addition",begin:/^!/,
+    end:/$/}]}},grmr_go:e=>{const n={
+    keyword:["break","case","chan","const","continue","default","defer","else","fallthrough","for","func","go","goto","if","import","interface","map","package","range","return","select","struct","switch","type","var"],
+    type:["bool","byte","complex64","complex128","error","float32","float64","int8","int16","int32","int64","string","uint8","uint16","uint32","uint64","int","uint","uintptr","rune"],
+    literal:["true","false","iota","nil"],
+    built_in:["append","cap","close","complex","copy","imag","len","make","new","panic","print","println","real","recover","delete"]
+    };return{name:"Go",aliases:["golang"],keywords:n,illegal:"</",
+    contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"string",
+    variants:[e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,{begin:"`",end:"`"}]},{
+    className:"number",variants:[{begin:e.C_NUMBER_RE+"[i]",relevance:1
+    },e.C_NUMBER_MODE]},{begin:/:=/},{className:"function",beginKeywords:"func",
+    end:"\\s*(\\{|$)",excludeEnd:!0,contains:[e.TITLE_MODE,{className:"params",
+    begin:/\(/,end:/\)/,endsParent:!0,keywords:n,illegal:/["']/}]}]}},
+    grmr_graphql:e=>{const n=e.regex;return{name:"GraphQL",aliases:["gql"],
+    case_insensitive:!0,disableAutodetect:!1,keywords:{
+    keyword:["query","mutation","subscription","type","input","schema","directive","interface","union","scalar","fragment","enum","on"],
+    literal:["true","false","null"]},
+    contains:[e.HASH_COMMENT_MODE,e.QUOTE_STRING_MODE,e.NUMBER_MODE,{
+    scope:"punctuation",match:/[.]{3}/,relevance:0},{scope:"punctuation",
+    begin:/[\!\(\)\:\=\[\]\{\|\}]{1}/,relevance:0},{scope:"variable",begin:/\$/,
+    end:/\W/,excludeEnd:!0,relevance:0},{scope:"meta",match:/@\w+/,excludeEnd:!0},{
+    scope:"symbol",begin:n.concat(/[_A-Za-z][_0-9A-Za-z]*/,n.lookahead(/\s*:/)),
+    relevance:0}],illegal:[/[;<']/,/BEGIN/]}},grmr_ini:e=>{const n=e.regex,t={
+    className:"number",relevance:0,variants:[{begin:/([+-]+)?[\d]+_[\d_]+/},{
+    begin:e.NUMBER_RE}]},a=e.COMMENT();a.variants=[{begin:/;/,end:/$/},{begin:/#/,
+    end:/$/}];const i={className:"variable",variants:[{begin:/\$[\w\d"][\w\d_]*/},{
+    begin:/\$\{(.*?)\}/}]},r={className:"literal",
+    begin:/\bon|off|true|false|yes|no\b/},s={className:"string",
+    contains:[e.BACKSLASH_ESCAPE],variants:[{begin:"'''",end:"'''",relevance:10},{
+    begin:'"""',end:'"""',relevance:10},{begin:'"',end:'"'},{begin:"'",end:"'"}]
+    },o={begin:/\[/,end:/\]/,contains:[a,r,i,s,t,"self"],relevance:0
+    },l=n.either(/[A-Za-z0-9_-]+/,/"(\\"|[^"])*"/,/'[^']*'/);return{
+    name:"TOML, also INI",aliases:["toml"],case_insensitive:!0,illegal:/\S/,
+    contains:[a,{className:"section",begin:/\[+/,end:/\]+/},{
+    begin:n.concat(l,"(\\s*\\.\\s*",l,")*",n.lookahead(/\s*=\s*[^#\s]/)),
+    className:"attr",starts:{end:/$/,contains:[a,o,r,i,s,t]}}]}},grmr_java:e=>{
+    const n=e.regex,t="[\xc0-\u02b8a-zA-Z_$][\xc0-\u02b8a-zA-Z_$0-9]*",a=t+ue("(?:<"+t+"~~~(?:\\s*,\\s*"+t+"~~~)*>)?",/~~~/g,2),i={
+    keyword:["synchronized","abstract","private","var","static","if","const ","for","while","strictfp","finally","protected","import","native","final","void","enum","else","break","transient","catch","instanceof","volatile","case","assert","package","default","public","try","switch","continue","throws","protected","public","private","module","requires","exports","do","sealed"],
+    literal:["false","true","null"],
+    type:["char","boolean","long","float","int","byte","short","double"],
+    built_in:["super","this"]},r={className:"meta",begin:"@"+t,contains:[{
+    begin:/\(/,end:/\)/,contains:["self"]}]},s={className:"params",begin:/\(/,
+    end:/\)/,keywords:i,relevance:0,contains:[e.C_BLOCK_COMMENT_MODE],endsParent:!0}
+    ;return{name:"Java",aliases:["jsp"],keywords:i,illegal:/<\/|#/,
+    contains:[e.COMMENT("/\\*\\*","\\*/",{relevance:0,contains:[{begin:/\w+@/,
+    relevance:0},{className:"doctag",begin:"@[A-Za-z]+"}]}),{
+    begin:/import java\.[a-z]+\./,keywords:"import",relevance:2
+    },e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{begin:/"""/,end:/"""/,
+    className:"string",contains:[e.BACKSLASH_ESCAPE]
+    },e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,{
+    match:[/\b(?:class|interface|enum|extends|implements|new)/,/\s+/,t],className:{
+    1:"keyword",3:"title.class"}},{match:/non-sealed/,scope:"keyword"},{
+    begin:[n.concat(/(?!else)/,t),/\s+/,t,/\s+/,/=(?!=)/],className:{1:"type",
+    3:"variable",5:"operator"}},{begin:[/record/,/\s+/,t],className:{1:"keyword",
+    3:"title.class"},contains:[s,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{
+    beginKeywords:"new throw return else",relevance:0},{
+    begin:["(?:"+a+"\\s+)",e.UNDERSCORE_IDENT_RE,/\s*(?=\()/],className:{
+    2:"title.function"},keywords:i,contains:[{className:"params",begin:/\(/,
+    end:/\)/,keywords:i,relevance:0,
+    contains:[r,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,ge,e.C_BLOCK_COMMENT_MODE]
+    },e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},ge,r]}},grmr_javascript:we,
+    grmr_json:e=>{const n=["true","false","null"],t={scope:"literal",
+    beginKeywords:n.join(" ")};return{name:"JSON",keywords:{literal:n},contains:[{
+    className:"attr",begin:/"(\\.|[^\\"\r\n])*"(?=\s*:)/,relevance:1.01},{
+    match:/[{}[\],:]/,className:"punctuation",relevance:0
+    },e.QUOTE_STRING_MODE,t,e.C_NUMBER_MODE,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE],
+    illegal:"\\S"}},grmr_kotlin:e=>{const n={
+    keyword:"abstract as val var vararg get set class object open private protected public noinline crossinline dynamic final enum if else do while for when throw try catch finally import package is in fun override companion reified inline lateinit init interface annotation data sealed internal infix operator out by constructor super tailrec where const inner suspend typealias external expect actual",
+    built_in:"Byte Short Char Int Long Boolean Float Double Void Unit Nothing",
+    literal:"true false null"},t={className:"symbol",begin:e.UNDERSCORE_IDENT_RE+"@"
+    },a={className:"subst",begin:/\$\{/,end:/\}/,contains:[e.C_NUMBER_MODE]},i={
+    className:"variable",begin:"\\$"+e.UNDERSCORE_IDENT_RE},r={className:"string",
+    variants:[{begin:'"""',end:'"""(?=[^"])',contains:[i,a]},{begin:"'",end:"'",
+    illegal:/\n/,contains:[e.BACKSLASH_ESCAPE]},{begin:'"',end:'"',illegal:/\n/,
+    contains:[e.BACKSLASH_ESCAPE,i,a]}]};a.contains.push(r);const s={
+    className:"meta",
+    begin:"@(?:file|property|field|get|set|receiver|param|setparam|delegate)\\s*:(?:\\s*"+e.UNDERSCORE_IDENT_RE+")?"
+    },o={className:"meta",begin:"@"+e.UNDERSCORE_IDENT_RE,contains:[{begin:/\(/,
+    end:/\)/,contains:[e.inherit(r,{className:"string"}),"self"]}]
+    },l=ge,c=e.COMMENT("/\\*","\\*/",{contains:[e.C_BLOCK_COMMENT_MODE]}),d={
+    variants:[{className:"type",begin:e.UNDERSCORE_IDENT_RE},{begin:/\(/,end:/\)/,
+    contains:[]}]},g=d;return g.variants[1].contains=[d],d.variants[1].contains=[g],
+    {name:"Kotlin",aliases:["kt","kts"],keywords:n,
+    contains:[e.COMMENT("/\\*\\*","\\*/",{relevance:0,contains:[{className:"doctag",
+    begin:"@[A-Za-z]+"}]}),e.C_LINE_COMMENT_MODE,c,{className:"keyword",
+    begin:/\b(break|continue|return|this)\b/,starts:{contains:[{className:"symbol",
+    begin:/@\w+/}]}},t,s,o,{className:"function",beginKeywords:"fun",end:"[(]|$",
+    returnBegin:!0,excludeEnd:!0,keywords:n,relevance:5,contains:[{
+    begin:e.UNDERSCORE_IDENT_RE+"\\s*\\(",returnBegin:!0,relevance:0,
+    contains:[e.UNDERSCORE_TITLE_MODE]},{className:"type",begin:/</,end:/>/,
+    keywords:"reified",relevance:0},{className:"params",begin:/\(/,end:/\)/,
+    endsParent:!0,keywords:n,relevance:0,contains:[{begin:/:/,end:/[=,\/]/,
+    endsWithParent:!0,contains:[d,e.C_LINE_COMMENT_MODE,c],relevance:0
+    },e.C_LINE_COMMENT_MODE,c,s,o,r,e.C_NUMBER_MODE]},c]},{
+    begin:[/class|interface|trait/,/\s+/,e.UNDERSCORE_IDENT_RE],beginScope:{
+    3:"title.class"},keywords:"class interface trait",end:/[:\{(]|$/,excludeEnd:!0,
+    illegal:"extends implements",contains:[{
+    beginKeywords:"public protected internal private constructor"
+    },e.UNDERSCORE_TITLE_MODE,{className:"type",begin:/</,end:/>/,excludeBegin:!0,
+    excludeEnd:!0,relevance:0},{className:"type",begin:/[,:]\s*/,end:/[<\(,){\s]|$/,
+    excludeBegin:!0,returnEnd:!0},s,o]},r,{className:"meta",begin:"^#!/usr/bin/env",
+    end:"$",illegal:"\n"},l]}},grmr_less:e=>{
+    const n=te(e),t=le,a="([\\w-]+|@\\{[\\w-]+\\})",i=[],r=[],s=e=>({
+    className:"string",begin:"~?"+e+".*?"+e}),o=(e,n,t)=>({className:e,begin:n,
+    relevance:t}),l={$pattern:/[a-z-]+/,keyword:"and or not only",
+    attribute:ie.join(" ")},c={begin:"\\(",end:"\\)",contains:r,keywords:l,
+    relevance:0}
+    ;r.push(e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,s("'"),s('"'),n.CSS_NUMBER_MODE,{
+    begin:"(url|data-uri)\\(",starts:{className:"string",end:"[\\)\\n]",
+    excludeEnd:!0}
+    },n.HEXCOLOR,c,o("variable","@@?[\\w-]+",10),o("variable","@\\{[\\w-]+\\}"),o("built_in","~?`[^`]*?`"),{
+    className:"attribute",begin:"[\\w-]+\\s*:",end:":",returnBegin:!0,excludeEnd:!0
+    },n.IMPORTANT,{beginKeywords:"and not"},n.FUNCTION_DISPATCH);const d=r.concat({
+    begin:/\{/,end:/\}/,contains:i}),g={beginKeywords:"when",endsWithParent:!0,
+    contains:[{beginKeywords:"and not"}].concat(r)},u={begin:a+"\\s*:",
+    returnBegin:!0,end:/[;}]/,relevance:0,contains:[{begin:/-(webkit|moz|ms|o)-/
+    },n.CSS_VARIABLE,{className:"attribute",begin:"\\b("+oe.join("|")+")\\b",
+    end:/(?=:)/,starts:{endsWithParent:!0,illegal:"[<=$]",relevance:0,contains:r}}]
+    },b={className:"keyword",
+    begin:"@(import|media|charset|font-face|(-[a-z]+-)?keyframes|supports|document|namespace|page|viewport|host)\\b",
+    starts:{end:"[;{}]",keywords:l,returnEnd:!0,contains:r,relevance:0}},m={
+    className:"variable",variants:[{begin:"@[\\w-]+\\s*:",relevance:15},{
+    begin:"@[\\w-]+"}],starts:{end:"[;}]",returnEnd:!0,contains:d}},p={variants:[{
+    begin:"[\\.#:&\\[>]",end:"[;{}]"},{begin:a,end:/\{/}],returnBegin:!0,
+    returnEnd:!0,illegal:"[<='$\"]",relevance:0,
+    contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,g,o("keyword","all\\b"),o("variable","@\\{[\\w-]+\\}"),{
+    begin:"\\b("+ae.join("|")+")\\b",className:"selector-tag"
+    },n.CSS_NUMBER_MODE,o("selector-tag",a,0),o("selector-id","#"+a),o("selector-class","\\."+a,0),o("selector-tag","&",0),n.ATTRIBUTE_SELECTOR_MODE,{
+    className:"selector-pseudo",begin:":("+re.join("|")+")"},{
+    className:"selector-pseudo",begin:":(:)?("+se.join("|")+")"},{begin:/\(/,
+    end:/\)/,relevance:0,contains:d},{begin:"!important"},n.FUNCTION_DISPATCH]},_={
+    begin:`[\\w-]+:(:)?(${t.join("|")})`,returnBegin:!0,contains:[p]}
+    ;return i.push(e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,b,m,_,u,p,g,n.FUNCTION_DISPATCH),
+    {name:"Less",case_insensitive:!0,illegal:"[=>'/<($\"]",contains:i}},
+    grmr_lua:e=>{const n="\\[=*\\[",t="\\]=*\\]",a={begin:n,end:t,contains:["self"]
+    },i=[e.COMMENT("--(?!\\[=*\\[)","$"),e.COMMENT("--\\[=*\\[",t,{contains:[a],
+    relevance:10})];return{name:"Lua",keywords:{$pattern:e.UNDERSCORE_IDENT_RE,
+    literal:"true false nil",
+    keyword:"and break do else elseif end for goto if in local not or repeat return then until while",
+    built_in:"_G _ENV _VERSION __index __newindex __mode __call __metatable __tostring __len __gc __add __sub __mul __div __mod __pow __concat __unm __eq __lt __le assert collectgarbage dofile error getfenv getmetatable ipairs load loadfile loadstring module next pairs pcall print rawequal rawget rawset require select setfenv setmetatable tonumber tostring type unpack xpcall arg self coroutine resume yield status wrap create running debug getupvalue debug sethook getmetatable gethook setmetatable setlocal traceback setfenv getinfo setupvalue getlocal getregistry getfenv io lines write close flush open output type read stderr stdin input stdout popen tmpfile math log max acos huge ldexp pi cos tanh pow deg tan cosh sinh random randomseed frexp ceil floor rad abs sqrt modf asin min mod fmod log10 atan2 exp sin atan os exit setlocale date getenv difftime remove time clock tmpname rename execute package preload loadlib loaded loaders cpath config path seeall string sub upper len gfind rep find match char dump gmatch reverse byte format gsub lower table setn insert getn foreachi maxn foreach concat sort remove"
+    },contains:i.concat([{className:"function",beginKeywords:"function",end:"\\)",
+    contains:[e.inherit(e.TITLE_MODE,{
+    begin:"([_a-zA-Z]\\w*\\.)*([_a-zA-Z]\\w*:)?[_a-zA-Z]\\w*"}),{className:"params",
+    begin:"\\(",endsWithParent:!0,contains:i}].concat(i)
+    },e.C_NUMBER_MODE,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,{className:"string",
+    begin:n,end:t,contains:[a],relevance:5}])}},grmr_makefile:e=>{const n={
+    className:"variable",variants:[{begin:"\\$\\("+e.UNDERSCORE_IDENT_RE+"\\)",
+    contains:[e.BACKSLASH_ESCAPE]},{begin:/\$[@%<?\^\+\*]/}]},t={className:"string",
+    begin:/"/,end:/"/,contains:[e.BACKSLASH_ESCAPE,n]},a={className:"variable",
+    begin:/\$\([\w-]+\s/,end:/\)/,keywords:{
+    built_in:"subst patsubst strip findstring filter filter-out sort word wordlist firstword lastword dir notdir suffix basename addsuffix addprefix join wildcard realpath abspath error warning shell origin flavor foreach if or and call eval file value"
+    },contains:[n]},i={begin:"^"+e.UNDERSCORE_IDENT_RE+"\\s*(?=[:+?]?=)"},r={
+    className:"section",begin:/^[^\s]+:/,end:/$/,contains:[n]};return{
+    name:"Makefile",aliases:["mk","mak","make"],keywords:{$pattern:/[\w-]+/,
+    keyword:"define endef undefine ifdef ifndef ifeq ifneq else endif include -include sinclude override export unexport private vpath"
+    },contains:[e.HASH_COMMENT_MODE,n,t,a,i,{className:"meta",begin:/^\.PHONY:/,
+    end:/$/,keywords:{$pattern:/[\.\w]+/,keyword:".PHONY"}},r]}},grmr_xml:e=>{
+    const n=e.regex,t=n.concat(/[\p{L}_]/u,n.optional(/[\p{L}0-9_.-]*:/u),/[\p{L}0-9_.-]*/u),a={
+    className:"symbol",begin:/&[a-z]+;|&#[0-9]+;|&#x[a-f0-9]+;/},i={begin:/\s/,
+    contains:[{className:"keyword",begin:/#?[a-z_][a-z1-9_-]+/,illegal:/\n/}]
+    },r=e.inherit(i,{begin:/\(/,end:/\)/}),s=e.inherit(e.APOS_STRING_MODE,{
+    className:"string"}),o=e.inherit(e.QUOTE_STRING_MODE,{className:"string"}),l={
+    endsWithParent:!0,illegal:/</,relevance:0,contains:[{className:"attr",
+    begin:/[\p{L}0-9._:-]+/u,relevance:0},{begin:/=\s*/,relevance:0,contains:[{
+    className:"string",endsParent:!0,variants:[{begin:/"/,end:/"/,contains:[a]},{
+    begin:/'/,end:/'/,contains:[a]},{begin:/[^\s"'=<>`]+/}]}]}]};return{
+    name:"HTML, XML",
+    aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist","wsf","svg"],
+    case_insensitive:!0,unicodeRegex:!0,contains:[{className:"meta",begin:/<![a-z]/,
+    end:/>/,relevance:10,contains:[i,o,s,r,{begin:/\[/,end:/\]/,contains:[{
+    className:"meta",begin:/<![a-z]/,end:/>/,contains:[i,r,o,s]}]}]
+    },e.COMMENT(/<!--/,/-->/,{relevance:10}),{begin:/<!\[CDATA\[/,end:/\]\]>/,
+    relevance:10},a,{className:"meta",end:/\?>/,variants:[{begin:/<\?xml/,
+    relevance:10,contains:[o]},{begin:/<\?[a-z][a-z0-9]+/}]},{className:"tag",
+    begin:/<style(?=\s|>)/,end:/>/,keywords:{name:"style"},contains:[l],starts:{
+    end:/<\/style>/,returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",
+    begin:/<script(?=\s|>)/,end:/>/,keywords:{name:"script"},contains:[l],starts:{
+    end:/<\/script>/,returnEnd:!0,subLanguage:["javascript","handlebars","xml"]}},{
+    className:"tag",begin:/<>|<\/>/},{className:"tag",
+    begin:n.concat(/</,n.lookahead(n.concat(t,n.either(/\/>/,/>/,/\s/)))),
+    end:/\/?>/,contains:[{className:"name",begin:t,relevance:0,starts:l}]},{
+    className:"tag",begin:n.concat(/<\//,n.lookahead(n.concat(t,/>/))),contains:[{
+    className:"name",begin:t,relevance:0},{begin:/>/,relevance:0,endsParent:!0}]}]}
+    },grmr_markdown:e=>{const n={begin:/<\/?[A-Za-z_]/,end:">",subLanguage:"xml",
+    relevance:0},t={variants:[{begin:/\[.+?\]\[.*?\]/,relevance:0},{
+    begin:/\[.+?\]\(((data|javascript|mailto):|(?:http|ftp)s?:\/\/).*?\)/,
+    relevance:2},{
+    begin:e.regex.concat(/\[.+?\]\(/,/[A-Za-z][A-Za-z0-9+.-]*/,/:\/\/.*?\)/),
+    relevance:2},{begin:/\[.+?\]\([./?&#].*?\)/,relevance:1},{
+    begin:/\[.*?\]\(.*?\)/,relevance:0}],returnBegin:!0,contains:[{match:/\[(?=\])/
+    },{className:"string",relevance:0,begin:"\\[",end:"\\]",excludeBegin:!0,
+    returnEnd:!0},{className:"link",relevance:0,begin:"\\]\\(",end:"\\)",
+    excludeBegin:!0,excludeEnd:!0},{className:"symbol",relevance:0,begin:"\\]\\[",
+    end:"\\]",excludeBegin:!0,excludeEnd:!0}]},a={className:"strong",contains:[],
+    variants:[{begin:/_{2}/,end:/_{2}/},{begin:/\*{2}/,end:/\*{2}/}]},i={
+    className:"emphasis",contains:[],variants:[{begin:/\*(?!\*)/,end:/\*/},{
+    begin:/_(?!_)/,end:/_/,relevance:0}]},r=e.inherit(a,{contains:[]
+    }),s=e.inherit(i,{contains:[]});a.contains.push(s),i.contains.push(r)
+    ;let o=[n,t];return[a,i,r,s].forEach((e=>{e.contains=e.contains.concat(o)
+    })),o=o.concat(a,i),{name:"Markdown",aliases:["md","mkdown","mkd"],contains:[{
+    className:"section",variants:[{begin:"^#{1,6}",end:"$",contains:o},{
+    begin:"(?=^.+?\\n[=-]{2,}$)",contains:[{begin:"^[=-]*$"},{begin:"^",end:"\\n",
+    contains:o}]}]},n,{className:"bullet",begin:"^[ \t]*([*+-]|(\\d+\\.))(?=\\s+)",
+    end:"\\s+",excludeEnd:!0},a,i,{className:"quote",begin:"^>\\s+",contains:o,
+    end:"$"},{className:"code",variants:[{begin:"(`{3,})[^`](.|\\n)*?\\1`*[ ]*"},{
+    begin:"(~{3,})[^~](.|\\n)*?\\1~*[ ]*"},{begin:"```",end:"```+[ ]*$"},{
+    begin:"~~~",end:"~~~+[ ]*$"},{begin:"`.+?`"},{begin:"(?=^( {4}|\\t))",
+    contains:[{begin:"^( {4}|\\t)",end:"(\\n)$"}],relevance:0}]},{
+    begin:"^[-\\*]{3,}",end:"$"},t,{begin:/^\[[^\n]+\]:/,returnBegin:!0,contains:[{
+    className:"symbol",begin:/\[/,end:/\]/,excludeBegin:!0,excludeEnd:!0},{
+    className:"link",begin:/:\s*/,end:/$/,excludeBegin:!0}]}]}},grmr_objectivec:e=>{
+    const n=/[a-zA-Z@][a-zA-Z0-9_]*/,t={$pattern:n,
+    keyword:["@interface","@class","@protocol","@implementation"]};return{
+    name:"Objective-C",aliases:["mm","objc","obj-c","obj-c++","objective-c++"],
+    keywords:{"variable.language":["this","super"],$pattern:n,
+    keyword:["while","export","sizeof","typedef","const","struct","for","union","volatile","static","mutable","if","do","return","goto","enum","else","break","extern","asm","case","default","register","explicit","typename","switch","continue","inline","readonly","assign","readwrite","self","@synchronized","id","typeof","nonatomic","IBOutlet","IBAction","strong","weak","copy","in","out","inout","bycopy","byref","oneway","__strong","__weak","__block","__autoreleasing","@private","@protected","@public","@try","@property","@end","@throw","@catch","@finally","@autoreleasepool","@synthesize","@dynamic","@selector","@optional","@required","@encode","@package","@import","@defs","@compatibility_alias","__bridge","__bridge_transfer","__bridge_retained","__bridge_retain","__covariant","__contravariant","__kindof","_Nonnull","_Nullable","_Null_unspecified","__FUNCTION__","__PRETTY_FUNCTION__","__attribute__","getter","setter","retain","unsafe_unretained","nonnull","nullable","null_unspecified","null_resettable","class","instancetype","NS_DESIGNATED_INITIALIZER","NS_UNAVAILABLE","NS_REQUIRES_SUPER","NS_RETURNS_INNER_POINTER","NS_INLINE","NS_AVAILABLE","NS_DEPRECATED","NS_ENUM","NS_OPTIONS","NS_SWIFT_UNAVAILABLE","NS_ASSUME_NONNULL_BEGIN","NS_ASSUME_NONNULL_END","NS_REFINED_FOR_SWIFT","NS_SWIFT_NAME","NS_SWIFT_NOTHROW","NS_DURING","NS_HANDLER","NS_ENDHANDLER","NS_VALUERETURN","NS_VOIDRETURN"],
+    literal:["false","true","FALSE","TRUE","nil","YES","NO","NULL"],
+    built_in:["dispatch_once_t","dispatch_queue_t","dispatch_sync","dispatch_async","dispatch_once"],
+    type:["int","float","char","unsigned","signed","short","long","double","wchar_t","unichar","void","bool","BOOL","id|0","_Bool"]
+    },illegal:"</",contains:[{className:"built_in",
+    begin:"\\b(AV|CA|CF|CG|CI|CL|CM|CN|CT|MK|MP|MTK|MTL|NS|SCN|SK|UI|WK|XC)\\w+"
+    },e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.C_NUMBER_MODE,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,{
+    className:"string",variants:[{begin:'@"',end:'"',illegal:"\\n",
+    contains:[e.BACKSLASH_ESCAPE]}]},{className:"meta",begin:/#\s*[a-z]+\b/,end:/$/,
+    keywords:{
+    keyword:"if else elif endif define undef warning error line pragma ifdef ifndef include"
+    },contains:[{begin:/\\\n/,relevance:0},e.inherit(e.QUOTE_STRING_MODE,{
+    className:"string"}),{className:"string",begin:/<.*?>/,end:/$/,illegal:"\\n"
+    },e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{className:"class",
+    begin:"("+t.keyword.join("|")+")\\b",end:/(\{|$)/,excludeEnd:!0,keywords:t,
+    contains:[e.UNDERSCORE_TITLE_MODE]},{begin:"\\."+e.UNDERSCORE_IDENT_RE,
+    relevance:0}]}},grmr_perl:e=>{const n=e.regex,t=/[dualxmsipngr]{0,12}/,a={
+    $pattern:/[\w.]+/,
+    keyword:"abs accept alarm and atan2 bind binmode bless break caller chdir chmod chomp chop chown chr chroot close closedir connect continue cos crypt dbmclose dbmopen defined delete die do dump each else elsif endgrent endhostent endnetent endprotoent endpwent endservent eof eval exec exists exit exp fcntl fileno flock for foreach fork format formline getc getgrent getgrgid getgrnam gethostbyaddr gethostbyname gethostent getlogin getnetbyaddr getnetbyname getnetent getpeername getpgrp getpriority getprotobyname getprotobynumber getprotoent getpwent getpwnam getpwuid getservbyname getservbyport getservent getsockname getsockopt given glob gmtime goto grep gt hex if index int ioctl join keys kill last lc lcfirst length link listen local localtime log lstat lt ma map mkdir msgctl msgget msgrcv msgsnd my ne next no not oct open opendir or ord our pack package pipe pop pos print printf prototype push q|0 qq quotemeta qw qx rand read readdir readline readlink readpipe recv redo ref rename require reset return reverse rewinddir rindex rmdir say scalar seek seekdir select semctl semget semop send setgrent sethostent setnetent setpgrp setpriority setprotoent setpwent setservent setsockopt shift shmctl shmget shmread shmwrite shutdown sin sleep socket socketpair sort splice split sprintf sqrt srand stat state study sub substr symlink syscall sysopen sysread sysseek system syswrite tell telldir tie tied time times tr truncate uc ucfirst umask undef unless unlink unpack unshift untie until use utime values vec wait waitpid wantarray warn when while write x|0 xor y|0"
+    },i={className:"subst",begin:"[$@]\\{",end:"\\}",keywords:a},r={begin:/->\{/,
+    end:/\}/},s={variants:[{begin:/\$\d/},{
+    begin:n.concat(/[$%@](\^\w\b|#\w+(::\w+)*|\{\w+\}|\w+(::\w*)*)/,"(?![A-Za-z])(?![@$%])")
+    },{begin:/[$%@][^\s\w{]/,relevance:0}]
+    },o=[e.BACKSLASH_ESCAPE,i,s],l=[/!/,/\//,/\|/,/\?/,/'/,/"/,/#/],c=(e,a,i="\\1")=>{
+    const r="\\1"===i?i:n.concat(i,a)
+    ;return n.concat(n.concat("(?:",e,")"),a,/(?:\\.|[^\\\/])*?/,r,/(?:\\.|[^\\\/])*?/,i,t)
+    },d=(e,a,i)=>n.concat(n.concat("(?:",e,")"),a,/(?:\\.|[^\\\/])*?/,i,t),g=[s,e.HASH_COMMENT_MODE,e.COMMENT(/^=\w/,/=cut/,{
+    endsWithParent:!0}),r,{className:"string",contains:o,variants:[{
+    begin:"q[qwxr]?\\s*\\(",end:"\\)",relevance:5},{begin:"q[qwxr]?\\s*\\[",
+    end:"\\]",relevance:5},{begin:"q[qwxr]?\\s*\\{",end:"\\}",relevance:5},{
+    begin:"q[qwxr]?\\s*\\|",end:"\\|",relevance:5},{begin:"q[qwxr]?\\s*<",end:">",
+    relevance:5},{begin:"qw\\s+q",end:"q",relevance:5},{begin:"'",end:"'",
+    contains:[e.BACKSLASH_ESCAPE]},{begin:'"',end:'"'},{begin:"`",end:"`",
+    contains:[e.BACKSLASH_ESCAPE]},{begin:/\{\w+\}/,relevance:0},{
+    begin:"-?\\w+\\s*=>",relevance:0}]},{className:"number",
+    begin:"(\\b0[0-7_]+)|(\\b0x[0-9a-fA-F_]+)|(\\b[1-9][0-9_]*(\\.[0-9_]+)?)|[0_]\\b",
+    relevance:0},{
+    begin:"(\\/\\/|"+e.RE_STARTERS_RE+"|\\b(split|return|print|reverse|grep)\\b)\\s*",
+    keywords:"split return print reverse grep",relevance:0,
+    contains:[e.HASH_COMMENT_MODE,{className:"regexp",variants:[{
+    begin:c("s|tr|y",n.either(...l,{capture:!0}))},{begin:c("s|tr|y","\\(","\\)")},{
+    begin:c("s|tr|y","\\[","\\]")},{begin:c("s|tr|y","\\{","\\}")}],relevance:2},{
+    className:"regexp",variants:[{begin:/(m|qr)\/\//,relevance:0},{
+    begin:d("(?:m|qr)?",/\//,/\//)},{begin:d("m|qr",n.either(...l,{capture:!0
+    }),/\1/)},{begin:d("m|qr",/\(/,/\)/)},{begin:d("m|qr",/\[/,/\]/)},{
+    begin:d("m|qr",/\{/,/\}/)}]}]},{className:"function",beginKeywords:"sub",
+    end:"(\\s*\\(.*?\\))?[;{]",excludeEnd:!0,relevance:5,contains:[e.TITLE_MODE]},{
+    begin:"-\\w\\b",relevance:0},{begin:"^__DATA__$",end:"^__END__$",
+    subLanguage:"mojolicious",contains:[{begin:"^@@.*",end:"$",className:"comment"}]
+    }];return i.contains=g,r.contains=g,{name:"Perl",aliases:["pl","pm"],keywords:a,
+    contains:g}},grmr_php:e=>{
+    const n=e.regex,t=/(?![A-Za-z0-9])(?![$])/,a=n.concat(/[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*/,t),i=n.concat(/(\\?[A-Z][a-z0-9_\x7f-\xff]+|\\?[A-Z]+(?=[A-Z][a-z0-9_\x7f-\xff])){1,}/,t),r={
+    scope:"variable",match:"\\$+"+a},s={scope:"subst",variants:[{begin:/\$\w+/},{
+    begin:/\{\$/,end:/\}/}]},o=e.inherit(e.APOS_STRING_MODE,{illegal:null
+    }),l="[ \t\n]",c={scope:"string",variants:[e.inherit(e.QUOTE_STRING_MODE,{
+    illegal:null,contains:e.QUOTE_STRING_MODE.contains.concat(s)
+    }),o,e.END_SAME_AS_BEGIN({begin:/<<<[ \t]*(\w+)\n/,end:/[ \t]*(\w+)\b/,
+    contains:e.QUOTE_STRING_MODE.contains.concat(s)})]},d={scope:"number",
+    variants:[{begin:"\\b0[bB][01]+(?:_[01]+)*\\b"},{
+    begin:"\\b0[oO][0-7]+(?:_[0-7]+)*\\b"},{
+    begin:"\\b0[xX][\\da-fA-F]+(?:_[\\da-fA-F]+)*\\b"},{
+    begin:"(?:\\b\\d+(?:_\\d+)*(\\.(?:\\d+(?:_\\d+)*))?|\\B\\.\\d+)(?:[eE][+-]?\\d+)?"
+    }],relevance:0
+    },g=["false","null","true"],u=["__CLASS__","__DIR__","__FILE__","__FUNCTION__","__COMPILER_HALT_OFFSET__","__LINE__","__METHOD__","__NAMESPACE__","__TRAIT__","die","echo","exit","include","include_once","print","require","require_once","array","abstract","and","as","binary","bool","boolean","break","callable","case","catch","class","clone","const","continue","declare","default","do","double","else","elseif","empty","enddeclare","endfor","endforeach","endif","endswitch","endwhile","enum","eval","extends","final","finally","float","for","foreach","from","global","goto","if","implements","instanceof","insteadof","int","integer","interface","isset","iterable","list","match|0","mixed","new","never","object","or","private","protected","public","readonly","real","return","string","switch","throw","trait","try","unset","use","var","void","while","xor","yield"],b=["Error|0","AppendIterator","ArgumentCountError","ArithmeticError","ArrayIterator","ArrayObject","AssertionError","BadFunctionCallException","BadMethodCallException","CachingIterator","CallbackFilterIterator","CompileError","Countable","DirectoryIterator","DivisionByZeroError","DomainException","EmptyIterator","ErrorException","Exception","FilesystemIterator","FilterIterator","GlobIterator","InfiniteIterator","InvalidArgumentException","IteratorIterator","LengthException","LimitIterator","LogicException","MultipleIterator","NoRewindIterator","OutOfBoundsException","OutOfRangeException","OuterIterator","OverflowException","ParentIterator","ParseError","RangeException","RecursiveArrayIterator","RecursiveCachingIterator","RecursiveCallbackFilterIterator","RecursiveDirectoryIterator","RecursiveFilterIterator","RecursiveIterator","RecursiveIteratorIterator","RecursiveRegexIterator","RecursiveTreeIterator","RegexIterator","RuntimeException","SeekableIterator","SplDoublyLinkedList","SplFileInfo","SplFileObject","SplFixedArray","SplHeap","SplMaxHeap","SplMinHeap","SplObjectStorage","SplObserver","SplPriorityQueue","SplQueue","SplStack","SplSubject","SplTempFileObject","TypeError","UnderflowException","UnexpectedValueException","UnhandledMatchError","ArrayAccess","BackedEnum","Closure","Fiber","Generator","Iterator","IteratorAggregate","Serializable","Stringable","Throwable","Traversable","UnitEnum","WeakReference","WeakMap","Directory","__PHP_Incomplete_Class","parent","php_user_filter","self","static","stdClass"],m={
+    keyword:u,literal:(e=>{const n=[];return e.forEach((e=>{
+    n.push(e),e.toLowerCase()===e?n.push(e.toUpperCase()):n.push(e.toLowerCase())
+    })),n})(g),built_in:b},p=e=>e.map((e=>e.replace(/\|\d+$/,""))),_={variants:[{
+    match:[/new/,n.concat(l,"+"),n.concat("(?!",p(b).join("\\b|"),"\\b)"),i],scope:{
+    1:"keyword",4:"title.class"}}]},h=n.concat(a,"\\b(?!\\()"),f={variants:[{
+    match:[n.concat(/::/,n.lookahead(/(?!class\b)/)),h],scope:{2:"variable.constant"
+    }},{match:[/::/,/class/],scope:{2:"variable.language"}},{
+    match:[i,n.concat(/::/,n.lookahead(/(?!class\b)/)),h],scope:{1:"title.class",
+    3:"variable.constant"}},{match:[i,n.concat("::",n.lookahead(/(?!class\b)/))],
+    scope:{1:"title.class"}},{match:[i,/::/,/class/],scope:{1:"title.class",
+    3:"variable.language"}}]},E={scope:"attr",
+    match:n.concat(a,n.lookahead(":"),n.lookahead(/(?!::)/))},y={relevance:0,
+    begin:/\(/,end:/\)/,keywords:m,contains:[E,r,f,e.C_BLOCK_COMMENT_MODE,c,d,_]
+    },w={relevance:0,
+    match:[/\b/,n.concat("(?!fn\\b|function\\b|",p(u).join("\\b|"),"|",p(b).join("\\b|"),"\\b)"),a,n.concat(l,"*"),n.lookahead(/(?=\()/)],
+    scope:{3:"title.function.invoke"},contains:[y]};y.contains.push(w)
+    ;const N=[E,f,e.C_BLOCK_COMMENT_MODE,c,d,_];return{case_insensitive:!1,
+    keywords:m,contains:[{begin:n.concat(/#\[\s*/,i),beginScope:"meta",end:/]/,
+    endScope:"meta",keywords:{literal:g,keyword:["new","array"]},contains:[{
+    begin:/\[/,end:/]/,keywords:{literal:g,keyword:["new","array"]},
+    contains:["self",...N]},...N,{scope:"meta",match:i}]
+    },e.HASH_COMMENT_MODE,e.COMMENT("//","$"),e.COMMENT("/\\*","\\*/",{contains:[{
+    scope:"doctag",match:"@[A-Za-z]+"}]}),{match:/__halt_compiler\(\);/,
+    keywords:"__halt_compiler",starts:{scope:"comment",end:e.MATCH_NOTHING_RE,
+    contains:[{match:/\?>/,scope:"meta",endsParent:!0}]}},{scope:"meta",variants:[{
+    begin:/<\?php/,relevance:10},{begin:/<\?=/},{begin:/<\?/,relevance:.1},{
+    begin:/\?>/}]},{scope:"variable.language",match:/\$this\b/},r,w,f,{
+    match:[/const/,/\s/,a],scope:{1:"keyword",3:"variable.constant"}},_,{
+    scope:"function",relevance:0,beginKeywords:"fn function",end:/[;{]/,
+    excludeEnd:!0,illegal:"[$%\\[]",contains:[{beginKeywords:"use"
+    },e.UNDERSCORE_TITLE_MODE,{begin:"=>",endsParent:!0},{scope:"params",
+    begin:"\\(",end:"\\)",excludeBegin:!0,excludeEnd:!0,keywords:m,
+    contains:["self",r,f,e.C_BLOCK_COMMENT_MODE,c,d]}]},{scope:"class",variants:[{
+    beginKeywords:"enum",illegal:/[($"]/},{beginKeywords:"class interface trait",
+    illegal:/[:($"]/}],relevance:0,end:/\{/,excludeEnd:!0,contains:[{
+    beginKeywords:"extends implements"},e.UNDERSCORE_TITLE_MODE]},{
+    beginKeywords:"namespace",relevance:0,end:";",illegal:/[.']/,
+    contains:[e.inherit(e.UNDERSCORE_TITLE_MODE,{scope:"title.class"})]},{
+    beginKeywords:"use",relevance:0,end:";",contains:[{
+    match:/\b(as|const|function)\b/,scope:"keyword"},e.UNDERSCORE_TITLE_MODE]},c,d]}
+    },grmr_php_template:e=>({name:"PHP template",subLanguage:"xml",contains:[{
+    begin:/<\?(php|=)?/,end:/\?>/,subLanguage:"php",contains:[{begin:"/\\*",
+    end:"\\*/",skip:!0},{begin:'b"',end:'"',skip:!0},{begin:"b'",end:"'",skip:!0
+    },e.inherit(e.APOS_STRING_MODE,{illegal:null,className:null,contains:null,
+    skip:!0}),e.inherit(e.QUOTE_STRING_MODE,{illegal:null,className:null,
+    contains:null,skip:!0})]}]}),grmr_plaintext:e=>({name:"Plain text",
+    aliases:["text","txt"],disableAutodetect:!0}),grmr_python:e=>{
+    const n=e.regex,t=/[\p{XID_Start}_]\p{XID_Continue}*/u,a=["and","as","assert","async","await","break","case","class","continue","def","del","elif","else","except","finally","for","from","global","if","import","in","is","lambda","match","nonlocal|10","not","or","pass","raise","return","try","while","with","yield"],i={
+    $pattern:/[A-Za-z]\w+|__\w+__/,keyword:a,
+    built_in:["__import__","abs","all","any","ascii","bin","bool","breakpoint","bytearray","bytes","callable","chr","classmethod","compile","complex","delattr","dict","dir","divmod","enumerate","eval","exec","filter","float","format","frozenset","getattr","globals","hasattr","hash","help","hex","id","input","int","isinstance","issubclass","iter","len","list","locals","map","max","memoryview","min","next","object","oct","open","ord","pow","print","property","range","repr","reversed","round","set","setattr","slice","sorted","staticmethod","str","sum","super","tuple","type","vars","zip"],
+    literal:["__debug__","Ellipsis","False","None","NotImplemented","True"],
+    type:["Any","Callable","Coroutine","Dict","List","Literal","Generic","Optional","Sequence","Set","Tuple","Type","Union"]
+    },r={className:"meta",begin:/^(>>>|\.\.\.) /},s={className:"subst",begin:/\{/,
+    end:/\}/,keywords:i,illegal:/#/},o={begin:/\{\{/,relevance:0},l={
+    className:"string",contains:[e.BACKSLASH_ESCAPE],variants:[{
+    begin:/([uU]|[bB]|[rR]|[bB][rR]|[rR][bB])?'''/,end:/'''/,
+    contains:[e.BACKSLASH_ESCAPE,r],relevance:10},{
+    begin:/([uU]|[bB]|[rR]|[bB][rR]|[rR][bB])?"""/,end:/"""/,
+    contains:[e.BACKSLASH_ESCAPE,r],relevance:10},{
+    begin:/([fF][rR]|[rR][fF]|[fF])'''/,end:/'''/,
+    contains:[e.BACKSLASH_ESCAPE,r,o,s]},{begin:/([fF][rR]|[rR][fF]|[fF])"""/,
+    end:/"""/,contains:[e.BACKSLASH_ESCAPE,r,o,s]},{begin:/([uU]|[rR])'/,end:/'/,
+    relevance:10},{begin:/([uU]|[rR])"/,end:/"/,relevance:10},{
+    begin:/([bB]|[bB][rR]|[rR][bB])'/,end:/'/},{begin:/([bB]|[bB][rR]|[rR][bB])"/,
+    end:/"/},{begin:/([fF][rR]|[rR][fF]|[fF])'/,end:/'/,
+    contains:[e.BACKSLASH_ESCAPE,o,s]},{begin:/([fF][rR]|[rR][fF]|[fF])"/,end:/"/,
+    contains:[e.BACKSLASH_ESCAPE,o,s]},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]
+    },c="[0-9](_?[0-9])*",d=`(\\b(${c}))?\\.(${c})|\\b(${c})\\.`,g="\\b|"+a.join("|"),u={
+    className:"number",relevance:0,variants:[{
+    begin:`(\\b(${c})|(${d}))[eE][+-]?(${c})[jJ]?(?=${g})`},{begin:`(${d})[jJ]?`},{
+    begin:`\\b([1-9](_?[0-9])*|0+(_?0)*)[lLjJ]?(?=${g})`},{
+    begin:`\\b0[bB](_?[01])+[lL]?(?=${g})`},{begin:`\\b0[oO](_?[0-7])+[lL]?(?=${g})`
+    },{begin:`\\b0[xX](_?[0-9a-fA-F])+[lL]?(?=${g})`},{begin:`\\b(${c})[jJ](?=${g})`
+    }]},b={className:"comment",begin:n.lookahead(/# type:/),end:/$/,keywords:i,
+    contains:[{begin:/# type:/},{begin:/#/,end:/\b\B/,endsWithParent:!0}]},m={
+    className:"params",variants:[{className:"",begin:/\(\s*\)/,skip:!0},{begin:/\(/,
+    end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:i,
+    contains:["self",r,u,l,e.HASH_COMMENT_MODE]}]};return s.contains=[l,u,r],{
+    name:"Python",aliases:["py","gyp","ipython"],unicodeRegex:!0,keywords:i,
+    illegal:/(<\/|->|\?)|=>/,contains:[r,u,{begin:/\bself\b/},{beginKeywords:"if",
+    relevance:0},l,b,e.HASH_COMMENT_MODE,{match:[/\bdef/,/\s+/,t],scope:{
+    1:"keyword",3:"title.function"},contains:[m]},{variants:[{
+    match:[/\bclass/,/\s+/,t,/\s*/,/\(\s*/,t,/\s*\)/]},{match:[/\bclass/,/\s+/,t]}],
+    scope:{1:"keyword",3:"title.class",6:"title.class.inherited"}},{
+    className:"meta",begin:/^[\t ]*@/,end:/(?=#)|$/,contains:[u,m,l]}]}},
+    grmr_python_repl:e=>({aliases:["pycon"],contains:[{className:"meta.prompt",
+    starts:{end:/ |$/,starts:{end:"$",subLanguage:"python"}},variants:[{
+    begin:/^>>>(?=[ ]|$)/},{begin:/^\.\.\.(?=[ ]|$)/}]}]}),grmr_r:e=>{
+    const n=e.regex,t=/(?:(?:[a-zA-Z]|\.[._a-zA-Z])[._a-zA-Z0-9]*)|\.(?!\d)/,a=n.either(/0[xX][0-9a-fA-F]+\.[0-9a-fA-F]*[pP][+-]?\d+i?/,/0[xX][0-9a-fA-F]+(?:[pP][+-]?\d+)?[Li]?/,/(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][+-]?\d+)?[Li]?/),i=/[=!<>:]=|\|\||&&|:::?|<-|<<-|->>|->|\|>|[-+*\/?!$&|:<=>@^~]|\*\*/,r=n.either(/[()]/,/[{}]/,/\[\[/,/[[\]]/,/\\/,/,/)
+    ;return{name:"R",keywords:{$pattern:t,
+    keyword:"function if in break next repeat else for while",
+    literal:"NULL NA TRUE FALSE Inf NaN NA_integer_|10 NA_real_|10 NA_character_|10 NA_complex_|10",
+    built_in:"LETTERS letters month.abb month.name pi T F abs acos acosh all any anyNA Arg as.call as.character as.complex as.double as.environment as.integer as.logical as.null.default as.numeric as.raw asin asinh atan atanh attr attributes baseenv browser c call ceiling class Conj cos cosh cospi cummax cummin cumprod cumsum digamma dim dimnames emptyenv exp expression floor forceAndCall gamma gc.time globalenv Im interactive invisible is.array is.atomic is.call is.character is.complex is.double is.environment is.expression is.finite is.function is.infinite is.integer is.language is.list is.logical is.matrix is.na is.name is.nan is.null is.numeric is.object is.pairlist is.raw is.recursive is.single is.symbol lazyLoadDBfetch length lgamma list log max min missing Mod names nargs nzchar oldClass on.exit pos.to.env proc.time prod quote range Re rep retracemem return round seq_along seq_len seq.int sign signif sin sinh sinpi sqrt standardGeneric substitute sum switch tan tanh tanpi tracemem trigamma trunc unclass untracemem UseMethod xtfrm"
+    },contains:[e.COMMENT(/#'/,/$/,{contains:[{scope:"doctag",match:/@examples/,
+    starts:{end:n.lookahead(n.either(/\n^#'\s*(?=@[a-zA-Z]+)/,/\n^(?!#')/)),
+    endsParent:!0}},{scope:"doctag",begin:"@param",end:/$/,contains:[{
+    scope:"variable",variants:[{match:t},{match:/`(?:\\.|[^`\\])+`/}],endsParent:!0
+    }]},{scope:"doctag",match:/@[a-zA-Z]+/},{scope:"keyword",match:/\\[a-zA-Z]+/}]
+    }),e.HASH_COMMENT_MODE,{scope:"string",contains:[e.BACKSLASH_ESCAPE],
+    variants:[e.END_SAME_AS_BEGIN({begin:/[rR]"(-*)\(/,end:/\)(-*)"/
+    }),e.END_SAME_AS_BEGIN({begin:/[rR]"(-*)\{/,end:/\}(-*)"/
+    }),e.END_SAME_AS_BEGIN({begin:/[rR]"(-*)\[/,end:/\](-*)"/
+    }),e.END_SAME_AS_BEGIN({begin:/[rR]'(-*)\(/,end:/\)(-*)'/
+    }),e.END_SAME_AS_BEGIN({begin:/[rR]'(-*)\{/,end:/\}(-*)'/
+    }),e.END_SAME_AS_BEGIN({begin:/[rR]'(-*)\[/,end:/\](-*)'/}),{begin:'"',end:'"',
+    relevance:0},{begin:"'",end:"'",relevance:0}]},{relevance:0,variants:[{scope:{
+    1:"operator",2:"number"},match:[i,a]},{scope:{1:"operator",2:"number"},
+    match:[/%[^%]*%/,a]},{scope:{1:"punctuation",2:"number"},match:[r,a]},{scope:{
+    2:"number"},match:[/[^a-zA-Z0-9._]|^/,a]}]},{scope:{3:"operator"},
+    match:[t,/\s+/,/<-/,/\s+/]},{scope:"operator",relevance:0,variants:[{match:i},{
+    match:/%[^%]*%/}]},{scope:"punctuation",relevance:0,match:r},{begin:"`",end:"`",
+    contains:[{begin:/\\./}]}]}},grmr_ruby:e=>{
+    const n=e.regex,t="([a-zA-Z_]\\w*[!?=]?|[-+~]@|<<|>>|=~|===?|<=>|[<>]=?|\\*\\*|[-/+%^&*~`|]|\\[\\]=?)",a=n.either(/\b([A-Z]+[a-z0-9]+)+/,/\b([A-Z]+[a-z0-9]+)+[A-Z]+/),i=n.concat(a,/(::\w+)*/),r={
+    "variable.constant":["__FILE__","__LINE__"],
+    "variable.language":["self","super"],
+    keyword:["alias","and","attr_accessor","attr_reader","attr_writer","begin","BEGIN","break","case","class","defined","do","else","elsif","end","END","ensure","for","if","in","include","module","next","not","or","redo","require","rescue","retry","return","then","undef","unless","until","when","while","yield"],
+    built_in:["proc","lambda"],literal:["true","false","nil"]},s={
+    className:"doctag",begin:"@[A-Za-z]+"},o={begin:"#<",end:">"
+    },l=[e.COMMENT("#","$",{contains:[s]}),e.COMMENT("^=begin","^=end",{
+    contains:[s],relevance:10}),e.COMMENT("^__END__",e.MATCH_NOTHING_RE)],c={
+    className:"subst",begin:/#\{/,end:/\}/,keywords:r},d={className:"string",
+    contains:[e.BACKSLASH_ESCAPE,c],variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/
+    },{begin:/`/,end:/`/},{begin:/%[qQwWx]?\(/,end:/\)/},{begin:/%[qQwWx]?\[/,
+    end:/\]/},{begin:/%[qQwWx]?\{/,end:/\}/},{begin:/%[qQwWx]?</,end:/>/},{
+    begin:/%[qQwWx]?\//,end:/\//},{begin:/%[qQwWx]?%/,end:/%/},{begin:/%[qQwWx]?-/,
+    end:/-/},{begin:/%[qQwWx]?\|/,end:/\|/},{begin:/\B\?(\\\d{1,3})/},{
+    begin:/\B\?(\\x[A-Fa-f0-9]{1,2})/},{begin:/\B\?(\\u\{?[A-Fa-f0-9]{1,6}\}?)/},{
+    begin:/\B\?(\\M-\\C-|\\M-\\c|\\c\\M-|\\M-|\\C-\\M-)[\x20-\x7e]/},{
+    begin:/\B\?\\(c|C-)[\x20-\x7e]/},{begin:/\B\?\\?\S/},{
+    begin:n.concat(/<<[-~]?'?/,n.lookahead(/(\w+)(?=\W)[^\n]*\n(?:[^\n]*\n)*?\s*\1\b/)),
+    contains:[e.END_SAME_AS_BEGIN({begin:/(\w+)/,end:/(\w+)/,
+    contains:[e.BACKSLASH_ESCAPE,c]})]}]},g="[0-9](_?[0-9])*",u={className:"number",
+    relevance:0,variants:[{
+    begin:`\\b([1-9](_?[0-9])*|0)(\\.(${g}))?([eE][+-]?(${g})|r)?i?\\b`},{
+    begin:"\\b0[dD][0-9](_?[0-9])*r?i?\\b"},{begin:"\\b0[bB][0-1](_?[0-1])*r?i?\\b"
+    },{begin:"\\b0[oO][0-7](_?[0-7])*r?i?\\b"},{
+    begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*r?i?\\b"},{
+    begin:"\\b0(_?[0-7])+r?i?\\b"}]},b={variants:[{match:/\(\)/},{
+    className:"params",begin:/\(/,end:/(?=\))/,excludeBegin:!0,endsParent:!0,
+    keywords:r}]},m=[d,{variants:[{match:[/class\s+/,i,/\s+<\s+/,i]},{
+    match:[/class\s+/,i]}],scope:{2:"title.class",4:"title.class.inherited"},
+    keywords:r},{relevance:0,match:[i,/\.new[ (]/],scope:{1:"title.class"}},{
+    relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,className:"variable.constant"},{
+    match:[/def/,/\s+/,t],scope:{1:"keyword",3:"title.function"},contains:[b]},{
+    begin:e.IDENT_RE+"::"},{className:"symbol",
+    begin:e.UNDERSCORE_IDENT_RE+"(!|\\?)?:",relevance:0},{className:"symbol",
+    begin:":(?!\\s)",contains:[d,{begin:t}],relevance:0},u,{className:"variable",
+    begin:"(\\$\\W)|((\\$|@@?)(\\w+))(?=[^@$?])(?![A-Za-z])(?![@$?'])"},{
+    className:"params",begin:/\|/,end:/\|/,excludeBegin:!0,excludeEnd:!0,
+    relevance:0,keywords:r},{begin:"("+e.RE_STARTERS_RE+"|unless)\\s*",
+    keywords:"unless",contains:[{className:"regexp",contains:[e.BACKSLASH_ESCAPE,c],
+    illegal:/\n/,variants:[{begin:"/",end:"/[a-z]*"},{begin:/%r\{/,end:/\}[a-z]*/},{
+    begin:"%r\\(",end:"\\)[a-z]*"},{begin:"%r!",end:"![a-z]*"},{begin:"%r\\[",
+    end:"\\][a-z]*"}]}].concat(o,l),relevance:0}].concat(o,l)
+    ;c.contains=m,b.contains=m;const p=[{begin:/^\s*=>/,starts:{end:"$",contains:m}
+    },{className:"meta.prompt",
+    begin:"^([>?]>|[\\w#]+\\(\\w+\\):\\d+:\\d+[>*]|(\\w+-)?\\d+\\.\\d+\\.\\d+(p\\d+)?[^\\d][^>]+>)(?=[ ])",
+    starts:{end:"$",keywords:r,contains:m}}];return l.unshift(o),{name:"Ruby",
+    aliases:["rb","gemspec","podspec","thor","irb"],keywords:r,illegal:/\/\*/,
+    contains:[e.SHEBANG({binary:"ruby"})].concat(p).concat(l).concat(m)}},
+    grmr_rust:e=>{const n=e.regex,t={className:"title.function.invoke",relevance:0,
+    begin:n.concat(/\b/,/(?!let\b)/,e.IDENT_RE,n.lookahead(/\s*\(/))
+    },a="([ui](8|16|32|64|128|size)|f(32|64))?",i=["drop ","Copy","Send","Sized","Sync","Drop","Fn","FnMut","FnOnce","ToOwned","Clone","Debug","PartialEq","PartialOrd","Eq","Ord","AsRef","AsMut","Into","From","Default","Iterator","Extend","IntoIterator","DoubleEndedIterator","ExactSizeIterator","SliceConcatExt","ToString","assert!","assert_eq!","bitflags!","bytes!","cfg!","col!","concat!","concat_idents!","debug_assert!","debug_assert_eq!","env!","panic!","file!","format!","format_args!","include_bytes!","include_str!","line!","local_data_key!","module_path!","option_env!","print!","println!","select!","stringify!","try!","unimplemented!","unreachable!","vec!","write!","writeln!","macro_rules!","assert_ne!","debug_assert_ne!"],r=["i8","i16","i32","i64","i128","isize","u8","u16","u32","u64","u128","usize","f32","f64","str","char","bool","Box","Option","Result","String","Vec"]
+    ;return{name:"Rust",aliases:["rs"],keywords:{$pattern:e.IDENT_RE+"!?",type:r,
+    keyword:["abstract","as","async","await","become","box","break","const","continue","crate","do","dyn","else","enum","extern","false","final","fn","for","if","impl","in","let","loop","macro","match","mod","move","mut","override","priv","pub","ref","return","self","Self","static","struct","super","trait","true","try","type","typeof","unsafe","unsized","use","virtual","where","while","yield"],
+    literal:["true","false","Some","None","Ok","Err"],built_in:i},illegal:"</",
+    contains:[e.C_LINE_COMMENT_MODE,e.COMMENT("/\\*","\\*/",{contains:["self"]
+    }),e.inherit(e.QUOTE_STRING_MODE,{begin:/b?"/,illegal:null}),{
+    className:"string",variants:[{begin:/b?r(#*)"(.|\n)*?"\1(?!#)/},{
+    begin:/b?'\\?(x\w{2}|u\w{4}|U\w{8}|.)'/}]},{className:"symbol",
+    begin:/'[a-zA-Z_][a-zA-Z0-9_]*/},{className:"number",variants:[{
+    begin:"\\b0b([01_]+)"+a},{begin:"\\b0o([0-7_]+)"+a},{
+    begin:"\\b0x([A-Fa-f0-9_]+)"+a},{
+    begin:"\\b(\\d[\\d_]*(\\.[0-9_]+)?([eE][+-]?[0-9_]+)?)"+a}],relevance:0},{
+    begin:[/fn/,/\s+/,e.UNDERSCORE_IDENT_RE],className:{1:"keyword",
+    3:"title.function"}},{className:"meta",begin:"#!?\\[",end:"\\]",contains:[{
+    className:"string",begin:/"/,end:/"/}]},{
+    begin:[/let/,/\s+/,/(?:mut\s+)?/,e.UNDERSCORE_IDENT_RE],className:{1:"keyword",
+    3:"keyword",4:"variable"}},{
+    begin:[/for/,/\s+/,e.UNDERSCORE_IDENT_RE,/\s+/,/in/],className:{1:"keyword",
+    3:"variable",5:"keyword"}},{begin:[/type/,/\s+/,e.UNDERSCORE_IDENT_RE],
+    className:{1:"keyword",3:"title.class"}},{
+    begin:[/(?:trait|enum|struct|union|impl|for)/,/\s+/,e.UNDERSCORE_IDENT_RE],
+    className:{1:"keyword",3:"title.class"}},{begin:e.IDENT_RE+"::",keywords:{
+    keyword:"Self",built_in:i,type:r}},{className:"punctuation",begin:"->"},t]}},
+    grmr_scss:e=>{const n=te(e),t=se,a=re,i="@[a-z-]+",r={className:"variable",
+    begin:"(\\$[a-zA-Z-][a-zA-Z0-9_-]*)\\b",relevance:0};return{name:"SCSS",
+    case_insensitive:!0,illegal:"[=/|']",
+    contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,n.CSS_NUMBER_MODE,{
+    className:"selector-id",begin:"#[A-Za-z0-9_-]+",relevance:0},{
+    className:"selector-class",begin:"\\.[A-Za-z0-9_-]+",relevance:0
+    },n.ATTRIBUTE_SELECTOR_MODE,{className:"selector-tag",
+    begin:"\\b("+ae.join("|")+")\\b",relevance:0},{className:"selector-pseudo",
+    begin:":("+a.join("|")+")"},{className:"selector-pseudo",
+    begin:":(:)?("+t.join("|")+")"},r,{begin:/\(/,end:/\)/,
+    contains:[n.CSS_NUMBER_MODE]},n.CSS_VARIABLE,{className:"attribute",
+    begin:"\\b("+oe.join("|")+")\\b"},{
+    begin:"\\b(whitespace|wait|w-resize|visible|vertical-text|vertical-ideographic|uppercase|upper-roman|upper-alpha|underline|transparent|top|thin|thick|text|text-top|text-bottom|tb-rl|table-header-group|table-footer-group|sw-resize|super|strict|static|square|solid|small-caps|separate|se-resize|scroll|s-resize|rtl|row-resize|ridge|right|repeat|repeat-y|repeat-x|relative|progress|pointer|overline|outside|outset|oblique|nowrap|not-allowed|normal|none|nw-resize|no-repeat|no-drop|newspaper|ne-resize|n-resize|move|middle|medium|ltr|lr-tb|lowercase|lower-roman|lower-alpha|loose|list-item|line|line-through|line-edge|lighter|left|keep-all|justify|italic|inter-word|inter-ideograph|inside|inset|inline|inline-block|inherit|inactive|ideograph-space|ideograph-parenthesis|ideograph-numeric|ideograph-alpha|horizontal|hidden|help|hand|groove|fixed|ellipsis|e-resize|double|dotted|distribute|distribute-space|distribute-letter|distribute-all-lines|disc|disabled|default|decimal|dashed|crosshair|collapse|col-resize|circle|char|center|capitalize|break-word|break-all|bottom|both|bolder|bold|block|bidi-override|below|baseline|auto|always|all-scroll|absolute|table|table-cell)\\b"
+    },{begin:/:/,end:/[;}{]/,relevance:0,
+    contains:[n.BLOCK_COMMENT,r,n.HEXCOLOR,n.CSS_NUMBER_MODE,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,n.IMPORTANT,n.FUNCTION_DISPATCH]
+    },{begin:"@(page|font-face)",keywords:{$pattern:i,keyword:"@page @font-face"}},{
+    begin:"@",end:"[{;]",returnBegin:!0,keywords:{$pattern:/[a-z-]+/,
+    keyword:"and or not only",attribute:ie.join(" ")},contains:[{begin:i,
+    className:"keyword"},{begin:/[a-z-]+(?=:)/,className:"attribute"
+    },r,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,n.HEXCOLOR,n.CSS_NUMBER_MODE]
+    },n.FUNCTION_DISPATCH]}},grmr_shell:e=>({name:"Shell Session",
+    aliases:["console","shellsession"],contains:[{className:"meta.prompt",
+    begin:/^\s{0,3}[/~\w\d[\]()@-]*[>%$#][ ]?/,starts:{end:/[^\\](?=\s*$)/,
+    subLanguage:"bash"}}]}),grmr_sql:e=>{
+    const n=e.regex,t=e.COMMENT("--","$"),a=["true","false","unknown"],i=["bigint","binary","blob","boolean","char","character","clob","date","dec","decfloat","decimal","float","int","integer","interval","nchar","nclob","national","numeric","real","row","smallint","time","timestamp","varchar","varying","varbinary"],r=["abs","acos","array_agg","asin","atan","avg","cast","ceil","ceiling","coalesce","corr","cos","cosh","count","covar_pop","covar_samp","cume_dist","dense_rank","deref","element","exp","extract","first_value","floor","json_array","json_arrayagg","json_exists","json_object","json_objectagg","json_query","json_table","json_table_primitive","json_value","lag","last_value","lead","listagg","ln","log","log10","lower","max","min","mod","nth_value","ntile","nullif","percent_rank","percentile_cont","percentile_disc","position","position_regex","power","rank","regr_avgx","regr_avgy","regr_count","regr_intercept","regr_r2","regr_slope","regr_sxx","regr_sxy","regr_syy","row_number","sin","sinh","sqrt","stddev_pop","stddev_samp","substring","substring_regex","sum","tan","tanh","translate","translate_regex","treat","trim","trim_array","unnest","upper","value_of","var_pop","var_samp","width_bucket"],s=["create table","insert into","primary key","foreign key","not null","alter table","add constraint","grouping sets","on overflow","character set","respect nulls","ignore nulls","nulls first","nulls last","depth first","breadth first"],o=r,l=["abs","acos","all","allocate","alter","and","any","are","array","array_agg","array_max_cardinality","as","asensitive","asin","asymmetric","at","atan","atomic","authorization","avg","begin","begin_frame","begin_partition","between","bigint","binary","blob","boolean","both","by","call","called","cardinality","cascaded","case","cast","ceil","ceiling","char","char_length","character","character_length","check","classifier","clob","close","coalesce","collate","collect","column","commit","condition","connect","constraint","contains","convert","copy","corr","corresponding","cos","cosh","count","covar_pop","covar_samp","create","cross","cube","cume_dist","current","current_catalog","current_date","current_default_transform_group","current_path","current_role","current_row","current_schema","current_time","current_timestamp","current_path","current_role","current_transform_group_for_type","current_user","cursor","cycle","date","day","deallocate","dec","decimal","decfloat","declare","default","define","delete","dense_rank","deref","describe","deterministic","disconnect","distinct","double","drop","dynamic","each","element","else","empty","end","end_frame","end_partition","end-exec","equals","escape","every","except","exec","execute","exists","exp","external","extract","false","fetch","filter","first_value","float","floor","for","foreign","frame_row","free","from","full","function","fusion","get","global","grant","group","grouping","groups","having","hold","hour","identity","in","indicator","initial","inner","inout","insensitive","insert","int","integer","intersect","intersection","interval","into","is","join","json_array","json_arrayagg","json_exists","json_object","json_objectagg","json_query","json_table","json_table_primitive","json_value","lag","language","large","last_value","lateral","lead","leading","left","like","like_regex","listagg","ln","local","localtime","localtimestamp","log","log10","lower","match","match_number","match_recognize","matches","max","member","merge","method","min","minute","mod","modifies","module","month","multiset","national","natural","nchar","nclob","new","no","none","normalize","not","nth_value","ntile","null","nullif","numeric","octet_length","occurrences_regex","of","offset","old","omit","on","one","only","open","or","order","out","outer","over","overlaps","overlay","parameter","partition","pattern","per","percent","percent_rank","percentile_cont","percentile_disc","period","portion","position","position_regex","power","precedes","precision","prepare","primary","procedure","ptf","range","rank","reads","real","recursive","ref","references","referencing","regr_avgx","regr_avgy","regr_count","regr_intercept","regr_r2","regr_slope","regr_sxx","regr_sxy","regr_syy","release","result","return","returns","revoke","right","rollback","rollup","row","row_number","rows","running","savepoint","scope","scroll","search","second","seek","select","sensitive","session_user","set","show","similar","sin","sinh","skip","smallint","some","specific","specifictype","sql","sqlexception","sqlstate","sqlwarning","sqrt","start","static","stddev_pop","stddev_samp","submultiset","subset","substring","substring_regex","succeeds","sum","symmetric","system","system_time","system_user","table","tablesample","tan","tanh","then","time","timestamp","timezone_hour","timezone_minute","to","trailing","translate","translate_regex","translation","treat","trigger","trim","trim_array","true","truncate","uescape","union","unique","unknown","unnest","update","upper","user","using","value","values","value_of","var_pop","var_samp","varbinary","varchar","varying","versioning","when","whenever","where","width_bucket","window","with","within","without","year","add","asc","collation","desc","final","first","last","view"].filter((e=>!r.includes(e))),c={
+    begin:n.concat(/\b/,n.either(...o),/\s*\(/),relevance:0,keywords:{built_in:o}}
+    ;return{name:"SQL",case_insensitive:!0,illegal:/[{}]|<\//,keywords:{
+    $pattern:/\b[\w\.]+/,keyword:((e,{exceptions:n,when:t}={})=>{const a=t
+    ;return n=n||[],e.map((e=>e.match(/\|\d+$/)||n.includes(e)?e:a(e)?e+"|0":e))
+    })(l,{when:e=>e.length<3}),literal:a,type:i,
+    built_in:["current_catalog","current_date","current_default_transform_group","current_path","current_role","current_schema","current_transform_group_for_type","current_user","session_user","system_time","system_user","current_time","localtime","current_timestamp","localtimestamp"]
+    },contains:[{begin:n.either(...s),relevance:0,keywords:{$pattern:/[\w\.]+/,
+    keyword:l.concat(s),literal:a,type:i}},{className:"type",
+    begin:n.either("double precision","large object","with timezone","without timezone")
+    },c,{className:"variable",begin:/@[a-z0-9]+/},{className:"string",variants:[{
+    begin:/'/,end:/'/,contains:[{begin:/''/}]}]},{begin:/"/,end:/"/,contains:[{
+    begin:/""/}]},e.C_NUMBER_MODE,e.C_BLOCK_COMMENT_MODE,t,{className:"operator",
+    begin:/[-+*/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?/,relevance:0}]}},
+    grmr_swift:e=>{const n={match:/\s+/,relevance:0},t=e.COMMENT("/\\*","\\*/",{
+    contains:["self"]}),a=[e.C_LINE_COMMENT_MODE,t],i={match:[/\./,p(...ve,...Oe)],
+    className:{2:"keyword"}},r={match:m(/\./,p(...xe)),relevance:0
+    },s=xe.filter((e=>"string"==typeof e)).concat(["_|0"]),o={variants:[{
+    className:"keyword",
+    match:p(...xe.filter((e=>"string"!=typeof e)).concat(ke).map(Ne),...Oe)}]},l={
+    $pattern:p(/\b\w+/,/#\w+/),keyword:s.concat(Ae),literal:Me},c=[i,r,o],d=[{
+    match:m(/\./,p(...Ce)),relevance:0},{className:"built_in",
+    match:m(/\b/,p(...Ce),/(?=\()/)}],u={match:/->/,relevance:0},b=[u,{
+    className:"operator",relevance:0,variants:[{match:De},{match:`\\.(\\.|${Re})+`}]
+    }],_="([0-9a-fA-F]_*)+",h={className:"number",relevance:0,variants:[{
+    match:"\\b(([0-9]_*)+)(\\.(([0-9]_*)+))?([eE][+-]?(([0-9]_*)+))?\\b"},{
+    match:`\\b0x(${_})(\\.(${_}))?([pP][+-]?(([0-9]_*)+))?\\b`},{
+    match:/\b0o([0-7]_*)+\b/},{match:/\b0b([01]_*)+\b/}]},f=(e="")=>({
+    className:"subst",variants:[{match:m(/\\/,e,/[0\\tnr"']/)},{
+    match:m(/\\/,e,/u\{[0-9a-fA-F]{1,8}\}/)}]}),E=(e="")=>({className:"subst",
+    match:m(/\\/,e,/[\t ]*(?:[\r\n]|\r\n)/)}),y=(e="")=>({className:"subst",
+    label:"interpol",begin:m(/\\/,e,/\(/),end:/\)/}),w=(e="")=>({begin:m(e,/"""/),
+    end:m(/"""/,e),contains:[f(e),E(e),y(e)]}),N=(e="")=>({begin:m(e,/"/),
+    end:m(/"/,e),contains:[f(e),y(e)]}),v={className:"string",
+    variants:[w(),w("#"),w("##"),w("###"),N(),N("#"),N("##"),N("###")]},O={
+    match:m(/`/,Be,/`/)},k=[O,{className:"variable",match:/\$\d+/},{
+    className:"variable",match:`\\$${Le}+`}],x=[{match:/(@|#(un)?)available/,
+    className:"keyword",starts:{contains:[{begin:/\(/,end:/\)/,keywords:Fe,
+    contains:[...b,h,v]}]}},{className:"keyword",match:m(/@/,p(...ze))},{
+    className:"meta",match:m(/@/,Be)}],M={match:g(/\b[A-Z]/),relevance:0,contains:[{
+    className:"type",
+    match:m(/(AV|CA|CF|CG|CI|CL|CM|CN|CT|MK|MP|MTK|MTL|NS|SCN|SK|UI|WK|XC)/,Le,"+")
+    },{className:"type",match:$e,relevance:0},{match:/[?!]+/,relevance:0},{
+    match:/\.\.\./,relevance:0},{match:m(/\s+&\s+/,g($e)),relevance:0}]},S={
+    begin:/</,end:/>/,keywords:l,contains:[...a,...c,...x,u,M]};M.contains.push(S)
+    ;const A={begin:/\(/,end:/\)/,relevance:0,keywords:l,contains:["self",{
+    match:m(Be,/\s*:/),keywords:"_|0",relevance:0
+    },...a,...c,...d,...b,h,v,...k,...x,M]},C={begin:/</,end:/>/,contains:[...a,M]
+    },T={begin:/\(/,end:/\)/,keywords:l,contains:[{
+    begin:p(g(m(Be,/\s*:/)),g(m(Be,/\s+/,Be,/\s*:/))),end:/:/,relevance:0,
+    contains:[{className:"keyword",match:/\b_\b/},{className:"params",match:Be}]
+    },...a,...c,...b,h,v,...x,M,A],endsParent:!0,illegal:/["']/},R={
+    match:[/func/,/\s+/,p(O.match,Be,De)],className:{1:"keyword",3:"title.function"
+    },contains:[C,T,n],illegal:[/\[/,/%/]},D={
+    match:[/\b(?:subscript|init[?!]?)/,/\s*(?=[<(])/],className:{1:"keyword"},
+    contains:[C,T,n],illegal:/\[|%/},I={match:[/operator/,/\s+/,De],className:{
+    1:"keyword",3:"title"}},L={begin:[/precedencegroup/,/\s+/,$e],className:{
+    1:"keyword",3:"title"},contains:[M],keywords:[...Se,...Me],end:/}/}
+    ;for(const e of v.variants){const n=e.contains.find((e=>"interpol"===e.label))
+    ;n.keywords=l;const t=[...c,...d,...b,h,v,...k];n.contains=[...t,{begin:/\(/,
+    end:/\)/,contains:["self",...t]}]}return{name:"Swift",keywords:l,
+    contains:[...a,R,D,{beginKeywords:"struct protocol class extension enum actor",
+    end:"\\{",excludeEnd:!0,keywords:l,contains:[e.inherit(e.TITLE_MODE,{
+    className:"title.class",begin:/[A-Za-z$_][\u00C0-\u02B80-9A-Za-z$_]*/}),...c]
+    },I,L,{beginKeywords:"import",end:/$/,contains:[...a],relevance:0
+    },...c,...d,...b,h,v,...k,...x,M,A]}},grmr_typescript:e=>{
+    const n=we(e),t=["any","void","number","boolean","string","object","never","symbol","bigint","unknown"],a={
+    beginKeywords:"namespace",end:/\{/,excludeEnd:!0,
+    contains:[n.exports.CLASS_REFERENCE]},i={beginKeywords:"interface",end:/\{/,
+    excludeEnd:!0,keywords:{keyword:"interface extends",built_in:t},
+    contains:[n.exports.CLASS_REFERENCE]},r={$pattern:be,
+    keyword:me.concat(["type","namespace","interface","public","private","protected","implements","declare","abstract","readonly","enum","override"]),
+    literal:pe,built_in:ye.concat(t),"variable.language":Ee},s={className:"meta",
+    begin:"@[A-Za-z$_][0-9A-Za-z$_]*"},o=(e,n,t)=>{
+    const a=e.contains.findIndex((e=>e.label===n))
+    ;if(-1===a)throw Error("can not find mode to replace");e.contains.splice(a,1,t)}
+    ;return Object.assign(n.keywords,r),
+    n.exports.PARAMS_CONTAINS.push(s),n.contains=n.contains.concat([s,a,i]),
+    o(n,"shebang",e.SHEBANG()),o(n,"use_strict",{className:"meta",relevance:10,
+    begin:/^\s*['"]use strict['"]/
+    }),n.contains.find((e=>"func.def"===e.label)).relevance=0,Object.assign(n,{
+    name:"TypeScript",aliases:["ts","tsx"]}),n},grmr_vbnet:e=>{
+    const n=e.regex,t=/\d{1,2}\/\d{1,2}\/\d{4}/,a=/\d{4}-\d{1,2}-\d{1,2}/,i=/(\d|1[012])(:\d+){0,2} *(AM|PM)/,r=/\d{1,2}(:\d{1,2}){1,2}/,s={
+    className:"literal",variants:[{begin:n.concat(/# */,n.either(a,t),/ *#/)},{
+    begin:n.concat(/# */,r,/ *#/)},{begin:n.concat(/# */,i,/ *#/)},{
+    begin:n.concat(/# */,n.either(a,t),/ +/,n.either(i,r),/ *#/)}]
+    },o=e.COMMENT(/'''/,/$/,{contains:[{className:"doctag",begin:/<\/?/,end:/>/}]
+    }),l=e.COMMENT(null,/$/,{variants:[{begin:/'/},{begin:/([\t ]|^)REM(?=\s)/}]})
+    ;return{name:"Visual Basic .NET",aliases:["vb"],case_insensitive:!0,
+    classNameAliases:{label:"symbol"},keywords:{
+    keyword:"addhandler alias aggregate ansi as async assembly auto binary by byref byval call case catch class compare const continue custom declare default delegate dim distinct do each equals else elseif end enum erase error event exit explicit finally for friend from function get global goto group handles if implements imports in inherits interface into iterator join key let lib loop me mid module mustinherit mustoverride mybase myclass namespace narrowing new next notinheritable notoverridable of off on operator option optional order overloads overridable overrides paramarray partial preserve private property protected public raiseevent readonly redim removehandler resume return select set shadows shared skip static step stop structure strict sub synclock take text then throw to try unicode until using when where while widening with withevents writeonly yield",
+    built_in:"addressof and andalso await directcast gettype getxmlnamespace is isfalse isnot istrue like mod nameof new not or orelse trycast typeof xor cbool cbyte cchar cdate cdbl cdec cint clng cobj csbyte cshort csng cstr cuint culng cushort",
+    type:"boolean byte char date decimal double integer long object sbyte short single string uinteger ulong ushort",
+    literal:"true false nothing"},
+    illegal:"//|\\{|\\}|endif|gosub|variant|wend|^\\$ ",contains:[{
+    className:"string",begin:/"(""|[^/n])"C\b/},{className:"string",begin:/"/,
+    end:/"/,illegal:/\n/,contains:[{begin:/""/}]},s,{className:"number",relevance:0,
+    variants:[{begin:/\b\d[\d_]*((\.[\d_]+(E[+-]?[\d_]+)?)|(E[+-]?[\d_]+))[RFD@!#]?/
+    },{begin:/\b\d[\d_]*((U?[SIL])|[%&])?/},{begin:/&H[\dA-F_]+((U?[SIL])|[%&])?/},{
+    begin:/&O[0-7_]+((U?[SIL])|[%&])?/},{begin:/&B[01_]+((U?[SIL])|[%&])?/}]},{
+    className:"label",begin:/^\w+:/},o,l,{className:"meta",
+    begin:/[\t ]*#(const|disable|else|elseif|enable|end|externalsource|if|region)\b/,
+    end:/$/,keywords:{
+    keyword:"const disable else elseif enable end externalsource if region then"},
+    contains:[l]}]}},grmr_wasm:e=>{e.regex;const n=e.COMMENT(/\(;/,/;\)/)
+    ;return n.contains.push("self"),{name:"WebAssembly",keywords:{$pattern:/[\w.]+/,
+    keyword:["anyfunc","block","br","br_if","br_table","call","call_indirect","data","drop","elem","else","end","export","func","global.get","global.set","local.get","local.set","local.tee","get_global","get_local","global","if","import","local","loop","memory","memory.grow","memory.size","module","mut","nop","offset","param","result","return","select","set_global","set_local","start","table","tee_local","then","type","unreachable"]
+    },contains:[e.COMMENT(/;;/,/$/),n,{match:[/(?:offset|align)/,/\s*/,/=/],
+    className:{1:"keyword",3:"operator"}},{className:"variable",begin:/\$[\w_]+/},{
+    match:/(\((?!;)|\))+/,className:"punctuation",relevance:0},{
+    begin:[/(?:func|call|call_indirect)/,/\s+/,/\$[^\s)]+/],className:{1:"keyword",
+    3:"title.function"}},e.QUOTE_STRING_MODE,{match:/(i32|i64|f32|f64)(?!\.)/,
+    className:"type"},{className:"keyword",
+    match:/\b(f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|nearest|neg?|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|store(?:8|16|32)?|sqrt|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))\b/
+    },{className:"number",relevance:0,
+    match:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/
+    }]}},grmr_yaml:e=>{
+    const n="true false yes no null",t="[\\w#;/?:@&=+$,.~*'()[\\]]+",a={
+    className:"string",relevance:0,variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/
+    },{begin:/\S+/}],contains:[e.BACKSLASH_ESCAPE,{className:"template-variable",
+    variants:[{begin:/\{\{/,end:/\}\}/},{begin:/%\{/,end:/\}/}]}]},i=e.inherit(a,{
+    variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/},{begin:/[^\s,{}[\]]+/}]}),r={
+    end:",",endsWithParent:!0,excludeEnd:!0,keywords:n,relevance:0},s={begin:/\{/,
+    end:/\}/,contains:[r],illegal:"\\n",relevance:0},o={begin:"\\[",end:"\\]",
+    contains:[r],illegal:"\\n",relevance:0},l=[{className:"attr",variants:[{
+    begin:"\\w[\\w :\\/.-]*:(?=[ \t]|$)"},{begin:'"\\w[\\w :\\/.-]*":(?=[ \t]|$)'},{
+    begin:"'\\w[\\w :\\/.-]*':(?=[ \t]|$)"}]},{className:"meta",begin:"^---\\s*$",
+    relevance:10},{className:"string",
+    begin:"[\\|>]([1-9]?[+-])?[ ]*\\n( +)[^ ][^\\n]*\\n(\\2[^\\n]+\\n?)*"},{
+    begin:"<%[%=-]?",end:"[%-]?%>",subLanguage:"ruby",excludeBegin:!0,excludeEnd:!0,
+    relevance:0},{className:"type",begin:"!\\w+!"+t},{className:"type",
+    begin:"!<"+t+">"},{className:"type",begin:"!"+t},{className:"type",begin:"!!"+t
+    },{className:"meta",begin:"&"+e.UNDERSCORE_IDENT_RE+"$"},{className:"meta",
+    begin:"\\*"+e.UNDERSCORE_IDENT_RE+"$"},{className:"bullet",begin:"-(?=[ ]|$)",
+    relevance:0},e.HASH_COMMENT_MODE,{beginKeywords:n,keywords:{literal:n}},{
+    className:"number",
+    begin:"\\b[0-9]{4}(-[0-9][0-9]){0,2}([Tt \\t][0-9][0-9]?(:[0-9][0-9]){2})?(\\.[0-9]*)?([ \\t])*(Z|[-+][0-9][0-9]?(:[0-9][0-9])?)?\\b"
+    },{className:"number",begin:e.C_NUMBER_RE+"\\b",relevance:0},s,o,a],c=[...l]
+    ;return c.pop(),c.push(i),r.contains=c,{name:"YAML",case_insensitive:!0,
+    aliases:["yml"],contains:l}}});const je=ne;for(const e of Object.keys(Ue)){
+    const n=e.replace("grmr_","").replace("_","-");je.registerLanguage(n,Ue[e])}
+    return je}()
+    ;"object"==typeof exports&&"undefined"!=typeof module&&(module.exports=hljs);
\ No newline at end of file
diff --git a/public/assets/js/nice-select2.js b/public/assets/js/nice-select2.js
new file mode 100644
index 0000000000000000000000000000000000000000..22a70e5f458eec0ef7e605e29f65eabe1d9445e1
--- /dev/null
+++ b/public/assets/js/nice-select2.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.NiceSelect=t():e.NiceSelect=t()}(self,(function(){return(()=>{"use strict";var e={d:(t,i)=>{for(var s in i)e.o(i,s)&&!e.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:i[s]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};function i(e){var t=document.createEvent("MouseEvents");t.initEvent("click",!0,!1),e.dispatchEvent(t)}function s(e){var t=document.createEvent("HTMLEvents");t.initEvent("change",!0,!1),e.dispatchEvent(t)}function o(e){var t=document.createEvent("FocusEvent");t.initEvent("focusin",!0,!1),e.dispatchEvent(t)}function n(e){var t=document.createEvent("FocusEvent");t.initEvent("focusout",!0,!1),e.dispatchEvent(t)}function d(e,t){return e.getAttribute(t)}function r(e,t){return!!e&&e.classList.contains(t)}function l(e,t){if(e)return e.classList.add(t)}function a(e,t){if(e)return e.classList.remove(t)}e.r(t),e.d(t,{default:()=>p,bind:()=>u});var c={data:null,searchable:!1};function p(e,t){this.el=e,this.config=Object.assign({},c,t||{}),this.data=this.config.data,this.selectedOptions=[],this.placeholder=d(this.el,"placeholder")||this.config.placeholder||"Select an option",this.dropdown=null,this.multiple=d(this.el,"multiple"),this.disabled=d(this.el,"disabled"),this.create()}function u(e,t){return new p(e,t)}return p.prototype.create=function(){this.el.style.display="none",this.data?this.processData(this.data):this.extractData(),this.renderDropdown(),this.bindEvent()},p.prototype.processData=function(e){var t=[];e.forEach((e=>{t.push({data:e,attributes:{selected:!1,disabled:!1,optgroup:"optgroup"==e.value}})})),this.options=t},p.prototype.extractData=function(){var e=this.el.querySelectorAll("option,optgroup"),t=[],i=[],s=[];e.forEach((e=>{if("OPTGROUP"==e.tagName)var s={text:e.label,value:"optgroup"};else s={text:e.innerText,value:e.value};var o={selected:null!=e.getAttribute("selected"),disabled:null!=e.getAttribute("disabled"),optgroup:"OPTGROUP"==e.tagName};t.push(s),i.push({data:s,attributes:o})})),this.data=t,this.options=i,this.options.forEach((function(e){e.attributes.selected&&s.push(e)})),this.selectedOptions=s},p.prototype.renderDropdown=function(){var e=`<div class="${["nice-select",d(this.el,"class")||"",this.disabled?"disabled":"",this.multiple?"has-multiple":""].join(" ")}" tabindex="${this.disabled?null:0}">\n  <span class="${this.multiple?"multiple-options":"current"}"></span>\n  <div class="nice-select-dropdown">\n  ${this.config.searchable?'<div class="nice-select-search-box">\n<input type="text" class="nice-select-search" placeholder="Search..."/>\n</div>':""}\n  <ul class="list"></ul>\n  </div></div>\n`;this.el.insertAdjacentHTML("afterend",e),this.dropdown=this.el.nextElementSibling,this._renderSelectedItems(),this._renderItems()},p.prototype._renderSelectedItems=function(){if(this.multiple){var e="";"auto"==window.getComputedStyle(this.dropdown).width||this.selectedOptions.length<2?(this.selectedOptions.forEach((function(t){e+=`<span class="current">${t.data.text}</span>`})),e=""==e?this.placeholder:e):e=this.selectedOptions.length+" selected",this.dropdown.querySelector(".multiple-options").innerHTML=e}else{var t=this.selectedOptions.length>0?this.selectedOptions[0].data.text:this.placeholder;this.dropdown.querySelector(".current").innerHTML=t}},p.prototype._renderItems=function(){var e=this.dropdown.querySelector("ul");this.options.forEach((t=>{e.appendChild(this._renderItem(t))}))},p.prototype._renderItem=function(e){var t=document.createElement("li");if(t.innerHTML=e.data.text,e.attributes.optgroup)t.classList.add("optgroup");else{t.setAttribute("data-value",e.data.value);var i=["option",e.attributes.selected?"selected":null,e.attributes.disabled?"disabled":null];t.addEventListener("click",this._onItemClicked.bind(this,e)),t.classList.add(...i)}return e.element=t,t},p.prototype.update=function(){if(this.extractData(),this.dropdown){var e=r(this.dropdown,"open");this.dropdown.parentNode.removeChild(this.dropdown),this.create(),e&&i(this.dropdown)}},p.prototype.disable=function(){this.disabled||(this.disabled=!0,l(this.dropdown,"disabled"))},p.prototype.enable=function(){this.disabled&&(this.disabled=!1,a(this.dropdown,"disabled"))},p.prototype.clear=function(){this.selectedOptions=[],this._renderSelectedItems(),this.updateSelectValue(),s(this.el)},p.prototype.destroy=function(){this.dropdown&&(this.dropdown.parentNode.removeChild(this.dropdown),this.el.style.display="")},p.prototype.bindEvent=function(){this.dropdown.addEventListener("click",this._onClicked.bind(this)),this.dropdown.addEventListener("keydown",this._onKeyPressed.bind(this)),this.dropdown.addEventListener("focusin",o.bind(this,this.el)),this.dropdown.addEventListener("focusout",n.bind(this,this.el)),window.addEventListener("click",this._onClickedOutside.bind(this)),this.config.searchable&&this._bindSearchEvent()},p.prototype._bindSearchEvent=function(){var e=this.dropdown.querySelector(".nice-select-search");e&&e.addEventListener("click",(function(e){return e.stopPropagation(),!1})),e.addEventListener("input",this._onSearchChanged.bind(this))},p.prototype._onClicked=function(e){if(this.multiple?this.dropdown.classList.add("open"):this.dropdown.classList.toggle("open"),this.dropdown.classList.contains("open")){var t=this.dropdown.querySelector(".nice-select-search");t&&(t.value="",t.focus());var i=this.dropdown.querySelector(".focus");a(i,"focus"),l(i=this.dropdown.querySelector(".selected"),"focus"),this.dropdown.querySelectorAll("ul li").forEach((function(e){e.style.display=""}))}else this.dropdown.focus()},p.prototype._onItemClicked=function(e,t){var i=t.target;r(i,"disabled")||(this.multiple?r(i,"selected")?(a(i,"selected"),this.selectedOptions.splice(this.selectedOptions.indexOf(e),1),this.el.querySelector('option[value="'+i.dataset.value+'"]').selected=!1):(l(i,"selected"),this.selectedOptions.push(e)):(this.selectedOptions.forEach((function(e){a(e.element,"selected")})),l(i,"selected"),this.selectedOptions=[e]),this._renderSelectedItems(),this.updateSelectValue())},p.prototype.updateSelectValue=function(){if(this.multiple){var e=this.el;this.selectedOptions.forEach((function(t){var i=e.querySelector('option[value="'+t.data.value+'"]');i&&i.setAttribute("selected",!0)}))}else this.selectedOptions.length>0&&(this.el.value=this.selectedOptions[0].data.value);s(this.el)},p.prototype._onClickedOutside=function(e){this.dropdown.contains(e.target)||this.dropdown.classList.remove("open")},p.prototype._onKeyPressed=function(e){var t=this.dropdown.querySelector(".focus"),s=this.dropdown.classList.contains("open");if(32==e.keyCode||13==e.keyCode)i(s?t:this.dropdown);else if(40==e.keyCode){if(s){var o=this._findNext(t);o&&(a(this.dropdown.querySelector(".focus"),"focus"),l(o,"focus"))}else i(this.dropdown);e.preventDefault()}else if(38==e.keyCode){if(s){var n=this._findPrev(t);n&&(a(this.dropdown.querySelector(".focus"),"focus"),l(n,"focus"))}else i(this.dropdown);e.preventDefault()}else 27==e.keyCode&&s&&i(this.dropdown);return!1},p.prototype._findNext=function(e){for(e=e?e.nextElementSibling:this.dropdown.querySelector(".list .option");e;){if(!r(e,"disabled")&&"none"!=e.style.display)return e;e=e.nextElementSibling}return null},p.prototype._findPrev=function(e){for(e=e?e.previousElementSibling:this.dropdown.querySelector(".list .option:last-child");e;){if(!r(e,"disabled")&&"none"!=e.style.display)return e;e=e.previousElementSibling}return null},p.prototype._onSearchChanged=function(e){var t=this.dropdown.classList.contains("open"),i=e.target.value;if(""==(i=i.toLowerCase()))this.options.forEach((function(e){e.element.style.display=""}));else if(t){var s=new RegExp(i);this.options.forEach((function(e){var t=e.data.text.toLowerCase(),i=s.test(t);e.element.style.display=i?"":"none"}))}this.dropdown.querySelectorAll(".focus").forEach((function(e){a(e,"focus")})),l(this._findNext(null),"focus")},t})()}));
+
diff --git a/public/assets/js/nouislider.min.js b/public/assets/js/nouislider.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..ca2b37b74058b1be0c0a7f71bbcb148fb612befd
--- /dev/null
+++ b/public/assets/js/nouislider.min.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).noUiSlider={})}(this,function(ot){"use strict";function n(t){return"object"==typeof t&&"function"==typeof t.to}function st(t){t.parentElement.removeChild(t)}function at(t){return null!=t}function lt(t){t.preventDefault()}function i(t){return"number"==typeof t&&!isNaN(t)&&isFinite(t)}function ut(t,e,r){0<r&&(ft(t,e),setTimeout(function(){dt(t,e)},r))}function ct(t){return Math.max(Math.min(t,100),0)}function pt(t){return Array.isArray(t)?t:[t]}function e(t){t=(t=String(t)).split(".");return 1<t.length?t[1].length:0}function ft(t,e){t.classList&&!/\s/.test(e)?t.classList.add(e):t.className+=" "+e}function dt(t,e){t.classList&&!/\s/.test(e)?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\b)"+e.split(" ").join("|")+"(\\b|$)","gi")," ")}function ht(t){var e=void 0!==window.pageXOffset,r="CSS1Compat"===(t.compatMode||"");return{x:e?window.pageXOffset:(r?t.documentElement:t.body).scrollLeft,y:e?window.pageYOffset:(r?t.documentElement:t.body).scrollTop}}function s(t,e){return 100/(e-t)}function a(t,e,r){return 100*e/(t[r+1]-t[r])}function l(t,e){for(var r=1;t>=e[r];)r+=1;return r}function r(t,e,r){if(r>=t.slice(-1)[0])return 100;var n=l(r,t),i=t[n-1],o=t[n],t=e[n-1],n=e[n];return t+(r=r,a(o=[i,o],o[0]<0?r+Math.abs(o[0]):r-o[0],0)/s(t,n))}function o(t,e,r,n){if(100===n)return n;var i=l(n,t),o=t[i-1],s=t[i];return r?(s-o)/2<n-o?s:o:e[i-1]?t[i-1]+(t=n-t[i-1],i=e[i-1],Math.round(t/i)*i):n}ot.PipsMode=void 0,(H=ot.PipsMode||(ot.PipsMode={})).Range="range",H.Steps="steps",H.Positions="positions",H.Count="count",H.Values="values",ot.PipsType=void 0,(H=ot.PipsType||(ot.PipsType={}))[H.None=-1]="None",H[H.NoValue=0]="NoValue",H[H.LargeValue=1]="LargeValue",H[H.SmallValue=2]="SmallValue";var u=(t.prototype.getDistance=function(t){for(var e=[],r=0;r<this.xNumSteps.length-1;r++)e[r]=a(this.xVal,t,r);return e},t.prototype.getAbsoluteDistance=function(t,e,r){var n=0;if(t<this.xPct[this.xPct.length-1])for(;t>this.xPct[n+1];)n++;else t===this.xPct[this.xPct.length-1]&&(n=this.xPct.length-2);r||t!==this.xPct[n+1]||n++;for(var i,o=1,s=(e=null===e?[]:e)[n],a=0,l=0,u=0,c=r?(t-this.xPct[n])/(this.xPct[n+1]-this.xPct[n]):(this.xPct[n+1]-t)/(this.xPct[n+1]-this.xPct[n]);0<s;)i=this.xPct[n+1+u]-this.xPct[n+u],100<e[n+u]*o+100-100*c?(a=i*c,o=(s-100*c)/e[n+u],c=1):(a=e[n+u]*i/100*o,o=0),r?(l-=a,1<=this.xPct.length+u&&u--):(l+=a,1<=this.xPct.length-u&&u++),s=e[n+u]*o;return t+l},t.prototype.toStepping=function(t){return t=r(this.xVal,this.xPct,t)},t.prototype.fromStepping=function(t){return function(t,e,r){if(100<=r)return t.slice(-1)[0];var n=l(r,e),i=t[n-1],o=t[n],t=e[n-1],n=e[n];return(r-t)*s(t,n)*((o=[i,o])[1]-o[0])/100+o[0]}(this.xVal,this.xPct,t)},t.prototype.getStep=function(t){return t=o(this.xPct,this.xSteps,this.snap,t)},t.prototype.getDefaultStep=function(t,e,r){var n=l(t,this.xPct);return(100===t||e&&t===this.xPct[n-1])&&(n=Math.max(n-1,1)),(this.xVal[n]-this.xVal[n-1])/r},t.prototype.getNearbySteps=function(t){t=l(t,this.xPct);return{stepBefore:{startValue:this.xVal[t-2],step:this.xNumSteps[t-2],highestStep:this.xHighestCompleteStep[t-2]},thisStep:{startValue:this.xVal[t-1],step:this.xNumSteps[t-1],highestStep:this.xHighestCompleteStep[t-1]},stepAfter:{startValue:this.xVal[t],step:this.xNumSteps[t],highestStep:this.xHighestCompleteStep[t]}}},t.prototype.countStepDecimals=function(){var t=this.xNumSteps.map(e);return Math.max.apply(null,t)},t.prototype.hasNoSize=function(){return this.xVal[0]===this.xVal[this.xVal.length-1]},t.prototype.convert=function(t){return this.getStep(this.toStepping(t))},t.prototype.handleEntryPoint=function(t,e){t="min"===t?0:"max"===t?100:parseFloat(t);if(!i(t)||!i(e[0]))throw new Error("noUiSlider: 'range' value isn't numeric.");this.xPct.push(t),this.xVal.push(e[0]);e=Number(e[1]);t?this.xSteps.push(!isNaN(e)&&e):isNaN(e)||(this.xSteps[0]=e),this.xHighestCompleteStep.push(0)},t.prototype.handleStepPoint=function(t,e){e&&(this.xVal[t]!==this.xVal[t+1]?(this.xSteps[t]=a([this.xVal[t],this.xVal[t+1]],e,0)/s(this.xPct[t],this.xPct[t+1]),e=(this.xVal[t+1]-this.xVal[t])/this.xNumSteps[t],e=Math.ceil(Number(e.toFixed(3))-1),e=this.xVal[t]+this.xNumSteps[t]*e,this.xHighestCompleteStep[t]=e):this.xSteps[t]=this.xHighestCompleteStep[t]=this.xVal[t])},t);function t(e,t,r){var n;this.xPct=[],this.xVal=[],this.xSteps=[],this.xNumSteps=[],this.xHighestCompleteStep=[],this.xSteps=[r||!1],this.xNumSteps=[!1],this.snap=t;var i=[];for(Object.keys(e).forEach(function(t){i.push([pt(e[t]),t])}),i.sort(function(t,e){return t[0][0]-e[0][0]}),n=0;n<i.length;n++)this.handleEntryPoint(i[n][1],i[n][0]);for(this.xNumSteps=this.xSteps.slice(0),n=0;n<this.xNumSteps.length;n++)this.handleStepPoint(n,this.xNumSteps[n])}var c={to:function(t){return void 0===t?"":t.toFixed(2)},from:Number},p={target:"target",base:"base",origin:"origin",handle:"handle",handleLower:"handle-lower",handleUpper:"handle-upper",touchArea:"touch-area",horizontal:"horizontal",vertical:"vertical",background:"background",connect:"connect",connects:"connects",ltr:"ltr",rtl:"rtl",textDirectionLtr:"txt-dir-ltr",textDirectionRtl:"txt-dir-rtl",draggable:"draggable",drag:"state-drag",tap:"state-tap",active:"active",tooltip:"tooltip",pips:"pips",pipsHorizontal:"pips-horizontal",pipsVertical:"pips-vertical",marker:"marker",markerHorizontal:"marker-horizontal",markerVertical:"marker-vertical",markerNormal:"marker-normal",markerLarge:"marker-large",markerSub:"marker-sub",value:"value",valueHorizontal:"value-horizontal",valueVertical:"value-vertical",valueNormal:"value-normal",valueLarge:"value-large",valueSub:"value-sub"},mt={tooltips:".__tooltips",aria:".__aria"};function f(t,e){if(!i(e))throw new Error("noUiSlider: 'step' is not numeric.");t.singleStep=e}function d(t,e){if(!i(e))throw new Error("noUiSlider: 'keyboardPageMultiplier' is not numeric.");t.keyboardPageMultiplier=e}function h(t,e){if(!i(e))throw new Error("noUiSlider: 'keyboardMultiplier' is not numeric.");t.keyboardMultiplier=e}function m(t,e){if(!i(e))throw new Error("noUiSlider: 'keyboardDefaultStep' is not numeric.");t.keyboardDefaultStep=e}function g(t,e){if("object"!=typeof e||Array.isArray(e))throw new Error("noUiSlider: 'range' is not an object.");if(void 0===e.min||void 0===e.max)throw new Error("noUiSlider: Missing 'min' or 'max' in 'range'.");t.spectrum=new u(e,t.snap||!1,t.singleStep)}function v(t,e){if(e=pt(e),!Array.isArray(e)||!e.length)throw new Error("noUiSlider: 'start' option is incorrect.");t.handles=e.length,t.start=e}function b(t,e){if("boolean"!=typeof e)throw new Error("noUiSlider: 'snap' option must be a boolean.");t.snap=e}function S(t,e){if("boolean"!=typeof e)throw new Error("noUiSlider: 'animate' option must be a boolean.");t.animate=e}function x(t,e){if("number"!=typeof e)throw new Error("noUiSlider: 'animationDuration' option must be a number.");t.animationDuration=e}function y(t,e){var r,n=[!1];if("lower"===e?e=[!0,!1]:"upper"===e&&(e=[!1,!0]),!0===e||!1===e){for(r=1;r<t.handles;r++)n.push(e);n.push(!1)}else{if(!Array.isArray(e)||!e.length||e.length!==t.handles+1)throw new Error("noUiSlider: 'connect' option doesn't match handle count.");n=e}t.connect=n}function w(t,e){switch(e){case"horizontal":t.ort=0;break;case"vertical":t.ort=1;break;default:throw new Error("noUiSlider: 'orientation' option is invalid.")}}function E(t,e){if(!i(e))throw new Error("noUiSlider: 'margin' option must be numeric.");0!==e&&(t.margin=t.spectrum.getDistance(e))}function P(t,e){if(!i(e))throw new Error("noUiSlider: 'limit' option must be numeric.");if(t.limit=t.spectrum.getDistance(e),!t.limit||t.handles<2)throw new Error("noUiSlider: 'limit' option is only supported on linear sliders with 2 or more handles.")}function C(t,e){var r;if(!i(e)&&!Array.isArray(e))throw new Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");if(Array.isArray(e)&&2!==e.length&&!i(e[0])&&!i(e[1]))throw new Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");if(0!==e){for(Array.isArray(e)||(e=[e,e]),t.padding=[t.spectrum.getDistance(e[0]),t.spectrum.getDistance(e[1])],r=0;r<t.spectrum.xNumSteps.length-1;r++)if(t.padding[0][r]<0||t.padding[1][r]<0)throw new Error("noUiSlider: 'padding' option must be a positive number(s).");var n=e[0]+e[1],e=t.spectrum.xVal[0];if(1<n/(t.spectrum.xVal[t.spectrum.xVal.length-1]-e))throw new Error("noUiSlider: 'padding' option must not exceed 100% of the range.")}}function N(t,e){switch(e){case"ltr":t.dir=0;break;case"rtl":t.dir=1;break;default:throw new Error("noUiSlider: 'direction' option was not recognized.")}}function V(t,e){if("string"!=typeof e)throw new Error("noUiSlider: 'behaviour' must be a string containing options.");var r=0<=e.indexOf("tap"),n=0<=e.indexOf("drag"),i=0<=e.indexOf("fixed"),o=0<=e.indexOf("snap"),s=0<=e.indexOf("hover"),a=0<=e.indexOf("unconstrained"),l=0<=e.indexOf("drag-all"),e=0<=e.indexOf("smooth-steps");if(i){if(2!==t.handles)throw new Error("noUiSlider: 'fixed' behaviour must be used with 2 handles");E(t,t.start[1]-t.start[0])}if(a&&(t.margin||t.limit))throw new Error("noUiSlider: 'unconstrained' behaviour cannot be used with margin or limit");t.events={tap:r||o,drag:n,dragAll:l,smoothSteps:e,fixed:i,snap:o,hover:s,unconstrained:a}}function k(t,e){if(!1!==e)if(!0===e||n(e)){t.tooltips=[];for(var r=0;r<t.handles;r++)t.tooltips.push(e)}else{if((e=pt(e)).length!==t.handles)throw new Error("noUiSlider: must pass a formatter for all handles.");e.forEach(function(t){if("boolean"!=typeof t&&!n(t))throw new Error("noUiSlider: 'tooltips' must be passed a formatter or 'false'.")}),t.tooltips=e}}function M(t,e){if(e.length!==t.handles)throw new Error("noUiSlider: must pass a attributes for all handles.");t.handleAttributes=e}function A(t,e){if(!n(e))throw new Error("noUiSlider: 'ariaFormat' requires 'to' method.");t.ariaFormat=e}function U(t,e){if(!n(r=e)||"function"!=typeof r.from)throw new Error("noUiSlider: 'format' requires 'to' and 'from' methods.");var r;t.format=e}function D(t,e){if("boolean"!=typeof e)throw new Error("noUiSlider: 'keyboardSupport' option must be a boolean.");t.keyboardSupport=e}function O(t,e){t.documentElement=e}function L(t,e){if("string"!=typeof e&&!1!==e)throw new Error("noUiSlider: 'cssPrefix' must be a string or `false`.");t.cssPrefix=e}function T(e,r){if("object"!=typeof r)throw new Error("noUiSlider: 'cssClasses' must be an object.");"string"==typeof e.cssPrefix?(e.cssClasses={},Object.keys(r).forEach(function(t){e.cssClasses[t]=e.cssPrefix+r[t]})):e.cssClasses=r}function gt(e){var r={margin:null,limit:null,padding:null,animate:!0,animationDuration:300,ariaFormat:c,format:c},n={step:{r:!1,t:f},keyboardPageMultiplier:{r:!1,t:d},keyboardMultiplier:{r:!1,t:h},keyboardDefaultStep:{r:!1,t:m},start:{r:!0,t:v},connect:{r:!0,t:y},direction:{r:!0,t:N},snap:{r:!1,t:b},animate:{r:!1,t:S},animationDuration:{r:!1,t:x},range:{r:!0,t:g},orientation:{r:!1,t:w},margin:{r:!1,t:E},limit:{r:!1,t:P},padding:{r:!1,t:C},behaviour:{r:!0,t:V},ariaFormat:{r:!1,t:A},format:{r:!1,t:U},tooltips:{r:!1,t:k},keyboardSupport:{r:!0,t:D},documentElement:{r:!1,t:O},cssPrefix:{r:!0,t:L},cssClasses:{r:!0,t:T},handleAttributes:{r:!1,t:M}},i={connect:!1,direction:"ltr",behaviour:"tap",orientation:"horizontal",keyboardSupport:!0,cssPrefix:"noUi-",cssClasses:p,keyboardPageMultiplier:5,keyboardMultiplier:1,keyboardDefaultStep:10};e.format&&!e.ariaFormat&&(e.ariaFormat=e.format),Object.keys(n).forEach(function(t){if(at(e[t])||void 0!==i[t])n[t].t(r,(at(e[t])?e:i)[t]);else if(n[t].r)throw new Error("noUiSlider: '"+t+"' is required.")}),r.pips=e.pips;var t=document.createElement("div"),o=void 0!==t.style.msTransform,t=void 0!==t.style.transform;r.transformRule=t?"transform":o?"msTransform":"webkitTransform";return r.style=[["left","top"],["right","bottom"]][r.dir][r.ort],r}function j(t,f,o){var i,l,a,n,s,u,c=window.navigator.pointerEnabled?{start:"pointerdown",move:"pointermove",end:"pointerup"}:window.navigator.msPointerEnabled?{start:"MSPointerDown",move:"MSPointerMove",end:"MSPointerUp"}:{start:"mousedown touchstart",move:"mousemove touchmove",end:"mouseup touchend"},p=window.CSS&&CSS.supports&&CSS.supports("touch-action","none")&&function(){var t=!1;try{var e=Object.defineProperty({},"passive",{get:function(){t=!0}});window.addEventListener("test",null,e)}catch(t){}return t}(),d=t,S=f.spectrum,h=[],m=[],g=[],v=0,b={},x=t.ownerDocument,y=f.documentElement||x.documentElement,w=x.body,E="rtl"===x.dir||1===f.ort?0:100;function P(t,e){var r=x.createElement("div");return e&&ft(r,e),t.appendChild(r),r}function C(t,e){var r,t=P(t,f.cssClasses.origin),n=P(t,f.cssClasses.handle);return P(n,f.cssClasses.touchArea),n.setAttribute("data-handle",String(e)),f.keyboardSupport&&(n.setAttribute("tabindex","0"),n.addEventListener("keydown",function(t){return function(t,e){if(V()||k(e))return!1;var r=["Left","Right"],n=["Down","Up"],i=["PageDown","PageUp"],o=["Home","End"];f.dir&&!f.ort?r.reverse():f.ort&&!f.dir&&(n.reverse(),i.reverse());var s=t.key.replace("Arrow",""),a=s===i[0],l=s===i[1],i=s===n[0]||s===r[0]||a,n=s===n[1]||s===r[1]||l,r=s===o[0],o=s===o[1];if(!(i||n||r||o))return!0;if(t.preventDefault(),n||i){var u=i?0:1,u=nt(e)[u];if(null===u)return!1;!1===u&&(u=S.getDefaultStep(m[e],i,f.keyboardDefaultStep)),u*=l||a?f.keyboardPageMultiplier:f.keyboardMultiplier,u=Math.max(u,1e-7),u*=i?-1:1,u=h[e]+u}else u=o?f.spectrum.xVal[f.spectrum.xVal.length-1]:f.spectrum.xVal[0];return Q(e,S.toStepping(u),!0,!0),I("slide",e),I("update",e),I("change",e),I("set",e),!1}(t,e)})),void 0!==f.handleAttributes&&(r=f.handleAttributes[e],Object.keys(r).forEach(function(t){n.setAttribute(t,r[t])})),n.setAttribute("role","slider"),n.setAttribute("aria-orientation",f.ort?"vertical":"horizontal"),0===e?ft(n,f.cssClasses.handleLower):e===f.handles-1&&ft(n,f.cssClasses.handleUpper),t}function N(t,e){return!!e&&P(t,f.cssClasses.connect)}function e(t,e){return!(!f.tooltips||!f.tooltips[e])&&P(t.firstChild,f.cssClasses.tooltip)}function V(){return d.hasAttribute("disabled")}function k(t){return l[t].hasAttribute("disabled")}function M(){s&&(Y("update"+mt.tooltips),s.forEach(function(t){t&&st(t)}),s=null)}function A(){M(),s=l.map(e),X("update"+mt.tooltips,function(t,e,r){s&&f.tooltips&&!1!==s[e]&&(t=t[e],!0!==f.tooltips[e]&&(t=f.tooltips[e].to(r[e])),s[e].innerHTML=t)})}function U(t,e){return t.map(function(t){return S.fromStepping(e?S.getStep(t):t)})}function D(d){var h=function(t){if(t.mode===ot.PipsMode.Range||t.mode===ot.PipsMode.Steps)return S.xVal;if(t.mode!==ot.PipsMode.Count)return t.mode===ot.PipsMode.Positions?U(t.values,t.stepped):t.mode===ot.PipsMode.Values?t.stepped?t.values.map(function(t){return S.fromStepping(S.getStep(S.toStepping(t)))}):t.values:[];if(t.values<2)throw new Error("noUiSlider: 'values' (>= 2) required for mode 'count'.");for(var e=t.values-1,r=100/e,n=[];e--;)n[e]=e*r;return n.push(100),U(n,t.stepped)}(d),m={},t=S.xVal[0],e=S.xVal[S.xVal.length-1],g=!1,v=!1,b=0;return(h=h.slice().sort(function(t,e){return t-e}).filter(function(t){return!this[t]&&(this[t]=!0)},{}))[0]!==t&&(h.unshift(t),g=!0),h[h.length-1]!==e&&(h.push(e),v=!0),h.forEach(function(t,e){var r,n,i,o,s,a,l,u,t=t,c=h[e+1],p=d.mode===ot.PipsMode.Steps,f=(f=p?S.xNumSteps[e]:f)||c-t;for(void 0===c&&(c=t),f=Math.max(f,1e-7),r=t;r<=c;r=Number((r+f).toFixed(7))){for(a=(o=(i=S.toStepping(r))-b)/(d.density||1),u=o/(l=Math.round(a)),n=1;n<=l;n+=1)m[(s=b+n*u).toFixed(5)]=[S.fromStepping(s),0];a=-1<h.indexOf(r)?ot.PipsType.LargeValue:p?ot.PipsType.SmallValue:ot.PipsType.NoValue,!e&&g&&r!==c&&(a=0),r===c&&v||(m[i.toFixed(5)]=[r,a]),b=i}}),m}function O(i,o,s){var t,a=x.createElement("div"),n=((t={})[ot.PipsType.None]="",t[ot.PipsType.NoValue]=f.cssClasses.valueNormal,t[ot.PipsType.LargeValue]=f.cssClasses.valueLarge,t[ot.PipsType.SmallValue]=f.cssClasses.valueSub,t),l=((t={})[ot.PipsType.None]="",t[ot.PipsType.NoValue]=f.cssClasses.markerNormal,t[ot.PipsType.LargeValue]=f.cssClasses.markerLarge,t[ot.PipsType.SmallValue]=f.cssClasses.markerSub,t),u=[f.cssClasses.valueHorizontal,f.cssClasses.valueVertical],c=[f.cssClasses.markerHorizontal,f.cssClasses.markerVertical];function p(t,e){var r=e===f.cssClasses.value;return e+" "+(r?u:c)[f.ort]+" "+(r?n:l)[t]}return ft(a,f.cssClasses.pips),ft(a,0===f.ort?f.cssClasses.pipsHorizontal:f.cssClasses.pipsVertical),Object.keys(i).forEach(function(t){var e,r,n;r=i[e=t][0],n=i[t][1],(n=o?o(r,n):n)!==ot.PipsType.None&&((t=P(a,!1)).className=p(n,f.cssClasses.marker),t.style[f.style]=e+"%",n>ot.PipsType.NoValue&&((t=P(a,!1)).className=p(n,f.cssClasses.value),t.setAttribute("data-value",String(r)),t.style[f.style]=e+"%",t.innerHTML=String(s.to(r))))}),a}function L(){n&&(st(n),n=null)}function T(t){L();var e=D(t),r=t.filter,t=t.format||{to:function(t){return String(Math.round(t))}};return n=d.appendChild(O(e,r,t))}function j(){var t=i.getBoundingClientRect(),e="offset"+["Width","Height"][f.ort];return 0===f.ort?t.width||i[e]:t.height||i[e]}function z(n,i,o,s){function e(t){var e,r=function(e,t,r){var n=0===e.type.indexOf("touch"),i=0===e.type.indexOf("mouse"),o=0===e.type.indexOf("pointer"),s=0,a=0;0===e.type.indexOf("MSPointer")&&(o=!0);if("mousedown"===e.type&&!e.buttons&&!e.touches)return!1;if(n){var l=function(t){t=t.target;return t===r||r.contains(t)||e.composed&&e.composedPath().shift()===r};if("touchstart"===e.type){n=Array.prototype.filter.call(e.touches,l);if(1<n.length)return!1;s=n[0].pageX,a=n[0].pageY}else{l=Array.prototype.find.call(e.changedTouches,l);if(!l)return!1;s=l.pageX,a=l.pageY}}t=t||ht(x),(i||o)&&(s=e.clientX+t.x,a=e.clientY+t.y);return e.pageOffset=t,e.points=[s,a],e.cursor=i||o,e}(t,s.pageOffset,s.target||i);return!!r&&(!(V()&&!s.doNotReject)&&(e=d,t=f.cssClasses.tap,!((e.classList?e.classList.contains(t):new RegExp("\\b"+t+"\\b").test(e.className))&&!s.doNotReject)&&(!(n===c.start&&void 0!==r.buttons&&1<r.buttons)&&((!s.hover||!r.buttons)&&(p||r.preventDefault(),r.calcPoint=r.points[f.ort],void o(r,s))))))}var r=[];return n.split(" ").forEach(function(t){i.addEventListener(t,e,!!p&&{passive:!0}),r.push([t,e])}),r}function H(t){var e,r,n=ct(n=100*(t-(n=i,e=f.ort,r=n.getBoundingClientRect(),n=(t=n.ownerDocument).documentElement,t=ht(t),/webkit.*Chrome.*Mobile/i.test(navigator.userAgent)&&(t.x=0),e?r.top+t.y-n.clientTop:r.left+t.x-n.clientLeft))/j());return f.dir?100-n:n}function F(t,e){"mouseout"===t.type&&"HTML"===t.target.nodeName&&null===t.relatedTarget&&_(t,e)}function R(t,e){if(-1===navigator.appVersion.indexOf("MSIE 9")&&0===t.buttons&&0!==e.buttonsProperty)return _(t,e);t=(f.dir?-1:1)*(t.calcPoint-e.startCalcPoint);G(0<t,100*t/e.baseSize,e.locations,e.handleNumbers,e.connect)}function _(t,e){e.handle&&(dt(e.handle,f.cssClasses.active),--v),e.listeners.forEach(function(t){y.removeEventListener(t[0],t[1])}),0===v&&(dt(d,f.cssClasses.drag),K(),t.cursor&&(w.style.cursor="",w.removeEventListener("selectstart",lt))),f.events.smoothSteps&&(e.handleNumbers.forEach(function(t){Q(t,m[t],!0,!0,!1,!1)}),e.handleNumbers.forEach(function(t){I("update",t)})),e.handleNumbers.forEach(function(t){I("change",t),I("set",t),I("end",t)})}function B(t,e){var r,n,i,o;e.handleNumbers.some(k)||(1===e.handleNumbers.length&&(o=l[e.handleNumbers[0]].children[0],v+=1,ft(o,f.cssClasses.active)),t.stopPropagation(),n=z(c.move,y,R,{target:t.target,handle:o,connect:e.connect,listeners:r=[],startCalcPoint:t.calcPoint,baseSize:j(),pageOffset:t.pageOffset,handleNumbers:e.handleNumbers,buttonsProperty:t.buttons,locations:m.slice()}),i=z(c.end,y,_,{target:t.target,handle:o,listeners:r,doNotReject:!0,handleNumbers:e.handleNumbers}),o=z("mouseout",y,F,{target:t.target,handle:o,listeners:r,doNotReject:!0,handleNumbers:e.handleNumbers}),r.push.apply(r,n.concat(i,o)),t.cursor&&(w.style.cursor=getComputedStyle(t.target).cursor,1<l.length&&ft(d,f.cssClasses.drag),w.addEventListener("selectstart",lt,!1)),e.handleNumbers.forEach(function(t){I("start",t)}))}function r(t){t.stopPropagation();var i,o,s,e=H(t.calcPoint),r=(i=e,s=!(o=100),l.forEach(function(t,e){var r,n;k(e)||(r=m[e],((n=Math.abs(r-i))<o||n<=o&&r<i||100===n&&100===o)&&(s=e,o=n))}),s);!1!==r&&(f.events.snap||ut(d,f.cssClasses.tap,f.animationDuration),Q(r,e,!0,!0),K(),I("slide",r,!0),I("update",r,!0),f.events.snap?B(t,{handleNumbers:[r]}):(I("change",r,!0),I("set",r,!0)))}function q(t){var t=H(t.calcPoint),t=S.getStep(t),e=S.fromStepping(t);Object.keys(b).forEach(function(t){"hover"===t.split(".")[0]&&b[t].forEach(function(t){t.call(it,e)})})}function X(t,e){b[t]=b[t]||[],b[t].push(e),"update"===t.split(".")[0]&&l.forEach(function(t,e){I("update",e)})}function Y(t){var n=t&&t.split(".")[0],i=n?t.substring(n.length):t;Object.keys(b).forEach(function(t){var e=t.split(".")[0],r=t.substring(e.length);n&&n!==e||i&&i!==r||((e=r)!==mt.aria&&e!==mt.tooltips||i===r)&&delete b[t]})}function I(r,n,i){Object.keys(b).forEach(function(t){var e=t.split(".")[0];r===e&&b[t].forEach(function(t){t.call(it,h.map(f.format.to),n,h.slice(),i||!1,m.slice(),it)})})}function W(t,e,r,n,i,o,s){var a;return 1<l.length&&!f.events.unconstrained&&(n&&0<e&&(a=S.getAbsoluteDistance(t[e-1],f.margin,!1),r=Math.max(r,a)),i&&e<l.length-1&&(a=S.getAbsoluteDistance(t[e+1],f.margin,!0),r=Math.min(r,a))),1<l.length&&f.limit&&(n&&0<e&&(a=S.getAbsoluteDistance(t[e-1],f.limit,!1),r=Math.min(r,a)),i&&e<l.length-1&&(a=S.getAbsoluteDistance(t[e+1],f.limit,!0),r=Math.max(r,a))),f.padding&&(0===e&&(a=S.getAbsoluteDistance(0,f.padding[0],!1),r=Math.max(r,a)),e===l.length-1&&(a=S.getAbsoluteDistance(100,f.padding[1],!0),r=Math.min(r,a))),!((r=ct(r=!s?S.getStep(r):r))===t[e]&&!o)&&r}function $(t,e){var r=f.ort;return(r?e:t)+", "+(r?t:e)}function G(t,r,n,e,i){var o=n.slice(),s=e[0],a=f.events.smoothSteps,l=[!t,t],u=[t,!t];e=e.slice(),t&&e.reverse(),1<e.length?e.forEach(function(t,e){e=W(o,t,o[t]+r,l[e],u[e],!1,a);!1===e?r=0:(r=e-o[t],o[t]=e)}):l=u=[!0];var c=!1;e.forEach(function(t,e){c=Q(t,n[t]+r,l[e],u[e],!1,a)||c}),c&&(e.forEach(function(t){I("update",t),I("slide",t)}),null!=i&&I("drag",s))}function J(t,e){return f.dir?100-t-e:t}function K(){g.forEach(function(t){var e=50<m[t]?-1:1,e=3+(l.length+e*t);l[t].style.zIndex=String(e)})}function Q(t,e,r,n,i,o){return!1!==(e=i?e:W(m,t,e,r,n,!1,o))&&(e=e,m[t=t]=e,h[t]=S.fromStepping(e),e="translate("+$(J(e,0)-E+"%","0")+")",l[t].style[f.transformRule]=e,Z(t),Z(t+1),!0)}function Z(t){var e,r;a[t]&&(r=100,e="translate("+$(J(e=(e=0)!==t?m[t-1]:e,r=(r=t!==a.length-1?m[t]:r)-e)+"%","0")+")",r="scale("+$(r/100,"1")+")",a[t].style[f.transformRule]=e+" "+r)}function tt(t,e){return null===t||!1===t||void 0===t?m[e]:("number"==typeof t&&(t=String(t)),!1===(t=!1!==(t=f.format.from(t))?S.toStepping(t):t)||isNaN(t)?m[e]:t)}function et(t,e,r){var n=pt(t),t=void 0===m[0];e=void 0===e||e,f.animate&&!t&&ut(d,f.cssClasses.tap,f.animationDuration),g.forEach(function(t){Q(t,tt(n[t],t),!0,!1,r)});var i,o=1===g.length?0:1;for(t&&S.hasNoSize()&&(r=!0,m[0]=0,1<g.length&&(i=100/(g.length-1),g.forEach(function(t){m[t]=t*i})));o<g.length;++o)g.forEach(function(t){Q(t,m[t],!0,!0,r)});K(),g.forEach(function(t){I("update",t),null!==n[t]&&e&&I("set",t)})}function rt(t){if(t=void 0===t?!1:t)return 1===h.length?h[0]:h.slice(0);t=h.map(f.format.to);return 1===t.length?t[0]:t}function nt(t){var e=m[t],r=S.getNearbySteps(e),n=h[t],i=r.thisStep.step,t=null;if(f.snap)return[n-r.stepBefore.startValue||null,r.stepAfter.startValue-n||null];!1!==i&&n+i>r.stepAfter.startValue&&(i=r.stepAfter.startValue-n),t=n>r.thisStep.startValue?r.thisStep.step:!1!==r.stepBefore.step&&n-r.stepBefore.highestStep,100===e?i=null:0===e&&(t=null);e=S.countStepDecimals();return null!==i&&!1!==i&&(i=Number(i.toFixed(e))),[t=null!==t&&!1!==t?Number(t.toFixed(e)):t,i]}ft(t=d,f.cssClasses.target),0===f.dir?ft(t,f.cssClasses.ltr):ft(t,f.cssClasses.rtl),0===f.ort?ft(t,f.cssClasses.horizontal):ft(t,f.cssClasses.vertical),ft(t,"rtl"===getComputedStyle(t).direction?f.cssClasses.textDirectionRtl:f.cssClasses.textDirectionLtr),i=P(t,f.cssClasses.base),function(t,e){var r=P(e,f.cssClasses.connects);l=[],(a=[]).push(N(r,t[0]));for(var n=0;n<f.handles;n++)l.push(C(e,n)),g[n]=n,a.push(N(r,t[n+1]))}(f.connect,i),(u=f.events).fixed||l.forEach(function(t,e){z(c.start,t.children[0],B,{handleNumbers:[e]})}),u.tap&&z(c.start,i,r,{}),u.hover&&z(c.move,i,q,{hover:!0}),u.drag&&a.forEach(function(e,t){var r,n,i,o,s;!1!==e&&0!==t&&t!==a.length-1&&(r=l[t-1],n=l[t],i=[e],o=[r,n],s=[t-1,t],ft(e,f.cssClasses.draggable),u.fixed&&(i.push(r.children[0]),i.push(n.children[0])),u.dragAll&&(o=l,s=g),i.forEach(function(t){z(c.start,t,B,{handles:o,handleNumbers:s,connect:e})}))}),et(f.start),f.pips&&T(f.pips),f.tooltips&&A(),Y("update"+mt.aria),X("update"+mt.aria,function(t,e,o,r,s){g.forEach(function(t){var e=l[t],r=W(m,t,0,!0,!0,!0),n=W(m,t,100,!0,!0,!0),i=s[t],t=String(f.ariaFormat.to(o[t])),r=S.fromStepping(r).toFixed(1),n=S.fromStepping(n).toFixed(1),i=S.fromStepping(i).toFixed(1);e.children[0].setAttribute("aria-valuemin",r),e.children[0].setAttribute("aria-valuemax",n),e.children[0].setAttribute("aria-valuenow",i),e.children[0].setAttribute("aria-valuetext",t)})});var it={destroy:function(){for(Y(mt.aria),Y(mt.tooltips),Object.keys(f.cssClasses).forEach(function(t){dt(d,f.cssClasses[t])});d.firstChild;)d.removeChild(d.firstChild);delete d.noUiSlider},steps:function(){return g.map(nt)},on:X,off:Y,get:rt,set:et,setHandle:function(t,e,r,n){if(!(0<=(t=Number(t))&&t<g.length))throw new Error("noUiSlider: invalid handle number, got: "+t);Q(t,tt(e,t),!0,!0,n),I("update",t),r&&I("set",t)},reset:function(t){et(f.start,t)},__moveHandles:function(t,e,r){G(t,e,m,r)},options:o,updateOptions:function(e,t){var r=rt(),n=["margin","limit","padding","range","animate","snap","step","format","pips","tooltips"];n.forEach(function(t){void 0!==e[t]&&(o[t]=e[t])});var i=gt(o);n.forEach(function(t){void 0!==e[t]&&(f[t]=i[t])}),S=i.spectrum,f.margin=i.margin,f.limit=i.limit,f.padding=i.padding,f.pips?T(f.pips):L(),(f.tooltips?A:M)(),m=[],et(at(e.start)?e.start:r,t)},target:d,removePips:L,removeTooltips:M,getPositions:function(){return m.slice()},getTooltips:function(){return s},getOrigins:function(){return l},pips:T};return it}function z(t,e){if(!t||!t.nodeName)throw new Error("noUiSlider: create requires a single element, got: "+t);if(t.noUiSlider)throw new Error("noUiSlider: Slider was already initialized.");e=j(t,gt(e),e);return t.noUiSlider=e}var H={__spectrum:u,cssClasses:p,create:z};ot.create=z,ot.cssClasses=p,ot.default=H,Object.defineProperty(ot,"__esModule",{value:!0})});
\ No newline at end of file
diff --git a/public/assets/js/perfect-scrollbar.min.js b/public/assets/js/perfect-scrollbar.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..1b6359c45c1532e2d4b2bbcfd97d273b144b3dac
--- /dev/null
+++ b/public/assets/js/perfect-scrollbar.min.js
@@ -0,0 +1,20 @@
+/*!
+ * perfect-scrollbar v1.5.3
+ * Copyright 2021 Hyunje Jun, MDBootstrap and Contributors
+ * Licensed under MIT
+ */(function(a,b){"object"==typeof exports&&"undefined"!=typeof module?module.exports=b():"function"==typeof define&&define.amd?define(b):(a=a||self,a.PerfectScrollbar=b())})(this,function(){'use strict';var u=Math.abs,v=Math.floor;function a(a){return getComputedStyle(a)}function b(a,b){for(var c in b){var d=b[c];"number"==typeof d&&(d+="px"),a.style[c]=d}return a}function c(a){var b=document.createElement("div");return b.className=a,b}function d(a,b){if(!w)throw new Error("No element matching method supported");return w.call(a,b)}function e(a){a.remove?a.remove():a.parentNode&&a.parentNode.removeChild(a)}function f(a,b){return Array.prototype.filter.call(a.children,function(a){return d(a,b)})}function g(a,b){var c=a.element.classList,d=z.state.scrolling(b);c.contains(d)?clearTimeout(A[b]):c.add(d)}function h(a,b){A[b]=setTimeout(function(){return a.isAlive&&a.element.classList.remove(z.state.scrolling(b))},a.settings.scrollingThreshold)}function j(a,b){g(a,b),h(a,b)}function k(a){if("function"==typeof window.CustomEvent)return new CustomEvent(a);var b=document.createEvent("CustomEvent");return b.initCustomEvent(a,!1,!1,void 0),b}function l(a,b,c,d,e){void 0===d&&(d=!0),void 0===e&&(e=!1);var f;if("top"===b)f=["contentHeight","containerHeight","scrollTop","y","up","down"];else if("left"===b)f=["contentWidth","containerWidth","scrollLeft","x","left","right"];else throw new Error("A proper axis should be provided");m(a,c,f,d,e)}function m(a,b,c,d,e){var f=c[0],g=c[1],h=c[2],i=c[3],l=c[4],m=c[5];void 0===d&&(d=!0),void 0===e&&(e=!1);var n=a.element;// reset reach
+a.reach[i]=null,1>n[h]&&(a.reach[i]="start"),n[h]>a[f]-a[g]-1&&(a.reach[i]="end"),b&&(n.dispatchEvent(k("ps-scroll-"+i)),0>b?n.dispatchEvent(k("ps-scroll-"+l)):0<b&&n.dispatchEvent(k("ps-scroll-"+m)),d&&j(a,i)),a.reach[i]&&(b||e)&&n.dispatchEvent(k("ps-"+i+"-reach-"+a.reach[i]))}function n(a){return parseInt(a,10)||0}function o(a){return d(a,"input,[contenteditable]")||d(a,"select,[contenteditable]")||d(a,"textarea,[contenteditable]")||d(a,"button,[contenteditable]")}function p(b){var c=a(b);return n(c.width)+n(c.paddingLeft)+n(c.paddingRight)+n(c.borderLeftWidth)+n(c.borderRightWidth)}function q(a){var b=Math.round,c=a.element,d=v(c.scrollTop),g=c.getBoundingClientRect();a.containerWidth=b(g.width),a.containerHeight=b(g.height),a.contentWidth=c.scrollWidth,a.contentHeight=c.scrollHeight,c.contains(a.scrollbarXRail)||(f(c,z.element.rail("x")).forEach(function(a){return e(a)}),c.appendChild(a.scrollbarXRail)),c.contains(a.scrollbarYRail)||(f(c,z.element.rail("y")).forEach(function(a){return e(a)}),c.appendChild(a.scrollbarYRail)),!a.settings.suppressScrollX&&a.containerWidth+a.settings.scrollXMarginOffset<a.contentWidth?(a.scrollbarXActive=!0,a.railXWidth=a.containerWidth-a.railXMarginWidth,a.railXRatio=a.containerWidth/a.railXWidth,a.scrollbarXWidth=r(a,n(a.railXWidth*a.containerWidth/a.contentWidth)),a.scrollbarXLeft=n((a.negativeScrollAdjustment+c.scrollLeft)*(a.railXWidth-a.scrollbarXWidth)/(a.contentWidth-a.containerWidth))):a.scrollbarXActive=!1,!a.settings.suppressScrollY&&a.containerHeight+a.settings.scrollYMarginOffset<a.contentHeight?(a.scrollbarYActive=!0,a.railYHeight=a.containerHeight-a.railYMarginHeight,a.railYRatio=a.containerHeight/a.railYHeight,a.scrollbarYHeight=r(a,n(a.railYHeight*a.containerHeight/a.contentHeight)),a.scrollbarYTop=n(d*(a.railYHeight-a.scrollbarYHeight)/(a.contentHeight-a.containerHeight))):a.scrollbarYActive=!1,a.scrollbarXLeft>=a.railXWidth-a.scrollbarXWidth&&(a.scrollbarXLeft=a.railXWidth-a.scrollbarXWidth),a.scrollbarYTop>=a.railYHeight-a.scrollbarYHeight&&(a.scrollbarYTop=a.railYHeight-a.scrollbarYHeight),s(c,a),a.scrollbarXActive?c.classList.add(z.state.active("x")):(c.classList.remove(z.state.active("x")),a.scrollbarXWidth=0,a.scrollbarXLeft=0,c.scrollLeft=!0===a.isRtl?a.contentWidth:0),a.scrollbarYActive?c.classList.add(z.state.active("y")):(c.classList.remove(z.state.active("y")),a.scrollbarYHeight=0,a.scrollbarYTop=0,c.scrollTop=0)}function r(a,b){var c=Math.min,d=Math.max;return a.settings.minScrollbarLength&&(b=d(b,a.settings.minScrollbarLength)),a.settings.maxScrollbarLength&&(b=c(b,a.settings.maxScrollbarLength)),b}function s(a,c){var d={width:c.railXWidth},e=v(a.scrollTop);d.left=c.isRtl?c.negativeScrollAdjustment+a.scrollLeft+c.containerWidth-c.contentWidth:a.scrollLeft,c.isScrollbarXUsingBottom?d.bottom=c.scrollbarXBottom-e:d.top=c.scrollbarXTop+e,b(c.scrollbarXRail,d);var f={top:e,height:c.railYHeight};c.isScrollbarYUsingRight?c.isRtl?f.right=c.contentWidth-(c.negativeScrollAdjustment+a.scrollLeft)-c.scrollbarYRight-c.scrollbarYOuterWidth-9:f.right=c.scrollbarYRight-a.scrollLeft:c.isRtl?f.left=c.negativeScrollAdjustment+a.scrollLeft+2*c.containerWidth-c.contentWidth-c.scrollbarYLeft-c.scrollbarYOuterWidth:f.left=c.scrollbarYLeft+a.scrollLeft,b(c.scrollbarYRail,f),b(c.scrollbarX,{left:c.scrollbarXLeft,width:c.scrollbarXWidth-c.railBorderXWidth}),b(c.scrollbarY,{top:c.scrollbarYTop,height:c.scrollbarYHeight-c.railBorderYWidth})}function t(a,b){function c(b){b.touches&&b.touches[0]&&(b[k]=b.touches[0].pageY),s[o]=t+v*(b[k]-u),g(a,p),q(a),b.stopPropagation(),b.type.startsWith("touch")&&1<b.changedTouches.length&&b.preventDefault()}function d(){h(a,p),a[r].classList.remove(z.state.clicking),a.event.unbind(a.ownerDocument,"mousemove",c)}function f(b,e){t=s[o],e&&b.touches&&(b[k]=b.touches[0].pageY),u=b[k],v=(a[j]-a[i])/(a[l]-a[n]),e?a.event.bind(a.ownerDocument,"touchmove",c):(a.event.bind(a.ownerDocument,"mousemove",c),a.event.once(a.ownerDocument,"mouseup",d),b.preventDefault()),a[r].classList.add(z.state.clicking),b.stopPropagation()}var i=b[0],j=b[1],k=b[2],l=b[3],m=b[4],n=b[5],o=b[6],p=b[7],r=b[8],s=a.element,t=null,u=null,v=null;a.event.bind(a[m],"mousedown",function(a){f(a)}),a.event.bind(a[m],"touchstart",function(a){f(a,!0)})}var w="undefined"!=typeof Element&&(Element.prototype.matches||Element.prototype.webkitMatchesSelector||Element.prototype.mozMatchesSelector||Element.prototype.msMatchesSelector),z={main:"ps",rtl:"ps__rtl",element:{thumb:function(a){return"ps__thumb-"+a},rail:function(a){return"ps__rail-"+a},consuming:"ps__child--consume"},state:{focus:"ps--focus",clicking:"ps--clicking",active:function(a){return"ps--active-"+a},scrolling:function(a){return"ps--scrolling-"+a}}},A={x:null,y:null},B=function(a){this.element=a,this.handlers={}},C={isEmpty:{configurable:!0}};B.prototype.bind=function(a,b){"undefined"==typeof this.handlers[a]&&(this.handlers[a]=[]),this.handlers[a].push(b),this.element.addEventListener(a,b,!1)},B.prototype.unbind=function(a,b){var c=this;this.handlers[a]=this.handlers[a].filter(function(d){return!!(b&&d!==b)||(c.element.removeEventListener(a,d,!1),!1)})},B.prototype.unbindAll=function(){for(var a in this.handlers)this.unbind(a)},C.isEmpty.get=function(){var a=this;return Object.keys(this.handlers).every(function(b){return 0===a.handlers[b].length})},Object.defineProperties(B.prototype,C);var D=function(){this.eventElements=[]};D.prototype.eventElement=function(a){var b=this.eventElements.filter(function(b){return b.element===a})[0];return b||(b=new B(a),this.eventElements.push(b)),b},D.prototype.bind=function(a,b,c){this.eventElement(a).bind(b,c)},D.prototype.unbind=function(a,b,c){var d=this.eventElement(a);d.unbind(b,c),d.isEmpty&&this.eventElements.splice(this.eventElements.indexOf(d),1)},D.prototype.unbindAll=function(){this.eventElements.forEach(function(a){return a.unbindAll()}),this.eventElements=[]},D.prototype.once=function(a,b,c){var d=this.eventElement(a),e=function(a){d.unbind(b,e),c(a)};d.bind(b,e)};var E={isWebKit:"undefined"!=typeof document&&"WebkitAppearance"in document.documentElement.style,supportsTouch:"undefined"!=typeof window&&("ontouchstart"in window||"maxTouchPoints"in window.navigator&&0<window.navigator.maxTouchPoints||window.DocumentTouch&&document instanceof window.DocumentTouch),supportsIePointer:"undefined"!=typeof navigator&&navigator.msMaxTouchPoints,isChrome:"undefined"!=typeof navigator&&/Chrome/i.test(navigator&&navigator.userAgent)},F=function(){return{handlers:["click-rail","drag-thumb","keyboard","wheel","touch"],maxScrollbarLength:null,minScrollbarLength:null,scrollingThreshold:1e3,scrollXMarginOffset:0,scrollYMarginOffset:0,suppressScrollX:!1,suppressScrollY:!1,swipeEasing:!0,useBothWheelAxes:!1,wheelPropagation:!0,wheelSpeed:1}},G={"click-rail":function(a){a.element;a.event.bind(a.scrollbarY,"mousedown",function(a){return a.stopPropagation()}),a.event.bind(a.scrollbarYRail,"mousedown",function(b){var c=b.pageY-window.pageYOffset-a.scrollbarYRail.getBoundingClientRect().top,d=c>a.scrollbarYTop?1:-1;a.element.scrollTop+=d*a.containerHeight,q(a),b.stopPropagation()}),a.event.bind(a.scrollbarX,"mousedown",function(a){return a.stopPropagation()}),a.event.bind(a.scrollbarXRail,"mousedown",function(b){var c=b.pageX-window.pageXOffset-a.scrollbarXRail.getBoundingClientRect().left,d=c>a.scrollbarXLeft?1:-1;a.element.scrollLeft+=d*a.containerWidth,q(a),b.stopPropagation()})},"drag-thumb":function(a){t(a,["containerWidth","contentWidth","pageX","railXWidth","scrollbarX","scrollbarXWidth","scrollLeft","x","scrollbarXRail"]),t(a,["containerHeight","contentHeight","pageY","railYHeight","scrollbarY","scrollbarYHeight","scrollTop","y","scrollbarYRail"])},keyboard:function(a){function b(b,d){var e=v(c.scrollTop);if(0===b){if(!a.scrollbarYActive)return!1;if(0===e&&0<d||e>=a.contentHeight-a.containerHeight&&0>d)return!a.settings.wheelPropagation}var f=c.scrollLeft;if(0===d){if(!a.scrollbarXActive)return!1;if(0===f&&0>b||f>=a.contentWidth-a.containerWidth&&0<b)return!a.settings.wheelPropagation}return!0}var c=a.element,f=function(){return d(c,":hover")},g=function(){return d(a.scrollbarX,":focus")||d(a.scrollbarY,":focus")};a.event.bind(a.ownerDocument,"keydown",function(d){if(!(d.isDefaultPrevented&&d.isDefaultPrevented()||d.defaultPrevented)&&(f()||g())){var e=document.activeElement?document.activeElement:a.ownerDocument.activeElement;if(e){if("IFRAME"===e.tagName)e=e.contentDocument.activeElement;else// go deeper if element is a webcomponent
+for(;e.shadowRoot;)e=e.shadowRoot.activeElement;if(o(e))return}var h=0,i=0;switch(d.which){case 37:h=d.metaKey?-a.contentWidth:d.altKey?-a.containerWidth:-30;break;case 38:i=d.metaKey?a.contentHeight:d.altKey?a.containerHeight:30;break;case 39:h=d.metaKey?a.contentWidth:d.altKey?a.containerWidth:30;break;case 40:i=d.metaKey?-a.contentHeight:d.altKey?-a.containerHeight:-30;break;case 32:i=d.shiftKey?a.containerHeight:-a.containerHeight;break;case 33:i=a.containerHeight;break;case 34:i=-a.containerHeight;break;case 36:i=a.contentHeight;break;case 35:i=-a.contentHeight;break;default:return;}a.settings.suppressScrollX&&0!==h||a.settings.suppressScrollY&&0!==i||(c.scrollTop-=i,c.scrollLeft+=h,q(a),b(h,i)&&d.preventDefault())}})},wheel:function(b){function c(a,c){var d,e=v(h.scrollTop),f=0===h.scrollTop,g=e+h.offsetHeight===h.scrollHeight,i=0===h.scrollLeft,j=h.scrollLeft+h.offsetWidth===h.scrollWidth;return d=u(c)>u(a)?f||g:i||j,!d||!b.settings.wheelPropagation}function d(a){var b=a.deltaX,c=-1*a.deltaY;return("undefined"==typeof b||"undefined"==typeof c)&&(b=-1*a.wheelDeltaX/6,c=a.wheelDeltaY/6),a.deltaMode&&1===a.deltaMode&&(b*=10,c*=10),b!==b&&c!==c/* NaN checks */&&(b=0,c=a.wheelDelta),a.shiftKey?[-c,-b]:[b,c]}function f(b,c,d){// FIXME: this is a workaround for <select> issue in FF and IE #571
+if(!E.isWebKit&&h.querySelector("select:focus"))return!0;if(!h.contains(b))return!1;for(var e=b;e&&e!==h;){if(e.classList.contains(z.element.consuming))return!0;var f=a(e);// if deltaY && vertical scrollable
+if(d&&f.overflowY.match(/(scroll|auto)/)){var g=e.scrollHeight-e.clientHeight;if(0<g&&(0<e.scrollTop&&0>d||e.scrollTop<g&&0<d))return!0}// if deltaX && horizontal scrollable
+if(c&&f.overflowX.match(/(scroll|auto)/)){var i=e.scrollWidth-e.clientWidth;if(0<i&&(0<e.scrollLeft&&0>c||e.scrollLeft<i&&0<c))return!0}e=e.parentNode}return!1}function g(a){var e=d(a),g=e[0],i=e[1];if(!f(a.target,g,i)){var j=!1;b.settings.useBothWheelAxes?b.scrollbarYActive&&!b.scrollbarXActive?(i?h.scrollTop-=i*b.settings.wheelSpeed:h.scrollTop+=g*b.settings.wheelSpeed,j=!0):b.scrollbarXActive&&!b.scrollbarYActive&&(g?h.scrollLeft+=g*b.settings.wheelSpeed:h.scrollLeft-=i*b.settings.wheelSpeed,j=!0):(h.scrollTop-=i*b.settings.wheelSpeed,h.scrollLeft+=g*b.settings.wheelSpeed),q(b),j=j||c(g,i),j&&!a.ctrlKey&&(a.stopPropagation(),a.preventDefault())}}var h=b.element;"undefined"==typeof window.onwheel?"undefined"!=typeof window.onmousewheel&&b.event.bind(h,"mousewheel",g):b.event.bind(h,"wheel",g)},touch:function(b){function c(a,c){var d=v(l.scrollTop),e=l.scrollLeft,f=u(a),g=u(c);if(g>f){// user is perhaps trying to swipe up/down the page
+if(0>c&&d===b.contentHeight-b.containerHeight||0<c&&0===d)// set prevent for mobile Chrome refresh
+return 0===window.scrollY&&0<c&&E.isChrome;}else if(f>g&&(0>a&&e===b.contentWidth-b.containerWidth||0<a&&0===e))// user is perhaps trying to swipe left/right across the page
+return!0;return!0}function d(a,c){l.scrollTop-=c,l.scrollLeft-=a,q(b)}function f(a){return a.targetTouches?a.targetTouches[0]:a}function g(a){return!(a.pointerType&&"pen"===a.pointerType&&0===a.buttons)&&(!!(a.targetTouches&&1===a.targetTouches.length)||!!(a.pointerType&&"mouse"!==a.pointerType&&a.pointerType!==a.MSPOINTER_TYPE_MOUSE))}function h(a){if(g(a)){var b=f(a);m.pageX=b.pageX,m.pageY=b.pageY,n=new Date().getTime(),null!==p&&clearInterval(p)}}function i(b,c,d){if(!l.contains(b))return!1;for(var e=b;e&&e!==l;){if(e.classList.contains(z.element.consuming))return!0;var f=a(e);// if deltaY && vertical scrollable
+if(d&&f.overflowY.match(/(scroll|auto)/)){var g=e.scrollHeight-e.clientHeight;if(0<g&&(0<e.scrollTop&&0>d||e.scrollTop<g&&0<d))return!0}// if deltaX && horizontal scrollable
+if(c&&f.overflowX.match(/(scroll|auto)/)){var h=e.scrollWidth-e.clientWidth;if(0<h&&(0<e.scrollLeft&&0>c||e.scrollLeft<h&&0<c))return!0}e=e.parentNode}return!1}function j(a){if(g(a)){var b=f(a),e={pageX:b.pageX,pageY:b.pageY},h=e.pageX-m.pageX,j=e.pageY-m.pageY;if(i(a.target,h,j))return;d(h,j),m=e;var k=new Date().getTime(),l=k-n;0<l&&(o.x=h/l,o.y=j/l,n=k),c(h,j)&&a.preventDefault()}}function k(){b.settings.swipeEasing&&(clearInterval(p),p=setInterval(function(){return b.isInitialized?void clearInterval(p):o.x||o.y?.01>u(o.x)&&.01>u(o.y)?void clearInterval(p):b.element?void(d(30*o.x,30*o.y),o.x*=.8,o.y*=.8):void clearInterval(p):void clearInterval(p)},10))}if(E.supportsTouch||E.supportsIePointer){var l=b.element,m={},n=0,o={},p=null;E.supportsTouch?(b.event.bind(l,"touchstart",h),b.event.bind(l,"touchmove",j),b.event.bind(l,"touchend",k)):E.supportsIePointer&&(window.PointerEvent?(b.event.bind(l,"pointerdown",h),b.event.bind(l,"pointermove",j),b.event.bind(l,"pointerup",k)):window.MSPointerEvent&&(b.event.bind(l,"MSPointerDown",h),b.event.bind(l,"MSPointerMove",j),b.event.bind(l,"MSPointerUp",k)))}}},H=function(d,e){var f=this;if(void 0===e&&(e={}),"string"==typeof d&&(d=document.querySelector(d)),!d||!d.nodeName)throw new Error("no element is specified to initialize PerfectScrollbar");for(var g in this.element=d,d.classList.add(z.main),this.settings=F(),e)this.settings[g]=e[g];this.containerWidth=null,this.containerHeight=null,this.contentWidth=null,this.contentHeight=null;var h=function(){return d.classList.add(z.state.focus)},i=function(){return d.classList.remove(z.state.focus)};this.isRtl="rtl"===a(d).direction,!0===this.isRtl&&d.classList.add(z.rtl),this.isNegativeScroll=function(){var a=d.scrollLeft,b=null;return d.scrollLeft=-1,b=0>d.scrollLeft,d.scrollLeft=a,b}(),this.negativeScrollAdjustment=this.isNegativeScroll?d.scrollWidth-d.clientWidth:0,this.event=new D,this.ownerDocument=d.ownerDocument||document,this.scrollbarXRail=c(z.element.rail("x")),d.appendChild(this.scrollbarXRail),this.scrollbarX=c(z.element.thumb("x")),this.scrollbarXRail.appendChild(this.scrollbarX),this.scrollbarX.setAttribute("tabindex",0),this.event.bind(this.scrollbarX,"focus",h),this.event.bind(this.scrollbarX,"blur",i),this.scrollbarXActive=null,this.scrollbarXWidth=null,this.scrollbarXLeft=null;var j=a(this.scrollbarXRail);this.scrollbarXBottom=parseInt(j.bottom,10),isNaN(this.scrollbarXBottom)?(this.isScrollbarXUsingBottom=!1,this.scrollbarXTop=n(j.top)):this.isScrollbarXUsingBottom=!0,this.railBorderXWidth=n(j.borderLeftWidth)+n(j.borderRightWidth),b(this.scrollbarXRail,{display:"block"}),this.railXMarginWidth=n(j.marginLeft)+n(j.marginRight),b(this.scrollbarXRail,{display:""}),this.railXWidth=null,this.railXRatio=null,this.scrollbarYRail=c(z.element.rail("y")),d.appendChild(this.scrollbarYRail),this.scrollbarY=c(z.element.thumb("y")),this.scrollbarYRail.appendChild(this.scrollbarY),this.scrollbarY.setAttribute("tabindex",0),this.event.bind(this.scrollbarY,"focus",h),this.event.bind(this.scrollbarY,"blur",i),this.scrollbarYActive=null,this.scrollbarYHeight=null,this.scrollbarYTop=null;var k=a(this.scrollbarYRail);this.scrollbarYRight=parseInt(k.right,10),isNaN(this.scrollbarYRight)?(this.isScrollbarYUsingRight=!1,this.scrollbarYLeft=n(k.left)):this.isScrollbarYUsingRight=!0,this.scrollbarYOuterWidth=this.isRtl?p(this.scrollbarY):null,this.railBorderYWidth=n(k.borderTopWidth)+n(k.borderBottomWidth),b(this.scrollbarYRail,{display:"block"}),this.railYMarginHeight=n(k.marginTop)+n(k.marginBottom),b(this.scrollbarYRail,{display:""}),this.railYHeight=null,this.railYRatio=null,this.reach={x:0>=d.scrollLeft?"start":d.scrollLeft>=this.contentWidth-this.containerWidth?"end":null,y:0>=d.scrollTop?"start":d.scrollTop>=this.contentHeight-this.containerHeight?"end":null},this.isAlive=!0,this.settings.handlers.forEach(function(a){return G[a](f)}),this.lastScrollTop=v(d.scrollTop),this.lastScrollLeft=d.scrollLeft,this.event.bind(this.element,"scroll",function(a){return f.onScroll(a)}),q(this)};return H.prototype.update=function(){this.isAlive&&(// Recalcuate negative scrollLeft adjustment
+// Recalculate rail margins
+// Hide scrollbars not to affect scrollWidth and scrollHeight
+this.negativeScrollAdjustment=this.isNegativeScroll?this.element.scrollWidth-this.element.clientWidth:0,b(this.scrollbarXRail,{display:"block"}),b(this.scrollbarYRail,{display:"block"}),this.railXMarginWidth=n(a(this.scrollbarXRail).marginLeft)+n(a(this.scrollbarXRail).marginRight),this.railYMarginHeight=n(a(this.scrollbarYRail).marginTop)+n(a(this.scrollbarYRail).marginBottom),b(this.scrollbarXRail,{display:"none"}),b(this.scrollbarYRail,{display:"none"}),q(this),l(this,"top",0,!1,!0),l(this,"left",0,!1,!0),b(this.scrollbarXRail,{display:""}),b(this.scrollbarYRail,{display:""}))},H.prototype.onScroll=function(){this.isAlive&&(q(this),l(this,"top",this.element.scrollTop-this.lastScrollTop),l(this,"left",this.element.scrollLeft-this.lastScrollLeft),this.lastScrollTop=v(this.element.scrollTop),this.lastScrollLeft=this.element.scrollLeft)},H.prototype.destroy=function(){this.isAlive&&(// unset elements
+this.event.unbindAll(),e(this.scrollbarX),e(this.scrollbarY),e(this.scrollbarXRail),e(this.scrollbarYRail),this.removePsClasses(),this.element=null,this.scrollbarX=null,this.scrollbarY=null,this.scrollbarXRail=null,this.scrollbarYRail=null,this.isAlive=!1)},H.prototype.removePsClasses=function(){this.element.className=this.element.className.split(" ").filter(function(a){return!a.match(/^ps([-_].+|)$/)}).join(" ")},H});
+//# sourceMappingURL=perfect-scrollbar.min.js.map
diff --git a/public/assets/js/popper.min.js b/public/assets/js/popper.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..ce1ef2203a2316a9e2a81d503564ab0c00645828
--- /dev/null
+++ b/public/assets/js/popper.min.js
@@ -0,0 +1,6 @@
+/**
+ * @popperjs/core v2.11.5 - MIT License
+ */
+
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Popper={})}(this,(function(e){"use strict";function t(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function n(e){return e instanceof t(e).Element||e instanceof Element}function r(e){return e instanceof t(e).HTMLElement||e instanceof HTMLElement}function o(e){return"undefined"!=typeof ShadowRoot&&(e instanceof t(e).ShadowRoot||e instanceof ShadowRoot)}var i=Math.max,a=Math.min,s=Math.round;function f(e,t){void 0===t&&(t=!1);var n=e.getBoundingClientRect(),o=1,i=1;if(r(e)&&t){var a=e.offsetHeight,f=e.offsetWidth;f>0&&(o=s(n.width)/f||1),a>0&&(i=s(n.height)/a||1)}return{width:n.width/o,height:n.height/i,top:n.top/i,right:n.right/o,bottom:n.bottom/i,left:n.left/o,x:n.left/o,y:n.top/i}}function c(e){var n=t(e);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function p(e){return e?(e.nodeName||"").toLowerCase():null}function u(e){return((n(e)?e.ownerDocument:e.document)||window.document).documentElement}function l(e){return f(u(e)).left+c(e).scrollLeft}function d(e){return t(e).getComputedStyle(e)}function h(e){var t=d(e),n=t.overflow,r=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+o+r)}function m(e,n,o){void 0===o&&(o=!1);var i,a,d=r(n),m=r(n)&&function(e){var t=e.getBoundingClientRect(),n=s(t.width)/e.offsetWidth||1,r=s(t.height)/e.offsetHeight||1;return 1!==n||1!==r}(n),v=u(n),g=f(e,m),y={scrollLeft:0,scrollTop:0},b={x:0,y:0};return(d||!d&&!o)&&(("body"!==p(n)||h(v))&&(y=(i=n)!==t(i)&&r(i)?{scrollLeft:(a=i).scrollLeft,scrollTop:a.scrollTop}:c(i)),r(n)?((b=f(n,!0)).x+=n.clientLeft,b.y+=n.clientTop):v&&(b.x=l(v))),{x:g.left+y.scrollLeft-b.x,y:g.top+y.scrollTop-b.y,width:g.width,height:g.height}}function v(e){var t=f(e),n=e.offsetWidth,r=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-r)<=1&&(r=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:r}}function g(e){return"html"===p(e)?e:e.assignedSlot||e.parentNode||(o(e)?e.host:null)||u(e)}function y(e){return["html","body","#document"].indexOf(p(e))>=0?e.ownerDocument.body:r(e)&&h(e)?e:y(g(e))}function b(e,n){var r;void 0===n&&(n=[]);var o=y(e),i=o===(null==(r=e.ownerDocument)?void 0:r.body),a=t(o),s=i?[a].concat(a.visualViewport||[],h(o)?o:[]):o,f=n.concat(s);return i?f:f.concat(b(g(s)))}function x(e){return["table","td","th"].indexOf(p(e))>=0}function w(e){return r(e)&&"fixed"!==d(e).position?e.offsetParent:null}function O(e){for(var n=t(e),i=w(e);i&&x(i)&&"static"===d(i).position;)i=w(i);return i&&("html"===p(i)||"body"===p(i)&&"static"===d(i).position)?n:i||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&r(e)&&"fixed"===d(e).position)return null;var n=g(e);for(o(n)&&(n=n.host);r(n)&&["html","body"].indexOf(p(n))<0;){var i=d(n);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||t&&"filter"===i.willChange||t&&i.filter&&"none"!==i.filter)return n;n=n.parentNode}return null}(e)||n}var j="top",E="bottom",D="right",A="left",L="auto",P=[j,E,D,A],M="start",k="end",W="viewport",B="popper",H=P.reduce((function(e,t){return e.concat([t+"-"+M,t+"-"+k])}),[]),T=[].concat(P,[L]).reduce((function(e,t){return e.concat([t,t+"-"+M,t+"-"+k])}),[]),R=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function S(e){var t=new Map,n=new Set,r=[];function o(e){n.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!n.has(e)){var r=t.get(e);r&&o(r)}})),r.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){n.has(e.name)||o(e)})),r}function C(e){return e.split("-")[0]}function q(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&o(n)){var r=t;do{if(r&&e.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function V(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function N(e,r){return r===W?V(function(e){var n=t(e),r=u(e),o=n.visualViewport,i=r.clientWidth,a=r.clientHeight,s=0,f=0;return o&&(i=o.width,a=o.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=o.offsetLeft,f=o.offsetTop)),{width:i,height:a,x:s+l(e),y:f}}(e)):n(r)?function(e){var t=f(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(r):V(function(e){var t,n=u(e),r=c(e),o=null==(t=e.ownerDocument)?void 0:t.body,a=i(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),s=i(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),f=-r.scrollLeft+l(e),p=-r.scrollTop;return"rtl"===d(o||n).direction&&(f+=i(n.clientWidth,o?o.clientWidth:0)-a),{width:a,height:s,x:f,y:p}}(u(e)))}function I(e,t,o){var s="clippingParents"===t?function(e){var t=b(g(e)),o=["absolute","fixed"].indexOf(d(e).position)>=0&&r(e)?O(e):e;return n(o)?t.filter((function(e){return n(e)&&q(e,o)&&"body"!==p(e)})):[]}(e):[].concat(t),f=[].concat(s,[o]),c=f[0],u=f.reduce((function(t,n){var r=N(e,n);return t.top=i(r.top,t.top),t.right=a(r.right,t.right),t.bottom=a(r.bottom,t.bottom),t.left=i(r.left,t.left),t}),N(e,c));return u.width=u.right-u.left,u.height=u.bottom-u.top,u.x=u.left,u.y=u.top,u}function _(e){return e.split("-")[1]}function F(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function U(e){var t,n=e.reference,r=e.element,o=e.placement,i=o?C(o):null,a=o?_(o):null,s=n.x+n.width/2-r.width/2,f=n.y+n.height/2-r.height/2;switch(i){case j:t={x:s,y:n.y-r.height};break;case E:t={x:s,y:n.y+n.height};break;case D:t={x:n.x+n.width,y:f};break;case A:t={x:n.x-r.width,y:f};break;default:t={x:n.x,y:n.y}}var c=i?F(i):null;if(null!=c){var p="y"===c?"height":"width";switch(a){case M:t[c]=t[c]-(n[p]/2-r[p]/2);break;case k:t[c]=t[c]+(n[p]/2-r[p]/2)}}return t}function z(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function X(e,t){return t.reduce((function(t,n){return t[n]=e,t}),{})}function Y(e,t){void 0===t&&(t={});var r=t,o=r.placement,i=void 0===o?e.placement:o,a=r.boundary,s=void 0===a?"clippingParents":a,c=r.rootBoundary,p=void 0===c?W:c,l=r.elementContext,d=void 0===l?B:l,h=r.altBoundary,m=void 0!==h&&h,v=r.padding,g=void 0===v?0:v,y=z("number"!=typeof g?g:X(g,P)),b=d===B?"reference":B,x=e.rects.popper,w=e.elements[m?b:d],O=I(n(w)?w:w.contextElement||u(e.elements.popper),s,p),A=f(e.elements.reference),L=U({reference:A,element:x,strategy:"absolute",placement:i}),M=V(Object.assign({},x,L)),k=d===B?M:A,H={top:O.top-k.top+y.top,bottom:k.bottom-O.bottom+y.bottom,left:O.left-k.left+y.left,right:k.right-O.right+y.right},T=e.modifiersData.offset;if(d===B&&T){var R=T[i];Object.keys(H).forEach((function(e){var t=[D,E].indexOf(e)>=0?1:-1,n=[j,E].indexOf(e)>=0?"y":"x";H[e]+=R[n]*t}))}return H}var G={placement:"bottom",modifiers:[],strategy:"absolute"};function J(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return!t.some((function(e){return!(e&&"function"==typeof e.getBoundingClientRect)}))}function K(e){void 0===e&&(e={});var t=e,r=t.defaultModifiers,o=void 0===r?[]:r,i=t.defaultOptions,a=void 0===i?G:i;return function(e,t,r){void 0===r&&(r=a);var i,s,f={placement:"bottom",orderedModifiers:[],options:Object.assign({},G,a),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},c=[],p=!1,u={state:f,setOptions:function(r){var i="function"==typeof r?r(f.options):r;l(),f.options=Object.assign({},a,f.options,i),f.scrollParents={reference:n(e)?b(e):e.contextElement?b(e.contextElement):[],popper:b(t)};var s,p,d=function(e){var t=S(e);return R.reduce((function(e,n){return e.concat(t.filter((function(e){return e.phase===n})))}),[])}((s=[].concat(o,f.options.modifiers),p=s.reduce((function(e,t){var n=e[t.name];return e[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t,e}),{}),Object.keys(p).map((function(e){return p[e]}))));return f.orderedModifiers=d.filter((function(e){return e.enabled})),f.orderedModifiers.forEach((function(e){var t=e.name,n=e.options,r=void 0===n?{}:n,o=e.effect;if("function"==typeof o){var i=o({state:f,name:t,instance:u,options:r}),a=function(){};c.push(i||a)}})),u.update()},forceUpdate:function(){if(!p){var e=f.elements,t=e.reference,n=e.popper;if(J(t,n)){f.rects={reference:m(t,O(n),"fixed"===f.options.strategy),popper:v(n)},f.reset=!1,f.placement=f.options.placement,f.orderedModifiers.forEach((function(e){return f.modifiersData[e.name]=Object.assign({},e.data)}));for(var r=0;r<f.orderedModifiers.length;r++)if(!0!==f.reset){var o=f.orderedModifiers[r],i=o.fn,a=o.options,s=void 0===a?{}:a,c=o.name;"function"==typeof i&&(f=i({state:f,options:s,name:c,instance:u})||f)}else f.reset=!1,r=-1}}},update:(i=function(){return new Promise((function(e){u.forceUpdate(),e(f)}))},function(){return s||(s=new Promise((function(e){Promise.resolve().then((function(){s=void 0,e(i())}))}))),s}),destroy:function(){l(),p=!0}};if(!J(e,t))return u;function l(){c.forEach((function(e){return e()})),c=[]}return u.setOptions(r).then((function(e){!p&&r.onFirstUpdate&&r.onFirstUpdate(e)})),u}}var Q={passive:!0};var Z={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var n=e.state,r=e.instance,o=e.options,i=o.scroll,a=void 0===i||i,s=o.resize,f=void 0===s||s,c=t(n.elements.popper),p=[].concat(n.scrollParents.reference,n.scrollParents.popper);return a&&p.forEach((function(e){e.addEventListener("scroll",r.update,Q)})),f&&c.addEventListener("resize",r.update,Q),function(){a&&p.forEach((function(e){e.removeEventListener("scroll",r.update,Q)})),f&&c.removeEventListener("resize",r.update,Q)}},data:{}};var $={name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,n=e.name;t.modifiersData[n]=U({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},ee={top:"auto",right:"auto",bottom:"auto",left:"auto"};function te(e){var n,r=e.popper,o=e.popperRect,i=e.placement,a=e.variation,f=e.offsets,c=e.position,p=e.gpuAcceleration,l=e.adaptive,h=e.roundOffsets,m=e.isFixed,v=f.x,g=void 0===v?0:v,y=f.y,b=void 0===y?0:y,x="function"==typeof h?h({x:g,y:b}):{x:g,y:b};g=x.x,b=x.y;var w=f.hasOwnProperty("x"),L=f.hasOwnProperty("y"),P=A,M=j,W=window;if(l){var B=O(r),H="clientHeight",T="clientWidth";if(B===t(r)&&"static"!==d(B=u(r)).position&&"absolute"===c&&(H="scrollHeight",T="scrollWidth"),B=B,i===j||(i===A||i===D)&&a===k)M=E,b-=(m&&B===W&&W.visualViewport?W.visualViewport.height:B[H])-o.height,b*=p?1:-1;if(i===A||(i===j||i===E)&&a===k)P=D,g-=(m&&B===W&&W.visualViewport?W.visualViewport.width:B[T])-o.width,g*=p?1:-1}var R,S=Object.assign({position:c},l&&ee),C=!0===h?function(e){var t=e.x,n=e.y,r=window.devicePixelRatio||1;return{x:s(t*r)/r||0,y:s(n*r)/r||0}}({x:g,y:b}):{x:g,y:b};return g=C.x,b=C.y,p?Object.assign({},S,((R={})[M]=L?"0":"",R[P]=w?"0":"",R.transform=(W.devicePixelRatio||1)<=1?"translate("+g+"px, "+b+"px)":"translate3d("+g+"px, "+b+"px, 0)",R)):Object.assign({},S,((n={})[M]=L?b+"px":"",n[P]=w?g+"px":"",n.transform="",n))}var ne={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,n=e.options,r=n.gpuAcceleration,o=void 0===r||r,i=n.adaptive,a=void 0===i||i,s=n.roundOffsets,f=void 0===s||s,c={placement:C(t.placement),variation:_(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,te(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:f})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,te(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}};var re={name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var n=t.styles[e]||{},o=t.attributes[e]||{},i=t.elements[e];r(i)&&p(i)&&(Object.assign(i.style,n),Object.keys(o).forEach((function(e){var t=o[e];!1===t?i.removeAttribute(e):i.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,n={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.styles=n,t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach((function(e){var o=t.elements[e],i=t.attributes[e]||{},a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:n[e]).reduce((function(e,t){return e[t]="",e}),{});r(o)&&p(o)&&(Object.assign(o.style,a),Object.keys(i).forEach((function(e){o.removeAttribute(e)})))}))}},requires:["computeStyles"]};var oe={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,n=e.options,r=e.name,o=n.offset,i=void 0===o?[0,0]:o,a=T.reduce((function(e,n){return e[n]=function(e,t,n){var r=C(e),o=[A,j].indexOf(r)>=0?-1:1,i="function"==typeof n?n(Object.assign({},t,{placement:e})):n,a=i[0],s=i[1];return a=a||0,s=(s||0)*o,[A,D].indexOf(r)>=0?{x:s,y:a}:{x:a,y:s}}(n,t.rects,i),e}),{}),s=a[t.placement],f=s.x,c=s.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=f,t.modifiersData.popperOffsets.y+=c),t.modifiersData[r]=a}},ie={left:"right",right:"left",bottom:"top",top:"bottom"};function ae(e){return e.replace(/left|right|bottom|top/g,(function(e){return ie[e]}))}var se={start:"end",end:"start"};function fe(e){return e.replace(/start|end/g,(function(e){return se[e]}))}function ce(e,t){void 0===t&&(t={});var n=t,r=n.placement,o=n.boundary,i=n.rootBoundary,a=n.padding,s=n.flipVariations,f=n.allowedAutoPlacements,c=void 0===f?T:f,p=_(r),u=p?s?H:H.filter((function(e){return _(e)===p})):P,l=u.filter((function(e){return c.indexOf(e)>=0}));0===l.length&&(l=u);var d=l.reduce((function(t,n){return t[n]=Y(e,{placement:n,boundary:o,rootBoundary:i,padding:a})[C(n)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}var pe={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,n=e.options,r=e.name;if(!t.modifiersData[r]._skip){for(var o=n.mainAxis,i=void 0===o||o,a=n.altAxis,s=void 0===a||a,f=n.fallbackPlacements,c=n.padding,p=n.boundary,u=n.rootBoundary,l=n.altBoundary,d=n.flipVariations,h=void 0===d||d,m=n.allowedAutoPlacements,v=t.options.placement,g=C(v),y=f||(g===v||!h?[ae(v)]:function(e){if(C(e)===L)return[];var t=ae(e);return[fe(e),t,fe(t)]}(v)),b=[v].concat(y).reduce((function(e,n){return e.concat(C(n)===L?ce(t,{placement:n,boundary:p,rootBoundary:u,padding:c,flipVariations:h,allowedAutoPlacements:m}):n)}),[]),x=t.rects.reference,w=t.rects.popper,O=new Map,P=!0,k=b[0],W=0;W<b.length;W++){var B=b[W],H=C(B),T=_(B)===M,R=[j,E].indexOf(H)>=0,S=R?"width":"height",q=Y(t,{placement:B,boundary:p,rootBoundary:u,altBoundary:l,padding:c}),V=R?T?D:A:T?E:j;x[S]>w[S]&&(V=ae(V));var N=ae(V),I=[];if(i&&I.push(q[H]<=0),s&&I.push(q[V]<=0,q[N]<=0),I.every((function(e){return e}))){k=B,P=!1;break}O.set(B,I)}if(P)for(var F=function(e){var t=b.find((function(t){var n=O.get(t);if(n)return n.slice(0,e).every((function(e){return e}))}));if(t)return k=t,"break"},U=h?3:1;U>0;U--){if("break"===F(U))break}t.placement!==k&&(t.modifiersData[r]._skip=!0,t.placement=k,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function ue(e,t,n){return i(e,a(t,n))}var le={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,n=e.options,r=e.name,o=n.mainAxis,s=void 0===o||o,f=n.altAxis,c=void 0!==f&&f,p=n.boundary,u=n.rootBoundary,l=n.altBoundary,d=n.padding,h=n.tether,m=void 0===h||h,g=n.tetherOffset,y=void 0===g?0:g,b=Y(t,{boundary:p,rootBoundary:u,padding:d,altBoundary:l}),x=C(t.placement),w=_(t.placement),L=!w,P=F(x),k="x"===P?"y":"x",W=t.modifiersData.popperOffsets,B=t.rects.reference,H=t.rects.popper,T="function"==typeof y?y(Object.assign({},t.rects,{placement:t.placement})):y,R="number"==typeof T?{mainAxis:T,altAxis:T}:Object.assign({mainAxis:0,altAxis:0},T),S=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,q={x:0,y:0};if(W){if(s){var V,N="y"===P?j:A,I="y"===P?E:D,U="y"===P?"height":"width",z=W[P],X=z+b[N],G=z-b[I],J=m?-H[U]/2:0,K=w===M?B[U]:H[U],Q=w===M?-H[U]:-B[U],Z=t.elements.arrow,$=m&&Z?v(Z):{width:0,height:0},ee=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},te=ee[N],ne=ee[I],re=ue(0,B[U],$[U]),oe=L?B[U]/2-J-re-te-R.mainAxis:K-re-te-R.mainAxis,ie=L?-B[U]/2+J+re+ne+R.mainAxis:Q+re+ne+R.mainAxis,ae=t.elements.arrow&&O(t.elements.arrow),se=ae?"y"===P?ae.clientTop||0:ae.clientLeft||0:0,fe=null!=(V=null==S?void 0:S[P])?V:0,ce=z+ie-fe,pe=ue(m?a(X,z+oe-fe-se):X,z,m?i(G,ce):G);W[P]=pe,q[P]=pe-z}if(c){var le,de="x"===P?j:A,he="x"===P?E:D,me=W[k],ve="y"===k?"height":"width",ge=me+b[de],ye=me-b[he],be=-1!==[j,A].indexOf(x),xe=null!=(le=null==S?void 0:S[k])?le:0,we=be?ge:me-B[ve]-H[ve]-xe+R.altAxis,Oe=be?me+B[ve]+H[ve]-xe-R.altAxis:ye,je=m&&be?function(e,t,n){var r=ue(e,t,n);return r>n?n:r}(we,me,Oe):ue(m?we:ge,me,m?Oe:ye);W[k]=je,q[k]=je-me}t.modifiersData[r]=q}},requiresIfExists:["offset"]};var de={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,n=e.state,r=e.name,o=e.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,s=C(n.placement),f=F(s),c=[A,D].indexOf(s)>=0?"height":"width";if(i&&a){var p=function(e,t){return z("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:X(e,P))}(o.padding,n),u=v(i),l="y"===f?j:A,d="y"===f?E:D,h=n.rects.reference[c]+n.rects.reference[f]-a[f]-n.rects.popper[c],m=a[f]-n.rects.reference[f],g=O(i),y=g?"y"===f?g.clientHeight||0:g.clientWidth||0:0,b=h/2-m/2,x=p[l],w=y-u[c]-p[d],L=y/2-u[c]/2+b,M=ue(x,L,w),k=f;n.modifiersData[r]=((t={})[k]=M,t.centerOffset=M-L,t)}},effect:function(e){var t=e.state,n=e.options.element,r=void 0===n?"[data-popper-arrow]":n;null!=r&&("string"!=typeof r||(r=t.elements.popper.querySelector(r)))&&q(t.elements.popper,r)&&(t.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function he(e,t,n){return void 0===n&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function me(e){return[j,D,E,A].some((function(t){return e[t]>=0}))}var ve={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,n=e.name,r=t.rects.reference,o=t.rects.popper,i=t.modifiersData.preventOverflow,a=Y(t,{elementContext:"reference"}),s=Y(t,{altBoundary:!0}),f=he(a,r),c=he(s,o,i),p=me(f),u=me(c);t.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:u},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":u})}},ge=K({defaultModifiers:[Z,$,ne,re]}),ye=[Z,$,ne,re,oe,pe,le,de,ve],be=K({defaultModifiers:ye});e.applyStyles=re,e.arrow=de,e.computeStyles=ne,e.createPopper=be,e.createPopperLite=ge,e.defaultModifiers=ye,e.detectOverflow=Y,e.eventListeners=Z,e.flip=pe,e.hide=ve,e.offset=oe,e.popperGenerator=K,e.popperOffsets=$,e.preventOverflow=le,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=popper.min.js.map
diff --git a/public/assets/js/quill.js b/public/assets/js/quill.js
new file mode 100644
index 0000000000000000000000000000000000000000..5dc8fbe3c985a5c3e30dcd9237480e3363e61ea0
--- /dev/null
+++ b/public/assets/js/quill.js
@@ -0,0 +1,11489 @@
+/*!
+ * Quill Editor v1.3.6
+ * https://quilljs.com/
+ * Copyright (c) 2014, Jason Chen
+ * Copyright (c) 2013, salesforce.com
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["Quill"] = factory();
+	else
+		root["Quill"] = factory();
+})(typeof self !== 'undefined' ? self : this, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 109);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var container_1 = __webpack_require__(17);
+var format_1 = __webpack_require__(18);
+var leaf_1 = __webpack_require__(19);
+var scroll_1 = __webpack_require__(45);
+var inline_1 = __webpack_require__(46);
+var block_1 = __webpack_require__(47);
+var embed_1 = __webpack_require__(48);
+var text_1 = __webpack_require__(49);
+var attributor_1 = __webpack_require__(12);
+var class_1 = __webpack_require__(32);
+var style_1 = __webpack_require__(33);
+var store_1 = __webpack_require__(31);
+var Registry = __webpack_require__(1);
+var Parchment = {
+    Scope: Registry.Scope,
+    create: Registry.create,
+    find: Registry.find,
+    query: Registry.query,
+    register: Registry.register,
+    Container: container_1.default,
+    Format: format_1.default,
+    Leaf: leaf_1.default,
+    Embed: embed_1.default,
+    Scroll: scroll_1.default,
+    Block: block_1.default,
+    Inline: inline_1.default,
+    Text: text_1.default,
+    Attributor: {
+        Attribute: attributor_1.default,
+        Class: class_1.default,
+        Style: style_1.default,
+        Store: store_1.default,
+    },
+};
+exports.default = Parchment;
+
+
+/***/ }),
+/* 1 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var ParchmentError = /** @class */ (function (_super) {
+    __extends(ParchmentError, _super);
+    function ParchmentError(message) {
+        var _this = this;
+        message = '[Parchment] ' + message;
+        _this = _super.call(this, message) || this;
+        _this.message = message;
+        _this.name = _this.constructor.name;
+        return _this;
+    }
+    return ParchmentError;
+}(Error));
+exports.ParchmentError = ParchmentError;
+var attributes = {};
+var classes = {};
+var tags = {};
+var types = {};
+exports.DATA_KEY = '__blot';
+var Scope;
+(function (Scope) {
+    Scope[Scope["TYPE"] = 3] = "TYPE";
+    Scope[Scope["LEVEL"] = 12] = "LEVEL";
+    Scope[Scope["ATTRIBUTE"] = 13] = "ATTRIBUTE";
+    Scope[Scope["BLOT"] = 14] = "BLOT";
+    Scope[Scope["INLINE"] = 7] = "INLINE";
+    Scope[Scope["BLOCK"] = 11] = "BLOCK";
+    Scope[Scope["BLOCK_BLOT"] = 10] = "BLOCK_BLOT";
+    Scope[Scope["INLINE_BLOT"] = 6] = "INLINE_BLOT";
+    Scope[Scope["BLOCK_ATTRIBUTE"] = 9] = "BLOCK_ATTRIBUTE";
+    Scope[Scope["INLINE_ATTRIBUTE"] = 5] = "INLINE_ATTRIBUTE";
+    Scope[Scope["ANY"] = 15] = "ANY";
+})(Scope = exports.Scope || (exports.Scope = {}));
+function create(input, value) {
+    var match = query(input);
+    if (match == null) {
+        throw new ParchmentError("Unable to create " + input + " blot");
+    }
+    var BlotClass = match;
+    var node = 
+    // @ts-ignore
+    input instanceof Node || input['nodeType'] === Node.TEXT_NODE ? input : BlotClass.create(value);
+    return new BlotClass(node, value);
+}
+exports.create = create;
+function find(node, bubble) {
+    if (bubble === void 0) { bubble = false; }
+    if (node == null)
+        return null;
+    // @ts-ignore
+    if (node[exports.DATA_KEY] != null)
+        return node[exports.DATA_KEY].blot;
+    if (bubble)
+        return find(node.parentNode, bubble);
+    return null;
+}
+exports.find = find;
+function query(query, scope) {
+    if (scope === void 0) { scope = Scope.ANY; }
+    var match;
+    if (typeof query === 'string') {
+        match = types[query] || attributes[query];
+        // @ts-ignore
+    }
+    else if (query instanceof Text || query['nodeType'] === Node.TEXT_NODE) {
+        match = types['text'];
+    }
+    else if (typeof query === 'number') {
+        if (query & Scope.LEVEL & Scope.BLOCK) {
+            match = types['block'];
+        }
+        else if (query & Scope.LEVEL & Scope.INLINE) {
+            match = types['inline'];
+        }
+    }
+    else if (query instanceof HTMLElement) {
+        var names = (query.getAttribute('class') || '').split(/\s+/);
+        for (var i in names) {
+            match = classes[names[i]];
+            if (match)
+                break;
+        }
+        match = match || tags[query.tagName];
+    }
+    if (match == null)
+        return null;
+    // @ts-ignore
+    if (scope & Scope.LEVEL & match.scope && scope & Scope.TYPE & match.scope)
+        return match;
+    return null;
+}
+exports.query = query;
+function register() {
+    var Definitions = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        Definitions[_i] = arguments[_i];
+    }
+    if (Definitions.length > 1) {
+        return Definitions.map(function (d) {
+            return register(d);
+        });
+    }
+    var Definition = Definitions[0];
+    if (typeof Definition.blotName !== 'string' && typeof Definition.attrName !== 'string') {
+        throw new ParchmentError('Invalid definition');
+    }
+    else if (Definition.blotName === 'abstract') {
+        throw new ParchmentError('Cannot register abstract class');
+    }
+    types[Definition.blotName || Definition.attrName] = Definition;
+    if (typeof Definition.keyName === 'string') {
+        attributes[Definition.keyName] = Definition;
+    }
+    else {
+        if (Definition.className != null) {
+            classes[Definition.className] = Definition;
+        }
+        if (Definition.tagName != null) {
+            if (Array.isArray(Definition.tagName)) {
+                Definition.tagName = Definition.tagName.map(function (tagName) {
+                    return tagName.toUpperCase();
+                });
+            }
+            else {
+                Definition.tagName = Definition.tagName.toUpperCase();
+            }
+            var tagNames = Array.isArray(Definition.tagName) ? Definition.tagName : [Definition.tagName];
+            tagNames.forEach(function (tag) {
+                if (tags[tag] == null || Definition.className == null) {
+                    tags[tag] = Definition;
+                }
+            });
+        }
+    }
+    return Definition;
+}
+exports.register = register;
+
+
+/***/ }),
+/* 2 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var diff = __webpack_require__(51);
+var equal = __webpack_require__(11);
+var extend = __webpack_require__(3);
+var op = __webpack_require__(20);
+
+
+var NULL_CHARACTER = String.fromCharCode(0);  // Placeholder char for embed in diff()
+
+
+var Delta = function (ops) {
+  // Assume we are given a well formed ops
+  if (Array.isArray(ops)) {
+    this.ops = ops;
+  } else if (ops != null && Array.isArray(ops.ops)) {
+    this.ops = ops.ops;
+  } else {
+    this.ops = [];
+  }
+};
+
+
+Delta.prototype.insert = function (text, attributes) {
+  var newOp = {};
+  if (text.length === 0) return this;
+  newOp.insert = text;
+  if (attributes != null && typeof attributes === 'object' && Object.keys(attributes).length > 0) {
+    newOp.attributes = attributes;
+  }
+  return this.push(newOp);
+};
+
+Delta.prototype['delete'] = function (length) {
+  if (length <= 0) return this;
+  return this.push({ 'delete': length });
+};
+
+Delta.prototype.retain = function (length, attributes) {
+  if (length <= 0) return this;
+  var newOp = { retain: length };
+  if (attributes != null && typeof attributes === 'object' && Object.keys(attributes).length > 0) {
+    newOp.attributes = attributes;
+  }
+  return this.push(newOp);
+};
+
+Delta.prototype.push = function (newOp) {
+  var index = this.ops.length;
+  var lastOp = this.ops[index - 1];
+  newOp = extend(true, {}, newOp);
+  if (typeof lastOp === 'object') {
+    if (typeof newOp['delete'] === 'number' && typeof lastOp['delete'] === 'number') {
+      this.ops[index - 1] = { 'delete': lastOp['delete'] + newOp['delete'] };
+      return this;
+    }
+    // Since it does not matter if we insert before or after deleting at the same index,
+    // always prefer to insert first
+    if (typeof lastOp['delete'] === 'number' && newOp.insert != null) {
+      index -= 1;
+      lastOp = this.ops[index - 1];
+      if (typeof lastOp !== 'object') {
+        this.ops.unshift(newOp);
+        return this;
+      }
+    }
+    if (equal(newOp.attributes, lastOp.attributes)) {
+      if (typeof newOp.insert === 'string' && typeof lastOp.insert === 'string') {
+        this.ops[index - 1] = { insert: lastOp.insert + newOp.insert };
+        if (typeof newOp.attributes === 'object') this.ops[index - 1].attributes = newOp.attributes
+        return this;
+      } else if (typeof newOp.retain === 'number' && typeof lastOp.retain === 'number') {
+        this.ops[index - 1] = { retain: lastOp.retain + newOp.retain };
+        if (typeof newOp.attributes === 'object') this.ops[index - 1].attributes = newOp.attributes
+        return this;
+      }
+    }
+  }
+  if (index === this.ops.length) {
+    this.ops.push(newOp);
+  } else {
+    this.ops.splice(index, 0, newOp);
+  }
+  return this;
+};
+
+Delta.prototype.chop = function () {
+  var lastOp = this.ops[this.ops.length - 1];
+  if (lastOp && lastOp.retain && !lastOp.attributes) {
+    this.ops.pop();
+  }
+  return this;
+};
+
+Delta.prototype.filter = function (predicate) {
+  return this.ops.filter(predicate);
+};
+
+Delta.prototype.forEach = function (predicate) {
+  this.ops.forEach(predicate);
+};
+
+Delta.prototype.map = function (predicate) {
+  return this.ops.map(predicate);
+};
+
+Delta.prototype.partition = function (predicate) {
+  var passed = [], failed = [];
+  this.forEach(function(op) {
+    var target = predicate(op) ? passed : failed;
+    target.push(op);
+  });
+  return [passed, failed];
+};
+
+Delta.prototype.reduce = function (predicate, initial) {
+  return this.ops.reduce(predicate, initial);
+};
+
+Delta.prototype.changeLength = function () {
+  return this.reduce(function (length, elem) {
+    if (elem.insert) {
+      return length + op.length(elem);
+    } else if (elem.delete) {
+      return length - elem.delete;
+    }
+    return length;
+  }, 0);
+};
+
+Delta.prototype.length = function () {
+  return this.reduce(function (length, elem) {
+    return length + op.length(elem);
+  }, 0);
+};
+
+Delta.prototype.slice = function (start, end) {
+  start = start || 0;
+  if (typeof end !== 'number') end = Infinity;
+  var ops = [];
+  var iter = op.iterator(this.ops);
+  var index = 0;
+  while (index < end && iter.hasNext()) {
+    var nextOp;
+    if (index < start) {
+      nextOp = iter.next(start - index);
+    } else {
+      nextOp = iter.next(end - index);
+      ops.push(nextOp);
+    }
+    index += op.length(nextOp);
+  }
+  return new Delta(ops);
+};
+
+
+Delta.prototype.compose = function (other) {
+  var thisIter = op.iterator(this.ops);
+  var otherIter = op.iterator(other.ops);
+  var delta = new Delta();
+  while (thisIter.hasNext() || otherIter.hasNext()) {
+    if (otherIter.peekType() === 'insert') {
+      delta.push(otherIter.next());
+    } else if (thisIter.peekType() === 'delete') {
+      delta.push(thisIter.next());
+    } else {
+      var length = Math.min(thisIter.peekLength(), otherIter.peekLength());
+      var thisOp = thisIter.next(length);
+      var otherOp = otherIter.next(length);
+      if (typeof otherOp.retain === 'number') {
+        var newOp = {};
+        if (typeof thisOp.retain === 'number') {
+          newOp.retain = length;
+        } else {
+          newOp.insert = thisOp.insert;
+        }
+        // Preserve null when composing with a retain, otherwise remove it for inserts
+        var attributes = op.attributes.compose(thisOp.attributes, otherOp.attributes, typeof thisOp.retain === 'number');
+        if (attributes) newOp.attributes = attributes;
+        delta.push(newOp);
+      // Other op should be delete, we could be an insert or retain
+      // Insert + delete cancels out
+      } else if (typeof otherOp['delete'] === 'number' && typeof thisOp.retain === 'number') {
+        delta.push(otherOp);
+      }
+    }
+  }
+  return delta.chop();
+};
+
+Delta.prototype.concat = function (other) {
+  var delta = new Delta(this.ops.slice());
+  if (other.ops.length > 0) {
+    delta.push(other.ops[0]);
+    delta.ops = delta.ops.concat(other.ops.slice(1));
+  }
+  return delta;
+};
+
+Delta.prototype.diff = function (other, index) {
+  if (this.ops === other.ops) {
+    return new Delta();
+  }
+  var strings = [this, other].map(function (delta) {
+    return delta.map(function (op) {
+      if (op.insert != null) {
+        return typeof op.insert === 'string' ? op.insert : NULL_CHARACTER;
+      }
+      var prep = (delta === other) ? 'on' : 'with';
+      throw new Error('diff() called ' + prep + ' non-document');
+    }).join('');
+  });
+  var delta = new Delta();
+  var diffResult = diff(strings[0], strings[1], index);
+  var thisIter = op.iterator(this.ops);
+  var otherIter = op.iterator(other.ops);
+  diffResult.forEach(function (component) {
+    var length = component[1].length;
+    while (length > 0) {
+      var opLength = 0;
+      switch (component[0]) {
+        case diff.INSERT:
+          opLength = Math.min(otherIter.peekLength(), length);
+          delta.push(otherIter.next(opLength));
+          break;
+        case diff.DELETE:
+          opLength = Math.min(length, thisIter.peekLength());
+          thisIter.next(opLength);
+          delta['delete'](opLength);
+          break;
+        case diff.EQUAL:
+          opLength = Math.min(thisIter.peekLength(), otherIter.peekLength(), length);
+          var thisOp = thisIter.next(opLength);
+          var otherOp = otherIter.next(opLength);
+          if (equal(thisOp.insert, otherOp.insert)) {
+            delta.retain(opLength, op.attributes.diff(thisOp.attributes, otherOp.attributes));
+          } else {
+            delta.push(otherOp)['delete'](opLength);
+          }
+          break;
+      }
+      length -= opLength;
+    }
+  });
+  return delta.chop();
+};
+
+Delta.prototype.eachLine = function (predicate, newline) {
+  newline = newline || '\n';
+  var iter = op.iterator(this.ops);
+  var line = new Delta();
+  var i = 0;
+  while (iter.hasNext()) {
+    if (iter.peekType() !== 'insert') return;
+    var thisOp = iter.peek();
+    var start = op.length(thisOp) - iter.peekLength();
+    var index = typeof thisOp.insert === 'string' ?
+      thisOp.insert.indexOf(newline, start) - start : -1;
+    if (index < 0) {
+      line.push(iter.next());
+    } else if (index > 0) {
+      line.push(iter.next(index));
+    } else {
+      if (predicate(line, iter.next(1).attributes || {}, i) === false) {
+        return;
+      }
+      i += 1;
+      line = new Delta();
+    }
+  }
+  if (line.length() > 0) {
+    predicate(line, {}, i);
+  }
+};
+
+Delta.prototype.transform = function (other, priority) {
+  priority = !!priority;
+  if (typeof other === 'number') {
+    return this.transformPosition(other, priority);
+  }
+  var thisIter = op.iterator(this.ops);
+  var otherIter = op.iterator(other.ops);
+  var delta = new Delta();
+  while (thisIter.hasNext() || otherIter.hasNext()) {
+    if (thisIter.peekType() === 'insert' && (priority || otherIter.peekType() !== 'insert')) {
+      delta.retain(op.length(thisIter.next()));
+    } else if (otherIter.peekType() === 'insert') {
+      delta.push(otherIter.next());
+    } else {
+      var length = Math.min(thisIter.peekLength(), otherIter.peekLength());
+      var thisOp = thisIter.next(length);
+      var otherOp = otherIter.next(length);
+      if (thisOp['delete']) {
+        // Our delete either makes their delete redundant or removes their retain
+        continue;
+      } else if (otherOp['delete']) {
+        delta.push(otherOp);
+      } else {
+        // We retain either their retain or insert
+        delta.retain(length, op.attributes.transform(thisOp.attributes, otherOp.attributes, priority));
+      }
+    }
+  }
+  return delta.chop();
+};
+
+Delta.prototype.transformPosition = function (index, priority) {
+  priority = !!priority;
+  var thisIter = op.iterator(this.ops);
+  var offset = 0;
+  while (thisIter.hasNext() && offset <= index) {
+    var length = thisIter.peekLength();
+    var nextType = thisIter.peekType();
+    thisIter.next();
+    if (nextType === 'delete') {
+      index -= Math.min(length, index - offset);
+      continue;
+    } else if (nextType === 'insert' && (offset < index || !priority)) {
+      index += length;
+    }
+    offset += length;
+  }
+  return index;
+};
+
+
+module.exports = Delta;
+
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports) {
+
+'use strict';
+
+var hasOwn = Object.prototype.hasOwnProperty;
+var toStr = Object.prototype.toString;
+
+var isArray = function isArray(arr) {
+	if (typeof Array.isArray === 'function') {
+		return Array.isArray(arr);
+	}
+
+	return toStr.call(arr) === '[object Array]';
+};
+
+var isPlainObject = function isPlainObject(obj) {
+	if (!obj || toStr.call(obj) !== '[object Object]') {
+		return false;
+	}
+
+	var hasOwnConstructor = hasOwn.call(obj, 'constructor');
+	var hasIsPrototypeOf = obj.constructor && obj.constructor.prototype && hasOwn.call(obj.constructor.prototype, 'isPrototypeOf');
+	// Not own constructor property must be Object
+	if (obj.constructor && !hasOwnConstructor && !hasIsPrototypeOf) {
+		return false;
+	}
+
+	// Own properties are enumerated firstly, so to speed up,
+	// if last one is own, then all properties are own.
+	var key;
+	for (key in obj) { /**/ }
+
+	return typeof key === 'undefined' || hasOwn.call(obj, key);
+};
+
+module.exports = function extend() {
+	var options, name, src, copy, copyIsArray, clone;
+	var target = arguments[0];
+	var i = 1;
+	var length = arguments.length;
+	var deep = false;
+
+	// Handle a deep copy situation
+	if (typeof target === 'boolean') {
+		deep = target;
+		target = arguments[1] || {};
+		// skip the boolean and the target
+		i = 2;
+	}
+	if (target == null || (typeof target !== 'object' && typeof target !== 'function')) {
+		target = {};
+	}
+
+	for (; i < length; ++i) {
+		options = arguments[i];
+		// Only deal with non-null/undefined values
+		if (options != null) {
+			// Extend the base object
+			for (name in options) {
+				src = target[name];
+				copy = options[name];
+
+				// Prevent never-ending loop
+				if (target !== copy) {
+					// Recurse if we're merging plain objects or arrays
+					if (deep && copy && (isPlainObject(copy) || (copyIsArray = isArray(copy)))) {
+						if (copyIsArray) {
+							copyIsArray = false;
+							clone = src && isArray(src) ? src : [];
+						} else {
+							clone = src && isPlainObject(src) ? src : {};
+						}
+
+						// Never move original objects, clone them
+						target[name] = extend(deep, clone, copy);
+
+					// Don't bring in undefined values
+					} else if (typeof copy !== 'undefined') {
+						target[name] = copy;
+					}
+				}
+			}
+		}
+	}
+
+	// Return the modified object
+	return target;
+};
+
+
+/***/ }),
+/* 4 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.BlockEmbed = exports.bubbleFormats = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _extend = __webpack_require__(3);
+
+var _extend2 = _interopRequireDefault(_extend);
+
+var _quillDelta = __webpack_require__(2);
+
+var _quillDelta2 = _interopRequireDefault(_quillDelta);
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _break = __webpack_require__(16);
+
+var _break2 = _interopRequireDefault(_break);
+
+var _inline = __webpack_require__(6);
+
+var _inline2 = _interopRequireDefault(_inline);
+
+var _text = __webpack_require__(7);
+
+var _text2 = _interopRequireDefault(_text);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var NEWLINE_LENGTH = 1;
+
+var BlockEmbed = function (_Parchment$Embed) {
+  _inherits(BlockEmbed, _Parchment$Embed);
+
+  function BlockEmbed() {
+    _classCallCheck(this, BlockEmbed);
+
+    return _possibleConstructorReturn(this, (BlockEmbed.__proto__ || Object.getPrototypeOf(BlockEmbed)).apply(this, arguments));
+  }
+
+  _createClass(BlockEmbed, [{
+    key: 'attach',
+    value: function attach() {
+      _get(BlockEmbed.prototype.__proto__ || Object.getPrototypeOf(BlockEmbed.prototype), 'attach', this).call(this);
+      this.attributes = new _parchment2.default.Attributor.Store(this.domNode);
+    }
+  }, {
+    key: 'delta',
+    value: function delta() {
+      return new _quillDelta2.default().insert(this.value(), (0, _extend2.default)(this.formats(), this.attributes.values()));
+    }
+  }, {
+    key: 'format',
+    value: function format(name, value) {
+      var attribute = _parchment2.default.query(name, _parchment2.default.Scope.BLOCK_ATTRIBUTE);
+      if (attribute != null) {
+        this.attributes.attribute(attribute, value);
+      }
+    }
+  }, {
+    key: 'formatAt',
+    value: function formatAt(index, length, name, value) {
+      this.format(name, value);
+    }
+  }, {
+    key: 'insertAt',
+    value: function insertAt(index, value, def) {
+      if (typeof value === 'string' && value.endsWith('\n')) {
+        var block = _parchment2.default.create(Block.blotName);
+        this.parent.insertBefore(block, index === 0 ? this : this.next);
+        block.insertAt(0, value.slice(0, -1));
+      } else {
+        _get(BlockEmbed.prototype.__proto__ || Object.getPrototypeOf(BlockEmbed.prototype), 'insertAt', this).call(this, index, value, def);
+      }
+    }
+  }]);
+
+  return BlockEmbed;
+}(_parchment2.default.Embed);
+
+BlockEmbed.scope = _parchment2.default.Scope.BLOCK_BLOT;
+// It is important for cursor behavior BlockEmbeds use tags that are block level elements
+
+
+var Block = function (_Parchment$Block) {
+  _inherits(Block, _Parchment$Block);
+
+  function Block(domNode) {
+    _classCallCheck(this, Block);
+
+    var _this2 = _possibleConstructorReturn(this, (Block.__proto__ || Object.getPrototypeOf(Block)).call(this, domNode));
+
+    _this2.cache = {};
+    return _this2;
+  }
+
+  _createClass(Block, [{
+    key: 'delta',
+    value: function delta() {
+      if (this.cache.delta == null) {
+        this.cache.delta = this.descendants(_parchment2.default.Leaf).reduce(function (delta, leaf) {
+          if (leaf.length() === 0) {
+            return delta;
+          } else {
+            return delta.insert(leaf.value(), bubbleFormats(leaf));
+          }
+        }, new _quillDelta2.default()).insert('\n', bubbleFormats(this));
+      }
+      return this.cache.delta;
+    }
+  }, {
+    key: 'deleteAt',
+    value: function deleteAt(index, length) {
+      _get(Block.prototype.__proto__ || Object.getPrototypeOf(Block.prototype), 'deleteAt', this).call(this, index, length);
+      this.cache = {};
+    }
+  }, {
+    key: 'formatAt',
+    value: function formatAt(index, length, name, value) {
+      if (length <= 0) return;
+      if (_parchment2.default.query(name, _parchment2.default.Scope.BLOCK)) {
+        if (index + length === this.length()) {
+          this.format(name, value);
+        }
+      } else {
+        _get(Block.prototype.__proto__ || Object.getPrototypeOf(Block.prototype), 'formatAt', this).call(this, index, Math.min(length, this.length() - index - 1), name, value);
+      }
+      this.cache = {};
+    }
+  }, {
+    key: 'insertAt',
+    value: function insertAt(index, value, def) {
+      if (def != null) return _get(Block.prototype.__proto__ || Object.getPrototypeOf(Block.prototype), 'insertAt', this).call(this, index, value, def);
+      if (value.length === 0) return;
+      var lines = value.split('\n');
+      var text = lines.shift();
+      if (text.length > 0) {
+        if (index < this.length() - 1 || this.children.tail == null) {
+          _get(Block.prototype.__proto__ || Object.getPrototypeOf(Block.prototype), 'insertAt', this).call(this, Math.min(index, this.length() - 1), text);
+        } else {
+          this.children.tail.insertAt(this.children.tail.length(), text);
+        }
+        this.cache = {};
+      }
+      var block = this;
+      lines.reduce(function (index, line) {
+        block = block.split(index, true);
+        block.insertAt(0, line);
+        return line.length;
+      }, index + text.length);
+    }
+  }, {
+    key: 'insertBefore',
+    value: function insertBefore(blot, ref) {
+      var head = this.children.head;
+      _get(Block.prototype.__proto__ || Object.getPrototypeOf(Block.prototype), 'insertBefore', this).call(this, blot, ref);
+      if (head instanceof _break2.default) {
+        head.remove();
+      }
+      this.cache = {};
+    }
+  }, {
+    key: 'length',
+    value: function length() {
+      if (this.cache.length == null) {
+        this.cache.length = _get(Block.prototype.__proto__ || Object.getPrototypeOf(Block.prototype), 'length', this).call(this) + NEWLINE_LENGTH;
+      }
+      return this.cache.length;
+    }
+  }, {
+    key: 'moveChildren',
+    value: function moveChildren(target, ref) {
+      _get(Block.prototype.__proto__ || Object.getPrototypeOf(Block.prototype), 'moveChildren', this).call(this, target, ref);
+      this.cache = {};
+    }
+  }, {
+    key: 'optimize',
+    value: function optimize(context) {
+      _get(Block.prototype.__proto__ || Object.getPrototypeOf(Block.prototype), 'optimize', this).call(this, context);
+      this.cache = {};
+    }
+  }, {
+    key: 'path',
+    value: function path(index) {
+      return _get(Block.prototype.__proto__ || Object.getPrototypeOf(Block.prototype), 'path', this).call(this, index, true);
+    }
+  }, {
+    key: 'removeChild',
+    value: function removeChild(child) {
+      _get(Block.prototype.__proto__ || Object.getPrototypeOf(Block.prototype), 'removeChild', this).call(this, child);
+      this.cache = {};
+    }
+  }, {
+    key: 'split',
+    value: function split(index) {
+      var force = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+      if (force && (index === 0 || index >= this.length() - NEWLINE_LENGTH)) {
+        var clone = this.clone();
+        if (index === 0) {
+          this.parent.insertBefore(clone, this);
+          return this;
+        } else {
+          this.parent.insertBefore(clone, this.next);
+          return clone;
+        }
+      } else {
+        var next = _get(Block.prototype.__proto__ || Object.getPrototypeOf(Block.prototype), 'split', this).call(this, index, force);
+        this.cache = {};
+        return next;
+      }
+    }
+  }]);
+
+  return Block;
+}(_parchment2.default.Block);
+
+Block.blotName = 'block';
+Block.tagName = 'P';
+Block.defaultChild = 'break';
+Block.allowedChildren = [_inline2.default, _parchment2.default.Embed, _text2.default];
+
+function bubbleFormats(blot) {
+  var formats = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  if (blot == null) return formats;
+  if (typeof blot.formats === 'function') {
+    formats = (0, _extend2.default)(formats, blot.formats());
+  }
+  if (blot.parent == null || blot.parent.blotName == 'scroll' || blot.parent.statics.scope !== blot.statics.scope) {
+    return formats;
+  }
+  return bubbleFormats(blot.parent, formats);
+}
+
+exports.bubbleFormats = bubbleFormats;
+exports.BlockEmbed = BlockEmbed;
+exports.default = Block;
+
+/***/ }),
+/* 5 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.overload = exports.expandConfig = undefined;
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+__webpack_require__(50);
+
+var _quillDelta = __webpack_require__(2);
+
+var _quillDelta2 = _interopRequireDefault(_quillDelta);
+
+var _editor = __webpack_require__(14);
+
+var _editor2 = _interopRequireDefault(_editor);
+
+var _emitter3 = __webpack_require__(8);
+
+var _emitter4 = _interopRequireDefault(_emitter3);
+
+var _module = __webpack_require__(9);
+
+var _module2 = _interopRequireDefault(_module);
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _selection = __webpack_require__(15);
+
+var _selection2 = _interopRequireDefault(_selection);
+
+var _extend = __webpack_require__(3);
+
+var _extend2 = _interopRequireDefault(_extend);
+
+var _logger = __webpack_require__(10);
+
+var _logger2 = _interopRequireDefault(_logger);
+
+var _theme = __webpack_require__(34);
+
+var _theme2 = _interopRequireDefault(_theme);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var debug = (0, _logger2.default)('quill');
+
+var Quill = function () {
+  _createClass(Quill, null, [{
+    key: 'debug',
+    value: function debug(limit) {
+      if (limit === true) {
+        limit = 'log';
+      }
+      _logger2.default.level(limit);
+    }
+  }, {
+    key: 'find',
+    value: function find(node) {
+      return node.__quill || _parchment2.default.find(node);
+    }
+  }, {
+    key: 'import',
+    value: function _import(name) {
+      if (this.imports[name] == null) {
+        debug.error('Cannot import ' + name + '. Are you sure it was registered?');
+      }
+      return this.imports[name];
+    }
+  }, {
+    key: 'register',
+    value: function register(path, target) {
+      var _this = this;
+
+      var overwrite = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+
+      if (typeof path !== 'string') {
+        var name = path.attrName || path.blotName;
+        if (typeof name === 'string') {
+          // register(Blot | Attributor, overwrite)
+          this.register('formats/' + name, path, target);
+        } else {
+          Object.keys(path).forEach(function (key) {
+            _this.register(key, path[key], target);
+          });
+        }
+      } else {
+        if (this.imports[path] != null && !overwrite) {
+          debug.warn('Overwriting ' + path + ' with', target);
+        }
+        this.imports[path] = target;
+        if ((path.startsWith('blots/') || path.startsWith('formats/')) && target.blotName !== 'abstract') {
+          _parchment2.default.register(target);
+        } else if (path.startsWith('modules') && typeof target.register === 'function') {
+          target.register();
+        }
+      }
+    }
+  }]);
+
+  function Quill(container) {
+    var _this2 = this;
+
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    _classCallCheck(this, Quill);
+
+    this.options = expandConfig(container, options);
+    this.container = this.options.container;
+    if (this.container == null) {
+      return debug.error('Invalid Quill container', container);
+    }
+    if (this.options.debug) {
+      Quill.debug(this.options.debug);
+    }
+    var html = this.container.innerHTML.trim();
+    this.container.classList.add('ql-container');
+    this.container.innerHTML = '';
+    this.container.__quill = this;
+    this.root = this.addContainer('ql-editor');
+    this.root.classList.add('ql-blank');
+    this.root.setAttribute('data-gramm', false);
+    this.scrollingContainer = this.options.scrollingContainer || this.root;
+    this.emitter = new _emitter4.default();
+    this.scroll = _parchment2.default.create(this.root, {
+      emitter: this.emitter,
+      whitelist: this.options.formats
+    });
+    this.editor = new _editor2.default(this.scroll);
+    this.selection = new _selection2.default(this.scroll, this.emitter);
+    this.theme = new this.options.theme(this, this.options);
+    this.keyboard = this.theme.addModule('keyboard');
+    this.clipboard = this.theme.addModule('clipboard');
+    this.history = this.theme.addModule('history');
+    this.theme.init();
+    this.emitter.on(_emitter4.default.events.EDITOR_CHANGE, function (type) {
+      if (type === _emitter4.default.events.TEXT_CHANGE) {
+        _this2.root.classList.toggle('ql-blank', _this2.editor.isBlank());
+      }
+    });
+    this.emitter.on(_emitter4.default.events.SCROLL_UPDATE, function (source, mutations) {
+      var range = _this2.selection.lastRange;
+      var index = range && range.length === 0 ? range.index : undefined;
+      modify.call(_this2, function () {
+        return _this2.editor.update(null, mutations, index);
+      }, source);
+    });
+    var contents = this.clipboard.convert('<div class=\'ql-editor\' style="white-space: normal;">' + html + '<p><br></p></div>');
+    this.setContents(contents);
+    this.history.clear();
+    if (this.options.placeholder) {
+      this.root.setAttribute('data-placeholder', this.options.placeholder);
+    }
+    if (this.options.readOnly) {
+      this.disable();
+    }
+  }
+
+  _createClass(Quill, [{
+    key: 'addContainer',
+    value: function addContainer(container) {
+      var refNode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+
+      if (typeof container === 'string') {
+        var className = container;
+        container = document.createElement('div');
+        container.classList.add(className);
+      }
+      this.container.insertBefore(container, refNode);
+      return container;
+    }
+  }, {
+    key: 'blur',
+    value: function blur() {
+      this.selection.setRange(null);
+    }
+  }, {
+    key: 'deleteText',
+    value: function deleteText(index, length, source) {
+      var _this3 = this;
+
+      var _overload = overload(index, length, source);
+
+      var _overload2 = _slicedToArray(_overload, 4);
+
+      index = _overload2[0];
+      length = _overload2[1];
+      source = _overload2[3];
+
+      return modify.call(this, function () {
+        return _this3.editor.deleteText(index, length);
+      }, source, index, -1 * length);
+    }
+  }, {
+    key: 'disable',
+    value: function disable() {
+      this.enable(false);
+    }
+  }, {
+    key: 'enable',
+    value: function enable() {
+      var enabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+
+      this.scroll.enable(enabled);
+      this.container.classList.toggle('ql-disabled', !enabled);
+    }
+  }, {
+    key: 'focus',
+    value: function focus() {
+      var scrollTop = this.scrollingContainer.scrollTop;
+      this.selection.focus();
+      this.scrollingContainer.scrollTop = scrollTop;
+      this.scrollIntoView();
+    }
+  }, {
+    key: 'format',
+    value: function format(name, value) {
+      var _this4 = this;
+
+      var source = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _emitter4.default.sources.API;
+
+      return modify.call(this, function () {
+        var range = _this4.getSelection(true);
+        var change = new _quillDelta2.default();
+        if (range == null) {
+          return change;
+        } else if (_parchment2.default.query(name, _parchment2.default.Scope.BLOCK)) {
+          change = _this4.editor.formatLine(range.index, range.length, _defineProperty({}, name, value));
+        } else if (range.length === 0) {
+          _this4.selection.format(name, value);
+          return change;
+        } else {
+          change = _this4.editor.formatText(range.index, range.length, _defineProperty({}, name, value));
+        }
+        _this4.setSelection(range, _emitter4.default.sources.SILENT);
+        return change;
+      }, source);
+    }
+  }, {
+    key: 'formatLine',
+    value: function formatLine(index, length, name, value, source) {
+      var _this5 = this;
+
+      var formats = void 0;
+
+      var _overload3 = overload(index, length, name, value, source);
+
+      var _overload4 = _slicedToArray(_overload3, 4);
+
+      index = _overload4[0];
+      length = _overload4[1];
+      formats = _overload4[2];
+      source = _overload4[3];
+
+      return modify.call(this, function () {
+        return _this5.editor.formatLine(index, length, formats);
+      }, source, index, 0);
+    }
+  }, {
+    key: 'formatText',
+    value: function formatText(index, length, name, value, source) {
+      var _this6 = this;
+
+      var formats = void 0;
+
+      var _overload5 = overload(index, length, name, value, source);
+
+      var _overload6 = _slicedToArray(_overload5, 4);
+
+      index = _overload6[0];
+      length = _overload6[1];
+      formats = _overload6[2];
+      source = _overload6[3];
+
+      return modify.call(this, function () {
+        return _this6.editor.formatText(index, length, formats);
+      }, source, index, 0);
+    }
+  }, {
+    key: 'getBounds',
+    value: function getBounds(index) {
+      var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+
+      var bounds = void 0;
+      if (typeof index === 'number') {
+        bounds = this.selection.getBounds(index, length);
+      } else {
+        bounds = this.selection.getBounds(index.index, index.length);
+      }
+      var containerBounds = this.container.getBoundingClientRect();
+      return {
+        bottom: bounds.bottom - containerBounds.top,
+        height: bounds.height,
+        left: bounds.left - containerBounds.left,
+        right: bounds.right - containerBounds.left,
+        top: bounds.top - containerBounds.top,
+        width: bounds.width
+      };
+    }
+  }, {
+    key: 'getContents',
+    value: function getContents() {
+      var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getLength() - index;
+
+      var _overload7 = overload(index, length);
+
+      var _overload8 = _slicedToArray(_overload7, 2);
+
+      index = _overload8[0];
+      length = _overload8[1];
+
+      return this.editor.getContents(index, length);
+    }
+  }, {
+    key: 'getFormat',
+    value: function getFormat() {
+      var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.getSelection(true);
+      var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+
+      if (typeof index === 'number') {
+        return this.editor.getFormat(index, length);
+      } else {
+        return this.editor.getFormat(index.index, index.length);
+      }
+    }
+  }, {
+    key: 'getIndex',
+    value: function getIndex(blot) {
+      return blot.offset(this.scroll);
+    }
+  }, {
+    key: 'getLength',
+    value: function getLength() {
+      return this.scroll.length();
+    }
+  }, {
+    key: 'getLeaf',
+    value: function getLeaf(index) {
+      return this.scroll.leaf(index);
+    }
+  }, {
+    key: 'getLine',
+    value: function getLine(index) {
+      return this.scroll.line(index);
+    }
+  }, {
+    key: 'getLines',
+    value: function getLines() {
+      var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Number.MAX_VALUE;
+
+      if (typeof index !== 'number') {
+        return this.scroll.lines(index.index, index.length);
+      } else {
+        return this.scroll.lines(index, length);
+      }
+    }
+  }, {
+    key: 'getModule',
+    value: function getModule(name) {
+      return this.theme.modules[name];
+    }
+  }, {
+    key: 'getSelection',
+    value: function getSelection() {
+      var focus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+      if (focus) this.focus();
+      this.update(); // Make sure we access getRange with editor in consistent state
+      return this.selection.getRange()[0];
+    }
+  }, {
+    key: 'getText',
+    value: function getText() {
+      var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getLength() - index;
+
+      var _overload9 = overload(index, length);
+
+      var _overload10 = _slicedToArray(_overload9, 2);
+
+      index = _overload10[0];
+      length = _overload10[1];
+
+      return this.editor.getText(index, length);
+    }
+  }, {
+    key: 'hasFocus',
+    value: function hasFocus() {
+      return this.selection.hasFocus();
+    }
+  }, {
+    key: 'insertEmbed',
+    value: function insertEmbed(index, embed, value) {
+      var _this7 = this;
+
+      var source = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : Quill.sources.API;
+
+      return modify.call(this, function () {
+        return _this7.editor.insertEmbed(index, embed, value);
+      }, source, index);
+    }
+  }, {
+    key: 'insertText',
+    value: function insertText(index, text, name, value, source) {
+      var _this8 = this;
+
+      var formats = void 0;
+
+      var _overload11 = overload(index, 0, name, value, source);
+
+      var _overload12 = _slicedToArray(_overload11, 4);
+
+      index = _overload12[0];
+      formats = _overload12[2];
+      source = _overload12[3];
+
+      return modify.call(this, function () {
+        return _this8.editor.insertText(index, text, formats);
+      }, source, index, text.length);
+    }
+  }, {
+    key: 'isEnabled',
+    value: function isEnabled() {
+      return !this.container.classList.contains('ql-disabled');
+    }
+  }, {
+    key: 'off',
+    value: function off() {
+      return this.emitter.off.apply(this.emitter, arguments);
+    }
+  }, {
+    key: 'on',
+    value: function on() {
+      return this.emitter.on.apply(this.emitter, arguments);
+    }
+  }, {
+    key: 'once',
+    value: function once() {
+      return this.emitter.once.apply(this.emitter, arguments);
+    }
+  }, {
+    key: 'pasteHTML',
+    value: function pasteHTML(index, html, source) {
+      this.clipboard.dangerouslyPasteHTML(index, html, source);
+    }
+  }, {
+    key: 'removeFormat',
+    value: function removeFormat(index, length, source) {
+      var _this9 = this;
+
+      var _overload13 = overload(index, length, source);
+
+      var _overload14 = _slicedToArray(_overload13, 4);
+
+      index = _overload14[0];
+      length = _overload14[1];
+      source = _overload14[3];
+
+      return modify.call(this, function () {
+        return _this9.editor.removeFormat(index, length);
+      }, source, index);
+    }
+  }, {
+    key: 'scrollIntoView',
+    value: function scrollIntoView() {
+      this.selection.scrollIntoView(this.scrollingContainer);
+    }
+  }, {
+    key: 'setContents',
+    value: function setContents(delta) {
+      var _this10 = this;
+
+      var source = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _emitter4.default.sources.API;
+
+      return modify.call(this, function () {
+        delta = new _quillDelta2.default(delta);
+        var length = _this10.getLength();
+        var deleted = _this10.editor.deleteText(0, length);
+        var applied = _this10.editor.applyDelta(delta);
+        var lastOp = applied.ops[applied.ops.length - 1];
+        if (lastOp != null && typeof lastOp.insert === 'string' && lastOp.insert[lastOp.insert.length - 1] === '\n') {
+          _this10.editor.deleteText(_this10.getLength() - 1, 1);
+          applied.delete(1);
+        }
+        var ret = deleted.compose(applied);
+        return ret;
+      }, source);
+    }
+  }, {
+    key: 'setSelection',
+    value: function setSelection(index, length, source) {
+      if (index == null) {
+        this.selection.setRange(null, length || Quill.sources.API);
+      } else {
+        var _overload15 = overload(index, length, source);
+
+        var _overload16 = _slicedToArray(_overload15, 4);
+
+        index = _overload16[0];
+        length = _overload16[1];
+        source = _overload16[3];
+
+        this.selection.setRange(new _selection.Range(index, length), source);
+        if (source !== _emitter4.default.sources.SILENT) {
+          this.selection.scrollIntoView(this.scrollingContainer);
+        }
+      }
+    }
+  }, {
+    key: 'setText',
+    value: function setText(text) {
+      var source = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _emitter4.default.sources.API;
+
+      var delta = new _quillDelta2.default().insert(text);
+      return this.setContents(delta, source);
+    }
+  }, {
+    key: 'update',
+    value: function update() {
+      var source = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _emitter4.default.sources.USER;
+
+      var change = this.scroll.update(source); // Will update selection before selection.update() does if text changes
+      this.selection.update(source);
+      return change;
+    }
+  }, {
+    key: 'updateContents',
+    value: function updateContents(delta) {
+      var _this11 = this;
+
+      var source = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _emitter4.default.sources.API;
+
+      return modify.call(this, function () {
+        delta = new _quillDelta2.default(delta);
+        return _this11.editor.applyDelta(delta, source);
+      }, source, true);
+    }
+  }]);
+
+  return Quill;
+}();
+
+Quill.DEFAULTS = {
+  bounds: null,
+  formats: null,
+  modules: {},
+  placeholder: '',
+  readOnly: false,
+  scrollingContainer: null,
+  strict: true,
+  theme: 'default'
+};
+Quill.events = _emitter4.default.events;
+Quill.sources = _emitter4.default.sources;
+// eslint-disable-next-line no-undef
+Quill.version =  false ? 'dev' : "1.3.6";
+
+Quill.imports = {
+  'delta': _quillDelta2.default,
+  'parchment': _parchment2.default,
+  'core/module': _module2.default,
+  'core/theme': _theme2.default
+};
+
+function expandConfig(container, userConfig) {
+  userConfig = (0, _extend2.default)(true, {
+    container: container,
+    modules: {
+      clipboard: true,
+      keyboard: true,
+      history: true
+    }
+  }, userConfig);
+  if (!userConfig.theme || userConfig.theme === Quill.DEFAULTS.theme) {
+    userConfig.theme = _theme2.default;
+  } else {
+    userConfig.theme = Quill.import('themes/' + userConfig.theme);
+    if (userConfig.theme == null) {
+      throw new Error('Invalid theme ' + userConfig.theme + '. Did you register it?');
+    }
+  }
+  var themeConfig = (0, _extend2.default)(true, {}, userConfig.theme.DEFAULTS);
+  [themeConfig, userConfig].forEach(function (config) {
+    config.modules = config.modules || {};
+    Object.keys(config.modules).forEach(function (module) {
+      if (config.modules[module] === true) {
+        config.modules[module] = {};
+      }
+    });
+  });
+  var moduleNames = Object.keys(themeConfig.modules).concat(Object.keys(userConfig.modules));
+  var moduleConfig = moduleNames.reduce(function (config, name) {
+    var moduleClass = Quill.import('modules/' + name);
+    if (moduleClass == null) {
+      debug.error('Cannot load ' + name + ' module. Are you sure you registered it?');
+    } else {
+      config[name] = moduleClass.DEFAULTS || {};
+    }
+    return config;
+  }, {});
+  // Special case toolbar shorthand
+  if (userConfig.modules != null && userConfig.modules.toolbar && userConfig.modules.toolbar.constructor !== Object) {
+    userConfig.modules.toolbar = {
+      container: userConfig.modules.toolbar
+    };
+  }
+  userConfig = (0, _extend2.default)(true, {}, Quill.DEFAULTS, { modules: moduleConfig }, themeConfig, userConfig);
+  ['bounds', 'container', 'scrollingContainer'].forEach(function (key) {
+    if (typeof userConfig[key] === 'string') {
+      userConfig[key] = document.querySelector(userConfig[key]);
+    }
+  });
+  userConfig.modules = Object.keys(userConfig.modules).reduce(function (config, name) {
+    if (userConfig.modules[name]) {
+      config[name] = userConfig.modules[name];
+    }
+    return config;
+  }, {});
+  return userConfig;
+}
+
+// Handle selection preservation and TEXT_CHANGE emission
+// common to modification APIs
+function modify(modifier, source, index, shift) {
+  if (this.options.strict && !this.isEnabled() && source === _emitter4.default.sources.USER) {
+    return new _quillDelta2.default();
+  }
+  var range = index == null ? null : this.getSelection();
+  var oldDelta = this.editor.delta;
+  var change = modifier();
+  if (range != null) {
+    if (index === true) index = range.index;
+    if (shift == null) {
+      range = shiftRange(range, change, source);
+    } else if (shift !== 0) {
+      range = shiftRange(range, index, shift, source);
+    }
+    this.setSelection(range, _emitter4.default.sources.SILENT);
+  }
+  if (change.length() > 0) {
+    var _emitter;
+
+    var args = [_emitter4.default.events.TEXT_CHANGE, change, oldDelta, source];
+    (_emitter = this.emitter).emit.apply(_emitter, [_emitter4.default.events.EDITOR_CHANGE].concat(args));
+    if (source !== _emitter4.default.sources.SILENT) {
+      var _emitter2;
+
+      (_emitter2 = this.emitter).emit.apply(_emitter2, args);
+    }
+  }
+  return change;
+}
+
+function overload(index, length, name, value, source) {
+  var formats = {};
+  if (typeof index.index === 'number' && typeof index.length === 'number') {
+    // Allow for throwaway end (used by insertText/insertEmbed)
+    if (typeof length !== 'number') {
+      source = value, value = name, name = length, length = index.length, index = index.index;
+    } else {
+      length = index.length, index = index.index;
+    }
+  } else if (typeof length !== 'number') {
+    source = value, value = name, name = length, length = 0;
+  }
+  // Handle format being object, two format name/value strings or excluded
+  if ((typeof name === 'undefined' ? 'undefined' : _typeof(name)) === 'object') {
+    formats = name;
+    source = value;
+  } else if (typeof name === 'string') {
+    if (value != null) {
+      formats[name] = value;
+    } else {
+      source = name;
+    }
+  }
+  // Handle optional source
+  source = source || _emitter4.default.sources.API;
+  return [index, length, formats, source];
+}
+
+function shiftRange(range, index, length, source) {
+  if (range == null) return null;
+  var start = void 0,
+      end = void 0;
+  if (index instanceof _quillDelta2.default) {
+    var _map = [range.index, range.index + range.length].map(function (pos) {
+      return index.transformPosition(pos, source !== _emitter4.default.sources.USER);
+    });
+
+    var _map2 = _slicedToArray(_map, 2);
+
+    start = _map2[0];
+    end = _map2[1];
+  } else {
+    var _map3 = [range.index, range.index + range.length].map(function (pos) {
+      if (pos < index || pos === index && source === _emitter4.default.sources.USER) return pos;
+      if (length >= 0) {
+        return pos + length;
+      } else {
+        return Math.max(index, pos + length);
+      }
+    });
+
+    var _map4 = _slicedToArray(_map3, 2);
+
+    start = _map4[0];
+    end = _map4[1];
+  }
+  return new _selection.Range(start, end - start);
+}
+
+exports.expandConfig = expandConfig;
+exports.overload = overload;
+exports.default = Quill;
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _text = __webpack_require__(7);
+
+var _text2 = _interopRequireDefault(_text);
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Inline = function (_Parchment$Inline) {
+  _inherits(Inline, _Parchment$Inline);
+
+  function Inline() {
+    _classCallCheck(this, Inline);
+
+    return _possibleConstructorReturn(this, (Inline.__proto__ || Object.getPrototypeOf(Inline)).apply(this, arguments));
+  }
+
+  _createClass(Inline, [{
+    key: 'formatAt',
+    value: function formatAt(index, length, name, value) {
+      if (Inline.compare(this.statics.blotName, name) < 0 && _parchment2.default.query(name, _parchment2.default.Scope.BLOT)) {
+        var blot = this.isolate(index, length);
+        if (value) {
+          blot.wrap(name, value);
+        }
+      } else {
+        _get(Inline.prototype.__proto__ || Object.getPrototypeOf(Inline.prototype), 'formatAt', this).call(this, index, length, name, value);
+      }
+    }
+  }, {
+    key: 'optimize',
+    value: function optimize(context) {
+      _get(Inline.prototype.__proto__ || Object.getPrototypeOf(Inline.prototype), 'optimize', this).call(this, context);
+      if (this.parent instanceof Inline && Inline.compare(this.statics.blotName, this.parent.statics.blotName) > 0) {
+        var parent = this.parent.isolate(this.offset(), this.length());
+        this.moveChildren(parent);
+        parent.wrap(this);
+      }
+    }
+  }], [{
+    key: 'compare',
+    value: function compare(self, other) {
+      var selfIndex = Inline.order.indexOf(self);
+      var otherIndex = Inline.order.indexOf(other);
+      if (selfIndex >= 0 || otherIndex >= 0) {
+        return selfIndex - otherIndex;
+      } else if (self === other) {
+        return 0;
+      } else if (self < other) {
+        return -1;
+      } else {
+        return 1;
+      }
+    }
+  }]);
+
+  return Inline;
+}(_parchment2.default.Inline);
+
+Inline.allowedChildren = [Inline, _parchment2.default.Embed, _text2.default];
+// Lower index means deeper in the DOM tree, since not found (-1) is for embeds
+Inline.order = ['cursor', 'inline', // Must be lower
+'underline', 'strike', 'italic', 'bold', 'script', 'link', 'code' // Must be higher
+];
+
+exports.default = Inline;
+
+/***/ }),
+/* 7 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var TextBlot = function (_Parchment$Text) {
+  _inherits(TextBlot, _Parchment$Text);
+
+  function TextBlot() {
+    _classCallCheck(this, TextBlot);
+
+    return _possibleConstructorReturn(this, (TextBlot.__proto__ || Object.getPrototypeOf(TextBlot)).apply(this, arguments));
+  }
+
+  return TextBlot;
+}(_parchment2.default.Text);
+
+exports.default = TextBlot;
+
+/***/ }),
+/* 8 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _eventemitter = __webpack_require__(54);
+
+var _eventemitter2 = _interopRequireDefault(_eventemitter);
+
+var _logger = __webpack_require__(10);
+
+var _logger2 = _interopRequireDefault(_logger);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var debug = (0, _logger2.default)('quill:events');
+
+var EVENTS = ['selectionchange', 'mousedown', 'mouseup', 'click'];
+
+EVENTS.forEach(function (eventName) {
+  document.addEventListener(eventName, function () {
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    [].slice.call(document.querySelectorAll('.ql-container')).forEach(function (node) {
+      // TODO use WeakMap
+      if (node.__quill && node.__quill.emitter) {
+        var _node$__quill$emitter;
+
+        (_node$__quill$emitter = node.__quill.emitter).handleDOM.apply(_node$__quill$emitter, args);
+      }
+    });
+  });
+});
+
+var Emitter = function (_EventEmitter) {
+  _inherits(Emitter, _EventEmitter);
+
+  function Emitter() {
+    _classCallCheck(this, Emitter);
+
+    var _this = _possibleConstructorReturn(this, (Emitter.__proto__ || Object.getPrototypeOf(Emitter)).call(this));
+
+    _this.listeners = {};
+    _this.on('error', debug.error);
+    return _this;
+  }
+
+  _createClass(Emitter, [{
+    key: 'emit',
+    value: function emit() {
+      debug.log.apply(debug, arguments);
+      _get(Emitter.prototype.__proto__ || Object.getPrototypeOf(Emitter.prototype), 'emit', this).apply(this, arguments);
+    }
+  }, {
+    key: 'handleDOM',
+    value: function handleDOM(event) {
+      for (var _len2 = arguments.length, args = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      (this.listeners[event.type] || []).forEach(function (_ref) {
+        var node = _ref.node,
+            handler = _ref.handler;
+
+        if (event.target === node || node.contains(event.target)) {
+          handler.apply(undefined, [event].concat(args));
+        }
+      });
+    }
+  }, {
+    key: 'listenDOM',
+    value: function listenDOM(eventName, node, handler) {
+      if (!this.listeners[eventName]) {
+        this.listeners[eventName] = [];
+      }
+      this.listeners[eventName].push({ node: node, handler: handler });
+    }
+  }]);
+
+  return Emitter;
+}(_eventemitter2.default);
+
+Emitter.events = {
+  EDITOR_CHANGE: 'editor-change',
+  SCROLL_BEFORE_UPDATE: 'scroll-before-update',
+  SCROLL_OPTIMIZE: 'scroll-optimize',
+  SCROLL_UPDATE: 'scroll-update',
+  SELECTION_CHANGE: 'selection-change',
+  TEXT_CHANGE: 'text-change'
+};
+Emitter.sources = {
+  API: 'api',
+  SILENT: 'silent',
+  USER: 'user'
+};
+
+exports.default = Emitter;
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var Module = function Module(quill) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  _classCallCheck(this, Module);
+
+  this.quill = quill;
+  this.options = options;
+};
+
+Module.DEFAULTS = {};
+
+exports.default = Module;
+
+/***/ }),
+/* 10 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var levels = ['error', 'warn', 'log', 'info'];
+var level = 'warn';
+
+function debug(method) {
+  if (levels.indexOf(method) <= levels.indexOf(level)) {
+    var _console;
+
+    for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    (_console = console)[method].apply(_console, args); // eslint-disable-line no-console
+  }
+}
+
+function namespace(ns) {
+  return levels.reduce(function (logger, method) {
+    logger[method] = debug.bind(console, method, ns);
+    return logger;
+  }, {});
+}
+
+debug.level = namespace.level = function (newLevel) {
+  level = newLevel;
+};
+
+exports.default = namespace;
+
+/***/ }),
+/* 11 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var pSlice = Array.prototype.slice;
+var objectKeys = __webpack_require__(52);
+var isArguments = __webpack_require__(53);
+
+var deepEqual = module.exports = function (actual, expected, opts) {
+  if (!opts) opts = {};
+  // 7.1. All identical values are equivalent, as determined by ===.
+  if (actual === expected) {
+    return true;
+
+  } else if (actual instanceof Date && expected instanceof Date) {
+    return actual.getTime() === expected.getTime();
+
+  // 7.3. Other pairs that do not both pass typeof value == 'object',
+  // equivalence is determined by ==.
+  } else if (!actual || !expected || typeof actual != 'object' && typeof expected != 'object') {
+    return opts.strict ? actual === expected : actual == expected;
+
+  // 7.4. For all other Object pairs, including Array objects, equivalence is
+  // determined by having the same number of owned properties (as verified
+  // with Object.prototype.hasOwnProperty.call), the same set of keys
+  // (although not necessarily the same order), equivalent values for every
+  // corresponding key, and an identical 'prototype' property. Note: this
+  // accounts for both named and indexed properties on Arrays.
+  } else {
+    return objEquiv(actual, expected, opts);
+  }
+}
+
+function isUndefinedOrNull(value) {
+  return value === null || value === undefined;
+}
+
+function isBuffer (x) {
+  if (!x || typeof x !== 'object' || typeof x.length !== 'number') return false;
+  if (typeof x.copy !== 'function' || typeof x.slice !== 'function') {
+    return false;
+  }
+  if (x.length > 0 && typeof x[0] !== 'number') return false;
+  return true;
+}
+
+function objEquiv(a, b, opts) {
+  var i, key;
+  if (isUndefinedOrNull(a) || isUndefinedOrNull(b))
+    return false;
+  // an identical 'prototype' property.
+  if (a.prototype !== b.prototype) return false;
+  //~~~I've managed to break Object.keys through screwy arguments passing.
+  //   Converting to array solves the problem.
+  if (isArguments(a)) {
+    if (!isArguments(b)) {
+      return false;
+    }
+    a = pSlice.call(a);
+    b = pSlice.call(b);
+    return deepEqual(a, b, opts);
+  }
+  if (isBuffer(a)) {
+    if (!isBuffer(b)) {
+      return false;
+    }
+    if (a.length !== b.length) return false;
+    for (i = 0; i < a.length; i++) {
+      if (a[i] !== b[i]) return false;
+    }
+    return true;
+  }
+  try {
+    var ka = objectKeys(a),
+        kb = objectKeys(b);
+  } catch (e) {//happens when one is a string literal and the other isn't
+    return false;
+  }
+  // having the same number of owned properties (keys incorporates
+  // hasOwnProperty)
+  if (ka.length != kb.length)
+    return false;
+  //the same set of keys (although not necessarily the same order),
+  ka.sort();
+  kb.sort();
+  //~~~cheap key test
+  for (i = ka.length - 1; i >= 0; i--) {
+    if (ka[i] != kb[i])
+      return false;
+  }
+  //equivalent values for every corresponding key, and
+  //~~~possibly expensive deep test
+  for (i = ka.length - 1; i >= 0; i--) {
+    key = ka[i];
+    if (!deepEqual(a[key], b[key], opts)) return false;
+  }
+  return typeof a === typeof b;
+}
+
+
+/***/ }),
+/* 12 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var Registry = __webpack_require__(1);
+var Attributor = /** @class */ (function () {
+    function Attributor(attrName, keyName, options) {
+        if (options === void 0) { options = {}; }
+        this.attrName = attrName;
+        this.keyName = keyName;
+        var attributeBit = Registry.Scope.TYPE & Registry.Scope.ATTRIBUTE;
+        if (options.scope != null) {
+            // Ignore type bits, force attribute bit
+            this.scope = (options.scope & Registry.Scope.LEVEL) | attributeBit;
+        }
+        else {
+            this.scope = Registry.Scope.ATTRIBUTE;
+        }
+        if (options.whitelist != null)
+            this.whitelist = options.whitelist;
+    }
+    Attributor.keys = function (node) {
+        return [].map.call(node.attributes, function (item) {
+            return item.name;
+        });
+    };
+    Attributor.prototype.add = function (node, value) {
+        if (!this.canAdd(node, value))
+            return false;
+        node.setAttribute(this.keyName, value);
+        return true;
+    };
+    Attributor.prototype.canAdd = function (node, value) {
+        var match = Registry.query(node, Registry.Scope.BLOT & (this.scope | Registry.Scope.TYPE));
+        if (match == null)
+            return false;
+        if (this.whitelist == null)
+            return true;
+        if (typeof value === 'string') {
+            return this.whitelist.indexOf(value.replace(/["']/g, '')) > -1;
+        }
+        else {
+            return this.whitelist.indexOf(value) > -1;
+        }
+    };
+    Attributor.prototype.remove = function (node) {
+        node.removeAttribute(this.keyName);
+    };
+    Attributor.prototype.value = function (node) {
+        var value = node.getAttribute(this.keyName);
+        if (this.canAdd(node, value) && value) {
+            return value;
+        }
+        return '';
+    };
+    return Attributor;
+}());
+exports.default = Attributor;
+
+
+/***/ }),
+/* 13 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Code = undefined;
+
+var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _quillDelta = __webpack_require__(2);
+
+var _quillDelta2 = _interopRequireDefault(_quillDelta);
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _block = __webpack_require__(4);
+
+var _block2 = _interopRequireDefault(_block);
+
+var _inline = __webpack_require__(6);
+
+var _inline2 = _interopRequireDefault(_inline);
+
+var _text = __webpack_require__(7);
+
+var _text2 = _interopRequireDefault(_text);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Code = function (_Inline) {
+  _inherits(Code, _Inline);
+
+  function Code() {
+    _classCallCheck(this, Code);
+
+    return _possibleConstructorReturn(this, (Code.__proto__ || Object.getPrototypeOf(Code)).apply(this, arguments));
+  }
+
+  return Code;
+}(_inline2.default);
+
+Code.blotName = 'code';
+Code.tagName = 'CODE';
+
+var CodeBlock = function (_Block) {
+  _inherits(CodeBlock, _Block);
+
+  function CodeBlock() {
+    _classCallCheck(this, CodeBlock);
+
+    return _possibleConstructorReturn(this, (CodeBlock.__proto__ || Object.getPrototypeOf(CodeBlock)).apply(this, arguments));
+  }
+
+  _createClass(CodeBlock, [{
+    key: 'delta',
+    value: function delta() {
+      var _this3 = this;
+
+      var text = this.domNode.textContent;
+      if (text.endsWith('\n')) {
+        // Should always be true
+        text = text.slice(0, -1);
+      }
+      return text.split('\n').reduce(function (delta, frag) {
+        return delta.insert(frag).insert('\n', _this3.formats());
+      }, new _quillDelta2.default());
+    }
+  }, {
+    key: 'format',
+    value: function format(name, value) {
+      if (name === this.statics.blotName && value) return;
+
+      var _descendant = this.descendant(_text2.default, this.length() - 1),
+          _descendant2 = _slicedToArray(_descendant, 1),
+          text = _descendant2[0];
+
+      if (text != null) {
+        text.deleteAt(text.length() - 1, 1);
+      }
+      _get(CodeBlock.prototype.__proto__ || Object.getPrototypeOf(CodeBlock.prototype), 'format', this).call(this, name, value);
+    }
+  }, {
+    key: 'formatAt',
+    value: function formatAt(index, length, name, value) {
+      if (length === 0) return;
+      if (_parchment2.default.query(name, _parchment2.default.Scope.BLOCK) == null || name === this.statics.blotName && value === this.statics.formats(this.domNode)) {
+        return;
+      }
+      var nextNewline = this.newlineIndex(index);
+      if (nextNewline < 0 || nextNewline >= index + length) return;
+      var prevNewline = this.newlineIndex(index, true) + 1;
+      var isolateLength = nextNewline - prevNewline + 1;
+      var blot = this.isolate(prevNewline, isolateLength);
+      var next = blot.next;
+      blot.format(name, value);
+      if (next instanceof CodeBlock) {
+        next.formatAt(0, index - prevNewline + length - isolateLength, name, value);
+      }
+    }
+  }, {
+    key: 'insertAt',
+    value: function insertAt(index, value, def) {
+      if (def != null) return;
+
+      var _descendant3 = this.descendant(_text2.default, index),
+          _descendant4 = _slicedToArray(_descendant3, 2),
+          text = _descendant4[0],
+          offset = _descendant4[1];
+
+      text.insertAt(offset, value);
+    }
+  }, {
+    key: 'length',
+    value: function length() {
+      var length = this.domNode.textContent.length;
+      if (!this.domNode.textContent.endsWith('\n')) {
+        return length + 1;
+      }
+      return length;
+    }
+  }, {
+    key: 'newlineIndex',
+    value: function newlineIndex(searchIndex) {
+      var reverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+      if (!reverse) {
+        var offset = this.domNode.textContent.slice(searchIndex).indexOf('\n');
+        return offset > -1 ? searchIndex + offset : -1;
+      } else {
+        return this.domNode.textContent.slice(0, searchIndex).lastIndexOf('\n');
+      }
+    }
+  }, {
+    key: 'optimize',
+    value: function optimize(context) {
+      if (!this.domNode.textContent.endsWith('\n')) {
+        this.appendChild(_parchment2.default.create('text', '\n'));
+      }
+      _get(CodeBlock.prototype.__proto__ || Object.getPrototypeOf(CodeBlock.prototype), 'optimize', this).call(this, context);
+      var next = this.next;
+      if (next != null && next.prev === this && next.statics.blotName === this.statics.blotName && this.statics.formats(this.domNode) === next.statics.formats(next.domNode)) {
+        next.optimize(context);
+        next.moveChildren(this);
+        next.remove();
+      }
+    }
+  }, {
+    key: 'replace',
+    value: function replace(target) {
+      _get(CodeBlock.prototype.__proto__ || Object.getPrototypeOf(CodeBlock.prototype), 'replace', this).call(this, target);
+      [].slice.call(this.domNode.querySelectorAll('*')).forEach(function (node) {
+        var blot = _parchment2.default.find(node);
+        if (blot == null) {
+          node.parentNode.removeChild(node);
+        } else if (blot instanceof _parchment2.default.Embed) {
+          blot.remove();
+        } else {
+          blot.unwrap();
+        }
+      });
+    }
+  }], [{
+    key: 'create',
+    value: function create(value) {
+      var domNode = _get(CodeBlock.__proto__ || Object.getPrototypeOf(CodeBlock), 'create', this).call(this, value);
+      domNode.setAttribute('spellcheck', false);
+      return domNode;
+    }
+  }, {
+    key: 'formats',
+    value: function formats() {
+      return true;
+    }
+  }]);
+
+  return CodeBlock;
+}(_block2.default);
+
+CodeBlock.blotName = 'code-block';
+CodeBlock.tagName = 'PRE';
+CodeBlock.TAB = '  ';
+
+exports.Code = Code;
+exports.default = CodeBlock;
+
+/***/ }),
+/* 14 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _quillDelta = __webpack_require__(2);
+
+var _quillDelta2 = _interopRequireDefault(_quillDelta);
+
+var _op = __webpack_require__(20);
+
+var _op2 = _interopRequireDefault(_op);
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _code = __webpack_require__(13);
+
+var _code2 = _interopRequireDefault(_code);
+
+var _cursor = __webpack_require__(24);
+
+var _cursor2 = _interopRequireDefault(_cursor);
+
+var _block = __webpack_require__(4);
+
+var _block2 = _interopRequireDefault(_block);
+
+var _break = __webpack_require__(16);
+
+var _break2 = _interopRequireDefault(_break);
+
+var _clone = __webpack_require__(21);
+
+var _clone2 = _interopRequireDefault(_clone);
+
+var _deepEqual = __webpack_require__(11);
+
+var _deepEqual2 = _interopRequireDefault(_deepEqual);
+
+var _extend = __webpack_require__(3);
+
+var _extend2 = _interopRequireDefault(_extend);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var ASCII = /^[ -~]*$/;
+
+var Editor = function () {
+  function Editor(scroll) {
+    _classCallCheck(this, Editor);
+
+    this.scroll = scroll;
+    this.delta = this.getDelta();
+  }
+
+  _createClass(Editor, [{
+    key: 'applyDelta',
+    value: function applyDelta(delta) {
+      var _this = this;
+
+      var consumeNextNewline = false;
+      this.scroll.update();
+      var scrollLength = this.scroll.length();
+      this.scroll.batchStart();
+      delta = normalizeDelta(delta);
+      delta.reduce(function (index, op) {
+        var length = op.retain || op.delete || op.insert.length || 1;
+        var attributes = op.attributes || {};
+        if (op.insert != null) {
+          if (typeof op.insert === 'string') {
+            var text = op.insert;
+            if (text.endsWith('\n') && consumeNextNewline) {
+              consumeNextNewline = false;
+              text = text.slice(0, -1);
+            }
+            if (index >= scrollLength && !text.endsWith('\n')) {
+              consumeNextNewline = true;
+            }
+            _this.scroll.insertAt(index, text);
+
+            var _scroll$line = _this.scroll.line(index),
+                _scroll$line2 = _slicedToArray(_scroll$line, 2),
+                line = _scroll$line2[0],
+                offset = _scroll$line2[1];
+
+            var formats = (0, _extend2.default)({}, (0, _block.bubbleFormats)(line));
+            if (line instanceof _block2.default) {
+              var _line$descendant = line.descendant(_parchment2.default.Leaf, offset),
+                  _line$descendant2 = _slicedToArray(_line$descendant, 1),
+                  leaf = _line$descendant2[0];
+
+              formats = (0, _extend2.default)(formats, (0, _block.bubbleFormats)(leaf));
+            }
+            attributes = _op2.default.attributes.diff(formats, attributes) || {};
+          } else if (_typeof(op.insert) === 'object') {
+            var key = Object.keys(op.insert)[0]; // There should only be one key
+            if (key == null) return index;
+            _this.scroll.insertAt(index, key, op.insert[key]);
+          }
+          scrollLength += length;
+        }
+        Object.keys(attributes).forEach(function (name) {
+          _this.scroll.formatAt(index, length, name, attributes[name]);
+        });
+        return index + length;
+      }, 0);
+      delta.reduce(function (index, op) {
+        if (typeof op.delete === 'number') {
+          _this.scroll.deleteAt(index, op.delete);
+          return index;
+        }
+        return index + (op.retain || op.insert.length || 1);
+      }, 0);
+      this.scroll.batchEnd();
+      return this.update(delta);
+    }
+  }, {
+    key: 'deleteText',
+    value: function deleteText(index, length) {
+      this.scroll.deleteAt(index, length);
+      return this.update(new _quillDelta2.default().retain(index).delete(length));
+    }
+  }, {
+    key: 'formatLine',
+    value: function formatLine(index, length) {
+      var _this2 = this;
+
+      var formats = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+      this.scroll.update();
+      Object.keys(formats).forEach(function (format) {
+        if (_this2.scroll.whitelist != null && !_this2.scroll.whitelist[format]) return;
+        var lines = _this2.scroll.lines(index, Math.max(length, 1));
+        var lengthRemaining = length;
+        lines.forEach(function (line) {
+          var lineLength = line.length();
+          if (!(line instanceof _code2.default)) {
+            line.format(format, formats[format]);
+          } else {
+            var codeIndex = index - line.offset(_this2.scroll);
+            var codeLength = line.newlineIndex(codeIndex + lengthRemaining) - codeIndex + 1;
+            line.formatAt(codeIndex, codeLength, format, formats[format]);
+          }
+          lengthRemaining -= lineLength;
+        });
+      });
+      this.scroll.optimize();
+      return this.update(new _quillDelta2.default().retain(index).retain(length, (0, _clone2.default)(formats)));
+    }
+  }, {
+    key: 'formatText',
+    value: function formatText(index, length) {
+      var _this3 = this;
+
+      var formats = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+      Object.keys(formats).forEach(function (format) {
+        _this3.scroll.formatAt(index, length, format, formats[format]);
+      });
+      return this.update(new _quillDelta2.default().retain(index).retain(length, (0, _clone2.default)(formats)));
+    }
+  }, {
+    key: 'getContents',
+    value: function getContents(index, length) {
+      return this.delta.slice(index, index + length);
+    }
+  }, {
+    key: 'getDelta',
+    value: function getDelta() {
+      return this.scroll.lines().reduce(function (delta, line) {
+        return delta.concat(line.delta());
+      }, new _quillDelta2.default());
+    }
+  }, {
+    key: 'getFormat',
+    value: function getFormat(index) {
+      var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+
+      var lines = [],
+          leaves = [];
+      if (length === 0) {
+        this.scroll.path(index).forEach(function (path) {
+          var _path = _slicedToArray(path, 1),
+              blot = _path[0];
+
+          if (blot instanceof _block2.default) {
+            lines.push(blot);
+          } else if (blot instanceof _parchment2.default.Leaf) {
+            leaves.push(blot);
+          }
+        });
+      } else {
+        lines = this.scroll.lines(index, length);
+        leaves = this.scroll.descendants(_parchment2.default.Leaf, index, length);
+      }
+      var formatsArr = [lines, leaves].map(function (blots) {
+        if (blots.length === 0) return {};
+        var formats = (0, _block.bubbleFormats)(blots.shift());
+        while (Object.keys(formats).length > 0) {
+          var blot = blots.shift();
+          if (blot == null) return formats;
+          formats = combineFormats((0, _block.bubbleFormats)(blot), formats);
+        }
+        return formats;
+      });
+      return _extend2.default.apply(_extend2.default, formatsArr);
+    }
+  }, {
+    key: 'getText',
+    value: function getText(index, length) {
+      return this.getContents(index, length).filter(function (op) {
+        return typeof op.insert === 'string';
+      }).map(function (op) {
+        return op.insert;
+      }).join('');
+    }
+  }, {
+    key: 'insertEmbed',
+    value: function insertEmbed(index, embed, value) {
+      this.scroll.insertAt(index, embed, value);
+      return this.update(new _quillDelta2.default().retain(index).insert(_defineProperty({}, embed, value)));
+    }
+  }, {
+    key: 'insertText',
+    value: function insertText(index, text) {
+      var _this4 = this;
+
+      var formats = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+      text = text.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+      this.scroll.insertAt(index, text);
+      Object.keys(formats).forEach(function (format) {
+        _this4.scroll.formatAt(index, text.length, format, formats[format]);
+      });
+      return this.update(new _quillDelta2.default().retain(index).insert(text, (0, _clone2.default)(formats)));
+    }
+  }, {
+    key: 'isBlank',
+    value: function isBlank() {
+      if (this.scroll.children.length == 0) return true;
+      if (this.scroll.children.length > 1) return false;
+      var block = this.scroll.children.head;
+      if (block.statics.blotName !== _block2.default.blotName) return false;
+      if (block.children.length > 1) return false;
+      return block.children.head instanceof _break2.default;
+    }
+  }, {
+    key: 'removeFormat',
+    value: function removeFormat(index, length) {
+      var text = this.getText(index, length);
+
+      var _scroll$line3 = this.scroll.line(index + length),
+          _scroll$line4 = _slicedToArray(_scroll$line3, 2),
+          line = _scroll$line4[0],
+          offset = _scroll$line4[1];
+
+      var suffixLength = 0,
+          suffix = new _quillDelta2.default();
+      if (line != null) {
+        if (!(line instanceof _code2.default)) {
+          suffixLength = line.length() - offset;
+        } else {
+          suffixLength = line.newlineIndex(offset) - offset + 1;
+        }
+        suffix = line.delta().slice(offset, offset + suffixLength - 1).insert('\n');
+      }
+      var contents = this.getContents(index, length + suffixLength);
+      var diff = contents.diff(new _quillDelta2.default().insert(text).concat(suffix));
+      var delta = new _quillDelta2.default().retain(index).concat(diff);
+      return this.applyDelta(delta);
+    }
+  }, {
+    key: 'update',
+    value: function update(change) {
+      var mutations = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+      var cursorIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+
+      var oldDelta = this.delta;
+      if (mutations.length === 1 && mutations[0].type === 'characterData' && mutations[0].target.data.match(ASCII) && _parchment2.default.find(mutations[0].target)) {
+        // Optimization for character changes
+        var textBlot = _parchment2.default.find(mutations[0].target);
+        var formats = (0, _block.bubbleFormats)(textBlot);
+        var index = textBlot.offset(this.scroll);
+        var oldValue = mutations[0].oldValue.replace(_cursor2.default.CONTENTS, '');
+        var oldText = new _quillDelta2.default().insert(oldValue);
+        var newText = new _quillDelta2.default().insert(textBlot.value());
+        var diffDelta = new _quillDelta2.default().retain(index).concat(oldText.diff(newText, cursorIndex));
+        change = diffDelta.reduce(function (delta, op) {
+          if (op.insert) {
+            return delta.insert(op.insert, formats);
+          } else {
+            return delta.push(op);
+          }
+        }, new _quillDelta2.default());
+        this.delta = oldDelta.compose(change);
+      } else {
+        this.delta = this.getDelta();
+        if (!change || !(0, _deepEqual2.default)(oldDelta.compose(change), this.delta)) {
+          change = oldDelta.diff(this.delta, cursorIndex);
+        }
+      }
+      return change;
+    }
+  }]);
+
+  return Editor;
+}();
+
+function combineFormats(formats, combined) {
+  return Object.keys(combined).reduce(function (merged, name) {
+    if (formats[name] == null) return merged;
+    if (combined[name] === formats[name]) {
+      merged[name] = combined[name];
+    } else if (Array.isArray(combined[name])) {
+      if (combined[name].indexOf(formats[name]) < 0) {
+        merged[name] = combined[name].concat([formats[name]]);
+      }
+    } else {
+      merged[name] = [combined[name], formats[name]];
+    }
+    return merged;
+  }, {});
+}
+
+function normalizeDelta(delta) {
+  return delta.reduce(function (delta, op) {
+    if (op.insert === 1) {
+      var attributes = (0, _clone2.default)(op.attributes);
+      delete attributes['image'];
+      return delta.insert({ image: op.attributes.image }, attributes);
+    }
+    if (op.attributes != null && (op.attributes.list === true || op.attributes.bullet === true)) {
+      op = (0, _clone2.default)(op);
+      if (op.attributes.list) {
+        op.attributes.list = 'ordered';
+      } else {
+        op.attributes.list = 'bullet';
+        delete op.attributes.bullet;
+      }
+    }
+    if (typeof op.insert === 'string') {
+      var text = op.insert.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+      return delta.insert(text, op.attributes);
+    }
+    return delta.push(op);
+  }, new _quillDelta2.default());
+}
+
+exports.default = Editor;
+
+/***/ }),
+/* 15 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Range = undefined;
+
+var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _clone = __webpack_require__(21);
+
+var _clone2 = _interopRequireDefault(_clone);
+
+var _deepEqual = __webpack_require__(11);
+
+var _deepEqual2 = _interopRequireDefault(_deepEqual);
+
+var _emitter3 = __webpack_require__(8);
+
+var _emitter4 = _interopRequireDefault(_emitter3);
+
+var _logger = __webpack_require__(10);
+
+var _logger2 = _interopRequireDefault(_logger);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var debug = (0, _logger2.default)('quill:selection');
+
+var Range = function Range(index) {
+  var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+
+  _classCallCheck(this, Range);
+
+  this.index = index;
+  this.length = length;
+};
+
+var Selection = function () {
+  function Selection(scroll, emitter) {
+    var _this = this;
+
+    _classCallCheck(this, Selection);
+
+    this.emitter = emitter;
+    this.scroll = scroll;
+    this.composing = false;
+    this.mouseDown = false;
+    this.root = this.scroll.domNode;
+    this.cursor = _parchment2.default.create('cursor', this);
+    // savedRange is last non-null range
+    this.lastRange = this.savedRange = new Range(0, 0);
+    this.handleComposition();
+    this.handleDragging();
+    this.emitter.listenDOM('selectionchange', document, function () {
+      if (!_this.mouseDown) {
+        setTimeout(_this.update.bind(_this, _emitter4.default.sources.USER), 1);
+      }
+    });
+    this.emitter.on(_emitter4.default.events.EDITOR_CHANGE, function (type, delta) {
+      if (type === _emitter4.default.events.TEXT_CHANGE && delta.length() > 0) {
+        _this.update(_emitter4.default.sources.SILENT);
+      }
+    });
+    this.emitter.on(_emitter4.default.events.SCROLL_BEFORE_UPDATE, function () {
+      if (!_this.hasFocus()) return;
+      var native = _this.getNativeRange();
+      if (native == null) return;
+      if (native.start.node === _this.cursor.textNode) return; // cursor.restore() will handle
+      // TODO unclear if this has negative side effects
+      _this.emitter.once(_emitter4.default.events.SCROLL_UPDATE, function () {
+        try {
+          _this.setNativeRange(native.start.node, native.start.offset, native.end.node, native.end.offset);
+        } catch (ignored) {}
+      });
+    });
+    this.emitter.on(_emitter4.default.events.SCROLL_OPTIMIZE, function (mutations, context) {
+      if (context.range) {
+        var _context$range = context.range,
+            startNode = _context$range.startNode,
+            startOffset = _context$range.startOffset,
+            endNode = _context$range.endNode,
+            endOffset = _context$range.endOffset;
+
+        _this.setNativeRange(startNode, startOffset, endNode, endOffset);
+      }
+    });
+    this.update(_emitter4.default.sources.SILENT);
+  }
+
+  _createClass(Selection, [{
+    key: 'handleComposition',
+    value: function handleComposition() {
+      var _this2 = this;
+
+      this.root.addEventListener('compositionstart', function () {
+        _this2.composing = true;
+      });
+      this.root.addEventListener('compositionend', function () {
+        _this2.composing = false;
+        if (_this2.cursor.parent) {
+          var range = _this2.cursor.restore();
+          if (!range) return;
+          setTimeout(function () {
+            _this2.setNativeRange(range.startNode, range.startOffset, range.endNode, range.endOffset);
+          }, 1);
+        }
+      });
+    }
+  }, {
+    key: 'handleDragging',
+    value: function handleDragging() {
+      var _this3 = this;
+
+      this.emitter.listenDOM('mousedown', document.body, function () {
+        _this3.mouseDown = true;
+      });
+      this.emitter.listenDOM('mouseup', document.body, function () {
+        _this3.mouseDown = false;
+        _this3.update(_emitter4.default.sources.USER);
+      });
+    }
+  }, {
+    key: 'focus',
+    value: function focus() {
+      if (this.hasFocus()) return;
+      this.root.focus();
+      this.setRange(this.savedRange);
+    }
+  }, {
+    key: 'format',
+    value: function format(_format, value) {
+      if (this.scroll.whitelist != null && !this.scroll.whitelist[_format]) return;
+      this.scroll.update();
+      var nativeRange = this.getNativeRange();
+      if (nativeRange == null || !nativeRange.native.collapsed || _parchment2.default.query(_format, _parchment2.default.Scope.BLOCK)) return;
+      if (nativeRange.start.node !== this.cursor.textNode) {
+        var blot = _parchment2.default.find(nativeRange.start.node, false);
+        if (blot == null) return;
+        // TODO Give blot ability to not split
+        if (blot instanceof _parchment2.default.Leaf) {
+          var after = blot.split(nativeRange.start.offset);
+          blot.parent.insertBefore(this.cursor, after);
+        } else {
+          blot.insertBefore(this.cursor, nativeRange.start.node); // Should never happen
+        }
+        this.cursor.attach();
+      }
+      this.cursor.format(_format, value);
+      this.scroll.optimize();
+      this.setNativeRange(this.cursor.textNode, this.cursor.textNode.data.length);
+      this.update();
+    }
+  }, {
+    key: 'getBounds',
+    value: function getBounds(index) {
+      var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+
+      var scrollLength = this.scroll.length();
+      index = Math.min(index, scrollLength - 1);
+      length = Math.min(index + length, scrollLength - 1) - index;
+      var node = void 0,
+          _scroll$leaf = this.scroll.leaf(index),
+          _scroll$leaf2 = _slicedToArray(_scroll$leaf, 2),
+          leaf = _scroll$leaf2[0],
+          offset = _scroll$leaf2[1];
+      if (leaf == null) return null;
+
+      var _leaf$position = leaf.position(offset, true);
+
+      var _leaf$position2 = _slicedToArray(_leaf$position, 2);
+
+      node = _leaf$position2[0];
+      offset = _leaf$position2[1];
+
+      var range = document.createRange();
+      if (length > 0) {
+        range.setStart(node, offset);
+
+        var _scroll$leaf3 = this.scroll.leaf(index + length);
+
+        var _scroll$leaf4 = _slicedToArray(_scroll$leaf3, 2);
+
+        leaf = _scroll$leaf4[0];
+        offset = _scroll$leaf4[1];
+
+        if (leaf == null) return null;
+
+        var _leaf$position3 = leaf.position(offset, true);
+
+        var _leaf$position4 = _slicedToArray(_leaf$position3, 2);
+
+        node = _leaf$position4[0];
+        offset = _leaf$position4[1];
+
+        range.setEnd(node, offset);
+        return range.getBoundingClientRect();
+      } else {
+        var side = 'left';
+        var rect = void 0;
+        if (node instanceof Text) {
+          if (offset < node.data.length) {
+            range.setStart(node, offset);
+            range.setEnd(node, offset + 1);
+          } else {
+            range.setStart(node, offset - 1);
+            range.setEnd(node, offset);
+            side = 'right';
+          }
+          rect = range.getBoundingClientRect();
+        } else {
+          rect = leaf.domNode.getBoundingClientRect();
+          if (offset > 0) side = 'right';
+        }
+        return {
+          bottom: rect.top + rect.height,
+          height: rect.height,
+          left: rect[side],
+          right: rect[side],
+          top: rect.top,
+          width: 0
+        };
+      }
+    }
+  }, {
+    key: 'getNativeRange',
+    value: function getNativeRange() {
+      var selection = document.getSelection();
+      if (selection == null || selection.rangeCount <= 0) return null;
+      var nativeRange = selection.getRangeAt(0);
+      if (nativeRange == null) return null;
+      var range = this.normalizeNative(nativeRange);
+      debug.info('getNativeRange', range);
+      return range;
+    }
+  }, {
+    key: 'getRange',
+    value: function getRange() {
+      var normalized = this.getNativeRange();
+      if (normalized == null) return [null, null];
+      var range = this.normalizedToRange(normalized);
+      return [range, normalized];
+    }
+  }, {
+    key: 'hasFocus',
+    value: function hasFocus() {
+      return document.activeElement === this.root;
+    }
+  }, {
+    key: 'normalizedToRange',
+    value: function normalizedToRange(range) {
+      var _this4 = this;
+
+      var positions = [[range.start.node, range.start.offset]];
+      if (!range.native.collapsed) {
+        positions.push([range.end.node, range.end.offset]);
+      }
+      var indexes = positions.map(function (position) {
+        var _position = _slicedToArray(position, 2),
+            node = _position[0],
+            offset = _position[1];
+
+        var blot = _parchment2.default.find(node, true);
+        var index = blot.offset(_this4.scroll);
+        if (offset === 0) {
+          return index;
+        } else if (blot instanceof _parchment2.default.Container) {
+          return index + blot.length();
+        } else {
+          return index + blot.index(node, offset);
+        }
+      });
+      var end = Math.min(Math.max.apply(Math, _toConsumableArray(indexes)), this.scroll.length() - 1);
+      var start = Math.min.apply(Math, [end].concat(_toConsumableArray(indexes)));
+      return new Range(start, end - start);
+    }
+  }, {
+    key: 'normalizeNative',
+    value: function normalizeNative(nativeRange) {
+      if (!contains(this.root, nativeRange.startContainer) || !nativeRange.collapsed && !contains(this.root, nativeRange.endContainer)) {
+        return null;
+      }
+      var range = {
+        start: { node: nativeRange.startContainer, offset: nativeRange.startOffset },
+        end: { node: nativeRange.endContainer, offset: nativeRange.endOffset },
+        native: nativeRange
+      };
+      [range.start, range.end].forEach(function (position) {
+        var node = position.node,
+            offset = position.offset;
+        while (!(node instanceof Text) && node.childNodes.length > 0) {
+          if (node.childNodes.length > offset) {
+            node = node.childNodes[offset];
+            offset = 0;
+          } else if (node.childNodes.length === offset) {
+            node = node.lastChild;
+            offset = node instanceof Text ? node.data.length : node.childNodes.length + 1;
+          } else {
+            break;
+          }
+        }
+        position.node = node, position.offset = offset;
+      });
+      return range;
+    }
+  }, {
+    key: 'rangeToNative',
+    value: function rangeToNative(range) {
+      var _this5 = this;
+
+      var indexes = range.collapsed ? [range.index] : [range.index, range.index + range.length];
+      var args = [];
+      var scrollLength = this.scroll.length();
+      indexes.forEach(function (index, i) {
+        index = Math.min(scrollLength - 1, index);
+        var node = void 0,
+            _scroll$leaf5 = _this5.scroll.leaf(index),
+            _scroll$leaf6 = _slicedToArray(_scroll$leaf5, 2),
+            leaf = _scroll$leaf6[0],
+            offset = _scroll$leaf6[1];
+        var _leaf$position5 = leaf.position(offset, i !== 0);
+
+        var _leaf$position6 = _slicedToArray(_leaf$position5, 2);
+
+        node = _leaf$position6[0];
+        offset = _leaf$position6[1];
+
+        args.push(node, offset);
+      });
+      if (args.length < 2) {
+        args = args.concat(args);
+      }
+      return args;
+    }
+  }, {
+    key: 'scrollIntoView',
+    value: function scrollIntoView(scrollingContainer) {
+      var range = this.lastRange;
+      if (range == null) return;
+      var bounds = this.getBounds(range.index, range.length);
+      if (bounds == null) return;
+      var limit = this.scroll.length() - 1;
+
+      var _scroll$line = this.scroll.line(Math.min(range.index, limit)),
+          _scroll$line2 = _slicedToArray(_scroll$line, 1),
+          first = _scroll$line2[0];
+
+      var last = first;
+      if (range.length > 0) {
+        var _scroll$line3 = this.scroll.line(Math.min(range.index + range.length, limit));
+
+        var _scroll$line4 = _slicedToArray(_scroll$line3, 1);
+
+        last = _scroll$line4[0];
+      }
+      if (first == null || last == null) return;
+      var scrollBounds = scrollingContainer.getBoundingClientRect();
+      if (bounds.top < scrollBounds.top) {
+        scrollingContainer.scrollTop -= scrollBounds.top - bounds.top;
+      } else if (bounds.bottom > scrollBounds.bottom) {
+        scrollingContainer.scrollTop += bounds.bottom - scrollBounds.bottom;
+      }
+    }
+  }, {
+    key: 'setNativeRange',
+    value: function setNativeRange(startNode, startOffset) {
+      var endNode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : startNode;
+      var endOffset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : startOffset;
+      var force = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+
+      debug.info('setNativeRange', startNode, startOffset, endNode, endOffset);
+      if (startNode != null && (this.root.parentNode == null || startNode.parentNode == null || endNode.parentNode == null)) {
+        return;
+      }
+      var selection = document.getSelection();
+      if (selection == null) return;
+      if (startNode != null) {
+        if (!this.hasFocus()) this.root.focus();
+        var native = (this.getNativeRange() || {}).native;
+        if (native == null || force || startNode !== native.startContainer || startOffset !== native.startOffset || endNode !== native.endContainer || endOffset !== native.endOffset) {
+
+          if (startNode.tagName == "BR") {
+            startOffset = [].indexOf.call(startNode.parentNode.childNodes, startNode);
+            startNode = startNode.parentNode;
+          }
+          if (endNode.tagName == "BR") {
+            endOffset = [].indexOf.call(endNode.parentNode.childNodes, endNode);
+            endNode = endNode.parentNode;
+          }
+          var range = document.createRange();
+          range.setStart(startNode, startOffset);
+          range.setEnd(endNode, endOffset);
+          selection.removeAllRanges();
+          selection.addRange(range);
+        }
+      } else {
+        selection.removeAllRanges();
+        this.root.blur();
+        document.body.focus(); // root.blur() not enough on IE11+Travis+SauceLabs (but not local VMs)
+      }
+    }
+  }, {
+    key: 'setRange',
+    value: function setRange(range) {
+      var force = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var source = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _emitter4.default.sources.API;
+
+      if (typeof force === 'string') {
+        source = force;
+        force = false;
+      }
+      debug.info('setRange', range);
+      if (range != null) {
+        var args = this.rangeToNative(range);
+        this.setNativeRange.apply(this, _toConsumableArray(args).concat([force]));
+      } else {
+        this.setNativeRange(null);
+      }
+      this.update(source);
+    }
+  }, {
+    key: 'update',
+    value: function update() {
+      var source = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _emitter4.default.sources.USER;
+
+      var oldRange = this.lastRange;
+
+      var _getRange = this.getRange(),
+          _getRange2 = _slicedToArray(_getRange, 2),
+          lastRange = _getRange2[0],
+          nativeRange = _getRange2[1];
+
+      this.lastRange = lastRange;
+      if (this.lastRange != null) {
+        this.savedRange = this.lastRange;
+      }
+      if (!(0, _deepEqual2.default)(oldRange, this.lastRange)) {
+        var _emitter;
+
+        if (!this.composing && nativeRange != null && nativeRange.native.collapsed && nativeRange.start.node !== this.cursor.textNode) {
+          this.cursor.restore();
+        }
+        var args = [_emitter4.default.events.SELECTION_CHANGE, (0, _clone2.default)(this.lastRange), (0, _clone2.default)(oldRange), source];
+        (_emitter = this.emitter).emit.apply(_emitter, [_emitter4.default.events.EDITOR_CHANGE].concat(args));
+        if (source !== _emitter4.default.sources.SILENT) {
+          var _emitter2;
+
+          (_emitter2 = this.emitter).emit.apply(_emitter2, args);
+        }
+      }
+    }
+  }]);
+
+  return Selection;
+}();
+
+function contains(parent, descendant) {
+  try {
+    // Firefox inserts inaccessible nodes around video elements
+    descendant.parentNode;
+  } catch (e) {
+    return false;
+  }
+  // IE11 has bug with Text nodes
+  // https://connect.microsoft.com/IE/feedback/details/780874/node-contains-is-incorrect
+  if (descendant instanceof Text) {
+    descendant = descendant.parentNode;
+  }
+  return parent.contains(descendant);
+}
+
+exports.Range = Range;
+exports.default = Selection;
+
+/***/ }),
+/* 16 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Break = function (_Parchment$Embed) {
+  _inherits(Break, _Parchment$Embed);
+
+  function Break() {
+    _classCallCheck(this, Break);
+
+    return _possibleConstructorReturn(this, (Break.__proto__ || Object.getPrototypeOf(Break)).apply(this, arguments));
+  }
+
+  _createClass(Break, [{
+    key: 'insertInto',
+    value: function insertInto(parent, ref) {
+      if (parent.children.length === 0) {
+        _get(Break.prototype.__proto__ || Object.getPrototypeOf(Break.prototype), 'insertInto', this).call(this, parent, ref);
+      } else {
+        this.remove();
+      }
+    }
+  }, {
+    key: 'length',
+    value: function length() {
+      return 0;
+    }
+  }, {
+    key: 'value',
+    value: function value() {
+      return '';
+    }
+  }], [{
+    key: 'value',
+    value: function value() {
+      return undefined;
+    }
+  }]);
+
+  return Break;
+}(_parchment2.default.Embed);
+
+Break.blotName = 'break';
+Break.tagName = 'BR';
+
+exports.default = Break;
+
+/***/ }),
+/* 17 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var linked_list_1 = __webpack_require__(44);
+var shadow_1 = __webpack_require__(30);
+var Registry = __webpack_require__(1);
+var ContainerBlot = /** @class */ (function (_super) {
+    __extends(ContainerBlot, _super);
+    function ContainerBlot(domNode) {
+        var _this = _super.call(this, domNode) || this;
+        _this.build();
+        return _this;
+    }
+    ContainerBlot.prototype.appendChild = function (other) {
+        this.insertBefore(other);
+    };
+    ContainerBlot.prototype.attach = function () {
+        _super.prototype.attach.call(this);
+        this.children.forEach(function (child) {
+            child.attach();
+        });
+    };
+    ContainerBlot.prototype.build = function () {
+        var _this = this;
+        this.children = new linked_list_1.default();
+        // Need to be reversed for if DOM nodes already in order
+        [].slice
+            .call(this.domNode.childNodes)
+            .reverse()
+            .forEach(function (node) {
+            try {
+                var child = makeBlot(node);
+                _this.insertBefore(child, _this.children.head || undefined);
+            }
+            catch (err) {
+                if (err instanceof Registry.ParchmentError)
+                    return;
+                else
+                    throw err;
+            }
+        });
+    };
+    ContainerBlot.prototype.deleteAt = function (index, length) {
+        if (index === 0 && length === this.length()) {
+            return this.remove();
+        }
+        this.children.forEachAt(index, length, function (child, offset, length) {
+            child.deleteAt(offset, length);
+        });
+    };
+    ContainerBlot.prototype.descendant = function (criteria, index) {
+        var _a = this.children.find(index), child = _a[0], offset = _a[1];
+        if ((criteria.blotName == null && criteria(child)) ||
+            (criteria.blotName != null && child instanceof criteria)) {
+            return [child, offset];
+        }
+        else if (child instanceof ContainerBlot) {
+            return child.descendant(criteria, offset);
+        }
+        else {
+            return [null, -1];
+        }
+    };
+    ContainerBlot.prototype.descendants = function (criteria, index, length) {
+        if (index === void 0) { index = 0; }
+        if (length === void 0) { length = Number.MAX_VALUE; }
+        var descendants = [];
+        var lengthLeft = length;
+        this.children.forEachAt(index, length, function (child, index, length) {
+            if ((criteria.blotName == null && criteria(child)) ||
+                (criteria.blotName != null && child instanceof criteria)) {
+                descendants.push(child);
+            }
+            if (child instanceof ContainerBlot) {
+                descendants = descendants.concat(child.descendants(criteria, index, lengthLeft));
+            }
+            lengthLeft -= length;
+        });
+        return descendants;
+    };
+    ContainerBlot.prototype.detach = function () {
+        this.children.forEach(function (child) {
+            child.detach();
+        });
+        _super.prototype.detach.call(this);
+    };
+    ContainerBlot.prototype.formatAt = function (index, length, name, value) {
+        this.children.forEachAt(index, length, function (child, offset, length) {
+            child.formatAt(offset, length, name, value);
+        });
+    };
+    ContainerBlot.prototype.insertAt = function (index, value, def) {
+        var _a = this.children.find(index), child = _a[0], offset = _a[1];
+        if (child) {
+            child.insertAt(offset, value, def);
+        }
+        else {
+            var blot = def == null ? Registry.create('text', value) : Registry.create(value, def);
+            this.appendChild(blot);
+        }
+    };
+    ContainerBlot.prototype.insertBefore = function (childBlot, refBlot) {
+        if (this.statics.allowedChildren != null &&
+            !this.statics.allowedChildren.some(function (child) {
+                return childBlot instanceof child;
+            })) {
+            throw new Registry.ParchmentError("Cannot insert " + childBlot.statics.blotName + " into " + this.statics.blotName);
+        }
+        childBlot.insertInto(this, refBlot);
+    };
+    ContainerBlot.prototype.length = function () {
+        return this.children.reduce(function (memo, child) {
+            return memo + child.length();
+        }, 0);
+    };
+    ContainerBlot.prototype.moveChildren = function (targetParent, refNode) {
+        this.children.forEach(function (child) {
+            targetParent.insertBefore(child, refNode);
+        });
+    };
+    ContainerBlot.prototype.optimize = function (context) {
+        _super.prototype.optimize.call(this, context);
+        if (this.children.length === 0) {
+            if (this.statics.defaultChild != null) {
+                var child = Registry.create(this.statics.defaultChild);
+                this.appendChild(child);
+                child.optimize(context);
+            }
+            else {
+                this.remove();
+            }
+        }
+    };
+    ContainerBlot.prototype.path = function (index, inclusive) {
+        if (inclusive === void 0) { inclusive = false; }
+        var _a = this.children.find(index, inclusive), child = _a[0], offset = _a[1];
+        var position = [[this, index]];
+        if (child instanceof ContainerBlot) {
+            return position.concat(child.path(offset, inclusive));
+        }
+        else if (child != null) {
+            position.push([child, offset]);
+        }
+        return position;
+    };
+    ContainerBlot.prototype.removeChild = function (child) {
+        this.children.remove(child);
+    };
+    ContainerBlot.prototype.replace = function (target) {
+        if (target instanceof ContainerBlot) {
+            target.moveChildren(this);
+        }
+        _super.prototype.replace.call(this, target);
+    };
+    ContainerBlot.prototype.split = function (index, force) {
+        if (force === void 0) { force = false; }
+        if (!force) {
+            if (index === 0)
+                return this;
+            if (index === this.length())
+                return this.next;
+        }
+        var after = this.clone();
+        this.parent.insertBefore(after, this.next);
+        this.children.forEachAt(index, this.length(), function (child, offset, length) {
+            child = child.split(offset, force);
+            after.appendChild(child);
+        });
+        return after;
+    };
+    ContainerBlot.prototype.unwrap = function () {
+        this.moveChildren(this.parent, this.next);
+        this.remove();
+    };
+    ContainerBlot.prototype.update = function (mutations, context) {
+        var _this = this;
+        var addedNodes = [];
+        var removedNodes = [];
+        mutations.forEach(function (mutation) {
+            if (mutation.target === _this.domNode && mutation.type === 'childList') {
+                addedNodes.push.apply(addedNodes, mutation.addedNodes);
+                removedNodes.push.apply(removedNodes, mutation.removedNodes);
+            }
+        });
+        removedNodes.forEach(function (node) {
+            // Check node has actually been removed
+            // One exception is Chrome does not immediately remove IFRAMEs
+            // from DOM but MutationRecord is correct in its reported removal
+            if (node.parentNode != null &&
+                // @ts-ignore
+                node.tagName !== 'IFRAME' &&
+                document.body.compareDocumentPosition(node) & Node.DOCUMENT_POSITION_CONTAINED_BY) {
+                return;
+            }
+            var blot = Registry.find(node);
+            if (blot == null)
+                return;
+            if (blot.domNode.parentNode == null || blot.domNode.parentNode === _this.domNode) {
+                blot.detach();
+            }
+        });
+        addedNodes
+            .filter(function (node) {
+            return node.parentNode == _this.domNode;
+        })
+            .sort(function (a, b) {
+            if (a === b)
+                return 0;
+            if (a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING) {
+                return 1;
+            }
+            return -1;
+        })
+            .forEach(function (node) {
+            var refBlot = null;
+            if (node.nextSibling != null) {
+                refBlot = Registry.find(node.nextSibling);
+            }
+            var blot = makeBlot(node);
+            if (blot.next != refBlot || blot.next == null) {
+                if (blot.parent != null) {
+                    blot.parent.removeChild(_this);
+                }
+                _this.insertBefore(blot, refBlot || undefined);
+            }
+        });
+    };
+    return ContainerBlot;
+}(shadow_1.default));
+function makeBlot(node) {
+    var blot = Registry.find(node);
+    if (blot == null) {
+        try {
+            blot = Registry.create(node);
+        }
+        catch (e) {
+            blot = Registry.create(Registry.Scope.INLINE);
+            [].slice.call(node.childNodes).forEach(function (child) {
+                // @ts-ignore
+                blot.domNode.appendChild(child);
+            });
+            if (node.parentNode) {
+                node.parentNode.replaceChild(blot.domNode, node);
+            }
+            blot.attach();
+        }
+    }
+    return blot;
+}
+exports.default = ContainerBlot;
+
+
+/***/ }),
+/* 18 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var attributor_1 = __webpack_require__(12);
+var store_1 = __webpack_require__(31);
+var container_1 = __webpack_require__(17);
+var Registry = __webpack_require__(1);
+var FormatBlot = /** @class */ (function (_super) {
+    __extends(FormatBlot, _super);
+    function FormatBlot(domNode) {
+        var _this = _super.call(this, domNode) || this;
+        _this.attributes = new store_1.default(_this.domNode);
+        return _this;
+    }
+    FormatBlot.formats = function (domNode) {
+        if (typeof this.tagName === 'string') {
+            return true;
+        }
+        else if (Array.isArray(this.tagName)) {
+            return domNode.tagName.toLowerCase();
+        }
+        return undefined;
+    };
+    FormatBlot.prototype.format = function (name, value) {
+        var format = Registry.query(name);
+        if (format instanceof attributor_1.default) {
+            this.attributes.attribute(format, value);
+        }
+        else if (value) {
+            if (format != null && (name !== this.statics.blotName || this.formats()[name] !== value)) {
+                this.replaceWith(name, value);
+            }
+        }
+    };
+    FormatBlot.prototype.formats = function () {
+        var formats = this.attributes.values();
+        var format = this.statics.formats(this.domNode);
+        if (format != null) {
+            formats[this.statics.blotName] = format;
+        }
+        return formats;
+    };
+    FormatBlot.prototype.replaceWith = function (name, value) {
+        var replacement = _super.prototype.replaceWith.call(this, name, value);
+        this.attributes.copy(replacement);
+        return replacement;
+    };
+    FormatBlot.prototype.update = function (mutations, context) {
+        var _this = this;
+        _super.prototype.update.call(this, mutations, context);
+        if (mutations.some(function (mutation) {
+            return mutation.target === _this.domNode && mutation.type === 'attributes';
+        })) {
+            this.attributes.build();
+        }
+    };
+    FormatBlot.prototype.wrap = function (name, value) {
+        var wrapper = _super.prototype.wrap.call(this, name, value);
+        if (wrapper instanceof FormatBlot && wrapper.statics.scope === this.statics.scope) {
+            this.attributes.move(wrapper);
+        }
+        return wrapper;
+    };
+    return FormatBlot;
+}(container_1.default));
+exports.default = FormatBlot;
+
+
+/***/ }),
+/* 19 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var shadow_1 = __webpack_require__(30);
+var Registry = __webpack_require__(1);
+var LeafBlot = /** @class */ (function (_super) {
+    __extends(LeafBlot, _super);
+    function LeafBlot() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    LeafBlot.value = function (domNode) {
+        return true;
+    };
+    LeafBlot.prototype.index = function (node, offset) {
+        if (this.domNode === node ||
+            this.domNode.compareDocumentPosition(node) & Node.DOCUMENT_POSITION_CONTAINED_BY) {
+            return Math.min(offset, 1);
+        }
+        return -1;
+    };
+    LeafBlot.prototype.position = function (index, inclusive) {
+        var offset = [].indexOf.call(this.parent.domNode.childNodes, this.domNode);
+        if (index > 0)
+            offset += 1;
+        return [this.parent.domNode, offset];
+    };
+    LeafBlot.prototype.value = function () {
+        return _a = {}, _a[this.statics.blotName] = this.statics.value(this.domNode) || true, _a;
+        var _a;
+    };
+    LeafBlot.scope = Registry.Scope.INLINE_BLOT;
+    return LeafBlot;
+}(shadow_1.default));
+exports.default = LeafBlot;
+
+
+/***/ }),
+/* 20 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var equal = __webpack_require__(11);
+var extend = __webpack_require__(3);
+
+
+var lib = {
+  attributes: {
+    compose: function (a, b, keepNull) {
+      if (typeof a !== 'object') a = {};
+      if (typeof b !== 'object') b = {};
+      var attributes = extend(true, {}, b);
+      if (!keepNull) {
+        attributes = Object.keys(attributes).reduce(function (copy, key) {
+          if (attributes[key] != null) {
+            copy[key] = attributes[key];
+          }
+          return copy;
+        }, {});
+      }
+      for (var key in a) {
+        if (a[key] !== undefined && b[key] === undefined) {
+          attributes[key] = a[key];
+        }
+      }
+      return Object.keys(attributes).length > 0 ? attributes : undefined;
+    },
+
+    diff: function(a, b) {
+      if (typeof a !== 'object') a = {};
+      if (typeof b !== 'object') b = {};
+      var attributes = Object.keys(a).concat(Object.keys(b)).reduce(function (attributes, key) {
+        if (!equal(a[key], b[key])) {
+          attributes[key] = b[key] === undefined ? null : b[key];
+        }
+        return attributes;
+      }, {});
+      return Object.keys(attributes).length > 0 ? attributes : undefined;
+    },
+
+    transform: function (a, b, priority) {
+      if (typeof a !== 'object') return b;
+      if (typeof b !== 'object') return undefined;
+      if (!priority) return b;  // b simply overwrites us without priority
+      var attributes = Object.keys(b).reduce(function (attributes, key) {
+        if (a[key] === undefined) attributes[key] = b[key];  // null is a valid value
+        return attributes;
+      }, {});
+      return Object.keys(attributes).length > 0 ? attributes : undefined;
+    }
+  },
+
+  iterator: function (ops) {
+    return new Iterator(ops);
+  },
+
+  length: function (op) {
+    if (typeof op['delete'] === 'number') {
+      return op['delete'];
+    } else if (typeof op.retain === 'number') {
+      return op.retain;
+    } else {
+      return typeof op.insert === 'string' ? op.insert.length : 1;
+    }
+  }
+};
+
+
+function Iterator(ops) {
+  this.ops = ops;
+  this.index = 0;
+  this.offset = 0;
+};
+
+Iterator.prototype.hasNext = function () {
+  return this.peekLength() < Infinity;
+};
+
+Iterator.prototype.next = function (length) {
+  if (!length) length = Infinity;
+  var nextOp = this.ops[this.index];
+  if (nextOp) {
+    var offset = this.offset;
+    var opLength = lib.length(nextOp)
+    if (length >= opLength - offset) {
+      length = opLength - offset;
+      this.index += 1;
+      this.offset = 0;
+    } else {
+      this.offset += length;
+    }
+    if (typeof nextOp['delete'] === 'number') {
+      return { 'delete': length };
+    } else {
+      var retOp = {};
+      if (nextOp.attributes) {
+        retOp.attributes = nextOp.attributes;
+      }
+      if (typeof nextOp.retain === 'number') {
+        retOp.retain = length;
+      } else if (typeof nextOp.insert === 'string') {
+        retOp.insert = nextOp.insert.substr(offset, length);
+      } else {
+        // offset should === 0, length should === 1
+        retOp.insert = nextOp.insert;
+      }
+      return retOp;
+    }
+  } else {
+    return { retain: Infinity };
+  }
+};
+
+Iterator.prototype.peek = function () {
+  return this.ops[this.index];
+};
+
+Iterator.prototype.peekLength = function () {
+  if (this.ops[this.index]) {
+    // Should never return 0 if our index is being managed correctly
+    return lib.length(this.ops[this.index]) - this.offset;
+  } else {
+    return Infinity;
+  }
+};
+
+Iterator.prototype.peekType = function () {
+  if (this.ops[this.index]) {
+    if (typeof this.ops[this.index]['delete'] === 'number') {
+      return 'delete';
+    } else if (typeof this.ops[this.index].retain === 'number') {
+      return 'retain';
+    } else {
+      return 'insert';
+    }
+  }
+  return 'retain';
+};
+
+
+module.exports = lib;
+
+
+/***/ }),
+/* 21 */
+/***/ (function(module, exports) {
+
+var clone = (function() {
+'use strict';
+
+function _instanceof(obj, type) {
+  return type != null && obj instanceof type;
+}
+
+var nativeMap;
+try {
+  nativeMap = Map;
+} catch(_) {
+  // maybe a reference error because no `Map`. Give it a dummy value that no
+  // value will ever be an instanceof.
+  nativeMap = function() {};
+}
+
+var nativeSet;
+try {
+  nativeSet = Set;
+} catch(_) {
+  nativeSet = function() {};
+}
+
+var nativePromise;
+try {
+  nativePromise = Promise;
+} catch(_) {
+  nativePromise = function() {};
+}
+
+/**
+ * Clones (copies) an Object using deep copying.
+ *
+ * This function supports circular references by default, but if you are certain
+ * there are no circular references in your object, you can save some CPU time
+ * by calling clone(obj, false).
+ *
+ * Caution: if `circular` is false and `parent` contains circular references,
+ * your program may enter an infinite loop and crash.
+ *
+ * @param `parent` - the object to be cloned
+ * @param `circular` - set to true if the object to be cloned may contain
+ *    circular references. (optional - true by default)
+ * @param `depth` - set to a number if the object is only to be cloned to
+ *    a particular depth. (optional - defaults to Infinity)
+ * @param `prototype` - sets the prototype to be used when cloning an object.
+ *    (optional - defaults to parent prototype).
+ * @param `includeNonEnumerable` - set to true if the non-enumerable properties
+ *    should be cloned as well. Non-enumerable properties on the prototype
+ *    chain will be ignored. (optional - false by default)
+*/
+function clone(parent, circular, depth, prototype, includeNonEnumerable) {
+  if (typeof circular === 'object') {
+    depth = circular.depth;
+    prototype = circular.prototype;
+    includeNonEnumerable = circular.includeNonEnumerable;
+    circular = circular.circular;
+  }
+  // maintain two arrays for circular references, where corresponding parents
+  // and children have the same index
+  var allParents = [];
+  var allChildren = [];
+
+  var useBuffer = typeof Buffer != 'undefined';
+
+  if (typeof circular == 'undefined')
+    circular = true;
+
+  if (typeof depth == 'undefined')
+    depth = Infinity;
+
+  // recurse this function so we don't reset allParents and allChildren
+  function _clone(parent, depth) {
+    // cloning null always returns null
+    if (parent === null)
+      return null;
+
+    if (depth === 0)
+      return parent;
+
+    var child;
+    var proto;
+    if (typeof parent != 'object') {
+      return parent;
+    }
+
+    if (_instanceof(parent, nativeMap)) {
+      child = new nativeMap();
+    } else if (_instanceof(parent, nativeSet)) {
+      child = new nativeSet();
+    } else if (_instanceof(parent, nativePromise)) {
+      child = new nativePromise(function (resolve, reject) {
+        parent.then(function(value) {
+          resolve(_clone(value, depth - 1));
+        }, function(err) {
+          reject(_clone(err, depth - 1));
+        });
+      });
+    } else if (clone.__isArray(parent)) {
+      child = [];
+    } else if (clone.__isRegExp(parent)) {
+      child = new RegExp(parent.source, __getRegExpFlags(parent));
+      if (parent.lastIndex) child.lastIndex = parent.lastIndex;
+    } else if (clone.__isDate(parent)) {
+      child = new Date(parent.getTime());
+    } else if (useBuffer && Buffer.isBuffer(parent)) {
+      child = new Buffer(parent.length);
+      parent.copy(child);
+      return child;
+    } else if (_instanceof(parent, Error)) {
+      child = Object.create(parent);
+    } else {
+      if (typeof prototype == 'undefined') {
+        proto = Object.getPrototypeOf(parent);
+        child = Object.create(proto);
+      }
+      else {
+        child = Object.create(prototype);
+        proto = prototype;
+      }
+    }
+
+    if (circular) {
+      var index = allParents.indexOf(parent);
+
+      if (index != -1) {
+        return allChildren[index];
+      }
+      allParents.push(parent);
+      allChildren.push(child);
+    }
+
+    if (_instanceof(parent, nativeMap)) {
+      parent.forEach(function(value, key) {
+        var keyChild = _clone(key, depth - 1);
+        var valueChild = _clone(value, depth - 1);
+        child.set(keyChild, valueChild);
+      });
+    }
+    if (_instanceof(parent, nativeSet)) {
+      parent.forEach(function(value) {
+        var entryChild = _clone(value, depth - 1);
+        child.add(entryChild);
+      });
+    }
+
+    for (var i in parent) {
+      var attrs;
+      if (proto) {
+        attrs = Object.getOwnPropertyDescriptor(proto, i);
+      }
+
+      if (attrs && attrs.set == null) {
+        continue;
+      }
+      child[i] = _clone(parent[i], depth - 1);
+    }
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(parent);
+      for (var i = 0; i < symbols.length; i++) {
+        // Don't need to worry about cloning a symbol because it is a primitive,
+        // like a number or string.
+        var symbol = symbols[i];
+        var descriptor = Object.getOwnPropertyDescriptor(parent, symbol);
+        if (descriptor && !descriptor.enumerable && !includeNonEnumerable) {
+          continue;
+        }
+        child[symbol] = _clone(parent[symbol], depth - 1);
+        if (!descriptor.enumerable) {
+          Object.defineProperty(child, symbol, {
+            enumerable: false
+          });
+        }
+      }
+    }
+
+    if (includeNonEnumerable) {
+      var allPropertyNames = Object.getOwnPropertyNames(parent);
+      for (var i = 0; i < allPropertyNames.length; i++) {
+        var propertyName = allPropertyNames[i];
+        var descriptor = Object.getOwnPropertyDescriptor(parent, propertyName);
+        if (descriptor && descriptor.enumerable) {
+          continue;
+        }
+        child[propertyName] = _clone(parent[propertyName], depth - 1);
+        Object.defineProperty(child, propertyName, {
+          enumerable: false
+        });
+      }
+    }
+
+    return child;
+  }
+
+  return _clone(parent, depth);
+}
+
+/**
+ * Simple flat clone using prototype, accepts only objects, usefull for property
+ * override on FLAT configuration object (no nested props).
+ *
+ * USE WITH CAUTION! This may not behave as you wish if you do not know how this
+ * works.
+ */
+clone.clonePrototype = function clonePrototype(parent) {
+  if (parent === null)
+    return null;
+
+  var c = function () {};
+  c.prototype = parent;
+  return new c();
+};
+
+// private utility functions
+
+function __objToStr(o) {
+  return Object.prototype.toString.call(o);
+}
+clone.__objToStr = __objToStr;
+
+function __isDate(o) {
+  return typeof o === 'object' && __objToStr(o) === '[object Date]';
+}
+clone.__isDate = __isDate;
+
+function __isArray(o) {
+  return typeof o === 'object' && __objToStr(o) === '[object Array]';
+}
+clone.__isArray = __isArray;
+
+function __isRegExp(o) {
+  return typeof o === 'object' && __objToStr(o) === '[object RegExp]';
+}
+clone.__isRegExp = __isRegExp;
+
+function __getRegExpFlags(re) {
+  var flags = '';
+  if (re.global) flags += 'g';
+  if (re.ignoreCase) flags += 'i';
+  if (re.multiline) flags += 'm';
+  return flags;
+}
+clone.__getRegExpFlags = __getRegExpFlags;
+
+return clone;
+})();
+
+if (typeof module === 'object' && module.exports) {
+  module.exports = clone;
+}
+
+
+/***/ }),
+/* 22 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _emitter = __webpack_require__(8);
+
+var _emitter2 = _interopRequireDefault(_emitter);
+
+var _block = __webpack_require__(4);
+
+var _block2 = _interopRequireDefault(_block);
+
+var _break = __webpack_require__(16);
+
+var _break2 = _interopRequireDefault(_break);
+
+var _code = __webpack_require__(13);
+
+var _code2 = _interopRequireDefault(_code);
+
+var _container = __webpack_require__(25);
+
+var _container2 = _interopRequireDefault(_container);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+function isLine(blot) {
+  return blot instanceof _block2.default || blot instanceof _block.BlockEmbed;
+}
+
+var Scroll = function (_Parchment$Scroll) {
+  _inherits(Scroll, _Parchment$Scroll);
+
+  function Scroll(domNode, config) {
+    _classCallCheck(this, Scroll);
+
+    var _this = _possibleConstructorReturn(this, (Scroll.__proto__ || Object.getPrototypeOf(Scroll)).call(this, domNode));
+
+    _this.emitter = config.emitter;
+    if (Array.isArray(config.whitelist)) {
+      _this.whitelist = config.whitelist.reduce(function (whitelist, format) {
+        whitelist[format] = true;
+        return whitelist;
+      }, {});
+    }
+    // Some reason fixes composition issues with character languages in Windows/Chrome, Safari
+    _this.domNode.addEventListener('DOMNodeInserted', function () {});
+    _this.optimize();
+    _this.enable();
+    return _this;
+  }
+
+  _createClass(Scroll, [{
+    key: 'batchStart',
+    value: function batchStart() {
+      this.batch = true;
+    }
+  }, {
+    key: 'batchEnd',
+    value: function batchEnd() {
+      this.batch = false;
+      this.optimize();
+    }
+  }, {
+    key: 'deleteAt',
+    value: function deleteAt(index, length) {
+      var _line = this.line(index),
+          _line2 = _slicedToArray(_line, 2),
+          first = _line2[0],
+          offset = _line2[1];
+
+      var _line3 = this.line(index + length),
+          _line4 = _slicedToArray(_line3, 1),
+          last = _line4[0];
+
+      _get(Scroll.prototype.__proto__ || Object.getPrototypeOf(Scroll.prototype), 'deleteAt', this).call(this, index, length);
+      if (last != null && first !== last && offset > 0) {
+        if (first instanceof _block.BlockEmbed || last instanceof _block.BlockEmbed) {
+          this.optimize();
+          return;
+        }
+        if (first instanceof _code2.default) {
+          var newlineIndex = first.newlineIndex(first.length(), true);
+          if (newlineIndex > -1) {
+            first = first.split(newlineIndex + 1);
+            if (first === last) {
+              this.optimize();
+              return;
+            }
+          }
+        } else if (last instanceof _code2.default) {
+          var _newlineIndex = last.newlineIndex(0);
+          if (_newlineIndex > -1) {
+            last.split(_newlineIndex + 1);
+          }
+        }
+        var ref = last.children.head instanceof _break2.default ? null : last.children.head;
+        first.moveChildren(last, ref);
+        first.remove();
+      }
+      this.optimize();
+    }
+  }, {
+    key: 'enable',
+    value: function enable() {
+      var enabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+
+      this.domNode.setAttribute('contenteditable', enabled);
+    }
+  }, {
+    key: 'formatAt',
+    value: function formatAt(index, length, format, value) {
+      if (this.whitelist != null && !this.whitelist[format]) return;
+      _get(Scroll.prototype.__proto__ || Object.getPrototypeOf(Scroll.prototype), 'formatAt', this).call(this, index, length, format, value);
+      this.optimize();
+    }
+  }, {
+    key: 'insertAt',
+    value: function insertAt(index, value, def) {
+      if (def != null && this.whitelist != null && !this.whitelist[value]) return;
+      if (index >= this.length()) {
+        if (def == null || _parchment2.default.query(value, _parchment2.default.Scope.BLOCK) == null) {
+          var blot = _parchment2.default.create(this.statics.defaultChild);
+          this.appendChild(blot);
+          if (def == null && value.endsWith('\n')) {
+            value = value.slice(0, -1);
+          }
+          blot.insertAt(0, value, def);
+        } else {
+          var embed = _parchment2.default.create(value, def);
+          this.appendChild(embed);
+        }
+      } else {
+        _get(Scroll.prototype.__proto__ || Object.getPrototypeOf(Scroll.prototype), 'insertAt', this).call(this, index, value, def);
+      }
+      this.optimize();
+    }
+  }, {
+    key: 'insertBefore',
+    value: function insertBefore(blot, ref) {
+      if (blot.statics.scope === _parchment2.default.Scope.INLINE_BLOT) {
+        var wrapper = _parchment2.default.create(this.statics.defaultChild);
+        wrapper.appendChild(blot);
+        blot = wrapper;
+      }
+      _get(Scroll.prototype.__proto__ || Object.getPrototypeOf(Scroll.prototype), 'insertBefore', this).call(this, blot, ref);
+    }
+  }, {
+    key: 'leaf',
+    value: function leaf(index) {
+      return this.path(index).pop() || [null, -1];
+    }
+  }, {
+    key: 'line',
+    value: function line(index) {
+      if (index === this.length()) {
+        return this.line(index - 1);
+      }
+      return this.descendant(isLine, index);
+    }
+  }, {
+    key: 'lines',
+    value: function lines() {
+      var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Number.MAX_VALUE;
+
+      var getLines = function getLines(blot, index, length) {
+        var lines = [],
+            lengthLeft = length;
+        blot.children.forEachAt(index, length, function (child, index, length) {
+          if (isLine(child)) {
+            lines.push(child);
+          } else if (child instanceof _parchment2.default.Container) {
+            lines = lines.concat(getLines(child, index, lengthLeft));
+          }
+          lengthLeft -= length;
+        });
+        return lines;
+      };
+      return getLines(this, index, length);
+    }
+  }, {
+    key: 'optimize',
+    value: function optimize() {
+      var mutations = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      if (this.batch === true) return;
+      _get(Scroll.prototype.__proto__ || Object.getPrototypeOf(Scroll.prototype), 'optimize', this).call(this, mutations, context);
+      if (mutations.length > 0) {
+        this.emitter.emit(_emitter2.default.events.SCROLL_OPTIMIZE, mutations, context);
+      }
+    }
+  }, {
+    key: 'path',
+    value: function path(index) {
+      return _get(Scroll.prototype.__proto__ || Object.getPrototypeOf(Scroll.prototype), 'path', this).call(this, index).slice(1); // Exclude self
+    }
+  }, {
+    key: 'update',
+    value: function update(mutations) {
+      if (this.batch === true) return;
+      var source = _emitter2.default.sources.USER;
+      if (typeof mutations === 'string') {
+        source = mutations;
+      }
+      if (!Array.isArray(mutations)) {
+        mutations = this.observer.takeRecords();
+      }
+      if (mutations.length > 0) {
+        this.emitter.emit(_emitter2.default.events.SCROLL_BEFORE_UPDATE, source, mutations);
+      }
+      _get(Scroll.prototype.__proto__ || Object.getPrototypeOf(Scroll.prototype), 'update', this).call(this, mutations.concat([])); // pass copy
+      if (mutations.length > 0) {
+        this.emitter.emit(_emitter2.default.events.SCROLL_UPDATE, source, mutations);
+      }
+    }
+  }]);
+
+  return Scroll;
+}(_parchment2.default.Scroll);
+
+Scroll.blotName = 'scroll';
+Scroll.className = 'ql-editor';
+Scroll.tagName = 'DIV';
+Scroll.defaultChild = 'block';
+Scroll.allowedChildren = [_block2.default, _block.BlockEmbed, _container2.default];
+
+exports.default = Scroll;
+
+/***/ }),
+/* 23 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SHORTKEY = exports.default = undefined;
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _clone = __webpack_require__(21);
+
+var _clone2 = _interopRequireDefault(_clone);
+
+var _deepEqual = __webpack_require__(11);
+
+var _deepEqual2 = _interopRequireDefault(_deepEqual);
+
+var _extend = __webpack_require__(3);
+
+var _extend2 = _interopRequireDefault(_extend);
+
+var _quillDelta = __webpack_require__(2);
+
+var _quillDelta2 = _interopRequireDefault(_quillDelta);
+
+var _op = __webpack_require__(20);
+
+var _op2 = _interopRequireDefault(_op);
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _quill = __webpack_require__(5);
+
+var _quill2 = _interopRequireDefault(_quill);
+
+var _logger = __webpack_require__(10);
+
+var _logger2 = _interopRequireDefault(_logger);
+
+var _module = __webpack_require__(9);
+
+var _module2 = _interopRequireDefault(_module);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var debug = (0, _logger2.default)('quill:keyboard');
+
+var SHORTKEY = /Mac/i.test(navigator.platform) ? 'metaKey' : 'ctrlKey';
+
+var Keyboard = function (_Module) {
+  _inherits(Keyboard, _Module);
+
+  _createClass(Keyboard, null, [{
+    key: 'match',
+    value: function match(evt, binding) {
+      binding = normalize(binding);
+      if (['altKey', 'ctrlKey', 'metaKey', 'shiftKey'].some(function (key) {
+        return !!binding[key] !== evt[key] && binding[key] !== null;
+      })) {
+        return false;
+      }
+      return binding.key === (evt.which || evt.keyCode);
+    }
+  }]);
+
+  function Keyboard(quill, options) {
+    _classCallCheck(this, Keyboard);
+
+    var _this = _possibleConstructorReturn(this, (Keyboard.__proto__ || Object.getPrototypeOf(Keyboard)).call(this, quill, options));
+
+    _this.bindings = {};
+    Object.keys(_this.options.bindings).forEach(function (name) {
+      if (name === 'list autofill' && quill.scroll.whitelist != null && !quill.scroll.whitelist['list']) {
+        return;
+      }
+      if (_this.options.bindings[name]) {
+        _this.addBinding(_this.options.bindings[name]);
+      }
+    });
+    _this.addBinding({ key: Keyboard.keys.ENTER, shiftKey: null }, handleEnter);
+    _this.addBinding({ key: Keyboard.keys.ENTER, metaKey: null, ctrlKey: null, altKey: null }, function () {});
+    if (/Firefox/i.test(navigator.userAgent)) {
+      // Need to handle delete and backspace for Firefox in the general case #1171
+      _this.addBinding({ key: Keyboard.keys.BACKSPACE }, { collapsed: true }, handleBackspace);
+      _this.addBinding({ key: Keyboard.keys.DELETE }, { collapsed: true }, handleDelete);
+    } else {
+      _this.addBinding({ key: Keyboard.keys.BACKSPACE }, { collapsed: true, prefix: /^.?$/ }, handleBackspace);
+      _this.addBinding({ key: Keyboard.keys.DELETE }, { collapsed: true, suffix: /^.?$/ }, handleDelete);
+    }
+    _this.addBinding({ key: Keyboard.keys.BACKSPACE }, { collapsed: false }, handleDeleteRange);
+    _this.addBinding({ key: Keyboard.keys.DELETE }, { collapsed: false }, handleDeleteRange);
+    _this.addBinding({ key: Keyboard.keys.BACKSPACE, altKey: null, ctrlKey: null, metaKey: null, shiftKey: null }, { collapsed: true, offset: 0 }, handleBackspace);
+    _this.listen();
+    return _this;
+  }
+
+  _createClass(Keyboard, [{
+    key: 'addBinding',
+    value: function addBinding(key) {
+      var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var handler = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+      var binding = normalize(key);
+      if (binding == null || binding.key == null) {
+        return debug.warn('Attempted to add invalid keyboard binding', binding);
+      }
+      if (typeof context === 'function') {
+        context = { handler: context };
+      }
+      if (typeof handler === 'function') {
+        handler = { handler: handler };
+      }
+      binding = (0, _extend2.default)(binding, context, handler);
+      this.bindings[binding.key] = this.bindings[binding.key] || [];
+      this.bindings[binding.key].push(binding);
+    }
+  }, {
+    key: 'listen',
+    value: function listen() {
+      var _this2 = this;
+
+      this.quill.root.addEventListener('keydown', function (evt) {
+        if (evt.defaultPrevented) return;
+        var which = evt.which || evt.keyCode;
+        var bindings = (_this2.bindings[which] || []).filter(function (binding) {
+          return Keyboard.match(evt, binding);
+        });
+        if (bindings.length === 0) return;
+        var range = _this2.quill.getSelection();
+        if (range == null || !_this2.quill.hasFocus()) return;
+
+        var _quill$getLine = _this2.quill.getLine(range.index),
+            _quill$getLine2 = _slicedToArray(_quill$getLine, 2),
+            line = _quill$getLine2[0],
+            offset = _quill$getLine2[1];
+
+        var _quill$getLeaf = _this2.quill.getLeaf(range.index),
+            _quill$getLeaf2 = _slicedToArray(_quill$getLeaf, 2),
+            leafStart = _quill$getLeaf2[0],
+            offsetStart = _quill$getLeaf2[1];
+
+        var _ref = range.length === 0 ? [leafStart, offsetStart] : _this2.quill.getLeaf(range.index + range.length),
+            _ref2 = _slicedToArray(_ref, 2),
+            leafEnd = _ref2[0],
+            offsetEnd = _ref2[1];
+
+        var prefixText = leafStart instanceof _parchment2.default.Text ? leafStart.value().slice(0, offsetStart) : '';
+        var suffixText = leafEnd instanceof _parchment2.default.Text ? leafEnd.value().slice(offsetEnd) : '';
+        var curContext = {
+          collapsed: range.length === 0,
+          empty: range.length === 0 && line.length() <= 1,
+          format: _this2.quill.getFormat(range),
+          offset: offset,
+          prefix: prefixText,
+          suffix: suffixText
+        };
+        var prevented = bindings.some(function (binding) {
+          if (binding.collapsed != null && binding.collapsed !== curContext.collapsed) return false;
+          if (binding.empty != null && binding.empty !== curContext.empty) return false;
+          if (binding.offset != null && binding.offset !== curContext.offset) return false;
+          if (Array.isArray(binding.format)) {
+            // any format is present
+            if (binding.format.every(function (name) {
+              return curContext.format[name] == null;
+            })) {
+              return false;
+            }
+          } else if (_typeof(binding.format) === 'object') {
+            // all formats must match
+            if (!Object.keys(binding.format).every(function (name) {
+              if (binding.format[name] === true) return curContext.format[name] != null;
+              if (binding.format[name] === false) return curContext.format[name] == null;
+              return (0, _deepEqual2.default)(binding.format[name], curContext.format[name]);
+            })) {
+              return false;
+            }
+          }
+          if (binding.prefix != null && !binding.prefix.test(curContext.prefix)) return false;
+          if (binding.suffix != null && !binding.suffix.test(curContext.suffix)) return false;
+          return binding.handler.call(_this2, range, curContext) !== true;
+        });
+        if (prevented) {
+          evt.preventDefault();
+        }
+      });
+    }
+  }]);
+
+  return Keyboard;
+}(_module2.default);
+
+Keyboard.keys = {
+  BACKSPACE: 8,
+  TAB: 9,
+  ENTER: 13,
+  ESCAPE: 27,
+  LEFT: 37,
+  UP: 38,
+  RIGHT: 39,
+  DOWN: 40,
+  DELETE: 46
+};
+
+Keyboard.DEFAULTS = {
+  bindings: {
+    'bold': makeFormatHandler('bold'),
+    'italic': makeFormatHandler('italic'),
+    'underline': makeFormatHandler('underline'),
+    'indent': {
+      // highlight tab or tab at beginning of list, indent or blockquote
+      key: Keyboard.keys.TAB,
+      format: ['blockquote', 'indent', 'list'],
+      handler: function handler(range, context) {
+        if (context.collapsed && context.offset !== 0) return true;
+        this.quill.format('indent', '+1', _quill2.default.sources.USER);
+      }
+    },
+    'outdent': {
+      key: Keyboard.keys.TAB,
+      shiftKey: true,
+      format: ['blockquote', 'indent', 'list'],
+      // highlight tab or tab at beginning of list, indent or blockquote
+      handler: function handler(range, context) {
+        if (context.collapsed && context.offset !== 0) return true;
+        this.quill.format('indent', '-1', _quill2.default.sources.USER);
+      }
+    },
+    'outdent backspace': {
+      key: Keyboard.keys.BACKSPACE,
+      collapsed: true,
+      shiftKey: null,
+      metaKey: null,
+      ctrlKey: null,
+      altKey: null,
+      format: ['indent', 'list'],
+      offset: 0,
+      handler: function handler(range, context) {
+        if (context.format.indent != null) {
+          this.quill.format('indent', '-1', _quill2.default.sources.USER);
+        } else if (context.format.list != null) {
+          this.quill.format('list', false, _quill2.default.sources.USER);
+        }
+      }
+    },
+    'indent code-block': makeCodeBlockHandler(true),
+    'outdent code-block': makeCodeBlockHandler(false),
+    'remove tab': {
+      key: Keyboard.keys.TAB,
+      shiftKey: true,
+      collapsed: true,
+      prefix: /\t$/,
+      handler: function handler(range) {
+        this.quill.deleteText(range.index - 1, 1, _quill2.default.sources.USER);
+      }
+    },
+    'tab': {
+      key: Keyboard.keys.TAB,
+      handler: function handler(range) {
+        this.quill.history.cutoff();
+        var delta = new _quillDelta2.default().retain(range.index).delete(range.length).insert('\t');
+        this.quill.updateContents(delta, _quill2.default.sources.USER);
+        this.quill.history.cutoff();
+        this.quill.setSelection(range.index + 1, _quill2.default.sources.SILENT);
+      }
+    },
+    'list empty enter': {
+      key: Keyboard.keys.ENTER,
+      collapsed: true,
+      format: ['list'],
+      empty: true,
+      handler: function handler(range, context) {
+        this.quill.format('list', false, _quill2.default.sources.USER);
+        if (context.format.indent) {
+          this.quill.format('indent', false, _quill2.default.sources.USER);
+        }
+      }
+    },
+    'checklist enter': {
+      key: Keyboard.keys.ENTER,
+      collapsed: true,
+      format: { list: 'checked' },
+      handler: function handler(range) {
+        var _quill$getLine3 = this.quill.getLine(range.index),
+            _quill$getLine4 = _slicedToArray(_quill$getLine3, 2),
+            line = _quill$getLine4[0],
+            offset = _quill$getLine4[1];
+
+        var formats = (0, _extend2.default)({}, line.formats(), { list: 'checked' });
+        var delta = new _quillDelta2.default().retain(range.index).insert('\n', formats).retain(line.length() - offset - 1).retain(1, { list: 'unchecked' });
+        this.quill.updateContents(delta, _quill2.default.sources.USER);
+        this.quill.setSelection(range.index + 1, _quill2.default.sources.SILENT);
+        this.quill.scrollIntoView();
+      }
+    },
+    'header enter': {
+      key: Keyboard.keys.ENTER,
+      collapsed: true,
+      format: ['header'],
+      suffix: /^$/,
+      handler: function handler(range, context) {
+        var _quill$getLine5 = this.quill.getLine(range.index),
+            _quill$getLine6 = _slicedToArray(_quill$getLine5, 2),
+            line = _quill$getLine6[0],
+            offset = _quill$getLine6[1];
+
+        var delta = new _quillDelta2.default().retain(range.index).insert('\n', context.format).retain(line.length() - offset - 1).retain(1, { header: null });
+        this.quill.updateContents(delta, _quill2.default.sources.USER);
+        this.quill.setSelection(range.index + 1, _quill2.default.sources.SILENT);
+        this.quill.scrollIntoView();
+      }
+    },
+    'list autofill': {
+      key: ' ',
+      collapsed: true,
+      format: { list: false },
+      prefix: /^\s*?(\d+\.|-|\*|\[ ?\]|\[x\])$/,
+      handler: function handler(range, context) {
+        var length = context.prefix.length;
+
+        var _quill$getLine7 = this.quill.getLine(range.index),
+            _quill$getLine8 = _slicedToArray(_quill$getLine7, 2),
+            line = _quill$getLine8[0],
+            offset = _quill$getLine8[1];
+
+        if (offset > length) return true;
+        var value = void 0;
+        switch (context.prefix.trim()) {
+          case '[]':case '[ ]':
+            value = 'unchecked';
+            break;
+          case '[x]':
+            value = 'checked';
+            break;
+          case '-':case '*':
+            value = 'bullet';
+            break;
+          default:
+            value = 'ordered';
+        }
+        this.quill.insertText(range.index, ' ', _quill2.default.sources.USER);
+        this.quill.history.cutoff();
+        var delta = new _quillDelta2.default().retain(range.index - offset).delete(length + 1).retain(line.length() - 2 - offset).retain(1, { list: value });
+        this.quill.updateContents(delta, _quill2.default.sources.USER);
+        this.quill.history.cutoff();
+        this.quill.setSelection(range.index - length, _quill2.default.sources.SILENT);
+      }
+    },
+    'code exit': {
+      key: Keyboard.keys.ENTER,
+      collapsed: true,
+      format: ['code-block'],
+      prefix: /\n\n$/,
+      suffix: /^\s+$/,
+      handler: function handler(range) {
+        var _quill$getLine9 = this.quill.getLine(range.index),
+            _quill$getLine10 = _slicedToArray(_quill$getLine9, 2),
+            line = _quill$getLine10[0],
+            offset = _quill$getLine10[1];
+
+        var delta = new _quillDelta2.default().retain(range.index + line.length() - offset - 2).retain(1, { 'code-block': null }).delete(1);
+        this.quill.updateContents(delta, _quill2.default.sources.USER);
+      }
+    },
+    'embed left': makeEmbedArrowHandler(Keyboard.keys.LEFT, false),
+    'embed left shift': makeEmbedArrowHandler(Keyboard.keys.LEFT, true),
+    'embed right': makeEmbedArrowHandler(Keyboard.keys.RIGHT, false),
+    'embed right shift': makeEmbedArrowHandler(Keyboard.keys.RIGHT, true)
+  }
+};
+
+function makeEmbedArrowHandler(key, shiftKey) {
+  var _ref3;
+
+  var where = key === Keyboard.keys.LEFT ? 'prefix' : 'suffix';
+  return _ref3 = {
+    key: key,
+    shiftKey: shiftKey,
+    altKey: null
+  }, _defineProperty(_ref3, where, /^$/), _defineProperty(_ref3, 'handler', function handler(range) {
+    var index = range.index;
+    if (key === Keyboard.keys.RIGHT) {
+      index += range.length + 1;
+    }
+
+    var _quill$getLeaf3 = this.quill.getLeaf(index),
+        _quill$getLeaf4 = _slicedToArray(_quill$getLeaf3, 1),
+        leaf = _quill$getLeaf4[0];
+
+    if (!(leaf instanceof _parchment2.default.Embed)) return true;
+    if (key === Keyboard.keys.LEFT) {
+      if (shiftKey) {
+        this.quill.setSelection(range.index - 1, range.length + 1, _quill2.default.sources.USER);
+      } else {
+        this.quill.setSelection(range.index - 1, _quill2.default.sources.USER);
+      }
+    } else {
+      if (shiftKey) {
+        this.quill.setSelection(range.index, range.length + 1, _quill2.default.sources.USER);
+      } else {
+        this.quill.setSelection(range.index + range.length + 1, _quill2.default.sources.USER);
+      }
+    }
+    return false;
+  }), _ref3;
+}
+
+function handleBackspace(range, context) {
+  if (range.index === 0 || this.quill.getLength() <= 1) return;
+
+  var _quill$getLine11 = this.quill.getLine(range.index),
+      _quill$getLine12 = _slicedToArray(_quill$getLine11, 1),
+      line = _quill$getLine12[0];
+
+  var formats = {};
+  if (context.offset === 0) {
+    var _quill$getLine13 = this.quill.getLine(range.index - 1),
+        _quill$getLine14 = _slicedToArray(_quill$getLine13, 1),
+        prev = _quill$getLine14[0];
+
+    if (prev != null && prev.length() > 1) {
+      var curFormats = line.formats();
+      var prevFormats = this.quill.getFormat(range.index - 1, 1);
+      formats = _op2.default.attributes.diff(curFormats, prevFormats) || {};
+    }
+  }
+  // Check for astral symbols
+  var length = /[\uD800-\uDBFF][\uDC00-\uDFFF]$/.test(context.prefix) ? 2 : 1;
+  this.quill.deleteText(range.index - length, length, _quill2.default.sources.USER);
+  if (Object.keys(formats).length > 0) {
+    this.quill.formatLine(range.index - length, length, formats, _quill2.default.sources.USER);
+  }
+  this.quill.focus();
+}
+
+function handleDelete(range, context) {
+  // Check for astral symbols
+  var length = /^[\uD800-\uDBFF][\uDC00-\uDFFF]/.test(context.suffix) ? 2 : 1;
+  if (range.index >= this.quill.getLength() - length) return;
+  var formats = {},
+      nextLength = 0;
+
+  var _quill$getLine15 = this.quill.getLine(range.index),
+      _quill$getLine16 = _slicedToArray(_quill$getLine15, 1),
+      line = _quill$getLine16[0];
+
+  if (context.offset >= line.length() - 1) {
+    var _quill$getLine17 = this.quill.getLine(range.index + 1),
+        _quill$getLine18 = _slicedToArray(_quill$getLine17, 1),
+        next = _quill$getLine18[0];
+
+    if (next) {
+      var curFormats = line.formats();
+      var nextFormats = this.quill.getFormat(range.index, 1);
+      formats = _op2.default.attributes.diff(curFormats, nextFormats) || {};
+      nextLength = next.length();
+    }
+  }
+  this.quill.deleteText(range.index, length, _quill2.default.sources.USER);
+  if (Object.keys(formats).length > 0) {
+    this.quill.formatLine(range.index + nextLength - 1, length, formats, _quill2.default.sources.USER);
+  }
+}
+
+function handleDeleteRange(range) {
+  var lines = this.quill.getLines(range);
+  var formats = {};
+  if (lines.length > 1) {
+    var firstFormats = lines[0].formats();
+    var lastFormats = lines[lines.length - 1].formats();
+    formats = _op2.default.attributes.diff(lastFormats, firstFormats) || {};
+  }
+  this.quill.deleteText(range, _quill2.default.sources.USER);
+  if (Object.keys(formats).length > 0) {
+    this.quill.formatLine(range.index, 1, formats, _quill2.default.sources.USER);
+  }
+  this.quill.setSelection(range.index, _quill2.default.sources.SILENT);
+  this.quill.focus();
+}
+
+function handleEnter(range, context) {
+  var _this3 = this;
+
+  if (range.length > 0) {
+    this.quill.scroll.deleteAt(range.index, range.length); // So we do not trigger text-change
+  }
+  var lineFormats = Object.keys(context.format).reduce(function (lineFormats, format) {
+    if (_parchment2.default.query(format, _parchment2.default.Scope.BLOCK) && !Array.isArray(context.format[format])) {
+      lineFormats[format] = context.format[format];
+    }
+    return lineFormats;
+  }, {});
+  this.quill.insertText(range.index, '\n', lineFormats, _quill2.default.sources.USER);
+  // Earlier scroll.deleteAt might have messed up our selection,
+  // so insertText's built in selection preservation is not reliable
+  this.quill.setSelection(range.index + 1, _quill2.default.sources.SILENT);
+  this.quill.focus();
+  Object.keys(context.format).forEach(function (name) {
+    if (lineFormats[name] != null) return;
+    if (Array.isArray(context.format[name])) return;
+    if (name === 'link') return;
+    _this3.quill.format(name, context.format[name], _quill2.default.sources.USER);
+  });
+}
+
+function makeCodeBlockHandler(indent) {
+  return {
+    key: Keyboard.keys.TAB,
+    shiftKey: !indent,
+    format: { 'code-block': true },
+    handler: function handler(range) {
+      var CodeBlock = _parchment2.default.query('code-block');
+      var index = range.index,
+          length = range.length;
+
+      var _quill$scroll$descend = this.quill.scroll.descendant(CodeBlock, index),
+          _quill$scroll$descend2 = _slicedToArray(_quill$scroll$descend, 2),
+          block = _quill$scroll$descend2[0],
+          offset = _quill$scroll$descend2[1];
+
+      if (block == null) return;
+      var scrollIndex = this.quill.getIndex(block);
+      var start = block.newlineIndex(offset, true) + 1;
+      var end = block.newlineIndex(scrollIndex + offset + length);
+      var lines = block.domNode.textContent.slice(start, end).split('\n');
+      offset = 0;
+      lines.forEach(function (line, i) {
+        if (indent) {
+          block.insertAt(start + offset, CodeBlock.TAB);
+          offset += CodeBlock.TAB.length;
+          if (i === 0) {
+            index += CodeBlock.TAB.length;
+          } else {
+            length += CodeBlock.TAB.length;
+          }
+        } else if (line.startsWith(CodeBlock.TAB)) {
+          block.deleteAt(start + offset, CodeBlock.TAB.length);
+          offset -= CodeBlock.TAB.length;
+          if (i === 0) {
+            index -= CodeBlock.TAB.length;
+          } else {
+            length -= CodeBlock.TAB.length;
+          }
+        }
+        offset += line.length + 1;
+      });
+      this.quill.update(_quill2.default.sources.USER);
+      this.quill.setSelection(index, length, _quill2.default.sources.SILENT);
+    }
+  };
+}
+
+function makeFormatHandler(format) {
+  return {
+    key: format[0].toUpperCase(),
+    shortKey: true,
+    handler: function handler(range, context) {
+      this.quill.format(format, !context.format[format], _quill2.default.sources.USER);
+    }
+  };
+}
+
+function normalize(binding) {
+  if (typeof binding === 'string' || typeof binding === 'number') {
+    return normalize({ key: binding });
+  }
+  if ((typeof binding === 'undefined' ? 'undefined' : _typeof(binding)) === 'object') {
+    binding = (0, _clone2.default)(binding, false);
+  }
+  if (typeof binding.key === 'string') {
+    if (Keyboard.keys[binding.key.toUpperCase()] != null) {
+      binding.key = Keyboard.keys[binding.key.toUpperCase()];
+    } else if (binding.key.length === 1) {
+      binding.key = binding.key.toUpperCase().charCodeAt(0);
+    } else {
+      return null;
+    }
+  }
+  if (binding.shortKey) {
+    binding[SHORTKEY] = binding.shortKey;
+    delete binding.shortKey;
+  }
+  return binding;
+}
+
+exports.default = Keyboard;
+exports.SHORTKEY = SHORTKEY;
+
+/***/ }),
+/* 24 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _text = __webpack_require__(7);
+
+var _text2 = _interopRequireDefault(_text);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Cursor = function (_Parchment$Embed) {
+  _inherits(Cursor, _Parchment$Embed);
+
+  _createClass(Cursor, null, [{
+    key: 'value',
+    value: function value() {
+      return undefined;
+    }
+  }]);
+
+  function Cursor(domNode, selection) {
+    _classCallCheck(this, Cursor);
+
+    var _this = _possibleConstructorReturn(this, (Cursor.__proto__ || Object.getPrototypeOf(Cursor)).call(this, domNode));
+
+    _this.selection = selection;
+    _this.textNode = document.createTextNode(Cursor.CONTENTS);
+    _this.domNode.appendChild(_this.textNode);
+    _this._length = 0;
+    return _this;
+  }
+
+  _createClass(Cursor, [{
+    key: 'detach',
+    value: function detach() {
+      // super.detach() will also clear domNode.__blot
+      if (this.parent != null) this.parent.removeChild(this);
+    }
+  }, {
+    key: 'format',
+    value: function format(name, value) {
+      if (this._length !== 0) {
+        return _get(Cursor.prototype.__proto__ || Object.getPrototypeOf(Cursor.prototype), 'format', this).call(this, name, value);
+      }
+      var target = this,
+          index = 0;
+      while (target != null && target.statics.scope !== _parchment2.default.Scope.BLOCK_BLOT) {
+        index += target.offset(target.parent);
+        target = target.parent;
+      }
+      if (target != null) {
+        this._length = Cursor.CONTENTS.length;
+        target.optimize();
+        target.formatAt(index, Cursor.CONTENTS.length, name, value);
+        this._length = 0;
+      }
+    }
+  }, {
+    key: 'index',
+    value: function index(node, offset) {
+      if (node === this.textNode) return 0;
+      return _get(Cursor.prototype.__proto__ || Object.getPrototypeOf(Cursor.prototype), 'index', this).call(this, node, offset);
+    }
+  }, {
+    key: 'length',
+    value: function length() {
+      return this._length;
+    }
+  }, {
+    key: 'position',
+    value: function position() {
+      return [this.textNode, this.textNode.data.length];
+    }
+  }, {
+    key: 'remove',
+    value: function remove() {
+      _get(Cursor.prototype.__proto__ || Object.getPrototypeOf(Cursor.prototype), 'remove', this).call(this);
+      this.parent = null;
+    }
+  }, {
+    key: 'restore',
+    value: function restore() {
+      if (this.selection.composing || this.parent == null) return;
+      var textNode = this.textNode;
+      var range = this.selection.getNativeRange();
+      var restoreText = void 0,
+          start = void 0,
+          end = void 0;
+      if (range != null && range.start.node === textNode && range.end.node === textNode) {
+        var _ref = [textNode, range.start.offset, range.end.offset];
+        restoreText = _ref[0];
+        start = _ref[1];
+        end = _ref[2];
+      }
+      // Link format will insert text outside of anchor tag
+      while (this.domNode.lastChild != null && this.domNode.lastChild !== this.textNode) {
+        this.domNode.parentNode.insertBefore(this.domNode.lastChild, this.domNode);
+      }
+      if (this.textNode.data !== Cursor.CONTENTS) {
+        var text = this.textNode.data.split(Cursor.CONTENTS).join('');
+        if (this.next instanceof _text2.default) {
+          restoreText = this.next.domNode;
+          this.next.insertAt(0, text);
+          this.textNode.data = Cursor.CONTENTS;
+        } else {
+          this.textNode.data = text;
+          this.parent.insertBefore(_parchment2.default.create(this.textNode), this);
+          this.textNode = document.createTextNode(Cursor.CONTENTS);
+          this.domNode.appendChild(this.textNode);
+        }
+      }
+      this.remove();
+      if (start != null) {
+        var _map = [start, end].map(function (offset) {
+          return Math.max(0, Math.min(restoreText.data.length, offset - 1));
+        });
+
+        var _map2 = _slicedToArray(_map, 2);
+
+        start = _map2[0];
+        end = _map2[1];
+
+        return {
+          startNode: restoreText,
+          startOffset: start,
+          endNode: restoreText,
+          endOffset: end
+        };
+      }
+    }
+  }, {
+    key: 'update',
+    value: function update(mutations, context) {
+      var _this2 = this;
+
+      if (mutations.some(function (mutation) {
+        return mutation.type === 'characterData' && mutation.target === _this2.textNode;
+      })) {
+        var range = this.restore();
+        if (range) context.range = range;
+      }
+    }
+  }, {
+    key: 'value',
+    value: function value() {
+      return '';
+    }
+  }]);
+
+  return Cursor;
+}(_parchment2.default.Embed);
+
+Cursor.blotName = 'cursor';
+Cursor.className = 'ql-cursor';
+Cursor.tagName = 'span';
+Cursor.CONTENTS = '\uFEFF'; // Zero width no break space
+
+
+exports.default = Cursor;
+
+/***/ }),
+/* 25 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _block = __webpack_require__(4);
+
+var _block2 = _interopRequireDefault(_block);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Container = function (_Parchment$Container) {
+  _inherits(Container, _Parchment$Container);
+
+  function Container() {
+    _classCallCheck(this, Container);
+
+    return _possibleConstructorReturn(this, (Container.__proto__ || Object.getPrototypeOf(Container)).apply(this, arguments));
+  }
+
+  return Container;
+}(_parchment2.default.Container);
+
+Container.allowedChildren = [_block2.default, _block.BlockEmbed, Container];
+
+exports.default = Container;
+
+/***/ }),
+/* 26 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorStyle = exports.ColorClass = exports.ColorAttributor = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var ColorAttributor = function (_Parchment$Attributor) {
+  _inherits(ColorAttributor, _Parchment$Attributor);
+
+  function ColorAttributor() {
+    _classCallCheck(this, ColorAttributor);
+
+    return _possibleConstructorReturn(this, (ColorAttributor.__proto__ || Object.getPrototypeOf(ColorAttributor)).apply(this, arguments));
+  }
+
+  _createClass(ColorAttributor, [{
+    key: 'value',
+    value: function value(domNode) {
+      var value = _get(ColorAttributor.prototype.__proto__ || Object.getPrototypeOf(ColorAttributor.prototype), 'value', this).call(this, domNode);
+      if (!value.startsWith('rgb(')) return value;
+      value = value.replace(/^[^\d]+/, '').replace(/[^\d]+$/, '');
+      return '#' + value.split(',').map(function (component) {
+        return ('00' + parseInt(component).toString(16)).slice(-2);
+      }).join('');
+    }
+  }]);
+
+  return ColorAttributor;
+}(_parchment2.default.Attributor.Style);
+
+var ColorClass = new _parchment2.default.Attributor.Class('color', 'ql-color', {
+  scope: _parchment2.default.Scope.INLINE
+});
+var ColorStyle = new ColorAttributor('color', 'color', {
+  scope: _parchment2.default.Scope.INLINE
+});
+
+exports.ColorAttributor = ColorAttributor;
+exports.ColorClass = ColorClass;
+exports.ColorStyle = ColorStyle;
+
+/***/ }),
+/* 27 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sanitize = exports.default = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _inline = __webpack_require__(6);
+
+var _inline2 = _interopRequireDefault(_inline);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Link = function (_Inline) {
+  _inherits(Link, _Inline);
+
+  function Link() {
+    _classCallCheck(this, Link);
+
+    return _possibleConstructorReturn(this, (Link.__proto__ || Object.getPrototypeOf(Link)).apply(this, arguments));
+  }
+
+  _createClass(Link, [{
+    key: 'format',
+    value: function format(name, value) {
+      if (name !== this.statics.blotName || !value) return _get(Link.prototype.__proto__ || Object.getPrototypeOf(Link.prototype), 'format', this).call(this, name, value);
+      value = this.constructor.sanitize(value);
+      this.domNode.setAttribute('href', value);
+    }
+  }], [{
+    key: 'create',
+    value: function create(value) {
+      var node = _get(Link.__proto__ || Object.getPrototypeOf(Link), 'create', this).call(this, value);
+      value = this.sanitize(value);
+      node.setAttribute('href', value);
+      node.setAttribute('target', '_blank');
+      return node;
+    }
+  }, {
+    key: 'formats',
+    value: function formats(domNode) {
+      return domNode.getAttribute('href');
+    }
+  }, {
+    key: 'sanitize',
+    value: function sanitize(url) {
+      return _sanitize(url, this.PROTOCOL_WHITELIST) ? url : this.SANITIZED_URL;
+    }
+  }]);
+
+  return Link;
+}(_inline2.default);
+
+Link.blotName = 'link';
+Link.tagName = 'A';
+Link.SANITIZED_URL = 'about:blank';
+Link.PROTOCOL_WHITELIST = ['http', 'https', 'mailto', 'tel'];
+
+function _sanitize(url, protocols) {
+  var anchor = document.createElement('a');
+  anchor.href = url;
+  var protocol = anchor.href.slice(0, anchor.href.indexOf(':'));
+  return protocols.indexOf(protocol) > -1;
+}
+
+exports.default = Link;
+exports.sanitize = _sanitize;
+
+/***/ }),
+/* 28 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _keyboard = __webpack_require__(23);
+
+var _keyboard2 = _interopRequireDefault(_keyboard);
+
+var _dropdown = __webpack_require__(107);
+
+var _dropdown2 = _interopRequireDefault(_dropdown);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var optionsCounter = 0;
+
+function toggleAriaAttribute(element, attribute) {
+  element.setAttribute(attribute, !(element.getAttribute(attribute) === 'true'));
+}
+
+var Picker = function () {
+  function Picker(select) {
+    var _this = this;
+
+    _classCallCheck(this, Picker);
+
+    this.select = select;
+    this.container = document.createElement('span');
+    this.buildPicker();
+    this.select.style.display = 'none';
+    this.select.parentNode.insertBefore(this.container, this.select);
+
+    this.label.addEventListener('mousedown', function () {
+      _this.togglePicker();
+    });
+    this.label.addEventListener('keydown', function (event) {
+      switch (event.keyCode) {
+        // Allows the "Enter" key to open the picker
+        case _keyboard2.default.keys.ENTER:
+          _this.togglePicker();
+          break;
+
+        // Allows the "Escape" key to close the picker
+        case _keyboard2.default.keys.ESCAPE:
+          _this.escape();
+          event.preventDefault();
+          break;
+        default:
+      }
+    });
+    this.select.addEventListener('change', this.update.bind(this));
+  }
+
+  _createClass(Picker, [{
+    key: 'togglePicker',
+    value: function togglePicker() {
+      this.container.classList.toggle('ql-expanded');
+      // Toggle aria-expanded and aria-hidden to make the picker accessible
+      toggleAriaAttribute(this.label, 'aria-expanded');
+      toggleAriaAttribute(this.options, 'aria-hidden');
+    }
+  }, {
+    key: 'buildItem',
+    value: function buildItem(option) {
+      var _this2 = this;
+
+      var item = document.createElement('span');
+      item.tabIndex = '0';
+      item.setAttribute('role', 'button');
+
+      item.classList.add('ql-picker-item');
+      if (option.hasAttribute('value')) {
+        item.setAttribute('data-value', option.getAttribute('value'));
+      }
+      if (option.textContent) {
+        item.setAttribute('data-label', option.textContent);
+      }
+      item.addEventListener('click', function () {
+        _this2.selectItem(item, true);
+      });
+      item.addEventListener('keydown', function (event) {
+        switch (event.keyCode) {
+          // Allows the "Enter" key to select an item
+          case _keyboard2.default.keys.ENTER:
+            _this2.selectItem(item, true);
+            event.preventDefault();
+            break;
+
+          // Allows the "Escape" key to close the picker
+          case _keyboard2.default.keys.ESCAPE:
+            _this2.escape();
+            event.preventDefault();
+            break;
+          default:
+        }
+      });
+
+      return item;
+    }
+  }, {
+    key: 'buildLabel',
+    value: function buildLabel() {
+      var label = document.createElement('span');
+      label.classList.add('ql-picker-label');
+      label.innerHTML = _dropdown2.default;
+      label.tabIndex = '0';
+      label.setAttribute('role', 'button');
+      label.setAttribute('aria-expanded', 'false');
+      this.container.appendChild(label);
+      return label;
+    }
+  }, {
+    key: 'buildOptions',
+    value: function buildOptions() {
+      var _this3 = this;
+
+      var options = document.createElement('span');
+      options.classList.add('ql-picker-options');
+
+      // Don't want screen readers to read this until options are visible
+      options.setAttribute('aria-hidden', 'true');
+      options.tabIndex = '-1';
+
+      // Need a unique id for aria-controls
+      options.id = 'ql-picker-options-' + optionsCounter;
+      optionsCounter += 1;
+      this.label.setAttribute('aria-controls', options.id);
+
+      this.options = options;
+
+      [].slice.call(this.select.options).forEach(function (option) {
+        var item = _this3.buildItem(option);
+        options.appendChild(item);
+        if (option.selected === true) {
+          _this3.selectItem(item);
+        }
+      });
+      this.container.appendChild(options);
+    }
+  }, {
+    key: 'buildPicker',
+    value: function buildPicker() {
+      var _this4 = this;
+
+      [].slice.call(this.select.attributes).forEach(function (item) {
+        _this4.container.setAttribute(item.name, item.value);
+      });
+      this.container.classList.add('ql-picker');
+      this.label = this.buildLabel();
+      this.buildOptions();
+    }
+  }, {
+    key: 'escape',
+    value: function escape() {
+      var _this5 = this;
+
+      // Close menu and return focus to trigger label
+      this.close();
+      // Need setTimeout for accessibility to ensure that the browser executes
+      // focus on the next process thread and after any DOM content changes
+      setTimeout(function () {
+        return _this5.label.focus();
+      }, 1);
+    }
+  }, {
+    key: 'close',
+    value: function close() {
+      this.container.classList.remove('ql-expanded');
+      this.label.setAttribute('aria-expanded', 'false');
+      this.options.setAttribute('aria-hidden', 'true');
+    }
+  }, {
+    key: 'selectItem',
+    value: function selectItem(item) {
+      var trigger = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+      var selected = this.container.querySelector('.ql-selected');
+      if (item === selected) return;
+      if (selected != null) {
+        selected.classList.remove('ql-selected');
+      }
+      if (item == null) return;
+      item.classList.add('ql-selected');
+      this.select.selectedIndex = [].indexOf.call(item.parentNode.children, item);
+      if (item.hasAttribute('data-value')) {
+        this.label.setAttribute('data-value', item.getAttribute('data-value'));
+      } else {
+        this.label.removeAttribute('data-value');
+      }
+      if (item.hasAttribute('data-label')) {
+        this.label.setAttribute('data-label', item.getAttribute('data-label'));
+      } else {
+        this.label.removeAttribute('data-label');
+      }
+      if (trigger) {
+        if (typeof Event === 'function') {
+          this.select.dispatchEvent(new Event('change'));
+        } else if ((typeof Event === 'undefined' ? 'undefined' : _typeof(Event)) === 'object') {
+          // IE11
+          var event = document.createEvent('Event');
+          event.initEvent('change', true, true);
+          this.select.dispatchEvent(event);
+        }
+        this.close();
+      }
+    }
+  }, {
+    key: 'update',
+    value: function update() {
+      var option = void 0;
+      if (this.select.selectedIndex > -1) {
+        var item = this.container.querySelector('.ql-picker-options').children[this.select.selectedIndex];
+        option = this.select.options[this.select.selectedIndex];
+        this.selectItem(item);
+      } else {
+        this.selectItem(null);
+      }
+      var isActive = option != null && option !== this.select.querySelector('option[selected]');
+      this.label.classList.toggle('ql-active', isActive);
+    }
+  }]);
+
+  return Picker;
+}();
+
+exports.default = Picker;
+
+/***/ }),
+/* 29 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _quill = __webpack_require__(5);
+
+var _quill2 = _interopRequireDefault(_quill);
+
+var _block = __webpack_require__(4);
+
+var _block2 = _interopRequireDefault(_block);
+
+var _break = __webpack_require__(16);
+
+var _break2 = _interopRequireDefault(_break);
+
+var _container = __webpack_require__(25);
+
+var _container2 = _interopRequireDefault(_container);
+
+var _cursor = __webpack_require__(24);
+
+var _cursor2 = _interopRequireDefault(_cursor);
+
+var _embed = __webpack_require__(35);
+
+var _embed2 = _interopRequireDefault(_embed);
+
+var _inline = __webpack_require__(6);
+
+var _inline2 = _interopRequireDefault(_inline);
+
+var _scroll = __webpack_require__(22);
+
+var _scroll2 = _interopRequireDefault(_scroll);
+
+var _text = __webpack_require__(7);
+
+var _text2 = _interopRequireDefault(_text);
+
+var _clipboard = __webpack_require__(55);
+
+var _clipboard2 = _interopRequireDefault(_clipboard);
+
+var _history = __webpack_require__(42);
+
+var _history2 = _interopRequireDefault(_history);
+
+var _keyboard = __webpack_require__(23);
+
+var _keyboard2 = _interopRequireDefault(_keyboard);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+_quill2.default.register({
+  'blots/block': _block2.default,
+  'blots/block/embed': _block.BlockEmbed,
+  'blots/break': _break2.default,
+  'blots/container': _container2.default,
+  'blots/cursor': _cursor2.default,
+  'blots/embed': _embed2.default,
+  'blots/inline': _inline2.default,
+  'blots/scroll': _scroll2.default,
+  'blots/text': _text2.default,
+
+  'modules/clipboard': _clipboard2.default,
+  'modules/history': _history2.default,
+  'modules/keyboard': _keyboard2.default
+});
+
+_parchment2.default.register(_block2.default, _break2.default, _cursor2.default, _inline2.default, _scroll2.default, _text2.default);
+
+exports.default = _quill2.default;
+
+/***/ }),
+/* 30 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var Registry = __webpack_require__(1);
+var ShadowBlot = /** @class */ (function () {
+    function ShadowBlot(domNode) {
+        this.domNode = domNode;
+        // @ts-ignore
+        this.domNode[Registry.DATA_KEY] = { blot: this };
+    }
+    Object.defineProperty(ShadowBlot.prototype, "statics", {
+        // Hack for accessing inherited static methods
+        get: function () {
+            return this.constructor;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    ShadowBlot.create = function (value) {
+        if (this.tagName == null) {
+            throw new Registry.ParchmentError('Blot definition missing tagName');
+        }
+        var node;
+        if (Array.isArray(this.tagName)) {
+            if (typeof value === 'string') {
+                value = value.toUpperCase();
+                if (parseInt(value).toString() === value) {
+                    value = parseInt(value);
+                }
+            }
+            if (typeof value === 'number') {
+                node = document.createElement(this.tagName[value - 1]);
+            }
+            else if (this.tagName.indexOf(value) > -1) {
+                node = document.createElement(value);
+            }
+            else {
+                node = document.createElement(this.tagName[0]);
+            }
+        }
+        else {
+            node = document.createElement(this.tagName);
+        }
+        if (this.className) {
+            node.classList.add(this.className);
+        }
+        return node;
+    };
+    ShadowBlot.prototype.attach = function () {
+        if (this.parent != null) {
+            this.scroll = this.parent.scroll;
+        }
+    };
+    ShadowBlot.prototype.clone = function () {
+        var domNode = this.domNode.cloneNode(false);
+        return Registry.create(domNode);
+    };
+    ShadowBlot.prototype.detach = function () {
+        if (this.parent != null)
+            this.parent.removeChild(this);
+        // @ts-ignore
+        delete this.domNode[Registry.DATA_KEY];
+    };
+    ShadowBlot.prototype.deleteAt = function (index, length) {
+        var blot = this.isolate(index, length);
+        blot.remove();
+    };
+    ShadowBlot.prototype.formatAt = function (index, length, name, value) {
+        var blot = this.isolate(index, length);
+        if (Registry.query(name, Registry.Scope.BLOT) != null && value) {
+            blot.wrap(name, value);
+        }
+        else if (Registry.query(name, Registry.Scope.ATTRIBUTE) != null) {
+            var parent = Registry.create(this.statics.scope);
+            blot.wrap(parent);
+            parent.format(name, value);
+        }
+    };
+    ShadowBlot.prototype.insertAt = function (index, value, def) {
+        var blot = def == null ? Registry.create('text', value) : Registry.create(value, def);
+        var ref = this.split(index);
+        this.parent.insertBefore(blot, ref);
+    };
+    ShadowBlot.prototype.insertInto = function (parentBlot, refBlot) {
+        if (refBlot === void 0) { refBlot = null; }
+        if (this.parent != null) {
+            this.parent.children.remove(this);
+        }
+        var refDomNode = null;
+        parentBlot.children.insertBefore(this, refBlot);
+        if (refBlot != null) {
+            refDomNode = refBlot.domNode;
+        }
+        if (this.domNode.parentNode != parentBlot.domNode ||
+            this.domNode.nextSibling != refDomNode) {
+            parentBlot.domNode.insertBefore(this.domNode, refDomNode);
+        }
+        this.parent = parentBlot;
+        this.attach();
+    };
+    ShadowBlot.prototype.isolate = function (index, length) {
+        var target = this.split(index);
+        target.split(length);
+        return target;
+    };
+    ShadowBlot.prototype.length = function () {
+        return 1;
+    };
+    ShadowBlot.prototype.offset = function (root) {
+        if (root === void 0) { root = this.parent; }
+        if (this.parent == null || this == root)
+            return 0;
+        return this.parent.children.offset(this) + this.parent.offset(root);
+    };
+    ShadowBlot.prototype.optimize = function (context) {
+        // TODO clean up once we use WeakMap
+        // @ts-ignore
+        if (this.domNode[Registry.DATA_KEY] != null) {
+            // @ts-ignore
+            delete this.domNode[Registry.DATA_KEY].mutations;
+        }
+    };
+    ShadowBlot.prototype.remove = function () {
+        if (this.domNode.parentNode != null) {
+            this.domNode.parentNode.removeChild(this.domNode);
+        }
+        this.detach();
+    };
+    ShadowBlot.prototype.replace = function (target) {
+        if (target.parent == null)
+            return;
+        target.parent.insertBefore(this, target.next);
+        target.remove();
+    };
+    ShadowBlot.prototype.replaceWith = function (name, value) {
+        var replacement = typeof name === 'string' ? Registry.create(name, value) : name;
+        replacement.replace(this);
+        return replacement;
+    };
+    ShadowBlot.prototype.split = function (index, force) {
+        return index === 0 ? this : this.next;
+    };
+    ShadowBlot.prototype.update = function (mutations, context) {
+        // Nothing to do by default
+    };
+    ShadowBlot.prototype.wrap = function (name, value) {
+        var wrapper = typeof name === 'string' ? Registry.create(name, value) : name;
+        if (this.parent != null) {
+            this.parent.insertBefore(wrapper, this.next);
+        }
+        wrapper.appendChild(this);
+        return wrapper;
+    };
+    ShadowBlot.blotName = 'abstract';
+    return ShadowBlot;
+}());
+exports.default = ShadowBlot;
+
+
+/***/ }),
+/* 31 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var attributor_1 = __webpack_require__(12);
+var class_1 = __webpack_require__(32);
+var style_1 = __webpack_require__(33);
+var Registry = __webpack_require__(1);
+var AttributorStore = /** @class */ (function () {
+    function AttributorStore(domNode) {
+        this.attributes = {};
+        this.domNode = domNode;
+        this.build();
+    }
+    AttributorStore.prototype.attribute = function (attribute, value) {
+        // verb
+        if (value) {
+            if (attribute.add(this.domNode, value)) {
+                if (attribute.value(this.domNode) != null) {
+                    this.attributes[attribute.attrName] = attribute;
+                }
+                else {
+                    delete this.attributes[attribute.attrName];
+                }
+            }
+        }
+        else {
+            attribute.remove(this.domNode);
+            delete this.attributes[attribute.attrName];
+        }
+    };
+    AttributorStore.prototype.build = function () {
+        var _this = this;
+        this.attributes = {};
+        var attributes = attributor_1.default.keys(this.domNode);
+        var classes = class_1.default.keys(this.domNode);
+        var styles = style_1.default.keys(this.domNode);
+        attributes
+            .concat(classes)
+            .concat(styles)
+            .forEach(function (name) {
+            var attr = Registry.query(name, Registry.Scope.ATTRIBUTE);
+            if (attr instanceof attributor_1.default) {
+                _this.attributes[attr.attrName] = attr;
+            }
+        });
+    };
+    AttributorStore.prototype.copy = function (target) {
+        var _this = this;
+        Object.keys(this.attributes).forEach(function (key) {
+            var value = _this.attributes[key].value(_this.domNode);
+            target.format(key, value);
+        });
+    };
+    AttributorStore.prototype.move = function (target) {
+        var _this = this;
+        this.copy(target);
+        Object.keys(this.attributes).forEach(function (key) {
+            _this.attributes[key].remove(_this.domNode);
+        });
+        this.attributes = {};
+    };
+    AttributorStore.prototype.values = function () {
+        var _this = this;
+        return Object.keys(this.attributes).reduce(function (attributes, name) {
+            attributes[name] = _this.attributes[name].value(_this.domNode);
+            return attributes;
+        }, {});
+    };
+    return AttributorStore;
+}());
+exports.default = AttributorStore;
+
+
+/***/ }),
+/* 32 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var attributor_1 = __webpack_require__(12);
+function match(node, prefix) {
+    var className = node.getAttribute('class') || '';
+    return className.split(/\s+/).filter(function (name) {
+        return name.indexOf(prefix + "-") === 0;
+    });
+}
+var ClassAttributor = /** @class */ (function (_super) {
+    __extends(ClassAttributor, _super);
+    function ClassAttributor() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ClassAttributor.keys = function (node) {
+        return (node.getAttribute('class') || '').split(/\s+/).map(function (name) {
+            return name
+                .split('-')
+                .slice(0, -1)
+                .join('-');
+        });
+    };
+    ClassAttributor.prototype.add = function (node, value) {
+        if (!this.canAdd(node, value))
+            return false;
+        this.remove(node);
+        node.classList.add(this.keyName + "-" + value);
+        return true;
+    };
+    ClassAttributor.prototype.remove = function (node) {
+        var matches = match(node, this.keyName);
+        matches.forEach(function (name) {
+            node.classList.remove(name);
+        });
+        if (node.classList.length === 0) {
+            node.removeAttribute('class');
+        }
+    };
+    ClassAttributor.prototype.value = function (node) {
+        var result = match(node, this.keyName)[0] || '';
+        var value = result.slice(this.keyName.length + 1); // +1 for hyphen
+        return this.canAdd(node, value) ? value : '';
+    };
+    return ClassAttributor;
+}(attributor_1.default));
+exports.default = ClassAttributor;
+
+
+/***/ }),
+/* 33 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var attributor_1 = __webpack_require__(12);
+function camelize(name) {
+    var parts = name.split('-');
+    var rest = parts
+        .slice(1)
+        .map(function (part) {
+        return part[0].toUpperCase() + part.slice(1);
+    })
+        .join('');
+    return parts[0] + rest;
+}
+var StyleAttributor = /** @class */ (function (_super) {
+    __extends(StyleAttributor, _super);
+    function StyleAttributor() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    StyleAttributor.keys = function (node) {
+        return (node.getAttribute('style') || '').split(';').map(function (value) {
+            var arr = value.split(':');
+            return arr[0].trim();
+        });
+    };
+    StyleAttributor.prototype.add = function (node, value) {
+        if (!this.canAdd(node, value))
+            return false;
+        // @ts-ignore
+        node.style[camelize(this.keyName)] = value;
+        return true;
+    };
+    StyleAttributor.prototype.remove = function (node) {
+        // @ts-ignore
+        node.style[camelize(this.keyName)] = '';
+        if (!node.getAttribute('style')) {
+            node.removeAttribute('style');
+        }
+    };
+    StyleAttributor.prototype.value = function (node) {
+        // @ts-ignore
+        var value = node.style[camelize(this.keyName)];
+        return this.canAdd(node, value) ? value : '';
+    };
+    return StyleAttributor;
+}(attributor_1.default));
+exports.default = StyleAttributor;
+
+
+/***/ }),
+/* 34 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var Theme = function () {
+  function Theme(quill, options) {
+    _classCallCheck(this, Theme);
+
+    this.quill = quill;
+    this.options = options;
+    this.modules = {};
+  }
+
+  _createClass(Theme, [{
+    key: 'init',
+    value: function init() {
+      var _this = this;
+
+      Object.keys(this.options.modules).forEach(function (name) {
+        if (_this.modules[name] == null) {
+          _this.addModule(name);
+        }
+      });
+    }
+  }, {
+    key: 'addModule',
+    value: function addModule(name) {
+      var moduleClass = this.quill.constructor.import('modules/' + name);
+      this.modules[name] = new moduleClass(this.quill, this.options.modules[name] || {});
+      return this.modules[name];
+    }
+  }]);
+
+  return Theme;
+}();
+
+Theme.DEFAULTS = {
+  modules: {}
+};
+Theme.themes = {
+  'default': Theme
+};
+
+exports.default = Theme;
+
+/***/ }),
+/* 35 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _text = __webpack_require__(7);
+
+var _text2 = _interopRequireDefault(_text);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var GUARD_TEXT = '\uFEFF';
+
+var Embed = function (_Parchment$Embed) {
+  _inherits(Embed, _Parchment$Embed);
+
+  function Embed(node) {
+    _classCallCheck(this, Embed);
+
+    var _this = _possibleConstructorReturn(this, (Embed.__proto__ || Object.getPrototypeOf(Embed)).call(this, node));
+
+    _this.contentNode = document.createElement('span');
+    _this.contentNode.setAttribute('contenteditable', false);
+    [].slice.call(_this.domNode.childNodes).forEach(function (childNode) {
+      _this.contentNode.appendChild(childNode);
+    });
+    _this.leftGuard = document.createTextNode(GUARD_TEXT);
+    _this.rightGuard = document.createTextNode(GUARD_TEXT);
+    _this.domNode.appendChild(_this.leftGuard);
+    _this.domNode.appendChild(_this.contentNode);
+    _this.domNode.appendChild(_this.rightGuard);
+    return _this;
+  }
+
+  _createClass(Embed, [{
+    key: 'index',
+    value: function index(node, offset) {
+      if (node === this.leftGuard) return 0;
+      if (node === this.rightGuard) return 1;
+      return _get(Embed.prototype.__proto__ || Object.getPrototypeOf(Embed.prototype), 'index', this).call(this, node, offset);
+    }
+  }, {
+    key: 'restore',
+    value: function restore(node) {
+      var range = void 0,
+          textNode = void 0;
+      var text = node.data.split(GUARD_TEXT).join('');
+      if (node === this.leftGuard) {
+        if (this.prev instanceof _text2.default) {
+          var prevLength = this.prev.length();
+          this.prev.insertAt(prevLength, text);
+          range = {
+            startNode: this.prev.domNode,
+            startOffset: prevLength + text.length
+          };
+        } else {
+          textNode = document.createTextNode(text);
+          this.parent.insertBefore(_parchment2.default.create(textNode), this);
+          range = {
+            startNode: textNode,
+            startOffset: text.length
+          };
+        }
+      } else if (node === this.rightGuard) {
+        if (this.next instanceof _text2.default) {
+          this.next.insertAt(0, text);
+          range = {
+            startNode: this.next.domNode,
+            startOffset: text.length
+          };
+        } else {
+          textNode = document.createTextNode(text);
+          this.parent.insertBefore(_parchment2.default.create(textNode), this.next);
+          range = {
+            startNode: textNode,
+            startOffset: text.length
+          };
+        }
+      }
+      node.data = GUARD_TEXT;
+      return range;
+    }
+  }, {
+    key: 'update',
+    value: function update(mutations, context) {
+      var _this2 = this;
+
+      mutations.forEach(function (mutation) {
+        if (mutation.type === 'characterData' && (mutation.target === _this2.leftGuard || mutation.target === _this2.rightGuard)) {
+          var range = _this2.restore(mutation.target);
+          if (range) context.range = range;
+        }
+      });
+    }
+  }]);
+
+  return Embed;
+}(_parchment2.default.Embed);
+
+exports.default = Embed;
+
+/***/ }),
+/* 36 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AlignStyle = exports.AlignClass = exports.AlignAttribute = undefined;
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var config = {
+  scope: _parchment2.default.Scope.BLOCK,
+  whitelist: ['right', 'center', 'justify']
+};
+
+var AlignAttribute = new _parchment2.default.Attributor.Attribute('align', 'align', config);
+var AlignClass = new _parchment2.default.Attributor.Class('align', 'ql-align', config);
+var AlignStyle = new _parchment2.default.Attributor.Style('align', 'text-align', config);
+
+exports.AlignAttribute = AlignAttribute;
+exports.AlignClass = AlignClass;
+exports.AlignStyle = AlignStyle;
+
+/***/ }),
+/* 37 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BackgroundStyle = exports.BackgroundClass = undefined;
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _color = __webpack_require__(26);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var BackgroundClass = new _parchment2.default.Attributor.Class('background', 'ql-bg', {
+  scope: _parchment2.default.Scope.INLINE
+});
+var BackgroundStyle = new _color.ColorAttributor('background', 'background-color', {
+  scope: _parchment2.default.Scope.INLINE
+});
+
+exports.BackgroundClass = BackgroundClass;
+exports.BackgroundStyle = BackgroundStyle;
+
+/***/ }),
+/* 38 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DirectionStyle = exports.DirectionClass = exports.DirectionAttribute = undefined;
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var config = {
+  scope: _parchment2.default.Scope.BLOCK,
+  whitelist: ['rtl']
+};
+
+var DirectionAttribute = new _parchment2.default.Attributor.Attribute('direction', 'dir', config);
+var DirectionClass = new _parchment2.default.Attributor.Class('direction', 'ql-direction', config);
+var DirectionStyle = new _parchment2.default.Attributor.Style('direction', 'direction', config);
+
+exports.DirectionAttribute = DirectionAttribute;
+exports.DirectionClass = DirectionClass;
+exports.DirectionStyle = DirectionStyle;
+
+/***/ }),
+/* 39 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FontClass = exports.FontStyle = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var config = {
+  scope: _parchment2.default.Scope.INLINE,
+  whitelist: ['serif', 'monospace']
+};
+
+var FontClass = new _parchment2.default.Attributor.Class('font', 'ql-font', config);
+
+var FontStyleAttributor = function (_Parchment$Attributor) {
+  _inherits(FontStyleAttributor, _Parchment$Attributor);
+
+  function FontStyleAttributor() {
+    _classCallCheck(this, FontStyleAttributor);
+
+    return _possibleConstructorReturn(this, (FontStyleAttributor.__proto__ || Object.getPrototypeOf(FontStyleAttributor)).apply(this, arguments));
+  }
+
+  _createClass(FontStyleAttributor, [{
+    key: 'value',
+    value: function value(node) {
+      return _get(FontStyleAttributor.prototype.__proto__ || Object.getPrototypeOf(FontStyleAttributor.prototype), 'value', this).call(this, node).replace(/["']/g, '');
+    }
+  }]);
+
+  return FontStyleAttributor;
+}(_parchment2.default.Attributor.Style);
+
+var FontStyle = new FontStyleAttributor('font', 'font-family', config);
+
+exports.FontStyle = FontStyle;
+exports.FontClass = FontClass;
+
+/***/ }),
+/* 40 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SizeStyle = exports.SizeClass = undefined;
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var SizeClass = new _parchment2.default.Attributor.Class('size', 'ql-size', {
+  scope: _parchment2.default.Scope.INLINE,
+  whitelist: ['small', 'large', 'huge']
+});
+var SizeStyle = new _parchment2.default.Attributor.Style('size', 'font-size', {
+  scope: _parchment2.default.Scope.INLINE,
+  whitelist: ['10px', '18px', '32px']
+});
+
+exports.SizeClass = SizeClass;
+exports.SizeStyle = SizeStyle;
+
+/***/ }),
+/* 41 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+module.exports = {
+  'align': {
+    '': __webpack_require__(76),
+    'center': __webpack_require__(77),
+    'right': __webpack_require__(78),
+    'justify': __webpack_require__(79)
+  },
+  'background': __webpack_require__(80),
+  'blockquote': __webpack_require__(81),
+  'bold': __webpack_require__(82),
+  'clean': __webpack_require__(83),
+  'code': __webpack_require__(58),
+  'code-block': __webpack_require__(58),
+  'color': __webpack_require__(84),
+  'direction': {
+    '': __webpack_require__(85),
+    'rtl': __webpack_require__(86)
+  },
+  'float': {
+    'center': __webpack_require__(87),
+    'full': __webpack_require__(88),
+    'left': __webpack_require__(89),
+    'right': __webpack_require__(90)
+  },
+  'formula': __webpack_require__(91),
+  'header': {
+    '1': __webpack_require__(92),
+    '2': __webpack_require__(93)
+  },
+  'italic': __webpack_require__(94),
+  'image': __webpack_require__(95),
+  'indent': {
+    '+1': __webpack_require__(96),
+    '-1': __webpack_require__(97)
+  },
+  'link': __webpack_require__(98),
+  'list': {
+    'ordered': __webpack_require__(99),
+    'bullet': __webpack_require__(100),
+    'check': __webpack_require__(101)
+  },
+  'script': {
+    'sub': __webpack_require__(102),
+    'super': __webpack_require__(103)
+  },
+  'strike': __webpack_require__(104),
+  'underline': __webpack_require__(105),
+  'video': __webpack_require__(106)
+};
+
+/***/ }),
+/* 42 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLastChangeIndex = exports.default = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _quill = __webpack_require__(5);
+
+var _quill2 = _interopRequireDefault(_quill);
+
+var _module = __webpack_require__(9);
+
+var _module2 = _interopRequireDefault(_module);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var History = function (_Module) {
+  _inherits(History, _Module);
+
+  function History(quill, options) {
+    _classCallCheck(this, History);
+
+    var _this = _possibleConstructorReturn(this, (History.__proto__ || Object.getPrototypeOf(History)).call(this, quill, options));
+
+    _this.lastRecorded = 0;
+    _this.ignoreChange = false;
+    _this.clear();
+    _this.quill.on(_quill2.default.events.EDITOR_CHANGE, function (eventName, delta, oldDelta, source) {
+      if (eventName !== _quill2.default.events.TEXT_CHANGE || _this.ignoreChange) return;
+      if (!_this.options.userOnly || source === _quill2.default.sources.USER) {
+        _this.record(delta, oldDelta);
+      } else {
+        _this.transform(delta);
+      }
+    });
+    _this.quill.keyboard.addBinding({ key: 'Z', shortKey: true }, _this.undo.bind(_this));
+    _this.quill.keyboard.addBinding({ key: 'Z', shortKey: true, shiftKey: true }, _this.redo.bind(_this));
+    if (/Win/i.test(navigator.platform)) {
+      _this.quill.keyboard.addBinding({ key: 'Y', shortKey: true }, _this.redo.bind(_this));
+    }
+    return _this;
+  }
+
+  _createClass(History, [{
+    key: 'change',
+    value: function change(source, dest) {
+      if (this.stack[source].length === 0) return;
+      var delta = this.stack[source].pop();
+      this.stack[dest].push(delta);
+      this.lastRecorded = 0;
+      this.ignoreChange = true;
+      this.quill.updateContents(delta[source], _quill2.default.sources.USER);
+      this.ignoreChange = false;
+      var index = getLastChangeIndex(delta[source]);
+      this.quill.setSelection(index);
+    }
+  }, {
+    key: 'clear',
+    value: function clear() {
+      this.stack = { undo: [], redo: [] };
+    }
+  }, {
+    key: 'cutoff',
+    value: function cutoff() {
+      this.lastRecorded = 0;
+    }
+  }, {
+    key: 'record',
+    value: function record(changeDelta, oldDelta) {
+      if (changeDelta.ops.length === 0) return;
+      this.stack.redo = [];
+      var undoDelta = this.quill.getContents().diff(oldDelta);
+      var timestamp = Date.now();
+      if (this.lastRecorded + this.options.delay > timestamp && this.stack.undo.length > 0) {
+        var delta = this.stack.undo.pop();
+        undoDelta = undoDelta.compose(delta.undo);
+        changeDelta = delta.redo.compose(changeDelta);
+      } else {
+        this.lastRecorded = timestamp;
+      }
+      this.stack.undo.push({
+        redo: changeDelta,
+        undo: undoDelta
+      });
+      if (this.stack.undo.length > this.options.maxStack) {
+        this.stack.undo.shift();
+      }
+    }
+  }, {
+    key: 'redo',
+    value: function redo() {
+      this.change('redo', 'undo');
+    }
+  }, {
+    key: 'transform',
+    value: function transform(delta) {
+      this.stack.undo.forEach(function (change) {
+        change.undo = delta.transform(change.undo, true);
+        change.redo = delta.transform(change.redo, true);
+      });
+      this.stack.redo.forEach(function (change) {
+        change.undo = delta.transform(change.undo, true);
+        change.redo = delta.transform(change.redo, true);
+      });
+    }
+  }, {
+    key: 'undo',
+    value: function undo() {
+      this.change('undo', 'redo');
+    }
+  }]);
+
+  return History;
+}(_module2.default);
+
+History.DEFAULTS = {
+  delay: 1000,
+  maxStack: 100,
+  userOnly: false
+};
+
+function endsWithNewlineChange(delta) {
+  var lastOp = delta.ops[delta.ops.length - 1];
+  if (lastOp == null) return false;
+  if (lastOp.insert != null) {
+    return typeof lastOp.insert === 'string' && lastOp.insert.endsWith('\n');
+  }
+  if (lastOp.attributes != null) {
+    return Object.keys(lastOp.attributes).some(function (attr) {
+      return _parchment2.default.query(attr, _parchment2.default.Scope.BLOCK) != null;
+    });
+  }
+  return false;
+}
+
+function getLastChangeIndex(delta) {
+  var deleteLength = delta.reduce(function (length, op) {
+    length += op.delete || 0;
+    return length;
+  }, 0);
+  var changeIndex = delta.length() - deleteLength;
+  if (endsWithNewlineChange(delta)) {
+    changeIndex -= 1;
+  }
+  return changeIndex;
+}
+
+exports.default = History;
+exports.getLastChangeIndex = getLastChangeIndex;
+
+/***/ }),
+/* 43 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.BaseTooltip = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _extend = __webpack_require__(3);
+
+var _extend2 = _interopRequireDefault(_extend);
+
+var _quillDelta = __webpack_require__(2);
+
+var _quillDelta2 = _interopRequireDefault(_quillDelta);
+
+var _emitter = __webpack_require__(8);
+
+var _emitter2 = _interopRequireDefault(_emitter);
+
+var _keyboard = __webpack_require__(23);
+
+var _keyboard2 = _interopRequireDefault(_keyboard);
+
+var _theme = __webpack_require__(34);
+
+var _theme2 = _interopRequireDefault(_theme);
+
+var _colorPicker = __webpack_require__(59);
+
+var _colorPicker2 = _interopRequireDefault(_colorPicker);
+
+var _iconPicker = __webpack_require__(60);
+
+var _iconPicker2 = _interopRequireDefault(_iconPicker);
+
+var _picker = __webpack_require__(28);
+
+var _picker2 = _interopRequireDefault(_picker);
+
+var _tooltip = __webpack_require__(61);
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var ALIGNS = [false, 'center', 'right', 'justify'];
+
+var COLORS = ["#000000", "#e60000", "#ff9900", "#ffff00", "#008a00", "#0066cc", "#9933ff", "#ffffff", "#facccc", "#ffebcc", "#ffffcc", "#cce8cc", "#cce0f5", "#ebd6ff", "#bbbbbb", "#f06666", "#ffc266", "#ffff66", "#66b966", "#66a3e0", "#c285ff", "#888888", "#a10000", "#b26b00", "#b2b200", "#006100", "#0047b2", "#6b24b2", "#444444", "#5c0000", "#663d00", "#666600", "#003700", "#002966", "#3d1466"];
+
+var FONTS = [false, 'serif', 'monospace'];
+
+var HEADERS = ['1', '2', '3', false];
+
+var SIZES = ['small', false, 'large', 'huge'];
+
+var BaseTheme = function (_Theme) {
+  _inherits(BaseTheme, _Theme);
+
+  function BaseTheme(quill, options) {
+    _classCallCheck(this, BaseTheme);
+
+    var _this = _possibleConstructorReturn(this, (BaseTheme.__proto__ || Object.getPrototypeOf(BaseTheme)).call(this, quill, options));
+
+    var listener = function listener(e) {
+      if (!document.body.contains(quill.root)) {
+        return document.body.removeEventListener('click', listener);
+      }
+      if (_this.tooltip != null && !_this.tooltip.root.contains(e.target) && document.activeElement !== _this.tooltip.textbox && !_this.quill.hasFocus()) {
+        _this.tooltip.hide();
+      }
+      if (_this.pickers != null) {
+        _this.pickers.forEach(function (picker) {
+          if (!picker.container.contains(e.target)) {
+            picker.close();
+          }
+        });
+      }
+    };
+    quill.emitter.listenDOM('click', document.body, listener);
+    return _this;
+  }
+
+  _createClass(BaseTheme, [{
+    key: 'addModule',
+    value: function addModule(name) {
+      var module = _get(BaseTheme.prototype.__proto__ || Object.getPrototypeOf(BaseTheme.prototype), 'addModule', this).call(this, name);
+      if (name === 'toolbar') {
+        this.extendToolbar(module);
+      }
+      return module;
+    }
+  }, {
+    key: 'buildButtons',
+    value: function buildButtons(buttons, icons) {
+      buttons.forEach(function (button) {
+        var className = button.getAttribute('class') || '';
+        className.split(/\s+/).forEach(function (name) {
+          if (!name.startsWith('ql-')) return;
+          name = name.slice('ql-'.length);
+          if (icons[name] == null) return;
+          if (name === 'direction') {
+            button.innerHTML = icons[name][''] + icons[name]['rtl'];
+          } else if (typeof icons[name] === 'string') {
+            button.innerHTML = icons[name];
+          } else {
+            var value = button.value || '';
+            if (value != null && icons[name][value]) {
+              button.innerHTML = icons[name][value];
+            }
+          }
+        });
+      });
+    }
+  }, {
+    key: 'buildPickers',
+    value: function buildPickers(selects, icons) {
+      var _this2 = this;
+
+      this.pickers = selects.map(function (select) {
+        if (select.classList.contains('ql-align')) {
+          if (select.querySelector('option') == null) {
+            fillSelect(select, ALIGNS);
+          }
+          return new _iconPicker2.default(select, icons.align);
+        } else if (select.classList.contains('ql-background') || select.classList.contains('ql-color')) {
+          var format = select.classList.contains('ql-background') ? 'background' : 'color';
+          if (select.querySelector('option') == null) {
+            fillSelect(select, COLORS, format === 'background' ? '#ffffff' : '#000000');
+          }
+          return new _colorPicker2.default(select, icons[format]);
+        } else {
+          if (select.querySelector('option') == null) {
+            if (select.classList.contains('ql-font')) {
+              fillSelect(select, FONTS);
+            } else if (select.classList.contains('ql-header')) {
+              fillSelect(select, HEADERS);
+            } else if (select.classList.contains('ql-size')) {
+              fillSelect(select, SIZES);
+            }
+          }
+          return new _picker2.default(select);
+        }
+      });
+      var update = function update() {
+        _this2.pickers.forEach(function (picker) {
+          picker.update();
+        });
+      };
+      this.quill.on(_emitter2.default.events.EDITOR_CHANGE, update);
+    }
+  }]);
+
+  return BaseTheme;
+}(_theme2.default);
+
+BaseTheme.DEFAULTS = (0, _extend2.default)(true, {}, _theme2.default.DEFAULTS, {
+  modules: {
+    toolbar: {
+      handlers: {
+        formula: function formula() {
+          this.quill.theme.tooltip.edit('formula');
+        },
+        image: function image() {
+          var _this3 = this;
+
+          var fileInput = this.container.querySelector('input.ql-image[type=file]');
+          if (fileInput == null) {
+            fileInput = document.createElement('input');
+            fileInput.setAttribute('type', 'file');
+            fileInput.setAttribute('accept', 'image/png, image/gif, image/jpeg, image/bmp, image/x-icon');
+            fileInput.classList.add('ql-image');
+            fileInput.addEventListener('change', function () {
+              if (fileInput.files != null && fileInput.files[0] != null) {
+                var reader = new FileReader();
+                reader.onload = function (e) {
+                  var range = _this3.quill.getSelection(true);
+                  _this3.quill.updateContents(new _quillDelta2.default().retain(range.index).delete(range.length).insert({ image: e.target.result }), _emitter2.default.sources.USER);
+                  _this3.quill.setSelection(range.index + 1, _emitter2.default.sources.SILENT);
+                  fileInput.value = "";
+                };
+                reader.readAsDataURL(fileInput.files[0]);
+              }
+            });
+            this.container.appendChild(fileInput);
+          }
+          fileInput.click();
+        },
+        video: function video() {
+          this.quill.theme.tooltip.edit('video');
+        }
+      }
+    }
+  }
+});
+
+var BaseTooltip = function (_Tooltip) {
+  _inherits(BaseTooltip, _Tooltip);
+
+  function BaseTooltip(quill, boundsContainer) {
+    _classCallCheck(this, BaseTooltip);
+
+    var _this4 = _possibleConstructorReturn(this, (BaseTooltip.__proto__ || Object.getPrototypeOf(BaseTooltip)).call(this, quill, boundsContainer));
+
+    _this4.textbox = _this4.root.querySelector('input[type="text"]');
+    _this4.listen();
+    return _this4;
+  }
+
+  _createClass(BaseTooltip, [{
+    key: 'listen',
+    value: function listen() {
+      var _this5 = this;
+
+      this.textbox.addEventListener('keydown', function (event) {
+        if (_keyboard2.default.match(event, 'enter')) {
+          _this5.save();
+          event.preventDefault();
+        } else if (_keyboard2.default.match(event, 'escape')) {
+          _this5.cancel();
+          event.preventDefault();
+        }
+      });
+    }
+  }, {
+    key: 'cancel',
+    value: function cancel() {
+      this.hide();
+    }
+  }, {
+    key: 'edit',
+    value: function edit() {
+      var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'link';
+      var preview = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+
+      this.root.classList.remove('ql-hidden');
+      this.root.classList.add('ql-editing');
+      if (preview != null) {
+        this.textbox.value = preview;
+      } else if (mode !== this.root.getAttribute('data-mode')) {
+        this.textbox.value = '';
+      }
+      this.position(this.quill.getBounds(this.quill.selection.savedRange));
+      this.textbox.select();
+      this.textbox.setAttribute('placeholder', this.textbox.getAttribute('data-' + mode) || '');
+      this.root.setAttribute('data-mode', mode);
+    }
+  }, {
+    key: 'restoreFocus',
+    value: function restoreFocus() {
+      var scrollTop = this.quill.scrollingContainer.scrollTop;
+      this.quill.focus();
+      this.quill.scrollingContainer.scrollTop = scrollTop;
+    }
+  }, {
+    key: 'save',
+    value: function save() {
+      var value = this.textbox.value;
+      switch (this.root.getAttribute('data-mode')) {
+        case 'link':
+          {
+            var scrollTop = this.quill.root.scrollTop;
+            if (this.linkRange) {
+              this.quill.formatText(this.linkRange, 'link', value, _emitter2.default.sources.USER);
+              delete this.linkRange;
+            } else {
+              this.restoreFocus();
+              this.quill.format('link', value, _emitter2.default.sources.USER);
+            }
+            this.quill.root.scrollTop = scrollTop;
+            break;
+          }
+        case 'video':
+          {
+            value = extractVideoUrl(value);
+          } // eslint-disable-next-line no-fallthrough
+        case 'formula':
+          {
+            if (!value) break;
+            var range = this.quill.getSelection(true);
+            if (range != null) {
+              var index = range.index + range.length;
+              this.quill.insertEmbed(index, this.root.getAttribute('data-mode'), value, _emitter2.default.sources.USER);
+              if (this.root.getAttribute('data-mode') === 'formula') {
+                this.quill.insertText(index + 1, ' ', _emitter2.default.sources.USER);
+              }
+              this.quill.setSelection(index + 2, _emitter2.default.sources.USER);
+            }
+            break;
+          }
+        default:
+      }
+      this.textbox.value = '';
+      this.hide();
+    }
+  }]);
+
+  return BaseTooltip;
+}(_tooltip2.default);
+
+function extractVideoUrl(url) {
+  var match = url.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtube\.com\/watch.*v=([a-zA-Z0-9_-]+)/) || url.match(/^(?:(https?):\/\/)?(?:(?:www|m)\.)?youtu\.be\/([a-zA-Z0-9_-]+)/);
+  if (match) {
+    return (match[1] || 'https') + '://www.youtube.com/embed/' + match[2] + '?showinfo=0';
+  }
+  if (match = url.match(/^(?:(https?):\/\/)?(?:www\.)?vimeo\.com\/(\d+)/)) {
+    // eslint-disable-line no-cond-assign
+    return (match[1] || 'https') + '://player.vimeo.com/video/' + match[2] + '/';
+  }
+  return url;
+}
+
+function fillSelect(select, values) {
+  var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+
+  values.forEach(function (value) {
+    var option = document.createElement('option');
+    if (value === defaultValue) {
+      option.setAttribute('selected', 'selected');
+    } else {
+      option.setAttribute('value', value);
+    }
+    select.appendChild(option);
+  });
+}
+
+exports.BaseTooltip = BaseTooltip;
+exports.default = BaseTheme;
+
+/***/ }),
+/* 44 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var LinkedList = /** @class */ (function () {
+    function LinkedList() {
+        this.head = this.tail = null;
+        this.length = 0;
+    }
+    LinkedList.prototype.append = function () {
+        var nodes = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            nodes[_i] = arguments[_i];
+        }
+        this.insertBefore(nodes[0], null);
+        if (nodes.length > 1) {
+            this.append.apply(this, nodes.slice(1));
+        }
+    };
+    LinkedList.prototype.contains = function (node) {
+        var cur, next = this.iterator();
+        while ((cur = next())) {
+            if (cur === node)
+                return true;
+        }
+        return false;
+    };
+    LinkedList.prototype.insertBefore = function (node, refNode) {
+        if (!node)
+            return;
+        node.next = refNode;
+        if (refNode != null) {
+            node.prev = refNode.prev;
+            if (refNode.prev != null) {
+                refNode.prev.next = node;
+            }
+            refNode.prev = node;
+            if (refNode === this.head) {
+                this.head = node;
+            }
+        }
+        else if (this.tail != null) {
+            this.tail.next = node;
+            node.prev = this.tail;
+            this.tail = node;
+        }
+        else {
+            node.prev = null;
+            this.head = this.tail = node;
+        }
+        this.length += 1;
+    };
+    LinkedList.prototype.offset = function (target) {
+        var index = 0, cur = this.head;
+        while (cur != null) {
+            if (cur === target)
+                return index;
+            index += cur.length();
+            cur = cur.next;
+        }
+        return -1;
+    };
+    LinkedList.prototype.remove = function (node) {
+        if (!this.contains(node))
+            return;
+        if (node.prev != null)
+            node.prev.next = node.next;
+        if (node.next != null)
+            node.next.prev = node.prev;
+        if (node === this.head)
+            this.head = node.next;
+        if (node === this.tail)
+            this.tail = node.prev;
+        this.length -= 1;
+    };
+    LinkedList.prototype.iterator = function (curNode) {
+        if (curNode === void 0) { curNode = this.head; }
+        // TODO use yield when we can
+        return function () {
+            var ret = curNode;
+            if (curNode != null)
+                curNode = curNode.next;
+            return ret;
+        };
+    };
+    LinkedList.prototype.find = function (index, inclusive) {
+        if (inclusive === void 0) { inclusive = false; }
+        var cur, next = this.iterator();
+        while ((cur = next())) {
+            var length = cur.length();
+            if (index < length ||
+                (inclusive && index === length && (cur.next == null || cur.next.length() !== 0))) {
+                return [cur, index];
+            }
+            index -= length;
+        }
+        return [null, 0];
+    };
+    LinkedList.prototype.forEach = function (callback) {
+        var cur, next = this.iterator();
+        while ((cur = next())) {
+            callback(cur);
+        }
+    };
+    LinkedList.prototype.forEachAt = function (index, length, callback) {
+        if (length <= 0)
+            return;
+        var _a = this.find(index), startNode = _a[0], offset = _a[1];
+        var cur, curIndex = index - offset, next = this.iterator(startNode);
+        while ((cur = next()) && curIndex < index + length) {
+            var curLength = cur.length();
+            if (index > curIndex) {
+                callback(cur, index - curIndex, Math.min(length, curIndex + curLength - index));
+            }
+            else {
+                callback(cur, 0, Math.min(curLength, index + length - curIndex));
+            }
+            curIndex += curLength;
+        }
+    };
+    LinkedList.prototype.map = function (callback) {
+        return this.reduce(function (memo, cur) {
+            memo.push(callback(cur));
+            return memo;
+        }, []);
+    };
+    LinkedList.prototype.reduce = function (callback, memo) {
+        var cur, next = this.iterator();
+        while ((cur = next())) {
+            memo = callback(memo, cur);
+        }
+        return memo;
+    };
+    return LinkedList;
+}());
+exports.default = LinkedList;
+
+
+/***/ }),
+/* 45 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var container_1 = __webpack_require__(17);
+var Registry = __webpack_require__(1);
+var OBSERVER_CONFIG = {
+    attributes: true,
+    characterData: true,
+    characterDataOldValue: true,
+    childList: true,
+    subtree: true,
+};
+var MAX_OPTIMIZE_ITERATIONS = 100;
+var ScrollBlot = /** @class */ (function (_super) {
+    __extends(ScrollBlot, _super);
+    function ScrollBlot(node) {
+        var _this = _super.call(this, node) || this;
+        _this.scroll = _this;
+        _this.observer = new MutationObserver(function (mutations) {
+            _this.update(mutations);
+        });
+        _this.observer.observe(_this.domNode, OBSERVER_CONFIG);
+        _this.attach();
+        return _this;
+    }
+    ScrollBlot.prototype.detach = function () {
+        _super.prototype.detach.call(this);
+        this.observer.disconnect();
+    };
+    ScrollBlot.prototype.deleteAt = function (index, length) {
+        this.update();
+        if (index === 0 && length === this.length()) {
+            this.children.forEach(function (child) {
+                child.remove();
+            });
+        }
+        else {
+            _super.prototype.deleteAt.call(this, index, length);
+        }
+    };
+    ScrollBlot.prototype.formatAt = function (index, length, name, value) {
+        this.update();
+        _super.prototype.formatAt.call(this, index, length, name, value);
+    };
+    ScrollBlot.prototype.insertAt = function (index, value, def) {
+        this.update();
+        _super.prototype.insertAt.call(this, index, value, def);
+    };
+    ScrollBlot.prototype.optimize = function (mutations, context) {
+        var _this = this;
+        if (mutations === void 0) { mutations = []; }
+        if (context === void 0) { context = {}; }
+        _super.prototype.optimize.call(this, context);
+        // We must modify mutations directly, cannot make copy and then modify
+        var records = [].slice.call(this.observer.takeRecords());
+        // Array.push currently seems to be implemented by a non-tail recursive function
+        // so we cannot just mutations.push.apply(mutations, this.observer.takeRecords());
+        while (records.length > 0)
+            mutations.push(records.pop());
+        // TODO use WeakMap
+        var mark = function (blot, markParent) {
+            if (markParent === void 0) { markParent = true; }
+            if (blot == null || blot === _this)
+                return;
+            if (blot.domNode.parentNode == null)
+                return;
+            // @ts-ignore
+            if (blot.domNode[Registry.DATA_KEY].mutations == null) {
+                // @ts-ignore
+                blot.domNode[Registry.DATA_KEY].mutations = [];
+            }
+            if (markParent)
+                mark(blot.parent);
+        };
+        var optimize = function (blot) {
+            // Post-order traversal
+            if (
+            // @ts-ignore
+            blot.domNode[Registry.DATA_KEY] == null ||
+                // @ts-ignore
+                blot.domNode[Registry.DATA_KEY].mutations == null) {
+                return;
+            }
+            if (blot instanceof container_1.default) {
+                blot.children.forEach(optimize);
+            }
+            blot.optimize(context);
+        };
+        var remaining = mutations;
+        for (var i = 0; remaining.length > 0; i += 1) {
+            if (i >= MAX_OPTIMIZE_ITERATIONS) {
+                throw new Error('[Parchment] Maximum optimize iterations reached');
+            }
+            remaining.forEach(function (mutation) {
+                var blot = Registry.find(mutation.target, true);
+                if (blot == null)
+                    return;
+                if (blot.domNode === mutation.target) {
+                    if (mutation.type === 'childList') {
+                        mark(Registry.find(mutation.previousSibling, false));
+                        [].forEach.call(mutation.addedNodes, function (node) {
+                            var child = Registry.find(node, false);
+                            mark(child, false);
+                            if (child instanceof container_1.default) {
+                                child.children.forEach(function (grandChild) {
+                                    mark(grandChild, false);
+                                });
+                            }
+                        });
+                    }
+                    else if (mutation.type === 'attributes') {
+                        mark(blot.prev);
+                    }
+                }
+                mark(blot);
+            });
+            this.children.forEach(optimize);
+            remaining = [].slice.call(this.observer.takeRecords());
+            records = remaining.slice();
+            while (records.length > 0)
+                mutations.push(records.pop());
+        }
+    };
+    ScrollBlot.prototype.update = function (mutations, context) {
+        var _this = this;
+        if (context === void 0) { context = {}; }
+        mutations = mutations || this.observer.takeRecords();
+        // TODO use WeakMap
+        mutations
+            .map(function (mutation) {
+            var blot = Registry.find(mutation.target, true);
+            if (blot == null)
+                return null;
+            // @ts-ignore
+            if (blot.domNode[Registry.DATA_KEY].mutations == null) {
+                // @ts-ignore
+                blot.domNode[Registry.DATA_KEY].mutations = [mutation];
+                return blot;
+            }
+            else {
+                // @ts-ignore
+                blot.domNode[Registry.DATA_KEY].mutations.push(mutation);
+                return null;
+            }
+        })
+            .forEach(function (blot) {
+            if (blot == null ||
+                blot === _this ||
+                //@ts-ignore
+                blot.domNode[Registry.DATA_KEY] == null)
+                return;
+            // @ts-ignore
+            blot.update(blot.domNode[Registry.DATA_KEY].mutations || [], context);
+        });
+        // @ts-ignore
+        if (this.domNode[Registry.DATA_KEY].mutations != null) {
+            // @ts-ignore
+            _super.prototype.update.call(this, this.domNode[Registry.DATA_KEY].mutations, context);
+        }
+        this.optimize(mutations, context);
+    };
+    ScrollBlot.blotName = 'scroll';
+    ScrollBlot.defaultChild = 'block';
+    ScrollBlot.scope = Registry.Scope.BLOCK_BLOT;
+    ScrollBlot.tagName = 'DIV';
+    return ScrollBlot;
+}(container_1.default));
+exports.default = ScrollBlot;
+
+
+/***/ }),
+/* 46 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var format_1 = __webpack_require__(18);
+var Registry = __webpack_require__(1);
+// Shallow object comparison
+function isEqual(obj1, obj2) {
+    if (Object.keys(obj1).length !== Object.keys(obj2).length)
+        return false;
+    // @ts-ignore
+    for (var prop in obj1) {
+        // @ts-ignore
+        if (obj1[prop] !== obj2[prop])
+            return false;
+    }
+    return true;
+}
+var InlineBlot = /** @class */ (function (_super) {
+    __extends(InlineBlot, _super);
+    function InlineBlot() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    InlineBlot.formats = function (domNode) {
+        if (domNode.tagName === InlineBlot.tagName)
+            return undefined;
+        return _super.formats.call(this, domNode);
+    };
+    InlineBlot.prototype.format = function (name, value) {
+        var _this = this;
+        if (name === this.statics.blotName && !value) {
+            this.children.forEach(function (child) {
+                if (!(child instanceof format_1.default)) {
+                    child = child.wrap(InlineBlot.blotName, true);
+                }
+                _this.attributes.copy(child);
+            });
+            this.unwrap();
+        }
+        else {
+            _super.prototype.format.call(this, name, value);
+        }
+    };
+    InlineBlot.prototype.formatAt = function (index, length, name, value) {
+        if (this.formats()[name] != null || Registry.query(name, Registry.Scope.ATTRIBUTE)) {
+            var blot = this.isolate(index, length);
+            blot.format(name, value);
+        }
+        else {
+            _super.prototype.formatAt.call(this, index, length, name, value);
+        }
+    };
+    InlineBlot.prototype.optimize = function (context) {
+        _super.prototype.optimize.call(this, context);
+        var formats = this.formats();
+        if (Object.keys(formats).length === 0) {
+            return this.unwrap(); // unformatted span
+        }
+        var next = this.next;
+        if (next instanceof InlineBlot && next.prev === this && isEqual(formats, next.formats())) {
+            next.moveChildren(this);
+            next.remove();
+        }
+    };
+    InlineBlot.blotName = 'inline';
+    InlineBlot.scope = Registry.Scope.INLINE_BLOT;
+    InlineBlot.tagName = 'SPAN';
+    return InlineBlot;
+}(format_1.default));
+exports.default = InlineBlot;
+
+
+/***/ }),
+/* 47 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var format_1 = __webpack_require__(18);
+var Registry = __webpack_require__(1);
+var BlockBlot = /** @class */ (function (_super) {
+    __extends(BlockBlot, _super);
+    function BlockBlot() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    BlockBlot.formats = function (domNode) {
+        var tagName = Registry.query(BlockBlot.blotName).tagName;
+        if (domNode.tagName === tagName)
+            return undefined;
+        return _super.formats.call(this, domNode);
+    };
+    BlockBlot.prototype.format = function (name, value) {
+        if (Registry.query(name, Registry.Scope.BLOCK) == null) {
+            return;
+        }
+        else if (name === this.statics.blotName && !value) {
+            this.replaceWith(BlockBlot.blotName);
+        }
+        else {
+            _super.prototype.format.call(this, name, value);
+        }
+    };
+    BlockBlot.prototype.formatAt = function (index, length, name, value) {
+        if (Registry.query(name, Registry.Scope.BLOCK) != null) {
+            this.format(name, value);
+        }
+        else {
+            _super.prototype.formatAt.call(this, index, length, name, value);
+        }
+    };
+    BlockBlot.prototype.insertAt = function (index, value, def) {
+        if (def == null || Registry.query(value, Registry.Scope.INLINE) != null) {
+            // Insert text or inline
+            _super.prototype.insertAt.call(this, index, value, def);
+        }
+        else {
+            var after = this.split(index);
+            var blot = Registry.create(value, def);
+            after.parent.insertBefore(blot, after);
+        }
+    };
+    BlockBlot.prototype.update = function (mutations, context) {
+        if (navigator.userAgent.match(/Trident/)) {
+            this.build();
+        }
+        else {
+            _super.prototype.update.call(this, mutations, context);
+        }
+    };
+    BlockBlot.blotName = 'block';
+    BlockBlot.scope = Registry.Scope.BLOCK_BLOT;
+    BlockBlot.tagName = 'P';
+    return BlockBlot;
+}(format_1.default));
+exports.default = BlockBlot;
+
+
+/***/ }),
+/* 48 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var leaf_1 = __webpack_require__(19);
+var EmbedBlot = /** @class */ (function (_super) {
+    __extends(EmbedBlot, _super);
+    function EmbedBlot() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    EmbedBlot.formats = function (domNode) {
+        return undefined;
+    };
+    EmbedBlot.prototype.format = function (name, value) {
+        // super.formatAt wraps, which is what we want in general,
+        // but this allows subclasses to overwrite for formats
+        // that just apply to particular embeds
+        _super.prototype.formatAt.call(this, 0, this.length(), name, value);
+    };
+    EmbedBlot.prototype.formatAt = function (index, length, name, value) {
+        if (index === 0 && length === this.length()) {
+            this.format(name, value);
+        }
+        else {
+            _super.prototype.formatAt.call(this, index, length, name, value);
+        }
+    };
+    EmbedBlot.prototype.formats = function () {
+        return this.statics.formats(this.domNode);
+    };
+    return EmbedBlot;
+}(leaf_1.default));
+exports.default = EmbedBlot;
+
+
+/***/ }),
+/* 49 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var leaf_1 = __webpack_require__(19);
+var Registry = __webpack_require__(1);
+var TextBlot = /** @class */ (function (_super) {
+    __extends(TextBlot, _super);
+    function TextBlot(node) {
+        var _this = _super.call(this, node) || this;
+        _this.text = _this.statics.value(_this.domNode);
+        return _this;
+    }
+    TextBlot.create = function (value) {
+        return document.createTextNode(value);
+    };
+    TextBlot.value = function (domNode) {
+        var text = domNode.data;
+        // @ts-ignore
+        if (text['normalize'])
+            text = text['normalize']();
+        return text;
+    };
+    TextBlot.prototype.deleteAt = function (index, length) {
+        this.domNode.data = this.text = this.text.slice(0, index) + this.text.slice(index + length);
+    };
+    TextBlot.prototype.index = function (node, offset) {
+        if (this.domNode === node) {
+            return offset;
+        }
+        return -1;
+    };
+    TextBlot.prototype.insertAt = function (index, value, def) {
+        if (def == null) {
+            this.text = this.text.slice(0, index) + value + this.text.slice(index);
+            this.domNode.data = this.text;
+        }
+        else {
+            _super.prototype.insertAt.call(this, index, value, def);
+        }
+    };
+    TextBlot.prototype.length = function () {
+        return this.text.length;
+    };
+    TextBlot.prototype.optimize = function (context) {
+        _super.prototype.optimize.call(this, context);
+        this.text = this.statics.value(this.domNode);
+        if (this.text.length === 0) {
+            this.remove();
+        }
+        else if (this.next instanceof TextBlot && this.next.prev === this) {
+            this.insertAt(this.length(), this.next.value());
+            this.next.remove();
+        }
+    };
+    TextBlot.prototype.position = function (index, inclusive) {
+        if (inclusive === void 0) { inclusive = false; }
+        return [this.domNode, index];
+    };
+    TextBlot.prototype.split = function (index, force) {
+        if (force === void 0) { force = false; }
+        if (!force) {
+            if (index === 0)
+                return this;
+            if (index === this.length())
+                return this.next;
+        }
+        var after = Registry.create(this.domNode.splitText(index));
+        this.parent.insertBefore(after, this.next);
+        this.text = this.statics.value(this.domNode);
+        return after;
+    };
+    TextBlot.prototype.update = function (mutations, context) {
+        var _this = this;
+        if (mutations.some(function (mutation) {
+            return mutation.type === 'characterData' && mutation.target === _this.domNode;
+        })) {
+            this.text = this.statics.value(this.domNode);
+        }
+    };
+    TextBlot.prototype.value = function () {
+        return this.text;
+    };
+    TextBlot.blotName = 'text';
+    TextBlot.scope = Registry.Scope.INLINE_BLOT;
+    return TextBlot;
+}(leaf_1.default));
+exports.default = TextBlot;
+
+
+/***/ }),
+/* 50 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var elem = document.createElement('div');
+elem.classList.toggle('test-class', false);
+if (elem.classList.contains('test-class')) {
+  var _toggle = DOMTokenList.prototype.toggle;
+  DOMTokenList.prototype.toggle = function (token, force) {
+    if (arguments.length > 1 && !this.contains(token) === !force) {
+      return force;
+    } else {
+      return _toggle.call(this, token);
+    }
+  };
+}
+
+if (!String.prototype.startsWith) {
+  String.prototype.startsWith = function (searchString, position) {
+    position = position || 0;
+    return this.substr(position, searchString.length) === searchString;
+  };
+}
+
+if (!String.prototype.endsWith) {
+  String.prototype.endsWith = function (searchString, position) {
+    var subjectString = this.toString();
+    if (typeof position !== 'number' || !isFinite(position) || Math.floor(position) !== position || position > subjectString.length) {
+      position = subjectString.length;
+    }
+    position -= searchString.length;
+    var lastIndex = subjectString.indexOf(searchString, position);
+    return lastIndex !== -1 && lastIndex === position;
+  };
+}
+
+if (!Array.prototype.find) {
+  Object.defineProperty(Array.prototype, "find", {
+    value: function value(predicate) {
+      if (this === null) {
+        throw new TypeError('Array.prototype.find called on null or undefined');
+      }
+      if (typeof predicate !== 'function') {
+        throw new TypeError('predicate must be a function');
+      }
+      var list = Object(this);
+      var length = list.length >>> 0;
+      var thisArg = arguments[1];
+      var value;
+
+      for (var i = 0; i < length; i++) {
+        value = list[i];
+        if (predicate.call(thisArg, value, i, list)) {
+          return value;
+        }
+      }
+      return undefined;
+    }
+  });
+}
+
+document.addEventListener("DOMContentLoaded", function () {
+  // Disable resizing in Firefox
+  document.execCommand("enableObjectResizing", false, false);
+  // Disable automatic linkifying in IE11
+  document.execCommand("autoUrlDetect", false, false);
+});
+
+/***/ }),
+/* 51 */
+/***/ (function(module, exports) {
+
+/**
+ * This library modifies the diff-patch-match library by Neil Fraser
+ * by removing the patch and match functionality and certain advanced
+ * options in the diff function. The original license is as follows:
+ *
+ * ===
+ *
+ * Diff Match and Patch
+ *
+ * Copyright 2006 Google Inc.
+ * http://code.google.com/p/google-diff-match-patch/
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+/**
+ * The data structure representing a diff is an array of tuples:
+ * [[DIFF_DELETE, 'Hello'], [DIFF_INSERT, 'Goodbye'], [DIFF_EQUAL, ' world.']]
+ * which means: delete 'Hello', add 'Goodbye' and keep ' world.'
+ */
+var DIFF_DELETE = -1;
+var DIFF_INSERT = 1;
+var DIFF_EQUAL = 0;
+
+
+/**
+ * Find the differences between two texts.  Simplifies the problem by stripping
+ * any common prefix or suffix off the texts before diffing.
+ * @param {string} text1 Old string to be diffed.
+ * @param {string} text2 New string to be diffed.
+ * @param {Int} cursor_pos Expected edit position in text1 (optional)
+ * @return {Array} Array of diff tuples.
+ */
+function diff_main(text1, text2, cursor_pos) {
+  // Check for equality (speedup).
+  if (text1 == text2) {
+    if (text1) {
+      return [[DIFF_EQUAL, text1]];
+    }
+    return [];
+  }
+
+  // Check cursor_pos within bounds
+  if (cursor_pos < 0 || text1.length < cursor_pos) {
+    cursor_pos = null;
+  }
+
+  // Trim off common prefix (speedup).
+  var commonlength = diff_commonPrefix(text1, text2);
+  var commonprefix = text1.substring(0, commonlength);
+  text1 = text1.substring(commonlength);
+  text2 = text2.substring(commonlength);
+
+  // Trim off common suffix (speedup).
+  commonlength = diff_commonSuffix(text1, text2);
+  var commonsuffix = text1.substring(text1.length - commonlength);
+  text1 = text1.substring(0, text1.length - commonlength);
+  text2 = text2.substring(0, text2.length - commonlength);
+
+  // Compute the diff on the middle block.
+  var diffs = diff_compute_(text1, text2);
+
+  // Restore the prefix and suffix.
+  if (commonprefix) {
+    diffs.unshift([DIFF_EQUAL, commonprefix]);
+  }
+  if (commonsuffix) {
+    diffs.push([DIFF_EQUAL, commonsuffix]);
+  }
+  diff_cleanupMerge(diffs);
+  if (cursor_pos != null) {
+    diffs = fix_cursor(diffs, cursor_pos);
+  }
+  diffs = fix_emoji(diffs);
+  return diffs;
+};
+
+
+/**
+ * Find the differences between two texts.  Assumes that the texts do not
+ * have any common prefix or suffix.
+ * @param {string} text1 Old string to be diffed.
+ * @param {string} text2 New string to be diffed.
+ * @return {Array} Array of diff tuples.
+ */
+function diff_compute_(text1, text2) {
+  var diffs;
+
+  if (!text1) {
+    // Just add some text (speedup).
+    return [[DIFF_INSERT, text2]];
+  }
+
+  if (!text2) {
+    // Just delete some text (speedup).
+    return [[DIFF_DELETE, text1]];
+  }
+
+  var longtext = text1.length > text2.length ? text1 : text2;
+  var shorttext = text1.length > text2.length ? text2 : text1;
+  var i = longtext.indexOf(shorttext);
+  if (i != -1) {
+    // Shorter text is inside the longer text (speedup).
+    diffs = [[DIFF_INSERT, longtext.substring(0, i)],
+             [DIFF_EQUAL, shorttext],
+             [DIFF_INSERT, longtext.substring(i + shorttext.length)]];
+    // Swap insertions for deletions if diff is reversed.
+    if (text1.length > text2.length) {
+      diffs[0][0] = diffs[2][0] = DIFF_DELETE;
+    }
+    return diffs;
+  }
+
+  if (shorttext.length == 1) {
+    // Single character string.
+    // After the previous speedup, the character can't be an equality.
+    return [[DIFF_DELETE, text1], [DIFF_INSERT, text2]];
+  }
+
+  // Check to see if the problem can be split in two.
+  var hm = diff_halfMatch_(text1, text2);
+  if (hm) {
+    // A half-match was found, sort out the return data.
+    var text1_a = hm[0];
+    var text1_b = hm[1];
+    var text2_a = hm[2];
+    var text2_b = hm[3];
+    var mid_common = hm[4];
+    // Send both pairs off for separate processing.
+    var diffs_a = diff_main(text1_a, text2_a);
+    var diffs_b = diff_main(text1_b, text2_b);
+    // Merge the results.
+    return diffs_a.concat([[DIFF_EQUAL, mid_common]], diffs_b);
+  }
+
+  return diff_bisect_(text1, text2);
+};
+
+
+/**
+ * Find the 'middle snake' of a diff, split the problem in two
+ * and return the recursively constructed diff.
+ * See Myers 1986 paper: An O(ND) Difference Algorithm and Its Variations.
+ * @param {string} text1 Old string to be diffed.
+ * @param {string} text2 New string to be diffed.
+ * @return {Array} Array of diff tuples.
+ * @private
+ */
+function diff_bisect_(text1, text2) {
+  // Cache the text lengths to prevent multiple calls.
+  var text1_length = text1.length;
+  var text2_length = text2.length;
+  var max_d = Math.ceil((text1_length + text2_length) / 2);
+  var v_offset = max_d;
+  var v_length = 2 * max_d;
+  var v1 = new Array(v_length);
+  var v2 = new Array(v_length);
+  // Setting all elements to -1 is faster in Chrome & Firefox than mixing
+  // integers and undefined.
+  for (var x = 0; x < v_length; x++) {
+    v1[x] = -1;
+    v2[x] = -1;
+  }
+  v1[v_offset + 1] = 0;
+  v2[v_offset + 1] = 0;
+  var delta = text1_length - text2_length;
+  // If the total number of characters is odd, then the front path will collide
+  // with the reverse path.
+  var front = (delta % 2 != 0);
+  // Offsets for start and end of k loop.
+  // Prevents mapping of space beyond the grid.
+  var k1start = 0;
+  var k1end = 0;
+  var k2start = 0;
+  var k2end = 0;
+  for (var d = 0; d < max_d; d++) {
+    // Walk the front path one step.
+    for (var k1 = -d + k1start; k1 <= d - k1end; k1 += 2) {
+      var k1_offset = v_offset + k1;
+      var x1;
+      if (k1 == -d || (k1 != d && v1[k1_offset - 1] < v1[k1_offset + 1])) {
+        x1 = v1[k1_offset + 1];
+      } else {
+        x1 = v1[k1_offset - 1] + 1;
+      }
+      var y1 = x1 - k1;
+      while (x1 < text1_length && y1 < text2_length &&
+             text1.charAt(x1) == text2.charAt(y1)) {
+        x1++;
+        y1++;
+      }
+      v1[k1_offset] = x1;
+      if (x1 > text1_length) {
+        // Ran off the right of the graph.
+        k1end += 2;
+      } else if (y1 > text2_length) {
+        // Ran off the bottom of the graph.
+        k1start += 2;
+      } else if (front) {
+        var k2_offset = v_offset + delta - k1;
+        if (k2_offset >= 0 && k2_offset < v_length && v2[k2_offset] != -1) {
+          // Mirror x2 onto top-left coordinate system.
+          var x2 = text1_length - v2[k2_offset];
+          if (x1 >= x2) {
+            // Overlap detected.
+            return diff_bisectSplit_(text1, text2, x1, y1);
+          }
+        }
+      }
+    }
+
+    // Walk the reverse path one step.
+    for (var k2 = -d + k2start; k2 <= d - k2end; k2 += 2) {
+      var k2_offset = v_offset + k2;
+      var x2;
+      if (k2 == -d || (k2 != d && v2[k2_offset - 1] < v2[k2_offset + 1])) {
+        x2 = v2[k2_offset + 1];
+      } else {
+        x2 = v2[k2_offset - 1] + 1;
+      }
+      var y2 = x2 - k2;
+      while (x2 < text1_length && y2 < text2_length &&
+             text1.charAt(text1_length - x2 - 1) ==
+             text2.charAt(text2_length - y2 - 1)) {
+        x2++;
+        y2++;
+      }
+      v2[k2_offset] = x2;
+      if (x2 > text1_length) {
+        // Ran off the left of the graph.
+        k2end += 2;
+      } else if (y2 > text2_length) {
+        // Ran off the top of the graph.
+        k2start += 2;
+      } else if (!front) {
+        var k1_offset = v_offset + delta - k2;
+        if (k1_offset >= 0 && k1_offset < v_length && v1[k1_offset] != -1) {
+          var x1 = v1[k1_offset];
+          var y1 = v_offset + x1 - k1_offset;
+          // Mirror x2 onto top-left coordinate system.
+          x2 = text1_length - x2;
+          if (x1 >= x2) {
+            // Overlap detected.
+            return diff_bisectSplit_(text1, text2, x1, y1);
+          }
+        }
+      }
+    }
+  }
+  // Diff took too long and hit the deadline or
+  // number of diffs equals number of characters, no commonality at all.
+  return [[DIFF_DELETE, text1], [DIFF_INSERT, text2]];
+};
+
+
+/**
+ * Given the location of the 'middle snake', split the diff in two parts
+ * and recurse.
+ * @param {string} text1 Old string to be diffed.
+ * @param {string} text2 New string to be diffed.
+ * @param {number} x Index of split point in text1.
+ * @param {number} y Index of split point in text2.
+ * @return {Array} Array of diff tuples.
+ */
+function diff_bisectSplit_(text1, text2, x, y) {
+  var text1a = text1.substring(0, x);
+  var text2a = text2.substring(0, y);
+  var text1b = text1.substring(x);
+  var text2b = text2.substring(y);
+
+  // Compute both diffs serially.
+  var diffs = diff_main(text1a, text2a);
+  var diffsb = diff_main(text1b, text2b);
+
+  return diffs.concat(diffsb);
+};
+
+
+/**
+ * Determine the common prefix of two strings.
+ * @param {string} text1 First string.
+ * @param {string} text2 Second string.
+ * @return {number} The number of characters common to the start of each
+ *     string.
+ */
+function diff_commonPrefix(text1, text2) {
+  // Quick check for common null cases.
+  if (!text1 || !text2 || text1.charAt(0) != text2.charAt(0)) {
+    return 0;
+  }
+  // Binary search.
+  // Performance analysis: http://neil.fraser.name/news/2007/10/09/
+  var pointermin = 0;
+  var pointermax = Math.min(text1.length, text2.length);
+  var pointermid = pointermax;
+  var pointerstart = 0;
+  while (pointermin < pointermid) {
+    if (text1.substring(pointerstart, pointermid) ==
+        text2.substring(pointerstart, pointermid)) {
+      pointermin = pointermid;
+      pointerstart = pointermin;
+    } else {
+      pointermax = pointermid;
+    }
+    pointermid = Math.floor((pointermax - pointermin) / 2 + pointermin);
+  }
+  return pointermid;
+};
+
+
+/**
+ * Determine the common suffix of two strings.
+ * @param {string} text1 First string.
+ * @param {string} text2 Second string.
+ * @return {number} The number of characters common to the end of each string.
+ */
+function diff_commonSuffix(text1, text2) {
+  // Quick check for common null cases.
+  if (!text1 || !text2 ||
+      text1.charAt(text1.length - 1) != text2.charAt(text2.length - 1)) {
+    return 0;
+  }
+  // Binary search.
+  // Performance analysis: http://neil.fraser.name/news/2007/10/09/
+  var pointermin = 0;
+  var pointermax = Math.min(text1.length, text2.length);
+  var pointermid = pointermax;
+  var pointerend = 0;
+  while (pointermin < pointermid) {
+    if (text1.substring(text1.length - pointermid, text1.length - pointerend) ==
+        text2.substring(text2.length - pointermid, text2.length - pointerend)) {
+      pointermin = pointermid;
+      pointerend = pointermin;
+    } else {
+      pointermax = pointermid;
+    }
+    pointermid = Math.floor((pointermax - pointermin) / 2 + pointermin);
+  }
+  return pointermid;
+};
+
+
+/**
+ * Do the two texts share a substring which is at least half the length of the
+ * longer text?
+ * This speedup can produce non-minimal diffs.
+ * @param {string} text1 First string.
+ * @param {string} text2 Second string.
+ * @return {Array.<string>} Five element Array, containing the prefix of
+ *     text1, the suffix of text1, the prefix of text2, the suffix of
+ *     text2 and the common middle.  Or null if there was no match.
+ */
+function diff_halfMatch_(text1, text2) {
+  var longtext = text1.length > text2.length ? text1 : text2;
+  var shorttext = text1.length > text2.length ? text2 : text1;
+  if (longtext.length < 4 || shorttext.length * 2 < longtext.length) {
+    return null;  // Pointless.
+  }
+
+  /**
+   * Does a substring of shorttext exist within longtext such that the substring
+   * is at least half the length of longtext?
+   * Closure, but does not reference any external variables.
+   * @param {string} longtext Longer string.
+   * @param {string} shorttext Shorter string.
+   * @param {number} i Start index of quarter length substring within longtext.
+   * @return {Array.<string>} Five element Array, containing the prefix of
+   *     longtext, the suffix of longtext, the prefix of shorttext, the suffix
+   *     of shorttext and the common middle.  Or null if there was no match.
+   * @private
+   */
+  function diff_halfMatchI_(longtext, shorttext, i) {
+    // Start with a 1/4 length substring at position i as a seed.
+    var seed = longtext.substring(i, i + Math.floor(longtext.length / 4));
+    var j = -1;
+    var best_common = '';
+    var best_longtext_a, best_longtext_b, best_shorttext_a, best_shorttext_b;
+    while ((j = shorttext.indexOf(seed, j + 1)) != -1) {
+      var prefixLength = diff_commonPrefix(longtext.substring(i),
+                                           shorttext.substring(j));
+      var suffixLength = diff_commonSuffix(longtext.substring(0, i),
+                                           shorttext.substring(0, j));
+      if (best_common.length < suffixLength + prefixLength) {
+        best_common = shorttext.substring(j - suffixLength, j) +
+            shorttext.substring(j, j + prefixLength);
+        best_longtext_a = longtext.substring(0, i - suffixLength);
+        best_longtext_b = longtext.substring(i + prefixLength);
+        best_shorttext_a = shorttext.substring(0, j - suffixLength);
+        best_shorttext_b = shorttext.substring(j + prefixLength);
+      }
+    }
+    if (best_common.length * 2 >= longtext.length) {
+      return [best_longtext_a, best_longtext_b,
+              best_shorttext_a, best_shorttext_b, best_common];
+    } else {
+      return null;
+    }
+  }
+
+  // First check if the second quarter is the seed for a half-match.
+  var hm1 = diff_halfMatchI_(longtext, shorttext,
+                             Math.ceil(longtext.length / 4));
+  // Check again based on the third quarter.
+  var hm2 = diff_halfMatchI_(longtext, shorttext,
+                             Math.ceil(longtext.length / 2));
+  var hm;
+  if (!hm1 && !hm2) {
+    return null;
+  } else if (!hm2) {
+    hm = hm1;
+  } else if (!hm1) {
+    hm = hm2;
+  } else {
+    // Both matched.  Select the longest.
+    hm = hm1[4].length > hm2[4].length ? hm1 : hm2;
+  }
+
+  // A half-match was found, sort out the return data.
+  var text1_a, text1_b, text2_a, text2_b;
+  if (text1.length > text2.length) {
+    text1_a = hm[0];
+    text1_b = hm[1];
+    text2_a = hm[2];
+    text2_b = hm[3];
+  } else {
+    text2_a = hm[0];
+    text2_b = hm[1];
+    text1_a = hm[2];
+    text1_b = hm[3];
+  }
+  var mid_common = hm[4];
+  return [text1_a, text1_b, text2_a, text2_b, mid_common];
+};
+
+
+/**
+ * Reorder and merge like edit sections.  Merge equalities.
+ * Any edit section can move as long as it doesn't cross an equality.
+ * @param {Array} diffs Array of diff tuples.
+ */
+function diff_cleanupMerge(diffs) {
+  diffs.push([DIFF_EQUAL, '']);  // Add a dummy entry at the end.
+  var pointer = 0;
+  var count_delete = 0;
+  var count_insert = 0;
+  var text_delete = '';
+  var text_insert = '';
+  var commonlength;
+  while (pointer < diffs.length) {
+    switch (diffs[pointer][0]) {
+      case DIFF_INSERT:
+        count_insert++;
+        text_insert += diffs[pointer][1];
+        pointer++;
+        break;
+      case DIFF_DELETE:
+        count_delete++;
+        text_delete += diffs[pointer][1];
+        pointer++;
+        break;
+      case DIFF_EQUAL:
+        // Upon reaching an equality, check for prior redundancies.
+        if (count_delete + count_insert > 1) {
+          if (count_delete !== 0 && count_insert !== 0) {
+            // Factor out any common prefixies.
+            commonlength = diff_commonPrefix(text_insert, text_delete);
+            if (commonlength !== 0) {
+              if ((pointer - count_delete - count_insert) > 0 &&
+                  diffs[pointer - count_delete - count_insert - 1][0] ==
+                  DIFF_EQUAL) {
+                diffs[pointer - count_delete - count_insert - 1][1] +=
+                    text_insert.substring(0, commonlength);
+              } else {
+                diffs.splice(0, 0, [DIFF_EQUAL,
+                                    text_insert.substring(0, commonlength)]);
+                pointer++;
+              }
+              text_insert = text_insert.substring(commonlength);
+              text_delete = text_delete.substring(commonlength);
+            }
+            // Factor out any common suffixies.
+            commonlength = diff_commonSuffix(text_insert, text_delete);
+            if (commonlength !== 0) {
+              diffs[pointer][1] = text_insert.substring(text_insert.length -
+                  commonlength) + diffs[pointer][1];
+              text_insert = text_insert.substring(0, text_insert.length -
+                  commonlength);
+              text_delete = text_delete.substring(0, text_delete.length -
+                  commonlength);
+            }
+          }
+          // Delete the offending records and add the merged ones.
+          if (count_delete === 0) {
+            diffs.splice(pointer - count_insert,
+                count_delete + count_insert, [DIFF_INSERT, text_insert]);
+          } else if (count_insert === 0) {
+            diffs.splice(pointer - count_delete,
+                count_delete + count_insert, [DIFF_DELETE, text_delete]);
+          } else {
+            diffs.splice(pointer - count_delete - count_insert,
+                count_delete + count_insert, [DIFF_DELETE, text_delete],
+                [DIFF_INSERT, text_insert]);
+          }
+          pointer = pointer - count_delete - count_insert +
+                    (count_delete ? 1 : 0) + (count_insert ? 1 : 0) + 1;
+        } else if (pointer !== 0 && diffs[pointer - 1][0] == DIFF_EQUAL) {
+          // Merge this equality with the previous one.
+          diffs[pointer - 1][1] += diffs[pointer][1];
+          diffs.splice(pointer, 1);
+        } else {
+          pointer++;
+        }
+        count_insert = 0;
+        count_delete = 0;
+        text_delete = '';
+        text_insert = '';
+        break;
+    }
+  }
+  if (diffs[diffs.length - 1][1] === '') {
+    diffs.pop();  // Remove the dummy entry at the end.
+  }
+
+  // Second pass: look for single edits surrounded on both sides by equalities
+  // which can be shifted sideways to eliminate an equality.
+  // e.g: A<ins>BA</ins>C -> <ins>AB</ins>AC
+  var changes = false;
+  pointer = 1;
+  // Intentionally ignore the first and last element (don't need checking).
+  while (pointer < diffs.length - 1) {
+    if (diffs[pointer - 1][0] == DIFF_EQUAL &&
+        diffs[pointer + 1][0] == DIFF_EQUAL) {
+      // This is a single edit surrounded by equalities.
+      if (diffs[pointer][1].substring(diffs[pointer][1].length -
+          diffs[pointer - 1][1].length) == diffs[pointer - 1][1]) {
+        // Shift the edit over the previous equality.
+        diffs[pointer][1] = diffs[pointer - 1][1] +
+            diffs[pointer][1].substring(0, diffs[pointer][1].length -
+                                        diffs[pointer - 1][1].length);
+        diffs[pointer + 1][1] = diffs[pointer - 1][1] + diffs[pointer + 1][1];
+        diffs.splice(pointer - 1, 1);
+        changes = true;
+      } else if (diffs[pointer][1].substring(0, diffs[pointer + 1][1].length) ==
+          diffs[pointer + 1][1]) {
+        // Shift the edit over the next equality.
+        diffs[pointer - 1][1] += diffs[pointer + 1][1];
+        diffs[pointer][1] =
+            diffs[pointer][1].substring(diffs[pointer + 1][1].length) +
+            diffs[pointer + 1][1];
+        diffs.splice(pointer + 1, 1);
+        changes = true;
+      }
+    }
+    pointer++;
+  }
+  // If shifts were made, the diff needs reordering and another shift sweep.
+  if (changes) {
+    diff_cleanupMerge(diffs);
+  }
+};
+
+
+var diff = diff_main;
+diff.INSERT = DIFF_INSERT;
+diff.DELETE = DIFF_DELETE;
+diff.EQUAL = DIFF_EQUAL;
+
+module.exports = diff;
+
+/*
+ * Modify a diff such that the cursor position points to the start of a change:
+ * E.g.
+ *   cursor_normalize_diff([[DIFF_EQUAL, 'abc']], 1)
+ *     => [1, [[DIFF_EQUAL, 'a'], [DIFF_EQUAL, 'bc']]]
+ *   cursor_normalize_diff([[DIFF_INSERT, 'new'], [DIFF_DELETE, 'xyz']], 2)
+ *     => [2, [[DIFF_INSERT, 'new'], [DIFF_DELETE, 'xy'], [DIFF_DELETE, 'z']]]
+ *
+ * @param {Array} diffs Array of diff tuples
+ * @param {Int} cursor_pos Suggested edit position. Must not be out of bounds!
+ * @return {Array} A tuple [cursor location in the modified diff, modified diff]
+ */
+function cursor_normalize_diff (diffs, cursor_pos) {
+  if (cursor_pos === 0) {
+    return [DIFF_EQUAL, diffs];
+  }
+  for (var current_pos = 0, i = 0; i < diffs.length; i++) {
+    var d = diffs[i];
+    if (d[0] === DIFF_DELETE || d[0] === DIFF_EQUAL) {
+      var next_pos = current_pos + d[1].length;
+      if (cursor_pos === next_pos) {
+        return [i + 1, diffs];
+      } else if (cursor_pos < next_pos) {
+        // copy to prevent side effects
+        diffs = diffs.slice();
+        // split d into two diff changes
+        var split_pos = cursor_pos - current_pos;
+        var d_left = [d[0], d[1].slice(0, split_pos)];
+        var d_right = [d[0], d[1].slice(split_pos)];
+        diffs.splice(i, 1, d_left, d_right);
+        return [i + 1, diffs];
+      } else {
+        current_pos = next_pos;
+      }
+    }
+  }
+  throw new Error('cursor_pos is out of bounds!')
+}
+
+/*
+ * Modify a diff such that the edit position is "shifted" to the proposed edit location (cursor_position).
+ *
+ * Case 1)
+ *   Check if a naive shift is possible:
+ *     [0, X], [ 1, Y] -> [ 1, Y], [0, X]    (if X + Y === Y + X)
+ *     [0, X], [-1, Y] -> [-1, Y], [0, X]    (if X + Y === Y + X) - holds same result
+ * Case 2)
+ *   Check if the following shifts are possible:
+ *     [0, 'pre'], [ 1, 'prefix'] -> [ 1, 'pre'], [0, 'pre'], [ 1, 'fix']
+ *     [0, 'pre'], [-1, 'prefix'] -> [-1, 'pre'], [0, 'pre'], [-1, 'fix']
+ *         ^            ^
+ *         d          d_next
+ *
+ * @param {Array} diffs Array of diff tuples
+ * @param {Int} cursor_pos Suggested edit position. Must not be out of bounds!
+ * @return {Array} Array of diff tuples
+ */
+function fix_cursor (diffs, cursor_pos) {
+  var norm = cursor_normalize_diff(diffs, cursor_pos);
+  var ndiffs = norm[1];
+  var cursor_pointer = norm[0];
+  var d = ndiffs[cursor_pointer];
+  var d_next = ndiffs[cursor_pointer + 1];
+
+  if (d == null) {
+    // Text was deleted from end of original string,
+    // cursor is now out of bounds in new string
+    return diffs;
+  } else if (d[0] !== DIFF_EQUAL) {
+    // A modification happened at the cursor location.
+    // This is the expected outcome, so we can return the original diff.
+    return diffs;
+  } else {
+    if (d_next != null && d[1] + d_next[1] === d_next[1] + d[1]) {
+      // Case 1)
+      // It is possible to perform a naive shift
+      ndiffs.splice(cursor_pointer, 2, d_next, d)
+      return merge_tuples(ndiffs, cursor_pointer, 2)
+    } else if (d_next != null && d_next[1].indexOf(d[1]) === 0) {
+      // Case 2)
+      // d[1] is a prefix of d_next[1]
+      // We can assume that d_next[0] !== 0, since d[0] === 0
+      // Shift edit locations..
+      ndiffs.splice(cursor_pointer, 2, [d_next[0], d[1]], [0, d[1]]);
+      var suffix = d_next[1].slice(d[1].length);
+      if (suffix.length > 0) {
+        ndiffs.splice(cursor_pointer + 2, 0, [d_next[0], suffix]);
+      }
+      return merge_tuples(ndiffs, cursor_pointer, 3)
+    } else {
+      // Not possible to perform any modification
+      return diffs;
+    }
+  }
+}
+
+/*
+ * Check diff did not split surrogate pairs.
+ * Ex. [0, '\uD83D'], [-1, '\uDC36'], [1, '\uDC2F'] -> [-1, '\uD83D\uDC36'], [1, '\uD83D\uDC2F']
+ *     '\uD83D\uDC36' === '🐶', '\uD83D\uDC2F' === '🐯'
+ *
+ * @param {Array} diffs Array of diff tuples
+ * @return {Array} Array of diff tuples
+ */
+function fix_emoji (diffs) {
+  var compact = false;
+  var starts_with_pair_end = function(str) {
+    return str.charCodeAt(0) >= 0xDC00 && str.charCodeAt(0) <= 0xDFFF;
+  }
+  var ends_with_pair_start = function(str) {
+    return str.charCodeAt(str.length-1) >= 0xD800 && str.charCodeAt(str.length-1) <= 0xDBFF;
+  }
+  for (var i = 2; i < diffs.length; i += 1) {
+    if (diffs[i-2][0] === DIFF_EQUAL && ends_with_pair_start(diffs[i-2][1]) &&
+        diffs[i-1][0] === DIFF_DELETE && starts_with_pair_end(diffs[i-1][1]) &&
+        diffs[i][0] === DIFF_INSERT && starts_with_pair_end(diffs[i][1])) {
+      compact = true;
+
+      diffs[i-1][1] = diffs[i-2][1].slice(-1) + diffs[i-1][1];
+      diffs[i][1] = diffs[i-2][1].slice(-1) + diffs[i][1];
+
+      diffs[i-2][1] = diffs[i-2][1].slice(0, -1);
+    }
+  }
+  if (!compact) {
+    return diffs;
+  }
+  var fixed_diffs = [];
+  for (var i = 0; i < diffs.length; i += 1) {
+    if (diffs[i][1].length > 0) {
+      fixed_diffs.push(diffs[i]);
+    }
+  }
+  return fixed_diffs;
+}
+
+/*
+ * Try to merge tuples with their neigbors in a given range.
+ * E.g. [0, 'a'], [0, 'b'] -> [0, 'ab']
+ *
+ * @param {Array} diffs Array of diff tuples.
+ * @param {Int} start Position of the first element to merge (diffs[start] is also merged with diffs[start - 1]).
+ * @param {Int} length Number of consecutive elements to check.
+ * @return {Array} Array of merged diff tuples.
+ */
+function merge_tuples (diffs, start, length) {
+  // Check from (start-1) to (start+length).
+  for (var i = start + length - 1; i >= 0 && i >= start - 1; i--) {
+    if (i + 1 < diffs.length) {
+      var left_d = diffs[i];
+      var right_d = diffs[i+1];
+      if (left_d[0] === right_d[1]) {
+        diffs.splice(i, 2, [left_d[0], left_d[1] + right_d[1]]);
+      }
+    }
+  }
+  return diffs;
+}
+
+
+/***/ }),
+/* 52 */
+/***/ (function(module, exports) {
+
+exports = module.exports = typeof Object.keys === 'function'
+  ? Object.keys : shim;
+
+exports.shim = shim;
+function shim (obj) {
+  var keys = [];
+  for (var key in obj) keys.push(key);
+  return keys;
+}
+
+
+/***/ }),
+/* 53 */
+/***/ (function(module, exports) {
+
+var supportsArgumentsClass = (function(){
+  return Object.prototype.toString.call(arguments)
+})() == '[object Arguments]';
+
+exports = module.exports = supportsArgumentsClass ? supported : unsupported;
+
+exports.supported = supported;
+function supported(object) {
+  return Object.prototype.toString.call(object) == '[object Arguments]';
+};
+
+exports.unsupported = unsupported;
+function unsupported(object){
+  return object &&
+    typeof object == 'object' &&
+    typeof object.length == 'number' &&
+    Object.prototype.hasOwnProperty.call(object, 'callee') &&
+    !Object.prototype.propertyIsEnumerable.call(object, 'callee') ||
+    false;
+};
+
+
+/***/ }),
+/* 54 */
+/***/ (function(module, exports) {
+
+'use strict';
+
+var has = Object.prototype.hasOwnProperty
+  , prefix = '~';
+
+/**
+ * Constructor to create a storage for our `EE` objects.
+ * An `Events` instance is a plain object whose properties are event names.
+ *
+ * @constructor
+ * @api private
+ */
+function Events() {}
+
+//
+// We try to not inherit from `Object.prototype`. In some engines creating an
+// instance in this way is faster than calling `Object.create(null)` directly.
+// If `Object.create(null)` is not supported we prefix the event names with a
+// character to make sure that the built-in object properties are not
+// overridden or used as an attack vector.
+//
+if (Object.create) {
+  Events.prototype = Object.create(null);
+
+  //
+  // This hack is needed because the `__proto__` property is still inherited in
+  // some old browsers like Android 4, iPhone 5.1, Opera 11 and Safari 5.
+  //
+  if (!new Events().__proto__) prefix = false;
+}
+
+/**
+ * Representation of a single event listener.
+ *
+ * @param {Function} fn The listener function.
+ * @param {Mixed} context The context to invoke the listener with.
+ * @param {Boolean} [once=false] Specify if the listener is a one-time listener.
+ * @constructor
+ * @api private
+ */
+function EE(fn, context, once) {
+  this.fn = fn;
+  this.context = context;
+  this.once = once || false;
+}
+
+/**
+ * Minimal `EventEmitter` interface that is molded against the Node.js
+ * `EventEmitter` interface.
+ *
+ * @constructor
+ * @api public
+ */
+function EventEmitter() {
+  this._events = new Events();
+  this._eventsCount = 0;
+}
+
+/**
+ * Return an array listing the events for which the emitter has registered
+ * listeners.
+ *
+ * @returns {Array}
+ * @api public
+ */
+EventEmitter.prototype.eventNames = function eventNames() {
+  var names = []
+    , events
+    , name;
+
+  if (this._eventsCount === 0) return names;
+
+  for (name in (events = this._events)) {
+    if (has.call(events, name)) names.push(prefix ? name.slice(1) : name);
+  }
+
+  if (Object.getOwnPropertySymbols) {
+    return names.concat(Object.getOwnPropertySymbols(events));
+  }
+
+  return names;
+};
+
+/**
+ * Return the listeners registered for a given event.
+ *
+ * @param {String|Symbol} event The event name.
+ * @param {Boolean} exists Only check if there are listeners.
+ * @returns {Array|Boolean}
+ * @api public
+ */
+EventEmitter.prototype.listeners = function listeners(event, exists) {
+  var evt = prefix ? prefix + event : event
+    , available = this._events[evt];
+
+  if (exists) return !!available;
+  if (!available) return [];
+  if (available.fn) return [available.fn];
+
+  for (var i = 0, l = available.length, ee = new Array(l); i < l; i++) {
+    ee[i] = available[i].fn;
+  }
+
+  return ee;
+};
+
+/**
+ * Calls each of the listeners registered for a given event.
+ *
+ * @param {String|Symbol} event The event name.
+ * @returns {Boolean} `true` if the event had listeners, else `false`.
+ * @api public
+ */
+EventEmitter.prototype.emit = function emit(event, a1, a2, a3, a4, a5) {
+  var evt = prefix ? prefix + event : event;
+
+  if (!this._events[evt]) return false;
+
+  var listeners = this._events[evt]
+    , len = arguments.length
+    , args
+    , i;
+
+  if (listeners.fn) {
+    if (listeners.once) this.removeListener(event, listeners.fn, undefined, true);
+
+    switch (len) {
+      case 1: return listeners.fn.call(listeners.context), true;
+      case 2: return listeners.fn.call(listeners.context, a1), true;
+      case 3: return listeners.fn.call(listeners.context, a1, a2), true;
+      case 4: return listeners.fn.call(listeners.context, a1, a2, a3), true;
+      case 5: return listeners.fn.call(listeners.context, a1, a2, a3, a4), true;
+      case 6: return listeners.fn.call(listeners.context, a1, a2, a3, a4, a5), true;
+    }
+
+    for (i = 1, args = new Array(len -1); i < len; i++) {
+      args[i - 1] = arguments[i];
+    }
+
+    listeners.fn.apply(listeners.context, args);
+  } else {
+    var length = listeners.length
+      , j;
+
+    for (i = 0; i < length; i++) {
+      if (listeners[i].once) this.removeListener(event, listeners[i].fn, undefined, true);
+
+      switch (len) {
+        case 1: listeners[i].fn.call(listeners[i].context); break;
+        case 2: listeners[i].fn.call(listeners[i].context, a1); break;
+        case 3: listeners[i].fn.call(listeners[i].context, a1, a2); break;
+        case 4: listeners[i].fn.call(listeners[i].context, a1, a2, a3); break;
+        default:
+          if (!args) for (j = 1, args = new Array(len -1); j < len; j++) {
+            args[j - 1] = arguments[j];
+          }
+
+          listeners[i].fn.apply(listeners[i].context, args);
+      }
+    }
+  }
+
+  return true;
+};
+
+/**
+ * Add a listener for a given event.
+ *
+ * @param {String|Symbol} event The event name.
+ * @param {Function} fn The listener function.
+ * @param {Mixed} [context=this] The context to invoke the listener with.
+ * @returns {EventEmitter} `this`.
+ * @api public
+ */
+EventEmitter.prototype.on = function on(event, fn, context) {
+  var listener = new EE(fn, context || this)
+    , evt = prefix ? prefix + event : event;
+
+  if (!this._events[evt]) this._events[evt] = listener, this._eventsCount++;
+  else if (!this._events[evt].fn) this._events[evt].push(listener);
+  else this._events[evt] = [this._events[evt], listener];
+
+  return this;
+};
+
+/**
+ * Add a one-time listener for a given event.
+ *
+ * @param {String|Symbol} event The event name.
+ * @param {Function} fn The listener function.
+ * @param {Mixed} [context=this] The context to invoke the listener with.
+ * @returns {EventEmitter} `this`.
+ * @api public
+ */
+EventEmitter.prototype.once = function once(event, fn, context) {
+  var listener = new EE(fn, context || this, true)
+    , evt = prefix ? prefix + event : event;
+
+  if (!this._events[evt]) this._events[evt] = listener, this._eventsCount++;
+  else if (!this._events[evt].fn) this._events[evt].push(listener);
+  else this._events[evt] = [this._events[evt], listener];
+
+  return this;
+};
+
+/**
+ * Remove the listeners of a given event.
+ *
+ * @param {String|Symbol} event The event name.
+ * @param {Function} fn Only remove the listeners that match this function.
+ * @param {Mixed} context Only remove the listeners that have this context.
+ * @param {Boolean} once Only remove one-time listeners.
+ * @returns {EventEmitter} `this`.
+ * @api public
+ */
+EventEmitter.prototype.removeListener = function removeListener(event, fn, context, once) {
+  var evt = prefix ? prefix + event : event;
+
+  if (!this._events[evt]) return this;
+  if (!fn) {
+    if (--this._eventsCount === 0) this._events = new Events();
+    else delete this._events[evt];
+    return this;
+  }
+
+  var listeners = this._events[evt];
+
+  if (listeners.fn) {
+    if (
+         listeners.fn === fn
+      && (!once || listeners.once)
+      && (!context || listeners.context === context)
+    ) {
+      if (--this._eventsCount === 0) this._events = new Events();
+      else delete this._events[evt];
+    }
+  } else {
+    for (var i = 0, events = [], length = listeners.length; i < length; i++) {
+      if (
+           listeners[i].fn !== fn
+        || (once && !listeners[i].once)
+        || (context && listeners[i].context !== context)
+      ) {
+        events.push(listeners[i]);
+      }
+    }
+
+    //
+    // Reset the array, or remove it completely if we have no more listeners.
+    //
+    if (events.length) this._events[evt] = events.length === 1 ? events[0] : events;
+    else if (--this._eventsCount === 0) this._events = new Events();
+    else delete this._events[evt];
+  }
+
+  return this;
+};
+
+/**
+ * Remove all listeners, or those of the specified event.
+ *
+ * @param {String|Symbol} [event] The event name.
+ * @returns {EventEmitter} `this`.
+ * @api public
+ */
+EventEmitter.prototype.removeAllListeners = function removeAllListeners(event) {
+  var evt;
+
+  if (event) {
+    evt = prefix ? prefix + event : event;
+    if (this._events[evt]) {
+      if (--this._eventsCount === 0) this._events = new Events();
+      else delete this._events[evt];
+    }
+  } else {
+    this._events = new Events();
+    this._eventsCount = 0;
+  }
+
+  return this;
+};
+
+//
+// Alias methods names because people roll like that.
+//
+EventEmitter.prototype.off = EventEmitter.prototype.removeListener;
+EventEmitter.prototype.addListener = EventEmitter.prototype.on;
+
+//
+// This function doesn't apply anymore.
+//
+EventEmitter.prototype.setMaxListeners = function setMaxListeners() {
+  return this;
+};
+
+//
+// Expose the prefix.
+//
+EventEmitter.prefixed = prefix;
+
+//
+// Allow `EventEmitter` to be imported as module namespace.
+//
+EventEmitter.EventEmitter = EventEmitter;
+
+//
+// Expose the module.
+//
+if ('undefined' !== typeof module) {
+  module.exports = EventEmitter;
+}
+
+
+/***/ }),
+/* 55 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.matchText = exports.matchSpacing = exports.matchNewline = exports.matchBlot = exports.matchAttributor = exports.default = undefined;
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _extend2 = __webpack_require__(3);
+
+var _extend3 = _interopRequireDefault(_extend2);
+
+var _quillDelta = __webpack_require__(2);
+
+var _quillDelta2 = _interopRequireDefault(_quillDelta);
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _quill = __webpack_require__(5);
+
+var _quill2 = _interopRequireDefault(_quill);
+
+var _logger = __webpack_require__(10);
+
+var _logger2 = _interopRequireDefault(_logger);
+
+var _module = __webpack_require__(9);
+
+var _module2 = _interopRequireDefault(_module);
+
+var _align = __webpack_require__(36);
+
+var _background = __webpack_require__(37);
+
+var _code = __webpack_require__(13);
+
+var _code2 = _interopRequireDefault(_code);
+
+var _color = __webpack_require__(26);
+
+var _direction = __webpack_require__(38);
+
+var _font = __webpack_require__(39);
+
+var _size = __webpack_require__(40);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var debug = (0, _logger2.default)('quill:clipboard');
+
+var DOM_KEY = '__ql-matcher';
+
+var CLIPBOARD_CONFIG = [[Node.TEXT_NODE, matchText], [Node.TEXT_NODE, matchNewline], ['br', matchBreak], [Node.ELEMENT_NODE, matchNewline], [Node.ELEMENT_NODE, matchBlot], [Node.ELEMENT_NODE, matchSpacing], [Node.ELEMENT_NODE, matchAttributor], [Node.ELEMENT_NODE, matchStyles], ['li', matchIndent], ['b', matchAlias.bind(matchAlias, 'bold')], ['i', matchAlias.bind(matchAlias, 'italic')], ['style', matchIgnore]];
+
+var ATTRIBUTE_ATTRIBUTORS = [_align.AlignAttribute, _direction.DirectionAttribute].reduce(function (memo, attr) {
+  memo[attr.keyName] = attr;
+  return memo;
+}, {});
+
+var STYLE_ATTRIBUTORS = [_align.AlignStyle, _background.BackgroundStyle, _color.ColorStyle, _direction.DirectionStyle, _font.FontStyle, _size.SizeStyle].reduce(function (memo, attr) {
+  memo[attr.keyName] = attr;
+  return memo;
+}, {});
+
+var Clipboard = function (_Module) {
+  _inherits(Clipboard, _Module);
+
+  function Clipboard(quill, options) {
+    _classCallCheck(this, Clipboard);
+
+    var _this = _possibleConstructorReturn(this, (Clipboard.__proto__ || Object.getPrototypeOf(Clipboard)).call(this, quill, options));
+
+    _this.quill.root.addEventListener('paste', _this.onPaste.bind(_this));
+    _this.container = _this.quill.addContainer('ql-clipboard');
+    _this.container.setAttribute('contenteditable', true);
+    _this.container.setAttribute('tabindex', -1);
+    _this.matchers = [];
+    CLIPBOARD_CONFIG.concat(_this.options.matchers).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          selector = _ref2[0],
+          matcher = _ref2[1];
+
+      if (!options.matchVisual && matcher === matchSpacing) return;
+      _this.addMatcher(selector, matcher);
+    });
+    return _this;
+  }
+
+  _createClass(Clipboard, [{
+    key: 'addMatcher',
+    value: function addMatcher(selector, matcher) {
+      this.matchers.push([selector, matcher]);
+    }
+  }, {
+    key: 'convert',
+    value: function convert(html) {
+      if (typeof html === 'string') {
+        this.container.innerHTML = html.replace(/\>\r?\n +\</g, '><'); // Remove spaces between tags
+        return this.convert();
+      }
+      var formats = this.quill.getFormat(this.quill.selection.savedRange.index);
+      if (formats[_code2.default.blotName]) {
+        var text = this.container.innerText;
+        this.container.innerHTML = '';
+        return new _quillDelta2.default().insert(text, _defineProperty({}, _code2.default.blotName, formats[_code2.default.blotName]));
+      }
+
+      var _prepareMatching = this.prepareMatching(),
+          _prepareMatching2 = _slicedToArray(_prepareMatching, 2),
+          elementMatchers = _prepareMatching2[0],
+          textMatchers = _prepareMatching2[1];
+
+      var delta = traverse(this.container, elementMatchers, textMatchers);
+      // Remove trailing newline
+      if (deltaEndsWith(delta, '\n') && delta.ops[delta.ops.length - 1].attributes == null) {
+        delta = delta.compose(new _quillDelta2.default().retain(delta.length() - 1).delete(1));
+      }
+      debug.log('convert', this.container.innerHTML, delta);
+      this.container.innerHTML = '';
+      return delta;
+    }
+  }, {
+    key: 'dangerouslyPasteHTML',
+    value: function dangerouslyPasteHTML(index, html) {
+      var source = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _quill2.default.sources.API;
+
+      if (typeof index === 'string') {
+        this.quill.setContents(this.convert(index), html);
+        this.quill.setSelection(0, _quill2.default.sources.SILENT);
+      } else {
+        var paste = this.convert(html);
+        this.quill.updateContents(new _quillDelta2.default().retain(index).concat(paste), source);
+        this.quill.setSelection(index + paste.length(), _quill2.default.sources.SILENT);
+      }
+    }
+  }, {
+    key: 'onPaste',
+    value: function onPaste(e) {
+      var _this2 = this;
+
+      if (e.defaultPrevented || !this.quill.isEnabled()) return;
+      var range = this.quill.getSelection();
+      var delta = new _quillDelta2.default().retain(range.index);
+      var scrollTop = this.quill.scrollingContainer.scrollTop;
+      this.container.focus();
+      this.quill.selection.update(_quill2.default.sources.SILENT);
+      setTimeout(function () {
+        delta = delta.concat(_this2.convert()).delete(range.length);
+        _this2.quill.updateContents(delta, _quill2.default.sources.USER);
+        // range.length contributes to delta.length()
+        _this2.quill.setSelection(delta.length() - range.length, _quill2.default.sources.SILENT);
+        _this2.quill.scrollingContainer.scrollTop = scrollTop;
+        _this2.quill.focus();
+      }, 1);
+    }
+  }, {
+    key: 'prepareMatching',
+    value: function prepareMatching() {
+      var _this3 = this;
+
+      var elementMatchers = [],
+          textMatchers = [];
+      this.matchers.forEach(function (pair) {
+        var _pair = _slicedToArray(pair, 2),
+            selector = _pair[0],
+            matcher = _pair[1];
+
+        switch (selector) {
+          case Node.TEXT_NODE:
+            textMatchers.push(matcher);
+            break;
+          case Node.ELEMENT_NODE:
+            elementMatchers.push(matcher);
+            break;
+          default:
+            [].forEach.call(_this3.container.querySelectorAll(selector), function (node) {
+              // TODO use weakmap
+              node[DOM_KEY] = node[DOM_KEY] || [];
+              node[DOM_KEY].push(matcher);
+            });
+            break;
+        }
+      });
+      return [elementMatchers, textMatchers];
+    }
+  }]);
+
+  return Clipboard;
+}(_module2.default);
+
+Clipboard.DEFAULTS = {
+  matchers: [],
+  matchVisual: true
+};
+
+function applyFormat(delta, format, value) {
+  if ((typeof format === 'undefined' ? 'undefined' : _typeof(format)) === 'object') {
+    return Object.keys(format).reduce(function (delta, key) {
+      return applyFormat(delta, key, format[key]);
+    }, delta);
+  } else {
+    return delta.reduce(function (delta, op) {
+      if (op.attributes && op.attributes[format]) {
+        return delta.push(op);
+      } else {
+        return delta.insert(op.insert, (0, _extend3.default)({}, _defineProperty({}, format, value), op.attributes));
+      }
+    }, new _quillDelta2.default());
+  }
+}
+
+function computeStyle(node) {
+  if (node.nodeType !== Node.ELEMENT_NODE) return {};
+  var DOM_KEY = '__ql-computed-style';
+  return node[DOM_KEY] || (node[DOM_KEY] = window.getComputedStyle(node));
+}
+
+function deltaEndsWith(delta, text) {
+  var endText = "";
+  for (var i = delta.ops.length - 1; i >= 0 && endText.length < text.length; --i) {
+    var op = delta.ops[i];
+    if (typeof op.insert !== 'string') break;
+    endText = op.insert + endText;
+  }
+  return endText.slice(-1 * text.length) === text;
+}
+
+function isLine(node) {
+  if (node.childNodes.length === 0) return false; // Exclude embed blocks
+  var style = computeStyle(node);
+  return ['block', 'list-item'].indexOf(style.display) > -1;
+}
+
+function traverse(node, elementMatchers, textMatchers) {
+  // Post-order
+  if (node.nodeType === node.TEXT_NODE) {
+    return textMatchers.reduce(function (delta, matcher) {
+      return matcher(node, delta);
+    }, new _quillDelta2.default());
+  } else if (node.nodeType === node.ELEMENT_NODE) {
+    return [].reduce.call(node.childNodes || [], function (delta, childNode) {
+      var childrenDelta = traverse(childNode, elementMatchers, textMatchers);
+      if (childNode.nodeType === node.ELEMENT_NODE) {
+        childrenDelta = elementMatchers.reduce(function (childrenDelta, matcher) {
+          return matcher(childNode, childrenDelta);
+        }, childrenDelta);
+        childrenDelta = (childNode[DOM_KEY] || []).reduce(function (childrenDelta, matcher) {
+          return matcher(childNode, childrenDelta);
+        }, childrenDelta);
+      }
+      return delta.concat(childrenDelta);
+    }, new _quillDelta2.default());
+  } else {
+    return new _quillDelta2.default();
+  }
+}
+
+function matchAlias(format, node, delta) {
+  return applyFormat(delta, format, true);
+}
+
+function matchAttributor(node, delta) {
+  var attributes = _parchment2.default.Attributor.Attribute.keys(node);
+  var classes = _parchment2.default.Attributor.Class.keys(node);
+  var styles = _parchment2.default.Attributor.Style.keys(node);
+  var formats = {};
+  attributes.concat(classes).concat(styles).forEach(function (name) {
+    var attr = _parchment2.default.query(name, _parchment2.default.Scope.ATTRIBUTE);
+    if (attr != null) {
+      formats[attr.attrName] = attr.value(node);
+      if (formats[attr.attrName]) return;
+    }
+    attr = ATTRIBUTE_ATTRIBUTORS[name];
+    if (attr != null && (attr.attrName === name || attr.keyName === name)) {
+      formats[attr.attrName] = attr.value(node) || undefined;
+    }
+    attr = STYLE_ATTRIBUTORS[name];
+    if (attr != null && (attr.attrName === name || attr.keyName === name)) {
+      attr = STYLE_ATTRIBUTORS[name];
+      formats[attr.attrName] = attr.value(node) || undefined;
+    }
+  });
+  if (Object.keys(formats).length > 0) {
+    delta = applyFormat(delta, formats);
+  }
+  return delta;
+}
+
+function matchBlot(node, delta) {
+  var match = _parchment2.default.query(node);
+  if (match == null) return delta;
+  if (match.prototype instanceof _parchment2.default.Embed) {
+    var embed = {};
+    var value = match.value(node);
+    if (value != null) {
+      embed[match.blotName] = value;
+      delta = new _quillDelta2.default().insert(embed, match.formats(node));
+    }
+  } else if (typeof match.formats === 'function') {
+    delta = applyFormat(delta, match.blotName, match.formats(node));
+  }
+  return delta;
+}
+
+function matchBreak(node, delta) {
+  if (!deltaEndsWith(delta, '\n')) {
+    delta.insert('\n');
+  }
+  return delta;
+}
+
+function matchIgnore() {
+  return new _quillDelta2.default();
+}
+
+function matchIndent(node, delta) {
+  var match = _parchment2.default.query(node);
+  if (match == null || match.blotName !== 'list-item' || !deltaEndsWith(delta, '\n')) {
+    return delta;
+  }
+  var indent = -1,
+      parent = node.parentNode;
+  while (!parent.classList.contains('ql-clipboard')) {
+    if ((_parchment2.default.query(parent) || {}).blotName === 'list') {
+      indent += 1;
+    }
+    parent = parent.parentNode;
+  }
+  if (indent <= 0) return delta;
+  return delta.compose(new _quillDelta2.default().retain(delta.length() - 1).retain(1, { indent: indent }));
+}
+
+function matchNewline(node, delta) {
+  if (!deltaEndsWith(delta, '\n')) {
+    if (isLine(node) || delta.length() > 0 && node.nextSibling && isLine(node.nextSibling)) {
+      delta.insert('\n');
+    }
+  }
+  return delta;
+}
+
+function matchSpacing(node, delta) {
+  if (isLine(node) && node.nextElementSibling != null && !deltaEndsWith(delta, '\n\n')) {
+    var nodeHeight = node.offsetHeight + parseFloat(computeStyle(node).marginTop) + parseFloat(computeStyle(node).marginBottom);
+    if (node.nextElementSibling.offsetTop > node.offsetTop + nodeHeight * 1.5) {
+      delta.insert('\n');
+    }
+  }
+  return delta;
+}
+
+function matchStyles(node, delta) {
+  var formats = {};
+  var style = node.style || {};
+  if (style.fontStyle && computeStyle(node).fontStyle === 'italic') {
+    formats.italic = true;
+  }
+  if (style.fontWeight && (computeStyle(node).fontWeight.startsWith('bold') || parseInt(computeStyle(node).fontWeight) >= 700)) {
+    formats.bold = true;
+  }
+  if (Object.keys(formats).length > 0) {
+    delta = applyFormat(delta, formats);
+  }
+  if (parseFloat(style.textIndent || 0) > 0) {
+    // Could be 0.5in
+    delta = new _quillDelta2.default().insert('\t').concat(delta);
+  }
+  return delta;
+}
+
+function matchText(node, delta) {
+  var text = node.data;
+  // Word represents empty line with <o:p>&nbsp;</o:p>
+  if (node.parentNode.tagName === 'O:P') {
+    return delta.insert(text.trim());
+  }
+  if (text.trim().length === 0 && node.parentNode.classList.contains('ql-clipboard')) {
+    return delta;
+  }
+  if (!computeStyle(node.parentNode).whiteSpace.startsWith('pre')) {
+    // eslint-disable-next-line func-style
+    var replacer = function replacer(collapse, match) {
+      match = match.replace(/[^\u00a0]/g, ''); // \u00a0 is nbsp;
+      return match.length < 1 && collapse ? ' ' : match;
+    };
+    text = text.replace(/\r\n/g, ' ').replace(/\n/g, ' ');
+    text = text.replace(/\s\s+/g, replacer.bind(replacer, true)); // collapse whitespace
+    if (node.previousSibling == null && isLine(node.parentNode) || node.previousSibling != null && isLine(node.previousSibling)) {
+      text = text.replace(/^\s+/, replacer.bind(replacer, false));
+    }
+    if (node.nextSibling == null && isLine(node.parentNode) || node.nextSibling != null && isLine(node.nextSibling)) {
+      text = text.replace(/\s+$/, replacer.bind(replacer, false));
+    }
+  }
+  return delta.insert(text);
+}
+
+exports.default = Clipboard;
+exports.matchAttributor = matchAttributor;
+exports.matchBlot = matchBlot;
+exports.matchNewline = matchNewline;
+exports.matchSpacing = matchSpacing;
+exports.matchText = matchText;
+
+/***/ }),
+/* 56 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _inline = __webpack_require__(6);
+
+var _inline2 = _interopRequireDefault(_inline);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Bold = function (_Inline) {
+  _inherits(Bold, _Inline);
+
+  function Bold() {
+    _classCallCheck(this, Bold);
+
+    return _possibleConstructorReturn(this, (Bold.__proto__ || Object.getPrototypeOf(Bold)).apply(this, arguments));
+  }
+
+  _createClass(Bold, [{
+    key: 'optimize',
+    value: function optimize(context) {
+      _get(Bold.prototype.__proto__ || Object.getPrototypeOf(Bold.prototype), 'optimize', this).call(this, context);
+      if (this.domNode.tagName !== this.statics.tagName[0]) {
+        this.replaceWith(this.statics.blotName);
+      }
+    }
+  }], [{
+    key: 'create',
+    value: function create() {
+      return _get(Bold.__proto__ || Object.getPrototypeOf(Bold), 'create', this).call(this);
+    }
+  }, {
+    key: 'formats',
+    value: function formats() {
+      return true;
+    }
+  }]);
+
+  return Bold;
+}(_inline2.default);
+
+Bold.blotName = 'bold';
+Bold.tagName = ['STRONG', 'B'];
+
+exports.default = Bold;
+
+/***/ }),
+/* 57 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addControls = exports.default = undefined;
+
+var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _quillDelta = __webpack_require__(2);
+
+var _quillDelta2 = _interopRequireDefault(_quillDelta);
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _quill = __webpack_require__(5);
+
+var _quill2 = _interopRequireDefault(_quill);
+
+var _logger = __webpack_require__(10);
+
+var _logger2 = _interopRequireDefault(_logger);
+
+var _module = __webpack_require__(9);
+
+var _module2 = _interopRequireDefault(_module);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var debug = (0, _logger2.default)('quill:toolbar');
+
+var Toolbar = function (_Module) {
+  _inherits(Toolbar, _Module);
+
+  function Toolbar(quill, options) {
+    _classCallCheck(this, Toolbar);
+
+    var _this = _possibleConstructorReturn(this, (Toolbar.__proto__ || Object.getPrototypeOf(Toolbar)).call(this, quill, options));
+
+    if (Array.isArray(_this.options.container)) {
+      var container = document.createElement('div');
+      addControls(container, _this.options.container);
+      quill.container.parentNode.insertBefore(container, quill.container);
+      _this.container = container;
+    } else if (typeof _this.options.container === 'string') {
+      _this.container = document.querySelector(_this.options.container);
+    } else {
+      _this.container = _this.options.container;
+    }
+    if (!(_this.container instanceof HTMLElement)) {
+      var _ret;
+
+      return _ret = debug.error('Container required for toolbar', _this.options), _possibleConstructorReturn(_this, _ret);
+    }
+    _this.container.classList.add('ql-toolbar');
+    _this.controls = [];
+    _this.handlers = {};
+    Object.keys(_this.options.handlers).forEach(function (format) {
+      _this.addHandler(format, _this.options.handlers[format]);
+    });
+    [].forEach.call(_this.container.querySelectorAll('button, select'), function (input) {
+      _this.attach(input);
+    });
+    _this.quill.on(_quill2.default.events.EDITOR_CHANGE, function (type, range) {
+      if (type === _quill2.default.events.SELECTION_CHANGE) {
+        _this.update(range);
+      }
+    });
+    _this.quill.on(_quill2.default.events.SCROLL_OPTIMIZE, function () {
+      var _this$quill$selection = _this.quill.selection.getRange(),
+          _this$quill$selection2 = _slicedToArray(_this$quill$selection, 1),
+          range = _this$quill$selection2[0]; // quill.getSelection triggers update
+
+
+      _this.update(range);
+    });
+    return _this;
+  }
+
+  _createClass(Toolbar, [{
+    key: 'addHandler',
+    value: function addHandler(format, handler) {
+      this.handlers[format] = handler;
+    }
+  }, {
+    key: 'attach',
+    value: function attach(input) {
+      var _this2 = this;
+
+      var format = [].find.call(input.classList, function (className) {
+        return className.indexOf('ql-') === 0;
+      });
+      if (!format) return;
+      format = format.slice('ql-'.length);
+      if (input.tagName === 'BUTTON') {
+        input.setAttribute('type', 'button');
+      }
+      if (this.handlers[format] == null) {
+        if (this.quill.scroll.whitelist != null && this.quill.scroll.whitelist[format] == null) {
+          debug.warn('ignoring attaching to disabled format', format, input);
+          return;
+        }
+        if (_parchment2.default.query(format) == null) {
+          debug.warn('ignoring attaching to nonexistent format', format, input);
+          return;
+        }
+      }
+      var eventName = input.tagName === 'SELECT' ? 'change' : 'click';
+      input.addEventListener(eventName, function (e) {
+        var value = void 0;
+        if (input.tagName === 'SELECT') {
+          if (input.selectedIndex < 0) return;
+          var selected = input.options[input.selectedIndex];
+          if (selected.hasAttribute('selected')) {
+            value = false;
+          } else {
+            value = selected.value || false;
+          }
+        } else {
+          if (input.classList.contains('ql-active')) {
+            value = false;
+          } else {
+            value = input.value || !input.hasAttribute('value');
+          }
+          e.preventDefault();
+        }
+        _this2.quill.focus();
+
+        var _quill$selection$getR = _this2.quill.selection.getRange(),
+            _quill$selection$getR2 = _slicedToArray(_quill$selection$getR, 1),
+            range = _quill$selection$getR2[0];
+
+        if (_this2.handlers[format] != null) {
+          _this2.handlers[format].call(_this2, value);
+        } else if (_parchment2.default.query(format).prototype instanceof _parchment2.default.Embed) {
+          value = prompt('Enter ' + format);
+          if (!value) return;
+          _this2.quill.updateContents(new _quillDelta2.default().retain(range.index).delete(range.length).insert(_defineProperty({}, format, value)), _quill2.default.sources.USER);
+        } else {
+          _this2.quill.format(format, value, _quill2.default.sources.USER);
+        }
+        _this2.update(range);
+      });
+      // TODO use weakmap
+      this.controls.push([format, input]);
+    }
+  }, {
+    key: 'update',
+    value: function update(range) {
+      var formats = range == null ? {} : this.quill.getFormat(range);
+      this.controls.forEach(function (pair) {
+        var _pair = _slicedToArray(pair, 2),
+            format = _pair[0],
+            input = _pair[1];
+
+        if (input.tagName === 'SELECT') {
+          var option = void 0;
+          if (range == null) {
+            option = null;
+          } else if (formats[format] == null) {
+            option = input.querySelector('option[selected]');
+          } else if (!Array.isArray(formats[format])) {
+            var value = formats[format];
+            if (typeof value === 'string') {
+              value = value.replace(/\"/g, '\\"');
+            }
+            option = input.querySelector('option[value="' + value + '"]');
+          }
+          if (option == null) {
+            input.value = ''; // TODO make configurable?
+            input.selectedIndex = -1;
+          } else {
+            option.selected = true;
+          }
+        } else {
+          if (range == null) {
+            input.classList.remove('ql-active');
+          } else if (input.hasAttribute('value')) {
+            // both being null should match (default values)
+            // '1' should match with 1 (headers)
+            var isActive = formats[format] === input.getAttribute('value') || formats[format] != null && formats[format].toString() === input.getAttribute('value') || formats[format] == null && !input.getAttribute('value');
+            input.classList.toggle('ql-active', isActive);
+          } else {
+            input.classList.toggle('ql-active', formats[format] != null);
+          }
+        }
+      });
+    }
+  }]);
+
+  return Toolbar;
+}(_module2.default);
+
+Toolbar.DEFAULTS = {};
+
+function addButton(container, format, value) {
+  var input = document.createElement('button');
+  input.setAttribute('type', 'button');
+  input.classList.add('ql-' + format);
+  if (value != null) {
+    input.value = value;
+  }
+  container.appendChild(input);
+}
+
+function addControls(container, groups) {
+  if (!Array.isArray(groups[0])) {
+    groups = [groups];
+  }
+  groups.forEach(function (controls) {
+    var group = document.createElement('span');
+    group.classList.add('ql-formats');
+    controls.forEach(function (control) {
+      if (typeof control === 'string') {
+        addButton(group, control);
+      } else {
+        var format = Object.keys(control)[0];
+        var value = control[format];
+        if (Array.isArray(value)) {
+          addSelect(group, format, value);
+        } else {
+          addButton(group, format, value);
+        }
+      }
+    });
+    container.appendChild(group);
+  });
+}
+
+function addSelect(container, format, values) {
+  var input = document.createElement('select');
+  input.classList.add('ql-' + format);
+  values.forEach(function (value) {
+    var option = document.createElement('option');
+    if (value !== false) {
+      option.setAttribute('value', value);
+    } else {
+      option.setAttribute('selected', 'selected');
+    }
+    input.appendChild(option);
+  });
+  container.appendChild(input);
+}
+
+Toolbar.DEFAULTS = {
+  container: null,
+  handlers: {
+    clean: function clean() {
+      var _this3 = this;
+
+      var range = this.quill.getSelection();
+      if (range == null) return;
+      if (range.length == 0) {
+        var formats = this.quill.getFormat();
+        Object.keys(formats).forEach(function (name) {
+          // Clean functionality in existing apps only clean inline formats
+          if (_parchment2.default.query(name, _parchment2.default.Scope.INLINE) != null) {
+            _this3.quill.format(name, false);
+          }
+        });
+      } else {
+        this.quill.removeFormat(range, _quill2.default.sources.USER);
+      }
+    },
+    direction: function direction(value) {
+      var align = this.quill.getFormat()['align'];
+      if (value === 'rtl' && align == null) {
+        this.quill.format('align', 'right', _quill2.default.sources.USER);
+      } else if (!value && align === 'right') {
+        this.quill.format('align', false, _quill2.default.sources.USER);
+      }
+      this.quill.format('direction', value, _quill2.default.sources.USER);
+    },
+    indent: function indent(value) {
+      var range = this.quill.getSelection();
+      var formats = this.quill.getFormat(range);
+      var indent = parseInt(formats.indent || 0);
+      if (value === '+1' || value === '-1') {
+        var modifier = value === '+1' ? 1 : -1;
+        if (formats.direction === 'rtl') modifier *= -1;
+        this.quill.format('indent', indent + modifier, _quill2.default.sources.USER);
+      }
+    },
+    link: function link(value) {
+      if (value === true) {
+        value = prompt('Enter link URL:');
+      }
+      this.quill.format('link', value, _quill2.default.sources.USER);
+    },
+    list: function list(value) {
+      var range = this.quill.getSelection();
+      var formats = this.quill.getFormat(range);
+      if (value === 'check') {
+        if (formats['list'] === 'checked' || formats['list'] === 'unchecked') {
+          this.quill.format('list', false, _quill2.default.sources.USER);
+        } else {
+          this.quill.format('list', 'unchecked', _quill2.default.sources.USER);
+        }
+      } else {
+        this.quill.format('list', value, _quill2.default.sources.USER);
+      }
+    }
+  }
+};
+
+exports.default = Toolbar;
+exports.addControls = addControls;
+
+/***/ }),
+/* 58 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <polyline class=\"ql-even ql-stroke\" points=\"5 7 3 9 5 11\"></polyline> <polyline class=\"ql-even ql-stroke\" points=\"13 7 15 9 13 11\"></polyline> <line class=ql-stroke x1=10 x2=8 y1=5 y2=13></line> </svg>";
+
+/***/ }),
+/* 59 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _picker = __webpack_require__(28);
+
+var _picker2 = _interopRequireDefault(_picker);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var ColorPicker = function (_Picker) {
+  _inherits(ColorPicker, _Picker);
+
+  function ColorPicker(select, label) {
+    _classCallCheck(this, ColorPicker);
+
+    var _this = _possibleConstructorReturn(this, (ColorPicker.__proto__ || Object.getPrototypeOf(ColorPicker)).call(this, select));
+
+    _this.label.innerHTML = label;
+    _this.container.classList.add('ql-color-picker');
+    [].slice.call(_this.container.querySelectorAll('.ql-picker-item'), 0, 7).forEach(function (item) {
+      item.classList.add('ql-primary');
+    });
+    return _this;
+  }
+
+  _createClass(ColorPicker, [{
+    key: 'buildItem',
+    value: function buildItem(option) {
+      var item = _get(ColorPicker.prototype.__proto__ || Object.getPrototypeOf(ColorPicker.prototype), 'buildItem', this).call(this, option);
+      item.style.backgroundColor = option.getAttribute('value') || '';
+      return item;
+    }
+  }, {
+    key: 'selectItem',
+    value: function selectItem(item, trigger) {
+      _get(ColorPicker.prototype.__proto__ || Object.getPrototypeOf(ColorPicker.prototype), 'selectItem', this).call(this, item, trigger);
+      var colorLabel = this.label.querySelector('.ql-color-label');
+      var value = item ? item.getAttribute('data-value') || '' : '';
+      if (colorLabel) {
+        if (colorLabel.tagName === 'line') {
+          colorLabel.style.stroke = value;
+        } else {
+          colorLabel.style.fill = value;
+        }
+      }
+    }
+  }]);
+
+  return ColorPicker;
+}(_picker2.default);
+
+exports.default = ColorPicker;
+
+/***/ }),
+/* 60 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _picker = __webpack_require__(28);
+
+var _picker2 = _interopRequireDefault(_picker);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var IconPicker = function (_Picker) {
+  _inherits(IconPicker, _Picker);
+
+  function IconPicker(select, icons) {
+    _classCallCheck(this, IconPicker);
+
+    var _this = _possibleConstructorReturn(this, (IconPicker.__proto__ || Object.getPrototypeOf(IconPicker)).call(this, select));
+
+    _this.container.classList.add('ql-icon-picker');
+    [].forEach.call(_this.container.querySelectorAll('.ql-picker-item'), function (item) {
+      item.innerHTML = icons[item.getAttribute('data-value') || ''];
+    });
+    _this.defaultItem = _this.container.querySelector('.ql-selected');
+    _this.selectItem(_this.defaultItem);
+    return _this;
+  }
+
+  _createClass(IconPicker, [{
+    key: 'selectItem',
+    value: function selectItem(item, trigger) {
+      _get(IconPicker.prototype.__proto__ || Object.getPrototypeOf(IconPicker.prototype), 'selectItem', this).call(this, item, trigger);
+      item = item || this.defaultItem;
+      this.label.innerHTML = item.innerHTML;
+    }
+  }]);
+
+  return IconPicker;
+}(_picker2.default);
+
+exports.default = IconPicker;
+
+/***/ }),
+/* 61 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var Tooltip = function () {
+  function Tooltip(quill, boundsContainer) {
+    var _this = this;
+
+    _classCallCheck(this, Tooltip);
+
+    this.quill = quill;
+    this.boundsContainer = boundsContainer || document.body;
+    this.root = quill.addContainer('ql-tooltip');
+    this.root.innerHTML = this.constructor.TEMPLATE;
+    if (this.quill.root === this.quill.scrollingContainer) {
+      this.quill.root.addEventListener('scroll', function () {
+        _this.root.style.marginTop = -1 * _this.quill.root.scrollTop + 'px';
+      });
+    }
+    this.hide();
+  }
+
+  _createClass(Tooltip, [{
+    key: 'hide',
+    value: function hide() {
+      this.root.classList.add('ql-hidden');
+    }
+  }, {
+    key: 'position',
+    value: function position(reference) {
+      var left = reference.left + reference.width / 2 - this.root.offsetWidth / 2;
+      // root.scrollTop should be 0 if scrollContainer !== root
+      var top = reference.bottom + this.quill.root.scrollTop;
+      this.root.style.left = left + 'px';
+      this.root.style.top = top + 'px';
+      this.root.classList.remove('ql-flip');
+      var containerBounds = this.boundsContainer.getBoundingClientRect();
+      var rootBounds = this.root.getBoundingClientRect();
+      var shift = 0;
+      if (rootBounds.right > containerBounds.right) {
+        shift = containerBounds.right - rootBounds.right;
+        this.root.style.left = left + shift + 'px';
+      }
+      if (rootBounds.left < containerBounds.left) {
+        shift = containerBounds.left - rootBounds.left;
+        this.root.style.left = left + shift + 'px';
+      }
+      if (rootBounds.bottom > containerBounds.bottom) {
+        var height = rootBounds.bottom - rootBounds.top;
+        var verticalShift = reference.bottom - reference.top + height;
+        this.root.style.top = top - verticalShift + 'px';
+        this.root.classList.add('ql-flip');
+      }
+      return shift;
+    }
+  }, {
+    key: 'show',
+    value: function show() {
+      this.root.classList.remove('ql-editing');
+      this.root.classList.remove('ql-hidden');
+    }
+  }]);
+
+  return Tooltip;
+}();
+
+exports.default = Tooltip;
+
+/***/ }),
+/* 62 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _extend = __webpack_require__(3);
+
+var _extend2 = _interopRequireDefault(_extend);
+
+var _emitter = __webpack_require__(8);
+
+var _emitter2 = _interopRequireDefault(_emitter);
+
+var _base = __webpack_require__(43);
+
+var _base2 = _interopRequireDefault(_base);
+
+var _link = __webpack_require__(27);
+
+var _link2 = _interopRequireDefault(_link);
+
+var _selection = __webpack_require__(15);
+
+var _icons = __webpack_require__(41);
+
+var _icons2 = _interopRequireDefault(_icons);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var TOOLBAR_CONFIG = [[{ header: ['1', '2', '3', false] }], ['bold', 'italic', 'underline', 'link'], [{ list: 'ordered' }, { list: 'bullet' }], ['clean']];
+
+var SnowTheme = function (_BaseTheme) {
+  _inherits(SnowTheme, _BaseTheme);
+
+  function SnowTheme(quill, options) {
+    _classCallCheck(this, SnowTheme);
+
+    if (options.modules.toolbar != null && options.modules.toolbar.container == null) {
+      options.modules.toolbar.container = TOOLBAR_CONFIG;
+    }
+
+    var _this = _possibleConstructorReturn(this, (SnowTheme.__proto__ || Object.getPrototypeOf(SnowTheme)).call(this, quill, options));
+
+    _this.quill.container.classList.add('ql-snow');
+    return _this;
+  }
+
+  _createClass(SnowTheme, [{
+    key: 'extendToolbar',
+    value: function extendToolbar(toolbar) {
+      toolbar.container.classList.add('ql-snow');
+      this.buildButtons([].slice.call(toolbar.container.querySelectorAll('button')), _icons2.default);
+      this.buildPickers([].slice.call(toolbar.container.querySelectorAll('select')), _icons2.default);
+      this.tooltip = new SnowTooltip(this.quill, this.options.bounds);
+      if (toolbar.container.querySelector('.ql-link')) {
+        this.quill.keyboard.addBinding({ key: 'K', shortKey: true }, function (range, context) {
+          toolbar.handlers['link'].call(toolbar, !context.format.link);
+        });
+      }
+    }
+  }]);
+
+  return SnowTheme;
+}(_base2.default);
+
+SnowTheme.DEFAULTS = (0, _extend2.default)(true, {}, _base2.default.DEFAULTS, {
+  modules: {
+    toolbar: {
+      handlers: {
+        link: function link(value) {
+          if (value) {
+            var range = this.quill.getSelection();
+            if (range == null || range.length == 0) return;
+            var preview = this.quill.getText(range);
+            if (/^\S+@\S+\.\S+$/.test(preview) && preview.indexOf('mailto:') !== 0) {
+              preview = 'mailto:' + preview;
+            }
+            var tooltip = this.quill.theme.tooltip;
+            tooltip.edit('link', preview);
+          } else {
+            this.quill.format('link', false);
+          }
+        }
+      }
+    }
+  }
+});
+
+var SnowTooltip = function (_BaseTooltip) {
+  _inherits(SnowTooltip, _BaseTooltip);
+
+  function SnowTooltip(quill, bounds) {
+    _classCallCheck(this, SnowTooltip);
+
+    var _this2 = _possibleConstructorReturn(this, (SnowTooltip.__proto__ || Object.getPrototypeOf(SnowTooltip)).call(this, quill, bounds));
+
+    _this2.preview = _this2.root.querySelector('a.ql-preview');
+    return _this2;
+  }
+
+  _createClass(SnowTooltip, [{
+    key: 'listen',
+    value: function listen() {
+      var _this3 = this;
+
+      _get(SnowTooltip.prototype.__proto__ || Object.getPrototypeOf(SnowTooltip.prototype), 'listen', this).call(this);
+      this.root.querySelector('a.ql-action').addEventListener('click', function (event) {
+        if (_this3.root.classList.contains('ql-editing')) {
+          _this3.save();
+        } else {
+          _this3.edit('link', _this3.preview.textContent);
+        }
+        event.preventDefault();
+      });
+      this.root.querySelector('a.ql-remove').addEventListener('click', function (event) {
+        if (_this3.linkRange != null) {
+          var range = _this3.linkRange;
+          _this3.restoreFocus();
+          _this3.quill.formatText(range, 'link', false, _emitter2.default.sources.USER);
+          delete _this3.linkRange;
+        }
+        event.preventDefault();
+        _this3.hide();
+      });
+      this.quill.on(_emitter2.default.events.SELECTION_CHANGE, function (range, oldRange, source) {
+        if (range == null) return;
+        if (range.length === 0 && source === _emitter2.default.sources.USER) {
+          var _quill$scroll$descend = _this3.quill.scroll.descendant(_link2.default, range.index),
+              _quill$scroll$descend2 = _slicedToArray(_quill$scroll$descend, 2),
+              link = _quill$scroll$descend2[0],
+              offset = _quill$scroll$descend2[1];
+
+          if (link != null) {
+            _this3.linkRange = new _selection.Range(range.index - offset, link.length());
+            var preview = _link2.default.formats(link.domNode);
+            _this3.preview.textContent = preview;
+            _this3.preview.setAttribute('href', preview);
+            _this3.show();
+            _this3.position(_this3.quill.getBounds(_this3.linkRange));
+            return;
+          }
+        } else {
+          delete _this3.linkRange;
+        }
+        _this3.hide();
+      });
+    }
+  }, {
+    key: 'show',
+    value: function show() {
+      _get(SnowTooltip.prototype.__proto__ || Object.getPrototypeOf(SnowTooltip.prototype), 'show', this).call(this);
+      this.root.removeAttribute('data-mode');
+    }
+  }]);
+
+  return SnowTooltip;
+}(_base.BaseTooltip);
+
+SnowTooltip.TEMPLATE = ['<a class="ql-preview" target="_blank" href="about:blank"></a>', '<input type="text" data-formula="e=mc^2" data-link="https://quilljs.com" data-video="Embed URL">', '<a class="ql-action"></a>', '<a class="ql-remove"></a>'].join('');
+
+exports.default = SnowTheme;
+
+/***/ }),
+/* 63 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _core = __webpack_require__(29);
+
+var _core2 = _interopRequireDefault(_core);
+
+var _align = __webpack_require__(36);
+
+var _direction = __webpack_require__(38);
+
+var _indent = __webpack_require__(64);
+
+var _blockquote = __webpack_require__(65);
+
+var _blockquote2 = _interopRequireDefault(_blockquote);
+
+var _header = __webpack_require__(66);
+
+var _header2 = _interopRequireDefault(_header);
+
+var _list = __webpack_require__(67);
+
+var _list2 = _interopRequireDefault(_list);
+
+var _background = __webpack_require__(37);
+
+var _color = __webpack_require__(26);
+
+var _font = __webpack_require__(39);
+
+var _size = __webpack_require__(40);
+
+var _bold = __webpack_require__(56);
+
+var _bold2 = _interopRequireDefault(_bold);
+
+var _italic = __webpack_require__(68);
+
+var _italic2 = _interopRequireDefault(_italic);
+
+var _link = __webpack_require__(27);
+
+var _link2 = _interopRequireDefault(_link);
+
+var _script = __webpack_require__(69);
+
+var _script2 = _interopRequireDefault(_script);
+
+var _strike = __webpack_require__(70);
+
+var _strike2 = _interopRequireDefault(_strike);
+
+var _underline = __webpack_require__(71);
+
+var _underline2 = _interopRequireDefault(_underline);
+
+var _image = __webpack_require__(72);
+
+var _image2 = _interopRequireDefault(_image);
+
+var _video = __webpack_require__(73);
+
+var _video2 = _interopRequireDefault(_video);
+
+var _code = __webpack_require__(13);
+
+var _code2 = _interopRequireDefault(_code);
+
+var _formula = __webpack_require__(74);
+
+var _formula2 = _interopRequireDefault(_formula);
+
+var _syntax = __webpack_require__(75);
+
+var _syntax2 = _interopRequireDefault(_syntax);
+
+var _toolbar = __webpack_require__(57);
+
+var _toolbar2 = _interopRequireDefault(_toolbar);
+
+var _icons = __webpack_require__(41);
+
+var _icons2 = _interopRequireDefault(_icons);
+
+var _picker = __webpack_require__(28);
+
+var _picker2 = _interopRequireDefault(_picker);
+
+var _colorPicker = __webpack_require__(59);
+
+var _colorPicker2 = _interopRequireDefault(_colorPicker);
+
+var _iconPicker = __webpack_require__(60);
+
+var _iconPicker2 = _interopRequireDefault(_iconPicker);
+
+var _tooltip = __webpack_require__(61);
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+var _bubble = __webpack_require__(108);
+
+var _bubble2 = _interopRequireDefault(_bubble);
+
+var _snow = __webpack_require__(62);
+
+var _snow2 = _interopRequireDefault(_snow);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+_core2.default.register({
+  'attributors/attribute/direction': _direction.DirectionAttribute,
+
+  'attributors/class/align': _align.AlignClass,
+  'attributors/class/background': _background.BackgroundClass,
+  'attributors/class/color': _color.ColorClass,
+  'attributors/class/direction': _direction.DirectionClass,
+  'attributors/class/font': _font.FontClass,
+  'attributors/class/size': _size.SizeClass,
+
+  'attributors/style/align': _align.AlignStyle,
+  'attributors/style/background': _background.BackgroundStyle,
+  'attributors/style/color': _color.ColorStyle,
+  'attributors/style/direction': _direction.DirectionStyle,
+  'attributors/style/font': _font.FontStyle,
+  'attributors/style/size': _size.SizeStyle
+}, true);
+
+_core2.default.register({
+  'formats/align': _align.AlignClass,
+  'formats/direction': _direction.DirectionClass,
+  'formats/indent': _indent.IndentClass,
+
+  'formats/background': _background.BackgroundStyle,
+  'formats/color': _color.ColorStyle,
+  'formats/font': _font.FontClass,
+  'formats/size': _size.SizeClass,
+
+  'formats/blockquote': _blockquote2.default,
+  'formats/code-block': _code2.default,
+  'formats/header': _header2.default,
+  'formats/list': _list2.default,
+
+  'formats/bold': _bold2.default,
+  'formats/code': _code.Code,
+  'formats/italic': _italic2.default,
+  'formats/link': _link2.default,
+  'formats/script': _script2.default,
+  'formats/strike': _strike2.default,
+  'formats/underline': _underline2.default,
+
+  'formats/image': _image2.default,
+  'formats/video': _video2.default,
+
+  'formats/list/item': _list.ListItem,
+
+  'modules/formula': _formula2.default,
+  'modules/syntax': _syntax2.default,
+  'modules/toolbar': _toolbar2.default,
+
+  'themes/bubble': _bubble2.default,
+  'themes/snow': _snow2.default,
+
+  'ui/icons': _icons2.default,
+  'ui/picker': _picker2.default,
+  'ui/icon-picker': _iconPicker2.default,
+  'ui/color-picker': _colorPicker2.default,
+  'ui/tooltip': _tooltip2.default
+}, true);
+
+exports.default = _core2.default;
+
+/***/ }),
+/* 64 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IndentClass = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var IdentAttributor = function (_Parchment$Attributor) {
+  _inherits(IdentAttributor, _Parchment$Attributor);
+
+  function IdentAttributor() {
+    _classCallCheck(this, IdentAttributor);
+
+    return _possibleConstructorReturn(this, (IdentAttributor.__proto__ || Object.getPrototypeOf(IdentAttributor)).apply(this, arguments));
+  }
+
+  _createClass(IdentAttributor, [{
+    key: 'add',
+    value: function add(node, value) {
+      if (value === '+1' || value === '-1') {
+        var indent = this.value(node) || 0;
+        value = value === '+1' ? indent + 1 : indent - 1;
+      }
+      if (value === 0) {
+        this.remove(node);
+        return true;
+      } else {
+        return _get(IdentAttributor.prototype.__proto__ || Object.getPrototypeOf(IdentAttributor.prototype), 'add', this).call(this, node, value);
+      }
+    }
+  }, {
+    key: 'canAdd',
+    value: function canAdd(node, value) {
+      return _get(IdentAttributor.prototype.__proto__ || Object.getPrototypeOf(IdentAttributor.prototype), 'canAdd', this).call(this, node, value) || _get(IdentAttributor.prototype.__proto__ || Object.getPrototypeOf(IdentAttributor.prototype), 'canAdd', this).call(this, node, parseInt(value));
+    }
+  }, {
+    key: 'value',
+    value: function value(node) {
+      return parseInt(_get(IdentAttributor.prototype.__proto__ || Object.getPrototypeOf(IdentAttributor.prototype), 'value', this).call(this, node)) || undefined; // Don't return NaN
+    }
+  }]);
+
+  return IdentAttributor;
+}(_parchment2.default.Attributor.Class);
+
+var IndentClass = new IdentAttributor('indent', 'ql-indent', {
+  scope: _parchment2.default.Scope.BLOCK,
+  whitelist: [1, 2, 3, 4, 5, 6, 7, 8]
+});
+
+exports.IndentClass = IndentClass;
+
+/***/ }),
+/* 65 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _block = __webpack_require__(4);
+
+var _block2 = _interopRequireDefault(_block);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Blockquote = function (_Block) {
+  _inherits(Blockquote, _Block);
+
+  function Blockquote() {
+    _classCallCheck(this, Blockquote);
+
+    return _possibleConstructorReturn(this, (Blockquote.__proto__ || Object.getPrototypeOf(Blockquote)).apply(this, arguments));
+  }
+
+  return Blockquote;
+}(_block2.default);
+
+Blockquote.blotName = 'blockquote';
+Blockquote.tagName = 'blockquote';
+
+exports.default = Blockquote;
+
+/***/ }),
+/* 66 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _block = __webpack_require__(4);
+
+var _block2 = _interopRequireDefault(_block);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Header = function (_Block) {
+  _inherits(Header, _Block);
+
+  function Header() {
+    _classCallCheck(this, Header);
+
+    return _possibleConstructorReturn(this, (Header.__proto__ || Object.getPrototypeOf(Header)).apply(this, arguments));
+  }
+
+  _createClass(Header, null, [{
+    key: 'formats',
+    value: function formats(domNode) {
+      return this.tagName.indexOf(domNode.tagName) + 1;
+    }
+  }]);
+
+  return Header;
+}(_block2.default);
+
+Header.blotName = 'header';
+Header.tagName = ['H1', 'H2', 'H3', 'H4', 'H5', 'H6'];
+
+exports.default = Header;
+
+/***/ }),
+/* 67 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ListItem = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _block = __webpack_require__(4);
+
+var _block2 = _interopRequireDefault(_block);
+
+var _container = __webpack_require__(25);
+
+var _container2 = _interopRequireDefault(_container);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var ListItem = function (_Block) {
+  _inherits(ListItem, _Block);
+
+  function ListItem() {
+    _classCallCheck(this, ListItem);
+
+    return _possibleConstructorReturn(this, (ListItem.__proto__ || Object.getPrototypeOf(ListItem)).apply(this, arguments));
+  }
+
+  _createClass(ListItem, [{
+    key: 'format',
+    value: function format(name, value) {
+      if (name === List.blotName && !value) {
+        this.replaceWith(_parchment2.default.create(this.statics.scope));
+      } else {
+        _get(ListItem.prototype.__proto__ || Object.getPrototypeOf(ListItem.prototype), 'format', this).call(this, name, value);
+      }
+    }
+  }, {
+    key: 'remove',
+    value: function remove() {
+      if (this.prev == null && this.next == null) {
+        this.parent.remove();
+      } else {
+        _get(ListItem.prototype.__proto__ || Object.getPrototypeOf(ListItem.prototype), 'remove', this).call(this);
+      }
+    }
+  }, {
+    key: 'replaceWith',
+    value: function replaceWith(name, value) {
+      this.parent.isolate(this.offset(this.parent), this.length());
+      if (name === this.parent.statics.blotName) {
+        this.parent.replaceWith(name, value);
+        return this;
+      } else {
+        this.parent.unwrap();
+        return _get(ListItem.prototype.__proto__ || Object.getPrototypeOf(ListItem.prototype), 'replaceWith', this).call(this, name, value);
+      }
+    }
+  }], [{
+    key: 'formats',
+    value: function formats(domNode) {
+      return domNode.tagName === this.tagName ? undefined : _get(ListItem.__proto__ || Object.getPrototypeOf(ListItem), 'formats', this).call(this, domNode);
+    }
+  }]);
+
+  return ListItem;
+}(_block2.default);
+
+ListItem.blotName = 'list-item';
+ListItem.tagName = 'LI';
+
+var List = function (_Container) {
+  _inherits(List, _Container);
+
+  _createClass(List, null, [{
+    key: 'create',
+    value: function create(value) {
+      var tagName = value === 'ordered' ? 'OL' : 'UL';
+      var node = _get(List.__proto__ || Object.getPrototypeOf(List), 'create', this).call(this, tagName);
+      if (value === 'checked' || value === 'unchecked') {
+        node.setAttribute('data-checked', value === 'checked');
+      }
+      return node;
+    }
+  }, {
+    key: 'formats',
+    value: function formats(domNode) {
+      if (domNode.tagName === 'OL') return 'ordered';
+      if (domNode.tagName === 'UL') {
+        if (domNode.hasAttribute('data-checked')) {
+          return domNode.getAttribute('data-checked') === 'true' ? 'checked' : 'unchecked';
+        } else {
+          return 'bullet';
+        }
+      }
+      return undefined;
+    }
+  }]);
+
+  function List(domNode) {
+    _classCallCheck(this, List);
+
+    var _this2 = _possibleConstructorReturn(this, (List.__proto__ || Object.getPrototypeOf(List)).call(this, domNode));
+
+    var listEventHandler = function listEventHandler(e) {
+      if (e.target.parentNode !== domNode) return;
+      var format = _this2.statics.formats(domNode);
+      var blot = _parchment2.default.find(e.target);
+      if (format === 'checked') {
+        blot.format('list', 'unchecked');
+      } else if (format === 'unchecked') {
+        blot.format('list', 'checked');
+      }
+    };
+
+    domNode.addEventListener('touchstart', listEventHandler);
+    domNode.addEventListener('mousedown', listEventHandler);
+    return _this2;
+  }
+
+  _createClass(List, [{
+    key: 'format',
+    value: function format(name, value) {
+      if (this.children.length > 0) {
+        this.children.tail.format(name, value);
+      }
+    }
+  }, {
+    key: 'formats',
+    value: function formats() {
+      // We don't inherit from FormatBlot
+      return _defineProperty({}, this.statics.blotName, this.statics.formats(this.domNode));
+    }
+  }, {
+    key: 'insertBefore',
+    value: function insertBefore(blot, ref) {
+      if (blot instanceof ListItem) {
+        _get(List.prototype.__proto__ || Object.getPrototypeOf(List.prototype), 'insertBefore', this).call(this, blot, ref);
+      } else {
+        var index = ref == null ? this.length() : ref.offset(this);
+        var after = this.split(index);
+        after.parent.insertBefore(blot, after);
+      }
+    }
+  }, {
+    key: 'optimize',
+    value: function optimize(context) {
+      _get(List.prototype.__proto__ || Object.getPrototypeOf(List.prototype), 'optimize', this).call(this, context);
+      var next = this.next;
+      if (next != null && next.prev === this && next.statics.blotName === this.statics.blotName && next.domNode.tagName === this.domNode.tagName && next.domNode.getAttribute('data-checked') === this.domNode.getAttribute('data-checked')) {
+        next.moveChildren(this);
+        next.remove();
+      }
+    }
+  }, {
+    key: 'replace',
+    value: function replace(target) {
+      if (target.statics.blotName !== this.statics.blotName) {
+        var item = _parchment2.default.create(this.statics.defaultChild);
+        target.moveChildren(item);
+        this.appendChild(item);
+      }
+      _get(List.prototype.__proto__ || Object.getPrototypeOf(List.prototype), 'replace', this).call(this, target);
+    }
+  }]);
+
+  return List;
+}(_container2.default);
+
+List.blotName = 'list';
+List.scope = _parchment2.default.Scope.BLOCK_BLOT;
+List.tagName = ['OL', 'UL'];
+List.defaultChild = 'list-item';
+List.allowedChildren = [ListItem];
+
+exports.ListItem = ListItem;
+exports.default = List;
+
+/***/ }),
+/* 68 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _bold = __webpack_require__(56);
+
+var _bold2 = _interopRequireDefault(_bold);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Italic = function (_Bold) {
+  _inherits(Italic, _Bold);
+
+  function Italic() {
+    _classCallCheck(this, Italic);
+
+    return _possibleConstructorReturn(this, (Italic.__proto__ || Object.getPrototypeOf(Italic)).apply(this, arguments));
+  }
+
+  return Italic;
+}(_bold2.default);
+
+Italic.blotName = 'italic';
+Italic.tagName = ['EM', 'I'];
+
+exports.default = Italic;
+
+/***/ }),
+/* 69 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _inline = __webpack_require__(6);
+
+var _inline2 = _interopRequireDefault(_inline);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Script = function (_Inline) {
+  _inherits(Script, _Inline);
+
+  function Script() {
+    _classCallCheck(this, Script);
+
+    return _possibleConstructorReturn(this, (Script.__proto__ || Object.getPrototypeOf(Script)).apply(this, arguments));
+  }
+
+  _createClass(Script, null, [{
+    key: 'create',
+    value: function create(value) {
+      if (value === 'super') {
+        return document.createElement('sup');
+      } else if (value === 'sub') {
+        return document.createElement('sub');
+      } else {
+        return _get(Script.__proto__ || Object.getPrototypeOf(Script), 'create', this).call(this, value);
+      }
+    }
+  }, {
+    key: 'formats',
+    value: function formats(domNode) {
+      if (domNode.tagName === 'SUB') return 'sub';
+      if (domNode.tagName === 'SUP') return 'super';
+      return undefined;
+    }
+  }]);
+
+  return Script;
+}(_inline2.default);
+
+Script.blotName = 'script';
+Script.tagName = ['SUB', 'SUP'];
+
+exports.default = Script;
+
+/***/ }),
+/* 70 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _inline = __webpack_require__(6);
+
+var _inline2 = _interopRequireDefault(_inline);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Strike = function (_Inline) {
+  _inherits(Strike, _Inline);
+
+  function Strike() {
+    _classCallCheck(this, Strike);
+
+    return _possibleConstructorReturn(this, (Strike.__proto__ || Object.getPrototypeOf(Strike)).apply(this, arguments));
+  }
+
+  return Strike;
+}(_inline2.default);
+
+Strike.blotName = 'strike';
+Strike.tagName = 'S';
+
+exports.default = Strike;
+
+/***/ }),
+/* 71 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _inline = __webpack_require__(6);
+
+var _inline2 = _interopRequireDefault(_inline);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Underline = function (_Inline) {
+  _inherits(Underline, _Inline);
+
+  function Underline() {
+    _classCallCheck(this, Underline);
+
+    return _possibleConstructorReturn(this, (Underline.__proto__ || Object.getPrototypeOf(Underline)).apply(this, arguments));
+  }
+
+  return Underline;
+}(_inline2.default);
+
+Underline.blotName = 'underline';
+Underline.tagName = 'U';
+
+exports.default = Underline;
+
+/***/ }),
+/* 72 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _link = __webpack_require__(27);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var ATTRIBUTES = ['alt', 'height', 'width'];
+
+var Image = function (_Parchment$Embed) {
+  _inherits(Image, _Parchment$Embed);
+
+  function Image() {
+    _classCallCheck(this, Image);
+
+    return _possibleConstructorReturn(this, (Image.__proto__ || Object.getPrototypeOf(Image)).apply(this, arguments));
+  }
+
+  _createClass(Image, [{
+    key: 'format',
+    value: function format(name, value) {
+      if (ATTRIBUTES.indexOf(name) > -1) {
+        if (value) {
+          this.domNode.setAttribute(name, value);
+        } else {
+          this.domNode.removeAttribute(name);
+        }
+      } else {
+        _get(Image.prototype.__proto__ || Object.getPrototypeOf(Image.prototype), 'format', this).call(this, name, value);
+      }
+    }
+  }], [{
+    key: 'create',
+    value: function create(value) {
+      var node = _get(Image.__proto__ || Object.getPrototypeOf(Image), 'create', this).call(this, value);
+      if (typeof value === 'string') {
+        node.setAttribute('src', this.sanitize(value));
+      }
+      return node;
+    }
+  }, {
+    key: 'formats',
+    value: function formats(domNode) {
+      return ATTRIBUTES.reduce(function (formats, attribute) {
+        if (domNode.hasAttribute(attribute)) {
+          formats[attribute] = domNode.getAttribute(attribute);
+        }
+        return formats;
+      }, {});
+    }
+  }, {
+    key: 'match',
+    value: function match(url) {
+      return (/\.(jpe?g|gif|png)$/.test(url) || /^data:image\/.+;base64/.test(url)
+      );
+    }
+  }, {
+    key: 'sanitize',
+    value: function sanitize(url) {
+      return (0, _link.sanitize)(url, ['http', 'https', 'data']) ? url : '//:0';
+    }
+  }, {
+    key: 'value',
+    value: function value(domNode) {
+      return domNode.getAttribute('src');
+    }
+  }]);
+
+  return Image;
+}(_parchment2.default.Embed);
+
+Image.blotName = 'image';
+Image.tagName = 'IMG';
+
+exports.default = Image;
+
+/***/ }),
+/* 73 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _block = __webpack_require__(4);
+
+var _link = __webpack_require__(27);
+
+var _link2 = _interopRequireDefault(_link);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var ATTRIBUTES = ['height', 'width'];
+
+var Video = function (_BlockEmbed) {
+  _inherits(Video, _BlockEmbed);
+
+  function Video() {
+    _classCallCheck(this, Video);
+
+    return _possibleConstructorReturn(this, (Video.__proto__ || Object.getPrototypeOf(Video)).apply(this, arguments));
+  }
+
+  _createClass(Video, [{
+    key: 'format',
+    value: function format(name, value) {
+      if (ATTRIBUTES.indexOf(name) > -1) {
+        if (value) {
+          this.domNode.setAttribute(name, value);
+        } else {
+          this.domNode.removeAttribute(name);
+        }
+      } else {
+        _get(Video.prototype.__proto__ || Object.getPrototypeOf(Video.prototype), 'format', this).call(this, name, value);
+      }
+    }
+  }], [{
+    key: 'create',
+    value: function create(value) {
+      var node = _get(Video.__proto__ || Object.getPrototypeOf(Video), 'create', this).call(this, value);
+      node.setAttribute('frameborder', '0');
+      node.setAttribute('allowfullscreen', true);
+      node.setAttribute('src', this.sanitize(value));
+      return node;
+    }
+  }, {
+    key: 'formats',
+    value: function formats(domNode) {
+      return ATTRIBUTES.reduce(function (formats, attribute) {
+        if (domNode.hasAttribute(attribute)) {
+          formats[attribute] = domNode.getAttribute(attribute);
+        }
+        return formats;
+      }, {});
+    }
+  }, {
+    key: 'sanitize',
+    value: function sanitize(url) {
+      return _link2.default.sanitize(url);
+    }
+  }, {
+    key: 'value',
+    value: function value(domNode) {
+      return domNode.getAttribute('src');
+    }
+  }]);
+
+  return Video;
+}(_block.BlockEmbed);
+
+Video.blotName = 'video';
+Video.className = 'ql-video';
+Video.tagName = 'IFRAME';
+
+exports.default = Video;
+
+/***/ }),
+/* 74 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FormulaBlot = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _embed = __webpack_require__(35);
+
+var _embed2 = _interopRequireDefault(_embed);
+
+var _quill = __webpack_require__(5);
+
+var _quill2 = _interopRequireDefault(_quill);
+
+var _module = __webpack_require__(9);
+
+var _module2 = _interopRequireDefault(_module);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var FormulaBlot = function (_Embed) {
+  _inherits(FormulaBlot, _Embed);
+
+  function FormulaBlot() {
+    _classCallCheck(this, FormulaBlot);
+
+    return _possibleConstructorReturn(this, (FormulaBlot.__proto__ || Object.getPrototypeOf(FormulaBlot)).apply(this, arguments));
+  }
+
+  _createClass(FormulaBlot, null, [{
+    key: 'create',
+    value: function create(value) {
+      var node = _get(FormulaBlot.__proto__ || Object.getPrototypeOf(FormulaBlot), 'create', this).call(this, value);
+      if (typeof value === 'string') {
+        window.katex.render(value, node, {
+          throwOnError: false,
+          errorColor: '#f00'
+        });
+        node.setAttribute('data-value', value);
+      }
+      return node;
+    }
+  }, {
+    key: 'value',
+    value: function value(domNode) {
+      return domNode.getAttribute('data-value');
+    }
+  }]);
+
+  return FormulaBlot;
+}(_embed2.default);
+
+FormulaBlot.blotName = 'formula';
+FormulaBlot.className = 'ql-formula';
+FormulaBlot.tagName = 'SPAN';
+
+var Formula = function (_Module) {
+  _inherits(Formula, _Module);
+
+  _createClass(Formula, null, [{
+    key: 'register',
+    value: function register() {
+      _quill2.default.register(FormulaBlot, true);
+    }
+  }]);
+
+  function Formula() {
+    _classCallCheck(this, Formula);
+
+    var _this2 = _possibleConstructorReturn(this, (Formula.__proto__ || Object.getPrototypeOf(Formula)).call(this));
+
+    if (window.katex == null) {
+      throw new Error('Formula module requires KaTeX.');
+    }
+    return _this2;
+  }
+
+  return Formula;
+}(_module2.default);
+
+exports.FormulaBlot = FormulaBlot;
+exports.default = Formula;
+
+/***/ }),
+/* 75 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CodeToken = exports.CodeBlock = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _parchment = __webpack_require__(0);
+
+var _parchment2 = _interopRequireDefault(_parchment);
+
+var _quill = __webpack_require__(5);
+
+var _quill2 = _interopRequireDefault(_quill);
+
+var _module = __webpack_require__(9);
+
+var _module2 = _interopRequireDefault(_module);
+
+var _code = __webpack_require__(13);
+
+var _code2 = _interopRequireDefault(_code);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var SyntaxCodeBlock = function (_CodeBlock) {
+  _inherits(SyntaxCodeBlock, _CodeBlock);
+
+  function SyntaxCodeBlock() {
+    _classCallCheck(this, SyntaxCodeBlock);
+
+    return _possibleConstructorReturn(this, (SyntaxCodeBlock.__proto__ || Object.getPrototypeOf(SyntaxCodeBlock)).apply(this, arguments));
+  }
+
+  _createClass(SyntaxCodeBlock, [{
+    key: 'replaceWith',
+    value: function replaceWith(block) {
+      this.domNode.textContent = this.domNode.textContent;
+      this.attach();
+      _get(SyntaxCodeBlock.prototype.__proto__ || Object.getPrototypeOf(SyntaxCodeBlock.prototype), 'replaceWith', this).call(this, block);
+    }
+  }, {
+    key: 'highlight',
+    value: function highlight(_highlight) {
+      var text = this.domNode.textContent;
+      if (this.cachedText !== text) {
+        if (text.trim().length > 0 || this.cachedText == null) {
+          this.domNode.innerHTML = _highlight(text);
+          this.domNode.normalize();
+          this.attach();
+        }
+        this.cachedText = text;
+      }
+    }
+  }]);
+
+  return SyntaxCodeBlock;
+}(_code2.default);
+
+SyntaxCodeBlock.className = 'ql-syntax';
+
+var CodeToken = new _parchment2.default.Attributor.Class('token', 'hljs', {
+  scope: _parchment2.default.Scope.INLINE
+});
+
+var Syntax = function (_Module) {
+  _inherits(Syntax, _Module);
+
+  _createClass(Syntax, null, [{
+    key: 'register',
+    value: function register() {
+      _quill2.default.register(CodeToken, true);
+      _quill2.default.register(SyntaxCodeBlock, true);
+    }
+  }]);
+
+  function Syntax(quill, options) {
+    _classCallCheck(this, Syntax);
+
+    var _this2 = _possibleConstructorReturn(this, (Syntax.__proto__ || Object.getPrototypeOf(Syntax)).call(this, quill, options));
+
+    if (typeof _this2.options.highlight !== 'function') {
+      throw new Error('Syntax module requires highlight.js. Please include the library on the page before Quill.');
+    }
+    var timer = null;
+    _this2.quill.on(_quill2.default.events.SCROLL_OPTIMIZE, function () {
+      clearTimeout(timer);
+      timer = setTimeout(function () {
+        _this2.highlight();
+        timer = null;
+      }, _this2.options.interval);
+    });
+    _this2.highlight();
+    return _this2;
+  }
+
+  _createClass(Syntax, [{
+    key: 'highlight',
+    value: function highlight() {
+      var _this3 = this;
+
+      if (this.quill.selection.composing) return;
+      this.quill.update(_quill2.default.sources.USER);
+      var range = this.quill.getSelection();
+      this.quill.scroll.descendants(SyntaxCodeBlock).forEach(function (code) {
+        code.highlight(_this3.options.highlight);
+      });
+      this.quill.update(_quill2.default.sources.SILENT);
+      if (range != null) {
+        this.quill.setSelection(range, _quill2.default.sources.SILENT);
+      }
+    }
+  }]);
+
+  return Syntax;
+}(_module2.default);
+
+Syntax.DEFAULTS = {
+  highlight: function () {
+    if (window.hljs == null) return null;
+    return function (text) {
+      var result = window.hljs.highlightAuto(text);
+      return result.value;
+    };
+  }(),
+  interval: 1000
+};
+
+exports.CodeBlock = SyntaxCodeBlock;
+exports.CodeToken = CodeToken;
+exports.default = Syntax;
+
+/***/ }),
+/* 76 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <line class=ql-stroke x1=3 x2=15 y1=9 y2=9></line> <line class=ql-stroke x1=3 x2=13 y1=14 y2=14></line> <line class=ql-stroke x1=3 x2=9 y1=4 y2=4></line> </svg>";
+
+/***/ }),
+/* 77 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <line class=ql-stroke x1=15 x2=3 y1=9 y2=9></line> <line class=ql-stroke x1=14 x2=4 y1=14 y2=14></line> <line class=ql-stroke x1=12 x2=6 y1=4 y2=4></line> </svg>";
+
+/***/ }),
+/* 78 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <line class=ql-stroke x1=15 x2=3 y1=9 y2=9></line> <line class=ql-stroke x1=15 x2=5 y1=14 y2=14></line> <line class=ql-stroke x1=15 x2=9 y1=4 y2=4></line> </svg>";
+
+/***/ }),
+/* 79 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <line class=ql-stroke x1=15 x2=3 y1=9 y2=9></line> <line class=ql-stroke x1=15 x2=3 y1=14 y2=14></line> <line class=ql-stroke x1=15 x2=3 y1=4 y2=4></line> </svg>";
+
+/***/ }),
+/* 80 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <g class=\"ql-fill ql-color-label\"> <polygon points=\"6 6.868 6 6 5 6 5 7 5.942 7 6 6.868\"></polygon> <rect height=1 width=1 x=4 y=4></rect> <polygon points=\"6.817 5 6 5 6 6 6.38 6 6.817 5\"></polygon> <rect height=1 width=1 x=2 y=6></rect> <rect height=1 width=1 x=3 y=5></rect> <rect height=1 width=1 x=4 y=7></rect> <polygon points=\"4 11.439 4 11 3 11 3 12 3.755 12 4 11.439\"></polygon> <rect height=1 width=1 x=2 y=12></rect> <rect height=1 width=1 x=2 y=9></rect> <rect height=1 width=1 x=2 y=15></rect> <polygon points=\"4.63 10 4 10 4 11 4.192 11 4.63 10\"></polygon> <rect height=1 width=1 x=3 y=8></rect> <path d=M10.832,4.2L11,4.582V4H10.708A1.948,1.948,0,0,1,10.832,4.2Z></path> <path d=M7,4.582L7.168,4.2A1.929,1.929,0,0,1,7.292,4H7V4.582Z></path> <path d=M8,13H7.683l-0.351.8a1.933,1.933,0,0,1-.124.2H8V13Z></path> <rect height=1 width=1 x=12 y=2></rect> <rect height=1 width=1 x=11 y=3></rect> <path d=M9,3H8V3.282A1.985,1.985,0,0,1,9,3Z></path> <rect height=1 width=1 x=2 y=3></rect> <rect height=1 width=1 x=6 y=2></rect> <rect height=1 width=1 x=3 y=2></rect> <rect height=1 width=1 x=5 y=3></rect> <rect height=1 width=1 x=9 y=2></rect> <rect height=1 width=1 x=15 y=14></rect> <polygon points=\"13.447 10.174 13.469 10.225 13.472 10.232 13.808 11 14 11 14 10 13.37 10 13.447 10.174\"></polygon> <rect height=1 width=1 x=13 y=7></rect> <rect height=1 width=1 x=15 y=5></rect> <rect height=1 width=1 x=14 y=6></rect> <rect height=1 width=1 x=15 y=8></rect> <rect height=1 width=1 x=14 y=9></rect> <path d=M3.775,14H3v1H4V14.314A1.97,1.97,0,0,1,3.775,14Z></path> <rect height=1 width=1 x=14 y=3></rect> <polygon points=\"12 6.868 12 6 11.62 6 12 6.868\"></polygon> <rect height=1 width=1 x=15 y=2></rect> <rect height=1 width=1 x=12 y=5></rect> <rect height=1 width=1 x=13 y=4></rect> <polygon points=\"12.933 9 13 9 13 8 12.495 8 12.933 9\"></polygon> <rect height=1 width=1 x=9 y=14></rect> <rect height=1 width=1 x=8 y=15></rect> <path d=M6,14.926V15H7V14.316A1.993,1.993,0,0,1,6,14.926Z></path> <rect height=1 width=1 x=5 y=15></rect> <path d=M10.668,13.8L10.317,13H10v1h0.792A1.947,1.947,0,0,1,10.668,13.8Z></path> <rect height=1 width=1 x=11 y=15></rect> <path d=M14.332,12.2a1.99,1.99,0,0,1,.166.8H15V12H14.245Z></path> <rect height=1 width=1 x=14 y=15></rect> <rect height=1 width=1 x=15 y=11></rect> </g> <polyline class=ql-stroke points=\"5.5 13 9 5 12.5 13\"></polyline> <line class=ql-stroke x1=11.63 x2=6.38 y1=11 y2=11></line> </svg>";
+
+/***/ }),
+/* 81 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <rect class=\"ql-fill ql-stroke\" height=3 width=3 x=4 y=5></rect> <rect class=\"ql-fill ql-stroke\" height=3 width=3 x=11 y=5></rect> <path class=\"ql-even ql-fill ql-stroke\" d=M7,8c0,4.031-3,5-3,5></path> <path class=\"ql-even ql-fill ql-stroke\" d=M14,8c0,4.031-3,5-3,5></path> </svg>";
+
+/***/ }),
+/* 82 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <path class=ql-stroke d=M5,4H9.5A2.5,2.5,0,0,1,12,6.5v0A2.5,2.5,0,0,1,9.5,9H5A0,0,0,0,1,5,9V4A0,0,0,0,1,5,4Z></path> <path class=ql-stroke d=M5,9h5.5A2.5,2.5,0,0,1,13,11.5v0A2.5,2.5,0,0,1,10.5,14H5a0,0,0,0,1,0,0V9A0,0,0,0,1,5,9Z></path> </svg>";
+
+/***/ }),
+/* 83 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg class=\"\" viewbox=\"0 0 18 18\"> <line class=ql-stroke x1=5 x2=13 y1=3 y2=3></line> <line class=ql-stroke x1=6 x2=9.35 y1=12 y2=3></line> <line class=ql-stroke x1=11 x2=15 y1=11 y2=15></line> <line class=ql-stroke x1=15 x2=11 y1=11 y2=15></line> <rect class=ql-fill height=1 rx=0.5 ry=0.5 width=7 x=2 y=14></rect> </svg>";
+
+/***/ }),
+/* 84 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <line class=\"ql-color-label ql-stroke ql-transparent\" x1=3 x2=15 y1=15 y2=15></line> <polyline class=ql-stroke points=\"5.5 11 9 3 12.5 11\"></polyline> <line class=ql-stroke x1=11.63 x2=6.38 y1=9 y2=9></line> </svg>";
+
+/***/ }),
+/* 85 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <polygon class=\"ql-stroke ql-fill\" points=\"3 11 5 9 3 7 3 11\"></polygon> <line class=\"ql-stroke ql-fill\" x1=15 x2=11 y1=4 y2=4></line> <path class=ql-fill d=M11,3a3,3,0,0,0,0,6h1V3H11Z></path> <rect class=ql-fill height=11 width=1 x=11 y=4></rect> <rect class=ql-fill height=11 width=1 x=13 y=4></rect> </svg>";
+
+/***/ }),
+/* 86 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <polygon class=\"ql-stroke ql-fill\" points=\"15 12 13 10 15 8 15 12\"></polygon> <line class=\"ql-stroke ql-fill\" x1=9 x2=5 y1=4 y2=4></line> <path class=ql-fill d=M5,3A3,3,0,0,0,5,9H6V3H5Z></path> <rect class=ql-fill height=11 width=1 x=5 y=4></rect> <rect class=ql-fill height=11 width=1 x=7 y=4></rect> </svg>";
+
+/***/ }),
+/* 87 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <path class=ql-fill d=M14,16H4a1,1,0,0,1,0-2H14A1,1,0,0,1,14,16Z /> <path class=ql-fill d=M14,4H4A1,1,0,0,1,4,2H14A1,1,0,0,1,14,4Z /> <rect class=ql-fill x=3 y=6 width=12 height=6 rx=1 ry=1 /> </svg>";
+
+/***/ }),
+/* 88 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <path class=ql-fill d=M13,16H5a1,1,0,0,1,0-2h8A1,1,0,0,1,13,16Z /> <path class=ql-fill d=M13,4H5A1,1,0,0,1,5,2h8A1,1,0,0,1,13,4Z /> <rect class=ql-fill x=2 y=6 width=14 height=6 rx=1 ry=1 /> </svg>";
+
+/***/ }),
+/* 89 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <path class=ql-fill d=M15,8H13a1,1,0,0,1,0-2h2A1,1,0,0,1,15,8Z /> <path class=ql-fill d=M15,12H13a1,1,0,0,1,0-2h2A1,1,0,0,1,15,12Z /> <path class=ql-fill d=M15,16H5a1,1,0,0,1,0-2H15A1,1,0,0,1,15,16Z /> <path class=ql-fill d=M15,4H5A1,1,0,0,1,5,2H15A1,1,0,0,1,15,4Z /> <rect class=ql-fill x=2 y=6 width=8 height=6 rx=1 ry=1 /> </svg>";
+
+/***/ }),
+/* 90 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <path class=ql-fill d=M5,8H3A1,1,0,0,1,3,6H5A1,1,0,0,1,5,8Z /> <path class=ql-fill d=M5,12H3a1,1,0,0,1,0-2H5A1,1,0,0,1,5,12Z /> <path class=ql-fill d=M13,16H3a1,1,0,0,1,0-2H13A1,1,0,0,1,13,16Z /> <path class=ql-fill d=M13,4H3A1,1,0,0,1,3,2H13A1,1,0,0,1,13,4Z /> <rect class=ql-fill x=8 y=6 width=8 height=6 rx=1 ry=1 transform=\"translate(24 18) rotate(-180)\"/> </svg>";
+
+/***/ }),
+/* 91 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <path class=ql-fill d=M11.759,2.482a2.561,2.561,0,0,0-3.53.607A7.656,7.656,0,0,0,6.8,6.2C6.109,9.188,5.275,14.677,4.15,14.927a1.545,1.545,0,0,0-1.3-.933A0.922,0.922,0,0,0,2,15.036S1.954,16,4.119,16s3.091-2.691,3.7-5.553c0.177-.826.36-1.726,0.554-2.6L8.775,6.2c0.381-1.421.807-2.521,1.306-2.676a1.014,1.014,0,0,0,1.02.56A0.966,0.966,0,0,0,11.759,2.482Z></path> <rect class=ql-fill height=1.6 rx=0.8 ry=0.8 width=5 x=5.15 y=6.2></rect> <path class=ql-fill d=M13.663,12.027a1.662,1.662,0,0,1,.266-0.276q0.193,0.069.456,0.138a2.1,2.1,0,0,0,.535.069,1.075,1.075,0,0,0,.767-0.3,1.044,1.044,0,0,0,.314-0.8,0.84,0.84,0,0,0-.238-0.619,0.8,0.8,0,0,0-.594-0.239,1.154,1.154,0,0,0-.781.3,4.607,4.607,0,0,0-.781,1q-0.091.15-.218,0.346l-0.246.38c-0.068-.288-0.137-0.582-0.212-0.885-0.459-1.847-2.494-.984-2.941-0.8-0.482.2-.353,0.647-0.094,0.529a0.869,0.869,0,0,1,1.281.585c0.217,0.751.377,1.436,0.527,2.038a5.688,5.688,0,0,1-.362.467,2.69,2.69,0,0,1-.264.271q-0.221-.08-0.471-0.147a2.029,2.029,0,0,0-.522-0.066,1.079,1.079,0,0,0-.768.3A1.058,1.058,0,0,0,9,15.131a0.82,0.82,0,0,0,.832.852,1.134,1.134,0,0,0,.787-0.3,5.11,5.11,0,0,0,.776-0.993q0.141-.219.215-0.34c0.046-.076.122-0.194,0.223-0.346a2.786,2.786,0,0,0,.918,1.726,2.582,2.582,0,0,0,2.376-.185c0.317-.181.212-0.565,0-0.494A0.807,0.807,0,0,1,14.176,15a5.159,5.159,0,0,1-.913-2.446l0,0Q13.487,12.24,13.663,12.027Z></path> </svg>";
+
+/***/ }),
+/* 92 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 18 18\"> <path class=ql-fill d=M10,4V14a1,1,0,0,1-2,0V10H3v4a1,1,0,0,1-2,0V4A1,1,0,0,1,3,4V8H8V4a1,1,0,0,1,2,0Zm6.06787,9.209H14.98975V7.59863a.54085.54085,0,0,0-.605-.60547h-.62744a1.01119,1.01119,0,0,0-.748.29688L11.645,8.56641a.5435.5435,0,0,0-.022.8584l.28613.30762a.53861.53861,0,0,0,.84717.0332l.09912-.08789a1.2137,1.2137,0,0,0,.2417-.35254h.02246s-.01123.30859-.01123.60547V13.209H12.041a.54085.54085,0,0,0-.605.60547v.43945a.54085.54085,0,0,0,.605.60547h4.02686a.54085.54085,0,0,0,.605-.60547v-.43945A.54085.54085,0,0,0,16.06787,13.209Z /> </svg>";
+
+/***/ }),
+/* 93 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 18 18\"> <path class=ql-fill d=M16.73975,13.81445v.43945a.54085.54085,0,0,1-.605.60547H11.855a.58392.58392,0,0,1-.64893-.60547V14.0127c0-2.90527,3.39941-3.42187,3.39941-4.55469a.77675.77675,0,0,0-.84717-.78125,1.17684,1.17684,0,0,0-.83594.38477c-.2749.26367-.561.374-.85791.13184l-.4292-.34082c-.30811-.24219-.38525-.51758-.1543-.81445a2.97155,2.97155,0,0,1,2.45361-1.17676,2.45393,2.45393,0,0,1,2.68408,2.40918c0,2.45312-3.1792,2.92676-3.27832,3.93848h2.79443A.54085.54085,0,0,1,16.73975,13.81445ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z /> </svg>";
+
+/***/ }),
+/* 94 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <line class=ql-stroke x1=7 x2=13 y1=4 y2=4></line> <line class=ql-stroke x1=5 x2=11 y1=14 y2=14></line> <line class=ql-stroke x1=8 x2=10 y1=14 y2=4></line> </svg>";
+
+/***/ }),
+/* 95 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <rect class=ql-stroke height=10 width=12 x=3 y=4></rect> <circle class=ql-fill cx=6 cy=7 r=1></circle> <polyline class=\"ql-even ql-fill\" points=\"5 12 5 11 7 9 8 10 11 7 13 9 13 12 5 12\"></polyline> </svg>";
+
+/***/ }),
+/* 96 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <line class=ql-stroke x1=3 x2=15 y1=14 y2=14></line> <line class=ql-stroke x1=3 x2=15 y1=4 y2=4></line> <line class=ql-stroke x1=9 x2=15 y1=9 y2=9></line> <polyline class=\"ql-fill ql-stroke\" points=\"3 7 3 11 5 9 3 7\"></polyline> </svg>";
+
+/***/ }),
+/* 97 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <line class=ql-stroke x1=3 x2=15 y1=14 y2=14></line> <line class=ql-stroke x1=3 x2=15 y1=4 y2=4></line> <line class=ql-stroke x1=9 x2=15 y1=9 y2=9></line> <polyline class=ql-stroke points=\"5 7 5 11 3 9 5 7\"></polyline> </svg>";
+
+/***/ }),
+/* 98 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <line class=ql-stroke x1=7 x2=11 y1=7 y2=11></line> <path class=\"ql-even ql-stroke\" d=M8.9,4.577a3.476,3.476,0,0,1,.36,4.679A3.476,3.476,0,0,1,4.577,8.9C3.185,7.5,2.035,6.4,4.217,4.217S7.5,3.185,8.9,4.577Z></path> <path class=\"ql-even ql-stroke\" d=M13.423,9.1a3.476,3.476,0,0,0-4.679-.36,3.476,3.476,0,0,0,.36,4.679c1.392,1.392,2.5,2.542,4.679.36S14.815,10.5,13.423,9.1Z></path> </svg>";
+
+/***/ }),
+/* 99 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <line class=ql-stroke x1=7 x2=15 y1=4 y2=4></line> <line class=ql-stroke x1=7 x2=15 y1=9 y2=9></line> <line class=ql-stroke x1=7 x2=15 y1=14 y2=14></line> <line class=\"ql-stroke ql-thin\" x1=2.5 x2=4.5 y1=5.5 y2=5.5></line> <path class=ql-fill d=M3.5,6A0.5,0.5,0,0,1,3,5.5V3.085l-0.276.138A0.5,0.5,0,0,1,2.053,3c-0.124-.247-0.023-0.324.224-0.447l1-.5A0.5,0.5,0,0,1,4,2.5v3A0.5,0.5,0,0,1,3.5,6Z></path> <path class=\"ql-stroke ql-thin\" d=M4.5,10.5h-2c0-.234,1.85-1.076,1.85-2.234A0.959,0.959,0,0,0,2.5,8.156></path> <path class=\"ql-stroke ql-thin\" d=M2.5,14.846a0.959,0.959,0,0,0,1.85-.109A0.7,0.7,0,0,0,3.75,14a0.688,0.688,0,0,0,.6-0.736,0.959,0.959,0,0,0-1.85-.109></path> </svg>";
+
+/***/ }),
+/* 100 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <line class=ql-stroke x1=6 x2=15 y1=4 y2=4></line> <line class=ql-stroke x1=6 x2=15 y1=9 y2=9></line> <line class=ql-stroke x1=6 x2=15 y1=14 y2=14></line> <line class=ql-stroke x1=3 x2=3 y1=4 y2=4></line> <line class=ql-stroke x1=3 x2=3 y1=9 y2=9></line> <line class=ql-stroke x1=3 x2=3 y1=14 y2=14></line> </svg>";
+
+/***/ }),
+/* 101 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg class=\"\" viewbox=\"0 0 18 18\"> <line class=ql-stroke x1=9 x2=15 y1=4 y2=4></line> <polyline class=ql-stroke points=\"3 4 4 5 6 3\"></polyline> <line class=ql-stroke x1=9 x2=15 y1=14 y2=14></line> <polyline class=ql-stroke points=\"3 14 4 15 6 13\"></polyline> <line class=ql-stroke x1=9 x2=15 y1=9 y2=9></line> <polyline class=ql-stroke points=\"3 9 4 10 6 8\"></polyline> </svg>";
+
+/***/ }),
+/* 102 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <path class=ql-fill d=M15.5,15H13.861a3.858,3.858,0,0,0,1.914-2.975,1.8,1.8,0,0,0-1.6-1.751A1.921,1.921,0,0,0,12.021,11.7a0.50013,0.50013,0,1,0,.957.291h0a0.914,0.914,0,0,1,1.053-.725,0.81,0.81,0,0,1,.744.762c0,1.076-1.16971,1.86982-1.93971,2.43082A1.45639,1.45639,0,0,0,12,15.5a0.5,0.5,0,0,0,.5.5h3A0.5,0.5,0,0,0,15.5,15Z /> <path class=ql-fill d=M9.65,5.241a1,1,0,0,0-1.409.108L6,7.964,3.759,5.349A1,1,0,0,0,2.192,6.59178Q2.21541,6.6213,2.241,6.649L4.684,9.5,2.241,12.35A1,1,0,0,0,3.71,13.70722q0.02557-.02768.049-0.05722L6,11.036,8.241,13.65a1,1,0,1,0,1.567-1.24277Q9.78459,12.3777,9.759,12.35L7.316,9.5,9.759,6.651A1,1,0,0,0,9.65,5.241Z /> </svg>";
+
+/***/ }),
+/* 103 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <path class=ql-fill d=M15.5,7H13.861a4.015,4.015,0,0,0,1.914-2.975,1.8,1.8,0,0,0-1.6-1.751A1.922,1.922,0,0,0,12.021,3.7a0.5,0.5,0,1,0,.957.291,0.917,0.917,0,0,1,1.053-.725,0.81,0.81,0,0,1,.744.762c0,1.077-1.164,1.925-1.934,2.486A1.423,1.423,0,0,0,12,7.5a0.5,0.5,0,0,0,.5.5h3A0.5,0.5,0,0,0,15.5,7Z /> <path class=ql-fill d=M9.651,5.241a1,1,0,0,0-1.41.108L6,7.964,3.759,5.349a1,1,0,1,0-1.519,1.3L4.683,9.5,2.241,12.35a1,1,0,1,0,1.519,1.3L6,11.036,8.241,13.65a1,1,0,0,0,1.519-1.3L7.317,9.5,9.759,6.651A1,1,0,0,0,9.651,5.241Z /> </svg>";
+
+/***/ }),
+/* 104 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <line class=\"ql-stroke ql-thin\" x1=15.5 x2=2.5 y1=8.5 y2=9.5></line> <path class=ql-fill d=M9.007,8C6.542,7.791,6,7.519,6,6.5,6,5.792,7.283,5,9,5c1.571,0,2.765.679,2.969,1.309a1,1,0,0,0,1.9-.617C13.356,4.106,11.354,3,9,3,6.2,3,4,4.538,4,6.5a3.2,3.2,0,0,0,.5,1.843Z></path> <path class=ql-fill d=M8.984,10C11.457,10.208,12,10.479,12,11.5c0,0.708-1.283,1.5-3,1.5-1.571,0-2.765-.679-2.969-1.309a1,1,0,1,0-1.9.617C4.644,13.894,6.646,15,9,15c2.8,0,5-1.538,5-3.5a3.2,3.2,0,0,0-.5-1.843Z></path> </svg>";
+
+/***/ }),
+/* 105 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <path class=ql-stroke d=M5,3V9a4.012,4.012,0,0,0,4,4H9a4.012,4.012,0,0,0,4-4V3></path> <rect class=ql-fill height=1 rx=0.5 ry=0.5 width=12 x=3 y=15></rect> </svg>";
+
+/***/ }),
+/* 106 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <rect class=ql-stroke height=12 width=12 x=3 y=3></rect> <rect class=ql-fill height=12 width=1 x=5 y=3></rect> <rect class=ql-fill height=12 width=1 x=12 y=3></rect> <rect class=ql-fill height=2 width=8 x=5 y=8></rect> <rect class=ql-fill height=1 width=3 x=3 y=5></rect> <rect class=ql-fill height=1 width=3 x=3 y=7></rect> <rect class=ql-fill height=1 width=3 x=3 y=10></rect> <rect class=ql-fill height=1 width=3 x=3 y=12></rect> <rect class=ql-fill height=1 width=3 x=12 y=5></rect> <rect class=ql-fill height=1 width=3 x=12 y=7></rect> <rect class=ql-fill height=1 width=3 x=12 y=10></rect> <rect class=ql-fill height=1 width=3 x=12 y=12></rect> </svg>";
+
+/***/ }),
+/* 107 */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewbox=\"0 0 18 18\"> <polygon class=ql-stroke points=\"7 11 9 13 11 11 7 11\"></polygon> <polygon class=ql-stroke points=\"7 7 9 5 11 7 7 7\"></polygon> </svg>";
+
+/***/ }),
+/* 108 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.BubbleTooltip = undefined;
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _extend = __webpack_require__(3);
+
+var _extend2 = _interopRequireDefault(_extend);
+
+var _emitter = __webpack_require__(8);
+
+var _emitter2 = _interopRequireDefault(_emitter);
+
+var _base = __webpack_require__(43);
+
+var _base2 = _interopRequireDefault(_base);
+
+var _selection = __webpack_require__(15);
+
+var _icons = __webpack_require__(41);
+
+var _icons2 = _interopRequireDefault(_icons);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var TOOLBAR_CONFIG = [['bold', 'italic', 'link'], [{ header: 1 }, { header: 2 }, 'blockquote']];
+
+var BubbleTheme = function (_BaseTheme) {
+  _inherits(BubbleTheme, _BaseTheme);
+
+  function BubbleTheme(quill, options) {
+    _classCallCheck(this, BubbleTheme);
+
+    if (options.modules.toolbar != null && options.modules.toolbar.container == null) {
+      options.modules.toolbar.container = TOOLBAR_CONFIG;
+    }
+
+    var _this = _possibleConstructorReturn(this, (BubbleTheme.__proto__ || Object.getPrototypeOf(BubbleTheme)).call(this, quill, options));
+
+    _this.quill.container.classList.add('ql-bubble');
+    return _this;
+  }
+
+  _createClass(BubbleTheme, [{
+    key: 'extendToolbar',
+    value: function extendToolbar(toolbar) {
+      this.tooltip = new BubbleTooltip(this.quill, this.options.bounds);
+      this.tooltip.root.appendChild(toolbar.container);
+      this.buildButtons([].slice.call(toolbar.container.querySelectorAll('button')), _icons2.default);
+      this.buildPickers([].slice.call(toolbar.container.querySelectorAll('select')), _icons2.default);
+    }
+  }]);
+
+  return BubbleTheme;
+}(_base2.default);
+
+BubbleTheme.DEFAULTS = (0, _extend2.default)(true, {}, _base2.default.DEFAULTS, {
+  modules: {
+    toolbar: {
+      handlers: {
+        link: function link(value) {
+          if (!value) {
+            this.quill.format('link', false);
+          } else {
+            this.quill.theme.tooltip.edit();
+          }
+        }
+      }
+    }
+  }
+});
+
+var BubbleTooltip = function (_BaseTooltip) {
+  _inherits(BubbleTooltip, _BaseTooltip);
+
+  function BubbleTooltip(quill, bounds) {
+    _classCallCheck(this, BubbleTooltip);
+
+    var _this2 = _possibleConstructorReturn(this, (BubbleTooltip.__proto__ || Object.getPrototypeOf(BubbleTooltip)).call(this, quill, bounds));
+
+    _this2.quill.on(_emitter2.default.events.EDITOR_CHANGE, function (type, range, oldRange, source) {
+      if (type !== _emitter2.default.events.SELECTION_CHANGE) return;
+      if (range != null && range.length > 0 && source === _emitter2.default.sources.USER) {
+        _this2.show();
+        // Lock our width so we will expand beyond our offsetParent boundaries
+        _this2.root.style.left = '0px';
+        _this2.root.style.width = '';
+        _this2.root.style.width = _this2.root.offsetWidth + 'px';
+        var lines = _this2.quill.getLines(range.index, range.length);
+        if (lines.length === 1) {
+          _this2.position(_this2.quill.getBounds(range));
+        } else {
+          var lastLine = lines[lines.length - 1];
+          var index = _this2.quill.getIndex(lastLine);
+          var length = Math.min(lastLine.length() - 1, range.index + range.length - index);
+          var _bounds = _this2.quill.getBounds(new _selection.Range(index, length));
+          _this2.position(_bounds);
+        }
+      } else if (document.activeElement !== _this2.textbox && _this2.quill.hasFocus()) {
+        _this2.hide();
+      }
+    });
+    return _this2;
+  }
+
+  _createClass(BubbleTooltip, [{
+    key: 'listen',
+    value: function listen() {
+      var _this3 = this;
+
+      _get(BubbleTooltip.prototype.__proto__ || Object.getPrototypeOf(BubbleTooltip.prototype), 'listen', this).call(this);
+      this.root.querySelector('.ql-close').addEventListener('click', function () {
+        _this3.root.classList.remove('ql-editing');
+      });
+      this.quill.on(_emitter2.default.events.SCROLL_OPTIMIZE, function () {
+        // Let selection be restored by toolbar handlers before repositioning
+        setTimeout(function () {
+          if (_this3.root.classList.contains('ql-hidden')) return;
+          var range = _this3.quill.getSelection();
+          if (range != null) {
+            _this3.position(_this3.quill.getBounds(range));
+          }
+        }, 1);
+      });
+    }
+  }, {
+    key: 'cancel',
+    value: function cancel() {
+      this.show();
+    }
+  }, {
+    key: 'position',
+    value: function position(reference) {
+      var shift = _get(BubbleTooltip.prototype.__proto__ || Object.getPrototypeOf(BubbleTooltip.prototype), 'position', this).call(this, reference);
+      var arrow = this.root.querySelector('.ql-tooltip-arrow');
+      arrow.style.marginLeft = '';
+      if (shift === 0) return shift;
+      arrow.style.marginLeft = -1 * shift - arrow.offsetWidth / 2 + 'px';
+    }
+  }]);
+
+  return BubbleTooltip;
+}(_base.BaseTooltip);
+
+BubbleTooltip.TEMPLATE = ['<span class="ql-tooltip-arrow"></span>', '<div class="ql-tooltip-editor">', '<input type="text" data-formula="e=mc^2" data-link="https://quilljs.com" data-video="Embed URL">', '<a class="ql-close"></a>', '</div>'].join('');
+
+exports.BubbleTooltip = BubbleTooltip;
+exports.default = BubbleTheme;
+
+/***/ }),
+/* 109 */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(63);
+
+
+/***/ })
+/******/ ])["default"];
+});
\ No newline at end of file
diff --git a/public/assets/js/scrollspy.min.js b/public/assets/js/scrollspy.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..13f094498fec67eab6404ace106a72f028ca330a
--- /dev/null
+++ b/public/assets/js/scrollspy.min.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.scrollSpy=e():t.scrollSpy=e()}(window,(function(){return function(t){var e={};function o(s){if(e[s])return e[s].exports;var n=e[s]={i:s,l:!1,exports:{}};return t[s].call(n.exports,n,n.exports,o),n.l=!0,n.exports}return o.m=t,o.c=e,o.d=function(t,e,s){o.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:s})},o.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var s=Object.create(null);if(o.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)o.d(s,n,function(e){return t[e]}.bind(null,n));return s},o.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(e,"a",e),e},o.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},o.p="",o(o.s=0)}([function(t,e,o){t.exports=(t,e={})=>{const{ScrollSpy:s}=o(1),n=new s(t,e);return window.onload=n.onScroll(),window.addEventListener("scroll",()=>n.onScroll()),n}},function(t,e,o){"use strict";o.r(e),o.d(e,"ScrollSpy",(function(){return s}));class s{constructor(t,e={}){if(!t)throw new Error("First argument is query selector to your navigation.");if("object"!=typeof e)throw new Error("Second argument must be instance of Object.");e.smoothScroll=!0===e.smoothScroll&&{}||e.smoothScroll,this.menuList=t instanceof HTMLElement?t:document.querySelector(t),this.options=Object.assign({},{sectionClass:".scrollspy",menuActiveTarget:"li > a",offset:0,hrefAttribute:"href",activeClass:"active",scrollContainer:"",smoothScroll:{}},e),this.options.scrollContainer?this.scroller=this.options.scrollContainer instanceof HTMLElement?this.options.scrollContainer:document.querySelector(this.options.scrollContainer):this.scroller=window,this.sections=document.querySelectorAll(this.options.sectionClass),this.attachEventListeners()}attachEventListeners(){if(this.scroller&&(this.scroller.addEventListener("scroll",()=>this.onScroll()),this.options.smoothScroll)){this.menuList.querySelectorAll(this.options.menuActiveTarget).forEach(t=>t.addEventListener("click",this.onClick.bind(this)))}}onClick(t){const e=t.target.getAttribute(this.options.hrefAttribute),o=document.querySelector(e);o&&this.options.smoothScroll&&(t.preventDefault(),this.scrollTo(o))}onScroll(){const t=this.getSectionInView(),e=this.getMenuItemBySection(t);e&&(this.removeCurrentActive({ignore:e}),this.setActive(e))}scrollTo(t){const e="function"==typeof this.options.smoothScrollBehavior&&this.options.smoothScrollBehavior;e?e(t,this.options.smoothScroll):t.scrollIntoView({...this.options.smoothScroll,behavior:"smooth"})}getMenuItemBySection(t){if(!t)return;const e=t.getAttribute("id");return this.menuList.querySelector(`[${this.options.hrefAttribute}="#${e}"]`)}getSectionInView(){for(let t=0;t<this.sections.length;t++){const e=this.sections[t].offsetTop,o=e+this.sections[t].offsetHeight;let s=(document.documentElement.scrollTop||document.body.scrollTop)+this.options.offset;this.options.scrollContainer&&this.scroller&&(s=this.scroller.scrollTop+this.options.offset);if(s>e&&s<=o)return this.sections[t]}}setActive(t){t.classList.contains(this.options.activeClass)||t.classList.add(this.options.activeClass)}removeCurrentActive({ignore:t}){const{hrefAttribute:e,menuActiveTarget:o,activeClass:s}=this.options,n=`${o}.${s}:not([${e}="${t.getAttribute(e)}"])`;this.menuList.querySelectorAll(n).forEach(t=>t.classList.remove(this.options.activeClass))}}}])}));
diff --git a/public/assets/js/simple-datatables.js b/public/assets/js/simple-datatables.js
new file mode 100644
index 0000000000000000000000000000000000000000..9558b2ab09445c8c9912a0c6a8543d84e51c7ee9
--- /dev/null
+++ b/public/assets/js/simple-datatables.js
@@ -0,0 +1,12 @@
+(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.simpleDatatables = f()}})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
+(function (global){(function (){
+"use strict";"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function t(t,e){return t(e={exports:{}},e.exports),e.exports}var e=t((function(t,e){t.exports=function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",a="hour",o="day",u="week",f="month",h="quarter",c="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,M=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,m={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},D=function(t,e,n){var r=String(t);return!r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:D,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return(e<=0?"+":"-")+D(r,2,"0")+":"+D(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return-t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,a=e.clone().add(r+(s?-1:1),f);return+(-(r+(n-i)/(s?i-a:a-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:f,y:c,w:u,d:o,D:d,h:a,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},p="en",g={};g[p]=m;var y=function(t){return t instanceof O},Y=function(t,e,n){var r;if(!t)return p;if("string"==typeof t)g[t]&&(r=t),e&&(g[t]=e,r=t);else{var i=t.name;g[i]=t,r=i}return!n&&r&&(p=r),r||!n&&p},S=function(t,e){if(y(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new O(n)},w=v;w.l=Y,w.i=y,w.w=function(t,e){return S(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var O=function(){function m(t){this.$L=Y(t.locale,null,!0),this.parse(t)}var D=m.prototype;return D.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(w.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init()},D.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},D.$utils=function(){return w},D.isValid=function(){return!(this.$d.toString()===l)},D.isSame=function(t,e){var n=S(t);return this.startOf(e)<=n&&n<=this.endOf(e)},D.isAfter=function(t,e){return S(t)<this.startOf(e)},D.isBefore=function(t,e){return this.endOf(e)<S(t)},D.$g=function(t,e,n){return w.u(t)?this[e]:this.set(n,t)},D.unix=function(){return Math.floor(this.valueOf()/1e3)},D.valueOf=function(){return this.$d.getTime()},D.startOf=function(t,e){var n=this,r=!!w.u(e)||e,h=w.p(t),l=function(t,e){var i=w.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(o)},$=function(t,e){return w.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},M=this.$W,m=this.$M,D=this.$D,v="set"+(this.$u?"UTC":"");switch(h){case c:return r?l(1,0):l(31,11);case f:return r?l(1,m):l(0,m+1);case u:var p=this.$locale().weekStart||0,g=(M<p?M+7:M)-p;return l(r?D-g:D+(6-g),m);case o:case d:return $(v+"Hours",0);case a:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},D.endOf=function(t){return this.startOf(t,!1)},D.$set=function(t,e){var n,u=w.p(t),h="set"+(this.$u?"UTC":""),l=(n={},n[o]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[a]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[u],$=u===o?this.$D+(e-this.$W):e;if(u===f||u===c){var M=this.clone().set(d,1);M.$d[l]($),M.init(),this.$d=M.set(d,Math.min(this.$D,M.daysInMonth())).$d}else l&&this.$d[l]($);return this.init(),this},D.set=function(t,e){return this.clone().$set(t,e)},D.get=function(t){return this[w.p(t)]()},D.add=function(r,h){var d,l=this;r=Number(r);var $=w.p(h),M=function(t){var e=S(l);return w.w(e.date(e.date()+Math.round(t*r)),l)};if($===f)return this.set(f,this.$M+r);if($===c)return this.set(c,this.$y+r);if($===o)return M(1);if($===u)return M(7);var m=(d={},d[s]=e,d[a]=n,d[i]=t,d)[$]||1,D=this.$d.getTime()+r*m;return w.w(D,this)},D.subtract=function(t,e){return this.add(-1*t,e)},D.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=w.z(this),s=this.$H,a=this.$m,o=this.$M,u=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].substr(0,s)},c=function(t){return w.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},$={YY:String(this.$y).slice(-2),YYYY:this.$y,M:o+1,MM:w.s(o+1,2,"0"),MMM:h(n.monthsShort,o,f,3),MMMM:h(f,o),D:this.$D,DD:w.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,u,2),ddd:h(n.weekdaysShort,this.$W,u,3),dddd:u[this.$W],H:String(s),HH:w.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,a,!0),A:d(s,a,!1),m:String(a),mm:w.s(a,2,"0"),s:String(this.$s),ss:w.s(this.$s,2,"0"),SSS:w.s(this.$ms,3,"0"),Z:i};return r.replace(M,(function(t,e){return e||$[t]||i.replace(":","")}))},D.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},D.diff=function(r,d,l){var $,M=w.p(d),m=S(r),D=(m.utcOffset()-this.utcOffset())*e,v=this-m,p=w.m(this,m);return p=($={},$[c]=p/12,$[f]=p,$[h]=p/3,$[u]=(v-D)/6048e5,$[o]=(v-D)/864e5,$[a]=v/n,$[s]=v/e,$[i]=v/t,$)[M]||v,l?p:w.a(p)},D.daysInMonth=function(){return this.endOf(f).$D},D.$locale=function(){return g[this.$L]},D.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=Y(t,e,!0);return r&&(n.$L=r),n},D.clone=function(){return w.w(this.$d,this)},D.toDate=function(){return new Date(this.valueOf())},D.toJSON=function(){return this.isValid()?this.toISOString():null},D.toISOString=function(){return this.$d.toISOString()},D.toString=function(){return this.$d.toUTCString()},m}(),L=O.prototype;return S.prototype=L,[["$ms",r],["$s",i],["$m",s],["$H",a],["$W",o],["$M",f],["$y",c],["$D",d]].forEach((function(t){L[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),S.extend=function(t,e){return t.$i||(t(e,O,S),t.$i=!0),S},S.locale=Y,S.isDayjs=y,S.unix=function(t){return S(1e3*t)},S.en=g[p],S.Ls=g,S.p={},S}()})),n=t((function(t,e){t.exports=function(){var t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},e=/(\[[^[]*\])|([-:/.()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d\d/,r=/\d\d?/,i=/\d*[^\s\d-_:/()]+/,s={},a=function(t){return(t=+t)+(t>68?1900:2e3)},o=function(t){return function(e){this[t]=+e}},u=[/[+-]\d\d:?(\d\d)?|Z/,function(t){(this.zone||(this.zone={})).offset=function(t){if(!t)return 0;if("Z"===t)return 0;var e=t.match(/([+-]|\d\d)/g),n=60*e[1]+(+e[2]||0);return 0===n?0:"+"===e[0]?-n:n}(t)}],f=function(t){var e=s[t];return e&&(e.indexOf?e:e.s.concat(e.f))},h=function(t,e){var n,r=s.meridiem;if(r){for(var i=1;i<=24;i+=1)if(t.indexOf(r(i,0,e))>-1){n=i>12;break}}else n=t===(e?"pm":"PM");return n},c={A:[i,function(t){this.afternoon=h(t,!1)}],a:[i,function(t){this.afternoon=h(t,!0)}],S:[/\d/,function(t){this.milliseconds=100*+t}],SS:[n,function(t){this.milliseconds=10*+t}],SSS:[/\d{3}/,function(t){this.milliseconds=+t}],s:[r,o("seconds")],ss:[r,o("seconds")],m:[r,o("minutes")],mm:[r,o("minutes")],H:[r,o("hours")],h:[r,o("hours")],HH:[r,o("hours")],hh:[r,o("hours")],D:[r,o("day")],DD:[n,o("day")],Do:[i,function(t){var e=s.ordinal,n=t.match(/\d+/);if(this.day=n[0],e)for(var r=1;r<=31;r+=1)e(r).replace(/\[|\]/g,"")===t&&(this.day=r)}],M:[r,o("month")],MM:[n,o("month")],MMM:[i,function(t){var e=f("months"),n=(f("monthsShort")||e.map((function(t){return t.substr(0,3)}))).indexOf(t)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[i,function(t){var e=f("months").indexOf(t)+1;if(e<1)throw new Error;this.month=e%12||e}],Y:[/[+-]?\d+/,o("year")],YY:[n,function(t){this.year=a(t)}],YYYY:[/\d{4}/,o("year")],Z:u,ZZ:u};function d(n){var r,i;r=n,i=s&&s.formats;for(var a=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(e,n,r){var s=r&&r.toUpperCase();return n||i[r]||t[r]||i[s].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,e,n){return e||n.slice(1)}))}))).match(e),o=a.length,u=0;u<o;u+=1){var f=a[u],h=c[f],d=h&&h[0],l=h&&h[1];a[u]=l?{regex:d,parser:l}:f.replace(/^\[|\]$/g,"")}return function(t){for(var e={},n=0,r=0;n<o;n+=1){var i=a[n];if("string"==typeof i)r+=i.length;else{var s=i.regex,u=i.parser,f=t.substr(r),h=s.exec(f)[0];u.call(e,h),t=t.replace(h,"")}}return function(t){var e=t.afternoon;if(void 0!==e){var n=t.hours;e?n<12&&(t.hours+=12):12===n&&(t.hours=0),delete t.afternoon}}(e),e}}return function(t,e,n){n.p.customParseFormat=!0,t&&t.parseTwoDigitYear&&(a=t.parseTwoDigitYear);var r=e.prototype,i=r.parse;r.parse=function(t){var e=t.date,r=t.utc,a=t.args;this.$u=r;var o=a[1];if("string"==typeof o){var u=!0===a[2],f=!0===a[3],h=u||f,c=a[2];f&&(c=a[2]),s=this.$locale(),!u&&c&&(s=n.Ls[c]),this.$d=function(t,e,n){try{if(["x","X"].indexOf(e)>-1)return new Date(("X"===e?1e3:1)*t);var r=d(e)(t),i=r.year,s=r.month,a=r.day,o=r.hours,u=r.minutes,f=r.seconds,h=r.milliseconds,c=r.zone,l=new Date,$=a||(i||s?1:l.getDate()),M=i||l.getFullYear(),m=0;i&&!s||(m=s>0?s-1:l.getMonth());var D=o||0,v=u||0,p=f||0,g=h||0;return c?new Date(Date.UTC(M,m,$,D,v,p,g+60*c.offset*1e3)):n?new Date(Date.UTC(M,m,$,D,v,p,g)):new Date(M,m,$,D,v,p,g)}catch(t){return new Date("")}}(e,o,r),this.init(),c&&!0!==c&&(this.$L=this.locale(c).$L),h&&e!=this.format(o)&&(this.$d=new Date("")),s={}}else if(o instanceof Array)for(var l=o.length,$=1;$<=l;$+=1){a[1]=o[$-1];var M=n.apply(this,a);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}$===l&&(this.$d=new Date(""))}else i.call(this,t)}}}()}));e.extend(n);exports.parseDate=(t,n)=>{let r=!1;if(n)switch(n){case"ISO_8601":r=t;break;case"RFC_2822":r=e(t.slice(5),"DD MMM YYYY HH:mm:ss ZZ").unix();break;case"MYSQL":r=e(t,"YYYY-MM-DD hh:mm:ss").unix();break;case"UNIX":r=e(t).unix();break;default:r=e(t,n,!0).valueOf()}return r};
+
+
+}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{}],2:[function(require,module,exports){
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const t=t=>"[object Object]"===Object.prototype.toString.call(t),e=(t,e)=>{const s=document.createElement(t);if(e&&"object"==typeof e)for(const t in e)"html"===t?s.innerHTML=e[t]:s.setAttribute(t,e[t]);return s},s=t=>{t instanceof NodeList?t.forEach((t=>s(t))):t.innerHTML=""},i=(t,s,i)=>e("li",{class:t,html:`<a href="#" data-page="${s}">${i}</a>`}),a=(t,e)=>{let s,i;1===e?(s=0,i=t.length):-1===e&&(s=t.length-1,i=-1);for(let a=!0;a;){a=!1;for(let n=s;n!=i;n+=e)if(t[n+e]&&t[n].value>t[n+e].value){const s=t[n],i=t[n+e],h=s;t[n]=i,t[n+e]=h,a=!0}}return t};class n{constructor(t,e){return this.dt=t,this.rows=e,this}build(t){const s=e("tr");let i=this.dt.headings;return i.length||(i=t.map((()=>""))),i.forEach(((i,a)=>{const n=e("td");t[a]&&t[a].length||(t[a]=""),n.innerHTML=t[a],n.data=t[a],s.appendChild(n)})),s}render(t){return t}add(t){if(Array.isArray(t)){const e=this.dt;Array.isArray(t[0])?t.forEach((t=>{e.data.push(this.build(t))})):e.data.push(this.build(t)),e.data.length&&(e.hasRows=!0),this.update(),e.columns().rebuild()}}remove(t){const e=this.dt;Array.isArray(t)?(t.sort(((t,e)=>e-t)),t.forEach((t=>{e.data.splice(t,1)}))):"all"==t?e.data=[]:e.data.splice(t,1),e.data.length||(e.hasRows=!1),this.update(),e.columns().rebuild()}update(){this.dt.data.forEach(((t,e)=>{t.dataIndex=e}))}findRowIndex(t,e){return this.dt.data.findIndex((s=>s.children[t].innerText.toLowerCase().includes(String(e).toLowerCase())))}findRow(t,e){const s=this.findRowIndex(t,e);if(s<0)return{index:-1,row:null,cols:[]};const i=this.dt.data[s];return{index:s,row:i,cols:[...i.cells].map((t=>t.innerHTML))}}updateRow(t,e){const s=this.build(e);this.dt.data.splice(t,1,s),this.update(),this.dt.columns().rebuild()}}class h{constructor(t){return this.dt=t,this}swap(t){if(t.length&&2===t.length){const e=[];this.dt.headings.forEach(((t,s)=>{e.push(s)}));const s=t[0],i=t[1],a=e[i];e[i]=e[s],e[s]=a,this.order(e)}}order(t){let e,s,i,a,n,h,r;const l=[[],[],[],[]],o=this.dt;t.forEach(((t,i)=>{n=o.headings[t],h="false"!==n.getAttribute("data-sortable"),e=n.cloneNode(!0),e.originalCellIndex=i,e.sortable=h,l[0].push(e),o.hiddenColumns.includes(t)||(s=n.cloneNode(!0),s.originalCellIndex=i,s.sortable=h,l[1].push(s))})),o.data.forEach(((e,s)=>{i=e.cloneNode(!1),a=e.cloneNode(!1),i.dataIndex=a.dataIndex=s,null!==e.searchIndex&&void 0!==e.searchIndex&&(i.searchIndex=a.searchIndex=e.searchIndex),t.forEach((t=>{r=e.cells[t].cloneNode(!0),r.data=e.cells[t].data,i.appendChild(r),o.hiddenColumns.includes(t)||(r=e.cells[t].cloneNode(!0),r.data=e.cells[t].data,a.appendChild(r))})),l[2].push(i),l[3].push(a)})),o.headings=l[0],o.activeHeadings=l[1],o.data=l[2],o.activeRows=l[3],o.update()}hide(t){if(t.length){const e=this.dt;t.forEach((t=>{e.hiddenColumns.includes(t)||e.hiddenColumns.push(t)})),this.rebuild()}}show(t){if(t.length){let e;const s=this.dt;t.forEach((t=>{e=s.hiddenColumns.indexOf(t),e>-1&&s.hiddenColumns.splice(e,1)})),this.rebuild()}}visible(t){let e;const s=this.dt;return t=t||s.headings.map((t=>t.originalCellIndex)),isNaN(t)?Array.isArray(t)&&(e=[],t.forEach((t=>{e.push(!s.hiddenColumns.includes(t))}))):e=!s.hiddenColumns.includes(t),e}add(t){let e;const s=document.createElement("th");if(!this.dt.headings.length)return this.dt.insert({headings:[t.heading],data:t.data.map((t=>[t]))}),void this.rebuild();this.dt.hiddenHeader?s.innerHTML="":t.heading.nodeName?s.appendChild(t.heading):s.innerHTML=t.heading,this.dt.headings.push(s),this.dt.data.forEach(((s,i)=>{t.data[i]&&(e=document.createElement("td"),t.data[i].nodeName?e.appendChild(t.data[i]):e.innerHTML=t.data[i],e.data=e.innerHTML,t.render&&(e.innerHTML=t.render.call(this,e.data,e,s)),s.appendChild(e))})),t.type&&s.setAttribute("data-type",t.type),t.format&&s.setAttribute("data-format",t.format),t.hasOwnProperty("sortable")&&(s.sortable=t.sortable,s.setAttribute("data-sortable",!0===t.sortable?"true":"false")),this.rebuild(),this.dt.renderHeader()}remove(t){Array.isArray(t)?(t.sort(((t,e)=>e-t)),t.forEach((t=>this.remove(t)))):(this.dt.headings.splice(t,1),this.dt.data.forEach((e=>{e.removeChild(e.cells[t])}))),this.rebuild()}filter(t,e,s,i){const a=this.dt;if(a.filterState||(a.filterState={originalData:a.data}),!a.filterState[t]){const e=[...i,()=>!0];a.filterState[t]=function(){let t=0;return()=>e[t++%e.length]}()}const n=a.filterState[t](),h=Array.from(a.filterState.originalData).filter((e=>{const s=e.cells[t],i=s.hasAttribute("data-content")?s.getAttribute("data-content"):s.innerText;return"function"==typeof n?n(i):i===n}));a.data=h,a.data.length?(this.rebuild(),a.update()):(a.clear(),a.hasRows=!1,a.setMessage(a.options.labels.noRows)),s||a.emit("datatable.sort",t,e)}sort(t,e,s){const i=this.dt;if(i.hasHeadings&&(t<0||t>i.headings.length))return!1;const n=i.options.filters&&i.options.filters[i.headings[t].textContent];if(n&&0!==n.length)return void this.filter(t,e,s,n);i.sorting=!0,s||i.emit("datatable.sorting",t,e);let h=i.data;const r=[],l=[];let o=0,d=0;const c=i.headings[t],p=[];if("date"===c.getAttribute("data-type")){let t=!1;c.hasAttribute("data-format")&&(t=c.getAttribute("data-format")),p.push(Promise.resolve().then((function(){return require("./date-170bba30.js")})).then((({parseDate:e})=>s=>e(s,t))))}Promise.all(p).then((n=>{const p=n[0];let u,g;Array.from(h).forEach((e=>{const s=e.cells[t],i=s.hasAttribute("data-content")?s.getAttribute("data-content"):s.innerText;let a;a=p?p(i):"string"==typeof i?i.replace(/(\$|,|\s|%)/g,""):i,parseFloat(a)==a?l[d++]={value:Number(a),row:e}:r[o++]={value:"string"==typeof i?i.toLowerCase():i,row:e}})),e||(e=c.classList.contains("asc")?"desc":"asc"),"desc"==e?(u=a(r,-1),g=a(l,-1),c.classList.remove("asc"),c.classList.add("desc")):(u=a(l,1),g=a(r,1),c.classList.remove("desc"),c.classList.add("asc")),i.lastTh&&c!=i.lastTh&&(i.lastTh.classList.remove("desc"),i.lastTh.classList.remove("asc")),i.lastTh=c,h=u.concat(g),i.data=[];const f=[];h.forEach(((t,e)=>{i.data.push(t.row),null!==t.row.searchIndex&&void 0!==t.row.searchIndex&&f.push(e)})),i.searchData=f,this.rebuild(),i.update(),s||i.emit("datatable.sort",t,e)}))}rebuild(){let t,e,s,i;const a=this.dt,n=[];a.activeRows=[],a.activeHeadings=[],a.headings.forEach(((t,e)=>{t.originalCellIndex=e,t.sortable="false"!==t.getAttribute("data-sortable"),a.hiddenColumns.includes(e)||a.activeHeadings.push(t)})),a.data.forEach(((h,r)=>{t=h.cloneNode(!1),e=h.cloneNode(!1),t.dataIndex=e.dataIndex=r,null!==h.searchIndex&&void 0!==h.searchIndex&&(t.searchIndex=e.searchIndex=h.searchIndex),Array.from(h.cells).forEach((n=>{s=n.cloneNode(!0),s.data=n.data,t.appendChild(s),a.hiddenColumns.includes(s.cellIndex)||(i=s.cloneNode(!0),i.data=s.data,e.appendChild(i))})),n.push(t),a.activeRows.push(e)})),a.data=n,a.update()}}const r=function(t){let s=!1,i=!1;if((t=t||this.options.data).headings){s=e("thead");const i=e("tr");t.headings.forEach((t=>{const s=e("th",{html:t});i.appendChild(s)})),s.appendChild(i)}t.data&&t.data.length&&(i=e("tbody"),t.data.forEach((s=>{if(t.headings&&t.headings.length!==s.length)throw new Error("The number of rows do not match the number of headings.");const a=e("tr");s.forEach((t=>{const s=e("td",{html:t});a.appendChild(s)})),i.appendChild(a)}))),s&&(null!==this.dom.tHead&&this.dom.removeChild(this.dom.tHead),this.dom.appendChild(s)),i&&(this.dom.tBodies.length&&this.dom.removeChild(this.dom.tBodies[0]),this.dom.appendChild(i))},l={sortable:!0,searchable:!0,paging:!0,perPage:10,perPageSelect:[5,10,15,20,25],nextPrev:!0,firstLast:!1,prevText:"&lsaquo;",nextText:"&rsaquo;",firstText:"&laquo;",lastText:"&raquo;",ellipsisText:"&hellip;",ascText:"▴",descText:"▾",truncatePager:!0,pagerDelta:2,scrollY:"",fixedColumns:!0,fixedHeight:!1,header:!0,hiddenHeader:!1,footer:!1,labels:{placeholder:"Search...",perPage:"{select} entries per page",noRows:"No entries found",noResults:"No results match your search query",info:"Showing {start} to {end} of {rows} entries"},layout:{top:"{select}{search}",bottom:"{info}{pager}"}};class o{constructor(t,e={}){const s="string"==typeof t?document.querySelector(t):t;if(this.options={...l,...e,layout:{...l.layout,...e.layout},labels:{...l.labels,...e.labels}},this.initialized=!1,this.initialLayout=s.innerHTML,this.initialSortable=this.options.sortable,this.options.header||(this.options.sortable=!1),null===s.tHead&&(!this.options.data||this.options.data&&!this.options.data.headings)&&(this.options.sortable=!1),s.tBodies.length&&!s.tBodies[0].rows.length&&this.options.data&&!this.options.data.data)throw new Error("You seem to be using the data option, but you've not defined any rows.");this.dom=s,this.table=this.dom,this.listeners={onResize:t=>this.onResize(t)},this.init()}static extend(t,e){"function"==typeof e?o.prototype[t]=e:o[t]=e}init(t){if(this.initialized||this.dom.classList.contains("dataTable-table"))return!1;Object.assign(this.options,t||{}),this.currentPage=1,this.onFirstPage=!0,this.hiddenColumns=[],this.columnRenderers=[],this.selectedColumns=[],this.render(),setTimeout((()=>{this.emit("datatable.init"),this.initialized=!0,this.options.plugins&&Object.entries(this.options.plugins).forEach((([t,s])=>{this[t]&&"function"==typeof this[t]&&(this[t]=this[t](s,{createElement:e}),s.enabled&&this[t].init&&"function"==typeof this[t].init&&this[t].init())}))}),10)}render(t){if(t){switch(t){case"page":this.renderPage();break;case"pager":this.renderPager();break;case"header":this.renderHeader()}return!1}const s=this.options;let i="";if(s.data&&r.call(this),this.body=this.dom.tBodies[0],this.head=this.dom.tHead,this.foot=this.dom.tFoot,this.body||(this.body=e("tbody"),this.dom.appendChild(this.body)),this.hasRows=this.body.rows.length>0,!this.head){const t=e("thead"),i=e("tr");this.hasRows&&(Array.from(this.body.rows[0].cells).forEach((()=>{i.appendChild(e("th"))})),t.appendChild(i)),this.head=t,this.dom.insertBefore(this.head,this.body),this.hiddenHeader=s.hiddenHeader}if(this.headings=[],this.hasHeadings=this.head.rows.length>0,this.hasHeadings&&(this.header=this.head.rows[0],this.headings=[].slice.call(this.header.cells)),s.header||this.head&&this.dom.removeChild(this.dom.tHead),s.footer?this.head&&!this.foot&&(this.foot=e("tfoot",{html:this.head.innerHTML}),this.dom.appendChild(this.foot)):this.foot&&this.dom.removeChild(this.dom.tFoot),this.wrapper=e("div",{class:"dataTable-wrapper dataTable-loading"}),i+="<div class='dataTable-top'>",i+=s.layout.top,i+="</div>",s.scrollY.length?i+=`<div class='dataTable-container' style='height: ${s.scrollY}; overflow-Y: auto;'></div>`:i+="<div class='dataTable-container'></div>",i+="<div class='dataTable-bottom'>",i+=s.layout.bottom,i+="</div>",i=i.replace("{info}",s.paging?"<div class='dataTable-info'></div>":""),s.paging&&s.perPageSelect){let t="<div class='dataTable-dropdown'><label>";t+=s.labels.perPage,t+="</label></div>";const a=e("select",{class:"dataTable-selector"});s.perPageSelect.forEach((t=>{const e=t===s.perPage,i=new Option(t,t,e,e);a.add(i)})),t=t.replace("{select}",a.outerHTML),i=i.replace("{select}",t)}else i=i.replace("{select}","");if(s.searchable){const t=`<div class='dataTable-search'><input class='dataTable-input' placeholder='${s.labels.placeholder}' type='text'></div>`;i=i.replace("{search}",t)}else i=i.replace("{search}","");this.hasHeadings&&this.render("header"),this.dom.classList.add("dataTable-table");const a=e("nav",{class:"dataTable-pagination"}),n=e("ul",{class:"dataTable-pagination-list"});a.appendChild(n),i=i.replace(/\{pager\}/g,a.outerHTML),this.wrapper.innerHTML=i,this.container=this.wrapper.querySelector(".dataTable-container"),this.pagers=this.wrapper.querySelectorAll(".dataTable-pagination-list"),this.label=this.wrapper.querySelector(".dataTable-info"),this.dom.parentNode.replaceChild(this.wrapper,this.dom),this.container.appendChild(this.dom),this.rect=this.dom.getBoundingClientRect(),this.data=Array.from(this.body.rows),this.activeRows=this.data.slice(),this.activeHeadings=this.headings.slice(),this.update(),this.setColumns(),this.fixHeight(),this.fixColumns(),s.header||this.wrapper.classList.add("no-header"),s.footer||this.wrapper.classList.add("no-footer"),s.sortable&&this.wrapper.classList.add("sortable"),s.searchable&&this.wrapper.classList.add("searchable"),s.fixedHeight&&this.wrapper.classList.add("fixed-height"),s.fixedColumns&&this.wrapper.classList.add("fixed-columns"),this.bindEvents()}renderPage(){if(this.hasHeadings&&(s(this.header),this.activeHeadings.forEach((t=>this.header.appendChild(t)))),this.hasRows&&this.totalPages){this.currentPage>this.totalPages&&(this.currentPage=1);const t=this.currentPage-1,e=document.createDocumentFragment();this.pages[t].forEach((t=>e.appendChild(this.rows().render(t)))),this.clear(e),this.onFirstPage=1===this.currentPage,this.onLastPage=this.currentPage===this.lastPage}else this.setMessage(this.options.labels.noRows);let t,e=0,i=0,a=0;if(this.totalPages&&(e=this.currentPage-1,i=e*this.options.perPage,a=i+this.pages[e].length,i+=1,t=this.searching?this.searchData.length:this.data.length),this.label&&this.options.labels.info.length){const e=this.options.labels.info.replace("{start}",i).replace("{end}",a).replace("{page}",this.currentPage).replace("{pages}",this.totalPages).replace("{rows}",t);this.label.innerHTML=t?e:""}1==this.currentPage&&this.fixHeight()}renderPager(){if(s(this.pagers),this.totalPages>1){const t="pager",s=document.createDocumentFragment(),a=this.onFirstPage?1:this.currentPage-1,n=this.onLastPage?this.totalPages:this.currentPage+1;this.options.firstLast&&s.appendChild(i(t,1,this.options.firstText)),this.options.nextPrev&&!this.onFirstPage&&s.appendChild(i(t,a,this.options.prevText));let h=this.links;this.options.truncatePager&&(h=((t,s,i,a,n)=>{let h;const r=2*(a=a||2);let l=s-a,o=s+a;const d=[],c=[];s<4-a+r?o=3+r:s>i-(3-a+r)&&(l=i-(2+r));for(let e=1;e<=i;e++)if(1==e||e==i||e>=l&&e<=o){const s=t[e-1];s.classList.remove("active"),d.push(s)}return d.forEach((s=>{const i=s.children[0].getAttribute("data-page");if(h){const s=h.children[0].getAttribute("data-page");if(i-s==2)c.push(t[s]);else if(i-s!=1){const t=e("li",{class:"ellipsis",html:`<a href="#">${n}</a>`});c.push(t)}}c.push(s),h=s})),c})(this.links,this.currentPage,this.pages.length,this.options.pagerDelta,this.options.ellipsisText)),this.links[this.currentPage-1].classList.add("active"),h.forEach((t=>{t.classList.remove("active"),s.appendChild(t)})),this.links[this.currentPage-1].classList.add("active"),this.options.nextPrev&&!this.onLastPage&&s.appendChild(i(t,n,this.options.nextText)),this.options.firstLast&&s.appendChild(i(t,this.totalPages,this.options.lastText)),this.pagers.forEach((t=>{t.appendChild(s.cloneNode(!0))}))}}renderHeader(){this.labels=[],this.headings&&this.headings.length&&this.headings.forEach(((t,s)=>{if(this.labels[s]=t.textContent,t.firstElementChild&&t.firstElementChild.classList.contains("dataTable-sorter")&&(t.innerHTML=t.firstElementChild.innerHTML),t.sortable="false"!==t.getAttribute("data-sortable"),t.originalCellIndex=s,this.options.sortable&&t.sortable){const s=e("a",{href:"#",class:"dataTable-sorter",html:t.innerHTML});t.innerHTML="",t.setAttribute("data-sortable",""),t.appendChild(s)}})),this.fixColumns()}bindEvents(){const t=this.options;if(t.perPageSelect){const e=this.wrapper.querySelector(".dataTable-selector");e&&e.addEventListener("change",(()=>{t.perPage=parseInt(e.value,10),this.update(),this.fixHeight(),this.emit("datatable.perpage",t.perPage)}),!1)}t.searchable&&(this.input=this.wrapper.querySelector(".dataTable-input"),this.input&&this.input.addEventListener("keyup",(()=>this.search(this.input.value)),!1)),this.wrapper.addEventListener("click",(e=>{const s=e.target.closest("a");s&&"a"===s.nodeName.toLowerCase()&&(s.hasAttribute("data-page")?(this.page(s.getAttribute("data-page")),e.preventDefault()):t.sortable&&s.classList.contains("dataTable-sorter")&&"false"!=s.parentNode.getAttribute("data-sortable")&&(this.columns().sort(this.headings.indexOf(s.parentNode)),e.preventDefault()))}),!1),window.addEventListener("resize",this.listeners.onResize)}onResize(){this.rect=this.container.getBoundingClientRect(),this.rect.width&&this.fixColumns()}setColumns(t){t||this.data.forEach((t=>{Array.from(t.cells).forEach((t=>{t.data=t.innerHTML}))})),this.options.columns&&this.headings.length&&this.options.columns.forEach((t=>{Array.isArray(t.select)||(t.select=[t.select]),t.hasOwnProperty("render")&&"function"==typeof t.render&&(this.selectedColumns=this.selectedColumns.concat(t.select),this.columnRenderers.push({columns:t.select,renderer:t.render})),t.select.forEach((e=>{const s=this.headings[e];t.type&&s.setAttribute("data-type",t.type),t.format&&s.setAttribute("data-format",t.format),t.hasOwnProperty("sortable")&&s.setAttribute("data-sortable",t.sortable),t.hasOwnProperty("hidden")&&!1!==t.hidden&&this.columns().hide([e]),t.hasOwnProperty("sort")&&1===t.select.length&&this.columns().sort(t.select[0],t.sort,!0)}))})),this.hasRows&&(this.data.forEach(((t,e)=>{t.dataIndex=e,Array.from(t.cells).forEach((t=>{t.data=t.innerHTML}))})),this.selectedColumns.length&&this.data.forEach((t=>{Array.from(t.cells).forEach(((e,s)=>{this.selectedColumns.includes(s)&&this.columnRenderers.forEach((i=>{i.columns.includes(s)&&(e.innerHTML=i.renderer.call(this,e.data,e,t))}))}))})),this.columns().rebuild()),this.render("header")}destroy(){this.dom.innerHTML=this.initialLayout,this.dom.classList.remove("dataTable-table"),this.wrapper.parentNode.replaceChild(this.dom,this.wrapper),this.initialized=!1,window.removeEventListener("resize",this.listeners.onResize)}update(){this.wrapper.classList.remove("dataTable-empty"),this.paginate(this),this.render("page"),this.links=[];let t=this.pages.length;for(;t--;){const e=t+1;this.links[t]=i(0===t?"active":"",e,e)}this.sorting=!1,this.render("pager"),this.rows().update(),this.emit("datatable.update")}paginate(){const t=this.options.perPage;let e=this.activeRows;return this.searching&&(e=[],this.searchData.forEach((t=>e.push(this.activeRows[t])))),this.options.paging?this.pages=e.map(((s,i)=>i%t==0?e.slice(i,i+t):null)).filter((t=>t)):this.pages=[e],this.totalPages=this.lastPage=this.pages.length,this.totalPages}fixColumns(){if((this.options.scrollY.length||this.options.fixedColumns)&&this.activeHeadings&&this.activeHeadings.length){let t,s=!1;if(this.columnWidths=[],this.dom.tHead){if(this.options.scrollY.length&&(s=e("thead"),s.appendChild(e("tr")),s.style.height="0px",this.headerTable&&(this.dom.tHead=this.headerTable.tHead)),this.activeHeadings.forEach((t=>{t.style.width=""})),this.activeHeadings.forEach(((t,i)=>{const a=t.offsetWidth,n=a/this.rect.width*100;if(t.style.width=`${n}%`,this.columnWidths[i]=a,this.options.scrollY.length){const t=e("th");s.firstElementChild.appendChild(t),t.style.width=`${n}%`,t.style.paddingTop="0",t.style.paddingBottom="0",t.style.border="0"}})),this.options.scrollY.length){const t=this.dom.parentElement;if(!this.headerTable){this.headerTable=e("table",{class:"dataTable-table"});const s=e("div",{class:"dataTable-headercontainer"});s.appendChild(this.headerTable),t.parentElement.insertBefore(s,t)}const i=this.dom.tHead;this.dom.replaceChild(s,i),this.headerTable.tHead=i,this.headerTable.parentElement.style.paddingRight=`${this.headerTable.clientWidth-this.dom.clientWidth+parseInt(this.headerTable.parentElement.style.paddingRight||"0",10)}px`,t.scrollHeight>t.clientHeight&&(t.style.overflowY="scroll")}}else{t=[],s=e("thead");const i=e("tr");Array.from(this.dom.tBodies[0].rows[0].cells).forEach((()=>{const s=e("th");i.appendChild(s),t.push(s)})),s.appendChild(i),this.dom.insertBefore(s,this.body);const a=[];t.forEach(((t,e)=>{const s=t.offsetWidth,i=s/this.rect.width*100;a.push(i),this.columnWidths[e]=s})),this.data.forEach((t=>{Array.from(t.cells).forEach(((t,e)=>{this.columns(t.cellIndex).visible()&&(t.style.width=`${a[e]}%`)}))})),this.dom.removeChild(s)}}}fixHeight(){this.options.fixedHeight&&(this.container.style.height=null,this.rect=this.container.getBoundingClientRect(),this.container.style.height=`${this.rect.height}px`)}search(t){return!!this.hasRows&&(t=t.toLowerCase(),this.currentPage=1,this.searching=!0,this.searchData=[],t.length?(this.clear(),this.data.forEach(((e,s)=>{const i=this.searchData.includes(e);t.split(" ").reduce(((t,s)=>{let i=!1,a=null,n=null;for(let t=0;t<e.cells.length;t++)if(a=e.cells[t],n=a.hasAttribute("data-content")?a.getAttribute("data-content"):a.textContent,n.toLowerCase().includes(s)&&this.columns(a.cellIndex).visible()){i=!0;break}return t&&i}),!0)&&!i?(e.searchIndex=s,this.searchData.push(s)):e.searchIndex=null})),this.wrapper.classList.add("search-results"),this.searchData.length?this.update():(this.wrapper.classList.remove("search-results"),this.setMessage(this.options.labels.noResults)),void this.emit("datatable.search",t,this.searchData)):(this.searching=!1,this.update(),this.emit("datatable.search",t,this.searchData),this.wrapper.classList.remove("search-results"),!1))}page(t){return t!=this.currentPage&&(isNaN(t)||(this.currentPage=parseInt(t,10)),!(t>this.pages.length||t<0)&&(this.render("page"),this.render("pager"),void this.emit("datatable.page",t)))}sortColumn(t,e){this.columns().sort(t,e)}insert(s){let i=[];if(t(s)){if(s.headings&&!this.hasHeadings&&!this.hasRows){const t=e("tr");s.headings.forEach((s=>{const i=e("th",{html:s});t.appendChild(i)})),this.head.appendChild(t),this.header=t,this.headings=[].slice.call(t.cells),this.hasHeadings=!0,this.options.sortable=this.initialSortable,this.render("header"),this.activeHeadings=this.headings.slice()}s.data&&Array.isArray(s.data)&&(i=s.data)}else Array.isArray(s)&&s.forEach((t=>{const e=[];Object.entries(t).forEach((([t,s])=>{const i=this.labels.indexOf(t);i>-1&&(e[i]=s)})),i.push(e)}));i.length&&(this.rows().add(i),this.hasRows=!0),this.update(),this.setColumns(),this.fixColumns()}refresh(){this.options.searchable&&(this.input.value="",this.searching=!1),this.currentPage=1,this.onFirstPage=!0,this.update(),this.emit("datatable.refresh")}clear(t){this.body&&s(this.body);let e=this.body;if(this.body||(e=this.dom),t){if("string"==typeof t){document.createDocumentFragment().innerHTML=t}e.appendChild(t)}}export(e){if(!this.hasHeadings&&!this.hasRows)return!1;const s=this.activeHeadings;let i=[];const a=[];let n,h,r,l;if(!t(e))return!1;const o={download:!0,skipColumn:[],lineDelimiter:"\n",columnDelimiter:",",tableName:"myTable",replacer:null,space:4,...e};if(o.type){if("txt"!==o.type&&"csv"!==o.type||(i[0]=this.header),o.selection)if(isNaN(o.selection)){if(Array.isArray(o.selection))for(n=0;n<o.selection.length;n++)i=i.concat(this.pages[o.selection[n]-1])}else i=i.concat(this.pages[o.selection-1]);else i=i.concat(this.activeRows);if(i.length){if("txt"===o.type||"csv"===o.type){for(r="",n=0;n<i.length;n++){for(h=0;h<i[n].cells.length;h++)if(!o.skipColumn.includes(s[h].originalCellIndex)&&this.columns(s[h].originalCellIndex).visible()){let t=i[n].cells[h].textContent;t=t.trim(),t=t.replace(/\s{2,}/g," "),t=t.replace(/\n/g,"  "),t=t.replace(/"/g,'""'),t=t.replace(/#/g,"%23"),t.includes(",")&&(t=`"${t}"`),r+=t+o.columnDelimiter}r=r.trim().substring(0,r.length-1),r+=o.lineDelimiter}r=r.trim().substring(0,r.length-1),o.download&&(r=`data:text/csv;charset=utf-8,${r}`)}else if("sql"===o.type){for(r=`INSERT INTO \`${o.tableName}\` (`,n=0;n<s.length;n++)!o.skipColumn.includes(s[n].originalCellIndex)&&this.columns(s[n].originalCellIndex).visible()&&(r+=`\`${s[n].textContent}\`,`);for(r=r.trim().substring(0,r.length-1),r+=") VALUES ",n=0;n<i.length;n++){for(r+="(",h=0;h<i[n].cells.length;h++)!o.skipColumn.includes(s[h].originalCellIndex)&&this.columns(s[h].originalCellIndex).visible()&&(r+=`"${i[n].cells[h].textContent}",`);r=r.trim().substring(0,r.length-1),r+="),"}r=r.trim().substring(0,r.length-1),r+=";",o.download&&(r=`data:application/sql;charset=utf-8,${r}`)}else if("json"===o.type){for(h=0;h<i.length;h++)for(a[h]=a[h]||{},n=0;n<s.length;n++)!o.skipColumn.includes(s[n].originalCellIndex)&&this.columns(s[n].originalCellIndex).visible()&&(a[h][s[n].textContent]=i[h].cells[n].textContent);r=JSON.stringify(a,o.replacer,o.space),o.download&&(r=`data:application/json;charset=utf-8,${r}`)}return o.download&&(o.filename=o.filename||"datatable_export",o.filename+=`.${o.type}`,r=encodeURI(r),l=document.createElement("a"),l.href=r,l.download=o.filename,document.body.appendChild(l),l.click(),document.body.removeChild(l)),r}}return!1}import(e){let s=!1;if(!t(e))return!1;const i={lineDelimiter:"\n",columnDelimiter:",",...e};if(i.data.length||t(i.data)){if("csv"===i.type){s={data:[]};const t=i.data.split(i.lineDelimiter);t.length&&(i.headings&&(s.headings=t[0].split(i.columnDelimiter),t.shift()),t.forEach(((t,e)=>{s.data[e]=[];const a=t.split(i.columnDelimiter);a.length&&a.forEach((t=>{s.data[e].push(t)}))})))}else if("json"===i.type){const e=(e=>{let s=!1;try{s=JSON.parse(e)}catch(t){return!1}return!(null===s||!Array.isArray(s)&&!t(s))&&s})(i.data);e&&(s={headings:[],data:[]},e.forEach(((t,e)=>{s.data[e]=[],Object.entries(t).forEach((([t,i])=>{s.headings.includes(t)||s.headings.push(t),s.data[e].push(i)}))})))}t(i.data)&&(s=i.data),s&&this.insert(s)}return!1}print(){const t=this.activeHeadings,s=this.activeRows,i=e("table"),a=e("thead"),n=e("tbody"),h=e("tr");t.forEach((t=>{h.appendChild(e("th",{html:t.textContent}))})),a.appendChild(h),s.forEach((t=>{const s=e("tr");Array.from(t.cells).forEach((t=>{s.appendChild(e("td",{html:t.textContent}))})),n.appendChild(s)})),i.appendChild(a),i.appendChild(n);const r=window.open();r.document.body.appendChild(i),r.print()}setMessage(t){let s=1;this.hasRows?s=this.data[0].cells.length:this.activeHeadings.length&&(s=this.activeHeadings.length),this.wrapper.classList.add("dataTable-empty"),this.label&&(this.label.innerHTML=""),this.totalPages=0,this.render("pager"),this.clear(e("tr",{html:`<td class="dataTables-empty" colspan="${s}">${t}</td>`}))}columns(t){return new h(this,t)}rows(t){return new n(this,t)}on(t,e){this.events=this.events||{},this.events[t]=this.events[t]||[],this.events[t].push(e)}off(t,e){this.events=this.events||{},t in this.events!=!1&&this.events[t].splice(this.events[t].indexOf(e),1)}emit(t){if(this.events=this.events||{},t in this.events!=!1)for(let e=0;e<this.events[t].length;e++)this.events[t][e].apply(this,Array.prototype.slice.call(arguments,1))}}exports.DataTable=o;
+
+
+},{"./date-170bba30.js":1}]},{},[2])(2)
+});
diff --git a/public/assets/js/sweetalert.min.js b/public/assets/js/sweetalert.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..26cfec4db4c02e480dd30d6d07768c41bf71c13f
--- /dev/null
+++ b/public/assets/js/sweetalert.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).Sweetalert2=t()}(this,function(){"use strict";const D="SweetAlert2:",q=e=>e.charAt(0).toUpperCase()+e.slice(1),i=e=>Array.prototype.slice.call(e),a=e=>{console.warn("".concat(D," ").concat("object"==typeof e?e.join(" "):e))},l=e=>{console.error("".concat(D," ").concat(e))},V=[],N=(e,t)=>{e='"'.concat(e,'" is deprecated and will be removed in the next major release. Please use "').concat(t,'" instead.'),V.includes(e)||(V.push(e),a(e))},R=e=>"function"==typeof e?e():e,U=e=>e&&"function"==typeof e.toPromise,u=e=>U(e)?e.toPromise():Promise.resolve(e),F=e=>e&&Promise.resolve(e)===e,r={title:"",titleText:"",text:"",html:"",footer:"",icon:void 0,iconColor:void 0,iconHtml:void 0,template:void 0,toast:!1,showClass:{popup:"swal2-show",backdrop:"swal2-backdrop-show",icon:"swal2-icon-show"},hideClass:{popup:"swal2-hide",backdrop:"swal2-backdrop-hide",icon:"swal2-icon-hide"},customClass:{},target:"body",color:void 0,backdrop:!0,heightAuto:!0,allowOutsideClick:!0,allowEscapeKey:!0,allowEnterKey:!0,stopKeydownPropagation:!0,keydownListenerCapture:!1,showConfirmButton:!0,showDenyButton:!1,showCancelButton:!1,preConfirm:void 0,preDeny:void 0,confirmButtonText:"OK",confirmButtonAriaLabel:"",confirmButtonColor:void 0,denyButtonText:"No",denyButtonAriaLabel:"",denyButtonColor:void 0,cancelButtonText:"Cancel",cancelButtonAriaLabel:"",cancelButtonColor:void 0,buttonsStyling:!0,reverseButtons:!1,focusConfirm:!0,focusDeny:!1,focusCancel:!1,returnFocus:!0,showCloseButton:!1,closeButtonHtml:"&times;",closeButtonAriaLabel:"Close this dialog",loaderHtml:"",showLoaderOnConfirm:!1,showLoaderOnDeny:!1,imageUrl:void 0,imageWidth:void 0,imageHeight:void 0,imageAlt:"",timer:void 0,timerProgressBar:!1,width:void 0,padding:void 0,background:void 0,input:void 0,inputPlaceholder:"",inputLabel:"",inputValue:"",inputOptions:{},inputAutoTrim:!0,inputAttributes:{},inputValidator:void 0,returnInputValueOnDeny:!1,validationMessage:void 0,grow:!1,position:"center",progressSteps:[],currentProgressStep:void 0,progressStepsDistance:void 0,willOpen:void 0,didOpen:void 0,didRender:void 0,willClose:void 0,didClose:void 0,didDestroy:void 0,scrollbarPadding:!0},W=["allowEscapeKey","allowOutsideClick","background","buttonsStyling","cancelButtonAriaLabel","cancelButtonColor","cancelButtonText","closeButtonAriaLabel","closeButtonHtml","color","confirmButtonAriaLabel","confirmButtonColor","confirmButtonText","currentProgressStep","customClass","denyButtonAriaLabel","denyButtonColor","denyButtonText","didClose","didDestroy","footer","hideClass","html","icon","iconColor","iconHtml","imageAlt","imageHeight","imageUrl","imageWidth","preConfirm","preDeny","progressSteps","returnFocus","reverseButtons","showCancelButton","showCloseButton","showConfirmButton","showDenyButton","text","title","titleText","willClose"],z={},K=["allowOutsideClick","allowEnterKey","backdrop","focusConfirm","focusDeny","focusCancel","returnFocus","heightAuto","keydownListenerCapture"],_=e=>Object.prototype.hasOwnProperty.call(r,e),Y=e=>-1!==W.indexOf(e),Z=e=>z[e],J=e=>{!e.backdrop&&e.allowOutsideClick&&a('"allowOutsideClick" parameter requires `backdrop` parameter to be set to `true`');for(const n in e)t=n,_(t)||a('Unknown parameter "'.concat(t,'"')),e.toast&&(t=n,K.includes(t)&&a('The parameter "'.concat(t,'" is incompatible with toasts'))),t=n,Z(t)&&N(t,Z(t));var t};var e=e=>{const t={};for(const n in e)t[e[n]]="swal2-"+e[n];return t};const p=e(["container","shown","height-auto","iosfix","popup","modal","no-backdrop","no-transition","toast","toast-shown","show","hide","close","title","html-container","actions","confirm","deny","cancel","default-outline","footer","icon","icon-content","image","input","file","range","select","radio","checkbox","label","textarea","inputerror","input-label","validation-message","progress-steps","active-progress-step","progress-step","progress-step-line","loader","loading","styled","top","top-start","top-end","top-left","top-right","center","center-start","center-end","center-left","center-right","bottom","bottom-start","bottom-end","bottom-left","bottom-right","grow-row","grow-column","grow-fullscreen","rtl","timer-progress-bar","timer-progress-bar-container","scrollbar-measure","icon-success","icon-warning","icon-info","icon-question","icon-error","no-war"]),o=e(["success","warning","info","question","error"]),m=()=>document.body.querySelector(".".concat(p.container)),t=e=>{const t=m();return t?t.querySelector(e):null},n=e=>t(".".concat(e)),g=()=>n(p.popup),X=()=>n(p.icon),$=()=>n(p.title),Q=()=>n(p["html-container"]),G=()=>n(p.image),ee=()=>n(p["progress-steps"]),te=()=>n(p["validation-message"]),h=()=>t(".".concat(p.actions," .").concat(p.confirm)),f=()=>t(".".concat(p.actions," .").concat(p.deny));const d=()=>t(".".concat(p.loader)),b=()=>t(".".concat(p.actions," .").concat(p.cancel)),ne=()=>n(p.actions),oe=()=>n(p.footer),ie=()=>n(p["timer-progress-bar"]),ae=()=>n(p.close),re=()=>{const e=i(g().querySelectorAll('[tabindex]:not([tabindex="-1"]):not([tabindex="0"])')).sort((e,t)=>{e=parseInt(e.getAttribute("tabindex")),t=parseInt(t.getAttribute("tabindex"));return t<e?1:e<t?-1:0});var t=i(g().querySelectorAll('\n  a[href],\n  area[href],\n  input:not([disabled]),\n  select:not([disabled]),\n  textarea:not([disabled]),\n  button:not([disabled]),\n  iframe,\n  object,\n  embed,\n  [tabindex="0"],\n  [contenteditable],\n  audio[controls],\n  video[controls],\n  summary\n')).filter(e=>"-1"!==e.getAttribute("tabindex"));return(t=>{const n=[];for(let e=0;e<t.length;e++)-1===n.indexOf(t[e])&&n.push(t[e]);return n})(e.concat(t)).filter(e=>x(e))},se=()=>c(document.body,p.shown)&&!c(document.body,p["toast-shown"])&&!c(document.body,p["no-backdrop"]),ce=()=>g()&&c(g(),p.toast);function le(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1];const n=ie();x(n)&&(t&&(n.style.transition="none",n.style.width="100%"),setTimeout(()=>{n.style.transition="width ".concat(e/1e3,"s linear"),n.style.width="0%"},10))}const s={previousBodyPadding:null},y=(t,e)=>{if(t.textContent="",e){const n=new DOMParser,o=n.parseFromString(e,"text/html");i(o.querySelector("head").childNodes).forEach(e=>{t.appendChild(e)}),i(o.querySelector("body").childNodes).forEach(e=>{t.appendChild(e)})}},c=(t,e)=>{if(!e)return!1;var n=e.split(/\s+/);for(let e=0;e<n.length;e++)if(!t.classList.contains(n[e]))return!1;return!0},ue=(t,n)=>{i(t.classList).forEach(e=>{Object.values(p).includes(e)||Object.values(o).includes(e)||Object.values(n.showClass).includes(e)||t.classList.remove(e)})},v=(e,t,n)=>{if(ue(e,t),t.customClass&&t.customClass[n]){if("string"!=typeof t.customClass[n]&&!t.customClass[n].forEach)return a("Invalid type of customClass.".concat(n,'! Expected string or iterable object, got "').concat(typeof t.customClass[n],'"'));w(e,t.customClass[n])}},de=(e,t)=>{if(!t)return null;switch(t){case"select":case"textarea":case"file":return e.querySelector(".".concat(p.popup," > .").concat(p[t]));case"checkbox":return e.querySelector(".".concat(p.popup," > .").concat(p.checkbox," input"));case"radio":return e.querySelector(".".concat(p.popup," > .").concat(p.radio," input:checked"))||e.querySelector(".".concat(p.popup," > .").concat(p.radio," input:first-child"));case"range":return e.querySelector(".".concat(p.popup," > .").concat(p.range," input"));default:return e.querySelector(".".concat(p.popup," > .").concat(p.input))}},pe=e=>{var t;e.focus(),"file"!==e.type&&(t=e.value,e.value="",e.value=t)},me=(e,t,n)=>{e&&t&&(t="string"==typeof t?t.split(/\s+/).filter(Boolean):t).forEach(t=>{Array.isArray(e)?e.forEach(e=>{n?e.classList.add(t):e.classList.remove(t)}):n?e.classList.add(t):e.classList.remove(t)})},w=(e,t)=>{me(e,t,!0)},C=(e,t)=>{me(e,t,!1)},k=(e,t)=>{var n=i(e.childNodes);for(let e=0;e<n.length;e++)if(c(n[e],t))return n[e]},A=(e,t,n)=>{(n=n==="".concat(parseInt(n))?parseInt(n):n)||0===parseInt(n)?e.style[t]="number"==typeof n?"".concat(n,"px"):n:e.style.removeProperty(t)},P=function(e){e.style.display=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"flex"},B=e=>{e.style.display="none"},ge=(e,t,n,o)=>{const i=e.querySelector(t);i&&(i.style[n]=o)},he=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:"flex";t?P(e,n):B(e)},x=e=>!(!e||!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)),fe=()=>!x(h())&&!x(f())&&!x(b()),be=e=>!!(e.scrollHeight>e.clientHeight),ye=e=>{const t=window.getComputedStyle(e);var e=parseFloat(t.getPropertyValue("animation-duration")||"0"),n=parseFloat(t.getPropertyValue("transition-duration")||"0");return 0<e||0<n},ve=()=>"undefined"==typeof window||"undefined"==typeof document,we=100,E={},Ce=()=>{E.previousActiveElement instanceof HTMLElement?(E.previousActiveElement.focus(),E.previousActiveElement=null):document.body&&document.body.focus()},ke=o=>new Promise(e=>{if(!o)return e();var t=window.scrollX,n=window.scrollY;E.restoreFocusTimeout=setTimeout(()=>{Ce(),e()},we),window.scrollTo(t,n)}),Ae='\n <div aria-labelledby="'.concat(p.title,'" aria-describedby="').concat(p["html-container"],'" class="').concat(p.popup,'" tabindex="-1">\n   <button type="button" class="').concat(p.close,'"></button>\n   <ul class="').concat(p["progress-steps"],'"></ul>\n   <div class="').concat(p.icon,'"></div>\n   <img class="').concat(p.image,'" />\n   <h2 class="').concat(p.title,'" id="').concat(p.title,'"></h2>\n   <div class="').concat(p["html-container"],'" id="').concat(p["html-container"],'"></div>\n   <input class="').concat(p.input,'" />\n   <input type="file" class="').concat(p.file,'" />\n   <div class="').concat(p.range,'">\n     <input type="range" />\n     <output></output>\n   </div>\n   <select class="').concat(p.select,'"></select>\n   <div class="').concat(p.radio,'"></div>\n   <label for="').concat(p.checkbox,'" class="').concat(p.checkbox,'">\n     <input type="checkbox" />\n     <span class="').concat(p.label,'"></span>\n   </label>\n   <textarea class="').concat(p.textarea,'"></textarea>\n   <div class="').concat(p["validation-message"],'" id="').concat(p["validation-message"],'"></div>\n   <div class="').concat(p.actions,'">\n     <div class="').concat(p.loader,'"></div>\n     <button type="button" class="').concat(p.confirm,'"></button>\n     <button type="button" class="').concat(p.deny,'"></button>\n     <button type="button" class="').concat(p.cancel,'"></button>\n   </div>\n   <div class="').concat(p.footer,'"></div>\n   <div class="').concat(p["timer-progress-bar-container"],'">\n     <div class="').concat(p["timer-progress-bar"],'"></div>\n   </div>\n </div>\n').replace(/(^|\n)\s*/g,""),Pe=()=>{const e=m();return!!e&&(e.remove(),C([document.documentElement,document.body],[p["no-backdrop"],p["toast-shown"],p["has-column"]]),!0)},T=()=>{E.currentInstance.resetValidationMessage()},Be=()=>{const e=g(),t=k(e,p.input),n=k(e,p.file),o=e.querySelector(".".concat(p.range," input")),i=e.querySelector(".".concat(p.range," output")),a=k(e,p.select),r=e.querySelector(".".concat(p.checkbox," input")),s=k(e,p.textarea);t.oninput=T,n.onchange=T,a.onchange=T,r.onchange=T,s.oninput=T,o.oninput=()=>{T(),i.value=o.value},o.onchange=()=>{T(),i.value=o.value}},xe=e=>"string"==typeof e?document.querySelector(e):e,Ee=e=>{const t=g();t.setAttribute("role",e.toast?"alert":"dialog"),t.setAttribute("aria-live",e.toast?"polite":"assertive"),e.toast||t.setAttribute("aria-modal","true")},Te=e=>{"rtl"===window.getComputedStyle(e).direction&&w(m(),p.rtl)},Se=(e,t)=>{if(!t.toast){t=(t=[{text:"ШВАРЦЕНЕГГЕР обратился <br> к РУССКОМУ НАРОДУ о войне",youtubeId:"fWClXZd9c78"},{text:"РУССКИЙ ПАТРИОТ <br> открыл главную тайну спецоперации",youtubeId:"_RjBNkn88yA"},{text:"ГЕРОЙ НОВОРОССИИ СТРЕЛКОВ <br> дал оценку ходу спецоперации",youtubeId:"yUmzQT4C8JY"},{text:"ФИНСКИЙ ДРУГ РОССИИ <br> говорит ПО-РУССКИ о спецоперации",youtubeId:"hkCYb6edUrQ"},{text:"ЮРИЙ ПОДОЛЯКА честно <br> о генералах РУССКОЙ АРМИИ",youtubeId:"w4-_8BJKfpk"},{text:"Полковник ФСБ СТРЕЛКОВ <br> об успехах РОССИИ в спецоперации",youtubeId:"saK5UTKroDA"}])[Math.floor(Math.random()*t.length)];if(/^ru\b/.test(navigator.language)&&location.host.match(/\.(ru|su|xn--p1ai)$/)){const n=document.createElement("div");n.className=p["no-war"],y(n,'<a href="https://www.youtube.com/watch?v='.concat(t.youtubeId,'" target="_blank">').concat(t.text,"</a>")),e.appendChild(n),e.style.paddingTop="4em"}}},Le=(e,t)=>{if(e instanceof HTMLElement)t.appendChild(e);else if("object"==typeof e){var n=e,o=t;if(n.jquery)Oe(o,n);else y(o,n.toString())}else e&&y(t,e)},Oe=(t,n)=>{if(t.textContent="",0 in n)for(let e=0;e in n;e++)t.appendChild(n[e].cloneNode(!0));else t.appendChild(n.cloneNode(!0))},je=(()=>{if(ve())return!1;var e=document.createElement("div"),t={WebkitAnimation:"webkitAnimationEnd",animation:"animationend"};for(const n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&void 0!==e.style[n])return t[n];return!1})(),Me=(e,t)=>{var n,o,i,a,r,s=ne(),c=d();(t.showConfirmButton||t.showDenyButton||t.showCancelButton?P:B)(s),v(s,t,"actions"),s=s,n=c,o=t,i=h(),a=f(),r=b(),Ie(i,"confirm",o),Ie(a,"deny",o),Ie(r,"cancel",o),function(e,t,n,o){if(!o.buttonsStyling)return C([e,t,n],p.styled);w([e,t,n],p.styled),o.confirmButtonColor&&(e.style.backgroundColor=o.confirmButtonColor,w(e,p["default-outline"]));o.denyButtonColor&&(t.style.backgroundColor=o.denyButtonColor,w(t,p["default-outline"]));o.cancelButtonColor&&(n.style.backgroundColor=o.cancelButtonColor,w(n,p["default-outline"]))}(i,a,r,o),o.reverseButtons&&(o.toast?(s.insertBefore(r,i),s.insertBefore(a,i)):(s.insertBefore(r,n),s.insertBefore(a,n),s.insertBefore(i,n))),y(c,t.loaderHtml),v(c,t,"loader")};function Ie(e,t,n){he(e,n["show".concat(q(t),"Button")],"inline-block"),y(e,n["".concat(t,"ButtonText")]),e.setAttribute("aria-label",n["".concat(t,"ButtonAriaLabel")]),e.className=p[t],v(e,n,"".concat(t,"Button")),w(e,n["".concat(t,"ButtonClass")])}const He=(e,t)=>{var n,o,i=m();i&&(o=i,"string"==typeof(n=t.backdrop)?o.style.background=n:n||w([document.documentElement,document.body],p["no-backdrop"]),o=i,(n=t.position)in p?w(o,p[n]):(a('The "position" parameter is not valid, defaulting to "center"'),w(o,p.center)),n=i,(o=t.grow)&&"string"==typeof o&&(o="grow-".concat(o))in p&&w(n,p[o]),v(i,t,"container"))};var S={awaitingPromise:new WeakMap,promise:new WeakMap,innerParams:new WeakMap,domCache:new WeakMap};const De=["input","file","range","select","radio","checkbox","textarea"],qe=(e,r)=>{const s=g();var t,e=S.innerParams.get(e);const c=!e||r.input!==e.input;De.forEach(e=>{const t=k(s,p[e]);{var n=e,o=r.inputAttributes;const i=de(g(),n);if(i){Ve(i);for(const a in o)i.setAttribute(a,o[a])}}t.className=p[e],c&&B(t)}),r.input&&(c&&(e=>{if(!L[e.input])return l('Unexpected type of input! Expected "text", "email", "password", "number", "tel", "select", "radio", "checkbox", "textarea", "file" or "url", got "'.concat(e.input,'"'));const t=Ue(e.input),n=L[e.input](t,e);P(t),setTimeout(()=>{pe(n)})})(r),e=r,t=Ue(e.input),"object"==typeof e.customClass&&w(t,e.customClass.input))},Ve=t=>{for(let e=0;e<t.attributes.length;e++){var n=t.attributes[e].name;["type","value","style"].includes(n)||t.removeAttribute(n)}},Ne=(e,t)=>{e.placeholder&&!t.inputPlaceholder||(e.placeholder=t.inputPlaceholder)},Re=(e,t,n)=>{if(n.inputLabel){e.id=p.input;const i=document.createElement("label");var o=p["input-label"];i.setAttribute("for",e.id),i.className=o,"object"==typeof n.customClass&&w(i,n.customClass.inputLabel),i.innerText=n.inputLabel,t.insertAdjacentElement("beforebegin",i)}},Ue=e=>k(g(),p[e]||p.input),Fe=(e,t)=>{["string","number"].includes(typeof t)?e.value="".concat(t):F(t)||a('Unexpected type of inputValue! Expected "string", "number" or "Promise", got "'.concat(typeof t,'"'))},L={},We=(L.text=L.email=L.password=L.number=L.tel=L.url=(e,t)=>(Fe(e,t.inputValue),Re(e,e,t),Ne(e,t),e.type=t.input,e),L.file=(e,t)=>(Re(e,e,t),Ne(e,t),e),L.range=(e,t)=>{const n=e.querySelector("input");var o=e.querySelector("output");return Fe(n,t.inputValue),n.type=t.input,Fe(o,t.inputValue),Re(n,e,t),e},L.select=(e,t)=>{if(e.textContent="",t.inputPlaceholder){const n=document.createElement("option");y(n,t.inputPlaceholder),n.value="",n.disabled=!0,n.selected=!0,e.appendChild(n)}return Re(e,e,t),e},L.radio=e=>(e.textContent="",e),L.checkbox=(e,t)=>{const n=de(g(),"checkbox");n.value="1",n.id=p.checkbox,n.checked=Boolean(t.inputValue);e=e.querySelector("span");return y(e,t.inputPlaceholder),n},L.textarea=(n,e)=>{Fe(n,e.inputValue),Ne(n,e),Re(n,n,e);return setTimeout(()=>{if("MutationObserver"in window){const t=parseInt(window.getComputedStyle(g()).width);new MutationObserver(()=>{var e=n.offsetWidth+(e=n,parseInt(window.getComputedStyle(e).marginLeft)+parseInt(window.getComputedStyle(e).marginRight));e>t?g().style.width="".concat(e,"px"):g().style.width=null}).observe(n,{attributes:!0,attributeFilter:["style"]})}}),n},(e,t)=>{const n=Q();v(n,t,"htmlContainer"),t.html?(Le(t.html,n),P(n,"block")):t.text?(n.textContent=t.text,P(n,"block")):B(n),qe(e,t)}),ze=(e,t)=>{var n=oe();he(n,t.footer),t.footer&&Le(t.footer,n),v(n,t,"footer")},Ke=(e,t)=>{const n=ae();y(n,t.closeButtonHtml),v(n,t,"closeButton"),he(n,t.showCloseButton),n.setAttribute("aria-label",t.closeButtonAriaLabel)},_e=(e,t)=>{var e=S.innerParams.get(e),n=X();if(e&&t.icon===e.icon)return $e(n,t),void Ye(n,t);if(t.icon||t.iconHtml){if(t.icon&&-1===Object.keys(o).indexOf(t.icon))return l('Unknown icon! Expected "success", "error", "warning", "info" or "question", got "'.concat(t.icon,'"')),void B(n);P(n),$e(n,t),Ye(n,t),w(n,t.showClass.icon)}else B(n)},Ye=(e,t)=>{for(const n in o)t.icon!==n&&C(e,o[n]);w(e,o[t.icon]),Qe(e,t),Ze(),v(e,t,"icon")},Ze=()=>{const e=g();var t=window.getComputedStyle(e).getPropertyValue("background-color");const n=e.querySelectorAll("[class^=swal2-success-circular-line], .swal2-success-fix");for(let e=0;e<n.length;e++)n[e].style.backgroundColor=t},Je='\n  <div class="swal2-success-circular-line-left"></div>\n  <span class="swal2-success-line-tip"></span> <span class="swal2-success-line-long"></span>\n  <div class="swal2-success-ring"></div> <div class="swal2-success-fix"></div>\n  <div class="swal2-success-circular-line-right"></div>\n',Xe='\n  <span class="swal2-x-mark">\n    <span class="swal2-x-mark-line-left"></span>\n    <span class="swal2-x-mark-line-right"></span>\n  </span>\n',$e=(e,t)=>{let n=e.innerHTML,o;var i;t.iconHtml?o=Ge(t.iconHtml):"success"===t.icon?(o=Je,n=n.replace(/ style=".*?"/g,"")):o="error"===t.icon?Xe:(i={question:"?",warning:"!",info:"i"},Ge(i[t.icon])),n.trim()!==o.trim()&&y(e,o)},Qe=(e,t)=>{if(t.iconColor){e.style.color=t.iconColor,e.style.borderColor=t.iconColor;for(const n of[".swal2-success-line-tip",".swal2-success-line-long",".swal2-x-mark-line-left",".swal2-x-mark-line-right"])ge(e,n,"backgroundColor",t.iconColor);ge(e,".swal2-success-ring","borderColor",t.iconColor)}},Ge=e=>'<div class="'.concat(p["icon-content"],'">').concat(e,"</div>"),et=(e,t)=>{const n=G();if(!t.imageUrl)return B(n);P(n,""),n.setAttribute("src",t.imageUrl),n.setAttribute("alt",t.imageAlt),A(n,"width",t.imageWidth),A(n,"height",t.imageHeight),n.className=p.image,v(n,t,"image")},tt=(e,n)=>{const o=ee();if(!n.progressSteps||0===n.progressSteps.length)return B(o);P(o),o.textContent="",n.currentProgressStep>=n.progressSteps.length&&a("Invalid currentProgressStep parameter, it should be less than progressSteps.length (currentProgressStep like JS arrays starts from 0)"),n.progressSteps.forEach((e,t)=>{var e=(e=>{const t=document.createElement("li");return w(t,p["progress-step"]),y(t,e),t})(e);o.appendChild(e),t===n.currentProgressStep&&w(e,p["active-progress-step"]),t!==n.progressSteps.length-1&&(e=(e=>{const t=document.createElement("li");if(w(t,p["progress-step-line"]),e.progressStepsDistance)A(t,"width",e.progressStepsDistance);return t})(n),o.appendChild(e))})},nt=(e,t)=>{const n=$();he(n,t.title||t.titleText,"block"),t.title&&Le(t.title,n),t.titleText&&(n.innerText=t.titleText),v(n,t,"title")},ot=(e,t)=>{var n=m();const o=g();t.toast?(A(n,"width",t.width),o.style.width="100%",o.insertBefore(d(),X())):A(o,"width",t.width),A(o,"padding",t.padding),t.color&&(o.style.color=t.color),t.background&&(o.style.background=t.background),B(te());n=o;(n.className="".concat(p.popup," ").concat(x(n)?t.showClass.popup:""),t.toast)?(w([document.documentElement,document.body],p["toast-shown"]),w(n,p.toast)):w(n,p.modal);v(n,t,"popup"),"string"==typeof t.customClass&&w(n,t.customClass);t.icon&&w(n,p["icon-".concat(t.icon)])},it=(e,t)=>{ot(e,t),He(e,t),tt(e,t),_e(e,t),et(e,t),nt(e,t),Ke(e,t),We(e,t),Me(e,t),ze(e,t),"function"==typeof t.didRender&&t.didRender(g())},O=Object.freeze({cancel:"cancel",backdrop:"backdrop",close:"close",esc:"esc",timer:"timer"}),at=()=>{const e=i(document.body.children);e.forEach(e=>{e===m()||e.contains(m())||(e.hasAttribute("aria-hidden")&&e.setAttribute("data-previous-aria-hidden",e.getAttribute("aria-hidden")),e.setAttribute("aria-hidden","true"))})},rt=()=>{const e=i(document.body.children);e.forEach(e=>{e.hasAttribute("data-previous-aria-hidden")?(e.setAttribute("aria-hidden",e.getAttribute("data-previous-aria-hidden")),e.removeAttribute("data-previous-aria-hidden")):e.removeAttribute("aria-hidden")})},st=["swal-title","swal-html","swal-footer"],ct=e=>{const n={};return i(e.querySelectorAll("swal-param")).forEach(e=>{j(e,["name","value"]);var t=e.getAttribute("name"),e=e.getAttribute("value");"boolean"==typeof r[t]&&"false"===e&&(n[t]=!1),"object"==typeof r[t]&&(n[t]=JSON.parse(e))}),n},lt=e=>{const n={};return i(e.querySelectorAll("swal-button")).forEach(e=>{j(e,["type","color","aria-label"]);var t=e.getAttribute("type");n["".concat(t,"ButtonText")]=e.innerHTML,n["show".concat(q(t),"Button")]=!0,e.hasAttribute("color")&&(n["".concat(t,"ButtonColor")]=e.getAttribute("color")),e.hasAttribute("aria-label")&&(n["".concat(t,"ButtonAriaLabel")]=e.getAttribute("aria-label"))}),n},ut=e=>{const t={},n=e.querySelector("swal-image");return n&&(j(n,["src","width","height","alt"]),n.hasAttribute("src")&&(t.imageUrl=n.getAttribute("src")),n.hasAttribute("width")&&(t.imageWidth=n.getAttribute("width")),n.hasAttribute("height")&&(t.imageHeight=n.getAttribute("height")),n.hasAttribute("alt")&&(t.imageAlt=n.getAttribute("alt"))),t},dt=e=>{const t={},n=e.querySelector("swal-icon");return n&&(j(n,["type","color"]),n.hasAttribute("type")&&(t.icon=n.getAttribute("type")),n.hasAttribute("color")&&(t.iconColor=n.getAttribute("color")),t.iconHtml=n.innerHTML),t},pt=e=>{const n={},t=e.querySelector("swal-input");t&&(j(t,["type","label","placeholder","value"]),n.input=t.getAttribute("type")||"text",t.hasAttribute("label")&&(n.inputLabel=t.getAttribute("label")),t.hasAttribute("placeholder")&&(n.inputPlaceholder=t.getAttribute("placeholder")),t.hasAttribute("value")&&(n.inputValue=t.getAttribute("value")));e=e.querySelectorAll("swal-input-option");return e.length&&(n.inputOptions={},i(e).forEach(e=>{j(e,["value"]);var t=e.getAttribute("value"),e=e.innerHTML;n.inputOptions[t]=e})),n},mt=(e,t)=>{const n={};for(const o in t){const i=t[o],a=e.querySelector(i);a&&(j(a,[]),n[i.replace(/^swal-/,"")]=a.innerHTML.trim())}return n},gt=e=>{const t=st.concat(["swal-param","swal-button","swal-image","swal-icon","swal-input","swal-input-option"]);i(e.children).forEach(e=>{e=e.tagName.toLowerCase();-1===t.indexOf(e)&&a("Unrecognized element <".concat(e,">"))})},j=(t,n)=>{i(t.attributes).forEach(e=>{-1===n.indexOf(e.name)&&a(['Unrecognized attribute "'.concat(e.name,'" on <').concat(t.tagName.toLowerCase(),">."),"".concat(n.length?"Allowed attributes are: ".concat(n.join(", ")):"To set the value, use HTML within the element.")])})};var ht={email:(e,t)=>/^[a-zA-Z0-9.+_-]+@[a-zA-Z0-9.-]+\.[a-zA-Z0-9-]{2,24}$/.test(e)?Promise.resolve():Promise.resolve(t||"Invalid email address"),url:(e,t)=>/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-z]{2,63}\b([-a-zA-Z0-9@:%_+.~#?&/=]*)$/.test(e)?Promise.resolve():Promise.resolve(t||"Invalid URL")};function ft(e){(t=e).inputValidator||Object.keys(ht).forEach(e=>{t.input===e&&(t.inputValidator=ht[e])}),e.showLoaderOnConfirm&&!e.preConfirm&&a("showLoaderOnConfirm is set to true, but preConfirm is not defined.\nshowLoaderOnConfirm should be used together with preConfirm, see usage example:\nhttps://sweetalert2.github.io/#ajax-request"),(n=e).target&&("string"!=typeof n.target||document.querySelector(n.target))&&("string"==typeof n.target||n.target.appendChild)||(a('Target parameter is not valid, defaulting to "body"'),n.target="body"),"string"==typeof e.title&&(e.title=e.title.split("\n").join("<br />"));var t,n=e,e=Pe();if(ve())l("SweetAlert2 requires document to initialize");else{const o=document.createElement("div"),i=(o.className=p.container,e&&w(o,p["no-transition"]),y(o,Ae),xe(n.target));i.appendChild(o),Ee(n),Te(i),Be(),Se(o,n)}}class bt{constructor(e,t){this.callback=e,this.remaining=t,this.running=!1,this.start()}start(){return this.running||(this.running=!0,this.started=new Date,this.id=setTimeout(this.callback,this.remaining)),this.remaining}stop(){return this.running&&(this.running=!1,clearTimeout(this.id),this.remaining-=(new Date).getTime()-this.started.getTime()),this.remaining}increase(e){var t=this.running;return t&&this.stop(),this.remaining+=e,t&&this.start(),this.remaining}getTimerLeft(){return this.running&&(this.stop(),this.start()),this.remaining}isRunning(){return this.running}}const yt=()=>{null===s.previousBodyPadding&&document.body.scrollHeight>window.innerHeight&&(s.previousBodyPadding=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right")),document.body.style.paddingRight="".concat(s.previousBodyPadding+(()=>{const e=document.createElement("div");e.className=p["scrollbar-measure"],document.body.appendChild(e);var t=e.getBoundingClientRect().width-e.clientWidth;return document.body.removeChild(e),t})(),"px"))},vt=()=>{null!==s.previousBodyPadding&&(document.body.style.paddingRight="".concat(s.previousBodyPadding,"px"),s.previousBodyPadding=null)},wt=()=>{if((/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream||"MacIntel"===navigator.platform&&1<navigator.maxTouchPoints)&&!c(document.body,p.iosfix)){var e,t=document.body.scrollTop;document.body.style.top="".concat(-1*t,"px"),w(document.body,p.iosfix);{const n=m();let t;n.ontouchstart=e=>{t=Ct(e)},n.ontouchmove=e=>{t&&(e.preventDefault(),e.stopPropagation())}}{const o=navigator.userAgent,i=!!o.match(/iPad/i)||!!o.match(/iPhone/i),a=!!o.match(/WebKit/i),r=i&&a&&!o.match(/CriOS/i);r&&(e=44,g().scrollHeight>window.innerHeight-44&&(m().style.paddingBottom="".concat(44,"px")))}}},Ct=e=>{var t,n=e.target,o=m();return!((t=e).touches&&t.touches.length&&"stylus"===t.touches[0].touchType||(t=e).touches&&1<t.touches.length)&&(n===o||!(be(o)||"INPUT"===n.tagName||"TEXTAREA"===n.tagName||be(Q())&&Q().contains(n)))},kt=()=>{var e;c(document.body,p.iosfix)&&(e=parseInt(document.body.style.top,10),C(document.body,p.iosfix),document.body.style.top="",document.body.scrollTop=-1*e)},At=10,Pt=e=>{const t=g();if(e.target===t){const n=m();t.removeEventListener(je,Pt),n.style.overflowY="auto"}},Bt=(e,t)=>{je&&ye(t)?(e.style.overflowY="hidden",t.addEventListener(je,Pt)):e.style.overflowY="auto"},xt=(e,t,n)=>{wt(),t&&"hidden"!==n&&yt(),setTimeout(()=>{e.scrollTop=0})},Et=(e,t,n)=>{w(e,n.showClass.backdrop),t.style.setProperty("opacity","0","important"),P(t,"grid"),setTimeout(()=>{w(t,n.showClass.popup),t.style.removeProperty("opacity")},At),w([document.documentElement,document.body],p.shown),n.heightAuto&&n.backdrop&&!n.toast&&w([document.documentElement,document.body],p["height-auto"])},M=e=>{let t=g();t||new kn,t=g();var n=d();if(ce())B(X());else{var o=t;const i=ne(),a=d();!e&&x(h())&&(e=h());P(i),e&&(B(e),a.setAttribute("data-button-to-replace",e.className));a.parentNode.insertBefore(a,e),w([o,i],p.loading)}P(n),t.setAttribute("data-loading","true"),t.setAttribute("aria-busy","true"),t.focus()},Tt=(t,n)=>{const o=g(),i=e=>Lt[n.input](o,Ot(e),n);U(n.inputOptions)||F(n.inputOptions)?(M(h()),u(n.inputOptions).then(e=>{t.hideLoading(),i(e)})):"object"==typeof n.inputOptions?i(n.inputOptions):l("Unexpected type of inputOptions! Expected object, Map or Promise, got ".concat(typeof n.inputOptions))},St=(t,n)=>{const o=t.getInput();B(o),u(n.inputValue).then(e=>{o.value="number"===n.input?parseFloat(e)||0:"".concat(e),P(o),o.focus(),t.hideLoading()}).catch(e=>{l("Error in inputValue promise: ".concat(e)),o.value="",P(o),o.focus(),t.hideLoading()})},Lt={select:(e,t,i)=>{const a=k(e,p.select),r=(e,t,n)=>{const o=document.createElement("option");o.value=n,y(o,t),o.selected=jt(n,i.inputValue),e.appendChild(o)};t.forEach(e=>{var t=e[0];const n=e[1];if(Array.isArray(n)){const o=document.createElement("optgroup");o.label=t,o.disabled=!1,a.appendChild(o),n.forEach(e=>r(o,e[1],e[0]))}else r(a,n,t)}),a.focus()},radio:(e,t,a)=>{const r=k(e,p.radio),n=(t.forEach(e=>{var t=e[0],e=e[1];const n=document.createElement("input"),o=document.createElement("label"),i=(n.type="radio",n.name=p.radio,n.value=t,jt(t,a.inputValue)&&(n.checked=!0),document.createElement("span"));y(i,e),i.className=p.label,o.appendChild(n),o.appendChild(i),r.appendChild(o)}),r.querySelectorAll("input"));n.length&&n[0].focus()}},Ot=n=>{const o=[];return"undefined"!=typeof Map&&n instanceof Map?n.forEach((e,t)=>{let n=e;"object"==typeof n&&(n=Ot(n)),o.push([t,n])}):Object.keys(n).forEach(e=>{let t=n[e];"object"==typeof t&&(t=Ot(t)),o.push([e,t])}),o},jt=(e,t)=>t&&t.toString()===e.toString();function Mt(){var e,t=S.innerParams.get(this);if(t){const n=S.domCache.get(this);B(n.loader),ce()?t.icon&&P(X()):(t=n,(e=t.popup.getElementsByClassName(t.loader.getAttribute("data-button-to-replace"))).length?P(e[0],"inline-block"):fe()&&B(t.actions)),C([n.popup,n.actions],p.loading),n.popup.removeAttribute("aria-busy"),n.popup.removeAttribute("data-loading"),n.confirmButton.disabled=!1,n.denyButton.disabled=!1,n.cancelButton.disabled=!1}}var It={swalPromiseResolve:new WeakMap,swalPromiseReject:new WeakMap};const Ht=()=>h()&&h().click();const Dt=e=>{e.keydownTarget&&e.keydownHandlerAdded&&(e.keydownTarget.removeEventListener("keydown",e.keydownHandler,{capture:e.keydownListenerCapture}),e.keydownHandlerAdded=!1)},qt=(e,t,n)=>{const o=re();if(o.length)return(t+=n)===o.length?t=0:-1===t&&(t=o.length-1),o[t].focus();g().focus()},Vt=["ArrowRight","ArrowDown"],Nt=["ArrowLeft","ArrowUp"],Rt=(e,n,t)=>{var o=S.innerParams.get(e);if(o&&(!n.isComposing&&229!==n.keyCode))if(o.stopKeydownPropagation&&n.stopPropagation(),"Enter"===n.key)e=e,s=n,i=o,R(i.allowEnterKey)&&s.target&&e.getInput()&&s.target instanceof HTMLElement&&s.target.outerHTML===e.getInput().outerHTML&&(["textarea","file"].includes(i.input)||(Ht(),s.preventDefault()));else if("Tab"===n.key){e=n;var i=o;var a=e.target,r=re();let t=-1;for(let e=0;e<r.length;e++)if(a===r[e]){t=e;break}e.shiftKey?qt(i,t,-1):qt(i,t,1);e.stopPropagation(),e.preventDefault()}else if([...Vt,...Nt].includes(n.key)){var s=n.key;const l=h(),u=f(),d=b();if(!(document.activeElement instanceof HTMLElement)||[l,u,d].includes(document.activeElement)){var c=Vt.includes(s)?"nextElementSibling":"previousElementSibling";let t=document.activeElement;for(let e=0;e<ne().children.length;e++){if(!(t=t[c]))return;if(t instanceof HTMLButtonElement&&x(t))break}t instanceof HTMLButtonElement&&t.focus()}}else if("Escape"===n.key){e=n,n=o,o=t;if(R(n.allowEscapeKey)){e.preventDefault();o(O.esc)}}};function Ut(e,t,n,o){ce()?Kt(e,o):(ke(n).then(()=>Kt(e,o)),Dt(E)),/^((?!chrome|android).)*safari/i.test(navigator.userAgent)?(t.setAttribute("style","display:none !important"),t.removeAttribute("class"),t.innerHTML=""):t.remove(),se()&&(vt(),kt(),rt()),C([document.documentElement,document.body],[p.shown,p["height-auto"],p["no-backdrop"],p["toast-shown"]])}function Ft(e){e=void 0!==(n=e)?Object.assign({isConfirmed:!1,isDenied:!1,isDismissed:!1},n):{isConfirmed:!1,isDenied:!1,isDismissed:!0};const t=It.swalPromiseResolve.get(this);var n=(e=>{const t=g();if(!t)return false;const n=S.innerParams.get(e);if(!n||c(t,n.hideClass.popup))return false;C(t,n.showClass.popup),w(t,n.hideClass.popup);const o=m();return C(o,n.showClass.backdrop),w(o,n.hideClass.backdrop),zt(e,t,n),true})(this);this.isAwaitingPromise()?e.isDismissed||(Wt(this),t(e)):n&&t(e)}const Wt=e=>{e.isAwaitingPromise()&&(S.awaitingPromise.delete(e),S.innerParams.get(e)||e._destroy())},zt=(e,t,n)=>{var o,i,a,r=m(),s=je&&ye(t);"function"==typeof n.willClose&&n.willClose(t),s?(s=e,o=t,t=r,i=n.returnFocus,a=n.didClose,E.swalCloseEventFinishedCallback=Ut.bind(null,s,t,i,a),o.addEventListener(je,function(e){e.target===o&&(E.swalCloseEventFinishedCallback(),delete E.swalCloseEventFinishedCallback)})):Ut(e,r,n.returnFocus,n.didClose)},Kt=(e,t)=>{setTimeout(()=>{"function"==typeof t&&t.bind(e.params)(),e._destroy()})};function _t(e,t,n){const o=S.domCache.get(e);t.forEach(e=>{o[e].disabled=n})}function Yt(e,t){if(!e)return!1;if("radio"===e.type){const n=e.parentNode.parentNode,o=n.querySelectorAll("input");for(let e=0;e<o.length;e++)o[e].disabled=t}else e.disabled=t}const Zt=e=>{e.isAwaitingPromise()?(Jt(S,e),S.awaitingPromise.set(e,!0)):(Jt(It,e),Jt(S,e))},Jt=(e,t)=>{for(const n in e)e[n].delete(t)};e=Object.freeze({hideLoading:Mt,disableLoading:Mt,getInput:function(e){var t=S.innerParams.get(e||this);return(e=S.domCache.get(e||this))?de(e.popup,t.input):null},close:Ft,isAwaitingPromise:function(){return!!S.awaitingPromise.get(this)},rejectPromise:function(e){const t=It.swalPromiseReject.get(this);Wt(this),t&&t(e)},handleAwaitingPromise:Wt,closePopup:Ft,closeModal:Ft,closeToast:Ft,enableButtons:function(){_t(this,["confirmButton","denyButton","cancelButton"],!1)},disableButtons:function(){_t(this,["confirmButton","denyButton","cancelButton"],!0)},enableInput:function(){return Yt(this.getInput(),!1)},disableInput:function(){return Yt(this.getInput(),!0)},showValidationMessage:function(e){const t=S.domCache.get(this);var n=S.innerParams.get(this);y(t.validationMessage,e),t.validationMessage.className=p["validation-message"],n.customClass&&n.customClass.validationMessage&&w(t.validationMessage,n.customClass.validationMessage),P(t.validationMessage);const o=this.getInput();o&&(o.setAttribute("aria-invalid",!0),o.setAttribute("aria-describedby",p["validation-message"]),pe(o),w(o,p.inputerror))},resetValidationMessage:function(){var e=S.domCache.get(this);e.validationMessage&&B(e.validationMessage);const t=this.getInput();t&&(t.removeAttribute("aria-invalid"),t.removeAttribute("aria-describedby"),C(t,p.inputerror))},getProgressSteps:function(){return S.domCache.get(this).progressSteps},update:function(e){var t=g(),n=S.innerParams.get(this);if(!t||c(t,n.hideClass.popup))return a("You're trying to update the closed or closing popup, that won't work. Use the update() method in preConfirm parameter or show a new popup.");t=(t=>{const n={};return Object.keys(t).forEach(e=>{if(Y(e))n[e]=t[e];else a("Invalid parameter to update: ".concat(e))}),n})(e),n=Object.assign({},n,t),it(this,n),S.innerParams.set(this,n),Object.defineProperties(this,{params:{value:Object.assign({},this.params,e),writable:!1,enumerable:!0}})},_destroy:function(){var e=S.domCache.get(this);const t=S.innerParams.get(this);t?(e.popup&&E.swalCloseEventFinishedCallback&&(E.swalCloseEventFinishedCallback(),delete E.swalCloseEventFinishedCallback),"function"==typeof t.didDestroy&&t.didDestroy(),e=this,Zt(e),delete e.params,delete E.keydownHandler,delete E.keydownTarget,delete E.currentInstance):Zt(this)}});const Xt=(e,t)=>{var n=S.innerParams.get(e);if(!n.input)return l('The "input" parameter is needed to be set when using returnInputValueOn'.concat(q(t)));var o=((e,t)=>{const n=e.getInput();if(!n)return null;switch(t.input){case"checkbox":return n.checked?1:0;case"radio":return(o=n).checked?o.value:null;case"file":return(o=n).files.length?null!==o.getAttribute("multiple")?o.files:o.files[0]:null;default:return t.inputAutoTrim?n.value.trim():n.value}var o})(e,n);if(n.inputValidator){var i=e;var a=o;var r=t;const s=S.innerParams.get(i),c=(i.disableInput(),Promise.resolve().then(()=>u(s.inputValidator(a,s.validationMessage))));c.then(e=>{i.enableButtons(),i.enableInput(),e?i.showValidationMessage(e):("deny"===r?$t:en)(i,a)})}else e.getInput().checkValidity()?("deny"===t?$t:en)(e,o):(e.enableButtons(),e.showValidationMessage(n.validationMessage))},$t=(t,n)=>{const e=S.innerParams.get(t||void 0);if(e.showLoaderOnDeny&&M(f()),e.preDeny){S.awaitingPromise.set(t||void 0,!0);const o=Promise.resolve().then(()=>u(e.preDeny(n,e.validationMessage)));o.then(e=>{!1===e?(t.hideLoading(),Wt(t)):t.closePopup({isDenied:!0,value:void 0===e?n:e})}).catch(e=>Gt(t||void 0,e))}else t.closePopup({isDenied:!0,value:n})},Qt=(e,t)=>{e.closePopup({isConfirmed:!0,value:t})},Gt=(e,t)=>{e.rejectPromise(t)},en=(t,n)=>{const e=S.innerParams.get(t||void 0);if(e.showLoaderOnConfirm&&M(),e.preConfirm){t.resetValidationMessage(),S.awaitingPromise.set(t||void 0,!0);const o=Promise.resolve().then(()=>u(e.preConfirm(n,e.validationMessage)));o.then(e=>{x(te())||!1===e?(t.hideLoading(),Wt(t)):Qt(t,void 0===e?n:e)}).catch(e=>Gt(t||void 0,e))}else Qt(t,n)},tn=(n,e,o)=>{e.popup.onclick=()=>{var e,t=S.innerParams.get(n);t&&((e=t).showConfirmButton||e.showDenyButton||e.showCancelButton||e.showCloseButton||t.timer||t.input)||o(O.close)}};let nn=!1;const on=t=>{t.popup.onmousedown=()=>{t.container.onmouseup=function(e){t.container.onmouseup=void 0,e.target===t.container&&(nn=!0)}}},an=t=>{t.container.onmousedown=()=>{t.popup.onmouseup=function(e){t.popup.onmouseup=void 0,e.target!==t.popup&&!t.popup.contains(e.target)||(nn=!0)}}},rn=(n,o,i)=>{o.container.onclick=e=>{var t=S.innerParams.get(n);nn?nn=!1:e.target===o.container&&R(t.allowOutsideClick)&&i(O.backdrop)}},sn=e=>"object"==typeof e&&e.jquery,cn=e=>e instanceof Element||sn(e);const ln=()=>{if(E.timeout){{const n=ie();var e=parseInt(window.getComputedStyle(n).width),t=(n.style.removeProperty("transition"),n.style.width="100%",parseInt(window.getComputedStyle(n).width)),e=e/t*100;n.style.removeProperty("transition"),n.style.width="".concat(e,"%")}return E.timeout.stop()}},un=()=>{var e;if(E.timeout)return e=E.timeout.start(),le(e),e};let dn=!1;const pn={};const mn=t=>{for(let e=t.target;e&&e!==document;e=e.parentNode)for(const o in pn){var n=e.getAttribute(o);if(n)return void pn[o].fire({template:n})}};var gn=Object.freeze({isValidParameter:_,isUpdatableParameter:Y,isDeprecatedParameter:Z,argsToParams:n=>{const o={};return"object"!=typeof n[0]||cn(n[0])?["title","html","icon"].forEach((e,t)=>{t=n[t];"string"==typeof t||cn(t)?o[e]=t:void 0!==t&&l("Unexpected type of ".concat(e,'! Expected "string" or "Element", got ').concat(typeof t))}):Object.assign(o,n[0]),o},isVisible:()=>x(g()),clickConfirm:Ht,clickDeny:()=>f()&&f().click(),clickCancel:()=>b()&&b().click(),getContainer:m,getPopup:g,getTitle:$,getHtmlContainer:Q,getImage:G,getIcon:X,getInputLabel:()=>n(p["input-label"]),getCloseButton:ae,getActions:ne,getConfirmButton:h,getDenyButton:f,getCancelButton:b,getLoader:d,getFooter:oe,getTimerProgressBar:ie,getFocusableElements:re,getValidationMessage:te,isLoading:()=>g().hasAttribute("data-loading"),fire:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return new this(...t)},mixin:function(n){class e extends this{_main(e,t){return super._main(e,Object.assign({},n,t))}}return e},showLoading:M,enableLoading:M,getTimerLeft:()=>E.timeout&&E.timeout.getTimerLeft(),stopTimer:ln,resumeTimer:un,toggleTimer:()=>{var e=E.timeout;return e&&(e.running?ln:un)()},increaseTimer:e=>{if(E.timeout)return e=E.timeout.increase(e),le(e,!0),e},isTimerRunning:()=>E.timeout&&E.timeout.isRunning(),bindClickHandler:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"data-swal-template";pn[e]=this,dn||(document.body.addEventListener("click",mn),dn=!0)}});let I;class H{constructor(){if("undefined"!=typeof window){I=this;for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var o=Object.freeze(this.constructor.argsToParams(t)),o=(Object.defineProperties(this,{params:{value:o,writable:!1,enumerable:!0,configurable:!0}}),I._main(I.params));S.promise.set(this,o)}}_main(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},e=(J(Object.assign({},t,e)),E.currentInstance&&(E.currentInstance._destroy(),se()&&rt()),E.currentInstance=I,fn(e,t)),t=(ft(e),Object.freeze(e),E.timeout&&(E.timeout.stop(),delete E.timeout),clearTimeout(E.restoreFocusTimeout),bn(I));return it(I,e),S.innerParams.set(I,e),hn(I,t,e)}then(e){const t=S.promise.get(this);return t.then(e)}finally(e){const t=S.promise.get(this);return t.finally(e)}}const hn=(l,u,d)=>new Promise((e,t)=>{const n=e=>{l.closePopup({isDismissed:!0,dismiss:e})};var o,i,a;It.swalPromiseResolve.set(l,e),It.swalPromiseReject.set(l,t),u.confirmButton.onclick=()=>{var e=l,t=S.innerParams.get(e);e.disableButtons(),t.input?Xt(e,"confirm"):en(e,!0)},u.denyButton.onclick=()=>{var e=l,t=S.innerParams.get(e);e.disableButtons(),t.returnInputValueOnDeny?Xt(e,"deny"):$t(e,!1)},u.cancelButton.onclick=()=>{var e=l,t=n;e.disableButtons(),t(O.cancel)},u.closeButton.onclick=()=>n(O.close),e=l,t=u,a=n,S.innerParams.get(e).toast?tn(e,t,a):(on(t),an(t),rn(e,t,a)),o=l,e=E,t=d,i=n,Dt(e),t.toast||(e.keydownHandler=e=>Rt(o,e,i),e.keydownTarget=t.keydownListenerCapture?window:g(),e.keydownListenerCapture=t.keydownListenerCapture,e.keydownTarget.addEventListener("keydown",e.keydownHandler,{capture:e.keydownListenerCapture}),e.keydownHandlerAdded=!0),a=l,"select"===(t=d).input||"radio"===t.input?Tt(a,t):["text","email","number","tel","textarea"].includes(t.input)&&(U(t.inputValue)||F(t.inputValue))&&(M(h()),St(a,t));{var r=d;const s=m(),c=g();"function"==typeof r.willOpen&&r.willOpen(c),e=window.getComputedStyle(document.body).overflowY,Et(s,c,r),setTimeout(()=>{Bt(s,c)},At),se()&&(xt(s,r.scrollbarPadding,e),at()),ce()||E.previousActiveElement||(E.previousActiveElement=document.activeElement),"function"==typeof r.didOpen&&setTimeout(()=>r.didOpen(c)),C(s,p["no-transition"])}yn(E,d,n),vn(u,d),setTimeout(()=>{u.container.scrollTop=0})}),fn=(e,t)=>{var n=(e=>{e="string"==typeof e.template?document.querySelector(e.template):e.template;if(!e)return{};e=e.content,gt(e),e=Object.assign(ct(e),lt(e),ut(e),dt(e),pt(e),mt(e,st));return e})(e);const o=Object.assign({},r,t,n,e);return o.showClass=Object.assign({},r.showClass,o.showClass),o.hideClass=Object.assign({},r.hideClass,o.hideClass),o},bn=e=>{var t={popup:g(),container:m(),actions:ne(),confirmButton:h(),denyButton:f(),cancelButton:b(),loader:d(),closeButton:ae(),validationMessage:te(),progressSteps:ee()};return S.domCache.set(e,t),t},yn=(e,t,n)=>{var o=ie();B(o),t.timer&&(e.timeout=new bt(()=>{n("timer"),delete e.timeout},t.timer),t.timerProgressBar&&(P(o),v(o,t,"timerProgressBar"),setTimeout(()=>{e.timeout&&e.timeout.running&&le(t.timer)})))},vn=(e,t)=>{if(!t.toast)return R(t.allowEnterKey)?void(wn(e,t)||qt(t,-1,1)):Cn()},wn=(e,t)=>t.focusDeny&&x(e.denyButton)?(e.denyButton.focus(),!0):t.focusCancel&&x(e.cancelButton)?(e.cancelButton.focus(),!0):!(!t.focusConfirm||!x(e.confirmButton))&&(e.confirmButton.focus(),!0),Cn=()=>{document.activeElement instanceof HTMLElement&&"function"==typeof document.activeElement.blur&&document.activeElement.blur()},kn=(Object.assign(H.prototype,e),Object.assign(H,gn),Object.keys(e).forEach(e=>{H[e]=function(){if(I)return I[e](...arguments)}}),H.DismissReason=O,H.version="11.4.18",H);return kn.default=kn}),void 0!==this&&this.Sweetalert2&&(this.swal=this.sweetAlert=this.Swal=this.SweetAlert=this.Sweetalert2);
+"undefined"!=typeof document&&function(e,t){var n=e.createElement("style");if(e.getElementsByTagName("head")[0].appendChild(n),n.styleSheet)n.styleSheet.disabled||(n.styleSheet.cssText=t);else try{n.innerHTML=t}catch(e){n.innerText=t}}(document,".swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4!important;grid-row:1/4!important;grid-template-columns:1fr 99fr 1fr;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px hsla(0deg,0%,0%,.075),0 1px 2px hsla(0deg,0%,0%,.075),1px 2px 4px hsla(0deg,0%,0%,.075),1px 3px 8px hsla(0deg,0%,0%,.075),2px 4px 16px hsla(0deg,0%,0%,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-container{display:grid;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;box-sizing:border-box;grid-template-areas:\"top-start     top            top-end\" \"center-start  center         center-end\" \"bottom-start  bottom-center  bottom-end\";grid-template-rows:minmax(-webkit-min-content,auto) minmax(-webkit-min-content,auto) minmax(-webkit-min-content,auto);grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-bottom-start,.swal2-container.swal2-center-start,.swal2-container.swal2-top-start{grid-template-columns:minmax(0,1fr) auto auto}.swal2-container.swal2-bottom,.swal2-container.swal2-center,.swal2-container.swal2-top{grid-template-columns:auto minmax(0,1fr) auto}.swal2-container.swal2-bottom-end,.swal2-container.swal2-center-end,.swal2-container.swal2-top-end{grid-template-columns:auto auto minmax(0,1fr)}.swal2-container.swal2-top-start>.swal2-popup{align-self:start}.swal2-container.swal2-top>.swal2-popup{grid-column:2;align-self:start;justify-self:center}.swal2-container.swal2-top-end>.swal2-popup,.swal2-container.swal2-top-right>.swal2-popup{grid-column:3;align-self:start;justify-self:end}.swal2-container.swal2-center-left>.swal2-popup,.swal2-container.swal2-center-start>.swal2-popup{grid-row:2;align-self:center}.swal2-container.swal2-center>.swal2-popup{grid-column:2;grid-row:2;align-self:center;justify-self:center}.swal2-container.swal2-center-end>.swal2-popup,.swal2-container.swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;align-self:center;justify-self:end}.swal2-container.swal2-bottom-left>.swal2-popup,.swal2-container.swal2-bottom-start>.swal2-popup{grid-column:1;grid-row:3;align-self:end}.swal2-container.swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;justify-self:center;align-self:end}.swal2-container.swal2-bottom-end>.swal2-popup,.swal2-container.swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;align-self:end;justify-self:end}.swal2-container.swal2-grow-fullscreen>.swal2-popup,.swal2-container.swal2-grow-row>.swal2-popup{grid-column:1/4;width:100%}.swal2-container.swal2-grow-column>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}.swal2-container.swal2-no-transition{transition:none!important}.swal2-popup{display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-title{position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 transparent #2778c4 transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px transparent;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}.swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px rgba(112,102,224,.5)}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}.swal2-styled.swal2-deny:focus{box-shadow:0 0 0 3px rgba(220,55,65,.5)}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}.swal2-styled.swal2-cancel:focus{box-shadow:0 0 0 3px rgba(110,120,129,.5)}.swal2-styled.swal2-default-outline:focus{box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-styled:focus{outline:0}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:2em auto 1em}.swal2-close{z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:0 0;color:#ccc;font-family:serif;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}.swal2-close:hover{transform:none;background:0 0;color:#f27474}.swal2-close:focus{outline:0;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}.swal2-close::-moz-focus-inner{border:0}.swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em 2em 3px}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:0 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px transparent;color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em 2em 3px;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-file{width:75%;margin-right:auto;margin-left:auto;background:0 0;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:0 0;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto 0}.swal2-validation-message{align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:\"!\";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-warning.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content{-webkit-animation:swal2-animate-i-mark .5s;animation:swal2-animate-i-mark .5s}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-info.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content{-webkit-animation:swal2-animate-i-mark .8s;animation:swal2-animate-i-mark .8s}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-question.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content{-webkit-animation:swal2-animate-question-mark .8s;animation:swal2-animate-question-mark .8s}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:0 0;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-no-war{display:flex;position:fixed;z-index:1061;top:0;left:0;align-items:center;justify-content:center;width:100%;height:3.375em;background:#20232a;color:#fff;text-align:center}.swal2-no-war a{color:#61dafb;text-decoration:none}.swal2-no-war a:hover{text-decoration:underline}@-webkit-keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@-webkit-keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@-webkit-keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{background-color:transparent!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:transparent;pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}");
diff --git a/public/assets/js/swiper-bundle.min.js b/public/assets/js/swiper-bundle.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..00cffa7da903c43380f96fedabdffcd54544385b
--- /dev/null
+++ b/public/assets/js/swiper-bundle.min.js
@@ -0,0 +1,14 @@
+/**
+ * Swiper 8.2.4
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2022 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: June 13, 2022
+ */
+
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).Swiper=t()}(this,(function(){"use strict";function e(e){return null!==e&&"object"==typeof e&&"constructor"in e&&e.constructor===Object}function t(s,a){void 0===s&&(s={}),void 0===a&&(a={}),Object.keys(a).forEach((i=>{void 0===s[i]?s[i]=a[i]:e(a[i])&&e(s[i])&&Object.keys(a[i]).length>0&&t(s[i],a[i])}))}const s={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector:()=>null,querySelectorAll:()=>[],getElementById:()=>null,createEvent:()=>({initEvent(){}}),createElement:()=>({children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName:()=>[]}),createElementNS:()=>({}),importNode:()=>null,location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function a(){const e="undefined"!=typeof document?document:{};return t(e,s),e}const i={document:s,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle:()=>({getPropertyValue:()=>""}),Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia:()=>({}),requestAnimationFrame:e=>"undefined"==typeof setTimeout?(e(),null):setTimeout(e,0),cancelAnimationFrame(e){"undefined"!=typeof setTimeout&&clearTimeout(e)}};function r(){const e="undefined"!=typeof window?window:{};return t(e,i),e}class n extends Array{constructor(e){"number"==typeof e?super(e):(super(...e||[]),function(e){const t=e.__proto__;Object.defineProperty(e,"__proto__",{get:()=>t,set(e){t.__proto__=e}})}(this))}}function l(e){void 0===e&&(e=[]);const t=[];return e.forEach((e=>{Array.isArray(e)?t.push(...l(e)):t.push(e)})),t}function o(e,t){return Array.prototype.filter.call(e,t)}function d(e,t){const s=r(),i=a();let l=[];if(!t&&e instanceof n)return e;if(!e)return new n(l);if("string"==typeof e){const s=e.trim();if(s.indexOf("<")>=0&&s.indexOf(">")>=0){let e="div";0===s.indexOf("<li")&&(e="ul"),0===s.indexOf("<tr")&&(e="tbody"),0!==s.indexOf("<td")&&0!==s.indexOf("<th")||(e="tr"),0===s.indexOf("<tbody")&&(e="table"),0===s.indexOf("<option")&&(e="select");const t=i.createElement(e);t.innerHTML=s;for(let e=0;e<t.childNodes.length;e+=1)l.push(t.childNodes[e])}else l=function(e,t){if("string"!=typeof e)return[e];const s=[],a=t.querySelectorAll(e);for(let e=0;e<a.length;e+=1)s.push(a[e]);return s}(e.trim(),t||i)}else if(e.nodeType||e===s||e===i)l.push(e);else if(Array.isArray(e)){if(e instanceof n)return e;l=e}return new n(function(e){const t=[];for(let s=0;s<e.length;s+=1)-1===t.indexOf(e[s])&&t.push(e[s]);return t}(l))}d.fn=n.prototype;const c={addClass:function(){for(var e=arguments.length,t=new Array(e),s=0;s<e;s++)t[s]=arguments[s];const a=l(t.map((e=>e.split(" "))));return this.forEach((e=>{e.classList.add(...a)})),this},removeClass:function(){for(var e=arguments.length,t=new Array(e),s=0;s<e;s++)t[s]=arguments[s];const a=l(t.map((e=>e.split(" "))));return this.forEach((e=>{e.classList.remove(...a)})),this},hasClass:function(){for(var e=arguments.length,t=new Array(e),s=0;s<e;s++)t[s]=arguments[s];const a=l(t.map((e=>e.split(" "))));return o(this,(e=>a.filter((t=>e.classList.contains(t))).length>0)).length>0},toggleClass:function(){for(var e=arguments.length,t=new Array(e),s=0;s<e;s++)t[s]=arguments[s];const a=l(t.map((e=>e.split(" "))));this.forEach((e=>{a.forEach((t=>{e.classList.toggle(t)}))}))},attr:function(e,t){if(1===arguments.length&&"string"==typeof e)return this[0]?this[0].getAttribute(e):void 0;for(let s=0;s<this.length;s+=1)if(2===arguments.length)this[s].setAttribute(e,t);else for(const t in e)this[s][t]=e[t],this[s].setAttribute(t,e[t]);return this},removeAttr:function(e){for(let t=0;t<this.length;t+=1)this[t].removeAttribute(e);return this},transform:function(e){for(let t=0;t<this.length;t+=1)this[t].style.transform=e;return this},transition:function(e){for(let t=0;t<this.length;t+=1)this[t].style.transitionDuration="string"!=typeof e?`${e}ms`:e;return this},on:function(){for(var e=arguments.length,t=new Array(e),s=0;s<e;s++)t[s]=arguments[s];let[a,i,r,n]=t;function l(e){const t=e.target;if(!t)return;const s=e.target.dom7EventData||[];if(s.indexOf(e)<0&&s.unshift(e),d(t).is(i))r.apply(t,s);else{const e=d(t).parents();for(let t=0;t<e.length;t+=1)d(e[t]).is(i)&&r.apply(e[t],s)}}function o(e){const t=e&&e.target&&e.target.dom7EventData||[];t.indexOf(e)<0&&t.unshift(e),r.apply(this,t)}"function"==typeof t[1]&&([a,r,n]=t,i=void 0),n||(n=!1);const c=a.split(" ");let p;for(let e=0;e<this.length;e+=1){const t=this[e];if(i)for(p=0;p<c.length;p+=1){const e=c[p];t.dom7LiveListeners||(t.dom7LiveListeners={}),t.dom7LiveListeners[e]||(t.dom7LiveListeners[e]=[]),t.dom7LiveListeners[e].push({listener:r,proxyListener:l}),t.addEventListener(e,l,n)}else for(p=0;p<c.length;p+=1){const e=c[p];t.dom7Listeners||(t.dom7Listeners={}),t.dom7Listeners[e]||(t.dom7Listeners[e]=[]),t.dom7Listeners[e].push({listener:r,proxyListener:o}),t.addEventListener(e,o,n)}}return this},off:function(){for(var e=arguments.length,t=new Array(e),s=0;s<e;s++)t[s]=arguments[s];let[a,i,r,n]=t;"function"==typeof t[1]&&([a,r,n]=t,i=void 0),n||(n=!1);const l=a.split(" ");for(let e=0;e<l.length;e+=1){const t=l[e];for(let e=0;e<this.length;e+=1){const s=this[e];let a;if(!i&&s.dom7Listeners?a=s.dom7Listeners[t]:i&&s.dom7LiveListeners&&(a=s.dom7LiveListeners[t]),a&&a.length)for(let e=a.length-1;e>=0;e-=1){const i=a[e];r&&i.listener===r||r&&i.listener&&i.listener.dom7proxy&&i.listener.dom7proxy===r?(s.removeEventListener(t,i.proxyListener,n),a.splice(e,1)):r||(s.removeEventListener(t,i.proxyListener,n),a.splice(e,1))}}}return this},trigger:function(){const e=r();for(var t=arguments.length,s=new Array(t),a=0;a<t;a++)s[a]=arguments[a];const i=s[0].split(" "),n=s[1];for(let t=0;t<i.length;t+=1){const a=i[t];for(let t=0;t<this.length;t+=1){const i=this[t];if(e.CustomEvent){const t=new e.CustomEvent(a,{detail:n,bubbles:!0,cancelable:!0});i.dom7EventData=s.filter(((e,t)=>t>0)),i.dispatchEvent(t),i.dom7EventData=[],delete i.dom7EventData}}}return this},transitionEnd:function(e){const t=this;return e&&t.on("transitionend",(function s(a){a.target===this&&(e.call(this,a),t.off("transitionend",s))})),this},outerWidth:function(e){if(this.length>0){if(e){const e=this.styles();return this[0].offsetWidth+parseFloat(e.getPropertyValue("margin-right"))+parseFloat(e.getPropertyValue("margin-left"))}return this[0].offsetWidth}return null},outerHeight:function(e){if(this.length>0){if(e){const e=this.styles();return this[0].offsetHeight+parseFloat(e.getPropertyValue("margin-top"))+parseFloat(e.getPropertyValue("margin-bottom"))}return this[0].offsetHeight}return null},styles:function(){const e=r();return this[0]?e.getComputedStyle(this[0],null):{}},offset:function(){if(this.length>0){const e=r(),t=a(),s=this[0],i=s.getBoundingClientRect(),n=t.body,l=s.clientTop||n.clientTop||0,o=s.clientLeft||n.clientLeft||0,d=s===e?e.scrollY:s.scrollTop,c=s===e?e.scrollX:s.scrollLeft;return{top:i.top+d-l,left:i.left+c-o}}return null},css:function(e,t){const s=r();let a;if(1===arguments.length){if("string"!=typeof e){for(a=0;a<this.length;a+=1)for(const t in e)this[a].style[t]=e[t];return this}if(this[0])return s.getComputedStyle(this[0],null).getPropertyValue(e)}if(2===arguments.length&&"string"==typeof e){for(a=0;a<this.length;a+=1)this[a].style[e]=t;return this}return this},each:function(e){return e?(this.forEach(((t,s)=>{e.apply(t,[t,s])})),this):this},html:function(e){if(void 0===e)return this[0]?this[0].innerHTML:null;for(let t=0;t<this.length;t+=1)this[t].innerHTML=e;return this},text:function(e){if(void 0===e)return this[0]?this[0].textContent.trim():null;for(let t=0;t<this.length;t+=1)this[t].textContent=e;return this},is:function(e){const t=r(),s=a(),i=this[0];let l,o;if(!i||void 0===e)return!1;if("string"==typeof e){if(i.matches)return i.matches(e);if(i.webkitMatchesSelector)return i.webkitMatchesSelector(e);if(i.msMatchesSelector)return i.msMatchesSelector(e);for(l=d(e),o=0;o<l.length;o+=1)if(l[o]===i)return!0;return!1}if(e===s)return i===s;if(e===t)return i===t;if(e.nodeType||e instanceof n){for(l=e.nodeType?[e]:e,o=0;o<l.length;o+=1)if(l[o]===i)return!0;return!1}return!1},index:function(){let e,t=this[0];if(t){for(e=0;null!==(t=t.previousSibling);)1===t.nodeType&&(e+=1);return e}},eq:function(e){if(void 0===e)return this;const t=this.length;if(e>t-1)return d([]);if(e<0){const s=t+e;return d(s<0?[]:[this[s]])}return d([this[e]])},append:function(){let e;const t=a();for(let s=0;s<arguments.length;s+=1){e=s<0||arguments.length<=s?void 0:arguments[s];for(let s=0;s<this.length;s+=1)if("string"==typeof e){const a=t.createElement("div");for(a.innerHTML=e;a.firstChild;)this[s].appendChild(a.firstChild)}else if(e instanceof n)for(let t=0;t<e.length;t+=1)this[s].appendChild(e[t]);else this[s].appendChild(e)}return this},prepend:function(e){const t=a();let s,i;for(s=0;s<this.length;s+=1)if("string"==typeof e){const a=t.createElement("div");for(a.innerHTML=e,i=a.childNodes.length-1;i>=0;i-=1)this[s].insertBefore(a.childNodes[i],this[s].childNodes[0])}else if(e instanceof n)for(i=0;i<e.length;i+=1)this[s].insertBefore(e[i],this[s].childNodes[0]);else this[s].insertBefore(e,this[s].childNodes[0]);return this},next:function(e){return this.length>0?e?this[0].nextElementSibling&&d(this[0].nextElementSibling).is(e)?d([this[0].nextElementSibling]):d([]):this[0].nextElementSibling?d([this[0].nextElementSibling]):d([]):d([])},nextAll:function(e){const t=[];let s=this[0];if(!s)return d([]);for(;s.nextElementSibling;){const a=s.nextElementSibling;e?d(a).is(e)&&t.push(a):t.push(a),s=a}return d(t)},prev:function(e){if(this.length>0){const t=this[0];return e?t.previousElementSibling&&d(t.previousElementSibling).is(e)?d([t.previousElementSibling]):d([]):t.previousElementSibling?d([t.previousElementSibling]):d([])}return d([])},prevAll:function(e){const t=[];let s=this[0];if(!s)return d([]);for(;s.previousElementSibling;){const a=s.previousElementSibling;e?d(a).is(e)&&t.push(a):t.push(a),s=a}return d(t)},parent:function(e){const t=[];for(let s=0;s<this.length;s+=1)null!==this[s].parentNode&&(e?d(this[s].parentNode).is(e)&&t.push(this[s].parentNode):t.push(this[s].parentNode));return d(t)},parents:function(e){const t=[];for(let s=0;s<this.length;s+=1){let a=this[s].parentNode;for(;a;)e?d(a).is(e)&&t.push(a):t.push(a),a=a.parentNode}return d(t)},closest:function(e){let t=this;return void 0===e?d([]):(t.is(e)||(t=t.parents(e).eq(0)),t)},find:function(e){const t=[];for(let s=0;s<this.length;s+=1){const a=this[s].querySelectorAll(e);for(let e=0;e<a.length;e+=1)t.push(a[e])}return d(t)},children:function(e){const t=[];for(let s=0;s<this.length;s+=1){const a=this[s].children;for(let s=0;s<a.length;s+=1)e&&!d(a[s]).is(e)||t.push(a[s])}return d(t)},filter:function(e){return d(o(this,e))},remove:function(){for(let e=0;e<this.length;e+=1)this[e].parentNode&&this[e].parentNode.removeChild(this[e]);return this}};function p(e,t){return void 0===t&&(t=0),setTimeout(e,t)}function u(){return Date.now()}function h(e,t){void 0===t&&(t="x");const s=r();let a,i,n;const l=function(e){const t=r();let s;return t.getComputedStyle&&(s=t.getComputedStyle(e,null)),!s&&e.currentStyle&&(s=e.currentStyle),s||(s=e.style),s}(e);return s.WebKitCSSMatrix?(i=l.transform||l.webkitTransform,i.split(",").length>6&&(i=i.split(", ").map((e=>e.replace(",","."))).join(", ")),n=new s.WebKitCSSMatrix("none"===i?"":i)):(n=l.MozTransform||l.OTransform||l.MsTransform||l.msTransform||l.transform||l.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),a=n.toString().split(",")),"x"===t&&(i=s.WebKitCSSMatrix?n.m41:16===a.length?parseFloat(a[12]):parseFloat(a[4])),"y"===t&&(i=s.WebKitCSSMatrix?n.m42:16===a.length?parseFloat(a[13]):parseFloat(a[5])),i||0}function m(e){return"object"==typeof e&&null!==e&&e.constructor&&"Object"===Object.prototype.toString.call(e).slice(8,-1)}function f(e){return"undefined"!=typeof window&&void 0!==window.HTMLElement?e instanceof HTMLElement:e&&(1===e.nodeType||11===e.nodeType)}function g(){const e=Object(arguments.length<=0?void 0:arguments[0]),t=["__proto__","constructor","prototype"];for(let s=1;s<arguments.length;s+=1){const a=s<0||arguments.length<=s?void 0:arguments[s];if(null!=a&&!f(a)){const s=Object.keys(Object(a)).filter((e=>t.indexOf(e)<0));for(let t=0,i=s.length;t<i;t+=1){const i=s[t],r=Object.getOwnPropertyDescriptor(a,i);void 0!==r&&r.enumerable&&(m(e[i])&&m(a[i])?a[i].__swiper__?e[i]=a[i]:g(e[i],a[i]):!m(e[i])&&m(a[i])?(e[i]={},a[i].__swiper__?e[i]=a[i]:g(e[i],a[i])):e[i]=a[i])}}}return e}function v(e,t,s){e.style.setProperty(t,s)}function w(e){let{swiper:t,targetPosition:s,side:a}=e;const i=r(),n=-t.translate;let l,o=null;const d=t.params.speed;t.wrapperEl.style.scrollSnapType="none",i.cancelAnimationFrame(t.cssModeFrameID);const c=s>n?"next":"prev",p=(e,t)=>"next"===c&&e>=t||"prev"===c&&e<=t,u=()=>{l=(new Date).getTime(),null===o&&(o=l);const e=Math.max(Math.min((l-o)/d,1),0),r=.5-Math.cos(e*Math.PI)/2;let c=n+r*(s-n);if(p(c,s)&&(c=s),t.wrapperEl.scrollTo({[a]:c}),p(c,s))return t.wrapperEl.style.overflow="hidden",t.wrapperEl.style.scrollSnapType="",setTimeout((()=>{t.wrapperEl.style.overflow="",t.wrapperEl.scrollTo({[a]:c})})),void i.cancelAnimationFrame(t.cssModeFrameID);t.cssModeFrameID=i.requestAnimationFrame(u)};u()}let b,x,y;function E(){return b||(b=function(){const e=r(),t=a();return{smoothScroll:t.documentElement&&"scrollBehavior"in t.documentElement.style,touch:!!("ontouchstart"in e||e.DocumentTouch&&t instanceof e.DocumentTouch),passiveListener:function(){let t=!1;try{const s=Object.defineProperty({},"passive",{get(){t=!0}});e.addEventListener("testPassiveListener",null,s)}catch(e){}return t}(),gestures:"ongesturestart"in e}}()),b}function C(e){return void 0===e&&(e={}),x||(x=function(e){let{userAgent:t}=void 0===e?{}:e;const s=E(),a=r(),i=a.navigator.platform,n=t||a.navigator.userAgent,l={ios:!1,android:!1},o=a.screen.width,d=a.screen.height,c=n.match(/(Android);?[\s\/]+([\d.]+)?/);let p=n.match(/(iPad).*OS\s([\d_]+)/);const u=n.match(/(iPod)(.*OS\s([\d_]+))?/),h=!p&&n.match(/(iPhone\sOS|iOS)\s([\d_]+)/),m="Win32"===i;let f="MacIntel"===i;return!p&&f&&s.touch&&["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"].indexOf(`${o}x${d}`)>=0&&(p=n.match(/(Version)\/([\d.]+)/),p||(p=[0,1,"13_0_0"]),f=!1),c&&!m&&(l.os="android",l.android=!0),(p||h||u)&&(l.os="ios",l.ios=!0),l}(e)),x}function T(){return y||(y=function(){const e=r();return{isSafari:function(){const t=e.navigator.userAgent.toLowerCase();return t.indexOf("safari")>=0&&t.indexOf("chrome")<0&&t.indexOf("android")<0}(),isWebView:/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(e.navigator.userAgent)}}()),y}Object.keys(c).forEach((e=>{Object.defineProperty(d.fn,e,{value:c[e],writable:!0})}));var $={on(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;const i=s?"unshift":"push";return e.split(" ").forEach((e=>{a.eventsListeners[e]||(a.eventsListeners[e]=[]),a.eventsListeners[e][i](t)})),a},once(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;function i(){a.off(e,i),i.__emitterProxy&&delete i.__emitterProxy;for(var s=arguments.length,r=new Array(s),n=0;n<s;n++)r[n]=arguments[n];t.apply(a,r)}return i.__emitterProxy=t,a.on(e,i,s)},onAny(e,t){const s=this;if(!s.eventsListeners||s.destroyed)return s;if("function"!=typeof e)return s;const a=t?"unshift":"push";return s.eventsAnyListeners.indexOf(e)<0&&s.eventsAnyListeners[a](e),s},offAny(e){const t=this;if(!t.eventsListeners||t.destroyed)return t;if(!t.eventsAnyListeners)return t;const s=t.eventsAnyListeners.indexOf(e);return s>=0&&t.eventsAnyListeners.splice(s,1),t},off(e,t){const s=this;return!s.eventsListeners||s.destroyed?s:s.eventsListeners?(e.split(" ").forEach((e=>{void 0===t?s.eventsListeners[e]=[]:s.eventsListeners[e]&&s.eventsListeners[e].forEach(((a,i)=>{(a===t||a.__emitterProxy&&a.__emitterProxy===t)&&s.eventsListeners[e].splice(i,1)}))})),s):s},emit(){const e=this;if(!e.eventsListeners||e.destroyed)return e;if(!e.eventsListeners)return e;let t,s,a;for(var i=arguments.length,r=new Array(i),n=0;n<i;n++)r[n]=arguments[n];"string"==typeof r[0]||Array.isArray(r[0])?(t=r[0],s=r.slice(1,r.length),a=e):(t=r[0].events,s=r[0].data,a=r[0].context||e),s.unshift(a);return(Array.isArray(t)?t:t.split(" ")).forEach((t=>{e.eventsAnyListeners&&e.eventsAnyListeners.length&&e.eventsAnyListeners.forEach((e=>{e.apply(a,[t,...s])})),e.eventsListeners&&e.eventsListeners[t]&&e.eventsListeners[t].forEach((e=>{e.apply(a,s)}))})),e}};var S={updateSize:function(){const e=this;let t,s;const a=e.$el;t=void 0!==e.params.width&&null!==e.params.width?e.params.width:a[0].clientWidth,s=void 0!==e.params.height&&null!==e.params.height?e.params.height:a[0].clientHeight,0===t&&e.isHorizontal()||0===s&&e.isVertical()||(t=t-parseInt(a.css("padding-left")||0,10)-parseInt(a.css("padding-right")||0,10),s=s-parseInt(a.css("padding-top")||0,10)-parseInt(a.css("padding-bottom")||0,10),Number.isNaN(t)&&(t=0),Number.isNaN(s)&&(s=0),Object.assign(e,{width:t,height:s,size:e.isHorizontal()?t:s}))},updateSlides:function(){const e=this;function t(t){return e.isHorizontal()?t:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[t]}function s(e,s){return parseFloat(e.getPropertyValue(t(s))||0)}const a=e.params,{$wrapperEl:i,size:r,rtlTranslate:n,wrongRTL:l}=e,o=e.virtual&&a.virtual.enabled,d=o?e.virtual.slides.length:e.slides.length,c=i.children(`.${e.params.slideClass}`),p=o?e.virtual.slides.length:c.length;let u=[];const h=[],m=[];let f=a.slidesOffsetBefore;"function"==typeof f&&(f=a.slidesOffsetBefore.call(e));let g=a.slidesOffsetAfter;"function"==typeof g&&(g=a.slidesOffsetAfter.call(e));const w=e.snapGrid.length,b=e.slidesGrid.length;let x=a.spaceBetween,y=-f,E=0,C=0;if(void 0===r)return;"string"==typeof x&&x.indexOf("%")>=0&&(x=parseFloat(x.replace("%",""))/100*r),e.virtualSize=-x,n?c.css({marginLeft:"",marginBottom:"",marginTop:""}):c.css({marginRight:"",marginBottom:"",marginTop:""}),a.centeredSlides&&a.cssMode&&(v(e.wrapperEl,"--swiper-centered-offset-before",""),v(e.wrapperEl,"--swiper-centered-offset-after",""));const T=a.grid&&a.grid.rows>1&&e.grid;let $;T&&e.grid.initSlides(p);const S="auto"===a.slidesPerView&&a.breakpoints&&Object.keys(a.breakpoints).filter((e=>void 0!==a.breakpoints[e].slidesPerView)).length>0;for(let i=0;i<p;i+=1){$=0;const n=c.eq(i);if(T&&e.grid.updateSlide(i,n,p,t),"none"!==n.css("display")){if("auto"===a.slidesPerView){S&&(c[i].style[t("width")]="");const r=getComputedStyle(n[0]),l=n[0].style.transform,o=n[0].style.webkitTransform;if(l&&(n[0].style.transform="none"),o&&(n[0].style.webkitTransform="none"),a.roundLengths)$=e.isHorizontal()?n.outerWidth(!0):n.outerHeight(!0);else{const e=s(r,"width"),t=s(r,"padding-left"),a=s(r,"padding-right"),i=s(r,"margin-left"),l=s(r,"margin-right"),o=r.getPropertyValue("box-sizing");if(o&&"border-box"===o)$=e+i+l;else{const{clientWidth:s,offsetWidth:r}=n[0];$=e+t+a+i+l+(r-s)}}l&&(n[0].style.transform=l),o&&(n[0].style.webkitTransform=o),a.roundLengths&&($=Math.floor($))}else $=(r-(a.slidesPerView-1)*x)/a.slidesPerView,a.roundLengths&&($=Math.floor($)),c[i]&&(c[i].style[t("width")]=`${$}px`);c[i]&&(c[i].swiperSlideSize=$),m.push($),a.centeredSlides?(y=y+$/2+E/2+x,0===E&&0!==i&&(y=y-r/2-x),0===i&&(y=y-r/2-x),Math.abs(y)<.001&&(y=0),a.roundLengths&&(y=Math.floor(y)),C%a.slidesPerGroup==0&&u.push(y),h.push(y)):(a.roundLengths&&(y=Math.floor(y)),(C-Math.min(e.params.slidesPerGroupSkip,C))%e.params.slidesPerGroup==0&&u.push(y),h.push(y),y=y+$+x),e.virtualSize+=$+x,E=$,C+=1}}if(e.virtualSize=Math.max(e.virtualSize,r)+g,n&&l&&("slide"===a.effect||"coverflow"===a.effect)&&i.css({width:`${e.virtualSize+a.spaceBetween}px`}),a.setWrapperSize&&i.css({[t("width")]:`${e.virtualSize+a.spaceBetween}px`}),T&&e.grid.updateWrapperSize($,u,t),!a.centeredSlides){const t=[];for(let s=0;s<u.length;s+=1){let i=u[s];a.roundLengths&&(i=Math.floor(i)),u[s]<=e.virtualSize-r&&t.push(i)}u=t,Math.floor(e.virtualSize-r)-Math.floor(u[u.length-1])>1&&u.push(e.virtualSize-r)}if(0===u.length&&(u=[0]),0!==a.spaceBetween){const s=e.isHorizontal()&&n?"marginLeft":t("marginRight");c.filter(((e,t)=>!a.cssMode||t!==c.length-1)).css({[s]:`${x}px`})}if(a.centeredSlides&&a.centeredSlidesBounds){let e=0;m.forEach((t=>{e+=t+(a.spaceBetween?a.spaceBetween:0)})),e-=a.spaceBetween;const t=e-r;u=u.map((e=>e<0?-f:e>t?t+g:e))}if(a.centerInsufficientSlides){let e=0;if(m.forEach((t=>{e+=t+(a.spaceBetween?a.spaceBetween:0)})),e-=a.spaceBetween,e<r){const t=(r-e)/2;u.forEach(((e,s)=>{u[s]=e-t})),h.forEach(((e,s)=>{h[s]=e+t}))}}if(Object.assign(e,{slides:c,snapGrid:u,slidesGrid:h,slidesSizesGrid:m}),a.centeredSlides&&a.cssMode&&!a.centeredSlidesBounds){v(e.wrapperEl,"--swiper-centered-offset-before",-u[0]+"px"),v(e.wrapperEl,"--swiper-centered-offset-after",e.size/2-m[m.length-1]/2+"px");const t=-e.snapGrid[0],s=-e.slidesGrid[0];e.snapGrid=e.snapGrid.map((e=>e+t)),e.slidesGrid=e.slidesGrid.map((e=>e+s))}if(p!==d&&e.emit("slidesLengthChange"),u.length!==w&&(e.params.watchOverflow&&e.checkOverflow(),e.emit("snapGridLengthChange")),h.length!==b&&e.emit("slidesGridLengthChange"),a.watchSlidesProgress&&e.updateSlidesOffset(),!(o||a.cssMode||"slide"!==a.effect&&"fade"!==a.effect)){const t=`${a.containerModifierClass}backface-hidden`,s=e.$el.hasClass(t);p<=a.maxBackfaceHiddenSlides?s||e.$el.addClass(t):s&&e.$el.removeClass(t)}},updateAutoHeight:function(e){const t=this,s=[],a=t.virtual&&t.params.virtual.enabled;let i,r=0;"number"==typeof e?t.setTransition(e):!0===e&&t.setTransition(t.params.speed);const n=e=>a?t.slides.filter((t=>parseInt(t.getAttribute("data-swiper-slide-index"),10)===e))[0]:t.slides.eq(e)[0];if("auto"!==t.params.slidesPerView&&t.params.slidesPerView>1)if(t.params.centeredSlides)(t.visibleSlides||d([])).each((e=>{s.push(e)}));else for(i=0;i<Math.ceil(t.params.slidesPerView);i+=1){const e=t.activeIndex+i;if(e>t.slides.length&&!a)break;s.push(n(e))}else s.push(n(t.activeIndex));for(i=0;i<s.length;i+=1)if(void 0!==s[i]){const e=s[i].offsetHeight;r=e>r?e:r}(r||0===r)&&t.$wrapperEl.css("height",`${r}px`)},updateSlidesOffset:function(){const e=this,t=e.slides;for(let s=0;s<t.length;s+=1)t[s].swiperSlideOffset=e.isHorizontal()?t[s].offsetLeft:t[s].offsetTop},updateSlidesProgress:function(e){void 0===e&&(e=this&&this.translate||0);const t=this,s=t.params,{slides:a,rtlTranslate:i,snapGrid:r}=t;if(0===a.length)return;void 0===a[0].swiperSlideOffset&&t.updateSlidesOffset();let n=-e;i&&(n=e),a.removeClass(s.slideVisibleClass),t.visibleSlidesIndexes=[],t.visibleSlides=[];for(let e=0;e<a.length;e+=1){const l=a[e];let o=l.swiperSlideOffset;s.cssMode&&s.centeredSlides&&(o-=a[0].swiperSlideOffset);const d=(n+(s.centeredSlides?t.minTranslate():0)-o)/(l.swiperSlideSize+s.spaceBetween),c=(n-r[0]+(s.centeredSlides?t.minTranslate():0)-o)/(l.swiperSlideSize+s.spaceBetween),p=-(n-o),u=p+t.slidesSizesGrid[e];(p>=0&&p<t.size-1||u>1&&u<=t.size||p<=0&&u>=t.size)&&(t.visibleSlides.push(l),t.visibleSlidesIndexes.push(e),a.eq(e).addClass(s.slideVisibleClass)),l.progress=i?-d:d,l.originalProgress=i?-c:c}t.visibleSlides=d(t.visibleSlides)},updateProgress:function(e){const t=this;if(void 0===e){const s=t.rtlTranslate?-1:1;e=t&&t.translate&&t.translate*s||0}const s=t.params,a=t.maxTranslate()-t.minTranslate();let{progress:i,isBeginning:r,isEnd:n}=t;const l=r,o=n;0===a?(i=0,r=!0,n=!0):(i=(e-t.minTranslate())/a,r=i<=0,n=i>=1),Object.assign(t,{progress:i,isBeginning:r,isEnd:n}),(s.watchSlidesProgress||s.centeredSlides&&s.autoHeight)&&t.updateSlidesProgress(e),r&&!l&&t.emit("reachBeginning toEdge"),n&&!o&&t.emit("reachEnd toEdge"),(l&&!r||o&&!n)&&t.emit("fromEdge"),t.emit("progress",i)},updateSlidesClasses:function(){const e=this,{slides:t,params:s,$wrapperEl:a,activeIndex:i,realIndex:r}=e,n=e.virtual&&s.virtual.enabled;let l;t.removeClass(`${s.slideActiveClass} ${s.slideNextClass} ${s.slidePrevClass} ${s.slideDuplicateActiveClass} ${s.slideDuplicateNextClass} ${s.slideDuplicatePrevClass}`),l=n?e.$wrapperEl.find(`.${s.slideClass}[data-swiper-slide-index="${i}"]`):t.eq(i),l.addClass(s.slideActiveClass),s.loop&&(l.hasClass(s.slideDuplicateClass)?a.children(`.${s.slideClass}:not(.${s.slideDuplicateClass})[data-swiper-slide-index="${r}"]`).addClass(s.slideDuplicateActiveClass):a.children(`.${s.slideClass}.${s.slideDuplicateClass}[data-swiper-slide-index="${r}"]`).addClass(s.slideDuplicateActiveClass));let o=l.nextAll(`.${s.slideClass}`).eq(0).addClass(s.slideNextClass);s.loop&&0===o.length&&(o=t.eq(0),o.addClass(s.slideNextClass));let d=l.prevAll(`.${s.slideClass}`).eq(0).addClass(s.slidePrevClass);s.loop&&0===d.length&&(d=t.eq(-1),d.addClass(s.slidePrevClass)),s.loop&&(o.hasClass(s.slideDuplicateClass)?a.children(`.${s.slideClass}:not(.${s.slideDuplicateClass})[data-swiper-slide-index="${o.attr("data-swiper-slide-index")}"]`).addClass(s.slideDuplicateNextClass):a.children(`.${s.slideClass}.${s.slideDuplicateClass}[data-swiper-slide-index="${o.attr("data-swiper-slide-index")}"]`).addClass(s.slideDuplicateNextClass),d.hasClass(s.slideDuplicateClass)?a.children(`.${s.slideClass}:not(.${s.slideDuplicateClass})[data-swiper-slide-index="${d.attr("data-swiper-slide-index")}"]`).addClass(s.slideDuplicatePrevClass):a.children(`.${s.slideClass}.${s.slideDuplicateClass}[data-swiper-slide-index="${d.attr("data-swiper-slide-index")}"]`).addClass(s.slideDuplicatePrevClass)),e.emitSlidesClasses()},updateActiveIndex:function(e){const t=this,s=t.rtlTranslate?t.translate:-t.translate,{slidesGrid:a,snapGrid:i,params:r,activeIndex:n,realIndex:l,snapIndex:o}=t;let d,c=e;if(void 0===c){for(let e=0;e<a.length;e+=1)void 0!==a[e+1]?s>=a[e]&&s<a[e+1]-(a[e+1]-a[e])/2?c=e:s>=a[e]&&s<a[e+1]&&(c=e+1):s>=a[e]&&(c=e);r.normalizeSlideIndex&&(c<0||void 0===c)&&(c=0)}if(i.indexOf(s)>=0)d=i.indexOf(s);else{const e=Math.min(r.slidesPerGroupSkip,c);d=e+Math.floor((c-e)/r.slidesPerGroup)}if(d>=i.length&&(d=i.length-1),c===n)return void(d!==o&&(t.snapIndex=d,t.emit("snapIndexChange")));const p=parseInt(t.slides.eq(c).attr("data-swiper-slide-index")||c,10);Object.assign(t,{snapIndex:d,realIndex:p,previousIndex:n,activeIndex:c}),t.emit("activeIndexChange"),t.emit("snapIndexChange"),l!==p&&t.emit("realIndexChange"),(t.initialized||t.params.runCallbacksOnInit)&&t.emit("slideChange")},updateClickedSlide:function(e){const t=this,s=t.params,a=d(e).closest(`.${s.slideClass}`)[0];let i,r=!1;if(a)for(let e=0;e<t.slides.length;e+=1)if(t.slides[e]===a){r=!0,i=e;break}if(!a||!r)return t.clickedSlide=void 0,void(t.clickedIndex=void 0);t.clickedSlide=a,t.virtual&&t.params.virtual.enabled?t.clickedIndex=parseInt(d(a).attr("data-swiper-slide-index"),10):t.clickedIndex=i,s.slideToClickedSlide&&void 0!==t.clickedIndex&&t.clickedIndex!==t.activeIndex&&t.slideToClickedSlide()}};var M={getTranslate:function(e){void 0===e&&(e=this.isHorizontal()?"x":"y");const{params:t,rtlTranslate:s,translate:a,$wrapperEl:i}=this;if(t.virtualTranslate)return s?-a:a;if(t.cssMode)return a;let r=h(i[0],e);return s&&(r=-r),r||0},setTranslate:function(e,t){const s=this,{rtlTranslate:a,params:i,$wrapperEl:r,wrapperEl:n,progress:l}=s;let o,d=0,c=0;s.isHorizontal()?d=a?-e:e:c=e,i.roundLengths&&(d=Math.floor(d),c=Math.floor(c)),i.cssMode?n[s.isHorizontal()?"scrollLeft":"scrollTop"]=s.isHorizontal()?-d:-c:i.virtualTranslate||r.transform(`translate3d(${d}px, ${c}px, 0px)`),s.previousTranslate=s.translate,s.translate=s.isHorizontal()?d:c;const p=s.maxTranslate()-s.minTranslate();o=0===p?0:(e-s.minTranslate())/p,o!==l&&s.updateProgress(e),s.emit("setTranslate",s.translate,t)},minTranslate:function(){return-this.snapGrid[0]},maxTranslate:function(){return-this.snapGrid[this.snapGrid.length-1]},translateTo:function(e,t,s,a,i){void 0===e&&(e=0),void 0===t&&(t=this.params.speed),void 0===s&&(s=!0),void 0===a&&(a=!0);const r=this,{params:n,wrapperEl:l}=r;if(r.animating&&n.preventInteractionOnTransition)return!1;const o=r.minTranslate(),d=r.maxTranslate();let c;if(c=a&&e>o?o:a&&e<d?d:e,r.updateProgress(c),n.cssMode){const e=r.isHorizontal();if(0===t)l[e?"scrollLeft":"scrollTop"]=-c;else{if(!r.support.smoothScroll)return w({swiper:r,targetPosition:-c,side:e?"left":"top"}),!0;l.scrollTo({[e?"left":"top"]:-c,behavior:"smooth"})}return!0}return 0===t?(r.setTransition(0),r.setTranslate(c),s&&(r.emit("beforeTransitionStart",t,i),r.emit("transitionEnd"))):(r.setTransition(t),r.setTranslate(c),s&&(r.emit("beforeTransitionStart",t,i),r.emit("transitionStart")),r.animating||(r.animating=!0,r.onTranslateToWrapperTransitionEnd||(r.onTranslateToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.$wrapperEl[0].removeEventListener("transitionend",r.onTranslateToWrapperTransitionEnd),r.$wrapperEl[0].removeEventListener("webkitTransitionEnd",r.onTranslateToWrapperTransitionEnd),r.onTranslateToWrapperTransitionEnd=null,delete r.onTranslateToWrapperTransitionEnd,s&&r.emit("transitionEnd"))}),r.$wrapperEl[0].addEventListener("transitionend",r.onTranslateToWrapperTransitionEnd),r.$wrapperEl[0].addEventListener("webkitTransitionEnd",r.onTranslateToWrapperTransitionEnd))),!0}};function P(e){let{swiper:t,runCallbacks:s,direction:a,step:i}=e;const{activeIndex:r,previousIndex:n}=t;let l=a;if(l||(l=r>n?"next":r<n?"prev":"reset"),t.emit(`transition${i}`),s&&r!==n){if("reset"===l)return void t.emit(`slideResetTransition${i}`);t.emit(`slideChangeTransition${i}`),"next"===l?t.emit(`slideNextTransition${i}`):t.emit(`slidePrevTransition${i}`)}}var k={slideTo:function(e,t,s,a,i){if(void 0===e&&(e=0),void 0===t&&(t=this.params.speed),void 0===s&&(s=!0),"number"!=typeof e&&"string"!=typeof e)throw new Error(`The 'index' argument cannot have type other than 'number' or 'string'. [${typeof e}] given.`);if("string"==typeof e){const t=parseInt(e,10);if(!isFinite(t))throw new Error(`The passed-in 'index' (string) couldn't be converted to 'number'. [${e}] given.`);e=t}const r=this;let n=e;n<0&&(n=0);const{params:l,snapGrid:o,slidesGrid:d,previousIndex:c,activeIndex:p,rtlTranslate:u,wrapperEl:h,enabled:m}=r;if(r.animating&&l.preventInteractionOnTransition||!m&&!a&&!i)return!1;const f=Math.min(r.params.slidesPerGroupSkip,n);let g=f+Math.floor((n-f)/r.params.slidesPerGroup);g>=o.length&&(g=o.length-1),(p||l.initialSlide||0)===(c||0)&&s&&r.emit("beforeSlideChangeStart");const v=-o[g];if(r.updateProgress(v),l.normalizeSlideIndex)for(let e=0;e<d.length;e+=1){const t=-Math.floor(100*v),s=Math.floor(100*d[e]),a=Math.floor(100*d[e+1]);void 0!==d[e+1]?t>=s&&t<a-(a-s)/2?n=e:t>=s&&t<a&&(n=e+1):t>=s&&(n=e)}if(r.initialized&&n!==p){if(!r.allowSlideNext&&v<r.translate&&v<r.minTranslate())return!1;if(!r.allowSlidePrev&&v>r.translate&&v>r.maxTranslate()&&(p||0)!==n)return!1}let b;if(b=n>p?"next":n<p?"prev":"reset",u&&-v===r.translate||!u&&v===r.translate)return r.updateActiveIndex(n),l.autoHeight&&r.updateAutoHeight(),r.updateSlidesClasses(),"slide"!==l.effect&&r.setTranslate(v),"reset"!==b&&(r.transitionStart(s,b),r.transitionEnd(s,b)),!1;if(l.cssMode){const e=r.isHorizontal(),s=u?v:-v;if(0===t){const t=r.virtual&&r.params.virtual.enabled;t&&(r.wrapperEl.style.scrollSnapType="none",r._immediateVirtual=!0),h[e?"scrollLeft":"scrollTop"]=s,t&&requestAnimationFrame((()=>{r.wrapperEl.style.scrollSnapType="",r._swiperImmediateVirtual=!1}))}else{if(!r.support.smoothScroll)return w({swiper:r,targetPosition:s,side:e?"left":"top"}),!0;h.scrollTo({[e?"left":"top"]:s,behavior:"smooth"})}return!0}return r.setTransition(t),r.setTranslate(v),r.updateActiveIndex(n),r.updateSlidesClasses(),r.emit("beforeTransitionStart",t,a),r.transitionStart(s,b),0===t?r.transitionEnd(s,b):r.animating||(r.animating=!0,r.onSlideToWrapperTransitionEnd||(r.onSlideToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.$wrapperEl[0].removeEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.$wrapperEl[0].removeEventListener("webkitTransitionEnd",r.onSlideToWrapperTransitionEnd),r.onSlideToWrapperTransitionEnd=null,delete r.onSlideToWrapperTransitionEnd,r.transitionEnd(s,b))}),r.$wrapperEl[0].addEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.$wrapperEl[0].addEventListener("webkitTransitionEnd",r.onSlideToWrapperTransitionEnd)),!0},slideToLoop:function(e,t,s,a){if(void 0===e&&(e=0),void 0===t&&(t=this.params.speed),void 0===s&&(s=!0),"string"==typeof e){const t=parseInt(e,10);if(!isFinite(t))throw new Error(`The passed-in 'index' (string) couldn't be converted to 'number'. [${e}] given.`);e=t}const i=this;let r=e;return i.params.loop&&(r+=i.loopedSlides),i.slideTo(r,t,s,a)},slideNext:function(e,t,s){void 0===e&&(e=this.params.speed),void 0===t&&(t=!0);const a=this,{animating:i,enabled:r,params:n}=a;if(!r)return a;let l=n.slidesPerGroup;"auto"===n.slidesPerView&&1===n.slidesPerGroup&&n.slidesPerGroupAuto&&(l=Math.max(a.slidesPerViewDynamic("current",!0),1));const o=a.activeIndex<n.slidesPerGroupSkip?1:l;if(n.loop){if(i&&n.loopPreventsSlide)return!1;a.loopFix(),a._clientLeft=a.$wrapperEl[0].clientLeft}return n.rewind&&a.isEnd?a.slideTo(0,e,t,s):a.slideTo(a.activeIndex+o,e,t,s)},slidePrev:function(e,t,s){void 0===e&&(e=this.params.speed),void 0===t&&(t=!0);const a=this,{params:i,animating:r,snapGrid:n,slidesGrid:l,rtlTranslate:o,enabled:d}=a;if(!d)return a;if(i.loop){if(r&&i.loopPreventsSlide)return!1;a.loopFix(),a._clientLeft=a.$wrapperEl[0].clientLeft}function c(e){return e<0?-Math.floor(Math.abs(e)):Math.floor(e)}const p=c(o?a.translate:-a.translate),u=n.map((e=>c(e)));let h=n[u.indexOf(p)-1];if(void 0===h&&i.cssMode){let e;n.forEach(((t,s)=>{p>=t&&(e=s)})),void 0!==e&&(h=n[e>0?e-1:e])}let m=0;if(void 0!==h&&(m=l.indexOf(h),m<0&&(m=a.activeIndex-1),"auto"===i.slidesPerView&&1===i.slidesPerGroup&&i.slidesPerGroupAuto&&(m=m-a.slidesPerViewDynamic("previous",!0)+1,m=Math.max(m,0))),i.rewind&&a.isBeginning){const i=a.params.virtual&&a.params.virtual.enabled&&a.virtual?a.virtual.slides.length-1:a.slides.length-1;return a.slideTo(i,e,t,s)}return a.slideTo(m,e,t,s)},slideReset:function(e,t,s){return void 0===e&&(e=this.params.speed),void 0===t&&(t=!0),this.slideTo(this.activeIndex,e,t,s)},slideToClosest:function(e,t,s,a){void 0===e&&(e=this.params.speed),void 0===t&&(t=!0),void 0===a&&(a=.5);const i=this;let r=i.activeIndex;const n=Math.min(i.params.slidesPerGroupSkip,r),l=n+Math.floor((r-n)/i.params.slidesPerGroup),o=i.rtlTranslate?i.translate:-i.translate;if(o>=i.snapGrid[l]){const e=i.snapGrid[l];o-e>(i.snapGrid[l+1]-e)*a&&(r+=i.params.slidesPerGroup)}else{const e=i.snapGrid[l-1];o-e<=(i.snapGrid[l]-e)*a&&(r-=i.params.slidesPerGroup)}return r=Math.max(r,0),r=Math.min(r,i.slidesGrid.length-1),i.slideTo(r,e,t,s)},slideToClickedSlide:function(){const e=this,{params:t,$wrapperEl:s}=e,a="auto"===t.slidesPerView?e.slidesPerViewDynamic():t.slidesPerView;let i,r=e.clickedIndex;if(t.loop){if(e.animating)return;i=parseInt(d(e.clickedSlide).attr("data-swiper-slide-index"),10),t.centeredSlides?r<e.loopedSlides-a/2||r>e.slides.length-e.loopedSlides+a/2?(e.loopFix(),r=s.children(`.${t.slideClass}[data-swiper-slide-index="${i}"]:not(.${t.slideDuplicateClass})`).eq(0).index(),p((()=>{e.slideTo(r)}))):e.slideTo(r):r>e.slides.length-a?(e.loopFix(),r=s.children(`.${t.slideClass}[data-swiper-slide-index="${i}"]:not(.${t.slideDuplicateClass})`).eq(0).index(),p((()=>{e.slideTo(r)}))):e.slideTo(r)}else e.slideTo(r)}};var z={loopCreate:function(){const e=this,t=a(),{params:s,$wrapperEl:i}=e,r=i.children().length>0?d(i.children()[0].parentNode):i;r.children(`.${s.slideClass}.${s.slideDuplicateClass}`).remove();let n=r.children(`.${s.slideClass}`);if(s.loopFillGroupWithBlank){const e=s.slidesPerGroup-n.length%s.slidesPerGroup;if(e!==s.slidesPerGroup){for(let a=0;a<e;a+=1){const e=d(t.createElement("div")).addClass(`${s.slideClass} ${s.slideBlankClass}`);r.append(e)}n=r.children(`.${s.slideClass}`)}}"auto"!==s.slidesPerView||s.loopedSlides||(s.loopedSlides=n.length),e.loopedSlides=Math.ceil(parseFloat(s.loopedSlides||s.slidesPerView,10)),e.loopedSlides+=s.loopAdditionalSlides,e.loopedSlides>n.length&&(e.loopedSlides=n.length);const l=[],o=[];n.each(((t,s)=>{const a=d(t);s<e.loopedSlides&&o.push(t),s<n.length&&s>=n.length-e.loopedSlides&&l.push(t),a.attr("data-swiper-slide-index",s)}));for(let e=0;e<o.length;e+=1)r.append(d(o[e].cloneNode(!0)).addClass(s.slideDuplicateClass));for(let e=l.length-1;e>=0;e-=1)r.prepend(d(l[e].cloneNode(!0)).addClass(s.slideDuplicateClass))},loopFix:function(){const e=this;e.emit("beforeLoopFix");const{activeIndex:t,slides:s,loopedSlides:a,allowSlidePrev:i,allowSlideNext:r,snapGrid:n,rtlTranslate:l}=e;let o;e.allowSlidePrev=!0,e.allowSlideNext=!0;const d=-n[t]-e.getTranslate();if(t<a){o=s.length-3*a+t,o+=a;e.slideTo(o,0,!1,!0)&&0!==d&&e.setTranslate((l?-e.translate:e.translate)-d)}else if(t>=s.length-a){o=-s.length+t+a,o+=a;e.slideTo(o,0,!1,!0)&&0!==d&&e.setTranslate((l?-e.translate:e.translate)-d)}e.allowSlidePrev=i,e.allowSlideNext=r,e.emit("loopFix")},loopDestroy:function(){const{$wrapperEl:e,params:t,slides:s}=this;e.children(`.${t.slideClass}.${t.slideDuplicateClass},.${t.slideClass}.${t.slideBlankClass}`).remove(),s.removeAttr("data-swiper-slide-index")}};function L(e){const t=this,s=a(),i=r(),n=t.touchEventsData,{params:l,touches:o,enabled:c}=t;if(!c)return;if(t.animating&&l.preventInteractionOnTransition)return;!t.animating&&l.cssMode&&l.loop&&t.loopFix();let p=e;p.originalEvent&&(p=p.originalEvent);let h=d(p.target);if("wrapper"===l.touchEventsTarget&&!h.closest(t.wrapperEl).length)return;if(n.isTouchEvent="touchstart"===p.type,!n.isTouchEvent&&"which"in p&&3===p.which)return;if(!n.isTouchEvent&&"button"in p&&p.button>0)return;if(n.isTouched&&n.isMoved)return;!!l.noSwipingClass&&""!==l.noSwipingClass&&p.target&&p.target.shadowRoot&&e.path&&e.path[0]&&(h=d(e.path[0]));const m=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,f=!(!p.target||!p.target.shadowRoot);if(l.noSwiping&&(f?function(e,t){return void 0===t&&(t=this),function t(s){if(!s||s===a()||s===r())return null;s.assignedSlot&&(s=s.assignedSlot);const i=s.closest(e);return i||s.getRootNode?i||t(s.getRootNode().host):null}(t)}(m,h[0]):h.closest(m)[0]))return void(t.allowClick=!0);if(l.swipeHandler&&!h.closest(l.swipeHandler)[0])return;o.currentX="touchstart"===p.type?p.targetTouches[0].pageX:p.pageX,o.currentY="touchstart"===p.type?p.targetTouches[0].pageY:p.pageY;const g=o.currentX,v=o.currentY,w=l.edgeSwipeDetection||l.iOSEdgeSwipeDetection,b=l.edgeSwipeThreshold||l.iOSEdgeSwipeThreshold;if(w&&(g<=b||g>=i.innerWidth-b)){if("prevent"!==w)return;e.preventDefault()}if(Object.assign(n,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),o.startX=g,o.startY=v,n.touchStartTime=u(),t.allowClick=!0,t.updateSize(),t.swipeDirection=void 0,l.threshold>0&&(n.allowThresholdMove=!1),"touchstart"!==p.type){let e=!0;h.is(n.focusableElements)&&(e=!1,"SELECT"===h[0].nodeName&&(n.isTouched=!1)),s.activeElement&&d(s.activeElement).is(n.focusableElements)&&s.activeElement!==h[0]&&s.activeElement.blur();const a=e&&t.allowTouchMove&&l.touchStartPreventDefault;!l.touchStartForcePreventDefault&&!a||h[0].isContentEditable||p.preventDefault()}t.params.freeMode&&t.params.freeMode.enabled&&t.freeMode&&t.animating&&!l.cssMode&&t.freeMode.onTouchStart(),t.emit("touchStart",p)}function O(e){const t=a(),s=this,i=s.touchEventsData,{params:r,touches:n,rtlTranslate:l,enabled:o}=s;if(!o)return;let c=e;if(c.originalEvent&&(c=c.originalEvent),!i.isTouched)return void(i.startMoving&&i.isScrolling&&s.emit("touchMoveOpposite",c));if(i.isTouchEvent&&"touchmove"!==c.type)return;const p="touchmove"===c.type&&c.targetTouches&&(c.targetTouches[0]||c.changedTouches[0]),h="touchmove"===c.type?p.pageX:c.pageX,m="touchmove"===c.type?p.pageY:c.pageY;if(c.preventedByNestedSwiper)return n.startX=h,void(n.startY=m);if(!s.allowTouchMove)return d(c.target).is(i.focusableElements)||(s.allowClick=!1),void(i.isTouched&&(Object.assign(n,{startX:h,startY:m,currentX:h,currentY:m}),i.touchStartTime=u()));if(i.isTouchEvent&&r.touchReleaseOnEdges&&!r.loop)if(s.isVertical()){if(m<n.startY&&s.translate<=s.maxTranslate()||m>n.startY&&s.translate>=s.minTranslate())return i.isTouched=!1,void(i.isMoved=!1)}else if(h<n.startX&&s.translate<=s.maxTranslate()||h>n.startX&&s.translate>=s.minTranslate())return;if(i.isTouchEvent&&t.activeElement&&c.target===t.activeElement&&d(c.target).is(i.focusableElements))return i.isMoved=!0,void(s.allowClick=!1);if(i.allowTouchCallbacks&&s.emit("touchMove",c),c.targetTouches&&c.targetTouches.length>1)return;n.currentX=h,n.currentY=m;const f=n.currentX-n.startX,g=n.currentY-n.startY;if(s.params.threshold&&Math.sqrt(f**2+g**2)<s.params.threshold)return;if(void 0===i.isScrolling){let e;s.isHorizontal()&&n.currentY===n.startY||s.isVertical()&&n.currentX===n.startX?i.isScrolling=!1:f*f+g*g>=25&&(e=180*Math.atan2(Math.abs(g),Math.abs(f))/Math.PI,i.isScrolling=s.isHorizontal()?e>r.touchAngle:90-e>r.touchAngle)}if(i.isScrolling&&s.emit("touchMoveOpposite",c),void 0===i.startMoving&&(n.currentX===n.startX&&n.currentY===n.startY||(i.startMoving=!0)),i.isScrolling)return void(i.isTouched=!1);if(!i.startMoving)return;s.allowClick=!1,!r.cssMode&&c.cancelable&&c.preventDefault(),r.touchMoveStopPropagation&&!r.nested&&c.stopPropagation(),i.isMoved||(r.loop&&!r.cssMode&&s.loopFix(),i.startTranslate=s.getTranslate(),s.setTransition(0),s.animating&&s.$wrapperEl.trigger("webkitTransitionEnd transitionend"),i.allowMomentumBounce=!1,!r.grabCursor||!0!==s.allowSlideNext&&!0!==s.allowSlidePrev||s.setGrabCursor(!0),s.emit("sliderFirstMove",c)),s.emit("sliderMove",c),i.isMoved=!0;let v=s.isHorizontal()?f:g;n.diff=v,v*=r.touchRatio,l&&(v=-v),s.swipeDirection=v>0?"prev":"next",i.currentTranslate=v+i.startTranslate;let w=!0,b=r.resistanceRatio;if(r.touchReleaseOnEdges&&(b=0),v>0&&i.currentTranslate>s.minTranslate()?(w=!1,r.resistance&&(i.currentTranslate=s.minTranslate()-1+(-s.minTranslate()+i.startTranslate+v)**b)):v<0&&i.currentTranslate<s.maxTranslate()&&(w=!1,r.resistance&&(i.currentTranslate=s.maxTranslate()+1-(s.maxTranslate()-i.startTranslate-v)**b)),w&&(c.preventedByNestedSwiper=!0),!s.allowSlideNext&&"next"===s.swipeDirection&&i.currentTranslate<i.startTranslate&&(i.currentTranslate=i.startTranslate),!s.allowSlidePrev&&"prev"===s.swipeDirection&&i.currentTranslate>i.startTranslate&&(i.currentTranslate=i.startTranslate),s.allowSlidePrev||s.allowSlideNext||(i.currentTranslate=i.startTranslate),r.threshold>0){if(!(Math.abs(v)>r.threshold||i.allowThresholdMove))return void(i.currentTranslate=i.startTranslate);if(!i.allowThresholdMove)return i.allowThresholdMove=!0,n.startX=n.currentX,n.startY=n.currentY,i.currentTranslate=i.startTranslate,void(n.diff=s.isHorizontal()?n.currentX-n.startX:n.currentY-n.startY)}r.followFinger&&!r.cssMode&&((r.freeMode&&r.freeMode.enabled&&s.freeMode||r.watchSlidesProgress)&&(s.updateActiveIndex(),s.updateSlidesClasses()),s.params.freeMode&&r.freeMode.enabled&&s.freeMode&&s.freeMode.onTouchMove(),s.updateProgress(i.currentTranslate),s.setTranslate(i.currentTranslate))}function I(e){const t=this,s=t.touchEventsData,{params:a,touches:i,rtlTranslate:r,slidesGrid:n,enabled:l}=t;if(!l)return;let o=e;if(o.originalEvent&&(o=o.originalEvent),s.allowTouchCallbacks&&t.emit("touchEnd",o),s.allowTouchCallbacks=!1,!s.isTouched)return s.isMoved&&a.grabCursor&&t.setGrabCursor(!1),s.isMoved=!1,void(s.startMoving=!1);a.grabCursor&&s.isMoved&&s.isTouched&&(!0===t.allowSlideNext||!0===t.allowSlidePrev)&&t.setGrabCursor(!1);const d=u(),c=d-s.touchStartTime;if(t.allowClick){const e=o.path||o.composedPath&&o.composedPath();t.updateClickedSlide(e&&e[0]||o.target),t.emit("tap click",o),c<300&&d-s.lastClickTime<300&&t.emit("doubleTap doubleClick",o)}if(s.lastClickTime=u(),p((()=>{t.destroyed||(t.allowClick=!0)})),!s.isTouched||!s.isMoved||!t.swipeDirection||0===i.diff||s.currentTranslate===s.startTranslate)return s.isTouched=!1,s.isMoved=!1,void(s.startMoving=!1);let h;if(s.isTouched=!1,s.isMoved=!1,s.startMoving=!1,h=a.followFinger?r?t.translate:-t.translate:-s.currentTranslate,a.cssMode)return;if(t.params.freeMode&&a.freeMode.enabled)return void t.freeMode.onTouchEnd({currentPos:h});let m=0,f=t.slidesSizesGrid[0];for(let e=0;e<n.length;e+=e<a.slidesPerGroupSkip?1:a.slidesPerGroup){const t=e<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;void 0!==n[e+t]?h>=n[e]&&h<n[e+t]&&(m=e,f=n[e+t]-n[e]):h>=n[e]&&(m=e,f=n[n.length-1]-n[n.length-2])}let g=null,v=null;a.rewind&&(t.isBeginning?v=t.params.virtual&&t.params.virtual.enabled&&t.virtual?t.virtual.slides.length-1:t.slides.length-1:t.isEnd&&(g=0));const w=(h-n[m])/f,b=m<a.slidesPerGroupSkip-1?1:a.slidesPerGroup;if(c>a.longSwipesMs){if(!a.longSwipes)return void t.slideTo(t.activeIndex);"next"===t.swipeDirection&&(w>=a.longSwipesRatio?t.slideTo(a.rewind&&t.isEnd?g:m+b):t.slideTo(m)),"prev"===t.swipeDirection&&(w>1-a.longSwipesRatio?t.slideTo(m+b):null!==v&&w<0&&Math.abs(w)>a.longSwipesRatio?t.slideTo(v):t.slideTo(m))}else{if(!a.shortSwipes)return void t.slideTo(t.activeIndex);t.navigation&&(o.target===t.navigation.nextEl||o.target===t.navigation.prevEl)?o.target===t.navigation.nextEl?t.slideTo(m+b):t.slideTo(m):("next"===t.swipeDirection&&t.slideTo(null!==g?g:m+b),"prev"===t.swipeDirection&&t.slideTo(null!==v?v:m))}}function A(){const e=this,{params:t,el:s}=e;if(s&&0===s.offsetWidth)return;t.breakpoints&&e.setBreakpoint();const{allowSlideNext:a,allowSlidePrev:i,snapGrid:r}=e;e.allowSlideNext=!0,e.allowSlidePrev=!0,e.updateSize(),e.updateSlides(),e.updateSlidesClasses(),("auto"===t.slidesPerView||t.slidesPerView>1)&&e.isEnd&&!e.isBeginning&&!e.params.centeredSlides?e.slideTo(e.slides.length-1,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0),e.autoplay&&e.autoplay.running&&e.autoplay.paused&&e.autoplay.run(),e.allowSlidePrev=i,e.allowSlideNext=a,e.params.watchOverflow&&r!==e.snapGrid&&e.checkOverflow()}function D(e){const t=this;t.enabled&&(t.allowClick||(t.params.preventClicks&&e.preventDefault(),t.params.preventClicksPropagation&&t.animating&&(e.stopPropagation(),e.stopImmediatePropagation())))}function G(){const e=this,{wrapperEl:t,rtlTranslate:s,enabled:a}=e;if(!a)return;let i;e.previousTranslate=e.translate,e.isHorizontal()?e.translate=-t.scrollLeft:e.translate=-t.scrollTop,0===e.translate&&(e.translate=0),e.updateActiveIndex(),e.updateSlidesClasses();const r=e.maxTranslate()-e.minTranslate();i=0===r?0:(e.translate-e.minTranslate())/r,i!==e.progress&&e.updateProgress(s?-e.translate:e.translate),e.emit("setTranslate",e.translate,!1)}let N=!1;function B(){}const H=(e,t)=>{const s=a(),{params:i,touchEvents:r,el:n,wrapperEl:l,device:o,support:d}=e,c=!!i.nested,p="on"===t?"addEventListener":"removeEventListener",u=t;if(d.touch){const t=!("touchstart"!==r.start||!d.passiveListener||!i.passiveListeners)&&{passive:!0,capture:!1};n[p](r.start,e.onTouchStart,t),n[p](r.move,e.onTouchMove,d.passiveListener?{passive:!1,capture:c}:c),n[p](r.end,e.onTouchEnd,t),r.cancel&&n[p](r.cancel,e.onTouchEnd,t)}else n[p](r.start,e.onTouchStart,!1),s[p](r.move,e.onTouchMove,c),s[p](r.end,e.onTouchEnd,!1);(i.preventClicks||i.preventClicksPropagation)&&n[p]("click",e.onClick,!0),i.cssMode&&l[p]("scroll",e.onScroll),i.updateOnWindowResize?e[u](o.ios||o.android?"resize orientationchange observerUpdate":"resize observerUpdate",A,!0):e[u]("observerUpdate",A,!0)};var X={attachEvents:function(){const e=this,t=a(),{params:s,support:i}=e;e.onTouchStart=L.bind(e),e.onTouchMove=O.bind(e),e.onTouchEnd=I.bind(e),s.cssMode&&(e.onScroll=G.bind(e)),e.onClick=D.bind(e),i.touch&&!N&&(t.addEventListener("touchstart",B),N=!0),H(e,"on")},detachEvents:function(){H(this,"off")}};const Y=(e,t)=>e.grid&&t.grid&&t.grid.rows>1;var R={addClasses:function(){const e=this,{classNames:t,params:s,rtl:a,$el:i,device:r,support:n}=e,l=function(e,t){const s=[];return e.forEach((e=>{"object"==typeof e?Object.keys(e).forEach((a=>{e[a]&&s.push(t+a)})):"string"==typeof e&&s.push(t+e)})),s}(["initialized",s.direction,{"pointer-events":!n.touch},{"free-mode":e.params.freeMode&&s.freeMode.enabled},{autoheight:s.autoHeight},{rtl:a},{grid:s.grid&&s.grid.rows>1},{"grid-column":s.grid&&s.grid.rows>1&&"column"===s.grid.fill},{android:r.android},{ios:r.ios},{"css-mode":s.cssMode},{centered:s.cssMode&&s.centeredSlides},{"watch-progress":s.watchSlidesProgress}],s.containerModifierClass);t.push(...l),i.addClass([...t].join(" ")),e.emitContainerClasses()},removeClasses:function(){const{$el:e,classNames:t}=this;e.removeClass(t.join(" ")),this.emitContainerClasses()}};var W={init:!0,direction:"horizontal",touchEventsTarget:"wrapper",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,resizeObserver:!0,nested:!1,createElements:!1,enabled:!0,focusableElements:"input, select, option, textarea, button, video, label",width:null,height:null,preventInteractionOnTransition:!1,userAgent:null,url:null,edgeSwipeDetection:!1,edgeSwipeThreshold:20,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,breakpointsBase:"window",spaceBetween:0,slidesPerView:1,slidesPerGroup:1,slidesPerGroupSkip:0,slidesPerGroupAuto:!1,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,watchOverflow:!0,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:0,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,preloadImages:!0,updateOnImagesReady:!0,loop:!1,loopAdditionalSlides:0,loopedSlides:null,loopFillGroupWithBlank:!1,loopPreventsSlide:!0,rewind:!1,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,maxBackfaceHiddenSlides:10,containerModifierClass:"swiper-",slideClass:"swiper-slide",slideBlankClass:"swiper-slide-invisible-blank",slideActiveClass:"swiper-slide-active",slideDuplicateActiveClass:"swiper-slide-duplicate-active",slideVisibleClass:"swiper-slide-visible",slideDuplicateClass:"swiper-slide-duplicate",slideNextClass:"swiper-slide-next",slideDuplicateNextClass:"swiper-slide-duplicate-next",slidePrevClass:"swiper-slide-prev",slideDuplicatePrevClass:"swiper-slide-duplicate-prev",wrapperClass:"swiper-wrapper",runCallbacksOnInit:!0,_emitClasses:!1};function j(e,t){return function(s){void 0===s&&(s={});const a=Object.keys(s)[0],i=s[a];"object"==typeof i&&null!==i?(["navigation","pagination","scrollbar"].indexOf(a)>=0&&!0===e[a]&&(e[a]={auto:!0}),a in e&&"enabled"in i?(!0===e[a]&&(e[a]={enabled:!0}),"object"!=typeof e[a]||"enabled"in e[a]||(e[a].enabled=!0),e[a]||(e[a]={enabled:!1}),g(t,s)):g(t,s)):g(t,s)}}const _={eventsEmitter:$,update:S,translate:M,transition:{setTransition:function(e,t){const s=this;s.params.cssMode||s.$wrapperEl.transition(e),s.emit("setTransition",e,t)},transitionStart:function(e,t){void 0===e&&(e=!0);const s=this,{params:a}=s;a.cssMode||(a.autoHeight&&s.updateAutoHeight(),P({swiper:s,runCallbacks:e,direction:t,step:"Start"}))},transitionEnd:function(e,t){void 0===e&&(e=!0);const s=this,{params:a}=s;s.animating=!1,a.cssMode||(s.setTransition(0),P({swiper:s,runCallbacks:e,direction:t,step:"End"}))}},slide:k,loop:z,grabCursor:{setGrabCursor:function(e){const t=this;if(t.support.touch||!t.params.simulateTouch||t.params.watchOverflow&&t.isLocked||t.params.cssMode)return;const s="container"===t.params.touchEventsTarget?t.el:t.wrapperEl;s.style.cursor="move",s.style.cursor=e?"grabbing":"grab"},unsetGrabCursor:function(){const e=this;e.support.touch||e.params.watchOverflow&&e.isLocked||e.params.cssMode||(e["container"===e.params.touchEventsTarget?"el":"wrapperEl"].style.cursor="")}},events:X,breakpoints:{setBreakpoint:function(){const e=this,{activeIndex:t,initialized:s,loopedSlides:a=0,params:i,$el:r}=e,n=i.breakpoints;if(!n||n&&0===Object.keys(n).length)return;const l=e.getBreakpoint(n,e.params.breakpointsBase,e.el);if(!l||e.currentBreakpoint===l)return;const o=(l in n?n[l]:void 0)||e.originalParams,d=Y(e,i),c=Y(e,o),p=i.enabled;d&&!c?(r.removeClass(`${i.containerModifierClass}grid ${i.containerModifierClass}grid-column`),e.emitContainerClasses()):!d&&c&&(r.addClass(`${i.containerModifierClass}grid`),(o.grid.fill&&"column"===o.grid.fill||!o.grid.fill&&"column"===i.grid.fill)&&r.addClass(`${i.containerModifierClass}grid-column`),e.emitContainerClasses()),["navigation","pagination","scrollbar"].forEach((t=>{const s=i[t]&&i[t].enabled,a=o[t]&&o[t].enabled;s&&!a&&e[t].disable(),!s&&a&&e[t].enable()}));const u=o.direction&&o.direction!==i.direction,h=i.loop&&(o.slidesPerView!==i.slidesPerView||u);u&&s&&e.changeDirection(),g(e.params,o);const m=e.params.enabled;Object.assign(e,{allowTouchMove:e.params.allowTouchMove,allowSlideNext:e.params.allowSlideNext,allowSlidePrev:e.params.allowSlidePrev}),p&&!m?e.disable():!p&&m&&e.enable(),e.currentBreakpoint=l,e.emit("_beforeBreakpoint",o),h&&s&&(e.loopDestroy(),e.loopCreate(),e.updateSlides(),e.slideTo(t-a+e.loopedSlides,0,!1)),e.emit("breakpoint",o)},getBreakpoint:function(e,t,s){if(void 0===t&&(t="window"),!e||"container"===t&&!s)return;let a=!1;const i=r(),n="window"===t?i.innerHeight:s.clientHeight,l=Object.keys(e).map((e=>{if("string"==typeof e&&0===e.indexOf("@")){const t=parseFloat(e.substr(1));return{value:n*t,point:e}}return{value:e,point:e}}));l.sort(((e,t)=>parseInt(e.value,10)-parseInt(t.value,10)));for(let e=0;e<l.length;e+=1){const{point:r,value:n}=l[e];"window"===t?i.matchMedia(`(min-width: ${n}px)`).matches&&(a=r):n<=s.clientWidth&&(a=r)}return a||"max"}},checkOverflow:{checkOverflow:function(){const e=this,{isLocked:t,params:s}=e,{slidesOffsetBefore:a}=s;if(a){const t=e.slides.length-1,s=e.slidesGrid[t]+e.slidesSizesGrid[t]+2*a;e.isLocked=e.size>s}else e.isLocked=1===e.snapGrid.length;!0===s.allowSlideNext&&(e.allowSlideNext=!e.isLocked),!0===s.allowSlidePrev&&(e.allowSlidePrev=!e.isLocked),t&&t!==e.isLocked&&(e.isEnd=!1),t!==e.isLocked&&e.emit(e.isLocked?"lock":"unlock")}},classes:R,images:{loadImage:function(e,t,s,a,i,n){const l=r();let o;function c(){n&&n()}d(e).parent("picture")[0]||e.complete&&i?c():t?(o=new l.Image,o.onload=c,o.onerror=c,a&&(o.sizes=a),s&&(o.srcset=s),t&&(o.src=t)):c()},preloadImages:function(){const e=this;function t(){null!=e&&e&&!e.destroyed&&(void 0!==e.imagesLoaded&&(e.imagesLoaded+=1),e.imagesLoaded===e.imagesToLoad.length&&(e.params.updateOnImagesReady&&e.update(),e.emit("imagesReady")))}e.imagesToLoad=e.$el.find("img");for(let s=0;s<e.imagesToLoad.length;s+=1){const a=e.imagesToLoad[s];e.loadImage(a,a.currentSrc||a.getAttribute("src"),a.srcset||a.getAttribute("srcset"),a.sizes||a.getAttribute("sizes"),!0,t)}}}},q={};class V{constructor(){let e,t;for(var s=arguments.length,a=new Array(s),i=0;i<s;i++)a[i]=arguments[i];if(1===a.length&&a[0].constructor&&"Object"===Object.prototype.toString.call(a[0]).slice(8,-1)?t=a[0]:[e,t]=a,t||(t={}),t=g({},t),e&&!t.el&&(t.el=e),t.el&&d(t.el).length>1){const e=[];return d(t.el).each((s=>{const a=g({},t,{el:s});e.push(new V(a))})),e}const r=this;r.__swiper__=!0,r.support=E(),r.device=C({userAgent:t.userAgent}),r.browser=T(),r.eventsListeners={},r.eventsAnyListeners=[],r.modules=[...r.__modules__],t.modules&&Array.isArray(t.modules)&&r.modules.push(...t.modules);const n={};r.modules.forEach((e=>{e({swiper:r,extendParams:j(t,n),on:r.on.bind(r),once:r.once.bind(r),off:r.off.bind(r),emit:r.emit.bind(r)})}));const l=g({},W,n);return r.params=g({},l,q,t),r.originalParams=g({},r.params),r.passedParams=g({},t),r.params&&r.params.on&&Object.keys(r.params.on).forEach((e=>{r.on(e,r.params.on[e])})),r.params&&r.params.onAny&&r.onAny(r.params.onAny),r.$=d,Object.assign(r,{enabled:r.params.enabled,el:e,classNames:[],slides:d(),slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal:()=>"horizontal"===r.params.direction,isVertical:()=>"vertical"===r.params.direction,activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,allowSlideNext:r.params.allowSlideNext,allowSlidePrev:r.params.allowSlidePrev,touchEvents:function(){const e=["touchstart","touchmove","touchend","touchcancel"],t=["pointerdown","pointermove","pointerup"];return r.touchEventsTouch={start:e[0],move:e[1],end:e[2],cancel:e[3]},r.touchEventsDesktop={start:t[0],move:t[1],end:t[2]},r.support.touch||!r.params.simulateTouch?r.touchEventsTouch:r.touchEventsDesktop}(),touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:r.params.focusableElements,lastClickTime:u(),clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,isTouchEvent:void 0,startMoving:void 0},allowClick:!0,allowTouchMove:r.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),r.emit("_swiper"),r.params.init&&r.init(),r}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,t){const s=this;e=Math.min(Math.max(e,0),1);const a=s.minTranslate(),i=(s.maxTranslate()-a)*e+a;s.translateTo(i,void 0===t?0:t),s.updateActiveIndex(),s.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=e.el.className.split(" ").filter((t=>0===t.indexOf("swiper")||0===t.indexOf(e.params.containerModifierClass)));e.emit("_containerClasses",t.join(" "))}getSlideClasses(e){const t=this;return t.destroyed?"":e.className.split(" ").filter((e=>0===e.indexOf("swiper-slide")||0===e.indexOf(t.params.slideClass))).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=[];e.slides.each((s=>{const a=e.getSlideClasses(s);t.push({slideEl:s,classNames:a}),e.emit("_slideClass",s,a)})),e.emit("_slideClasses",t)}slidesPerViewDynamic(e,t){void 0===e&&(e="current"),void 0===t&&(t=!1);const{params:s,slides:a,slidesGrid:i,slidesSizesGrid:r,size:n,activeIndex:l}=this;let o=1;if(s.centeredSlides){let e,t=a[l].swiperSlideSize;for(let s=l+1;s<a.length;s+=1)a[s]&&!e&&(t+=a[s].swiperSlideSize,o+=1,t>n&&(e=!0));for(let s=l-1;s>=0;s-=1)a[s]&&!e&&(t+=a[s].swiperSlideSize,o+=1,t>n&&(e=!0))}else if("current"===e)for(let e=l+1;e<a.length;e+=1){(t?i[e]+r[e]-i[l]<n:i[e]-i[l]<n)&&(o+=1)}else for(let e=l-1;e>=0;e-=1){i[l]-i[e]<n&&(o+=1)}return o}update(){const e=this;if(!e||e.destroyed)return;const{snapGrid:t,params:s}=e;function a(){const t=e.rtlTranslate?-1*e.translate:e.translate,s=Math.min(Math.max(t,e.maxTranslate()),e.minTranslate());e.setTranslate(s),e.updateActiveIndex(),e.updateSlidesClasses()}let i;s.breakpoints&&e.setBreakpoint(),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses(),e.params.freeMode&&e.params.freeMode.enabled?(a(),e.params.autoHeight&&e.updateAutoHeight()):(i=("auto"===e.params.slidesPerView||e.params.slidesPerView>1)&&e.isEnd&&!e.params.centeredSlides?e.slideTo(e.slides.length-1,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0),i||a()),s.watchOverflow&&t!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,t){void 0===t&&(t=!0);const s=this,a=s.params.direction;return e||(e="horizontal"===a?"vertical":"horizontal"),e===a||"horizontal"!==e&&"vertical"!==e||(s.$el.removeClass(`${s.params.containerModifierClass}${a}`).addClass(`${s.params.containerModifierClass}${e}`),s.emitContainerClasses(),s.params.direction=e,s.slides.each((t=>{"vertical"===e?t.style.width="":t.style.height=""})),s.emit("changeDirection"),t&&s.update()),s}mount(e){const t=this;if(t.mounted)return!0;const s=d(e||t.params.el);if(!(e=s[0]))return!1;e.swiper=t;const i=()=>`.${(t.params.wrapperClass||"").trim().split(" ").join(".")}`;let r=(()=>{if(e&&e.shadowRoot&&e.shadowRoot.querySelector){const t=d(e.shadowRoot.querySelector(i()));return t.children=e=>s.children(e),t}return s.children?s.children(i()):d(s).children(i())})();if(0===r.length&&t.params.createElements){const e=a().createElement("div");r=d(e),e.className=t.params.wrapperClass,s.append(e),s.children(`.${t.params.slideClass}`).each((e=>{r.append(e)}))}return Object.assign(t,{$el:s,el:e,$wrapperEl:r,wrapperEl:r[0],mounted:!0,rtl:"rtl"===e.dir.toLowerCase()||"rtl"===s.css("direction"),rtlTranslate:"horizontal"===t.params.direction&&("rtl"===e.dir.toLowerCase()||"rtl"===s.css("direction")),wrongRTL:"-webkit-box"===r.css("display")}),!0}init(e){const t=this;if(t.initialized)return t;return!1===t.mount(e)||(t.emit("beforeInit"),t.params.breakpoints&&t.setBreakpoint(),t.addClasses(),t.params.loop&&t.loopCreate(),t.updateSize(),t.updateSlides(),t.params.watchOverflow&&t.checkOverflow(),t.params.grabCursor&&t.enabled&&t.setGrabCursor(),t.params.preloadImages&&t.preloadImages(),t.params.loop?t.slideTo(t.params.initialSlide+t.loopedSlides,0,t.params.runCallbacksOnInit,!1,!0):t.slideTo(t.params.initialSlide,0,t.params.runCallbacksOnInit,!1,!0),t.attachEvents(),t.initialized=!0,t.emit("init"),t.emit("afterInit")),t}destroy(e,t){void 0===e&&(e=!0),void 0===t&&(t=!0);const s=this,{params:a,$el:i,$wrapperEl:r,slides:n}=s;return void 0===s.params||s.destroyed||(s.emit("beforeDestroy"),s.initialized=!1,s.detachEvents(),a.loop&&s.loopDestroy(),t&&(s.removeClasses(),i.removeAttr("style"),r.removeAttr("style"),n&&n.length&&n.removeClass([a.slideVisibleClass,a.slideActiveClass,a.slideNextClass,a.slidePrevClass].join(" ")).removeAttr("style").removeAttr("data-swiper-slide-index")),s.emit("destroy"),Object.keys(s.eventsListeners).forEach((e=>{s.off(e)})),!1!==e&&(s.$el[0].swiper=null,function(e){const t=e;Object.keys(t).forEach((e=>{try{t[e]=null}catch(e){}try{delete t[e]}catch(e){}}))}(s)),s.destroyed=!0),null}static extendDefaults(e){g(q,e)}static get extendedDefaults(){return q}static get defaults(){return W}static installModule(e){V.prototype.__modules__||(V.prototype.__modules__=[]);const t=V.prototype.__modules__;"function"==typeof e&&t.indexOf(e)<0&&t.push(e)}static use(e){return Array.isArray(e)?(e.forEach((e=>V.installModule(e))),V):(V.installModule(e),V)}}function F(e,t,s,i){const r=a();return e.params.createElements&&Object.keys(i).forEach((a=>{if(!s[a]&&!0===s.auto){let n=e.$el.children(`.${i[a]}`)[0];n||(n=r.createElement("div"),n.className=i[a],e.$el.append(n)),s[a]=n,t[a]=n}})),s}function U(e){return void 0===e&&(e=""),`.${e.trim().replace(/([\.:!\/])/g,"\\$1").replace(/ /g,".")}`}function K(e){const t=this,{$wrapperEl:s,params:a}=t;if(a.loop&&t.loopDestroy(),"object"==typeof e&&"length"in e)for(let t=0;t<e.length;t+=1)e[t]&&s.append(e[t]);else s.append(e);a.loop&&t.loopCreate(),a.observer||t.update()}function Z(e){const t=this,{params:s,$wrapperEl:a,activeIndex:i}=t;s.loop&&t.loopDestroy();let r=i+1;if("object"==typeof e&&"length"in e){for(let t=0;t<e.length;t+=1)e[t]&&a.prepend(e[t]);r=i+e.length}else a.prepend(e);s.loop&&t.loopCreate(),s.observer||t.update(),t.slideTo(r,0,!1)}function Q(e,t){const s=this,{$wrapperEl:a,params:i,activeIndex:r}=s;let n=r;i.loop&&(n-=s.loopedSlides,s.loopDestroy(),s.slides=a.children(`.${i.slideClass}`));const l=s.slides.length;if(e<=0)return void s.prependSlide(t);if(e>=l)return void s.appendSlide(t);let o=n>e?n+1:n;const d=[];for(let t=l-1;t>=e;t-=1){const e=s.slides.eq(t);e.remove(),d.unshift(e)}if("object"==typeof t&&"length"in t){for(let e=0;e<t.length;e+=1)t[e]&&a.append(t[e]);o=n>e?n+t.length:n}else a.append(t);for(let e=0;e<d.length;e+=1)a.append(d[e]);i.loop&&s.loopCreate(),i.observer||s.update(),i.loop?s.slideTo(o+s.loopedSlides,0,!1):s.slideTo(o,0,!1)}function J(e){const t=this,{params:s,$wrapperEl:a,activeIndex:i}=t;let r=i;s.loop&&(r-=t.loopedSlides,t.loopDestroy(),t.slides=a.children(`.${s.slideClass}`));let n,l=r;if("object"==typeof e&&"length"in e){for(let s=0;s<e.length;s+=1)n=e[s],t.slides[n]&&t.slides.eq(n).remove(),n<l&&(l-=1);l=Math.max(l,0)}else n=e,t.slides[n]&&t.slides.eq(n).remove(),n<l&&(l-=1),l=Math.max(l,0);s.loop&&t.loopCreate(),s.observer||t.update(),s.loop?t.slideTo(l+t.loopedSlides,0,!1):t.slideTo(l,0,!1)}function ee(){const e=this,t=[];for(let s=0;s<e.slides.length;s+=1)t.push(s);e.removeSlide(t)}function te(e){const{effect:t,swiper:s,on:a,setTranslate:i,setTransition:r,overwriteParams:n,perspective:l,recreateShadows:o,getEffectParams:d}=e;let c;a("beforeInit",(()=>{if(s.params.effect!==t)return;s.classNames.push(`${s.params.containerModifierClass}${t}`),l&&l()&&s.classNames.push(`${s.params.containerModifierClass}3d`);const e=n?n():{};Object.assign(s.params,e),Object.assign(s.originalParams,e)})),a("setTranslate",(()=>{s.params.effect===t&&i()})),a("setTransition",((e,a)=>{s.params.effect===t&&r(a)})),a("transitionEnd",(()=>{if(s.params.effect===t&&o){if(!d||!d().slideShadows)return;s.slides.each((e=>{s.$(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").remove()})),o()}})),a("virtualUpdate",(()=>{s.params.effect===t&&(s.slides.length||(c=!0),requestAnimationFrame((()=>{c&&s.slides&&s.slides.length&&(i(),c=!1)})))}))}function se(e,t){return e.transformEl?t.find(e.transformEl).css({"backface-visibility":"hidden","-webkit-backface-visibility":"hidden"}):t}function ae(e){let{swiper:t,duration:s,transformEl:a,allSlides:i}=e;const{slides:r,activeIndex:n,$wrapperEl:l}=t;if(t.params.virtualTranslate&&0!==s){let e,s=!1;e=i?a?r.find(a):r:a?r.eq(n).find(a):r.eq(n),e.transitionEnd((()=>{if(s)return;if(!t||t.destroyed)return;s=!0,t.animating=!1;const e=["webkitTransitionEnd","transitionend"];for(let t=0;t<e.length;t+=1)l.trigger(e[t])}))}}function ie(e,t,s){const a="swiper-slide-shadow"+(s?`-${s}`:""),i=e.transformEl?t.find(e.transformEl):t;let r=i.children(`.${a}`);return r.length||(r=d(`<div class="swiper-slide-shadow${s?`-${s}`:""}"></div>`),i.append(r)),r}Object.keys(_).forEach((e=>{Object.keys(_[e]).forEach((t=>{V.prototype[t]=_[e][t]}))})),V.use([function(e){let{swiper:t,on:s,emit:a}=e;const i=r();let n=null,l=null;const o=()=>{t&&!t.destroyed&&t.initialized&&(a("beforeResize"),a("resize"))},d=()=>{t&&!t.destroyed&&t.initialized&&a("orientationchange")};s("init",(()=>{t.params.resizeObserver&&void 0!==i.ResizeObserver?t&&!t.destroyed&&t.initialized&&(n=new ResizeObserver((e=>{l=i.requestAnimationFrame((()=>{const{width:s,height:a}=t;let i=s,r=a;e.forEach((e=>{let{contentBoxSize:s,contentRect:a,target:n}=e;n&&n!==t.el||(i=a?a.width:(s[0]||s).inlineSize,r=a?a.height:(s[0]||s).blockSize)})),i===s&&r===a||o()}))})),n.observe(t.el)):(i.addEventListener("resize",o),i.addEventListener("orientationchange",d))})),s("destroy",(()=>{l&&i.cancelAnimationFrame(l),n&&n.unobserve&&t.el&&(n.unobserve(t.el),n=null),i.removeEventListener("resize",o),i.removeEventListener("orientationchange",d)}))},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=[],l=r(),o=function(e,t){void 0===t&&(t={});const s=new(l.MutationObserver||l.WebkitMutationObserver)((e=>{if(1===e.length)return void i("observerUpdate",e[0]);const t=function(){i("observerUpdate",e[0])};l.requestAnimationFrame?l.requestAnimationFrame(t):l.setTimeout(t,0)}));s.observe(e,{attributes:void 0===t.attributes||t.attributes,childList:void 0===t.childList||t.childList,characterData:void 0===t.characterData||t.characterData}),n.push(s)};s({observer:!1,observeParents:!1,observeSlideChildren:!1}),a("init",(()=>{if(t.params.observer){if(t.params.observeParents){const e=t.$el.parents();for(let t=0;t<e.length;t+=1)o(e[t])}o(t.$el[0],{childList:t.params.observeSlideChildren}),o(t.$wrapperEl[0],{attributes:!1})}})),a("destroy",(()=>{n.forEach((e=>{e.disconnect()})),n.splice(0,n.length)}))}]);const re=[function(e){let t,{swiper:s,extendParams:a,on:i,emit:r}=e;function n(e,t){const a=s.params.virtual;if(a.cache&&s.virtual.cache[t])return s.virtual.cache[t];const i=a.renderSlide?d(a.renderSlide.call(s,e,t)):d(`<div class="${s.params.slideClass}" data-swiper-slide-index="${t}">${e}</div>`);return i.attr("data-swiper-slide-index")||i.attr("data-swiper-slide-index",t),a.cache&&(s.virtual.cache[t]=i),i}function l(e){const{slidesPerView:t,slidesPerGroup:a,centeredSlides:i}=s.params,{addSlidesBefore:l,addSlidesAfter:o}=s.params.virtual,{from:d,to:c,slides:p,slidesGrid:u,offset:h}=s.virtual;s.params.cssMode||s.updateActiveIndex();const m=s.activeIndex||0;let f,g,v;f=s.rtlTranslate?"right":s.isHorizontal()?"left":"top",i?(g=Math.floor(t/2)+a+o,v=Math.floor(t/2)+a+l):(g=t+(a-1)+o,v=a+l);const w=Math.max((m||0)-v,0),b=Math.min((m||0)+g,p.length-1),x=(s.slidesGrid[w]||0)-(s.slidesGrid[0]||0);function y(){s.updateSlides(),s.updateProgress(),s.updateSlidesClasses(),s.lazy&&s.params.lazy.enabled&&s.lazy.load(),r("virtualUpdate")}if(Object.assign(s.virtual,{from:w,to:b,offset:x,slidesGrid:s.slidesGrid}),d===w&&c===b&&!e)return s.slidesGrid!==u&&x!==h&&s.slides.css(f,`${x}px`),s.updateProgress(),void r("virtualUpdate");if(s.params.virtual.renderExternal)return s.params.virtual.renderExternal.call(s,{offset:x,from:w,to:b,slides:function(){const e=[];for(let t=w;t<=b;t+=1)e.push(p[t]);return e}()}),void(s.params.virtual.renderExternalUpdate?y():r("virtualUpdate"));const E=[],C=[];if(e)s.$wrapperEl.find(`.${s.params.slideClass}`).remove();else for(let e=d;e<=c;e+=1)(e<w||e>b)&&s.$wrapperEl.find(`.${s.params.slideClass}[data-swiper-slide-index="${e}"]`).remove();for(let t=0;t<p.length;t+=1)t>=w&&t<=b&&(void 0===c||e?C.push(t):(t>c&&C.push(t),t<d&&E.push(t)));C.forEach((e=>{s.$wrapperEl.append(n(p[e],e))})),E.sort(((e,t)=>t-e)).forEach((e=>{s.$wrapperEl.prepend(n(p[e],e))})),s.$wrapperEl.children(".swiper-slide").css(f,`${x}px`),y()}a({virtual:{enabled:!1,slides:[],cache:!0,renderSlide:null,renderExternal:null,renderExternalUpdate:!0,addSlidesBefore:0,addSlidesAfter:0}}),s.virtual={cache:{},from:void 0,to:void 0,slides:[],offset:0,slidesGrid:[]},i("beforeInit",(()=>{s.params.virtual.enabled&&(s.virtual.slides=s.params.virtual.slides,s.classNames.push(`${s.params.containerModifierClass}virtual`),s.params.watchSlidesProgress=!0,s.originalParams.watchSlidesProgress=!0,s.params.initialSlide||l())})),i("setTranslate",(()=>{s.params.virtual.enabled&&(s.params.cssMode&&!s._immediateVirtual?(clearTimeout(t),t=setTimeout((()=>{l()}),100)):l())})),i("init update resize",(()=>{s.params.virtual.enabled&&s.params.cssMode&&v(s.wrapperEl,"--swiper-virtual-size",`${s.virtualSize}px`)})),Object.assign(s.virtual,{appendSlide:function(e){if("object"==typeof e&&"length"in e)for(let t=0;t<e.length;t+=1)e[t]&&s.virtual.slides.push(e[t]);else s.virtual.slides.push(e);l(!0)},prependSlide:function(e){const t=s.activeIndex;let a=t+1,i=1;if(Array.isArray(e)){for(let t=0;t<e.length;t+=1)e[t]&&s.virtual.slides.unshift(e[t]);a=t+e.length,i=e.length}else s.virtual.slides.unshift(e);if(s.params.virtual.cache){const e=s.virtual.cache,t={};Object.keys(e).forEach((s=>{const a=e[s],r=a.attr("data-swiper-slide-index");r&&a.attr("data-swiper-slide-index",parseInt(r,10)+i),t[parseInt(s,10)+i]=a})),s.virtual.cache=t}l(!0),s.slideTo(a,0)},removeSlide:function(e){if(null==e)return;let t=s.activeIndex;if(Array.isArray(e))for(let a=e.length-1;a>=0;a-=1)s.virtual.slides.splice(e[a],1),s.params.virtual.cache&&delete s.virtual.cache[e[a]],e[a]<t&&(t-=1),t=Math.max(t,0);else s.virtual.slides.splice(e,1),s.params.virtual.cache&&delete s.virtual.cache[e],e<t&&(t-=1),t=Math.max(t,0);l(!0),s.slideTo(t,0)},removeAllSlides:function(){s.virtual.slides=[],s.params.virtual.cache&&(s.virtual.cache={}),l(!0),s.slideTo(0,0)},update:l})},function(e){let{swiper:t,extendParams:s,on:i,emit:n}=e;const l=a(),o=r();function c(e){if(!t.enabled)return;const{rtlTranslate:s}=t;let a=e;a.originalEvent&&(a=a.originalEvent);const i=a.keyCode||a.charCode,r=t.params.keyboard.pageUpDown,d=r&&33===i,c=r&&34===i,p=37===i,u=39===i,h=38===i,m=40===i;if(!t.allowSlideNext&&(t.isHorizontal()&&u||t.isVertical()&&m||c))return!1;if(!t.allowSlidePrev&&(t.isHorizontal()&&p||t.isVertical()&&h||d))return!1;if(!(a.shiftKey||a.altKey||a.ctrlKey||a.metaKey||l.activeElement&&l.activeElement.nodeName&&("input"===l.activeElement.nodeName.toLowerCase()||"textarea"===l.activeElement.nodeName.toLowerCase()))){if(t.params.keyboard.onlyInViewport&&(d||c||p||u||h||m)){let e=!1;if(t.$el.parents(`.${t.params.slideClass}`).length>0&&0===t.$el.parents(`.${t.params.slideActiveClass}`).length)return;const a=t.$el,i=a[0].clientWidth,r=a[0].clientHeight,n=o.innerWidth,l=o.innerHeight,d=t.$el.offset();s&&(d.left-=t.$el[0].scrollLeft);const c=[[d.left,d.top],[d.left+i,d.top],[d.left,d.top+r],[d.left+i,d.top+r]];for(let t=0;t<c.length;t+=1){const s=c[t];if(s[0]>=0&&s[0]<=n&&s[1]>=0&&s[1]<=l){if(0===s[0]&&0===s[1])continue;e=!0}}if(!e)return}t.isHorizontal()?((d||c||p||u)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),((c||u)&&!s||(d||p)&&s)&&t.slideNext(),((d||p)&&!s||(c||u)&&s)&&t.slidePrev()):((d||c||h||m)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),(c||m)&&t.slideNext(),(d||h)&&t.slidePrev()),n("keyPress",i)}}function p(){t.keyboard.enabled||(d(l).on("keydown",c),t.keyboard.enabled=!0)}function u(){t.keyboard.enabled&&(d(l).off("keydown",c),t.keyboard.enabled=!1)}t.keyboard={enabled:!1},s({keyboard:{enabled:!1,onlyInViewport:!0,pageUpDown:!0}}),i("init",(()=>{t.params.keyboard.enabled&&p()})),i("destroy",(()=>{t.keyboard.enabled&&u()})),Object.assign(t.keyboard,{enable:p,disable:u})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=r();let l;s({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null}}),t.mousewheel={enabled:!1};let o,c=u();const h=[];function m(){t.enabled&&(t.mouseEntered=!0)}function f(){t.enabled&&(t.mouseEntered=!1)}function g(e){return!(t.params.mousewheel.thresholdDelta&&e.delta<t.params.mousewheel.thresholdDelta)&&(!(t.params.mousewheel.thresholdTime&&u()-c<t.params.mousewheel.thresholdTime)&&(e.delta>=6&&u()-c<60||(e.direction<0?t.isEnd&&!t.params.loop||t.animating||(t.slideNext(),i("scroll",e.raw)):t.isBeginning&&!t.params.loop||t.animating||(t.slidePrev(),i("scroll",e.raw)),c=(new n.Date).getTime(),!1)))}function v(e){let s=e,a=!0;if(!t.enabled)return;const r=t.params.mousewheel;t.params.cssMode&&s.preventDefault();let n=t.$el;if("container"!==t.params.mousewheel.eventsTarget&&(n=d(t.params.mousewheel.eventsTarget)),!t.mouseEntered&&!n[0].contains(s.target)&&!r.releaseOnEdges)return!0;s.originalEvent&&(s=s.originalEvent);let c=0;const m=t.rtlTranslate?-1:1,f=function(e){let t=0,s=0,a=0,i=0;return"detail"in e&&(s=e.detail),"wheelDelta"in e&&(s=-e.wheelDelta/120),"wheelDeltaY"in e&&(s=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=s,s=0),a=10*t,i=10*s,"deltaY"in e&&(i=e.deltaY),"deltaX"in e&&(a=e.deltaX),e.shiftKey&&!a&&(a=i,i=0),(a||i)&&e.deltaMode&&(1===e.deltaMode?(a*=40,i*=40):(a*=800,i*=800)),a&&!t&&(t=a<1?-1:1),i&&!s&&(s=i<1?-1:1),{spinX:t,spinY:s,pixelX:a,pixelY:i}}(s);if(r.forceToAxis)if(t.isHorizontal()){if(!(Math.abs(f.pixelX)>Math.abs(f.pixelY)))return!0;c=-f.pixelX*m}else{if(!(Math.abs(f.pixelY)>Math.abs(f.pixelX)))return!0;c=-f.pixelY}else c=Math.abs(f.pixelX)>Math.abs(f.pixelY)?-f.pixelX*m:-f.pixelY;if(0===c)return!0;r.invert&&(c=-c);let v=t.getTranslate()+c*r.sensitivity;if(v>=t.minTranslate()&&(v=t.minTranslate()),v<=t.maxTranslate()&&(v=t.maxTranslate()),a=!!t.params.loop||!(v===t.minTranslate()||v===t.maxTranslate()),a&&t.params.nested&&s.stopPropagation(),t.params.freeMode&&t.params.freeMode.enabled){const e={time:u(),delta:Math.abs(c),direction:Math.sign(c)},a=o&&e.time<o.time+500&&e.delta<=o.delta&&e.direction===o.direction;if(!a){o=void 0,t.params.loop&&t.loopFix();let n=t.getTranslate()+c*r.sensitivity;const d=t.isBeginning,u=t.isEnd;if(n>=t.minTranslate()&&(n=t.minTranslate()),n<=t.maxTranslate()&&(n=t.maxTranslate()),t.setTransition(0),t.setTranslate(n),t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses(),(!d&&t.isBeginning||!u&&t.isEnd)&&t.updateSlidesClasses(),t.params.freeMode.sticky){clearTimeout(l),l=void 0,h.length>=15&&h.shift();const s=h.length?h[h.length-1]:void 0,a=h[0];if(h.push(e),s&&(e.delta>s.delta||e.direction!==s.direction))h.splice(0);else if(h.length>=15&&e.time-a.time<500&&a.delta-e.delta>=1&&e.delta<=6){const s=c>0?.8:.2;o=e,h.splice(0),l=p((()=>{t.slideToClosest(t.params.speed,!0,void 0,s)}),0)}l||(l=p((()=>{o=e,h.splice(0),t.slideToClosest(t.params.speed,!0,void 0,.5)}),500))}if(a||i("scroll",s),t.params.autoplay&&t.params.autoplayDisableOnInteraction&&t.autoplay.stop(),n===t.minTranslate()||n===t.maxTranslate())return!0}}else{const s={time:u(),delta:Math.abs(c),direction:Math.sign(c),raw:e};h.length>=2&&h.shift();const a=h.length?h[h.length-1]:void 0;if(h.push(s),a?(s.direction!==a.direction||s.delta>a.delta||s.time>a.time+150)&&g(s):g(s),function(e){const s=t.params.mousewheel;if(e.direction<0){if(t.isEnd&&!t.params.loop&&s.releaseOnEdges)return!0}else if(t.isBeginning&&!t.params.loop&&s.releaseOnEdges)return!0;return!1}(s))return!0}return s.preventDefault?s.preventDefault():s.returnValue=!1,!1}function w(e){let s=t.$el;"container"!==t.params.mousewheel.eventsTarget&&(s=d(t.params.mousewheel.eventsTarget)),s[e]("mouseenter",m),s[e]("mouseleave",f),s[e]("wheel",v)}function b(){return t.params.cssMode?(t.wrapperEl.removeEventListener("wheel",v),!0):!t.mousewheel.enabled&&(w("on"),t.mousewheel.enabled=!0,!0)}function x(){return t.params.cssMode?(t.wrapperEl.addEventListener(event,v),!0):!!t.mousewheel.enabled&&(w("off"),t.mousewheel.enabled=!1,!0)}a("init",(()=>{!t.params.mousewheel.enabled&&t.params.cssMode&&x(),t.params.mousewheel.enabled&&b()})),a("destroy",(()=>{t.params.cssMode&&b(),t.mousewheel.enabled&&x()})),Object.assign(t.mousewheel,{enable:b,disable:x})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;function r(e){let s;return e&&(s=d(e),t.params.uniqueNavElements&&"string"==typeof e&&s.length>1&&1===t.$el.find(e).length&&(s=t.$el.find(e))),s}function n(e,s){const a=t.params.navigation;e&&e.length>0&&(e[s?"addClass":"removeClass"](a.disabledClass),e[0]&&"BUTTON"===e[0].tagName&&(e[0].disabled=s),t.params.watchOverflow&&t.enabled&&e[t.isLocked?"addClass":"removeClass"](a.lockClass))}function l(){if(t.params.loop)return;const{$nextEl:e,$prevEl:s}=t.navigation;n(s,t.isBeginning&&!t.params.rewind),n(e,t.isEnd&&!t.params.rewind)}function o(e){e.preventDefault(),(!t.isBeginning||t.params.loop||t.params.rewind)&&t.slidePrev()}function c(e){e.preventDefault(),(!t.isEnd||t.params.loop||t.params.rewind)&&t.slideNext()}function p(){const e=t.params.navigation;if(t.params.navigation=F(t,t.originalParams.navigation,t.params.navigation,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"}),!e.nextEl&&!e.prevEl)return;const s=r(e.nextEl),a=r(e.prevEl);s&&s.length>0&&s.on("click",c),a&&a.length>0&&a.on("click",o),Object.assign(t.navigation,{$nextEl:s,nextEl:s&&s[0],$prevEl:a,prevEl:a&&a[0]}),t.enabled||(s&&s.addClass(e.lockClass),a&&a.addClass(e.lockClass))}function u(){const{$nextEl:e,$prevEl:s}=t.navigation;e&&e.length&&(e.off("click",c),e.removeClass(t.params.navigation.disabledClass)),s&&s.length&&(s.off("click",o),s.removeClass(t.params.navigation.disabledClass))}s({navigation:{nextEl:null,prevEl:null,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock",navigationDisabledClass:"swiper-navigation-disabled"}}),t.navigation={nextEl:null,$nextEl:null,prevEl:null,$prevEl:null},a("init",(()=>{!1===t.params.navigation.enabled?h():(p(),l())})),a("toEdge fromEdge lock unlock",(()=>{l()})),a("destroy",(()=>{u()})),a("enable disable",(()=>{const{$nextEl:e,$prevEl:s}=t.navigation;e&&e[t.enabled?"removeClass":"addClass"](t.params.navigation.lockClass),s&&s[t.enabled?"removeClass":"addClass"](t.params.navigation.lockClass)})),a("click",((e,s)=>{const{$nextEl:a,$prevEl:r}=t.navigation,n=s.target;if(t.params.navigation.hideOnClick&&!d(n).is(r)&&!d(n).is(a)){if(t.pagination&&t.params.pagination&&t.params.pagination.clickable&&(t.pagination.el===n||t.pagination.el.contains(n)))return;let e;a?e=a.hasClass(t.params.navigation.hiddenClass):r&&(e=r.hasClass(t.params.navigation.hiddenClass)),i(!0===e?"navigationShow":"navigationHide"),a&&a.toggleClass(t.params.navigation.hiddenClass),r&&r.toggleClass(t.params.navigation.hiddenClass)}}));const h=()=>{t.$el.addClass(t.params.navigation.navigationDisabledClass),u()};Object.assign(t.navigation,{enable:()=>{t.$el.removeClass(t.params.navigation.navigationDisabledClass),p(),l()},disable:h,update:l,init:p,destroy:u})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const r="swiper-pagination";let n;s({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:e=>e,formatFractionTotal:e=>e,bulletClass:`${r}-bullet`,bulletActiveClass:`${r}-bullet-active`,modifierClass:`${r}-`,currentClass:`${r}-current`,totalClass:`${r}-total`,hiddenClass:`${r}-hidden`,progressbarFillClass:`${r}-progressbar-fill`,progressbarOppositeClass:`${r}-progressbar-opposite`,clickableClass:`${r}-clickable`,lockClass:`${r}-lock`,horizontalClass:`${r}-horizontal`,verticalClass:`${r}-vertical`,paginationDisabledClass:`${r}-disabled`}}),t.pagination={el:null,$el:null,bullets:[]};let l=0;function o(){return!t.params.pagination.el||!t.pagination.el||!t.pagination.$el||0===t.pagination.$el.length}function c(e,s){const{bulletActiveClass:a}=t.params.pagination;e[s]().addClass(`${a}-${s}`)[s]().addClass(`${a}-${s}-${s}`)}function p(){const e=t.rtl,s=t.params.pagination;if(o())return;const a=t.virtual&&t.params.virtual.enabled?t.virtual.slides.length:t.slides.length,r=t.pagination.$el;let p;const u=t.params.loop?Math.ceil((a-2*t.loopedSlides)/t.params.slidesPerGroup):t.snapGrid.length;if(t.params.loop?(p=Math.ceil((t.activeIndex-t.loopedSlides)/t.params.slidesPerGroup),p>a-1-2*t.loopedSlides&&(p-=a-2*t.loopedSlides),p>u-1&&(p-=u),p<0&&"bullets"!==t.params.paginationType&&(p=u+p)):p=void 0!==t.snapIndex?t.snapIndex:t.activeIndex||0,"bullets"===s.type&&t.pagination.bullets&&t.pagination.bullets.length>0){const a=t.pagination.bullets;let i,o,u;if(s.dynamicBullets&&(n=a.eq(0)[t.isHorizontal()?"outerWidth":"outerHeight"](!0),r.css(t.isHorizontal()?"width":"height",n*(s.dynamicMainBullets+4)+"px"),s.dynamicMainBullets>1&&void 0!==t.previousIndex&&(l+=p-(t.previousIndex-t.loopedSlides||0),l>s.dynamicMainBullets-1?l=s.dynamicMainBullets-1:l<0&&(l=0)),i=Math.max(p-l,0),o=i+(Math.min(a.length,s.dynamicMainBullets)-1),u=(o+i)/2),a.removeClass(["","-next","-next-next","-prev","-prev-prev","-main"].map((e=>`${s.bulletActiveClass}${e}`)).join(" ")),r.length>1)a.each((e=>{const t=d(e),a=t.index();a===p&&t.addClass(s.bulletActiveClass),s.dynamicBullets&&(a>=i&&a<=o&&t.addClass(`${s.bulletActiveClass}-main`),a===i&&c(t,"prev"),a===o&&c(t,"next"))}));else{const e=a.eq(p),r=e.index();if(e.addClass(s.bulletActiveClass),s.dynamicBullets){const e=a.eq(i),n=a.eq(o);for(let e=i;e<=o;e+=1)a.eq(e).addClass(`${s.bulletActiveClass}-main`);if(t.params.loop)if(r>=a.length){for(let e=s.dynamicMainBullets;e>=0;e-=1)a.eq(a.length-e).addClass(`${s.bulletActiveClass}-main`);a.eq(a.length-s.dynamicMainBullets-1).addClass(`${s.bulletActiveClass}-prev`)}else c(e,"prev"),c(n,"next");else c(e,"prev"),c(n,"next")}}if(s.dynamicBullets){const i=Math.min(a.length,s.dynamicMainBullets+4),r=(n*i-n)/2-u*n,l=e?"right":"left";a.css(t.isHorizontal()?l:"top",`${r}px`)}}if("fraction"===s.type&&(r.find(U(s.currentClass)).text(s.formatFractionCurrent(p+1)),r.find(U(s.totalClass)).text(s.formatFractionTotal(u))),"progressbar"===s.type){let e;e=s.progressbarOpposite?t.isHorizontal()?"vertical":"horizontal":t.isHorizontal()?"horizontal":"vertical";const a=(p+1)/u;let i=1,n=1;"horizontal"===e?i=a:n=a,r.find(U(s.progressbarFillClass)).transform(`translate3d(0,0,0) scaleX(${i}) scaleY(${n})`).transition(t.params.speed)}"custom"===s.type&&s.renderCustom?(r.html(s.renderCustom(t,p+1,u)),i("paginationRender",r[0])):i("paginationUpdate",r[0]),t.params.watchOverflow&&t.enabled&&r[t.isLocked?"addClass":"removeClass"](s.lockClass)}function u(){const e=t.params.pagination;if(o())return;const s=t.virtual&&t.params.virtual.enabled?t.virtual.slides.length:t.slides.length,a=t.pagination.$el;let r="";if("bullets"===e.type){let i=t.params.loop?Math.ceil((s-2*t.loopedSlides)/t.params.slidesPerGroup):t.snapGrid.length;t.params.freeMode&&t.params.freeMode.enabled&&!t.params.loop&&i>s&&(i=s);for(let s=0;s<i;s+=1)e.renderBullet?r+=e.renderBullet.call(t,s,e.bulletClass):r+=`<${e.bulletElement} class="${e.bulletClass}"></${e.bulletElement}>`;a.html(r),t.pagination.bullets=a.find(U(e.bulletClass))}"fraction"===e.type&&(r=e.renderFraction?e.renderFraction.call(t,e.currentClass,e.totalClass):`<span class="${e.currentClass}"></span> / <span class="${e.totalClass}"></span>`,a.html(r)),"progressbar"===e.type&&(r=e.renderProgressbar?e.renderProgressbar.call(t,e.progressbarFillClass):`<span class="${e.progressbarFillClass}"></span>`,a.html(r)),"custom"!==e.type&&i("paginationRender",t.pagination.$el[0])}function h(){t.params.pagination=F(t,t.originalParams.pagination,t.params.pagination,{el:"swiper-pagination"});const e=t.params.pagination;if(!e.el)return;let s=d(e.el);0!==s.length&&(t.params.uniqueNavElements&&"string"==typeof e.el&&s.length>1&&(s=t.$el.find(e.el),s.length>1&&(s=s.filter((e=>d(e).parents(".swiper")[0]===t.el)))),"bullets"===e.type&&e.clickable&&s.addClass(e.clickableClass),s.addClass(e.modifierClass+e.type),s.addClass(t.isHorizontal()?e.horizontalClass:e.verticalClass),"bullets"===e.type&&e.dynamicBullets&&(s.addClass(`${e.modifierClass}${e.type}-dynamic`),l=0,e.dynamicMainBullets<1&&(e.dynamicMainBullets=1)),"progressbar"===e.type&&e.progressbarOpposite&&s.addClass(e.progressbarOppositeClass),e.clickable&&s.on("click",U(e.bulletClass),(function(e){e.preventDefault();let s=d(this).index()*t.params.slidesPerGroup;t.params.loop&&(s+=t.loopedSlides),t.slideTo(s)})),Object.assign(t.pagination,{$el:s,el:s[0]}),t.enabled||s.addClass(e.lockClass))}function m(){const e=t.params.pagination;if(o())return;const s=t.pagination.$el;s.removeClass(e.hiddenClass),s.removeClass(e.modifierClass+e.type),s.removeClass(t.isHorizontal()?e.horizontalClass:e.verticalClass),t.pagination.bullets&&t.pagination.bullets.removeClass&&t.pagination.bullets.removeClass(e.bulletActiveClass),e.clickable&&s.off("click",U(e.bulletClass))}a("init",(()=>{!1===t.params.pagination.enabled?f():(h(),u(),p())})),a("activeIndexChange",(()=>{(t.params.loop||void 0===t.snapIndex)&&p()})),a("snapIndexChange",(()=>{t.params.loop||p()})),a("slidesLengthChange",(()=>{t.params.loop&&(u(),p())})),a("snapGridLengthChange",(()=>{t.params.loop||(u(),p())})),a("destroy",(()=>{m()})),a("enable disable",(()=>{const{$el:e}=t.pagination;e&&e[t.enabled?"removeClass":"addClass"](t.params.pagination.lockClass)})),a("lock unlock",(()=>{p()})),a("click",((e,s)=>{const a=s.target,{$el:r}=t.pagination;if(t.params.pagination.el&&t.params.pagination.hideOnClick&&r.length>0&&!d(a).hasClass(t.params.pagination.bulletClass)){if(t.navigation&&(t.navigation.nextEl&&a===t.navigation.nextEl||t.navigation.prevEl&&a===t.navigation.prevEl))return;const e=r.hasClass(t.params.pagination.hiddenClass);i(!0===e?"paginationShow":"paginationHide"),r.toggleClass(t.params.pagination.hiddenClass)}}));const f=()=>{t.$el.addClass(t.params.pagination.paginationDisabledClass),t.pagination.$el&&t.pagination.$el.addClass(t.params.pagination.paginationDisabledClass),m()};Object.assign(t.pagination,{enable:()=>{t.$el.removeClass(t.params.pagination.paginationDisabledClass),t.pagination.$el&&t.pagination.$el.removeClass(t.params.pagination.paginationDisabledClass),h(),u(),p()},disable:f,render:u,update:p,init:h,destroy:m})},function(e){let{swiper:t,extendParams:s,on:i,emit:r}=e;const n=a();let l,o,c,u,h=!1,m=null,f=null;function g(){if(!t.params.scrollbar.el||!t.scrollbar.el)return;const{scrollbar:e,rtlTranslate:s,progress:a}=t,{$dragEl:i,$el:r}=e,n=t.params.scrollbar;let l=o,d=(c-o)*a;s?(d=-d,d>0?(l=o-d,d=0):-d+o>c&&(l=c+d)):d<0?(l=o+d,d=0):d+o>c&&(l=c-d),t.isHorizontal()?(i.transform(`translate3d(${d}px, 0, 0)`),i[0].style.width=`${l}px`):(i.transform(`translate3d(0px, ${d}px, 0)`),i[0].style.height=`${l}px`),n.hide&&(clearTimeout(m),r[0].style.opacity=1,m=setTimeout((()=>{r[0].style.opacity=0,r.transition(400)}),1e3))}function v(){if(!t.params.scrollbar.el||!t.scrollbar.el)return;const{scrollbar:e}=t,{$dragEl:s,$el:a}=e;s[0].style.width="",s[0].style.height="",c=t.isHorizontal()?a[0].offsetWidth:a[0].offsetHeight,u=t.size/(t.virtualSize+t.params.slidesOffsetBefore-(t.params.centeredSlides?t.snapGrid[0]:0)),o="auto"===t.params.scrollbar.dragSize?c*u:parseInt(t.params.scrollbar.dragSize,10),t.isHorizontal()?s[0].style.width=`${o}px`:s[0].style.height=`${o}px`,a[0].style.display=u>=1?"none":"",t.params.scrollbar.hide&&(a[0].style.opacity=0),t.params.watchOverflow&&t.enabled&&e.$el[t.isLocked?"addClass":"removeClass"](t.params.scrollbar.lockClass)}function w(e){return t.isHorizontal()?"touchstart"===e.type||"touchmove"===e.type?e.targetTouches[0].clientX:e.clientX:"touchstart"===e.type||"touchmove"===e.type?e.targetTouches[0].clientY:e.clientY}function b(e){const{scrollbar:s,rtlTranslate:a}=t,{$el:i}=s;let r;r=(w(e)-i.offset()[t.isHorizontal()?"left":"top"]-(null!==l?l:o/2))/(c-o),r=Math.max(Math.min(r,1),0),a&&(r=1-r);const n=t.minTranslate()+(t.maxTranslate()-t.minTranslate())*r;t.updateProgress(n),t.setTranslate(n),t.updateActiveIndex(),t.updateSlidesClasses()}function x(e){const s=t.params.scrollbar,{scrollbar:a,$wrapperEl:i}=t,{$el:n,$dragEl:o}=a;h=!0,l=e.target===o[0]||e.target===o?w(e)-e.target.getBoundingClientRect()[t.isHorizontal()?"left":"top"]:null,e.preventDefault(),e.stopPropagation(),i.transition(100),o.transition(100),b(e),clearTimeout(f),n.transition(0),s.hide&&n.css("opacity",1),t.params.cssMode&&t.$wrapperEl.css("scroll-snap-type","none"),r("scrollbarDragStart",e)}function y(e){const{scrollbar:s,$wrapperEl:a}=t,{$el:i,$dragEl:n}=s;h&&(e.preventDefault?e.preventDefault():e.returnValue=!1,b(e),a.transition(0),i.transition(0),n.transition(0),r("scrollbarDragMove",e))}function E(e){const s=t.params.scrollbar,{scrollbar:a,$wrapperEl:i}=t,{$el:n}=a;h&&(h=!1,t.params.cssMode&&(t.$wrapperEl.css("scroll-snap-type",""),i.transition("")),s.hide&&(clearTimeout(f),f=p((()=>{n.css("opacity",0),n.transition(400)}),1e3)),r("scrollbarDragEnd",e),s.snapOnRelease&&t.slideToClosest())}function C(e){const{scrollbar:s,touchEventsTouch:a,touchEventsDesktop:i,params:r,support:l}=t,o=s.$el;if(!o)return;const d=o[0],c=!(!l.passiveListener||!r.passiveListeners)&&{passive:!1,capture:!1},p=!(!l.passiveListener||!r.passiveListeners)&&{passive:!0,capture:!1};if(!d)return;const u="on"===e?"addEventListener":"removeEventListener";l.touch?(d[u](a.start,x,c),d[u](a.move,y,c),d[u](a.end,E,p)):(d[u](i.start,x,c),n[u](i.move,y,c),n[u](i.end,E,p))}function T(){const{scrollbar:e,$el:s}=t;t.params.scrollbar=F(t,t.originalParams.scrollbar,t.params.scrollbar,{el:"swiper-scrollbar"});const a=t.params.scrollbar;if(!a.el)return;let i=d(a.el);t.params.uniqueNavElements&&"string"==typeof a.el&&i.length>1&&1===s.find(a.el).length&&(i=s.find(a.el)),i.addClass(t.isHorizontal()?a.horizontalClass:a.verticalClass);let r=i.find(`.${t.params.scrollbar.dragClass}`);0===r.length&&(r=d(`<div class="${t.params.scrollbar.dragClass}"></div>`),i.append(r)),Object.assign(e,{$el:i,el:i[0],$dragEl:r,dragEl:r[0]}),a.draggable&&t.params.scrollbar.el&&t.scrollbar.el&&C("on"),i&&i[t.enabled?"removeClass":"addClass"](t.params.scrollbar.lockClass)}function $(){const e=t.params.scrollbar,s=t.scrollbar.$el;s&&s.removeClass(t.isHorizontal()?e.horizontalClass:e.verticalClass),t.params.scrollbar.el&&t.scrollbar.el&&C("off")}s({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),t.scrollbar={el:null,dragEl:null,$el:null,$dragEl:null},i("init",(()=>{!1===t.params.scrollbar.enabled?S():(T(),v(),g())})),i("update resize observerUpdate lock unlock",(()=>{v()})),i("setTranslate",(()=>{g()})),i("setTransition",((e,s)=>{!function(e){t.params.scrollbar.el&&t.scrollbar.el&&t.scrollbar.$dragEl.transition(e)}(s)})),i("enable disable",(()=>{const{$el:e}=t.scrollbar;e&&e[t.enabled?"removeClass":"addClass"](t.params.scrollbar.lockClass)})),i("destroy",(()=>{$()}));const S=()=>{t.$el.addClass(t.params.scrollbar.scrollbarDisabledClass),t.scrollbar.$el&&t.scrollbar.$el.addClass(t.params.scrollbar.scrollbarDisabledClass),$()};Object.assign(t.scrollbar,{enable:()=>{t.$el.removeClass(t.params.scrollbar.scrollbarDisabledClass),t.scrollbar.$el&&t.scrollbar.$el.removeClass(t.params.scrollbar.scrollbarDisabledClass),T(),v(),g()},disable:S,updateSize:v,setTranslate:g,init:T,destroy:$})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({parallax:{enabled:!1}});const i=(e,s)=>{const{rtl:a}=t,i=d(e),r=a?-1:1,n=i.attr("data-swiper-parallax")||"0";let l=i.attr("data-swiper-parallax-x"),o=i.attr("data-swiper-parallax-y");const c=i.attr("data-swiper-parallax-scale"),p=i.attr("data-swiper-parallax-opacity");if(l||o?(l=l||"0",o=o||"0"):t.isHorizontal()?(l=n,o="0"):(o=n,l="0"),l=l.indexOf("%")>=0?parseInt(l,10)*s*r+"%":l*s*r+"px",o=o.indexOf("%")>=0?parseInt(o,10)*s+"%":o*s+"px",null!=p){const e=p-(p-1)*(1-Math.abs(s));i[0].style.opacity=e}if(null==c)i.transform(`translate3d(${l}, ${o}, 0px)`);else{const e=c-(c-1)*(1-Math.abs(s));i.transform(`translate3d(${l}, ${o}, 0px) scale(${e})`)}},r=()=>{const{$el:e,slides:s,progress:a,snapGrid:r}=t;e.children("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((e=>{i(e,a)})),s.each(((e,s)=>{let n=e.progress;t.params.slidesPerGroup>1&&"auto"!==t.params.slidesPerView&&(n+=Math.ceil(s/2)-a*(r.length-1)),n=Math.min(Math.max(n,-1),1),d(e).find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((e=>{i(e,n)}))}))};a("beforeInit",(()=>{t.params.parallax.enabled&&(t.params.watchSlidesProgress=!0,t.originalParams.watchSlidesProgress=!0)})),a("init",(()=>{t.params.parallax.enabled&&r()})),a("setTranslate",(()=>{t.params.parallax.enabled&&r()})),a("setTransition",((e,s)=>{t.params.parallax.enabled&&function(e){void 0===e&&(e=t.params.speed);const{$el:s}=t;s.find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((t=>{const s=d(t);let a=parseInt(s.attr("data-swiper-parallax-duration"),10)||e;0===e&&(a=0),s.transition(a)}))}(s)}))},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=r();s({zoom:{enabled:!1,maxRatio:3,minRatio:1,toggle:!0,containerClass:"swiper-zoom-container",zoomedSlideClass:"swiper-slide-zoomed"}}),t.zoom={enabled:!1};let l,o,c,p=1,u=!1;const m={$slideEl:void 0,slideWidth:void 0,slideHeight:void 0,$imageEl:void 0,$imageWrapEl:void 0,maxRatio:3},f={isTouched:void 0,isMoved:void 0,currentX:void 0,currentY:void 0,minX:void 0,minY:void 0,maxX:void 0,maxY:void 0,width:void 0,height:void 0,startX:void 0,startY:void 0,touchesStart:{},touchesCurrent:{}},g={x:void 0,y:void 0,prevPositionX:void 0,prevPositionY:void 0,prevTime:void 0};let v=1;function w(e){if(e.targetTouches.length<2)return 1;const t=e.targetTouches[0].pageX,s=e.targetTouches[0].pageY,a=e.targetTouches[1].pageX,i=e.targetTouches[1].pageY;return Math.sqrt((a-t)**2+(i-s)**2)}function b(e){const s=t.support,a=t.params.zoom;if(o=!1,c=!1,!s.gestures){if("touchstart"!==e.type||"touchstart"===e.type&&e.targetTouches.length<2)return;o=!0,m.scaleStart=w(e)}m.$slideEl&&m.$slideEl.length||(m.$slideEl=d(e.target).closest(`.${t.params.slideClass}`),0===m.$slideEl.length&&(m.$slideEl=t.slides.eq(t.activeIndex)),m.$imageEl=m.$slideEl.find(`.${a.containerClass}`).eq(0).find("picture, img, svg, canvas, .swiper-zoom-target").eq(0),m.$imageWrapEl=m.$imageEl.parent(`.${a.containerClass}`),m.maxRatio=m.$imageWrapEl.attr("data-swiper-zoom")||a.maxRatio,0!==m.$imageWrapEl.length)?(m.$imageEl&&m.$imageEl.transition(0),u=!0):m.$imageEl=void 0}function x(e){const s=t.support,a=t.params.zoom,i=t.zoom;if(!s.gestures){if("touchmove"!==e.type||"touchmove"===e.type&&e.targetTouches.length<2)return;c=!0,m.scaleMove=w(e)}m.$imageEl&&0!==m.$imageEl.length?(s.gestures?i.scale=e.scale*p:i.scale=m.scaleMove/m.scaleStart*p,i.scale>m.maxRatio&&(i.scale=m.maxRatio-1+(i.scale-m.maxRatio+1)**.5),i.scale<a.minRatio&&(i.scale=a.minRatio+1-(a.minRatio-i.scale+1)**.5),m.$imageEl.transform(`translate3d(0,0,0) scale(${i.scale})`)):"gesturechange"===e.type&&b(e)}function y(e){const s=t.device,a=t.support,i=t.params.zoom,r=t.zoom;if(!a.gestures){if(!o||!c)return;if("touchend"!==e.type||"touchend"===e.type&&e.changedTouches.length<2&&!s.android)return;o=!1,c=!1}m.$imageEl&&0!==m.$imageEl.length&&(r.scale=Math.max(Math.min(r.scale,m.maxRatio),i.minRatio),m.$imageEl.transition(t.params.speed).transform(`translate3d(0,0,0) scale(${r.scale})`),p=r.scale,u=!1,1===r.scale&&(m.$slideEl=void 0))}function E(e){const s=t.zoom;if(!m.$imageEl||0===m.$imageEl.length)return;if(t.allowClick=!1,!f.isTouched||!m.$slideEl)return;f.isMoved||(f.width=m.$imageEl[0].offsetWidth,f.height=m.$imageEl[0].offsetHeight,f.startX=h(m.$imageWrapEl[0],"x")||0,f.startY=h(m.$imageWrapEl[0],"y")||0,m.slideWidth=m.$slideEl[0].offsetWidth,m.slideHeight=m.$slideEl[0].offsetHeight,m.$imageWrapEl.transition(0));const a=f.width*s.scale,i=f.height*s.scale;if(!(a<m.slideWidth&&i<m.slideHeight)){if(f.minX=Math.min(m.slideWidth/2-a/2,0),f.maxX=-f.minX,f.minY=Math.min(m.slideHeight/2-i/2,0),f.maxY=-f.minY,f.touchesCurrent.x="touchmove"===e.type?e.targetTouches[0].pageX:e.pageX,f.touchesCurrent.y="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,!f.isMoved&&!u){if(t.isHorizontal()&&(Math.floor(f.minX)===Math.floor(f.startX)&&f.touchesCurrent.x<f.touchesStart.x||Math.floor(f.maxX)===Math.floor(f.startX)&&f.touchesCurrent.x>f.touchesStart.x))return void(f.isTouched=!1);if(!t.isHorizontal()&&(Math.floor(f.minY)===Math.floor(f.startY)&&f.touchesCurrent.y<f.touchesStart.y||Math.floor(f.maxY)===Math.floor(f.startY)&&f.touchesCurrent.y>f.touchesStart.y))return void(f.isTouched=!1)}e.cancelable&&e.preventDefault(),e.stopPropagation(),f.isMoved=!0,f.currentX=f.touchesCurrent.x-f.touchesStart.x+f.startX,f.currentY=f.touchesCurrent.y-f.touchesStart.y+f.startY,f.currentX<f.minX&&(f.currentX=f.minX+1-(f.minX-f.currentX+1)**.8),f.currentX>f.maxX&&(f.currentX=f.maxX-1+(f.currentX-f.maxX+1)**.8),f.currentY<f.minY&&(f.currentY=f.minY+1-(f.minY-f.currentY+1)**.8),f.currentY>f.maxY&&(f.currentY=f.maxY-1+(f.currentY-f.maxY+1)**.8),g.prevPositionX||(g.prevPositionX=f.touchesCurrent.x),g.prevPositionY||(g.prevPositionY=f.touchesCurrent.y),g.prevTime||(g.prevTime=Date.now()),g.x=(f.touchesCurrent.x-g.prevPositionX)/(Date.now()-g.prevTime)/2,g.y=(f.touchesCurrent.y-g.prevPositionY)/(Date.now()-g.prevTime)/2,Math.abs(f.touchesCurrent.x-g.prevPositionX)<2&&(g.x=0),Math.abs(f.touchesCurrent.y-g.prevPositionY)<2&&(g.y=0),g.prevPositionX=f.touchesCurrent.x,g.prevPositionY=f.touchesCurrent.y,g.prevTime=Date.now(),m.$imageWrapEl.transform(`translate3d(${f.currentX}px, ${f.currentY}px,0)`)}}function C(){const e=t.zoom;m.$slideEl&&t.previousIndex!==t.activeIndex&&(m.$imageEl&&m.$imageEl.transform("translate3d(0,0,0) scale(1)"),m.$imageWrapEl&&m.$imageWrapEl.transform("translate3d(0,0,0)"),e.scale=1,p=1,m.$slideEl=void 0,m.$imageEl=void 0,m.$imageWrapEl=void 0)}function T(e){const s=t.zoom,a=t.params.zoom;if(m.$slideEl||(e&&e.target&&(m.$slideEl=d(e.target).closest(`.${t.params.slideClass}`)),m.$slideEl||(t.params.virtual&&t.params.virtual.enabled&&t.virtual?m.$slideEl=t.$wrapperEl.children(`.${t.params.slideActiveClass}`):m.$slideEl=t.slides.eq(t.activeIndex)),m.$imageEl=m.$slideEl.find(`.${a.containerClass}`).eq(0).find("picture, img, svg, canvas, .swiper-zoom-target").eq(0),m.$imageWrapEl=m.$imageEl.parent(`.${a.containerClass}`)),!m.$imageEl||0===m.$imageEl.length||!m.$imageWrapEl||0===m.$imageWrapEl.length)return;let i,r,l,o,c,u,h,g,v,w,b,x,y,E,C,T,$,S;t.params.cssMode&&(t.wrapperEl.style.overflow="hidden",t.wrapperEl.style.touchAction="none"),m.$slideEl.addClass(`${a.zoomedSlideClass}`),void 0===f.touchesStart.x&&e?(i="touchend"===e.type?e.changedTouches[0].pageX:e.pageX,r="touchend"===e.type?e.changedTouches[0].pageY:e.pageY):(i=f.touchesStart.x,r=f.touchesStart.y),s.scale=m.$imageWrapEl.attr("data-swiper-zoom")||a.maxRatio,p=m.$imageWrapEl.attr("data-swiper-zoom")||a.maxRatio,e?($=m.$slideEl[0].offsetWidth,S=m.$slideEl[0].offsetHeight,l=m.$slideEl.offset().left+n.scrollX,o=m.$slideEl.offset().top+n.scrollY,c=l+$/2-i,u=o+S/2-r,v=m.$imageEl[0].offsetWidth,w=m.$imageEl[0].offsetHeight,b=v*s.scale,x=w*s.scale,y=Math.min($/2-b/2,0),E=Math.min(S/2-x/2,0),C=-y,T=-E,h=c*s.scale,g=u*s.scale,h<y&&(h=y),h>C&&(h=C),g<E&&(g=E),g>T&&(g=T)):(h=0,g=0),m.$imageWrapEl.transition(300).transform(`translate3d(${h}px, ${g}px,0)`),m.$imageEl.transition(300).transform(`translate3d(0,0,0) scale(${s.scale})`)}function $(){const e=t.zoom,s=t.params.zoom;m.$slideEl||(t.params.virtual&&t.params.virtual.enabled&&t.virtual?m.$slideEl=t.$wrapperEl.children(`.${t.params.slideActiveClass}`):m.$slideEl=t.slides.eq(t.activeIndex),m.$imageEl=m.$slideEl.find(`.${s.containerClass}`).eq(0).find("picture, img, svg, canvas, .swiper-zoom-target").eq(0),m.$imageWrapEl=m.$imageEl.parent(`.${s.containerClass}`)),m.$imageEl&&0!==m.$imageEl.length&&m.$imageWrapEl&&0!==m.$imageWrapEl.length&&(t.params.cssMode&&(t.wrapperEl.style.overflow="",t.wrapperEl.style.touchAction=""),e.scale=1,p=1,m.$imageWrapEl.transition(300).transform("translate3d(0,0,0)"),m.$imageEl.transition(300).transform("translate3d(0,0,0) scale(1)"),m.$slideEl.removeClass(`${s.zoomedSlideClass}`),m.$slideEl=void 0)}function S(e){const s=t.zoom;s.scale&&1!==s.scale?$():T(e)}function M(){const e=t.support;return{passiveListener:!("touchstart"!==t.touchEvents.start||!e.passiveListener||!t.params.passiveListeners)&&{passive:!0,capture:!1},activeListenerWithCapture:!e.passiveListener||{passive:!1,capture:!0}}}function P(){return`.${t.params.slideClass}`}function k(e){const{passiveListener:s}=M(),a=P();t.$wrapperEl[e]("gesturestart",a,b,s),t.$wrapperEl[e]("gesturechange",a,x,s),t.$wrapperEl[e]("gestureend",a,y,s)}function z(){l||(l=!0,k("on"))}function L(){l&&(l=!1,k("off"))}function O(){const e=t.zoom;if(e.enabled)return;e.enabled=!0;const s=t.support,{passiveListener:a,activeListenerWithCapture:i}=M(),r=P();s.gestures?(t.$wrapperEl.on(t.touchEvents.start,z,a),t.$wrapperEl.on(t.touchEvents.end,L,a)):"touchstart"===t.touchEvents.start&&(t.$wrapperEl.on(t.touchEvents.start,r,b,a),t.$wrapperEl.on(t.touchEvents.move,r,x,i),t.$wrapperEl.on(t.touchEvents.end,r,y,a),t.touchEvents.cancel&&t.$wrapperEl.on(t.touchEvents.cancel,r,y,a)),t.$wrapperEl.on(t.touchEvents.move,`.${t.params.zoom.containerClass}`,E,i)}function I(){const e=t.zoom;if(!e.enabled)return;const s=t.support;e.enabled=!1;const{passiveListener:a,activeListenerWithCapture:i}=M(),r=P();s.gestures?(t.$wrapperEl.off(t.touchEvents.start,z,a),t.$wrapperEl.off(t.touchEvents.end,L,a)):"touchstart"===t.touchEvents.start&&(t.$wrapperEl.off(t.touchEvents.start,r,b,a),t.$wrapperEl.off(t.touchEvents.move,r,x,i),t.$wrapperEl.off(t.touchEvents.end,r,y,a),t.touchEvents.cancel&&t.$wrapperEl.off(t.touchEvents.cancel,r,y,a)),t.$wrapperEl.off(t.touchEvents.move,`.${t.params.zoom.containerClass}`,E,i)}Object.defineProperty(t.zoom,"scale",{get:()=>v,set(e){if(v!==e){const t=m.$imageEl?m.$imageEl[0]:void 0,s=m.$slideEl?m.$slideEl[0]:void 0;i("zoomChange",e,t,s)}v=e}}),a("init",(()=>{t.params.zoom.enabled&&O()})),a("destroy",(()=>{I()})),a("touchStart",((e,s)=>{t.zoom.enabled&&function(e){const s=t.device;m.$imageEl&&0!==m.$imageEl.length&&(f.isTouched||(s.android&&e.cancelable&&e.preventDefault(),f.isTouched=!0,f.touchesStart.x="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,f.touchesStart.y="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY))}(s)})),a("touchEnd",((e,s)=>{t.zoom.enabled&&function(){const e=t.zoom;if(!m.$imageEl||0===m.$imageEl.length)return;if(!f.isTouched||!f.isMoved)return f.isTouched=!1,void(f.isMoved=!1);f.isTouched=!1,f.isMoved=!1;let s=300,a=300;const i=g.x*s,r=f.currentX+i,n=g.y*a,l=f.currentY+n;0!==g.x&&(s=Math.abs((r-f.currentX)/g.x)),0!==g.y&&(a=Math.abs((l-f.currentY)/g.y));const o=Math.max(s,a);f.currentX=r,f.currentY=l;const d=f.width*e.scale,c=f.height*e.scale;f.minX=Math.min(m.slideWidth/2-d/2,0),f.maxX=-f.minX,f.minY=Math.min(m.slideHeight/2-c/2,0),f.maxY=-f.minY,f.currentX=Math.max(Math.min(f.currentX,f.maxX),f.minX),f.currentY=Math.max(Math.min(f.currentY,f.maxY),f.minY),m.$imageWrapEl.transition(o).transform(`translate3d(${f.currentX}px, ${f.currentY}px,0)`)}()})),a("doubleTap",((e,s)=>{!t.animating&&t.params.zoom.enabled&&t.zoom.enabled&&t.params.zoom.toggle&&S(s)})),a("transitionEnd",(()=>{t.zoom.enabled&&t.params.zoom.enabled&&C()})),a("slideChange",(()=>{t.zoom.enabled&&t.params.zoom.enabled&&t.params.cssMode&&C()})),Object.assign(t.zoom,{enable:O,disable:I,in:T,out:$,toggle:S})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;s({lazy:{checkInView:!1,enabled:!1,loadPrevNext:!1,loadPrevNextAmount:1,loadOnTransitionStart:!1,scrollingElement:"",elementClass:"swiper-lazy",loadingClass:"swiper-lazy-loading",loadedClass:"swiper-lazy-loaded",preloaderClass:"swiper-lazy-preloader"}}),t.lazy={};let n=!1,l=!1;function o(e,s){void 0===s&&(s=!0);const a=t.params.lazy;if(void 0===e)return;if(0===t.slides.length)return;const r=t.virtual&&t.params.virtual.enabled?t.$wrapperEl.children(`.${t.params.slideClass}[data-swiper-slide-index="${e}"]`):t.slides.eq(e),n=r.find(`.${a.elementClass}:not(.${a.loadedClass}):not(.${a.loadingClass})`);!r.hasClass(a.elementClass)||r.hasClass(a.loadedClass)||r.hasClass(a.loadingClass)||n.push(r[0]),0!==n.length&&n.each((e=>{const n=d(e);n.addClass(a.loadingClass);const l=n.attr("data-background"),c=n.attr("data-src"),p=n.attr("data-srcset"),u=n.attr("data-sizes"),h=n.parent("picture");t.loadImage(n[0],c||l,p,u,!1,(()=>{if(null!=t&&t&&(!t||t.params)&&!t.destroyed){if(l?(n.css("background-image",`url("${l}")`),n.removeAttr("data-background")):(p&&(n.attr("srcset",p),n.removeAttr("data-srcset")),u&&(n.attr("sizes",u),n.removeAttr("data-sizes")),h.length&&h.children("source").each((e=>{const t=d(e);t.attr("data-srcset")&&(t.attr("srcset",t.attr("data-srcset")),t.removeAttr("data-srcset"))})),c&&(n.attr("src",c),n.removeAttr("data-src"))),n.addClass(a.loadedClass).removeClass(a.loadingClass),r.find(`.${a.preloaderClass}`).remove(),t.params.loop&&s){const e=r.attr("data-swiper-slide-index");if(r.hasClass(t.params.slideDuplicateClass)){o(t.$wrapperEl.children(`[data-swiper-slide-index="${e}"]:not(.${t.params.slideDuplicateClass})`).index(),!1)}else{o(t.$wrapperEl.children(`.${t.params.slideDuplicateClass}[data-swiper-slide-index="${e}"]`).index(),!1)}}i("lazyImageReady",r[0],n[0]),t.params.autoHeight&&t.updateAutoHeight()}})),i("lazyImageLoad",r[0],n[0])}))}function c(){const{$wrapperEl:e,params:s,slides:a,activeIndex:i}=t,r=t.virtual&&s.virtual.enabled,n=s.lazy;let c=s.slidesPerView;function p(t){if(r){if(e.children(`.${s.slideClass}[data-swiper-slide-index="${t}"]`).length)return!0}else if(a[t])return!0;return!1}function u(e){return r?d(e).attr("data-swiper-slide-index"):d(e).index()}if("auto"===c&&(c=0),l||(l=!0),t.params.watchSlidesProgress)e.children(`.${s.slideVisibleClass}`).each((e=>{o(r?d(e).attr("data-swiper-slide-index"):d(e).index())}));else if(c>1)for(let e=i;e<i+c;e+=1)p(e)&&o(e);else o(i);if(n.loadPrevNext)if(c>1||n.loadPrevNextAmount&&n.loadPrevNextAmount>1){const e=n.loadPrevNextAmount,t=Math.ceil(c),s=Math.min(i+t+Math.max(e,t),a.length),r=Math.max(i-Math.max(t,e),0);for(let e=i+t;e<s;e+=1)p(e)&&o(e);for(let e=r;e<i;e+=1)p(e)&&o(e)}else{const t=e.children(`.${s.slideNextClass}`);t.length>0&&o(u(t));const a=e.children(`.${s.slidePrevClass}`);a.length>0&&o(u(a))}}function p(){const e=r();if(!t||t.destroyed)return;const s=t.params.lazy.scrollingElement?d(t.params.lazy.scrollingElement):d(e),a=s[0]===e,i=a?e.innerWidth:s[0].offsetWidth,l=a?e.innerHeight:s[0].offsetHeight,o=t.$el.offset(),{rtlTranslate:u}=t;let h=!1;u&&(o.left-=t.$el[0].scrollLeft);const m=[[o.left,o.top],[o.left+t.width,o.top],[o.left,o.top+t.height],[o.left+t.width,o.top+t.height]];for(let e=0;e<m.length;e+=1){const t=m[e];if(t[0]>=0&&t[0]<=i&&t[1]>=0&&t[1]<=l){if(0===t[0]&&0===t[1])continue;h=!0}}const f=!("touchstart"!==t.touchEvents.start||!t.support.passiveListener||!t.params.passiveListeners)&&{passive:!0,capture:!1};h?(c(),s.off("scroll",p,f)):n||(n=!0,s.on("scroll",p,f))}a("beforeInit",(()=>{t.params.lazy.enabled&&t.params.preloadImages&&(t.params.preloadImages=!1)})),a("init",(()=>{t.params.lazy.enabled&&(t.params.lazy.checkInView?p():c())})),a("scroll",(()=>{t.params.freeMode&&t.params.freeMode.enabled&&!t.params.freeMode.sticky&&c()})),a("scrollbarDragMove resize _freeModeNoMomentumRelease",(()=>{t.params.lazy.enabled&&(t.params.lazy.checkInView?p():c())})),a("transitionStart",(()=>{t.params.lazy.enabled&&(t.params.lazy.loadOnTransitionStart||!t.params.lazy.loadOnTransitionStart&&!l)&&(t.params.lazy.checkInView?p():c())})),a("transitionEnd",(()=>{t.params.lazy.enabled&&!t.params.lazy.loadOnTransitionStart&&(t.params.lazy.checkInView?p():c())})),a("slideChange",(()=>{const{lazy:e,cssMode:s,watchSlidesProgress:a,touchReleaseOnEdges:i,resistanceRatio:r}=t.params;e.enabled&&(s||a&&(i||0===r))&&c()})),a("destroy",(()=>{t.$el&&t.$el.find(`.${t.params.lazy.loadingClass}`).removeClass(t.params.lazy.loadingClass)})),Object.assign(t.lazy,{load:c,loadInSlide:o})},function(e){let{swiper:t,extendParams:s,on:a}=e;function i(e,t){const s=function(){let e,t,s;return(a,i)=>{for(t=-1,e=a.length;e-t>1;)s=e+t>>1,a[s]<=i?t=s:e=s;return e}}();let a,i;return this.x=e,this.y=t,this.lastIndex=e.length-1,this.interpolate=function(e){return e?(i=s(this.x,e),a=i-1,(e-this.x[a])*(this.y[i]-this.y[a])/(this.x[i]-this.x[a])+this.y[a]):0},this}function r(){t.controller.control&&t.controller.spline&&(t.controller.spline=void 0,delete t.controller.spline)}s({controller:{control:void 0,inverse:!1,by:"slide"}}),t.controller={control:void 0},a("beforeInit",(()=>{t.controller.control=t.params.controller.control})),a("update",(()=>{r()})),a("resize",(()=>{r()})),a("observerUpdate",(()=>{r()})),a("setTranslate",((e,s,a)=>{t.controller.control&&t.controller.setTranslate(s,a)})),a("setTransition",((e,s,a)=>{t.controller.control&&t.controller.setTransition(s,a)})),Object.assign(t.controller,{setTranslate:function(e,s){const a=t.controller.control;let r,n;const l=t.constructor;function o(e){const s=t.rtlTranslate?-t.translate:t.translate;"slide"===t.params.controller.by&&(!function(e){t.controller.spline||(t.controller.spline=t.params.loop?new i(t.slidesGrid,e.slidesGrid):new i(t.snapGrid,e.snapGrid))}(e),n=-t.controller.spline.interpolate(-s)),n&&"container"!==t.params.controller.by||(r=(e.maxTranslate()-e.minTranslate())/(t.maxTranslate()-t.minTranslate()),n=(s-t.minTranslate())*r+e.minTranslate()),t.params.controller.inverse&&(n=e.maxTranslate()-n),e.updateProgress(n),e.setTranslate(n,t),e.updateActiveIndex(),e.updateSlidesClasses()}if(Array.isArray(a))for(let e=0;e<a.length;e+=1)a[e]!==s&&a[e]instanceof l&&o(a[e]);else a instanceof l&&s!==a&&o(a)},setTransition:function(e,s){const a=t.constructor,i=t.controller.control;let r;function n(s){s.setTransition(e,t),0!==e&&(s.transitionStart(),s.params.autoHeight&&p((()=>{s.updateAutoHeight()})),s.$wrapperEl.transitionEnd((()=>{i&&(s.params.loop&&"slide"===t.params.controller.by&&s.loopFix(),s.transitionEnd())})))}if(Array.isArray(i))for(r=0;r<i.length;r+=1)i[r]!==s&&i[r]instanceof a&&n(i[r]);else i instanceof a&&s!==i&&n(i)}})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({a11y:{enabled:!0,notificationClass:"swiper-notification",prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide",paginationBulletMessage:"Go to slide {{index}}",slideLabelMessage:"{{index}} / {{slidesLength}}",containerMessage:null,containerRoleDescriptionMessage:null,itemRoleDescriptionMessage:null,slideRole:"group",id:null}});let i=null;function r(e){const t=i;0!==t.length&&(t.html(""),t.html(e))}function n(e){e.attr("tabIndex","0")}function l(e){e.attr("tabIndex","-1")}function o(e,t){e.attr("role",t)}function c(e,t){e.attr("aria-roledescription",t)}function p(e,t){e.attr("aria-label",t)}function u(e){e.attr("aria-disabled",!0)}function h(e){e.attr("aria-disabled",!1)}function m(e){if(13!==e.keyCode&&32!==e.keyCode)return;const s=t.params.a11y,a=d(e.target);t.navigation&&t.navigation.$nextEl&&a.is(t.navigation.$nextEl)&&(t.isEnd&&!t.params.loop||t.slideNext(),t.isEnd?r(s.lastSlideMessage):r(s.nextSlideMessage)),t.navigation&&t.navigation.$prevEl&&a.is(t.navigation.$prevEl)&&(t.isBeginning&&!t.params.loop||t.slidePrev(),t.isBeginning?r(s.firstSlideMessage):r(s.prevSlideMessage)),t.pagination&&a.is(U(t.params.pagination.bulletClass))&&a[0].click()}function f(){return t.pagination&&t.pagination.bullets&&t.pagination.bullets.length}function g(){return f()&&t.params.pagination.clickable}const v=(e,t,s)=>{n(e),"BUTTON"!==e[0].tagName&&(o(e,"button"),e.on("keydown",m)),p(e,s),function(e,t){e.attr("aria-controls",t)}(e,t)},w=e=>{const s=e.target.closest(`.${t.params.slideClass}`);if(!s||!t.slides.includes(s))return;const a=t.slides.indexOf(s)===t.activeIndex,i=t.params.watchSlidesProgress&&t.visibleSlides&&t.visibleSlides.includes(s);a||i||t.slideTo(t.slides.indexOf(s),0)},b=()=>{const e=t.params.a11y;e.itemRoleDescriptionMessage&&c(d(t.slides),e.itemRoleDescriptionMessage),o(d(t.slides),e.slideRole);const s=t.params.loop?t.slides.filter((e=>!e.classList.contains(t.params.slideDuplicateClass))).length:t.slides.length;e.slideLabelMessage&&t.slides.each(((a,i)=>{const r=d(a),n=t.params.loop?parseInt(r.attr("data-swiper-slide-index"),10):i;p(r,e.slideLabelMessage.replace(/\{\{index\}\}/,n+1).replace(/\{\{slidesLength\}\}/,s))}))},x=()=>{const e=t.params.a11y;t.$el.append(i);const s=t.$el;e.containerRoleDescriptionMessage&&c(s,e.containerRoleDescriptionMessage),e.containerMessage&&p(s,e.containerMessage);const a=t.$wrapperEl,r=e.id||a.attr("id")||`swiper-wrapper-${n=16,void 0===n&&(n=16),"x".repeat(n).replace(/x/g,(()=>Math.round(16*Math.random()).toString(16)))}`;var n;const l=t.params.autoplay&&t.params.autoplay.enabled?"off":"polite";var o;let d,u;o=r,a.attr("id",o),function(e,t){e.attr("aria-live",t)}(a,l),b(),t.navigation&&t.navigation.$nextEl&&(d=t.navigation.$nextEl),t.navigation&&t.navigation.$prevEl&&(u=t.navigation.$prevEl),d&&d.length&&v(d,r,e.nextSlideMessage),u&&u.length&&v(u,r,e.prevSlideMessage),g()&&t.pagination.$el.on("keydown",U(t.params.pagination.bulletClass),m),t.$el.on("focus",w,!0)};a("beforeInit",(()=>{i=d(`<span class="${t.params.a11y.notificationClass}" aria-live="assertive" aria-atomic="true"></span>`)})),a("afterInit",(()=>{t.params.a11y.enabled&&x()})),a("slidesLengthChange snapGridLengthChange slidesGridLengthChange",(()=>{t.params.a11y.enabled&&b()})),a("fromEdge toEdge afterInit lock unlock",(()=>{t.params.a11y.enabled&&function(){if(t.params.loop||t.params.rewind||!t.navigation)return;const{$nextEl:e,$prevEl:s}=t.navigation;s&&s.length>0&&(t.isBeginning?(u(s),l(s)):(h(s),n(s))),e&&e.length>0&&(t.isEnd?(u(e),l(e)):(h(e),n(e)))}()})),a("paginationUpdate",(()=>{t.params.a11y.enabled&&function(){const e=t.params.a11y;f()&&t.pagination.bullets.each((s=>{const a=d(s);t.params.pagination.clickable&&(n(a),t.params.pagination.renderBullet||(o(a,"button"),p(a,e.paginationBulletMessage.replace(/\{\{index\}\}/,a.index()+1)))),a.is(`.${t.params.pagination.bulletActiveClass}`)?a.attr("aria-current","true"):a.removeAttr("aria-current")}))}()})),a("destroy",(()=>{t.params.a11y.enabled&&function(){let e,s;i&&i.length>0&&i.remove(),t.navigation&&t.navigation.$nextEl&&(e=t.navigation.$nextEl),t.navigation&&t.navigation.$prevEl&&(s=t.navigation.$prevEl),e&&e.off("keydown",m),s&&s.off("keydown",m),g()&&t.pagination.$el.off("keydown",U(t.params.pagination.bulletClass),m),t.$el.off("focus",w,!0)}()}))},function(e){let{swiper:t,extendParams:s,on:a}=e;s({history:{enabled:!1,root:"",replaceState:!1,key:"slides",keepQuery:!1}});let i=!1,n={};const l=e=>e.toString().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,""),o=e=>{const t=r();let s;s=e?new URL(e):t.location;const a=s.pathname.slice(1).split("/").filter((e=>""!==e)),i=a.length;return{key:a[i-2],value:a[i-1]}},d=(e,s)=>{const a=r();if(!i||!t.params.history.enabled)return;let n;n=t.params.url?new URL(t.params.url):a.location;const o=t.slides.eq(s);let d=l(o.attr("data-history"));if(t.params.history.root.length>0){let s=t.params.history.root;"/"===s[s.length-1]&&(s=s.slice(0,s.length-1)),d=`${s}/${e}/${d}`}else n.pathname.includes(e)||(d=`${e}/${d}`);t.params.history.keepQuery&&(d+=n.search);const c=a.history.state;c&&c.value===d||(t.params.history.replaceState?a.history.replaceState({value:d},null,d):a.history.pushState({value:d},null,d))},c=(e,s,a)=>{if(s)for(let i=0,r=t.slides.length;i<r;i+=1){const r=t.slides.eq(i);if(l(r.attr("data-history"))===s&&!r.hasClass(t.params.slideDuplicateClass)){const s=r.index();t.slideTo(s,e,a)}}else t.slideTo(0,e,a)},p=()=>{n=o(t.params.url),c(t.params.speed,n.value,!1)};a("init",(()=>{t.params.history.enabled&&(()=>{const e=r();if(t.params.history){if(!e.history||!e.history.pushState)return t.params.history.enabled=!1,void(t.params.hashNavigation.enabled=!0);i=!0,n=o(t.params.url),(n.key||n.value)&&(c(0,n.value,t.params.runCallbacksOnInit),t.params.history.replaceState||e.addEventListener("popstate",p))}})()})),a("destroy",(()=>{t.params.history.enabled&&(()=>{const e=r();t.params.history.replaceState||e.removeEventListener("popstate",p)})()})),a("transitionEnd _freeModeNoMomentumRelease",(()=>{i&&d(t.params.history.key,t.activeIndex)})),a("slideChange",(()=>{i&&t.params.cssMode&&d(t.params.history.key,t.activeIndex)}))},function(e){let{swiper:t,extendParams:s,emit:i,on:n}=e,l=!1;const o=a(),c=r();s({hashNavigation:{enabled:!1,replaceState:!1,watchState:!1}});const p=()=>{i("hashChange");const e=o.location.hash.replace("#","");if(e!==t.slides.eq(t.activeIndex).attr("data-hash")){const s=t.$wrapperEl.children(`.${t.params.slideClass}[data-hash="${e}"]`).index();if(void 0===s)return;t.slideTo(s)}},u=()=>{if(l&&t.params.hashNavigation.enabled)if(t.params.hashNavigation.replaceState&&c.history&&c.history.replaceState)c.history.replaceState(null,null,`#${t.slides.eq(t.activeIndex).attr("data-hash")}`||""),i("hashSet");else{const e=t.slides.eq(t.activeIndex),s=e.attr("data-hash")||e.attr("data-history");o.location.hash=s||"",i("hashSet")}};n("init",(()=>{t.params.hashNavigation.enabled&&(()=>{if(!t.params.hashNavigation.enabled||t.params.history&&t.params.history.enabled)return;l=!0;const e=o.location.hash.replace("#","");if(e){const s=0;for(let a=0,i=t.slides.length;a<i;a+=1){const i=t.slides.eq(a);if((i.attr("data-hash")||i.attr("data-history"))===e&&!i.hasClass(t.params.slideDuplicateClass)){const e=i.index();t.slideTo(e,s,t.params.runCallbacksOnInit,!0)}}}t.params.hashNavigation.watchState&&d(c).on("hashchange",p)})()})),n("destroy",(()=>{t.params.hashNavigation.enabled&&t.params.hashNavigation.watchState&&d(c).off("hashchange",p)})),n("transitionEnd _freeModeNoMomentumRelease",(()=>{l&&u()})),n("slideChange",(()=>{l&&t.params.cssMode&&u()}))},function(e){let t,{swiper:s,extendParams:i,on:r,emit:n}=e;function l(){const e=s.slides.eq(s.activeIndex);let a=s.params.autoplay.delay;e.attr("data-swiper-autoplay")&&(a=e.attr("data-swiper-autoplay")||s.params.autoplay.delay),clearTimeout(t),t=p((()=>{let e;s.params.autoplay.reverseDirection?s.params.loop?(s.loopFix(),e=s.slidePrev(s.params.speed,!0,!0),n("autoplay")):s.isBeginning?s.params.autoplay.stopOnLastSlide?d():(e=s.slideTo(s.slides.length-1,s.params.speed,!0,!0),n("autoplay")):(e=s.slidePrev(s.params.speed,!0,!0),n("autoplay")):s.params.loop?(s.loopFix(),e=s.slideNext(s.params.speed,!0,!0),n("autoplay")):s.isEnd?s.params.autoplay.stopOnLastSlide?d():(e=s.slideTo(0,s.params.speed,!0,!0),n("autoplay")):(e=s.slideNext(s.params.speed,!0,!0),n("autoplay")),(s.params.cssMode&&s.autoplay.running||!1===e)&&l()}),a)}function o(){return void 0===t&&(!s.autoplay.running&&(s.autoplay.running=!0,n("autoplayStart"),l(),!0))}function d(){return!!s.autoplay.running&&(void 0!==t&&(t&&(clearTimeout(t),t=void 0),s.autoplay.running=!1,n("autoplayStop"),!0))}function c(e){s.autoplay.running&&(s.autoplay.paused||(t&&clearTimeout(t),s.autoplay.paused=!0,0!==e&&s.params.autoplay.waitForTransition?["transitionend","webkitTransitionEnd"].forEach((e=>{s.$wrapperEl[0].addEventListener(e,h)})):(s.autoplay.paused=!1,l())))}function u(){const e=a();"hidden"===e.visibilityState&&s.autoplay.running&&c(),"visible"===e.visibilityState&&s.autoplay.paused&&(l(),s.autoplay.paused=!1)}function h(e){s&&!s.destroyed&&s.$wrapperEl&&e.target===s.$wrapperEl[0]&&(["transitionend","webkitTransitionEnd"].forEach((e=>{s.$wrapperEl[0].removeEventListener(e,h)})),s.autoplay.paused=!1,s.autoplay.running?l():d())}function m(){s.params.autoplay.disableOnInteraction?d():(n("autoplayPause"),c()),["transitionend","webkitTransitionEnd"].forEach((e=>{s.$wrapperEl[0].removeEventListener(e,h)}))}function f(){s.params.autoplay.disableOnInteraction||(s.autoplay.paused=!1,n("autoplayResume"),l())}s.autoplay={running:!1,paused:!1},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!0,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}}),r("init",(()=>{if(s.params.autoplay.enabled){o();a().addEventListener("visibilitychange",u),s.params.autoplay.pauseOnMouseEnter&&(s.$el.on("mouseenter",m),s.$el.on("mouseleave",f))}})),r("beforeTransitionStart",((e,t,a)=>{s.autoplay.running&&(a||!s.params.autoplay.disableOnInteraction?s.autoplay.pause(t):d())})),r("sliderFirstMove",(()=>{s.autoplay.running&&(s.params.autoplay.disableOnInteraction?d():c())})),r("touchEnd",(()=>{s.params.cssMode&&s.autoplay.paused&&!s.params.autoplay.disableOnInteraction&&l()})),r("destroy",(()=>{s.$el.off("mouseenter",m),s.$el.off("mouseleave",f),s.autoplay.running&&d();a().removeEventListener("visibilitychange",u)})),Object.assign(s.autoplay,{pause:c,run:l,start:o,stop:d})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({thumbs:{swiper:null,multipleActiveThumbs:!0,autoScrollOffset:0,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-thumbs"}});let i=!1,r=!1;function n(){const e=t.thumbs.swiper;if(!e||e.destroyed)return;const s=e.clickedIndex,a=e.clickedSlide;if(a&&d(a).hasClass(t.params.thumbs.slideThumbActiveClass))return;if(null==s)return;let i;if(i=e.params.loop?parseInt(d(e.clickedSlide).attr("data-swiper-slide-index"),10):s,t.params.loop){let e=t.activeIndex;t.slides.eq(e).hasClass(t.params.slideDuplicateClass)&&(t.loopFix(),t._clientLeft=t.$wrapperEl[0].clientLeft,e=t.activeIndex);const s=t.slides.eq(e).prevAll(`[data-swiper-slide-index="${i}"]`).eq(0).index(),a=t.slides.eq(e).nextAll(`[data-swiper-slide-index="${i}"]`).eq(0).index();i=void 0===s?a:void 0===a?s:a-e<e-s?a:s}t.slideTo(i)}function l(){const{thumbs:e}=t.params;if(i)return!1;i=!0;const s=t.constructor;if(e.swiper instanceof s)t.thumbs.swiper=e.swiper,Object.assign(t.thumbs.swiper.originalParams,{watchSlidesProgress:!0,slideToClickedSlide:!1}),Object.assign(t.thumbs.swiper.params,{watchSlidesProgress:!0,slideToClickedSlide:!1});else if(m(e.swiper)){const a=Object.assign({},e.swiper);Object.assign(a,{watchSlidesProgress:!0,slideToClickedSlide:!1}),t.thumbs.swiper=new s(a),r=!0}return t.thumbs.swiper.$el.addClass(t.params.thumbs.thumbsContainerClass),t.thumbs.swiper.on("tap",n),!0}function o(e){const s=t.thumbs.swiper;if(!s||s.destroyed)return;const a="auto"===s.params.slidesPerView?s.slidesPerViewDynamic():s.params.slidesPerView,i=t.params.thumbs.autoScrollOffset,r=i&&!s.params.loop;if(t.realIndex!==s.realIndex||r){let n,l,o=s.activeIndex;if(s.params.loop){s.slides.eq(o).hasClass(s.params.slideDuplicateClass)&&(s.loopFix(),s._clientLeft=s.$wrapperEl[0].clientLeft,o=s.activeIndex);const e=s.slides.eq(o).prevAll(`[data-swiper-slide-index="${t.realIndex}"]`).eq(0).index(),a=s.slides.eq(o).nextAll(`[data-swiper-slide-index="${t.realIndex}"]`).eq(0).index();n=void 0===e?a:void 0===a?e:a-o==o-e?s.params.slidesPerGroup>1?a:o:a-o<o-e?a:e,l=t.activeIndex>t.previousIndex?"next":"prev"}else n=t.realIndex,l=n>t.previousIndex?"next":"prev";r&&(n+="next"===l?i:-1*i),s.visibleSlidesIndexes&&s.visibleSlidesIndexes.indexOf(n)<0&&(s.params.centeredSlides?n=n>o?n-Math.floor(a/2)+1:n+Math.floor(a/2)-1:n>o&&s.params.slidesPerGroup,s.slideTo(n,e?0:void 0))}let n=1;const l=t.params.thumbs.slideThumbActiveClass;if(t.params.slidesPerView>1&&!t.params.centeredSlides&&(n=t.params.slidesPerView),t.params.thumbs.multipleActiveThumbs||(n=1),n=Math.floor(n),s.slides.removeClass(l),s.params.loop||s.params.virtual&&s.params.virtual.enabled)for(let e=0;e<n;e+=1)s.$wrapperEl.children(`[data-swiper-slide-index="${t.realIndex+e}"]`).addClass(l);else for(let e=0;e<n;e+=1)s.slides.eq(t.realIndex+e).addClass(l)}t.thumbs={swiper:null},a("beforeInit",(()=>{const{thumbs:e}=t.params;e&&e.swiper&&(l(),o(!0))})),a("slideChange update resize observerUpdate",(()=>{o()})),a("setTransition",((e,s)=>{const a=t.thumbs.swiper;a&&!a.destroyed&&a.setTransition(s)})),a("beforeDestroy",(()=>{const e=t.thumbs.swiper;e&&!e.destroyed&&r&&e.destroy()})),Object.assign(t.thumbs,{init:l,update:o})},function(e){let{swiper:t,extendParams:s,emit:a,once:i}=e;s({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}}),Object.assign(t,{freeMode:{onTouchStart:function(){const e=t.getTranslate();t.setTranslate(e),t.setTransition(0),t.touchEventsData.velocities.length=0,t.freeMode.onTouchEnd({currentPos:t.rtl?t.translate:-t.translate})},onTouchMove:function(){const{touchEventsData:e,touches:s}=t;0===e.velocities.length&&e.velocities.push({position:s[t.isHorizontal()?"startX":"startY"],time:e.touchStartTime}),e.velocities.push({position:s[t.isHorizontal()?"currentX":"currentY"],time:u()})},onTouchEnd:function(e){let{currentPos:s}=e;const{params:r,$wrapperEl:n,rtlTranslate:l,snapGrid:o,touchEventsData:d}=t,c=u()-d.touchStartTime;if(s<-t.minTranslate())t.slideTo(t.activeIndex);else if(s>-t.maxTranslate())t.slides.length<o.length?t.slideTo(o.length-1):t.slideTo(t.slides.length-1);else{if(r.freeMode.momentum){if(d.velocities.length>1){const e=d.velocities.pop(),s=d.velocities.pop(),a=e.position-s.position,i=e.time-s.time;t.velocity=a/i,t.velocity/=2,Math.abs(t.velocity)<r.freeMode.minimumVelocity&&(t.velocity=0),(i>150||u()-e.time>300)&&(t.velocity=0)}else t.velocity=0;t.velocity*=r.freeMode.momentumVelocityRatio,d.velocities.length=0;let e=1e3*r.freeMode.momentumRatio;const s=t.velocity*e;let c=t.translate+s;l&&(c=-c);let p,h=!1;const m=20*Math.abs(t.velocity)*r.freeMode.momentumBounceRatio;let f;if(c<t.maxTranslate())r.freeMode.momentumBounce?(c+t.maxTranslate()<-m&&(c=t.maxTranslate()-m),p=t.maxTranslate(),h=!0,d.allowMomentumBounce=!0):c=t.maxTranslate(),r.loop&&r.centeredSlides&&(f=!0);else if(c>t.minTranslate())r.freeMode.momentumBounce?(c-t.minTranslate()>m&&(c=t.minTranslate()+m),p=t.minTranslate(),h=!0,d.allowMomentumBounce=!0):c=t.minTranslate(),r.loop&&r.centeredSlides&&(f=!0);else if(r.freeMode.sticky){let e;for(let t=0;t<o.length;t+=1)if(o[t]>-c){e=t;break}c=Math.abs(o[e]-c)<Math.abs(o[e-1]-c)||"next"===t.swipeDirection?o[e]:o[e-1],c=-c}if(f&&i("transitionEnd",(()=>{t.loopFix()})),0!==t.velocity){if(e=l?Math.abs((-c-t.translate)/t.velocity):Math.abs((c-t.translate)/t.velocity),r.freeMode.sticky){const s=Math.abs((l?-c:c)-t.translate),a=t.slidesSizesGrid[t.activeIndex];e=s<a?r.speed:s<2*a?1.5*r.speed:2.5*r.speed}}else if(r.freeMode.sticky)return void t.slideToClosest();r.freeMode.momentumBounce&&h?(t.updateProgress(p),t.setTransition(e),t.setTranslate(c),t.transitionStart(!0,t.swipeDirection),t.animating=!0,n.transitionEnd((()=>{t&&!t.destroyed&&d.allowMomentumBounce&&(a("momentumBounce"),t.setTransition(r.speed),setTimeout((()=>{t.setTranslate(p),n.transitionEnd((()=>{t&&!t.destroyed&&t.transitionEnd()}))}),0))}))):t.velocity?(a("_freeModeNoMomentumRelease"),t.updateProgress(c),t.setTransition(e),t.setTranslate(c),t.transitionStart(!0,t.swipeDirection),t.animating||(t.animating=!0,n.transitionEnd((()=>{t&&!t.destroyed&&t.transitionEnd()})))):t.updateProgress(c),t.updateActiveIndex(),t.updateSlidesClasses()}else{if(r.freeMode.sticky)return void t.slideToClosest();r.freeMode&&a("_freeModeNoMomentumRelease")}(!r.freeMode.momentum||c>=r.longSwipesMs)&&(t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses())}}}})},function(e){let t,s,a,{swiper:i,extendParams:r}=e;r({grid:{rows:1,fill:"column"}}),i.grid={initSlides:e=>{const{slidesPerView:r}=i.params,{rows:n,fill:l}=i.params.grid;s=t/n,a=Math.floor(e/n),t=Math.floor(e/n)===e/n?e:Math.ceil(e/n)*n,"auto"!==r&&"row"===l&&(t=Math.max(t,r*n))},updateSlide:(e,r,n,l)=>{const{slidesPerGroup:o,spaceBetween:d}=i.params,{rows:c,fill:p}=i.params.grid;let u,h,m;if("row"===p&&o>1){const s=Math.floor(e/(o*c)),a=e-c*o*s,i=0===s?o:Math.min(Math.ceil((n-s*c*o)/c),o);m=Math.floor(a/i),h=a-m*i+s*o,u=h+m*t/c,r.css({"-webkit-order":u,order:u})}else"column"===p?(h=Math.floor(e/c),m=e-h*c,(h>a||h===a&&m===c-1)&&(m+=1,m>=c&&(m=0,h+=1))):(m=Math.floor(e/s),h=e-m*s);r.css(l("margin-top"),0!==m?d&&`${d}px`:"")},updateWrapperSize:(e,s,a)=>{const{spaceBetween:r,centeredSlides:n,roundLengths:l}=i.params,{rows:o}=i.params.grid;if(i.virtualSize=(e+r)*t,i.virtualSize=Math.ceil(i.virtualSize/o)-r,i.$wrapperEl.css({[a("width")]:`${i.virtualSize+r}px`}),n){s.splice(0,s.length);const e=[];for(let t=0;t<s.length;t+=1){let a=s[t];l&&(a=Math.floor(a)),s[t]<i.virtualSize+s[0]&&e.push(a)}s.push(...e)}}}},function(e){let{swiper:t}=e;Object.assign(t,{appendSlide:K.bind(t),prependSlide:Z.bind(t),addSlide:Q.bind(t),removeSlide:J.bind(t),removeAllSlides:ee.bind(t)})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({fadeEffect:{crossFade:!1,transformEl:null}}),te({effect:"fade",swiper:t,on:a,setTranslate:()=>{const{slides:e}=t,s=t.params.fadeEffect;for(let a=0;a<e.length;a+=1){const e=t.slides.eq(a);let i=-e[0].swiperSlideOffset;t.params.virtualTranslate||(i-=t.translate);let r=0;t.isHorizontal()||(r=i,i=0);const n=t.params.fadeEffect.crossFade?Math.max(1-Math.abs(e[0].progress),0):1+Math.min(Math.max(e[0].progress,-1),0);se(s,e).css({opacity:n}).transform(`translate3d(${i}px, ${r}px, 0px)`)}},setTransition:e=>{const{transformEl:s}=t.params.fadeEffect;(s?t.slides.find(s):t.slides).transition(e),ae({swiper:t,duration:e,transformEl:s,allSlides:!0})},overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}});const i=(e,t,s)=>{let a=s?e.find(".swiper-slide-shadow-left"):e.find(".swiper-slide-shadow-top"),i=s?e.find(".swiper-slide-shadow-right"):e.find(".swiper-slide-shadow-bottom");0===a.length&&(a=d(`<div class="swiper-slide-shadow-${s?"left":"top"}"></div>`),e.append(a)),0===i.length&&(i=d(`<div class="swiper-slide-shadow-${s?"right":"bottom"}"></div>`),e.append(i)),a.length&&(a[0].style.opacity=Math.max(-t,0)),i.length&&(i[0].style.opacity=Math.max(t,0))};te({effect:"cube",swiper:t,on:a,setTranslate:()=>{const{$el:e,$wrapperEl:s,slides:a,width:r,height:n,rtlTranslate:l,size:o,browser:c}=t,p=t.params.cubeEffect,u=t.isHorizontal(),h=t.virtual&&t.params.virtual.enabled;let m,f=0;p.shadow&&(u?(m=s.find(".swiper-cube-shadow"),0===m.length&&(m=d('<div class="swiper-cube-shadow"></div>'),s.append(m)),m.css({height:`${r}px`})):(m=e.find(".swiper-cube-shadow"),0===m.length&&(m=d('<div class="swiper-cube-shadow"></div>'),e.append(m))));for(let e=0;e<a.length;e+=1){const t=a.eq(e);let s=e;h&&(s=parseInt(t.attr("data-swiper-slide-index"),10));let r=90*s,n=Math.floor(r/360);l&&(r=-r,n=Math.floor(-r/360));const d=Math.max(Math.min(t[0].progress,1),-1);let c=0,m=0,g=0;s%4==0?(c=4*-n*o,g=0):(s-1)%4==0?(c=0,g=4*-n*o):(s-2)%4==0?(c=o+4*n*o,g=o):(s-3)%4==0&&(c=-o,g=3*o+4*o*n),l&&(c=-c),u||(m=c,c=0);const v=`rotateX(${u?0:-r}deg) rotateY(${u?r:0}deg) translate3d(${c}px, ${m}px, ${g}px)`;d<=1&&d>-1&&(f=90*s+90*d,l&&(f=90*-s-90*d)),t.transform(v),p.slideShadows&&i(t,d,u)}if(s.css({"-webkit-transform-origin":`50% 50% -${o/2}px`,"transform-origin":`50% 50% -${o/2}px`}),p.shadow)if(u)m.transform(`translate3d(0px, ${r/2+p.shadowOffset}px, ${-r/2}px) rotateX(90deg) rotateZ(0deg) scale(${p.shadowScale})`);else{const e=Math.abs(f)-90*Math.floor(Math.abs(f)/90),t=1.5-(Math.sin(2*e*Math.PI/360)/2+Math.cos(2*e*Math.PI/360)/2),s=p.shadowScale,a=p.shadowScale/t,i=p.shadowOffset;m.transform(`scale3d(${s}, 1, ${a}) translate3d(0px, ${n/2+i}px, ${-n/2/a}px) rotateX(-90deg)`)}const g=c.isSafari||c.isWebView?-o/2:0;s.transform(`translate3d(0px,0,${g}px) rotateX(${t.isHorizontal()?0:f}deg) rotateY(${t.isHorizontal()?-f:0}deg)`),s[0].style.setProperty("--swiper-cube-translate-z",`${g}px`)},setTransition:e=>{const{$el:s,slides:a}=t;a.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e),t.params.cubeEffect.shadow&&!t.isHorizontal()&&s.find(".swiper-cube-shadow").transition(e)},recreateShadows:()=>{const e=t.isHorizontal();t.slides.each((t=>{const s=Math.max(Math.min(t.progress,1),-1);i(d(t),s,e)}))},getEffectParams:()=>t.params.cubeEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,resistanceRatio:0,spaceBetween:0,centeredSlides:!1,virtualTranslate:!0})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({flipEffect:{slideShadows:!0,limitRotation:!0,transformEl:null}});const i=(e,s,a)=>{let i=t.isHorizontal()?e.find(".swiper-slide-shadow-left"):e.find(".swiper-slide-shadow-top"),r=t.isHorizontal()?e.find(".swiper-slide-shadow-right"):e.find(".swiper-slide-shadow-bottom");0===i.length&&(i=ie(a,e,t.isHorizontal()?"left":"top")),0===r.length&&(r=ie(a,e,t.isHorizontal()?"right":"bottom")),i.length&&(i[0].style.opacity=Math.max(-s,0)),r.length&&(r[0].style.opacity=Math.max(s,0))};te({effect:"flip",swiper:t,on:a,setTranslate:()=>{const{slides:e,rtlTranslate:s}=t,a=t.params.flipEffect;for(let r=0;r<e.length;r+=1){const n=e.eq(r);let l=n[0].progress;t.params.flipEffect.limitRotation&&(l=Math.max(Math.min(n[0].progress,1),-1));const o=n[0].swiperSlideOffset;let d=-180*l,c=0,p=t.params.cssMode?-o-t.translate:-o,u=0;t.isHorizontal()?s&&(d=-d):(u=p,p=0,c=-d,d=0),n[0].style.zIndex=-Math.abs(Math.round(l))+e.length,a.slideShadows&&i(n,l,a);const h=`translate3d(${p}px, ${u}px, 0px) rotateX(${c}deg) rotateY(${d}deg)`;se(a,n).transform(h)}},setTransition:e=>{const{transformEl:s}=t.params.flipEffect;(s?t.slides.find(s):t.slides).transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e),ae({swiper:t,duration:e,transformEl:s})},recreateShadows:()=>{const e=t.params.flipEffect;t.slides.each((s=>{const a=d(s);let r=a[0].progress;t.params.flipEffect.limitRotation&&(r=Math.max(Math.min(s.progress,1),-1)),i(a,r,e)}))},getEffectParams:()=>t.params.flipEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({coverflowEffect:{rotate:50,stretch:0,depth:100,scale:1,modifier:1,slideShadows:!0,transformEl:null}}),te({effect:"coverflow",swiper:t,on:a,setTranslate:()=>{const{width:e,height:s,slides:a,slidesSizesGrid:i}=t,r=t.params.coverflowEffect,n=t.isHorizontal(),l=t.translate,o=n?e/2-l:s/2-l,d=n?r.rotate:-r.rotate,c=r.depth;for(let e=0,t=a.length;e<t;e+=1){const t=a.eq(e),s=i[e],l=(o-t[0].swiperSlideOffset-s/2)/s,p="function"==typeof r.modifier?r.modifier(l):l*r.modifier;let u=n?d*p:0,h=n?0:d*p,m=-c*Math.abs(p),f=r.stretch;"string"==typeof f&&-1!==f.indexOf("%")&&(f=parseFloat(r.stretch)/100*s);let g=n?0:f*p,v=n?f*p:0,w=1-(1-r.scale)*Math.abs(p);Math.abs(v)<.001&&(v=0),Math.abs(g)<.001&&(g=0),Math.abs(m)<.001&&(m=0),Math.abs(u)<.001&&(u=0),Math.abs(h)<.001&&(h=0),Math.abs(w)<.001&&(w=0);const b=`translate3d(${v}px,${g}px,${m}px)  rotateX(${h}deg) rotateY(${u}deg) scale(${w})`;if(se(r,t).transform(b),t[0].style.zIndex=1-Math.abs(Math.round(p)),r.slideShadows){let e=n?t.find(".swiper-slide-shadow-left"):t.find(".swiper-slide-shadow-top"),s=n?t.find(".swiper-slide-shadow-right"):t.find(".swiper-slide-shadow-bottom");0===e.length&&(e=ie(r,t,n?"left":"top")),0===s.length&&(s=ie(r,t,n?"right":"bottom")),e.length&&(e[0].style.opacity=p>0?p:0),s.length&&(s[0].style.opacity=-p>0?-p:0)}}},setTransition:e=>{const{transformEl:s}=t.params.coverflowEffect;(s?t.slides.find(s):t.slides).transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e)},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({creativeEffect:{transformEl:null,limitProgress:1,shadowPerProgress:!1,progressMultiplier:1,perspective:!0,prev:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1},next:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1}}});const i=e=>"string"==typeof e?e:`${e}px`;te({effect:"creative",swiper:t,on:a,setTranslate:()=>{const{slides:e,$wrapperEl:s,slidesSizesGrid:a}=t,r=t.params.creativeEffect,{progressMultiplier:n}=r,l=t.params.centeredSlides;if(l){const e=a[0]/2-t.params.slidesOffsetBefore||0;s.transform(`translateX(calc(50% - ${e}px))`)}for(let s=0;s<e.length;s+=1){const a=e.eq(s),o=a[0].progress,d=Math.min(Math.max(a[0].progress,-r.limitProgress),r.limitProgress);let c=d;l||(c=Math.min(Math.max(a[0].originalProgress,-r.limitProgress),r.limitProgress));const p=a[0].swiperSlideOffset,u=[t.params.cssMode?-p-t.translate:-p,0,0],h=[0,0,0];let m=!1;t.isHorizontal()||(u[1]=u[0],u[0]=0);let f={translate:[0,0,0],rotate:[0,0,0],scale:1,opacity:1};d<0?(f=r.next,m=!0):d>0&&(f=r.prev,m=!0),u.forEach(((e,t)=>{u[t]=`calc(${e}px + (${i(f.translate[t])} * ${Math.abs(d*n)}))`})),h.forEach(((e,t)=>{h[t]=f.rotate[t]*Math.abs(d*n)})),a[0].style.zIndex=-Math.abs(Math.round(o))+e.length;const g=u.join(", "),v=`rotateX(${h[0]}deg) rotateY(${h[1]}deg) rotateZ(${h[2]}deg)`,w=c<0?`scale(${1+(1-f.scale)*c*n})`:`scale(${1-(1-f.scale)*c*n})`,b=c<0?1+(1-f.opacity)*c*n:1-(1-f.opacity)*c*n,x=`translate3d(${g}) ${v} ${w}`;if(m&&f.shadow||!m){let e=a.children(".swiper-slide-shadow");if(0===e.length&&f.shadow&&(e=ie(r,a)),e.length){const t=r.shadowPerProgress?d*(1/r.limitProgress):d;e[0].style.opacity=Math.min(Math.max(Math.abs(t),0),1)}}const y=se(r,a);y.transform(x).css({opacity:b}),f.origin&&y.css("transform-origin",f.origin)}},setTransition:e=>{const{transformEl:s}=t.params.creativeEffect;(s?t.slides.find(s):t.slides).transition(e).find(".swiper-slide-shadow").transition(e),ae({swiper:t,duration:e,transformEl:s,allSlides:!0})},perspective:()=>t.params.creativeEffect.perspective,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({cardsEffect:{slideShadows:!0,transformEl:null,rotate:!0}}),te({effect:"cards",swiper:t,on:a,setTranslate:()=>{const{slides:e,activeIndex:s}=t,a=t.params.cardsEffect,{startTranslate:i,isTouched:r}=t.touchEventsData,n=t.translate;for(let l=0;l<e.length;l+=1){const o=e.eq(l),d=o[0].progress,c=Math.min(Math.max(d,-4),4);let p=o[0].swiperSlideOffset;t.params.centeredSlides&&!t.params.cssMode&&t.$wrapperEl.transform(`translateX(${t.minTranslate()}px)`),t.params.centeredSlides&&t.params.cssMode&&(p-=e[0].swiperSlideOffset);let u=t.params.cssMode?-p-t.translate:-p,h=0;const m=-100*Math.abs(c);let f=1,g=-2*c,v=8-.75*Math.abs(c);const w=t.virtual&&t.params.virtual.enabled?t.virtual.from+l:l,b=(w===s||w===s-1)&&c>0&&c<1&&(r||t.params.cssMode)&&n<i,x=(w===s||w===s+1)&&c<0&&c>-1&&(r||t.params.cssMode)&&n>i;if(b||x){const e=(1-Math.abs((Math.abs(c)-.5)/.5))**.5;g+=-28*c*e,f+=-.5*e,v+=96*e,h=-25*e*Math.abs(c)+"%"}if(u=c<0?`calc(${u}px + (${v*Math.abs(c)}%))`:c>0?`calc(${u}px + (-${v*Math.abs(c)}%))`:`${u}px`,!t.isHorizontal()){const e=h;h=u,u=e}const y=c<0?""+(1+(1-f)*c):""+(1-(1-f)*c),E=`\n        translate3d(${u}, ${h}, ${m}px)\n        rotateZ(${a.rotate?g:0}deg)\n        scale(${y})\n      `;if(a.slideShadows){let e=o.find(".swiper-slide-shadow");0===e.length&&(e=ie(a,o)),e.length&&(e[0].style.opacity=Math.min(Math.max((Math.abs(c)-.5)/.5,0),1))}o[0].style.zIndex=-Math.abs(Math.round(d))+e.length;se(a,o).transform(E)}},setTransition:e=>{const{transformEl:s}=t.params.cardsEffect;(s?t.slides.find(s):t.slides).transition(e).find(".swiper-slide-shadow").transition(e),ae({swiper:t,duration:e,transformEl:s})},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!t.params.cssMode})})}];return V.use(re),V}));
+//# sourceMappingURL=swiper-bundle.min.js.map
\ No newline at end of file
diff --git a/public/assets/js/tippy-bundle.umd.min.js b/public/assets/js/tippy-bundle.umd.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..9f4f8bcd9e99c0dd56102b3c41fc85c8815676a2
--- /dev/null
+++ b/public/assets/js/tippy-bundle.umd.min.js
@@ -0,0 +1,2 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("@popperjs/core")):"function"==typeof define&&define.amd?define(["@popperjs/core"],e):(t=t||self).tippy=e(t.Popper)}(this,(function(t){"use strict";var e="undefined"!=typeof window&&"undefined"!=typeof document,n=!!e&&!!window.msCrypto,r={passive:!0,capture:!0},o=function(){return document.body};function i(t,e,n){if(Array.isArray(t)){var r=t[e];return null==r?Array.isArray(n)?n[e]:n:r}return t}function a(t,e){var n={}.toString.call(t);return 0===n.indexOf("[object")&&n.indexOf(e+"]")>-1}function s(t,e){return"function"==typeof t?t.apply(void 0,e):t}function u(t,e){return 0===e?t:function(r){clearTimeout(n),n=setTimeout((function(){t(r)}),e)};var n}function p(t,e){var n=Object.assign({},t);return e.forEach((function(t){delete n[t]})),n}function c(t){return[].concat(t)}function f(t,e){-1===t.indexOf(e)&&t.push(e)}function l(t){return t.split("-")[0]}function d(t){return[].slice.call(t)}function v(t){return Object.keys(t).reduce((function(e,n){return void 0!==t[n]&&(e[n]=t[n]),e}),{})}function m(){return document.createElement("div")}function g(t){return["Element","Fragment"].some((function(e){return a(t,e)}))}function h(t){return a(t,"MouseEvent")}function b(t){return!(!t||!t._tippy||t._tippy.reference!==t)}function y(t){return g(t)?[t]:function(t){return a(t,"NodeList")}(t)?d(t):Array.isArray(t)?t:d(document.querySelectorAll(t))}function w(t,e){t.forEach((function(t){t&&(t.style.transitionDuration=e+"ms")}))}function x(t,e){t.forEach((function(t){t&&t.setAttribute("data-state",e)}))}function E(t){var e,n=c(t)[0];return null!=n&&null!=(e=n.ownerDocument)&&e.body?n.ownerDocument:document}function O(t,e,n){var r=e+"EventListener";["transitionend","webkitTransitionEnd"].forEach((function(e){t[r](e,n)}))}function C(t,e){for(var n=e;n;){var r;if(t.contains(n))return!0;n=null==n.getRootNode||null==(r=n.getRootNode())?void 0:r.host}return!1}var T={isTouch:!1},A=0;function L(){T.isTouch||(T.isTouch=!0,window.performance&&document.addEventListener("mousemove",D))}function D(){var t=performance.now();t-A<20&&(T.isTouch=!1,document.removeEventListener("mousemove",D)),A=t}function k(){var t=document.activeElement;if(b(t)){var e=t._tippy;t.blur&&!e.state.isVisible&&t.blur()}}var R=Object.assign({appendTo:o,aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:!0,ignoreAttributes:!1,interactive:!1,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function(){},onBeforeUpdate:function(){},onCreate:function(){},onDestroy:function(){},onHidden:function(){},onHide:function(){},onMount:function(){},onShow:function(){},onShown:function(){},onTrigger:function(){},onUntrigger:function(){},onClickOutside:function(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:!1,touch:!0,trigger:"mouseenter focus",triggerTarget:null},{animateFill:!1,followCursor:!1,inlinePositioning:!1,sticky:!1},{allowHTML:!1,animation:"fade",arrow:!0,content:"",inertia:!1,maxWidth:350,role:"tooltip",theme:"",zIndex:9999}),P=Object.keys(R);function j(t){var e=(t.plugins||[]).reduce((function(e,n){var r,o=n.name,i=n.defaultValue;o&&(e[o]=void 0!==t[o]?t[o]:null!=(r=R[o])?r:i);return e}),{});return Object.assign({},t,e)}function M(t,e){var n=Object.assign({},e,{content:s(e.content,[t])},e.ignoreAttributes?{}:function(t,e){return(e?Object.keys(j(Object.assign({},R,{plugins:e}))):P).reduce((function(e,n){var r=(t.getAttribute("data-tippy-"+n)||"").trim();if(!r)return e;if("content"===n)e[n]=r;else try{e[n]=JSON.parse(r)}catch(t){e[n]=r}return e}),{})}(t,e.plugins));return n.aria=Object.assign({},R.aria,n.aria),n.aria={expanded:"auto"===n.aria.expanded?e.interactive:n.aria.expanded,content:"auto"===n.aria.content?e.interactive?null:"describedby":n.aria.content},n}function V(t,e){t.innerHTML=e}function I(t){var e=m();return!0===t?e.className="tippy-arrow":(e.className="tippy-svg-arrow",g(t)?e.appendChild(t):V(e,t)),e}function S(t,e){g(e.content)?(V(t,""),t.appendChild(e.content)):"function"!=typeof e.content&&(e.allowHTML?V(t,e.content):t.textContent=e.content)}function B(t){var e=t.firstElementChild,n=d(e.children);return{box:e,content:n.find((function(t){return t.classList.contains("tippy-content")})),arrow:n.find((function(t){return t.classList.contains("tippy-arrow")||t.classList.contains("tippy-svg-arrow")})),backdrop:n.find((function(t){return t.classList.contains("tippy-backdrop")}))}}function N(t){var e=m(),n=m();n.className="tippy-box",n.setAttribute("data-state","hidden"),n.setAttribute("tabindex","-1");var r=m();function o(n,r){var o=B(e),i=o.box,a=o.content,s=o.arrow;r.theme?i.setAttribute("data-theme",r.theme):i.removeAttribute("data-theme"),"string"==typeof r.animation?i.setAttribute("data-animation",r.animation):i.removeAttribute("data-animation"),r.inertia?i.setAttribute("data-inertia",""):i.removeAttribute("data-inertia"),i.style.maxWidth="number"==typeof r.maxWidth?r.maxWidth+"px":r.maxWidth,r.role?i.setAttribute("role",r.role):i.removeAttribute("role"),n.content===r.content&&n.allowHTML===r.allowHTML||S(a,t.props),r.arrow?s?n.arrow!==r.arrow&&(i.removeChild(s),i.appendChild(I(r.arrow))):i.appendChild(I(r.arrow)):s&&i.removeChild(s)}return r.className="tippy-content",r.setAttribute("data-state","hidden"),S(r,t.props),e.appendChild(n),n.appendChild(r),o(t.props,t.props),{popper:e,onUpdate:o}}N.$$tippy=!0;var H=1,U=[],_=[];function z(e,a){var p,g,b,y,A,L,D,k,P=M(e,Object.assign({},R,j(v(a)))),V=!1,I=!1,S=!1,N=!1,z=[],F=u(wt,P.interactiveDebounce),W=H++,X=(k=P.plugins).filter((function(t,e){return k.indexOf(t)===e})),Y={id:W,reference:e,popper:m(),popperInstance:null,props:P,state:{isEnabled:!0,isVisible:!1,isDestroyed:!1,isMounted:!1,isShown:!1},plugins:X,clearDelayTimeouts:function(){clearTimeout(p),clearTimeout(g),cancelAnimationFrame(b)},setProps:function(t){if(Y.state.isDestroyed)return;at("onBeforeUpdate",[Y,t]),bt();var n=Y.props,r=M(e,Object.assign({},n,v(t),{ignoreAttributes:!0}));Y.props=r,ht(),n.interactiveDebounce!==r.interactiveDebounce&&(pt(),F=u(wt,r.interactiveDebounce));n.triggerTarget&&!r.triggerTarget?c(n.triggerTarget).forEach((function(t){t.removeAttribute("aria-expanded")})):r.triggerTarget&&e.removeAttribute("aria-expanded");ut(),it(),J&&J(n,r);Y.popperInstance&&(Ct(),At().forEach((function(t){requestAnimationFrame(t._tippy.popperInstance.forceUpdate)})));at("onAfterUpdate",[Y,t])},setContent:function(t){Y.setProps({content:t})},show:function(){var t=Y.state.isVisible,e=Y.state.isDestroyed,n=!Y.state.isEnabled,r=T.isTouch&&!Y.props.touch,a=i(Y.props.duration,0,R.duration);if(t||e||n||r)return;if(et().hasAttribute("disabled"))return;if(at("onShow",[Y],!1),!1===Y.props.onShow(Y))return;Y.state.isVisible=!0,tt()&&($.style.visibility="visible");it(),dt(),Y.state.isMounted||($.style.transition="none");if(tt()){var u=rt(),p=u.box,c=u.content;w([p,c],0)}L=function(){var t;if(Y.state.isVisible&&!N){if(N=!0,$.offsetHeight,$.style.transition=Y.props.moveTransition,tt()&&Y.props.animation){var e=rt(),n=e.box,r=e.content;w([n,r],a),x([n,r],"visible")}st(),ut(),f(_,Y),null==(t=Y.popperInstance)||t.forceUpdate(),at("onMount",[Y]),Y.props.animation&&tt()&&function(t,e){mt(t,e)}(a,(function(){Y.state.isShown=!0,at("onShown",[Y])}))}},function(){var t,e=Y.props.appendTo,n=et();t=Y.props.interactive&&e===o||"parent"===e?n.parentNode:s(e,[n]);t.contains($)||t.appendChild($);Y.state.isMounted=!0,Ct()}()},hide:function(){var t=!Y.state.isVisible,e=Y.state.isDestroyed,n=!Y.state.isEnabled,r=i(Y.props.duration,1,R.duration);if(t||e||n)return;if(at("onHide",[Y],!1),!1===Y.props.onHide(Y))return;Y.state.isVisible=!1,Y.state.isShown=!1,N=!1,V=!1,tt()&&($.style.visibility="hidden");if(pt(),vt(),it(!0),tt()){var o=rt(),a=o.box,s=o.content;Y.props.animation&&(w([a,s],r),x([a,s],"hidden"))}st(),ut(),Y.props.animation?tt()&&function(t,e){mt(t,(function(){!Y.state.isVisible&&$.parentNode&&$.parentNode.contains($)&&e()}))}(r,Y.unmount):Y.unmount()},hideWithInteractivity:function(t){nt().addEventListener("mousemove",F),f(U,F),F(t)},enable:function(){Y.state.isEnabled=!0},disable:function(){Y.hide(),Y.state.isEnabled=!1},unmount:function(){Y.state.isVisible&&Y.hide();if(!Y.state.isMounted)return;Tt(),At().forEach((function(t){t._tippy.unmount()})),$.parentNode&&$.parentNode.removeChild($);_=_.filter((function(t){return t!==Y})),Y.state.isMounted=!1,at("onHidden",[Y])},destroy:function(){if(Y.state.isDestroyed)return;Y.clearDelayTimeouts(),Y.unmount(),bt(),delete e._tippy,Y.state.isDestroyed=!0,at("onDestroy",[Y])}};if(!P.render)return Y;var q=P.render(Y),$=q.popper,J=q.onUpdate;$.setAttribute("data-tippy-root",""),$.id="tippy-"+Y.id,Y.popper=$,e._tippy=Y,$._tippy=Y;var G=X.map((function(t){return t.fn(Y)})),K=e.hasAttribute("aria-expanded");return ht(),ut(),it(),at("onCreate",[Y]),P.showOnCreate&&Lt(),$.addEventListener("mouseenter",(function(){Y.props.interactive&&Y.state.isVisible&&Y.clearDelayTimeouts()})),$.addEventListener("mouseleave",(function(){Y.props.interactive&&Y.props.trigger.indexOf("mouseenter")>=0&&nt().addEventListener("mousemove",F)})),Y;function Q(){var t=Y.props.touch;return Array.isArray(t)?t:[t,0]}function Z(){return"hold"===Q()[0]}function tt(){var t;return!(null==(t=Y.props.render)||!t.$$tippy)}function et(){return D||e}function nt(){var t=et().parentNode;return t?E(t):document}function rt(){return B($)}function ot(t){return Y.state.isMounted&&!Y.state.isVisible||T.isTouch||y&&"focus"===y.type?0:i(Y.props.delay,t?0:1,R.delay)}function it(t){void 0===t&&(t=!1),$.style.pointerEvents=Y.props.interactive&&!t?"":"none",$.style.zIndex=""+Y.props.zIndex}function at(t,e,n){var r;(void 0===n&&(n=!0),G.forEach((function(n){n[t]&&n[t].apply(n,e)})),n)&&(r=Y.props)[t].apply(r,e)}function st(){var t=Y.props.aria;if(t.content){var n="aria-"+t.content,r=$.id;c(Y.props.triggerTarget||e).forEach((function(t){var e=t.getAttribute(n);if(Y.state.isVisible)t.setAttribute(n,e?e+" "+r:r);else{var o=e&&e.replace(r,"").trim();o?t.setAttribute(n,o):t.removeAttribute(n)}}))}}function ut(){!K&&Y.props.aria.expanded&&c(Y.props.triggerTarget||e).forEach((function(t){Y.props.interactive?t.setAttribute("aria-expanded",Y.state.isVisible&&t===et()?"true":"false"):t.removeAttribute("aria-expanded")}))}function pt(){nt().removeEventListener("mousemove",F),U=U.filter((function(t){return t!==F}))}function ct(t){if(!T.isTouch||!S&&"mousedown"!==t.type){var n=t.composedPath&&t.composedPath()[0]||t.target;if(!Y.props.interactive||!C($,n)){if(c(Y.props.triggerTarget||e).some((function(t){return C(t,n)}))){if(T.isTouch)return;if(Y.state.isVisible&&Y.props.trigger.indexOf("click")>=0)return}else at("onClickOutside",[Y,t]);!0===Y.props.hideOnClick&&(Y.clearDelayTimeouts(),Y.hide(),I=!0,setTimeout((function(){I=!1})),Y.state.isMounted||vt())}}}function ft(){S=!0}function lt(){S=!1}function dt(){var t=nt();t.addEventListener("mousedown",ct,!0),t.addEventListener("touchend",ct,r),t.addEventListener("touchstart",lt,r),t.addEventListener("touchmove",ft,r)}function vt(){var t=nt();t.removeEventListener("mousedown",ct,!0),t.removeEventListener("touchend",ct,r),t.removeEventListener("touchstart",lt,r),t.removeEventListener("touchmove",ft,r)}function mt(t,e){var n=rt().box;function r(t){t.target===n&&(O(n,"remove",r),e())}if(0===t)return e();O(n,"remove",A),O(n,"add",r),A=r}function gt(t,n,r){void 0===r&&(r=!1),c(Y.props.triggerTarget||e).forEach((function(e){e.addEventListener(t,n,r),z.push({node:e,eventType:t,handler:n,options:r})}))}function ht(){var t;Z()&&(gt("touchstart",yt,{passive:!0}),gt("touchend",xt,{passive:!0})),(t=Y.props.trigger,t.split(/\s+/).filter(Boolean)).forEach((function(t){if("manual"!==t)switch(gt(t,yt),t){case"mouseenter":gt("mouseleave",xt);break;case"focus":gt(n?"focusout":"blur",Et);break;case"focusin":gt("focusout",Et)}}))}function bt(){z.forEach((function(t){var e=t.node,n=t.eventType,r=t.handler,o=t.options;e.removeEventListener(n,r,o)})),z=[]}function yt(t){var e,n=!1;if(Y.state.isEnabled&&!Ot(t)&&!I){var r="focus"===(null==(e=y)?void 0:e.type);y=t,D=t.currentTarget,ut(),!Y.state.isVisible&&h(t)&&U.forEach((function(e){return e(t)})),"click"===t.type&&(Y.props.trigger.indexOf("mouseenter")<0||V)&&!1!==Y.props.hideOnClick&&Y.state.isVisible?n=!0:Lt(t),"click"===t.type&&(V=!n),n&&!r&&Dt(t)}}function wt(t){var e=t.target,n=et().contains(e)||$.contains(e);"mousemove"===t.type&&n||function(t,e){var n=e.clientX,r=e.clientY;return t.every((function(t){var e=t.popperRect,o=t.popperState,i=t.props.interactiveBorder,a=l(o.placement),s=o.modifiersData.offset;if(!s)return!0;var u="bottom"===a?s.top.y:0,p="top"===a?s.bottom.y:0,c="right"===a?s.left.x:0,f="left"===a?s.right.x:0,d=e.top-r+u>i,v=r-e.bottom-p>i,m=e.left-n+c>i,g=n-e.right-f>i;return d||v||m||g}))}(At().concat($).map((function(t){var e,n=null==(e=t._tippy.popperInstance)?void 0:e.state;return n?{popperRect:t.getBoundingClientRect(),popperState:n,props:P}:null})).filter(Boolean),t)&&(pt(),Dt(t))}function xt(t){Ot(t)||Y.props.trigger.indexOf("click")>=0&&V||(Y.props.interactive?Y.hideWithInteractivity(t):Dt(t))}function Et(t){Y.props.trigger.indexOf("focusin")<0&&t.target!==et()||Y.props.interactive&&t.relatedTarget&&$.contains(t.relatedTarget)||Dt(t)}function Ot(t){return!!T.isTouch&&Z()!==t.type.indexOf("touch")>=0}function Ct(){Tt();var n=Y.props,r=n.popperOptions,o=n.placement,i=n.offset,a=n.getReferenceClientRect,s=n.moveTransition,u=tt()?B($).arrow:null,p=a?{getBoundingClientRect:a,contextElement:a.contextElement||et()}:e,c=[{name:"offset",options:{offset:i}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!s}},{name:"$$tippy",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(t){var e=t.state;if(tt()){var n=rt().box;["placement","reference-hidden","escaped"].forEach((function(t){"placement"===t?n.setAttribute("data-placement",e.placement):e.attributes.popper["data-popper-"+t]?n.setAttribute("data-"+t,""):n.removeAttribute("data-"+t)})),e.attributes.popper={}}}}];tt()&&u&&c.push({name:"arrow",options:{element:u,padding:3}}),c.push.apply(c,(null==r?void 0:r.modifiers)||[]),Y.popperInstance=t.createPopper(p,$,Object.assign({},r,{placement:o,onFirstUpdate:L,modifiers:c}))}function Tt(){Y.popperInstance&&(Y.popperInstance.destroy(),Y.popperInstance=null)}function At(){return d($.querySelectorAll("[data-tippy-root]"))}function Lt(t){Y.clearDelayTimeouts(),t&&at("onTrigger",[Y,t]),dt();var e=ot(!0),n=Q(),r=n[0],o=n[1];T.isTouch&&"hold"===r&&o&&(e=o),e?p=setTimeout((function(){Y.show()}),e):Y.show()}function Dt(t){if(Y.clearDelayTimeouts(),at("onUntrigger",[Y,t]),Y.state.isVisible){if(!(Y.props.trigger.indexOf("mouseenter")>=0&&Y.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(t.type)>=0&&V)){var e=ot(!1);e?g=setTimeout((function(){Y.state.isVisible&&Y.hide()}),e):b=requestAnimationFrame((function(){Y.hide()}))}}else vt()}}function F(t,e){void 0===e&&(e={});var n=R.plugins.concat(e.plugins||[]);document.addEventListener("touchstart",L,r),window.addEventListener("blur",k);var o=Object.assign({},e,{plugins:n}),i=y(t).reduce((function(t,e){var n=e&&z(e,o);return n&&t.push(n),t}),[]);return g(t)?i[0]:i}F.defaultProps=R,F.setDefaultProps=function(t){Object.keys(t).forEach((function(e){R[e]=t[e]}))},F.currentInput=T;var W=Object.assign({},t.applyStyles,{effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow)}}),X={mouseover:"mouseenter",focusin:"focus",click:"click"};var Y={name:"animateFill",defaultValue:!1,fn:function(t){var e;if(null==(e=t.props.render)||!e.$$tippy)return{};var n=B(t.popper),r=n.box,o=n.content,i=t.props.animateFill?function(){var t=m();return t.className="tippy-backdrop",x([t],"hidden"),t}():null;return{onCreate:function(){i&&(r.insertBefore(i,r.firstElementChild),r.setAttribute("data-animatefill",""),r.style.overflow="hidden",t.setProps({arrow:!1,animation:"shift-away"}))},onMount:function(){if(i){var t=r.style.transitionDuration,e=Number(t.replace("ms",""));o.style.transitionDelay=Math.round(e/10)+"ms",i.style.transitionDuration=t,x([i],"visible")}},onShow:function(){i&&(i.style.transitionDuration="0ms")},onHide:function(){i&&x([i],"hidden")}}}};var q={clientX:0,clientY:0},$=[];function J(t){var e=t.clientX,n=t.clientY;q={clientX:e,clientY:n}}var G={name:"followCursor",defaultValue:!1,fn:function(t){var e=t.reference,n=E(t.props.triggerTarget||e),r=!1,o=!1,i=!0,a=t.props;function s(){return"initial"===t.props.followCursor&&t.state.isVisible}function u(){n.addEventListener("mousemove",f)}function p(){n.removeEventListener("mousemove",f)}function c(){r=!0,t.setProps({getReferenceClientRect:null}),r=!1}function f(n){var r=!n.target||e.contains(n.target),o=t.props.followCursor,i=n.clientX,a=n.clientY,s=e.getBoundingClientRect(),u=i-s.left,p=a-s.top;!r&&t.props.interactive||t.setProps({getReferenceClientRect:function(){var t=e.getBoundingClientRect(),n=i,r=a;"initial"===o&&(n=t.left+u,r=t.top+p);var s="horizontal"===o?t.top:r,c="vertical"===o?t.right:n,f="horizontal"===o?t.bottom:r,l="vertical"===o?t.left:n;return{width:c-l,height:f-s,top:s,right:c,bottom:f,left:l}}})}function l(){t.props.followCursor&&($.push({instance:t,doc:n}),function(t){t.addEventListener("mousemove",J)}(n))}function d(){0===($=$.filter((function(e){return e.instance!==t}))).filter((function(t){return t.doc===n})).length&&function(t){t.removeEventListener("mousemove",J)}(n)}return{onCreate:l,onDestroy:d,onBeforeUpdate:function(){a=t.props},onAfterUpdate:function(e,n){var i=n.followCursor;r||void 0!==i&&a.followCursor!==i&&(d(),i?(l(),!t.state.isMounted||o||s()||u()):(p(),c()))},onMount:function(){t.props.followCursor&&!o&&(i&&(f(q),i=!1),s()||u())},onTrigger:function(t,e){h(e)&&(q={clientX:e.clientX,clientY:e.clientY}),o="focus"===e.type},onHidden:function(){t.props.followCursor&&(c(),p(),i=!0)}}}};var K={name:"inlinePositioning",defaultValue:!1,fn:function(t){var e,n=t.reference;var r=-1,o=!1,i=[],a={name:"tippyInlinePositioning",enabled:!0,phase:"afterWrite",fn:function(o){var a=o.state;t.props.inlinePositioning&&(-1!==i.indexOf(a.placement)&&(i=[]),e!==a.placement&&-1===i.indexOf(a.placement)&&(i.push(a.placement),t.setProps({getReferenceClientRect:function(){return function(t){return function(t,e,n,r){if(n.length<2||null===t)return e;if(2===n.length&&r>=0&&n[0].left>n[1].right)return n[r]||e;switch(t){case"top":case"bottom":var o=n[0],i=n[n.length-1],a="top"===t,s=o.top,u=i.bottom,p=a?o.left:i.left,c=a?o.right:i.right;return{top:s,bottom:u,left:p,right:c,width:c-p,height:u-s};case"left":case"right":var f=Math.min.apply(Math,n.map((function(t){return t.left}))),l=Math.max.apply(Math,n.map((function(t){return t.right}))),d=n.filter((function(e){return"left"===t?e.left===f:e.right===l})),v=d[0].top,m=d[d.length-1].bottom;return{top:v,bottom:m,left:f,right:l,width:l-f,height:m-v};default:return e}}(l(t),n.getBoundingClientRect(),d(n.getClientRects()),r)}(a.placement)}})),e=a.placement)}};function s(){var e;o||(e=function(t,e){var n;return{popperOptions:Object.assign({},t.popperOptions,{modifiers:[].concat(((null==(n=t.popperOptions)?void 0:n.modifiers)||[]).filter((function(t){return t.name!==e.name})),[e])})}}(t.props,a),o=!0,t.setProps(e),o=!1)}return{onCreate:s,onAfterUpdate:s,onTrigger:function(e,n){if(h(n)){var o=d(t.reference.getClientRects()),i=o.find((function(t){return t.left-2<=n.clientX&&t.right+2>=n.clientX&&t.top-2<=n.clientY&&t.bottom+2>=n.clientY})),a=o.indexOf(i);r=a>-1?a:r}},onHidden:function(){r=-1}}}};var Q={name:"sticky",defaultValue:!1,fn:function(t){var e=t.reference,n=t.popper;function r(e){return!0===t.props.sticky||t.props.sticky===e}var o=null,i=null;function a(){var s=r("reference")?(t.popperInstance?t.popperInstance.state.elements.reference:e).getBoundingClientRect():null,u=r("popper")?n.getBoundingClientRect():null;(s&&Z(o,s)||u&&Z(i,u))&&t.popperInstance&&t.popperInstance.update(),o=s,i=u,t.state.isMounted&&requestAnimationFrame(a)}return{onMount:function(){t.props.sticky&&a()}}}};function Z(t,e){return!t||!e||(t.top!==e.top||t.right!==e.right||t.bottom!==e.bottom||t.left!==e.left)}return e&&function(t){var e=document.createElement("style");e.textContent=t,e.setAttribute("data-tippy-stylesheet","");var n=document.head,r=document.querySelector("head>style,head>link");r?n.insertBefore(e,r):n.appendChild(e)}('.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}'),F.setDefaultProps({plugins:[Y,G,K,Q],render:N}),F.createSingleton=function(t,e){var n;void 0===e&&(e={});var r,o=t,i=[],a=[],s=e.overrides,u=[],f=!1;function l(){a=o.map((function(t){return c(t.props.triggerTarget||t.reference)})).reduce((function(t,e){return t.concat(e)}),[])}function d(){i=o.map((function(t){return t.reference}))}function v(t){o.forEach((function(e){t?e.enable():e.disable()}))}function g(t){return o.map((function(e){var n=e.setProps;return e.setProps=function(o){n(o),e.reference===r&&t.setProps(o)},function(){e.setProps=n}}))}function h(t,e){var n=a.indexOf(e);if(e!==r){r=e;var u=(s||[]).concat("content").reduce((function(t,e){return t[e]=o[n].props[e],t}),{});t.setProps(Object.assign({},u,{getReferenceClientRect:"function"==typeof u.getReferenceClientRect?u.getReferenceClientRect:function(){var t;return null==(t=i[n])?void 0:t.getBoundingClientRect()}}))}}v(!1),d(),l();var b={fn:function(){return{onDestroy:function(){v(!0)},onHidden:function(){r=null},onClickOutside:function(t){t.props.showOnCreate&&!f&&(f=!0,r=null)},onShow:function(t){t.props.showOnCreate&&!f&&(f=!0,h(t,i[0]))},onTrigger:function(t,e){h(t,e.currentTarget)}}}},y=F(m(),Object.assign({},p(e,["overrides"]),{plugins:[b].concat(e.plugins||[]),triggerTarget:a,popperOptions:Object.assign({},e.popperOptions,{modifiers:[].concat((null==(n=e.popperOptions)?void 0:n.modifiers)||[],[W])})})),w=y.show;y.show=function(t){if(w(),!r&&null==t)return h(y,i[0]);if(!r||null!=t){if("number"==typeof t)return i[t]&&h(y,i[t]);if(o.indexOf(t)>=0){var e=t.reference;return h(y,e)}return i.indexOf(t)>=0?h(y,t):void 0}},y.showNext=function(){var t=i[0];if(!r)return y.show(0);var e=i.indexOf(r);y.show(i[e+1]||t)},y.showPrevious=function(){var t=i[i.length-1];if(!r)return y.show(t);var e=i.indexOf(r),n=i[e-1]||t;y.show(n)};var x=y.setProps;return y.setProps=function(t){s=t.overrides||s,x(t)},y.setInstances=function(t){v(!0),u.forEach((function(t){return t()})),o=t,v(!1),d(),l(),u=g(y),y.setProps({triggerTarget:a})},u=g(y),y},F.delegate=function(t,e){var n=[],o=[],i=!1,a=e.target,s=p(e,["target"]),u=Object.assign({},s,{trigger:"manual",touch:!1}),f=Object.assign({touch:R.touch},s,{showOnCreate:!0}),l=F(t,u);function d(t){if(t.target&&!i){var n=t.target.closest(a);if(n){var r=n.getAttribute("data-tippy-trigger")||e.trigger||R.trigger;if(!n._tippy&&!("touchstart"===t.type&&"boolean"==typeof f.touch||"touchstart"!==t.type&&r.indexOf(X[t.type])<0)){var s=F(n,f);s&&(o=o.concat(s))}}}}function v(t,e,r,o){void 0===o&&(o=!1),t.addEventListener(e,r,o),n.push({node:t,eventType:e,handler:r,options:o})}return c(l).forEach((function(t){var e=t.destroy,a=t.enable,s=t.disable;t.destroy=function(t){void 0===t&&(t=!0),t&&o.forEach((function(t){t.destroy()})),o=[],n.forEach((function(t){var e=t.node,n=t.eventType,r=t.handler,o=t.options;e.removeEventListener(n,r,o)})),n=[],e()},t.enable=function(){a(),o.forEach((function(t){return t.enable()})),i=!1},t.disable=function(){s(),o.forEach((function(t){return t.disable()})),i=!0},function(t){var e=t.reference;v(e,"touchstart",d,r),v(e,"mouseover",d),v(e,"focusin",d),v(e,"click",d)}(t)})),l},F.hideAll=function(t){var e=void 0===t?{}:t,n=e.exclude,r=e.duration;_.forEach((function(t){var e=!1;if(n&&(e=b(n)?t.reference===n:t.popper===n.popper),!e){var o=t.props.duration;t.setProps({duration:r}),t.hide(),t.state.isDestroyed||t.setProps({duration:o})}}))},F.roundArrow='<svg width="16" height="6" xmlns="http://www.w3.org/2000/svg"><path d="M0 6s1.796-.013 4.67-3.615C5.851.9 6.93.006 8 0c1.07-.006 2.148.887 3.343 2.385C14.233 6.005 16 6 16 6H0z"></svg>',F}));
+//# sourceMappingURL=tippy-bundle.umd.min.js.map
diff --git a/public/index.php b/public/index.php
index 947d98963f027df503355d7cd45cf736eba943ff..1d69f3a2890599c4f51f93e1906f44d64f5eb928 100644
--- a/public/index.php
+++ b/public/index.php
@@ -1,17 +1,55 @@
 <?php
 
+use Illuminate\Contracts\Http\Kernel;
 use Illuminate\Http\Request;
 
 define('LARAVEL_START', microtime(true));
 
-// Determine if the application is in maintenance mode...
+/*
+|--------------------------------------------------------------------------
+| Check If The Application Is Under Maintenance
+|--------------------------------------------------------------------------
+|
+| If the application is in maintenance / demo mode via the "down" command
+| we will load this file so that any pre-rendered content can be shown
+| instead of starting the framework, which could cause an exception.
+|
+*/
+
 if (file_exists($maintenance = __DIR__.'/../storage/framework/maintenance.php')) {
     require $maintenance;
 }
 
-// Register the Composer autoloader...
+/*
+|--------------------------------------------------------------------------
+| Register The Auto Loader
+|--------------------------------------------------------------------------
+|
+| Composer provides a convenient, automatically generated class loader for
+| this application. We just need to utilize it! We'll simply require it
+| into the script here so we don't need to manually load our classes.
+|
+*/
+
 require __DIR__.'/../vendor/autoload.php';
 
-// Bootstrap Laravel and handle the request...
-(require_once __DIR__.'/../bootstrap/app.php')
-    ->handleRequest(Request::capture());
+/*
+|--------------------------------------------------------------------------
+| Run The Application
+|--------------------------------------------------------------------------
+|
+| Once we have the application, we can handle the incoming request using
+| the application's HTTP kernel. Then, we will send the response back
+| to this client's browser, allowing them to enjoy our application.
+|
+*/
+
+$app = require_once __DIR__.'/../bootstrap/app.php';
+
+$kernel = $app->make(Kernel::class);
+
+$response = $kernel->handle(
+    $request = Request::capture()
+)->send();
+
+$kernel->terminate($request, $response);
diff --git a/resources/.DS_Store b/resources/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..5391221a3862fbfe67fbdf4f1d616a1f5d5bf3fa
Binary files /dev/null and b/resources/.DS_Store differ
diff --git a/resources/css/.DS_Store b/resources/css/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6
Binary files /dev/null and b/resources/css/.DS_Store differ
diff --git a/resources/css/animate.css b/resources/css/animate.css
new file mode 100644
index 0000000000000000000000000000000000000000..c9bcacc888d73102c24d9c09edb758e9e694e589
--- /dev/null
+++ b/resources/css/animate.css
@@ -0,0 +1,3697 @@
+@charset "UTF-8"; /*!
+ * animate.css - https://animate.style/
+ * Version - 4.1.1
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2020 Animate.css
+ */
+:root {
+  --animate-duration: 1s;
+  --animate-delay: 1s;
+  --animate-repeat: 1;
+}
+.animate__animated {
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-duration: var(--animate-duration);
+  animation-duration: var(--animate-duration);
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+}
+.animate__animated.animate__infinite {
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+}
+.animate__animated.animate__repeat-1 {
+  -webkit-animation-iteration-count: 1;
+  animation-iteration-count: 1;
+  -webkit-animation-iteration-count: var(--animate-repeat);
+  animation-iteration-count: var(--animate-repeat);
+}
+.animate__animated.animate__repeat-2 {
+  -webkit-animation-iteration-count: 2;
+  animation-iteration-count: 2;
+  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
+  animation-iteration-count: calc(var(--animate-repeat) * 2);
+}
+.animate__animated.animate__repeat-3 {
+  -webkit-animation-iteration-count: 3;
+  animation-iteration-count: 3;
+  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
+  animation-iteration-count: calc(var(--animate-repeat) * 3);
+}
+.animate__animated.animate__delay-1s {
+  -webkit-animation-delay: 1s;
+  animation-delay: 1s;
+  -webkit-animation-delay: var(--animate-delay);
+  animation-delay: var(--animate-delay);
+}
+.animate__animated.animate__delay-2s {
+  -webkit-animation-delay: 2s;
+  animation-delay: 2s;
+  -webkit-animation-delay: calc(var(--animate-delay) * 2);
+  animation-delay: calc(var(--animate-delay) * 2);
+}
+.animate__animated.animate__delay-3s {
+  -webkit-animation-delay: 3s;
+  animation-delay: 3s;
+  -webkit-animation-delay: calc(var(--animate-delay) * 3);
+  animation-delay: calc(var(--animate-delay) * 3);
+}
+.animate__animated.animate__delay-4s {
+  -webkit-animation-delay: 4s;
+  animation-delay: 4s;
+  -webkit-animation-delay: calc(var(--animate-delay) * 4);
+  animation-delay: calc(var(--animate-delay) * 4);
+}
+.animate__animated.animate__delay-5s {
+  -webkit-animation-delay: 5s;
+  animation-delay: 5s;
+  -webkit-animation-delay: calc(var(--animate-delay) * 5);
+  animation-delay: calc(var(--animate-delay) * 5);
+}
+.animate__animated.animate__faster {
+  -webkit-animation-duration: 0.5s;
+  animation-duration: 0.5s;
+  -webkit-animation-duration: calc(var(--animate-duration) / 2);
+  animation-duration: calc(var(--animate-duration) / 2);
+}
+.animate__animated.animate__fast {
+  -webkit-animation-duration: 0.8s;
+  animation-duration: 0.8s;
+  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
+  animation-duration: calc(var(--animate-duration) * 0.8);
+}
+.animate__animated.animate__slow {
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
+  -webkit-animation-duration: calc(var(--animate-duration) * 2);
+  animation-duration: calc(var(--animate-duration) * 2);
+}
+.animate__animated.animate__slower {
+  -webkit-animation-duration: 3s;
+  animation-duration: 3s;
+  -webkit-animation-duration: calc(var(--animate-duration) * 3);
+  animation-duration: calc(var(--animate-duration) * 3);
+}
+@media (prefers-reduced-motion: reduce), print {
+  .animate__animated {
+    -webkit-animation-duration: 1ms !important;
+    animation-duration: 1ms !important;
+    -webkit-transition-duration: 1ms !important;
+    transition-duration: 1ms !important;
+    -webkit-animation-iteration-count: 1 !important;
+    animation-iteration-count: 1 !important;
+  }
+  .animate__animated[class*="Out"] {
+    opacity: 0;
+  }
+}
+@-webkit-keyframes bounce {
+  0%,
+  20%,
+  53%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  40%,
+  43% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
+    transform: translate3d(0, -30px, 0) scaleY(1.1);
+  }
+  70% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
+    transform: translate3d(0, -15px, 0) scaleY(1.05);
+  }
+  80% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translateZ(0) scaleY(0.95);
+    transform: translateZ(0) scaleY(0.95);
+  }
+  90% {
+    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
+    transform: translate3d(0, -4px, 0) scaleY(1.02);
+  }
+}
+@keyframes bounce {
+  0%,
+  20%,
+  53%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  40%,
+  43% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
+    transform: translate3d(0, -30px, 0) scaleY(1.1);
+  }
+  70% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
+    transform: translate3d(0, -15px, 0) scaleY(1.05);
+  }
+  80% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translateZ(0) scaleY(0.95);
+    transform: translateZ(0) scaleY(0.95);
+  }
+  90% {
+    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
+    transform: translate3d(0, -4px, 0) scaleY(1.02);
+  }
+}
+.animate__bounce {
+  -webkit-animation-name: bounce;
+  animation-name: bounce;
+  -webkit-transform-origin: center bottom;
+  transform-origin: center bottom;
+}
+@-webkit-keyframes flash {
+  0%,
+  50%,
+  to {
+    opacity: 1;
+  }
+  25%,
+  75% {
+    opacity: 0;
+  }
+}
+@keyframes flash {
+  0%,
+  50%,
+  to {
+    opacity: 1;
+  }
+  25%,
+  75% {
+    opacity: 0;
+  }
+}
+.animate__flash {
+  -webkit-animation-name: flash;
+  animation-name: flash;
+}
+@-webkit-keyframes pulse {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  50% {
+    -webkit-transform: scale3d(1.05, 1.05, 1.05);
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+@keyframes pulse {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  50% {
+    -webkit-transform: scale3d(1.05, 1.05, 1.05);
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+.animate__pulse {
+  -webkit-animation-name: pulse;
+  animation-name: pulse;
+  -webkit-animation-timing-function: ease-in-out;
+  animation-timing-function: ease-in-out;
+}
+@-webkit-keyframes rubberBand {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.85, 1);
+  }
+  65% {
+    -webkit-transform: scale3d(0.95, 1.05, 1);
+    transform: scale3d(0.95, 1.05, 1);
+  }
+  75% {
+    -webkit-transform: scale3d(1.05, 0.95, 1);
+    transform: scale3d(1.05, 0.95, 1);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+@keyframes rubberBand {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.85, 1);
+  }
+  65% {
+    -webkit-transform: scale3d(0.95, 1.05, 1);
+    transform: scale3d(0.95, 1.05, 1);
+  }
+  75% {
+    -webkit-transform: scale3d(1.05, 0.95, 1);
+    transform: scale3d(1.05, 0.95, 1);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+.animate__rubberBand {
+  -webkit-animation-name: rubberBand;
+  animation-name: rubberBand;
+}
+@-webkit-keyframes shakeX {
+  0%,
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+  20%,
+  40%,
+  60%,
+  80% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+}
+@keyframes shakeX {
+  0%,
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+  20%,
+  40%,
+  60%,
+  80% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+}
+.animate__shakeX {
+  -webkit-animation-name: shakeX;
+  animation-name: shakeX;
+}
+@-webkit-keyframes shakeY {
+  0%,
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+  20%,
+  40%,
+  60%,
+  80% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+}
+@keyframes shakeY {
+  0%,
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+  20%,
+  40%,
+  60%,
+  80% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+}
+.animate__shakeY {
+  -webkit-animation-name: shakeY;
+  animation-name: shakeY;
+}
+@-webkit-keyframes headShake {
+  0% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+  6.5% {
+    -webkit-transform: translateX(-6px) rotateY(-9deg);
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+  18.5% {
+    -webkit-transform: translateX(5px) rotateY(7deg);
+    transform: translateX(5px) rotateY(7deg);
+  }
+  31.5% {
+    -webkit-transform: translateX(-3px) rotateY(-5deg);
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+  43.5% {
+    -webkit-transform: translateX(2px) rotateY(3deg);
+    transform: translateX(2px) rotateY(3deg);
+  }
+  50% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+@keyframes headShake {
+  0% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+  6.5% {
+    -webkit-transform: translateX(-6px) rotateY(-9deg);
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+  18.5% {
+    -webkit-transform: translateX(5px) rotateY(7deg);
+    transform: translateX(5px) rotateY(7deg);
+  }
+  31.5% {
+    -webkit-transform: translateX(-3px) rotateY(-5deg);
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+  43.5% {
+    -webkit-transform: translateX(2px) rotateY(3deg);
+    transform: translateX(2px) rotateY(3deg);
+  }
+  50% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+.animate__headShake {
+  -webkit-animation-timing-function: ease-in-out;
+  animation-timing-function: ease-in-out;
+  -webkit-animation-name: headShake;
+  animation-name: headShake;
+}
+@-webkit-keyframes swing {
+  20% {
+    -webkit-transform: rotate(15deg);
+    transform: rotate(15deg);
+  }
+  40% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+  60% {
+    -webkit-transform: rotate(5deg);
+    transform: rotate(5deg);
+  }
+  80% {
+    -webkit-transform: rotate(-5deg);
+    transform: rotate(-5deg);
+  }
+  to {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+}
+@keyframes swing {
+  20% {
+    -webkit-transform: rotate(15deg);
+    transform: rotate(15deg);
+  }
+  40% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+  60% {
+    -webkit-transform: rotate(5deg);
+    transform: rotate(5deg);
+  }
+  80% {
+    -webkit-transform: rotate(-5deg);
+    transform: rotate(-5deg);
+  }
+  to {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+}
+.animate__swing {
+  -webkit-transform-origin: top center;
+  transform-origin: top center;
+  -webkit-animation-name: swing;
+  animation-name: swing;
+}
+@-webkit-keyframes tada {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  10%,
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
+    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
+  }
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
+  }
+  40%,
+  60%,
+  80% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+@keyframes tada {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  10%,
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
+    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
+  }
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
+  }
+  40%,
+  60%,
+  80% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+.animate__tada {
+  -webkit-animation-name: tada;
+  animation-name: tada;
+}
+@-webkit-keyframes wobble {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  15% {
+    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
+    transform: translate3d(-25%, 0, 0) rotate(-5deg);
+  }
+  30% {
+    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
+    transform: translate3d(20%, 0, 0) rotate(3deg);
+  }
+  45% {
+    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
+    transform: translate3d(-15%, 0, 0) rotate(-3deg);
+  }
+  60% {
+    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
+    transform: translate3d(10%, 0, 0) rotate(2deg);
+  }
+  75% {
+    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
+    transform: translate3d(-5%, 0, 0) rotate(-1deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes wobble {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  15% {
+    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
+    transform: translate3d(-25%, 0, 0) rotate(-5deg);
+  }
+  30% {
+    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
+    transform: translate3d(20%, 0, 0) rotate(3deg);
+  }
+  45% {
+    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
+    transform: translate3d(-15%, 0, 0) rotate(-3deg);
+  }
+  60% {
+    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
+    transform: translate3d(10%, 0, 0) rotate(2deg);
+  }
+  75% {
+    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
+    transform: translate3d(-5%, 0, 0) rotate(-1deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__wobble {
+  -webkit-animation-name: wobble;
+  animation-name: wobble;
+}
+@-webkit-keyframes jello {
+  0%,
+  11.1%,
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  22.2% {
+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+    transform: skewX(-12.5deg) skewY(-12.5deg);
+  }
+  33.3% {
+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+    transform: skewX(6.25deg) skewY(6.25deg);
+  }
+  44.4% {
+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+    transform: skewX(-3.125deg) skewY(-3.125deg);
+  }
+  55.5% {
+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+    transform: skewX(1.5625deg) skewY(1.5625deg);
+  }
+  66.6% {
+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
+  }
+  77.7% {
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+    transform: skewX(0.390625deg) skewY(0.390625deg);
+  }
+  88.8% {
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+  }
+}
+@keyframes jello {
+  0%,
+  11.1%,
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  22.2% {
+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+    transform: skewX(-12.5deg) skewY(-12.5deg);
+  }
+  33.3% {
+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+    transform: skewX(6.25deg) skewY(6.25deg);
+  }
+  44.4% {
+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+    transform: skewX(-3.125deg) skewY(-3.125deg);
+  }
+  55.5% {
+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+    transform: skewX(1.5625deg) skewY(1.5625deg);
+  }
+  66.6% {
+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
+  }
+  77.7% {
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+    transform: skewX(0.390625deg) skewY(0.390625deg);
+  }
+  88.8% {
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+  }
+}
+.animate__jello {
+  -webkit-animation-name: jello;
+  animation-name: jello;
+  -webkit-transform-origin: center;
+  transform-origin: center;
+}
+@-webkit-keyframes heartBeat {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+  14% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+  28% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+  42% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+  70% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+@keyframes heartBeat {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+  14% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+  28% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+  42% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+  70% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+.animate__heartBeat {
+  -webkit-animation-name: heartBeat;
+  animation-name: heartBeat;
+  -webkit-animation-duration: 1.3s;
+  animation-duration: 1.3s;
+  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
+  animation-duration: calc(var(--animate-duration) * 1.3);
+  -webkit-animation-timing-function: ease-in-out;
+  animation-timing-function: ease-in-out;
+}
+@-webkit-keyframes backInDown {
+  0% {
+    -webkit-transform: translateY(-1200px) scale(0.7);
+    transform: translateY(-1200px) scale(0.7);
+    opacity: 0.7;
+  }
+  80% {
+    -webkit-transform: translateY(0) scale(0.7);
+    transform: translateY(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+@keyframes backInDown {
+  0% {
+    -webkit-transform: translateY(-1200px) scale(0.7);
+    transform: translateY(-1200px) scale(0.7);
+    opacity: 0.7;
+  }
+  80% {
+    -webkit-transform: translateY(0) scale(0.7);
+    transform: translateY(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+.animate__backInDown {
+  -webkit-animation-name: backInDown;
+  animation-name: backInDown;
+}
+@-webkit-keyframes backInLeft {
+  0% {
+    -webkit-transform: translateX(-2000px) scale(0.7);
+    transform: translateX(-2000px) scale(0.7);
+    opacity: 0.7;
+  }
+  80% {
+    -webkit-transform: translateX(0) scale(0.7);
+    transform: translateX(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+@keyframes backInLeft {
+  0% {
+    -webkit-transform: translateX(-2000px) scale(0.7);
+    transform: translateX(-2000px) scale(0.7);
+    opacity: 0.7;
+  }
+  80% {
+    -webkit-transform: translateX(0) scale(0.7);
+    transform: translateX(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+.animate__backInLeft {
+  -webkit-animation-name: backInLeft;
+  animation-name: backInLeft;
+}
+@-webkit-keyframes backInRight {
+  0% {
+    -webkit-transform: translateX(2000px) scale(0.7);
+    transform: translateX(2000px) scale(0.7);
+    opacity: 0.7;
+  }
+  80% {
+    -webkit-transform: translateX(0) scale(0.7);
+    transform: translateX(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+@keyframes backInRight {
+  0% {
+    -webkit-transform: translateX(2000px) scale(0.7);
+    transform: translateX(2000px) scale(0.7);
+    opacity: 0.7;
+  }
+  80% {
+    -webkit-transform: translateX(0) scale(0.7);
+    transform: translateX(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+.animate__backInRight {
+  -webkit-animation-name: backInRight;
+  animation-name: backInRight;
+}
+@-webkit-keyframes backInUp {
+  0% {
+    -webkit-transform: translateY(1200px) scale(0.7);
+    transform: translateY(1200px) scale(0.7);
+    opacity: 0.7;
+  }
+  80% {
+    -webkit-transform: translateY(0) scale(0.7);
+    transform: translateY(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+@keyframes backInUp {
+  0% {
+    -webkit-transform: translateY(1200px) scale(0.7);
+    transform: translateY(1200px) scale(0.7);
+    opacity: 0.7;
+  }
+  80% {
+    -webkit-transform: translateY(0) scale(0.7);
+    transform: translateY(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+.animate__backInUp {
+  -webkit-animation-name: backInUp;
+  animation-name: backInUp;
+}
+@-webkit-keyframes backOutDown {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+  20% {
+    -webkit-transform: translateY(0) scale(0.7);
+    transform: translateY(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    -webkit-transform: translateY(700px) scale(0.7);
+    transform: translateY(700px) scale(0.7);
+    opacity: 0.7;
+  }
+}
+@keyframes backOutDown {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+  20% {
+    -webkit-transform: translateY(0) scale(0.7);
+    transform: translateY(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    -webkit-transform: translateY(700px) scale(0.7);
+    transform: translateY(700px) scale(0.7);
+    opacity: 0.7;
+  }
+}
+.animate__backOutDown {
+  -webkit-animation-name: backOutDown;
+  animation-name: backOutDown;
+}
+@-webkit-keyframes backOutLeft {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+  20% {
+    -webkit-transform: translateX(0) scale(0.7);
+    transform: translateX(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    -webkit-transform: translateX(-2000px) scale(0.7);
+    transform: translateX(-2000px) scale(0.7);
+    opacity: 0.7;
+  }
+}
+@keyframes backOutLeft {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+  20% {
+    -webkit-transform: translateX(0) scale(0.7);
+    transform: translateX(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    -webkit-transform: translateX(-2000px) scale(0.7);
+    transform: translateX(-2000px) scale(0.7);
+    opacity: 0.7;
+  }
+}
+.animate__backOutLeft {
+  -webkit-animation-name: backOutLeft;
+  animation-name: backOutLeft;
+}
+@-webkit-keyframes backOutRight {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+  20% {
+    -webkit-transform: translateX(0) scale(0.7);
+    transform: translateX(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    -webkit-transform: translateX(2000px) scale(0.7);
+    transform: translateX(2000px) scale(0.7);
+    opacity: 0.7;
+  }
+}
+@keyframes backOutRight {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+  20% {
+    -webkit-transform: translateX(0) scale(0.7);
+    transform: translateX(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    -webkit-transform: translateX(2000px) scale(0.7);
+    transform: translateX(2000px) scale(0.7);
+    opacity: 0.7;
+  }
+}
+.animate__backOutRight {
+  -webkit-animation-name: backOutRight;
+  animation-name: backOutRight;
+}
+@-webkit-keyframes backOutUp {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+  20% {
+    -webkit-transform: translateY(0) scale(0.7);
+    transform: translateY(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    -webkit-transform: translateY(-700px) scale(0.7);
+    transform: translateY(-700px) scale(0.7);
+    opacity: 0.7;
+  }
+}
+@keyframes backOutUp {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+    opacity: 1;
+  }
+  20% {
+    -webkit-transform: translateY(0) scale(0.7);
+    transform: translateY(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    -webkit-transform: translateY(-700px) scale(0.7);
+    transform: translateY(-700px) scale(0.7);
+    opacity: 0.7;
+  }
+}
+.animate__backOutUp {
+  -webkit-animation-name: backOutUp;
+  animation-name: backOutUp;
+}
+@-webkit-keyframes bounceIn {
+  0%,
+  20%,
+  40%,
+  60%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+  40% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+  80% {
+    -webkit-transform: scale3d(0.97, 0.97, 0.97);
+    transform: scale3d(0.97, 0.97, 0.97);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+@keyframes bounceIn {
+  0%,
+  20%,
+  40%,
+  60%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+  40% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+  80% {
+    -webkit-transform: scale3d(0.97, 0.97, 0.97);
+    transform: scale3d(0.97, 0.97, 0.97);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+.animate__bounceIn {
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
+  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
+  animation-duration: calc(var(--animate-duration) * 0.75);
+  -webkit-animation-name: bounceIn;
+  animation-name: bounceIn;
+}
+@-webkit-keyframes bounceInDown {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
+    transform: translate3d(0, -3000px, 0) scaleY(3);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
+    transform: translate3d(0, 25px, 0) scaleY(0.9);
+  }
+  75% {
+    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
+    transform: translate3d(0, -10px, 0) scaleY(0.95);
+  }
+  90% {
+    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
+    transform: translate3d(0, 5px, 0) scaleY(0.985);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes bounceInDown {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
+    transform: translate3d(0, -3000px, 0) scaleY(3);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
+    transform: translate3d(0, 25px, 0) scaleY(0.9);
+  }
+  75% {
+    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
+    transform: translate3d(0, -10px, 0) scaleY(0.95);
+  }
+  90% {
+    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
+    transform: translate3d(0, 5px, 0) scaleY(0.985);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__bounceInDown {
+  -webkit-animation-name: bounceInDown;
+  animation-name: bounceInDown;
+}
+@-webkit-keyframes bounceInLeft {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
+    transform: translate3d(-3000px, 0, 0) scaleX(3);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
+    transform: translate3d(25px, 0, 0) scaleX(1);
+  }
+  75% {
+    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
+    transform: translate3d(-10px, 0, 0) scaleX(0.98);
+  }
+  90% {
+    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
+    transform: translate3d(5px, 0, 0) scaleX(0.995);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes bounceInLeft {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
+    transform: translate3d(-3000px, 0, 0) scaleX(3);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
+    transform: translate3d(25px, 0, 0) scaleX(1);
+  }
+  75% {
+    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
+    transform: translate3d(-10px, 0, 0) scaleX(0.98);
+  }
+  90% {
+    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
+    transform: translate3d(5px, 0, 0) scaleX(0.995);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__bounceInLeft {
+  -webkit-animation-name: bounceInLeft;
+  animation-name: bounceInLeft;
+}
+@-webkit-keyframes bounceInRight {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
+    transform: translate3d(3000px, 0, 0) scaleX(3);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
+    transform: translate3d(-25px, 0, 0) scaleX(1);
+  }
+  75% {
+    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
+    transform: translate3d(10px, 0, 0) scaleX(0.98);
+  }
+  90% {
+    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
+    transform: translate3d(-5px, 0, 0) scaleX(0.995);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes bounceInRight {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
+    transform: translate3d(3000px, 0, 0) scaleX(3);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
+    transform: translate3d(-25px, 0, 0) scaleX(1);
+  }
+  75% {
+    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
+    transform: translate3d(10px, 0, 0) scaleX(0.98);
+  }
+  90% {
+    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
+    transform: translate3d(-5px, 0, 0) scaleX(0.995);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__bounceInRight {
+  -webkit-animation-name: bounceInRight;
+  animation-name: bounceInRight;
+}
+@-webkit-keyframes bounceInUp {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
+    transform: translate3d(0, 3000px, 0) scaleY(5);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
+    transform: translate3d(0, -20px, 0) scaleY(0.9);
+  }
+  75% {
+    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
+    transform: translate3d(0, 10px, 0) scaleY(0.95);
+  }
+  90% {
+    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
+    transform: translate3d(0, -5px, 0) scaleY(0.985);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes bounceInUp {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
+    transform: translate3d(0, 3000px, 0) scaleY(5);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
+    transform: translate3d(0, -20px, 0) scaleY(0.9);
+  }
+  75% {
+    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
+    transform: translate3d(0, 10px, 0) scaleY(0.95);
+  }
+  90% {
+    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
+    transform: translate3d(0, -5px, 0) scaleY(0.985);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__bounceInUp {
+  -webkit-animation-name: bounceInUp;
+  animation-name: bounceInUp;
+}
+@-webkit-keyframes bounceOut {
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+  50%,
+  55% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+}
+@keyframes bounceOut {
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+  50%,
+  55% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+}
+.animate__bounceOut {
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
+  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
+  animation-duration: calc(var(--animate-duration) * 0.75);
+  -webkit-animation-name: bounceOut;
+  animation-name: bounceOut;
+}
+@-webkit-keyframes bounceOutDown {
+  20% {
+    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
+    transform: translate3d(0, 10px, 0) scaleY(0.985);
+  }
+  40%,
+  45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
+    transform: translate3d(0, -20px, 0) scaleY(0.9);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
+    transform: translate3d(0, 2000px, 0) scaleY(3);
+  }
+}
+@keyframes bounceOutDown {
+  20% {
+    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
+    transform: translate3d(0, 10px, 0) scaleY(0.985);
+  }
+  40%,
+  45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
+    transform: translate3d(0, -20px, 0) scaleY(0.9);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
+    transform: translate3d(0, 2000px, 0) scaleY(3);
+  }
+}
+.animate__bounceOutDown {
+  -webkit-animation-name: bounceOutDown;
+  animation-name: bounceOutDown;
+}
+@-webkit-keyframes bounceOutLeft {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
+    transform: translate3d(20px, 0, 0) scaleX(0.9);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
+    transform: translate3d(-2000px, 0, 0) scaleX(2);
+  }
+}
+@keyframes bounceOutLeft {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
+    transform: translate3d(20px, 0, 0) scaleX(0.9);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
+    transform: translate3d(-2000px, 0, 0) scaleX(2);
+  }
+}
+.animate__bounceOutLeft {
+  -webkit-animation-name: bounceOutLeft;
+  animation-name: bounceOutLeft;
+}
+@-webkit-keyframes bounceOutRight {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
+    transform: translate3d(-20px, 0, 0) scaleX(0.9);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
+    transform: translate3d(2000px, 0, 0) scaleX(2);
+  }
+}
+@keyframes bounceOutRight {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
+    transform: translate3d(-20px, 0, 0) scaleX(0.9);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
+    transform: translate3d(2000px, 0, 0) scaleX(2);
+  }
+}
+.animate__bounceOutRight {
+  -webkit-animation-name: bounceOutRight;
+  animation-name: bounceOutRight;
+}
+@-webkit-keyframes bounceOutUp {
+  20% {
+    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
+    transform: translate3d(0, -10px, 0) scaleY(0.985);
+  }
+  40%,
+  45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
+    transform: translate3d(0, 20px, 0) scaleY(0.9);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
+    transform: translate3d(0, -2000px, 0) scaleY(3);
+  }
+}
+@keyframes bounceOutUp {
+  20% {
+    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
+    transform: translate3d(0, -10px, 0) scaleY(0.985);
+  }
+  40%,
+  45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
+    transform: translate3d(0, 20px, 0) scaleY(0.9);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
+    transform: translate3d(0, -2000px, 0) scaleY(3);
+  }
+}
+.animate__bounceOutUp {
+  -webkit-animation-name: bounceOutUp;
+  animation-name: bounceOutUp;
+}
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.animate__fadeIn {
+  -webkit-animation-name: fadeIn;
+  animation-name: fadeIn;
+}
+@-webkit-keyframes fadeInDown {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInDown {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInDown {
+  -webkit-animation-name: fadeInDown;
+  animation-name: fadeInDown;
+}
+@-webkit-keyframes fadeInDownBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInDownBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInDownBig {
+  -webkit-animation-name: fadeInDownBig;
+  animation-name: fadeInDownBig;
+}
+@-webkit-keyframes fadeInLeft {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInLeft {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInLeft {
+  -webkit-animation-name: fadeInLeft;
+  animation-name: fadeInLeft;
+}
+@-webkit-keyframes fadeInLeftBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInLeftBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInLeftBig {
+  -webkit-animation-name: fadeInLeftBig;
+  animation-name: fadeInLeftBig;
+}
+@-webkit-keyframes fadeInRight {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInRight {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInRight {
+  -webkit-animation-name: fadeInRight;
+  animation-name: fadeInRight;
+}
+@-webkit-keyframes fadeInRightBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInRightBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInRightBig {
+  -webkit-animation-name: fadeInRightBig;
+  animation-name: fadeInRightBig;
+}
+@-webkit-keyframes fadeInUp {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInUp {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInUp {
+  -webkit-animation-name: fadeInUp;
+  animation-name: fadeInUp;
+}
+@-webkit-keyframes fadeInUpBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInUpBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInUpBig {
+  -webkit-animation-name: fadeInUpBig;
+  animation-name: fadeInUpBig;
+}
+@-webkit-keyframes fadeInTopLeft {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, -100%, 0);
+    transform: translate3d(-100%, -100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInTopLeft {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, -100%, 0);
+    transform: translate3d(-100%, -100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInTopLeft {
+  -webkit-animation-name: fadeInTopLeft;
+  animation-name: fadeInTopLeft;
+}
+@-webkit-keyframes fadeInTopRight {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, -100%, 0);
+    transform: translate3d(100%, -100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInTopRight {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, -100%, 0);
+    transform: translate3d(100%, -100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInTopRight {
+  -webkit-animation-name: fadeInTopRight;
+  animation-name: fadeInTopRight;
+}
+@-webkit-keyframes fadeInBottomLeft {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 100%, 0);
+    transform: translate3d(-100%, 100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInBottomLeft {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 100%, 0);
+    transform: translate3d(-100%, 100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInBottomLeft {
+  -webkit-animation-name: fadeInBottomLeft;
+  animation-name: fadeInBottomLeft;
+}
+@-webkit-keyframes fadeInBottomRight {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 100%, 0);
+    transform: translate3d(100%, 100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInBottomRight {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 100%, 0);
+    transform: translate3d(100%, 100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInBottomRight {
+  -webkit-animation-name: fadeInBottomRight;
+  animation-name: fadeInBottomRight;
+}
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.animate__fadeOut {
+  -webkit-animation-name: fadeOut;
+  animation-name: fadeOut;
+}
+@-webkit-keyframes fadeOutDown {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+@keyframes fadeOutDown {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+.animate__fadeOutDown {
+  -webkit-animation-name: fadeOutDown;
+  animation-name: fadeOutDown;
+}
+@-webkit-keyframes fadeOutDownBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+@keyframes fadeOutDownBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+.animate__fadeOutDownBig {
+  -webkit-animation-name: fadeOutDownBig;
+  animation-name: fadeOutDownBig;
+}
+@-webkit-keyframes fadeOutLeft {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+@keyframes fadeOutLeft {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+.animate__fadeOutLeft {
+  -webkit-animation-name: fadeOutLeft;
+  animation-name: fadeOutLeft;
+}
+@-webkit-keyframes fadeOutLeftBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+@keyframes fadeOutLeftBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+.animate__fadeOutLeftBig {
+  -webkit-animation-name: fadeOutLeftBig;
+  animation-name: fadeOutLeftBig;
+}
+@-webkit-keyframes fadeOutRight {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+@keyframes fadeOutRight {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+.animate__fadeOutRight {
+  -webkit-animation-name: fadeOutRight;
+  animation-name: fadeOutRight;
+}
+@-webkit-keyframes fadeOutRightBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+@keyframes fadeOutRightBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+.animate__fadeOutRightBig {
+  -webkit-animation-name: fadeOutRightBig;
+  animation-name: fadeOutRightBig;
+}
+@-webkit-keyframes fadeOutUp {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+@keyframes fadeOutUp {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+.animate__fadeOutUp {
+  -webkit-animation-name: fadeOutUp;
+  animation-name: fadeOutUp;
+}
+@-webkit-keyframes fadeOutUpBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+@keyframes fadeOutUpBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+.animate__fadeOutUpBig {
+  -webkit-animation-name: fadeOutUpBig;
+  animation-name: fadeOutUpBig;
+}
+@-webkit-keyframes fadeOutTopLeft {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, -100%, 0);
+    transform: translate3d(-100%, -100%, 0);
+  }
+}
+@keyframes fadeOutTopLeft {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, -100%, 0);
+    transform: translate3d(-100%, -100%, 0);
+  }
+}
+.animate__fadeOutTopLeft {
+  -webkit-animation-name: fadeOutTopLeft;
+  animation-name: fadeOutTopLeft;
+}
+@-webkit-keyframes fadeOutTopRight {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, -100%, 0);
+    transform: translate3d(100%, -100%, 0);
+  }
+}
+@keyframes fadeOutTopRight {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, -100%, 0);
+    transform: translate3d(100%, -100%, 0);
+  }
+}
+.animate__fadeOutTopRight {
+  -webkit-animation-name: fadeOutTopRight;
+  animation-name: fadeOutTopRight;
+}
+@-webkit-keyframes fadeOutBottomRight {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 100%, 0);
+    transform: translate3d(100%, 100%, 0);
+  }
+}
+@keyframes fadeOutBottomRight {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 100%, 0);
+    transform: translate3d(100%, 100%, 0);
+  }
+}
+.animate__fadeOutBottomRight {
+  -webkit-animation-name: fadeOutBottomRight;
+  animation-name: fadeOutBottomRight;
+}
+@-webkit-keyframes fadeOutBottomLeft {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 100%, 0);
+    transform: translate3d(-100%, 100%, 0);
+  }
+}
+@keyframes fadeOutBottomLeft {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 100%, 0);
+    transform: translate3d(-100%, 100%, 0);
+  }
+}
+.animate__fadeOutBottomLeft {
+  -webkit-animation-name: fadeOutBottomLeft;
+  animation-name: fadeOutBottomLeft;
+}
+@-webkit-keyframes flip {
+  0% {
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(0)
+      rotateY(-1turn);
+    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out;
+  }
+  40% {
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
+      rotateY(-190deg);
+    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out;
+  }
+  50% {
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
+      rotateY(-170deg);
+    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+  80% {
+    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
+      translateZ(0) rotateY(0deg);
+    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
+      rotateY(0deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+  to {
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
+    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+}
+@keyframes flip {
+  0% {
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(0)
+      rotateY(-1turn);
+    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out;
+  }
+  40% {
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
+      rotateY(-190deg);
+    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out;
+  }
+  50% {
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
+      rotateY(-170deg);
+    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+  80% {
+    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
+      translateZ(0) rotateY(0deg);
+    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
+      rotateY(0deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+  to {
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
+    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+}
+.animate__animated.animate__flip {
+  -webkit-backface-visibility: visible;
+  backface-visibility: visible;
+  -webkit-animation-name: flip;
+  animation-name: flip;
+}
+@-webkit-keyframes flipInX {
+  0% {
+    -webkit-transform: perspective(400px) rotateX(90deg);
+    transform: perspective(400px) rotateX(90deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+  40% {
+    -webkit-transform: perspective(400px) rotateX(-20deg);
+    transform: perspective(400px) rotateX(-20deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+  60% {
+    -webkit-transform: perspective(400px) rotateX(10deg);
+    transform: perspective(400px) rotateX(10deg);
+    opacity: 1;
+  }
+  80% {
+    -webkit-transform: perspective(400px) rotateX(-5deg);
+    transform: perspective(400px) rotateX(-5deg);
+  }
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+@keyframes flipInX {
+  0% {
+    -webkit-transform: perspective(400px) rotateX(90deg);
+    transform: perspective(400px) rotateX(90deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+  40% {
+    -webkit-transform: perspective(400px) rotateX(-20deg);
+    transform: perspective(400px) rotateX(-20deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+  60% {
+    -webkit-transform: perspective(400px) rotateX(10deg);
+    transform: perspective(400px) rotateX(10deg);
+    opacity: 1;
+  }
+  80% {
+    -webkit-transform: perspective(400px) rotateX(-5deg);
+    transform: perspective(400px) rotateX(-5deg);
+  }
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+.animate__flipInX {
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  -webkit-animation-name: flipInX;
+  animation-name: flipInX;
+}
+@-webkit-keyframes flipInY {
+  0% {
+    -webkit-transform: perspective(400px) rotateY(90deg);
+    transform: perspective(400px) rotateY(90deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+  40% {
+    -webkit-transform: perspective(400px) rotateY(-20deg);
+    transform: perspective(400px) rotateY(-20deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+  60% {
+    -webkit-transform: perspective(400px) rotateY(10deg);
+    transform: perspective(400px) rotateY(10deg);
+    opacity: 1;
+  }
+  80% {
+    -webkit-transform: perspective(400px) rotateY(-5deg);
+    transform: perspective(400px) rotateY(-5deg);
+  }
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+@keyframes flipInY {
+  0% {
+    -webkit-transform: perspective(400px) rotateY(90deg);
+    transform: perspective(400px) rotateY(90deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+  40% {
+    -webkit-transform: perspective(400px) rotateY(-20deg);
+    transform: perspective(400px) rotateY(-20deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+  60% {
+    -webkit-transform: perspective(400px) rotateY(10deg);
+    transform: perspective(400px) rotateY(10deg);
+    opacity: 1;
+  }
+  80% {
+    -webkit-transform: perspective(400px) rotateY(-5deg);
+    transform: perspective(400px) rotateY(-5deg);
+  }
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+.animate__flipInY {
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  -webkit-animation-name: flipInY;
+  animation-name: flipInY;
+}
+@-webkit-keyframes flipOutX {
+  0% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+  30% {
+    -webkit-transform: perspective(400px) rotateX(-20deg);
+    transform: perspective(400px) rotateX(-20deg);
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: perspective(400px) rotateX(90deg);
+    transform: perspective(400px) rotateX(90deg);
+    opacity: 0;
+  }
+}
+@keyframes flipOutX {
+  0% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+  30% {
+    -webkit-transform: perspective(400px) rotateX(-20deg);
+    transform: perspective(400px) rotateX(-20deg);
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: perspective(400px) rotateX(90deg);
+    transform: perspective(400px) rotateX(90deg);
+    opacity: 0;
+  }
+}
+.animate__flipOutX {
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
+  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
+  animation-duration: calc(var(--animate-duration) * 0.75);
+  -webkit-animation-name: flipOutX;
+  animation-name: flipOutX;
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+}
+@-webkit-keyframes flipOutY {
+  0% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+  30% {
+    -webkit-transform: perspective(400px) rotateY(-15deg);
+    transform: perspective(400px) rotateY(-15deg);
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: perspective(400px) rotateY(90deg);
+    transform: perspective(400px) rotateY(90deg);
+    opacity: 0;
+  }
+}
+@keyframes flipOutY {
+  0% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+  30% {
+    -webkit-transform: perspective(400px) rotateY(-15deg);
+    transform: perspective(400px) rotateY(-15deg);
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: perspective(400px) rotateY(90deg);
+    transform: perspective(400px) rotateY(90deg);
+    opacity: 0;
+  }
+}
+.animate__flipOutY {
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
+  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
+  animation-duration: calc(var(--animate-duration) * 0.75);
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  -webkit-animation-name: flipOutY;
+  animation-name: flipOutY;
+}
+@-webkit-keyframes lightSpeedInRight {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+    transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+  60% {
+    -webkit-transform: skewX(20deg);
+    transform: skewX(20deg);
+    opacity: 1;
+  }
+  80% {
+    -webkit-transform: skewX(-5deg);
+    transform: skewX(-5deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes lightSpeedInRight {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+    transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+  60% {
+    -webkit-transform: skewX(20deg);
+    transform: skewX(20deg);
+    opacity: 1;
+  }
+  80% {
+    -webkit-transform: skewX(-5deg);
+    transform: skewX(-5deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__lightSpeedInRight {
+  -webkit-animation-name: lightSpeedInRight;
+  animation-name: lightSpeedInRight;
+  -webkit-animation-timing-function: ease-out;
+  animation-timing-function: ease-out;
+}
+@-webkit-keyframes lightSpeedInLeft {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
+    transform: translate3d(-100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+  60% {
+    -webkit-transform: skewX(-20deg);
+    transform: skewX(-20deg);
+    opacity: 1;
+  }
+  80% {
+    -webkit-transform: skewX(5deg);
+    transform: skewX(5deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes lightSpeedInLeft {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
+    transform: translate3d(-100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+  60% {
+    -webkit-transform: skewX(-20deg);
+    transform: skewX(-20deg);
+    opacity: 1;
+  }
+  80% {
+    -webkit-transform: skewX(5deg);
+    transform: skewX(5deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__lightSpeedInLeft {
+  -webkit-animation-name: lightSpeedInLeft;
+  animation-name: lightSpeedInLeft;
+  -webkit-animation-timing-function: ease-out;
+  animation-timing-function: ease-out;
+}
+@-webkit-keyframes lightSpeedOutRight {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+}
+@keyframes lightSpeedOutRight {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+}
+.animate__lightSpeedOutRight {
+  -webkit-animation-name: lightSpeedOutRight;
+  animation-name: lightSpeedOutRight;
+  -webkit-animation-timing-function: ease-in;
+  animation-timing-function: ease-in;
+}
+@-webkit-keyframes lightSpeedOutLeft {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
+    transform: translate3d(-100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+}
+@keyframes lightSpeedOutLeft {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
+    transform: translate3d(-100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+}
+.animate__lightSpeedOutLeft {
+  -webkit-animation-name: lightSpeedOutLeft;
+  animation-name: lightSpeedOutLeft;
+  -webkit-animation-timing-function: ease-in;
+  animation-timing-function: ease-in;
+}
+@-webkit-keyframes rotateIn {
+  0% {
+    -webkit-transform: rotate(-200deg);
+    transform: rotate(-200deg);
+    opacity: 0;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    opacity: 1;
+  }
+}
+@keyframes rotateIn {
+  0% {
+    -webkit-transform: rotate(-200deg);
+    transform: rotate(-200deg);
+    opacity: 0;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    opacity: 1;
+  }
+}
+.animate__rotateIn {
+  -webkit-animation-name: rotateIn;
+  animation-name: rotateIn;
+  -webkit-transform-origin: center;
+  transform-origin: center;
+}
+@-webkit-keyframes rotateInDownLeft {
+  0% {
+    -webkit-transform: rotate(-45deg);
+    transform: rotate(-45deg);
+    opacity: 0;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    opacity: 1;
+  }
+}
+@keyframes rotateInDownLeft {
+  0% {
+    -webkit-transform: rotate(-45deg);
+    transform: rotate(-45deg);
+    opacity: 0;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    opacity: 1;
+  }
+}
+.animate__rotateInDownLeft {
+  -webkit-animation-name: rotateInDownLeft;
+  animation-name: rotateInDownLeft;
+  -webkit-transform-origin: left bottom;
+  transform-origin: left bottom;
+}
+@-webkit-keyframes rotateInDownRight {
+  0% {
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+    opacity: 0;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    opacity: 1;
+  }
+}
+@keyframes rotateInDownRight {
+  0% {
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+    opacity: 0;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    opacity: 1;
+  }
+}
+.animate__rotateInDownRight {
+  -webkit-animation-name: rotateInDownRight;
+  animation-name: rotateInDownRight;
+  -webkit-transform-origin: right bottom;
+  transform-origin: right bottom;
+}
+@-webkit-keyframes rotateInUpLeft {
+  0% {
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+    opacity: 0;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    opacity: 1;
+  }
+}
+@keyframes rotateInUpLeft {
+  0% {
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+    opacity: 0;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    opacity: 1;
+  }
+}
+.animate__rotateInUpLeft {
+  -webkit-animation-name: rotateInUpLeft;
+  animation-name: rotateInUpLeft;
+  -webkit-transform-origin: left bottom;
+  transform-origin: left bottom;
+}
+@-webkit-keyframes rotateInUpRight {
+  0% {
+    -webkit-transform: rotate(-90deg);
+    transform: rotate(-90deg);
+    opacity: 0;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    opacity: 1;
+  }
+}
+@keyframes rotateInUpRight {
+  0% {
+    -webkit-transform: rotate(-90deg);
+    transform: rotate(-90deg);
+    opacity: 0;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    opacity: 1;
+  }
+}
+.animate__rotateInUpRight {
+  -webkit-animation-name: rotateInUpRight;
+  animation-name: rotateInUpRight;
+  -webkit-transform-origin: right bottom;
+  transform-origin: right bottom;
+}
+@-webkit-keyframes rotateOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: rotate(200deg);
+    transform: rotate(200deg);
+    opacity: 0;
+  }
+}
+@keyframes rotateOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: rotate(200deg);
+    transform: rotate(200deg);
+    opacity: 0;
+  }
+}
+.animate__rotateOut {
+  -webkit-animation-name: rotateOut;
+  animation-name: rotateOut;
+  -webkit-transform-origin: center;
+  transform-origin: center;
+}
+@-webkit-keyframes rotateOutDownLeft {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+    opacity: 0;
+  }
+}
+@keyframes rotateOutDownLeft {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+    opacity: 0;
+  }
+}
+.animate__rotateOutDownLeft {
+  -webkit-animation-name: rotateOutDownLeft;
+  animation-name: rotateOutDownLeft;
+  -webkit-transform-origin: left bottom;
+  transform-origin: left bottom;
+}
+@-webkit-keyframes rotateOutDownRight {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: rotate(-45deg);
+    transform: rotate(-45deg);
+    opacity: 0;
+  }
+}
+@keyframes rotateOutDownRight {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: rotate(-45deg);
+    transform: rotate(-45deg);
+    opacity: 0;
+  }
+}
+.animate__rotateOutDownRight {
+  -webkit-animation-name: rotateOutDownRight;
+  animation-name: rotateOutDownRight;
+  -webkit-transform-origin: right bottom;
+  transform-origin: right bottom;
+}
+@-webkit-keyframes rotateOutUpLeft {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: rotate(-45deg);
+    transform: rotate(-45deg);
+    opacity: 0;
+  }
+}
+@keyframes rotateOutUpLeft {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: rotate(-45deg);
+    transform: rotate(-45deg);
+    opacity: 0;
+  }
+}
+.animate__rotateOutUpLeft {
+  -webkit-animation-name: rotateOutUpLeft;
+  animation-name: rotateOutUpLeft;
+  -webkit-transform-origin: left bottom;
+  transform-origin: left bottom;
+}
+@-webkit-keyframes rotateOutUpRight {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: rotate(90deg);
+    transform: rotate(90deg);
+    opacity: 0;
+  }
+}
+@keyframes rotateOutUpRight {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: rotate(90deg);
+    transform: rotate(90deg);
+    opacity: 0;
+  }
+}
+.animate__rotateOutUpRight {
+  -webkit-animation-name: rotateOutUpRight;
+  animation-name: rotateOutUpRight;
+  -webkit-transform-origin: right bottom;
+  transform-origin: right bottom;
+}
+@-webkit-keyframes hinge {
+  0% {
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+  }
+  20%,
+  60% {
+    -webkit-transform: rotate(80deg);
+    transform: rotate(80deg);
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+  }
+  40%,
+  80% {
+    -webkit-transform: rotate(60deg);
+    transform: rotate(60deg);
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, 700px, 0);
+    transform: translate3d(0, 700px, 0);
+    opacity: 0;
+  }
+}
+@keyframes hinge {
+  0% {
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+  }
+  20%,
+  60% {
+    -webkit-transform: rotate(80deg);
+    transform: rotate(80deg);
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+  }
+  40%,
+  80% {
+    -webkit-transform: rotate(60deg);
+    transform: rotate(60deg);
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, 700px, 0);
+    transform: translate3d(0, 700px, 0);
+    opacity: 0;
+  }
+}
+.animate__hinge {
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
+  -webkit-animation-duration: calc(var(--animate-duration) * 2);
+  animation-duration: calc(var(--animate-duration) * 2);
+  -webkit-animation-name: hinge;
+  animation-name: hinge;
+  -webkit-transform-origin: top left;
+  transform-origin: top left;
+}
+@-webkit-keyframes jackInTheBox {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.1) rotate(30deg);
+    transform: scale(0.1) rotate(30deg);
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom;
+  }
+  50% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+  70% {
+    -webkit-transform: rotate(3deg);
+    transform: rotate(3deg);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+@keyframes jackInTheBox {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.1) rotate(30deg);
+    transform: scale(0.1) rotate(30deg);
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom;
+  }
+  50% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+  70% {
+    -webkit-transform: rotate(3deg);
+    transform: rotate(3deg);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+.animate__jackInTheBox {
+  -webkit-animation-name: jackInTheBox;
+  animation-name: jackInTheBox;
+}
+@-webkit-keyframes rollIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
+    transform: translate3d(-100%, 0, 0) rotate(-120deg);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes rollIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
+    transform: translate3d(-100%, 0, 0) rotate(-120deg);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__rollIn {
+  -webkit-animation-name: rollIn;
+  animation-name: rollIn;
+}
+@-webkit-keyframes rollOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
+    transform: translate3d(100%, 0, 0) rotate(120deg);
+  }
+}
+@keyframes rollOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
+    transform: translate3d(100%, 0, 0) rotate(120deg);
+  }
+}
+.animate__rollOut {
+  -webkit-animation-name: rollOut;
+  animation-name: rollOut;
+}
+@-webkit-keyframes zoomIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  50% {
+    opacity: 1;
+  }
+}
+@keyframes zoomIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  50% {
+    opacity: 1;
+  }
+}
+.animate__zoomIn {
+  -webkit-animation-name: zoomIn;
+  animation-name: zoomIn;
+}
+@-webkit-keyframes zoomInDown {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+@keyframes zoomInDown {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomInDown {
+  -webkit-animation-name: zoomInDown;
+  animation-name: zoomInDown;
+}
+@-webkit-keyframes zoomInLeft {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+@keyframes zoomInLeft {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomInLeft {
+  -webkit-animation-name: zoomInLeft;
+  animation-name: zoomInLeft;
+}
+@-webkit-keyframes zoomInRight {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+@keyframes zoomInRight {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomInRight {
+  -webkit-animation-name: zoomInRight;
+  animation-name: zoomInRight;
+}
+@-webkit-keyframes zoomInUp {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+@keyframes zoomInUp {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomInUp {
+  -webkit-animation-name: zoomInUp;
+  animation-name: zoomInUp;
+}
+@-webkit-keyframes zoomOut {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes zoomOut {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 0;
+  }
+}
+.animate__zoomOut {
+  -webkit-animation-name: zoomOut;
+  animation-name: zoomOut;
+}
+@-webkit-keyframes zoomOutDown {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+@keyframes zoomOutDown {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomOutDown {
+  -webkit-animation-name: zoomOutDown;
+  animation-name: zoomOutDown;
+  -webkit-transform-origin: center bottom;
+  transform-origin: center bottom;
+}
+@-webkit-keyframes zoomOutLeft {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
+    transform: scale(0.1) translate3d(-2000px, 0, 0);
+  }
+}
+@keyframes zoomOutLeft {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
+    transform: scale(0.1) translate3d(-2000px, 0, 0);
+  }
+}
+.animate__zoomOutLeft {
+  -webkit-animation-name: zoomOutLeft;
+  animation-name: zoomOutLeft;
+  -webkit-transform-origin: left center;
+  transform-origin: left center;
+}
+@-webkit-keyframes zoomOutRight {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
+    transform: scale(0.1) translate3d(2000px, 0, 0);
+  }
+}
+@keyframes zoomOutRight {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
+    transform: scale(0.1) translate3d(2000px, 0, 0);
+  }
+}
+.animate__zoomOutRight {
+  -webkit-animation-name: zoomOutRight;
+  animation-name: zoomOutRight;
+  -webkit-transform-origin: right center;
+  transform-origin: right center;
+}
+@-webkit-keyframes zoomOutUp {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+@keyframes zoomOutUp {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomOutUp {
+  -webkit-animation-name: zoomOutUp;
+  animation-name: zoomOutUp;
+  -webkit-transform-origin: center bottom;
+  transform-origin: center bottom;
+}
+@-webkit-keyframes slideInDown {
+  0% {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes slideInDown {
+  0% {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__slideInDown {
+  -webkit-animation-name: slideInDown;
+  animation-name: slideInDown;
+}
+@-webkit-keyframes slideInLeft {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes slideInLeft {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__slideInLeft {
+  -webkit-animation-name: slideInLeft;
+  animation-name: slideInLeft;
+}
+@-webkit-keyframes slideInRight {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes slideInRight {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__slideInRight {
+  -webkit-animation-name: slideInRight;
+  animation-name: slideInRight;
+}
+@-webkit-keyframes slideInUp {
+  0% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes slideInUp {
+  0% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.animate__slideInUp {
+  -webkit-animation-name: slideInUp;
+  animation-name: slideInUp;
+}
+@-webkit-keyframes slideOutDown {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+@keyframes slideOutDown {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+.animate__slideOutDown {
+  -webkit-animation-name: slideOutDown;
+  animation-name: slideOutDown;
+}
+@-webkit-keyframes slideOutLeft {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+@keyframes slideOutLeft {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+.animate__slideOutLeft {
+  -webkit-animation-name: slideOutLeft;
+  animation-name: slideOutLeft;
+}
+@-webkit-keyframes slideOutRight {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+@keyframes slideOutRight {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+.animate__slideOutRight {
+  -webkit-animation-name: slideOutRight;
+  animation-name: slideOutRight;
+}
+@-webkit-keyframes slideOutUp {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+@keyframes slideOutUp {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+.animate__slideOutUp {
+  -webkit-animation-name: slideOutUp;
+  animation-name: slideOutUp;
+}
diff --git a/resources/css/app.css b/resources/css/app.css
index 0de2120776c4ead60c7454d60ba3800c8af02011..856c56ea1a3868aab5b29011c056a6c4b8cbfdc3 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -1,7 +1,677 @@
+/* perfect scrollbar */
+@import 'perfect-scrollbar.min.css';
+
+/* animate.css */
+@import 'animate.css';
+
+/* quill editor */
+@import 'quill-editor.css';
+
+/* full calendar */
+@import 'fullcalendar.css';
+
+/* swiper */
+@import 'swiper.css';
+
+/* sweetalert */
+@import 'sweetalert.css';
+
+/* tippy */
+@import 'tippy.css';
+
+/* noUi-slider */
+@import 'noui-slider.css';
+
+/* flatpickr */
+@import 'flatpickr.css';
+
+/* file upload with preview */
+@import 'file-upload-preview.css';
+
+/* markdown-editor */
+@import 'markdown-editor.css';
+
+/* select2 */
+@import 'select2.css';
+
+/* scrumboard */
+@import 'scrumboard.css';
+
+/* simple-datatable */
+@import 'simple-datatables.css';
+
+/* dragndrop */
+@import 'dragndrop.css';
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
-[x-cloak] {
-    display: none;
+@layer components {
+    html {
+        @apply scroll-smooth;
+    }
+
+    [x-cloak] {
+        display: none !important;
+    }
+
+    body {
+        @apply bg-[#fafafa] font-nunito;
+    }
+
+    body.dark {
+        @apply bg-[#060818];
+    }
+
+    /* Panel */
+    .panel {
+        @apply relative rounded-md bg-white p-5 shadow dark:bg-[#0e1726];
+    }
+
+    /* Navbar */
+    .navbar-sticky header,
+    .navbar-floating header {
+        @apply sticky top-0 z-20;
+    }
+    .navbar-floating header {
+        @apply bg-[#fafafa]/90 px-6 pt-4 dark:bg-[#060818]/90;
+    }
+    .navbar-floating header > div > div:first-child {
+        @apply rounded-md;
+    }
+    .horizontal .navbar-floating header > div > div:first-child {
+        @apply rounded-b-none;
+    }
+    .horizontal .navbar-floating header .horizontal-menu {
+        @apply rounded-b-md;
+    }
+
+    /* Sidebar */
+    .sidebar:hover .nav-item > a {
+        @apply w-auto;
+    }
+
+    .sidebar .nav-item > button,
+    .sidebar .nav-item > a {
+        @apply mb-1 flex w-full items-center justify-between overflow-hidden whitespace-nowrap rounded-md p-2.5 text-[#506690] hover:bg-[#000]/[0.08] hover:text-black dark:hover:bg-[#181f32] dark:hover:text-white-dark;
+    }
+    .sidebar .nav-item > button.active,
+    .sidebar .nav-item > a.active {
+        @apply bg-[#000]/[0.08] text-black dark:bg-[#181f32] dark:text-white-dark;
+    }
+
+    .sidebar .nav-item > button.active > div > span,
+    .sidebar .nav-item > a.active > div > span {
+        @apply dark:!text-white-dark;
+    }
+
+    .sidebar ul.sub-menu li button,
+    .sidebar ul.sub-menu li a {
+        @apply flex w-full items-center px-9 py-2.5 before:h-0.5 before:w-2 before:rounded before:bg-gray-300 hover:bg-gray-100
+hover:text-primary hover:before:!bg-primary ltr:before:mr-2 rtl:before:ml-2 dark:before:bg-gray-500 dark:hover:bg-gray-900 dark:hover:text-primary;
+    }
+    .sidebar ul.sub-menu li button.active,
+    .sidebar ul.sub-menu li a.active {
+        @apply text-primary before:bg-primary;
+    }
+
+    .sidebar .nav-item a div:first-child svg,
+    .sidebar .nav-item button div:first-child svg {
+        @apply h-5 w-5 text-black/50 dark:text-white/50;
+    }
+
+    .main-container .main-content {
+        @apply transition-all duration-300 lg:ltr:ml-[260px] lg:rtl:mr-[260px];
+    }
+
+    /* Horizontal layouts */
+    .horizontal .horizontal-menu {
+        @apply hidden shadow-md lg:flex;
+    }
+    .horizontal .horizontal-logo {
+        @apply flex;
+    }
+    .horizontal .main-container .main-content {
+        @apply ltr:ml-0 rtl:mr-0;
+    }
+    .horizontal .sidebar {
+        @apply ltr:-left-[260px] rtl:-right-[260px];
+    }
+    .horizontal.toggle-sidebar .sidebar {
+        @apply ltr:left-0 rtl:right-0 lg:ltr:-left-[260px] lg:rtl:-right-[260px];
+    }
+
+    .horizontal .nav-item a div:first-child svg {
+        @apply h-5 w-5 text-black/50 dark:text-white/50;
+    }
+
+    .horizontal .dark .nav-item a div:first-child svg,
+    .dark.horizontal .nav-item a div:first-child svg {
+        @apply text-white/50;
+    }
+
+    .horizontal-menu .nav-link {
+        @apply flex items-center rounded-lg py-2.5 px-2 hover:bg-[#000]/[0.08] hover:text-black dark:hover:bg-[#181f32] dark:hover:text-white-dark xl:px-4;
+    }
+
+    .horizontal-menu .nav-link.active {
+        @apply bg-[#000]/[0.08] text-black dark:bg-[#181f32] dark:text-white-dark;
+    }
+
+    .horizontal-menu ul.sub-menu {
+        @apply absolute top-full z-20 hidden min-w-[180px] rounded bg-white p-0 py-2 text-dark shadow dark:bg-[#1b2e4b] dark:text-white-dark;
+    }
+
+    .horizontal-menu ul.sub-menu a {
+        @apply flex items-center justify-between px-4 py-2 hover:bg-gray-100 hover:text-primary dark:hover:bg-primary/10;
+    }
+
+    .horizontal-menu ul.sub-menu a.active {
+        @apply bg-gray-100 text-primary dark:bg-primary/10;
+    }
+
+    .horizontal-menu > li.nav-item:hover > ul.sub-menu,
+    .horizontal-menu > li.nav-item > ul.sub-menu > li:hover > ul {
+        @apply block;
+    }
+
+    /* Vertical layouts */
+    .vertical.toggle-sidebar .horizontal-logo,
+    .vertical.toggle-sidebar .collapse-icon {
+        @apply flex;
+    }
+    .vertical.toggle-sidebar .main-container .main-content {
+        @apply ltr:ml-0 rtl:mr-0;
+    }
+    .vertical .sidebar {
+        @apply ltr:-left-[260px] rtl:-right-[260px] lg:ltr:left-0 lg:rtl:right-0;
+    }
+    .vertical.toggle-sidebar .sidebar {
+        @apply ltr:left-0 rtl:right-0 lg:ltr:-left-[260px] lg:rtl:-right-[260px];
+    }
+
+    /* Collapsible vertical layouts */
+    .collapsible-vertical .sidebar {
+        @apply hover:w-[260px] ltr:-left-[260px] rtl:-right-[260px] lg:w-[70px] lg:ltr:left-0 lg:rtl:right-0;
+    }
+    .collapsible-vertical.toggle-sidebar .sidebar {
+        @apply ltr:left-0 rtl:right-0;
+    }
+    .collapsible-vertical.toggle-sidebar .sidebar {
+        @apply lg:w-[260px];
+    }
+    .collapsible-vertical.toggle-sidebar .sidebar .nav-item > a {
+        @apply w-auto;
+    }
+    .collapsible-vertical.toggle-sidebar .main-content {
+        @apply lg:w-[calc(100%-260px)] lg:ltr:ml-[260px] lg:rtl:mr-[260px];
+    }
+
+    .collapsible-vertical .sidebar .sub-menu {
+        @apply lg:hidden;
+    }
+    .collapsible-vertical .sidebar:hover .sub-menu,
+    .collapsible-vertical .sidebar:hover .sub-menu.recent-submenu,
+    .collapsible-vertical.toggle-sidebar .sidebar .sub-menu {
+        @apply block;
+    }
+    .collapsible-vertical .main-content {
+        @apply lg:w-[calc(100%-70px)] lg:ltr:ml-[70px] lg:rtl:mr-[70px];
+    }
+    .collapsible-vertical .sidebar .collapse-icon,
+    .collapsible-vertical .main-logo > span {
+        @apply transition-opacity duration-300 lg:opacity-0;
+    }
+    .collapsible-vertical .sidebar:hover .collapse-icon,
+    .collapsible-vertical.toggle-sidebar .collapse-icon,
+    .collapsible-vertical .sidebar:hover .main-logo > span,
+    .collapsible-vertical.toggle-sidebar .main-logo > span {
+        @apply duration-500 lg:opacity-100;
+    }
+    .collapsible-vertical.toggle-sidebar .sidebar .collapse-icon {
+        @apply flex rotate-0;
+    }
+    .collapsible-vertical .sidebar:hover .collapse-icon {
+        @apply flex rotate-180;
+    }
+    .collapsible-vertical .sidebar ul > h2 span {
+        @apply hidden whitespace-nowrap;
+    }
+    .collapsible-vertical .sidebar ul > h2 svg {
+        @apply block;
+    }
+    .collapsible-vertical .sidebar:hover ul > h2 span,
+    .collapsible-vertical.toggle-sidebar .sidebar ul > h2 span {
+        @apply inline;
+    }
+    .collapsible-vertical .sidebar:hover ul > h2 svg,
+    .collapsible-vertical.toggle-sidebar .sidebar ul > h2 svg {
+        @apply hidden;
+    }
+
+    /* boxed-layout */
+    .boxed-layout {
+        @apply mx-auto max-w-[1400px];
+    }
+
+    .boxed-layout.vertical .sidebar,
+    .boxed-layout.collapsible-vertical .sidebar {
+        @apply overflow-hidden lg:ltr:left-auto lg:rtl:right-auto;
+    }
+
+    .boxed-layout.vertical.toggle-sidebar .sidebar {
+        @apply lg:w-0;
+    }
+
+    /* Buttons */
+    .btn {
+        @apply relative flex items-center justify-center rounded-md border px-5 py-2 text-sm font-semibold shadow-[0_10px_20px_-10px] outline-none transition duration-300 hover:shadow-none;
+    }
+    .btn-lg {
+        @apply px-7 py-2.5 text-base;
+    }
+    .btn-sm {
+        @apply px-2.5 py-1.5 text-xs;
+    }
+    .btn[disabled] {
+        @apply cursor-not-allowed opacity-60;
+    }
+
+    .btn-primary {
+        @apply border-primary bg-primary text-white shadow-primary/60;
+    }
+    .btn-outline-primary {
+        @apply border-primary text-primary shadow-none hover:bg-primary hover:text-white;
+    }
+
+    .btn-secondary {
+        @apply border-secondary bg-secondary text-white shadow-secondary/60;
+    }
+    .btn-outline-secondary {
+        @apply border-secondary text-secondary shadow-none hover:bg-secondary hover:text-white;
+    }
+
+    .btn-success {
+        @apply border-success bg-success text-white shadow-success/60;
+    }
+    .btn-outline-success {
+        @apply border-success text-success shadow-none hover:bg-success hover:text-white;
+    }
+
+    .btn-danger {
+        @apply border-danger bg-danger text-white shadow-danger/60;
+    }
+    .btn-outline-danger {
+        @apply border-danger text-danger shadow-none hover:bg-danger hover:text-white;
+    }
+
+    .btn-warning {
+        @apply border-warning bg-warning text-white shadow-warning/60;
+    }
+    .btn-outline-warning {
+        @apply border-warning text-warning shadow-none hover:bg-warning hover:text-white;
+    }
+
+    .btn-info {
+        @apply border-info bg-info text-white shadow-info/60;
+    }
+    .btn-outline-info {
+        @apply border-info text-info shadow-none hover:bg-info hover:text-white;
+    }
+
+    .btn-dark {
+        @apply border-dark bg-dark text-white shadow-dark/60;
+    }
+
+    .btn-outline-dark {
+        @apply border-dark text-dark shadow-none hover:bg-dark hover:text-white;
+    }
+
+    .btn-gradient {
+        @apply bg-gradient-to-r from-[#EF1262] to-[#4361EE] hover:to-[#EF1262] hover:from-[#4361EE] text-white;
+    }
+
+    /* Badge */
+    .badge {
+        @apply relative my-1 rounded border border-transparent px-2 py-0.5 text-xs font-semibold text-white;
+    }
+    .badge-outline-primary {
+        @apply border-primary text-primary hover:bg-primary-light dark:hover:bg-primary dark:hover:text-white-light;
+    }
+    .badge-outline-secondary {
+        @apply border-secondary text-secondary hover:bg-secondary-light dark:hover:bg-secondary dark:hover:text-white-light;
+    }
+    .badge-outline-success {
+        @apply border-success text-success hover:bg-success-light dark:hover:bg-success dark:hover:text-white-light;
+    }
+    .badge-outline-danger {
+        @apply border-danger text-danger hover:bg-danger-light dark:hover:bg-danger dark:hover:text-white-light;
+    }
+    .badge-outline-warning {
+        @apply border-warning text-warning hover:bg-warning-light dark:hover:bg-warning dark:hover:text-white-light;
+    }
+    .badge-outline-info {
+        @apply border-info text-info hover:bg-info-light dark:hover:bg-info dark:hover:text-white-light;
+    }
+    .badge-outline-dark {
+        @apply border-dark text-dark hover:bg-dark-light dark:hover:bg-dark dark:hover:text-white-light;
+    }
+
+    /* Form */
+    .form-input,
+    .form-textarea,
+    .form-select,
+    .form-multiselect {
+        @apply w-full rounded-md border border-[#e0e6ed] bg-white px-4 py-2 text-sm font-semibold text-black !outline-none focus:border-primary focus:ring-transparent dark:border-[#17263c] dark:bg-[#121e32] dark:text-white-dark dark:focus:border-primary;
+    }
+
+    .form-input-lg,
+    .form-textarea-lg,
+    .form-select-lg,
+    .form-multiselect-lg {
+        @apply py-2.5 text-base;
+    }
+    .form-input-sm,
+    .form-textarea-sm,
+    .form-select-sm,
+    .form-multiselect-sm {
+        @apply py-1.5 text-xs;
+    }
+    label {
+        @apply mb-1.5 block font-semibold;
+    }
+    [dir='rtl'] select {
+        background-position: left 0.5rem center;
+    }
+
+    .has-error .form-input,
+    .has-error .form-textarea,
+    .has-error .form-select,
+    .has-error .form-multiselect,
+    .has-error .multiselect__tags {
+        @apply border-danger bg-danger/[0.08] text-danger placeholder-danger/70 focus:border-danger;
+    }
+    .has-error .form-label,
+    .has-error .form-help,
+    .has-error .form-icon,
+    .has-error .multiselect__placeholder {
+        @apply text-danger;
+    }
+    .has-error .multiselect__input {
+        @apply bg-[#F7ECF0] !placeholder-danger/70;
+    }
+    .has-error .multiselect__tags:hover,
+    .has-error .form-checkbox {
+        @apply border-danger;
+    }
+
+    .has-success .form-input,
+    .has-success .form-textarea,
+    .has-success .form-select,
+    .has-success .form-multiselect,
+    .has-success .multiselect__tags {
+        @apply border-success bg-success/[0.08] text-success placeholder-success/70 focus:border-success;
+    }
+    .has-success .form-label,
+    .has-success .form-help,
+    .has-success .form-icon,
+    .has-success .multiselect__placeholder {
+        @apply text-success;
+    }
+    .has-success .multiselect__input {
+        @apply bg-[#F7ECF0] !placeholder-success/70;
+    }
+    .has-success .multiselect__tags:hover {
+        @apply border-success;
+    }
+
+    /* checkbox & radio */
+    .form-radio,
+    .form-checkbox {
+        @apply h-5 w-5 cursor-pointer rounded border-2 border-[#e0e6ed] bg-transparent text-primary !shadow-none !outline-none !ring-0 !ring-offset-0 checked:bg-[length:90%_90%] disabled:cursor-not-allowed disabled:bg-[#eee] ltr:mr-1.5 rtl:ml-1.5
+      dark:border-[#253b5c] dark:checked:border-transparent dark:disabled:bg-[#1b2e4b];
+    }
+
+    .form-checkbox.outline-primary:checked {
+        @apply border-primary bg-transparent;
+        background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%234361ee' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>");
+    }
+    .form-checkbox.outline-secondary:checked {
+        @apply border-secondary bg-transparent;
+        background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23805dca' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>");
+    }
+    .form-checkbox.outline-success:checked {
+        @apply border-success bg-transparent;
+        background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%2300ab55' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>");
+    }
+    .form-checkbox.outline-danger:checked {
+        @apply border-danger bg-transparent;
+        background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23e7515a' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>");
+    }
+    .form-checkbox.outline-warning:checked {
+        @apply border-warning bg-transparent;
+        background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23e2a03f' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>");
+    }
+    .form-checkbox.outline-info:checked {
+        @apply border-info bg-transparent;
+        background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%232196f3' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>");
+    }
+    .form-checkbox.outline-dark:checked {
+        @apply border-dark bg-transparent;
+        background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%233b3f5c' xmlns='http://www.w3.org/2000/svg'><path d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/></svg>");
+    }
+
+    .form-radio {
+        @apply rounded-full;
+    }
+
+    .form-radio.outline-primary:checked {
+        @apply border-primary bg-transparent bg-none;
+    }
+    .form-radio.outline-secondary:checked {
+        @apply border-secondary bg-transparent bg-none;
+    }
+    .form-radio.outline-success:checked {
+        @apply border-success bg-transparent bg-none;
+    }
+    .form-radio.outline-danger:checked {
+        @apply border-danger bg-transparent bg-none;
+    }
+    .form-radio.outline-warning:checked {
+        @apply border-warning bg-transparent bg-none;
+    }
+    .form-radio.outline-info:checked {
+        @apply border-info bg-transparent bg-none;
+    }
+    .form-radio.outline-dark:checked {
+        @apply border-dark bg-transparent bg-none;
+    }
+
+    /* dropdown */
+    .dropdown {
+        @apply relative;
+    }
+    .dropdown > button {
+        @apply flex;
+    }
+    .dropdown ul {
+        @apply absolute z-10 mt-1 min-w-[120px] rounded bg-white p-0 py-2 text-black shadow dark:bg-[#1b2e4b] dark:text-white-dark;
+        /* @apply my-1 min-w-[120px] rounded bg-white p-0 py-2 shadow dark:bg-[#1b2e4b]; */
+    }
+    .dropdown ul li > a,
+    .dropdown ul li > button {
+        @apply flex items-center px-4 py-2 hover:bg-primary/10 hover:text-primary;
+    }
+
+    .dropdown ul li > button {
+        @apply w-full;
+    }
+
+    /* tables */
+    .table-responsive {
+        @apply overflow-auto;
+    }
+    table {
+        @apply w-full !border-collapse;
+    }
+    table thead tr,
+    table tfoot tr {
+        @apply border-b-0 !bg-[#f6f8fa]  dark:!bg-[#1a2941];
+    }
+    table thead tr th,
+    table tfoot tr th,
+    table tbody tr td {
+        @apply py-3 px-4 ltr:text-left rtl:text-right;
+    }
+    table thead tr th,
+    table tfoot tr th {
+        @apply font-semibold;
+    }
+    table tbody tr {
+        @apply border-b !border-white-light/40 dark:!border-[#191e3a];
+    }
+    table.table-hover tbody tr {
+        @apply hover:!bg-white-light/20 dark:hover:!bg-[#1a2941]/40;
+    }
+    table.table-striped tbody tr:nth-child(odd) {
+        @apply !bg-white-light/20 dark:!bg-[#1a2941]/40;
+    }
+
+    table.dataTable-table tbody tr th,
+    table.dataTable-table tbody tr td {
+        @apply border-b border-white-light/40 py-3 px-4 ltr:text-left rtl:text-right dark:border-[#191e3a];
+    }
+    table.dataTable-table tbody tr:last-child td {
+        @apply border-b-0;
+    }
+
+    /* code hightlight */
+    pre {
+        direction: ltr;
+    }
+}
+
+/* perfect scrollbar */
+.ps__rail-y > .ps__thumb-y,
+.ps__rail-y > .ps__thumb-y {
+    @apply !w-1.5 !bg-[#DDDDDD] dark:!bg-[#2d334c];
+}
+.ps .ps__rail-x:hover,
+.ps .ps__rail-y:hover,
+.ps .ps__rail-x:focus,
+.ps .ps__rail-y:focus,
+.ps .ps__rail-x.ps--clicking,
+.ps .ps__rail-y.ps--clicking {
+    @apply !opacity-60;
+}
+.ps .ps__rail-x:hover,
+.ps .ps__rail-y:hover,
+.ps .ps__rail-x:focus,
+.ps .ps__rail-y:focus,
+.ps .ps__rail-x.ps--clicking,
+.ps .ps__rail-y.ps--clicking {
+    @apply !bg-transparent;
+}
+
+/* swal2 */
+.swal2-container .swal2-close {
+    @apply text-white hover:text-dark-light focus:shadow-none;
+}
+
+.swal2-container .swal2-popup.swal2-toast {
+    @apply bg-dark py-2.5 px-5;
+}
+
+.swal2-popup.swal2-toast .swal2-title,
+.swal2-container .swal2-popup.swal2-toast .swal2-html-container {
+    @apply text-white;
+}
+.swal2-container .swal2-popup.swal2-toast.color-primary {
+    @apply bg-primary;
+}
+
+.swal2-container .swal2-popup.swal2-toast.color-secondary {
+    @apply bg-secondary;
+}
+
+.swal2-container .swal2-popup.swal2-toast.color-warning {
+    @apply bg-warning;
+}
+.swal2-container .swal2-popup.swal2-toast.color-info {
+    @apply bg-info;
+}
+.swal2-container .swal2-popup.swal2-toast.color-danger {
+    @apply bg-danger;
+}
+.swal2-container .swal2-popup.swal2-toast.color-success {
+    @apply bg-success;
+}
+
+/* apex chart */
+.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light,
+.apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-theme-light {
+    box-shadow: none;
+    @apply border-[#050717cc] bg-[#050717cc] text-white;
+}
+
+.apexcharts-canvas .apexcharts-xaxistooltip-bottom:before,
+.apexcharts-canvas .apexcharts-xaxistooltip-bottom:after {
+    @apply border-b-[#050717cc];
+}
+
+.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active {
+    @apply text-white;
+}
+
+.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
+    @apply border-dark bg-[#060818];
+}
+
+.apexcharts-legend-series {
+    @apply ltr:!mr-2 rtl:!ml-2;
+}
+
+.dark .apexcharts-title-text {
+    fill: #e0e6ed;
+}
+
+.dark .apexcharts-canvas .apexcharts-text.apexcharts-xaxis-label,
+.dark .apexcharts-canvas .apexcharts-text.apexcharts-yaxis-label {
+    fill: #e0e6ed;
+}
+
+.dark .apexcharts-canvas .apexcharts-text,
+.dark .apexcharts-canvas .apexcharts-text {
+    fill: #e0e6ed;
+}
+
+.dark .apexcharts-canvas .apexcharts-legend-text {
+    color: #e0e6ed !important;
+}
+
+.dark .apexcharts-canvas .apexcharts-radialbar-track.apexcharts-track .apexcharts-radialbar-area {
+    stroke: #191e3a;
+}
+.dark .apexcharts-canvas .apexcharts-series-markers.apexcharts-series-bubble .apexcharts-marker {
+    stroke: #191e3a;
+}
+
+.dark .apexcharts-canvas .apexcharts-pie-label,
+.dark .apexcharts-canvas .apexcharts-datalabel,
+.dark .apexcharts-canvas .apexcharts-datalabel-label,
+.dark .apexcharts-canvas .apexcharts-datalabel-value {
+    fill: #bfc9d4;
+}
+
+.dark .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark {
+    box-shadow: none;
+}
+
+.apexcharts-canvas .apexcharts-legend-marker {
+    @apply ltr:!mr-1.5 rtl:ml-1.5 rtl:!mr-0;
+}
+
+[dir='rtl'] .apexcharts-tooltip-marker {
+    @apply mr-0 ml-2.5;
 }
diff --git a/resources/css/dragndrop.css b/resources/css/dragndrop.css
new file mode 100644
index 0000000000000000000000000000000000000000..f0a5d43f4681f38d3623efaa52230491908faa94
--- /dev/null
+++ b/resources/css/dragndrop.css
@@ -0,0 +1,20 @@
+.dragndrop .gu-transit {
+  opacity: 0.2;
+}
+
+.dragndrop .selected > div {
+  background-color: #e0e6ed;
+}
+
+.dark .dragndrop .selected > div {
+  background-color: #0e1726;
+}
+
+.icon-change .left svg.feather-heart,
+.icon-change .right svg.feather-star {
+  display: none;
+}
+
+.dragndrop .sortable-chosen {
+  @apply bg-white dark:bg-black;
+}
diff --git a/resources/css/easymde.min.css b/resources/css/easymde.min.css
new file mode 100644
index 0000000000000000000000000000000000000000..884f9eed9d953be045fcd4eaba83956c4dbe9252
--- /dev/null
+++ b/resources/css/easymde.min.css
@@ -0,0 +1,7 @@
+/**
+ * easymde v2.16.1
+ * Copyright Jeroen Akkerman
+ * @link https://github.com/ionaru/easy-markdown-editor
+ * @license MIT
+ */
+.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:0 0}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:0 0}.cm-fat-cursor{caret-color:transparent}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none;outline:0}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.EasyMDEContainer{display:block}.CodeMirror-rtl pre{direction:rtl}.EasyMDEContainer.sided--no-fullscreen{display:flex;flex-direction:row;flex-wrap:wrap}.EasyMDEContainer .CodeMirror{box-sizing:border-box;height:auto;border:1px solid #ddd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:10px;font:inherit;z-index:0;word-wrap:break-word}.EasyMDEContainer .CodeMirror-scroll{cursor:text}.EasyMDEContainer .CodeMirror-fullscreen{background:#fff;position:fixed!important;top:50px;left:0;right:0;bottom:0;height:auto;z-index:8;border-right:none!important;border-bottom-right-radius:0!important}.EasyMDEContainer .CodeMirror-sided{width:50%!important}.EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided{border-right:none!important;border-bottom-right-radius:0;position:relative;flex:1 1 auto}.EasyMDEContainer .CodeMirror-placeholder{opacity:.5}.EasyMDEContainer .CodeMirror-focused .CodeMirror-selected{background:#d9d9d9}.editor-toolbar{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;padding:9px 10px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #bbb;border-top-left-radius:4px;border-top-right-radius:4px}.editor-toolbar.fullscreen{width:100%;height:50px;padding-top:10px;padding-bottom:10px;box-sizing:border-box;background:#fff;border:0;position:fixed;top:0;left:0;opacity:1;z-index:9}.editor-toolbar.fullscreen::before{width:20px;height:50px;background:-moz-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);position:fixed;top:0;left:0;margin:0;padding:0}.editor-toolbar.fullscreen::after{width:20px;height:50px;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);position:fixed;top:0;right:0;margin:0;padding:0}.EasyMDEContainer.sided--no-fullscreen .editor-toolbar{width:100%}.editor-toolbar .easymde-dropdown,.editor-toolbar button{background:0 0;display:inline-block;text-align:center;text-decoration:none!important;height:30px;margin:0;padding:0;border:1px solid transparent;border-radius:3px;cursor:pointer}.editor-toolbar button{width:30px}.editor-toolbar button.active,.editor-toolbar button:hover{background:#fcfcfc;border-color:#95a5a6}.editor-toolbar i.separator{display:inline-block;width:0;border-left:1px solid #d9d9d9;border-right:1px solid #fff;color:transparent;text-indent:-10px;margin:0 6px}.editor-toolbar button:after{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:65%;vertical-align:text-bottom;position:relative;top:2px}.editor-toolbar button.heading-1:after{content:"1"}.editor-toolbar button.heading-2:after{content:"2"}.editor-toolbar button.heading-3:after{content:"3"}.editor-toolbar button.heading-bigger:after{content:"▲"}.editor-toolbar button.heading-smaller:after{content:"▼"}.editor-toolbar.disabled-for-preview button:not(.no-disable){opacity:.6;pointer-events:none}@media only screen and (max-width:700px){.editor-toolbar i.no-mobile{display:none}}.editor-statusbar{padding:8px 10px;font-size:12px;color:#959694;text-align:right}.EasyMDEContainer.sided--no-fullscreen .editor-statusbar{width:100%}.editor-statusbar span{display:inline-block;min-width:4em;margin-left:1em}.editor-statusbar .lines:before{content:'lines: '}.editor-statusbar .words:before{content:'words: '}.editor-statusbar .characters:before{content:'characters: '}.editor-preview-full{position:absolute;width:100%;height:100%;top:0;left:0;z-index:7;overflow:auto;display:none;box-sizing:border-box}.editor-preview-side{position:fixed;bottom:0;width:50%;top:50px;right:0;z-index:9;overflow:auto;display:none;box-sizing:border-box;border:1px solid #ddd;word-wrap:break-word}.editor-preview-active-side{display:block}.EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side{flex:1 1 auto;height:auto;position:static}.editor-preview-active{display:block}.editor-preview{padding:10px;background:#fafafa}.editor-preview>p{margin-top:0}.editor-preview pre{background:#eee;margin-bottom:10px}.editor-preview table td,.editor-preview table th{border:1px solid #ddd;padding:5px}.cm-s-easymde .cm-tag{color:#63a35c}.cm-s-easymde .cm-attribute{color:#795da3}.cm-s-easymde .cm-string{color:#183691}.cm-s-easymde .cm-header-1{font-size:200%;line-height:200%}.cm-s-easymde .cm-header-2{font-size:160%;line-height:160%}.cm-s-easymde .cm-header-3{font-size:125%;line-height:125%}.cm-s-easymde .cm-header-4{font-size:110%;line-height:110%}.cm-s-easymde .cm-comment{background:rgba(0,0,0,.05);border-radius:2px}.cm-s-easymde .cm-link{color:#7f8c8d}.cm-s-easymde .cm-url{color:#aab2b3}.cm-s-easymde .cm-quote{color:#7f8c8d;font-style:italic}.editor-toolbar .easymde-dropdown{position:relative;background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%);border-radius:0;border:1px solid #fff}.editor-toolbar .easymde-dropdown:hover{background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%)}.easymde-dropdown-content{display:block;visibility:hidden;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:8px;z-index:2;top:30px}.easymde-dropdown:active .easymde-dropdown-content,.easymde-dropdown:focus .easymde-dropdown-content,.easymde-dropdown:focus-within .easymde-dropdown-content{visibility:visible}span[data-img-src]::after{content:'';background-image:var(--bg-image);display:block;max-height:100%;max-width:100%;background-size:contain;height:0;padding-top:var(--height);width:var(--width);background-repeat:no-repeat}.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){background:rgba(255,0,0,.15)}
\ No newline at end of file
diff --git a/resources/css/fancybox.css b/resources/css/fancybox.css
new file mode 100644
index 0000000000000000000000000000000000000000..43b5537b1a08b7acd59f0a4a18ad3797be297341
--- /dev/null
+++ b/resources/css/fancybox.css
@@ -0,0 +1 @@
+.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
\ No newline at end of file
diff --git a/resources/css/file-upload-preview.css b/resources/css/file-upload-preview.css
new file mode 100644
index 0000000000000000000000000000000000000000..61761568559d79ccbc1e617daea5594a19a7502d
--- /dev/null
+++ b/resources/css/file-upload-preview.css
@@ -0,0 +1,171 @@
+.custom-file-container {
+    box-sizing: border-box;
+    position: relative;
+    display: block;
+}
+.custom-file-container * {
+    box-sizing: border-box;
+}
+.custom-file-container .label-container label {
+    color: #4361ee;
+    font-size: 16px;
+}
+.custom-file-container .label-container {
+    align-items: center;
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 10px;
+}
+.custom-file-container .clear-button {
+    color: #333;
+    font-size: 26px;
+    height: 26px;
+    line-height: 26px;
+    text-decoration: none;
+    transition: color 0.2s ease-in-out;
+}
+.custom-file-container .clear-button:hover {
+    color: #777;
+}
+.custom-file-container .input-container {
+    display: inline-block;
+    height: 40px;
+    margin-bottom: 8px;
+    position: relative;
+    width: 100%;
+}
+.custom-file-container .input-container:hover {
+    cursor: pointer;
+}
+.custom-file-container .input-hidden {
+    height: 40px;
+    margin: 0;
+    max-width: 100%;
+    min-width: 220px;
+    opacity: 0;
+    width: 100%;
+}
+.custom-file-container .input-visible {
+    background-clip: padding-box;
+    background-color: #f1f2f3;
+    border-radius: 4px;
+    border: 1px solid #f1f2f3;
+    color: #333;
+    height: 40px;
+    left: 0;
+    line-height: 1.5;
+    overflow: hidden;
+    padding: 8px 12px;
+    position: absolute;
+    right: 0;
+    top: 0;
+    user-select: none;
+    z-index: 5;
+}
+.custom-file-container .browse-button {
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 6;
+    display: block;
+    height: auto;
+    padding: 10px 16px;
+    line-height: 1.25;
+    background-color: rgba(27, 85, 226, 0.239);
+    color: #4361ee;
+    border-left: 1px solid #e0e6ed;
+    box-sizing: border-box;
+}
+.custom-file-container .image-preview {
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: contain;
+    border-radius: 4px;
+    height: 300px;
+    overflow: auto;
+    padding: 4px;
+    transition: background 0.2s ease-in-out;
+    width: 100%;
+    margin-top: 54px;
+    margin-bottom: 40px;
+}
+.custom-file-container .image-preview-item {
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    border-radius: 4px;
+    box-shadow: 0 4px 10px 0 rgba(51, 51, 51, 0.25);
+    float: left;
+    height: 180px;
+    margin: 1.858736059%;
+    position: relative;
+    transition: background 0.2s ease-in-out, opacity 0.2s ease-in-out;
+    width: 29.615861214%;
+}
+.custom-file-container .image-preview-item.multi-item-clear-animation {
+    opacity: 0;
+}
+.custom-file-container .image-preview-item-clear {
+    background: #edede8;
+    border-radius: 50%;
+    box-shadow: 0 4px 10px 0 rgba(51, 51, 51, 0.25);
+    height: 20px;
+    left: -6px;
+    margin-top: -6px;
+    position: absolute;
+    text-align: center;
+    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
+    width: 20px;
+}
+.custom-file-container .image-preview-item-clear:hover {
+    background: #e2e2da;
+    cursor: pointer;
+}
+.custom-file-container .image-preview-item-clear-icon {
+    color: #333;
+    display: block;
+    margin-top: -2px;
+}
+
+.dark .custom-file-container .clear-button {
+    color: #888ea8;
+}
+
+.dark .custom-file-container .input-visible {
+    background-color: #1b2e4b;
+    border-color: #253b5c;
+    color: #888ea8;
+}
+
+.dark .custom-file-container .browse-button {
+    background-color: #4361ee;
+    border-color: #253b5c;
+    color: #fff;
+}
+
+.dark .custom-file-container .image-preview-item-clear {
+    background-color: #3b3f5c !important;
+}
+
+.dark .custom-file-container .image-preview-item-clear-icon {
+    color: #d0d2d6;
+}
+
+.custom-file-container .image-preview-item-clear-icon {
+    margin-top: 0px !important;
+}
+
+.rtl .custom-file-container .browse-button {
+    right: auto;
+    left: 0;
+    border-left: none;
+}
+
+.rtl .custom-file-container .image-preview-item {
+    float: right;
+}
+
+.rtl .custom-file-container .image-preview-item-clear {
+    left: auto;
+    right: -6px;
+}
diff --git a/resources/css/flatpickr.css b/resources/css/flatpickr.css
new file mode 100644
index 0000000000000000000000000000000000000000..3605acf14d4f6b5f4551f1f394bd7953d1f52d46
--- /dev/null
+++ b/resources/css/flatpickr.css
@@ -0,0 +1,184 @@
+.dark .flatpickr-calendar {
+    border: 1px solid #0e1a2c;
+    background: #0e1a2c;
+    box-shadow: none;
+}
+
+.dark .flatpickr-calendar.arrowTop:after {
+    border-bottom-color: #0e1a2c;
+}
+
+.dark .flatpickr-calendar.arrowBottom:after {
+    border-top-color: #0e1a2c;
+}
+
+.dark .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
+.dark .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
+    fill: #bfc9d4;
+}
+
+.flatpickr-current-month {
+    font-size: 16px;
+    padding: 3px 0 0 0;
+    display: flex;
+    justify-content: center;
+    gap: 10px;
+}
+
+.dark .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months {
+    color: #bfc9d4;
+}
+
+.dark .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
+    background-color: #1b2e4b;
+}
+
+.dark .flatpickr-calendar .flatpickr-months input.cur-year {
+    color: #bfc9d4;
+    height: 31px;
+}
+
+.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span {
+    height: 26%;
+}
+
+.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowUp {
+    top: 10px;
+}
+
+.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowUp:after {
+    border-bottom-color: #bfc9d4;
+}
+
+.dark .flatpickr-current-month .numInputWrapper span.arrowDown:after {
+    border-top-color: #bfc9d4;
+}
+
+.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span .arrowDown {
+    top: 34%;
+}
+
+.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span .arrowDown:after {
+    border-top-color: #bfc9d4;
+}
+
+.dark .flatpickr-calendar .flatpickr-day {
+    color: #888ea8;
+    font-weight: 500;
+}
+
+.dark .flatpickr-calendar .flatpickr-day:hover {
+    background: #191e3a;
+    border-color: #191e3a;
+}
+
+.dark .flatpickr-calendar .flatpickr-day.flatpickr-disabled {
+    color: rgba(136, 142, 168, 0.22);
+}
+
+.dark .flatpickr-calendar .flatpickr-day.prevMonthDay,
+.dark .flatpickr-calendar .flatpickr-day.nextMonthDay {
+    color: rgba(136, 142, 168, 0.22) !important;
+}
+
+.dark .flatpickr-calendar .flatpickr-day.selected {
+    background: #009688;
+    color: #0e1726;
+    border-color: #009688;
+    font-weight: 700;
+}
+
+.dark .flatpickr-calendar .flatpickr-day.today {
+    border-color: #009688;
+}
+
+.dark .flatpickr-calendar .flatpickr-day.today:hover {
+    border-color: #0e1726;
+    background: #0e1726;
+    color: #fff;
+}
+
+.dark .flatpickr-calendar.hasTime .flatpickr-time {
+    border-top: 1px solid #243146 !important;
+}
+
+.dark .flatpickr-calendar .flatpickr-time {
+    border: 1px solid #243146;
+}
+
+.dark .flatpickr-calendar .flatpickr-time input,
+.dark .flatpickr-calendar .flatpickr-time .flatpickr-time-separator,
+.dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
+    color: #888ea8;
+}
+
+.dark .flatpickr-time input:hover,
+.dark .flatpickr-time .flatpickr-am-pm:hover,
+.dark .flatpickr-time input:focus,
+.dark .flatpickr-time .flatpickr-am-pm:focus {
+    background: transparent;
+    --tw-ring-color: transparent;
+}
+
+.dark .flatpickr-calendar .flatpickr-time input:hover,
+.dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover {
+    background-color: #0e1726;
+}
+
+.dark .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp::after {
+    border-bottom-color: #009688;
+}
+
+.dark .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowDown::after {
+    border-top-color: #009688;
+}
+
+.dark .flatpickr-calendar.arrowTop:before {
+    border-bottom-color: #1b2e4b;
+}
+
+.dark .flatpickr-calendar.arrowBottom::before {
+    border-top-color: #1b2e4b;
+}
+
+.dark .numInputWrapper span {
+    height: 26%;
+}
+
+.dark .numInputWrapper span.arrowUp {
+    top: 10px;
+}
+
+.dark .numInputWrapper span.arrowUp:after {
+    border-bottom-color: #bfc9d4;
+}
+
+.dark .numInputWrapper span .arrowDown {
+    top: 34%;
+}
+
+.dark .numInputWrapper span .arrowDown:after {
+    border-top-color: #bfc9d4;
+}
+
+.flatpickr-calendar:before {
+    border-width: 11px;
+}
+
+.flatpickr-calendar:after {
+    border-width: 9px;
+}
+
+.dark span.flatpickr-weekday {
+    color: #888ea8;
+}
+
+.dark .flatpickr-calendar .flatpickr-day.today.inRange {
+    border-color: #e6e6e6;
+}
+
+.dark .flatpickr-day.inRange {
+    background-color: #060818;
+    border-color:#060818;
+    box-shadow: -5px 0 0  #060818, 5px 0 0 #060818;
+}
\ No newline at end of file
diff --git a/resources/css/flatpickr.min.css b/resources/css/flatpickr.min.css
new file mode 100644
index 0000000000000000000000000000000000000000..a10acc6233bb2ea2b9c58c72f1a405ace7f18992
--- /dev/null
+++ b/resources/css/flatpickr.min.css
@@ -0,0 +1,13 @@
+.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
+      /*rtl:begin:ignore*/left:0/*
+      /*rtl:end:ignore*/}/*
+      /*rtl:begin:ignore*/
+/*
+      /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
+      /*rtl:begin:ignore*/right:0/*
+      /*rtl:end:ignore*/}/*
+      /*rtl:begin:ignore*/
+/*
+      /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
\ No newline at end of file
diff --git a/resources/css/font-awesome.min.css b/resources/css/font-awesome.min.css
new file mode 100644
index 0000000000000000000000000000000000000000..8ede7bffb902bc9fc7bcd60d589b64eef6d8f4b5
--- /dev/null
+++ b/resources/css/font-awesome.min.css
@@ -0,0 +1,15 @@
+ /*!
+ * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+ @font-face {
+    font-family: 'Font Awesome 5 Free';
+    font-style: normal;
+    font-weight: 400;
+    src: url("../fonts/fa-regular-400.eot");
+    src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); }
+  
+  .far {
+    font-family: 'Font Awesome 5 Free';
+    font-weight: 400; }
+ .fa-fw,.fa-li{text-align:center}.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x,.fa-stack-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:2s linear infinite fa-spin;animation:2s linear infinite fa-spin}.fa-pulse{-webkit-animation:1s steps(8) infinite fa-spin;animation:1s steps(8) infinite fa-spin}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-concierge-bell:before{content:"\f562"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-credit-card:before{content:"\f09d"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-diagnoses:before{content:"\f470"}.fa-dice:before{content:"\f522"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hashtag:before{content:"\f292"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-houzz:before{content:"\f27c"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-rendact:before{content:"\f3e4"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skull:before{content:"\f54c"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
diff --git a/resources/css/fullcalendar.css b/resources/css/fullcalendar.css
new file mode 100644
index 0000000000000000000000000000000000000000..70ac4c599d24087c6214099fab369de5aeebe30f
--- /dev/null
+++ b/resources/css/fullcalendar.css
@@ -0,0 +1,257 @@
+.calendar-wrapper .fc-view-harness {
+  overflow: auto;
+}
+
+.calendar-wrapper .fc-view-harness-active > .fc-view {
+  min-width: 450px;
+}
+
+.calendar-wrapper .fc-daygrid-body-balanced .fc-scrollgrid-sync-table {
+  min-height: 450px;
+}
+
+.calendar-wrapper table th.fc-day {
+  padding: 12px 16px;
+  background-color: rgb(224 230 237 / 0.3) !important;
+}
+
+.dark .calendar-wrapper table th.fc-day {
+  background-color: #1a2941 !important;
+}
+
+.calendar-wrapper table td .fc-daygrid-day-number {
+  padding: 16px;
+}
+
+@media only screen and (max-width: 1024px) {
+  .calendar-wrapper table td .fc-daygrid-day-number {
+    padding: 2px 8px;
+  }
+}
+
+.fc-theme-standard td,
+.fc-theme-standard th,
+.fc-theme-standard .fc-scrollgrid {
+  border-color: rgb(224 230 237 / 0.4) !important;
+}
+
+.dark .fc-theme-standard td,
+.dark .fc-theme-standard th,
+.dark .fc-theme-standard .fc-scrollgrid {
+  border-color: #191e3a !important;
+}
+
+.calendar-wrapper .fc-theme-standard .fc-scrollgrid {
+  border-radius: 10px;
+}
+
+.calendar-wrapper .fc-theme-standard td {
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
+}
+
+.calendar-wrapper .fc-theme-standard th {
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+}
+
+.calendar-wrapper .fc-button {
+  text-transform: capitalize !important;
+  font-weight: 500 !important;
+  border-radius: 6px !important;
+  padding: 8px 15px !important;
+}
+
+.ltr .calendar-wrapper .fc-button {
+  margin-left: 12px !important;
+}
+
+.rtl .calendar-wrapper .fc-button {
+  margin-right: 12px !important;
+}
+
+.ltr .calendar-wrapper .fc-button-group .fc-button:first-child {
+  margin-left: 0px !important;
+}
+
+.rtl .calendar-wrapper .fc-button-group .fc-button:first-child {
+  margin-right: 0px !important;
+}
+
+.calendar-wrapper .fc-button-primary,
+.calendar-wrapper .fc-button-primary:disabled {
+  color: #4361ee !important;
+  border-color: #4361ee !important;
+  background: transparent !important;
+  box-shadow: none !important;
+  font-weight: 600 !important;
+  line-height: 20px !important;
+}
+
+.calendar-wrapper .fc-button-primary:not(:disabled):hover,
+.calendar-wrapper .fc-button-primary:not(:disabled).fc-button-active {
+  background-color: #4361ee !important;
+  color: white !important;
+}
+
+.calendar-wrapper .fc-daygrid-event.info,
+.calendar-wrapper .fc-timegrid-event.info {
+  background-color: rgb(33 150 243 / 0.8);
+  border-color: rgb(33 150 243 / 0.8);
+}
+
+.calendar-wrapper .fc-daygrid-event.info:hover,
+.calendar-wrapper .fc-timegrid-event.info:hover {
+  background-color: #2196f3;
+  border-color: #2196f3;
+}
+
+.calendar-wrapper .fc-daygrid-event.primary,
+.calendar-wrapper .fc-timegrid-event.primary {
+  background-color: rgb(67 97 238 / 0.8);
+  border-color: rgb(67 97 238 / 0.8);
+}
+
+.calendar-wrapper .fc-daygrid-event.primary:hover,
+.calendar-wrapper .fc-timegrid-event.primary:hover {
+  background-color: #4361ee;
+  border-color: #4361ee;
+}
+
+.calendar-wrapper .fc-daygrid-event.success,
+.calendar-wrapper .fc-timegrid-event.success {
+  background-color: rgb(0 171 85 / 0.8);
+  border-color: rgb(0 171 85 / 0.8);
+}
+
+.calendar-wrapper .fc-daygrid-event.success:hover,
+.calendar-wrapper .fc-timegrid-event.success:hover {
+  background-color: #00ab55;
+  border-color: #00ab55;
+}
+
+.calendar-wrapper .fc-daygrid-event.danger,
+.calendar-wrapper .fc-timegrid-event.danger {
+  background-color: rgb(231 81 90 / 0.8);
+  border-color: rgb(231 81 90 / 0.8);
+}
+
+.calendar-wrapper .fc-daygrid-event.danger:hover,
+.calendar-wrapper .fc-timegrid-event.danger:hover {
+  background-color: #e7515a;
+  border-color: #e7515a;
+}
+
+.calendar-wrapper .fc-prev-button,
+.calendar-wrapper .fc-next-button {
+  background-color: transparent !important;
+  color: rgb(75, 85, 99) !important;
+  border: 2px solid !important;
+  border-color: rgb(229, 231, 235) !important;
+  padding: 6px !important;
+  display: flex !important;
+  justify-content: center;
+}
+
+.dark .calendar-wrapper .fc-prev-button,
+.dark .calendar-wrapper .fc-next-button {
+  border-color: rgb(55, 65, 81) !important;
+}
+
+.calendar-wrapper  .fc-button.fc-prev-button:hover,
+.calendar-wrapper  .fc-button.fc-next-button:hover,
+.dark .calendar-wrapper  .fc-button.fc-prev-button:hover,
+.dark .calendar-wrapper  .fc-button.fc-next-button:hover {
+  color: #4361ee !important;
+  border-color: #4361ee !important;
+  background: transparent !important;
+}
+
+.calendar-wrapper .fc-timegrid-body .fc-event-main-frame {
+  flex-direction: column !important;
+}
+
+.ltr .calendar-wrapper .fc-toolbar,
+.ltr .calendar-wrapper .fc-toolbar,
+.ltr .calendar-wrapper .fc-event-main-frame,
+.ltr .calendar-wrapper .fc-button-group {
+  flex-direction: row;
+}
+
+.rtl .calendar-wrapper .fc-toolbar,
+.rtl .calendar-wrapper .fc-toolbar,
+.rtl .calendar-wrapper .fc-event-main-frame,
+.rtl .calendar-wrapper .fc-button-group {
+  flex-direction: row-reverse;
+}
+
+@media only screen and (max-width: 768px) {
+  .calendar-wrapper .fc-toolbar {
+    flex-direction: column !important;
+  }
+
+  .calendar-wrapper .fc-toolbar .fc-toolbar-chunk {
+    margin-top: 16px;
+  }
+
+  .calendar-wrapper .fc-toolbar .fc-toolbar-chunk:first-child {
+    margin-top: 0px !important;
+  }
+}
+
+.calendar-wrapper .fc-toolbar-title {
+  font-size: 20px;
+}
+
+.calendar-wrapper .fc .fc-popover {
+  z-index: 10;
+}
+
+.calendar-wrapper .fc-event {
+  padding: 2px 4px;
+  color: white;
+}
+
+.calendar-wrapper .fc-timegrid-event-harness-inset .fc-timegrid-event {
+  box-shadow: none;
+  overflow: hidden;
+}
+
+.calendar-wrapper .fc-event-title.fc-sticky {
+  font-weight: 700;
+}
+
+.calendar-wrapper .fc-daygrid-event-dot {
+  display: none;
+}
+
+.calendar-wrapper .fc-daygrid-dot-event {
+  border-width: 1px;
+}
+
+.calendar-wrapper .fc-event-time {
+  padding: 1px !important;
+  font-weight: 700;
+  flex-shrink: 0;
+}
+.rtl .calendar-wrapper .fc-event-time {
+  margin-left: 3px !important;
+  margin-right: 0px !important;
+}
+
+.rtl .calendar-wrapper .fc-icon.fc-icon-chevron-right,
+.rtl .calendar-wrapper .fc-icon.fc-icon-chevron-left {
+  rotate: 180deg;
+}
+
+/* .dark .calendar-wrapper .fc-theme-standard .fc-popover */
+.dark .fc-theme-standard .fc-popover {    
+  background-color: #3b3f5c !important;
+  border-color:  #3b3f5c !important;
+}
+
+/* .dark .calendar-wrapper .fc-theme-standard .fc-popover-header  */
+.dark .fc-theme-standard .fc-popover-header{
+  background-color: #0e1726 !important;
+  color: #888ea8 !important;
+}
diff --git a/resources/css/fullcalendar.min.css b/resources/css/fullcalendar.min.css
new file mode 100644
index 0000000000000000000000000000000000000000..5c0056ea8251a9b8c8db14e117008f7a961c360c
--- /dev/null
+++ b/resources/css/fullcalendar.min.css
@@ -0,0 +1 @@
+.fc-icon,.fc-unselectable{-moz-user-select:none;-ms-user-select:none}.fc .fc-button,.fc-icon{text-transform:none;font-weight:400}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc .fc-button:not(:disabled),.fc a[data-navlink],.fc-event.fc-event-draggable,.fc-event[href]{cursor:pointer}.fc-unselectable{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.fc{display:flex;flex-direction:column;font-size:1em}.fc .fc-button,.fc-icon{display:inline-block;text-align:center}.fc,.fc *,.fc :after,.fc :before{box-sizing:border-box}.fc table{border-collapse:collapse;border-spacing:0;font-size:1em}.fc th{text-align:center}.fc td,.fc th{vertical-align:top;padding:0}.fc .fc-button,.fc .fc-button .fc-icon,.fc .fc-button-group,.fc .fc-timegrid-slot-label{vertical-align:middle}.fc a[data-navlink]:hover{text-decoration:underline}.fc .fc-button:hover,.fc .fc-list-event-title a,a.fc-event,a.fc-event:hover{text-decoration:none}.fc-direction-ltr{direction:ltr;text-align:left}.fc-direction-rtl{direction:rtl;text-align:right}.fc-theme-standard td,.fc-theme-standard th{border:1px solid #ddd;border:1px solid var(--fc-border-color,#ddd)}.fc-liquid-hack td,.fc-liquid-hack th{position:relative}@font-face{font-family:fcicons;src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');font-weight:400;font-style:normal}.fc-icon{width:1em;height:1em;-webkit-user-select:none;user-select:none;font-family:fcicons!important;speak:none;font-style:normal;font-variant:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fc-icon-chevron-left:before{content:"\e900"}.fc-icon-chevron-right:before{content:"\e901"}.fc-icon-chevrons-left:before{content:"\e902"}.fc-icon-chevrons-right:before{content:"\e903"}.fc-icon-minus-square:before{content:"\e904"}.fc-icon-plus-square:before{content:"\e905"}.fc-icon-x:before{content:"\e906"}.fc .fc-button{overflow:visible;text-transform:none;margin:0;font-family:inherit}.fc .fc-button::-moz-focus-inner{padding:0;border-style:none}.fc .fc-button{-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.4em .65em;font-size:1em;line-height:1.5;border-radius:.25em}.fc .fc-button:focus{outline:0;box-shadow:0 0 0 .2rem rgba(44,62,80,.25)}.fc .fc-button-primary:focus,.fc .fc-button-primary:not(:disabled).fc-button-active:focus,.fc .fc-button-primary:not(:disabled):active:focus{box-shadow:0 0 0 .2rem rgba(76,91,106,.5)}.fc .fc-button:disabled{opacity:.65}.fc .fc-button-primary{color:#fff;color:var(--fc-button-text-color,#fff);background-color:#2C3E50;background-color:var(--fc-button-bg-color,#2C3E50);border-color:#2C3E50;border-color:var(--fc-button-border-color,#2C3E50)}.fc .fc-button-primary:hover{color:#fff;color:var(--fc-button-text-color,#fff);background-color:#1e2b37;background-color:var(--fc-button-hover-bg-color,#1e2b37);border-color:#1a252f;border-color:var(--fc-button-hover-border-color,#1a252f)}.fc .fc-button-primary:disabled{color:#fff;color:var(--fc-button-text-color,#fff);background-color:#2C3E50;background-color:var(--fc-button-bg-color,#2C3E50);border-color:#2C3E50;border-color:var(--fc-button-border-color,#2C3E50)}.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .fc-button-primary:not(:disabled):active{color:#fff;color:var(--fc-button-text-color,#fff);background-color:#1a252f;background-color:var(--fc-button-active-bg-color,#1a252f);border-color:#151e27;border-color:var(--fc-button-active-border-color,#151e27)}.fc .fc-button .fc-icon{font-size:1.5em}.fc .fc-button-group{position:relative;display:inline-flex}.fc .fc-button-group>.fc-button{position:relative;flex:1 1 auto}.fc .fc-button-group>.fc-button.fc-button-active,.fc .fc-button-group>.fc-button:active,.fc .fc-button-group>.fc-button:focus,.fc .fc-button-group>.fc-button:hover{z-index:1}.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-direction-ltr .fc-button-group>.fc-button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.fc-direction-rtl .fc-button-group>.fc-button:not(:first-child){margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-direction-rtl .fc-button-group>.fc-button:not(:last-child){border-top-left-radius:0;border-bottom-left-radius:0}.fc .fc-toolbar{display:flex;justify-content:space-between;align-items:center}.fc .fc-toolbar.fc-header-toolbar{margin-bottom:1.5em}.fc .fc-toolbar.fc-footer-toolbar{margin-top:1.5em}.fc .fc-toolbar-title{font-size:1.75em;margin:0}.fc-direction-ltr .fc-toolbar>*>:not(:first-child){margin-left:.75em}.fc-direction-rtl .fc-toolbar>*>:not(:first-child){margin-right:.75em}.fc-direction-rtl .fc-toolbar-ltr{flex-direction:row-reverse}.fc .fc-scroller{-webkit-overflow-scrolling:touch;position:relative}.fc .fc-scroller-liquid{height:100%}.fc .fc-scroller-liquid-absolute{position:absolute;top:0;right:0;left:0;bottom:0}.fc .fc-scroller-harness{position:relative;overflow:hidden;direction:ltr}.fc .fc-scroller-harness-liquid{height:100%}.fc-direction-rtl .fc-scroller-harness>.fc-scroller{direction:rtl}.fc-theme-standard .fc-scrollgrid{border:1px solid #ddd;border:1px solid var(--fc-border-color,#ddd)}.fc .fc-scrollgrid,.fc .fc-scrollgrid-section-footer>*,.fc .fc-scrollgrid-section-header>*{border-bottom-width:0}.fc .fc-scrollgrid,.fc .fc-scrollgrid table{width:100%;table-layout:fixed}.fc .fc-scrollgrid table{border-top-style:hidden;border-left-style:hidden;border-right-style:hidden}.fc .fc-scrollgrid{border-collapse:separate;border-right-width:0}.fc .fc-scrollgrid-liquid{height:100%}.fc .fc-scrollgrid-section,.fc .fc-scrollgrid-section table,.fc .fc-scrollgrid-section>td{height:1px}.fc .fc-scrollgrid-section-liquid>td{height:100%}.fc .fc-scrollgrid-section>*{border-top-width:0;border-left-width:0}.fc .fc-scrollgrid-section-body table,.fc .fc-scrollgrid-section-footer table{border-bottom-style:hidden}.fc .fc-scrollgrid-section-sticky>*{background:var(--fc-page-bg-color,#fff);position:sticky;z-index:3}.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky>*{top:0}.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky>*{bottom:0}.fc .fc-scrollgrid-sticky-shim{height:1px;margin-bottom:-1px}.fc-sticky{position:sticky}.fc .fc-view-harness{flex-grow:1;position:relative}.fc .fc-bg-event,.fc .fc-highlight,.fc .fc-non-business,.fc .fc-view-harness-active>.fc-view{position:absolute;top:0;left:0;right:0;bottom:0}.fc .fc-col-header-cell-cushion{display:inline-block;padding:2px 4px}.fc .fc-non-business{background:rgba(215,215,215,.3);background:var(--fc-non-business-color,rgba(215,215,215,.3))}.fc .fc-bg-event{background:var(--fc-bg-event-color,#8fdf82);opacity:.3;opacity:var(--fc-bg-event-opacity,.3)}.fc .fc-bg-event .fc-event-title{margin:.5em;font-size:.85em;font-size:var(--fc-small-font-size,.85em);font-style:italic}.fc .fc-highlight{background:rgba(188,232,241,.3);background:var(--fc-highlight-color,rgba(188,232,241,.3))}.fc .fc-cell-shaded,.fc .fc-day-disabled{background:rgba(208,208,208,.3);background:var(--fc-neutral-bg-color,rgba(208,208,208,.3))}.fc-event .fc-event-main{position:relative;z-index:2}.fc-event-dragging:not(.fc-event-selected){opacity:.75}.fc-event-dragging.fc-event-selected{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-event .fc-event-resizer{display:none;position:absolute;z-index:4}.fc-event-selected .fc-event-resizer,.fc-event:hover .fc-event-resizer,.fc-h-event,.fc-v-event{display:block}.fc-event-selected .fc-event-resizer{border-radius:4px;border-radius:calc(var(--fc-event-resizer-dot-total-width,8px)/ 2);border-width:1px;border-width:var(--fc-event-resizer-dot-border-width,1px);width:8px;width:var(--fc-event-resizer-dot-total-width,8px);height:8px;height:var(--fc-event-resizer-dot-total-width,8px);border-style:solid;border-color:inherit;background:var(--fc-page-bg-color,#fff)}.fc-event-selected .fc-event-resizer:before{content:'';position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px}.fc-event-selected,.fc-event:focus{box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event-selected:before,.fc-event:focus:before{content:"";position:absolute;z-index:3;top:0;left:0;right:0;bottom:0}.fc-event-selected:after,.fc-event:focus:after{content:"";background:rgba(0,0,0,.25);background:var(--fc-event-selected-overlay-color,rgba(0,0,0,.25));position:absolute;z-index:1;top:-1px;left:-1px;right:-1px;bottom:-1px}.fc-h-event{border:1px solid #3788d8;border:1px solid var(--fc-event-border-color,#3788d8);background-color:#3788d8;background-color:var(--fc-event-bg-color,#3788d8)}.fc-h-event .fc-event-main{color:#fff;color:var(--fc-event-text-color,#fff)}.fc-h-event .fc-event-main-frame{display:flex}.fc-h-event .fc-event-time{max-width:100%;overflow:hidden}.fc-h-event .fc-event-title-container{flex-grow:1;flex-shrink:1;min-width:0}.fc-h-event .fc-event-title{display:inline-block;vertical-align:top;left:0;right:0;max-width:100%;overflow:hidden}.fc-h-event.fc-event-selected:before{top:-10px;bottom:-10px}.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end){border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0}.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start){border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0}.fc-h-event:not(.fc-event-selected) .fc-event-resizer{top:0;bottom:0;width:8px;width:var(--fc-event-resizer-thickness,8px)}.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end{cursor:w-resize;left:-4px;left:calc(-.5 * var(--fc-event-resizer-thickness,8px))}.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start{cursor:e-resize;right:-4px;right:calc(-.5 * var(--fc-event-resizer-thickness,8px))}.fc-h-event.fc-event-selected .fc-event-resizer{top:50%;margin-top:-4px;margin-top:calc(-.5 * var(--fc-event-resizer-dot-total-width,8px))}.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end{left:-4px;left:calc(-.5 * var(--fc-event-resizer-dot-total-width,8px))}.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start{right:-4px;right:calc(-.5 * var(--fc-event-resizer-dot-total-width,8px))}.fc .fc-popover{position:absolute;z-index:9999;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc .fc-popover-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:3px 4px}.fc .fc-popover-title{margin:0 2px}.fc .fc-popover-close{cursor:pointer;opacity:.65;font-size:1.1em}.fc-theme-standard .fc-popover{border:1px solid #ddd;border:1px solid var(--fc-border-color,#ddd);background:var(--fc-page-bg-color,#fff)}.fc-theme-standard .fc-popover-header{background:rgba(208,208,208,.3);background:var(--fc-neutral-bg-color,rgba(208,208,208,.3))}:root{--fc-daygrid-event-dot-width:8px;--fc-list-event-dot-width:10px;--fc-list-event-hover-bg-color:#f5f5f5}.fc-daygrid-day-events:after,.fc-daygrid-day-events:before,.fc-daygrid-day-frame:after,.fc-daygrid-day-frame:before,.fc-daygrid-event-harness:after,.fc-daygrid-event-harness:before{content:"";clear:both;display:table}.fc .fc-daygrid-body{position:relative;z-index:1}.fc .fc-daygrid-day.fc-day-today{background-color:rgba(255,220,40,.15);background-color:var(--fc-today-bg-color,rgba(255,220,40,.15))}.fc .fc-daygrid-day-frame{position:relative;min-height:100%}.fc .fc-daygrid-day-top{display:flex;flex-direction:row-reverse}.fc .fc-day-other .fc-daygrid-day-top{opacity:.3}.fc .fc-daygrid-day-number{position:relative;z-index:4;padding:4px}.fc .fc-daygrid-day-events{margin-top:1px}.fc .fc-daygrid-body-balanced .fc-daygrid-day-events{position:absolute;left:0;right:0}.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{position:relative;min-height:2em}.fc .fc-daygrid-body-natural .fc-daygrid-day-events{margin-bottom:1em}.fc .fc-daygrid-event-harness{position:relative}.fc .fc-daygrid-event-harness-abs{position:absolute;top:0;left:0;right:0}.fc .fc-daygrid-bg-harness{position:absolute;top:0;bottom:0}.fc .fc-daygrid-day-bg .fc-non-business{z-index:1}.fc .fc-daygrid-day-bg .fc-bg-event{z-index:2}.fc .fc-daygrid-day-bg .fc-highlight{z-index:3}.fc .fc-daygrid-event{z-index:6;margin-top:1px}.fc .fc-daygrid-event.fc-event-mirror{z-index:7}.fc .fc-daygrid-day-bottom{font-size:.85em;padding:2px 3px 0}.fc .fc-daygrid-day-bottom:before{content:"";clear:both;display:table}.fc .fc-daygrid-more-link{position:relative;z-index:4;cursor:pointer}.fc .fc-daygrid-week-number{position:absolute;z-index:5;top:0;padding:2px;min-width:1.5em;text-align:center;background-color:rgba(208,208,208,.3);background-color:var(--fc-neutral-bg-color,rgba(208,208,208,.3));color:grey;color:var(--fc-neutral-text-color,grey)}.fc .fc-more-popover .fc-popover-body{min-width:220px;padding:10px}.fc-direction-ltr .fc-daygrid-event.fc-event-start,.fc-direction-rtl .fc-daygrid-event.fc-event-end{margin-left:2px}.fc-direction-ltr .fc-daygrid-event.fc-event-end,.fc-direction-rtl .fc-daygrid-event.fc-event-start{margin-right:2px}.fc-direction-ltr .fc-daygrid-week-number{left:0;border-radius:0 0 3px}.fc-direction-rtl .fc-daygrid-week-number{right:0;border-radius:0 0 0 3px}.fc-liquid-hack .fc-daygrid-day-frame{position:static}.fc-daygrid-event{position:relative;white-space:nowrap;border-radius:3px;font-size:.85em;font-size:var(--fc-small-font-size,.85em)}.fc-daygrid-block-event .fc-event-time{font-weight:700}.fc-daygrid-block-event .fc-event-time,.fc-daygrid-block-event .fc-event-title{padding:1px}.fc-daygrid-dot-event{display:flex;align-items:center;padding:2px 0}.fc-daygrid-dot-event .fc-event-title{flex-grow:1;flex-shrink:1;min-width:0;overflow:hidden;font-weight:700}.fc-daygrid-dot-event.fc-event-mirror,.fc-daygrid-dot-event:hover{background:rgba(0,0,0,.1)}.fc-daygrid-dot-event.fc-event-selected:before{top:-10px;bottom:-10px}.fc-daygrid-event-dot{margin:0 4px;box-sizing:content-box;width:0;height:0;border:4px solid #3788d8;border:calc(var(--fc-daygrid-event-dot-width,8px)/ 2) solid var(--fc-event-border-color,#3788d8);border-radius:4px;border-radius:calc(var(--fc-daygrid-event-dot-width,8px)/ 2)}.fc-direction-ltr .fc-daygrid-event .fc-event-time{margin-right:3px}.fc-direction-rtl .fc-daygrid-event .fc-event-time{margin-left:3px}.fc-v-event{border:1px solid #3788d8;border:1px solid var(--fc-event-border-color,#3788d8);background-color:#3788d8;background-color:var(--fc-event-bg-color,#3788d8)}.fc-v-event .fc-event-main{color:#fff;color:var(--fc-event-text-color,#fff);height:100%}.fc-v-event .fc-event-main-frame{height:100%;display:flex;flex-direction:column}.fc-v-event .fc-event-time{flex-grow:0;flex-shrink:0;max-height:100%;overflow:hidden}.fc-v-event .fc-event-title-container{flex-grow:1;flex-shrink:1;min-height:0}.fc-v-event .fc-event-title{top:0;bottom:0;max-height:100%;overflow:hidden}.fc-v-event:not(.fc-event-start){border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event:not(.fc-event-end){border-bottom-width:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-v-event.fc-event-selected:before{left:-10px;right:-10px}.fc-v-event .fc-event-resizer-start{cursor:n-resize}.fc-v-event .fc-event-resizer-end{cursor:s-resize}.fc-v-event:not(.fc-event-selected) .fc-event-resizer{height:8px;height:var(--fc-event-resizer-thickness,8px);left:0;right:0}.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start{top:-4px;top:calc(var(--fc-event-resizer-thickness,8px)/ -2)}.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end{bottom:-4px;bottom:calc(var(--fc-event-resizer-thickness,8px)/ -2)}.fc-v-event.fc-event-selected .fc-event-resizer{left:50%;margin-left:-4px;margin-left:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}.fc-v-event.fc-event-selected .fc-event-resizer-start{top:-4px;top:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}.fc-v-event.fc-event-selected .fc-event-resizer-end{bottom:-4px;bottom:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}.fc .fc-timegrid .fc-daygrid-body{z-index:2}.fc .fc-timegrid-axis-chunk>table,.fc .fc-timegrid-body,.fc .fc-timegrid-slots{position:relative;z-index:1}.fc .fc-timegrid-divider{padding:0 0 2px}.fc .fc-timegrid-body{min-height:100%}.fc .fc-timegrid-axis-chunk{position:relative}.fc .fc-timegrid-slot{height:1.5em;border-bottom:0}.fc .fc-timegrid-slot:empty:before{content:'\00a0'}.fc .fc-timegrid-slot-minor{border-top-style:dotted}.fc .fc-timegrid-slot-label-cushion{display:inline-block;white-space:nowrap}.fc .fc-timegrid-axis-cushion,.fc .fc-timegrid-slot-label-cushion{padding:0 4px}.fc .fc-timegrid-axis-frame-liquid{height:100%}.fc .fc-timegrid-axis-frame{overflow:hidden;display:flex;align-items:center;justify-content:flex-end}.fc .fc-timegrid-axis-cushion{max-width:60px;flex-shrink:0}.fc-direction-ltr .fc-timegrid-slot-label-frame{text-align:right}.fc-direction-rtl .fc-timegrid-slot-label-frame{text-align:left}.fc-liquid-hack .fc-timegrid-axis-frame-liquid{height:auto;position:absolute;top:0;right:0;bottom:0;left:0}.fc .fc-timegrid-col.fc-day-today{background-color:rgba(255,220,40,.15);background-color:var(--fc-today-bg-color,rgba(255,220,40,.15))}.fc .fc-timegrid-col-frame{min-height:100%;position:relative}.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame{height:auto;position:absolute;top:0;right:0;bottom:0;left:0}.fc-media-screen .fc-timegrid-cols{position:absolute;top:0;left:0;right:0;bottom:0}.fc-media-screen .fc-timegrid-cols>table{height:100%}.fc-media-screen .fc-timegrid-col-bg,.fc-media-screen .fc-timegrid-col-events,.fc-media-screen .fc-timegrid-now-indicator-container{position:absolute;top:0;left:0;right:0}.fc .fc-timegrid-col-bg{z-index:2}.fc .fc-timegrid-col-bg .fc-non-business{z-index:1}.fc .fc-timegrid-col-bg .fc-bg-event{z-index:2}.fc .fc-timegrid-col-bg .fc-highlight,.fc .fc-timegrid-col-events{z-index:3}.fc .fc-timegrid-bg-harness{position:absolute;left:0;right:0}.fc .fc-timegrid-now-indicator-container{bottom:0;overflow:hidden}.fc-direction-ltr .fc-timegrid-col-events{margin:0 2.5% 0 2px}.fc-direction-rtl .fc-timegrid-col-events{margin:0 2px 0 2.5%}.fc-timegrid-event-harness{position:absolute}.fc-timegrid-event-harness>.fc-timegrid-event{position:absolute;top:0;bottom:0;left:0;right:0}.fc-timegrid-event-harness-inset .fc-timegrid-event,.fc-timegrid-event.fc-event-mirror,.fc-timegrid-more-link{box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px var(--fc-page-bg-color,#fff)}.fc-timegrid-event,.fc-timegrid-more-link{font-size:.85em;font-size:var(--fc-small-font-size,.85em);border-radius:3px}.fc-timegrid-event{margin-bottom:1px}.fc-timegrid-event .fc-event-main{padding:1px 1px 0}.fc-timegrid-event .fc-event-time{white-space:nowrap;font-size:.85em;font-size:var(--fc-small-font-size,.85em);margin-bottom:1px}.fc-timegrid-event-short .fc-event-main-frame{flex-direction:row;overflow:hidden}.fc-timegrid-event-short .fc-event-time:after{content:'\00a0-\00a0'}.fc-timegrid-event-short .fc-event-title{font-size:.85em;font-size:var(--fc-small-font-size,.85em)}.fc-timegrid-more-link{position:absolute;z-index:9999;color:inherit;color:var(--fc-more-link-text-color,inherit);background:var(--fc-more-link-bg-color,#d0d0d0);cursor:pointer;margin-bottom:1px}.fc-timegrid-more-link-inner{padding:3px 2px;top:0}.fc-direction-ltr .fc-timegrid-more-link{right:0}.fc-direction-rtl .fc-timegrid-more-link{left:0}.fc .fc-timegrid-now-indicator-line{position:absolute;z-index:4;left:0;right:0;border-style:solid;border-color:red;border-color:var(--fc-now-indicator-color,red);border-width:1px 0 0}.fc .fc-timegrid-now-indicator-arrow{position:absolute;z-index:4;margin-top:-5px;border-style:solid;border-color:red;border-color:var(--fc-now-indicator-color,red)}.fc-direction-ltr .fc-timegrid-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-direction-rtl .fc-timegrid-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-theme-standard .fc-list{border:1px solid #ddd;border:1px solid var(--fc-border-color,#ddd)}.fc .fc-list-empty{background-color:rgba(208,208,208,.3);background-color:var(--fc-neutral-bg-color,rgba(208,208,208,.3));height:100%;display:flex;justify-content:center;align-items:center}.fc .fc-list-empty-cushion{margin:5em 0}.fc .fc-list-table{width:100%;border-style:hidden}.fc .fc-list-table tr>*{border-left:0;border-right:0}.fc .fc-list-sticky .fc-list-day>*{position:sticky;top:0;background:var(--fc-page-bg-color,#fff)}.fc .fc-list-table thead{position:absolute;left:-10000px}.fc .fc-list-table tbody>tr:first-child th{border-top:0}.fc .fc-list-table th{padding:0}.fc .fc-list-day-cushion,.fc .fc-list-table td{padding:8px 14px}.fc .fc-list-day-cushion:after{content:"";clear:both;display:table}.fc-theme-standard .fc-list-day-cushion{background-color:rgba(208,208,208,.3);background-color:var(--fc-neutral-bg-color,rgba(208,208,208,.3))}.fc-direction-ltr .fc-list-day-text,.fc-direction-rtl .fc-list-day-side-text{float:left}.fc-direction-ltr .fc-list-day-side-text,.fc-direction-rtl .fc-list-day-text{float:right}.fc-direction-ltr .fc-list-table .fc-list-event-graphic{padding-right:0}.fc-direction-rtl .fc-list-table .fc-list-event-graphic{padding-left:0}.fc .fc-list-event.fc-event-forced-url{cursor:pointer}.fc .fc-list-event:hover td{background-color:#f5f5f5;background-color:var(--fc-list-event-hover-bg-color,#f5f5f5)}.fc .fc-list-event-graphic,.fc .fc-list-event-time{white-space:nowrap;width:1px}.fc .fc-list-event-dot{display:inline-block;box-sizing:content-box;width:0;height:0;border:5px solid #3788d8;border:calc(var(--fc-list-event-dot-width,10px)/ 2) solid var(--fc-event-border-color,#3788d8);border-radius:5px;border-radius:calc(var(--fc-list-event-dot-width,10px)/ 2)}.fc .fc-list-event-title a{color:inherit}.fc .fc-list-event.fc-event-forced-url:hover a{text-decoration:underline}.fc-theme-bootstrap a:not([href]){color:inherit}.fc-theme-bootstrap5 a:not([href]){color:inherit;text-decoration:inherit}.fc-theme-bootstrap5 .fc-list,.fc-theme-bootstrap5 .fc-scrollgrid,.fc-theme-bootstrap5 td,.fc-theme-bootstrap5 th{border:1px solid var(--bs-gray-400)}.fc-theme-bootstrap5 .fc-scrollgrid{border-right-width:0;border-bottom-width:0}.fc-theme-bootstrap5-shaded{background-color:var(--bs-gray-200)}
\ No newline at end of file
diff --git a/resources/css/highlight.min.css b/resources/css/highlight.min.css
new file mode 100644
index 0000000000000000000000000000000000000000..247e2e91f7a96f2ad4666e5c303bf09acb80e51c
--- /dev/null
+++ b/resources/css/highlight.min.css
@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#23241f;color:#f8f8f2}.hljs-subst,.hljs-tag{color:#f8f8f2}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#ae81ff}.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title{color:#a6e22e}.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}.hljs-attr,.hljs-keyword,.hljs-name,.hljs-selector-tag{color:#f92672}.hljs-attribute,.hljs-symbol{color:#66d9ef}.hljs-class .hljs-title,.hljs-params,.hljs-title.class_{color:#f8f8f2}.hljs-addition,.hljs-built_in,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable{color:#e6db74}.hljs-comment,.hljs-deletion,.hljs-meta{color:#75715e}
\ No newline at end of file
diff --git a/resources/css/markdown-editor.css b/resources/css/markdown-editor.css
new file mode 100644
index 0000000000000000000000000000000000000000..07b5f44b218d59b42425cdcc0ed5d56a3410bfc4
--- /dev/null
+++ b/resources/css/markdown-editor.css
@@ -0,0 +1,27 @@
+.dark .markdown-editor .editor-toolbar i.separator {
+    border-color: #888ea8;
+    border-right: none;
+}
+
+.dark .markdown-editor .EasyMDEContainer .CodeMirror,
+.dark .markdown-editor .editor-preview {
+    background-color: #121e32;
+}
+
+.markdown-editor .editor-toolbar,
+.markdown-editor .EasyMDEContainer .CodeMirror{
+    border-color: #ccc;
+    color: #0e1726;
+}
+.dark .markdown-editor .editor-toolbar,
+.dark .markdown-editor .EasyMDEContainer .CodeMirror,
+.dark .markdown-editor .editor-preview {
+    border-color: #17263c;
+    color: #888ea8 !important;
+}
+
+.dark .markdown-editor .editor-toolbar button.active, .editor-toolbar button:hover {
+    background-color: transparent !important;
+    border-color: transparent !important;
+    color: #4361ee;
+}
diff --git a/resources/css/nice-select.css b/resources/css/nice-select.css
new file mode 100644
index 0000000000000000000000000000000000000000..f314a1f53a04c1af2c6f6b43048a642fd57b9717
--- /dev/null
+++ b/resources/css/nice-select.css
@@ -0,0 +1,55 @@
+.nice-select {
+    float: none !important;
+}
+
+.rtl .nice-select {
+    text-align: right !important;
+    padding-left: 30px;
+    padding-right: 18px;
+}
+
+.rtl .nice-select::after {
+    right: auto;
+    left: 12px;
+}
+
+.rtl .nice-select .option {
+    text-align: right;
+}
+
+.dark .nice-select,
+.dark .nice-select.open {
+    background-color: #1b2e4b;
+    border-color: #253b5c !important;
+}
+
+.dark .nice-select .nice-select-dropdown {
+    background-color: #1b2e4b;
+}
+
+.dark .nice-select .option:hover,
+.dark .nice-select .option.focus,
+.dark .nice-select .option.selected.focus,
+.dark .nice-select .nice-select-search {
+    background-color: #132136;
+    border-color: #253b5c !important;
+    color:#888ea8;
+}
+
+.nice-select .nice-select-search {
+    margin: 0px !important;
+}
+
+.nice-select .nice-select-dropdown {
+    width: 100%;
+    transform: translateY(5px) !important;
+    transition: all .2s cubic-bezier(0.4, 0.35, 0.38, 0.39), opacity 0.2s ease-out !important;
+}
+
+.nice-select.open .nice-select-dropdown {
+    transform: scale(1) translateY(0) !important;
+}
+
+.nice-select.open {
+    border-color: #e0e6ed !important;
+}
\ No newline at end of file
diff --git a/resources/css/nice-select2.css b/resources/css/nice-select2.css
new file mode 100644
index 0000000000000000000000000000000000000000..3498a253067470aff9a30307423216b612560e03
--- /dev/null
+++ b/resources/css/nice-select2.css
@@ -0,0 +1,2 @@
+.nice-select{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:normal;height:38px;line-height:36px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left !important;transition:all .2s ease-in-out;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:"";display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;transform-origin:66% 66%;transform:rotate(45deg);transition:all .15s ease-in-out;width:5px}.nice-select.open:after{transform:rotate(-135deg)}.nice-select.open .nice-select-dropdown{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .nice-select-dropdown{left:0 !important;right:0 !important}.nice-select.right{float:right}.nice-select.right .nice-select-dropdown{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .nice-select-dropdown{margin-top:4px;background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);pointer-events:none;position:absolute;top:100%;left:0;transform-origin:50% 0;transform:scale(0.75) translateY(19px);transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;z-index:9;opacity:0}.nice-select .list{border-radius:5px;box-sizing:border-box;overflow:hidden;padding:0;max-height:210px;overflow-y:auto}.nice-select .list:hover .option:not(:hover){background-color:transparent !important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;outline:none;padding-left:18px;padding-right:29px;text-align:left;transition:all .2s}.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f6f6}.nice-select .option.selected{font-weight:bold}.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}.nice-select .optgroup{font-weight:bold}.no-csspointerevents .nice-select .nice-select-dropdown{display:none}.no-csspointerevents .nice-select.open .nice-select-dropdown{display:block}.nice-select .list::-webkit-scrollbar{width:0}.nice-select .has-multiple{white-space:inherit;height:auto;padding:7px 12px;min-height:36px;line-height:22px}.nice-select .has-multiple span.current{border:1px solid #ccc;background:#eee;padding:0 10px;border-radius:3px;display:inline-block;line-height:24px;font-size:14px;margin-bottom:3px;margin-right:3px}.nice-select .has-multiple .multiple-options{display:block;line-height:24px;padding:0}.nice-select .nice-select-search-box{box-sizing:border-box;width:100%;padding:5px;pointer-events:none;border-radius:5px 5px 0 0}.nice-select .nice-select-search{box-sizing:border-box;background-color:#fff;border:1px solid #e8e8e8;border-radius:3px;color:#444;display:inline-block;vertical-align:middle;padding:7px 12px;margin:0 10px 0 0;width:100%;min-height:36px;line-height:22px;height:auto;outline:0 !important;font-size:14px}
+
diff --git a/resources/css/noui-slider.css b/resources/css/noui-slider.css
new file mode 100644
index 0000000000000000000000000000000000000000..62c16afd5c22d765dd5bf1f1b0ba960ffa5605c4
--- /dev/null
+++ b/resources/css/noui-slider.css
@@ -0,0 +1,31 @@
+.noUi-horizontal .noUi-handle {
+    width: 25px !important;
+    height: 20px !important;
+    top: -8px !important;
+}
+
+.noUi-handle:after,
+.noUi-handle:before {
+    display: none !important;
+}
+
+.dark .noUi-connects {
+    background: #1b2e4b;
+}
+
+.dark .noUi-target {
+    border-color: #253b5c;
+    background: transparent;
+}
+
+.dark .noUi-handle {
+    background: #3b3f5c;
+    border-color: #3b3f5c;
+    box-shadow: none;
+}
+
+.dark .noUi-tooltip {
+    background: #1b2e4b;
+    border-color: #253b5c;
+    color: #888ea8;
+}
\ No newline at end of file
diff --git a/resources/css/nouislider.min.css b/resources/css/nouislider.min.css
new file mode 100644
index 0000000000000000000000000000000000000000..ba669587fda3e6b221c9472143de314f6b66b5c7
--- /dev/null
+++ b/resources/css/nouislider.min.css
@@ -0,0 +1 @@
+.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:8px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-12px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#4361ee}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
\ No newline at end of file
diff --git a/resources/css/perfect-scrollbar.min.css b/resources/css/perfect-scrollbar.min.css
new file mode 100644
index 0000000000000000000000000000000000000000..6761910f0c8ac53593ed9b0f025205c9e98eb4d7
--- /dev/null
+++ b/resources/css/perfect-scrollbar.min.css
@@ -0,0 +1 @@
+.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}
\ No newline at end of file
diff --git a/resources/css/quill-editor.css b/resources/css/quill-editor.css
new file mode 100644
index 0000000000000000000000000000000000000000..20f93caf7ff6deec9aae1648122f7c136550be9b
--- /dev/null
+++ b/resources/css/quill-editor.css
@@ -0,0 +1,92 @@
+.ql-snow .ql-editor img {
+  margin: 20px;
+  height: 176px;
+  width: 256px;
+}
+
+.ltr .ql-snow .ql-editor img {
+  margin-left: 0px;
+}
+
+.rtl .ql-snow .ql-editor img {
+  margin-right: 0px;
+}
+
+.dark .ql-toolbar.ql-snow,
+.dark .ql-container.ql-snow {
+  border-color: #17263c;
+}
+
+.dark .ql-container.ql-snow {
+  background-color: #121e32;
+}
+
+.ql-toolbar.ql-snow {
+  box-sizing: border-box;
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+  border-width: 1px;
+  border-color: #e0e6ed !important;
+  padding: 8px;
+  font-family: Nunito, sans-serif;
+}
+
+.dark .ql-toolbar.ql-snow,
+.dark .ql-container.ql-snow {
+  border-color: #17263c !important;
+}
+
+.ql-container.ql-snow {
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+  border-width: 1px;
+  border-top: 0px !important;
+  border-color: #e0e6ed !important;
+}
+
+.ql-snow .ql-editor {
+  max-height: 200px;
+  min-height: 200px;
+  overflow: auto;
+}
+
+.rtl .ql-snow .ql-editor {
+  text-align: right;
+}
+
+.dark .ql-snow .ql-stroke {
+  stroke: #888ea8;
+}
+
+.dark .ql-snow .ql-picker,
+.dark .ql-snow .ql-editor h1,
+.dark .ql-snow .ql-editor p {
+  color: #888ea8;
+}
+
+.rtl .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
+  right: auto !important;
+  left: 0px;
+}
+
+.dark .ql-snow .ql-tooltip {
+  background-color: #060818;
+  border-color: #17263c;
+  color: #888ea8;
+}
+
+.ql-snow .ql-tooltip input[type='text'] {
+  outline: none !important;
+  box-shadow: none !important;
+}
+
+.dark .ql-snow .ql-tooltip input[type='text'] {
+  background-color: #121e32;
+  border-color: #17263c;
+  color: #888ea8;
+}
+
+.rtl .ql-toolbar.ql-snow .ql-formats {
+  margin-right: 0px !important;
+  margin-left: 15px;
+}
diff --git a/resources/css/quill.snow.css b/resources/css/quill.snow.css
new file mode 100644
index 0000000000000000000000000000000000000000..70fc3eab766baf51fdc093ba675d6c0342a0db81
--- /dev/null
+++ b/resources/css/quill.snow.css
@@ -0,0 +1,945 @@
+/*!
+ * Quill Editor v1.3.6
+ * https://quilljs.com/
+ * Copyright (c) 2014, Jason Chen
+ * Copyright (c) 2013, salesforce.com
+ */
+.ql-container {
+  box-sizing: border-box;
+  font-family: Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  height: 100%;
+  margin: 0px;
+  position: relative;
+}
+.ql-container.ql-disabled .ql-tooltip {
+  visibility: hidden;
+}
+.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
+  pointer-events: none;
+}
+.ql-clipboard {
+  left: -100000px;
+  height: 1px;
+  overflow-y: hidden;
+  position: absolute;
+  top: 50%;
+}
+.ql-clipboard p {
+  margin: 0;
+  padding: 0;
+}
+.ql-editor {
+  box-sizing: border-box;
+  line-height: 1.42;
+  height: 100%;
+  outline: none;
+  overflow-y: auto;
+  padding: 12px 15px;
+  tab-size: 4;
+  -moz-tab-size: 4;
+  text-align: left;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+.ql-editor > * {
+  cursor: text;
+}
+.ql-editor p,
+.ql-editor ol,
+.ql-editor ul,
+.ql-editor pre,
+.ql-editor blockquote,
+.ql-editor h1,
+.ql-editor h2,
+.ql-editor h3,
+.ql-editor h4,
+.ql-editor h5,
+.ql-editor h6 {
+  margin: 0;
+  padding: 0;
+  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+}
+.ql-editor ol,
+.ql-editor ul {
+  padding-left: 1.5em;
+}
+.ql-editor ol > li,
+.ql-editor ul > li {
+  list-style-type: none;
+}
+.ql-editor ul > li::before {
+  content: '\2022';
+}
+.ql-editor ul[data-checked=true],
+.ql-editor ul[data-checked=false] {
+  pointer-events: none;
+}
+.ql-editor ul[data-checked=true] > li *,
+.ql-editor ul[data-checked=false] > li * {
+  pointer-events: all;
+}
+.ql-editor ul[data-checked=true] > li::before,
+.ql-editor ul[data-checked=false] > li::before {
+  color: #777;
+  cursor: pointer;
+  pointer-events: all;
+}
+.ql-editor ul[data-checked=true] > li::before {
+  content: '\2611';
+}
+.ql-editor ul[data-checked=false] > li::before {
+  content: '\2610';
+}
+.ql-editor li::before {
+  display: inline-block;
+  white-space: nowrap;
+  width: 1.2em;
+}
+.ql-editor li:not(.ql-direction-rtl)::before {
+  margin-left: -1.5em;
+  margin-right: 0.3em;
+  text-align: right;
+}
+.ql-editor li.ql-direction-rtl::before {
+  margin-left: 0.3em;
+  margin-right: -1.5em;
+}
+.ql-editor ol li:not(.ql-direction-rtl),
+.ql-editor ul li:not(.ql-direction-rtl) {
+  padding-left: 1.5em;
+}
+.ql-editor ol li.ql-direction-rtl,
+.ql-editor ul li.ql-direction-rtl {
+  padding-right: 1.5em;
+}
+.ql-editor ol li {
+  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+  counter-increment: list-0;
+}
+.ql-editor ol li:before {
+  content: counter(list-0, decimal) '. ';
+}
+.ql-editor ol li.ql-indent-1 {
+  counter-increment: list-1;
+}
+.ql-editor ol li.ql-indent-1:before {
+  content: counter(list-1, lower-alpha) '. ';
+}
+.ql-editor ol li.ql-indent-1 {
+  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-2 {
+  counter-increment: list-2;
+}
+.ql-editor ol li.ql-indent-2:before {
+  content: counter(list-2, lower-roman) '. ';
+}
+.ql-editor ol li.ql-indent-2 {
+  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-3 {
+  counter-increment: list-3;
+}
+.ql-editor ol li.ql-indent-3:before {
+  content: counter(list-3, decimal) '. ';
+}
+.ql-editor ol li.ql-indent-3 {
+  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-4 {
+  counter-increment: list-4;
+}
+.ql-editor ol li.ql-indent-4:before {
+  content: counter(list-4, lower-alpha) '. ';
+}
+.ql-editor ol li.ql-indent-4 {
+  counter-reset: list-5 list-6 list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-5 {
+  counter-increment: list-5;
+}
+.ql-editor ol li.ql-indent-5:before {
+  content: counter(list-5, lower-roman) '. ';
+}
+.ql-editor ol li.ql-indent-5 {
+  counter-reset: list-6 list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-6 {
+  counter-increment: list-6;
+}
+.ql-editor ol li.ql-indent-6:before {
+  content: counter(list-6, decimal) '. ';
+}
+.ql-editor ol li.ql-indent-6 {
+  counter-reset: list-7 list-8 list-9;
+}
+.ql-editor ol li.ql-indent-7 {
+  counter-increment: list-7;
+}
+.ql-editor ol li.ql-indent-7:before {
+  content: counter(list-7, lower-alpha) '. ';
+}
+.ql-editor ol li.ql-indent-7 {
+  counter-reset: list-8 list-9;
+}
+.ql-editor ol li.ql-indent-8 {
+  counter-increment: list-8;
+}
+.ql-editor ol li.ql-indent-8:before {
+  content: counter(list-8, lower-roman) '. ';
+}
+.ql-editor ol li.ql-indent-8 {
+  counter-reset: list-9;
+}
+.ql-editor ol li.ql-indent-9 {
+  counter-increment: list-9;
+}
+.ql-editor ol li.ql-indent-9:before {
+  content: counter(list-9, decimal) '. ';
+}
+.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
+  padding-left: 3em;
+}
+.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
+  padding-left: 4.5em;
+}
+.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
+  padding-right: 3em;
+}
+.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
+  padding-right: 4.5em;
+}
+.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
+  padding-left: 6em;
+}
+.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
+  padding-left: 7.5em;
+}
+.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
+  padding-right: 6em;
+}
+.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
+  padding-right: 7.5em;
+}
+.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
+  padding-left: 9em;
+}
+.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
+  padding-left: 10.5em;
+}
+.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
+  padding-right: 9em;
+}
+.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
+  padding-right: 10.5em;
+}
+.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
+  padding-left: 12em;
+}
+.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
+  padding-left: 13.5em;
+}
+.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
+  padding-right: 12em;
+}
+.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
+  padding-right: 13.5em;
+}
+.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
+  padding-left: 15em;
+}
+.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
+  padding-left: 16.5em;
+}
+.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
+  padding-right: 15em;
+}
+.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
+  padding-right: 16.5em;
+}
+.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
+  padding-left: 18em;
+}
+.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
+  padding-left: 19.5em;
+}
+.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
+  padding-right: 18em;
+}
+.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
+  padding-right: 19.5em;
+}
+.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
+  padding-left: 21em;
+}
+.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
+  padding-left: 22.5em;
+}
+.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
+  padding-right: 21em;
+}
+.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
+  padding-right: 22.5em;
+}
+.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
+  padding-left: 24em;
+}
+.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
+  padding-left: 25.5em;
+}
+.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
+  padding-right: 24em;
+}
+.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
+  padding-right: 25.5em;
+}
+.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
+  padding-left: 27em;
+}
+.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
+  padding-left: 28.5em;
+}
+.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
+  padding-right: 27em;
+}
+.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
+  padding-right: 28.5em;
+}
+.ql-editor .ql-video {
+  display: block;
+  max-width: 100%;
+}
+.ql-editor .ql-video.ql-align-center {
+  margin: 0 auto;
+}
+.ql-editor .ql-video.ql-align-right {
+  margin: 0 0 0 auto;
+}
+.ql-editor .ql-bg-black {
+  background-color: #000;
+}
+.ql-editor .ql-bg-red {
+  background-color: #e60000;
+}
+.ql-editor .ql-bg-orange {
+  background-color: #f90;
+}
+.ql-editor .ql-bg-yellow {
+  background-color: #ff0;
+}
+.ql-editor .ql-bg-green {
+  background-color: #008a00;
+}
+.ql-editor .ql-bg-blue {
+  background-color: #06c;
+}
+.ql-editor .ql-bg-purple {
+  background-color: #93f;
+}
+.ql-editor .ql-color-white {
+  color: #fff;
+}
+.ql-editor .ql-color-red {
+  color: #e60000;
+}
+.ql-editor .ql-color-orange {
+  color: #f90;
+}
+.ql-editor .ql-color-yellow {
+  color: #ff0;
+}
+.ql-editor .ql-color-green {
+  color: #008a00;
+}
+.ql-editor .ql-color-blue {
+  color: #06c;
+}
+.ql-editor .ql-color-purple {
+  color: #93f;
+}
+.ql-editor .ql-font-serif {
+  font-family: Georgia, Times New Roman, serif;
+}
+.ql-editor .ql-font-monospace {
+  font-family: Monaco, Courier New, monospace;
+}
+.ql-editor .ql-size-small {
+  font-size: 0.75em;
+}
+.ql-editor .ql-size-large {
+  font-size: 1.5em;
+}
+.ql-editor .ql-size-huge {
+  font-size: 2.5em;
+}
+.ql-editor .ql-direction-rtl {
+  direction: rtl;
+  text-align: inherit;
+}
+.ql-editor .ql-align-center {
+  text-align: center;
+}
+.ql-editor .ql-align-justify {
+  text-align: justify;
+}
+.ql-editor .ql-align-right {
+  text-align: right;
+}
+.ql-editor.ql-blank::before {
+  color: rgba(0,0,0,0.6);
+  content: attr(data-placeholder);
+  font-style: italic;
+  left: 15px;
+  pointer-events: none;
+  position: absolute;
+  right: 15px;
+}
+.ql-snow.ql-toolbar:after,
+.ql-snow .ql-toolbar:after {
+  clear: both;
+  content: '';
+  display: table;
+}
+.ql-snow.ql-toolbar button,
+.ql-snow .ql-toolbar button {
+  background: none;
+  border: none;
+  cursor: pointer;
+  display: inline-block;
+  float: left;
+  height: 24px;
+  padding: 3px 5px;
+  width: 28px;
+}
+.ql-snow.ql-toolbar button svg,
+.ql-snow .ql-toolbar button svg {
+  float: left;
+  height: 100%;
+}
+.ql-snow.ql-toolbar button:active:hover,
+.ql-snow .ql-toolbar button:active:hover {
+  outline: none;
+}
+.ql-snow.ql-toolbar input.ql-image[type=file],
+.ql-snow .ql-toolbar input.ql-image[type=file] {
+  display: none;
+}
+.ql-snow.ql-toolbar button:hover,
+.ql-snow .ql-toolbar button:hover,
+.ql-snow.ql-toolbar button:focus,
+.ql-snow .ql-toolbar button:focus,
+.ql-snow.ql-toolbar button.ql-active,
+.ql-snow .ql-toolbar button.ql-active,
+.ql-snow.ql-toolbar .ql-picker-label:hover,
+.ql-snow .ql-toolbar .ql-picker-label:hover,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active,
+.ql-snow.ql-toolbar .ql-picker-item:hover,
+.ql-snow .ql-toolbar .ql-picker-item:hover,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
+  color: #06c;
+}
+.ql-snow.ql-toolbar button:hover .ql-fill,
+.ql-snow .ql-toolbar button:hover .ql-fill,
+.ql-snow.ql-toolbar button:focus .ql-fill,
+.ql-snow .ql-toolbar button:focus .ql-fill,
+.ql-snow.ql-toolbar button.ql-active .ql-fill,
+.ql-snow .ql-toolbar button.ql-active .ql-fill,
+.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
+.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
+.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
+.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
+  fill: #06c;
+}
+.ql-snow.ql-toolbar button:hover .ql-stroke,
+.ql-snow .ql-toolbar button:hover .ql-stroke,
+.ql-snow.ql-toolbar button:focus .ql-stroke,
+.ql-snow .ql-toolbar button:focus .ql-stroke,
+.ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.ql-snow .ql-toolbar button.ql-active .ql-stroke,
+.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
+.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
+.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
+.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
+.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
+.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
+.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
+.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
+.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
+.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
+.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
+.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
+.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
+.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
+.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
+.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
+.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
+  stroke: #06c;
+}
+@media (pointer: coarse) {
+  .ql-snow.ql-toolbar button:hover:not(.ql-active),
+  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
+    color: #444;
+  }
+  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
+  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
+  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
+  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
+    fill: #444;
+  }
+  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
+  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
+  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
+  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
+    stroke: #444;
+  }
+}
+.ql-snow {
+  box-sizing: border-box;
+}
+.ql-snow * {
+  box-sizing: border-box;
+}
+.ql-snow .ql-hidden {
+  display: none;
+}
+.ql-snow .ql-out-bottom,
+.ql-snow .ql-out-top {
+  visibility: hidden;
+}
+.ql-snow .ql-tooltip {
+  position: absolute;
+  transform: translateY(10px);
+}
+.ql-snow .ql-tooltip a {
+  cursor: pointer;
+  text-decoration: none;
+}
+.ql-snow .ql-tooltip.ql-flip {
+  transform: translateY(-10px);
+}
+.ql-snow .ql-formats {
+  display: inline-block;
+  vertical-align: middle;
+}
+.ql-snow .ql-formats:after {
+  clear: both;
+  content: '';
+  display: table;
+}
+.ql-snow .ql-stroke {
+  fill: none;
+  stroke: #444;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  stroke-width: 2;
+}
+.ql-snow .ql-stroke-miter {
+  fill: none;
+  stroke: #444;
+  stroke-miterlimit: 10;
+  stroke-width: 2;
+}
+.ql-snow .ql-fill,
+.ql-snow .ql-stroke.ql-fill {
+  fill: #444;
+}
+.ql-snow .ql-empty {
+  fill: none;
+}
+.ql-snow .ql-even {
+  fill-rule: evenodd;
+}
+.ql-snow .ql-thin,
+.ql-snow .ql-stroke.ql-thin {
+  stroke-width: 1;
+}
+.ql-snow .ql-transparent {
+  opacity: 0.4;
+}
+.ql-snow .ql-direction svg:last-child {
+  display: none;
+}
+.ql-snow .ql-direction.ql-active svg:last-child {
+  display: inline;
+}
+.ql-snow .ql-direction.ql-active svg:first-child {
+  display: none;
+}
+.ql-snow .ql-editor h1 {
+  font-size: 2em;
+}
+.ql-snow .ql-editor h2 {
+  font-size: 1.5em;
+}
+.ql-snow .ql-editor h3 {
+  font-size: 1.17em;
+}
+.ql-snow .ql-editor h4 {
+  font-size: 1em;
+}
+.ql-snow .ql-editor h5 {
+  font-size: 0.83em;
+}
+.ql-snow .ql-editor h6 {
+  font-size: 0.67em;
+}
+.ql-snow .ql-editor a {
+  text-decoration: underline;
+}
+.ql-snow .ql-editor blockquote {
+  border-left: 4px solid #ccc;
+  margin-bottom: 5px;
+  margin-top: 5px;
+  padding-left: 16px;
+}
+.ql-snow .ql-editor code,
+.ql-snow .ql-editor pre {
+  background-color: #f0f0f0;
+  border-radius: 3px;
+}
+.ql-snow .ql-editor pre {
+  white-space: pre-wrap;
+  margin-bottom: 5px;
+  margin-top: 5px;
+  padding: 5px 10px;
+}
+.ql-snow .ql-editor code {
+  font-size: 85%;
+  padding: 2px 4px;
+}
+.ql-snow .ql-editor pre.ql-syntax {
+  background-color: #23241f;
+  color: #f8f8f2;
+  overflow: visible;
+}
+.ql-snow .ql-editor img {
+  max-width: 100%;
+}
+.ql-snow .ql-picker {
+  color: #444;
+  display: inline-block;
+  float: left;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  position: relative;
+  vertical-align: middle;
+}
+.ql-snow .ql-picker-label {
+  cursor: pointer;
+  display: inline-block;
+  height: 100%;
+  padding-left: 8px;
+  padding-right: 2px;
+  position: relative;
+  width: 100%;
+}
+.ql-snow .ql-picker-label::before {
+  display: inline-block;
+  line-height: 22px;
+}
+.ql-snow .ql-picker-options {
+  background-color: #fff;
+  display: none;
+  min-width: 100%;
+  padding: 4px 8px;
+  position: absolute;
+  white-space: nowrap;
+}
+.ql-snow .ql-picker-options .ql-picker-item {
+  cursor: pointer;
+  display: block;
+  padding-bottom: 5px;
+  padding-top: 5px;
+}
+.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+  color: #ccc;
+  z-index: 2;
+}
+.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+  fill: #ccc;
+}
+.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+  stroke: #ccc;
+}
+.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+  display: block;
+  margin-top: -1px;
+  top: 100%;
+  z-index: 1;
+}
+.ql-snow .ql-color-picker,
+.ql-snow .ql-icon-picker {
+  width: 28px;
+}
+.ql-snow .ql-color-picker .ql-picker-label,
+.ql-snow .ql-icon-picker .ql-picker-label {
+  padding: 2px 4px;
+}
+.ql-snow .ql-color-picker .ql-picker-label svg,
+.ql-snow .ql-icon-picker .ql-picker-label svg {
+  right: 4px;
+}
+.ql-snow .ql-icon-picker .ql-picker-options {
+  padding: 4px 0px;
+}
+.ql-snow .ql-icon-picker .ql-picker-item {
+  height: 24px;
+  width: 24px;
+  padding: 2px 4px;
+}
+.ql-snow .ql-color-picker .ql-picker-options {
+  padding: 3px 5px;
+  width: 152px;
+}
+.ql-snow .ql-color-picker .ql-picker-item {
+  border: 1px solid transparent;
+  float: left;
+  height: 16px;
+  margin: 2px;
+  padding: 0px;
+  width: 16px;
+}
+.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
+  position: absolute;
+  margin-top: -9px;
+  right: 0;
+  top: 50%;
+  width: 18px;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
+  content: attr(data-label);
+}
+.ql-snow .ql-picker.ql-header {
+  width: 98px;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item::before {
+  content: 'Normal';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
+  content: 'Heading 1';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
+  content: 'Heading 2';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
+  content: 'Heading 3';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
+  content: 'Heading 4';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
+  content: 'Heading 5';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
+  content: 'Heading 6';
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
+  font-size: 2em;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
+  font-size: 1.5em;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
+  font-size: 1.17em;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
+  font-size: 1em;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
+  font-size: 0.83em;
+}
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
+  font-size: 0.67em;
+}
+.ql-snow .ql-picker.ql-font {
+  width: 108px;
+}
+.ql-snow .ql-picker.ql-font .ql-picker-label::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item::before {
+  content: 'Sans Serif';
+}
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
+  content: 'Serif';
+}
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
+  content: 'Monospace';
+}
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
+  font-family: Georgia, Times New Roman, serif;
+}
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
+  font-family: Monaco, Courier New, monospace;
+}
+.ql-snow .ql-picker.ql-size {
+  width: 98px;
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item::before {
+  content: 'Normal';
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
+  content: 'Small';
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
+  content: 'Large';
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
+  content: 'Huge';
+}
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
+  font-size: 10px;
+}
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
+  font-size: 18px;
+}
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
+  font-size: 32px;
+}
+.ql-snow .ql-color-picker.ql-background .ql-picker-item {
+  background-color: #fff;
+}
+.ql-snow .ql-color-picker.ql-color .ql-picker-item {
+  background-color: #000;
+}
+.ql-toolbar.ql-snow {
+  border: 1px solid #ccc;
+  box-sizing: border-box;
+  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
+  padding: 8px;
+}
+.ql-toolbar.ql-snow .ql-formats {
+  margin-right: 15px;
+}
+.ql-toolbar.ql-snow .ql-picker-label {
+  border: 1px solid transparent;
+}
+.ql-toolbar.ql-snow .ql-picker-options {
+  border: 1px solid transparent;
+  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
+}
+.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+  border-color: #ccc;
+}
+.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+  border-color: #ccc;
+}
+.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
+.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
+  border-color: #000;
+}
+.ql-toolbar.ql-snow + .ql-container.ql-snow {
+  border-top: 0px;
+}
+.ql-snow .ql-tooltip {
+  background-color: #fff;
+  border: 1px solid #ccc;
+  box-shadow: 0px 0px 5px #ddd;
+  color: #444;
+  padding: 5px 12px;
+  white-space: nowrap;
+}
+.ql-snow .ql-tooltip::before {
+  content: "Visit URL:";
+  line-height: 26px;
+  margin-right: 8px;
+}
+.ql-snow .ql-tooltip input[type=text] {
+  display: none;
+  border: 1px solid #ccc;
+  font-size: 13px;
+  height: 26px;
+  margin: 0px;
+  padding: 3px 5px;
+  width: 170px;
+}
+.ql-snow .ql-tooltip a.ql-preview {
+  display: inline-block;
+  max-width: 200px;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  vertical-align: top;
+}
+.ql-snow .ql-tooltip a.ql-action::after {
+  border-right: 1px solid #ccc;
+  content: 'Edit';
+  margin-left: 16px;
+  padding-right: 8px;
+}
+.ql-snow .ql-tooltip a.ql-remove::before {
+  content: 'Remove';
+  margin-left: 8px;
+}
+.ql-snow .ql-tooltip a {
+  line-height: 26px;
+}
+.ql-snow .ql-tooltip.ql-editing a.ql-preview,
+.ql-snow .ql-tooltip.ql-editing a.ql-remove {
+  display: none;
+}
+.ql-snow .ql-tooltip.ql-editing input[type=text] {
+  display: inline-block;
+}
+.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
+  border-right: 0px;
+  content: 'Save';
+  padding-right: 0px;
+}
+.ql-snow .ql-tooltip[data-mode=link]::before {
+  content: "Enter link:";
+}
+.ql-snow .ql-tooltip[data-mode=formula]::before {
+  content: "Enter formula:";
+}
+.ql-snow .ql-tooltip[data-mode=video]::before {
+  content: "Enter video:";
+}
+.ql-snow a {
+  color: #06c;
+}
+.ql-container.ql-snow {
+  border: 1px solid #ccc;
+}
diff --git a/resources/css/scrumboard.css b/resources/css/scrumboard.css
new file mode 100644
index 0000000000000000000000000000000000000000..b5a642f316b2a56286933452f1b4b3acacb08d5a
--- /dev/null
+++ b/resources/css/scrumboard.css
@@ -0,0 +1,11 @@
+.sortable-ghost {
+    @apply opacity-70;
+}
+
+.dark .sortable-ghost {
+    @apply opacity-40;
+}
+
+.dark .sortable-drag {
+    @apply rotate-[10deg] bg-black;
+}
diff --git a/resources/css/select2.css b/resources/css/select2.css
new file mode 100644
index 0000000000000000000000000000000000000000..f314a1f53a04c1af2c6f6b43048a642fd57b9717
--- /dev/null
+++ b/resources/css/select2.css
@@ -0,0 +1,55 @@
+.nice-select {
+    float: none !important;
+}
+
+.rtl .nice-select {
+    text-align: right !important;
+    padding-left: 30px;
+    padding-right: 18px;
+}
+
+.rtl .nice-select::after {
+    right: auto;
+    left: 12px;
+}
+
+.rtl .nice-select .option {
+    text-align: right;
+}
+
+.dark .nice-select,
+.dark .nice-select.open {
+    background-color: #1b2e4b;
+    border-color: #253b5c !important;
+}
+
+.dark .nice-select .nice-select-dropdown {
+    background-color: #1b2e4b;
+}
+
+.dark .nice-select .option:hover,
+.dark .nice-select .option.focus,
+.dark .nice-select .option.selected.focus,
+.dark .nice-select .nice-select-search {
+    background-color: #132136;
+    border-color: #253b5c !important;
+    color:#888ea8;
+}
+
+.nice-select .nice-select-search {
+    margin: 0px !important;
+}
+
+.nice-select .nice-select-dropdown {
+    width: 100%;
+    transform: translateY(5px) !important;
+    transition: all .2s cubic-bezier(0.4, 0.35, 0.38, 0.39), opacity 0.2s ease-out !important;
+}
+
+.nice-select.open .nice-select-dropdown {
+    transform: scale(1) translateY(0) !important;
+}
+
+.nice-select.open {
+    border-color: #e0e6ed !important;
+}
\ No newline at end of file
diff --git a/resources/css/simple-datatables.css b/resources/css/simple-datatables.css
new file mode 100644
index 0000000000000000000000000000000000000000..cd9520da07469c6e181a4fce216792b7448ee881
--- /dev/null
+++ b/resources/css/simple-datatables.css
@@ -0,0 +1,197 @@
+table.dataTable-table thead tr th,
+table.dataTable-table tfoot tr th {
+  @apply font-bold;
+}
+
+table.table-bordered thead tr th,
+table.table-bordered tbody tr td {
+  @apply !border !border-solid !border-[#f6f7fa] dark:!border-[#191e3a];
+}
+
+table.table-compact thead tr th,
+table.table-compact tbody tr td {
+  @apply !py-2 !px-3;
+}
+
+.sticky-header table thead {
+  @apply sticky top-0 z-10;
+}
+
+.sticky-header .dataTable-container {
+  @apply h-[500px];
+}
+
+.sticky-column table thead tr th:first-child,
+.sticky-column table tbody tr td:first-child {
+  @apply sticky z-[8] bg-[#f6f8fa] ltr:left-0 rtl:right-0 dark:bg-[#1a2941];
+}
+.sticky-column table thead tr th:nth-child(2),
+.sticky-column table tbody tr td:nth-child(2) {
+  @apply sticky z-[8] bg-[#f6f8fa] ltr:left-[58px] rtl:right-[58px] dark:bg-[#1a2941];
+}
+
+.sticky-header.sticky-column table thead tr th:first-child,
+.sticky-header.sticky-column table thead tr th:nth-child(2) {
+  @apply top-0;
+}
+
+.dataTable-container {
+  @apply overflow-auto;
+}
+.dataTable-top,
+.dataTable-container {
+  @apply mb-5;
+}
+.dataTable-top,
+.dataTable-bottom {
+  @apply flex flex-wrap items-center gap-4 font-medium;
+}
+
+/* pagination */
+.dataTable-pagination {
+  @apply ltr:ml-auto rtl:mr-auto;
+}
+
+.dataTable-pagination ul {
+  @apply flex items-center;
+}
+
+.dataTable-pagination a {
+  @apply grid h-9 w-9 place-content-center rounded-full bg-white-light text-dark hover:!bg-primary hover:!text-white ltr:ml-1 rtl:mr-1 dark:bg-[#191e3a] dark:text-white-light;
+}
+
+.dataTable-pagination .active a {
+  @apply cursor-default bg-primary text-white;
+}
+/* sorting */
+
+.dataTable-sorter {
+  @apply relative inline-block h-full w-max ltr:pr-7 ltr:before:right-1 ltr:after:right-1 rtl:pl-7 rtl:before:left-1 rtl:after:left-1;
+}
+
+.dataTable-sorter::before,
+.dataTable-sorter::after {
+  content: '';
+  height: 0;
+  width: 0;
+  position: absolute;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  opacity: 0.2;
+}
+
+.dataTable-sorter::before {
+  border-top: 5px solid #0e1726;
+  bottom: 4px;
+}
+.dataTable-sorter::after {
+  border-bottom: 5px solid #0e1726;
+  border-top: 5px solid transparent;
+  top: -2px;
+}
+
+.dark .dataTable-sorter::after {
+  border-bottom-color: #ffffff;
+}
+.dark .dataTable-sorter::before {
+  border-top-color: #ffffff;
+}
+
+.asc .dataTable-sorter::after {
+  @apply border-b-primary opacity-100;
+}
+
+.desc .dataTable-sorter::before {
+  @apply border-t-primary opacity-100;
+}
+
+/* search, info, pagesize */
+/* .dataTable-info,
+.dataTable-dropdown,
+.dataTable-pagination {
+  padding: 6px 0;
+} */
+
+.ltr .dataTable-search {
+  margin-left: auto;
+}
+
+.rtl .dataTable-search {
+  margin-right: auto;
+}
+
+.dataTable-dropdown .dataTable-selector,
+.dataTable-search .dataTable-input {
+  width: auto;
+  background-color: #fff;
+  color: #0e1726;
+  border-color: #e0e6ed;
+  border-radius: 6px;
+  padding: 8px 16px;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 600;
+  border-width: 1px;
+  outline: none !important;
+}
+
+.dataTable-dropdown .dataTable-selector:focus,
+.dataTable-search .dataTable-input:focus {
+  border-color: #4361ee;
+}
+
+.dataTable-search .dataTable-input {
+  box-shadow: none !important;
+}
+
+.dataTable-dropdown .dataTable-selector {
+  @apply py-1.5 ltr:pl-2 ltr:pr-4 rtl:pr-2 rtl:pl-4;
+}
+
+.dark .dataTable-dropdown .dataTable-selector,
+.dark .dataTable-search .dataTable-input {
+  background-color: #121e32;
+  color: #888ea8;
+  border-color: #17263c;
+}
+.dataTable-dropdown label {
+  margin-bottom: 0;
+}
+
+@media screen and (max-width: 767px) {
+  .dataTable-bottom {
+    flex-direction: column;
+  }
+  .ltr .dataTable-pagination {
+    margin-left: 0;
+  }
+  .rtl .dataTable-pagination {
+    margin-right: 0;
+  }
+}
+
+/* invoice list datatable */
+.invoice-table .dataTable-wrapper .dataTable-top,
+.invoice-table .dataTable-wrapper .dataTable-bottom {
+  @apply px-5;
+}
+
+.no-number-pagination ul.dataTable-pagination-list li {
+  @apply hidden;
+}
+
+.no-number-pagination ul.dataTable-pagination-list li.pager {
+  @apply !block;
+}
+
+.next-prev-pagination .dataTable-pagination a {
+  @apply w-max rounded-md border border-primary bg-transparent px-5 py-2 text-primary dark:border-primary dark:bg-transparent dark:text-primary;
+}
+
+.next-prev-pagination .dataTable-bottom {
+  @apply flex-col justify-center;
+}
+
+.next-prev-pagination .dataTable-pagination {
+  @apply ltr:ml-0 rtl:mr-0;
+}
diff --git a/resources/css/sweetalert.css b/resources/css/sweetalert.css
new file mode 100644
index 0000000000000000000000000000000000000000..bfc9f3ef6d4eebe322aadf9ebc919bd8704a1dd0
--- /dev/null
+++ b/resources/css/sweetalert.css
@@ -0,0 +1,361 @@
+body.swal2-toast-shown .swal2-container.toast {
+    width: 400px;
+}
+
+.swal2-popup {
+    flex-direction: column;
+    justify-content: center;
+    padding: 20px !important;
+    box-sizing: border-box;
+}
+
+.dark .swal2-popup {
+    background: #0e1726;
+}
+
+.dark .swal2-popup .swal2-title {
+    color: #888ea8;
+}
+
+.swal2-popup .swal2-title {
+    display: block;
+    margin: 0px !important;
+    width: 100%;
+    color: #3b3f5c;
+    font-size: 24px;
+    @apply ltr:!pr-10 rtl:!pl-10;
+}
+
+.swal2-popup .swal2-styled {
+    box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1) !important;
+    letter-spacing: 1px;
+    font-size: 14px !important;
+    line-height: 20px !important;
+    transition: all 0.3s ease-out;
+    -webkit-transition: all 0.3s ease-out;
+    margin: 0 5px;
+    padding: 8px 20px;
+    border-radius: 6px;
+}
+
+.swal2-popup .swal2-styled.swal2-cancel {
+    background-color: #fff !important;
+    color: #4361ee;
+    border: 1px solid #e8e8e8;
+    box-shadow: none;
+    padding: 7px 20px;
+}
+
+.dark .swal2-popup .swal2-styled.swal2-cancel {
+    background-color: #3b3f5c !important;
+    color: #e0e6ed;
+    border-color: #3b3f5c;
+}
+
+.swal2-popup .swal2-styled.swal2-confirm {
+    background-color: #4361ee;
+}
+
+.swal2-popup .swal2-styled.swal2-confirm:focus {
+    box-shadow: none !important;
+}
+
+.swal2-popup .swal2-html-container {
+    margin: 0 !important;
+    color: #e95f2b;
+    font-weight: 300;
+    @apply ltr:!pr-10 rtl:!pl-10;
+}
+
+.swal2-popup .swal2-close {
+    position: absolute;
+    top: 16px;
+    transition: color 0.1s ease-out;
+    font-family: serif;
+    @apply ltr:right-4 rtl:left-4;
+}
+
+.dark .swal2-popup .swal2-close {
+    color: #888ea8;
+}
+
+.swal2-popup.swal2-toast {
+    flex-direction: row;
+    align-items: center;
+    width: auto !important;
+    box-shadow: 0 0 0.625em #d9d9d9;
+    padding: 2em;
+    overflow-y: hidden;
+    display: flex !important;
+}
+
+.swal2-popup.swal2-toast.swal2-show {
+    -webkit-animation: showSweetToast 0.5s;
+    animation: showSweetToast 0.5s;
+}
+
+.swal2-popup pre {
+    color: #009688;
+}
+
+.swal2-icon {
+    position: relative;
+    box-sizing: content-box;
+    justify-content: center;
+    width: 5em;
+    height: 5em;
+    margin: 1.25em auto 1.875em;
+    border: 0.25em solid transparent;
+    border-radius: 50%;
+    border-color: #000;
+    font-family: inherit;
+    line-height: 5em;
+    cursor: default;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.sweet-alerts .swal2-icon:not(.swal2-error):not(.swal2-success) {
+    width: 2em !important;
+    line-height: 119px !important;
+    height: 2em !important;
+    margin: 0.25em auto 0.875em !important;
+}
+
+.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
+    height: 3px !important;
+}
+
+.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
+    width: 16px !important;
+    top: 11px !important;
+}
+
+.swal2-icon.swal2-error {
+    border-color: #e7515a !important;
+    border: 4px solid #f1f2f3 !important;
+    box-shadow: 0px 3px 25px 0px rgb(113 106 202 / 20%);
+}
+
+.swal2-icon.swal2-warning {
+    color: #fb4 !important;
+    border: 4px solid #f1f2f3 !important;
+    box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.2);
+    text-align: center;
+}
+
+.sweet-alerts .swal2-icon.swal2-warning,
+.sweet-alerts .swal2-icon.swal2-question,
+.sweet-alerts .swal2-icon.swal2-info {
+    font-size: 60px;
+    line-height: 80px;
+}
+
+.swal2-popup.swal2-toast .swal2-icon {
+    height: 26px !important;
+    width: 26px !important;
+    min-width: 26px !important;
+    border-width: 2px !important;
+}
+
+.swal2-icon.swal2-info {
+    color: #4361ee !important;
+    border: 4px solid #f1f2f3 !important;
+    box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.2);
+    text-align: center;
+}
+
+.swal2-icon.swal2-question {
+    color: #805dca !important;
+    border: solid 4px #ebedf2 !important;
+    border-color: none !important;
+    text-align: center;
+    box-shadow: 0px 3px 25px 0px rgba(113, 106, 202, 0.2);
+    text-align: center;
+}
+
+.dark .swal2-icon.swal2-question,
+.dark .swal2-icon.swal2-info,
+.dark .swal2-icon.swal2-warning,
+.dark .swal2-icon.swal2-error {
+    border-color: #888ea8 !important;
+    box-shadow: none !important;
+}
+
+.swal2-iconswal2-success [class^='swal2-success-line'][class$='tip'] {
+    top: 2.875em;
+    left: 0.875em;
+    width: 1.5625em;
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+}
+
+.swal2-icon.swal2-success swal2-success [class^='swal2-success-line'][class$='long'] {
+    top: 2.375em;
+    right: 0.5em;
+    width: 2.9375em;
+    -webkit-transform: rotate(-45deg);
+    transform: rotate(-45deg);
+}
+
+.swal2-icon.swal2-success .swal2-success-fix {
+    position: absolute;
+    top: 0.5em;
+    left: 1.625em;
+    width: 0.4375em;
+    height: 5.625em;
+    -webkit-transform: rotate(-45deg);
+    transform: rotate(-45deg);
+    z-index: 1;
+}
+
+.swal2-icon.swal2-success .swal2-success-ring {
+    position: absolute;
+    top: -0.25em;
+    left: -0.25em;
+    width: 100%;
+    height: 100%;
+    border: 0.25em solid rgba(165, 220, 134, 0.3);
+    border-radius: 50%;
+    z-index: 2;
+    box-sizing: content-box;
+}
+
+.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
+    top: -0.6875em;
+    left: 1.875em;
+    -webkit-transform: rotate(-45deg);
+    transform: rotate(-45deg);
+    -webkit-transform-origin: 0 3.75em;
+    transform-origin: 0 3.75em;
+    border-radius: 0 7.5em 7.5em 0;
+}
+
+.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
+    background: #25d5e4 !important;
+}
+
+.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
+    background: #ebedf2 !important;
+}
+
+.dark .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
+    background: #3b3f5c !important;
+    color: #888ea8 !important;
+}
+
+.dark .swal2-progress-steps .swal2-progress-step {
+    color: #e0e6ed;
+}
+
+.sweet-alerts .swal2-icon-content {
+    font-size: 5.75rem !important;
+}
+.swal2-icon-content {
+    @apply !text-xl;
+}
+
+.swal2-show {
+    -webkit-animation: swal2-show 0.3s;
+    animation: swal2-show 0.3s;
+}
+
+.swal2-modal.background-modal .swal2-title {
+    color: #fff !important;
+}
+
+.dark .swal2-input {
+    background-color: #1b2e4b;
+    border-color: #253b5c;
+    color: #888ea8;
+}
+
+.dark .swal2-footer {
+    border-color: #888ea8;
+}
+
+.swal2-image {
+    margin-bottom: 32px !important;
+}
+
+.sweet-alerts.swal2-popup .swal2-html-container {
+    @apply !mt-4 !px-0;
+}
+
+.sweet-alerts.swal2-popup .swal2-title {
+    @apply ltr:!pr-6 rtl:!pl-6;
+}
+
+.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] {
+    width: 24px !important;
+    height: 26px !important;
+}
+
+.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] {
+    top: -0.8em;
+    left: -0.5em;
+    transform: rotate(-45deg);
+    transform-origin: 2em 2em;
+    border-radius: 4em 0 0 4em;
+}
+
+.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] {
+    top: 15px !important;
+    left: 3px !important;
+    width: 9px !important;
+}
+
+.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] {
+    top: 14px !important;
+    right: 2px !important;
+    width: 16px !important;
+}
+
+.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
+    width: 26px !important;
+    height: 26px !important;
+}
+
+.swal2-icon.swal2-success .swal2-success-ring {
+    position: absolute;
+    z-index: 2 !important;
+    top: -2px !important;
+    left: -2px !important;
+    box-sizing: content-box;
+    width: 100%;
+    height: 100%;
+    border: 2px solid rgba(165, 220, 134, 0.3);
+    border-radius: 50%;
+}
+
+.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] {
+    transform-origin: 26px 26px !important;
+    border-radius: 2em 0 0 2em !important;
+}
+.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] {
+    width: 20px !important;
+    height: 43px !important;
+}
+.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] {
+    top: 15px !important;
+    left: 4px !important;
+    width: 8px !important;
+}
+.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] {
+    height: 3px !important;
+}
+.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] {
+    top: 12px !important;
+    right: 3px !important;
+    width: 16px !important;
+}
+.swal2-icon.swal2-success .swal2-success-ring {
+    top: -2px !important;
+    left: -2px !important;
+    border: 3px solid rgba(165, 220, 134, 0.3) !important;
+}
+.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] {
+    border-radius: 0 2em 2em 0 !important;
+}
diff --git a/resources/css/swiper-bundle.min.css b/resources/css/swiper-bundle.min.css
new file mode 100644
index 0000000000000000000000000000000000000000..5ff3a1df3dc7a4af6cbed828d77bae9f5fd63689
--- /dev/null
+++ b/resources/css/swiper-bundle.min.css
@@ -0,0 +1,13 @@
+/**
+ * Swiper 8.2.4
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2022 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: June 13, 2022
+ */
+
+@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
\ No newline at end of file
diff --git a/resources/css/swiper.css b/resources/css/swiper.css
new file mode 100644
index 0000000000000000000000000000000000000000..a81f9816274ecb518a0c07a3ebdad5220d190ed7
--- /dev/null
+++ b/resources/css/swiper.css
@@ -0,0 +1,62 @@
+.swiper .swiper-button-disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+}
+
+.rtl .swiper {
+    direction: rtl;
+}
+
+.swiper-button-next {
+    color: #4361ee;
+}
+
+#slider3 .swiper-wrapper,
+#slider4 .swiper-wrapper {
+    height: 320px !important;
+}
+
+#slider3 .swiper-wrapper .swiper-slide img,
+#slider4 .swiper-wrapper .swiper-slide img {
+    height: 100%;
+    object-fit: cover;
+}
+
+#slider3 .swiper-pagination .swiper-pagination-bullet {
+    border-radius: 6px;
+    width: 4px;
+    height: 20px;
+}
+
+@media only screen and (max-width:1200px) {
+
+    #slider3 .swiper-wrapper,
+    #slider4 .swiper-wrapper {
+        height: 300px !important;
+    }
+}
+
+@media only screen and (max-width:600px) {
+
+    #slider3 .swiper-wrapper,
+    #slider4 .swiper-wrapper {
+        height: 180px !important;
+    }
+}
+
+#slider3 .swiper-pagination .swiper-pagination-bullet:hover {
+    background-color: #fff;
+}
+
+#slider3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
+    background: #4361ee;
+}
+
+#slider4 .swiper-pagination {
+    color: #fff;
+}
+
+#slider5 .swiper-pagination {
+    position: relative;
+    margin-top: 20px;
+}
\ No newline at end of file
diff --git a/resources/css/tippy.css b/resources/css/tippy.css
new file mode 100644
index 0000000000000000000000000000000000000000..e7830d01b8601fc740dd1bbc49b5c0525a89158c
--- /dev/null
+++ b/resources/css/tippy.css
@@ -0,0 +1,55 @@
+.tippy-box[data-theme~='primary'] {
+    background-color: #4361ee;
+}
+
+.tippy-box[data-theme~='primary'][data-placement^='top']>.tippy-arrow::before {
+    border-top-color: #4361ee;
+}
+
+.tippy-box[data-theme~='success'] {
+    background-color: #00ab55;
+}
+
+.tippy-box[data-theme~='success'][data-placement^='top']>.tippy-arrow::before {
+    border-top-color: #00ab55;
+}
+
+.tippy-box[data-theme~='info'] {
+    background-color: #2196f3;
+}
+
+.tippy-box[data-theme~='info'][data-placement^='top']>.tippy-arrow::before {
+    border-top-color: #2196f3;
+}
+
+.tippy-box[data-theme~='danger'] {
+    background-color: #e7515a;
+}
+
+.tippy-box[data-theme~='danger'][data-placement^='top']>.tippy-arrow::before {
+    border-top-color: #e7515a;
+}
+
+.tippy-box[data-theme~='warning'] {
+    background-color: #e2a03f;
+}
+
+.tippy-box[data-theme~='warning'][data-placement^='top']>.tippy-arrow::before {
+    border-top-color: #e2a03f;
+}
+
+.tippy-box[data-theme~='secondary'] {
+    background-color: #805dca;
+}
+
+.tippy-box[data-theme~='secondary'][data-placement^='top']>.tippy-arrow::before {
+    border-top-color: #805dca;
+}
+
+.tippy-box[data-theme~='dark'] {
+    background-color: #3b3f5c;
+}
+
+.tippy-box[data-theme~='dark'][data-placement^='top']>.tippy-arrow::before {
+    border-top-color: #3b3f5c;
+}
\ No newline at end of file
diff --git a/resources/js/app.js b/resources/js/app.js
deleted file mode 100644
index e59d6a0adf70fff0492083b03ad0baa283434008..0000000000000000000000000000000000000000
--- a/resources/js/app.js
+++ /dev/null
@@ -1 +0,0 @@
-import './bootstrap';
diff --git a/resources/js/bootstrap.js b/resources/js/bootstrap.js
deleted file mode 100644
index 5f1390b015cbf1ee54f580c38fcd47a723eb81f4..0000000000000000000000000000000000000000
--- a/resources/js/bootstrap.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import axios from 'axios';
-window.axios = axios;
-
-window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
diff --git a/resources/markdown/policy.md b/resources/markdown/policy.md
deleted file mode 100644
index ff7dbeabf4c3986edf6bbc2697d794d98ce714a3..0000000000000000000000000000000000000000
--- a/resources/markdown/policy.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Privacy Policy
-
-Edit this file to define the privacy policy for your application.
diff --git a/resources/markdown/terms.md b/resources/markdown/terms.md
deleted file mode 100644
index bf2ace7d3d6f3b5d8524fc4de7e997fbb1c13250..0000000000000000000000000000000000000000
--- a/resources/markdown/terms.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Terms of Service
-
-Edit this file to define the terms of service for your application.
diff --git a/resources/views/analytics.blade.php b/resources/views/analytics.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..328486ec011a3d30a7f0c0278c1ec090a53d72c2
--- /dev/null
+++ b/resources/views/analytics.blade.php
@@ -0,0 +1,1150 @@
+<x-layout.default>
+
+    <script defer src="/assets/js/apexcharts.js"></script>
+    <div x-data="analytics">
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Dashboard</a>
+            </li>
+            <li class="before:content-['/'] before:mr-1 rtl:before:ml-1">
+                <span>Analytics</span>
+            </li>
+        </ul>
+        <div class="pt-5">
+            <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 mb-6">
+                <div class="panel h-full sm:col-span-2 lg:col-span-1">
+                    <!-- statistics -->
+                    <div class="flex items-center justify-between dark:text-white-light mb-5">
+                        <h5 class="font-semibold text-lg ">Statistics</h5>
+                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                            <a href="javascript:;" @click="toggle">
+                                <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
+                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <circle opacity="0.5" cx="12" cy="12" r="2"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                </svg>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="ltr:right-0 rtl:left-0">
+                                <li><a href="javascript:;" @click="toggle">This Week</a></li>
+                                <li><a href="javascript:;" @click="toggle">Last Week</a></li>
+                                <li><a href="javascript:;" @click="toggle">This Month</a></li>
+                                <li><a href="javascript:;" @click="toggle">Last Month</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="grid sm:grid-cols-2 gap-8 text-sm text-[#515365] font-bold">
+                        <div>
+                            <div>
+                                <div>Total Visits</div>
+                                <div class="text-[#f8538d] text-lg">423,964</div>
+                            </div>
+                            <div x-ref="totalVisit" class="overflow-hidden"> </div>
+                        </div>
+
+                        <div>
+                            <div>
+                                <div>Paid Visits</div>
+                                <div class="text-[#f8538d] text-lg">7,929</div>
+                            </div>
+                            <div x-ref="paidVisit" class="overflow-hidden">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="panel h-full">
+                    <div class="flex items-center justify-between dark:text-white-light mb-5">
+                        <h5 class="font-semibold text-lg ">Expenses</h5>
+                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                            <a href="javascript:;" @click="toggle">
+                                <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
+                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <circle opacity="0.5" cx="12" cy="12" r="2"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                </svg>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="ltr:right-0 rtl:left-0">
+                                <li><a href="javascript:;" @click="toggle">This Week</a></li>
+                                <li><a href="javascript:;" @click="toggle">Last Week</a></li>
+                                <li><a href="javascript:;" @click="toggle">This Month</a></li>
+                                <li><a href="javascript:;" @click="toggle">Last Month</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class=" text-[#e95f2b] text-3xl font-bold my-10">
+                        <span>$ 45,141</span>
+                        <span class="text-black text-sm dark:text-white-light ltr:mr-1 rtl:ml-1">this week </span>
+                        <svg class="w-5 h-5 text-success inline" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg">
+                            <path opacity="0.5"
+                                d="M22 7L14.6203 14.3347C13.6227 15.3263 13.1238 15.822 12.5051 15.822C11.8864 15.8219 11.3876 15.326 10.3902 14.3342L10.1509 14.0962C9.15254 13.1035 8.65338 12.6071 8.03422 12.6074C7.41506 12.6076 6.91626 13.1043 5.91867 14.0977L2 18"
+                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                stroke-linejoin="round" />
+                            <path d="M22.0001 12.5458V7H16.418" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" />
+                        </svg>
+                    </div>
+                    <div class="flex items-center justify-between">
+                        <div
+                            class="w-full rounded-full h-5 p-1 bg-dark-light overflow-hidden shadow-3xl dark:shadow-none dark:bg-dark-light/10">
+                            <div class="bg-gradient-to-r from-[#4361ee] to-[#805dca] w-full h-full rounded-full relative before:absolute before:inset-y-0 ltr:before:right-0.5 rtl:before:left-0.5 before:bg-white before:w-2 before:h-2 before:rounded-full before:m-auto"
+                                style="width: 65%;"></div>
+                        </div>
+                        <span class="ltr:ml-5 rtl:mr-5 dark:text-white-light">57%</span>
+                    </div>
+                </div>
+
+                <div class="panel h-full overflow-hidden before:bg-[#1937cc] before:absolute before:-right-44 before:top-0 before:bottom-0 before:m-auto before:rounded-full before:w-96 before:h-96 grid grid-cols-1 content-between"
+                    style="background:linear-gradient(0deg,#00c6fb -227%,#005bea)!important;">
+                    <div class="flex items-start justify-between text-white-light mb-16 z-[7]">
+                        <h5 class="font-semibold text-lg">Total Balance</h5>
+
+                        <div class="relative text-xl whitespace-nowrap">
+                            $ 41,741.42
+                            <span
+                                class="table text-[#d3d3d3] bg-[#4361ee] rounded p-1 text-xs mt-1 ltr:ml-auto rtl:mr-auto">+
+                                2453</span>
+                        </div>
+                    </div>
+                    <div class="flex items-center justify-between z-10">
+                        <div class="flex items-center justify-between">
+                            <a href="javascript:;"
+                                class="shadow-[0_0_2px_0_#bfc9d4] rounded p-1 text-white-light hover:bg-[#1937cc] place-content-center ltr:mr-2 rtl:ml-2">
+                                <svg class="w-5 h-5" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"
+                                    fill="none" stroke-linecap="round" stroke-linejoin="round">
+                                    <line x1="12" y1="5" x2="12" y2="19"></line>
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </a>
+                            <a href="javascript:;"
+                                class="shadow-[0_0_2px_0_#bfc9d4] rounded p-1 text-white-light hover:bg-[#1937cc] grid place-content-center">
+                                <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path
+                                        d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z"
+                                        stroke="currentColor" stroke-width="1.5"></path>
+                                    <path opacity="0.5" d="M10 16H6" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round"></path>
+                                    <path opacity="0.5" d="M14 16H12.5" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round"></path>
+                                    <path opacity="0.5" d="M2 10L22 10" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round"></path>
+                                </svg>
+                            </a>
+                        </div>
+                        <a href="javascript:;"
+                            class="shadow-[0_0_2px_0_#bfc9d4] rounded p-1 text-white-light hover:bg-[#4361ee] z-10">
+                            Upgrade
+                        </a>
+                    </div>
+                </div>
+
+            </div>
+
+            <div class="grid lg:grid-cols-3 gap-6 mb-6">
+                <div class="panel h-full p-0 lg:col-span-2">
+                    <div
+                        class="flex items-start justify-between dark:text-white-light mb-5 p-5 border-b  border-[#e0e6ed] dark:border-[#1b2e4b]">
+                        <h5 class="font-semibold text-lg ">Unique Visitors</h5>
+                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                            <a href="javascript:;" @click="toggle">
+                                <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
+                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <circle opacity="0.5" cx="12" cy="12" r="2"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                </svg>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="ltr:right-0 rtl:left-0">
+                                <li><a href="javascript:;" @click="toggle">View</a></li>
+                                <li><a href="javascript:;" @click="toggle">Update</a></li>
+                                <li><a href="javascript:;" @click="toggle">Download</a></li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div x-ref="uniqueVisitorSeries" class="overflow-hidden">
+                        <!-- loader -->
+                        <div
+                            class="min-h-[360px] grid place-content-center bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] ">
+                            <span
+                                class="animate-spin border-2 border-black dark:border-white !border-l-transparent  rounded-full w-5 h-5 inline-flex"></span>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="panel h-full">
+                    <div
+                        class="flex items-start justify-between dark:text-white-light mb-5 -mx-5 p-5 pt-0 border-b  border-[#e0e6ed] dark:border-[#1b2e4b]">
+                        <h5 class="font-semibold text-lg ">Activity Log</h5>
+                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                            <a href="javascript:;" @click="toggle">
+                                <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
+                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <circle opacity="0.5" cx="12" cy="12" r="2"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                </svg>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="ltr:right-0 rtl:left-0">
+                                <li><a href="javascript:;" @click="toggle">View All</a></li>
+                                <li><a href="javascript:;" @click="toggle">Mark as Read</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="perfect-scrollbar relative h-[360px] pr-3 -mr-3">
+                        <div class="space-y-7">
+                            <div class="flex">
+                                <div
+                                    class="shrink-0 ltr:mr-2 rtl:ml-2 relative z-10 before:w-[2px] before:h-[calc(100%-24px)] before:bg-white-dark/30 before:absolute before:top-10 before:left-4">
+                                    <div
+                                        class="bg-secondary shadow shadow-secondary w-8 h-8 rounded-full flex items-center justify-center text-white">
+                                        <svg class="w-4 h-4" viewBox="0 0 24 24" stroke="currentColor"
+                                            stroke-width="1.5" fill="none" stroke-linecap="round"
+                                            stroke-linejoin="round">
+                                            <line x1="12" y1="5" x2="12" y2="19">
+                                            </line>
+                                            <line x1="5" y1="12" x2="19" y2="12">
+                                            </line>
+                                        </svg>
+                                    </div>
+                                </div>
+                                <div>
+                                    <h5 class="font-semibold dark:text-white-light">New project created : <a
+                                            href="javascript:;" class="text-success">[VRISTO Admin Template]</a></h5>
+                                    <p class="text-white-dark text-xs">27 Feb, 2020</p>
+                                </div>
+                            </div>
+                            <div class="flex">
+                                <div
+                                    class="shrink-0 ltr:mr-2 rtl:ml-2 relative z-10 before:w-[2px] before:h-[calc(100%-24px)] before:bg-white-dark/30 before:absolute before:top-10 before:left-4">
+                                    <div
+                                        class="bg-success shadow-success w-8 h-8 rounded-full flex items-center justify-center text-white">
+                                        <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg">
+                                            <path opacity="0.5"
+                                                d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path
+                                                d="M6 8L8.1589 9.79908C9.99553 11.3296 10.9139 12.0949 12 12.0949C13.0861 12.0949 14.0045 11.3296 15.8411 9.79908L18 8"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        </svg>
+                                    </div>
+                                </div>
+                                <div>
+                                    <h5 class="font-semibold dark:text-white-light">Mail sent to <a
+                                            href="javascript:;" class="text-white-dark">HR</a> and <a
+                                            href="javascript:;" class="text-white-dark">Admin</a></h5>
+                                    <p class="text-white-dark text-xs">28 Feb, 2020</p>
+                                </div>
+                            </div>
+                            <div class="flex">
+                                <div
+                                    class="shrink-0 ltr:mr-2 rtl:ml-2 relative z-10 before:w-[2px] before:h-[calc(100%-24px)] before:bg-white-dark/30 before:absolute before:top-10 before:left-4">
+                                    <div
+                                        class="bg-primary w-8 h-8 rounded-full flex items-center justify-center text-white">
+                                        <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg">
+                                            <path opacity="0.5" d="M4 12.9L7.14286 16.5L15 7.5"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                                stroke-linejoin="round" />
+                                            <path d="M20.0002 7.5625L11.4286 16.5625L11.0002 16" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </div>
+                                </div>
+                                <div>
+                                    <h5 class="font-semibold dark:text-white-light">Server Logs Updated</h5>
+                                    <p class="text-white-dark text-xs">27 Feb, 2020</p>
+                                </div>
+                            </div>
+                            <div class="flex">
+                                <div
+                                    class="shrink-0 ltr:mr-2 rtl:ml-2 relative z-10 before:w-[2px] before:h-[calc(100%-24px)] before:bg-white-dark/30 before:absolute before:top-10 before:left-4">
+                                    <div
+                                        class="bg-danger w-8 h-8 rounded-full flex items-center justify-center text-white">
+                                        <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg">
+                                            <path opacity="0.5" d="M4 12.9L7.14286 16.5L15 7.5"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                                stroke-linejoin="round" />
+                                            <path d="M20.0002 7.5625L11.4286 16.5625L11.0002 16" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </div>
+                                </div>
+                                <div>
+                                    <h5 class="font-semibold dark:text-white-light"> Task Completed : <a
+                                            href="javascript:;" class="text-success">[Backup Files EOD]</a></h5>
+                                    <p class="text-white-dark text-xs">01 Mar, 2020</p>
+                                </div>
+                            </div>
+                            <div class="flex">
+                                <div
+                                    class="shrink-0 ltr:mr-2 rtl:ml-2 relative z-10 before:w-[2px] before:h-[calc(100%-24px)] before:bg-white-dark/30 before:absolute before:top-10 before:left-4">
+                                    <div
+                                        class="bg-warning w-8 h-8 rounded-full flex items-center justify-center text-white">
+                                        <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg">
+                                            <path
+                                                d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                                fill="currentColor" />
+                                            <path opacity="0.5"
+                                                d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                    </div>
+                                </div>
+                                <div>
+                                    <h5 class="font-semibold dark:text-white-light">Documents Submitted from <a
+                                            href="javascript:;">Sara</a></h5>
+                                    <p class="text-white-dark text-xs">10 Mar, 2020</p>
+                                </div>
+                            </div>
+                            <div class="flex">
+                                <div class="shrink-0 ltr:mr-2 rtl:ml-2">
+                                    <div
+                                        class="bg-dark w-8 h-8 rounded-full flex items-center justify-center text-white">
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-4 h-4">
+                                            <path opacity="0.5"
+                                                d="M2 17C2 15.1144 2 14.1716 2.58579 13.5858C3.17157 13 4.11438 13 6 13H18C19.8856 13 20.8284 13 21.4142 13.5858C22 14.1716 22 15.1144 22 17C22 18.8856 22 19.8284 21.4142 20.4142C20.8284 21 19.8856 21 18 21H6C4.11438 21 3.17157 21 2.58579 20.4142C2 19.8284 2 18.8856 2 17Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M2 6C2 4.11438 2 3.17157 2.58579 2.58579C3.17157 2 4.11438 2 6 2H18C19.8856 2 20.8284 2 21.4142 2.58579C22 3.17157 22 4.11438 22 6C22 7.88562 22 8.82843 21.4142 9.41421C20.8284 10 19.8856 10 18 10H6C4.11438 10 3.17157 10 2.58579 9.41421C2 8.82843 2 7.88562 2 6Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path d="M11 6H18" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" />
+                                            <path d="M6 6H8" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" />
+                                            <path d="M11 17H18" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" />
+                                            <path d="M6 17H8" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" />
+                                        </svg>
+                                    </div>
+                                </div>
+                                <div>
+                                    <h5 class="font-semibold dark:text-white-light">Server rebooted successfully</h5>
+                                    <p class="text-white-dark text-xs">06 Apr, 2020</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="grid sm:grid-cols-3 xl:grid-cols-5 gap-6 mb-6">
+                <div class="panel h-full sm:col-span-3 xl:col-span-2">
+                    <div class="flex items-start justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Visitors by Browser</h5>
+                    </div>
+                    <div class="flex flex-col space-y-5">
+                        <div class="flex items-center">
+                            <div class="w-9 h-9">
+                                <div
+                                    class="bg-primary/10 text-primary rounded-xl w-9 h-9 flex justify-center items-center dark:bg-primary dark:text-white-light">
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                        <circle cx="12" cy="12" r="10"></circle>
+                                        <circle opacity="0.5" cx="12" cy="12" r="4">
+                                        </circle>
+                                        <line opacity="0.5" x1="21.17" y1="8" x2="12"
+                                            y2="8"></line>
+                                        <line opacity="0.5" x1="3.95" y1="6.06" x2="8.54"
+                                            y2="14"></line>
+                                        <line opacity="0.5" x1="10.88" y1="21.94" x2="15.46"
+                                            y2="14"></line>
+                                    </svg>
+                                </div>
+                            </div>
+                            <div class="px-3 flex-initial w-full">
+                                <div class="w-summary-info flex justify-between font-semibold text-white-dark mb-1">
+                                    <h6>Chrome</h6>
+                                    <p class="ltr:ml-auto rtl:mr-auto text-xs">65%</p>
+                                </div>
+                                <div>
+                                    <div
+                                        class="w-full rounded-full h-5 p-1 bg-dark-light overflow-hidden shadow-3xl dark:bg-dark-light/10 dark:shadow-none">
+                                        <div class="bg-gradient-to-r from-[#009ffd] to-[#2a2a72] w-full h-full rounded-full relative before:absolute before:inset-y-0 ltr:before:right-0.5 rtl:before:left-0.5 before:bg-white before:w-2 before:h-2 before:rounded-full before:m-auto"
+                                            style="width: 65%;"></div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex items-center">
+                            <div class="w-9 h-9">
+                                <div
+                                    class="bg-danger/10 text-danger rounded-xl w-9 h-9 flex justify-center items-center dark:bg-danger dark:text-white-light">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                        <circle opacity="0.5" cx="12" cy="12" r="10"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path
+                                            d="M13.024 14.5601C10.7142 15.484 9.5593 15.946 8.89964 15.4977C8.74324 15.3914 8.60834 15.2565 8.50206 15.1001C8.0538 14.4405 8.51575 13.2856 9.43967 10.9758C9.63673 10.4831 9.73527 10.2368 9.90474 10.0435C9.94792 9.99429 9.99429 9.94792 10.0435 9.90474C10.2368 9.73527 10.4831 9.63673 10.9758 9.43966C13.2856 8.51575 14.4405 8.0538 15.1001 8.50206C15.2565 8.60834 15.3914 8.74324 15.4977 8.89964C15.946 9.5593 15.484 10.7142 14.5601 13.024C14.363 13.5166 14.2645 13.763 14.095 13.9562C14.0518 14.0055 14.0055 14.0518 13.9562 14.095C13.763 14.2645 13.5166 14.363 13.024 14.5601Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                </div>
+                            </div>
+                            <div class="px-3 flex-initial w-full">
+                                <div class="w-summary-info flex justify-between font-semibold text-white-dark mb-1">
+                                    <h6>Safari</h6>
+                                    <p class="ltr:ml-auto rtl:mr-auto text-xs">40%</p>
+                                </div>
+                                <div>
+                                    <div
+                                        class="w-full rounded-full h-5 p-1 bg-dark-light overflow-hidden shadow-3xl dark:bg-dark-light/10 dark:shadow-none">
+                                        <div class="bg-gradient-to-r from-[#a71d31] to-[#3f0d12] w-full h-full rounded-full relative before:absolute before:inset-y-0 ltr:before:right-0.5 rtl:before:left-0.5 before:bg-white before:w-2 before:h-2 before:rounded-full before:m-auto"
+                                            style="width: 40%;"></div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex items-center">
+                            <div class="w-9 h-9">
+                                <div
+                                    class="bg-warning/10 text-warning rounded-xl w-9 h-9 flex justify-center items-center dark:bg-warning dark:text-white-light">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                        <path opacity="0.5"
+                                            d="M2 12H22M16 12C16 13.3132 15.8965 14.6136 15.6955 15.8268C15.4945 17.0401 15.1999 18.1425 14.8284 19.0711C14.457 19.9997 14.016 20.7362 13.5307 21.2388C13.0454 21.7413 12.5253 22 12 22C11.4747 22 10.9546 21.7413 10.4693 21.2388C9.98396 20.7362 9.54301 19.9997 9.17157 19.0711C8.80014 18.1425 8.5055 17.0401 8.30448 15.8268C8.10346 14.6136 8 13.3132 8 12C8 10.6868 8.10346 9.38642 8.30448 8.17316C8.5055 6.95991 8.80014 5.85752 9.17157 4.92893C9.54301 4.00035 9.98396 3.26375 10.4693 2.7612C10.9546 2.25866 11.4747 2 12 2C12.5253 2 13.0454 2.25866 13.5307 2.76121C14.016 3.26375 14.457 4.00035 14.8284 4.92893C15.1999 5.85752 15.4945 6.95991 15.6955 8.17317C15.8965 9.38642 16 10.6868 16 12Z"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M22 12C22 13.3132 21.7413 14.6136 21.2388 15.8268C20.7362 17.0401 19.9997 18.1425 19.0711 19.0711C18.1425 19.9997 17.0401 20.7362 15.8268 21.2388C14.6136 21.7413 13.3132 22 12 22C10.6868 22 9.38642 21.7413 8.17317 21.2388C6.95991 20.7362 5.85752 19.9997 4.92893 19.0711C4.00035 18.1425 3.26375 17.0401 2.7612 15.8268C2.25866 14.6136 2 13.3132 2 12C2 10.6868 2.25866 9.38642 2.76121 8.17316C3.26375 6.95991 4.00035 5.85752 4.92893 4.92893C5.85752 4.00035 6.95991 3.26375 8.17317 2.7612C9.38642 2.25866 10.6868 2 12 2C13.3132 2 14.6136 2.25866 15.8268 2.76121C17.0401 3.26375 18.1425 4.00035 19.0711 4.92893C19.9997 5.85752 20.7362 6.95991 21.2388 8.17317C21.7413 9.38642 22 10.6868 22 12L22 12Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                </div>
+                            </div>
+                            <div class="px-3 flex-initial w-full">
+                                <div class="w-summary-info flex justify-between font-semibold text-white-dark mb-1">
+                                    <h6>Others</h6>
+                                    <p class="ltr:ml-auto rtl:mr-auto text-xs">25%</p>
+                                </div>
+                                <div>
+                                    <div
+                                        class="w-full rounded-full h-5 p-1 bg-dark-light overflow-hidden shadow-3xl dark:bg-dark-light/10 dark:shadow-none">
+                                        <div class="bg-gradient-to-r from-[#fe5f75] to-[#fc9842] w-full h-full rounded-full relative before:absolute before:inset-y-0 ltr:before:right-0.5 rtl:before:left-0.5 before:bg-white before:w-2 before:h-2 before:rounded-full before:m-auto"
+                                            style="width: 25%;"></div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="panel h-full p-0">
+                    <div class="flex p-5">
+                        <div
+                            class="shrink-0 bg-primary/10 text-primary rounded-xl w-11 h-11 flex justify-center items-center dark:bg-primary dark:text-white-light">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                <circle cx="12" cy="6" r="4" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <path opacity="0.5" d="M18 9C19.6569 9 21 7.88071 21 6.5C21 5.11929 19.6569 4 18 4"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M6 9C4.34315 9 3 7.88071 3 6.5C3 5.11929 4.34315 4 6 4"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <ellipse cx="12" cy="17" rx="6" ry="4"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M20 19C21.7542 18.6153 23 17.6411 23 16.5C23 15.3589 21.7542 14.3847 20 14"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5"
+                                    d="M4 19C2.24575 18.6153 1 17.6411 1 16.5C1 15.3589 2.24575 14.3847 4 14"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div class="ltr:ml-3 rtl:mr-3 font-semibold">
+                            <p class="text-xl dark:text-white-light">31.6K</p>
+                            <h5 class="text-[#506690] text-xs">Followers</h5>
+                        </div>
+                    </div>
+                    <div class="h-40 overflow-hidden">
+                        <div x-ref="followers" class="w-full absolute bottom-0"></div>
+                    </div>
+                </div>
+
+                <div class="panel h-full p-0">
+                    <div class="flex p-5">
+                        <div
+                            class="shrink-0 bg-danger/10 text-danger rounded-xl w-11 h-11 flex justify-center items-center dark:bg-danger dark:text-white-light">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                <path
+                                    d="M10.0464 14C8.54044 12.4882 8.67609 9.90087 10.3494 8.22108L15.197 3.35462C16.8703 1.67483 19.4476 1.53865 20.9536 3.05046C22.4596 4.56228 22.3239 7.14956 20.6506 8.82935L18.2268 11.2626"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5"
+                                    d="M13.9536 10C15.4596 11.5118 15.3239 14.0991 13.6506 15.7789L11.2268 18.2121L8.80299 20.6454C7.12969 22.3252 4.55237 22.4613 3.0464 20.9495C1.54043 19.4377 1.67609 16.8504 3.34939 15.1706L5.77323 12.7373"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div class="ltr:ml-3 rtl:mr-3 font-semibold">
+                            <p class="text-xl dark:text-white-light">1,900</p>
+                            <h5 class="text-[#506690] text-xs">Referral</h5>
+                        </div>
+                    </div>
+                    <div class="h-40 overflow-hidden">
+                        <div x-ref="referral" class="w-full absolute bottom-0"></div>
+                    </div>
+                </div>
+
+                <div class="panel h-full p-0">
+                    <div class="flex p-5">
+                        <div
+                            class="shrink-0 bg-success/10 text-success rounded-xl w-11 h-11 flex justify-center items-center dark:bg-success dark:text-white-light">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                <path
+                                    d="M10 22C14.4183 22 18 18.4183 18 14C18 9.58172 14.4183 6 10 6C5.58172 6 2 9.58172 2 14C2 15.2355 2.28008 16.4056 2.7802 17.4502C2.95209 17.8093 3.01245 18.2161 2.90955 18.6006L2.58151 19.8267C2.32295 20.793 3.20701 21.677 4.17335 21.4185L5.39939 21.0904C5.78393 20.9876 6.19071 21.0479 6.54976 21.2198C7.5944 21.7199 8.76449 22 10 22Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M18 14.5018C18.0665 14.4741 18.1324 14.4453 18.1977 14.4155C18.5598 14.2501 18.9661 14.1882 19.3506 14.2911L19.8267 14.4185C20.793 14.677 21.677 13.793 21.4185 12.8267L21.2911 12.3506C21.1882 11.9661 21.2501 11.5598 21.4155 11.1977C21.7908 10.376 22 9.46242 22 8.5C22 4.91015 19.0899 2 15.5 2C12.7977 2 10.4806 3.64899 9.5 5.9956"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <g opacity="0.5">
+                                    <path
+                                        d="M7.5 14C7.5 14.5523 7.05228 15 6.5 15C5.94772 15 5.5 14.5523 5.5 14C5.5 13.4477 5.94772 13 6.5 13C7.05228 13 7.5 13.4477 7.5 14Z"
+                                        fill="currentColor" />
+                                    <path
+                                        d="M11 14C11 14.5523 10.5523 15 10 15C9.44772 15 9 14.5523 9 14C9 13.4477 9.44772 13 10 13C10.5523 13 11 13.4477 11 14Z"
+                                        fill="currentColor" />
+                                    <path
+                                        d="M14.5 14C14.5 14.5523 14.0523 15 13.5 15C12.9477 15 12.5 14.5523 12.5 14C12.5 13.4477 12.9477 13 13.5 13C14.0523 13 14.5 13.4477 14.5 14Z"
+                                        fill="currentColor" />
+                                </g>
+                            </svg>
+                        </div>
+                        <div class="ltr:ml-3 rtl:mr-3 font-semibold">
+                            <p class="text-xl dark:text-white-light">18.2%</p>
+                            <h5 class="text-[#506690] text-xs">Engagement</h5>
+                        </div>
+                    </div>
+                    <div class="h-40 overflow-hidden">
+                        <div x-ref="engagement" class="w-full absolute bottom-0"></div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="grid md:grid-cols-2 xl:grid-cols-3 gap-6">
+                <div class="panel h-full">
+                    <div class="flex items-start border-b  border-[#e0e6ed] dark:border-[#1b2e4b] -m-5 mb-5 p-5">
+                        <div class="shrink-0 ring-2 ring-white-light dark:ring-dark rounded-full ltr:mr-4 rtl:ml-4">
+                            <img src="/assets/images/profile-1.jpeg" alt="image"
+                                class="w-10 h-10 rounded-full object-cover" />
+                        </div>
+                        <div class="font-semibold">
+                            <h6>Jimmy Turner</h6>
+                            <p class="text-xs text-white-dark mt-1">Monday, Nov 18</p>
+                        </div>
+                    </div>
+                    <div>
+                        <div class="text-white-dark pb-8">
+                            "Duis aute irure dolor" in reprehenderit in voluptate velit esse cillum "dolore eu fugiat"
+                            nulla pariatur. Excepteur sint occaecat cupidatat non proident.
+                        </div>
+                        <div class="w-full absolute bottom-0 flex items-center justify-between p-5 -mx-5">
+                            <div class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-5 h-5 text-info inline ltr:mr-1.5 rtl:ml-1.5 relative -top-0.5">
+                                    <path
+                                        d="M20.9751 12.1852L20.2361 12.0574L20.9751 12.1852ZM20.2696 16.265L19.5306 16.1371L20.2696 16.265ZM6.93776 20.4771L6.19055 20.5417H6.19055L6.93776 20.4771ZM6.1256 11.0844L6.87281 11.0198L6.1256 11.0844ZM13.9949 5.22142L14.7351 5.34269V5.34269L13.9949 5.22142ZM13.3323 9.26598L14.0724 9.38725V9.38725L13.3323 9.26598ZM6.69813 9.67749L6.20854 9.10933H6.20854L6.69813 9.67749ZM8.13687 8.43769L8.62646 9.00585H8.62646L8.13687 8.43769ZM10.518 4.78374L9.79207 4.59542L10.518 4.78374ZM10.9938 2.94989L11.7197 3.13821L11.7197 3.13821L10.9938 2.94989ZM12.6676 2.06435L12.4382 2.77841L12.4382 2.77841L12.6676 2.06435ZM12.8126 2.11093L13.0419 1.39687L13.0419 1.39687L12.8126 2.11093ZM9.86194 6.46262L10.5235 6.81599V6.81599L9.86194 6.46262ZM13.9047 3.24752L13.1787 3.43584V3.43584L13.9047 3.24752ZM11.6742 2.13239L11.3486 1.45675L11.3486 1.45675L11.6742 2.13239ZM20.2361 12.0574L19.5306 16.1371L21.0086 16.3928L21.7142 12.313L20.2361 12.0574ZM13.245 21.25H8.59634V22.75H13.245V21.25ZM7.68497 20.4125L6.87281 11.0198L5.37839 11.149L6.19055 20.5417L7.68497 20.4125ZM19.5306 16.1371C19.0238 19.0677 16.3813 21.25 13.245 21.25V22.75C17.0712 22.75 20.3708 20.081 21.0086 16.3928L19.5306 16.1371ZM13.2548 5.10015L12.5921 9.14472L14.0724 9.38725L14.7351 5.34269L13.2548 5.10015ZM7.18772 10.2456L8.62646 9.00585L7.64728 7.86954L6.20854 9.10933L7.18772 10.2456ZM11.244 4.97206L11.7197 3.13821L10.2678 2.76157L9.79207 4.59542L11.244 4.97206ZM12.4382 2.77841L12.5832 2.82498L13.0419 1.39687L12.897 1.3503L12.4382 2.77841ZM10.5235 6.81599C10.8354 6.23198 11.0777 5.61339 11.244 4.97206L9.79207 4.59542C9.65572 5.12107 9.45698 5.62893 9.20041 6.10924L10.5235 6.81599ZM12.5832 2.82498C12.8896 2.92342 13.1072 3.16009 13.1787 3.43584L14.6306 3.05921C14.4252 2.26719 13.819 1.64648 13.0419 1.39687L12.5832 2.82498ZM11.7197 3.13821C11.7547 3.0032 11.8522 2.87913 11.9998 2.80804L11.3486 1.45675C10.8166 1.71309 10.417 2.18627 10.2678 2.76157L11.7197 3.13821ZM11.9998 2.80804C12.1345 2.74311 12.2931 2.73181 12.4382 2.77841L12.897 1.3503C12.3872 1.18655 11.8312 1.2242 11.3486 1.45675L11.9998 2.80804ZM14.1537 10.9842H19.3348V9.4842H14.1537V10.9842ZM14.7351 5.34269C14.8596 4.58256 14.824 3.80477 14.6306 3.0592L13.1787 3.43584C13.3197 3.97923 13.3456 4.54613 13.2548 5.10016L14.7351 5.34269ZM8.59634 21.25C8.12243 21.25 7.726 20.887 7.68497 20.4125L6.19055 20.5417C6.29851 21.7902 7.34269 22.75 8.59634 22.75V21.25ZM8.62646 9.00585C9.30632 8.42 10.0391 7.72267 10.5235 6.81599L9.20041 6.10924C8.85403 6.75767 8.30249 7.30493 7.64728 7.86954L8.62646 9.00585ZM21.7142 12.313C21.9695 10.8365 20.8341 9.4842 19.3348 9.4842V10.9842C19.9014 10.9842 20.3332 11.4959 20.2361 12.0574L21.7142 12.313ZM12.5921 9.14471C12.4344 10.1076 13.1766 10.9842 14.1537 10.9842V9.4842C14.1038 9.4842 14.0639 9.43901 14.0724 9.38725L12.5921 9.14471ZM6.87281 11.0198C6.84739 10.7258 6.96474 10.4378 7.18772 10.2456L6.20854 9.10933C5.62021 9.61631 5.31148 10.3753 5.37839 11.149L6.87281 11.0198Z"
+                                        fill="currentColor" />
+                                    <path opacity="0.5"
+                                        d="M3.9716 21.4709L3.22439 21.5355L3.9716 21.4709ZM3 10.2344L3.74721 10.1698C3.71261 9.76962 3.36893 9.46776 2.96767 9.48507C2.5664 9.50239 2.25 9.83274 2.25 10.2344L3 10.2344ZM4.71881 21.4063L3.74721 10.1698L2.25279 10.299L3.22439 21.5355L4.71881 21.4063ZM3.75 21.5129V10.2344H2.25V21.5129H3.75ZM3.22439 21.5355C3.2112 21.383 3.33146 21.2502 3.48671 21.2502V22.7502C4.21268 22.7502 4.78122 22.1281 4.71881 21.4063L3.22439 21.5355ZM3.48671 21.2502C3.63292 21.2502 3.75 21.3686 3.75 21.5129H2.25C2.25 22.1954 2.80289 22.7502 3.48671 22.7502V21.2502Z"
+                                        fill="currentColor" />
+                                </svg>
+                                <span class="dark:text-info">551 Likes</span>
+                            </div>
+                            <a href="javascript:;"
+                                class="flex items-center bg-success/30 text-success rounded-md px-1.5 py-1 text-xs hover:shadow-[0_10px_20px_-10px] hover:shadow-success">Read
+                                More
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-4 h-4 rtl:rotate-180 ltr:ml-1.5 rtl:mr-1.5">
+                                    <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                    <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="panel h-full">
+                    <div
+                        class="flex items-center justify-between border-b  border-[#e0e6ed] dark:border-[#1b2e4b] -m-5 mb-5 p-5">
+                        <div class="flex">
+                            <div class="media-aside align-self-start">
+                                <div
+                                    class="shrink-0 ring-2 ring-white-light dark:ring-dark rounded-full ltr:mr-4 rtl:ml-4">
+                                    <img src="/assets/images/g-8.png" alt="image"
+                                        class="w-10 h-10 rounded-full object-cover" />
+                                </div>
+                            </div>
+                            <div class="font-semibold">
+                                <h6>Dev Summit - New York</h6>
+                                <p class="text-xs text-white-dark mt-1">Bronx, NY</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="font-semibold text-center pb-8">
+                        <div class="mb-4 text-primary">4 Members Going</div>
+                        <div class="flex items-center justify-center gap-3 pb-8">
+                            <img class="w-10 h-10 ring-2 ring-white-light dark:ring-dark rounded-lg overflow-hidden object-cover"
+                                src="/assets/images/profile-1.jpeg" alt="image" />
+                            <img class="w-10 h-10 ring-2 ring-white-light dark:ring-dark rounded-lg overflow-hidden object-cover"
+                                src="/assets/images/profile-2.jpeg" alt="image" />
+                            <img class="w-10 h-10 ring-2 ring-white-light dark:ring-dark rounded-lg overflow-hidden object-cover"
+                                src="/assets/images/profile-3.jpeg" alt="image" />
+                            <img class="w-10 h-10 ring-2 ring-white-light dark:ring-dark rounded-lg overflow-hidden object-cover"
+                                src="/assets/images/profile-4.jpeg" alt="image" />
+                        </div>
+
+                        <div class="w-full absolute bottom-0 flex items-center justify-between p-5 -mx-5">
+                            <a href="javascript:;"
+                                class="btn btn-secondary btn-lg w-full border-0 bg-gradient-to-r from-[#3d38e1] to-[#1e9afe]">View
+                                Details</a>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="panel h-full">
+                    <div
+                        class="flex items-center justify-between border-b  border-[#e0e6ed] dark:border-[#1b2e4b] -m-5 mb-5 p-5">
+                        <a href="javascript:;" class="flex font-semibold">
+                            <div
+                                class="shrink-0 bg-secondary w-10 h-10 rounded-md flex items-center justify-center text-white ltr:mr-4 rtl:ml-4">
+                                <span>FD</span>
+                            </div>
+                            <div>
+                                <h6>Figma Design</h6>
+                                <p class="text-xs text-white-dark mt-1">Design Reset</p>
+                            </div>
+                        </a>
+                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                            <a href="javascript:;" @click="toggle" class="dark:text-white-light">
+                                <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
+                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <circle opacity="0.5" cx="12" cy="12" r="2"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                </svg>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="ltr:right-0 rtl:left-0">
+                                <li><a href="javascript:;" @click="toggle">View Project</a></li>
+                                <li><a href="javascript:;" @click="toggle">Edit Project</a></li>
+                                <li><a href="javascript:;" @click="toggle">Mark as Done</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="group">
+                        <div class="mb-5">
+                            <div class="text-white-dark">
+                                Doloribus nisi vel suscipit modi, optio ex repudiandae voluptatibus officiis commodi.
+                                Nesciunt quas aut neque incidunt!
+                            </div>
+                        </div>
+                        <div class="flex items-center justify-between mb-2 font-semibold">
+                            <div class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-success">
+                                    <path opacity="0.5"
+                                        d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path d="M8.5 12.5L10.5 14.5L15.5 9.5" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                                <div class="ltr:ml-2 rtl:mr-2 text-xs">5 Tasks</div>
+                            </div>
+                            <p class="text-primary">65%</p>
+                        </div>
+                        <div class="rounded-full h-2.5 p-0.5 bg-dark-light dark:bg-dark-light/10 mb-5">
+                            <div class="bg-gradient-to-r from-[#1e9afe] to-[#60dfcd] h-full rounded-full"
+                                style="width: 65%;"></div>
+                        </div>
+                        <div class="flex items-end justify-between">
+                            <div
+                                class="flex items-center rounded-full bg-danger/20 px-2 py-1 text-xs text-danger font-semibold">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 ltr:mr-1 rtl:ml-1">
+                                    <circle opacity="0.5" cx="12" cy="12" r="10"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path d="M12 8V12L14.5 14.5" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                                3 Days Left
+                            </div>
+                            <div
+                                class="flex items-center justify-center group-hover:-space-x-2 rtl:space-x-reverse rtl:group-hover:space-x-reverse">
+                                <span
+                                    class="bg-[#bfc9d4] dark:bg-dark w-9 h-9 rounded-full flex items-center justify-center text-white font-semibold transition-all duration-300 opacity-0 group-hover:opacity-100">+6</span>
+                                <img class="w-9 h-9 border-2 border-white dark:border-dark rounded-full object-cover transition-all duration-300"
+                                    src="/assets/images/profile-6.jpeg" alt="image" />
+                                <img class="w-9 h-9 border-2 border-white dark:border-dark rounded-full object-cover transition-all duration-300"
+                                    src="/assets/images/profile-7.jpeg" alt="image" />
+                                <img class="w-9 h-9 border-2 border-white dark:border-dark rounded-full object-cover transition-all duration-300"
+                                    src="/assets/images/profile-8.jpeg" alt="image" />
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener("alpine:init", () => {
+            // total-visit
+            Alpine.data("analytics", () => ({
+                init() {
+                    isDark = this.$store.app.theme === "dark" || this.$store.app.isDarkMode ? true :
+                        false;
+                    isRtl = this.$store.app.rtlClass === "rtl" ? true : false;
+
+                    const totalVisit = null;
+                    const paidVisit = null;
+                    const uniqueVisitorSeries = null;
+                    const followers = null;
+                    const referral = null;
+                    const engagement = null;
+
+                    // statistics
+                    setTimeout(() => {
+                        this.totalVisit = new ApexCharts(this.$refs.totalVisit, this
+                            .totalVisitOptions);
+                        this.totalVisit.render();
+
+                        this.paidVisit = new ApexCharts(this.$refs.paidVisit, this
+                            .paidVisitOptions);
+                        this.paidVisit.render();
+
+                        // unique visitors
+                        this.uniqueVisitorSeries = new ApexCharts(this.$refs
+                            .uniqueVisitorSeries, this.uniqueVisitorSeriesOptions);
+                        this.$refs.uniqueVisitorSeries.innerHTML = "";
+                        this.uniqueVisitorSeries.render();
+
+                        // followers
+                        this.followers = new ApexCharts(this.$refs.followers, this
+                            .followersOptions);
+                        this.followers.render();
+
+                        // referral
+                        this.referral = new ApexCharts(this.$refs.referral, this
+                            .referralOptions);
+                        this.referral.render();
+
+                        // engagement
+                        this.engagement = new ApexCharts(this.$refs.engagement, this
+                            .engagementOptions);
+                        this.engagement.render();
+                    }, 300);
+
+                    this.$watch('$store.app.theme', () => {
+                        isDark = this.$store.app.theme === "dark" || this.$store.app
+                            .isDarkMode ? true : false;
+                        this.totalVisit.updateOptions(this.totalVisitOptions);
+                        this.paidVisit.updateOptions(this.paidVisitOptions);
+                        this.uniqueVisitorSeries.updateOptions(this.uniqueVisitorSeriesOptions);
+                        this.followers.updateOptions(this.followersOptions);
+                        this.referral.updateOptions(this.referralOptions);
+                        this.engagement.updateOptions(this.engagementOptions);
+                    });
+
+                    this.$watch('$store.app.rtlClass', () => {
+                        isRtl = this.$store.app.rtlClass === "rtl" ? true : false;
+                        this.uniqueVisitorSeries.updateOptions(this.uniqueVisitorSeriesOptions);
+                    });
+                },
+
+                // statistics
+                get totalVisitOptions() {
+                    return {
+                        series: [{
+                            data: [21, 9, 36, 12, 44, 25, 59, 41, 66, 25]
+                        }],
+                        chart: {
+                            height: 58,
+                            type: 'line',
+                            fontFamily: 'Nunito, sans-serif',
+                            sparkline: {
+                                enabled: true
+                            },
+                            dropShadow: {
+                                enabled: true,
+                                blur: 3,
+                                color: '#009688',
+                                opacity: 0.4
+                            }
+                        },
+                        stroke: {
+                            curve: 'smooth',
+                            width: 2
+                        },
+                        colors: ['#009688'],
+                        grid: {
+                            padding: {
+                                top: 5,
+                                bottom: 5,
+                                left: 5,
+                                right: 5
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+                    }
+                },
+
+                //paid visit
+                get paidVisitOptions() {
+                    return {
+                        series: [{
+                            data: [22, 19, 30, 47, 32, 44, 34, 55, 41, 69]
+                        }],
+                        chart: {
+                            height: 58,
+                            type: 'line',
+                            fontFamily: 'Nunito, sans-serif',
+                            sparkline: {
+                                enabled: true
+                            },
+                            dropShadow: {
+                                enabled: true,
+                                blur: 3,
+                                color: '#e2a03f',
+                                opacity: 0.4
+                            }
+                        },
+                        stroke: {
+                            curve: 'smooth',
+                            width: 2
+                        },
+                        colors: ['#e2a03f'],
+                        grid: {
+                            padding: {
+                                top: 5,
+                                bottom: 5,
+                                left: 5,
+                                right: 5
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+
+                    }
+                },
+
+                // unique visitors
+                get uniqueVisitorSeriesOptions() {
+                    return {
+                        series: [{
+                                name: 'Direct',
+                                data: [58, 44, 55, 57, 56, 61, 58, 63, 60, 66, 56, 63]
+                            },
+                            {
+                                name: 'Organic',
+                                data: [91, 76, 85, 101, 98, 87, 105, 91, 114, 94, 66, 70]
+                            },
+                        ],
+                        chart: {
+                            height: 360,
+                            type: 'bar',
+                            fontFamily: 'Nunito, sans-serif',
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        dataLabels: {
+                            enabled: false
+                        },
+                        stroke: {
+                            width: 2,
+                            colors: ['transparent']
+                        },
+                        colors: ['#5c1ac3', '#ffbb44'],
+                        dropShadow: {
+                            enabled: true,
+                            blur: 3,
+                            color: '#515365',
+                            opacity: 0.4,
+                        },
+                        plotOptions: {
+                            bar: {
+                                horizontal: false,
+                                columnWidth: '55%',
+                                borderRadius: 10
+                            }
+                        },
+                        legend: {
+                            position: 'bottom',
+                            horizontalAlign: 'center',
+                            fontSize: '14px',
+                            itemMargin: {
+                                horizontal: 8,
+                                vertical: 8
+                            }
+                        },
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed',
+                            padding: {
+                                left: 20,
+                                right: 20
+                            }
+                        },
+                        xaxis: {
+                            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug',
+                                'Sep', 'Oct', 'Nov', 'Dec'
+                            ],
+                            axisBorder: {
+                                show: true,
+                                color: isDark ? '#3b3f5c' : '#e0e6ed'
+                            },
+                        },
+                        yaxis: {
+                            tickAmount: 6,
+                            opposite: isRtl ? true : false,
+                            labels: {
+                                offsetX: isRtl ? -10 : 0,
+                            }
+                        },
+                        fill: {
+                            type: 'gradient',
+                            gradient: {
+                                shade: isDark ? 'dark' : 'light',
+                                type: 'vertical',
+                                shadeIntensity: 0.3,
+                                inverseColors: false,
+                                opacityFrom: 1,
+                                opacityTo: 0.8,
+                                stops: [0, 100]
+                            },
+                        },
+                        tooltip: {
+                            marker: {
+                                show: true,
+                            },
+                            y: {
+                                formatter: (val) => {
+                                    return val;
+                                },
+                            },
+                        },
+                    }
+                },
+
+                // followers
+                get followersOptions() {
+                    return {
+                        series: [{
+                            data: [38, 60, 38, 52, 36, 40, 28]
+                        }],
+                        chart: {
+                            height: 160,
+                            type: 'area',
+                            fontFamily: 'Nunito, sans-serif',
+                            sparkline: {
+                                enabled: true
+                            }
+                        },
+                        stroke: {
+                            curve: 'smooth',
+                            width: 2
+                        },
+                        colors: ['#4361ee'],
+                        grid: {
+                            padding: {
+                                top: 5,
+                            }
+                        },
+                        yaxis: {
+                            show: false
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+
+                        if (isDark) {
+                            option['fill'] = {
+                                type: 'gradient',
+                                gradient: {
+                                    type: 'vertical',
+                                    shadeIntensity: 1,
+                                    inverseColors: !1,
+                                    opacityFrom: 0.3,
+                                    opacityTo: 0.05,
+                                    stops: [100, 100]
+                                }
+                            };
+
+                        }
+                    }
+                },
+
+                // referral
+                get referralOptions() {
+                    return {
+                        series: [{
+                            data: [60, 28, 52, 38, 40, 36, 38]
+                        }],
+                        chart: {
+                            height: 160,
+                            type: 'area',
+                            fontFamily: 'Nunito, sans-serif',
+                            sparkline: {
+                                enabled: true
+                            }
+                        },
+                        stroke: {
+                            curve: 'smooth',
+                            width: 2
+                        },
+                        colors: ['#e7515a'],
+                        grid: {
+                            padding: {
+                                top: 5,
+                            }
+                        },
+                        yaxis: {
+                            show: false
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+
+                        if (isDark) {
+                            option['fill'] = {
+                                type: 'gradient',
+                                gradient: {
+                                    type: 'vertical',
+                                    shadeIntensity: 1,
+                                    inverseColors: !1,
+                                    opacityFrom: 0.3,
+                                    opacityTo: 0.05,
+                                    stops: [100, 100]
+                                }
+                            };
+                        }
+                    }
+                },
+
+                // engagement
+                get engagementOptions() {
+                    return {
+                        series: [{
+                            name: 'Sales',
+                            data: [28, 50, 36, 60, 38, 52, 38]
+                        }],
+                        chart: {
+                            height: 160,
+                            type: 'area',
+                            fontFamily: 'Nunito, sans-serif',
+                            sparkline: {
+                                enabled: true
+                            }
+                        },
+                        stroke: {
+                            curve: 'smooth',
+                            width: 2
+                        },
+                        colors: ['#1abc9c'],
+                        grid: {
+                            padding: {
+                                top: 5,
+                            }
+                        },
+                        yaxis: {
+                            show: false
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+
+                        if (isDark) {
+                            option['fill'] = {
+                                type: 'gradient',
+                                gradient: {
+                                    type: 'vertical',
+                                    shadeIntensity: 1,
+                                    inverseColors: !1,
+                                    opacityFrom: 0.3,
+                                    opacityTo: 0.05,
+                                    stops: [100, 100]
+                                }
+                            };
+                        }
+                    }
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/api/api-token-manager.blade.php b/resources/views/api/api-token-manager.blade.php
deleted file mode 100644
index 68ed51de2bc69a55d9d5752d752c67b2ab014974..0000000000000000000000000000000000000000
--- a/resources/views/api/api-token-manager.blade.php
+++ /dev/null
@@ -1,169 +0,0 @@
-<div>
-    <!-- Generate API Token -->
-    <x-form-section submit="createApiToken">
-        <x-slot name="title">
-            {{ __('Create API Token') }}
-        </x-slot>
-
-        <x-slot name="description">
-            {{ __('API tokens allow third-party services to authenticate with our application on your behalf.') }}
-        </x-slot>
-
-        <x-slot name="form">
-            <!-- Token Name -->
-            <div class="col-span-6 sm:col-span-4">
-                <x-label for="name" value="{{ __('Token Name') }}" />
-                <x-input id="name" type="text" class="mt-1 block w-full" wire:model="createApiTokenForm.name" autofocus />
-                <x-input-error for="name" class="mt-2" />
-            </div>
-
-            <!-- Token Permissions -->
-            @if (Laravel\Jetstream\Jetstream::hasPermissions())
-                <div class="col-span-6">
-                    <x-label for="permissions" value="{{ __('Permissions') }}" />
-
-                    <div class="mt-2 grid grid-cols-1 md:grid-cols-2 gap-4">
-                        @foreach (Laravel\Jetstream\Jetstream::$permissions as $permission)
-                            <label class="flex items-center">
-                                <x-checkbox wire:model="createApiTokenForm.permissions" :value="$permission"/>
-                                <span class="ms-2 text-sm text-gray-600">{{ $permission }}</span>
-                            </label>
-                        @endforeach
-                    </div>
-                </div>
-            @endif
-        </x-slot>
-
-        <x-slot name="actions">
-            <x-action-message class="me-3" on="created">
-                {{ __('Created.') }}
-            </x-action-message>
-
-            <x-button>
-                {{ __('Create') }}
-            </x-button>
-        </x-slot>
-    </x-form-section>
-
-    @if ($this->user->tokens->isNotEmpty())
-        <x-section-border />
-
-        <!-- Manage API Tokens -->
-        <div class="mt-10 sm:mt-0">
-            <x-action-section>
-                <x-slot name="title">
-                    {{ __('Manage API Tokens') }}
-                </x-slot>
-
-                <x-slot name="description">
-                    {{ __('You may delete any of your existing tokens if they are no longer needed.') }}
-                </x-slot>
-
-                <!-- API Token List -->
-                <x-slot name="content">
-                    <div class="space-y-6">
-                        @foreach ($this->user->tokens->sortBy('name') as $token)
-                            <div class="flex items-center justify-between">
-                                <div class="break-all">
-                                    {{ $token->name }}
-                                </div>
-
-                                <div class="flex items-center ms-2">
-                                    @if ($token->last_used_at)
-                                        <div class="text-sm text-gray-400">
-                                            {{ __('Last used') }} {{ $token->last_used_at->diffForHumans() }}
-                                        </div>
-                                    @endif
-
-                                    @if (Laravel\Jetstream\Jetstream::hasPermissions())
-                                        <button class="cursor-pointer ms-6 text-sm text-gray-400 underline" wire:click="manageApiTokenPermissions({{ $token->id }})">
-                                            {{ __('Permissions') }}
-                                        </button>
-                                    @endif
-
-                                    <button class="cursor-pointer ms-6 text-sm text-red-500" wire:click="confirmApiTokenDeletion({{ $token->id }})">
-                                        {{ __('Delete') }}
-                                    </button>
-                                </div>
-                            </div>
-                        @endforeach
-                    </div>
-                </x-slot>
-            </x-action-section>
-        </div>
-    @endif
-
-    <!-- Token Value Modal -->
-    <x-dialog-modal wire:model.live="displayingToken">
-        <x-slot name="title">
-            {{ __('API Token') }}
-        </x-slot>
-
-        <x-slot name="content">
-            <div>
-                {{ __('Please copy your new API token. For your security, it won\'t be shown again.') }}
-            </div>
-
-            <x-input x-ref="plaintextToken" type="text" readonly :value="$plainTextToken"
-                class="mt-4 bg-gray-100 px-4 py-2 rounded font-mono text-sm text-gray-500 w-full break-all"
-                autofocus autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
-                @showing-token-modal.window="setTimeout(() => $refs.plaintextToken.select(), 250)"
-            />
-        </x-slot>
-
-        <x-slot name="footer">
-            <x-secondary-button wire:click="$set('displayingToken', false)" wire:loading.attr="disabled">
-                {{ __('Close') }}
-            </x-secondary-button>
-        </x-slot>
-    </x-dialog-modal>
-
-    <!-- API Token Permissions Modal -->
-    <x-dialog-modal wire:model.live="managingApiTokenPermissions">
-        <x-slot name="title">
-            {{ __('API Token Permissions') }}
-        </x-slot>
-
-        <x-slot name="content">
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                @foreach (Laravel\Jetstream\Jetstream::$permissions as $permission)
-                    <label class="flex items-center">
-                        <x-checkbox wire:model="updateApiTokenForm.permissions" :value="$permission"/>
-                        <span class="ms-2 text-sm text-gray-600">{{ $permission }}</span>
-                    </label>
-                @endforeach
-            </div>
-        </x-slot>
-
-        <x-slot name="footer">
-            <x-secondary-button wire:click="$set('managingApiTokenPermissions', false)" wire:loading.attr="disabled">
-                {{ __('Cancel') }}
-            </x-secondary-button>
-
-            <x-button class="ms-3" wire:click="updateApiToken" wire:loading.attr="disabled">
-                {{ __('Save') }}
-            </x-button>
-        </x-slot>
-    </x-dialog-modal>
-
-    <!-- Delete Token Confirmation Modal -->
-    <x-confirmation-modal wire:model.live="confirmingApiTokenDeletion">
-        <x-slot name="title">
-            {{ __('Delete API Token') }}
-        </x-slot>
-
-        <x-slot name="content">
-            {{ __('Are you sure you would like to delete this API token?') }}
-        </x-slot>
-
-        <x-slot name="footer">
-            <x-secondary-button wire:click="$toggle('confirmingApiTokenDeletion')" wire:loading.attr="disabled">
-                {{ __('Cancel') }}
-            </x-secondary-button>
-
-            <x-danger-button class="ms-3" wire:click="deleteApiToken" wire:loading.attr="disabled">
-                {{ __('Delete') }}
-            </x-danger-button>
-        </x-slot>
-    </x-confirmation-modal>
-</div>
diff --git a/resources/views/api/index.blade.php b/resources/views/api/index.blade.php
deleted file mode 100644
index d15b6a33cbe6cba11a8d4f496717325dacd071b5..0000000000000000000000000000000000000000
--- a/resources/views/api/index.blade.php
+++ /dev/null
@@ -1,13 +0,0 @@
-<x-app-layout>
-    <x-slot name="header">
-        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
-            {{ __('API Tokens') }}
-        </h2>
-    </x-slot>
-
-    <div>
-        <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
-            @livewire('api.api-token-manager')
-        </div>
-    </div>
-</x-app-layout>
diff --git a/resources/views/apps/calendar.blade.php b/resources/views/apps/calendar.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..4943d6c54bac05fdee561b6e8a3d86491fe3920d
--- /dev/null
+++ b/resources/views/apps/calendar.blade.php
@@ -0,0 +1,422 @@
+<x-layout.default>
+
+    <link href="{{ Vite::asset('resources/css/fullcalendar.min.css') }}" rel='stylesheet' />
+    <script src='/assets/js/fullcalendar.min.js'></script>
+    <div x-data="calendar">
+        <div class="panel">
+            <div class="mb-5">
+                <div class="mb-4 flex items-center sm:flex-row flex-col sm:justify-between justify-center">
+                    <div class="sm:mb-0 mb-4">
+                        <div class="text-lg font-semibold ltr:sm:text-left rtl:sm:text-right text-center">Calendar</div>
+                        <div class="flex items-center mt-2 flex-wrap sm:justify-start justify-center">
+                            <div class="flex items-center ltr:mr-4 rtl:ml-4">
+                                <div class="h-2.5 w-2.5 rounded-sm ltr:mr-2 rtl:ml-2 bg-primary"></div>
+                                <div>Work</div>
+                            </div>
+                            <div class="flex items-center ltr:mr-4 rtl:ml-4">
+                                <div class="h-2.5 w-2.5 rounded-sm ltr:mr-2 rtl:ml-2 bg-info"></div>
+                                <div>Travel</div>
+                            </div>
+                            <div class="flex items-center ltr:mr-4 rtl:ml-4">
+                                <div class="h-2.5 w-2.5 rounded-sm ltr:mr-2 rtl:ml-2 bg-success"></div>
+                                <div>Personal</div>
+                            </div>
+                            <div class="flex items-center">
+                                <div class="h-2.5 w-2.5 rounded-sm ltr:mr-2 rtl:ml-2 bg-danger"></div>
+                                <div>Important</div>
+                            </div>
+                        </div>
+                    </div>
+                    <button type="button" class="btn btn-primary" @click="editEvent()">
+
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"
+                            fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                            stroke-linejoin="round" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                            <line x1="12" y1="5" x2="12" y2="19"></line>
+                            <line x1="5" y1="12" x2="19" y2="12"></line>
+                        </svg>
+                        Create Event
+                    </button>
+                    <div class="fixed inset-0 bg-[black]/60 z-[999] overflow-y-auto hidden"
+                        :class="isAddEventModal && '!block'">
+                        <div class="flex items-center justify-center min-h-screen px-4"
+                            @click.self="isAddEventModal = false">
+                            <div x-show="isAddEventModal" x-transition x-transition.duration.300
+                                class="panel border-0 p-0 rounded-lg overflow-hidden md:w-full max-w-lg w-[90%] my-8">
+                                <button type="button"
+                                    class="absolute top-4 ltr:right-4 rtl:left-4 text-white-dark hover:text-dark"
+                                    @click="isAddEventModal = false">
+
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6">
+                                        <line x1="18" y1="6" x2="6" y2="18"></line>
+                                        <line x1="6" y1="6" x2="18" y2="18"></line>
+                                    </svg>
+                                </button>
+                                <h3 class="text-lg font-medium bg-[#fbfbfb] dark:bg-[#121c2c] ltr:pl-5 rtl:pr-5 py-3 ltr:pr-[50px] rtl:pl-[50px]"
+                                    x-text="params.id ? 'Edit Event' : 'Add Event'"></h3>
+                                <div class="p-5">
+                                    <form @submit.prevent="saveEvent">
+                                        <div class="mb-5">
+                                            <label for="title">Event Title :</label>
+                                            <input id="title" type="text" name="title" id="title"
+                                                class="form-input" placeholder="Enter Event Title"
+                                                x-model="params.title" required />
+                                            <div class="text-danger mt-2" id="titleErr"></div>
+                                        </div>
+
+                                        <div class="mb-5">
+                                            <label for="dateStart">From :</label>
+                                            <input id="dateStart" type="datetime-local" name="start" id="start"
+                                                class="form-input" placeholder="Event Start Date" x-model="params.start"
+                                                :min="minStartDate" @change="startDateChange($event)" required />
+                                            <div class="text-danger mt-2" id="startDateErr"></div>
+                                        </div>
+                                        <div class="mb-5">
+                                            <label for="dateEnd">To :</label>
+                                            <input id="dateEnd" type="datetime-local" name="end" id="end"
+                                                class="form-input" placeholder="Event End Date" x-model="params.end"
+                                                :min="minEndDate" required />
+                                            <div class="text-danger mt-2" id="endDateErr"></div>
+                                        </div>
+                                        <div class="mb-5">
+                                            <label for="description">Event Description :</label>
+                                            <textarea id="description" name="description" id="description" class="form-textarea min-h-[130px]"
+                                                placeholder="Enter Event Description" x-model="params.description"></textarea>
+                                        </div>
+                                        <div class="mb-5">
+                                            <label>Badge:</label>
+                                            <div class="mt-3">
+                                                <label class="inline-flex cursor-pointer ltr:mr-3 rtl:ml-3">
+                                                    <input type="radio" class="form-radio" name="badge"
+                                                        value="primary" x-model="params.type" />
+                                                    <span class="ltr:pl-2 rtl:pr-2">Work</span>
+                                                </label>
+                                                <label class="inline-flex cursor-pointer ltr:mr-3 rtl:ml-3">
+                                                    <input type="radio" class="form-radio text-info" name="badge"
+                                                        value="info" x-model="params.type" />
+                                                    <span class="ltr:pl-2 rtl:pr-2">Travel</span>
+                                                </label>
+                                                <label class="inline-flex cursor-pointer ltr:mr-3 rtl:ml-3">
+                                                    <input type="radio" class="form-radio text-success"
+                                                        name="badge" value="success" x-model="params.type" />
+                                                    <span class="ltr:pl-2 rtl:pr-2">Personal</span>
+                                                </label>
+                                                <label class="inline-flex cursor-pointer">
+                                                    <input type="radio" class="form-radio text-danger"
+                                                        name="badge" value="danger" x-model="params.type" />
+                                                    <span class="ltr:pl-2 rtl:pr-2">Important</span>
+                                                </label>
+                                            </div>
+                                        </div>
+                                        <div class="flex justify-end items-center mt-8">
+                                            <button type="button" class="btn btn-outline-danger"
+                                                @click="isAddEventModal = false">Cancel</button>
+                                            <button type="submit" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                x-text="params.id ? 'Update Event' : 'Create Event'"></button>
+                                        </div>
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="calendar-wrapper" id='calendar'></div>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("calendar", () => ({
+                defaultParams: ({
+                    id: null,
+                    title: '',
+                    start: '',
+                    end: '',
+                    description: '',
+                    type: 'primary'
+                }),
+                params: {
+                    id: null,
+                    title: '',
+                    start: '',
+                    end: '',
+                    description: '',
+                    type: 'primary'
+                },
+                isAddEventModal: false,
+                minStartDate: '',
+                minEndDate: '',
+                calendar: null,
+                now: new Date(),
+                events: [],
+                init() {
+                    this.events = [{
+                            id: 1,
+                            title: 'All Day Event',
+                            start: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-01T14:30:00',
+                            end: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-02T14:30:00',
+                            className: 'danger',
+                            description: 'Aenean fermentum quam vel sapien rutrum cursus. Vestibulum imperdiet finibus odio, nec tincidunt felis facilisis eu.',
+                        },
+                        {
+                            id: 2,
+                            title: 'Site Visit',
+                            start: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-07T19:30:00',
+                            end: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-08T14:30:00',
+                            className: 'primary',
+                            description: 'Etiam a odio eget enim aliquet laoreet. Vivamus auctor nunc ultrices varius lobortis.',
+                        },
+                        {
+                            id: 3,
+                            title: 'Product Lunching Event',
+                            start: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-17T14:30:00',
+                            end: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-18T14:30:00',
+                            className: 'info',
+                            description: 'Proin et consectetur nibh. Mauris et mollis purus. Ut nec tincidunt lacus. Nam at rutrum justo, vitae egestas dolor.',
+                        },
+                        {
+                            id: 4,
+                            title: 'Meeting',
+                            start: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-12T10:30:00',
+                            end: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-13T10:30:00',
+                            className: 'danger',
+                            description: 'Mauris ut mauris aliquam, fringilla sapien et, dignissim nisl. Pellentesque ornare velit non mollis fringilla.',
+                        },
+                        {
+                            id: 5,
+                            title: 'Lunch',
+                            start: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-12T15:00:00',
+                            end: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-13T15:00:00',
+                            className: 'info',
+                            description: 'Integer fermentum bibendum elit in egestas. Interdum et malesuada fames ac ante ipsum primis in faucibus.',
+                        },
+                        {
+                            id: 6,
+                            title: 'Conference',
+                            start: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-12T21:30:00',
+                            end: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-13T21:30:00',
+                            className: 'success',
+                            description: 'Curabitur facilisis vel elit sed dapibus. Nunc sagittis ex nec ante facilisis, sed sodales purus rhoncus. Donec est sapien, porttitor et feugiat sed, eleifend quis sapien. Sed sit amet maximus dolor.',
+                        },
+                        {
+                            id: 7,
+                            title: 'Happy Hour',
+                            start: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-12T05:30:00',
+                            end: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-13T05:30:00',
+                            className: 'info',
+                            description: ' odio lectus, porttitor molestie scelerisque blandit, hendrerit sed ex. Aenean malesuada iaculis erat, vitae blandit nisl accumsan ut.',
+                        },
+                        {
+                            id: 8,
+                            title: 'Dinner',
+                            start: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-12T20:00:00',
+                            end: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-13T20:00:00',
+                            className: 'danger',
+                            description: 'Sed purus urna, aliquam et pharetra ut, efficitur id mi. Pellentesque ut convallis velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+                        },
+                        {
+                            id: 9,
+                            title: 'Birthday Party',
+                            start: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-27T20:00:00',
+                            end: this.now.getFullYear() + '-' + this.getMonth(this.now) +
+                                '-28T20:00:00',
+                            className: 'success',
+                            description: 'Sed purus urna, aliquam et pharetra ut, efficitur id mi. Pellentesque ut convallis velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+                        },
+                        {
+                            id: 10,
+                            title: 'New Talent Event',
+                            start: this.now.getFullYear() + '-' + this.getMonth(this.now, 1) +
+                                '-24T08:12:14',
+                            end: this.now.getFullYear() + '-' + this.getMonth(this.now, 1) +
+                                '-27T22:20:20',
+                            className: 'danger',
+                            description: 'Sed purus urna, aliquam et pharetra ut, efficitur id mi. Pellentesque ut convallis velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+                        },
+                        {
+                            id: 11,
+                            title: 'Other new',
+                            start: this.now.getFullYear() + '-' + this.getMonth(this.now, -1) +
+                                '-13T08:12:14',
+                            end: this.now.getFullYear() + '-' + this.getMonth(this.now, -1) +
+                                '-16T22:20:20',
+                            className: 'primary',
+                            description: 'Pellentesque ut convallis velit. Sed purus urna, aliquam et pharetra ut, efficitur id mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+                        },
+                        {
+                            id: 13,
+                            title: 'Upcoming Event',
+                            start: this.now.getFullYear() + '-' + this.getMonth(this.now, 1) +
+                                '-15T08:12:14',
+                            end: this.now.getFullYear() + '-' + this.getMonth(this.now, 1) +
+                                '-18T22:20:20',
+                            className: 'primary',
+                            description: 'Pellentesque ut convallis velit. Sed purus urna, aliquam et pharetra ut, efficitur id mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+                        },
+                    ];
+                    var calendarEl = document.getElementById('calendar');
+                    this.calendar = new FullCalendar.Calendar(calendarEl, {
+                        initialView: 'dayGridMonth',
+                        headerToolbar: {
+                            left: 'prev,next today',
+                            center: 'title',
+                            right: 'dayGridMonth,timeGridWeek,timeGridDay',
+                        },
+                        editable: true,
+                        dayMaxEvents: true,
+                        selectable: true,
+                        droppable: true,
+                        eventClick: (event) => {
+                            this.editEvent(event);
+                        },
+                        select: (event) => {
+                            this.editDate(event)
+                        },
+                        events: this.events,
+                    });
+                    this.calendar.render();
+
+                    this.$watch('$store.app.sidebar', () => {
+                        setTimeout(() => {
+                            this.calendar.render();
+                        }, 300);
+                    });
+                },
+
+                getMonth(dt, add = 0) {
+                    let month = dt.getMonth() + 1 + add;
+                    return dt.getMonth() < 10 ? '0' + month : month;
+                },
+
+                editEvent(data) {
+                    this.params = JSON.parse(JSON.stringify(this.defaultParams));
+                    if (data) {
+                        let obj = JSON.parse(JSON.stringify(data.event));
+                        this.params = {
+                            id: obj.id ? obj.id : null,
+                            title: obj.title ? obj.title : null,
+                            start: this.dateFormat(obj.start),
+                            end: this.dateFormat(obj.end),
+                            type: obj.classNames ? obj.classNames[0] : 'primary',
+                            description: obj.extendedProps ? obj.extendedProps.description : '',
+                        };
+                        this.minStartDate = new Date();
+                        this.minEndDate = this.dateFormat(obj.start);
+                    } else {
+                        this.minStartDate = new Date();
+                        this.minEndDate = new Date();
+                    }
+
+                    this.isAddEventModal = true;
+                },
+
+                editDate(data) {
+                    let obj = {
+                        event: {
+                            start: data.start,
+                            end: data.end
+                        },
+                    };
+                    this.editEvent(obj);
+                },
+
+                dateFormat(dt) {
+                    dt = new Date(dt);
+                    const month = dt.getMonth() + 1 < 10 ? '0' + (dt.getMonth() + 1) : dt.getMonth() +
+                    1;
+                    const date = dt.getDate() < 10 ? '0' + dt.getDate() : dt.getDate();
+                    const hours = dt.getHours() < 10 ? '0' + dt.getHours() : dt.getHours();
+                    const mins = dt.getMinutes() < 10 ? '0' + dt.getMinutes() : dt.getMinutes();
+                    dt = dt.getFullYear() + '-' + month + '-' + date + 'T' + hours + ':' + mins;
+                    return dt;
+                },
+
+                saveEvent() {
+                    if (!this.params.title) {
+                        return true;
+                    }
+                    if (!this.params.start) {
+                        return true;
+                    }
+                    if (!this.params.end) {
+                        return true;
+                    }
+
+                    if (this.params.id) {
+                        //update event
+                        let event = this.events.find((d) => d.id == this.params.id);
+                        event.title = this.params.title;
+                        event.start = this.params.start;
+                        event.end = this.params.end;
+                        event.description = this.params.description;
+                        event.className = this.params.type;
+                    } else {
+                        //add event
+                        let maxEventId = 0;
+                        if (this.events) {
+                            maxEventId = this.events.reduce(
+                                (max, character) => (character.id > max ? character.id : max),
+                                this.events[0].id
+                            );
+                        }
+
+                        let event = {
+                            id: maxEventId + 1,
+                            title: this.params.title,
+                            start: this.params.start,
+                            end: this.params.end,
+                            description: this.params.description,
+                            className: this.params.type,
+                        };
+                        this.events.push(event);
+                    }
+                    this.calendar.getEventSources()[0].refetch() //refresh Calendar
+                    this.showMessage('Event has been saved successfully.');
+                    this.isAddEventModal = false;
+                },
+
+                startDateChange(event) {
+                    const dateStr = event.target.value;
+                    if (dateStr) {
+                        this.minEndDate = this.dateFormat(dateStr);
+                        this.params.end = '';
+                    }
+                },
+
+                showMessage(msg = '', type = 'success') {
+                    const toast = window.Swal.mixin({
+                        toast: true,
+                        position: 'top',
+                        showConfirmButton: false,
+                        timer: 3000,
+                    });
+                    toast.fire({
+                        icon: type,
+                        title: msg,
+                        padding: '10px 20px',
+                    });
+                }
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/apps/chat.blade.php b/resources/views/apps/chat.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..046806963c57ccca1735c898793463c3c4e14b3b
--- /dev/null
+++ b/resources/views/apps/chat.blade.php
@@ -0,0 +1,932 @@
+<x-layout.default>
+
+
+    <div x-data="chat">
+        <div class="flex gap-5 relative sm:h-[calc(100vh_-_150px)] h-full sm:min-h-0"
+            :class="{ 'min-h-[999px]': isShowChatMenu }">
+            <div class="panel p-4 flex-none overflow-hidden max-w-xs w-full absolute xl:relative z-10 space-y-4 xl:h-full hidden xl:block"
+                :class="isShowChatMenu && '!block'">
+                <div class="flex justify-between items-center">
+                    <div class="flex items-center">
+                        <div class="flex-none"><img src="/assets/images/profile-34.jpeg"
+                                class="rounded-full h-12 w-12 object-cover" /></div>
+                        <div class="mx-3">
+                            <p class="mb-1 font-semibold">Alon Smith</p>
+                            <p class="text-xs text-white-dark">Software Developer</p>
+                        </div>
+                    </div>
+                    <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                        <button type="button"
+                            class="bg-[#f4f4f4] dark:bg-[#1b2e4b] hover:bg-primary-light w-8 h-8 rounded-full flex justify-center items-center"
+                            @click="toggle">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 opacity-70">
+                                <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <circle opacity="0.5" cx="12" cy="12" r="2"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                            </svg>
+                        </button>
+
+                        <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                            class="ltr:right-0 rtl:left-0 whitespace-nowrap">
+                            <li>
+                                <a href="javascript:;" @click="toggle">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        class="w-4.5 h-4.5 ltr:mr-1 rtl:ml-1 shrink-0">
+                                        <circle cx="12" cy="12" r="3" stroke="currentColor"
+                                            stroke-width="1.5"></circle>
+                                        <path opacity="0.5"
+                                            d="M13.7654 2.15224C13.3978 2 12.9319 2 12 2C11.0681 2 10.6022 2 10.2346 2.15224C9.74457 2.35523 9.35522 2.74458 9.15223 3.23463C9.05957 3.45834 9.0233 3.7185 9.00911 4.09799C8.98826 4.65568 8.70226 5.17189 8.21894 5.45093C7.73564 5.72996 7.14559 5.71954 6.65219 5.45876C6.31645 5.2813 6.07301 5.18262 5.83294 5.15102C5.30704 5.08178 4.77518 5.22429 4.35436 5.5472C4.03874 5.78938 3.80577 6.1929 3.33983 6.99993C2.87389 7.80697 2.64092 8.21048 2.58899 8.60491C2.51976 9.1308 2.66227 9.66266 2.98518 10.0835C3.13256 10.2756 3.3397 10.437 3.66119 10.639C4.1338 10.936 4.43789 11.4419 4.43786 12C4.43783 12.5581 4.13375 13.0639 3.66118 13.3608C3.33965 13.5629 3.13248 13.7244 2.98508 13.9165C2.66217 14.3373 2.51966 14.8691 2.5889 15.395C2.64082 15.7894 2.87379 16.193 3.33973 17C3.80568 17.807 4.03865 18.2106 4.35426 18.4527C4.77508 18.7756 5.30694 18.9181 5.83284 18.8489C6.07289 18.8173 6.31632 18.7186 6.65204 18.5412C7.14547 18.2804 7.73556 18.27 8.2189 18.549C8.70224 18.8281 8.98826 19.3443 9.00911 19.9021C9.02331 20.2815 9.05957 20.5417 9.15223 20.7654C9.35522 21.2554 9.74457 21.6448 10.2346 21.8478C10.6022 22 11.0681 22 12 22C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8477 20.7654C14.9404 20.5417 14.9767 20.2815 14.9909 19.902C15.0117 19.3443 15.2977 18.8281 15.781 18.549C16.2643 18.2699 16.8544 18.2804 17.3479 18.5412C17.6836 18.7186 17.927 18.8172 18.167 18.8488C18.6929 18.9181 19.2248 18.7756 19.6456 18.4527C19.9612 18.2105 20.1942 17.807 20.6601 16.9999C21.1261 16.1929 21.3591 15.7894 21.411 15.395C21.4802 14.8691 21.3377 14.3372 21.0148 13.9164C20.8674 13.7243 20.6602 13.5628 20.3387 13.3608C19.8662 13.0639 19.5621 12.558 19.5621 11.9999C19.5621 11.4418 19.8662 10.9361 20.3387 10.6392C20.6603 10.4371 20.8675 10.2757 21.0149 10.0835C21.3378 9.66273 21.4803 9.13087 21.4111 8.60497C21.3592 8.21055 21.1262 7.80703 20.6602 7C20.1943 6.19297 19.9613 5.78945 19.6457 5.54727C19.2249 5.22436 18.693 5.08185 18.1671 5.15109C17.9271 5.18269 17.6837 5.28136 17.3479 5.4588C16.8545 5.71959 16.2644 5.73002 15.7811 5.45096C15.2977 5.17191 15.0117 4.65566 14.9909 4.09794C14.9767 3.71848 14.9404 3.45833 14.8477 3.23463C14.6448 2.74458 14.2554 2.35523 13.7654 2.15224Z"
+                                            stroke="currentColor" stroke-width="1.5"></path>
+                                    </svg>
+                                    Settings</a>
+                            </li>
+                            <li>
+                                <a href="javascript:;" @click="toggle">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        class="w-4.5 h-4.5 ltr:mr-1 rtl:ml-1 shrink-0">
+                                        <circle opacity="0.5" cx="12" cy="12" r="10"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path
+                                            d="M10.125 8.875C10.125 7.83947 10.9645 7 12 7C13.0355 7 13.875 7.83947 13.875 8.875C13.875 9.56245 13.505 10.1635 12.9534 10.4899C12.478 10.7711 12 11.1977 12 11.75V13"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <circle cx="12" cy="16" r="1" fill="currentColor" />
+                                    </svg>
+                                    Help & feedback</a>
+                            </li>
+                            <li>
+                                <a href="javascript:;" @click="toggle">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        class="w-4.5 h-4.5 ltr:mr-1 rtl:ml-1 shrink-0">
+                                        <path
+                                            d="M2.00098 11.999L16.001 11.999M16.001 11.999L12.501 8.99902M16.001 11.999L12.501 14.999"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                            stroke-linejoin="round" />
+                                        <path opacity="0.5"
+                                            d="M9.00195 7C9.01406 4.82497 9.11051 3.64706 9.87889 2.87868C10.7576 2 12.1718 2 15.0002 2L16.0002 2C18.8286 2 20.2429 2 21.1215 2.87868C22.0002 3.75736 22.0002 5.17157 22.0002 8L22.0002 16C22.0002 18.8284 22.0002 20.2426 21.1215 21.1213C20.2429 22 18.8286 22 16.0002 22H15.0002C12.1718 22 10.7576 22 9.87889 21.1213C9.11051 20.3529 9.01406 19.175 9.00195 17"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Sign Out</a>
+                            </li>
+                        </ul>
+
+                    </div>
+                </div>
+                <div class="relative">
+                    <input type="text" class="form-input peer ltr:pr-9 rtl:pl-9" placeholder="Searching..."
+                        x-model="searchUser" @keyup="searchUsers" />
+                    <div class="absolute ltr:right-2 rtl:left-2 top-1/2 -translate-y-1/2 peer-focus:text-primary">
+
+                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg">
+                            <circle cx="11.5" cy="11.5" r="9.5" stroke="currentColor"
+                                stroke-width="1.5" opacity="0.5"></circle>
+                            <path d="M18.5 18.5L22 22" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round"></path>
+                        </svg>
+                    </div>
+                </div>
+                <div class="flex justify-between items-center text-xs">
+                    <button type="button" class="hover:text-primary group">
+
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 mx-auto mb-1">
+                            <path opacity="0.5"
+                                d="M13.0867 21.3877L13.7321 21.7697L13.0867 21.3877ZM13.6288 20.4718L12.9833 20.0898L13.6288 20.4718ZM10.3712 20.4718L9.72579 20.8539H9.72579L10.3712 20.4718ZM10.9133 21.3877L11.5587 21.0057L10.9133 21.3877ZM13.5 2.75C13.9142 2.75 14.25 2.41421 14.25 2C14.25 1.58579 13.9142 1.25 13.5 1.25V2.75ZM22.75 10.5C22.75 10.0858 22.4142 9.75 22 9.75C21.5858 9.75 21.25 10.0858 21.25 10.5H22.75ZM2.3806 15.9134L3.07351 15.6264V15.6264L2.3806 15.9134ZM7.78958 18.9915L7.77666 19.7413L7.78958 18.9915ZM5.08658 18.6194L4.79957 19.3123H4.79957L5.08658 18.6194ZM21.6194 15.9134L22.3123 16.2004V16.2004L21.6194 15.9134ZM16.2104 18.9915L16.1975 18.2416L16.2104 18.9915ZM18.9134 18.6194L19.2004 19.3123H19.2004L18.9134 18.6194ZM4.38751 2.7368L3.99563 2.09732V2.09732L4.38751 2.7368ZM2.7368 4.38751L2.09732 3.99563H2.09732L2.7368 4.38751ZM9.40279 19.2098L9.77986 18.5615L9.77986 18.5615L9.40279 19.2098ZM13.7321 21.7697L14.2742 20.8539L12.9833 20.0898L12.4412 21.0057L13.7321 21.7697ZM9.72579 20.8539L10.2679 21.7697L11.5587 21.0057L11.0166 20.0898L9.72579 20.8539ZM12.4412 21.0057C12.2485 21.3313 11.7515 21.3313 11.5587 21.0057L10.2679 21.7697C11.0415 23.0767 12.9585 23.0767 13.7321 21.7697L12.4412 21.0057ZM10.5 2.75H13.5V1.25H10.5V2.75ZM21.25 10.5V11.5H22.75V10.5H21.25ZM2.75 11.5V10.5H1.25V11.5H2.75ZM1.25 11.5C1.25 12.6546 1.24959 13.5581 1.29931 14.2868C1.3495 15.0223 1.45323 15.6344 1.68769 16.2004L3.07351 15.6264C2.92737 15.2736 2.84081 14.8438 2.79584 14.1847C2.75041 13.5189 2.75 12.6751 2.75 11.5H1.25ZM7.8025 18.2416C6.54706 18.2199 5.88923 18.1401 5.37359 17.9265L4.79957 19.3123C5.60454 19.6457 6.52138 19.7197 7.77666 19.7413L7.8025 18.2416ZM1.68769 16.2004C2.27128 17.6093 3.39066 18.7287 4.79957 19.3123L5.3736 17.9265C4.33223 17.4951 3.50486 16.6678 3.07351 15.6264L1.68769 16.2004ZM21.25 11.5C21.25 12.6751 21.2496 13.5189 21.2042 14.1847C21.1592 14.8438 21.0726 15.2736 20.9265 15.6264L22.3123 16.2004C22.5468 15.6344 22.6505 15.0223 22.7007 14.2868C22.7504 13.5581 22.75 12.6546 22.75 11.5H21.25ZM16.2233 19.7413C17.4786 19.7197 18.3955 19.6457 19.2004 19.3123L18.6264 17.9265C18.1108 18.1401 17.4529 18.2199 16.1975 18.2416L16.2233 19.7413ZM20.9265 15.6264C20.4951 16.6678 19.6678 17.4951 18.6264 17.9265L19.2004 19.3123C20.6093 18.7287 21.7287 17.6093 22.3123 16.2004L20.9265 15.6264ZM10.5 1.25C8.87781 1.25 7.6085 1.24921 6.59611 1.34547C5.57256 1.44279 4.73445 1.64457 3.99563 2.09732L4.77938 3.37628C5.24291 3.09223 5.82434 2.92561 6.73809 2.83873C7.663 2.75079 8.84876 2.75 10.5 2.75V1.25ZM2.75 10.5C2.75 8.84876 2.75079 7.663 2.83873 6.73809C2.92561 5.82434 3.09223 5.24291 3.37628 4.77938L2.09732 3.99563C1.64457 4.73445 1.44279 5.57256 1.34547 6.59611C1.24921 7.6085 1.25 8.87781 1.25 10.5H2.75ZM3.99563 2.09732C3.22194 2.57144 2.57144 3.22194 2.09732 3.99563L3.37628 4.77938C3.72672 4.20752 4.20752 3.72672 4.77938 3.37628L3.99563 2.09732ZM11.0166 20.0898C10.8136 19.7468 10.6354 19.4441 10.4621 19.2063C10.2795 18.9559 10.0702 18.7304 9.77986 18.5615L9.02572 19.8582C9.07313 19.8857 9.13772 19.936 9.24985 20.0898C9.37122 20.2564 9.50835 20.4865 9.72579 20.8539L11.0166 20.0898ZM7.77666 19.7413C8.21575 19.7489 8.49387 19.7545 8.70588 19.7779C8.90399 19.7999 8.98078 19.832 9.02572 19.8582L9.77986 18.5615C9.4871 18.3912 9.18246 18.3215 8.87097 18.287C8.57339 18.2541 8.21375 18.2487 7.8025 18.2416L7.77666 19.7413ZM14.2742 20.8539C14.4916 20.4865 14.6287 20.2564 14.7501 20.0898C14.8622 19.936 14.9268 19.8857 14.9742 19.8582L14.2201 18.5615C13.9298 18.7304 13.7204 18.9559 13.5379 19.2063C13.3646 19.4441 13.1864 19.7468 12.9833 20.0898L14.2742 20.8539ZM16.1975 18.2416C15.7862 18.2487 15.4266 18.2541 15.129 18.287C14.8175 18.3215 14.5129 18.3912 14.2201 18.5615L14.9742 19.8582C15.0192 19.832 15.096 19.7999 15.2941 19.7779C15.5061 19.7545 15.7842 19.7489 16.2233 19.7413L16.1975 18.2416Z"
+                                fill="currentColor" />
+                            <circle cx="19" cy="5" r="3" stroke="currentColor"
+                                stroke-width="1.5" />
+                        </svg>
+                        Chats </button>
+
+                    <button type="button" class="hover:text-primary group">
+
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 mx-auto mb-1">
+                            <path
+                                d="M5.00659 6.93309C5.04956 5.7996 5.70084 4.77423 6.53785 3.93723C7.9308 2.54428 10.1532 2.73144 11.0376 4.31617L11.6866 5.4791C12.2723 6.52858 12.0372 7.90533 11.1147 8.8278M17.067 18.9934C18.2004 18.9505 19.2258 18.2992 20.0628 17.4622C21.4558 16.0692 21.2686 13.8468 19.6839 12.9624L18.5209 12.3134C17.4715 11.7277 16.0947 11.9628 15.1722 12.8853"
+                                stroke="currentColor" stroke-width="1.5" />
+                            <path opacity="0.5"
+                                d="M5.00655 6.93311C4.93421 8.84124 5.41713 12.0817 8.6677 15.3323C11.9183 18.5829 15.1588 19.0658 17.0669 18.9935M15.1722 12.8853C15.1722 12.8853 14.0532 14.0042 12.0245 11.9755C9.99578 9.94676 11.1147 8.82782 11.1147 8.82782"
+                                stroke="currentColor" stroke-width="1.5" />
+                        </svg>
+                        Calls </button>
+
+                    <button type="button" class="hover:text-primary group">
+
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 mx-auto mb-1">
+                            <circle cx="10" cy="6" r="4" stroke="currentColor"
+                                stroke-width="1.5" />
+                            <path opacity="0.5"
+                                d="M18 17.5C18 19.9853 18 22 10 22C2 22 2 19.9853 2 17.5C2 15.0147 5.58172 13 10 13C14.4183 13 18 15.0147 18 17.5Z"
+                                stroke="currentColor" stroke-width="1.5" />
+                            <path d="M21 10H19M19 10H17M19 10L19 8M19 10L19 12" stroke="currentColor"
+                                stroke-width="1.5" stroke-linecap="round" />
+                        </svg>
+                        Contacts </button>
+
+                    <button type="button" class="hover:text-primary group">
+
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 mx-auto mb-1">
+                            <path
+                                d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                                stroke="currentColor" stroke-width="1.5" />
+                            <path opacity="0.5"
+                                d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                        </svg>
+                        Notification </button>
+                </div>
+                <div class="h-px w-full border-b border-[#e0e6ed] dark:border-[#1b2e4b]"></div>
+                <div class="!mt-0">
+                    <div
+                        class="chat-users perfect-scrollbar relative h-full min-h-[100px] sm:h-[calc(100vh_-_357px)] space-y-0.5 pr-3.5 -mr-3.5">
+                        <template x-for="person in searchUsers">
+                            <button type="button"
+                                class="w-full flex justify-between items-center p-2 hover:bg-gray-100 dark:hover:bg-[#050b14] rounded-md dark:hover:text-primary hover:text-primary "
+                                :class="{
+                                    'bg-gray-100 dark:bg-[#050b14] dark:text-primary text-primary': selectedUser
+                                        .userId === person.userId
+                                }"
+                                @click="selectUser(person)">
+                                <div class="flex-1">
+                                    <div class="flex items-center">
+                                        <div class="flex-shrink-0 relative"><img :src="`/assets/images/${person.path}`"
+                                                class="rounded-full h-12 w-12 object-cover" />
+                                            <template x-if="person.active">
+                                                <div class="absolute bottom-0 ltr:right-0 rtl:left-0">
+
+                                                    <div class="w-4 h-4 bg-success rounded-full"></div>
+                                                </div>
+                                            </template>
+                                        </div>
+                                        <div class="mx-3 ltr:text-left rtl:text-right">
+                                            <p class="mb-1 font-semibold" x-text="person.name"></p>
+                                            <p class="text-xs text-white-dark truncate max-w-[185px]"
+                                                x-text="person.preview"></p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="font-semibold whitespace-nowrap text-xs">
+                                    <p x-text="person.time"></p>
+                                </div>
+                            </button>
+                        </template>
+                    </div>
+                </div>
+            </div>
+            <div class="bg-black/60 z-[5] w-full h-full absolute rounded-md hidden"
+                :class="isShowChatMenu && '!block xl:!hidden'" @click="isShowChatMenu = !isShowChatMenu"></div>
+            <div class="panel p-0 flex-1">
+                <template x-if="!isShowUserChat">
+                    <div class="flex items-center justify-center h-full relative p-4">
+                        <button type="button"
+                            class="xl:hidden absolute top-4 ltr:left-4 rtl:right-4 hover:text-primary"
+                            @click="isShowChatMenu = !isShowChatMenu">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                <path d="M20 7L4 7" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path opacity="0.5" d="M20 12L4 12" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M20 17L4 17" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                            </svg>
+                        </button>
+
+                        <div class="py-8 flex items-center justify-center flex-col">
+                            <div
+                                class="w-[280px] md:w-[430px] mb-8 h-[calc(100vh_-_320px)] min-h-[120px] text-white dark:text-[#0e1726]">
+                                <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" class="w-full h-full"
+                                    viewBox="0 0 891.29496 745.19434" xmlns:xlink="http://www.w3.org/1999/xlink">
+                                    <ellipse cx="418.64354" cy="727.19434" rx="352" ry="18"
+                                        :fill="$store.app.theme === 'dark' || $store.app.isDarkMode ? '#888ea8' : '#e6e6e6'" />
+                                    <path
+                                        d="M778.64963,250.35008h-3.99878V140.80476a63.40187,63.40187,0,0,0-63.4018-63.40193H479.16232a63.40188,63.40188,0,0,0-63.402,63.4017v600.9744a63.40189,63.40189,0,0,0,63.4018,63.40192H711.24875a63.40187,63.40187,0,0,0,63.402-63.40168V328.32632h3.99878Z"
+                                        transform="translate(-154.35252 -77.40283)" fill="#3f3d56" />
+                                    <path
+                                        d="M761.156,141.24713v600.09a47.35072,47.35072,0,0,1-47.35,47.35h-233.2a47.35084,47.35084,0,0,1-47.35-47.35v-600.09a47.3509,47.3509,0,0,1,47.35-47.35h28.29a22.50659,22.50659,0,0,0,20.83,30.99h132.96a22.50672,22.50672,0,0,0,20.83-30.99h30.29A47.35088,47.35088,0,0,1,761.156,141.24713Z"
+                                        transform="translate(-154.35252 -77.40283)" fill="currentColor" />
+                                    <path
+                                        d="M686.03027,400.0032q-2.32543,1.215-4.73047,2.3-2.18994.99-4.4497,1.86c-.5503.21-1.10987.42-1.66992.63a89.52811,89.52811,0,0,1-13.6001,3.75q-3.43506.675-6.96,1.06-2.90991.33-5.87989.47c-1.41015.07-2.82031.1-4.24023.1a89.84124,89.84124,0,0,1-16.75977-1.57c-1.44043-.26-2.85009-.57-4.26025-.91a88.77786,88.77786,0,0,1-19.66992-7.26c-.56006-.28-1.12012-.58-1.68018-.87-.83008-.44-1.63965-.9-2.4497-1.38.38964-.54.81005-1.07,1.23974-1.59a53.03414,53.03414,0,0,1,78.87012-4.1,54.27663,54.27663,0,0,1,5.06006,5.86C685.25977,398.89316,685.6499,399.44321,686.03027,400.0032Z"
+                                        transform="translate(-154.35252 -77.40283)" fill="#6c63ff" />
+                                    <circle cx="492.14325" cy="234.76352" r="43.90974" fill="#2f2e41" />
+                                    <circle cx="642.49883" cy="327.46205" r="32.68086"
+                                        transform="translate(-232.6876 270.90663) rotate(-28.66315)" fill="#a0616a" />
+                                    <path
+                                        d="M676.8388,306.90589a44.44844,44.44844,0,0,1-25.402,7.85033,27.23846,27.23846,0,0,0,10.796,4.44154,89.62764,89.62764,0,0,1-36.61.20571,23.69448,23.69448,0,0,1-7.66395-2.63224,9.699,9.699,0,0,1-4.73055-6.3266c-.80322-4.58859,2.77227-8.75743,6.488-11.567a47.85811,47.85811,0,0,1,40.21662-8.03639c4.49246,1.16124,8.99288,3.12327,11.91085,6.731s3.78232,9.16981,1.00224,12.88488Z"
+                                        transform="translate(-154.35252 -77.40283)" fill="#2f2e41" />
+                                    <path
+                                        d="M644.5,230.17319a89.98675,89.98675,0,0,0-46.83984,166.83l.58007.34q.72.43506,1.43995.84c.81005.48,1.61962.94,2.4497,1.38.56006.29,1.12012.59,1.68018.87a88.77786,88.77786,0,0,0,19.66992,7.26c1.41016.34,2.81982.65,4.26025.91a89.84124,89.84124,0,0,0,16.75977,1.57c1.41992,0,2.83008-.03,4.24023-.1q2.97-.135,5.87989-.47,3.52513-.39,6.96-1.06a89.52811,89.52811,0,0,0,13.6001-3.75c.56005-.21,1.11962-.42,1.66992-.63q2.26464-.87,4.4497-1.86,2.40015-1.08,4.73047-2.3a90.7919,90.7919,0,0,0,37.03955-35.97c.04-.07995.09034-.16.13038-.24a89.30592,89.30592,0,0,0,9.6499-26.41,90.051,90.051,0,0,0-88.3501-107.21Zm77.06006,132.45c-.08008.14-.1499.28-.23.41a88.17195,88.17195,0,0,1-36.48,35.32q-2.29542,1.2-4.66992,2.25c-1.31006.59-2.64991,1.15-4,1.67-.57032.22-1.14991.44-1.73.64a85.72126,85.72126,0,0,1-11.73,3.36,84.69473,84.69473,0,0,1-8.95019,1.41c-1.8501.2-3.73.34-5.62012.41-1.21.05-2.42969.08-3.6499.08a86.762,86.762,0,0,1-16.21973-1.51,85.62478,85.62478,0,0,1-9.63037-2.36,88.46592,88.46592,0,0,1-13.98974-5.67c-.52-.27-1.04-.54-1.5503-.82-.73-.39-1.46972-.79-2.18994-1.22-.54-.3-1.08008-.62-1.60986-.94-.31006-.18-.62012-.37-.93018-.56a88.06851,88.06851,0,1,1,123.18018-32.47Z"
+                                        transform="translate(-154.35252 -77.40283)" fill="#3f3d56" />
+                                    <path
+                                        d="M624.2595,268.86254c-.47244-4.968-6.55849-8.02647-11.3179-6.52583s-7.88411,6.2929-8.82863,11.19308a16.0571,16.0571,0,0,0,2.16528,12.12236c2.40572,3.46228,6.82664,5.623,10.95,4.74406,4.70707-1.00334,7.96817-5.59956,8.90127-10.32105s.00667-9.58929-.91854-14.31234Z"
+                                        transform="translate(-154.35252 -77.40283)" fill="#2f2e41" />
+                                    <path
+                                        d="M691.24187,275.95964c-.47245-4.968-6.5585-8.02646-11.3179-6.52582s-7.88412,6.29289-8.82864,11.19307a16.05711,16.05711,0,0,0,2.16529,12.12236c2.40571,3.46228,6.82663,5.623,10.95,4.74406,4.70707-1.00334,7.96817-5.59955,8.90127-10.32105s.00667-9.58929-.91853-14.31234Z"
+                                        transform="translate(-154.35252 -77.40283)" fill="#2f2e41" />
+                                    <path
+                                        d="M488.93638,356.14169a4.47525,4.47525,0,0,1-3.30664-1.46436L436.00767,300.544a6.02039,6.02039,0,0,0-4.42627-1.94727H169.3618a15.02615,15.02615,0,0,1-15.00928-15.00927V189.025a15.02615,15.02615,0,0,1,15.00928-15.00928H509.087A15.02615,15.02615,0,0,1,524.0963,189.025v94.5625A15.02615,15.02615,0,0,1,509.087,298.59676h-9.63135a6.01157,6.01157,0,0,0-6.00464,6.00489v47.0332a4.474,4.474,0,0,1-2.87011,4.1958A4.52563,4.52563,0,0,1,488.93638,356.14169Z"
+                                        transform="translate(-154.35252 -77.40283)" fill="currentColor" />
+                                    <path
+                                        d="M488.93638,356.14169a4.47525,4.47525,0,0,1-3.30664-1.46436L436.00767,300.544a6.02039,6.02039,0,0,0-4.42627-1.94727H169.3618a15.02615,15.02615,0,0,1-15.00928-15.00927V189.025a15.02615,15.02615,0,0,1,15.00928-15.00928H509.087A15.02615,15.02615,0,0,1,524.0963,189.025v94.5625A15.02615,15.02615,0,0,1,509.087,298.59676h-9.63135a6.01157,6.01157,0,0,0-6.00464,6.00489v47.0332a4.474,4.474,0,0,1-2.87011,4.1958A4.52563,4.52563,0,0,1,488.93638,356.14169ZM169.3618,176.01571A13.024,13.024,0,0,0,156.35252,189.025v94.5625a13.024,13.024,0,0,0,13.00928,13.00927H431.5814a8.02436,8.02436,0,0,1,5.90039,2.59571l49.62208,54.1333a2.50253,2.50253,0,0,0,4.34716-1.69092v-47.0332a8.0137,8.0137,0,0,1,8.00464-8.00489H509.087a13.024,13.024,0,0,0,13.00928-13.00927V189.025A13.024,13.024,0,0,0,509.087,176.01571Z"
+                                        transform="translate(-154.35252 -77.40283)" fill="#3f3d56" />
+                                    <circle cx="36.81601" cy="125.19345" r="13.13371" fill="#6c63ff" />
+                                    <path
+                                        d="M493.76439,275.26947H184.68447a7.00465,7.00465,0,1,1,0-14.00929H493.76439a7.00465,7.00465,0,0,1,0,14.00929Z"
+                                        transform="translate(-154.35252 -77.40283)"
+                                        :fill="$store.app.theme === 'dark' || $store.app.isDarkMode ? '#888ea8' : '#e6e6e6'" />
+                                    <path
+                                        d="M393.07263,245.49973H184.68447a7.00465,7.00465,0,1,1,0-14.00929H393.07263a7.00464,7.00464,0,0,1,0,14.00929Z"
+                                        transform="translate(-154.35252 -77.40283)"
+                                        :fill="$store.app.theme === 'dark' || $store.app.isDarkMode ? '#888ea8' : '#e6e6e6'" />
+                                    <path
+                                        d="M709.41908,676.83065a4.474,4.474,0,0,1-2.87011-4.1958v-47.0332a6.01157,6.01157,0,0,0-6.00464-6.00489H690.913a15.02615,15.02615,0,0,1-15.00928-15.00927V510.025A15.02615,15.02615,0,0,1,690.913,495.01571H1030.6382a15.02615,15.02615,0,0,1,15.00928,15.00928v94.5625a15.02615,15.02615,0,0,1-15.00928,15.00927H768.4186a6.02039,6.02039,0,0,0-4.42627,1.94727l-49.62207,54.1333a4.47525,4.47525,0,0,1-3.30664,1.46436A4.52563,4.52563,0,0,1,709.41908,676.83065Z"
+                                        transform="translate(-154.35252 -77.40283)" fill="currentColor" />
+                                    <path
+                                        d="M709.41908,676.83065a4.474,4.474,0,0,1-2.87011-4.1958v-47.0332a6.01157,6.01157,0,0,0-6.00464-6.00489H690.913a15.02615,15.02615,0,0,1-15.00928-15.00927V510.025A15.02615,15.02615,0,0,1,690.913,495.01571H1030.6382a15.02615,15.02615,0,0,1,15.00928,15.00928v94.5625a15.02615,15.02615,0,0,1-15.00928,15.00927H768.4186a6.02039,6.02039,0,0,0-4.42627,1.94727l-49.62207,54.1333a4.47525,4.47525,0,0,1-3.30664,1.46436A4.52563,4.52563,0,0,1,709.41908,676.83065ZM690.913,497.01571A13.024,13.024,0,0,0,677.9037,510.025v94.5625A13.024,13.024,0,0,0,690.913,617.59676h9.63135a8.0137,8.0137,0,0,1,8.00464,8.00489v47.0332a2.50253,2.50253,0,0,0,4.34716,1.69092l49.62208-54.1333a8.02436,8.02436,0,0,1,5.90039-2.59571h262.2196a13.024,13.024,0,0,0,13.00928-13.00927V510.025a13.024,13.024,0,0,0-13.00928-13.00928Z"
+                                        transform="translate(-154.35252 -77.40283)" fill="#3f3d56" />
+                                    <path
+                                        d="M603.53027,706.11319a89.06853,89.06853,0,0,1-93.65039,1.49,54.12885,54.12885,0,0,1,9.40039-12.65,53.43288,53.43288,0,0,1,83.90967,10.56994C603.2998,705.71316,603.41992,705.91318,603.53027,706.11319Z"
+                                        transform="translate(-154.35252 -77.40283)" fill="#6c63ff" />
+                                    <circle cx="398.44256" cy="536.68841" r="44.20157" fill="#2f2e41" />
+                                    <circle cx="556.81859" cy="629.4886" r="32.89806"
+                                        transform="translate(-416.96496 738.72884) rotate(-61.33685)"
+                                        fill="#ffb8b8" />
+                                    <path
+                                        d="M522.25039,608.79582a44.74387,44.74387,0,0,0,25.57085,7.9025,27.41946,27.41946,0,0,1-10.8677,4.47107,90.22316,90.22316,0,0,0,36.85334.20707,23.852,23.852,0,0,0,7.71488-2.64973,9.76352,9.76352,0,0,0,4.762-6.36865c.80855-4.61909-2.7907-8.81563-6.53113-11.64387a48.17616,48.17616,0,0,0-40.4839-8.08981c-4.52231,1.169-9.05265,3.144-11.99,6.77579s-3.80746,9.23076-1.0089,12.97052Z"
+                                        transform="translate(-154.35252 -77.40283)" fill="#2f2e41" />
+                                    <path
+                                        d="M555.5,721.17319a89.97205,89.97205,0,1,1,48.5708-14.21875A89.87958,89.87958,0,0,1,555.5,721.17319Zm0-178a88.00832,88.00832,0,1,0,88,88A88.09957,88.09957,0,0,0,555.5,543.17319Z"
+                                        transform="translate(-154.35252 -77.40283)" fill="#3f3d56" />
+                                    <circle cx="563.81601" cy="445.19345" r="13.13371" fill="#6c63ff" />
+                                    <path
+                                        d="M1020.76439,595.26947H711.68447a7.00465,7.00465,0,1,1,0-14.00929h309.07992a7.00464,7.00464,0,0,1,0,14.00929Z"
+                                        transform="translate(-154.35252 -77.40283)"
+                                        :fill="$store.app.theme === 'dark' || $store.app.isDarkMode ? '#888ea8' : '#e6e6e6'" />
+                                    <path
+                                        d="M920.07263,565.49973H711.68447a7.00465,7.00465,0,1,1,0-14.00929H920.07263a7.00465,7.00465,0,0,1,0,14.00929Z"
+                                        transform="translate(-154.35252 -77.40283)"
+                                        :fill="$store.app.theme === 'dark' || $store.app.isDarkMode ? '#888ea8' : '#e6e6e6'" />
+                                    <ellipse cx="554.64354" cy="605.66091" rx="24.50394" ry="2.71961"
+                                        :fill="$store.app.theme === 'dark' || $store.app.isDarkMode ? '#888ea8' : '#e6e6e6'" />
+                                    <ellipse cx="335.64354" cy="285.66091" rx="24.50394" ry="2.71961"
+                                        :fill="$store.app.theme === 'dark' || $store.app.isDarkMode ? '#888ea8' : '#e6e6e6'" />
+                                </svg>
+                            </div>
+                            <p
+                                class="flex justify-center bg-white-dark/20 p-2 font-semibold rounded-md max-w-[190px] mx-auto">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M13.0867 21.3877L13.7321 21.7697L13.0867 21.3877ZM13.6288 20.4718L12.9833 20.0898L13.6288 20.4718ZM10.3712 20.4718L9.72579 20.8539H9.72579L10.3712 20.4718ZM10.9133 21.3877L11.5587 21.0057L10.9133 21.3877ZM2.3806 15.9134L3.07351 15.6264V15.6264L2.3806 15.9134ZM7.78958 18.9915L7.77666 19.7413L7.78958 18.9915ZM5.08658 18.6194L4.79957 19.3123H4.79957L5.08658 18.6194ZM21.6194 15.9134L22.3123 16.2004V16.2004L21.6194 15.9134ZM16.2104 18.9915L16.1975 18.2416L16.2104 18.9915ZM18.9134 18.6194L19.2004 19.3123H19.2004L18.9134 18.6194ZM19.6125 2.7368L19.2206 3.37628L19.6125 2.7368ZM21.2632 4.38751L21.9027 3.99563V3.99563L21.2632 4.38751ZM4.38751 2.7368L3.99563 2.09732V2.09732L4.38751 2.7368ZM2.7368 4.38751L2.09732 3.99563H2.09732L2.7368 4.38751ZM9.40279 19.2098L9.77986 18.5615L9.77986 18.5615L9.40279 19.2098ZM13.7321 21.7697L14.2742 20.8539L12.9833 20.0898L12.4412 21.0057L13.7321 21.7697ZM9.72579 20.8539L10.2679 21.7697L11.5587 21.0057L11.0166 20.0898L9.72579 20.8539ZM12.4412 21.0057C12.2485 21.3313 11.7515 21.3313 11.5587 21.0057L10.2679 21.7697C11.0415 23.0767 12.9585 23.0767 13.7321 21.7697L12.4412 21.0057ZM10.5 2.75H13.5V1.25H10.5V2.75ZM21.25 10.5V11.5H22.75V10.5H21.25ZM2.75 11.5V10.5H1.25V11.5H2.75ZM1.25 11.5C1.25 12.6546 1.24959 13.5581 1.29931 14.2868C1.3495 15.0223 1.45323 15.6344 1.68769 16.2004L3.07351 15.6264C2.92737 15.2736 2.84081 14.8438 2.79584 14.1847C2.75041 13.5189 2.75 12.6751 2.75 11.5H1.25ZM7.8025 18.2416C6.54706 18.2199 5.88923 18.1401 5.37359 17.9265L4.79957 19.3123C5.60454 19.6457 6.52138 19.7197 7.77666 19.7413L7.8025 18.2416ZM1.68769 16.2004C2.27128 17.6093 3.39066 18.7287 4.79957 19.3123L5.3736 17.9265C4.33223 17.4951 3.50486 16.6678 3.07351 15.6264L1.68769 16.2004ZM21.25 11.5C21.25 12.6751 21.2496 13.5189 21.2042 14.1847C21.1592 14.8438 21.0726 15.2736 20.9265 15.6264L22.3123 16.2004C22.5468 15.6344 22.6505 15.0223 22.7007 14.2868C22.7504 13.5581 22.75 12.6546 22.75 11.5H21.25ZM16.2233 19.7413C17.4786 19.7197 18.3955 19.6457 19.2004 19.3123L18.6264 17.9265C18.1108 18.1401 17.4529 18.2199 16.1975 18.2416L16.2233 19.7413ZM20.9265 15.6264C20.4951 16.6678 19.6678 17.4951 18.6264 17.9265L19.2004 19.3123C20.6093 18.7287 21.7287 17.6093 22.3123 16.2004L20.9265 15.6264ZM13.5 2.75C15.1512 2.75 16.337 2.75079 17.2619 2.83873C18.1757 2.92561 18.7571 3.09223 19.2206 3.37628L20.0044 2.09732C19.2655 1.64457 18.4274 1.44279 17.4039 1.34547C16.3915 1.24921 15.1222 1.25 13.5 1.25V2.75ZM22.75 10.5C22.75 8.87781 22.7508 7.6085 22.6545 6.59611C22.5572 5.57256 22.3554 4.73445 21.9027 3.99563L20.6237 4.77938C20.9078 5.24291 21.0744 5.82434 21.1613 6.73809C21.2492 7.663 21.25 8.84876 21.25 10.5H22.75ZM19.2206 3.37628C19.7925 3.72672 20.2733 4.20752 20.6237 4.77938L21.9027 3.99563C21.4286 3.22194 20.7781 2.57144 20.0044 2.09732L19.2206 3.37628ZM10.5 1.25C8.87781 1.25 7.6085 1.24921 6.59611 1.34547C5.57256 1.44279 4.73445 1.64457 3.99563 2.09732L4.77938 3.37628C5.24291 3.09223 5.82434 2.92561 6.73809 2.83873C7.663 2.75079 8.84876 2.75 10.5 2.75V1.25ZM2.75 10.5C2.75 8.84876 2.75079 7.663 2.83873 6.73809C2.92561 5.82434 3.09223 5.24291 3.37628 4.77938L2.09732 3.99563C1.64457 4.73445 1.44279 5.57256 1.34547 6.59611C1.24921 7.6085 1.25 8.87781 1.25 10.5H2.75ZM3.99563 2.09732C3.22194 2.57144 2.57144 3.22194 2.09732 3.99563L3.37628 4.77938C3.72672 4.20752 4.20752 3.72672 4.77938 3.37628L3.99563 2.09732ZM11.0166 20.0898C10.8136 19.7468 10.6354 19.4441 10.4621 19.2063C10.2795 18.9559 10.0702 18.7304 9.77986 18.5615L9.02572 19.8582C9.07313 19.8857 9.13772 19.936 9.24985 20.0898C9.37122 20.2564 9.50835 20.4865 9.72579 20.8539L11.0166 20.0898ZM7.77666 19.7413C8.21575 19.7489 8.49387 19.7545 8.70588 19.7779C8.90399 19.7999 8.98078 19.832 9.02572 19.8582L9.77986 18.5615C9.4871 18.3912 9.18246 18.3215 8.87097 18.287C8.57339 18.2541 8.21375 18.2487 7.8025 18.2416L7.77666 19.7413ZM14.2742 20.8539C14.4916 20.4865 14.6287 20.2564 14.7501 20.0898C14.8622 19.936 14.9268 19.8857 14.9742 19.8582L14.2201 18.5615C13.9298 18.7304 13.7204 18.9559 13.5379 19.2063C13.3646 19.4441 13.1864 19.7468 12.9833 20.0898L14.2742 20.8539ZM16.1975 18.2416C15.7862 18.2487 15.4266 18.2541 15.129 18.287C14.8175 18.3215 14.5129 18.3912 14.2201 18.5615L14.9742 19.8582C15.0192 19.832 15.096 19.7999 15.2941 19.7779C15.5061 19.7545 15.7842 19.7489 16.2233 19.7413L16.1975 18.2416Z"
+                                        fill="currentColor" />
+                                </svg>
+                                Click User To Chat
+                            </p>
+                        </div>
+                    </div>
+                </template>
+                <template x-if="isShowUserChat && selectedUser">
+                    <div class="relative h-full">
+                        <div class="flex justify-between items-center p-4">
+                            <div class="flex items-center space-x-2 rtl:space-x-reverse">
+                                <button type="button" class="xl:hidden hover:text-primary"
+                                    @click="isShowChatMenu = !isShowChatMenu">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                        <path d="M20 7L4 7" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path opacity="0.5" d="M20 12L4 12" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path d="M20 17L4 17" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                    </svg>
+                                </button>
+                                <div class="relative flex-none">
+                                    <img :src="`/assets/images/${selectedUser.path}`"
+                                        class="rounded-full w-10 h-10 sm:h-12 sm:w-12 object-cover" />
+                                    <div class="absolute bottom-0 ltr:right-0 rtl:left-0">
+
+                                        <div class="w-4 h-4 bg-success rounded-full"></div>
+                                    </div>
+                                </div>
+                                <div class="mx-3">
+                                    <p class="font-semibold" x-text="selectedUser.name"></p>
+                                    <p class="text-white-dark text-xs"
+                                        x-text="selectedUser.active ? 'Active now' : 'Last seen at '+selectedUser.time">
+                                    </p>
+                                </div>
+                            </div>
+                            <div class="flex sm:gap-5 gap-3">
+                                <button type="button">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 hover:text-primary">
+                                        <path
+                                            d="M13.5 2C13.5 2 15.8335 2.21213 18.8033 5.18198C21.7731 8.15183 21.9853 10.4853 21.9853 10.4853"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M14.207 5.53564C14.207 5.53564 15.197 5.81849 16.6819 7.30341C18.1668 8.78834 18.4497 9.77829 18.4497 9.77829"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5"
+                                            d="M15.1007 15.0272L14.5569 14.5107L15.1007 15.0272ZM15.5562 14.5477L16.1 15.0642H16.1L15.5562 14.5477ZM17.9728 14.2123L17.5987 14.8623H17.5987L17.9728 14.2123ZM19.8833 15.312L19.5092 15.962L19.8833 15.312ZM20.4217 18.7584L20.9655 19.2749L20.4217 18.7584ZM19.0011 20.254L18.4573 19.7375L19.0011 20.254ZM17.6763 20.9631L17.7499 21.7095L17.6763 20.9631ZM7.81536 16.4752L8.35915 15.9587L7.81536 16.4752ZM3.00289 6.96594L2.25397 7.00613L2.25397 7.00613L3.00289 6.96594ZM9.47752 8.50311L10.0213 9.01963H10.0213L9.47752 8.50311ZM9.63424 5.6931L10.2466 5.26012L9.63424 5.6931ZM8.37326 3.90961L7.76086 4.3426V4.3426L8.37326 3.90961ZM5.26145 3.60864L5.80524 4.12516L5.26145 3.60864ZM3.69185 5.26114L3.14806 4.74462L3.14806 4.74462L3.69185 5.26114ZM11.0631 13.0559L11.6069 12.5394L11.0631 13.0559ZM15.6445 15.5437L16.1 15.0642L15.0124 14.0312L14.5569 14.5107L15.6445 15.5437ZM17.5987 14.8623L19.5092 15.962L20.2575 14.662L18.347 13.5623L17.5987 14.8623ZM19.8779 18.2419L18.4573 19.7375L19.5449 20.7705L20.9655 19.2749L19.8779 18.2419ZM17.6026 20.2167C16.1676 20.3584 12.4233 20.2375 8.35915 15.9587L7.27157 16.9917C11.7009 21.655 15.9261 21.8895 17.7499 21.7095L17.6026 20.2167ZM8.35915 15.9587C4.48303 11.8778 3.83285 8.43556 3.75181 6.92574L2.25397 7.00613C2.35322 8.85536 3.1384 12.6403 7.27157 16.9917L8.35915 15.9587ZM9.7345 9.32159L10.0213 9.01963L8.93372 7.9866L8.64691 8.28856L9.7345 9.32159ZM10.2466 5.26012L8.98565 3.47663L7.76086 4.3426L9.02185 6.12608L10.2466 5.26012ZM4.71766 3.09213L3.14806 4.74462L4.23564 5.77765L5.80524 4.12516L4.71766 3.09213ZM9.1907 8.80507C8.64691 8.28856 8.64622 8.28929 8.64552 8.29002C8.64528 8.29028 8.64458 8.29102 8.64411 8.29152C8.64316 8.29254 8.64219 8.29357 8.64121 8.29463C8.63924 8.29675 8.6372 8.29896 8.6351 8.30127C8.63091 8.30588 8.62646 8.31087 8.62178 8.31625C8.61243 8.32701 8.60215 8.33931 8.59116 8.3532C8.56918 8.38098 8.54431 8.41512 8.51822 8.45588C8.46591 8.53764 8.40917 8.64531 8.36112 8.78033C8.26342 9.0549 8.21018 9.4185 8.27671 9.87257C8.40742 10.7647 8.99198 11.9644 10.5193 13.5724L11.6069 12.5394C10.1793 11.0363 9.82761 10.1106 9.76086 9.65511C9.72866 9.43536 9.76138 9.31957 9.77432 9.28321C9.78159 9.26277 9.78635 9.25709 9.78169 9.26437C9.77944 9.26789 9.77494 9.27451 9.76738 9.28407C9.76359 9.28885 9.75904 9.29437 9.7536 9.30063C9.75088 9.30375 9.74793 9.30706 9.74476 9.31056C9.74317 9.31231 9.74152 9.3141 9.73981 9.31594C9.73896 9.31686 9.73809 9.31779 9.7372 9.31873C9.73676 9.3192 9.73608 9.31992 9.73586 9.32015C9.73518 9.32087 9.7345 9.32159 9.1907 8.80507ZM10.5193 13.5724C12.0422 15.1757 13.1923 15.806 14.0698 15.9485C14.5201 16.0216 14.8846 15.9632 15.1606 15.8544C15.2955 15.8012 15.4022 15.7387 15.4823 15.6819C15.5223 15.6535 15.5556 15.6266 15.5824 15.6031C15.5959 15.5913 15.6077 15.5803 15.618 15.5703C15.6232 15.5654 15.628 15.5606 15.6324 15.5562C15.6346 15.554 15.6367 15.5518 15.6387 15.5497C15.6397 15.5487 15.6407 15.5477 15.6417 15.5467C15.6422 15.5462 15.6429 15.5454 15.6431 15.5452C15.6438 15.5444 15.6445 15.5437 15.1007 15.0272C14.5569 14.5107 14.5576 14.51 14.5583 14.5093C14.5585 14.509 14.5592 14.5083 14.5596 14.5078C14.5605 14.5069 14.5614 14.506 14.5623 14.5051C14.5641 14.5033 14.5658 14.5015 14.5674 14.4998C14.5708 14.4965 14.574 14.4933 14.577 14.4904C14.583 14.4846 14.5885 14.4796 14.5933 14.4754C14.6028 14.467 14.6099 14.4616 14.6145 14.4584C14.6239 14.4517 14.6229 14.454 14.6102 14.459C14.5909 14.4666 14.5 14.4987 14.3103 14.4679C13.9077 14.4025 13.0391 14.0472 11.6069 12.5394L10.5193 13.5724ZM8.98565 3.47663C7.97206 2.04305 5.94384 1.80119 4.71766 3.09213L5.80524 4.12516C6.32808 3.57471 7.24851 3.61795 7.76086 4.3426L8.98565 3.47663ZM3.75181 6.92574C3.73038 6.52644 3.90425 6.12654 4.23564 5.77765L3.14806 4.74462C2.61221 5.30877 2.20493 6.09246 2.25397 7.00613L3.75181 6.92574ZM18.4573 19.7375C18.1783 20.0313 17.8864 20.1887 17.6026 20.2167L17.7499 21.7095C18.497 21.6357 19.1016 21.2373 19.5449 20.7705L18.4573 19.7375ZM10.0213 9.01963C10.9889 8.00095 11.0574 6.40678 10.2466 5.26012L9.02185 6.12608C9.44399 6.72315 9.37926 7.51753 8.93372 7.9866L10.0213 9.01963ZM19.5092 15.962C20.33 16.4345 20.4907 17.5968 19.8779 18.2419L20.9655 19.2749C22.2704 17.901 21.8904 15.6019 20.2575 14.662L19.5092 15.962ZM16.1 15.0642C16.4854 14.6584 17.086 14.5672 17.5987 14.8623L18.347 13.5623C17.2485 12.93 15.8861 13.1113 15.0124 14.0312L16.1 15.0642Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </button>
+
+                                <button type="button">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 hover:text-primary">
+                                        <path
+                                            d="M2 11.5C2 8.21252 2 6.56878 2.90796 5.46243C3.07418 5.25989 3.25989 5.07418 3.46243 4.90796C4.56878 4 6.21252 4 9.5 4C12.7875 4 14.4312 4 15.5376 4.90796C15.7401 5.07418 15.9258 5.25989 16.092 5.46243C17 6.56878 17 8.21252 17 11.5V12.5C17 15.7875 17 17.4312 16.092 18.5376C15.9258 18.7401 15.7401 18.9258 15.5376 19.092C14.4312 20 12.7875 20 9.5 20C6.21252 20 4.56878 20 3.46243 19.092C3.25989 18.9258 3.07418 18.7401 2.90796 18.5376C2 17.4312 2 15.7875 2 12.5V11.5Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path opacity="0.5"
+                                            d="M17 9.50019L17.6584 9.17101C19.6042 8.19807 20.5772 7.7116 21.2886 8.15127C22 8.59094 22 9.67872 22 11.8543V12.1461C22 14.3217 22 15.4094 21.2886 15.8491C20.5772 16.2888 19.6042 15.8023 17.6584 14.8294L17 14.5002V9.50019Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                </button>
+
+                                <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                    <button type="button"
+                                        class="bg-[#f4f4f4] dark:bg-[#1b2e4b] hover:bg-primary-light hover:text-primary w-8 h-8 rounded-full flex justify-center items-center"
+                                        @click="toggle">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-5 h-5 hover:text-primary rotate-90 opacity-70">
+                                            <circle cx="5" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <circle opacity="0.5" cx="12" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <circle cx="19" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                    </button>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:right-0 rtl:left-0">
+                                        <li>
+                                            <a href="javascript:;" @click="toggle">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-4 h-4 ltr:mr-2 rtl:ml-2 shrink-0">
+                                                    <circle cx="11.5" cy="11.5" r="9.5"
+                                                        stroke="currentColor" stroke-width="1.5" opacity="0.5">
+                                                    </circle>
+                                                    <path d="M18.5 18.5L22 22" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round"></path>
+                                                </svg>
+                                                Search
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="javascript:;" @click="toggle">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                                    <path
+                                                        d="M6 11C6 8.17157 6 6.75736 6.87868 5.87868C7.75736 5 9.17157 5 12 5H15C17.8284 5 19.2426 5 20.1213 5.87868C21 6.75736 21 8.17157 21 11V16C21 18.8284 21 20.2426 20.1213 21.1213C19.2426 22 17.8284 22 15 22H12C9.17157 22 7.75736 22 6.87868 21.1213C6 20.2426 6 18.8284 6 16V11Z"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                    <path opacity="0.5"
+                                                        d="M6 19C4.34315 19 3 17.6569 3 16V10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H15C16.6569 2 18 3.34315 18 5"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                                Copy
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="javascript:;" @click="toggle">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                                    <path opacity="0.5"
+                                                        d="M9.17065 4C9.58249 2.83481 10.6937 2 11.9999 2C13.3062 2 14.4174 2.83481 14.8292 4"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path d="M20.5001 6H3.5" stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path
+                                                        d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path opacity="0.5" d="M9.5 11L10 16" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round" />
+                                                    <path opacity="0.5" d="M14.5 11L14 16" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round" />
+                                                </svg>
+                                                Delete
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="javascript:;" @click="toggle">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                                    <path
+                                                        d="M9 11.5C9 12.8807 7.88071 14 6.5 14C5.11929 14 4 12.8807 4 11.5C4 10.1193 5.11929 9 6.5 9C7.88071 9 9 10.1193 9 11.5Z"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                    <path opacity="0.5" d="M14.3206 16.8017L9 13.29"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path opacity="0.5" d="M14.4207 6.83984L9.1001 10.3515"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path
+                                                        d="M19 18.5C19 19.8807 17.8807 21 16.5 21C15.1193 21 14 19.8807 14 18.5C14 17.1193 15.1193 16 16.5 16C17.8807 16 19 17.1193 19 18.5Z"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                    <path
+                                                        d="M19 5.5C19 6.88071 17.8807 8 16.5 8C15.1193 8 14 6.88071 14 5.5C14 4.11929 15.1193 3 16.5 3C17.8807 3 19 4.11929 19 5.5Z"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                                Share
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="javascript:;" @click="toggle">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                                    <circle cx="12" cy="12" r="3"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                    <path opacity="0.5"
+                                                        d="M13.7654 2.15224C13.3978 2 12.9319 2 12 2C11.0681 2 10.6022 2 10.2346 2.15224C9.74457 2.35523 9.35522 2.74458 9.15223 3.23463C9.05957 3.45834 9.0233 3.7185 9.00911 4.09799C8.98826 4.65568 8.70226 5.17189 8.21894 5.45093C7.73564 5.72996 7.14559 5.71954 6.65219 5.45876C6.31645 5.2813 6.07301 5.18262 5.83294 5.15102C5.30704 5.08178 4.77518 5.22429 4.35436 5.5472C4.03874 5.78938 3.80577 6.1929 3.33983 6.99993C2.87389 7.80697 2.64092 8.21048 2.58899 8.60491C2.51976 9.1308 2.66227 9.66266 2.98518 10.0835C3.13256 10.2756 3.3397 10.437 3.66119 10.639C4.1338 10.936 4.43789 11.4419 4.43786 12C4.43783 12.5581 4.13375 13.0639 3.66118 13.3608C3.33965 13.5629 3.13248 13.7244 2.98508 13.9165C2.66217 14.3373 2.51966 14.8691 2.5889 15.395C2.64082 15.7894 2.87379 16.193 3.33973 17C3.80568 17.807 4.03865 18.2106 4.35426 18.4527C4.77508 18.7756 5.30694 18.9181 5.83284 18.8489C6.07289 18.8173 6.31632 18.7186 6.65204 18.5412C7.14547 18.2804 7.73556 18.27 8.2189 18.549C8.70224 18.8281 8.98826 19.3443 9.00911 19.9021C9.02331 20.2815 9.05957 20.5417 9.15223 20.7654C9.35522 21.2554 9.74457 21.6448 10.2346 21.8478C10.6022 22 11.0681 22 12 22C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8477 20.7654C14.9404 20.5417 14.9767 20.2815 14.9909 19.902C15.0117 19.3443 15.2977 18.8281 15.781 18.549C16.2643 18.2699 16.8544 18.2804 17.3479 18.5412C17.6836 18.7186 17.927 18.8172 18.167 18.8488C18.6929 18.9181 19.2248 18.7756 19.6456 18.4527C19.9612 18.2105 20.1942 17.807 20.6601 16.9999C21.1261 16.1929 21.3591 15.7894 21.411 15.395C21.4802 14.8691 21.3377 14.3372 21.0148 13.9164C20.8674 13.7243 20.6602 13.5628 20.3387 13.3608C19.8662 13.0639 19.5621 12.558 19.5621 11.9999C19.5621 11.4418 19.8662 10.9361 20.3387 10.6392C20.6603 10.4371 20.8675 10.2757 21.0149 10.0835C21.3378 9.66273 21.4803 9.13087 21.4111 8.60497C21.3592 8.21055 21.1262 7.80703 20.6602 7C20.1943 6.19297 19.9613 5.78945 19.6457 5.54727C19.2249 5.22436 18.693 5.08185 18.1671 5.15109C17.9271 5.18269 17.6837 5.28136 17.3479 5.4588C16.8545 5.71959 16.2644 5.73002 15.7811 5.45096C15.2977 5.17191 15.0117 4.65566 14.9909 4.09794C14.9767 3.71848 14.9404 3.45833 14.8477 3.23463C14.6448 2.74458 14.2554 2.35523 13.7654 2.15224Z"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                                Settings
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="h-px w-full border-b border-[#e0e6ed] dark:border-[#1b2e4b]"></div>
+                        <div class="perfect-scrollbar relative h-full overflow-auto sm:h-[calc(100vh_-_300px)]">
+                            <div
+                                class="space-y-5 p-4 chat-conversation-box sm:pb-0 pb-[68px] sm:min-h-[300px] min-h-[400px]">
+                                <div class="block m-6 mt-0">
+                                    <h4
+                                        class="text-xs text-center border-b border-[#f4f4f4] dark:border-gray-800 relative">
+                                        <span class="relative top-2 px-3 bg-white dark:bg-[#0e1726]"
+                                            x-text="'Today, ' + selectedUser.time"></span>
+                                    </h4>
+                                </div>
+                                <template x-for="message in selectedUser.messages">
+                                    <div class="flex items-start gap-3"
+                                        :class="{ 'justify-end': selectedUser.userId === message.fromUserId }">
+                                        <div class="flex-none"
+                                            :class="{ 'order-2': selectedUser.userId === message.fromUserId }">
+                                            <template x-if="selectedUser.userId === message.fromUserId">
+                                                <img :src="`/assets/images/${loginUser.path}`"
+                                                    class="rounded-full h-10 w-10 object-cover" />
+                                            </template>
+                                            <template x-if="selectedUser.userId !== message.fromUserId">
+                                                <img :src="`/assets/images/${selectedUser.path}`"
+                                                    class="rounded-full h-10 w-10 object-cover" />
+                                            </template>
+                                        </div>
+                                        <div class="space-y-2">
+                                            <div class="flex items-center gap-3">
+                                                <div class="dark:bg-gray-800 p-4 py-2 rounded-md bg-black/10"
+                                                    :class="message.fromUserId == selectedUser.userId ?
+                                                        'ltr:rounded-br-none rtl:rounded-bl-none !bg-primary text-white' :
+                                                        'ltr:rounded-bl-none rtl:rounded-br-none'"
+                                                    x-text="message.text"></div>
+                                                <div :class="{ 'hidden': selectedUser.userId === message.fromUserId }">
+
+                                                    <svg width="24" height="24" viewBox="0 0 24 24"
+                                                        fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                        class="w-5 h-5 hover:text-primary">
+                                                        <circle opacity="0.5" cx="12" cy="12"
+                                                            r="10" stroke="currentColor"
+                                                            stroke-width="1.5" />
+                                                        <path
+                                                            d="M9 16C9.85038 16.6303 10.8846 17 12 17C13.1154 17 14.1496 16.6303 15 16"
+                                                            stroke="currentColor" stroke-width="1.5"
+                                                            stroke-linecap="round" />
+                                                        <path
+                                                            d="M16 10.5C16 11.3284 15.5523 12 15 12C14.4477 12 14 11.3284 14 10.5C14 9.67157 14.4477 9 15 9C15.5523 9 16 9.67157 16 10.5Z"
+                                                            fill="currentColor" />
+                                                        <ellipse cx="9" cy="10.5" rx="1"
+                                                            ry="1.5" fill="currentColor" />
+                                                    </svg>
+                                                </div>
+                                            </div>
+                                            <div class="text-xs text-white-dark"
+                                                :class="{
+                                                    'ltr:text-right rtl:text-left': selectedUser.userId === message
+                                                        .fromUserId
+                                                }"
+                                                x-text="message.time ? message.time: '5h ago'"></div>
+                                        </div>
+                                    </div>
+                                </template>
+                            </div>
+                        </div>
+                        <div class="p-4 absolute bottom-0 left-0 w-full">
+                            <div class="sm:flex w-full space-x-3 rtl:space-x-reverse items-center">
+                                <div class="relative flex-1">
+                                    <input id=""
+                                        class="form-input rounded-full border-0 bg-[#f4f4f4] px-12 focus:outline-none py-2"
+                                        placeholder="Type a message" x-model="textMessage"
+                                        @keyup.enter="sendMessage()" />
+                                    <button type="button"
+                                        class="absolute ltr:left-4 rtl:right-4 top-1/2 -translate-y-1/2 hover:text-primary">
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                            <circle opacity="0.5" cx="12" cy="12" r="10"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path
+                                                d="M9 16C9.85038 16.6303 10.8846 17 12 17C13.1154 17 14.1496 16.6303 15 16"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                            <path
+                                                d="M16 10.5C16 11.3284 15.5523 12 15 12C14.4477 12 14 11.3284 14 10.5C14 9.67157 14.4477 9 15 9C15.5523 9 16 9.67157 16 10.5Z"
+                                                fill="currentColor" />
+                                            <ellipse cx="9" cy="10.5" rx="1" ry="1.5"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </button>
+                                    <button type="button"
+                                        class="absolute ltr:right-4 rtl:left-4 top-1/2 -translate-y-1/2 hover:text-primary"
+                                        @click="sendMessage()">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                            <path
+                                                d="M17.4975 18.4851L20.6281 9.09373C21.8764 5.34874 22.5006 3.47624 21.5122 2.48782C20.5237 1.49939 18.6511 2.12356 14.906 3.37189L5.57477 6.48218C3.49295 7.1761 2.45203 7.52305 2.13608 8.28637C2.06182 8.46577 2.01692 8.65596 2.00311 8.84963C1.94433 9.67365 2.72018 10.4495 4.27188 12.0011L4.55451 12.2837C4.80921 12.5384 4.93655 12.6658 5.03282 12.8075C5.22269 13.0871 5.33046 13.4143 5.34393 13.7519C5.35076 13.9232 5.32403 14.1013 5.27057 14.4574C5.07488 15.7612 4.97703 16.4131 5.0923 16.9147C5.32205 17.9146 6.09599 18.6995 7.09257 18.9433C7.59255 19.0656 8.24576 18.977 9.5522 18.7997L9.62363 18.79C9.99191 18.74 10.1761 18.715 10.3529 18.7257C10.6738 18.745 10.9838 18.8496 11.251 19.0285C11.3981 19.1271 11.5295 19.2585 11.7923 19.5213L12.0436 19.7725C13.5539 21.2828 14.309 22.0379 15.1101 21.9985C15.3309 21.9877 15.5479 21.9365 15.7503 21.8474C16.4844 21.5244 16.8221 20.5113 17.4975 18.4851Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5" d="M6 18L21 3" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" />
+                                        </svg>
+                                    </button>
+                                </div>
+                                <div class=" items-center space-x-3 rtl:space-x-reverse sm:py-0 py-3 hidden sm:block">
+                                    <button type="button"
+                                        class="bg-[#f4f4f4] dark:bg-[#1b2e4b] hover:bg-primary-light rounded-md p-2 hover:text-primary">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                            <path
+                                                d="M7 8C7 5.23858 9.23858 3 12 3C14.7614 3 17 5.23858 17 8V11C17 13.7614 14.7614 16 12 16C9.23858 16 7 13.7614 7 11V8Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5" d="M13.5 8L17 8" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" />
+                                            <path opacity="0.5" d="M13.5 11L17 11" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" />
+                                            <path opacity="0.5" d="M7 8L9 8" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" />
+                                            <path opacity="0.5" d="M7 11L9 11" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" />
+                                            <path opacity="0.5"
+                                                d="M20 10V11C20 15.4183 16.4183 19 12 19M4 10V11C4 15.4183 7.58172 19 12 19M12 19V22"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                            <path d="M22 2L2 22" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" />
+                                        </svg>
+                                    </button>
+                                    <button type="button"
+                                        class="bg-[#f4f4f4] dark:bg-[#1b2e4b] hover:bg-primary-light rounded-md p-2 hover:text-primary">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                            <path opacity="0.5"
+                                                d="M17 9.00195C19.175 9.01406 20.3529 9.11051 21.1213 9.8789C22 10.7576 22 12.1718 22 15.0002V16.0002C22 18.8286 22 20.2429 21.1213 21.1215C20.2426 22.0002 18.8284 22.0002 16 22.0002H8C5.17157 22.0002 3.75736 22.0002 2.87868 21.1215C2 20.2429 2 18.8286 2 16.0002L2 15.0002C2 12.1718 2 10.7576 2.87868 9.87889C3.64706 9.11051 4.82497 9.01406 7 9.00195"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                            <path d="M12 2L12 15M12 15L9 11.5M12 15L15 11.5" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </button>
+                                    <button type="button"
+                                        class="bg-[#f4f4f4] dark:bg-[#1b2e4b] hover:bg-primary-light rounded-md p-2 hover:text-primary">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                            <circle cx="12" cy="13" r="3"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M9.77778 21H14.2222C17.3433 21 18.9038 21 20.0248 20.2646C20.51 19.9462 20.9267 19.5371 21.251 19.0607C22 17.9601 22 16.4279 22 13.3636C22 10.2994 22 8.76721 21.251 7.6666C20.9267 7.19014 20.51 6.78104 20.0248 6.46268C19.3044 5.99013 18.4027 5.82123 17.022 5.76086C16.3631 5.76086 15.7959 5.27068 15.6667 4.63636C15.4728 3.68489 14.6219 3 13.6337 3H10.3663C9.37805 3 8.52715 3.68489 8.33333 4.63636C8.20412 5.27068 7.63685 5.76086 6.978 5.76086C5.59733 5.82123 4.69555 5.99013 3.97524 6.46268C3.48995 6.78104 3.07328 7.19014 2.74902 7.6666C2 8.76721 2 10.2994 2 13.3636C2 16.4279 2 17.9601 2.74902 19.0607C3.07328 19.5371 3.48995 19.9462 3.97524 20.2646C5.09624 21 6.65675 21 9.77778 21Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path d="M19 10H18" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" />
+                                        </svg>
+                                    </button>
+                                    <button type="button"
+                                        class="bg-[#f4f4f4] dark:bg-[#1b2e4b] hover:bg-primary-light rounded-md p-2 hover:text-primary">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 opacity-70">
+                                            <circle cx="5" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <circle opacity="0.5" cx="12" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <circle cx="19" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </template>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("chat", () => ({
+                isShowUserChat: false,
+                isShowChatMenu: false,
+                loginUser: {
+                    id: 0,
+                    name: 'Alon Smith',
+                    path: 'profile-34.jpeg',
+                    designation: 'Software Developer',
+                },
+                contactList: [{
+                        userId: 1,
+                        name: 'Nia Hillyer',
+                        path: 'profile-16.jpeg',
+                        time: '2:09 PM',
+                        preview: 'How do you do?',
+                        messages: [{
+                                fromUserId: 0,
+                                toUserId: 1,
+                                text: 'Hi, I am back from vacation'
+                            },
+                            {
+                                fromUserId: 0,
+                                toUserId: 1,
+                                text: 'How are you?'
+                            },
+                            {
+                                fromUserId: 1,
+                                toUserId: 0,
+                                text: 'Welcom Back'
+                            },
+                            {
+                                fromUserId: 1,
+                                toUserId: 0,
+                                text: 'I am all well'
+                            },
+                            {
+                                fromUserId: 0,
+                                toUserId: 1,
+                                text: 'Coffee?'
+                            },
+                        ],
+                        active: true,
+                    },
+                    {
+                        userId: 2,
+                        name: 'Sean Freeman',
+                        path: 'profile-1.jpeg',
+                        time: '12:09 PM',
+                        preview: 'I was wondering...',
+                        messages: [{
+                                fromUserId: 0,
+                                toUserId: 2,
+                                text: 'Hello'
+                            },
+                            {
+                                fromUserId: 0,
+                                toUserId: 2,
+                                text: "It's me"
+                            },
+                            {
+                                fromUserId: 0,
+                                toUserId: 2,
+                                text: 'I have a question regarding project.'
+                            },
+                        ],
+                        active: false,
+                    },
+                    {
+                        userId: 3,
+                        name: 'Alma Clarke',
+                        path: 'profile-2.jpeg',
+                        time: '1:44 PM',
+                        preview: 'I’ve forgotten how it felt before',
+                        messages: [{
+                                fromUserId: 0,
+                                toUserId: 3,
+                                text: 'Hey Buddy.'
+                            },
+                            {
+                                fromUserId: 0,
+                                toUserId: 3,
+                                text: "What's up"
+                            },
+                            {
+                                fromUserId: 3,
+                                toUserId: 0,
+                                text: 'I am sick'
+                            },
+                            {
+                                fromUserId: 0,
+                                toUserId: 3,
+                                text: 'Not comming to office today.'
+                            },
+                        ],
+                        active: true,
+                    },
+                    {
+                        userId: 4,
+                        name: 'Alan Green',
+                        path: 'profile-3.jpeg',
+                        time: '2:06 PM',
+                        preview: 'But we’re probably gonna need a new carpet.',
+                        messages: [{
+                                fromUserId: 0,
+                                toUserId: 4,
+                                text: 'Hi, collect your check'
+                            },
+                            {
+                                fromUserId: 4,
+                                toUserId: 0,
+                                text: 'Ok, I will be there in 10 mins'
+                            },
+                        ],
+                        active: true,
+                    },
+                    {
+                        userId: 5,
+                        name: 'Shaun Park',
+                        path: 'profile-4.jpeg',
+                        time: '2:05 PM',
+                        preview: 'It’s not that bad...',
+                        messages: [{
+                                fromUserId: 0,
+                                toUserId: 3,
+                                text: 'Hi, I am back from vacation'
+                            },
+                            {
+                                fromUserId: 0,
+                                toUserId: 3,
+                                text: 'How are you?'
+                            },
+                            {
+                                fromUserId: 0,
+                                toUserId: 5,
+                                text: 'Welcom Back'
+                            },
+                            {
+                                fromUserId: 0,
+                                toUserId: 5,
+                                text: 'I am all well'
+                            },
+                            {
+                                fromUserId: 5,
+                                toUserId: 0,
+                                text: 'Coffee?'
+                            },
+                        ],
+                        active: false,
+                    },
+                    {
+                        userId: 6,
+                        name: 'Roxanne',
+                        path: 'profile-5.jpeg',
+                        time: '2:00 PM',
+                        preview: 'Wasup for the third time like is you bling bitch',
+                        messages: [{
+                                fromUserId: 0,
+                                toUserId: 6,
+                                text: 'Hi'
+                            },
+                            {
+                                fromUserId: 0,
+                                toUserId: 6,
+                                text: 'Uploaded files to server.'
+                            },
+                        ],
+                        active: false,
+                    },
+                    {
+                        userId: 7,
+                        name: 'Ernest Reeves',
+                        path: 'profile-6.jpeg',
+                        time: '2:09 PM',
+                        preview: 'Wasup for the third time like is you bling bitch',
+                        messages: [],
+                        active: true,
+                    },
+                    {
+                        userId: 8,
+                        name: 'Laurie Fox',
+                        path: 'profile-7.jpeg',
+                        time: '12:09 PM',
+                        preview: 'Wasup for the third time like is you bling bitch',
+                        messages: [],
+                        active: true,
+                    },
+                    {
+                        userId: 9,
+                        name: 'Xavier',
+                        path: 'profile-8.jpeg',
+                        time: '4:09 PM',
+                        preview: 'Wasup for the third time like is you bling bitch',
+                        messages: [],
+                        active: false,
+                    },
+                    {
+                        userId: 10,
+                        name: 'Susan Phillips',
+                        path: 'profile-9.jpeg',
+                        time: '9:00 PM',
+                        preview: 'Wasup for the third time like is you bling bitch',
+                        messages: [],
+                        active: true,
+                    },
+                    {
+                        userId: 11,
+                        name: 'Dale Butler',
+                        path: 'profile-10.jpeg',
+                        time: '5:09 PM',
+                        preview: 'Wasup for the third time like is you bling bitch',
+                        messages: [],
+                        active: false,
+                    },
+                    {
+                        userId: 12,
+                        name: 'Grace Roberts',
+                        path: 'user-profile.jpeg',
+                        time: '8:01 PM',
+                        preview: 'Wasup for the third time like is you bling bitch',
+                        messages: [],
+                        active: true,
+                    },
+                ],
+                searchUser: '',
+                textMessage: '',
+                selectedUser: '',
+
+                get searchUsers() {
+                    setTimeout(() => {
+                        const element = document.querySelector('.chat-users');
+                        element.scrollTop = 0;
+                        element.behavior = "smooth";
+                    });
+                    return this.contactList.filter((d) => {
+                        return d.name.toLowerCase().includes(this.searchUser)
+                    });
+                },
+
+                selectUser(user) {
+                    this.selectedUser = user;
+                    this.isShowUserChat = true;
+                    this.scrollToBottom;
+                    this.isShowChatMenu = false;
+                },
+
+                sendMessage() {
+                    if (this.textMessage.trim()) {
+                        const user = this.contactList.find((d) => d.userId === this.selectedUser
+                            .userId);
+                        user.messages.push({
+                            fromUserId: this.selectedUser.userId,
+                            toUserId: 0,
+                            text: this.textMessage,
+                            time: 'Just now',
+                        });
+                        this.textMessage = '';
+                        this.scrollToBottom;
+                    }
+                },
+
+                get scrollToBottom() {
+                    if (this.isShowUserChat) {
+                        setTimeout(() => {
+                            const element = document.querySelector(
+                                '.chat-conversation-box');
+                            element.scrollIntoView({
+                                behavior: "smooth",
+                                block: "end",
+                            });
+                        });
+                    }
+                },
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/apps/contacts.blade.php b/resources/views/apps/contacts.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..0bc4578e4e01dc168a87797d35eaccacf241707d
--- /dev/null
+++ b/resources/views/apps/contacts.blade.php
@@ -0,0 +1,593 @@
+<x-layout.default>
+
+    <div x-data="contacts">
+        <div class="flex items-center justify-between flex-wrap gap-4">
+            <h2 class="text-xl">Contacts</h2>
+            <div class="flex sm:flex-row flex-col sm:items-center sm:gap-3 gap-4 w-full sm:w-auto">
+                <div class="flex gap-3">
+                    <div>
+                        <button type="button" class="btn btn-primary" @click="editUser">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <circle cx="10" cy="6" r="4" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M18 17.5C18 19.9853 18 22 10 22C2 22 2 19.9853 2 17.5C2 15.0147 5.58172 13 10 13C14.4183 13 18 15.0147 18 17.5Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M21 10H19M19 10H17M19 10L19 8M19 10L19 12" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Add Contact
+                        </button>
+                        <div class="fixed inset-0 bg-[black]/60 z-[999] overflow-y-auto hidden"
+                            :class="addContactModal && '!block'">
+                            <div class="flex items-center justify-center min-h-screen px-4"
+                                @click.self="addContactModal = false">
+                                <div x-show="addContactModal" x-transition x-transition.duration.300
+                                    class="panel border-0 p-0 rounded-lg overflow-hidden md:w-full max-w-lg w-[90%] my-8">
+                                    <button type="button"
+                                        class="absolute top-4 ltr:right-4 rtl:left-4 text-white-dark hover:text-dark"
+                                        @click="addContactModal = false">
+
+                                        <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6">
+                                            <line x1="18" y1="6" x2="6" y2="18"></line>
+                                            <line x1="6" y1="6" x2="18" y2="18"></line>
+                                        </svg>
+                                    </button>
+                                    <h3 class="text-lg font-medium bg-[#fbfbfb] dark:bg-[#121c2c] ltr:pl-5 rtl:pr-5 py-3 ltr:pr-[50px] rtl:pl-[50px]"
+                                        x-text="params.id ? 'Edit Contact' : 'Add Contact'"></h3>
+                                    <div class="p-5">
+                                        <form @submit.prevent="saveUser">
+                                            <div class="mb-5">
+                                                <label for="name">Name</label>
+                                                <input id="name" type="text" placeholder="Enter Name"
+                                                    class="form-input" x-model="params.name" />
+                                            </div>
+                                            <div class="mb-5">
+                                                <label for="email">Email</label>
+                                                <input id="email" type="email" placeholder="Enter Email"
+                                                    class="form-input" x-model="params.email" />
+                                            </div>
+                                            <div class="mb-5">
+                                                <label for="number">Phone Number</label>
+                                                <input id="number" type="text" placeholder="Enter Phone Number"
+                                                    class="form-input" x-model="params.phone" />
+                                            </div>
+                                            <div class="mb-5">
+                                                <label for="occupation">Occupation</label>
+                                                <input id="occupation" type="text" placeholder="Enter Occupation"
+                                                    class="form-input" x-model="params.role" />
+                                            </div>
+                                            <div class="mb-5">
+                                                <label for="address">Address</label>
+                                                <textarea id="address" rows="3" placeholder="Enter Address" class="form-textarea resize-none min-h-[130px]"
+                                                    x-model="params.location"></textarea>
+                                            </div>
+                                            <div class="flex justify-end items-center mt-8">
+                                                <button type="button" class="btn btn-outline-danger"
+                                                    @click="addContactModal = false">Cancel</button>
+                                                <button type="submit" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                    x-text="params.id ? 'Update' : 'Add'"></button>
+                                            </div>
+                                        </form>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <button type="button" class="btn btn-outline-primary p-2"
+                            :class="{ 'bg-primary text-white': displayType === 'list' }"
+                            @click="setDisplayType('list')">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                <path d="M2 5.5L3.21429 7L7.5 3" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                                <path opacity="0.5" d="M2 12.5L3.21429 14L7.5 10" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                <path d="M2 19.5L3.21429 21L7.5 17" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                                <path d="M22 19L12 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path opacity="0.5" d="M22 12L12 12" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M22 5L12 5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                            </svg>
+                        </button>
+                    </div>
+                    <div>
+                        <button type="button" class="btn btn-outline-primary p-2"
+                            :class="{ 'bg-primary text-white': displayType === 'grid' }"
+                            @click="setDisplayType('grid')">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                <path opacity="0.5"
+                                    d="M2.5 6.5C2.5 4.61438 2.5 3.67157 3.08579 3.08579C3.67157 2.5 4.61438 2.5 6.5 2.5C8.38562 2.5 9.32843 2.5 9.91421 3.08579C10.5 3.67157 10.5 4.61438 10.5 6.5C10.5 8.38562 10.5 9.32843 9.91421 9.91421C9.32843 10.5 8.38562 10.5 6.5 10.5C4.61438 10.5 3.67157 10.5 3.08579 9.91421C2.5 9.32843 2.5 8.38562 2.5 6.5Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M13.5 17.5C13.5 15.6144 13.5 14.6716 14.0858 14.0858C14.6716 13.5 15.6144 13.5 17.5 13.5C19.3856 13.5 20.3284 13.5 20.9142 14.0858C21.5 14.6716 21.5 15.6144 21.5 17.5C21.5 19.3856 21.5 20.3284 20.9142 20.9142C20.3284 21.5 19.3856 21.5 17.5 21.5C15.6144 21.5 14.6716 21.5 14.0858 20.9142C13.5 20.3284 13.5 19.3856 13.5 17.5Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M2.5 17.5C2.5 15.6144 2.5 14.6716 3.08579 14.0858C3.67157 13.5 4.61438 13.5 6.5 13.5C8.38562 13.5 9.32843 13.5 9.91421 14.0858C10.5 14.6716 10.5 15.6144 10.5 17.5C10.5 19.3856 10.5 20.3284 9.91421 20.9142C9.32843 21.5 8.38562 21.5 6.5 21.5C4.61438 21.5 3.67157 21.5 3.08579 20.9142C2.5 20.3284 2.5 19.3856 2.5 17.5Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M13.5 6.5C13.5 4.61438 13.5 3.67157 14.0858 3.08579C14.6716 2.5 15.6144 2.5 17.5 2.5C19.3856 2.5 20.3284 2.5 20.9142 3.08579C21.5 3.67157 21.5 4.61438 21.5 6.5C21.5 8.38562 21.5 9.32843 20.9142 9.91421C20.3284 10.5 19.3856 10.5 17.5 10.5C15.6144 10.5 14.6716 10.5 14.0858 9.91421C13.5 9.32843 13.5 8.38562 13.5 6.5Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+
+                <div class="relative ">
+                    <input type="text" placeholder="Search Contacts"
+                        class="form-input py-2 ltr:pr-11 rtl:pl-11 peer" x-model="searchUser"
+                        @keyup="searchContacts" />
+                    <div
+                        class="absolute ltr:right-[11px] rtl:left-[11px] top-1/2 -translate-y-1/2 peer-focus:text-primary">
+
+                        <svg class="mx-auto" width="16" height="16" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg">
+                            <circle cx="11.5" cy="11.5" r="9.5" stroke="currentColor"
+                                stroke-width="1.5" opacity="0.5"></circle>
+                            <path d="M18.5 18.5L22 22" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round"></path>
+                        </svg>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="mt-5 panel p-0 border-0 overflow-hidden">
+            <template x-if="displayType === 'list'">
+                <div class="table-responsive">
+                    <table class="table-striped table-hover">
+                        <thead>
+                            <tr>
+                                <th>Name</th>
+                                <th>Email</th>
+                                <th>Location</th>
+                                <th>Phone</th>
+                                <th class="!text-center">Actions</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <template x-for="contact in filterdContactsList" :key="contact.id">
+                                <tr>
+                                    <td>
+                                        <div class="flex items-center w-max">
+                                            <div x-show="contact.path" class="w-max">
+                                                <img :src="`/assets/images/${contact.path}`"
+                                                    class="h-8 w-8 rounded-full object-cover ltr:mr-2 rtl:ml-2"
+                                                    alt="avatar" />
+                                            </div>
+                                            <div x-show="!contact.path && contact.name"
+                                                class="grid place-content-center h-8 w-8 ltr:mr-2 rtl:ml-2 rounded-full bg-primary text-white text-sm font-semibold"
+                                                x-text="contact.name.charAt(0) + '' + contact.name.charAt(contact.name.indexOf(' ') + 1)">
+                                            </div>
+                                            <div x-show="!contact.path && !contact.name"
+                                                class="border border-gray-300 dark:border-gray-800 rounded-full p-2 ltr:mr-2 rtl:ml-2">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-4.5 h-4.5">
+                                                    <circle cx="12" cy="6" r="4"
+                                                        stroke="currentColor" stroke-width="1.5"></circle>
+                                                    <ellipse opacity="0.5" cx="12" cy="17"
+                                                        rx="7" ry="4" stroke="currentColor"
+                                                        stroke-width="1.5"></ellipse>
+                                                </svg>
+                                            </div>
+                                            <div x-text="contact.name"></div>
+                                        </div>
+                                    </td>
+                                    <td x-text="contact.email"></td>
+                                    <td x-text="contact.location" class="whitespace-nowrap"></td>
+                                    <td x-text="contact.phone" class="whitespace-nowrap"></td>
+                                    <td>
+                                        <div class="flex gap-4 items-center justify-center">
+                                            <button type="button" class="btn btn-sm btn-outline-primary"
+                                                @click="editUser(contact)">Edit</button>
+                                            <button type="button" class="btn btn-sm btn-outline-danger"
+                                                @click="deleteUser(contact)">Delete</button>
+                                        </div>
+                                    </td>
+                                </tr>
+                            </template>
+                        </tbody>
+                    </table>
+                </div>
+            </template>
+        </div>
+        <template x-if="displayType === 'grid'">
+            <div class="grid 2xl:grid-cols-4 xl:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-6 w-full">
+                <template x-for="contact in filterdContactsList" :key="contact.id">
+                    <div class="bg-white dark:bg-[#1c232f] rounded-md overflow-hidden text-center shadow relative">
+                        <div
+                            class="bg-white/40 rounded-t-md bg-[url('/assets/images/notification-bg.png')] bg-center bg-cover p-6 pb-0">
+                            <template x-if="contact.path">
+                                <img class="object-contain w-4/5 max-h-40 mx-auto"
+                                    :src="`/assets/images/${contact.path}`" />
+                            </template>
+                        </div>
+                        <div class="px-6 pb-24 -mt-10 relative">
+                            <div class="shadow-md bg-white dark:bg-gray-900 rounded-md px-2 py-4">
+                                <div class="text-xl" x-text="contact.name"></div>
+                                <div class="text-white-dark" x-text="contact.role"></div>
+                                <div class="flex items-center justify-between flex-wrap mt-6 gap-3">
+                                    <div class="flex-auto">
+                                        <div class="text-info" x-text="contact.posts"></div>
+                                        <div>Posts</div>
+                                    </div>
+                                    <div class="flex-auto">
+                                        <div class="text-info" x-text="contact.following"></div>
+                                        <div>Following</div>
+                                    </div>
+                                    <div class="flex-auto">
+                                        <div class="text-info" x-text="contact.followers"></div>
+                                        <div>Followers</div>
+                                    </div>
+                                </div>
+                                <div class="mt-4">
+                                    <ul class="flex space-x-4 rtl:space-x-reverse items-center justify-center">
+                                        <li>
+                                            <a href="javascript:;"
+                                                class="btn btn-outline-primary p-0 h-7 w-7 rounded-full">
+
+                                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
+                                                    class="w-4 h-4">
+                                                    <path
+                                                        d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z">
+                                                    </path>
+                                                </svg>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="javascript:;"
+                                                class="btn btn-outline-primary p-0 h-7 w-7 rounded-full">
+
+                                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
+                                                    class="w-4 h-4">
+                                                    <rect x="2" y="2" width="20"
+                                                        height="20" rx="5" ry="5"></rect>
+                                                    <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
+                                                    <line x1="17.5" y1="6.5" x2="17.51"
+                                                        y2="6.5"></line>
+                                                </svg>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="javascript:;"
+                                                class="btn btn-outline-primary p-0 h-7 w-7 rounded-full">
+
+                                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
+                                                    class="w-4 h-4">
+                                                    <path
+                                                        d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z">
+                                                    </path>
+                                                    <rect x="2" y="9" width="4"
+                                                        height="12"></rect>
+                                                    <circle cx="4" cy="4" r="2"></circle>
+                                                </svg>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="javascript:;"
+                                                class="btn btn-outline-primary p-0 h-7 w-7 rounded-full">
+
+                                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
+                                                    class="w-4 h-4">
+                                                    <path
+                                                        d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z">
+                                                    </path>
+                                                </svg>
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="mt-6 grid grid-cols-1 gap-4 ltr:text-left rtl:text-right">
+                                <div class="flex items-center">
+                                    <div class="flex-none ltr:mr-2 rtl:ml-2">Email :</div>
+                                    <div class="truncate text-white-dark" x-text="contact.email"></div>
+                                </div>
+                                <div class="flex items-center">
+                                    <div class="flex-none ltr:mr-2 rtl:ml-2">Phone :</div>
+                                    <div class="text-white-dark" x-text="contact.phone"></div>
+                                </div>
+                                <div class="flex items-center">
+                                    <div class="flex-none ltr:mr-2 rtl:ml-2">Address :</div>
+                                    <div class="text-white-dark" x-text="contact.location"></div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="mt-6 flex gap-4 absolute bottom-0 w-full ltr:left-0 rtl:right-0 p-6">
+                            <button type="button" class="btn btn-outline-primary w-1/2"
+                                @click="editUser(contact)">Edit</button>
+                            <button type="button" class="btn btn-outline-danger w-1/2"
+                                @click="deleteUser(contact)">Delete</button>
+                        </div>
+                    </div>
+                </template>
+            </div>
+        </template>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("contacts", () => ({
+                defaultParams: {
+                    id: null,
+                    name: '',
+                    email: '',
+                    role: '',
+                    phone: '',
+                    location: ''
+                },
+                displayType: 'list',
+                addContactModal: false,
+                params: {
+                    id: null,
+                    name: '',
+                    email: '',
+                    role: '',
+                    phone: '',
+                    location: ''
+                },
+                filterdContactsList: [],
+                searchUser: '',
+                contactList: [{
+                        id: 1,
+                        path: 'profile-35.png',
+                        name: 'Alan Green',
+                        role: 'Web Developer',
+                        email: 'alan@mail.com',
+                        location: 'Boston, USA',
+                        phone: '+1 202 555 0197',
+                        posts: 25,
+                        followers: '5K',
+                        following: 500,
+                    },
+                    {
+                        id: 2,
+                        path: 'profile-35.png',
+                        name: 'Linda Nelson',
+                        role: 'Web Designer',
+                        email: 'linda@mail.com',
+                        location: 'Sydney, Australia',
+                        phone: '+1 202 555 0170',
+                        posts: 25,
+                        followers: '21.5K',
+                        following: 350,
+                    },
+                    {
+                        id: 3,
+                        path: 'profile-35.png',
+                        name: 'Lila Perry',
+                        role: 'UX/UI Designer',
+                        email: 'lila@mail.com',
+                        location: 'Miami, USA',
+                        phone: '+1 202 555 0105',
+                        posts: 20,
+                        followers: '21.5K',
+                        following: 350,
+                    },
+                    {
+                        id: 4,
+                        path: 'profile-35.png',
+                        name: 'Andy King',
+                        role: 'Project Lead',
+                        email: 'andy@mail.com',
+                        location: 'Tokyo, Japan',
+                        phone: '+1 202 555 0194',
+                        posts: 25,
+                        followers: '21.5K',
+                        following: 300,
+                    },
+                    {
+                        id: 5,
+                        path: 'profile-35.png',
+                        name: 'Jesse Cory',
+                        role: 'Web Developer',
+                        email: 'jesse@mail.com',
+                        location: 'Edinburgh, UK',
+                        phone: '+1 202 555 0161',
+                        posts: 30,
+                        followers: '20K',
+                        following: 350,
+                    },
+                    {
+                        id: 6,
+                        path: 'profile-35.png',
+                        name: 'Xavier',
+                        role: 'UX/UI Designer',
+                        email: 'xavier@mail.com',
+                        location: 'New York, USA',
+                        phone: '+1 202 555 0155',
+                        posts: 25,
+                        followers: '21.5K',
+                        following: 350,
+                    },
+                    {
+                        id: 7,
+                        path: 'profile-35.png',
+                        name: 'Susan',
+                        role: 'Project Manager',
+                        email: 'susan@mail.com',
+                        location: 'Miami, USA',
+                        phone: '+1 202 555 0118',
+                        posts: 40,
+                        followers: '21.5K',
+                        following: 350,
+                    },
+                    {
+                        id: 8,
+                        path: 'profile-35.png',
+                        name: 'Raci Lopez',
+                        role: 'Web Developer',
+                        email: 'traci@mail.com',
+                        location: 'Edinburgh, UK',
+                        phone: '+1 202 555 0135',
+                        posts: 25,
+                        followers: '21.5K',
+                        following: 350,
+                    },
+                    {
+                        id: 9,
+                        path: 'profile-35.png',
+                        name: 'Steven Mendoza',
+                        role: 'HR',
+                        email: 'sokol@verizon.net',
+                        location: 'Monrovia, US',
+                        phone: '+1 202 555 0100',
+                        posts: 40,
+                        followers: '21.8K',
+                        following: 300,
+                    },
+                    {
+                        id: 10,
+                        path: 'profile-35.png',
+                        name: 'James Cantrell',
+                        role: 'Web Developer',
+                        email: 'sravani@comcast.net',
+                        location: 'Michigan, US',
+                        phone: '+1 202 555 0134',
+                        posts: 100,
+                        followers: '28K',
+                        following: 520,
+                    },
+                    {
+                        id: 11,
+                        path: 'profile-35.png',
+                        name: 'Reginald Brown',
+                        role: 'Web Designer',
+                        email: 'drhyde@gmail.com',
+                        location: 'Entrimo, Spain',
+                        phone: '+1 202 555 0153',
+                        posts: 35,
+                        followers: '25K',
+                        following: 500,
+                    },
+                    {
+                        id: 12,
+                        path: 'profile-35.png',
+                        name: 'Stacey Smith',
+                        role: 'Chief technology officer',
+                        email: 'maikelnai@optonline.net',
+                        location: 'Lublin, Poland',
+                        phone: '+1 202 555 0115',
+                        posts: 21,
+                        followers: '5K',
+                        following: 200,
+                    },
+                ],
+
+                init() {
+                    this.searchContacts();
+                },
+
+                searchContacts() {
+                    this.filterdContactsList = this.contactList.filter((d) => d.name.toLowerCase()
+                        .includes(this.searchUser.toLowerCase()));
+                },
+
+                editUser(user) {
+                    this.params = this.defaultParams;
+                    if (user) {
+                        this.params = JSON.parse(JSON.stringify(user));
+                    }
+
+                    this.addContactModal = true;
+                },
+
+                saveUser() {
+                    if (!this.params.name) {
+                        this.showMessage('Name is required.', 'error');
+                        return true;
+                    }
+                    if (!this.params.email) {
+                        this.showMessage('Email is required.', 'error');
+                        return true;
+                    }
+                    if (!this.params.phone) {
+                        this.showMessage('Phone is required.', 'error');
+                        return true;
+                    }
+                    if (!this.params.role) {
+                        this.showMessage('Occupation is required.', 'error');
+                        return true;
+                    }
+
+                    if (this.params.id) {
+                        //update user
+                        let user = this.contactList.find((d) => d.id === this.params.id);
+                        user.name = this.params.name;
+                        user.email = this.params.email;
+                        user.role = this.params.role;
+                        user.phone = this.params.phone;
+                        user.location = this.params.location;
+                    } else {
+                        //add user
+                        let maxUserId = this.contactList.length ? this.contactList.reduce((max,
+                                character) => (character.id > max ? character.id : max), this
+                            .contactList[0].id) : 0;
+
+                        let user = {
+                            id: maxUserId + 1,
+                            path: 'profile-35.png',
+                            name: this.params.name,
+                            email: this.params.email,
+                            role: this.params.role,
+                            phone: this.params.phone,
+                            location: this.params.location,
+                            posts: 20,
+                            followers: '5K',
+                            following: 500,
+                        };
+                        this.contactList.splice(0, 0, user);
+                        this.searchContacts();
+                    }
+
+                    this.showMessage('User has been saved successfully.');
+                    this.addContactModal = false;
+                },
+
+                deleteUser(user) {
+                    this.contactList = this.contactList.filter((d) => d.id != user.id);
+                    this.searchContacts();
+                    this.showMessage('User has been deleted successfully.');
+                },
+
+                setDisplayType(type) {
+                    this.displayType = type;
+                },
+
+                showMessage(msg = '', type = 'success') {
+                    const toast = window.Swal.mixin({
+                        toast: true,
+                        position: 'top',
+                        showConfirmButton: false,
+                        timer: 3000,
+                    });
+                    toast.fire({
+                        icon: type,
+                        title: msg,
+                        padding: '10px 20px',
+                    });
+                },
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/apps/invoice/add.blade.php b/resources/views/apps/invoice/add.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..da38cbb78e528042d4f05473c774e90856a0078a
--- /dev/null
+++ b/resources/views/apps/invoice/add.blade.php
@@ -0,0 +1,552 @@
+<x-layout.default>
+
+
+    <div x-data="invoiceAdd">
+        <div class="flex xl:flex-row flex-col gap-2.5">
+            <div class="panel px-0 flex-1 py-6 ltr:xl:mr-6 rtl:xl:ml-6">
+                <div class="flex justify-between flex-wrap px-4">
+                    <div class="mb-6 lg:w-1/2 w-full">
+                        <div class="flex items-center text-black dark:text-white shrink-0">
+                            <img src="/assets/images/logo.svg" alt="image" class="w-14" />
+                        </div>
+                        <div class="space-y-1 mt-6 text-gray-500 dark:text-gray-400">
+                            <div>13 Tetrick Road, Cypress Gardens, Florida, 33884, US</div>
+                            <div>vristo@gmail.com</div>
+                            <div>+1 (070) 123-4567</div>
+                        </div>
+                    </div>
+                    <div class="lg:w-1/2 w-full lg:max-w-fit">
+                        <div class="flex items-center">
+                            <label for="number" class="flex-1 ltr:mr-2 rtl:ml-2 mb-0">Invoice Number</label>
+                            <input id="number" type="text" name="inv-num" class="form-input lg:w-[250px] w-2/3"
+                                placeholder="#8801" x-model="params.invoiceNo" />
+                        </div>
+                        <div class="flex items-center mt-4">
+                            <label for="invoiceLabel" class="flex-1 ltr:mr-2 rtl:ml-2 mb-0">Invoice Label</label>
+                            <input id="invoiceLabel" type="text" name="inv-label"
+                                class="form-input lg:w-[250px] w-2/3" placeholder="Enter Invoice Label"
+                                x-model="params.title" />
+                        </div>
+                        <div class="flex items-center mt-4">
+                            <label for="startDate" class="flex-1 ltr:mr-2 rtl:ml-2 mb-0">Invoice Date</label>
+                            <input id="startDate" type="date" name="inv-date" class="form-input lg:w-[250px] w-2/3"
+                                x-model="params.invoiceDate" />
+                        </div>
+                        <div class="flex items-center mt-4">
+                            <label for="dueDate" class="flex-1 ltr:mr-2 rtl:ml-2 mb-0">Due Date</label>
+                            <input id="dueDate" type="date" name="due-date" class="form-input lg:w-[250px] w-2/3"
+                                x-model="params.dueDate" />
+                        </div>
+                    </div>
+                </div>
+                <hr class="border-[#e0e6ed] dark:border-[#1b2e4b] my-6">
+                <div class="mt-8 px-4">
+                    <div class="flex justify-between lg:flex-row flex-col">
+                        <div class="lg:w-1/2 w-full ltr:lg:mr-6 rtl:lg:ml-6 mb-6">
+                            <div class="text-lg font-semibold">Bill To</div>
+                            <div class="mt-4 flex items-center">
+                                <label for="reciever-name" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">Name</label>
+                                <input id="reciever-name" type="text" name="reciever-name" class="form-input flex-1"
+                                    x-model="params.to.name" placeholder="Enter Name" />
+                            </div>
+                            <div class="mt-4 flex items-center">
+                                <label for="reciever-email" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">Email</label>
+                                <input id="reciever-email" type="email" name="reciever-email"
+                                    class="form-input flex-1" x-model="params.to.email" placeholder="Enter Email" />
+                            </div>
+                            <div class="mt-4 flex items-center">
+                                <label for="reciever-address" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">Address</label>
+                                <input id="reciever-address" type="text" name="reciever-address"
+                                    class="form-input flex-1" x-model="params.to.address" placeholder="Enter Address" />
+                            </div>
+                            <div class="mt-4 flex items-center">
+                                <label for="reciever-number" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">Phone Number</label>
+                                <input id="reciever-number" type="text" name="reciever-number"
+                                    class="form-input flex-1" x-model="params.to.phone"
+                                    placeholder="Enter Phone Number" />
+                            </div>
+                        </div>
+                        <div class="lg:w-1/2 w-full">
+                            <div class="text-lg font-semibold">Payment Details</div>
+                            <div class="flex items-center mt-4">
+                                <label for="acno" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">Account Number</label>
+                                <input id="acno" type="text" name="acno" class="form-input flex-1"
+                                    x-model="params.bankInfo.no" placeholder="Enter Account Number" />
+                            </div>
+                            <div class="flex items-center mt-4">
+                                <label for="bank-name" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">Bank Name</label>
+                                <input id="bank-name" type="text" name="bank-name" class="form-input flex-1"
+                                    x-model="params.bankInfo.name" placeholder="Enter Bank Name" />
+                            </div>
+                            <div class="flex items-center mt-4">
+                                <label for="swift-code" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">SWIFT Number</label>
+                                <input id="swift-code" type="text" name="swift-code" class="form-input flex-1"
+                                    x-model="params.bankInfo.swiftCode" placeholder="Enter SWIFT Number" />
+                            </div>
+                            <div class="flex items-center mt-4">
+                                <label for="iban-code" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">IBAN Number</label>
+                                <input id="iban-code" type="text" name="iban-code" class="form-input flex-1"
+                                    x-model="params.bankInfo.ibanNo" placeholder="Enter IBAN Number" />
+                            </div>
+                            <div class="flex items-center mt-4">
+                                <label for="country" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">Country</label>
+                                <select id="country" name="country" class="form-select flex-1"
+                                    x-model="params.bankInfo.country">
+                                    <option value="">Choose Country</option>
+                                    <option value="United States">United States</option>
+                                    <option value="United Kingdom">United Kingdom</option>
+                                    <option value="Canada">Canada</option>
+                                    <option value="Australia">Australia</option>
+                                    <option value="Germany">Germany</option>
+                                    <option value="Sweden">Sweden</option>
+                                    <option value="Denmark">Denmark</option>
+                                    <option value="Norway">Norway</option>
+                                    <option value="New-Zealand">New Zealand</option>
+                                    <option value="Afghanistan">Afghanistan</option>
+                                    <option value="Albania">Albania</option>
+                                    <option value="Algeria">Algeria</option>
+                                    <option value="American-Samoa">Andorra</option>
+                                    <option value="Angola">Angola</option>
+                                    <option value="Antigua Barbuda">Antigua &amp; Barbuda</option>
+                                    <option value="Argentina">Argentina</option>
+                                    <option value="Armenia">Armenia</option>
+                                    <option value="Aruba">Aruba</option>
+                                    <option value="Austria">Austria</option>
+                                    <option value="Azerbaijan">Azerbaijan</option>
+                                    <option value="Bahamas">Bahamas</option>
+                                    <option value="Bahrain">Bahrain</option>
+                                    <option value="Bangladesh">Bangladesh</option>
+                                    <option value="Barbados">Barbados</option>
+                                    <option value="Belarus">Belarus</option>
+                                    <option value="Belgium">Belgium</option>
+                                    <option value="Belize">Belize</option>
+                                    <option value="Benin">Benin</option>
+                                    <option value="Bermuda">Bermuda</option>
+                                    <option value="Bhutan">Bhutan</option>
+                                    <option value="Bolivia">Bolivia</option>
+                                    <option value="Bosnia">Bosnia &amp; Herzegovina</option>
+                                    <option value="Botswana">Botswana</option>
+                                    <option value="Brazil">Brazil</option>
+                                    <option value="British">British Virgin Islands</option>
+                                    <option value="Brunei">Brunei</option>
+                                    <option value="Bulgaria">Bulgaria</option>
+                                    <option value="Burkina">Burkina Faso</option>
+                                    <option value="Burundi">Burundi</option>
+                                    <option value="Cambodia">Cambodia</option>
+                                    <option value="Cameroon">Cameroon</option>
+                                    <option value="Cape">Cape Verde</option>
+                                    <option value="Cayman">Cayman Islands</option>
+                                    <option value="Central-African">Central African Republic</option>
+                                    <option value="Chad">Chad</option>
+                                    <option value="Chile">Chile</option>
+                                    <option value="China">China</option>
+                                    <option value="Colombia">Colombia</option>
+                                    <option value="Comoros">Comoros</option>
+                                    <option value="Costa-Rica">Costa Rica</option>
+                                    <option value="Croatia">Croatia</option>
+                                    <option value="Cuba">Cuba</option>
+                                    <option value="Cyprus">Cyprus</option>
+                                    <option value="Czechia">Czechia</option>
+                                    <option value="Côte">Côte d'Ivoire</option>
+                                    <option value="Djibouti">Djibouti</option>
+                                    <option value="Dominica">Dominica</option>
+                                    <option value="Dominican">Dominican Republic</option>
+                                    <option value="Ecuador">Ecuador</option>
+                                    <option value="Egypt">Egypt</option>
+                                    <option value="El-Salvador">El Salvador</option>
+                                    <option value="Equatorial-Guinea">Equatorial Guinea</option>
+                                    <option value="Eritrea">Eritrea</option>
+                                    <option value="Estonia">Estonia</option>
+                                    <option value="Ethiopia">Ethiopia</option>
+                                    <option value="Fiji">Fiji</option>
+                                    <option value="Finland">Finland</option>
+                                    <option value="France">France</option>
+                                    <option value="Gabon">Gabon</option>
+                                    <option value="Georgia">Georgia</option>
+                                    <option value="Ghana">Ghana</option>
+                                    <option value="Greece">Greece</option>
+                                    <option value="Grenada">Grenada</option>
+                                    <option value="Guatemala">Guatemala</option>
+                                    <option value="Guernsey">Guernsey</option>
+                                    <option value="Guinea">Guinea</option>
+                                    <option value="Guinea-Bissau">Guinea-Bissau</option>
+                                    <option value="Guyana">Guyana</option>
+                                    <option value="Haiti">Haiti</option>
+                                    <option value="Honduras">Honduras</option>
+                                    <option value="Hong-Kong">Hong Kong SAR China</option>
+                                    <option value="Hungary">Hungary</option>
+                                    <option value="Iceland">Iceland</option>
+                                    <option value="India">India</option>
+                                    <option value="Indonesia">Indonesia</option>
+                                    <option value="Iran">Iran</option>
+                                    <option value="Iraq">Iraq</option>
+                                    <option value="Ireland">Ireland</option>
+                                    <option value="Israel">Israel</option>
+                                    <option value="Italy">Italy</option>
+                                    <option value="Jamaica">Jamaica</option>
+                                    <option value="Japan">Japan</option>
+                                    <option value="Jordan">Jordan</option>
+                                    <option value="Kazakhstan">Kazakhstan</option>
+                                    <option value="Kenya">Kenya</option>
+                                    <option value="Kuwait">Kuwait</option>
+                                    <option value="Kyrgyzstan">Kyrgyzstan</option>
+                                    <option value="Laos">Laos</option>
+                                    <option value="Latvia">Latvia</option>
+                                    <option value="Lebanon">Lebanon</option>
+                                    <option value="Lesotho">Lesotho</option>
+                                    <option value="Liberia">Liberia</option>
+                                    <option value="Libya">Libya</option>
+                                    <option value="Liechtenstein">Liechtenstein</option>
+                                    <option value="Lithuania">Lithuania</option>
+                                    <option value="Luxembourg">Luxembourg</option>
+                                    <option value="Macedonia">Macedonia</option>
+                                    <option value="Madagascar">Madagascar</option>
+                                    <option value="Malawi">Malawi</option>
+                                    <option value="Malaysia">Malaysia</option>
+                                    <option value="Maldives">Maldives</option>
+                                    <option value="Mali">Mali</option>
+                                    <option value="Malta">Malta</option>
+                                    <option value="Mauritania">Mauritania</option>
+                                    <option value="Mauritius">Mauritius</option>
+                                    <option value="Mexico">Mexico</option>
+                                    <option value="Moldova">Moldova</option>
+                                    <option value="Monaco">Monaco</option>
+                                    <option value="Mongolia">Mongolia</option>
+                                    <option value="Montenegro">Montenegro</option>
+                                    <option value="Morocco">Morocco</option>
+                                    <option value="Mozambique">Mozambique</option>
+                                    <option value="Myanmar">Myanmar (Burma)</option>
+                                    <option value="Namibia">Namibia</option>
+                                    <option value="Nepal">Nepal</option>
+                                    <option value="Netherlands">Netherlands</option>
+                                    <option value="Nicaragua">Nicaragua</option>
+                                    <option value="Niger">Niger</option>
+                                    <option value="Nigeria">Nigeria</option>
+                                    <option value="North-Korea">North Korea</option>
+                                    <option value="Oman">Oman</option>
+                                    <option value="Pakistan">Pakistan</option>
+                                    <option value="Palau">Palau</option>
+                                    <option value="Palestinian">Palestinian Territories</option>
+                                    <option value="Panama">Panama</option>
+                                    <option value="Papua">Papua New Guinea</option>
+                                    <option value="Paraguay">Paraguay</option>
+                                    <option value="Peru">Peru</option>
+                                    <option value="Philippines">Philippines</option>
+                                    <option value="Poland">Poland</option>
+                                    <option value="Portugal">Portugal</option>
+                                    <option value="Puerto">Puerto Rico</option>
+                                    <option value="Qatar">Qatar</option>
+                                    <option value="Romania">Romania</option>
+                                    <option value="Russia">Russia</option>
+                                    <option value="Rwanda">Rwanda</option>
+                                    <option value="Réunion">Réunion</option>
+                                    <option value="Samoa">Samoa</option>
+                                    <option value="San-Marino">San Marino</option>
+                                    <option value="Saudi-Arabia">Saudi Arabia</option>
+                                    <option value="Senegal">Senegal</option>
+                                    <option value="Serbia">Serbia</option>
+                                    <option value="Seychelles">Seychelles</option>
+                                    <option value="Sierra-Leone">Sierra Leone</option>
+                                    <option value="Singapore">Singapore</option>
+                                    <option value="Slovakia">Slovakia</option>
+                                    <option value="Slovenia">Slovenia</option>
+                                    <option value="Solomon-Islands">Solomon Islands</option>
+                                    <option value="Somalia">Somalia</option>
+                                    <option value="South-Africa">South Africa</option>
+                                    <option value="South-Korea">South Korea</option>
+                                    <option value="Spain">Spain</option>
+                                    <option value="Sri-Lanka">Sri Lanka</option>
+                                    <option value="Sudan">Sudan</option>
+                                    <option value="Suriname">Suriname</option>
+                                    <option value="Swaziland">Swaziland</option>
+                                    <option value="Switzerland">Switzerland</option>
+                                    <option value="Syria">Syria</option>
+                                    <option value="Sao-Tome-and-Principe">São Tomé &amp; Príncipe</option>
+                                    <option value="Tajikistan">Tajikistan</option>
+                                    <option value="Tanzania">Tanzania</option>
+                                    <option value="Thailand">Thailand</option>
+                                    <option value="Timor-Leste">Timor-Leste</option>
+                                    <option value="Togo">Togo</option>
+                                    <option value="Tonga">Tonga</option>
+                                    <option value="Trinidad-and-Tobago">Trinidad &amp; Tobago</option>
+                                    <option value="Tunisia">Tunisia</option>
+                                    <option value="Turkey">Turkey</option>
+                                    <option value="Turkmenistan">Turkmenistan</option>
+                                    <option value="Uganda">Uganda</option>
+                                    <option value="Ukraine">Ukraine</option>
+                                    <option value="UAE">United Arab Emirates</option>
+                                    <option value="Uruguay">Uruguay</option>
+                                    <option value="Uzbekistan">Uzbekistan</option>
+                                    <option value="Vanuatu">Vanuatu</option>
+                                    <option value="Venezuela">Venezuela</option>
+                                    <option value="Vietnam">Vietnam</option>
+                                    <option value="Yemen">Yemen</option>
+                                    <option value="Zambia">Zambia</option>
+                                    <option value="Zimbabwe">Zimbabwe</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="mt-8">
+                    <div class="table-responsive">
+                        <table>
+                            <thead>
+                                <tr>
+                                    <th>Item</th>
+                                    <th class="w-1">Quantity</th>
+                                    <th class="w-1">Price</th>
+                                    <th>Total</th>
+                                    <th class="w-1"></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <template x-if="items.length <= 0">
+                                    <tr>
+                                        <td colspan="5" class="!text-center font-semibold">No Item Available</td>
+                                    </tr>
+                                </template>
+                                <template x-for="(item, i) in items" :key="i">
+                                    <tr class="align-top border-b border-[#e0e6ed] dark:border-[#1b2e4b]">
+                                        <td>
+                                            <input type="text" class="form-input min-w-[200px]"
+                                                placeholder="Enter Item Name" x-model="item.title" />
+                                            <textarea class="form-textarea mt-4" placeholder="Enter Description" x-model="item.description"></textarea>
+                                        </td>
+                                        <td><input type="number" class="form-input w-32" placeholder="Quantity"
+                                                x-model="item.quantity" min="0" /></td>
+                                        <td><input type="number" class="form-input w-32" placeholder="Price"
+                                                x-model="item.amount" min="0" /></td>
+                                        <td x-text="`$${item.amount * item.quantity}`"></td>
+                                        <td>
+                                            <button type="button" @click="removeItem(item)">
+
+                                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
+                                                    class="w-5 h-5">
+                                                    <line x1="18" y1="6" x2="6"
+                                                        y2="18"></line>
+                                                    <line x1="6" y1="6" x2="18"
+                                                        y2="18"></line>
+                                                </svg>
+                                            </button>
+                                        </td>
+                                    </tr>
+                                </template>
+                            </tbody>
+                        </table>
+                    </div>
+                    <div class="flex justify-between sm:flex-row flex-col mt-6 px-4">
+                        <div class="sm:mb-0 mb-6">
+                            <button type="button" class="btn btn-primary" @click="addItem()">Add Item</button>
+                        </div>
+                        <div class="sm:w-2/5">
+                            <div class="flex items-center justify-between">
+                                <div>Subtotal</div>
+                                <div>$0.00</div>
+                            </div>
+                            <div class="flex items-center justify-between mt-4">
+                                <div>Tax(%)</div>
+                                <div>0%</div>
+                            </div>
+                            <div class="flex items-center justify-between mt-4">
+                                <div>Shipping Rate($)</div>
+                                <div>$0.00</div>
+                            </div>
+                            <div class="flex items-center justify-between mt-4">
+                                <div>Discount(%)</div>
+                                <div>0%</div>
+                            </div>
+                            <div class="flex items-center justify-between mt-4 font-semibold">
+                                <div>Total</div>
+                                <div>$0.00</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="mt-8 px-4">
+                    <div>
+                        <label for="notes">Notes</label>
+                        <textarea id="notes" name="notes" class="form-textarea min-h-[130px]" placeholder="Notes...."
+                            x-model="params.notes"></textarea>
+                    </div>
+                </div>
+            </div>
+            <div class="xl:w-96 w-full xl:mt-0 mt-6">
+                <div class="panel mb-5">
+                    <div>
+                        <label for="currency">Currency</label>
+                        <select id="currency" name="currency" class="form-select" x-model="selectedCurrency">
+                            <template x-for="(currency, i) in currencyList" :key="i">
+                                <option :value="currency" x-text="currency"></option>
+                            </template>
+                        </select>
+                    </div>
+                    <div class="mt-4">
+                        <div class="grid sm:grid-cols-2 grid-cols-1 gap-4">
+                            <div>
+                                <label for="tax">Tax(%) </label>
+                                <input id="tax" type="number" name="tax" class="form-input"
+                                    placeholder="Tax" x-model="tax" />
+                            </div>
+                            <div>
+                                <label for="discount">Discount(%) </label>
+                                <input id="discount" type="number" name="discount" class="form-input"
+                                    placeholder="Discount" x-model="discount" />
+                            </div>
+                        </div>
+                    </div>
+                    <div class="mt-4">
+                        <div>
+                            <label for="shipping-charge">Shipping Charge($) </label>
+                            <input id="shipping-charge" type="number" name="shipping-charge" class="form-input"
+                                placeholder="Shipping Charge" x-model="shippingCharge" />
+                        </div>
+                    </div>
+                    <div class="mt-4">
+                        <label for="payment-method">Accept Payment Via</label>
+                        <select id="payment-method" name="payment-method" class="form-select"
+                            x-model="paymentMethod">
+                            <option value="">Select Payment</option>
+                            <option value="bank">Bank Account</option>
+                            <option value="paypal">Paypal</option>
+                            <option value="upi">UPI Transfer</option>
+                        </select>
+                    </div>
+                </div>
+                <div class="panel">
+                    <div class="grid xl:grid-cols-1 lg:grid-cols-4 sm:grid-cols-2 grid-cols-1 gap-4">
+                        <button type="button" class="btn btn-success w-full gap-2">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                <path
+                                    d="M3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 11.6585 22 11.4878 21.9848 11.3142C21.9142 10.5049 21.586 9.71257 21.0637 9.09034C20.9516 8.95687 20.828 8.83317 20.5806 8.58578L15.4142 3.41944C15.1668 3.17206 15.0431 3.04835 14.9097 2.93631C14.2874 2.414 13.4951 2.08581 12.6858 2.01515C12.5122 2 12.3415 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M17 22V21C17 19.1144 17 18.1716 16.4142 17.5858C15.8284 17 14.8856 17 13 17H11C9.11438 17 8.17157 17 7.58579 17.5858C7 18.1716 7 19.1144 7 21V22"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5" d="M7 8H13" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                            </svg>
+                            Save </button>
+
+                        <button type="button" class="btn btn-info w-full gap-2">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                <path
+                                    d="M17.4975 18.4851L20.6281 9.09373C21.8764 5.34874 22.5006 3.47624 21.5122 2.48782C20.5237 1.49939 18.6511 2.12356 14.906 3.37189L5.57477 6.48218C3.49295 7.1761 2.45203 7.52305 2.13608 8.28637C2.06182 8.46577 2.01692 8.65596 2.00311 8.84963C1.94433 9.67365 2.72018 10.4495 4.27188 12.0011L4.55451 12.2837C4.80921 12.5384 4.93655 12.6658 5.03282 12.8075C5.22269 13.0871 5.33046 13.4143 5.34393 13.7519C5.35076 13.9232 5.32403 14.1013 5.27057 14.4574C5.07488 15.7612 4.97703 16.4131 5.0923 16.9147C5.32205 17.9146 6.09599 18.6995 7.09257 18.9433C7.59255 19.0656 8.24576 18.977 9.5522 18.7997L9.62363 18.79C9.99191 18.74 10.1761 18.715 10.3529 18.7257C10.6738 18.745 10.9838 18.8496 11.251 19.0285C11.3981 19.1271 11.5295 19.2585 11.7923 19.5213L12.0436 19.7725C13.5539 21.2828 14.309 22.0379 15.1101 21.9985C15.3309 21.9877 15.5479 21.9365 15.7503 21.8474C16.4844 21.5244 16.8221 20.5113 17.4975 18.4851Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5" d="M6 18L21 3" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                            </svg>
+                            Send Invoice </button>
+
+                        <a href="/apps/invoice/preview" class="btn btn-primary w-full gap-2">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                <path opacity="0.5"
+                                    d="M3.27489 15.2957C2.42496 14.1915 2 13.6394 2 12C2 10.3606 2.42496 9.80853 3.27489 8.70433C4.97196 6.49956 7.81811 4 12 4C16.1819 4 19.028 6.49956 20.7251 8.70433C21.575 9.80853 22 10.3606 22 12C22 13.6394 21.575 14.1915 20.7251 15.2957C19.028 17.5004 16.1819 20 12 20C7.81811 20 4.97196 17.5004 3.27489 15.2957Z"
+                                    stroke="currentColor" stroke-width="1.5"></path>
+                                <path
+                                    d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z"
+                                    stroke="currentColor" stroke-width="1.5"></path>
+                            </svg>
+                            Preview </a>
+
+                        <button type="button" class="btn btn-secondary w-full gap-2">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                <path opacity="0.5"
+                                    d="M17 9.00195C19.175 9.01406 20.3529 9.11051 21.1213 9.8789C22 10.7576 22 12.1718 22 15.0002V16.0002C22 18.8286 22 20.2429 21.1213 21.1215C20.2426 22.0002 18.8284 22.0002 16 22.0002H8C5.17157 22.0002 3.75736 22.0002 2.87868 21.1215C2 20.2429 2 18.8286 2 16.0002L2 15.0002C2 12.1718 2 10.7576 2.87868 9.87889C3.64706 9.11051 4.82497 9.01406 7 9.00195"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                <path d="M12 2L12 15M12 15L9 11.5M12 15L15 11.5" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                            </svg>
+                            Download </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data('invoiceAdd', () => ({
+                items: [],
+                selectedFile: null,
+                params: {
+                    title: '',
+                    invoiceNo: '',
+                    to: {
+                        name: '',
+                        email: '',
+                        address: '',
+                        phone: ''
+                    },
+
+                    invoiceDate: '',
+                    dueDate: '',
+                    bankInfo: {
+                        no: '',
+                        name: '',
+                        swiftCode: '',
+                        country: '',
+                        ibanNo: ''
+                    },
+                    notes: '',
+                },
+                currencyList: [
+                    'USD - US Dollar',
+                    'GBP - British Pound',
+                    'IDR - Indonesian Rupiah',
+                    'INR - Indian Rupee',
+                    'BRL - Brazilian Real',
+                    'EUR - Germany (Euro)',
+                    'TRY - Turkish Lira',
+                ],
+                selectedCurrency: 'USD - US Dollar',
+                tax: null,
+                discount: null,
+                shippingCharge: null,
+                paymentMethod: '',
+
+                init() {
+                    //set default data
+                    this.items.push({
+                        id: 1,
+                        title: '',
+                        description: '',
+                        rate: 0,
+                        quantity: 0,
+                        amount: 0
+                    });
+                },
+
+                addItem() {
+                    let maxId = 0;
+                    if (this.items && this.items.length) {
+                        maxId = this.items.reduce((max, character) => (character.id > max ? character
+                            .id : max), this.items[0].id);
+                    }
+                    this.items.push({
+                        id: maxId + 1,
+                        title: '',
+                        description: '',
+                        rate: 0,
+                        quantity: 0,
+                        amount: 0
+                    });
+                },
+
+                removeItem(item) {
+                    this.items = this.items.filter((d) => d.id != item.id);
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/apps/invoice/edit.blade.php b/resources/views/apps/invoice/edit.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..d4a440606f882b3c570bd5f3574f5439d62237f1
--- /dev/null
+++ b/resources/views/apps/invoice/edit.blade.php
@@ -0,0 +1,571 @@
+<x-layout.default>
+
+
+    <div x-data="invoiceEdit">
+        <div class="flex xl:flex-row flex-col gap-2.5">
+            <div class="panel px-0 flex-1 py-6 ltr:xl:mr-6 rtl:xl:ml-6">
+                <div class="flex justify-between flex-wrap px-4">
+                    <div class="mb-6 lg:w-1/2 w-full">
+                        <div class="flex items-center text-black dark:text-white shrink-0">
+                            <img src="/assets/images/logo.svg" alt="image" class="w-14" />
+                        </div>
+                        <div class="space-y-1 mt-6 text-gray-500 dark:text-gray-400">
+                            <div>13 Tetrick Road, Cypress Gardens, Florida, 33884, US</div>
+                            <div>vristo@gmail.com</div>
+                            <div>+1 (070) 123-4567</div>
+                        </div>
+                    </div>
+                    <div class="lg:w-1/2 w-full lg:max-w-fit">
+                        <div class="flex items-center">
+                            <label for="number" class="flex-1 ltr:mr-2 rtl:ml-2 mb-0">Invoice Number</label>
+                            <input id="number" type="text" name="inv-num" class="form-input lg:w-[250px] w-2/3"
+                                placeholder="#8801" x-model="params.invoiceNo" />
+                        </div>
+                        <div class="flex items-center mt-4">
+                            <label for="invoiceLabel" class="flex-1 ltr:mr-2 rtl:ml-2 mb-0">Invoice Label</label>
+                            <input id="invoiceLabel" type="text" name="inv-label"
+                                class="form-input lg:w-[250px] w-2/3" placeholder="Enter Invoice Label"
+                                x-model="params.title" />
+                        </div>
+                        <div class="flex items-center mt-4">
+                            <label for="startDate" class="flex-1 ltr:mr-2 rtl:ml-2 mb-0">Invoice Date</label>
+                            <input id="startDate" type="date" name="inv-date" class="form-input lg:w-[250px] w-2/3"
+                                x-model="params.invoiceDate" />
+                        </div>
+                        <div class="flex items-center mt-4">
+                            <label for="dueDate" class="flex-1 ltr:mr-2 rtl:ml-2 mb-0">Due Date</label>
+                            <input id="dueDate" type="date" name="due-date" class="form-input lg:w-[250px] w-2/3"
+                                x-model="params.dueDate" />
+                        </div>
+                    </div>
+                </div>
+                <hr class="border-[#e0e6ed] dark:border-[#1b2e4b] my-6">
+                <div class="mt-8 px-4">
+                    <div class="flex justify-between lg:flex-row flex-col">
+                        <div class="lg:w-1/2 w-full ltr:lg:mr-6 rtl:lg:ml-6 mb-6">
+                            <div class="text-lg font-semibold">Bill To</div>
+                            <div class="mt-4 flex items-center">
+                                <label for="reciever-name" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">Name</label>
+                                <input id="reciever-name" type="text" name="reciever-name" class="form-input flex-1"
+                                    x-model="params.to.name" placeholder="Enter Name" />
+                            </div>
+                            <div class="mt-4 flex items-center">
+                                <label for="reciever-email" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">Email</label>
+                                <input id="reciever-email" type="email" name="reciever-email"
+                                    class="form-input flex-1" x-model="params.to.email" placeholder="Enter Email" />
+                            </div>
+                            <div class="mt-4 flex items-center">
+                                <label for="reciever-address" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">Address</label>
+                                <input id="reciever-address" type="text" name="reciever-address"
+                                    class="form-input flex-1" x-model="params.to.address" placeholder="Enter Address" />
+                            </div>
+                            <div class="mt-4 flex items-center">
+                                <label for="reciever-number" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">Phone Number</label>
+                                <input id="reciever-number" type="text" name="reciever-number"
+                                    class="form-input flex-1" x-model="params.to.phone"
+                                    placeholder="Enter Phone number" />
+                            </div>
+                        </div>
+                        <div class="lg:w-1/2 w-full">
+                            <div class="text-lg font-semibold">Payment Details</div>
+                            <div class="flex items-center mt-4">
+                                <label for="acno" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">Account Number</label>
+                                <input id="acno" type="text" name="acno" class="form-input flex-1"
+                                    x-model="params.bankInfo.no" placeholder="Enter Account Number" />
+                            </div>
+                            <div class="flex items-center mt-4">
+                                <label for="bank-name" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">Bank Name</label>
+                                <input id="bank-name" type="text" name="bank-name" class="form-input flex-1"
+                                    x-model="params.bankInfo.name" placeholder="Enter Bank Name" />
+                            </div>
+                            <div class="flex items-center mt-4">
+                                <label for="swift-code" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">SWIFT Number</label>
+                                <input id="swift-code" type="text" name="swift-code" class="form-input flex-1"
+                                    x-model="params.bankInfo.swiftCode" placeholder="Enter SWIFT Number" />
+                            </div>
+                            <div class="flex items-center mt-4">
+                                <label for="iban-code" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">IBAN Number</label>
+                                <input id="iban-code" type="text" name="iban-code" class="form-input flex-1"
+                                    x-model="params.bankInfo.ibanNo" placeholder="Enter IBAN Number" />
+                            </div>
+                            <div class="flex items-center mt-4">
+                                <label for="country" class="ltr:mr-2 rtl:ml-2 w-1/3 mb-0">Country</label>
+                                <select id="country" name="country" class="form-select flex-1"
+                                    x-model="params.bankInfo.country">
+                                    <option value="">Choose Country</option>
+                                    <option value="United States">United States</option>
+                                    <option value="United Kingdom">United Kingdom</option>
+                                    <option value="Canada">Canada</option>
+                                    <option value="Australia">Australia</option>
+                                    <option value="Germany">Germany</option>
+                                    <option value="Sweden">Sweden</option>
+                                    <option value="Denmark">Denmark</option>
+                                    <option value="Norway">Norway</option>
+                                    <option value="New-Zealand">New Zealand</option>
+                                    <option value="Afghanistan">Afghanistan</option>
+                                    <option value="Albania">Albania</option>
+                                    <option value="Algeria">Algeria</option>
+                                    <option value="American-Samoa">Andorra</option>
+                                    <option value="Angola">Angola</option>
+                                    <option value="Antigua Barbuda">Antigua &amp; Barbuda</option>
+                                    <option value="Argentina">Argentina</option>
+                                    <option value="Armenia">Armenia</option>
+                                    <option value="Aruba">Aruba</option>
+                                    <option value="Austria">Austria</option>
+                                    <option value="Azerbaijan">Azerbaijan</option>
+                                    <option value="Bahamas">Bahamas</option>
+                                    <option value="Bahrain">Bahrain</option>
+                                    <option value="Bangladesh">Bangladesh</option>
+                                    <option value="Barbados">Barbados</option>
+                                    <option value="Belarus">Belarus</option>
+                                    <option value="Belgium">Belgium</option>
+                                    <option value="Belize">Belize</option>
+                                    <option value="Benin">Benin</option>
+                                    <option value="Bermuda">Bermuda</option>
+                                    <option value="Bhutan">Bhutan</option>
+                                    <option value="Bolivia">Bolivia</option>
+                                    <option value="Bosnia">Bosnia &amp; Herzegovina</option>
+                                    <option value="Botswana">Botswana</option>
+                                    <option value="Brazil">Brazil</option>
+                                    <option value="British">British Virgin Islands</option>
+                                    <option value="Brunei">Brunei</option>
+                                    <option value="Bulgaria">Bulgaria</option>
+                                    <option value="Burkina">Burkina Faso</option>
+                                    <option value="Burundi">Burundi</option>
+                                    <option value="Cambodia">Cambodia</option>
+                                    <option value="Cameroon">Cameroon</option>
+                                    <option value="Cape">Cape Verde</option>
+                                    <option value="Cayman">Cayman Islands</option>
+                                    <option value="Central-African">Central African Republic</option>
+                                    <option value="Chad">Chad</option>
+                                    <option value="Chile">Chile</option>
+                                    <option value="China">China</option>
+                                    <option value="Colombia">Colombia</option>
+                                    <option value="Comoros">Comoros</option>
+                                    <option value="Costa-Rica">Costa Rica</option>
+                                    <option value="Croatia">Croatia</option>
+                                    <option value="Cuba">Cuba</option>
+                                    <option value="Cyprus">Cyprus</option>
+                                    <option value="Czechia">Czechia</option>
+                                    <option value="Côte">Côte d'Ivoire</option>
+                                    <option value="Djibouti">Djibouti</option>
+                                    <option value="Dominica">Dominica</option>
+                                    <option value="Dominican">Dominican Republic</option>
+                                    <option value="Ecuador">Ecuador</option>
+                                    <option value="Egypt">Egypt</option>
+                                    <option value="El-Salvador">El Salvador</option>
+                                    <option value="Equatorial-Guinea">Equatorial Guinea</option>
+                                    <option value="Eritrea">Eritrea</option>
+                                    <option value="Estonia">Estonia</option>
+                                    <option value="Ethiopia">Ethiopia</option>
+                                    <option value="Fiji">Fiji</option>
+                                    <option value="Finland">Finland</option>
+                                    <option value="France">France</option>
+                                    <option value="Gabon">Gabon</option>
+                                    <option value="Georgia">Georgia</option>
+                                    <option value="Ghana">Ghana</option>
+                                    <option value="Greece">Greece</option>
+                                    <option value="Grenada">Grenada</option>
+                                    <option value="Guatemala">Guatemala</option>
+                                    <option value="Guernsey">Guernsey</option>
+                                    <option value="Guinea">Guinea</option>
+                                    <option value="Guinea-Bissau">Guinea-Bissau</option>
+                                    <option value="Guyana">Guyana</option>
+                                    <option value="Haiti">Haiti</option>
+                                    <option value="Honduras">Honduras</option>
+                                    <option value="Hong-Kong">Hong Kong SAR China</option>
+                                    <option value="Hungary">Hungary</option>
+                                    <option value="Iceland">Iceland</option>
+                                    <option value="India">India</option>
+                                    <option value="Indonesia">Indonesia</option>
+                                    <option value="Iran">Iran</option>
+                                    <option value="Iraq">Iraq</option>
+                                    <option value="Ireland">Ireland</option>
+                                    <option value="Israel">Israel</option>
+                                    <option value="Italy">Italy</option>
+                                    <option value="Jamaica">Jamaica</option>
+                                    <option value="Japan">Japan</option>
+                                    <option value="Jordan">Jordan</option>
+                                    <option value="Kazakhstan">Kazakhstan</option>
+                                    <option value="Kenya">Kenya</option>
+                                    <option value="Kuwait">Kuwait</option>
+                                    <option value="Kyrgyzstan">Kyrgyzstan</option>
+                                    <option value="Laos">Laos</option>
+                                    <option value="Latvia">Latvia</option>
+                                    <option value="Lebanon">Lebanon</option>
+                                    <option value="Lesotho">Lesotho</option>
+                                    <option value="Liberia">Liberia</option>
+                                    <option value="Libya">Libya</option>
+                                    <option value="Liechtenstein">Liechtenstein</option>
+                                    <option value="Lithuania">Lithuania</option>
+                                    <option value="Luxembourg">Luxembourg</option>
+                                    <option value="Macedonia">Macedonia</option>
+                                    <option value="Madagascar">Madagascar</option>
+                                    <option value="Malawi">Malawi</option>
+                                    <option value="Malaysia">Malaysia</option>
+                                    <option value="Maldives">Maldives</option>
+                                    <option value="Mali">Mali</option>
+                                    <option value="Malta">Malta</option>
+                                    <option value="Mauritania">Mauritania</option>
+                                    <option value="Mauritius">Mauritius</option>
+                                    <option value="Mexico">Mexico</option>
+                                    <option value="Moldova">Moldova</option>
+                                    <option value="Monaco">Monaco</option>
+                                    <option value="Mongolia">Mongolia</option>
+                                    <option value="Montenegro">Montenegro</option>
+                                    <option value="Morocco">Morocco</option>
+                                    <option value="Mozambique">Mozambique</option>
+                                    <option value="Myanmar">Myanmar (Burma)</option>
+                                    <option value="Namibia">Namibia</option>
+                                    <option value="Nepal">Nepal</option>
+                                    <option value="Netherlands">Netherlands</option>
+                                    <option value="Nicaragua">Nicaragua</option>
+                                    <option value="Niger">Niger</option>
+                                    <option value="Nigeria">Nigeria</option>
+                                    <option value="North-Korea">North Korea</option>
+                                    <option value="Oman">Oman</option>
+                                    <option value="Pakistan">Pakistan</option>
+                                    <option value="Palau">Palau</option>
+                                    <option value="Palestinian">Palestinian Territories</option>
+                                    <option value="Panama">Panama</option>
+                                    <option value="Papua">Papua New Guinea</option>
+                                    <option value="Paraguay">Paraguay</option>
+                                    <option value="Peru">Peru</option>
+                                    <option value="Philippines">Philippines</option>
+                                    <option value="Poland">Poland</option>
+                                    <option value="Portugal">Portugal</option>
+                                    <option value="Puerto">Puerto Rico</option>
+                                    <option value="Qatar">Qatar</option>
+                                    <option value="Romania">Romania</option>
+                                    <option value="Russia">Russia</option>
+                                    <option value="Rwanda">Rwanda</option>
+                                    <option value="Réunion">Réunion</option>
+                                    <option value="Samoa">Samoa</option>
+                                    <option value="San-Marino">San Marino</option>
+                                    <option value="Saudi-Arabia">Saudi Arabia</option>
+                                    <option value="Senegal">Senegal</option>
+                                    <option value="Serbia">Serbia</option>
+                                    <option value="Seychelles">Seychelles</option>
+                                    <option value="Sierra-Leone">Sierra Leone</option>
+                                    <option value="Singapore">Singapore</option>
+                                    <option value="Slovakia">Slovakia</option>
+                                    <option value="Slovenia">Slovenia</option>
+                                    <option value="Solomon-Islands">Solomon Islands</option>
+                                    <option value="Somalia">Somalia</option>
+                                    <option value="South-Africa">South Africa</option>
+                                    <option value="South-Korea">South Korea</option>
+                                    <option value="Spain">Spain</option>
+                                    <option value="Sri-Lanka">Sri Lanka</option>
+                                    <option value="Sudan">Sudan</option>
+                                    <option value="Suriname">Suriname</option>
+                                    <option value="Swaziland">Swaziland</option>
+                                    <option value="Switzerland">Switzerland</option>
+                                    <option value="Syria">Syria</option>
+                                    <option value="Sao-Tome-and-Principe">São Tomé &amp; Príncipe</option>
+                                    <option value="Tajikistan">Tajikistan</option>
+                                    <option value="Tanzania">Tanzania</option>
+                                    <option value="Thailand">Thailand</option>
+                                    <option value="Timor-Leste">Timor-Leste</option>
+                                    <option value="Togo">Togo</option>
+                                    <option value="Tonga">Tonga</option>
+                                    <option value="Trinidad-and-Tobago">Trinidad &amp; Tobago</option>
+                                    <option value="Tunisia">Tunisia</option>
+                                    <option value="Turkey">Turkey</option>
+                                    <option value="Turkmenistan">Turkmenistan</option>
+                                    <option value="Uganda">Uganda</option>
+                                    <option value="Ukraine">Ukraine</option>
+                                    <option value="UAE">United Arab Emirates</option>
+                                    <option value="Uruguay">Uruguay</option>
+                                    <option value="Uzbekistan">Uzbekistan</option>
+                                    <option value="Vanuatu">Vanuatu</option>
+                                    <option value="Venezuela">Venezuela</option>
+                                    <option value="Vietnam">Vietnam</option>
+                                    <option value="Yemen">Yemen</option>
+                                    <option value="Zambia">Zambia</option>
+                                    <option value="Zimbabwe">Zimbabwe</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="mt-8">
+                    <template x-if="items">
+                        <div class="table-responsive">
+                            <table>
+                                <thead>
+                                    <tr>
+                                        <th>Item</th>
+                                        <th class="w-1">Quantity</th>
+                                        <th class="w-1">Price</th>
+                                        <th>Total</th>
+                                        <th class="w-1"></th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <template x-if="items.length <= 0">
+                                        <tr>
+                                            <td colspan="5" class="!text-center font-semibold">No Item Available
+                                            </td>
+                                        </tr>
+                                    </template>
+                                    <template x-for="(item, i) in items" :key="i">
+                                        <tr class="align-top border-b border-[#e0e6ed] dark:border-[#1b2e4b]">
+                                            <td>
+                                                <input type="text" class="form-input min-w-[200px]"
+                                                    placeholder="Enter Item Name" x-model="item.title" />
+                                                <textarea class="form-textarea mt-4" placeholder="Enter Description" x-model="item.description"></textarea>
+                                            </td>
+                                            <td><input type="number" class="form-input w-32" placeholder="Quantity"
+                                                    x-model="item.quantity" min="0" /></td>
+                                            <td><input type="number" class="form-input w-32" placeholder="Price"
+                                                    x-model="item.amount" min="0" /></td>
+                                            <td x-text="`$${item.amount * item.quantity}`"></td>
+                                            <td>
+                                                <button type="button" @click="removeItem(item)">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-5 h-5">
+                                                        <line x1="18" y1="6" x2="6"
+                                                            y2="18"></line>
+                                                        <line x1="6" y1="6" x2="18"
+                                                            y2="18"></line>
+                                                    </svg>
+                                                </button>
+                                            </td>
+                                        </tr>
+                                    </template>
+                                </tbody>
+                            </table>
+                        </div>
+                    </template>
+
+                    <div class="flex justify-between sm:flex-row flex-col mt-6 px-4">
+                        <div class="sm:mb-0 mb-6">
+                            <button type="button" class="btn btn-primary" @click="addItem()">Add Item</button>
+                        </div>
+                        <div class="sm:w-2/5">
+                            <div class="flex items-center justify-between">
+                                <div>Subtotal</div>
+                                <div>$265.00</div>
+                            </div>
+                            <div class="flex items-center justify-between mt-4">
+                                <div>Tax(%)</div>
+                                <div>0%</div>
+                            </div>
+                            <div class="flex items-center justify-between mt-4">
+                                <div>Shipping Rate($)</div>
+                                <div>$0.00</div>
+                            </div>
+                            <div class="flex items-center justify-between mt-4">
+                                <div>Discount(%)</div>
+                                <div>0%</div>
+                            </div>
+                            <div class="flex items-center justify-between mt-4 font-semibold">
+                                <div>Total</div>
+                                <div>$265.00</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="mt-8 px-4">
+                    <div>
+                        <label for="notes">Notes</label>
+                        <textarea id="notes" name="notes" class="form-textarea min-h-[130px]" placeholder="Notes...."
+                            x-model="params.notes"></textarea>
+                    </div>
+                </div>
+            </div>
+            <div class="xl:w-96 w-full xl:mt-0 mt-6">
+                <div class="panel mb-5">
+                    <div>
+                        <label for="currency">Currency</label>
+                        <select id="currency" name="currency" class="form-select" x-model="selectedCurrency">
+                            <template x-for="(currency, i) in currencyList" :key="i">
+                                <option :value="currency" x-text="currency"></option>
+                            </template>
+                        </select>
+                    </div>
+                    <div class="mt-4">
+                        <div class="grid sm:grid-cols-2 grid-cols-1 gap-4">
+                            <div>
+                                <label for="tax">Tax(%) </label>
+                                <input id="tax" type="number" name="tax" class="form-input"
+                                    placeholder="Tax" x-model="tax" />
+                            </div>
+                            <div>
+                                <label for="discount">Discount(%) </label>
+                                <input id="discount" type="number" name="discount" class="form-input"
+                                    placeholder="Discount" x-model="discount" />
+                            </div>
+                        </div>
+                    </div>
+                    <div class="mt-4">
+                        <div>
+                            <label for="shipping-charge">Shipping Charge($) </label>
+                            <input id="shipping-charge" type="number" name="shipping-charge" class="form-input"
+                                placeholder="Shipping Charge" x-model="shippingCharge" />
+                        </div>
+                    </div>
+                    <div class="mt-4">
+                        <label for="payment-method">Accept Payment Via</label>
+                        <select id="payment-method" name="payment-method" class="form-select"
+                            x-model="paymentMethod">
+                            <option value="">Select Payment</option>
+                            <option value="bank">Bank Account</option>
+                            <option value="paypal">Paypal</option>
+                            <option value="upi">UPI Transfer</option>
+                        </select>
+                    </div>
+                </div>
+                <div class="panel">
+                    <div class="grid xl:grid-cols-1 lg:grid-cols-4 sm:grid-cols-2 grid-cols-1 gap-4">
+                        <button type="button" class="btn btn-success w-full gap-2">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                <path
+                                    d="M3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 11.6585 22 11.4878 21.9848 11.3142C21.9142 10.5049 21.586 9.71257 21.0637 9.09034C20.9516 8.95687 20.828 8.83317 20.5806 8.58578L15.4142 3.41944C15.1668 3.17206 15.0431 3.04835 14.9097 2.93631C14.2874 2.414 13.4951 2.08581 12.6858 2.01515C12.5122 2 12.3415 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M17 22V21C17 19.1144 17 18.1716 16.4142 17.5858C15.8284 17 14.8856 17 13 17H11C9.11438 17 8.17157 17 7.58579 17.5858C7 18.1716 7 19.1144 7 21V22"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5" d="M7 8H13" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                            </svg>
+                            Save </button>
+
+                        <button type="button" class="btn btn-info w-full gap-2">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                <path
+                                    d="M17.4975 18.4851L20.6281 9.09373C21.8764 5.34874 22.5006 3.47624 21.5122 2.48782C20.5237 1.49939 18.6511 2.12356 14.906 3.37189L5.57477 6.48218C3.49295 7.1761 2.45203 7.52305 2.13608 8.28637C2.06182 8.46577 2.01692 8.65596 2.00311 8.84963C1.94433 9.67365 2.72018 10.4495 4.27188 12.0011L4.55451 12.2837C4.80921 12.5384 4.93655 12.6658 5.03282 12.8075C5.22269 13.0871 5.33046 13.4143 5.34393 13.7519C5.35076 13.9232 5.32403 14.1013 5.27057 14.4574C5.07488 15.7612 4.97703 16.4131 5.0923 16.9147C5.32205 17.9146 6.09599 18.6995 7.09257 18.9433C7.59255 19.0656 8.24576 18.977 9.5522 18.7997L9.62363 18.79C9.99191 18.74 10.1761 18.715 10.3529 18.7257C10.6738 18.745 10.9838 18.8496 11.251 19.0285C11.3981 19.1271 11.5295 19.2585 11.7923 19.5213L12.0436 19.7725C13.5539 21.2828 14.309 22.0379 15.1101 21.9985C15.3309 21.9877 15.5479 21.9365 15.7503 21.8474C16.4844 21.5244 16.8221 20.5113 17.4975 18.4851Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5" d="M6 18L21 3" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                            </svg>
+                            Send Invoice </button>
+
+                        <a href="/apps/invoice/preview" class="btn btn-primary w-full gap-2">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                <path opacity="0.5"
+                                    d="M3.27489 15.2957C2.42496 14.1915 2 13.6394 2 12C2 10.3606 2.42496 9.80853 3.27489 8.70433C4.97196 6.49956 7.81811 4 12 4C16.1819 4 19.028 6.49956 20.7251 8.70433C21.575 9.80853 22 10.3606 22 12C22 13.6394 21.575 14.1915 20.7251 15.2957C19.028 17.5004 16.1819 20 12 20C7.81811 20 4.97196 17.5004 3.27489 15.2957Z"
+                                    stroke="currentColor" stroke-width="1.5"></path>
+                                <path
+                                    d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z"
+                                    stroke="currentColor" stroke-width="1.5"></path>
+                            </svg>
+                            Preview </a>
+
+                        <button type="button" class="btn btn-secondary w-full gap-2">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                <path opacity="0.5"
+                                    d="M17 9.00195C19.175 9.01406 20.3529 9.11051 21.1213 9.8789C22 10.7576 22 12.1718 22 15.0002V16.0002C22 18.8286 22 20.2429 21.1213 21.1215C20.2426 22.0002 18.8284 22.0002 16 22.0002H8C5.17157 22.0002 3.75736 22.0002 2.87868 21.1215C2 20.2429 2 18.8286 2 16.0002L2 15.0002C2 12.1718 2 10.7576 2.87868 9.87889C3.64706 9.11051 4.82497 9.01406 7 9.00195"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                <path d="M12 2L12 15M12 15L9 11.5M12 15L15 11.5" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                            </svg>
+                            Download </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data('invoiceEdit', () => ({
+                items: [],
+                selectedFile: null,
+                params: {
+                    title: 'Tailwind',
+                    invoiceNo: '#0001',
+                    to: {
+                        name: 'Jesse Cory',
+                        email: 'redq@company.com',
+                        address: '405 Mulberry Rd. Mc Grady, NC, 28649',
+                        phone: '(128) 666 070'
+                    },
+
+                    invoiceDate: new Date(),
+                    dueDate: '',
+                    bankInfo: {
+                        no: '1234567890',
+                        name: 'Bank of America',
+                        swiftCode: 'VS70134',
+                        country: 'United States',
+                        ibanNo: 'K456G'
+                    },
+                    notes: 'It was a pleasure working with you and your team. We hope you will keep us in mind for future freelance projects. Thank You!',
+                },
+                currencyList: [
+                    'USD - US Dollar',
+                    'GBP - British Pound',
+                    'IDR - Indonesian Rupiah',
+                    'INR - Indian Rupee',
+                    'BRL - Brazilian Real',
+                    'EUR - Germany (Euro)',
+                    'TRY - Turkish Lira',
+                ],
+                selectedCurrency: 'USD - US Dollar',
+                tax: 0,
+                discount: 0,
+                shippingCharge: 0,
+                paymentMethod: 'bank',
+
+                init() {
+                    //set default data
+                    this.items.push({
+                        id: 1,
+                        title: 'Calendar App Customization',
+                        description: 'Make Calendar App Dynamic',
+                        quantity: 2,
+                        amount: 120,
+                        isTax: false
+                    }, {
+                        id: 2,
+                        title: 'Chat App Customization',
+                        description: 'Customized Chat Application to resolve some Bug Fixes',
+                        quantity: 1,
+                        amount: 25,
+                        isTax: false,
+                    });
+
+                    let dt = new Date();
+                    const month = dt.getMonth() + 1 < 10 ? '0' + (dt.getMonth() + 1) : dt.getMonth() +
+                    1;
+                    let date = dt.getDate() < 10 ? '0' + dt.getDate() : dt.getDate();
+                    this.params.invoiceDate = dt.getFullYear() + '-' + month + '-' + date;
+                    this.params.dueDate = dt.getFullYear() + '-' + month + '-' + date;
+                },
+
+                addItem() {
+                    let maxId = 0;
+                    if (this.items && this.items.length) {
+                        maxId = this.items.reduce((max, character) => (character.id > max ? character
+                            .id : max), this.items[0].id);
+                    }
+                    this.items.push({
+                        id: maxId + 1,
+                        title: '',
+                        description: '',
+                        rate: 0,
+                        quantity: 0,
+                        amount: 0
+                    });
+                },
+
+                removeItem(item) {
+                    this.items = this.items.filter((d) => d.id != item.id);
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/apps/invoice/list.blade.php b/resources/views/apps/invoice/list.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..5e5efff15ee12034b1afdddb6c5905947a9c81ee
--- /dev/null
+++ b/resources/views/apps/invoice/list.blade.php
@@ -0,0 +1,381 @@
+<x-layout.default>
+
+
+    <div x-data="invoiceList">
+        <script src="/assets/js/simple-datatables.js"></script>
+
+
+        <div class="panel px-0 border-[#e0e6ed] dark:border-[#1b2e4b]">
+            <div class="px-5">
+                <div class="md:absolute md:top-5 ltr:md:left-5 rtl:md:right-5">
+                    <div class="flex items-center gap-2 mb-5">
+                        <button type="button" class="btn btn-danger gap-2" @click="deleteRow()">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                <path d="M20.5001 6H3.5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round"></path>
+                                <path
+                                    d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                <path opacity="0.5" d="M9.5 11L10 16" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round"></path>
+                                <path opacity="0.5" d="M14.5 11L14 16" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round"></path>
+                                <path opacity="0.5"
+                                    d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6"
+                                    stroke="currentColor" stroke-width="1.5"></path>
+                            </svg>
+                            Delete </button>
+                        <a href="/apps/invoice/add" class="btn btn-primary gap-2">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"
+                                fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="12" y1="5" x2="12" y2="19"></line>
+                                <line x1="5" y1="12" x2="19" y2="12"></line>
+                            </svg>
+                            Add New </a>
+                    </div>
+                </div>
+            </div>
+            <div class="invoice-table">
+                <table id="myTable" class="whitespace-nowrap"></table>
+            </div>
+
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data('invoiceList', () => ({
+                selectedRows: [],
+                items: [{
+                        id: 1,
+                        invoice: '081451',
+                        name: 'Laurie Fox',
+                        email: 'lauriefox@company.com',
+                        date: '15 Dec 2020',
+                        amount: '2275.45',
+                        status: 'Paid',
+                        action: 1,
+                    },
+                    {
+                        id: 2,
+                        invoice: '081452',
+                        name: 'Alexander Gray',
+                        email: 'alexGray3188@gmail.com',
+                        date: '20 Dec 2020',
+                        amount: '1044.00',
+                        status: 'Paid',
+                        action: 2,
+                    },
+                    {
+                        id: 3,
+                        invoice: '081681',
+                        name: 'James Taylor',
+                        email: 'jamestaylor468@gmail.com',
+                        date: '27 Dec 2020',
+                        amount: '20.00',
+                        status: 'Pending',
+                        action: 3,
+                    },
+                    {
+                        id: 4,
+                        invoice: '082693',
+                        name: 'Grace Roberts',
+                        email: 'graceRoberts@company.com',
+                        date: '31 Dec 2020',
+                        amount: '344.00',
+                        status: 'Paid',
+                        action: 4,
+                    },
+                    {
+                        id: 5,
+                        invoice: '084743',
+                        name: 'Donna Rogers',
+                        email: 'donnaRogers@hotmail.com',
+                        date: '03 Jan 2021',
+                        amount: '405.15',
+                        status: 'Paid',
+                        action: 5,
+                    },
+                    {
+                        id: 6,
+                        invoice: '086643',
+                        name: 'Amy Diaz',
+                        email: 'amy968@gmail.com',
+                        date: '14 Jan 2020',
+                        amount: '100.00',
+                        status: 'Paid',
+                        action: 6,
+                    },
+                    {
+                        id: 7,
+                        invoice: '086773',
+                        name: 'Nia Hillyer',
+                        email: 'niahillyer666@comapny.com',
+                        date: '20 Jan 2021',
+                        amount: '59.21',
+                        status: 'Pending',
+                        action: 7,
+                    },
+                    {
+                        id: 8,
+                        invoice: '087916',
+                        name: 'Mary McDonald',
+                        email: 'maryDonald007@gamil.com',
+                        date: '25 Jan 2021',
+                        amount: '79.00',
+                        status: 'Pending',
+                        action: 8,
+                    },
+                    {
+                        id: 9,
+                        invoice: '089472',
+                        name: 'Andy King',
+                        email: 'kingandy07@company.com',
+                        date: '28 Jan 2021',
+                        amount: '149.00',
+                        status: 'Paid',
+                        action: 9,
+                    },
+                    {
+                        id: 10,
+                        invoice: '091768',
+                        name: 'Vincent Carpenter',
+                        email: 'vincentcarpenter@gmail.com',
+                        date: '30 Jan 2021',
+                        amount: '400',
+                        status: 'Paid',
+                        action: 10,
+                    },
+                    {
+                        id: 11,
+                        invoice: '095841',
+                        name: 'Kelly Young',
+                        email: 'youngkelly@hotmail.com',
+                        date: '06 Feb 2021',
+                        amount: '49.00',
+                        status: 'Pending',
+                        action: 11,
+                    },
+                    {
+                        id: 12,
+                        invoice: '098424',
+                        name: 'Alma Clarke',
+                        email: 'alma.clarke@gmail.com',
+                        date: '10 Feb 2021',
+                        amount: '234.40',
+                        status: 'Paid',
+                        action: 12,
+                    },
+                ],
+                searchText: '',
+                datatable: null,
+                dataArr: [],
+
+                init() {
+                    this.setTableData();
+                    this.initializeTable();
+                    this.$watch('items', value => {
+                        this.datatable.destroy()
+                        this.setTableData();
+                        this.initializeTable();
+                    });
+                    this.$watch('selectedRows', value => {
+                        this.datatable.destroy()
+                        this.setTableData();
+                        this.initializeTable();
+                    });
+                },
+
+                initializeTable() {
+                    this.datatable = new simpleDatatables.DataTable('#myTable', {
+                        data: {
+                            headings: [
+                                '<input type="checkbox" class="form-checkbox" :checked="checkAllCheckbox" :value="checkAllCheckbox" @change="checkAll($event.target.checked)"/>',
+                                "Invoice",
+                                "Name",
+                                "Email",
+                                "Date",
+                                "Amount",
+                                "Status",
+                                "Actions",
+                            ],
+                            data: this.dataArr
+                        },
+                        perPage: 10,
+                        perPageSelect: [10, 20, 30, 50, 100],
+                        columns: [{
+                                select: 0,
+                                sortable: false,
+                                render: function(data, cell, row) {
+                                    return `<input type="checkbox" class="form-checkbox mt-1" :id="'chk' + ${data}" :value="(${data})" x-model.number="selectedRows" />`;
+                                }
+                            },
+                            {
+                                select: 1,
+                                render: function(data, cell, row) {
+                                    return '<a href="/apps/invoice/preview" class="text-primary underline font-semibold hover:no-underline">#' +
+                                        data + '</a>';
+                                }
+                            },
+                            {
+                                select: 2,
+                                render: function(data, cell, row) {
+                                    return `<div class="flex items-center font-semibold"><div class="p-0.5 bg-white-dark/30 rounded-full w-max ltr:mr-2 rtl:ml-2"><img class="h-8 w-8 rounded-full object-cover" src="/assets/images/profile-${row.dataIndex + 1}.jpeg" /></div>${data}</div>`;
+                                }
+                            },
+                            {
+                                select: 5,
+                                render: function(data, cell, row) {
+                                    return '<div class="font-semibold">$' + data +
+                                        '</div>';
+                                }
+                            },
+                            {
+                                select: 6,
+                                render: function(data, cell, row) {
+                                    let styleClass = data == 'Paid' ?
+                                        'badge-outline-success' :
+                                        'badge-outline-danger';
+                                    return '<span class="badge ' + styleClass + '">' +
+                                        data + '</span>';
+                                },
+                            },
+                            {
+                                select: 7,
+                                sortable: false,
+                                render: function(data, cell, row) {
+                                    return `<div class="flex gap-4 items-center">
+                                                <a href="/apps/invoice/edit" class="hover:text-info">
+                                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5">
+                                                        <path
+                                                            opacity="0.5"
+                                                            d="M22 10.5V12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2H13.5"
+                                                            stroke="currentColor"
+                                                            stroke-width="1.5"
+                                                            stroke-linecap="round"
+                                                        ></path>
+                                                        <path
+                                                            d="M17.3009 2.80624L16.652 3.45506L10.6872 9.41993C10.2832 9.82394 10.0812 10.0259 9.90743 10.2487C9.70249 10.5114 9.52679 10.7957 9.38344 11.0965C9.26191 11.3515 9.17157 11.6225 8.99089 12.1646L8.41242 13.9L8.03811 15.0229C7.9492 15.2897 8.01862 15.5837 8.21744 15.7826C8.41626 15.9814 8.71035 16.0508 8.97709 15.9619L10.1 15.5876L11.8354 15.0091C12.3775 14.8284 12.6485 14.7381 12.9035 14.6166C13.2043 14.4732 13.4886 14.2975 13.7513 14.0926C13.9741 13.9188 14.1761 13.7168 14.5801 13.3128L20.5449 7.34795L21.1938 6.69914C22.2687 5.62415 22.2687 3.88124 21.1938 2.80624C20.1188 1.73125 18.3759 1.73125 17.3009 2.80624Z"
+                                                            stroke="currentColor"
+                                                            stroke-width="1.5"
+                                                        ></path>
+                                                        <path
+                                                            opacity="0.5"
+                                                            d="M16.6522 3.45508C16.6522 3.45508 16.7333 4.83381 17.9499 6.05034C19.1664 7.26687 20.5451 7.34797 20.5451 7.34797M10.1002 15.5876L8.4126 13.9"
+                                                            stroke="currentColor"
+                                                            stroke-width="1.5"
+                                                        ></path>
+                                                    </svg>
+                                                </a>
+                                                <a href="/apps/invoice/preview" class="hover:text-primary">
+                                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                        <path
+                                                            opacity="0.5"
+                                                            d="M3.27489 15.2957C2.42496 14.1915 2 13.6394 2 12C2 10.3606 2.42496 9.80853 3.27489 8.70433C4.97196 6.49956 7.81811 4 12 4C16.1819 4 19.028 6.49956 20.7251 8.70433C21.575 9.80853 22 10.3606 22 12C22 13.6394 21.575 14.1915 20.7251 15.2957C19.028 17.5004 16.1819 20 12 20C7.81811 20 4.97196 17.5004 3.27489 15.2957Z"
+                                                            stroke="currentColor"
+                                                            stroke-width="1.5"
+                                                        ></path>
+                                                        <path d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z" stroke="currentColor" stroke-width="1.5"></path>
+                                                    </svg>
+                                                </a>
+                                                <button type="button" class="hover:text-danger" @click="deleteRow(${data})">
+                                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                        <path d="M20.5001 6H3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                                        <path
+                                                            d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                                            stroke="currentColor"
+                                                            stroke-width="1.5"
+                                                            stroke-linecap="round"
+                                                        ></path>
+                                                        <path opacity="0.5" d="M9.5 11L10 16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                                        <path opacity="0.5" d="M14.5 11L14 16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                                        <path
+                                                            opacity="0.5"
+                                                            d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6"
+                                                            stroke="currentColor"
+                                                            stroke-width="1.5"
+                                                        ></path>
+                                                    </svg>
+                                                </button>
+                                            </div>`;
+                                }
+                            }
+                        ],
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        labels: {
+                            perPage: "<span class='ml-2'>{select}</span>",
+                            noRows: "No data available",
+                        },
+                        layout: {
+                            top: "{search}",
+                            bottom: "{info}{select}{pager}",
+                        },
+                    });
+                },
+
+                checkAllCheckbox() {
+                    if (this.items.length && this.selectedRows.length === this.items.length) {
+                        return true;
+                    } else {
+                        return false;
+                    }
+                },
+
+                checkAll(isChecked) {
+                    if (isChecked) {
+                        this.selectedRows = this.items.map((d) => {
+                            return d.id;
+                        });
+                    } else {
+                        this.selectedRows = [];
+                    }
+                },
+
+                setTableData() {
+                    this.dataArr = [];
+                    for (let i = 0; i < this.items.length; i++) {
+                        this.dataArr[i] = [];
+                        for (let p in this.items[i]) {
+                            if (this.items[i].hasOwnProperty(p)) {
+                                this.dataArr[i].push(this.items[i][p]);
+                            }
+                        }
+                    }
+                },
+
+                searchInvoice() {
+                    return this.items.filter((d) =>
+                        (d.invoice && d.invoice.toLowerCase().includes(this.searchText)) ||
+                        (d.name && d.name.toLowerCase().includes(this.searchText)) ||
+                        (d.email && d.email.toLowerCase().includes(this.searchText)) ||
+                        (d.date && d.date.toLowerCase().includes(this.searchText)) ||
+                        (d.amount && d.amount.toLowerCase().includes(this.searchText)) ||
+                        (d.status && d.status.toLowerCase().includes(this.searchText))
+                    );
+                },
+
+                deleteRow(item) {
+                    if (confirm('Are you sure want to delete selected row ?')) {
+                        if (item) {
+                            this.items = this.items.filter((d) => d.id != item);
+                            this.selectedRows = [];
+                        } else {
+                            this.items = this.items.filter((d) => !this.selectedRows.includes(d.id));
+                            this.selectedRows = [];
+                        }
+                    }
+                },
+
+
+            }))
+        })
+    </script>
+</x-layout.default>
diff --git a/resources/views/apps/invoice/preview.blade.php b/resources/views/apps/invoice/preview.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..afead51dea927b338a9e926c43e4106a99083bdc
--- /dev/null
+++ b/resources/views/apps/invoice/preview.blade.php
@@ -0,0 +1,257 @@
+<x-layout.default>
+
+
+    <div x-data="invoicePreview">
+        <div class="flex items-center lg:justify-end justify-center flex-wrap gap-4 mb-6">
+            <button type="button" class="btn btn-info gap-2">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                    class="w-5 h-5">
+                    <path
+                        d="M17.4975 18.4851L20.6281 9.09373C21.8764 5.34874 22.5006 3.47624 21.5122 2.48782C20.5237 1.49939 18.6511 2.12356 14.906 3.37189L5.57477 6.48218C3.49295 7.1761 2.45203 7.52305 2.13608 8.28637C2.06182 8.46577 2.01692 8.65596 2.00311 8.84963C1.94433 9.67365 2.72018 10.4495 4.27188 12.0011L4.55451 12.2837C4.80921 12.5384 4.93655 12.6658 5.03282 12.8075C5.22269 13.0871 5.33046 13.4143 5.34393 13.7519C5.35076 13.9232 5.32403 14.1013 5.27057 14.4574C5.07488 15.7612 4.97703 16.4131 5.0923 16.9147C5.32205 17.9146 6.09599 18.6995 7.09257 18.9433C7.59255 19.0656 8.24576 18.977 9.5522 18.7997L9.62363 18.79C9.99191 18.74 10.1761 18.715 10.3529 18.7257C10.6738 18.745 10.9838 18.8496 11.251 19.0285C11.3981 19.1271 11.5295 19.2585 11.7923 19.5213L12.0436 19.7725C13.5539 21.2828 14.309 22.0379 15.1101 21.9985C15.3309 21.9877 15.5479 21.9365 15.7503 21.8474C16.4844 21.5244 16.8221 20.5113 17.4975 18.4851Z"
+                        stroke="currentColor" stroke-width="1.5" />
+                    <path opacity="0.5" d="M6 18L21 3" stroke="currentColor" stroke-width="1.5"
+                        stroke-linecap="round" />
+                </svg>
+                Send Invoice </button>
+
+            <button type="button" class="btn btn-primary gap-2" @click="print">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                    class="w-5 h-5">
+                    <path
+                        d="M6 17.9827C4.44655 17.9359 3.51998 17.7626 2.87868 17.1213C2 16.2426 2 14.8284 2 12C2 9.17157 2 7.75736 2.87868 6.87868C3.75736 6 5.17157 6 8 6H16C18.8284 6 20.2426 6 21.1213 6.87868C22 7.75736 22 9.17157 22 12C22 14.8284 22 16.2426 21.1213 17.1213C20.48 17.7626 19.5535 17.9359 18 17.9827"
+                        stroke="currentColor" stroke-width="1.5" />
+                    <path opacity="0.5" d="M9 10H6" stroke="currentColor" stroke-width="1.5"
+                        stroke-linecap="round" />
+                    <path d="M19 14L5 14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    <path
+                        d="M18 14V16C18 18.8284 18 20.2426 17.1213 21.1213C16.2426 22 14.8284 22 12 22C9.17157 22 7.75736 22 6.87868 21.1213C6 20.2426 6 18.8284 6 16V14"
+                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    <path opacity="0.5"
+                        d="M17.9827 6C17.9359 4.44655 17.7626 3.51998 17.1213 2.87868C16.2427 2 14.8284 2 12 2C9.17158 2 7.75737 2 6.87869 2.87868C6.23739 3.51998 6.06414 4.44655 6.01733 6"
+                        stroke="currentColor" stroke-width="1.5" />
+                    <circle opacity="0.5" cx="17" cy="10" r="1" fill="currentColor" />
+                    <path opacity="0.5" d="M15 16.5H9" stroke="currentColor" stroke-width="1.5"
+                        stroke-linecap="round" />
+                    <path opacity="0.5" d="M13 19H9" stroke="currentColor" stroke-width="1.5"
+                        stroke-linecap="round" />
+                </svg>
+                Print </button>
+
+            <button type="button" class="btn btn-success gap-2">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                    class="w-5 h-5">
+                    <path opacity="0.5"
+                        d="M17 9.00195C19.175 9.01406 20.3529 9.11051 21.1213 9.8789C22 10.7576 22 12.1718 22 15.0002V16.0002C22 18.8286 22 20.2429 21.1213 21.1215C20.2426 22.0002 18.8284 22.0002 16 22.0002H8C5.17157 22.0002 3.75736 22.0002 2.87868 21.1215C2 20.2429 2 18.8286 2 16.0002L2 15.0002C2 12.1718 2 10.7576 2.87868 9.87889C3.64706 9.11051 4.82497 9.01406 7 9.00195"
+                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                    <path d="M12 2L12 15M12 15L9 11.5M12 15L15 11.5" stroke="currentColor" stroke-width="1.5"
+                        stroke-linecap="round" stroke-linejoin="round"></path>
+                </svg>
+                Download </button>
+
+            <a href="/apps/invoice/add" class="btn btn-secondary gap-2">
+                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" fill="none"
+                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
+                    class="w-5 h-5">
+                    <line x1="12" y1="5" x2="12" y2="19"></line>
+                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                </svg>
+                Create
+            </a>
+
+            <a href="/apps/invoice/edit" class="btn btn-warning gap-2">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                    <path opacity="0.5"
+                        d="M22 10.5V12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2H13.5"
+                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                    <path
+                        d="M17.3009 2.80624L16.652 3.45506L10.6872 9.41993C10.2832 9.82394 10.0812 10.0259 9.90743 10.2487C9.70249 10.5114 9.52679 10.7957 9.38344 11.0965C9.26191 11.3515 9.17157 11.6225 8.99089 12.1646L8.41242 13.9L8.03811 15.0229C7.9492 15.2897 8.01862 15.5837 8.21744 15.7826C8.41626 15.9814 8.71035 16.0508 8.97709 15.9619L10.1 15.5876L11.8354 15.0091C12.3775 14.8284 12.6485 14.7381 12.9035 14.6166C13.2043 14.4732 13.4886 14.2975 13.7513 14.0926C13.9741 13.9188 14.1761 13.7168 14.5801 13.3128L20.5449 7.34795L21.1938 6.69914C22.2687 5.62415 22.2687 3.88124 21.1938 2.80624C20.1188 1.73125 18.3759 1.73125 17.3009 2.80624Z"
+                        stroke="currentColor" stroke-width="1.5"></path>
+                    <path opacity="0.5"
+                        d="M16.6522 3.45508C16.6522 3.45508 16.7333 4.83381 17.9499 6.05034C19.1664 7.26687 20.5451 7.34797 20.5451 7.34797M10.1002 15.5876L8.4126 13.9"
+                        stroke="currentColor" stroke-width="1.5"></path>
+                </svg>
+                Edit </a>
+        </div>
+        <div class="panel">
+            <div class="flex justify-between flex-wrap gap-4 px-4">
+                <div class="text-2xl font-semibold uppercase">Invoice</div>
+                <div class="shrink-0">
+                    <img src="/assets/images/logo.svg" alt="image"
+                        class="w-14 ltr:ml-auto rtl:mr-auto" />
+                </div>
+            </div>
+            <div class="ltr:text-right rtl:text-left px-4">
+                <div class="space-y-1 mt-6 text-white-dark">
+                    <div>13 Tetrick Road, Cypress Gardens, Florida, 33884, US</div>
+                    <div>vristo@gmail.com</div>
+                    <div>+1 (070) 123-4567</div>
+                </div>
+            </div>
+
+            <hr class="border-[#e0e6ed] dark:border-[#1b2e4b] my-6">
+            <div class="flex justify-between lg:flex-row flex-col gap-6 flex-wrap">
+                <div class="flex-1">
+                    <div class="space-y-1 text-white-dark">
+                        <div>Issue For:</div>
+                        <div class="text-black dark:text-white font-semibold">John Doe</div>
+                        <div>405 Mulberry Rd. Mc Grady, NC, 28649</div>
+                        <div>redq@company.com</div>
+                        <div>(128) 666 070</div>
+                    </div>
+                </div>
+                <div class="flex justify-between sm:flex-row flex-col gap-6 lg:w-2/3">
+                    <div class="xl:1/3 lg:w-2/5 sm:w-1/2">
+                        <div class="flex items-center w-full justify-between mb-2">
+                            <div class="text-white-dark">Invoice :</div>
+                            <div>#8701</div>
+                        </div>
+                        <div class="flex items-center w-full justify-between mb-2">
+                            <div class="text-white-dark">Issue Date :</div>
+                            <div>13 Sep 2022</div>
+                        </div>
+                        <div class="flex items-center w-full justify-between mb-2">
+                            <div class="text-white-dark">Order ID :</div>
+                            <div>#OD-85794</div>
+                        </div>
+                        <div class="flex items-center w-full justify-between">
+                            <div class="text-white-dark">Shipment ID :</div>
+                            <div>#SHP-8594</div>
+                        </div>
+                    </div>
+                    <div class="xl:1/3 lg:w-2/5 sm:w-1/2">
+                        <div class="flex items-center w-full justify-between mb-2 ">
+                            <div class="text-white-dark">Bank Name:</div>
+                            <div class="whitespace-nowrap">Bank Of America</div>
+                        </div>
+                        <div class="flex items-center w-full justify-between mb-2">
+                            <div class="text-white-dark">Account Number:</div>
+                            <div>1234567890</div>
+                        </div>
+                        <div class="flex items-center w-full justify-between mb-2">
+                            <div class="text-white-dark">SWIFT Code:</div>
+                            <div>S58K796</div>
+                        </div>
+                        <div class="flex items-center w-full justify-between mb-2">
+                            <div class="text-white-dark">IBAN:</div>
+                            <div>L5698445485</div>
+                        </div>
+                        <div class="flex items-center w-full justify-between mb-2">
+                            <div class="text-white-dark">Country:</div>
+                            <div>United States</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="table-responsive mt-6">
+                <table class="table-striped">
+                    <thead>
+                        <tr>
+                            <template x-for="item in columns" :key="item.key">
+                                <th :class="[item.class]" x-text="item.label"></th>
+                            </template>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <template x-for="item in items" :key="item.id">
+                            <tr>
+                                <td x-text="item.id"></td>
+                                <td x-text="item.title"></td>
+                                <td x-text="item.quantity"></td>
+                                <td class="ltr:text-right rtl:text-left" x-text="`$${item.price}`"></td>
+                                <td class="ltr:text-right rtl:text-left" x-text="`$${item.amount}`"></td>
+                            </tr>
+                        </template>
+                    </tbody>
+                </table>
+            </div>
+            <div class="grid sm:grid-cols-2 grid-cols-1 px-4 mt-6">
+                <div></div>
+                <div class="ltr:text-right rtl:text-left space-y-2">
+                    <div class="flex items-center">
+                        <div class="flex-1">Subtotal</div>
+                        <div class="w-[37%]">$3255</div>
+                    </div>
+                    <div class="flex items-center">
+                        <div class="flex-1">Tax</div>
+                        <div class="w-[37%]">$700</div>
+                    </div>
+                    <div class="flex items-center">
+                        <div class="flex-1">Shipping Rate</div>
+                        <div class="w-[37%]">$0</div>
+                    </div>
+                    <div class="flex items-center">
+                        <div class="flex-1">Discount</div>
+                        <div class="w-[37%]">$10</div>
+                    </div>
+                    <div class="flex items-center font-semibold text-lg">
+                        <div class="flex-1">Grand Total</div>
+                        <div class="w-[37%]">$3945</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data('invoicePreview', () => ({
+                items: [{
+                        id: 1,
+                        title: 'Calendar App Customization',
+                        quantity: 1,
+                        price: '120',
+                        amount: '120'
+                    },
+                    {
+                        id: 2,
+                        title: 'Chat App Customization',
+                        quantity: 1,
+                        price: '230',
+                        amount: '230'
+                    },
+                    {
+                        id: 3,
+                        title: 'Laravel Integration',
+                        quantity: 1,
+                        price: '405',
+                        amount: '405'
+                    },
+                    {
+                        id: 4,
+                        title: 'Backend UI Design',
+                        quantity: 1,
+                        price: '2500',
+                        amount: '2500'
+                    },
+                ],
+                columns: [{
+                        key: 'id',
+                        label: 'S.NO'
+                    },
+                    {
+                        key: 'title',
+                        label: 'ITEMS'
+                    },
+                    {
+                        key: 'quantity',
+                        label: 'QTY'
+                    },
+                    {
+                        key: 'price',
+                        label: 'PRICE',
+                        class: 'ltr:text-right rtl:text-left'
+                    },
+                    {
+                        key: 'amount',
+                        label: 'AMOUNT',
+                        class: 'ltr:text-right rtl:text-left'
+                    },
+                ],
+
+                print() {
+                    window.print();
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/apps/mailbox.blade.php b/resources/views/apps/mailbox.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..a901f29cc56d70ad420e2d10b70ac8ce073878d5
--- /dev/null
+++ b/resources/views/apps/mailbox.blade.php
@@ -0,0 +1,2411 @@
+<x-layout.default>
+
+
+    <link rel="stylesheet" type="text/css" href="{{ Vite::asset('resources/css/quill.snow.css') }}" />
+    <script src="/assets/js/quill.js"></script>
+
+    <div x-data="mailbox">
+        <div class="flex gap-5 relative sm:h-[calc(100vh_-_150px)] h-full">
+            <div class="overlay bg-black/60 z-[5] w-full h-full absolute rounded-md hidden"
+                :class="{ '!block xl:!hidden': isShowMailMenu }" @click="isShowMailMenu = !isShowMailMenu"></div>
+            <div class="panel xl:block p-4 dark:gray-50 w-[250px] max-w-full flex-none space-y-3  xl:relative absolute z-10 xl:h-auto h-full hidden ltr:xl:rounded-r-md ltr:rounded-r-none rtl:xl:rounded-l-md rtl:rounded-l-none overflow-hidden "
+                :class="{ '!block': isShowMailMenu }">
+                <div class="flex flex-col h-full pb-16">
+                    <div class="pb-5">
+                        <button class="btn btn-primary w-full" type="button" @click="openMail('add')">New
+                            Message</button>
+                    </div>
+                    <div class="perfect-scrollbar relative pr-3.5 -mr-3.5 h-full grow">
+                        <div class="space-y-1">
+                            <button type="button"
+                                class="w-full flex justify-between items-center p-2 hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium h-10"
+                                :class="{
+                                    'bg-gray-100 dark:text-primary text-primary dark:bg-[#181F32]': !isEdit &&
+                                        selectedTab === 'inbox'
+                                }"
+                                @click="tabChanged('inbox')">
+                                <div class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                        <path opacity="0.5"
+                                            d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path
+                                            d="M6 8L8.1589 9.79908C9.99553 11.3296 10.9139 12.0949 12 12.0949C13.0861 12.0949 14.0045 11.3296 15.8411 9.79908L18 8"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    <div class="ltr:ml-3 rtl:mr-3">Inbox</div>
+                                </div>
+                                <div class="bg-primary-light dark:bg-[#060818] rounded-md py-0.5 px-2 font-semibold whitespace-nowrap"
+                                    x-text="mailList && mailList.filter((d) => d.type == 'inbox').length"></div>
+                            </button>
+
+                            <button type="button"
+                                class="w-full flex justify-between items-center p-2 hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium h-10"
+                                :class="{
+                                    'bg-gray-100 dark:text-primary text-primary dark:bg-[#181F32]': !isEdit &&
+                                        selectedTab === 'star'
+                                }"
+                                @click="tabChanged('star')">
+                                <div class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                        <path
+                                            d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                    <div class="ltr:ml-3 rtl:mr-3">Marked</div>
+                                </div>
+                            </button>
+
+                            <button type="button"
+                                class="w-full flex justify-between items-center p-2 hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium h-10"
+                                :class="{
+                                    'bg-gray-100 dark:text-primary text-primary dark:bg-[#181F32]': !isEdit &&
+                                        selectedTab === 'sent_mail'
+                                }"
+                                @click="tabChanged('sent_mail')">
+                                <div class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                        <path
+                                            d="M17.4975 18.4851L20.6281 9.09373C21.8764 5.34874 22.5006 3.47624 21.5122 2.48782C20.5237 1.49939 18.6511 2.12356 14.906 3.37189L5.57477 6.48218C3.49295 7.1761 2.45203 7.52305 2.13608 8.28637C2.06182 8.46577 2.01692 8.65596 2.00311 8.84963C1.94433 9.67365 2.72018 10.4495 4.27188 12.0011L4.55451 12.2837C4.80921 12.5384 4.93655 12.6658 5.03282 12.8075C5.22269 13.0871 5.33046 13.4143 5.34393 13.7519C5.35076 13.9232 5.32403 14.1013 5.27057 14.4574C5.07488 15.7612 4.97703 16.4131 5.0923 16.9147C5.32205 17.9146 6.09599 18.6995 7.09257 18.9433C7.59255 19.0656 8.24576 18.977 9.5522 18.7997L9.62363 18.79C9.99191 18.74 10.1761 18.715 10.3529 18.7257C10.6738 18.745 10.9838 18.8496 11.251 19.0285C11.3981 19.1271 11.5295 19.2585 11.7923 19.5213L12.0436 19.7725C13.5539 21.2828 14.309 22.0379 15.1101 21.9985C15.3309 21.9877 15.5479 21.9365 15.7503 21.8474C16.4844 21.5244 16.8221 20.5113 17.4975 18.4851Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path opacity="0.5" d="M6 18L21 3" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                    </svg>
+                                    <div class="ltr:ml-3 rtl:mr-3">Sent</div>
+                                </div>
+                            </button>
+
+                            <button type="button"
+                                class="w-full flex justify-between items-center p-2 hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium h-10"
+                                :class="{
+                                    'bg-gray-100 dark:text-primary text-primary dark:bg-[#181F32]': !isEdit &&
+                                        selectedTab === 'spam'
+                                }"
+                                @click="tabChanged('spam')">
+                                <div class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                        <path d="M12 7V13" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <circle cx="12" cy="16" r="1" fill="currentColor" />
+                                        <path opacity="0.5"
+                                            d="M7.84308 3.80211C9.8718 2.6007 10.8862 2 12 2C13.1138 2 14.1282 2.6007 16.1569 3.80211L16.8431 4.20846C18.8718 5.40987 19.8862 6.01057 20.4431 7C21 7.98943 21 9.19084 21 11.5937V12.4063C21 14.8092 21 16.0106 20.4431 17C19.8862 17.9894 18.8718 18.5901 16.8431 19.7915L16.1569 20.1979C14.1282 21.3993 13.1138 22 12 22C10.8862 22 9.8718 21.3993 7.84308 20.1979L7.15692 19.7915C5.1282 18.5901 4.11384 17.9894 3.55692 17C3 16.0106 3 14.8092 3 12.4063V11.5937C3 9.19084 3 7.98943 3.55692 7C4.11384 6.01057 5.1282 5.40987 7.15692 4.20846L7.84308 3.80211Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                    <div class="ltr:ml-3 rtl:mr-3">Spam</div>
+                                </div>
+                            </button>
+
+                            <button type="button"
+                                class="w-full flex justify-between items-center p-2 hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium h-10"
+                                :class="{
+                                    'bg-gray-100 dark:text-primary text-primary dark:bg-[#181F32]': !isEdit &&
+                                        selectedTab === 'draft'
+                                }"
+                                @click="tabChanged('draft')">
+                                <div class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 shrink-0">
+                                        <path
+                                            d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                            fill="currentColor" />
+                                        <path opacity="0.5"
+                                            d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                    <div class="ltr:ml-3 rtl:mr-3">Drafts</div>
+                                </div>
+                                <div class="bg-primary-light dark:bg-[#060818] rounded-md py-0.5 px-2 font-semibold whitespace-nowrap"
+                                    x-text="mailList && mailList.filter((d) => !d.type || d.type === 'draft').length">
+                                </div>
+                            </button>
+
+                            <button type="button"
+                                class="w-full flex justify-between items-center p-2 hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium h-10"
+                                :class="{
+                                    'bg-gray-100 dark:text-primary text-primary dark:bg-[#181F32]': !isEdit &&
+                                        selectedTab === 'trash'
+                                }"
+                                @click="tabChanged('trash')">
+                                <div class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                        <path opacity="0.5"
+                                            d="M9.17065 4C9.58249 2.83481 10.6937 2 11.9999 2C13.3062 2 14.4174 2.83481 14.8292 4"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path d="M20.5001 6H3.5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path
+                                            d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M9.5 11L10 16" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M14.5 11L14 16" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    <div class="ltr:ml-3 rtl:mr-3">Trash</div>
+                                </div>
+                            </button>
+
+                            <div x-data="dropdown" @click.outside="open = false">
+                                <button type="button"
+                                    class="w-full flex items-center p-2 hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium h-10"
+                                    @click="toggle">
+                                    <div :class="{ 'rotate-180': open }">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </div>
+                                    <div class="ltr:ml-3 rtl:mr-3" x-text="open ? 'Less' : 'More'"></div>
+                                </button>
+                                <ul x-cloak x-show="open" class="mt-1 space-y-1">
+                                    <li>
+                                        <button type="button"
+                                            class="w-full flex items-center p-2 hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium h-10"
+                                            :class="{
+                                                'bg-gray-100 dark:text-primary text-primary dark:bg-[#181F32]': !
+                                                    isEdit &&
+                                                    selectedTab === 'archive'
+                                            }"
+                                            @click="tabChanged('archive')">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                                <path
+                                                    d="M9 12C9 11.5341 9 11.3011 9.07612 11.1173C9.17761 10.8723 9.37229 10.6776 9.61732 10.5761C9.80109 10.5 10.0341 10.5 10.5 10.5H13.5C13.9659 10.5 14.1989 10.5 14.3827 10.5761C14.6277 10.6776 14.8224 10.8723 14.9239 11.1173C15 11.3011 15 11.5341 15 12C15 12.4659 15 12.6989 14.9239 12.8827C14.8224 13.1277 14.6277 13.3224 14.3827 13.4239C14.1989 13.5 13.9659 13.5 13.5 13.5H10.5C10.0341 13.5 9.80109 13.5 9.61732 13.4239C9.37229 13.3224 9.17761 13.1277 9.07612 12.8827C9 12.6989 9 12.4659 9 12Z"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <path opacity="0.5"
+                                                    d="M20.5 7V13C20.5 16.7712 20.5 18.6569 19.3284 19.8284C18.1569 21 16.2712 21 12.5 21H11.5C7.72876 21 5.84315 21 4.67157 19.8284C3.5 18.6569 3.5 16.7712 3.5 13V7"
+                                                    stroke="currentColor" stroke-width="1.5"
+                                                    stroke-linecap="round" />
+                                                <path
+                                                    d="M2 5C2 4.05719 2 3.58579 2.29289 3.29289C2.58579 3 3.05719 3 4 3H20C20.9428 3 21.4142 3 21.7071 3.29289C22 3.58579 22 4.05719 22 5C22 5.94281 22 6.41421 21.7071 6.70711C21.4142 7 20.9428 7 20 7H4C3.05719 7 2.58579 7 2.29289 6.70711C2 6.41421 2 5.94281 2 5Z"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                            </svg>
+                                            <div class="ltr:ml-3 rtl:mr-3">Archive</div>
+                                        </button>
+                                    </li>
+                                    <li>
+                                        <button type="button"
+                                            class="w-full flex items-center p-2 hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium h-10"
+                                            :class="{
+                                                'bg-gray-100 dark:text-primary text-primary dark:bg-[#181F32]': !
+                                                    isEdit &&
+                                                    selectedTab === 'important'
+                                            }"
+                                            @click="tabChanged('important')">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                                <path
+                                                    d="M21 16.0909V11.0975C21 6.80891 21 4.6646 19.682 3.3323C18.364 2 16.2426 2 12 2C7.75736 2 5.63604 2 4.31802 3.3323C3 4.6646 3 6.80891 3 11.0975V16.0909C3 19.1875 3 20.7358 3.73411 21.4123C4.08421 21.735 4.52615 21.9377 4.99692 21.9915C5.98402 22.1045 7.13673 21.0849 9.44216 19.0458C10.4612 18.1445 10.9708 17.6938 11.5603 17.5751C11.8506 17.5166 12.1494 17.5166 12.4397 17.5751C13.0292 17.6938 13.5388 18.1445 14.5578 19.0458C16.8633 21.0849 18.016 22.1045 19.0031 21.9915C19.4739 21.9377 19.9158 21.735 20.2659 21.4123C21 20.7358 21 19.1875 21 16.0909Z"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <path opacity="0.5" d="M15 6H9" stroke="currentColor"
+                                                    stroke-width="1.5" stroke-linecap="round" />
+                                            </svg>
+                                            <div class="ltr:ml-3 rtl:mr-3">Important</div>
+                                        </button>
+                                    </li>
+                                </ul>
+                            </div>
+
+                            <div class="h-px border-b border-[#e0e6ed] dark:border-[#1b2e4b]"></div>
+
+                            <button type="button"
+                                class="w-full flex justify-between items-center p-2 hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium h-10">
+                                <div class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                        <path opacity="0.5"
+                                            d="M17 9.50019L17.6584 9.17101C19.6042 8.19807 20.5772 7.7116 21.2886 8.15127C22 8.59094 22 9.67872 22 11.8543V12.1461C22 14.3217 22 15.4094 21.2886 15.8491C20.5772 16.2888 19.6042 15.8023 17.6584 14.8294L17 14.5002V9.50019Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path opacity="0.5"
+                                            d="M13.5607 7.43934C14.1464 8.02513 14.1464 8.97487 13.5607 9.56066C12.9749 10.1464 12.0251 10.1464 11.4393 9.56066C10.8536 8.97487 10.8536 8.02513 11.4393 7.43934C12.0251 6.85355 12.9749 6.85355 13.5607 7.43934Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path
+                                            d="M2 11.5C2 8.21252 2 6.56878 2.90796 5.46243C3.07418 5.25989 3.25989 5.07418 3.46243 4.90796C4.56878 4 6.21252 4 9.5 4C12.7875 4 14.4312 4 15.5376 4.90796C15.7401 5.07418 15.9258 5.25989 16.092 5.46243C17 6.56878 17 8.21252 17 11.5V12.5C17 15.7875 17 17.4312 16.092 18.5376C15.9258 18.7401 15.7401 18.9258 15.5376 19.092C14.4312 20 12.7875 20 9.5 20C6.21252 20 4.56878 20 3.46243 19.092C3.25989 18.9258 3.07418 18.7401 2.90796 18.5376C2 17.4312 2 15.7875 2 12.5V11.5Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                    <div class="ltr:ml-3 rtl:mr-3">New meeting</div>
+                                </div>
+                            </button>
+
+                            <button type="button"
+                                class="w-full flex justify-between items-center p-2 hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium h-10">
+                                <div class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rotate-180 shrink-0">
+                                        <path opacity="0.5"
+                                            d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path d="M7 18L7 15" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path d="M12 18V12" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path d="M17 18V9" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                    </svg>
+                                    <div class="ltr:ml-3 rtl:mr-3">Join a meeting</div>
+                                </div>
+                            </button>
+                            <div class="h-px border-b border-[#e0e6ed] dark:border-[#1b2e4b]"></div>
+                        </div>
+                    </div>
+                    <div class="ltr:left-0 rtl:right-0 absolute bottom-0 p-4 w-full">
+                        <button type="button"
+                            class="w-full flex p-2 justify-between  items-center hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium group"
+                            @click="isShowMailMenu = false">
+                            <div class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                    <circle cx="10" cy="6" r="4" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M18 17.5C18 19.9853 18 22 10 22C2 22 2 19.9853 2 17.5C2 15.0147 5.58172 13 10 13C14.4183 13 18 15.0147 18 17.5Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path d="M21 10H19M19 10H17M19 10L19 8M19 10L19 12" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                <div class="ltr:ml-3 rtl:mr-3">Add Account</div>
+                            </div>
+                            <div class="bg-primary-light dark:bg-[#060818] rounded-md py-1 px-2">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <line x1="12" y1="5" x2="12" y2="19"></line>
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </div>
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <div class="panel p-0 flex-1 overflow-auto h-full">
+                <div x-show="!selectedMail && !isEdit" class="flex flex-col h-full">
+                    <div class="flex justify-between items-center flex-wrap-reverse gap-4 p-4">
+                        <div class="flex items-center w-full sm:w-auto">
+                            <div class="ltr:mr-4 rtl:ml-4">
+                                <input type="checkbox" class="form-checkbox" :checked="checkAllCheckbox"
+                                    :value="checkAllCheckbox" @change="checkAll($event.target.checked)" />
+                            </div>
+                            <div class="ltr:mr-4 rtl:ml-4" x-tooltip="Refresh" data-placement="top" role="tooltip">
+                                <button type="button" class="hover:text-primary flex items-center"
+                                    @click="refreshMails()">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                        <path
+                                            d="M12.0789 3V2.25V3ZM3.67981 11.3333H2.92981H3.67981ZM3.67981 13L3.15157 13.5324C3.44398 13.8225 3.91565 13.8225 4.20805 13.5324L3.67981 13ZM5.88787 11.8657C6.18191 11.574 6.18377 11.0991 5.89203 10.8051C5.60029 10.511 5.12542 10.5092 4.83138 10.8009L5.88787 11.8657ZM2.52824 10.8009C2.2342 10.5092 1.75933 10.511 1.46759 10.8051C1.17585 11.0991 1.17772 11.574 1.47176 11.8657L2.52824 10.8009ZM18.6156 7.39279C18.8325 7.74565 19.2944 7.85585 19.6473 7.63892C20.0001 7.42199 20.1103 6.96007 19.8934 6.60721L18.6156 7.39279ZM12.0789 2.25C7.03155 2.25 2.92981 6.3112 2.92981 11.3333H4.42981C4.42981 7.15072 7.84884 3.75 12.0789 3.75V2.25ZM2.92981 11.3333L2.92981 13H4.42981L4.42981 11.3333H2.92981ZM4.20805 13.5324L5.88787 11.8657L4.83138 10.8009L3.15157 12.4676L4.20805 13.5324ZM4.20805 12.4676L2.52824 10.8009L1.47176 11.8657L3.15157 13.5324L4.20805 12.4676ZM19.8934 6.60721C18.287 3.99427 15.3873 2.25 12.0789 2.25V3.75C14.8484 3.75 17.2727 5.20845 18.6156 7.39279L19.8934 6.60721Z"
+                                            fill="currentColor" />
+                                        <path opacity="0.5"
+                                            d="M11.8825 21V21.75V21ZM20.3137 12.6667H21.0637H20.3137ZM20.3137 11L20.8409 10.4666C20.5487 10.1778 20.0786 10.1778 19.7864 10.4666L20.3137 11ZM18.1002 12.1333C17.8056 12.4244 17.8028 12.8993 18.094 13.1939C18.3852 13.4885 18.86 13.4913 19.1546 13.2001L18.1002 12.1333ZM21.4727 13.2001C21.7673 13.4913 22.2421 13.4885 22.5333 13.1939C22.8245 12.8993 22.8217 12.4244 22.5271 12.1332L21.4727 13.2001ZM5.31769 16.6061C5.10016 16.2536 4.63806 16.1442 4.28557 16.3618C3.93307 16.5793 3.82366 17.0414 4.0412 17.3939L5.31769 16.6061ZM11.8825 21.75C16.9448 21.75 21.0637 17.6915 21.0637 12.6667H19.5637C19.5637 16.8466 16.133 20.25 11.8825 20.25V21.75ZM21.0637 12.6667V11H19.5637V12.6667H21.0637ZM19.7864 10.4666L18.1002 12.1333L19.1546 13.2001L20.8409 11.5334L19.7864 10.4666ZM19.7864 11.5334L21.4727 13.2001L22.5271 12.1332L20.8409 10.4666L19.7864 11.5334ZM4.0412 17.3939C5.65381 20.007 8.56379 21.75 11.8825 21.75V20.25C9.09999 20.25 6.6656 18.7903 5.31769 16.6061L4.0412 17.3939Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </button>
+                            </div>
+                            <template x-if="selectedTab != 'trash'">
+                                <ul class="flex grow items-center sm:flex-none gap-4 ltr:sm:mr-4 rtl:sm:ml-4">
+                                    <li>
+                                        <div x-tooltip="Archive" data-placement="top" role="tooltip">
+                                            <button type="button" class="hover:text-primary flex items-center"
+                                                @click="setArchive">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5">
+                                                    <path
+                                                        d="M9 12C9 11.5341 9 11.3011 9.07612 11.1173C9.17761 10.8723 9.37229 10.6776 9.61732 10.5761C9.80109 10.5 10.0341 10.5 10.5 10.5H13.5C13.9659 10.5 14.1989 10.5 14.3827 10.5761C14.6277 10.6776 14.8224 10.8723 14.9239 11.1173C15 11.3011 15 11.5341 15 12C15 12.4659 15 12.6989 14.9239 12.8827C14.8224 13.1277 14.6277 13.3224 14.3827 13.4239C14.1989 13.5 13.9659 13.5 13.5 13.5H10.5C10.0341 13.5 9.80109 13.5 9.61732 13.4239C9.37229 13.3224 9.17761 13.1277 9.07612 12.8827C9 12.6989 9 12.4659 9 12Z"
+                                                        stroke="currentColor" stroke-width="1.5"></path>
+                                                    <path opacity="0.5"
+                                                        d="M20.5 7V13C20.5 16.7712 20.5 18.6569 19.3284 19.8284C18.1569 21 16.2712 21 12.5 21H11.5C7.72876 21 5.84315 21 4.67157 19.8284C3.5 18.6569 3.5 16.7712 3.5 13V7"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round"></path>
+                                                    <path
+                                                        d="M2 5C2 4.05719 2 3.58579 2.29289 3.29289C2.58579 3 3.05719 3 4 3H20C20.9428 3 21.4142 3 21.7071 3.29289C22 3.58579 22 4.05719 22 5C22 5.94281 22 6.41421 21.7071 6.70711C21.4142 7 20.9428 7 20 7H4C3.05719 7 2.58579 7 2.29289 6.70711C2 6.41421 2 5.94281 2 5Z"
+                                                        stroke="currentColor" stroke-width="1.5"></path>
+                                                </svg>
+                                            </button>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div x-tooltip="Spam" data-placement="top" role="tooltip" @click="setSpam">
+                                            <button type="button" class="hover:text-primary flex items-center">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5">
+                                                    <path d="M12 7V13" stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round"></path>
+                                                    <circle cx="12" cy="16" r="1"
+                                                        fill="currentColor"></circle>
+                                                    <path opacity="0.5"
+                                                        d="M7.84308 3.80211C9.8718 2.6007 10.8862 2 12 2C13.1138 2 14.1282 2.6007 16.1569 3.80211L16.8431 4.20846C18.8718 5.40987 19.8862 6.01057 20.4431 7C21 7.98943 21 9.19084 21 11.5937V12.4063C21 14.8092 21 16.0106 20.4431 17C19.8862 17.9894 18.8718 18.5901 16.8431 19.7915L16.1569 20.1979C14.1282 21.3993 13.1138 22 12 22C10.8862 22 9.8718 21.3993 7.84308 20.1979L7.15692 19.7915C5.1282 18.5901 4.11384 17.9894 3.55692 17C3 16.0106 3 14.8092 3 12.4063V11.5937C3 9.19084 3 7.98943 3.55692 7C4.11384 6.01057 5.1282 5.40987 7.15692 4.20846L7.84308 3.80211Z"
+                                                        stroke="currentColor" stroke-width="1.5"></path>
+                                                </svg>
+                                            </button>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div x-data="dropdown" @click.outside="open = false" x-tooltip="Group"
+                                            data-placement="top" role="tooltip" class="dropdown">
+                                            <button type="button" class="hover:text-primary flex items-center"
+                                                @click="toggle">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5">
+                                                    <circle cx="12" cy="12" r="10"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                    <circle cx="12" cy="12" r="4"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                    <path opacity="0.5" d="M15 9L19 5" stroke="currentColor"
+                                                        stroke-width="1.5" />
+                                                    <path opacity="0.5" d="M5 19L9 15" stroke="currentColor"
+                                                        stroke-width="1.5" />
+                                                    <path opacity="0.5" d="M9 9L5 5" stroke="currentColor"
+                                                        stroke-width="1.5" />
+                                                    <path opacity="0.5" d="M19 19L15 15" stroke="currentColor"
+                                                        stroke-width="1.5" />
+                                                </svg>
+                                            </button>
+                                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                                class="ltr:right-0 rtl:left-0">
+                                                <li>
+                                                    <button type="button" class="w-full"
+                                                        @click="toggle,setGroup('personal')">
+                                                        <div class="w-2 h-2 rounded-full bg-primary ltr:mr-3 rtl:ml-3 shrink-0">
+                                                        </div>
+                                                        Personal
+                                                    </button>
+                                                </li>
+                                                <li>
+                                                    <button type="button" class="w-full"
+                                                        @click="toggle,setGroup('work')">
+                                                        <div class="w-2 h-2 rounded-full bg-warning ltr:mr-3 rtl:ml-3 shrink-0">
+                                                        </div>
+                                                        Work
+                                                    </button>
+                                                </li>
+                                                <li>
+                                                    <button type="button" class="w-full"
+                                                        @click="toggle,setGroup('social')">
+                                                        <div class="w-2 h-2 rounded-full bg-success ltr:mr-3 rtl:ml-3 shrink-0">
+                                                        </div>
+                                                        Social
+                                                    </button>
+                                                </li>
+                                                <li>
+                                                    <button type="button" class="w-full"
+                                                        @click="toggle,setGroup('private')">
+                                                        <div class="w-2 h-2 rounded-full bg-danger ltr:mr-3 rtl:ml-3 shrink-0">
+                                                        </div>
+                                                        Private
+                                                    </button>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                            <button type="button" class=" hover:text-primary flex items-center"
+                                                @click="toggle">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5 rotate-90 opacity-70">
+                                                    <circle cx="5" cy="12" r="2"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                    <circle opacity="0.5" cx="12" cy="12"
+                                                        r="2" stroke="currentColor" stroke-width="1.5" />
+                                                    <circle cx="19" cy="12" r="2"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                            </button>
+                                            <ul @click="toggle" x-cloak x-show="open" x-transition
+                                                x-transition.duration.300ms
+                                                class="ltr:right-0 rtl:left-0 whitespace-nowrap">
+                                                <li>
+                                                    <button type="button" class="w-full" @click="setAction('read')">
+
+                                                        <svg width="24" height="24" viewBox="0 0 24 24"
+                                                            fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                            class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                                            <path
+                                                                d="M20.082 3.01787L20.1081 3.76741L20.082 3.01787ZM16.5 3.48757L16.2849 2.76907V2.76907L16.5 3.48757ZM13.6738 4.80287L13.2982 4.15375L13.2982 4.15375L13.6738 4.80287ZM3.9824 3.07501L3.93639 3.8236L3.9824 3.07501ZM7 3.48757L7.19136 2.76239V2.76239L7 3.48757ZM10.2823 4.87558L9.93167 5.5386L10.2823 4.87558ZM13.6276 20.0694L13.9804 20.7312L13.6276 20.0694ZM17 18.6335L16.8086 17.9083H16.8086L17 18.6335ZM19.9851 18.2229L20.032 18.9715L19.9851 18.2229ZM10.3724 20.0694L10.0196 20.7312H10.0196L10.3724 20.0694ZM7 18.6335L7.19136 17.9083H7.19136L7 18.6335ZM4.01486 18.2229L3.96804 18.9715H3.96804L4.01486 18.2229ZM2.75 16.1437V4.99792H1.25V16.1437H2.75ZM22.75 16.1437V4.93332H21.25V16.1437H22.75ZM20.0559 2.26832C18.9175 2.30798 17.4296 2.42639 16.2849 2.76907L16.7151 4.20606C17.6643 3.92191 18.9892 3.80639 20.1081 3.76741L20.0559 2.26832ZM16.2849 2.76907C15.2899 3.06696 14.1706 3.6488 13.2982 4.15375L14.0495 5.452C14.9 4.95981 15.8949 4.45161 16.7151 4.20606L16.2849 2.76907ZM3.93639 3.8236C4.90238 3.88297 5.99643 3.99842 6.80864 4.21274L7.19136 2.76239C6.23055 2.50885 5.01517 2.38707 4.02841 2.32642L3.93639 3.8236ZM6.80864 4.21274C7.77076 4.46663 8.95486 5.02208 9.93167 5.5386L10.6328 4.21257C9.63736 3.68618 8.32766 3.06224 7.19136 2.76239L6.80864 4.21274ZM13.9804 20.7312C14.9714 20.2029 16.1988 19.6206 17.1914 19.3587L16.8086 17.9083C15.6383 18.2171 14.2827 18.8702 13.2748 19.4075L13.9804 20.7312ZM17.1914 19.3587C17.9943 19.1468 19.0732 19.0314 20.032 18.9715L19.9383 17.4744C18.9582 17.5357 17.7591 17.6575 16.8086 17.9083L17.1914 19.3587ZM10.7252 19.4075C9.71727 18.8702 8.3617 18.2171 7.19136 17.9083L6.80864 19.3587C7.8012 19.6206 9.0286 20.2029 10.0196 20.7312L10.7252 19.4075ZM7.19136 17.9083C6.24092 17.6575 5.04176 17.5357 4.06168 17.4744L3.96804 18.9715C4.9268 19.0314 6.00566 19.1468 6.80864 19.3587L7.19136 17.9083ZM21.25 16.1437C21.25 16.8295 20.6817 17.4279 19.9383 17.4744L20.032 18.9715C21.5062 18.8793 22.75 17.6799 22.75 16.1437H21.25ZM22.75 4.93332C22.75 3.47001 21.5847 2.21507 20.0559 2.26832L20.1081 3.76741C20.7229 3.746 21.25 4.25173 21.25 4.93332H22.75ZM1.25 16.1437C1.25 17.6799 2.49378 18.8793 3.96804 18.9715L4.06168 17.4744C3.31831 17.4279 2.75 16.8295 2.75 16.1437H1.25ZM13.2748 19.4075C12.4825 19.8299 11.5175 19.8299 10.7252 19.4075L10.0196 20.7312C11.2529 21.3886 12.7471 21.3886 13.9804 20.7312L13.2748 19.4075ZM13.2982 4.15375C12.4801 4.62721 11.4617 4.65083 10.6328 4.21257L9.93167 5.5386C11.2239 6.22189 12.791 6.18037 14.0495 5.452L13.2982 4.15375ZM2.75 4.99792C2.75 4.30074 3.30243 3.78463 3.93639 3.8236L4.02841 2.32642C2.47017 2.23065 1.25 3.49877 1.25 4.99792H2.75Z"
+                                                                fill="currentColor" />
+                                                            <path opacity="0.5" d="M12 5.854V20.9999"
+                                                                stroke="currentColor" stroke-width="1.5" />
+                                                            <path opacity="0.5" d="M5 9L9 10" stroke="currentColor"
+                                                                stroke-width="1.5" stroke-linecap="round" />
+                                                            <path opacity="0.5" d="M19 9L15 10"
+                                                                stroke="currentColor" stroke-width="1.5"
+                                                                stroke-linecap="round" />
+                                                            <path opacity="0.5" d="M5 13L9 14" stroke="currentColor"
+                                                                stroke-width="1.5" stroke-linecap="round" />
+                                                            <path opacity="0.5" d="M19 13L15 14"
+                                                                stroke="currentColor" stroke-width="1.5"
+                                                                stroke-linecap="round" />
+                                                        </svg>
+                                                        Mark as Read
+                                                    </button>
+                                                </li>
+                                                <li>
+                                                    <button type="button" class="w-full"
+                                                        @click="setAction('unread')">
+
+                                                        <svg width="24" height="24" viewBox="0 0 24 24"
+                                                            fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                            class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                                            <path
+                                                                d="M4 8C4 5.17157 4 3.75736 4.87868 2.87868C5.75736 2 7.17157 2 10 2H14C16.8284 2 18.2426 2 19.1213 2.87868C20 3.75736 20 5.17157 20 8V16C20 18.8284 20 20.2426 19.1213 21.1213C18.2426 22 16.8284 22 14 22H10C7.17157 22 5.75736 22 4.87868 21.1213C4 20.2426 4 18.8284 4 16V8Z"
+                                                                stroke="currentColor" stroke-width="1.5" />
+                                                            <path opacity="0.5"
+                                                                d="M6.12132 16.1022L5.92721 15.3778L6.12132 16.1022ZM3.27556 18.0294C3.16835 18.4295 3.40579 18.8408 3.80589 18.948C4.20599 19.0552 4.61724 18.8178 4.72444 18.4177L3.27556 18.0294ZM6.25 16C6.25 16.4142 6.58579 16.75 7 16.75C7.41421 16.75 7.75 16.4142 7.75 16H6.25ZM7.75 2.5C7.75 2.08579 7.41421 1.75 7 1.75C6.58579 1.75 6.25 2.08579 6.25 2.5H7.75ZM7.89778 16.75H19.8978V15.25H7.89778V16.75ZM7.89778 15.25C7.01609 15.25 6.42812 15.2436 5.92721 15.3778L6.31543 16.8267C6.57752 16.7564 6.91952 16.75 7.89778 16.75V15.25ZM5.92721 15.3778C4.63311 15.7245 3.62231 16.7353 3.27556 18.0294L4.72444 18.4177C4.9325 17.6412 5.53898 17.0347 6.31543 16.8267L5.92721 15.3778ZM7.75 16V2.5H6.25V16H7.75Z"
+                                                                fill="currentColor" />
+                                                        </svg>
+                                                        Mark as Unread
+                                                    </button>
+                                                </li>
+                                                <li>
+                                                    <button type="button" class="w-full"
+                                                        @click="setAction('trash')">
+
+                                                        <svg width="24" height="24" viewBox="0 0 24 24"
+                                                            fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                            class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                                            <path opacity="0.5"
+                                                                d="M9.17065 4C9.58249 2.83481 10.6937 2 11.9999 2C13.3062 2 14.4174 2.83481 14.8292 4"
+                                                                stroke="currentColor" stroke-width="1.5"
+                                                                stroke-linecap="round" />
+                                                            <path d="M20.5001 6H3.5" stroke="currentColor"
+                                                                stroke-width="1.5" stroke-linecap="round" />
+                                                            <path
+                                                                d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                                                stroke="currentColor" stroke-width="1.5"
+                                                                stroke-linecap="round" />
+                                                            <path opacity="0.5" d="M9.5 11L10 16"
+                                                                stroke="currentColor" stroke-width="1.5"
+                                                                stroke-linecap="round" />
+                                                            <path opacity="0.5" d="M14.5 11L14 16"
+                                                                stroke="currentColor" stroke-width="1.5"
+                                                                stroke-linecap="round" />
+                                                        </svg>
+                                                        Trash
+                                                    </button>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </template>
+                            <template x-if="selectedTab == 'trash'">
+                                <ul class="flex flex-1 sm:flex-none items-center gap-4 ltr:sm:mr-3 rtl:sm:ml-4">
+                                    <li>
+                                        <div x-tooltip="Permanently Delete" data-placement="top" role="tooltip">
+                                            <button type="button" class="block hover:text-primary"
+                                                @click="setAction('delete')">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5">
+                                                    <path d="M20.5001 6H3.5" stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path
+                                                        d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path opacity="0.5"
+                                                        d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                            </button>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div x-tooltip="Restore" data-placement="top" role="tooltip"
+                                            @click="setAction('restore')">
+                                            <button type="button" class="block hover:text-primary">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5">
+                                                    <g clip-path="url(#clip0_1276_6232)">
+                                                        <path
+                                                            d="M19.7285 10.9288C20.4413 13.5978 19.7507 16.5635 17.6569 18.6573C14.5327 21.7815 9.46736 21.7815 6.34316 18.6573C3.21897 15.5331 3.21897 10.4678 6.34316 7.3436C9.46736 4.21941 14.5327 4.21941 17.6569 7.3436L18.364 8.05071M18.364 8.05071H14.1213M18.364 8.05071V3.80807"
+                                                            stroke="currentColor" stroke-width="1.5"
+                                                            stroke-linecap="round" stroke-linejoin="round" />
+                                                    </g>
+                                                    <defs>
+                                                        <clipPath id="clip0_1276_6232">
+                                                            <rect width="24" height="24" fill="white" />
+                                                        </clipPath>
+                                                    </defs>
+                                                </svg>
+                                            </button>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </template>
+                        </div>
+                        <div class="flex justify-between items-center sm:w-auto w-full">
+                            <div class="flex items-center ltr:mr-4 rtl:ml-4">
+                                <button type="button" class="xl:hidden hover:text-primary block ltr:mr-3 rtl:ml-3"
+                                    @click="isShowMailMenu = !isShowMailMenu">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                        <path d="M20 7L4 7" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round"></path>
+                                        <path opacity="0.5" d="M20 12L4 12" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round"></path>
+                                        <path d="M20 17L4 17" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round"></path>
+                                    </svg>
+                                </button>
+                                <div class="relative group">
+                                    <input type="text" placeholder="Search Mail"
+                                        class="form-input ltr:pr-8 rtl:pl-8 peer" x-model="searchText"
+                                        @keyup="searchMails" />
+                                    <div
+                                        class="absolute ltr:right-[11px] rtl:left-[11px] top-1/2 -translate-y-1/2 peer-focus:text-primary">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-4 h-4">
+                                            <circle cx="11.5" cy="11.5" r="9.5"
+                                                stroke="currentColor" stroke-width="1.5" opacity="0.5"></circle>
+                                            <path d="M18.5 18.5L22 22" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round"></path>
+                                        </svg>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="flex items-center">
+                                <div class="ltr:mr-4 rtl:ml-4" x-tooltip="Settings" data-placement="top"
+                                    role="tooltip">
+                                    <button type="button" class=" hover:text-primary">
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                            <circle cx="12" cy="12" r="3"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <path opacity="0.5"
+                                                d="M13.7654 2.15224C13.3978 2 12.9319 2 12 2C11.0681 2 10.6022 2 10.2346 2.15224C9.74457 2.35523 9.35522 2.74458 9.15223 3.23463C9.05957 3.45834 9.0233 3.7185 9.00911 4.09799C8.98826 4.65568 8.70226 5.17189 8.21894 5.45093C7.73564 5.72996 7.14559 5.71954 6.65219 5.45876C6.31645 5.2813 6.07301 5.18262 5.83294 5.15102C5.30704 5.08178 4.77518 5.22429 4.35436 5.5472C4.03874 5.78938 3.80577 6.1929 3.33983 6.99993C2.87389 7.80697 2.64092 8.21048 2.58899 8.60491C2.51976 9.1308 2.66227 9.66266 2.98518 10.0835C3.13256 10.2756 3.3397 10.437 3.66119 10.639C4.1338 10.936 4.43789 11.4419 4.43786 12C4.43783 12.5581 4.13375 13.0639 3.66118 13.3608C3.33965 13.5629 3.13248 13.7244 2.98508 13.9165C2.66217 14.3373 2.51966 14.8691 2.5889 15.395C2.64082 15.7894 2.87379 16.193 3.33973 17C3.80568 17.807 4.03865 18.2106 4.35426 18.4527C4.77508 18.7756 5.30694 18.9181 5.83284 18.8489C6.07289 18.8173 6.31632 18.7186 6.65204 18.5412C7.14547 18.2804 7.73556 18.27 8.2189 18.549C8.70224 18.8281 8.98826 19.3443 9.00911 19.9021C9.02331 20.2815 9.05957 20.5417 9.15223 20.7654C9.35522 21.2554 9.74457 21.6448 10.2346 21.8478C10.6022 22 11.0681 22 12 22C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8477 20.7654C14.9404 20.5417 14.9767 20.2815 14.9909 19.902C15.0117 19.3443 15.2977 18.8281 15.781 18.549C16.2643 18.2699 16.8544 18.2804 17.3479 18.5412C17.6836 18.7186 17.927 18.8172 18.167 18.8488C18.6929 18.9181 19.2248 18.7756 19.6456 18.4527C19.9612 18.2105 20.1942 17.807 20.6601 16.9999C21.1261 16.1929 21.3591 15.7894 21.411 15.395C21.4802 14.8691 21.3377 14.3372 21.0148 13.9164C20.8674 13.7243 20.6602 13.5628 20.3387 13.3608C19.8662 13.0639 19.5621 12.558 19.5621 11.9999C19.5621 11.4418 19.8662 10.9361 20.3387 10.6392C20.6603 10.4371 20.8675 10.2757 21.0149 10.0835C21.3378 9.66273 21.4803 9.13087 21.4111 8.60497C21.3592 8.21055 21.1262 7.80703 20.6602 7C20.1943 6.19297 19.9613 5.78945 19.6457 5.54727C19.2249 5.22436 18.693 5.08185 18.1671 5.15109C17.9271 5.18269 17.6837 5.28136 17.3479 5.4588C16.8545 5.71959 16.2644 5.73002 15.7811 5.45096C15.2977 5.17191 15.0117 4.65566 14.9909 4.09794C14.9767 3.71848 14.9404 3.45833 14.8477 3.23463C14.6448 2.74458 14.2554 2.35523 13.7654 2.15224Z"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                        </svg>
+                                    </button>
+                                </div>
+                                <div x-tooltip="Help" data-placement="top" role="tooltip"><button type="button"
+                                        class=" hover:text-primary">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                            <circle opacity="0.5" cx="12" cy="12" r="10"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <path
+                                                d="M10.125 8.875C10.125 7.83947 10.9645 7 12 7C13.0355 7 13.875 7.83947 13.875 8.875C13.875 9.56245 13.505 10.1635 12.9534 10.4899C12.478 10.7711 12 11.1977 12 11.75V13"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
+                                            </path>
+                                            <circle cx="12" cy="16" r="1"
+                                                fill="currentColor"></circle>
+                                        </svg>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="h-px border-b border-[#e0e6ed] dark:border-[#1b2e4b]"></div>
+                    <div class="flex flex-wrap flex-col md:flex-row xl:w-auto justify-between items-center px-4 pb-4">
+                        <div class="w-full sm:w-auto grid grid-cols-2 sm:grid-cols-4 gap-3 mt-4">
+                            <button type="button" class="btn btn-outline-primary flex"
+                                :class="{ 'text-white bg-primary': selectedTab === 'personal' }"
+                                @click="tabChanged('personal')">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <circle cx="12" cy="6" r="4" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                        ry="4" stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                                Personal </button>
+
+                            <button type="button" class="btn btn-outline-warning flex"
+                                :class="{ 'text-white bg-warning': selectedTab === 'work' }"
+                                @click="tabChanged('work')">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M13.0867 21.3877L13.7321 21.7697L13.0867 21.3877ZM13.6288 20.4718L12.9833 20.0898L13.6288 20.4718ZM10.3712 20.4718L9.72579 20.8539H9.72579L10.3712 20.4718ZM10.9133 21.3877L11.5587 21.0057L10.9133 21.3877ZM2.3806 15.9134L3.07351 15.6264V15.6264L2.3806 15.9134ZM7.78958 18.9915L7.77666 19.7413L7.78958 18.9915ZM5.08658 18.6194L4.79957 19.3123H4.79957L5.08658 18.6194ZM21.6194 15.9134L22.3123 16.2004V16.2004L21.6194 15.9134ZM16.2104 18.9915L16.1975 18.2416L16.2104 18.9915ZM18.9134 18.6194L19.2004 19.3123H19.2004L18.9134 18.6194ZM19.6125 2.7368L19.2206 3.37628L19.6125 2.7368ZM21.2632 4.38751L21.9027 3.99563V3.99563L21.2632 4.38751ZM4.38751 2.7368L3.99563 2.09732V2.09732L4.38751 2.7368ZM2.7368 4.38751L2.09732 3.99563H2.09732L2.7368 4.38751ZM9.40279 19.2098L9.77986 18.5615L9.77986 18.5615L9.40279 19.2098ZM13.7321 21.7697L14.2742 20.8539L12.9833 20.0898L12.4412 21.0057L13.7321 21.7697ZM9.72579 20.8539L10.2679 21.7697L11.5587 21.0057L11.0166 20.0898L9.72579 20.8539ZM12.4412 21.0057C12.2485 21.3313 11.7515 21.3313 11.5587 21.0057L10.2679 21.7697C11.0415 23.0767 12.9585 23.0767 13.7321 21.7697L12.4412 21.0057ZM10.5 2.75H13.5V1.25H10.5V2.75ZM21.25 10.5V11.5H22.75V10.5H21.25ZM2.75 11.5V10.5H1.25V11.5H2.75ZM1.25 11.5C1.25 12.6546 1.24959 13.5581 1.29931 14.2868C1.3495 15.0223 1.45323 15.6344 1.68769 16.2004L3.07351 15.6264C2.92737 15.2736 2.84081 14.8438 2.79584 14.1847C2.75041 13.5189 2.75 12.6751 2.75 11.5H1.25ZM7.8025 18.2416C6.54706 18.2199 5.88923 18.1401 5.37359 17.9265L4.79957 19.3123C5.60454 19.6457 6.52138 19.7197 7.77666 19.7413L7.8025 18.2416ZM1.68769 16.2004C2.27128 17.6093 3.39066 18.7287 4.79957 19.3123L5.3736 17.9265C4.33223 17.4951 3.50486 16.6678 3.07351 15.6264L1.68769 16.2004ZM21.25 11.5C21.25 12.6751 21.2496 13.5189 21.2042 14.1847C21.1592 14.8438 21.0726 15.2736 20.9265 15.6264L22.3123 16.2004C22.5468 15.6344 22.6505 15.0223 22.7007 14.2868C22.7504 13.5581 22.75 12.6546 22.75 11.5H21.25ZM16.2233 19.7413C17.4786 19.7197 18.3955 19.6457 19.2004 19.3123L18.6264 17.9265C18.1108 18.1401 17.4529 18.2199 16.1975 18.2416L16.2233 19.7413ZM20.9265 15.6264C20.4951 16.6678 19.6678 17.4951 18.6264 17.9265L19.2004 19.3123C20.6093 18.7287 21.7287 17.6093 22.3123 16.2004L20.9265 15.6264ZM13.5 2.75C15.1512 2.75 16.337 2.75079 17.2619 2.83873C18.1757 2.92561 18.7571 3.09223 19.2206 3.37628L20.0044 2.09732C19.2655 1.64457 18.4274 1.44279 17.4039 1.34547C16.3915 1.24921 15.1222 1.25 13.5 1.25V2.75ZM22.75 10.5C22.75 8.87781 22.7508 7.6085 22.6545 6.59611C22.5572 5.57256 22.3554 4.73445 21.9027 3.99563L20.6237 4.77938C20.9078 5.24291 21.0744 5.82434 21.1613 6.73809C21.2492 7.663 21.25 8.84876 21.25 10.5H22.75ZM19.2206 3.37628C19.7925 3.72672 20.2733 4.20752 20.6237 4.77938L21.9027 3.99563C21.4286 3.22194 20.7781 2.57144 20.0044 2.09732L19.2206 3.37628ZM10.5 1.25C8.87781 1.25 7.6085 1.24921 6.59611 1.34547C5.57256 1.44279 4.73445 1.64457 3.99563 2.09732L4.77938 3.37628C5.24291 3.09223 5.82434 2.92561 6.73809 2.83873C7.663 2.75079 8.84876 2.75 10.5 2.75V1.25ZM2.75 10.5C2.75 8.84876 2.75079 7.663 2.83873 6.73809C2.92561 5.82434 3.09223 5.24291 3.37628 4.77938L2.09732 3.99563C1.64457 4.73445 1.44279 5.57256 1.34547 6.59611C1.24921 7.6085 1.25 8.87781 1.25 10.5H2.75ZM3.99563 2.09732C3.22194 2.57144 2.57144 3.22194 2.09732 3.99563L3.37628 4.77938C3.72672 4.20752 4.20752 3.72672 4.77938 3.37628L3.99563 2.09732ZM11.0166 20.0898C10.8136 19.7468 10.6354 19.4441 10.4621 19.2063C10.2795 18.9559 10.0702 18.7304 9.77986 18.5615L9.02572 19.8582C9.07313 19.8857 9.13772 19.936 9.24985 20.0898C9.37122 20.2564 9.50835 20.4865 9.72579 20.8539L11.0166 20.0898ZM7.77666 19.7413C8.21575 19.7489 8.49387 19.7545 8.70588 19.7779C8.90399 19.7999 8.98078 19.832 9.02572 19.8582L9.77986 18.5615C9.4871 18.3912 9.18246 18.3215 8.87097 18.287C8.57339 18.2541 8.21375 18.2487 7.8025 18.2416L7.77666 19.7413ZM14.2742 20.8539C14.4916 20.4865 14.6287 20.2564 14.7501 20.0898C14.8622 19.936 14.9268 19.8857 14.9742 19.8582L14.2201 18.5615C13.9298 18.7304 13.7204 18.9559 13.5379 19.2063C13.3646 19.4441 13.1864 19.7468 12.9833 20.0898L14.2742 20.8539ZM16.1975 18.2416C15.7862 18.2487 15.4266 18.2541 15.129 18.287C14.8175 18.3215 14.5129 18.3912 14.2201 18.5615L14.9742 19.8582C15.0192 19.832 15.096 19.7999 15.2941 19.7779C15.5061 19.7545 15.7842 19.7489 16.2233 19.7413L16.1975 18.2416Z"
+                                        fill="currentColor" />
+                                    <path opacity="0.5" d="M12 15V7" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M8 13V9" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M16 13V9" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                </svg>
+                                Work </button>
+
+                            <button type="button" class="btn btn-outline-success flex"
+                                :class="{ 'text-white bg-success': selectedTab === 'social' }"
+                                @click="tabChanged('social')">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <circle cx="9" cy="6" r="4" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M12.5 4.3411C13.0375 3.53275 13.9565 3 15 3C16.6569 3 18 4.34315 18 6C18 7.65685 16.6569 9 15 9C13.9565 9 13.0375 8.46725 12.5 7.6589"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <ellipse cx="9" cy="17" rx="7" ry="4"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M18 14C19.7542 14.3847 21 15.3589 21 16.5C21 17.5293 19.9863 18.4229 18.5 18.8704"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Social </button>
+
+                            <button type="button" class="btn btn-outline-danger flex"
+                                :class="{ 'text-white bg-danger': selectedTab === 'private' }"
+                                @click="tabChanged('private')">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M4.72848 16.1369C3.18295 14.5914 2.41018 13.8186 2.12264 12.816C1.83509 11.8134 2.08083 10.7485 2.57231 8.61875L2.85574 7.39057C3.26922 5.59881 3.47597 4.70292 4.08944 4.08944C4.70292 3.47597 5.59881 3.26922 7.39057 2.85574L8.61875 2.57231C10.7485 2.08083 11.8134 1.83509 12.816 2.12264C13.8186 2.41018 14.5914 3.18295 16.1369 4.72848L17.9665 6.55812C20.6555 9.24711 22 10.5916 22 12.2623C22 13.933 20.6555 15.2775 17.9665 17.9665C15.2775 20.6555 13.933 22 12.2623 22C10.5916 22 9.24711 20.6555 6.55812 17.9665L4.72848 16.1369Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle opacity="0.5" cx="8.60699" cy="8.87891" r="2"
+                                        transform="rotate(-45 8.60699 8.87891)" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <path opacity="0.5" d="M11.5417 18.5L18.5208 11.5208" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Private </button>
+                        </div>
+                        <div class="mt-4 md:flex-auto flex-1">
+                            <div class="flex items-center md:justify-end justify-center">
+                                <div class="ltr:mr-3 rtl:ml-3"
+                                    x-text="pager.startIndex+1 + '-' +( pager.endIndex+1) + ' of ' + filteredMailList.length">
+                                </div>
+                                <button type="button" :disabled="pager.currentPage == 1"
+                                    class="bg-[#f4f4f4] rounded-md p-1 enabled:hover:bg-primary-light dark:bg-white-dark/20 enabled:dark:hover:bg-white-dark/30 ltr:mr-3 rtl:ml-3 disabled:opacity-60 disabled:cursor-not-allowed"
+                                    @click="pager.currentPage--,searchMails(false)">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                                <button type="button" :disabled="pager.currentPage == pager.totalPages"
+                                    class="bg-[#f4f4f4] rounded-md p-1 enabled:hover:bg-primary-light dark:bg-white-dark/20 enabled:dark:hover:bg-white-dark/30 disabled:opacity-60 disabled:cursor-not-allowed"
+                                    @click="pager.currentPage++,searchMails(false)">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:rotate-180">
+                                        <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="h-px border-b border-[#e0e6ed] dark:border-[#1b2e4b]"></div>
+                    <template x-if="pagedMails.length">
+                        <div class="table-responsive grow overflow-y-auto min-h-[300px]">
+                            <table>
+                                <tbody>
+                                    <template x-for="mail in pagedMails" :key="mail.id + '' + index">
+                                        <tr class="cursor-pointer " @click="selectMail(mail)">
+                                            <td>
+                                                <div class="flex items-center whitespace-nowrap ">
+                                                    <div class="ltr:mr-3 rtl:ml-3">
+                                                        <input type="checkbox" :id="`chk-${mail.id}`"
+                                                            x-model.number="ids" :value="(mail.id)"
+                                                            @click="$event.stopPropagation()" class="form-checkbox" />
+                                                    </div>
+                                                    <div class="ltr:mr-3 rtl:ml-3" x-tooltip="Star"
+                                                        data-placement="top" role="tooltip">
+                                                        <button type="button"
+                                                            class="enabled:hover:text-warning disabled:opacity-60 flex items-center"
+                                                            :class="{ 'text-warning': mail.isStar }"
+                                                            @click.stop="setStar(mail.id)"
+                                                            :disabled="selectedTab === 'trash'">
+                                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                                class="w-5 h-5"
+                                                                :class="{ 'fill-warning': mail.isStar }">
+                                                                <path
+                                                                    d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                                                    stroke="currentColor" stroke-width="1.5" />
+                                                            </svg>
+                                                        </button>
+                                                    </div>
+                                                    <div class="ltr:mr-3 rtl:ml-3" x-tooltip="Important"
+                                                        data-placement="top" role="tooltip">
+                                                        <button type="button"
+                                                            class="enabled:hover:text-primary disabled:opacity-60 rotate-90 flex items-center"
+                                                            :class="{ 'text-primary': mail.isImportant }"
+                                                            @click.stop="setImportant(mail.id)"
+                                                            :disabled="selectedTab === 'trash'">
+                                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                                class="w-4.5 h-4.5"
+                                                                :class="{ 'fill-primary': mail.isImportant }">
+                                                                <path
+                                                                    d="M21 16.0909V11.0975C21 6.80891 21 4.6646 19.682 3.3323C18.364 2 16.2426 2 12 2C7.75736 2 5.63604 2 4.31802 3.3323C3 4.6646 3 6.80891 3 11.0975V16.0909C3 19.1875 3 20.7358 3.73411 21.4123C4.08421 21.735 4.52615 21.9377 4.99692 21.9915C5.98402 22.1045 7.13673 21.0849 9.44216 19.0458C10.4612 18.1445 10.9708 17.6938 11.5603 17.5751C11.8506 17.5166 12.1494 17.5166 12.4397 17.5751C13.0292 17.6938 13.5388 18.1445 14.5578 19.0458C16.8633 21.0849 18.016 22.1045 19.0031 21.9915C19.4739 21.9377 19.9158 21.735 20.2659 21.4123C21 20.7358 21 19.1875 21 16.0909Z"
+                                                                    stroke="currentColor" stroke-width="1.5" />
+                                                            </svg>
+                                                        </button>
+                                                    </div>
+                                                    <div class="dark:text-gray-300 whitespace-nowrap font-semibold"
+                                                        :class="{
+                                                            'text-gray-500 dark:text-gray-500 font-normal': !mail
+                                                                .isUnread
+                                                        }"
+                                                        x-text="mail.firstName ? mail.firstName + ' ' + mail.lastName : mail.email">
+                                                    </div>
+                                                </div>
+                                            </td>
+                                            <td>
+                                                <div
+                                                    class="font-medium text-white-dark overflow-hidden min-w-[300px] line-clamp-1">
+                                                    <span
+                                                        :class="{
+                                                            'text-gray-800 dark:text-gray-300 font-semibold': mail
+                                                                .isUnread
+                                                        }">
+                                                        <span x-text="mail.title"></span> &minus;
+                                                        <span x-text="mail.displayDescription"></span></span>
+                                                </div>
+                                            </td>
+                                            <td>
+                                                <div class="flex items-center">
+                                                    <div class="w-2 h-2 rounded-full"
+                                                        :class="{
+                                                            'bg-primary': mail.group === 'personal',
+                                                            'bg-warning': mail.group === 'work',
+                                                            'bg-success': mail.group === 'social',
+                                                            'bg-danger': mail.group === 'private',
+                                                        }">
+                                                    </div>
+                                                    <template x-if="mail.attachments">
+                                                        <div class="ltr:ml-4 rtl:mr-4">
+
+                                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                                class="w-5 h-5">
+                                                                <path
+                                                                    d="M7.9175 17.8068L15.8084 10.2535C16.7558 9.34668 16.7558 7.87637 15.8084 6.96951M3 10.0346L9.40419 3.90441C12.0569 1.3652 16.3578 1.3652 19.0105 3.90441"
+                                                                    stroke="currentColor" stroke-width="1.5"
+                                                                    stroke-linecap="round" />
+                                                                <path opacity="0.5"
+                                                                    d="M19.0105 13.0996L19.5291 13.6414L19.0105 13.0996ZM11.0624 20.7076L10.5438 20.1658L11.0624 20.7076ZM4.54388 14.4679L5.0625 15.0097L4.54388 14.4679ZM12.3776 6.9694L11.859 6.4276L12.3776 6.9694ZM19.5291 3.3625C19.2299 3.07608 18.7551 3.08646 18.4687 3.38568C18.1823 3.68491 18.1927 4.15967 18.4919 4.44609L19.5291 3.3625ZM18.4919 12.5578L10.5438 20.1658L11.581 21.2494L19.5291 13.6414L18.4919 12.5578ZM5.0625 15.0097L12.8962 7.51119L11.859 6.4276L4.02527 13.9262L5.0625 15.0097ZM16.327 6.4276C15.0896 5.24313 13.0964 5.24313 11.859 6.4276L12.8962 7.51119C13.5536 6.88194 14.6324 6.88194 15.2898 7.51119L16.327 6.4276ZM5.0625 20.1658C3.57096 18.7381 3.57096 16.4375 5.0625 15.0097L4.02527 13.9262C1.91671 15.9445 1.91671 19.2311 4.02527 21.2494L5.0625 20.1658ZM10.5438 20.1658C9.03379 21.6112 6.57253 21.6112 5.0625 20.1658L4.02527 21.2494C6.11533 23.25 9.49098 23.25 11.581 21.2494L10.5438 20.1658ZM18.4919 4.44609C20.8361 6.68999 20.8361 10.3139 18.4919 12.5578L19.5291 13.6414C22.4903 10.8069 22.4903 6.19703 19.5291 3.3625L18.4919 4.44609Z"
+                                                                    fill="currentColor" />
+                                                            </svg>
+                                                        </div>
+                                                    </template>
+                                                </div>
+                                            </td>
+                                            <td class="whitespace-nowrap font-medium ltr:text-right rtl:text-left"
+                                                x-text="showTime(mail)"></td>
+                                        </tr>
+                                    </template>
+                                </tbody>
+                            </table>
+                        </div>
+                    </template>
+                    <template x-if="!pagedMails.length">
+                        <div class="grid place-content-center min-h-[300px] font-semibold text-lg h-full">
+                            No data available
+                        </div>
+                    </template>
+                </div>
+                <template x-if="selectedMail && !isEdit">
+                    <div>
+                        <div class="flex items-center justify-between flex-wrap p-4">
+                            <div class="flex items-center">
+                                <button type="button" class="ltr:mr-2 rtl:ml-2 hover:text-primary"
+                                    @click="selectedMail = null">
+                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                                        stroke-width="1.5" stroke="currentColor" class="w-5 h-5 rtl:rotate-180">
+                                        <path stroke-linecap="round" stroke-linejoin="round"
+                                            d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" />
+                                    </svg>
+                                </button>
+                                <h4 class="text-base md:text-lg font-medium ltr:mr-2 rtl:ml-2"
+                                    x-text="selectedMail.title"></h4>
+                                <div class="badge bg-info hover:top-0" x-text="selectedMail.type"></div>
+                            </div>
+                            <button x-tooltip="Print" data-placement="top" role="tooltip" type="button">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                    <path
+                                        d="M6 17.9827C4.44655 17.9359 3.51998 17.7626 2.87868 17.1213C2 16.2426 2 14.8284 2 12C2 9.17157 2 7.75736 2.87868 6.87868C3.75736 6 5.17157 6 8 6H16C18.8284 6 20.2426 6 21.1213 6.87868C22 7.75736 22 9.17157 22 12C22 14.8284 22 16.2426 21.1213 17.1213C20.48 17.7626 19.5535 17.9359 18 17.9827"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5" d="M9 10H6" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path d="M19 14L5 14" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path
+                                        d="M18 14V16C18 18.8284 18 20.2426 17.1213 21.1213C16.2426 22 14.8284 22 12 22C9.17157 22 7.75736 22 6.87868 21.1213C6 20.2426 6 18.8284 6 16V14"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5"
+                                        d="M17.9827 6C17.9359 4.44655 17.7626 3.51998 17.1213 2.87868C16.2427 2 14.8284 2 12 2C9.17158 2 7.75737 2 6.87869 2.87868C6.23739 3.51998 6.06414 4.44655 6.01733 6"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle opacity="0.5" cx="17" cy="10" r="1"
+                                        fill="currentColor" />
+                                    <path opacity="0.5" d="M15 16.5H9" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13 19H9" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                </svg>
+                            </button>
+                        </div>
+                        <div class="h-px border-b border-[#e0e6ed] dark:border-[#1b2e4b]"></div>
+                        <div class="p-4 relative">
+                            <div class="flex flex-wrap">
+                                <div class="flex-shrink-0 ltr:mr-2 rtl:ml-2">
+                                    <img x-show="selectedMail.path"
+                                        :src="`/assets/images/${selectedMail.path}`"
+                                        class="h-12 w-12 rounded-full object-cover" alt="avatar" />
+                                    <div x-show="!selectedMail.path"
+                                        class="border border-gray-300 dark:border-gray-800 rounded-full p-3">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                            <circle cx="12" cy="6" r="4"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                                ry="4" stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                    </div>
+                                </div>
+                                <div class="ltr:mr-2 rtl:ml-2 flex-1">
+                                    <div class="flex items-center">
+                                        <div class="text-lg ltr:mr-4 rtl:ml-4 whitespace-nowrap"
+                                            x-text="selectedMail.firstName ? selectedMail.firstName + ' ' + selectedMail.lastName : selectedMail.email">
+                                        </div>
+                                        <div x-show="selectedMail.group" x-dynamictooltip="selectedMail.group"
+                                            role="tooltip" class="ltr:mr-4 rtl:ml-4">
+                                            <div class="w-2 h-2 rounded-full"
+                                                :class="{
+                                                    'bg-primary': selectedMail.group === 'personal',
+                                                    'bg-warning': selectedMail.group === 'work',
+                                                    'bg-success': selectedMail.group === 'social',
+                                                    'bg-danger': selectedMail.group === 'private',
+                                                }">
+                                            </div>
+                                        </div>
+                                        <div class="text-white-dark whitespace-nowrap">1 days ago</div>
+                                    </div>
+                                    <div class="text-white-dark  flex items-center">
+                                        <div class="ltr:mr-1 rtl:ml-1"
+                                            x-text="selectedMail.type === 'sent_mail' ? selectedMail.email : 'to me'">
+                                        </div>
+                                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                            <button type="button" class="mt-1.5" @click="toggle">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5">
+                                                    <path d="M19 9L12 15L5 9" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round"
+                                                        stroke-linejoin="round" />
+                                                </svg>
+                                            </button>
+                                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                                class="ltr:left-0 rtl:right-0 sm:w-56">
+                                                <li>
+                                                    <div class="flex items-center px-4 py-2">
+                                                        <div class="text-white-dark ltr:mr-2 rtl:ml-2 w-1/4">From:
+                                                        </div>
+                                                        <div class="flex-1"
+                                                            x-text="selectedMail.type === 'sent_mail' ? 'tailly@gmail.com' : selectedMail.email">
+                                                        </div>
+                                                    </div>
+                                                </li>
+                                                <li>
+                                                    <div class="flex items-center px-4 py-2">
+                                                        <div class="text-white-dark ltr:mr-2 rtl:ml-2 w-1/4">To:</div>
+                                                        <div class="flex-1"
+                                                            x-text="selectedMail.type !== 'sent_mail' ? 'tailly@gmail.com' : selectedMail.email">
+                                                        </div>
+                                                    </div>
+                                                </li>
+                                                <li>
+                                                    <div class="flex items-center px-4 py-2">
+                                                        <div class="text-white-dark ltr:mr-2 rtl:ml-2 w-1/4">Date:
+                                                        </div>
+                                                        <div class="flex-1"
+                                                            x-text="selectedMail.date + ', ' + selectedMail.time">
+                                                        </div>
+                                                    </div>
+                                                </li>
+                                                <li>
+                                                    <div class="flex items-center px-4 py-2">
+                                                        <div class="text-white-dark ltr:mr-2 rtl:ml-2 w-1/4">Subject:
+                                                        </div>
+                                                        <div class="flex-1" x-text="selectedMail.title"></div>
+                                                    </div>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div>
+                                    <div class="flex items-center justify-center space-x-3 rtl:space-x-reverse">
+                                        <button x-tooltip="Star" data-placement="top" role="tooltip"
+                                            type="button" class="enabled:hover:text-warning disabled:opacity-60"
+                                            :class="{ 'text-warning': selectedMail.isStar }"
+                                            @click="setStar(selectedMail.id)" :disabled="selectedTab === 'trash'">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5"
+                                                :class="{ 'fill-warning': selectedMail.isStar }">
+                                                <path
+                                                    d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                            </svg>
+                                        </button>
+
+                                        <button x-tooltip="Important" data-placement="top" role="tooltip"
+                                            type="button" class="enabled:hover:text-primary disabled:opacity-60"
+                                            :class="{ 'text-primary': selectedMail.isImportant }"
+                                            @click="setImportant(selectedMail.id)"
+                                            :disabled="selectedTab === 'trash'">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                class="w-4.5 h-4.5 rotate-90"
+                                                :class="{ 'fill-primary': selectedMail.isImportant }">
+                                                <path
+                                                    d="M21 16.0909V11.0975C21 6.80891 21 4.6646 19.682 3.3323C18.364 2 16.2426 2 12 2C7.75736 2 5.63604 2 4.31802 3.3323C3 4.6646 3 6.80891 3 11.0975V16.0909C3 19.1875 3 20.7358 3.73411 21.4123C4.08421 21.735 4.52615 21.9377 4.99692 21.9915C5.98402 22.1045 7.13673 21.0849 9.44216 19.0458C10.4612 18.1445 10.9708 17.6938 11.5603 17.5751C11.8506 17.5166 12.1494 17.5166 12.4397 17.5751C13.0292 17.6938 13.5388 18.1445 14.5578 19.0458C16.8633 21.0849 18.016 22.1045 19.0031 21.9915C19.4739 21.9377 19.9158 21.735 20.2659 21.4123C21 20.7358 21 19.1875 21 16.0909Z"
+                                                    stroke="currentColor" stroke-width="1.5"></path>
+                                            </svg>
+                                        </button>
+
+                                        <button x-tooltip="Reply" data-placement="top" role="tooltip"
+                                            type="button" class="hover:text-info"
+                                            @click="openMail('reply', selectedMail)">
+
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                class="w-5 h-5 rtl:hidden">
+                                                <path d="M9.5 7L4.5 12L9.5 17" stroke="currentColor"
+                                                    stroke-width="1.5" stroke-linecap="round"
+                                                    stroke-linejoin="round" />
+                                                <path opacity="0.5" d="M4.5 12L14.5 12C16.1667 12 19.5 13 19.5 17"
+                                                    stroke="currentColor" stroke-width="1.5"
+                                                    stroke-linecap="round" />
+                                            </svg>
+                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                class="w-5 h-5 ltr:hidden rtl:block">
+                                                <path d="M14.5 7L19.5 12L14.5 17" stroke="currentColor"
+                                                    stroke-width="1.5" stroke-linecap="round"
+                                                    stroke-linejoin="round" />
+                                                <path opacity="0.5" d="M19.5 12L9.5 12C7.83333 12 4.5 13 4.5 17"
+                                                    stroke="currentColor" stroke-width="1.5"
+                                                    stroke-linecap="round" />
+                                            </svg>
+                                        </button>
+
+                                        <button x-tooltip="Forward" data-placement="top" role="tooltip"
+                                            type="button" class="hover:text-info"
+                                            @click="openMail('forward', selectedMail)">
+
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                class="w-5 h-5 ltr:hidden rtl:block">
+                                                <path d="M9.5 7L4.5 12L9.5 17" stroke="currentColor"
+                                                    stroke-width="1.5" stroke-linecap="round"
+                                                    stroke-linejoin="round" />
+                                                <path opacity="0.5" d="M4.5 12L14.5 12C16.1667 12 19.5 13 19.5 17"
+                                                    stroke="currentColor" stroke-width="1.5"
+                                                    stroke-linecap="round" />
+                                            </svg>
+                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                class="w-5 h-5 rtl:hidden">
+                                                <path d="M14.5 7L19.5 12L14.5 17" stroke="currentColor"
+                                                    stroke-width="1.5" stroke-linecap="round"
+                                                    stroke-linejoin="round" />
+                                                <path opacity="0.5" d="M19.5 12L9.5 12C7.83333 12 4.5 13 4.5 17"
+                                                    stroke="currentColor" stroke-width="1.5"
+                                                    stroke-linecap="round" />
+                                            </svg>
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="mt-8 prose dark:prose-p:text-white prose-p:text-sm md:prose-p:text-sm max-w-full prose-img:inline-block prose-img:m-0"
+                                x-html="selectedMail.description">
+                            </div>
+                            <p class="mt-4">Best Regards,</p>
+                            <p x-text="selectedMail.firstName + ' ' + selectedMail.lastName"></p>
+
+                            <div class="mt-8" x-show="selectedMail.attachments">
+                                <div class="text-base mb-4">Attachments</div>
+                                <div class="h-px border-b border-[#e0e6ed] dark:border-[#1b2e4b]"></div>
+                                <div class="flex items-center flex-wrap mt-6">
+                                    <template x-for="attachment in selectedMail.attachments">
+                                        <button type="button"
+                                            class=" flex items-center ltr:mr-4 rtl:ml-4 mb-4 border border-[#e0e6ed] dark:border-[#1b2e4b] rounded-md hover:text-primary hover:border-primary transition-all duration-300 px-4 py-2.5 relative group">
+                                            <template x-if="attachment.type === 'image'">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5">
+                                                    <path
+                                                        d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                    <circle opacity="0.5" cx="16" cy="8"
+                                                        r="2" stroke="currentColor" stroke-width="1.5" />
+                                                    <path opacity="0.5"
+                                                        d="M2 12.5001L3.75159 10.9675C4.66286 10.1702 6.03628 10.2159 6.89249 11.0721L11.1822 15.3618C11.8694 16.0491 12.9512 16.1428 13.7464 15.5839L14.0446 15.3744C15.1888 14.5702 16.7369 14.6634 17.7765 15.599L21 18.5001"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                </svg>
+                                            </template>
+                                            <template x-if="attachment.type === 'folder'">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5">
+                                                    <path opacity="0.5" d="M18 10L13 10" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round" />
+                                                    <path
+                                                        d="M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                            </template>
+                                            <template x-if="attachment.type === 'zip'">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5">
+                                                    <path
+                                                        d="M9.5 15.5V15.375C9.5 14.8918 9.89175 14.5 10.375 14.5H13.625C14.1082 14.5 14.5 14.8918 14.5 15.375V15.5C14.5 16.8807 13.3807 18 12 18C10.6193 18 9.5 16.8807 9.5 15.5Z"
+                                                        stroke="#8E93A6" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path
+                                                        d="M9.5 3C9.5 2.5286 9.5 2.29289 9.64645 2.14645C9.79289 2 10.0286 2 10.5 2H11C11.4714 2 11.7071 2 11.8536 2.14645C12 2.29289 12 2.5286 12 3V3.5C12 3.9714 12 4.20711 11.8536 4.35355C11.7071 4.5 11.4714 4.5 11 4.5H10.5C10.0286 4.5 9.79289 4.5 9.64645 4.35355C9.5 4.20711 9.5 3.9714 9.5 3.5V3Z"
+                                                        stroke="#8E93A6" stroke-width="1.5" />
+                                                    <path
+                                                        d="M9.5 8C9.5 7.5286 9.5 7.29289 9.64645 7.14645C9.79289 7 10.0286 7 10.5 7H11C11.4714 7 11.7071 7 11.8536 7.14645C12 7.29289 12 7.5286 12 8V8.5C12 8.9714 12 9.20711 11.8536 9.35355C11.7071 9.5 11.4714 9.5 11 9.5H10.5C10.0286 9.5 9.79289 9.5 9.64645 9.35355C9.5 9.20711 9.5 8.9714 9.5 8.5V8Z"
+                                                        stroke="#8E93A6" stroke-width="1.5" />
+                                                    <path
+                                                        d="M12 5.5C12 5.0286 12 4.79289 12.1464 4.64645C12.2929 4.5 12.5286 4.5 13 4.5H13.5C13.9714 4.5 14.2071 4.5 14.3536 4.64645C14.5 4.79289 14.5 5.0286 14.5 5.5V6C14.5 6.4714 14.5 6.70711 14.3536 6.85355C14.2071 7 13.9714 7 13.5 7H13C12.5286 7 12.2929 7 12.1464 6.85355C12 6.70711 12 6.4714 12 6V5.5Z"
+                                                        stroke="#8E93A6" stroke-width="1.5" />
+                                                    <path
+                                                        d="M12 10.5C12 10.0286 12 9.79289 12.1464 9.64645C12.2929 9.5 12.5286 9.5 13 9.5H13.5C13.9714 9.5 14.2071 9.5 14.3536 9.64645C14.5 9.79289 14.5 10.0286 14.5 10.5V11C14.5 11.4714 14.5 11.7071 14.3536 11.8536C14.2071 12 13.9714 12 13.5 12H13C12.5286 12 12.2929 12 12.1464 11.8536C12 11.7071 12 11.4714 12 11V10.5Z"
+                                                        stroke="#8E93A6" stroke-width="1.5" />
+                                                    <path
+                                                        d="M3 10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H13C16.7712 2 18.6569 2 19.8284 3.17157C21 4.34315 21 6.22876 21 10V14C21 17.7712 21 19.6569 19.8284 20.8284C18.6569 22 16.7712 22 13 22H11C7.22876 22 5.34315 22 4.17157 20.8284C3 19.6569 3 17.7712 3 14V10Z"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                            </template>
+                                            <template
+                                                x-if="attachment.type !== 'zip' && attachment.type !== 'image' && attachment.type !== 'folder'">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5">
+                                                    <path
+                                                        d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                                        fill="currentColor" />
+                                                    <path opacity="0.5" d="M6 14.5H14" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round" />
+                                                    <path opacity="0.5" d="M6 18H11.5" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round" />
+                                                    <path opacity="0.5"
+                                                        d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                            </template>
+                                            <div class="ltr:ml-3 rtl:mr-3">
+                                                <p class="text-xs text-primary font-semibold"
+                                                    x-text="attachment.name"></p>
+                                                <p class="text-[11px] text-gray-400 dark:text-gray-600"
+                                                    x-text="attachment.size"></p>
+                                            </div>
+                                            <div
+                                                class="bg-dark-light/40 z-[5] w-full h-full absolute ltr:left-0 rtl:right-0 top-0 rounded-md hidden group-hover:block">
+                                            </div>
+                                            <div
+                                                class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full p-1 btn btn-primary hidden group-hover:block z-10">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5">
+                                                    <path opacity="0.5"
+                                                        d="M3 15C3 17.8284 3 19.2426 3.87868 20.1213C4.75736 21 6.17157 21 9 21H15C17.8284 21 19.2426 21 20.1213 20.1213C21 19.2426 21 17.8284 21 15"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round" />
+                                                    <path d="M12 3V16M12 16L16 11.625M12 16L8 11.625"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round" />
+                                                </svg>
+                                            </div>
+                                        </button>
+                                    </template>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </template>
+
+                <template x-if="isEdit">
+                    <div class="relative">
+                        <div class="py-4 px-6 flex items-center">
+                            <button type="button" class="xl:hidden hover:text-primary block ltr:mr-3 rtl:ml-3"
+                                @click="isShowMailMenu = !isShowMailMenu">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                    <path d="M20 7L4 7" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round"></path>
+                                    <path opacity="0.5" d="M20 12L4 12" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path d="M20 17L4 17" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round"></path>
+                                </svg>
+                            </button>
+                            <h4 class="text-lg text-gray-600 dark:text-gray-400 font-medium">Message</h4>
+                        </div>
+                        <div
+                            class="h-px bg-gradient-to-l from-indigo-900/20 via-black dark:via-white to-indigo-900/20 opacity-[0.1]">
+                        </div>
+                        <form class="p-6 grid gap-6">
+                            <div>
+                                <input type="text" class="form-input" placeholder="Enter To"
+                                    x-model="params.to" />
+                            </div>
+
+                            <div>
+                                <input type="text" class="form-input" placeholder="Enter Cc"
+                                    x-model="params.cc" />
+                            </div>
+
+                            <div>
+                                <input type="text" class="form-input" placeholder="Enter Subject"
+                                    x-model="params.title" />
+                            </div>
+
+                            <div class=" h-fit">
+                                <div id="editor" x-model="params.description">
+                                    <div x-html="params.description"></div>
+                                </div>
+                            </div>
+
+                            <div>
+                                <input id="file" type="file"
+                                    class="form-input file:py-2 file:px-4 file:border-0 file:font-semibold p-0 file:bg-primary/90 ltr:file:mr-5 rtl:file:ml-5 file:text-white file:hover:bg-primary"
+                                    multiple="multiple" accept="image/*,.zip,.pdf,.xls,.xlsx,.txt.doc,.docx"
+                                    :value="params.file" />
+                            </div>
+
+                            <div class="flex items-center ltr:ml-auto rtl:mr-auto mt-8">
+                                <button type="button" class="btn btn-outline-danger ltr:mr-3 rtl:ml-3"
+                                    @click="closeMsgPopUp">Close</button>
+                                <button type="button" class="btn btn-success ltr:mr-3 rtl:ml-3"
+                                    @click="saveMail('save')">Save</button>
+                                <button type="button" class="btn btn-primary"
+                                    @click="saveMail('send',params.id)">Send</button>
+                            </div>
+                        </form>
+                    </div>
+                </template>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("mailbox", () => ({
+                defaultData: {
+                    id: null,
+                    from: 'vristo@mail.com',
+                    to: '',
+                    cc: '',
+                    title: '',
+                    file: null,
+                    description: ''
+                },
+                quillEditor: null,
+                isShowMailMenu: false,
+                isEdit: false,
+                selectedTab: 'inbox',
+                filteredMailList: [],
+                ids: [],
+                searchText: '',
+                selectedMail: null,
+                params: this.defaultData,
+                mailList: [{
+                        id: 1,
+                        path: 'profile-15.jpeg',
+                        firstName: 'Laurie',
+                        lastName: 'Fox',
+                        email: 'laurieFox@mail.com',
+                        date: new Date(),
+                        time: '2:00 PM',
+                        title: 'Promotion Page',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: true,
+                        group: 'social',
+                        isUnread: false,
+                        attachments: [{
+                                name: 'Confirm File.txt',
+                                size: '450KB',
+                                type: 'file'
+                            },
+                            {
+                                name: 'Important Docs.xml',
+                                size: '2.1MB',
+                                type: 'file'
+                            },
+                        ],
+                        description: `
+                            <p class="mail-content"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </p>
+                            <div class="gallery text-center">
+                            <img alt="image-gallery" src="/assets/images/carousel3.jpeg" class="mb-4 mt-4" style="width: 250px; height: 180px;" />
+                            <img alt="image-gallery" src="/assets/images/carousel2.jpeg" class="mb-4 mt-4" style="width: 250px; height: 180px;" />
+                            <img alt="image-gallery" src="/assets/images/carousel1.jpeg" class="mb-4 mt-4" style="width: 250px; height: 180px;" />
+                            </div>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+                    {
+                        id: 2,
+                        path: 'profile-14.jpeg',
+                        firstName: 'Andy',
+                        lastName: 'King',
+                        email: 'kingAndy@mail.com',
+                        date: new Date(),
+                        time: '6:28 PM',
+                        title: 'Hosting Payment Reminder',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: false,
+                        group: '',
+                        isUnread: false,
+                        description: `
+                            <p class="mail-content"> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </p>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+                    {
+                        id: 3,
+                        path: '',
+                        firstName: 'Kristen',
+                        lastName: 'Beck',
+                        email: 'kirsten.beck@mail.com',
+                        date: new Date(),
+                        time: '11:09 AM',
+                        title: 'Verification Link',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: false,
+                        group: 'social',
+                        isUnread: true,
+                        description: `
+                            <p class="mail-content"> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </p>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+                    {
+                        id: 4,
+                        path: 'profile-16.jpeg',
+                        firstName: 'Christian',
+                        lastName: '',
+                        email: 'christian@mail.com',
+                        date: '11/30/2021',
+                        time: '2:00 PM',
+                        title: 'New Updates',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: false,
+                        group: 'private',
+                        isUnread: false,
+                        attachments: [{
+                            name: 'update.zip',
+                            size: '1.38MB',
+                            type: 'zip'
+                        }],
+                        description: `
+                            <p class="mail-content"> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </p>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+                    {
+                        id: 5,
+                        path: 'profile-17.jpeg',
+                        firstName: 'Roxanne',
+                        lastName: '',
+                        email: 'roxanne@mail.com',
+                        date: '11/15/2021',
+                        time: '2:00 PM',
+                        title: 'Schedular Alert',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: false,
+                        group: 'personal',
+                        isUnread: true,
+                        description: `
+                            <p class="mail-content"> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </p>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+                    {
+                        id: 6,
+                        path: 'profile-18.jpeg',
+                        firstName: 'Nia',
+                        lastName: 'Hillyer',
+                        email: 'niahillyer@mail.com',
+                        date: '08/16/2020',
+                        time: '2:22 AM',
+                        title: 'Motion UI Kit',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'inbox',
+                        isImportant: true,
+
+                        isStar: true,
+                        group: '',
+                        isUnread: false,
+                        description: `
+                            <p class="mail-content"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.</p>
+                            <div class="gallery text-center">
+                            <img alt="image-gallery" src="/assets/images/carousel3.jpeg" class="mb-4 mt-4" style="width: 250px; height: 180px;">
+                            <img alt="image-gallery" src="/assets/images/carousel2.jpeg" class="mb-4 mt-4" style="width: 250px; height: 180px;">
+                            <img alt="image-gallery" src="/assets/images/carousel1.jpeg" class="mb-4 mt-4" style="width: 250px; height: 180px;">
+                            </div>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+                    {
+                        id: 7,
+                        path: 'profile-19.jpeg',
+                        firstName: 'Iris',
+                        lastName: 'Hubbard',
+                        email: 'irishubbard@mail.com',
+                        date: '08/16/2020',
+                        time: '1:40 PM',
+                        title: 'Green Illustration',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'inbox',
+                        isImportant: true,
+
+                        isStar: true,
+                        group: '',
+                        isUnread: false,
+                        description: `
+                            <p class="mail-content"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </p>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+                    {
+                        id: 8,
+                        path: '',
+                        firstName: 'Ernest',
+                        lastName: 'Reeves',
+                        email: 'reevesErnest@mail.com',
+                        date: '06/02/2020',
+                        time: '8:25 PM',
+                        title: 'Youtube',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'archive',
+                        isImportant: true,
+
+                        isStar: true,
+                        group: 'work',
+                        isUnread: false,
+                        description: `
+                            <p class="mail-content"> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </p>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+                    {
+                        id: 9,
+                        path: 'profile-20.jpeg',
+                        firstName: 'Info',
+                        lastName: 'Company',
+                        email: 'infocompany@mail.com',
+                        date: '02/10/2020',
+                        time: '7:00 PM',
+                        title: '50% Discount',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: false,
+                        group: 'work',
+                        isUnread: false,
+                        description: `
+                            <p class="mail-content"> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </p>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+
+                    {
+                        id: 10,
+                        path: '',
+                        firstName: 'NPM',
+                        lastName: 'Inc',
+                        email: 'npminc@mail.com',
+                        date: '12/15/2018',
+                        time: '8:37 AM',
+                        title: 'npm Inc',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'archive',
+                        isImportant: false,
+                        isStar: false,
+                        group: 'personal',
+                        isUnread: true,
+                        attachments: [{
+                            name: 'package.zip',
+                            size: '450KB',
+                            type: 'zip'
+                        }],
+                        description: `
+                            <p class="mail-content"> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </p>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+                    {
+                        id: 11,
+                        path: 'profile-21.jpeg',
+                        firstName: 'Marlene',
+                        lastName: 'Wood',
+                        email: 'marlenewood@mail.com',
+                        date: '11/25/2018',
+                        time: '1:51 PM',
+                        title: 'eBill',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: false,
+                        group: 'personal',
+                        isUnread: false,
+                        description: `
+                            <p class="mail-content"> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </p>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+
+                    {
+                        id: 12,
+                        path: '',
+                        firstName: 'Keith',
+                        lastName: 'Foster',
+                        email: 'kf@mail.com',
+                        date: '12/15/2018',
+                        time: '9:30 PM',
+                        title: 'Web Design News',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'draft',
+                        isImportant: false,
+                        isStar: false,
+                        group: 'personal',
+                        isUnread: false,
+                        description: `
+                            <p class="mail-content"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.</p>
+                            `,
+                    },
+                    {
+                        id: 13,
+                        path: '',
+                        firstName: 'Amy',
+                        lastName: 'Diaz',
+                        email: 'amyDiaz@mail.com',
+                        date: '12/15/2018',
+                        time: '2:00 PM',
+                        title: 'Ecommerce Analytics',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'draft',
+                        isImportant: false,
+                        isStar: false,
+                        group: 'private',
+                        isUnread: false,
+                        description: `
+                            <p class="mail-content"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.</p>
+                            `,
+                    },
+
+                    {
+                        id: 14,
+                        path: '',
+                        firstName: 'Alan',
+                        lastName: '',
+                        email: 'alan@mail.com',
+                        date: '12/16/2019',
+                        time: '8:45 AM',
+                        title: 'Mozilla Update',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'sent_mail',
+                        isImportant: false,
+                        isStar: false,
+                        group: 'work',
+                        isUnread: false,
+                        attachments: [{
+                                name: 'Confirm File',
+                                size: '450KB',
+                                type: 'file'
+                            },
+                            {
+                                name: 'Important Docs',
+                                size: '2.1MB',
+                                type: 'folder'
+                            },
+                            {
+                                name: 'Photo.png',
+                                size: '50kb',
+                                type: 'image'
+                            },
+                        ],
+                        description: `
+                            <p class="mail-content"> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </p>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+                    {
+                        id: 15,
+                        path: '',
+                        firstName: 'Justin',
+                        lastName: 'Cross',
+                        email: 'justincross@mail.com',
+                        date: '09/14/219',
+                        time: '3:10 PM',
+                        title: 'App Project Checklist',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'sent_mail',
+                        isImportant: false,
+                        isStar: false,
+                        group: '',
+                        isUnread: false,
+                        attachments: [{
+                                name: 'Important Docs',
+                                size: '2.1MB',
+                                type: 'folder'
+                            },
+                            {
+                                name: 'Photo.png',
+                                size: '50kb',
+                                type: 'image'
+                            },
+                        ],
+                        description: `
+                            <p class="mail-content"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </p>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+
+                    {
+                        id: 16,
+                        path: 'profile-21.jpeg',
+                        firstName: 'Alex',
+                        lastName: 'Gray',
+                        email: 'alexGray@mail.com',
+                        date: '08/16/2019',
+                        time: '10:18 AM',
+                        title: 'Weekly Newsletter',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'spam',
+                        isImportant: false,
+                        isStar: false,
+                        group: '',
+                        isUnread: false,
+                        attachments: [{
+                                name: 'Confirm File',
+                                size: '450KB',
+                                type: 'file'
+                            },
+                            {
+                                name: 'Important Docs',
+                                size: '2.1MB',
+                                type: 'folder'
+                            },
+                            {
+                                name: 'Photo.png',
+                                size: '50kb',
+                                type: 'image'
+                            },
+                        ],
+                        description: `
+                            <p class="mail-content"> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </p>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+                    {
+                        id: 17,
+                        path: 'profile-22.jpeg',
+                        firstName: 'Info',
+                        lastName: 'Company',
+                        email: 'infocompany@mail.com',
+                        date: '02/10/2018',
+                        time: '7:00 PM',
+                        title: '50% Discount',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'spam',
+                        isImportant: false,
+                        isStar: false,
+                        group: 'work',
+                        isUnread: false,
+                        description: `
+                            <p class="mail-content"> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </p>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+                    {
+                        id: 18,
+                        path: 'profile-21.jpeg',
+                        firstName: 'Marlene',
+                        lastName: 'Wood',
+                        email: 'marlenewood@mail.com',
+                        date: '11/25/2017',
+                        time: '1:51 PM',
+                        title: 'eBill',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'spam',
+                        isImportant: false,
+                        isStar: false,
+                        group: 'personal',
+                        isUnread: false,
+                        description: `
+                            <p class="mail-content"> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </p>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+
+                    {
+                        id: 19,
+                        path: 'profile-23.jpeg',
+                        firstName: 'Ryan MC',
+                        lastName: 'Killop',
+                        email: 'ryanMCkillop@mail.com',
+                        date: '08/17/2018',
+                        time: '11:45 PM',
+                        title: 'Make it Simple',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'trash',
+                        isImportant: false,
+                        isStar: false,
+                        group: '',
+                        isUnread: false,
+                        description: `
+                            <p class="mail-content"> Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </p>
+                            <div class="gallery text-center">
+                            <img alt="image-gallery" src="/assets/images/carousel2.jpeg" class="mb-4 mt-4" style="width: 250px; height: 180px;">
+                            <img alt="image-gallery" src="/assets/images/carousel3.jpeg" class="mb-4 mt-4" style="width: 250px; height: 180px;">
+                            <img alt="image-gallery" src="/assets/images/carousel1.jpeg" class="mb-4 mt-4" style="width: 250px; height: 180px;">
+                            </div>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+                    {
+                        id: 20,
+                        path: 'profile-23.jpeg',
+                        firstName: 'Liam',
+                        lastName: 'Sheldon',
+                        email: 'liamsheldon@mail.com',
+                        date: '08/17/2018 ',
+                        time: '11:45 PM',
+                        title: 'New Offers',
+                        displayDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue.',
+                        type: 'trash',
+                        isImportant: false,
+                        isStar: false,
+                        group: '',
+                        isUnread: false,
+                        attachments: [{
+                            name: 'Confirm File',
+                            size: '450KB',
+                            type: 'file'
+                        }],
+                        description: `
+                            <p class="mail-content"> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </p>
+                            <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
+                            `,
+                    },
+                    {
+                        id: 21,
+                        path: 'profile-21.jpeg',
+                        firstName: 'Porter',
+                        lastName: 'Taylor',
+                        email: 'porter.harber@wiza.info',
+                        date: '06/01/2020',
+                        time: '02:40 PM',
+                        title: 'Id labore ex et quam laborum',
+                        displayDescription: 'Laudantium enim quasi est quidem magnam voluptate ipsam eos\ntempora quo necessitatibus\ndolor quam autem quasi\nreiciendis et nam sapiente accusantium',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: false,
+                        group: '',
+                        isUnread: false,
+                        description: `<p class="mail-content">Laudantium enim quasi est quidem magnam voluptate ipsam eos\ntempora quo necessitatibus\ndolor quam autem quasi\nreiciendis et nam sapiente accusantium</p>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>`,
+                    },
+                    {
+                        id: 22,
+                        path: 'profile-22.jpeg',
+                        firstName: 'Brock',
+                        lastName: 'Mills',
+                        email: 'brock.gibson@farrell.biz',
+                        date: '09/08/2020',
+                        time: '04:20 AM',
+                        title: 'Quo vero reiciendis velit similique earum',
+                        displayDescription: 'Est natus enim nihil est dolore omnis voluptatem numquam\net omnis occaecati quod ullam at\nvoluptatem error expedita pariatur\nnihil sint nostrum voluptatem reiciendis et',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: false,
+                        group: '',
+                        isUnread: false,
+                        description: `<p class="mail-content">Est natus enim nihil est dolore omnis voluptatem numquam\net omnis occaecati quod ullam at\nvoluptatem error expedita pariatur\nnihil sint nostrum voluptatem reiciendis et</p>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>`,
+                    },
+                    {
+                        id: 23,
+                        path: 'profile-3.jpeg',
+                        firstName: 'Nyost',
+                        lastName: 'Terry',
+                        email: 'nyost@yahoo.com',
+                        date: '04/01/2019',
+                        time: '02:10 AM',
+                        title: 'Odio adipisci rerum aut animi',
+                        displayDescription: 'Quia molestiae reprehenderit quasi aspernatur\naut expedita occaecati aliquam eveniet laudantium\nomnis quibusdam delectus saepe quia accusamus maiores nam est\ncum et ducimus et vero voluptates excepturi deleniti ratione',
+                        type: 'inbox',
+                        isImportant: true,
+                        isStar: false,
+                        group: 'personal',
+                        isUnread: false,
+                        description: `<p class="mail-content">Quia molestiae reprehenderit quasi aspernatur\naut expedita occaecati aliquam eveniet laudantium\nomnis quibusdam delectus saepe quia accusamus maiores nam est\ncum et ducimus et vero voluptates excepturi deleniti ratione</p>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>`,
+                    },
+                    {
+                        id: 24,
+                        path: 'profile-2.jpeg',
+                        firstName: 'Leonardo',
+                        lastName: 'Knox',
+                        email: 'leonardo61@yahoo.com',
+                        date: '08/08/2018',
+                        time: '07:50 PM',
+                        title: 'Alias odio sit',
+                        displayDescription: 'Non et atque\noccaecati deserunt quas accusantium unde odit nobis qui voluptatem\nquia voluptas consequuntur itaque dolor\net qui rerum deleniti ut occaecati',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: true,
+                        group: '',
+                        isUnread: false,
+                        description: `<p class="mail-content">Non et atque\noccaecati deserunt quas accusantium unde odit nobis qui voluptatem\nquia voluptas consequuntur itaque dolor\net qui rerum deleniti ut occaecati</p>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>`,
+                    },
+                    {
+                        id: 25,
+                        path: 'profile-24.jpeg',
+                        firstName: 'Melisa',
+                        lastName: 'Mitchell',
+                        email: 'melisa.legros@mayer.com',
+                        date: '10/03/2018',
+                        time: '06:40 AM',
+                        title: 'Vero eaque aliquid doloribus et culpa',
+                        displayDescription: 'Harum non quasi et ratione\ntempore iure ex voluptates in ratione\nharum architecto fugit inventore cupiditate\nvoluptates magni quo et',
+                        type: 'inbox',
+                        isImportant: true,
+                        isStar: true,
+                        group: 'work',
+                        isUnread: false,
+                        description: `<p class="mail-content">Harum non quasi et ratione\ntempore iure ex voluptates in ratione\nharum architecto fugit inventore cupiditate\nvoluptates magni quo et</p>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>`,
+                    },
+                    {
+                        id: 26,
+                        path: 'profile-26.jpeg',
+                        firstName: 'Florida',
+                        lastName: 'Morgan',
+                        email: 'florida54@gmail.com',
+                        date: '05/12/2019',
+                        time: '09:20 PM',
+                        title: 'Et fugit eligendi deleniti quidem qui sint nihil autem',
+                        displayDescription: 'Doloribus at sed quis culpa deserunt consectetur qui praesentium\naccusamus fugiat dicta\nvoluptatem rerum ut voluptate autem\nvoluptatem repellendus aspernatur dolorem in',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: false,
+                        group: '',
+                        isUnread: false,
+                        description: `<p class="mail-content">Doloribus at sed quis culpa deserunt consectetur qui praesentium\naccusamus fugiat dicta\nvoluptatem rerum ut voluptate autem\nvoluptatem repellendus aspernatur dolorem in</p>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>`,
+                    },
+                    {
+                        id: 27,
+                        path: 'profile-27.jpeg',
+                        firstName: 'Madison',
+                        lastName: 'King',
+                        email: 'madison86@yahoo.com',
+                        date: '12/04/2018',
+                        time: '10:40 PM',
+                        title: 'Repellat consequatur praesentium vel minus molestias voluptatum',
+                        displayDescription: 'Maiores sed dolores similique labore et inventore et\nquasi temporibus esse sunt id et\neos voluptatem aliquam\naliquid ratione corporis molestiae mollitia quia et magnam dolor',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: false,
+                        group: 'private',
+                        isUnread: false,
+                        description: `<p class="mail-content">Maiores sed dolores similique labore et inventore et\nquasi temporibus esse sunt id et\neos voluptatem aliquam\naliquid ratione corporis molestiae mollitia quia et magnam dolor</p>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>`,
+                    },
+                    {
+                        id: 28,
+                        path: 'profile-30.jpeg',
+                        firstName: 'Paul',
+                        lastName: 'Lambert',
+                        email: 'paul.cruickshank@yahoo.com',
+                        date: '06/05/2018',
+                        time: '01:40 AM',
+                        title: 'Et omnis dolorem',
+                        displayDescription: 'Ut voluptatem corrupti velit\nad voluptatem maiores\net nisi velit vero accusamus maiores\nvoluptates quia aliquid ullam eaque',
+                        type: 'inbox',
+                        isImportant: true,
+                        isStar: false,
+                        group: '',
+                        isUnread: false,
+                        description: `<p class="mail-content">Ut voluptatem corrupti velit\nad voluptatem maiores\net nisi velit vero accusamus maiores\nvoluptates quia aliquid ullam eaque</p>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>`,
+                    },
+                    {
+                        id: 29,
+                        path: 'profile-31.jpeg',
+                        firstName: 'Brakus',
+                        lastName: 'Morrison',
+                        email: 'brakus.heidi@gmail.com',
+                        date: '03/09/2018',
+                        time: '06:10 PM',
+                        title: 'Provident id voluptas',
+                        displayDescription: 'Sapiente assumenda molestiae atque\nadipisci laborum distinctio aperiam et ab ut omnis\net occaecati aspernatur odit sit rem expedita\nquas enim ipsam minus',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: true,
+                        group: 'social',
+                        isUnread: false,
+                        description: `<p class="mail-content">Sapiente assumenda molestiae atque\nadipisci laborum distinctio aperiam et ab ut omnis\net occaecati aspernatur odit sit rem expedita\nquas enim ipsam minus</p>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>`,
+                    },
+                    {
+                        id: 30,
+                        path: 'profile-32.jpeg',
+                        firstName: 'Predovic',
+                        lastName: 'Peake',
+                        email: 'predovic.arianna@kirlin.com',
+                        date: '05/06/2018',
+                        time: '09:00 AM',
+                        title: 'Eaque et deleniti atque tenetur ut quo ut',
+                        displayDescription: 'Voluptate iusto quis nobis reprehenderit ipsum amet nulla\nquia quas dolores velit et non\naut quia necessitatibus\nnostrum quaerat nulla et accusamus nisi facili',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: false,
+                        group: 'personal',
+                        isUnread: false,
+                        description: `<p class="mail-content">Voluptate iusto quis nobis reprehenderit ipsum amet nulla\nquia quas dolores velit et non\naut quia necessitatibus\nnostrum quaerat nulla et accusamus nisi facili</p>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>`,
+                    },
+                    {
+                        id: 31,
+                        path: 'profile-32.jpeg',
+                        firstName: 'shaylee',
+                        lastName: 'Buford',
+                        email: 'Buford@shaylee.biz',
+                        date: '07/03/2018',
+                        time: '08:15 AM',
+                        title: 'Ex velit ut cum eius odio ad placeat',
+                        displayDescription: 'Quia incidunt ut\naliquid est ut rerum deleniti iure est\nipsum quia ea sint et\nvoluptatem quaerat eaque repudiandae eveniet aut',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: false,
+                        group: '',
+                        isUnread: false,
+                        description: `<p class="mail-content"></p>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>`,
+                    },
+                    {
+                        id: 32,
+                        path: 'profile-32.jpeg',
+                        firstName: 'Maria',
+                        lastName: 'laurel',
+                        email: 'Maria@laurel.name',
+                        date: '08/03/2018',
+                        time: '09:30 AM',
+                        title: 'Dolorem architecto ut pariatur quae qui suscipit',
+                        displayDescription: 'Nihil ea itaque libero illo\nofficiis quo quo dicta inventore consequatur voluptas voluptatem\ncorporis sed necessitatibus velit tempore\nrerum velit et temporibus',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: false,
+                        group: '',
+                        isUnread: false,
+                        description: `<p class="mail-content"></p>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>`,
+                    },
+                    {
+                        id: 33,
+                        path: 'profile-32.jpeg',
+                        firstName: 'Jaeden',
+                        lastName: 'Towne',
+                        email: 'Jaeden.Towne@arlene.tv',
+                        date: '11/07/2018',
+                        time: '10:15 AM',
+                        title: 'Voluptatum totam vel voluptate omnis',
+                        displayDescription: 'Fugit harum quae vero\nlibero unde tempore\nsoluta eaque culpa sequi quibusdam nulla id\net et necessitatibus',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: false,
+                        group: '',
+                        isUnread: false,
+                        description: `<p class="mail-content"></p>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>`,
+                    },
+                    {
+                        id: 34,
+                        path: 'profile-32.jpeg',
+                        firstName: 'Schneider',
+                        lastName: 'Ethelyn',
+                        email: 'Ethelyn.Schneider@emelia.co.uk',
+                        date: '07/11/2018',
+                        time: '10:30 AM',
+                        title: 'Omnis nemo sunt ab autem',
+                        displayDescription: 'Omnis temporibus quasi ab omnis\nfacilis et omnis illum quae quasi aut\nminus iure ex rem ut reprehenderit\nin non fugit',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: false,
+                        group: '',
+                        isUnread: false,
+                        description: `<p class="mail-content"></p>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>`,
+                    },
+                    {
+                        id: 35,
+                        path: 'profile-32.jpeg',
+                        firstName: 'Anna',
+                        lastName: 'Georgi',
+                        email: 'Georgianna@florence.io',
+                        date: '10/10/2017',
+                        time: '10:45 AM',
+                        title: 'Repellendus sapiente omnis praesentium aliquam ipsum id molestiae omnis',
+                        displayDescription: 'Dolor mollitia quidem facere et\nvel est ut\nut repudiandae est quidem dolorem sed atque\nrem quia aut adipisci sunt',
+                        type: 'inbox',
+                        isImportant: false,
+                        isStar: false,
+                        group: '',
+                        isUnread: false,
+                        description: `<p class="mail-content"></p>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>`,
+                    },
+                ],
+                pager: {
+                    currentPage: 1,
+                    totalPages: 0,
+                    pageSize: 10,
+                    startIndex: 0,
+                    endIndex: 0,
+                },
+                pagedMails: [],
+
+
+                checkAllCheckbox() {
+                    if (this.filteredMailList.length && this.ids.length === this.filteredMailList
+                        .length) {
+                        return true;
+                    } else {
+                        return false;
+                    }
+                },
+
+                showTime(item) {
+                    const displayDt = new Date(item.date);
+                    const cDt = new Date();
+                    if (displayDt.toDateString() === cDt.toDateString()) {
+                        return item.time;
+                    } else {
+                        if (displayDt.getFullYear() === cDt.getFullYear()) {
+                            var monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug',
+                                'Sep', 'Oct', 'Nov', 'Dec'
+                            ];
+                            return monthNames[displayDt.getMonth()] + ' ' + String(displayDt.getDate())
+                                .padStart(2, '0');
+                        } else {
+                            return String(displayDt.getMonth() + 1).padStart(2, '0') + '/' + String(
+                                    displayDt.getDate()).padStart(2, '0') + '/' + displayDt
+                                .getFullYear();
+                        }
+                    }
+                },
+
+                checkAll(isChecked) {
+                    if (isChecked) {
+                        this.ids = this.filteredMailList.map((d) => {
+                            return d.id;
+                        });
+                    } else {
+                        this.clearSelection();
+                    }
+                },
+
+                init() {
+                    this.searchMails();
+                },
+
+                searchMails(isResetPage = true) {
+
+                    if (isResetPage) {
+                        this.pager.currentPage = 1;
+                    }
+
+                    let res;
+                    if (this.selectedTab === 'important') {
+                        res = this.mailList.filter((d) => d.isImportant);
+                    } else if (this.selectedTab === 'star') {
+                        res = this.mailList.filter((d) => d.isStar);
+                    } else if (this.selectedTab === 'personal' || this.selectedTab === 'work' || this
+                        .selectedTab === 'social' || this.selectedTab === 'private') {
+                        res = this.mailList.filter((d) => d.group === this.selectedTab);
+                    } else {
+                        res = this.mailList.filter((d) => d.type === this.selectedTab);
+                    }
+                    this.filteredMailList = res.filter(
+                        (d) =>
+                        (d.title && d.title.toLowerCase().includes(this.searchText)) ||
+                        (d.firstName && d.firstName.toLowerCase().includes(this.searchText)) ||
+                        (d.lastName && d.lastName.toLowerCase().includes(this.searchText)) ||
+                        (d.displayDescription && d.displayDescription.toLowerCase().includes(this
+                            .searchText))
+                    );
+                    if (this.filteredMailList.length) {
+                        this.pager.totalPages = this.pager.pageSize < 1 ? 1 : Math.ceil(this
+                            .filteredMailList.length / this.pager.pageSize);
+                        if (this.pager.currentPage > this.pager.totalPages) {
+                            this.pager.currentPage = 1;
+                        }
+                        this.pager.startIndex = (this.pager.currentPage - 1) * this.pager.pageSize;
+                        this.pager.endIndex = Math.min(this.pager.startIndex + this.pager.pageSize - 1,
+                            this.filteredMailList.length - 1);
+                        this.pagedMails = this.filteredMailList.slice(this.pager.startIndex, this.pager
+                            .endIndex + 1);
+                    } else {
+                        this.pagedMails = [];
+                        this.pager.startIndex = -1;
+                        this.pager.endIndex = -1;
+                    }
+
+                    this.clearSelection();
+                },
+
+                clearSelection() {
+                    this.ids = [];
+                },
+
+                tabChanged(tabType) {
+                    this.isEdit = false;
+                    this.selectedTab = tabType;
+                    this.isShowMailMenu = false;
+                    this.selectedMail = null;
+                    this.searchMails();
+                },
+
+                setImportant(mailId) {
+                    if (mailId) {
+                        let item = this.filteredMailList.find((d) => d.id === mailId);
+                        item.isImportant = !item.isImportant;
+                        setTimeout(() => {
+                            this.searchMails(false);
+                        });
+                    }
+                },
+
+                setStar(mailId) {
+                    if (mailId) {
+                        let item = this.filteredMailList.find((d) => d.id === mailId);
+                        item.isStar = !item.isStar;
+                        setTimeout(() => {
+                            this.searchMails(false);
+                        });
+                    }
+                },
+
+                refreshMails() {
+                    this.search_mail = '';
+                    this.searchMails(false);
+                },
+                setSpam() {
+                    if (this.ids.length) {
+                        let items = this.filteredMailList.filter((d) => this.ids.includes(d.id));
+                        for (let item of items) {
+                            item.type = item.type === 'spam' ? 'inbox' : 'spam';
+                        }
+                        if (this.selectedTab == 'spam') {
+                            this.showMessage(this.ids.length + ' Mail has been removed from Spam.');
+                        } else {
+                            this.showMessage(this.ids.length + ' Mail has been added to Spam.');
+                        }
+                        this.searchMails(false);
+                    }
+                },
+
+                setArchive() {
+                    if (this.ids.length) {
+                        let items = this.filteredMailList.filter((d) => this.ids.includes(d.id));
+                        for (let item of items) {
+                            item.type = item.type === 'archive' ? 'inbox' : 'archive';
+                        }
+                        if (this.selectedTab == 'archive') {
+                            this.showMessage(this.ids.length + ' Mail has been removed from Archive.');
+                        } else {
+                            this.showMessage(this.ids.length + ' Mail has been added to Archive.');
+                        }
+                        this.searchMails(false);
+                    }
+                },
+
+                setGroup(group) {
+                    if (this.ids.length) {
+                        let items = this.filteredMailList.filter((d) => this.ids.includes(d.id));
+                        for (let item of items) {
+                            item.group = group;
+                        }
+
+                        this.showMessage(this.ids.length + ' Mail has been grouped as ' + group
+                            .toUpperCase());
+                        this.clearSelection();
+                        setTimeout(() => {
+                            this.searchMails(false);
+                        });
+                    }
+                },
+
+                setAction(type) {
+                    if (this.ids.length) {
+                        const totalSelected = this.ids.length;
+                        let items = this.filteredMailList.filter((d) => this.ids.includes(d.id));
+                        for (let item of items) {
+                            if (type === 'trash') {
+                                item.type = 'trash';
+                                item.group = '';
+                                item.isStar = false;
+                                item.isImportant = false;
+                                this.showMessage(totalSelected + ' Mail has been deleted.');
+                                this.searchMails(false);
+                            } else if (type === 'read') {
+                                item.isUnread = false;
+                                this.showMessage(totalSelected + ' Mail has been marked as Read.');
+                            } else if (type === 'unread') {
+                                item.isUnread = true;
+                                this.showMessage(totalSelected + ' Mail has been marked as UnRead.');
+                            } else if (type === 'important') {
+                                item.isImportant = true;
+                                this.showMessage(totalSelected + ' Mail has been marked as Important.');
+                            } else if (type === 'unimportant') {
+                                item.isImportant = false;
+                                this.showMessage(totalSelected +
+                                    ' Mail has been marked as UnImportant.');
+                            } else if (type === 'star') {
+                                item.isStar = true;
+                                this.showMessage(totalSelected + ' Mail has been marked as Star.');
+                            }
+                            //restore & permanent delete
+                            else if (type === 'restore') {
+                                item.type = 'inbox';
+                                this.showMessage(totalSelected + ' Mail Restored.');
+                                this.searchMails(false);
+                            } else if (type === 'delete') {
+                                this.mailList = this.mailList.filter((d) => d.id != item.id);
+                                this.showMessage(totalSelected + ' Mail Permanently Deleted.');
+                                this.searchMails(false);
+                            }
+                        }
+                        this.clearSelection();
+                    }
+                },
+
+                saveMail(type, id) {
+                    if (!this.params.to) {
+                        this.showMessage('To email address is required.', 'error');
+                        return false;
+                    }
+                    if (!this.params.title) {
+                        this.showMessage('Title of email is required.', 'error');
+                        return false;
+                    }
+
+                    let maxId = 0;
+                    if (!this.params.id) {
+                        maxId = this.mailList.length ? this.mailList.reduce((max, character) => (
+                            character.id > max ? character.id : max), this.mailList[0].id) : 0;
+                    }
+                    let cDt = new Date();
+
+                    let obj = {
+                        id: maxId + 1,
+                        path: '',
+                        firstName: '',
+                        lastName: '',
+                        email: this.params.to,
+                        date: cDt.getMonth() + 1 + '/' + cDt.getDate() + '/' + cDt.getFullYear(),
+                        time: cDt.toLocaleTimeString(),
+                        title: this.params.title,
+                        displayDescription: this.quillEditor.getText(),
+                        type: 'draft',
+                        isImportant: false,
+                        group: '',
+                        isUnread: false,
+                        description: this.quillEditor.root.innerHTML,
+                        attachments: null,
+                    };
+                    if (this.params.file && this.params.file.length) {
+                        obj.attachments = [];
+                        for (let file of this.params.file) {
+                            let flObj = {
+                                name: file.name,
+                                size: getFileSize(file.size),
+                                type: getFileType(file.type)
+                            }
+                            obj.attachments.push(flObj);
+                        }
+                    }
+                    if (type === 'save' || type === 'save_reply' || type === 'save_forward') {
+                        //saved to draft
+
+                        obj.type = 'draft';
+                        this.mailList.splice(0, 0, obj);
+                        this.searchMails();
+
+                        this.showMessage('Mail has been saved successfully to draft.');
+                    } else if (type === 'send' || type === 'reply' || type === 'forward') {
+                        //saved to sent mail
+
+                        obj.type = 'sent_mail';
+                        this.mailList.splice(0, 0, obj);
+                        this.searchMails();
+
+                        this.showMessage('Mail has been sent successfully.');
+                    }
+
+                    this.selectedMail = null;
+                    this.isEdit = false;
+                },
+
+                getFileSize(file_type) {
+                    let type = 'file';
+                    if (file_type.includes('image/')) {
+                        type = 'image';
+                    } else if (file_type.includes('application/x-zip')) {
+                        type = 'zip';
+                    }
+                    return type;
+                },
+                getFileType(total_bytes) {
+                    let size = '';
+                    if (total_bytes < 1000000) {
+                        size = Math.floor(total_bytes / 1000) + 'KB';
+                    } else {
+                        size = Math.floor(total_bytes / 1000000) + 'MB';
+                    }
+                    return size;
+                },
+
+                selectMail(item) {
+                    if (item) {
+                        if (item.type != 'draft') {
+                            if (item && item.isUnread) {
+                                item.isUnread = false;
+                            }
+                            this.selectedMail = item;
+                        } else {
+                            this.openMail('draft', item);
+                        }
+                    } else {
+                        this.selectedMail = '';
+                    }
+                },
+
+                openMail(type, item) {
+                    if (!this.isEdit) {
+                        setTimeout(() => {
+                            this.quillEditor = new Quill('#editor', {
+                                theme: 'snow'
+                            });
+                        });
+                    }
+                    if (type === 'add') {
+                        this.isShowMailMenu = false;
+                        if (this.quillEditor) {
+                            this.quillEditor.setText('')
+                        }
+                        this.params = JSON.parse(JSON.stringify(this.defaultData));
+                    } else if (type === 'draft') {
+                        let data = JSON.parse(JSON.stringify(item));
+                        this.params = data;
+                        this.params.from = this.defaultData.from;
+                        this.params.to = data.email;
+                        this.params.displayDescription = data.email;
+                    } else if (type === 'reply') {
+                        let data = JSON.parse(JSON.stringify(item));
+                        this.params = data;
+                        this.params.from = this.defaultData.from;
+                        this.params.to = data.email;
+                        this.params.title = 'Re: ' + this.params.title;
+                        this.params.displayDescription = 'Re: ' + this.params.title;
+                    } else if (type === 'forward') {
+                        let data = JSON.parse(JSON.stringify(item));
+                        this.params = data;
+                        this.params.from = this.defaultData.from;
+                        this.params.to = data.email;
+                        this.params.title = 'Fwd: ' + this.params.title;
+                        this.params.displayDescription = 'Fwd: ' + this.params.title;
+                    }
+                    this.isEdit = true;
+                },
+
+                closeMsgPopUp() {
+                    this.isEdit = false;
+                    this.selectedTab = 'inbox';
+                    this.searchMails();
+                },
+
+                showMessage(msg = '', type = 'success') {
+                    const toast = window.Swal.mixin({
+                        toast: true,
+                        position: 'top',
+                        showConfirmButton: false,
+                        timer: 3000,
+                    });
+                    toast.fire({
+                        icon: type,
+                        title: msg,
+                        padding: '10px 20px',
+                    });
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/apps/notes.blade.php b/resources/views/apps/notes.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..79805a9dc0b10693342fdb0574b4e4f8915a16fb
--- /dev/null
+++ b/resources/views/apps/notes.blade.php
@@ -0,0 +1,988 @@
+<x-layout.default>
+
+
+
+    <div x-data="notes">
+        <div class="flex gap-5 relative sm:h-[calc(100vh_-_150px)] h-full">
+            <div class="bg-black/60 z-10 w-full h-full rounded-md absolute hidden"
+                :class="{ '!block xl:!hidden': isShowNoteMenu }" @click="isShowNoteMenu = !isShowNoteMenu"></div>
+            <div class="panel p-4 flex-none w-[240px] absolute xl:relative z-10 space-y-4 h-full xl:h-auto hidden xl:block ltr:lg:rounded-r-md ltr:rounded-r-none rtl:lg:rounded-l-md rtl:rounded-l-none overflow-hidden"
+                :class="{ 'hidden shadow': !isShowNoteMenu, 'h-full ltr:left-0 rtl:right-0': isShowNoteMenu }">
+                <div class="flex flex-col h-full pb-16">
+                    <div class="flex text-center items-center">
+                        <div class="shrink-0">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                <path
+                                    d="M20.3116 12.6473L20.8293 10.7154C21.4335 8.46034 21.7356 7.3328 21.5081 6.35703C21.3285 5.58657 20.9244 4.88668 20.347 4.34587C19.6157 3.66095 18.4881 3.35883 16.2331 2.75458C13.978 2.15033 12.8504 1.84821 11.8747 2.07573C11.1042 2.25537 10.4043 2.65945 9.86351 3.23687C9.27709 3.86298 8.97128 4.77957 8.51621 6.44561C8.43979 6.7254 8.35915 7.02633 8.27227 7.35057L8.27222 7.35077L7.75458 9.28263C7.15033 11.5377 6.84821 12.6652 7.07573 13.641C7.25537 14.4115 7.65945 15.1114 8.23687 15.6522C8.96815 16.3371 10.0957 16.6392 12.3508 17.2435L12.3508 17.2435C14.3834 17.7881 15.4999 18.0873 16.415 17.9744C16.5152 17.9621 16.6129 17.9448 16.7092 17.9223C17.4796 17.7427 18.1795 17.3386 18.7203 16.7612C19.4052 16.0299 19.7074 14.9024 20.3116 12.6473Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M16.415 17.9741C16.2065 18.6126 15.8399 19.1902 15.347 19.6519C14.6157 20.3368 13.4881 20.6389 11.2331 21.2432C8.97798 21.8474 7.85044 22.1495 6.87466 21.922C6.10421 21.7424 5.40432 21.3383 4.86351 20.7609C4.17859 20.0296 3.87647 18.9021 3.27222 16.647L2.75458 14.7151C2.15033 12.46 1.84821 11.3325 2.07573 10.3567C2.25537 9.58627 2.65945 8.88638 3.23687 8.34557C3.96815 7.66065 5.09569 7.35853 7.35077 6.75428C7.77741 6.63996 8.16368 6.53646 8.51621 6.44531"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M11.7769 10L16.6065 11.2941" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path opacity="0.5" d="M11 12.8975L13.8978 13.6739" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <h3 class="text-lg font-semibold ltr:ml-3 rtl:mr-3">Notes</h3>
+                    </div>
+                    <div class="h-px w-full border-b border-[#e0e6ed] dark:border-[#1b2e4b] my-4"></div>
+                    <div class="perfect-scrollbar relative pr-3.5 -mr-3.5 h-full grow">
+                        <div class="space-y-1">
+                            <button type="button"
+                                class="w-full flex justify-between items-center p-2 hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium h-10"
+                                :class="{
+                                    'bg-gray-100 dark:text-primary text-primary dark:bg-[#181F32]': selectedTab ===
+                                        'all'
+                                }"
+                                @click="tabChanged('all')">
+                                <div class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                        <path
+                                            d="M18.18 8.03933L18.6435 7.57589C19.4113 6.80804 20.6563 6.80804 21.4241 7.57589C22.192 8.34374 22.192 9.58868 21.4241 10.3565L20.9607 10.82M18.18 8.03933C18.18 8.03933 18.238 9.02414 19.1069 9.89309C19.9759 10.762 20.9607 10.82 20.9607 10.82M18.18 8.03933L13.9194 12.2999C13.6308 12.5885 13.4865 12.7328 13.3624 12.8919C13.2161 13.0796 13.0906 13.2827 12.9882 13.4975C12.9014 13.6797 12.8368 13.8732 12.7078 14.2604L12.2946 15.5L12.1609 15.901M20.9607 10.82L16.7001 15.0806C16.4115 15.3692 16.2672 15.5135 16.1081 15.6376C15.9204 15.7839 15.7173 15.9094 15.5025 16.0118C15.3203 16.0986 15.1268 16.1632 14.7396 16.2922L13.5 16.7054L13.099 16.8391M13.099 16.8391L12.6979 16.9728C12.5074 17.0363 12.2973 16.9867 12.1553 16.8447C12.0133 16.7027 11.9637 16.4926 12.0272 16.3021L12.1609 15.901M13.099 16.8391L12.1609 15.901"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path d="M8 13H10.5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path d="M8 9H14.5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path d="M8 17H9.5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path opacity="0.5"
+                                            d="M3 10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H13C16.7712 2 18.6569 2 19.8284 3.17157C21 4.34315 21 6.22876 21 10V14C21 17.7712 21 19.6569 19.8284 20.8284C18.6569 22 16.7712 22 13 22H11C7.22876 22 5.34315 22 4.17157 20.8284C3 19.6569 3 17.7712 3 14V10Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                    <div class="ltr:ml-3 rtl:mr-3">All Notes</div>
+                                </div>
+                            </button>
+                            <button type="button"
+                                class="w-full flex justify-between items-center p-2 hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium h-10"
+                                :class="{
+                                    'bg-gray-100 dark:text-primary text-primary dark:bg-[#181F32]': selectedTab ===
+                                        'fav'
+                                }"
+                                @click="tabChanged('fav')">
+                                <div class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                        <path
+                                            d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                            stroke="currentColor" stroke-width="1.5"></path>
+                                    </svg>
+                                    <div class="ltr:ml-3 rtl:mr-3">Favourites</div>
+                                </div>
+                            </button>
+                            <div class="h-px w-full border-b border-[#e0e6ed] dark:border-[#1b2e4b]"></div>
+                            <div class="px-1 py-3 text-white-dark">Tags</div>
+                            <button type="button"
+                                class="w-full flex items-center h-10 p-1 hover:bg-white-dark/10 rounded-md dark:hover:bg-[#181F32] font-medium text-primary ltr:hover:pl-3 rtl:hover:pr-3 duration-300"
+                                :class="{ 'ltr:pl-3 rtl:pr-3 bg-gray-100 dark:bg-[#181F32]': selectedTab === 'personal' }"
+                                @click="tabChanged('personal')">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 rotate-45 fill-primary shrink-0">
+                                    <path
+                                        d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                        stroke="currentColor" stroke-width="1.5"></path>
+                                </svg>
+                                <div class="ltr:ml-3 rtl:mr-3">Personal</div>
+                            </button>
+
+                            <button type="button"
+                                class="w-full flex items-center h-10 p-1 hover:bg-white-dark/10 rounded-md dark:hover:bg-[#181F32] font-medium text-warning ltr:hover:pl-3 rtl:hover:pr-3 duration-300"
+                                :class="{ 'ltr:pl-3 rtl:pr-3 bg-gray-100 dark:bg-[#181F32]': selectedTab === 'work' }"
+                                @click="tabChanged('work')">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 rotate-45 fill-warning shrink-0">
+                                    <path
+                                        d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                        stroke="currentColor" stroke-width="1.5"></path>
+                                </svg>
+                                <div class="ltr:ml-3 rtl:mr-3">Work</div>
+                            </button>
+
+                            <button type="button"
+                                class="w-full flex items-center h-10 p-1 hover:bg-white-dark/10 rounded-md dark:hover:bg-[#181F32] font-medium text-info ltr:hover:pl-3 rtl:hover:pr-3 duration-300"
+                                :class="{ 'ltr:pl-3 rtl:pr-3 bg-gray-100 dark:bg-[#181F32]': selectedTab === 'social' }"
+                                @click="tabChanged('social')">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 rotate-45 fill-info shrink-0">
+                                    <path
+                                        d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                        stroke="currentColor" stroke-width="1.5"></path>
+                                </svg>
+                                <div class="ltr:ml-3 rtl:mr-3">Social</div>
+                            </button>
+
+                            <button type="button"
+                                class="w-full flex items-center h-10 p-1 hover:bg-white-dark/10 rounded-md dark:hover:bg-[#181F32] font-medium text-danger ltr:hover:pl-3 rtl:hover:pr-3 duration-300"
+                                :class="{ 'ltr:pl-3 rtl:pr-3 bg-gray-100 dark:bg-[#181F32]': selectedTab === 'important' }"
+                                @click="tabChanged('important')">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 rotate-45 fill-danger shrink-0">
+                                    <path
+                                        d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                        stroke="currentColor" stroke-width="1.5"></path>
+                                </svg>
+                                <div class="ltr:ml-3 rtl:mr-3">Important</div>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <div class="ltr:left-0 rtl:right-0 absolute bottom-0 p-4 w-full">
+                    <button class="btn btn-primary w-full" type="button" @click="editNote">
+
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"
+                            fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                            stroke-linejoin="round" class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                            <line x1="12" y1="5" x2="12" y2="19"></line>
+                            <line x1="5" y1="12" x2="19" y2="12"></line>
+                        </svg>
+                        Add New Note
+                    </button>
+                </div>
+            </div>
+
+            <div class="panel flex-1 overflow-auto h-full">
+                <div class="pb-5">
+                    <button type="button" class="xl:hidden hover:text-primary"
+                        @click="isShowNoteMenu = !isShowNoteMenu">
+
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                            <path d="M20 7L4 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
+                            </path>
+                            <path opacity="0.5" d="M20 12L4 12" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round"></path>
+                            <path d="M20 17L4 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
+                            </path>
+                        </svg>
+                    </button>
+                </div>
+                <template x-if="!filterdNotesList.length">
+                    <div
+                        class="flex justify-center items-center sm:min-h-[300px] min-h-[400px] font-semibold text-lg h-full">
+                        No data available
+                    </div>
+                </template>
+                <template x-if="filterdNotesList.length">
+                    <div class="sm:min-h-[300px] min-h-[400px]">
+                        <div class="grid 2xl:grid-cols-4 lg:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-5">
+                            <template x-for="note in filterdNotesList" :key="note.id">
+                                <div class="panel pb-12"
+                                    :class="{
+                                        'bg-primary-light shadow-primary': note.tag === 'personal',
+                                        'bg-warning-light shadow-warning': note.tag === 'work',
+                                        'bg-info-light shadow-info': note.tag === 'social',
+                                        'bg-danger-light shadow-danger': note.tag === 'important',
+                                        'dark:shadow-dark': !note.tag
+                                    }">
+                                    <div class="min-h-[142px]">
+                                        <div class="flex justify-between">
+                                            <div class="flex items-center w-max">
+                                                <div class="flex-none">
+                                                    <template x-if="note.thumb">
+                                                        <div class="p-0.5 bg-gray-300 dark:bg-gray-700 rounded-full">
+                                                            <img class="h-8 w-8 rounded-full object-cover"
+                                                                :src="`/assets/images/${note.thumb}`" />
+                                                        </div>
+                                                    </template>
+                                                    <template x-if="!note.thumb && note.user">
+                                                        <div class="grid place-content-center h-8 w-8 rounded-full bg-gray-300 dark:bg-gray-700 text-sm font-semibold"
+                                                            x-text="note.user.charAt(0) + '' + note.user.charAt(note.user.indexOf(' ') + 1)">
+                                                        </div>
+                                                    </template>
+                                                    <template x-if="!note.thumb && !note.user">
+                                                        <div class="bg-gray-300 dark:bg-gray-700 rounded-full p-2">
+                                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                                class="w-4.5 h-4.5">
+                                                                <circle cx="12" cy="6" r="4"
+                                                                    stroke="currentColor" stroke-width="1.5"></circle>
+                                                                <ellipse opacity="0.5" cx="12" cy="17"
+                                                                    rx="7" ry="4"
+                                                                    stroke="currentColor" stroke-width="1.5">
+                                                                </ellipse>
+                                                            </svg>
+                                                        </div>
+                                                    </template>
+                                                </div>
+                                                <div class="ltr:ml-2 rtl:mr-2">
+                                                    <div class="font-semibold" x-text="note.user"></div>
+                                                    <div class="text-sx text-white-dark" x-text="note.date"></div>
+                                                </div>
+                                            </div>
+                                            <div x-data="dropdown" @click.outside="open = false"
+                                                class="dropdown">
+                                                <button type="button" class="text-primary" @click="toggle">
+
+                                                    <svg width="24" height="24" viewBox="0 0 24 24"
+                                                        fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                        class="w-5 h-5 rotate-90 opacity-70 hover:opacity-100">
+                                                        <circle cx="5" cy="12" r="2"
+                                                            stroke="currentColor" stroke-width="1.5"></circle>
+                                                        <circle opacity="0.5" cx="12" cy="12"
+                                                            r="2" stroke="currentColor" stroke-width="1.5">
+                                                        </circle>
+                                                        <circle cx="19" cy="12" r="2"
+                                                            stroke="currentColor" stroke-width="1.5"></circle>
+                                                    </svg>
+                                                </button>
+                                                <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                                    class="ltr:right-0 rtl:left-0 text-sm font-medium">
+                                                    <li>
+                                                        <button class="w-full" @click="toggle, editNote(note)">
+
+                                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                                class="w-4 h-4 ltr:mr-3 rtl:ml-3 shrink-0">
+                                                                <path
+                                                                    d="M15.2869 3.15178L14.3601 4.07866L5.83882 12.5999L5.83881 12.5999C5.26166 13.1771 4.97308 13.4656 4.7249 13.7838C4.43213 14.1592 4.18114 14.5653 3.97634 14.995C3.80273 15.3593 3.67368 15.7465 3.41556 16.5208L2.32181 19.8021L2.05445 20.6042C1.92743 20.9852 2.0266 21.4053 2.31063 21.6894C2.59466 21.9734 3.01478 22.0726 3.39584 21.9456L4.19792 21.6782L7.47918 20.5844L7.47919 20.5844C8.25353 20.3263 8.6407 20.1973 9.00498 20.0237C9.43469 19.8189 9.84082 19.5679 10.2162 19.2751C10.5344 19.0269 10.8229 18.7383 11.4001 18.1612L11.4001 18.1612L19.9213 9.63993L20.8482 8.71306C22.3839 7.17735 22.3839 4.68748 20.8482 3.15178C19.3125 1.61607 16.8226 1.61607 15.2869 3.15178Z"
+                                                                    stroke="currentColor" stroke-width="1.5" />
+                                                                <path opacity="0.5"
+                                                                    d="M14.36 4.07812C14.36 4.07812 14.4759 6.04774 16.2138 7.78564C17.9517 9.52354 19.9213 9.6394 19.9213 9.6394M4.19789 21.6777L2.32178 19.8015"
+                                                                    stroke="currentColor" stroke-width="1.5" />
+                                                            </svg>
+                                                            Edit
+                                                        </button>
+                                                    </li>
+                                                    <li>
+                                                        <button class="w-full"
+                                                            @click="toggle, deleteNoteConfirm(note)">
+
+                                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                                class="w-4.5 h-4.5 ltr:mr-3 rtl:ml-3 shrink-0">
+                                                                <path d="M20.5001 6H3.5" stroke="currentColor"
+                                                                    stroke-width="1.5" stroke-linecap="round"></path>
+                                                                <path
+                                                                    d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                                                    stroke="currentColor" stroke-width="1.5"
+                                                                    stroke-linecap="round"></path>
+                                                                <path opacity="0.5" d="M9.5 11L10 16"
+                                                                    stroke="currentColor" stroke-width="1.5"
+                                                                    stroke-linecap="round"></path>
+                                                                <path opacity="0.5" d="M14.5 11L14 16"
+                                                                    stroke="currentColor" stroke-width="1.5"
+                                                                    stroke-linecap="round"></path>
+                                                                <path opacity="0.5"
+                                                                    d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6"
+                                                                    stroke="currentColor" stroke-width="1.5"></path>
+                                                            </svg>
+                                                            Delete
+                                                        </button>
+                                                    </li>
+                                                    <li>
+                                                        <button class="w-full" @click="toggle, viewNote(note)">
+
+                                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                                class="w-4.5 h-4.5 ltr:mr-3 rtl:ml-3 shrink-0">
+                                                                <path opacity="0.5"
+                                                                    d="M3.27489 15.2957C2.42496 14.1915 2 13.6394 2 12C2 10.3606 2.42496 9.80853 3.27489 8.70433C4.97196 6.49956 7.81811 4 12 4C16.1819 4 19.028 6.49956 20.7251 8.70433C21.575 9.80853 22 10.3606 22 12C22 13.6394 21.575 14.1915 20.7251 15.2957C19.028 17.5004 16.1819 20 12 20C7.81811 20 4.97196 17.5004 3.27489 15.2957Z"
+                                                                    stroke="currentColor" stroke-width="1.5" />
+                                                                <path
+                                                                    d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z"
+                                                                    stroke="currentColor" stroke-width="1.5" />
+                                                            </svg>
+                                                            View
+                                                        </button>
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                        <div>
+                                            <h4 class="font-semibold mt-4" x-text="note.title"></h4>
+                                            <p class="text-white-dark mt-2" x-text="note.description"></p>
+                                        </div>
+                                    </div>
+                                    <div class="absolute bottom-5 left-0 w-full px-5">
+                                        <div class="flex items-center justify-between mt-2">
+                                            <div>
+                                                <div x-data="dropdown" @click.outside="open = false"
+                                                    class="dropdown">
+                                                    <a href="javascript:;"
+                                                        :class="{
+                                                            'text-primary': note.tag === 'personal',
+                                                            'text-warning': note.tag === 'work',
+                                                            'text-info': note.tag === 'social',
+                                                            'text-danger': note.tag === 'important',
+                                                        }"
+                                                        @click="toggle">
+
+
+                                                        <svg width="24" height="24" viewBox="0 0 24 24"
+                                                            fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                            class="w-3 h-3 rotate-45"
+                                                            :class="{
+                                                                'fill-primary': note.tag === 'personal',
+                                                                'fill-warning': note.tag === 'work',
+                                                                'fill-info': note.tag === 'social',
+                                                                'fill-danger': note.tag === 'important',
+                                                            }">
+                                                            <path
+                                                                d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                                                stroke="currentColor" stroke-width="1.5"></path>
+                                                        </svg>
+                                                    </a>
+                                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                                        class="ltr:left-0 rtl:right-0">
+                                                        <li>
+                                                            <a href="javascript:;"
+                                                                @click="toggle, setTag(note, 'personal')">
+
+                                                                <svg width="24" height="24"
+                                                                    viewBox="0 0 24 24" fill="none"
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                    class="w-3 h-3 rotate-45 ltr:mr-2 rtl:ml-2 fill-primary">
+                                                                    <path
+                                                                        d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                                                        stroke="none" stroke-width="1.5"></path>
+                                                                </svg>
+                                                                Personal</a>
+                                                        </li>
+                                                        <li>
+                                                            <a href="javascript:;"
+                                                                @click="toggle, setTag(note, 'work')">
+
+                                                                <svg width="24" height="24"
+                                                                    viewBox="0 0 24 24" fill="none"
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                    class="w-3 h-3 rotate-45 ltr:mr-2 rtl:ml-2 fill-warning">
+                                                                    <path
+                                                                        d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                                                        stroke="none" stroke-width="1.5"></path>
+                                                                </svg>
+                                                                Work</a>
+                                                        </li>
+                                                        <li>
+                                                            <a href="javascript:;"
+                                                                @click="toggle, setTag(note, 'social')">
+
+                                                                <svg width="24" height="24"
+                                                                    viewBox="0 0 24 24" fill="none"
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                    class="w-3 h-3 rotate-45 ltr:mr-2 rtl:ml-2 fill-info">
+                                                                    <path
+                                                                        d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                                                        stroke="none" stroke-width="1.5"></path>
+                                                                </svg>
+                                                                Social</a>
+                                                        </li>
+                                                        <li>
+                                                            <a href="javascript:;"
+                                                                @click="toggle, setTag(note, 'important')">
+
+                                                                <svg width="24" height="24"
+                                                                    viewBox="0 0 24 24" fill="none"
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                    class="w-3 h-3 rotate-45 ltr:mr-2 rtl:ml-2 fill-danger">
+                                                                    <path
+                                                                        d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                                                        stroke="none" stroke-width="1.5"></path>
+                                                                </svg>
+                                                                Important</a>
+                                                        </li>
+                                                    </ul>
+                                                </div>
+                                            </div>
+                                            <div class="flex items-center">
+                                                <button type="button" class="text-danger "
+                                                    @click="deleteNoteConfirm(note)">
+
+                                                    <svg width="24" height="24" viewBox="0 0 24 24"
+                                                        fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                        class="w-5 h-5">
+                                                        <path d="M20.5001 6H3.5" stroke="currentColor"
+                                                            stroke-width="1.5" stroke-linecap="round"></path>
+                                                        <path
+                                                            d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                                            stroke="currentColor" stroke-width="1.5"
+                                                            stroke-linecap="round"></path>
+                                                        <path opacity="0.5" d="M9.5 11L10 16" stroke="currentColor"
+                                                            stroke-width="1.5" stroke-linecap="round"></path>
+                                                        <path opacity="0.5" d="M14.5 11L14 16" stroke="currentColor"
+                                                            stroke-width="1.5" stroke-linecap="round"></path>
+                                                        <path opacity="0.5"
+                                                            d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6"
+                                                            stroke="currentColor" stroke-width="1.5"></path>
+                                                    </svg>
+                                                </button>
+                                                <button type="button" class="text-warning group ltr:ml-2 rtl:mr-2"
+                                                    @click="setFav(note)">
+
+                                                    <svg width="24" height="24" viewBox="0 0 24 24"
+                                                        fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                        class="w-4.5 h-4.5 group-hover:fill-warning"
+                                                        :class="{ 'fill-warning': note.isFav }">
+                                                        <path
+                                                            d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                                            stroke="currentColor" stroke-width="1.5"></path>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                </template>
+
+                <div class="fixed inset-0 bg-[black]/60 z-[999] px-4 overflow-y-auto hidden"
+                    :class="isAddNoteModal && '!block'">
+                    <div class="flex items-center justify-center min-h-screen">
+                        <div x-show="isAddNoteModal" x-transition x-transition.duration.300
+                            @click.outside="isAddNoteModal = false"
+                            class="panel border-0 p-0 rounded-lg overflow-hidden md:w-full max-w-lg w-[90%] my-8">
+                            <button type="button"
+                                class="absolute top-4 ltr:right-4 rtl:left-4 text-white-dark hover:text-dark"
+                                @click="isAddNoteModal = false">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6">
+                                    <line x1="18" y1="6" x2="6" y2="18"></line>
+                                    <line x1="6" y1="6" x2="18" y2="18"></line>
+                                </svg>
+                            </button>
+                            <div class="text-lg font-medium bg-[#fbfbfb] dark:bg-[#121c2c] ltr:pl-5 rtl:pr-5 py-3 ltr:pr-[50px] rtl:pl-[50px]"
+                                x-text="params.id ? 'Edit Note' : 'Add Note'"></div>
+                            <div class="p-5">
+                                <form @submit.prevent="saveNote">
+                                    <div class="mb-5">
+                                        <label for="title">Title</label>
+                                        <input id="title" type="text" placeholder="Enter Title"
+                                            class="form-input" x-model="params.title" />
+                                    </div>
+                                    <div class="mb-5">
+                                        <label for="name">User Name</label>
+                                        <select id="name" class="form-select" x-model="params.user">
+                                            <option value="">Select User</option>
+                                            <option value="Max Smith">Max Smith</option>
+                                            <option value="John Doe">John Doe</option>
+                                            <option value="Kia Jain">Kia Jain</option>
+                                            <option value="Karena Courtliff">Karena Courtliff</option>
+                                            <option value="Vladamir Koschek">Vladamir Koschek</option>
+                                            <option value="Robert Garcia">Robert Garcia</option>
+                                            <option value="Marie Hamilton">Marie Hamilton</option>
+                                            <option value="Megan Meyers">Megan Meyers</option>
+                                            <option value="Angela Hull">Angela Hull</option>
+                                            <option value="Karen Wolf">Karen Wolf</option>
+                                            <option value="Jasmine Barnes">Jasmine Barnes</option>
+                                            <option value="Thomas Cox">Thomas Cox</option>
+                                            <option value="Marcus Jones">Marcus Jones</option>
+                                            <option value="Matthew Gray">Matthew Gray</option>
+                                            <option value="Chad Davis">Chad Davis</option>
+                                            <option value="Linda Drake">Linda Drake</option>
+                                            <option value="Kathleen Flores">Kathleen Flores</option>
+                                        </select>
+                                    </div>
+                                    <div class="mb-5">
+                                        <label for="tag">Tag</label>
+                                        <select id="tag" class="form-select" x-model="params.tag">
+                                            <option value="">None</option>
+                                            <option value="personal">Personal</option>
+                                            <option value="work">Work</option>
+                                            <option value="social">Social</option>
+                                            <option value="important">Important</option>
+                                        </select>
+                                    </div>
+                                    <div class="mb-5">
+                                        <label for="desc">Description</label>
+                                        <textarea id="desc" rows="3" class="form-textarea resize-none min-h-[130px]"
+                                            placeholder="Enter Description" x-model="params.description"></textarea>
+                                    </div>
+                                    <div class="flex justify-end items-center mt-8">
+                                        <button type="button" class="btn btn-outline-danger gap-2"
+                                            @click="isAddNoteModal = false">Cancel</button>
+                                        <button type="submit" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                            x-text="params.id ? 'Update Note' : 'Add Note'"></button>
+                                    </div>
+                                </form>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="fixed inset-0 bg-[black]/60 z-[999] px-4 overflow-y-auto hidden"
+                    :class="isDeleteNoteModal && '!block'">
+                    <div class="flex items-center justify-center min-h-screen">
+                        <div x-show="isDeleteNoteModal" x-transition x-transition.duration.300
+                            @click.outside="isDeleteNoteModal = false"
+                            class="panel border-0 p-0 rounded-lg overflow-hidden md:w-full max-w-lg w-[90%] my-8">
+                            <button type="button"
+                                class="absolute top-4 ltr:right-4 rtl:left-4 text-white-dark  hover:text-dark"
+                                @click="isDeleteNoteModal = false">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6">
+                                    <line x1="18" y1="6" x2="6" y2="18"></line>
+                                    <line x1="6" y1="6" x2="18" y2="18"></line>
+                                </svg>
+                            </button>
+                            <div
+                                class="text-lg font-medium bg-[#fbfbfb] dark:bg-[#121c2c] ltr:pl-5 rtl:pr-5 py-3 ltr:pr-[50px] rtl:pl-[50px]">
+                                Delete Notes</div>
+                            <div class="p-5 text-center">
+                                <div class="text-white bg-danger ring-4 ring-danger/30 p-4 rounded-full w-fit mx-auto">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-7 h-7 mx-auto">
+                                        <path d="M20.5001 6H3.5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round"></path>
+                                        <path
+                                            d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                        <path opacity="0.5" d="M9.5 11L10 16" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round"></path>
+                                        <path opacity="0.5" d="M14.5 11L14 16" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round"></path>
+                                        <path opacity="0.5"
+                                            d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6"
+                                            stroke="currentColor" stroke-width="1.5"></path>
+                                    </svg>
+                                </div>
+                                <div class="sm:w-3/4 mx-auto mt-5">Are you sure you want to delete Notes?</div>
+
+                                <div class="flex justify-center items-center mt-8">
+                                    <button type="button" class="btn btn-outline-danger"
+                                        @click="isDeleteNoteModal = false">Cancel</button>
+                                    <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                        @click="deleteNote">Delete</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="fixed inset-0 bg-[black]/60 z-[999] px-4 overflow-y-auto hidden"
+                    :class="isViewNoteModal && '!block'">
+                    <div class="flex items-center justify-center min-h-screen">
+                        <div x-show="isViewNoteModal" x-transition x-transition.duration.300
+                            @click.outside="isViewNoteModal = false"
+                            class="panel border-0 p-0 rounded-lg overflow-hidden md:w-full max-w-lg w-[90%] my-8">
+                            <button type="button"
+                                class="absolute top-4 ltr:right-4 rtl:left-4 text-white-dark  hover:text-dark"
+                                @click="isViewNoteModal = false">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6">
+                                    <line x1="18" y1="6" x2="6" y2="18"></line>
+                                    <line x1="6" y1="6" x2="18" y2="18"></line>
+                                </svg>
+                            </button>
+                            <div
+                                class="text-lg font-medium bg-[#fbfbfb] dark:bg-[#121c2c] ltr:pl-5 rtl:pr-5 py-3 ltr:pr-[50px] rtl:pl-[50px]">
+                                <div class="flex flex-wrap items-center">
+                                    <div class="ltr:mr-3 rtl:ml-3" x-text="selectedNote.title"></div>
+                                    <div class="flex items-center">
+                                        <button x-show="selectedNote.tag" type="button"
+                                            class="badge badge-outline-primary rounded-3xl capitalize ltr:mr-3 rtl:ml-3"
+                                            :class="{
+                                                'shadow-primary': selectedNote.tag === 'personal',
+                                                'shadow-warning': selectedNote.tag === 'work',
+                                                'shadow-info': selectedNote.tag === 'social',
+                                                'shadow-danger': selectedNote.tag === 'important',
+                                            }"
+                                            x-text="selectedNote.tag">
+                                        </button>
+                                        <button x-show="selectedNote.isFav" type="button" class="text-warning ">
+                                            <svg width="18" height="18" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="fill-warning">
+                                                <path
+                                                    d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                                    stroke="currentColor" stroke-width="1.5"></path>
+                                            </svg>
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="p-5">
+                                <div class="text-base" x-text="selectedNote.description"></div>
+
+                                <div class="ltr:text-right rtl:text-left mt-8">
+                                    <button type="button" class="btn btn-outline-danger "
+                                        @click="isViewNoteModal = false">Close</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("notes", () => ({
+                defaultParams: {
+                    id: null,
+                    title: '',
+                    description: '',
+                    tag: '',
+                    user: '',
+                    thumb: ''
+                },
+                isAddNoteModal: false,
+                isDeleteNoteModal: false,
+                isViewNoteModal: false,
+                params: {
+                    id: null,
+                    title: '',
+                    description: '',
+                    tag: '',
+                    user: '',
+                    thumb: '',
+                },
+                isShowNoteMenu: false,
+                notesList: [{
+                        id: 1,
+                        user: 'Max Smith',
+                        thumb: 'profile-16.jpeg',
+                        title: 'Meeting with Kelly',
+                        description: 'Curabitur facilisis vel elit sed dapibus sodales purus rhoncus.',
+                        date: '11/01/2020',
+                        isFav: false,
+                        tag: 'personal',
+                    },
+                    {
+                        id: 2,
+                        user: 'John Doe',
+                        thumb: 'profile-14.jpeg',
+                        title: 'Receive Package',
+                        description: 'Facilisis curabitur facilisis vel elit sed dapibus sodales purus.',
+                        date: '11/02/2020',
+                        isFav: true,
+                        tag: '',
+                    },
+                    {
+                        id: 3,
+                        user: 'Kia Jain',
+                        thumb: 'profile-15.jpeg',
+                        title: 'Download Docs',
+                        description: 'Proin a dui malesuada, laoreet mi vel, imperdiet diam quam laoreet.',
+                        date: '11/04/2020',
+                        isFav: false,
+                        tag: 'work',
+                    },
+                    {
+                        id: 4,
+                        user: 'Max Smith',
+                        thumb: 'profile-16.jpeg',
+                        title: 'Meeting at 4:50pm',
+                        description: 'Excepteur sint occaecat cupidatat non proident, anim id est laborum.',
+                        date: '11/08/2020',
+                        isFav: false,
+                        tag: '',
+                    },
+                    {
+                        id: 5,
+                        user: 'Karena Courtliff',
+                        thumb: 'profile-17.jpeg',
+                        title: 'Backup Files EOD',
+                        description: 'Maecenas condimentum neque mollis, egestas leo ut, gravida.',
+                        date: '11/09/2020',
+                        isFav: false,
+                        tag: '',
+                    },
+                    {
+                        id: 6,
+                        user: 'Max Smith',
+                        thumb: 'profile-16.jpeg',
+                        title: 'Download Server Logs',
+                        description: 'Suspendisse efficitur diam quis gravida. Nunc molestie est eros.',
+                        date: '11/09/2020',
+                        isFav: false,
+                        tag: 'social',
+                    },
+                    {
+                        id: 7,
+                        user: 'Vladamir Koschek',
+                        thumb: '',
+                        title: 'Team meet at Starbucks',
+                        description: 'Etiam a odio eget enim aliquet laoreet lobortis sed ornare nibh.',
+                        date: '11/10/2020',
+                        isFav: false,
+                        tag: '',
+                    },
+                    {
+                        id: 8,
+                        user: 'Max Smith',
+                        thumb: 'profile-16.jpeg',
+                        title: 'Create new users Profile',
+                        description: 'Duis aute irure in nulla pariatur. Etiam a odio eget enim aliquet.',
+                        date: '11/11/2020',
+                        isFav: false,
+                        tag: 'important',
+                    },
+                    {
+                        id: 9,
+                        user: 'Robert Garcia',
+                        thumb: 'profile-21.jpeg',
+                        title: "Create a compost pile",
+                        description: 'Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro.',
+                        date: '11/12/2020',
+                        isFav: true,
+                        tag: ''
+                    },
+                    {
+                        id: 10,
+                        user: 'Marie Hamilton',
+                        thumb: 'profile-2.jpeg',
+                        title: "Take a hike at a local park",
+                        description: 'De carne lumbering animata corpora quaeritis. Summus brains sit',
+                        date: '11/13/2020',
+                        isFav: true,
+                        tag: ''
+                    },
+                    {
+                        id: 11,
+                        user: 'Megan Meyers',
+                        thumb: 'profile-1.jpeg',
+                        title: "Take a class at local community center that interests you",
+                        description: 'Cupcake ipsum dolor. Sit amet marshmallow topping cheesecake muffin.',
+                        date: '11/13/2020',
+                        isFav: false,
+                        tag: ''
+                    },
+                    {
+                        id: 12,
+                        user: 'Angela Hull',
+                        thumb: 'profile-22.jpeg',
+                        title: "Research a topic interested in",
+                        description: 'Lemon drops tootsie roll marshmallow halvah carrot cake.',
+                        date: '11/14/2020',
+                        isFav: false,
+                        tag: ''
+                    },
+                    {
+                        id: 13,
+                        user: 'Karen Wolf',
+                        thumb: 'profile-23.jpeg',
+                        title: "Plan a trip to another country",
+                        description: 'Space, the final frontier. These are the voyages of the Starship Enterprise.',
+                        date: '11/16/2020',
+                        isFav: true,
+                        tag: ''
+                    },
+                    {
+                        id: 14,
+                        user: 'Jasmine Barnes',
+                        thumb: 'profile-1.jpeg',
+                        title: "Improve touch typing",
+                        description: 'Well, the way they make shows is, they make one show.',
+                        date: '11/16/2020',
+                        isFav: false,
+                        tag: ''
+                    },
+                    {
+                        id: 15,
+                        user: 'Thomas Cox',
+                        thumb: 'profile-11.jpeg',
+                        title: "Learn Express.js",
+                        description: 'Bulbasaur Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+                        date: '11/17/2020',
+                        isFav: false,
+                        tag: 'work'
+                    },
+                    {
+                        id: 16,
+                        user: 'Marcus Jones',
+                        thumb: 'profile-12.jpeg',
+                        title: "Learn calligraphy",
+                        description: 'Ivysaur Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+                        date: '11/17/2020',
+                        isFav: false,
+                        tag: ''
+                    },
+                    {
+                        id: 17,
+                        user: 'Matthew Gray',
+                        thumb: 'profile-24.jpeg',
+                        title: "Have a photo session with some friends",
+                        description: 'Venusaur Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+                        date: '11/18/2020',
+                        isFav: false,
+                        tag: 'important'
+                    },
+                    {
+                        id: 18,
+                        user: 'Chad Davis',
+                        thumb: 'profile-31.jpeg',
+                        title: "Go to the gym",
+                        description: 'Charmander Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+                        date: '11/18/2020',
+                        isFav: false,
+                        tag: ''
+                    },
+                    {
+                        id: 19,
+                        user: 'Linda Drake',
+                        thumb: 'profile-23.jpeg',
+                        title: "Make own LEGO creation",
+                        description: 'Charmeleon Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+                        date: '11/18/2020',
+                        isFav: false,
+                        tag: 'social'
+                    },
+                    {
+                        id: 20,
+                        user: 'Kathleen Flores',
+                        thumb: 'profile-34.jpeg',
+                        title: "Take cat on a walk",
+                        description: 'Baseball ipsum dolor sit amet cellar rubber win hack tossed. ',
+                        date: '11/18/2020',
+                        isFav: false,
+                        tag: 'personal'
+                    }
+                ],
+                filterdNotesList: '',
+                selectedTab: 'all',
+                deletedNote: null,
+                selectedNote: {
+                    id: null,
+                    title: '',
+                    description: '',
+                    tag: '',
+                    user: '',
+                    thumb: ''
+                },
+
+                init() {
+                    this.searchNotes();
+                },
+
+                searchNotes() {
+                    if (this.selectedTab != 'fav') {
+                        if (this.selectedTab != 'all' || this.selectedTab === 'delete') {
+                            this.filterdNotesList = this.notesList.filter((d) => d.tag === this
+                                .selectedTab);
+                        } else {
+                            this.filterdNotesList = this.notesList;
+                        }
+                    } else {
+                        this.filterdNotesList = this.notesList.filter((d) => d.isFav);
+                    }
+                },
+
+                saveNote() {
+                    if (!this.params.title) {
+                        this.showMessage('Title is required.', 'error');
+                        return false;
+                    }
+                    if (this.params.id) {
+                        //update task
+                        let note = this.notesList.find((d) => d.id === this.params.id);
+                        note.title = this.params.title;
+                        note.user = this.params.user;
+                        note.description = this.params.description;
+                        note.tag = this.params.tag;
+                    } else {
+                        //add note
+                        let maxNoteId = this.notesList.length ? this.notesList.reduce((max,
+                                character) => (character.id > max ? character.id : max), this
+                            .notesList[
+                                0].id) : 0;
+                        if (!maxNoteId) {
+                            maxNoteId = 0;
+                        }
+                        let dt = new Date();
+                        let note = {
+                            id: maxNoteId + 1,
+                            title: this.params.title,
+                            user: this.params.user,
+                            thumb: 'profile-21.jpeg',
+                            description: this.params.description,
+                            date: dt.getDate() + '/' + Number(dt.getMonth()) + 1 + '/' + dt
+                                .getFullYear(),
+                            isFav: false,
+                            tag: this.params.tag,
+                        };
+                        this.notesList.splice(0, 0, note);
+                        this.searchNotes();
+                    }
+
+                    this.showMessage('Note has been saved successfully.');
+                    this.isAddNoteModal = false;
+                    this.searchNotes();
+                },
+
+                tabChanged(type) {
+                    this.selectedTab = type;
+                    this.searchNotes();
+                    this.isShowNoteMenu = false;
+                },
+
+                setFav(note) {
+                    let item = this.filterdNotesList.find((d) => d.id === note.id);
+                    item.isFav = !item.isFav;
+                    this.searchNotes();
+                },
+
+                setTag(note, name) {
+                    let item = this.filterdNotesList.find((d) => d.id === note.id);
+                    item.tag = name;
+                    this.searchNotes();
+                },
+
+                deleteNoteConfirm(note) {
+                    setTimeout(() => {
+                        this.deletedNote = note;
+                        this.isDeleteNoteModal = true;
+                    });
+                },
+
+                viewNote(note) {
+                    setTimeout(() => {
+                        this.selectedNote = note;
+                        this.isViewNoteModal = true;
+                    });
+                },
+
+                editNote(note) {
+                    this.isShowNoteMenu = false;
+                    setTimeout(() => {
+                        this.params = JSON.parse(JSON.stringify(this.defaultParams));
+                        if (note) {
+                            this.params = JSON.parse(JSON.stringify(note));
+                        }
+                        this.isAddNoteModal = true;
+                    });
+                },
+
+                deleteNote() {
+                    this.notesList = this.notesList.filter((d) => d.id != this.deletedNote.id);
+                    this.searchNotes();
+                    this.showMessage('Note has been deleted successfully.');
+                    this.isDeleteNoteModal = false;
+                },
+
+                showMessage(msg = '', type = 'success') {
+                    const toast = window.Swal.mixin({
+                        toast: true,
+                        position: 'top',
+                        showConfirmButton: false,
+                        timer: 3000,
+                    });
+                    toast.fire({
+                        icon: type,
+                        title: msg,
+                        padding: '10px 20px',
+                    });
+                }
+
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/apps/scrumboard.blade.php b/resources/views/apps/scrumboard.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..06c22ee68fb2f29662595e287b9447a17bae9318
--- /dev/null
+++ b/resources/views/apps/scrumboard.blade.php
@@ -0,0 +1,597 @@
+<x-layout.default>
+
+    <script src="/assets/js/Sortable.min.js"></script>
+    <div x-data="scrumboard">
+
+        <div>
+            <button type="button" class="btn btn-primary flex" @click="addEditProject()">
+
+                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" fill="none"
+                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
+                    class="w-5 h-5 ltr:mr-3 rtl:ml-3">
+                    <line x1="12" y1="5" x2="12" y2="19"></line>
+                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                </svg>
+                Add Project
+            </button>
+        </div>
+
+        <!-- project list -->
+        <div class="relative pt-5">
+            <div class="perfect-scrollbar h-full -mx-2">
+                <div class="overflow-x-auto flex items-start flex-nowrap gap-5 pb-2 px-2">
+                    <template x-for="project in projectList" :key="project.id">
+                        <div class="panel w-80 flex-none">
+                            <div class="flex justify-between mb-5">
+                                <h4 x-text="project.title" class="text-base font-semibold"> </h4>
+
+                                <div class="flex items-center">
+                                    <button type="button" class="hover:text-primary ltr:mr-2 rtl:ml-2"
+                                        @click="addEditTask(project.id)">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                            <circle opacity="0.5" cx="12" cy="12" r="10"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        </svg>
+                                    </button>
+                                    <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                        <button type="button" class="hover:text-primary" @click="toggle">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg"
+                                                class="w-5 h-5 opacity-70 hover:opacity-100">
+                                                <circle cx="5" cy="12" r="2"
+                                                    stroke="currentColor" stroke-width="1.5"></circle>
+                                                <circle opacity="0.5" cx="12" cy="12" r="2"
+                                                    stroke="currentColor" stroke-width="1.5"></circle>
+                                                <circle cx="19" cy="12" r="2"
+                                                    stroke="currentColor" stroke-width="1.5"></circle>
+                                            </svg>
+                                        </button>
+                                        <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                            class="ltr:right-0 rtl:left-0">
+                                            <li><a href="javascript:;" @click="toggle, addEditProject(project)">Edit</a>
+                                            </li>
+                                            <li><a href="javascript:;"
+                                                    @click="toggle, deleteProject(project)">Delete</a></li>
+                                            <li><a href="javascript:;" @click="toggle, clearProjects(project)">Clear
+                                                    All</a></li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <!-- task list -->
+                            <div class="sortable-list min-h-[150px]" :data-id="project.id">
+                                <template x-for="task in project.tasks">
+                                    <div :key="project.id + '' + task.id" :data-id="project.id + '' + task.id"
+                                        class="shadow bg-[#f4f4f4] dark:bg-[#262e40] p-3 pb-5 rounded-md mb-5 space-y-3 cursor-move">
+                                        <template x-if="task.image">
+                                            <img src="/assets/images/carousel1.jpeg"
+                                                alt="images" class="h-32 w-full object-cover rounded-md" />
+                                        </template>
+                                        <div class="text-base font-medium" x-text="task.title"></div>
+                                        <p class="break-all" x-text="task.description"></p>
+                                        <div class="flex gap-2 items-center flex-wrap">
+                                            <template x-if="task.tags?.length">
+                                                <template x-for="(tag , i) in task.tags" :key="i">
+                                                    <div class="btn px-2 py-1 flex btn-outline-primary">
+                                                        <svg width="24" height="24" viewBox="0 0 24 24"
+                                                            fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                            class="w-5 h-5 shrink-0">
+                                                            <path
+                                                                d="M4.72848 16.1369C3.18295 14.5914 2.41018 13.8186 2.12264 12.816C1.83509 11.8134 2.08083 10.7485 2.57231 8.61875L2.85574 7.39057C3.26922 5.59881 3.47597 4.70292 4.08944 4.08944C4.70292 3.47597 5.59881 3.26922 7.39057 2.85574L8.61875 2.57231C10.7485 2.08083 11.8134 1.83509 12.816 2.12264C13.8186 2.41018 14.5914 3.18295 16.1369 4.72848L17.9665 6.55812C20.6555 9.24711 22 10.5916 22 12.2623C22 13.933 20.6555 15.2775 17.9665 17.9665C15.2775 20.6555 13.933 22 12.2623 22C10.5916 22 9.24711 20.6555 6.55812 17.9665L4.72848 16.1369Z"
+                                                                stroke="currentColor" stroke-width="1.5" />
+                                                            <circle opacity="0.5" cx="8.60699" cy="8.87891"
+                                                                r="2" transform="rotate(-45 8.60699 8.87891)"
+                                                                stroke="currentColor" stroke-width="1.5" />
+                                                            <path opacity="0.5" d="M11.5417 18.5L18.5208 11.5208"
+                                                                stroke="currentColor" stroke-width="1.5"
+                                                                stroke-linecap="round" />
+                                                        </svg>
+                                                        <span class="ltr:ml-2 rtl:mr-2" x-text="tag"></span>
+                                                    </div>
+                                                </template>
+                                            </template>
+                                            <template x-if="!task.tags?.length">
+                                                <div
+                                                    class="btn px-2 py-1 flex text-white-dark dark:border-white-dark/50 shadow-none">
+                                                    <svg width="24" height="24" viewBox="0 0 24 24"
+                                                        fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                        class="w-5 h-5 shrink-0">
+                                                        <path
+                                                            d="M4.72848 16.1369C3.18295 14.5914 2.41018 13.8186 2.12264 12.816C1.83509 11.8134 2.08083 10.7485 2.57231 8.61875L2.85574 7.39057C3.26922 5.59881 3.47597 4.70292 4.08944 4.08944C4.70292 3.47597 5.59881 3.26922 7.39057 2.85574L8.61875 2.57231C10.7485 2.08083 11.8134 1.83509 12.816 2.12264C13.8186 2.41018 14.5914 3.18295 16.1369 4.72848L17.9665 6.55812C20.6555 9.24711 22 10.5916 22 12.2623C22 13.933 20.6555 15.2775 17.9665 17.9665C15.2775 20.6555 13.933 22 12.2623 22C10.5916 22 9.24711 20.6555 6.55812 17.9665L4.72848 16.1369Z"
+                                                            stroke="currentColor" stroke-width="1.5" />
+                                                        <circle opacity="0.5" cx="8.60699" cy="8.87891"
+                                                            r="2" transform="rotate(-45 8.60699 8.87891)"
+                                                            stroke="currentColor" stroke-width="1.5" />
+                                                        <path opacity="0.5" d="M11.5417 18.5L18.5208 11.5208"
+                                                            stroke="currentColor" stroke-width="1.5"
+                                                            stroke-linecap="round" />
+                                                    </svg>
+                                                    <span class="ltr:ml-2 rtl:mr-2">No Tags</span>
+                                                </div>
+                                            </template>
+                                        </div>
+                                        <div class="flex items-center justify-between">
+                                            <div class="font-medium flex items-center hover:text-primary">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5 ltr:mr-3 rtl:ml-3 shrink-0">
+                                                    <path
+                                                        d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V12Z"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                    <path opacity="0.5" d="M7 4V2.5" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round" />
+                                                    <path opacity="0.5" d="M17 4V2.5" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round" />
+                                                    <path opacity="0.5" d="M2 9H22" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round" />
+                                                </svg>
+                                                <span x-text="task.date"></span>
+                                            </div>
+                                            <div class="flex items-center">
+                                                <button type="button" class="hover:text-info"
+                                                    @click="addEditTask(project.id, task)">
+
+                                                    <svg width="24" height="24" viewBox="0 0 24 24"
+                                                        fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                        class="w-5 h-5 ltr:mr-3 rtl:ml-3">
+                                                        <path opacity="0.5"
+                                                            d="M22 10.5V12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2H13.5"
+                                                            stroke="currentColor" stroke-width="1.5"
+                                                            stroke-linecap="round" />
+                                                        <path
+                                                            d="M17.3009 2.80624L16.652 3.45506L10.6872 9.41993C10.2832 9.82394 10.0812 10.0259 9.90743 10.2487C9.70249 10.5114 9.52679 10.7957 9.38344 11.0965C9.26191 11.3515 9.17157 11.6225 8.99089 12.1646L8.41242 13.9L8.03811 15.0229C7.9492 15.2897 8.01862 15.5837 8.21744 15.7826C8.41626 15.9814 8.71035 16.0508 8.97709 15.9619L10.1 15.5876L11.8354 15.0091C12.3775 14.8284 12.6485 14.7381 12.9035 14.6166C13.2043 14.4732 13.4886 14.2975 13.7513 14.0926C13.9741 13.9188 14.1761 13.7168 14.5801 13.3128L20.5449 7.34795L21.1938 6.69914C22.2687 5.62415 22.2687 3.88124 21.1938 2.80624C20.1188 1.73125 18.3759 1.73125 17.3009 2.80624Z"
+                                                            stroke="currentColor" stroke-width="1.5" />
+                                                        <path opacity="0.5"
+                                                            d="M16.6522 3.45508C16.6522 3.45508 16.7333 4.83381 17.9499 6.05034C19.1664 7.26687 20.5451 7.34797 20.5451 7.34797M10.1002 15.5876L8.4126 13.9"
+                                                            stroke="currentColor" stroke-width="1.5" />
+                                                    </svg>
+                                                </button>
+                                                <button type="button" class="hover:text-danger"
+                                                    @click="deleteConfirmModal(project.id, task)">
+
+                                                    <svg width="24" height="24" viewBox="0 0 24 24"
+                                                        fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                        class="w-5 h-5">
+                                                        <path opacity="0.5"
+                                                            d="M9.17065 4C9.58249 2.83481 10.6937 2 11.9999 2C13.3062 2 14.4174 2.83481 14.8292 4"
+                                                            stroke="currentColor" stroke-width="1.5"
+                                                            stroke-linecap="round"></path>
+                                                        <path d="M20.5001 6H3.5" stroke="currentColor"
+                                                            stroke-width="1.5" stroke-linecap="round"></path>
+                                                        <path
+                                                            d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                                            stroke="currentColor" stroke-width="1.5"
+                                                            stroke-linecap="round"></path>
+                                                        <path opacity="0.5" d="M9.5 11L10 16" stroke="currentColor"
+                                                            stroke-width="1.5" stroke-linecap="round"></path>
+                                                        <path opacity="0.5" d="M14.5 11L14 16" stroke="currentColor"
+                                                            stroke-width="1.5" stroke-linecap="round"></path>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </template>
+                            </div>
+
+                            <div class="pt-3">
+                                <button type="button" class="btn btn-primary mx-auto"
+                                    @click="addEditTask(project.id)">
+
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                        <line x1="12" y1="5" x2="12" y2="19"></line>
+                                        <line x1="5" y1="12" x2="19" y2="12"></line>
+                                    </svg>
+                                    Add Task
+                                </button>
+                            </div>
+
+                        </div>
+                    </template>
+                </div>
+            </div>
+        </div>
+        <!-- add project modal -->
+        <div class="fixed inset-0 bg-[black]/60 z-[999] px-4 overflow-y-auto hidden"
+            :class="isAddProjectModal && '!block'">
+            <div class="flex items-center justify-center min-h-screen">
+                <div x-show="isAddProjectModal" x-transition x-transition.duration.300
+                    @click.outside="isAddProjectModal = false"
+                    class="panel border-0 p-0 rounded-lg overflow-hidden md:w-full max-w-lg w-[90%] my-8">
+                    <button type="button"
+                        class="absolute top-4 ltr:right-4 rtl:left-4 text-white-dark hover:text-dark"
+                        @click="isAddProjectModal = false">
+
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"
+                            fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                            stroke-linejoin="round" class="w-6 h-6">
+                            <line x1="18" y1="6" x2="6" y2="18"></line>
+                            <line x1="6" y1="6" x2="18" y2="18"></line>
+                        </svg>
+                    </button>
+                    <div class="text-lg font-medium bg-[#fbfbfb] dark:bg-[#121c2c] ltr:pl-5 rtl:pr-5 py-3 ltr:pr-[50px] rtl:pl-[50px]"
+                        x-text="params.id ? 'Edit Project' : 'Add Project'"></div>
+                    <div class="p-5">
+                        <form @submit.prevent="saveProject">
+                            <div class="grid gap-5">
+                                <div>
+                                    <label for="title">Name</label>
+                                    <input id="title" x-model="params.title" type="text"
+                                        class="form-input mt-1" placeholder="Enter Name" />
+                                </div>
+                            </div>
+
+                            <div class="flex justify-end items-center mt-8">
+                                <button type="button" class="btn btn-outline-danger"
+                                    @click="isAddProjectModal = false">Cancel</button>
+                                <button type="submit" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                    x-text="params.id ? 'Update' : 'Add'"></button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- add task modal -->
+        <div class="fixed inset-0 bg-[black]/60 z-[999] overflow-y-auto hidden" :class="isAddTaskModal && '!block'">
+            <div class="flex items-center justify-center min-h-screen px-4" @click.self="isAddTaskModal = false">
+                <div x-show="isAddTaskModal" x-transition x-transition.duration.300
+                    class="panel border-0 p-0 rounded-lg overflow-hidden md:w-full max-w-lg w-[90%] my-8">
+                    <button type="button"
+                        class="absolute top-4 ltr:right-4 rtl:left-4 text-white-dark hover:text-dark"
+                        @click="isAddTaskModal = false">
+
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"
+                            fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                            stroke-linejoin="round" class="w-6 h-6">
+                            <line x1="18" y1="6" x2="6" y2="18"></line>
+                            <line x1="6" y1="6" x2="18" y2="18"></line>
+                        </svg>
+                    </button>
+                    <div x-text="paramsTask.id ? 'Edit Task' : 'Add Task'"
+                        class="text-lg font-medium bg-[#fbfbfb] dark:bg-[#121c2c] ltr:pl-5 rtl:pr-5 py-3 ltr:pr-[50px] rtl:pl-[50px]">
+                    </div>
+                    <div class="p-5">
+                        <form @submit.prevent="saveTask">
+                            <div class="grid gap-5">
+                                <div>
+                                    <label for="taskTitle">Name</label>
+                                    <input id="taskTitle" x-model="paramsTask.title" type="text"
+                                        class="form-input" placeholder="Enter Name" />
+                                </div>
+
+                                <div>
+                                    <label for="taskTag">Tag</label>
+                                    <input id="taskTag" x-model="paramsTask.tags" type="text"
+                                        class="form-input" placeholder="Enter Tag" />
+                                </div>
+                                <div>
+                                    <label for="taskdesc">Description</label>
+                                    <textarea id="taskdesc" x-model="paramsTask.description" class="form-textarea min-h-[130px]"
+                                        placeholder="Enter Description"></textarea>
+                                </div>
+                            </div>
+
+                            <div class="flex justify-end items-center mt-8">
+                                <button type="button" class="btn btn-outline-danger"
+                                    @click="isAddTaskModal = false">Cancel</button>
+                                <button type="submit" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                    x-text="paramsTask.id ? 'Update' : 'Add'"></button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- delete task modal -->
+        <div class="fixed inset-0 bg-[black]/60 z-[999] overflow-y-auto hidden" :class="isDeleteModal && '!block'">
+            <div class="flex items-center justify-center min-h-screen px-4 " @click.self="isDeleteModal = false">
+                <div x-show="isDeleteModal" x-transition x-transition.duration.300
+                    class="panel border-0 p-0 rounded-lg overflow-hidden md:w-full max-w-lg w-[90%] my-8">
+                    <button type="button" class="absolute top-4 ltr:right-4 rtl:left-4 text-white-dark"
+                        @click="isDeleteModal = false">
+
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"
+                            fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                            stroke-linejoin="round" class="w-6 h-6">
+                            <line x1="18" y1="6" x2="6" y2="18"></line>
+                            <line x1="6" y1="6" x2="18" y2="18"></line>
+                        </svg>
+                    </button>
+                    <div
+                        class="text-lg font-medium bg-[#fbfbfb] dark:bg-[#121c2c] ltr:pl-5 rtl:pr-5 py-3 ltr:pr-[50px] rtl:pl-[50px]">
+                        Delete Task</div>
+                    <div class="p-5 text-center">
+                        <div class="text-white bg-danger ring-4 ring-danger/30 p-4 rounded-full w-fit mx-auto">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                <path opacity="0.5"
+                                    d="M9.17065 4C9.58249 2.83481 10.6937 2 11.9999 2C13.3062 2 14.4174 2.83481 14.8292 4"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                <path d="M20.5001 6H3.5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round"></path>
+                                <path
+                                    d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                <path opacity="0.5" d="M9.5 11L10 16" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round"></path>
+                                <path opacity="0.5" d="M14.5 11L14 16" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round"></path>
+                            </svg>
+                        </div>
+                        <div class="text-base sm:w-3/4 mx-auto mt-5">Are you sure you want to delete Task?</div>
+
+                        <div class="flex justify-center items-center mt-8">
+                            <button type="button" class="btn btn-outline-danger"
+                                @click="isDeleteModal = false">Cancel</button>
+                            <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                @click="deleteTask">Delete</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("scrumboard", () => ({
+                params: {
+                    id: null,
+                    title: ''
+                },
+                paramsTask: {
+                    projectId: null,
+                    id: null,
+                    title: '',
+                    description: '',
+                    tags: ''
+                },
+                selectedTask: null,
+                isAddProjectModal: false,
+                isAddTaskModal: false,
+                isDeleteModal: false,
+                projectList: [{
+                        id: 1,
+                        title: 'In Progress',
+                        tasks: [{
+                                projectId: 1,
+                                id: 1,
+                                title: 'Creating a new Portfolio on Dribble',
+                                description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',
+                                image: true,
+                                date: ' 08 Aug, 2020',
+                                tags: ['designing'],
+                            },
+                            {
+                                projectId: 1,
+                                id: 2,
+                                title: 'Singapore Team Meet',
+                                description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',
+                                date: ' 09 Aug, 2020',
+                                tags: ['meeting'],
+                            },
+                        ],
+                    },
+                    {
+                        id: 2,
+                        title: 'Pending',
+                        tasks: [{
+                            projectId: 2,
+                            id: 1,
+                            title: 'Plan a trip to another country',
+                            description: '',
+                            date: ' 10 Sep, 2020'
+                        }],
+                    },
+                    {
+                        id: 3,
+                        title: 'Complete',
+                        tasks: [{
+                                projectId: 3,
+                                id: 1,
+                                title: 'Dinner with Kelly Young',
+                                description: '',
+                                date: ' 08 Aug, 2020'
+                            },
+                            {
+                                projectId: 3,
+                                id: 2,
+                                title: 'Launch New SEO Wordpress Theme ',
+                                description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                                date: ' 09 Aug, 2020',
+                            },
+                        ],
+                    },
+                    {
+                        id: 4,
+                        title: 'Working',
+                        tasks: [],
+                    }
+                ],
+
+
+                init() {
+                    this.initializeSortable();
+                },
+
+                initializeSortable() {
+                    setTimeout(() => {
+                        //sortable js
+                        const sortable = document.querySelectorAll('.sortable-list');
+                        for (let i = 0; i < sortable.length; i++) {
+                            Sortable.create(sortable[i], {
+                                animation: 200,
+                                group: 'name',
+                                ghostClass: "sortable-ghost",
+                                dragClass: "sortable-drag",
+                            })
+                        }
+                    });
+                },
+
+                addEditProject(project) {
+                    setTimeout(() => {
+                        this.params = {
+                            id: null,
+                            title: ''
+                        };
+                        if (project) {
+                            this.params = JSON.parse(JSON.stringify(project));
+                        }
+
+                        this.isAddProjectModal = true;
+                    });
+                },
+
+                saveProject() {
+                    if (!this.params.title) {
+                        this.showMessage('Title is required.', 'error');
+                        return false;
+                    }
+
+                    if (this.params.id) {
+                        //update project
+                        const project = this.projectList.find((d) => d.id === this.params.id);
+                        project.title = this.params.title;
+
+                    } else {
+                        //add project
+                        const lastId = this.projectList.length ? this.projectList.reduce((max, obj) => (
+                            obj.id > max ? obj.id : max), this.projectList[0].id) : 0;
+
+                        const project = {
+                            id: lastId + 1,
+                            title: this.params.title,
+                            tasks: [],
+                        };
+                        this.projectList.push(project);
+                    }
+
+                    this.initializeSortable();
+                    this.showMessage('Project has been saved successfully.');
+                    this.isAddProjectModal = false;
+                },
+
+                deleteProject(project) {
+                    this.projectList = this.projectList.filter((d) => d.id != project.id);
+                    this.showMessage('Project has been deleted successfully.');
+                },
+
+                clearProjects(project) {
+                    project.tasks = [];
+                },
+
+
+                // task
+                addEditTask(projectId, task) {
+                    this.paramsTask = {
+                        projectId: null,
+                        id: null,
+                        title: '',
+                        description: '',
+                        tags: ''
+                    };
+                    if (task) {
+                        this.paramsTask = JSON.parse(JSON.stringify(task));
+                        this.paramsTask.tags = this.paramsTask.tags ? this.paramsTask.tags.toString() :
+                            '';
+                    }
+                    this.paramsTask.projectId = projectId;
+                    this.isAddTaskModal = true;
+                },
+
+                saveTask() {
+                    if (!this.paramsTask.title) {
+                        this.showMessage('Title is required.', 'error');
+                        return false;
+                    }
+
+                    const project = this.projectList.find((d) => d.id === this.paramsTask.projectId);
+                    if (this.paramsTask.id) {
+                        //update task
+                        const task = project.tasks.find((d) => d.id === this.paramsTask.id);
+                        task.title = this.paramsTask.title;
+                        task.description = this.paramsTask.description;
+                        task.tags = this.paramsTask.tags?.length > 0 ? this.paramsTask.tags.split(',') :
+                            [];
+                    } else {
+                        //add task
+                        let maxid = 0;
+                        if (project.tasks?.length) {
+                            maxid = project.tasks.reduce((max, obj) => (obj.id > max ? obj.id : max),
+                                project.tasks[0].id);
+                        }
+
+                        const today = new Date();
+                        const dd = String(today.getDate()).padStart(2, '0');
+                        const mm = String(today.getMonth()); //January is 0!
+                        const yyyy = today.getFullYear();
+                        const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug',
+                            'Sep', 'Oct', 'Nov', 'Dec'
+                        ];
+
+                        const task = {
+                            projectId: this.paramsTask.projectId,
+                            id: maxid + 1,
+                            title: this.paramsTask.title,
+                            description: this.paramsTask.description,
+                            date: dd + ' ' + monthNames[mm] + ', ' + yyyy,
+                            tags: this.paramsTask.tags?.length > 0 ? this.paramsTask.tags.split(
+                                ',') : [],
+                        };
+
+                        project.tasks.push(task);
+                    }
+
+                    this.showMessage('Task has been saved successfully.');
+                    this.isAddTaskModal = false;
+                },
+
+                deleteConfirmModal(projectId, task) {
+                    this.selectedTask = task;
+                    setTimeout(() => {
+                        this.isDeleteModal = true;
+                    }, 10);
+                },
+
+                deleteTask() {
+                    let project = this.projectList.find((d) => d.id === this.selectedTask.projectId);
+                    project.tasks = project.tasks.filter((d) => d.id != this.selectedTask.id);
+
+                    this.showMessage('Task has been deleted successfully.');
+                    this.isDeleteModal = false;
+                },
+
+                showMessage(msg = '', type = 'success') {
+                    const toast = window.Swal.mixin({
+                        toast: true,
+                        position: 'top',
+                        showConfirmButton: false,
+                        timer: 3000,
+                    });
+                    toast.fire({
+                        icon: type,
+                        title: msg,
+                        padding: '10px 20px',
+                    });
+                }
+            }));
+        });
+    </script>
+
+
+</x-layout.default>
diff --git a/resources/views/apps/todolist.blade.php b/resources/views/apps/todolist.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..b1fc721f7aa4308bc046cde5da2d0b4b7defb86f
--- /dev/null
+++ b/resources/views/apps/todolist.blade.php
@@ -0,0 +1,1273 @@
+<x-layout.default>
+
+    <link rel="stylesheet" type="text/css" href="{{ Vite::asset('resources/css/quill.snow.css') }}" />
+    <script src="/assets/js/quill.js"></script>
+
+    <div x-data="todolist">
+        <div class="flex gap-5 relative sm:h-[calc(100vh_-_150px)] h-full">
+            <div class="panel p-4 flex-none w-[240px] max-w-full  absolute xl:relative z-10 space-y-4 xl:h-auto h-full xl:block ltr:xl:rounded-r-md ltr:rounded-r-none rtl:xl:rounded-l-md rtl:rounded-l-none hidden"
+                :class="{ '!block': isShowTaskMenu }">
+                <div class="flex flex-col h-full pb-16">
+                    <div class="pb-5">
+                        <div class="flex text-center items-center">
+                            <div class="shrink-0">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                    <path opacity="0.5"
+                                        d="M16 4.00195C18.175 4.01406 19.3529 4.11051 20.1213 4.87889C21 5.75757 21 7.17179 21 10.0002V16.0002C21 18.8286 21 20.2429 20.1213 21.1215C19.2426 22.0002 17.8284 22.0002 15 22.0002H9C6.17157 22.0002 4.75736 22.0002 3.87868 21.1215C3 20.2429 3 18.8286 3 16.0002V10.0002C3 7.17179 3 5.75757 3.87868 4.87889C4.64706 4.11051 5.82497 4.01406 8 4.00195"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path d="M8 14H16" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path d="M7 10.5H17" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path d="M9 17.5H15" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path
+                                        d="M8 3.5C8 2.67157 8.67157 2 9.5 2H14.5C15.3284 2 16 2.67157 16 3.5V4.5C16 5.32843 15.3284 6 14.5 6H9.5C8.67157 6 8 5.32843 8 4.5V3.5Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                            </div>
+                            <h3 class="text-lg font-semibold ltr:ml-3 rtl:mr-3">Todo list</h3>
+                        </div>
+                    </div>
+                    <div class="h-px w-full border-b border-[#e0e6ed] dark:border-[#1b2e4b] mb-5"></div>
+                    <div class="perfect-scrollbar relative pr-3.5 -mr-3.5 h-full grow">
+                        <div class="space-y-1">
+                            <button type="button"
+                                class="w-full flex justify-between items-center p-2 hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium h-10"
+                                :class="{ 'bg-gray-100 dark:text-primary text-primary dark:bg-[#181F32]': selectedTab === '' }"
+                                @click="tabChanged('')">
+                                <div class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 shrink-0">
+                                        <path d="M2 5.5L3.21429 7L7.5 3" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                        <path opacity="0.5" d="M2 12.5L3.21429 14L7.5 10" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                        <path d="M2 19.5L3.21429 21L7.5 17" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                        <path d="M22 19L12 19" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path opacity="0.5" d="M22 12L12 12" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path d="M22 5L12 5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                    </svg>
+                                    <div class="ltr:ml-3 rtl:mr-3">Inbox</div>
+                                </div>
+                                <div class="bg-primary-light dark:bg-[#060818] rounded-md py-0.5 px-2 font-semibold whitespace-nowrap"
+                                    x-text="allTasks && allTasks.filter((d) => d.status != 'trash').length"></div>
+                            </button>
+                            <button type="button"
+                                class="w-full flex justify-between items-center p-2 hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium h-10"
+                                :class="{
+                                    'bg-gray-100 dark:text-primary text-primary dark:bg-[#181F32]': selectedTab ===
+                                        'complete'
+                                }"
+                                @click="tabChanged('complete')">
+                                <div class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                        <path
+                                            d="M20.9751 12.1852L20.2361 12.0574L20.9751 12.1852ZM20.2696 16.265L19.5306 16.1371L20.2696 16.265ZM6.93776 20.4771L6.19055 20.5417H6.19055L6.93776 20.4771ZM6.1256 11.0844L6.87281 11.0198L6.1256 11.0844ZM13.9949 5.22142L14.7351 5.34269V5.34269L13.9949 5.22142ZM13.3323 9.26598L14.0724 9.38725V9.38725L13.3323 9.26598ZM6.69813 9.67749L6.20854 9.10933H6.20854L6.69813 9.67749ZM8.13687 8.43769L8.62646 9.00585H8.62646L8.13687 8.43769ZM10.518 4.78374L9.79207 4.59542L10.518 4.78374ZM10.9938 2.94989L11.7197 3.13821L11.7197 3.13821L10.9938 2.94989ZM12.6676 2.06435L12.4382 2.77841L12.4382 2.77841L12.6676 2.06435ZM12.8126 2.11093L13.0419 1.39687L13.0419 1.39687L12.8126 2.11093ZM9.86194 6.46262L10.5235 6.81599V6.81599L9.86194 6.46262ZM13.9047 3.24752L13.1787 3.43584V3.43584L13.9047 3.24752ZM11.6742 2.13239L11.3486 1.45675L11.3486 1.45675L11.6742 2.13239ZM20.2361 12.0574L19.5306 16.1371L21.0086 16.3928L21.7142 12.313L20.2361 12.0574ZM13.245 21.25H8.59634V22.75H13.245V21.25ZM7.68497 20.4125L6.87281 11.0198L5.37839 11.149L6.19055 20.5417L7.68497 20.4125ZM19.5306 16.1371C19.0238 19.0677 16.3813 21.25 13.245 21.25V22.75C17.0712 22.75 20.3708 20.081 21.0086 16.3928L19.5306 16.1371ZM13.2548 5.10015L12.5921 9.14472L14.0724 9.38725L14.7351 5.34269L13.2548 5.10015ZM7.18772 10.2456L8.62646 9.00585L7.64728 7.86954L6.20854 9.10933L7.18772 10.2456ZM11.244 4.97206L11.7197 3.13821L10.2678 2.76157L9.79207 4.59542L11.244 4.97206ZM12.4382 2.77841L12.5832 2.82498L13.0419 1.39687L12.897 1.3503L12.4382 2.77841ZM10.5235 6.81599C10.8354 6.23198 11.0777 5.61339 11.244 4.97206L9.79207 4.59542C9.65572 5.12107 9.45698 5.62893 9.20041 6.10924L10.5235 6.81599ZM12.5832 2.82498C12.8896 2.92342 13.1072 3.16009 13.1787 3.43584L14.6306 3.05921C14.4252 2.26719 13.819 1.64648 13.0419 1.39687L12.5832 2.82498ZM11.7197 3.13821C11.7547 3.0032 11.8522 2.87913 11.9998 2.80804L11.3486 1.45675C10.8166 1.71309 10.417 2.18627 10.2678 2.76157L11.7197 3.13821ZM11.9998 2.80804C12.1345 2.74311 12.2931 2.73181 12.4382 2.77841L12.897 1.3503C12.3872 1.18655 11.8312 1.2242 11.3486 1.45675L11.9998 2.80804ZM14.1537 10.9842H19.3348V9.4842H14.1537V10.9842ZM14.7351 5.34269C14.8596 4.58256 14.824 3.80477 14.6306 3.0592L13.1787 3.43584C13.3197 3.97923 13.3456 4.54613 13.2548 5.10016L14.7351 5.34269ZM8.59634 21.25C8.12243 21.25 7.726 20.887 7.68497 20.4125L6.19055 20.5417C6.29851 21.7902 7.34269 22.75 8.59634 22.75V21.25ZM8.62646 9.00585C9.30632 8.42 10.0391 7.72267 10.5235 6.81599L9.20041 6.10924C8.85403 6.75767 8.30249 7.30493 7.64728 7.86954L8.62646 9.00585ZM21.7142 12.313C21.9695 10.8365 20.8341 9.4842 19.3348 9.4842V10.9842C19.9014 10.9842 20.3332 11.4959 20.2361 12.0574L21.7142 12.313ZM12.5921 9.14471C12.4344 10.1076 13.1766 10.9842 14.1537 10.9842V9.4842C14.1038 9.4842 14.0639 9.43901 14.0724 9.38725L12.5921 9.14471ZM6.87281 11.0198C6.84739 10.7258 6.96474 10.4378 7.18772 10.2456L6.20854 9.10933C5.62021 9.61631 5.31148 10.3753 5.37839 11.149L6.87281 11.0198Z"
+                                            fill="currentColor" />
+                                        <path opacity="0.5"
+                                            d="M3.9716 21.4709L3.22439 21.5355L3.9716 21.4709ZM3 10.2344L3.74721 10.1698C3.71261 9.76962 3.36893 9.46776 2.96767 9.48507C2.5664 9.50239 2.25 9.83274 2.25 10.2344L3 10.2344ZM4.71881 21.4063L3.74721 10.1698L2.25279 10.299L3.22439 21.5355L4.71881 21.4063ZM3.75 21.5129V10.2344H2.25V21.5129H3.75ZM3.22439 21.5355C3.2112 21.383 3.33146 21.2502 3.48671 21.2502V22.7502C4.21268 22.7502 4.78122 22.1281 4.71881 21.4063L3.22439 21.5355ZM3.48671 21.2502C3.63292 21.2502 3.75 21.3686 3.75 21.5129H2.25C2.25 22.1954 2.80289 22.7502 3.48671 22.7502V21.2502Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                    <div class="ltr:ml-3 rtl:mr-3">Done</div>
+                                </div>
+                                <div class="bg-primary-light dark:bg-[#060818] rounded-md py-0.5 px-2 font-semibold whitespace-nowrap"
+                                    x-text="allTasks && allTasks.filter((d) => d.status === 'complete').length">2</div>
+                            </button>
+                            <button type="button"
+                                class="w-full flex justify-between items-center p-2 hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium h-10"
+                                :class="{
+                                    'bg-gray-100 dark:text-primary text-primary dark:bg-[#181F32]': selectedTab ===
+                                        'important'
+                                }"
+                                @click="tabChanged('important')">
+                                <div class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                        <path
+                                            d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                    <div class="ltr:ml-3 rtl:mr-3">Important</div>
+                                </div>
+                                <div class="bg-primary-light dark:bg-[#060818] rounded-md py-0.5 px-2 font-semibold whitespace-nowrap"
+                                    x-text="allTasks && allTasks.filter((d) => d.status === 'important').length"></div>
+                            </button>
+                            <button type="button"
+                                class="w-full flex justify-between items-center p-2 hover:bg-white-dark/10 rounded-md dark:hover:text-primary hover:text-primary dark:hover:bg-[#181F32] font-medium h-10"
+                                :class="{
+                                    'bg-gray-100 dark:text-primary text-primary dark:bg-[#181F32]': selectedTab ===
+                                        'trash'
+                                }"
+                                @click="tabChanged('trash')">
+                                <div class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                        <path d="M20.5001 6H3.5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path
+                                            d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M9.5 11L10 16" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M14.5 11L14 16" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5"
+                                            d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                    <div class="ltr:ml-3 rtl:mr-3">Trash</div>
+                                </div>
+                            </button>
+                            <div class="h-px w-full border-b border-[#e0e6ed] dark:border-[#1b2e4b]"></div>
+                            <div class="text-white-dark px-1 py-3">Tags</div>
+                            <button type="button"
+                                class="w-full flex items-center h-10 p-1 hover:bg-white-dark/10 rounded-md dark:hover:bg-[#181F32] font-medium text-success ltr:hover:pl-3 rtl:hover:pr-3 duration-300"
+                                :class="{ 'ltr:pl-3 rtl:pr-3 bg-gray-100 dark:bg-[#181F32]': selectedTab === 'team' }"
+                                @click="tabChanged('team')">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-3 h-3 rotate-45 fill-success shrink-0">
+                                    <path
+                                        d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                                <div class="ltr:ml-3 rtl:mr-3">Team</div>
+                            </button>
+
+                            <button type="button"
+                                class="w-full flex items-center h-10 p-1 hover:bg-white-dark/10 rounded-md dark:hover:bg-[#181F32] font-medium text-warning ltr:hover:pl-3 rtl:hover:pr-3 duration-300"
+                                :class="{ 'ltr:pl-3 rtl:pr-3 bg-gray-100 dark:bg-[#181F32]': selectedTab === 'low' }"
+                                @click="tabChanged('low')">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-3 h-3 rotate-45 fill-warning shrink-0">
+                                    <path
+                                        d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                                <div class="ltr:ml-3 rtl:mr-3">Low</div>
+                            </button>
+
+                            <button type="button"
+                                class="w-full flex items-center h-10 p-1 hover:bg-white-dark/10 rounded-md dark:hover:bg-[#181F32] font-medium text-primary ltr:hover:pl-3 rtl:hover:pr-3 duration-300"
+                                :class="{ 'ltr:pl-3 rtl:pr-3 bg-gray-100 dark:bg-[#181F32]': selectedTab === 'medium' }"
+                                @click="tabChanged('medium')">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-3 h-3 rotate-45 fill-primary shrink-0">
+                                    <path
+                                        d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                                <div class="ltr:ml-3 rtl:mr-3">Medium</div>
+                            </button>
+
+                            <button type="button"
+                                class="w-full flex items-center h-10 p-1 hover:bg-white-dark/10 rounded-md dark:hover:bg-[#181F32] font-medium text-danger ltr:hover:pl-3 rtl:hover:pr-3 duration-300"
+                                :class="{ 'ltr:pl-3 rtl:pr-3 bg-gray-100 dark:bg-[#181F32]': selectedTab === 'high' }"
+                                @click="tabChanged('high')">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 rotate-45 fill-danger shrink-0">
+                                    <path
+                                        d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                                <div class="ltr:ml-3 rtl:mr-3">High</div>
+                            </button>
+
+                            <button type="button"
+                                class="w-full flex items-center h-10 p-1 hover:bg-white-dark/10 rounded-md dark:hover:bg-[#181F32] font-medium text-info ltr:hover:pl-3 rtl:hover:pr-3 duration-300"
+                                :class="{ 'ltr:pl-3 rtl:pr-3 bg-gray-100 dark:bg-[#181F32]': selectedTab === 'update' }"
+                                @click="tabChanged('update')">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 rotate-45 fill-info shrink-0">
+                                    <path
+                                        d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                                <div class="ltr:ml-3 rtl:mr-3">Update</div>
+                            </button>
+                        </div>
+                    </div>
+                    <div class="ltr:left-0 rtl:right-0 absolute bottom-0 p-4 w-full">
+                        <button class="btn btn-primary w-full" type="button" @click="addEditTask()">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round"
+                                class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                <line x1="12" y1="5" x2="12" y2="19"></line>
+                                <line x1="5" y1="12" x2="19" y2="12"></line>
+                            </svg>
+                            Add New Task
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <div class="overlay bg-black/60 z-[5] w-full h-full rounded-md absolute hidden"
+                :class="{ '!block xl:!hidden': isShowTaskMenu }" @click="isShowTaskMenu = !isShowTaskMenu"></div>
+            <div class="panel p-0 flex-1 overflow-auto h-full">
+                <div class="flex flex-col h-full">
+                    <div class="p-4 flex sm:flex-row flex-col w-full sm:items-center gap-4">
+                        <div class="ltr:mr-3 rtl:ml-3 flex items-center">
+                            <button type="button" class="xl:hidden hover:text-primary block ltr:mr-3 rtl:ml-3"
+                                @click="isShowTaskMenu = !isShowTaskMenu">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                    <path d="M20 7L4 7" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round"></path>
+                                    <path opacity="0.5" d="M20 12L4 12" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round"></path>
+                                    <path d="M20 17L4 17" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round"></path>
+                                </svg>
+                            </button>
+                            <div class="relative group flex-1">
+                                <input type="text" class="form-input peer ltr:!pr-10 rtl:!pl-10"
+                                    placeholder="Search Task..." x-model="searchTask" @keyup="searchTasks()" />
+                                <div
+                                    class="absolute ltr:right-[11px] rtl:left-[11px] top-1/2 -translate-y-1/2 peer-focus:text-primary">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-4 h-4">
+                                        <circle cx="11.5" cy="11.5" r="9.5" stroke="currentColor"
+                                            stroke-width="1.5" opacity="0.5"></circle>
+                                        <path d="M18.5 18.5L22 22" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round"></path>
+                                    </svg>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex items-center justify-center sm:justify-end  sm:flex-auto flex-1">
+                            <p class="ltr:mr-3 rtl:ml-3"
+                                x-text="pager.startIndex+1 + '-' +( pager.endIndex+1) + ' of ' + filteredTasks.length">
+                            </p>
+                            <button type="button" :disabled="pager.currentPage == 1"
+                                class="bg-[#f4f4f4] rounded-md p-1 enabled:hover:bg-primary-light dark:bg-white-dark/20 enabled:dark:hover:bg-white-dark/30 ltr:mr-3 rtl:ml-3 disabled:opacity-60 disabled:cursor-not-allowed"
+                                @click="pager.currentPage--,searchTasks(false)">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                    <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round"></path>
+                                </svg>
+                            </button>
+                            <button type="button" :disabled="pager.currentPage == pager.totalPages"
+                                class="bg-[#f4f4f4] rounded-md p-1 enabled:hover:bg-primary-light dark:bg-white-dark/20 enabled:dark:hover:bg-white-dark/30 disabled:opacity-60 disabled:cursor-not-allowed"
+                                @click="pager.currentPage++,searchTasks(false)">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:rotate-180">
+                                    <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round"></path>
+                                </svg>
+                            </button>
+                        </div>
+                    </div>
+                    <div class="h-px w-full border-b border-[#e0e6ed] dark:border-[#1b2e4b]"></div>
+                    <template x-if="pagedTasks.length">
+                        <div class="table-responsive grow overflow-y-auto sm:min-h-[300px] min-h-[400px]">
+                            <table class="table-hover">
+                                <tbody>
+                                    <template x-for="task in pagedTasks">
+                                        <tr :key="task.id" class="group cursor-pointer"
+                                            :class="{ 'bg-white-light/30 dark:bg-[#1a2941]': task.status === 'complete' }">
+                                            <td class="w-1">
+                                                <input type="checkbox" :id="`chk-${task.id}`" class="form-checkbox"
+                                                    :checked="task.status === 'complete'"
+                                                    @click.stop="taskComplete(task)"
+                                                    :disabled="selectedTab === 'trash'" />
+                                            </td>
+                                            <td>
+                                                <div @click="viewTask(task)">
+                                                    <div class="group-hover:text-primary font-semibold text-base whitespace-nowrap"
+                                                        :class="{ 'line-through': task.status === 'complete' }"
+                                                        x-text="task.title"></div>
+                                                    <div class="text-white-dark overflow-hidden min-w-[300px] line-clamp-1"
+                                                        :class="{ 'line-through': task.status === 'complete' }"
+                                                        x-text="task.descriptionText"></div>
+                                                </div>
+                                            </td>
+                                            <td class="w-1">
+                                                <div
+                                                    class="flex items-center ltr:justify-end rtl:justify-start space-x-2 rtl:space-x-reverse">
+                                                    <template x-if="task.priority">
+                                                        <div x-data="dropdown" @click.outside="open = false"
+                                                            class="dropdown">
+                                                            <button type="button"
+                                                                class="badge rounded-full capitalize hover:top-0 hover:text-white"
+                                                                x-text="task.priority"
+                                                                :class="{
+                                                                    'badge-outline-primary hover:bg-primary': task
+                                                                        .priority === 'medium',
+                                                                    'badge-outline-warning hover:bg-warning': task
+                                                                        .priority === 'low',
+                                                                    'badge-outline-danger hover:bg-danger': task
+                                                                        .priority === 'high',
+                                                                    'text-white bg-primary': task.priority ===
+                                                                        'medium' && open,
+                                                                    'text-white bg-warning': task.priority === 'low' &&
+                                                                        open,
+                                                                    'text-white bg-danger': task.priority === 'high' &&
+                                                                        open,
+                                                                }"
+                                                                @click="toggle">
+                                                            </button>
+                                                            <ul x-cloak x-show="open" x-transition
+                                                                x-transition.duration.300ms
+                                                                class="ltr:right-0 rtl:left-0 text-sm text-medium">
+                                                                <li>
+                                                                    <button
+                                                                        class="w-full text-danger ltr:text-left rtl:text-right"
+                                                                        @click="toggle,setPriority(task, 'high')">
+                                                                        High
+                                                                    </button>
+                                                                </li>
+                                                                <li>
+                                                                    <button
+                                                                        class="w-full text-primary ltr:text-left rtl:text-right"
+                                                                        @click="toggle,setPriority(task, 'medium')">
+                                                                        Medium
+                                                                    </button>
+                                                                </li>
+                                                                <li>
+                                                                    <button
+                                                                        class="w-full text-warning ltr:text-left rtl:text-right"
+                                                                        @click="toggle,setPriority(task, 'low')">
+                                                                        Low
+                                                                    </button>
+                                                                </li>
+                                                            </ul>
+                                                        </div>
+                                                    </template>
+                                                    <template x-if="task.tag">
+                                                        <div x-data="dropdown" @click.outside="open = false"
+                                                            class="dropdown">
+                                                            <button type="button"
+                                                                class="badge rounded-full capitalize hover:top-0 hover:text-white"
+                                                                x-text="task.tag"
+                                                                :class="{
+                                                                    'badge-outline-success hover:bg-success': task
+                                                                        .tag === 'team',
+                                                                    'badge-outline-info hover:bg-info': task.tag ===
+                                                                        'update',
+                                                                    'text-white bg-success ': task.tag === 'team' &&
+                                                                        open,
+                                                                    'text-white bg-info ': task.tag === 'update' &&
+                                                                        open,
+                                                                }"
+                                                                @click="toggle">
+                                                            </button>
+                                                            <ul x-cloak x-show="open" x-transition
+                                                                x-transition.duration.300ms
+                                                                class="ltr:right-0 rtl:left-0 text-sm font-medium">
+                                                                <li>
+                                                                    <button class="w-full text-success"
+                                                                        @click="toggle,setTag(task, 'team')">
+                                                                        Team
+                                                                    </button>
+                                                                </li>
+                                                                <li>
+                                                                    <button class="w-full text-info"
+                                                                        @click="toggle,setTag(task, 'update')">
+                                                                        Update
+                                                                    </button>
+                                                                </li>
+                                                                <li>
+                                                                    <button class="w-full"
+                                                                        @click="toggle,setTag(task, '')">
+                                                                        None
+                                                                    </button>
+                                                                </li>
+                                                            </ul>
+                                                        </div>
+                                                    </template>
+                                                </div>
+                                            </td>
+                                            <td class="w-1">
+                                                <p class="whitespace-nowrap text-white-dark font-medium"
+                                                    :class="{ 'line-through': task.status === 'complete' }"
+                                                    x-text="task.date"></p>
+                                            </td>
+                                            <td class="w-1">
+                                                <div class="flex items-center justify-between w-max">
+                                                    <div class="ltr:mr-2.5 rtl:ml-2.5 flex-shrink-0">
+                                                        <template x-if="task.path">
+                                                            <img :src="`/assets/images/${task.path}`"
+                                                                class="h-8 w-8 rounded-full object-cover"
+                                                                alt="avatar" />
+                                                        </template>
+                                                        <template x-if="!task.path && task.assignee">
+                                                            <div class="grid place-content-center h-8 w-8 rounded-full bg-primary text-white text-sm font-semibold"
+                                                                x-text="task.assignee.charAt(0) + '' + task.assignee.charAt(task.assignee.indexOf(' ') + 1)">
+                                                            </div>
+                                                        </template>
+                                                        <template x-if="!task.path && !task.assignee">
+                                                            <div
+                                                                class="border border-gray-300 dark:border-gray-800 rounded-full p-2">
+                                                                <svg width="24" height="24"
+                                                                    viewBox="0 0 24 24" fill="none"
+                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                    class="w-4.5 h-4.5">
+                                                                    <circle cx="12" cy="6"
+                                                                        r="4" stroke="currentColor"
+                                                                        stroke-width="1.5"></circle>
+                                                                    <ellipse opacity="0.5" cx="12"
+                                                                        cy="17" rx="7" ry="4"
+                                                                        stroke="currentColor" stroke-width="1.5">
+                                                                    </ellipse>
+                                                                </svg>
+                                                            </div>
+                                                        </template>
+                                                    </div>
+                                                    <div x-data="dropdown" @click.outside="open = false"
+                                                        class="dropdown">
+                                                        <button type="button" @click="toggle">
+
+                                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                                class="w-5 h-5 rotate-90 opacity-70">
+                                                                <circle cx="5" cy="12" r="2"
+                                                                    stroke="currentColor" stroke-width="1.5"></circle>
+                                                                <circle opacity="0.5" cx="12" cy="12"
+                                                                    r="2" stroke="currentColor"
+                                                                    stroke-width="1.5"></circle>
+                                                                <circle cx="19" cy="12" r="2"
+                                                                    stroke="currentColor" stroke-width="1.5"></circle>
+                                                            </svg>
+                                                        </button>
+                                                        <template x-if="selectedTab !== 'trash'">
+                                                            <ul x-cloak x-show="open" x-transition
+                                                                x-transition.duration.300ms
+                                                                class="ltr:right-0 rtl:left-0 whitespace-nowrap">
+                                                                <li>
+                                                                    <a href="javascript:;"
+                                                                        @click="toggle, addEditTask(task)">
+
+                                                                        <svg width="24" height="24"
+                                                                            viewBox="0 0 24 24" fill="none"
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                            class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                                                            <path opacity="0.5" d="M4 22H20"
+                                                                                stroke="currentColor"
+                                                                                stroke-width="1.5"
+                                                                                stroke-linecap="round" />
+                                                                            <path
+                                                                                d="M14.6296 2.92142L13.8881 3.66293L7.07106 10.4799C6.60933 10.9416 6.37846 11.1725 6.17992 11.4271C5.94571 11.7273 5.74491 12.0522 5.58107 12.396C5.44219 12.6874 5.33894 12.9972 5.13245 13.6167L4.25745 16.2417L4.04356 16.8833C3.94194 17.1882 4.02128 17.5243 4.2485 17.7515C4.47573 17.9787 4.81182 18.0581 5.11667 17.9564L5.75834 17.7426L8.38334 16.8675L8.3834 16.8675C9.00284 16.6611 9.31256 16.5578 9.60398 16.4189C9.94775 16.2551 10.2727 16.0543 10.5729 15.8201C10.8275 15.6215 11.0583 15.3907 11.5201 14.929L11.5201 14.9289L18.3371 8.11195L19.0786 7.37044C20.3071 6.14188 20.3071 4.14999 19.0786 2.92142C17.85 1.69286 15.8581 1.69286 14.6296 2.92142Z"
+                                                                                stroke="currentColor"
+                                                                                stroke-width="1.5" />
+                                                                            <path opacity="0.5"
+                                                                                d="M13.8879 3.66406C13.8879 3.66406 13.9806 5.23976 15.3709 6.63008C16.7613 8.0204 18.337 8.11308 18.337 8.11308M5.75821 17.7437L4.25732 16.2428"
+                                                                                stroke="currentColor"
+                                                                                stroke-width="1.5" />
+                                                                        </svg>
+                                                                        Edit
+                                                                    </a>
+                                                                </li>
+                                                                <li><a href="javascript:;"
+                                                                        @click="toggle,  deleteTask(task, 'delete' )">
+
+                                                                        <svg width="24" height="24"
+                                                                            viewBox="0 0 24 24" fill="none"
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                            class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                                                            <path d="M20.5001 6H3.5"
+                                                                                stroke="currentColor"
+                                                                                stroke-width="1.5"
+                                                                                stroke-linecap="round"></path>
+                                                                            <path
+                                                                                d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                                                                stroke="currentColor"
+                                                                                stroke-width="1.5"
+                                                                                stroke-linecap="round"></path>
+                                                                            <path opacity="0.5" d="M9.5 11L10 16"
+                                                                                stroke="currentColor"
+                                                                                stroke-width="1.5"
+                                                                                stroke-linecap="round"></path>
+                                                                            <path opacity="0.5" d="M14.5 11L14 16"
+                                                                                stroke="currentColor"
+                                                                                stroke-width="1.5"
+                                                                                stroke-linecap="round"></path>
+                                                                            <path opacity="0.5"
+                                                                                d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6"
+                                                                                stroke="currentColor"
+                                                                                stroke-width="1.5"></path>
+                                                                        </svg>
+                                                                        Delete</a></li>
+                                                                <li>
+                                                                    <a href="javascript:;"
+                                                                        @click="toggle, setImportant(task)">
+
+                                                                        <svg width="24" height="24"
+                                                                            viewBox="0 0 24 24" fill="none"
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                            class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                                                            <path
+                                                                                d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                                                                stroke="currentColor"
+                                                                                stroke-width="1.5"></path>
+                                                                        </svg>
+                                                                        <span
+                                                                            x-text="task.status === 'important' ? 'Not Important' : 'Important'"></span>
+                                                                    </a>
+                                                                </li>
+                                                            </ul>
+                                                        </template>
+                                                        <template x-if="selectedTab === 'trash'">
+                                                            <ul x-cloak x-show="open" x-transition
+                                                                x-transition.duration.300ms
+                                                                class="ltr:right-0 rtl:left-0 w-44">
+                                                                <li>
+                                                                    <a href="javascript:;"
+                                                                        @click="toggle, deleteTask(task, 'deletePermanent' )">
+
+                                                                        <svg width="24" height="24"
+                                                                            viewBox="0 0 24 24" fill="none"
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                            class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                                                            <path d="M20.5001 6H3.5"
+                                                                                stroke="currentColor"
+                                                                                stroke-width="1.5"
+                                                                                stroke-linecap="round"></path>
+                                                                            <path
+                                                                                d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                                                                stroke="currentColor"
+                                                                                stroke-width="1.5"
+                                                                                stroke-linecap="round"></path>
+                                                                            <path opacity="0.5" d="M9.5 11L10 16"
+                                                                                stroke="currentColor"
+                                                                                stroke-width="1.5"
+                                                                                stroke-linecap="round"></path>
+                                                                            <path opacity="0.5" d="M14.5 11L14 16"
+                                                                                stroke="currentColor"
+                                                                                stroke-width="1.5"
+                                                                                stroke-linecap="round"></path>
+                                                                            <path opacity="0.5"
+                                                                                d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6"
+                                                                                stroke="currentColor"
+                                                                                stroke-width="1.5"></path>
+                                                                        </svg>
+                                                                        Permanent Delete
+                                                                    </a>
+                                                                </li>
+                                                                <li>
+                                                                    <a href="javascript:;"
+                                                                        @click="toggle, deleteTask(task, 'restore')">
+
+                                                                        <svg width="24" height="24"
+                                                                            viewBox="0 0 24 24" fill="none"
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                            class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                                                            <g clip-path="url(#clip0_1276_6232)">
+                                                                                <path
+                                                                                    d="M19.7285 10.9288C20.4413 13.5978 19.7507 16.5635 17.6569 18.6573C14.5327 21.7815 9.46736 21.7815 6.34316 18.6573C3.21897 15.5331 3.21897 10.4678 6.34316 7.3436C9.46736 4.21941 14.5327 4.21941 17.6569 7.3436L18.364 8.05071M18.364 8.05071H14.1213M18.364 8.05071V3.80807"
+                                                                                    stroke="currentColor"
+                                                                                    stroke-width="1.5"
+                                                                                    stroke-linecap="round"
+                                                                                    stroke-linejoin="round"></path>
+                                                                            </g>
+                                                                            <defs>
+                                                                                <clipPath id="clip0_1276_6232">
+                                                                                    <rect width="24"
+                                                                                        height="24" fill="white">
+                                                                                    </rect>
+                                                                                </clipPath>
+                                                                            </defs>
+                                                                        </svg>
+                                                                        Restore Task
+                                                                    </a>
+                                                                </li>
+                                                            </ul>
+                                                        </template>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    </template>
+                                </tbody>
+                            </table>
+                        </div>
+                    </template>
+                    <template x-if="!pagedTasks.length">
+                        <div
+                            class="flex justify-center items-center sm:min-h-[300px] min-h-[400px] font-semibold text-lg h-full">
+                            No data available
+                        </div>
+                    </template>
+                </div>
+            </div>
+
+            <div class="fixed inset-0 bg-[black]/60 z-[999] px-4 overflow-y-auto hidden"
+                :class="{ '!block': addTaskModal }">
+                <div class="flex items-center justify-center min-h-screen">
+                    <div x-show="addTaskModal" x-transition x-transition.duration.300
+                        @click.outside="addTaskModal = false"
+                        class="panel border-0 p-0 rounded-lg overflow-hidden md:w-full max-w-lg w-[90%] my-8">
+                        <button type="button"
+                            class="absolute top-4 ltr:right-4 rtl:left-4 text-white-dark hover:text-dark"
+                            @click="addTaskModal = false">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                        <div class="text-lg font-medium bg-[#fbfbfb] dark:bg-[#121c2c] ltr:pl-5 rtl:pr-5 py-3 ltr:pr-[50px] rtl:pl-[50px]"
+                            x-text="params.id ? 'Edit Task' : 'Add Task'"></div>
+                        <div class="p-5">
+                            <form @submit.prevent="saveTask">
+                                <div class="mb-5">
+                                    <label for="title">Title</label>
+                                    <input id="title" type="text" placeholder="Enter Task Title"
+                                        class="form-input" x-model="params.title" />
+                                </div>
+                                <div class="mb-5">
+                                    <label for="assignee">Assignee</label>
+                                    <select id="assignee" class="form-select" x-model="params.assignee">
+                                        <option value="">Select Assignee</option>
+                                        <option value="John Smith">John Smith</option>
+                                        <option value="Kia Vega">Kia Vega</option>
+                                        <option value="Sandy Doe">Sandy Doe</option>
+                                        <option value="Jane Foster">Jane Foster</option>
+                                        <option value="Donna Frank">Donna Frank</option>
+                                    </select>
+                                </div>
+                                <div class="mb-5 flex justify-between gap-4">
+                                    <div class="flex-1">
+                                        <label for="tag">Tag</label>
+                                        <select id="tag" class="form-select" x-model="params.tag">
+                                            <option value="">Select Tag</option>
+                                            <option value="team">Team</option>
+                                            <option value="update">Update</option>
+                                        </select>
+                                    </div>
+                                    <div class="flex-1">
+                                        <label for="priority">Priority</label>
+                                        <select id="priority" class="form-select" x-model="params.priority">
+                                            <option value="">Select Priority</option>
+                                            <option value="low">Low</option>
+                                            <option value="medium">Medium</option>
+                                            <option value="high">High</option>
+                                        </select>
+                                    </div>
+                                </div>
+                                <div class="mb-5">
+                                    <label>Description</label>
+                                    <div x-ref="editor"></div>
+                                </div>
+                                <div class="ltr:text-right rtl:text-left flex justify-end items-center mt-8">
+                                    <button type="button" class="btn btn-outline-danger"
+                                        @click="addTaskModal = false">Cancel</button>
+                                    <button type="submit" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                        x-text="params.id ? 'Update' : 'Add'">Add</button>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="fixed inset-0 bg-[black]/60 z-[999] overflow-y-auto hidden"
+                :class="{ '!block': viewTaskModal }">
+                <div class="flex items-center justify-center min-h-screen px-4" @click.self="viewTaskModal = false">
+                    <div x-show="viewTaskModal" x-transition x-transition.duration.300
+                        class="panel border-0 p-0 rounded-lg overflow-hidden md:w-full max-w-lg w-[90%] my-8">
+                        <button type="button"
+                            class="absolute top-4 ltr:right-4 rtl:left-4 text-white-dark hover:text-dark"
+                            @click="viewTaskModal = false">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                        <div
+                            class="flex items-center flex-wrap gap-2 text-lg font-medium bg-[#fbfbfb] dark:bg-[#121c2c] ltr:pl-5 rtl:pr-5 py-3 ltr:pr-[50px] rtl:pl-[50px]">
+                            <div x-text="selectedTask.title"></div>
+                            <div x-show="selectedTask.priority" x-text="selectedTask.priority"
+                                class="badge rounded-3xl capitalize"
+                                :class="{
+                                    'badge-outline-primary': selectedTask.priority === 'medium',
+                                    'badge-outline-warning ': selectedTask.priority === 'low',
+                                    'badge-outline-danger ': selectedTask.priority === 'high',
+                                }">
+                            </div>
+
+                            <div x-show="selectedTask.tag" x-text="selectedTask.tag"
+                                class="badge rounded-3xl capitalize"
+                                :class="{
+                                    'badge-outline-success ': selectedTask.tag === 'team',
+                                    'badge-outline-info ': selectedTask.tag === 'update',
+                                }">
+                            </div>
+                        </div>
+                        <div class="p-5">
+                            <div class="text-base prose" x-html="selectedTask.description"></div>
+
+                            <div class="flex justify-end items-center mt-8">
+                                <button type="button" class="btn btn-outline-danger"
+                                    @click="viewTaskModal = false">Close</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        const defaultParams = {
+            id: null,
+            title: '',
+            description: '',
+            descriptionText: '',
+            assignee: '',
+            path: '',
+            tag: '',
+            priority: 'low'
+        };
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("todolist", () => ({
+                selectedTab: '',
+                isShowTaskMenu: false,
+                addTaskModal: false,
+                viewTaskModal: false,
+
+                params: JSON.parse(JSON.stringify(defaultParams)),
+                allTasks: [{
+                        id: 1,
+                        title: 'Meeting with Shaun Park at 4:50pm',
+                        date: 'Aug, 07 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: 'team',
+                        priority: 'medium',
+                        assignee: 'John Smith',
+                        path: '',
+                        status: '',
+                    },
+                    {
+                        id: 2,
+                        title: 'Team meet at Starbucks',
+                        date: 'Aug, 06 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: 'team',
+                        priority: 'low',
+                        assignee: 'John Smith',
+                        path: 'profile-15.jpeg',
+                        status: '',
+                    },
+                    {
+                        id: 3,
+                        title: 'Meet Lisa to discuss project details',
+                        date: 'Aug, 05 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: 'update',
+                        priority: 'medium',
+                        assignee: 'John Smith',
+                        path: 'profile-1.jpeg',
+                        status: 'complete',
+                    },
+                    {
+                        id: 4,
+                        title: 'Download Complete',
+                        date: 'Aug, 04 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: '',
+                        priority: 'low',
+                        assignee: 'John Smith',
+                        path: 'profile-16.jpeg',
+                        status: '',
+                    },
+                    {
+                        id: 5,
+                        title: 'Conference call with Marketing Manager',
+                        date: 'Aug, 03 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: 'update',
+                        priority: 'high',
+                        assignee: 'John Smith',
+                        path: 'profile-5.jpeg',
+                        status: 'important',
+                    },
+                    {
+                        id: 6,
+                        title: 'New User Registered',
+                        date: 'Aug, 02 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: '',
+                        priority: 'medium',
+                        assignee: '',
+                        path: '',
+                        status: 'important',
+                    },
+                    {
+                        id: 7,
+                        title: 'Fix issues in new project',
+                        date: 'Aug, 01 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: 'team',
+                        priority: 'medium',
+                        assignee: 'John Smith',
+                        path: 'profile-17.jpeg',
+                        status: '',
+                    },
+                    {
+                        id: 8,
+                        title: 'Check All functionality',
+                        date: 'Aug, 07 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: 'update',
+                        priority: 'medium',
+                        assignee: 'John Smith',
+                        path: 'profile-18.jpeg',
+                        status: 'important',
+                    },
+                    {
+                        id: 9,
+                        title: 'Check Repository',
+                        date: 'Aug, 07 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: 'team',
+                        priority: 'medium',
+                        assignee: 'John Smith',
+                        path: 'profile-20.jpeg',
+                        status: 'complete',
+                    },
+                    {
+                        id: 10,
+                        title: 'Trashed Tasks',
+                        date: 'Aug, 08 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: 'team',
+                        priority: 'medium',
+                        assignee: 'John Smith',
+                        path: 'profile-15.jpeg',
+                        status: 'trash',
+                    },
+                    {
+                        id: 11,
+                        title: 'Trashed Tasks 2',
+                        date: 'Aug, 09 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: '',
+                        priority: 'medium',
+                        assignee: 'John Smith',
+                        path: 'profile-2.jpeg',
+                        status: 'trash',
+                    },
+                    {
+                        id: 12,
+                        title: 'Trashed Tasks 3',
+                        date: 'Aug, 10 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: 'team',
+                        priority: 'medium',
+                        assignee: 'John Smith',
+                        path: 'profile-24.jpeg',
+                        status: 'trash',
+                    },
+                    {
+                        id: 13,
+                        title: 'Do something nice for someone I care about',
+                        date: 'Sep, 10 2022',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: '',
+                        priority: '',
+                        assignee: 'John Smith',
+                        path: 'profile-25.jpeg',
+                        status: '',
+                    },
+                    {
+                        id: 14,
+                        title: 'Memorize the fifty states and their capitals',
+                        date: 'Sep, 13 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: '',
+                        priority: '',
+                        assignee: 'John Smith',
+                        path: 'profile-11.jpeg',
+                        status: '',
+                    },
+                    {
+                        id: 15,
+                        title: 'Watch a classic movie',
+                        date: 'Oct, 10 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: '',
+                        priority: '',
+                        assignee: 'John Smith',
+                        path: 'profile-10.jpeg',
+                        status: '',
+                    },
+                    {
+                        id: 16,
+                        title: 'Contribute code or a monetary donation to an open-source software project',
+                        date: 'Nov, 10 2017',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: '',
+                        priority: '',
+                        assignee: 'John Smith',
+                        path: 'profile-12.jpeg',
+                        status: '',
+                    },
+                    {
+                        id: 17,
+                        title: 'Solve a Rubik`s cube',
+                    date: 'Nov, 15 2017',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                    descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                    tag: '',
+                    priority: '',
+                    assignee: 'John Smith',
+                    path: 'profile-25.jpeg',
+                    status: '',
+                },
+                {
+                    id: 18,
+                    title: 'Bake pastries for me and neighbor',
+                    date: 'Mar, 19 2018',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                    descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                    tag: '',
+                    priority: '',
+                    assignee: 'John Smith',
+                    path: 'profile-27.jpeg',
+                    status: '',
+                },
+                {
+                    id: 19,
+                    title: 'Go see a Broadway production',
+                    date: 'Oct, 2 2018',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                    descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                    tag: '',
+                    priority: '',
+                    assignee: 'John Smith',
+                    path: 'profile-26.jpeg',
+                    status: '',
+                },
+                {
+                    id: 20,
+                    title: 'Write a thank you letter to an influential person in my life',
+                    date: 'Nov, 20 2018',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                    descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                    tag: '',
+                    priority: '',
+                    assignee: 'John Smith',
+                    path: 'profile-18.jpeg',
+                    status: '',
+                },
+                {
+                    id: 21,
+                    title: 'Invite some friends over for a game night',
+                    date: 'Jun 6 2019',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                    descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                    tag: '',
+                    priority: '',
+                    assignee: 'John Smith',
+                    path: 'profile-13.jpeg',
+                    status: '',
+                },
+                {
+                    id: 22,
+                    title: 'Have a football scrimmage with some friends',
+                    date: 'Sep, 13 2019',
+                    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                    descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                    tag: '',
+                    priority: '',
+                    assignee: 'John Smith',
+                    path: 'profile-24.jpeg',
+                    status: '',
+                },
+                {
+                    id: 23,
+                    title: 'Text a friend I haven`t talked to in a long time',
+                        date: 'Oct, 10 2019',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: '',
+                        priority: '',
+                        assignee: 'John Smith',
+                        path: 'profile-20.jpeg',
+                        status: '',
+                    },
+                    {
+                        id: 24,
+                        title: 'Organize pantry',
+                        date: 'Feb, 24 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: '',
+                        priority: '',
+                        assignee: 'John Smith',
+                        path: 'profile-10.jpeg',
+                        status: '',
+                    },
+                    {
+                        id: 25,
+                        title: 'Buy a new house decoration',
+                        date: 'Mar, 25 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: '',
+                        priority: '',
+                        assignee: 'John Smith',
+                        path: 'profile-9.jpeg',
+                        status: '',
+                    },
+                    {
+                        id: 26,
+                        title: 'Plan a vacation I`ve always wanted to take',
+                        date: 'Mar, 30 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: '',
+                        priority: '',
+                        assignee: 'John Smith',
+                        path: 'profile-4.jpeg',
+                        status: '',
+                    },
+                    {
+                        id: 27,
+                        title: 'Clean out car',
+                        date: 'Apr, 3 2020',
+                        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        descriptionText: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.',
+                        tag: '',
+                        priority: '',
+                        assignee: 'John Smith',
+                        path: 'profile-3.jpeg',
+                        status: '',
+                    }
+                ],
+                filteredTasks: [],
+                pagedTasks: [],
+                searchTask: '',
+                selectedTask: defaultParams,
+
+                pager: {
+                    currentPage: 1,
+                    totalPages: 0,
+                    pageSize: 10,
+                    startIndex: 0,
+                    endIndex: 0,
+                },
+                quillEditor: null,
+
+                init() {
+                    this.searchTasks();
+                    this.initEditor();
+                },
+                initEditor() {
+                    this.quillEditor = new Quill(this.$refs.editor, {
+                        theme: 'snow'
+                    });
+                },
+                searchTasks(isResetPage = true) {
+                    if (isResetPage) {
+                        this.pager.currentPage = 1;
+                    }
+                    let res;
+                    if (this.selectedTab === 'complete' || this.selectedTab === 'important' || this
+                        .selectedTab === 'trash') {
+                        res = this.allTasks.filter((d) => d.status === this.selectedTab);
+                    } else {
+                        res = this.allTasks.filter((d) => d.status != 'trash');
+                    }
+
+                    if (this.selectedTab === 'team' || this.selectedTab === 'update') {
+                        res = res.filter((d) => d.tag === this.selectedTab);
+                    } else if (this.selectedTab === 'high' || this.selectedTab === 'medium' || this
+                        .selectedTab === 'low') {
+                        res = res.filter((d) => d.priority === this.selectedTab);
+                    }
+                    this.filteredTasks = res.filter((d) => d.title?.toLowerCase().includes(this
+                        .searchTask));
+                    this.getPager();
+                },
+                getPager() {
+                    setTimeout(() => {
+                        if (this.filteredTasks.length) {
+                            this.pager.totalPages = this.pager.pageSize < 1 ? 1 : Math.ceil(this
+                                .filteredTasks.length / this.pager.pageSize);
+                            if (this.pager.currentPage > this.pager.totalPages) {
+                                this.pager.currentPage = 1;
+                            }
+                            this.pager.startIndex = (this.pager.currentPage - 1) * this.pager
+                                .pageSize;
+                            this.pager.endIndex = Math.min(this.pager.startIndex + this.pager
+                                .pageSize - 1, this.filteredTasks.length - 1);
+                            this.pagedTasks = this.filteredTasks.slice(this.pager.startIndex,
+                                this.pager.endIndex + 1);
+                        } else {
+                            this.pagedTasks = [];
+                            this.pager.startIndex = -1;
+                            this.pager.endIndex = -1;
+                        }
+                    });
+                },
+
+                setPriority(task, name) {
+                    let item = this.filteredTasks.find((d) => d.id === task.id);
+                    item.priority = name;
+                    this.searchTasks(false);
+                },
+
+                setTag(task, name) {
+                    let item = this.filteredTasks.find((d) => d.id === task.id);
+                    item.tag = name;
+                    this.searchTasks(false);
+                },
+
+                tabChanged(type) {
+                    this.selectedTab = type;
+                    this.searchTasks();
+                    this.isShowTaskMenu = false;
+                },
+
+                taskComplete(task) {
+                    let item = this.filteredTasks.find((d) => d.id === task.id);
+                    item.status = item.status === 'complete' ? '' : 'complete';
+                    this.searchTasks(false);
+                },
+
+                setImportant(task) {
+                    let item = this.filteredTasks.find((d) => d.id === task.id);
+                    item.status = item.status === 'important' ? '' : 'important';
+                    this.searchTasks(false);
+                },
+
+                viewTask(item) {
+                    this.selectedTask = item;
+                    setTimeout(() => {
+                        this.viewTaskModal = true;
+                    });
+                },
+
+                addEditTask(task) {
+                    this.isShowTaskMenu = false;
+
+                    this.params = JSON.parse(JSON.stringify(defaultParams));
+                    this.quillEditor.root.innerHTML = '';
+
+                    if (task) {
+                        this.params = JSON.parse(JSON.stringify(task));
+                        this.quillEditor.root.innerHTML = this.params.description;
+                    }
+
+                    this.addTaskModal = true;
+                },
+
+                deleteTask(task, type) {
+                    if (type === 'delete') {
+                        task.status = 'trash';
+                    }
+                    if (type === 'deletePermanent') {
+                        this.allTasks = this.allTasks.filter((d) => d.id != task.id);
+                    } else if (type === 'restore') {
+                        task.status = '';
+                    }
+                    this.searchTasks(false);
+                },
+
+                saveTask() {
+                    if (!this.params.title) {
+                        this.showMessage('Title is required.', 'error');
+                        return false;
+                    }
+
+                    if (this.params.id) {
+                        //update task
+                        this.pagedTasks = this.pagedTasks.map(d => {
+                            if (d.id === this.params.id) {
+                                d = this.params;
+                                d.description = this.quillEditor.root.innerHTML;
+                                d.descriptionText = this.quillEditor.getText();
+                            }
+                            return d;
+                        });
+                    } else {
+                        //add task
+                        const maxid = this.allTasks.length ? this.allTasks.reduce((max, obj) => (obj
+                            .id > max ? obj.id : max), this.allTasks[0].id) : 0;
+
+                        const today = new Date();
+                        const dd = String(today.getDate()).padStart(2, '0');
+                        const mm = String(today.getMonth());
+                        const yyyy = today.getFullYear();
+                        const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug',
+                            'Sep', 'Oct', 'Nov', 'Dec'
+                        ];
+
+                        let task = this.params;
+                        task.id = maxid + 1;
+                        task.description = this.quillEditor.root.innerHTML;
+                        task.descriptionText = this.quillEditor.getText();
+                        task.date = monthNames[mm] + ', ' + dd + ' ' + yyyy;
+
+                        this.allTasks.splice(0, 0, task);
+                        this.searchTasks();
+                    }
+
+                    this.showMessage('Task has been saved successfully.');
+                    this.addTaskModal = false;
+                },
+
+                showMessage(msg = '', type = 'success') {
+                    const toast = window.Swal.mixin({
+                        toast: true,
+                        position: 'top',
+                        showConfirmButton: false,
+                        timer: 3000,
+                    });
+                    toast.fire({
+                        icon: type,
+                        title: msg,
+                        padding: '10px 20px',
+                    });
+                }
+            }));
+        })
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/auth/boxed-lockscreen.blade.php b/resources/views/auth/boxed-lockscreen.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..14f6f778c5e4bcc602a151359c3bd5a274bfd18e
--- /dev/null
+++ b/resources/views/auth/boxed-lockscreen.blade.php
@@ -0,0 +1,171 @@
+<x-layout.auth>
+    <div x-data="auth">
+        <div class="absolute inset-0">
+            <img src="/assets/images/auth/bg-gradient.png" alt="image" class="h-full w-full object-cover" />
+        </div>
+
+        <div class="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/map.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+            <img src="/assets/images/auth/coming-soon-object1.png" alt="image" class="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+            <img src="/assets/images/auth/coming-soon-object2.png" alt="image" class="absolute left-24 top-0 h-40 md:left-[30%]" />
+            <img src="/assets/images/auth/coming-soon-object3.png" alt="image" class="absolute right-0 top-0 h-[300px]" />
+            <img src="/assets/images/auth/polygon-object.svg" alt="image" class="absolute bottom-0 end-[28%]" />
+            <div
+                class="relative w-full max-w-[870px] rounded-md bg-[linear-gradient(45deg,#fff9f9_0%,rgba(255,255,255,0)_25%,rgba(255,255,255,0)_75%,_#fff9f9_100%)] p-2 dark:bg-[linear-gradient(52.22deg,#0E1726_0%,rgba(14,23,38,0)_18.66%,rgba(14,23,38,0)_51.04%,rgba(14,23,38,0)_80.07%,#0E1726_100%)]">
+                <div class="relative flex flex-col justify-center rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 px-6 lg:min-h-[758px] py-20">
+                    <div class="absolute top-6 end-6">
+                        <div class="dropdown" x-data="dropdown" @click.outside="open = false">
+                            <a href="javascript:;" class="flex items-center gap-2.5 rounded-lg border border-white-dark/30 bg-white px-2 py-1.5 text-white-dark hover:border-primary hover:text-primary dark:bg-black"
+                                :class="{ '!border-primary !text-primary': open }" @click="toggle">
+                                <div>
+                                    <img :src="`/assets/images/flags/${$store.app.locale.toUpperCase()}.svg`" alt="image" class="h-5 w-5 rounded-full object-cover" />
+                                </div>
+                                <div x-text="$store.app.locale" class="text-base font-bold uppercase"></div>
+                                <span class="shrink-0" :class="{ 'rotate-180': open }">
+                                    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M6.99989 9.79988C6.59156 9.79988 6.18322 9.64238 5.87406 9.33321L2.07072 5.52988C1.90156 5.36071 1.90156 5.08071 2.07072 4.91154C2.23989 4.74238 2.51989 4.74238 2.68906 4.91154L6.49239 8.71488C6.77239 8.99488 7.22739 8.99488 7.50739 8.71488L11.3107 4.91154C11.4799 4.74238 11.7599 4.74238 11.9291 4.91154C12.0982 5.08071 12.0982 5.36071 11.9291 5.52988L8.12572 9.33321C7.81656 9.64238 7.40822 9.79988 6.99989 9.79988Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="top-11 grid w-[280px] grid-cols-2 gap-y-2 !px-2 font-semibold text-dark ltr:-right-14 rtl:-left-14 dark:text-white-dark dark:text-white-light/90 sm:ltr:-right-2 sm:rtl:-left-2">
+                                <template x-for="item in languages">
+                                    <li>
+                                        <a href="javascript:;" class="hover:text-primary" @click="$store.app.toggleLocale(item.value),toggle()" :class="{ 'bg-primary/10 text-primary': $store.app.locale == item.value }">
+                                            <img class="h-5 w-5 rounded-full object-cover" :src="`/assets/images/flags/${item.value.toUpperCase()}.svg`" alt="image" />
+                                            <span class="ltr:ml-3 rtl:mr-3" x-text="item.key"></span>
+                                        </a>
+                                    </li>
+                                </template>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="mx-auto w-full max-w-[440px]">
+                        <div class="mb-10 flex items-center">
+                            <div class="flex h-16 w-16 items-end justify-center overflow-hidden rounded-full bg-[#00AB55] ltr:mr-4 rtl:ml-4">
+                                <img src="/assets/images/auth/user.png" class="w-full object-cover" alt="images" />
+                            </div>
+                            <div class="flex-1">
+                                <h4 class="text-2xl dark:text-white">Shaun Park</h4>
+                                <p class="text-white-dark">Enter your password to unlock your ID</p>
+                            </div>
+                        </div>
+                        <form class="space-y-5" @submit.prevent="window.location='/'">
+                            <div>
+                                <label for="Password" class="dark:text-white">Password</label>
+                                <div class="relative text-white-dark">
+                                    <input id="Password" type="password" placeholder="Enter Password" class="form-input ps-10 placeholder:text-white-dark" />
+                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                            <path opacity="0.5"
+                                                d="M1.5 12C1.5 9.87868 1.5 8.81802 2.15901 8.15901C2.81802 7.5 3.87868 7.5 6 7.5H12C14.1213 7.5 15.182 7.5 15.841 8.15901C16.5 8.81802 16.5 9.87868 16.5 12C16.5 14.1213 16.5 15.182 15.841 15.841C15.182 16.5 14.1213 16.5 12 16.5H6C3.87868 16.5 2.81802 16.5 2.15901 15.841C1.5 15.182 1.5 14.1213 1.5 12Z"
+                                                fill="currentColor" />
+                                            <path d="M6 12.75C6.41421 12.75 6.75 12.4142 6.75 12C6.75 11.5858 6.41421 11.25 6 11.25C5.58579 11.25 5.25 11.5858 5.25 12C5.25 12.4142 5.58579 12.75 6 12.75Z" fill="currentColor" />
+                                            <path d="M9 12.75C9.41421 12.75 9.75 12.4142 9.75 12C9.75 11.5858 9.41421 11.25 9 11.25C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75Z" fill="currentColor" />
+                                            <path d="M12.75 12C12.75 12.4142 12.4142 12.75 12 12.75C11.5858 12.75 11.25 12.4142 11.25 12C11.25 11.5858 11.5858 11.25 12 11.25C12.4142 11.25 12.75 11.5858 12.75 12Z" fill="currentColor" />
+                                            <path
+                                                d="M5.0625 6C5.0625 3.82538 6.82538 2.0625 9 2.0625C11.1746 2.0625 12.9375 3.82538 12.9375 6V7.50268C13.363 7.50665 13.7351 7.51651 14.0625 7.54096V6C14.0625 3.20406 11.7959 0.9375 9 0.9375C6.20406 0.9375 3.9375 3.20406 3.9375 6V7.54096C4.26488 7.51651 4.63698 7.50665 5.0625 7.50268V6Z"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </span>
+                                </div>
+                            </div>
+                            <button type="submit" class="btn btn-gradient !mt-6 w-full border-0 uppercase shadow-[0_10px_20px_-10px_rgba(67,97,238,0.44)]">
+                                UNLOCK
+                            </button>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        // main section
+        document.addEventListener('alpine:init', () => {
+            Alpine.data('auth', () => ({
+                languages: [{
+                        id: 1,
+                        key: 'Chinese',
+                        value: 'zh',
+                    },
+                    {
+                        id: 2,
+                        key: 'Danish',
+                        value: 'da',
+                    },
+                    {
+                        id: 3,
+                        key: 'English',
+                        value: 'en',
+                    },
+                    {
+                        id: 4,
+                        key: 'French',
+                        value: 'fr',
+                    },
+                    {
+                        id: 5,
+                        key: 'German',
+                        value: 'de',
+                    },
+                    {
+                        id: 6,
+                        key: 'Greek',
+                        value: 'el',
+                    },
+                    {
+                        id: 7,
+                        key: 'Hungarian',
+                        value: 'hu',
+                    },
+                    {
+                        id: 8,
+                        key: 'Italian',
+                        value: 'it',
+                    },
+                    {
+                        id: 9,
+                        key: 'Japanese',
+                        value: 'ja',
+                    },
+                    {
+                        id: 10,
+                        key: 'Polish',
+                        value: 'pl',
+                    },
+                    {
+                        id: 11,
+                        key: 'Portuguese',
+                        value: 'pt',
+                    },
+                    {
+                        id: 12,
+                        key: 'Russian',
+                        value: 'ru',
+                    },
+                    {
+                        id: 13,
+                        key: 'Spanish',
+                        value: 'es',
+                    },
+                    {
+                        id: 14,
+                        key: 'Swedish',
+                        value: 'sv',
+                    },
+                    {
+                        id: 15,
+                        key: 'Turkish',
+                        value: 'tr',
+                    },
+                    {
+                        id: 16,
+                        key: 'Arabic',
+                        value: 'ae',
+                    },
+                ],
+            }));
+        });
+    </script>
+</x-layout.auth>
diff --git a/resources/views/auth/boxed-password-reset.blade.php b/resources/views/auth/boxed-password-reset.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..ea7e2d5d003cd9303ed146e10426ec6d7c49f7e3
--- /dev/null
+++ b/resources/views/auth/boxed-password-reset.blade.php
@@ -0,0 +1,162 @@
+<x-layout.auth>
+
+    <div x-data="auth">
+        <div class="absolute inset-0">
+            <img src="/assets/images/auth/bg-gradient.png" alt="image" class="h-full w-full object-cover" />
+        </div>
+        <div class="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/map.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+            <img src="/assets/images/auth/coming-soon-object1.png" alt="image" class="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+            <img src="/assets/images/auth/coming-soon-object2.png" alt="image" class="absolute left-24 top-0 h-40 md:left-[30%]" />
+            <img src="/assets/images/auth/coming-soon-object3.png" alt="image" class="absolute right-0 top-0 h-[300px]" />
+            <img src="/assets/images/auth/polygon-object.svg" alt="image" class="absolute bottom-0 end-[28%]" />
+            <div
+                class="relative w-full max-w-[870px] rounded-md bg-[linear-gradient(45deg,#fff9f9_0%,rgba(255,255,255,0)_25%,rgba(255,255,255,0)_75%,_#fff9f9_100%)] p-2 dark:bg-[linear-gradient(52.22deg,#0E1726_0%,rgba(14,23,38,0)_18.66%,rgba(14,23,38,0)_51.04%,rgba(14,23,38,0)_80.07%,#0E1726_100%)]">
+                <div class="relative flex flex-col justify-center rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 px-6 lg:min-h-[758px] py-20">
+                    <div class="absolute top-6 end-6">
+                        <div class="dropdown" x-data="dropdown" @click.outside="open = false">
+                            <a href="javascript:;" class="flex items-center gap-2.5 rounded-lg border border-white-dark/30 bg-white px-2 py-1.5 text-white-dark hover:border-primary hover:text-primary dark:bg-black"
+                                :class="{ '!border-primary !text-primary': open }" @click="toggle">
+                                <div>
+                                    <img :src="`/assets/images/flags/${$store.app.locale.toUpperCase()}.svg`" alt="image" class="h-5 w-5 rounded-full object-cover" />
+                                </div>
+                                <div x-text="$store.app.locale" class="text-base font-bold uppercase"></div>
+                                <span class="shrink-0" :class="{ 'rotate-180': open }">
+                                    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M6.99989 9.79988C6.59156 9.79988 6.18322 9.64238 5.87406 9.33321L2.07072 5.52988C1.90156 5.36071 1.90156 5.08071 2.07072 4.91154C2.23989 4.74238 2.51989 4.74238 2.68906 4.91154L6.49239 8.71488C6.77239 8.99488 7.22739 8.99488 7.50739 8.71488L11.3107 4.91154C11.4799 4.74238 11.7599 4.74238 11.9291 4.91154C12.0982 5.08071 12.0982 5.36071 11.9291 5.52988L8.12572 9.33321C7.81656 9.64238 7.40822 9.79988 6.99989 9.79988Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="top-11 grid w-[280px] grid-cols-2 gap-y-2 !px-2 font-semibold text-dark ltr:-right-14 rtl:-left-14 dark:text-white-dark dark:text-white-light/90 sm:ltr:-right-2 sm:rtl:-left-2">
+                                <template x-for="item in languages">
+                                    <li>
+                                        <a href="javascript:;" class="hover:text-primary" @click="$store.app.toggleLocale(item.value),toggle()" :class="{ 'bg-primary/10 text-primary': $store.app.locale == item.value }">
+                                            <img class="h-5 w-5 rounded-full object-cover" :src="`/assets/images/flags/${item.value.toUpperCase()}.svg`" alt="image" />
+                                            <span class="ltr:ml-3 rtl:mr-3" x-text="item.key"></span>
+                                        </a>
+                                    </li>
+                                </template>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="mx-auto w-full max-w-[440px]">
+                        <div class="mb-7">
+                            <h1 class="mb-3 text-2xl font-bold !leading-snug dark:text-white">Password Reset</h1>
+                            <p>Enter your email to recover your ID</p>
+                        </div>
+                        <form class="space-y-5" @submit.prevent="window.location = '/'">
+                            <div>
+                                <label for="Email" class="dark:text-white">Email</label>
+                                <div class="relative text-white-dark">
+                                    <input id="Email" type="email" placeholder="Enter Email" class="form-input ps-10 placeholder:text-white-dark" />
+                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                            <path opacity="0.5"
+                                                d="M10.65 2.25H7.35C4.23873 2.25 2.6831 2.25 1.71655 3.23851C0.75 4.22703 0.75 5.81802 0.75 9C0.75 12.182 0.75 13.773 1.71655 14.7615C2.6831 15.75 4.23873 15.75 7.35 15.75H10.65C13.7613 15.75 15.3169 15.75 16.2835 14.7615C17.25 13.773 17.25 12.182 17.25 9C17.25 5.81802 17.25 4.22703 16.2835 3.23851C15.3169 2.25 13.7613 2.25 10.65 2.25Z"
+                                                fill="currentColor" />
+                                            <path
+                                                d="M14.3465 6.02574C14.609 5.80698 14.6445 5.41681 14.4257 5.15429C14.207 4.89177 13.8168 4.8563 13.5543 5.07507L11.7732 6.55931C11.0035 7.20072 10.4691 7.6446 10.018 7.93476C9.58125 8.21564 9.28509 8.30993 9.00041 8.30993C8.71572 8.30993 8.41956 8.21564 7.98284 7.93476C7.53168 7.6446 6.9973 7.20072 6.22761 6.55931L4.44652 5.07507C4.184 4.8563 3.79384 4.89177 3.57507 5.15429C3.3563 5.41681 3.39177 5.80698 3.65429 6.02574L5.4664 7.53583C6.19764 8.14522 6.79033 8.63914 7.31343 8.97558C7.85834 9.32604 8.38902 9.54743 9.00041 9.54743C9.6118 9.54743 10.1425 9.32604 10.6874 8.97558C11.2105 8.63914 11.8032 8.14522 12.5344 7.53582L14.3465 6.02574Z"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </span>
+                                </div>
+                            </div>
+                            <button type="submit" class="btn btn-gradient !mt-6 w-full border-0 uppercase shadow-[0_10px_20px_-10px_rgba(67,97,238,0.44)]"> RECOVER </button>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        // main section
+        document.addEventListener('alpine:init', () => {
+            Alpine.data('auth', () => ({
+                languages: [{
+                        id: 1,
+                        key: 'Chinese',
+                        value: 'zh',
+                    },
+                    {
+                        id: 2,
+                        key: 'Danish',
+                        value: 'da',
+                    },
+                    {
+                        id: 3,
+                        key: 'English',
+                        value: 'en',
+                    },
+                    {
+                        id: 4,
+                        key: 'French',
+                        value: 'fr',
+                    },
+                    {
+                        id: 5,
+                        key: 'German',
+                        value: 'de',
+                    },
+                    {
+                        id: 6,
+                        key: 'Greek',
+                        value: 'el',
+                    },
+                    {
+                        id: 7,
+                        key: 'Hungarian',
+                        value: 'hu',
+                    },
+                    {
+                        id: 8,
+                        key: 'Italian',
+                        value: 'it',
+                    },
+                    {
+                        id: 9,
+                        key: 'Japanese',
+                        value: 'ja',
+                    },
+                    {
+                        id: 10,
+                        key: 'Polish',
+                        value: 'pl',
+                    },
+                    {
+                        id: 11,
+                        key: 'Portuguese',
+                        value: 'pt',
+                    },
+                    {
+                        id: 12,
+                        key: 'Russian',
+                        value: 'ru',
+                    },
+                    {
+                        id: 13,
+                        key: 'Spanish',
+                        value: 'es',
+                    },
+                    {
+                        id: 14,
+                        key: 'Swedish',
+                        value: 'sv',
+                    },
+                    {
+                        id: 15,
+                        key: 'Turkish',
+                        value: 'tr',
+                    },
+                    {
+                        id: 16,
+                        key: 'Arabic',
+                        value: 'ae',
+                    },
+                ],
+            }));
+        });
+    </script>
+
+</x-layout.auth>
diff --git a/resources/views/auth/boxed-signin.blade.php b/resources/views/auth/boxed-signin.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..ead41b3901d1926e897a1d9e4b3ffdeabbd30522
--- /dev/null
+++ b/resources/views/auth/boxed-signin.blade.php
@@ -0,0 +1,251 @@
+<x-layout.auth>
+
+    <div x-data="auth">
+        <div class="absolute inset-0">
+            <img src="/assets/images/auth/bg-gradient.png" alt="image" class="h-full w-full object-cover" />
+        </div>
+        <div class="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/map.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+            <img src="/assets/images/auth/coming-soon-object1.png" alt="image" class="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+            <img src="/assets/images/auth/coming-soon-object2.png" alt="image" class="absolute left-24 top-0 h-40 md:left-[30%]" />
+            <img src="/assets/images/auth/coming-soon-object3.png" alt="image" class="absolute right-0 top-0 h-[300px]" />
+            <img src="/assets/images/auth/polygon-object.svg" alt="image" class="absolute bottom-0 end-[28%]" />
+            <div
+                class="relative w-full max-w-[870px] rounded-md bg-[linear-gradient(45deg,#fff9f9_0%,rgba(255,255,255,0)_25%,rgba(255,255,255,0)_75%,_#fff9f9_100%)] p-2 dark:bg-[linear-gradient(52.22deg,#0E1726_0%,rgba(14,23,38,0)_18.66%,rgba(14,23,38,0)_51.04%,rgba(14,23,38,0)_80.07%,#0E1726_100%)]">
+                <div class="relative flex flex-col justify-center rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 px-6 lg:min-h-[758px] py-20">
+                    <div class="absolute top-6 end-6">
+                        <div class="dropdown" x-data="dropdown" @click.outside="open = false">
+                            <a href="javascript:;" class="flex items-center gap-2.5 rounded-lg border border-white-dark/30 bg-white px-2 py-1.5 text-white-dark hover:border-primary hover:text-primary dark:bg-black"
+                                :class="{ '!border-primary !text-primary': open }" @click="toggle">
+                                <div>
+                                    <img :src="`/assets/images/flags/${$store.app.locale.toUpperCase()}.svg`" alt="image" class="h-5 w-5 rounded-full object-cover" />
+                                </div>
+                                <div x-text="$store.app.locale" class="text-base font-bold uppercase"></div>
+                                <span class="shrink-0" :class="{ 'rotate-180': open }">
+                                    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M6.99989 9.79988C6.59156 9.79988 6.18322 9.64238 5.87406 9.33321L2.07072 5.52988C1.90156 5.36071 1.90156 5.08071 2.07072 4.91154C2.23989 4.74238 2.51989 4.74238 2.68906 4.91154L6.49239 8.71488C6.77239 8.99488 7.22739 8.99488 7.50739 8.71488L11.3107 4.91154C11.4799 4.74238 11.7599 4.74238 11.9291 4.91154C12.0982 5.08071 12.0982 5.36071 11.9291 5.52988L8.12572 9.33321C7.81656 9.64238 7.40822 9.79988 6.99989 9.79988Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="top-11 grid w-[280px] grid-cols-2 gap-y-2 !px-2 font-semibold text-dark ltr:-right-14 rtl:-left-14 dark:text-white-dark dark:text-white-light/90 sm:ltr:-right-2 sm:rtl:-left-2">
+                                <template x-for="item in languages">
+                                    <li>
+                                        <a href="javascript:;" class="hover:text-primary" @click="$store.app.toggleLocale(item.value),toggle()" :class="{ 'bg-primary/10 text-primary': $store.app.locale == item.value }">
+                                            <img class="h-5 w-5 rounded-full object-cover" :src="`/assets/images/flags/${item.value.toUpperCase()}.svg`" alt="image" />
+                                            <span class="ltr:ml-3 rtl:mr-3" x-text="item.key"></span>
+                                        </a>
+                                    </li>
+                                </template>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="mx-auto w-full max-w-[440px]">
+                        <div class="mb-10">
+                            <h1 class="text-3xl font-extrabold uppercase !leading-snug text-primary md:text-4xl">Sign in</h1>
+                            <p class="text-base font-bold leading-normal text-white-dark">Enter your email and password to login</p>
+                        </div>
+                        <form class="space-y-5 dark:text-white" @submit.prevent="window.location='/'">
+                            <div>
+                                <label for="Email">Email</label>
+                                <div class="relative text-white-dark">
+                                    <input id="Email" type="email" placeholder="Enter Email" class="form-input ps-10 placeholder:text-white-dark" />
+                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                            <path opacity="0.5"
+                                                d="M10.65 2.25H7.35C4.23873 2.25 2.6831 2.25 1.71655 3.23851C0.75 4.22703 0.75 5.81802 0.75 9C0.75 12.182 0.75 13.773 1.71655 14.7615C2.6831 15.75 4.23873 15.75 7.35 15.75H10.65C13.7613 15.75 15.3169 15.75 16.2835 14.7615C17.25 13.773 17.25 12.182 17.25 9C17.25 5.81802 17.25 4.22703 16.2835 3.23851C15.3169 2.25 13.7613 2.25 10.65 2.25Z"
+                                                fill="currentColor" />
+                                            <path
+                                                d="M14.3465 6.02574C14.609 5.80698 14.6445 5.41681 14.4257 5.15429C14.207 4.89177 13.8168 4.8563 13.5543 5.07507L11.7732 6.55931C11.0035 7.20072 10.4691 7.6446 10.018 7.93476C9.58125 8.21564 9.28509 8.30993 9.00041 8.30993C8.71572 8.30993 8.41956 8.21564 7.98284 7.93476C7.53168 7.6446 6.9973 7.20072 6.22761 6.55931L4.44652 5.07507C4.184 4.8563 3.79384 4.89177 3.57507 5.15429C3.3563 5.41681 3.39177 5.80698 3.65429 6.02574L5.4664 7.53583C6.19764 8.14522 6.79033 8.63914 7.31343 8.97558C7.85834 9.32604 8.38902 9.54743 9.00041 9.54743C9.6118 9.54743 10.1425 9.32604 10.6874 8.97558C11.2105 8.63914 11.8032 8.14522 12.5344 7.53582L14.3465 6.02574Z"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </span>
+                                </div>
+                            </div>
+                            <div>
+                                <label for="Password">Password</label>
+                                <div class="relative text-white-dark">
+                                    <input id="Password" type="password" placeholder="Enter Password" class="form-input ps-10 placeholder:text-white-dark" />
+                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                            <path opacity="0.5"
+                                                d="M1.5 12C1.5 9.87868 1.5 8.81802 2.15901 8.15901C2.81802 7.5 3.87868 7.5 6 7.5H12C14.1213 7.5 15.182 7.5 15.841 8.15901C16.5 8.81802 16.5 9.87868 16.5 12C16.5 14.1213 16.5 15.182 15.841 15.841C15.182 16.5 14.1213 16.5 12 16.5H6C3.87868 16.5 2.81802 16.5 2.15901 15.841C1.5 15.182 1.5 14.1213 1.5 12Z"
+                                                fill="currentColor" />
+                                            <path d="M6 12.75C6.41421 12.75 6.75 12.4142 6.75 12C6.75 11.5858 6.41421 11.25 6 11.25C5.58579 11.25 5.25 11.5858 5.25 12C5.25 12.4142 5.58579 12.75 6 12.75Z" fill="currentColor" />
+                                            <path d="M9 12.75C9.41421 12.75 9.75 12.4142 9.75 12C9.75 11.5858 9.41421 11.25 9 11.25C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75Z" fill="currentColor" />
+                                            <path d="M12.75 12C12.75 12.4142 12.4142 12.75 12 12.75C11.5858 12.75 11.25 12.4142 11.25 12C11.25 11.5858 11.5858 11.25 12 11.25C12.4142 11.25 12.75 11.5858 12.75 12Z" fill="currentColor" />
+                                            <path
+                                                d="M5.0625 6C5.0625 3.82538 6.82538 2.0625 9 2.0625C11.1746 2.0625 12.9375 3.82538 12.9375 6V7.50268C13.363 7.50665 13.7351 7.51651 14.0625 7.54096V6C14.0625 3.20406 11.7959 0.9375 9 0.9375C6.20406 0.9375 3.9375 3.20406 3.9375 6V7.54096C4.26488 7.51651 4.63698 7.50665 5.0625 7.50268V6Z"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </span>
+                                </div>
+                            </div>
+                            <div>
+                                <label class="flex cursor-pointer items-center">
+                                    <input type="checkbox" class="form-checkbox bg-white dark:bg-black" />
+                                    <span class="text-white-dark">Subscribe to weekly newsletter</span>
+                                </label>
+                            </div>
+                            <button type="submit" class="btn btn-gradient !mt-6 w-full border-0 uppercase shadow-[0_10px_20px_-10px_rgba(67,97,238,0.44)]"> Sign in </button>
+                        </form>
+                        <div class="relative my-7 text-center md:mb-9">
+                            <span class="absolute inset-x-0 top-1/2 h-px w-full -translate-y-1/2 bg-white-light dark:bg-white-dark"></span>
+                            <span class="relative bg-white px-2 font-bold uppercase text-white-dark dark:bg-dark dark:text-white-light">or</span>
+                        </div>
+                        <div class="mb-10 md:mb-[60px]">
+                            <ul class="flex justify-center gap-3.5">
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
+                                            <path
+                                                d="M8 2.05C9.925 2.05 10.1875 2.05 10.975 2.05C11.675 2.05 12.025 2.225 12.2875 2.3125C12.6375 2.4875 12.9 2.575 13.1625 2.8375C13.425 3.1 13.6 3.3625 13.6875 3.7125C13.775 3.975 13.8625 4.325 13.95 5.025C13.95 5.8125 13.95 5.9875 13.95 8C13.95 10.0125 13.95 10.1875 13.95 10.975C13.95 11.675 13.775 12.025 13.6875 12.2875C13.5125 12.6375 13.425 12.9 13.1625 13.1625C12.9 13.425 12.6375 13.6 12.2875 13.6875C12.025 13.775 11.675 13.8625 10.975 13.95C10.1875 13.95 10.0125 13.95 8 13.95C5.9875 13.95 5.8125 13.95 5.025 13.95C4.325 13.95 3.975 13.775 3.7125 13.6875C3.3625 13.5125 3.1 13.425 2.8375 13.1625C2.575 12.9 2.4 12.6375 2.3125 12.2875C2.225 12.025 2.1375 11.675 2.05 10.975C2.05 10.1875 2.05 10.0125 2.05 8C2.05 5.9875 2.05 5.8125 2.05 5.025C2.05 4.325 2.225 3.975 2.3125 3.7125C2.4875 3.3625 2.575 3.1 2.8375 2.8375C3.1 2.575 3.3625 2.4 3.7125 2.3125C3.975 2.225 4.325 2.1375 5.025 2.05C5.8125 2.05 6.075 2.05 8 2.05ZM8 0.737503C5.9875 0.737503 5.8125 0.737503 5.025 0.737503C4.2375 0.737503 3.7125 0.912504 3.275 1.0875C2.8375 1.2625 2.4 1.525 1.9625 1.9625C1.525 2.4 1.35 2.75 1.0875 3.275C0.912504 3.7125 0.825003 4.2375 0.737503 5.025C0.737503 5.8125 0.737503 6.075 0.737503 8C0.737503 10.0125 0.737503 10.1875 0.737503 10.975C0.737503 11.7625 0.912504 12.2875 1.0875 12.725C1.2625 13.1625 1.525 13.6 1.9625 14.0375C2.4 14.475 2.75 14.65 3.275 14.9125C3.7125 15.0875 4.2375 15.175 5.025 15.2625C5.8125 15.2625 6.075 15.2625 8 15.2625C9.925 15.2625 10.1875 15.2625 10.975 15.2625C11.7625 15.2625 12.2875 15.0875 12.725 14.9125C13.1625 14.7375 13.6 14.475 14.0375 14.0375C14.475 13.6 14.65 13.25 14.9125 12.725C15.0875 12.2875 15.175 11.7625 15.2625 10.975C15.2625 10.1875 15.2625 9.925 15.2625 8C15.2625 6.075 15.2625 5.8125 15.2625 5.025C15.2625 4.2375 15.0875 3.7125 14.9125 3.275C14.7375 2.8375 14.475 2.4 14.0375 1.9625C13.6 1.525 13.25 1.35 12.725 1.0875C12.2875 0.912504 11.7625 0.825003 10.975 0.737503C10.1875 0.737503 10.0125 0.737503 8 0.737503Z"
+                                                fill="white" />
+                                            <path
+                                                d="M8 4.2375C5.9 4.2375 4.2375 5.9 4.2375 8C4.2375 10.1 5.9 11.7625 8 11.7625C10.1 11.7625 11.7625 10.1 11.7625 8C11.7625 5.9 10.1 4.2375 8 4.2375ZM8 10.45C6.6875 10.45 5.55 9.4 5.55 8C5.55 6.6875 6.6 5.55 8 5.55C9.3125 5.55 10.45 6.6 10.45 8C10.45 9.3125 9.3125 10.45 8 10.45Z"
+                                                fill="white" />
+                                            <path d="M11.85 5.025C12.3333 5.025 12.725 4.63325 12.725 4.15C12.725 3.66675 12.3333 3.275 11.85 3.275C11.3668 3.275 10.975 3.66675 10.975 4.15C10.975 4.63325 11.3668 5.025 11.85 5.025Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
+                                            <path
+                                                d="M14 7C14 3.15 10.85 0 7 0C3.15 0 0 3.15 0 7C0 10.5 2.5375 13.3875 5.8625 13.9125V9.0125H4.1125V7H5.8625V5.425C5.8625 3.675 6.9125 2.7125 8.4875 2.7125C9.275 2.7125 10.0625 2.8875 10.0625 2.8875V4.6375H9.1875C8.3125 4.6375 8.05 5.1625 8.05 5.6875V7H9.975L9.625 9.0125H7.9625V14C11.4625 13.475 14 10.5 14 7Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="12" viewBox="0 0 14 12" fill="none">
+                                            <path
+                                                d="M14 1.625C13.475 1.8875 12.95 1.975 12.3375 2.0625C12.95 1.7125 13.3875 1.1875 13.5625 0.4875C13.0375 0.8375 12.425 1.0125 11.725 1.1875C11.2 0.6625 10.4125 0.3125 9.625 0.3125C7.7875 0.3125 6.3875 2.0625 6.825 3.8125C4.4625 3.725 2.3625 2.5875 0.875 0.8375C0.0875 2.15 0.525 3.8125 1.75 4.6875C1.3125 4.6875 0.875 4.5125 0.4375 4.3375C0.4375 5.65 1.4 6.875 2.7125 7.225C2.275 7.3125 1.8375 7.4 1.4 7.3125C1.75 8.45 2.8 9.325 4.1125 9.325C3.0625 10.1125 1.4875 10.55 0 10.375C1.3125 11.1625 2.8 11.6875 4.375 11.6875C9.7125 11.6875 12.6875 7.225 12.5125 3.1125C13.125 2.7625 13.65 2.2375 14 1.625Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M13.8512 7.15912C13.8512 6.66275 13.8066 6.18548 13.7239 5.72729H7.13116V8.43503H10.8984C10.7362 9.31003 10.243 10.0514 9.50162 10.5478V12.3041H11.7639C13.0875 11.0855 13.8512 9.29094 13.8512 7.15912Z"
+                                                fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M7.13089 14C9.0209 14 10.6054 13.3731 11.7636 12.3041L9.50135 10.5477C8.87454 10.9677 8.07272 11.2159 7.13089 11.2159C5.30771 11.2159 3.76452 9.9845 3.21407 8.32996H0.875427V10.1436C2.02725 12.4313 4.39453 14 7.13089 14Z"
+                                                fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M3.21435 8.32997C3.07435 7.90997 2.99481 7.46133 2.99481 6.99997C2.99481 6.5386 3.07435 6.08996 3.21435 5.66996V3.85632H0.875712C0.40162 4.80133 0.131165 5.87042 0.131165 6.99997C0.131165 8.12951 0.40162 9.19861 0.875712 10.1436L3.21435 8.32997Z"
+                                                fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M7.13089 2.7841C8.15862 2.7841 9.08135 3.13728 9.80681 3.83092L11.8145 1.82319C10.6023 0.693638 9.01772 0 7.13089 0C4.39453 0 2.02725 1.56864 0.875427 3.85637L3.21407 5.67001C3.76452 4.01546 5.30771 2.7841 7.13089 2.7841Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="text-center dark:text-white"> Don't have an account ? <a href="/auth/boxed-signup" class="uppercase text-primary underline transition hover:text-black dark:hover:text-white">SIGN UP</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        // main section
+        document.addEventListener('alpine:init', () => {
+            Alpine.data('auth', () => ({
+                languages: [{
+                        id: 1,
+                        key: 'Chinese',
+                        value: 'zh',
+                    },
+                    {
+                        id: 2,
+                        key: 'Danish',
+                        value: 'da',
+                    },
+                    {
+                        id: 3,
+                        key: 'English',
+                        value: 'en',
+                    },
+                    {
+                        id: 4,
+                        key: 'French',
+                        value: 'fr',
+                    },
+                    {
+                        id: 5,
+                        key: 'German',
+                        value: 'de',
+                    },
+                    {
+                        id: 6,
+                        key: 'Greek',
+                        value: 'el',
+                    },
+                    {
+                        id: 7,
+                        key: 'Hungarian',
+                        value: 'hu',
+                    },
+                    {
+                        id: 8,
+                        key: 'Italian',
+                        value: 'it',
+                    },
+                    {
+                        id: 9,
+                        key: 'Japanese',
+                        value: 'ja',
+                    },
+                    {
+                        id: 10,
+                        key: 'Polish',
+                        value: 'pl',
+                    },
+                    {
+                        id: 11,
+                        key: 'Portuguese',
+                        value: 'pt',
+                    },
+                    {
+                        id: 12,
+                        key: 'Russian',
+                        value: 'ru',
+                    },
+                    {
+                        id: 13,
+                        key: 'Spanish',
+                        value: 'es',
+                    },
+                    {
+                        id: 14,
+                        key: 'Swedish',
+                        value: 'sv',
+                    },
+                    {
+                        id: 15,
+                        key: 'Turkish',
+                        value: 'tr',
+                    },
+                    {
+                        id: 16,
+                        key: 'Arabic',
+                        value: 'ae',
+                    },
+                ],
+            }));
+        });
+    </script>
+
+</x-layout.auth>
diff --git a/resources/views/auth/boxed-signup.blade.php b/resources/views/auth/boxed-signup.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..d0639c015ebd47be53a4926bdcb973a072597554
--- /dev/null
+++ b/resources/views/auth/boxed-signup.blade.php
@@ -0,0 +1,262 @@
+<x-layout.auth>
+
+    <div x-data="auth">
+        <div class="absolute inset-0">
+            <img src="/assets/images/auth/bg-gradient.png" alt="image" class="h-full w-full object-cover" />
+        </div>
+        <div class="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/map.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+            <img src="/assets/images/auth/coming-soon-object1.png" alt="image" class="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+            <img src="/assets/images/auth/coming-soon-object2.png" alt="image" class="absolute left-24 top-0 h-40 md:left-[30%]" />
+            <img src="/assets/images/auth/coming-soon-object3.png" alt="image" class="absolute right-0 top-0 h-[300px]" />
+            <img src="/assets/images/auth/polygon-object.svg" alt="image" class="absolute bottom-0 end-[28%]" />
+            <div
+                class="relative w-full max-w-[870px] rounded-md bg-[linear-gradient(45deg,#fff9f9_0%,rgba(255,255,255,0)_25%,rgba(255,255,255,0)_75%,_#fff9f9_100%)] p-2 dark:bg-[linear-gradient(52.22deg,#0E1726_0%,rgba(14,23,38,0)_18.66%,rgba(14,23,38,0)_51.04%,rgba(14,23,38,0)_80.07%,#0E1726_100%)]">
+                <div class="relative flex flex-col justify-center rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 px-6 lg:min-h-[758px] py-20">
+                    <div class="absolute top-6 end-6">
+                        <div class="dropdown" x-data="dropdown" @click.outside="open = false">
+                            <a href="javascript:;" class="flex items-center gap-2.5 rounded-lg border border-white-dark/30 bg-white px-2 py-1.5 text-white-dark hover:border-primary hover:text-primary dark:bg-black"
+                                :class="{ '!border-primary !text-primary': open }" @click="toggle">
+                                <div>
+                                    <img :src="`/assets/images/flags/${$store.app.locale.toUpperCase()}.svg`" alt="image" class="h-5 w-5 rounded-full object-cover" />
+                                </div>
+                                <div x-text="$store.app.locale" class="text-base font-bold uppercase"></div>
+                                <span class="shrink-0" :class="{ 'rotate-180': open }">
+                                    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M6.99989 9.79988C6.59156 9.79988 6.18322 9.64238 5.87406 9.33321L2.07072 5.52988C1.90156 5.36071 1.90156 5.08071 2.07072 4.91154C2.23989 4.74238 2.51989 4.74238 2.68906 4.91154L6.49239 8.71488C6.77239 8.99488 7.22739 8.99488 7.50739 8.71488L11.3107 4.91154C11.4799 4.74238 11.7599 4.74238 11.9291 4.91154C12.0982 5.08071 12.0982 5.36071 11.9291 5.52988L8.12572 9.33321C7.81656 9.64238 7.40822 9.79988 6.99989 9.79988Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="top-11 grid w-[280px] grid-cols-2 gap-y-2 !px-2 font-semibold text-dark ltr:-right-14 rtl:-left-14 dark:text-white-dark dark:text-white-light/90 sm:ltr:-right-2 sm:rtl:-left-2">
+                                <template x-for="item in languages">
+                                    <li>
+                                        <a href="javascript:;" class="hover:text-primary" @click="$store.app.toggleLocale(item.value),toggle()" :class="{ 'bg-primary/10 text-primary': $store.app.locale == item.value }">
+                                            <img class="h-5 w-5 rounded-full object-cover" :src="`/assets/images/flags/${item.value.toUpperCase()}.svg`" alt="image" />
+                                            <span class="ltr:ml-3 rtl:mr-3" x-text="item.key"></span>
+                                        </a>
+                                    </li>
+                                </template>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="mx-auto w-full max-w-[440px]">
+                        <div class="mb-10">
+                            <h1 class="text-3xl font-extrabold uppercase !leading-snug text-primary md:text-4xl">Sign Up</h1>
+                            <p class="text-base font-bold leading-normal text-white-dark">Enter your email and password to register</p>
+                        </div>
+                        <form class="space-y-5 dark:text-white" @submit.prevent="window.location='/'">
+                            <div>
+                                <label for="Name">Name</label>
+                                <div class="relative text-white-dark">
+                                    <input id="Name" type="text" placeholder="Enter Name" class="form-input ps-10 placeholder:text-white-dark" />
+                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                            <circle cx="9" cy="4.5" r="3" fill="#888EA8" />
+                                            <path opacity="0.5" d="M15 13.125C15 14.989 15 16.5 9 16.5C3 16.5 3 14.989 3 13.125C3 11.261 5.68629 9.75 9 9.75C12.3137 9.75 15 11.261 15 13.125Z" fill="#888EA8" />
+                                        </svg>
+                                    </span>
+                                </div>
+                            </div>
+                            <div>
+                                <label for="Email">Email</label>
+                                <div class="relative text-white-dark">
+                                    <input id="Email" type="email" placeholder="Enter Email" class="form-input ps-10 placeholder:text-white-dark" />
+                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                            <path opacity="0.5"
+                                                d="M10.65 2.25H7.35C4.23873 2.25 2.6831 2.25 1.71655 3.23851C0.75 4.22703 0.75 5.81802 0.75 9C0.75 12.182 0.75 13.773 1.71655 14.7615C2.6831 15.75 4.23873 15.75 7.35 15.75H10.65C13.7613 15.75 15.3169 15.75 16.2835 14.7615C17.25 13.773 17.25 12.182 17.25 9C17.25 5.81802 17.25 4.22703 16.2835 3.23851C15.3169 2.25 13.7613 2.25 10.65 2.25Z"
+                                                fill="currentColor" />
+                                            <path
+                                                d="M14.3465 6.02574C14.609 5.80698 14.6445 5.41681 14.4257 5.15429C14.207 4.89177 13.8168 4.8563 13.5543 5.07507L11.7732 6.55931C11.0035 7.20072 10.4691 7.6446 10.018 7.93476C9.58125 8.21564 9.28509 8.30993 9.00041 8.30993C8.71572 8.30993 8.41956 8.21564 7.98284 7.93476C7.53168 7.6446 6.9973 7.20072 6.22761 6.55931L4.44652 5.07507C4.184 4.8563 3.79384 4.89177 3.57507 5.15429C3.3563 5.41681 3.39177 5.80698 3.65429 6.02574L5.4664 7.53583C6.19764 8.14522 6.79033 8.63914 7.31343 8.97558C7.85834 9.32604 8.38902 9.54743 9.00041 9.54743C9.6118 9.54743 10.1425 9.32604 10.6874 8.97558C11.2105 8.63914 11.8032 8.14522 12.5344 7.53582L14.3465 6.02574Z"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </span>
+                                </div>
+                            </div>
+                            <div>
+                                <label for="Password">Password</label>
+                                <div class="relative text-white-dark">
+                                    <input id="Password" type="password" placeholder="Enter Password" class="form-input ps-10 placeholder:text-white-dark" />
+                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                            <path opacity="0.5"
+                                                d="M1.5 12C1.5 9.87868 1.5 8.81802 2.15901 8.15901C2.81802 7.5 3.87868 7.5 6 7.5H12C14.1213 7.5 15.182 7.5 15.841 8.15901C16.5 8.81802 16.5 9.87868 16.5 12C16.5 14.1213 16.5 15.182 15.841 15.841C15.182 16.5 14.1213 16.5 12 16.5H6C3.87868 16.5 2.81802 16.5 2.15901 15.841C1.5 15.182 1.5 14.1213 1.5 12Z"
+                                                fill="currentColor" />
+                                            <path d="M6 12.75C6.41421 12.75 6.75 12.4142 6.75 12C6.75 11.5858 6.41421 11.25 6 11.25C5.58579 11.25 5.25 11.5858 5.25 12C5.25 12.4142 5.58579 12.75 6 12.75Z" fill="currentColor" />
+                                            <path d="M9 12.75C9.41421 12.75 9.75 12.4142 9.75 12C9.75 11.5858 9.41421 11.25 9 11.25C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75Z" fill="currentColor" />
+                                            <path d="M12.75 12C12.75 12.4142 12.4142 12.75 12 12.75C11.5858 12.75 11.25 12.4142 11.25 12C11.25 11.5858 11.5858 11.25 12 11.25C12.4142 11.25 12.75 11.5858 12.75 12Z" fill="currentColor" />
+                                            <path
+                                                d="M5.0625 6C5.0625 3.82538 6.82538 2.0625 9 2.0625C11.1746 2.0625 12.9375 3.82538 12.9375 6V7.50268C13.363 7.50665 13.7351 7.51651 14.0625 7.54096V6C14.0625 3.20406 11.7959 0.9375 9 0.9375C6.20406 0.9375 3.9375 3.20406 3.9375 6V7.54096C4.26488 7.51651 4.63698 7.50665 5.0625 7.50268V6Z"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </span>
+                                </div>
+                            </div>
+                            <div>
+                                <label class="flex cursor-pointer items-center">
+                                    <input type="checkbox" class="form-checkbox bg-white dark:bg-black" />
+                                    <span class="text-white-dark">Subscribe to weekly newsletter</span>
+                                </label>
+                            </div>
+                            <button type="submit" class="btn btn-gradient !mt-6 w-full border-0 uppercase shadow-[0_10px_20px_-10px_rgba(67,97,238,0.44)]"> Sign Up </button>
+                        </form>
+                        <div class="relative my-7 text-center md:mb-9">
+                            <span class="absolute inset-x-0 top-1/2 h-px w-full -translate-y-1/2 bg-white-light dark:bg-white-dark"></span>
+                            <span class="relative bg-white px-2 font-bold uppercase text-white-dark dark:bg-dark dark:text-white-light">or</span>
+                        </div>
+                        <div class="mb-10 md:mb-[60px]">
+                            <ul class="flex justify-center gap-3.5">
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
+                                            <path
+                                                d="M8 2.05C9.925 2.05 10.1875 2.05 10.975 2.05C11.675 2.05 12.025 2.225 12.2875 2.3125C12.6375 2.4875 12.9 2.575 13.1625 2.8375C13.425 3.1 13.6 3.3625 13.6875 3.7125C13.775 3.975 13.8625 4.325 13.95 5.025C13.95 5.8125 13.95 5.9875 13.95 8C13.95 10.0125 13.95 10.1875 13.95 10.975C13.95 11.675 13.775 12.025 13.6875 12.2875C13.5125 12.6375 13.425 12.9 13.1625 13.1625C12.9 13.425 12.6375 13.6 12.2875 13.6875C12.025 13.775 11.675 13.8625 10.975 13.95C10.1875 13.95 10.0125 13.95 8 13.95C5.9875 13.95 5.8125 13.95 5.025 13.95C4.325 13.95 3.975 13.775 3.7125 13.6875C3.3625 13.5125 3.1 13.425 2.8375 13.1625C2.575 12.9 2.4 12.6375 2.3125 12.2875C2.225 12.025 2.1375 11.675 2.05 10.975C2.05 10.1875 2.05 10.0125 2.05 8C2.05 5.9875 2.05 5.8125 2.05 5.025C2.05 4.325 2.225 3.975 2.3125 3.7125C2.4875 3.3625 2.575 3.1 2.8375 2.8375C3.1 2.575 3.3625 2.4 3.7125 2.3125C3.975 2.225 4.325 2.1375 5.025 2.05C5.8125 2.05 6.075 2.05 8 2.05ZM8 0.737503C5.9875 0.737503 5.8125 0.737503 5.025 0.737503C4.2375 0.737503 3.7125 0.912504 3.275 1.0875C2.8375 1.2625 2.4 1.525 1.9625 1.9625C1.525 2.4 1.35 2.75 1.0875 3.275C0.912504 3.7125 0.825003 4.2375 0.737503 5.025C0.737503 5.8125 0.737503 6.075 0.737503 8C0.737503 10.0125 0.737503 10.1875 0.737503 10.975C0.737503 11.7625 0.912504 12.2875 1.0875 12.725C1.2625 13.1625 1.525 13.6 1.9625 14.0375C2.4 14.475 2.75 14.65 3.275 14.9125C3.7125 15.0875 4.2375 15.175 5.025 15.2625C5.8125 15.2625 6.075 15.2625 8 15.2625C9.925 15.2625 10.1875 15.2625 10.975 15.2625C11.7625 15.2625 12.2875 15.0875 12.725 14.9125C13.1625 14.7375 13.6 14.475 14.0375 14.0375C14.475 13.6 14.65 13.25 14.9125 12.725C15.0875 12.2875 15.175 11.7625 15.2625 10.975C15.2625 10.1875 15.2625 9.925 15.2625 8C15.2625 6.075 15.2625 5.8125 15.2625 5.025C15.2625 4.2375 15.0875 3.7125 14.9125 3.275C14.7375 2.8375 14.475 2.4 14.0375 1.9625C13.6 1.525 13.25 1.35 12.725 1.0875C12.2875 0.912504 11.7625 0.825003 10.975 0.737503C10.1875 0.737503 10.0125 0.737503 8 0.737503Z"
+                                                fill="white" />
+                                            <path
+                                                d="M8 4.2375C5.9 4.2375 4.2375 5.9 4.2375 8C4.2375 10.1 5.9 11.7625 8 11.7625C10.1 11.7625 11.7625 10.1 11.7625 8C11.7625 5.9 10.1 4.2375 8 4.2375ZM8 10.45C6.6875 10.45 5.55 9.4 5.55 8C5.55 6.6875 6.6 5.55 8 5.55C9.3125 5.55 10.45 6.6 10.45 8C10.45 9.3125 9.3125 10.45 8 10.45Z"
+                                                fill="white" />
+                                            <path d="M11.85 5.025C12.3333 5.025 12.725 4.63325 12.725 4.15C12.725 3.66675 12.3333 3.275 11.85 3.275C11.3668 3.275 10.975 3.66675 10.975 4.15C10.975 4.63325 11.3668 5.025 11.85 5.025Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
+                                            <path
+                                                d="M14 7C14 3.15 10.85 0 7 0C3.15 0 0 3.15 0 7C0 10.5 2.5375 13.3875 5.8625 13.9125V9.0125H4.1125V7H5.8625V5.425C5.8625 3.675 6.9125 2.7125 8.4875 2.7125C9.275 2.7125 10.0625 2.8875 10.0625 2.8875V4.6375H9.1875C8.3125 4.6375 8.05 5.1625 8.05 5.6875V7H9.975L9.625 9.0125H7.9625V14C11.4625 13.475 14 10.5 14 7Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="12" viewBox="0 0 14 12" fill="none">
+                                            <path
+                                                d="M14 1.625C13.475 1.8875 12.95 1.975 12.3375 2.0625C12.95 1.7125 13.3875 1.1875 13.5625 0.4875C13.0375 0.8375 12.425 1.0125 11.725 1.1875C11.2 0.6625 10.4125 0.3125 9.625 0.3125C7.7875 0.3125 6.3875 2.0625 6.825 3.8125C4.4625 3.725 2.3625 2.5875 0.875 0.8375C0.0875 2.15 0.525 3.8125 1.75 4.6875C1.3125 4.6875 0.875 4.5125 0.4375 4.3375C0.4375 5.65 1.4 6.875 2.7125 7.225C2.275 7.3125 1.8375 7.4 1.4 7.3125C1.75 8.45 2.8 9.325 4.1125 9.325C3.0625 10.1125 1.4875 10.55 0 10.375C1.3125 11.1625 2.8 11.6875 4.375 11.6875C9.7125 11.6875 12.6875 7.225 12.5125 3.1125C13.125 2.7625 13.65 2.2375 14 1.625Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M13.8512 7.15912C13.8512 6.66275 13.8066 6.18548 13.7239 5.72729H7.13116V8.43503H10.8984C10.7362 9.31003 10.243 10.0514 9.50162 10.5478V12.3041H11.7639C13.0875 11.0855 13.8512 9.29094 13.8512 7.15912Z"
+                                                fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M7.13089 14C9.0209 14 10.6054 13.3731 11.7636 12.3041L9.50135 10.5477C8.87454 10.9677 8.07272 11.2159 7.13089 11.2159C5.30771 11.2159 3.76452 9.9845 3.21407 8.32996H0.875427V10.1436C2.02725 12.4313 4.39453 14 7.13089 14Z"
+                                                fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M3.21435 8.32997C3.07435 7.90997 2.99481 7.46133 2.99481 6.99997C2.99481 6.5386 3.07435 6.08996 3.21435 5.66996V3.85632H0.875712C0.40162 4.80133 0.131165 5.87042 0.131165 6.99997C0.131165 8.12951 0.40162 9.19861 0.875712 10.1436L3.21435 8.32997Z"
+                                                fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M7.13089 2.7841C8.15862 2.7841 9.08135 3.13728 9.80681 3.83092L11.8145 1.82319C10.6023 0.693638 9.01772 0 7.13089 0C4.39453 0 2.02725 1.56864 0.875427 3.85637L3.21407 5.67001C3.76452 4.01546 5.30771 2.7841 7.13089 2.7841Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="text-center dark:text-white"> Already have an account ? <a href="/auth/boxed-signin" class="uppercase text-primary underline transition hover:text-black dark:hover:text-white">SIGN IN</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener('alpine:init', () => {
+            Alpine.data('auth', () => ({
+                languages: [{
+                        id: 1,
+                        key: 'Chinese',
+                        value: 'zh',
+                    },
+                    {
+                        id: 2,
+                        key: 'Danish',
+                        value: 'da',
+                    },
+                    {
+                        id: 3,
+                        key: 'English',
+                        value: 'en',
+                    },
+                    {
+                        id: 4,
+                        key: 'French',
+                        value: 'fr',
+                    },
+                    {
+                        id: 5,
+                        key: 'German',
+                        value: 'de',
+                    },
+                    {
+                        id: 6,
+                        key: 'Greek',
+                        value: 'el',
+                    },
+                    {
+                        id: 7,
+                        key: 'Hungarian',
+                        value: 'hu',
+                    },
+                    {
+                        id: 8,
+                        key: 'Italian',
+                        value: 'it',
+                    },
+                    {
+                        id: 9,
+                        key: 'Japanese',
+                        value: 'ja',
+                    },
+                    {
+                        id: 10,
+                        key: 'Polish',
+                        value: 'pl',
+                    },
+                    {
+                        id: 11,
+                        key: 'Portuguese',
+                        value: 'pt',
+                    },
+                    {
+                        id: 12,
+                        key: 'Russian',
+                        value: 'ru',
+                    },
+                    {
+                        id: 13,
+                        key: 'Spanish',
+                        value: 'es',
+                    },
+                    {
+                        id: 14,
+                        key: 'Swedish',
+                        value: 'sv',
+                    },
+                    {
+                        id: 15,
+                        key: 'Turkish',
+                        value: 'tr',
+                    },
+                    {
+                        id: 16,
+                        key: 'Arabic',
+                        value: 'ae',
+                    },
+                ],
+            }));
+        });
+    </script>
+
+</x-layout.auth>
diff --git a/resources/views/auth/confirm-password.blade.php b/resources/views/auth/confirm-password.blade.php
deleted file mode 100644
index 0a109b80d1f25c6254f9c9c4324c8c48953d7e86..0000000000000000000000000000000000000000
--- a/resources/views/auth/confirm-password.blade.php
+++ /dev/null
@@ -1,28 +0,0 @@
-<x-guest-layout>
-    <x-authentication-card>
-        <x-slot name="logo">
-            <x-authentication-card-logo />
-        </x-slot>
-
-        <div class="mb-4 text-sm text-gray-600">
-            {{ __('This is a secure area of the application. Please confirm your password before continuing.') }}
-        </div>
-
-        <x-validation-errors class="mb-4" />
-
-        <form method="POST" action="{{ route('password.confirm') }}">
-            @csrf
-
-            <div>
-                <x-label for="password" value="{{ __('Password') }}" />
-                <x-input id="password" class="block mt-1 w-full" type="password" name="password" required autocomplete="current-password" autofocus />
-            </div>
-
-            <div class="flex justify-end mt-4">
-                <x-button class="ms-4">
-                    {{ __('Confirm') }}
-                </x-button>
-            </div>
-        </form>
-    </x-authentication-card>
-</x-guest-layout>
diff --git a/resources/views/auth/cover-lockscreen.blade.php b/resources/views/auth/cover-lockscreen.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..55ac2fa5a5a56907bbe11d71a70d68c12adfac1e
--- /dev/null
+++ b/resources/views/auth/cover-lockscreen.blade.php
@@ -0,0 +1,188 @@
+<x-layout.auth>
+
+    <div x-data="auth">
+        <div class="absolute inset-0">
+            <img src="/assets/images/auth/bg-gradient.png" alt="image" class="h-full w-full object-cover" />
+        </div>
+        <div class="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/map.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+            <img src="/assets/images/auth/coming-soon-object1.png" alt="image" class="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+            <img src="/assets/images/auth/coming-soon-object2.png" alt="image" class="absolute left-24 top-0 h-40 md:left-[30%]" />
+            <img src="/assets/images/auth/coming-soon-object3.png" alt="image" class="absolute right-0 top-0 h-[300px]" />
+            <img src="/assets/images/auth/polygon-object.svg" alt="image" class="absolute bottom-0 end-[28%]" />
+            <div class="relative flex w-full max-w-[1502px] flex-col justify-between overflow-hidden rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 lg:min-h-[758px] lg:flex-row lg:gap-10 xl:gap-0">
+                <div
+                    class="relative hidden w-full items-center justify-center bg-[linear-gradient(225deg,rgba(239,18,98,1)_0%,rgba(67,97,238,1)_100%)] p-5 lg:inline-flex lg:max-w-[835px] xl:-ms-28 ltr:xl:skew-x-[14deg] rtl:xl:skew-x-[-14deg]">
+                    <div class="absolute inset-y-0 w-8 from-primary/10 via-transparent to-transparent ltr:-right-10 ltr:bg-gradient-to-r rtl:-left-10 rtl:bg-gradient-to-l xl:w-16 ltr:xl:-right-20 rtl:xl:-left-20"></div>
+                    <div class="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
+                        <a href="/" class="w-48 block lg:w-72 ms-10">
+                            <img src="/assets/images/auth/logo-white.svg" alt="Logo" class="w-full" />
+                        </a>
+                        <div class="mt-24 hidden w-full max-w-[430px] lg:block">
+                            <img src="/assets/images/auth/unlock.svg" alt="Cover Image" class="w-full" />
+                        </div>
+                    </div>
+                </div>
+                <div class="relative flex w-full flex-col items-center justify-center gap-6 px-4 pb-16 pt-6 sm:px-6 lg:max-w-[667px]">
+                    <div class="flex w-full max-w-[440px] items-center gap-2 lg:absolute lg:end-6 lg:top-6 lg:max-w-full">
+                        <a href="/" class="block w-8 lg:hidden">
+                            <img src="/assets/images/logo.svg" alt="Logo" class="w-full" />
+                        </a>
+                        <div class="dropdown ms-auto w-max" x-data="dropdown" @click.outside="open = false">
+                            <a href="javascript:;" class="flex items-center gap-2.5 rounded-lg border border-white-dark/30 bg-white px-2 py-1.5 text-white-dark hover:border-primary hover:text-primary dark:bg-black"
+                                :class="{ '!border-primary !text-primary': open }" @click="toggle">
+                                <div>
+                                    <img :src="`/assets/images/flags/${$store.app.locale.toUpperCase()}.svg`" alt="image" class="h-5 w-5 rounded-full object-cover" />
+                                </div>
+                                <div x-text="$store.app.locale" class="text-base font-bold uppercase"></div>
+                                <span class="shrink-0" :class="{ 'rotate-180': open }">
+                                    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M6.99989 9.79988C6.59156 9.79988 6.18322 9.64238 5.87406 9.33321L2.07072 5.52988C1.90156 5.36071 1.90156 5.08071 2.07072 4.91154C2.23989 4.74238 2.51989 4.74238 2.68906 4.91154L6.49239 8.71488C6.77239 8.99488 7.22739 8.99488 7.50739 8.71488L11.3107 4.91154C11.4799 4.74238 11.7599 4.74238 11.9291 4.91154C12.0982 5.08071 12.0982 5.36071 11.9291 5.52988L8.12572 9.33321C7.81656 9.64238 7.40822 9.79988 6.99989 9.79988Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="top-11 grid w-[280px] grid-cols-2 gap-y-2 !px-2 font-semibold text-dark ltr:-right-14 rtl:-left-14 dark:text-white-dark dark:text-white-light/90 sm:ltr:-right-2 sm:rtl:-left-2">
+                                <template x-for="item in languages">
+                                    <li>
+                                        <a href="javascript:;" class="hover:text-primary" @click="$store.app.toggleLocale(item.value),toggle()" :class="{ 'bg-primary/10 text-primary': $store.app.locale == item.value }">
+                                            <img class="h-5 w-5 rounded-full object-cover" :src="`/assets/images/flags/${item.value.toUpperCase()}.svg`" alt="image" />
+                                            <span class="ltr:ml-3 rtl:mr-3" x-text="item.key"></span>
+                                        </a>
+                                    </li>
+                                </template>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="w-full max-w-[440px] lg:mt-16">
+                        <div class="mb-10 flex items-center">
+                            <div class="flex h-16 w-16 items-end justify-center overflow-hidden rounded-full bg-[#00AB55] ltr:mr-4 rtl:ml-4">
+                                <img src="/assets/images/auth/user.png" class="w-full object-cover" alt="images" />
+                            </div>
+                            <div class="flex-1">
+                                <h4 class="text-2xl dark:text-white">Shaun Park</h4>
+                                <p class="text-white-dark">Enter your password to unlock your ID</p>
+                            </div>
+                        </div>
+                        <form class="space-y-5 dark:text-white" @submit.prevent="window.location='/'">
+                            <div>
+                                <label for="Password">Password</label>
+                                <div class="relative text-white-dark">
+                                    <input id="Password" type="password" placeholder="Enter Password" class="form-input ps-10 placeholder:text-white-dark" />
+                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                            <path opacity="0.5"
+                                                d="M1.5 12C1.5 9.87868 1.5 8.81802 2.15901 8.15901C2.81802 7.5 3.87868 7.5 6 7.5H12C14.1213 7.5 15.182 7.5 15.841 8.15901C16.5 8.81802 16.5 9.87868 16.5 12C16.5 14.1213 16.5 15.182 15.841 15.841C15.182 16.5 14.1213 16.5 12 16.5H6C3.87868 16.5 2.81802 16.5 2.15901 15.841C1.5 15.182 1.5 14.1213 1.5 12Z"
+                                                fill="currentColor" />
+                                            <path d="M6 12.75C6.41421 12.75 6.75 12.4142 6.75 12C6.75 11.5858 6.41421 11.25 6 11.25C5.58579 11.25 5.25 11.5858 5.25 12C5.25 12.4142 5.58579 12.75 6 12.75Z" fill="currentColor" />
+                                            <path d="M9 12.75C9.41421 12.75 9.75 12.4142 9.75 12C9.75 11.5858 9.41421 11.25 9 11.25C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75Z" fill="currentColor" />
+                                            <path d="M12.75 12C12.75 12.4142 12.4142 12.75 12 12.75C11.5858 12.75 11.25 12.4142 11.25 12C11.25 11.5858 11.5858 11.25 12 11.25C12.4142 11.25 12.75 11.5858 12.75 12Z" fill="currentColor" />
+                                            <path
+                                                d="M5.0625 6C5.0625 3.82538 6.82538 2.0625 9 2.0625C11.1746 2.0625 12.9375 3.82538 12.9375 6V7.50268C13.363 7.50665 13.7351 7.51651 14.0625 7.54096V6C14.0625 3.20406 11.7959 0.9375 9 0.9375C6.20406 0.9375 3.9375 3.20406 3.9375 6V7.54096C4.26488 7.51651 4.63698 7.50665 5.0625 7.50268V6Z"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </span>
+                                </div>
+                            </div>
+                            <button type="submit" class="btn btn-gradient !mt-6 w-full border-0 uppercase shadow-[0_10px_20px_-10px_rgba(67,97,238,0.44)]">
+                                UNLOCK
+                            </button>
+                        </form>
+                    </div>
+                    <p class="absolute bottom-6 w-full text-center dark:text-white">
+                        © <span id="footer-year">2022</span>. VRISTO All Rights Reserved.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener('alpine:init', () => {
+            Alpine.data('auth', () => ({
+                languages: [{
+                        id: 1,
+                        key: 'Chinese',
+                        value: 'zh',
+                    },
+                    {
+                        id: 2,
+                        key: 'Danish',
+                        value: 'da',
+                    },
+                    {
+                        id: 3,
+                        key: 'English',
+                        value: 'en',
+                    },
+                    {
+                        id: 4,
+                        key: 'French',
+                        value: 'fr',
+                    },
+                    {
+                        id: 5,
+                        key: 'German',
+                        value: 'de',
+                    },
+                    {
+                        id: 6,
+                        key: 'Greek',
+                        value: 'el',
+                    },
+                    {
+                        id: 7,
+                        key: 'Hungarian',
+                        value: 'hu',
+                    },
+                    {
+                        id: 8,
+                        key: 'Italian',
+                        value: 'it',
+                    },
+                    {
+                        id: 9,
+                        key: 'Japanese',
+                        value: 'ja',
+                    },
+                    {
+                        id: 10,
+                        key: 'Polish',
+                        value: 'pl',
+                    },
+                    {
+                        id: 11,
+                        key: 'Portuguese',
+                        value: 'pt',
+                    },
+                    {
+                        id: 12,
+                        key: 'Russian',
+                        value: 'ru',
+                    },
+                    {
+                        id: 13,
+                        key: 'Spanish',
+                        value: 'es',
+                    },
+                    {
+                        id: 14,
+                        key: 'Swedish',
+                        value: 'sv',
+                    },
+                    {
+                        id: 15,
+                        key: 'Turkish',
+                        value: 'tr',
+                    },
+                    {
+                        id: 16,
+                        key: 'Arabic',
+                        value: 'ae',
+                    },
+                ],
+            }));
+        });
+    </script>
+
+</x-layout.auth>
diff --git a/resources/views/auth/cover-login.blade.php b/resources/views/auth/cover-login.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..894f5df8d3da50651cae44af95fe226677e7ff3a
--- /dev/null
+++ b/resources/views/auth/cover-login.blade.php
@@ -0,0 +1,272 @@
+<x-layout.auth>
+
+    <div x-data="auth">
+        <div class="absolute inset-0">
+            <img src="/assets/images/auth/bg-gradient.png" alt="image" class="h-full w-full object-cover" />
+        </div>
+        <div class="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/map.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+            <img src="/assets/images/auth/coming-soon-object1.png" alt="image" class="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+            <img src="/assets/images/auth/coming-soon-object2.png" alt="image" class="absolute left-24 top-0 h-40 md:left-[30%]" />
+            <img src="/assets/images/auth/coming-soon-object3.png" alt="image" class="absolute right-0 top-0 h-[300px]" />
+            <img src="/assets/images/auth/polygon-object.svg" alt="image" class="absolute bottom-0 end-[28%]" />
+            <div class="relative flex w-full max-w-[1502px] flex-col justify-between overflow-hidden rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 lg:min-h-[758px] lg:flex-row lg:gap-10 xl:gap-0">
+                <div
+                    class="relative hidden w-full items-center justify-center bg-[linear-gradient(225deg,rgba(239,18,98,1)_0%,rgba(67,97,238,1)_100%)] p-5 lg:inline-flex lg:max-w-[835px] xl:-ms-32 ltr:xl:skew-x-[14deg] rtl:xl:skew-x-[-14deg]">
+                    <div class="absolute inset-y-0 w-8 from-primary/10 via-transparent to-transparent ltr:-right-10 ltr:bg-gradient-to-r rtl:-left-10 rtl:bg-gradient-to-l xl:w-16 ltr:xl:-right-20 rtl:xl:-left-20"></div>
+                    <div class="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
+                        <a href="/" class="w-48 block lg:w-72 ms-10">
+                            <img src="/assets/images/auth/logo-white.svg" alt="Logo" class="w-full" />
+                        </a>
+                        <div class="mt-24 hidden w-full max-w-[430px] lg:block">
+                            <img src="/assets/images/auth/login.svg" alt="Cover Image" class="w-full" />
+                        </div>
+                    </div>
+                </div>
+                <div class="relative flex w-full flex-col items-center justify-center gap-6 px-4 pb-16 pt-6 sm:px-6 lg:max-w-[667px]">
+                    <div class="flex w-full max-w-[440px] items-center gap-2 lg:absolute lg:end-6 lg:top-6 lg:max-w-full">
+                        <a href="/" class="block w-8 lg:hidden">
+                            <img src="/assets/images/logo.svg" alt="Logo" class="w-full" />
+                        </a>
+                        <div class="dropdown ms-auto w-max" x-data="dropdown" @click.outside="open = false">
+                            <a href="javascript:;" class="flex items-center gap-2.5 rounded-lg border border-white-dark/30 bg-white px-2 py-1.5 text-white-dark hover:border-primary hover:text-primary dark:bg-black"
+                                :class="{ '!border-primary !text-primary': open }" @click="toggle">
+                                <div>
+                                    <img :src="`/assets/images/flags/${$store.app.locale.toUpperCase()}.svg`" alt="image" class="h-5 w-5 rounded-full object-cover" />
+                                </div>
+                                <div x-text="$store.app.locale" class="text-base font-bold uppercase"></div>
+                                <span class="shrink-0" :class="{ 'rotate-180': open }">
+                                    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M6.99989 9.79988C6.59156 9.79988 6.18322 9.64238 5.87406 9.33321L2.07072 5.52988C1.90156 5.36071 1.90156 5.08071 2.07072 4.91154C2.23989 4.74238 2.51989 4.74238 2.68906 4.91154L6.49239 8.71488C6.77239 8.99488 7.22739 8.99488 7.50739 8.71488L11.3107 4.91154C11.4799 4.74238 11.7599 4.74238 11.9291 4.91154C12.0982 5.08071 12.0982 5.36071 11.9291 5.52988L8.12572 9.33321C7.81656 9.64238 7.40822 9.79988 6.99989 9.79988Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="top-11 grid w-[280px] grid-cols-2 gap-y-2 !px-2 font-semibold text-dark ltr:-right-14 rtl:-left-14 dark:text-white-dark dark:text-white-light/90 sm:ltr:-right-2 sm:rtl:-left-2">
+                                <template x-for="item in languages">
+                                    <li>
+                                        <a href="javascript:;" class="hover:text-primary" @click="$store.app.toggleLocale(item.value),toggle()" :class="{ 'bg-primary/10 text-primary': $store.app.locale == item.value }">
+                                            <img class="h-5 w-5 rounded-full object-cover" :src="`/assets/images/flags/${item.value.toUpperCase()}.svg`" alt="image" />
+                                            <span class="ltr:ml-3 rtl:mr-3" x-text="item.key"></span>
+                                        </a>
+                                    </li>
+                                </template>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="w-full max-w-[440px] lg:mt-16">
+                        <div class="mb-10">
+                            <h1 class="text-3xl font-extrabold uppercase !leading-snug text-primary md:text-4xl">Sign in</h1>
+                            <p class="text-base font-bold leading-normal text-white-dark">Enter your email and password to login</p>
+                        </div>
+                        <form class="space-y-5 dark:text-white" @submit.prevent="window.location='/'">
+                            <div>
+                                <label for="Email">Email</label>
+                                <div class="relative text-white-dark">
+                                    <input id="Email" type="email" placeholder="Enter Email" class="form-input ps-10 placeholder:text-white-dark" />
+                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                            <path opacity="0.5"
+                                                d="M10.65 2.25H7.35C4.23873 2.25 2.6831 2.25 1.71655 3.23851C0.75 4.22703 0.75 5.81802 0.75 9C0.75 12.182 0.75 13.773 1.71655 14.7615C2.6831 15.75 4.23873 15.75 7.35 15.75H10.65C13.7613 15.75 15.3169 15.75 16.2835 14.7615C17.25 13.773 17.25 12.182 17.25 9C17.25 5.81802 17.25 4.22703 16.2835 3.23851C15.3169 2.25 13.7613 2.25 10.65 2.25Z"
+                                                fill="currentColor" />
+                                            <path
+                                                d="M14.3465 6.02574C14.609 5.80698 14.6445 5.41681 14.4257 5.15429C14.207 4.89177 13.8168 4.8563 13.5543 5.07507L11.7732 6.55931C11.0035 7.20072 10.4691 7.6446 10.018 7.93476C9.58125 8.21564 9.28509 8.30993 9.00041 8.30993C8.71572 8.30993 8.41956 8.21564 7.98284 7.93476C7.53168 7.6446 6.9973 7.20072 6.22761 6.55931L4.44652 5.07507C4.184 4.8563 3.79384 4.89177 3.57507 5.15429C3.3563 5.41681 3.39177 5.80698 3.65429 6.02574L5.4664 7.53583C6.19764 8.14522 6.79033 8.63914 7.31343 8.97558C7.85834 9.32604 8.38902 9.54743 9.00041 9.54743C9.6118 9.54743 10.1425 9.32604 10.6874 8.97558C11.2105 8.63914 11.8032 8.14522 12.5344 7.53582L14.3465 6.02574Z"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </span>
+                                </div>
+                            </div>
+                            <div>
+                                <label for="Password">Password</label>
+                                <div class="relative text-white-dark">
+                                    <input id="Password" type="password" placeholder="Enter Password" class="form-input ps-10 placeholder:text-white-dark" />
+                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                            <path opacity="0.5"
+                                                d="M1.5 12C1.5 9.87868 1.5 8.81802 2.15901 8.15901C2.81802 7.5 3.87868 7.5 6 7.5H12C14.1213 7.5 15.182 7.5 15.841 8.15901C16.5 8.81802 16.5 9.87868 16.5 12C16.5 14.1213 16.5 15.182 15.841 15.841C15.182 16.5 14.1213 16.5 12 16.5H6C3.87868 16.5 2.81802 16.5 2.15901 15.841C1.5 15.182 1.5 14.1213 1.5 12Z"
+                                                fill="currentColor" />
+                                            <path d="M6 12.75C6.41421 12.75 6.75 12.4142 6.75 12C6.75 11.5858 6.41421 11.25 6 11.25C5.58579 11.25 5.25 11.5858 5.25 12C5.25 12.4142 5.58579 12.75 6 12.75Z" fill="currentColor" />
+                                            <path d="M9 12.75C9.41421 12.75 9.75 12.4142 9.75 12C9.75 11.5858 9.41421 11.25 9 11.25C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75Z" fill="currentColor" />
+                                            <path d="M12.75 12C12.75 12.4142 12.4142 12.75 12 12.75C11.5858 12.75 11.25 12.4142 11.25 12C11.25 11.5858 11.5858 11.25 12 11.25C12.4142 11.25 12.75 11.5858 12.75 12Z" fill="currentColor" />
+                                            <path
+                                                d="M5.0625 6C5.0625 3.82538 6.82538 2.0625 9 2.0625C11.1746 2.0625 12.9375 3.82538 12.9375 6V7.50268C13.363 7.50665 13.7351 7.51651 14.0625 7.54096V6C14.0625 3.20406 11.7959 0.9375 9 0.9375C6.20406 0.9375 3.9375 3.20406 3.9375 6V7.54096C4.26488 7.51651 4.63698 7.50665 5.0625 7.50268V6Z"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </span>
+                                </div>
+                            </div>
+                            <div>
+                                <label class="flex cursor-pointer items-center">
+                                    <input type="checkbox" class="form-checkbox bg-white dark:bg-black" />
+                                    <span class="text-white-dark">Subscribe to weekly newsletter</span>
+                                </label>
+                            </div>
+                            <button type="submit" class="btn btn-gradient !mt-6 w-full border-0 uppercase shadow-[0_10px_20px_-10px_rgba(67,97,238,0.44)]">
+                                Sign in
+                            </button>
+                        </form>
+
+                        <div class="relative my-7 text-center md:mb-9">
+                            <span class="absolute inset-x-0 top-1/2 h-px w-full -translate-y-1/2 bg-white-light dark:bg-white-dark"></span>
+                            <span class="relative bg-white px-2 font-bold uppercase text-white-dark dark:bg-dark dark:text-white-light">or</span>
+                        </div>
+                        <div class="mb-10 md:mb-[60px]">
+                            <ul class="flex justify-center gap-3.5">
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
+                                            <path
+                                                d="M8 2.05C9.925 2.05 10.1875 2.05 10.975 2.05C11.675 2.05 12.025 2.225 12.2875 2.3125C12.6375 2.4875 12.9 2.575 13.1625 2.8375C13.425 3.1 13.6 3.3625 13.6875 3.7125C13.775 3.975 13.8625 4.325 13.95 5.025C13.95 5.8125 13.95 5.9875 13.95 8C13.95 10.0125 13.95 10.1875 13.95 10.975C13.95 11.675 13.775 12.025 13.6875 12.2875C13.5125 12.6375 13.425 12.9 13.1625 13.1625C12.9 13.425 12.6375 13.6 12.2875 13.6875C12.025 13.775 11.675 13.8625 10.975 13.95C10.1875 13.95 10.0125 13.95 8 13.95C5.9875 13.95 5.8125 13.95 5.025 13.95C4.325 13.95 3.975 13.775 3.7125 13.6875C3.3625 13.5125 3.1 13.425 2.8375 13.1625C2.575 12.9 2.4 12.6375 2.3125 12.2875C2.225 12.025 2.1375 11.675 2.05 10.975C2.05 10.1875 2.05 10.0125 2.05 8C2.05 5.9875 2.05 5.8125 2.05 5.025C2.05 4.325 2.225 3.975 2.3125 3.7125C2.4875 3.3625 2.575 3.1 2.8375 2.8375C3.1 2.575 3.3625 2.4 3.7125 2.3125C3.975 2.225 4.325 2.1375 5.025 2.05C5.8125 2.05 6.075 2.05 8 2.05ZM8 0.737503C5.9875 0.737503 5.8125 0.737503 5.025 0.737503C4.2375 0.737503 3.7125 0.912504 3.275 1.0875C2.8375 1.2625 2.4 1.525 1.9625 1.9625C1.525 2.4 1.35 2.75 1.0875 3.275C0.912504 3.7125 0.825003 4.2375 0.737503 5.025C0.737503 5.8125 0.737503 6.075 0.737503 8C0.737503 10.0125 0.737503 10.1875 0.737503 10.975C0.737503 11.7625 0.912504 12.2875 1.0875 12.725C1.2625 13.1625 1.525 13.6 1.9625 14.0375C2.4 14.475 2.75 14.65 3.275 14.9125C3.7125 15.0875 4.2375 15.175 5.025 15.2625C5.8125 15.2625 6.075 15.2625 8 15.2625C9.925 15.2625 10.1875 15.2625 10.975 15.2625C11.7625 15.2625 12.2875 15.0875 12.725 14.9125C13.1625 14.7375 13.6 14.475 14.0375 14.0375C14.475 13.6 14.65 13.25 14.9125 12.725C15.0875 12.2875 15.175 11.7625 15.2625 10.975C15.2625 10.1875 15.2625 9.925 15.2625 8C15.2625 6.075 15.2625 5.8125 15.2625 5.025C15.2625 4.2375 15.0875 3.7125 14.9125 3.275C14.7375 2.8375 14.475 2.4 14.0375 1.9625C13.6 1.525 13.25 1.35 12.725 1.0875C12.2875 0.912504 11.7625 0.825003 10.975 0.737503C10.1875 0.737503 10.0125 0.737503 8 0.737503Z"
+                                                fill="white" />
+                                            <path
+                                                d="M8 4.2375C5.9 4.2375 4.2375 5.9 4.2375 8C4.2375 10.1 5.9 11.7625 8 11.7625C10.1 11.7625 11.7625 10.1 11.7625 8C11.7625 5.9 10.1 4.2375 8 4.2375ZM8 10.45C6.6875 10.45 5.55 9.4 5.55 8C5.55 6.6875 6.6 5.55 8 5.55C9.3125 5.55 10.45 6.6 10.45 8C10.45 9.3125 9.3125 10.45 8 10.45Z"
+                                                fill="white" />
+                                            <path d="M11.85 5.025C12.3333 5.025 12.725 4.63325 12.725 4.15C12.725 3.66675 12.3333 3.275 11.85 3.275C11.3668 3.275 10.975 3.66675 10.975 4.15C10.975 4.63325 11.3668 5.025 11.85 5.025Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
+                                            <path
+                                                d="M14 7C14 3.15 10.85 0 7 0C3.15 0 0 3.15 0 7C0 10.5 2.5375 13.3875 5.8625 13.9125V9.0125H4.1125V7H5.8625V5.425C5.8625 3.675 6.9125 2.7125 8.4875 2.7125C9.275 2.7125 10.0625 2.8875 10.0625 2.8875V4.6375H9.1875C8.3125 4.6375 8.05 5.1625 8.05 5.6875V7H9.975L9.625 9.0125H7.9625V14C11.4625 13.475 14 10.5 14 7Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="12" viewBox="0 0 14 12" fill="none">
+                                            <path
+                                                d="M14 1.625C13.475 1.8875 12.95 1.975 12.3375 2.0625C12.95 1.7125 13.3875 1.1875 13.5625 0.4875C13.0375 0.8375 12.425 1.0125 11.725 1.1875C11.2 0.6625 10.4125 0.3125 9.625 0.3125C7.7875 0.3125 6.3875 2.0625 6.825 3.8125C4.4625 3.725 2.3625 2.5875 0.875 0.8375C0.0875 2.15 0.525 3.8125 1.75 4.6875C1.3125 4.6875 0.875 4.5125 0.4375 4.3375C0.4375 5.65 1.4 6.875 2.7125 7.225C2.275 7.3125 1.8375 7.4 1.4 7.3125C1.75 8.45 2.8 9.325 4.1125 9.325C3.0625 10.1125 1.4875 10.55 0 10.375C1.3125 11.1625 2.8 11.6875 4.375 11.6875C9.7125 11.6875 12.6875 7.225 12.5125 3.1125C13.125 2.7625 13.65 2.2375 14 1.625Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M13.8512 7.15912C13.8512 6.66275 13.8066 6.18548 13.7239 5.72729H7.13116V8.43503H10.8984C10.7362 9.31003 10.243 10.0514 9.50162 10.5478V12.3041H11.7639C13.0875 11.0855 13.8512 9.29094 13.8512 7.15912Z"
+                                                fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M7.13089 14C9.0209 14 10.6054 13.3731 11.7636 12.3041L9.50135 10.5477C8.87454 10.9677 8.07272 11.2159 7.13089 11.2159C5.30771 11.2159 3.76452 9.9845 3.21407 8.32996H0.875427V10.1436C2.02725 12.4313 4.39453 14 7.13089 14Z"
+                                                fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M3.21435 8.32997C3.07435 7.90997 2.99481 7.46133 2.99481 6.99997C2.99481 6.5386 3.07435 6.08996 3.21435 5.66996V3.85632H0.875712C0.40162 4.80133 0.131165 5.87042 0.131165 6.99997C0.131165 8.12951 0.40162 9.19861 0.875712 10.1436L3.21435 8.32997Z"
+                                                fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M7.13089 2.7841C8.15862 2.7841 9.08135 3.13728 9.80681 3.83092L11.8145 1.82319C10.6023 0.693638 9.01772 0 7.13089 0C4.39453 0 2.02725 1.56864 0.875427 3.85637L3.21407 5.67001C3.76452 4.01546 5.30771 2.7841 7.13089 2.7841Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="text-center dark:text-white">
+                            Don't have an account ?
+                            <a href="/auth/cover-register" class="uppercase text-primary underline transition hover:text-black dark:hover:text-white">SIGN UP</a>
+                        </div>
+                    </div>
+                    <p class="absolute bottom-6 w-full text-center dark:text-white">
+                        © <span id="footer-year">2022</span>. VRISTO All Rights Reserved.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener('alpine:init', () => {
+            Alpine.data('auth', () => ({
+                languages: [{
+                        id: 1,
+                        key: 'Chinese',
+                        value: 'zh',
+                    },
+                    {
+                        id: 2,
+                        key: 'Danish',
+                        value: 'da',
+                    },
+                    {
+                        id: 3,
+                        key: 'English',
+                        value: 'en',
+                    },
+                    {
+                        id: 4,
+                        key: 'French',
+                        value: 'fr',
+                    },
+                    {
+                        id: 5,
+                        key: 'German',
+                        value: 'de',
+                    },
+                    {
+                        id: 6,
+                        key: 'Greek',
+                        value: 'el',
+                    },
+                    {
+                        id: 7,
+                        key: 'Hungarian',
+                        value: 'hu',
+                    },
+                    {
+                        id: 8,
+                        key: 'Italian',
+                        value: 'it',
+                    },
+                    {
+                        id: 9,
+                        key: 'Japanese',
+                        value: 'ja',
+                    },
+                    {
+                        id: 10,
+                        key: 'Polish',
+                        value: 'pl',
+                    },
+                    {
+                        id: 11,
+                        key: 'Portuguese',
+                        value: 'pt',
+                    },
+                    {
+                        id: 12,
+                        key: 'Russian',
+                        value: 'ru',
+                    },
+                    {
+                        id: 13,
+                        key: 'Spanish',
+                        value: 'es',
+                    },
+                    {
+                        id: 14,
+                        key: 'Swedish',
+                        value: 'sv',
+                    },
+                    {
+                        id: 15,
+                        key: 'Turkish',
+                        value: 'tr',
+                    },
+                    {
+                        id: 16,
+                        key: 'Arabic',
+                        value: 'ae',
+                    },
+                ],
+            }));
+        });
+    </script>
+
+</x-layout.auth>
diff --git a/resources/views/auth/cover-password-reset.blade.php b/resources/views/auth/cover-password-reset.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..ea49b132581c49240aec6885acf44142920ece86
--- /dev/null
+++ b/resources/views/auth/cover-password-reset.blade.php
@@ -0,0 +1,180 @@
+<x-layout.auth>
+
+    <div x-data="auth">
+        <div class="absolute inset-0">
+            <img src="/assets/images/auth/bg-gradient.png" alt="image" class="h-full w-full object-cover" />
+        </div>
+        <div class="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/map.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+            <img src="/assets/images/auth/coming-soon-object1.png" alt="image" class="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+            <img src="/assets/images/auth/coming-soon-object2.png" alt="image" class="absolute left-24 top-0 h-40 md:left-[30%]" />
+            <img src="/assets/images/auth/coming-soon-object3.png" alt="image" class="absolute right-0 top-0 h-[300px]" />
+            <img src="/assets/images/auth/polygon-object.svg" alt="image" class="absolute bottom-0 end-[28%]" />
+            <div class="relative flex w-full max-w-[1502px] flex-col justify-between overflow-hidden rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 lg:min-h-[758px] lg:flex-row lg:gap-10 xl:gap-0">
+                <div
+                    class="relative hidden w-full items-center justify-center bg-[linear-gradient(225deg,rgba(239,18,98,1)_0%,rgba(67,97,238,1)_100%)] p-5 lg:inline-flex lg:max-w-[835px] xl:-ms-28 ltr:xl:skew-x-[14deg] rtl:xl:skew-x-[-14deg]">
+                    <div class="absolute inset-y-0 w-8 from-primary/10 via-transparent to-transparent ltr:-right-10 ltr:bg-gradient-to-r rtl:-left-10 rtl:bg-gradient-to-l xl:w-16 ltr:xl:-right-20 rtl:xl:-left-20"></div>
+                    <div class="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
+                        <a href="/" class="w-48 block lg:w-72 ms-10">
+                            <img src="/assets/images/auth/logo-white.svg" alt="Logo" class="w-full" />
+                        </a>
+                        <div class="mt-24 hidden w-full max-w-[430px] lg:block">
+                            <img src="/assets/images/auth/reset-password.svg" alt="Cover Image" class="w-full" />
+                        </div>
+                    </div>
+                </div>
+                <div class="relative flex w-full flex-col items-center justify-center gap-6 px-4 pb-16 pt-6 sm:px-6 lg:max-w-[667px]">
+                    <div class="flex w-full max-w-[440px] items-center gap-2 lg:absolute lg:end-6 lg:top-6 lg:max-w-full">
+                        <a href="/" class="block w-8 lg:hidden">
+                            <img src="/assets/images/logo.svg" alt="Logo" class="w-full" />
+                        </a>
+                        <div class="dropdown ms-auto w-max" x-data="dropdown" @click.outside="open = false">
+                            <a href="javascript:;" class="flex items-center gap-2.5 rounded-lg border border-white-dark/30 bg-white px-2 py-1.5 text-white-dark hover:border-primary hover:text-primary dark:bg-black"
+                                :class="{ '!border-primary !text-primary': open }" @click="toggle">
+                                <div>
+                                    <img :src="`/assets/images/flags/${$store.app.locale.toUpperCase()}.svg`" alt="image" class="h-5 w-5 rounded-full object-cover" />
+                                </div>
+                                <div x-text="$store.app.locale" class="text-base font-bold uppercase"></div>
+                                <span class="shrink-0" :class="{ 'rotate-180': open }">
+                                    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M6.99989 9.79988C6.59156 9.79988 6.18322 9.64238 5.87406 9.33321L2.07072 5.52988C1.90156 5.36071 1.90156 5.08071 2.07072 4.91154C2.23989 4.74238 2.51989 4.74238 2.68906 4.91154L6.49239 8.71488C6.77239 8.99488 7.22739 8.99488 7.50739 8.71488L11.3107 4.91154C11.4799 4.74238 11.7599 4.74238 11.9291 4.91154C12.0982 5.08071 12.0982 5.36071 11.9291 5.52988L8.12572 9.33321C7.81656 9.64238 7.40822 9.79988 6.99989 9.79988Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="top-11 grid w-[280px] grid-cols-2 gap-y-2 !px-2 font-semibold text-dark ltr:-right-14 rtl:-left-14 dark:text-white-dark dark:text-white-light/90 sm:ltr:-right-2 sm:rtl:-left-2">
+                                <template x-for="item in languages">
+                                    <li>
+                                        <a href="javascript:;" class="hover:text-primary" @click="$store.app.toggleLocale(item.value),toggle()" :class="{ 'bg-primary/10 text-primary': $store.app.locale == item.value }">
+                                            <img class="h-5 w-5 rounded-full object-cover" :src="`/assets/images/flags/${item.value.toUpperCase()}.svg`" alt="image" />
+                                            <span class="ltr:ml-3 rtl:mr-3" x-text="item.key"></span>
+                                        </a>
+                                    </li>
+                                </template>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="w-full max-w-[440px] lg:mt-16">
+                        <div class="mb-7">
+                            <h1 class="mb-3 text-2xl font-bold !leading-snug dark:text-white">Password Reset</h1>
+                            <p>Enter your email to recover your ID</p>
+                        </div>
+                        <form class="space-y-5" @submit.prevent="window.location = '/'">
+                            <div>
+                                <label for="Email">Email</label>
+                                <div class="relative text-white-dark">
+                                    <input id="Email" type="email" placeholder="Enter Email" class="form-input pl-10 placeholder:text-white-dark" />
+                                    <span class="absolute left-4 top-1/2 -translate-y-1/2">
+                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                            <path opacity="0.5"
+                                                d="M10.65 2.25H7.35C4.23873 2.25 2.6831 2.25 1.71655 3.23851C0.75 4.22703 0.75 5.81802 0.75 9C0.75 12.182 0.75 13.773 1.71655 14.7615C2.6831 15.75 4.23873 15.75 7.35 15.75H10.65C13.7613 15.75 15.3169 15.75 16.2835 14.7615C17.25 13.773 17.25 12.182 17.25 9C17.25 5.81802 17.25 4.22703 16.2835 3.23851C15.3169 2.25 13.7613 2.25 10.65 2.25Z"
+                                                fill="currentColor" />
+                                            <path
+                                                d="M14.3465 6.02574C14.609 5.80698 14.6445 5.41681 14.4257 5.15429C14.207 4.89177 13.8168 4.8563 13.5543 5.07507L11.7732 6.55931C11.0035 7.20072 10.4691 7.6446 10.018 7.93476C9.58125 8.21564 9.28509 8.30993 9.00041 8.30993C8.71572 8.30993 8.41956 8.21564 7.98284 7.93476C7.53168 7.6446 6.9973 7.20072 6.22761 6.55931L4.44652 5.07507C4.184 4.8563 3.79384 4.89177 3.57507 5.15429C3.3563 5.41681 3.39177 5.80698 3.65429 6.02574L5.4664 7.53583C6.19764 8.14522 6.79033 8.63914 7.31343 8.97558C7.85834 9.32604 8.38902 9.54743 9.00041 9.54743C9.6118 9.54743 10.1425 9.32604 10.6874 8.97558C11.2105 8.63914 11.8032 8.14522 12.5344 7.53582L14.3465 6.02574Z"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </span>
+                                </div>
+                            </div>
+                            <button type="submit" class="btn btn-gradient !mt-6 w-full border-0 uppercase shadow-[0_10px_20px_-10px_rgba(67,97,238,0.44)]">
+                                RECOVER
+                            </button>
+                        </form>
+                    </div>
+                    <p class="absolute bottom-6 w-full text-center dark:text-white">
+                        © <span id="footer-year">2022</span>. VRISTO All Rights Reserved.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener('alpine:init', () => {
+            Alpine.data('auth', () => ({
+                languages: [{
+                        id: 1,
+                        key: 'Chinese',
+                        value: 'zh',
+                    },
+                    {
+                        id: 2,
+                        key: 'Danish',
+                        value: 'da',
+                    },
+                    {
+                        id: 3,
+                        key: 'English',
+                        value: 'en',
+                    },
+                    {
+                        id: 4,
+                        key: 'French',
+                        value: 'fr',
+                    },
+                    {
+                        id: 5,
+                        key: 'German',
+                        value: 'de',
+                    },
+                    {
+                        id: 6,
+                        key: 'Greek',
+                        value: 'el',
+                    },
+                    {
+                        id: 7,
+                        key: 'Hungarian',
+                        value: 'hu',
+                    },
+                    {
+                        id: 8,
+                        key: 'Italian',
+                        value: 'it',
+                    },
+                    {
+                        id: 9,
+                        key: 'Japanese',
+                        value: 'ja',
+                    },
+                    {
+                        id: 10,
+                        key: 'Polish',
+                        value: 'pl',
+                    },
+                    {
+                        id: 11,
+                        key: 'Portuguese',
+                        value: 'pt',
+                    },
+                    {
+                        id: 12,
+                        key: 'Russian',
+                        value: 'ru',
+                    },
+                    {
+                        id: 13,
+                        key: 'Spanish',
+                        value: 'es',
+                    },
+                    {
+                        id: 14,
+                        key: 'Swedish',
+                        value: 'sv',
+                    },
+                    {
+                        id: 15,
+                        key: 'Turkish',
+                        value: 'tr',
+                    },
+                    {
+                        id: 16,
+                        key: 'Arabic',
+                        value: 'ae',
+                    },
+                ],
+            }));
+        });
+    </script>
+
+</x-layout.auth>
diff --git a/resources/views/auth/cover-register.blade.php b/resources/views/auth/cover-register.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..3ba1fa40e46525821fdcef1d07d970cb6f0d86ee
--- /dev/null
+++ b/resources/views/auth/cover-register.blade.php
@@ -0,0 +1,285 @@
+<x-layout.auth>
+
+    <div x-data="auth">
+        <div class="absolute inset-0">
+            <img src="/assets/images/auth/bg-gradient.png" alt="image" class="h-full w-full object-cover" />
+        </div>
+        <div class="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/map.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+            <img src="/assets/images/auth/coming-soon-object1.png" alt="image" class="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+            <img src="/assets/images/auth/coming-soon-object2.png" alt="image" class="absolute left-24 top-0 h-40 md:left-[30%]" />
+            <img src="/assets/images/auth/coming-soon-object3.png" alt="image" class="absolute right-0 top-0 h-[300px]" />
+            <img src="/assets/images/auth/polygon-object.svg" alt="image" class="absolute bottom-0 end-[28%]" />
+            <div class="relative flex w-full max-w-[1502px] flex-col justify-between overflow-hidden rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 lg:min-h-[758px] lg:flex-row lg:gap-10 xl:gap-0">
+                <div
+                    class="relative hidden w-full items-center justify-center bg-[linear-gradient(225deg,rgba(239,18,98,1)_0%,rgba(67,97,238,1)_100%)] p-5 lg:inline-flex lg:max-w-[835px] xl:-ms-28 ltr:xl:skew-x-[14deg] rtl:xl:skew-x-[-14deg]">
+                    <div class="absolute inset-y-0 w-8 from-primary/10 via-transparent to-transparent ltr:-right-10 ltr:bg-gradient-to-r rtl:-left-10 rtl:bg-gradient-to-l xl:w-16 ltr:xl:-right-20 rtl:xl:-left-20"></div>
+                    <div class="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
+                        <a href="/" class="w-48 block lg:w-72 ms-10">
+                            <img src="/assets/images/auth/logo-white.svg" alt="Logo" class="w-full" />
+                        </a>
+                        <div class="mt-24 hidden w-full max-w-[430px] lg:block">
+                            <img src="/assets/images/auth/register.svg" alt="Cover Image" class="w-full" />
+                        </div>
+                    </div>
+                </div>
+                <div class="relative flex w-full flex-col items-center justify-center gap-6 px-4 pb-16 pt-6 sm:px-6 lg:max-w-[667px]">
+                    <div class="flex w-full max-w-[440px] items-center gap-2 lg:absolute lg:end-6 lg:top-6 lg:max-w-full">
+                        <a href="/" class="block w-8 lg:hidden">
+                            <img src="/assets/images/logo.svg" alt="Logo" class="w-full" />
+                        </a>
+                        <div class="dropdown ms-auto w-max" x-data="dropdown" @click.outside="open = false">
+                            <a href="javascript:;" class="flex items-center gap-2.5 rounded-lg border border-white-dark/30 bg-white px-2 py-1.5 text-white-dark hover:border-primary hover:text-primary dark:bg-black"
+                                :class="{ '!border-primary !text-primary': open }" @click="toggle">
+                                <div>
+                                    <img :src="`/assets/images/flags/${$store.app.locale.toUpperCase()}.svg`" alt="image" class="h-5 w-5 rounded-full object-cover" />
+                                </div>
+                                <div x-text="$store.app.locale" class="text-base font-bold uppercase"></div>
+                                <span class="shrink-0" :class="{ 'rotate-180': open }">
+                                    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M6.99989 9.79988C6.59156 9.79988 6.18322 9.64238 5.87406 9.33321L2.07072 5.52988C1.90156 5.36071 1.90156 5.08071 2.07072 4.91154C2.23989 4.74238 2.51989 4.74238 2.68906 4.91154L6.49239 8.71488C6.77239 8.99488 7.22739 8.99488 7.50739 8.71488L11.3107 4.91154C11.4799 4.74238 11.7599 4.74238 11.9291 4.91154C12.0982 5.08071 12.0982 5.36071 11.9291 5.52988L8.12572 9.33321C7.81656 9.64238 7.40822 9.79988 6.99989 9.79988Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="top-11 grid w-[280px] grid-cols-2 gap-y-2 !px-2 font-semibold text-dark ltr:-right-14 rtl:-left-14 dark:text-white-dark dark:text-white-light/90 sm:ltr:-right-2 sm:rtl:-left-2">
+                                <template x-for="item in languages">
+                                    <li>
+                                        <a href="javascript:;" class="hover:text-primary" @click="$store.app.toggleLocale(item.value),toggle()" :class="{ 'bg-primary/10 text-primary': $store.app.locale == item.value }">
+                                            <img class="h-5 w-5 rounded-full object-cover" :src="`/assets/images/flags/${item.value.toUpperCase()}.svg`" alt="image" />
+                                            <span class="ltr:ml-3 rtl:mr-3" x-text="item.key"></span>
+                                        </a>
+                                    </li>
+                                </template>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="w-full max-w-[440px] lg:mt-16">
+                        <div class="mb-10">
+                            <h1 class="text-3xl font-extrabold uppercase !leading-snug text-primary md:text-4xl">Sign Up</h1>
+                            <p class="text-base font-bold leading-normal text-white-dark">Enter your email and password to register</p>
+                        </div>
+                        <form class="space-y-5 dark:text-white" @submit.prevent="window.location='/'">
+                            <div>
+                                <label for="Name">Name</label>
+                                <div class="relative text-white-dark">
+                                    <input id="Name" type="text" placeholder="Enter Name" class="form-input ps-10 placeholder:text-white-dark" />
+                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                            <circle cx="9" cy="4.5" r="3" fill="#888EA8" />
+                                            <path opacity="0.5" d="M15 13.125C15 14.989 15 16.5 9 16.5C3 16.5 3 14.989 3 13.125C3 11.261 5.68629 9.75 9 9.75C12.3137 9.75 15 11.261 15 13.125Z" fill="#888EA8" />
+                                        </svg>
+                                    </span>
+                                </div>
+                            </div>
+                            <div>
+                                <label for="Email">Email</label>
+                                <div class="relative text-white-dark">
+                                    <input id="Email" type="email" placeholder="Enter Email" class="form-input ps-10 placeholder:text-white-dark" />
+                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                            <path opacity="0.5"
+                                                d="M10.65 2.25H7.35C4.23873 2.25 2.6831 2.25 1.71655 3.23851C0.75 4.22703 0.75 5.81802 0.75 9C0.75 12.182 0.75 13.773 1.71655 14.7615C2.6831 15.75 4.23873 15.75 7.35 15.75H10.65C13.7613 15.75 15.3169 15.75 16.2835 14.7615C17.25 13.773 17.25 12.182 17.25 9C17.25 5.81802 17.25 4.22703 16.2835 3.23851C15.3169 2.25 13.7613 2.25 10.65 2.25Z"
+                                                fill="currentColor" />
+                                            <path
+                                                d="M14.3465 6.02574C14.609 5.80698 14.6445 5.41681 14.4257 5.15429C14.207 4.89177 13.8168 4.8563 13.5543 5.07507L11.7732 6.55931C11.0035 7.20072 10.4691 7.6446 10.018 7.93476C9.58125 8.21564 9.28509 8.30993 9.00041 8.30993C8.71572 8.30993 8.41956 8.21564 7.98284 7.93476C7.53168 7.6446 6.9973 7.20072 6.22761 6.55931L4.44652 5.07507C4.184 4.8563 3.79384 4.89177 3.57507 5.15429C3.3563 5.41681 3.39177 5.80698 3.65429 6.02574L5.4664 7.53583C6.19764 8.14522 6.79033 8.63914 7.31343 8.97558C7.85834 9.32604 8.38902 9.54743 9.00041 9.54743C9.6118 9.54743 10.1425 9.32604 10.6874 8.97558C11.2105 8.63914 11.8032 8.14522 12.5344 7.53582L14.3465 6.02574Z"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </span>
+                                </div>
+                            </div>
+                            <div>
+                                <label for="Password">Password</label>
+                                <div class="relative text-white-dark">
+                                    <input id="Password" type="password" placeholder="Enter Password" class="form-input ps-10 placeholder:text-white-dark" />
+                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                            <path opacity="0.5"
+                                                d="M1.5 12C1.5 9.87868 1.5 8.81802 2.15901 8.15901C2.81802 7.5 3.87868 7.5 6 7.5H12C14.1213 7.5 15.182 7.5 15.841 8.15901C16.5 8.81802 16.5 9.87868 16.5 12C16.5 14.1213 16.5 15.182 15.841 15.841C15.182 16.5 14.1213 16.5 12 16.5H6C3.87868 16.5 2.81802 16.5 2.15901 15.841C1.5 15.182 1.5 14.1213 1.5 12Z"
+                                                fill="currentColor" />
+                                            <path d="M6 12.75C6.41421 12.75 6.75 12.4142 6.75 12C6.75 11.5858 6.41421 11.25 6 11.25C5.58579 11.25 5.25 11.5858 5.25 12C5.25 12.4142 5.58579 12.75 6 12.75Z" fill="currentColor" />
+                                            <path d="M9 12.75C9.41421 12.75 9.75 12.4142 9.75 12C9.75 11.5858 9.41421 11.25 9 11.25C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75Z" fill="currentColor" />
+                                            <path d="M12.75 12C12.75 12.4142 12.4142 12.75 12 12.75C11.5858 12.75 11.25 12.4142 11.25 12C11.25 11.5858 11.5858 11.25 12 11.25C12.4142 11.25 12.75 11.5858 12.75 12Z" fill="currentColor" />
+                                            <path
+                                                d="M5.0625 6C5.0625 3.82538 6.82538 2.0625 9 2.0625C11.1746 2.0625 12.9375 3.82538 12.9375 6V7.50268C13.363 7.50665 13.7351 7.51651 14.0625 7.54096V6C14.0625 3.20406 11.7959 0.9375 9 0.9375C6.20406 0.9375 3.9375 3.20406 3.9375 6V7.54096C4.26488 7.51651 4.63698 7.50665 5.0625 7.50268V6Z"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </span>
+                                </div>
+                            </div>
+                            <div>
+                                <label class="flex cursor-pointer items-center">
+                                    <input type="checkbox" class="form-checkbox bg-white dark:bg-black" />
+                                    <span class="text-white-dark">Subscribe to weekly newsletter</span>
+                                </label>
+                            </div>
+                            <button type="submit" class="btn btn-gradient !mt-6 w-full border-0 uppercase shadow-[0_10px_20px_-10px_rgba(67,97,238,0.44)]">
+                                Sign Up
+                            </button>
+                        </form>
+
+                        <div class="relative my-7 text-center md:mb-9">
+                            <span class="absolute inset-x-0 top-1/2 h-px w-full -translate-y-1/2 bg-white-light dark:bg-white-dark"></span>
+                            <span class="relative bg-white px-2 font-bold uppercase text-white-dark dark:bg-dark dark:text-white-light">or</span>
+                        </div>
+                        <div class="mb-10 md:mb-[60px]">
+                            <ul class="flex justify-center gap-3.5">
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
+                                            <path
+                                                d="M8 2.05C9.925 2.05 10.1875 2.05 10.975 2.05C11.675 2.05 12.025 2.225 12.2875 2.3125C12.6375 2.4875 12.9 2.575 13.1625 2.8375C13.425 3.1 13.6 3.3625 13.6875 3.7125C13.775 3.975 13.8625 4.325 13.95 5.025C13.95 5.8125 13.95 5.9875 13.95 8C13.95 10.0125 13.95 10.1875 13.95 10.975C13.95 11.675 13.775 12.025 13.6875 12.2875C13.5125 12.6375 13.425 12.9 13.1625 13.1625C12.9 13.425 12.6375 13.6 12.2875 13.6875C12.025 13.775 11.675 13.8625 10.975 13.95C10.1875 13.95 10.0125 13.95 8 13.95C5.9875 13.95 5.8125 13.95 5.025 13.95C4.325 13.95 3.975 13.775 3.7125 13.6875C3.3625 13.5125 3.1 13.425 2.8375 13.1625C2.575 12.9 2.4 12.6375 2.3125 12.2875C2.225 12.025 2.1375 11.675 2.05 10.975C2.05 10.1875 2.05 10.0125 2.05 8C2.05 5.9875 2.05 5.8125 2.05 5.025C2.05 4.325 2.225 3.975 2.3125 3.7125C2.4875 3.3625 2.575 3.1 2.8375 2.8375C3.1 2.575 3.3625 2.4 3.7125 2.3125C3.975 2.225 4.325 2.1375 5.025 2.05C5.8125 2.05 6.075 2.05 8 2.05ZM8 0.737503C5.9875 0.737503 5.8125 0.737503 5.025 0.737503C4.2375 0.737503 3.7125 0.912504 3.275 1.0875C2.8375 1.2625 2.4 1.525 1.9625 1.9625C1.525 2.4 1.35 2.75 1.0875 3.275C0.912504 3.7125 0.825003 4.2375 0.737503 5.025C0.737503 5.8125 0.737503 6.075 0.737503 8C0.737503 10.0125 0.737503 10.1875 0.737503 10.975C0.737503 11.7625 0.912504 12.2875 1.0875 12.725C1.2625 13.1625 1.525 13.6 1.9625 14.0375C2.4 14.475 2.75 14.65 3.275 14.9125C3.7125 15.0875 4.2375 15.175 5.025 15.2625C5.8125 15.2625 6.075 15.2625 8 15.2625C9.925 15.2625 10.1875 15.2625 10.975 15.2625C11.7625 15.2625 12.2875 15.0875 12.725 14.9125C13.1625 14.7375 13.6 14.475 14.0375 14.0375C14.475 13.6 14.65 13.25 14.9125 12.725C15.0875 12.2875 15.175 11.7625 15.2625 10.975C15.2625 10.1875 15.2625 9.925 15.2625 8C15.2625 6.075 15.2625 5.8125 15.2625 5.025C15.2625 4.2375 15.0875 3.7125 14.9125 3.275C14.7375 2.8375 14.475 2.4 14.0375 1.9625C13.6 1.525 13.25 1.35 12.725 1.0875C12.2875 0.912504 11.7625 0.825003 10.975 0.737503C10.1875 0.737503 10.0125 0.737503 8 0.737503Z"
+                                                fill="white" />
+                                            <path
+                                                d="M8 4.2375C5.9 4.2375 4.2375 5.9 4.2375 8C4.2375 10.1 5.9 11.7625 8 11.7625C10.1 11.7625 11.7625 10.1 11.7625 8C11.7625 5.9 10.1 4.2375 8 4.2375ZM8 10.45C6.6875 10.45 5.55 9.4 5.55 8C5.55 6.6875 6.6 5.55 8 5.55C9.3125 5.55 10.45 6.6 10.45 8C10.45 9.3125 9.3125 10.45 8 10.45Z"
+                                                fill="white" />
+                                            <path d="M11.85 5.025C12.3333 5.025 12.725 4.63325 12.725 4.15C12.725 3.66675 12.3333 3.275 11.85 3.275C11.3668 3.275 10.975 3.66675 10.975 4.15C10.975 4.63325 11.3668 5.025 11.85 5.025Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
+                                            <path
+                                                d="M14 7C14 3.15 10.85 0 7 0C3.15 0 0 3.15 0 7C0 10.5 2.5375 13.3875 5.8625 13.9125V9.0125H4.1125V7H5.8625V5.425C5.8625 3.675 6.9125 2.7125 8.4875 2.7125C9.275 2.7125 10.0625 2.8875 10.0625 2.8875V4.6375H9.1875C8.3125 4.6375 8.05 5.1625 8.05 5.6875V7H9.975L9.625 9.0125H7.9625V14C11.4625 13.475 14 10.5 14 7Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="12" viewBox="0 0 14 12" fill="none">
+                                            <path
+                                                d="M14 1.625C13.475 1.8875 12.95 1.975 12.3375 2.0625C12.95 1.7125 13.3875 1.1875 13.5625 0.4875C13.0375 0.8375 12.425 1.0125 11.725 1.1875C11.2 0.6625 10.4125 0.3125 9.625 0.3125C7.7875 0.3125 6.3875 2.0625 6.825 3.8125C4.4625 3.725 2.3625 2.5875 0.875 0.8375C0.0875 2.15 0.525 3.8125 1.75 4.6875C1.3125 4.6875 0.875 4.5125 0.4375 4.3375C0.4375 5.65 1.4 6.875 2.7125 7.225C2.275 7.3125 1.8375 7.4 1.4 7.3125C1.75 8.45 2.8 9.325 4.1125 9.325C3.0625 10.1125 1.4875 10.55 0 10.375C1.3125 11.1625 2.8 11.6875 4.375 11.6875C9.7125 11.6875 12.6875 7.225 12.5125 3.1125C13.125 2.7625 13.65 2.2375 14 1.625Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M13.8512 7.15912C13.8512 6.66275 13.8066 6.18548 13.7239 5.72729H7.13116V8.43503H10.8984C10.7362 9.31003 10.243 10.0514 9.50162 10.5478V12.3041H11.7639C13.0875 11.0855 13.8512 9.29094 13.8512 7.15912Z"
+                                                fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M7.13089 14C9.0209 14 10.6054 13.3731 11.7636 12.3041L9.50135 10.5477C8.87454 10.9677 8.07272 11.2159 7.13089 11.2159C5.30771 11.2159 3.76452 9.9845 3.21407 8.32996H0.875427V10.1436C2.02725 12.4313 4.39453 14 7.13089 14Z"
+                                                fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M3.21435 8.32997C3.07435 7.90997 2.99481 7.46133 2.99481 6.99997C2.99481 6.5386 3.07435 6.08996 3.21435 5.66996V3.85632H0.875712C0.40162 4.80133 0.131165 5.87042 0.131165 6.99997C0.131165 8.12951 0.40162 9.19861 0.875712 10.1436L3.21435 8.32997Z"
+                                                fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M7.13089 2.7841C8.15862 2.7841 9.08135 3.13728 9.80681 3.83092L11.8145 1.82319C10.6023 0.693638 9.01772 0 7.13089 0C4.39453 0 2.02725 1.56864 0.875427 3.85637L3.21407 5.67001C3.76452 4.01546 5.30771 2.7841 7.13089 2.7841Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="text-center dark:text-white">
+                            Already have an account ?
+                            <a href="/auth/cover-login" class="uppercase text-primary underline transition hover:text-black dark:hover:text-white">SIGN IN</a>
+                        </div>
+                    </div>
+                    <p class="absolute bottom-6 w-full text-center dark:text-white">
+                        © <span id="footer-year">2022</span>. VRISTO All Rights Reserved.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener('alpine:init', () => {
+            Alpine.data('auth', () => ({
+                languages: [{
+                        id: 1,
+                        key: 'Chinese',
+                        value: 'zh',
+                    },
+                    {
+                        id: 2,
+                        key: 'Danish',
+                        value: 'da',
+                    },
+                    {
+                        id: 3,
+                        key: 'English',
+                        value: 'en',
+                    },
+                    {
+                        id: 4,
+                        key: 'French',
+                        value: 'fr',
+                    },
+                    {
+                        id: 5,
+                        key: 'German',
+                        value: 'de',
+                    },
+                    {
+                        id: 6,
+                        key: 'Greek',
+                        value: 'el',
+                    },
+                    {
+                        id: 7,
+                        key: 'Hungarian',
+                        value: 'hu',
+                    },
+                    {
+                        id: 8,
+                        key: 'Italian',
+                        value: 'it',
+                    },
+                    {
+                        id: 9,
+                        key: 'Japanese',
+                        value: 'ja',
+                    },
+                    {
+                        id: 10,
+                        key: 'Polish',
+                        value: 'pl',
+                    },
+                    {
+                        id: 11,
+                        key: 'Portuguese',
+                        value: 'pt',
+                    },
+                    {
+                        id: 12,
+                        key: 'Russian',
+                        value: 'ru',
+                    },
+                    {
+                        id: 13,
+                        key: 'Spanish',
+                        value: 'es',
+                    },
+                    {
+                        id: 14,
+                        key: 'Swedish',
+                        value: 'sv',
+                    },
+                    {
+                        id: 15,
+                        key: 'Turkish',
+                        value: 'tr',
+                    },
+                    {
+                        id: 16,
+                        key: 'Arabic',
+                        value: 'ae',
+                    },
+                ],
+            }));
+        });
+    </script>
+
+</x-layout.auth>
diff --git a/resources/views/auth/forgot-password.blade.php b/resources/views/auth/forgot-password.blade.php
deleted file mode 100644
index 15235f4f4a76de5add152871d203cb20a1034231..0000000000000000000000000000000000000000
--- a/resources/views/auth/forgot-password.blade.php
+++ /dev/null
@@ -1,34 +0,0 @@
-<x-guest-layout>
-    <x-authentication-card>
-        <x-slot name="logo">
-            <x-authentication-card-logo />
-        </x-slot>
-
-        <div class="mb-4 text-sm text-gray-600">
-            {{ __('Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.') }}
-        </div>
-
-        @session('status')
-            <div class="mb-4 font-medium text-sm text-green-600">
-                {{ $value }}
-            </div>
-        @endsession
-
-        <x-validation-errors class="mb-4" />
-
-        <form method="POST" action="{{ route('password.email') }}">
-            @csrf
-
-            <div class="block">
-                <x-label for="email" value="{{ __('Email') }}" />
-                <x-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" />
-            </div>
-
-            <div class="flex items-center justify-end mt-4">
-                <x-button>
-                    {{ __('Email Password Reset Link') }}
-                </x-button>
-            </div>
-        </form>
-    </x-authentication-card>
-</x-guest-layout>
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
deleted file mode 100644
index d486b64dcc2f0a0e1858aa9c9635ac2afb0e43cd..0000000000000000000000000000000000000000
--- a/resources/views/auth/login.blade.php
+++ /dev/null
@@ -1,48 +0,0 @@
-<x-guest-layout>
-    <x-authentication-card>
-        <x-slot name="logo">
-            <x-authentication-card-logo />
-        </x-slot>
-
-        <x-validation-errors class="mb-4" />
-
-        @session('status')
-            <div class="mb-4 font-medium text-sm text-green-600">
-                {{ $value }}
-            </div>
-        @endsession
-
-        <form method="POST" action="{{ route('login') }}">
-            @csrf
-
-            <div>
-                <x-label for="username" value="{{ __('Username') }}" />
-                <x-input id="username" class="block mt-1 w-full" type="text" name="username" :value="old('username')" required autofocus autocomplete="username" />
-            </div>
-
-            <div class="mt-4">
-                <x-label for="password" value="{{ __('Password') }}" />
-                <x-input id="password" class="block mt-1 w-full" type="password" name="password" required autocomplete="current-password" />
-            </div>
-
-            <div class="block mt-4">
-                <label for="remember_me" class="flex items-center">
-                    <x-checkbox id="remember_me" name="remember" />
-                    <span class="ms-2 text-sm text-gray-600">{{ __('Remember me') }}</span>
-                </label>
-            </div>
-
-            <div class="flex items-center justify-end mt-4">
-                @if (Route::has('password.request'))
-                    <a class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="{{ route('password.request') }}">
-                        {{ __('Forgot your password?') }}
-                    </a>
-                @endif
-
-                <x-button class="ms-4">
-                    {{ __('Log in') }}
-                </x-button>
-            </div>
-        </form>
-    </x-authentication-card>
-</x-guest-layout>
diff --git a/resources/views/auth/register.blade.php b/resources/views/auth/register.blade.php
deleted file mode 100644
index 2f2585da0f42d160b7de1faa22955cb6abe1f306..0000000000000000000000000000000000000000
--- a/resources/views/auth/register.blade.php
+++ /dev/null
@@ -1,60 +0,0 @@
-<x-guest-layout>
-    <x-authentication-card>
-        <x-slot name="logo">
-            <x-authentication-card-logo />
-        </x-slot>
-
-        <x-validation-errors class="mb-4" />
-
-        <form method="POST" action="{{ route('register') }}">
-            @csrf
-
-            <div>
-                <x-label for="name" value="{{ __('Name') }}" />
-                <x-input id="name" class="block mt-1 w-full" type="text" name="name" :value="old('name')" required autofocus autocomplete="name" />
-            </div>
-
-            <div class="mt-4">
-                <x-label for="email" value="{{ __('Email') }}" />
-                <x-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autocomplete="username" />
-            </div>
-
-            <div class="mt-4">
-                <x-label for="password" value="{{ __('Password') }}" />
-                <x-input id="password" class="block mt-1 w-full" type="password" name="password" required autocomplete="new-password" />
-            </div>
-
-            <div class="mt-4">
-                <x-label for="password_confirmation" value="{{ __('Confirm Password') }}" />
-                <x-input id="password_confirmation" class="block mt-1 w-full" type="password" name="password_confirmation" required autocomplete="new-password" />
-            </div>
-
-            @if (Laravel\Jetstream\Jetstream::hasTermsAndPrivacyPolicyFeature())
-                <div class="mt-4">
-                    <x-label for="terms">
-                        <div class="flex items-center">
-                            <x-checkbox name="terms" id="terms" required />
-
-                            <div class="ms-2">
-                                {!! __('I agree to the :terms_of_service and :privacy_policy', [
-                                        'terms_of_service' => '<a target="_blank" href="'.route('terms.show').'" class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">'.__('Terms of Service').'</a>',
-                                        'privacy_policy' => '<a target="_blank" href="'.route('policy.show').'" class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">'.__('Privacy Policy').'</a>',
-                                ]) !!}
-                            </div>
-                        </div>
-                    </x-label>
-                </div>
-            @endif
-
-            <div class="flex items-center justify-end mt-4">
-                <a class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="{{ route('login') }}">
-                    {{ __('Already registered?') }}
-                </a>
-
-                <x-button class="ms-4">
-                    {{ __('Register') }}
-                </x-button>
-            </div>
-        </form>
-    </x-authentication-card>
-</x-guest-layout>
diff --git a/resources/views/auth/reset-password.blade.php b/resources/views/auth/reset-password.blade.php
deleted file mode 100644
index 5991e3efc3d1275acc6fd31687912425112d7614..0000000000000000000000000000000000000000
--- a/resources/views/auth/reset-password.blade.php
+++ /dev/null
@@ -1,36 +0,0 @@
-<x-guest-layout>
-    <x-authentication-card>
-        <x-slot name="logo">
-            <x-authentication-card-logo />
-        </x-slot>
-
-        <x-validation-errors class="mb-4" />
-
-        <form method="POST" action="{{ route('password.update') }}">
-            @csrf
-
-            <input type="hidden" name="token" value="{{ $request->route('token') }}">
-
-            <div class="block">
-                <x-label for="email" value="{{ __('Email') }}" />
-                <x-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email', $request->email)" required autofocus autocomplete="username" />
-            </div>
-
-            <div class="mt-4">
-                <x-label for="password" value="{{ __('Password') }}" />
-                <x-input id="password" class="block mt-1 w-full" type="password" name="password" required autocomplete="new-password" />
-            </div>
-
-            <div class="mt-4">
-                <x-label for="password_confirmation" value="{{ __('Confirm Password') }}" />
-                <x-input id="password_confirmation" class="block mt-1 w-full" type="password" name="password_confirmation" required autocomplete="new-password" />
-            </div>
-
-            <div class="flex items-center justify-end mt-4">
-                <x-button>
-                    {{ __('Reset Password') }}
-                </x-button>
-            </div>
-        </form>
-    </x-authentication-card>
-</x-guest-layout>
diff --git a/resources/views/auth/two-factor-challenge.blade.php b/resources/views/auth/two-factor-challenge.blade.php
deleted file mode 100644
index 57e0347da079ba2760aa1338b3d974f3ce346693..0000000000000000000000000000000000000000
--- a/resources/views/auth/two-factor-challenge.blade.php
+++ /dev/null
@@ -1,58 +0,0 @@
-<x-guest-layout>
-    <x-authentication-card>
-        <x-slot name="logo">
-            <x-authentication-card-logo />
-        </x-slot>
-
-        <div x-data="{ recovery: false }">
-            <div class="mb-4 text-sm text-gray-600" x-show="! recovery">
-                {{ __('Please confirm access to your account by entering the authentication code provided by your authenticator application.') }}
-            </div>
-
-            <div class="mb-4 text-sm text-gray-600" x-cloak x-show="recovery">
-                {{ __('Please confirm access to your account by entering one of your emergency recovery codes.') }}
-            </div>
-
-            <x-validation-errors class="mb-4" />
-
-            <form method="POST" action="{{ route('two-factor.login') }}">
-                @csrf
-
-                <div class="mt-4" x-show="! recovery">
-                    <x-label for="code" value="{{ __('Code') }}" />
-                    <x-input id="code" class="block mt-1 w-full" type="text" inputmode="numeric" name="code" autofocus x-ref="code" autocomplete="one-time-code" />
-                </div>
-
-                <div class="mt-4" x-cloak x-show="recovery">
-                    <x-label for="recovery_code" value="{{ __('Recovery Code') }}" />
-                    <x-input id="recovery_code" class="block mt-1 w-full" type="text" name="recovery_code" x-ref="recovery_code" autocomplete="one-time-code" />
-                </div>
-
-                <div class="flex items-center justify-end mt-4">
-                    <button type="button" class="text-sm text-gray-600 hover:text-gray-900 underline cursor-pointer"
-                                    x-show="! recovery"
-                                    x-on:click="
-                                        recovery = true;
-                                        $nextTick(() => { $refs.recovery_code.focus() })
-                                    ">
-                        {{ __('Use a recovery code') }}
-                    </button>
-
-                    <button type="button" class="text-sm text-gray-600 hover:text-gray-900 underline cursor-pointer"
-                                    x-cloak
-                                    x-show="recovery"
-                                    x-on:click="
-                                        recovery = false;
-                                        $nextTick(() => { $refs.code.focus() })
-                                    ">
-                        {{ __('Use an authentication code') }}
-                    </button>
-
-                    <x-button class="ms-4">
-                        {{ __('Log in') }}
-                    </x-button>
-                </div>
-            </form>
-        </div>
-    </x-authentication-card>
-</x-guest-layout>
diff --git a/resources/views/auth/verify-email.blade.php b/resources/views/auth/verify-email.blade.php
deleted file mode 100644
index 057285360d4dccd0bfd7934f141d46c73287247f..0000000000000000000000000000000000000000
--- a/resources/views/auth/verify-email.blade.php
+++ /dev/null
@@ -1,45 +0,0 @@
-<x-guest-layout>
-    <x-authentication-card>
-        <x-slot name="logo">
-            <x-authentication-card-logo />
-        </x-slot>
-
-        <div class="mb-4 text-sm text-gray-600">
-            {{ __('Before continuing, could you verify your email address by clicking on the link we just emailed to you? If you didn\'t receive the email, we will gladly send you another.') }}
-        </div>
-
-        @if (session('status') == 'verification-link-sent')
-            <div class="mb-4 font-medium text-sm text-green-600">
-                {{ __('A new verification link has been sent to the email address you provided in your profile settings.') }}
-            </div>
-        @endif
-
-        <div class="mt-4 flex items-center justify-between">
-            <form method="POST" action="{{ route('verification.send') }}">
-                @csrf
-
-                <div>
-                    <x-button type="submit">
-                        {{ __('Resend Verification Email') }}
-                    </x-button>
-                </div>
-            </form>
-
-            <div>
-                <a
-                    href="{{ route('profile.show') }}"
-                    class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
-                >
-                    {{ __('Edit Profile') }}</a>
-
-                <form method="POST" action="{{ route('logout') }}" class="inline">
-                    @csrf
-
-                    <button type="submit" class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 ms-2">
-                        {{ __('Log Out') }}
-                    </button>
-                </form>
-            </div>
-        </div>
-    </x-authentication-card>
-</x-guest-layout>
diff --git a/resources/views/charts.blade.php b/resources/views/charts.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..ad6388954712882411b4f95594ccd1b62dd000fa
--- /dev/null
+++ b/resources/views/charts.blade.php
@@ -0,0 +1,1976 @@
+<x-layout.default>
+
+
+    <script defer src="/assets/js/apexcharts.js"></script>
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse mb-6">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Dashboard</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Charts</span>
+            </li>
+        </ul>
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-8" x-data="chart">
+
+            <div class="panel lg:col-span-2 p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span>
+                <a href="https://www.npmjs.com/package/apexcharts" target="_blank"
+                    class="block hover:underline">https://www.npmjs.com/package/apexcharts</a>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Simple Line</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')"><span class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div x-ref="lineChart" class="bg-white dark:bg-black rounded-lg overflow-hidden"></div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+&lt;!-- simple line --&gt;
+&lt;div x-ref=&quot;lineChart&quot; class=&quot;bg-white dark:bg-black rounded-lg overflow-hidden&quot;&gt;&lt;/div&gt;
+
+&lt;!-- script --&gt;
+&lt;script&gt;
+    document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+        Alpine.data(&quot;chart&quot;, () =&gt; ({
+
+            init() {
+                isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+
+                let lineChart = new ApexCharts(this.$refs.lineChart, this.lineChartOptions);
+                lineChart.render();
+
+                get lineChartOptions() {
+                    return {
+                        chart: {
+                            height: 300,
+                            type: 'line',
+                            toolbar: false
+                        },
+                        colors: ['#4361ee'],
+                        tooltip: {
+                            marker: false,
+                            y: {
+                                formatter(number) {
+                                    return '$' + number
+                                }
+                            }
+                        },
+                        stroke: {
+                            width: 2,
+                            curve: 'smooth'
+                        },
+                        xaxis: {
+                            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'June'],
+                            axisBorder: {
+                                color: isDark ? '#191e3a' : '#e0e6ed'
+                            },
+                        },
+                        yaxis: {
+                            opposite: isRtl ? true : false,
+                            labels: {
+                                offsetX: isRtl ? -20 : 0,
+                            }
+                        },
+                        series: [{
+                            name: 'Sales',
+                            data: [45, 55, 75, 25, 45, 110],
+                        }],
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed',
+                        },
+                        tooltip: {
+                            theme: isDark ? 'dark' : 'light',
+                        }
+                    }
+                },
+
+                this.$watch('$store.app.theme', () =&gt; {
+                    isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+                    lineChart.updateOptions(this.lineChartOptions);
+                })
+            },
+        }));
+    });
+&lt;/script&gt;
+</pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white">Simple Area</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div x-ref="areaChart" class="bg-white dark:bg-black rounded-lg overflow-hidden"></div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+&lt;!-- simple area --&gt;
+&lt;div x-ref=&quot;areaChart&quot; class=&quot;bg-white dark:bg-black rounded-lg overflow-hidden&quot;&gt;&lt;/div&gt;
+
+&lt;!-- script --&gt;
+&lt;script&gt;
+    document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+        Alpine.data(&quot;chart&quot;, () =&gt; ({
+
+            init() {
+                isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+
+                let areaChart = new ApexCharts(this.$refs.areaChart, this.areaChartOptions);
+                areaChart.render();
+
+                get areaChartOptions() {
+                    return {
+                        series: [{
+                            name: 'Income',
+                            data: [16800, 16800, 15500, 17800, 15500, 17000, 19000, 16000, 15000, 17000, 14000, 17000]
+                        }],
+                        chart: {
+                            type: 'area',
+                            height: 300,
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        colors: ['#805dca'],
+                        dataLabels: {
+                            enabled: false
+                        },
+                        stroke: {
+                            width: 2,
+                            curve: 'smooth'
+                        },
+                        xaxis: {
+                            axisBorder: {
+                                color: isDark ? '#191e3a' : '#e0e6ed'
+                            },
+                        },
+                        yaxis: {
+                            opposite: isRtl ? true : false,
+                            labels: {
+                                offsetX: isRtl ? -40 : 0,
+                            }
+                        },
+                        labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+                        legend: {
+                            horizontalAlign: 'left'
+                        },
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed',
+                        },
+                        tooltip: {
+                            theme: isDark ? 'dark' : 'light',
+                        }
+                    }
+                },
+
+                this.$watch('$store.app.theme', () =&gt; {
+                    isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+                    areaChart.updateOptions(this.areaChartOptions);
+                })
+            },
+        }));
+    });
+&lt;/script&gt;
+
+</pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white">Simple Column</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')"><span class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div x-ref="columnChart" class="bg-white dark:bg-black rounded-lg overflow-hidden"></div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+&lt;!-- simple column --&gt;
+&lt;div x-ref=&quot;columnChart&quot; class=&quot;bg-white dark:bg-black rounded-lg overflow-hidden&quot;&gt;&lt;/div&gt;
+
+&lt;!-- script --&gt;
+&lt;script&gt;
+    document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+        Alpine.data(&quot;chart&quot;, () =&gt; ({
+
+            init() {
+                isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+
+                let columnChart = new ApexCharts(this.$refs.columnChart, this.columnChartOptions);
+                columnChart.render();
+
+                get columnChartOptions() {
+                    return {
+                        series: [{
+                            name: 'Net Profit',
+                            data: [44, 55, 57, 56, 61, 58, 63, 60, 66]
+                        }, {
+                            name: 'Revenue',
+                            data: [76, 85, 101, 98, 87, 105, 91, 114, 94]
+                        }],
+                        chart: {
+                            height: 300,
+                            type: 'bar',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        colors: ['#805dca', '#e7515a'],
+                        dataLabels: {
+                            enabled: false
+                        },
+                        stroke: {
+                            show: true,
+                            width: 2,
+                            colors: ['transparent']
+                        },
+                        plotOptions: {
+                            bar: {
+                                horizontal: false,
+                                columnWidth: '55%',
+                                endingShape: 'rounded'
+                            },
+                        },
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed'
+                        },
+                        xaxis: {
+                            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
+                            axisBorder: {
+                                color: isDark ? '#191e3a' : '#e0e6ed'
+                            },
+                        },
+                        yaxis: {
+                            opposite: isRtl ? true : false,
+                            labels: {
+                                offsetX: isRtl ? -10 : 0,
+                            }
+                        },
+                        tooltip: {
+                            theme: isDark ? 'dark' : 'light',
+                            y: {
+                                formatter: function(val) {
+                                    return val;
+                                },
+                            },
+                        },
+                    }
+                },
+
+                this.$watch('$store.app.theme', () =&gt; {
+                    isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+                    columnChart.updateOptions(this.columnChartOptions);
+                })
+            },
+        }));
+    });
+&lt;/script&gt;
+</pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white">Simple Column Stacked</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code4')"><span class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div x-ref="simpleColumnStacked" class="bg-white dark:bg-black rounded-lg overflow-hidden"></div>
+                <template x-if="codeArr.includes('code4')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+&lt;!-- simple column stacked --&gt;
+&lt;div x-ref=&quot;simpleColumnStacked&quot; class=&quot;bg-white dark:bg-black rounded-lg overflow-hidden&quot;&gt;&lt;/div&gt;
+
+&lt;!-- script --&gt;
+&lt;script&gt;
+    document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+        Alpine.data(&quot;chart&quot;, () =&gt; ({
+
+            init() {
+                isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+
+                let simpleColumnStacked = new ApexCharts(this.$refs.simpleColumnStacked, this.simpleColumnStackedOptions);
+                simpleColumnStacked.render();
+
+                get simpleColumnStackedOptions() {
+                    return {
+                        series: [{
+                                name: 'PRODUCT A',
+                                data: [44, 55, 41, 67, 22, 43]
+                            },
+                            {
+                                name: 'PRODUCT B',
+                                data: [13, 23, 20, 8, 13, 27]
+                            },
+                        ],
+                        chart: {
+                            height: 300,
+                            type: 'bar',
+                            stacked: true,
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        colors: ['#2196f3', '#3b3f5c'],
+                        responsive: [{
+                            breakpoint: 480,
+                            options: {
+                                legend: {
+                                    position: 'bottom',
+                                    offsetX: -10,
+                                    offsetY: 5
+                                }
+                            }
+                        }],
+                        plotOptions: {
+                            bar: {
+                                horizontal: false
+                            }
+                        },
+                        xaxis: {
+                            type: 'datetime',
+                            categories: ['01/01/2011 GMT', '01/02/2011 GMT', '01/03/2011 GMT', '01/04/2011 GMT', '01/05/2011 GMT', '01/06/2011 GMT'],
+                            axisBorder: {
+                                color: isDark ? '#191e3a' : '#e0e6ed'
+                            },
+                        },
+                        yaxis: {
+                            opposite: isRtl ? true : false,
+                            labels: {
+                                offsetX: isRtl ? -20 : 0,
+                            }
+                        },
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed'
+                        },
+                        legend: {
+                            position: 'right',
+                            offsetY: 40
+                        },
+                        tooltip: {
+                            theme: isDark ? 'dark' : 'light'
+                        },
+                        fill: {
+                            opacity: 0.8
+                        }
+                    }
+                },
+
+                this.$watch('$store.app.theme', () =&gt; {
+                    isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+                    simpleColumnStacked.updateOptions(this.simpleColumnStackedOptions);
+                })
+            },
+        }));
+    });
+&lt;/script&gt;
+</pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white">Simple Bar</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code5')"><span class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div x-ref="barChart" class="bg-white dark:bg-black rounded-lg overflow-hidden"></div>
+                <template x-if="codeArr.includes('code5')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+&lt;!-- simple bar --&gt;
+&lt;div x-ref=&quot;barChart&quot; class=&quot;bg-white dark:bg-black rounded-lg overflow-hidden&quot;&gt;&lt;/div&gt;
+
+&lt;!-- script --&gt;
+&lt;script&gt;
+    document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+        Alpine.data(&quot;chart&quot;, () =&gt; ({
+
+            init() {
+                isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+
+                let barChart = new ApexCharts(this.$refs.barChart, this.barChartOptions);
+                barChart.render();
+
+                get barChartOptions() {
+                    return {
+                        series: [{
+                            name: 'Sales',
+                            data: [44, 55, 41, 67, 22, 43, 21, 70]
+                        }],
+                        chart: {
+                            height: 300,
+                            type: 'bar',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        dataLabels: {
+                            enabled: false
+                        },
+                        stroke: {
+                            show: true,
+                            width: 1
+                        },
+                        colors: ['#4361ee'],
+                        xaxis: {
+                            categories: ['Sun', 'Mon', 'Tue', 'Wed', 'Thur', 'Fri', 'Sat'],
+                            axisBorder: {
+                                color: isDark ? '#191e3a' : '#e0e6ed'
+                            },
+                        },
+                        yaxis: {
+                            opposite: isRtl ? true : false,
+                            reversed: isRtl ? true : false,
+                        },
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed',
+                        },
+                        plotOptions: {
+                            bar: {
+                                horizontal: true,
+                            }
+                        },
+                        fill: {
+                            opacity: 0.8
+                        }
+                    }
+                },
+
+                this.$watch('$store.app.theme', () =&gt; {
+                    isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+                    barChart.updateOptions(this.barChartOptions);
+                })
+            },
+        }));
+    });
+&lt;/script&gt;
+</pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white">Mixed</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code6')"><span class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div x-ref="mixedChart" class="bg-white dark:bg-black rounded-lg overflow-hidden"></div>
+                <template x-if="codeArr.includes('code6')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+&lt;!-- mixed --&gt;
+&lt;div x-ref=&quot;mixedChart&quot; class=&quot;bg-white dark:bg-black rounded-lg overflow-hidden&quot;&gt;&lt;/div&gt;
+
+&lt;!-- script --&gt;
+&lt;script&gt;
+    document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+        Alpine.data(&quot;chart&quot;, () =&gt; ({
+
+            init() {
+                isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+
+                let mixedChart = new ApexCharts(this.$refs.mixedChart, this.mixedChartOptions);
+                mixedChart.render();
+
+                get mixedChartOptions() {
+                    return {
+                        series: [{
+                                name: 'TEAM A',
+                                type: 'column',
+                                data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30]
+                            }, {
+                                name: 'TEAM B',
+                                type: 'area',
+                                data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43]
+                            },
+                            {
+                                name: 'TEAM C',
+                                type: 'line',
+                                data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39]
+                            }
+                        ],
+                        chart: {
+                            height: 300,
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        colors: ['#2196f3', '#00ab55', '#4361ee'],
+                        stroke: {
+                            width: [0, 2, 2],
+                            curve: 'smooth'
+                        },
+                        plotOptions: {
+                            bar: {
+                                columnWidth: '50%'
+                            }
+                        },
+                        fill: {
+                            opacity: [1, 0.25, 1],
+                        },
+
+                        labels: ['01/01/2022', '02/01/2022', '03/01/2022', '04/01/2022', '05/01/2022', '06/01/2022', '07/01/2022',
+                            '08/01/2022', '09/01/2022', '10/01/2022', '11/01/2022'
+                        ],
+                        markers: {
+                            size: 0
+                        },
+                        xaxis: {
+                            type: 'datetime',
+                            axisBorder: {
+                                color: isDark ? '#191e3a' : '#e0e6ed'
+                            },
+                        },
+                        yaxis: {
+                            title: {
+                                text: 'Points',
+                            },
+                            min: 0,
+                            opposite: isRtl ? true : false,
+                            labels: {
+                                offsetX: isRtl ? -10 : 0,
+                            }
+                        },
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed',
+                        },
+                        tooltip: {
+                            shared: true,
+                            intersect: false,
+                            theme: isDark ? 'dark' : 'light',
+                            y: {
+                                formatter: (y) =&gt; {
+                                    if (typeof y !== &quot;undefined&quot;) {
+                                        return y.toFixed(0) + &quot; points&quot;;
+                                    }
+                                    return y;
+                                }
+                            }
+                        },
+                        legend: {
+                            itemMargin: {
+                                horizontal: 4,
+                                vertical: 8
+                            }
+                        }
+                    }
+                },
+
+                this.$watch('$store.app.theme', () =&gt; {
+                    isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+                    mixedChart.updateOptions(this.mixedChartOptions);
+                })
+            },
+        }));
+    });
+&lt;/script&gt;
+</pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white">Basic Radar</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code7')"><span class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div x-ref="radarChart" class="bg-white dark:bg-black rounded-lg overflow-hidden"></div>
+                <template x-if="codeArr.includes('code7')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+&lt;!-- basic radar --&gt;
+&lt;div x-ref=&quot;radarChart&quot; class=&quot;bg-white dark:bg-black rounded-lg overflow-hidden&quot;&gt;&lt;/div&gt;
+
+&lt;!-- script --&gt;
+&lt;script&gt;
+    document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+        Alpine.data(&quot;chart&quot;, () =&gt; ({
+
+            init() {
+                isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+
+                let radarChart = new ApexCharts(this.$refs.radarChart, this.radarChartOptions);
+                radarChart.render();
+
+                get radarChartOptions() {
+                    return {
+                        series: [{
+                            name: 'Series 1',
+                            data: [80, 50, 30, 40, 100, 20],
+                        }],
+                        chart: {
+                            height: 300,
+                            type: 'radar',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        colors: ['#4361ee'],
+                        xaxis: {
+                            categories: ['January', 'February', 'March', 'April', 'May', 'June'],
+                        },
+                        plotOptions: {
+                            radar: {
+                                polygons: {
+                                    strokeColors: isDark ? '#191e3a' : '#e0e6ed',
+                                    connectorColors: isDark ? '#191e3a' : '#e0e6ed',
+                                }
+                            }
+                        },
+                        tooltip: {
+                            theme: isDark ? 'dark' : 'light',
+                        }
+                    }
+                },
+
+                this.$watch('$store.app.theme', () =&gt; {
+                    isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+                    radarChart.updateOptions(this.radarChartOptions);
+                })
+            },
+        }));
+    });
+&lt;/script&gt;
+</pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white">Basic Pie</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code8')"><span class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div x-ref="pieChart" class="bg-white dark:bg-black rounded-lg overflow-hidden"></div>
+                <template x-if="codeArr.includes('code8')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+&lt;!-- basic pie --&gt;
+&lt;div x-ref=&quot;pieChart&quot; class=&quot;bg-white dark:bg-black rounded-lg overflow-hidden&quot;&gt;&lt;/div&gt;
+
+&lt;!-- script --&gt;
+&lt;script&gt;
+    document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+        Alpine.data(&quot;chart&quot;, () =&gt; ({
+
+            init() {
+                isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+
+                let pieChart = new ApexCharts(this.$refs.pieChart, this.pieChartOptions);
+                pieChart.render();
+
+                get pieChartOptions() {
+                    return {
+                        series: [44, 55, 13, 43, 22],
+                        chart: {
+                            height: 300,
+                            type: 'pie',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],
+                        colors: ['#4361ee', '#805dca', '#00ab55', '#e7515a', '#e2a03f'],
+                        responsive: [{
+                            breakpoint: 480,
+                            options: {
+                                chart: {
+                                    width: 200
+                                }
+                            }
+                        }],
+                        stroke: {
+                            show: false,
+                        },
+                        legend: {
+                            position: 'bottom',
+                        }
+                    }
+                },
+
+                this.$watch('$store.app.theme', () =&gt; {
+                    isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+                    pieChart.updateOptions(this.pieChartOptions);
+                })
+            },
+        }));
+    });
+&lt;/script&gt;
+</pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white">Basic Donut</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code9')"><span class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div x-ref="donutChart" class="bg-white dark:bg-black rounded-lg overflow-hidden"></div>
+                <template x-if="codeArr.includes('code9')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+&lt;!-- basic donut --&gt;
+&lt;div x-ref=&quot;donutChart&quot; class=&quot;bg-white dark:bg-black rounded-lg overflow-hidden&quot;&gt;&lt;/div&gt;
+
+&lt;!-- script --&gt;
+&lt;script&gt;
+    document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+        Alpine.data(&quot;chart&quot;, () =&gt; ({
+
+            init() {
+                isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+
+                let donutChart = new ApexCharts(this.$refs.donutChart, this.donutChartOptions);
+                donutChart.render();
+
+                get donutChartOptions() {
+                    return {
+                        series: [44, 55, 13],
+                        chart: {
+                            height: 300,
+                            type: 'donut',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        stroke: {
+                            show: false,
+                        },
+                        labels: ['Team A', 'Team B', 'Team C'],
+                        colors: ['#4361ee', '#805dca', '#e2a03f'],
+                        responsive: [{
+                            breakpoint: 480,
+                            options: {
+                                chart: {
+                                    width: 200
+                                }
+                            }
+                        }],
+                        legend: {
+                            position: 'bottom',
+                        },
+                    }
+                },
+
+                this.$watch('$store.app.theme', () =&gt; {
+                    isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+                    donutChart.updateOptions(this.donutChartOptions);
+                })
+            },
+        }));
+    });
+&lt;/script&gt;
+</pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white">Basic Polar Area</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code10')"><span class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div x-ref="polarAreaChart" class="bg-white dark:bg-black rounded-lg overflow-hidden"></div>
+                <template x-if="codeArr.includes('code10')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+&lt;!-- basic polar area --&gt;
+&lt;div x-ref=&quot;polarAreaChart&quot; class=&quot;bg-white dark:bg-black rounded-lg overflow-hidden&quot;&gt;&lt;/div&gt;
+
+&lt;!-- script --&gt;
+&lt;script&gt;
+    document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+        Alpine.data(&quot;chart&quot;, () =&gt; ({
+
+            init() {
+                isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+
+                let polarAreaChart = new ApexCharts(this.$refs.polarAreaChart, this.polarAreaChartOptions);
+                polarAreaChart.render();
+
+                get polarAreaChartOptions() {
+                    return {
+                        series: [14, 23, 21, 17, 15, 10, 12, 17, 21],
+                        chart: {
+                            height: 300,
+                            type: 'polarArea',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        colors: ['#4361ee', '#805dca', '#00ab55', '#e7515a', '#e2a03f', '#2196f3', '#3b3f5c'],
+                        stroke: {
+                            show: false,
+                        },
+                        responsive: [{
+                            breakpoint: 480,
+                            options: {
+                                chart: {
+                                    width: 200
+                                }
+                            }
+                        }],
+                        plotOptions: {
+                            polarArea: {
+                                rings: {
+                                    strokeColor: isDark ? '#191e3a' : '#e0e6ed',
+                                },
+                                spokes: {
+                                    connectorColors: isDark ? '#191e3a' : '#e0e6ed',
+                                }
+                            }
+                        },
+                        legend: {
+                            position: 'bottom',
+                        },
+                        fill: {
+                            opacity: 0.85
+                        }
+                    }
+                },
+
+                this.$watch('$store.app.theme', () =&gt; {
+                    isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+                    polarAreaChart.updateOptions(this.polarAreaChartOptions);
+                })
+            },
+        }));
+    });
+&lt;/script&gt;
+</pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white">Radial Bar</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code11')"><span class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div x-ref="radialBarChart" class="bg-white dark:bg-black rounded-lg overflow-hidden"></div>
+                <template x-if="codeArr.includes('code11')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+&lt;!-- radial bar --&gt;
+&lt;div x-ref=&quot;radialBarChart&quot; class=&quot;bg-white dark:bg-black rounded-lg overflow-hidden&quot;&gt;&lt;/div&gt;
+
+&lt;!-- script --&gt;
+&lt;script&gt;
+    document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+        Alpine.data(&quot;chart&quot;, () =&gt; ({
+
+            init() {
+                isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+
+                let radialBarChart = new ApexCharts(this.$refs.radialBarChart, this.radialBarChartOptions);
+                radialBarChart.render();
+
+                get radialBarChartOptions() {
+                    return {
+                        series: [44, 55, 41],
+                        chart: {
+                            height: 300,
+                            type: 'radialBar',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        colors: ['#4361ee', '#805dca', '#e2a03f'],
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed',
+                        },
+                        plotOptions: {
+                            radialBar: {
+                                dataLabels: {
+                                    name: {
+                                        fontSize: '22px',
+                                    },
+                                    value: {
+                                        fontSize: '16px',
+                                    },
+                                    total: {
+                                        show: true,
+                                        label: 'Total',
+                                        formatter: function(w) {
+                                            return 249
+                                        }
+                                    }
+                                }
+                            }
+                        },
+                        labels: ['Apples', 'Oranges', 'Bananas'],
+                        fill: {
+                            opacity: 0.85
+                        }
+                    }
+                },
+
+                this.$watch('$store.app.theme', () =&gt; {
+                    isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+                    radialBarChart.updateOptions(this.radialBarChartOptions);
+                })
+            },
+        }));
+    });
+&lt;/script&gt;
+</pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white">Bubble Chart</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code12')"><span class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div x-ref="bubbleChart" class="bg-white dark:bg-black rounded-lg overflow-hidden"></div>
+                <template x-if="codeArr.includes('code12')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+&lt;!-- bubble chart --&gt;
+&lt;div x-ref=&quot;bubbleChart&quot; class=&quot;bg-white dark:bg-black rounded-lg overflow-hidden&quot;&gt;&lt;/div&gt;
+
+&lt;!-- script --&gt;
+&lt;script&gt;
+    document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+        Alpine.data(&quot;chart&quot;, () =&gt; ({
+
+            init() {
+                isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+
+                let bubbleChart = new ApexCharts(this.$refs.bubbleChart, this.bubbleChartOptions);
+                bubbleChart.render();
+
+                get bubbleChartOptions() {
+                    return {
+                        series: [{
+                                name: 'Bubble1',
+                                data: this.generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+                                    min: 10,
+                                    max: 60
+                                })
+                            },
+                            {
+                                name: 'Bubble2',
+                                data: this.generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+                                    min: 10,
+                                    max: 60
+                                })
+                            },
+                        ],
+                        chart: {
+                            height: 300,
+                            type: 'bubble',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        colors: ['#4361ee', '#00ab55'],
+                        dataLabels: {
+                            enabled: false
+                        },
+                        xaxis: {
+                            tickAmount: 12,
+                            type: 'category',
+                            axisBorder: {
+                                color: isDark ? '#191e3a' : '#e0e6ed'
+                            },
+                        },
+                        yaxis: {
+                            max: 70,
+                            opposite: isRtl ? true : false,
+                            labels: {
+                                offsetX: isRtl ? -10 : 0,
+                            }
+                        },
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed',
+                        },
+                        tooltip: {
+                            theme: isDark ? 'dark' : 'light',
+                        },
+                        stroke: {
+                            colors: isDark ? ['#191e3a'] : ['#e0e6ed'],
+                        },
+                        fill: {
+                            opacity: 0.85
+                        }
+                    }
+                },
+
+                this.$watch('$store.app.theme', () =&gt; {
+                    isDark = this.$store.app.theme === &quot;dark&quot; ? true : false;
+                    bubbleChart.updateOptions(this.bubbleChartOptions);
+                })
+            },
+        }));
+    });
+&lt;/script&gt;
+</pre>
+                </template>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("chart", () => ({
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                },
+
+                lineChart: null,
+                areaChart: null,
+                columnChart: null,
+                simpleColumnStacked: null,
+                barChart: null,
+                mixedChart: null,
+                radarChart: null,
+                pieChart: null,
+                donutChart: null,
+                polarAreaChart: null,
+                radialBarChart: null,
+                bubbleChart: null,
+
+                init() {
+                    isDark = this.$store.app.theme === "dark" || this.$store.app.isDarkMode ? true :
+                        false;
+                    isRtl = this.$store.app.rtlClass === "rtl" ? true : false;
+
+                    setTimeout(() => {
+                        this.lineChart = new ApexCharts(this.$refs.lineChart, this
+                            .lineChartOptions);
+                        this.lineChart.render();
+
+                        this.areaChart = new ApexCharts(this.$refs.areaChart, this
+                            .areaChartOptions);
+                        this.areaChart.render();
+
+                        this.columnChart = new ApexCharts(this.$refs.columnChart, this
+                            .columnChartOptions);
+                        this.columnChart.render();
+
+                        this.simpleColumnStacked = new ApexCharts(this.$refs
+                            .simpleColumnStacked, this.simpleColumnStackedOptions);
+                        this.simpleColumnStacked.render();
+
+                        this.barChart = new ApexCharts(this.$refs.barChart, this
+                            .barChartOptions);
+                        this.barChart.render();
+
+                        this.mixedChart = new ApexCharts(this.$refs.mixedChart, this
+                            .mixedChartOptions);
+                        this.mixedChart.render();
+
+                        this.radarChart = new ApexCharts(this.$refs.radarChart, this
+                            .radarChartOptions);
+                        this.radarChart.render();
+
+                        this.pieChart = new ApexCharts(this.$refs.pieChart, this
+                            .pieChartOptions);
+                        this.pieChart.render();
+
+                        this.donutChart = new ApexCharts(this.$refs.donutChart, this
+                            .donutChartOptions);
+                        this.donutChart.render();
+
+                        this.polarAreaChart = new ApexCharts(this.$refs.polarAreaChart, this
+                            .polarAreaChartOptions);
+                        this.polarAreaChart.render();
+
+                        this.radialBarChart = new ApexCharts(this.$refs.radialBarChart, this
+                            .radialBarChartOptions);
+                        this.radialBarChart.render();
+
+                        this.bubbleChart = new ApexCharts(this.$refs.bubbleChart, this
+                            .bubbleChartOptions);
+                        this.bubbleChart.render();
+                    }, 300);
+
+                    this.$watch('$store.app.theme', () => {
+                        this.refreshOptions();
+                    })
+
+                    this.$watch('$store.app.rtlClass', () => {
+                        this.refreshOptions();
+                    })
+
+                },
+
+                refreshOptions() {
+                    isDark = this.$store.app.theme === "dark" || this.$store.app.isDarkMode ? true :
+                        false;
+                    isRtl = this.$store.app.rtlClass === "rtl" ? true : false;
+                    this.lineChart.updateOptions(this.lineChartOptions);
+                    this.areaChart.updateOptions(this.areaChartOptions);
+                    this.columnChart.updateOptions(this.columnChartOptions);
+                    this.simpleColumnStacked.updateOptions(this.simpleColumnStackedOptions);
+                    this.barChart.updateOptions(this.barChartOptions);
+                    this.mixedChart.updateOptions(this.mixedChartOptions);
+                    this.radarChart.updateOptions(this.radarChartOptions);
+                    this.pieChart.updateOptions(this.pieChartOptions);
+                    this.donutChart.updateOptions(this.donutChartOptions);
+                    this.polarAreaChart.updateOptions(this.polarAreaChartOptions);
+                    this.radialBarChart.updateOptions(this.radialBarChartOptions);
+                    this.bubbleChart.updateOptions(this.bubbleChartOptions);
+                },
+
+                get lineChartOptions() {
+                    return {
+                        chart: {
+                            height: 300,
+                            type: 'line',
+                            toolbar: false
+                        },
+                        colors: ['#4361ee'],
+                        tooltip: {
+                            marker: false,
+                            y: {
+                                formatter(number) {
+                                    return '$' + number
+                                }
+                            }
+                        },
+                        stroke: {
+                            width: 2,
+                            curve: 'smooth'
+                        },
+                        xaxis: {
+                            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'June'],
+                            axisBorder: {
+                                color: isDark ? '#191e3a' : '#e0e6ed'
+                            },
+                        },
+                        yaxis: {
+                            opposite: isRtl ? true : false,
+                            labels: {
+                                offsetX: isRtl ? -20 : 0,
+                            }
+                        },
+                        series: [{
+                            name: 'Sales',
+                            data: [45, 55, 75, 25, 45, 110],
+                        }],
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed',
+                        },
+                        tooltip: {
+                            theme: isDark ? 'dark' : 'light',
+                        }
+                    }
+                },
+
+                get areaChartOptions() {
+                    return {
+                        series: [{
+                            name: 'Income',
+                            data: [16800, 16800, 15500, 17800, 15500, 17000, 19000, 16000,
+                                15000, 17000, 14000, 17000
+                            ]
+                        }],
+                        chart: {
+                            type: 'area',
+                            height: 300,
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        colors: ['#805dca'],
+                        dataLabels: {
+                            enabled: false
+                        },
+                        stroke: {
+                            width: 2,
+                            curve: 'smooth'
+                        },
+                        xaxis: {
+                            axisBorder: {
+                                color: isDark ? '#191e3a' : '#e0e6ed'
+                            },
+                        },
+                        yaxis: {
+                            opposite: isRtl ? true : false,
+                            labels: {
+                                offsetX: isRtl ? -40 : 0,
+                            }
+                        },
+                        labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep',
+                            'Oct', 'Nov', 'Dec'
+                        ],
+                        legend: {
+                            horizontalAlign: 'left'
+                        },
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed',
+                        },
+                        tooltip: {
+                            theme: isDark ? 'dark' : 'light',
+                        }
+                    }
+                },
+
+                get columnChartOptions() {
+                    return {
+                        series: [{
+                            name: 'Net Profit',
+                            data: [44, 55, 57, 56, 61, 58, 63, 60, 66]
+                        }, {
+                            name: 'Revenue',
+                            data: [76, 85, 101, 98, 87, 105, 91, 114, 94]
+                        }],
+                        chart: {
+                            height: 300,
+                            type: 'bar',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        colors: ['#805dca', '#e7515a'],
+                        dataLabels: {
+                            enabled: false
+                        },
+                        stroke: {
+                            show: true,
+                            width: 2,
+                            colors: ['transparent']
+                        },
+                        plotOptions: {
+                            bar: {
+                                horizontal: false,
+                                columnWidth: '55%',
+                                endingShape: 'rounded'
+                            },
+                        },
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed'
+                        },
+                        xaxis: {
+                            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug',
+                                'Sep', 'Oct'
+                            ],
+                            axisBorder: {
+                                color: isDark ? '#191e3a' : '#e0e6ed'
+                            },
+                        },
+                        yaxis: {
+                            opposite: isRtl ? true : false,
+                            labels: {
+                                offsetX: isRtl ? -10 : 0,
+                            }
+                        },
+                        tooltip: {
+                            theme: isDark ? 'dark' : 'light',
+                            y: {
+                                formatter: function(val) {
+                                    return val;
+                                },
+                            },
+                        },
+                    }
+                },
+
+                get simpleColumnStackedOptions() {
+                    return {
+                        series: [{
+                                name: 'PRODUCT A',
+                                data: [44, 55, 41, 67, 22, 43]
+                            },
+                            {
+                                name: 'PRODUCT B',
+                                data: [13, 23, 20, 8, 13, 27]
+                            },
+                        ],
+                        chart: {
+                            height: 300,
+                            type: 'bar',
+                            stacked: true,
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        colors: ['#2196f3', '#3b3f5c'],
+                        responsive: [{
+                            breakpoint: 480,
+                            options: {
+                                legend: {
+                                    position: 'bottom',
+                                    offsetX: -10,
+                                    offsetY: 5
+                                }
+                            }
+                        }],
+                        plotOptions: {
+                            bar: {
+                                horizontal: false
+                            }
+                        },
+                        xaxis: {
+                            type: 'datetime',
+                            categories: ['01/01/2011 GMT', '01/02/2011 GMT', '01/03/2011 GMT',
+                                '01/04/2011 GMT', '01/05/2011 GMT', '01/06/2011 GMT'
+                            ],
+                            axisBorder: {
+                                color: isDark ? '#191e3a' : '#e0e6ed'
+                            },
+                        },
+                        yaxis: {
+                            opposite: isRtl ? true : false,
+                            labels: {
+                                offsetX: isRtl ? -20 : 0,
+                            }
+                        },
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed'
+                        },
+                        legend: {
+                            position: 'right',
+                            offsetY: 40
+                        },
+                        tooltip: {
+                            theme: isDark ? 'dark' : 'light'
+                        },
+                        fill: {
+                            opacity: 0.8
+                        }
+                    }
+                },
+
+                get barChartOptions() {
+                    return {
+                        series: [{
+                            name: 'Sales',
+                            data: [44, 55, 41, 67, 22, 43, 21, 70]
+                        }],
+                        chart: {
+                            height: 300,
+                            type: 'bar',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        dataLabels: {
+                            enabled: false
+                        },
+                        stroke: {
+                            show: true,
+                            width: 1
+                        },
+                        colors: ['#4361ee'],
+                        xaxis: {
+                            categories: ['Sun', 'Mon', 'Tue', 'Wed', 'Thur', 'Fri', 'Sat'],
+                            axisBorder: {
+                                color: isDark ? '#191e3a' : '#e0e6ed'
+                            },
+                        },
+                        yaxis: {
+                            opposite: isRtl ? true : false,
+                            reversed: isRtl ? true : false,
+                        },
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed',
+                        },
+                        plotOptions: {
+                            bar: {
+                                horizontal: true,
+                            }
+                        },
+                        fill: {
+                            opacity: 0.8
+                        }
+                    }
+                },
+
+                get mixedChartOptions() {
+                    return {
+                        series: [{
+                                name: 'TEAM A',
+                                type: 'column',
+                                data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30]
+                            }, {
+                                name: 'TEAM B',
+                                type: 'area',
+                                data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43]
+                            },
+                            {
+                                name: 'TEAM C',
+                                type: 'line',
+                                data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39]
+                            }
+                        ],
+                        chart: {
+                            height: 300,
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        colors: ['#2196f3', '#00ab55', '#4361ee'],
+                        stroke: {
+                            width: [0, 2, 2],
+                            curve: 'smooth'
+                        },
+                        plotOptions: {
+                            bar: {
+                                columnWidth: '50%'
+                            }
+                        },
+                        fill: {
+                            opacity: [1, 0.25, 1],
+                        },
+
+                        labels: ['01/01/2022', '02/01/2022', '03/01/2022', '04/01/2022',
+                            '05/01/2022', '06/01/2022', '07/01/2022',
+                            '08/01/2022', '09/01/2022', '10/01/2022', '11/01/2022'
+                        ],
+                        markers: {
+                            size: 0
+                        },
+                        xaxis: {
+                            type: 'datetime',
+                            axisBorder: {
+                                color: isDark ? '#191e3a' : '#e0e6ed'
+                            },
+                        },
+                        yaxis: {
+                            title: {
+                                text: 'Points',
+                            },
+                            min: 0,
+                            opposite: isRtl ? true : false,
+                            labels: {
+                                offsetX: isRtl ? -10 : 0,
+                            }
+                        },
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed',
+                        },
+                        tooltip: {
+                            shared: true,
+                            intersect: false,
+                            theme: isDark ? 'dark' : 'light',
+                            y: {
+                                formatter: (y) => {
+                                    if (typeof y !== "undefined") {
+                                        return y.toFixed(0) + " points";
+                                    }
+                                    return y;
+                                }
+                            }
+                        },
+                        legend: {
+                            itemMargin: {
+                                horizontal: 4,
+                                vertical: 8
+                            }
+                        }
+                    }
+                },
+
+                get radarChartOptions() {
+                    return {
+                        series: [{
+                            name: 'Series 1',
+                            data: [80, 50, 30, 40, 100, 20],
+                        }],
+                        chart: {
+                            height: 300,
+                            type: 'radar',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        colors: ['#4361ee'],
+                        xaxis: {
+                            categories: ['January', 'February', 'March', 'April', 'May', 'June'],
+                        },
+                        plotOptions: {
+                            radar: {
+                                polygons: {
+                                    strokeColors: isDark ? '#191e3a' : '#e0e6ed',
+                                    connectorColors: isDark ? '#191e3a' : '#e0e6ed',
+                                }
+                            }
+                        },
+                        tooltip: {
+                            theme: isDark ? 'dark' : 'light',
+                        }
+                    }
+                },
+
+                get pieChartOptions() {
+                    return {
+                        series: [44, 55, 13, 43, 22],
+                        chart: {
+                            height: 300,
+                            type: 'pie',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],
+                        colors: ['#4361ee', '#805dca', '#00ab55', '#e7515a', '#e2a03f'],
+                        responsive: [{
+                            breakpoint: 480,
+                            options: {
+                                chart: {
+                                    width: 200
+                                }
+                            }
+                        }],
+                        stroke: {
+                            show: false,
+                        },
+                        legend: {
+                            position: 'bottom',
+                        }
+                    }
+                },
+
+                get donutChartOptions() {
+                    return {
+                        series: [44, 55, 13],
+                        chart: {
+                            height: 300,
+                            type: 'donut',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        stroke: {
+                            show: false,
+                        },
+                        labels: ['Team A', 'Team B', 'Team C'],
+                        colors: ['#4361ee', '#805dca', '#e2a03f'],
+                        responsive: [{
+                            breakpoint: 480,
+                            options: {
+                                chart: {
+                                    width: 200
+                                }
+                            }
+                        }],
+                        legend: {
+                            position: 'bottom',
+                        },
+                    }
+                },
+
+                get polarAreaChartOptions() {
+                    return {
+                        series: [14, 23, 21, 17, 15, 10, 12, 17, 21],
+                        chart: {
+                            height: 300,
+                            type: 'polarArea',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        colors: ['#4361ee', '#805dca', '#00ab55', '#e7515a', '#e2a03f', '#2196f3',
+                            '#3b3f5c'
+                        ],
+                        stroke: {
+                            show: false,
+                        },
+                        responsive: [{
+                            breakpoint: 480,
+                            options: {
+                                chart: {
+                                    width: 200
+                                }
+                            }
+                        }],
+                        plotOptions: {
+                            polarArea: {
+                                rings: {
+                                    strokeColor: isDark ? '#191e3a' : '#e0e6ed',
+                                },
+                                spokes: {
+                                    connectorColors: isDark ? '#191e3a' : '#e0e6ed',
+                                }
+                            }
+                        },
+                        legend: {
+                            position: 'bottom',
+                        },
+                        fill: {
+                            opacity: 0.85
+                        }
+                    }
+                },
+
+                get radialBarChartOptions() {
+                    return {
+                        series: [44, 55, 41],
+                        chart: {
+                            height: 300,
+                            type: 'radialBar',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        colors: ['#4361ee', '#805dca', '#e2a03f'],
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed',
+                        },
+                        plotOptions: {
+                            radialBar: {
+                                dataLabels: {
+                                    name: {
+                                        fontSize: '22px',
+                                    },
+                                    value: {
+                                        fontSize: '16px',
+                                    },
+                                    total: {
+                                        show: true,
+                                        label: 'Total',
+                                        formatter: function(w) {
+                                            return 249
+                                        }
+                                    }
+                                }
+                            }
+                        },
+                        labels: ['Apples', 'Oranges', 'Bananas'],
+                        fill: {
+                            opacity: 0.85
+                        }
+                    }
+                },
+
+                get bubbleChartOptions() {
+                    return {
+                        series: [{
+                                name: 'Bubble1',
+                                data: this.generateData(new Date('11 Feb 2017 GMT').getTime(),
+                                    20, {
+                                        min: 10,
+                                        max: 60
+                                    })
+                            },
+                            {
+                                name: 'Bubble2',
+                                data: this.generateData(new Date('11 Feb 2017 GMT').getTime(),
+                                    20, {
+                                        min: 10,
+                                        max: 60
+                                    })
+                            },
+                        ],
+                        chart: {
+                            height: 300,
+                            type: 'bubble',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        colors: ['#4361ee', '#00ab55'],
+                        dataLabels: {
+                            enabled: false
+                        },
+                        xaxis: {
+                            tickAmount: 12,
+                            type: 'category',
+                            axisBorder: {
+                                color: isDark ? '#191e3a' : '#e0e6ed'
+                            },
+                        },
+                        yaxis: {
+                            max: 70,
+                            opposite: isRtl ? true : false,
+                            labels: {
+                                offsetX: isRtl ? -10 : 0,
+                            }
+                        },
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed',
+                        },
+                        tooltip: {
+                            theme: isDark ? 'dark' : 'light',
+                        },
+                        stroke: {
+                            colors: isDark ? ['#191e3a'] : ['#e0e6ed'],
+                        },
+                        fill: {
+                            opacity: 0.85
+                        }
+                    }
+                },
+
+                generateData(baseval, count, yrange) {
+                    var i = 0;
+                    var series = [];
+                    while (i < count) {
+                        var x = Math.floor(Math.random() * (750 - 1 + 1)) + 1;;
+                        var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+                        var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;
+
+                        series.push([x, y, z]);
+                        baseval += 86400000;
+                        i++;
+                    }
+                    return series;
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/components/action-message.blade.php b/resources/views/components/action-message.blade.php
deleted file mode 100644
index a8a95f95d1475f429378fb3e480ba0fc7a91f422..0000000000000000000000000000000000000000
--- a/resources/views/components/action-message.blade.php
+++ /dev/null
@@ -1,10 +0,0 @@
-@props(['on'])
-
-<div x-data="{ shown: false, timeout: null }"
-    x-init="@this.on('{{ $on }}', () => { clearTimeout(timeout); shown = true; timeout = setTimeout(() => { shown = false }, 2000); })"
-    x-show.transition.out.opacity.duration.1500ms="shown"
-    x-transition:leave.opacity.duration.1500ms
-    style="display: none;"
-    {{ $attributes->merge(['class' => 'text-sm text-gray-600']) }}>
-    {{ $slot->isEmpty() ? 'Saved.' : $slot }}
-</div>
diff --git a/resources/views/components/action-section.blade.php b/resources/views/components/action-section.blade.php
deleted file mode 100644
index 93e2434b1e309b8a67f5634bec6dc982171a60fc..0000000000000000000000000000000000000000
--- a/resources/views/components/action-section.blade.php
+++ /dev/null
@@ -1,12 +0,0 @@
-<div {{ $attributes->merge(['class' => 'md:grid md:grid-cols-3 md:gap-6']) }}>
-    <x-section-title>
-        <x-slot name="title">{{ $title }}</x-slot>
-        <x-slot name="description">{{ $description }}</x-slot>
-    </x-section-title>
-
-    <div class="mt-5 md:mt-0 md:col-span-2">
-        <div class="px-4 py-5 sm:p-6 bg-white shadow sm:rounded-lg">
-            {{ $content }}
-        </div>
-    </div>
-</div>
diff --git a/resources/views/components/application-logo.blade.php b/resources/views/components/application-logo.blade.php
deleted file mode 100644
index b9725e699887c89f3157e1b609bc9ba248dd67f8..0000000000000000000000000000000000000000
--- a/resources/views/components/application-logo.blade.php
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg viewBox="0 0 317 48" fill="none" xmlns="http://www.w3.org/2000/svg" {{ $attributes }}>
-  <path d="M74.09 30.04V13h-4.14v21H82.1v-3.96h-8.01zM95.379 19v1.77c-1.08-1.35-2.7-2.19-4.89-2.19-3.99 0-7.29 3.45-7.29 7.92s3.3 7.92 7.29 7.92c2.19 0 3.81-.84 4.89-2.19V34h3.87V19h-3.87zm-4.17 11.73c-2.37 0-4.14-1.71-4.14-4.23 0-2.52 1.77-4.23 4.14-4.23 2.4 0 4.17 1.71 4.17 4.23 0 2.52-1.77 4.23-4.17 4.23zM106.628 21.58V19h-3.87v15h3.87v-7.17c0-3.15 2.55-4.05 4.56-3.81V18.7c-1.89 0-3.78.84-4.56 2.88zM124.295 19v1.77c-1.08-1.35-2.7-2.19-4.89-2.19-3.99 0-7.29 3.45-7.29 7.92s3.3 7.92 7.29 7.92c2.19 0 3.81-.84 4.89-2.19V34h3.87V19h-3.87zm-4.17 11.73c-2.37 0-4.14-1.71-4.14-4.23 0-2.52 1.77-4.23 4.14-4.23 2.4 0 4.17 1.71 4.17 4.23 0 2.52-1.77 4.23-4.17 4.23zM141.544 19l-3.66 10.5-3.63-10.5h-4.26l5.7 15h4.41l5.7-15h-4.26zM150.354 28.09h11.31c.09-.51.15-1.02.15-1.59 0-4.41-3.15-7.92-7.59-7.92-4.71 0-7.92 3.45-7.92 7.92s3.18 7.92 8.22 7.92c2.88 0 5.13-1.17 6.54-3.21l-3.12-1.8c-.66.87-1.86 1.5-3.36 1.5-2.04 0-3.69-.84-4.23-2.82zm-.06-3c.45-1.92 1.86-3.03 3.93-3.03 1.62 0 3.24.87 3.72 3.03h-7.65zM164.516 34h3.87V12.1h-3.87V34zM185.248 34.36c3.69 0 6.9-2.01 6.9-6.3V13h-2.1v15.06c0 3.03-2.07 4.26-4.8 4.26-2.19 0-3.93-.78-4.62-2.61l-1.77 1.05c1.05 2.43 3.57 3.6 6.39 3.6zM203.124 18.64c-4.65 0-7.83 3.45-7.83 7.86 0 4.53 3.24 7.86 7.98 7.86 3.03 0 5.34-1.41 6.6-3.45l-1.74-1.02c-.81 1.44-2.46 2.55-4.83 2.55-3.18 0-5.55-1.89-5.97-4.95h13.17c.03-.3.06-.63.06-.93 0-4.11-2.85-7.92-7.44-7.92zm0 1.92c2.58 0 4.98 1.71 5.4 5.01h-11.19c.39-2.94 2.64-5.01 5.79-5.01zM221.224 20.92V19h-4.32v-4.2l-1.98.6V19h-3.15v1.92h3.15v9.09c0 3.6 2.25 4.59 6.3 3.99v-1.74c-2.91.12-4.32.33-4.32-2.25v-9.09h4.32zM225.176 22.93c0-1.62 1.59-2.37 3.15-2.37 1.44 0 2.97.57 3.6 2.1l1.65-.96c-.87-1.86-2.79-3.06-5.25-3.06-3 0-5.13 1.89-5.13 4.29 0 5.52 8.76 3.39 8.76 7.11 0 1.77-1.68 2.4-3.45 2.4-2.01 0-3.57-.99-4.11-2.52l-1.68.99c.75 1.92 2.79 3.45 5.79 3.45 3.21 0 5.43-1.77 5.43-4.32 0-5.52-8.76-3.39-8.76-7.11zM244.603 20.92V19h-4.32v-4.2l-1.98.6V19h-3.15v1.92h3.15v9.09c0 3.6 2.25 4.59 6.3 3.99v-1.74c-2.91.12-4.32.33-4.32-2.25v-9.09h4.32zM249.883 21.49V19h-1.98v15h1.98v-8.34c0-3.72 2.34-4.98 4.74-4.98v-1.92c-1.92 0-3.69.63-4.74 2.73zM263.358 18.64c-4.65 0-7.83 3.45-7.83 7.86 0 4.53 3.24 7.86 7.98 7.86 3.03 0 5.34-1.41 6.6-3.45l-1.74-1.02c-.81 1.44-2.46 2.55-4.83 2.55-3.18 0-5.55-1.89-5.97-4.95h13.17c.03-.3.06-.63.06-.93 0-4.11-2.85-7.92-7.44-7.92zm0 1.92c2.58 0 4.98 1.71 5.4 5.01h-11.19c.39-2.94 2.64-5.01 5.79-5.01zM286.848 19v2.94c-1.26-2.01-3.39-3.3-6.06-3.3-4.23 0-7.74 3.42-7.74 7.86s3.51 7.86 7.74 7.86c2.67 0 4.8-1.29 6.06-3.3V34h1.98V19h-1.98zm-5.91 13.44c-3.33 0-5.91-2.61-5.91-5.94 0-3.33 2.58-5.94 5.91-5.94s5.91 2.61 5.91 5.94c0 3.33-2.58 5.94-5.91 5.94zM309.01 18.64c-1.92 0-3.75.87-4.86 2.73-.84-1.74-2.46-2.73-4.56-2.73-1.8 0-3.42.72-4.59 2.55V19h-1.98v15H295v-8.31c0-3.72 2.16-5.13 4.32-5.13 2.13 0 3.51 1.41 3.51 4.08V34h1.98v-8.31c0-3.72 1.86-5.13 4.17-5.13 2.13 0 3.66 1.41 3.66 4.08V34h1.98v-9.36c0-3.75-2.31-6-5.61-6z" class="fill-black"/>
-  <path d="M11.395 44.428C4.557 40.198 0 32.632 0 24 0 10.745 10.745 0 24 0a23.891 23.891 0 0113.997 4.502c-.2 17.907-11.097 33.245-26.602 39.926z" fill="#6875F5"/>
-  <path d="M14.134 45.885A23.914 23.914 0 0024 48c13.255 0 24-10.745 24-24 0-3.516-.756-6.856-2.115-9.866-4.659 15.143-16.608 27.092-31.75 31.751z" fill="#6875F5"/>
-</svg>
diff --git a/resources/views/components/application-mark.blade.php b/resources/views/components/application-mark.blade.php
deleted file mode 100644
index 182054e33bf98b4101a1c2a79153b6e3ea8a6b28..0000000000000000000000000000000000000000
--- a/resources/views/components/application-mark.blade.php
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" {{ $attributes }}>
-  <path d="M11.395 44.428C4.557 40.198 0 32.632 0 24 0 10.745 10.745 0 24 0a23.891 23.891 0 0113.997 4.502c-.2 17.907-11.097 33.245-26.602 39.926z" fill="#6875F5"/>
-  <path d="M14.134 45.885A23.914 23.914 0 0024 48c13.255 0 24-10.745 24-24 0-3.516-.756-6.856-2.115-9.866-4.659 15.143-16.608 27.092-31.75 31.751z" fill="#6875F5"/>
-</svg>
diff --git a/resources/views/components/authentication-card-logo.blade.php b/resources/views/components/authentication-card-logo.blade.php
deleted file mode 100644
index 0b596540070512e527038871dac1d9fa6170d18e..0000000000000000000000000000000000000000
--- a/resources/views/components/authentication-card-logo.blade.php
+++ /dev/null
@@ -1,6 +0,0 @@
-<a href="/">
-    <svg class="w-16 h-16" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M11.395 44.428C4.557 40.198 0 32.632 0 24 0 10.745 10.745 0 24 0a23.891 23.891 0 0113.997 4.502c-.2 17.907-11.097 33.245-26.602 39.926z" fill="#6875F5"/>
-        <path d="M14.134 45.885A23.914 23.914 0 0024 48c13.255 0 24-10.745 24-24 0-3.516-.756-6.856-2.115-9.866-4.659 15.143-16.608 27.092-31.75 31.751z" fill="#6875F5"/>
-    </svg>
-</a>
diff --git a/resources/views/components/authentication-card.blade.php b/resources/views/components/authentication-card.blade.php
deleted file mode 100644
index 71235cf241713946d6484e57f34e123a066b9775..0000000000000000000000000000000000000000
--- a/resources/views/components/authentication-card.blade.php
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100">
-    <div>
-        {{ $logo }}
-    </div>
-
-    <div class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white shadow-md overflow-hidden sm:rounded-lg">
-        {{ $slot }}
-    </div>
-</div>
diff --git a/resources/views/components/banner.blade.php b/resources/views/components/banner.blade.php
deleted file mode 100644
index b45c25d1ec31a3d07bb6796b4cde6f33b96fe119..0000000000000000000000000000000000000000
--- a/resources/views/components/banner.blade.php
+++ /dev/null
@@ -1,48 +0,0 @@
-@props(['style' => session('flash.bannerStyle', 'success'), 'message' => session('flash.banner')])
-
-<div x-data="{{ json_encode(['show' => true, 'style' => $style, 'message' => $message]) }}"
-    :class="{ 'bg-indigo-500': style == 'success', 'bg-red-700': style == 'danger', 'bg-yellow-500': style == 'warning', 'bg-gray-500': style != 'success' && style != 'danger' && style != 'warning'}"
-            style="display: none;"
-            x-show="show && message"
-            x-on:banner-message.window="
-                style = event.detail.style;
-                message = event.detail.message;
-                show = true;
-            ">
-    <div class="max-w-screen-xl mx-auto py-2 px-3 sm:px-6 lg:px-8">
-        <div class="flex items-center justify-between flex-wrap">
-            <div class="w-0 flex-1 flex items-center min-w-0">
-                <span class="flex p-2 rounded-lg" :class="{ 'bg-indigo-600': style == 'success', 'bg-red-600': style == 'danger', 'bg-yellow-600': style == 'warning' }">
-                    <svg x-show="style == 'success'" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
-                    </svg>
-                    <svg x-show="style == 'danger'" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" />
-                    </svg>
-                    <svg x-show="style != 'success' && style != 'danger'" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
-                    </svg>
-                    <svg x-show="style == 'warning'" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-                        <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" fill="none" />
-                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4v.01 0 0 " />
-                    </svg>
-                </span>
-
-                <p class="ms-3 font-medium text-sm text-white truncate" x-text="message"></p>
-            </div>
-
-            <div class="shrink-0 sm:ms-3">
-                <button
-                    type="button"
-                    class="-me-1 flex p-2 rounded-md focus:outline-none sm:-me-2 transition"
-                    :class="{ 'hover:bg-indigo-600 focus:bg-indigo-600': style == 'success', 'hover:bg-red-600 focus:bg-red-600': style == 'danger', 'hover:bg-yellow-600 focus:bg-yellow-600': style == 'warning'}"
-                    aria-label="Dismiss"
-                    x-on:click="show = false">
-                    <svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
-                    </svg>
-                </button>
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/resources/views/components/button.blade.php b/resources/views/components/button.blade.php
deleted file mode 100644
index 232734ca1e24b0567fa4a3374f8d3bf97ca652b6..0000000000000000000000000000000000000000
--- a/resources/views/components/button.blade.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<button {{ $attributes->merge(['type' => 'submit', 'class' => 'inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 focus:bg-gray-700 active:bg-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 disabled:opacity-50 transition ease-in-out duration-150']) }}>
-    {{ $slot }}
-</button>
diff --git a/resources/views/components/checkbox.blade.php b/resources/views/components/checkbox.blade.php
deleted file mode 100644
index ae71a8a54766e4999f0b6bf6c0d37748c1dbe860..0000000000000000000000000000000000000000
--- a/resources/views/components/checkbox.blade.php
+++ /dev/null
@@ -1 +0,0 @@
-<input type="checkbox" {!! $attributes->merge(['class' => 'rounded border-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500']) !!}>
diff --git a/resources/views/components/common/footer.blade.php b/resources/views/components/common/footer.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..86f9e6be5c5201544340bafe840dff3b25ce42ad
--- /dev/null
+++ b/resources/views/components/common/footer.blade.php
@@ -0,0 +1,2 @@
+<div class="dark:text-white-dark text-center ltr:sm:text-left rtl:sm:text-right p-6 pt-0 mt-auto">© <span id="footer-year">2022</span>.
+    Vristo All rights reserved.</div>
diff --git a/resources/views/components/common/header.blade.php b/resources/views/components/common/header.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..1646b46769bb088e5e82e16b246acc2ee9e8c46d
--- /dev/null
+++ b/resources/views/components/common/header.blade.php
@@ -0,0 +1,1289 @@
+<header class="z-40" :class="{ 'dark': $store.app.semidark && $store.app.menu === 'horizontal' }">
+    <div class="shadow-sm">
+        <div class="relative bg-white flex w-full items-center px-5 py-2.5 dark:bg-[#0e1726]">
+            <div class="horizontal-logo flex lg:hidden justify-between items-center ltr:mr-2 rtl:ml-2">
+                <a href="/" class="main-logo flex items-center shrink-0">
+                    <img class="w-8 ltr:-ml-1 rtl:-mr-1 inline" src="/assets/images/logo.svg"
+                        alt="image" />
+                    <span
+                        class="text-2xl ltr:ml-1.5 rtl:mr-1.5  font-semibold  align-middle hidden md:inline dark:text-white-light transition-all duration-300">VRISTO</span>
+                </a>
+
+                <a href="javascript:;"
+                    class="collapse-icon flex-none dark:text-[#d0d2d6] hover:text-primary dark:hover:text-primary flex lg:hidden ltr:ml-2 rtl:mr-2 p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:bg-white-light/90 dark:hover:bg-dark/60"
+                    @click="$store.app.toggleSidebar()">
+                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg">
+                        <path d="M20 7L4 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                        <path opacity="0.5" d="M20 12L4 12" stroke="currentColor" stroke-width="1.5"
+                            stroke-linecap="round" />
+                        <path d="M20 17L4 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </a>
+            </div>
+            <div class="ltr:mr-2 rtl:ml-2 hidden sm:block">
+                <ul class="flex items-center space-x-2 rtl:space-x-reverse dark:text-[#d0d2d6]">
+                    <li>
+                        <a href="/apps/calendar"
+                            class="block p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:text-primary hover:bg-white-light/90 dark:hover:bg-dark/60">
+                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V12Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5" d="M7 4V2.5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path opacity="0.5" d="M17 4V2.5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path opacity="0.5" d="M2 9H22" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                            </svg>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="/apps/todolist"
+                            class="block p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:text-primary hover:bg-white-light/90 dark:hover:bg-dark/60">
+                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M22 10.5V12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2H13.5"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M17.3009 2.80624L16.652 3.45506L10.6872 9.41993C10.2832 9.82394 10.0812 10.0259 9.90743 10.2487C9.70249 10.5114 9.52679 10.7957 9.38344 11.0965C9.26191 11.3515 9.17157 11.6225 8.99089 12.1646L8.41242 13.9L8.03811 15.0229C7.9492 15.2897 8.01862 15.5837 8.21744 15.7826C8.41626 15.9814 8.71035 16.0508 8.97709 15.9619L10.1 15.5876L11.8354 15.0091C12.3775 14.8284 12.6485 14.7381 12.9035 14.6166C13.2043 14.4732 13.4886 14.2975 13.7513 14.0926C13.9741 13.9188 14.1761 13.7168 14.5801 13.3128L20.5449 7.34795L21.1938 6.69914C22.2687 5.62415 22.2687 3.88124 21.1938 2.80624C20.1188 1.73125 18.3759 1.73125 17.3009 2.80624Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M16.6522 3.45508C16.6522 3.45508 16.7333 4.83381 17.9499 6.05034C19.1664 7.26687 20.5451 7.34797 20.5451 7.34797M10.1002 15.5876L8.4126 13.9"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                        </a>
+                    </li>
+                    <li><a href="/apps/chat"
+                            class="block p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:text-primary hover:bg-white-light/90 dark:hover:bg-dark/60">
+                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <circle r="3" transform="matrix(-1 0 0 1 19 5)" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M14 2.20004C13.3538 2.06886 12.6849 2 12 2C6.47715 2 2 6.47715 2 12C2 13.5997 2.37562 15.1116 3.04346 16.4525C3.22094 16.8088 3.28001 17.2161 3.17712 17.6006L2.58151 19.8267C2.32295 20.793 3.20701 21.677 4.17335 21.4185L6.39939 20.8229C6.78393 20.72 7.19121 20.7791 7.54753 20.9565C8.88837 21.6244 10.4003 22 12 22C17.5228 22 22 17.5228 22 12C22 11.3151 21.9311 10.6462 21.8 10"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </a>
+                    </li>
+                </ul>
+            </div>
+            <div x-data="header"
+                class="sm:flex-1 ltr:sm:ml-0 ltr:ml-auto sm:rtl:mr-0 rtl:mr-auto flex items-center space-x-1.5 lg:space-x-2 rtl:space-x-reverse dark:text-[#d0d2d6]">
+                <div class="sm:ltr:mr-auto sm:rtl:ml-auto" x-data="{ search: false }" @click.outside="search = false">
+                    <form
+                        class="sm:relative absolute inset-x-0 sm:top-0 top-1/2 sm:translate-y-0 -translate-y-1/2 sm:mx-0 mx-4 z-10 sm:block hidden"
+                        :class="{ '!block': search }" @submit.prevent="search = false">
+                        <div class="relative">
+                            <input type="text"
+                                class="form-input ltr:pl-9 rtl:pr-9 ltr:sm:pr-4 rtl:sm:pl-4 ltr:pr-9 rtl:pl-9 peer sm:bg-transparent bg-gray-100 placeholder:tracking-widest"
+                                placeholder="Search..." />
+                            <button type="button"
+                                class="absolute w-9 h-9 inset-0 ltr:right-auto rtl:left-auto appearance-none peer-focus:text-primary">
+                                <svg class="mx-auto" width="16" height="16" viewBox="0 0 24 24"
+                                    fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <circle cx="11.5" cy="11.5" r="9.5" stroke="currentColor"
+                                        stroke-width="1.5" opacity="0.5" />
+                                    <path d="M18.5 18.5L22 22" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                </svg>
+                            </button>
+                            <button type="button"
+                                class="hover:opacity-80 sm:hidden block absolute top-1/2 -translate-y-1/2 ltr:right-2 rtl:left-2"
+                                @click="search = false">
+                                </svg>
+                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <circle opacity="0.5" cx="12" cy="12" r="10"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path d="M14.5 9.50002L9.5 14.5M9.49998 9.5L14.5 14.5" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                            </button>
+                        </div>
+                    </form>
+                    <button type="button"
+                        class="search_btn sm:hidden p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:bg-white-light/90 dark:hover:bg-dark/60"
+                        @click="search = ! search">
+                        <svg class="w-4.5 h-4.5 mx-auto dark:text-[#d0d2d6]" width="20" height="20"
+                            viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <circle cx="11.5" cy="11.5" r="9.5" stroke="currentColor"
+                                stroke-width="1.5" opacity="0.5" />
+                            <path d="M18.5 18.5L22 22" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" />
+                        </svg>
+                    </button>
+                </div>
+                <div>
+                    <a href="javascript:;" x-cloak x-show="$store.app.theme === 'light'" href="javascript:;"
+                        class="flex items-center p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:text-primary hover:bg-white-light/90 dark:hover:bg-dark/60"
+                        @click="$store.app.toggleTheme('dark')">
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg">
+                            <circle cx="12" cy="12" r="5" stroke="currentColor"
+                                stroke-width="1.5" />
+                            <path d="M12 2V4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            <path d="M12 20V22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            <path d="M4 12L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            <path d="M22 12L20 12" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" />
+                            <path opacity="0.5" d="M19.7778 4.22266L17.5558 6.25424" stroke="currentColor"
+                                stroke-width="1.5" stroke-linecap="round" />
+                            <path opacity="0.5" d="M4.22217 4.22266L6.44418 6.25424" stroke="currentColor"
+                                stroke-width="1.5" stroke-linecap="round" />
+                            <path opacity="0.5" d="M6.44434 17.5557L4.22211 19.7779" stroke="currentColor"
+                                stroke-width="1.5" stroke-linecap="round" />
+                            <path opacity="0.5" d="M19.7778 19.7773L17.5558 17.5551" stroke="currentColor"
+                                stroke-width="1.5" stroke-linecap="round" />
+                        </svg>
+                    </a>
+                    <a href="javascript:;" x-cloak x-show="$store.app.theme === 'dark'" href="javascript:;"
+                        class="flex items-center p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:text-primary hover:bg-white-light/90 dark:hover:bg-dark/60"
+                        @click="$store.app.toggleTheme('system')">
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg">
+                            <path
+                                d="M21.0672 11.8568L20.4253 11.469L21.0672 11.8568ZM12.1432 2.93276L11.7553 2.29085V2.29085L12.1432 2.93276ZM21.25 12C21.25 17.1086 17.1086 21.25 12 21.25V22.75C17.9371 22.75 22.75 17.9371 22.75 12H21.25ZM12 21.25C6.89137 21.25 2.75 17.1086 2.75 12H1.25C1.25 17.9371 6.06294 22.75 12 22.75V21.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75V1.25C6.06294 1.25 1.25 6.06294 1.25 12H2.75ZM15.5 14.25C12.3244 14.25 9.75 11.6756 9.75 8.5H8.25C8.25 12.5041 11.4959 15.75 15.5 15.75V14.25ZM20.4253 11.469C19.4172 13.1373 17.5882 14.25 15.5 14.25V15.75C18.1349 15.75 20.4407 14.3439 21.7092 12.2447L20.4253 11.469ZM9.75 8.5C9.75 6.41182 10.8627 4.5828 12.531 3.57467L11.7553 2.29085C9.65609 3.5593 8.25 5.86509 8.25 8.5H9.75ZM12 2.75C11.9115 2.75 11.8077 2.71008 11.7324 2.63168C11.6686 2.56527 11.6538 2.50244 11.6503 2.47703C11.6461 2.44587 11.6482 2.35557 11.7553 2.29085L12.531 3.57467C13.0342 3.27065 13.196 2.71398 13.1368 2.27627C13.0754 1.82126 12.7166 1.25 12 1.25V2.75ZM21.7092 12.2447C21.6444 12.3518 21.5541 12.3539 21.523 12.3497C21.4976 12.3462 21.4347 12.3314 21.3683 12.2676C21.2899 12.1923 21.25 12.0885 21.25 12H22.75C22.75 11.2834 22.1787 10.9246 21.7237 10.8632C21.286 10.804 20.7293 10.9658 20.4253 11.469L21.7092 12.2447Z"
+                                fill="currentColor" />
+                        </svg>
+                    </a>
+                    <a href="javascript:;" x-cloak x-show="$store.app.theme === 'system'" href="javascript:;"
+                        class="flex items-center p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:text-primary hover:bg-white-light/90 dark:hover:bg-dark/60"
+                        @click="$store.app.toggleTheme('light')">
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg">
+                            <path
+                                d="M3 9C3 6.17157 3 4.75736 3.87868 3.87868C4.75736 3 6.17157 3 9 3H15C17.8284 3 19.2426 3 20.1213 3.87868C21 4.75736 21 6.17157 21 9V14C21 15.8856 21 16.8284 20.4142 17.4142C19.8284 18 18.8856 18 17 18H7C5.11438 18 4.17157 18 3.58579 17.4142C3 16.8284 3 15.8856 3 14V9Z"
+                                stroke="currentColor" stroke-width="1.5" />
+                            <path opacity="0.5" d="M22 21H2" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" />
+                            <path opacity="0.5" d="M15 15H9" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" />
+                        </svg>
+                    </a>
+                </div>
+
+                <div class="dropdown shrink-0" x-data="dropdown" @click.outside="open = false">
+                    <a href="javascript:;"
+                        class="block p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:text-primary hover:bg-white-light/90 dark:hover:bg-dark/60"
+                        @click="toggle">
+                        <img :src="`/assets/images/flags/${$store.app.locale.toUpperCase()}.svg`" alt="image"
+                            class="w-5 h-5 object-cover rounded-full" />
+                    </a>
+                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                        class="ltr:-right-14 sm:ltr:-right-2 rtl:-left-14 sm:rtl:-left-2 top-11 !px-2 text-dark dark:text-white-dark grid grid-cols-2 gap-y-2 font-semibold dark:text-white-light/90 w-[280px]">
+                        <template x-for="item in languages">
+                            <li>
+                                <a href="javascript:;" class="hover:text-primary"
+                                    @click="$store.app.toggleLocale(item.value),toggle()"
+                                    :class="{ 'bg-primary/10 text-primary': $store.app.locale == item.value }">
+                                    <img class="w-5 h-5 object-cover rounded-full"
+                                        :src="`/assets/images/flags/${item.value.toUpperCase()}.svg`" alt="image" />
+                                    <span class="ltr:ml-3 rtl:mr-3" x-text="item.key"></span>
+                                </a>
+                            </li>
+                        </template>
+                    </ul>
+                </div>
+
+                <div class="dropdown" x-data="dropdown" @click.outside="open = false">
+                    <a href="javascript:;"
+                        class="block p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:text-primary hover:bg-white-light/90 dark:hover:bg-dark/60"
+                        @click="toggle">
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg">
+                            <path
+                                d="M22 10C22.0185 10.7271 22 11.0542 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H13"
+                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            <path
+                                d="M6 8L8.1589 9.79908C9.99553 11.3296 10.9139 12.0949 12 12.0949C13.0861 12.0949 14.0045 11.3296 15.8411 9.79908"
+                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            <circle cx="19" cy="5" r="3" stroke="currentColor"
+                                stroke-width="1.5" />
+                        </svg>
+                    </a>
+                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                        class="top-11 !py-0 text-dark dark:text-white-dark w-[300px] ltr:-right-16 sm:ltr:-right-2 rtl:-left-16 sm:rtl:-left-2 sm:w-[375px] text-xs">
+                        <li class="mb-5">
+                            <div class="overflow-hidden relative rounded-t-md !p-5 text-white">
+                                <div
+                                    class="absolute h-full w-full bg-[url('/assets/images/menu-heade.jpg')] bg-no-repeat bg-center bg-cover inset-0">
+                                </div>
+                                <h4 class="font-semibold relative z-10 text-lg">Messages</h4>
+                            </div>
+                        </li>
+                        <template x-for="msg in messages">
+                            <li>
+                                <div class="flex items-center px-5 py-3" @click.self="toggle">
+                                    <div x-html="msg.image"></div>
+                                    <span class="px-3 dark:text-gray-500">
+                                        <div class="font-semibold text-sm dark:text-white-light/90"
+                                            x-text="msg.title"></div>
+                                        <div x-text="msg.message"></div>
+                                    </span>
+                                    <span
+                                        class="font-semibold bg-white-dark/20 rounded text-dark/60 px-1 ltr:ml-auto rtl:mr-auto whitespace-pre dark:text-white-dark ltr:mr-2 rtl:ml-2"
+                                        x-text="msg.time"></span>
+                                    <span class="text-neutral-300 hover:text-danger" @click="removeMessage(msg.id)">
+                                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg">
+                                            <circle opacity="0.5" cx="12" cy="12" r="10"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path d="M14.5 9.50002L9.5 14.5M9.49998 9.5L14.5 14.5"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        </svg>
+                                    </span>
+                                </div>
+                            </li>
+                        </template>
+                        <template x-if="messages.length">
+                            <li class="border-t border-white-light text-center dark:border-white/10 mt-5 ">
+                                <div class="flex items-center px-4 py-4 text-primary font-semibold group dark:text-gray-400  justify-center cursor-pointer"
+                                    @click="toggle">
+                                    <span class="group-hover:underline ltr:mr-1 rtl:ml-1">VIEW ALL ACTIVITIES</span>
+                                    <svg class="w-4 h-4 group-hover:translate-x-1 transition duration-300 ltr:ml-1 rtl:mr-1"
+                                        viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </div>
+                            </li>
+                        </template>
+                        <template x-if="!messages.length">
+                            <li class="mb-5">
+                                <div class="!grid place-content-center hover:!bg-transparent text-lg min-h-[200px]">
+                                    <div class="mx-auto ring-4 ring-primary/30 rounded-full mb-4 text-primary">
+                                        <svg width="40" height="40" viewBox="0 0 20 20" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg">
+                                            <path opacity="0.5"
+                                                d="M20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10Z"
+                                                fill="currentColor" />
+                                            <path
+                                                d="M10 4.25C10.4142 4.25 10.75 4.58579 10.75 5V11C10.75 11.4142 10.4142 11.75 10 11.75C9.58579 11.75 9.25 11.4142 9.25 11V5C9.25 4.58579 9.58579 4.25 10 4.25Z"
+                                                fill="currentColor" />
+                                            <path
+                                                d="M10 15C10.5523 15 11 14.5523 11 14C11 13.4477 10.5523 13 10 13C9.44772 13 9 13.4477 9 14C9 14.5523 9.44772 15 10 15Z"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </div>
+                                    No data available.
+                                </div>
+                            </li>
+                        </template>
+                    </ul>
+                </div>
+                <div class="dropdown" x-data="dropdown" @click.outside="open = false">
+                    <a href="javascript:;"
+                        class="relative block p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:text-primary hover:bg-white-light/90 dark:hover:bg-dark/60"
+                        @click="toggle">
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg">
+                            <path
+                                d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                                stroke="currentColor" stroke-width="1.5" />
+                            <path d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            <path d="M12 6V10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                        </svg>
+
+                        <span class="flex absolute w-3 h-3 ltr:right-0 rtl:left-0 top-0">
+                            <span
+                                class="animate-ping absolute ltr:-left-[3px] rtl:-right-[3px] -top-[3px] inline-flex h-full w-full rounded-full bg-success/50 opacity-75"></span>
+                            <span class="relative inline-flex rounded-full w-[6px] h-[6px] bg-success"></span>
+                        </span>
+                    </a>
+                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                        class="ltr:-right-2 rtl:-left-2 top-11 !py-0 text-dark dark:text-white-dark w-[300px] sm:w-[350px] divide-y dark:divide-white/10">
+                        <li>
+                            <div
+                                class="flex items-center px-4 py-2 justify-between font-semibold hover:!bg-transparent">
+                                <h4 class="text-lg">Notification</h4>
+                                <template x-if="notifications.length">
+                                    <span class="badge bg-primary/80" x-text="notifications.length + 'New'"></span>
+                                </template>
+                            </div>
+                        </li>
+                        <template x-for="notification in notifications">
+                            <li class=" dark:text-white-light/90 ">
+                                <div class="flex items-center px-4 py-2 group" @click.self="toggle">
+                                    <div class="grid place-content-center rounded">
+                                        <div class="w-12 h-12 relative">
+                                            <img class="w-12 h-12 rounded-full object-cover"
+                                                :src="`/assets/images/${notification.profile}`"
+                                                alt="image" />
+                                            <span
+                                                class="bg-success w-2 h-2 rounded-full block absolute right-[6px] bottom-0"></span>
+                                        </div>
+                                    </div>
+                                    <div class="ltr:pl-3 rtl:pr-3 flex flex-auto">
+                                        <div class="ltr:pr-3 rtl:pl-3">
+                                            <h6 x-html="notification.message"></h6>
+                                            <span class="text-xs block font-normal dark:text-gray-500"
+                                                x-text="notification.time"></span>
+                                        </div>
+                                        <button type="button"
+                                            class="ltr:ml-auto rtl:mr-auto text-neutral-300 hover:text-danger opacity-0 group-hover:opacity-100"
+                                            @click="removeNotification(notification.id)">
+                                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg">
+                                                <circle opacity="0.5" cx="12" cy="12" r="10"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <path d="M14.5 9.50002L9.5 14.5M9.49998 9.5L14.5 14.5"
+                                                    stroke="currentColor" stroke-width="1.5"
+                                                    stroke-linecap="round" />
+                                            </svg>
+                                        </button>
+                                    </div>
+                                </div>
+                            </li>
+                        </template>
+                        <template x-if="notifications.length">
+                            <li>
+                                <div class="p-4">
+                                    <button class="btn btn-primary block w-full btn-small" @click="toggle">Read All
+                                        Notifications</button>
+                                </div>
+                            </li>
+                        </template>
+                        <template x-if="!notifications.length">
+                            <li>
+                                <div class="!grid place-content-center hover:!bg-transparent text-lg min-h-[200px]">
+                                    <div class="mx-auto ring-4 ring-primary/30 rounded-full mb-4 text-primary">
+                                        <svg width="40" height="40" viewBox="0 0 20 20" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg">
+                                            <path opacity="0.5"
+                                                d="M20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10Z"
+                                                fill="currentColor" />
+                                            <path
+                                                d="M10 4.25C10.4142 4.25 10.75 4.58579 10.75 5V11C10.75 11.4142 10.4142 11.75 10 11.75C9.58579 11.75 9.25 11.4142 9.25 11V5C9.25 4.58579 9.58579 4.25 10 4.25Z"
+                                                fill="currentColor" />
+                                            <path
+                                                d="M10 15C10.5523 15 11 14.5523 11 14C11 13.4477 10.5523 13 10 13C9.44772 13 9 13.4477 9 14C9 14.5523 9.44772 15 10 15Z"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </div>
+                                    No data available.
+                                </div>
+                            </li>
+                        </template>
+                    </ul>
+                </div>
+                <div class="dropdown flex-shrink-0" x-data="dropdown" @click.outside="open = false">
+                    <a href="javascript:;" class="relative group" @click="toggle()">
+                        <span><img class="w-9 h-9 rounded-full object-cover saturate-50 group-hover:saturate-100"
+                                src="/assets/images/user-profile.jpeg" alt="image" /></span>
+                    </a>
+                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                        class="ltr:right-0 rtl:left-0 text-dark dark:text-white-dark top-11 !py-0 w-[230px] font-semibold dark:text-white-light/90">
+                        <li>
+                            <div class="flex items-center px-4 py-4">
+                                <div class="flex-none">
+                                    <img class="rounded-md w-10 h-10 object-cover"
+                                        src="/assets/images/user-profile.jpeg"
+                                        alt="image" />
+                                </div>
+                                <div class="ltr:pl-4 rtl:pr-4 truncate">
+                                    <h4 class="text-base">John Doe<span
+                                            class="text-xs bg-success-light rounded text-success px-1 ltr:ml-2 rtl:ml-2">Pro</span>
+                                    </h4>
+                                    <a class="text-black/60  hover:text-primary dark:text-dark-light/60 dark:hover:text-white"
+                                        href="javascript:;">johndoe@gmail.com</a>
+                                </div>
+                            </div>
+                        </li>
+                        <li>
+                            <a href="/users/profile" class="dark:hover:text-white" @click="toggle">
+                                <svg class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2 shrink-0" width="18" height="18"
+                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <circle cx="12" cy="6" r="4" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M20 17.5C20 19.9853 20 22 12 22C4 22 4 19.9853 4 17.5C4 15.0147 7.58172 13 12 13C16.4183 13 20 15.0147 20 17.5Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                                Profile</a>
+                        </li>
+                        <li>
+                            <a href="/apps/mailbox" class="dark:hover:text-white" @click="toggle">
+                                <svg class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2 shrink-0" width="18" height="18"
+                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <path opacity="0.5"
+                                        d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path
+                                        d="M6 8L8.1589 9.79908C9.99553 11.3296 10.9139 12.0949 12 12.0949C13.0861 12.0949 14.0045 11.3296 15.8411 9.79908L18 8"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Inbox</a>
+                        </li>
+                        <li>
+                            <a href="/auth/boxed-lockscreen" class="dark:hover:text-white" @click="toggle">
+                                <svg class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2 shrink-0" width="18" height="18"
+                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <path
+                                        d="M2 16C2 13.1716 2 11.7574 2.87868 10.8787C3.75736 10 5.17157 10 8 10H16C18.8284 10 20.2426 10 21.1213 10.8787C22 11.7574 22 13.1716 22 16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H8C5.17157 22 3.75736 22 2.87868 21.1213C2 20.2426 2 18.8284 2 16Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M6 10V8C6 4.68629 8.68629 2 12 2C15.3137 2 18 4.68629 18 8V10"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <g opacity="0.5">
+                                        <path
+                                            d="M9 16C9 16.5523 8.55228 17 8 17C7.44772 17 7 16.5523 7 16C7 15.4477 7.44772 15 8 15C8.55228 15 9 15.4477 9 16Z"
+                                            fill="currentColor" />
+                                        <path
+                                            d="M13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16Z"
+                                            fill="currentColor" />
+                                        <path
+                                            d="M17 16C17 16.5523 16.5523 17 16 17C15.4477 17 15 16.5523 15 16C15 15.4477 15.4477 15 16 15C16.5523 15 17 15.4477 17 16Z"
+                                            fill="currentColor" />
+                                    </g>
+                                </svg>
+                                Lock Screen</a>
+                        </li>
+                        <li class="border-t border-white-light dark:border-white-light/10">
+                            <a href="/auth/boxed-signin" class=" text-danger !py-3" @click="toggle">
+                                <svg class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2 shrink-0 rotate-90" width="18" height="18"
+                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <path opacity="0.5"
+                                        d="M17 9.00195C19.175 9.01406 20.3529 9.11051 21.1213 9.8789C22 10.7576 22 12.1718 22 15.0002V16.0002C22 18.8286 22 20.2429 21.1213 21.1215C20.2426 22.0002 18.8284 22.0002 16 22.0002H8C5.17157 22.0002 3.75736 22.0002 2.87868 21.1215C2 20.2429 2 18.8286 2 16.0002L2 15.0002C2 12.1718 2 10.7576 2.87868 9.87889C3.64706 9.11051 4.82497 9.01406 7 9.00195"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path d="M12 15L12 2M12 2L15 5.5M12 2L9 5.5" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                                Sign Out
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+
+        <!-- horizontal menu -->
+        <ul
+            class="horizontal-menu hidden py-1.5 font-semibold px-6 lg:space-x-1.5 xl:space-x-8 rtl:space-x-reverse bg-white border-t border-[#ebedf2] dark:border-[#191e3a] dark:bg-[#0e1726] text-black dark:text-white-dark">
+            <li class="menu nav-item relative">
+                <a href="javascript:;" class="nav-link">
+                    <div class="flex items-center">
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
+                            <path opacity="0.5"
+                                d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                fill="currentColor" />
+                            <path
+                                d="M9 17.25C8.58579 17.25 8.25 17.5858 8.25 18C8.25 18.4142 8.58579 18.75 9 18.75H15C15.4142 18.75 15.75 18.4142 15.75 18C15.75 17.5858 15.4142 17.25 15 17.25H9Z"
+                                fill="currentColor" />
+                        </svg>
+                        <span class="px-1">Dashboard</span>
+                    </div>
+                    <div class="right_arrow">
+                        <svg class="w-4 h-4 rotate-90" width="16" height="16" viewBox="0 0 24 24"
+                            fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" />
+                        </svg>
+                    </div>
+                </a>
+                <ul class="sub-menu">
+                    <li>
+                        <a href="/">Sales</a>
+                    </li>
+                    <li>
+                        <a href="/analytics">Analytics</a>
+                    </li>
+                    <li>
+                        <a href="/finance">Finance</a>
+                    </li>
+                    <li>
+                        <a href="/crypto">Crypto</a>
+                    </li>
+                </ul>
+            </li>
+            <li class="menu nav-item relative">
+                <a href="javascript:;" class="nav-link">
+                    <div class="flex items-center">
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
+                            <g opacity="0.5">
+                                <path
+                                    d="M14 2.75C15.9068 2.75 17.2615 2.75159 18.2892 2.88976C19.2952 3.02503 19.8749 3.27869 20.2981 3.7019C20.7213 4.12511 20.975 4.70476 21.1102 5.71085C21.2484 6.73851 21.25 8.09318 21.25 10C21.25 10.4142 21.5858 10.75 22 10.75C22.4142 10.75 22.75 10.4142 22.75 10V9.94359C22.75 8.10583 22.75 6.65019 22.5969 5.51098C22.4392 4.33856 22.1071 3.38961 21.3588 2.64124C20.6104 1.89288 19.6614 1.56076 18.489 1.40314C17.3498 1.24997 15.8942 1.24998 14.0564 1.25H14C13.5858 1.25 13.25 1.58579 13.25 2C13.25 2.41421 13.5858 2.75 14 2.75Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M9.94358 1.25H10C10.4142 1.25 10.75 1.58579 10.75 2C10.75 2.41421 10.4142 2.75 10 2.75C8.09318 2.75 6.73851 2.75159 5.71085 2.88976C4.70476 3.02503 4.12511 3.27869 3.7019 3.7019C3.27869 4.12511 3.02503 4.70476 2.88976 5.71085C2.75159 6.73851 2.75 8.09318 2.75 10C2.75 10.4142 2.41421 10.75 2 10.75C1.58579 10.75 1.25 10.4142 1.25 10V9.94358C1.24998 8.10583 1.24997 6.65019 1.40314 5.51098C1.56076 4.33856 1.89288 3.38961 2.64124 2.64124C3.38961 1.89288 4.33856 1.56076 5.51098 1.40314C6.65019 1.24997 8.10583 1.24998 9.94358 1.25Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M22 13.25C22.4142 13.25 22.75 13.5858 22.75 14V14.0564C22.75 15.8942 22.75 17.3498 22.5969 18.489C22.4392 19.6614 22.1071 20.6104 21.3588 21.3588C20.6104 22.1071 19.6614 22.4392 18.489 22.5969C17.3498 22.75 15.8942 22.75 14.0564 22.75H14C13.5858 22.75 13.25 22.4142 13.25 22C13.25 21.5858 13.5858 21.25 14 21.25C15.9068 21.25 17.2615 21.2484 18.2892 21.1102C19.2952 20.975 19.8749 20.7213 20.2981 20.2981C20.7213 19.8749 20.975 19.2952 21.1102 18.2892C21.2484 17.2615 21.25 15.9068 21.25 14C21.25 13.5858 21.5858 13.25 22 13.25Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M2.75 14C2.75 13.5858 2.41421 13.25 2 13.25C1.58579 13.25 1.25 13.5858 1.25 14V14.0564C1.24998 15.8942 1.24997 17.3498 1.40314 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588C3.38961 22.1071 4.33856 22.4392 5.51098 22.5969C6.65019 22.75 8.10583 22.75 9.94359 22.75H10C10.4142 22.75 10.75 22.4142 10.75 22C10.75 21.5858 10.4142 21.25 10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981C3.27869 19.8749 3.02503 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14Z"
+                                    fill="currentColor" />
+                            </g>
+                            <path
+                                d="M5.52721 5.52721C5 6.05442 5 6.90294 5 8.6C5 9.73137 5 10.2971 5.35147 10.6485C5.70294 11 6.26863 11 7.4 11H8.6C9.73137 11 10.2971 11 10.6485 10.6485C11 10.2971 11 9.73137 11 8.6V7.4C11 6.26863 11 5.70294 10.6485 5.35147C10.2971 5 9.73137 5 8.6 5C6.90294 5 6.05442 5 5.52721 5.52721Z"
+                                fill="currentColor" />
+                            <path
+                                d="M5.52721 18.4728C5 17.9456 5 17.0971 5 15.4C5 14.2686 5 13.7029 5.35147 13.3515C5.70294 13 6.26863 13 7.4 13H8.6C9.73137 13 10.2971 13 10.6485 13.3515C11 13.7029 11 14.2686 11 15.4V16.6C11 17.7314 11 18.2971 10.6485 18.6485C10.2971 19 9.73138 19 8.60002 19C6.90298 19 6.05441 19 5.52721 18.4728Z"
+                                fill="currentColor" />
+                            <path
+                                d="M13 7.4C13 6.26863 13 5.70294 13.3515 5.35147C13.7029 5 14.2686 5 15.4 5C17.0971 5 17.9456 5 18.4728 5.52721C19 6.05442 19 6.90294 19 8.6C19 9.73137 19 10.2971 18.6485 10.6485C18.2971 11 17.7314 11 16.6 11H15.4C14.2686 11 13.7029 11 13.3515 10.6485C13 10.2971 13 9.73137 13 8.6V7.4Z"
+                                fill="currentColor" />
+                            <path
+                                d="M13.3515 18.6485C13 18.2971 13 17.7314 13 16.6V15.4C13 14.2686 13 13.7029 13.3515 13.3515C13.7029 13 14.2686 13 15.4 13H16.6C17.7314 13 18.2971 13 18.6485 13.3515C19 13.7029 19 14.2686 19 15.4C19 17.097 19 17.9456 18.4728 18.4728C17.9456 19 17.0971 19 15.4 19C14.2687 19 13.7029 19 13.3515 18.6485Z"
+                                fill="currentColor" />
+                        </svg>
+                        <span class="px-1">Apps</span>
+                    </div>
+                    <div class="right_arrow">
+                        <svg class="w-4 h-4 rotate-90" width="16" height="16" viewBox="0 0 24 24"
+                            fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" />
+                        </svg>
+                    </div>
+                </a>
+                <ul class="sub-menu">
+                    <li>
+                        <a href="/apps/chat">Chat</a>
+                    </li>
+                    <li>
+                        <a href="/apps/mailbox">Mailbox</a>
+                    </li>
+                    <li>
+                        <a href="/apps/todolist">Todo List</a>
+                    </li>
+                    <li>
+                        <a href="/apps/notes">Notes</a>
+                    </li>
+                    <li>
+                        <a href="/apps/scrumboard">Scrumboard</a>
+                    </li>
+                    <li>
+                        <a href="/apps/contacts">Contacts</a>
+                    </li>
+                    <li class="relative">
+                        <a href="javascript:;">Invoice
+                            <div class="ltr:ml-auto rtl:mr-auto rtl:rotate-180">
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                            </div>
+                        </a>
+                        <ul
+                            class="rounded absolute top-0 ltr:left-[95%] rtl:right-[95%] min-w-[180px] bg-white z-[10] text-dark dark:text-white-dark dark:bg-[#1b2e4b] shadow p-0 py-2 hidden">
+                            <li>
+                                <a href="/apps/invoice/list">List</a>
+                            </li>
+                            <li>
+                                <a href="/apps/invoice/preview">Preview</a>
+                            </li>
+                            <li>
+                                <a href="/apps/invoice/add">Add</a>
+                            </li>
+                            <li>
+                                <a href="/apps/invoice/edit">Edit</a>
+                            </li>
+                        </ul>
+                    </li>
+                    <li>
+                        <a href="/apps/calendar">Calendar</a>
+                    </li>
+                </ul>
+            </li>
+            <li class="menu nav-item relative">
+                <a href="javascript:;" class="nav-link">
+                    <div class="flex items-center">
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
+                            <path
+                                d="M8.42229 20.6181C10.1779 21.5395 11.0557 22.0001 12 22.0001V12.0001L2.63802 7.07275C2.62423 7.09491 2.6107 7.11727 2.5974 7.13986C2 8.15436 2 9.41678 2 11.9416V12.0586C2 14.5834 2 15.8459 2.5974 16.8604C3.19479 17.8749 4.27063 18.4395 6.42229 19.5686L8.42229 20.6181Z"
+                                fill="currentColor" />
+                            <path opacity="0.7"
+                                d="M17.5774 4.43152L15.5774 3.38197C13.8218 2.46066 12.944 2 11.9997 2C11.0554 2 10.1776 2.46066 8.42197 3.38197L6.42197 4.43152C4.31821 5.53552 3.24291 6.09982 2.6377 7.07264L11.9997 12L21.3617 7.07264C20.7564 6.09982 19.6811 5.53552 17.5774 4.43152Z"
+                                fill="currentColor" />
+                            <path opacity="0.5"
+                                d="M21.4026 7.13986C21.3893 7.11727 21.3758 7.09491 21.362 7.07275L12 12.0001V22.0001C12.9443 22.0001 13.8221 21.5395 15.5777 20.6181L17.5777 19.5686C19.7294 18.4395 20.8052 17.8749 21.4026 16.8604C22 15.8459 22 14.5834 22 12.0586V11.9416C22 9.41678 22 8.15436 21.4026 7.13986Z"
+                                fill="currentColor" />
+                        </svg>
+                        <span class="px-1">Components</span>
+                    </div>
+                    <div class="right_arrow">
+                        <svg class="w-4 h-4 rotate-90" width="16" height="16" viewBox="0 0 24 24"
+                            fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" />
+                        </svg>
+                    </div>
+                </a>
+                <ul class="sub-menu">
+                    <li>
+                        <a href="/components/tabs">Tabs</a>
+                    </li>
+                    <li>
+                        <a href="/components/accordions">Accordions</a>
+                    </li>
+                    <li>
+                        <a href="/components/modals">Modals</a>
+                    </li>
+                    <li>
+                        <a href="/components/cards">Cards</a>
+                    </li>
+                    <li>
+                        <a href="/components/carousel">Carousel</a>
+                    </li>
+                    <li>
+                        <a href="/components/countdown">Countdown</a>
+                    </li>
+                    <li>
+                        <a href="/components/counter">Counter</a>
+                    </li>
+                    <li>
+                        <a href="/components/sweetalert">Sweet Alerts</a>
+                    </li>
+                    <li>
+                        <a href="/components/timeline">Timeline</a>
+                    </li>
+                    <li>
+                        <a href="/components/notifications">Notifications</a>
+                    </li>
+                    <li>
+                        <a href="/components/media-object">Media Object</a>
+                    </li>
+                    <li>
+                        <a href="/components/list-group">List Group</a>
+                    </li>
+                    <li>
+                        <a href="/components/pricing-table">Pricing Tables</a>
+                    </li>
+                    <li>
+                        <a href="/components/lightbox">Lightbox</a>
+                    </li>
+                </ul>
+            </li>
+            <li class="menu nav-item relative">
+                <a href="javascript:;" class="nav-link">
+                    <div class="flex items-center">
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
+                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                d="M8.73167 5.77133L5.66953 9.91436C4.3848 11.6526 3.74244 12.5217 4.09639 13.205C4.10225 13.2164 4.10829 13.2276 4.1145 13.2387C4.48945 13.9117 5.59888 13.9117 7.81775 13.9117C9.05079 13.9117 9.6673 13.9117 10.054 14.2754L10.074 14.2946L13.946 9.72466L13.926 9.70541C13.5474 9.33386 13.5474 8.74151 13.5474 7.55682V7.24712C13.5474 3.96249 13.5474 2.32018 12.6241 2.03721C11.7007 1.75425 10.711 3.09327 8.73167 5.77133Z"
+                                fill="currentColor"></path>
+                            <path opacity="0.5"
+                                d="M10.4527 16.4432L10.4527 16.7528C10.4527 20.0374 10.4527 21.6798 11.376 21.9627C12.2994 22.2457 13.2891 20.9067 15.2685 18.2286L18.3306 14.0856C19.6154 12.3474 20.2577 11.4783 19.9038 10.7949C19.8979 10.7836 19.8919 10.7724 19.8857 10.7613C19.5107 10.0883 18.4013 10.0883 16.1824 10.0883C14.9494 10.0883 14.3329 10.0883 13.9462 9.72461L10.0742 14.2946C10.4528 14.6661 10.4527 15.2585 10.4527 16.4432Z"
+                                fill="currentColor"></path>
+                        </svg>
+                        <span class="px-1">Elements</span>
+                    </div>
+                    <div class="right_arrow">
+                        <svg class="w-4 h-4 rotate-90" width="16" height="16" viewBox="0 0 24 24"
+                            fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" />
+                        </svg>
+                    </div>
+                </a>
+                <ul class="sub-menu">
+                    <li>
+                        <a href="/elements/alerts">Alerts</a>
+                    </li>
+                    <li>
+                        <a href="/elements/avatar">Avatar</a>
+                    </li>
+                    <li>
+                        <a href="/elements/badges">Badges</a>
+                    </li>
+                    <li>
+                        <a href="/elements/breadcrumbs">Breadcrumbs</a>
+                    </li>
+                    <li>
+                        <a href="/elements/buttons">Buttons</a>
+                    </li>
+                    <li>
+                        <a href="/elements/buttons-group">Button Groups</a>
+                    </li>
+                    <li>
+                        <a href="/elements/color-library">Color Library</a>
+                    </li>
+                    <li>
+                        <a href="/elements/dropdown">Dropdown</a>
+                    </li>
+                    <li>
+                        <a href="/elements/infobox">Infobox</a>
+                    </li>
+                    <li>
+                        <a href="/elements/jumbotron">Jumbotron</a>
+                    </li>
+                    <li>
+                        <a href="/elements/loader">Loader</a>
+                    </li>
+                    <li>
+                        <a href="/elements/pagination">Pagination</a>
+                    </li>
+                    <li>
+                        <a href="/elements/popovers">Popovers</a>
+                    </li>
+                    <li>
+                        <a href="/elements/progress-bar">Progress Bar</a>
+                    </li>
+                    <li>
+                        <a href="/elements/search">Search</a>
+                    </li>
+                    <li>
+                        <a href="/elements/tooltips">Tooltips</a>
+                    </li>
+                    <li>
+                        <a href="/elements/treeview">Treeview</a>
+                    </li>
+                    <li>
+                        <a href="/elements/typography">Typography</a>
+                    </li>
+                </ul>
+            </li>
+            <li class="menu nav-item relative">
+                <a href="javascript:;" class="nav-link">
+                    <div class="flex items-center">
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
+                            <path
+                                d="M4.97883 9.68508C2.99294 8.89073 2 8.49355 2 8C2 7.50645 2.99294 7.10927 4.97883 6.31492L7.7873 5.19153C9.77318 4.39718 10.7661 4 12 4C13.2339 4 14.2268 4.39718 16.2127 5.19153L19.0212 6.31492C21.0071 7.10927 22 7.50645 22 8C22 8.49355 21.0071 8.89073 19.0212 9.68508L16.2127 10.8085C14.2268 11.6028 13.2339 12 12 12C10.7661 12 9.77318 11.6028 7.7873 10.8085L4.97883 9.68508Z"
+                                fill="currentColor" />
+                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                d="M2 8C2 8.49355 2.99294 8.89073 4.97883 9.68508L7.7873 10.8085C9.77318 11.6028 10.7661 12 12 12C13.2339 12 14.2268 11.6028 16.2127 10.8085L19.0212 9.68508C21.0071 8.89073 22 8.49355 22 8C22 7.50645 21.0071 7.10927 19.0212 6.31492L16.2127 5.19153C14.2268 4.39718 13.2339 4 12 4C10.7661 4 9.77318 4.39718 7.7873 5.19153L4.97883 6.31492C2.99294 7.10927 2 7.50645 2 8Z"
+                                fill="currentColor" />
+                            <path opacity="0.7"
+                                d="M5.76613 10L4.97883 10.3149C2.99294 11.1093 2 11.5065 2 12C2 12.4935 2.99294 12.8907 4.97883 13.6851L7.7873 14.8085C9.77318 15.6028 10.7661 16 12 16C13.2339 16 14.2268 15.6028 16.2127 14.8085L19.0212 13.6851C21.0071 12.8907 22 12.4935 22 12C22 11.5065 21.0071 11.1093 19.0212 10.3149L18.2339 10L16.2127 10.8085C14.2268 11.6028 13.2339 12 12 12C10.7661 12 9.77318 11.6028 7.7873 10.8085L5.76613 10Z"
+                                fill="currentColor" />
+                            <path opacity="0.4"
+                                d="M5.76613 14L4.97883 14.3149C2.99294 15.1093 2 15.5065 2 16C2 16.4935 2.99294 16.8907 4.97883 17.6851L7.7873 18.8085C9.77318 19.6028 10.7661 20 12 20C13.2339 20 14.2268 19.6028 16.2127 18.8085L19.0212 17.6851C21.0071 16.8907 22 16.4935 22 16C22 15.5065 21.0071 15.1093 19.0212 14.3149L18.2339 14L16.2127 14.8085C14.2268 15.6028 13.2339 16 12 16C10.7661 16 9.77318 15.6028 7.7873 14.8085L5.76613 14Z"
+                                fill="currentColor" />
+                        </svg>
+                        <span class="px-1">Tables</span>
+                    </div>
+                    <div class="right_arrow">
+                        <svg class="w-4 h-4 rotate-90" width="16" height="16" viewBox="0 0 24 24"
+                            fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" />
+                        </svg>
+                    </div>
+                </a>
+                <ul class="sub-menu">
+                    <li>
+                        <a href="/tables">Tables</a>
+                    </li>
+                    <li class="relative">
+                        <a href="javascript:;">Data Tables
+                            <div class="ltr:ml-auto rtl:mr-auto  rtl:rotate-180">
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                            </div>
+                        </a>
+                        <ul
+                            class="rounded absolute top-0 ltr:left-[95%] rtl:right-[95%] min-w-[180px] bg-white z-[10] text-dark dark:text-white-dark dark:bg-[#1b2e4b] shadow p-0 py-2 hidden">
+                            <li>
+                                <a href="/datatables/basic">Basic</a>
+                            </li>
+                            <li>
+                                <a href="/datatables/advanced">Advanced</a>
+                            </li>
+                            <li>
+                                <a href="/datatables/skin">Skin</a>
+                            </li>
+                            <li>
+                                <a href="/datatables/order-sorting">Order Sorting</a>
+                            </li>
+                            <li>
+                                <a href="/datatables/multi-column">Multi Column</a>
+                            </li>
+                            <li>
+                                <a href="/datatables/multiple-tables">Multiple Tables</a>
+                            </li>
+                            <li>
+                                <a href="/datatables/alt-pagination">Alt. Pagination</a>
+                            </li>
+                            <li>
+                                <a href="/datatables/checkbox">Checkbox</a>
+                            </li>
+                            <li>
+                                <a href="/datatables/range-search">Range Search</a>
+                            </li>
+                            <li>
+                                <a href="/datatables/export">Export</a>
+                            </li>
+                            <li>
+                                <a href="/datatables/sticky-header">Sticky Header</a>
+                            </li>
+                            <li>
+                                <a href="/datatables/clone-header">Clone Header</a>
+                            </li>
+                            <li>
+                                <a href="/datatables/column-chooser">Column Chooser</a>
+                            </li>
+                        </ul>
+                    </li>
+                </ul>
+            </li>
+            <li class="menu nav-item relative">
+                <a href="javascript:;" class="nav-link">
+                    <div class="flex items-center">
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
+                            <path opacity="0.5"
+                                d="M3 10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H13C16.7712 2 18.6569 2 19.8284 3.17157C21 4.34315 21 6.22876 21 10V14C21 17.7712 21 19.6569 19.8284 20.8284C18.6569 22 16.7712 22 13 22H11C7.22876 22 5.34315 22 4.17157 20.8284C3 19.6569 3 17.7712 3 14V10Z"
+                                fill="currentColor" />
+                            <path
+                                d="M16.5189 16.5013C16.6939 16.3648 16.8526 16.2061 17.1701 15.8886L21.1275 11.9312C21.2231 11.8356 21.1793 11.6708 21.0515 11.6264C20.5844 11.4644 19.9767 11.1601 19.4083 10.5917C18.8399 10.0233 18.5356 9.41561 18.3736 8.94849C18.3292 8.82066 18.1644 8.77687 18.0688 8.87254L14.1114 12.8299C13.7939 13.1474 13.6352 13.3061 13.4987 13.4811C13.3377 13.6876 13.1996 13.9109 13.087 14.1473C12.9915 14.3476 12.9205 14.5606 12.7786 14.9865L12.5951 15.5368L12.3034 16.4118L12.0299 17.2323C11.9601 17.4419 12.0146 17.6729 12.1708 17.8292C12.3271 17.9854 12.5581 18.0399 12.7677 17.9701L13.5882 17.6966L14.4632 17.4049L15.0135 17.2214L15.0136 17.2214C15.4394 17.0795 15.6524 17.0085 15.8527 16.913C16.0891 16.8004 16.3124 16.6623 16.5189 16.5013Z"
+                                fill="currentColor" />
+                            <path
+                                d="M22.3665 10.6922C23.2112 9.84754 23.2112 8.47812 22.3665 7.63348C21.5219 6.78884 20.1525 6.78884 19.3078 7.63348L19.1806 7.76071C19.0578 7.88348 19.0022 8.05496 19.0329 8.22586C19.0522 8.33336 19.0879 8.49053 19.153 8.67807C19.2831 9.05314 19.5288 9.54549 19.9917 10.0083C20.4545 10.4712 20.9469 10.7169 21.3219 10.847C21.5095 10.9121 21.6666 10.9478 21.7741 10.9671C21.945 10.9978 22.1165 10.9422 22.2393 10.8194L22.3665 10.6922Z"
+                                fill="currentColor" />
+                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                d="M7.25 9C7.25 8.58579 7.58579 8.25 8 8.25H14.5C14.9142 8.25 15.25 8.58579 15.25 9C15.25 9.41421 14.9142 9.75 14.5 9.75H8C7.58579 9.75 7.25 9.41421 7.25 9ZM7.25 13C7.25 12.5858 7.58579 12.25 8 12.25H11C11.4142 12.25 11.75 12.5858 11.75 13C11.75 13.4142 11.4142 13.75 11 13.75H8C7.58579 13.75 7.25 13.4142 7.25 13ZM7.25 17C7.25 16.5858 7.58579 16.25 8 16.25H9.5C9.91421 16.25 10.25 16.5858 10.25 17C10.25 17.4142 9.91421 17.75 9.5 17.75H8C7.58579 17.75 7.25 17.4142 7.25 17Z"
+                                fill="currentColor" />
+                        </svg>
+                        <span class="px-1">Forms</span>
+                    </div>
+                    <div class="right_arrow">
+                        <svg class="w-4 h-4 rotate-90" width="16" height="16" viewBox="0 0 24 24"
+                            fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" />
+                        </svg>
+                    </div>
+                </a>
+                <ul class="sub-menu">
+                    <li>
+                        <a href="/forms/basic">Basic</a>
+                    </li>
+                    <li>
+                        <a href="/forms/input-group">Input Group</a>
+                    </li>
+                    <li>
+                        <a href="/forms/layouts">Layouts</a>
+                    </li>
+                    <li>
+                        <a href="/forms/validation">Validation</a>
+                    </li>
+                    <li>
+                        <a href="/forms/input-mask">Input Mask</a>
+                    </li>
+                    <li>
+                        <a href="/forms/select2">Select2</a>
+                    </li>
+                    <li>
+                        <a href="/forms/touchspin">TouchSpin</a>
+                    </li>
+                    <li>
+                        <a href="/forms/checkbox-radio">Checkbox & Radio</a>
+                    </li>
+                    <li>
+                        <a href="/forms/switches">Switches</a>
+                    </li>
+                    <li>
+                        <a href="/forms/wizards">Wizards</a>
+                    </li>
+                    <li>
+                        <a href="/forms/file-upload">File Upload</a>
+                    </li>
+                    <li>
+                        <a href="/forms/quill-editor">Quill Editor</a>
+                    </li>
+                    <li>
+                        <a href="/forms/markdown-editor">Markdown Editor</a>
+                    </li>
+                    <li>
+                        <a href="/forms/date-picker">Date & Range Picker</a>
+                    </li>
+                    <li>
+                        <a href="/forms/clipboard">Clipboard</a>
+                    </li>
+                </ul>
+            </li>
+            <li class="menu nav-item relative">
+                <a href="javascript:;" class="nav-link">
+                    <div class="flex items-center">
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
+                            <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd"
+                                d="M14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V10C2 6.22876 2 4.34315 3.17157 3.17157C4.34315 2 6.23869 2 10.0298 2C10.6358 2 11.1214 2 11.53 2.01666C11.5166 2.09659 11.5095 2.17813 11.5092 2.26057L11.5 5.09497C11.4999 6.19207 11.4998 7.16164 11.6049 7.94316C11.7188 8.79028 11.9803 9.63726 12.6716 10.3285C13.3628 11.0198 14.2098 11.2813 15.0569 11.3952C15.8385 11.5003 16.808 11.5002 17.9051 11.5001L18 11.5001H21.9574C22 12.0344 22 12.6901 22 13.5629V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22Z"
+                                fill="currentColor" />
+                            <path
+                                d="M6 13.75C5.58579 13.75 5.25 14.0858 5.25 14.5C5.25 14.9142 5.58579 15.25 6 15.25H14C14.4142 15.25 14.75 14.9142 14.75 14.5C14.75 14.0858 14.4142 13.75 14 13.75H6Z"
+                                fill="currentColor" />
+                            <path
+                                d="M6 17.25C5.58579 17.25 5.25 17.5858 5.25 18C5.25 18.4142 5.58579 18.75 6 18.75H11.5C11.9142 18.75 12.25 18.4142 12.25 18C12.25 17.5858 11.9142 17.25 11.5 17.25H6Z"
+                                fill="currentColor" />
+                            <path
+                                d="M11.5092 2.2601L11.5 5.0945C11.4999 6.1916 11.4998 7.16117 11.6049 7.94269C11.7188 8.78981 11.9803 9.6368 12.6716 10.3281C13.3629 11.0193 14.2098 11.2808 15.057 11.3947C15.8385 11.4998 16.808 11.4997 17.9051 11.4996L21.9574 11.4996C21.9698 11.6552 21.9786 11.821 21.9848 11.9995H22C22 11.732 22 11.5983 21.9901 11.4408C21.9335 10.5463 21.5617 9.52125 21.0315 8.79853C20.9382 8.6713 20.8743 8.59493 20.7467 8.44218C19.9542 7.49359 18.911 6.31193 18 5.49953C17.1892 4.77645 16.0787 3.98536 15.1101 3.3385C14.2781 2.78275 13.862 2.50487 13.2915 2.29834C13.1403 2.24359 12.9408 2.18311 12.7846 2.14466C12.4006 2.05013 12.0268 2.01725 11.5 2.00586L11.5092 2.2601Z"
+                                fill="currentColor" />
+                        </svg>
+                        <span class="px-1">Pages</span>
+                    </div>
+                    <div class="right_arrow">
+                        <svg class="w-4 h-4 rotate-90" width="16" height="16" viewBox="0 0 24 24"
+                            fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" />
+                        </svg>
+                    </div>
+                </a>
+                <ul class="sub-menu">
+                    <li class="relative">
+                        <a href="javascript:;">Users
+                            <div class="ltr:ml-auto rtl:mr-auto rtl:rotate-180">
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                            </div>
+                        </a>
+                        <ul
+                            class="rounded absolute top-0 ltr:left-[95%] rtl:right-[95%] min-w-[180px] bg-white z-[10] text-dark dark:text-white-dark dark:bg-[#1b2e4b] shadow p-0 py-2 hidden">
+                            <li>
+                                <a href="/users/profile">Profile</a>
+                            </li>
+                            <li>
+                                <a href="/users/user-account-settings">Account Settings</a>
+                            </li>
+                        </ul>
+                    </li>
+                    <li>
+                        <a href="/pages/knowledge-base">Knowledge Base</a>
+                    </li>
+                    <li>
+                        <a href="/pages/contact-us-boxed" target="_blank">Contact Us Boxed</a>
+                    </li>
+                    <li>
+                        <a href="/pages/contact-us-cover" target="_blank">Contact Us Cover</a>
+                    </li>
+                    <li>
+                        <a href="/pages/faq">Faq</a>
+                    </li>
+                    <li>
+                        <a href="/pages/coming-soon-boxed" target="_blank">Coming Soon Boxed</a>
+                    </li>
+                    <li>
+                        <a href="/pages/coming-soon-cover" target="_blank">Coming Soon Cover</a>
+                    </li>
+                    <li>
+                        <a href="/pages/maintenence" target="_blank">Maintanence</a>
+                    </li>
+                    <li class="relative">
+                        <a href="javascript:;">Error
+                            <div class="ltr:ml-auto rtl:mr-auto rtl:rotate-180">
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                            </div>
+                        </a>
+                        <ul
+                            class="rounded absolute top-0 ltr:left-[95%] rtl:right-[95%] min-w-[180px] bg-white z-[10] text-dark dark:text-white-dark dark:bg-[#1b2e4b] shadow p-0 py-2 hidden">
+                            <li>
+                                <a href="/pages/error404" target="_blank">404</a>
+                            </li>
+                            <li>
+                                <a href="/pages/error500" target="_blank">500</a>
+                            </li>
+                            <li>
+                                <a href="/pages/error503" target="_blank">503</a>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="relative">
+                        <a href="javascript:;">Login
+                            <div class="ltr:ml-auto rtl:mr-auto rtl:rotate-180">
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                            </div>
+                        </a>
+                        <ul
+                            class="rounded absolute top-0 ltr:left-[95%] rtl:right-[95%] min-w-[180px] bg-white z-[10] text-dark dark:text-white-dark dark:bg-[#1b2e4b] shadow p-0 py-2 hidden">
+                            <li>
+                                <a href="/auth/cover-login" target="_blank">Login Cover</a>
+                            </li>
+                            <li>
+                                <a href="/auth/boxed-signin" target="_blank">Login Boxed</a>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="relative">
+                        <a href="javascript:;">Register
+                            <div class="ltr:ml-auto rtl:mr-auto rtl:rotate-180">
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                            </div>
+                        </a>
+                        <ul
+                            class="rounded absolute top-0 ltr:left-[95%] rtl:right-[95%] min-w-[180px] bg-white z-[10] text-dark dark:text-white-dark dark:bg-[#1b2e4b] shadow p-0 py-2 hidden">
+                            <li>
+                                <a href="/auth/cover-register" target="_blank">Register Cover</a>
+                            </li>
+                            <li>
+                                <a href="/auth/boxed-signup" target="_blank">Register Boxed</a>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="relative">
+                        <a href="javascript:;">Password Recovery
+                            <div class="ltr:ml-auto rtl:mr-auto rtl:rotate-180">
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                            </div>
+                        </a>
+                        <ul
+                            class="rounded absolute top-0 ltr:left-[95%] rtl:right-[95%] min-w-[180px] bg-white z-[10] text-dark dark:text-white-dark dark:bg-[#1b2e4b] shadow p-0 py-2 hidden">
+                            <li>
+                                <a href="/auth/cover-password-reset" target="_blank">Recover ID Cover</a>
+                            </li>
+                            <li>
+                                <a href="/auth/boxed-password-reset" target="_blank">Recover ID Boxed</a>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="relative">
+                        <a href="javascript:;">Lockscreen
+                            <div class="ltr:ml-auto rtl:mr-auto rtl:rotate-180">
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                            </div>
+                        </a>
+                        <ul
+                            class="rounded absolute top-0 ltr:left-[95%] rtl:right-[95%] min-w-[180px] bg-white z-[10] text-dark dark:text-white-dark dark:bg-[#1b2e4b] shadow p-0 py-2 hidden">
+                            <li>
+                                <a href="/auth/cover-lockscreen" target="_blank">Unlock Cover</a>
+                            </li>
+                            <li>
+                                <a href="/auth/boxed-lockscreen" target="_blank">Unlock Boxed</a>
+                            </li>
+                        </ul>
+                    </li>
+                </ul>
+            </li>
+            <li class="menu nav-item relative">
+                <a href="javascript:;" class="nav-link">
+                    <div class="flex items-center">
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
+                            <path opacity="0.5"
+                                d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                                fill="currentColor" />
+                            <path
+                                d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z"
+                                fill="currentColor" />
+                        </svg>
+                        <span class="px-1">More</span>
+                    </div>
+                    <div class="right_arrow">
+                        <svg class="w-4 h-4 rotate-90" width="16" height="16" viewBox="0 0 24 24"
+                            fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" />
+                        </svg>
+                    </div>
+                </a>
+                <ul class="sub-menu">
+                    <li>
+                        <a href="/dragndrop">Drag and Drop</a>
+                    </li>
+                    <li>
+                        <a href="/charts">Charts</a>
+                    </li>
+                    <li>
+                        <a href="/font-icons">Font Icons</a>
+                    </li>
+                    <li>
+                        <a href="/widgets">Widgets</a>
+                    </li>
+                    <li>
+                        <a href="https://vristo.sbthemes.com" target="_blank">Documentation</a>
+                    </li>
+                </ul>
+            </li>
+        </ul>
+    </div>
+</header>
+<script>
+    document.addEventListener("alpine:init", () => {
+        Alpine.data("header", () => ({
+            init() {
+                const selector = document.querySelector('ul.horizontal-menu a[href="' + window
+                    .location.pathname + '"]');
+                if (selector) {
+                    selector.classList.add('active');
+                    const ul = selector.closest('ul.sub-menu');
+                    if (ul) {
+                        let ele = ul.closest('li.menu').querySelectorAll('.nav-link');
+                        if (ele) {
+                            ele = ele[0];
+                            setTimeout(() => {
+                                ele.classList.add('active');
+                            });
+                        }
+                    }
+                }
+            },
+
+            notifications: [{
+                    id: 1,
+                    profile: 'user-profile.jpeg',
+                    message: '<strong class="text-sm mr-1">John Doe</strong>invite you to <strong>Prototyping</strong>',
+                    time: '45 min ago',
+                },
+                {
+                    id: 2,
+                    profile: 'profile-34.jpeg',
+                    message: '<strong class="text-sm mr-1">Adam Nolan</strong>mentioned you to <strong>UX Basics</strong>',
+                    time: '9h Ago',
+                },
+                {
+                    id: 3,
+                    profile: 'profile-16.jpeg',
+                    message: '<strong class="text-sm mr-1">Anna Morgan</strong>Upload a file',
+                    time: '9h Ago',
+                }
+            ],
+
+            messages: [{
+                    id: 1,
+                    image: '<span class="grid place-content-center w-9 h-9 rounded-full bg-success-light dark:bg-success text-success dark:text-success-light"><svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg></span>',
+                    title: 'Congratulations!',
+                    message: 'Your OS has been updated.',
+                    time: '1hr',
+                },
+                {
+                    id: 2,
+                    image: '<span class="grid place-content-center w-9 h-9 rounded-full bg-info-light dark:bg-info text-info dark:text-info-light"><svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg></span>',
+                    title: 'Did you know?',
+                    message: 'You can switch between artboards.',
+                    time: '2hr',
+                },
+                {
+                    id: 3,
+                    image: '<span class="grid place-content-center w-9 h-9 rounded-full bg-danger-light dark:bg-danger text-danger dark:text-danger-light"><svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span>',
+                    title: 'Something went wrong!',
+                    message: 'Send Reposrt',
+                    time: '2days',
+                },
+                {
+                    id: 4,
+                    image: '<span class="grid place-content-center w-9 h-9 rounded-full bg-warning-light dark:bg-warning text-warning dark:text-warning-light"><svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">    <circle cx="12" cy="12" r="10"></circle>    <line x1="12" y1="8" x2="12" y2="12"></line>    <line x1="12" y1="16" x2="12.01" y2="16"></line></svg></span>',
+                    title: 'Warning',
+                    message: 'Your password strength is low.',
+                    time: '5days',
+                },
+            ],
+
+            languages: [{
+                    id: 1,
+                    key: 'Chinese',
+                    value: 'zh',
+                },
+                {
+                    id: 2,
+                    key: 'Danish',
+                    value: 'da',
+                },
+                {
+                    id: 3,
+                    key: 'English',
+                    value: 'en',
+                },
+                {
+                    id: 4,
+                    key: 'French',
+                    value: 'fr',
+                },
+                {
+                    id: 5,
+                    key: 'German',
+                    value: 'de',
+                },
+                {
+                    id: 6,
+                    key: 'Greek',
+                    value: 'el',
+                },
+                {
+                    id: 7,
+                    key: 'Hungarian',
+                    value: 'hu',
+                },
+                {
+                    id: 8,
+                    key: 'Italian',
+                    value: 'it',
+                },
+                {
+                    id: 9,
+                    key: 'Japanese',
+                    value: 'ja',
+                },
+                {
+                    id: 10,
+                    key: 'Polish',
+                    value: 'pl',
+                },
+                {
+                    id: 11,
+                    key: 'Portuguese',
+                    value: 'pt',
+                },
+                {
+                    id: 12,
+                    key: 'Russian',
+                    value: 'ru',
+                },
+                {
+                    id: 13,
+                    key: 'Spanish',
+                    value: 'es',
+                },
+                {
+                    id: 14,
+                    key: 'Swedish',
+                    value: 'sv',
+                },
+                {
+                    id: 15,
+                    key: 'Turkish',
+                    value: 'tr',
+                },
+                {
+                    id: 16,
+                    key: 'Arabic',
+                    value: 'ae',
+                },
+            ],
+
+
+            removeNotification(value) {
+                this.notifications = this.notifications.filter((d) => d.id !== value);
+            },
+
+            removeMessage(value) {
+                this.messages = this.messages.filter((d) => d.id !== value);
+            },
+        }));
+    });
+</script>
diff --git a/resources/views/components/common/sidebar.blade.php b/resources/views/components/common/sidebar.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..18c54d1aa4010aec7f5c9f44843e561fcc8f1cf6
--- /dev/null
+++ b/resources/views/components/common/sidebar.blade.php
@@ -0,0 +1,981 @@
+<div :class="{ 'dark text-white-dark': $store.app.semidark }">
+    <nav x-data="sidebar"
+        class="sidebar fixed min-h-screen h-full top-0 bottom-0 w-[260px] shadow-[5px_0_25px_0_rgba(94,92,154,0.1)] z-50 transition-all duration-300">
+        <div class="bg-white dark:bg-[#0e1726] h-full">
+            <div class="flex justify-between items-center px-4 py-3">
+                <a href="/" class="main-logo flex items-center shrink-0">
+                    <img class="w-8 ml-[5px] flex-none" src="/assets/images/logo.svg"
+                        alt="image" />
+                    <span
+                        class="text-2xl ltr:ml-1.5 rtl:mr-1.5  font-semibold  align-middle lg:inline dark:text-white-light">VRISTO</span>
+                </a>
+                <a href="javascript:;"
+                    class="collapse-icon w-8 h-8 rounded-full flex items-center hover:bg-gray-500/10 dark:hover:bg-dark-light/10 dark:text-white-light transition duration-300 rtl:rotate-180"
+                    @click="$store.app.toggleSidebar()">
+                    <svg class="w-5 h-5 m-auto" width="20" height="20" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg">
+                        <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                            stroke-linejoin="round" />
+                        <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor"
+                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                    </svg>
+                </a>
+            </div>
+            <ul class="perfect-scrollbar relative font-semibold space-y-0.5 h-[calc(100vh-80px)] overflow-y-auto overflow-x-hidden  p-4 py-0"
+                x-data="{ activeDropdown: null }">
+                <li class="menu nav-item">
+                    <button type="button" class="nav-link group" :class="{ 'active': activeDropdown === 'dashboard' }"
+                        @click="activeDropdown === 'dashboard' ? activeDropdown = null : activeDropdown = 'dashboard'">
+                        <div class="flex items-center">
+
+                            <svg class="group-hover:!text-primary shrink-0" width="20" height="20" viewBox="0 0 24 24"
+                                fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M9 17.25C8.58579 17.25 8.25 17.5858 8.25 18C8.25 18.4142 8.58579 18.75 9 18.75H15C15.4142 18.75 15.75 18.4142 15.75 18C15.75 17.5858 15.4142 17.25 15 17.25H9Z"
+                                    fill="currentColor" />
+                            </svg>
+
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Dashboard</span>
+                        </div>
+                        <div class="rtl:rotate-180" :class="{ '!rotate-90': activeDropdown === 'dashboard' }">
+
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </div>
+                    </button>
+                    <ul x-cloak x-show="activeDropdown === 'dashboard'" x-collapse class="sub-menu text-gray-500">
+                        <li>
+                            <a href="/">Sales</a>
+                        </li>
+                        <li>
+                            <a href="/analytics">Analytics</a>
+                        </li>
+                        <li>
+                            <a href="/finance">Finance</a>
+                        </li>
+                        <li>
+                            <a href="/crypto">Crypto</a>
+                        </li>
+                    </ul>
+                </li>
+
+                <h2
+                    class="py-3 px-7 flex items-center uppercase font-extrabold bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] -mx-4 mb-1">
+
+                    <svg class="w-4 h-5 flex-none hidden" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"
+                        fill="none" stroke-linecap="round" stroke-linejoin="round">
+                        <line x1="5" y1="12" x2="19" y2="12"></line>
+                    </svg>
+                    <span>Apps</span>
+                </h2>
+
+                <li class="nav-item">
+                    <ul>
+                        <li class="nav-item">
+                            <a href="/apps/chat" class="group">
+                                <div class="flex items-center">
+
+                                    <svg class="group-hover:!text-primary shrink-0" width="20" height="20"
+                                        viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M10.4036 22.4797L10.6787 22.015C11.1195 21.2703 11.3399 20.8979 11.691 20.6902C12.0422 20.4825 12.5001 20.4678 13.4161 20.4385C14.275 20.4111 14.8523 20.3361 15.3458 20.1317C16.385 19.7012 17.2106 18.8756 17.641 17.8365C17.9639 17.0571 17.9639 16.0691 17.9639 14.093V13.2448C17.9639 10.4683 17.9639 9.08006 17.3389 8.06023C16.9892 7.48958 16.5094 7.0098 15.9388 6.66011C14.919 6.03516 13.5307 6.03516 10.7542 6.03516H8.20964C5.43314 6.03516 4.04489 6.03516 3.02507 6.66011C2.45442 7.0098 1.97464 7.48958 1.62495 8.06023C1 9.08006 1 10.4683 1 13.2448V14.093C1 16.0691 1 17.0571 1.32282 17.8365C1.75326 18.8756 2.57886 19.7012 3.61802 20.1317C4.11158 20.3361 4.68882 20.4111 5.5477 20.4385C6.46368 20.4678 6.92167 20.4825 7.27278 20.6902C7.6239 20.8979 7.84431 21.2703 8.28514 22.015L8.5602 22.4797C8.97002 23.1721 9.9938 23.1721 10.4036 22.4797ZM13.1928 14.5171C13.7783 14.5171 14.253 14.0424 14.253 13.4568C14.253 12.8713 13.7783 12.3966 13.1928 12.3966C12.6072 12.3966 12.1325 12.8713 12.1325 13.4568C12.1325 14.0424 12.6072 14.5171 13.1928 14.5171ZM10.5422 13.4568C10.5422 14.0424 10.0675 14.5171 9.48193 14.5171C8.89637 14.5171 8.42169 14.0424 8.42169 13.4568C8.42169 12.8713 8.89637 12.3966 9.48193 12.3966C10.0675 12.3966 10.5422 12.8713 10.5422 13.4568ZM5.77108 14.5171C6.35664 14.5171 6.83133 14.0424 6.83133 13.4568C6.83133 12.8713 6.35664 12.3966 5.77108 12.3966C5.18553 12.3966 4.71084 12.8713 4.71084 13.4568C4.71084 14.0424 5.18553 14.5171 5.77108 14.5171Z"
+                                            fill="currentColor" />
+                                        <path opacity="0.5"
+                                            d="M15.486 1C16.7529 0.999992 17.7603 0.999986 18.5683 1.07681C19.3967 1.15558 20.0972 1.32069 20.7212 1.70307C21.3632 2.09648 21.9029 2.63623 22.2963 3.27821C22.6787 3.90219 22.8438 4.60265 22.9226 5.43112C22.9994 6.23907 22.9994 7.24658 22.9994 8.51343V9.37869C22.9994 10.2803 22.9994 10.9975 22.9597 11.579C22.9191 12.174 22.8344 12.6848 22.6362 13.1632C22.152 14.3323 21.2232 15.2611 20.0541 15.7453C20.0249 15.7574 19.9955 15.7691 19.966 15.7804C19.8249 15.8343 19.7039 15.8806 19.5978 15.915H17.9477C17.9639 15.416 17.9639 14.8217 17.9639 14.093V13.2448C17.9639 10.4683 17.9639 9.08006 17.3389 8.06023C16.9892 7.48958 16.5094 7.0098 15.9388 6.66011C14.919 6.03516 13.5307 6.03516 10.7542 6.03516H8.20964C7.22423 6.03516 6.41369 6.03516 5.73242 6.06309V4.4127C5.76513 4.29934 5.80995 4.16941 5.86255 4.0169C5.95202 3.75751 6.06509 3.51219 6.20848 3.27821C6.60188 2.63623 7.14163 2.09648 7.78361 1.70307C8.40759 1.32069 9.10805 1.15558 9.93651 1.07681C10.7445 0.999986 11.7519 0.999992 13.0188 1H15.486Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                    <span
+                                        class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Chat</span>
+                                </div>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="/apps/mailbox" class="group">
+                                <div class="flex items-center">
+
+                                    <svg class="group-hover:!text-primary shrink-0" width="20" height="20"
+                                        viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M24 5C24 6.65685 22.6569 8 21 8C19.3431 8 18 6.65685 18 5C18 3.34315 19.3431 2 21 2C22.6569 2 24 3.34315 24 5Z"
+                                            fill="currentColor" />
+                                        <path
+                                            d="M17.2339 7.46394L15.6973 8.74444C14.671 9.59966 13.9585 10.1915 13.357 10.5784C12.7747 10.9529 12.3798 11.0786 12.0002 11.0786C11.6206 11.0786 11.2258 10.9529 10.6435 10.5784C10.0419 10.1915 9.32941 9.59966 8.30315 8.74444L5.92837 6.76546C5.57834 6.47377 5.05812 6.52106 4.76643 6.87109C4.47474 7.22112 4.52204 7.74133 4.87206 8.03302L7.28821 10.0465C8.2632 10.859 9.05344 11.5176 9.75091 11.9661C10.4775 12.4334 11.185 12.7286 12.0002 12.7286C12.8154 12.7286 13.523 12.4334 14.2495 11.9661C14.947 11.5176 15.7372 10.859 16.7122 10.0465L18.3785 8.65795C17.9274 8.33414 17.5388 7.92898 17.2339 7.46394Z"
+                                            fill="currentColor" />
+                                        <path
+                                            d="M18.4538 6.58719C18.7362 6.53653 19.0372 6.63487 19.234 6.87109C19.3965 7.06614 19.4538 7.31403 19.4121 7.54579C19.0244 7.30344 18.696 6.97499 18.4538 6.58719Z"
+                                            fill="currentColor" />
+                                        <path opacity="0.5"
+                                            d="M16.9576 3.02099C16.156 3 15.2437 3 14.2 3H9.8C5.65164 3 3.57746 3 2.28873 4.31802C1 5.63604 1 7.75736 1 12C1 16.2426 1 18.364 2.28873 19.682C3.57746 21 5.65164 21 9.8 21H14.2C18.3484 21 20.4225 21 21.7113 19.682C23 18.364 23 16.2426 23 12C23 10.9326 23 9.99953 22.9795 9.1797C22.3821 9.47943 21.7103 9.64773 21 9.64773C18.5147 9.64773 16.5 7.58722 16.5 5.04545C16.5 4.31904 16.6646 3.63193 16.9576 3.02099Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                    <span
+                                        class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Mailbox</span>
+                                </div>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="/apps/todolist" class="group">
+                                <div class="flex items-center">
+
+                                    <svg class="group-hover:!text-primary shrink-0" width="20" height="20"
+                                        viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5"
+                                            d="M3 10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H13C16.7712 2 18.6569 2 19.8284 3.17157C21 4.34315 21 6.22876 21 10V14C21 17.7712 21 19.6569 19.8284 20.8284C18.6569 22 16.7712 22 13 22H11C7.22876 22 5.34315 22 4.17157 20.8284C3 19.6569 3 17.7712 3 14V10Z"
+                                            fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M12 5.25C12.4142 5.25 12.75 5.58579 12.75 6V7.25H14C14.4142 7.25 14.75 7.58579 14.75 8C14.75 8.41421 14.4142 8.75 14 8.75L12.75 8.75L12.75 10C12.75 10.4142 12.4142 10.75 12 10.75C11.5858 10.75 11.25 10.4142 11.25 10L11.25 8.75H9.99997C9.58575 8.75 9.24997 8.41421 9.24997 8C9.24997 7.58579 9.58575 7.25 9.99997 7.25H11.25L11.25 6C11.25 5.58579 11.5858 5.25 12 5.25ZM7.25 14C7.25 13.5858 7.58579 13.25 8 13.25H16C16.4142 13.25 16.75 13.5858 16.75 14C16.75 14.4142 16.4142 14.75 16 14.75H8C7.58579 14.75 7.25 14.4142 7.25 14ZM8.25 18C8.25 17.5858 8.58579 17.25 9 17.25H15C15.4142 17.25 15.75 17.5858 15.75 18C15.75 18.4142 15.4142 18.75 15 18.75H9C8.58579 18.75 8.25 18.4142 8.25 18Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                    <span
+                                        class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Todo
+                                        List</span>
+                                </div>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="/apps/notes" class="group">
+                                <div class="flex items-center">
+
+                                    <svg class="group-hover:!text-primary shrink-0" width="20" height="20"
+                                        viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5"
+                                            d="M3 10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H13C16.7712 2 18.6569 2 19.8284 3.17157C21 4.34315 21 6.22876 21 10V14C21 17.7712 21 19.6569 19.8284 20.8284C18.6569 22 16.7712 22 13 22H11C7.22876 22 5.34315 22 4.17157 20.8284C3 19.6569 3 17.7712 3 14V10Z"
+                                            fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M7.25 12C7.25 11.5858 7.58579 11.25 8 11.25H16C16.4142 11.25 16.75 11.5858 16.75 12C16.75 12.4142 16.4142 12.75 16 12.75H8C7.58579 12.75 7.25 12.4142 7.25 12Z"
+                                            fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M7.25 8C7.25 7.58579 7.58579 7.25 8 7.25H16C16.4142 7.25 16.75 7.58579 16.75 8C16.75 8.41421 16.4142 8.75 16 8.75H8C7.58579 8.75 7.25 8.41421 7.25 8Z"
+                                            fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M7.25 16C7.25 15.5858 7.58579 15.25 8 15.25H13C13.4142 15.25 13.75 15.5858 13.75 16C13.75 16.4142 13.4142 16.75 13 16.75H8C7.58579 16.75 7.25 16.4142 7.25 16Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                    <span
+                                        class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Notes</span>
+                                </div>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="/apps/scrumboard" class="group">
+                                <div class="flex items-center">
+
+                                    <svg class="group-hover:!text-primary shrink-0" width="20" height="20"
+                                        viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5"
+                                            d="M21 15.9983V9.99826C21 7.16983 21 5.75562 20.1213 4.87694C19.3529 4.10856 18.175 4.01211 16 4H8C5.82497 4.01211 4.64706 4.10856 3.87868 4.87694C3 5.75562 3 7.16983 3 9.99826V15.9983C3 18.8267 3 20.2409 3.87868 21.1196C4.75736 21.9983 6.17157 21.9983 9 21.9983H15C17.8284 21.9983 19.2426 21.9983 20.1213 21.1196C21 20.2409 21 18.8267 21 15.9983Z"
+                                            fill="currentColor" />
+                                        <path
+                                            d="M8 3.5C8 2.67157 8.67157 2 9.5 2H14.5C15.3284 2 16 2.67157 16 3.5V4.5C16 5.32843 15.3284 6 14.5 6H9.5C8.67157 6 8 5.32843 8 4.5V3.5Z"
+                                            fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M12 9.25C12.4142 9.25 12.75 9.58579 12.75 10V12.25L15 12.25C15.4142 12.25 15.75 12.5858 15.75 13C15.75 13.4142 15.4142 13.75 15 13.75L12.75 13.75L12.75 16C12.75 16.4142 12.4142 16.75 12 16.75C11.5858 16.75 11.25 16.4142 11.25 16L11.25 13.75H9C8.58579 13.75 8.25 13.4142 8.25 13C8.25 12.5858 8.58579 12.25 9 12.25L11.25 12.25L11.25 10C11.25 9.58579 11.5858 9.25 12 9.25Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                    <span
+                                        class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Scrumboard</span>
+                                </div>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="/apps/contacts" class="group">
+                                <div class="flex items-center">
+
+                                    <svg class="group-hover:!text-primary shrink-0" width="20" height="20"
+                                        viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5"
+                                            d="M19.7165 20.3624C21.143 19.5846 22 18.5873 22 17.5C22 16.3475 21.0372 15.2961 19.4537 14.5C17.6226 13.5794 14.9617 13 12 13C9.03833 13 6.37738 13.5794 4.54631 14.5C2.96285 15.2961 2 16.3475 2 17.5C2 18.6525 2.96285 19.7039 4.54631 20.5C6.37738 21.4206 9.03833 22 12 22C15.1066 22 17.8823 21.3625 19.7165 20.3624Z"
+                                            fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M5 8.51464C5 4.9167 8.13401 2 12 2C15.866 2 19 4.9167 19 8.51464C19 12.0844 16.7658 16.2499 13.2801 17.7396C12.4675 18.0868 11.5325 18.0868 10.7199 17.7396C7.23416 16.2499 5 12.0844 5 8.51464ZM12 11C13.1046 11 14 10.1046 14 9C14 7.89543 13.1046 7 12 7C10.8954 7 10 7.89543 10 9C10 10.1046 10.8954 11 12 11Z"
+                                            fill="currentColor" />
+                                    </svg>
+
+                                    <span
+                                        class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Contacts</span>
+                                </div>
+                            </a>
+                        </li>
+                        <li class="menu nav-item">
+                            <button type="button" class="nav-link group"
+                                :class="{ 'active': activeDropdown === 'invoice' }"
+                                @click="activeDropdown === 'invoice' ? activeDropdown = null : activeDropdown = 'invoice'">
+                                <div class="flex items-center">
+
+                                    <svg class="group-hover:!text-primary shrink-0" width="20" height="20"
+                                        viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                                            fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M12 5.25C12.4142 5.25 12.75 5.58579 12.75 6V6.31673C14.3804 6.60867 15.75 7.83361 15.75 9.5C15.75 9.91421 15.4142 10.25 15 10.25C14.5858 10.25 14.25 9.91421 14.25 9.5C14.25 8.82154 13.6859 8.10339 12.75 7.84748V11.3167C14.3804 11.6087 15.75 12.8336 15.75 14.5C15.75 16.1664 14.3804 17.3913 12.75 17.6833V18C12.75 18.4142 12.4142 18.75 12 18.75C11.5858 18.75 11.25 18.4142 11.25 18V17.6833C9.61957 17.3913 8.25 16.1664 8.25 14.5C8.25 14.0858 8.58579 13.75 9 13.75C9.41421 13.75 9.75 14.0858 9.75 14.5C9.75 15.1785 10.3141 15.8966 11.25 16.1525V12.6833C9.61957 12.3913 8.25 11.1664 8.25 9.5C8.25 7.83361 9.61957 6.60867 11.25 6.31673V6C11.25 5.58579 11.5858 5.25 12 5.25ZM11.25 7.84748C10.3141 8.10339 9.75 8.82154 9.75 9.5C9.75 10.1785 10.3141 10.8966 11.25 11.1525V7.84748ZM14.25 14.5C14.25 13.8215 13.6859 13.1034 12.75 12.8475V16.1525C13.6859 15.8966 14.25 15.1785 14.25 14.5Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                    <span
+                                        class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Invoice</span>
+                                </div>
+                                <div class="rtl:rotate-180" :class="{ '!rotate-90': activeDropdown === 'invoice' }">
+
+                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </div>
+                            </button>
+                            <ul x-cloak x-show="activeDropdown === 'invoice'" x-collapse
+                                class="sub-menu text-gray-500">
+                                <li>
+                                    <a href="/apps/invoice/list">List</a>
+                                </li>
+                                <li>
+                                    <a href="/apps/invoice/preview">Preview</a>
+                                </li>
+                                <li>
+                                    <a href="/apps/invoice/add">Add</a>
+                                </li>
+                                <li>
+                                    <a href="/apps/invoice/edit">Edit</a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="nav-item">
+                            <a href="/apps/calendar" class="group">
+                                <div class="flex items-center">
+
+                                    <svg class="group-hover:!text-primary shrink-0" width="20" height="20"
+                                        viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M6.94028 2C7.35614 2 7.69326 2.32421 7.69326 2.72414V4.18487C8.36117 4.17241 9.10983 4.17241 9.95219 4.17241H13.9681C14.8104 4.17241 15.5591 4.17241 16.227 4.18487V2.72414C16.227 2.32421 16.5641 2 16.98 2C17.3958 2 17.733 2.32421 17.733 2.72414V4.24894C19.178 4.36022 20.1267 4.63333 20.8236 5.30359C21.5206 5.97385 21.8046 6.88616 21.9203 8.27586L22 9H2.92456H2V8.27586C2.11571 6.88616 2.3997 5.97385 3.09665 5.30359C3.79361 4.63333 4.74226 4.36022 6.1873 4.24894V2.72414C6.1873 2.32421 6.52442 2 6.94028 2Z"
+                                            fill="currentColor" />
+                                        <path opacity="0.5"
+                                            d="M21.9995 14.0001V12.0001C21.9995 11.161 21.9963 9.66527 21.9834 9H2.00917C1.99626 9.66527 1.99953 11.161 1.99953 12.0001V14.0001C1.99953 17.7713 1.99953 19.6569 3.1711 20.8285C4.34267 22.0001 6.22829 22.0001 9.99953 22.0001H13.9995C17.7708 22.0001 19.6564 22.0001 20.828 20.8285C21.9995 19.6569 21.9995 17.7713 21.9995 14.0001Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                    <span
+                                        class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Calendar</span>
+                                </div>
+                            </a>
+                        </li>
+                    </ul>
+                </li>
+
+                <h2
+                    class="py-3 px-7 flex items-center uppercase font-extrabold bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] -mx-4 mb-1">
+
+                    <svg class="w-4 h-5 flex-none hidden" viewBox="0 0 24 24" stroke="currentColor"
+                        stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                        <line x1="5" y1="12" x2="19" y2="12"></line>
+                    </svg>
+                    <span>USER INTERFACE</span>
+                </h2>
+
+                <li class="menu nav-item">
+                    <button type="button" class="nav-link group"
+                        :class="{ 'active': activeDropdown === 'components' }"
+                        @click="activeDropdown === 'components' ? activeDropdown = null : activeDropdown = 'components'">
+                        <div class="flex items-center">
+
+                            <svg class="group-hover:!text-primary shrink-0" width="20" height="20" viewBox="0 0 24 24"
+                                fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M8.42229 20.6181C10.1779 21.5395 11.0557 22.0001 12 22.0001V12.0001L2.63802 7.07275C2.62423 7.09491 2.6107 7.11727 2.5974 7.13986C2 8.15436 2 9.41678 2 11.9416V12.0586C2 14.5834 2 15.8459 2.5974 16.8604C3.19479 17.8749 4.27063 18.4395 6.42229 19.5686L8.42229 20.6181Z"
+                                    fill="currentColor" />
+                                <path opacity="0.7"
+                                    d="M17.5774 4.43152L15.5774 3.38197C13.8218 2.46066 12.944 2 11.9997 2C11.0554 2 10.1776 2.46066 8.42197 3.38197L6.42197 4.43152C4.31821 5.53552 3.24291 6.09982 2.6377 7.07264L11.9997 12L21.3617 7.07264C20.7564 6.09982 19.6811 5.53552 17.5774 4.43152Z"
+                                    fill="currentColor" />
+                                <path opacity="0.5"
+                                    d="M21.4026 7.13986C21.3893 7.11727 21.3758 7.09491 21.362 7.07275L12 12.0001V22.0001C12.9443 22.0001 13.8221 21.5395 15.5777 20.6181L17.5777 19.5686C19.7294 18.4395 20.8052 17.8749 21.4026 16.8604C22 15.8459 22 14.5834 22 12.0586V11.9416C22 9.41678 22 8.15436 21.4026 7.13986Z"
+                                    fill="currentColor" />
+                            </svg>
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Components</span>
+                        </div>
+                        <div class="rtl:rotate-180" :class="{ '!rotate-90': activeDropdown === 'components' }">
+
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </div>
+                    </button>
+                    <ul x-cloak x-show="activeDropdown === 'components'" x-collapse class="sub-menu text-gray-500">
+                        <li>
+                            <a href="/components/tabs">Tabs</a>
+                        </li>
+                        <li>
+                            <a href="/components/accordions">Accordions</a>
+                        </li>
+                        <li>
+                            <a href="/components/modals">Modals</a>
+                        </li>
+                        <li>
+                            <a href="/components/cards">Cards</a>
+                        </li>
+                        <li>
+                            <a href="/components/carousel">Carousel</a>
+                        </li>
+                        <li>
+                            <a href="/components/countdown">Countdown</a>
+                        </li>
+                        <li>
+                            <a href="/components/counter">Counter</a>
+                        </li>
+                        <li>
+                            <a href="/components/sweetalert">Sweet Alerts</a>
+                        </li>
+                        <li>
+                            <a href="/components/timeline">Timeline</a>
+                        </li>
+                        <li>
+                            <a href="/components/notifications">Notifications</a>
+                        </li>
+                        <li>
+                            <a href="/components/media-object">Media Object</a>
+                        </li>
+                        <li>
+                            <a href="/components/list-group">List Group</a>
+                        </li>
+                        <li>
+                            <a href="/components/pricing-table">Pricing Tables</a>
+                        </li>
+                        <li>
+                            <a href="/components/lightbox">Lightbox</a>
+                        </li>
+                    </ul>
+                </li>
+
+                <li class="menu nav-item">
+                    <button type="button" class="nav-link group" :class="{ 'active': activeDropdown === 'elements' }"
+                        @click="activeDropdown === 'elements' ? activeDropdown = null : activeDropdown = 'elements'">
+                        <div class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="group-hover:!text-primary shrink-0">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M8.73167 5.77133L5.66953 9.91436C4.3848 11.6526 3.74244 12.5217 4.09639 13.205C4.10225 13.2164 4.10829 13.2276 4.1145 13.2387C4.48945 13.9117 5.59888 13.9117 7.81775 13.9117C9.05079 13.9117 9.6673 13.9117 10.054 14.2754L10.074 14.2946L13.946 9.72466L13.926 9.70541C13.5474 9.33386 13.5474 8.74151 13.5474 7.55682V7.24712C13.5474 3.96249 13.5474 2.32018 12.6241 2.03721C11.7007 1.75425 10.711 3.09327 8.73167 5.77133Z"
+                                    fill="currentColor"></path>
+                                <path opacity="0.5"
+                                    d="M10.4527 16.4432L10.4527 16.7528C10.4527 20.0374 10.4527 21.6798 11.376 21.9627C12.2994 22.2457 13.2891 20.9067 15.2685 18.2286L18.3306 14.0856C19.6154 12.3474 20.2577 11.4783 19.9038 10.7949C19.8979 10.7836 19.8919 10.7724 19.8857 10.7613C19.5107 10.0883 18.4013 10.0883 16.1824 10.0883C14.9494 10.0883 14.3329 10.0883 13.9462 9.72461L10.0742 14.2946C10.4528 14.6661 10.4527 15.2585 10.4527 16.4432Z"
+                                    fill="currentColor"></path>
+                            </svg>
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Elements</span>
+                        </div>
+                        <div class="rtl:rotate-180" :class="{ '!rotate-90': activeDropdown === 'elements' }">
+
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </div>
+                    </button>
+                    <ul x-cloak x-show="activeDropdown === 'elements'" x-collapse class="sub-menu text-gray-500">
+                        <li>
+                            <a href="/elements/alerts">Alerts</a>
+                        </li>
+                        <li>
+                            <a href="/elements/avatar">Avatar</a>
+                        </li>
+                        <li>
+                            <a href="/elements/badges">Badges</a>
+                        </li>
+                        <li>
+                            <a href="/elements/breadcrumbs">Breadcrumbs</a>
+                        </li>
+                        <li>
+                            <a href="/elements/buttons">Buttons</a>
+                        </li>
+                        <li>
+                            <a href="/elements/buttons-group">Button Groups</a>
+                        </li>
+                        <li>
+                            <a href="/elements/color-library">Color Library</a>
+                        </li>
+                        <li>
+                            <a href="/elements/dropdown">Dropdown</a>
+                        </li>
+                        <li>
+                            <a href="/elements/infobox">Infobox</a>
+                        </li>
+                        <li>
+                            <a href="/elements/jumbotron">Jumbotron</a>
+                        </li>
+                        <li>
+                            <a href="/elements/loader">Loader</a>
+                        </li>
+                        <li>
+                            <a href="/elements/pagination">Pagination</a>
+                        </li>
+                        <li>
+                            <a href="/elements/popovers">Popovers</a>
+                        </li>
+                        <li>
+                            <a href="/elements/progress-bar">Progress Bar</a>
+                        </li>
+                        <li>
+                            <a href="/elements/search">Search</a>
+                        </li>
+                        <li>
+                            <a href="/elements/tooltips">Tooltips</a>
+                        </li>
+                        <li>
+                            <a href="/elements/treeview">Treeview</a>
+                        </li>
+                        <li>
+                            <a href="/elements/typography">Typography</a>
+                        </li>
+                    </ul>
+                </li>
+
+                <li class="menu nav-item">
+                    <a href="/charts" class="nav-link group">
+                        <div class="flex items-center">
+
+                            <svg class="group-hover:!text-primary shrink-0" width="20" height="20" viewBox="0 0 24 24"
+                                fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M6.22209 4.60105C6.66665 4.304 7.13344 4.04636 7.6171 3.82976C8.98898 3.21539 9.67491 2.9082 10.5875 3.4994C11.5 4.09061 11.5 5.06041 11.5 7.00001V8.50001C11.5 10.3856 11.5 11.3284 12.0858 11.9142C12.6716 12.5 13.6144 12.5 15.5 12.5H17C18.9396 12.5 19.9094 12.5 20.5006 13.4125C21.0918 14.3251 20.7846 15.011 20.1702 16.3829C19.9536 16.8666 19.696 17.3334 19.399 17.7779C18.3551 19.3402 16.8714 20.5578 15.1355 21.2769C13.3996 21.9959 11.4895 22.184 9.64665 21.8175C7.80383 21.4509 6.11109 20.5461 4.78249 19.2175C3.45389 17.8889 2.5491 16.1962 2.18254 14.3534C1.81598 12.5105 2.00412 10.6004 2.72315 8.86451C3.44218 7.12861 4.65982 5.64492 6.22209 4.60105Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M21.446 7.06901C20.6342 5.00831 18.9917 3.36579 16.931 2.55398C15.3895 1.94669 14 3.34316 14 5.00002V9.00002C14 9.5523 14.4477 10 15 10H19C20.6569 10 22.0533 8.61055 21.446 7.06901Z"
+                                    fill="currentColor" />
+                            </svg>
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Charts</span>
+                        </div>
+                    </a>
+                </li>
+
+                <li class="menu nav-item">
+                    <a href="/widgets" class="nav-link group">
+                        <div class="flex items-center">
+
+                            <svg class="group-hover:!text-primary shrink-0" width="20" height="20" viewBox="0 0 24 24"
+                                fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M13 15.4C13 13.3258 13 12.2887 13.659 11.6444C14.318 11 15.3787 11 17.5 11C19.6213 11 20.682 11 21.341 11.6444C22 12.2887 22 13.3258 22 15.4V17.6C22 19.6742 22 20.7113 21.341 21.3556C20.682 22 19.6213 22 17.5 22C15.3787 22 14.318 22 13.659 21.3556C13 20.7113 13 19.6742 13 17.6V15.4Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M2 8.6C2 10.6742 2 11.7113 2.65901 12.3556C3.31802 13 4.37868 13 6.5 13C8.62132 13 9.68198 13 10.341 12.3556C11 11.7113 11 10.6742 11 8.6V6.4C11 4.32582 11 3.28873 10.341 2.64437C9.68198 2 8.62132 2 6.5 2C4.37868 2 3.31802 2 2.65901 2.64437C2 3.28873 2 4.32582 2 6.4V8.6Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M13 5.5C13 4.4128 13 3.8692 13.1713 3.44041C13.3996 2.86867 13.8376 2.41443 14.389 2.17761C14.8024 2 15.3266 2 16.375 2H18.625C19.6734 2 20.1976 2 20.611 2.17761C21.1624 2.41443 21.6004 2.86867 21.8287 3.44041C22 3.8692 22 4.4128 22 5.5C22 6.5872 22 7.1308 21.8287 7.55959C21.6004 8.13133 21.1624 8.58557 20.611 8.82239C20.1976 9 19.6734 9 18.625 9H16.375C15.3266 9 14.8024 9 14.389 8.82239C13.8376 8.58557 13.3996 8.13133 13.1713 7.55959C13 7.1308 13 6.5872 13 5.5Z"
+                                    fill="currentColor" />
+                                <path opacity="0.5"
+                                    d="M2 18.5C2 19.5872 2 20.1308 2.17127 20.5596C2.39963 21.1313 2.83765 21.5856 3.38896 21.8224C3.80245 22 4.32663 22 5.375 22H7.625C8.67337 22 9.19755 22 9.61104 21.8224C10.1624 21.5856 10.6004 21.1313 10.8287 20.5596C11 20.1308 11 19.5872 11 18.5C11 17.4128 11 16.8692 10.8287 16.4404C10.6004 15.8687 10.1624 15.4144 9.61104 15.1776C9.19755 15 8.67337 15 7.625 15H5.375C4.32663 15 3.80245 15 3.38896 15.1776C2.83765 15.4144 2.39963 15.8687 2.17127 16.4404C2 16.8692 2 17.4128 2 18.5Z"
+                                    fill="currentColor" />
+                            </svg>
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Widgets</span>
+                        </div>
+                    </a>
+                </li>
+
+                <li class="menu nav-item">
+                    <a href="/font-icons" class="nav-link group">
+                        <div class="flex items-center">
+
+                            <svg class="group-hover:!text-primary shrink-0" width="20" height="20" viewBox="0 0 24 24"
+                                fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                                    fill="currentColor" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M12 6.75C9.1005 6.75 6.75 9.1005 6.75 12C6.75 14.8995 9.1005 17.25 12 17.25C12.4142 17.25 12.75 17.5858 12.75 18C12.75 18.4142 12.4142 18.75 12 18.75C8.27208 18.75 5.25 15.7279 5.25 12C5.25 8.27208 8.27208 5.25 12 5.25C15.7279 5.25 18.75 8.27208 18.75 12C18.75 12.8103 18.6069 13.5889 18.3439 14.3108C18.211 14.6756 17.9855 14.9732 17.7354 15.204L17.6548 15.2783C16.8451 16.0252 15.6294 16.121 14.7127 15.5099C14.3431 15.2635 14.0557 14.9233 13.8735 14.5325C13.3499 14.9205 12.7017 15.15 12 15.15C10.2603 15.15 8.85 13.7397 8.85 12C8.85 10.2603 10.2603 8.85 12 8.85C13.7397 8.85 15.15 10.2603 15.15 12V13.5241C15.15 13.8206 15.2981 14.0974 15.5448 14.2618C15.8853 14.4888 16.3369 14.4533 16.6377 14.1758L16.7183 14.1015C16.8295 13.9989 16.8991 13.8944 16.9345 13.7973C17.1384 13.2376 17.25 12.6327 17.25 12C17.25 9.1005 14.8995 6.75 12 6.75ZM12 10.35C12.9113 10.35 13.65 11.0887 13.65 12C13.65 12.9113 12.9113 13.65 12 13.65C11.0887 13.65 10.35 12.9113 10.35 12C10.35 11.0887 11.0887 10.35 12 10.35Z"
+                                    fill="currentColor" />
+                            </svg>
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Font
+                                Icons</span>
+                        </div>
+                    </a>
+                </li>
+
+                <li class="menu nav-item">
+                    <a href="/dragndrop" class="nav-link group">
+                        <div class="flex items-center">
+
+                            <svg class="group-hover:!text-primary shrink-0" width="20" height="20" viewBox="0 0 24 24"
+                                fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M13.25 7C13.25 7.41421 13.5858 7.75 14 7.75H15.1893L12.9697 9.96967C12.6768 10.2626 12.6768 10.7374 12.9697 11.0303C13.2626 11.3232 13.7374 11.3232 14.0303 11.0303L16.25 8.81066V10C16.25 10.4142 16.5858 10.75 17 10.75C17.4142 10.75 17.75 10.4142 17.75 10V7C17.75 6.58579 17.4142 6.25 17 6.25H14C13.5858 6.25 13.25 6.58579 13.25 7Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M11.0303 14.0303C11.3232 13.7374 11.3232 13.2626 11.0303 12.9697C10.7374 12.6768 10.2626 12.6768 9.96967 12.9697L7.75 15.1893V14C7.75 13.5858 7.41421 13.25 7 13.25C6.58579 13.25 6.25 13.5858 6.25 14V17C6.25 17.4142 6.58579 17.75 7 17.75H10C10.4142 17.75 10.75 17.4142 10.75 17C10.75 16.5858 10.4142 16.25 10 16.25H8.81066L11.0303 14.0303Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M10.75 7C10.75 7.41421 10.4142 7.75 10 7.75H8.81066L11.0303 9.96967C11.3232 10.2626 11.3232 10.7374 11.0303 11.0303C10.7374 11.3232 10.2626 11.3232 9.96967 11.0303L7.75 8.81066V10C7.75 10.4142 7.41421 10.75 7 10.75C6.58579 10.75 6.25 10.4142 6.25 10V7C6.25 6.58579 6.58579 6.25 7 6.25H10C10.4142 6.25 10.75 6.58579 10.75 7Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M12.9697 14.0303C12.6768 13.7374 12.6768 13.2626 12.9697 12.9697C13.2626 12.6768 13.7374 12.6768 14.0303 12.9697L16.25 15.1893V14C16.25 13.5858 16.5858 13.25 17 13.25C17.4142 13.25 17.75 13.5858 17.75 14V17C17.75 17.4142 17.4142 17.75 17 17.75H14C13.5858 17.75 13.25 17.4142 13.25 17C13.25 16.5858 13.5858 16.25 14 16.25H15.1893L12.9697 14.0303Z"
+                                    fill="currentColor" />
+                            </svg>
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Drag
+                                and Drop</span>
+                        </div>
+                    </a>
+                </li>
+
+
+                <h2
+                    class="py-3 px-7 flex items-center uppercase font-extrabold bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] -mx-4 mb-1">
+
+                    <svg class="w-4 h-5 flex-none hidden" viewBox="0 0 24 24" stroke="currentColor"
+                        stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                        <line x1="5" y1="12" x2="19" y2="12"></line>
+                    </svg>
+                    <span>TABLES AND FORMS</span>
+                </h2>
+
+                <li class="menu nav-item">
+                    <a href="/tables" class="nav-link group">
+                        <div class="flex items-center">
+
+                            <svg class="group-hover:!text-primary shrink-0" width="20" height="20" viewBox="0 0 24 24"
+                                fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M18.75 8C18.75 8.41421 18.4142 8.75 18 8.75H6C5.58579 8.75 5.25 8.41421 5.25 8C5.25 7.58579 5.58579 7.25 6 7.25H18C18.4142 7.25 18.75 7.58579 18.75 8Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M18.75 12C18.75 12.4142 18.4142 12.75 18 12.75H6C5.58579 12.75 5.25 12.4142 5.25 12C5.25 11.5858 5.58579 11.25 6 11.25H18C18.4142 11.25 18.75 11.5858 18.75 12Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M18.75 16C18.75 16.4142 18.4142 16.75 18 16.75H6C5.58579 16.75 5.25 16.4142 5.25 16C5.25 15.5858 5.58579 15.25 6 15.25H18C18.4142 15.25 18.75 15.5858 18.75 16Z"
+                                    fill="currentColor" />
+                            </svg>
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Tables</span>
+                        </div>
+                    </a>
+                </li>
+
+                <li class="menu nav-item">
+                    <button type="button" class="nav-link group"
+                        :class=" { 'active': activeDropdown === 'datatables' }"
+                        @click="activeDropdown === 'datatables' ? activeDropdown = null : activeDropdown = 'datatables'">
+                        <div class="flex items-center">
+
+                            <svg class="group-hover:!text-primary shrink-0" width="20" height="20" viewBox="0 0 24 24"
+                                fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.97883 9.68508C2.99294 8.89073 2 8.49355 2 8C2 7.50645 2.99294 7.10927 4.97883 6.31492L7.7873 5.19153C9.77318 4.39718 10.7661 4 12 4C13.2339 4 14.2268 4.39718 16.2127 5.19153L19.0212 6.31492C21.0071 7.10927 22 7.50645 22 8C22 8.49355 21.0071 8.89073 19.0212 9.68508L16.2127 10.8085C14.2268 11.6028 13.2339 12 12 12C10.7661 12 9.77318 11.6028 7.7873 10.8085L4.97883 9.68508Z"
+                                    fill="currentColor" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M2 8C2 8.49355 2.99294 8.89073 4.97883 9.68508L7.7873 10.8085C9.77318 11.6028 10.7661 12 12 12C13.2339 12 14.2268 11.6028 16.2127 10.8085L19.0212 9.68508C21.0071 8.89073 22 8.49355 22 8C22 7.50645 21.0071 7.10927 19.0212 6.31492L16.2127 5.19153C14.2268 4.39718 13.2339 4 12 4C10.7661 4 9.77318 4.39718 7.7873 5.19153L4.97883 6.31492C2.99294 7.10927 2 7.50645 2 8Z"
+                                    fill="currentColor" />
+                                <path opacity="0.7"
+                                    d="M5.76613 10L4.97883 10.3149C2.99294 11.1093 2 11.5065 2 12C2 12.4935 2.99294 12.8907 4.97883 13.6851L7.7873 14.8085C9.77318 15.6028 10.7661 16 12 16C13.2339 16 14.2268 15.6028 16.2127 14.8085L19.0212 13.6851C21.0071 12.8907 22 12.4935 22 12C22 11.5065 21.0071 11.1093 19.0212 10.3149L18.2339 10L16.2127 10.8085C14.2268 11.6028 13.2339 12 12 12C10.7661 12 9.77318 11.6028 7.7873 10.8085L5.76613 10Z"
+                                    fill="currentColor" />
+                                <path opacity="0.4"
+                                    d="M5.76613 14L4.97883 14.3149C2.99294 15.1093 2 15.5065 2 16C2 16.4935 2.99294 16.8907 4.97883 17.6851L7.7873 18.8085C9.77318 19.6028 10.7661 20 12 20C13.2339 20 14.2268 19.6028 16.2127 18.8085L19.0212 17.6851C21.0071 16.8907 22 16.4935 22 16C22 15.5065 21.0071 15.1093 19.0212 14.3149L18.2339 14L16.2127 14.8085C14.2268 15.6028 13.2339 16 12 16C10.7661 16 9.77318 15.6028 7.7873 14.8085L5.76613 14Z"
+                                    fill="currentColor" />
+                            </svg>
+
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Data
+                                Tables</span>
+                        </div>
+                        <div class="rtl:rotate-180" :class="{ '!rotate-90': activeDropdown === 'datatables' }">
+
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </div>
+                    </button>
+                    <ul x-cloak x-show="activeDropdown === 'datatables'" x-collapse class="sub-menu text-gray-500">
+                        <li>
+                            <a href="/datatables/basic">Basic</a>
+                        </li>
+                        <li>
+                            <a href="/datatables/advanced">Advanced</a>
+                        </li>
+                        <li>
+                            <a href="/datatables/skin">Skin</a>
+                        </li>
+                        <li>
+                            <a href="/datatables/order-sorting">Order Sorting</a>
+                        </li>
+                        <li>
+                            <a href="/datatables/multi-column">Multi Column</a>
+                        </li>
+                        <li>
+                            <a href="/datatables/multiple-tables">Multiple Tables</a>
+                        </li>
+                        <li>
+                            <a href="/datatables/alt-pagination">Alt. Pagination</a>
+                        </li>
+                        <li>
+                            <a href="/datatables/checkbox">Checkbox</a>
+                        </li>
+                        <li>
+                            <a href="/datatables/range-search">Range Search</a>
+                        </li>
+                        <li>
+                            <a href="/datatables/export">Export</a>
+                        </li>
+                        <li>
+                            <a href="/datatables/sticky-header">Sticky Header</a>
+                        </li>
+                        <li>
+                            <a href="/datatables/clone-header">Clone Header</a>
+                        </li>
+                        <li>
+                            <a href="/datatables/column-chooser">Column Chooser</a>
+                        </li>
+                    </ul>
+                </li>
+
+                <li class="menu nav-item">
+                    <button type="button" class="nav-link group" :class="{ 'active': activeDropdown === 'forms' }"
+                        @click="activeDropdown === 'forms' ? activeDropdown = null : activeDropdown = 'forms'">
+                        <div class="flex items-center">
+
+                            <svg class="group-hover:!text-primary shrink-0" width="20" height="20" viewBox="0 0 24 24"
+                                fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M3 10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H13C16.7712 2 18.6569 2 19.8284 3.17157C21 4.34315 21 6.22876 21 10V14C21 17.7712 21 19.6569 19.8284 20.8284C18.6569 22 16.7712 22 13 22H11C7.22876 22 5.34315 22 4.17157 20.8284C3 19.6569 3 17.7712 3 14V10Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M16.5189 16.5013C16.6939 16.3648 16.8526 16.2061 17.1701 15.8886L21.1275 11.9312C21.2231 11.8356 21.1793 11.6708 21.0515 11.6264C20.5844 11.4644 19.9767 11.1601 19.4083 10.5917C18.8399 10.0233 18.5356 9.41561 18.3736 8.94849C18.3292 8.82066 18.1644 8.77687 18.0688 8.87254L14.1114 12.8299C13.7939 13.1474 13.6352 13.3061 13.4987 13.4811C13.3377 13.6876 13.1996 13.9109 13.087 14.1473C12.9915 14.3476 12.9205 14.5606 12.7786 14.9865L12.5951 15.5368L12.3034 16.4118L12.0299 17.2323C11.9601 17.4419 12.0146 17.6729 12.1708 17.8292C12.3271 17.9854 12.5581 18.0399 12.7677 17.9701L13.5882 17.6966L14.4632 17.4049L15.0135 17.2214L15.0136 17.2214C15.4394 17.0795 15.6524 17.0085 15.8527 16.913C16.0891 16.8004 16.3124 16.6623 16.5189 16.5013Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M22.3665 10.6922C23.2112 9.84754 23.2112 8.47812 22.3665 7.63348C21.5219 6.78884 20.1525 6.78884 19.3078 7.63348L19.1806 7.76071C19.0578 7.88348 19.0022 8.05496 19.0329 8.22586C19.0522 8.33336 19.0879 8.49053 19.153 8.67807C19.2831 9.05314 19.5288 9.54549 19.9917 10.0083C20.4545 10.4712 20.9469 10.7169 21.3219 10.847C21.5095 10.9121 21.6666 10.9478 21.7741 10.9671C21.945 10.9978 22.1165 10.9422 22.2393 10.8194L22.3665 10.6922Z"
+                                    fill="currentColor" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M7.25 9C7.25 8.58579 7.58579 8.25 8 8.25H14.5C14.9142 8.25 15.25 8.58579 15.25 9C15.25 9.41421 14.9142 9.75 14.5 9.75H8C7.58579 9.75 7.25 9.41421 7.25 9ZM7.25 13C7.25 12.5858 7.58579 12.25 8 12.25H11C11.4142 12.25 11.75 12.5858 11.75 13C11.75 13.4142 11.4142 13.75 11 13.75H8C7.58579 13.75 7.25 13.4142 7.25 13ZM7.25 17C7.25 16.5858 7.58579 16.25 8 16.25H9.5C9.91421 16.25 10.25 16.5858 10.25 17C10.25 17.4142 9.91421 17.75 9.5 17.75H8C7.58579 17.75 7.25 17.4142 7.25 17Z"
+                                    fill="currentColor" />
+                            </svg>
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Forms</span>
+                        </div>
+                        <div class="rtl:rotate-180" :class="{ '!rotate-90': activeDropdown === 'forms' }">
+
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </div>
+                    </button>
+                    <ul x-cloak x-show="activeDropdown === 'forms'" x-collapse class="sub-menu text-gray-500">
+                        <li>
+                            <a href="/forms/basic">Basic</a>
+                        </li>
+                        <li>
+                            <a href="/forms/input-group">Input Group</a>
+                        </li>
+                        <li>
+                            <a href="/forms/layouts">Layouts</a>
+                        </li>
+                        <li>
+                            <a href="/forms/validation">Validation</a>
+                        </li>
+                        <li>
+                            <a href="/forms/input-mask">Input Mask</a>
+                        </li>
+                        <li>
+                            <a href="/forms/select2">Select2</a>
+                        </li>
+                        <li>
+                            <a href="/forms/touchspin">TouchSpin</a>
+                        </li>
+                        <li>
+                            <a href="/forms/checkbox-radio">Checkbox & Radio</a>
+                        </li>
+                        <li>
+                            <a href="/forms/switches">Switches</a>
+                        </li>
+                        <li>
+                            <a href="/forms/wizards">Wizards</a>
+                        </li>
+                        <li>
+                            <a href="/forms/file-upload">File Upload</a>
+                        </li>
+                        <li>
+                            <a href="/forms/quill-editor">Quill Editor</a>
+                        </li>
+                        <li>
+                            <a href="/forms/markdown-editor">Markdown Editor</a>
+                        </li>
+                        <li>
+                            <a href="/forms/date-picker">Date & Range Picker</a>
+                        </li>
+                        <li>
+                            <a href="/forms/clipboard">Clipboard</a>
+                        </li>
+                    </ul>
+                </li>
+
+                <h2
+                    class="py-3 px-7 flex items-center uppercase font-extrabold bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] -mx-4 mb-1">
+
+                    <svg class="w-4 h-5 flex-none hidden" viewBox="0 0 24 24" stroke="currentColor"
+                        stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                        <line x1="5" y1="12" x2="19" y2="12"></line>
+                    </svg>
+                    <span>USER AND PAGES</span>
+                </h2>
+
+                <li class="menu nav-item">
+                    <button type="button" class="nav-link group" :class="{ 'active': activeDropdown === 'users' }"
+                        @click="activeDropdown === 'users' ? activeDropdown = null : activeDropdown = 'users'">
+                        <div class="flex items-center">
+
+                            <svg class="group-hover:!text-primary shrink-0" width="20" height="20" viewBox="0 0 24 24"
+                                fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <circle opacity="0.5" cx="15" cy="6" r="3"
+                                    fill="currentColor" />
+                                <ellipse opacity="0.5" cx="16" cy="17" rx="5" ry="3"
+                                    fill="currentColor" />
+                                <circle cx="9.00098" cy="6" r="4" fill="currentColor" />
+                                <ellipse cx="9.00098" cy="17.001" rx="7" ry="4"
+                                    fill="currentColor" />
+                            </svg>
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Users</span>
+                        </div>
+                        <div class="rtl:rotate-180" :class="{ '!rotate-90': activeDropdown === 'users' }">
+
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </div>
+                    </button>
+                    <ul x-cloak x-show="activeDropdown === 'users'" x-collapse class="sub-menu text-gray-500">
+                        <li>
+                            <a href="/users/profile">Profile</a>
+                        </li>
+                        <li>
+                            <a href="/users/user-account-settings">Account Settings</a>
+                        </li>
+                    </ul>
+                </li>
+                <li class="menu nav-item">
+                    <button type="button" class="nav-link group" :class="{ 'active': activeDropdown === 'pages' }"
+                        @click="activeDropdown === 'pages' ? activeDropdown = null : activeDropdown = 'pages'">
+                        <div class="flex items-center">
+
+                            <svg class="group-hover:!text-primary shrink-0" width="20" height="20" viewBox="0 0 24 24"
+                                fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V10C2 6.22876 2 4.34315 3.17157 3.17157C4.34315 2 6.23869 2 10.0298 2C10.6358 2 11.1214 2 11.53 2.01666C11.5166 2.09659 11.5095 2.17813 11.5092 2.26057L11.5 5.09497C11.4999 6.19207 11.4998 7.16164 11.6049 7.94316C11.7188 8.79028 11.9803 9.63726 12.6716 10.3285C13.3628 11.0198 14.2098 11.2813 15.0569 11.3952C15.8385 11.5003 16.808 11.5002 17.9051 11.5001L18 11.5001H21.9574C22 12.0344 22 12.6901 22 13.5629V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M6 13.75C5.58579 13.75 5.25 14.0858 5.25 14.5C5.25 14.9142 5.58579 15.25 6 15.25H14C14.4142 15.25 14.75 14.9142 14.75 14.5C14.75 14.0858 14.4142 13.75 14 13.75H6Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M6 17.25C5.58579 17.25 5.25 17.5858 5.25 18C5.25 18.4142 5.58579 18.75 6 18.75H11.5C11.9142 18.75 12.25 18.4142 12.25 18C12.25 17.5858 11.9142 17.25 11.5 17.25H6Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M11.5092 2.2601L11.5 5.0945C11.4999 6.1916 11.4998 7.16117 11.6049 7.94269C11.7188 8.78981 11.9803 9.6368 12.6716 10.3281C13.3629 11.0193 14.2098 11.2808 15.057 11.3947C15.8385 11.4998 16.808 11.4997 17.9051 11.4996L21.9574 11.4996C21.9698 11.6552 21.9786 11.821 21.9848 11.9995H22C22 11.732 22 11.5983 21.9901 11.4408C21.9335 10.5463 21.5617 9.52125 21.0315 8.79853C20.9382 8.6713 20.8743 8.59493 20.7467 8.44218C19.9542 7.49359 18.911 6.31193 18 5.49953C17.1892 4.77645 16.0787 3.98536 15.1101 3.3385C14.2781 2.78275 13.862 2.50487 13.2915 2.29834C13.1403 2.24359 12.9408 2.18311 12.7846 2.14466C12.4006 2.05013 12.0268 2.01725 11.5 2.00586L11.5092 2.2601Z"
+                                    fill="currentColor" />
+                            </svg>
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Pages</span>
+                        </div>
+                        <div class="rtl:rotate-180" :class="{ '!rotate-90': activeDropdown === 'pages' }">
+
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </div>
+                    </button>
+                    <ul x-cloak x-show="activeDropdown === 'pages'" x-collapse class="sub-menu text-gray-500">
+                        <li>
+                            <a href="/pages/knowledge-base">Knowledge Base</a>
+                        </li>
+                        <li>
+                            <a href="/pages/contact-us-boxed" target="_blank">Contact Us Boxed</a>
+                        </li>
+                        <li>
+                            <a href="/pages/contact-us-cover" target="_blank">Contact Us Cover</a>
+                        </li>
+                        <li>
+                            <a href="/pages/faq">Faq</a>
+                        </li>
+                        <li>
+                            <a href="/pages/coming-soon-boxed" target="_blank">Coming Soon Boxed</a>
+                        </li>
+                        <li>
+                            <a href="/pages/coming-soon-cover" target="_blank">Coming Soon Cover</a>
+                        </li>
+                        <li x-data="{ subActive: null }">
+                            <button type="button"
+                                class="before:bg-gray-300 before:w-[5px] before:h-[5px] before:rounded ltr:before:mr-2 rtl:before:ml-2 dark:text-[#888ea8] hover:bg-gray-100 dark:hover:bg-gray-900"
+                                @click="subActive === 'error' ? subActive = null : subActive = 'error'">Error
+                                <div class="ltr:ml-auto rtl:mr-auto rtl:rotate-180"
+                                    :class="{ '!rotate-90': subActive === 'error' }">
+
+                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5"
+                                            d="M6.25 19C6.25 19.3139 6.44543 19.5946 6.73979 19.7035C7.03415 19.8123 7.36519 19.7264 7.56944 19.4881L13.5694 12.4881C13.8102 12.2073 13.8102 11.7928 13.5694 11.5119L7.56944 4.51194C7.36519 4.27364 7.03415 4.18773 6.73979 4.29662C6.44543 4.40551 6.25 4.68618 6.25 5.00004L6.25 19Z"
+                                            fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M10.5119 19.5695C10.1974 19.2999 10.161 18.8264 10.4306 18.5119L16.0122 12L10.4306 5.48811C10.161 5.17361 10.1974 4.70014 10.5119 4.43057C10.8264 4.161 11.2999 4.19743 11.5695 4.51192L17.5695 11.5119C17.8102 11.7928 17.8102 12.2072 17.5695 12.4881L11.5695 19.4881C11.2999 19.8026 10.8264 19.839 10.5119 19.5695Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </div>
+                            </button>
+                            <ul class="sub-menu text-gray-500 ltr:ml-2 rtl:mr-2" x-show="subActive === 'error'"
+                                x-collapse>
+                                <li>
+                                    <a href="/pages/error404" target="_blank">404</a>
+                                </li>
+                                <li>
+                                    <a href="/pages/error500" target="_blank">500</a>
+                                </li>
+                                <li>
+                                    <a href="/pages/error503" target="_blank">503</a>
+                                </li>
+                            </ul>
+                        </li>
+                        <li>
+                            <a href="/pages/maintenence" target="_blank">Maintanence</a>
+                        </li>
+                    </ul>
+                </li>
+                <li class="menu nav-item">
+                    <button type="button" class="nav-link group"
+                        :class="{ 'active': activeDropdown === 'authentication' }"
+                        @click="activeDropdown === 'authentication' ? activeDropdown = null : activeDropdown = 'authentication'">
+                        <div class="flex items-center">
+
+                            <svg class="group-hover:!text-primary shrink-0" width="20" height="20" viewBox="0 0 24 24"
+                                fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M2 16C2 13.1716 2 11.7574 2.87868 10.8787C3.75736 10 5.17157 10 8 10H16C18.8284 10 20.2426 10 21.1213 10.8787C22 11.7574 22 13.1716 22 16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H8C5.17157 22 3.75736 22 2.87868 21.1213C2 20.2426 2 18.8284 2 16Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M8 17C8.55228 17 9 16.5523 9 16C9 15.4477 8.55228 15 8 15C7.44772 15 7 15.4477 7 16C7 16.5523 7.44772 17 8 17Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M17 16C17 16.5523 16.5523 17 16 17C15.4477 17 15 16.5523 15 16C15 15.4477 15.4477 15 16 15C16.5523 15 17 15.4477 17 16Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M6.75 8C6.75 5.10051 9.10051 2.75 12 2.75C14.8995 2.75 17.25 5.10051 17.25 8V10.0036C17.8174 10.0089 18.3135 10.022 18.75 10.0546V8C18.75 4.27208 15.7279 1.25 12 1.25C8.27208 1.25 5.25 4.27208 5.25 8V10.0546C5.68651 10.022 6.18264 10.0089 6.75 10.0036V8Z"
+                                    fill="currentColor" />
+                            </svg>
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Authentication</span>
+                        </div>
+                        <div class="rtl:rotate-180" :class="{ '!rotate-90': activeDropdown === 'authentication' }">
+
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </div>
+                    </button>
+                    <ul x-cloak x-show="activeDropdown === 'authentication'" x-collapse
+                        class="sub-menu text-gray-500">
+                        <li>
+                            <a href="/auth/boxed-signin" target="_blank">Login Boxed</a>
+                        </li>
+                        <li>
+                            <a href="/auth/boxed-signup" target="_blank">Register Boxed</a>
+                        </li>
+                        <li>
+                            <a href="/auth/boxed-lockscreen" target="_blank">Unlock Boxed</a>
+                        </li>
+                        <li>
+                            <a href="/auth/boxed-password-reset" target="_blank">Recover ID Boxed</a>
+                        </li>
+                        <li>
+                            <a href="/auth/cover-login" target="_blank">Login Cover</a>
+                        </li>
+                        <li>
+                            <a href="/auth/cover-register" target="_blank">Register Cover</a>
+                        </li>
+                        <li>
+                            <a href="/auth/cover-lockscreen" target="_blank">Unlock Cover</a>
+                        </li>
+                        <li>
+                            <a href="/auth/cover-password-reset" target="_blank">Recover ID Cover</a>
+                        </li>
+                    </ul>
+                </li>
+
+
+
+                <h2
+                    class="py-3 px-7 flex items-center uppercase font-extrabold bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] -mx-4 mb-1">
+
+                    <svg class="w-4 h-5 flex-none hidden" viewBox="0 0 24 24" stroke="currentColor"
+                        stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                        <line x1="5" y1="12" x2="19" y2="12"></line>
+                    </svg>
+                    <span>SUPPORTS</span>
+                </h2>
+
+                <li class="menu nav-item">
+                    <a href="https://vristo.sbthemes.com" target="_blank" class="nav-link group">
+                        <div class="flex items-center">
+
+                            <svg class="group-hover:!text-primary shrink-0" width="20" height="20" viewBox="0 0 24 24"
+                                fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M4 4.69434V18.6943C4 20.3512 5.34315 21.6943 7 21.6943H17C18.6569 21.6943 20 20.3512 20 18.6943V8.69434C20 7.03748 18.6569 5.69434 17 5.69434H5C4.44772 5.69434 4 5.24662 4 4.69434ZM7.25 11.6943C7.25 11.2801 7.58579 10.9443 8 10.9443H16C16.4142 10.9443 16.75 11.2801 16.75 11.6943C16.75 12.1085 16.4142 12.4443 16 12.4443H8C7.58579 12.4443 7.25 12.1085 7.25 11.6943ZM7.25 15.1943C7.25 14.7801 7.58579 14.4443 8 14.4443H13.5C13.9142 14.4443 14.25 14.7801 14.25 15.1943C14.25 15.6085 13.9142 15.9443 13.5 15.9443H8C7.58579 15.9443 7.25 15.6085 7.25 15.1943Z"
+                                    fill="currentColor" />
+                                <path opacity="0.5"
+                                    d="M18 4.00038V5.86504C17.6872 5.75449 17.3506 5.69434 17 5.69434H5C4.44772 5.69434 4 5.24662 4 4.69434V4.62329C4 4.09027 4.39193 3.63837 4.91959 3.56299L15.7172 2.02048C16.922 1.84835 18 2.78328 18 4.00038Z"
+                                    fill="currentColor" />
+                            </svg>
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Documentation</span>
+                        </div>
+                    </a>
+                </li>
+            </ul>
+        </div>
+    </nav>
+</div>
+<script>
+    document.addEventListener("alpine:init", () => {
+        Alpine.data("sidebar", () => ({
+            init() {
+                const selector = document.querySelector('.sidebar ul a[href="' + window.location
+                    .pathname + '"]');
+                if (selector) {
+                    selector.classList.add('active');
+                    const ul = selector.closest('ul.sub-menu');
+                    if (ul) {
+                        let ele = ul.closest('li.menu').querySelectorAll('.nav-link');
+                        if (ele) {
+                            ele = ele[0];
+                            setTimeout(() => {
+                                ele.click();
+                            });
+                        }
+                    }
+                }
+            },
+        }));
+    });
+</script>
diff --git a/resources/views/components/common/theme-customiser.blade.php b/resources/views/components/common/theme-customiser.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..c6fe41f7861fd659d596c8cccd373aee9855a696
--- /dev/null
+++ b/resources/views/components/common/theme-customiser.blade.php
@@ -0,0 +1,206 @@
+<div x-data="customizer">
+    <div class="fixed inset-0 bg-[black]/60 z-[51] px-4 hidden transition-[display]" :class="{ '!block': showCustomizer }"
+        @click="showCustomizer = false"></div>
+
+    <nav class="bg-white fixed ltr:-right-[400px] rtl:-left-[400px] top-0 bottom-0 w-full max-w-[400px] shadow-[5px_0_25px_0_rgba(94,92,154,0.1)] transition-[right] duration-300 z-[51] dark:bg-[#0e1726] p-4"
+        :class="{ 'ltr:!right-0 rtl:!left-0': showCustomizer }">
+        <a href="javascript:;"
+            class="bg-primary ltr:rounded-tl-full rtl:rounded-tr-full ltr:rounded-bl-full rtl:rounded-br-full absolute ltr:-left-12 rtl:-right-12 top-0 bottom-0 my-auto w-12 h-10 flex justify-center items-center text-white cursor-pointer"
+            @click="showCustomizer = !showCustomizer">
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                class="animate-[spin_3s_linear_infinite] w-5 h-5">
+                <circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="1.5" />
+                <path opacity="0.5"
+                    d="M13.7654 2.15224C13.3978 2 12.9319 2 12 2C11.0681 2 10.6022 2 10.2346 2.15224C9.74457 2.35523 9.35522 2.74458 9.15223 3.23463C9.05957 3.45834 9.0233 3.7185 9.00911 4.09799C8.98826 4.65568 8.70226 5.17189 8.21894 5.45093C7.73564 5.72996 7.14559 5.71954 6.65219 5.45876C6.31645 5.2813 6.07301 5.18262 5.83294 5.15102C5.30704 5.08178 4.77518 5.22429 4.35436 5.5472C4.03874 5.78938 3.80577 6.1929 3.33983 6.99993C2.87389 7.80697 2.64092 8.21048 2.58899 8.60491C2.51976 9.1308 2.66227 9.66266 2.98518 10.0835C3.13256 10.2756 3.3397 10.437 3.66119 10.639C4.1338 10.936 4.43789 11.4419 4.43786 12C4.43783 12.5581 4.13375 13.0639 3.66118 13.3608C3.33965 13.5629 3.13248 13.7244 2.98508 13.9165C2.66217 14.3373 2.51966 14.8691 2.5889 15.395C2.64082 15.7894 2.87379 16.193 3.33973 17C3.80568 17.807 4.03865 18.2106 4.35426 18.4527C4.77508 18.7756 5.30694 18.9181 5.83284 18.8489C6.07289 18.8173 6.31632 18.7186 6.65204 18.5412C7.14547 18.2804 7.73556 18.27 8.2189 18.549C8.70224 18.8281 8.98826 19.3443 9.00911 19.9021C9.02331 20.2815 9.05957 20.5417 9.15223 20.7654C9.35522 21.2554 9.74457 21.6448 10.2346 21.8478C10.6022 22 11.0681 22 12 22C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8477 20.7654C14.9404 20.5417 14.9767 20.2815 14.9909 19.902C15.0117 19.3443 15.2977 18.8281 15.781 18.549C16.2643 18.2699 16.8544 18.2804 17.3479 18.5412C17.6836 18.7186 17.927 18.8172 18.167 18.8488C18.6929 18.9181 19.2248 18.7756 19.6456 18.4527C19.9612 18.2105 20.1942 17.807 20.6601 16.9999C21.1261 16.1929 21.3591 15.7894 21.411 15.395C21.4802 14.8691 21.3377 14.3372 21.0148 13.9164C20.8674 13.7243 20.6602 13.5628 20.3387 13.3608C19.8662 13.0639 19.5621 12.558 19.5621 11.9999C19.5621 11.4418 19.8662 10.9361 20.3387 10.6392C20.6603 10.4371 20.8675 10.2757 21.0149 10.0835C21.3378 9.66273 21.4803 9.13087 21.4111 8.60497C21.3592 8.21055 21.1262 7.80703 20.6602 7C20.1943 6.19297 19.9613 5.78945 19.6457 5.54727C19.2249 5.22436 18.693 5.08185 18.1671 5.15109C17.9271 5.18269 17.6837 5.28136 17.3479 5.4588C16.8545 5.71959 16.2644 5.73002 15.7811 5.45096C15.2977 5.17191 15.0117 4.65566 14.9909 4.09794C14.9767 3.71848 14.9404 3.45833 14.8477 3.23463C14.6448 2.74458 14.2554 2.35523 13.7654 2.15224Z"
+                    stroke="currentColor" stroke-width="1.5" />
+            </svg>
+        </a>
+        <div class="overflow-y-auto overflow-x-hidden perfect-scrollbar h-full">
+            <div class="text-center relative pb-5">
+                <a href="javascript:;"
+                    class="absolute top-0 ltr:right-0 rtl:left-0 opacity-30 hover:opacity-100 dark:text-white"
+                    @click="showCustomizer = false">
+
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"
+                        fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                        stroke-linejoin="round" class="w-5 h-5">
+                        <line x1="18" y1="6" x2="6" y2="18"></line>
+                        <line x1="6" y1="6" x2="18" y2="18"></line>
+                    </svg>
+                </a>
+                <h4 class="mb-1 dark:text-white">TEMPLATE CUSTOMIZER</h4>
+                <p class="text-white-dark">Set preferences that will be cookied for your live preview demonstration.</p>
+            </div>
+            <div class="border border-dashed border-[#e0e6ed] dark:border-[#1b2e4b] rounded-md mb-3 p-3">
+                <h5 class="mb-1 text-base dark:text-white leading-none">Color Scheme</h5>
+                <p class="text-white-dark text-xs">Overall light or dark presentation.</p>
+                <div class="grid grid-cols-3 gap-2 mt-3">
+                    <button type="button" class="btn"
+                        :class="[$store.app.theme === 'light' ? 'btn-primary' : 'btn-outline-primary']"
+                        @click="$store.app.toggleTheme('light')">
+
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0 ltr:mr-2 rtl:ml-2">
+                            <circle cx="12" cy="12" r="5" stroke="currentColor"
+                                stroke-width="1.5"></circle>
+                            <path d="M12 2V4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                            <path d="M12 20V22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                            <path d="M4 12L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                            <path d="M22 12L20 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
+                            </path>
+                            <path opacity="0.5" d="M19.7778 4.22266L17.5558 6.25424" stroke="currentColor"
+                                stroke-width="1.5" stroke-linecap="round"></path>
+                            <path opacity="0.5" d="M4.22217 4.22266L6.44418 6.25424" stroke="currentColor"
+                                stroke-width="1.5" stroke-linecap="round"></path>
+                            <path opacity="0.5" d="M6.44434 17.5557L4.22211 19.7779" stroke="currentColor"
+                                stroke-width="1.5" stroke-linecap="round"></path>
+                            <path opacity="0.5" d="M19.7778 19.7773L17.5558 17.5551" stroke="currentColor"
+                                stroke-width="1.5" stroke-linecap="round"></path>
+                        </svg>
+                        Light
+                    </button>
+                    <button type="button" class="btn"
+                        :class="[$store.app.theme === 'dark' ? 'btn-primary' : 'btn-outline-primary']"
+                        @click="$store.app.toggleTheme('dark')">
+
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0 ltr:mr-2 rtl:ml-2">
+                            <path
+                                d="M21.0672 11.8568L20.4253 11.469L21.0672 11.8568ZM12.1432 2.93276L11.7553 2.29085V2.29085L12.1432 2.93276ZM21.25 12C21.25 17.1086 17.1086 21.25 12 21.25V22.75C17.9371 22.75 22.75 17.9371 22.75 12H21.25ZM12 21.25C6.89137 21.25 2.75 17.1086 2.75 12H1.25C1.25 17.9371 6.06294 22.75 12 22.75V21.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75V1.25C6.06294 1.25 1.25 6.06294 1.25 12H2.75ZM15.5 14.25C12.3244 14.25 9.75 11.6756 9.75 8.5H8.25C8.25 12.5041 11.4959 15.75 15.5 15.75V14.25ZM20.4253 11.469C19.4172 13.1373 17.5882 14.25 15.5 14.25V15.75C18.1349 15.75 20.4407 14.3439 21.7092 12.2447L20.4253 11.469ZM9.75 8.5C9.75 6.41182 10.8627 4.5828 12.531 3.57467L11.7553 2.29085C9.65609 3.5593 8.25 5.86509 8.25 8.5H9.75ZM12 2.75C11.9115 2.75 11.8077 2.71008 11.7324 2.63168C11.6686 2.56527 11.6538 2.50244 11.6503 2.47703C11.6461 2.44587 11.6482 2.35557 11.7553 2.29085L12.531 3.57467C13.0342 3.27065 13.196 2.71398 13.1368 2.27627C13.0754 1.82126 12.7166 1.25 12 1.25V2.75ZM21.7092 12.2447C21.6444 12.3518 21.5541 12.3539 21.523 12.3497C21.4976 12.3462 21.4347 12.3314 21.3683 12.2676C21.2899 12.1923 21.25 12.0885 21.25 12H22.75C22.75 11.2834 22.1787 10.9246 21.7237 10.8632C21.286 10.804 20.7293 10.9658 20.4253 11.469L21.7092 12.2447Z"
+                                fill="currentColor"></path>
+                        </svg>
+                        Dark
+                    </button>
+                    <button type="button" class="btn"
+                        :class="[$store.app.theme === 'system' ? 'btn-primary' : 'btn-outline-primary']"
+                        @click="$store.app.toggleTheme('system')">
+
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0 ltr:mr-2 rtl:ml-2">
+                            <path
+                                d="M3 9C3 6.17157 3 4.75736 3.87868 3.87868C4.75736 3 6.17157 3 9 3H15C17.8284 3 19.2426 3 20.1213 3.87868C21 4.75736 21 6.17157 21 9V14C21 15.8856 21 16.8284 20.4142 17.4142C19.8284 18 18.8856 18 17 18H7C5.11438 18 4.17157 18 3.58579 17.4142C3 16.8284 3 15.8856 3 14V9Z"
+                                stroke="currentColor" stroke-width="1.5"></path>
+                            <path opacity="0.5" d="M22 21H2" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round"></path>
+                            <path opacity="0.5" d="M15 15H9" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round"></path>
+                        </svg>
+                        System
+                    </button>
+                </div>
+            </div>
+
+            <div class="border border-dashed border-[#e0e6ed] dark:border-[#1b2e4b] rounded-md mb-3 p-3">
+                <h5 class="mb-1 text-base dark:text-white leading-none">Navigation Position</h5>
+                <p class="text-white-dark text-xs">Select the primary navigation paradigm for your app.</p>
+                <div class="grid grid-cols-3 gap-2 mt-3">
+                    <button type="button" class="btn"
+                        :class="[$store.app.menu === 'horizontal' ? 'btn-primary' : 'btn-outline-primary']"
+                        @click="$store.app.toggleMenu('horizontal')">
+                        Horizontal
+                    </button>
+                    <button type="button" class="btn"
+                        :class="[$store.app.menu === 'vertical' ? 'btn-primary' : 'btn-outline-primary']"
+                        @click="$store.app.toggleMenu('vertical')">
+                        Vertical
+                    </button>
+                    <button type="button" class="btn"
+                        :class="[$store.app.menu === 'collapsible-vertical' ? 'btn-primary' : 'btn-outline-primary']"
+                        @click="$store.app.toggleMenu('collapsible-vertical')">
+                        Collapsible
+                    </button>
+                </div>
+                <div class="mt-5 text-primary">
+                    <label class="inline-flex mb-0">
+                        <input x-model="$store.app.semidark" type="checkbox" :value="true"
+                            class="form-checkbox" @change="$store.app.toggleSemidark()" />
+                        <span>Semi Dark (Sidebar & Header)</span>
+                    </label>
+                </div>
+            </div>
+            <div class="border border-dashed border-[#e0e6ed] dark:border-[#1b2e4b] rounded-md mb-3 p-3">
+                <h5 class="mb-1 text-base dark:text-white leading-none">Layout Style</h5>
+                <p class="text-white-dark text-xs">Select the primary layout style for your app.</p>
+                <div class="flex gap-2 mt-3">
+                    <button type="button" class="btn flex-auto"
+                        :class="[$store.app.layout === 'boxed-layout' ? 'btn-primary' : 'btn-outline-primary']"
+                        @click="$store.app.toggleLayout('boxed-layout')">
+                        Box
+                    </button>
+                    <button type="button" class="btn flex-auto"
+                        :class="[$store.app.layout === 'full' ? 'btn-primary' : 'btn-outline-primary']"
+                        @click="$store.app.toggleLayout('full')">
+                        Full
+                    </button>
+                </div>
+            </div>
+            <div class="border border-dashed border-[#e0e6ed] dark:border-[#1b2e4b] rounded-md mb-3 p-3">
+                <h5 class="mb-1 text-base dark:text-white leading-none">Direction</h5>
+                <p class="text-white-dark text-xs">Select the direction for your app.</p>
+                <div class="flex gap-2 mt-3">
+                    <button type="button" class="btn flex-auto"
+                        :class="[$store.app.rtlClass === 'ltr' ? 'btn-primary' : 'btn-outline-primary']"
+                        @click="$store.app.toggleRTL('ltr')">
+                        LTR
+                    </button>
+                    <button type="button" class="btn flex-auto"
+                        :class="[$store.app.rtlClass === 'rtl' ? 'btn-primary' : 'btn-outline-primary']"
+                        @click="$store.app.toggleRTL('rtl')">
+                        RTL
+                    </button>
+                </div>
+            </div>
+
+            <div class="border border-dashed border-[#e0e6ed] dark:border-[#1b2e4b] rounded-md mb-3 p-3">
+                <h5 class="mb-1 text-base dark:text-white leading-none">Navbar Type</h5>
+                <p class="text-white-dark text-xs">Sticky or Floating.</p>
+                <div class="mt-3 flex items-center gap-3 text-primary">
+                    <label class="inline-flex mb-0">
+                        <input x-model="$store.app.navbar" type="radio" value="navbar-sticky" class="form-radio"
+                            @change="$store.app.toggleNavbar()" />
+                        <span>Sticky</span>
+                    </label>
+                    <label class="inline-flex mb-0">
+                        <input x-model="$store.app.navbar" type="radio" value="navbar-floating" class="form-radio"
+                            @change="$store.app.toggleNavbar()" />
+                        <span>Floating</span>
+                    </label>
+                    <label class="inline-flex mb-0">
+                        <input x-model="$store.app.navbar" type="radio" value="navbar-static" class="form-radio"
+                            @change="$store.app.toggleNavbar()" />
+                        <span>Static</span>
+                    </label>
+                </div>
+            </div>
+
+
+            <div class="border border-dashed border-[#e0e6ed] dark:border-[#1b2e4b] rounded-md mb-3 p-3">
+                <h5 class="mb-1 text-base dark:text-white leading-none">Router Transition</h5>
+                <p class="text-white-dark text-xs">Animation of main content.</p>
+                <div class="mt-3">
+                    <select x-model="$store.app.animation" class="form-select border-primary text-primary"
+                        @change="$store.app.toggleAnimation()">
+                        <option value="">None</option>
+                        <option value="animate__fadeIn">Fade</option>
+                        <option value="animate__fadeInDown">Fade Down</option>
+                        <option value="animate__fadeInUp">Fade Up</option>
+                        <option value="animate__fadeInLeft">Fade Left</option>
+                        <option value="animate__fadeInRight">Fade Right</option>
+                        <option value="animate__slideInDown">Slide Down</option>
+                        <option value="animate__slideInLeft">Slide Left</option>
+                        <option value="animate__slideInRight">Slide Right</option>
+                        <option value="animate__zoomIn">Zoom In</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+    </nav>
+</div>
+
+<script>
+    document.addEventListener("alpine:init", () => {
+        Alpine.data("customizer", () => ({
+            showCustomizer: false,
+        }));
+    });
+</script>
diff --git a/resources/views/components/confirmation-modal.blade.php b/resources/views/components/confirmation-modal.blade.php
deleted file mode 100644
index 8967111b7b7311e19c70f0f3fa0b532e8287bb1d..0000000000000000000000000000000000000000
--- a/resources/views/components/confirmation-modal.blade.php
+++ /dev/null
@@ -1,27 +0,0 @@
-@props(['id' => null, 'maxWidth' => null])
-
-<x-modal :id="$id" :maxWidth="$maxWidth" {{ $attributes }}>
-    <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
-        <div class="sm:flex sm:items-start">
-            <div class="mx-auto shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
-                <svg class="h-6 w-6 text-red-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" />
-                </svg>
-            </div>
-
-            <div class="mt-3 text-center sm:mt-0 sm:ms-4 sm:text-start">
-                <h3 class="text-lg font-medium text-gray-900">
-                    {{ $title }}
-                </h3>
-
-                <div class="mt-4 text-sm text-gray-600">
-                    {{ $content }}
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="flex flex-row justify-end px-6 py-4 bg-gray-100 text-end">
-        {{ $footer }}
-    </div>
-</x-modal>
diff --git a/resources/views/components/confirms-password.blade.php b/resources/views/components/confirms-password.blade.php
deleted file mode 100644
index 6be56db90d2674f9d4b9e40b5cf3d685a8241d9c..0000000000000000000000000000000000000000
--- a/resources/views/components/confirms-password.blade.php
+++ /dev/null
@@ -1,46 +0,0 @@
-@props(['title' => __('Confirm Password'), 'content' => __('For your security, please confirm your password to continue.'), 'button' => __('Confirm')])
-
-@php
-    $confirmableId = md5($attributes->wire('then'));
-@endphp
-
-<span
-    {{ $attributes->wire('then') }}
-    x-data
-    x-ref="span"
-    x-on:click="$wire.startConfirmingPassword('{{ $confirmableId }}')"
-    x-on:password-confirmed.window="setTimeout(() => $event.detail.id === '{{ $confirmableId }}' && $refs.span.dispatchEvent(new CustomEvent('then', { bubbles: false })), 250);"
->
-    {{ $slot }}
-</span>
-
-@once
-<x-dialog-modal wire:model.live="confirmingPassword">
-    <x-slot name="title">
-        {{ $title }}
-    </x-slot>
-
-    <x-slot name="content">
-        {{ $content }}
-
-        <div class="mt-4" x-data="{}" x-on:confirming-password.window="setTimeout(() => $refs.confirmable_password.focus(), 250)">
-            <x-input type="password" class="mt-1 block w-3/4" placeholder="{{ __('Password') }}" autocomplete="current-password"
-                        x-ref="confirmable_password"
-                        wire:model="confirmablePassword"
-                        wire:keydown.enter="confirmPassword" />
-
-            <x-input-error for="confirmable_password" class="mt-2" />
-        </div>
-    </x-slot>
-
-    <x-slot name="footer">
-        <x-secondary-button wire:click="stopConfirmingPassword" wire:loading.attr="disabled">
-            {{ __('Cancel') }}
-        </x-secondary-button>
-
-        <x-button class="ms-3" dusk="confirm-password-button" wire:click="confirmPassword" wire:loading.attr="disabled">
-            {{ $button }}
-        </x-button>
-    </x-slot>
-</x-dialog-modal>
-@endonce
diff --git a/resources/views/components/danger-button.blade.php b/resources/views/components/danger-button.blade.php
deleted file mode 100644
index 55831ffb4222dc30a1fcd2eafb85a91c8cc44e9f..0000000000000000000000000000000000000000
--- a/resources/views/components/danger-button.blade.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<button {{ $attributes->merge(['type' => 'button', 'class' => 'inline-flex items-center justify-center px-4 py-2 bg-red-600 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-red-500 active:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 transition ease-in-out duration-150']) }}>
-    {{ $slot }}
-</button>
diff --git a/resources/views/components/dialog-modal.blade.php b/resources/views/components/dialog-modal.blade.php
deleted file mode 100644
index 00e3581af0b2b3815df915cba38b163393adf832..0000000000000000000000000000000000000000
--- a/resources/views/components/dialog-modal.blade.php
+++ /dev/null
@@ -1,17 +0,0 @@
-@props(['id' => null, 'maxWidth' => null])
-
-<x-modal :id="$id" :maxWidth="$maxWidth" {{ $attributes }}>
-    <div class="px-6 py-4">
-        <div class="text-lg font-medium text-gray-900">
-            {{ $title }}
-        </div>
-
-        <div class="mt-4 text-sm text-gray-600">
-            {{ $content }}
-        </div>
-    </div>
-
-    <div class="flex flex-row justify-end px-6 py-4 bg-gray-100 text-end">
-        {{ $footer }}
-    </div>
-</x-modal>
diff --git a/resources/views/components/dropdown-link.blade.php b/resources/views/components/dropdown-link.blade.php
deleted file mode 100644
index e0f8ce1d309aa4025aad0034ed2fb1fb593f706c..0000000000000000000000000000000000000000
--- a/resources/views/components/dropdown-link.blade.php
+++ /dev/null
@@ -1 +0,0 @@
-<a {{ $attributes->merge(['class' => 'block w-full px-4 py-2 text-start text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out']) }}>{{ $slot }}</a>
diff --git a/resources/views/components/dropdown.blade.php b/resources/views/components/dropdown.blade.php
deleted file mode 100644
index 29409e3f7fb9d065504df7515765d1fbf3479905..0000000000000000000000000000000000000000
--- a/resources/views/components/dropdown.blade.php
+++ /dev/null
@@ -1,47 +0,0 @@
-@props(['align' => 'right', 'width' => '48', 'contentClasses' => 'py-1 bg-white', 'dropdownClasses' => ''])
-
-@php
-switch ($align) {
-    case 'left':
-        $alignmentClasses = 'ltr:origin-top-left rtl:origin-top-right start-0';
-        break;
-    case 'top':
-        $alignmentClasses = 'origin-top';
-        break;
-    case 'none':
-    case 'false':
-        $alignmentClasses = '';
-        break;
-    case 'right':
-    default:
-        $alignmentClasses = 'ltr:origin-top-right rtl:origin-top-left end-0';
-        break;
-}
-
-switch ($width) {
-    case '48':
-        $width = 'w-48';
-        break;
-}
-@endphp
-
-<div class="relative" x-data="{ open: false }" @click.away="open = false" @close.stop="open = false">
-    <div @click="open = ! open">
-        {{ $trigger }}
-    </div>
-
-    <div x-show="open"
-            x-transition:enter="transition ease-out duration-200"
-            x-transition:enter-start="transform opacity-0 scale-95"
-            x-transition:enter-end="transform opacity-100 scale-100"
-            x-transition:leave="transition ease-in duration-75"
-            x-transition:leave-start="transform opacity-100 scale-100"
-            x-transition:leave-end="transform opacity-0 scale-95"
-            class="absolute z-50 mt-2 {{ $width }} rounded-md shadow-lg {{ $alignmentClasses }} {{ $dropdownClasses }}"
-            style="display: none;"
-            @click="open = false">
-        <div class="rounded-md ring-1 ring-black ring-opacity-5 {{ $contentClasses }}">
-            {{ $content }}
-        </div>
-    </div>
-</div>
diff --git a/resources/views/components/form-section.blade.php b/resources/views/components/form-section.blade.php
deleted file mode 100644
index 9dd4e0e4e56076e2076fe244f902d964b6ef1249..0000000000000000000000000000000000000000
--- a/resources/views/components/form-section.blade.php
+++ /dev/null
@@ -1,24 +0,0 @@
-@props(['submit'])
-
-<div {{ $attributes->merge(['class' => 'md:grid md:grid-cols-3 md:gap-6']) }}>
-    <x-section-title>
-        <x-slot name="title">{{ $title }}</x-slot>
-        <x-slot name="description">{{ $description }}</x-slot>
-    </x-section-title>
-
-    <div class="mt-5 md:mt-0 md:col-span-2">
-        <form wire:submit="{{ $submit }}">
-            <div class="px-4 py-5 bg-white sm:p-6 shadow {{ isset($actions) ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md' }}">
-                <div class="grid grid-cols-6 gap-6">
-                    {{ $form }}
-                </div>
-            </div>
-
-            @if (isset($actions))
-                <div class="flex items-center justify-end px-4 py-3 bg-gray-50 text-end sm:px-6 shadow sm:rounded-bl-md sm:rounded-br-md">
-                    {{ $actions }}
-                </div>
-            @endif
-        </form>
-    </div>
-</div>
diff --git a/resources/views/components/input-error.blade.php b/resources/views/components/input-error.blade.php
deleted file mode 100644
index b5ad968957d48263800e9397356c1e3b160a316e..0000000000000000000000000000000000000000
--- a/resources/views/components/input-error.blade.php
+++ /dev/null
@@ -1,5 +0,0 @@
-@props(['for'])
-
-@error($for)
-    <p {{ $attributes->merge(['class' => 'text-sm text-red-600']) }}>{{ $message }}</p>
-@enderror
diff --git a/resources/views/components/input.blade.php b/resources/views/components/input.blade.php
deleted file mode 100644
index 1df7f0dd6fe21a0e8a39c70341a40fd22656aaf7..0000000000000000000000000000000000000000
--- a/resources/views/components/input.blade.php
+++ /dev/null
@@ -1,3 +0,0 @@
-@props(['disabled' => false])
-
-<input {{ $disabled ? 'disabled' : '' }} {!! $attributes->merge(['class' => 'border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm']) !!}>
diff --git a/resources/views/components/label.blade.php b/resources/views/components/label.blade.php
deleted file mode 100644
index 1cc65e21d6d4b4bd08ad65a82edbfbdf76094955..0000000000000000000000000000000000000000
--- a/resources/views/components/label.blade.php
+++ /dev/null
@@ -1,5 +0,0 @@
-@props(['value'])
-
-<label {{ $attributes->merge(['class' => 'block font-medium text-sm text-gray-700']) }}>
-    {{ $value ?? $slot }}
-</label>
diff --git a/resources/views/components/layout/auth.blade.php b/resources/views/components/layout/auth.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..9b30897998d19446061669f8be32813b87577127
--- /dev/null
+++ b/resources/views/components/layout/auth.blade.php
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>{{ $title ?? 'VRISTO - Multipurpose Tailwind Dashboard Template' }}</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link rel="icon" type="image/x-icon" href="/assets/images/favicon.png" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap"
+            rel="stylesheet">
+
+        @vite(['resources/css/app.css'])
+
+    <script src="/assets/js/perfect-scrollbar.min.js"></script>
+    <script defer src="/assets/js/popper.min.js"></script>
+    <script defer src="/assets/js/tippy-bundle.umd.min.js"></script>
+    <script defer src="/assets/js/sweetalert.min.js"></script>
+</head>
+
+
+<body x-data="main" class="antialiased relative font-nunito text-sm font-normal overflow-x-hidden"
+    :class="[$store.app.sidebar ? 'toggle-sidebar' : '', $store.app.theme === 'dark' || $store.app.isDarkMode ?  'dark' : '', $store.app.menu, $store.app.layout, $store.app
+        .rtlClass
+    ]">
+
+    <!-- screen loader -->
+    <div
+        class="screen_loader fixed inset-0 bg-[#fafafa] dark:bg-[#060818] z-[60] grid place-content-center animate__animated">
+        <svg width="64" height="64" viewBox="0 0 135 135" xmlns="http://www.w3.org/2000/svg" fill="#4361ee">
+            <path
+                d="M67.447 58c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10zm9.448 9.447c0 5.523 4.477 10 10 10 5.522 0 10-4.477 10-10s-4.478-10-10-10c-5.523 0-10 4.477-10 10zm-9.448 9.448c-5.523 0-10 4.477-10 10 0 5.522 4.477 10 10 10s10-4.478 10-10c0-5.523-4.477-10-10-10zM58 67.447c0-5.523-4.477-10-10-10s-10 4.477-10 10 4.477 10 10 10 10-4.477 10-10z">
+                <animateTransform attributeName="transform" type="rotate" from="0 67 67" to="-360 67 67" dur="2.5s"
+                    repeatCount="indefinite" />
+            </path>
+            <path
+                d="M28.19 40.31c6.627 0 12-5.374 12-12 0-6.628-5.373-12-12-12-6.628 0-12 5.372-12 12 0 6.626 5.372 12 12 12zm30.72-19.825c4.686 4.687 12.284 4.687 16.97 0 4.686-4.686 4.686-12.284 0-16.97-4.686-4.687-12.284-4.687-16.97 0-4.687 4.686-4.687 12.284 0 16.97zm35.74 7.705c0 6.627 5.37 12 12 12 6.626 0 12-5.373 12-12 0-6.628-5.374-12-12-12-6.63 0-12 5.372-12 12zm19.822 30.72c-4.686 4.686-4.686 12.284 0 16.97 4.687 4.686 12.285 4.686 16.97 0 4.687-4.686 4.687-12.284 0-16.97-4.685-4.687-12.283-4.687-16.97 0zm-7.704 35.74c-6.627 0-12 5.37-12 12 0 6.626 5.373 12 12 12s12-5.374 12-12c0-6.63-5.373-12-12-12zm-30.72 19.822c-4.686-4.686-12.284-4.686-16.97 0-4.686 4.687-4.686 12.285 0 16.97 4.686 4.687 12.284 4.687 16.97 0 4.687-4.685 4.687-12.283 0-16.97zm-35.74-7.704c0-6.627-5.372-12-12-12-6.626 0-12 5.373-12 12s5.374 12 12 12c6.628 0 12-5.373 12-12zm-19.823-30.72c4.687-4.686 4.687-12.284 0-16.97-4.686-4.686-12.284-4.686-16.97 0-4.687 4.686-4.687 12.284 0 16.97 4.686 4.687 12.284 4.687 16.97 0z">
+                <animateTransform attributeName="transform" type="rotate" from="0 67 67" to="360 67 67" dur="8s"
+                    repeatCount="indefinite" />
+            </path>
+        </svg>
+    </div>
+
+    <div class="fixed bottom-6 right-6 z-50" x-data="scrollToTop">
+        <template x-if="showTopButton">
+            <button type="button" class="btn btn-outline-primary rounded-full p-2 animate-pulse" @click="goToTop">
+                <svg width="24" height="24" class="h-4 w-4" viewBox="0 0 24 24" fill="none"
+                    xmlns="http://www.w3.org/2000/svg">
+                    <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd"
+                        d="M12 20.75C12.4142 20.75 12.75 20.4142 12.75 20L12.75 10.75L11.25 10.75L11.25 20C11.25 20.4142 11.5858 20.75 12 20.75Z"
+                        fill="currentColor" />
+                    <path
+                        d="M6.00002 10.75C5.69667 10.75 5.4232 10.5673 5.30711 10.287C5.19103 10.0068 5.25519 9.68417 5.46969 9.46967L11.4697 3.46967C11.6103 3.32902 11.8011 3.25 12 3.25C12.1989 3.25 12.3897 3.32902 12.5304 3.46967L18.5304 9.46967C18.7449 9.68417 18.809 10.0068 18.6929 10.287C18.5768 10.5673 18.3034 10.75 18 10.75L6.00002 10.75Z"
+                        fill="currentColor" />
+                </svg>
+            </button>
+        </template>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("scrollToTop", () => ({
+                showTopButton: false,
+                init() {
+                    window.onscroll = () => {
+                        this.scrollFunction();
+                    };
+                },
+
+                scrollFunction() {
+                    if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
+                        this.showTopButton = true;
+                    } else {
+                        this.showTopButton = false;
+                    }
+                },
+
+                goToTop() {
+                    document.body.scrollTop = 0;
+                    document.documentElement.scrollTop = 0;
+                },
+            }));
+        });
+    </script>
+
+    <div class="main-container text-black dark:text-white-dark min-h-screen">
+        {{ $slot }}
+    </div>
+    <script src="/assets/js/alpine-collaspe.min.js"></script>
+    <script src="/assets/js/alpine-persist.min.js"></script>
+    <script defer src="/assets/js/alpine-ui.min.js"></script>
+    <script defer src="/assets/js/alpine-focus.min.js"></script>
+    <script defer src="/assets/js/alpine.min.js"></script>
+    <script src="/assets/js/custom.js"></script>
+    </body>
+
+    </html>
diff --git a/resources/views/components/layout/default.blade.php b/resources/views/components/layout/default.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..4a55c14998738ecd6a81c9ad9132a438609065d2
--- /dev/null
+++ b/resources/views/components/layout/default.blade.php
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+
+<head>
+    <meta charset='utf-8' />
+    <meta http-equiv='X-UA-Compatible' content='IE=edge' />
+    <title>{{ $title ?? 'VRISTO - Multipurpose Tailwind Dashboard Template' }}</title>
+
+    <meta name='viewport' content='width=device-width, initial-scale=1' />
+    <link rel="icon" type="image/svg" href="/assets/images/favicon.svg" />
+
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap"
+        rel="stylesheet" />
+
+    <script src="/assets/js/perfect-scrollbar.min.js"></script>
+    <script defer src="/assets/js/popper.min.js"></script>
+    <script defer src="/assets/js/tippy-bundle.umd.min.js"></script>
+    <script defer src="/assets/js/sweetalert.min.js"></script>
+    @vite(['resources/css/app.css'])
+</head>
+
+<body x-data="main" class="antialiased relative font-nunito text-sm font-normal overflow-x-hidden"
+    :class="[$store.app.sidebar ? 'toggle-sidebar' : '', $store.app.theme === 'dark' || $store.app.isDarkMode ?  'dark' : '', $store.app.menu, $store.app.layout, $store.app
+        .rtlClass
+    ]">
+
+    <!-- sidebar menu overlay -->
+    <div x-cloak class="fixed inset-0 bg-[black]/60 z-50 lg:hidden" :class="{ 'hidden': !$store.app.sidebar }"
+        @click="$store.app.toggleSidebar()"></div>
+
+    <!-- screen loader -->
+    <div
+        class="screen_loader fixed inset-0 bg-[#fafafa] dark:bg-[#060818] z-[60] grid place-content-center animate__animated">
+        <svg width="64" height="64" viewBox="0 0 135 135" xmlns="http://www.w3.org/2000/svg" fill="#4361ee">
+            <path
+                d="M67.447 58c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10zm9.448 9.447c0 5.523 4.477 10 10 10 5.522 0 10-4.477 10-10s-4.478-10-10-10c-5.523 0-10 4.477-10 10zm-9.448 9.448c-5.523 0-10 4.477-10 10 0 5.522 4.477 10 10 10s10-4.478 10-10c0-5.523-4.477-10-10-10zM58 67.447c0-5.523-4.477-10-10-10s-10 4.477-10 10 4.477 10 10 10 10-4.477 10-10z">
+                <animateTransform attributeName="transform" type="rotate" from="0 67 67" to="-360 67 67" dur="2.5s"
+                    repeatCount="indefinite" />
+            </path>
+            <path
+                d="M28.19 40.31c6.627 0 12-5.374 12-12 0-6.628-5.373-12-12-12-6.628 0-12 5.372-12 12 0 6.626 5.372 12 12 12zm30.72-19.825c4.686 4.687 12.284 4.687 16.97 0 4.686-4.686 4.686-12.284 0-16.97-4.686-4.687-12.284-4.687-16.97 0-4.687 4.686-4.687 12.284 0 16.97zm35.74 7.705c0 6.627 5.37 12 12 12 6.626 0 12-5.373 12-12 0-6.628-5.374-12-12-12-6.63 0-12 5.372-12 12zm19.822 30.72c-4.686 4.686-4.686 12.284 0 16.97 4.687 4.686 12.285 4.686 16.97 0 4.687-4.686 4.687-12.284 0-16.97-4.685-4.687-12.283-4.687-16.97 0zm-7.704 35.74c-6.627 0-12 5.37-12 12 0 6.626 5.373 12 12 12s12-5.374 12-12c0-6.63-5.373-12-12-12zm-30.72 19.822c-4.686-4.686-12.284-4.686-16.97 0-4.686 4.687-4.686 12.285 0 16.97 4.686 4.687 12.284 4.687 16.97 0 4.687-4.685 4.687-12.283 0-16.97zm-35.74-7.704c0-6.627-5.372-12-12-12-6.626 0-12 5.373-12 12s5.374 12 12 12c6.628 0 12-5.373 12-12zm-19.823-30.72c4.687-4.686 4.687-12.284 0-16.97-4.686-4.686-12.284-4.686-16.97 0-4.687 4.686-4.687 12.284 0 16.97 4.686 4.687 12.284 4.687 16.97 0z">
+                <animateTransform attributeName="transform" type="rotate" from="0 67 67" to="360 67 67" dur="8s"
+                    repeatCount="indefinite" />
+            </path>
+        </svg>
+    </div>
+
+    <div class="fixed bottom-6 ltr:right-6 rtl:left-6 z-50" x-data="scrollToTop">
+        <template x-if="showTopButton">
+            <button type="button"
+                class="btn btn-outline-primary rounded-full p-2 animate-pulse bg-[#fafafa] dark:bg-[#060818] dark:hover:bg-primary"
+                @click="goToTop">
+                <svg width="24" height="24" class="h-4 w-4" viewBox="0 0 24 24" fill="none"
+                    xmlns="http://www.w3.org/2000/svg">
+                    <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd"
+                        d="M12 20.75C12.4142 20.75 12.75 20.4142 12.75 20L12.75 10.75L11.25 10.75L11.25 20C11.25 20.4142 11.5858 20.75 12 20.75Z"
+                        fill="currentColor" />
+                    <path
+                        d="M6.00002 10.75C5.69667 10.75 5.4232 10.5673 5.30711 10.287C5.19103 10.0068 5.25519 9.68417 5.46969 9.46967L11.4697 3.46967C11.6103 3.32902 11.8011 3.25 12 3.25C12.1989 3.25 12.3897 3.32902 12.5304 3.46967L18.5304 9.46967C18.7449 9.68417 18.809 10.0068 18.6929 10.287C18.5768 10.5673 18.3034 10.75 18 10.75L6.00002 10.75Z"
+                        fill="currentColor" />
+                </svg>
+            </button>
+        </template>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("scrollToTop", () => ({
+                showTopButton: false,
+                init() {
+                    window.onscroll = () => {
+                        this.scrollFunction();
+                    };
+                },
+
+                scrollFunction() {
+                    if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
+                        this.showTopButton = true;
+                    } else {
+                        this.showTopButton = false;
+                    }
+                },
+
+                goToTop() {
+                    document.body.scrollTop = 0;
+                    document.documentElement.scrollTop = 0;
+                },
+            }));
+        });
+    </script>
+
+    <x-common.theme-customiser />
+
+    <div class="main-container text-black dark:text-white-dark min-h-screen" :class="[$store.app.navbar]">
+
+        <x-common.sidebar />
+
+        <div class="main-content flex flex-col min-h-screen">
+            <x-common.header />
+
+            <div class="dvanimation p-6 animate__animated" :class="[$store.app.animation]">
+                {{ $slot }}
+            </div>
+
+            <x-common.footer />
+        </div>
+    </div>
+    <script src="/assets/js/alpine-collaspe.min.js"></script>
+    <script src="/assets/js/alpine-persist.min.js"></script>
+    <script defer src="/assets/js/alpine-ui.min.js"></script>
+    <script defer src="/assets/js/alpine-focus.min.js"></script>
+    <script defer src="/assets/js/alpine.min.js"></script>
+    <script src="/assets/js/custom.js"></script>
+</body>
+
+</html>
diff --git a/resources/views/components/modal.blade.php b/resources/views/components/modal.blade.php
deleted file mode 100644
index b1c1e68d7dae6e24a50a2b445514727d793c575e..0000000000000000000000000000000000000000
--- a/resources/views/components/modal.blade.php
+++ /dev/null
@@ -1,43 +0,0 @@
-@props(['id', 'maxWidth'])
-
-@php
-$id = $id ?? md5($attributes->wire('model'));
-
-$maxWidth = [
-    'sm' => 'sm:max-w-sm',
-    'md' => 'sm:max-w-md',
-    'lg' => 'sm:max-w-lg',
-    'xl' => 'sm:max-w-xl',
-    '2xl' => 'sm:max-w-2xl',
-][$maxWidth ?? '2xl'];
-@endphp
-
-<div
-    x-data="{ show: @entangle($attributes->wire('model')) }"
-    x-on:close.stop="show = false"
-    x-on:keydown.escape.window="show = false"
-    x-show="show"
-    id="{{ $id }}"
-    class="jetstream-modal fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50"
-    style="display: none;"
->
-    <div x-show="show" class="fixed inset-0 transform transition-all" x-on:click="show = false" x-transition:enter="ease-out duration-300"
-                    x-transition:enter-start="opacity-0"
-                    x-transition:enter-end="opacity-100"
-                    x-transition:leave="ease-in duration-200"
-                    x-transition:leave-start="opacity-100"
-                    x-transition:leave-end="opacity-0">
-        <div class="absolute inset-0 bg-gray-500 opacity-75"></div>
-    </div>
-
-    <div x-show="show" class="mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full {{ $maxWidth }} sm:mx-auto"
-                    x-trap.inert.noscroll="show"
-                    x-transition:enter="ease-out duration-300"
-                    x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-                    x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
-                    x-transition:leave="ease-in duration-200"
-                    x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
-                    x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95">
-        {{ $slot }}
-    </div>
-</div>
diff --git a/resources/views/components/nav-link.blade.php b/resources/views/components/nav-link.blade.php
deleted file mode 100644
index 5c101a29e88fd314bb5051f04b09896bb63577b8..0000000000000000000000000000000000000000
--- a/resources/views/components/nav-link.blade.php
+++ /dev/null
@@ -1,11 +0,0 @@
-@props(['active'])
-
-@php
-$classes = ($active ?? false)
-            ? 'inline-flex items-center px-1 pt-1 border-b-2 border-indigo-400 text-sm font-medium leading-5 text-gray-900 focus:outline-none focus:border-indigo-700 transition duration-150 ease-in-out'
-            : 'inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out';
-@endphp
-
-<a {{ $attributes->merge(['class' => $classes]) }}>
-    {{ $slot }}
-</a>
diff --git a/resources/views/components/responsive-nav-link.blade.php b/resources/views/components/responsive-nav-link.blade.php
deleted file mode 100644
index 43b91e7bde768fe72c99dbdc0f2e38b805b81c32..0000000000000000000000000000000000000000
--- a/resources/views/components/responsive-nav-link.blade.php
+++ /dev/null
@@ -1,11 +0,0 @@
-@props(['active'])
-
-@php
-$classes = ($active ?? false)
-            ? 'block w-full ps-3 pe-4 py-2 border-l-4 border-indigo-400 text-start text-base font-medium text-indigo-700 bg-indigo-50 focus:outline-none focus:text-indigo-800 focus:bg-indigo-100 focus:border-indigo-700 transition duration-150 ease-in-out'
-            : 'block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition duration-150 ease-in-out';
-@endphp
-
-<a {{ $attributes->merge(['class' => $classes]) }}>
-    {{ $slot }}
-</a>
diff --git a/resources/views/components/secondary-button.blade.php b/resources/views/components/secondary-button.blade.php
deleted file mode 100644
index b32b69fc76586fc7bff89f3b1c7d05afdc5df2a8..0000000000000000000000000000000000000000
--- a/resources/views/components/secondary-button.blade.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<button {{ $attributes->merge(['type' => 'button', 'class' => 'inline-flex items-center px-4 py-2 bg-white border border-gray-300 rounded-md font-semibold text-xs text-gray-700 uppercase tracking-widest shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 disabled:opacity-25 transition ease-in-out duration-150']) }}>
-    {{ $slot }}
-</button>
diff --git a/resources/views/components/section-border.blade.php b/resources/views/components/section-border.blade.php
deleted file mode 100644
index 414ade6bf85de05fef8f04dd9770a7a13fed5239..0000000000000000000000000000000000000000
--- a/resources/views/components/section-border.blade.php
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="hidden sm:block">
-    <div class="py-8">
-        <div class="border-t border-gray-200"></div>
-    </div>
-</div>
diff --git a/resources/views/components/section-title.blade.php b/resources/views/components/section-title.blade.php
deleted file mode 100644
index 72e51936ffa3237e49ed245484751f3cbac2f904..0000000000000000000000000000000000000000
--- a/resources/views/components/section-title.blade.php
+++ /dev/null
@@ -1,13 +0,0 @@
-<div class="md:col-span-1 flex justify-between">
-    <div class="px-4 sm:px-0">
-        <h3 class="text-lg font-medium text-gray-900">{{ $title }}</h3>
-
-        <p class="mt-1 text-sm text-gray-600">
-            {{ $description }}
-        </p>
-    </div>
-
-    <div class="px-4 sm:px-0">
-        {{ $aside ?? '' }}
-    </div>
-</div>
diff --git a/resources/views/components/switchable-team.blade.php b/resources/views/components/switchable-team.blade.php
deleted file mode 100644
index 881bd839af4773a18cadd7da20580c3df59912b0..0000000000000000000000000000000000000000
--- a/resources/views/components/switchable-team.blade.php
+++ /dev/null
@@ -1,21 +0,0 @@
-@props(['team', 'component' => 'dropdown-link'])
-
-<form method="POST" action="{{ route('current-team.update') }}" x-data>
-    @method('PUT')
-    @csrf
-
-    <!-- Hidden Team ID -->
-    <input type="hidden" name="team_id" value="{{ $team->id }}">
-
-    <x-dynamic-component :component="$component" href="#" x-on:click.prevent="$root.submit();">
-        <div class="flex items-center">
-            @if (Auth::user()->isCurrentTeam($team))
-                <svg class="me-2 h-5 w-5 text-green-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
-                </svg>
-            @endif
-
-            <div class="truncate">{{ $team->name }}</div>
-        </div>
-    </x-dynamic-component>
-</form>
diff --git a/resources/views/components/validation-errors.blade.php b/resources/views/components/validation-errors.blade.php
deleted file mode 100644
index ef753f5dc0fc3e0f43ba68aabd6cc95720270dbe..0000000000000000000000000000000000000000
--- a/resources/views/components/validation-errors.blade.php
+++ /dev/null
@@ -1,11 +0,0 @@
-@if ($errors->any())
-    <div {{ $attributes }}>
-        <div class="font-medium text-red-600">{{ __('Whoops! Something went wrong.') }}</div>
-
-        <ul class="mt-3 list-disc list-inside text-sm text-red-600">
-            @foreach ($errors->all() as $error)
-                <li>{{ $error }}</li>
-            @endforeach
-        </ul>
-    </div>
-@endif
diff --git a/resources/views/components/welcome.blade.php b/resources/views/components/welcome.blade.php
deleted file mode 100644
index 298e56eb64acde7f982fbca4c312742419616b6c..0000000000000000000000000000000000000000
--- a/resources/views/components/welcome.blade.php
+++ /dev/null
@@ -1,96 +0,0 @@
-<div class="p-6 lg:p-8 bg-white border-b border-gray-200">
-    <x-application-logo class="block h-12 w-auto" />
-
-    <h1 class="mt-8 text-2xl font-medium text-gray-900">
-        Welcome to your Jetstream application!
-    </h1>
-
-    <p class="mt-6 text-gray-500 leading-relaxed">
-        Laravel Jetstream provides a beautiful, robust starting point for your next Laravel application. Laravel is designed
-        to help you build your application using a development environment that is simple, powerful, and enjoyable. We believe
-        you should love expressing your creativity through programming, so we have spent time carefully crafting the Laravel
-        ecosystem to be a breath of fresh air. We hope you love it.
-    </p>
-</div>
-
-<div class="bg-gray-200 bg-opacity-25 grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8 p-6 lg:p-8">
-    <div>
-        <div class="flex items-center">
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="w-6 h-6 stroke-gray-400">
-                <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" />
-            </svg>
-            <h2 class="ms-3 text-xl font-semibold text-gray-900">
-                <a href="https://laravel.com/docs">Documentation</a>
-            </h2>
-        </div>
-
-        <p class="mt-4 text-gray-500 text-sm leading-relaxed">
-            Laravel has wonderful documentation covering every aspect of the framework. Whether you're new to the framework or have previous experience, we recommend reading all of the documentation from beginning to end.
-        </p>
-
-        <p class="mt-4 text-sm">
-            <a href="https://laravel.com/docs" class="inline-flex items-center font-semibold text-indigo-700">
-                Explore the documentation
-
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="ms-1 w-5 h-5 fill-indigo-500">
-                    <path fill-rule="evenodd" d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z" clip-rule="evenodd" />
-                </svg>
-            </a>
-        </p>
-    </div>
-
-    <div>
-        <div class="flex items-center">
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="w-6 h-6 stroke-gray-400">
-                <path stroke-linecap="round" d="M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z" />
-            </svg>
-            <h2 class="ms-3 text-xl font-semibold text-gray-900">
-                <a href="https://laracasts.com">Laracasts</a>
-            </h2>
-        </div>
-
-        <p class="mt-4 text-gray-500 text-sm leading-relaxed">
-            Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript development. Check them out, see for yourself, and massively level up your development skills in the process.
-        </p>
-
-        <p class="mt-4 text-sm">
-            <a href="https://laracasts.com" class="inline-flex items-center font-semibold text-indigo-700">
-                Start watching Laracasts
-
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="ms-1 w-5 h-5 fill-indigo-500">
-                    <path fill-rule="evenodd" d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z" clip-rule="evenodd" />
-                </svg>
-            </a>
-        </p>
-    </div>
-
-    <div>
-        <div class="flex items-center">
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="w-6 h-6 stroke-gray-400">
-                <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" />
-            </svg>
-            <h2 class="ms-3 text-xl font-semibold text-gray-900">
-                <a href="https://tailwindcss.com/">Tailwind</a>
-            </h2>
-        </div>
-
-        <p class="mt-4 text-gray-500 text-sm leading-relaxed">
-            Laravel Jetstream is built with Tailwind, an amazing utility first CSS framework that doesn't get in your way. You'll be amazed how easily you can build and maintain fresh, modern designs with this wonderful framework at your fingertips.
-        </p>
-    </div>
-
-    <div>
-        <div class="flex items-center">
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="w-6 h-6 stroke-gray-400">
-                <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" />
-            </svg>
-            <h2 class="ms-3 text-xl font-semibold text-gray-900">
-                Authentication
-            </h2>
-        </div>
-
-        <p class="mt-4 text-gray-500 text-sm leading-relaxed">
-            Authentication and registration views are included with Laravel Jetstream, as well as support for user email verification and resetting forgotten passwords. So, you're free to get started with what matters most: building your application.
-        </p>
-    </div>
-</div>
diff --git a/resources/views/crypto.blade.php b/resources/views/crypto.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..30eedaa2afbc41c942336e85e70446e169970ccb
--- /dev/null
+++ b/resources/views/crypto.blade.php
@@ -0,0 +1,1294 @@
+<x-layout.default>
+
+    <script defer src="/assets/js/apexcharts.js"></script>
+    <script src="/assets/js/dayjs.min.js"></script>
+    <div x-data="crypto">
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Dashboard</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Crypto</span>
+            </li>
+        </ul>
+        <div class="flex flex-col xl:flex-row gap-5 relative mt-5">
+
+            <div class="panel perfect-scrollbar absolute xl:relative p-0 flex-none w-80  border-0  overflow-visible lg:overflow-y-auto  z-10 xl:block
+            divide-y divide-[#ebedf2] dark:divide-[#191e3a] hidden
+            "
+                :class="{ '!block h-full': isShowCryptoMenu }">
+                <template x-for="item in coins">
+                    <button type="button" class="w-full flex items-center p-4 hover:bg-gray-100 dark:hover:bg-[#192A3A]"
+                        :class="{ 'bg-gray-100 dark:bg-[#192A3A]': selectedCoinObj.title === item.title }"
+                        @click="selectBitCoin(item)">
+                        <div class="ltr:pr-4 rtl:pl-4">
+                            <div class="flex items-baseline font-semibold">
+                                <div class="text-md ltr:mr-1 rtl:ml-1" x-text="item.title"></div>
+                                <div class="text-xs text-white-dark uppercase" x-text="`(${item.alias})`"></div>
+                            </div>
+                            <div class="flex items-center mt-2" :class="[item.isUp ? 'text-success' : 'text-danger']">
+                                <div class="min-w-20 text-xl ltr:mr-3 rtl:ml-3" x-text="`$${item.value}`"></div>
+                                <span>
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-4 h-4"
+                                        :class="{ 'rotate-180': item.isUp }">
+                                        <path d="M12 4L12 20M12 20L18 14M12 20L6 14" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </span>
+                                <div class="font-medium text-sm" x-text="`${item.perc}%`"></div>
+                            </div>
+                        </div>
+                        <div class="flex-1">
+                            <div :id="item.title.toLowerCase()" class="chart overflow-hidden"></div>
+                        </div>
+                    </button>
+                </template>
+            </div>
+
+            <div class="bg-black/60 z-[5] w-full h-full absolute rounded-md hidden"
+                :class="{ '!block xl:!hidden': isShowCryptoMenu }" @click="isShowCryptoMenu = !isShowCryptoMenu"></div>
+
+            <div class="panel p-0 flex-1">
+                <div class="md:flex items-center flex-wrap p-4 border-b border-[#ebedf2] dark:border-[#191e3a]">
+                    <div class="flex-1 flex items-start ltr:pr-4 rtl:pl-4">
+                        <button type="button" class="xl:hidden hover:text-primary block ltr:mr-5 rtl:ml-5"
+                            @click="isShowCryptoMenu = !isShowCryptoMenu">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                <path d="M20 7L4 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M20 12L4 12" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M20 17L4 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </button>
+                        <div>
+                            <div class="flex items-center">
+                                <div class="ltr:mr-1 rtl:ml-1 text-md font-semibold" x-text="selectedCoinObj.title">
+                                </div>
+                                <div class="font-semibold text-xs text-white-dark uppercase"
+                                    x-text="`(${selectedCoinObj.alias})`"></div>
+                            </div>
+                            <div class="flex items-center mt-2"
+                                :class="selectedCoinObj.isUp ? 'text-success' : 'text-danger'">
+                                <div class="min-w-20 text-2xl ltr:mr-3 rtl:ml-3" x-text="`$${selectedCoinObj.value}`">
+                                </div>
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-4 h-4"
+                                    :class="{ 'rotate-180': selectedCoinObj.isUp }">
+                                    <path d="M12 4L12 20M12 20L18 14M12 20L6 14" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                                <div class="font-medium text-sm mb-px" x-text="`${selectedCoinObj.perc}%`"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <ul
+                        class="ltr:md:ml-auto rtl:md:mr-auto grid grid-cols-2 sm:grid-cols-4 font-semibold sm:divide-x rtl:divide-x-reverse divide-[#ebedf2] dark:divide-[#253b5c] text-white-dark mt-5 sm:mt-0">
+                        <li class="px-4 py-1">
+                            Market Cap
+                            <span class="text-lg mt-1.5 block text-black dark:text-white-light"
+                                x-text="`$${selectedCoinObj.marketcap}B`"></span>
+                        </li>
+                        <li class="px-4 py-1">
+                            Volume
+                            <span class="text-lg mt-1.5 block text-black dark:text-white-light"
+                                x-text="`$${selectedCoinObj.volume}B`"> </span>
+                        </li>
+                        <li class="px-4 py-1">
+                            Supply
+                            <span class="text-lg mt-1.5 block text-black dark:text-white-light"
+                                x-text="`${selectedCoinObj.supply}M`"></span>
+                        </li>
+                        <li class="px-4 py-1">
+                            All Time High
+                            <span class="text-lg mt-1.5 block text-black dark:text-white-light"
+                                x-text="`$${selectedCoinObj.highest}`"></span>
+                        </li>
+                    </ul>
+                </div>
+                <div
+                    class="p-4 mb-5 border-b border-[#ebedf2] dark:border-[#253b5c] grid grid-rows-1 sm:grid-cols-4 gap-4">
+                    <div>
+                        <div class="font-semibold mb-1.5">Action</div>
+                        <select class="form-select text-white-dark">
+                            <option>Buy</option>
+                            <option>Sell</option>
+                        </select>
+                    </div>
+                    <div>
+                        <div class="font-semibold mb-1.5">Wallet</div>
+                        <select class="form-select text-white-dark">
+                            <option>Bitcoin</option>
+                            <option>Ethereum</option>
+                            <option>Zcash</option>
+                            <option>Litecoin</option>
+                            <option>Binance</option>
+                            <option>Solana</option>
+                            <option>Tether</option>
+                        </select>
+                    </div>
+                    <div>
+                        <div class="font-semibold mb-1.5">Amount</div>
+                        <div class="flex relative">
+                            <input type="text" placeholder=""
+                                class="form-input ltr:rounded-r-none rtl:rounded-l-none ltr:border-r-0 rtl:border-l-0" />
+                            <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                <div class="bg-[#f1f2f3] dark:bg-[#1b2e4b] flex justify-center gap-1 items-center rounded-none px-3 py-2 font-semibold border dark:border-[#253b5c] ltr:rounded-r-md rtl:rounded-l-md cursor-pointer"
+                                    @click="toggle">
+                                    BTC
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-4 h-4">
+                                        <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </div>
+                                <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                    class="ltr:right-0 rtl:left-0">
+                                    <li><a href="javascript:;" @click="toggle">BTC</a></li>
+                                    <li><a href="javascript:;" @click="toggle">ETH</a></li>
+                                    <li><a href="javascript:;" @click="toggle">ZEC</a></li>
+                                    <li><a href="javascript:;" @click="toggle">LTC</a></li>
+                                    <li><a href="javascript:;" @click="toggle">BNB</a></li>
+                                    <li><a href="javascript:;" @click="toggle">SOL</a></li>
+                                    <li><a href="javascript:;" @click="toggle">USDT</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <button type="button" class="btn btn-primary self-end">Buy</button>
+                </div>
+                <!-- selected chart -->
+                <div class="flex-1 px-4 overflow-hidden">
+                    <div x-ref="selectedBitCoin"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener("alpine:init", () => {
+
+            Alpine.data("crypto", () => ({
+                isShowCryptoMenu: false,
+                coins: [{
+                        id: 1,
+                        title: 'Bitcoin',
+                        alias: 'BTC',
+                        value: 170.46,
+                        perc: 2.35,
+                        marketcap: 148.75,
+                        volume: 22.90,
+                        supply: 18.17,
+                        highest: '19,891.00',
+                        isUp: true,
+                        series: [{
+                                x: new Date(1538778600000),
+                                y: [6629.81, 6650.5, 6623.04, 6633.33]
+                            },
+                            {
+                                x: new Date(1538780400000),
+                                y: [6632.01, 6643.59, 6620, 6630.11]
+                            },
+                            {
+                                x: new Date(1538782200000),
+                                y: [6630.71, 6648.95, 6623.34, 6635.65]
+                            },
+                            {
+                                x: new Date(1538784000000),
+                                y: [6635.65, 6651, 6629.67, 6638.24]
+                            },
+                            {
+                                x: new Date(1538785800000),
+                                y: [6638.24, 6640, 6620, 6624.47]
+                            },
+                            {
+                                x: new Date(1538787600000),
+                                y: [6624.53, 6636.03, 6621.68, 6624.31]
+                            },
+                            {
+                                x: new Date(1538789400000),
+                                y: [6624.61, 6632.2, 6617, 6626.02]
+                            },
+                            {
+                                x: new Date(1538791200000),
+                                y: [6627, 6627.62, 6584.22, 6603.02]
+                            },
+                            {
+                                x: new Date(1538793000000),
+                                y: [6605, 6608.03, 6598.95, 6604.01]
+                            },
+                            {
+                                x: new Date(1538794800000),
+                                y: [6604.5, 6614.4, 6602.26, 6608.02]
+                            },
+                            {
+                                x: new Date(1538796600000),
+                                y: [6608.02, 6610.68, 6601.99, 6608.91]
+                            },
+                            {
+                                x: new Date(1538798400000),
+                                y: [6608.91, 6618.99, 6608.01, 6612]
+                            },
+                            {
+                                x: new Date(1538800200000),
+                                y: [6612, 6615.13, 6605.09, 6612]
+                            },
+                            {
+                                x: new Date(1538802000000),
+                                y: [6612, 6624.12, 6608.43, 6622.95]
+                            },
+                            {
+                                x: new Date(1538803800000),
+                                y: [6623.91, 6623.91, 6615, 6615.67]
+                            },
+                            {
+                                x: new Date(1538805600000),
+                                y: [6618.69, 6618.74, 6610, 6610.4]
+                            },
+                            {
+                                x: new Date(1538807400000),
+                                y: [6611, 6622.78, 6610.4, 6614.9]
+                            },
+                            {
+                                x: new Date(1538809200000),
+                                y: [6614.9, 6626.2, 6613.33, 6623.45]
+                            },
+                            {
+                                x: new Date(1538811000000),
+                                y: [6623.48, 6627, 6618.38, 6620.35]
+                            },
+                            {
+                                x: new Date(1538812800000),
+                                y: [6619.43, 6620.35, 6610.05, 6615.53]
+                            },
+                            {
+                                x: new Date(1538814600000),
+                                y: [6615.53, 6617.93, 6610, 6615.19]
+                            },
+                            {
+                                x: new Date(1538816400000),
+                                y: [6615.19, 6621.6, 6608.2, 6620]
+                            },
+                            {
+                                x: new Date(1538818200000),
+                                y: [6619.54, 6625.17, 6614.15, 6620]
+                            },
+                            {
+                                x: new Date(1538820000000),
+                                y: [6620.33, 6634.15, 6617.24, 6624.61]
+                            },
+                            {
+                                x: new Date(1538821800000),
+                                y: [6625.95, 6626, 6611.66, 6617.58]
+                            },
+                        ],
+                    },
+                    {
+                        id: 2,
+                        title: 'Ethereum',
+                        alias: 'ETH',
+                        value: 140.67,
+                        perc: 1.24,
+                        marketcap: 130.89,
+                        volume: 32.00,
+                        supply: 23.56,
+                        highest: '18,568.23',
+                        isUp: false,
+                        series: [{
+                                x: new Date(1538778600000),
+                                y: [6624.61, 6632.2, 6617, 6626.02]
+                            },
+                            {
+                                x: new Date(1538780400000),
+                                y: [6627, 6627.62, 6584.22, 6603.02]
+                            },
+                            {
+                                x: new Date(1538782200000),
+                                y: [6605, 6608.03, 6598.95, 6604.01]
+                            },
+                            {
+                                x: new Date(1538784000000),
+                                y: [6635.65, 6651, 6629.67, 6638.24]
+                            },
+                            {
+                                x: new Date(1538785800000),
+                                y: [6638.24, 6640, 6620, 6624.47]
+                            },
+                            {
+                                x: new Date(1538787600000),
+                                y: [6612, 6615.13, 6605.09, 6612]
+                            },
+                            {
+                                x: new Date(1538789400000),
+                                y: [6612, 6624.12, 6608.43, 6622.95]
+                            },
+                            {
+                                x: new Date(1538791200000),
+                                y: [6623.91, 6623.91, 6615, 6615.67]
+                            },
+                            {
+                                x: new Date(1538793000000),
+                                y: [6618.69, 6618.74, 6610, 6610.4]
+                            },
+                            {
+                                x: new Date(1538794800000),
+                                y: [6611, 6622.78, 6610.4, 6614.9]
+                            },
+                            {
+                                x: new Date(1538796600000),
+                                y: [6600.55, 6605, 6589.14, 6593.01]
+                            },
+                            {
+                                x: new Date(1538798400000),
+                                y: [6593.15, 6605, 6592, 6603.06]
+                            },
+                            {
+                                x: new Date(1538800200000),
+                                y: [6603.07, 6604.5, 6599.09, 6603.89]
+                            },
+                            {
+                                x: new Date(1538802000000),
+                                y: [6604.44, 6604.44, 6600, 6603.5]
+                            },
+                            {
+                                x: new Date(1538803800000),
+                                y: [6603.5, 6603.99, 6597.5, 6603.86]
+                            },
+                            {
+                                x: new Date(1538805600000),
+                                y: [6635.65, 6651, 6629.67, 6638.24]
+                            },
+                            {
+                                x: new Date(1538807400000),
+                                y: [6638.24, 6640, 6620, 6624.47]
+                            },
+                            {
+                                x: new Date(1538809200000),
+                                y: [6612, 6615.13, 6605.09, 6612]
+                            },
+                            {
+                                x: new Date(1538811000000),
+                                y: [6612, 6624.12, 6608.43, 6622.95]
+                            },
+                        ],
+                    },
+                    {
+                        id: 3,
+                        title: 'Zcash',
+                        alias: 'ZEC',
+                        value: 58.41,
+                        perc: 1.35,
+                        marketcap: 150.26,
+                        volume: 22.23,
+                        supply: 12.25,
+                        highest: '19,256.35',
+                        isUp: true,
+                        series: [{
+                                x: new Date(1538778600000),
+                                y: [6623.91, 6623.91, 6615, 6615.67]
+                            },
+                            {
+                                x: new Date(1538780400000),
+                                y: [6618.69, 6618.74, 6610, 6610.4]
+                            },
+                            {
+                                x: new Date(1538782200000),
+                                y: [6611, 6622.78, 6610.4, 6614.9]
+                            },
+                            {
+                                x: new Date(1538784000000),
+                                y: [6614.9, 6626.2, 6613.33, 6623.45]
+                            },
+                            {
+                                x: new Date(1538785800000),
+                                y: [6623.48, 6627, 6618.38, 6620.35]
+                            },
+                            {
+                                x: new Date(1538787600000),
+                                y: [6619.43, 6620.35, 6610.05, 6615.53]
+                            },
+                            {
+                                x: new Date(1538789400000),
+                                y: [6615.53, 6617.93, 6610, 6615.19]
+                            },
+                            {
+                                x: new Date(1538791200000),
+                                y: [6615.19, 6621.6, 6608.2, 6620]
+                            },
+                            {
+                                x: new Date(1538793000000),
+                                y: [6619.54, 6625.17, 6614.15, 6620]
+                            },
+                            {
+                                x: new Date(1538794800000),
+                                y: [6620.33, 6634.15, 6617.24, 6624.61]
+                            },
+                            {
+                                x: new Date(1538796600000),
+                                y: [6625.95, 6626, 6611.66, 6617.58]
+                            },
+                            {
+                                x: new Date(1538798400000),
+                                y: [6619, 6625.97, 6595.27, 6598.86]
+                            },
+                        ],
+                    },
+                    {
+                        id: 4,
+                        title: 'Litecoin',
+                        alias: 'LTC',
+                        value: 180.36,
+                        perc: 2.00,
+                        marketcap: 150.36,
+                        volume: 24.25,
+                        supply: 15.50,
+                        highest: '18,056.00',
+                        isUp: false,
+                        series: [{
+                                x: new Date(1538778600000),
+                                y: [6598.03, 6600, 6588.73, 6595.97]
+                            },
+                            {
+                                x: new Date(1538780400000),
+                                y: [6595.97, 6602.01, 6588.17, 6602]
+                            },
+                            {
+                                x: new Date(1538782200000),
+                                y: [6602, 6607, 6596.51, 6599.95]
+                            },
+                            {
+                                x: new Date(1538784000000),
+                                y: [6600.63, 6601.21, 6590.39, 6591.02]
+                            },
+                            {
+                                x: new Date(1538785800000),
+                                y: [6591.02, 6603.08, 6591, 6591]
+                            },
+                            {
+                                x: new Date(1538787600000),
+                                y: [6591, 6601.32, 6585, 6592]
+                            },
+                            {
+                                x: new Date(1538789400000),
+                                y: [6593.13, 6596.01, 6610, 6608.34]
+                            },
+                            {
+                                x: new Date(1538791200000),
+                                y: [6612.34, 6604.76, 6582.63, 6593.86]
+                            },
+                            {
+                                x: new Date(1538793000000),
+                                y: [6593.86, 6604.28, 6586.57, 6600.01]
+                            },
+                            {
+                                x: new Date(1538794800000),
+                                y: [6601.81, 6603.21, 6592.78, 6596.25]
+                            },
+                            {
+                                x: new Date(1538796600000),
+                                y: [6596.25, 6604.2, 6590, 6602.99]
+                            },
+                            {
+                                x: new Date(1538798400000),
+                                y: [6602.99, 6606, 6584.99, 6587.81]
+                            },
+                            {
+                                x: new Date(1538800200000),
+                                y: [6587.81, 6595, 6583.27, 6591.96]
+                            },
+                            {
+                                x: new Date(1538802000000),
+                                y: [6591.97, 6596.07, 6585, 6588.39]
+                            },
+                            {
+                                x: new Date(1538803800000),
+                                y: [6587.6, 6598.21, 6587.6, 6594.27]
+                            },
+                            {
+                                x: new Date(1538805600000),
+                                y: [6596.44, 6601, 6590, 6596.55]
+                            },
+                        ],
+                    },
+                    {
+                        id: 5,
+                        title: 'Binance',
+                        alias: 'BNB',
+                        value: 160.23,
+                        perc: 1.23,
+                        marketcap: 180.36,
+                        volume: 20.20,
+                        supply: 22.50,
+                        highest: '19,500.00',
+                        isUp: true,
+                        series: [{
+                                x: new Date(1538778600000),
+                                y: [6612.34, 6604.76, 6582.63, 6593.86]
+                            },
+                            {
+                                x: new Date(1538780400000),
+                                y: [6593.86, 6604.28, 6586.57, 6600.01]
+                            },
+                            {
+                                x: new Date(1538782200000),
+                                y: [6601.81, 6603.21, 6592.78, 6596.25]
+                            },
+                            {
+                                x: new Date(1538784000000),
+                                y: [6596.25, 6604.2, 6590, 6602.99]
+                            },
+                            {
+                                x: new Date(1538785800000),
+                                y: [6602.99, 6606, 6584.99, 6587.81]
+                            },
+                            {
+                                x: new Date(1538787600000),
+                                y: [6587.81, 6595, 6583.27, 6591.96]
+                            },
+                            {
+                                x: new Date(1538789400000),
+                                y: [6591.97, 6596.07, 6585, 6588.39]
+                            },
+                            {
+                                x: new Date(1538791200000),
+                                y: [6587.6, 6598.21, 6587.6, 6594.27]
+                            },
+                            {
+                                x: new Date(1538793000000),
+                                y: [6596.44, 6601, 6590, 6596.55]
+                            },
+                            {
+                                x: new Date(1538794800000),
+                                y: [6598.91, 6605, 6596.61, 6600.02]
+                            },
+                            {
+                                x: new Date(1538796600000),
+                                y: [6600.55, 6605, 6589.14, 6593.01]
+                            },
+                        ],
+                    },
+                    {
+                        id: 6,
+                        title: 'Solana',
+                        alias: 'SOL',
+                        value: 150.89,
+                        perc: 2.00,
+                        marketcap: 180.45,
+                        volume: 23.00,
+                        supply: 20.22,
+                        highest: '18059.50',
+                        isUp: false,
+                        series: [{
+                                x: new Date(1538778600000),
+                                y: [6596.25, 6604.2, 6590, 6602.99]
+                            },
+                            {
+                                x: new Date(1538780400000),
+                                y: [6602.99, 6606, 6584.99, 6587.81]
+                            },
+                            {
+                                x: new Date(1538782200000),
+                                y: [6587.81, 6595, 6583.27, 6591.96]
+                            },
+                            {
+                                x: new Date(1538784000000),
+                                y: [6591.97, 6596.07, 6585, 6588.39]
+                            },
+                            {
+                                x: new Date(1538785800000),
+                                y: [6587.6, 6598.21, 6587.6, 6594.27]
+                            },
+                            {
+                                x: new Date(1538787600000),
+                                y: [6593.15, 6605, 6592, 6603.06]
+                            },
+                            {
+                                x: new Date(1538789400000),
+                                y: [6608.91, 6618.99, 6608.01, 6612]
+                            },
+                            {
+                                x: new Date(1538789400000),
+                                y: [6635.65, 6651, 6629.67, 6638.24]
+                            },
+                            {
+                                x: new Date(1538793000000),
+                                y: [6638.24, 6640, 6620, 6624.47]
+                            },
+                            {
+                                x: new Date(1538794800000),
+                                y: [6612, 6615.13, 6605.09, 6612]
+                            },
+                            {
+                                x: new Date(1538796600000),
+                                y: [6612, 6624.12, 6608.43, 6622.95]
+                            },
+                            {
+                                x: new Date(1538798400000),
+                                y: [6623.91, 6623.91, 6615, 6615.67]
+                            },
+                            {
+                                x: new Date(1538800200000),
+                                y: [6603.5, 6603.99, 6597.5, 6603.86]
+                            },
+                            {
+                                x: new Date(1538802000000),
+                                y: [6603.85, 6605, 6600, 6604.07]
+                            },
+                            {
+                                x: new Date(1538803800000),
+                                y: [6604.98, 6606, 6604.07, 6606]
+                            },
+                        ],
+                    },
+                    {
+                        id: 7,
+                        title: 'Tether',
+                        alias: 'USDT',
+                        value: 170.84,
+                        perc: 1.90,
+                        marketcap: 185.25,
+                        volume: 25.25,
+                        supply: 20.47,
+                        highest: '19,800.00',
+                        isUp: true,
+                        series: [{
+                                x: new Date(1538778600000),
+                                y: [6635.65, 6651, 6629.67, 6638.24]
+                            },
+                            {
+                                x: new Date(1538780400000),
+                                y: [6638.24, 6640, 6620, 6624.47]
+                            },
+                            {
+                                x: new Date(1538782200000),
+                                y: [6612, 6615.13, 6605.09, 6612]
+                            },
+                            {
+                                x: new Date(1538784000000),
+                                y: [6612, 6624.12, 6608.43, 6622.95]
+                            },
+                            {
+                                x: new Date(1538785800000),
+                                y: [6623.91, 6623.91, 6615, 6615.67]
+                            },
+                            {
+                                x: new Date(1538787600000),
+                                y: [6618.69, 6618.74, 6610, 6610.4]
+                            },
+                            {
+                                x: new Date(1538789400000),
+                                y: [6611, 6622.78, 6610.4, 6614.9]
+                            },
+                            {
+                                x: new Date(1538791200000),
+                                y: [6614.9, 6626.2, 6613.33, 6623.45]
+                            },
+                            {
+                                x: new Date(1538793000000),
+                                y: [6623.48, 6627, 6618.38, 6620.35]
+                            },
+                            {
+                                x: new Date(1538794800000),
+                                y: [6619.43, 6620.35, 6610.05, 6615.53]
+                            },
+                            {
+                                x: new Date(1538796600000),
+                                y: [6638.24, 6640, 6620, 6624.47]
+                            },
+                            {
+                                x: new Date(1538798400000),
+                                y: [6624.53, 6636.03, 6621.68, 6624.31]
+                            },
+                            {
+                                x: new Date(1538800200000),
+                                y: [6624.61, 6632.2, 6617, 6626.02]
+                            },
+                            {
+                                x: new Date(1538802000000),
+                                y: [6627, 6627.62, 6584.22, 6603.02]
+                            },
+                            {
+                                x: new Date(1538803800000),
+                                y: [6615.53, 6617.93, 6610, 6615.19]
+                            },
+                        ],
+                    },
+                ],
+
+                init() {
+                    isDark = this.$store.app.theme === "dark" || this.$store.app.isDarkMode ? true :
+                        false;
+                    isRtl = this.$store.app.rtlClass === "rtl" ? true : false;
+                    let selectedCoinObj = null;
+                    let selectedBitCoin = null;
+                    const bitcoin = null;
+                    const zcash = null;
+                    const ethereum = null;
+                    const litecoin = null;
+                    const binance = null;
+                    const solana = null;
+                    const tether = null;
+                    this.selectedCoinObj = this.coins[0];
+
+                    setTimeout(() => {
+                        this.bitcoin = new ApexCharts(document.querySelector('#bitcoin'), this
+                            .bitcoinOptions);
+                        this.bitcoin.render();
+
+                        this.zcash = new ApexCharts(document.querySelector('#zcash'), this
+                            .zcashOptions);
+                        this.zcash.render();
+
+                        this.ethereum = new ApexCharts(document.querySelector('#ethereum'), this
+                            .ethereumOptions);
+                        this.ethereum.render();
+
+                        this.litecoin = new ApexCharts(document.querySelector('#litecoin'), this
+                            .litecoinOptions);
+                        this.litecoin.render();
+
+                        this.binance = new ApexCharts(document.querySelector('#binance'), this
+                            .binanceOptions);
+                        this.binance.render();
+
+                        this.solana = new ApexCharts(document.querySelector('#solana'), this
+                            .solanaOptions);
+                        this.solana.render();
+
+                        this.tether = new ApexCharts(document.querySelector('#tether'), this
+                            .tetherOptions);
+                        this.tether.render();
+
+                        this.selectedBitCoin = new ApexCharts(this.$refs.selectedBitCoin, this
+                            .selectedBitCoinOptions);
+                        this.selectedBitCoin.render();
+                    }, 200);
+
+                    this.$watch('$store.app.theme', () => {
+                        isDark = this.$store.app.theme === "dark" || this.$store.app
+                            .isDarkMode ? true : false;
+                        this.bitcoin.updateOptions(this.bitcoinOptions);
+                        this.zcash.updateOptions(this.zcashOptions);
+                        this.ethereum.updateOptions(this.ethereumOptions);
+                        this.litecoin.updateOptions(this.litecoinOptions);
+                        this.binance.updateOptions(this.binanceOptions);
+                        this.solana.updateOptions(this.solanaOptions);
+                        this.tether.updateOptions(this.tetherOptions);
+                        this.selectedBitCoin.updateOptions(this.selectedBitCoinOptions);
+                    });
+
+                    this.$watch('$store.app.rtlClass', () => {
+                        isRtl = this.$store.app.rtlClass === "rtl" ? true : false;
+                        this.selectedBitCoin.updateOptions(this.selectedBitCoinOptions);
+                    });
+
+                    this.$watch('$store.app.layout', () => {
+                        this.selectedBitCoin.updateOptions(this.selectedBitCoinOptions);
+                    });
+
+                    this.$watch('$store.app.sidebar', () => {
+                        setTimeout(() => {
+                            this.selectedBitCoin.updateOptions(this
+                                .selectedBitCoinOptions);
+                        }, 300);
+                    });
+
+                },
+
+                get bitcoinOptions() {
+                    return {
+                        series: [{
+                            data: this.coins[this.coins.findIndex((d) => d.title ===
+                                'Bitcoin')].series,
+                        }],
+                        chart: {
+                            height: 45,
+                            width: 120,
+                            type: 'line',
+                            sparkline: {
+                                enabled: true
+                            },
+                        },
+                        stroke: {
+                            width: 2
+                        },
+                        markers: {
+                            size: 0
+                        },
+                        colors: ['#00ab55'],
+                        grid: {
+                            padding: {
+                                top: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+                        responsive: [{
+                            breakPoint: 576,
+                            options: {
+                                chart: {
+                                    height: 95
+                                },
+                                grid: {
+                                    padding: {
+                                        top: 45,
+                                        bottom: 0,
+                                        left: 0
+                                    }
+                                }
+                            }
+                        }],
+                    }
+                },
+
+                get zcashOptions() {
+                    return {
+                        series: [{
+                            data: this.coins[this.coins.findIndex((d) => d.title ===
+                                'Zcash')].series
+                        }],
+                        chart: {
+                            height: 45,
+                            width: 120,
+                            type: 'line',
+                            sparkline: {
+                                enabled: true
+                            },
+                        },
+                        stroke: {
+                            width: 2
+                        },
+                        markers: {
+                            size: 0
+                        },
+                        colors: ['#00ab55'],
+                        grid: {
+                            padding: {
+                                top: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+                        responsive: [{
+                            breakPoint: 576,
+                            options: {
+                                chart: {
+                                    height: 95
+                                },
+                                grid: {
+                                    padding: {
+                                        top: 45,
+                                        bottom: 0,
+                                        left: 0
+                                    }
+                                }
+                            }
+                        }],
+                    }
+                },
+
+                get ethereumOptions() {
+                    return {
+                        series: [{
+                            data: this.coins[this.coins.findIndex((d) => d.title ===
+                                'Ethereum')].series
+                        }],
+                        chart: {
+                            height: 45,
+                            width: 120,
+                            type: 'line',
+                            sparkline: {
+                                enabled: true
+                            },
+                        },
+                        stroke: {
+                            width: 2
+                        },
+                        markers: {
+                            size: 0
+                        },
+                        colors: ['#e7515a'],
+                        grid: {
+                            padding: {
+                                top: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+                        responsive: [{
+                            breakPoint: 576,
+                            options: {
+                                chart: {
+                                    height: 95
+                                },
+                                grid: {
+                                    padding: {
+                                        top: 45,
+                                        bottom: 0,
+                                        left: 0
+                                    }
+                                }
+                            }
+                        }],
+                    }
+                },
+
+                get litecoinOptions() {
+                    return {
+                        series: [{
+                            data: this.coins[this.coins.findIndex((d) => d.title ===
+                                'Litecoin')].series
+                        }],
+                        chart: {
+                            height: 45,
+                            width: 120,
+                            type: 'line',
+                            sparkline: {
+                                enabled: true
+                            },
+                        },
+                        stroke: {
+                            width: 2
+                        },
+                        markers: {
+                            size: 0
+                        },
+                        colors: ['#e7515a'],
+                        grid: {
+                            padding: {
+                                top: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+                        responsive: [{
+                            breakPoint: 576,
+                            options: {
+                                chart: {
+                                    height: 95
+                                },
+                                grid: {
+                                    padding: {
+                                        top: 45,
+                                        bottom: 0,
+                                        left: 0
+                                    }
+                                }
+                            }
+                        }],
+                    }
+                },
+
+                get binanceOptions() {
+                    return {
+                        series: [{
+                            data: this.coins[this.coins.findIndex((d) => d.title ===
+                                'Binance')].series
+                        }],
+                        chart: {
+                            height: 45,
+                            width: 120,
+                            type: 'line',
+                            sparkline: {
+                                enabled: true
+                            },
+                        },
+                        stroke: {
+                            width: 2
+                        },
+                        markers: {
+                            size: 0
+                        },
+                        colors: ['#00ab55'],
+                        grid: {
+                            padding: {
+                                top: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+                        responsive: [{
+                            breakPoint: 576,
+                            options: {
+                                chart: {
+                                    height: 95
+                                },
+                                grid: {
+                                    padding: {
+                                        top: 45,
+                                        bottom: 0,
+                                        left: 0
+                                    }
+                                }
+                            }
+                        }],
+                    }
+                },
+
+                get solanaOptions() {
+                    return {
+                        series: [{
+                            data: this.coins[this.coins.findIndex((d) => d.title ===
+                                'Solana')].series
+                        }],
+                        chart: {
+                            height: 45,
+                            width: 120,
+                            type: 'line',
+                            sparkline: {
+                                enabled: true
+                            },
+                        },
+                        stroke: {
+                            width: 2
+                        },
+                        markers: {
+                            size: 0
+                        },
+                        colors: ['#e7515a'],
+                        grid: {
+                            padding: {
+                                top: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+                        responsive: [{
+                            breakPoint: 576,
+                            options: {
+                                chart: {
+                                    height: 95
+                                },
+                                grid: {
+                                    padding: {
+                                        top: 45,
+                                        bottom: 0,
+                                        left: 0
+                                    }
+                                }
+                            }
+                        }],
+                    }
+                },
+
+                get tetherOptions() {
+                    return {
+                        series: [{
+                            data: this.coins[this.coins.findIndex((d) => d.title ===
+                                'Tether')].series
+                        }],
+                        chart: {
+                            height: 45,
+                            width: 120,
+                            type: 'line',
+                            sparkline: {
+                                enabled: true
+                            },
+                        },
+                        stroke: {
+                            width: 2
+                        },
+                        markers: {
+                            size: 0
+                        },
+                        colors: ['#00ab55'],
+                        grid: {
+                            padding: {
+                                top: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+                        responsive: [{
+                            breakPoint: 576,
+                            options: {
+                                chart: {
+                                    height: 95
+                                },
+                                grid: {
+                                    padding: {
+                                        top: 45,
+                                        bottom: 0,
+                                        left: 0
+                                    }
+                                }
+                            }
+                        }],
+                    }
+                },
+
+                get selectedBitCoinOptions() {
+                    return {
+                        series: [{
+                            data: this.selectedCoinObj.series
+                        }],
+                        chart: {
+                            height: 411,
+                            type: 'line',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        stroke: {
+                            width: 2
+                        },
+                        markers: {
+                            size: 0
+                        },
+                        colors: ['#4361ee'],
+                        grid: {
+                            padding: {
+                                top: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+                        xaxis: {
+                            type: 'datetime',
+                            labels: {
+                                format: 'HH:mm',
+                            },
+
+                            axisBorder: {
+                                color: isDark ? '#191e3a' : '#e0e6ed'
+                            },
+                        },
+                        yaxis: {
+                            type: 'currency',
+                            opposite: isRtl ? true : false,
+                            labels: {
+                                offsetX: isRtl ? -40 : 0,
+                            }
+                        },
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed',
+                        },
+                        responsive: [{
+                            breakPoint: 576,
+                            options: {
+                                chart: {
+                                    height: 95
+                                },
+                                grid: {
+                                    padding: {
+                                        top: 45,
+                                        bottom: 0,
+                                        left: 0
+                                    }
+                                }
+                            }
+                        }],
+                    }
+                },
+
+                selectBitCoin(item) {
+                    this.selectedCoinObj = item;
+                    this.selectedBitCoin.updateSeries([{
+                        data: this.selectedCoinObj.series
+                    }])
+                    this.isShowCryptoMenu = false;
+                }
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
deleted file mode 100644
index 4db8ebf32c71e00ea2dee26f49b5f38b03bba067..0000000000000000000000000000000000000000
--- a/resources/views/dashboard.blade.php
+++ /dev/null
@@ -1,15 +0,0 @@
-<x-app-layout>
-    <x-slot name="header">
-        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
-            {{ __('Dashboard') }}
-        </h2>
-    </x-slot>
-
-    <div class="py-12">
-        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
-            <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg">
-                <x-welcome />
-            </div>
-        </div>
-    </div>
-</x-app-layout>
diff --git a/resources/views/datatables/advanced.blade.php b/resources/views/datatables/advanced.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..5c8f07efb023cf72aa23ca1bd23689c91e18a462
--- /dev/null
+++ b/resources/views/datatables/advanced.blade.php
@@ -0,0 +1,632 @@
+<x-layout.default>
+
+    <script defer src="/assets/js/apexcharts.js"></script>
+    <script src="/assets/js/simple-datatables.js"></script>
+
+    <div x-data="basic">
+        <div class="panel flex items-center overflow-x-auto whitespace-nowrap p-3 text-primary">
+            <div class="rounded-full bg-primary p-1.5 text-white ring-2 ring-primary/30 ltr:mr-3 rtl:ml-3">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                    class="h-3.5 w-3.5">
+                    <path
+                        d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                        stroke="currentColor" stroke-width="1.5" />
+                    <path opacity="0.5" d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                </svg>
+            </div>
+            <span class="ltr:mr-3 rtl:ml-3">Documentation: </span>
+            <a href="https://www.npmjs.com/package/simple-datatables" target="_blank" class="block hover:underline">
+                https://www.npmjs.com/package/simple-datatables
+            </a>
+        </div>
+        <div class="panel mt-6">
+            <h5 class="font-semibold text-lg dark:text-white-light">Advanced</h5>
+            <table id="myTable" class="whitespace-nowrap table-hover"></table>
+        </div>
+    </div>
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("basic", () => ({
+                datatable: null,
+                countryList: [{
+                        code: 'AE',
+                        name: 'United Arab Emirates'
+                    },
+                    {
+                        code: 'AR',
+                        name: 'Argentina'
+                    },
+                    {
+                        code: 'AT',
+                        name: 'Austria'
+                    },
+                    {
+                        code: 'AU',
+                        name: 'Australia'
+                    },
+                    {
+                        code: 'BE',
+                        name: 'Belgium'
+                    },
+                    {
+                        code: 'BG',
+                        name: 'Bulgaria'
+                    },
+                    {
+                        code: 'BN',
+                        name: 'Brunei'
+                    },
+                    {
+                        code: 'BR',
+                        name: 'Brazil'
+                    },
+                    {
+                        code: 'BY',
+                        name: 'Belarus'
+                    },
+                    {
+                        code: 'CA',
+                        name: 'Canada'
+                    },
+                    {
+                        code: 'CH',
+                        name: 'Switzerland'
+                    },
+                    {
+                        code: 'CL',
+                        name: 'Chile'
+                    },
+                    {
+                        code: 'CN',
+                        name: 'China'
+                    },
+                    {
+                        code: 'CO',
+                        name: 'Colombia'
+                    },
+                    {
+                        code: 'CZ',
+                        name: 'Czech Republic'
+                    },
+                    {
+                        code: 'DE',
+                        name: 'Germany'
+                    },
+                    {
+                        code: 'DK',
+                        name: 'Denmark'
+                    },
+                    {
+                        code: 'DZ',
+                        name: 'Algeria'
+                    },
+                    {
+                        code: 'EC',
+                        name: 'Ecuador'
+                    },
+                    {
+                        code: 'EG',
+                        name: 'Egypt'
+                    },
+                    {
+                        code: 'ES',
+                        name: 'Spain'
+                    },
+                    {
+                        code: 'FI',
+                        name: 'Finland'
+                    },
+                    {
+                        code: 'FR',
+                        name: 'France'
+                    },
+                    {
+                        code: 'GB',
+                        name: 'United Kingdom'
+                    },
+                    {
+                        code: 'GR',
+                        name: 'Greece'
+                    },
+                    {
+                        code: 'HK',
+                        name: 'Hong Kong'
+                    },
+                    {
+                        code: 'HR',
+                        name: 'Croatia'
+                    },
+                    {
+                        code: 'HU',
+                        name: 'Hungary'
+                    },
+                    {
+                        code: 'ID',
+                        name: 'Indonesia'
+                    },
+                    {
+                        code: 'IE',
+                        name: 'Ireland'
+                    },
+                    {
+                        code: 'IL',
+                        name: 'Israel'
+                    },
+                    {
+                        code: 'IN',
+                        name: 'India'
+                    },
+                    {
+                        code: 'IT',
+                        name: 'Italy'
+                    },
+                    {
+                        code: 'JO',
+                        name: 'Jordan'
+                    },
+                    {
+                        code: 'JP',
+                        name: 'Japan'
+                    },
+                    {
+                        code: 'KE',
+                        name: 'Kenya'
+                    },
+                    {
+                        code: 'KH',
+                        name: 'Cambodia'
+                    },
+                    {
+                        code: 'KR',
+                        name: 'South Korea'
+                    },
+                    {
+                        code: 'KZ',
+                        name: 'Kazakhstan'
+                    },
+                    {
+                        code: 'LA',
+                        name: 'Laos'
+                    },
+                    {
+                        code: 'LK',
+                        name: 'Sri Lanka'
+                    },
+                    {
+                        code: 'MA',
+                        name: 'Morocco'
+                    },
+                    {
+                        code: 'MM',
+                        name: 'Myanmar'
+                    },
+                    {
+                        code: 'MO',
+                        name: 'Macau'
+                    },
+                    {
+                        code: 'MX',
+                        name: 'Mexico'
+                    },
+                    {
+                        code: 'MY',
+                        name: 'Malaysia'
+                    },
+                    {
+                        code: 'NG',
+                        name: 'Nigeria'
+                    },
+                    {
+                        code: 'NL',
+                        name: 'Netherlands'
+                    },
+                    {
+                        code: 'NO',
+                        name: 'Norway'
+                    },
+                    {
+                        code: 'NZ',
+                        name: 'New Zealand'
+                    },
+                    {
+                        code: 'PE',
+                        name: 'Peru'
+                    },
+                    {
+                        code: 'PH',
+                        name: 'Philippines'
+                    },
+                    {
+                        code: 'PK',
+                        name: 'Pakistan'
+                    },
+                    {
+                        code: 'PL',
+                        name: 'Poland'
+                    },
+                    {
+                        code: 'PT',
+                        name: 'Portugal'
+                    },
+                    {
+                        code: 'QA',
+                        name: 'Qatar'
+                    },
+                    {
+                        code: 'RO',
+                        name: 'Romania'
+                    },
+                    {
+                        code: 'RS',
+                        name: 'Serbia'
+                    },
+                    {
+                        code: 'RU',
+                        name: 'Russia'
+                    },
+                    {
+                        code: 'SA',
+                        name: 'Saudi Arabia'
+                    },
+                    {
+                        code: 'SE',
+                        name: 'Sweden'
+                    },
+                    {
+                        code: 'SG',
+                        name: 'Singapore'
+                    },
+                    {
+                        code: 'SK',
+                        name: 'Slovakia'
+                    },
+                    {
+                        code: 'TH',
+                        name: 'Thailand'
+                    },
+                    {
+                        code: 'TN',
+                        name: 'Tunisia'
+                    },
+                    {
+                        code: 'TR',
+                        name: 'Turkey'
+                    },
+                    {
+                        code: 'TW',
+                        name: 'Taiwan'
+                    },
+                    {
+                        code: 'UK',
+                        name: 'Ukraine'
+                    },
+                    {
+                        code: 'UG',
+                        name: 'Uganda'
+                    },
+                    {
+                        code: 'US',
+                        name: 'United States'
+                    },
+                    {
+                        code: 'VN',
+                        name: 'Vietnam'
+                    },
+                    {
+                        code: 'ZA',
+                        name: 'South Africa'
+                    },
+                    {
+                        code: 'BA',
+                        name: 'Bosnia and Herzegovina'
+                    },
+                    {
+                        code: 'BD',
+                        name: 'Bangladesh'
+                    },
+                    {
+                        code: 'EE',
+                        name: 'Estonia'
+                    },
+                    {
+                        code: 'IQ',
+                        name: 'Iraq'
+                    },
+                    {
+                        code: 'LU',
+                        name: 'Luxembourg'
+                    },
+                    {
+                        code: 'LV',
+                        name: 'Latvia'
+                    },
+                    {
+                        code: 'MK',
+                        name: 'North Macedonia'
+                    },
+                    {
+                        code: 'SI',
+                        name: 'Slovenia'
+                    },
+                    {
+                        code: 'PA',
+                        name: 'Panama'
+                    },
+                ],
+                init() {
+                    this.datatable = new simpleDatatables.DataTable('#myTable', {
+                        data: {
+                            headings: ["ID", "User", "Country", "Email", "Progress", "Phone",
+                                "<div class='text-center'>Rate</div>", "Progress", "Status"
+                            ],
+                            data: [
+                                [1, 'Caroline Jensen', '', 'carolinejensen@zidant.com', 39,
+                                    '+1 (821) 447-3782', '', '', ''
+                                ],
+                                [2, 'Celeste Grant', '', 'celestegrant@polarax.com', 32,
+                                    '+1 (838) 515-3408', '', '', ''
+                                ],
+                                [3, 'Tillman Forbes', '', 'tillmanforbes@manglo.com', 26,
+                                    '+1 (969) 496-2892', '', '', ''
+                                ],
+                                [4, 'Daisy Whitley', '', 'daisywhitley@applideck.com', 21,
+                                    '+1 (861) 564-2877', '', '', ''
+                                ],
+                                [5, 'Weber Bowman', '', 'weberbowman@volax.com', 26,
+                                    '+1 (962) 466-3483', '', '', ''
+                                ],
+                                [6, 'Buckley Townsend', '', 'buckleytownsend@orbaxter.com',
+                                    40, '+1 (884) 595-2643', '', '', ''
+                                ],
+                                [7, 'Latoya Bradshaw', '', 'latoyabradshaw@opportech.com',
+                                    24, '+1 (906) 474-3155', '', '', ''
+                                ],
+                                [8, 'Kate Lindsay', '', 'katelindsay@gorganic.com', 24,
+                                    '+1 (930) 546-2952', '', '', ''
+                                ],
+                                [9, 'Marva Sandoval', '', 'marvasandoval@avit.com', 28,
+                                    '+1 (927) 566-3600', '', '', ''
+                                ],
+                                [10, 'Decker Russell', '', 'deckerrussell@quilch.com', 27,
+                                    '+1 (846) 535-3283', '', '', ''
+                                ],
+                                [11, 'Odom Mills', '', 'odommills@memora.com', 34,
+                                    '+1 (995) 525-3402', '', '', ''
+                                ],
+                                [12, 'Sellers Walters', '', 'sellerswalters@zorromop.com',
+                                    28, '+1 (830) 430-3157', '', '', ''
+                                ],
+                                [13, 'Wendi Powers', '', 'wendipowers@orboid.com', 31,
+                                    '+1 (863) 457-2088', '', '', ''
+                                ],
+                                [14, 'Sophie Horn', '', 'sophiehorn@snorus.com', 22,
+                                    '+1 (885) 418-3948', '', '', ''
+                                ],
+                                [15, 'Levine Rodriquez', '', 'levinerodriquez@xth.com', 27,
+                                    '+1 (999) 565-3239', '', '', ''
+                                ],
+                                [16, 'Little Hatfield', '', 'littlehatfield@comtract.com',
+                                    33, '+1 (812) 488-3011', '', '', ''
+                                ],
+                                [17, 'Larson Kelly', '', 'larsonkelly@zidant.com', 20,
+                                    '+1 (892) 484-2162', '', '', ''
+                                ],
+                                [18, 'Kendra Molina', '', 'kendramolina@sureplex.com', 31,
+                                    '+1 (920) 528-3330', '', '', ''
+                                ],
+                                [19, 'Ebony Livingston', '', 'ebonylivingston@danja.com',
+                                    33, '+1 (970) 591-3039', '', '', ''
+                                ],
+                                [20, 'Kaufman Rush', '', 'kaufmanrush@euron.com', 39,
+                                    '+1 (924) 463-2934', '', '', ''
+                                ],
+                                [21, 'Frank Hays', '', 'frankhays@illumity.com', 31,
+                                    '+1 (930) 577-2670', '', '', ''
+                                ],
+                                [22, 'Carmella Mccarty', '', 'carmellamccarty@sybixtex.com',
+                                    21, '+1 (876) 456-3218', '', '', ''
+                                ],
+                                [23, 'Massey Owen', '', 'masseyowen@zedalis.com', 40,
+                                    '+1 (917) 567-3786', '', '', ''
+                                ],
+                                [24, 'Lottie Lowery', '', 'lottielowery@dyno.com', 36,
+                                    '+1 (912) 539-3498', '', '', ''
+                                ],
+                                [25, 'Addie Luna', '', 'addieluna@multiflex.com', 32,
+                                    '+1 (962) 537-2981', '', '', ''
+                                ],
+                            ]
+                        },
+                        searchable: false,
+                        perPage: 10,
+                        perPageSelect: [10, 20, 30, 50, 100],
+                        columns: [{
+                                select: 0,
+                                render: (data, cell, row) => {
+                                    return `<strong class="text-info">#${ data}</strong>`;
+                                },
+                            },
+                            {
+                                select: 1,
+                                render: (data, cell, row) => {
+                                    return `<div class="flex items-center gap-2">
+                                                <img src="/assets/images/profile-${this.getRandomNumber(1, 34)}.jpeg" class="w-9 h-9 rounded-full max-w-none" alt="user-profile" />
+                                                <div class="font-semibold">${ data }</div>
+                                        </div>`
+                                },
+                            },
+                            {
+                                select: 2,
+                                render: (data, cell, row) => {
+                                    return `<div class="flex items-center gap-2">
+                                            <img width="24" src="/assets/images/flags/${this.getCountry().code}.svg" class="max-w-none" alt="user profile" />
+                                            <div>${ this.getCountry().name }</div>
+                                        </div>`
+                                },
+                                sortable: false,
+                            },
+                            {
+                                select: 3,
+                                render: (data, cell, row) => {
+                                    return `<a href="mailto:${data}" class="text-primary hover:underline">${ data }</a>`
+                                },
+                            },
+                            {
+                                select: 4,
+                                render: (data, cell, row) => {
+                                    return `<div class="w-4/5 min-w-[100px] h-2.5 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex">
+                                            <div class="h-2.5 rounded-full rounded-bl-full text-center text-white text-xs bg-${this.randomStatusColor()}" style="width:${this.getRandomNumber(15, 100)}%"></div>
+                                        </div>`
+                                },
+                                sortable: false,
+                            },
+                            {
+                                select: 6,
+                                render: (data, cell, row) => {
+                                    let str =
+                                        '<div class="flex items-center justify-center text-warning">';
+                                    for (let i = 0; i < this.getRandomNumber(1,
+                                        5); i++) {
+                                        str += `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 fill-warning">
+                                                <path d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z" stroke="currentColor" stroke-width="1.5" />
+                                            </svg>`;
+                                    }
+                                    str += '</div>';
+                                    return str;
+                                },
+                                sortable: false,
+                            },
+                            {
+                                select: 7,
+                                render: (data, cell, row) => {
+                                    return `<div style="width: 150px" class="overflow-hidden"> <div class="progress-chart"></div></div>`
+                                },
+                                sortable: false,
+                            },
+                            {
+                                select: 8,
+                                render: (data, cell, row) => {
+                                    return `<span class="badge badge-outline-${this.randomStatusColor()}">${ this.randomStatus() }</span>`
+                                },
+                                sortable: false,
+                            },
+                        ],
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        labels: {
+                            perPage: "{select}"
+                        },
+                        layout: {
+                            top: "{search}",
+                            bottom: "{info}{select}{pager}",
+                        },
+                    });
+
+                    this.datatable.on('datatable.sort', () => {
+                        this.initChart();
+                    });
+
+                    this.datatable.on('datatable.page', () => {
+                        this.initChart();
+                    });
+
+                    this.datatable.on('datatable.perpage', () => {
+                        this.initChart();
+                    });
+
+                    setTimeout(() => {
+                        this.initChart();
+                    }, 300);
+
+                },
+
+                initChart() {
+                    const ele = document.querySelectorAll('.progress-chart');
+                    let chart = [];
+                    for (let i = 0; i < ele.length; i++) {
+                        ele[i].innerHTML = '';
+                        chart[i] = new ApexCharts(ele[i], this.chart_options);
+                        chart[i].render();
+                    }
+                },
+
+                get chart_options() {
+                    let option = {
+                        series: [{
+                            data: [21, 9, 36, 12, 44, 25, 59]
+                        }],
+                        chart: {
+                            type: 'line',
+                            height: 30,
+                            sparkline: {
+                                enabled: true
+                            }
+                        },
+                        stroke: {
+                            curve: 'smooth',
+                            width: 2
+                        },
+                        markers: {
+                            size: [4, 7],
+                            strokeWidth: 0
+                        },
+                        colors: [this.randomColor()],
+                        grid: {
+                            padding: {
+                                top: 5,
+                                bottom: 5
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+                    };
+                    return option;
+                },
+
+                randomColor() {
+                    const color = ['#4361ee', '#805dca', '#00ab55', '#e7515a', '#e2a03f', '#2196f3'];
+                    const random = Math.floor(Math.random() * color.length);
+                    return color[random];
+                },
+
+                randomStatusColor() {
+                    const color = ['primary', 'secondary', 'success', 'danger', 'warning', 'info'];
+                    const random = Math.floor(Math.random() * color.length);
+                    return color[random];
+                },
+
+                randomStatus() {
+                    const status = ['PAID', 'APPROVED', 'FAILED', 'CANCEL', 'SUCCESS', 'PENDING',
+                        'COMPLETE'
+                    ];
+                    const random = Math.floor(Math.random() * status.length);
+                    return status[random];
+                },
+
+                getRandomNumber(min, max) {
+                    return Math.floor(Math.random() * (max - min + 1)) + min;
+                },
+
+                getCountry() {
+                    const random = Math.floor(Math.random() * this.countryList.length);
+                    return this.countryList[random];
+                },
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/datatables/alt-pagination.blade.php b/resources/views/datatables/alt-pagination.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..7620f44998498253991368170830ff9c257c89b9
--- /dev/null
+++ b/resources/views/datatables/alt-pagination.blade.php
@@ -0,0 +1,187 @@
+<x-layout.default>
+
+
+    <script src="/assets/js/simple-datatables.js"></script>
+
+    <div x-data="pagination">
+        <div class="panel flex items-center overflow-x-auto whitespace-nowrap p-3 text-primary">
+            <div class="rounded-full bg-primary p-1.5 text-white ring-2 ring-primary/30 ltr:mr-3 rtl:ml-3">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                    class="h-3.5 w-3.5">
+                    <path
+                        d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                        stroke="currentColor" stroke-width="1.5" />
+                    <path opacity="0.5" d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                </svg>
+            </div>
+            <span class="ltr:mr-3 rtl:ml-3">Documentation: </span>
+            <a href="https://www.npmjs.com/package/simple-datatables" target="_blank" class="block hover:underline">
+                https://www.npmjs.com/package/simple-datatables
+            </a>
+        </div>
+        <div class="panel mt-6">
+            <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Alt
+                Pagination</h5>
+            <table id="myTable1" class="whitespace-nowrap"></table>
+        </div>
+
+        <div class="panel mt-6">
+            <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Disable First
+                Last Pagination</h5>
+            <table id="myTable2" class="whitespace-nowrap"></table>
+        </div>
+
+        <div class="panel mt-6 no-number-pagination">
+            <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Pagination
+                Without Number</h5>
+            <table id="myTable3" class="whitespace-nowrap"></table>
+        </div>
+
+        <div class="panel mt-6 no-number-pagination next-prev-pagination">
+            <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Next Previous
+            </h5>
+            <table id="myTable4" class="whitespace-nowrap"></table>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("pagination", () => ({
+                init() {
+                    const tableOptions = {
+                        data: {
+                            headings: ["ID", "First Name", "Last Name", "Email", "Phone"],
+                            data: [
+                                [1, 'Caroline', 'Jensen', 'carolinejensen@zidant.com',
+                                    '+1 (821) 447-3782'
+                                ],
+                                [2, 'Celeste', 'Grant', 'celestegrant@polarax.com',
+                                    '+1 (838) 515-3408'
+                                ],
+                                [3, 'Tillman', 'Forbes', 'tillmanforbes@manglo.com',
+                                    '+1 (969) 496-2892'
+                                ],
+                                [4, 'Daisy', 'Whitley', 'daisywhitley@applideck.com',
+                                    '+1 (861) 564-2877'
+                                ],
+                                [5, 'Weber', 'Bowman', 'weberbowman@volax.com',
+                                    '+1 (962) 466-3483'
+                                ],
+                                [6, 'Buckley', 'Townsend', 'buckleytownsend@orbaxter.com',
+                                    '+1 (884) 595-2643'
+                                ],
+                                [7, 'Latoya', 'Bradshaw', 'latoyabradshaw@opportech.com',
+                                    '+1 (906) 474-3155'
+                                ],
+                                [8, 'Kate', 'Lindsay', 'katelindsay@gorganic.com',
+                                    '+1 (930) 546-2952'
+                                ],
+                                [9, 'Marva', 'Sandoval', 'marvasandoval@avit.com',
+                                    '+1 (927) 566-3600'
+                                ],
+                                [10, 'Decker', 'Russell', 'deckerrussell@quilch.com',
+                                    '+1 (846) 535-3283'
+                                ],
+                                [11, 'Odom', 'Mills', 'odommills@memora.com',
+                                    '+1 (995) 525-3402'
+                                ],
+                                [12, 'Sellers', 'Walters', 'sellerswalters@zorromop.com',
+                                    '+1 (830) 430-3157'
+                                ],
+                                [13, 'Wendi', 'Powers', 'wendipowers@orboid.com',
+                                    '+1 (863) 457-2088'
+                                ],
+                                [14, 'Sophie', 'Horn', 'sophiehorn@snorus.com',
+                                    '+1 (885) 418-3948'
+                                ],
+                                [15, 'Levine', 'Rodriquez', 'levinerodriquez@xth.com',
+                                    '+1 (999) 565-3239'
+                                ],
+                                [16, 'Little', 'Hatfield', 'littlehatfield@comtract.com',
+                                    '+1 (812) 488-3011'
+                                ],
+                                [17, 'Larson', 'Kelly', 'larsonkelly@zidant.com',
+                                    '+1 (892) 484-2162'
+                                ],
+                                [18, 'Kendra', 'Molina', 'kendramolina@sureplex.com',
+                                    '+1 (920) 528-3330'
+                                ],
+                                [19, 'Ebony', 'Livingston', 'ebonylivingston@danja.com',
+                                    '+1 (970) 591-3039'
+                                ],
+                                [20, 'Kaufman', 'Rush', 'kaufmanrush@euron.com',
+                                    '+1 (924) 463-2934'
+                                ],
+                                [21, 'Frank', 'Hays', 'frankhays@illumity.com',
+                                    '+1 (930) 577-2670'
+                                ],
+                                [22, 'Carmella', 'Mccarty', 'carmellamccarty@sybixtex.com',
+                                    '+1 (876) 456-3218'
+                                ],
+                                [23, 'Massey', 'Owen', 'masseyowen@zedalis.com',
+                                    '+1 (917) 567-3786'
+                                ],
+                                [24, 'Lottie', 'Lowery', 'lottielowery@dyno.com',
+                                    '+1 (912) 539-3498'
+                                ],
+                                [25, 'Addie', 'Luna', 'addieluna@multiflex.com',
+                                    '+1 (962) 537-2981'
+                                ],
+                            ]
+                        },
+                        searchable: true,
+                        perPage: 10,
+                        perPageSelect: [10, 20, 30, 50, 100],
+                        columns: [{
+                            select: 0,
+                            sort: "asc"
+                        }, ],
+                        labels: {
+                            perPage: "{select}"
+                        },
+                        layout: {
+                            top: "{search}",
+                            bottom: "<div class='flex items-center gap-4'>{info}{select}</div>{pager}",
+                        },
+                    }
+
+                    const datatable1 = new simpleDatatables.DataTable('#myTable1', {
+                        ...tableOptions,
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+
+                    });
+
+                    const datatable2 = new simpleDatatables.DataTable('#myTable2', {
+                        ...tableOptions,
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+
+                    });
+
+                    const datatable3 = new simpleDatatables.DataTable('#myTable3', {
+                        ...tableOptions,
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                    });
+
+                    const datatable4 = new simpleDatatables.DataTable('#myTable4', {
+                        ...tableOptions,
+                        prevText: 'Previous',
+                        nextText: 'Next',
+                    });
+
+                }
+            }));
+        });
+    </script>
+
+
+</x-layout.default>
diff --git a/resources/views/datatables/basic.blade.php b/resources/views/datatables/basic.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..840ad4d7f7753048bf96a8a5f49aa5497d769f4d
--- /dev/null
+++ b/resources/views/datatables/basic.blade.php
@@ -0,0 +1,137 @@
+<x-layout.default>
+
+
+    <script src="/assets/js/simple-datatables.js"></script>
+
+    <div x-data="basic">
+        <div class="panel flex items-center overflow-x-auto whitespace-nowrap p-3 text-primary">
+            <div class="rounded-full bg-primary p-1.5 text-white ring-2 ring-primary/30 ltr:mr-3 rtl:ml-3">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                    class="h-3.5 w-3.5">
+                    <path
+                        d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                        stroke="currentColor" stroke-width="1.5" />
+                    <path opacity="0.5" d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                </svg>
+            </div>
+            <span class="ltr:mr-3 rtl:ml-3">Documentation: </span>
+            <a href="https://www.npmjs.com/package/simple-datatables" target="_blank" class="block hover:underline">
+                https://www.npmjs.com/package/simple-datatables
+            </a>
+        </div>
+        <div class="panel mt-6">
+            <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+            <table id="myTable" class="whitespace-nowrap table-hover"></table>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("basic", () => ({
+                datatable: null,
+                init() {
+                    this.datatable = new simpleDatatables.DataTable('#myTable', {
+                        data: {
+                            headings: ["ID", "First Name", "Last Name", "Email", "Phone"],
+                            data: [
+                                [1, 'Caroline', 'Jensen', 'carolinejensen@zidant.com',
+                                    '+1 (821) 447-3782'
+                                ],
+                                [2, 'Celeste', 'Grant', 'celestegrant@polarax.com',
+                                    '+1 (838) 515-3408'
+                                ],
+                                [3, 'Tillman', 'Forbes', 'tillmanforbes@manglo.com',
+                                    '+1 (969) 496-2892'
+                                ],
+                                [4, 'Daisy', 'Whitley', 'daisywhitley@applideck.com',
+                                    '+1 (861) 564-2877'
+                                ],
+                                [5, 'Weber', 'Bowman', 'weberbowman@volax.com',
+                                    '+1 (962) 466-3483'
+                                ],
+                                [6, 'Buckley', 'Townsend', 'buckleytownsend@orbaxter.com',
+                                    '+1 (884) 595-2643'
+                                ],
+                                [7, 'Latoya', 'Bradshaw', 'latoyabradshaw@opportech.com',
+                                    '+1 (906) 474-3155'
+                                ],
+                                [8, 'Kate', 'Lindsay', 'katelindsay@gorganic.com',
+                                    '+1 (930) 546-2952'
+                                ],
+                                [9, 'Marva', 'Sandoval', 'marvasandoval@avit.com',
+                                    '+1 (927) 566-3600'
+                                ],
+                                [10, 'Decker', 'Russell', 'deckerrussell@quilch.com',
+                                    '+1 (846) 535-3283'
+                                ],
+                                [11, 'Odom', 'Mills', 'odommills@memora.com',
+                                    '+1 (995) 525-3402'
+                                ],
+                                [12, 'Sellers', 'Walters', 'sellerswalters@zorromop.com',
+                                    '+1 (830) 430-3157'
+                                ],
+                                [13, 'Wendi', 'Powers', 'wendipowers@orboid.com',
+                                    '+1 (863) 457-2088'
+                                ],
+                                [14, 'Sophie', 'Horn', 'sophiehorn@snorus.com',
+                                    '+1 (885) 418-3948'
+                                ],
+                                [15, 'Levine', 'Rodriquez', 'levinerodriquez@xth.com',
+                                    '+1 (999) 565-3239'
+                                ],
+                                [16, 'Little', 'Hatfield', 'littlehatfield@comtract.com',
+                                    '+1 (812) 488-3011'
+                                ],
+                                [17, 'Larson', 'Kelly', 'larsonkelly@zidant.com',
+                                    '+1 (892) 484-2162'
+                                ],
+                                [18, 'Kendra', 'Molina', 'kendramolina@sureplex.com',
+                                    '+1 (920) 528-3330'
+                                ],
+                                [19, 'Ebony', 'Livingston', 'ebonylivingston@danja.com',
+                                    '+1 (970) 591-3039'
+                                ],
+                                [20, 'Kaufman', 'Rush', 'kaufmanrush@euron.com',
+                                    '+1 (924) 463-2934'
+                                ],
+                                [21, 'Frank', 'Hays', 'frankhays@illumity.com',
+                                    '+1 (930) 577-2670'
+                                ],
+                                [22, 'Carmella', 'Mccarty', 'carmellamccarty@sybixtex.com',
+                                    '+1 (876) 456-3218'
+                                ],
+                                [23, 'Massey', 'Owen', 'masseyowen@zedalis.com',
+                                    '+1 (917) 567-3786'
+                                ],
+                                [24, 'Lottie', 'Lowery', 'lottielowery@dyno.com',
+                                    '+1 (912) 539-3498'
+                                ],
+                                [25, 'Addie', 'Luna', 'addieluna@multiflex.com',
+                                    '+1 (962) 537-2981'
+                                ],
+                            ]
+                        },
+                        sortable: false,
+                        searchable: false,
+                        perPage: 10,
+                        perPageSelect: [10, 20, 30, 50, 100],
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        labels: {
+                            perPage: "{select}"
+                        },
+                        layout: {
+                            top: "{search}",
+                            bottom: "{info}{select}{pager}",
+                        },
+                    });
+                }
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/datatables/checkbox.blade.php b/resources/views/datatables/checkbox.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..154c37a3be84fc8c99e4b5a9dad293742d0f2b5d
--- /dev/null
+++ b/resources/views/datatables/checkbox.blade.php
@@ -0,0 +1,127 @@
+<x-layout.default>
+
+
+    <script src="/assets/js/simple-datatables.js"></script>
+
+    <div x-data="custom">
+        <div class="space-y-6">
+            <div class="panel flex items-center overflow-x-auto whitespace-nowrap p-3 text-primary">
+                <div class="rounded-full bg-primary p-1.5 text-white ring-2 ring-primary/30 ltr:mr-3 rtl:ml-3">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                        class="h-3.5 w-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span>
+                <a href="https://www.npmjs.com/package/simple-datatables" target="_blank" class="block hover:underline">
+                    https://www.npmjs.com/package/simple-datatables
+                </a>
+            </div>
+            <div class="panel">
+                <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Checkbox
+                </h5>
+                <table id="myTable" class="whitespace-nowrap table-checkbox"></table>
+            </div>
+        </div>
+    </div>
+    <style>
+        table.table-checkbox thead tr th:first-child {
+            width: 1px !important;
+        }
+    </style>
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("custom", () => ({
+                ids: [],
+                datatable: null,
+                tableData: [
+                    [1, 1, 'Caroline', 'Jensen', 'carolinejensen@zidant.com', '+1 (821) 447-3782'],
+                    [2, 2, 'Celeste', 'Grant', 'celestegrant@polarax.com', '+1 (838) 515-3408'],
+                    [3, 3, 'Tillman', 'Forbes', 'tillmanforbes@manglo.com', '+1 (969) 496-2892'],
+                    [4, 4, 'Daisy', 'Whitley', 'daisywhitley@applideck.com', '+1 (861) 564-2877'],
+                    [5, 5, 'Weber', 'Bowman', 'weberbowman@volax.com', '+1 (962) 466-3483'],
+                    [6, 6, 'Buckley', 'Townsend', 'buckleytownsend@orbaxter.com',
+                        '+1 (884) 595-2643'
+                    ],
+                    [7, 7, 'Latoya', 'Bradshaw', 'latoyabradshaw@opportech.com',
+                        '+1 (906) 474-3155'],
+                    [8, 8, 'Kate', 'Lindsay', 'katelindsay@gorganic.com', '+1 (930) 546-2952'],
+                    [9, 9, 'Marva', 'Sandoval', 'marvasandoval@avit.com', '+1 (927) 566-3600'],
+                    [10, 10, 'Decker', 'Russell', 'deckerrussell@quilch.com', '+1 (846) 535-3283'],
+                    [11, 11, 'Odom', 'Mills', 'odommills@memora.com', '+1 (995) 525-3402'],
+                    [12, 12, 'Sellers', 'Walters', 'sellerswalters@zorromop.com',
+                        '+1 (830) 430-3157'
+                    ],
+                    [13, 13, 'Wendi', 'Powers', 'wendipowers@orboid.com', '+1 (863) 457-2088'],
+                    [14, 14, 'Sophie', 'Horn', 'sophiehorn@snorus.com', '+1 (885) 418-3948'],
+                    [15, 15, 'Levine', 'Rodriquez', 'levinerodriquez@xth.com', '+1 (999) 565-3239'],
+                    [16, 16, 'Little', 'Hatfield', 'littlehatfield@comtract.com',
+                        '+1 (812) 488-3011'
+                    ],
+                    [17, 17, 'Larson', 'Kelly', 'larsonkelly@zidant.com', '+1 (892) 484-2162'],
+                    [18, 18, 'Kendra', 'Molina', 'kendramolina@sureplex.com', '+1 (920) 528-3330'],
+                    [19, 19, 'Ebony', 'Livingston', 'ebonylivingston@danja.com',
+                        '+1 (970) 591-3039'],
+                    [20, 20, 'Kaufman', 'Rush', 'kaufmanrush@euron.com', '+1 (924) 463-2934'],
+                    [21, 21, 'Frank', 'Hays', 'frankhays@illumity.com', '+1 (930) 577-2670'],
+                    [22, 22, 'Carmella', 'Mccarty', 'carmellamccarty@sybixtex.com',
+                        '+1 (876) 456-3218'
+                    ],
+                    [23, 23, 'Massey', 'Owen', 'masseyowen@zedalis.com', '+1 (917) 567-3786'],
+                    [24, 24, 'Lottie', 'Lowery', 'lottielowery@dyno.com', '+1 (912) 539-3498'],
+                    [25, 25, 'Addie', 'Luna', 'addieluna@multiflex.com', '+1 (962) 537-2981'],
+                ],
+
+                init() {
+                    this.datatable = new simpleDatatables.DataTable('#myTable', {
+                        data: {
+                            headings: [
+                                '<input type="checkbox" class="form-checkbox" :value="ids.length === tableData.length" @change="checkAll($event.target.checked)" />',
+                                "ID", "First Name", "Last Name", "Email", "Phone"
+                            ],
+                            data: this.tableData,
+                        },
+                        perPage: 10,
+                        perPageSelect: [10, 20, 30, 50, 100],
+                        columns: [{
+                            select: 0,
+                            sortable: false,
+                            render: (data, cell, row) => {
+                                return `<input type="checkbox" class="form-checkbox" x-model="ids" :value="${data}" />`;
+                            }
+                        }, ],
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        labels: {
+                            perPage: "{select}"
+                        },
+                        layout: {
+                            top: "{search}",
+                            bottom: "{info}{select}{pager}",
+                        },
+                    });
+                },
+
+                checkAll(isChecked) {
+                    if (isChecked) {
+                        this.ids = this.tableData.map((d) => {
+                            return d[0];
+                        });
+                    } else {
+                        this.ids = [];
+                    }
+                },
+
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/datatables/clone-header.blade.php b/resources/views/datatables/clone-header.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..ad7c131a1b2a0758e677f55bd42aae8372a7c185
--- /dev/null
+++ b/resources/views/datatables/clone-header.blade.php
@@ -0,0 +1,142 @@
+<x-layout.default>
+
+
+    <script src="/assets/js/simple-datatables.js"></script>
+
+    <div x-data="cloneHeader">
+        <div class="panel flex items-center overflow-x-auto whitespace-nowrap p-3 text-primary">
+            <div class="rounded-full bg-primary p-1.5 text-white ring-2 ring-primary/30 ltr:mr-3 rtl:ml-3">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                    class="h-3.5 w-3.5">
+                    <path
+                        d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                        stroke="currentColor" stroke-width="1.5" />
+                    <path opacity="0.5" d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                </svg>
+            </div>
+            <span class="ltr:mr-3 rtl:ml-3">Documentation: </span>
+            <a href="https://www.npmjs.com/package/simple-datatables" target="_blank" class="block hover:underline">
+                https://www.npmjs.com/package/simple-datatables
+            </a>
+        </div>
+        <div class="panel mt-6">
+            <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Clone Header
+            </h5>
+            <table id="myTable" class="whitespace-nowrap table-hover table-striped"></table>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("cloneHeader", () => ({
+                datatable: null,
+                init() {
+                    this.datatable = new simpleDatatables.DataTable('#myTable', {
+                        data: {
+                            headings: ["ID", "First Name", "Last Name", "Email", "Phone"],
+                            data: [
+                                [1, 'Caroline', 'Jensen', 'carolinejensen@zidant.com',
+                                    '+1 (821) 447-3782'
+                                ],
+                                [2, 'Celeste', 'Grant', 'celestegrant@polarax.com',
+                                    '+1 (838) 515-3408'
+                                ],
+                                [3, 'Tillman', 'Forbes', 'tillmanforbes@manglo.com',
+                                    '+1 (969) 496-2892'
+                                ],
+                                [4, 'Daisy', 'Whitley', 'daisywhitley@applideck.com',
+                                    '+1 (861) 564-2877'
+                                ],
+                                [5, 'Weber', 'Bowman', 'weberbowman@volax.com',
+                                    '+1 (962) 466-3483'
+                                ],
+                                [6, 'Buckley', 'Townsend', 'buckleytownsend@orbaxter.com',
+                                    '+1 (884) 595-2643'
+                                ],
+                                [7, 'Latoya', 'Bradshaw', 'latoyabradshaw@opportech.com',
+                                    '+1 (906) 474-3155'
+                                ],
+                                [8, 'Kate', 'Lindsay', 'katelindsay@gorganic.com',
+                                    '+1 (930) 546-2952'
+                                ],
+                                [9, 'Marva', 'Sandoval', 'marvasandoval@avit.com',
+                                    '+1 (927) 566-3600'
+                                ],
+                                [10, 'Decker', 'Russell', 'deckerrussell@quilch.com',
+                                    '+1 (846) 535-3283'
+                                ],
+                                [11, 'Odom', 'Mills', 'odommills@memora.com',
+                                    '+1 (995) 525-3402'
+                                ],
+                                [12, 'Sellers', 'Walters', 'sellerswalters@zorromop.com',
+                                    '+1 (830) 430-3157'
+                                ],
+                                [13, 'Wendi', 'Powers', 'wendipowers@orboid.com',
+                                    '+1 (863) 457-2088'
+                                ],
+                                [14, 'Sophie', 'Horn', 'sophiehorn@snorus.com',
+                                    '+1 (885) 418-3948'
+                                ],
+                                [15, 'Levine', 'Rodriquez', 'levinerodriquez@xth.com',
+                                    '+1 (999) 565-3239'
+                                ],
+                                [16, 'Little', 'Hatfield', 'littlehatfield@comtract.com',
+                                    '+1 (812) 488-3011'
+                                ],
+                                [17, 'Larson', 'Kelly', 'larsonkelly@zidant.com',
+                                    '+1 (892) 484-2162'
+                                ],
+                                [18, 'Kendra', 'Molina', 'kendramolina@sureplex.com',
+                                    '+1 (920) 528-3330'
+                                ],
+                                [19, 'Ebony', 'Livingston', 'ebonylivingston@danja.com',
+                                    '+1 (970) 591-3039'
+                                ],
+                                [20, 'Kaufman', 'Rush', 'kaufmanrush@euron.com',
+                                    '+1 (924) 463-2934'
+                                ],
+                                [21, 'Frank', 'Hays', 'frankhays@illumity.com',
+                                    '+1 (930) 577-2670'
+                                ],
+                                [22, 'Carmella', 'Mccarty', 'carmellamccarty@sybixtex.com',
+                                    '+1 (876) 456-3218'
+                                ],
+                                [23, 'Massey', 'Owen', 'masseyowen@zedalis.com',
+                                    '+1 (917) 567-3786'
+                                ],
+                                [24, 'Lottie', 'Lowery', 'lottielowery@dyno.com',
+                                    '+1 (912) 539-3498'
+                                ],
+                                [25, 'Addie', 'Luna', 'addieluna@multiflex.com',
+                                    '+1 (962) 537-2981'
+                                ],
+                            ]
+                        },
+                        footer: true,
+                        searchable: true,
+                        perPage: 10,
+                        perPageSelect: [10, 20, 30, 50, 100],
+                        columns: [{
+                            select: 0,
+                            sort: "asc"
+                        }, ],
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        labels: {
+                            perPage: "{select}"
+                        },
+                        layout: {
+                            top: "{search}",
+                            bottom: "{info}{select}{pager}",
+                        },
+                    })
+                }
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/datatables/column-chooser.blade.php b/resources/views/datatables/column-chooser.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..fbffb6fed4659a08319706fd1885de01891cbbe2
--- /dev/null
+++ b/resources/views/datatables/column-chooser.blade.php
@@ -0,0 +1,293 @@
+<x-layout.default>
+
+    <script src="/assets/js/simple-datatables.js"></script>
+
+
+    <div x-data="miscellaneous">
+        <div class="space-y-6">
+            <div class="panel flex items-center overflow-x-auto whitespace-nowrap p-3 text-primary">
+                <div class="rounded-full bg-primary p-1.5 text-white ring-2 ring-primary/30 ltr:mr-3 rtl:ml-3">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                        class="h-3.5 w-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span>
+                <a href="https://www.npmjs.com/package/simple-datatables" target="_blank" class="block hover:underline">
+                    https://www.npmjs.com/package/simple-datatables
+                </a>
+            </div>
+            <div class="panel">
+                <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Show/Hide
+                    Columns</h5>
+                <div class="relative">
+                    <div class="sm:absolute sm:top-0 sm:ltr:right-56 sm:rtl:left-56 sm:mb-0 mb-5">
+                        <div class="flex items-center">
+                            <div class="theme-dropdown relative" x-data="{ columnDropdown: false }"
+                                @click.outside="columnDropdown = false">
+                                <a href="javascript:;"
+                                    class="flex items-center border font-semibold border-[#e0e6ed] dark:border-[#253b5c] rounded-md px-4 py-2 text-sm dark:bg-[#1b2e4b] dark:text-white-dark "
+                                    @click="columnDropdown = ! columnDropdown">
+                                    <span class="ltr:mr-1 rtl:ml-1">Columns</span>
+                                    <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round"></path>
+                                    </svg>
+                                </a>
+                                <div class="ltr:left-0 rtl:right-0 top-11 rounded hidden absolute min-w-[150px] bg-white py-2 z-[10] text-dark dark:text-white-light dark:bg-[#1b2e4b] shadow w-[100px]"
+                                    :class="columnDropdown && '!block'">
+                                    <ul class="font-semibold px-4 space-y-2">
+                                        <template x-for="(col,i) in columns" :key="i">
+                                            <li>
+                                                <div>
+                                                    <label class="cursor-pointer">
+                                                        <input type="checkbox" class="form-checkbox"
+                                                            :id="`chk-${i}`" :value="(i)"
+                                                            @change="col.hidden=  $event.target.checked,showHideColumns(i,$event.target.checked)"
+                                                            :checked="col.hidden" />
+                                                        <span :for="`chk-${i}`" class="ltr:ml-2 rtl:mr-2"
+                                                            x-text="col.name"></span>
+                                                    </label>
+                                                </div>
+                                            </li>
+                                        </template>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <table id="myTable1" class="whitespace-nowrap"></table>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("miscellaneous", () => ({
+                columns: [{
+                        name: 'Id',
+                        hidden: true,
+                    },
+                    {
+                        name: 'First Name',
+                        hidden: true
+                    },
+                    {
+                        name: 'Last Name',
+                        hidden: true
+                    },
+                    {
+                        name: 'Email',
+                        hidden: true
+                    },
+                    {
+                        name: 'Phone',
+                        hidden: true
+                    },
+                    {
+                        name: 'Company',
+                        hidden: true
+                    },
+                    {
+                        name: 'Address',
+                        hidden: true
+                    },
+                    {
+                        name: 'Age',
+                        hidden: false
+                    },
+                    {
+                        name: 'Birthdate',
+                        hidden: false
+                    },
+                    {
+                        name: 'Active',
+                        hidden: false
+                    },
+                ],
+
+                hideCols: [7, 8, 9],
+                showCols: [0, 1, 2, 3, 4, 5, 6],
+                showHideColumns(col, value) {
+                    if (value) {
+                        this.showCols.push(col);
+                        this.hideCols = this.hideCols.filter((d) => d != col);
+                    } else {
+                        this.hideCols.push(col);
+                        this.showCols = this.showCols.filter((d) => d != col);
+                    }
+                    let headers = this.datatable1.columns();
+                    headers.hide(this.hideCols);
+                    headers.show(this.showCols);
+                },
+                datatable1: null,
+
+                init() {
+                    let headers = this.columns.map((col) => {
+                        return col.name;
+                    });
+                    this.datatable1 = new simpleDatatables.DataTable('#myTable1', {
+                        data: {
+                            headings: headers,
+                            data: [
+                                [1, 'Caroline', 'Jensen', 'carolinejensen@zidant.com',
+                                    '+1 (821) 447-3782', 'POLARAX', '529 Scholes Street',
+                                    39, '2004-05-28', true
+                                ],
+                                [2, 'Celeste', 'Grant', 'celestegrant@polarax.com',
+                                    '+1 (838) 515-3408', 'MANGLO', '639 Kimball Street', 32,
+                                    '1989-11-19', false
+                                ],
+                                [3, 'Tillman', 'Forbes', 'tillmanforbes@manglo.com',
+                                    '+1 (969) 496-2892', 'APPLIDECK', '240 Vandalia Avenue',
+                                    26, '2016-09-05', false
+                                ],
+                                [4, 'Daisy', 'Whitley', 'daisywhitley@applideck.com',
+                                    '+1 (861) 564-2877', 'VOLAX', '350 Pleasant Place', 21,
+                                    '1987-03-23', true
+                                ],
+                                [5, 'Weber', 'Bowman', 'weberbowman@volax.com',
+                                    '+1 (962) 466-3483', 'ORBAXTER', '154 Conway Street',
+                                    26, '1983-02-24', false
+                                ],
+                                [6, 'Buckley', 'Townsend', 'buckleytownsend@orbaxter.com',
+                                    '+1 (884) 595-2643', 'OPPORTECH', '131 Guernsey Street',
+                                    40, '2011-05-29', true
+                                ],
+                                [7, 'Latoya', 'Bradshaw', 'latoyabradshaw@opportech.com',
+                                    '+1 (906) 474-3155', 'GORGANIC', '668 Lenox Road', 24,
+                                    '2010-11-23', true
+                                ],
+                                [8, 'Kate', 'Lindsay', 'katelindsay@gorganic.com',
+                                    '+1 (930) 546-2952', 'AVIT', '773 Harrison Avenue', 24,
+                                    '1987-07-02', true
+                                ],
+                                [9, 'Marva', 'Sandoval', 'marvasandoval@avit.com',
+                                    '+1 (927) 566-3600', 'QUILCH', '200 Malta Street', 28,
+                                    '2010-11-02', false
+                                ],
+                                [10, 'Decker', 'Russell', 'deckerrussell@quilch.com',
+                                    '+1 (846) 535-3283', 'MEMORA', '708 Bath Avenue', 27,
+                                    '1994-04-21', false
+                                ],
+                                [11, 'Odom', 'Mills', 'odommills@memora.com',
+                                    '+1 (995) 525-3402', 'ZORROMOP', '907 Blake Avenue', 34,
+                                    '2010-01-24', true
+                                ],
+                                [12, 'Sellers', 'Walters', 'sellerswalters@zorromop.com',
+                                    '+1 (830) 430-3157', 'ORBOID', '978 Oakland Place', 28,
+                                    '1975-11-12', true
+                                ],
+                                [13, 'Wendi', 'Powers', 'wendipowers@orboid.com',
+                                    '+1 (863) 457-2088', 'SNORUS', '376 Greenpoint Avenue',
+                                    31, '1979-06-02', true
+                                ],
+                                [14, 'Sophie', 'Horn', 'sophiehorn@snorus.com',
+                                    '+1 (885) 418-3948', 'XTH', '343 Doughty Street', 22,
+                                    '2018-09-20', true
+                                ],
+                                [15, 'Levine', 'Rodriquez', 'levinerodriquez@xth.com',
+                                    '+1 (999) 565-3239', 'COMTRACT', '643 Allen Avenue', 27,
+                                    '1973-02-08', true
+                                ],
+                                [16, 'Little', 'Hatfield', 'littlehatfield@comtract.com',
+                                    '+1 (812) 488-3011', 'ZIDANT', '194 Anthony Street', 33,
+                                    '2012-01-03', false
+                                ],
+                                [17, 'Larson', 'Kelly', 'larsonkelly@zidant.com',
+                                    '+1 (892) 484-2162', 'SUREPLEX', '978 Indiana Place',
+                                    20, '2010-06-14', true
+                                ],
+                                [18, 'Kendra', 'Molina', 'kendramolina@sureplex.com',
+                                    '+1 (920) 528-3330', 'DANJA', '567 Charles Place', 31,
+                                    '2002-07-19', false
+                                ],
+                                [19, 'Ebony', 'Livingston', 'ebonylivingston@danja.com',
+                                    '+1 (970) 591-3039', 'EURON', '284 Cass Place', 33,
+                                    '1994-10-18', false
+                                ],
+                                [20, 'Kaufman', 'Rush', 'kaufmanrush@euron.com',
+                                    '+1 (924) 463-2934', 'ILLUMITY', '408 Kingsland Avenue',
+                                    39, '2011-07-10', false
+                                ],
+                                [21, 'Frank', 'Hays', 'frankhays@illumity.com',
+                                    '+1 (930) 577-2670', 'SYBIXTEX', '973 Caton Place', 31,
+                                    '2005-06-15', false
+                                ],
+                                [22, 'Carmella', 'Mccarty', 'carmellamccarty@sybixtex.com',
+                                    '+1 (876) 456-3218', 'ZEDALIS', '919 Judge Street', 21,
+                                    '1980-03-06', true
+                                ],
+                                [23, 'Massey', 'Owen', 'masseyowen@zedalis.com',
+                                    '+1 (917) 567-3786', 'DYNO', '108 Seaview Avenue', 40,
+                                    '2012-03-01', false
+                                ],
+                                [24, 'Lottie', 'Lowery', 'lottielowery@dyno.com',
+                                    '+1 (912) 539-3498', 'MULTIFLEX', '557 Meserole Avenue',
+                                    36, '1982-10-10', true
+                                ],
+                                [25, 'Addie', 'Luna', 'addieluna@multiflex.com',
+                                    '+1 (962) 537-2981', 'PHARMACON', '688 Bulwer Place',
+                                    32, '1988-05-01', true
+                                ],
+                            ]
+                        },
+                        perPage: 10,
+                        perPageSelect: [10, 20, 30, 50, 100],
+                        columns: [{
+                                select: 0,
+                                sort: 'asc',
+                            },
+                            {
+                                select: 8,
+                                render: (data, cell, row) => {
+                                    return this.formatDate(data);
+                                },
+                            },
+                            {
+                                select: 9,
+                                render: (data, cell, row) => {
+                                    return `<span class="capitalize" class="${data ? 'text-success' : 'text-danger'}">${ data }</span>`;
+                                },
+                            },
+                        ],
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        labels: {
+                            perPage: "{select}"
+                        },
+                        layout: {
+                            top: "{search}",
+                            bottom: "{info}{select}{pager}",
+                        },
+                    });
+                    let cols = this.datatable1.columns();
+                    cols.hide(this.hideCols);
+                    cols.show(this.showCols);
+                },
+                formatDate(date) {
+                    if (date) {
+                        const dt = new Date(date);
+                        const month = dt.getMonth() + 1 < 10 ? '0' + (dt.getMonth() + 1) : dt
+                            .getMonth() + 1;
+                        const day = dt.getDate() < 10 ? '0' + dt.getDate() : dt.getDate();
+                        return day + '/' + month + '/' + dt.getFullYear();
+                    }
+                    return '';
+                },
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/datatables/export.blade.php b/resources/views/datatables/export.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..205d196dea8abf248e4ad3dfdb50d260e65da6d3
--- /dev/null
+++ b/resources/views/datatables/export.blade.php
@@ -0,0 +1,247 @@
+<x-layout.default>
+
+
+    <script src="/assets/js/simple-datatables.js"></script>
+
+    <div x-data="exportTable">
+        <div class="panel flex items-center overflow-x-auto whitespace-nowrap p-3 text-primary">
+            <div class="rounded-full bg-primary p-1.5 text-white ring-2 ring-primary/30 ltr:mr-3 rtl:ml-3">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                    class="h-3.5 w-3.5">
+                    <path
+                        d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                        stroke="currentColor" stroke-width="1.5" />
+                    <path opacity="0.5" d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                </svg>
+            </div>
+            <span class="ltr:mr-3 rtl:ml-3">Documentation: </span>
+            <a href="https://www.npmjs.com/package/simple-datatables" target="_blank" class="block hover:underline">
+                https://www.npmjs.com/package/simple-datatables
+            </a>
+        </div>
+        <div class="panel mt-6">
+            <div class="md:absolute md:top-5 ltr:md:left-5 rtl:md:right-5">
+                <div class="flex items-center flex-wrap mb-5">
+                    <button type="button" class="btn btn-primary btn-sm m-1 " @click="exportTable('csv')">
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                            <path
+                                d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                fill="currentColor" />
+                            <path opacity="0.5"
+                                d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                stroke="currentColor" stroke-width="1.5" />
+                        </svg>
+                        CSV
+                    </button>
+                    <button type="button" class="btn btn-primary btn-sm m-1" @click="exportTable('txt')">
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                            <path
+                                d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                fill="currentColor" />
+                            <path opacity="0.5" d="M6 14.5H14" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" />
+                            <path opacity="0.5" d="M6 18H11.5" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" />
+                            <path opacity="0.5"
+                                d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                stroke="currentColor" stroke-width="1.5" />
+                        </svg>
+                        TXT
+                    </button>
+                    <button type="button" class="btn btn-primary btn-sm m-1" @click="exportTable('json')">
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                            <path
+                                d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                fill="currentColor" />
+                            <path opacity="0.5"
+                                d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                stroke="currentColor" stroke-width="1.5" />
+                            <path opacity="0.5" d="M7 14L6 15L7 16M11.5 16L12.5 17L11.5 18M10 14L8.5 18"
+                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                stroke-linejoin="round" />
+                        </svg>
+                        JSON
+                    </button>
+                    <button type="button" class="btn btn-primary btn-sm m-1" @click="printTable">
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                            <path
+                                d="M6 17.9827C4.44655 17.9359 3.51998 17.7626 2.87868 17.1213C2 16.2426 2 14.8284 2 12C2 9.17157 2 7.75736 2.87868 6.87868C3.75736 6 5.17157 6 8 6H16C18.8284 6 20.2426 6 21.1213 6.87868C22 7.75736 22 9.17157 22 12C22 14.8284 22 16.2426 21.1213 17.1213C20.48 17.7626 19.5535 17.9359 18 17.9827"
+                                stroke="currentColor" stroke-width="1.5" />
+                            <path opacity="0.5" d="M9 10H6" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" />
+                            <path d="M19 14L5 14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            <path
+                                d="M18 14V16C18 18.8284 18 20.2426 17.1213 21.1213C16.2426 22 14.8284 22 12 22C9.17157 22 7.75736 22 6.87868 21.1213C6 20.2426 6 18.8284 6 16V14"
+                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            <path opacity="0.5"
+                                d="M17.9827 6C17.9359 4.44655 17.7626 3.51998 17.1213 2.87868C16.2427 2 14.8284 2 12 2C9.17158 2 7.75737 2 6.87869 2.87868C6.23739 3.51998 6.06414 4.44655 6.01733 6"
+                                stroke="currentColor" stroke-width="1.5" />
+                            <circle opacity="0.5" cx="17" cy="10" r="1"
+                                fill="currentColor" />
+                            <path opacity="0.5" d="M15 16.5H9" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" />
+                            <path opacity="0.5" d="M13 19H9" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" />
+                        </svg>
+                        PRINT
+                    </button>
+                </div>
+            </div>
+            <table id="myTable" class="whitespace-nowrap table-hover"></table>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("exportTable", () => ({
+                datatable: null,
+                init() {
+                    this.datatable = new simpleDatatables.DataTable('#myTable', {
+                        data: {
+                            headings: ['Id', 'Firstname', 'Lastname', 'Company', 'Age',
+                                'Start Date', 'Email', 'Phone No.'
+                            ],
+                            data: [
+                                [1, 'Caroline', 'Jensen', 'POLARAX', 39, '2004-05-28',
+                                    'carolinejensen@zidant.com', '+1 (821) 447-3782'
+                                ],
+                                [2, 'Celeste', 'Grant', 'MANGLO', 32, '1989-11-19',
+                                    'celestegrant@polarax.com', '+1 (838) 515-3408'
+                                ],
+                                [3, 'Tillman', 'Forbes', 'APPLIDECK', 26, '2016-09-05',
+                                    'tillmanforbes@manglo.com', '+1 (969) 496-2892'
+                                ],
+                                [4, 'Daisy', 'Whitley', 'VOLAX', 21, '1987-03-23',
+                                    'daisywhitley@applideck.com', '+1 (861) 564-2877'
+                                ],
+                                [5, 'Weber', 'Bowman', 'ORBAXTER', 26, '1983-02-24',
+                                    'weberbowman@volax.com', '+1 (962) 466-3483'
+                                ],
+                                [6, 'Buckley', 'Townsend', 'OPPORTECH', 40, '2011-05-29',
+                                    'buckleytownsend@orbaxter.com', '+1 (884) 595-2643'
+                                ],
+                                [7, 'Latoya', 'Bradshaw', 'GORGANIC', 24, '2010-11-23',
+                                    'latoyabradshaw@opportech.com', '+1 (906) 474-3155'
+                                ],
+                                [8, 'Kate', 'Lindsay', 'AVIT', 24, '1987-07-02',
+                                    'katelindsay@gorganic.com', '+1 (930) 546-2952'
+                                ],
+                                [9, 'Marva', 'Sandoval', 'QUILCH', 28, '2010-11-02',
+                                    'marvasandoval@avit.com', '+1 (927) 566-3600'
+                                ],
+                                [10, 'Decker', 'Russell', 'MEMORA', 27, '1994-04-21',
+                                    'deckerrussell@quilch.com', '+1 (846) 535-3283'
+                                ],
+                                [11, 'Odom', 'Mills', 'ZORROMOP', 34, '2010-01-24',
+                                    'odommills@memora.com', '+1 (995) 525-3402'
+                                ],
+                                [12, 'Sellers', 'Walters', 'ORBOID', 28, '1975-11-12',
+                                    'sellerswalters@zorromop.com', '+1 (830) 430-3157'
+                                ],
+                                [13, 'Wendi', 'Powers', 'SNORUS', 31, '1979-06-02',
+                                    'wendipowers@orboid.com', '+1 (863) 457-2088'
+                                ],
+                                [14, 'Sophie', 'Horn', 'XTH', 22, '2018-09-20',
+                                    'sophiehorn@snorus.com', '+1 (885) 418-3948'
+                                ],
+                                [15, 'Levine', 'Rodriquez', 'COMTRACT', 27, '1973-02-08',
+                                    'levinerodriquez@xth.com', '+1 (999) 565-3239'
+                                ],
+                                [16, 'Little', 'Hatfield', 'ZIDANT', 33, '2012-01-03',
+                                    'littlehatfield@comtract.com', '+1 (812) 488-3011'
+                                ],
+                                [17, 'Larson', 'Kelly', 'SUREPLEX', 20, '2010-06-14',
+                                    'larsonkelly@zidant.com', '+1 (892) 484-2162'
+                                ],
+                                [18, 'Kendra', 'Molina', 'DANJA', 31, '2002-07-19',
+                                    'kendramolina@sureplex.com', '+1 (920) 528-3330'
+                                ],
+                                [19, 'Ebony', 'Livingston', 'EURON', 33, '1994-10-18',
+                                    'ebonylivingston@danja.com', '+1 (970) 591-3039'
+                                ],
+                                [20, 'Kaufman', 'Rush', 'ILLUMITY', 39, '2011-07-10',
+                                    'kaufmanrush@euron.com', '+1 (924) 463-2934'
+                                ],
+                                [21, 'Frank', 'Hays', 'SYBIXTEX', 31, '2005-06-15',
+                                    'frankhays@illumity.com', '+1 (930) 577-2670'
+                                ],
+                                [22, 'Carmella', 'Mccarty', 'ZEDALIS', 21, '1980-03-06',
+                                    'carmellamccarty@sybixtex.com', '+1 (876) 456-3218'
+                                ],
+                                [23, 'Massey', 'Owen', 'DYNO', 40, '2012-03-01',
+                                    'masseyowen@zedalis.com', '+1 (917) 567-3786'
+                                ],
+                                [24, 'Lottie', 'Lowery', 'MULTIFLEX', 36, '1982-10-10',
+                                    'lottielowery@dyno.com', '+1 (912) 539-3498'
+                                ],
+                                [25, 'Addie', 'Luna', 'PHARMACON', 32, '1988-05-01',
+                                    'addieluna@multiflex.com', '+1 (962) 537-2981'
+                                ],
+                            ]
+                        },
+                        perPage: 10,
+                        perPageSelect: [10, 20, 30, 50, 100],
+                        columns: [{
+                                select: 0,
+                                sort: 'asc',
+                            },
+                            {
+                                select: 5,
+                                render: (data, cell, row) => {
+                                    return this.formatDate(data);
+                                },
+                            }
+                        ],
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        labels: {
+                            perPage: "{select}"
+                        },
+                        layout: {
+                            top: "{search}",
+                            bottom: "{info}{select}{pager}",
+                        },
+                    });
+                },
+
+                exportTable(eType) {
+                    var data = {
+                        type: eType,
+                        filename: "table",
+                        download: true,
+                    };
+
+                    if (data.type === "csv") {
+                        data.lineDelimiter = "\n";
+                        data.columnDelimiter = ";";
+                    }
+                    this.datatable.export(data);
+                },
+
+                printTable() {
+                    this.datatable.print();
+                },
+
+                formatDate(date) {
+                    if (date) {
+                        const dt = new Date(date);
+                        const month = dt.getMonth() + 1 < 10 ? '0' + (dt.getMonth() + 1) : dt
+                        .getMonth() + 1;
+                        const day = dt.getDate() < 10 ? '0' + dt.getDate() : dt.getDate();
+                        return day + '/' + month + '/' + dt.getFullYear();
+                    }
+                    return '';
+                },
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/datatables/multi-column.blade.php b/resources/views/datatables/multi-column.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..0a89f3d25c541486dab80a07147c62111b70ac42
--- /dev/null
+++ b/resources/views/datatables/multi-column.blade.php
@@ -0,0 +1,163 @@
+<x-layout.default>
+
+
+    <script src="/assets/js/simple-datatables.js"></script>
+
+    <div x-data="multicolumn">
+        <div class="panel flex items-center overflow-x-auto whitespace-nowrap p-3 text-primary">
+            <div class="rounded-full bg-primary p-1.5 text-white ring-2 ring-primary/30 ltr:mr-3 rtl:ml-3">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                    class="h-3.5 w-3.5">
+                    <path
+                        d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                        stroke="currentColor" stroke-width="1.5" />
+                    <path opacity="0.5" d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                </svg>
+            </div>
+            <span class="ltr:mr-3 rtl:ml-3">Documentation: </span>
+            <a href="https://www.npmjs.com/package/simple-datatables" target="_blank" class="block hover:underline">
+                https://www.npmjs.com/package/simple-datatables
+            </a>
+        </div>
+        <div class="panel mt-6">
+            <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Multicolumn
+            </h5>
+            <table id="myTable" class="whitespace-nowrap"></table>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("multicolumn", () => ({
+                datatable: null,
+                init() {
+                    this.datatable = new simpleDatatables.DataTable('#myTable', {
+                        data: {
+                            headings: ['User', 'Company', 'Age', 'Start Date', 'Email',
+                                'Phone No.'
+                            ],
+                            data: [
+                                ['Caroline Jensen', 'POLARAX', 39, '2004-05-28',
+                                    'carolinejensen@zidant.com', '+1 (821) 447-3782'
+                                ],
+                                ['Celeste Grant', 'MANGLO', 32, '1989-11-19',
+                                    'celestegrant@polarax.com', '+1 (838) 515-3408'
+                                ],
+                                ['Tillman Forbes', 'APPLIDECK', 26, '2016-09-05',
+                                    'tillmanforbes@manglo.com', '+1 (969) 496-2892'
+                                ],
+                                ['Daisy Whitley', 'VOLAX', 21, '1987-03-23',
+                                    'daisywhitley@applideck.com', '+1 (861) 564-2877'
+                                ],
+                                ['Weber Bowman', 'ORBAXTER', 26, '1983-02-24',
+                                    'weberbowman@volax.com', '+1 (962) 466-3483'
+                                ],
+                                ['Buckley Townsend', 'OPPORTECH', 40, '2011-05-29',
+                                    'buckleytownsend@orbaxter.com', '+1 (884) 595-2643'
+                                ],
+                                ['Latoya Bradshaw', 'GORGANIC', 24, '2010-11-23',
+                                    'latoyabradshaw@opportech.com', '+1 (906) 474-3155'
+                                ],
+                                ['Kate Lindsay', 'AVIT', 24, '1987-07-02',
+                                    'katelindsay@gorganic.com', '+1 (930) 546-2952'
+                                ],
+                                ['Marva Sandoval', 'QUILCH', 28, '2010-11-02',
+                                    'marvasandoval@avit.com', '+1 (927) 566-3600'
+                                ],
+                                ['Decker Russell', 'MEMORA', 27, '1994-04-21',
+                                    'deckerrussell@quilch.com', '+1 (846) 535-3283'
+                                ],
+                                ['Odom Mills', 'ZORROMOP', 34, '2010-01-24',
+                                    'odommills@memora.com', '+1 (995) 525-3402'
+                                ],
+                                ['Sellers Walters', 'ORBOID', 28, '1975-11-12',
+                                    'sellerswalters@zorromop.com', '+1 (830) 430-3157'
+                                ],
+                                ['Wendi Powers', 'SNORUS', 31, '1979-06-02',
+                                    'wendipowers@orboid.com', '+1 (863) 457-2088'
+                                ],
+                                ['Sophie Horn', 'XTH', 22, '2018-09-20',
+                                    'sophiehorn@snorus.com', '+1 (885) 418-3948'
+                                ],
+                                ['Levine Rodriquez', 'COMTRACT', 27, '1973-02-08',
+                                    'levinerodriquez@xth.com', '+1 (999) 565-3239'
+                                ],
+                                ['Little Hatfield', 'ZIDANT', 33, '2012-01-03',
+                                    'littlehatfield@comtract.com', '+1 (812) 488-3011'
+                                ],
+                                ['Larson Kelly', 'SUREPLEX', 20, '2010-06-14',
+                                    'larsonkelly@zidant.com', '+1 (892) 484-2162'
+                                ],
+                                ['Kendra Molina', 'DANJA', 31, '2002-07-19',
+                                    'kendramolina@sureplex.com', '+1 (920) 528-3330'
+                                ],
+                                ['Ebony Livingston', 'EURON', 33, '1994-10-18',
+                                    'ebonylivingston@danja.com', '+1 (970) 591-3039'
+                                ],
+                                ['Kaufman Rush', 'ILLUMITY', 39, '2011-07-10',
+                                    'kaufmanrush@euron.com', '+1 (924) 463-2934'
+                                ],
+                                ['Frank Hays', 'SYBIXTEX', 31, '2005-06-15',
+                                    'frankhays@illumity.com', '+1 (930) 577-2670'
+                                ],
+                                ['Carmella Mccarty', 'ZEDALIS', 21, '1980-03-06',
+                                    'carmellamccarty@sybixtex.com', '+1 (876) 456-3218'
+                                ],
+                                ['Massey Owen', 'DYNO', 40, '2012-03-01',
+                                    'masseyowen@zedalis.com', '+1 (917) 567-3786'
+                                ],
+                                ['Lottie Lowery', 'MULTIFLEX', 36, '1982-10-10',
+                                    'lottielowery@dyno.com', '+1 (912) 539-3498'
+                                ],
+                                ['Addie Luna', 'PHARMACON', 32, '1988-05-01',
+                                    'addieluna@multiflex.com', '+1 (962) 537-2981'
+                                ],
+                            ]
+                        },
+                        searchable: true,
+                        perPage: 10,
+                        perPageSelect: [10, 20, 30, 50, 100],
+                        columns: [{
+                                select: 0,
+                                render: (data, cell, row) => {
+                                    return `<div class="flex items-center w-max"><img class="w-9 h-9 rounded-full ltr:mr-2 rtl:ml-2 object-cover" src="/assets/images/profile-${row.dataIndex + 1}.jpeg" />${data}</div>`;
+                                },
+                                sort: "asc"
+                            },
+                            {
+                                select: 3,
+                                render: (data, cell, row) => {
+                                    return this.formatDate(data);
+                                },
+                            }
+                        ],
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        labels: {
+                            perPage: "{select}"
+                        },
+                        layout: {
+                            top: "{search}",
+                            bottom: "{info}{select}{pager}",
+                        },
+                    })
+                },
+                formatDate(date) {
+                    if (date) {
+                        const dt = new Date(date);
+                        const month = dt.getMonth() + 1 < 10 ? '0' + (dt.getMonth() + 1) : dt
+                        .getMonth() + 1;
+                        const day = dt.getDate() < 10 ? '0' + dt.getDate() : dt.getDate();
+                        return day + '/' + month + '/' + dt.getFullYear();
+                    }
+                    return '';
+                }
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/datatables/multiple-tables.blade.php b/resources/views/datatables/multiple-tables.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..8df1cf2058ba2c10764758bfcb51a4831ea5a081
--- /dev/null
+++ b/resources/views/datatables/multiple-tables.blade.php
@@ -0,0 +1,349 @@
+<x-layout.default>
+
+
+    <script src="/assets/js/simple-datatables.js"></script>
+
+    <div x-data="multipleTable">
+        <div class="panel flex items-center overflow-x-auto whitespace-nowrap p-3 text-primary">
+            <div class="rounded-full bg-primary p-1.5 text-white ring-2 ring-primary/30 ltr:mr-3 rtl:ml-3">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                    class="h-3.5 w-3.5">
+                    <path
+                        d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                        stroke="currentColor" stroke-width="1.5" />
+                    <path opacity="0.5" d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                </svg>
+            </div>
+            <span class="ltr:mr-3 rtl:ml-3">Documentation: </span>
+            <a href="https://www.npmjs.com/package/simple-datatables" target="_blank" class="block hover:underline">
+                https://www.npmjs.com/package/simple-datatables
+            </a>
+        </div>
+        <div class="panel mt-6">
+            <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Table 1</h5>
+            <table id="myTable1" class="whitespace-nowrap"></table>
+        </div>
+        <div class="panel mt-6">
+            <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Table 2</h5>
+            <table id="myTable2" class="whitespace-nowrap"></table>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("multipleTable", () => ({
+                datatable1: null,
+                datatable2: null,
+                init() {
+                    this.datatable1 = new simpleDatatables.DataTable('#myTable1', {
+                        data: {
+                            headings: ['Name', 'Company', 'Age', 'Start Date', 'Email',
+                                'Phone No.', 'Status',
+                                '<div class="text-center">Action</div>'
+                            ],
+                            data: [
+                                ['Caroline Jensen', 'POLARAX', 39, '2004-05-28',
+                                    'carolinejensen@zidant.com', '+1 (821) 447-3782', '', ''
+                                ],
+                                ['Celeste Grant', 'MANGLO', 32, '1989-11-19',
+                                    'celestegrant@polarax.com', '+1 (838) 515-3408', '', ''
+                                ],
+                                ['Tillman Forbes', 'APPLIDECK', 26, '2016-09-05',
+                                    'tillmanforbes@manglo.com', '+1 (969) 496-2892', '', ''
+                                ],
+                                ['Daisy Whitley', 'VOLAX', 21, '1987-03-23',
+                                    'daisywhitley@applideck.com', '+1 (861) 564-2877', '',
+                                    ''
+                                ],
+                                ['Weber Bowman', 'ORBAXTER', 26, '1983-02-24',
+                                    'weberbowman@volax.com', '+1 (962) 466-3483', '', ''
+                                ],
+                                ['Buckley Townsend', 'OPPORTECH', 40, '2011-05-29',
+                                    'buckleytownsend@orbaxter.com', '+1 (884) 595-2643', '',
+                                    ''
+                                ],
+                                ['Latoya Bradshaw', 'GORGANIC', 24, '2010-11-23',
+                                    'latoyabradshaw@opportech.com', '+1 (906) 474-3155', '',
+                                    ''
+                                ],
+                                ['Kate Lindsay', 'AVIT', 24, '1987-07-02',
+                                    'katelindsay@gorganic.com', '+1 (930) 546-2952', '', ''
+                                ],
+                                ['Marva Sandoval', 'QUILCH', 28, '2010-11-02',
+                                    'marvasandoval@avit.com', '+1 (927) 566-3600', '', ''
+                                ],
+                                ['Decker Russell', 'MEMORA', 27, '1994-04-21',
+                                    'deckerrussell@quilch.com', '+1 (846) 535-3283', '', ''
+                                ],
+                                ['Odom Mills', 'ZORROMOP', 34, '2010-01-24',
+                                    'odommills@memora.com', '+1 (995) 525-3402', '', ''
+                                ],
+                                ['Sellers Walters', 'ORBOID', 28, '1975-11-12',
+                                    'sellerswalters@zorromop.com', '+1 (830) 430-3157', '',
+                                    ''
+                                ],
+                                ['Wendi Powers', 'SNORUS', 31, '1979-06-02',
+                                    'wendipowers@orboid.com', '+1 (863) 457-2088', '', ''
+                                ],
+                                ['Sophie Horn', 'XTH', 22, '2018-09-20',
+                                    'sophiehorn@snorus.com', '+1 (885) 418-3948', '', ''
+                                ],
+                                ['Levine Rodriquez', 'COMTRACT', 27, '1973-02-08',
+                                    'levinerodriquez@xth.com', '+1 (999) 565-3239', '', ''
+                                ],
+                                ['Little Hatfield', 'ZIDANT', 33, '2012-01-03',
+                                    'littlehatfield@comtract.com', '+1 (812) 488-3011', '',
+                                    ''
+                                ],
+                                ['Larson Kelly', 'SUREPLEX', 20, '2010-06-14',
+                                    'larsonkelly@zidant.com', '+1 (892) 484-2162', '', ''
+                                ],
+                                ['Kendra Molina', 'DANJA', 31, '2002-07-19',
+                                    'kendramolina@sureplex.com', '+1 (920) 528-3330', '', ''
+                                ],
+                                ['Ebony Livingston', 'EURON', 33, '1994-10-18',
+                                    'ebonylivingston@danja.com', '+1 (970) 591-3039', '', ''
+                                ],
+                                ['Kaufman Rush', 'ILLUMITY', 39, '2011-07-10',
+                                    'kaufmanrush@euron.com', '+1 (924) 463-2934', '', ''
+                                ],
+                                ['Frank Hays', 'SYBIXTEX', 31, '2005-06-15',
+                                    'frankhays@illumity.com', '+1 (930) 577-2670', '', ''
+                                ],
+                                ['Carmella Mccarty', 'ZEDALIS', 21, '1980-03-06',
+                                    'carmellamccarty@sybixtex.com', '+1 (876) 456-3218', '',
+                                    ''
+                                ],
+                                ['Massey Owen', 'DYNO', 40, '2012-03-01',
+                                    'masseyowen@zedalis.com', '+1 (917) 567-3786', '', ''
+                                ],
+                                ['Lottie Lowery', 'MULTIFLEX', 36, '1982-10-10',
+                                    'lottielowery@dyno.com', '+1 (912) 539-3498', '', ''
+                                ],
+                                ['Addie Luna', 'PHARMACON', 32, '1988-05-01',
+                                    'addieluna@multiflex.com', '+1 (962) 537-2981', '', ''
+                                ],
+                            ]
+                        },
+                        searchable: true,
+                        perPage: 10,
+                        perPageSelect: [10, 20, 30, 50, 100],
+                        columns: [{
+                                select: 0,
+                                render: (data, cell, row) => {
+                                    return `<div class="flex items-center w-max"><img class="w-9 h-9 rounded-full ltr:mr-2 rtl:ml-2 object-cover" src="/assets/images/profile-${row.dataIndex + 1}.jpeg" />${data}</div>`;
+                                },
+                                sort: "asc"
+                            },
+                            {
+                                select: 3,
+                                render: (data, cell, row) => {
+                                    return this.formatDate(data);
+                                },
+                            },
+                            {
+                                select: 6,
+                                render: (data, cell, row) => {
+                                    return '<span class="badge bg-' + this
+                                    .randomColor() + '">' + this.randomStatus() +
+                                        '</span>';
+                                },
+                            },
+                            {
+                                select: 7,
+                                sortable: false,
+                                render: (data, cell, row) => {
+                                    return '<div class="text-center"><button type="button" x-tooltip="Delete"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5"> <circle opacity="0.5" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" /> <path d="M14.5 9.50002L9.5 14.5M9.49998 9.5L14.5 14.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /> </svg> </button></div>';
+                                },
+                            }
+                        ],
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        labels: {
+                            perPage: "{select}"
+                        },
+                        layout: {
+                            top: "{search}",
+                            bottom: "{info}{select}{pager}",
+                        },
+                    });
+
+                    this.datatable2 = new simpleDatatables.DataTable('#myTable2', {
+                        data: {
+                            headings: ['Name', 'Progress', 'Company', 'Start Date', 'Email',
+                                'Phone No.', 'Action'
+                            ],
+                            data: [
+                                ['Caroline Jensen', 39, 'POLARAX', '2004-05-28',
+                                    'carolinejensen@zidant.com', '+1 (821) 447-3782', ''
+                                ],
+                                ['Celeste Grant', 32, 'MANGLO', '1989-11-19',
+                                    'celestegrant@polarax.com', '+1 (838) 515-3408', ''
+                                ],
+                                ['Tillman Forbes', 26, 'APPLIDECK', '2016-09-05',
+                                    'tillmanforbes@manglo.com', '+1 (969) 496-2892', ''
+                                ],
+                                ['Daisy Whitley', 21, 'VOLAX', '1987-03-23',
+                                    'daisywhitley@applideck.com', '+1 (861) 564-2877', ''
+                                ],
+                                ['Weber Bowman', 26, 'ORBAXTER', '1983-02-24',
+                                    'weberbowman@volax.com', '+1 (962) 466-3483', ''
+                                ],
+                                ['Buckley Townsend', 40, 'OPPORTECH', '2011-05-29',
+                                    'buckleytownsend@orbaxter.com', '+1 (884) 595-2643', ''
+                                ],
+                                ['Latoya Bradshaw', 24, 'GORGANIC', '2010-11-23',
+                                    'latoyabradshaw@opportech.com', '+1 (906) 474-3155', ''
+                                ],
+                                ['Kate Lindsay', 24, 'AVIT', '1987-07-02',
+                                    'katelindsay@gorganic.com', '+1 (930) 546-2952', ''
+                                ],
+                                ['Marva Sandoval', 28, 'QUILCH', '2010-11-02',
+                                    'marvasandoval@avit.com', '+1 (927) 566-3600', ''
+                                ],
+                                ['Decker Russell', 27, 'MEMORA', '1994-04-21',
+                                    'deckerrussell@quilch.com', '+1 (846) 535-3283', ''
+                                ],
+                                ['Odom Mills', 34, 'ZORROMOP', '2010-01-24',
+                                    'odommills@memora.com', '+1 (995) 525-3402', ''
+                                ],
+                                ['Sellers Walters', 28, 'ORBOID', '1975-11-12',
+                                    'sellerswalters@zorromop.com', '+1 (830) 430-3157', ''
+                                ],
+                                ['Wendi Powers', 31, 'SNORUS', '1979-06-02',
+                                    'wendipowers@orboid.com', '+1 (863) 457-2088', ''
+                                ],
+                                ['Sophie Horn', 22, 'XTH', '2018-09-20',
+                                    'sophiehorn@snorus.com', '+1 (885) 418-3948', ''
+                                ],
+                                ['Levine Rodriquez', 27, 'COMTRACT', '1973-02-08',
+                                    'levinerodriquez@xth.com', '+1 (999) 565-3239', ''
+                                ],
+                                ['Little Hatfield', 33, 'ZIDANT', '2012-01-03',
+                                    'littlehatfield@comtract.com', '+1 (812) 488-3011', ''
+                                ],
+                                ['Larson Kelly', 20, 'SUREPLEX', '2010-06-14',
+                                    'larsonkelly@zidant.com', '+1 (892) 484-2162', ''
+                                ],
+                                ['Kendra Molina', 31, 'DANJA', '2002-07-19',
+                                    'kendramolina@sureplex.com', '+1 (920) 528-3330', ''
+                                ],
+                                ['Ebony Livingston', 33, 'EURON', '1994-10-18',
+                                    'ebonylivingston@danja.com', '+1 (970) 591-3039', ''
+                                ],
+                                ['Kaufman Rush', 39, 'ILLUMITY', '2011-07-10',
+                                    'kaufmanrush@euron.com', '+1 (924) 463-2934', ''
+                                ],
+                                ['Frank Hays', 31, 'SYBIXTEX', '2005-06-15',
+                                    'frankhays@illumity.com', '+1 (930) 577-2670', ''
+                                ],
+                                ['Carmella Mccarty', 21, 'ZEDALIS', '1980-03-06',
+                                    'carmellamccarty@sybixtex.com', '+1 (876) 456-3218', ''
+                                ],
+                                ['Massey Owen', 40, 'DYNO', '2012-03-01',
+                                    'masseyowen@zedalis.com', '+1 (917) 567-3786', ''
+                                ],
+                                ['Lottie Lowery', 36, 'MULTIFLEX', '1982-10-10',
+                                    'lottielowery@dyno.com', '+1 (912) 539-3498', ''
+                                ],
+                                ['Addie Luna', 32, 'PHARMACON', '1988-05-01',
+                                    'addieluna@multiflex.com', '+1 (962) 537-2981', ''
+                                ],
+                            ]
+                        },
+                        searchable: true,
+                        perPage: 10,
+                        perPageSelect: [10, 20, 30, 50, 100],
+                        columns: [{
+                                select: 0,
+                                render: (data, cell, row) => {
+                                    return `<div class="flex items-center w-max"><img class="w-9 h-9 rounded-full ltr:mr-2 rtl:ml-2 object-cover" src="/assets/images/profile-${row.dataIndex + 1}.jpeg" />${data}</div>`;
+                                },
+                                sort: "asc"
+                            },
+                            {
+                                select: 1,
+                                sortable: false,
+                                render: (data, cell, row) => {
+                                    return `<div class="w-4/5 min-w-[100px] h-2.5 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex"> <div class="bg-${this.randomColor()} h-2.5 rounded-full rounded-bl-full text-center text-white text-xs" style="width:${data}%"></div> </div>`;
+                                },
+                            },
+                            {
+                                select: 3,
+                                render: (data, cell, row) => {
+                                    return this.formatDate(data);
+                                },
+                            },
+                            {
+                                select: 6,
+                                sortable: false,
+                                render: (data, cell, row) => {
+                                    return `<div class="flex items-center">
+                                            <button type="button" class="ltr:mr-2 rtl:ml-2" x-tooltip="Edit">
+                                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5">
+                                                    <path d="M15.2869 3.15178L14.3601 4.07866L5.83882 12.5999L5.83881 12.5999C5.26166 13.1771 4.97308 13.4656 4.7249 13.7838C4.43213 14.1592 4.18114 14.5653 3.97634 14.995C3.80273 15.3593 3.67368 15.7465 3.41556 16.5208L2.32181 19.8021L2.05445 20.6042C1.92743 20.9852 2.0266 21.4053 2.31063 21.6894C2.59466 21.9734 3.01478 22.0726 3.39584 21.9456L4.19792 21.6782L7.47918 20.5844L7.47919 20.5844C8.25353 20.3263 8.6407 20.1973 9.00498 20.0237C9.43469 19.8189 9.84082 19.5679 10.2162 19.2751C10.5344 19.0269 10.8229 18.7383 11.4001 18.1612L11.4001 18.1612L19.9213 9.63993L20.8482 8.71306C22.3839 7.17735 22.3839 4.68748 20.8482 3.15178C19.3125 1.61607 16.8226 1.61607 15.2869 3.15178Z" stroke="currentColor" stroke-width="1.5" />
+                                                    <path opacity="0.5" d="M14.36 4.07812C14.36 4.07812 14.4759 6.04774 16.2138 7.78564C17.9517 9.52354 19.9213 9.6394 19.9213 9.6394M4.19789 21.6777L2.32178 19.8015" stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                            </button>
+                                            <button type="button" x-tooltip="Delete">
+                                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                    <path opacity="0.5" d="M9.17065 4C9.58249 2.83481 10.6937 2 11.9999 2C13.3062 2 14.4174 2.83481 14.8292 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                                    <path d="M20.5001 6H3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                                    <path d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                                    <path opacity="0.5" d="M9.5 11L10 16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                                    <path opacity="0.5" d="M14.5 11L14 16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                                </svg>
+                                            </button>
+                                        </div>`;
+                                },
+                            }
+                        ],
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        labels: {
+                            perPage: "{select}"
+                        },
+                        layout: {
+                            top: "{search}",
+                            bottom: "{info}{select}{pager}",
+                        },
+                    });
+                },
+
+                formatDate(date) {
+                    if (date) {
+                        const dt = new Date(date);
+                        const month = dt.getMonth() + 1 < 10 ? '0' + (dt.getMonth() + 1) : dt
+                        .getMonth() + 1;
+                        const day = dt.getDate() < 10 ? '0' + dt.getDate() : dt.getDate();
+                        return day + '/' + month + '/' + dt.getFullYear();
+                    }
+                    return '';
+                },
+
+                randomColor() {
+                    const color = ['primary', 'secondary', 'success', 'danger', 'warning', 'info'];
+                    const random = Math.floor(Math.random() * color.length);
+                    return color[random];
+                },
+
+                randomStatus() {
+                    const status = ['PAID', 'APPROVED', 'FAILED', 'CANCEL', 'SUCCESS', 'PENDING',
+                        'COMPLETE'
+                    ];
+                    const random = Math.floor(Math.random() * status.length);
+                    return status[random];
+                }
+            }));
+        });
+    </script>
+
+
+</x-layout.default>
diff --git a/resources/views/datatables/order-sorting.blade.php b/resources/views/datatables/order-sorting.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..3d27b32c01879fb3eabf49d8f96b908e927f3414
--- /dev/null
+++ b/resources/views/datatables/order-sorting.blade.php
@@ -0,0 +1,142 @@
+<x-layout.default>
+
+
+    <script src="/assets/js/simple-datatables.js"></script>
+
+    <div x-data="sorting">
+        <div class="panel flex items-center overflow-x-auto whitespace-nowrap p-3 text-primary">
+            <div class="rounded-full bg-primary p-1.5 text-white ring-2 ring-primary/30 ltr:mr-3 rtl:ml-3">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                    class="h-3.5 w-3.5">
+                    <path
+                        d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                        stroke="currentColor" stroke-width="1.5" />
+                    <path opacity="0.5" d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                </svg>
+            </div>
+            <span class="ltr:mr-3 rtl:ml-3">Documentation: </span>
+            <a href="https://www.npmjs.com/package/simple-datatables" target="_blank" class="block hover:underline">
+                https://www.npmjs.com/package/simple-datatables
+            </a>
+        </div>
+        <div class="panel mt-6">
+            <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Order Sorting
+            </h5>
+            <table id="myTable" class="whitespace-nowrap table-hover"></table>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("sorting", () => ({
+                datatable: null,
+                init() {
+                    this.datatable = new simpleDatatables.DataTable('#myTable', {
+                        data: {
+                            headings: ["ID", "First Name", "Last Name", "Email", "Phone"],
+                            data: [
+                                [1, 'Caroline', 'Jensen', 'carolinejensen@zidant.com',
+                                    '+1 (821) 447-3782'
+                                ],
+                                [2, 'Celeste', 'Grant', 'celestegrant@polarax.com',
+                                    '+1 (838) 515-3408'
+                                ],
+                                [3, 'Tillman', 'Forbes', 'tillmanforbes@manglo.com',
+                                    '+1 (969) 496-2892'
+                                ],
+                                [4, 'Daisy', 'Whitley', 'daisywhitley@applideck.com',
+                                    '+1 (861) 564-2877'
+                                ],
+                                [5, 'Weber', 'Bowman', 'weberbowman@volax.com',
+                                    '+1 (962) 466-3483'
+                                ],
+                                [6, 'Buckley', 'Townsend', 'buckleytownsend@orbaxter.com',
+                                    '+1 (884) 595-2643'
+                                ],
+                                [7, 'Latoya', 'Bradshaw', 'latoyabradshaw@opportech.com',
+                                    '+1 (906) 474-3155'
+                                ],
+                                [8, 'Kate', 'Lindsay', 'katelindsay@gorganic.com',
+                                    '+1 (930) 546-2952'
+                                ],
+                                [9, 'Marva', 'Sandoval', 'marvasandoval@avit.com',
+                                    '+1 (927) 566-3600'
+                                ],
+                                [10, 'Decker', 'Russell', 'deckerrussell@quilch.com',
+                                    '+1 (846) 535-3283'
+                                ],
+                                [11, 'Odom', 'Mills', 'odommills@memora.com',
+                                    '+1 (995) 525-3402'
+                                ],
+                                [12, 'Sellers', 'Walters', 'sellerswalters@zorromop.com',
+                                    '+1 (830) 430-3157'
+                                ],
+                                [13, 'Wendi', 'Powers', 'wendipowers@orboid.com',
+                                    '+1 (863) 457-2088'
+                                ],
+                                [14, 'Sophie', 'Horn', 'sophiehorn@snorus.com',
+                                    '+1 (885) 418-3948'
+                                ],
+                                [15, 'Levine', 'Rodriquez', 'levinerodriquez@xth.com',
+                                    '+1 (999) 565-3239'
+                                ],
+                                [16, 'Little', 'Hatfield', 'littlehatfield@comtract.com',
+                                    '+1 (812) 488-3011'
+                                ],
+                                [17, 'Larson', 'Kelly', 'larsonkelly@zidant.com',
+                                    '+1 (892) 484-2162'
+                                ],
+                                [18, 'Kendra', 'Molina', 'kendramolina@sureplex.com',
+                                    '+1 (920) 528-3330'
+                                ],
+                                [19, 'Ebony', 'Livingston', 'ebonylivingston@danja.com',
+                                    '+1 (970) 591-3039'
+                                ],
+                                [20, 'Kaufman', 'Rush', 'kaufmanrush@euron.com',
+                                    '+1 (924) 463-2934'
+                                ],
+                                [21, 'Frank', 'Hays', 'frankhays@illumity.com',
+                                    '+1 (930) 577-2670'
+                                ],
+                                [22, 'Carmella', 'Mccarty', 'carmellamccarty@sybixtex.com',
+                                    '+1 (876) 456-3218'
+                                ],
+                                [23, 'Massey', 'Owen', 'masseyowen@zedalis.com',
+                                    '+1 (917) 567-3786'
+                                ],
+                                [24, 'Lottie', 'Lowery', 'lottielowery@dyno.com',
+                                    '+1 (912) 539-3498'
+                                ],
+                                [25, 'Addie', 'Luna', 'addieluna@multiflex.com',
+                                    '+1 (962) 537-2981'
+                                ],
+                            ]
+                        },
+                        searchable: true,
+                        perPage: 10,
+                        perPageSelect: [10, 20, 30, 50, 100],
+                        columns: [{
+                            select: 0,
+                            sort: "asc"
+                        }, ],
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        labels: {
+                            perPage: "{select}"
+                        },
+                        layout: {
+                            top: "{search}",
+                            bottom: "{info}{select}{pager}",
+                        },
+                    })
+                }
+            }));
+        });
+    </script>
+
+
+</x-layout.default>
diff --git a/resources/views/datatables/range-search.blade.php b/resources/views/datatables/range-search.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..cc7ba924a82ef60b61bae1e1976a919fd19ed146
--- /dev/null
+++ b/resources/views/datatables/range-search.blade.php
@@ -0,0 +1,362 @@
+<x-layout.default>
+
+
+    <script src="/assets/js/simple-datatables.js"></script>
+
+    <div x-data="rangeSearch">
+        <div class="panel flex items-center overflow-x-auto whitespace-nowrap p-3 text-primary">
+            <div class="rounded-full bg-primary p-1.5 text-white ring-2 ring-primary/30 ltr:mr-3 rtl:ml-3">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                    class="h-3.5 w-3.5">
+                    <path
+                        d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                        stroke="currentColor" stroke-width="1.5" />
+                    <path opacity="0.5" d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                </svg>
+            </div>
+            <span class="ltr:mr-3 rtl:ml-3">Documentation: </span>
+            <a href="https://www.npmjs.com/package/simple-datatables" target="_blank" class="block hover:underline">
+                https://www.npmjs.com/package/simple-datatables
+            </a>
+        </div>
+        <div class="panel mt-6">
+            <div class="md:absolute md:top-5 ltr:md:left-5 rtl:md:right-5">
+                <div class="flex items-center gap-x-5">
+                    <div class="mb-5 md:w-auto w-1/2">
+                        <input id="minvalue" type="text" placeholder="Minimum age..." class="form-input"
+                            x-model="minAge" @keyup.prevent="rangeChange()" />
+                    </div>
+                    <div class="mb-5 md:w-auto w-1/2">
+                        <input id="maxvalue" type="text" placeholder="Maximum age..." class="form-input"
+                            x-model="maxAge" @keyup.prevent="rangeChange()" />
+                    </div>
+                </div>
+            </div>
+            <table id="myTable" class="whitespace-nowrap table-hover"></table>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("rangeSearch", () => ({
+                minAge: null,
+                maxAge: null,
+
+                allData: [{
+                        id: 1,
+                        name: 'Caroline Jensen',
+                        company: 'POLARAX',
+                        age: 39,
+                        dob: '2004-05-28',
+                        email: 'carolinejensen@zidant.com',
+                        phone: '+1 (821) 447-3782',
+                    },
+                    {
+                        id: 2,
+                        name: 'Celeste Grant',
+                        company: 'MANGLO',
+                        age: 32,
+                        dob: '1989-11-19',
+                        email: 'celestegrant@polarax.com',
+                        phone: '+1 (838) 515-3408',
+                    },
+                    {
+                        id: 3,
+                        name: 'Tillman Forbes',
+                        company: 'APPLIDECK',
+                        age: 26,
+                        dob: '2016-09-05',
+                        email: 'tillmanforbes@manglo.com',
+                        phone: '+1 (969) 496-2892',
+                    },
+                    {
+                        id: 4,
+                        name: 'Daisy Whitley',
+                        company: 'VOLAX',
+                        age: 21,
+                        dob: '1987-03-23',
+                        email: 'daisywhitley@applideck.com',
+                        phone: '+1 (861) 564-2877',
+                    },
+                    {
+                        id: 5,
+                        name: 'Weber Bowman',
+                        company: 'ORBAXTER',
+                        age: 26,
+                        dob: '1983-02-24',
+                        email: 'weberbowman@volax.com',
+                        phone: '+1 (962) 466-3483',
+                    },
+                    {
+                        id: 6,
+                        name: 'Buckley Townsend',
+                        company: 'OPPORTECH',
+                        age: 40,
+                        dob: '2011-05-29',
+                        email: 'buckleytownsend@orbaxter.com',
+                        phone: '+1 (884) 595-2643',
+                    },
+                    {
+                        id: 7,
+                        name: 'Latoya Bradshaw',
+                        company: 'GORGANIC',
+                        age: 24,
+                        dob: '2010-11-23',
+                        email: 'latoyabradshaw@opportech.com',
+                        phone: '+1 (906) 474-3155',
+                    },
+                    {
+                        id: 8,
+                        name: 'Kate Lindsay',
+                        company: 'AVIT',
+                        age: 24,
+                        dob: '1987-07-02',
+                        email: 'katelindsay@gorganic.com',
+                        phone: '+1 (930) 546-2952',
+                    },
+                    {
+                        id: 9,
+                        name: 'Marva Sandoval',
+                        company: 'QUILCH',
+                        age: 28,
+                        dob: '2010-11-02',
+                        email: 'marvasandoval@avit.com',
+                        phone: '+1 (927) 566-3600',
+                    },
+                    {
+                        id: 10,
+                        name: 'Decker Russell',
+                        company: 'MEMORA',
+                        age: 27,
+                        dob: '1994-04-21',
+                        email: 'deckerrussell@quilch.com',
+                        phone: '+1 (846) 535-3283',
+                    },
+                    {
+                        id: 11,
+                        name: 'Odom Mills',
+                        company: 'ZORROMOP',
+                        age: 34,
+                        dob: '2010-01-24',
+                        email: 'odommills@memora.com',
+                        phone: '+1 (995) 525-3402',
+                    },
+                    {
+                        id: 12,
+                        name: 'Sellers Walters',
+                        company: 'ORBOID',
+                        age: 28,
+                        dob: '1975-11-12',
+                        email: 'sellerswalters@zorromop.com',
+                        phone: '+1 (830) 430-3157',
+                    },
+                    {
+                        id: 13,
+                        name: 'Wendi Powers',
+                        company: 'SNORUS',
+                        age: 31,
+                        dob: '1979-06-02',
+                        email: 'wendipowers@orboid.com',
+                        phone: '+1 (863) 457-2088',
+                    },
+                    {
+                        id: 14,
+                        name: 'Sophie Horn',
+                        company: 'XTH',
+                        age: 22,
+                        dob: '2018-09-20',
+                        email: 'sophiehorn@snorus.com',
+                        phone: '+1 (885) 418-3948',
+                    },
+                    {
+                        id: 15,
+                        name: 'Levine Rodriquez',
+                        company: 'COMTRACT',
+                        age: 27,
+                        dob: '1973-02-08',
+                        email: 'levinerodriquez@xth.com',
+                        phone: '+1 (999) 565-3239',
+                    },
+                    {
+                        id: 16,
+                        name: 'Little Hatfield',
+                        company: 'ZIDANT',
+                        age: 33,
+                        dob: '2012-01-03',
+                        email: 'littlehatfield@comtract.com',
+                        phone: '+1 (812) 488-3011',
+                    },
+                    {
+                        id: 17,
+                        name: 'Larson Kelly',
+                        company: 'SUREPLEX',
+                        age: 20,
+                        dob: '2010-06-14',
+                        email: 'larsonkelly@zidant.com',
+                        phone: '+1 (892) 484-2162',
+                    },
+                    {
+                        id: 18,
+                        name: 'Kendra Molina',
+                        company: 'DANJA',
+                        age: 31,
+                        dob: '2002-07-19',
+                        email: 'kendramolina@sureplex.com',
+                        phone: '+1 (920) 528-3330',
+                    },
+                    {
+                        id: 19,
+                        name: 'Ebony Livingston',
+                        company: 'EURON',
+                        age: 33,
+                        dob: '1994-10-18',
+                        email: 'ebonylivingston@danja.com',
+                        phone: '+1 (970) 591-3039',
+                    },
+                    {
+                        id: 20,
+                        name: 'Kaufman Rush',
+                        company: 'ILLUMITY',
+                        age: 39,
+                        dob: '2011-07-10',
+                        email: 'kaufmanrush@euron.com',
+                        phone: '+1 (924) 463-2934',
+                    },
+                    {
+                        id: 21,
+                        name: 'Frank Hays',
+                        company: 'SYBIXTEX',
+                        age: 31,
+                        dob: '2005-06-15',
+                        email: 'frankhays@illumity.com',
+                        phone: '+1 (930) 577-2670',
+                    },
+                    {
+                        id: 22,
+                        name: 'Carmella Mccarty',
+                        company: 'ZEDALIS',
+                        age: 21,
+                        dob: '1980-03-06',
+                        email: 'carmellamccarty@sybixtex.com',
+                        phone: '+1 (876) 456-3218',
+                    },
+                    {
+                        id: 23,
+                        name: 'Massey Owen',
+                        company: 'DYNO',
+                        age: 40,
+                        dob: '2012-03-01',
+                        email: 'masseyowen@zedalis.com',
+                        phone: '+1 (917) 567-3786',
+                    },
+                    {
+                        id: 24,
+                        name: 'Lottie Lowery',
+                        company: 'MULTIFLEX',
+                        age: 36,
+                        dob: '1982-10-10',
+                        email: 'lottielowery@dyno.com',
+                        phone: '+1 (912) 539-3498',
+                    },
+                    {
+                        id: 25,
+                        name: 'Addie Luna',
+                        company: 'PHARMACON',
+                        age: 32,
+                        dob: '1988-05-01',
+                        email: 'addieluna@multiflex.com',
+                        phone: '+1 (962) 537-2981',
+                    },
+                ],
+                filterData: [],
+
+                dataArr: [],
+
+                datatable: null,
+
+                rangeChange() {
+                    let dt = this.allData;
+                    if (this.minAge != '' && this.minAge != null) {
+                        dt = dt.filter((d) => d.age >= Number(this.minAge));
+                    }
+                    if (this.maxAge != '' && this.maxAge != null) {
+                        dt = dt.filter((d) => d.age <= Number(this.maxAge));
+                    }
+
+                    this.filterData = dt;
+                    this.dataArr = [];
+                    this.setTableData();
+                    this.datatable.destroy();
+                },
+
+                setTableData() {
+                    for (let i = 0; i < this.filterData.length; i++) {
+                        this.dataArr[i] = [];
+                        for (let p in this.filterData[i]) {
+                            if (this.filterData[i].hasOwnProperty(p)) {
+                                this.dataArr[i].push(this.filterData[i][p]);
+                            }
+                        }
+                    }
+                },
+                initializeTable() {
+                    this.datatable = new simpleDatatables.DataTable('#myTable', {
+                        data: {
+                            headings: ['Id', 'Name', 'Company', 'Age', 'Start Date', 'Email',
+                                'Phone No.'
+                            ],
+                            data: this.dataArr,
+                        },
+                        columns: [{
+                                select: 0,
+                                sort: 'asc',
+                            },
+                            {
+                                select: 4,
+                                render: (data, cell, row) => {
+                                    return this.formatDate(data);
+                                },
+                            }
+                        ],
+                        perPage: 10,
+                        perPageSelect: [10, 20, 30, 50, 100],
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        labels: {
+                            perPage: "{select}"
+                        },
+                        layout: {
+                            top: "{search}",
+                            bottom: "{info}{select}{pager}",
+                        },
+                    })
+                },
+
+                init() {
+                    this.$watch('dataArr', value => {
+                        this.initializeTable();
+                    });
+                    this.filterData = this.allData;
+                    this.setTableData();
+                },
+
+                formatDate(date) {
+                    if (date) {
+                        const dt = new Date(date);
+                        const month = dt.getMonth() + 1 < 10 ? '0' + (dt.getMonth() + 1) : dt
+                        .getMonth() + 1;
+                        const day = dt.getDate() < 10 ? '0' + dt.getDate() : dt.getDate();
+                        return day + '/' + month + '/' + dt.getFullYear();
+                    }
+                    return '';
+                },
+
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/datatables/skin.blade.php b/resources/views/datatables/skin.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..8e936b8123388749c629be91fbab77f01bb81736
--- /dev/null
+++ b/resources/views/datatables/skin.blade.php
@@ -0,0 +1,170 @@
+<x-layout.default>
+
+    <script src="/assets/js/simple-datatables.js"></script>
+
+    <div x-data="striped">
+        <div class="panel flex items-center overflow-x-auto whitespace-nowrap p-3 text-primary">
+            <div class="rounded-full bg-primary p-1.5 text-white ring-2 ring-primary/30 ltr:mr-3 rtl:ml-3">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                    class="h-3.5 w-3.5">
+                    <path
+                        d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                        stroke="currentColor" stroke-width="1.5" />
+                    <path opacity="0.5" d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                </svg>
+            </div>
+            <span class="ltr:mr-3 rtl:ml-3">Documentation: </span>
+            <a href="https://www.npmjs.com/package/simple-datatables" target="_blank" class="block hover:underline">
+                https://www.npmjs.com/package/simple-datatables
+            </a>
+        </div>
+        <div class="panel mt-6">
+            <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Skin: Striped
+            </h5>
+            <table id="tableStripe" class="table-striped"></table>
+        </div>
+
+        <div class="panel mt-6">
+            <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Skin: Hover
+            </h5>
+            <table id="tableHover" class="table-hover"></table>
+        </div>
+
+        <div class="panel mt-6">
+            <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Skin:
+                Bordered</h5>
+            <table id="tableBorder" class="table-bordered"></table>
+        </div>
+
+        <div class="panel mt-6">
+            <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Skin: Compact
+            </h5>
+            <table id="tableCompact" class="table-compact"></table>
+        </div>
+
+        <div class="panel mt-6">
+            <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Skin: All
+            </h5>
+            <table id="tableAll" class="table-striped table-hover table-bordered table-compact"></table>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("striped", () => ({
+                init() {
+                    const tableOptions = {
+                        data: {
+                            headings: ["ID", "First Name", "Last Name", "Email", "Phone"],
+                            data: [
+                                [1, 'Caroline', 'Jensen', 'carolinejensen@zidant.com',
+                                    '+1 (821) 447-3782'
+                                ],
+                                [2, 'Celeste', 'Grant', 'celestegrant@polarax.com',
+                                    '+1 (838) 515-3408'
+                                ],
+                                [3, 'Tillman', 'Forbes', 'tillmanforbes@manglo.com',
+                                    '+1 (969) 496-2892'
+                                ],
+                                [4, 'Daisy', 'Whitley', 'daisywhitley@applideck.com',
+                                    '+1 (861) 564-2877'
+                                ],
+                                [5, 'Weber', 'Bowman', 'weberbowman@volax.com',
+                                    '+1 (962) 466-3483'
+                                ],
+                                [6, 'Buckley', 'Townsend', 'buckleytownsend@orbaxter.com',
+                                    '+1 (884) 595-2643'
+                                ],
+                                [7, 'Latoya', 'Bradshaw', 'latoyabradshaw@opportech.com',
+                                    '+1 (906) 474-3155'
+                                ],
+                                [8, 'Kate', 'Lindsay', 'katelindsay@gorganic.com',
+                                    '+1 (930) 546-2952'
+                                ],
+                                [9, 'Marva', 'Sandoval', 'marvasandoval@avit.com',
+                                    '+1 (927) 566-3600'
+                                ],
+                                [10, 'Decker', 'Russell', 'deckerrussell@quilch.com',
+                                    '+1 (846) 535-3283'
+                                ],
+                                [11, 'Odom', 'Mills', 'odommills@memora.com',
+                                    '+1 (995) 525-3402'
+                                ],
+                                [12, 'Sellers', 'Walters', 'sellerswalters@zorromop.com',
+                                    '+1 (830) 430-3157'
+                                ],
+                                [13, 'Wendi', 'Powers', 'wendipowers@orboid.com',
+                                    '+1 (863) 457-2088'
+                                ],
+                                [14, 'Sophie', 'Horn', 'sophiehorn@snorus.com',
+                                    '+1 (885) 418-3948'
+                                ],
+                                [15, 'Levine', 'Rodriquez', 'levinerodriquez@xth.com',
+                                    '+1 (999) 565-3239'
+                                ],
+                                [16, 'Little', 'Hatfield', 'littlehatfield@comtract.com',
+                                    '+1 (812) 488-3011'
+                                ],
+                                [17, 'Larson', 'Kelly', 'larsonkelly@zidant.com',
+                                    '+1 (892) 484-2162'
+                                ],
+                                [18, 'Kendra', 'Molina', 'kendramolina@sureplex.com',
+                                    '+1 (920) 528-3330'
+                                ],
+                                [19, 'Ebony', 'Livingston', 'ebonylivingston@danja.com',
+                                    '+1 (970) 591-3039'
+                                ],
+                                [20, 'Kaufman', 'Rush', 'kaufmanrush@euron.com',
+                                    '+1 (924) 463-2934'
+                                ],
+                                [21, 'Frank', 'Hays', 'frankhays@illumity.com',
+                                    '+1 (930) 577-2670'
+                                ],
+                                [22, 'Carmella', 'Mccarty', 'carmellamccarty@sybixtex.com',
+                                    '+1 (876) 456-3218'
+                                ],
+                                [23, 'Massey', 'Owen', 'masseyowen@zedalis.com',
+                                    '+1 (917) 567-3786'
+                                ],
+                                [24, 'Lottie', 'Lowery', 'lottielowery@dyno.com',
+                                    '+1 (912) 539-3498'
+                                ],
+                                [25, 'Addie', 'Luna', 'addieluna@multiflex.com',
+                                    '+1 (962) 537-2981'
+                                ],
+                            ]
+                        },
+                        sortable: false,
+                        searchable: true,
+                        perPage: 10,
+                        perPageSelect: [10, 20, 30, 50, 100],
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        labels: {
+                            perPage: "{select}"
+                        },
+                        layout: {
+                            top: "{search}",
+                            bottom: "{info}{select}{pager}",
+                        },
+                    };
+
+                    const datatable1 = new simpleDatatables.DataTable('#tableStripe', tableOptions);
+
+                    const datatable2 = new simpleDatatables.DataTable('#tableHover', tableOptions);
+
+                    const datatable3 = new simpleDatatables.DataTable('#tableBorder', tableOptions);
+
+                    const datatable4 = new simpleDatatables.DataTable('#tableCompact', tableOptions);
+
+                    const datatable5 = new simpleDatatables.DataTable('#tableAll', tableOptions);
+                }
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/datatables/sticky-header.blade.php b/resources/views/datatables/sticky-header.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..55ef8e85f00dc272f9340d99b1cb7169f9f872dc
--- /dev/null
+++ b/resources/views/datatables/sticky-header.blade.php
@@ -0,0 +1,370 @@
+<x-layout.default>
+
+
+    <script src="/assets/js/simple-datatables.js"></script>
+
+    <div x-data="custom">
+        <div class="space-y-6">
+            <div class="panel flex items-center overflow-x-auto whitespace-nowrap p-3 text-primary">
+                <div class="rounded-full bg-primary p-1.5 text-white ring-2 ring-primary/30 ltr:mr-3 rtl:ml-3">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                        class="h-3.5 w-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span>
+                <a href="https://www.npmjs.com/package/simple-datatables" target="_blank" class="block hover:underline">
+                    https://www.npmjs.com/package/simple-datatables
+                </a>
+            </div>
+            <div class="panel sticky-header">
+                <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Sticky
+                    Header</h5>
+                <table id="myTable1" class="whitespace-nowrap table-checkbox table-striped table-hover"></table>
+            </div>
+
+            <div class="panel sticky-column">
+                <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Sticky
+                    First Column</h5>
+                <table id="myTable2" class="whitespace-nowrap table-checkbox table-striped table-hover"></table>
+            </div>
+
+            <div class="panel sticky-column sticky-header">
+                <h5 class="md:absolute md:top-[25px] md:mb-0 mb-5 font-semibold text-lg dark:text-white-light">Sticky
+                    Header & First Column</h5>
+                <table id="myTable3" class="whitespace-nowrap table-checkbox table-striped table-hover"></table>
+            </div>
+        </div>
+    </div>
+    <style>
+        table.table-checkbox thead tr th:first-child {
+            width: 1px !important;
+        }
+    </style>
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("custom", () => ({
+                ids1: [],
+                datatable1: null,
+                tableData1: [
+                    [1, 1, 'Caroline', 'Jensen', 'carolinejensen@zidant.com', '+1 (821) 447-3782'],
+                    [2, 2, 'Celeste', 'Grant', 'celestegrant@polarax.com', '+1 (838) 515-3408'],
+                    [3, 3, 'Tillman', 'Forbes', 'tillmanforbes@manglo.com', '+1 (969) 496-2892'],
+                    [4, 4, 'Daisy', 'Whitley', 'daisywhitley@applideck.com', '+1 (861) 564-2877'],
+                    [5, 5, 'Weber', 'Bowman', 'weberbowman@volax.com', '+1 (962) 466-3483'],
+                    [6, 6, 'Buckley', 'Townsend', 'buckleytownsend@orbaxter.com',
+                        '+1 (884) 595-2643'
+                    ],
+                    [7, 7, 'Latoya', 'Bradshaw', 'latoyabradshaw@opportech.com',
+                        '+1 (906) 474-3155'
+                    ],
+                    [8, 8, 'Kate', 'Lindsay', 'katelindsay@gorganic.com', '+1 (930) 546-2952'],
+                    [9, 9, 'Marva', 'Sandoval', 'marvasandoval@avit.com', '+1 (927) 566-3600'],
+                    [10, 10, 'Decker', 'Russell', 'deckerrussell@quilch.com', '+1 (846) 535-3283'],
+                    [11, 11, 'Odom', 'Mills', 'odommills@memora.com', '+1 (995) 525-3402'],
+                    [12, 12, 'Sellers', 'Walters', 'sellerswalters@zorromop.com',
+                        '+1 (830) 430-3157'
+                    ],
+                    [13, 13, 'Wendi', 'Powers', 'wendipowers@orboid.com', '+1 (863) 457-2088'],
+                    [14, 14, 'Sophie', 'Horn', 'sophiehorn@snorus.com', '+1 (885) 418-3948'],
+                    [15, 15, 'Levine', 'Rodriquez', 'levinerodriquez@xth.com', '+1 (999) 565-3239'],
+                    [16, 16, 'Little', 'Hatfield', 'littlehatfield@comtract.com',
+                        '+1 (812) 488-3011'
+                    ],
+                    [17, 17, 'Larson', 'Kelly', 'larsonkelly@zidant.com', '+1 (892) 484-2162'],
+                    [18, 18, 'Kendra', 'Molina', 'kendramolina@sureplex.com', '+1 (920) 528-3330'],
+                    [19, 19, 'Ebony', 'Livingston', 'ebonylivingston@danja.com',
+                        '+1 (970) 591-3039'
+                    ],
+                    [20, 20, 'Kaufman', 'Rush', 'kaufmanrush@euron.com', '+1 (924) 463-2934'],
+                    [21, 21, 'Frank', 'Hays', 'frankhays@illumity.com', '+1 (930) 577-2670'],
+                    [22, 22, 'Carmella', 'Mccarty', 'carmellamccarty@sybixtex.com',
+                        '+1 (876) 456-3218'
+                    ],
+                    [23, 23, 'Massey', 'Owen', 'masseyowen@zedalis.com', '+1 (917) 567-3786'],
+                    [24, 24, 'Lottie', 'Lowery', 'lottielowery@dyno.com', '+1 (912) 539-3498'],
+                    [25, 25, 'Addie', 'Luna', 'addieluna@multiflex.com', '+1 (962) 537-2981'],
+                ],
+
+                tabledata: [
+                    [1, 1, 'Caroline', 'Jensen', 'carolinejensen@zidant.com', '+1 (821) 447-3782',
+                        'POLARAX', '529 Scholes Street', 39, '2004-05-28', true
+                    ],
+                    [2, 2, 'Celeste', 'Grant', 'celestegrant@polarax.com', '+1 (838) 515-3408',
+                        'MANGLO', '639 Kimball Street', 32, '1989-11-19', false
+                    ],
+                    [3, 3, 'Tillman', 'Forbes', 'tillmanforbes@manglo.com', '+1 (969) 496-2892',
+                        'APPLIDECK', '240 Vandalia Avenue', 26, '2016-09-05', false
+                    ],
+                    [4, 4, 'Daisy', 'Whitley', 'daisywhitley@applideck.com', '+1 (861) 564-2877',
+                        'VOLAX', '350 Pleasant Place', 21, '1987-03-23', true
+                    ],
+                    [5, 5, 'Weber', 'Bowman', 'weberbowman@volax.com', '+1 (962) 466-3483',
+                        'ORBAXTER', '154 Conway Street', 26, '1983-02-24', false
+                    ],
+                    [6, 6, 'Buckley', 'Townsend', 'buckleytownsend@orbaxter.com',
+                        '+1 (884) 595-2643', 'OPPORTECH', '131 Guernsey Street', 40, '2011-05-29',
+                        true
+                    ],
+                    [7, 7, 'Latoya', 'Bradshaw', 'latoyabradshaw@opportech.com',
+                        '+1 (906) 474-3155', 'GORGANIC', '668 Lenox Road', 24, '2010-11-23', true
+                    ],
+                    [8, 8, 'Kate', 'Lindsay', 'katelindsay@gorganic.com', '+1 (930) 546-2952',
+                        'AVIT', '773 Harrison Avenue', 24, '1987-07-02', true
+                    ],
+                    [9, 9, 'Marva', 'Sandoval', 'marvasandoval@avit.com', '+1 (927) 566-3600',
+                        'QUILCH', '200 Malta Street', 28, '2010-11-02', false
+                    ],
+                    [10, 10, 'Decker', 'Russell', 'deckerrussell@quilch.com', '+1 (846) 535-3283',
+                        'MEMORA', '708 Bath Avenue', 27, '1994-04-21', false
+                    ],
+                    [11, 11, 'Odom', 'Mills', 'odommills@memora.com', '+1 (995) 525-3402',
+                        'ZORROMOP', '907 Blake Avenue', 34, '2010-01-24', true
+                    ],
+                    [12, 12, 'Sellers', 'Walters', 'sellerswalters@zorromop.com',
+                        '+1 (830) 430-3157', 'ORBOID', '978 Oakland Place', 28, '1975-11-12', true
+                    ],
+                    [13, 13, 'Wendi', 'Powers', 'wendipowers@orboid.com', '+1 (863) 457-2088',
+                        'SNORUS', '376 Greenpoint Avenue', 31, '1979-06-02', true
+                    ],
+                    [14, 14, 'Sophie', 'Horn', 'sophiehorn@snorus.com', '+1 (885) 418-3948', 'XTH',
+                        '343 Doughty Street', 22, '2018-09-20', true
+                    ],
+                    [15, 15, 'Levine', 'Rodriquez', 'levinerodriquez@xth.com', '+1 (999) 565-3239',
+                        'COMTRACT', '643 Allen Avenue', 27, '1973-02-08', true
+                    ],
+                    [16, 16, 'Little', 'Hatfield', 'littlehatfield@comtract.com',
+                        '+1 (812) 488-3011', 'ZIDANT', '194 Anthony Street', 33, '2012-01-03', false
+                    ],
+                    [17, 17, 'Larson', 'Kelly', 'larsonkelly@zidant.com', '+1 (892) 484-2162',
+                        'SUREPLEX', '978 Indiana Place', 20, '2010-06-14', true
+                    ],
+                    [18, 18, 'Kendra', 'Molina', 'kendramolina@sureplex.com', '+1 (920) 528-3330',
+                        'DANJA', '567 Charles Place', 31, '2002-07-19', false
+                    ],
+                    [19, 19, 'Ebony', 'Livingston', 'ebonylivingston@danja.com',
+                        '+1 (970) 591-3039', 'EURON', '284 Cass Place', 33, '1994-10-18', false
+                    ],
+                    [20, 20, 'Kaufman', 'Rush', 'kaufmanrush@euron.com', '+1 (924) 463-2934',
+                        'ILLUMITY', '408 Kingsland Avenue', 39, '2011-07-10', false
+                    ],
+                    [21, 21, 'Frank', 'Hays', 'frankhays@illumity.com', '+1 (930) 577-2670',
+                        'SYBIXTEX', '973 Caton Place', 31, '2005-06-15', false
+                    ],
+                    [22, 22, 'Carmella', 'Mccarty', 'carmellamccarty@sybixtex.com',
+                        '+1 (876) 456-3218', 'ZEDALIS', '919 Judge Street', 21, '1980-03-06', true
+                    ],
+                    [23, 23, 'Massey', 'Owen', 'masseyowen@zedalis.com', '+1 (917) 567-3786',
+                        'DYNO', '108 Seaview Avenue', 40, '2012-03-01', false
+                    ],
+                    [24, 24, 'Lottie', 'Lowery', 'lottielowery@dyno.com', '+1 (912) 539-3498',
+                        'MULTIFLEX', '557 Meserole Avenue', 36, '1982-10-10', true
+                    ],
+                    [25, 25, 'Addie', 'Luna', 'addieluna@multiflex.com', '+1 (962) 537-2981',
+                        'PHARMACON', '688 Bulwer Place', 32, '1988-05-01', true
+                    ],
+                ],
+                ids2: [],
+                datatable2: null,
+                tableData2: this.tabledata || [],
+
+                ids3: [],
+                datatable3: null,
+                tableData3: this.tabledata || [],
+
+                init() {
+                    this.tableData2 = this.tabledata;
+                    this.tableData3 = this.tabledata;
+
+                    this.datatable1 = new simpleDatatables.DataTable('#myTable1', {
+                        data: {
+                            headings: [
+                                '<input type="checkbox" class="form-checkbox" :value="ids1.length === tableData1.length" @change="checkAll1($event.target.checked)" />',
+                                "ID", "First Name", "Last Name", "Email", "Phone"
+                            ],
+                            data: this.tableData1,
+                        },
+                        perPage: 20,
+                        perPageSelect: [10, 20, 30, 50, 100],
+                        columns: [{
+                                select: 0,
+                                sortable: false,
+                                render: (data, cell, row) => {
+                                    return `<input type="checkbox" class="form-checkbox" x-model="ids1" :value="${data}" />`;
+                                }
+                            },
+                            {
+                                select: 1,
+                                render: (data, cell, row) => {
+                                    return `<strong>#${data}</strong>`;
+                                },
+                            },
+                        ],
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        labels: {
+                            perPage: "{select}"
+                        },
+                        layout: {
+                            top: "{search}",
+                            bottom: "{info}{select}{pager}",
+                        },
+                    });
+
+                    this.datatable2 = new simpleDatatables.DataTable('#myTable2', {
+                        data: {
+                            headings: [
+                                '<input type="checkbox" class="form-checkbox" :value="ids2.length === tableData2.length" @change="checkAll2($event.target.checked)" />',
+                                "ID", "First Name", "Last Name", "Email", "Phone",
+                                "Company", "Address", "Age", "Birthdate", "Active"
+                            ],
+                            data: this.tableData2,
+                        },
+                        perPage: 10,
+                        perPageSelect: [10, 20, 30, 50, 100],
+                        columns: [{
+                                select: 0,
+                                sortable: false,
+                                render: (data, cell, row) => {
+                                    return `<input type="checkbox" class="form-checkbox" x-model="ids2" :value="${data}" />`;
+                                }
+                            },
+                            {
+                                select: 1,
+                                render: (data, cell, row) => {
+                                    return `<strong>#${data}</strong>`;
+                                },
+                            },
+                            {
+                                select: 4,
+                                render: (data, cell, row) => {
+                                    return `<a href="mailto:${data}" class="text-primary hover:underline">${ data }</a>`;
+                                },
+                            },
+                            {
+                                select: 9,
+                                render: (data, cell, row) => {
+                                    return this.formatDate(data);
+                                },
+                            },
+                        ],
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        labels: {
+                            perPage: "{select}"
+                        },
+                        layout: {
+                            top: "{search}",
+                            bottom: "{info}{select}{pager}",
+                        },
+                    });
+
+                    this.datatable3 = new simpleDatatables.DataTable('#myTable3', {
+                        data: {
+                            headings: [
+                                '<input type="checkbox" class="form-checkbox" :value="ids3.length === tableData3.length" @change="checkAll3($event.target.checked)" />',
+                                "ID", "First Name", "Last Name", "Email", "Phone",
+                                "Company", "Address", "Age", "Birthdate", "Active"
+                            ],
+                            data: this.tableData3,
+                        },
+                        perPage: 20,
+                        perPageSelect: [10, 20, 30, 50, 100],
+                        columns: [{
+                                select: 0,
+                                sortable: false,
+                                render: (data, cell, row) => {
+                                    return `<input type="checkbox" class="form-checkbox" x-model="ids3" :value="${data}" />`;
+                                }
+                            },
+                            {
+                                select: 1,
+                                render: (data, cell, row) => {
+                                    return `<strong>#${data}</strong>`;
+                                },
+                            },
+                            {
+                                select: 4,
+                                render: (data, cell, row) => {
+                                    return `<a href="mailto:${data}" class="text-primary hover:underline">${ data }</a>`;
+                                },
+                            },
+                            {
+                                select: 9,
+                                render: (data, cell, row) => {
+                                    return this.formatDate(data);
+                                },
+                            },
+                        ],
+                        firstLast: true,
+                        firstText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        lastText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        prevText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        nextText: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 rtl:rotate-180"> <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>',
+                        labels: {
+                            perPage: "{select}"
+                        },
+                        layout: {
+                            top: "{search}",
+                            bottom: "{info}{select}{pager}",
+                        },
+                    });
+                },
+
+                formatDate(date) {
+                    if (date) {
+                        const dt = new Date(date);
+                        const month = dt.getMonth() + 1 < 10 ? '0' + (dt.getMonth() + 1) : dt
+                            .getMonth() + 1;
+                        const day = dt.getDate() < 10 ? '0' + dt.getDate() : dt.getDate();
+                        return day + '/' + month + '/' + dt.getFullYear();
+                    }
+                    return '';
+                },
+
+                checkAll1(isChecked) {
+                    if (isChecked) {
+                        this.ids1 = this.tableData1.map((d) => {
+                            return d[0];
+                        });
+                    } else {
+                        this.ids1 = [];
+                    }
+                },
+
+                checkAll2(isChecked) {
+                    if (isChecked) {
+                        this.ids2 = this.tableData2.map((d) => {
+                            return d[0];
+                        });
+                    } else {
+                        this.ids2 = [];
+                    }
+                },
+
+                checkAll3(isChecked) {
+                    if (isChecked) {
+                        this.ids3 = this.tableData3.map((d) => {
+                            return d[0];
+                        });
+                    } else {
+                        this.ids3 = [];
+                    }
+                },
+
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/dragndrop.blade.php b/resources/views/dragndrop.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..cdd04a52480ff6a23b91e7fafcc037b9e69fa505
--- /dev/null
+++ b/resources/views/dragndrop.blade.php
@@ -0,0 +1,622 @@
+<x-layout.default>
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.15.0/Sortable.min.js"></script>
+    <div x-data="basic">
+        <ul class="flex space-x-2 rtl:space-x-reverse mb-6">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Dashboard</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Drag & Drop</span>
+            </li>
+        </ul>
+
+        <div class="dragndrop space-y-8">
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a href="https://www.npmjs.com/package/sortablejs"
+                    target="_blank" class="block hover:underline">https://www.npmjs.com/package/sortablejs</a>
+            </div>
+
+            <!-- Sortable -->
+            <div class="panel">
+                <div class="font-semibold text-lg mb-5">Sortable</div>
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-x-12">
+                    <div>
+                        <ul id="example1">
+                            <template x-for="item in items">
+                                <li class="mb-2.5 cursor-grab">
+                                    <div
+                                        class="bg-white dark:bg-[#1b2e4b] rounded-md border border-white-light dark:border-dark px-6 py-3.5 flex md:flex-row flex-col ltr:md:text-left rtl:md:text-right text-center items-md-center">
+                                        <div class="ltr:sm:mr-4 rtl:sm:ml-4">
+                                            <img alt="avatar"
+                                                :src="`/assets/images/profile-${item.id}.jpeg`"
+                                                class="w-11 h-11 rounded-full mx-auto" />
+                                        </div>
+                                        <div class="flex md:flex-row flex-col justify-between items-center flex-1">
+                                            <div class="font-semibold md:my-0 my-3">
+                                                <div class="text-dark dark:text-[#bfc9d4] text-base" x-text="item.text">
+                                                </div>
+                                                <div class="text-white-dark text-xs" x-text="item.name"></div>
+                                            </div>
+                                            <div>
+                                                <button type="button"
+                                                    class="btn btn-secondary btn-sm px-5 py-2">View</button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                            </template>
+                        </ul>
+                    </div>
+
+                    <div>
+                        <ul id="example2">
+                            <template x-for="item in items">
+                                <li class="mb-2.5 cursor-grab">
+                                    <div
+                                        class="bg-white dark:bg-[#1b2e4b] rounded-md border border-white-light dark:border-dark px-6 py-3.5 flex md:flex-row flex-col ltr:md:text-left rtl:md:text-right text-center items-md-center">
+                                        <div class="ltr:sm:mr-4 rtl:sm:ml-4">
+                                            <img alt="avatar"
+                                                :src="`/assets/images/profile-${item.id + 5}.jpeg`"
+                                                class="w-11 h-11 rounded-full mx-auto" />
+                                        </div>
+                                        <div class="flex md:flex-row flex-col justify-between items-center flex-1">
+                                            <div class="font-semibold md:my-0 my-3">
+                                                <div class="text-dark dark:text-[#bfc9d4] text-base" x-text="item.text">
+                                                </div>
+                                                <div class="text-white-dark text-xs" x-text="item.name"></div>
+                                            </div>
+                                            <div>
+                                                <button type="button"
+                                                    class="btn btn-secondary btn-sm px-5 py-2">View</button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                            </template>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Icon Change -->
+            <div class="panel">
+                <div class="font-semibold text-lg dark:text-white mb-5">Icon Change</div>
+                <div class="icon-change grid grid-cols-1 sm:grid-cols-2 gap-x-12">
+                    <div>
+                        <ul id="example3" class="left">
+                            <template x-for="item in items">
+                                <li class="mb-2.5 cursor-grab">
+                                    <div
+                                        class="bg-white dark:bg-[#1b2e4b] rounded-md border border-white-light dark:border-dark px-6 py-3.5 flex md:flex-row flex-col ltr:text-left rtl:text-right items-md-center">
+                                        <div class="ltr:sm:mr-4 rtl:sm:ml-4">
+                                            <img alt="avatar"
+                                                :src="`/assets/images/profile-${item.id}.jpeg`"
+                                                class="w-11 h-11 rounded-full" />
+                                        </div>
+                                        <div class="flex justify-between items-center flex-1">
+                                            <div class="font-semibold md:my-0 my-3">
+                                                <div class="text-dark dark:text-[#bfc9d4] text-base" x-text="item.text">
+                                                </div>
+                                                <div class="text-white-dark text-xs" x-text="item.name"></div>
+                                            </div>
+                                            <div class="text-white-dark">
+                                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                    xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 feather-star">
+                                                    <path
+                                                        d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                    xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 feather-heart">
+                                                    <path
+                                                        d="M12 5.50063C7.50016 0.825464 2 4.27416 2 9.1371C2 14 6.01943 16.5914 8.96173 18.9109C10 19.7294 11 20.5 12 20.5"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path opacity="0.5"
+                                                        d="M12 5.50063C16.4998 0.825464 22 4.27416 22 9.1371C22 14 17.9806 16.5914 15.0383 18.9109C14 19.7294 13 20.5 12 20.5"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                            </template>
+                        </ul>
+                    </div>
+
+                    <div>
+                        <ul id="example4" class="right">
+                            <template x-for="item in items">
+                                <li class="mb-2.5 cursor-grab">
+                                    <div
+                                        class="bg-white dark:bg-[#1b2e4b] rounded-md border border-white-light dark:border-dark px-6 py-3.5 flex md:flex-row flex-col ltr:text-left rtl:text-right items-md-center">
+                                        <div class="ltr:sm:mr-4 rtl:sm:ml-4">
+                                            <img alt="avatar"
+                                                :src="`/assets/images/profile-${item.id + 5}.jpeg`"
+                                                class="w-11 h-11 rounded-full" />
+                                        </div>
+                                        <div class="flex justify-between items-center flex-1">
+                                            <div class="font-semibold md:my-0 my-3">
+                                                <div class="text-dark dark:text-[#bfc9d4] text-base"
+                                                    x-text="item.text"></div>
+                                                <div class="text-white-dark text-xs" x-text="item.name"></div>
+                                            </div>
+                                            <div class="text-white-dark">
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-6 h-6 feather-star">
+                                                    <path
+                                                        d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-6 h-6 feather-heart">
+                                                    <path
+                                                        d="M12 5.50063C7.50016 0.825464 2 4.27416 2 9.1371C2 14 6.01943 16.5914 8.96173 18.9109C10 19.7294 11 20.5 12 20.5"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path opacity="0.5"
+                                                        d="M12 5.50063C16.4998 0.825464 22 4.27416 22 9.1371C22 14 17.9806 16.5914 15.0383 18.9109C14 19.7294 13 20.5 12 20.5"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                </svg>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                            </template>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Handler -->
+            <div class="panel">
+                <div class="font-semibold text-lg dark:text-white mb-5">Handler</div>
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-x-12">
+                    <div>
+                        <ul id="example5">
+                            <template x-for="item in items">
+                                <li class="mb-2.5 cursor-grab">
+                                    <div
+                                        class="bg-white dark:bg-[#1b2e4b] rounded-md border border-white-light dark:border-dark px-6 py-3.5 flex md:flex-row flex-col ltr:md:text-left rtl:md:text-right text-center items-md-center">
+                                        <div class="ltr:sm:mr-4 rtl:sm:ml-4">
+                                            <img alt="avatar"
+                                                :src="`/assets/images/profile-${item.id}.jpeg`"
+                                                class="w-11 h-11 rounded-full mx-auto" />
+                                        </div>
+                                        <div class="sm:flex block justify-between items-center flex-1">
+                                            <div class="font-semibold md:my-0 my-3">
+                                                <div class="text-dark dark:text-[#bfc9d4] text-base"
+                                                    x-text="item.text"></div>
+                                                <div class="text-white-dark text-xs" x-text="item.name"></div>
+                                            </div>
+                                            <div class="text-white-dark">
+                                                <span
+                                                    class="handle px-2 ltr:mr-1 rtl:ml-1 bg-[#ebedf2] dark:bg-black rounded cursor-move">+</span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                            </template>
+                        </ul>
+                    </div>
+
+                    <div>
+                        <ul id="example6">
+                            <template x-for="item in items">
+                                <li class="mb-2.5 cursor-grab">
+                                    <div
+                                        class="bg-white dark:bg-[#1b2e4b] rounded-md border border-white-light dark:border-dark px-6 py-3.5 flex md:flex-row flex-col ltr:md:text-left rtl:md:text-right text-center items-md-center">
+                                        <div class="ltr:sm:mr-4 rtl:sm:ml-4">
+                                            <img alt="avatar"
+                                                :src="`/assets/images/profile-${item.id + 5}.jpeg`"
+                                                class="w-11 h-11 rounded-full mx-auto" />
+                                        </div>
+                                        <div class="sm:flex block justify-between items-center flex-1">
+                                            <div class="font-semibold md:my-0 my-3">
+                                                <div class="text-dark dark:text-[#bfc9d4] text-base"
+                                                    x-text="item.text"></div>
+                                                <div class="text-white-dark text-xs" x-text="item.name"></div>
+                                            </div>
+                                            <div class="text-white-dark">
+                                                <span
+                                                    class="handle px-2 ltr:mr-1 rtl:ml-1 bg-[#ebedf2] dark:bg-black rounded cursor-move">+</span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                            </template>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Multiple Drag -->
+            <div class="panel">
+                <div class="font-semibold text-lg dark:text-white mb-5">Multiple Drag</div>
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-x-12">
+                    <div>
+                        <ul id="example7">
+                            <template x-for="item in items">
+                                <li class="mb-2.5 cursor-grab">
+                                    <div
+                                        class="bg-white dark:bg-[#1b2e4b] rounded-md border border-white-light dark:border-dark px-6 py-3.5 flex md:flex-row flex-col ltr:md:text-left rtl:md:text-right text-center items-md-center">
+                                        <div class="ltr:sm:mr-4 rtl:sm:ml-4">
+                                            <img alt="avatar"
+                                                :src="`/assets/images/profile-${item.id}.jpeg`"
+                                                class="w-11 h-11 rounded-full mx-auto" />
+                                        </div>
+                                        <div class="flex md:flex-row flex-col justify-between items-center flex-1">
+                                            <div class="font-semibold md:my-0 my-3">
+                                                <div class="text-dark dark:text-[#bfc9d4] text-base"
+                                                    x-text="item.text"></div>
+                                                <div class="text-white-dark text-xs" x-text="item.name"></div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                            </template>
+                        </ul>
+                    </div>
+
+                    <div>
+                        <ul id="example8">
+                            <template x-for="item in items">
+                                <li class="mb-2.5 cursor-grab">
+                                    <div
+                                        class="bg-white dark:bg-[#1b2e4b] rounded-md border border-white-light dark:border-dark px-6 py-3.5 flex md:flex-row flex-col ltr:md:text-left rtl:md:text-right text-center items-md-center">
+                                        <div class="ltr:sm:mr-4 rtl:sm:ml-4">
+                                            <img alt="avatar"
+                                                :src="`/assets/images/profile-${item.id + 5}.jpeg`"
+                                                class="w-11 h-11 rounded-full mx-auto" />
+                                        </div>
+                                        <div class="flex md:flex-row flex-col justify-between items-center flex-1">
+                                            <div class="font-semibold md:my-0 my-3">
+                                                <div class="text-dark dark:text-[#bfc9d4] text-base"
+                                                    x-text="item.text"></div>
+                                                <div class="text-white-dark text-xs" x-text="item.name"></div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                            </template>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+
+            <!-- News feed -->
+            <div class="panel">
+                <div class="font-semibold text-lg dark:text-white mb-5">News Feed</div>
+                <div>
+                    <div id="example12" class="grid grid-cols-1 sm:grid-cols-2 gap-x-12">
+                        <template x-for="item in items">
+                            <div class="mb-2.5" x-show="item.id <= 4">
+                                <div
+                                    class="bg-white dark:bg-[#1b2e4b] rounded-md border border-white-light dark:border-dark px-6 py-3.5">
+                                    <div
+                                        class="py-sm-2.5 sm:flex block ltr:md:text-left rtl:md:text-right text-center items-md-center">
+                                        <div class="ltr:sm:mr-4 rtl:sm:ml-4">
+                                            <img alt="avatar"
+                                                :src="`/assets/images/profile-${item.id +1}.jpeg`"
+                                                class="w-11 h-11 rounded-lg mx-auto" />
+                                        </div>
+                                        <div class="flex md:flex-row flex-col justify-between items-center flex-1">
+                                            <div class="font-semibold md:my-0 my-3">
+                                                <div class="text-dark dark:text-[#bfc9d4] text-base"
+                                                    x-text="item.name"></div>
+                                                <div class="text-white-dark text-xs">11 hours ago</div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="py-5 border-b border-b-[#f1f2f3] dark:border-b-dark mb-4">
+                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation.
+                                    </div>
+                                    <div class="md:flex items-center flex-wrap">
+                                        <div class="ltr:md:text-left rtl:md:text-right text-center xl:flex-1">
+                                            <div
+                                                class="flex md:justify-start justify-center -space-x-2 rtl:space-x-reverse text-white">
+                                                <img class="w-10 h-10 rounded-full object-cover ring-2 ring-white dark:ring-white-dark"
+                                                    src="/assets/images/profile-6.jpeg"
+                                                    alt="image" />
+                                                <img class="w-10 h-10 rounded-full object-cover ring-2 ring-white dark:ring-white-dark"
+                                                    src="/assets/images/profile-7.jpeg"
+                                                    alt="image" />
+                                                <img class="w-10 h-10 rounded-full object-cover ring-2 ring-white dark:ring-white-dark"
+                                                    src="/assets/images/profile-8.jpeg"
+                                                    alt="image" />
+                                                <img class="w-10 h-10 rounded-full object-cover ring-2 ring-white dark:ring-white-dark"
+                                                    src="/assets/images/profile-10.jpeg"
+                                                    alt="image" />
+                                            </div>
+                                        </div>
+                                        <div class="ltr:md:text-right rtl:md:text-left text-center">
+                                            <span class="text-xs text-white-dark lg:pt-0 pt-2 block"><a
+                                                    href="javascript:;"
+                                                    class="text-danger dark:text-primary font-semibold text-sm">Vincent,
+                                                    Mary</a> and 19 other like this</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </template>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Delete User -->
+            <div class="panel">
+                <div class="font-semibold text-lg dark:text-white mb-5">Delete User</div>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-12">
+                    <div>
+                        <ul id="example13">
+                            <template x-for="item in items">
+                                <li class="mb-2.5 cursor-grab">
+                                    <div
+                                        class="bg-white dark:bg-[#1b2e4b] rounded-md border border-white-light dark:border-dark px-6 py-3.5 flex md:flex-row flex-col ltr:md:text-left rtl:md:text-right text-center items-md-center">
+                                        <div class="ltr:sm:mr-4 rtl:sm:ml-4">
+                                            <img alt="avatar"
+                                                :src="`/assets/images/profile-${item.id}.jpeg`"
+                                                class="w-11 h-11 rounded-full mx-auto" />
+                                        </div>
+                                        <div class="flex md:flex-row flex-col justify-between items-center flex-1">
+                                            <div class="font-semibold md:my-0 my-3">
+                                                <div class="text-dark dark:text-[#bfc9d4] text-base"
+                                                    x-text="item.text"></div>
+                                                <div class="text-white-dark text-xs" x-text="item.name"></div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                            </template>
+                        </ul>
+                    </div>
+
+                    <div>
+                        <ul id="example14">
+                            <template x-for="item in items">
+                                <li class="mb-2.5 cursor-grab">
+                                    <div
+                                        class="bg-white dark:bg-[#1b2e4b] rounded-md border border-white-light dark:border-dark px-6 py-3.5 flex md:flex-row flex-col ltr:md:text-left rtl:md:text-right text-center items-md-center">
+                                        <div class="ltr:sm:mr-4 rtl:sm:ml-4">
+                                            <img alt="avatar"
+                                                :src="`/assets/images/profile-${item.id + 5}.jpeg`"
+                                                class="w-11 h-11 rounded-full mx-auto" />
+                                        </div>
+                                        <div class="flex md:flex-row flex-col justify-between items-center flex-1">
+                                            <div class="font-semibold md:my-0 my-3">
+                                                <div class="text-dark dark:text-[#bfc9d4] text-base"
+                                                    x-text="item.text"></div>
+                                                <div class="text-white-dark text-xs" x-text="item.name"></div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                            </template>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Grid drag -->
+            <div class="panel">
+                <div class="font-semibold text-lg dark:text-white mb-5">Grid drag</div>
+                <div class="grid grid-cols-2 sm:grid-cols-4 md:grid-cols-6 xl:grid-cols-8 gap-8 place-items-center"
+                    id="example11">
+                    <template x-for="i in 12">
+                        <div class="w-24 h-24 border border-white-light rounded-md shadow dark:border-dark flex items-center justify-center font-semibold cursor-grab"
+                            x-text="'Item ' + i"></div>
+                    </template>
+                </div>
+            </div>
+
+            <!-- Swap -->
+            <div class="panel">
+                <div class="font-semibold text-lg dark:text-white mb-5">Swap</div>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-12">
+                    <div>
+                        <ul id="example9">
+                            <template x-for="item in items">
+                                <li class="mb-2.5 cursor-grab">
+                                    <div
+                                        class="bg-white dark:bg-[#1b2e4b] rounded-md border border-white-light dark:border-dark px-6 py-3.5 flex md:flex-row flex-col ltr:md:text-left rtl:md:text-right text-center items-md-center">
+                                        <div class="ltr:sm:mr-4 rtl:sm:ml-4">
+                                            <img alt="avatar"
+                                                :src="`/assets/images/profile-${item.id}.jpeg`"
+                                                class="w-11 h-11 rounded-full mx-auto" />
+                                        </div>
+                                        <div class="flex md:flex-row flex-col justify-between items-center flex-1">
+                                            <div class="font-semibold md:my-0 my-3">
+                                                <div class="text-dark dark:text-[#bfc9d4] text-base"
+                                                    x-text="item.text"></div>
+                                                <div class="text-white-dark text-xs" x-text="item.name"></div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                            </template>
+                        </ul>
+                    </div>
+
+                    <div>
+                        <ul id="example10">
+                            <template x-for="item in items">
+                                <li class="mb-2.5 cursor-grab">
+                                    <div
+                                        class="bg-white dark:bg-[#1b2e4b] rounded-md border border-white-light dark:border-dark px-6 py-3.5 flex md:flex-row flex-col ltr:md:text-left rtl:md:text-right text-center items-md-center">
+                                        <div class="ltr:sm:mr-4 rtl:sm:ml-4">
+                                            <img alt="avatar"
+                                                :src="`/assets/images/profile-${item.id + 5}.jpeg`"
+                                                class="w-11 h-11 rounded-full mx-auto" />
+                                        </div>
+                                        <div class="flex md:flex-row flex-col justify-between items-center flex-1">
+                                            <div class="font-semibold md:my-0 my-3">
+                                                <div class="text-dark dark:text-[#bfc9d4] text-base"
+                                                    x-text="item.text"></div>
+                                                <div class="text-white-dark text-xs" x-text="item.name"></div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                            </template>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+    <script>
+        // Basic
+        var example1 = document.getElementById('example1');
+        var sortable = Sortable.create(example1, {
+            animation: 200,
+            ghostClass: 'gu-transit',
+            group: 'shared',
+        });
+        var example2 = document.getElementById('example2');
+        var sortable = Sortable.create(example2, {
+            animation: 200,
+            ghostClass: 'gu-transit',
+            group: 'shared'
+        });
+
+        // Icon change
+        var example3 = document.getElementById('example3');
+        var sortable = Sortable.create(example3, {
+            animation: 200,
+            ghostClass: 'gu-transit',
+            group: 'icon'
+        });
+        var example4 = document.getElementById('example4');
+        var sortable = Sortable.create(example4, {
+            animation: 200,
+            ghostClass: 'gu-transit',
+            group: 'icon'
+        });
+
+        // Handler
+        var example5 = document.getElementById('example5');
+        var sortable = Sortable.create(example5, {
+            animation: 200,
+            handle: '.handle',
+            group: 'handler',
+            ghostClass: 'gu-transit',
+        });
+        var example6 = document.getElementById('example6');
+        var sortable = Sortable.create(example6, {
+            animation: 200,
+            handle: '.handle',
+            group: 'handler',
+            ghostClass: 'gu-transit',
+        });
+
+        //Multiple Drag
+        var example7 = document.getElementById('example7');
+        var sortable = Sortable.create(example7, {
+            animation: 200,
+            group: 'multiple',
+            multiDrag: true,
+            selectedClass: 'selected',
+            fallbackTolerance: 3,
+            ghostClass: 'gu-transit',
+        });
+        var example8 = document.getElementById('example8');
+        var sortable = Sortable.create(example8, {
+            animation: 200,
+            group: 'multiple',
+            multiDrag: true,
+            selectedClass: 'selected',
+            fallbackTolerance: 3,
+            ghostClass: 'gu-transit',
+        });
+
+        //Delete User
+        var example13 = document.getElementById('example13');
+        var sortable = Sortable.create(example13, {
+            animation: 200,
+            group: 'delete',
+            removeOnSpill: true,
+        });
+        var example14 = document.getElementById('example14');
+        var sortable = Sortable.create(example14, {
+            animation: 200,
+            group: 'delete',
+            removeOnSpill: true,
+        });
+
+        //News Feed
+        var example12 = document.getElementById('example12');
+        var sortable = Sortable.create(example12, {
+            animation: 200,
+        });
+
+        //Swap
+        var example9 = document.getElementById('example9');
+        var sortable = Sortable.create(example9, {
+            animation: 200,
+            group: 'swap',
+            swap: true,
+        });
+        var example10 = document.getElementById('example10');
+        var sortable = Sortable.create(example10, {
+            animation: 200,
+            group: 'swap',
+            swap: true,
+        });
+
+        //Grid drag
+        var example11 = document.getElementById('example11');
+        var sortable = Sortable.create(example11, {
+            animation: 200,
+        });
+
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("basic", () => ({
+                items: [{
+                        id: 1,
+                        text: 'Need to be approved',
+                        name: 'Kelly Young'
+                    },
+                    {
+                        id: 2,
+                        text: 'Meeting with client',
+                        name: 'Andy King'
+                    },
+                    {
+                        id: 3,
+                        text: 'Project Detail',
+                        name: 'Judy Holmes'
+                    },
+                    {
+                        id: 4,
+                        text: 'Edited Post Apporval',
+                        name: 'Vincent Carpenter'
+                    },
+                    {
+                        id: 5,
+                        text: 'Project Lead Pickup',
+                        name: 'Mary McDonald'
+                    },
+                ],
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/elements/alerts.blade.php b/resources/views/elements/alerts.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..403557f6f694e2451aae85e904d8f8e1d9b8cbce
--- /dev/null
+++ b/resources/views/elements/alerts.blade.php
@@ -0,0 +1,667 @@
+<x-layout.default>
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Alerts</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8" x-data="form">
+            <!-- default -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Default Alerts</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-5 mb-5">
+                    <div
+                        class="flex items-center p-3.5 rounded text-primary bg-primary-light dark:bg-primary-dark-light">
+                        <span class="ltr:pr-2 rtl:pl-2"><strong class="ltr:mr-1 rtl:ml-1">Primary!</strong>Lorem Ipsum
+                            is simply dummy text of the printing.</span>
+                        <button type="button" class="ltr:ml-auto rtl:mr-auto hover:opacity-80">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"
+                                fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                    </div>
+                    <div
+                        class="flex items-center p-3.5 rounded text-secondary bg-secondary-light dark:bg-secondary-dark-light">
+                        <span class="ltr:pr-2 rtl:pl-2"><strong class="ltr:mr-1 rtl:ml-1">Secondary!</strong>Lorem Ipsum
+                            is simply dummy text of the printing.</span>
+                        <button type="button" class="ltr:ml-auto rtl:mr-auto hover:opacity-80">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"
+                                fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                    </div>
+                    <div
+                        class="flex items-center p-3.5 rounded text-success bg-success-light dark:bg-success-dark-light">
+                        <span class="ltr:pr-2 rtl:pl-2"><strong class="ltr:mr-1 rtl:ml-1">Success!</strong>Lorem Ipsum
+                            is simply dummy text of the printing.</span>
+                        <button type="button" class="ltr:ml-auto rtl:mr-auto hover:opacity-80">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"
+                                fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                    </div>
+                    <div
+                        class="flex items-center p-3.5 rounded text-warning bg-warning-light dark:bg-warning-dark-light">
+                        <span class="ltr:pr-2 rtl:pl-2"><strong class="ltr:mr-1 rtl:ml-1">Warning!</strong>Lorem Ipsum
+                            is simply dummy text of the printing.</span>
+                        <button type="button" class="ltr:ml-auto rtl:mr-auto hover:opacity-80">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                    </div>
+                    <div class="flex items-center p-3.5 rounded text-danger bg-danger-light dark:bg-danger-dark-light">
+                        <span class="ltr:pr-2 rtl:pl-2"><strong class="ltr:mr-1 rtl:ml-1">Danger!</strong>Lorem Ipsum
+                            is simply dummy text of the printing.</span>
+                        <button type="button" class="ltr:ml-auto rtl:mr-auto hover:opacity-80">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                    </div>
+                    <div class="flex items-center p-3.5 rounded text-info bg-info-light dark:bg-info-dark-light">
+                        <span class="ltr:pr-2 rtl:pl-2"><strong class="ltr:mr-1 rtl:ml-1">Info!</strong>Lorem Ipsum is
+                            simply dummy text of the printing.</span>
+                        <button type="button" class="ltr:ml-auto rtl:mr-auto hover:opacity-80">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- primary --&gt;
+    &lt;div class=&quot;flex items-center p-3.5 rounded text-primary bg-primary-light dark:bg-primary-dark-light&quot;&gt;
+        &lt;span class=&quot;ltr:pr-2 rtl:pl-2&quot;&gt;&lt;strong class=&quot;ltr:mr-1 rtl:ml-1&quot;&gt;Primary!&lt;/strong&gt;Lorem Ipsum is simply dummy text of the printing.&lt;/span&gt;
+        &lt;button type=&quot;button&quot; class=&quot;ltr:ml-auto rtl:mr-auto hover:opacity-80&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- secondary --&gt;
+    &lt;div class=&quot;flex items-center p-3.5 rounded text-secondary bg-secondary-light dark:bg-secondary-dark-light&quot;&gt;
+        &lt;span class=&quot;ltr:pr-2 rtl:pl-2&quot;&gt;&lt;strong class=&quot;ltr:mr-1 rtl:ml-1&quot;&gt;Secondary!&lt;/strong&gt;Lorem Ipsum is simply dummy text of the printing.&lt;/span&gt;
+        &lt;button type=&quot;button&quot; class=&quot;ltr:ml-auto rtl:mr-auto hover:opacity-80&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- success --&gt;
+    &lt;div class=&quot;flex items-center p-3.5 rounded text-success bg-success-light dark:bg-success-dark-light&quot;&gt;
+        &lt;span class=&quot;ltr:pr-2 rtl:pl-2&quot;&gt;&lt;strong class=&quot;ltr:mr-1 rtl:ml-1&quot;&gt;Success!&lt;/strong&gt;Lorem Ipsum is simply dummy text of the printing.&lt;/span&gt;
+        &lt;button type=&quot;button&quot; class=&quot;ltr:ml-auto rtl:mr-auto hover:opacity-80&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- warning --&gt;
+    &lt;div class=&quot;flex items-center p-3.5 rounded text-warning bg-warning-light dark:bg-warning-dark-light&quot;&gt;
+        &lt;span class=&quot;ltr:pr-2 rtl:pl-2&quot;&gt;&lt;strong class=&quot;ltr:mr-1 rtl:ml-1&quot;&gt;Warning!&lt;/strong&gt;Lorem Ipsum is simply dummy text of the printing.&lt;/span&gt;
+        &lt;button type=&quot;button&quot; class=&quot;ltr:ml-auto rtl:mr-auto hover:opacity-80&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- danger --&gt;
+    &lt;div class=&quot;flex items-center p-3.5 rounded text-danger bg-danger-light dark:bg-danger-dark-light&quot;&gt;
+        &lt;span class=&quot;ltr:pr-2 rtl:pl-2&quot;&gt;&lt;strong class=&quot;ltr:mr-1 rtl:ml-1&quot;&gt;Danger!&lt;/strong&gt;Lorem Ipsum is simply dummy text of the printing.&lt;/span&gt;
+        &lt;button type=&quot;button&quot; class=&quot;ltr:ml-auto rtl:mr-auto hover:opacity-80&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- info --&gt;
+    &lt;div class=&quot;flex items-center p-3.5 rounded text-info bg-info-light dark:bg-info-dark-light&quot;&gt;
+        &lt;span class=&quot;ltr:pr-2 rtl:pl-2&quot;&gt;&lt;strong class=&quot;ltr:mr-1 rtl:ml-1&quot;&gt;Info!&lt;/strong&gt;Lorem Ipsum is simply dummy text of the printing.&lt;/span&gt;
+        &lt;button type=&quot;button&quot; class=&quot;ltr:ml-auto rtl:mr-auto hover:opacity-80&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+        </pre>
+                </template>
+            </div>
+
+            <!-- Outline -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Outline Alerts</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-5 mb-5">
+                    <div class="flex items-center p-3.5 rounded text-white-dark border border-primary">
+                        <span class="ltr:pr-2 rtl:pl-2">
+                            <strong class="ltr:mr-2 rtl:ml-2">Primary!</strong>Lorem Ipsum is simply dummy text of the
+                            printing.
+                        </span>
+                        <button type="button" class="ltr:ml-auto rtl:mr-auto hover:opacity-80">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                    </div>
+                    <div class="flex items-center border p-3.5 rounded text-white-dark border-danger">
+                        <span class="ltr:pr-2 rtl:pl-2">
+                            <strong class="ltr:mr-2 rtl:ml-2">Danger!</strong>Lorem Ipsum is simply dummy text of the
+                            printing.
+                        </span>
+                        <button type="button" class="ltr:ml-auto rtl:mr-auto hover:opacity-80">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- primary --&gt;
+    &lt;div class=&quot;flex items-center p-3.5 rounded text-white-dark border border-primary&quot;&gt;
+        &lt;span class=&quot;ltr:pr-2 rtl:pl-2&quot;&gt;
+            &lt;strong class=&quot;ltr:mr-2 rtl:ml-2&quot;&gt;Primary!&lt;/strong&gt;Lorem Ipsum is simply dummy text of the printing.
+        &lt;/span&gt;
+        &lt;button type=&quot;button&quot; class=&quot;ltr:ml-auto rtl:mr-auto hover:opacity-80&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- danger --&gt;
+    &lt;div class=&quot;flex items-center border p-3.5 rounded text-white-dark border-danger&quot;&gt;
+        &lt;span class=&quot;ltr:pr-2 rtl:pl-2&quot;&gt;
+            &lt;strong class=&quot;ltr:mr-2 rtl:ml-2&quot;&gt;Danger!&lt;/strong&gt;Lorem Ipsum is simply dummy text of the printing.
+        &lt;/span&gt;
+        &lt;button type=&quot;button&quot; class=&quot;ltr:ml-auto rtl:mr-auto hover:opacity-80&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- Solid -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Solid Alerts</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-5 mb-5">
+                    <div class="flex items-center p-3.5 rounded text-white bg-primary">
+                        <span class="ltr:pr-2 rtl:pl-2">
+                            <strong class="ltr:mr-1 rtl:ml-1">Warning!</strong>Lorem Ipsum is simply dummy text of the
+                            printing.
+                        </span>
+                        <button type="button" class="ltr:ml-auto rtl:mr-auto hover:opacity-80">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                    </div>
+                    <div class="flex items-center p-3.5 rounded text-white bg-warning">
+                        <span class="ltr:pr-2 rtl:pl-2"><strong class="ltr:mr-1 rtl:ml-1">Info!</strong>Lorem Ipsum is
+                            simply dummy text of the printing.</span>
+                        <button type="button" class="ltr:ml-auto rtl:mr-auto hover:opacity-80">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- primary --&gt;
+    &lt;div class=&quot;flex items-center p-3.5 rounded text-white bg-primary&quot;&gt;
+        &lt;span class=&quot;ltr:pr-2 rtl:pl-2&quot;&gt;
+            &lt;strong class=&quot;ltr:mr-1 rtl:ml-1&quot;&gt;Warning!&lt;/strong&gt;Lorem Ipsum is simply dummy text of the printing.
+        &lt;/span&gt;
+        &lt;button type=&quot;button&quot; class=&quot;ltr:ml-auto rtl:mr-auto hover:opacity-80&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- warning --&gt;
+    &lt;div class=&quot;flex items-center p-3.5 rounded text-white bg-warning&quot;&gt;
+        &lt;span class=&quot;ltr:pr-2 rtl:pl-2&quot;&gt;&lt;strong class=&quot;ltr:mr-1 rtl:ml-1&quot;&gt;Info!&lt;/strong&gt;Lorem Ipsum is simply dummy text of the printing.&lt;/span&gt;
+        &lt;button type=&quot;button&quot; class=&quot;ltr:ml-auto rtl:mr-auto hover:opacity-80&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- Alerts with icon -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Alerts with icon</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code4')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-5 mb-5">
+                    <div
+                        class="relative flex items-center border p-3.5 rounded text-success bg-success-light border-success ltr:border-l-[64px] rtl:border-r-[64px] dark:bg-success-dark-light">
+                        <span class="absolute ltr:-left-11 rtl:-right-11 inset-y-0 text-white w-6 h-6 m-auto">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                <path opacity="0.5"
+                                    d="M5.31171 10.7615C8.23007 5.58716 9.68925 3 12 3C14.3107 3 15.7699 5.58716 18.6883 10.7615L19.0519 11.4063C21.4771 15.7061 22.6897 17.856 21.5937 19.428C20.4978 21 17.7864 21 12.3637 21H11.6363C6.21356 21 3.50217 21 2.40626 19.428C1.31034 17.856 2.52291 15.7061 4.94805 11.4063L5.31171 10.7615Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M12 8V13" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <circle cx="12" cy="16" r="1" fill="currentColor" />
+                            </svg>
+                        </span>
+                        <span class="ltr:pr-2 rtl:pl-2"><strong class="ltr:mr-1 rtl:ml-1">Warning!</strong>Lorem Ipsum
+                            is simply dummy text of the printing.</span>
+                        <button type="button" class="ltr:ml-auto rtl:mr-auto hover:opacity-80">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                    </div>
+                    <div
+                        class="relative flex items-center border p-3.5 rounded text-dark bg-dark-light border-dark ltr:border-r-[64px] rtl:border-l-[64px] dark:bg-dark-dark-light dark:text-white-light dark:border-white-light/20">
+                        <span class="absolute ltr:-right-11 rtl:-left-11 inset-y-0 text-white w-6 h-6 m-auto">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                <circle cx="12" cy="12" r="3" stroke="currentColor"
+                                    stroke-width="1.5"></circle>
+                                <path opacity="0.5"
+                                    d="M13.7654 2.15224C13.3978 2 12.9319 2 12 2C11.0681 2 10.6022 2 10.2346 2.15224C9.74457 2.35523 9.35522 2.74458 9.15223 3.23463C9.05957 3.45834 9.0233 3.7185 9.00911 4.09799C8.98826 4.65568 8.70226 5.17189 8.21894 5.45093C7.73564 5.72996 7.14559 5.71954 6.65219 5.45876C6.31645 5.2813 6.07301 5.18262 5.83294 5.15102C5.30704 5.08178 4.77518 5.22429 4.35436 5.5472C4.03874 5.78938 3.80577 6.1929 3.33983 6.99993C2.87389 7.80697 2.64092 8.21048 2.58899 8.60491C2.51976 9.1308 2.66227 9.66266 2.98518 10.0835C3.13256 10.2756 3.3397 10.437 3.66119 10.639C4.1338 10.936 4.43789 11.4419 4.43786 12C4.43783 12.5581 4.13375 13.0639 3.66118 13.3608C3.33965 13.5629 3.13248 13.7244 2.98508 13.9165C2.66217 14.3373 2.51966 14.8691 2.5889 15.395C2.64082 15.7894 2.87379 16.193 3.33973 17C3.80568 17.807 4.03865 18.2106 4.35426 18.4527C4.77508 18.7756 5.30694 18.9181 5.83284 18.8489C6.07289 18.8173 6.31632 18.7186 6.65204 18.5412C7.14547 18.2804 7.73556 18.27 8.2189 18.549C8.70224 18.8281 8.98826 19.3443 9.00911 19.9021C9.02331 20.2815 9.05957 20.5417 9.15223 20.7654C9.35522 21.2554 9.74457 21.6448 10.2346 21.8478C10.6022 22 11.0681 22 12 22C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8477 20.7654C14.9404 20.5417 14.9767 20.2815 14.9909 19.902C15.0117 19.3443 15.2977 18.8281 15.781 18.549C16.2643 18.2699 16.8544 18.2804 17.3479 18.5412C17.6836 18.7186 17.927 18.8172 18.167 18.8488C18.6929 18.9181 19.2248 18.7756 19.6456 18.4527C19.9612 18.2105 20.1942 17.807 20.6601 16.9999C21.1261 16.1929 21.3591 15.7894 21.411 15.395C21.4802 14.8691 21.3377 14.3372 21.0148 13.9164C20.8674 13.7243 20.6602 13.5628 20.3387 13.3608C19.8662 13.0639 19.5621 12.558 19.5621 11.9999C19.5621 11.4418 19.8662 10.9361 20.3387 10.6392C20.6603 10.4371 20.8675 10.2757 21.0149 10.0835C21.3378 9.66273 21.4803 9.13087 21.4111 8.60497C21.3592 8.21055 21.1262 7.80703 20.6602 7C20.1943 6.19297 19.9613 5.78945 19.6457 5.54727C19.2249 5.22436 18.693 5.08185 18.1671 5.15109C17.9271 5.18269 17.6837 5.28136 17.3479 5.4588C16.8545 5.71959 16.2644 5.73002 15.7811 5.45096C15.2977 5.17191 15.0117 4.65566 14.9909 4.09794C14.9767 3.71848 14.9404 3.45833 14.8477 3.23463C14.6448 2.74458 14.2554 2.35523 13.7654 2.15224Z"
+                                    stroke="currentColor" stroke-width="1.5"></path>
+                            </svg>
+                        </span>
+                        <span class="ltr:pr-2 rtl:pl-2"><strong class="ltr:mr-1 rtl:ml-1">Warning!</strong>Lorem Ipsum
+                            is simply dummy text of the printing.</span>
+                        <button type="button" class="ltr:ml-auto rtl:mr-auto hover:opacity-80">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code4')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- success --&gt;
+    &lt;div class=&quot;relative flex items-center border p-3.5 rounded text-success bg-success-light border-success ltr:border-l-[64px] rtl:border-r-[64px] dark:bg-success-dark-light&quot;&gt;
+        &lt;span class=&quot;absolute ltr:-left-11 rtl:-right-11 inset-y-0 text-white w-6 h-6 m-auto&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/span&gt;
+        &lt;span class=&quot;ltr:pr-2 rtl:pl-2&quot;&gt;&lt;strong class=&quot;ltr:mr-1 rtl:ml-1&quot;&gt;Warning!&lt;/strong&gt;Lorem Ipsum is simply dummy text of the printing.&lt;/span&gt;
+        &lt;button type=&quot;button&quot; class=&quot;ltr:ml-auto rtl:mr-auto hover:opacity-80&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- dark --&gt;
+    &lt;div class=&quot;relative flex items-center border p-3.5 rounded text-dark bg-dark-light border-dark ltr:border-r-[64px] rtl:border-l-[64px] dark:bg-dark-dark-light dark:text-white-light dark:border-white-light/20&quot;&gt;
+        &lt;span class=&quot;absolute ltr:-right-11 rtl:-left-11 inset-y-0 text-white w-6 h-6 m-auto&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/span&gt;
+        &lt;span class=&quot;ltr:pr-2 rtl:pl-2&quot;&gt;&lt;strong class=&quot;ltr:mr-1 rtl:ml-1&quot;&gt;Warning!&lt;/strong&gt;Lorem Ipsum is simply dummy text of the printing.&lt;/span&gt;
+        &lt;button type=&quot;button&quot; class=&quot;ltr:ml-auto rtl:mr-auto hover:opacity-80&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- Arrowed alert -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Arrowed Alerts</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code5')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-5 mb-5">
+                    <div
+                        class="relative flex items-center border p-3.5 rounded before:absolute before:top-1/2 ltr:before:left-0 rtl:before:right-0 rtl:before:rotate-180 before:-mt-2 before:border-l-8 before:border-t-8 before:border-b-8 before:border-t-transparent before:border-b-transparent before:border-l-inherit text-primary bg-primary-light !border-primary ltr:border-l-[64px] rtl:border-r-[64px] dark:bg-primary-dark-light">
+                        <span class="absolute ltr:-left-11 rtl:-right-11 inset-y-0 text-white w-6 h-6 m-auto">
+
+                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                <path
+                                    d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                                    stroke="currentColor" stroke-width="1.5"></path>
+                                <path d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                <path d="M12 6V10" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round"></path>
+                            </svg>
+                        </span>
+                        <span class="ltr:pr-2 rtl:pl-2"><strong class="ltr:mr-1 rtl:ml-1">Warning!</strong>Lorem Ipsum
+                            is simply dummy text of the printing.</span>
+                        <button type="button" class="ltr:ml-auto rtl:mr-auto hover:opacity-80">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                    </div>
+                    <div
+                        class="relative flex items-center border p-3.5 rounded before:inline-block before:absolute before:top-1/2 ltr:before:right-0 rtl:before:left-0 rtl:before:rotate-180 before:-mt-2 before:border-r-8 before:border-t-8 before:border-b-8 before:border-t-transparent before:border-b-transparent before:border-r-inherit text-danger bg-danger-light border-danger ltr:border-r-[64px] rtl:border-l-[64px] dark:bg-danger-dark-light">
+                        <span class="absolute ltr:-right-11 rtl:-left-11 inset-y-0 text-white w-6 h-6 m-auto">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                <circle opacity="0.5" cx="12" cy="12" r="10"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M12 7V13" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <circle cx="12" cy="16" r="1" fill="currentColor" />
+                            </svg>
+                        </span>
+                        <span class="ltr:pr-2 rtl:pl-2"><strong class="ltr:mr-1 rtl:ml-1">Warning!</strong>Lorem Ipsum
+                            is simply dummy text of the printing.</span>
+                        <button type="button" class="ltr:ml-auto rtl:mr-auto hover:opacity-80">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code5')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- primary --&gt;
+    &lt;div class=&quot;relative flex items-center border p-3.5 rounded before:absolute before:top-1/2 ltr:before:left-0 rtl:before:right-0 rtl:before:rotate-180 before:-mt-2 before:border-l-8 before:border-t-8 before:border-b-8 before:border-t-transparent before:border-b-transparent before:border-l-inherit text-primary bg-primary-light !border-primary ltr:border-l-[64px] rtl:border-r-[64px] dark:bg-primary-dark-light&quot;&gt;
+        &lt;span class=&quot;absolute ltr:-left-11 rtl:-right-11 inset-y-0 text-white w-6 h-6 m-auto&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/span&gt;
+        &lt;span class=&quot;ltr:pr-2 rtl:pl-2&quot;&gt;&lt;strong class=&quot;ltr:mr-1 rtl:ml-1&quot;&gt;Warning!&lt;/strong&gt;Lorem Ipsum is simply dummy text of the printing.&lt;/span&gt;
+        &lt;button type=&quot;button&quot; class=&quot;ltr:ml-auto rtl:mr-auto hover:opacity-80&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- danger --&gt;
+    &lt;div class=&quot;relative flex items-center border p-3.5 rounded before:inline-block before:absolute before:top-1/2 ltr:before:right-0 rtl:before:left-0 rtl:before:rotate-180 before:-mt-2 before:border-r-8 before:border-t-8 before:border-b-8 before:border-t-transparent before:border-b-transparent before:border-r-inherit text-danger bg-danger-light border-danger ltr:border-r-[64px] rtl:border-l-[64px] dark:bg-danger-dark-light&quot;&gt;
+        &lt;span class=&quot;absolute ltr:-right-11 rtl:-left-11 inset-y-0 text-white w-6 h-6 m-auto&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/span&gt;
+        &lt;span class=&quot;ltr:pr-2 rtl:pl-2&quot;&gt;&lt;strong class=&quot;ltr:mr-1 rtl:ml-1&quot;&gt;Warning!&lt;/strong&gt;Lorem Ipsum is simply dummy text of the printing.&lt;/span&gt;
+        &lt;button type=&quot;button&quot; class=&quot;ltr:ml-auto rtl:mr-auto hover:opacity-80&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- Custom alert -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Custom Alerts</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code6')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-5 mb-5">
+                    <div class="flex items-center p-3.5 rounded text-white bg-info">
+                        <span class="text-white w-6 h-6 ltr:mr-4 rtl:ml-4">
+
+                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                <path
+                                    d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                                    stroke="currentColor" stroke-width="1.5"></path>
+                                <path d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                <path d="M12 6V10" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round"></path>
+                            </svg>
+                        </span>
+                        <span><strong class="ltr:mr-1 rtl:ml-1">Warning!</strong>Lorem Ipsum is simply dummy text of
+                            the printing.</span>
+                        <button type="button"
+                            class="btn btn-sm bg-white text-black ltr:ml-auto rtl:mr-auto">Accept</button>
+                        <button type="button" class="ltr:ml-4 rtl:mr-4">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                    </div>
+
+                    <div class="flex items-center p-3.5 rounded text-white"
+                        style="background: rgb(188,26,78);background: linear-gradient(135deg, rgba(188,26,78,1) 0%, rgba(0,79,230,1) 100%);">
+                        <span class="ltr:pr-2 rtl:pl-2"><strong class="ltr:mr-1 rtl:ml-1">Warning!</strong>Lorem Ipsum
+                            is simply dummy text of the printing.</span>
+                        <button type="button" class="ltr:ml-auto rtl:mr-auto hover:opacity-80">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                    </div>
+
+                    <div
+                        class="flex items-center p-3.5 rounded text-white bg-[url('/assets/images/menu-heade.jpg')] bg-no-repeat bg-center bg-cover">
+                        <span class="ltr:pr-2 rtl:pl-2"><strong class="ltr:mr-1 rtl:ml-1">Warning!</strong>Lorem Ipsum
+                            is simply dummy text of the printing.</span>
+                        <button type="button" class="ltr:ml-auto rtl:mr-auto hover:opacity-80">
+
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                <line x1="18" y1="6" x2="6" y2="18"></line>
+                                <line x1="6" y1="6" x2="18" y2="18"></line>
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code6')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- info --&gt;
+    &lt;div class=&quot;flex items-center p-3.5 rounded text-white bg-info&quot;&gt;
+        &lt;span class=&quot;text-white w-6 h-6 ltr:mr-4 rtl:ml-4&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/span&gt;
+        &lt;span&gt;&lt;strong class=&quot;ltr:mr-1 rtl:ml-1&quot;&gt;Warning!&lt;/strong&gt;Lorem Ipsum is simply dummy text of the printing.&lt;/span&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-sm bg-white text-black ltr:ml-auto rtl:mr-auto&quot;&gt;Accept&lt;/button&gt;
+        &lt;button type=&quot;button&quot; class=&quot;ltr:ml-4 rtl:mr-4&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- gradient --&gt;
+    &lt;div class=&quot;flex items-center p-3.5 rounded text-white&quot; style=&quot;background: rgb(188,26,78);background: linear-gradient(135deg, rgba(188,26,78,1) 0%, rgba(0,79,230,1) 100%);&quot;&gt;
+        &lt;span class=&quot;ltr:pr-2 rtl:pl-2&quot;&gt;&lt;strong class=&quot;ltr:mr-1 rtl:ml-1&quot;&gt;Warning!&lt;/strong&gt;Lorem Ipsum is simply dummy text of the printing.&lt;/span&gt;
+        &lt;button type=&quot;button&quot; class=&quot;ltr:ml-auto rtl:mr-auto hover:opacity-80&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- image --&gt;
+    &lt;div class=&quot;flex items-center p-3.5 rounded text-white bg-[url('/assets/images/menu-heade.jpg')] bg-no-repeat bg-center bg-cover&quot;&gt;
+        &lt;span class=&quot;ltr:pr-2 rtl:pl-2&quot;&gt;&lt;strong class=&quot;ltr:mr-1 rtl:ml-1&quot;&gt;Warning!&lt;/strong&gt;Lorem Ipsum is simply dummy text of the printing.&lt;/span&gt;
+        &lt;button type=&quot;button&quot; class=&quot;ltr:ml-auto rtl:mr-auto hover:opacity-80&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+        </div>
+    </div>
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/elements/avatar.blade.php b/resources/views/elements/avatar.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..514e8201fb7275e0d129effa4117de8eb7713c9e
--- /dev/null
+++ b/resources/views/elements/avatar.blade.php
@@ -0,0 +1,458 @@
+<x-layout.default>
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Avatar</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 lg:grid-cols-2 gap-6" x-data="form">
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex items-center justify-center gap-2 flex-wrap">
+                        <img class="w-20 h-20 rounded-full overflow-hidden object-cover"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <img class="w-16 h-16 rounded-full overflow-hidden object-cover"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <img class="w-14 h-14 rounded-full overflow-hidden object-cover"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <img class="w-12 h-12 rounded-full overflow-hidden object-cover"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;img class=&quot;w-20 h-20 rounded-full overflow-hidden object-cover&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+
+    &lt;img class=&quot;w-16 h-16 rounded-full overflow-hidden object-cover&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+
+    &lt;img class=&quot;w-14 h-14 rounded-full overflow-hidden object-cover&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+
+    &lt;img class=&quot;w-12 h-12 rounded-full overflow-hidden object-cover&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Indicators</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex items-center justify-center gap-2 flex-wrap">
+                        <span class="w-20 h-20 relative">
+                            <img class="w-20 h-20 rounded-full overflow-hidden object-cover"
+                                src="/assets/images/profile-12.jpeg" alt="image" />
+                            <span
+                                class="absolute ltr:right-0 rtl:left-0 bottom-0 w-7 h-7 rounded-full ring-2 ring-white dark:ring-white-dark bg-danger"></span>
+                        </span>
+                        <span class="w-16 h-16 relative">
+                            <img class="w-16 h-16 rounded-full overflow-hidden object-cover"
+                                src="/assets/images/profile-12.jpeg" alt="image" />
+                            <span
+                                class="absolute ltr:right-0 rtl:left-0 bottom-0 w-6 h-6 rounded-full ring-2 ring-white dark:ring-white-dark bg-success"></span>
+                        </span>
+                        <span class="w-14 h-14 relative">
+                            <img class="w-14 h-14 rounded-full overflow-hidden object-cover"
+                                src="/assets/images/profile-12.jpeg" alt="image" />
+                            <span
+                                class="absolute ltr:right-0 rtl:left-0 bottom-0 w-5 h-5 rounded-full ring-2 ring-white dark:ring-white-dark bg-secondary"></span>
+                        </span>
+                        <span class="w-12 h-12 relative">
+                            <img class="w-12 h-12 rounded-full overflow-hidden object-cover"
+                                src="/assets/images/profile-12.jpeg" alt="image" />
+                            <span
+                                class="absolute ltr:right-0 rtl:left-0 bottom-0 w-4 h-4 rounded-full ring-2 ring-white dark:ring-white-dark bg-info"></span>
+                        </span>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- danger --&gt;
+    &lt;span class=&quot;w-20 h-20 relative&quot;&gt;
+        &lt;img class=&quot;w-20 h-20 rounded-full overflow-hidden object-cover&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+        &lt;span class=&quot;absolute ltr:right-0 rtl:left-0 bottom-0 w-7 h-7 rounded-full ring-2 ring-white dark:ring-white-dark bg-danger&quot;&gt;&lt;/span&gt;
+    &lt;/span&gt;
+
+    &lt;!-- success --&gt;
+    &lt;span class=&quot;w-16 h-16 relative&quot;&gt;
+        &lt;img class=&quot;w-16 h-16 rounded-full overflow-hidden object-cover&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+        &lt;span class=&quot;absolute ltr:right-0 rtl:left-0 bottom-0 w-6 h-6 rounded-full ring-2 ring-white dark:ring-white-dark bg-success&quot;&gt;&lt;/span&gt;
+    &lt;/span&gt;
+
+    &lt;!-- secondary --&gt;
+    &lt;span class=&quot;w-14 h-14 relative&quot;&gt;
+        &lt;img class=&quot;w-14 h-14 rounded-full overflow-hidden object-cover&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+        &lt;span class=&quot;absolute ltr:right-0 rtl:left-0 bottom-0 w-5 h-5 rounded-full ring-2 ring-white dark:ring-white-dark bg-secondary&quot;&gt;&lt;/span&gt;
+    &lt;/span&gt;
+
+    &lt;!-- info --&gt;
+    &lt;span class=&quot;w-12 h-12 relative&quot;&gt;
+        &lt;img class=&quot;w-12 h-12 rounded-full overflow-hidden object-cover&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+        &lt;span class=&quot;absolute ltr:right-0 rtl:left-0 bottom-0 w-4 h-4 rounded-full ring-2 ring-white dark:ring-white-dark bg-info&quot;&gt;&lt;/span&gt;
+    &lt;/span&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Shapes</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex items-center justify-center gap-2 flex-wrap">
+                        <img class="w-20 h-20 rounded-md overflow-hidden object-cover"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <img class="w-16 h-16 rounded-full overflow-hidden object-cover"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <img class="w-14 h-14 rounded-md overflow-hidden object-cover"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <img class="w-10 h-10 overflow-hidden object-cover"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- squre rounded large --&gt;
+    &lt;img class=&quot;w-20 h-20 rounded-md overflow-hidden object-cover&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+
+    &lt;!-- circle --&gt;
+    &lt;img class=&quot;w-16 h-16 rounded-full overflow-hidden object-cover&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+
+    &lt;!-- squre rounded small --&gt;
+    &lt;img class=&quot;w-14 h-14 rounded-md overflow-hidden object-cover&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+
+    &lt;!-- squre --&gt;
+    &lt;img class=&quot;w-10 h-10 overflow-hidden object-cover&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+
+                    </template>
+                </div>
+
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Initials</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600" href="javascript:;" @click="toggleCode('code4')"><span class="flex items-center">
+
+                             <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                      <path
+                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                        stroke="currentColor"
+                        stroke-width="1.5"
+                        stroke-linecap="round"
+                      />
+                      <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                      <path
+                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                        stroke="currentColor"
+                        stroke-width="1.5"
+                        stroke-linecap="round"
+                      />
+                    </svg>
+                             Code</span></a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center gap-2 text-white flex-wrap">
+                            <span class="flex justify-center items-center w-20 h-20 text-center rounded-full object-cover bg-success text-2xl">AG</span>
+                            <span class="flex justify-center items-center w-16 h-16 text-center rounded-full object-cover bg-primary text-xl">AG</span>
+                            <span class="flex justify-center items-center w-14 h-14 text-center rounded-full object-cover bg-info text-lg">AG</span>
+                            <span class="flex justify-center items-center w-10 h-10 text-center rounded-full object-cover bg-danger text-base">AG</span>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code4')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- success --&gt;
+    &lt;span class=&quot;flex justify-center items-center w-20 h-20 text-center rounded-full object-cover bg-success text-2xl&quot;&gt;AG&lt;/span&gt;
+
+    &lt;!-- primary --&gt;
+    &lt;span class=&quot;flex justify-center items-center w-16 h-16 text-center rounded-full object-cover bg-primary text-xl&quot;&gt;AG&lt;/span&gt;
+
+    &lt;!-- info --&gt;
+    &lt;span class=&quot;flex justify-center items-center w-14 h-14 text-center rounded-full object-cover bg-info text-lg&quot;&gt;AG&lt;/span&gt;
+
+    &lt;!-- danger --&gt;
+    &lt;span class=&quot;flex justify-center items-center w-10 h-10 text-center rounded-full object-cover bg-danger text-base&quot;&gt;AG&lt;/span&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Group</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code5')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="flex items-center justify-around mb-5 gap-10 flex-wrap">
+                    <div class="flex items-center justify-center -space-x-4 rtl:space-x-reverse text-white">
+                        <img class="w-16 h-16 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-white-dark"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <img class="w-16 h-16 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-white-dark"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <img class="w-16 h-16 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-white-dark"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <span
+                            class="flex justify-center items-center w-16 h-16 text-center rounded-full object-cover bg-info text-xl ring-2 ring-white dark:ring-white-dark">AG</span>
+                    </div>
+                    <div class="flex items-center justify-center -space-x-4 rtl:space-x-reverse text-white">
+                        <img class="w-12 h-12 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-white-dark"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <img class="w-12 h-12 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-white-dark"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <img class="w-12 h-12 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-white-dark"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <span
+                            class="flex justify-center items-center w-12 h-12 text-center rounded-full object-cover bg-info text-base ring-2 ring-white dark:ring-white-dark">AG</span>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code5')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- large --&gt;
+    &lt;div class=&quot;flex items-center justify-center -space-x-4 rtl:space-x-reverse text-white&quot;&gt;
+        &lt;img class=&quot;w-16 h-16 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-white-dark&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+        &lt;img class=&quot;w-16 h-16 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-white-dark&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+        &lt;img class=&quot;w-16 h-16 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-white-dark&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+        &lt;span class=&quot;flex justify-center items-center w-16 h-16 text-center rounded-full object-cover bg-info text-xl ring-2 ring-white dark:ring-white-dark&quot;&gt;AG&lt;/span&gt;
+    &lt;/div&gt;
+
+    &lt;!-- small --&gt;
+    &lt;div class=&quot;flex items-center justify-center -space-x-4 rtl:space-x-reverse text-white&quot;&gt;
+        &lt;img class=&quot;w-12 h-12 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-white-dark&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+        &lt;img class=&quot;w-12 h-12 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-white-dark&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+        &lt;img class=&quot;w-12 h-12 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-white-dark&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+        &lt;span class=&quot;flex justify-center items-center w-12 h-12 text-center rounded-full object-cover bg-info text-base ring-2 ring-white dark:ring-white-dark&quot;&gt;AG&lt;/span&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Animate Y-axis</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code6')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex items-center justify-center -space-x-4 rtl:space-x-reverse text-white">
+                        <img class="w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark relative transition-all duration-300 hover:hover:translate-y-2"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <img class="w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark relative transition-all duration-300 hover:hover:translate-y-2"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <img class="w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark relative transition-all duration-300 hover:hover:translate-y-2"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <span
+                            class="flex justify-center items-center w-12 h-12 text-center rounded-full object-cover bg-info text-base ring-2 ring-white dark:ring-white-dark relative transition-all duration-300 hover:hover:translate-y-2">AG</span>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code6')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- animate y axis --&gt;
+    &lt;div class=&quot;flex items-center justify-center -space-x-4 rtl:space-x-reverse text-white&quot;&gt;
+        &lt;img class=&quot;w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark relative transition-all duration-300 hover:hover:translate-y-2&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+        &lt;img class=&quot;w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark relative transition-all duration-300 hover:hover:translate-y-2&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+        &lt;img class=&quot;w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark relative transition-all duration-300 hover:hover:translate-y-2&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+        &lt;span class=&quot;flex justify-center items-center w-12 h-12 text-center rounded-full object-cover bg-info text-base ring-2 ring-white dark:ring-white-dark relative transition-all duration-300 hover:hover:translate-y-2&quot;&gt;AG&lt;/span&gt;
+    &lt;/div&gt;
+        </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Animate X-axis</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code7')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex items-center justify-center -space-x-4 rtl:space-x-reverse text-white">
+                        <img class="w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark relative transition-all duration-300 hover:translate-x-2"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <img class="w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark relative transition-all duration-300 hover:translate-x-2"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <img class="w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark relative transition-all duration-300 hover:translate-x-2"
+                            src="/assets/images/profile-12.jpeg" alt="image" />
+                        <span
+                            class="flex justify-center items-center w-12 h-12 text-center rounded-full object-cover bg-info text-base ring-2 ring-white dark:ring-white-dark relative transition-all duration-300 hover:translate-x-2">AG</span>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code7')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- animate x axis --&gt;
+    &lt;div class=&quot;flex items-center justify-center -space-x-4 rtl:space-x-reverse text-white&quot;&gt;
+        &lt;img class=&quot;w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark relative transition-all duration-300 hover:translate-x-2&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+        &lt;img class=&quot;w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark relative transition-all duration-300 hover:translate-x-2&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+        &lt;img class=&quot;w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark relative transition-all duration-300 hover:translate-x-2&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;
+        &lt;span class=&quot;flex justify-center items-center w-12 h-12 text-center rounded-full object-cover bg-info text-base ring-2 ring-white dark:ring-white-dark relative transition-all duration-300 hover:translate-x-2&quot;&gt;AG&lt;/span&gt;
+    &lt;/div&gt;
+        </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Tooltip</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code8')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex items-center justify-center -space-x-4 rtl:space-x-reverse text-white">
+                        <span x-tooltip="Judy Holmes"><img
+                                class="w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark"
+                                src="/assets/images/profile-12.jpeg" alt="image" /></span>
+                        <span x-tooltip="Judy Holmes"><img
+                                class="w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark"
+                                src="/assets/images/profile-12.jpeg" alt="image" /></span>
+                        <span x-tooltip="Judy Holmes"><img
+                                class="w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark"
+                                src="/assets/images/profile-12.jpeg" alt="image" /></span>
+                        <span x-tooltip="Alan Green"><span
+                                class="flex justify-center items-center w-12 h-12 text-center rounded-full object-cover bg-info text-base ring-2 ring-white dark:ring-white-dark">AG</span></span>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code8')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- tooltip --&gt;
+    &lt;div class=&quot;flex items-center justify-center -space-x-4 rtl:space-x-reverse text-white&quot;&gt;
+        &lt;span x-tooltip=&quot;Judy Holmes&quot;&gt;&lt;img class=&quot;w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;&lt;/span&gt;
+        &lt;span x-tooltip=&quot;Judy Holmes&quot;&gt;&lt;img class=&quot;w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;&lt;/span&gt;
+        &lt;span x-tooltip=&quot;Judy Holmes&quot;&gt;&lt;img class=&quot;w-12 h-12 rounded-full object-cover ring-2 ring-white dark:ring-white-dark&quot; src=&quot; /assets/images/profile-12.jpeg &quot; alt=&quot;image&quot; /&gt;&lt;/span&gt;
+        &lt;span x-tooltip=&quot;Alan Green&quot;&gt;&lt;span class=&quot;flex justify-center items-center w-12 h-12 text-center rounded-full object-cover bg-info text-base ring-2 ring-white dark:ring-white-dark&quot;&gt;AG&lt;/span&gt;&lt;/span&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/elements/badges.blade.php b/resources/views/elements/badges.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..5e9be8b1a6cdef77af7bce2689d5cefff0eafaab
--- /dev/null
+++ b/resources/views/elements/badges.blade.php
@@ -0,0 +1,383 @@
+<x-layout.default>
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Badges</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 lg:grid-cols-2 gap-6" x-data="form">
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-wrap items-center justify-center gap-3">
+                        <span class="badge bg-primary">Primary</span>
+                        <span class="badge bg-secondary">Secondary</span>
+                        <span class="badge bg-success">Success</span>
+                        <span class="badge bg-danger">Danger</span>
+                        <span class="badge bg-warning">Warning</span>
+                        <span class="badge bg-info">Info</span>
+                        <span class="badge bg-dark">Dark</span>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- primary --&gt;
+    &lt;span class=&quot;badge bg-primary&quot;&gt;Primary&lt;/span&gt;
+
+    &lt;!-- secondary --&gt;
+    &lt;span class=&quot;badge bg-secondary&quot;&gt;Secondary&lt;/span&gt;
+
+    &lt;!-- success --&gt;
+    &lt;span class=&quot;badge bg-success&quot;&gt;Success&lt;/span&gt;
+
+    &lt;!-- danger --&gt;
+    &lt;span class=&quot;badge bg-danger&quot;&gt;Danger&lt;/span&gt;
+
+    &lt;!-- warning --&gt;
+    &lt;span class=&quot;badge bg-warning&quot;&gt;Warning&lt;/span&gt;
+
+    &lt;!-- info --&gt;
+    &lt;span class=&quot;badge bg-info&quot;&gt;Info&lt;/span&gt;
+
+    &lt;!-- dark --&gt;
+    &lt;span class=&quot;badge bg-dark&quot;&gt;Dark&lt;/span&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Outline</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-wrap items-center justify-center gap-3">
+                        <span class="badge badge-outline-primary">Primary</span>
+                        <span class="badge badge-outline-secondary">Secondary</span>
+                        <span class="badge badge-outline-success">Success</span>
+                        <span class="badge badge-outline-danger">Danger</span>
+                        <span class="badge badge-outline-warning">Warning</span>
+                        <span class="badge badge-outline-info">Info</span>
+                        <span class="badge badge-outline-dark">Dark</span>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- primary outline --&gt;
+    &lt;span class=&quot;badge badge-outline-primary&quot;&gt;Primary&lt;/span&gt;
+
+    &lt;!-- secondary outline --&gt;
+    &lt;span class=&quot;badge badge-outline-secondary&quot;&gt;Secondary&lt;/span&gt;
+
+    &lt;!-- success outline --&gt;
+    &lt;span class=&quot;badge badge-outline-success&quot;&gt;Success&lt;/span&gt;
+
+    &lt;!-- danger outline --&gt;
+    &lt;span class=&quot;badge badge-outline-danger&quot;&gt;Danger&lt;/span&gt;
+
+    &lt;!-- warning outline --&gt;
+    &lt;span class=&quot;badge badge-outline-warning&quot;&gt;Warning&lt;/span&gt;
+
+    &lt;!-- info outline --&gt;
+    &lt;span class=&quot;badge badge-outline-info&quot;&gt;Info&lt;/span&gt;
+
+    &lt;!-- dark outline --&gt;
+    &lt;span class=&quot;badge badge-outline-dark&quot;&gt;Dark&lt;/span&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Pills</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex w-full">
+                        <div class="flex items-center justify-center w-1/2">
+                            <span class="badge bg-primary rounded-full">Primary</span>
+                        </div>
+                        <div class="flex items-center justify-center w-1/2">
+                            <span class="badge badge-outline-primary rounded-full">Primary</span>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- pills --&gt;
+    &lt;span class=&quot;badge bg-primary rounded-full&quot;&gt;Primary&lt;/span&gt;
+
+    &lt;!-- pills outline --&gt;
+    &lt;span class=&quot;badge badge-outline-primary rounded-full&quot;&gt;Primary&lt;/span&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Classic</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code4')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex w-full">
+                        <div class="flex items-center justify-center w-1/2">
+                            <span class="badge bg-primary rounded-none">Primary</span>
+                        </div>
+                        <div class="flex items-center justify-center w-1/2">
+                            <span class="badge badge-outline-primary rounded-none">Primary</span>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code4')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- badge --&gt;
+    &lt;span class=&quot;badge bg-primary rounded-none&quot;&gt;Primary&lt;/span&gt;
+
+    &lt;!-- badge outline --&gt;
+    &lt;span class=&quot;badge badge-outline-primary rounded-none&quot;&gt;Primary&lt;/span&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Badges with Heading</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code5')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5 dark:text-white-dark">
+                    <p class="mb-5">Badges scale to match the size of the immediate parent element by using relative
+                        font sizing and em units.</p>
+                    <div class="space-y-2 prose dark:prose-headings:text-white-dark">
+                        <h1>Example heading <span class="badge bg-primary">Primary</span></h1>
+                        <h2>Example heading <span class="badge bg-success">Success</span></h2>
+                        <h3>Example heading <span class="badge bg-info">Info</span></h3>
+                        <h4>Example heading <span class="badge bg-warning">Warning</span></h4>
+                        <h5>Example heading <span class="badge bg-danger">Danger</span></h5>
+                        <h6>Example heading <span class="badge bg-dark">Dark</span></h6>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code5')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- Badges with Heading --&gt;
+    &lt;h1&gt;Example heading &lt;span class=&quot;badge bg-primary&quot;&gt;Primary&lt;/span&gt;&lt;/h1&gt;
+
+    &lt;h2&gt;Example heading &lt;span class=&quot;badge bg-success&quot;&gt;Success&lt;/span&gt;&lt;/h2&gt;
+
+    &lt;h3&gt;Example heading &lt;span class=&quot;badge bg-info&quot;&gt;Info&lt;/span&gt;&lt;/h3&gt;
+
+    &lt;h4&gt;Example heading &lt;span class=&quot;badge bg-warning&quot;&gt;Warning&lt;/span&gt;&lt;/h4&gt;
+
+    &lt;h5&gt;Example heading &lt;span class=&quot;badge bg-danger&quot;&gt;Danger&lt;/span&gt;&lt;/h5&gt;
+
+    &lt;h6&gt;Example heading &lt;span class=&quot;badge bg-dark&quot;&gt;Dark&lt;/span&gt;&lt;/h6&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Custom Badges</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code6')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-wrap items-center justify-center gap-3">
+                        <button type="button" class="btn btn-primary my-4">
+                            <span class="flex items-center">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round"
+                                    class="w-4.5 h-4.5 ltr:mr-1 rtl:ml-1 shrink-0">
+                                    <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path>
+                                </svg>
+                                Facebook</span>
+                            <span
+                                class="badge absolute ltr:right-0 rtl:left-0 -top-3 bg-danger p-0.5 px-1.5 rounded-full">9</span>
+                        </button>
+                        <button type="button" class="btn btn-info my-4"><span>Twitter</span><span
+                                class="badge absolute ltr:right-0 rtl:left-0 -top-3 bg-danger p-0.5 px-1.5 rounded-full">4</span></button>
+                        <button type="button" class="btn btn-secondary px-5 my-4">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                <circle cx="12" cy="12" r="3" stroke="currentColor"
+                                    stroke-width="1.5"></circle>
+                                <path opacity="0.5"
+                                    d="M13.7654 2.15224C13.3978 2 12.9319 2 12 2C11.0681 2 10.6022 2 10.2346 2.15224C9.74457 2.35523 9.35522 2.74458 9.15223 3.23463C9.05957 3.45834 9.0233 3.7185 9.00911 4.09799C8.98826 4.65568 8.70226 5.17189 8.21894 5.45093C7.73564 5.72996 7.14559 5.71954 6.65219 5.45876C6.31645 5.2813 6.07301 5.18262 5.83294 5.15102C5.30704 5.08178 4.77518 5.22429 4.35436 5.5472C4.03874 5.78938 3.80577 6.1929 3.33983 6.99993C2.87389 7.80697 2.64092 8.21048 2.58899 8.60491C2.51976 9.1308 2.66227 9.66266 2.98518 10.0835C3.13256 10.2756 3.3397 10.437 3.66119 10.639C4.1338 10.936 4.43789 11.4419 4.43786 12C4.43783 12.5581 4.13375 13.0639 3.66118 13.3608C3.33965 13.5629 3.13248 13.7244 2.98508 13.9165C2.66217 14.3373 2.51966 14.8691 2.5889 15.395C2.64082 15.7894 2.87379 16.193 3.33973 17C3.80568 17.807 4.03865 18.2106 4.35426 18.4527C4.77508 18.7756 5.30694 18.9181 5.83284 18.8489C6.07289 18.8173 6.31632 18.7186 6.65204 18.5412C7.14547 18.2804 7.73556 18.27 8.2189 18.549C8.70224 18.8281 8.98826 19.3443 9.00911 19.9021C9.02331 20.2815 9.05957 20.5417 9.15223 20.7654C9.35522 21.2554 9.74457 21.6448 10.2346 21.8478C10.6022 22 11.0681 22 12 22C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8477 20.7654C14.9404 20.5417 14.9767 20.2815 14.9909 19.902C15.0117 19.3443 15.2977 18.8281 15.781 18.549C16.2643 18.2699 16.8544 18.2804 17.3479 18.5412C17.6836 18.7186 17.927 18.8172 18.167 18.8488C18.6929 18.9181 19.2248 18.7756 19.6456 18.4527C19.9612 18.2105 20.1942 17.807 20.6601 16.9999C21.1261 16.1929 21.3591 15.7894 21.411 15.395C21.4802 14.8691 21.3377 14.3372 21.0148 13.9164C20.8674 13.7243 20.6602 13.5628 20.3387 13.3608C19.8662 13.0639 19.5621 12.558 19.5621 11.9999C19.5621 11.4418 19.8662 10.9361 20.3387 10.6392C20.6603 10.4371 20.8675 10.2757 21.0149 10.0835C21.3378 9.66273 21.4803 9.13087 21.4111 8.60497C21.3592 8.21055 21.1262 7.80703 20.6602 7C20.1943 6.19297 19.9613 5.78945 19.6457 5.54727C19.2249 5.22436 18.693 5.08185 18.1671 5.15109C17.9271 5.18269 17.6837 5.28136 17.3479 5.4588C16.8545 5.71959 16.2644 5.73002 15.7811 5.45096C15.2977 5.17191 15.0117 4.65566 14.9909 4.09794C14.9767 3.71848 14.9404 3.45833 14.8477 3.23463C14.6448 2.74458 14.2554 2.35523 13.7654 2.15224Z"
+                                    stroke="currentColor" stroke-width="1.5"></path>
+                            </svg>
+                            <span
+                                class="badge absolute ltr:right-0 rtl:left-0 -top-3 bg-danger p-0.5 px-1.5 rounded-full">8</span>
+                        </button>
+                        <button type="button" class="btn btn-dark my-4">Notifications<span
+                                class="badge my-0 bg-white-light text-black ltr:ml-4 rtl:mr-4">4</span></button>
+                        <div class="flex flex-wrap items-center justify-center gap-3">
+                            <span
+                                class="badge bg-warning p-0 ltr:pr-4 rtl:pl-4 my-4 rounded-full flex items-center text-base"><img
+                                    src="/assets/images/profile-34.jpeg" alt="image"
+                                    class="w-10 h-10 rounded-full object-cover" /><span class="ltr:ml-2 rtl:mr-2">John
+                                    Doe</span></span>
+                            <span
+                                class="badge bg-danger p-0 ltr:pr-4 rtl:pl-4 my-4 rounded-full flex items-center text-base"><img
+                                    src="/assets/images/profile-34.jpeg" alt="image"
+                                    class="w-10 h-10 rounded-full object-cover" /><span class="ltr:ml-2 rtl:mr-2">John
+                                    Doe</span><span
+                                    class="ltr:ml-4 rtl:mr-4 cursor-pointer hover:opacity-90">x</span></span>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code6')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- icon with text --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-primary my-4&quot;&gt;
+        &lt;span class=&quot;flex items-center&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt; Facebook
+        &lt;/span&gt;
+        &lt;span class=&quot;badge absolute ltr:right-0 rtl:left-0 -top-3 bg-danger p-0.5 px-1.5 rounded-full&quot;&gt;9&lt;/span&gt;
+    &lt;/button&gt;
+
+    &lt;!-- text --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-info my-4&quot;&gt;&lt;span&gt;Twitter&lt;/span&gt;&lt;span class=&quot;badge absolute ltr:right-0 rtl:left-0 -top-3 bg-danger p-0.5 px-1.5 rounded-full&quot;&gt;4&lt;/span&gt;&lt;/button&gt;
+
+    &lt;!-- icon --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary px-5 my-4&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;span class=&quot;badge absolute ltr:right-0 rtl:left-0 -top-3 bg-danger p-0.5 px-1.5 rounded-full&quot;&gt;8&lt;/span&gt;
+    &lt;/button&gt;
+
+    &lt;!-- square --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-dark my-4&quot;&gt;Notifications&lt;span class=&quot;badge my-0 bg-white-light text-black ltr:ml-4 rtl:mr-4&quot;&gt;4&lt;/span&gt;&lt;/button&gt;
+
+    &lt;!-- rounded --&gt;
+&lt;span class=&quot;badge bg-warning p-0 ltr:pr-4 rtl:pl-4 my-4 rounded-full flex items-center text-base&quot;&gt;&lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-10 h-10 rounded-full object-cover&quot; /&gt;&lt;span class=&quot;ltr:ml-2 rtl:mr-2&quot;&gt;John Doe&lt;/span&gt;&lt;/span&gt;
+
+    &lt;!-- rounded with icon <button></button> --&gt;
+&lt;span class=&quot;badge bg-danger p-0 ltr:pr-4 rtl:pl-4 my-4 rounded-full flex items-center text-base&quot;&gt;&lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-10 h-10 rounded-full object-cover&quot; /&gt;&lt;span class=&quot;ltr:ml-2 rtl:mr-2&quot;&gt;John Doe&lt;/span&gt;&lt;span class=&quot;ltr:ml-4 rtl:mr-4 cursor-pointer hover:opacity-90&quot;&gt;x&lt;/span&gt;&lt;/span&gt;
+    </pre>
+                </template>
+            </div>
+
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/elements/breadcrumbs.blade.php b/resources/views/elements/breadcrumbs.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..2eaf2ff497b47547e13d1ebcc31b57d3c83c4f65
--- /dev/null
+++ b/resources/views/elements/breadcrumbs.blade.php
@@ -0,0 +1,352 @@
+<x-layout.default>
+
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Breadcrumbs</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 lg:grid-cols-2 gap-6" x-data="form">
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Default</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <ol class="flex text-gray-500 font-semibold dark:text-white-dark">
+                        <li><a href="javascript:;" class="hover:text-gray-500/70 dark:hover:text-white-dark/70">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-4 h-4">
+                                    <path opacity="0.5"
+                                        d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                </svg>
+                            </a></li>
+                        <li class="before:content-['/'] before:px-1.5"><a href="javascript:;">Components</a></li>
+                        <li class="before:content-['/'] before:px-1.5"><a href="javascript:;"
+                                class="text-black dark:text-white-light hover:text-black/70 dark:hover:text-white-light/70">UI
+                                Kit</a></li>
+                    </ol>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;ol class=&quot;flex text-gray-500 font-semibold dark:text-white-dark&quot;&gt;
+        &lt;li&gt;
+            &lt;a href=&quot;javascript:;&quot; class=&quot;hover:text-gray-500/70 dark:hover:text-white-dark/70&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/a&gt;
+        &lt;/li&gt;
+        &lt;li class=&quot;before:content-['/'] before:px-1.5&quot;&gt;&lt;a href=&quot;javascript:;&quot;&gt;Components&lt;/a&gt;&lt;/li&gt;
+        &lt;li class=&quot;before:content-['/'] before:px-1.5&quot;&gt;&lt;a href=&quot;javascript:;&quot; class=&quot;text-black dark:text-white-light hover:text-black/70 dark:hover:text-white-light/70&quot;&gt;UI Kit&lt;/a&gt;&lt;/li&gt;
+    &lt;/ol&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <ol class="flex text-gray-500 font-semibold dark:text-white-dark">
+                        <li><a href="javascript:;">Components</a></li>
+                        <li class="before:content-['/'] before:px-1.5"><a href="javascript:;"
+                                class="text-black dark:text-white-light hover:text-black/70 dark:hover:text-white-light/70">UI
+                                Kit</a></li>
+                    </ol>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;ol class=&quot;flex text-gray-500 font-semibold dark:text-white-dark&quot;&gt;
+        &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Components&lt;/a&gt;&lt;/li&gt;
+        &lt;li class=&quot;before:content-['/'] before:px-1.5&quot;&gt;&lt;a href=&quot;javascript:;&quot; class=&quot;text-black dark:text-white-light hover:text-black/70 dark:hover:text-white-light/70&quot;&gt;UI Kit&lt;/a&gt;&lt;/li&gt;
+    &lt;/ol&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Arrowed</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <ol class="flex text-primary font-semibold dark:text-white-dark">
+                        <li class="bg-[#ebedf2] ltr:rounded-l-md rtl:rounded-r-md dark:bg-[#1b2e4b]"><a
+                                href="javascript:;"
+                                class="p-1.5 ltr:pl-3 rtl:pr-3 ltr:pr-2 rtl:pl-2 relative  h-full flex items-center before:absolute ltr:before:-right-[15px] rtl:before:-left-[15px] rtl:before:rotate-180 before:inset-y-0 before:m-auto before:w-0 before:h-0 before:border-[16px] before:border-l-[15px] before:border-r-0 before:border-t-transparent before:border-b-transparent before:border-l-[#ebedf2] before:z-[1] dark:before:border-l-[#1b2e4b] hover:text-primary/70 dark:hover:text-white-dark/70">Home</a>
+                        </li>
+                        <li class="bg-[#ebedf2] dark:bg-[#1b2e4b]"><a
+                                class="bg-primary text-white-light p-1.5 ltr:pl-6 rtl:pr-6 ltr:pr-2 rtl:pl-2 relative  h-full flex items-center before:absolute ltr:before:-right-[15px] rtl:before:-left-[15px] rtl:before:rotate-180 before:inset-y-0 before:m-auto before:w-0 before:h-0 before:border-[16px] before:border-l-[15px] before:border-r-0 before:border-t-transparent before:border-b-transparent before:border-l-primary before:z-[1]">Components</a>
+                        </li>
+                        <li class="bg-[#ebedf2] dark:bg-[#1b2e4b]"><a href="javascript:;"
+                                class="p-1.5 px-3 ltr:pl-6 rtl:pr-6 relative  h-full flex items-center before:absolute ltr:before:-right-[15px] rtl:before:-left-[15px] rtl:before:rotate-180 before:inset-y-0 before:m-auto before:w-0 before:h-0 before:border-[16px] before:border-l-[15px] before:border-r-0 before:border-t-transparent before:border-b-transparent before:border-l-[#ebedf2] before:z-[1] dark:before:border-l-[#1b2e4b] hover:text-primary/70 dark:hover:text-white-dark/70">UI
+                                Kit</a></li>
+                    </ol>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- arrowed --&gt;
+    &lt;ol class=&quot;flex text-primary font-semibold dark:text-white-dark&quot;&gt;
+        &lt;li class=&quot;bg-[#ebedf2] rounded-tl-md rounded-bl-md dark:bg-[#1b2e4b]&quot;&gt;&lt;a href=&quot;javascript:;&quot; class=&quot;p-1.5 ltr:pl-3 rtl:pr-3 ltr:pr-2 rtl:pl-2 relative  h-full flex items-center before:absolute ltr:before:-right-[15px] rtl:before:-left-[15px] rtl:before:rotate-180 before:inset-y-0 before:m-auto before:w-0 before:h-0 before:border-[16px] before:border-l-[15px] before:border-r-0 before:border-t-transparent before:border-b-transparent before:border-l-[#ebedf2] before:z-[1] dark:before:border-l-[#1b2e4b] hover:text-primary/70 dark:hover:text-white-dark/70&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
+        &lt;li class=&quot;bg-[#ebedf2] dark:bg-[#1b2e4b]&quot;&gt;&lt;a class=&quot;bg-primary text-white-light p-1.5 ltr:pl-6 rtl:pr-6 ltr:pr-2 rtl:pl-2 relative  h-full flex items-center before:absolute ltr:before:-right-[15px] rtl:before:-left-[15px] rtl:before:rotate-180 before:inset-y-0 before:m-auto before:w-0 before:h-0 before:border-[16px] before:border-l-[15px] before:border-r-0 before:border-t-transparent before:border-b-transparent before:border-l-primary before:z-[1]&quot;&gt;Components&lt;/a&gt;&lt;/li&gt;
+        &lt;li class=&quot;bg-[#ebedf2] dark:bg-[#1b2e4b]&quot;&gt;&lt;a href=&quot;javascript:;&quot; class=&quot;p-1.5 px-3 ltr:pl-6 rtl:pr-6 relative  h-full flex items-center before:absolute ltr:before:-right-[15px] rtl:before:-left-[15px] rtl:before:rotate-180 before:inset-y-0 before:m-auto before:w-0 before:h-0 before:border-[16px] before:border-l-[15px] before:border-r-0 before:border-t-transparent before:border-b-transparent before:border-l-[#ebedf2] before:z-[1] dark:before:border-l-[#1b2e4b] hover:text-primary/70 dark:hover:text-white-dark/70&quot;&gt;UI Kit&lt;/a&gt;&lt;/li&gt;
+    &lt;/ol&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Dotted Seperators</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code4')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <ol class="flex text-gray-500 font-semibold dark:text-white-dark">
+                        <li><a href="javascript:;"
+                                class="hover:text-gray-500/70 dark:hover:text-white-dark/70">Home</a></li>
+                        <li
+                            class="before:w-1 before:h-1 before:rounded-full before:bg-primary before:inline-block before:relative before:-top-0.5 before:mx-4">
+                            <a href="javascript:;" class="text-primary">Components</a>
+                        </li>
+                        <li
+                            class="before:w-1 before:h-1 before:rounded-full before:bg-primary before:inline-block before:relative before:-top-0.5 before:mx-4">
+                            <a href="javascript:;" class="hover:text-gray-500/70 dark:hover:text-white-dark/70">UI
+                                Kit</a>
+                        </li>
+                    </ol>
+                </div>
+                <template x-if="codeArr.includes('code4')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- dotted seperators --&gt;
+    &lt;ol class=&quot;flex text-gray-500 font-semibold dark:text-white-dark&quot;&gt;
+        &lt;li&gt;&lt;a href=&quot;javascript:;&quot; class=&quot;hover:text-gray-500/70 dark:hover:text-white-dark/70&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
+        &lt;li class=&quot;before:w-1 before:h-1 before:rounded-full before:bg-primary before:inline-block before:relative before:-top-0.5 before:mx-4&quot;&gt;&lt;a href=&quot;javascript:;&quot; class=&quot;text-primary&quot;&gt;Components&lt;/a&gt;&lt;/li&gt;
+        &lt;li class=&quot;before:w-1 before:h-1 before:rounded-full before:bg-primary before:inline-block before:relative before:-top-0.5 before:mx-4&quot;&gt;&lt;a href=&quot;javascript:;&quot; class=&quot;hover:text-gray-500/70 dark:hover:text-white-dark/70&quot;&gt;UI Kit&lt;/a&gt;&lt;/li&gt;
+    &lt;/ol&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">With Icons</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code5')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <ol class="flex items-center flex-wrap text-gray-500 font-semibold dark:text-white-dark gap-y-4">
+                        <li>
+                            <a href="javascript:;"
+                                class="p-2.5 border border-gray-500/20 rounded-md shadow flex items-center justify-center dark:border-0 dark:bg-[#191e3a] hover:text-gray-500/70 dark:hover:text-white-dark/70">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                    <path opacity="0.5"
+                                        d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                </svg>
+                            </a>
+                        </li>
+                        <li
+                            class="flex items-center before:w-1 before:h-1 before:rounded-full before:bg-primary before:inline-block before:relative before:-top-0.5 before:mx-4">
+                            <a href="javascript:;"
+                                class="p-2.5 border border-gray-500/20 rounded-md shadow flex items-center justify-center text-primary dark:border-0 dark:bg-[#191e3a]">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                                    <path
+                                        d="M15.5777 3.38197L17.5777 4.43152C19.7294 5.56066 20.8052 6.12523 21.4026 7.13974C22 8.15425 22 9.41667 22 11.9415V12.0585C22 14.5833 22 15.8458 21.4026 16.8603C20.8052 17.8748 19.7294 18.4393 17.5777 19.5685L15.5777 20.618C13.8221 21.5393 12.9443 22 12 22C11.0557 22 10.1779 21.5393 8.42229 20.618L6.42229 19.5685C4.27063 18.4393 3.19479 17.8748 2.5974 16.8603C2 15.8458 2 14.5833 2 12.0585V11.9415C2 9.41667 2 8.15425 2.5974 7.13974C3.19479 6.12523 4.27063 5.56066 6.42229 4.43152L8.42229 3.38197C10.1779 2.46066 11.0557 2 12 2C12.9443 2 13.8221 2.46066 15.5777 3.38197Z"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M21 7.5L12 12M12 12L3 7.5M12 12V21.5"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Components
+                            </a>
+                        </li>
+                        <li
+                            class="flex items-center before:w-1 before:h-1 before:rounded-full before:bg-primary before:inline-block before:relative before:-top-0.5 before:mx-4">
+                            <a class="p-2.5 border border-gray-500/20 rounded-md shadow flex items-center justify-center dark:border-0 dark:bg-[#191e3a] hover:text-gray-500/70 dark:hover:text-white-dark/70"
+                                href="javascript:;">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path opacity="0.5"
+                                        d="M7 10C7 8.58579 7 7.87868 7.43934 7.43934C7.87868 7 8.58579 7 10 7H14C15.4142 7 16.1213 7 16.5607 7.43934C17 7.87868 17 8.58579 17 10V14C17 15.4142 17 16.1213 16.5607 16.5607C16.1213 17 15.4142 17 14 17H10C8.58579 17 7.87868 17 7.43934 16.5607C7 16.1213 7 15.4142 7 14V10Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path d="M12.4286 10L11 12H13L11.5714 14" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                    <path
+                                        d="M4 12C4 8.22876 4 6.34315 5.17157 5.17157C6.34315 4 8.22876 4 12 4C15.7712 4 17.6569 4 18.8284 5.17157C20 6.34315 20 8.22876 20 12C20 15.7712 20 17.6569 18.8284 18.8284C17.6569 20 15.7712 20 12 20C8.22876 20 6.34315 20 5.17157 18.8284C4 17.6569 4 15.7712 4 12Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5" d="M4 12H2" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M22 12H20" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M4 9H2" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M22 9H20" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M4 15H2" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M22 15H20" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M12 20L12 22" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M12 2L12 4" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M9 20L9 22" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M9 2L9 4" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M15 20L15 22" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M15 2L15 4" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                </svg>
+                                UI Kit
+                            </a>
+                        </li>
+                    </ol>
+                </div>
+                <template x-if="codeArr.includes('code5')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- with icons --&gt;
+    &lt;ol class=&quot;flex items-center flex-wrap text-gray-500 font-semibold dark:text-white-dark gap-y-4&quot;&gt;
+        &lt;li&gt;
+            &lt;a href=&quot;javascript:;&quot; class=&quot;p-2.5 border border-gray-500/20 rounded-md shadow flex items-center justify-center dark:border-0 dark:bg-[#191e3a] hover:text-gray-500/70 dark:hover:text-white-dark/70&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/a&gt;
+        &lt;/li&gt;
+        &lt;li class=&quot;flex items-center before:w-1 before:h-1 before:rounded-full before:bg-primary before:inline-block before:relative before:-top-0.5 before:mx-4&quot;&gt;
+            &lt;a href=&quot;javascript:;&quot; class=&quot;p-2.5 border border-gray-500/20 rounded-md shadow flex items-center justify-center text-primary dark:border-0 dark:bg-[#191e3a]&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+                Components
+            &lt;/a&gt;
+        &lt;/li&gt;
+        &lt;li class=&quot;flex items-center before:w-1 before:h-1 before:rounded-full before:bg-primary before:inline-block before:relative before:-top-0.5 before:mx-4&quot;&gt;
+            &lt;a class=&quot;p-2.5 border border-gray-500/20 rounded-md shadow flex items-center justify-center dark:border-0 dark:bg-[#191e3a] hover:text-gray-500/70 dark:hover:text-white-dark/70&quot; href=&quot;javascript:;&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+                UI Kit
+            &lt;/a&gt;
+        &lt;/li&gt;
+    &lt;/ol&gt;
+    </pre>
+                </template>
+            </div>
+
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/elements/buttons-group.blade.php b/resources/views/elements/buttons-group.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..0a594284cac2f72157adb6cf3867ddf490f48d2b
--- /dev/null
+++ b/resources/views/elements/buttons-group.blade.php
@@ -0,0 +1,256 @@
+<x-layout.default>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Button Group</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 lg:grid-cols-2 gap-6" x-data="form">
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Horizontal</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5 text-center">
+                    <div class="relative inline-flex align-middle">
+                        <button type="button" class="btn btn-dark ltr:rounded-r-none rtl:rounded-l-none">Left</button>
+                        <button type="button" class="btn btn-dark rounded-none">Middle</button>
+                        <button type="button" class="btn btn-dark ltr:rounded-l-none rtl:rounded-r-none">Right</button>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- horizontal --&gt;
+    &lt;div class=&quot;relative inline-flex align-middle&quot;&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-dark ltr:rounded-r-none rtl:rounded-l-none&quot;&gt;Left&lt;/button&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-dark rounded-none&quot;&gt;Middle&lt;/button&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-dark ltr:rounded-l-none rtl:rounded-r-none&quot;&gt;Right&lt;/button&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Input Group</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-wrap justify-center sm:justify-between items-center gap-4 w-full">
+                        <div>
+                            <div class="relative inline-flex align-middle">
+                                <button type="button"
+                                    class="btn btn-dark ltr:rounded-r-none rtl:rounded-l-none">1</button>
+                                <button type="button" class="btn btn-dark rounded-none">2</button>
+                                <button type="button" class="btn btn-dark rounded-none">3</button>
+                                <button type="button"
+                                    class="btn btn-dark ltr:rounded-l-none rtl:rounded-r-none">4</button>
+                            </div>
+                        </div>
+                        <div class="flex relative items-stretch flex-wrap">
+                            <div class="ltr:-mr-px rtl:-ml-px flex">
+                                <span
+                                    class="border border-[#e0e6ed] dark:border-[#17263c] ltr:rounded-l rtl:rounded-r bg-[#f1f2f3] flex items-center justify-center text-black px-4 py-1.5 dark:bg-[#1a1c2d] dark:text-white-dark">@</span>
+                            </div>
+                            <input type="text" placeholder="Input group example"
+                                class="flex-1 form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- button group --&gt;
+    &lt;div class=&quot;relative inline-flex align-middle&quot;&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-dark ltr:rounded-r-none rtl:rounded-l-none&quot;&gt;1&lt;/button&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-dark rounded-none&quot;&gt;2&lt;/button&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-dark rounded-none&quot;&gt;3&lt;/button&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-dark ltr:rounded-l-none rtl:rounded-r-none&quot;&gt;4&lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- input group --&gt;
+    &lt;div class=&quot;flex relative items-stretch flex-wrap&quot;&gt;
+    &lt;div class=&quot;ltr:-mr-px rtl:-ml-px flex&quot;&gt;
+        &lt;span class=&quot;border border-[#e0e6ed] dark:border-[#17263c] ltr:rounded-l rtl:rounded-r bg-[#f1f2f3] flex items-center justify-center text-black px-4 py-1.5 dark:bg-[#1a1c2d] dark:text-white-dark&quot;&gt;@&lt;/span&gt;
+    &lt;/div&gt;
+    &lt;input type=&quot;text&quot; placeholder=&quot;Input group example&quot; class=&quot;flex-1 form-input rounded-tl-none rounded-bl-none&quot; /&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Vertical</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5 text-center">
+                    <div class="relative inline-flex align-middle flex-col items-start justify-center">
+                        <button type="button" class="btn btn-dark rounded-b-none w-full">Button</button>
+                        <div class="relative">
+                            <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                <button type="button" class="btn dropdown-toggle btn-dark rounded-none"
+                                    @click="toggle">Dropdown
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        class="w-4 h-4 ltr:ml-2 rtl:mr-2 inline-block shrink-0">
+                                        <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                                <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                    class="ltr:right-0 rtl:left-0 whitespace-nowrap">
+                                    <li><a href="javascript:;" @click="toggle">Dropdown link</a></li>
+                                    <li><a href="javascript:;" @click="toggle">Dropdown link</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <button type=" button" class="btn btn-dark rounded-none w-full">Button</button>
+                        <button type="button" class="btn btn-dark rounded-none w-full">Button</button>
+                        <div class="relative">
+                            <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                <button type="button" class="btn dropdown-toggle btn-dark rounded-t-none"
+                                    @click="toggle">Dropdown
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        class="w-4 h-4 ltr:ml-2 rtl:mr-2 inline-block shrink-0">
+                                        <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                                <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                    class="ltr:right-0 rtl:left-0 bottom-full whitespace-nowrap">
+                                    <li><a href="javascript:;" @click="toggle">Dropdown link</a></li>
+                                    <li><a href="javascript:;" @click="toggle">Dropdown link</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- vertical --&gt;
+    &lt;div class=&quot;relative inline-flex align-middle flex-col items-start justify-center&quot;&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-dark rounded-b-none w-full&quot;&gt;Button&lt;/button&gt;
+        &lt;div class=&quot;relative&quot;&gt;
+            &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn dropdown-toggle btn-dark rounded-none&quot; @click=&quot;toggle&quot;&gt;
+                    Dropdown
+                    &lt;svg&gt; ... &lt;/svg&gt;
+                &lt;/button&gt;
+                &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0 whitespace-nowrap&quot;&gt;
+                    &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Dropdown link&lt;/a&gt;&lt;/li&gt;
+                    &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Dropdown link&lt;/a&gt;&lt;/li&gt;
+                &lt;/ul&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;button type=&quot; button&quot; class=&quot;btn btn-dark rounded-none w-full&quot;&gt;Button&lt;/button&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-dark rounded-none w-full&quot;&gt;Button&lt;/button&gt;
+        &lt;div class=&quot;relative&quot;&gt;
+            &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn dropdown-toggle btn-dark rounded-t-none&quot; @click=&quot;toggle&quot;&gt;
+                    Dropdown
+                    &lt;svg&gt; ... &lt;/svg&gt;
+                &lt;/button&gt;
+                &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0 bottom-full whitespace-nowrap&quot;&gt;
+                    &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Dropdown link&lt;/a&gt;&lt;/li&gt;
+                    &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Dropdown link&lt;/a&gt;&lt;/li&gt;
+                &lt;/ul&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;dropdown&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/elements/buttons.blade.php b/resources/views/elements/buttons.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..362801d05a8609fbbce8c3dd32024810608295db
--- /dev/null
+++ b/resources/views/elements/buttons.blade.php
@@ -0,0 +1,447 @@
+<x-layout.default>
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Buttons</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 lg:grid-cols-2 gap-6" x-data="form">
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Default</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex w-full">
+                        <div class="flex items-center justify-center w-1/2">
+                            <button type="button" class="btn btn-primary">Primary</button>
+                        </div>
+                        <div class="flex items-center justify-center w-1/2">
+                            <button type="button" class="btn btn-outline-primary">Primary</button>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot;&gt;Primary&lt;/button&gt;
+
+    &lt;!-- outline --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-primary&quot;&gt;Primary&lt;/button&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Rounded</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex w-full">
+                        <div class="flex items-center justify-center w-1/2">
+                            <button type="button" class="btn btn-primary rounded-full">Primary</button>
+                        </div>
+                        <div class="flex items-center justify-center w-1/2">
+                            <button type="button" class="btn btn-outline-primary rounded-full">Primary</button>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default circle--&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-primary rounded-full&quot;&gt;Primary&lt;/button&gt;
+
+    &lt;!-- outline circle --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-primary rounded-full&quot;&gt;Primary&lt;/button&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Solid</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-wrap items-center justify-center gap-2">
+                        <button type="button" class="btn btn-primary">Primary</button>
+                        <button type="button" class="btn btn-info">Info</button>
+                        <button type="button" class="btn btn-success">Success</button>
+                        <button type="button" class="btn btn-warning">Warning</button>
+                        <button type="button" class="btn btn-danger">Danger</button>
+                        <button type="button" class="btn btn-secondary">Secondary</button>
+                        <button type="button" class="btn btn-dark">Dark</button>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- primary --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot;&gt;Primary&lt;/button&gt;
+
+    &lt;!-- info --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-info&quot;&gt;Info&lt;/button&gt;
+
+    &lt;!-- success --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-success&quot;&gt;Success&lt;/button&gt;
+
+    &lt;!-- warning --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-warning&quot;&gt;Warning&lt;/button&gt;
+
+    &lt;!-- danger --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot;&gt;Danger&lt;/button&gt;
+
+    &lt;!-- secondary --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot;&gt;Secondary&lt;/button&gt;
+
+    &lt;!-- dark --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-dark&quot;&gt;Dark&lt;/button&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Outline</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code4')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-wrap items-center justify-center gap-2">
+                        <button type="button" class="btn btn-outline-primary">Primary</button>
+                        <button type="button" class="btn btn-outline-info">Info</button>
+                        <button type="button" class="btn btn-outline-success">Success</button>
+                        <button type="button" class="btn btn-outline-warning">Warning</button>
+                        <button type="button" class="btn btn-outline-danger">Danger</button>
+                        <button type="button" class="btn btn-outline-secondary">Secondary</button>
+                        <button type="button" class="btn btn-outline-dark">Dark</button>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code4')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- outline-primary --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-primary&quot;&gt;Primary&lt;/button&gt;
+
+    &lt;!-- outline-info --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-info&quot;&gt;Info&lt;/button&gt;
+
+    &lt;!-- outline-success --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-success&quot;&gt;Success&lt;/button&gt;
+
+    &lt;!-- outline-warning --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-warning&quot;&gt;Warning&lt;/button&gt;
+
+    &lt;!-- outline-danger --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot;&gt;Danger&lt;/button&gt;
+
+    &lt;!-- outline-secondary --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-secondary&quot;&gt;Secondary&lt;/button&gt;
+
+    &lt;!-- outline-dark --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-dark&quot;&gt;Dark&lt;/button&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Button Sizes</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code5')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-wrap items-center justify-center gap-2">
+                        <button type="button" class="btn btn-primary btn-lg">Primary</button>
+                        <button type="button" class="btn btn-info">Info</button>
+                        <button type="button" class="btn btn-success btn-sm">Success</button>
+                        <button type="button" class="btn btn-warning btn-sm">Warning</button>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code5')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- large --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-primary btn-lg&quot;&gt;Primary&lt;/button&gt;
+
+    &lt;!-- default --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-info&quot;&gt;Info&lt;/button&gt;
+
+    &lt;!-- small success --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-success btn-sm&quot;&gt;Success&lt;/button&gt;
+
+    &lt;!-- small warning --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-warning btn-sm&quot;&gt;Warning&lt;/button&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Button with Icons</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code6')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-wrap items-center justify-center gap-2">
+                        <button type="button" class="btn btn-primary">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-1.5 rtl:ml-1.5 shrink-0">
+                                <circle cx="12" cy="12" r="3" stroke="currentColor"
+                                    stroke-width="1.5"></circle>
+                                <path opacity="0.5"
+                                    d="M13.7654 2.15224C13.3978 2 12.9319 2 12 2C11.0681 2 10.6022 2 10.2346 2.15224C9.74457 2.35523 9.35522 2.74458 9.15223 3.23463C9.05957 3.45834 9.0233 3.7185 9.00911 4.09799C8.98826 4.65568 8.70226 5.17189 8.21894 5.45093C7.73564 5.72996 7.14559 5.71954 6.65219 5.45876C6.31645 5.2813 6.07301 5.18262 5.83294 5.15102C5.30704 5.08178 4.77518 5.22429 4.35436 5.5472C4.03874 5.78938 3.80577 6.1929 3.33983 6.99993C2.87389 7.80697 2.64092 8.21048 2.58899 8.60491C2.51976 9.1308 2.66227 9.66266 2.98518 10.0835C3.13256 10.2756 3.3397 10.437 3.66119 10.639C4.1338 10.936 4.43789 11.4419 4.43786 12C4.43783 12.5581 4.13375 13.0639 3.66118 13.3608C3.33965 13.5629 3.13248 13.7244 2.98508 13.9165C2.66217 14.3373 2.51966 14.8691 2.5889 15.395C2.64082 15.7894 2.87379 16.193 3.33973 17C3.80568 17.807 4.03865 18.2106 4.35426 18.4527C4.77508 18.7756 5.30694 18.9181 5.83284 18.8489C6.07289 18.8173 6.31632 18.7186 6.65204 18.5412C7.14547 18.2804 7.73556 18.27 8.2189 18.549C8.70224 18.8281 8.98826 19.3443 9.00911 19.9021C9.02331 20.2815 9.05957 20.5417 9.15223 20.7654C9.35522 21.2554 9.74457 21.6448 10.2346 21.8478C10.6022 22 11.0681 22 12 22C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8477 20.7654C14.9404 20.5417 14.9767 20.2815 14.9909 19.902C15.0117 19.3443 15.2977 18.8281 15.781 18.549C16.2643 18.2699 16.8544 18.2804 17.3479 18.5412C17.6836 18.7186 17.927 18.8172 18.167 18.8488C18.6929 18.9181 19.2248 18.7756 19.6456 18.4527C19.9612 18.2105 20.1942 17.807 20.6601 16.9999C21.1261 16.1929 21.3591 15.7894 21.411 15.395C21.4802 14.8691 21.3377 14.3372 21.0148 13.9164C20.8674 13.7243 20.6602 13.5628 20.3387 13.3608C19.8662 13.0639 19.5621 12.558 19.5621 11.9999C19.5621 11.4418 19.8662 10.9361 20.3387 10.6392C20.6603 10.4371 20.8675 10.2757 21.0149 10.0835C21.3378 9.66273 21.4803 9.13087 21.4111 8.60497C21.3592 8.21055 21.1262 7.80703 20.6602 7C20.1943 6.19297 19.9613 5.78945 19.6457 5.54727C19.2249 5.22436 18.693 5.08185 18.1671 5.15109C17.9271 5.18269 17.6837 5.28136 17.3479 5.4588C16.8545 5.71959 16.2644 5.73002 15.7811 5.45096C15.2977 5.17191 15.0117 4.65566 14.9909 4.09794C14.9767 3.71848 14.9404 3.45833 14.8477 3.23463C14.6448 2.74458 14.2554 2.35523 13.7654 2.15224Z"
+                                    stroke="currentColor" stroke-width="1.5"></path>
+                            </svg>
+                            Left
+                        </button>
+                        <button type="button" class="btn btn-warning rounded-full">
+                            Right
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:ml-1.5 rtl:mr-1.5 shrink-0">
+                                <path
+                                    d="M15.2869 3.15178L14.3601 4.07866L5.83882 12.5999L5.83881 12.5999C5.26166 13.1771 4.97308 13.4656 4.7249 13.7838C4.43213 14.1592 4.18114 14.5653 3.97634 14.995C3.80273 15.3593 3.67368 15.7465 3.41556 16.5208L2.32181 19.8021L2.05445 20.6042C1.92743 20.9852 2.0266 21.4053 2.31063 21.6894C2.59466 21.9734 3.01478 22.0726 3.39584 21.9456L4.19792 21.6782L7.47918 20.5844L7.47919 20.5844C8.25353 20.3263 8.6407 20.1973 9.00498 20.0237C9.43469 19.8189 9.84082 19.5679 10.2162 19.2751C10.5344 19.0269 10.8229 18.7383 11.4001 18.1612L11.4001 18.1612L19.9213 9.63993L20.8482 8.71306C22.3839 7.17735 22.3839 4.68748 20.8482 3.15178C19.3125 1.61607 16.8226 1.61607 15.2869 3.15178Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M14.36 4.07812C14.36 4.07812 14.4759 6.04774 16.2138 7.78564C17.9517 9.52354 19.9213 9.6394 19.9213 9.6394M4.19789 21.6777L2.32178 19.8015"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                        </button>
+                        <button type="button" class="btn btn-danger">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                <path opacity="0.5"
+                                    d="M3 15C3 17.8284 3 19.2426 3.87868 20.1213C4.75736 21 6.17157 21 9 21H15C17.8284 21 19.2426 21 20.1213 20.1213C21 19.2426 21 17.8284 21 15"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                    stroke-linejoin="round"></path>
+                                <path d="M12 3V16M12 16L16 11.625M12 16L8 11.625" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                            </svg>
+                        </button>
+                        <button type="button" class="btn btn-dark w-10 h-10 p-0 rounded-full">
+
+                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="12" cy="12" r="5" stroke="currentColor"
+                                    stroke-width="1.5"></circle>
+                                <path d="M12 2V4" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round"></path>
+                                <path d="M12 20V22" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round"></path>
+                                <path d="M4 12L2 12" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round"></path>
+                                <path d="M22 12L20 12" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round"></path>
+                                <path opacity="0.5" d="M19.7778 4.22266L17.5558 6.25424" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round"></path>
+                                <path opacity="0.5" d="M4.22217 4.22266L6.44418 6.25424" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round"></path>
+                                <path opacity="0.5" d="M6.44434 17.5557L4.22211 19.7779" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round"></path>
+                                <path opacity="0.5" d="M19.7778 19.7773L17.5558 17.5551" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round"></path>
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code6')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- left icon --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot;&gt;
+        &lt;svg&gt; ... &lt;/svg&gt; Left
+    &lt;/button&gt;
+
+    &lt;!-- right icon --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-warning rounded-full&quot;&gt;
+        Right
+        &lt;svg&gt; ... &lt;/svg&gt;
+    &lt;/button&gt;
+
+    &lt;!-- icon --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot;&gt;
+        &lt;svg&gt; ... &lt;/svg&gt;
+    &lt;/button&gt;
+
+    &lt;!-- circle icon --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-dark w-10 h-10 p-0 rounded-full&quot;&gt;
+        &lt;svg&gt; ... &lt;/svg&gt;
+    &lt;/button&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Block Buttons</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code7')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-col gap-4">
+                        <button type="button" class="btn btn-primary w-full">Button</button>
+                        <button type="button" class="btn btn-info w-full">Button</button>
+                        <button type="button" class="btn btn-success w-full">Button</button>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code7')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- primary --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-primary w-full&quot;&gt;Button&lt;/button&gt;
+
+    &lt;!-- info --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-info w-full&quot;&gt;Button&lt;/button&gt;
+
+    &lt;!-- success --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-success w-full&quot;&gt;Button&lt;/button&gt;
+    </pre>
+                </template>
+            </div>
+
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                },
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/elements/color-library.blade.php b/resources/views/elements/color-library.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..61460eb2dbf74afa950dbda7b2ad599185bb36d4
--- /dev/null
+++ b/resources/views/elements/color-library.blade.php
@@ -0,0 +1,274 @@
+<x-layout.default>
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Color Library</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8">
+            <div>
+                <div class="w-fit mb-5">
+                    <h5 class="font-semibold text-base text-success bg-success/20 rounded px-3 py-1">Main Colors</h5>
+                </div>
+                <div class="mb-5">
+                    <div class="grid grid-cols-2 gap-4 sm:grid-cols-3 sm:gap-7 font-semibold dark:text-white-dark mb-7">
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-primary">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">Primary</h5>
+                                <span class="text-white-dark">#4361ee</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-info">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">Info</h5>
+                                <span class="text-white-dark">#2196f3</span>
+                            </div>
+                        </div>
+
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-success">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">Success</h5>
+                                <span class="text-white-dark">#00ab55</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-warning">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">Warning</h5>
+                                <span class="text-white-dark">#e2a03f</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-danger">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">Danger</h5>
+                                <span class="text-white-dark">#e7515a</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-secondary">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">Secondry</h5>
+                                <span class="text-white-dark">#805dca</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-dark">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">Dark</h5>
+                                <span class="text-white-dark">#3b3f5c</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-white">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">White</h5>
+                                <span class="text-white-dark">#ffffff</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-black">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">Black</h5>
+                                <span class="text-white-dark">#0e1726</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="grid grid-cols-2 gap-4 sm:grid-cols-3 sm:gap-7 font-semibold dark:text-white-dark">
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-primary-light">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">Primary-Light</h5>
+                                <span class="text-white-dark">#eaf1ff</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-info-light">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">Info-Light</h5>
+                                <span class="text-white-dark">#e7f7ff</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-success-light">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">Success-Light</h5>
+                                <span class="text-white-dark">#ddf5f0</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-warning-light">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">Warning-Light</h5>
+                                <span class="text-white-dark">#fff9ed</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-danger-light">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">Danger-Light</h5>
+                                <span class="text-white-dark">#fff5f5</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-secondary-light">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">Secondry-Light</h5>
+                                <span class="text-white-dark">#ebe4f7</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-dark-light">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">Dark-Light</h5>
+                                <span class="text-white-dark">#eaeaec</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-white-light">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">White-Light</h5>
+                                <span class="text-white-dark">#e0e6ed</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-black-light">
+                            </div>
+                            <div>
+                                <h5 class="text-sm sm:text-base">Black-Light</h5>
+                                <span class="text-white-dark">#e3e4eb</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div>
+                <div class="w-fit mb-5">
+                    <h5 class="font-semibold text-sm sm:text-base text-success bg-success/20 rounded px-3 py-1">More
+                        Colors</h5>
+                </div>
+                <div>
+                    <div class="grid grid-cols-2 gap-4 sm:grid-cols-3 sm:gap-7 font-semibold dark:text-white-dark">
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-[#e3e7fc]">
+                            </div>
+                            <div>
+                                <span class="text-white-dark">#e3e7fc</span>
+                            </div>
+                        </div>
+
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-[#deeffd]">
+                            </div>
+                            <div>
+                                <span class="text-white-dark">#deeffd</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-[#d9f2e6]">
+                            </div>
+                            <div>
+                                <span class="text-white-dark">#d9f2e6</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-[#fbf1e2]">
+                            </div>
+                            <div>
+                                <span class="text-white-dark">#fbf1e2</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-[#fbe5e6]">
+                            </div>
+                            <div>
+                                <span class="text-white-dark">#fbe5e6</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-[#ece7f7]">
+                            </div>
+                            <div>
+                                <span class="text-white-dark">#ece7f7</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-[#e2e2e7]">
+                            </div>
+                            <div>
+                                <span class="text-white-dark">#e2e2e7</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-[#888ea8]">
+                            </div>
+                            <div>
+                                <span class="text-white-dark">#888ea8</span>
+                            </div>
+                        </div>
+                        <div class="panel p-2.5 rounded-md flex items-center group">
+                            <div
+                                class="w-20 h-[84px] -m-2.5 ltr:mr-4 rtl:ml-4 ltr:rounded-l-md rtl:rounded-r-md transition-all duration-700 group-hover:scale-110 bg-[#dbdcdf]">
+                            </div>
+                            <div>
+                                <span class="text-white-dark">#dbdcdf</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</x-layout.default>
diff --git a/resources/views/elements/dropdown.blade.php b/resources/views/elements/dropdown.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..feab1003917068b36564bfbcee1fab340b20e55d
--- /dev/null
+++ b/resources/views/elements/dropdown.blade.php
@@ -0,0 +1,1111 @@
+<x-layout.default>
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Dropdowns</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8" x-data="form">
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a href="https://alpinejs.dev/component/dropdown"
+                    target="_blank" class="block hover:underline">https://alpinejs.dev/component/dropdown</a>
+            </div>
+
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')"><span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                </svg>
+                                Code </span> </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex flex-wrap w-full justify-around gap-7">
+                            <div class="flex items-center justify-center">
+                                <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                    <button class="btn btn-primary dropdown-toggle" @click="toggle">Action
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-4 h-4 ltr:ml-1 rtl:mr-1 inline-block">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </button>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:right-0 rtl:left-0 whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="flex items-center justify-center">
+                                <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                    <button class="btn btn-outline-primary dropdown-toggle" @click="toggle">Action
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-4 h-4 ltr:ml-1 rtl:mr-1 inline-block">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </button>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:right-0 rtl:left-0 whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+        &lt;button class=&quot;btn btn-primary dropdown-toggle&quot; @click=&quot;toggle&quot;&gt;Action
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0 whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;!-- outline --&gt;
+    &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+        &lt;button class=&quot;btn btn-outline-primary dropdown-toggle&quot; @click=&quot;toggle&quot;&gt;Action
+            &lt;svg&gt; ... &lt;/svg&gt;&lt;/button&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0 whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;dropdown&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Dropup</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                </svg>
+                                Code </span> </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex flex-wrap w-full justify-around gap-7">
+                            <div class="flex items-center justify-center">
+                                <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:right-0 rtl:left-0 bottom-full !mt-0 mb-1 whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                    <button class="btn btn-info dropdown-toggle inline-flex" @click="toggle">Up
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-4 h-4 ltr:ml-1 rtl:mr-1 inline-block rotate-180">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </button>
+                                </div>
+                            </div>
+                            <div class="flex items-center justify-center">
+                                <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                    <button class="btn btn-outline-info dropdown-toggle inline-flex"
+                                        @click="toggle">Up
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-4 h-4 ltr:ml-1 rtl:mr-1 inline-block rotate-180">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </button>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:right-0 rtl:left-0 bottom-full !mt-0 mb-1 whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0 bottom-full !mt-0 mb-1 whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+        &lt;button class=&quot;btn btn-info dropdown-toggle inline-flex&quot; @click=&quot;toggle&quot;&gt;Up
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- outline --&gt;
+    &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+        &lt;button class=&quot;btn btn-outline-info dropdown-toggle inline-flex&quot; @click=&quot;toggle&quot;&gt;Up
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0 bottom-full !mt-0 mb-1 whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;dropdown&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Dropright</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code3')"><span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                </svg>
+                                Code </span> </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex flex-wrap w-full justify-around gap-7">
+                            <div class="flex items-center justify-center">
+                                <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                    <button class="btn btn-warning dropdown-toggle" @click="toggle">Right
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-4 h-4 ltr:ml-1 rtl:mr-1 rtl:rotate-180 inline-block">
+                                            <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </button>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:left-full rtl:right-full top-0 !mt-0 ltr:ml-1 rtl:mr-1 whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="flex items-center justify-center">
+                                <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                    <button class="btn btn-outline-warning dropdown-toggle" @click="toggle">Right
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-4 h-4 ltr:ml-1 rtl:mr-1 rtl:rotate-180 inline-block">
+                                            <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </button>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:left-full rtl:right-full top-0 !mt-0 ltr:ml-1 rtl:mr-1 whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code3')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+        &lt;button class=&quot;btn btn-warning dropdown-toggle&quot; @click=&quot;toggle&quot;&gt;Right
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:left-full rtl:right-full top-0 !mt-0 ltr:ml-1 rtl:mr-1 whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;!-- outline --&gt;
+    &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+        &lt;button class=&quot;btn btn-outline-warning dropdown-toggle&quot; @click=&quot;toggle&quot;&gt;Right
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:left-full rtl:right-full top-0 !mt-0 ltr:ml-1 rtl:mr-1 whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;dropdown&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Dropleft</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code4')"><span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                </svg>
+                                Code </span> </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex flex-wrap w-full justify-around gap-7">
+                            <div class="flex items-center justify-center">
+                                <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                    <button class="btn btn-danger dropdown-toggle" @click="toggle">
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-4 h-4 ltr:mr-1 rtl:ml-1 ltr:rotate-180 inline-block">
+                                            <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                        Left</button>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:right-full rtl:left-full top-0 !mt-0 ltr:mr-1 rtl:ml-1 whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="flex items-center justify-center">
+                                <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                    <button class="btn btn-outline-danger dropdown-toggle" @click="toggle">
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-4 h-4 ltr:mr-1 rtl:ml-1 ltr:rotate-180 inline-block">
+                                            <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                        Left</button>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:right-full rtl:left-full top-0 !mt-0 ltr:mr-1 rtl:ml-1 whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code4')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+        &lt;button class=&quot;btn btn-danger dropdown-toggle&quot; @click=&quot;toggle&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+            Left
+        &lt;/button&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-full rtl:left-full top-0 !mt-0 ltr:mr-1 rtl:ml-1 whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;!-- outline --&gt;
+    &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+        &lt;button class=&quot;btn btn-outline-danger dropdown-toggle&quot; @click=&quot;toggle&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+            Left
+        &lt;/button&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-full rtl:left-full top-0 !mt-0 ltr:mr-1 rtl:ml-1 whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;dropdown&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Small Button</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code5')"><span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                </svg>
+                                Code </span> </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex flex-wrap w-full justify-around gap-7">
+                            <div class="flex items-center justify-center">
+                                <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                    <button class="btn btn-dark btn-sm dropdown-toggle" @click="toggle">Small Button
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-4 h-4 ltr:ml-1 rtl:mr-1 inline-block">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </button>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:right-0 rtl:left-0 whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="flex items-center justify-center">
+                                <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                    <button class="btn btn-outline-dark btn-sm dropdown-toggle" @click="toggle">Small
+                                        Button
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-4 h-4 ltr:ml-1 rtl:mr-1 inline-block">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </button>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:right-0 rtl:left-0 whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code5')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+        &lt;button class=&quot;btn btn-dark btn-sm dropdown-toggle&quot; @click=&quot;toggle&quot;&gt;Small Button
+            &lt;svg&gt; ... &lt;/svg&gt;&lt;/button&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0 whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;!-- outline --&gt;
+    &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+        &lt;button class=&quot;btn btn-outline-dark btn-sm dropdown-toggle&quot; @click=&quot;toggle&quot;&gt;Small Button
+            &lt;svg&gt; ... &lt;/svg&gt;&lt;/button&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0 whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;dropdown&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Large Button</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code6')"><span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                </svg>
+                                Code </span> </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex flex-wrap w-full justify-around gap-7">
+                            <div class="flex items-center justify-center">
+                                <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                    <button class="btn btn-success btn-lg dropdown-toggle" @click="toggle">Large
+                                        Button
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-4 h-4 ltr:ml-1 rtl:mr-1 inline-block">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </button>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:right-0 rtl:left-0 whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="flex items-center justify-center">
+                                <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                    <button class="btn btn-outline-success btn-lg dropdown-toggle"
+                                        @click="toggle">Large Button
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-4 h-4 ltr:ml-1 rtl:mr-1 inline-block">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </button>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:right-0 rtl:left-0 whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code6')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+        &lt;button class=&quot;btn btn-success btn-lg dropdown-toggle&quot; @click=&quot;toggle&quot;&gt;Large Button
+            &lt;svg&gt; ... &lt;/svg&gt;&lt;/button&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0 whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;!-- outline --&gt;
+    &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+        &lt;button class=&quot;btn btn-outline-success btn-lg dropdown-toggle&quot; @click=&quot;toggle&quot;&gt;Large Button
+            &lt;svg&gt; ... &lt;/svg&gt;&lt;/button&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0 whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;dropdown&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Grouped Dropdown Buttons</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code7')"><span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                </svg>
+                                Code </span> </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex flex-wrap w-full justify-around gap-7">
+                            <div class="flex items-center justify-center">
+                                <div class="relative inline-flex align-middle">
+                                    <button type="button"
+                                        class="btn btn-secondary ltr:rounded-r-none rtl:rounded-l-none">1</button>
+                                    <button type="button" class="btn btn-secondary rounded-none">2</button>
+                                    <div class="relative inline-flex align-middle">
+                                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                            <button type="button"
+                                                class="btn dropdown-toggle btn-secondary flex ltr:rounded-l-none rtl:rounded-r-none"
+                                                @click="toggle">Dropdown
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-4 h-4 ltr:ml-1 rtl:mr-1 inline-block">
+                                                    <path d="M19 9L12 15L5 9" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round"
+                                                        stroke-linejoin="round" />
+                                                </svg>
+                                            </button>
+                                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                                class="ltr:right-0 rtl:left-0 whitespace-nowrap">
+                                                <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                                <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                                <li><a href="javascript:;" @click="toggle">Something else here</a>
+                                                </li>
+                                                <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="flex items-center justify-center">
+                                <div class="relative inline-flex align-middle">
+                                    <button type="button"
+                                        class="btn btn-outline-secondary ltr:border-r-0 rtl:border-l-0 ltr:rounded-r-none rtl:rounded-l-none">1</button>
+                                    <button type="button"
+                                        class="btn btn-outline-secondary ltr:border-r-0 rtl:border-l-0 rounded-none">2</button>
+                                    <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                        <button type="button"
+                                            class="btn dropdown-toggle btn-outline-secondary flex ltr:rounded-l-none rtl:rounded-r-none"
+                                            @click="toggle">Dropdown
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg"
+                                                class="w-4 h-4 ltr:ml-1 rtl:mr-1 inline-block">
+                                                <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                    stroke-linecap="round" stroke-linejoin="round" />
+                                            </svg>
+                                        </button>
+                                        <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                            class="ltr:right-0 rtl:left-0 whitespace-nowrap">
+                                            <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                            <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                            <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                            <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code7')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;div class=&quot;relative inline-flex align-middle&quot;&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary ltr:rounded-r-none rtl:rounded-l-none&quot;&gt;1&lt;/button&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary rounded-none&quot;&gt;2&lt;/button&gt;
+        &lt;div class=&quot;relative inline-flex align-middle&quot;&gt;
+            &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn dropdown-toggle btn-secondary flex ltr:rounded-l-none rtl:rounded-r-none&quot; @click=&quot;toggle&quot;&gt;Dropdown
+                    &lt;svg&gt; ... &lt;/svg&gt;
+                &lt;/button&gt;
+                &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0 whitespace-nowrap&quot;&gt;
+                    &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+                    &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+                    &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+                    &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+                &lt;/ul&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- outline --&gt;
+    &lt;div class=&quot;relative inline-flex align-middle&quot;&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-secondary ltr:border-r-0 rtl:border-l-0 ltr:rounded-r-none rtl:rounded-l-none&quot;&gt;1&lt;/button&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-secondary ltr:border-r-0 rtl:border-l-0 rounded-none&quot;&gt;2&lt;/button&gt;
+        &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+            &lt;button type=&quot;button&quot; class=&quot;btn dropdown-toggle btn-outline-secondary flex ltr:rounded-l-none rtl:rounded-r-none&quot; @click=&quot;toggle&quot;&gt;Dropdown
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+            &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0 whitespace-nowrap&quot;&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;dropdown&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Split</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code8')"><span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                </svg>
+                                Code </span> </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex flex-wrap w-full justify-around gap-7">
+                            <div class="flex items-center justify-center">
+                                <div class="dropdown inline-flex" x-data="dropdown"
+                                    @click.outside="open = false">
+                                    <button type="button"
+                                        class="btn btn-primary ltr:rounded-r-none rtl:rounded-l-none">Action</button>
+                                    <button type="button"
+                                        class="btn dropdown-toggle btn-primary ltr:rounded-l-none rtl:rounded-r-none border-l-[#4468fd] before:border-[5px] before:border-l-transparent before:border-r-transparent before:border-t-inherit before:border-b-0 before:inline-block before:border-t-white-light"
+                                        @click="toggle">
+                                        <span class="sr-only">Toggle dropdown</span>
+                                    </button>
+                                    <ul role="menu" x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:right-0 rtl:left-0 top-full whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="flex items-center justify-center">
+                                <div class="dropdown inline-flex" x-data="dropdown"
+                                    @click.outside="open = false">
+                                    <button type="button"
+                                        class="btn btn-outline-primary ltr:rounded-r-none rtl:rounded-l-none">Action</button>
+                                    <button type="button"
+                                        class="btn btn-outline-primary ltr:rounded-l-none rtl:rounded-r-none dropdown-toggle before:border-[5px] before:border-l-transparent before:border-r-transparent before:border-t-inherit before:border-b-0 before:inline-block hover:before:border-t-white-light"
+                                        @click="toggle">
+                                        <span class="sr-only">Toggle dropdown</span>
+                                    </button>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:right-0 rtl:left-0 top-full whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code8')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;div class=&quot;dropdown inline-flex&quot; x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot;&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:rounded-r-none rtl:rounded-l-none&quot;&gt;Action&lt;/button&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn dropdown-toggle btn-primary ltr:rounded-l-none rtl:rounded-r-none border-l-[#4468fd] before:border-[5px] before:border-l-transparent before:border-r-transparent before:border-t-inherit before:border-b-0 before:inline-block before:border-t-white-light&quot; @click=&quot;toggle&quot;&gt;
+            &lt;span class=&quot;sr-only&quot;&gt;Toggle dropdown&lt;/span&gt;
+        &lt;/button&gt;
+        &lt;ul role=&quot;menu&quot; x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0 top-full whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;!-- outline --&gt;
+    &lt;div class=&quot;dropdown inline-flex&quot; x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot;&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-primary ltr:rounded-r-none rtl:rounded-l-none&quot;&gt;Action&lt;/button&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-primary ltr:rounded-l-none rtl:rounded-r-none dropdown-toggle before:border-[5px] before:border-l-transparent before:border-r-transparent before:border-t-inherit before:border-b-0 before:inline-block hover:before:border-t-white-light&quot; @click=&quot;toggle&quot;&gt;
+            &lt;span class=&quot;sr-only&quot;&gt;Toggle dropdown&lt;/span&gt;
+        &lt;/button&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0 top-full whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;dropdown&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Custom Dropdown</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code9')"><span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round"></path>
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                </svg>
+                                Code </span> </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex w-full flex-wrap justify-around">
+                            <div class="flex items-center justify-center">
+                                <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                    <button
+                                        class="btn p-0 rounded-none border-0 shadow-none dropdown-toggle text-black dark:text-white-dark hover:text-primary dark:hover:text-primary"
+                                        @click="toggle">
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 rotate-90 opacity-70">
+                                            <circle cx="5" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <circle opacity="0.5" cx="12" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <circle cx="19" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                        </svg>
+                                    </button>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:left-0 rtl:right-0 bottom-full !mt-0 mb-1 whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="flex items-center justify-center">
+                                <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                    <button
+                                        class="btn p-0 rounded-none border-0 shadow-none dropdown-toggle text-black dark:text-white-dark hover:text-primary dark:hover:text-primary"
+                                        @click="toggle">
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 opacity-70">
+                                            <circle cx="5" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <circle opacity="0.5" cx="12" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <circle cx="19" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                        </svg>
+                                    </button>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:left-0 rtl:right-0 bottom-full !mt-0 mb-1 whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="flex items-center justify-center">
+                                <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                    <button
+                                        class="btn p-0 rounded-none border-0 shadow-none dropdown-toggle text-black dark:text-white-dark hover:text-primary dark:hover:text-primary"
+                                        @click="toggle">
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 rotate-90 opacity-70">
+                                            <circle cx="5" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <circle opacity="0.5" cx="12" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <circle cx="19" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                        </svg>
+                                    </button>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:left-0 rtl:right-0 bottom-full !mt-0 mb-1 whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="flex items-center justify-center">
+                                <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                    <button
+                                        class="btn p-0 rounded-none border-0 shadow-none dropdown-toggle text-black dark:text-white-dark hover:text-primary dark:hover:text-primary"
+                                        @click="toggle">
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 opacity-70">
+                                            <circle cx="5" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <circle opacity="0.5" cx="12" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <circle cx="19" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                        </svg>
+                                    </button>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:right-0 rtl:left-0 bottom-full !mt-0 mb-1 whitespace-nowrap">
+                                        <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                        <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code9')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- custom --&gt;
+    &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+        &lt;button class=&quot;btn p-0 rounded-none border-0 shadow-none dropdown-toggle text-black dark:text-white-dark hover:text-primary dark:hover:text-primary&quot; @click=&quot;toggle&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:left-0 rtl:right-0 bottom-full !mt-0 mb-1 whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+        &lt;button class=&quot;btn p-0 rounded-none border-0 shadow-none dropdown-toggle text-black dark:text-white-dark hover:text-primary dark:hover:text-primary&quot; @click=&quot;toggle&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:left-0 rtl:right-0 bottom-full !mt-0 mb-1 whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+        &lt;button class=&quot;btn p-0 rounded-none border-0 shadow-none dropdown-toggle text-black dark:text-white-dark hover:text-primary dark:hover:text-primary&quot; @click=&quot;toggle&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:left-0 rtl:right-0 bottom-full !mt-0 mb-1 whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+        &lt;button class=&quot;btn p-0 rounded-none border-0 shadow-none dropdown-toggle text-black dark:text-white-dark hover:text-primary dark:hover:text-primary&quot; @click=&quot;toggle&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0 bottom-full !mt-0 mb-1 whitespace-nowrap&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;dropdown&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/elements/infobox.blade.php b/resources/views/elements/infobox.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..7869a79d91cb72530ece677d9945087397d77808
--- /dev/null
+++ b/resources/views/elements/infobox.blade.php
@@ -0,0 +1,246 @@
+<x-layout.default>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Infobox</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 lg:grid-cols-2 gap-6" x-data="form">
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Infobox 1</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-wrap w-full justify-center">
+                        <div
+                            class="border border-gray-500/20 rounded-md shadow-[rgb(31_45_61_/_10%)_0px_2px_10px_1px] dark:shadow-[0_2px_11px_0_rgb(6_8_24_/_39%)] p-6">
+                            <div class="text-primary mb-5">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-12 h-12">
+                                    <path
+                                        d="M15.5777 3.38197L17.5777 4.43152C19.7294 5.56066 20.8052 6.12523 21.4026 7.13974C22 8.15425 22 9.41667 22 11.9415V12.0585C22 14.5833 22 15.8458 21.4026 16.8603C20.8052 17.8748 19.7294 18.4393 17.5777 19.5685L15.5777 20.618C13.8221 21.5393 12.9443 22 12 22C11.0557 22 10.1779 21.5393 8.42229 20.618L6.42229 19.5685C4.27063 18.4393 3.19479 17.8748 2.5974 16.8603C2 15.8458 2 14.5833 2 12.0585V11.9415C2 9.41667 2 8.15425 2.5974 7.13974C3.19479 6.12523 4.27063 5.56066 6.42229 4.43152L8.42229 3.38197C10.1779 2.46066 11.0557 2 12 2C12.9443 2 13.8221 2.46066 15.5777 3.38197Z"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M21 7.5L12 12M12 12L3 7.5M12 12V21.5" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                            </div>
+                            <h5 class="text-lg font-semibold mb-3.5 dark:text-white-light">Layout Package</h5>
+                            <p class="text-white-dark text-[15px]  mb-3.5">Lorem ipsum dolor sit amet, labore et dolore
+                                magna aliqua.</p>
+                            <a href="javascript:;" class="text-primary font-semibold hover:underline group">Discover
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-4 h-4 ltr:ml-1 rtl:mr-1 inline-block relative transition-all duration-300 group-hover:translate-x-2 rtl:group-hover:-translate-x-2 rtl:rotate-180">
+                                    <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- infobox --&gt;
+    &lt;div class=&quot;border border-gray-500/20 rounded-md shadow-[rgb(31_45_61_/_10%)_0px_2px_10px_1px] dark:shadow-[0_2px_11px_0_rgb(6_8_24_/_39%)] p-6&quot;&gt;
+        &lt;div class=&quot;text-primary mb-5&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/div&gt;
+        &lt;h5 class=&quot;text-lg font-semibold mb-3.5 dark:text-white-light&quot;&gt;Layout Package&lt;/h5&gt;
+        &lt;p class=&quot;text-white-dark text-[15px]  mb-3.5&quot;&gt;Lorem ipsum dolor sit amet, labore et dolore magna aliqua.&lt;/p&gt;
+        &lt;a href=&quot;javascript:;&quot; class=&quot;text-primary font-semibold hover:underline group&quot;&gt;Discover
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/a&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Infobox 2</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-wrap w-full justify-center">
+                        <div
+                            class="bg-dark border border-gray-500/20 rounded-md shadow-[rgb(31_45_61_/_10%)_0px_2px_10px_1px] dark:shadow-[0_2px_11px_0_rgb(6_8_24_/_39%)] p-6 text-center">
+                            <div
+                                class="text-white-light bg1-white-dark w-20 h-20 rounded-full flex items-center justify-center mb-5 mx-auto">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-12 h-12">
+                                    <path
+                                        d="M15.5777 3.38197L17.5777 4.43152C19.7294 5.56066 20.8052 6.12523 21.4026 7.13974C22 8.15425 22 9.41667 22 11.9415V12.0585C22 14.5833 22 15.8458 21.4026 16.8603C20.8052 17.8748 19.7294 18.4393 17.5777 19.5685L15.5777 20.618C13.8221 21.5393 12.9443 22 12 22C11.0557 22 10.1779 21.5393 8.42229 20.618L6.42229 19.5685C4.27063 18.4393 3.19479 17.8748 2.5974 16.8603C2 15.8458 2 14.5833 2 12.0585V11.9415C2 9.41667 2 8.15425 2.5974 7.13974C3.19479 6.12523 4.27063 5.56066 6.42229 4.43152L8.42229 3.38197C10.1779 2.46066 11.0557 2 12 2C12.9443 2 13.8221 2.46066 15.5777 3.38197Z"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M21 7.5L12 12M12 12L3 7.5M12 12V21.5"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                            </div>
+                            <h5 class="text-lg font-semibold mb-3.5 text-white-light">Layout Package</h5>
+                            <p class="text-white-light text-[15px]  mb-3.5">Lorem ipsum dolor sit amet, labore et
+                                dolore magna aliqua.</p>
+                            <a href="javascript:;" class="text-info font-semibold hover:underline group">Discover
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-4 h-4 ltr:ml-1 rtl:mr-1 inline-block relative transition-all duration-300 group-hover:translate-x-2 rtl:group-hover:-translate-x-2 rtl:rotate-180">
+                                    <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- infobox --&gt;
+    &lt;div class=&quot;bg-dark border border-gray-500/20 rounded-md shadow-[rgb(31_45_61_/_10%)_0px_2px_10px_1px] dark:shadow-[0_2px_11px_0_rgb(6_8_24_/_39%)] p-6 text-center&quot;&gt;
+        &lt;div class=&quot;text-white-light bg1-white-dark w-20 h-20 rounded-full flex items-center justify-center mb-5 mx-auto&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/div&gt;
+        &lt;h5 class=&quot;text-lg font-semibold mb-3.5 text-white-light&quot;&gt;Layout Package&lt;/h5&gt;
+        &lt;p class=&quot;text-white-light text-[15px]  mb-3.5&quot;&gt;Lorem ipsum dolor sit amet, labore et dolore magna aliqua.&lt;/p&gt;
+        &lt;a href=&quot;javascript:;&quot; class=&quot;text-info font-semibold hover:underline group&quot;&gt;Discover
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/a&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Infobox 3</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-wrap w-full justify-center">
+                        <div
+                            class="border border-gray-500/20 rounded-md shadow-[rgb(31_45_61_/_10%)_0px_2px_10px_1px] dark:shadow-[0_2px_11px_0_rgb(6_8_24_/_39%)] p-6 pt-12 mt-8 relative">
+                            <div
+                                class="bg-primary absolute text-white-light ltr:left-6 rtl:right-6 -top-8 w-16 h-16 rounded-md flex items-center justify-center mb-5 mx-auto">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-12 h-12">
+                                    <path
+                                        d="M15.5777 3.38197L17.5777 4.43152C19.7294 5.56066 20.8052 6.12523 21.4026 7.13974C22 8.15425 22 9.41667 22 11.9415V12.0585C22 14.5833 22 15.8458 21.4026 16.8603C20.8052 17.8748 19.7294 18.4393 17.5777 19.5685L15.5777 20.618C13.8221 21.5393 12.9443 22 12 22C11.0557 22 10.1779 21.5393 8.42229 20.618L6.42229 19.5685C4.27063 18.4393 3.19479 17.8748 2.5974 16.8603C2 15.8458 2 14.5833 2 12.0585V11.9415C2 9.41667 2 8.15425 2.5974 7.13974C3.19479 6.12523 4.27063 5.56066 6.42229 4.43152L8.42229 3.38197C10.1779 2.46066 11.0557 2 12 2C12.9443 2 13.8221 2.46066 15.5777 3.38197Z"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M21 7.5L12 12M12 12L3 7.5M12 12V21.5"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                            </div>
+                            <h5 class="text-dark text-lg font-semibold mb-3.5 dark:text-white-light">Layout Package
+                            </h5>
+                            <p class="text-white-dark text-[15px]  mb-3.5">Lorem ipsum dolor sit amet, labore et dolore
+                                magna aliqua.</p>
+                            <a href="javascript:;" class="text-primary font-semibold hover:underline group">Discover
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-4 h-4 ltr:ml-1 rtl:mr-1 inline-block relative transition-all duration-300 group-hover:translate-x-2 rtl:group-hover:-translate-x-2 rtl:rotate-180">
+                                    <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- infobox --&gt;
+    &lt;div class=&quot;border border-gray-500/20 rounded-md shadow-[rgb(31_45_61_/_10%)_0px_2px_10px_1px] dark:shadow-[0_2px_11px_0_rgb(6_8_24_/_39%)] p-6 pt-12 mt-8 relative&quot;&gt;
+        &lt;div class=&quot;bg-primary absolute text-white-light left-6 -top-8 w-16 h-16 rounded-md flex items-center justify-center mb-5 mx-auto&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/div&gt;
+        &lt;h5 class=&quot;text-dark text-lg font-semibold mb-3.5 dark:text-white-light&quot;&gt;Layout Package&lt;/h5&gt;
+        &lt;p class=&quot;text-white-dark text-[15px]  mb-3.5&quot;&gt;Lorem ipsum dolor sit amet, labore et dolore magna aliqua.&lt;/p&gt;
+        &lt;a href=&quot;javascript:;&quot; class=&quot;text-primary font-semibold hover:underline group&quot;&gt;Discover
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/a&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/elements/jumbotron.blade.php b/resources/views/elements/jumbotron.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..e7297b6e3543c3d03f4a63441ba2207ed322df00
--- /dev/null
+++ b/resources/views/elements/jumbotron.blade.php
@@ -0,0 +1,156 @@
+<x-layout.default>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Jumbotron</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 xl:grid-cols-2 gap-6" x-data="form">
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')"><span class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="w-full">
+                        <div
+                            class="prose bg-[#f1f2f3] px-4 py-9 sm:px-8 sm:py-16 rounded max-w-full dark:bg-[#1b2e4b] dark:text-white-light">
+                            <h2 class="text-dark mb-5  mt-4 text-center text-5xl dark:text-white-light">Hello, world!
+                            </h2>
+                            <p class="lead mt-3 mb-4 dark:text-white-light">This is a simple hero unit, a simple
+                                jumbotron-style component for calling extra attention to featured content or
+                                information.</p>
+                            <hr class="my-4 dark:border-[#191e3a]">
+                            <p class="mb-5">It uses utility classes for typography and spacing to space content out
+                                within the larger container.</p>
+                            <p class="lead"><button type="button" class="btn btn-dark">Learn more</button></p>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;div class=&quot;prose bg-[#f1f2f3] px-4 py-9 sm:px-8 sm:py-16 rounded max-w-full dark:bg-[#1b2e4b] dark:text-white-light&quot;&gt;
+        &lt;h2 class=&quot;text-dark mb-5  mt-4 text-center text-5xl dark:text-white-light&quot;&gt;Hello, world!&lt;/h2&gt;
+        &lt;p class=&quot;lead mt-3 mb-4 dark:text-white-light&quot;&gt;This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.&lt;/p&gt;
+        &lt;hr class=&quot;my-4 dark:border-[#191e3a]&quot;&gt;
+        &lt;p class=&quot;mb-5&quot;&gt;It uses utility classes for typography and spacing to space content out within the larger container.&lt;/p&gt;
+        &lt;p class=&quot;lead&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;btn btn-dark&quot;&gt;Learn more&lt;/button&gt;&lt;/p&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Jumbotron Fluid</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="w-full">
+                        <div
+                            class="prose bg-[#f1f2f3] px-4 py-9 sm:px-8 sm:py-16 rounded max-w-full dark:bg-[#1b2e4b] dark:text-white-light">
+                            <h2 class="text-dark mb-5  mt-4 text-center text-5xl dark:text-white-light">Fluid Jumbotron
+                            </h2>
+                            <p class="lead mt-3 mb-4 dark:text-white-light">This is a modified jumbotron that occupies
+                                the entire horizontal space of its parent.</p>
+                            <blockquote
+                                class="text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]">
+                                <div class="flex items-start">
+                                    <div class="w-14 h-14 ltr:mr-5 rtl:ml-5 flex-none">
+                                        <img src="/assets/images/profile-34.jpeg" alt="image"
+                                            class="w-14 h-14 rounded-full object-cover m-auto" />
+                                    </div>
+                                    <p class="not-italic text-[#515365] text-sm dark:text-white-light m-0">Lorem ipsum
+                                        dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+                                </div>
+                                <small
+                                    class="ltr:text-right rtl:text-left w-full not-italic text-xs text-[#777] block before:w-3 before:h-[1px] before:bg-[#777] before:inline-block before:opacity-50 before:relative before:-top-1 before:ltr:mr-1 rtl:before:ml-1">Someone
+                                    famous <cite class="italic">Source Title</cite></small>
+                            </blockquote>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- jumbotron fluid --&gt;
+    &lt;div class=&quot;prose bg-[#f1f2f3] px-4 py-9 sm:px-8 sm:py-16 rounded max-w-full dark:bg-[#1b2e4b] dark:text-white-light&quot;&gt;
+        &lt;h2 class=&quot;text-dark mb-5  mt-4 text-center text-5xl dark:text-white-light&quot;&gt;Fluid Jumbotron&lt;/h2&gt;
+        &lt;p class=&quot;lead mt-3 mb-4 dark:text-white-light&quot;&gt;This is a modified jumbotron that occupies the entire horizontal space of its parent.&lt;/p&gt;
+        &lt;blockquote class=&quot;text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]&quot;&gt;
+            &lt;div class=&quot;flex items-start&quot;&gt;
+                &lt;div class=&quot;w-14 h-14 ltr:mr-5 rtl:ml-5 flex-none&quot;&gt;
+                    &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-14 h-14 rounded-full object-cover m-auto&quot; /&gt;
+                &lt;/div&gt;
+                &lt;p class=&quot;not-italic text-[#515365] text-sm dark:text-white-light m-0&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.&lt;/p&gt;
+            &lt;/div&gt;
+            &lt;small class=&quot;ltr:text-right rtl:text-left w-full not-italic text-xs text-[#777] block before:w-3 before:h-[1px] before:bg-[#777] before:inline-block before:opacity-50 before:relative before:-top-1 before:ltr:mr-1 rtl:ml-1&quot;&gt;Someone famous &lt;cite class=&quot;italic&quot;&gt;Source Title&lt;/cite&gt;&lt;/small&gt;
+        &lt;/blockquote&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/elements/loader.blade.php b/resources/views/elements/loader.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..26b8b5aa244006784b1005cd126dc1bf2aacb1d7
--- /dev/null
+++ b/resources/views/elements/loader.blade.php
@@ -0,0 +1,399 @@
+<x-layout.default>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Loader</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 lg:grid-cols-2 gap-6" x-data="form">
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Loaders with Buttons</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-wrap items-center justify-center w-full gap-4">
+                        <button type="button" class="btn btn-info btn-lg">
+
+                            <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor"
+                                stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"
+                                class="w-5 h-5 animate-[spin_2s_linear_infinite] inline-block align-middle ltr:mr-2 rtl:ml-2 shrink-0">
+                                <line x1="12" y1="2" x2="12" y2="6"></line>
+                                <line x1="12" y1="18" x2="12" y2="22"></line>
+                                <line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
+                                <line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
+                                <line x1="2" y1="12" x2="6" y2="12"></line>
+                                <line x1="18" y1="12" x2="22" y2="12"></line>
+                                <line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
+                                <line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
+                            </svg>
+                            Loading
+                        </button>
+
+                        <button type="button" class="btn btn-danger btn-lg"><span
+                                class="animate-spin border-2 border-white border-l-transparent rounded-full w-5 h-5 ltr:mr-4 rtl:ml-4 inline-block align-middle shrink-0"></span>Loading</button>
+
+                        <button type="button" class="btn btn-secondary btn-lg">
+                            <span
+                                class="animate-ping w-3 h-3 ltr:mr-4 rtl:ml-4 inline-block rounded-full bg-white shrink-0"></span>
+                            Loading
+                        </button>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- info --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-info btn-lg&quot;&gt;
+        &lt;svg&gt; ... &lt;/svg&gt;
+        Loading
+    &lt;/button&gt;
+
+    &lt;!-- danger --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-danger btn-lg&quot;&gt;&lt;span class=&quot;animate-spin border-2 border-white border-l-transparent rounded-full w-5 h-5 ltr:mr-4 rtl:ml-4 inline-block align-middle&quot;&gt;&lt;/span&gt;Loading&lt;/button&gt;
+
+    &lt;!-- secondary --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary btn-lg&quot;&gt;
+        &lt;span class=&quot;animate-ping w-3 h-3 ltr:mr-4 rtl:ml-4 inline-block rounded-full bg-white&quot;&gt;&lt;/span&gt;
+        Loading
+    &lt;/button&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Position</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class=" mb-5">
+                    <div class="flex flex-wrap w-full">
+                        <div
+                            class="flex flex-wrap items-center justify-center w-full sm:w-1/2 text-center mb-3 sm:mb-0">
+                            <p class="w-full mb-2">Default Button</p>
+                            <button type="button" class="btn btn-primary btn-lg">
+
+                                <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor"
+                                    stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"
+                                    class="w-5 h-5 animate-[spin_2s_linear_infinite] inline-block align-middle ltr:mr-2 rtl:ml-2 shrink-0">
+                                    <line x1="12" y1="2" x2="12" y2="6"></line>
+                                    <line x1="12" y1="18" x2="12" y2="22"></line>
+                                    <line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
+                                    <line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
+                                    <line x1="2" y1="12" x2="6" y2="12"></line>
+                                    <line x1="18" y1="12" x2="22" y2="12"></line>
+                                    <line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
+                                    <line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
+                                </svg>
+                                Loading
+                            </button>
+                        </div>
+                        <div class="flex flex-wrap items-center justify-center w-full sm:w-1/2 text-center">
+                            <p class="w-full mb-2">Outline Button</p>
+                            <button type="button" class="btn btn-outline-primary btn-lg">
+                                Loading
+
+                                <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor"
+                                    stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"
+                                    class="w-5 h-5 animate-[spin_2s_linear_infinite] inline-block align-middle ltr:ml-2 rtl:mr-2 shrink-0">
+                                    <line x1="12" y1="2" x2="12" y2="6"></line>
+                                    <line x1="12" y1="18" x2="12" y2="22"></line>
+                                    <line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
+                                    <line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
+                                    <line x1="2" y1="12" x2="6" y2="12"></line>
+                                    <line x1="18" y1="12" x2="22" y2="12"></line>
+                                    <line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
+                                    <line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
+                                </svg>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-primary btn-lg&quot;&gt;
+        &lt;svg&gt; ... &lt;/svg&gt;
+        Loading
+    &lt;/button&gt;
+
+    &lt;!-- outline --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-primary btn-lg&quot;&gt;
+        Loading
+        &lt;svg&gt; ... &lt;/svg&gt;
+    &lt;/button&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-10">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Sizes</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class=" mb-5">
+                    <div class="grid grid-cols-3 w-full gap-4">
+                        <span
+                            class="animate-spin border-4 border-success border-l-transparent rounded-full w-12 h-12 inline-block align-middle m-auto mb-10"></span>
+                        <span
+                            class="animate-spin border-4 border-success border-l-transparent rounded-full w-10 h-10 inline-block align-middle m-auto mb-10"></span>
+                        <span
+                            class="animate-spin border-[3px] border-success border-l-transparent rounded-full w-6 h-6 inline-block align-middle m-auto mb-10"></span>
+                        <span
+                            class="animate-spin border-4 border-transparent border-l-primary rounded-full w-12 h-12 inline-block align-middle m-auto mb-10"></span>
+                        <span
+                            class="animate-spin border-4 border-transparent border-l-primary rounded-full w-10 h-10 inline-block align-middle m-auto mb-10"></span>
+                        <span
+                            class="animate-spin border-[3px] border-transparent border-l-primary rounded-full w-6 h-6 inline-block align-middle m-auto mb-10"></span>
+                        <span class="w-5 h-5 m-auto mb-10"><span
+                                class="animate-ping inline-flex h-full w-full rounded-full bg-info"></span></span>
+                        <span class="w-4 h-4 m-auto mb-10"><span
+                                class="animate-ping inline-flex h-full w-full rounded-full bg-info"></span></span>
+                        <span class="w-3 h-3 m-auto mb-10"><span
+                                class="animate-ping inline-flex h-full w-full rounded-full bg-info"></span></span>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- large --&gt;
+    &lt;span class=&quot;animate-spin border-4 border-success border-l-transparent rounded-full w-12 h-12 inline-block align-middle m-auto mb-10&quot;&gt;&lt;/span&gt;
+
+    &lt;!-- default --&gt;
+    &lt;span class=&quot;animate-spin border-4 border-success border-l-transparent rounded-full w-10 h-10 inline-block align-middle m-auto mb-10&quot;&gt;&lt;/span&gt;
+
+    &lt;!-- small --&gt;
+    &lt;span class=&quot;animate-spin border-[3px] border-success border-l-transparent rounded-full w-6 h-6 inline-block align-middle m-auto mb-10&quot;&gt;&lt;/span&gt;
+
+    &lt;!-- large --&gt;
+    &lt;span class=&quot;animate-spin border-4 border-transparent border-l-primary rounded-full w-12 h-12 inline-block align-middle m-auto mb-10&quot;&gt;&lt;/span&gt;
+
+    &lt;!-- default --&gt;
+    &lt;span class=&quot;animate-spin border-4 border-transparent border-l-primary rounded-full w-10 h-10 inline-block align-middle m-auto mb-10&quot;&gt;&lt;/span&gt;
+
+    &lt;!-- small --&gt;
+    &lt;span class=&quot;animate-spin border-[3px] border-transparent border-l-primary rounded-full w-6 h-6 inline-block align-middle m-auto mb-10&quot;&gt;&lt;/span&gt;
+
+    &lt;!-- large --&gt;
+    &lt;span class=&quot;w-5 h-5 m-auto mb-10&quot;&gt;&lt;span class=&quot;animate-ping inline-flex h-full w-full rounded-full bg-info&quot;&gt;&lt;/span&gt;&lt;/span&gt;
+
+    &lt;!-- default --&gt;
+    &lt;span class=&quot;w-4 h-4 m-auto mb-10&quot;&gt;&lt;span class=&quot;animate-ping inline-flex h-full w-full rounded-full bg-info&quot;&gt;&lt;/span&gt;&lt;/span&gt;
+
+    &lt;!-- small --&gt;
+    &lt;span class=&quot;w-3 h-3 m-auto mb-10&quot;&gt;&lt;span class=&quot;animate-ping inline-flex h-full w-full rounded-full bg-info&quot;&gt;&lt;/span&gt;&lt;/span&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-10">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Colors</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code4')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class=" mb-5">
+                    <div class="grid grid-cols-4 w-full gap-4">
+                        <span
+                            class="animate-spin border-4 border-success border-l-transparent rounded-full w-10 h-10 inline-block align-middle m-auto mb-10"></span>
+                        <span
+                            class="animate-spin border-4 border-danger border-l-transparent rounded-full w-10 h-10 inline-block align-middle m-auto mb-10"></span>
+                        <span
+                            class="animate-spin border-4 border-warning border-l-transparent rounded-full w-10 h-10 inline-block align-middle m-auto mb-10"></span>
+                        <span
+                            class="animate-spin border-4 border-primary border-l-transparent rounded-full w-10 h-10 inline-block align-middle m-auto mb-10"></span>
+                        <span
+                            class="animate-spin border-4 border-transparent border-l-black rounded-full w-10 h-10 inline-block align-middle m-auto mb-10 dark:border-l-dark"></span>
+                        <span
+                            class="animate-spin border-4 border-transparent border-l-danger rounded-full w-10 h-10 inline-block align-middle m-auto mb-10"></span>
+                        <span
+                            class="animate-spin border-4 border-transparent border-l-warning rounded-full w-10 h-10 inline-block align-middle m-auto mb-10"></span>
+                        <span
+                            class="animate-spin border-4 border-transparent border-l-primary rounded-full w-10 h-10 inline-block align-middle m-auto mb-10"></span>
+                        <span class="w-4 h-4 m-auto mb-10"><span
+                                class="animate-ping inline-flex h-full w-full rounded-full bg-info"></span></span>
+                        <span class="w-4 h-4 m-auto mb-10"><span
+                                class="animate-ping inline-flex h-full w-full rounded-full bg-danger"></span></span>
+                        <span class="w-4 h-4 m-auto mb-10"><span
+                                class="animate-ping inline-flex h-full w-full rounded-full bg-warning"></span></span>
+                        <span class="w-4 h-4 m-auto mb-10"><span
+                                class="animate-ping inline-flex h-full w-full rounded-full bg-primary"></span></span>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code4')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- success --&gt;
+    &lt;span class=&quot;animate-spin border-4 border-success border-l-transparent rounded-full w-10 h-10 inline-block align-middle m-auto mb-10&quot;&gt;&lt;/span&gt;
+
+    &lt;!-- danger --&gt;
+    &lt;span class=&quot;animate-spin border-4 border-danger border-l-transparent rounded-full w-10 h-10 inline-block align-middle m-auto mb-10&quot;&gt;&lt;/span&gt;
+
+    &lt;!-- warning --&gt;
+    &lt;span class=&quot;animate-spin border-4 border-warning border-l-transparent rounded-full w-10 h-10 inline-block align-middle m-auto mb-10&quot;&gt;&lt;/span&gt;
+
+    &lt;!-- primary --&gt;
+    &lt;span class=&quot;animate-spin border-4 border-primary border-l-transparent rounded-full w-10 h-10 inline-block align-middle m-auto mb-10&quot;&gt;&lt;/span&gt;
+
+    &lt;!-- black --&gt;
+    &lt;span class=&quot;animate-spin border-4 border-transparent border-l-black rounded-full w-10 h-10 inline-block align-middle m-auto mb-10 dark:border-l-dark&quot;&gt;&lt;/span&gt;
+
+    &lt;!-- danger --&gt;
+    &lt;span class=&quot;animate-spin border-4 border-transparent border-l-danger rounded-full w-10 h-10 inline-block align-middle m-auto mb-10&quot;&gt;&lt;/span&gt;
+
+    &lt;!-- warning --&gt;
+    &lt;span class=&quot;animate-spin border-4 border-transparent border-l-warning rounded-full w-10 h-10 inline-block align-middle m-auto mb-10&quot;&gt;&lt;/span&gt;
+
+    &lt;!-- primary --&gt;
+    &lt;span class=&quot;animate-spin border-4 border-transparent border-l-primary rounded-full w-10 h-10 inline-block align-middle m-auto mb-10&quot;&gt;&lt;/span&gt;
+
+    &lt;!-- info --&gt;
+    &lt;span class=&quot;w-4 h-4 m-auto mb-10&quot;&gt;&lt;span class=&quot;animate-ping inline-flex h-full w-full rounded-full bg-info&quot;&gt;&lt;/span&gt;&lt;/span&gt;
+
+    &lt;!-- danger --&gt;
+    &lt;span class=&quot;w-4 h-4 m-auto mb-10&quot;&gt;&lt;span class=&quot;animate-ping inline-flex h-full w-full rounded-full bg-danger&quot;&gt;&lt;/span&gt;&lt;/span&gt;
+
+    &lt;!-- warning --&gt;
+    &lt;span class=&quot;w-4 h-4 m-auto mb-10&quot;&gt;&lt;span class=&quot;animate-ping inline-flex h-full w-full rounded-full bg-warning&quot;&gt;&lt;/span&gt;&lt;/span&gt;
+
+    &lt;!-- primary --&gt;
+    &lt;span class=&quot;w-4 h-4 m-auto mb-10&quot;&gt;&lt;span class=&quot;animate-ping inline-flex h-full w-full rounded-full bg-primary&quot;&gt;&lt;/span&gt;&lt;/span&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-10">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Custom</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code5')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="grid grid-cols-3 w-full gap-4">
+                        <span
+                            class="animate-spin border-8 border-[#f1f2f3] border-l-primary rounded-full w-14 h-14 inline-block align-middle m-auto mb-10"></span>
+                        <span
+                            class="animate-[spin_2s_linear_infinite] border-8 border-[#f1f2f3] border-l-primary border-r-primary rounded-full w-14 h-14 inline-block align-middle m-auto mb-10"></span>
+                        <span
+                            class="animate-[spin_3s_linear_infinite] border-8 border-r-warning border-l-primary border-t-danger border-b-success rounded-full w-14 h-14 inline-block align-middle m-auto mb-10"></span>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code5')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- custom loader --&gt;
+    &lt;span class=&quot;animate-spin border-8 border-[#f1f2f3] border-l-primary rounded-full w-14 h-14 inline-block align-middle m-auto mb-10&quot;&gt;&lt;/span&gt;
+
+    &lt;!-- custom loader --&gt;
+    &lt;span class=&quot;animate-[spin_2s_linear_infinite] border-8 border-[#f1f2f3] border-l-primary border-r-primary rounded-full w-14 h-14 inline-block align-middle m-auto mb-10&quot;&gt;&lt;/span&gt;
+
+    &lt;!-- custom loader --&gt;
+    &lt;span class=&quot;animate-[spin_3s_linear_infinite] border-8 border-r-warning border-l-primary border-t-danger border-b-success rounded-full w-14 h-14 inline-block align-middle m-auto mb-10&quot;&gt;&lt;/span&gt;
+    </pre>
+                </template>
+            </div>
+
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/elements/pagination.blade.php b/resources/views/elements/pagination.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..cbcf5f7016b7936b64e7d91e4525fc7950a53cde
--- /dev/null
+++ b/resources/views/elements/pagination.blade.php
@@ -0,0 +1,775 @@
+<x-layout.default>
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Pagination</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 xl:grid-cols-2 gap-6" x-data="form">
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Default</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex justify-center flex-col w-full">
+                        <ul class="inline-flex items-center space-x-1 rtl:space-x-reverse m-auto mb-4">
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light">First</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light">Prev</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light">1</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition text-primary border-2 border-primary dark:border-primary dark:text-white-light">2</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light">3</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light">Next</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light">Last</button>
+                            </li>
+                        </ul>
+                        <ul class="inline-flex items-center space-x-1 rtl:space-x-reverse m-auto">
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light">Prev</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light">1</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition text-primary border-2 border-primary dark:border-primary dark:text-white-light">2</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light">3</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light">Next</button>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;ul class=&quot;inline-flex items-center space-x-1 rtl:space-x-reverse m-auto mb-4&quot;&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light&quot;&gt;First&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light&quot;&gt;Prev&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light&quot;&gt;1&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition text-primary border-2 border-primary dark:border-primary dark:text-white-light&quot;&gt;2&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light&quot;&gt;3&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light&quot;&gt;Next&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light&quot;&gt;Last&lt;/button&gt;&lt;/li&gt;
+    &lt;/ul&gt;
+
+    &lt;!-- default --&gt;
+    &lt;ul class=&quot;inline-flex items-center space-x-1 rtl:space-x-reverse m-auto&quot;&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light&quot;&gt;Prev&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light&quot;&gt;1&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition text-primary border-2 border-primary dark:border-primary dark:text-white-light&quot;&gt;2&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light&quot;&gt;3&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition text-dark hover:text-primary border-2 border-[#e0e6ed] dark:border-[#191e3a] hover:border-primary dark:hover:border-primary dark:text-white-light&quot;&gt;Next&lt;/button&gt;&lt;/li&gt;
+    &lt;/ul&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Solid</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex justify-center flex-col w-full">
+                        <ul class="inline-flex items-center space-x-1 rtl:space-x-reverse m-auto mb-4">
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">First</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">Prev</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">1</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-primary text-white dark:text-white-light dark:bg-primary">2</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">3</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">Next</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">Last</button>
+                            </li>
+                        </ul>
+                        <ul class="inline-flex items-center space-x-1 rtl:space-x-reverse m-auto">
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">Prev</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">1</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-primary text-white dark:text-white-light dark:bg-primary">2</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">3</button>
+                            </li>
+                            <li><button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">Next</button>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- solid --&gt;
+    &lt;ul class=&quot;inline-flex items-center space-x-1 rtl:space-x-reverse m-auto mb-4&quot;&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;First&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;Prev&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;1&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-primary text-white dark:text-white-light dark:bg-primary&quot;&gt;2&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;3&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;Next&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;Last&lt;/button&gt;&lt;/li&gt;
+    &lt;/ul&gt;
+
+    &lt;!-- solid --&gt;
+    &lt;ul class=&quot;inline-flex items-center space-x-1 rtl:space-x-reverse m-auto&quot;&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;Prev&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;1&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-primary text-white dark:text-white-light dark:bg-primary&quot;&gt;2&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;3&lt;/button&gt;&lt;/li&gt;
+        &lt;li&gt;&lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;Next&lt;/button&gt;&lt;/li&gt;
+    &lt;/ul&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">With Icons</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex justify-center flex-col w-full">
+                        <ul class="inline-flex items-center space-x-1 rtl:space-x-reverse m-auto mb-4">
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                        <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                            stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">1</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-primary text-white dark:text-white-light dark:bg-primary">2</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">3</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                        <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                            stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                        </ul>
+                        <ul class="inline-flex items-center space-x-1 rtl:space-x-reverse m-auto">
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">1</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-primary text-white dark:text-white-light dark:bg-primary">2</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">3</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- with icons --&gt;
+    &lt;ul class=&quot;inline-flex items-center space-x-1 rtl:space-x-reverse m-auto mb-4&quot;&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;1&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-primary text-white dark:text-white-light dark:bg-primary&quot;&gt;2&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;3&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+    &lt;/ul&gt;
+
+    &lt;!-- with icons --&gt;
+    &lt;ul class=&quot;inline-flex items-center space-x-1 rtl:space-x-reverse m-auto&quot;&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;1&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-primary text-white dark:text-white-light dark:bg-primary&quot;&gt;2&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;3&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+    &lt;/ul&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">With Icons and Rounded</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code4')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex justify-center flex-col w-full">
+                        <ul class="inline-flex items-center space-x-1 rtl:space-x-reverse m-auto mb-4">
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold p-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                        <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                            stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold p-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">1</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded-full transition bg-primary text-white dark:text-white-light dark:bg-primary">2</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">3</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold p-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold p-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                        <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                            stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                        </ul>
+                        <ul class="inline-flex items-center space-x-1 rtl:space-x-reverse m-auto">
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold  p-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">1</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded-full transition bg-primary text-white dark:text-white-light dark:bg-primary">2</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">3</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold p-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code4')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- with icons rounded --&gt;
+    &lt;ul class=&quot;inline-flex items-center space-x-1 rtl:space-x-reverse m-auto mb-4&quot;&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold p-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold p-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;1&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded-full transition bg-primary text-white dark:text-white-light dark:bg-primary&quot;&gt;2&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;3&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold p-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold p-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+    &lt;/ul&gt;
+
+    &lt;!-- with icons rounded --&gt;
+    &lt;ul class=&quot;inline-flex items-center space-x-1 rtl:space-x-reverse m-auto&quot;&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold  p-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;1&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded-full transition bg-primary text-white dark:text-white-light dark:bg-primary&quot;&gt;2&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;3&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold p-2 rounded-full transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+    &lt;/ul&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">No Spacing</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code5')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex justify-center flex-col w-full">
+                        <ul class="inline-flex items-center m-auto mb-4">
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold ltr:rounded-l-full rtl:rounded-r-full px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                        <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                            stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">1</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 transition bg-primary text-white dark:text-white-light dark:bg-primary">2</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">3</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold ltr:rounded-r-full rtl:rounded-l-full px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                        <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                            stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                        </ul>
+                        <ul class="inline-flex items-center m-auto">
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold ltr:rounded-l-full rtl:rounded-r-full px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">1</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 transition bg-primary text-white dark:text-white-light dark:bg-primary">2</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">3</button>
+                            </li>
+                            <li>
+                                <button type="button"
+                                    class="flex justify-center font-semibold ltr:rounded-r-full rtl:rounded-l-full px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary">
+
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                        <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </button>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code5')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- no spacing --&gt;
+    &lt;ul class=&quot;inline-flex items-center m-auto mb-4&quot;&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold ltr:rounded-l-full rtl:rounded-r-full px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;1&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 transition bg-primary text-white dark:text-white-light dark:bg-primary&quot;&gt;2&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;3&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold ltr:rounded-r-full rtl:rounded-l-full px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+    &lt;/ul&gt;
+
+    &lt;!-- no spacing --&gt;
+    &lt;ul class=&quot;inline-flex items-center m-auto&quot;&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold ltr:rounded-l-full rtl:rounded-r-full px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;1&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 transition bg-primary text-white dark:text-white-light dark:bg-primary&quot;&gt;2&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;3&lt;/button&gt;
+        &lt;/li&gt;
+        &lt;li&gt;
+            &lt;button type=&quot;button&quot; class=&quot;flex justify-center font-semibold ltr:rounded-r-full rtl:rounded-l-full px-3.5 py-2 transition bg-white-light text-dark hover:text-white hover:bg-primary dark:text-white-light dark:bg-[#191e3a] dark:hover:bg-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/li&gt;
+    &lt;/ul&gt;
+    </pre>
+                </template>
+            </div>
+
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/elements/popovers.blade.php b/resources/views/elements/popovers.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..dfe2ac42dcfcb276ef8c7665ae2b102d0ebb801e
--- /dev/null
+++ b/resources/views/elements/popovers.blade.php
@@ -0,0 +1,395 @@
+<x-layout.default>
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Popovers</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8" x-data="form">
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a href="https://www.npmjs.com/package/tippy.js"
+                    target="_blank" class="block hover:underline">https://www.npmjs.com/package/tippy.js</a>
+            </div>
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Default</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')"><span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code</span></a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex justify-center w-full gap-4">
+                            <a href="javascript:;" @click="$popovers('Popover using ANCHOR tag')"
+                                class="btn bg-primary btn-primary">Link</a>
+                            <button type="button" @click="$popovers('Popover using BUTTON tag')"
+                                class="btn btn-success">Button</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- link --&gt;
+    &lt;a href=&quot;javascript:;&quot; @click=&quot;$popovers('Popover using ANCHOR tag')&quot; class=&quot;btn bg-primary btn-primary&quot;&gt;Link&lt;/a&gt;
+
+    &lt;!-- button --&gt;
+    &lt;button type=&quot;button&quot; @click=&quot;$popovers('Popover using BUTTON tag')&quot; class=&quot;btn btn-success&quot;&gt;Button&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.magic(&quot;popovers&quot;, (el) =&gt; (message, placement) =&gt; {
+                let instance = tippy(el, {
+                    content: message,
+                    placement: placement || undefined,
+                    interactive: true,
+                    allowHTML: true,
+                    delay: el.getAttribute(&quot;data-delay&quot;) || 0,
+                    animation: el.getAttribute(&quot;data-animation&quot;) || &quot;fade&quot;,
+                    theme: el.getAttribute(&quot;data-theme&quot;) || &quot;&quot;,
+                    trigger: el.getAttribute(&quot;data-trigger&quot;) || &quot;click&quot;,
+                });
+
+                instance.show();
+            });
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Placement</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code</span></a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex flex-wrap justify-center gap-4 w-full">
+                            <button type="button" @click="$popovers('Popover on top', 'top')"
+                                class="btn btn-info">Popover on top</button>
+                            <button type="button"
+                                @click="$popovers('Popover on left', $store.app.rtlClass === 'rtl' ? 'right' :'left')"
+                                class="btn btn-secondary">Popover on left</button>
+                            <button type="button"
+                                @click="$popovers('Popover on right', $store.app.rtlClass === 'rtl' ? 'left' : 'right')"
+                                class="btn btn-danger">Popover on right</button>
+                            <button type="button" @click="$popovers('Popover on bottom', 'bottom')"
+                                class="btn btn-warning">Popover on bottom</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- top --&gt;
+    &lt;button type=&quot;button&quot; @click=&quot;$popovers('Popover on top', 'top')&quot; class=&quot;btn btn-info&quot;&gt;Popover on top&lt;/button&gt;
+
+    &lt;!-- left --&gt;
+    &lt;button type=&quot;button&quot; @click=&quot;$popovers('Popover on left', $store.app.rtlClass === 'rtl' ? 'right' :'left')&quot; class=&quot;btn btn-secondary&quot;&gt;Popover on left&lt;/button&gt;
+
+    &lt;!-- right --&gt;
+    &lt;button type=&quot;button&quot; @click=&quot;$popovers('Popover on right', $store.app.rtlClass === 'rtl' ? 'left' :'right')&quot; class=&quot;btn btn-danger&quot;&gt;Popover on right&lt;/button&gt;
+
+    &lt;!-- bottom --&gt;
+    &lt;button type=&quot;button&quot; @click=&quot;$popovers('Popover on bottom', 'bottom')&quot; class=&quot;btn btn-warning&quot;&gt;Popover on bottom&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.magic(&quot;popovers&quot;, (el) =&gt; (message, placement) =&gt; {
+                let instance = tippy(el, {
+                    content: message,
+                    placement: placement || undefined,
+                    interactive: true,
+                    allowHTML: true,
+                    delay: el.getAttribute(&quot;data-delay&quot;) || 0,
+                    animation: el.getAttribute(&quot;data-animation&quot;) || &quot;fade&quot;,
+                    theme: el.getAttribute(&quot;data-theme&quot;) || &quot;&quot;,
+                    trigger: el.getAttribute(&quot;data-trigger&quot;) || &quot;click&quot;,
+                });
+
+                instance.show();
+            });
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <div class="panel lg:row-start-1 lg:col-start-2">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Dismissible popover</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code3')"><span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code</span></a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex justify-center gap-4 w-full">
+                            <button type="button"
+                                @click="$popovers('Popover on left', $store.app.rtlClass === 'rtl' ? 'right' : 'left')"
+                                data-dismissable="true" class="btn btn-dark">Popover on left</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code3')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- dismissible --&gt;
+    &lt;button type=&quot;button&quot; @click=&quot;$popovers('Popover on left', $store.app.rtlClass === 'rtl' ? 'right' : 'left')&quot; data-dismissable=&quot;true&quot; class=&quot;btn btn-dark&quot;&gt;Popover on left&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.magic(&quot;popovers&quot;, (el) =&gt; (message, placement) =&gt; {
+                let instance = tippy(el, {
+                    content: message,
+                    placement: placement || undefined,
+                    interactive: true,
+                    allowHTML: true,
+                    delay: el.getAttribute(&quot;data-delay&quot;) || 0,
+                    animation: el.getAttribute(&quot;data-animation&quot;) || &quot;fade&quot;,
+                    theme: el.getAttribute(&quot;data-theme&quot;) || &quot;&quot;,
+                    trigger: el.getAttribute(&quot;data-trigger&quot;) || &quot;click&quot;,
+                });
+
+                instance.show();
+            });
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Options</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code4')"><span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code</span></a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex flex-wrap justify-center gap-4 w-full">
+                            <button type="button" @mouseenter="$popovers('On hover')" data-trigger="mouseenter"
+                                class="btn btn-primary">On Hover</button>
+                            <button type="button" @focus="$popovers('On hover')" data-trigger="focus"
+                                class="btn btn-secondary">On Focus</button>
+                            <button type="button" @click="$popovers('Delay 1s')" data-delay="1000"
+                                class="btn btn-info">Delay</button>
+                            <button type="button" @click="$popovers('Disabled animation')" data-animation="false"
+                                class="btn btn-dark">Disabled Animation</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code4')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- hover --&gt;
+    &lt;button type=&quot;button&quot; @mouseenter=&quot;$popovers('On hover')&quot; data-trigger=&quot;mouseenter&quot; class=&quot;btn btn-primary&quot;&gt;On Hover&lt;/button&gt;
+
+    &lt;!-- focus --&gt;
+    &lt;button type=&quot;button&quot; @focus=&quot;$popovers('On hover')&quot; data-trigger=&quot;focus&quot; class=&quot;btn btn-secondary&quot;&gt;On Focus&lt;/button&gt;
+
+    &lt;!-- delay --&gt;
+    &lt;button type=&quot;button&quot; @click=&quot;$popovers('Delay 1s')&quot; data-delay=&quot;1000&quot; class=&quot;btn btn-info&quot;&gt;Delay&lt;/button&gt;
+
+    &lt;!-- disabled animation --&gt;
+    &lt;button type=&quot;button&quot; @click=&quot;$popovers('Disabled animation')&quot; data-animation=&quot;false&quot; class=&quot;btn btn-dark&quot;&gt;Disabled Animation&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.magic(&quot;popovers&quot;, (el) =&gt; (message, placement) =&gt; {
+                let instance = tippy(el, {
+                    content: message,
+                    placement: placement || undefined,
+                    interactive: true,
+                    allowHTML: true,
+                    delay: el.getAttribute(&quot;data-delay&quot;) || 0,
+                    animation: el.getAttribute(&quot;data-animation&quot;) || &quot;fade&quot;,
+                    theme: el.getAttribute(&quot;data-theme&quot;) || &quot;&quot;,
+                    trigger: el.getAttribute(&quot;data-trigger&quot;) || &quot;click&quot;,
+                });
+
+                instance.show();
+            });
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <div class="panel lg:col-span-2">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Colors</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code5')"><span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code</span></a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex flex-wrap justify-center gap-4 w-full">
+                            <button type="button" @click="$popovers('Primary')" data-theme="primary"
+                                class="btn btn-primary">Primary</button>
+                            <button type="button" @click="$popovers('Success')" data-theme="success"
+                                class="btn btn-success">Success</button>
+                            <button type="button" @click="$popovers('Info')" data-theme="info"
+                                class="btn btn-info">Info</button>
+                            <button type="button" @click="$popovers('Danger')" data-theme="danger"
+                                class="btn btn-danger">Danger</button>
+                            <button type="button" @click="$popovers('Warning')" data-theme="warning"
+                                class="btn btn-warning">Warning</button>
+                            <button type="button" @click="$popovers('Secondary')" data-theme="secondary"
+                                class="btn btn-secondary">Secondary</button>
+                            <button type="button" @click="$popovers('Dark')" data-theme="dark"
+                                class="btn btn-dark">Dark</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code5')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- primary --&gt;
+    &lt;button type=&quot;button&quot; @click=&quot;$popovers('Primary')&quot; data-theme=&quot;primary&quot; class=&quot;btn btn-primary&quot;&gt;Primary&lt;/button&gt;
+
+    &lt;!-- success --&gt;
+    &lt;button type=&quot;button&quot; @click=&quot;$popovers('Success')&quot; data-theme=&quot;success&quot; class=&quot;btn btn-success&quot;&gt;Success&lt;/button&gt;
+
+    &lt;!-- info --&gt;
+    &lt;button type=&quot;button&quot; @click=&quot;$popovers('Info')&quot; data-theme=&quot;info&quot; class=&quot;btn btn-info&quot;&gt;Info&lt;/button&gt;
+
+    &lt;!-- danger --&gt;
+    &lt;button type=&quot;button&quot; @click=&quot;$popovers('Danger')&quot; data-theme=&quot;danger&quot; class=&quot;btn btn-danger&quot;&gt;Danger&lt;/button&gt;
+
+    &lt;!-- warning --&gt;
+    &lt;button type=&quot;button&quot; @click=&quot;$popovers('Warning')&quot; data-theme=&quot;warning&quot; class=&quot;btn btn-warning&quot;&gt;Warning&lt;/button&gt;
+
+    &lt;!-- secondary --&gt;
+    &lt;button type=&quot;button&quot; @click=&quot;$popovers('Secondary')&quot; data-theme=&quot;secondary&quot; class=&quot;btn btn-secondary&quot;&gt;Secondary&lt;/button&gt;
+
+    &lt;!-- dark --&gt;
+    &lt;button type=&quot;button&quot; @click=&quot;$popovers('Dark')&quot; data-theme=&quot;dark&quot; class=&quot;btn btn-dark&quot;&gt;Dark&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.magic(&quot;popovers&quot;, (el) =&gt; (message, placement) =&gt; {
+                let instance = tippy(el, {
+                    content: message,
+                    placement: placement || undefined,
+                    interactive: true,
+                    allowHTML: true,
+                    delay: el.getAttribute(&quot;data-delay&quot;) || 0,
+                    animation: el.getAttribute(&quot;data-animation&quot;) || &quot;fade&quot;,
+                    theme: el.getAttribute(&quot;data-theme&quot;) || &quot;&quot;,
+                    trigger: el.getAttribute(&quot;data-trigger&quot;) || &quot;click&quot;,
+                });
+
+                instance.show();
+            });
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/elements/progress-bar.blade.php b/resources/views/elements/progress-bar.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..41394d08b5283a70c62bfd0bf4c001ee9711b7ea
--- /dev/null
+++ b/resources/views/elements/progress-bar.blade.php
@@ -0,0 +1,535 @@
+<x-layout.default>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Progress Bar</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 lg:grid-cols-2 gap-6" x-data="form">
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5 space-y-5">
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div class="bg-primary h-4 rounded-full w-3/12"></div>
+                    </div>
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div class="bg-secondary h-4 rounded-full w-4/12"></div>
+                    </div>
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div class="bg-success h-4 rounded-full w-5/12"></div>
+                    </div>
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div class="bg-warning h-4 rounded-full w-6/12"></div>
+                    </div>
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div class="bg-danger h-4 rounded-full w-7/12"></div>
+                    </div>
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div class="bg-info h-4 rounded-full w-8/12"></div>
+                    </div>
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div class="bg-black dark:bg-dark h-4 rounded-full w-9/12"></div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- primary --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-primary h-4 rounded-full w-3/12&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- secondary --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-secondary h-4 rounded-full w-4/12&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- success --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-success h-4 rounded-full w-5/12&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- warning --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-warning h-4 rounded-full w-6/12&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- danger --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-danger h-4 rounded-full w-7/12&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- info --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-info h-4 rounded-full w-8/12&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- black --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-black dark:bg-dark h-4 rounded-full w-9/12&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Gradient</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5 space-y-5">
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div class="bg-gradient-to-r from-[#0081ff] to-[#0045ff] h-4 rounded-full w-3/12"></div>
+                    </div>
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div class="bg-gradient-to-r from-[#04befe] to-[#4481eb] h-4 rounded-full w-4/12"></div>
+                    </div>
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div class="bg-gradient-to-r from-[#3cba92] to-[#0ba360] h-4 rounded-full w-5/12"></div>
+                    </div>
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div class="bg-gradient-to-r from-[#f09819] to-[#ff5858] h-4 rounded-full w-6/12"></div>
+                    </div>
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div class="bg-gradient-to-r from-[#d09693] to-[#c71d6f] h-4 rounded-full w-7/12"></div>
+                    </div>
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div class="bg-gradient-to-r from-[#7579ff] to-[#b224ef] h-4 rounded-full w-8/12"></div>
+                    </div>
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div class="bg-gradient-to-r from-[#2b5876] to-[#4e4376] h-4 rounded-full w-9/12"></div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- gradient primary --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-gradient-to-r from-[#0081ff] to-[#0045ff] h-4 rounded-full w-3/12&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- gradient info --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-gradient-to-r from-[#04befe] to-[#4481eb] h-4 rounded-full w-4/12&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- gradient success --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-gradient-to-r from-[#3cba92] to-[#0ba360] h-4 rounded-full w-5/12&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- gradient warning --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-gradient-to-r from-[#f09819] to-[#ff5858] h-4 rounded-full w-6/12&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- gradient danger --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-gradient-to-r from-[#d09693] to-[#c71d6f] h-4 rounded-full w-7/12&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- gradient secondary --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-gradient-to-r from-[#7579ff] to-[#b224ef] h-4 rounded-full w-8/12&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- gradient dark --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-gradient-to-r from-[#2b5876] to-[#4e4376] h-4 rounded-full w-9/12&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Striped</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5 space-y-5">
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div class="bg-primary h-4 rounded-full w-3/12"
+                            style="background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 1rem 1rem;">
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- Striped --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-primary h-4 rounded-full w-3/12&quot; style=&quot;background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 1rem 1rem;&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Animated</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code4')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5 space-y-5">
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div class="bg-primary h-4 rounded-full w-6/12 animated-progress"
+                            style="background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 1rem 1rem;">
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code4')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- animated --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-primary h-4 rounded-full w-6/12 animated-progress&quot; style=&quot;background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 1rem 1rem;&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Labels</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code5')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5 space-y-5">
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div class="bg-info h-4 rounded-full w-4/5 text-center text-white text-xs">80%</div>
+                    </div>
+                    <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full">
+                        <div
+                            class="bg-danger h-4 rounded-full w-11/12 text-center text-white flex justify-between items-center px-2 text-xs">
+                            <span>PHP</span><span>90%</span>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code5')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- labels --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-info h-4 rounded-full w-6/12 text-center text-white text-xs&quot;&gt;80%&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full&quot;&gt;
+        &lt;div class=&quot;bg-danger h-4 rounded-full w-8/12 text-center text-white flex justify-between items-center px-2 text-xs&quot;&gt;&lt;span&gt;PHP&lt;/span&gt;&lt;span&gt;90%&lt;/span&gt;&lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Stacked</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code6')"><span class="flex items-center">
+
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5 space-y-5">
+                    <div class="space-y-2">
+                        <h3 class="text-base">Basic</h3>
+                        <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex">
+                            <div
+                                class="bg-success h-4 ltr:rounded-l-full rtl:rounded-r-full w-2/12 text-center text-white text-xs">
+                            </div>
+                            <div class="bg-warning h-4 w-4/12 text-center text-white text-xs"></div>
+                            <div
+                                class="bg-danger h-4 ltr:rounded-r-full rtl:rounded-l-full w-3/12 text-center text-white text-xs">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="space-y-2">
+                        <h3 class="text-base">Striped</h3>
+                        <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex">
+                            <div class="bg-primary h-4 ltr:rounded-l-full rtl:rounded-r-full w-2/12 text-center text-white text-xs"
+                                style="background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 1rem 1rem;">
+                            </div>
+                            <div class="bg-success h-4 w-4/12 text-center text-white text-xs"
+                                style="background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 1rem 1rem;">
+                            </div>
+                            <div class="bg-info h-4 ltr:rounded-r-full rtl:rounded-l-full w-3/12 text-center text-white text-xs"
+                                style="background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 1rem 1rem;">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="space-y-2">
+                        <h3 class="text-base">Animated</h3>
+                        <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex">
+                            <div class="bg-info h-4 ltr:rounded-l-full rtl:rounded-r-full w-2/12 animated-progress text-center text-white text-xs"
+                                style="background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 1rem 1rem;">
+                            </div>
+                            <div class="bg-secondary h-4 w-4/12 animated-progress text-center text-white text-xs"
+                                style="background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 1rem 1rem;">
+                            </div>
+                            <div class="bg-primary h-4 ltr:rounded-r-full rtl:rounded-l-full w-3/12 animated-progress text-center text-white text-xs"
+                                style="background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 1rem 1rem;">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code6')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- Striped --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex&quot;&gt;
+        &lt;div class=&quot;bg-success h-4 ltr:rounded-l-full rtl:rounded-r-full w-2/12 text-center text-white text-xs&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;bg-warning h-4 w-4/12 text-center text-white text-xs&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;bg-danger h-4 ltr:rounded-r-full rtl:rounded-l-full w-3/12 text-center text-white text-xs&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- Striped --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex&quot;&gt;
+        &lt;div class=&quot;bg-primary h-4 ltr:rounded-l-full rtl:rounded-r-full w-2/12 text-center text-white text-xs&quot; style=&quot;background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 1rem 1rem;&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;bg-success h-4 w-4/12 text-center text-white text-xs&quot; style=&quot;background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 1rem 1rem;&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;bg-info h-4 ltr:rounded-r-full rtl:rounded-l-full w-3/12 text-center text-white text-xs&quot; style=&quot;background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 1rem 1rem;&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- Striped --&gt;
+    &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex&quot;&gt;
+        &lt;div class=&quot;bg-info h-4 ltr:rounded-l-full rtl:rounded-r-full w-2/12 animated-progress text-center text-white text-xs&quot; style=&quot;background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 1rem 1rem;&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;bg-secondary h-4 w-4/12 animated-progress text-center text-white text-xs&quot; style=&quot;background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 1rem 1rem;&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;bg-primary h-4 ltr:rounded-r-full rtl:rounded-l-full w-3/12 animated-progress text-center text-white text-xs&quot; style=&quot;background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: 1rem 1rem;&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel lg:row-span-2 lg:row-start-3">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Progress Bars Different Sizes</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code7')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5 space-y-5">
+                    <div class="space-y-1">
+                        <h3 class="text-primary">Default Progress Bar Size</h3>
+                        <div class="w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex">
+                            <div
+                                class="bg-primary h-4 rounded-full rounded-bl-full w-3/12 text-center text-white text-xs">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="space-y-2">
+                        <h3 class="text-base text-success">Progress-sm</h3>
+                        <div class="w-full h-1 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex">
+                            <div
+                                class="bg-success h-1 rounded-full rounded-bl-full w-5/12 text-center text-white text-xs">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="space-y-2">
+                        <h3 class="text-base text-warning">Progress-md</h3>
+                        <div class="w-full h-2.5 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex">
+                            <div
+                                class="bg-warning h-2.5 rounded-full rounded-bl-full w-7/12 text-center text-white text-xs">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="space-y-2">
+                        <h3 class="text-base text-info">Progress-lg</h3>
+                        <div class="w-full h-5 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex">
+                            <div
+                                class="bg-info h-5 rounded-full rounded-bl-full w-8/12 text-center text-white text-xs">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="space-y-2">
+                        <h3 class="text-base text-danger">Progress-xl</h3>
+                        <div class="w-full h-6 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex">
+                            <div
+                                class="bg-danger h-6 rounded-full rounded-bl-full w-10/12 text-center text-white text-xs">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code7')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;div class=&quot;space-y-1&quot;&gt;
+        &lt;h3 class=&quot;text-primary&quot;&gt;Default Progress Bar Size&lt;/h3&gt;
+        &lt;div class=&quot;w-full h-4 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex&quot;&gt;
+            &lt;div class=&quot;bg-primary h-4 rounded-full rounded-bl-full w-3/12 text-center text-white text-xs&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- small --&gt;
+    &lt;div class=&quot;space-y-2&quot;&gt;
+        &lt;h3 class=&quot;text-base text-success&quot;&gt;Progress-sm&lt;/h3&gt;
+        &lt;div class=&quot;w-full h-1 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex&quot;&gt;
+            &lt;div class=&quot;bg-success h-1 rounded-full rounded-bl-full w-5/12 text-center text-white text-xs&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- medium --&gt;
+    &lt;div class=&quot;space-y-2&quot;&gt;
+        &lt;h3 class=&quot;text-base text-warning&quot;&gt;Progress-md&lt;/h3&gt;
+        &lt;div class=&quot;w-full h-2.5 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex&quot;&gt;
+            &lt;div class=&quot;bg-warning h-2.5 rounded-full rounded-bl-full w-7/12 text-center text-white text-xs&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- large --&gt;
+    &lt;div class=&quot;space-y-2&quot;&gt;
+        &lt;h3 class=&quot;text-base text-info&quot;&gt;Progress-lg&lt;/h3&gt;
+        &lt;div class=&quot;w-full h-5 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex&quot;&gt;
+            &lt;div class=&quot;bg-info h-5 rounded-full rounded-bl-full w-8/12 text-center text-white text-xs&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- default --&gt;
+    &lt;div class=&quot;space-y-2&quot;&gt;
+        &lt;h3 class=&quot;text-base text-danger&quot;&gt;Progress-xl&lt;/h3&gt;
+        &lt;div class=&quot;w-full h-6 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex&quot;&gt;
+            &lt;div class=&quot;bg-danger h-6 rounded-full rounded-bl-full w-10/12 text-center text-white text-xs&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+    <style scoped>
+        .animated-progress {
+            animation: progress-bar-stripes 1s linear infinite;
+        }
+
+        @keyframes progress-bar-stripes {
+            0% {
+                background-position: 1rem 0
+            }
+
+            to {
+                background-position: 0 0
+            }
+        }
+    </style>
+</x-layout.default>
diff --git a/resources/views/elements/search.blade.php b/resources/views/elements/search.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..3dfba327eaa511042cab3c48cf4d8b12503e3b5f
--- /dev/null
+++ b/resources/views/elements/search.blade.php
@@ -0,0 +1,350 @@
+<x-layout.default>
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Search</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid lg:grid-cols-2 grid-cols-1 gap-6" x-data="search">
+            <div class="panel lg:row-span-2">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Live Search</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')"><span class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5 space-y-5">
+                    <div>
+                        <form class="mx-auto w-full sm:w-1/2 mb-5">
+                            <div class="relative">
+                                <input type="text" placeholder="Search Attendees..."
+                                    class="form-input shadow-[0_0_4px_2px_rgb(31_45_61_/_10%)] bg-white rounded-full h-11 placeholder:tracking-wider ltr:pr-11 rtl:pl-11"
+                                    x-model="search" />
+                                <button type="button"
+                                    class="btn btn-primary absolute ltr:right-1 rtl:left-1 inset-y-0 m-auto rounded-full w-9 h-9 p-0 flex items-center justify-center">
+
+                                    <svg class="mx-auto" width="16" height="16" viewBox="0 0 24 24"
+                                        fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <circle cx="11.5" cy="11.5" r="9.5" stroke="currentColor"
+                                            stroke-width="1.5" opacity="0.5"></circle>
+                                        <path d="M18.5 18.5L22 22" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round"></path>
+                                    </svg>
+                                </button>
+                            </div>
+                        </form>
+                        <div class="p-4 border border-white-dark/20 rounded-lg space-y-4 overflow-x-auto w-full block">
+                            <template x-for="item in searchResults">
+                                <div
+                                    class="bg-white dark:bg-[#1b2e4b] rounded-xl shadow-[0_0_4px_2px_rgb(31_45_61_/_10%)] p-3 flex items-center justify-between
+                                             text-gray-500 font-semibold min-w-[625px] hover:text-primary transition-all duration-300 hover:scale-[1.01]">
+                                    <div class="user-profile">
+                                        <img :src="`/assets/images/${item.thumb}`" alt="image"
+                                            class="w-8 h-8 rounded-md object-cover" />
+                                    </div>
+                                    <div x-text="item.name"></div>
+                                    <div x-text="item.email"></div>
+                                    <div class="badge border-2 border-dashed" :class="item.statusClass"
+                                        x-text="item.status"></div>
+                                    <div class="cursor-pointer">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 opacity-70">
+                                            <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                                stroke-width="1.5"></circle>
+                                            <circle opacity="0.5" cx="12" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                                stroke-width="1.5"></circle>
+                                        </svg>
+                                    </div>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- live search --&gt;
+    &lt;div&gt;
+        &lt;!-- searchbar --&gt;
+        &lt;form class=&quot;mx-auto w-full sm:w-1/2 mb-5&quot;&gt;
+            &lt;div class=&quot;relative&quot;&gt;
+                &lt;input type=&quot;text&quot; placeholder=&quot;Search Attendees...&quot; class=&quot;form-input shadow-[0_0_4px_2px_rgb(31_45_61_/_10%)] bg-white rounded-full h-11 placeholder:tracking-wider&quot; x-model=&quot;search&quot; /&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary absolute ltr:right-1 rtl:left-1 inset-y-0 m-auto rounded-full w-9 h-9 p-0 flex items-center justify-center&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt;
+                &lt;/button&gt;
+            &lt;/div&gt;
+        &lt;/form&gt;
+
+        &lt;!-- result --&gt;
+        &lt;div class=&quot;p-4 border border-white-dark/20 rounded-lg space-y-4 overflow-x-auto w-full block&quot;&gt;
+            &lt;template x-for=&quot;item in searchResults&quot;&gt;
+                &lt;div class=&quot;bg-white dark:bg-[#1b2e4b] rounded-xl shadow-[0_0_4px_2px_rgb(31_45_61_/_10%)] p-3 flex items-center justify-between
+                            text-gray-500 font-semibold min-w-[625px] hover:text-primary transition-all duration-300 hover:scale-[1.01]&quot;&gt;
+                    &lt;div class=&quot;user-profile&quot;&gt;
+                        &lt;img :src=&quot;`/assets/images/${item.thumb} `&quot; alt=&quot;image&quot; class=&quot;w-8 h-8 rounded-md object-cover&quot; /&gt;
+                    &lt;/div&gt;
+                    &lt;div x-text=&quot;item.name&quot;&gt;&lt;/div&gt;
+                    &lt;div x-text=&quot;item.email&quot;&gt;&lt;/div&gt;
+                    &lt;div class=&quot;badge border-2 border-dashed&quot; :class=&quot;item.statusClass&quot; x-text=&quot;item.status&quot;&gt;&lt;/div&gt;
+                    &lt;div class=&quot;cursor-pointer&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;search&quot;, () =&gt; ({
+                search: '',
+                items: [{
+                        thumb: 'profile-5.jpeg',
+                        name: 'Alan Green',
+                        email: 'alan@mail.com',
+                        status: 'Active',
+                        statusClass: 'badge badge-outline-primary'
+                    },
+                    {
+                        thumb: 'profile-11.jpeg',
+                        name: 'Linda Nelson',
+                        email: 'Linda@mail.com',
+                        status: 'Busy',
+                        statusClass: 'badge badge-outline-danger'
+                    },
+                    {
+                        thumb: 'profile-12.jpeg',
+                        name: 'Lila Perry',
+                        email: 'Lila@mail.com',
+                        status: 'Closed',
+                        statusClass: 'badge badge-outline-warning'
+                    },
+                    {
+                        thumb: 'profile-3.jpeg',
+                        name: 'Andy King',
+                        email: 'Andy@mail.com',
+                        status: 'Active',
+                        statusClass: 'badge badge-outline-primary'
+                    },
+                    {
+                        thumb: 'profile-15.jpeg',
+                        name: 'Jesse Cory',
+                        email: 'Jesse@mail.com',
+                        status: 'Busy',
+                        statusClass: 'badge badge-outline-danger'
+                    }
+                ],
+
+                get searchResults() {
+                    return this.items.filter(item =&gt; {
+                        return item.name.toLowerCase().includes(this.search.toLowerCase()) || item.email.toLowerCase().includes(this.search.toLowerCase()) || item.status.toLowerCase().includes(this.search.toLowerCase());
+                    });
+                }
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Overlay</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5 space-y-5">
+                    <form x-data="{ focus: false }" @click.outside="focus = false">
+                        <div class="search-form-overlay relative border border-white-dark/20 rounded-md h-12 w-full"
+                            @click="focus = true" :class="focus && 'input-focused'">
+                            <input type="text" placeholder="Search..."
+                                class="form-input bg-white h-full placeholder:tracking-wider hidden ltr:pl-12 rtl:pr-12 peer"
+                                :class="{ '!block': focus }" />
+                            <button type="submit"
+                                class="text-dark/70 absolute ltr:right-1 rtl:left-1 inset-y-0 my-auto w-9 h-9 p-0 flex items-center justify-center peer-focus:text-primary"
+                                :class="{ 'ltr:!right-auto ltr:left-1 rtl:right-1': focus }">
+
+                                <svg class="mx-auto" width="20" height="20" viewBox="0 0 24 24"
+                                    fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <circle cx="11.5" cy="11.5" r="9.5" stroke="currentColor"
+                                        stroke-width="1.5" opacity="0.5"></circle>
+                                    <path d="M18.5 18.5L22 22" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round"></path>
+                                </svg>
+                            </button>
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- overlay --&gt;
+    &lt;form x-data=&quot;{ focus: false }&quot; @click.outside=&quot;focus = false&quot;&gt;
+        &lt;div class=&quot;search-form-overlay relative border border-white-dark/20 rounded-md h-12 w-full&quot; @click=&quot;focus = true&quot; :class=&quot;focus &amp;&amp; 'input-focused'&quot;&gt;
+            &lt;input type=&quot;text&quot; placeholder=&quot;Search...&quot; class=&quot;form-input bg-white h-full placeholder:tracking-wider hidden ltr:pl-12 rtl:pr-12 peer&quot; :class=&quot;{'!block':focus}&quot; /&gt;
+            &lt;button type=&quot;submit&quot; class=&quot;text-dark/70 absolute ltr:right-1 rtl:left-1 inset-y-0 my-auto w-9 h-9 p-0 flex items-center justify-center peer-focus:text-primary&quot; :class=&quot;{'ltr:!right-auto ltr:left-1 rtl:right-1': focus}&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Search Box</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')"><span class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5 space-y-5">
+                    <form>
+                        <div class="relative border border-white-dark/20  w-full flex">
+                            <button type="submit" placeholder="Let's find your question in fast way"
+                                class="text-primary m-auto p-3 flex items-center justify-center">
+
+                                <svg class="mx-auto" width="20" height="20" viewBox="0 0 24 24"
+                                    fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <circle cx="11.5" cy="11.5" r="9.5" stroke="currentColor"
+                                        stroke-width="1.5" opacity="0.5"></circle>
+                                    <path d="M18.5 18.5L22 22" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round"></path>
+                                </svg>
+                            </button>
+                            <input type="text" placeholder="Let's find your question in fast way"
+                                class="form-input border-0 border-l rounded-none bg-white  focus:shadow-[0_0_5px_2px_rgb(194_213_255_/_62%)] dark:shadow-[#1b2e4b] placeholder:tracking-wider focus:outline-none py-3" />
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- boxed --&gt;
+    &lt;form&gt;
+        &lt;div class=&quot;relative border border-white-dark/20  w-full flex&quot;&gt;
+            &lt;button type=&quot;submit&quot; placeholder=&quot;Let's find your question in fast way&quot; class=&quot;text-primary m-auto p-3 flex items-center justify-center&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/button&gt;
+            &lt;input type=&quot;text&quot; placeholder=&quot;Let's find your question in fast way&quot; class=&quot;form-input border-0 border-l rounded-none bg-white  focus:shadow-[0_0_5px_2px_rgb(194_213_255_/_62%)] dark:shadow-[#1b2e4b] placeholder:tracking-wider focus:outline-none py-3&quot; /&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("search", () => ({
+                search: '',
+                items: [{
+                        thumb: 'profile-5.jpeg',
+                        name: 'Alan Green',
+                        email: 'alan@mail.com',
+                        status: 'Active',
+                        statusClass: 'badge badge-outline-primary'
+                    },
+                    {
+                        thumb: 'profile-11.jpeg',
+                        name: 'Linda Nelson',
+                        email: 'Linda@mail.com',
+                        status: 'Busy',
+                        statusClass: 'badge badge-outline-danger'
+                    },
+                    {
+                        thumb: 'profile-12.jpeg',
+                        name: 'Lila Perry',
+                        email: 'Lila@mail.com',
+                        status: 'Closed',
+                        statusClass: 'badge badge-outline-warning'
+                    },
+                    {
+                        thumb: 'profile-3.jpeg',
+                        name: 'Andy King',
+                        email: 'Andy@mail.com',
+                        status: 'Active',
+                        statusClass: 'badge badge-outline-primary'
+                    },
+                    {
+                        thumb: 'profile-15.jpeg',
+                        name: 'Jesse Cory',
+                        email: 'Jesse@mail.com',
+                        status: 'Busy',
+                        statusClass: 'badge badge-outline-danger'
+                    }
+                ],
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                },
+                get searchResults() {
+                    return this.items.filter(item => {
+                        return item.name.toLowerCase().includes(this.search
+                        .toLowerCase()) || item.email.toLowerCase().includes(this.search
+                                .toLowerCase()) || item.status.toLowerCase().includes(this
+                                .search.toLowerCase());
+                    });
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/elements/tooltips.blade.php b/resources/views/elements/tooltips.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..ec1f3da61f94f02b8a4cd39d7c0834b430d078c3
--- /dev/null
+++ b/resources/views/elements/tooltips.blade.php
@@ -0,0 +1,415 @@
+<x-layout.default>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Tooltips</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8" x-data="form">
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a href="https://www.npmjs.com/package/tippy.js"
+                    target="_blank" class="block hover:underline">https://www.npmjs.com/package/tippy.js</a>
+            </div>
+
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Default</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')"><span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code</span></a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex justify-center w-full gap-4">
+                            <a href="javascript:;" x-tooltip="Tooltip using ANCHOR tag"
+                                class="btn bg-primary btn-primary">Link</a>
+                            <button type="button" x-tooltip="Tooltip using BUTTON tag"
+                                class="btn btn-success">Button</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- link --&gt;
+    &lt;a href=&quot;javascript:;&quot; x-tooltip=&quot;Tooltip using ANCHOR tag&quot; class=&quot;btn bg-primary btn-primary&quot;&gt;Link&lt;/a&gt;
+
+    &lt;!-- button --&gt;
+    &lt;button type=&quot;button&quot; x-tooltip=&quot;Tooltip using BUTTON tag&quot; class=&quot;btn btn-success&quot;&gt;Button&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.directive(&quot;tooltip&quot;, (el, {
+                expression
+            }) =&gt; {
+                tippy(el, {
+                    content: expression,
+                    placement: el.getAttribute(&quot;data-placement&quot;) || undefined,
+                    allowHTML: true,
+                    delay: el.getAttribute(&quot;data-delay&quot;) || 0,
+                    animation: el.getAttribute(&quot;data-animation&quot;) || &quot;fade&quot;,
+                    theme: el.getAttribute(&quot;data-theme&quot;) || &quot;&quot;,
+                });
+            });
+
+            &lt;!-- $tooltip --&gt;
+            Alpine.magic(&quot;tooltip&quot;, (el) =&gt; (message, placement) =&gt; {
+                let instance = tippy(el, {
+                    content: message,
+                    trigger: &quot;manual&quot;,
+                    placement: placement || undefined,
+                    allowHTML: true,
+                });
+
+                instance.show();
+            });
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Placement</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code</span></a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex flex-wrap justify-center gap-4 w-full">
+                            <button type="button" x-tooltip="Tooltip on top" data-placement="top" role="tooltip"
+                                class="btn btn-info">Tooltip on top</button>
+                            <button type="button" x-tooltip="Tooltip on left"
+                                :data-placement="$store.app.rtlClass === 'rtl' ? 'right' : 'left'"
+                                class="btn btn-secondary">Tooltip on left</button>
+                            <button type="button" x-tooltip="Tooltip on bottom" data-placement="bottom"
+                                role="tooltip" class="btn btn-warning">Tooltip on bottom</button>
+                            <button type="button" x-tooltip="Tooltip on right"
+                                :data-placement="$store.app.rtlClass === 'rtl' ? 'left' : 'right'" role="tooltip"
+                                class="btn btn-danger">Tooltip on right</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- top --&gt;
+    &lt;button type=&quot;button&quot; x-tooltip=&quot;Tooltip on top&quot; data-placement=&quot;top&quot; role=&quot;tooltip&quot; class=&quot;btn btn-info&quot;&gt;Tooltip on top&lt;/button&gt;
+
+    &lt;!-- left --&gt;
+    &lt;button type=&quot;button&quot; x-tooltip=&quot;Tooltip on left&quot; :data-placement=&quot;$store.app.rtlClass === 'rtl' ? 'right' : 'left'&quot; class=&quot;btn btn-secondary&quot;&gt;Tooltip on left&lt;/button&gt;
+
+    &lt;!-- bottom --&gt;
+    &lt;button type=&quot;button&quot; x-tooltip=&quot;Tooltip on bottom&quot; data-placement=&quot;bottom&quot; role=&quot;tooltip&quot; class=&quot;btn btn-warning&quot;&gt;Tooltip on bottom&lt;/button&gt;
+
+    &lt;!-- right --&gt;
+    &lt;button type=&quot;button&quot; x-tooltip=&quot;Tooltip on right&quot; :data-placement=&quot;$store.app.rtlClass === 'rtl' ? 'left' : 'right'&quot; role=&quot;tooltip&quot; class=&quot;btn btn-danger&quot;&gt;Tooltip on right&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.directive(&quot;tooltip&quot;, (el, {
+                expression
+            }) =&gt; {
+                tippy(el, {
+                    content: expression,
+                    placement: el.getAttribute(&quot;data-placement&quot;) || undefined,
+                    allowHTML: true,
+                    delay: el.getAttribute(&quot;data-delay&quot;) || 0,
+                    animation: el.getAttribute(&quot;data-animation&quot;) || &quot;fade&quot;,
+                    theme: el.getAttribute(&quot;data-theme&quot;) || &quot;&quot;,
+                });
+            });
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <div class="panel lg:row-start-1 lg:col-start-2">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">HTML</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code3')"><span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code</span></a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex justify-center gap-4 w-full">
+                            <button type="button" x-tooltip="<strong>Bolded content</strong>"
+                                class="btn btn-dark">Tooltip on HTML</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code3')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- html --&gt;
+    &lt;button type=&quot;button&quot; x-tooltip=&quot;&lt;strong&gt;Bolded content&lt;/strong&gt;&quot; class=&quot;btn btn-dark&quot;&gt;Tooltip on HTML&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.directive(&quot;tooltip&quot;, (el, {
+                expression
+            }) =&gt; {
+                tippy(el, {
+                    content: expression,
+                    placement: el.getAttribute(&quot;data-placement&quot;) || undefined,
+                    allowHTML: true,
+                    delay: el.getAttribute(&quot;data-delay&quot;) || 0,
+                    animation: el.getAttribute(&quot;data-animation&quot;) || &quot;fade&quot;,
+                    theme: el.getAttribute(&quot;data-theme&quot;) || &quot;&quot;,
+                });
+            });
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Options</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code4')"><span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code</span></a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex flex-wrap justify-center gap-4 w-full">
+                            <button type="button" @click="$tooltip('On click')" class="btn btn-primary">On
+                                Click</button>
+                            <button type="button" @focus="$tooltip('On focus')" class="btn btn-secondary">On
+                                Focus</button>
+                            <button type="button" x-tooltip="Delay 1s" data-delay='1000'
+                                class="btn btn-info">Delay</button>
+                            <button type="button" x-tooltip="Disable Animation" data-animation="false"
+                                class="btn btn-dark">Disabled Animation</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code4')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- click --&gt;
+    &lt;button type=&quot;button&quot; @click=&quot;$tooltip('On click')&quot; class=&quot;btn btn-primary&quot;&gt;On Click&lt;/button&gt;
+
+    &lt;!-- focus --&gt;
+    &lt;button type=&quot;button&quot; @focus=&quot;$tooltip('On focus')&quot; class=&quot;btn btn-secondary&quot;&gt;On Focus&lt;/button&gt;
+
+    &lt;!-- delay --&gt;
+    &lt;button type=&quot;button&quot; x-tooltip=&quot;Delay 1s&quot; data-delay='1000' class=&quot;btn btn-info&quot;&gt;Delay&lt;/button&gt;
+
+    &lt;!-- disabled animation --&gt;
+    &lt;button type=&quot;button&quot; x-tooltip=&quot;Disable Animation&quot; data-animation=&quot;false&quot; class=&quot;btn btn-dark&quot;&gt;Disabled Animation&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.directive(&quot;tooltip&quot;, (el, {
+                expression
+            }) =&gt; {
+                tippy(el, {
+                    content: expression,
+                    placement: el.getAttribute(&quot;data-placement&quot;) || undefined,
+                    allowHTML: true,
+                    delay: el.getAttribute(&quot;data-delay&quot;) || 0,
+                    animation: el.getAttribute(&quot;data-animation&quot;) || &quot;fade&quot;,
+                    theme: el.getAttribute(&quot;data-theme&quot;) || &quot;&quot;,
+                });
+            });
+
+            &lt;!-- $tooltip --&gt;
+            Alpine.magic(&quot;tooltip&quot;, (el) =&gt; (message, placement) =&gt; {
+                let instance = tippy(el, {
+                    content: message,
+                    trigger: &quot;manual&quot;,
+                    placement: placement || undefined,
+                    allowHTML: true,
+                });
+
+                instance.show();
+            });
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <div class="panel lg:col-span-2">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Colors</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code5')"><span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code</span></a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex flex-wrap justify-center gap-4 w-full">
+                            <button type="button" x-tooltip="Primary" data-theme="primary"
+                                class="btn btn-primary">Primary</button>
+                            <button type="button" x-tooltip="Success" data-theme="success"
+                                class="btn btn-success">Success</button>
+                            <button type="button" x-tooltip="Info" data-theme="info"
+                                class="btn btn-info">Info</button>
+                            <button type="button" x-tooltip="Danger" data-theme="danger"
+                                class="btn btn-danger">Danger</button>
+                            <button type="button" x-tooltip="Warning" data-theme="warning"
+                                class="btn btn-warning">Warning</button>
+                            <button type="button" x-tooltip="Secondary" data-theme="secondary"
+                                class="btn btn-secondary">Secondary</button>
+                            <button type="button" x-tooltip="Dark" data-theme="dark"
+                                class="btn btn-dark">Dark</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code5')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- primary --&gt;
+    &lt;button type=&quot;button&quot; x-tooltip=&quot;Primary&quot; data-theme=&quot;primary&quot; class=&quot;btn btn-primary&quot;&gt;Primary&lt;/button&gt;
+
+    &lt;!-- success --&gt;
+    &lt;button type=&quot;button&quot; x-tooltip=&quot;Success&quot; data-theme=&quot;success&quot; class=&quot;btn btn-success&quot;&gt;Success&lt;/button&gt;
+
+    &lt;!-- info --&gt;
+    &lt;button type=&quot;button&quot; x-tooltip=&quot;Info&quot; data-theme=&quot;info&quot; class=&quot;btn btn-info&quot;&gt;Info&lt;/button&gt;
+
+    &lt;!-- danger --&gt;
+    &lt;button type=&quot;button&quot; x-tooltip=&quot;Danger&quot; data-theme=&quot;danger&quot; class=&quot;btn btn-danger&quot;&gt;Danger&lt;/button&gt;
+
+    &lt;!-- warning --&gt;
+    &lt;button type=&quot;button&quot; x-tooltip=&quot;Warning&quot; data-theme=&quot;warning&quot; class=&quot;btn btn-warning&quot;&gt;Warning&lt;/button&gt;
+
+    &lt;!-- secondary --&gt;
+    &lt;button type=&quot;button&quot; x-tooltip=&quot;Secondary&quot; data-theme=&quot;secondary&quot; class=&quot;btn btn-secondary&quot;&gt;Secondary&lt;/button&gt;
+
+    &lt;!-- dark --&gt;
+    &lt;button type=&quot;button&quot; x-tooltip=&quot;Dark&quot; data-theme=&quot;dark&quot; class=&quot;btn btn-dark&quot;&gt;Dark&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.directive(&quot;tooltip&quot;, (el, {
+                expression
+            }) =&gt; {
+                tippy(el, {
+                    content: expression,
+                    placement: el.getAttribute(&quot;data-placement&quot;) || undefined,
+                    allowHTML: true,
+                    delay: el.getAttribute(&quot;data-delay&quot;) || 0,
+                    animation: el.getAttribute(&quot;data-animation&quot;) || &quot;fade&quot;,
+                    theme: el.getAttribute(&quot;data-theme&quot;) || &quot;&quot;,
+                });
+            });
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                init() {
+                    const instance = tippy(document.querySelector('#btn-left'));
+                    this.$watch('$store.app.rtlClass', () => {
+                        instance.destroy();
+                    });
+                },
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/elements/treeview.blade.php b/resources/views/elements/treeview.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..d41ba6cf73bf9164ec08634523dfbf29dffdd245
--- /dev/null
+++ b/resources/views/elements/treeview.blade.php
@@ -0,0 +1,625 @@
+<x-layout.default>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Treeview</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 lg:grid-cols-2 gap-6" x-data="form">
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Animated</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <ul class="font-semibold">
+                        <li class="py-[5px]" x-data="dropdown">
+                            <button type="button" @click="toggle">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2"
+                                    :class="{ 'rotate-180': open }">
+                                    <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round"></path>
+                                </svg>
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2">
+                                    <path opacity="0.5" d="M18 10L13 10" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path
+                                        d="M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                                CSS
+                            </button>
+                            <ul class="ltr:pl-14 rtl:pr-14" x-show="open" x-collapse>
+                                <li class="py-[5px]">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        class="w-4.5 h-4.5 text-primary inline ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                            fill="currentColor" />
+                                        <path opacity="0.5" d="M6 14.5H14" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path opacity="0.5" d="M6 18H11.5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path opacity="0.5"
+                                            d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                    style.css
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="py-[5px]" x-data="dropdown(true)">
+                            <button type="button" @click="toggle">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2"
+                                    :class="{ 'rotate-180': open }">
+                                    <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round"></path>
+                                </svg>
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2">
+                                    <path opacity="0.5" d="M18 10L13 10" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path
+                                        d="M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                                Images
+                            </button>
+                            <ul class="ltr:pl-14 rtl:pr-14" x-show="open" x-collapse>
+                                <li class="py-[5px]">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        class="w-4.5 h-4.5 text-primary inline ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                            fill="currentColor" />
+                                        <path opacity="0.5" d="M6 14.5H14" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path opacity="0.5" d="M6 18H11.5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path opacity="0.5"
+                                            d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                    profile-16.jpeg
+                                </li>
+                                <li class="py-[5px]">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        class="w-4.5 h-4.5 text-primary inline ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                            fill="currentColor" />
+                                        <path opacity="0.5" d="M6 14.5H14" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path opacity="0.5" d="M6 18H11.5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path opacity="0.5"
+                                            d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                    background.png
+                                </li>
+                                <li class="py-[5px]">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        class="w-4.5 h-4.5 text-primary inline ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                            fill="currentColor" />
+                                        <path opacity="0.5" d="M6 14.5H14" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path opacity="0.5" d="M6 18H11.5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path opacity="0.5"
+                                            d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                    gallery.jpg
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="py-[5px]" x-data="dropdown">
+                            <button type="button" @click="toggle">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2"
+                                    :class="{ 'rotate-180': open }">
+                                    <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round"></path>
+                                </svg>
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2">
+                                    <path opacity="0.5" d="M18 10L13 10" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path
+                                        d="M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                                HTML
+                            </button>
+                            <ul class="ltr:pl-14 rtl:pr-14" x-show="open" x-collapse>
+                                <li class="py-[5px]" x-data="dropdown">
+                                    <button type="button" @click="toggle">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2"
+                                            :class="{ 'rotate-180': open }">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round"></path>
+                                        </svg>
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2">
+                                            <path opacity="0.5" d="M18 10L13 10" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" />
+                                            <path
+                                                d="M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                        PAGES
+                                    </button>
+                                    <ul class="ltr:pl-14 rtl:pr-14" x-show="open" x-collapse>
+                                        <li class="py-[5px]">
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg"
+                                                class="w-4.5 h-4.5 text-primary inline ltr:mr-2 rtl:ml-2">
+                                                <path
+                                                    d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                                    fill="currentColor" />
+                                                <path opacity="0.5" d="M6 14.5H14" stroke="currentColor"
+                                                    stroke-width="1.5" stroke-linecap="round" />
+                                                <path opacity="0.5" d="M6 18H11.5" stroke="currentColor"
+                                                    stroke-width="1.5" stroke-linecap="round" />
+                                                <path opacity="0.5"
+                                                    d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                            </svg>
+                                            file name
+                                        </li>
+                                        <li class="py-[5px]">
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg"
+                                                class="w-4.5 h-4.5 text-primary inline ltr:mr-2 rtl:ml-2">
+                                                <path
+                                                    d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                                    fill="currentColor" />
+                                                <path opacity="0.5" d="M6 14.5H14" stroke="currentColor"
+                                                    stroke-width="1.5" stroke-linecap="round" />
+                                                <path opacity="0.5" d="M6 18H11.5" stroke="currentColor"
+                                                    stroke-width="1.5" stroke-linecap="round" />
+                                                <path opacity="0.5"
+                                                    d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                            </svg>
+                                            file name
+                                        </li>
+                                        <li class="py-[5px]">
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg"
+                                                class="w-4.5 h-4.5 text-primary inline ltr:mr-2 rtl:ml-2">
+                                                <path
+                                                    d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                                    fill="currentColor" />
+                                                <path opacity="0.5" d="M6 14.5H14" stroke="currentColor"
+                                                    stroke-width="1.5" stroke-linecap="round" />
+                                                <path opacity="0.5" d="M6 18H11.5" stroke="currentColor"
+                                                    stroke-width="1.5" stroke-linecap="round" />
+                                                <path opacity="0.5"
+                                                    d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                            </svg>
+                                            file name
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="py-[5px] ltr:pl-8 rtl:pr-8">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        class="w-4.5 h-4.5 text-primary inline ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                            fill="currentColor" />
+                                        <path opacity="0.5" d="M6 14.5H14" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path opacity="0.5" d="M6 18H11.5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path opacity="0.5"
+                                            d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                    file name
+                                </li>
+                                <li class="py-[5px] ltr:pl-8 rtl:pr-8">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        class="w-4.5 h-4.5 text-primary inline ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                            fill="currentColor" />
+                                        <path opacity="0.5" d="M6 14.5H14" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path opacity="0.5" d="M6 18H11.5" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path opacity="0.5"
+                                            d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                    file name
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="py-[5px] ltr:pl-7 rtl:pr-7">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg"
+                                class="w-4.5 h-4.5 text-primary inline ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                    fill="currentColor" />
+                                <path opacity="0.5" d="M6 14.5H14" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path opacity="0.5" d="M6 18H11.5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path opacity="0.5"
+                                    d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                            index.html
+                        </li>
+                        <li class="py-[5px] ltr:pl-7 rtl:pr-7">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg"
+                                class="w-4.5 h-4.5 text-primary inline ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                    fill="currentColor" />
+                                <path opacity="0.5" d="M6 14.5H14" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path opacity="0.5" d="M6 18H11.5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path opacity="0.5"
+                                    d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                            components.html
+                        </li>
+                    </ul>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- animated --&gt;
+    &lt;ul class=&quot;font-semibold&quot;&gt;
+        &lt;li class=&quot;py-[5px]&quot; x-data=&quot;dropdown&quot;&gt;
+            &lt;button type=&quot;button&quot; @click=&quot;toggle&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt; CSS
+            &lt;/button&gt;
+            &lt;ul class=&quot;ltr:pl-14 rtl:pr-14&quot; x-show=&quot;open&quot; x-collapse&gt;
+                &lt;li class=&quot;py-[5px]&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; style.css
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/li&gt;
+        &lt;li class=&quot;py-[5px]&quot; x-data=&quot;dropdown(true)&quot;&gt;
+            &lt;button type=&quot;button&quot; @click=&quot;toggle&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt; Images
+            &lt;/button&gt;
+            &lt;ul class=&quot;ltr:pl-14 rtl:pr-14&quot; x-show=&quot;open&quot; x-collapse&gt;
+                &lt;li class=&quot;py-[5px]&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; profile-16.jpeg
+                &lt;/li&gt;
+                &lt;li class=&quot;py-[5px]&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; background.png
+                &lt;/li&gt;
+                &lt;li class=&quot;py-[5px]&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; gallery.jpg
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/li&gt;
+        &lt;li class=&quot;py-[5px]&quot; x-data=&quot;dropdown&quot;&gt;
+            &lt;button type=&quot;button&quot; @click=&quot;toggle&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt; HTML
+            &lt;/button&gt;
+            &lt;ul class=&quot;ltr:pl-14 rtl:pr-14&quot; x-show=&quot;open&quot; x-collapse&gt;
+                &lt;li class=&quot;py-[5px]&quot; x-data=&quot;dropdown&quot;&gt;
+                    &lt;button type=&quot;button&quot; @click=&quot;toggle&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;PAGES
+                    &lt;/button&gt;
+                    &lt;ul class=&quot;ltr:pl-14 rtl:pr-14&quot; x-show=&quot;open&quot; x-collapse&gt;
+                        &lt;li class=&quot;py-[5px]&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;  file name
+                        &lt;/li&gt;
+                        &lt;li class=&quot;py-[5px]&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;  file name
+                        &lt;/li&gt;
+                        &lt;li class=&quot;py-[5px]&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;  file name
+                        &lt;/li&gt;
+                    &lt;/ul&gt;
+                &lt;/li&gt;
+                &lt;li class=&quot;py-[5px] ltr:pl-8 rtl:pr-8&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; file name
+                &lt;/li&gt;
+                &lt;li class=&quot;py-[5px] ltr:pl-8 rtl:pr-8&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; file name
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/li&gt;
+        &lt;li class=&quot;py-[5px] ltr:pl-7 rtl:pr-7&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;  index.html
+        &lt;/li&gt;
+        &lt;li class=&quot;py-[5px] ltr:pl-7 rtl:pr-7&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;  components.html
+        &lt;/li&gt;
+    &lt;/ul&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;collapse&quot;, () =&gt; ({
+                collapse: false,
+
+                collapseSidebar() {
+                    this.collapse = !this.collapse;
+                },
+            }));
+
+            Alpine.data(&quot;dropdown&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <ul class="font-semibold">
+                        <li x-data="dropdown(true)">
+                            <button type="button" @click="toggle">
+                                <svg x-show="open" width="24" height="24" viewBox="0 0 24 24"
+                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                    class="w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2">
+                                    <path opacity="0.5" d="M14 14H10" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path
+                                        d="M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                                <svg x-show="!open" width="24" height="24" viewBox="0 0 24 24"
+                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                    class="w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2">
+                                    <path opacity="0.5" d="M10 14H12M12 14H14M12 14V16M12 14V12"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                                Parent Node
+                            </button>
+                            <ul x-show="open">
+                                <li class="py-[5px] ltr:pl-7 rtl:pr-7" x-data="dropdown">
+                                    <button type="button" @click="toggle">
+                                        <svg x-show="open" width="24" height="24" viewBox="0 0 24 24"
+                                            fill="none" xmlns="http://www.w3.org/2000/svg"
+                                            class="w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2">
+                                            <path opacity="0.5" d="M14 14H10" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" />
+                                            <path
+                                                d="M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                        <svg x-show="!open" width="24" height="24" viewBox="0 0 24 24"
+                                            fill="none" xmlns="http://www.w3.org/2000/svg"
+                                            class="w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2">
+                                            <path opacity="0.5" d="M10 14H12M12 14H14M12 14V16M12 14V12"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                            <path
+                                                d="M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg> img
+                                    </button>
+                                    <ul x-show="open"></ul>
+                                </li>
+                                <li class="py-[5px] ltr:pl-7 rtl:pr-7" x-data="dropdown">
+                                    <button type="button" @click="toggle">
+                                        <svg x-show="open" width="24" height="24" viewBox="0 0 24 24"
+                                            fill="none" xmlns="http://www.w3.org/2000/svg"
+                                            class="w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2">
+                                            <path opacity="0.5" d="M14 14H10" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" />
+                                            <path
+                                                d="M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                        <svg x-show="!open" width="24" height="24" viewBox="0 0 24 24"
+                                            fill="none" xmlns="http://www.w3.org/2000/svg"
+                                            class="w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2">
+                                            <path opacity="0.5" d="M10 14H12M12 14H14M12 14V16M12 14V12"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                            <path
+                                                d="M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg> css
+                                    </button>
+                                    <ul x-show="open">
+                                        <li class="py-[5px] ltr:pl-7 rtl:pr-7 text-secondary">style.css</li>
+                                    </ul>
+                                </li>
+                                <li class="py-[5px] ltr:pl-7 rtl:pr-7" x-data="dropdown">
+                                    <button type="button" @click="toggle">
+                                        <svg x-show="open" width="24" height="24" viewBox="0 0 24 24"
+                                            fill="none" xmlns="http://www.w3.org/2000/svg"
+                                            class="w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2">
+                                            <path opacity="0.5" d="M14 14H10" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" />
+                                            <path
+                                                d="M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                        <svg x-show="!open" width="24" height="24" viewBox="0 0 24 24"
+                                            fill="none" xmlns="http://www.w3.org/2000/svg"
+                                            class="w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2">
+                                            <path opacity="0.5" d="M10 14H12M12 14H14M12 14V16M12 14V12"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                            <path
+                                                d="M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg> js
+                                    </button>
+                                    <ul x-show="open">
+                                        <li class="py-[5px] ltr:pl-7 rtl:pr-7 text-secondary">script.js</li>
+                                    </ul>
+                                </li>
+                                <li class="py-[5px] ltr:pl-7 rtl:pr-7 text-secondary">index.html</li>
+                            </ul>
+                        </li>
+                    </ul>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;ul class=&quot;font-semibold&quot;&gt;
+        &lt;li x-data=&quot;dropdown(true)&quot;&gt;
+            &lt;button type=&quot;button&quot; @click=&quot;toggle&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt; Parent Node
+            &lt;/button&gt;
+            &lt;ul x-show=&quot;open&quot;&gt;
+                &lt;li class=&quot;py-[5px] ltr:pl-7 rtl:pr-7&quot; x-data=&quot;dropdown&quot;&gt;
+                    &lt;button type=&quot;button&quot; @click=&quot;toggle&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;img
+                    &lt;/button&gt;
+                    &lt;ul x-show=&quot;open&quot;&gt;&lt;/ul&gt;
+                &lt;/li&gt;
+                &lt;li class=&quot;py-[5px] ltr:pl-7 rtl:pr-7&quot; x-data=&quot;dropdown&quot;&gt;
+                    &lt;button type=&quot;button&quot; @click=&quot;toggle&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;css
+                    &lt;/button&gt;
+                    &lt;ul x-show=&quot;open&quot;&gt;
+                        &lt;li class=&quot;py-[5px] ltr:pl-7 rtl:pr-7 text-secondary&quot;&gt;style.css&lt;/li&gt;
+                    &lt;/ul&gt;
+                &lt;/li&gt;
+                &lt;li class=&quot;py-[5px] ltr:pl-7 rtl:pr-7&quot; x-data=&quot;dropdown&quot;&gt;
+                    &lt;button type=&quot;button&quot; @click=&quot;toggle&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;js
+                    &lt;/button&gt;
+                    &lt;ul x-show=&quot;open&quot;&gt;
+                        &lt;li class=&quot;py-[5px] ltr:pl-7 rtl:pr-7 text-secondary&quot;&gt;script.js&lt;/li&gt;
+                    &lt;/ul&gt;
+                &lt;/li&gt;
+                &lt;li class=&quot;py-[5px] ltr:pl-7 rtl:pr-7 text-secondary&quot;&gt;index.html&lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/li&gt;
+    &lt;/ul&gt;
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;dropdown&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/elements/typography.blade.php b/resources/views/elements/typography.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..0bb53593be046057d290081f8e33da7bfd100fd3
--- /dev/null
+++ b/resources/views/elements/typography.blade.php
@@ -0,0 +1,199 @@
+<x-layout.default>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Elements</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Typography</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 lg:grid-cols-2 gap-6">
+            <div class="panel">
+                <h5 class="font-semibold text-lg dark:text-white-light mb-5">Heading</h5>
+                <div class="flex items-center justify-center mb-5">
+                    <div
+                        class="border border-white-dark/20 dark:border-[#191e3a] rounded-md overflow-hidden w-full max-w-xs">
+                        <div class="p-4 bg-white dark:bg-[#191e3a]">
+                            <p class="text-4xl text-[#515365] leading-[60px] dark:text-white-light">The quick brown fox
+                            </p>
+                        </div>
+                        <div
+                            class="p-4 bg-dark-light dark:bg-[#191e3a] border-t border-border-white-dark/20 dark:border-[#0e1726]">
+                            <h5 class="text-base dark:text-white-light">Nunito</h5>
+                            <a href="javascript:;" class="text-primary text-[13px]">Google Fonts</a>
+                            <div class="flex justify-center mt-7">
+                                <a href="javascript:;" class="btn btn-primary">View Family</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="panel">
+                <h5 class="font-semibold text-lg dark:text-white-light mb-5">Heading</h5>
+                <div class="flex items-center justify-center mb-5">
+                    <div class="border border-white-dark/20 rounded-md w-full max-w-xs prose p-5">
+                        <h1 class="m-0 dark:text-white-dark">H1. Heading</h1>
+                        <h2 class="m-0 dark:text-white-dark">H2. Heading</h2>
+                        <h3 class="m-0 dark:text-white-dark">H3. Heading</h3>
+                        <h4 class="m-0 dark:text-white-dark">H4. Heading</h4>
+                        <h5 class="m-0 dark:text-white-dark">H5. Heading</h5>
+                        <h6 class="m-0 dark:text-white-dark">H6. Heading</h6>
+                    </div>
+                </div>
+            </div>
+
+            <div class="panel">
+                <h5 class="font-semibold text-lg dark:text-white-light mb-5">Heading Colored</h5>
+                <div class="flex items-center justify-center mb-5">
+                    <div class="border border-white-dark/20 rounded-md w-full max-w-xs prose p-5">
+                        <h1 class="text-primary m-0">H1. Heading</h1>
+                        <h2 class="text-info m-0">H2. Heading</h2>
+                        <h3 class="text-success m-0">H3. Heading</h3>
+                        <h4 class="text-warning m-0">H4. Heading</h4>
+                        <h5 class="text-danger m-0">H5. Heading</h5>
+                        <h6 class="text-secondary m-0">H6. Heading</h6>
+                    </div>
+                </div>
+            </div>
+
+            <div class="panel">
+                <h5 class="font-semibold text-lg dark:text-white-light mb-5">Icon List</h5>
+                <div class="flex items-center justify-center mb-5">
+                    <div class="border border-white-dark/20 rounded-md w-full max-w-xs p-5">
+                        <ul class="space-y-3 font-semibold">
+                            <li>
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-4 h-4 inline text-primary rtl:rotate-180 ltr:mr-2 rtl:ml-2">
+                                    <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                                <span class="list-text">Aliquam et eros vehicula.</span>
+                            </li>
+                            <li>
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-4 h-4 inline text-primary rtl:rotate-180 ltr:mr-2 rtl:ml-2">
+                                    <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                                <span class="list-text">Vivamus lacus suscipit.</span>
+                            </li>
+                            <li>
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-4 h-4 inline text-primary rtl:rotate-180 ltr:mr-2 rtl:ml-2">
+                                    <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                                <span class="list-text">Morbi luctus tincidunt.</span>
+                            </li>
+                            <li>
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-4 h-4 inline text-primary rtl:rotate-180 ltr:mr-2 rtl:ml-2">
+                                    <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                                <span class="list-text">Nulla metus dolor.</span>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+
+            <div class="panel">
+                <h5 class="font-semibold text-lg dark:text-white-light mb-5">Unordered list</h5>
+                <div class="flex items-center justify-center mb-5">
+                    <div class="border border-white-dark/20 rounded-md w-full max-w-xs p-5 text-white-dark">
+                        <ul class="space-y-3 list-inside list-disc font-semibold">
+                            <li class="mb-1">Consectetur adipiscing elit</li>
+                            <li class="mb-1">Integer molestie lorem at massa</li>
+                            <li class="mb-1">Facilisis in pretium nisl aliquet</li>
+                            <li class="inline">
+                                <ul class="list-inside ltr:pl-5 rtl:pr-5 space-y-3">
+                                    <li class="mb-1 mt-1">Phasellus iaculis neque</li>
+                                    <li class="mb-1">Purus sodales ultricies</li>
+                                    <li class="mb-1">Ac tristique libero volutpat at</li>
+                                </ul>
+                            </li>
+                            <li class="mb-1 mt-1">Faucibus porta lacus fringilla vel</li>
+                            <li class="mb-1">Aenean sit amet erat nunc</li>
+                            <li class="mb-1">Eget porttitor lorem</li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+
+            <div class="panel">
+                <h5 class="font-semibold text-lg dark:text-white-light mb-5">Ordered list</h5>
+                <div class="flex items-center justify-center mb-5">
+                    <div class="border border-white-dark/20 rounded-md w-full max-w-xs p-5 text-white-dark">
+                        <ol class="space-y-3 list-inside list-decimal font-semibold">
+                            <li class="mb-1">Consectetur adipiscing elit</li>
+                            <li class="mb-1">Integer molestie lorem at massa</li>
+                            <li class="mb-1">Facilisis in pretium nisl aliquet</li>
+                            <li class="inline">
+                                <ol class="list-inside list-decimal ltr:pl-5 rtl:pr-5 space-y-3">
+                                    <li class="mb-1 mt-1">Phasellus iaculis neque</li>
+                                    <li class="mb-1">Purus sodales ultricies</li>
+                                    <li class="mb-1">Ac tristique libero volutpat at</li>
+                                </ol>
+                            </li>
+                            <li class="mb-1 mt-1">Faucibus porta lacus fringilla vel</li>
+                            <li class="mb-1">Aenean sit amet erat nunc</li>
+                            <li class="mb-1">Eget porttitor lorem</li>
+                        </ol>
+                    </div>
+                </div>
+            </div>
+
+            <div class="panel">
+                <h5 class="font-semibold text-lg dark:text-white-light mb-5">Blockquote</h5>
+                <div class="flex items-center justify-center mb-5">
+                    <blockquote
+                        class="text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]">
+                        <div class="flex items-start">
+                            <p class="not-italic text-[#515365] text-sm dark:text-white-light m-0">Lorem ipsum dolor
+                                sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+                        </div>
+                        <small
+                            class="w-full not-italic text-xs text-[#777] block before:w-3 before:h-[1px] before:bg-[#777] before:inline-block before:opacity-50 before:relative before:-top-1 ltr:before:mr-1 rtl:before:ml-1">Someone
+                            famous <cite class="italic">Source Title</cite></small>
+                    </blockquote>
+                </div>
+            </div>
+
+            <div class="panel">
+                <h5 class="font-semibold text-lg dark:text-white-light mb-5">Blockquote with profile</h5>
+                <div class="flex items-center justify-center mb-5">
+                    <blockquote
+                        class="text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]">
+                        <div class="flex items-start">
+                            <div class="w-14 h-14 ltr:mr-5 rtl:ml-5 flex-none">
+                                <img src="/assets/images/profile-34.jpeg" alt="image"
+                                    class="w-14 h-14 rounded-full object-cover m-auto" />
+                            </div>
+                            <p class="not-italic text-[#515365] text-sm dark:text-white-light m-0">Lorem ipsum dolor
+                                sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+                        </div>
+                        <small
+                            class="ltr:text-right rtl:text-left w-full not-italic text-xs text-[#777] block before:w-3 before:h-[1px] before:bg-[#777] before:inline-block before:opacity-50 before:relative before:-top-1 ltr:before:mr-1 rtl:before:ml-1">Someone
+                            famous <cite class="italic">Source Title</cite></small>
+                    </blockquote>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+
+
+</x-layout.default>
diff --git a/resources/views/finance.blade.php b/resources/views/finance.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..95782c353a9838ee30037a7324a1aec875f16554
--- /dev/null
+++ b/resources/views/finance.blade.php
@@ -0,0 +1,991 @@
+<x-layout.default>
+
+    <script defer src="/assets/js/apexcharts.js"></script>
+    <div x-data="finance">
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Dashboard</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Finance</span>
+            </li>
+        </ul>
+        <div class="pt-5">
+            <div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-6 mb-6 text-white">
+                <!-- Users Visit -->
+                <div class="panel bg-gradient-to-r from-cyan-500 to-cyan-400">
+                    <div class="flex justify-between">
+                        <div class="ltr:mr-1 rtl:ml-1 text-md font-semibold">Users Visit</div>
+                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                            <a href="javascript:;" @click="toggle">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 hover:opacity-80 opacity-70">
+                                    <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <circle opacity="0.5" cx="12" cy="12" r="2"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                </svg>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="ltr:right-0 rtl:left-0 text-black dark:text-white-dark">
+                                <li><a href="javascript:;" @click="toggle">View Report</a></li>
+                                <li><a href="javascript:;" @click="toggle">Edit Report</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="flex items-center mt-5">
+                        <div class="text-3xl font-bold ltr:mr-3 rtl:ml-3"> $170.46 </div>
+                        <div class="badge bg-white/30">+ 2.35% </div>
+                    </div>
+                    <div class="flex items-center font-semibold mt-5">
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                            <path opacity="0.5"
+                                d="M3.27489 15.2957C2.42496 14.1915 2 13.6394 2 12C2 10.3606 2.42496 9.80853 3.27489 8.70433C4.97196 6.49956 7.81811 4 12 4C16.1819 4 19.028 6.49956 20.7251 8.70433C21.575 9.80853 22 10.3606 22 12C22 13.6394 21.575 14.1915 20.7251 15.2957C19.028 17.5004 16.1819 20 12 20C7.81811 20 4.97196 17.5004 3.27489 15.2957Z"
+                                stroke="currentColor" stroke-width="1.5"></path>
+                            <path
+                                d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z"
+                                stroke="currentColor" stroke-width="1.5"></path>
+                        </svg>
+                        Last Week 44,700
+                    </div>
+                </div>
+
+                <!-- Sessions -->
+                <div class="panel bg-gradient-to-r from-violet-500 to-violet-400">
+                    <div class="flex justify-between">
+                        <div class="ltr:mr-1 rtl:ml-1 text-md font-semibold">Sessions</div>
+                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                            <a href="javascript:;" @click="toggle">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 hover:opacity-80 opacity-70">
+                                    <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <circle opacity="0.5" cx="12" cy="12" r="2"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                </svg>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="ltr:right-0 rtl:left-0 text-black dark:text-white-dark">
+
+                                <li><a href="javascript:;" @click="toggle">View Report</a></li>
+                                <li><a href="javascript:;" @click="toggle">Edit Report</a></li>
+
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="flex items-center mt-5">
+                        <div class="text-3xl font-bold ltr:mr-3 rtl:ml-3"> 74,137 </div>
+                        <div class="badge bg-white/30">- 2.35% </div>
+                    </div>
+                    <div class="flex items-center font-semibold mt-5">
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                            <path opacity="0.5"
+                                d="M3.27489 15.2957C2.42496 14.1915 2 13.6394 2 12C2 10.3606 2.42496 9.80853 3.27489 8.70433C4.97196 6.49956 7.81811 4 12 4C16.1819 4 19.028 6.49956 20.7251 8.70433C21.575 9.80853 22 10.3606 22 12C22 13.6394 21.575 14.1915 20.7251 15.2957C19.028 17.5004 16.1819 20 12 20C7.81811 20 4.97196 17.5004 3.27489 15.2957Z"
+                                stroke="currentColor" stroke-width="1.5"></path>
+                            <path
+                                d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z"
+                                stroke="currentColor" stroke-width="1.5"></path>
+                        </svg>
+                        Last Week 84,709
+                    </div>
+                </div>
+
+                <!-- Time On-Site -->
+                <div class="panel bg-gradient-to-r from-blue-500 to-blue-400">
+                    <div class="flex justify-between">
+                        <div class="ltr:mr-1 rtl:ml-1 text-md font-semibold">Time On-Site</div>
+                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                            <a href="javascript:;" @click="toggle">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 hover:opacity-80 opacity-70">
+                                    <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <circle opacity="0.5" cx="12" cy="12" r="2"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                </svg>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="ltr:right-0 rtl:left-0 text-black dark:text-white-dark">
+                                <li><a href="javascript:;" @click="toggle">View Report</a></li>
+                                <li><a href="javascript:;" @click="toggle">Edit Report</a></li>
+
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="flex items-center mt-5">
+                        <div class="text-3xl font-bold ltr:mr-3 rtl:ml-3"> 38,085 </div>
+                        <div class="badge bg-white/30">+ 1.35% </div>
+                    </div>
+                    <div class="flex items-center font-semibold mt-5">
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                            <path opacity="0.5"
+                                d="M3.27489 15.2957C2.42496 14.1915 2 13.6394 2 12C2 10.3606 2.42496 9.80853 3.27489 8.70433C4.97196 6.49956 7.81811 4 12 4C16.1819 4 19.028 6.49956 20.7251 8.70433C21.575 9.80853 22 10.3606 22 12C22 13.6394 21.575 14.1915 20.7251 15.2957C19.028 17.5004 16.1819 20 12 20C7.81811 20 4.97196 17.5004 3.27489 15.2957Z"
+                                stroke="currentColor" stroke-width="1.5"></path>
+                            <path
+                                d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z"
+                                stroke="currentColor" stroke-width="1.5"></path>
+                        </svg>
+                        Last Week 37,894
+                    </div>
+                </div>
+
+                <!-- Bounce Rate -->
+                <div class="panel bg-gradient-to-r from-fuchsia-500 to-fuchsia-400">
+                    <div class="flex justify-between">
+                        <div class="ltr:mr-1 rtl:ml-1 text-md font-semibold">Bounce Rate</div>
+                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                            <a href="javascript:;" @click="toggle">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 hover:opacity-80 opacity-70">
+                                    <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <circle opacity="0.5" cx="12" cy="12" r="2"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                </svg>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="ltr:right-0 rtl:left-0 text-black dark:text-white-dark">
+                                <li><a href="javascript:;" @click="toggle">View Report</a></li>
+                                <li><a href="javascript:;" @click="toggle">Edit Report</a></li>
+
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="flex items-center mt-5">
+                        <div class="text-3xl font-bold ltr:mr-3 rtl:ml-3"> 49.10% </div>
+                        <div class="badge bg-white/30">- 0.35% </div>
+                    </div>
+                    <div class="flex items-center font-semibold mt-5">
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2 shrink-0">
+                            <path opacity="0.5"
+                                d="M3.27489 15.2957C2.42496 14.1915 2 13.6394 2 12C2 10.3606 2.42496 9.80853 3.27489 8.70433C4.97196 6.49956 7.81811 4 12 4C16.1819 4 19.028 6.49956 20.7251 8.70433C21.575 9.80853 22 10.3606 22 12C22 13.6394 21.575 14.1915 20.7251 15.2957C19.028 17.5004 16.1819 20 12 20C7.81811 20 4.97196 17.5004 3.27489 15.2957Z"
+                                stroke="currentColor" stroke-width="1.5"></path>
+                            <path
+                                d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z"
+                                stroke="currentColor" stroke-width="1.5"></path>
+                        </svg>
+                        Last Week 50.01%
+                    </div>
+                </div>
+            </div>
+
+            <div class="grid grid-cols-1 xl:grid-cols-2 gap-6">
+                <!-- Favorites -->
+                <div>
+                    <div class="flex items-center mb-5 font-bold">
+                        <span class="text-lg">Favorites</span>
+                        <a href="javascript:;"
+                            class="ltr:ml-auto rtl:mr-auto text-primary hover:text-black dark:hover:text-white-dark">
+                            See All
+                        </a>
+                    </div>
+                    <div class="grid grid-cols-1 sm:grid-cols-3 gap-6 md:mb-5">
+                        <!-- Bitcoin -->
+                        <div class="panel">
+                            <div class="flex items-center font-semibold mb-5">
+                                <div class="shrink-0 w-10 h-10 rounded-full grid place-content-center">
+                                    <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="100%"
+                                        height="100%" version="1.1" shape-rendering="geometricPrecision"
+                                        text-rendering="geometricPrecision" image-rendering="optimizeQuality"
+                                        fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 4091.27 4091.73"
+                                        xmlns:xlink="http://www.w3.org/1999/xlink"
+                                        xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+                                        <g id="Layer_x0020_1">
+                                            <metadata id="CorelCorpID_0Corel-Layer" />
+                                            <g id="_1421344023328">
+                                                <path fill="#F7931A" fill-rule="nonzero"
+                                                    d="M4030.06 2540.77c-273.24,1096.01 -1383.32,1763.02 -2479.46,1489.71 -1095.68,-273.24 -1762.69,-1383.39 -1489.33,-2479.31 273.12,-1096.13 1383.2,-1763.19 2479,-1489.95 1096.06,273.24 1763.03,1383.51 1489.76,2479.57l0.02 -0.02z" />
+                                                <path fill="white" fill-rule="nonzero"
+                                                    d="M2947.77 1754.38c40.72,-272.26 -166.56,-418.61 -450,-516.24l91.95 -368.8 -224.5 -55.94 -89.51 359.09c-59.02,-14.72 -119.63,-28.59 -179.87,-42.34l90.16 -361.46 -224.36 -55.94 -92 368.68c-48.84,-11.12 -96.81,-22.11 -143.35,-33.69l0.26 -1.16 -309.59 -77.31 -59.72 239.78c0,0 166.56,38.18 163.05,40.53 90.91,22.69 107.35,82.87 104.62,130.57l-104.74 420.15c6.26,1.59 14.38,3.89 23.34,7.49 -7.49,-1.86 -15.46,-3.89 -23.73,-5.87l-146.81 588.57c-11.11,27.62 -39.31,69.07 -102.87,53.33 2.25,3.26 -163.17,-40.72 -163.17,-40.72l-111.46 256.98 292.15 72.83c54.35,13.63 107.61,27.89 160.06,41.3l-92.9 373.03 224.24 55.94 92 -369.07c61.26,16.63 120.71,31.97 178.91,46.43l-91.69 367.33 224.51 55.94 92.89 -372.33c382.82,72.45 670.67,43.24 791.83,-303.02 97.63,-278.78 -4.86,-439.58 -206.26,-544.44 146.69,-33.83 257.18,-130.31 286.64,-329.61l-0.07 -0.05zm-512.93 719.26c-69.38,278.78 -538.76,128.08 -690.94,90.29l123.28 -494.2c152.17,37.99 640.17,113.17 567.67,403.91zm69.43 -723.3c-63.29,253.58 -453.96,124.75 -580.69,93.16l111.77 -448.21c126.73,31.59 534.85,90.55 468.94,355.05l-0.02 0z" />
+                                            </g>
+                                        </g>
+                                    </svg>
+                                </div>
+                                <div class="ltr:ml-2 rtl:mr-2">
+                                    <h6 class="text-dark dark:text-white-light">BTC</h6>
+                                    <p class="text-white-dark text-xs">Bitcoin</p>
+                                </div>
+                            </div>
+                            <div class="mb-5 overflow-hidden">
+                                <div x-ref="bitcoin"></div>
+                            </div>
+                            <div class="flex justify-between items-center font-bold text-base">$20,000 <span
+                                    class="text-success font-normal text-sm">+0.25%</span></div>
+                        </div>
+
+                        <!-- Ethereum -->
+                        <div class="panel">
+                            <div class="flex items-center font-semibold mb-5">
+                                <div class="shrink-0 w-10 h-10 bg-warning rounded-full grid place-content-center p-2">
+                                    <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="100%"
+                                        height="100%" version="1.1" shape-rendering="geometricPrecision"
+                                        text-rendering="geometricPrecision" image-rendering="optimizeQuality"
+                                        fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 784.37 1277.39"
+                                        xmlns:xlink="http://www.w3.org/1999/xlink"
+                                        xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+                                        <g id="Layer_x0020_1">
+                                            <metadata id="CorelCorpID_0Corel-Layer" />
+                                            <g id="_1421394342400">
+                                                <g>
+                                                    <polygon fill="#343434" fill-rule="nonzero"
+                                                        points="392.07,0 383.5,29.11 383.5,873.74 392.07,882.29 784.13,650.54 " />
+                                                    <polygon fill="#8C8C8C" fill-rule="nonzero"
+                                                        points="392.07,0 -0,650.54 392.07,882.29 392.07,472.33 " />
+                                                    <polygon fill="#3C3C3B" fill-rule="nonzero"
+                                                        points="392.07,956.52 387.24,962.41 387.24,1263.28 392.07,1277.38 784.37,724.89 " />
+                                                    <polygon fill="#8C8C8C" fill-rule="nonzero"
+                                                        points="392.07,1277.38 392.07,956.52 -0,724.89 " />
+                                                    <polygon fill="#141414" fill-rule="nonzero"
+                                                        points="392.07,882.29 784.13,650.54 392.07,472.33 " />
+                                                    <polygon fill="#393939" fill-rule="nonzero"
+                                                        points="0,650.54 392.07,882.29 392.07,472.33 " />
+                                                </g>
+                                            </g>
+                                        </g>
+                                    </svg>
+
+                                </div>
+                                <div class="ltr:ml-2 rtl:mr-2">
+                                    <h6 class="text-dark dark:text-white-light">ETH</h6>
+                                    <p class="text-white-dark text-xs">Ethereum</p>
+                                </div>
+                            </div>
+                            <div class="mb-5 overflow-hidden">
+                                <div x-ref="ethereum"></div>
+                            </div>
+                            <div class="flex justify-between items-center font-bold text-base">$21,000 <span
+                                    class="text-danger font-normal text-sm">-1.25%</span></div>
+                        </div>
+
+                        <!-- Litecoin -->
+                        <div class="panel">
+                            <div class="flex items-center font-semibold mb-5">
+                                <div class="shrink-0 w-10 h-10 rounded-full grid place-content-center">
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"
+                                        viewBox="0.847 0.876 329.254 329.256">
+                                        <title>Litecoin</title>
+                                        <path
+                                            d="M330.102 165.503c0 90.922-73.705 164.629-164.626 164.629C74.554 330.132.848 256.425.848 165.503.848 74.582 74.554.876 165.476.876c90.92 0 164.626 73.706 164.626 164.627"
+                                            fill="#345d9d" />
+                                        <path
+                                            d="M295.15 165.505c0 71.613-58.057 129.675-129.674 129.675-71.616 0-129.677-58.062-129.677-129.675 0-71.619 58.061-129.677 129.677-129.677 71.618 0 129.674 58.057 129.674 129.677"
+                                            fill="#345d9d" />
+                                        <path
+                                            d="M155.854 209.482l10.693-40.264 25.316-9.249 6.297-23.663-.215-.587-24.92 9.104 17.955-67.608h-50.921l-23.481 88.23-19.605 7.162-6.478 24.395 19.59-7.156-13.839 51.998h135.521l8.688-32.362h-84.601"
+                                            fill="#fff" />
+                                    </svg>
+                                </div>
+                                <div class="ltr:ml-2 rtl:mr-2">
+                                    <h6 class="text-dark dark:text-white-light">LTC</h6>
+                                    <p class="text-white-dark text-xs">Litecoin</p>
+                                </div>
+                            </div>
+                            <div class="mb-5 overflow-hidden">
+                                <div x-ref="litecoin"></div>
+                            </div>
+                            <div class="flex justify-between items-center font-bold text-base">$11,657 <span
+                                    class="text-success font-normal text-sm">+0.25%</span></div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Live Prices -->
+                <div>
+                    <div class="flex items-center mb-5 font-bold">
+                        <span class="text-lg">Live Prices</span>
+                        <a href="javascript:;"
+                            class="ltr:ml-auto rtl:mr-auto text-primary hover:text-black dark:hover:text-white-dark">
+                            See All
+                        </a>
+                    </div>
+                    <div class="grid grid-cols-1 sm:grid-cols-3 gap-6 mb-6">
+                        <!-- Binance -->
+                        <div class="panel">
+                            <div class="flex items-center font-semibold mb-5">
+                                <div class="shrink-0 w-10 h-10 rounded-full grid place-content-center">
+                                    <svg width="100%" height="100%" viewBox="0 0 1024 1024"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <g id="Icon">
+                                            <circle cx="512" cy="512" r="512"
+                                                style="fill: #f3ba2f" />
+                                            <path class="st1 fill-white"
+                                                d="M404.9 468 512 360.9l107.1 107.2 62.3-62.3L512 236.3 342.6 405.7z" />
+                                            <path transform="rotate(-45.001 298.629 511.998)" class="st1 fill-white"
+                                                d="M254.6 467.9h88.1V556h-88.1z" />
+                                            <path class="st1 fill-white"
+                                                d="M404.9 556 512 663.1l107.1-107.2 62.4 62.3h-.1L512 787.7 342.6 618.3l-.1-.1z" />
+                                            <path transform="rotate(-45.001 725.364 512.032)" class="st1 fill-white"
+                                                d="M681.3 468h88.1v88.1h-88.1z" />
+                                            <path class="st1 fill-white"
+                                                d="M575.2 512 512 448.7l-46.7 46.8-5.4 5.3-11.1 11.1-.1.1.1.1 63.2 63.2 63.2-63.3z" />
+                                        </g>
+                                    </svg>
+                                </div>
+                                <div class="ltr:ml-2 rtl:mr-2">
+                                    <h6 class="text-dark dark:text-white-light">BNB</h6>
+                                    <p class="text-white-dark text-xs">Binance</p>
+                                </div>
+                            </div>
+                            <div class="mb-5 overflow-hidden">
+                                <div x-ref="binance"></div>
+                            </div>
+                            <div class="flex justify-between items-center font-bold text-base">$21,000 <span
+                                    class="text-danger font-normal text-sm">-1.25%</span></div>
+                        </div>
+
+                        <!-- Tether -->
+                        <div class="panel">
+                            <div class="flex items-center font-semibold mb-5">
+                                <div class="shrink-0 w-10 h-10 rounded-full grid place-content-center">
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"
+                                        viewBox="0 0 2000 2000">
+                                        <path
+                                            d="M1000,0c552.26,0,1000,447.74,1000,1000S1552.24,2000,1000,2000,0,1552.38,0,1000,447.68,0,1000,0"
+                                            fill="#53ae94" />
+                                        <path
+                                            d="M1123.42,866.76V718H1463.6V491.34H537.28V718H877.5V866.64C601,879.34,393.1,934.1,393.1,999.7s208,120.36,484.4,133.14v476.5h246V1132.8c276-12.74,483.48-67.46,483.48-133s-207.48-120.26-483.48-133m0,225.64v-0.12c-6.94.44-42.6,2.58-122,2.58-63.48,0-108.14-1.8-123.88-2.62v0.2C633.34,1081.66,451,1039.12,451,988.22S633.36,894.84,877.62,884V1050.1c16,1.1,61.76,3.8,124.92,3.8,75.86,0,114-3.16,121-3.8V884c243.8,10.86,425.72,53.44,425.72,104.16s-182,93.32-425.72,104.18"
+                                            fill="#fff" />
+                                    </svg>
+                                </div>
+                                <div class="ltr:ml-2 rtl:mr-2">
+                                    <h6 class="text-dark dark:text-white-light">USDT</h6>
+                                    <p class="text-white-dark text-xs">Tether</p>
+                                </div>
+                            </div>
+                            <div class="mb-5 overflow-hidden">
+                                <div x-ref="tether"></div>
+                            </div>
+                            <div class="flex justify-between items-center font-bold text-base">$20,000 <span
+                                    class="text-success font-normal text-sm">+0.25%</span></div>
+                        </div>
+
+                        <!-- Solana -->
+                        <div class="panel">
+                            <div class="flex items-center font-semibold mb-5">
+                                <div class="shrink-0 w-10 h-10 bg-warning rounded-full p-2 grid place-content-center">
+                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+                                        width="100%" height="100%" viewBox="0 0 508.07 398.17">
+                                        <defs>
+                                            <linearGradient id="linear-gradient" x1="463" y1="205.16"
+                                                x2="182.39" y2="742.62" gradientTransform="translate(0 -198)"
+                                                gradientUnits="userSpaceOnUse">
+                                                <stop offset="0" stop-color="#00ffa3" />
+                                                <stop offset="1" stop-color="#dc1fff" />
+                                            </linearGradient>
+                                            <linearGradient id="linear-gradient-2" x1="340.31" y1="141.1"
+                                                x2="59.71" y2="678.57" xlink:href="#linear-gradient" />
+                                            <linearGradient id="linear-gradient-3" x1="401.26" y1="172.92"
+                                                x2="120.66" y2="710.39" xlink:href="#linear-gradient" />
+                                        </defs>
+                                        <path class="cls-1 fill-[url(#linear-gradient)]"
+                                            d="M84.53,358.89A16.63,16.63,0,0,1,96.28,354H501.73a8.3,8.3,0,0,1,5.87,14.18l-80.09,80.09a16.61,16.61,0,0,1-11.75,4.86H10.31A8.31,8.31,0,0,1,4.43,439Z"
+                                            transform="translate(-1.98 -55)" />
+                                        <path class="cls-2 fill-[url(#linear-gradient)]"
+                                            d="M84.53,59.85A17.08,17.08,0,0,1,96.28,55H501.73a8.3,8.3,0,0,1,5.87,14.18l-80.09,80.09a16.61,16.61,0,0,1-11.75,4.86H10.31A8.31,8.31,0,0,1,4.43,140Z"
+                                            transform="translate(-1.98 -55)" />
+                                        <path class="cls-3 fill-[url(#linear-gradient)]"
+                                            d="M427.51,208.42a16.61,16.61,0,0,0-11.75-4.86H10.31a8.31,8.31,0,0,0-5.88,14.18l80.1,80.09a16.6,16.6,0,0,0,11.75,4.86H501.73a8.3,8.3,0,0,0,5.87-14.18Z"
+                                            transform="translate(-1.98 -55)" />
+                                    </svg>
+                                </div>
+                                <div class="ltr:ml-2 rtl:mr-2">
+                                    <h6 class="text-dark dark:text-white-light">SOL</h6>
+                                    <p class="text-white-dark text-xs">Solana</p>
+                                </div>
+                            </div>
+                            <div class="mb-5 overflow-hidden">
+                                <div x-ref="solana"></div>
+                            </div>
+                            <div class="flex justify-between items-center font-bold text-base">$21,000 <span
+                                    class="text-danger font-normal text-sm">-1.25%</span></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="grid grid-cols-1 xl:grid-cols-2 gap-6">
+                <div class="grid gap-6 xl:grid-flow-row">
+                    <!-- Previous Statement -->
+                    <div class="panel overflow-hidden">
+                        <div class="flex items-center justify-between">
+                            <div>
+                                <div class="text-lg font-bold">Previous Statement</div>
+                                <div class="text-success"> Paid on June 27, 2022 </div>
+                            </div>
+                            <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                <a href="javascript:;" @click="toggle">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        class="w-5 h-5 hover:opacity-80 opacity-70">
+                                        <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                            stroke-width="1.5" />
+                                        <circle opacity="0.5" cx="12" cy="12" r="2"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                            stroke-width="1.5" />
+                                    </svg>
+                                </a>
+                                <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                    class="ltr:right-0 rtl:left-0">
+                                    <li><a href="javascript:;" @click="toggle">View Report</a></li>
+                                    <li><a href="javascript:;" @click="toggle">Edit Report</a></li>
+
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="relative mt-10">
+                            <div class="absolute -bottom-12 ltr:-right-12 rtl:-left-12 w-24 h-24">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="text-success opacity-20 w-full h-full">
+                                    <circle opacity="0.5" cx="12" cy="12" r="10"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path d="M8.5 12.5L10.5 14.5L15.5 9.5" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                            </div>
+                            <div class="grid grid-cols-2 md:grid-cols-3 gap-6">
+                                <div>
+                                    <div class="text-primary">Card Limit</div>
+                                    <div class="mt-2 font-semibold text-2xl">$50,000.00</div>
+                                </div>
+                                <div>
+                                    <div class="text-primary">Spent</div>
+                                    <div class="mt-2 font-semibold text-2xl">$15,000.00</div>
+                                </div>
+                                <div>
+                                    <div class="text-primary">Minimum</div>
+                                    <div class="mt-2 font-semibold text-2xl">$2,500.00</div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- Current Statement -->
+                    <div class="panel overflow-hidden">
+                        <div class="flex items-center justify-between">
+                            <div>
+                                <div class="text-lg font-bold">Current Statement</div>
+                                <div class="text-danger"> Must be paid before July 27, 2022 </div>
+                            </div>
+                            <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                                <a href="javascript:;" @click="toggle">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        class="w-5 h-5 hover:opacity-80 opacity-70">
+                                        <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                            stroke-width="1.5" />
+                                        <circle opacity="0.5" cx="12" cy="12" r="2"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                            stroke-width="1.5" />
+                                    </svg>
+                                </a>
+                                <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                    class="ltr:right-0 rtl:left-0">
+                                    <li><a href="javascript:;" @click="toggle">View Report</a></li>
+                                    <li><a href="javascript:;" @click="toggle">Edit Report</a></li>
+
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="relative mt-10">
+                            <div class="absolute -bottom-12 ltr:-right-12 rtl:-left-12 w-24 h-24">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="text-danger opacity-20 w-24 h-full">
+                                    <circle opacity="0.5" cx="12" cy="12" r="10"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path d="M12 7V13" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <circle cx="12" cy="16" r="1" fill="currentColor" />
+                                </svg>
+                            </div>
+
+                            <div class="grid grid-cols-2 md:grid-cols-3 gap-6">
+                                <div>
+                                    <div class="text-primary">Card Limit</div>
+                                    <div class="mt-2 font-semibold text-2xl">$50,000.00</div>
+                                </div>
+                                <div>
+                                    <div class="text-primary">Spent</div>
+                                    <div class="mt-2 font-semibold text-2xl">$30,500.00</div>
+                                </div>
+                                <div>
+                                    <div class="text-primary">Minimum</div>
+                                    <div class="mt-2 font-semibold text-2xl">$8,000.00</div>
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+
+                <!-- Recent Transactions -->
+                <div class="panel">
+                    <div class="mb-5 text-lg font-bold">Recent Transactions</div>
+                    <div class="table-responsive">
+                        <table>
+                            <thead>
+                                <tr>
+                                    <th class="ltr:rounded-l-md rtl:rounded-r-md">ID</th>
+                                    <th>DATE</th>
+                                    <th>NAME</th>
+                                    <th>AMOUNT</th>
+                                    <th class="text-center ltr:rounded-r-md rtl:rounded-l-md">STATUS</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td class="font-semibold">#01</td>
+                                    <td class="whitespace-nowrap">Oct 08, 2021</td>
+                                    <td class="whitespace-nowrap">Eric Page</td>
+                                    <td>$1,358.75</td>
+                                    <td class="text-center">
+                                        <span
+                                            class="badge bg-success/20 text-success rounded-full hover:top-0">Completed</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="font-semibold">#02</td>
+                                    <td class="whitespace-nowrap">Dec 18, 2021</td>
+                                    <td class="whitespace-nowrap">Nita Parr</td>
+                                    <td>-$1,042.82</td>
+                                    <td class="text-center">
+                                        <span class="badge bg-info/20 text-info rounded-full hover:top-0">In
+                                            Process</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="font-semibold">#03</td>
+                                    <td class="whitespace-nowrap">Dec 25, 2021</td>
+                                    <td class="whitespace-nowrap">Carl Bell</td>
+                                    <td>$1,828.16</td>
+                                    <td class="text-center">
+                                        <span
+                                            class="badge bg-danger/20 text-danger rounded-full hover:top-0">Pending</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="font-semibold">#04</td>
+                                    <td class="whitespace-nowrap">Nov 29, 2021</td>
+                                    <td class="whitespace-nowrap">Dan Hart</td>
+                                    <td>$1,647.55</td>
+                                    <td class="text-center">
+                                        <span
+                                            class="badge bg-success/20 text-success rounded-full hover:top-0">Completed</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="font-semibold">#05</td>
+                                    <td class="whitespace-nowrap">Nov 24, 2021</td>
+                                    <td class="whitespace-nowrap">Jake Ross</td>
+                                    <td>$927.43</td>
+                                    <td class="text-center">
+                                        <span
+                                            class="badge bg-success/20 text-success rounded-full hover:top-0">Completed</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="font-semibold">#06</td>
+                                    <td class="whitespace-nowrap">Jan 26, 2022</td>
+                                    <td class="whitespace-nowrap">Anna Bell</td>
+                                    <td>$250.00</td>
+                                    <td class="text-center">
+                                        <span class="badge bg-info/20 text-info rounded-full hover:top-0">In
+                                            Process</span>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener("alpine:init", () => {
+            // finance
+            Alpine.data("finance", () => ({
+                init() {
+                    const bitcoin = null;
+                    const ethereum = null;
+                    const litecoin = null;
+                    const binance = null;
+                    const tether = null;
+                    const solana = null;
+
+                    setTimeout(() => {
+                        this.bitcoin = new ApexCharts(this.$refs.bitcoin, this.bitcoinOptions);
+                        this.bitcoin.render();
+
+                        this.ethereum = new ApexCharts(this.$refs.ethereum, this
+                            .ethereumOptions);
+                        this.ethereum.render();
+
+                        this.litecoin = new ApexCharts(this.$refs.litecoin, this
+                            .litecoinOptions);
+                        this.litecoin.render();
+
+                        this.binance = new ApexCharts(this.$refs.binance, this.binanceOptions);
+                        this.binance.render();
+
+                        this.tether = new ApexCharts(this.$refs.tether, this.tetherOptions);
+                        this.tether.render();
+
+                        this.solana = new ApexCharts(this.$refs.solana, this.solanaOptions);
+                        this.solana.render();
+                    }, 300);
+
+                },
+
+                get bitcoinOptions() {
+                    return {
+                        series: [{
+                            data: [21, 9, 36, 12, 44, 25, 59, 41, 25, 66]
+                        }],
+                        chart: {
+                            height: 45,
+                            type: 'line',
+                            sparkline: {
+                                enabled: true
+                            },
+                        },
+                        stroke: {
+                            width: 2
+                        },
+                        markers: {
+                            size: 0
+                        },
+                        colors: ['#00ab55'],
+                        grid: {
+                            padding: {
+                                top: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+                        responsive: [{
+                            breakPoint: 576,
+                            options: {
+                                chart: {
+                                    height: 95
+                                },
+                                grid: {
+                                    padding: {
+                                        top: 45,
+                                        bottom: 0,
+                                        left: 0
+                                    }
+                                }
+                            }
+                        }],
+                    }
+                },
+
+                get ethereumOptions() {
+                    return {
+                        series: [{
+                            data: [44, 25, 59, 41, 66, 25, 21, 9, 36, 12]
+                        }],
+                        chart: {
+                            height: 45,
+                            type: 'line',
+                            sparkline: {
+                                enabled: true
+                            },
+                        },
+                        stroke: {
+                            width: 2
+                        },
+                        markers: {
+                            size: 0
+                        },
+                        colors: ['#e7515a'],
+                        grid: {
+                            padding: {
+                                top: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+                        responsive: [{
+                            breakPoint: 576,
+                            options: {
+                                chart: {
+                                    height: 95
+                                },
+                                grid: {
+                                    padding: {
+                                        top: 45,
+                                        bottom: 0,
+                                        left: 0
+                                    }
+                                }
+                            }
+                        }],
+                    }
+                },
+
+                get litecoinOptions() {
+                    return {
+                        series: [{
+                            data: [9, 21, 36, 12, 66, 25, 44, 25, 41, 59]
+                        }],
+                        chart: {
+                            height: 45,
+                            type: 'line',
+                            sparkline: {
+                                enabled: true
+                            },
+                        },
+                        stroke: {
+                            width: 2
+                        },
+                        markers: {
+                            size: 0
+                        },
+                        colors: ['#00ab55'],
+                        grid: {
+                            padding: {
+                                top: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+                        responsive: [{
+                            breakPoint: 576,
+                            options: {
+                                chart: {
+                                    height: 95
+                                },
+                                grid: {
+                                    padding: {
+                                        top: 45,
+                                        bottom: 0,
+                                        left: 0
+                                    }
+                                }
+                            }
+                        }],
+                    }
+                },
+
+                get binanceOptions() {
+                    return {
+                        series: [{
+                            data: [25, 44, 25, 59, 41, 21, 36, 12, 19, 9]
+                        }],
+                        chart: {
+                            height: 45,
+                            type: 'line',
+                            sparkline: {
+                                enabled: true
+                            },
+                        },
+                        stroke: {
+                            width: 2
+                        },
+                        markers: {
+                            size: 0
+                        },
+                        colors: ['#e7515a'],
+                        grid: {
+                            padding: {
+                                top: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+                        responsive: [{
+                            breakPoint: 576,
+                            options: {
+                                chart: {
+                                    height: 95
+                                },
+                                grid: {
+                                    padding: {
+                                        top: 45,
+                                        bottom: 0,
+                                        left: 0
+                                    }
+                                }
+                            }
+                        }],
+                    }
+                },
+
+                get tetherOptions() {
+                    return {
+                        series: [{
+                            data: [21, 59, 41, 44, 25, 66, 9, 36, 25, 12]
+                        }],
+                        chart: {
+                            height: 45,
+                            type: 'line',
+                            sparkline: {
+                                enabled: true
+                            },
+                        },
+                        stroke: {
+                            width: 2
+                        },
+                        markers: {
+                            size: 0
+                        },
+                        colors: ['#00ab55'],
+                        grid: {
+                            padding: {
+                                top: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+                        responsive: [{
+                            breakPoint: 576,
+                            options: {
+                                chart: {
+                                    height: 95
+                                },
+                                grid: {
+                                    padding: {
+                                        top: 45,
+                                        bottom: 0,
+                                        left: 0
+                                    }
+                                }
+                            }
+                        }],
+                    }
+                },
+
+                get solanaOptions() {
+                    return {
+                        series: [{
+                            data: [21, -9, 36, -12, 44, 25, 59, -41, 66, -25]
+                        }],
+                        chart: {
+                            height: 45,
+                            type: 'line',
+                            sparkline: {
+                                enabled: true
+                            },
+                        },
+                        stroke: {
+                            width: 2
+                        },
+                        markers: {
+                            size: 0
+                        },
+                        colors: ['#e7515a'],
+                        grid: {
+                            padding: {
+                                top: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+                        responsive: [{
+                            breakPoint: 576,
+                            options: {
+                                chart: {
+                                    height: 95
+                                },
+                                grid: {
+                                    padding: {
+                                        top: 45,
+                                        bottom: 0,
+                                        left: 0
+                                    }
+                                }
+                            }
+                        }],
+                    }
+                }
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/font-icons.blade.php b/resources/views/font-icons.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..e91b029c29e6aed8f4993a8f5a6be3bf007370c4
--- /dev/null
+++ b/resources/views/font-icons.blade.php
@@ -0,0 +1,1286 @@
+<x-layout.default>
+
+    <div>
+        <div class="space-y-8">
+            <div class="panel flex items-center overflow-x-auto whitespace-nowrap p-3 text-primary lg:col-span-2">
+                <div class="rounded-full bg-primary p-1.5 text-white ring-2 ring-primary/30 ltr:mr-3 rtl:ml-3">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
+                        class="h-3.5 w-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span>
+                <a href="https://www.figma.com/file/agsPUbJSO4OcokUIxJRZvw/Solar-Icon-Set-(Community)?node-id=0%3A1&t=Xr5s4CqZbVgAQU9X-0"
+                    target="_blank"
+                    class="block hover:underline">https://www.figma.com/file/agsPUbJSO4OcokUIxJRZvw/Solar-Icon-Set-(Community)?node-id=0%3A1&t=Xr5s4CqZbVgAQU9X-0</a>
+            </div>
+            <div class="panel">
+                <h5 class="font-semibold text-lg dark:text-white-light mb-5">Solar Icon</h5>
+                <div class="mb-5">
+                    <p class="mb-5">Solar is a collection of simply beautiful open source icons. Each icon is designed
+                        on a 24x24 grid with an emphasis on simplicity, consistency and usability.</p>
+                    <div class="bg-[#009688]/[.26] text-[#009688] py-1 px-2 rounded inline-block text-base mb-5">Line
+                        Duotone</div>
+                    <div class="flex items-center flex-wrap gap-10 mb-5">
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M12 6V10" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M20.3116 12.6473L20.8293 10.7154C21.4335 8.46034 21.7356 7.3328 21.5081 6.35703C21.3285 5.58657 20.9244 4.88668 20.347 4.34587C19.6157 3.66095 18.4881 3.35883 16.2331 2.75458C13.978 2.15033 12.8504 1.84821 11.8747 2.07573C11.1042 2.25537 10.4043 2.65945 9.86351 3.23687C9.27709 3.86298 8.97128 4.77957 8.51621 6.44561C8.43979 6.7254 8.35915 7.02633 8.27227 7.35057L8.27222 7.35077L7.75458 9.28263C7.15033 11.5377 6.84821 12.6652 7.07573 13.641C7.25537 14.4115 7.65945 15.1114 8.23687 15.6522C8.96815 16.3371 10.0957 16.6392 12.3508 17.2435L12.3508 17.2435C14.3834 17.7881 15.4999 18.0873 16.415 17.9744C16.5152 17.9621 16.6129 17.9448 16.7092 17.9223C17.4796 17.7427 18.1795 17.3386 18.7203 16.7612C19.4052 16.0299 19.7074 14.9024 20.3116 12.6473Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M16.415 17.9741C16.2065 18.6126 15.8399 19.1902 15.347 19.6519C14.6157 20.3368 13.4881 20.6389 11.2331 21.2432C8.97798 21.8474 7.85044 22.1495 6.87466 21.922C6.10421 21.7424 5.40432 21.3383 4.86351 20.7609C4.17859 20.0296 3.87647 18.9021 3.27222 16.647L2.75458 14.7151C2.15033 12.46 1.84821 11.3325 2.07573 10.3567C2.25537 9.58627 2.65945 8.88638 3.23687 8.34557C3.96815 7.66065 5.09569 7.35853 7.35077 6.75428C7.77741 6.63996 8.16368 6.53646 8.51621 6.44531"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M16 4.00195C18.175 4.01406 19.3529 4.11051 20.1213 4.87889C21 5.75757 21 7.17179 21 10.0002V16.0002C21 18.8286 21 20.2429 20.1213 21.1215C19.2426 22.0002 17.8284 22.0002 15 22.0002H9C6.17157 22.0002 4.75736 22.0002 3.87868 21.1215C3 20.2429 3 18.8286 3 16.0002V10.0002C3 7.17179 3 5.75757 3.87868 4.87889C4.64706 4.11051 5.82497 4.01406 8 4.00195"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M8 14H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path d="M7 10.5H17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path d="M9 17.5H15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M8 3.5C8 2.67157 8.67157 2 9.5 2H14.5C15.3284 2 16 2.67157 16 3.5V4.5C16 5.32843 15.3284 6 14.5 6H9.5C8.67157 6 8 5.32843 8 4.5V3.5Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M20.082 3.01787L20.1081 3.76741L20.082 3.01787ZM16.5 3.48757L16.2849 2.76907V2.76907L16.5 3.48757ZM13.6738 4.80287L13.2982 4.15375L13.2982 4.15375L13.6738 4.80287ZM3.9824 3.07501L3.93639 3.8236L3.9824 3.07501ZM7 3.48757L7.19136 2.76239V2.76239L7 3.48757ZM10.2823 4.87558L9.93167 5.5386L10.2823 4.87558ZM13.6276 20.0694L13.9804 20.7312L13.6276 20.0694ZM17 18.6335L16.8086 17.9083H16.8086L17 18.6335ZM19.9851 18.2229L20.032 18.9715L19.9851 18.2229ZM10.3724 20.0694L10.0196 20.7312H10.0196L10.3724 20.0694ZM7 18.6335L7.19136 17.9083H7.19136L7 18.6335ZM4.01486 18.2229L3.96804 18.9715H3.96804L4.01486 18.2229ZM2.75 16.1437V4.99792H1.25V16.1437H2.75ZM22.75 16.1437V4.93332H21.25V16.1437H22.75ZM20.0559 2.26832C18.9175 2.30798 17.4296 2.42639 16.2849 2.76907L16.7151 4.20606C17.6643 3.92191 18.9892 3.80639 20.1081 3.76741L20.0559 2.26832ZM16.2849 2.76907C15.2899 3.06696 14.1706 3.6488 13.2982 4.15375L14.0495 5.452C14.9 4.95981 15.8949 4.45161 16.7151 4.20606L16.2849 2.76907ZM3.93639 3.8236C4.90238 3.88297 5.99643 3.99842 6.80864 4.21274L7.19136 2.76239C6.23055 2.50885 5.01517 2.38707 4.02841 2.32642L3.93639 3.8236ZM6.80864 4.21274C7.77076 4.46663 8.95486 5.02208 9.93167 5.5386L10.6328 4.21257C9.63736 3.68618 8.32766 3.06224 7.19136 2.76239L6.80864 4.21274ZM13.9804 20.7312C14.9714 20.2029 16.1988 19.6206 17.1914 19.3587L16.8086 17.9083C15.6383 18.2171 14.2827 18.8702 13.2748 19.4075L13.9804 20.7312ZM17.1914 19.3587C17.9943 19.1468 19.0732 19.0314 20.032 18.9715L19.9383 17.4744C18.9582 17.5357 17.7591 17.6575 16.8086 17.9083L17.1914 19.3587ZM10.7252 19.4075C9.71727 18.8702 8.3617 18.2171 7.19136 17.9083L6.80864 19.3587C7.8012 19.6206 9.0286 20.2029 10.0196 20.7312L10.7252 19.4075ZM7.19136 17.9083C6.24092 17.6575 5.04176 17.5357 4.06168 17.4744L3.96804 18.9715C4.9268 19.0314 6.00566 19.1468 6.80864 19.3587L7.19136 17.9083ZM21.25 16.1437C21.25 16.8295 20.6817 17.4279 19.9383 17.4744L20.032 18.9715C21.5062 18.8793 22.75 17.6799 22.75 16.1437H21.25ZM22.75 4.93332C22.75 3.47001 21.5847 2.21507 20.0559 2.26832L20.1081 3.76741C20.7229 3.746 21.25 4.25173 21.25 4.93332H22.75ZM1.25 16.1437C1.25 17.6799 2.49378 18.8793 3.96804 18.9715L4.06168 17.4744C3.31831 17.4279 2.75 16.8295 2.75 16.1437H1.25ZM13.2748 19.4075C12.4825 19.8299 11.5175 19.8299 10.7252 19.4075L10.0196 20.7312C11.2529 21.3886 12.7471 21.3886 13.9804 20.7312L13.2748 19.4075ZM13.2982 4.15375C12.4801 4.62721 11.4617 4.65083 10.6328 4.21257L9.93167 5.5386C11.2239 6.22189 12.791 6.18037 14.0495 5.452L13.2982 4.15375ZM2.75 4.99792C2.75 4.30074 3.30243 3.78463 3.93639 3.8236L4.02841 2.32642C2.47017 2.23065 1.25 3.49877 1.25 4.99792H2.75Z"
+                                    fill="currentColor" />
+                                <path opacity="0.5" d="M12 5.854V20.9999" stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5" d="M5 9L9 10" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path opacity="0.5" d="M5 13L9 14" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path opacity="0.5" d="M19 13L15 14" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path
+                                    d="M19 5.5V9.51029C19 9.78587 19 9.92366 18.9051 9.97935C18.8103 10.035 18.6806 9.97343 18.4211 9.85018L17.1789 9.26011C17.0911 9.21842 17.0472 9.19757 17 9.19757C16.9528 9.19757 16.9089 9.21842 16.8211 9.26011L15.5789 9.85018C15.3194 9.97343 15.1897 10.035 15.0949 9.97935C15 9.92366 15 9.78587 15 9.51029V6.95002"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="12" cy="6" r="4" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <path opacity="0.5" d="M18 9C19.6569 9 21 7.88071 21 6.5C21 5.11929 19.6569 4 18 4"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M6 9C4.34315 9 3 7.88071 3 6.5C3 5.11929 4.34315 4 6 4"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <ellipse cx="12" cy="17" rx="6" ry="4"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M20 19C21.7542 18.6153 23 17.6411 23 16.5C23 15.3589 21.7542 14.3847 20 14"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5"
+                                    d="M4 19C2.24575 18.6153 1 17.6411 1 16.5C1 15.3589 2.24575 14.3847 4 14"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M7.5 18C8.32843 18 9 18.6716 9 19.5C9 20.3284 8.32843 21 7.5 21C6.67157 21 6 20.3284 6 19.5C6 18.6716 6.67157 18 7.5 18Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M16.5 18.0001C17.3284 18.0001 18 18.6716 18 19.5001C18 20.3285 17.3284 21.0001 16.5 21.0001C15.6716 21.0001 15 20.3285 15 19.5001C15 18.6716 15.6716 18.0001 16.5 18.0001Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M2.26121 3.09184L2.50997 2.38429H2.50997L2.26121 3.09184ZM2.24876 2.29246C1.85799 2.15507 1.42984 2.36048 1.29246 2.75124C1.15507 3.14201 1.36048 3.57016 1.75124 3.70754L2.24876 2.29246ZM4.58584 4.32298L5.20507 3.89983V3.89983L4.58584 4.32298ZM5.88772 14.5862L5.34345 15.1022H5.34345L5.88772 14.5862ZM20.6578 9.88275L21.3923 10.0342L21.3933 10.0296L20.6578 9.88275ZM20.158 12.3075L20.8926 12.4589L20.158 12.3075ZM20.7345 6.69708L20.1401 7.15439L20.7345 6.69708ZM19.1336 15.0504L18.6598 14.469L19.1336 15.0504ZM5.70808 9.76V7.03836H4.20808V9.76H5.70808ZM2.50997 2.38429L2.24876 2.29246L1.75124 3.70754L2.01245 3.79938L2.50997 2.38429ZM10.9375 16.25H16.2404V14.75H10.9375V16.25ZM5.70808 7.03836C5.70808 6.3312 5.7091 5.7411 5.65719 5.26157C5.60346 4.76519 5.48705 4.31247 5.20507 3.89983L3.96661 4.74613C4.05687 4.87822 4.12657 5.05964 4.1659 5.42299C4.20706 5.8032 4.20808 6.29841 4.20808 7.03836H5.70808ZM2.01245 3.79938C2.68006 4.0341 3.11881 4.18965 3.44166 4.34806C3.74488 4.49684 3.87855 4.61727 3.96661 4.74613L5.20507 3.89983C4.92089 3.48397 4.54304 3.21763 4.10241 3.00143C3.68139 2.79485 3.14395 2.60719 2.50997 2.38429L2.01245 3.79938ZM4.20808 9.76C4.20808 11.2125 4.22171 12.2599 4.35876 13.0601C4.50508 13.9144 4.79722 14.5261 5.34345 15.1022L6.43198 14.0702C6.11182 13.7325 5.93913 13.4018 5.83723 12.8069C5.72607 12.1578 5.70808 11.249 5.70808 9.76H4.20808ZM10.9375 14.75C9.52069 14.75 8.53763 14.7482 7.79696 14.6432C7.08215 14.5418 6.70452 14.3576 6.43198 14.0702L5.34345 15.1022C5.93731 15.7286 6.69012 16.0013 7.58636 16.1283C8.45674 16.2518 9.56535 16.25 10.9375 16.25V14.75ZM4.95808 6.87H17.0888V5.37H4.95808V6.87ZM19.9232 9.73135L19.4235 12.1561L20.8926 12.4589L21.3923 10.0342L19.9232 9.73135ZM17.0888 6.87C17.9452 6.87 18.6989 6.871 19.2937 6.93749C19.5893 6.97053 19.8105 7.01643 19.9659 7.07105C20.1273 7.12776 20.153 7.17127 20.1401 7.15439L21.329 6.23978C21.094 5.93436 20.7636 5.76145 20.4632 5.65587C20.1567 5.54818 19.8101 5.48587 19.4604 5.44678C18.7646 5.369 17.9174 5.37 17.0888 5.37V6.87ZM21.3933 10.0296C21.5625 9.18167 21.7062 8.47024 21.7414 7.90038C21.7775 7.31418 21.7108 6.73617 21.329 6.23978L20.1401 7.15439C20.2021 7.23508 20.2706 7.38037 20.2442 7.80797C20.2168 8.25191 20.1002 8.84478 19.9223 9.73595L21.3933 10.0296ZM16.2404 16.25C17.0021 16.25 17.6413 16.2513 18.1566 16.1882C18.6923 16.1227 19.1809 15.9794 19.6074 15.6318L18.6598 14.469C18.5346 14.571 18.3571 14.6525 17.9744 14.6994C17.5712 14.7487 17.0397 14.75 16.2404 14.75V16.25ZM19.4235 12.1561C19.2621 12.9389 19.1535 13.4593 19.0238 13.8442C18.9007 14.2095 18.785 14.367 18.6598 14.469L19.6074 15.6318C20.0339 15.2842 20.2729 14.8346 20.4453 14.3232C20.6111 13.8312 20.7388 13.2049 20.8926 12.4589L19.4235 12.1561Z"
+                                    fill="currentColor" />
+                                <path opacity="0.5" d="M9.5 9L10.0282 12.1179" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M15.5283 9L15.0001 12.1179" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M20 15.5524C18.8263 19.2893 15.3351 22 11.2108 22C6.12383 22 2 17.8762 2 12.7892C2 8.66488 4.71065 5.1737 8.44759 4"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M21.9131 9.94727C20.8515 6.14438 17.8556 3.14845 14.0527 2.0869C12.4091 1.6281 11 3.05419 11 4.76062V11.4551C11 12.3083 11.6917 13 12.5449 13H19.2394C20.9458 13 22.3719 11.5909 21.9131 9.94727Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M14 9H12C8.68629 9 6 11.6863 6 15C6 18.3137 8.68629 21 12 21H16C19.3137 21 22 18.3137 22 15C22 13.4633 21.4223 12.0615 20.4722 11"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M10 15H12C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3H8C4.68629 3 2 5.68629 2 9C2 10.5367 2.57771 11.9385 3.52779 13"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path d="M22 22L2 22" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M2 11L10.1259 4.49931C11.2216 3.62279 12.7784 3.62279 13.8741 4.49931L22 11"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5"
+                                    d="M15.5 5.5V3.5C15.5 3.22386 15.7239 3 16 3H18.5C18.7761 3 19 3.22386 19 3.5V8.5"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path d="M4 22V9.5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M20 22V9.5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path opacity="0.5"
+                                    d="M15 22V17C15 15.5858 15 14.8787 14.5607 14.4393C14.1213 14 13.4142 14 12 14C10.5858 14 9.87868 14 9.43934 14.4393C9 14.8787 9 15.5858 9 17V22"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M14 9.5C14 10.6046 13.1046 11.5 12 11.5C10.8954 11.5 10 10.6046 10 9.5C10 8.39543 10.8954 7.5 12 7.5C13.1046 7.5 14 8.39543 14 9.5Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M2.5 6.5C2.5 4.29086 4.29086 2.5 6.5 2.5C8.70914 2.5 10.5 4.29086 10.5 6.5V9.16667C10.5 9.47666 10.5 9.63165 10.4659 9.75882C10.3735 10.1039 10.1039 10.3735 9.75882 10.4659C9.63165 10.5 9.47666 10.5 9.16667 10.5H6.5C4.29086 10.5 2.5 8.70914 2.5 6.5Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M13.5 14.8333C13.5 14.5233 13.5 14.3683 13.5341 14.2412C13.6265 13.8961 13.8961 13.6265 14.2412 13.5341C14.3683 13.5 14.5233 13.5 14.8333 13.5H17.5C19.7091 13.5 21.5 15.2909 21.5 17.5C21.5 19.7091 19.7091 21.5 17.5 21.5C15.2909 21.5 13.5 19.7091 13.5 17.5V14.8333Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M2.5 17.5C2.5 15.2909 4.29086 13.5 6.5 13.5H8.9C9.46005 13.5 9.74008 13.5 9.95399 13.609C10.1422 13.7049 10.2951 13.8578 10.391 14.046C10.5 14.2599 10.5 14.5399 10.5 15.1V17.5C10.5 19.7091 8.70914 21.5 6.5 21.5C4.29086 21.5 2.5 19.7091 2.5 17.5Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5H14.6429C14.5102 10.5 14.4438 10.5 14.388 10.4937C13.9244 10.4415 13.5585 10.0756 13.5063 9.61196C13.5 9.55616 13.5 9.48982 13.5 9.35714V6.5Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M7 6C7 6.55228 6.55228 7 6 7C5.44772 7 5 6.55228 5 6C5 5.44772 5.44772 5 6 5C6.55228 5 7 5.44772 7 6Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M10 6C10 6.55228 9.55228 7 9 7C8.44772 7 8 6.55228 8 6C8 5.44772 8.44772 5 9 5C9.55228 5 10 5.44772 10 6Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M13 6C13 6.55228 12.5523 7 12 7C11.4477 7 11 6.55228 11 6C11 5.44772 11.4477 5 12 5C12.5523 5 13 5.44772 13 6Z"
+                                    fill="currentColor" />
+                                <path opacity="0.5"
+                                    d="M2 8.75C1.58579 8.75 1.25 9.08579 1.25 9.5C1.25 9.91421 1.58579 10.25 2 10.25V8.75ZM22 10.25C22.4142 10.25 22.75 9.91421 22.75 9.5C22.75 9.08579 22.4142 8.75 22 8.75V10.25ZM8.25 21C8.25 21.4142 8.58579 21.75 9 21.75C9.41421 21.75 9.75 21.4142 9.75 21H8.25ZM9.75 10C9.75 9.58579 9.41421 9.25 9 9.25C8.58579 9.25 8.25 9.58579 8.25 10L9.75 10ZM2 10.25H22V8.75H2V10.25ZM9.75 21L9.75 10L8.25 10L8.25 21H9.75Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M3 10.4167C3 7.21907 3 5.62028 3.37752 5.08241C3.75503 4.54454 5.25832 4.02996 8.26491 3.00079L8.83772 2.80472C10.405 2.26824 11.1886 2 12 2C12.8114 2 13.595 2.26824 15.1623 2.80472L15.7351 3.00079C18.7417 4.02996 20.245 4.54454 20.6225 5.08241C21 5.62028 21 7.21907 21 10.4167C21 10.8996 21 11.4234 21 11.9914C21 17.6294 16.761 20.3655 14.1014 21.5273C13.38 21.8424 13.0193 22 12 22C10.9807 22 10.62 21.8424 9.89856 21.5273C7.23896 20.3655 3 17.6294 3 11.9914C3 11.4234 3 10.8996 3 10.4167Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M10.8613 8.36335C11.3679 7.45445 11.6213 7 12 7C12.3787 7 12.6321 7.45445 13.1387 8.36335L13.2698 8.59849C13.4138 8.85677 13.4858 8.98591 13.598 9.07112C13.7103 9.15633 13.8501 9.18796 14.1296 9.25122L14.3842 9.30881C15.3681 9.53142 15.86 9.64273 15.977 10.0191C16.0941 10.3955 15.7587 10.7876 15.088 11.572L14.9144 11.7749C14.7238 11.9978 14.6285 12.1092 14.5857 12.2471C14.5428 12.385 14.5572 12.5336 14.586 12.831L14.6122 13.1018C14.7136 14.1482 14.7644 14.6715 14.4579 14.9041C14.1515 15.1367 13.6909 14.9246 12.7697 14.5005L12.5314 14.3907C12.2696 14.2702 12.1387 14.2099 12 14.2099C11.8613 14.2099 11.7304 14.2702 11.4686 14.3907L11.2303 14.5005C10.3091 14.9246 9.84847 15.1367 9.54206 14.9041C9.23565 14.6715 9.28635 14.1482 9.38776 13.1018L9.41399 12.831C9.44281 12.5336 9.45722 12.385 9.41435 12.2471C9.37147 12.1092 9.27617 11.9978 9.08557 11.7749L8.91204 11.572C8.2413 10.7876 7.90593 10.3955 8.02297 10.0191C8.14001 9.64273 8.63194 9.53142 9.61581 9.30881L9.87035 9.25122C10.1499 9.18796 10.2897 9.15633 10.402 9.07112C10.5142 8.98591 10.5862 8.85677 10.7302 8.59849L10.8613 8.36335Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M18.3408 8.40579L15.5942 5.65917C13.7012 3.76619 12.7547 2.8197 11.721 3.02845C10.6873 3.23719 10.1823 4.4768 9.17226 6.95602L8.22498 9.28115C7.9464 9.96495 7.80711 10.3068 7.56701 10.5678C7.48527 10.6567 7.39552 10.7378 7.2989 10.8102C7.01509 11.0228 6.66091 11.1269 5.95255 11.3353C4.2781 11.8278 3.44088 12.074 3.15416 12.65C3.06084 12.8374 3.00852 13.0426 3.00068 13.2519C2.97659 13.8948 3.59367 14.5119 4.82783 15.7461L8.25394 19.1722C9.4881 20.4063 10.1052 21.0234 10.7481 20.9993C10.9574 20.9915 11.1626 20.9392 11.35 20.8458C11.926 20.5591 12.1722 19.7219 12.6647 18.0475C12.8731 17.3391 12.9772 16.9849 13.1898 16.7011C13.2622 16.6045 13.3433 16.5147 13.4322 16.433C13.6932 16.1929 14.0351 16.0536 14.7188 15.775L17.044 14.8277C19.5232 13.8177 20.7628 13.3127 20.9716 12.279C21.1803 11.2453 20.2338 10.2988 18.3408 8.40579Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5" d="M3.00008 20.9336L6.55908 17.3721" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M16.755 2H7.24502C6.08614 2 5.50671 2 5.03939 2.16261C4.15322 2.47096 3.45748 3.18719 3.15795 4.09946C3 4.58055 3 5.17705 3 6.37006V20.3742C3 21.2324 3.985 21.6878 4.6081 21.1176C4.97417 20.7826 5.52583 20.7826 5.8919 21.1176L6.375 21.5597C7.01659 22.1468 7.98341 22.1468 8.625 21.5597C9.26659 20.9726 10.2334 20.9726 10.875 21.5597C11.5166 22.1468 12.4834 22.1468 13.125 21.5597C13.7666 20.9726 14.7334 20.9726 15.375 21.5597C16.0166 22.1468 16.9834 22.1468 17.625 21.5597L18.1081 21.1176C18.4742 20.7826 19.0258 20.7826 19.3919 21.1176C20.015 21.6878 21 21.2324 21 20.3742V6.37006C21 5.17705 21 4.58055 20.842 4.09946C20.5425 3.18719 19.8468 2.47096 18.9606 2.16261C18.4933 2 17.9139 2 16.755 2Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M10.5 11L17 11" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M7 11H7.5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M7 7.5H7.5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M7 14.5H7.5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M10.5 7.5H17" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M10.5 14.5H17" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M2.97631 2.87868L3.47803 3.43615L3.47803 3.43615L2.97631 2.87868ZM2.97631 19.1213L3.47803 18.5639L2.97631 19.1213ZM6.25 20C6.25 20.4142 6.58579 20.75 7 20.75C7.41421 20.75 7.75 20.4142 7.75 20H6.25ZM7.75 2C7.75 1.58579 7.41422 1.25 7 1.25C6.58579 1.25 6.25 1.58579 6.25 2H7.75ZM2 6.25C1.58579 6.25 1.25 6.58579 1.25 7C1.25 7.41421 1.58579 7.75 2 7.75V6.25ZM2 15.25C1.58579 15.25 1.25 15.5858 1.25 16C1.25 16.4142 1.58579 16.75 2 16.75V15.25ZM21.0237 4.87868L20.522 5.43615L21.0237 4.87868ZM21.0237 21.1213L20.522 20.5639L21.0237 21.1213ZM16.25 22C16.25 22.4142 16.5858 22.75 17 22.75C17.4142 22.75 17.75 22.4142 17.75 22H16.25ZM17.75 4C17.75 3.58579 17.4142 3.25 17 3.25C16.5858 3.25 16.25 3.58579 16.25 4H17.75ZM22 9.75C22.4142 9.75 22.75 9.41421 22.75 9C22.75 8.58579 22.4142 8.25 22 8.25V9.75ZM22 18.75C22.4142 18.75 22.75 18.4142 22.75 18C22.75 17.5858 22.4142 17.25 22 17.25V18.75ZM2.75 14V8H1.25V14H2.75ZM2.75 8C2.75 7.64443 2.75 7.31409 2.75192 7.00464L1.25195 6.99536C1.25 7.31032 1.25 7.6455 1.25 8H2.75ZM2.75192 7.00464C2.75868 5.91065 2.79037 5.14239 2.90886 4.56183C3.02163 4.00928 3.20202 3.68456 3.47803 3.43615L2.47459 2.32121C1.89684 2.84118 1.59677 3.48961 1.43915 4.26187C1.28726 5.00611 1.25863 5.91433 1.25195 6.99536L2.75192 7.00464ZM8.66667 1.25C8.05506 1.25 7.4967 1.24999 6.99024 1.25658L7.00977 2.75645C7.50454 2.75001 8.05246 2.75 8.66667 2.75V1.25ZM6.99024 1.25658C5.95477 1.27006 5.08619 1.31098 4.36486 1.45123C3.62845 1.59441 2.99885 1.84937 2.47459 2.32121L3.47803 3.43615C3.73967 3.20068 4.08877 3.033 4.65115 2.92366C5.22862 2.81138 5.97893 2.76988 7.00977 2.75645L6.99024 1.25658ZM8.66667 19.25C8.05246 19.25 7.50453 19.25 7.00976 19.2435L6.99024 20.7434C7.4967 20.75 8.05506 20.75 8.66667 20.75V19.25ZM7.00977 19.2435C5.97893 19.2301 5.22862 19.1886 4.65115 19.0763C4.08877 18.967 3.73967 18.7993 3.47803 18.5639L2.47459 19.6788C2.99885 20.1506 3.62845 20.4056 4.36486 20.5488C5.08619 20.689 5.95476 20.7299 6.99024 20.7434L7.00977 19.2435ZM1.25 14C1.25 14.7603 1.24991 15.4349 1.26967 16.0251L2.76883 15.9749C2.75009 15.4151 2.75 14.7679 2.75 14H1.25ZM1.26967 16.0251C1.32166 17.5781 1.50653 18.8075 2.47459 19.6788L3.47803 18.5639C3.02098 18.1525 2.82085 17.5288 2.76883 15.9749L1.26967 16.0251ZM6.25 19.9935V20H7.75V19.9935H6.25ZM6.25 2V2.00652H7.75V2H6.25ZM2.00193 6.25H2V7.75H2.00193V6.25ZM2.01925 15.25H2V16.75H2.01925V15.25ZM11 19.25H8.66667V20.75H11V19.25ZM8.66667 2.75H11V1.25H8.66667V2.75ZM22.75 16V10H21.25V16H22.75ZM22.75 10C22.75 9.6455 22.75 9.31032 22.7481 8.99536L21.2481 9.00464C21.25 9.31409 21.25 9.64443 21.25 10H22.75ZM22.7481 8.99536C22.7414 7.91433 22.7127 7.00611 22.5608 6.26187C22.4032 5.48961 22.1032 4.84118 21.5254 4.32121L20.522 5.43615C20.798 5.68456 20.9784 6.00928 21.0911 6.56183C21.2096 7.14239 21.2413 7.91065 21.2481 9.00464L22.7481 8.99536ZM15.3333 4.75C15.9475 4.75 16.4955 4.75001 16.9902 4.75645L17.0098 3.25658C16.5033 3.24999 15.9449 3.25 15.3333 3.25V4.75ZM16.9902 4.75645C18.0211 4.76988 18.7714 4.81138 19.3489 4.92366C19.9112 5.033 20.2603 5.20068 20.522 5.43615L21.5254 4.32121C21.0011 3.84937 20.3716 3.59441 19.6351 3.45123C18.9138 3.31098 18.0452 3.27006 17.0098 3.25658L16.9902 4.75645ZM15.3333 22.75C15.9449 22.75 16.5033 22.75 17.0098 22.7434L16.9902 21.2435C16.4955 21.25 15.9475 21.25 15.3333 21.25V22.75ZM17.0098 22.7434C18.0452 22.7299 18.9138 22.689 19.6351 22.5488C20.3716 22.4056 21.0011 22.1506 21.5254 21.6788L20.522 20.5639C20.2603 20.7993 19.9112 20.967 19.3489 21.0763C18.7714 21.1886 18.0211 21.2301 16.9902 21.2435L17.0098 22.7434ZM21.25 16C21.25 16.7679 21.2499 17.4151 21.2312 17.9749L22.7303 18.0251C22.7501 17.4349 22.75 16.7603 22.75 16H21.25ZM21.2312 17.9749C21.1792 19.5288 20.979 20.1525 20.522 20.5639L21.5254 21.6788C22.4935 20.8075 22.6783 19.5781 22.7303 18.0251L21.2312 17.9749ZM16.25 21.9935V22H17.75V21.9935H16.25ZM16.25 4V4.00652H17.75V4H16.25ZM21.9981 9.75H22V8.25H21.9981V9.75ZM21.9808 18.75H22V17.25H21.9808V18.75ZM13 22.75H15.3333V21.25H13V22.75ZM15.3333 3.25H13V4.75H15.3333V3.25ZM11.25 21C11.25 21.9665 12.0335 22.75 13 22.75V21.25C12.8619 21.25 12.75 21.1381 12.75 21H11.25ZM12.75 3C12.75 2.0335 11.9665 1.25 11 1.25V2.75C11.1381 2.75 11.25 2.86193 11.25 3L12.75 3ZM13 3.25C12.8619 3.25 12.75 3.13807 12.75 3L11.25 3C11.25 3.9665 12.0335 4.75 13 4.75V3.25ZM11 20.75C11.1381 20.75 11.25 20.8619 11.25 21H12.75C12.75 20.0335 11.9665 19.25 11 19.25V20.75Z"
+                                    fill="currentColor" />
+                                <path opacity="0.5"
+                                    d="M2.00195 6.25032C1.58774 6.25032 1.25195 6.5861 1.25195 7.00032C1.25195 7.41453 1.58774 7.75032 2.00195 7.75032L2.00195 6.25032ZM7.75002 2.00684C7.75002 1.59262 7.41424 1.25684 7.00002 1.25684C6.58581 1.25684 6.25002 1.59262 6.25002 2.00684H7.75002ZM6.25002 19.9938C6.25002 20.408 6.58581 20.7438 7.00002 20.7438C7.41424 20.7438 7.75002 20.408 7.75002 19.9938H6.25002ZM2.01927 15.2503C1.60506 15.2503 1.26927 15.5861 1.26927 16.0003C1.26927 16.4145 1.60506 16.7503 2.01927 16.7503L2.01927 15.2503ZM7.00002 7.00032V7.75032V7.00032ZM11.25 20.0003C11.25 20.4145 11.5858 20.7503 12 20.7503C12.4142 20.7503 12.75 20.4145 12.75 20.0003H11.25ZM21.9981 9.75032C22.4123 9.75032 22.7481 9.41453 22.7481 9.00032C22.7481 8.5861 22.4123 8.25032 21.9981 8.25032V9.75032ZM17.75 4.00684C17.75 3.59262 17.4142 3.25684 17 3.25684C16.5858 3.25684 16.25 3.59262 16.25 4.00684H17.75ZM16.25 21.9938C16.25 22.408 16.5858 22.7438 17 22.7438C17.4142 22.7438 17.75 22.408 17.75 21.9938H16.25ZM21.9808 18.7503C22.395 18.7503 22.7308 18.4145 22.7308 18.0003C22.7308 17.5861 22.395 17.2503 21.9808 17.2503V18.7503ZM17 9.00032V9.75032V9.00032ZM12 9.00032V8.25032H11.25V9.00032H12ZM12 18.0003H11.25V18.7503H12V18.0003ZM12.75 3.00032C12.75 2.58611 12.4142 2.25032 12 2.25032C11.5858 2.25032 11.25 2.5861 11.25 3.00032L12.75 3.00032ZM6.25002 16.0003L6.25002 19.9938H7.75002L7.75002 16.0003H6.25002ZM6.25002 2.00684V7.00032H7.75002V2.00684H6.25002ZM11.25 3.00032L11.25 7.00032L12.75 7.00032L12.75 3.00032L11.25 3.00032ZM12 6.25032L7.00002 6.25032V7.75032L12 7.75032V6.25032ZM7.00002 6.25032L2.00195 6.25032L2.00195 7.75032L7.00002 7.75032V6.25032ZM11.25 7.00032V16.0003H12.75V7.00032H11.25ZM11.25 16.0003V20.0003H12.75V16.0003H11.25ZM12 15.2503L7.00002 15.2503V16.7503L12 16.7503V15.2503ZM7.00002 15.2503L2.01927 15.2503L2.01927 16.7503L7.00002 16.7503V15.2503ZM16.25 18.0003L16.25 21.9938H17.75L17.75 18.0003H16.25ZM16.25 4.00684V9.00032H17.75V4.00684H16.25ZM12 9.75032L17 9.75032V8.25032L12 8.25032V9.75032ZM17 9.75032L21.9981 9.75032V8.25032L17 8.25032V9.75032ZM11.25 9.00032V18.0003H12.75V9.00032H11.25ZM12 18.7503H17V17.2503H12V18.7503ZM17 18.7503H21.9808V17.2503H17V18.7503Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M12 5.52689C11.7501 5.52689 11.5002 5.4656 11.2706 5.34302L5.36689 2.19099C3.97914 1.45006 2.49789 3.00163 3.16496 4.49746L10.5275 21.0072C10.8226 21.6691 11.4113 22 12 22"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5"
+                                    d="M12 5.52689C12.2499 5.52689 12.4998 5.4656 12.7294 5.34302L18.6331 2.19099C20.0209 1.45006 21.5021 3.00163 20.835 4.49746L13.4725 21.0072C13.1774 21.6691 12.5887 22 12 22"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                        </div>
+                    </div>
+
+                    <div class="bg-[#009688]/[.26] text-[#009688] py-1 px-2 rounded inline-block text-base mb-5">Bold
+                        Duotone</div>
+                    <div class="flex items-center flex-wrap gap-10 mb-5">
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M18 14C18 18.4183 14.4183 22 10 22C8.76449 22 7.5944 21.7199 6.54976 21.2198C6.19071 21.0479 5.78393 20.9876 5.39939 21.0904L4.17335 21.4185C3.20701 21.677 2.32295 20.793 2.58151 19.8267L2.90955 18.6006C3.01245 18.2161 2.95209 17.8093 2.7802 17.4502C2.28008 16.4056 2 15.2355 2 14C2 9.58172 5.58172 6 10 6C14.4183 6 18 9.58172 18 14ZM6.5 15C7.05228 15 7.5 14.5523 7.5 14C7.5 13.4477 7.05228 13 6.5 13C5.94772 13 5.5 13.4477 5.5 14C5.5 14.5523 5.94772 15 6.5 15ZM10 15C10.5523 15 11 14.5523 11 14C11 13.4477 10.5523 13 10 13C9.44772 13 9 13.4477 9 14C9 14.5523 9.44772 15 10 15ZM13.5 15C14.0523 15 14.5 14.5523 14.5 14C14.5 13.4477 14.0523 13 13.5 13C12.9477 13 12.5 13.4477 12.5 14C12.5 14.5523 12.9477 15 13.5 15Z"
+                                    fill="currentColor" />
+                                <path opacity="0.6"
+                                    d="M17.9842 14.5084C18.0921 14.4638 18.1986 14.4163 18.3035 14.3661C18.5952 14.2264 18.9257 14.1774 19.2381 14.261L20.2343 14.5275C21.0194 14.7376 21.7377 14.0193 21.5277 13.2342L21.2611 12.238C21.1775 11.9256 21.2266 11.595 21.3662 11.3033C21.7726 10.4545 22.0001 9.50385 22.0001 8.5C22.0001 4.91015 19.09 2 15.5001 2C12.7901 2 10.4674 3.6585 9.4917 6.0159C9.65982 6.00535 9.82936 6 10.0001 6C14.4184 6 18.0001 9.58172 18.0001 14C18.0001 14.1708 17.9948 14.3403 17.9842 14.5084Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M5.00004 17.75C4.68618 17.75 4.40551 17.5546 4.29662 17.2602C4.18773 16.9658 4.27364 16.6348 4.51194 16.4306L11.5119 10.4306C11.7928 10.1898 12.2073 10.1898 12.4881 10.4306L19.4881 16.4306C19.7264 16.6348 19.8123 16.9658 19.7035 17.2602C19.5946 17.5546 19.3139 17.75 19 17.75H5.00004Z"
+                                    fill="currentColor" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M4.43057 13.4881C4.70014 13.8026 5.17361 13.839 5.48811 13.5694L12 7.98781L18.5119 13.5694C18.8264 13.839 19.2999 13.8026 19.5695 13.4881C19.839 13.1736 19.8026 12.7001 19.4881 12.4306L12.4881 6.43056C12.2072 6.18981 11.7928 6.18981 11.5119 6.43056L4.51192 12.4306C4.19743 12.7001 4.161 13.1736 4.43057 13.4881Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M19.7165 20.3624C21.143 19.5846 22 18.5873 22 17.5C22 16.3475 21.0372 15.2961 19.4537 14.5C17.6226 13.5794 14.9617 13 12 13C9.03833 13 6.37738 13.5794 4.54631 14.5C2.96285 15.2961 2 16.3475 2 17.5C2 18.6525 2.96285 19.7039 4.54631 20.5C6.37738 21.4206 9.03833 22 12 22C15.1066 22 17.8823 21.3625 19.7165 20.3624Z"
+                                    fill="currentColor" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M5 8.51464C5 4.9167 8.13401 2 12 2C15.866 2 19 4.9167 19 8.51464C19 12.0844 16.7658 16.2499 13.2801 17.7396C12.4675 18.0868 11.5325 18.0868 10.7199 17.7396C7.23416 16.2499 5 12.0844 5 8.51464ZM12 11C13.1046 11 14 10.1046 14 9C14 7.89543 13.1046 7 12 7C10.8954 7 10 7.89543 10 9C10 10.1046 10.8954 11 12 11Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M14.9948 7.54199H9.00515C5.96782 7.54199 4.44915 7.54199 3.59609 8.52881C2.74302 9.51563 2.94373 11.0402 3.34516 14.0894L3.72583 16.981C4.04063 19.3722 4.19803 20.5678 5.0055 21.2838C5.81297 21.9998 7.00392 21.9998 9.38581 21.9998H14.6142C16.9961 21.9998 18.187 21.9998 18.9945 21.2838C19.802 20.5678 19.9594 19.3722 20.2742 16.981L20.6548 14.0894C21.0563 11.0402 21.257 9.51563 20.4039 8.52881C19.5509 7.54199 18.0322 7.54199 14.9948 7.54199ZM12.75 10.5C12.75 10.0858 12.4142 9.75 12 9.75C11.5858 9.75 11.25 10.0858 11.25 10.5V14.878C11.0154 14.7951 10.763 14.75 10.5 14.75C9.25736 14.75 8.25 15.7574 8.25 17C8.25 18.2426 9.25736 19.25 10.5 19.25C11.7426 19.25 12.75 18.2426 12.75 17V13.3197C13.4202 13.8634 14.2617 14.25 15 14.25C15.4142 14.25 15.75 13.9142 15.75 13.5C15.75 13.0858 15.4142 12.75 15 12.75C14.6946 12.75 14.1145 12.5314 13.5835 12.0603C13.0654 11.6006 12.75 11.0386 12.75 10.5Z"
+                                    fill="currentColor" />
+                                <path opacity="0.7"
+                                    d="M6.87908 4.72266C5.62752 4.72266 4.60128 5.5624 4.25881 6.67643C4.25167 6.69965 4.24482 6.723 4.23828 6.74645C4.59662 6.62588 4.96954 6.54712 5.34706 6.49334C6.3194 6.35484 7.5482 6.35491 8.97563 6.35499H15.1785C16.6059 6.35491 17.8348 6.35484 18.8071 6.49334C19.1846 6.54712 19.5575 6.62588 19.9159 6.74645C19.9093 6.723 19.9025 6.69966 19.8953 6.67643C19.5529 5.5624 18.5266 4.72266 17.2751 4.72266H6.87908Z"
+                                    fill="currentColor" />
+                                <path opacity="0.4"
+                                    d="M8.8585 2.00001H15.1406C15.3498 1.99995 15.5102 1.99991 15.6505 2.01515C16.6475 2.12351 17.4636 2.78957 17.8097 3.68676H6.18945C6.53552 2.78957 7.35159 2.12351 8.34863 2.01515C8.48886 1.99991 8.64927 1.99995 8.8585 2.00001Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M10.5 16.25C10.9142 16.25 11.25 16.5858 11.25 17C11.25 17.4142 10.9142 17.75 10.5 17.75C10.0858 17.75 9.75 17.4142 9.75 17C9.75 16.5858 10.0858 16.25 10.5 16.25Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M3.77772 18.3259C4.78661 19 6.19108 19 9 19L15 19C17.8089 19 19.2134 19 20.2223 18.3259C20.659 18.034 21.034 17.659 21.3259 17.2223C22 16.2134 22 14.8089 22 12C22 9.19107 22 7.78661 21.3259 6.77772C21.034 6.34096 20.659 5.96595 20.2223 5.67412C19.2134 5 17.8089 5 15 5H9C6.19108 5 4.78661 5 3.77772 5.67412C3.34096 5.96596 2.96596 6.34096 2.67412 6.77772C2 7.78661 2 9.19108 2 12C2 14.8089 2 16.2134 2.67412 17.2223C2.96596 17.659 3.34096 18.034 3.77772 18.3259Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M5.5 15.75C5.08579 15.75 4.75 15.4142 4.75 15L4.75 9C4.75 8.58579 5.08579 8.25 5.5 8.25C5.91421 8.25 6.25 8.58579 6.25 9L6.25 15C6.25 15.4142 5.91421 15.75 5.5 15.75Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M17.75 15C17.75 15.4142 18.0858 15.75 18.5 15.75C18.9142 15.75 19.25 15.4142 19.25 15V9C19.25 8.58579 18.9142 8.25 18.5 8.25C18.0858 8.25 17.75 8.58579 17.75 9V15Z"
+                                    fill="currentColor" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M8.25 12C8.25 14.0711 9.92893 15.75 12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12ZM9.75 12C9.75 13.2426 10.7574 14.25 12 14.25C13.2426 14.25 14.25 13.2426 14.25 12C14.25 10.7574 13.2426 9.75 12 9.75C10.7574 9.75 9.75 10.7574 9.75 12Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M2 14C2 10.2288 2 8.34315 3.17157 7.17157C4.34315 6 6.22876 6 10 6H14C17.7712 6 19.6569 6 20.8284 7.17157C22 8.34315 22 10.2288 22 14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14Z"
+                                    fill="currentColor" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M8 11.75C6.75736 11.75 5.75 12.7574 5.75 14C5.75 15.2426 6.75736 16.25 8 16.25C9.24264 16.25 10.25 15.2426 10.25 14C10.25 12.7574 9.24264 11.75 8 11.75ZM4.25 14C4.25 11.9289 5.92893 10.25 8 10.25C10.0711 10.25 11.75 11.9289 11.75 14C11.75 16.0711 10.0711 17.75 8 17.75C5.92893 17.75 4.25 16.0711 4.25 14Z"
+                                    fill="currentColor" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M12.75 11C12.75 10.5858 13.0858 10.25 13.5 10.25H19C19.4142 10.25 19.75 10.5858 19.75 11C19.75 11.4142 19.4142 11.75 19 11.75H13.5C13.0858 11.75 12.75 11.4142 12.75 11Z"
+                                    fill="currentColor" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M12.75 14C12.75 13.5858 13.0858 13.25 13.5 13.25H19C19.4142 13.25 19.75 13.5858 19.75 14C19.75 14.4142 19.4142 14.75 19 14.75H13.5C13.0858 14.75 12.75 14.4142 12.75 14Z"
+                                    fill="currentColor" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M12.75 17C12.75 16.5858 13.0858 16.25 13.5 16.25H19C19.4142 16.25 19.75 16.5858 19.75 17C19.75 17.4142 19.4142 17.75 19 17.75H13.5C13.0858 17.75 12.75 17.4142 12.75 17Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M15.3798 2.64657C15.7369 2.43656 15.856 1.97688 15.646 1.61985C15.436 1.26283 14.9763 1.14365 14.6193 1.35367L6.62988 6.05333C7.47448 6.00441 8.47699 6.00047 9.67875 6.00015L15.3798 2.64657Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V4.18934L14.4697 2.46967C14.7626 2.17678 15.2374 2.17678 15.5303 2.46967C15.8232 2.76256 15.8232 3.23744 15.5303 3.53033L12.75 6.31066V17.6893L15.5303 20.4697C15.8232 20.7626 15.8232 21.2374 15.5303 21.5303C15.2374 21.8232 14.7626 21.8232 14.4697 21.5303L12.75 19.8107V22C12.75 22.4142 12.4142 22.75 12 22.75C11.5858 22.75 11.25 22.4142 11.25 22V19.8107L9.53033 21.5303C9.23744 21.8232 8.76256 21.8232 8.46967 21.5303C8.17678 21.2374 8.17678 20.7626 8.46967 20.4697L11.25 17.6893V6.31066L8.46967 3.53033C8.17678 3.23744 8.17678 2.76256 8.46967 2.46967C8.76256 2.17678 9.23744 2.17678 9.53033 2.46967L11.25 4.18934V2C11.25 1.58579 11.5858 1.25 12 1.25Z"
+                                    fill="currentColor" />
+                                <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M5.51135 4.17809C5.91145 4.07088 6.3227 4.30832 6.4299 4.70842L7.44758 8.50642L11.9996 11.1345L16.5516 8.50642L17.5693 4.70842C17.6765 4.30832 18.0877 4.07088 18.4878 4.17809C18.8879 4.28529 19.1254 4.69654 19.0182 5.09664L18.3887 7.44576L20.2847 6.35109C20.6435 6.14398 21.1022 6.26689 21.3093 6.62561C21.5164 6.98433 21.3935 7.44302 21.0347 7.65013L19.1387 8.7448L21.4878 9.37424C21.8879 9.48144 22.1254 9.8927 22.0182 10.2928C21.911 10.6929 21.4997 10.9303 21.0996 10.8231L17.3016 9.80546L13.4996 12.0005L17.3018 14.1958L21.0998 13.1781C21.4999 13.0709 21.9112 13.3083 22.0184 13.7084C22.1256 14.1085 21.8881 14.5198 21.488 14.627L19.1389 15.2564L21.0349 16.3511C21.3937 16.5582 21.5166 17.0169 21.3095 17.3756C21.1024 17.7343 20.6437 17.8572 20.2849 17.6501L18.3889 16.5555L19.0184 18.9046C19.1256 19.3047 18.8881 19.7159 18.488 19.8231C18.0879 19.9303 17.6767 19.6929 17.5695 19.2928L16.5518 15.4948L11.9996 12.8666L7.44738 15.4948L6.42971 19.2928C6.3225 19.6929 5.91125 19.9303 5.51115 19.8231C5.11105 19.7159 4.87361 19.3047 4.98082 18.9046L5.61026 16.5555L3.71424 17.6501C3.35552 17.8572 2.89683 17.7343 2.68972 17.3756C2.48261 17.0169 2.60552 16.5582 2.96424 16.3511L4.86026 15.2564L2.51115 14.627C2.11105 14.5198 1.87361 14.1085 1.98082 13.7084C2.08803 13.3083 2.49928 13.0709 2.89938 13.1781L6.69738 14.1958L10.4996 12.0005L6.69758 9.80546L2.89957 10.8231C2.49948 10.9303 2.08822 10.6929 1.98102 10.2928C1.87381 9.8927 2.11125 9.48144 2.51135 9.37424L4.86046 8.7448L2.96443 7.65013C2.60572 7.44302 2.48281 6.98433 2.68992 6.62561C2.89702 6.26689 3.35572 6.14398 3.71443 6.35109L5.61046 7.44576L4.98102 5.09664C4.87381 4.69654 5.11125 4.28529 5.51135 4.17809Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M16.9456 2.84731C18.3542 2.14979 19.0585 1.80104 19.5345 2.11769C20.0104 2.43435 19.9427 3.20671 19.8074 4.75143L19.7724 5.15106C19.7339 5.59003 19.7147 5.80951 19.7834 6.00845C19.852 6.2074 20.0008 6.36329 20.2984 6.67507L20.5694 6.95892C21.6166 8.05609 22.1402 8.60468 21.9676 9.16677C21.795 9.72887 21.0405 9.93221 19.5315 10.3389L19.1411 10.4441C18.7123 10.5597 18.4979 10.6175 18.3269 10.7517C18.156 10.8859 18.0478 11.0814 17.8314 11.4723L17.6344 11.8281C16.873 13.2038 16.4924 13.8916 15.9098 13.9223C15.3272 13.953 14.9285 13.3063 14.1312 12.013L13.925 11.6784C13.6984 11.3108 13.5851 11.1271 13.4108 11.0111C13.2365 10.8951 13.0208 10.86 12.5895 10.7898L12.1968 10.7259C10.6791 10.4789 9.92016 10.3554 9.7327 9.81228C9.54524 9.26918 10.0534 8.66616 11.0696 7.46012L11.3325 7.14811C11.6213 6.80539 11.7657 6.63403 11.8289 6.42812C11.8921 6.22222 11.867 6.00508 11.8168 5.57079L11.7711 5.17542C11.5945 3.64716 11.5062 2.88303 11.9729 2.51664C12.4396 2.15025 13.1523 2.42425 14.5776 2.97224L14.9464 3.11402C15.3514 3.26974 15.554 3.3476 15.7674 3.33634C15.9808 3.32508 16.1809 3.22598 16.5812 3.02776L16.9456 2.84731Z"
+                                    fill="currentColor" />
+                                <g opacity="0.5">
+                                    <path
+                                        d="M9.04452 11.3203C5.99048 13.2697 3.27111 16.7967 2.0908 20.0321C1.70785 21.0818 2.59069 22.0006 3.71668 22.0006H4.75C4.75007 21.6498 4.83224 21.2139 4.95372 20.7564C5.07876 20.2855 5.25886 19.743 5.48334 19.1616C5.93221 17.9992 6.57058 16.6505 7.33621 15.3652C8.09909 14.0845 9.0062 12.8366 10.0012 11.8992C10.0258 11.876 10.0506 11.853 10.0754 11.83C10.052 11.8229 10.0289 11.8157 10.0062 11.8084C9.72191 11.7169 9.36664 11.5713 9.04452 11.3203Z"
+                                        fill="currentColor" />
+                                    <path
+                                        d="M12.0202 12.2173C11.7015 12.4123 11.3705 12.67 11.0298 12.991C10.1729 13.7983 9.34809 14.9188 8.62489 16.1329C7.90444 17.3423 7.30253 18.6146 6.88264 19.7019C6.67275 20.2455 6.51136 20.7351 6.40349 21.1413C6.29223 21.5604 6.25008 21.8464 6.25 22.0006H9.08304C9.08314 20.8766 9.47243 18.7949 10.1769 16.7088C10.6939 15.1781 11.4097 13.5555 12.3322 12.2681L12.0202 12.2173Z"
+                                        fill="currentColor" />
+                                    <path
+                                        d="M13.2982 13.5134C12.6225 14.5571 12.0472 15.8587 11.5981 17.1888C10.9202 19.1961 10.5832 21.1042 10.583 22.0006H11.8718C12.9978 22.0006 13.9043 21.0942 13.9793 19.9804C14.1081 18.0663 14.4036 16.3411 14.7411 15.1142C14.407 14.918 14.1488 14.6602 13.9589 14.4372C13.7399 14.1801 13.5196 13.859 13.2982 13.5134Z"
+                                        fill="currentColor" />
+                                </g>
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M22 14V11.7979C22 11.4227 21.9978 10.75 21.9978 10.75L22 10H2V10.75V14C2 17.7712 2 19.6569 3.17157 20.8284C4.34315 22 6.22876 22 10 22H14C17.7712 22 19.6569 22 20.8284 20.8284C22 19.6569 22 17.7712 22 14Z"
+                                    fill="currentColor" />
+                                <path opacity="0.5"
+                                    d="M11 4L10.4497 3.44975C10.1763 3.17633 10.0396 3.03961 9.89594 2.92051C9.27652 2.40704 8.51665 2.09229 7.71557 2.01738C7.52976 2 7.33642 2 6.94975 2C6.06722 2 5.62595 2 5.25839 2.06935C3.64031 2.37464 2.37464 3.64031 2.06935 5.25839C2 5.62595 2 6.06722 2 6.94975V9.25V10H22L21.9531 9.25C21.8809 8.20117 21.6973 7.51276 21.2305 6.99383C21.1598 6.91514 21.0849 6.84024 21.0062 6.76946C20.1506 6 18.8345 6 16.2021 6H15.8284C14.6747 6 14.0979 6 13.5604 5.84678C13.2651 5.7626 12.9804 5.64471 12.7121 5.49543C12.2237 5.22367 11.8158 4.81578 11 4Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M21.9982 12.193C21.9994 12.1288 22 12.0645 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 12.1294 2.00246 12.2582 2.00733 12.3864L6.98724 14.1969L9.8645 13.046C11.2354 12.4977 12.7646 12.4977 14.1355 13.046L17 14.1918L21.9982 12.193Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M10 10.5C10 11.3284 9.55228 12 9 12C8.44772 12 8 11.3284 8 10.5C8 9.67157 8.44772 9 9 9C9.55228 9 10 9.67157 10 10.5Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M16 10.5C16 11.3284 15.5523 12 15 12C14.4477 12 14 11.3284 14 10.5C14 9.67157 14.4477 9 15 9C15.5523 9 16 9.67157 16 10.5Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M15.7657 21.2667L16.21 15.4914L13.5784 14.4387C12.5652 14.0334 11.4348 14.0334 10.4216 14.4387L7.79004 15.4914L8.23427 21.2667C9.39657 21.7395 10.6679 22 12 22C13.3321 22 14.6034 21.7395 15.7657 21.2667Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M21.8241 13.8779L17.7122 15.5224L17.3323 20.4611C19.6317 19.009 21.2982 16.6455 21.8241 13.8779Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M6.66807 20.4611L6.28947 15.539L2.21191 14.0565C2.77441 16.7471 4.41824 19.0404 6.66807 20.4611Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M13.4525 8.39737C15.1812 6.92813 16.5396 5.18645 17.1247 3.44812L17.1351 3.41699C18.5508 4.26236 19.7768 5.47026 20.6598 6.99965C21.5426 8.52866 21.9757 10.1939 22.0001 11.8422C20.0045 11.4109 17.8139 11.7412 15.7443 12.5213C15.4235 11.6576 15.0594 10.8344 14.6498 10.125C14.3136 9.54268 13.9035 8.96187 13.4525 8.39737Z"
+                                    fill="currentColor" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M3.33931 16.9997C4.22245 18.5293 5.44869 19.7374 6.86469 20.5827L6.86513 20.5814C7.68322 18.1134 10.065 15.6355 12.8569 13.9367C13.3429 13.6409 13.8473 13.3652 14.3647 13.1148C14.0626 12.2923 13.7245 11.5222 13.3508 10.875C13.0527 10.3586 12.6827 9.83536 12.2695 9.31938C11.9235 9.56655 11.5679 9.80234 11.2053 10.025C8.44759 11.7181 5.09262 12.7682 2.14358 12.1874L1.99902 12.1589C2.02377 13.8066 2.45687 15.4712 3.33931 16.9997Z"
+                                    fill="currentColor" />
+                                <g opacity="0.5">
+                                    <path
+                                        d="M16.2258 13.9425C18.1134 13.2236 20.0374 12.9473 21.7027 13.3127L21.9074 13.3576C21.7856 14.2418 21.5463 15.1071 21.1961 15.9286C20.4717 17.6278 19.2729 19.1396 17.6585 20.2451L17.6461 20.166C17.6158 19.9748 17.5705 19.699 17.5099 19.3578C17.3887 18.6757 17.2059 17.7295 16.9592 16.672C16.7602 15.8192 16.5166 14.8803 16.2258 13.9425Z"
+                                        fill="currentColor" />
+                                    <path
+                                        d="M8.31858 3.45405C8.06654 3.25473 7.86131 3.09745 7.71833 2.98945L7.69597 2.97258C9.45842 2.13001 11.3642 1.84893 13.1953 2.07088C14.0827 2.17844 14.9525 2.40412 15.7799 2.74129L15.703 2.96973C15.2258 4.38768 14.0529 5.92038 12.4746 7.26043C11.7442 6.46537 10.9739 5.7288 10.2721 5.09932C9.51489 4.42018 8.82226 3.85238 8.31858 3.45405Z"
+                                        fill="currentColor" />
+                                    <path
+                                        d="M10.4204 8.74678C7.83379 10.3349 4.87003 11.1956 2.43341 10.7157L2.09082 10.6483C2.4601 7.95488 3.91941 5.43745 6.28139 3.7952L6.60934 4.03361L6.61138 4.0351L6.62071 4.04194L6.65975 4.07072C6.69459 4.09652 6.74671 4.13536 6.81422 4.18635C6.94924 4.28834 7.14564 4.43883 7.38813 4.63059C7.87349 5.01443 8.54147 5.56206 9.27053 6.21597C9.93034 6.80777 10.6282 7.47615 11.2825 8.18057C11.0033 8.37645 10.7155 8.5656 10.4204 8.74678Z"
+                                        fill="currentColor" />
+                                    <path
+                                        d="M16.2047 20.6626L16.2066 20.6755L16.2071 20.6791L16.2596 21.0475C13.6547 22.2776 10.7413 22.2853 8.22086 21.2588L8.28893 21.0535C8.95247 19.0517 11.0084 16.8174 13.6366 15.2182C14.0314 14.9779 14.4347 14.7547 14.8433 14.5507C15.0955 15.3805 15.314 16.2223 15.4984 17.0128C15.7377 18.0383 15.9153 18.9575 16.033 19.6201C16.0918 19.9512 16.1356 20.2176 16.1645 20.4004C16.179 20.4919 16.1898 20.5624 16.1968 20.6096L16.2047 20.6626Z"
+                                        fill="currentColor" />
+                                </g>
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M20.3133 11.1566C20.3133 16.2137 16.2137 20.3133 11.1566 20.3133C6.09956 20.3133 2 16.2137 2 11.1566C2 6.09956 6.09956 2 11.1566 2C16.2137 2 20.3133 6.09956 20.3133 11.1566Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M17.1001 18.1219L20.7664 21.7882C21.0487 22.0705 21.5064 22.0705 21.7887 21.7882C22.071 21.5059 22.071 21.0482 21.7887 20.7659L18.1224 17.0996C17.809 17.4666 17.4671 17.8085 17.1001 18.1219Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M12.7915 2H11.2089C9.67059 2 8.90146 2 8.35306 2.43992C7.80465 2.87983 7.6378 3.63065 7.30411 5.13228L7.23936 5.42365C8.21852 5 9.59408 5 12.0001 5C14.4062 5 15.7818 5 16.761 5.42373L16.6962 5.13228C16.3625 3.63065 16.1957 2.87983 15.6473 2.43992C15.0989 2 14.3297 2 12.7915 2Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M7.23926 18.5763C8.21842 19 9.594 19 12.0001 19C14.4062 19 15.7817 19 16.7609 18.5763L16.6961 18.8677C16.3624 20.3693 16.1956 21.1202 15.6472 21.5601C15.0988 22 14.3297 22 12.7914 22H11.2088C9.6705 22 8.90137 22 8.35297 21.5601C7.80456 21.1202 7.63771 20.3693 7.30401 18.8677L7.23926 18.5763Z"
+                                    fill="currentColor" />
+                                <path opacity="0.5"
+                                    d="M6.77772 18.3259C7.78661 19 9.19108 19 12 19C14.8089 19 16.2134 19 17.2223 18.3259C17.659 18.034 18.034 17.659 18.3259 17.2223C19 16.2134 19 14.8089 19 12C19 9.19108 19 7.78661 18.3259 6.77772C18.034 6.34096 17.659 5.96596 17.2223 5.67412C16.2134 5 14.8089 5 12 5C9.19108 5 7.78661 5 6.77772 5.67412C6.34096 5.96596 5.96596 6.34096 5.67412 6.77772C5 7.78661 5 9.19108 5 12C5 14.8089 5 16.2134 5.67412 17.2223C5.96596 17.659 6.34096 18.034 6.77772 18.3259Z"
+                                    fill="currentColor" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M12 8.25C12.4142 8.25 12.75 8.58579 12.75 9V11.7576L14.5198 13.4594C14.8184 13.7465 14.8277 14.2213 14.5406 14.5198C14.2535 14.8184 13.7787 14.8277 13.4802 14.5406L11.4802 12.6175C11.3331 12.4761 11.25 12.2809 11.25 12.0769V9C11.25 8.58579 11.5858 8.25 12 8.25Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M16.6312 4.76853C16.3898 4.75049 16.0785 4.75 15.6088 4.75H14.381C13.9667 4.75 13.631 4.41421 13.631 4C13.631 3.58579 13.9667 3.25 14.381 3.25H15.6357H15.6357C16.0714 3.24999 16.4391 3.24998 16.743 3.2727C17.0624 3.29657 17.365 3.34825 17.6605 3.47926C18.1166 3.68148 18.5069 4.00766 18.7852 4.42132C18.966 4.69002 19.0682 4.979 19.1449 5.28811C19.2178 5.58157 19.2784 5.94079 19.3499 6.36477L19.3499 6.36484L20.3586 12.3459C20.3953 12.5635 20.3343 12.7863 20.1918 12.9548C20.0493 13.1234 19.8398 13.2206 19.619 13.2206C17.1319 13.2206 15.131 15.2107 15.131 17.6471C15.131 18.0613 14.7952 18.3971 14.381 18.3971H7.42003C7.08088 19.7531 5.84304 20.75 4.38095 20.75C2.66017 20.75 1.25 19.3691 1.25 17.6471C1.25 15.925 2.66017 14.5441 4.38095 14.5441C5.84304 14.5441 7.08088 15.541 7.42003 16.8971H13.6784C14.0147 14.2579 16.1026 12.1673 18.7426 11.7837L17.8754 6.64136C17.7981 6.18308 17.7466 5.8808 17.6892 5.64959C17.6341 5.42779 17.5857 5.32551 17.5407 5.25874C17.4211 5.08096 17.2522 4.93904 17.0526 4.85054C16.9761 4.81665 16.8634 4.78588 16.6312 4.76853Z"
+                                    fill="currentColor" />
+                                <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M16.4883 17.6469C16.4883 15.9248 17.8984 14.5439 19.6192 14.5439C21.34 14.5439 22.7502 15.9248 22.7502 17.6469C22.7502 19.3689 21.34 20.7498 19.6192 20.7498C17.8984 20.7498 16.4883 19.3689 16.4883 17.6469Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M10 2H9C6.17157 2 4.75736 2 3.87868 2.87868C3 3.75736 3 5.17157 3 8V21.25H16V17.75V16.25V8C16 5.17157 16 3.75736 15.1213 2.87868C14.2426 2 12.8284 2 10 2Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M3 21.25H2C1.58579 21.25 1.25 21.5858 1.25 22C1.25 22.4142 1.58579 22.75 2 22.75H17.25C17.6642 22.75 18 22.4142 18 22C18 21.5858 17.6642 21.25 17.25 21.25H16H3Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M10.1431 10.386C10.3562 10.0308 10.2411 9.5701 9.88587 9.35699C9.53069 9.14388 9.06999 9.25906 8.85688 9.61424L7.35688 12.1142C7.21786 12.3459 7.21422 12.6345 7.34735 12.8696C7.48048 13.1048 7.7298 13.2501 8 13.2501H9.67536L8.85688 14.6142C8.64377 14.9694 8.75894 15.4301 9.11413 15.6432C9.46931 15.8563 9.93001 15.7412 10.1431 15.386L11.6431 12.886C11.7821 12.6543 11.7858 12.3657 11.6527 12.1306C11.5195 11.8955 11.2702 11.7501 11 11.7501H9.32464L10.1431 10.386Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M16 17.75H17.5714C17.9462 17.75 18.25 18.0538 18.25 18.4286V18.5C18.25 19.7427 19.2574 20.75 20.5 20.75C21.7426 20.75 22.75 19.7427 22.75 18.5V7.60177C22.75 7.44511 22.75 7.33702 22.7441 7.23161C22.6884 6.24063 22.2422 5.31214 21.5031 4.64962C21.4245 4.57915 21.3401 4.51163 21.2178 4.41378L19.9685 3.41438C19.6451 3.15562 19.1731 3.20806 18.9143 3.53151C18.6556 3.85495 18.708 4.32692 19.0315 4.58568L20.2646 5.57215C20.4091 5.68774 20.4585 5.72768 20.5019 5.76653C20.9453 6.16405 21.2131 6.72114 21.2465 7.31573C21.2497 7.37384 21.25 7.43743 21.25 7.62247V8H20.5C19.6716 8 19 8.67157 19 9.5V11.9189C19 12.5645 19.4131 13.1377 20.0257 13.3419L21.25 13.75V18.5C21.25 18.9142 20.9142 19.25 20.5 19.25C20.0858 19.25 19.75 18.9142 19.75 18.5V18.4286C19.75 17.2254 18.7746 16.25 17.5714 16.25H16V17.75Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M11.5956 22.0001H12.4044C15.1871 22.0001 16.5785 22.0001 17.4831 21.1142C18.3878 20.2283 18.4803 18.7751 18.6654 15.8686L18.9321 11.6807C19.0326 10.1037 19.0828 9.31524 18.6289 8.81558C18.1751 8.31592 17.4087 8.31592 15.876 8.31592H8.12405C6.59127 8.31592 5.82488 8.31592 5.37105 8.81558C4.91722 9.31524 4.96744 10.1037 5.06788 11.6807L5.33459 15.8686C5.5197 18.7751 5.61225 20.2283 6.51689 21.1142C7.42153 22.0001 8.81289 22.0001 11.5956 22.0001Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M3 6.38597C3 5.90152 3.34538 5.50879 3.77143 5.50879L6.43567 5.50832C6.96502 5.49306 7.43202 5.11033 7.61214 4.54412C7.61688 4.52923 7.62232 4.51087 7.64185 4.44424L7.75665 4.05256C7.8269 3.81241 7.8881 3.60318 7.97375 3.41617C8.31209 2.67736 8.93808 2.16432 9.66147 2.03297C9.84457 1.99972 10.0385 1.99986 10.2611 2.00002H13.7391C13.9617 1.99986 14.1556 1.99972 14.3387 2.03297C15.0621 2.16432 15.6881 2.67736 16.0264 3.41617C16.1121 3.60318 16.1733 3.81241 16.2435 4.05256L16.3583 4.44424C16.3778 4.51087 16.3833 4.52923 16.388 4.54412C16.5682 5.11033 17.1278 5.49353 17.6571 5.50879H20.2286C20.6546 5.50879 21 5.90152 21 6.38597C21 6.87043 20.6546 7.26316 20.2286 7.26316H3.77143C3.34538 7.26316 3 6.87043 3 6.38597Z"
+                                    fill="currentColor" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M9.42543 11.4815C9.83759 11.4381 10.2051 11.7547 10.2463 12.1885L10.7463 17.4517C10.7875 17.8855 10.4868 18.2724 10.0747 18.3158C9.66253 18.3592 9.29499 18.0426 9.25378 17.6088L8.75378 12.3456C8.71256 11.9118 9.01327 11.5249 9.42543 11.4815Z"
+                                    fill="currentColor" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M14.5747 11.4815C14.9868 11.5249 15.2875 11.9118 15.2463 12.3456L14.7463 17.6088C14.7051 18.0426 14.3376 18.3592 13.9254 18.3158C13.5133 18.2724 13.2126 17.8855 13.2538 17.4517L13.7538 12.1885C13.795 11.7547 14.1625 11.4381 14.5747 11.4815Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                    </div>
+
+                    <div class="bg-[#009688]/[.26] text-[#009688] py-1 px-2 rounded inline-block text-base mb-5">Broken
+                    </div>
+                    <div class="flex items-center flex-wrap gap-10 mb-5">
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="19" cy="5" r="3" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <path d="M7 14H16" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M7 17.5H13" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path
+                                    d="M2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12V10.5M13.5 2H12C7.28595 2 4.92893 2 3.46447 3.46447C2.49073 4.43821 2.16444 5.80655 2.0551 8"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M21 16C21 18.8284 21 20.2426 20.1213 21.1213C19.2426 22 17.8284 22 15 22H9C6.17157 22 4.75736 22 3.87868 21.1213C3 20.2426 3 18.8284 3 16V8C3 5.17157 3 3.75736 3.87868 2.87868C4.75736 2 6.17157 2 9 2H15C17.8284 2 19.2426 2 20.1213 2.87868C21 3.75736 21 5.17157 21 8V12"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path d="M8 2V6M8 22V10" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M2 12H4" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M2 16H4" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M2 8H4" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M11.5 6.5H16.5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M11.5 10H16.5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M8 22.0002H16C18.8284 22.0002 20.2426 22.0002 21.1213 21.1215C22 20.2429 22 18.8286 22 16.0002V15.0002C22 12.1718 22 10.7576 21.1213 9.8789C20.3529 9.11051 19.175 9.01406 17 9.00195M7 9.00195C4.82497 9.01406 3.64706 9.11051 2.87868 9.87889C2 10.7576 2 12.1718 2 15.0002L2 16.0002C2 18.8286 2 20.2429 2.87868 21.1215C3.17848 21.4213 3.54062 21.6188 4 21.749"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path d="M12 2L12 15M12 15L9 11.5M12 15L15 11.5" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M6.03954 7.77203C3.57986 8.32856 2.35002 8.60682 2.05742 9.54773C1.76482 10.4886 2.60325 11.4691 4.2801 13.4299L4.71392 13.9372C5.19043 14.4944 5.42868 14.773 5.53586 15.1177C5.64305 15.4624 5.60703 15.8341 5.53498 16.5776L5.4694 17.2544C5.21588 19.8706 5.08912 21.1787 5.85515 21.7602C6.62118 22.3417 7.77268 21.8115 10.0757 20.7512L10.6715 20.4768C11.3259 20.1755 11.6531 20.0248 12 20.0248C12.3469 20.0248 12.6741 20.1755 13.3285 20.4768L13.9243 20.7512C16.2273 21.8115 17.3788 22.3417 18.1449 21.7602C18.9109 21.1787 18.7841 19.8706 18.5306 17.2544M19.7199 13.4299C21.3968 11.4691 22.2352 10.4886 21.9426 9.54773C21.65 8.60682 20.4201 8.32856 17.9605 7.77203L17.3241 7.62805C16.6251 7.4699 16.2757 7.39083 15.9951 7.17781C15.7144 6.96479 15.5345 6.64193 15.1745 5.99623L14.8468 5.40837C13.5802 3.13612 12.9469 2 12 2C11.0531 2 10.4198 3.13613 9.15316 5.40838"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M20.9202 5.73051C20.7891 5.3376 20.3642 5.12537 19.9713 5.25648C19.5784 5.38759 19.3662 5.8124 19.4973 6.20531L20.9202 5.73051ZM3.79139 5.96791L4.50283 6.20531L3.79139 5.96791ZM3.82722 5.86056L3.11578 5.62316H3.11578L3.82722 5.86056ZM6.99927 18.5795L6.25718 18.6881L6.99927 18.5795ZM17.0009 18.5794L17.7429 18.6881L17.0009 18.5794ZM16.0793 21.5132L16.5697 22.0806L16.0793 21.5132ZM3.48163 7.76195L4.16138 7.44501L4.16138 7.44501L3.48163 7.76195ZM3.70022 8.06533L4.21602 7.52086L4.21602 7.52086L3.70022 8.06533ZM20.5185 7.76195L21.1982 8.0789L21.1982 8.07889L20.5185 7.76195ZM20.2999 8.06533L19.7841 7.52085L19.7841 7.52086L20.2999 8.06533ZM17.9015 3.08324C18.2544 3.30017 18.7163 3.18997 18.9332 2.83711C19.1501 2.48424 19.0399 2.02233 18.6871 1.8054L17.9015 3.08324ZM7.9208 21.5132L7.43038 22.0806L7.9208 21.5132ZM5.70585 2.44432L5.31306 1.8054L5.31306 1.8054L5.70585 2.44432ZM5.35004 2.70069L5.83178 3.27551L5.83178 3.27551L5.35004 2.70069ZM10 21.9951L9.98714 22.7451H10V21.9951ZM14.0001 21.9951V22.7452L14.013 22.745L14.0001 21.9951ZM9.18527 2.75H14.8149V1.25H9.18527V2.75ZM4.50283 6.20531L4.53865 6.09796L3.11578 5.62316L3.07996 5.73051L4.50283 6.20531ZM18.5001 7.58937H5.50006V9.08937H18.5001V7.58937ZM4.75797 8.44801L6.25718 18.6881L7.74136 18.4708L6.24215 8.23072L4.75797 8.44801ZM17.7429 18.6881L19.2422 8.44801L17.758 8.23072L16.2588 18.4708L17.7429 18.6881ZM16.2588 18.4708C16.1365 19.3057 16.0536 19.8623 15.9391 20.2749C15.8302 20.6671 15.7161 20.8358 15.5889 20.9457L16.5697 22.0806C17.0058 21.7038 17.2331 21.2212 17.3844 20.6761C17.5301 20.1513 17.6264 19.4844 17.7429 18.6881L16.2588 18.4708ZM3.07996 5.73051C2.92663 6.19001 2.78912 6.59809 2.71933 6.93604C2.64775 7.28264 2.61745 7.68331 2.80189 8.07889L4.16138 7.44501C4.17744 7.47945 4.14263 7.46074 4.18833 7.23942C4.23583 7.00945 4.3374 6.70108 4.50283 6.20531L3.07996 5.73051ZM5.50006 7.58937C4.97742 7.58937 4.65276 7.58811 4.41958 7.56036C4.19517 7.53366 4.18844 7.49472 4.21602 7.52086L3.18442 8.6098C3.50128 8.90997 3.89094 9.00805 4.24237 9.04986C4.58503 9.09063 5.01565 9.08937 5.50006 9.08937V7.58937ZM2.80189 8.07889C2.89489 8.27834 3.02466 8.45845 3.18442 8.6098L4.21602 7.52086C4.1932 7.49924 4.17466 7.47351 4.16138 7.44501L2.80189 8.07889ZM19.4973 6.20531C19.6627 6.70108 19.7643 7.00945 19.8118 7.23942C19.8575 7.46074 19.8227 7.47946 19.8387 7.44501L21.1982 8.07889C21.3827 7.68331 21.3524 7.28264 21.2808 6.93604C21.211 6.59809 21.0735 6.19001 20.9202 5.73051L19.4973 6.20531ZM18.5001 9.08937C18.9845 9.08937 19.4151 9.09063 19.7578 9.04986C20.1092 9.00805 20.4988 8.90997 20.8157 8.6098L19.7841 7.52086C19.8117 7.49472 19.805 7.53367 19.5805 7.56036C19.3474 7.58811 19.0227 7.58937 18.5001 7.58937V9.08937ZM19.8388 7.44501C19.8255 7.47351 19.8069 7.49924 19.7841 7.52085L20.8157 8.6098C20.9755 8.45845 21.1052 8.27833 21.1982 8.0789L19.8388 7.44501ZM14.8149 2.75C15.7489 2.75 16.3939 2.75089 16.8973 2.80174C17.385 2.851 17.6719 2.9421 17.9015 3.08324L18.6871 1.8054C18.1939 1.50222 17.66 1.37116 17.0481 1.30934C16.4519 1.24911 15.7186 1.25 14.8149 1.25V2.75ZM6.25718 18.6881C6.37377 19.4844 6.47001 20.1513 6.6157 20.6761C6.76704 21.2212 6.99431 21.7038 7.43038 22.0806L8.41121 20.9457C8.284 20.8358 8.16993 20.6671 8.06103 20.2749C7.94649 19.8623 7.8636 19.3057 7.74136 18.4708L6.25718 18.6881ZM9.18527 1.25C8.28152 1.25 7.54819 1.24911 6.95204 1.30934C6.3401 1.37116 5.80623 1.50222 5.31306 1.8054L6.09863 3.08324C6.32821 2.9421 6.61516 2.851 7.1028 2.80174C7.60623 2.75089 8.25124 2.75 9.18527 2.75V1.25ZM4.53865 6.09796C4.8343 5.21195 5.03931 4.60039 5.2469 4.13895C5.44799 3.69197 5.62523 3.44861 5.83178 3.27551L4.8683 2.12586C4.42461 2.4977 4.13129 2.96264 3.87896 3.52354C3.63313 4.06997 3.40185 4.76588 3.11578 5.62316L4.53865 6.09796ZM5.31306 1.8054C5.15719 1.90122 5.00854 2.00833 4.8683 2.12586L5.83178 3.27551C5.91592 3.205 6.00511 3.14073 6.09863 3.08324L5.31306 1.8054ZM10.0129 21.2452C8.9504 21.227 8.62137 21.1274 8.41121 20.9457L7.43038 22.0806C8.10389 22.6627 8.97976 22.7277 9.98714 22.745L10.0129 21.2452ZM14.013 22.745C15.0204 22.7277 15.8962 22.6627 16.5697 22.0806L15.5889 20.9457C15.3788 21.1274 15.0497 21.227 13.9872 21.2452L14.013 22.745ZM10 22.7451H14.0001V21.2451H10V22.7451Z"
+                                    fill="currentColor" />
+                                <path d="M6.5 12H12M17.5 12H16" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M7 17H17" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M13.2535 19.4243C12.9606 19.1314 12.4857 19.1314 12.1928 19.4243C11.8999 19.7172 11.8999 20.1921 12.1928 20.485L13.2535 19.4243ZM15.6157 22V21.25V22ZM4.04537 5.49167L4.5757 6.022H4.5757L4.04537 5.49167ZM3.51504 11.8072C3.80794 12.1001 4.28281 12.1001 4.5757 11.8072C4.8686 11.5143 4.8686 11.0394 4.5757 10.7465L3.51504 11.8072ZM11.2769 4.04537L11.8072 4.5757C11.9478 4.43505 12.0269 4.24428 12.0269 4.04537C12.0269 3.84646 11.9478 3.65569 11.8072 3.51504L11.2769 4.04537ZM5.49167 4.04537L4.96134 3.51504L4.96134 3.51504L5.49167 4.04537ZM19.9546 12.7231L20.485 12.1928C20.3443 12.0522 20.1535 11.9731 19.9546 11.9731C19.7557 11.9731 19.565 12.0522 19.4243 12.1928L19.9546 12.7231ZM22 15.6157H22.75H22ZM8.33603 5.92553C8.04314 6.21843 8.04314 6.6933 8.33603 6.98619C8.62892 7.27909 9.1038 7.27909 9.39669 6.98619L8.33603 5.92553ZM17.0138 14.6033C16.7209 14.8962 16.7209 15.3711 17.0138 15.664C17.3067 15.9569 17.7816 15.9569 18.0745 15.664L17.0138 14.6033ZM18.4868 21.0343C18.7819 20.7435 18.7854 20.2687 18.4947 19.9736C18.204 19.6786 17.7291 19.675 17.4341 19.9657L18.4868 21.0343ZM19.9274 17.473C19.6363 17.7677 19.6393 18.2426 19.934 18.5336C20.2287 18.8247 20.7036 18.8217 20.9946 18.527L19.9274 17.473ZM4.96134 3.51504L3.51504 4.96134L4.5757 6.022L6.022 4.5757L4.96134 3.51504ZM12.1928 20.485C12.8596 21.1518 13.4119 21.7063 13.9081 22.0849C14.4217 22.4767 14.9622 22.75 15.6157 22.75V21.25C15.422 21.25 15.1981 21.1824 14.818 20.8924C14.4206 20.5892 13.9503 20.1211 13.2535 19.4243L12.1928 20.485ZM3.51504 4.96134C2.84824 5.62814 2.29367 6.18046 1.91508 6.67666C1.52328 7.19018 1.25 7.73073 1.25 8.38426H2.75C2.75 8.19057 2.81761 7.96662 3.10761 7.58654C3.41081 7.18914 3.87892 6.71878 4.5757 6.022L3.51504 4.96134ZM4.5757 10.7465C3.87892 10.0497 3.41081 9.57937 3.10761 9.18198C2.81761 8.8019 2.75 8.57795 2.75 8.38426H1.25C1.25 9.03779 1.52328 9.57835 1.91508 10.0919C2.29367 10.5881 2.84824 11.1404 3.51504 11.8072L4.5757 10.7465ZM11.8072 3.51504C11.1404 2.84824 10.5881 2.29367 10.0919 1.91508C9.57835 1.52328 9.03779 1.25 8.38426 1.25V2.75C8.57795 2.75 8.8019 2.81761 9.18199 3.10761C9.57938 3.41081 10.0497 3.87892 10.7465 4.5757L11.8072 3.51504ZM6.022 4.5757C6.71878 3.87892 7.18914 3.41081 7.58654 3.10761C7.96662 2.81762 8.19057 2.75 8.38426 2.75V1.25C7.73073 1.25 7.19018 1.52328 6.67666 1.91508C6.18046 2.29367 5.62814 2.84824 4.96134 3.51504L6.022 4.5757ZM19.4243 13.2535C20.1211 13.9503 20.5892 14.4206 20.8924 14.818C21.1824 15.1981 21.25 15.422 21.25 15.6157H22.75C22.75 14.9622 22.4767 14.4217 22.0849 13.9081C21.7063 13.4119 21.1518 12.8596 20.485 12.1928L19.4243 13.2535ZM10.7465 3.51504L8.33603 5.92553L9.39669 6.98619L11.8072 4.5757L10.7465 3.51504ZM19.4243 12.1928L17.0138 14.6033L18.0745 15.664L20.485 13.2535L19.4243 12.1928ZM17.4341 19.9657C16.9239 20.4684 16.5635 20.7975 16.2586 21.0043C15.9715 21.199 15.784 21.25 15.6157 21.25V22.75C16.173 22.75 16.6504 22.551 17.1005 22.2457C17.5329 21.9525 17.982 21.5316 18.4868 21.0343L17.4341 19.9657ZM20.9946 18.527C21.504 18.0112 21.9345 17.5549 22.2339 17.1178C22.5457 16.6628 22.75 16.1805 22.75 15.6157H21.25C21.25 15.7859 21.1978 15.9762 20.9966 16.2699C20.783 16.5815 20.4439 16.9499 19.9274 17.473L20.9946 18.527Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M14.3601 4.07866L15.2869 3.15178C16.8226 1.61607 19.3125 1.61607 20.8482 3.15178C22.3839 4.68748 22.3839 7.17735 20.8482 8.71306L19.9213 9.63993M14.3601 4.07866C14.3601 4.07866 14.4759 6.04828 16.2138 7.78618C17.9517 9.52407 19.9213 9.63993 19.9213 9.63993M14.3601 4.07866L12 6.43872M19.9213 9.63993L14.6607 14.9006L11.5613 18L11.4001 18.1612C10.8229 18.7383 10.5344 19.0269 10.2162 19.2751C9.84082 19.5679 9.43469 19.8189 9.00498 20.0237C8.6407 20.1973 8.25352 20.3263 7.47918 20.5844L4.19792 21.6782M4.19792 21.6782L3.39584 21.9456C3.01478 22.0726 2.59466 21.9734 2.31063 21.6894C2.0266 21.4053 1.92743 20.9852 2.05445 20.6042L2.32181 19.8021M4.19792 21.6782L2.32181 19.8021M2.32181 19.8021L3.41556 16.5208C3.67368 15.7465 3.80273 15.3593 3.97634 14.995C4.18114 14.5653 4.43213 14.1592 4.7249 13.7838C4.97308 13.4656 5.26166 13.1771 5.83882 12.5999L8.5 9.93872"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M21 12C21 16.714 21 19.0711 19.682 20.5355C18.364 22 16.2426 22 12 22C7.75736 22 5.63604 22 4.31802 20.5355C3 19.0711 3 16.714 3 12C3 7.28595 3 4.92893 4.31802 3.46447C5.63604 2 7.75736 2 12 2C16.2426 2 18.364 2 19.682 3.46447C20.5583 4.43821 20.852 5.80655 20.9504 8"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7 8C7 7.53501 7 7.30252 7.05111 7.11177C7.18981 6.59413 7.59413 6.18981 8.11177 6.05111C8.30252 6 8.53501 6 9 6H15C15.465 6 15.6975 6 15.8882 6.05111C16.4059 6.18981 16.8102 6.59413 16.9489 7.11177C17 7.30252 17 7.53501 17 8C17 8.46499 17 8.69748 16.9489 8.88823C16.8102 9.40587 16.4059 9.81019 15.8882 9.94889C15.6975 10 15.465 10 15 10H9C8.53501 10 8.30252 10 8.11177 9.94889C7.59413 9.81019 7.18981 9.40587 7.05111 8.88823C7 8.69748 7 8.46499 7 8Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <circle cx="8" cy="13" r="1" fill="currentColor" />
+                                <circle cx="8" cy="17" r="1" fill="currentColor" />
+                                <circle cx="12" cy="13" r="1" fill="currentColor" />
+                                <circle cx="12" cy="17" r="1" fill="currentColor" />
+                                <circle cx="16" cy="13" r="1" fill="currentColor" />
+                                <circle cx="16" cy="17" r="1" fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M2 14C2 10.2288 2 8.34315 3.17157 7.17157C4.34315 6 6.22876 6 10 6H14C17.7712 6 19.6569 6 20.8284 7.17157C21.4816 7.82475 21.7706 8.69989 21.8985 10M22 14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22878 22 4.34314 22 3.17157 20.8284C2.51839 20.1752 2.22937 19.3001 2.10149 18"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M16 6C16 4.11438 16 3.17157 15.4142 2.58579C14.8284 2 13.8856 2 12 2C10.1144 2 9.17157 2 8.58579 2.58579C8 3.17157 8 4.11438 8 6"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M17 9C17 9.55228 16.5523 10 16 10C15.4477 10 15 9.55228 15 9C15 8.44772 15.4477 8 16 8C16.5523 8 17 8.44772 17 9Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M9 9C9 9.55228 8.55228 10 8 10C7.44772 10 7 9.55228 7 9C7 8.44772 7.44772 8 8 8C8.55228 8 9 8.44772 9 9Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="12" cy="6" r="4" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <path
+                                    d="M15 20.6151C14.0907 20.8619 13.0736 21 12 21C8.13401 21 5 19.2091 5 17C5 14.7909 8.13401 13 12 13C15.866 13 19 14.7909 19 17C19 17.3453 18.9234 17.6804 18.7795 18"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M9.5 21.5V18.5C9.5 17.5654 9.5 17.0981 9.70096 16.75C9.83261 16.522 10.022 16.3326 10.25 16.201C10.5981 16 11.0654 16 12 16C12.9346 16 13.4019 16 13.75 16.201C13.978 16.3326 14.1674 16.522 14.299 16.75C14.5 17.0981 14.5 17.5654 14.5 18.5V21.5"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path d="M21 22H9M3 22H5.5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M19 22V15" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M5 22V15" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path
+                                    d="M11.9999 2H7.47214C6.26932 2 5.66791 2 5.18461 2.2987C4.7013 2.5974 4.43234 3.13531 3.89443 4.21114L2.49081 7.75929C2.16652 8.57905 1.88279 9.54525 2.42867 10.2375C2.79489 10.7019 3.36257 11 3.99991 11C5.10448 11 5.99991 10.1046 5.99991 9C5.99991 10.1046 6.89534 11 7.99991 11C9.10448 11 9.99991 10.1046 9.99991 9C9.99991 10.1046 10.8953 11 11.9999 11C13.1045 11 13.9999 10.1046 13.9999 9C13.9999 10.1046 14.8953 11 15.9999 11C17.1045 11 17.9999 10.1046 17.9999 9C17.9999 10.1046 18.8953 11 19.9999 11C20.6373 11 21.205 10.7019 21.5712 10.2375C22.1171 9.54525 21.8334 8.57905 21.5091 7.75929L20.1055 4.21114C19.5676 3.13531 19.2986 2.5974 18.8153 2.2987C18.332 2 17.7306 2 16.5278 2H16"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                    stroke-linejoin="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M15.197 3.35462C16.8703 1.67483 19.4476 1.53865 20.9536 3.05046C22.4596 4.56228 22.3239 7.14956 20.6506 8.82935L18.2268 11.2626M10.0464 14C8.54044 12.4882 8.67609 9.90087 10.3494 8.22108L12.5 6.06212"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M13.9536 10C15.4596 11.5118 15.3239 14.0991 13.6506 15.7789L11.2268 18.2121L8.80299 20.6454C7.12969 22.3252 4.55237 22.4613 3.0464 20.9495C1.54043 19.4377 1.67609 16.8504 3.34939 15.1706L5.77323 12.7373"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="12" cy="12" r="3" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <path
+                                    d="M3.66122 10.6392C4.13377 10.9361 4.43782 11.4419 4.43782 11.9999C4.43781 12.558 4.13376 13.0638 3.66122 13.3607C3.33966 13.5627 3.13248 13.7242 2.98508 13.9163C2.66217 14.3372 2.51966 14.869 2.5889 15.3949C2.64082 15.7893 2.87379 16.1928 3.33973 16.9999C3.80568 17.8069 4.03865 18.2104 4.35426 18.4526C4.77508 18.7755 5.30694 18.918 5.83284 18.8488C6.07287 18.8172 6.31628 18.7185 6.65196 18.5411C7.14544 18.2803 7.73558 18.2699 8.21895 18.549C8.70227 18.8281 8.98827 19.3443 9.00912 19.902C9.02332 20.2815 9.05958 20.5417 9.15224 20.7654C9.35523 21.2554 9.74458 21.6448 10.2346 21.8478C10.6022 22 11.0681 22 12 22C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8478 20.7654C14.9404 20.5417 14.9767 20.2815 14.9909 19.9021C15.0117 19.3443 15.2977 18.8281 15.7811 18.549C16.2644 18.27 16.8545 18.2804 17.3479 18.5412C17.6837 18.7186 17.9271 18.8173 18.1671 18.8489C18.693 18.9182 19.2249 18.7756 19.6457 18.4527C19.9613 18.2106 20.1943 17.807 20.6603 17C20.8677 16.6407 21.029 16.3614 21.1486 16.1272M20.3387 13.3608C19.8662 13.0639 19.5622 12.5581 19.5621 12.0001C19.5621 11.442 19.8662 10.9361 20.3387 10.6392C20.6603 10.4372 20.8674 10.2757 21.0148 10.0836C21.3377 9.66278 21.4802 9.13092 21.411 8.60502C21.3591 8.2106 21.1261 7.80708 20.6601 7.00005C20.1942 6.19301 19.9612 5.7895 19.6456 5.54732C19.2248 5.22441 18.6929 5.0819 18.167 5.15113C17.927 5.18274 17.6836 5.2814 17.3479 5.45883C16.8544 5.71964 16.2643 5.73004 15.781 5.45096C15.2977 5.1719 15.0117 4.6557 14.9909 4.09803C14.9767 3.71852 14.9404 3.45835 14.8478 3.23463C14.6448 2.74458 14.2554 2.35523 13.7654 2.15224C13.3978 2 12.9319 2 12 2C11.0681 2 10.6022 2 10.2346 2.15224C9.74458 2.35523 9.35523 2.74458 9.15224 3.23463C9.05958 3.45833 9.02332 3.71848 9.00912 4.09794C8.98826 4.65566 8.70225 5.17191 8.21891 5.45096C7.73557 5.73002 7.14548 5.71959 6.65205 5.4588C6.31633 5.28136 6.0729 5.18269 5.83285 5.15108C5.30695 5.08185 4.77509 5.22436 4.35427 5.54727C4.03866 5.78945 3.80569 6.19297 3.33974 7C3.13231 7.35929 2.97105 7.63859 2.85138 7.87273"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.00655 7.93309C3.93421 9.84122 4.41713 13.0817 7.6677 16.3323C8.45191 17.1165 9.23553 17.7396 10 18.2327M5.53781 4.93723C6.93076 3.54428 9.15317 3.73144 10.0376 5.31617L10.6866 6.4791C11.2723 7.52858 11.0372 8.90532 10.1147 9.8278C10.1147 9.8278 10.1147 9.8278 10.1147 9.8278C10.1146 9.82792 8.99588 10.9468 11.0245 12.9755C13.0525 15.0035 14.1714 13.8861 14.1722 13.8853C14.1722 13.8853 14.1722 13.8853 14.1722 13.8853C15.0947 12.9628 16.4714 12.7277 17.5209 13.3134L18.6838 13.9624C20.2686 14.8468 20.4557 17.0692 19.0628 18.4622C18.2258 19.2992 17.2004 19.9505 16.0669 19.9934C15.2529 20.0243 14.1963 19.9541 13 19.6111"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M9 16C9 16.5523 8.55228 17 8 17C7.44772 17 7 16.5523 7 16C7 15.4477 7.44772 15 8 15C8.55228 15 9 15.4477 9 16Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M17 16C17 16.5523 16.5523 17 16 17C15.4477 17 15 16.5523 15 16C15 15.4477 15.4477 15 16 15C16.5523 15 17 15.4477 17 16Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M11 22H8C5.17157 22 3.75736 22 2.87868 21.1213C2 20.2426 2 18.8284 2 16C2 13.1716 2 11.7574 2.87868 10.8787C3.75736 10 5.17157 10 8 10H16C18.8284 10 20.2426 10 21.1213 10.8787C22 11.7574 22 13.1716 22 16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H15"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M6 10V8C6 7.65929 6.0284 7.32521 6.08296 7M17.811 6.5C17.1449 3.91216 14.7958 2 12 2C10.223 2 8.62643 2.7725 7.52779 4"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path d="M12 16V19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path
+                                    d="M15.5 22H8.5L8.83922 20.3039C8.93271 19.8365 9.34312 19.5 9.8198 19.5H14.1802C14.6569 19.5 15.0673 19.8365 15.1608 20.3039L15.5 22Z"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                    stroke-linejoin="round" />
+                                <path
+                                    d="M19 5L19.9486 5.31621C20.9387 5.64623 21.4337 5.81124 21.7168 6.20408C22 6.59692 22 7.11873 21.9999 8.16234L21.9999 8.23487C21.9999 9.09561 21.9999 9.52598 21.7927 9.87809C21.5855 10.2302 21.2093 10.4392 20.4569 10.8572L17.5 12.5"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M4.99994 5L4.05132 5.31621C3.06126 5.64623 2.56623 5.81124 2.2831 6.20408C1.99996 6.59692 1.99997 7.11873 2 8.16234L2 8.23487C2.00003 9.09561 2.00004 9.52598 2.20723 9.87809C2.41441 10.2302 2.79063 10.4392 3.54305 10.8572L6.49994 12.5"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M11.1459 6.02251C11.5259 5.34084 11.7159 5 12 5C12.2841 5 12.4741 5.34084 12.8541 6.02251L12.9524 6.19887C13.0603 6.39258 13.1143 6.48944 13.1985 6.55334C13.2827 6.61725 13.3875 6.64097 13.5972 6.68841L13.7881 6.73161C14.526 6.89857 14.895 6.98205 14.9828 7.26432C15.0706 7.54659 14.819 7.84072 14.316 8.42898L14.1858 8.58117C14.0429 8.74833 13.9714 8.83191 13.9392 8.93531C13.9071 9.03872 13.9179 9.15023 13.9395 9.37327L13.9592 9.57632C14.0352 10.3612 14.0733 10.7536 13.8435 10.9281C13.6136 11.1025 13.2682 10.9435 12.5773 10.6254L12.3986 10.5431C12.2022 10.4527 12.1041 10.4075 12 10.4075C11.8959 10.4075 11.7978 10.4527 11.6014 10.5431L11.4227 10.6254C10.7318 10.9435 10.3864 11.1025 10.1565 10.9281C9.92674 10.7536 9.96476 10.3612 10.0408 9.57632L10.0605 9.37327C10.0821 9.15023 10.0929 9.03872 10.0608 8.93531C10.0286 8.83191 9.95713 8.74833 9.81418 8.58117L9.68403 8.42898C9.18097 7.84072 8.92945 7.54659 9.01723 7.26432C9.10501 6.98205 9.47396 6.89857 10.2119 6.73161L10.4028 6.68841C10.6125 6.64097 10.7173 6.61725 10.8015 6.55334C10.8857 6.48944 10.9397 6.39258 11.0476 6.19887L11.1459 6.02251Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M18 22H6" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path
+                                    d="M17 2.45597C17.7415 2.59747 18.1811 2.75299 18.5609 3.22083C19.0367 3.80673 19.0115 4.43998 18.9612 5.70647C18.7805 10.2595 17.7601 16 12.0002 16C6.24021 16 5.21983 10.2595 5.03907 5.70647C4.98879 4.43998 4.96365 3.80673 5.43937 3.22083C5.91508 2.63494 6.48445 2.53887 7.62318 2.34674C8.74724 2.15709 10.2166 2 12.0002 2C12.7184 2 13.3857 2.02548 14 2.06829"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M13.3057 18.2975L8.23724 19.987C5.47183 20.9088 4.08912 21.3697 3.35924 20.6398C2.62936 19.9099 3.09026 18.5272 4.01207 15.7618L5.70156 10.6933C6.46758 8.39525 6.85059 7.24623 7.75684 7.03229C8.6631 6.81835 9.51953 7.67478 11.2324 9.38764L14.6114 12.7666C16.3242 14.4795 17.1807 15.3359 16.9667 16.2422"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M12.2351 18.3461C12.2351 18.3461 11.477 16.0649 11.477 14.5552C11.477 13.0454 12.2351 10.7643 12.2351 10.7643M8.06517 19.4833C8.06517 19.4833 7.42484 16.7314 7.307 14.9343C7.11229 11.965 8.06517 7.35254 8.06517 7.35254"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M14.5093 10.0061L14.6533 9.28614C14.7986 8.55924 15.3224 7.96597 16.0256 7.73155C16.7289 7.49714 17.2526 6.90387 17.398 6.17697L17.542 5.45703"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M17.5691 12.2533L17.7819 12.3762C18.4391 12.7556 19.2652 12.6719 19.8329 12.1685C20.347 11.7126 21.0792 11.597 21.7087 11.8723L22.0002 11.9997"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M10.5352 3C10.1977 3.55206 10.2823 4.26344 10.7399 4.72097L10.8377 4.81885C11.2309 5.21201 11.3759 5.78959 11.215 6.32182"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M13.561 4.39648C13.7621 4.19542 13.8626 4.09489 13.9788 4.05804C14.0772 4.02688 14.1827 4.02688 14.281 4.05804C14.3973 4.09489 14.4978 4.19542 14.6989 4.39648C14.8999 4.59753 15.0004 4.69806 15.0373 4.8143C15.0685 4.91262 15.0685 5.01817 15.0373 5.11648C15.0004 5.23272 14.8999 5.33325 14.6989 5.53431C14.4978 5.73536 14.3973 5.83589 14.281 5.87274C14.1827 5.90391 14.0772 5.90391 13.9788 5.87274C13.8626 5.83589 13.7621 5.73536 13.561 5.53431C13.36 5.33325 13.2594 5.23272 13.2226 5.11648C13.1914 5.01817 13.1914 4.91262 13.2226 4.8143C13.2594 4.69806 13.36 4.59753 13.561 4.39648Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M19.4682 7.46822C19.7136 7.22283 19.8363 7.10014 19.9747 7.04681C20.1367 6.9844 20.3161 6.9844 20.4781 7.04681C20.6165 7.10014 20.7392 7.22283 20.9846 7.46822C21.23 7.71362 21.3527 7.83631 21.406 7.97472C21.4684 8.1367 21.4684 8.31609 21.406 8.47807C21.3527 8.61649 21.23 8.73918 20.9846 8.98457C20.7392 9.22996 20.6165 9.35266 20.4781 9.40599C20.3161 9.4684 20.1367 9.4684 19.9747 9.40599C19.8363 9.35266 19.7136 9.22996 19.4682 8.98457C19.2228 8.73918 19.1001 8.61649 19.0468 8.47807C18.9844 8.31609 18.9844 8.1367 19.0468 7.97472C19.1001 7.83631 19.2228 7.71362 19.4682 7.46822Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M6.92737 3.94079C7.13683 3.73132 7.47645 3.73132 7.68592 3.94079C7.89539 4.15026 7.89539 4.48988 7.68592 4.69935C7.47645 4.90882 7.13683 4.90882 6.92737 4.69935C6.7179 4.48988 6.7179 4.15026 6.92737 3.94079Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M19.0582 15.3134C19.2677 15.1039 19.6073 15.1039 19.8168 15.3134C20.0262 15.5228 20.0262 15.8624 19.8168 16.0719C19.6073 16.2814 19.2677 16.2814 19.0582 16.0719C18.8488 15.8624 18.8488 15.5228 19.0582 15.3134Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M17.5 9.74145C17.7095 9.53198 18.0491 9.53198 18.2586 9.74145C18.468 9.95092 18.468 10.2905 18.2586 10.5C18.0491 10.7095 17.7095 10.7095 17.5 10.5C17.2905 10.2905 17.2905 9.95092 17.5 9.74145Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                    </div>
+
+                    <div class="bg-[#009688]/[.26] text-[#009688] py-1 px-2 rounded inline-block text-base mb-5">
+                        Outline</div>
+                    <div class="flex items-center flex-wrap gap-10 mb-5">
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M20.3116 12.6473L20.8293 10.7154C21.4335 8.46034 21.7356 7.3328 21.5081 6.35703C21.3285 5.58657 20.9244 4.88668 20.347 4.34587C19.6157 3.66095 18.4881 3.35883 16.2331 2.75458C13.978 2.15033 12.8504 1.84821 11.8747 2.07573C11.1042 2.25537 10.4043 2.65945 9.86351 3.23687C9.27709 3.86298 8.97128 4.77957 8.51621 6.44561C8.43979 6.7254 8.35915 7.02633 8.27227 7.35057L8.27222 7.35077L7.75458 9.28263C7.15033 11.5377 6.84821 12.6652 7.07573 13.641C7.25537 14.4115 7.65945 15.1114 8.23687 15.6522C8.96815 16.3371 10.0957 16.6392 12.3508 17.2435L12.3508 17.2435C14.3834 17.7881 15.4999 18.0873 16.415 17.9744C16.5152 17.9621 16.6129 17.9448 16.7092 17.9223C17.4796 17.7427 18.1795 17.3386 18.7203 16.7612C19.4052 16.0299 19.7074 14.9024 20.3116 12.6473Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M16.415 17.9741C16.2065 18.6126 15.8399 19.1902 15.347 19.6519C14.6157 20.3368 13.4881 20.6389 11.2331 21.2432C8.97798 21.8474 7.85044 22.1495 6.87466 21.922C6.10421 21.7424 5.40432 21.3383 4.86351 20.7609C4.17859 20.0296 3.87647 18.9021 3.27222 16.647L2.75458 14.7151C2.15033 12.46 1.84821 11.3325 2.07573 10.3567C2.25537 9.58627 2.65945 8.88638 3.23687 8.34557C3.96815 7.66065 5.09569 7.35853 7.35077 6.75428C7.77741 6.63996 8.16368 6.53646 8.51621 6.44531"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M11.7769 10L16.6065 11.2941" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M11 12.8975L13.8978 13.6739" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M3 15C3 17.8284 3 19.2426 3.87868 20.1213C4.75736 21 6.17157 21 9 21H15C17.8284 21 19.2426 21 20.1213 20.1213C21 19.2426 21 17.8284 21 15"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                    stroke-linejoin="round" />
+                                <path d="M12 16V3M12 3L16 7.375M12 3L8 7.375" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M11.1459 7.02251C11.5259 6.34084 11.7159 6 12 6C12.2841 6 12.4741 6.34084 12.8541 7.02251L12.9524 7.19887C13.0603 7.39258 13.1143 7.48944 13.1985 7.55334C13.2827 7.61725 13.3875 7.64097 13.5972 7.68841L13.7881 7.73161C14.526 7.89857 14.895 7.98205 14.9828 8.26432C15.0706 8.54659 14.819 8.84072 14.316 9.42898L14.1858 9.58117C14.0429 9.74833 13.9714 9.83191 13.9392 9.93531C13.9071 10.0387 13.9179 10.1502 13.9395 10.3733L13.9592 10.5763C14.0352 11.3612 14.0733 11.7536 13.8435 11.9281C13.6136 12.1025 13.2682 11.9435 12.5773 11.6254L12.3986 11.5431C12.2022 11.4527 12.1041 11.4075 12 11.4075C11.8959 11.4075 11.7978 11.4527 11.6014 11.5431L11.4227 11.6254C10.7318 11.9435 10.3864 12.1025 10.1565 11.9281C9.92674 11.7536 9.96476 11.3612 10.0408 10.5763L10.0605 10.3733C10.0821 10.1502 10.0929 10.0387 10.0608 9.93531C10.0286 9.83191 9.95713 9.74833 9.81418 9.58117L9.68403 9.42898C9.18097 8.84072 8.92945 8.54659 9.01723 8.26432C9.10501 7.98205 9.47396 7.89857 10.2119 7.73161L10.4028 7.68841C10.6125 7.64097 10.7173 7.61725 10.8015 7.55334C10.8857 7.48944 10.9397 7.39258 11.0476 7.19887L11.1459 7.02251Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M19 9C19 12.866 15.866 16 12 16C8.13401 16 5 12.866 5 9C5 5.13401 8.13401 2 12 2C15.866 2 19 5.13401 19 9Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M12 16.0678L8.22855 19.9728C7.68843 20.5321 7.41837 20.8117 7.18967 20.9084C6.66852 21.1289 6.09042 20.9402 5.81628 20.4602C5.69597 20.2495 5.65848 19.8695 5.5835 19.1095C5.54117 18.6804 5.52 18.4658 5.45575 18.2861C5.31191 17.8838 5.00966 17.5708 4.6211 17.4219C4.44754 17.3554 4.24033 17.3335 3.82589 17.2896C3.09187 17.212 2.72486 17.1732 2.52138 17.0486C2.05772 16.7648 1.87548 16.1662 2.08843 15.6266C2.18188 15.3898 2.45194 15.1102 2.99206 14.5509L5.45575 12"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M12 16.0678L15.7715 19.9728C16.3116 20.5321 16.5816 20.8117 16.8103 20.9084C17.3315 21.1289 17.9096 20.9402 18.1837 20.4602C18.304 20.2495 18.3415 19.8695 18.4165 19.1095C18.4588 18.6804 18.48 18.4658 18.5442 18.2861C18.6881 17.8838 18.9903 17.5708 19.3789 17.4219C19.5525 17.3554 19.7597 17.3335 20.1741 17.2896C20.9081 17.212 21.2751 17.1732 21.4786 17.0486C21.9423 16.7648 22.1245 16.1662 21.9116 15.6266C21.8181 15.3898 21.5481 15.1102 21.0079 14.5509L18.5442 12"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M2.3153 12.6978C2.26536 12.2706 2.2404 12.057 2.2509 11.8809C2.30599 10.9577 2.98677 10.1928 3.89725 10.0309C4.07094 10 4.286 10 4.71612 10H15.2838C15.7139 10 15.929 10 16.1027 10.0309C17.0132 10.1928 17.694 10.9577 17.749 11.8809C17.7595 12.057 17.7346 12.2706 17.6846 12.6978L17.284 16.1258C17.1031 17.6729 16.2764 19.0714 15.0081 19.9757C14.0736 20.6419 12.9546 21 11.8069 21H8.19303C7.04537 21 5.9263 20.6419 4.99182 19.9757C3.72352 19.0714 2.89681 17.6729 2.71598 16.1258L2.3153 12.6978Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M17 17H19C20.6569 17 22 15.6569 22 14C22 12.3431 20.6569 11 19 11H17.5"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M10.0002 2C9.44787 2.55228 9.44787 3.44772 10.0002 4C10.5524 4.55228 10.5524 5.44772 10.0002 6"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                    stroke-linejoin="round" />
+                                <path
+                                    d="M5.00018 7.5L5.1163 7.38388C5.62347 6.87671 5.68053 6.0738 5.25018 5.5C4.81983 4.9262 4.8769 4.12329 5.38407 3.61612L5.50018 3.5"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                    stroke-linejoin="round" />
+                                <path
+                                    d="M14.5002 7.5L14.6163 7.38388C15.1235 6.87671 15.1805 6.0738 14.7502 5.5C14.3198 4.9262 14.3769 4.12329 14.8841 3.61612L15.0002 3.5"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                    stroke-linejoin="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M4.97883 9.68508C2.99294 8.89073 2 8.49355 2 8C2 7.50645 2.99294 7.10927 4.97883 6.31492L7.7873 5.19153C9.77318 4.39718 10.7661 4 12 4C13.2339 4 14.2268 4.39718 16.2127 5.19153L19.0212 6.31492C21.0071 7.10927 22 7.50645 22 8C22 8.49355 21.0071 8.89073 19.0212 9.68508L16.2127 10.8085C14.2268 11.6028 13.2339 12 12 12C10.7661 12 9.77318 11.6028 7.7873 10.8085L4.97883 9.68508Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M22 12C22 12 21.0071 12.8907 19.0212 13.6851L16.2127 14.8085C14.2268 15.6028 13.2339 16 12 16C10.7661 16 9.77318 15.6028 7.7873 14.8085L4.97883 13.6851C2.99294 12.8907 2 12 2 12"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M22 16C22 16 21.0071 16.8907 19.0212 17.6851L16.2127 18.8085C14.2268 19.6028 13.2339 20 12 20C10.7661 20 9.77318 19.6028 7.7873 18.8085L4.97883 17.6851C2.99294 16.8907 2 16 2 16"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M3 12C3 15.7712 3 19.6569 4.31802 20.8284C5.63604 22 7.75736 22 12 22C16.2426 22 18.364 22 19.682 20.8284C21 19.6569 21 15.7712 21 12"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M14.6603 14.2019L20.6676 12.3997C21.2631 12.2211 21.5609 12.1317 21.7498 11.9176C21.7866 11.8759 21.8199 11.8312 21.8492 11.784C22 11.5415 22 11.2307 22 10.6089C22 8.15877 22 6.9337 21.327 6.10659C21.1977 5.94763 21.0524 5.80233 20.8934 5.67298C20.0663 5 18.8412 5 16.3911 5H7.60893C5.15877 5 3.9337 5 3.10659 5.67298C2.94763 5.80233 2.80233 5.94763 2.67298 6.10659C2 6.9337 2 8.15877 2 10.6089C2 11.2307 2 11.5415 2.15078 11.784C2.18015 11.8312 2.21341 11.8759 2.25021 11.9176C2.43915 12.1317 2.7369 12.2211 3.3324 12.3997L9.33968 14.2019"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M6.5 5C7.32344 4.97913 8.15925 4.45491 8.43944 3.68032C8.44806 3.65649 8.4569 3.62999 8.47457 3.57697L8.50023 3.5C8.54241 3.37344 8.56351 3.31014 8.58608 3.254C8.87427 2.53712 9.54961 2.05037 10.3208 2.00366C10.3812 2 10.4479 2 10.5814 2H13.4191C13.5525 2 13.6192 2 13.6796 2.00366C14.4508 2.05037 15.1262 2.53712 15.4144 3.254C15.4369 3.31014 15.458 3.37343 15.5002 3.5L15.5259 3.57697C15.5435 3.62968 15.5524 3.65656 15.561 3.68032C15.8412 4.45491 16.6766 4.97913 17.5 5"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M14 12.5H10C9.72386 12.5 9.5 12.7239 9.5 13V15.1615C9.5 15.3659 9.62448 15.5498 9.8143 15.6257L10.5144 15.9058C11.4681 16.2872 12.5319 16.2872 13.4856 15.9058L14.1857 15.6257C14.3755 15.5498 14.5 15.3659 14.5 15.1615V13C14.5 12.7239 14.2761 12.5 14 12.5Z"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M18 8.80745C18 13.7615 13.7333 15 11.6 15C9.73333 15 6 13.7615 6 8.80745C6 6.71017 7.20839 5.35826 8.26099 4.65274C8.79638 4.29388 9.48354 4.55201 9.57296 5.17624C9.75127 6.421 10.8777 7.34944 11.5596 6.27998C12.1424 5.36614 12.3529 4.13169 12.3529 3.38896C12.3529 2.28965 13.503 1.59108 14.4009 2.2646C16.1512 3.5774 18 5.776 18 8.80745Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M20 15L4 22" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M4 15L9 17.1875M20 22L14.5 19.5938" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path d="M15 10C14.8 10.6667 13.92 12 12 12" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M2 3L2.26491 3.0883C3.58495 3.52832 4.24497 3.74832 4.62248 4.2721C5 4.79587 5 5.49159 5 6.88304V9.5C5 12.3284 5 13.7426 5.87868 14.6213C6.75736 15.5 8.17157 15.5 11 15.5H19"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.5 18C8.32843 18 9 18.6716 9 19.5C9 20.3284 8.32843 21 7.5 21C6.67157 21 6 20.3284 6 19.5C6 18.6716 6.67157 18 7.5 18Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M16.5 18.0001C17.3284 18.0001 18 18.6716 18 19.5001C18 20.3285 17.3284 21.0001 16.5 21.0001C15.6716 21.0001 15 20.3285 15 19.5001C15 18.6716 15.6716 18.0001 16.5 18.0001Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M11 9H8" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path
+                                    d="M5 6H16.4504C18.5054 6 19.5328 6 19.9775 6.67426C20.4221 7.34853 20.0173 8.29294 19.2078 10.1818L18.7792 11.1818C18.4013 12.0636 18.2123 12.5045 17.8366 12.7523C17.4609 13 16.9812 13 16.0218 13H5"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M22 7L14.6203 14.3347C13.6227 15.3263 13.1238 15.822 12.5051 15.822C11.8864 15.8219 11.3876 15.326 10.3902 14.3342L10.1509 14.0962C9.15254 13.1035 8.65338 12.6071 8.03422 12.6074C7.41506 12.6076 6.91626 13.1043 5.91867 14.0977L2 18M22 7V12.5458M22 7H16.4179"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                    stroke-linejoin="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M5.50506 11.4096L6.03539 11.9399L5.50506 11.4096ZM3 14.9522H2.25H3ZM9.04776 21V21.75V21ZM11.4096 5.50506L10.8792 4.97473L11.4096 5.50506ZM13.241 17.8444C13.5339 18.1373 14.0088 18.1373 14.3017 17.8444C14.5946 17.5515 14.5946 17.0766 14.3017 16.7837L13.241 17.8444ZM7.21629 9.69832C6.9234 9.40543 6.44852 9.40543 6.15563 9.69832C5.86274 9.99122 5.86274 10.4661 6.15563 10.759L7.21629 9.69832ZM17.9646 12.0601L12.0601 17.9646L13.1208 19.0253L19.0253 13.1208L17.9646 12.0601ZM6.03539 11.9399L11.9399 6.03539L10.8792 4.97473L4.97473 10.8792L6.03539 11.9399ZM6.03539 17.9646C5.18538 17.1146 4.60235 16.5293 4.22253 16.0315C3.85592 15.551 3.75 15.2411 3.75 14.9522H2.25C2.25 15.701 2.56159 16.3274 3.03 16.9414C3.48521 17.538 4.1547 18.2052 4.97473 19.0253L6.03539 17.9646ZM4.97473 10.8792C4.1547 11.6993 3.48521 12.3665 3.03 12.9631C2.56159 13.577 2.25 14.2035 2.25 14.9522H3.75C3.75 14.6633 3.85592 14.3535 4.22253 13.873C4.60235 13.3752 5.18538 12.7899 6.03539 11.9399L4.97473 10.8792ZM12.0601 17.9646C11.2101 18.8146 10.6248 19.3977 10.127 19.7775C9.64651 20.1441 9.33665 20.25 9.04776 20.25V21.75C9.79649 21.75 10.423 21.4384 11.0369 20.97C11.6335 20.5148 12.3008 19.8453 13.1208 19.0253L12.0601 17.9646ZM4.97473 19.0253C5.79476 19.8453 6.46201 20.5148 7.05863 20.97C7.67256 21.4384 8.29902 21.75 9.04776 21.75V20.25C8.75886 20.25 8.449 20.1441 7.9685 19.7775C7.47069 19.3977 6.88541 18.8146 6.03539 17.9646L4.97473 19.0253ZM17.9646 6.03539C18.8146 6.88541 19.3977 7.47069 19.7775 7.9685C20.1441 8.449 20.25 8.75886 20.25 9.04776H21.75C21.75 8.29902 21.4384 7.67256 20.97 7.05863C20.5148 6.46201 19.8453 5.79476 19.0253 4.97473L17.9646 6.03539ZM19.0253 13.1208C19.8453 12.3008 20.5148 11.6335 20.97 11.0369C21.4384 10.423 21.75 9.79649 21.75 9.04776H20.25C20.25 9.33665 20.1441 9.64651 19.7775 10.127C19.3977 10.6248 18.8146 11.2101 17.9646 12.0601L19.0253 13.1208ZM19.0253 4.97473C18.2052 4.1547 17.538 3.48521 16.9414 3.03C16.3274 2.56159 15.701 2.25 14.9522 2.25V3.75C15.2411 3.75 15.551 3.85592 16.0315 4.22253C16.5293 4.60235 17.1146 5.18538 17.9646 6.03539L19.0253 4.97473ZM11.9399 6.03539C12.7899 5.18538 13.3752 4.60235 13.873 4.22253C14.3535 3.85592 14.6633 3.75 14.9522 3.75V2.25C14.2035 2.25 13.577 2.56159 12.9631 3.03C12.3665 3.48521 11.6993 4.1547 10.8792 4.97473L11.9399 6.03539ZM14.3017 16.7837L7.21629 9.69832L6.15563 10.759L13.241 17.8444L14.3017 16.7837Z"
+                                    fill="currentColor" />
+                                <path d="M9 21H21" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M3 22V12C3 10.1144 3 9.17157 3.58579 8.58579C4.17157 8 5.11438 8 7 8C8.88562 8 9.82843 8 10.4142 8.58579C11 9.17157 11 10.1144 11 12"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M17 22V16C17 14.1144 17 13.1716 16.4142 12.5858C15.8284 12 14.8856 12 13 12H11C9.11438 12 8.17157 12 7.58579 12.5858C7 13.1716 7 14.1144 7 16V22"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M21 21.9999V7.77195C21 6.4311 21 5.76068 20.6439 5.24676C20.2877 4.73283 19.66 4.49743 18.4045 4.02663C15.9492 3.10591 14.7216 2.64555 13.8608 3.2421C13 3.83864 13 5.14974 13 7.77195V11.9999"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M4 8V6.5C4 5.55719 4 5.08579 4.29289 4.79289C4.58579 4.5 5.05719 4.5 6 4.5H8C8.94281 4.5 9.41421 4.5 9.70711 4.79289C10 5.08579 10 5.55719 10 6.5V8"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path d="M7 4V2" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M22 22L2 22" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M10 15H14" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M10 18H14" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M2.5 6.5C2.5 4.29086 4.29086 2.5 6.5 2.5C8.70914 2.5 10.5 4.29086 10.5 6.5C10.5 8.70914 8.70914 10.5 6.5 10.5C4.29086 10.5 2.5 8.70914 2.5 6.5Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M13.5 17.5C13.5 15.2909 15.2909 13.5 17.5 13.5C19.7091 13.5 21.5 15.2909 21.5 17.5C21.5 19.7091 19.7091 21.5 17.5 21.5C15.2909 21.5 13.5 19.7091 13.5 17.5Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M21.5 6.5C21.5 4.61438 21.5 3.67157 20.9142 3.08579C20.3284 2.5 19.3856 2.5 17.5 2.5C15.6144 2.5 14.6716 2.5 14.0858 3.08579C13.5 3.67157 13.5 4.61438 13.5 6.5C13.5 8.38562 13.5 9.32843 14.0858 9.91421C14.6716 10.5 15.6144 10.5 17.5 10.5C19.3856 10.5 20.3284 10.5 20.9142 9.91421C21.5 9.32843 21.5 8.38562 21.5 6.5Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M10.5 17.5C10.5 15.6144 10.5 14.6716 9.91421 14.0858C9.32843 13.5 8.38562 13.5 6.5 13.5C4.61438 13.5 3.67157 13.5 3.08579 14.0858C2.5 14.6716 2.5 15.6144 2.5 17.5C2.5 19.3856 2.5 20.3284 3.08579 20.9142C3.67157 21.5 4.61438 21.5 6.5 21.5C8.38562 21.5 9.32843 21.5 9.91421 20.9142C10.5 20.3284 10.5 19.3856 10.5 17.5Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path d="M13.9868 5L12 12.4149L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M3 13.0827C3 13.0059 3 12.9675 3.00211 12.9351C3.0347 12.4339 3.43395 12.0347 3.93511 12.0021C3.96752 12 4.00591 12 4.08268 12H19.9173C19.9941 12 20.0325 12 20.0649 12.0021C20.5661 12.0347 20.9653 12.4339 20.9979 12.9351C21 12.9675 21 13.0059 21 13.0827C21 13.4784 21 13.6762 20.9859 13.8977C20.7773 17.1854 17.983 20.0867 14.7053 20.4186C14.4845 20.441 14.3558 20.4458 14.0982 20.4555C13.364 20.4831 12.6493 20.5 12 20.5C11.3507 20.5 10.636 20.4831 9.90183 20.4555C9.64425 20.4458 9.51545 20.441 9.29467 20.4186C6.01705 20.0867 3.22272 17.1854 3.01406 13.8977C3 13.6762 3 13.4784 3 13.0827Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M6 20L5 22" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M18 20L19 22" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M2 12H22" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path
+                                    d="M2.25 13C2.25 13.4142 2.58579 13.75 3 13.75C3.41421 13.75 3.75 13.4142 3.75 13H2.25ZM7.59973 3.49934L8.29609 3.22079L8.29609 3.22079L7.59973 3.49934ZM7.97885 4.44713L8.30713 5.12147L7.97885 4.44713ZM6.36212 6.19232L7.05701 6.47451L6.36212 6.19232ZM10.577 4.37783L10.2824 5.06753L10.577 4.37783ZM6.34559 8.74156L5.6478 9.01651C5.72221 9.20535 5.86997 9.35596 6.05735 9.43396C6.24473 9.51197 6.45572 9.51069 6.64215 9.43044L6.34559 8.74156ZM12.3063 6.17548L12.6029 6.86436C12.975 6.70417 13.1526 6.27744 13.0041 5.90053L12.3063 6.17548ZM3.75 13V4.38516H2.25V13H3.75ZM5.38516 2.75C6.05379 2.75 6.65506 3.15708 6.90338 3.77788L8.29609 3.22079C7.81998 2.0305 6.66715 1.25 5.38516 1.25V2.75ZM3.75 4.38516C3.75 3.48209 4.48209 2.75 5.38516 2.75V1.25C3.65366 1.25 2.25 2.65366 2.25 4.38516H3.75ZM6.90338 3.77788L7.2825 4.72568L8.67521 4.16859L8.29609 3.22079L6.90338 3.77788ZM7.04337 8.46661C6.80167 7.85321 6.78638 7.14092 7.05701 6.47451L5.66723 5.91014C5.24692 6.94515 5.26959 8.05665 5.6478 9.01651L7.04337 8.46661ZM12.0098 5.4866L6.04903 8.05268L6.64215 9.43044L12.6029 6.86436L12.0098 5.4866ZM10.2824 5.06753C10.9039 5.33307 11.367 5.83741 11.6086 6.45043L13.0041 5.90053C12.6258 4.94029 11.887 4.12189 10.8717 3.68813L10.2824 5.06753ZM7.05701 6.47451C7.31118 5.8486 7.76827 5.3838 8.30713 5.12147L7.65058 3.77279C6.78337 4.19496 6.06253 4.93671 5.66723 5.91014L7.05701 6.47451ZM8.30713 5.12147C8.91452 4.82579 9.62506 4.78672 10.2824 5.06753L10.8717 3.68813C9.79386 3.22768 8.62874 3.29661 7.65058 3.77279L8.30713 5.12147Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M9 14.2354V17.0001C9 19.7615 11.2386 22.0001 14 22.0001H14.8824C16.7691 22.0001 18.3595 20.7311 18.8465 19.0001"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path
+                                    d="M5.42857 3H5.3369C5.02404 3 4.86761 3 4.73574 3.01166C3.28763 3.13972 2.13972 4.28763 2.01166 5.73574C2 5.86761 2 6.02404 2 6.3369V7.23529C2 11.1013 5.13401 14.2353 9 14.2353C12.7082 14.2353 15.7143 11.2292 15.7143 7.521V6.3369C15.7143 6.02404 15.7143 5.86761 15.7026 5.73574C15.5746 4.28763 14.4267 3.13972 12.9785 3.01166C12.8467 3 12.6902 3 12.3774 3H12.2857"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <circle cx="19" cy="16" r="3" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <path d="M12 2V4" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path d="M6 2V4" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M15.6807 14.5869C19.1708 14.5869 22 11.7692 22 8.29344C22 4.81767 19.1708 2 15.6807 2C12.1907 2 9.3615 4.81767 9.3615 8.29344C9.3615 9.90338 10.0963 11.0743 10.0963 11.0743L2.45441 18.6849C2.1115 19.0264 1.63143 19.9143 2.45441 20.7339L3.33616 21.6121C3.67905 21.9048 4.54119 22.3146 5.2466 21.6121L6.27531 20.5876C7.30403 21.6121 8.4797 21.0267 8.92058 20.4412C9.65538 19.4167 8.77362 18.3922 8.77362 18.3922L9.06754 18.0995C10.4783 19.5045 11.7128 18.6849 12.1537 18.0995C12.8885 17.075 12.1537 16.0505 12.1537 16.0505C11.8598 15.465 11.272 15.465 12.0067 14.7333L12.8885 13.8551C13.5939 14.4405 15.0439 14.5869 15.6807 14.5869Z"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" />
+                                <path
+                                    d="M17.8853 8.29353C17.8853 9.50601 16.8984 10.4889 15.681 10.4889C14.4635 10.4889 13.4766 9.50601 13.4766 8.29353C13.4766 7.08105 14.4635 6.09814 15.681 6.09814C16.8984 6.09814 17.8853 7.08105 17.8853 8.29353Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                        </div>
+                    </div>
+
+                    <div class="bg-[#009688]/[.26] text-[#009688] py-1 px-2 rounded inline-block text-base mb-5">Bold
+                    </div>
+                    <div class="flex items-center flex-wrap gap-10">
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M2.5192 7.82274C2 8.77128 2 9.91549 2 12.2039V13.725C2 17.6258 2 19.5763 3.17157 20.7881C4.34315 22 6.22876 22 10 22H14C17.7712 22 19.6569 22 20.8284 20.7881C22 19.5763 22 17.6258 22 13.725V12.2039C22 9.91549 22 8.77128 21.4808 7.82274C20.9616 6.87421 20.0131 6.28551 18.116 5.10812L16.116 3.86687C14.1106 2.62229 13.1079 2 12 2C10.8921 2 9.88939 2.62229 7.88403 3.86687L5.88403 5.10813C3.98695 6.28551 3.0384 6.87421 2.5192 7.82274ZM9.44661 15.3975C9.11385 15.1508 8.64413 15.2206 8.39747 15.5534C8.15082 15.8862 8.22062 16.3559 8.55339 16.6025C9.5258 17.3233 10.715 17.75 12 17.75C13.285 17.75 14.4742 17.3233 15.4466 16.6025C15.7794 16.3559 15.8492 15.8862 15.6025 15.5534C15.3559 15.2206 14.8862 15.1508 14.5534 15.3975C13.825 15.9373 12.9459 16.25 12 16.25C11.0541 16.25 10.175 15.9373 9.44661 15.3975Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M6.65376 1.63257C6.45076 1.27151 5.99349 1.14338 5.63244 1.34638C5.27138 1.54938 5.14324 2.00664 5.34624 2.3677L11.1396 12.6718L8.43226 17.4871C7.85064 16.1697 6.5327 15.2501 5 15.2501C2.92893 15.2501 1.25 16.9291 1.25 19.0001C1.25 21.0712 2.92893 22.7501 5 22.7501C6.42286 22.7501 7.66063 21.9577 8.29606 20.7901L12 14.2022L15.7039 20.79C16.3393 21.9577 17.5771 22.7501 19 22.7501C21.0711 22.7501 22.75 21.0712 22.75 19.0001C22.75 16.9291 21.0711 15.2501 19 15.2501C17.4673 15.2501 16.1494 16.1696 15.5677 17.4871L12.8604 12.6718L18.6538 2.3677C18.8568 2.00664 18.7286 1.54938 18.3676 1.34638C18.0065 1.14338 17.5492 1.27151 17.3462 1.63257L12 11.1415L6.65376 1.63257Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 7.28595 22 4.92893 20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447ZM10.5431 7.51724C10.8288 7.2173 10.8172 6.74256 10.5172 6.4569C10.2173 6.17123 9.74256 6.18281 9.4569 6.48276L7.14286 8.9125L6.5431 8.28276C6.25744 7.98281 5.78271 7.97123 5.48276 8.2569C5.18281 8.54256 5.17123 9.01729 5.4569 9.31724L6.59976 10.5172C6.74131 10.6659 6.9376 10.75 7.14286 10.75C7.34812 10.75 7.5444 10.6659 7.68596 10.5172L10.5431 7.51724ZM13 8.25C12.5858 8.25 12.25 8.58579 12.25 9C12.25 9.41422 12.5858 9.75 13 9.75H18C18.4142 9.75 18.75 9.41422 18.75 9C18.75 8.58579 18.4142 8.25 18 8.25H13ZM10.5431 14.5172C10.8288 14.2173 10.8172 13.7426 10.5172 13.4569C10.2173 13.1712 9.74256 13.1828 9.4569 13.4828L7.14286 15.9125L6.5431 15.2828C6.25744 14.9828 5.78271 14.9712 5.48276 15.2569C5.18281 15.5426 5.17123 16.0173 5.4569 16.3172L6.59976 17.5172C6.74131 17.6659 6.9376 17.75 7.14286 17.75C7.34812 17.75 7.5444 17.6659 7.68596 17.5172L10.5431 14.5172ZM13 15.25C12.5858 15.25 12.25 15.5858 12.25 16C12.25 16.4142 12.5858 16.75 13 16.75H18C18.4142 16.75 18.75 16.4142 18.75 16C18.75 15.5858 18.4142 15.25 18 15.25H13Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M12 2C8.22876 2 6.34315 2 5.17157 3.17157C4.10848 4.23467 4.01004 5.8857 4.00093 9H3C2.44772 9 2 9.44772 2 10V11C2 11.3148 2.14819 11.6111 2.4 11.8L4 13C4.00911 16.1143 4.10848 17.7653 5.17157 18.8284C5.41375 19.0706 5.68645 19.2627 6 19.4151V20.9999C6 21.5522 6.44772 21.9999 7 21.9999H8.5C9.05228 21.9999 9.5 21.5522 9.5 20.9999V19.9815C10.2271 20 11.0542 20 12 20C12.9458 20 13.7729 20 14.5 19.9815V20.9999C14.5 21.5522 14.9477 21.9999 15.5 21.9999H17C17.5523 21.9999 18 21.5522 18 20.9999V19.4151C18.3136 19.2627 18.5862 19.0706 18.8284 18.8284C19.8915 17.7653 19.9909 16.1143 20 13L21.6 11.8C21.8518 11.6111 22 11.3148 22 11V10C22 9.44772 21.5523 9 21 9H19.9991C19.99 5.8857 19.8915 4.23467 18.8284 3.17157C17.6569 2 15.7712 2 12 2ZM5.5 9.5C5.5 10.9142 5.5 11.6213 5.93934 12.0607C6.37868 12.5 7.08579 12.5 8.5 12.5H12H15.5C16.9142 12.5 17.6213 12.5 18.0607 12.0607C18.5 11.6213 18.5 10.9142 18.5 9.5V7C18.5 5.58579 18.5 4.87868 18.0607 4.43934C17.6213 4 16.9142 4 15.5 4H12H8.5C7.08579 4 6.37868 4 5.93934 4.43934C5.5 4.87868 5.5 5.58579 5.5 7V9.5ZM6.25 16C6.25 15.5858 6.58579 15.25 7 15.25H8.5C8.91421 15.25 9.25 15.5858 9.25 16C9.25 16.4142 8.91421 16.75 8.5 16.75H7C6.58579 16.75 6.25 16.4142 6.25 16ZM17.75 16C17.75 15.5858 17.4142 15.25 17 15.25H15.5C15.0858 15.25 14.75 15.5858 14.75 16C14.75 16.4142 15.0858 16.75 15.5 16.75H17C17.4142 16.75 17.75 16.4142 17.75 16Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M7.75 2.5C7.75 2.08579 7.41421 1.75 7 1.75C6.58579 1.75 6.25 2.08579 6.25 2.5V4.07926C4.81067 4.19451 3.86577 4.47737 3.17157 5.17157C2.47737 5.86577 2.19451 6.81067 2.07926 8.25H21.9207C21.8055 6.81067 21.5226 5.86577 20.8284 5.17157C20.1342 4.47737 19.1893 4.19451 17.75 4.07926V2.5C17.75 2.08579 17.4142 1.75 17 1.75C16.5858 1.75 16.25 2.08579 16.25 2.5V4.0129C15.5847 4 14.839 4 14 4H10C9.16097 4 8.41527 4 7.75 4.0129V2.5Z"
+                                    fill="currentColor" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M22 12C22 11.161 22 10.4153 21.9871 9.75H2.0129C2 10.4153 2 11.161 2 12V14C2 17.7712 2 19.6569 3.17157 20.8284C4.34315 22 6.22876 22 10 22H14C17.7712 22 19.6569 22 20.8284 20.8284C22 19.6569 22 17.7712 22 14V12ZM14 12.25C13.0335 12.25 12.25 13.0335 12.25 14V16C12.25 16.9665 13.0335 17.75 14 17.75C14.9665 17.75 15.75 16.9665 15.75 16V14C15.75 13.0335 14.9665 12.25 14 12.25ZM14 13.75C13.8619 13.75 13.75 13.8619 13.75 14V16C13.75 16.1381 13.8619 16.25 14 16.25C14.1381 16.25 14.25 16.1381 14.25 16V14C14.25 13.8619 14.1381 13.75 14 13.75ZM10.787 12.3071C11.0673 12.4232 11.25 12.6967 11.25 13V17C11.25 17.4142 10.9142 17.75 10.5 17.75C10.0858 17.75 9.75 17.4142 9.75 17V14.8107L9.53033 15.0303C9.23744 15.3232 8.76256 15.3232 8.46967 15.0303C8.17678 14.7374 8.17678 14.2626 8.46967 13.9697L9.96967 12.4697C10.1842 12.2552 10.5068 12.191 10.787 12.3071Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M16.3445 8.93024L16.6889 6.09016L16.6889 6.09014C16.7692 5.4285 16.8093 5.09767 16.74 4.82267C16.6477 4.456 16.4231 4.14364 16.1158 3.95431C15.8853 3.81231 15.5764 3.76933 14.9587 3.68338C14.341 3.59742 14.0321 3.55444 13.7754 3.62863C13.433 3.72756 13.1414 3.96809 12.9647 4.29732C12.8321 4.54424 12.7489 5.23007 12.6687 5.89173L6.53714 5.03851C6.61739 4.37686 6.70057 3.69102 6.6313 3.41601C6.53895 3.04934 6.31439 2.73698 6.00703 2.54765C5.77651 2.40565 5.46765 2.36268 4.84993 2.27672C4.23222 2.19076 3.92336 2.14778 3.66662 2.22198C3.32429 2.3209 3.03268 2.56143 2.85592 2.89066C2.72336 3.13758 2.68323 3.46841 2.60299 4.13006L2.25853 6.97015C2.17828 7.6318 2.13816 7.96263 2.20742 8.23764C2.29978 8.60431 2.52433 8.91667 2.8317 9.106C3.06222 9.248 3.37107 9.29097 3.98878 9.37693L3.98879 9.37693L3.9888 9.37693C4.60651 9.46289 4.91537 9.50587 5.17211 9.43167C5.51443 9.33275 5.80605 9.09222 5.9828 8.76299C6.11537 8.51607 6.19855 7.83023 6.2788 7.16858L12.4103 8.0218C12.3301 8.68345 12.2469 9.36929 12.3162 9.6443C12.4085 10.011 12.6331 10.3233 12.9404 10.5127C13.171 10.6547 13.4798 10.6976 14.0975 10.7836L14.0975 10.7836L14.0975 10.7836C14.7153 10.8695 15.0241 10.9125 15.2809 10.8383C15.6232 10.7394 15.9148 10.4989 16.0915 10.1696C16.2241 9.92273 16.2642 9.59191 16.3445 8.93026L16.3445 8.93024Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M7.76122 19.9255L7.0692 17.1591C6.90798 16.5146 6.82737 16.1924 6.86208 15.91C6.90836 15.5335 7.09239 15.192 7.37368 14.9608C7.58465 14.7874 7.88549 14.7011 8.48717 14.5284C9.08885 14.3557 9.3897 14.2694 9.65334 14.3066C10.0049 14.3561 10.3236 14.5533 10.5395 14.8546C10.7013 15.0805 10.8685 15.7486 11.0297 16.393L17.0021 14.6789C16.8408 14.0344 16.6737 13.3664 16.7084 13.084C16.7547 12.7075 16.9387 12.366 17.22 12.1348C17.431 11.9615 17.7318 11.8751 18.3335 11.7024C18.9352 11.5297 19.236 11.4434 19.4997 11.4806C19.8512 11.5301 20.17 11.7273 20.3858 12.0286C20.5477 12.2545 20.6283 12.5768 20.7895 13.2213L21.4815 15.9876C21.6428 16.6321 21.7234 16.9543 21.6887 17.2367C21.6424 17.6133 21.4584 17.9547 21.1771 18.1859C20.9661 18.3593 20.6653 18.4456 20.0636 18.6183L20.0636 18.6183L20.0636 18.6183C19.4619 18.791 19.161 18.8774 18.8974 18.8402C18.5459 18.7906 18.2271 18.5935 18.0113 18.2922C17.8494 18.0662 17.6823 17.3982 17.5211 16.7537L11.5487 18.4678C11.7099 19.1123 11.877 19.7803 11.8423 20.0627C11.796 20.4393 11.612 20.7807 11.3307 21.0119C11.1197 21.1853 10.8189 21.2716 10.2172 21.4443L10.2172 21.4443L10.2172 21.4443C9.61554 21.617 9.3147 21.7034 9.05105 21.6662C8.69952 21.6166 8.38077 21.4195 8.16493 21.1182C8.00305 20.8922 7.92244 20.57 7.76122 19.9255Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM8.39747 15.5534C8.64413 15.2206 9.11385 15.1508 9.44661 15.3975C10.175 15.9373 11.0541 16.25 12 16.25C12.9459 16.25 13.825 15.9373 14.5534 15.3975C14.8862 15.1508 15.3559 15.2206 15.6025 15.5534C15.8492 15.8862 15.7794 16.3559 15.4466 16.6025C14.4742 17.3233 13.285 17.75 12 17.75C10.715 17.75 9.5258 17.3233 8.55339 16.6025C8.22062 16.3559 8.15082 15.8862 8.39747 15.5534ZM16 10.5C16 11.3284 15.5523 12 15 12C14.4477 12 14 11.3284 14 10.5C14 9.67157 14.4477 9 15 9C15.5523 9 16 9.67157 16 10.5ZM9 12C9.55228 12 10 11.3284 10 10.5C10 9.67157 9.55228 9 9 9C8.44772 9 8 9.67157 8 10.5C8 11.3284 8.44772 12 9 12Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M19.3517 7.61665L15.3929 4.05375C14.2651 3.03868 13.7012 2.53114 13.0092 2.26562L13 5.00011C13 7.35713 13 8.53564 13.7322 9.26787C14.4645 10.0001 15.643 10.0001 18 10.0001H21.5801C21.2175 9.29588 20.5684 8.71164 19.3517 7.61665Z"
+                                    fill="currentColor" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V10C2 6.22876 2 4.34315 3.17157 3.17157C4.34315 2 6.23869 2 10.0298 2C10.6358 2 11.1214 2 11.53 2.01666C11.5166 2.09659 11.5095 2.17813 11.5092 2.26057L11.5 5.09497C11.4999 6.19207 11.4998 7.16164 11.6049 7.94316C11.7188 8.79028 11.9803 9.63726 12.6716 10.3285C13.3628 11.0198 14.2098 11.2813 15.0569 11.3952C15.8385 11.5003 16.808 11.5002 17.9051 11.5001L18 11.5001H21.9574C22 12.0344 22 12.6901 22 13.5629V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22ZM4.25 11.5C4.25 10.2574 5.25736 9.25 6.5 9.25H9.5C10.7426 9.25 11.75 10.2574 11.75 11.5C11.75 12.0763 11.5334 12.6019 11.1771 13C11.5334 13.3981 11.75 13.9237 11.75 14.5C11.75 15.7426 10.7426 16.75 9.5 16.75C9.23702 16.75 8.98458 16.7049 8.75 16.622V17.5C8.75 18.7426 7.74264 19.75 6.5 19.75C5.25736 19.75 4.25 18.7426 4.25 17.5C4.25 16.9237 4.46664 16.3981 4.82292 16C4.46664 15.6019 4.25 15.0763 4.25 14.5C4.25 13.9237 4.46664 13.3981 4.82292 13C4.46664 12.6019 4.25 12.0763 4.25 11.5ZM5.75 14.5C5.75 14.0858 6.08579 13.75 6.5 13.75H7.25V15.25H6.5C6.08579 15.25 5.75 14.9142 5.75 14.5ZM7.25 12.25H6.5C6.08579 12.25 5.75 11.9142 5.75 11.5C5.75 11.0858 6.08579 10.75 6.5 10.75H7.25V12.25ZM10.25 11.5C10.25 11.9142 9.91421 12.25 9.5 12.25H8.75V10.75H9.5C9.91421 10.75 10.25 11.0858 10.25 11.5ZM8.75 14.5C8.75 14.0858 9.08579 13.75 9.5 13.75C9.91421 13.75 10.25 14.0858 10.25 14.5C10.25 14.9142 9.91421 15.25 9.5 15.25C9.08579 15.25 8.75 14.9142 8.75 14.5ZM6.5 16.75H7.25V17.5C7.25 17.9142 6.91421 18.25 6.5 18.25C6.08579 18.25 5.75 17.9142 5.75 17.5C5.75 17.0858 6.08579 16.75 6.5 16.75Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M18.2857 22C20.3371 22 22 20.4198 22 18.4706C22 16.9257 20.9554 15.6126 19.5008 15.1344C19.2941 13.3711 17.7203 12 15.8095 12C13.7582 12 12.0952 13.5802 12.0952 15.5294C12.0952 15.9605 12.1766 16.3736 12.3255 16.7555C12.1509 16.723 11.9704 16.7059 11.7857 16.7059C10.2472 16.7059 9 17.891 9 19.3529C9 20.8149 10.2472 22 11.7857 22H18.2857Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M21.5512 14.5503C21.3158 14.3677 21.0642 14.2048 20.7996 14.0639C20.1404 11.9627 18.114 10.5 15.8095 10.5C13.0557 10.5 10.6861 12.5991 10.5978 15.3691C9.2768 15.7395 8.18723 16.7123 7.73072 18H6.28571C3.91878 18 2 16.1038 2 13.7647C2 11.4256 3.91878 9.52941 6.28571 9.52941C6.56983 9.52941 6.8475 9.55673 7.11616 9.60887C6.88706 8.9978 6.7619 8.33687 6.7619 7.64706C6.7619 4.52827 9.32028 2 12.4762 2C15.4159 2 17.8371 4.19371 18.1551 7.01498C20.393 7.78024 22 9.88113 22 12.3529C22 13.1324 21.8402 13.8749 21.5512 14.5503Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M10.6669 6.13443L10.165 5.77922C9.44862 5.27225 8.59264 5 7.71504 5H7.10257C6.69838 5 6.29009 5.02549 5.90915 5.16059C3.52645 6.00566 1.88749 9.09504 2.00604 16.1026C2.02992 17.5145 2.3603 19.075 3.63423 19.6842C4.03121 19.8741 4.49667 20 5.02671 20C5.66273 20 6.1678 19.8187 6.55763 19.5632C6.96641 19.2953 7.32633 18.9471 7.68612 18.599C8.13071 18.1688 8.57511 17.7389 9.11125 17.4609C9.69519 17.1581 10.3434 17 11.0011 17H12.9989C13.6566 17 14.3048 17.1581 14.8888 17.4609C15.4249 17.7389 15.8693 18.1688 16.3139 18.599C16.6737 18.9471 17.0336 19.2953 17.4424 19.5632C17.8322 19.8187 18.3373 20 18.9733 20C19.5033 20 19.9688 19.8741 20.3658 19.6842C21.6397 19.075 21.9701 17.5145 21.994 16.1026C22.1125 9.09503 20.4735 6.00566 18.0908 5.16059C17.7099 5.02549 17.3016 5 16.8974 5H16.2849C15.4074 5 14.5514 5.27225 13.8351 5.77922L13.3332 6.13441C12.9434 6.41029 12.4776 6.55844 12 6.55844C11.5225 6.55844 11.0567 6.41029 10.6669 6.13443ZM16.75 9C17.1642 9 17.5 9.33579 17.5 9.75C17.5 10.1642 17.1642 10.5 16.75 10.5C16.3358 10.5 16 10.1642 16 9.75C16 9.33579 16.3358 9 16.75 9ZM7.5 9.25C7.91421 9.25 8.25 9.58579 8.25 10V10.75H9C9.41421 10.75 9.75 11.0858 9.75 11.5C9.75 11.9142 9.41421 12.25 9 12.25H8.25V13C8.25 13.4142 7.91421 13.75 7.5 13.75C7.08579 13.75 6.75 13.4142 6.75 13V12.25H6C5.58579 12.25 5.25 11.9142 5.25 11.5C5.25 11.0858 5.58579 10.75 6 10.75H6.75V10C6.75 9.58579 7.08579 9.25 7.5 9.25ZM19 11.25C19 11.6642 18.6642 12 18.25 12C17.8358 12 17.5 11.6642 17.5 11.25C17.5 10.8358 17.8358 10.5 18.25 10.5C18.6642 10.5 19 10.8358 19 11.25ZM15.25 12C15.6642 12 16 11.6642 16 11.25C16 10.8358 15.6642 10.5 15.25 10.5C14.8358 10.5 14.5 10.8358 14.5 11.25C14.5 11.6642 14.8358 12 15.25 12ZM17.5 12.75C17.5 12.3358 17.1642 12 16.75 12C16.3358 12 16 12.3358 16 12.75C16 13.1642 16.3358 13.5 16.75 13.5C17.1642 13.5 17.5 13.1642 17.5 12.75Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M12.858 20H10.221C6.3456 20 4.40789 20 3.20394 18.8284C2 17.6569 2 15.7712 2 12C2 8.22876 2 6.34315 3.20394 5.17157C4.40789 4 6.34561 4 10.221 4H12.858C15.0854 4 16.1992 4 17.1289 4.50143C18.0586 5.00286 18.6488 5.92191 19.8294 7.76001L20.5102 8.82001C21.5034 10.3664 22 11.1396 22 12C22 12.8604 21.5034 13.6336 20.5102 15.18L19.8294 16.24C18.6488 18.0781 18.0586 18.9971 17.1289 19.4986C16.1992 20 15.0854 20 12.858 20ZM7 7.05423C7.41421 7.05423 7.75 7.37026 7.75 7.76011V16.2353C7.75 16.6251 7.41421 16.9412 7 16.9412C6.58579 16.9412 6.25 16.6251 6.25 16.2353V7.76011C6.25 7.37026 6.58579 7.05423 7 7.05423Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M14.8412 8.09511L18.2487 7.18208C18.4731 7.12195 18.5853 7.09188 18.6736 7.04832C19.0364 6.86943 19.2557 6.48964 19.2292 6.08604C19.2228 5.98776 19.1927 5.87556 19.1326 5.65114C18.9522 4.97791 18.862 4.64129 18.7313 4.37629C18.1946 3.28804 17.0553 2.63022 15.8445 2.70958C15.7213 2.71766 15.5907 2.73811 15.4314 2.77235C15.4505 2.85465 15.4558 2.94159 15.4452 3.0303L14.8412 8.09511Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M9.15025 4.44361L13.9184 3.16598L13.318 8.19993C13.3058 8.30276 13.3149 8.40322 13.342 8.49682L8.56266 9.77744L9.16673 4.71262C9.17779 4.61993 9.17143 4.52917 9.15025 4.44361Z"
+                                    fill="currentColor" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M16 11H4V16C4 18.8284 4 20.2426 4.87868 21.1213C5.75736 22 7.17157 22 10 22H14C16.8284 22 18.2426 22 19.1213 21.1213C20 20.2426 20 18.8284 20 16V15C20 13.1144 20 12.1716 19.4142 11.5858C18.8284 11 17.8856 11 16 11ZM12.8084 15.2235C13.6028 15.793 14 16.0778 14 16.5C14 16.9222 13.6028 17.207 12.8084 17.7765C12.0031 18.3538 11.6005 18.6425 11.3002 18.4305C11 18.2186 11 17.6457 11 16.5C11 15.3543 11 14.7814 11.3002 14.5695C11.6005 14.3575 12.0031 14.6462 12.8084 15.2235Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M7.03953 9.88225C7.02727 9.98509 7.03643 10.0855 7.06349 10.1791L4.00128 10.9997C3.51749 9.19412 3.27559 8.29135 3.48364 7.51489C3.61994 7.00623 3.88773 6.5424 4.2601 6.17003C4.82851 5.60162 5.73128 5.35973 7.53682 4.87593L7.63992 4.84831L7.03953 9.88225Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M2.02783 11.25C2.41136 6.07745 6.72957 2 12.0001 2C11.1693 2 10.4295 2.36421 9.82093 2.92113C9.21541 3.47525 8.70371 4.24878 8.28983 5.16315C7.87352 6.08292 7.55013 7.15868 7.33126 8.32611C7.1558 9.26194 7.04903 10.2485 7.01344 11.25H2.02783ZM2.02783 12.75H7.01344C7.04903 13.7515 7.1558 14.7381 7.33126 15.6739C7.55013 16.8413 7.87351 17.9171 8.28983 18.8368C8.70371 19.7512 9.21541 20.5247 9.82093 21.0789C10.4295 21.6358 11.1693 22 12.0001 22C6.72957 22 2.41136 17.9226 2.02783 12.75Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M12.0001 3.39535C11.7251 3.39535 11.3699 3.51236 10.9567 3.89042C10.5406 4.27126 10.1239 4.86815 9.75585 5.68137C9.3902 6.4892 9.09329 7.46441 8.88897 8.55419C8.72806 9.41242 8.62824 10.3222 8.59321 11.25H15.4071C15.372 10.3222 15.2722 9.41242 15.1113 8.5542C14.907 7.46441 14.6101 6.48921 14.2444 5.68137C13.8763 4.86815 13.4597 4.27126 13.0435 3.89042C12.6304 3.51236 12.2751 3.39535 12.0001 3.39535Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M8.88897 15.4458C9.09329 16.5356 9.3902 17.5108 9.75585 18.3186C10.1239 19.1319 10.5406 19.7287 10.9567 20.1096C11.3698 20.4876 11.7251 20.6047 12.0001 20.6047C12.2751 20.6047 12.6304 20.4876 13.0435 20.1096C13.4597 19.7287 13.8763 19.1319 14.2444 18.3186C14.6101 17.5108 14.907 16.5356 15.1113 15.4458C15.2722 14.5876 15.372 13.6778 15.4071 12.75H8.59321C8.62824 13.6778 8.72806 14.5876 8.88897 15.4458Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M12.0001 2C12.831 2 13.5708 2.36421 14.1793 2.92113C14.7849 3.47525 15.2966 4.24878 15.7104 5.16315C16.1267 6.08292 16.4501 7.15868 16.669 8.32612C16.8445 9.26194 16.9512 10.2485 16.9868 11.25H21.9724C21.5889 6.07745 17.2707 2 12.0001 2Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M16.669 15.6739C16.4501 16.8413 16.1267 17.9171 15.7104 18.8368C15.2966 19.7512 14.7849 20.5247 14.1793 21.0789C13.5708 21.6358 12.831 22 12.0001 22C17.2707 22 21.5889 17.9226 21.9724 12.75H16.9868C16.9512 13.7515 16.8445 14.7381 16.669 15.6739Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM5.46056 11.0833C5.83331 7.79988 8.62404 5.25 12.0096 5.25C14.148 5.25 16.0489 6.26793 17.2521 7.84246C17.5036 8.17158 17.4406 8.64227 17.1115 8.89376C16.7824 9.14526 16.3117 9.08233 16.0602 8.7532C15.1289 7.53445 13.6613 6.75 12.0096 6.75C9.45213 6.75 7.33639 8.63219 6.9733 11.0833H7.33652C7.63996 11.0833 7.9135 11.2662 8.02953 11.5466C8.14556 11.8269 8.0812 12.1496 7.86649 12.364L6.69823 13.5307C6.40542 13.8231 5.9311 13.8231 5.63829 13.5307L4.47003 12.364C4.25532 12.1496 4.19097 11.8269 4.30699 11.5466C4.42302 11.2662 4.69656 11.0833 5 11.0833H5.46056ZM18.3617 10.4693C18.0689 10.1769 17.5946 10.1769 17.3018 10.4693L16.1335 11.636C15.9188 11.8504 15.8545 12.1731 15.9705 12.4534C16.0865 12.7338 16.3601 12.9167 16.6635 12.9167H17.0267C16.6636 15.3678 14.5479 17.25 11.9905 17.25C10.3464 17.25 8.88484 16.4729 7.9529 15.2638C7.70002 14.9358 7.22908 14.8748 6.90101 15.1277C6.57295 15.3806 6.512 15.8515 6.76487 16.1796C7.96886 17.7416 9.86205 18.75 11.9905 18.75C15.376 18.75 18.1667 16.2001 18.5395 12.9167H19C19.3035 12.9167 19.577 12.7338 19.693 12.4534C19.8091 12.1731 19.7447 11.8504 19.53 11.636L18.3617 10.4693Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M10.5487 21.5277L10.7988 21.1053C11.1996 20.4282 11.3999 20.0897 11.7191 19.9009C12.0383 19.712 12.4547 19.6987 13.2874 19.6721C14.0682 19.6471 14.593 19.579 15.0417 19.3931C15.9864 19.0018 16.7369 18.2513 17.1282 17.3066C17.4217 16.5981 17.4217 15.6999 17.4217 13.9035V13.1324C17.4217 10.6083 17.4217 9.34622 16.8536 8.4191C16.5357 7.90033 16.0995 7.46416 15.5807 7.14626C14.6536 6.57813 13.3916 6.57812 10.8675 6.57812H8.55422C6.03013 6.57812 4.76808 6.57813 3.84097 7.14626C3.3222 7.46416 2.88604 7.90033 2.56813 8.4191C2 9.34622 2 10.6083 2 13.1324V13.9035C2 15.6999 2 16.5981 2.29348 17.3066C2.68478 18.2513 3.43533 19.0018 4.38002 19.3931C4.82871 19.579 5.35348 19.6471 6.13427 19.6721C6.96698 19.6987 7.38334 19.712 7.70253 19.9009C8.02172 20.0897 8.2221 20.4282 8.62285 21.1053L8.87291 21.5277C9.24547 22.1572 10.1762 22.1572 10.5487 21.5277ZM13.0843 14.289C13.6167 14.289 14.0482 13.8574 14.0482 13.3251C14.0482 12.7928 13.6167 12.3613 13.0843 12.3613C12.552 12.3613 12.1205 12.7928 12.1205 13.3251C12.1205 13.8574 12.552 14.289 13.0843 14.289ZM10.6747 13.3251C10.6747 13.8574 10.2432 14.289 9.71084 14.289C9.17852 14.289 8.74699 13.8574 8.74699 13.3251C8.74699 12.7928 9.17852 12.3613 9.71084 12.3613C10.2432 12.3613 10.6747 12.7928 10.6747 13.3251ZM6.33735 14.289C6.86967 14.289 7.30121 13.8574 7.30121 13.3251C7.30121 12.7928 6.86967 12.3613 6.33735 12.3613C5.80503 12.3613 5.37349 12.7928 5.37349 13.3251C5.37349 13.8574 5.80503 14.289 6.33735 14.289Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M15.1696 2C16.3214 1.99999 17.2372 1.99999 17.9717 2.06982C18.7249 2.14143 19.3617 2.29154 19.9289 2.63915C20.5125 2.9968 21.0032 3.48748 21.3608 4.0711C21.7085 4.63836 21.8586 5.27514 21.9302 6.02829C22 6.76279 22 7.67871 22 8.83039V9.61699C22 10.4367 22 11.0886 21.9639 11.6173C21.927 12.1581 21.85 12.6226 21.6698 13.0575C21.2296 14.1202 20.3853 14.9646 19.3225 15.4048C19.2959 15.4158 19.2692 15.4265 19.2423 15.4367C19.114 15.4858 19.0042 15.5278 18.9077 15.5591C18.9217 15.0903 18.9217 14.5563 18.9217 13.9537V13.0614C18.9217 11.8598 18.9217 10.8532 18.8439 10.0349C18.7625 9.17817 18.5853 8.37421 18.1325 7.63536C17.6909 6.91475 17.0851 6.30889 16.3645 5.8673C15.6256 5.41453 14.8217 5.23733 13.9649 5.15588C13.1466 5.07807 12.14 5.07809 10.9384 5.07812H8.48326C7.66717 5.0781 6.94105 5.07809 6.30276 5.10245C6.3325 4.9994 6.37324 4.88128 6.42106 4.74264C6.5024 4.50682 6.60519 4.28381 6.73554 4.0711C7.09318 3.48748 7.58386 2.9968 8.16748 2.63915C8.73473 2.29154 9.37152 2.14143 10.1247 2.06982C10.8592 1.99999 11.775 1.99999 12.9268 2H15.1696Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div
+                            class="grid place-content-center w-14 h-14 border border-white-dark/20 dark:border-[#191e3a] rounded-md">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M11.4001 18.1612L11.4001 18.1612L18.796 10.7653C17.7894 10.3464 16.5972 9.6582 15.4697 8.53068C14.342 7.40298 13.6537 6.21058 13.2348 5.2039L5.83882 12.5999L5.83879 12.5999C5.26166 13.1771 4.97307 13.4657 4.7249 13.7838C4.43213 14.1592 4.18114 14.5653 3.97634 14.995C3.80273 15.3593 3.67368 15.7465 3.41556 16.5208L2.05445 20.6042C1.92743 20.9852 2.0266 21.4053 2.31063 21.6894C2.59466 21.9734 3.01478 22.0726 3.39584 21.9456L7.47918 20.5844C8.25351 20.3263 8.6407 20.1973 9.00498 20.0237C9.43469 19.8189 9.84082 19.5679 10.2162 19.2751C10.5343 19.0269 10.823 18.7383 11.4001 18.1612Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M20.8482 8.71306C22.3839 7.17735 22.3839 4.68748 20.8482 3.15178C19.3125 1.61607 16.8226 1.61607 15.2869 3.15178L14.3999 4.03882C14.4121 4.0755 14.4246 4.11268 14.4377 4.15035C14.7628 5.0875 15.3763 6.31601 16.5303 7.47002C17.6843 8.62403 18.9128 9.23749 19.85 9.56262C19.8875 9.57563 19.9245 9.58817 19.961 9.60026L20.8482 8.71306Z"
+                                    fill="currentColor" />
+                            </svg>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</x-layout.default>
diff --git a/resources/views/forms/basic.blade.php b/resources/views/forms/basic.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..3eced87a8420a3c19814b1ee7a58e98bdd5ec01d
--- /dev/null
+++ b/resources/views/forms/basic.blade.php
@@ -0,0 +1,1477 @@
+<x-layout.default>
+
+    <div x-data="form">
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Forms</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Basic</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 lg:grid-cols-2 gap-6">
+            <!-- Basic -->
+            <!-- type=text -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Input Text</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <input type="text" placeholder="Some Text..." class="form-input" required />
+                        <button type="submit" class="btn btn-primary mt-6">Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- input text --&gt;
+    &lt;form&gt;
+        &lt;input type=&quot;text&quot; placeholder=&quot;Some Text...&quot; class=&quot;form-input&quot; required /&gt;
+        &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary mt-6&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- type=password -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Input Password</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <input type="password" placeholder="Enter Password" class="form-input" required />
+                        <button type="submit" class="btn btn-primary mt-6">Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- input password --&gt;
+    &lt;form&gt;
+        &lt;input type=&quot;password&quot; placeholder=&quot;Enter Password&quot; class=&quot;form-input&quot; required /&gt;
+        &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary mt-6&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- type=email -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Input Email</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <input type="email" placeholder="email@mail.com" class="form-input" required />
+                        <button type="submit" class="btn btn-primary mt-6">Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- input email --&gt;
+    &lt;form&gt;
+        &lt;input type=&quot;email&quot; placeholder=&quot;email@mail.com&quot; class=&quot;form-input&quot; required /&gt;
+        &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary mt-6&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- type=url -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Input Url</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code4')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <input type="url" placeholder="https://dummyurl.com" class="form-input" required />
+                        <button type="submit" class="btn btn-primary mt-6">Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code4')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- input url --&gt;
+    &lt;form&gt;
+        &lt;input type=&quot;url&quot; placeholder=&quot;https://dummyurl.com&quot; class=&quot;form-input&quot; required /&gt;
+        &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary mt-6&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- type=tel -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Input Telephone</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code5')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <input type="tel" placeholder="6-(666)-111-7777" class="form-input" required />
+                        <button type="submit" class="btn btn-primary mt-6">Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code5')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- input telephone --&gt;
+    &lt;form&gt;
+        &lt;input type=&quot;tel&quot; placeholder=&quot;6-(666)-111-7777&quot; class=&quot;form-input&quot; required /&gt;
+        &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary mt-6&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- type=search -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Input Search</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code6')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <input type="search" placeholder="Search..." class="form-input" required />
+                        <button type="button" class="btn btn-primary mt-6">Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code6')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- input search --&gt;
+    &lt;form&gt;
+        &lt;input type=&quot;search&quot; placeholder=&quot;Search...&quot; class=&quot;form-input&quot; required /&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary mt-6&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- type=range -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Input Range</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code7')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <input type="range" class="w-full py-2.5" min="0" max="100" />
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code7')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- input range --&gt;
+    &lt;form&gt;
+      &lt;input type=&quot;range&quot; class=&quot;w-full py-2.5&quot; min=&quot;0&quot; max=&quot;100&quot; /&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- input with label -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Input With Label</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code8')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <label for="fullname">Full Name</label>
+                        <input id="fullname" type="text" placeholder="Enter Full Name" value="Alan Green"
+                            class="form-input" />
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code8')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- input with label --&gt;
+    &lt;form&gt;
+        &lt;label for=&quot;fullname&quot;&gt;Full Name&lt;/label&gt;
+        &lt;input id=&quot;fullname&quot; type=&quot;text&quot;  placeholder=&quot;Enter Full Name&quot; value=&quot;Alan Green&quot; class=&quot;form-input&quot; /&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- form controls -->
+            <div class="panel lg:row-span-3">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Form controls</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code9')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5">
+                        <div>
+                            <label for="ctnEmail">Email address</label>
+                            <input id="ctnEmail" type="email" placeholder="name@example.com" class="form-input"
+                                required />
+                        </div>
+                        <div>
+                            <label for="ctnSelect1">Example select</label>
+                            <select id="ctnSelect1" class="form-select text-white-dark" required>
+                                <option>Open this select menu</option>
+                                <option>One</option>
+                                <option>Two</option>
+                                <option>Three</option>
+                            </select>
+                        </div>
+                        <div>
+                            <label for="ctnSelect2">Example multiple select</label>
+                            <select id="ctnSelect2" multiple="multiple" class="form-multiselect text-white-dark"
+                                required>
+                                <option>Open this select menu</option>
+                                <option>One</option>
+                                <option>Two</option>
+                                <option>Three</option>
+                            </select>
+                        </div>
+                        <div>
+                            <label for="ctnTextarea">Example textarea</label>
+                            <textarea id="ctnTextarea" rows="3" class="form-textarea" placeholder="Enter Address" required></textarea>
+                        </div>
+                        <div>
+                            <label for="ctnFile">Example file input</label>
+                            <input id="ctnFile" type="file"
+                                class="form-input file:py-2 file:px-4 file:border-0 file:font-semibold p-0 file:bg-primary/90 ltr:file:mr-5 rtl:file-ml-5 file:text-white file:hover:bg-primary"
+                                required />
+                        </div>
+                        <button type="submit" class="btn btn-primary !mt-6">Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code9')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- form controls --&gt;
+    &lt;form class=&quot;space-y-5&quot;&gt;
+        &lt;div&gt;
+            &lt;label for=&quot;ctnEmail&quot;&gt;Email address&lt;/label&gt;
+            &lt;input id=&quot;ctnEmail&quot; type=&quot;email&quot; placeholder=&quot;name@example.com&quot; class=&quot;form-input&quot; required /&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label for=&quot;ctnSelect1&quot;&gt;Example select&lt;/label&gt;
+            &lt;select id=&quot;ctnSelect1&quot; class=&quot;form-select text-white-dark&quot; required&gt;
+                &lt;option&gt;Open this select menu&lt;/option&gt;
+                &lt;option&gt;One&lt;/option&gt;
+                &lt;option&gt;Two&lt;/option&gt;
+                &lt;option&gt;Three&lt;/option&gt;
+            &lt;/select&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label for=&quot;ctnSelect2&quot;&gt;Example multiple select&lt;/label&gt;
+            &lt;select id=&quot;ctnSelect2&quot; multiple=&quot;multiple&quot; class=&quot;form-multiselect text-white-dark&quot; required&gt;
+                &lt;option&gt;Open this select menu&lt;/option&gt;
+                &lt;option&gt;One&lt;/option&gt;
+                &lt;option&gt;Two&lt;/option&gt;
+                &lt;option&gt;Three&lt;/option&gt;
+            &lt;/select&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label for=&quot;ctnTextarea&quot;&gt;Example textarea&lt;/label&gt;
+            &lt;textarea id=&quot;ctnTextarea&quot; rows=&quot;3&quot; class=&quot;form-textarea&quot; placeholder=&quot;Enter Textarea&quot; required&gt;&lt;/textarea&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label for=&quot;ctnFile&quot;&gt;Example file input&lt;/label&gt;
+            &lt;input id=&quot;ctnFile&quot; type=&quot;file&quot; class=&quot;form-input file:py-2 file:px-4 file:border-0 file:font-semibold p-0 file:bg-primary/90 ltr:file:mr-5 rtl:file:ml-5 file:text-white file:hover:bg-primary&quot; required /&gt;
+        &lt;/div&gt;
+        &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary !mt-6&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- Form Grid Layouts -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Form grid</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code10')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <div class="grid grid-cols-1 sm:flex justify-between gap-5">
+                            <input type="text" placeholder="Enter First Name" class="form-input" />
+                            <input type="text" placeholder="Enter Last Name" class="form-input" />
+                        </div>
+                        <button type="button" class="btn btn-primary mt-6">Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code10')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- form grid --&gt;
+    &lt;form&gt;
+        &lt;div class=&quot;grid grid-cols-1 sm:flex justify-between gap-5&quot;&gt;
+            &lt;input type=&quot;text&quot; placeholder=&quot;Enter First Name&quot; class=&quot;form-input&quot; /&gt;
+            &lt;input type=&quot;text&quot; placeholder=&quot;Enter Last Name&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary mt-6&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Form row</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code11')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <div class="grid grid-cols-1 sm:flex justify-between gap-5">
+                            <input type="text" placeholder="Enter First Name" class="form-input" />
+                            <input type="text" placeholder="Enter Last Name" class="form-input" />
+                        </div>
+                        <button type="button" class="btn btn-primary mt-6">Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code11')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- form row --&gt;
+    &lt;form&gt;
+        &lt;div class=&quot;grid grid-cols-1 sm:flex justify-between gap-5&quot;&gt;
+            &lt;input type=&quot;text&quot; placeholder=&quot;Enter First Name&quot; class=&quot;form-input&quot; /&gt;
+            &lt;input type=&quot;text&quot; placeholder=&quot;Enter Last Name&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary mt-6&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Form groups</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code12')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5">
+                        <div>
+                            <label for="groupFname">First Name</label>
+                            <input id="groupFname" type="text" placeholder="Enter First Name"
+                                class="form-input" />
+                        </div>
+                        <div>
+                            <label for="groupLname">Last Name</label>
+                            <input id="groupLname" type="text" placeholder="Enter Last Name"
+                                class="form-input" />
+                        </div>
+                        <button type="button" class="btn btn-primary !mt-6">Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code12')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- form groups --&gt;
+    &lt;form class=&quot;space-y-5&quot;&gt;
+        &lt;div&gt;
+            &lt;label for=&quot;groupFname&quot;&gt;Enter First Name&lt;/label&gt;
+            &lt;input id=&quot;groupFname&quot; type=&quot;text&quot; placeholder=&quot;Enter First Name&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label for=&quot;groupLname&quot;&gt;Enter Last Name&lt;/label&gt;
+            &lt;input id=&quot;groupLname&quot; type=&quot;text&quot; placeholder=&quot;Enter Last Name&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary !mt-6&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <div class="panel lg:col-span-2">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Column sizing</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code13')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-2">
+                            <input type="text" placeholder="Enter City" class="form-input lg:col-span-2" />
+                            <input type="text" placeholder="Enter State" class="form-input" />
+                            <input type="text" placeholder="Enter Zip" class="form-input" />
+                        </div>
+                        <button type="button" class="btn btn-primary mt-6">Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code13')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- column sizing --&gt;
+    &lt;form&gt;
+        &lt;div class=&quot;grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-2&quot;&gt;
+            &lt;input type=&quot;text&quot; placeholder=&quot;Enter City&quot; class=&quot;form-input lg:col-span-2&quot; /&gt;
+            &lt;input type=&quot;text&quot; placeholder=&quot;Enter State&quot; class=&quot;form-input&quot; /&gt;
+            &lt;input type=&quot;text&quot; placeholder=&quot;Enter Zip&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary mt-6&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Helper Text -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Input with help text ( Default Left)</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code14')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <div>
+                            <input type="text" placeholder="Enter First Name" class="form-input" />
+                            <span class="text-white-dark text-xs">I am the helper text.</span>
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code14')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- input with help text --&gt;
+    &lt;form&gt;
+        &lt;div&gt;
+            &lt;input type=&quot;text&quot; placeholder=&quot;Enter First Name&quot; class=&quot;form-input&quot; /&gt;
+            &lt;span class=&quot;text-white-dark text-xs&quot;&gt;I am the helper text.&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Input with badge help text (Default Left)
+                    </h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code15')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <div>
+                            <input type="text" placeholder="Enter First Name" class="form-input mb-2" />
+                            <span class="badge bg-primary text-xs hover:top-0">I am the helper text.</span>
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code15')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- input with badge help text --&gt;
+    &lt;form&gt;
+        &lt;div&gt;
+            &lt;input type=&quot;text&quot; placeholder=&quot;Enter First Name&quot; class=&quot;form-input mb-2&quot; /&gt;
+            &lt;span class=&quot;badge bg-primary text-xs hover:top-0&quot;&gt;I am the helper text.&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Input with block badge help text (Default
+                        Left)</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code16')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <div>
+                            <input type="text" placeholder="Enter First Name" class="form-input mb-2" />
+                            <span class="badge bg-primary block text-xs hover:top-0">I am the helper text.</span>
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code16')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- input with block badge help text --&gt;
+    &lt;form&gt;
+        &lt;div&gt;
+            &lt;input type=&quot;text&quot; placeholder=&quot;Enter First Name&quot; class=&quot;form-input mb-2&quot; /&gt;
+            &lt;span class=&quot;badge bg-primary block text-xs hover:top-0&quot;&gt;I am the helper text.&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Inline Help text</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code17')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <div>
+                            <label for="Txtpassword">Password</label>
+                            <input id="Txtpassword" type="password" placeholder="Enter Password"
+                                class="form-input w-3/5" />
+                            <span class="text-xs text-white-dark ltr:pl-2 rtl:pr-2">Min 8-20 char</span>
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code17')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- inline Help text --&gt;
+    &lt;form&gt;
+        &lt;div&gt;
+            &lt;label for=&quot;Txtpassword&quot;&gt;Password&lt;/label&gt;
+            &lt;input id=&quot;Txtpassword&quot; type=&quot;password&quot; placeholder=&quot;Enter Password&quot; class=&quot;form-input w-3/5&quot; /&gt;
+            &lt;span class=&quot;text-xs text-white-dark ltr:pl-2 rtl:pr-2&quot;&gt;Min 8-20 char&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Sizing -->
+            <div class="panel lg:col-span-2">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Input Fields</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code18')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
+                            <div>
+                                <label for="inputLarge">Large Input</label>
+                                <input id="inputLarge" type="text" placeholder="Large Input"
+                                    class="form-input form-input-lg" />
+                            </div>
+                            <div>
+                                <label for="inputDefault">Default Input</label>
+                                <input id="inputDefault" type="text" placeholder="Default Input"
+                                    class="form-input" />
+                            </div>
+                            <div>
+                                <label for="inputSmall">Small Input</label>
+                                <input id="inputSmall" type="text" placeholder="Small Input"
+                                    class="form-input form-input-sm" />
+                            </div>
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code18')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- input fields --&gt;
+    &lt;form&gt;
+        &lt;div class=&quot;grid grid-cols-1 sm:grid-cols-3 gap-4&quot;&gt;
+            &lt;div&gt;
+                &lt;label for=&quot;inputLarge&quot;&gt;Large Input&lt;/label&gt;
+                &lt;input id=&quot;inputLarge&quot; type=&quot;text&quot; placeholder=&quot;Large Input&quot; class=&quot;form-input form-input-lg&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;label for=&quot;inputDefault&quot;&gt;Default Input&lt;/label&gt;
+                &lt;input id=&quot;inputDefault&quot; type=&quot;text&quot; placeholder=&quot;Default Input&quot; class=&quot;form-input&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;label for=&quot;inputSmall&quot;&gt;Small Input&lt;/label&gt;
+                &lt;input id=&quot;inputSmall&quot; type=&quot;text&quot; placeholder=&quot;Small Input&quot; class=&quot;form-input form-input-sm&quot; /&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <div class="panel lg:col-span-2">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Select Field</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code19')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
+                            <div>
+                                <select class="form-select form-select-lg text-white-dark">
+                                    <option>Open this select menu</option>
+                                    <option>One</option>
+                                    <option>Two</option>
+                                    <option>Three</option>
+                                </select>
+                            </div>
+                            <div>
+                                <select class="form-select text-white-dark">
+                                    <option>Open this select menu</option>
+                                    <option>One</option>
+                                    <option>Two</option>
+                                    <option>Three</option>
+                                </select>
+                            </div>
+                            <div>
+                                <select class="form-select form-select-sm text-white-dark">
+                                    <option>Open this select menu</option>
+                                    <option>One</option>
+                                    <option>Two</option>
+                                    <option>Three</option>
+                                </select>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code19')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- select field --&gt;
+    &lt;form&gt;
+        &lt;div class=&quot;grid grid-cols-1 sm:grid-cols-3 gap-4&quot;&gt;
+            &lt;div&gt;
+                &lt;select class=&quot;form-select form-select-lg text-white-dark&quot;&gt;
+                    &lt;option&gt;Open this select menu&lt;/option&gt;
+                    &lt;option&gt;One&lt;/option&gt;
+                    &lt;option&gt;Two&lt;/option&gt;
+                    &lt;option&gt;Three&lt;/option&gt;
+                &lt;/select&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;select class=&quot;form-select text-white-dark&quot;&gt;
+                    &lt;option&gt;Open this select menu&lt;/option&gt;
+                    &lt;option&gt;One&lt;/option&gt;
+                    &lt;option&gt;Two&lt;/option&gt;
+                    &lt;option&gt;Three&lt;/option&gt;
+                &lt;/select&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;select class=&quot;form-select form-select-sm text-white-dark&quot;&gt;
+                    &lt;option&gt;Open this select menu&lt;/option&gt;
+                    &lt;option&gt;One&lt;/option&gt;
+                    &lt;option&gt;Two&lt;/option&gt;
+                    &lt;option&gt;Three&lt;/option&gt;
+                &lt;/select&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Horizontal form label sizing</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code20')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5">
+                        <div class="sm:flex justify-between items-center gap-5 md:gap-20">
+                            <label for="hrLargeinput">Email</label>
+                            <input id="hrLargeinput" type="email" placeholder="name@example.com"
+                                class="form-input py-2.5 text-base" />
+                        </div>
+                        <div class="sm:flex justify-between items-center gap-5 md:gap-20">
+                            <label for="hrDefaultinput">Email</label>
+                            <input id="hrDefaultinput" type="email" placeholder="name@example.com"
+                                class="form-input" />
+                        </div>
+                        <div class="sm:flex justify-between items-center gap-5 md:gap-20">
+                            <label for="hrSmallinput">Email</label>
+                            <input id="hrSmallinput" type="email" placeholder="name@example.com"
+                                class="form-input py-1.5 text-xs" />
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code20')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- horizontal form label sizing --&gt;
+    &lt;form class=&quot;space-y-5&quot;&gt;
+        &lt;div class=&quot;sm:flex justify-between items-center gap-5 md:gap-20&quot;&gt;
+            &lt;label for=&quot;hrLargeinput&quot;&gt;Email&lt;/label&gt;
+            &lt;input id=&quot;hrLargeinput&quot; type=&quot;email&quot; placeholder=&quot;name@example.com&quot; class=&quot;form-input py-2.5 text-base&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;sm:flex justify-between items-center gap-5 md:gap-20&quot;&gt;
+            &lt;label for=&quot;hrDefaultinput&quot;&gt;Email&lt;/label&gt;
+            &lt;input id=&quot;hrDefaultinput&quot; type=&quot;email&quot; placeholder=&quot;name@example.com&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;sm:flex justify-between items-center gap-5 md:gap-20&quot;&gt;
+            &lt;label for=&quot;hrSmallinput&quot;&gt;Email&lt;/label&gt;
+            &lt;input for=&quot;hrSmallinput&quot; type=&quot;email&quot; placeholder=&quot;name@example.com&quot; class=&quot;form-input py-1.5 text-xs&quot; /&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Readonly -->
+            <div class="panel lg:row-start-[14]">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Input Readonly</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code21')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <div>
+                            <input type="text" placeholder="Readonly input here…"
+                                class="form-input disabled:pointer-events-none" readonly />
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code21')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- input readonly --&gt;
+    &lt;form&gt;
+        &lt;div&gt;
+            &lt;input type=&quot;text&quot; placeholder=&quot;Readonly input here&hellip;&quot; class=&quot;form-input disabled:pointer-events-none&quot; readonly /&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Disabled -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Disabled Fields</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code22')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5">
+                        <div>
+                            <label for="disInput" class="text-white-dark">Disabled input</label>
+                            <input id="disInput" type="text" placeholder="Readonly input here…"
+                                class="form-input disabled:pointer-events-none disabled:bg-[#eee] dark:disabled:bg-[#1b2e4b] cursor-not-allowed"
+                                disabled />
+                        </div>
+                        <div>
+                            <label for="disSelect" class="text-white-dark">Disabled select menu</label>
+                            <select id="disSelect"
+                                class="form-select disabled:pointer-events-none disabled:bg-[#eee] dark:disabled:bg-[#1b2e4b] text-white-dark"
+                                disabled>
+                                <option>Open this select menu</option>
+                                <option>One</option>
+                                <option>Two</option>
+                                <option>Three</option>
+                            </select>
+                        </div>
+                        <div>
+                            <label class="flex items-center">
+                                <input type="checkbox" class="form-checkbox" disabled />
+                                <span class="text-white-dark">Can't check this</span>
+                            </label>
+                        </div>
+                        <button type="submit"
+                            class="btn btn-primary !mt-6 disabled:pointer-events-none disabled:opacity-60"
+                            disabled>Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code22')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- disabled fileds --&gt;
+    &lt;form class=&quot;space-y-5&quot;&gt;
+        &lt;div&gt;
+            &lt;label for="disInput" class=&quot;text-white-dark&quot;&gt;Disabled input&lt;/label&gt;
+            &lt;input id="disInput" type=&quot;text&quot; placeholder=&quot;Readonly input here&hellip;&quot; class=&quot;form-input disabled:pointer-events-none disabled:bg-[#eee] dark:disabled:bg-[#1b2e4b] cursor-not-allowed&quot; disabled /&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label for="disSelect" class=&quot;text-white-dark&quot;&gt;Disabled select menu&lt;/label&gt;
+            &lt;select id="disSelect" class=&quot;form-select disabled:pointer-events-none disabled:bg-[#eee] dark:disabled:bg-[#1b2e4b] text-white-dark&quot; disabled&gt;
+                &lt;option&gt;Open this select menu&lt;/option&gt;
+                &lt;option&gt;One&lt;/option&gt;
+                &lt;option&gt;Two&lt;/option&gt;
+                &lt;option&gt;Three&lt;/option&gt;
+            &lt;/select&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label class=&quot;flex items-center&quot;&gt;
+                &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox&quot; disabled /&gt;
+                &lt;span class=&quot;text-white-dark"&quot;&gt;Can't check this&lt;/span&gt;
+            &lt;/label&gt;
+        &lt;/div&gt;
+        &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary !mt-6 disabled:pointer-events-none disabled:opacity-60&quot; disabled&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Custom -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Checkboxes</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code23')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <div>
+                            <label class="flex items-center cursor-pointer">
+                                <input type="checkbox" class="form-checkbox" checked />
+                                <span class=" text-white-dark">Checkbox</span>
+                            </label>
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code23')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- checkboxes --&gt;
+    &lt;form&gt;
+        &lt;div&gt;
+            &lt;label class=&quot;flex items-center cursor-pointer&quot;&gt;
+                &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox&quot; checked /&gt;
+                &lt;span class=&quot; text-white-dark"&quot;&gt;Checkbox&lt;/span&gt;
+            &lt;/label&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Radio</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code24')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5">
+                        <div>
+                            <label class="flex items-center cursor-pointer">
+                                <input type="radio" name="custom_radio2" class="form-radio" checked />
+                                <span class="text-white-dark">Toggle this custom radio</span>
+                            </label>
+                        </div>
+                        <div>
+                            <label class="flex items-center cursor-pointer">
+                                <input type="radio" name="custom_radio2" class="form-radio" />
+                                <span class="text-white-dark">Or toggle this other custom radio</span>
+                            </label>
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code24')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- radio --&gt;
+    &lt;form class=&quot;space-y-5&quot;&gt;
+        &lt;div&gt;
+            &lt;label class=&quot;flex items-center cursor-pointer&quot;&gt;
+                &lt;input type=&quot;radio&quot; name=&quot;custom_radio2&quot; class=&quot;form-radio&quot; checked /&gt;
+                &lt;span class=&quot;text-white-dark"&quot;&gt;Toggle this custom radio&lt;/span&gt;
+            &lt;/label&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label class=&quot;flex items-center cursor-pointer&quot;&gt;
+                &lt;input type=&quot;radio&quot; name=&quot;custom_radio2&quot; class=&quot;form-radio&quot; /&gt;
+                &lt;span class=&quot;text-white-dark"&quot;&gt;Or toggle this other custom radio&lt;/span&gt;
+            &lt;/label&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Disabled</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code25')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5">
+                        <div>
+                            <label class="flex items-center">
+                                <input type="checkbox" class="form-checkbox" disabled />
+                                <span class=" text-white-dark">Check this custom checkbox</span>
+                            </label>
+                        </div>
+                        <div>
+                            <label class="flex items-center">
+                                <input type="radio" class="form-radio" disabled />
+                                <span class="text-white-dark">Toggle this custom radio</span>
+                            </label>
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code25')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- disabled --&gt;
+    &lt;form class=&quot;space-y-5&quot;&gt;
+        &lt;div&gt;
+            &lt;label class=&quot;flex items-center&quot;&gt;
+                &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox&quot; disabled /&gt;
+                &lt;span class=&quot; text-white-dark"&quot;&gt;Check this custom checkbox&lt;/span&gt;
+            &lt;/label&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label class=&quot;flex items-center&quot;&gt;
+                &lt;input type=&quot;radio&quot; class=&quot;form-radio&quot; disabled /&gt;
+                &lt;span class=&quot;text-white-dark"&quot;&gt;Toggle this custom radio&lt;/span&gt;
+            &lt;/label&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Select menu</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code26')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <div>
+                            <select class="form-select text-white-dark">
+                                <option>Open this select menu</option>
+                                <option>One</option>
+                                <option>Two</option>
+                                <option>Three</option>
+                            </select>
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code26')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- select menu --&gt;
+    &lt;form&gt;
+        &lt;div&gt;
+            &lt;select class=&quot;form-select text-white-dark&quot;&gt;
+                &lt;option&gt;Open this select menu&lt;/option&gt;
+                &lt;option&gt;One&lt;/option&gt;
+                &lt;option&gt;Two&lt;/option&gt;
+                &lt;option&gt;Three&lt;/option&gt;
+            &lt;/select&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Multiselect</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code28')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <div>
+                            <select size="4" multiple="multiple"
+                                class="form-multiselect text-white-dark !bg-none">
+                                <option>Open this select menu</option>
+                                <option>One</option>
+                                <option>Two</option>
+                                <option>Three</option>
+                                <option>Four</option>
+                                <option>Five</option>
+                            </select>
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code28')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- multiselect --&gt;
+    &lt;form&gt;
+        &lt;div&gt;
+            &lt;select size=&quot;4&quot; multiple=&quot;multiple&quot; class=&quot;form-multiselect text-white-dark !bg-none&quot;&gt;
+                &lt;option&gt;Open this select menu&lt;/option&gt;
+                &lt;option&gt;One&lt;/option&gt;
+                &lt;option&gt;Two&lt;/option&gt;
+                &lt;option&gt;Three&lt;/option&gt;
+                &lt;option&gt;Four&lt;/option&gt;
+                &lt;option&gt;Five&lt;/option&gt;
+            &lt;/select&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+    <style>
+        /* range picker */
+        input[type=range] {
+            -webkit-appearance: none;
+        }
+
+        input[type=range]::-webkit-slider-runnable-track {
+            width: 100%;
+            height: 8px;
+            background: #dee2e6;
+            border: none;
+            border-radius: 3px;
+        }
+
+        input[type=range]::-webkit-slider-thumb {
+            -webkit-appearance: none;
+            border: none;
+            height: 16px;
+            width: 16px;
+            border-radius: 50%;
+            background: #4361ee;
+            margin-top: -4px;
+        }
+
+        .dark input[type=range]::-webkit-slider-runnable-track {
+            background: #1b2e4b;
+        }
+
+        .dark input[type=range] {
+            background-color: transparent;
+        }
+
+        input[type=range]:focus {
+            outline: none;
+        }
+
+        input[type=range]:active::-webkit-slider-thumb {
+            background: #4361eec2;
+            cursor: pointer;
+        }
+    </style>
+</x-layout.default>
diff --git a/resources/views/forms/checkbox-radio.blade.php b/resources/views/forms/checkbox-radio.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..a2ce99ee4cf906393dc6d2da161e016ba0675099
--- /dev/null
+++ b/resources/views/forms/checkbox-radio.blade.php
@@ -0,0 +1,1481 @@
+<x-layout.default>
+
+    <div x-data="form">
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Forms</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Checkbox and Radio</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8">
+            <div class="space-y-8">
+                <!-- Checkbox -->
+                <h4 class="badge bg-primary inline-block hover:top-0 text-base mb-0">Checkbox</h4>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Default</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code1')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <div class="space-y-2">
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox" checked />
+                                        <span>Primary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox text-success" />
+                                        <span>Success</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox text-secondary" />
+                                        <span>Secondary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox text-danger" />
+                                        <span>Danger</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox text-warning" />
+                                        <span>Warning</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox text-info" />
+                                        <span>Info</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox text-dark" />
+                                        <span>Dark</span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                        <template x-if="codeArr.includes('code1')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox&quot; checked /&gt;
+        &lt;span&gt;Primary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-success&quot; /&gt;
+        &lt;span&gt;Success&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-secondary&quot; /&gt;
+        &lt;span&gt;Secondary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-danger&quot; /&gt;
+        &lt;span&gt;Danger&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-warning&quot; /&gt;
+        &lt;span&gt;Warning&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-info&quot; /&gt;
+        &lt;span&gt;Info&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-dark&quot; /&gt;
+        &lt;span&gt;Dark&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Default Rounded</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code2')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <div class="space-y-2">
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox rounded-full" checked />
+                                        <span>Primary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox text-success rounded-full" />
+                                        <span>Success</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox text-secondary rounded-full" />
+                                        <span>Secondary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox text-danger rounded-full" />
+                                        <span>Danger</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox text-warning rounded-full" />
+                                        <span>Warning</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox text-info rounded-full" />
+                                        <span>Info</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox text-dark rounded-full" />
+                                        <span>Dark</span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                        <template x-if="codeArr.includes('code2')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- rounded --&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox rounded-full&quot; checked /&gt;
+        &lt;span&gt;Primary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-success rounded-full&quot; /&gt;
+        &lt;span&gt;Success&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-secondary rounded-full&quot; /&gt;
+        &lt;span&gt;Secondary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-danger rounded-full&quot; /&gt;
+        &lt;span&gt;Danger&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-warning rounded-full&quot; /&gt;
+        &lt;span&gt;Warning&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-info rounded-full&quot; /&gt;
+        &lt;span&gt;Info&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-dark rounded-full&quot; /&gt;
+        &lt;span&gt;Dark&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Outline</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code3')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <div class="space-y-2">
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox outline-primary" checked />
+                                        <span>Primary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox outline-success" />
+                                        <span>Success</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox outline-secondary" />
+                                        <span>Secondary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox outline-danger" />
+                                        <span>Danger</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox outline-warning" />
+                                        <span>Warning</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox outline-info" />
+                                        <span>Info</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox outline-dark" />
+                                        <span>Dark</span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                        <template x-if="codeArr.includes('code3')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- outline --&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-primary&quot; checked /&gt;
+        &lt;span&gt;Primary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-success&quot; /&gt;
+        &lt;span&gt;Success&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-secondary&quot; /&gt;
+        &lt;span&gt;Secondary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-danger&quot; /&gt;
+        &lt;span&gt;Danger&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-warning&quot; /&gt;
+        &lt;span&gt;Warning&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-info&quot; /&gt;
+        &lt;span&gt;Info&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-dark&quot; /&gt;
+        &lt;span&gt;Dark&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Outline Rounded</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code4')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <div class="space-y-2">
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox outline-primary rounded-full"
+                                            checked />
+                                        <span>Primary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox outline-success rounded-full" />
+                                        <span>Success</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox outline-secondary rounded-full" />
+                                        <span>Secondary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox outline-danger rounded-full" />
+                                        <span>Danger</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox outline-warning rounded-full" />
+                                        <span>Warning</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox outline-info rounded-full" />
+                                        <span>Info</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="checkbox" class="form-checkbox outline-dark rounded-full" />
+                                        <span>Dark</span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                        <template x-if="codeArr.includes('code4')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- rounded --&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-primary rounded-full&quot; checked /&gt;
+        &lt;span&gt;Primary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-success rounded-full&quot; /&gt;
+        &lt;span&gt;Success&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-secondary rounded-full&quot; /&gt;
+        &lt;span&gt;Secondary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-danger rounded-full&quot; /&gt;
+        &lt;span&gt;Danger&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-warning rounded-full&quot; /&gt;
+        &lt;span&gt;Warning&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-info rounded-full&quot; /&gt;
+        &lt;span&gt;Info&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-dark rounded-full&quot; /&gt;
+        &lt;span&gt;Dark&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Default Text Color</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code5')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <div class="grid grid-cols-2 gap-4">
+                                <div class="space-y-2">
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox" class="form-checkbox peer" checked />
+                                            <span class="peer-checked:text-primary">Primary</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox" class="form-checkbox text-success peer" />
+                                            <span class="peer-checked:text-success">Success</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox" class="form-checkbox text-secondary peer" />
+                                            <span class="peer-checked:text-secondary">Secondary</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox" class="form-checkbox text-danger peer" />
+                                            <span class="peer-checked:text-danger">Danger</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox" class="form-checkbox text-warning peer" />
+                                            <span class="peer-checked:text-warning">Warning</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox" class="form-checkbox text-info peer" />
+                                            <span class="peer-checked:text-info">Info</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox" class="form-checkbox text-dark peer" />
+                                            <span class="peer-checked:text-dark">Dark</span>
+                                        </label>
+                                    </div>
+                                </div>
+                                <div class="space-y-2">
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox" class="form-checkbox outline-primary peer"
+                                                checked />
+                                            <span class="peer-checked:text-primary">Primary</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox" class="form-checkbox outline-success peer" />
+                                            <span class="peer-checked:text-success">Success</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox" class="form-checkbox outline-secondary peer" />
+                                            <span class="peer-checked:text-secondary">Secondary</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox" class="form-checkbox outline-danger peer" />
+                                            <span class="peer-checked:text-danger">Danger</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox" class="form-checkbox outline-warning peer" />
+                                            <span class="peer-checked:text-warning">Warning</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox" class="form-checkbox outline-info peer" />
+                                            <span class="peer-checked:text-info">Info</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox" class="form-checkbox outline-dark peer" />
+                                            <span class="peer-checked:text-dark">Dark</span>
+                                        </label>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <template x-if="codeArr.includes('code5')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox peer&quot; checked /&gt;
+        &lt;span class=&quot;peer-checked:text-primary&quot;&gt;Primary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-success peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-success&quot;&gt;Success&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-secondary peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-secondary&quot;&gt;Secondary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-danger peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-danger&quot;&gt;Danger&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-warning peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-warning&quot;&gt;Warning&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-info peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-info&quot;&gt;Info&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-dark peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-dark&quot;&gt;Dark&lt;/span&gt;
+    &lt;/label&gt;
+
+    &lt;!-- outline --&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-primary peer&quot; checked /&gt;
+        &lt;span class=&quot;peer-checked:text-primary&quot;&gt;Primary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-success peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-success&quot;&gt;Success&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-secondary peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-secondary&quot;&gt;Secondary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-danger peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-danger&quot;&gt;Danger&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-warning peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-warning&quot;&gt;Warning&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-info peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-info&quot;&gt;Info&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-dark peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-dark&quot;&gt;Dark&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Rounded Text Color</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code6')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <div class="grid grid-cols-2 gap-4">
+                                <div class="space-y-2">
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox" class="form-checkbox rounded-full peer" checked />
+                                            <span class="peer-checked:text-primary">Primary</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox"
+                                                class="form-checkbox text-success rounded-full peer" />
+                                            <span class="peer-checked:text-success">Success</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox"
+                                                class="form-checkbox text-secondary rounded-full peer" />
+                                            <span class="peer-checked:text-secondary">Secondary</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox"
+                                                class="form-checkbox text-danger rounded-full peer" />
+                                            <span class="peer-checked:text-danger">Danger</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox"
+                                                class="form-checkbox text-warning rounded-full peer" />
+                                            <span class="peer-checked:text-warning">Warning</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox"
+                                                class="form-checkbox text-info rounded-full peer" />
+                                            <span class="peer-checked:text-info">Info</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox"
+                                                class="form-checkbox text-dark rounded-full peer" />
+                                            <span class="peer-checked:text-dark">Dark</span>
+                                        </label>
+                                    </div>
+                                </div>
+                                <div class="space-y-2">
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox"
+                                                class="form-checkbox outline-primary rounded-full peer" checked />
+                                            <span class="peer-checked:text-primary">Primary</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox"
+                                                class="form-checkbox outline-success rounded-full peer" />
+                                            <span class="peer-checked:text-success">Success</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox"
+                                                class="form-checkbox outline-secondary rounded-full peer" />
+                                            <span class="peer-checked:text-secondary">Secondary</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox"
+                                                class="form-checkbox outline-danger rounded-full peer" />
+                                            <span class="peer-checked:text-danger">Danger</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox"
+                                                class="form-checkbox outline-warning rounded-full peer" />
+                                            <span class="peer-checked:text-warning">Warning</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox"
+                                                class="form-checkbox outline-info rounded-full peer" />
+                                            <span class="peer-checked:text-info">Info</span>
+                                        </label>
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex">
+                                            <input type="checkbox"
+                                                class="form-checkbox outline-dark rounded-full peer" />
+                                            <span class="peer-checked:text-dark">Dark</span>
+                                        </label>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <template x-if="codeArr.includes('code6')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox rounded-full peer&quot; checked /&gt;
+        &lt;span class=&quot;peer-checked:text-primary&quot;&gt;Primary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-success rounded-full peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-success&quot;&gt;Success&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-secondary rounded-full peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-secondary&quot;&gt;Secondary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-danger rounded-full peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-danger&quot;&gt;Danger&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-warning rounded-full peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-warning&quot;&gt;Warning&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-info rounded-full peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-info&quot;&gt;Info&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-dark rounded-full peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-dark&quot;&gt;Dark&lt;/span&gt;
+    &lt;/label&gt;
+
+    &lt;!-- outline --&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-primary rounded-full peer&quot; checked /&gt;
+        &lt;span class=&quot;peer-checked:text-primary&quot;&gt;Primary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-success rounded-full peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-success&quot;&gt;Success&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-secondary rounded-full peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-secondary&quot;&gt;Secondary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-danger rounded-full peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-danger&quot;&gt;Danger&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-warning rounded-full peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-warning&quot;&gt;Warning&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-info rounded-full peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-info&quot;&gt;Info&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox outline-dark rounded-full peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-dark&quot;&gt;Dark&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                </div>
+            </div>
+            <div class="space-y-8">
+                <!-- Radio -->
+                <h4 class="badge bg-primary inline-block hover:top-0 text-base mb-0">Radio</h4>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Default</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code7')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <div class="space-y-2">
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="default_radio" class="form-radio" checked />
+                                        <span>Primary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="default_radio" class="form-radio text-success" />
+                                        <span>Success</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="default_radio"
+                                            class="form-radio text-secondary" />
+                                        <span>Secondary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="default_radio" class="form-radio text-danger" />
+                                        <span>Danger</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="default_radio" class="form-radio text-warning" />
+                                        <span>Warning</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="default_radio" class="form-radio text-info" />
+                                        <span>Info</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="default_radio" class="form-radio text-dark" />
+                                        <span>Dark</span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                        <template x-if="codeArr.includes('code7')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- radio --&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;default_radio&quot; class=&quot;form-radio&quot; checked /&gt;
+        &lt;span&gt;Primary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;default_radio&quot; class=&quot;form-radio text-success&quot; /&gt;
+        &lt;span&gt;Success&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;default_radio&quot; class=&quot;form-radio text-secondary&quot; /&gt;
+        &lt;span&gt;Secondary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;default_radio&quot; class=&quot;form-radio text-danger&quot; /&gt;
+        &lt;span&gt;Danger&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;default_radio&quot; class=&quot;form-radio text-warning&quot; /&gt;
+        &lt;span&gt;Warning&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;default_radio&quot; class=&quot;form-radio text-info&quot; /&gt;
+        &lt;span&gt;Info&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;default_radio&quot; class=&quot;form-radio text-dark&quot; /&gt;
+        &lt;span&gt;Dark&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Square</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code8')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <div class="space-y-2">
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="square_radio" class="form-radio rounded-none"
+                                            checked />
+                                        <span>Primary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="square_radio"
+                                            class="form-radio text-success rounded-none" />
+                                        <span>Success</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="square_radio"
+                                            class="form-radio text-secondary rounded-none" />
+                                        <span>Secondary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="square_radio"
+                                            class="form-radio text-danger rounded-none" />
+                                        <span>Danger</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="square_radio"
+                                            class="form-radio text-warning rounded-none" />
+                                        <span>Warning</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="square_radio"
+                                            class="form-radio text-info rounded-none" />
+                                        <span>Info</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="square_radio"
+                                            class="form-radio text-dark rounded-none" />
+                                        <span>Dark</span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                        <template x-if="codeArr.includes('code8')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- square --&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;square_radio&quot; class=&quot;form-radio rounded-none&quot; checked /&gt;
+        &lt;span&gt;Primary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;square_radio&quot; class=&quot;form-radio text-success rounded-none&quot; /&gt;
+        &lt;span&gt;Success&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;square_radio&quot; class=&quot;form-radio text-secondary rounded-none&quot; /&gt;
+        &lt;span&gt;Secondary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;square_radio&quot; class=&quot;form-radio text-danger rounded-none&quot; /&gt;
+        &lt;span&gt;Danger&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;square_radio&quot; class=&quot;form-radio text-warning rounded-none&quot; /&gt;
+        &lt;span&gt;Warning&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;square_radio&quot; class=&quot;form-radio text-info rounded-none&quot; /&gt;
+        &lt;span&gt;Info&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;square_radio&quot; class=&quot;form-radio text-dark rounded-none&quot; /&gt;
+        &lt;span&gt;Dark&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Outline</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code9')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <div class="space-y-2">
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="outline_radio" class="form-radio outline-primary"
+                                            checked />
+                                        <span>Primary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="outline_radio"
+                                            class="form-radio outline-success" />
+                                        <span>Success</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="outline_radio"
+                                            class="form-radio outline-secondary" />
+                                        <span>Secondary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="outline_radio"
+                                            class="form-radio outline-danger" />
+                                        <span>Danger</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="outline_radio"
+                                            class="form-radio outline-warning" />
+                                        <span>Warning</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="outline_radio" class="form-radio outline-info" />
+                                        <span>Info</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="outline_radio" class="form-radio outline-dark" />
+                                        <span>Dark</span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                        <template x-if="codeArr.includes('code9')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- classic --&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;outline_radio&quot; class=&quot;form-radio  outline-primary&quot; checked /&gt;
+        &lt;span&gt;Primary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;outline_radio&quot; class=&quot;form-radio  outline-success&quot; /&gt;
+        &lt;span&gt;Success&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;outline_radio&quot; class=&quot;form-radio  outline-secondary&quot; /&gt;
+        &lt;span&gt;Secondary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;outline_radio&quot; class=&quot;form-radio  outline-danger&quot; /&gt;
+        &lt;span&gt;Danger&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;outline_radio&quot; class=&quot;form-radio  outline-warning&quot; /&gt;
+        &lt;span&gt;Warning&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;outline_radio&quot; class=&quot;form-radio  outline-info&quot; /&gt;
+        &lt;span&gt;Info&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;outline_radio&quot; class=&quot;form-radio  outline-dark&quot; /&gt;
+        &lt;span&gt;Dark&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Default Text Color</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code10')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <div class="space-y-2">
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="default_text_color" class="form-radio peer"
+                                            checked />
+                                        <span class="peer-checked:text-primary">Primary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="default_text_color"
+                                            class="form-radio text-success peer" />
+                                        <span class="peer-checked:text-success">Success</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="default_text_color"
+                                            class="form-radio text-secondary peer" />
+                                        <span class="peer-checked:text-secondary">Secondary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="default_text_color"
+                                            class="form-radio text-danger peer" />
+                                        <span class="peer-checked:text-danger">Danger</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="default_text_color"
+                                            class="form-radio text-warning peer" />
+                                        <span class="peer-checked:text-warning">Warning</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="default_text_color"
+                                            class="form-radio text-info peer" />
+                                        <span class="peer-checked:text-info">Info</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="default_text_color"
+                                            class="form-radio text-dark peer" />
+                                        <span class="peer-checked:text-dark">Dark</span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                        <template x-if="codeArr.includes('code10')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default text color --&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;default_text_color&quot; class=&quot;form-radio peer&quot; checked /&gt;
+        &lt;span class=&quot;peer-checked:text-primary&quot;&gt;Primary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;default_text_color&quot; class=&quot;form-radio text-success peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-success&quot;&gt;Success&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;default_text_color&quot; class=&quot;form-radio text-secondary peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-secondary&quot;&gt;Secondary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;default_text_color&quot; class=&quot;form-radio text-danger peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-danger&quot;&gt;Danger&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;default_text_color&quot; class=&quot;form-radio text-warning peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-warning&quot;&gt;Warning&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;default_text_color&quot; class=&quot;form-radio text-info peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-info&quot;&gt;Info&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;default_text_color&quot; class=&quot;form-radio text-dark peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-dark&quot;&gt;Dark&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Square Text Color</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code11')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <div class="space-y-2">
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="square_text_radio"
+                                            class="form-radio rounded-none peer" checked />
+                                        <span class="peer-checked:text-primary">Primary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="square_text_radio"
+                                            class="form-radio text-success rounded-none peer" />
+                                        <span class="peer-checked:text-success">Success</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="square_text_radio"
+                                            class="form-radio text-secondary rounded-none peer" />
+                                        <span class="peer-checked:text-secondary">Secondary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="square_text_radio"
+                                            class="form-radio text-danger rounded-none peer" />
+                                        <span class="peer-checked:text-danger">Danger</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="square_text_radio"
+                                            class="form-radio text-warning rounded-none peer" />
+                                        <span class="peer-checked:text-warning">Warning</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="square_text_radio"
+                                            class="form-radio text-info rounded-none peer" />
+                                        <span class="peer-checked:text-info">Info</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="square_text_radio"
+                                            class="form-radio text-dark rounded-none peer" />
+                                        <span class="peer-checked:text-dark">Dark</span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                        <template x-if="codeArr.includes('code11')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- square text color --&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;square_text_radio&quot; class=&quot;form-radio rounded-none peer&quot; checked /&gt;
+        &lt;span class=&quot;peer-checked:text-primary&quot;&gt;Primary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;square_text_radio&quot; class=&quot;form-radio text-success rounded-none peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-success&quot;&gt;Success&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;square_text_radio&quot; class=&quot;form-radio text-secondary rounded-none peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-secondary&quot;&gt;Secondary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;square_text_radio&quot; class=&quot;form-radio text-danger rounded-none peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-danger&quot;&gt;Danger&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;square_text_radio&quot; class=&quot;form-radio text-warning rounded-none peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-warning&quot;&gt;Warning&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;square_text_radio&quot; class=&quot;form-radio text-info rounded-none peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-info&quot;&gt;Info&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;square_text_radio&quot; class=&quot;form-radio text-dark rounded-none peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-dark&quot;&gt;Dark&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Outline Text Color</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code12')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <div class="space-y-2">
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="classic_text_radio"
+                                            class="form-radio outline-primary peer" checked />
+                                        <span class="peer-checked:text-primary">Primary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="classic_text_radio"
+                                            class="form-radio outline-success peer" />
+                                        <span class="peer-checked:text-success">Success</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="classic_text_radio"
+                                            class="form-radio outline-secondary peer" />
+                                        <span class="peer-checked:text-secondary">Secondary</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="classic_text_radio"
+                                            class="form-radio outline-danger peer" />
+                                        <span class="peer-checked:text-danger">Danger</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="classic_text_radio"
+                                            class="form-radio outline-warning peer" />
+                                        <span class="peer-checked:text-warning">Warning</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="classic_text_radio"
+                                            class="form-radio outline-info peer" />
+                                        <span class="peer-checked:text-info">Info</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex">
+                                        <input type="radio" name="classic_text_radio"
+                                            class="form-radio outline-dark peer" />
+                                        <span class="peer-checked:text-dark">Dark</span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                        <template x-if="codeArr.includes('code12')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- classic text color --&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;classic_text_radio&quot; class=&quot;form-radio outline-primary peer&quot; checked /&gt;
+        &lt;span class=&quot;peer-checked:text-primary&quot;&gt;Primary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;classic_text_radio&quot; class=&quot;form-radio outline-success peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-success&quot;&gt;Success&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;classic_text_radio&quot; class=&quot;form-radio outline-secondary peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-secondary&quot;&gt;Secondary&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;classic_text_radio&quot; class=&quot;form-radio outline-danger peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-danger&quot;&gt;Danger&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;classic_text_radio&quot; class=&quot;form-radio outline-warning peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-warning&quot;&gt;Warning&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;classic_text_radio&quot; class=&quot;form-radio outline-info peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-info&quot;&gt;Info&lt;/span&gt;
+    &lt;/label&gt;
+    &lt;label class=&quot;inline-flex&quot;&gt;
+        &lt;input type=&quot;radio&quot; name=&quot;classic_text_radio&quot; class=&quot;form-radio outline-dark peer&quot; /&gt;
+        &lt;span class=&quot;peer-checked:text-dark&quot;&gt;Dark&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/forms/clipboard.blade.php b/resources/views/forms/clipboard.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..2295eb2a473518980080337e8c83786adaaca8bc
--- /dev/null
+++ b/resources/views/forms/clipboard.blade.php
@@ -0,0 +1,393 @@
+<x-layout.default>
+
+
+    <script src="/assets/js/clipboard.min.js"></script>
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Forms</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Clipboard</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8" x-data="form">
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a href="https://www.npmjs.com/package/clipboard"
+                    target="_blank" class="block hover:underline">https://www.npmjs.com/package/clipboard</a>
+            </div>
+
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- Copy from input -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Copy from input</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="bg-[#f1f2f3] p-5 rounded dark:bg-[#060818]">
+                            <form>
+                                <input type="text" class="form-input" x-model="message1" id="message1" />
+                                <div class="flex flex-wrap gap-2 mt-5">
+                                    <button type="button" class="btn btn-primary " data-clipboard-target="#message1">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <path
+                                                d="M6 11C6 8.17157 6 6.75736 6.87868 5.87868C7.75736 5 9.17157 5 12 5H15C17.8284 5 19.2426 5 20.1213 5.87868C21 6.75736 21 8.17157 21 11V16C21 18.8284 21 20.2426 20.1213 21.1213C19.2426 22 17.8284 22 15 22H12C9.17157 22 7.75736 22 6.87868 21.1213C6 20.2426 6 18.8284 6 16V11Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M6 19C4.34315 19 3 17.6569 3 16V10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H15C16.6569 2 18 3.34315 18 5"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                        Copy from Input
+                                    </button>
+                                    <button type="button" class="btn btn-dark " data-clipboard-action="cut"
+                                        data-clipboard-target="#message1">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2">
+                                            <path
+                                                d="M15.2869 3.15178L14.3601 4.07866L5.83882 12.5999L5.83881 12.5999C5.26166 13.1771 4.97308 13.4656 4.7249 13.7838C4.43213 14.1592 4.18114 14.5653 3.97634 14.995C3.80273 15.3593 3.67368 15.7465 3.41556 16.5208L2.32181 19.8021L2.05445 20.6042C1.92743 20.9852 2.0266 21.4053 2.31063 21.6894C2.59466 21.9734 3.01478 22.0726 3.39584 21.9456L4.19792 21.6782L7.47918 20.5844L7.47919 20.5844C8.25353 20.3263 8.6407 20.1973 9.00498 20.0237C9.43469 19.8189 9.84082 19.5679 10.2162 19.2751C10.5344 19.0269 10.8229 18.7383 11.4001 18.1612L11.4001 18.1612L19.9213 9.63993L20.8482 8.71306C22.3839 7.17735 22.3839 4.68748 20.8482 3.15178C19.3125 1.61607 16.8226 1.61607 15.2869 3.15178Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M14.36 4.07812C14.36 4.07812 14.4759 6.04774 16.2138 7.78564C17.9517 9.52354 19.9213 9.6394 19.9213 9.6394M4.19789 21.6777L2.32178 19.8015"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                        Cut from Input
+                                    </button>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- copy from input --&gt;
+    &lt;div x-data=&quot;form&quot; class=&quot;bg-[#f1f2f3] p-5 rounded dark:bg-[#060818]&quot;&gt;
+        &lt;form&gt;
+            &lt;input type=&quot;text&quot; class=&quot;form-input&quot; x-model=&quot;message1&quot; id=&quot;message1&quot; /&gt;
+            &lt;div class=&quot;flex flex-wrap gap-2 mt-5&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary &quot; data-clipboard-target=&quot;#message1&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; Copy from Input
+                &lt;/button&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-dark &quot; data-clipboard-action=&quot;cut&quot; data-clipboard-target=&quot;#message1&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; Cut from Input
+                &lt;/button&gt;
+            &lt;/div&gt;
+        &lt;/form&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        new ClipboardJS('.btn');
+
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                message1: 'http://www.admin-dashboard.com',
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Copy form Textarea -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Copy form Textarea</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="bg-[#f1f2f3] p-5 rounded dark:bg-[#060818]">
+                            <form>
+                                <textarea rows="3" wrap="soft" class="form-textarea" x-model="message2" id="message2"></textarea>
+                                <div class="flex flex-wrap gap-2 mt-5">
+                                    <button type="button" class="btn btn-primary "
+                                        data-clipboard-target="#message2">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <path
+                                                d="M6 11C6 8.17157 6 6.75736 6.87868 5.87868C7.75736 5 9.17157 5 12 5H15C17.8284 5 19.2426 5 20.1213 5.87868C21 6.75736 21 8.17157 21 11V16C21 18.8284 21 20.2426 20.1213 21.1213C19.2426 22 17.8284 22 15 22H12C9.17157 22 7.75736 22 6.87868 21.1213C6 20.2426 6 18.8284 6 16V11Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M6 19C4.34315 19 3 17.6569 3 16V10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H15C16.6569 2 18 3.34315 18 5"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                        Copy from Input
+                                    </button>
+                                    <button type="button" class="btn btn-dark " data-clipboard-action="cut"
+                                        data-clipboard-target="#message2">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2">
+                                            <path
+                                                d="M15.2869 3.15178L14.3601 4.07866L5.83882 12.5999L5.83881 12.5999C5.26166 13.1771 4.97308 13.4656 4.7249 13.7838C4.43213 14.1592 4.18114 14.5653 3.97634 14.995C3.80273 15.3593 3.67368 15.7465 3.41556 16.5208L2.32181 19.8021L2.05445 20.6042C1.92743 20.9852 2.0266 21.4053 2.31063 21.6894C2.59466 21.9734 3.01478 22.0726 3.39584 21.9456L4.19792 21.6782L7.47918 20.5844L7.47919 20.5844C8.25353 20.3263 8.6407 20.1973 9.00498 20.0237C9.43469 19.8189 9.84082 19.5679 10.2162 19.2751C10.5344 19.0269 10.8229 18.7383 11.4001 18.1612L11.4001 18.1612L19.9213 9.63993L20.8482 8.71306C22.3839 7.17735 22.3839 4.68748 20.8482 3.15178C19.3125 1.61607 16.8226 1.61607 15.2869 3.15178Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M14.36 4.07812C14.36 4.07812 14.4759 6.04774 16.2138 7.78564C17.9517 9.52354 19.9213 9.6394 19.9213 9.6394M4.19789 21.6777L2.32178 19.8015"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                        Cut from Input
+                                    </button>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- copy from textare --&gt;
+    &lt;div x-data=&quot;form&quot; class=&quot;bg-[#f1f2f3] p-5 rounded dark:bg-[#060818]&quot;&gt;
+        &lt;form&gt;
+            &lt;textarea rows=&quot;3&quot; wrap=&quot;soft&quot; class=&quot;form-textarea&quot; x-model=&quot;message2&quot; id=&quot;message2&quot;&gt;&lt;/textarea&gt;
+            &lt;div class=&quot;flex flex-wrap gap-2 mt-5&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary &quot; data-clipboard-target=&quot;#message2&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; Copy from Input
+                &lt;/button&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-dark &quot; data-clipboard-action=&quot;cut&quot; data-clipboard-target=&quot;#message2&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; Cut from Input
+                &lt;/button&gt;
+            &lt;/div&gt;
+        &lt;/form&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        new ClipboardJS('.btn');
+
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                message2: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit...',
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Copy Text from Paragraph -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Copy Text from Paragraph</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code3')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="bg-[#f1f2f3] p-5 rounded dark:bg-[#060818]">
+                            <form>
+                                <p class="mb-3 font-semibold">Here is your OTP <span class="text-2xl"
+                                        id="copyOTP">22991</span>.</p>
+                                <p class="font-semibold">Please do not share it to anyone</p>
+                                <div class="flex flex-wrap gap-2 mt-5">
+                                    <button type="button" class="btn btn-primary" data-clipboard-target="#copyOTP">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <path
+                                                d="M6 11C6 8.17157 6 6.75736 6.87868 5.87868C7.75736 5 9.17157 5 12 5H15C17.8284 5 19.2426 5 20.1213 5.87868C21 6.75736 21 8.17157 21 11V16C21 18.8284 21 20.2426 20.1213 21.1213C19.2426 22 17.8284 22 15 22H12C9.17157 22 7.75736 22 6.87868 21.1213C6 20.2426 6 18.8284 6 16V11Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M6 19C4.34315 19 3 17.6569 3 16V10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H15C16.6569 2 18 3.34315 18 5"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                        Copy from Paragraph
+                                    </button>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code3')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- copy from paragraph --&gt;
+    &lt;div class=&quot;bg-[#f1f2f3] p-5 rounded dark:bg-[#060818]&quot;&gt;
+        &lt;form&gt;
+            &lt;p class=&quot;mb-3 font-semibold&quot;&gt;Here is your OTP &lt;span class=&quot;text-2xl&quot; id=&quot;copyOTP&quot;&gt;22991&lt;/span&gt;.&lt;/p&gt;
+            &lt;p class=&quot;font-semibold&quot;&gt;Please do not share it to anyone&lt;/p&gt;
+            &lt;div class=&quot;flex flex-wrap gap-2 mt-5&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; data-clipboard-target=&quot;#copyOTP&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; Copy from Paragraph
+                &lt;/button&gt;
+            &lt;/div&gt;
+        &lt;/form&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Advanced -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Copy Hidden Text (Advanced)</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code4')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="bg-[#f1f2f3] p-5 rounded dark:bg-[#060818]">
+                            <form>
+                                <p class="mb-3 font-semibold"> <span> Link -> </span> <span id="copyLink">
+                                        http://www.admin-dashboard.com/code</span></p>
+                                <span class="absolute opacity-0" id="copyHiddenCode">2291</span>
+                                <div class="flex flex-wrap gap-2 mt-5">
+                                    <button type="button" class="btn btn-primary "
+                                        data-clipboard-target="#copyLink">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <path
+                                                d="M6 11C6 8.17157 6 6.75736 6.87868 5.87868C7.75736 5 9.17157 5 12 5H15C17.8284 5 19.2426 5 20.1213 5.87868C21 6.75736 21 8.17157 21 11V16C21 18.8284 21 20.2426 20.1213 21.1213C19.2426 22 17.8284 22 15 22H12C9.17157 22 7.75736 22 6.87868 21.1213C6 20.2426 6 18.8284 6 16V11Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M6 19C4.34315 19 3 17.6569 3 16V10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H15C16.6569 2 18 3.34315 18 5"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                        Copy Link
+                                    </button>
+                                    <button type="button" class="btn btn-dark "
+                                        data-clipboard-target="#copyHiddenCode">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <path
+                                                d="M6 11C6 8.17157 6 6.75736 6.87868 5.87868C7.75736 5 9.17157 5 12 5H15C17.8284 5 19.2426 5 20.1213 5.87868C21 6.75736 21 8.17157 21 11V16C21 18.8284 21 20.2426 20.1213 21.1213C19.2426 22 17.8284 22 15 22H12C9.17157 22 7.75736 22 6.87868 21.1213C6 20.2426 6 18.8284 6 16V11Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M6 19C4.34315 19 3 17.6569 3 16V10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H15C16.6569 2 18 3.34315 18 5"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                        Copy Hidden Code
+                                    </button>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code4')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- advanced --&gt;
+    &lt;div class=&quot;bg-[#f1f2f3] p-5 rounded dark:bg-[#060818]&quot;&gt;
+        &lt;form&gt;
+            &lt;p class=&quot;mb-3 font-semibold&quot;&gt; &lt;span&gt; Link -&gt; &lt;/span&gt; &lt;span id=&quot;copyLink&quot;&gt; http://www.admin-dashboard.com/code&lt;/span&gt;&lt;/p&gt;
+            &lt;span class=&quot;absolute opacity-0&quot; id=&quot;copyHiddenCode&quot;&gt;2291&lt;/span&gt;
+            &lt;div class=&quot;flex flex-wrap gap-2 mt-5&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary &quot; data-clipboard-target=&quot;#copyLink&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; Copy Link
+                &lt;/button&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-dark &quot; data-clipboard-target=&quot;#copyHiddenCode&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; Copy Hidden Code
+                &lt;/button&gt;
+            &lt;/div&gt;
+        &lt;/form&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        new ClipboardJS('.btn');
+
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+                message1: 'http://www.admin-dashboard.com',
+                message2: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit...',
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/forms/date-picker.blade.php b/resources/views/forms/date-picker.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..0fe5051c212f2e55b379aeaeaf3f05d65b9b45cf
--- /dev/null
+++ b/resources/views/forms/date-picker.blade.php
@@ -0,0 +1,987 @@
+<x-layout.default>
+
+
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/flatpickr.min.css') }}">
+    <script src="/assets/js/flatpickr.js"></script>
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/nouislider.min.css') }}">
+    <script src="/assets/js/nouislider.min.js"></script>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Forms</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Date and Range Picker</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8" x-data="form">
+
+            <div class="bg-[#009688]/[.26] text-[#009688] py-1 px-2 rounded inline-block text-base">Date and Time Picker
+            </div>
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a href="https://www.npmjs.com/package/flatpickr"
+                    target="_blank" class="block hover:underline">https://www.npmjs.com/package/flatpickr</a>
+            </div>
+
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- Basic -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <input id="basic" x-model="date1" class="form-input" />
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;div x-data=&quot;form&quot;&gt;
+        &lt;input id=&quot;basic&quot; x-model=&quot;date1&quot; class=&quot;form-input&quot; /&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                date1: '2022-07-05',
+                init() {
+                    flatpickr(document.getElementById('basic'), {
+                        dateFormat: 'Y-m-d',
+                        defaultDate: this.date1,
+                    })
+                }
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Date & time -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Date Time</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-2.5">Use <code class="text-danger">{enableTime: true, dateFormat: 'Y-m-d H:i'}</code>
+                        option to enable time support</div>
+                    <div class="mb-5">
+                        <input id="dateTime" x-model="date2" class="form-input" />
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- date & time --&gt;
+    &lt;div x-data=&quot;form&quot;&gt;
+        &lt;input id=&quot;dateTime&quot; x-model=&quot;date2&quot; class=&quot;form-input&quot; /&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                date2: '2022-07-05 12:00',
+                init() {
+                    flatpickr(document.getElementById('dateTime'), {
+                        defaultDate: this.date2,
+                        enableTime: true,
+                        dateFormat: 'Y-m-d H:i'
+                    })
+                }
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- range-calendar -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Range Calendar</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code3')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-2.5">Use <code class="text-danger">{mode: 'range'}</code> select the date with
+                        range.</div>
+                    <div class="mb-5">
+                        <input id="range-calendar" x-model="date3" class="form-input" />
+                    </div>
+                    <template x-if="codeArr.includes('code3')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- range calendar --&gt;
+    &lt;div x-data=&quot;form&quot;&gt;
+        &lt;input id=&quot;range-calendar&quot; x-model=&quot;date3&quot; class=&quot;form-input&quot; /&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                date3: '2022-07-05 to 2022-07-10',
+                init() {
+                    flatpickr(document.getElementById('range-calendar'), {
+                        defaultDate: this.date3,
+                        dateFormat: 'Y-m-d',
+                        mode: 'range'
+                    })
+                }
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- preloading time -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Preloading Time</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code4')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-2.5">Use <code class="text-danger">{noCalendar: true, enableTime: true, dateFormat:
+                            'H:i'}</code> with Date Time options to disable calendar and show time picker only.</div>
+                    <div class="mb-5">
+                        <input id="preloading-time" x-model="date4" class="form-input" />
+                    </div>
+                    <template x-if="codeArr.includes('code4')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- preloading time --&gt;
+    &lt;div x-data=&quot;form&quot;&gt;
+        &lt;input id=&quot;preloading-time&quot; x-model=&quot;date4&quot; class=&quot;form-input&quot; /&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                date4: '13:45',
+                init() {
+                    flatpickr(document.getElementById('preloading-time'), {
+                        defaultDate: this.date4,
+                        noCalendar: true,
+                        enableTime: true,
+                        dateFormat: 'H:i'
+                    })
+                }
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+
+            <!-- range picker -->
+            <div class="bg-[#009688]/[.26] text-[#009688] py-1 px-2 rounded inline-block text-base">Javascript Range
+                Slider</div>
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+
+                <!-- Top-Left -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Postion : Top-Left</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code5')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="font-bold"> <span x-text="slider1"
+                                class="inline-block py-1 px-2 rounded text-primary border border-white-light dark:border-dark"></span>
+                            <span>%</span></div>
+                        <input type="range" class="w-full py-2.5" min="0" max="100"
+                            x-model="slider1" />
+                    </div>
+                    <template x-if="codeArr.includes('code5')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- top left --&gt;
+    &lt;div x-data=&quot;form&quot;&gt;
+        &lt;div class=&quot;font-bold&quot;&gt; &lt;span x-text=&quot;slider1&quot; class=&quot;inline-block py-1 px-2 rounded text-primary border border-white-light dark:border-dark&quot;&gt;&lt;/span&gt; &lt;span&gt;%&lt;/span&gt;&lt;/div&gt;
+        &lt;input type=&quot;range&quot; class=&quot;w-full py-2.5&quot; min=&quot;0&quot; max=&quot;100&quot; x-model=&quot;slider1&quot; /&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                slider1: '0',
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Top-right -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Postion : Top-right</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code6')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="font-bold ltr:text-right rtl:text-left"> <span x-text="slider2"
+                                class="inline-block py-1 px-2 rounded text-primary border border-white-light dark:border-dark"></span>
+                            <span>%</span></div>
+                        <input type="range" class="w-full py-2.5" min="0" max="100"
+                            x-model="slider2" />
+                    </div>
+                    <template x-if="codeArr.includes('code6')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- top right --&gt;
+    &lt;div x-data=&quot;form&quot;&gt;
+        &lt;div class=&quot;font-bold ltr:text-right rtl:text-left&quot;&gt; &lt;span x-text=&quot;slider2&quot; class=&quot;inline-block py-1 px-2 rounded text-primary border border-white-light dark:border-dark&quot;&gt;&lt;/span&gt; &lt;span&gt;%&lt;/span&gt;&lt;/div&gt;
+        &lt;input type=&quot;range&quot; class=&quot;w-full py-2.5&quot; min=&quot;0&quot; max=&quot;100&quot; x-model=&quot;slider2&quot; /&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                slider2: '0',
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- bottom-left -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Postion : Bottom-Left</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code7')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <input type="range" class="w-full py-2.5" min="0" max="100"
+                            x-model="slider3" />
+                        <div class="font-bold"> <span x-text="slider3"
+                                class="inline-block py-1 px-2 rounded text-primary border border-white-light dark:border-dark"></span>
+                            <span>%</span></div>
+                    </div>
+                    <template x-if="codeArr.includes('code7')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- bottom left --&gt;
+    &lt;div x-data=&quot;form&quot;&gt;
+        &lt;input type=&quot;range&quot; class=&quot;w-full py-2.5&quot; min=&quot;0&quot; max=&quot;100&quot; x-model=&quot;slider3&quot; /&gt;
+        &lt;div class=&quot;font-bold&quot;&gt; &lt;span x-text=&quot;slider3&quot; class=&quot;inline-block py-1 px-2 rounded text-primary border border-white-light dark:border-dark&quot;&gt;&lt;/span&gt; &lt;span&gt;%&lt;/span&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                slider3: '0',
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Bottom-right -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Postion : Bottom-right</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code8')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <input type="range" class="w-full py-2.5" min="0" max="100"
+                            x-model="slider4" />
+                        <div class="font-bold ltr:text-right rtl:text-left"> <span x-text="slider4"
+                                class="inline-block py-1 px-2 rounded text-primary border border-white-light dark:border-dark"></span>
+                            <span>%</span></div>
+                    </div>
+                    <template x-if="codeArr.includes('code8')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- bottom right --&gt;
+    &lt;div x-data=&quot;form&quot;&gt;
+        &lt;input type=&quot;range&quot; class=&quot;w-full py-2.5&quot; min=&quot;0&quot; max=&quot;100&quot; x-model=&quot;slider4&quot; /&gt;
+        &lt;div class=&quot;font-bold ltr:text-right rtl:text-left&quot;&gt; &lt;span x-text=&quot;slider4&quot; class=&quot;inline-block py-1 px-2 rounded text-primary border border-white-light dark:border-dark&quot;&gt;&lt;/span&gt; &lt;span&gt;%&lt;/span&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                slider4: '0',
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+
+            <!-- Nouislider -->
+            <div class="bg-[#009688]/[.26] text-[#009688] py-1 px-2 rounded inline-block text-base">noUI Slider</div>
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a
+                    href="https://www.npmjs.com/package/nouislider" target="_blank"
+                    class="block hover:underline">https://www.npmjs.com/package/nouislider</a>
+            </div>
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+
+                <!-- Using HTML5 input elements -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Using HTML5 input elements</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code10')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5 pt-5">
+                        <div class="mt-5" id="noui_slider1"></div>
+                        <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 my-4">
+                            <div class="mb-3">
+                                <select x-model="nouiMin1" class="form-select w-full" id="select"
+                                    @change="selectUpdateValue()">
+                                    <template x-for="(i, index) in 100" x-model="nouiMin1">
+                                        <option :key="i" x-text="index"></option>
+                                    </template>
+                                </select>
+                            </div>
+                            <div>
+                                <input type="number" id="input" x-model="nouiMax1" class="form-input"
+                                    :min="-20" :max="100" step="1"
+                                    @change="selectUpdateValue()" />
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code10')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- using HTML5 input elements --&gt;
+    &lt;div x-data=&quot;form&quot;&gt;
+        &lt;div class=&quot;mt-5&quot; id=&quot;nouiSlider1&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;grid grid-cols-1 lg:grid-cols-2 gap-8 my-4&quot;&gt;
+            &lt;div class=&quot;mb-3&quot;&gt;
+                &lt;select x-model=&quot;nouiMin1&quot; class=&quot;form-select w-full&quot; id=&quot;select&quot; @change=&quot;selectUpdateValue()&quot;&gt;
+                    &lt;template x-for=&quot;(i, index) in 61&quot; x-model=&quot;nouiMin1&quot;&gt;
+                        &lt;option :key=&quot;i&quot; x-text=&quot;index&quot;&gt;&lt;/option&gt;
+                    &lt;/template&gt;
+                &lt;/select&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;input type=&quot;number&quot; id=&quot;input&quot; x-model=&quot;nouiMax1&quot; class=&quot;form-input&quot; :min=&quot;-20&quot; :max=&quot;100&quot; step=&quot;1&quot; @change=&quot;selectUpdateValue()&quot; /&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                nouiMin1: 20,
+                nouiMax1: 40,
+                init() {
+                    noUiSlider1 = noUiSlider.create(document.getElementById('noui_slider1'), {
+                        start: [this.nouiMin1, this.nouiMax1],
+                        connect: true,
+                        tooltips: true,
+                        range: {
+                            'min': 0,
+                            'max': 100
+                        },
+                    })
+                    this.$nextTick(() =&gt; {
+                        document.getElementById('select').value = this.nouiMin1;
+                    })
+
+                    noUiSlider1.on('update', function(values, handle) {
+                        document.getElementById('select').value = Math.round(noUiSlider1.get()[0]);
+                        document.getElementById('input').value = Math.round(noUiSlider1.get()[1]);
+                    });
+                }
+
+                selectUpdateValue() {
+                    noUiSlider1.set([this.nouiMin1, this.nouiMax1]);
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Non linear slider -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Non linear slider</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code11')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5 pt-5">
+                        <div class="mt-5" id="noui_slider2"></div>
+
+                        <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 my-5 font-bold">
+                            <div>
+                                <span class="text-primary mr-2" id="nouiMin2" x-text="nouiMin2"></span><span
+                                    class="border border-white-light dark:border-dark py-1 px-2 text-dark dark:text-white-dark rounded"
+                                    id="nouiMin2Perc" x-text="nouiMin2Perc"></span>
+                            </div>
+                            <div class="ltr:text-right rtl:text-left">
+                                <span class="text-primary mr-2" id="nouiMax2" x-text="nouiMax2"></span><span
+                                    class="border border-white-light dark:border-dark py-1 px-2 text-dark dark:text-white-dark rounded"
+                                    id="nouiMax2Perc" x-text="nouiMax2Perc"></span>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code11')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- non linear slider --&gt;
+    &lt;div x-data=&quot;form&quot;&gt;
+        &lt;div class=&quot;mt-5&quot; id=&quot;nouiSlider2&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;grid grid-cols-1 lg:grid-cols-2 gap-8 my-5 font-bold&quot;&gt;
+            &lt;div&gt;
+                &lt;span class=&quot;text-primary mr-2&quot; id=&quot;nouiMin2&quot; x-text=&quot;nouiMin2&quot;&gt;&lt;/span&gt;&lt;span class=&quot;border border-white-light dark:border-dark py-1 px-2 text-dark dark:text-white-dark rounded&quot; id=&quot;nouiMin2Perc&quot; x-text=&quot;nouiMin2Perc&quot;&gt;&lt;/span&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;ltr:text-right rtl:text-left&quot;&gt;
+                &lt;span class=&quot;text-primary mr-2&quot; id=&quot;nouiMax2&quot; x-text=&quot;nouiMax2&quot;&gt;&lt;/span&gt;&lt;span class=&quot;border border-white-light dark:border-dark py-1 px-2 text-dark dark:text-white-dark rounded&quot; id=&quot;nouiMax2Perc&quot; x-text=&quot;nouiMax2Perc&quot;&gt;&lt;/span&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                nouiMin2: 500,
+                nouiMax2: 4000,
+                nouiMin2Perc: 0,
+                nouiMax2Perc: 0,
+                init() {
+                    noUiSlider2 = noUiSlider.create(document.getElementById('noui_slider2'), {
+                        start: [this.nouiMin2, this.nouiMax2],
+                        connect: true,
+                        tooltips: true,
+                        range: {
+                            'min': 0,
+                            'max': 10000,
+                            '10%': [500, 500],
+                            '50%': [4000, 1000],
+                        },
+                    })
+                    noUiSlider2.on('update', function(values, handle, unencoded, isTap, positions) {
+                        document.getElementById('nouiMin2').innerHTML = parseInt(values[0]).toFixed(2);
+                        document.getElementById('nouiMax2').innerHTML = parseInt(values[1]).toFixed(2);
+                        document.getElementById('nouiMin2Perc').innerHTML = parseInt(positions[0]).toFixed(2) + '%';
+                        document.getElementById('nouiMax2Perc').innerHTML = parseInt(positions[1]).toFixed(2) + '%';
+                    });
+                }
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Locking slider -->
+                <div class="panel lg:col-span-2">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Locking sliders together</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code12')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5 pt-5">
+                        <div class="my-5" id="locking_slider1"></div>
+                        <div class="text-primary font-bold mb-10" id="locking_slider1_value"></div>
+                        <div class="my-5" id="locking_slider2"></div>
+                        <div class="text-primary font-bold mb-10" id="locking_slider2_value"></div>
+                        <div class="ltr:text-right rtl:text-left">
+                            <button type="button" class="btn btn-primary" id="lockbutton"
+                                @click="lockedState = !lockedState" x-text="lockedState ? 'Unlock':'Lock'"> Lock
+                            </button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code12')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- locking sliders together --&gt;
+    &lt;div x-data=&quot;form&quot;&gt;
+        &lt;div class=&quot;my-5&quot; id=&quot;lockingSlider1&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;text-primary font-bold mb-10&quot; id=&quot;locking_slider1_value&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;my-5&quot; id=&quot;lockingSlider2&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;text-primary font-bold mb-10&quot; id=&quot;locking_slider2_value&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;ltr:text-right rtl:text-left&quot;&gt;
+            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; id=&quot;lockbutton&quot; @click=&quot;lockedState = !lockedState&quot; x-text=&quot;lockedState ? 'Unlock':'Lock'&quot;&gt; Lock &lt;/button&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                lockedState: false,
+                init() {
+                    lockingSlider2 = noUiSlider.create(document.getElementById('locking_slider2'), {
+                        start: 80,
+                        animate: false,
+                        range: {
+                            min: 0,
+                            max: 100
+                        }
+                    });
+
+                    lockingSlider1.on('update', function(values, handle) {
+                        locking_slider1_value.innerHTML = values[handle];
+                    });
+
+                    lockingSlider2.on('update', function(values, handle) {
+                        locking_slider2_value.innerHTML = values[handle];
+                    });
+
+                    this.$nextTick(() =&gt; {
+                        let lockedState = this.lockedState
+                        this.$watch('lockedState', value =&gt; {
+                            lockedState = value
+                        })
+                        lockingSlider1.on('slide', function(values, handle) {
+                            if (!lockedState) return;
+                            lockingSlider2.set(values[handle] - (Number(lockingSlider2.get()) - Number(lockingSlider1.get())));
+                        });
+
+                        lockingSlider2.on('slide', function(values, handle) {
+                            if (!lockedState) return;
+                            lockingSlider1.set(values[handle] - (Number(lockingSlider2.get()) - Number(lockingSlider1.get())));
+                        });
+                    })
+                }
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        //basic
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+                date1: '2022-07-05',
+                date2: '2022-07-05 12:00',
+                date3: '2022-07-05 to 2022-07-10',
+                date4: '13:45',
+                slider1: '0',
+                slider2: '0',
+                slider3: '0',
+                slider4: '0',
+                nouiMin1: 20,
+                nouiMax1: 40,
+                nouiMin2: 500,
+                nouiMax2: 4000,
+                nouiMin2Perc: 0,
+                nouiMax2Perc: 0,
+                lockedState: false,
+                init() {
+                    this.initDatePicker();
+                    // nouislider 1
+                    noUiSlider1 = noUiSlider.create(document.getElementById('noui_slider1'), {
+                        start: [this.nouiMin1, this.nouiMax1],
+                        connect: true,
+                        tooltips: true,
+                        range: {
+                            'min': 0,
+                            'max': 100
+                        },
+                        direction: this.$store.app.rtlClass === "rtl" ? 'rtl' : 'ltr'
+                    })
+                    this.$nextTick(() => {
+                        document.getElementById('select').value = this.nouiMin1;
+                    })
+
+                    noUiSlider1.on('update', function(values, handle) {
+                        document.getElementById('select').value = Math.round(noUiSlider1.get()[
+                            0]);
+                        document.getElementById('input').value = Math.round(noUiSlider1.get()[
+                            1]);
+                    });
+
+                    // noui slider 2
+                    noUiSlider2 = noUiSlider.create(document.getElementById('noui_slider2'), {
+                        start: [this.nouiMin2, this.nouiMax2],
+                        connect: true,
+                        tooltips: true,
+                        range: {
+                            'min': 0,
+                            'max': 10000,
+                            '10%': [500, 500],
+                            '50%': [4000, 1000],
+                        },
+                        direction: this.$store.app.rtlClass === "rtl" ? 'rtl' : 'ltr'
+                    })
+                    noUiSlider2.on('update', function(values, handle, unencoded, isTap, positions) {
+                        document.getElementById('nouiMin2').innerHTML = parseInt(values[0])
+                            .toFixed(2);
+                        document.getElementById('nouiMax2').innerHTML = parseInt(values[1])
+                            .toFixed(2);
+                        document.getElementById('nouiMin2Perc').innerHTML = parseInt(positions[
+                            0]).toFixed(2) + '%';
+                        document.getElementById('nouiMax2Perc').innerHTML = parseInt(positions[
+                            1]).toFixed(2) + '%';
+                    });
+
+                    // locking slider
+                    lockButton = document.getElementById('lockbutton');
+                    // locking slider1
+                    lockingSlider1 = noUiSlider.create(document.getElementById('locking_slider1'), {
+                        start: 60,
+                        animate: false,
+                        range: {
+                            min: 0,
+                            max: 100
+                        },
+                        direction: this.$store.app.rtlClass === "rtl" ? 'rtl' : 'ltr'
+                    });
+
+                    // locking slider2
+                    lockingSlider2 = noUiSlider.create(document.getElementById('locking_slider2'), {
+                        start: 80,
+                        animate: false,
+                        range: {
+                            min: 0,
+                            max: 100
+                        },
+                        direction: this.$store.app.rtlClass === "rtl" ? 'rtl' : 'ltr'
+                    });
+
+                    lockingSlider1.on('update', function(values, handle) {
+                        locking_slider1_value.innerHTML = values[handle];
+                    });
+
+                    lockingSlider2.on('update', function(values, handle) {
+                        locking_slider2_value.innerHTML = values[handle];
+                    });
+
+                    this.$nextTick(() => {
+                        let lockedState = this.lockedState
+                        this.$watch('lockedState', value => {
+                            lockedState = value
+                        })
+                        lockingSlider1.on('slide', function(values, handle) {
+                            if (!lockedState) return;
+                            lockingSlider2.set(values[handle] - (Number(lockingSlider2
+                                .get()) - Number(lockingSlider1.get())));
+                        });
+
+                        lockingSlider2.on('slide', function(values, handle) {
+                            if (!lockedState) return;
+                            lockingSlider1.set(values[handle] - (Number(lockingSlider2
+                                .get()) - Number(lockingSlider1.get())));
+                        });
+                    })
+
+                    this.$watch('$store.app.rtlClass', () => {
+                        this.initDatePicker();
+                    });
+                },
+
+                initDatePicker() {
+                    // basic
+                    flatpickr(document.getElementById('basic'), {
+                        dateFormat: 'Y-m-d',
+                        defaultDate: this.date1,
+                        position: this.$store.app.rtlClass === 'rtl' ? 'auto right' :
+                            'auto left'
+                    })
+                    // date-time
+                    flatpickr(document.getElementById('dateTime'), {
+                        defaultDate: this.date2,
+                        enableTime: true,
+                        dateFormat: 'Y-m-d H:i',
+                        position: this.$store.app.rtlClass === 'rtl' ? 'auto right' :
+                            'auto left'
+                    })
+                    // range calendar
+                    flatpickr(document.getElementById('range-calendar'), {
+                        defaultDate: this.date3,
+                        dateFormat: 'Y-m-d',
+                        mode: 'range',
+                        position: this.$store.app.rtlClass === 'rtl' ? 'auto right' :
+                            'auto left'
+                    })
+                    // Preloading time
+                    flatpickr(document.getElementById('preloading-time'), {
+                        defaultDate: this.date4,
+                        noCalendar: true,
+                        enableTime: true,
+                        dateFormat: 'H:i',
+                        position: this.$store.app.rtlClass === 'rtl' ? 'auto right' :
+                            'auto left'
+                    })
+                },
+
+                selectUpdateValue() {
+                    noUiSlider1.set([this.nouiMin1, this.nouiMax1]);
+                },
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+    <style scoped>
+        /* range picker */
+        input[type=range] {
+            -webkit-appearance: none;
+        }
+
+        input[type=range]::-webkit-slider-runnable-track {
+            width: 100%;
+            height: 8px;
+            background: #dee2e6;
+            border: none;
+            border-radius: 3px;
+        }
+
+        input[type=range]::-webkit-slider-thumb {
+            -webkit-appearance: none;
+            border: none;
+            height: 16px;
+            width: 16px;
+            border-radius: 50%;
+            background: #4361ee;
+            margin-top: -4px;
+        }
+
+        .dark input[type=range]::-webkit-slider-runnable-track {
+            background: #1b2e4b;
+        }
+
+        .dark input[type=range] {
+            background-color: transparent;
+        }
+
+        input[type=range]:focus {
+            outline: none;
+        }
+
+        input[type=range]:active::-webkit-slider-thumb {
+            background: #4361eec2;
+            cursor: pointer;
+        }
+    </style>
+</x-layout.default>
diff --git a/resources/views/forms/file-upload.blade.php b/resources/views/forms/file-upload.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..5e07e05dcbc3b4cf818e61ac79f456b542cc37b7
--- /dev/null
+++ b/resources/views/forms/file-upload.blade.php
@@ -0,0 +1,170 @@
+<x-layout.default>
+
+
+    <script src="/assets/js/file-upload-with-preview.iife.js"></script>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Forms</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>File Upload</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8" x-data="form">
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a
+                    href="https://www.npmjs.com/package/file-upload-with-preview" target="_blank"
+                    class="block hover:underline">https://www.npmjs.com/package/file-upload-with-preview</a>
+            </div>
+
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- Single File -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Single File Upload</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="custom-file-container" data-upload-id="myFirstImage"></div>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- single file --&gt;
+    &lt;div class=&quot;custom-file-container&quot; data-upload-id=&quot;myFirstImage&quot;&gt;&lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        new FileUploadWithPreview.FileUploadWithPreview('myFirstImage', {
+            images: {
+            baseImage: "/assets/images/file-preview.svg ",
+                backgroundImage: '',
+            },
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Multiple File -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Multiple File</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="custom-file-container" data-upload-id="mySecondImage"></div>
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- multiple file --&gt;
+    &lt;div class=&quot;custom-file-container&quot; data-upload-id=&quot;mySecondImage&quot;&gt;&lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        new FileUploadWithPreview.FileUploadWithPreview('mySecondImage', {
+            images: {
+            baseImage: "/assets/images/file-preview.svg ",
+                backgroundImage: '',
+            },
+            multiple: true,
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        // single image upload
+        new FileUploadWithPreview.FileUploadWithPreview('myFirstImage', {
+            images: {
+                baseImage: "/assets/images/file-preview.svg",
+                backgroundImage: '',
+            },
+        });
+
+        // multiple image upload
+        new FileUploadWithPreview.FileUploadWithPreview('mySecondImage', {
+            images: {
+                baseImage: "/assets/images/file-preview.svg",
+                backgroundImage: '',
+            },
+            multiple: true,
+        });
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/forms/input-group.blade.php b/resources/views/forms/input-group.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..b27742c74268b7ae661b418e866b28c64c763daa
--- /dev/null
+++ b/resources/views/forms/input-group.blade.php
@@ -0,0 +1,1208 @@
+<x-layout.default>
+
+    <div x-data="form">
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Forms</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Input Group</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-4">
+            <!-- Basic -->
+            <div class="grid grid-cols-1 xl:grid-cols-2 gap-4">
+                <!-- default -->
+                <div class="panel lg:row-span-2">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Default</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <form>
+                            <div class="mb-5">
+                                <div class="flex">
+                                    <div
+                                        class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                        @</div>
+                                    <input type="text" placeholder="Username"
+                                        class="form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                                </div>
+                            </div>
+                            <div class="mb-5">
+                                <div class="flex">
+                                    <input type="text" placeholder="Recipient's username"
+                                        class="form-input ltr:rounded-r-none rtl:rounded-l-none" />
+                                    <div
+                                        class="bg-[#eee] flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                        @example.com</div>
+                                </div>
+                            </div>
+                            <div class="mb-5">
+                                <label for="url">Your vanity URL</label>
+                                <div class="flex">
+                                    <div
+                                        class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                        https://</div>
+                                    <input id="url" type="text" placeholder="example.com/users/"
+                                        class="form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                                </div>
+                            </div>
+                            <div class="mb-5">
+                                <div class="flex">
+                                    <div
+                                        class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                        $</div>
+                                    <input type="text" placeholder="" class="form-input rounded-none" />
+                                    <div
+                                        class="bg-[#eee] flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                        .00</div>
+                                </div>
+                            </div>
+                            <div>
+                                <div class="flex">
+                                    <div
+                                        class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b] whitespace-nowrap">
+                                        With textarea</div>
+                                    <textarea rows="4" class="form-textarea ltr:rounded-l-none rtl:rounded-r-none"></textarea>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;form&gt;
+        &lt;div class=&quot;mb-5&quot;&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;@&lt;/div&gt;
+                &lt;input type=&quot;text&quot; placeholder=&quot;Username&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; /&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;mb-5&quot;&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;input type=&quot;text&quot; placeholder=&quot;Recipient's username&quot; class=&quot;form-input ltr:rounded-r-none rtl:rounded-l-none&quot; /&gt;
+                &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;@example.com&lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;mb-5&quot;&gt;
+            &lt;label for=&quot;url&quot;&gt;Your vanity URL&lt;/label&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;https://&lt;/div&gt;
+                &lt;input id=&quot;url&quot; type=&quot;text&quot; placeholder=&quot;example.com/users/&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; /&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;mb-5&quot;&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;$&lt;/div&gt;
+                &lt;input type=&quot;text&quot; placeholder=&quot;&quot; class=&quot;form-input rounded-none&quot; /&gt;
+                &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;.00&lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b] whitespace-nowrap&quot;&gt;With textarea&lt;/div&gt;
+                &lt;textarea rows=&quot;4&quot; class=&quot;form-textarea ltr:rounded-l-none rtl:rounded-r-none&quot;&gt;&lt;/textarea&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- simple icon -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Simple Icon</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="mb-5">
+                            <label for="iconLeft">Left</label>
+                            <div class="flex">
+                                <div
+                                    class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+
+                                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white-dark">
+                                        <path
+                                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                                            stroke="currentColor" stroke-width="1.5"></path>
+                                        <path
+                                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                        <path d="M12 6V10" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round"></path>
+                                    </svg>
+                                </div>
+                                <input id="iconLeft" type="text" placeholder="Notification"
+                                    class="form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                            </div>
+                        </div>
+                        <div>
+                            <label for="iconRight">Right</label>
+                            <div class="flex">
+                                <input id="iconRight" type="text" placeholder="Notification"
+                                    class="form-input ltr:rounded-r-none rtl:rounded-l-none" />
+                                <div
+                                    class="bg-[#eee] flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+
+                                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white-dark">
+                                        <path
+                                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                                            stroke="currentColor" stroke-width="1.5"></path>
+                                        <path
+                                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
+                                        <path d="M12 6V10" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round"></path>
+                                    </svg>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- left --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/div&gt;
+        &lt;input id=&quot;iconLeft&quot; type=&quot;text&quot; placeholder=&quot;Notification&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; /&gt;
+    &lt;/div&gt;
+
+    &lt;!-- right --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;input id=&quot;iconRight&quot; type=&quot;text&quot; placeholder=&quot;Notification&quot; class=&quot;form-input ltr:rounded-r-none rtl:rounded-l-none&quot; /&gt;
+        &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- spinning Icon -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Spinning Icon</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code3')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="mb-5">
+                            <label for="spiLeft">Left</label>
+                            <div class="flex">
+                                <div
+                                    class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round"
+                                        class="w-5 h-5 text-white-dark animate-spin">
+                                        <line x1="12" y1="2" x2="12" y2="6"></line>
+                                        <line x1="12" y1="18" x2="12" y2="22"></line>
+                                        <line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
+                                        <line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
+                                        <line x1="2" y1="12" x2="6" y2="12"></line>
+                                        <line x1="18" y1="12" x2="22" y2="12"></line>
+                                        <line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
+                                        <line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
+                                    </svg>
+                                </div>
+                                <input id="spiLeft" type="text" placeholder="Spinners"
+                                    class="form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                            </div>
+                        </div>
+                        <div>
+                            <label for="spiRight">Right</label>
+                            <div class="flex">
+                                <input id="spiRight" type="text" placeholder="Spinners"
+                                    class="form-input ltr:rounded-r-none rtl:rounded-l-none" />
+                                <div
+                                    class="bg-[#eee] flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round"
+                                        class="w-5 h-5 text-white-dark animate-spin">
+                                        <line x1="12" y1="2" x2="12" y2="6"></line>
+                                        <line x1="12" y1="18" x2="12" y2="22"></line>
+                                        <line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
+                                        <line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
+                                        <line x1="2" y1="12" x2="6" y2="12"></line>
+                                        <line x1="18" y1="12" x2="22" y2="12"></line>
+                                        <line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
+                                        <line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
+                                    </svg>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code3')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- left --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/div&gt;
+        &lt;input id=&quot;spiLeft&quot; type=&quot;text&quot; placeholder=&quot;Spinners&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; /&gt;
+    &lt;/div&gt;
+
+    &lt;!-- right --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;input id=&quot;spiRight&quot; type=&quot;text&quot; placeholder=&quot;Spinners&quot; class=&quot;form-input ltr:rounded-r-none rtl:rounded-l-none&quot; /&gt;
+        &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- dropdown icon -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Dropdown Icon</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code4')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div x-data="dropdown" class="dropdown mb-5">
+                            <label for="dropdownLeft">Left</label>
+                            <div class="flex">
+                                <div class="bg-primary flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] cursor-pointer"
+                                    @click="toggle" @click.outside="open = false">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white">
+                                        <circle cx="12" cy="12" r="3" stroke="currentColor"
+                                            stroke-width="1.5"></circle>
+                                        <path opacity="0.5"
+                                            d="M13.7654 2.15224C13.3978 2 12.9319 2 12 2C11.0681 2 10.6022 2 10.2346 2.15224C9.74457 2.35523 9.35522 2.74458 9.15223 3.23463C9.05957 3.45834 9.0233 3.7185 9.00911 4.09799C8.98826 4.65568 8.70226 5.17189 8.21894 5.45093C7.73564 5.72996 7.14559 5.71954 6.65219 5.45876C6.31645 5.2813 6.07301 5.18262 5.83294 5.15102C5.30704 5.08178 4.77518 5.22429 4.35436 5.5472C4.03874 5.78938 3.80577 6.1929 3.33983 6.99993C2.87389 7.80697 2.64092 8.21048 2.58899 8.60491C2.51976 9.1308 2.66227 9.66266 2.98518 10.0835C3.13256 10.2756 3.3397 10.437 3.66119 10.639C4.1338 10.936 4.43789 11.4419 4.43786 12C4.43783 12.5581 4.13375 13.0639 3.66118 13.3608C3.33965 13.5629 3.13248 13.7244 2.98508 13.9165C2.66217 14.3373 2.51966 14.8691 2.5889 15.395C2.64082 15.7894 2.87379 16.193 3.33973 17C3.80568 17.807 4.03865 18.2106 4.35426 18.4527C4.77508 18.7756 5.30694 18.9181 5.83284 18.8489C6.07289 18.8173 6.31632 18.7186 6.65204 18.5412C7.14547 18.2804 7.73556 18.27 8.2189 18.549C8.70224 18.8281 8.98826 19.3443 9.00911 19.9021C9.02331 20.2815 9.05957 20.5417 9.15223 20.7654C9.35522 21.2554 9.74457 21.6448 10.2346 21.8478C10.6022 22 11.0681 22 12 22C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8477 20.7654C14.9404 20.5417 14.9767 20.2815 14.9909 19.902C15.0117 19.3443 15.2977 18.8281 15.781 18.549C16.2643 18.2699 16.8544 18.2804 17.3479 18.5412C17.6836 18.7186 17.927 18.8172 18.167 18.8488C18.6929 18.9181 19.2248 18.7756 19.6456 18.4527C19.9612 18.2105 20.1942 17.807 20.6601 16.9999C21.1261 16.1929 21.3591 15.7894 21.411 15.395C21.4802 14.8691 21.3377 14.3372 21.0148 13.9164C20.8674 13.7243 20.6602 13.5628 20.3387 13.3608C19.8662 13.0639 19.5621 12.558 19.5621 11.9999C19.5621 11.4418 19.8662 10.9361 20.3387 10.6392C20.6603 10.4371 20.8675 10.2757 21.0149 10.0835C21.3378 9.66273 21.4803 9.13087 21.4111 8.60497C21.3592 8.21055 21.1262 7.80703 20.6602 7C20.1943 6.19297 19.9613 5.78945 19.6457 5.54727C19.2249 5.22436 18.693 5.08185 18.1671 5.15109C17.9271 5.18269 17.6837 5.28136 17.3479 5.4588C16.8545 5.71959 16.2644 5.73002 15.7811 5.45096C15.2977 5.17191 15.0117 4.65566 14.9909 4.09794C14.9767 3.71848 14.9404 3.45833 14.8477 3.23463C14.6448 2.74458 14.2554 2.35523 13.7654 2.15224Z"
+                                            stroke="currentColor" stroke-width="1.5"></path>
+                                    </svg>
+                                </div>
+                                <input id="dropdownLeft" type="text" placeholder="Dropdown"
+                                    class="form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                            </div>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="ltr:left-0 rtl:right-0" @click="toggle">
+                                <li><a href="javascript:;">Action</a></li>
+                                <li><a href="javascript:;">Another action</a></li>
+                                <li><a href="javascript:;">Something else here</a></li>
+                                <li><a href="javascript:;">Separated link</a></li>
+                            </ul>
+
+                        </div>
+                        <div x-data="dropdown" class="dropdown">
+                            <label for="dropdownRight">Right</label>
+                            <div class="flex">
+                                <input id="dropdownRight" type="text" placeholder="Dropdown"
+                                    class="form-input ltr:rounded-r-none rtl:rounded-l-none" />
+                                <div class="bg-success flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c] cursor-pointer"
+                                    @click="toggle" @click.outside="open = false">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white">
+                                        <circle cx="12" cy="12" r="3" stroke="currentColor"
+                                            stroke-width="1.5"></circle>
+                                        <path opacity="0.5"
+                                            d="M13.7654 2.15224C13.3978 2 12.9319 2 12 2C11.0681 2 10.6022 2 10.2346 2.15224C9.74457 2.35523 9.35522 2.74458 9.15223 3.23463C9.05957 3.45834 9.0233 3.7185 9.00911 4.09799C8.98826 4.65568 8.70226 5.17189 8.21894 5.45093C7.73564 5.72996 7.14559 5.71954 6.65219 5.45876C6.31645 5.2813 6.07301 5.18262 5.83294 5.15102C5.30704 5.08178 4.77518 5.22429 4.35436 5.5472C4.03874 5.78938 3.80577 6.1929 3.33983 6.99993C2.87389 7.80697 2.64092 8.21048 2.58899 8.60491C2.51976 9.1308 2.66227 9.66266 2.98518 10.0835C3.13256 10.2756 3.3397 10.437 3.66119 10.639C4.1338 10.936 4.43789 11.4419 4.43786 12C4.43783 12.5581 4.13375 13.0639 3.66118 13.3608C3.33965 13.5629 3.13248 13.7244 2.98508 13.9165C2.66217 14.3373 2.51966 14.8691 2.5889 15.395C2.64082 15.7894 2.87379 16.193 3.33973 17C3.80568 17.807 4.03865 18.2106 4.35426 18.4527C4.77508 18.7756 5.30694 18.9181 5.83284 18.8489C6.07289 18.8173 6.31632 18.7186 6.65204 18.5412C7.14547 18.2804 7.73556 18.27 8.2189 18.549C8.70224 18.8281 8.98826 19.3443 9.00911 19.9021C9.02331 20.2815 9.05957 20.5417 9.15223 20.7654C9.35522 21.2554 9.74457 21.6448 10.2346 21.8478C10.6022 22 11.0681 22 12 22C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8477 20.7654C14.9404 20.5417 14.9767 20.2815 14.9909 19.902C15.0117 19.3443 15.2977 18.8281 15.781 18.549C16.2643 18.2699 16.8544 18.2804 17.3479 18.5412C17.6836 18.7186 17.927 18.8172 18.167 18.8488C18.6929 18.9181 19.2248 18.7756 19.6456 18.4527C19.9612 18.2105 20.1942 17.807 20.6601 16.9999C21.1261 16.1929 21.3591 15.7894 21.411 15.395C21.4802 14.8691 21.3377 14.3372 21.0148 13.9164C20.8674 13.7243 20.6602 13.5628 20.3387 13.3608C19.8662 13.0639 19.5621 12.558 19.5621 11.9999C19.5621 11.4418 19.8662 10.9361 20.3387 10.6392C20.6603 10.4371 20.8675 10.2757 21.0149 10.0835C21.3378 9.66273 21.4803 9.13087 21.4111 8.60497C21.3592 8.21055 21.1262 7.80703 20.6602 7C20.1943 6.19297 19.9613 5.78945 19.6457 5.54727C19.2249 5.22436 18.693 5.08185 18.1671 5.15109C17.9271 5.18269 17.6837 5.28136 17.3479 5.4588C16.8545 5.71959 16.2644 5.73002 15.7811 5.45096C15.2977 5.17191 15.0117 4.65566 14.9909 4.09794C14.9767 3.71848 14.9404 3.45833 14.8477 3.23463C14.6448 2.74458 14.2554 2.35523 13.7654 2.15224Z"
+                                            stroke="currentColor" stroke-width="1.5"></path>
+                                    </svg>
+                                </div>
+                            </div>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="ltr:right-0 rtl:left-0" @click="toggle">
+                                <li><a href="javascript:;">Action</a></li>
+                                <li><a href="javascript:;">Another action</a></li>
+                                <li><a href="javascript:;">Something else here</a></li>
+                                <li><a href="javascript:;">Separated link</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code4')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- left --&gt;
+    &lt;div x-data=&quot;dropdown&quot; class=&quot;dropdown&quot;&gt;
+        &lt;div class=&quot;flex&quot;&gt;
+            &lt;div class=&quot;bg-primary flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] cursor-pointer&quot; @click=&quot;toggle&quot; @click.outside=&quot;open = false&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/div&gt;
+            &lt;input id=&quot;dropdownLeft&quot; type=&quot;text&quot; placeholder=&quot;Dropdown&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; /&gt;
+        &lt;/div&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:left-0 rtl:right-0&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+
+    &lt;!-- right --&gt;
+    &lt;div x-data=&quot;dropdown&quot; class=&quot;dropdown&quot;&gt;
+        &lt;div class=&quot;flex&quot;&gt;
+            &lt;input id=&quot;dropdownRight&quot; type=&quot;text&quot; placeholder=&quot;Dropdown&quot; class=&quot;form-input ltr:rounded-r-none rtl:rounded-l-none&quot; /&gt;
+            &lt;div class=&quot;bg-success flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c] cursor-pointer&quot; @click=&quot;toggle&quot; @click.outside=&quot;open = false&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0&quot;&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+        &lt;/ul&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- checkbox -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Checkboxes</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code5')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="mb-5">
+                            <label for="checkLeft">Left</label>
+                            <div class="flex">
+                                <div
+                                    class="bg-[#f1f2f3] dark:bg-[#1b2e4b] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c]">
+                                    <input type="checkbox"
+                                        class="form-checkbox border-[#e0e6ed] dark:border-white-dark ltr:mr-0 rtl:ml-0"
+                                        checked />
+                                </div>
+                                <input id="checkLeft" type="text" placeholder="Checkbox"
+                                    class="form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                            </div>
+                        </div>
+                        <div>
+                            <label for="checkRight">Right</label>
+                            <div class="flex">
+                                <input id="checkRight" type="text" placeholder="Checkbox"
+                                    class="form-input ltr:rounded-r-none rtl:rounded-l-none" />
+                                <div
+                                    class="bg-[#f1f2f3] dark:bg-[#1b2e4b] flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c]">
+                                    <input type="checkbox"
+                                        class="form-checkbox text-warning border-[#e0e6ed] dark:border-white-dark ltr:mr-0 rtl:ml-0"
+                                        checked />
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code5')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- left --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;div class=&quot;bg-[#f1f2f3] dark:bg-[#1b2e4b] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c]&quot;&gt;
+            &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox border-[#e0e6ed] dark:border-white-dark ltr:mr-0 rtl:ml-0&quot; checked /&gt;
+        &lt;/div&gt;
+        &lt;input id=&quot;checkLeft&quot; type=&quot;text&quot; placeholder=&quot;Checkbox&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; /&gt;
+    &lt;/div&gt;
+
+    &lt;!-- right --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;input id=&quot;checkRight&quot; type=&quot;text&quot; placeholder=&quot;Checkbox&quot; class=&quot;form-input ltr:rounded-r-none rtl:rounded-l-none&quot; /&gt;
+        &lt;div class=&quot;bg-[#f1f2f3] dark:bg-[#1b2e4b] flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c]&quot;&gt;
+            &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox text-warning border-[#e0e6ed] dark:border-white-dark ltr:mr-0 rtl:ml-0&quot; checked /&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- radio -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Radios</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code6')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="mb-5">
+                            <label for="radioLeft">Left</label>
+                            <div class="flex">
+                                <div
+                                    class="bg-[#f1f2f3] dark:bg-[#1b2e4b] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c]">
+                                    <input type="radio"
+                                        class="form-radio text-info border-[#e0e6ed] dark:border-white-dark ltr:mr-0 rtl:ml-0"
+                                        checked />
+                                </div>
+                                <input id="radioLeft" type="text" placeholder="Radio"
+                                    class="form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                            </div>
+                        </div>
+                        <div>
+                            <label for="radioRight">Right</label>
+                            <div class="flex">
+                                <input id="radioRight" type="text" placeholder="Radio"
+                                    class="form-input ltr:rounded-r-none rtl:rounded-l-none" />
+                                <div
+                                    class="bg-[#f1f2f3] dark:bg-[#1b2e4b] flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c]">
+                                    <input type="radio"
+                                        class="form-radio text-danger border-[#e0e6ed] dark:border-white-dark ltr:mr-0 rtl:ml-0"
+                                        checked />
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code6')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- left --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;div class=&quot;bg-[#f1f2f3] dark:bg-[#1b2e4b] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c]&quot;&gt;
+            &lt;input type=&quot;radio&quot; class=&quot;form-radio text-info border-[#e0e6ed] dark:border-white-dark ltr:mr-0 rtl:ml-0&quot; checked /&gt;
+        &lt;/div&gt;
+        &lt;input id=&quot;radioLeft&quot; type=&quot;text&quot; placeholder=&quot;Radio&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; /&gt;
+    &lt;/div&gt;
+
+    &lt;!-- right --&gt;
+    &lt;div class=&quot;flex&quot;&gt;;
+        &lt;input id=&quot;radioRight&quot; type=&quot;text&quot; placeholder=&quot;Radio&quot; class=&quot;form-input ltr:rounded-r-none rtl:rounded-l-none&quot; /&gt;
+        &lt;div class=&quot;bg-[#f1f2f3] dark:bg-[#1b2e4b] flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c]&quot;&gt;
+            &lt;input type=&quot;radio&quot; class=&quot;form-radio text-danger border-[#e0e6ed] dark:border-white-dark ltr:mr-0 rtl:ml-0&quot; checked /&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- switch -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Switch</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code7')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="mb-5">
+                            <label for="switchLeft">Left</label>
+                            <div class="flex">
+                                <div
+                                    class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                    <label class="w-7 h-4 relative cursor-pointer mb-0">
+                                        <input type="checkbox"
+                                            class="peer absolute w-full h-full opacity-0 z-10 focus:ring-0 focus:outline-none cursor-pointer"
+                                            id="custom_switch_checkbox1" />
+                                        <span
+                                            class="rounded-full border border-[#adb5bd] bg-white peer-checked:bg-primary peer-checked:border-primary dark:bg-dark block h-full before:absolute ltr:before:left-0.5 rtl:before:right-0.5 ltr:peer-checked:before:left-3.5 rtl:peer-checked:before:right-3.5 peer-checked:before:bg-white before:bg-[#adb5bd] dark:before:bg-white-dark before:bottom-[2px] before:w-3 before:h-3 before:rounded-full before:transition-all before:duration-300"></span>
+                                    </label>
+                                </div>
+                                <input id="switchLeft" type="text" placeholder="Switch"
+                                    class="form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                            </div>
+                        </div>
+                        <div>
+                            <label for="switchRight">Right</label>
+                            <div class="flex">
+                                <input id="switchRight" type="text" placeholder="Switch"
+                                    class="form-input ltr:rounded-r-none rtl:rounded-l-none" />
+                                <div
+                                    class="bg-[#eee] flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                    <label class="w-7 h-4 relative cursor-pointer mb-0">
+                                        <input type="checkbox"
+                                            class="peer absolute w-full h-full opacity-0 z-10 focus:ring-0 focus:outline-none cursor-pointer"
+                                            id="custom_switch_checkbox2" />
+                                        <span
+                                            class="rounded-full border border-[#adb5bd] bg-white peer-checked:bg-primary peer-checked:border-primary dark:bg-dark block h-full before:absolute ltr:before:left-0.5 rtl:before:right-0.5 ltr:peer-checked:before:left-3.5 rtl:peer-checked:before:right-3.5 peer-checked:before:bg-white before:bg-[#adb5bd] dark:before:bg-white-dark before:bottom-[2px] before:w-3 before:h-3 before:rounded-full before:transition-all before:duration-300"></span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code7')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- left --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;
+            &lt;label class=&quot;w-7 h-4 relative cursor-pointer mb-0&quot;&gt;
+                &lt;input type=&quot;checkbox&quot; class=&quot;peer absolute w-full h-full opacity-0 z-10 focus:ring-0 focus:outline-none cursor-pointer&quot; id=&quot;custom_switch_checkbox1&quot; /&gt;
+                &lt;span class=&quot;rounded-full border border-[#adb5bd] bg-white peer-checked:bg-primary peer-checked:border-primary dark:bg-dark block h-full before:absolute ltr:before:left-0.5 rtl:before:right-0.5 ltr:peer-checked:before:left-3.5 rtl:peer-checked:before:right-3.5 peer-checked:before:bg-white before:bg-[#adb5bd] dark:before:bg-white-dark before:bottom-[2px] before:w-3 before:h-3 before:rounded-full before:transition-all before:duration-300&quot;&gt;&lt;/span&gt;
+            &lt;/label&gt;
+        &lt;/div&gt;
+        &lt;input id=&quot;switchLeft&quot; type=&quot;text&quot; placeholder=&quot;Switch&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; /&gt;
+    &lt;/div&gt;
+
+    &lt;!-- right --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;input id=&quot;switchRight&quot; type=&quot;text&quot; placeholder=&quot;Switch&quot; class=&quot;form-input ltr:rounded-r-none rtl:rounded-l-none&quot; /&gt;
+        &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;
+            &lt;label class=&quot;w-7 h-4 relative cursor-pointer mb-0&quot;&gt;
+                &lt;input type=&quot;checkbox&quot; class=&quot;peer absolute w-full h-full opacity-0 z-10 focus:ring-0 focus:outline-none cursor-pointer&quot; id=&quot;custom_switch_checkbox2&quot; /&gt;
+                &lt;span class=&quot;rounded-full border border-[#adb5bd] bg-white peer-checked:bg-primary peer-checked:border-primary dark:bg-dark block h-full before:absolute ltr:before:left-0.5 rtl:before:right-0.5 ltr:peer-checked:before:left-3.5 rtl:peer-checked:before:right-3.5 peer-checked:before:bg-white before:bg-[#adb5bd] dark:before:bg-white-dark before:bottom-[2px] before:w-3 before:h-3 before:rounded-full before:transition-all before:duration-300&quot;&gt;&lt;/span&gt;
+            &lt;/label&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+            <!-- Sizes -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Sizes</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code8')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <div class="mb-5">
+                            <div class="flex">
+                                <div
+                                    class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                    Small</div>
+                                <input type="text" placeholder="Username"
+                                    class="form-input ltr:rounded-l-none rtl:rounded-r-none py-2.5 text-base" />
+                            </div>
+                        </div>
+                        <div class="mb-5">
+                            <div class="flex">
+                                <div
+                                    class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                    Small</div>
+                                <input type="text" placeholder="Username"
+                                    class="form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                            </div>
+                        </div>
+                        <div>
+                            <div class="flex">
+                                <div
+                                    class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                    Small</div>
+                                <input type="text" placeholder="Username"
+                                    class="form-input ltr:rounded-l-none rtl:rounded-r-none py-1.5 text-xs" />
+                            </div>
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code8')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- sizes --&gt;
+    &lt;form&gt;
+        &lt;div class=&quot;mb-5&quot;&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;Small&lt;/div&gt;
+                &lt;input type=&quot;text&quot; placeholder=&quot;Username&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none py-2.5 text-base&quot; /&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;mb-5&quot;&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;Small&lt;/div&gt;
+                &lt;input type=&quot;text&quot; placeholder=&quot;Username&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; /&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;Small&lt;/div&gt;
+                &lt;input type=&quot;text&quot; placeholder=&quot;Username&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none py-1.5 text-xs&quot; /&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Multiple -->
+            <div class="grid grid-cols-1 xl:grid-cols-2 gap-4">
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Multiple inputs</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code9')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <form>
+                            <div class="flex">
+                                <div
+                                    class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                    First and last name</div>
+                                <input type="text" placeholder="First Name"
+                                    class="form-input ltr:border-r-0 rtl:border-l-0 focus:!border-r rounded-none flex-1" />
+                                <input type="text" placeholder="Last Name"
+                                    class="form-input ltr:rounded-l-none rtl:rounded-r-none flex-1" />
+                            </div>
+                        </form>
+                    </div>
+                    <template x-if="codeArr.includes('code9')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- multiple inputs --&gt;
+    &lt;form&gt;
+        &lt;div class=&quot;flex&quot;&gt;
+            &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;First and last name&lt;/div&gt;
+            &lt;input type=&quot;text&quot; placeholder=&quot;First Name&quot; class=&quot;form-input ltr:border-r-0 rtl:border-l-0 focus:!border-r rounded-none flex-1&quot; /&gt;
+            &lt;input type=&quot;text&quot; placeholder=&quot;Last Name&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none flex-1&quot; /&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                    </template>
+                </div>
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Multiple addons</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code10')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <form>
+                            <div class="mb-5">
+                                <div class="flex">
+                                    <div
+                                        class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                        $</div>
+                                    <div
+                                        class="bg-[#eee] flex justify-center items-center rounded-none px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                        0.00</div>
+                                    <input type="text" placeholder=""
+                                        class="form-input ltr:rounded-l-none rtl:rounded-r-none flex-1" />
+                                </div>
+                            </div>
+                            <div>
+                                <div class="flex">
+                                    <input type="text" placeholder=""
+                                        class="form-input ltr:rounded-r-none rtl:rounded-l-none flex-1 ltr:rounded-l-md rtl:rounded-r-md" />
+                                    <div
+                                        class="bg-[#eee] flex justify-center items-center rounded-none px-3 font-semibold border border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                        0.00</div>
+                                    <div
+                                        class="bg-[#eee] flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                        $</div>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                    <template x-if="codeArr.includes('code10')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;form&gt;
+        &lt;div class=&quot;mb-5&quot;&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;$&lt;/div&gt;
+                &lt;div class=&quot;bg-[#eee] flex justify-center items-center rounded-none px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;0.00&lt;/div&gt;
+                &lt;input type=&quot;text&quot; placeholder=&quot;&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none flex-1&quot; /&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;input type=&quot;text&quot; placeholder=&quot;&quot; class=&quot;form-input ltr:rounded-r-none rtl:rounded-l-none flex-1 ltr:rounded-l-md rtl:rounded-r-md&quot; /&gt;
+                &lt;div class=&quot;bg-[#eee] flex justify-center items-center rounded-none px-3 font-semibold border border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;0.00&lt;/div&gt;
+                &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;$&lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 xl:grid-cols-2 gap-4">
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Buttons with dropdowns</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code11')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <form>
+                            <div x-data="dropdown" class="mb-5 dropdown">
+                                <label for="dropdownLeftButton">Left</label>
+                                <div class="flex">
+                                    <div class="bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] cursor-pointer"
+                                        @click="toggle" @click.outside="open = false">Dropdown</div>
+                                    <input id="dropdownLeftButton" type="text" placeholder=""
+                                        class="form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                                </div>
+                                <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                    class="ltr:left-0 rtl:right-0">
+                                    <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                    <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                    <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                    <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                </ul>
+                            </div>
+                            <div x-data="dropdown" class="dropdown">
+                                <label for="dropdownRightButton">Right</label>
+                                <div class="flex">
+                                    <input id="dropdownRightButton" type="text" placeholder=""
+                                        class="form-input ltr:rounded-r-none rtl:rounded-l-none" />
+                                    <div class="bg-danger text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c] cursor-pointer"
+                                        @click="toggle" @click.outside="open = false">Dropdown</div>
+                                </div>
+                                <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                    class="ltr:right-0 rtl:left-0">
+                                    <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                    <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                    <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                    <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                </ul>
+                            </div>
+                        </form>
+                    </div>
+                    <template x-if="codeArr.includes('code11')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- buttons with dropdowns --&gt;
+    &lt;form&gt;
+        &lt;div x-data=&quot;dropdown&quot; class=&quot;mb-5 dropdown&quot;&gt;
+            &lt;label id=&quot;dropdownLeft&quot;&gt;Left&lt;/label&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;div class=&quot;bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] cursor-pointer&quot; @click=&quot;toggle&quot; @click.outside=&quot;open = false&quot;&gt;Dropdown&lt;/div&gt;
+                &lt;input id=&quot;dropdownLeft&quot; type=&quot;text&quot; placeholder=&quot;&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; /&gt;
+            &lt;/div&gt;
+            &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:left-0 rtl:right-0&quot;&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+        &lt;div x-data=&quot;dropdown&quot; class=&quot;dropdown&quot;&gt;
+            &lt;label for=&quot;dropdownRight&quot;&gt;Right&lt;/label&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;input id=&quot;dropdownRight&quot; type=&quot;text&quot; placeholder=&quot;&quot; class=&quot;form-input ltr:rounded-r-none rtl:rounded-l-none&quot; /&gt;
+                &lt;div class=&quot;bg-danger text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-[#e0e6ed] dark:border-[#17263c] cursor-pointer&quot; @click=&quot;toggle&quot; @click.outside=&quot;open = false&quot;&gt;Dropdown&lt;/div&gt;
+            &lt;/div&gt;
+            &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0&quot;&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                    </template>
+                </div>
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Segmented buttons</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code12')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <form>
+                            <div x-data="dropdown" class="mb-5 dropdown">
+                                <label for="btnLeft">Left</label>
+                                <div class="flex">
+                                    <button type="button"
+                                        class="bg-info text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-info">Action</button>
+                                    <button type="button"
+                                        class="bg-white dark:bg-[#1b2e4b] text-info flex justify-center items-center rounded-none px-3 font-semibold border border-info"
+                                        @click="toggle" @click.outside="open = false">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </button>
+                                    <input id="btnLeft" type="text" placeholder=""
+                                        class="form-input ltr:rounded-l-none rtl:rounded-r-none ltr:border-l-0 rtl:border-r-0" />
+                                </div>
+                                <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                    class="ltr:left-0 rtl:right-0">
+                                    <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                    <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                    <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                    <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                </ul>
+                            </div>
+                            <div x-data="dropdown" class="dropdown">
+                                <label for="btnRight">Right</label>
+                                <div class="flex">
+                                    <input id="btnRight" type="text" placeholder=""
+                                        class="form-input ltr:rounded-r-none rtl:rounded-l-none ltr:border-r-0 rtl:border-l-0" />
+                                    <button type="button"
+                                        class="bg-white dark:bg-[#1b2e4b] text-secondary flex justify-center items-center rounded-none px-3 font-semibold border border-secondary"
+                                        @click="toggle" @click.outside="open = false">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </button>
+                                    <button type="button"
+                                        class="bg-secondary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-secondary">Action</button>
+                                </div>
+                                <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                    class="ltr:right-0 rtl:left-0">
+                                    <li><a href="javascript:;" @click="toggle">Action</a></li>
+                                    <li><a href="javascript:;" @click="toggle">Another action</a></li>
+                                    <li><a href="javascript:;" @click="toggle">Something else here</a></li>
+                                    <li><a href="javascript:;" @click="toggle">Separated link</a></li>
+                                </ul>
+                            </div>
+                        </form>
+                    </div>
+                    <template x-if="codeArr.includes('code12')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- segmented buttons --&gt;
+    &lt;form&gt;
+        &lt;div x-data=&quot;dropdown&quot; class=&quot;mb-5 dropdown&quot;&gt;
+            &lt;label for=&quot;btnLeft&quot;&gt;Left&lt;/label&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;bg-info text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-info&quot;&gt;Action&lt;/button&gt;
+                &lt;button type=&quot;button&quot; class=&quot;bg-white dark:bg-[#1b2e4b] text-info flex justify-center items-center rounded-none px-3 font-semibold border border-info cursor-pointer&quot; @click=&quot;toggle&quot; @click.outside=&quot;open = false&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt;
+                &lt;/button&gt;
+                &lt;input id=&quot;btnLeft&quot; type=&quot;text&quot; placeholder=&quot;&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none ltr:border-l-0 rtl:border-r-0&quot; /&gt;
+            &lt;/div&gt;
+            &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:left-0 rtl:right-0&quot;&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+        &lt;div x-data=&quot;dropdown&quot; class=&quot;dropdown&quot;&gt;
+            &lt;label for=&quot;btnRight&quot;&gt;Right&lt;/label&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;input id=&quot;btnRight&quot; type=&quot;text&quot; placeholder=&quot;&quot; class=&quot;form-input ltr:rounded-r-none rtl:rounded-l-none ltr:border-r-0 rtl:border-l-0&quot; /&gt;
+                &lt;button type=&quot;button&quot; class=&quot;bg-white dark:bg-[#1b2e4b] text-secondary flex justify-center items-center rounded-none px-3 font-semibold border border-secondary&quot; @click=&quot;toggle&quot; @click.outside=&quot;open = false&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt;
+                &lt;/button&gt;
+                &lt;button type=&quot;button&quot; class=&quot;bg-secondary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border ltr:border-l-0 rtl:border-r-0 border-secondary&quot;&gt;Action&lt;/button&gt;
+            &lt;/div&gt;
+            &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0&quot;&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                    </template>
+                </div>
+                <div class="panel lg:col-span-2">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Button addons</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code13')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <form>
+                            <div class="mb-5">
+                                <label for="addonsLeft">Left</label>
+                                <div class="flex">
+                                    <button type="button"
+                                        class="btn btn-info ltr:rounded-r-none rtl:rounded-l-none">Button</button>
+                                    <input id="addonsLeft" type="text" placeholder=""
+                                        class="form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                                </div>
+                            </div>
+                            <div class="mb-5">
+                                <label for="addonsRight">Right</label>
+                                <div class="flex">
+                                    <input id="addonsRight" type="text" placeholder=""
+                                        class="form-input ltr:rounded-r-none rtl:rounded-l-none" />
+                                    <button type="button"
+                                        class="btn btn-secondary ltr:rounded-l-none rtl:rounded-r-none">Button</button>
+                                </div>
+                            </div>
+                            <div class="mb-5">
+                                <label for="addonsLeftoutline">Left</label>
+                                <div class="flex">
+                                    <button type="button"
+                                        class="btn btn-outline-info ltr:rounded-r-none rtl:rounded-l-none">Button</button>
+                                    <button type="button"
+                                        class="btn btn-outline-info rounded-none ltr:border-l-0 rtl:border-r-0">Button</button>
+                                    <input id="addonsLeftoutline" type="text" placeholder=""
+                                        class="form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                                </div>
+                            </div>
+                            <div>
+                                <label for="addonsRightoutline">Right</label>
+                                <div class="flex">
+                                    <input id="addonsRightoutline" type="text" placeholder=""
+                                        class="form-input ltr:rounded-r-none rtl:rounded-l-none" />
+                                    <button type="button"
+                                        class="btn btn-outline-secondary rounded-none ltr:border-r-0 rtl:border-l-0">Button</button>
+                                    <button type="button"
+                                        class="btn btn-outline-secondary ltr:rounded-l-none rtl:rounded-r-none">Button</button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                    <template x-if="codeArr.includes('code13')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- button addons --&gt;
+    &lt;form&gt;
+        &lt;div class=&quot;mb-5&quot;&gt;
+            &lt;label for=&quot;addonsLeft&quot;&gt;Left&lt;/label&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-info ltr:rounded-r-none rtl:rounded-l-none&quot;&gt;Button&lt;/button&gt;
+                &lt;input id=&quot;addonsLeft&quot; type=&quot;text&quot; placeholder=&quot;&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; /&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;mb-5&quot;&gt;
+            &lt;label for=&quot;addonsRight&quot;&gt;Right&lt;/label&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;input type=&quot;text&quot; placeholder=&quot;&quot; class=&quot;form-input ltr:rounded-r-none rtl:rounded-l-none&quot; /&gt;
+                &lt;button id=&quot;addonsRight&quot; type=&quot;button&quot; class=&quot;btn btn-secondary ltr:rounded-l-none rtl:rounded-r-none&quot;&gt;Button&lt;/button&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;mb-5&quot;&gt;
+            &lt;label for=&quot;addonsLeftoutline&quot;&gt;Left&lt;/label&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-info ltr:rounded-r-none rtl:rounded-l-none&quot;&gt;Button&lt;/button&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-info rounded-none ltr:border-l-0 rtl:border-r-0&quot;&gt;Button&lt;/button&gt;
+                &lt;input id=&quot;addonsLeftoutline&quot; type=&quot;text&quot; placeholder=&quot;&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; /&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label for=&quot;addonsRightoutline&quot;&gt;Right&lt;/label&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;input id=&quot;addonsRightoutline&quot; type=&quot;text&quot; placeholder=&quot;&quot; class=&quot;form-input ltr:rounded-r-none rtl:rounded-l-none&quot; /&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-secondary rounded-none ltr:border-r-0 rtl:border-l-0&quot;&gt;Button&lt;/button&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-secondary ltr:rounded-l-none rtl:rounded-r-none&quot;&gt;Button&lt;/button&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/forms/input-mask.blade.php b/resources/views/forms/input-mask.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..2087903e73bb30e67056fdf97f63bf278f71ef81
--- /dev/null
+++ b/resources/views/forms/input-mask.blade.php
@@ -0,0 +1,449 @@
+<x-layout.default>
+
+    <script src="/assets/js/alpine-mask.min.js"></script>
+
+    <div x-data="form">
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Forms</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Input Mask</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8">
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a href="https://alpinejs.dev/plugins/mask"
+                    target="_blank" class="block hover:underline">https://alpinejs.dev/plugins/mask</a>
+            </div>
+
+            <div class="grid grid-cols-1 xl:grid-cols-2 gap-6">
+                <!-- Basic -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Static Mask Basic</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <p class="text-white-dark mb-5">Input mask are use with <span class="text-danger">input</span>
+                            tags.</p>
+                        <form>
+                            <fieldset class="grid grid-cols-1 md:grid-cols-2 items-end gap-4">
+                                <div>
+                                    <label for="staticMask1" class="text-white-dark">x-mask="'##-#######'"
+                                        (99-9999999)</label>
+                                    <input id="staticMask1" type="text" placeholder="__-_______" class="form-input"
+                                        x-mask="99-9999999" />
+                                </div>
+                                <div>
+                                    <label for="staticMask2" class="text-white-dark">x-mask="'AA-####'"
+                                        (aa-9999)</label>
+                                    <input id="staticMask2" type="text" placeholder="__-____" class="form-input"
+                                        x-mask="aa-9999" />
+                                </div>
+                            </fieldset>
+                        </form>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- static mask basic --&gt;
+    &lt;form&gt;
+        &lt;fieldset class=&quot;grid grid-cols-1 md:grid-cols-2 gap-4&quot;&gt;
+            &lt;div&gt;
+                &lt;label for=&quot;staticMask1&quot; class=&quot;text-white-dark&quot;&gt;x-mask=&quot;'##-#######'&quot; (99-9999999)&lt;/label&gt;
+                &lt;input id=&quot;staticMask1&quot; type=&quot;text&quot; placeholder=&quot;__-_______&quot; class=&quot;form-input&quot; x-mask=&quot;99-9999999&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;label for=&quot;staticMask2&quot; class=&quot;text-white-dark&quot;&gt;x-mask=&quot;'AA-####'&quot; (aa-9999)&lt;/label&gt;
+                &lt;input id=&quot;staticMask2&quot; type=&quot;text&quot; placeholder=&quot;__-____&quot; class=&quot;form-input&quot; x-mask=&quot;aa-9999&quot; /&gt;
+            &lt;/div&gt;
+        &lt;/fieldset&gt;
+    &lt;/form&gt;
+    </pre>
+                    </template>
+                </div>
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Alternate masks</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <form>
+                            <fieldset class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                                <div>
+                                    <label for="altnMask1" class="text-white-dark">x-mask="'##.#'" (99.9)</label>
+                                    <input id="altnMask1" type="text" placeholder="__._" class="form-input"
+                                        x-mask="99.9" />
+                                </div>
+                                <div>
+                                    <label for="altnMask2" class="text-white-dark">x-mask="'##.##'" (99.99)</label>
+                                    <input id="altnMask2" type="text" placeholder="__.__" class="form-input"
+                                        x-mask="99.99" />
+                                </div>
+                            </fieldset>
+                        </form>
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- alternate masks --&gt;
+    &lt;form&gt;
+        &lt;fieldset class=&quot;grid grid-cols-1 md:grid-cols-2 gap-4&quot;&gt;
+            &lt;div&gt;
+                &lt;label for=&quot;altMask1&quot; class=&quot;text-white-dark&quot;&gt;x-mask=&quot;'##.#'&quot; (99.9)&lt;/label&gt;
+                &lt;input id=&quot;altMask1&quot; type=&quot;text&quot; placeholder=&quot;__._&quot; class=&quot;form-input&quot; x-mask=&quot;99.9&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;label for=&quot;altMask2&quot; class=&quot;text-white-dark&quot;&gt;x-mask=&quot;'##.##'&quot; (99.99)&lt;/label&gt;
+                &lt;input id=&quot;altMask2&quot; type=&quot;text&quot; placeholder=&quot;__.__&quot; class=&quot;form-input&quot; x-mask=&quot;99.99&quot; /&gt;
+            &lt;/div&gt;
+        &lt;/fieldset&gt;
+    &lt;/form&gt;
+    </pre>
+                    </template>
+                </div>
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Dynamic Syntax</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code3')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <form>
+                            <fieldset class="grid grid-cols-1 md:grid-cols-3 items-end gap-4">
+                                <div>
+                                    <label for="dynamicMask1" class="text-white-dark">x-mask="'#-AAA###'"
+                                        (9-a{1,3}9{1,3})</label>
+                                    <input id="dynamicMask1" type="text" placeholder="_-__" class="form-input"
+                                        x-mask="9-aaa999" />
+                                </div>
+                                <div>
+                                    <label for="dynamicMask2" class="text-white-dark">x-mask="'AA-####'"
+                                        (aa-9{1,4})</label>
+                                    <input id="dynamicMask2" type="text" placeholder="__-____" class="form-input"
+                                        x-mask="aa-9999" />
+                                </div>
+                                <div>
+                                    <label for="dynamicMask3" class="text-white-dark">x-mask="'AA-##'"
+                                        (aa-9{1,2})</label>
+                                    <input id="dynamicMask3" type="text" placeholder="__-__" class="form-input"
+                                        x-mask="aa-99" />
+                                </div>
+                            </fieldset>
+                        </form>
+                    </div>
+                    <template x-if="codeArr.includes('code3')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- dynamic syntax --&gt;
+    &lt;form&gt;
+        &lt;fieldset class=&quot;grid grid-cols-1 md:grid-cols-3 gap-4&quot;&gt;
+            &lt;div&gt;
+                &lt;label for=&quot;dynamicMask1&quot; class=&quot;text-white-dark&quot;&gt;x-mask=&quot;'#-AAA###'&quot; (9-a{1,3}9{1,3})&lt;/label&gt;
+                &lt;input id=&quot;dynamicMask1&quot; type=&quot;text&quot; placeholder=&quot;_-__&quot; class=&quot;form-input&quot; x-mask=&quot;9-aaa999&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;label for=&quot;dynamicMask2&quot; class=&quot;text-white-dark&quot;&gt;x-mask=&quot;'AA-####'&quot; (aa-9{1,4})&lt;/label&gt;
+                &lt;input id=&quot;dynamicMask2&quot; type=&quot;text&quot; placeholder=&quot;__-____&quot; class=&quot;form-input&quot; x-mask=&quot;aa-9999&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;label for=&quot;dynamicMask3&quot; class=&quot;text-white-dark&quot;&gt;x-mask=&quot;'AA-##'&quot; (aa-9{1,2})&lt;/label&gt;
+                &lt;input id=&quot;dynamicMask3&quot; type=&quot;text&quot; placeholder=&quot;__-__&quot; class=&quot;form-input&quot; x-mask=&quot;aa-99&quot; /&gt;
+            &lt;/div&gt;
+        &lt;/fieldset&gt;
+    &lt;/form&gt;
+    </pre>
+                    </template>
+                </div>
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Date</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code4')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <form>
+                            <fieldset class="grid grid-cols-1 md:grid-cols-3 items-end gap-4">
+                                <div>
+                                    <label for="dateMask1" class="text-white-dark">x-mask="'##/##/####'"
+                                        (dd/mm/yyyy)</label>
+                                    <input id="dateMask1" type="text" placeholder="__/__/____" class="form-input"
+                                        x-mask="99/99/9999" />
+                                </div>
+                                <div>
+                                    <label for="dateMask2" class="text-white-dark">x-mask="'##-##-####'"
+                                        (99-99-9999)</label>
+                                    <input id="dateMask2" type="text" placeholder="__-__-____" class="form-input"
+                                        x-mask="99-99-9999" />
+                                </div>
+                                <div>
+                                    <label for="dateMask3" class="text-white-dark">x-mask="'## December, ####'" (99
+                                        December, 9999)</label>
+                                    <input id="dateMask3" type="text" placeholder="__ December, ____"
+                                        class="form-input" x-mask="99 December, 9999" />
+                                </div>
+                            </fieldset>
+                        </form>
+                    </div>
+                    <template x-if="codeArr.includes('code4')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- date --&gt;
+    &lt;form&gt;
+        &lt;fieldset class=&quot;grid grid-cols-1 md:grid-cols-3 gap-4&quot;&gt;
+            &lt;div&gt;
+                &lt;label for=&quot;dateMask1&quot; class=&quot;text-white-dark&quot;&gt;x-mask=&quot;'##/##/####'&quot; (dd/mm/yyyy)&lt;/label&gt;
+                &lt;input id=&quot;dateMask1&quot; type=&quot;text&quot; placeholder=&quot;__/__/____&quot; class=&quot;form-input&quot; x-mask=&quot;99/99/9999&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;label for=&quot;dateMask2&quot; class=&quot;text-white-dark&quot;&gt;x-mask=&quot;'##-##-####'&quot; (99-99-9999)&lt;/label&gt;
+                &lt;input id=&quot;dateMask2&quot; type=&quot;text&quot; placeholder=&quot;__-__-____&quot; class=&quot;form-input&quot; x-mask=&quot;99-99-9999&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;label for=&quot;dateMask3&quot; class=&quot;text-white-dark&quot;&gt;x-mask=&quot;'## December, ####'&quot; (99 December, 9999)&lt;/label&gt;
+                &lt;input id=&quot;dateMask3&quot; type=&quot;text&quot; placeholder=&quot;__ December, ____&quot; class=&quot;form-input&quot; x-mask=&quot;99 December, 9999&quot; /&gt;
+            &lt;/div&gt;
+        &lt;/fieldset&gt;
+    &lt;/form&gt;
+    </pre>
+                    </template>
+                </div>
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">IP</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code5')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <form>
+                            <fieldset>
+                                <label for="ipMask" class="text-white-dark">x-mask="'###.###.###.###'"
+                                    (192.198.1.1)</label>
+                                <input id="ipMask" type="text" placeholder="___.___.___.___"
+                                    class="form-input" x-mask="999.999.999.999" />
+                            </fieldset>
+                        </form>
+                    </div>
+                    <template x-if="codeArr.includes('code5')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- ip --&gt;
+    &lt;form&gt;
+        &lt;fieldset&gt;
+            &lt;label for=&quot;ipMask&quot; class=&quot;text-white-dark&quot;&gt;x-mask=&quot;'###.###.###.###'&quot; (192.198.1.1)&lt;/label&gt;
+            &lt;input id=&quot;ipMask&quot; type=&quot;text&quot; placeholder=&quot;___.___.___.___&quot; class=&quot;form-input&quot; x-mask=&quot;999.999.999.999&quot; /&gt;
+        &lt;/fieldset&gt;
+    &lt;/form&gt;
+    </pre>
+                    </template>
+                </div>
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Phone</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code6')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <form>
+                            <fieldset>
+                                <label for="phoneMask" class="text-white-dark">x-mask="'(###) ###-####'" ((999)
+                                    999-9999)</label>
+                                <input id="phoneMask" type="text" placeholder="(___) ___-____" class="form-input"
+                                    x-mask="(999) 999-9999" />
+                            </fieldset>
+                        </form>
+                    </div>
+                    <template x-if="codeArr.includes('code6')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- phone --&gt;
+    &lt;form&gt;
+        &lt;fieldset&gt;
+            &lt;label for=&quot;phoneMask&quot; class=&quot;text-white-dark&quot;&gt;x-mask=&quot;'(###) ###-####'&quot; ((999) 999-9999)&lt;/label&gt;
+            &lt;input id=&quot;phoneMask&quot; type=&quot;text&quot; placeholder=&quot;(___) ___-____&quot; class=&quot;form-input&quot; x-mask=&quot;(999) 999-9999&quot; /&gt;
+        &lt;/fieldset&gt;
+    &lt;/form&gt;
+    </pre>
+                    </template>
+                </div>
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Currency</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code7')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <form>
+                            <fieldset>
+                                <label for="currencyMask" class="text-white-dark">$999,9999,999.99</label>
+                                <input id="currencyMask" type="text" placeholder="$___,____,___.__"
+                                    class="form-input" x-mask="$999,9999,999.99" />
+                            </fieldset>
+                        </form>
+                    </div>
+                    <template x-if="codeArr.includes('code7')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- currency --&gt;
+    &lt;form&gt;
+        &lt;fieldset&gt;
+            &lt;label for=&quot;currencyMask&quot; class=&quot;text-white-dark&quot;&gt;$999,9999,999.99&lt;/label&gt;
+            &lt;input id=&quot;currencyMask&quot; type=&quot;text&quot; placeholder=&quot;$___,____,___.__&quot; class=&quot;form-input&quot; x-mask=&quot;$999,9999,999.99&quot; /&gt;
+        &lt;/fieldset&gt;
+    &lt;/form&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/forms/layouts.blade.php b/resources/views/forms/layouts.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..e74fbbeebef671eb2cb0d9d95bebf6a6947d101a
--- /dev/null
+++ b/resources/views/forms/layouts.blade.php
@@ -0,0 +1,706 @@
+<x-layout.default>
+
+    <div x-data="form">
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Forms</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Layouts</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 lg:grid-cols-2 gap-6">
+            <!-- Stack -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Stack Forms</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5">
+                        <div>
+                            <input type="email" placeholder="Enter Email" class="form-input" />
+                            <span class="text-white-dark text-[11px] inline-block mt-1">We'll never share your email
+                                with anyone else.</span>
+                        </div>
+                        <div>
+                            <input type="password" placeholder="Enter Password" class="form-input" />
+                        </div>
+                        <div>
+                            <label class="inline-flex items-center mt-1 cursor-pointer">
+                                <input type="checkbox" class="form-checkbox" />
+                                <span class="text-white-dark">Subscribe to weekly newsletter</span>
+                            </label>
+                        </div>
+                        <button type="submit" class="btn btn-primary !mt-6">Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- stack forms --&gt;
+    &lt;form class=&quot;space-y-5&quot;&gt;
+        &lt;div&gt;
+            &lt;input type=&quot;email&quot; placeholder=&quot;Enter Email&quot; class=&quot;form-input&quot; /&gt;
+            &lt;span class=&quot;text-white-dark text-[11px] inline-block mt-1&quot;&gt;We'll never share your email with anyone else.&lt;/span&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;input type=&quot;password&quot; placeholder=&quot;Enter Password&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label class=&quot;inline-flex items-center mt-1 cursor-pointer&quot;&gt;
+                &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox&quot; /&gt;
+                &lt;span class=&quot;text-white-dark"&quot;&gt;Subscribe to weekly newsletter&lt;/span&gt;
+            &lt;/label&gt;
+        &lt;/div&gt;
+        &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary !mt-6&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Horizontal -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Horizontal form</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5">
+                        <div class="flex sm:flex-row flex-col ">
+                            <label for="horizontalEmail" class="mb-0 sm:w-1/4 sm:ltr:mr-2 rtl:ml-2">Email</label>
+                            <input id="horizontalEmail" type="email" placeholder="Enter Email"
+                                class="form-input flex-1" />
+                        </div>
+                        <div class="flex sm:flex-row flex-col ">
+                            <label for="horizontalPassword" class="mb-0 sm:w-1/4 sm:ltr:mr-2 rtl:ml-2">Password</label>
+                            <input id="horizontalPassword" type="password" placeholder="Enter Password"
+                                class="form-input flex-1" />
+                        </div>
+                        <div class="flex sm:flex-row flex-col">
+                            <label class="sm:w-1/4 sm:ltr:mr-2 rtl:ml-2">Choose Segements</label>
+                            <div class="flex-1">
+                                <div class="mb-2">
+                                    <label class="inline-flex mt-1 cursor-pointer">
+                                        <input type="radio" name="segements" class="form-radio" />
+                                        <span class="text-white-dark">Segements 1</span>
+                                    </label>
+                                </div>
+                                <div class="mb-2">
+                                    <label class="inline-flex mt-1 cursor-pointer">
+                                        <input type="radio" name="segements" class="form-radio" />
+                                        <span class="text-white-dark">Segements 2</span>
+                                    </label>
+                                </div>
+                                <div>
+                                    <label class="inline-flex mt-1">
+                                        <input type="radio" name="segements" class="form-radio" disabled />
+                                        <span class="text-white-dark">Segements 3 ( disabled )</span>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex sm:flex-row flex-col">
+                            <label class="font-semibold sm:w-1/4 sm:ltr:mr-2 rtl:ml-2">Apply</label>
+                            <label class="inline-flex mb-0 cursor-pointer">
+                                <input type="checkbox" class="form-checkbox" />
+                                <span class="text-white-dark">Terms Conditions</span>
+                            </label>
+                        </div>
+                        <button type="submit" class="btn btn-primary !mt-6">Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- horizontal form --&gt;
+    &lt;form class=&quot;space-y-5&quot;&gt;
+        &lt;div class=&quot;flex sm:flex-row flex-col&quot;&gt;
+            &lt;label for=&quot;horizontalEmail&quot; class=&quot;mb-0 sm:w-1/4 sm:ltr:mr-2 rtl:ml-2&quot;&gt;Email&lt;/label&gt;
+            &lt;input id=&quot;horizontalEmail&quot; type=&quot;email&quot; placeholder=&quot;Enter Email&quot; class=&quot;form-input flex-1&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex sm:flex-row flex-col&quot;&gt;
+            &lt;label for=&quot;horizontalPassword&quot; class=&quot;mb-0 sm:w-1/4 sm:ltr:mr-2 rtl:ml-2&quot;&gt;Password&lt;/label&gt;
+            &lt;input id=&quot;horizontalPassword&quot; type=&quot;password&quot; placeholder=&quot;Enter Password&quot; class=&quot;form-input flex-1&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex sm:flex-row flex-col&quot;&gt;
+            &lt;label class=&quot;sm:w-1/4 sm:ltr:mr-2 rtl:ml-2&quot;&gt;Choose Segements&lt;/label&gt;
+            &lt;div class=&quot;flex-1&quot;&gt;
+                &lt;div class=&quot;mb-2&quot;&gt;
+                    &lt;label class=&quot;inline-flex mt-1 cursor-pointer&quot;&gt;
+                        &lt;input type=&quot;radio&quot; name=&quot;segements&quot; class=&quot;form-radio&quot; /&gt;
+                        &lt;span class=&quot;text-white-dark"&quot;&gt;Segements 1&lt;/span&gt;
+                    &lt;/label&gt;
+                &lt;/div&gt;
+                &lt;div class=&quot;mb-2&quot;&gt;
+                    &lt;label class=&quot;inline-flex mt-1 cursor-pointer&quot;&gt;
+                        &lt;input type=&quot;radio&quot; name=&quot;segements&quot; class=&quot;form-radio&quot; /&gt;
+                        &lt;span class=&quot;text-white-dark"&quot;&gt;Segements 2&lt;/span&gt;
+                    &lt;/label&gt;
+                &lt;/div&gt;
+                &lt;div&gt;
+                    &lt;label class=&quot;inline-flex mt-1&quot;&gt;
+                        &lt;input type=&quot;radio&quot; name=&quot;segements&quot; class=&quot;form-radio&quot; disabled /&gt;
+                        &lt;span class=&quot;text-white-dark"&quot;&gt;Segements 3 ( disabled )&lt;/span&gt;
+                    &lt;/label&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex sm:flex-row flex-col&quot;&gt;
+            &lt;label class=&quot;font-semibold text-white-dark sm:w-1/4 sm:ltr:mr-2 rtl:ml-2&quot;&gt;Apply&lt;/label&gt;
+            &lt;label class=&quot;inline-flex mb-0 cursor-pointer&quot;&gt;
+                &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox&quot; /&gt;
+                &lt;span class=&quot;text-white-dark" relative&quot;&gt;Terms Conditions&lt;/span&gt;
+            &lt;/label&gt;
+        &lt;/div&gt;
+        &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary !mt-6&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Registration -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Registration Forms</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5">
+                        <div>
+                            <input type="email" placeholder="Enter Email Address *" class="form-input" />
+                        </div>
+                        <div>
+                            <input type="password" placeholder="Enter Password *" class="form-input" />
+                        </div>
+                        <div>
+                            <input type="password" placeholder="Enter Confirm Password *" class="form-input" />
+                        </div>
+                        <div class="!mt-2">
+                            <span class="text-white-dark text-[11px] inline-block">*Required Fields</span>
+                        </div>
+                        <div>
+                            <label class="inline-flex cursor-pointer">
+                                <input type="checkbox" class="form-checkbox" />
+                                <span class="text-white-dark">Subscribe to weekly newsletter</span>
+                            </label>
+                        </div>
+                        <button type="submit" class="btn btn-primary !mt-6">Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- registration form --&gt;
+    &lt;form class=&quot;space-y-5&quot;&gt;
+        &lt;div&gt;
+            &lt;input type=&quot;email&quot; placeholder=&quot;Enter Email Address *&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;input type=&quot;password&quot; placeholder=&quot;Enter Password *&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;input type=&quot;password&quot; placeholder=&quot;Enter Confirm Password *&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;!mt-2&quot;&gt;
+            &lt;span class=&quot;text-white-dark text-[11px] inline-block&quot;&gt;*Required Fields&lt;/span&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label class=&quot;inline-flex cursor-pointer&quot;&gt;
+                &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox&quot; /&gt;
+                &lt;span class=&quot;text-white-dark"&quot;&gt;Subscribe to weekly newsletter&lt;/span&gt;
+            &lt;/label&gt;
+        &lt;/div&gt;
+        &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary !mt-6&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Login -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Login Forms</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code4')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5">
+                        <div>
+                            <input type="text" placeholder="Enter Full Name *" class="form-input" />
+                        </div>
+                        <div>
+                            <input type="email" placeholder="Enter Email Address *" class="form-input" />
+                        </div>
+                        <div>
+                            <input type="password" placeholder="Enter Password *" class="form-input" />
+                        </div>
+                        <div class="!mt-2">
+                            <span class="text-white-dark text-[11px] inline-block">*Required Fields</span>
+                        </div>
+                        <button type="submit" class="btn btn-primary !mt-6">Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code4')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- login form --&gt;
+    &lt;form class=&quot;space-y-5&quot;&gt;
+        &lt;div&gt;
+            &lt;input type=&quot;text&quot; placeholder=&quot;Enter Full Name *&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;input type=&quot;email&quot; placeholder=&quot;Enter Email address *&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;input type=&quot;password&quot; placeholder=&quot;Enter Password *&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;!mt-2&quot;&gt;
+            &lt;span class=&quot;text-white-dark text-[11px] inline-block&quot;&gt;*Required Fields&lt;/span&gt;
+        &lt;/div&gt;
+        &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary !mt-6&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Grid -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Forms Grid</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code5')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5">
+                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                            <div>
+                                <label for="gridEmail">Email</label>
+                                <input id="gridEmail" type="email" placeholder="Enter Email" class="form-input" />
+                            </div>
+                            <div>
+                                <label for="gridPassword">Password</label>
+                                <input id="gridPassword" type="Password" placeholder="Enter Password"
+                                    class="form-input" />
+                            </div>
+                        </div>
+                        <div>
+                            <label for="gridAddress1">Address</label>
+                            <input id="gridAddress1" type="text" placeholder="Enter Address" value="1234 Main St"
+                                class="form-input" />
+                        </div>
+                        <div>
+                            <label for="gridAddress2">Address2</label>
+                            <input id="gridAddress2" type="text" placeholder="Enter Address2"
+                                value="Apartment, studio, or floor" class="form-input" />
+                        </div>
+                        <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4">
+                            <div class="md:col-span-2">
+                                <label for="gridCity">City</label>
+                                <input id="gridCity" type="text" placeholder="Enter City" class="form-input" />
+                            </div>
+                            <div>
+                                <label for="gridState">State</label>
+                                <select id="gridState" class="form-select text-white-dark">
+                                    <option>Choose...</option>
+                                    <option>...</option>
+                                </select>
+                            </div>
+                            <div>
+                                <label for="gridZip">Zip</label>
+                                <input id="gridZip" type="text" placeholder="Enter Zip" class="form-input" />
+                            </div>
+                        </div>
+                        <div>
+                            <label class="flex items-center mt-1 cursor-pointer">
+                                <input type="checkbox" class="form-checkbox" />
+                                <span class="text-white-dark">Check me out</span>
+                            </label>
+                        </div>
+                        <button type="submit" class="btn btn-primary !mt-6">Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code5')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- forms grid --&gt;
+    &lt;form class=&quot;space-y-5&quot;&gt;
+        &lt;div class=&quot;grid grid-cols-1 sm:grid-cols-2 gap-4&quot;&gt;
+            &lt;div&gt;
+                &lt;label for=&quot;gridEmail&quot;&gt;Email&lt;/label&gt;
+                &lt;input id=&quot;gridEmail&quot; type=&quot;email&quot; placeholder=&quot;Enter Email&quot; class=&quot;form-input&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;label for=&quot;gridPassword&quot;&gt;Password&lt;/label&gt;
+                &lt;input id=&quot;gridPassword&quot; type=&quot;Password&quot; placeholder=&quot;Enter Password&quot; class=&quot;form-input&quot; /&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label for=&quot;gridAddress1&quot;&gt;Address&lt;/label&gt;
+            &lt;input id=&quot;gridAddress1&quot; type=&quot;text&quot; placeholder=&quot;Enter Address&quot; value=&quot;1234 Main St&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label for=&quot;gridAddress2&quot;&gt;Address2&lt;/label&gt;
+            &lt;input id=&quot;gridAddress2&quot; type=&quot;text&quot; placeholder=&quot;Enter Address2&quot; value=&quot;Apartment, studio, or floor&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4&quot;&gt;
+            &lt;div class=&quot;md:col-span-2&quot;&gt;
+                &lt;label for=&quot;gridCity&quot;&gt;City&lt;/label&gt;
+                &lt;input id=&quot;gridCity&quot; type=&quot;text&quot; placeholder=&quot;Enter City&quot; class=&quot;form-input&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;label for=&quot;gridState&quot;&gt;State&lt;/label&gt;
+                &lt;select id=&quot;gridState&quot; class=&quot;form-select text-white-dark&quot;&gt;
+                    &lt;option&gt;Choose...&lt;/option&gt;
+                    &lt;option&gt;...&lt;/option&gt;
+                &lt;/select&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;label for=&quot;gridZip&quot;&gt;Zip&lt;/label&gt;
+                &lt;input id=&quot;gridZip&quot; type=&quot;text&quot; placeholder=&quot;Enter Zip&quot; class=&quot;form-input&quot; /&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label class=&quot;flex items-center mt-1 cursor-pointer&quot;&gt;
+                &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox&quot; /&gt;
+                &lt;span class=&quot;text-white-dark"&quot;&gt;Check me out&lt;/span&gt;
+            &lt;/label&gt;
+        &lt;/div&gt;
+        &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary !mt-6&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Inline -->
+            <div class="panel lg:col-span-2">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Inline Forms</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code6')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <div class="flex flex-col md:flex-row gap-4 items-center max-w-[900px] mx-auto">
+                            <input type="email" placeholder="Jane Doe" class="form-input flex-1" />
+                            <div class="flex flex-1">
+                                <div
+                                    class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                    @</div>
+                                <input type="text" placeholder="Username"
+                                    class="form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                            </div>
+                            <div>
+                                <label class="flex items-center">
+                                    <input type="checkbox" class="form-checkbox" />
+                                    <span class="text-white-dark">Remember me</span>
+                                </label>
+                            </div>
+                            <button type="submit" class="btn btn-primary py-2.5">Submit</button>
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code6')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- inline form --&gt;
+    &lt;form&gt;
+        &lt;div class=&quot;flex flex-col md:flex-row gap-4 items-center max-w-[900px] mx-auto&quot;&gt;
+            &lt;input type=&quot;email&quot; placeholder=&quot;Jane Doe&quot; class=&quot;form-input flex-1&quot; /&gt;
+            &lt;div class=&quot;flex flex-1&quot;&gt;
+                &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;@&lt;/div&gt;
+                &lt;input type=&quot;text&quot; placeholder=&quot;Username&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;label class=&quot;flex items-center&quot;&gt;
+                    &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox&quot; /&gt;
+                    &lt;span class=&quot;text-white-dark&quot;&gt;Remember me&lt;/span&gt;
+                &lt;/label&gt;
+            &lt;/div&gt;
+            &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary py-2.5&quot;&gt;Submit&lt;/button&gt;
+        &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Auto-sizing -->
+            <div class="panel lg:col-span-2">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Auto-sizing</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code7')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form>
+                        <div class="flex flex-col md:flex-row gap-4 items-center max-w-[900px] mx-auto">
+                            <input type="email" placeholder="Jane Doe" class="form-input flex-1" />
+                            <div class="flex flex-1">
+                                <div
+                                    class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                    @</div>
+                                <input type="text" placeholder="Username"
+                                    class="form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                            </div>
+                            <div>
+                                <label class="flex items-center cursor-pointer">
+                                    <input type="checkbox" class="form-checkbox" />
+                                    <span class="text-white-dark">Remember me</span>
+                                </label>
+                            </div>
+                            <button type="submit" class="btn btn-primary py-2.5">Submit</button>
+                        </div>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code7')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- auto sizing--&gt;
+    &lt;form&gt;
+    &lt;div class=&quot;flex flex-col md:flex-row gap-4 items-center max-w-[900px] mx-auto&quot;&gt;
+        &lt;input type=&quot;email&quot; placeholder=&quot;Jane Doe&quot; class=&quot;form-input flex-1&quot; /&gt;
+        &lt;div class=&quot;flex flex-1&quot;&gt;
+            &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;@&lt;/div&gt;
+            &lt;input type=&quot;text&quot; placeholder=&quot;Username&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label class=&quot;flex items-center cursor-pointer&quot;&gt;
+                &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox&quot; /&gt;
+                &lt;span class=&quot;text-white-dark&quot;&gt;Remember me&lt;/span&gt;
+            &lt;/label&gt;
+        &lt;/div&gt;
+        &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary py-2.5&quot;&gt;Submit&lt;/button&gt;
+    &lt;/div&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Actions Buttons -->
+            <div class="panel lg:row-start-3 lg:col-start-2">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Actions Buttons</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code8')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5">
+                        <div>
+                            <label for="actionName">Full Name:</label>
+                            <input id="actionName" type="text" placeholder="Enter Full Name"
+                                class="form-input" />
+                        </div>
+                        <div>
+                            <label for="actionEmail">Email:</label>
+                            <div class="flex flex-1">
+                                <div
+                                    class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                    @</div>
+                                <input id="actionEmail" type="email" placeholder=""
+                                    class="form-input ltr:rounded-l-none rtl:rounded-r-none" />
+                            </div>
+                        </div>
+                        <div>
+                            <label for="actionWeb">Website:</label>
+                            <input id="actionWeb" type="text" placeholder="https://" class="form-input" />
+                        </div>
+                        <div>
+                            <label for="actionPassword">Password:</label>
+                            <input id="actionPassword" type="password" placeholder="Enter Password"
+                                class="form-input" />
+                        </div>
+                        <div>
+                            <label for="actionCpass">Confirm Password:</label>
+                            <input id="actionCpass" type="password" placeholder="Enter Confirm Password"
+                                class="form-input" />
+                        </div>
+                        <button type="submit" class="btn btn-primary !mt-6">Submit</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code8')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- action button --&gt;
+    &lt;form class=&quot;space-y-5&quot;&gt;
+        &lt;div&gt;
+            &lt;label for=&quot;actionName&quot;&gt;Full Name:&lt;/label&gt;
+            &lt;input id=&quot;actionName&quot; type=&quot;text&quot; placeholder=&quot;Enter Full Name&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label for=&quot;actionEmail&quot;&gt;Email:&lt;/label&gt;
+            &lt;div class=&quot;flex flex-1&quot;&gt;
+                &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;@&lt;/div&gt;
+                &lt;input id=&quot;actionEmail&quot; type=&quot;email&quot; placeholder=&quot;&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; /&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label for=&quot;actionWeb&quot;&gt;Website:&lt;/label&gt;
+            &lt;input id=&quot;actionWeb&quot; type=&quot;text&quot; placeholder=&quot;https://&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label for=&quot;actionPassword&quot;&gt;Password:&lt;/label&gt;
+            &lt;input id=&quot;actionPassword&quot; type=&quot;password&quot; placeholder=&quot;Enter Password&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+            &lt;label for=&quot;actionCpass&quot;&gt;Confirm Password:&lt;/label&gt;
+            &lt;input id=&quot;actionCpass&quot; type=&quot;password&quot; placeholder=&quot;Enter Confirm Password&quot; class=&quot;form-input&quot; /&gt;
+        &lt;/div&gt;
+        &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary !mt-6&quot;&gt;Submit&lt;/button&gt;
+    &lt;/form&gt;
+    </pre>
+                </template>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                },
+                get searchResults() {
+                    return this.items.filter(item => {
+                        return item.name.toLowerCase().includes(this.search
+                        .toLowerCase()) || item.email.toLowerCase().includes(this.search
+                                .toLowerCase()) || item.status.toLowerCase().includes(this
+                                .search.toLowerCase());
+                    });
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/forms/markdown-editor.blade.php b/resources/views/forms/markdown-editor.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..66d0b2feccb430cc30bb793aad06aa5f41487963
--- /dev/null
+++ b/resources/views/forms/markdown-editor.blade.php
@@ -0,0 +1,217 @@
+<x-layout.default>
+
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/easymde.min.css') }}">
+    <script src="/assets/js/easymde.min.js"></script>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Forms</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Markdown Editor</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8" x-data="form">
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a href="https://www.npmjs.com/package/easymde"
+                    target="_blank" class="block hover:underline">https://www.npmjs.com/package/easymde</a>
+            </div>
+
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- Basic -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="markdown-editor mb-5 rtl:text-right prose dark:prose-invert">
+                        <textarea id="mde-basic"></textarea>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;textarea id=&quot;mde-basic&quot;&gt;&lt;/textarea&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        const easyMDE = new EasyMDE({
+            element: document.getElementById('mde-basic'),
+            initialValue: `# Basic Example
+    Go ahead, play around with the editor! Be sure to check out **bold** and *italic* styling, or even[links](https://google.com). You can type the Markdown syntax, use the toolbar, or use shortcuts like 'cmd-b' or 'ctrl-b'.
+
+    ## Lists
+    Unordered lists can be started using the toolbar or by typing '*', '-', or '+'. Ordered lists can be started by typing '1.'.
+
+    #### Unordered
+    * Lists are a piece of cake
+    * They even auto continue as you type
+    * A double enter will end them
+    * Tabs and shift - tabs work too
+
+    #### Ordered
+    1. Numbered lists...
+    2. ...work too!
+
+    ## What about images?
+    ![Yes](https://i.imgur.com/sZlktY7.png)
+    `,
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Autosaving -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Autosaving</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="markdown-editor mb-5 rtl:text-right prose dark:prose-invert">
+                        <textarea id="mde-autosave"></textarea>
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;textarea id=&quot;mde-autosave&quot;&gt;&lt;/textarea&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        const easymde1 = new EasyMDE({
+            element: document.getElementById('mde-autosave'),
+            autosave: {
+                enabled: true,
+                delay: 1000,
+                uniqueId: 'mde-autosave-demo'
+            },
+            initialValue: `
+    # Autosaving!
+
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+    By default, it saves every 10 seconds, but this can be changed. When this textarea is included in a form, it will automatically forget the saved value when the form is submitted.
+    `,
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        // basic
+        const easyMDE = new EasyMDE({
+            element: document.getElementById('mde-basic'),
+            initialValue: `# Basic Example
+    Go ahead, play around with the editor! Be sure to check out **bold** and *italic* styling, or even[links](https://google.com). You can type the Markdown syntax, use the toolbar, or use shortcuts like 'cmd-b' or 'ctrl-b'.
+
+    ## Lists
+    Unordered lists can be started using the toolbar or by typing '*', '-', or '+'. Ordered lists can be started by typing '1.'.
+
+    #### Unordered
+    * Lists are a piece of cake
+    * They even auto continue as you type
+    * A double enter will end them
+    * Tabs and shift - tabs work too
+
+    #### Ordered
+    1. Numbered lists...
+    2. ...work too!
+
+    ## What about images?
+    ![Yes](https://i.imgur.com/sZlktY7.png)
+    `,
+        });
+
+        // autosave
+        const easymde1 = new EasyMDE({
+            element: document.getElementById('mde-autosave'),
+            autosave: {
+                enabled: true,
+                delay: 1000,
+                uniqueId: 'mde-autosave-demo'
+            },
+            initialValue: `
+    # Autosaving!
+
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+    By default, it saves every 10 seconds, but this can be changed. When this textarea is included in a form, it will automatically forget the saved value when the form is submitted.
+    `,
+        });
+
+        // alpine
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/forms/quill-editor.blade.php b/resources/views/forms/quill-editor.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..d3a3bc92bd8b65e1c139a5551ec0664f42a015f7
--- /dev/null
+++ b/resources/views/forms/quill-editor.blade.php
@@ -0,0 +1,276 @@
+<x-layout.default>
+
+
+    <link rel="stylesheet" type="text/css" href="{{ Vite::asset('resources/css/quill.snow.css') }}" />
+    <script src="/assets/js/quill.js"></script>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Forms</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Quill Editor</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8" x-data="form">
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a href="https://www.npmjs.com/package/quilljs"
+                    target="_blank" class="block hover:underline">https://www.npmjs.com/package/quilljs</a>
+            </div>
+
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- Basic -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div id="editor">
+                            <h1>This is a heading text...</h1>
+                            <br />
+                            <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dui arcu, pellentesque id
+                                mattis sed, mattis semper erat. Etiam commodo arcu a mollis consequat. Curabitur pretium
+                                auctor tortor, bibendum placerat elit feugiat et. Ut ac turpis nec dui ullamcorper
+                                ornare. Vestibulum finibus quis magna at accumsan. Praesent a purus vitae tortor
+                                fringilla tempus vel non purus. Suspendisse eleifend nibh porta dolor ullamcorper
+                                laoreet. Ut sit amet ipsum vitae lectus pharetra tincidunt. In ipsum quam, iaculis at
+                                erat ut, fermentum efficitur ipsum. Nunc odio diam, fringilla in auctor et, scelerisque
+                                at lorem. Sed convallis tempor dolor eu dictum. Cras ornare ornare imperdiet.
+                                Pellentesque sagittis lacus non libero fringilla faucibus. Aenean ullamcorper enim et
+                                metus vestibulum, eu aliquam nunc placerat. Praesent fringilla dolor sit amet leo
+                                pulvinar semper. </p>
+                            <br />
+                            <p> Curabitur vel tincidunt dui. Duis vestibulum eget velit sit amet aliquet. Curabitur
+                                vitae cursus ex. Aliquam pulvinar vulputate ullamcorper. Maecenas luctus in eros et
+                                aliquet. Cras auctor luctus nisl a consectetur. Morbi hendrerit nisi nunc, quis egestas
+                                nibh consectetur nec. Aliquam vel lorem enim. Vestibulum ante ipsum primis in faucibus
+                                orci luctus et ultrices posuere cubilia Curae; Nunc placerat, enim quis varius luctus,
+                                enim arcu tincidunt purus, in vulputate tortor mi a tortor. Praesent porta ornare
+                                fermentum. Praesent sed ligula at ante tempor posuere a at lorem. </p>
+                            <br />
+                            <p> Curabitur vel tincidunt dui. Duis vestibulum eget velit sit amet aliquet. Curabitur
+                                vitae cursus ex. Aliquam pulvinar vulputate ullamcorper. Maecenas luctus in eros et
+                                aliquet. Cras auctor luctus nisl a consectetur. Morbi hendrerit nisi nunc, quis egestas
+                                nibh consectetur nec. Aliquam vel lorem enim. Vestibulum ante ipsum primis in faucibus
+                                orci luctus et ultrices posuere cubilia Curae; Nunc placerat, enim quis varius luctus,
+                                enim arcu tincidunt purus, in vulputate tortor mi a tortor. Praesent porta ornare
+                                fermentum. Praesent sed ligula at ante tempor posuere a at lorem. </p>
+                            <br />
+                            <p> Aliquam diam felis, vehicula ut ipsum eu, consectetur tincidunt ipsum. Vestibulum sed
+                                metus ac nisi tincidunt mollis sed non urna. Vivamus lacinia ullamcorper interdum. Sed
+                                sed erat vel leo venenatis pretium. Sed aliquet sem nunc, ut iaculis dolor consectetur
+                                et. Vivamus ligula sapien, maximus nec pellentesque ut, imperdiet at libero. Vivamus
+                                semper nulla lectus, id dapibus nulla convallis id. Quisque elementum lectus ac dui
+                                gravida, ut molestie nunc convallis. Pellentesque et odio non dolor convallis commodo
+                                sit amet a ante. </p>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;div id=&quot;editor&quot;&gt;
+        &lt;h1&gt;This is a heading text...&lt;/h1&gt;
+        &lt;br /&gt;
+        &lt;p&gt; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dui arcu, pellentesque id mattis sed, mattis semper erat. Etiam commodo arcu a mollis consequat. Curabitur pretium auctor tortor, bibendum placerat elit feugiat et. Ut ac turpis nec dui ullamcorper ornare. Vestibulum finibus quis magna at accumsan. Praesent a purus vitae tortor fringilla tempus vel non purus. Suspendisse eleifend nibh porta dolor ullamcorper laoreet. Ut sit amet ipsum vitae lectus pharetra tincidunt. In ipsum quam, iaculis at erat ut, fermentum efficitur ipsum. Nunc odio diam, fringilla in auctor et, scelerisque at lorem. Sed convallis tempor dolor eu dictum. Cras ornare ornare imperdiet. Pellentesque sagittis lacus non libero fringilla faucibus. Aenean ullamcorper enim et metus vestibulum, eu aliquam nunc placerat. Praesent fringilla dolor sit amet leo pulvinar semper. &lt;/p&gt;
+        &lt;br /&gt;
+        &lt;p&gt; Curabitur vel tincidunt dui. Duis vestibulum eget velit sit amet aliquet. Curabitur vitae cursus ex. Aliquam pulvinar vulputate ullamcorper. Maecenas luctus in eros et aliquet. Cras auctor luctus nisl a consectetur. Morbi hendrerit nisi nunc, quis egestas nibh consectetur nec. Aliquam vel lorem enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc placerat, enim quis varius luctus, enim arcu tincidunt purus, in vulputate tortor mi a tortor. Praesent porta ornare fermentum. Praesent sed ligula at ante tempor posuere a at lorem. &lt;/p&gt;
+        &lt;br /&gt;
+        &lt;p&gt; Curabitur vel tincidunt dui. Duis vestibulum eget velit sit amet aliquet. Curabitur vitae cursus ex. Aliquam pulvinar vulputate ullamcorper. Maecenas luctus in eros et aliquet. Cras auctor luctus nisl a consectetur. Morbi hendrerit nisi nunc, quis egestas nibh consectetur nec. Aliquam vel lorem enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc placerat, enim quis varius luctus, enim arcu tincidunt purus, in vulputate tortor mi a tortor. Praesent porta ornare fermentum. Praesent sed ligula at ante tempor posuere a at lorem. &lt;/p&gt;
+        &lt;br /&gt;
+        &lt;p&gt; Aliquam diam felis, vehicula ut ipsum eu, consectetur tincidunt ipsum. Vestibulum sed metus ac nisi tincidunt mollis sed non urna. Vivamus lacinia ullamcorper interdum. Sed sed erat vel leo venenatis pretium. Sed aliquet sem nunc, ut iaculis dolor consectetur et. Vivamus ligula sapien, maximus nec pellentesque ut, imperdiet at libero. Vivamus semper nulla lectus, id dapibus nulla convallis id. Quisque elementum lectus ac dui gravida, ut molestie nunc convallis. Pellentesque et odio non dolor convallis commodo sit amet a ante. &lt;/p&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        new Quill('#editor', {
+            theme: 'snow'
+        });
+        var toolbar = quill.container.previousSibling;
+        toolbar.querySelector('.ql-picker').setAttribute('title', 'Font Size');
+        toolbar.querySelector('button.ql-bold').setAttribute('title', 'Bold');
+        toolbar.querySelector('button.ql-italic').setAttribute('title', 'Italic');
+        toolbar.querySelector('button.ql-link').setAttribute('title', 'Link');
+        toolbar.querySelector('button.ql-underline').setAttribute('title', 'Underline');
+        toolbar.querySelector('button.ql-clean').setAttribute('title', 'Clear Formatting');
+        toolbar.querySelector('[value=ordered]').setAttribute('title', 'Ordered List');
+        toolbar.querySelector('[value=bullet]').setAttribute('title', 'Bullet List');
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- With Tooltip -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">With Tooltip</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div id="editor1">
+                            <h1>This is a heading text...</h1>
+                            <br />
+                            <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dui arcu, pellentesque id
+                                mattis sed, mattis semper erat. Etiam commodo arcu a mollis consequat. Curabitur pretium
+                                auctor tortor, bibendum placerat elit feugiat et. Ut ac turpis nec dui ullamcorper
+                                ornare. Vestibulum finibus quis magna at accumsan. Praesent a purus vitae tortor
+                                fringilla tempus vel non purus. Suspendisse eleifend nibh porta dolor ullamcorper
+                                laoreet. Ut sit amet ipsum vitae lectus pharetra tincidunt. In ipsum quam, iaculis at
+                                erat ut, fermentum efficitur ipsum. Nunc odio diam, fringilla in auctor et, scelerisque
+                                at lorem. Sed convallis tempor dolor eu dictum. Cras ornare ornare imperdiet.
+                                Pellentesque sagittis lacus non libero fringilla faucibus. Aenean ullamcorper enim et
+                                metus vestibulum, eu aliquam nunc placerat. Praesent fringilla dolor sit amet leo
+                                pulvinar semper. </p>
+                            <br />
+                            <p> Curabitur vel tincidunt dui. Duis vestibulum eget velit sit amet aliquet. Curabitur
+                                vitae cursus ex. Aliquam pulvinar vulputate ullamcorper. Maecenas luctus in eros et
+                                aliquet. Cras auctor luctus nisl a consectetur. Morbi hendrerit nisi nunc, quis egestas
+                                nibh consectetur nec. Aliquam vel lorem enim. Vestibulum ante ipsum primis in faucibus
+                                orci luctus et ultrices posuere cubilia Curae; Nunc placerat, enim quis varius luctus,
+                                enim arcu tincidunt purus, in vulputate tortor mi a tortor. Praesent porta ornare
+                                fermentum. Praesent sed ligula at ante tempor posuere a at lorem. </p>
+                            <br />
+                            <p> Curabitur vel tincidunt dui. Duis vestibulum eget velit sit amet aliquet. Curabitur
+                                vitae cursus ex. Aliquam pulvinar vulputate ullamcorper. Maecenas luctus in eros et
+                                aliquet. Cras auctor luctus nisl a consectetur. Morbi hendrerit nisi nunc, quis egestas
+                                nibh consectetur nec. Aliquam vel lorem enim. Vestibulum ante ipsum primis in faucibus
+                                orci luctus et ultrices posuere cubilia Curae; Nunc placerat, enim quis varius luctus,
+                                enim arcu tincidunt purus, in vulputate tortor mi a tortor. Praesent porta ornare
+                                fermentum. Praesent sed ligula at ante tempor posuere a at lorem. </p>
+                            <br />
+                            <p> Aliquam diam felis, vehicula ut ipsum eu, consectetur tincidunt ipsum. Vestibulum sed
+                                metus ac nisi tincidunt mollis sed non urna. Vivamus lacinia ullamcorper interdum. Sed
+                                sed erat vel leo venenatis pretium. Sed aliquet sem nunc, ut iaculis dolor consectetur
+                                et. Vivamus ligula sapien, maximus nec pellentesque ut, imperdiet at libero. Vivamus
+                                semper nulla lectus, id dapibus nulla convallis id. Quisque elementum lectus ac dui
+                                gravida, ut molestie nunc convallis. Pellentesque et odio non dolor convallis commodo
+                                sit amet a ante. </p>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- with tooltip --&gt;
+    &lt;div id=&quot;editor1&quot;&gt;
+        &lt;h1&gt;This is a heading text...&lt;/h1&gt;
+        &lt;br /&gt;
+        &lt;p&gt; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dui arcu, pellentesque id mattis sed, mattis semper erat. Etiam commodo arcu a mollis consequat. Curabitur pretium auctor tortor, bibendum placerat elit feugiat et. Ut ac turpis nec dui ullamcorper ornare. Vestibulum finibus quis magna at accumsan. Praesent a purus vitae tortor fringilla tempus vel non purus. Suspendisse eleifend nibh porta dolor ullamcorper laoreet. Ut sit amet ipsum vitae lectus pharetra tincidunt. In ipsum quam, iaculis at erat ut, fermentum efficitur ipsum. Nunc odio diam, fringilla in auctor et, scelerisque at lorem. Sed convallis tempor dolor eu dictum. Cras ornare ornare imperdiet. Pellentesque sagittis lacus non libero fringilla faucibus. Aenean ullamcorper enim et metus vestibulum, eu aliquam nunc placerat. Praesent fringilla dolor sit amet leo pulvinar semper. &lt;/p&gt;
+        &lt;br /&gt;
+        &lt;p&gt; Curabitur vel tincidunt dui. Duis vestibulum eget velit sit amet aliquet. Curabitur vitae cursus ex. Aliquam pulvinar vulputate ullamcorper. Maecenas luctus in eros et aliquet. Cras auctor luctus nisl a consectetur. Morbi hendrerit nisi nunc, quis egestas nibh consectetur nec. Aliquam vel lorem enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc placerat, enim quis varius luctus, enim arcu tincidunt purus, in vulputate tortor mi a tortor. Praesent porta ornare fermentum. Praesent sed ligula at ante tempor posuere a at lorem. &lt;/p&gt;
+        &lt;br /&gt;
+        &lt;p&gt; Curabitur vel tincidunt dui. Duis vestibulum eget velit sit amet aliquet. Curabitur vitae cursus ex. Aliquam pulvinar vulputate ullamcorper. Maecenas luctus in eros et aliquet. Cras auctor luctus nisl a consectetur. Morbi hendrerit nisi nunc, quis egestas nibh consectetur nec. Aliquam vel lorem enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc placerat, enim quis varius luctus, enim arcu tincidunt purus, in vulputate tortor mi a tortor. Praesent porta ornare fermentum. Praesent sed ligula at ante tempor posuere a at lorem. &lt;/p&gt;
+        &lt;br /&gt;
+        &lt;p&gt; Aliquam diam felis, vehicula ut ipsum eu, consectetur tincidunt ipsum. Vestibulum sed metus ac nisi tincidunt mollis sed non urna. Vivamus lacinia ullamcorper interdum. Sed sed erat vel leo venenatis pretium. Sed aliquet sem nunc, ut iaculis dolor consectetur et. Vivamus ligula sapien, maximus nec pellentesque ut, imperdiet at libero. Vivamus semper nulla lectus, id dapibus nulla convallis id. Quisque elementum lectus ac dui gravida, ut molestie nunc convallis. Pellentesque et odio non dolor convallis commodo sit amet a ante. &lt;/p&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        var quill = new Quill('#editor1', {
+            theme: 'snow',
+        });
+        var toolbar = quill.container.previousSibling;
+        toolbar.querySelector('.ql-picker').setAttribute('title', 'Font Size');
+        toolbar.querySelector('button.ql-bold').setAttribute('title', 'Bold');
+        toolbar.querySelector('button.ql-italic').setAttribute('title', 'Italic');
+        toolbar.querySelector('button.ql-link').setAttribute('title', 'Link');
+        toolbar.querySelector('button.ql-underline').setAttribute('title', 'Underline');
+        toolbar.querySelector('button.ql-clean').setAttribute('title', 'Clear Formatting');
+        toolbar.querySelector('[value=ordered]').setAttribute('title', 'Ordered List');
+        toolbar.querySelector('[value=bullet]').setAttribute('title', 'Bullet List');
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        new Quill('#editor', {
+            theme: 'snow'
+        });
+        var quill = new Quill('#editor1', {
+            theme: 'snow',
+        });
+        var toolbar = quill.container.previousSibling;
+        toolbar.querySelector('.ql-picker').setAttribute('title', 'Font Size');
+        toolbar.querySelector('button.ql-bold').setAttribute('title', 'Bold');
+        toolbar.querySelector('button.ql-italic').setAttribute('title', 'Italic');
+        toolbar.querySelector('button.ql-link').setAttribute('title', 'Link');
+        toolbar.querySelector('button.ql-underline').setAttribute('title', 'Underline');
+        toolbar.querySelector('button.ql-clean').setAttribute('title', 'Clear Formatting');
+        toolbar.querySelector('[value=ordered]').setAttribute('title', 'Ordered List');
+        toolbar.querySelector('[value=bullet]').setAttribute('title', 'Bullet List');
+
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/forms/select2.blade.php b/resources/views/forms/select2.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..b236568b407bf4dcc11f7f5f61ea92899d373600
--- /dev/null
+++ b/resources/views/forms/select2.blade.php
@@ -0,0 +1,415 @@
+<x-layout.default>
+
+
+    <link rel='stylesheet' type='text/css' href='{{ Vite::asset('resources/css/nice-select2.css') }}'>
+
+    <div x-data="form">
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Forms</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Select2</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8">
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a
+                    href="https://www.npmjs.com/package/nice-select2" target="_blank"
+                    class="block hover:underline">https://www.npmjs.com/package/nice-select2</a>
+            </div>
+
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- Basic -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <select class="selectize">
+                            <option selected value="orange">Orange</option>
+                            <option value="White">White</option>
+                            <option value="Purple">Purple</option>
+                        </select>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;select class=&quot;selectize&quot;&gt;
+        &lt;option selected value=&quot;orange&quot;&gt;Orange&lt;/option&gt;
+        &lt;option value=&quot;White&quot;&gt;White&lt;/option&gt;
+        &lt;option value=&quot;Purple&quot;&gt;Purple&lt;/option&gt;
+    &lt;/select&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;DOMContentLoaded&quot;, function(e) {
+            // default
+            var els = document.querySelectorAll(&quot;.selectize&quot;);
+            els.forEach(function(select) {
+                NiceSelect.bind(select);
+            });
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Nested -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Nested</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <select class="selectize">
+                            <option disabled>Group 1</option>
+                            <option selected value="orange">Orange</option>
+                            <option value="White">White</option>
+                            <option value="Purple">Purple</option>
+                            <option disabled>Group 2</option>
+                            <option>Yellow</option>
+                            <option value="Red">Red</option>
+                            <option value="Green">Green</option>
+                            <option disabled>Group 3</option>
+                            <option>Aqua</option>
+                            <option value="Black">Black</option>
+                            <option value="Blue">Blue</option>
+                        </select>
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- nested --&gt;
+    &lt;select class=&quot;selectize&quot;&gt;
+        &lt;option disabled&gt;Group 1&lt;/option&gt;
+        &lt;option selected value=&quot;orange&quot;&gt;Orange&lt;/option&gt;
+        &lt;option value=&quot;White&quot;&gt;White&lt;/option&gt;
+        &lt;option value=&quot;Purple&quot;&gt;Purple&lt;/option&gt;
+        &lt;option disabled&gt;Group 2&lt;/option&gt;
+        &lt;option&gt;Yellow&lt;/option&gt;
+        &lt;option value=&quot;Red&quot;&gt;Red&lt;/option&gt;
+        &lt;option value=&quot;Green&quot;&gt;Green&lt;/option&gt;
+        &lt;option disabled&gt;Group 3&lt;/option&gt;
+        &lt;option&gt;Aqua&lt;/option&gt;
+        &lt;option value=&quot;Black&quot;&gt;Black&lt;/option&gt;
+        &lt;option value=&quot;Blue&quot;&gt;Blue&lt;/option&gt;
+    &lt;/select&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;DOMContentLoaded&quot;, function(e) {
+            // default
+            var els = document.querySelectorAll(&quot;.selectize&quot;);
+            els.forEach(function(select) {
+                NiceSelect.bind(select);
+            });
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Disabling options -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Disabling options</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code3')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <select class="selectize">
+                            <option selected value="orange">Orange</option>
+                            <option disabled value="White">White</option>
+                            <option value="Purple">Purple</option>
+                        </select>
+                    </div>
+                    <template x-if="codeArr.includes('code3')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- disabling options --&gt;
+    &lt;select class=&quot;selectize&quot;&gt;
+        &lt;option selected value=&quot;orange&quot;&gt;Orange&lt;/option&gt;
+        &lt;option disabled value=&quot;White&quot;&gt;White&lt;/option&gt;
+        &lt;option value=&quot;Purple&quot;&gt;Purple&lt;/option&gt;
+    &lt;/select&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;DOMContentLoaded&quot;, function(e) {
+            // default
+            var els = document.querySelectorAll(&quot;.selectize&quot;);
+            els.forEach(function(select) {
+                NiceSelect.bind(select);
+            });
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Placeholder -->
+                <div class="panel lg:row-start-3">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Placeholder</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code4')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <select class="selectize" placeholder="Choose...">
+                            <option value="orange">Orange</option>
+                            <option value="White">White</option>
+                            <option value="Purple">Purple</option>
+                        </select>
+                    </div>
+                    <template x-if="codeArr.includes('code4')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- placeholder --&gt;
+    &lt;select class=&quot;selectize&quot; placeholder=&quot;Choose...&quot;&gt;
+        &lt;option value=&quot;orange&quot;&gt;Orange&lt;/option&gt;
+        &lt;option value=&quot;White&quot;&gt;White&lt;/option&gt;
+        &lt;option value=&quot;Purple&quot;&gt;Purple&lt;/option&gt;
+    &lt;/select&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;DOMContentLoaded&quot;, function(e) {
+            // default
+            var els = document.querySelectorAll(&quot;.selectize&quot;);
+            els.forEach(function(select) {
+                NiceSelect.bind(select);
+            });
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Searchable -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Searchable</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code5')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <select id="seachable-select">
+                            <option value="orange">Orange</option>
+                            <option value="White">White</option>
+                            <option value="Purple">Purple</option>
+                        </select>
+                    </div>
+                    <template x-if="codeArr.includes('code5')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- searchable --&gt;
+    &lt;select id=&quot;seachable-select&quot;&gt;
+        &lt;option value=&quot;orange&quot;&gt;Orange&lt;/option&gt;
+        &lt;option value=&quot;White&quot;&gt;White&lt;/option&gt;
+        &lt;option value=&quot;Purple&quot;&gt;Purple&lt;/option&gt;
+    &lt;/select&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;DOMContentLoaded&quot;, function(e) {
+            // seachable
+            var options = {
+                searchable: true
+            };
+            NiceSelect.bind(document.getElementById(&quot;seachable-select&quot;), options);
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Multiple -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Multiple select</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code6')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <select class="selectize" multiple='multiple'>
+                            <option value="orange">Orange</option>
+                            <option value="White">White</option>
+                            <option value="Purple">Purple</option>
+                        </select>
+                    </div>
+                    <template x-if="codeArr.includes('code6')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- multiple --&gt;
+    &lt;select class=&quot;selectize&quot; multiple='multiple'&gt;
+        &lt;option value=&quot;orange&quot;&gt;Orange&lt;/option&gt;
+        &lt;option value=&quot;White&quot;&gt;White&lt;/option&gt;
+    &lt;/select&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;DOMContentLoaded&quot;, function(e) {
+            // default
+            var els = document.querySelectorAll(&quot;.selectize&quot;);
+            els.forEach(function(select) {
+                NiceSelect.bind(select);
+            });
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script src="/assets/js/nice-select2.js"></script>
+    <script>
+        document.addEventListener("DOMContentLoaded", function(e) {
+            // default
+            var els = document.querySelectorAll(".selectize");
+            els.forEach(function(select) {
+                NiceSelect.bind(select);
+            });
+
+            // seachable
+            var options = {
+                searchable: true
+            };
+            NiceSelect.bind(document.getElementById("seachable-select"), options);
+        });
+
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/forms/switches.blade.php b/resources/views/forms/switches.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..4b23b405dc072158af0ba84ed847589d56637804
--- /dev/null
+++ b/resources/views/forms/switches.blade.php
@@ -0,0 +1,309 @@
+<x-layout.default>
+
+    <div x-data="form">
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Forms</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Switches</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8">
+            <div class="space-y-8">
+                <h4 class="badge bg-primary inline-block hover:top-0 text-base">Icon</h4>
+                <!-- Icons -->
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Default</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code1')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <label class="w-12 h-6 relative">
+                                <input type="checkbox"
+                                    class="custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer"
+                                    id="custom_switch_checkbox1" />
+                                <span for="custom_switch_checkbox1"
+                                    class="outline_checkbox bg-icon border-2 border-[#ebedf2] dark:border-white-dark block h-full before:absolute before:left-1 before:bg-[#ebedf2] dark:before:bg-white-dark before:bottom-1 before:w-4 before:h-4 before:bg-[url(/assets/images/close.svg)] before:bg-no-repeat before:bg-center peer-checked:before:left-7 peer-checked:before:bg-[url(/assets/images/checked.svg)] peer-checked:border-primary peer-checked:before:bg-primary before:transition-all before:duration-300"></span>
+                            </label>
+                        </div>
+                        <template x-if="codeArr.includes('code1')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;label class=&quot;w-12 h-6 relative&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer&quot; id=&quot;custom_switch_checkbox1&quot; /&gt;
+        &lt;span for=&quot;custom_switch_checkbox1&quot; class=&quot;outline_checkbox bg-icon border-2 border-[#ebedf2] dark:border-white-dark block h-full before:absolute before:left-1 before:bg-[#ebedf2] dark:before:bg-white-dark before:bottom-1 before:w-4 before:h-4 before:bg-[url(/assets/images/close.svg)] before:bg-no-repeat before:bg-center peer-checked:before:left-7 peer-checked:before:bg-[url(/assets/images/checked.svg)] peer-checked:border-primary peer-checked:before:bg-primary before:transition-all before:duration-300&quot;&gt;&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Rounded</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code2')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <label class="w-12 h-6 relative">
+                                <input type="checkbox"
+                                    class="custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer"
+                                    id="custom_switch_checkbox2" />
+                                <span for="custom_switch_checkbox2"
+                                    class="outline_checkbox bg-icon border-2 border-[#ebedf2] dark:border-white-dark block h-full rounded-full before:absolute before:left-1 before:bg-[#ebedf2] dark:before:bg-white-dark before:bottom-1 before:w-4 before:h-4 before:rounded-full before:bg-[url(/assets/images/close.svg)] before:bg-no-repeat before:bg-center peer-checked:before:left-7 peer-checked:before:bg-[url(/assets/images/checked.svg)] peer-checked:border-primary peer-checked:before:bg-primary before:transition-all before:duration-300"></span>
+                            </label>
+                        </div>
+                        <template x-if="codeArr.includes('code2')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- rounded --&gt;
+    &lt;label class=&quot;w-12 h-6 relative&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer&quot; id=&quot;custom_switch_checkbox2&quot; /&gt;
+        &lt;span for=&quot;custom_switch_checkbox2&quot; class=&quot;outline_checkbox bg-icon border-2 border-[#ebedf2] dark:border-white-dark block h-full rounded-full before:absolute before:left-1 before:bg-[#ebedf2] dark:before:bg-white-dark before:bottom-1 before:w-4 before:h-4 before:rounded-full before:bg-[url(/assets/images/close.svg)] before:bg-no-repeat before:bg-center peer-checked:before:left-7 peer-checked:before:bg-[url(/assets/images/checked.svg)] peer-checked:border-primary peer-checked:before:bg-primary before:transition-all before:duration-300&quot;&gt;&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                </div>
+            </div>
+            <div class="space-y-8">
+                <h4 class="badge bg-primary inline-block hover:top-0 text-base">Solid</h4>
+                <!-- Solid -->
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Default</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code3')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <label class="w-12 h-6 relative">
+                                <input type="checkbox"
+                                    class="custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer"
+                                    id="custom_switch_checkbox3" />
+                                <span for="custom_switch_checkbox3"
+                                    class="bg-[#ebedf2] dark:bg-dark block h-full before:absolute before:left-1 before:bg-white dark:before:bg-white-dark dark:peer-checked:before:bg-white before:bottom-1 before:w-4 before:h-4 peer-checked:before:left-7 peer-checked:bg-primary before:transition-all before:duration-300 "></span>
+                            </label>
+                        </div>
+                        <template x-if="codeArr.includes('code3')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- default --&gt;
+    &lt;label class=&quot;w-12 h-6 relative&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer&quot; id=&quot;custom_switch_checkbox3&quot; /&gt;
+        &lt;span for=&quot;custom_switch_checkbox3&quot; class=&quot;bg-[#ebedf2] dark:bg-dark block h-full before:absolute before:left-1 before:bg-white dark:before:bg-white-dark dark:peer-checked:before:bg-white before:bottom-1 before:w-4 before:h-4 peer-checked:before:left-7 peer-checked:bg-primary before:transition-all before:duration-300 &quot;&gt;&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Rounded</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code4')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <label class="w-12 h-6 relative">
+                                <input type="checkbox"
+                                    class="custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer"
+                                    id="custom_switch_checkbox4" />
+                                <span for="custom_switch_checkbox4"
+                                    class="bg-[#ebedf2] dark:bg-dark block h-full rounded-full before:absolute before:left-1 before:bg-white dark:before:bg-white-dark dark:peer-checked:before:bg-white before:bottom-1 before:w-4 before:h-4 before:rounded-full peer-checked:before:left-7 peer-checked:bg-primary before:transition-all before:duration-300"></span>
+                            </label>
+                        </div>
+                        <template x-if="codeArr.includes('code4')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- rounded --&gt;
+    &lt;label class=&quot;w-12 h-6 relative&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer&quot; id=&quot;custom_switch_checkbox4&quot; /&gt;
+        &lt;span for=&quot;custom_switch_checkbox4&quot; class=&quot;bg-[#ebedf2] dark:bg-dark block h-full rounded-full before:absolute before:left-1 before:bg-white dark:before:bg-white-dark dark:peer-checked:before:bg-white before:bottom-1 before:w-4 before:h-4 before:rounded-full peer-checked:before:left-7 peer-checked:bg-primary before:transition-all before:duration-300&quot;&gt;&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                </div>
+            </div>
+            <div class="space-y-8">
+                <h4 class="badge bg-primary inline-block hover:top-0 text-base">Outline</h4>
+                <!-- Outline -->
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Default</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code5')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <label class="w-12 h-6 relative">
+                                <input type="checkbox"
+                                    class="custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer"
+                                    id="custom_switch_checkbox5" />
+                                <span for="custom_switch_checkbox5"
+                                    class="outline_checkbox border-2 border-[#ebedf2] dark:border-white-dark block h-full before:absolute before:left-1 before:bg-[#ebedf2] dark:before:bg-white-dark before:bottom-1 before:w-4 before:h-4 peer-checked:before:left-7 peer-checked:border-primary peer-checked:before:bg-primary before:transition-all before:duration-300"></span>
+                            </label>
+                        </div>
+                        <template x-if="codeArr.includes('code5')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- outline --&gt;
+    &lt;label class=&quot;w-12 h-6 relative&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer&quot; id=&quot;custom_switch_checkbox5&quot; /&gt;
+        &lt;span for=&quot;custom_switch_checkbox5&quot; class=&quot;outline_checkbox border-2 border-[#ebedf2] dark:border-white-dark block h-full before:absolute before:left-1 before:bg-[#ebedf2] dark:before:bg-white-dark before:bottom-1 before:w-4 before:h-4 peer-checked:before:left-7 peer-checked:border-primary peer-checked:before:bg-primary before:transition-all before:duration-300&quot;&gt;&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                    <div class="panel">
+                        <div class="flex items-center justify-between mb-5">
+                            <h5 class="font-semibold text-lg dark:text-white-light">Rounded</h5>
+                            <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                                href="javascript:;" @click="toggleCode('code6')">
+                                <span class="flex items-center">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                        <path
+                                            d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Code
+                                </span>
+                            </a>
+                        </div>
+                        <div class="mb-5">
+                            <label class="w-12 h-6 relative">
+                                <input type="checkbox"
+                                    class="custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer"
+                                    id="custom_switch_checkbox6" />
+                                <span for="custom_switch_checkbox6"
+                                    class="outline_checkbox border-2 border-[#ebedf2] dark:border-white-dark block h-full rounded-full before:absolute before:left-1 before:bg-[#ebedf2] dark:before:bg-white-dark before:bottom-1 before:w-4 before:h-4 before:rounded-full peer-checked:before:left-7 peer-checked:border-primary peer-checked:before:bg-primary before:transition-all before:duration-300"></span>
+                            </label>
+                        </div>
+                        <template x-if="codeArr.includes('code6')">
+                            <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- rounded --&gt;
+    &lt;label class=&quot;w-12 h-6 relative&quot;&gt;
+        &lt;input type=&quot;checkbox&quot; class=&quot;custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer&quot; id=&quot;custom_switch_checkbox6&quot; /&gt;
+        &lt;span for=&quot;custom_switch_checkbox6&quot; class=&quot;outline_checkbox border-2 border-[#ebedf2] dark:border-white-dark block h-full rounded-full before:absolute before:left-1 before:bg-[#ebedf2] dark:before:bg-white-dark before:bottom-1 before:w-4 before:h-4 before:rounded-full peer-checked:before:left-7 peer-checked:border-primary peer-checked:before:bg-primary before:transition-all before:duration-300&quot;&gt;&lt;/span&gt;
+    &lt;/label&gt;
+    </pre>
+                        </template>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+
+
+</x-layout.default>
diff --git a/resources/views/forms/touchspin.blade.php b/resources/views/forms/touchspin.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..9e166b18f5dd8155c9590e66807695c95d1392a2
--- /dev/null
+++ b/resources/views/forms/touchspin.blade.php
@@ -0,0 +1,956 @@
+<x-layout.default>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Forms</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>TouchSpin</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 lg:grid-cols-2 gap-6" x-data="touchspin">
+            <!-- Basic -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Button Spin</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="relative">
+                        <div class="flex">
+                            <button type="button"
+                                class="bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-primary"
+                                @click="value1--;if(value1 < 0) value1 = 0;">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </button>
+                            <input type="number" placeholder="55" x-model="value1"
+                                class="form-input rounded-none text-center" min="0" max="100" readonly
+                                @wheel="changeValue($event, 'value1')" />
+                            <button type="button"
+                                class="bg-primary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-primary"
+                                @click="value1++; if(value1 > 100) value1 = 100;">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <line x1="12" y1="5" x2="12" y2="19"></line>
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;div class=&quot;flex&quot; x-data=&quot;touchspin&quot;&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-primary&quot; @click=&quot;value1--;if(value1 &lt; 0) value1 = 0;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;input type=&quot;number&quot; placeholder=&quot;55&quot; x-model=&quot;value1&quot; class=&quot;form-input rounded-none text-center&quot; min=&quot;0&quot; max=&quot;100&quot; readonly readonly @wheel=&quot;changeValue($event, 'value1')&quot; /&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-primary&quot; @click=&quot;value1++; if(value1 &gt; 100) value1 = 100;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;touchspin&quot;, () =&gt; ({
+                value1: 0,
+
+                changeValue(e, val) {
+                    e.preventDefault();
+                    if (e.deltaY &lt; 0) {
+                        this.value1++;
+                        this.value1 &gt; 100 ? this.value1 = 100 : this.value1;
+                    } else {
+                        this.value1--;
+                        this.value1 &lt; 0 ? this.value1 = 0 : this.value1;
+                    }
+                }
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- step of 5 -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Spin button with step of 5</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="relative">
+                        <div class="flex">
+                            <button type="button"
+                                class="bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-primary"
+                                @click="value2 -=5 ;if(value2 < 0) value2 = 0;">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </button>
+                            <input type="number" x-model="value2" placeholder="5" step="5" min="0"
+                                max="50" readonly class="form-input rounded-none text-center"
+                                @wheel="changeValue($event, 'value2')" />
+                            <button type="button"
+                                class="bg-primary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-primary"
+                                @click="value2 += 5; if(value2 > 50) value2 = 50;">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <line x1="12" y1="5" x2="12" y2="19"></line>
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- step of 5 --&gt;
+    &lt;div class=&quot;flex&quot; x-data=&quot;touchspin&quot;&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-primary&quot; @click=&quot;value2 -=5 ;if(value2 &lt; 0) value2 = 0;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;input type=&quot;number&quot; x-model=&quot;value2&quot; placeholder=&quot;5&quot; step=&quot;5&quot; min=&quot;0&quot; max=&quot;50&quot; readonly class=&quot;form-input rounded-none text-center&quot; @wheel=&quot;changeValue($event, 'value2')&quot; /&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-primary&quot; @click=&quot;value2 += 5; if(value2 &gt; 50) value2 = 50;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;touchspin&quot;, () =&gt; ({
+                value2: 0,
+
+                changeValue(e, val) {
+                    e.preventDefault();
+                    if (e.deltaY &lt; 0) {
+                        this.value2 += 5;
+                        this.value2 &gt; 50 ? this.value2 = 50 : this.value2;
+                    } else {
+                        this.value2 -= 5;
+                        this.value2 &lt; 0 ? this.value2 = 0 : this.value2;
+                    }
+                }
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- Wrapping value -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Wrapping value spin button</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="relative">
+                        <div class="flex">
+                            <button type="button"
+                                class="bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-primary"
+                                @click="value3 -=1 ;if(value3 < 0) value3 = 20;">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </button>
+                            <input type="number" x-model="value3" placeholder="_ _"
+                                class="form-input rounded-none text-center" min="0" max="20" readonly
+                                @wheel="changeValue($event, 'value3')" />
+                            <button type="button"
+                                class="bg-primary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-primary"
+                                @click="value3 += 1; if(value3 > 20) value3 = 0;">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <line x1="12" y1="5" x2="12" y2="19"></line>
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- wrapping value --&gt;
+    &lt;div class=&quot;flex&quot; x-data=&quot;touchspin&quot;&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-primary&quot; @click=&quot;value3 -=1 ;if(value3 &lt; 0) value3 = 20;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;input type=&quot;number&quot; x-model=&quot;value3&quot; placeholder=&quot;_ _&quot; class=&quot;form-input rounded-none text-center&quot; min=&quot;0&quot; max=&quot;20&quot; readonly @wheel=&quot;changeValue($event, 'value3')&quot; /&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-primary&quot; @click=&quot;value3 += 1; if(value3 &gt; 20) value3 = 0;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;touchspin&quot;, () =&gt; ({
+                value3: 0,
+
+                changeValue(e, val) {
+                    e.preventDefault();
+                    if (e.deltaY &lt; 0) {
+                        this.value3 += 1;
+                        this.value3 &gt; 20 ? this.value3 = 0 : this.value3;
+                    } else {
+                        this.value3 -= 1;
+                        this.value3 &lt; 0 ? this.value3 = 20 : this.value3;
+                    }
+                }
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- Size -->
+            <div class="panel lg:row-span-2">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Size</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code4')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <!-- large -->
+                <div class="mb-5">
+                    <div class="mb-5">
+                        <label for="sizeLarge">Large size</label>
+                        <div class="flex">
+                            <button type="button"
+                                class="bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-primary"
+                                @click="value4--;if(value4 < 0) value4 = 0;">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </button>
+                            <input id="sizeLarge" type="number" x-model="value4" placeholder="55"
+                                class="form-input form-input-lg rounded-none text-center" min="0"
+                                max="25" readonly @wheel="changeValue($event, 'value4')" />
+                            <button type="button"
+                                class="bg-primary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-primary"
+                                @click="value4++; if(value4 > 25) value4 = 25;">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <line x1="12" y1="5" x2="12" y2="19"></line>
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </button>
+                        </div>
+                    </div>
+
+                    <!-- default -->
+                    <div class="mb-5">
+                        <label for="sizeDefault">Default size</label>
+                        <div class="flex">
+                            <button type="button"
+                                class="bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-primary"
+                                @click="value5--;if(value5 < 0) value5 = 0;">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </button>
+                            <input type="number" x-model="value5" placeholder="55"
+                                class="form-input rounded-none text-center" min="0" max="25" readonly
+                                @wheel="changeValue($event, 'value5')" />
+                            <button type="button"
+                                class="bg-primary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-primary"
+                                @click="value5++; if(value5 > 25) value5 = 25;">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <line x1="12" y1="5" x2="12" y2="19"></line>
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </button>
+                        </div>
+                    </div>
+
+                    <!-- small -->
+                    <div>
+                        <label for="sizeSmall">Small size</label>
+                        <div class="flex">
+                            <button type="button"
+                                class="bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-primary"
+                                @click="value6--;if(value6 < 0) value6 = 0;">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </button>
+                            <input id="sizeSmall" type="number" x-model="value6" placeholder="55"
+                                class="form-input form-input-sm rounded-none text-center" min="0"
+                                max="25" readonly @wheel="changeValue($event, 'value6')" />
+                            <button type="button"
+                                class="bg-primary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-primary"
+                                @click="value6++; if(value6 > 25) value6 = 25;">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <line x1="12" y1="5" x2="12" y2="19"></line>
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code4')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- large --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-primary&quot; @click=&quot;value4--;if(value4 &lt; 0) value4 = 0;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;input type=&quot;number&quot; x-model=&quot;value4&quot; placeholder=&quot;55&quot; class=&quot;form-input form-input-lg rounded-none text-center&quot; min=&quot;0&quot; max=&quot;25&quot; readonly @wheel=&quot;changeValue($event, 'value4')&quot; /&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-primary&quot; @click=&quot;value4++; if(value4 &gt; 25) value4 = 25;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- default --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-primary&quot; @click=&quot;value5--;if(value5 &lt; 0) value5 = 0;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;input type=&quot;number&quot; x-model=&quot;value5&quot; placeholder=&quot;55&quot; class=&quot;form-input rounded-none text-center&quot; min=&quot;0&quot; max=&quot;25&quot; readonly @wheel=&quot;changeValue($event, 'value5')&quot; /&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-primary&quot; @click=&quot;value5++; if(value5 &gt; 25) value5 = 25;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- small --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-primary&quot; @click=&quot;value6--;if(value6 &lt; 0) value6 = 0;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;input type=&quot;number&quot; x-model=&quot;value6&quot; placeholder=&quot;55&quot; class=&quot;form-input form-input-sm rounded-none text-center&quot; min=&quot;0&quot; max=&quot;25&quot; readonly @wheel=&quot;changeValue($event, 'value6')&quot; /&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-primary&quot; @click=&quot;value6++; if(value6 &gt; 25) value6 = 25;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;touchspin&quot;, () =&gt; ({
+                value4: 0,
+                value5: 0,
+                value6: 0,
+
+                changeValue(e, val) {
+                    e.preventDefault();
+                    if (e.deltaY &lt; 0) {
+                        if (val === 'value4') {
+                            this.value4++;
+                            this.value4 &gt; 25 ? this.value4 = 25 : this.value4;
+                        } else if (val === 'value5') {
+                            this.value5++;
+                            this.value5 &gt; 25 ? this.value5 = 25 : this.value5;
+                        } else if (val === 'value6') {
+                            this.value6++;
+                            this.value6 &gt; 25 ? this.value6 = 25 : this.value6;
+                        }
+                    } else {
+                        if (val === 'value4') {
+                            this.value4--;
+                            this.value4 &lt; 0 ? this.value4 = 0 : this.value4;
+                        } else if (val === 'value5') {
+                            this.value5--;
+                            this.value5 &lt; 0 ? this.value5 = 0 : this.value5;
+                        } else if (val === 'value6') {
+                            this.value6--;
+                            this.value6 &lt; 0 ? this.value6 = 0 : this.value6;
+                        }
+                    }
+                }
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Inline Buttons -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Inline spin button</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code5')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="mb-5">
+                        <div class="inline-flex">
+                            <button type="button"
+                                class="bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-primary"
+                                @click="value7--;if(value7 < 0) value7 = 0;">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </button>
+                            <input type="number" x-model="value7" placeholder="55"
+                                class="form-input rounded-none text-center" min="0" max="25" readonly
+                                @wheel="changeValue($event, 'value7')" />
+                            <button type="button"
+                                class="bg-primary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-primary"
+                                @click="value7++; if(value7 > 25) value7 = 25;">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <line x1="12" y1="5" x2="12" y2="19"></line>
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code5')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- inline buttons --&gt;
+    &lt;div class=&quot;inline-flex&quot;&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-primary&quot; @click=&quot;value7--;if(value7 &lt; 0) value7 = 0;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;input type=&quot;number&quot; x-model=&quot;value7&quot; placeholder=&quot;55&quot; class=&quot;form-input rounded-none text-center&quot; min=&quot;0&quot; max=&quot;25&quot; readonly @wheel=&quot;changeValue($event, 'value7')&quot; /&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-primary&quot; @click=&quot;value7++; if(value7 &gt; 25) value7 = 25;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;touchspin&quot;, () =&gt; ({
+                value7: 0,
+
+                changeValue(e, val) {
+                    e.preventDefault();
+                    if (e.deltaY &lt; 0) {
+                        this.value7++;
+                        this.value7 &gt; 25 ? this.value7 = 25 : this.value7;
+                    } else {
+                        this.value7--;
+                        this.value7 &lt; 0 ? this.value7 = 0 : this.value7;
+                    }
+                }
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- Vertical Buttons -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Vertical spin button</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code6')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="mb-5">
+                        <div class="inline-flex flex-col w-[50px]">
+                            <button type="button"
+                                class="bg-primary text-white flex justify-center items-center rounded-t-md p-3 font-semibold border border-b-0 border-primary"
+                                @click="value8--;if(value8 < 0) value8 = 0;">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </button>
+                            <input type="number" x-model="value8" placeholder="55"
+                                class="form-input rounded-none text-center px-2" min="0" max="25"
+                                readonly @wheel="changeValue($event, 'value8')" />
+                            <button type="button"
+                                class="bg-primary text-white flex justify-center items-center rounded-b-md p-3 font-semibold border border-t-0 border-primary"
+                                @click="value8++; if(value8 > 25) value8 = 25;">
+
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <line x1="12" y1="5" x2="12" y2="19"></line>
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code6')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- vertical buttons --&gt;
+    &lt;div class=&quot;inline-flex flex-col w-[50px]&quot;&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center rounded-t-md p-3 font-semibold border border-b-0 border-primary&quot; @click=&quot;value8--;if(value8 &lt; 0) value8 = 0;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;input type=&quot;number&quot; x-model=&quot;value8&quot; placeholder=&quot;55&quot; class=&quot;form-input rounded-none text-center px-2&quot; min=&quot;0&quot; max=&quot;25&quot; readonly @wheel=&quot;changeValue($event, 'value8')&quot; /&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center rounded-b-md p-3 font-semibold border border-t-0 border-primary&quot; @click=&quot;value8++; if(value8 &gt; 25) value8 = 25;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;touchspin&quot;, () =&gt; ({
+                value8: 0,
+
+                changeValue(e, val) {
+                    e.preventDefault();
+                    if (e.deltaY &lt; 0) {
+                            this.value8++;
+                            this.value8 &gt; 25 ? this.value8 = 25 : this.value8;
+                    } else {
+                        this.value8--;
+                        this.value8 &lt; 0 ? this.value8 = 0 : this.value8;
+                    }
+                }
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+
+            <div class="space-y-8">
+                <!-- text with spin  -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Text with spin button</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code7')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="relative">
+                            <div class="flex">
+                                <button type="button"
+                                    class="bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-primary"
+                                    @click="value9--;if(value9 < 0) value9 = 6;">
+
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                        <line x1="5" y1="12" x2="19" y2="12"></line>
+                                    </svg>
+                                </button>
+                                <input type="text" x-model="dayFormatter(value9)" placeholder="Sunday"
+                                    class="form-input rounded-none text-center" min="0" max="6"
+                                    readonly @wheel="changeValue($event, 'value9')" />
+                                <button type="button"
+                                    class="bg-primary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-primary"
+                                    @click="value9++; if(value9 > 6) value9 = 0;">
+
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                        <line x1="12" y1="5" x2="12" y2="19"></line>
+                                        <line x1="5" y1="12" x2="19" y2="12"></line>
+                                    </svg>
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code7')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- text with spin button --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-primary&quot; @click=&quot;value9--;if(value9 &lt; 0) value9 = 6;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;input type=&quot;text&quot; x-model=&quot;dayFormatter(value9)&quot; placeholder=&quot;Sunday&quot; class=&quot;form-input rounded-none text-center&quot; min=&quot;0&quot; max=&quot;6&quot; readonly @wheel=&quot;changeValue($event, 'value9')&quot; /&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-primary text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-primary&quot; @click=&quot;value9++; if(value9 &gt; 6) value9 = 0;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;touchspin&quot;, () =&gt; ({
+                value9: 0,
+                days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+
+                dayFormatter(value) {
+                    return this.days[value];
+                },
+
+                changeValue(e, val) {
+                    e.preventDefault();
+                    if (e.deltaY &lt; 0) {
+                        this.value9++;
+                        this.value9 &gt; 6 ? this.value9 = 0 : this.value9;
+                    } else {
+                        this.value9--;
+                        this.value9 &lt; 0 ? this.value9 = 6 : this.value9;
+                    }
+                }
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Change Button Class -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Change button class</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code8')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="relative">
+                            <div class="flex">
+                                <button type="button"
+                                    class="bg-danger text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-danger"
+                                    @click="value10--;if(value10 < 0) value10 = 0;">
+
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                        <line x1="5" y1="12" x2="19" y2="12"></line>
+                                    </svg>
+                                </button>
+                                <input type="number" x-model="value10" placeholder="55"
+                                    class="form-input rounded-none text-center" min="0" max="25"
+                                    readonly @wheel="changeValue($event, 'value10')" />
+                                <button type="button"
+                                    class="bg-warning text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-warning"
+                                    @click="value10++; if(value10 > 25) value10 = 25;">
+
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                        <line x1="12" y1="5" x2="12" y2="19"></line>
+                                        <line x1="5" y1="12" x2="19" y2="12"></line>
+                                    </svg>
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code8')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-danger text-white flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border border-r-0 border-danger&quot; @click=&quot;value10--;if(value10 &lt; 0) value10 = 0;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+        &lt;input type=&quot;number&quot; x-model=&quot;value10&quot; placeholder=&quot;55&quot; class=&quot;form-input rounded-none text-center&quot; min=&quot;0&quot; max=&quot;25&quot; readonly @wheel=&quot;changeValue($event, 'value10')&quot; /&gt;
+        &lt;button type=&quot;button&quot; class=&quot;bg-warning text-white flex justify-center items-center ltr:rounded-r-md rtl:rounded-l-md px-3 font-semibold border border-l-0 border-warning&quot; @click=&quot;value10++; if(value10 &gt; 25) value10 = 25;&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;touchspin&quot;, () =&gt; ({
+                value10: 0,
+
+                changeValue(e, val) {
+                    e.preventDefault();
+                    if (e.deltaY &lt; 0) {
+                        this.value10++;
+                        this.value10 &gt; 25 ? this.value10 = 25 : this.value10;
+                    } else {
+                        this.value10--;
+                        this.value10 &lt; 0 ? this.value10 = 0 : this.value10;
+                    }
+                }
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("touchspin", () => ({
+                value1: 0,
+                value2: 0,
+                value3: 0,
+                value4: 0,
+                value5: 0,
+                value6: 0,
+                value7: 0,
+                value8: 0,
+                value9: 0,
+                value10: 0,
+                days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+
+                dayFormatter(value) {
+                    return this.days[value];
+                },
+
+                changeValue(e, val) {
+                    e.preventDefault();
+                    if (e.deltaY < 0) {
+                        if (val === 'value1') {
+                            this.value1++;
+                            this.value1 > 100 ? this.value1 = 100 : this.value1;
+                        } else if (val === 'value2') {
+                            this.value2 += 5;
+                            this.value2 > 50 ? this.value2 = 50 : this.value2;
+                        } else if (val === 'value3') {
+                            this.value3 += 1;
+                            this.value3 > 20 ? this.value3 = 0 : this.value3;
+                        } else if (val === 'value4') {
+                            this.value4++;
+                            this.value4 > 25 ? this.value4 = 25 : this.value4;
+                        } else if (val === 'value5') {
+                            this.value5++;
+                            this.value5 > 25 ? this.value5 = 25 : this.value5;
+                        } else if (val === 'value6') {
+                            this.value6++;
+                            this.value6 > 25 ? this.value6 = 25 : this.value6;
+                        } else if (val === 'value7') {
+                            this.value7++;
+                            this.value7 > 25 ? this.value7 = 25 : this.value7;
+                        } else if (val === 'value8') {
+                            this.value8++;
+                            this.value8 > 25 ? this.value8 = 25 : this.value8;
+                        } else if (val === 'value9') {
+                            this.value9++;
+                            this.value9 > 6 ? this.value9 = 0 : this.value9;
+                        } else if (val === 'value10') {
+                            this.value10++;
+                            this.value10 > 25 ? this.value10 = 25 : this.value10;
+                        }
+                    } else {
+                        if (val === 'value1') {
+                            this.value1--;
+                            this.value1 < 0 ? this.value1 = 0 : this.value1;
+                        } else if (val === 'value2') {
+                            this.value2 -= 5;
+                            this.value2 < 0 ? this.value2 = 0 : this.value2;
+                        } else if (val === 'value3') {
+                            this.value3 -= 1;
+                            this.value3 < 0 ? this.value3 = 20 : this.value3;
+                        } else if (val === 'value4') {
+                            this.value4--;
+                            this.value4 < 0 ? this.value4 = 0 : this.value4;
+                        } else if (val === 'value5') {
+                            this.value5--;
+                            this.value5 < 0 ? this.value5 = 0 : this.value5;
+                        } else if (val === 'value6') {
+                            this.value6--;
+                            this.value6 < 0 ? this.value6 = 0 : this.value6;
+                        } else if (val === 'value7') {
+                            this.value7--;
+                            this.value7 < 0 ? this.value7 = 0 : this.value7;
+                        } else if (val === 'value8') {
+                            this.value8--;
+                            this.value8 < 0 ? this.value8 = 0 : this.value8;
+                        } else if (val === 'value9') {
+                            this.value9--;
+                            this.value9 < 0 ? this.value9 = 6 : this.value9;
+                        } else if (val === 'value10') {
+                            this.value10--;
+                            this.value10 < 0 ? this.value10 = 0 : this.value10;
+                        }
+                    }
+                },
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+    <style>
+        input[type=number]::-webkit-inner-spin-button,
+        input[type=number]::-webkit-outer-spin-button {
+            -webkit-appearance: none;
+            -moz-appearance: none;
+            appearance: none;
+            margin: 0;
+        }
+    </style>
+</x-layout.default>
diff --git a/resources/views/forms/validation.blade.php b/resources/views/forms/validation.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..dc1d231ef62e0eb034e97b2e84778cb951164fe3
--- /dev/null
+++ b/resources/views/forms/validation.blade.php
@@ -0,0 +1,1090 @@
+<x-layout.default>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Forms</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Validation</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 xl:grid-cols-2 gap-6" x-data="form">
+            <!-- Basic -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5" @submit.prevent="submitForm1()">
+                        <div :class="[isSubmitForm1 ? (form1.name ? 'has-success' : 'has-error') : '']">
+                            <label for="fullName">Full Name</label>
+                            <input id="fullName" type="text" placeholder="Enter Full Name" class="form-input"
+                                x-model="form1.name" />
+                            <template x-if="isSubmitForm1 && form1.name">
+                                <p class="text-[#1abc9c] mt-1">Looks Good!</p>
+                            </template>
+                            <template x-if="isSubmitForm1 && !form1.name">
+                                <p class="text-danger mt-1">Please fill the Name</p>
+                            </template>
+                        </div>
+                        <button type="submit" class="btn btn-primary !mt-6">Submit Form</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;div x-data=&quot;form&quot;&gt;
+        &lt;form class=&quot;space-y-5&quot; @submit.prevent=&quot;submitForm1()&quot;&gt;
+            &lt;div :class=&quot;[isSubmitForm1 ? (form1.name ? 'has-success' : 'has-error') : '']&quot;&gt;
+                &lt;label for=&quot;fullName&quot;&gt;Full Name&lt;/label&gt;
+                &lt;input id=&quot;fullName&quot; type=&quot;text&quot; placeholder=&quot;Enter Full Name&quot; class=&quot;form-input&quot; x-model=&quot;form1.name&quot; /&gt;
+                &lt;template x-if=&quot;isSubmitForm1 &amp;&amp; form1.name&quot;&gt;
+                    &lt;p class=&quot;text-[#1abc9c] mt-1&quot;&gt;Looks Good!&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;isSubmitForm1 &amp;&amp; !form1.name&quot;&gt;
+                    &lt;p class=&quot;text-danger mt-1&quot;&gt;Please fill the Name&lt;/p&gt;
+                &lt;/template&gt;
+            &lt;/div&gt;
+            &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary !mt-6&quot;&gt;Submit Form&lt;/button&gt;
+        &lt;/form&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+     document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                form1: {
+                    name: ''
+                },
+                isSubmitForm1: false,
+                submitForm1() {
+                    this.isSubmitForm1 = true;
+                    if (this.name) {
+                        //form validated success
+                        this.showMessage('Form submitted successfully.');
+                    }
+                },
+                showMessage(msg = '', type = 'success') {
+                    const toast = window.Swal.mixin({
+                        toast: true,
+                        position: 'top',
+                        showConfirmButton: false,
+                        timer: 3000
+                    });
+                    toast.fire({
+                        icon: type,
+                        title: msg,
+                        padding: '10px 20px'
+                    });
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Email -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Email</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5" @submit.prevent="submitForm2()">
+                        <div
+                            :class="[isSubmitForm2 ? (form2.email && emailValidate(form2.email) ? 'has-success' : 'has-error') :
+                                ''
+                            ]">
+                            <label for="Email">Email</label>
+                            <input id="Email" type="text" placeholder="Enter Email" class="form-input"
+                                x-model="form2.email" />
+                            <template x-if="isSubmitForm2 && form2.email && emailValidate(form2.email)">
+                                <p class="text-[#1abc9c] mt-1">Looks Good!</p>
+                            </template>
+                            <template x-if="isSubmitForm2 && !(form2.email && emailValidate(form2.email))">
+                                <p class="text-danger mt-1">Please fill the Email</p>
+                            </template>
+                        </div>
+                        <button type="submit" class="btn btn-primary !mt-6">Submit Form</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- email --&gt;
+    &lt;div x-data=&quot;form&quot;&gt;
+        &lt;form class=&quot;space-y-5&quot; @submit.prevent=&quot;submitForm2()&quot;&gt;
+            &lt;div :class=&quot;[isSubmitForm2 ? (form2.email &amp;&amp; emailValidate(form2.email)  ? 'has-success' : 'has-error') : '']&quot;&gt;
+                &lt;label for=&quot;Email&quot;&gt;Email&lt;/label&gt;
+                &lt;input id=&quot;Email&quot; type=&quot;text&quot; placeholder=&quot;Enter Email&quot; class=&quot;form-input&quot; x-model=&quot;form2.email&quot; /&gt;
+                &lt;template x-if=&quot;isSubmitForm2 &amp;&amp; form2.email &amp;&amp; emailValidate(form2.email)&quot;&gt;
+                    &lt;p class=&quot;text-[#1abc9c] mt-1&quot;&gt;Looks Good!&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;isSubmitForm2 &amp;&amp; !(form2.email &amp;&amp; emailValidate(form2.email))&quot;&gt;
+                    &lt;p class=&quot;text-danger mt-1&quot;&gt;Please fill the Email&lt;/p&gt;
+                &lt;/template&gt;
+            &lt;/div&gt;
+            &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary !mt-6&quot;&gt;Submit Form&lt;/button&gt;
+        &lt;/form&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                form2: {
+                    email: ''
+                },
+                isSubmitForm2: false,
+                emailValidate(email) {
+                    const regexp = /^[\w.%+-]+@[\w.-]+\.[\w]{2,6}$/;
+                    return regexp.test(email);
+                },
+                submitForm2() {
+                    this.isSubmitForm2 = true;
+                    if (this.emailValidate(this.form2.email)) {
+                        //form validated success
+                        this.showMessage('Form submitted successfully.');
+                    }
+                },
+                showMessage(msg = '', type = 'success') {
+                    const toast = window.Swal.mixin({
+                        toast: true,
+                        position: 'top',
+                        showConfirmButton: false,
+                        timer: 3000
+                    });
+                    toast.fire({
+                        icon: type,
+                        title: msg,
+                        padding: '10px 20px'
+                    });
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Select -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Select</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5" @submit.prevent="submitForm3()">
+                        <div :class="[isSubmitForm3 ? (form3.select ? 'has-success' : 'has-error') : '']">
+                            <select class="form-select text-white-dark" x-model="form3.select">
+                                <option value="">Open this select menu</option>
+                                <option value="1">One</option>
+                                <option value="2">Two</option>
+                                <option value="3">Three</option>
+                            </select>
+                            <template x-if="isSubmitForm3 && form3.select">
+                                <p class="text-[#1abc9c] mt-1">Example valid custom select feedback</p>
+                            </template>
+                            <template x-if="isSubmitForm3 && !form3.select">
+                                <p class="text-danger mt-1">Please Select the field</p>
+                            </template>
+                        </div>
+                        <button type="submit" class="btn btn-primary !mt-6">Submit Form</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- select --&gt;
+    &lt;div x-data=&quot;form&quot;&gt;
+        &lt;form class=&quot;space-y-5&quot; @submit.prevent=&quot;submitForm3()&quot;&gt;
+            &lt;div :class=&quot;[isSubmitForm3 ? (form3.select ? 'has-success' : 'has-error') : '']&quot;&gt;
+                &lt;select class=&quot;form-select text-white-dark&quot; x-model=&quot;form3.select&quot;&gt;
+                    &lt;option&gt;Open this select menu&lt;/option&gt;
+                    &lt;option&gt;One&lt;/option&gt;
+                    &lt;option&gt;Two&lt;/option&gt;
+                    &lt;option&gt;Three&lt;/option&gt;
+                &lt;/select&gt;
+                &lt;template x-if=&quot;isSubmitForm3 &amp;&amp; form3.select&quot;&gt;
+                    &lt;p class=&quot;text-[#1abc9c] mt-1&quot;&gt;Example valid custom select feedback&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;isSubmitForm3 &amp;&amp; !form3.select&quot;&gt;
+                    &lt;p class=&quot;text-danger mt-1&quot;&gt;Please Select the field&lt;/p&gt;
+                &lt;/template&gt;
+            &lt;/div&gt;
+            &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary !mt-6&quot;&gt;Submit Form&lt;/button&gt;
+        &lt;/form&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+     document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                form3: {
+                    select: ''
+                },
+                isSubmitForm3: false,
+                submitForm3() {
+                    this.isSubmitForm3 = true;
+                    if (this.form3.select) {
+                        //form validated success
+                        this.showMessage('Form submitted successfully.');
+                    }
+                },
+                showMessage(msg = '', type = 'success') {
+                    const toast = window.Swal.mixin({
+                        toast: true,
+                        position: 'top',
+                        showConfirmButton: false,
+                        timer: 3000
+                    });
+                    toast.fire({
+                        icon: type,
+                        title: msg,
+                        padding: '10px 20px'
+                    });
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Custom Styles -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Custom Styles</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code4')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5" @submit.prevent="submitForm4()">
+                        <div class="grid grid-cols-1 md:grid-cols-3 gap-5">
+                            <div :class="[isSubmitForm4 ? (form4.firstName ? 'has-success' : 'has-error') : '']">
+                                <label for="customFname">First Name</label>
+                                <input id="customFname" type="text" placeholder="Enter First Name"
+                                    class="form-input" x-model="form4.firstName" />
+                                <template x-if="isSubmitForm4 && form4.firstName">
+                                    <p class="text-[#1abc9c] mt-1">Looks Good!</p>
+                                </template>
+                                <template x-if="isSubmitForm4 && !form4.firstName">
+                                    <p class="text-danger mt-1">Please fill the first name</p>
+                                </template>
+                            </div>
+                            <div :class="[isSubmitForm4 ? (form4.lastName ? 'has-success' : 'has-error') : '']">
+                                <label for="customLname">Last name</label>
+                                <input id="customLname" type="text" placeholder="Enter Last Name"
+                                    class="form-input" x-model="form4.lastName" />
+                                <template x-if="isSubmitForm4 && form4.lastName">
+                                    <p class="text-[#1abc9c] mt-1">Looks Good!</p>
+                                </template>
+                                <template x-if="isSubmitForm4 && !form4.lastName">
+                                    <p class="text-danger mt-1">Please fill the last name</p>
+                                </template>
+                            </div>
+                            <div :class="[isSubmitForm4 ? (form4.userName ? 'has-success' : 'has-error') : '']">
+                                <label for="customeEmail">Username</label>
+                                <div class="flex">
+                                    <div
+                                        class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                        @</div>
+                                    <input id="customeEmail" type="text" placeholder="Enter Username"
+                                        class="form-input ltr:rounded-l-none rtl:rounded-r-none"
+                                        x-model="form4.userName" />
+                                </div>
+                                <template x-if="isSubmitForm4 && form4.userName">
+                                    <p class="text-[#1abc9c] mt-1">Looks Good!</p>
+                                </template>
+                                <template x-if="isSubmitForm4 && !form4.userName">
+                                    <p class="text-danger mt-1">Please choose a userName</p>
+                                </template>
+                            </div>
+                        </div>
+                        <div class="grid grid-cols-1 md:grid-cols-4 gap-5">
+                            <div class="md:col-span-2"
+                                :class="[isSubmitForm4 ? (form4.city ? 'has-success' : 'has-error') : '']">
+                                <label for="customeCity">City</label>
+                                <input id="customeCity" type="text" placeholder="Enter City" class="form-input"
+                                    x-model="form4.city" />
+                                <template x-if="isSubmitForm4 && form4.city">
+                                    <p class="text-[#1abc9c] mt-1">Looks Good!</p>
+                                </template>
+                                <template x-if="isSubmitForm4 && !form4.city">
+                                    <p class="text-danger mt-1">Please provide a valid city</p>
+                                </template>
+                            </div>
+                            <div :class="[isSubmitForm4 ? (form4.state ? 'has-success' : 'has-error') : '']">
+                                <label for="customeState">State</label>
+                                <input id="customeState" type="text" placeholder="Enter State" class="form-input"
+                                    x-model="form4.state" />
+                                <template x-if="isSubmitForm4 && form4.state">
+                                    <p class="text-[#1abc9c] mt-1">Looks Good!</p>
+                                </template>
+                                <template x-if="isSubmitForm4 && !form4.state">
+                                    <p class="text-danger mt-1">Please provide a valid state</p>
+                                </template>
+                            </div>
+                            <div :class="[isSubmitForm4 ? (form4.zip ? 'has-success' : 'has-error') : '']">
+                                <label for="customeZip">Zip</label>
+                                <input id="customeZip" type="text" placeholder="Enter Zip" class="form-input"
+                                    x-model="form4.zip" />
+                                <template x-if="isSubmitForm4 && form4.zip">
+                                    <p class="text-[#1abc9c] mt-1">Looks Good!</p>
+                                </template>
+                                <template x-if="isSubmitForm4 && !form4.zip">
+                                    <p class="text-danger mt-1">Please provide a valid zip</p>
+                                </template>
+                            </div>
+                        </div>
+                        <div :class="[isSubmitForm4 ? (form4.isTerms ? 'has-success' : 'has-error') : '']">
+                            <label class="inline-flex cursor-pointer mt-1">
+                                <input type="checkbox" class="form-checkbox" x-model="form4.isTerms" />
+                                <span class="text-white-dark">Agree to terms and conditions</span>
+                            </label>
+                            <template x-if="isSubmitForm4 && !form4.isTerms">
+                                <p class="text-danger mt-1">You must agree before submitting.</p>
+                            </template>
+                        </div>
+                        <button type="submit" class="btn btn-primary !mt-6">Submit Form</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code4')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- custom styles --&gt;
+    &lt;form class=&quot;space-y-5&quot; @submit.prevent=&quot;submitForm4()&quot;&gt;
+        &lt;div class=&quot;grid grid-cols-1 md:grid-cols-3 gap-5&quot;&gt;
+            &lt;div :class=&quot;[isSubmitForm4 ? (form4.firstName ? 'has-success' : 'has-error') : '']&quot;&gt;
+                &lt;label for=&quot;customFname&quot;&gt;First Name&lt;/label&gt;
+                &lt;input id=&quot;customFname&quot; type=&quot;text&quot; placeholder=&quot;Enter First Name&quot; class=&quot;form-input&quot; x-model=&quot;form4.firstName&quot; /&gt;
+                &lt;template x-if=&quot;isSubmitForm4 &amp;&amp; form4.firstName&quot;&gt;
+                    &lt;p class=&quot;text-[#1abc9c] mt-1&quot;&gt;Looks Good!&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;isSubmitForm4 &amp;&amp; !form4.firstName&quot;&gt;
+                    &lt;p class=&quot;text-danger mt-1&quot;&gt;Please fill the first name&lt;/p&gt;
+                &lt;/template&gt;
+            &lt;/div&gt;
+            &lt;div :class=&quot;[isSubmitForm4 ? (form4.lastName ? 'has-success' : 'has-error') : '']&quot;&gt;
+                &lt;label for=&quot;customLname&quot;&gt;Last name&lt;/label&gt;
+                &lt;input id=&quot;customLname&quot; type=&quot;text&quot; placeholder=&quot;Enter Last Name&quot; class=&quot;form-input&quot; x-model=&quot;form4.lastName&quot; /&gt;
+                &lt;template x-if=&quot;isSubmitForm4 &amp;&amp; form4.lastName&quot;&gt;
+                    &lt;p class=&quot;text-[#1abc9c] mt-1&quot;&gt;Looks Good!&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;isSubmitForm4 &amp;&amp; !form4.lastName&quot;&gt;
+                    &lt;p class=&quot;text-danger mt-1&quot;&gt;Please fill the last name&lt;/p&gt;
+                &lt;/template&gt;
+            &lt;/div&gt;
+            &lt;div :class=&quot;[isSubmitForm4 ? (form4.userName ? 'has-success' : 'has-error') : '']&quot;&gt;
+                &lt;label for=&quot;customeEmail&quot;&gt;Username&lt;/label&gt;
+                &lt;div class=&quot;flex&quot;&gt;
+                    &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;@&lt;/div&gt;
+                    &lt;input id=&quot;customeEmail&quot; type=&quot;text&quot; placeholder=&quot;Enter Username&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; x-model=&quot;form4.userName&quot; /&gt;
+                &lt;/div&gt;
+                &lt;template x-if=&quot;isSubmitForm4 &amp;&amp; form4.userName&quot;&gt;
+                    &lt;p class=&quot;text-[#1abc9c] mt-1&quot;&gt;Looks Good!&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;isSubmitForm4 &amp;&amp; !form4.userName&quot;&gt;
+                    &lt;p class=&quot;text-danger mt-1&quot;&gt;Please choose a userName&lt;/p&gt;
+                &lt;/template&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;grid grid-cols-1 md:grid-cols-4 gap-5&quot;&gt;
+            &lt;div class=&quot;md:col-span-2&quot; :class=&quot;[isSubmitForm4 ? (form4.city ? 'has-success' : 'has-error') : '']&quot;&gt;
+                &lt;label for=&quot;customeCity&quot;&gt;City&lt;/label&gt;
+                &lt;input id=&quot;customeCity&quot; type=&quot;text&quot; placeholder=&quot;Enter City&quot; class=&quot;form-input&quot; x-model=&quot;form4.city&quot; /&gt;
+                &lt;template x-if=&quot;isSubmitForm4 &amp;&amp; form4.city&quot;&gt;
+                    &lt;p class=&quot;text-[#1abc9c] mt-1&quot;&gt;Looks Good!&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;isSubmitForm4 &amp;&amp; !form4.city&quot;&gt;
+                    &lt;p class=&quot;text-danger mt-1&quot;&gt;Please provide a valid city&lt;/p&gt;
+                &lt;/template&gt;
+            &lt;/div&gt;
+            &lt;div :class=&quot;[isSubmitForm4 ? (form4.state ? 'has-success' : 'has-error') : '']&quot;&gt;
+                &lt;label for=&quot;customeState&quot;&gt;State&lt;/label&gt;
+                &lt;input id=&quot;customeState&quot; type=&quot;text&quot; placeholder=&quot;Enter State&quot; class=&quot;form-input&quot; x-model=&quot;form4.state&quot; /&gt;
+                &lt;template x-if=&quot;isSubmitForm4 &amp;&amp; form4.state&quot;&gt;
+                    &lt;p class=&quot;text-[#1abc9c] mt-1&quot;&gt;Looks Good!&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;isSubmitForm4 &amp;&amp; !form4.state&quot;&gt;
+                    &lt;p class=&quot;text-danger mt-1&quot;&gt;Please provide a valid state&lt;/p&gt;
+                &lt;/template&gt;
+            &lt;/div&gt;
+            &lt;div :class=&quot;[isSubmitForm4 ? (form4.zip ? 'has-success' : 'has-error') : '']&quot;&gt;
+                &lt;label for=&quot;customeZip&quot;&gt;Zip&lt;/label&gt;
+                &lt;input id=&quot;customeZip&quot; type=&quot;text&quot; placeholder=&quot;Enter Zip&quot; class=&quot;form-input&quot; x-model=&quot;form4.zip&quot; /&gt;
+                &lt;template x-if=&quot;isSubmitForm4 &amp;&amp; form4.zip&quot;&gt;
+                    &lt;p class=&quot;text-[#1abc9c] mt-1&quot;&gt;Looks Good!&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;isSubmitForm4 &amp;&amp; !form4.zip&quot;&gt;
+                    &lt;p class=&quot;text-danger mt-1&quot;&gt;Please provide a valid zip&lt;/p&gt;
+                &lt;/template&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div :class=&quot;[isSubmitForm4 ? (form4.isTerms ? 'has-success' : 'has-error') : '']&quot;&gt;
+            &lt;label class=&quot;inline-flex cursor-pointer mt-1&quot;&gt;
+                &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox&quot; x-model=&quot;form4.isTerms&quot; /&gt;
+                &lt;span class=&quot;text-white-dark"  &quot;&gt;Agree to terms and conditions&lt;/span&gt;
+            &lt;/label&gt;
+            &lt;template x-if=&quot;isSubmitForm4 &amp;&amp; !form4.isTerms&quot;&gt;
+                &lt;p class=&quot;text-danger mt-1&quot;&gt;You must agree before submitting.&lt;/p&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+        &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary !mt-6&quot;&gt;Submit Form&lt;/button&gt;
+    &lt;/form&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+     document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                form4: {
+                    firstName: 'Shaun',
+                    lastName: 'Park',
+                    userName: '',
+                    city: '',
+                    state: '',
+                    zip: '',
+                    isTerms: false
+                },
+                isSubmitForm4: false,
+                submitForm4() {
+                    this.isSubmitForm4 = true;
+                    if (this.form4.firstName &amp;&amp; this.form4.lastName &amp;&amp; this.form4.userName &amp;&amp; this.form4.city &amp;&amp; this.form4.state &amp;&amp; this.form4.zip &amp;&amp; this.form4.isTerms) {
+                        //form validated success
+                        this.showMessage('Form submitted successfully.');
+                    }
+                },
+                showMessage(msg = '', type = 'success') {
+                    const toast = window.Swal.mixin({
+                        toast: true,
+                        position: 'top',
+                        showConfirmButton: false,
+                        timer: 3000
+                    });
+                    toast.fire({
+                        icon: type,
+                        title: msg,
+                        padding: '10px 20px'
+                    });
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Browser Default -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Browser Default</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code5')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5" @submit.prevent="submitForm5()">
+                        <div class="grid grid-cols-1 md:grid-cols-3 gap-5">
+                            <div>
+                                <label for="browserFname">First Name</label>
+                                <input id="browserFname" type="text" placeholder="Enter First Name"
+                                    x-model="form5.firstName" class="form-input" required />
+                            </div>
+                            <div>
+                                <label for="browserLname">Last name</label>
+                                <input id="browserLname" type="text" placeholder="Enter Last name"
+                                    x-model="form5.lastName" class="form-input" required />
+                            </div>
+                            <div>
+                                <label for="browserEmail">Username</label>
+                                <div class="flex">
+                                    <div
+                                        class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                        @</div>
+                                    <input id="browserEmail" type="text" placeholder="Enter Username"
+                                        x-model="form5.userName"
+                                        class="form-input ltr:rounded-l-none rtl:rounded-r-none" required />
+                                </div>
+                            </div>
+                        </div>
+                        <div class="grid grid-cols-1 md:grid-cols-4 gap-5">
+                            <div class="md:col-span-2">
+                                <label for="browserCity">City</label>
+                                <input id="browserCity" type="text" placeholder="Enter City" x-model="form5.city"
+                                    class="form-input" required />
+                            </div>
+                            <div>
+                                <label for="browserState">State</label>
+                                <input id="browserState" type="text" placeholder="Enter State"
+                                    x-model="form5.state" class="form-input" required />
+                            </div>
+                            <div>
+                                <label for="browserZip">Zip</label>
+                                <input id="browserZip" type="text" placeholder="Enter Zip" x-model="form5.zip"
+                                    class="form-input" required />
+                            </div>
+                        </div>
+                        <div>
+                            <label class="flex items-center cursor-pointer mt-1">
+                                <input type="checkbox" class="form-checkbox" x-model="form5.isTerms" require />
+                                <span class="text-white-dark">Agree to terms and conditions</span>
+                            </label>
+                        </div>
+                        <button type="submit" class="btn btn-primary !mt-6">Submit Form</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code5')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- browser default --&gt;
+    &lt;div x-data=&quot;form&quot;&gt;
+        &lt;form class=&quot;space-y-5&quot; @submit.prevent=&quot;submitForm5()&quot;&gt;
+            &lt;div class=&quot;grid grid-cols-1 md:grid-cols-3 gap-5&quot;&gt;
+                &lt;div&gt;
+                    &lt;label for=&quot;browserFname&quot;&gt;First Name&lt;/label&gt;
+                    &lt;input id=&quot;browserFname&quot; type=&quot;text&quot; placeholder=&quot;Enter First Name&quot; x-model=&quot;form5.firstName&quot; class=&quot;form-input&quot; required /&gt;
+                &lt;/div&gt;
+                &lt;div&gt;
+                    &lt;label for=&quot;browserLname&quot;&gt;Last name&lt;/label&gt;
+                    &lt;input id=&quot;browserLname&quot; type=&quot;text&quot; placeholder=&quot;Enter Last name&quot; x-model=&quot;form5.lastName&quot; class=&quot;form-input&quot; required /&gt;
+                &lt;/div&gt;
+                &lt;div&gt;
+                    &lt;label for=&quot;browserEmail&quot;&gt;Username&lt;/label&gt;
+                    &lt;div class=&quot;flex&quot;&gt;
+                        &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;@&lt;/div&gt;
+                        &lt;input id=&quot;browserEmail&quot; type=&quot;text&quot; placeholder=&quot;Enter Username&quot; x-model=&quot;form5.userName&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; required /&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;grid grid-cols-1 md:grid-cols-4 gap-5&quot;&gt;
+                &lt;div class=&quot;md:col-span-2&quot;&gt;
+                    &lt;label for=&quot;browserCity&quot;&gt;City&lt;/label&gt;
+                    &lt;input id=&quot;browserCity&quot; type=&quot;text&quot; placeholder=&quot;Enter City&quot; x-model=&quot;form5.city&quot; class=&quot;form-input&quot; required /&gt;
+                &lt;/div&gt;
+                &lt;div&gt;
+                    &lt;label for=&quot;browserState&quot;&gt;State&lt;/label&gt;
+                    &lt;input id=&quot;browserState&quot; type=&quot;text&quot; placeholder=&quot;Enter State&quot; x-model=&quot;form5.state&quot; class=&quot;form-input&quot; required /&gt;
+                &lt;/div&gt;
+                &lt;div&gt;
+                    &lt;label for=&quot;browserZip&quot;&gt;Zip&lt;/label&gt;
+                    &lt;input id=&quot;browserZip&quot; type=&quot;text&quot; placeholder=&quot;Enter Zip&quot; x-model=&quot;form5.zip&quot; class=&quot;form-input&quot; required /&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;label class=&quot;flex items-center cursor-pointer mt-1&quot;&gt;
+                    &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox&quot; x-model=&quot;form5.isTerms&quot; require /&gt;
+                    &lt;span class=&quot;text-white-dark"&quot;&gt;Agree to terms and conditions&lt;/span&gt;
+                &lt;/label&gt;
+            &lt;/div&gt;
+            &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary !mt-6&quot;&gt;Submit Form&lt;/button&gt;
+        &lt;/form&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                form5: {
+                    firstName: 'Shaun',
+                    lastName: 'Park',
+                    userName: '',
+                    city: '',
+                    state: '',
+                    zip: '',
+                    isTerms: false
+                },
+                isSubmitForm5: false,
+                submitForm5() {
+                    this.isSubmitForm5 = true;
+                    if (this.form5.firstName &amp;&amp; this.form5.lastName &amp;&amp; this.form5.userName &amp;&amp; this.form5.city &amp;&amp; this.form5.state &amp;&amp; this.form5.zip &amp;&amp; this.form5.isTerms) {
+                        //form validated success
+                        this.showMessage('Form submitted successfully.');
+                    }
+                },
+                showMessage(msg = '', type = 'success') {
+                    const toast = window.Swal.mixin({
+                        toast: true,
+                        position: 'top',
+                        showConfirmButton: false,
+                        timer: 3000
+                    });
+                    toast.fire({
+                        icon: type,
+                        title: msg,
+                        padding: '10px 20px'
+                    });
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Tooltips -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Tooltips</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code6')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <form class="space-y-5" @submit.prevent="submitForm6()">
+                        <div class="grid grid-cols-1 md:grid-cols-3 gap-5">
+                            <div :class="[isSubmitForm6 ? (form6.firstName ? 'has-success' : 'has-error') : '']">
+                                <label for="tlpFname">First Name</label>
+                                <input id="tlpFname" type="text" placeholder="Enter First Name"
+                                    class="form-input mb-2" x-model="form6.firstName" />
+                                <template x-if="isSubmitForm6 && form6.firstName">
+                                    <span class="text-white bg-[#1abc9c] py-1 px-2 rounded">Looks Good!</span>
+                                </template>
+                                <template x-if="isSubmitForm6 && !form6.firstName">
+                                    <span class="text-white bg-danger py-1 px-2 rounded">Please fill the first
+                                        Name</span>
+                                </template>
+                            </div>
+                            <div :class="[isSubmitForm6 ? (form6.lastName ? 'has-success' : 'has-error') : '']">
+                                <label for="tlpLname">Last name</label>
+                                <input id="tlpLname" type="text" placeholder="Enter Last Name"
+                                    class="form-input mb-2" x-model="form6.lastName" />
+                                <template x-if="isSubmitForm6 && form6.lastName">
+                                    <span class="text-white bg-[#1abc9c] py-1 px-2 rounded">Looks Good!</span>
+                                </template>
+                                <template x-if="isSubmitForm6 && !form6.lastName">
+                                    <span class="text-white bg-danger py-1 px-2 rounded">Please fill the last
+                                        Name</span>
+                                </template>
+                            </div>
+                            <div :class="[isSubmitForm6 ? (form6.userName ? 'has-success' : 'has-error') : '']">
+                                <label for="tlpEmail">Username</label>
+                                <div class="flex">
+                                    <div
+                                        class="bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]">
+                                        @</div>
+                                    <input id="tlpEmail" type="text" placeholder="Enter Username"
+                                        class="form-input ltr:rounded-l-none rtl:rounded-r-none"
+                                        x-model="form6.userName" />
+                                </div>
+                                <div class="mt-2">
+                                    <template x-if="isSubmitForm6 && form6.userName">
+                                        <span class="text-white bg-[#1abc9c] py-1 px-2 rounded">Looks Good!</span>
+                                    </template>
+                                    <template x-if="isSubmitForm6 && !form6.userName">
+                                        <span class="text-white bg-danger py-1 px-2 rounded">Please choose a
+                                            userName.</span>
+                                    </template>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="grid grid-cols-1 md:grid-cols-4 gap-5">
+                            <div class="md:col-span-2"
+                                :class="[isSubmitForm6 ? (form6.city ? 'has-success' : 'has-error') : '']">
+                                <label for="tlpCity">City</label>
+                                <input id="tlpCity" type="text" placeholder="Enter City"
+                                    class="form-input mb-2" x-model="form6.city" />
+                                <template x-if="isSubmitForm6 && form6.city">
+                                    <span class="text-white bg-[#1abc9c] py-1 px-2 rounded">Looks Good!</span>
+                                </template>
+                                <template x-if="isSubmitForm6 && !form6.city">
+                                    <span class="text-white bg-danger py-1 px-2 rounded">Please provide a valid
+                                        city.</span>
+                                </template>
+                            </div>
+                            <div :class="[isSubmitForm6 ? (form6.state ? 'has-success' : 'has-error') : '']">
+                                <label for="tlpState">State</label>
+                                <input id="tlpState" type="text" placeholder="Enter State"
+                                    class="form-input mb-2" x-model="form6.state" />
+                                <template x-if="isSubmitForm6 && form6.state">
+                                    <span class="text-white bg-[#1abc9c] py-1 px-2 rounded">Looks Good!</span>
+                                </template>
+                                <template x-if="isSubmitForm6 && !form6.state">
+                                    <span class="text-white bg-danger py-1 px-2 rounded">Please provide a valid
+                                        state.</span>
+                                </template>
+                            </div>
+                            <div :class="[isSubmitForm6 ? (form6.zip ? 'has-success' : 'has-error') : '']">
+                                <label for="tlpZip">Zip</label>
+                                <input id="tlpZip" type="text" placeholder="Enter Zip" class="form-input mb-2"
+                                    x-model="form6.zip" />
+                                <template x-if="isSubmitForm6 && form6.zip">
+                                    <span class="text-white bg-[#1abc9c] py-1 px-2 rounded">Looks Good!</span>
+                                </template>
+                                <template x-if="isSubmitForm6 && !form6.zip">
+                                    <span class="text-white bg-danger py-1 px-2 rounded">Please provide a valid
+                                        Zip.</span>
+                                </template>
+                            </div>
+                        </div>
+                        <div :class="[isSubmitForm6 ? (form6.isTerms ? 'has-success' : 'has-error') : '']">
+                            <label class="flex items-center cursor-pointer">
+                                <input type="checkbox" class="form-checkbox" x-model="form6.isTerms" />
+                                <span class="text-white-dark">Agree to terms and conditions</span>
+                            </label>
+                            <template x-if="isSubmitForm6 && !form6.isTerms">
+                                <div class="mt-2">
+                                    <span class="text-white bg-danger py-1 px-2 rounded">You must agree before
+                                        submitting.</span>
+                                </div>
+                            </template>
+                        </div>
+                        <button type="submit" class="btn btn-primary !mt-6">Submit Form</button>
+                    </form>
+                </div>
+                <template x-if="codeArr.includes('code6')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- tooltips --&gt;
+    &lt;div x-data=&quot;form&quot;&gt;
+        &lt;form class=&quot;space-y-5&quot; @submit.prevent=&quot;submitForm6()&quot;&gt;
+            &lt;div class=&quot;grid grid-cols-1 md:grid-cols-3 gap-5&quot;&gt;
+                &lt;div :class=&quot;[isSubmitForm6 ? (form6.firstName ? 'has-success' : 'has-error') : '']&quot;&gt;
+                    &lt;label for=&quot;tlpFname&quot;&gt;First Name&lt;/label&gt;
+                    &lt;input id=&quot;tlpFname&quot; type=&quot;text&quot; placeholder=&quot;Enter First Name&quot; class=&quot;form-input mb-2&quot; x-model=&quot;form6.firstName&quot; /&gt;
+                    &lt;template x-if=&quot;isSubmitForm6 &amp;&amp; form6.firstName&quot;&gt;
+                        &lt;span class=&quot;text-white bg-[#1abc9c] py-1 px-2 rounded&quot;&gt;Looks Good!&lt;/span&gt;
+                    &lt;/template&gt;
+                    &lt;template x-if=&quot;isSubmitForm6 &amp;&amp; !form6.firstName&quot;&gt;
+                        &lt;span class=&quot;text-white bg-danger py-1 px-2 rounded&quot;&gt;Please fill the first Name&lt;/span&gt;
+                    &lt;/template&gt;
+                &lt;/div&gt;
+                &lt;div :class=&quot;[isSubmitForm6 ? (form6.lastName ? 'has-success' : 'has-error') : '']&quot;&gt;
+                    &lt;label for=&quot;tlpLname&quot;&gt;Last name&lt;/label&gt;
+                    &lt;input id=&quot;tlpLname&quot; type=&quot;text&quot; placeholder=&quot;Enter Last Name&quot; class=&quot;form-input mb-2&quot; x-model=&quot;form6.lastName&quot; /&gt;
+                    &lt;template x-if=&quot;isSubmitForm6 &amp;&amp; form6.lastName&quot;&gt;
+                        &lt;span class=&quot;text-white bg-[#1abc9c] py-1 px-2 rounded&quot;&gt;Looks Good!&lt;/span&gt;
+                    &lt;/template&gt;
+                    &lt;template x-if=&quot;isSubmitForm6 &amp;&amp; !form6.lastName&quot;&gt;
+                        &lt;span class=&quot;text-white bg-danger py-1 px-2 rounded&quot;&gt;Please fill the last Name&lt;/span&gt;
+                    &lt;/template&gt;
+                &lt;/div&gt;
+                &lt;div :class=&quot;[isSubmitForm6 ? (form6.userName ? 'has-success' : 'has-error') : '']&quot;&gt;
+                    &lt;label for=&quot;tlpEmail&quot;&gt;Username&lt;/label&gt;
+                    &lt;div class=&quot;flex&quot;&gt;
+                        &lt;div class=&quot;bg-[#eee] flex justify-center items-center ltr:rounded-l-md rtl:rounded-r-md px-3 font-semibold border ltr:border-r-0 rtl:border-l-0 border-[#e0e6ed] dark:border-[#17263c] dark:bg-[#1b2e4b]&quot;&gt;@&lt;/div&gt;
+                        &lt;input id=&quot;tlpEmail&quot; type=&quot;text&quot; placeholder=&quot;Enter Username&quot; class=&quot;form-input ltr:rounded-l-none rtl:rounded-r-none&quot; x-model=&quot;form6.userName&quot; /&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;mt-2&quot;&gt;
+                        &lt;template x-if=&quot;isSubmitForm6 &amp;&amp; form6.userName&quot;&gt;
+                            &lt;span class=&quot;text-white bg-[#1abc9c] py-1 px-2 rounded&quot;&gt;Looks Good!&lt;/span&gt;
+                        &lt;/template&gt;
+                        &lt;template x-if=&quot;isSubmitForm6 &amp;&amp; !form6.userName&quot;&gt;
+                            &lt;span class=&quot;text-white bg-danger py-1 px-2 rounded&quot;&gt;Please choose a userName.&lt;/span&gt;
+                        &lt;/template&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;grid grid-cols-1 md:grid-cols-4 gap-5&quot;&gt;
+                &lt;div class=&quot;md:col-span-2&quot; :class=&quot;[isSubmitForm6 ? (form6.city ? 'has-success' : 'has-error') : '']&quot;&gt;
+                    &lt;label for=&quot;tlpCity&quot;&gt;City&lt;/label&gt;
+                    &lt;input id=&quot;tlpCity&quot; type=&quot;text&quot; placeholder=&quot;Enter City&quot; class=&quot;form-input mb-2&quot; x-model=&quot;form6.city&quot; /&gt;
+                    &lt;template x-if=&quot;isSubmitForm6 &amp;&amp; form6.city&quot;&gt;
+                        &lt;span class=&quot;text-white bg-[#1abc9c] py-1 px-2 rounded&quot;&gt;Looks Good!&lt;/span&gt;
+                    &lt;/template&gt;
+                    &lt;template x-if=&quot;isSubmitForm6 &amp;&amp; !form6.city&quot;&gt;
+                        &lt;span class=&quot;text-white bg-danger py-1 px-2 rounded&quot;&gt;Please provide a valid city.&lt;/span&gt;
+                    &lt;/template&gt;
+                &lt;/div&gt;
+                &lt;div :class=&quot;[isSubmitForm6 ? (form6.state ? 'has-success' : 'has-error') : '']&quot;&gt;
+                    &lt;label for=&quot;tlpState&quot;&gt;State&lt;/label&gt;
+                    &lt;input id=&quot;tlpState&quot; type=&quot;text&quot; placeholder=&quot;Enter State&quot; class=&quot;form-input mb-2&quot; x-model=&quot;form6.state&quot; /&gt;
+                    &lt;template x-if=&quot;isSubmitForm6 &amp;&amp; form6.state&quot;&gt;
+                        &lt;span class=&quot;text-white bg-[#1abc9c] py-1 px-2 rounded&quot;&gt;Looks Good!&lt;/span&gt;
+                    &lt;/template&gt;
+                    &lt;template x-if=&quot;isSubmitForm6 &amp;&amp; !form6.state&quot;&gt;
+                        &lt;span class=&quot;text-white bg-danger py-1 px-2 rounded&quot;&gt;Please provide a valid state.&lt;/span&gt;
+                    &lt;/template&gt;
+                &lt;/div&gt;
+                &lt;div :class=&quot;[isSubmitForm6 ? (form6.zip ? 'has-success' : 'has-error') : '']&quot;&gt;
+                    &lt;label for=&quot;tlpZip&quot;&gt;Zip&lt;/label&gt;
+                    &lt;input id=&quot;tlpZip&quot; type=&quot;text&quot; placeholder=&quot;Enter Zip&quot; class=&quot;form-input mb-2&quot; x-model=&quot;form6.zip&quot; /&gt;
+                    &lt;template x-if=&quot;isSubmitForm6 &amp;&amp; form6.zip&quot;&gt;
+                        &lt;span class=&quot;text-white bg-[#1abc9c] py-1 px-2 rounded&quot;&gt;Looks Good!&lt;/span&gt;
+                    &lt;/template&gt;
+                    &lt;template x-if=&quot;isSubmitForm6 &amp;&amp; !form6.zip&quot;&gt;
+                        &lt;span class=&quot;text-white bg-danger py-1 px-2 rounded&quot;&gt;Please provide a valid Zip.&lt;/span&gt;
+                    &lt;/template&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+            &lt;div :class=&quot;[isSubmitForm6 ? (form6.isTerms ? 'has-success' : 'has-error') : '']&quot;&gt;
+                &lt;label class=&quot;flex items-center cursor-pointer&quot;&gt;
+                    &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox&quot; x-model=&quot;form6.isTerms&quot; /&gt;
+                    &lt;span class=&quot;text-white-dark"&quot;&gt;Agree to terms and conditions&lt;/span&gt;
+                &lt;/label&gt;
+                &lt;template x-if=&quot;isSubmitForm6 &amp;&amp; !form6.isTerms&quot;&gt;
+                    &lt;div class=&quot;mt-2&quot;&gt;
+                        &lt;span class=&quot;text-white bg-danger py-1 px-2 rounded&quot;&gt;You must agree before submitting.&lt;/span&gt;
+                    &lt;/div&gt;
+                &lt;/template&gt;
+            &lt;/div&gt;
+            &lt;button type=&quot;submit&quot; class=&quot;btn btn-primary !mt-6&quot;&gt;Submit Form&lt;/button&gt;
+        &lt;/form&gt;
+    &lt;div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+     document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                form6: {
+                    firstName: 'Shaun',
+                    lastName: 'Park',
+                    userName: '',
+                    city: '',
+                    state: '',
+                    zip: '',
+                    isTerms: false
+                },
+                isSubmitForm6: false,
+                submitForm6() {
+                    this.isSubmitForm6 = true;
+                    if (this.form6.firstName &amp;&amp; this.form6.lastName &amp;&amp; this.form6.userName &amp;&amp; this.form6.city &amp;&amp; this.form6.state &amp;&amp; this.form6.zip &amp;&amp; this.form6.isTerms) {
+                        //form validated success
+                        this.showMessage('Form submitted successfully.');
+                    }
+                },
+                showMessage(msg = '', type = 'success') {
+                    const toast = window.Swal.mixin({
+                        toast: true,
+                        position: 'top',
+                        showConfirmButton: false,
+                        timer: 3000
+                    });
+                    toast.fire({
+                        icon: type,
+                        title: msg,
+                        padding: '10px 20px'
+                    });
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+                form1: {
+                    name: ''
+                },
+                isSubmitForm1: false,
+                form2: {
+                    email: ''
+                },
+                isSubmitForm2: false,
+                form3: {
+                    select: ''
+                },
+                isSubmitForm3: false,
+                form4: {
+                    firstName: 'Shaun',
+                    lastName: 'Park',
+                    userName: '',
+                    city: '',
+                    state: '',
+                    zip: '',
+                    isTerms: false
+                },
+                isSubmitForm4: false,
+                form5: {
+                    firstName: 'Shaun',
+                    lastName: 'Park',
+                    userName: '',
+                    city: '',
+                    state: '',
+                    zip: '',
+                    isTerms: false
+                },
+                isSubmitForm5: false,
+                form6: {
+                    firstName: 'Shaun',
+                    lastName: 'Park',
+                    userName: '',
+                    city: '',
+                    state: '',
+                    zip: '',
+                    isTerms: false
+                },
+                isSubmitForm6: false,
+
+                emailValidate(email) {
+                    const regexp = /^[\w.%+-]+@[\w.-]+\.[\w]{2,6}$/;
+                    return regexp.test(email);
+                },
+                submitForm1() {
+                    this.isSubmitForm1 = true;
+                    if (this.form1.name) {
+                        //form validated success
+                        this.showMessage('Form submitted successfully.');
+                    }
+                },
+                submitForm2() {
+                    this.isSubmitForm2 = true;
+                    if (this.emailValidate(this.form2.email)) {
+                        //form validated success
+                        this.showMessage('Form submitted successfully.');
+                    }
+                },
+                submitForm3() {
+                    this.isSubmitForm3 = true;
+                    if (this.form3.select) {
+                        //form validated success
+                        this.showMessage('Form submitted successfully.');
+                    }
+                },
+                submitForm4() {
+                    this.isSubmitForm4 = true;
+                    if (this.form4.firstName && this.form4.lastName && this.form4.userName && this.form4
+                        .city && this.form4.state && this.form4.zip && this.form4.isTerms) {
+                        //form validated success
+                        this.showMessage('Form submitted successfully.');
+                    }
+                },
+                submitForm5() {
+                    this.isSubmitForm5 = true;
+                    if (this.form5.firstName && this.form5.lastName && this.form5.userName && this.form5
+                        .city && this.form5.state && this.form5.zip && this.form5.isTerms) {
+                        //form validated success
+                        this.showMessage('Form submitted successfully.');
+                    }
+                },
+                submitForm6() {
+                    this.isSubmitForm6 = true;
+                    if (this.form6.firstName && this.form6.lastName && this.form6.userName && this.form6
+                        .city && this.form6.state && this.form6.zip && this.form6.isTerms) {
+                        //form validated success
+                        this.showMessage('Form submitted successfully.');
+                    }
+                },
+
+                showMessage(msg = '', type = 'success') {
+                    const toast = window.Swal.mixin({
+                        toast: true,
+                        position: 'top',
+                        showConfirmButton: false,
+                        timer: 3000
+                    });
+                    toast.fire({
+                        icon: type,
+                        title: msg,
+                        padding: '10px 20px'
+                    });
+                },
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/forms/wizards.blade.php b/resources/views/forms/wizards.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..dcb41214e104ea4c3cbeffaef9307ee8b62a5421
--- /dev/null
+++ b/resources/views/forms/wizards.blade.php
@@ -0,0 +1,1052 @@
+<x-layout.default>
+
+
+    <div x-data="form">
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Forms</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Wizards</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8">
+            <h4 class="badge bg-primary inline-block hover:top-0 text-base mb-0">Pills</h4>
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- Basic -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Text Only</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ activeTab: 1 }">
+                        <div class="inline-block w-full">
+                            <ul class="mb-5 grid grid-cols-3 text-center">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="bg-[#f3f2ee] dark:bg-[#1b2e4b] p-2.5 block rounded-full"
+                                        :class="{ '!bg-primary text-white': activeTab === 1 }" @click="activeTab = 1">1
+                                        Home</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="bg-[#f3f2ee] dark:bg-[#1b2e4b] p-2.5 block rounded-full"
+                                        :class="{ '!bg-primary text-white': activeTab === 2 }" @click="activeTab = 2">2
+                                        About</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="bg-[#f3f2ee] dark:bg-[#1b2e4b] p-2.5 block rounded-full"
+                                        :class="{ '!bg-primary text-white': activeTab === 3 }" @click="activeTab = 3">3
+                                        Success</a>
+                                </li>
+                            </ul>
+                            <div>
+                                <template x-if="activeTab === 1">
+                                    <p class="mb-5">Try the keyboard navigation by clicking arrow left or right!</p>
+                                </template>
+                                <template x-if="activeTab === 2">
+                                    <p class="mb-5">The next and previous buttons help you to navigate through your
+                                        content.</p>
+                                </template>
+                                <template x-if="activeTab === 3">
+                                    <p class="mb-5">Wonderful transition effects.</p>
+                                </template>
+                            </div>
+                            <div class="flex justify-between">
+                                <button type="button" class="btn btn-primary" :disabled="activeTab === 1"
+                                    @click="activeTab--">Back</button>
+                                <button type="button" class="btn btn-primary" :disabled="activeTab === 3"
+                                    @click="activeTab++">Next</button>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{ activeTab: 1}&quot;&gt;
+        &lt;div class=&quot;inline-block w-full&quot;&gt;
+            &lt;ul class=&quot;mb-5 grid grid-cols-3 text-center&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:;&quot; class=&quot;bg-[#f3f2ee] dark:bg-[#1b2e4b] p-2.5 block rounded-full&quot; :class=&quot;{'!bg-primary text-white': activeTab === 1}&quot; @click=&quot;activeTab = 1&quot;&gt;1 Home&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:;&quot; class=&quot;bg-[#f3f2ee] dark:bg-[#1b2e4b] p-2.5 block rounded-full&quot; :class=&quot;{'!bg-primary text-white': activeTab === 2}&quot; @click=&quot;activeTab = 2&quot;&gt;2 About&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:;&quot; class=&quot;bg-[#f3f2ee] dark:bg-[#1b2e4b] p-2.5 block rounded-full&quot; :class=&quot;{'!bg-primary text-white': activeTab === 3}&quot; @click=&quot;activeTab = 3&quot;&gt;3 Success&lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+            &lt;div&gt;
+                &lt;template x-if=&quot;activeTab === 1&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;Try the keyboard navigation by clicking arrow left or right!&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;activeTab === 2&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;The next and previous buttons help you to navigate through your content.&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;activeTab === 3&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;Wonderful transition effects.&lt;/p&gt;
+                &lt;/template&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;flex justify-between&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; :disabled=&quot;activeTab === 1&quot; @click=&quot;activeTab--&quot;&gt;Back&lt;/button&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; :disabled=&quot;activeTab === 3&quot; @click=&quot;activeTab++&quot;&gt;Next&lt;/button&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- icon only -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Icon Only</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ activeTab: 1 }">
+                        <div class="inline-block w-full">
+                            <ul class="mb-5 grid grid-cols-3">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="bg-[#f3f2ee] dark:bg-[#1b2e4b] flex justify-center items-center p-2.5 rounded-full"
+                                        :class="{ '!bg-primary text-white': activeTab === 1 }" @click="activeTab = 1">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                            <path opacity="0.5"
+                                                d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="bg-[#f3f2ee] dark:bg-[#1b2e4b] flex justify-center items-center p-2.5 rounded-full"
+                                        :class="{ '!bg-primary text-white': activeTab === 2 }" @click="activeTab = 2">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                            <circle cx="12" cy="6" r="4"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                                ry="4" stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="bg-[#f3f2ee] dark:bg-[#1b2e4b] flex justify-center items-center p-2.5 rounded-full"
+                                        :class="{ '!bg-primary text-white': activeTab === 3 }" @click="activeTab = 3">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                            <path
+                                                d="M20.9751 12.1852L20.2361 12.0574L20.9751 12.1852ZM20.2696 16.265L19.5306 16.1371L20.2696 16.265ZM6.93776 20.4771L6.19055 20.5417H6.19055L6.93776 20.4771ZM6.1256 11.0844L6.87281 11.0198L6.1256 11.0844ZM13.9949 5.22142L14.7351 5.34269V5.34269L13.9949 5.22142ZM13.3323 9.26598L14.0724 9.38725V9.38725L13.3323 9.26598ZM6.69813 9.67749L6.20854 9.10933H6.20854L6.69813 9.67749ZM8.13687 8.43769L8.62646 9.00585H8.62646L8.13687 8.43769ZM10.518 4.78374L9.79207 4.59542L10.518 4.78374ZM10.9938 2.94989L11.7197 3.13821L11.7197 3.13821L10.9938 2.94989ZM12.6676 2.06435L12.4382 2.77841L12.4382 2.77841L12.6676 2.06435ZM12.8126 2.11093L13.0419 1.39687L13.0419 1.39687L12.8126 2.11093ZM9.86194 6.46262L10.5235 6.81599V6.81599L9.86194 6.46262ZM13.9047 3.24752L13.1787 3.43584V3.43584L13.9047 3.24752ZM11.6742 2.13239L11.3486 1.45675L11.3486 1.45675L11.6742 2.13239ZM20.2361 12.0574L19.5306 16.1371L21.0086 16.3928L21.7142 12.313L20.2361 12.0574ZM13.245 21.25H8.59634V22.75H13.245V21.25ZM7.68497 20.4125L6.87281 11.0198L5.37839 11.149L6.19055 20.5417L7.68497 20.4125ZM19.5306 16.1371C19.0238 19.0677 16.3813 21.25 13.245 21.25V22.75C17.0712 22.75 20.3708 20.081 21.0086 16.3928L19.5306 16.1371ZM13.2548 5.10015L12.5921 9.14472L14.0724 9.38725L14.7351 5.34269L13.2548 5.10015ZM7.18772 10.2456L8.62646 9.00585L7.64728 7.86954L6.20854 9.10933L7.18772 10.2456ZM11.244 4.97206L11.7197 3.13821L10.2678 2.76157L9.79207 4.59542L11.244 4.97206ZM12.4382 2.77841L12.5832 2.82498L13.0419 1.39687L12.897 1.3503L12.4382 2.77841ZM10.5235 6.81599C10.8354 6.23198 11.0777 5.61339 11.244 4.97206L9.79207 4.59542C9.65572 5.12107 9.45698 5.62893 9.20041 6.10924L10.5235 6.81599ZM12.5832 2.82498C12.8896 2.92342 13.1072 3.16009 13.1787 3.43584L14.6306 3.05921C14.4252 2.26719 13.819 1.64648 13.0419 1.39687L12.5832 2.82498ZM11.7197 3.13821C11.7547 3.0032 11.8522 2.87913 11.9998 2.80804L11.3486 1.45675C10.8166 1.71309 10.417 2.18627 10.2678 2.76157L11.7197 3.13821ZM11.9998 2.80804C12.1345 2.74311 12.2931 2.73181 12.4382 2.77841L12.897 1.3503C12.3872 1.18655 11.8312 1.2242 11.3486 1.45675L11.9998 2.80804ZM14.1537 10.9842H19.3348V9.4842H14.1537V10.9842ZM14.7351 5.34269C14.8596 4.58256 14.824 3.80477 14.6306 3.0592L13.1787 3.43584C13.3197 3.97923 13.3456 4.54613 13.2548 5.10016L14.7351 5.34269ZM8.59634 21.25C8.12243 21.25 7.726 20.887 7.68497 20.4125L6.19055 20.5417C6.29851 21.7902 7.34269 22.75 8.59634 22.75V21.25ZM8.62646 9.00585C9.30632 8.42 10.0391 7.72267 10.5235 6.81599L9.20041 6.10924C8.85403 6.75767 8.30249 7.30493 7.64728 7.86954L8.62646 9.00585ZM21.7142 12.313C21.9695 10.8365 20.8341 9.4842 19.3348 9.4842V10.9842C19.9014 10.9842 20.3332 11.4959 20.2361 12.0574L21.7142 12.313ZM12.5921 9.14471C12.4344 10.1076 13.1766 10.9842 14.1537 10.9842V9.4842C14.1038 9.4842 14.0639 9.43901 14.0724 9.38725L12.5921 9.14471ZM6.87281 11.0198C6.84739 10.7258 6.96474 10.4378 7.18772 10.2456L6.20854 9.10933C5.62021 9.61631 5.31148 10.3753 5.37839 11.149L6.87281 11.0198Z"
+                                                fill="currentColor" />
+                                            <path opacity="0.5"
+                                                d="M3.9716 21.4709L3.22439 21.5355L3.9716 21.4709ZM3 10.2344L3.74721 10.1698C3.71261 9.76962 3.36893 9.46776 2.96767 9.48507C2.5664 9.50239 2.25 9.83274 2.25 10.2344L3 10.2344ZM4.71881 21.4063L3.74721 10.1698L2.25279 10.299L3.22439 21.5355L4.71881 21.4063ZM3.75 21.5129V10.2344H2.25V21.5129H3.75ZM3.22439 21.5355C3.2112 21.383 3.33146 21.2502 3.48671 21.2502V22.7502C4.21268 22.7502 4.78122 22.1281 4.71881 21.4063L3.22439 21.5355ZM3.48671 21.2502C3.63292 21.2502 3.75 21.3686 3.75 21.5129H2.25C2.25 22.1954 2.80289 22.7502 3.48671 22.7502V21.2502Z"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </a>
+                                </li>
+                            </ul>
+                            <div>
+                                <template x-if="activeTab === 1">
+                                    <p class="mb-5">Try the keyboard navigation by clicking arrow left or right!</p>
+                                </template>
+                                <template x-if="activeTab === 2">
+                                    <p class="mb-5">The next and previous buttons help you to navigate through your
+                                        content.</p>
+                                </template>
+                                <template x-if="activeTab === 3">
+                                    <p class="mb-5">Wonderful transition effects.</p>
+                                </template>
+                            </div>
+                            <div class="flex justify-between">
+                                <button type="button" class="btn btn-primary" :disabled="activeTab === 1"
+                                    @click="activeTab--">Back</button>
+                                <button type="button" class="btn btn-primary" :disabled="activeTab === 3"
+                                    @click="activeTab++">Next</button>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- icon only --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{ activeTab: 1}&quot;&gt;
+        &lt;div class=&quot;inline-block w-full&quot;&gt;
+            &lt;ul class=&quot;mb-5 grid grid-cols-3&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:;&quot; class=&quot;bg-[#f3f2ee] dark:bg-[#1b2e4b] flex justify-center items-center p-2.5 rounded-full&quot; :class=&quot;{'!bg-primary text-white': activeTab === 1}&quot; @click=&quot;activeTab = 1&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:;&quot; class=&quot;bg-[#f3f2ee] dark:bg-[#1b2e4b] flex justify-center items-center p-2.5 rounded-full&quot; :class=&quot;{'!bg-primary text-white': activeTab === 2}&quot; @click=&quot;activeTab = 2&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:;&quot; class=&quot;bg-[#f3f2ee] dark:bg-[#1b2e4b] flex justify-center items-center p-2.5 rounded-full&quot; :class=&quot;{'!bg-primary text-white': activeTab === 3}&quot; @click=&quot;activeTab = 3&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+            &lt;div&gt;
+                &lt;template x-if=&quot;activeTab === 1&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;Try the keyboard navigation by clicking arrow left or right!&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;activeTab === 2&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;The next and previous buttons help you to navigate through your content.&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;activeTab === 3&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;Wonderful transition effects.&lt;/p&gt;
+                &lt;/template&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;flex justify-between&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; :disabled=&quot;activeTab === 1&quot; @click=&quot;activeTab--&quot;&gt;Back&lt;/button&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; :disabled=&quot;activeTab === 3&quot; @click=&quot;activeTab++&quot;&gt;Next&lt;/button&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Text & Icon -->
+                <div class="panel lg:col-span-2">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Text & Icon</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code3')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ activeTab: 1 }">
+                        <div class="inline-block w-full">
+                            <ul class="mb-5 grid grid-cols-3">
+                                <li>
+                                    <a href="javascript:;" :class="{ 'text-primary': activeTab === 1 }"
+                                        @click="activeTab = 1">
+                                        <div class="bg-[#f3f2ee] dark:bg-[#1b2e4b] flex justify-center items-center p-2.5 rounded-full"
+                                            :class="{ '!bg-primary text-white': activeTab === 1 }"
+                                            @click="activeTab = 1">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                <path opacity="0.5"
+                                                    d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                                    stroke-linecap="round" />
+                                            </svg>
+                                        </div>
+                                        <span class="text-center block mt-2">Home</span>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;" :class="{ 'text-primary': activeTab === 2 }"
+                                        @click="activeTab = 2">
+                                        <div class="bg-[#f3f2ee] dark:bg-[#1b2e4b] flex justify-center items-center p-2.5 rounded-full"
+                                            :class="{ '!bg-primary text-white': activeTab === 2 }"
+                                            @click="activeTab = 2">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                <circle cx="12" cy="6" r="4"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                                    ry="4" stroke="currentColor" stroke-width="1.5" />
+                                            </svg>
+                                        </div>
+                                        <span class="text-center block mt-2">About</span>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;" :class="{ 'text-primary': activeTab === 3 }"
+                                        @click="activeTab = 3">
+                                        <div class="bg-[#f3f2ee] dark:bg-[#1b2e4b] flex justify-center items-center p-2.5 rounded-full"
+                                            :class="{ '!bg-primary text-white': activeTab === 3 }"
+                                            @click="activeTab = 3">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                <path
+                                                    d="M20.9751 12.1852L20.2361 12.0574L20.9751 12.1852ZM20.2696 16.265L19.5306 16.1371L20.2696 16.265ZM6.93776 20.4771L6.19055 20.5417H6.19055L6.93776 20.4771ZM6.1256 11.0844L6.87281 11.0198L6.1256 11.0844ZM13.9949 5.22142L14.7351 5.34269V5.34269L13.9949 5.22142ZM13.3323 9.26598L14.0724 9.38725V9.38725L13.3323 9.26598ZM6.69813 9.67749L6.20854 9.10933H6.20854L6.69813 9.67749ZM8.13687 8.43769L8.62646 9.00585H8.62646L8.13687 8.43769ZM10.518 4.78374L9.79207 4.59542L10.518 4.78374ZM10.9938 2.94989L11.7197 3.13821L11.7197 3.13821L10.9938 2.94989ZM12.6676 2.06435L12.4382 2.77841L12.4382 2.77841L12.6676 2.06435ZM12.8126 2.11093L13.0419 1.39687L13.0419 1.39687L12.8126 2.11093ZM9.86194 6.46262L10.5235 6.81599V6.81599L9.86194 6.46262ZM13.9047 3.24752L13.1787 3.43584V3.43584L13.9047 3.24752ZM11.6742 2.13239L11.3486 1.45675L11.3486 1.45675L11.6742 2.13239ZM20.2361 12.0574L19.5306 16.1371L21.0086 16.3928L21.7142 12.313L20.2361 12.0574ZM13.245 21.25H8.59634V22.75H13.245V21.25ZM7.68497 20.4125L6.87281 11.0198L5.37839 11.149L6.19055 20.5417L7.68497 20.4125ZM19.5306 16.1371C19.0238 19.0677 16.3813 21.25 13.245 21.25V22.75C17.0712 22.75 20.3708 20.081 21.0086 16.3928L19.5306 16.1371ZM13.2548 5.10015L12.5921 9.14472L14.0724 9.38725L14.7351 5.34269L13.2548 5.10015ZM7.18772 10.2456L8.62646 9.00585L7.64728 7.86954L6.20854 9.10933L7.18772 10.2456ZM11.244 4.97206L11.7197 3.13821L10.2678 2.76157L9.79207 4.59542L11.244 4.97206ZM12.4382 2.77841L12.5832 2.82498L13.0419 1.39687L12.897 1.3503L12.4382 2.77841ZM10.5235 6.81599C10.8354 6.23198 11.0777 5.61339 11.244 4.97206L9.79207 4.59542C9.65572 5.12107 9.45698 5.62893 9.20041 6.10924L10.5235 6.81599ZM12.5832 2.82498C12.8896 2.92342 13.1072 3.16009 13.1787 3.43584L14.6306 3.05921C14.4252 2.26719 13.819 1.64648 13.0419 1.39687L12.5832 2.82498ZM11.7197 3.13821C11.7547 3.0032 11.8522 2.87913 11.9998 2.80804L11.3486 1.45675C10.8166 1.71309 10.417 2.18627 10.2678 2.76157L11.7197 3.13821ZM11.9998 2.80804C12.1345 2.74311 12.2931 2.73181 12.4382 2.77841L12.897 1.3503C12.3872 1.18655 11.8312 1.2242 11.3486 1.45675L11.9998 2.80804ZM14.1537 10.9842H19.3348V9.4842H14.1537V10.9842ZM14.7351 5.34269C14.8596 4.58256 14.824 3.80477 14.6306 3.0592L13.1787 3.43584C13.3197 3.97923 13.3456 4.54613 13.2548 5.10016L14.7351 5.34269ZM8.59634 21.25C8.12243 21.25 7.726 20.887 7.68497 20.4125L6.19055 20.5417C6.29851 21.7902 7.34269 22.75 8.59634 22.75V21.25ZM8.62646 9.00585C9.30632 8.42 10.0391 7.72267 10.5235 6.81599L9.20041 6.10924C8.85403 6.75767 8.30249 7.30493 7.64728 7.86954L8.62646 9.00585ZM21.7142 12.313C21.9695 10.8365 20.8341 9.4842 19.3348 9.4842V10.9842C19.9014 10.9842 20.3332 11.4959 20.2361 12.0574L21.7142 12.313ZM12.5921 9.14471C12.4344 10.1076 13.1766 10.9842 14.1537 10.9842V9.4842C14.1038 9.4842 14.0639 9.43901 14.0724 9.38725L12.5921 9.14471ZM6.87281 11.0198C6.84739 10.7258 6.96474 10.4378 7.18772 10.2456L6.20854 9.10933C5.62021 9.61631 5.31148 10.3753 5.37839 11.149L6.87281 11.0198Z"
+                                                    fill="currentColor" />
+                                                <path opacity="0.5"
+                                                    d="M3.9716 21.4709L3.22439 21.5355L3.9716 21.4709ZM3 10.2344L3.74721 10.1698C3.71261 9.76962 3.36893 9.46776 2.96767 9.48507C2.5664 9.50239 2.25 9.83274 2.25 10.2344L3 10.2344ZM4.71881 21.4063L3.74721 10.1698L2.25279 10.299L3.22439 21.5355L4.71881 21.4063ZM3.75 21.5129V10.2344H2.25V21.5129H3.75ZM3.22439 21.5355C3.2112 21.383 3.33146 21.2502 3.48671 21.2502V22.7502C4.21268 22.7502 4.78122 22.1281 4.71881 21.4063L3.22439 21.5355ZM3.48671 21.2502C3.63292 21.2502 3.75 21.3686 3.75 21.5129H2.25C2.25 22.1954 2.80289 22.7502 3.48671 22.7502V21.2502Z"
+                                                    fill="currentColor" />
+                                            </svg>
+                                        </div>
+                                        <span class="text-center block mt-2">Success</span>
+                                    </a>
+                                </li>
+                            </ul>
+                            <div>
+                                <template x-if="activeTab === 1">
+                                    <p class="mb-5">Try the keyboard navigation by clicking arrow left or right!</p>
+                                </template>
+                                <template x-if="activeTab === 2">
+                                    <p class="mb-5">The next and previous buttons help you to navigate through your
+                                        content.</p>
+                                </template>
+                                <template x-if="activeTab === 3">
+                                    <p class="mb-5">Wonderful transition effects.</p>
+                                </template>
+                            </div>
+                            <div class="flex justify-between">
+                                <button type="button" class="btn btn-primary" :disabled="activeTab === 1"
+                                    @click="activeTab--">Back</button>
+                                <button type="button" class="btn btn-primary" :disabled="activeTab === 3"
+                                    @click="activeTab++">Next</button>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code3')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- text & icon --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{ activeTab: 1}&quot;&gt;
+        &lt;div class=&quot;inline-block w-full&quot;&gt;
+            &lt;ul class=&quot;mb-5 grid grid-cols-3&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:;&quot; :class=&quot;{'text-primary': activeTab === 1}&quot; @click=&quot;activeTab = 1&quot;&gt;
+                        &lt;div class=&quot;bg-[#f3f2ee] dark:bg-[#1b2e4b] flex justify-center items-center p-2.5 rounded-full&quot; :class=&quot;{'!bg-primary text-white': activeTab === 1}&quot; @click=&quot;activeTab = 1&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/div&gt;
+                        &lt;span class=&quot;text-center block mt-2&quot;&gt;Home&lt;/span&gt;
+                    &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:;&quot; :class=&quot;{'text-primary': activeTab === 2}&quot; @click=&quot;activeTab = 2&quot;&gt;
+                        &lt;div class=&quot;bg-[#f3f2ee] dark:bg-[#1b2e4b] flex justify-center items-center p-2.5 rounded-full&quot; :class=&quot;{'!bg-primary text-white': activeTab === 2}&quot; @click=&quot;activeTab = 2&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/div&gt;
+                        &lt;span class=&quot;text-center block mt-2&quot;&gt;About&lt;/span&gt;
+                    &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:;&quot; :class=&quot;{'text-primary': activeTab === 3}&quot; @click=&quot;activeTab = 3&quot;&gt;
+                        &lt;div class=&quot;bg-[#f3f2ee] dark:bg-[#1b2e4b] flex justify-center items-center p-2.5 rounded-full&quot; :class=&quot;{'!bg-primary text-white': activeTab === 3}&quot; @click=&quot;activeTab = 3&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/div&gt;
+                        &lt;span class=&quot;text-center block mt-2&quot;&gt;Success&lt;/span&gt;
+                    &lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+            &lt;div&gt;
+                &lt;template x-if=&quot;activeTab === 1&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;Try the keyboard navigation by clicking arrow left or right!&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;activeTab === 2&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;The next and previous buttons help you to navigate through your content.&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;activeTab === 3&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;Wonderful transition effects.&lt;/p&gt;
+                &lt;/template&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;flex justify-between&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; :disabled=&quot;activeTab === 1&quot; @click=&quot;activeTab--&quot;&gt;Back&lt;/button&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; :disabled=&quot;activeTab === 3&quot; @click=&quot;activeTab++&quot;&gt;Next&lt;/button&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+            <!-- Circle -->
+            <h4 class="badge bg-primary inline-block hover:top-0 text-base mb-0">Circle</h4>
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- icon only -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Icon Only</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code4')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ activeTab: 1 }">
+                        <div class="inline-block w-full">
+                            <div class="relative z-[1]">
+                                <div class="bg-primary w-[15%] h-1 absolute ltr:left-0 rtl:right-0 top-[30px] m-auto -z-[1] transition-[width]"
+                                    :class="{ 'w-[15%]': activeTab === 1, 'w-[48%]': activeTab === 2, 'w-[81%]': activeTab ===
+                                        3 }">
+                                </div>
+                                <ul class="mb-5 grid grid-cols-3">
+                                    <li class="mx-auto">
+                                        <a href="javascript:;"
+                                            class="bg-white dark:bg-[#253b5c] border-[3px] border-[#f3f2ee] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16 rounded-full"
+                                            :class="{ '!border-primary !bg-primary text-white': activeTab === 1 }"
+                                            @click="activeTab = 1">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                <path opacity="0.5"
+                                                    d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                                    stroke-linecap="round" />
+                                            </svg>
+                                        </a>
+                                    </li>
+                                    <li class="mx-auto">
+                                        <a href="javascript:;"
+                                            class="bg-white dark:bg-[#253b5c] border-[3px] border-[#f3f2ee] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16 rounded-full"
+                                            :class="{ '!border-primary !bg-primary text-white': activeTab === 2 }"
+                                            @click="activeTab = 2">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                <circle cx="12" cy="6" r="4"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                                    ry="4" stroke="currentColor" stroke-width="1.5" />
+                                            </svg>
+                                        </a>
+                                    </li>
+                                    <li class="mx-auto">
+                                        <a href="javascript:;"
+                                            class="bg-white dark:bg-[#253b5c] border-[3px] border-[#f3f2ee] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16 rounded-full"
+                                            :class="{ '!border-primary !bg-primary text-white': activeTab === 3 }"
+                                            @click="activeTab = 3">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                <path
+                                                    d="M20.9751 12.1852L20.2361 12.0574L20.9751 12.1852ZM20.2696 16.265L19.5306 16.1371L20.2696 16.265ZM6.93776 20.4771L6.19055 20.5417H6.19055L6.93776 20.4771ZM6.1256 11.0844L6.87281 11.0198L6.1256 11.0844ZM13.9949 5.22142L14.7351 5.34269V5.34269L13.9949 5.22142ZM13.3323 9.26598L14.0724 9.38725V9.38725L13.3323 9.26598ZM6.69813 9.67749L6.20854 9.10933H6.20854L6.69813 9.67749ZM8.13687 8.43769L8.62646 9.00585H8.62646L8.13687 8.43769ZM10.518 4.78374L9.79207 4.59542L10.518 4.78374ZM10.9938 2.94989L11.7197 3.13821L11.7197 3.13821L10.9938 2.94989ZM12.6676 2.06435L12.4382 2.77841L12.4382 2.77841L12.6676 2.06435ZM12.8126 2.11093L13.0419 1.39687L13.0419 1.39687L12.8126 2.11093ZM9.86194 6.46262L10.5235 6.81599V6.81599L9.86194 6.46262ZM13.9047 3.24752L13.1787 3.43584V3.43584L13.9047 3.24752ZM11.6742 2.13239L11.3486 1.45675L11.3486 1.45675L11.6742 2.13239ZM20.2361 12.0574L19.5306 16.1371L21.0086 16.3928L21.7142 12.313L20.2361 12.0574ZM13.245 21.25H8.59634V22.75H13.245V21.25ZM7.68497 20.4125L6.87281 11.0198L5.37839 11.149L6.19055 20.5417L7.68497 20.4125ZM19.5306 16.1371C19.0238 19.0677 16.3813 21.25 13.245 21.25V22.75C17.0712 22.75 20.3708 20.081 21.0086 16.3928L19.5306 16.1371ZM13.2548 5.10015L12.5921 9.14472L14.0724 9.38725L14.7351 5.34269L13.2548 5.10015ZM7.18772 10.2456L8.62646 9.00585L7.64728 7.86954L6.20854 9.10933L7.18772 10.2456ZM11.244 4.97206L11.7197 3.13821L10.2678 2.76157L9.79207 4.59542L11.244 4.97206ZM12.4382 2.77841L12.5832 2.82498L13.0419 1.39687L12.897 1.3503L12.4382 2.77841ZM10.5235 6.81599C10.8354 6.23198 11.0777 5.61339 11.244 4.97206L9.79207 4.59542C9.65572 5.12107 9.45698 5.62893 9.20041 6.10924L10.5235 6.81599ZM12.5832 2.82498C12.8896 2.92342 13.1072 3.16009 13.1787 3.43584L14.6306 3.05921C14.4252 2.26719 13.819 1.64648 13.0419 1.39687L12.5832 2.82498ZM11.7197 3.13821C11.7547 3.0032 11.8522 2.87913 11.9998 2.80804L11.3486 1.45675C10.8166 1.71309 10.417 2.18627 10.2678 2.76157L11.7197 3.13821ZM11.9998 2.80804C12.1345 2.74311 12.2931 2.73181 12.4382 2.77841L12.897 1.3503C12.3872 1.18655 11.8312 1.2242 11.3486 1.45675L11.9998 2.80804ZM14.1537 10.9842H19.3348V9.4842H14.1537V10.9842ZM14.7351 5.34269C14.8596 4.58256 14.824 3.80477 14.6306 3.0592L13.1787 3.43584C13.3197 3.97923 13.3456 4.54613 13.2548 5.10016L14.7351 5.34269ZM8.59634 21.25C8.12243 21.25 7.726 20.887 7.68497 20.4125L6.19055 20.5417C6.29851 21.7902 7.34269 22.75 8.59634 22.75V21.25ZM8.62646 9.00585C9.30632 8.42 10.0391 7.72267 10.5235 6.81599L9.20041 6.10924C8.85403 6.75767 8.30249 7.30493 7.64728 7.86954L8.62646 9.00585ZM21.7142 12.313C21.9695 10.8365 20.8341 9.4842 19.3348 9.4842V10.9842C19.9014 10.9842 20.3332 11.4959 20.2361 12.0574L21.7142 12.313ZM12.5921 9.14471C12.4344 10.1076 13.1766 10.9842 14.1537 10.9842V9.4842C14.1038 9.4842 14.0639 9.43901 14.0724 9.38725L12.5921 9.14471ZM6.87281 11.0198C6.84739 10.7258 6.96474 10.4378 7.18772 10.2456L6.20854 9.10933C5.62021 9.61631 5.31148 10.3753 5.37839 11.149L6.87281 11.0198Z"
+                                                    fill="currentColor" />
+                                                <path opacity="0.5"
+                                                    d="M3.9716 21.4709L3.22439 21.5355L3.9716 21.4709ZM3 10.2344L3.74721 10.1698C3.71261 9.76962 3.36893 9.46776 2.96767 9.48507C2.5664 9.50239 2.25 9.83274 2.25 10.2344L3 10.2344ZM4.71881 21.4063L3.74721 10.1698L2.25279 10.299L3.22439 21.5355L4.71881 21.4063ZM3.75 21.5129V10.2344H2.25V21.5129H3.75ZM3.22439 21.5355C3.2112 21.383 3.33146 21.2502 3.48671 21.2502V22.7502C4.21268 22.7502 4.78122 22.1281 4.71881 21.4063L3.22439 21.5355ZM3.48671 21.2502C3.63292 21.2502 3.75 21.3686 3.75 21.5129H2.25C2.25 22.1954 2.80289 22.7502 3.48671 22.7502V21.2502Z"
+                                                    fill="currentColor" />
+                                            </svg>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div>
+                                <template x-if="activeTab === 1">
+                                    <p class="mb-5">Try the keyboard navigation by clicking arrow left or right!</p>
+                                </template>
+                                <template x-if="activeTab === 2">
+                                    <p class="mb-5">The next and previous buttons help you to navigate through your
+                                        content.</p>
+                                </template>
+                                <template x-if="activeTab === 3">
+                                    <p class="mb-5">Wonderful transition effects.</p>
+                                </template>
+                            </div>
+                            <div class="flex justify-between">
+                                <button type="button" class="btn btn-primary" :disabled="activeTab === 1"
+                                    @click="activeTab--">Back</button>
+                                <button type="button" class="btn btn-primary" :disabled="activeTab === 3"
+                                    @click="activeTab++">Next</button>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code4')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- icon only --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{ activeTab: 1}&quot;&gt;
+        &lt;div class=&quot;inline-block w-full&quot;&gt;
+            &lt;div class=&quot;relative z-[1]&quot;&gt;
+                &lt;div class=&quot;bg-primary w-[15%] h-1 absolute ltr:left-0 rtl:right-0 top-[30px] m-auto -z-[1] transition-[width]&quot; :class=&quot;{'w-[15%]' : activeTab === 1, 'w-[48%]' : activeTab === 2, 'w-[81%]' : activeTab === 3}&quot;&gt;&lt;/div&gt;
+                &lt;ul class=&quot;mb-5 grid grid-cols-3&quot;&gt;
+                    &lt;li class=&quot;mx-auto&quot;&gt;
+                        &lt;a href=&quot;javascript:;&quot; class=&quot;bg-white dark:bg-[#253b5c] border-[3px] border-[#f3f2ee] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16 rounded-full&quot; :class=&quot;{'!border-primary !bg-primary text-white': activeTab === 1}&quot; @click=&quot;activeTab = 1&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/a&gt;
+                    &lt;/li&gt;
+                    &lt;li class=&quot;mx-auto&quot;&gt;
+                        &lt;a href=&quot;javascript:;&quot; class=&quot;bg-white dark:bg-[#253b5c] border-[3px] border-[#f3f2ee] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16 rounded-full&quot; :class=&quot;{'!border-primary !bg-primary text-white': activeTab === 2}&quot; @click=&quot;activeTab = 2&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/a&gt;
+                    &lt;/li&gt;
+                    &lt;li class=&quot;mx-auto&quot;&gt;
+                        &lt;a href=&quot;javascript:;&quot; class=&quot;bg-white dark:bg-[#253b5c] border-[3px] border-[#f3f2ee] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16 rounded-full&quot; :class=&quot;{'!border-primary !bg-primary text-white': activeTab === 3}&quot; @click=&quot;activeTab = 3&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/a&gt;
+                    &lt;/li&gt;
+                &lt;/ul&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;template x-if=&quot;activeTab === 1&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;Try the keyboard navigation by clicking arrow left or right!&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;activeTab === 2&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;The next and previous buttons help you to navigate through your content.&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;activeTab === 3&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;Wonderful transition effects.&lt;/p&gt;
+                &lt;/template&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;flex justify-between&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; :disabled=&quot;activeTab === 1&quot; @click=&quot;activeTab--&quot;&gt;Back&lt;/button&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; :disabled=&quot;activeTab === 3&quot; @click=&quot;activeTab++&quot;&gt;Next&lt;/button&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Text & Icon -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Text & Icon</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code5')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ activeTab: 1 }">
+                        <div class="inline-block w-full">
+                            <div class="relative z-[1]">
+                                <div class="bg-primary w-[15%] h-1 absolute ltr:left-0 rtl:right-0 top-[30px] m-auto -z-[1] transition-[width]"
+                                    :class="{ 'w-[15%]': activeTab === 1, 'w-[48%]': activeTab === 2, 'w-[81%]': activeTab ===
+                                        3 }">
+                                </div>
+                                <ul class="mb-5 grid grid-cols-3">
+                                    <li class="mx-auto">
+                                        <a href="javascript:;"
+                                            class="border-[3px] border-[#f3f2ee] bg-white dark:bg-[#253b5c] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16 rounded-full"
+                                            :class="{ '!border-primary !bg-primary text-white': activeTab === 1 }"
+                                            @click="activeTab = 1">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                <path opacity="0.5"
+                                                    d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                                    stroke-linecap="round" />
+                                            </svg>
+                                        </a>
+                                        <span class="text-center block mt-2"
+                                            :class="{ 'text-primary': activeTab === 1 }">Home</span>
+                                    </li>
+                                    <li class="mx-auto">
+                                        <a href="javascript:;"
+                                            class="border-[3px] border-[#f3f2ee] bg-white dark:bg-[#253b5c] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16 rounded-full"
+                                            :class="{ '!border-primary !bg-primary text-white': activeTab === 2 }"
+                                            @click="activeTab = 2">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                <circle cx="12" cy="6" r="4"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                                    ry="4" stroke="currentColor" stroke-width="1.5" />
+                                            </svg>
+                                        </a>
+                                        <span class="text-center block mt-2"
+                                            :class="{ 'text-primary': activeTab === 2 }">About</span>
+                                    </li>
+                                    <li class="mx-auto">
+                                        <a href="javascript:;"
+                                            class="border-[3px] border-[#f3f2ee] bg-white dark:bg-[#253b5c] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16 rounded-full"
+                                            :class="{ '!border-primary !bg-primary text-white': activeTab === 3 }"
+                                            @click="activeTab = 3">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                <path
+                                                    d="M20.9751 12.1852L20.2361 12.0574L20.9751 12.1852ZM20.2696 16.265L19.5306 16.1371L20.2696 16.265ZM6.93776 20.4771L6.19055 20.5417H6.19055L6.93776 20.4771ZM6.1256 11.0844L6.87281 11.0198L6.1256 11.0844ZM13.9949 5.22142L14.7351 5.34269V5.34269L13.9949 5.22142ZM13.3323 9.26598L14.0724 9.38725V9.38725L13.3323 9.26598ZM6.69813 9.67749L6.20854 9.10933H6.20854L6.69813 9.67749ZM8.13687 8.43769L8.62646 9.00585H8.62646L8.13687 8.43769ZM10.518 4.78374L9.79207 4.59542L10.518 4.78374ZM10.9938 2.94989L11.7197 3.13821L11.7197 3.13821L10.9938 2.94989ZM12.6676 2.06435L12.4382 2.77841L12.4382 2.77841L12.6676 2.06435ZM12.8126 2.11093L13.0419 1.39687L13.0419 1.39687L12.8126 2.11093ZM9.86194 6.46262L10.5235 6.81599V6.81599L9.86194 6.46262ZM13.9047 3.24752L13.1787 3.43584V3.43584L13.9047 3.24752ZM11.6742 2.13239L11.3486 1.45675L11.3486 1.45675L11.6742 2.13239ZM20.2361 12.0574L19.5306 16.1371L21.0086 16.3928L21.7142 12.313L20.2361 12.0574ZM13.245 21.25H8.59634V22.75H13.245V21.25ZM7.68497 20.4125L6.87281 11.0198L5.37839 11.149L6.19055 20.5417L7.68497 20.4125ZM19.5306 16.1371C19.0238 19.0677 16.3813 21.25 13.245 21.25V22.75C17.0712 22.75 20.3708 20.081 21.0086 16.3928L19.5306 16.1371ZM13.2548 5.10015L12.5921 9.14472L14.0724 9.38725L14.7351 5.34269L13.2548 5.10015ZM7.18772 10.2456L8.62646 9.00585L7.64728 7.86954L6.20854 9.10933L7.18772 10.2456ZM11.244 4.97206L11.7197 3.13821L10.2678 2.76157L9.79207 4.59542L11.244 4.97206ZM12.4382 2.77841L12.5832 2.82498L13.0419 1.39687L12.897 1.3503L12.4382 2.77841ZM10.5235 6.81599C10.8354 6.23198 11.0777 5.61339 11.244 4.97206L9.79207 4.59542C9.65572 5.12107 9.45698 5.62893 9.20041 6.10924L10.5235 6.81599ZM12.5832 2.82498C12.8896 2.92342 13.1072 3.16009 13.1787 3.43584L14.6306 3.05921C14.4252 2.26719 13.819 1.64648 13.0419 1.39687L12.5832 2.82498ZM11.7197 3.13821C11.7547 3.0032 11.8522 2.87913 11.9998 2.80804L11.3486 1.45675C10.8166 1.71309 10.417 2.18627 10.2678 2.76157L11.7197 3.13821ZM11.9998 2.80804C12.1345 2.74311 12.2931 2.73181 12.4382 2.77841L12.897 1.3503C12.3872 1.18655 11.8312 1.2242 11.3486 1.45675L11.9998 2.80804ZM14.1537 10.9842H19.3348V9.4842H14.1537V10.9842ZM14.7351 5.34269C14.8596 4.58256 14.824 3.80477 14.6306 3.0592L13.1787 3.43584C13.3197 3.97923 13.3456 4.54613 13.2548 5.10016L14.7351 5.34269ZM8.59634 21.25C8.12243 21.25 7.726 20.887 7.68497 20.4125L6.19055 20.5417C6.29851 21.7902 7.34269 22.75 8.59634 22.75V21.25ZM8.62646 9.00585C9.30632 8.42 10.0391 7.72267 10.5235 6.81599L9.20041 6.10924C8.85403 6.75767 8.30249 7.30493 7.64728 7.86954L8.62646 9.00585ZM21.7142 12.313C21.9695 10.8365 20.8341 9.4842 19.3348 9.4842V10.9842C19.9014 10.9842 20.3332 11.4959 20.2361 12.0574L21.7142 12.313ZM12.5921 9.14471C12.4344 10.1076 13.1766 10.9842 14.1537 10.9842V9.4842C14.1038 9.4842 14.0639 9.43901 14.0724 9.38725L12.5921 9.14471ZM6.87281 11.0198C6.84739 10.7258 6.96474 10.4378 7.18772 10.2456L6.20854 9.10933C5.62021 9.61631 5.31148 10.3753 5.37839 11.149L6.87281 11.0198Z"
+                                                    fill="currentColor" />
+                                                <path opacity="0.5"
+                                                    d="M3.9716 21.4709L3.22439 21.5355L3.9716 21.4709ZM3 10.2344L3.74721 10.1698C3.71261 9.76962 3.36893 9.46776 2.96767 9.48507C2.5664 9.50239 2.25 9.83274 2.25 10.2344L3 10.2344ZM4.71881 21.4063L3.74721 10.1698L2.25279 10.299L3.22439 21.5355L4.71881 21.4063ZM3.75 21.5129V10.2344H2.25V21.5129H3.75ZM3.22439 21.5355C3.2112 21.383 3.33146 21.2502 3.48671 21.2502V22.7502C4.21268 22.7502 4.78122 22.1281 4.71881 21.4063L3.22439 21.5355ZM3.48671 21.2502C3.63292 21.2502 3.75 21.3686 3.75 21.5129H2.25C2.25 22.1954 2.80289 22.7502 3.48671 22.7502V21.2502Z"
+                                                    fill="currentColor" />
+                                            </svg>
+                                        </a>
+                                        <span class="text-center block mt-2"
+                                            :class="{ 'text-primary': activeTab === 3 }">Success</span>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div>
+                                <template x-if="activeTab === 1">
+                                    <p class="mb-5">Try the keyboard navigation by clicking arrow left or right!</p>
+                                </template>
+                                <template x-if="activeTab === 2">
+                                    <p class="mb-5">The next and previous buttons help you to navigate through your
+                                        content.</p>
+                                </template>
+                                <template x-if="activeTab === 3">
+                                    <p class="mb-5">Wonderful transition effects.</p>
+                                </template>
+                            </div>
+                            <div class="flex justify-between">
+                                <button type="button" class="btn btn-primary" :disabled="activeTab === 1"
+                                    @click="activeTab--">Back</button>
+                                <button type="button" class="btn btn-primary" :disabled="activeTab === 3"
+                                    @click="activeTab++">Next</button>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code5')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{ activeTab: 1}&quot;&gt;
+        &lt;div class=&quot;inline-block w-full&quot;&gt;
+            &lt;div class=&quot;relative z-[1]&quot;&gt;
+                &lt;div class=&quot;bg-primary w-[15%] h-1 absolute ltr:left-0 rtl:right-0 top-[30px] m-auto -z-[1] transition-[width]&quot; :class=&quot;{'w-[15%]' : activeTab === 1, 'w-[48%]' : activeTab === 2, 'w-[81%]' : activeTab === 3}&quot;&gt;&lt;/div&gt;
+                &lt;ul class=&quot;mb-5 grid grid-cols-3&quot;&gt;
+                    &lt;li class=&quot;mx-auto&quot;&gt;
+                        &lt;a href=&quot;javascript:;&quot; class=&quot;border-[3px] border-[#f3f2ee] bg-white dark:bg-[#253b5c] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16 rounded-full&quot; :class=&quot;{'!border-primary !bg-primary text-white': activeTab === 1}&quot; @click=&quot;activeTab = 1&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/a&gt;
+                        &lt;span class=&quot;text-center block mt-2&quot; :class=&quot;{'text-primary' : activeTab === 1}&quot;&gt;Home&lt;/span&gt;
+                    &lt;/li&gt;
+                    &lt;li class=&quot;mx-auto&quot;&gt;
+                        &lt;a href=&quot;javascript:;&quot; class=&quot;border-[3px] border-[#f3f2ee] bg-white dark:bg-[#253b5c] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16 rounded-full&quot; :class=&quot;{'!border-primary !bg-primary text-white': activeTab === 2}&quot; @click=&quot;activeTab = 2&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/a&gt;
+                        &lt;span class=&quot;text-center block mt-2&quot; :class=&quot;{'text-primary' : activeTab === 2}&quot;&gt;About&lt;/span&gt;
+                    &lt;/li&gt;
+                    &lt;li class=&quot;mx-auto&quot;&gt;
+                        &lt;a href=&quot;javascript:;&quot; class=&quot;border-[3px] border-[#f3f2ee] bg-white dark:bg-[#253b5c] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16 rounded-full&quot; :class=&quot;{'!border-primary !bg-primary text-white': activeTab === 3}&quot; @click=&quot;activeTab = 3&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/a&gt;
+                        &lt;span class=&quot;text-center block mt-2&quot; :class=&quot;{'text-primary' : activeTab === 3}&quot;&gt;Success&lt;/span&gt;
+                    &lt;/li&gt;
+                &lt;/ul&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;template x-if=&quot;activeTab === 1&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;Try the keyboard navigation by clicking arrow left or right!&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;activeTab === 2&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;The next and previous buttons help you to navigate through your content.&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;activeTab === 3&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;Wonderful transition effects.&lt;/p&gt;
+                &lt;/template&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;flex justify-between&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; :disabled=&quot;activeTab === 1&quot; @click=&quot;activeTab--&quot;&gt;Back&lt;/button&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; :disabled=&quot;activeTab === 3&quot; @click=&quot;activeTab++&quot;&gt;Next&lt;/button&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+
+            <!-- Square -->
+            <h4 class="badge bg-primary inline-block hover:top-0 text-base mb-0">Square</h4>
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- icon only -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Icon Only</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code6')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ activeTab: 1 }">
+                        <div class="inline-block w-full">
+                            <div class="relative z-[1]">
+                                <div class="bg-primary w-[15%] h-1 absolute ltr:left-0 rtl:right-0 top-[30px] m-auto -z-[1] transition-[width]"
+                                    :class="{ 'w-[15%]': activeTab === 1, 'w-[48%]': activeTab === 2, 'w-[81%]': activeTab ===
+                                        3 }">
+                                </div>
+                                <ul class="mb-5 grid grid-cols-3">
+                                    <li class="mx-auto">
+                                        <a href="javascript:;"
+                                            class="bg-white dark:bg-[#253b5c] border-[3px] border-[#f3f2ee] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16"
+                                            :class="{ '!border-primary !bg-primary text-white': activeTab === 1 }"
+                                            @click="activeTab = 1">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                <path opacity="0.5"
+                                                    d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                                    stroke-linecap="round" />
+                                            </svg>
+                                        </a>
+                                    </li>
+                                    <li class="mx-auto">
+                                        <a href="javascript:;"
+                                            class="bg-white dark:bg-[#253b5c] border-[3px] border-[#f3f2ee] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16"
+                                            :class="{ '!border-primary !bg-primary text-white': activeTab === 2 }"
+                                            @click="activeTab = 2">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                <circle cx="12" cy="6" r="4"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                                    ry="4" stroke="currentColor" stroke-width="1.5" />
+                                            </svg>
+                                        </a>
+                                    </li>
+                                    <li class="mx-auto">
+                                        <a href="javascript:;"
+                                            class="bg-white dark:bg-[#253b5c] border-[3px] border-[#f3f2ee] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16"
+                                            :class="{ '!border-primary !bg-primary text-white': activeTab === 3 }"
+                                            @click="activeTab = 3">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                <path
+                                                    d="M20.9751 12.1852L20.2361 12.0574L20.9751 12.1852ZM20.2696 16.265L19.5306 16.1371L20.2696 16.265ZM6.93776 20.4771L6.19055 20.5417H6.19055L6.93776 20.4771ZM6.1256 11.0844L6.87281 11.0198L6.1256 11.0844ZM13.9949 5.22142L14.7351 5.34269V5.34269L13.9949 5.22142ZM13.3323 9.26598L14.0724 9.38725V9.38725L13.3323 9.26598ZM6.69813 9.67749L6.20854 9.10933H6.20854L6.69813 9.67749ZM8.13687 8.43769L8.62646 9.00585H8.62646L8.13687 8.43769ZM10.518 4.78374L9.79207 4.59542L10.518 4.78374ZM10.9938 2.94989L11.7197 3.13821L11.7197 3.13821L10.9938 2.94989ZM12.6676 2.06435L12.4382 2.77841L12.4382 2.77841L12.6676 2.06435ZM12.8126 2.11093L13.0419 1.39687L13.0419 1.39687L12.8126 2.11093ZM9.86194 6.46262L10.5235 6.81599V6.81599L9.86194 6.46262ZM13.9047 3.24752L13.1787 3.43584V3.43584L13.9047 3.24752ZM11.6742 2.13239L11.3486 1.45675L11.3486 1.45675L11.6742 2.13239ZM20.2361 12.0574L19.5306 16.1371L21.0086 16.3928L21.7142 12.313L20.2361 12.0574ZM13.245 21.25H8.59634V22.75H13.245V21.25ZM7.68497 20.4125L6.87281 11.0198L5.37839 11.149L6.19055 20.5417L7.68497 20.4125ZM19.5306 16.1371C19.0238 19.0677 16.3813 21.25 13.245 21.25V22.75C17.0712 22.75 20.3708 20.081 21.0086 16.3928L19.5306 16.1371ZM13.2548 5.10015L12.5921 9.14472L14.0724 9.38725L14.7351 5.34269L13.2548 5.10015ZM7.18772 10.2456L8.62646 9.00585L7.64728 7.86954L6.20854 9.10933L7.18772 10.2456ZM11.244 4.97206L11.7197 3.13821L10.2678 2.76157L9.79207 4.59542L11.244 4.97206ZM12.4382 2.77841L12.5832 2.82498L13.0419 1.39687L12.897 1.3503L12.4382 2.77841ZM10.5235 6.81599C10.8354 6.23198 11.0777 5.61339 11.244 4.97206L9.79207 4.59542C9.65572 5.12107 9.45698 5.62893 9.20041 6.10924L10.5235 6.81599ZM12.5832 2.82498C12.8896 2.92342 13.1072 3.16009 13.1787 3.43584L14.6306 3.05921C14.4252 2.26719 13.819 1.64648 13.0419 1.39687L12.5832 2.82498ZM11.7197 3.13821C11.7547 3.0032 11.8522 2.87913 11.9998 2.80804L11.3486 1.45675C10.8166 1.71309 10.417 2.18627 10.2678 2.76157L11.7197 3.13821ZM11.9998 2.80804C12.1345 2.74311 12.2931 2.73181 12.4382 2.77841L12.897 1.3503C12.3872 1.18655 11.8312 1.2242 11.3486 1.45675L11.9998 2.80804ZM14.1537 10.9842H19.3348V9.4842H14.1537V10.9842ZM14.7351 5.34269C14.8596 4.58256 14.824 3.80477 14.6306 3.0592L13.1787 3.43584C13.3197 3.97923 13.3456 4.54613 13.2548 5.10016L14.7351 5.34269ZM8.59634 21.25C8.12243 21.25 7.726 20.887 7.68497 20.4125L6.19055 20.5417C6.29851 21.7902 7.34269 22.75 8.59634 22.75V21.25ZM8.62646 9.00585C9.30632 8.42 10.0391 7.72267 10.5235 6.81599L9.20041 6.10924C8.85403 6.75767 8.30249 7.30493 7.64728 7.86954L8.62646 9.00585ZM21.7142 12.313C21.9695 10.8365 20.8341 9.4842 19.3348 9.4842V10.9842C19.9014 10.9842 20.3332 11.4959 20.2361 12.0574L21.7142 12.313ZM12.5921 9.14471C12.4344 10.1076 13.1766 10.9842 14.1537 10.9842V9.4842C14.1038 9.4842 14.0639 9.43901 14.0724 9.38725L12.5921 9.14471ZM6.87281 11.0198C6.84739 10.7258 6.96474 10.4378 7.18772 10.2456L6.20854 9.10933C5.62021 9.61631 5.31148 10.3753 5.37839 11.149L6.87281 11.0198Z"
+                                                    fill="currentColor" />
+                                                <path opacity="0.5"
+                                                    d="M3.9716 21.4709L3.22439 21.5355L3.9716 21.4709ZM3 10.2344L3.74721 10.1698C3.71261 9.76962 3.36893 9.46776 2.96767 9.48507C2.5664 9.50239 2.25 9.83274 2.25 10.2344L3 10.2344ZM4.71881 21.4063L3.74721 10.1698L2.25279 10.299L3.22439 21.5355L4.71881 21.4063ZM3.75 21.5129V10.2344H2.25V21.5129H3.75ZM3.22439 21.5355C3.2112 21.383 3.33146 21.2502 3.48671 21.2502V22.7502C4.21268 22.7502 4.78122 22.1281 4.71881 21.4063L3.22439 21.5355ZM3.48671 21.2502C3.63292 21.2502 3.75 21.3686 3.75 21.5129H2.25C2.25 22.1954 2.80289 22.7502 3.48671 22.7502V21.2502Z"
+                                                    fill="currentColor" />
+                                            </svg>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div>
+                                <template x-if="activeTab === 1">
+                                    <p class="mb-5">Try the keyboard navigation by clicking arrow left or right!</p>
+                                </template>
+                                <template x-if="activeTab === 2">
+                                    <p class="mb-5">The next and previous buttons help you to navigate through your
+                                        content.</p>
+                                </template>
+                                <template x-if="activeTab === 3">
+                                    <p class="mb-5">Wonderful transition effects.</p>
+                                </template>
+                            </div>
+                            <div class="flex justify-between">
+                                <button type="button" class="btn btn-primary" :disabled="activeTab === 1"
+                                    @click="activeTab--">Back</button>
+                                <button type="button" class="btn btn-primary" :disabled="activeTab === 3"
+                                    @click="activeTab++">Next</button>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code6')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- square --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{ activeTab: 1}&quot;&gt;
+        &lt;div class=&quot;inline-block w-full&quot;&gt;
+            &lt;div class=&quot;relative z-[1]&quot;&gt;
+                &lt;div class=&quot;bg-primary w-[15%] h-1 absolute ltr:left-0 rtl:right-0 top-[30px] m-auto -z-[1] transition-[width]&quot; :class=&quot;{'w-[15%]' : activeTab === 1, 'w-[48%]' : activeTab === 2, 'w-[81%]' : activeTab === 3}&quot;&gt;&lt;/div&gt;
+                &lt;ul class=&quot;mb-5 grid grid-cols-3&quot;&gt;
+                    &lt;li class=&quot;mx-auto&quot;&gt;
+                        &lt;a href=&quot;javascript:;&quot; class=&quot;bg-white dark:bg-[#253b5c] border-[3px] border-[#f3f2ee] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16&quot; :class=&quot;{'!border-primary !bg-primary text-white': activeTab === 1}&quot; @click=&quot;activeTab = 1&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/a&gt;
+                    &lt;/li&gt;
+                    &lt;li class=&quot;mx-auto&quot;&gt;
+                        &lt;a href=&quot;javascript:;&quot; class=&quot;bg-white dark:bg-[#253b5c] border-[3px] border-[#f3f2ee] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16&quot; :class=&quot;{'!border-primary !bg-primary text-white': activeTab === 2}&quot; @click=&quot;activeTab = 2&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/a&gt;
+                    &lt;/li&gt;
+                    &lt;li class=&quot;mx-auto&quot;&gt;
+                        &lt;a href=&quot;javascript:;&quot; class=&quot;bg-white dark:bg-[#253b5c] border-[3px] border-[#f3f2ee] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16&quot; :class=&quot;{'!border-primary !bg-primary text-white': activeTab === 3}&quot; @click=&quot;activeTab = 3&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/a&gt;
+                    &lt;/li&gt;
+                &lt;/ul&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;template x-if=&quot;activeTab === 1&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;Try the keyboard navigation by clicking arrow left or right!&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;activeTab === 2&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;The next and previous buttons help you to navigate through your content.&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;activeTab === 3&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;Wonderful transition effects.&lt;/p&gt;
+                &lt;/template&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;flex justify-between&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; :disabled=&quot;activeTab === 1&quot; @click=&quot;activeTab--&quot;&gt;Back&lt;/button&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; :disabled=&quot;activeTab === 3&quot; @click=&quot;activeTab++&quot;&gt;Next&lt;/button&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Text & Icon -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Text & Icon</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code7')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ activeTab: 1 }">
+                        <div class="inline-block w-full">
+                            <div class="relative z-[1]">
+                                <div class="bg-primary w-[15%] h-1 absolute ltr:left-0 rtl:right-0 top-[30px] m-auto -z-[1] transition-[width]"
+                                    :class="{ 'w-[15%]': activeTab === 1, 'w-[48%]': activeTab === 2, 'w-[81%]': activeTab ===
+                                        3 }">
+                                </div>
+                                <ul class="mb-5 grid grid-cols-3">
+                                    <li class="mx-auto">
+                                        <a href="javascript:;"
+                                            class="border-[3px] border-[#f3f2ee] bg-white dark:bg-[#253b5c] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16"
+                                            :class="{ '!border-primary !bg-primary text-white': activeTab === 1 }"
+                                            @click="activeTab = 1">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                <path opacity="0.5"
+                                                    d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                                    stroke-linecap="round" />
+                                            </svg>
+                                        </a>
+                                        <span class="text-center block mt-2"
+                                            :class="{ 'text-primary': activeTab === 1 }">Home</span>
+                                    </li>
+                                    <li class="mx-auto">
+                                        <a href="javascript:;"
+                                            class="border-[3px] border-[#f3f2ee] bg-white dark:bg-[#253b5c] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16"
+                                            :class="{ '!border-primary !bg-primary text-white': activeTab === 2 }"
+                                            @click="activeTab = 2">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                <circle cx="12" cy="6" r="4"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                                    ry="4" stroke="currentColor" stroke-width="1.5" />
+                                            </svg>
+                                        </a>
+                                        <span class="text-center block mt-2"
+                                            :class="{ 'text-primary': activeTab === 2 }">About</span>
+                                    </li>
+                                    <li class="mx-auto">
+                                        <a href="javascript:;"
+                                            class="border-[3px] border-[#f3f2ee] bg-white dark:bg-[#253b5c] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16"
+                                            :class="{ '!border-primary !bg-primary text-white': activeTab === 3 }"
+                                            @click="activeTab = 3">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                                <path
+                                                    d="M20.9751 12.1852L20.2361 12.0574L20.9751 12.1852ZM20.2696 16.265L19.5306 16.1371L20.2696 16.265ZM6.93776 20.4771L6.19055 20.5417H6.19055L6.93776 20.4771ZM6.1256 11.0844L6.87281 11.0198L6.1256 11.0844ZM13.9949 5.22142L14.7351 5.34269V5.34269L13.9949 5.22142ZM13.3323 9.26598L14.0724 9.38725V9.38725L13.3323 9.26598ZM6.69813 9.67749L6.20854 9.10933H6.20854L6.69813 9.67749ZM8.13687 8.43769L8.62646 9.00585H8.62646L8.13687 8.43769ZM10.518 4.78374L9.79207 4.59542L10.518 4.78374ZM10.9938 2.94989L11.7197 3.13821L11.7197 3.13821L10.9938 2.94989ZM12.6676 2.06435L12.4382 2.77841L12.4382 2.77841L12.6676 2.06435ZM12.8126 2.11093L13.0419 1.39687L13.0419 1.39687L12.8126 2.11093ZM9.86194 6.46262L10.5235 6.81599V6.81599L9.86194 6.46262ZM13.9047 3.24752L13.1787 3.43584V3.43584L13.9047 3.24752ZM11.6742 2.13239L11.3486 1.45675L11.3486 1.45675L11.6742 2.13239ZM20.2361 12.0574L19.5306 16.1371L21.0086 16.3928L21.7142 12.313L20.2361 12.0574ZM13.245 21.25H8.59634V22.75H13.245V21.25ZM7.68497 20.4125L6.87281 11.0198L5.37839 11.149L6.19055 20.5417L7.68497 20.4125ZM19.5306 16.1371C19.0238 19.0677 16.3813 21.25 13.245 21.25V22.75C17.0712 22.75 20.3708 20.081 21.0086 16.3928L19.5306 16.1371ZM13.2548 5.10015L12.5921 9.14472L14.0724 9.38725L14.7351 5.34269L13.2548 5.10015ZM7.18772 10.2456L8.62646 9.00585L7.64728 7.86954L6.20854 9.10933L7.18772 10.2456ZM11.244 4.97206L11.7197 3.13821L10.2678 2.76157L9.79207 4.59542L11.244 4.97206ZM12.4382 2.77841L12.5832 2.82498L13.0419 1.39687L12.897 1.3503L12.4382 2.77841ZM10.5235 6.81599C10.8354 6.23198 11.0777 5.61339 11.244 4.97206L9.79207 4.59542C9.65572 5.12107 9.45698 5.62893 9.20041 6.10924L10.5235 6.81599ZM12.5832 2.82498C12.8896 2.92342 13.1072 3.16009 13.1787 3.43584L14.6306 3.05921C14.4252 2.26719 13.819 1.64648 13.0419 1.39687L12.5832 2.82498ZM11.7197 3.13821C11.7547 3.0032 11.8522 2.87913 11.9998 2.80804L11.3486 1.45675C10.8166 1.71309 10.417 2.18627 10.2678 2.76157L11.7197 3.13821ZM11.9998 2.80804C12.1345 2.74311 12.2931 2.73181 12.4382 2.77841L12.897 1.3503C12.3872 1.18655 11.8312 1.2242 11.3486 1.45675L11.9998 2.80804ZM14.1537 10.9842H19.3348V9.4842H14.1537V10.9842ZM14.7351 5.34269C14.8596 4.58256 14.824 3.80477 14.6306 3.0592L13.1787 3.43584C13.3197 3.97923 13.3456 4.54613 13.2548 5.10016L14.7351 5.34269ZM8.59634 21.25C8.12243 21.25 7.726 20.887 7.68497 20.4125L6.19055 20.5417C6.29851 21.7902 7.34269 22.75 8.59634 22.75V21.25ZM8.62646 9.00585C9.30632 8.42 10.0391 7.72267 10.5235 6.81599L9.20041 6.10924C8.85403 6.75767 8.30249 7.30493 7.64728 7.86954L8.62646 9.00585ZM21.7142 12.313C21.9695 10.8365 20.8341 9.4842 19.3348 9.4842V10.9842C19.9014 10.9842 20.3332 11.4959 20.2361 12.0574L21.7142 12.313ZM12.5921 9.14471C12.4344 10.1076 13.1766 10.9842 14.1537 10.9842V9.4842C14.1038 9.4842 14.0639 9.43901 14.0724 9.38725L12.5921 9.14471ZM6.87281 11.0198C6.84739 10.7258 6.96474 10.4378 7.18772 10.2456L6.20854 9.10933C5.62021 9.61631 5.31148 10.3753 5.37839 11.149L6.87281 11.0198Z"
+                                                    fill="currentColor" />
+                                                <path opacity="0.5"
+                                                    d="M3.9716 21.4709L3.22439 21.5355L3.9716 21.4709ZM3 10.2344L3.74721 10.1698C3.71261 9.76962 3.36893 9.46776 2.96767 9.48507C2.5664 9.50239 2.25 9.83274 2.25 10.2344L3 10.2344ZM4.71881 21.4063L3.74721 10.1698L2.25279 10.299L3.22439 21.5355L4.71881 21.4063ZM3.75 21.5129V10.2344H2.25V21.5129H3.75ZM3.22439 21.5355C3.2112 21.383 3.33146 21.2502 3.48671 21.2502V22.7502C4.21268 22.7502 4.78122 22.1281 4.71881 21.4063L3.22439 21.5355ZM3.48671 21.2502C3.63292 21.2502 3.75 21.3686 3.75 21.5129H2.25C2.25 22.1954 2.80289 22.7502 3.48671 22.7502V21.2502Z"
+                                                    fill="currentColor" />
+                                            </svg>
+                                        </a>
+                                        <span class="text-center block mt-2"
+                                            :class="{ 'text-primary': activeTab === 3 }">Success</span>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div>
+                                <template x-if="activeTab === 1">
+                                    <p class="mb-5">Try the keyboard navigation by clicking arrow left or right!</p>
+                                </template>
+                                <template x-if="activeTab === 2">
+                                    <p class="mb-5">The next and previous buttons help you to navigate through your
+                                        content.</p>
+                                </template>
+                                <template x-if="activeTab === 3">
+                                    <p class="mb-5">Wonderful transition effects.</p>
+                                </template>
+                            </div>
+                            <div class="flex justify-between">
+                                <button type="button" class="btn btn-primary" :disabled="activeTab === 1"
+                                    @click="activeTab--">Back</button>
+                                <button type="button" class="btn btn-primary" :disabled="activeTab === 3"
+                                    @click="activeTab++">Next</button>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code7')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- text & icon --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{ activeTab: 1}&quot;&gt;
+        &lt;div class=&quot;inline-block w-full&quot;&gt;
+            &lt;div class=&quot;relative z-[1]&quot;&gt;
+                &lt;div class=&quot;bg-primary w-[15%] h-1 absolute ltr:left-0 rtl:right-0 top-[30px] m-auto -z-[1] transition-[width]&quot; :class=&quot;{'w-[15%]' : activeTab === 1, 'w-[48%]' : activeTab === 2, 'w-[81%]' : activeTab === 3}&quot;&gt;&lt;/div&gt;
+                &lt;ul class=&quot;mb-5 grid grid-cols-3&quot;&gt;
+                    &lt;li class=&quot;mx-auto&quot;&gt;
+                        &lt;a href=&quot;javascript:;&quot; class=&quot;border-[3px] border-[#f3f2ee] bg-white dark:bg-[#253b5c] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16&quot; :class=&quot;{'!border-primary !bg-primary text-white': activeTab === 1}&quot; @click=&quot;activeTab = 1&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/a&gt;
+                        &lt;span class=&quot;text-center block mt-2&quot; :class=&quot;{'text-primary' : activeTab === 1}&quot;&gt;Home&lt;/span&gt;
+                    &lt;/li&gt;
+                    &lt;li class=&quot;mx-auto&quot;&gt;
+                        &lt;a href=&quot;javascript:;&quot; class=&quot;border-[3px] border-[#f3f2ee] bg-white dark:bg-[#253b5c] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16&quot; :class=&quot;{'!border-primary !bg-primary text-white': activeTab === 2}&quot; @click=&quot;activeTab = 2&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/a&gt;
+                        &lt;span class=&quot;text-center block mt-2&quot; :class=&quot;{'text-primary' : activeTab === 2}&quot;&gt;About&lt;/span&gt;
+                    &lt;/li&gt;
+                    &lt;li class=&quot;mx-auto&quot;&gt;
+                        &lt;a href=&quot;javascript:;&quot; class=&quot;border-[3px] border-[#f3f2ee] bg-white dark:bg-[#253b5c] dark:border-[#1b2e4b] flex justify-center items-center w-16 h-16&quot; :class=&quot;{'!border-primary !bg-primary text-white': activeTab === 3}&quot; @click=&quot;activeTab = 3&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/a&gt;
+                        &lt;span class=&quot;text-center block mt-2&quot; :class=&quot;{'text-primary' : activeTab === 3}&quot;&gt;Success&lt;/span&gt;
+                    &lt;/li&gt;
+                &lt;/ul&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;template x-if=&quot;activeTab === 1&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;Try the keyboard navigation by clicking arrow left or right!&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;activeTab === 2&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;The next and previous buttons help you to navigate through your content.&lt;/p&gt;
+                &lt;/template&gt;
+                &lt;template x-if=&quot;activeTab === 3&quot;&gt;
+                    &lt;p class=&quot;mb-5&quot;&gt;Wonderful transition effects.&lt;/p&gt;
+                &lt;/template&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;flex justify-between&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; :disabled=&quot;activeTab === 1&quot; @click=&quot;activeTab--&quot;&gt;Back&lt;/button&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; :disabled=&quot;activeTab === 3&quot; @click=&quot;activeTab++&quot;&gt;Next&lt;/button&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+
+
+</x-layout.default>
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..9fca723d53cfe4832a6d908e8f38becda79ed4d6
--- /dev/null
+++ b/resources/views/index.blade.php
@@ -0,0 +1,1308 @@
+<x-layout.default>
+    <script defer src="/assets/js/apexcharts.js"></script>
+    <div x-data="sales">
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Dashboard</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Sales</span>
+            </li>
+        </ul>
+
+        <div class="pt-5">
+            <div class="grid xl:grid-cols-3 gap-6 mb-6">
+                <div class="panel h-full xl:col-span-2">
+                    <div class="flex items-center dark:text-white-light mb-5">
+                        <h5 class="font-semibold text-lg">Revenue</h5>
+                        <div x-data="dropdown" @click.outside="open = false"
+                            class="dropdown ltr:ml-auto rtl:mr-auto">
+                            <a href="javascript:;" @click="toggle">
+                                <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
+                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <circle opacity="0.5" cx="12" cy="12" r="2"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                </svg>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="ltr:right-0 rtl:left-0">
+                                <li><a href="javascript:;" @click="toggle">Weekly</a></li>
+                                <li><a href="javascript:;" @click="toggle">Monthly</a></li>
+                                <li><a href="javascript:;" @click="toggle">Yearly</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <p class="text-lg dark:text-white-light/90">Total Profit <span
+                            class="text-primary ml-2">$10,840</span></p>
+                    <div class="relative overflow-hidden">
+                        <div x-ref="revenueChart" class="bg-white dark:bg-black rounded-lg">
+                            <!-- loader -->
+                            <div
+                                class="min-h-[325px] grid place-content-center bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] ">
+                                <span
+                                    class="animate-spin border-2 border-black dark:border-white !border-l-transparent  rounded-full w-5 h-5 inline-flex"></span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="panel h-full">
+                    <div class="flex items-center mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Sales By Category</h5>
+                    </div>
+                    <div class="overflow-hidden">
+                        <div x-ref="salesByCategory" class="bg-white dark:bg-black rounded-lg">
+                            <!-- loader -->
+                            <div
+                                class="min-h-[353px] grid place-content-center bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] ">
+                                <span
+                                    class="animate-spin border-2 border-black dark:border-white !border-l-transparent  rounded-full w-5 h-5 inline-flex"></span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="grid sm:grid-cols-2 xl:grid-cols-3 gap-6 mb-6">
+                <div class="panel h-full sm:col-span-2 xl:col-span-1">
+                    <div class="flex items-center mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Daily Sales <span
+                                class="block text-white-dark text-sm font-normal">Go to columns for details.</span></h5>
+                        <div class="ltr:ml-auto rtl:mr-auto relative">
+                            <div
+                                class="w-11 h-11 text-warning bg-[#ffeccb] dark:bg-warning dark:text-[#ffeccb] grid place-content-center rounded-full">
+                                <svg width="40" height="40" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path d="M12 6V18" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path
+                                        d="M15 9.5C15 8.11929 13.6569 7 12 7C10.3431 7 9 8.11929 9 9.5C9 10.8807 10.3431 12 12 12C13.6569 12 15 13.1193 15 14.5C15 15.8807 13.6569 17 12 17C10.3431 17 9 15.8807 9 14.5"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="overflow-hidden">
+                        <div x-ref="dailySales" class="bg-white dark:bg-black rounded-lg">
+                            <!-- loader -->
+                            <div
+                                class="min-h-[175px] grid place-content-center bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] ">
+                                <span
+                                    class="animate-spin border-2 border-black dark:border-white !border-l-transparent  rounded-full w-5 h-5 inline-flex"></span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="panel h-full">
+                    <div class="flex items-center dark:text-white-light mb-5">
+                        <h5 class="font-semibold text-lg">Summary</h5>
+                        <div x-data="dropdown" @click.outside="open = false"
+                            class="dropdown ltr:ml-auto rtl:mr-auto">
+                            <a href="javascript:;" @click="toggle">
+                                <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
+                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <circle opacity="0.5" cx="12" cy="12" r="2"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                </svg>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="ltr:right-0 rtl:left-0">
+                                <li><a href="javascript:;" @click="toggle">View Report</a></li>
+                                <li><a href="javascript:;" @click="toggle">Edit Report</a></li>
+                                <li><a href="javascript:;" @click="toggle">Mark as Done</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="space-y-9">
+                        <div class="flex items-center">
+                            <div class="w-9 h-9 ltr:mr-3 rtl:ml-3">
+                                <div
+                                    class="bg-secondary-light dark:bg-secondary text-secondary dark:text-secondary-light  rounded-full w-9 h-9 grid place-content-center">
+                                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M3.74157 18.5545C4.94119 20 7.17389 20 11.6393 20H12.3605C16.8259 20 19.0586 20 20.2582 18.5545M3.74157 18.5545C2.54194 17.1091 2.9534 14.9146 3.77633 10.5257C4.36155 7.40452 4.65416 5.84393 5.76506 4.92196M3.74157 18.5545C3.74156 18.5545 3.74157 18.5545 3.74157 18.5545ZM20.2582 18.5545C21.4578 17.1091 21.0464 14.9146 20.2235 10.5257C19.6382 7.40452 19.3456 5.84393 18.2347 4.92196M20.2582 18.5545C20.2582 18.5545 20.2582 18.5545 20.2582 18.5545ZM18.2347 4.92196C17.1238 4 15.5361 4 12.3605 4H11.6393C8.46374 4 6.87596 4 5.76506 4.92196M18.2347 4.92196C18.2347 4.92196 18.2347 4.92196 18.2347 4.92196ZM5.76506 4.92196C5.76506 4.92196 5.76506 4.92196 5.76506 4.92196Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path opacity="0.5"
+                                            d="M9.1709 8C9.58273 9.16519 10.694 10 12.0002 10C13.3064 10 14.4177 9.16519 14.8295 8"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                </div>
+                            </div>
+                            <div class="flex-1">
+                                <div class="flex font-semibold text-white-dark mb-2">
+                                    <h6>Income</h6>
+                                    <p class="ltr:ml-auto rtl:mr-auto">$92,600</p>
+                                </div>
+                                <div class="rounded-full h-2 bg-dark-light dark:bg-[#1b2e4b] shadow">
+                                    <div
+                                        class="bg-gradient-to-r from-[#7579ff] to-[#b224ef] w-11/12 h-full rounded-full">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex items-center">
+                            <div class="w-9 h-9 ltr:mr-3 rtl:ml-3">
+                                <div
+                                    class="bg-success-light dark:bg-success text-success dark:text-success-light rounded-full w-9 h-9 grid place-content-center">
+                                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M4.72848 16.1369C3.18295 14.5914 2.41018 13.8186 2.12264 12.816C1.83509 11.8134 2.08083 10.7485 2.57231 8.61875L2.85574 7.39057C3.26922 5.59881 3.47597 4.70292 4.08944 4.08944C4.70292 3.47597 5.59881 3.26922 7.39057 2.85574L8.61875 2.57231C10.7485 2.08083 11.8134 1.83509 12.816 2.12264C13.8186 2.41018 14.5914 3.18295 16.1369 4.72848L17.9665 6.55812C20.6555 9.24711 22 10.5916 22 12.2623C22 13.933 20.6555 15.2775 17.9665 17.9665C15.2775 20.6555 13.933 22 12.2623 22C10.5916 22 9.24711 20.6555 6.55812 17.9665L4.72848 16.1369Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <circle opacity="0.5" cx="8.60699" cy="8.87891" r="2"
+                                            transform="rotate(-45 8.60699 8.87891)" stroke="currentColor"
+                                            stroke-width="1.5" />
+                                        <path opacity="0.5" d="M11.5417 18.5L18.5208 11.5208" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                </div>
+                            </div>
+                            <div class="flex-1">
+                                <div class="flex font-semibold text-white-dark mb-2">
+                                    <h6>Profit</h6>
+                                    <p class="ltr:ml-auto rtl:mr-auto">$37,515</p>
+                                </div>
+                                <div class="w-full rounded-full h-2 bg-dark-light dark:bg-[#1b2e4b] shadow">
+                                    <div class="bg-gradient-to-r from-[#3cba92] to-[#0ba360] w-full h-full rounded-full"
+                                        style="width: 65%;"></div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex items-center">
+                            <div class="w-9 h-9 ltr:mr-3 rtl:ml-3">
+                                <div
+                                    class="bg-warning-light dark:bg-warning text-warning dark:text-warning-light rounded-full w-9 h-9 grid place-content-center">
+                                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path opacity="0.5" d="M10 16H6" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path opacity="0.5" d="M14 16H12.5" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M2 10L22 10" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                </div>
+                            </div>
+                            <div class="flex-1">
+                                <div class="flex font-semibold text-white-dark mb-2">
+                                    <h6>Expenses</h6>
+                                    <p class="ltr:ml-auto rtl:mr-auto">$55,085</p>
+                                </div>
+                                <div class="w-full rounded-full h-2 bg-dark-light dark:bg-[#1b2e4b] shadow">
+                                    <div class="bg-gradient-to-r from-[#f09819] to-[#ff5858] w-full h-full rounded-full"
+                                        style="width: 80%;"></div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="panel h-full p-0">
+                    <div class="flex items-center justify-between w-full p-5 absolute">
+                        <div class="relative">
+                            <div
+                                class="text-success dark:text-success-light bg-success-light dark:bg-success w-11 h-11 rounded-lg flex items-center justify-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path
+                                        d="M2 3L2.26491 3.0883C3.58495 3.52832 4.24497 3.74832 4.62248 4.2721C5 4.79587 5 5.49159 5 6.88304V9.5C5 12.3284 5 13.7426 5.87868 14.6213C6.75736 15.5 8.17157 15.5 11 15.5H19"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5"
+                                        d="M7.5 18C8.32843 18 9 18.6716 9 19.5C9 20.3284 8.32843 21 7.5 21C6.67157 21 6 20.3284 6 19.5C6 18.6716 6.67157 18 7.5 18Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M16.5 18.0001C17.3284 18.0001 18 18.6716 18 19.5001C18 20.3285 17.3284 21.0001 16.5 21.0001C15.6716 21.0001 15 20.3285 15 19.5001C15 18.6716 15.6716 18.0001 16.5 18.0001Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5" d="M11 9H8" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path
+                                        d="M5 6H16.4504C18.5054 6 19.5328 6 19.9775 6.67426C20.4221 7.34853 20.0173 8.29294 19.2078 10.1818L18.7792 11.1818C18.4013 12.0636 18.2123 12.5045 17.8366 12.7523C17.4609 13 16.9812 13 16.0218 13H5"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                            </div>
+                        </div>
+                        <h5 class="font-semibold text-2xl ltr:text-right rtl:text-left dark:text-white-light">
+                            3,192
+                            <span class="block text-sm font-normal">Total Orders</span>
+                        </h5>
+                    </div>
+                    <div x-ref="totalOrders" class="bg-transparent rounded-lg overflow-hidden">
+                        <!-- loader -->
+                        <div
+                            class="min-h-[290px] grid place-content-center bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] ">
+                            <span
+                                class="animate-spin border-2 border-black dark:border-white !border-l-transparent  rounded-full w-5 h-5 inline-flex"></span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="grid sm:grid-cols-2 xl:grid-cols-3 gap-6 mb-6">
+                <div class="panel h-full sm:col-span-2 xl:col-span-1 pb-0">
+                    <h5 class="font-semibold text-lg dark:text-white-light mb-5">Recent Activities</h5>
+
+                    <div class="perfect-scrollbar relative mb-4 h-[290px] pr-3 -mr-3">
+                        <div class="text-sm cursor-pointer">
+                            <div class="flex items-center py-1.5 relative group">
+                                <div class="bg-primary w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                                <div class="flex-1">Updated Server Logs</div>
+                                <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">Just
+                                    Now</div>
+
+                                <span
+                                    class="badge badge-outline-primary absolute ltr:right-0 rtl:left-0 text-xs bg-primary-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Pending</span>
+                            </div>
+                            <div class="flex items-center py-1.5 relative group">
+                                <div class="bg-success w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                                <div class="flex-1">Send Mail to HR and Admin</div>
+                                <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">2 min
+                                    ago</div>
+
+                                <span
+                                    class="badge badge-outline-success absolute ltr:right-0 rtl:left-0 text-xs bg-success-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Completed</span>
+                            </div>
+                            <div class="flex items-center py-1.5 relative group">
+                                <div class="bg-danger w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                                <div class="flex-1">Backup Files EOD</div>
+                                <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">14:00
+                                </div>
+
+                                <span
+                                    class="badge badge-outline-danger absolute ltr:right-0 rtl:left-0 text-xs bg-danger-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Pending</span>
+                            </div>
+                            <div class="flex items-center py-1.5 relative group">
+                                <div class="bg-black w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                                <div class="flex-1">Collect documents from Sara</div>
+                                <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">16:00
+                                </div>
+
+                                <span
+                                    class="badge badge-outline-dark absolute ltr:right-0 rtl:left-0 text-xs bg-dark-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Completed</span>
+                            </div>
+                            <div class="flex items-center py-1.5 relative group">
+                                <div class="bg-warning w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                                <div class="flex-1">Conference call with Marketing Manager.</div>
+                                <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">17:00
+                                </div>
+
+                                <span
+                                    class="badge badge-outline-warning absolute ltr:right-0 rtl:left-0 text-xs bg-warning-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">In
+                                    progress</span>
+                            </div>
+                            <div class="flex items-center py-1.5 relative group">
+                                <div class="bg-info w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                                <div class="flex-1">Rebooted Server</div>
+                                <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">17:00
+                                </div>
+
+                                <span
+                                    class="badge badge-outline-info absolute ltr:right-0 rtl:left-0 text-xs bg-info-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Completed</span>
+                            </div>
+                            <div class="flex items-center py-1.5 relative group">
+                                <div class="bg-secondary w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                                <div class="flex-1">Send contract details to Freelancer</div>
+                                <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">18:00
+                                </div>
+
+                                <span
+                                    class="badge badge-outline-secondary absolute ltr:right-0 rtl:left-0 text-xs bg-secondary-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Pending</span>
+                            </div>
+                            <div class="flex items-center py-1.5 relative group">
+                                <div class="bg-primary w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                                <div class="flex-1">Updated Server Logs</div>
+                                <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">Just
+                                    Now</div>
+
+                                <span
+                                    class="badge badge-outline-primary absolute ltr:right-0 rtl:left-0 text-xs bg-primary-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Pending</span>
+                            </div>
+                            <div class="flex items-center py-1.5 relative group">
+                                <div class="bg-success w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                                <div class="flex-1">Send Mail to HR and Admin</div>
+                                <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">2 min
+                                    ago</div>
+
+                                <span
+                                    class="badge badge-outline-success absolute ltr:right-0 rtl:left-0 text-xs bg-success-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Completed</span>
+                            </div>
+                            <div class="flex items-center py-1.5 relative group">
+                                <div class="bg-danger w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                                <div class="flex-1">Backup Files EOD</div>
+                                <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">14:00
+                                </div>
+
+                                <span
+                                    class="badge badge-outline-danger absolute ltr:right-0 rtl:left-0 text-xs bg-danger-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Pending</span>
+                            </div>
+                            <div class="flex items-center py-1.5 relative group">
+                                <div class="bg-black w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                                <div class="flex-1">Collect documents from Sara</div>
+                                <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">16:00
+                                </div>
+
+                                <span
+                                    class="badge badge-outline-dark absolute ltr:right-0 rtl:left-0 text-xs bg-dark-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Completed</span>
+                            </div>
+                            <div class="flex items-center py-1.5 relative group">
+                                <div class="bg-warning w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                                <div class="flex-1">Conference call with Marketing Manager.</div>
+                                <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">17:00
+                                </div>
+
+                                <span
+                                    class="badge badge-outline-warning absolute ltr:right-0 rtl:left-0 text-xs bg-warning-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">In
+                                    progress</span>
+                            </div>
+                            <div class="flex items-center py-1.5 relative group">
+                                <div class="bg-info w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                                <div class="flex-1">Rebooted Server</div>
+                                <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">17:00
+                                </div>
+
+                                <span
+                                    class="badge badge-outline-info absolute ltr:right-0 rtl:left-0 text-xs bg-info-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Completed</span>
+                            </div>
+                            <div class="flex items-center py-1.5 relative group">
+                                <div class="bg-secondary w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                                <div class="flex-1">Send contract details to Freelancer</div>
+                                <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">18:00
+                                </div>
+
+                                <span
+                                    class="badge badge-outline-secondary absolute ltr:right-0 rtl:left-0 text-xs bg-secondary-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Pending</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="border-t border-white-light dark:border-white/10">
+                        <a href="javascript:;"
+                            class=" font-semibold group hover:text-primary p-4 flex items-center justify-center group">
+                            View All
+                            <svg class="w-4 h-4 rtl:rotate-180 group-hover:translate-x-1 rtl:group-hover:-translate-x-1 transition duration-300 ltr:ml-1 rtl:mr-1"
+                                viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="panel h-full">
+                    <div class="flex items-center justify-between dark:text-white-light mb-5">
+                        <h5 class="font-semibold text-lg">Transactions</h5>
+                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                            <a href="javascript:;" @click="toggle">
+                                <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
+                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <circle opacity="0.5" cx="12" cy="12" r="2"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                </svg>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="ltr:right-0 rtl:left-0">
+                                <li><a href="javascript:;" @click="toggle">View Report</a></li>
+                                <li><a href="javascript:;" @click="toggle">Edit Report</a></li>
+                                <li><a href="javascript:;" @click="toggle">Mark as Done</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div>
+                        <div class="space-y-6">
+                            <div class="flex">
+                                <span
+                                    class="shrink-0 grid place-content-center text-base w-9 h-9 rounded-md bg-success-light dark:bg-success text-success dark:text-success-light">SP</span>
+                                <div class="px-3 flex-1">
+                                    <div>Shaun Park</div>
+                                    <div class="text-xs text-white-dark dark:text-gray-500">10 Jan 1:00PM</div>
+                                </div>
+                                <span
+                                    class="text-success text-base px-1 ltr:ml-auto rtl:mr-auto whitespace-pre">+$36.11</span>
+                            </div>
+                            <div class="flex">
+                                <span
+                                    class="shrink-0 grid place-content-center w-9 h-9 rounded-md bg-warning-light dark:bg-warning text-warning dark:text-warning-light">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="h-6 w-6">
+                                        <path
+                                            d="M2 10C2 7.17157 2 5.75736 2.87868 4.87868C3.75736 4 5.17157 4 8 4H13C15.8284 4 17.2426 4 18.1213 4.87868C19 5.75736 19 7.17157 19 10C19 12.8284 19 14.2426 18.1213 15.1213C17.2426 16 15.8284 16 13 16H8C5.17157 16 3.75736 16 2.87868 15.1213C2 14.2426 2 12.8284 2 10Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path opacity="0.5"
+                                            d="M19.0003 7.07617C19.9754 7.17208 20.6317 7.38885 21.1216 7.87873C22.0003 8.75741 22.0003 10.1716 22.0003 13.0001C22.0003 15.8285 22.0003 17.2427 21.1216 18.1214C20.2429 19.0001 18.8287 19.0001 16.0003 19.0001H11.0003C8.17187 19.0001 6.75766 19.0001 5.87898 18.1214C5.38909 17.6315 5.17233 16.9751 5.07642 16"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path
+                                            d="M13 10C13 11.3807 11.8807 12.5 10.5 12.5C9.11929 12.5 8 11.3807 8 10C8 8.61929 9.11929 7.5 10.5 7.5C11.8807 7.5 13 8.61929 13 10Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path opacity="0.5" d="M16 12L16 8" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M5 12L5 8" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                    </svg>
+                                </span>
+                                <div class="px-3 flex-1">
+                                    <div>Cash withdrawal</div>
+                                    <div class="text-xs text-white-dark dark:text-gray-500">04 Jan 1:00PM</div>
+                                </div>
+                                <span
+                                    class="text-danger text-base px-1 ltr:ml-auto rtl:mr-auto whitespace-pre">-$16.44</span>
+                            </div>
+                            <div class="flex">
+                                <span
+                                    class="shrink-0 grid place-content-center w-9 h-9 rounded-md bg-danger-light dark:bg-danger text-danger dark:text-danger-light">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <circle cx="12" cy="6" r="4" stroke="currentColor"
+                                            stroke-width="1.5" />
+                                        <path opacity="0.5"
+                                            d="M20 17.5C20 19.9853 20 22 12 22C4 22 4 19.9853 4 17.5C4 15.0147 7.58172 13 12 13C16.4183 13 20 15.0147 20 17.5Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                </span>
+                                <div class="px-3 flex-1">
+                                    <div>Amy Diaz</div>
+                                    <div class="text-xs text-white-dark dark:text-gray-500">10 Jan 1:00PM</div>
+                                </div>
+                                <span
+                                    class="text-success text-base px-1 ltr:ml-auto rtl:mr-auto whitespace-pre">+$66.44</span>
+                            </div>
+                            <div class="flex">
+                                <span
+                                    class="shrink-0 grid place-content-center w-9 h-9 rounded-md bg-secondary-light dark:bg-secondary text-secondary dark:text-secondary-light">
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
+                                        preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
+                                        <path fill="currentColor"
+                                            d="M5.398 0v.006c3.028 8.556 5.37 15.175 8.348 23.596c2.344.058 4.85.398 4.854.398c-2.8-7.924-5.923-16.747-8.487-24zm8.489 0v9.63L18.6 22.951c-.043-7.86-.004-15.913.002-22.95zM5.398 1.05V24c1.873-.225 2.81-.312 4.715-.398v-9.22z" />
+                                    </svg>
+                                </span>
+                                <div class="px-3 flex-1">
+                                    <div>Netflix</div>
+                                    <div class="text-xs text-white-dark dark:text-gray-500">04 Jan 1:00PM</div>
+                                </div>
+                                <span
+                                    class="text-danger text-base px-1 ltr:ml-auto rtl:mr-auto whitespace-pre">-$32.00</span>
+                            </div>
+                            <div class="flex">
+                                <span
+                                    class="shrink-0 grid place-content-center text-base w-9 h-9 rounded-md bg-info-light dark:bg-info text-info dark:text-info-light">DA</span>
+                                <div class="px-3 flex-1">
+                                    <div>Daisy Anderson</div>
+                                    <div class="text-xs text-white-dark dark:text-gray-500">10 Jan 1:00PM</div>
+                                </div>
+                                <span
+                                    class="text-success text-base px-1 ltr:ml-auto rtl:mr-auto whitespace-pre">+$10.08</span>
+                            </div>
+                            <div class="flex">
+                                <span
+                                    class="shrink-0 grid place-content-center w-9 h-9 rounded-md bg-primary-light dark:bg-primary text-primary dark:text-primary-light">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M13.926 9.70541C13.5474 9.33386 13.5474 8.74151 13.5474 7.55682V7.24712C13.5474 3.96249 13.5474 2.32018 12.6241 2.03721C11.7007 1.75425 10.711 3.09327 8.73167 5.77133L5.66953 9.91436C4.3848 11.6526 3.74244 12.5217 4.09639 13.205C4.10225 13.2164 4.10829 13.2276 4.1145 13.2387C4.48945 13.9117 5.59888 13.9117 7.81775 13.9117C9.05079 13.9117 9.6673 13.9117 10.054 14.2754"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path opacity="0.5"
+                                            d="M13.9259 9.70557L13.9459 9.72481C14.3326 10.0885 14.9492 10.0885 16.1822 10.0885C18.4011 10.0885 19.5105 10.0885 19.8854 10.7615C19.8917 10.7726 19.8977 10.7838 19.9036 10.7951C20.2575 11.4785 19.6151 12.3476 18.3304 14.0858L15.2682 18.2288C13.2888 20.9069 12.2991 22.2459 11.3758 21.9629C10.4524 21.68 10.4524 20.0376 10.4525 16.753L10.4525 16.4434C10.4525 15.2587 10.4525 14.6663 10.074 14.2948L10.054 14.2755"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                </span>
+                                <div class="px-3 flex-1">
+                                    <div>Electricity Bill</div>
+                                    <div class="text-xs text-white-dark dark:text-gray-500">04 Jan 1:00PM</div>
+                                </div>
+                                <span
+                                    class="text-danger text-base px-1 ltr:ml-auto rtl:mr-auto whitespace-pre">-$22.00</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="panel h-full p-0 border-0 overflow-hidden">
+                    <div class="p-6 bg-gradient-to-r from-[#4361ee] to-[#160f6b] min-h-[190px]">
+                        <div class="flex justify-between items-center mb-6">
+                            <div
+                                class="bg-black/50 rounded-full p-1 ltr:pr-3 rtl:pl-3 flex items-center text-white font-semibold">
+                                <img class="w-8 h-8 rounded-full border-2 border-white/50 block object-cover ltr:mr-1 rtl:ml-1"
+                                    src="/assets/images/profile-34.jpeg" alt="image" />
+                                Alan Green
+                            </div>
+                            <button type="button"
+                                class="ltr:ml-auto rtl:mr-auto flex items-center justify-between w-9 h-9 bg-black text-white rounded-md hover:opacity-80">
+                                <svg class="w-6 h-6 m-auto" viewBox="0 0 24 24" stroke="currentColor"
+                                    stroke-width="1.5" fill="none" stroke-linecap="round"
+                                    stroke-linejoin="round">
+                                    <line x1="12" y1="5" x2="12" y2="19"></line>
+                                    <line x1="5" y1="12" x2="19" y2="12"></line>
+                                </svg>
+                            </button>
+                        </div>
+                        <div class="text-white flex justify-between items-center">
+                            <p class="text-xl">Wallet Balance</p>
+                            <h5 class="ltr:ml-auto rtl:mr-auto text-2xl">
+                                <span class="text-white-light">$</span>2953
+                            </h5>
+                        </div>
+                    </div>
+                    <div class="-mt-12 px-8 grid grid-cols-2 gap-2">
+                        <div class="bg-white rounded-md shadow px-4 py-2.5 dark:bg-[#060818]">
+                            <span class="flex justify-between items-center mb-4 dark:text-white">Received
+                                <svg class="w-4 h-4 text-success" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path d="M19 15L12 9L5 15" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                            </span>
+                            <div
+                                class="btn w-full  py-1 text-base shadow-none border-0 bg-[#ebedf2] dark:bg-black text-[#515365] dark:text-[#bfc9d4]">
+                                $97.99</div>
+                        </div>
+                        <div class="bg-white rounded-md shadow px-4 py-2.5 dark:bg-[#060818]">
+                            <span class="flex justify-between items-center mb-4 dark:text-white">Spent
+                                <svg class="w-4 h-4 text-danger" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                            </span>
+                            <div
+                                class="btn w-full  py-1 text-base shadow-none border-0 bg-[#ebedf2] dark:bg-black text-[#515365] dark:text-[#bfc9d4]">
+                                $53.00</div>
+                        </div>
+                    </div>
+                    <div class="p-5">
+                        <div class="mb-5">
+                            <span
+                                class="bg-[#1b2e4b] text-white text-xs rounded-full px-4 py-1.5 before:bg-white before:w-1.5 before:h-1.5 before:rounded-full ltr:before:mr-2 rtl:before:ml-2 before:inline-block">Pending</span>
+                        </div>
+                        <div class="mb-5 space-y-1">
+                            <div class="flex items-center justify-between">
+                                <p class="text-[#515365] font-semibold">Netflix</p>
+                                <p class="text-base"><span>$</span> <span class="font-semibold">13.85</span></p>
+                            </div>
+                            <div class="flex items-center justify-between">
+                                <p class="text-[#515365] font-semibold">BlueHost VPN</p>
+                                <p class="text-base"><span>$</span> <span class="font-semibold ">15.66</span></p>
+                            </div>
+                        </div>
+                        <div class="text-center px-2 flex justify-around">
+                            <button type="button" class="btn btn-secondary ltr:mr-2 rtl:ml-2">View Details</button>
+                            <button type="button" class="btn btn-success">Pay Now $29.51</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="grid lg:grid-cols-2 grid-cols-1 gap-6">
+                <div class="panel h-full w-full">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Recent Orders</h5>
+                    </div>
+                    <div class="table-responsive">
+                        <table>
+                            <thead>
+                                <tr>
+                                    <th class="ltr:rounded-l-md rtl:rounded-r-md">Customer</th>
+                                    <th>Product</th>
+                                    <th>Invoice</th>
+                                    <th>Price</th>
+                                    <th class="ltr:rounded-r-md rtl:rounded-l-md">Status</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                    <td class="min-w-[150px] text-black dark:text-white">
+                                        <div class="flex items-center">
+                                            <img class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                                src="/assets/images/profile-6.jpeg" alt="avatar" />
+                                            <span class="whitespace-nowrap">Luke Ivory</span>
+                                        </div>
+                                    </td>
+                                    <td class="text-primary">Headphone</td>
+                                    <td><a href="/apps/invoice/preview">#46894</a></td>
+                                    <td>$56.07</td>
+                                    <td><span
+                                            class="badge bg-success shadow-md dark:group-hover:bg-transparent">Paid</span>
+                                    </td>
+                                </tr>
+                                <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                    <td class="text-black dark:text-white">
+                                        <div class="flex items-center">
+                                            <img class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                                src="/assets/images/profile-7.jpeg" alt="avatar" />
+                                            <span class="whitespace-nowrap">Andy King</span>
+                                        </div>
+                                    </td>
+                                    <td class="text-info">Nike Sport</td>
+                                    <td><a href="/apps/invoice/preview">#76894</a></td>
+                                    <td>$126.04</td>
+                                    <td><span
+                                            class="badge bg-secondary shadow-md dark:group-hover:bg-transparent">Shipped</span>
+                                    </td>
+                                </tr>
+                                <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                    <td class="text-black dark:text-white">
+                                        <div class="flex items-center">
+                                            <img class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                                src="/assets/images/profile-8.jpeg" alt="avatar" />
+                                            <span class="whitespace-nowrap">Laurie Fox</span>
+                                        </div>
+                                    </td>
+                                    <td class="text-warning">Sunglasses</td>
+                                    <td><a href="/apps/invoice/preview">#66894</a></td>
+                                    <td>$56.07</td>
+                                    <td><span
+                                            class="badge bg-success shadow-md dark:group-hover:bg-transparent">Paid</span>
+                                    </td>
+                                </tr>
+                                <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                    <td class="text-black dark:text-white">
+                                        <div class="flex items-center">
+                                            <img class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                                src="/assets/images/profile-9.jpeg" alt="avatar" />
+                                            <span class="whitespace-nowrap">Ryan Collins</span>
+                                        </div>
+                                    </td>
+                                    <td class="text-danger">Sport</td>
+                                    <td><a href="/apps/invoice/preview">#75844</a></td>
+                                    <td>$110.00</td>
+                                    <td><span
+                                            class="badge bg-secondary shadow-md dark:group-hover:bg-transparent">Shipped</span>
+                                    </td>
+                                </tr>
+                                <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                    <td class="text-black dark:text-white">
+                                        <div class="flex items-center">
+                                            <img class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                                src="/assets/images/profile-10.jpeg" alt="avatar" />
+                                            <span class="whitespace-nowrap">Irene Collins</span>
+                                        </div>
+                                    </td>
+                                    <td class="text-secondary">Speakers</td>
+                                    <td><a href="/apps/invoice/preview">#46894</a></td>
+                                    <td>$56.07</td>
+                                    <td><span
+                                            class="badge bg-success shadow-md dark:group-hover:bg-transparent">Paid</span>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+
+                <div class="panel h-full w-full">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Top Selling Product</h5>
+                    </div>
+                    <div class="table-responsive">
+                        <table>
+                            <thead>
+                                <tr class="border-b-0">
+                                    <th class="ltr:rounded-l-md rtl:rounded-r-md">Product</th>
+                                    <th>Price</th>
+                                    <th>Discount</th>
+                                    <th>Sold</th>
+                                    <th class="ltr:rounded-r-md rtl:rounded-l-md">Source</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                    <td class="min-w-[150px] text-black dark:text-white">
+                                        <div class="flex"><img
+                                                class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                                src="/assets/images/product-headphones.jpg" alt="avatar" />
+                                            <p class="whitespace-nowrap">Headphone <span
+                                                    class="text-primary block text-xs">Digital</span></p>
+                                        </div>
+                                    </td>
+                                    <td>$168.09</td>
+                                    <td>$60.09</td>
+                                    <td>170</td>
+                                    <td>
+                                        <a class="text-danger flex items-center" href="javascript:;">
+                                            <svg class="w-3.5 h-3.5 rtl:rotate-180 ltr:mr-1 rtl:ml-1"
+                                                viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg">
+                                                <path
+                                                    d="M12.6644 5.47875L16.6367 9.00968C18.2053 10.404 18.9896 11.1012 18.9896 11.9993C18.9896 12.8975 18.2053 13.5946 16.6367 14.989L12.6644 18.5199C11.9484 19.1563 11.5903 19.4746 11.2952 19.342C11 19.2095 11 18.7305 11 17.7725V15.4279C7.4 15.4279 3.5 17.1422 2 19.9993C2 10.8565 7.33333 8.57075 11 8.57075V6.22616C11 5.26817 11 4.78917 11.2952 4.65662C11.5903 4.52407 11.9484 4.8423 12.6644 5.47875Z"
+                                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                                    stroke-linejoin="round" />
+                                                <path opacity="0.5"
+                                                    d="M15.5386 4.5L20.7548 9.34362C21.5489 10.081 22.0001 11.1158 22.0001 12.1994C22.0001 13.3418 21.4989 14.4266 20.629 15.1671L15.5386 19.5"
+                                                    stroke="currentColor" stroke-width="1.5"
+                                                    stroke-linecap="round" />
+                                            </svg>
+
+                                            Direct
+                                        </a>
+                                    </td>
+                                </tr>
+                                <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                    <td class="text-black dark:text-white">
+                                        <div class="flex"><img
+                                                class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                                src="/assets/images/product-shoes.jpg" alt="avatar" />
+                                            <p class="whitespace-nowrap">Shoes <span
+                                                    class="text-warning block text-xs">Faishon</span></p>
+                                        </div>
+                                    </td>
+                                    <td>$126.04</td>
+                                    <td>$47.09</td>
+                                    <td>130</td>
+                                    <td>
+                                        <a class="text-success flex items-center" href="javascript:;">
+                                            <svg class="w-3.5 h-3.5 rtl:rotate-180 ltr:mr-1 rtl:ml-1"
+                                                viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg">
+                                                <path
+                                                    d="M12.6644 5.47875L16.6367 9.00968C18.2053 10.404 18.9896 11.1012 18.9896 11.9993C18.9896 12.8975 18.2053 13.5946 16.6367 14.989L12.6644 18.5199C11.9484 19.1563 11.5903 19.4746 11.2952 19.342C11 19.2095 11 18.7305 11 17.7725V15.4279C7.4 15.4279 3.5 17.1422 2 19.9993C2 10.8565 7.33333 8.57075 11 8.57075V6.22616C11 5.26817 11 4.78917 11.2952 4.65662C11.5903 4.52407 11.9484 4.8423 12.6644 5.47875Z"
+                                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                                    stroke-linejoin="round" />
+                                                <path opacity="0.5"
+                                                    d="M15.5386 4.5L20.7548 9.34362C21.5489 10.081 22.0001 11.1158 22.0001 12.1994C22.0001 13.3418 21.4989 14.4266 20.629 15.1671L15.5386 19.5"
+                                                    stroke="currentColor" stroke-width="1.5"
+                                                    stroke-linecap="round" />
+                                            </svg>
+                                            Google
+                                        </a>
+                                    </td>
+                                </tr>
+                                <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                    <td class="text-black dark:text-white">
+                                        <div class="flex"><img
+                                                class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                                src="/assets/images/product-watch.jpg" alt="avatar" />
+                                            <p class="whitespace-nowrap">Watch <span
+                                                    class="text-danger block text-xs">Accessories</span></p>
+                                        </div>
+                                    </td>
+                                    <td>$56.07</td>
+                                    <td>$20.00</td>
+                                    <td>66</td>
+                                    <td>
+                                        <a class="text-warning flex items-center" href="javascript:;">
+                                            <svg class="w-3.5 h-3.5 rtl:rotate-180 ltr:mr-1 rtl:ml-1"
+                                                viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg">
+                                                <path
+                                                    d="M12.6644 5.47875L16.6367 9.00968C18.2053 10.404 18.9896 11.1012 18.9896 11.9993C18.9896 12.8975 18.2053 13.5946 16.6367 14.989L12.6644 18.5199C11.9484 19.1563 11.5903 19.4746 11.2952 19.342C11 19.2095 11 18.7305 11 17.7725V15.4279C7.4 15.4279 3.5 17.1422 2 19.9993C2 10.8565 7.33333 8.57075 11 8.57075V6.22616C11 5.26817 11 4.78917 11.2952 4.65662C11.5903 4.52407 11.9484 4.8423 12.6644 5.47875Z"
+                                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                                    stroke-linejoin="round" />
+                                                <path opacity="0.5"
+                                                    d="M15.5386 4.5L20.7548 9.34362C21.5489 10.081 22.0001 11.1158 22.0001 12.1994C22.0001 13.3418 21.4989 14.4266 20.629 15.1671L15.5386 19.5"
+                                                    stroke="currentColor" stroke-width="1.5"
+                                                    stroke-linecap="round" />
+                                            </svg>
+                                            Ads
+                                        </a>
+                                    </td>
+                                </tr>
+                                <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                    <td class="text-black dark:text-white">
+                                        <div class="flex"><img
+                                                class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                                src="/assets/images/product-laptop.jpg" alt="avatar" />
+                                            <p class="whitespace-nowrap">Laptop <span
+                                                    class="text-primary block text-xs">Digital</span></p>
+                                        </div>
+                                    </td>
+                                    <td>$110.00</td>
+                                    <td>$33.00</td>
+                                    <td>35</td>
+                                    <td>
+                                        <a class="text-secondary flex items-center" href="javascript:;">
+                                            <svg class="w-3.5 h-3.5 rtl:rotate-180 ltr:mr-1 rtl:ml-1"
+                                                viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg">
+                                                <path
+                                                    d="M12.6644 5.47875L16.6367 9.00968C18.2053 10.404 18.9896 11.1012 18.9896 11.9993C18.9896 12.8975 18.2053 13.5946 16.6367 14.989L12.6644 18.5199C11.9484 19.1563 11.5903 19.4746 11.2952 19.342C11 19.2095 11 18.7305 11 17.7725V15.4279C7.4 15.4279 3.5 17.1422 2 19.9993C2 10.8565 7.33333 8.57075 11 8.57075V6.22616C11 5.26817 11 4.78917 11.2952 4.65662C11.5903 4.52407 11.9484 4.8423 12.6644 5.47875Z"
+                                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                                    stroke-linejoin="round" />
+                                                <path opacity="0.5"
+                                                    d="M15.5386 4.5L20.7548 9.34362C21.5489 10.081 22.0001 11.1158 22.0001 12.1994C22.0001 13.3418 21.4989 14.4266 20.629 15.1671L15.5386 19.5"
+                                                    stroke="currentColor" stroke-width="1.5"
+                                                    stroke-linecap="round" />
+                                            </svg>
+                                            Email
+                                        </a>
+                                    </td>
+                                </tr>
+                                <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                    <td class="text-black dark:text-white">
+                                        <div class="flex"><img
+                                                class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                                src="/assets/images/product-camera.jpg" alt="avatar" />
+                                            <p class="whitespace-nowrap">Camera <span
+                                                    class="text-primary block text-xs">Digital</span></p>
+                                        </div>
+                                    </td>
+                                    <td>$56.07</td>
+                                    <td>$26.04</td>
+                                    <td>30</td>
+                                    <td>
+                                        <a class="text-primary flex items-center" href="javascript:;">
+                                            <svg class="w-3.5 h-3.5 rtl:rotate-180 ltr:mr-1 rtl:ml-1"
+                                                viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg">
+                                                <path
+                                                    d="M12.6644 5.47875L16.6367 9.00968C18.2053 10.404 18.9896 11.1012 18.9896 11.9993C18.9896 12.8975 18.2053 13.5946 16.6367 14.989L12.6644 18.5199C11.9484 19.1563 11.5903 19.4746 11.2952 19.342C11 19.2095 11 18.7305 11 17.7725V15.4279C7.4 15.4279 3.5 17.1422 2 19.9993C2 10.8565 7.33333 8.57075 11 8.57075V6.22616C11 5.26817 11 4.78917 11.2952 4.65662C11.5903 4.52407 11.9484 4.8423 12.6644 5.47875Z"
+                                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                                    stroke-linejoin="round" />
+                                                <path opacity="0.5"
+                                                    d="M15.5386 4.5L20.7548 9.34362C21.5489 10.081 22.0001 11.1158 22.0001 12.1994C22.0001 13.3418 21.4989 14.4266 20.629 15.1671L15.5386 19.5"
+                                                    stroke="currentColor" stroke-width="1.5"
+                                                    stroke-linecap="round" />
+                                            </svg>
+                                            Referral
+                                        </a>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("sales", () => ({
+                init() {
+                    isDark = this.$store.app.theme === "dark" || this.$store.app.isDarkMode ? true :
+                        false;
+                    isRtl = this.$store.app.rtlClass === "rtl" ? true : false;
+
+                    const revenueChart = null;
+                    const salesByCategory = null;
+                    const dailySales = null;
+                    const totalOrders = null;
+
+                    // revenue
+                    setTimeout(() => {
+                        this.revenueChart = new ApexCharts(this.$refs.revenueChart, this
+                            .revenueChartOptions)
+                        this.$refs.revenueChart.innerHTML = "";
+                        this.revenueChart.render()
+
+                        // sales by category
+                        this.salesByCategory = new ApexCharts(this.$refs.salesByCategory, this
+                            .salesByCategoryOptions)
+                        this.$refs.salesByCategory.innerHTML = "";
+                        this.salesByCategory.render()
+
+                        // daily sales
+                        this.dailySales = new ApexCharts(this.$refs.dailySales, this
+                            .dailySalesOptions)
+                        this.$refs.dailySales.innerHTML = "";
+                        this.dailySales.render()
+
+                        // total orders
+                        this.totalOrders = new ApexCharts(this.$refs.totalOrders, this
+                            .totalOrdersOptions)
+                        this.$refs.totalOrders.innerHTML = "";
+                        this.totalOrders.render()
+                    }, 300);
+
+                    this.$watch('$store.app.theme', () => {
+                        isDark = this.$store.app.theme === "dark" || this.$store.app
+                            .isDarkMode ? true : false;
+
+                        this.revenueChart.updateOptions(this.revenueChartOptions);
+                        this.salesByCategory.updateOptions(this.salesByCategoryOptions);
+                        this.dailySales.updateOptions(this.dailySalesOptions);
+                        this.totalOrders.updateOptions(this.totalOrdersOptions);
+                    });
+
+                    this.$watch('$store.app.rtlClass', () => {
+                        isRtl = this.$store.app.rtlClass === "rtl" ? true : false;
+                        this.revenueChart.updateOptions(this.revenueChartOptions);
+                    });
+
+                },
+
+                // revenue
+                get revenueChartOptions() {
+                    return {
+                        series: [{
+                                name: 'Income',
+                                data: [16800, 16800, 15500, 17800, 15500, 17000, 19000, 16000,
+                                    15000, 17000, 14000, 17000
+                                ]
+                            },
+                            {
+                                name: 'Expenses',
+                                data: [16500, 17500, 16200, 17300, 16000, 19500, 16000, 17000,
+                                    16000, 19000, 18000, 19000
+                                ]
+                            }
+                        ],
+                        chart: {
+                            height: 325,
+                            type: "area",
+                            fontFamily: 'Nunito, sans-serif',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            },
+                        },
+                        dataLabels: {
+                            enabled: false
+                        },
+                        stroke: {
+                            show: true,
+                            curve: 'smooth',
+                            width: 2,
+                            lineCap: 'square'
+                        },
+                        dropShadow: {
+                            enabled: true,
+                            opacity: 0.2,
+                            blur: 10,
+                            left: -7,
+                            top: 22
+                        },
+                        colors: isDark ? ['#2196f3', '#e7515a'] : ['#1b55e2', '#e7515a'],
+                        markers: {
+                            discrete: [{
+                                    seriesIndex: 0,
+                                    dataPointIndex: 6,
+                                    fillColor: '#1b55e2',
+                                    strokeColor: 'transparent',
+                                    size: 7
+                                },
+                                {
+                                    seriesIndex: 1,
+                                    dataPointIndex: 5,
+                                    fillColor: '#e7515a',
+                                    strokeColor: 'transparent',
+                                    size: 7
+                                },
+                            ],
+                        },
+                        labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep',
+                            'Oct', 'Nov', 'Dec'
+                        ],
+                        xaxis: {
+                            axisBorder: {
+                                show: false
+                            },
+                            axisTicks: {
+                                show: false
+                            },
+                            crosshairs: {
+                                show: true
+                            },
+                            labels: {
+                                offsetX: isRtl ? 2 : 0,
+                                offsetY: 5,
+                                style: {
+                                    fontSize: '12px',
+                                    cssClass: 'apexcharts-xaxis-title'
+                                }
+                            },
+                        },
+                        yaxis: {
+                            tickAmount: 7,
+                            labels: {
+                                formatter: (value) => {
+                                    return value / 1000 + 'K';
+                                },
+                                offsetX: isRtl ? -30 : -10,
+                                offsetY: 0,
+                                style: {
+                                    fontSize: '12px',
+                                    cssClass: 'apexcharts-yaxis-title'
+                                },
+                            },
+                            opposite: isRtl ? true : false,
+                        },
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed',
+                            strokeDashArray: 5,
+                            xaxis: {
+                                lines: {
+                                    show: true
+                                }
+                            },
+                            yaxis: {
+                                lines: {
+                                    show: false
+                                }
+                            },
+                            padding: {
+                                top: 0,
+                                right: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        legend: {
+                            position: 'top',
+                            horizontalAlign: 'right',
+                            fontSize: '16px',
+                            markers: {
+                                width: 10,
+                                height: 10,
+                                offsetX: -2,
+                            },
+                            itemMargin: {
+                                horizontal: 10,
+                                vertical: 5
+                            },
+                        },
+                        tooltip: {
+                            marker: {
+                                show: true
+                            },
+                            x: {
+                                show: false
+                            }
+                        },
+                        fill: {
+                            type: 'gradient',
+                            gradient: {
+                                shadeIntensity: 1,
+                                inverseColors: !1,
+                                opacityFrom: isDark ? 0.19 : 0.28,
+                                opacityTo: 0.05,
+                                stops: isDark ? [100, 100] : [45, 100],
+                            },
+                        },
+                    }
+                },
+
+                // sales by category
+                get salesByCategoryOptions() {
+                    return {
+                        series: [985, 737, 270],
+                        chart: {
+                            type: 'donut',
+                            height: 460,
+                            fontFamily: 'Nunito, sans-serif',
+                        },
+                        dataLabels: {
+                            enabled: false
+                        },
+                        stroke: {
+                            show: true,
+                            width: 25,
+                            colors: isDark ? '#0e1726' : '#fff'
+                        },
+                        colors: isDark ? ['#5c1ac3', '#e2a03f', '#e7515a', '#e2a03f'] : ['#e2a03f',
+                            '#5c1ac3', '#e7515a'
+                        ],
+                        legend: {
+                            position: 'bottom',
+                            horizontalAlign: 'center',
+                            fontSize: '14px',
+                            markers: {
+                                width: 10,
+                                height: 10,
+                                offsetX: -2,
+                            },
+                            height: 50,
+                            offsetY: 20,
+                        },
+                        plotOptions: {
+                            pie: {
+                                donut: {
+                                    size: '65%',
+                                    background: 'transparent',
+                                    labels: {
+                                        show: true,
+                                        name: {
+                                            show: true,
+                                            fontSize: '29px',
+                                            offsetY: -10
+                                        },
+                                        value: {
+                                            show: true,
+                                            fontSize: '26px',
+                                            color: isDark ? '#bfc9d4' : undefined,
+                                            offsetY: 16,
+                                            formatter: (val) => {
+                                                return val;
+                                            },
+                                        },
+                                        total: {
+                                            show: true,
+                                            label: 'Total',
+                                            color: '#888ea8',
+                                            fontSize: '29px',
+                                            formatter: (w) => {
+                                                return w.globals.seriesTotals.reduce(function(a,
+                                                    b) {
+                                                    return a + b;
+                                                }, 0);
+                                            },
+                                        },
+                                    },
+                                },
+                            },
+                        },
+                        labels: ['Apparel', 'Sports', 'Others'],
+                        states: {
+                            hover: {
+                                filter: {
+                                    type: 'none',
+                                    value: 0.15,
+                                }
+                            },
+                            active: {
+                                filter: {
+                                    type: 'none',
+                                    value: 0.15,
+                                }
+                            },
+                        }
+                    }
+                },
+
+                // daily sales
+                get dailySalesOptions() {
+                    return {
+                        series: [{
+                                name: 'Sales',
+                                data: [44, 55, 41, 67, 22, 43, 21]
+                            },
+                            {
+                                name: 'Last Week',
+                                data: [13, 23, 20, 8, 13, 27, 33]
+                            },
+                        ],
+                        chart: {
+                            height: 160,
+                            type: 'bar',
+                            fontFamily: 'Nunito, sans-serif',
+                            toolbar: {
+                                show: false
+                            },
+                            stacked: true,
+                            stackType: '100%'
+                        },
+                        dataLabels: {
+                            enabled: false
+                        },
+                        stroke: {
+                            show: true,
+                            width: 1
+                        },
+                        colors: ['#e2a03f', '#e0e6ed'],
+                        responsive: [{
+                            breakpoint: 480,
+                            options: {
+                                legend: {
+                                    position: 'bottom',
+                                    offsetX: -10,
+                                    offsetY: 0
+                                }
+                            }
+                        }],
+                        xaxis: {
+                            labels: {
+                                show: false
+                            },
+                            categories: ['Sun', 'Mon', 'Tue', 'Wed', 'Thur', 'Fri', 'Sat']
+                        },
+                        yaxis: {
+                            show: false
+                        },
+                        fill: {
+                            opacity: 1
+                        },
+                        plotOptions: {
+                            bar: {
+                                horizontal: false,
+                                columnWidth: '25%'
+                            }
+                        },
+                        legend: {
+                            show: false
+                        },
+                        grid: {
+                            show: false,
+                            xaxis: {
+                                lines: {
+                                    show: false
+                                }
+                            },
+                            padding: {
+                                top: 10,
+                                right: -20,
+                                bottom: -20,
+                                left: -20
+                            },
+                        },
+                    }
+                },
+
+                // total orders
+                get totalOrdersOptions() {
+                    return {
+                        series: [{
+                            name: 'Sales',
+                            data: [28, 40, 36, 52, 38, 60, 38, 52, 36, 40]
+                        }],
+                        chart: {
+                            height: 290,
+                            type: "area",
+                            fontFamily: 'Nunito, sans-serif',
+                            sparkline: {
+                                enabled: true
+                            }
+                        },
+                        stroke: {
+                            curve: 'smooth',
+                            width: 2
+                        },
+                        colors: isDark ? ['#00ab55'] : ['#00ab55'],
+                        labels: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'],
+                        yaxis: {
+                            min: 0,
+                            show: false
+                        },
+                        grid: {
+                            padding: {
+                                top: 125,
+                                right: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        fill: {
+                            opacity: 1,
+                            type: 'gradient',
+                            gradient: {
+                                type: 'vertical',
+                                shadeIntensity: 1,
+                                inverseColors: !1,
+                                opacityFrom: 0.3,
+                                opacityTo: 0.05,
+                                stops: [100, 100],
+                            },
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                        },
+                    }
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
deleted file mode 100644
index e85a10381de61e63b93295cbd39cd832a5735d50..0000000000000000000000000000000000000000
--- a/resources/views/layouts/app.blade.php
+++ /dev/null
@@ -1,45 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <meta name="csrf-token" content="{{ csrf_token() }}">
-
-        <title>{{ config('app.name', 'Laravel') }}</title>
-
-        <!-- Fonts -->
-        <link rel="preconnect" href="https://fonts.bunny.net">
-        <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
-
-        <!-- Scripts -->
-        @vite(['resources/css/app.css', 'resources/js/app.js'])
-
-        <!-- Styles -->
-        @livewireStyles
-    </head>
-    <body class="font-sans antialiased">
-        <x-banner />
-
-        <div class="min-h-screen bg-gray-100">
-            @livewire('navigation-menu')
-
-            <!-- Page Heading -->
-            @if (isset($header))
-                <header class="bg-white shadow">
-                    <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
-                        {{ $header }}
-                    </div>
-                </header>
-            @endif
-
-            <!-- Page Content -->
-            <main>
-                {{ $slot }}
-            </main>
-        </div>
-
-        @stack('modals')
-
-        @livewireScripts
-    </body>
-</html>
diff --git a/resources/views/layouts/guest.blade.php b/resources/views/layouts/guest.blade.php
deleted file mode 100644
index ec469d4e866097931fefa07f1e7ca78505866529..0000000000000000000000000000000000000000
--- a/resources/views/layouts/guest.blade.php
+++ /dev/null
@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <meta name="csrf-token" content="{{ csrf_token() }}">
-
-        <title>{{ config('app.name', 'Laravel') }}</title>
-
-        <!-- Fonts -->
-        <link rel="preconnect" href="https://fonts.bunny.net">
-        <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
-
-        <!-- Scripts -->
-        @vite(['resources/css/app.css', 'resources/js/app.js'])
-
-        <!-- Styles -->
-        @livewireStyles
-    </head>
-    <body>
-        <div class="font-sans text-gray-900 antialiased">
-            {{ $slot }}
-        </div>
-
-        @livewireScripts
-    </body>
-</html>
diff --git a/resources/views/navigation-menu.blade.php b/resources/views/navigation-menu.blade.php
deleted file mode 100644
index 426c29a4bc69b38cae97c91d79800ad95003ddd7..0000000000000000000000000000000000000000
--- a/resources/views/navigation-menu.blade.php
+++ /dev/null
@@ -1,219 +0,0 @@
-<nav x-data="{ open: false }" class="bg-white border-b border-gray-100">
-    <!-- Primary Navigation Menu -->
-    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div class="flex justify-between h-16">
-            <div class="flex">
-                <!-- Logo -->
-                <div class="shrink-0 flex items-center">
-                    <a href="{{ route('dashboard') }}">
-                        <x-application-mark class="block h-9 w-auto" />
-                    </a>
-                </div>
-
-                <!-- Navigation Links -->
-                <div class="hidden space-x-8 sm:-my-px sm:ms-10 sm:flex">
-                    <x-nav-link href="{{ route('dashboard') }}" :active="request()->routeIs('dashboard')">
-                        {{ __('Dashboard') }}
-                    </x-nav-link>
-                </div>
-            </div>
-
-            <div class="hidden sm:flex sm:items-center sm:ms-6">
-                <!-- Teams Dropdown -->
-                @if (Laravel\Jetstream\Jetstream::hasTeamFeatures())
-                    <div class="ms-3 relative">
-                        <x-dropdown align="right" width="60">
-                            <x-slot name="trigger">
-                                <span class="inline-flex rounded-md">
-                                    <button type="button" class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 bg-white hover:text-gray-700 focus:outline-none focus:bg-gray-50 active:bg-gray-50 transition ease-in-out duration-150">
-                                        {{ Auth::user()->currentTeam->name }}
-
-                                        <svg class="ms-2 -me-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-                                            <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" />
-                                        </svg>
-                                    </button>
-                                </span>
-                            </x-slot>
-
-                            <x-slot name="content">
-                                <div class="w-60">
-                                    <!-- Team Management -->
-                                    <div class="block px-4 py-2 text-xs text-gray-400">
-                                        {{ __('Manage Team') }}
-                                    </div>
-
-                                    <!-- Team Settings -->
-                                    <x-dropdown-link href="{{ route('teams.show', Auth::user()->currentTeam->id) }}">
-                                        {{ __('Team Settings') }}
-                                    </x-dropdown-link>
-
-                                    @can('create', Laravel\Jetstream\Jetstream::newTeamModel())
-                                        <x-dropdown-link href="{{ route('teams.create') }}">
-                                            {{ __('Create New Team') }}
-                                        </x-dropdown-link>
-                                    @endcan
-
-                                    <!-- Team Switcher -->
-                                    @if (Auth::user()->allTeams()->count() > 1)
-                                        <div class="border-t border-gray-200"></div>
-
-                                        <div class="block px-4 py-2 text-xs text-gray-400">
-                                            {{ __('Switch Teams') }}
-                                        </div>
-
-                                        @foreach (Auth::user()->allTeams() as $team)
-                                            <x-switchable-team :team="$team" />
-                                        @endforeach
-                                    @endif
-                                </div>
-                            </x-slot>
-                        </x-dropdown>
-                    </div>
-                @endif
-
-                <!-- Settings Dropdown -->
-                <div class="ms-3 relative">
-                    <x-dropdown align="right" width="48">
-                        <x-slot name="trigger">
-                            @if (Laravel\Jetstream\Jetstream::managesProfilePhotos())
-                                <button class="flex text-sm border-2 border-transparent rounded-full focus:outline-none focus:border-gray-300 transition">
-                                    <img class="h-8 w-8 rounded-full object-cover" src="{{ Auth::user()->profile_photo_url }}" alt="{{ Auth::user()->name }}" />
-                                </button>
-                            @else
-                                <span class="inline-flex rounded-md">
-                                    <button type="button" class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 bg-white hover:text-gray-700 focus:outline-none focus:bg-gray-50 active:bg-gray-50 transition ease-in-out duration-150">
-                                        {{ Auth::user()->name }}
-
-                                        <svg class="ms-2 -me-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-                                            <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
-                                        </svg>
-                                    </button>
-                                </span>
-                            @endif
-                        </x-slot>
-
-                        <x-slot name="content">
-                            <!-- Account Management -->
-                            <div class="block px-4 py-2 text-xs text-gray-400">
-                                {{ __('Manage Account') }}
-                            </div>
-
-                            <x-dropdown-link href="{{ route('profile.show') }}">
-                                {{ __('Profile') }}
-                            </x-dropdown-link>
-
-                            @if (Laravel\Jetstream\Jetstream::hasApiFeatures())
-                                <x-dropdown-link href="{{ route('api-tokens.index') }}">
-                                    {{ __('API Tokens') }}
-                                </x-dropdown-link>
-                            @endif
-
-                            <div class="border-t border-gray-200"></div>
-
-                            <!-- Authentication -->
-                            <form method="POST" action="{{ route('logout') }}" x-data>
-                                @csrf
-
-                                <x-dropdown-link href="{{ route('logout') }}"
-                                         @click.prevent="$root.submit();">
-                                    {{ __('Log Out') }}
-                                </x-dropdown-link>
-                            </form>
-                        </x-slot>
-                    </x-dropdown>
-                </div>
-            </div>
-
-            <!-- Hamburger -->
-            <div class="-me-2 flex items-center sm:hidden">
-                <button @click="open = ! open" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out">
-                    <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
-                        <path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
-                        <path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-                    </svg>
-                </button>
-            </div>
-        </div>
-    </div>
-
-    <!-- Responsive Navigation Menu -->
-    <div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden">
-        <div class="pt-2 pb-3 space-y-1">
-            <x-responsive-nav-link href="{{ route('dashboard') }}" :active="request()->routeIs('dashboard')">
-                {{ __('Dashboard') }}
-            </x-responsive-nav-link>
-        </div>
-
-        <!-- Responsive Settings Options -->
-        <div class="pt-4 pb-1 border-t border-gray-200">
-            <div class="flex items-center px-4">
-                @if (Laravel\Jetstream\Jetstream::managesProfilePhotos())
-                    <div class="shrink-0 me-3">
-                        <img class="h-10 w-10 rounded-full object-cover" src="{{ Auth::user()->profile_photo_url }}" alt="{{ Auth::user()->name }}" />
-                    </div>
-                @endif
-
-                <div>
-                    <div class="font-medium text-base text-gray-800">{{ Auth::user()->name }}</div>
-                    <div class="font-medium text-sm text-gray-500">{{ Auth::user()->email }}</div>
-                </div>
-            </div>
-
-            <div class="mt-3 space-y-1">
-                <!-- Account Management -->
-                <x-responsive-nav-link href="{{ route('profile.show') }}" :active="request()->routeIs('profile.show')">
-                    {{ __('Profile') }}
-                </x-responsive-nav-link>
-
-                @if (Laravel\Jetstream\Jetstream::hasApiFeatures())
-                    <x-responsive-nav-link href="{{ route('api-tokens.index') }}" :active="request()->routeIs('api-tokens.index')">
-                        {{ __('API Tokens') }}
-                    </x-responsive-nav-link>
-                @endif
-
-                <!-- Authentication -->
-                <form method="POST" action="{{ route('logout') }}" x-data>
-                    @csrf
-
-                    <x-responsive-nav-link href="{{ route('logout') }}"
-                                   @click.prevent="$root.submit();">
-                        {{ __('Log Out') }}
-                    </x-responsive-nav-link>
-                </form>
-
-                <!-- Team Management -->
-                @if (Laravel\Jetstream\Jetstream::hasTeamFeatures())
-                    <div class="border-t border-gray-200"></div>
-
-                    <div class="block px-4 py-2 text-xs text-gray-400">
-                        {{ __('Manage Team') }}
-                    </div>
-
-                    <!-- Team Settings -->
-                    <x-responsive-nav-link href="{{ route('teams.show', Auth::user()->currentTeam->id) }}" :active="request()->routeIs('teams.show')">
-                        {{ __('Team Settings') }}
-                    </x-responsive-nav-link>
-
-                    @can('create', Laravel\Jetstream\Jetstream::newTeamModel())
-                        <x-responsive-nav-link href="{{ route('teams.create') }}" :active="request()->routeIs('teams.create')">
-                            {{ __('Create New Team') }}
-                        </x-responsive-nav-link>
-                    @endcan
-
-                    <!-- Team Switcher -->
-                    @if (Auth::user()->allTeams()->count() > 1)
-                        <div class="border-t border-gray-200"></div>
-
-                        <div class="block px-4 py-2 text-xs text-gray-400">
-                            {{ __('Switch Teams') }}
-                        </div>
-
-                        @foreach (Auth::user()->allTeams() as $team)
-                            <x-switchable-team :team="$team" component="responsive-nav-link" />
-                        @endforeach
-                    @endif
-                @endif
-            </div>
-        </div>
-    </div>
-</nav>
diff --git a/resources/views/pages/coming-soon-boxed.blade.php b/resources/views/pages/coming-soon-boxed.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..2451ab1ab3f12ea92b6ba27d27b46aedb06af858
--- /dev/null
+++ b/resources/views/pages/coming-soon-boxed.blade.php
@@ -0,0 +1,141 @@
+<x-layout.auth>
+
+
+    <div x-data="comingsoon">
+        <div class="absolute inset-0">
+            <img src="/assets/images/auth/bg-gradient.png" alt="image" class="h-full w-full object-cover" />
+        </div>
+        <div class="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/map.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+            <img src="/assets/images/auth/coming-soon-object1.png" alt="image" class="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+            <img src="/assets/images/auth/coming-soon-object2.png" alt="image" class="absolute left-24 top-0 h-40 md:left-[30%]" />
+            <img src="/assets/images/auth/coming-soon-object3.png" alt="image" class="absolute right-0 top-0 h-[300px]" />
+            <img src="/assets/images/auth/polygon-object.svg" alt="image" class="absolute bottom-0 end-[28%]" />
+            <div class="relative w-full max-w-[870px] rounded-md bg-[linear-gradient(45deg,#fff9f9_0%,rgba(255,255,255,0)_25%,rgba(255,255,255,0)_75%,_#fff9f9_100%)] p-2 text-center dark:bg-[linear-gradient(52.22deg,#0E1726_0%,rgba(14,23,38,0)_18.66%,rgba(14,23,38,0)_51.04%,rgba(14,23,38,0)_80.07%,#0E1726_100%)]">
+                <div class="rounded-md bg-white/60 p-4 backdrop-blur-lg dark:bg-black/50 sm:p-6">
+                    <div class="mx-auto mt-5 w-full max-w-[550px] md:mt-16">
+                        <div class="mb-12">
+                            <h1 class="text-3xl font-extrabold uppercase !leading-snug text-primary md:text-4xl">Coming Soon</h1>
+                            <p class="text-base font-bold leading-normal text-white-dark">We will be here in a shortwhile.....</p>
+                        </div>
+                        <div class="mb-16 flex items-center justify-center gap-2 text-xl font-bold leading-none text-primary sm:text-2xl md:mb-24 md:gap-4 md:text-[50px]" x-init="setTimerDemo1">
+                            <div class="relative inline-flex h-12 w-14 items-center justify-center rounded-md bg-primary-light p-2 sm:h-16 sm:w-16 md:h-24 md:min-w-[120px]">
+                                <div class="absolute inset-1 flex flex-col gap-1">
+                                    <span class="h-full w-full rounded-md bg-primary/[12%]"></span>
+                                    <span class="h-full w-full rounded-md bg-white"></span>
+                                </div>
+                                <span class="relative" x-text="demo1.days"></span>
+                            </div>
+                            <span>:</span>
+                            <div class="relative inline-flex h-12 w-12 items-center justify-center rounded-md bg-primary-light p-2 sm:h-16 sm:w-16 md:h-24 md:min-w-[96px]">
+                                <div class="absolute inset-1 flex flex-col gap-1">
+                                    <span class="h-full w-full rounded-md bg-primary/[12%]"></span>
+                                    <span class="h-full w-full rounded-md bg-white"></span>
+                                </div>
+                                <span class="relative" x-text="demo1.hours"></span>
+                            </div>
+                            <span>:</span>
+                            <div class="relative inline-flex h-12 w-12 items-center justify-center rounded-md bg-primary-light p-2 sm:h-16 sm:w-16 md:h-24 md:min-w-[96px]">
+                                <div class="absolute inset-1 flex flex-col gap-1">
+                                    <span class="h-full w-full rounded-md bg-primary/[12%]"></span>
+                                    <span class="h-full w-full rounded-md bg-white"></span>
+                                </div>
+                                <span class="relative" x-text="demo1.minutes"></span>
+                            </div>
+                            <span>:</span>
+                            <div class="relative inline-flex h-12 w-12 items-center justify-center rounded-md bg-primary-light p-2 sm:h-16 sm:w-16 md:h-24 md:min-w-[96px]">
+                                <div class="absolute inset-1 flex flex-col gap-1">
+                                    <span class="h-full w-full rounded-md bg-primary/[12%]"></span>
+                                    <span class="h-full w-full rounded-md bg-white"></span>
+                                </div>
+                                <span class="relative" x-text="demo1.seconds"></span>
+                            </div>
+                        </div>
+                        <div class="mb-20 md:mb-32">
+                            <h2 class="text-lg font-bold uppercase dark:text-white sm:text-xl">Subscribe to get notified!</h2>
+                            <div class="relative mb-10 mt-8">
+                                <input type="email" placeholder="mail@gmail.com" class="form-input mb-5 py-3.5 placeholder:text-base placeholder:text-white-dark sm:mb-0 sm:pe-32" />
+                                <button type="button" class="btn btn-gradient end-1.5 top-1/2 inline-flex border-0 px-4 py-1.5 text-base shadow-none sm:absolute sm:-translate-y-1/2" @click="window.location='/'">
+                                    Subscribe
+                                </button>
+                            </div>
+                            <ul class="flex justify-center gap-3.5">
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110" style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                            <path d="M8 2.05C9.925 2.05 10.1875 2.05 10.975 2.05C11.675 2.05 12.025 2.225 12.2875 2.3125C12.6375 2.4875 12.9 2.575 13.1625 2.8375C13.425 3.1 13.6 3.3625 13.6875 3.7125C13.775 3.975 13.8625 4.325 13.95 5.025C13.95 5.8125 13.95 5.9875 13.95 8C13.95 10.0125 13.95 10.1875 13.95 10.975C13.95 11.675 13.775 12.025 13.6875 12.2875C13.5125 12.6375 13.425 12.9 13.1625 13.1625C12.9 13.425 12.6375 13.6 12.2875 13.6875C12.025 13.775 11.675 13.8625 10.975 13.95C10.1875 13.95 10.0125 13.95 8 13.95C5.9875 13.95 5.8125 13.95 5.025 13.95C4.325 13.95 3.975 13.775 3.7125 13.6875C3.3625 13.5125 3.1 13.425 2.8375 13.1625C2.575 12.9 2.4 12.6375 2.3125 12.2875C2.225 12.025 2.1375 11.675 2.05 10.975C2.05 10.1875 2.05 10.0125 2.05 8C2.05 5.9875 2.05 5.8125 2.05 5.025C2.05 4.325 2.225 3.975 2.3125 3.7125C2.4875 3.3625 2.575 3.1 2.8375 2.8375C3.1 2.575 3.3625 2.4 3.7125 2.3125C3.975 2.225 4.325 2.1375 5.025 2.05C5.8125 2.05 6.075 2.05 8 2.05ZM8 0.737503C5.9875 0.737503 5.8125 0.737503 5.025 0.737503C4.2375 0.737503 3.7125 0.912504 3.275 1.0875C2.8375 1.2625 2.4 1.525 1.9625 1.9625C1.525 2.4 1.35 2.75 1.0875 3.275C0.912504 3.7125 0.825003 4.2375 0.737503 5.025C0.737503 5.8125 0.737503 6.075 0.737503 8C0.737503 10.0125 0.737503 10.1875 0.737503 10.975C0.737503 11.7625 0.912504 12.2875 1.0875 12.725C1.2625 13.1625 1.525 13.6 1.9625 14.0375C2.4 14.475 2.75 14.65 3.275 14.9125C3.7125 15.0875 4.2375 15.175 5.025 15.2625C5.8125 15.2625 6.075 15.2625 8 15.2625C9.925 15.2625 10.1875 15.2625 10.975 15.2625C11.7625 15.2625 12.2875 15.0875 12.725 14.9125C13.1625 14.7375 13.6 14.475 14.0375 14.0375C14.475 13.6 14.65 13.25 14.9125 12.725C15.0875 12.2875 15.175 11.7625 15.2625 10.975C15.2625 10.1875 15.2625 9.925 15.2625 8C15.2625 6.075 15.2625 5.8125 15.2625 5.025C15.2625 4.2375 15.0875 3.7125 14.9125 3.275C14.7375 2.8375 14.475 2.4 14.0375 1.9625C13.6 1.525 13.25 1.35 12.725 1.0875C12.2875 0.912504 11.7625 0.825003 10.975 0.737503C10.1875 0.737503 10.0125 0.737503 8 0.737503Z" fill="white" />
+                                            <path d="M8 4.2375C5.9 4.2375 4.2375 5.9 4.2375 8C4.2375 10.1 5.9 11.7625 8 11.7625C10.1 11.7625 11.7625 10.1 11.7625 8C11.7625 5.9 10.1 4.2375 8 4.2375ZM8 10.45C6.6875 10.45 5.55 9.4 5.55 8C5.55 6.6875 6.6 5.55 8 5.55C9.3125 5.55 10.45 6.6 10.45 8C10.45 9.3125 9.3125 10.45 8 10.45Z" fill="white" />
+                                            <path d="M11.85 5.025C12.3333 5.025 12.725 4.63325 12.725 4.15C12.725 3.66675 12.3333 3.275 11.85 3.275C11.3668 3.275 10.975 3.66675 10.975 4.15C10.975 4.63325 11.3668 5.025 11.85 5.025Z" fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110" style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                            <path d="M14 7C14 3.15 10.85 0 7 0C3.15 0 0 3.15 0 7C0 10.5 2.5375 13.3875 5.8625 13.9125V9.0125H4.1125V7H5.8625V5.425C5.8625 3.675 6.9125 2.7125 8.4875 2.7125C9.275 2.7125 10.0625 2.8875 10.0625 2.8875V4.6375H9.1875C8.3125 4.6375 8.05 5.1625 8.05 5.6875V7H9.975L9.625 9.0125H7.9625V14C11.4625 13.475 14 10.5 14 7Z" fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110" style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                            <path d="M14 1.625C13.475 1.8875 12.95 1.975 12.3375 2.0625C12.95 1.7125 13.3875 1.1875 13.5625 0.4875C13.0375 0.8375 12.425 1.0125 11.725 1.1875C11.2 0.6625 10.4125 0.3125 9.625 0.3125C7.7875 0.3125 6.3875 2.0625 6.825 3.8125C4.4625 3.725 2.3625 2.5875 0.875 0.8375C0.0875 2.15 0.525 3.8125 1.75 4.6875C1.3125 4.6875 0.875 4.5125 0.4375 4.3375C0.4375 5.65 1.4 6.875 2.7125 7.225C2.275 7.3125 1.8375 7.4 1.4 7.3125C1.75 8.45 2.8 9.325 4.1125 9.325C3.0625 10.1125 1.4875 10.55 0 10.375C1.3125 11.1625 2.8 11.6875 4.375 11.6875C9.7125 11.6875 12.6875 7.225 12.5125 3.1125C13.125 2.7625 13.65 2.2375 14 1.625Z" fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110" style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M13.8512 7.15912C13.8512 6.66275 13.8066 6.18548 13.7239 5.72729H7.13116V8.43503H10.8984C10.7362 9.31003 10.243 10.0514 9.50162 10.5478V12.3041H11.7639C13.0875 11.0855 13.8512 9.29094 13.8512 7.15912Z" fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M7.13089 14C9.0209 14 10.6054 13.3731 11.7636 12.3041L9.50135 10.5477C8.87454 10.9677 8.07272 11.2159 7.13089 11.2159C5.30771 11.2159 3.76452 9.9845 3.21407 8.32996H0.875427V10.1436C2.02725 12.4313 4.39453 14 7.13089 14Z" fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M3.21435 8.32997C3.07435 7.90997 2.99481 7.46133 2.99481 6.99997C2.99481 6.5386 3.07435 6.08996 3.21435 5.66996V3.85632H0.875712C0.40162 4.80133 0.131165 5.87042 0.131165 6.99997C0.131165 8.12951 0.40162 9.19861 0.875712 10.1436L3.21435 8.32997Z" fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M7.13089 2.7841C8.15862 2.7841 9.08135 3.13728 9.80681 3.83092L11.8145 1.82319C10.6023 0.693638 9.01772 0 7.13089 0C4.39453 0 2.02725 1.56864 0.875427 3.85637L3.21407 5.67001C3.76452 4.01546 5.30771 2.7841 7.13089 2.7841Z" fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                        <p class="dark:text-white">© <span id="footer-year">2022</span>. VRISTO All Rights Reserved.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("comingsoon", () => ({
+                timer1: null,
+                demo1: {
+                    days: null,
+                    hours: null,
+                    minutes: null,
+                    seconds: null,
+                },
+                setTimerDemo1() {
+                    let date = new Date();
+                    date.setFullYear(date.getFullYear() + 1);
+                    let countDownDate = date.getTime();
+
+                    this.timer1 = setInterval(() => {
+                        let now = new Date().getTime();
+
+                        let distance = countDownDate - now;
+
+                        this.demo1.days = Math.floor(distance / (1000 * 60 * 60 * 24));
+                        this.demo1.hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (
+                            1000 * 60 * 60));
+                        this.demo1.minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 *
+                            60));
+                        this.demo1.seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+                        if (distance < 0) {
+                            clearInterval(this.timer1);
+                        }
+                    }, 500);
+                },
+            }));
+        });
+    </script>
+
+</x-layout.auth>
diff --git a/resources/views/pages/coming-soon-cover.blade.php b/resources/views/pages/coming-soon-cover.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..0c6842e97321d0eadff6f6426e48fec4a148427e
--- /dev/null
+++ b/resources/views/pages/coming-soon-cover.blade.php
@@ -0,0 +1,178 @@
+<x-layout.auth>
+
+
+    <div x-data="comingsoon">
+        <div class="absolute inset-0">
+            <img src="/assets/images/auth/bg-gradient.png" alt="image" class="h-full w-full object-cover" />
+        </div>
+        <div class="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/map.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+            <img src="/assets/images/auth/coming-soon-object1.png" alt="image" class="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+            <img src="/assets/images/auth/coming-soon-object2.png" alt="image" class="absolute left-24 top-0 h-40 md:left-[30%]" />
+            <img src="/assets/images/auth/coming-soon-object3.png" alt="image" class="absolute right-0 top-0 h-[300px]" />
+            <img src="/assets/images/auth/polygon-object.svg" alt="image" class="absolute bottom-0 end-[28%]" />
+            <div class="relative flex w-full max-w-[1502px] flex-col justify-between overflow-hidden rounded-md bg-white/60 text-center backdrop-blur-lg dark:bg-black/50 lg:min-h-[758px] lg:flex-row lg:gap-10 xl:gap-0">
+                <div class="relative hidden w-full items-center justify-center p-5 lg:inline-flex lg:max-w-[835px] ltr:xl:-ml-24 ltr:xl:skew-x-[14deg] rtl:xl:-mr-24 rtl:xl:skew-x-[-14deg]"
+                    style="background: linear-gradient(225deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                    <div class="absolute inset-y-0 w-8 from-primary/10 via-transparent to-transparent ltr:-right-10 ltr:bg-gradient-to-r rtl:-left-10 rtl:bg-gradient-to-l xl:w-16 ltr:xl:-right-20 rtl:xl:-left-20"></div>
+                    <div class="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
+                        <a href="/" class="w-48 block lg:w-72">
+                            <img src="/assets/images/auth/logo-white.svg" alt="Logo" class="w-full" />
+                        </a>
+                        <div class="mt-24 hidden w-full max-w-[430px] rtl:rotate-y-180 lg:block">
+                            <img src="/assets/images/auth/coming-soon-cover.svg" alt="Cover Image" class="w-full" />
+                        </div>
+                    </div>
+                </div>
+                <div class="relative w-full px-4 pb-16 pt-6 sm:px-6 lg:max-w-[667px]">
+                    <div class="mx-auto mt-5 w-full max-w-[550px] lg:mt-16">
+                        <a href="/" class="mb-8 block lg:hidden">
+                            <img src="/assets/images/logo.svg" alt="Logo" class="mx-auto w-10" />
+                        </a>
+                        <div class="mb-12">
+                            <h1 class="text-3xl font-extrabold uppercase !leading-snug text-primary md:text-4xl">Coming Soon</h1>
+                            <p class="text-base font-bold leading-normal text-white-dark">We will be here in a shortwhile.....</p>
+                        </div>
+                        <div class="mb-16 flex items-center justify-center gap-2 text-xl font-bold leading-none text-primary sm:text-2xl md:mb-24 md:gap-4 md:text-[50px]" x-init="setTimerDemo1">
+                            <div class="relative inline-flex h-12 w-14 items-center justify-center rounded-md bg-primary-light p-2 sm:h-16 sm:w-16 md:h-24 md:min-w-[120px]">
+                                <div class="absolute inset-1 flex flex-col gap-1">
+                                    <span class="h-full w-full rounded-md bg-primary/[12%]"></span>
+                                    <span class="h-full w-full rounded-md bg-white"></span>
+                                </div>
+                                <span class="relative" x-text="demo1.days"></span>
+                            </div>
+                            <span>:</span>
+                            <div class="relative inline-flex h-12 w-12 items-center justify-center rounded-md bg-primary-light p-2 sm:h-16 sm:w-16 md:h-24 md:min-w-[96px]">
+                                <div class="absolute inset-1 flex flex-col gap-1">
+                                    <span class="h-full w-full rounded-md bg-primary/[12%]"></span>
+                                    <span class="h-full w-full rounded-md bg-white"></span>
+                                </div>
+                                <span class="relative" x-text="demo1.hours"></span>
+                            </div>
+                            <span>:</span>
+                            <div class="relative inline-flex h-12 w-12 items-center justify-center rounded-md bg-primary-light p-2 sm:h-16 sm:w-16 md:h-24 md:min-w-[96px]">
+                                <div class="absolute inset-1 flex flex-col gap-1">
+                                    <span class="h-full w-full rounded-md bg-primary/[12%]"></span>
+                                    <span class="h-full w-full rounded-md bg-white"></span>
+                                </div>
+                                <span class="relative" x-text="demo1.minutes"></span>
+                            </div>
+                            <span>:</span>
+                            <div class="relative inline-flex h-12 w-12 items-center justify-center rounded-md bg-primary-light p-2 sm:h-16 sm:w-16 md:h-24 md:min-w-[96px]">
+                                <div class="absolute inset-1 flex flex-col gap-1">
+                                    <span class="h-full w-full rounded-md bg-primary/[12%]"></span>
+                                    <span class="h-full w-full rounded-md bg-white"></span>
+                                </div>
+                                <span class="relative" x-text="demo1.seconds"></span>
+                            </div>
+                        </div>
+                        <div class="mb-20 md:mb-32">
+                            <h2 class="text-lg font-bold uppercase dark:text-white sm:text-xl">Subscribe to get notified!</h2>
+                            <div class="relative mb-10 mt-8">
+                                <input type="email" placeholder="mail@gmail.com" class="form-input mb-5 py-3.5 placeholder:text-base placeholder:text-white-dark sm:mb-0 sm:pe-32" />
+                                <button type="button" class="btn btn-gradient end-1.5 top-1/2 inline-flex border-0 px-4 py-1.5 text-base shadow-none sm:absolute sm:-translate-y-1/2" @click="window.location='/'">
+                                    Subscribe
+                                </button>
+                            </div>
+                            <ul class="flex justify-center gap-3.5">
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                            <path
+                                                d="M8 2.05C9.925 2.05 10.1875 2.05 10.975 2.05C11.675 2.05 12.025 2.225 12.2875 2.3125C12.6375 2.4875 12.9 2.575 13.1625 2.8375C13.425 3.1 13.6 3.3625 13.6875 3.7125C13.775 3.975 13.8625 4.325 13.95 5.025C13.95 5.8125 13.95 5.9875 13.95 8C13.95 10.0125 13.95 10.1875 13.95 10.975C13.95 11.675 13.775 12.025 13.6875 12.2875C13.5125 12.6375 13.425 12.9 13.1625 13.1625C12.9 13.425 12.6375 13.6 12.2875 13.6875C12.025 13.775 11.675 13.8625 10.975 13.95C10.1875 13.95 10.0125 13.95 8 13.95C5.9875 13.95 5.8125 13.95 5.025 13.95C4.325 13.95 3.975 13.775 3.7125 13.6875C3.3625 13.5125 3.1 13.425 2.8375 13.1625C2.575 12.9 2.4 12.6375 2.3125 12.2875C2.225 12.025 2.1375 11.675 2.05 10.975C2.05 10.1875 2.05 10.0125 2.05 8C2.05 5.9875 2.05 5.8125 2.05 5.025C2.05 4.325 2.225 3.975 2.3125 3.7125C2.4875 3.3625 2.575 3.1 2.8375 2.8375C3.1 2.575 3.3625 2.4 3.7125 2.3125C3.975 2.225 4.325 2.1375 5.025 2.05C5.8125 2.05 6.075 2.05 8 2.05ZM8 0.737503C5.9875 0.737503 5.8125 0.737503 5.025 0.737503C4.2375 0.737503 3.7125 0.912504 3.275 1.0875C2.8375 1.2625 2.4 1.525 1.9625 1.9625C1.525 2.4 1.35 2.75 1.0875 3.275C0.912504 3.7125 0.825003 4.2375 0.737503 5.025C0.737503 5.8125 0.737503 6.075 0.737503 8C0.737503 10.0125 0.737503 10.1875 0.737503 10.975C0.737503 11.7625 0.912504 12.2875 1.0875 12.725C1.2625 13.1625 1.525 13.6 1.9625 14.0375C2.4 14.475 2.75 14.65 3.275 14.9125C3.7125 15.0875 4.2375 15.175 5.025 15.2625C5.8125 15.2625 6.075 15.2625 8 15.2625C9.925 15.2625 10.1875 15.2625 10.975 15.2625C11.7625 15.2625 12.2875 15.0875 12.725 14.9125C13.1625 14.7375 13.6 14.475 14.0375 14.0375C14.475 13.6 14.65 13.25 14.9125 12.725C15.0875 12.2875 15.175 11.7625 15.2625 10.975C15.2625 10.1875 15.2625 9.925 15.2625 8C15.2625 6.075 15.2625 5.8125 15.2625 5.025C15.2625 4.2375 15.0875 3.7125 14.9125 3.275C14.7375 2.8375 14.475 2.4 14.0375 1.9625C13.6 1.525 13.25 1.35 12.725 1.0875C12.2875 0.912504 11.7625 0.825003 10.975 0.737503C10.1875 0.737503 10.0125 0.737503 8 0.737503Z"
+                                                fill="white" />
+                                            <path
+                                                d="M8 4.2375C5.9 4.2375 4.2375 5.9 4.2375 8C4.2375 10.1 5.9 11.7625 8 11.7625C10.1 11.7625 11.7625 10.1 11.7625 8C11.7625 5.9 10.1 4.2375 8 4.2375ZM8 10.45C6.6875 10.45 5.55 9.4 5.55 8C5.55 6.6875 6.6 5.55 8 5.55C9.3125 5.55 10.45 6.6 10.45 8C10.45 9.3125 9.3125 10.45 8 10.45Z"
+                                                fill="white" />
+                                            <path d="M11.85 5.025C12.3333 5.025 12.725 4.63325 12.725 4.15C12.725 3.66675 12.3333 3.275 11.85 3.275C11.3668 3.275 10.975 3.66675 10.975 4.15C10.975 4.63325 11.3668 5.025 11.85 5.025Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                            <path
+                                                d="M14 7C14 3.15 10.85 0 7 0C3.15 0 0 3.15 0 7C0 10.5 2.5375 13.3875 5.8625 13.9125V9.0125H4.1125V7H5.8625V5.425C5.8625 3.675 6.9125 2.7125 8.4875 2.7125C9.275 2.7125 10.0625 2.8875 10.0625 2.8875V4.6375H9.1875C8.3125 4.6375 8.05 5.1625 8.05 5.6875V7H9.975L9.625 9.0125H7.9625V14C11.4625 13.475 14 10.5 14 7Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                            <path
+                                                d="M14 1.625C13.475 1.8875 12.95 1.975 12.3375 2.0625C12.95 1.7125 13.3875 1.1875 13.5625 0.4875C13.0375 0.8375 12.425 1.0125 11.725 1.1875C11.2 0.6625 10.4125 0.3125 9.625 0.3125C7.7875 0.3125 6.3875 2.0625 6.825 3.8125C4.4625 3.725 2.3625 2.5875 0.875 0.8375C0.0875 2.15 0.525 3.8125 1.75 4.6875C1.3125 4.6875 0.875 4.5125 0.4375 4.3375C0.4375 5.65 1.4 6.875 2.7125 7.225C2.275 7.3125 1.8375 7.4 1.4 7.3125C1.75 8.45 2.8 9.325 4.1125 9.325C3.0625 10.1125 1.4875 10.55 0 10.375C1.3125 11.1625 2.8 11.6875 4.375 11.6875C9.7125 11.6875 12.6875 7.225 12.5125 3.1125C13.125 2.7625 13.65 2.2375 14 1.625Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:" class="inline-flex h-8 w-8 items-center justify-center rounded-full p-0 transition hover:scale-110"
+                                        style="background: linear-gradient(135deg, rgba(239, 18, 98, 1) 0%, rgba(67, 97, 238, 1) 100%)">
+                                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M13.8512 7.15912C13.8512 6.66275 13.8066 6.18548 13.7239 5.72729H7.13116V8.43503H10.8984C10.7362 9.31003 10.243 10.0514 9.50162 10.5478V12.3041H11.7639C13.0875 11.0855 13.8512 9.29094 13.8512 7.15912Z"
+                                                fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M7.13089 14C9.0209 14 10.6054 13.3731 11.7636 12.3041L9.50135 10.5477C8.87454 10.9677 8.07272 11.2159 7.13089 11.2159C5.30771 11.2159 3.76452 9.9845 3.21407 8.32996H0.875427V10.1436C2.02725 12.4313 4.39453 14 7.13089 14Z"
+                                                fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M3.21435 8.32997C3.07435 7.90997 2.99481 7.46133 2.99481 6.99997C2.99481 6.5386 3.07435 6.08996 3.21435 5.66996V3.85632H0.875712C0.40162 4.80133 0.131165 5.87042 0.131165 6.99997C0.131165 8.12951 0.40162 9.19861 0.875712 10.1436L3.21435 8.32997Z"
+                                                fill="white" />
+                                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                                d="M7.13089 2.7841C8.15862 2.7841 9.08135 3.13728 9.80681 3.83092L11.8145 1.82319C10.6023 0.693638 9.01772 0 7.13089 0C4.39453 0 2.02725 1.56864 0.875427 3.85637L3.21407 5.67001C3.76452 4.01546 5.30771 2.7841 7.13089 2.7841Z"
+                                                fill="white" />
+                                        </svg>
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <p class="absolute bottom-6 w-full text-center dark:text-white">
+                        © <span id="footer-year">2022</span>. VRISTO All Rights Reserved.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("comingsoon", () => ({
+                timer1: null,
+                demo1: {
+                    days: null,
+                    hours: null,
+                    minutes: null,
+                    seconds: null,
+                },
+                setTimerDemo1() {
+                    let date = new Date();
+                    date.setFullYear(date.getFullYear() + 1);
+                    let countDownDate = date.getTime();
+
+                    this.timer1 = setInterval(() => {
+                        let now = new Date().getTime();
+
+                        let distance = countDownDate - now;
+
+                        this.demo1.days = Math.floor(distance / (1000 * 60 * 60 * 24));
+                        this.demo1.hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (
+                            1000 * 60 * 60));
+                        this.demo1.minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 *
+                            60));
+                        this.demo1.seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+                        if (distance < 0) {
+                            clearInterval(this.timer1);
+                        }
+                    }, 500);
+                },
+            }));
+        });
+    </script>
+
+</x-layout.auth>
diff --git a/resources/views/pages/contact-us-boxed.blade.php b/resources/views/pages/contact-us-boxed.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..286027265234401040a536af366e179f872c5d22
--- /dev/null
+++ b/resources/views/pages/contact-us-boxed.blade.php
@@ -0,0 +1,213 @@
+<x-layout.auth>
+
+
+    <div x-data="auth">
+        <div class="absolute inset-0">
+            <img src="/assets/images/auth/bg-gradient.png" alt="image" class="h-full w-full object-cover" />
+        </div>
+        <div class="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/map.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+            <img src="/assets/images/auth/coming-soon-object1.png" alt="image" class="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+            <img src="/assets/images/auth/coming-soon-object2.png" alt="image" class="absolute left-24 top-0 h-40 md:left-[30%]" />
+            <img src="/assets/images/auth/coming-soon-object3.png" alt="image" class="absolute right-0 top-0 h-[300px]" />
+            <img src="/assets/images/auth/polygon-object.svg" alt="image" class="absolute bottom-0 end-[28%]" />
+            <div
+                class="relative w-full max-w-[870px] rounded-md bg-[linear-gradient(45deg,#fff9f9_0%,rgba(255,255,255,0)_25%,rgba(255,255,255,0)_75%,_#fff9f9_100%)] p-2 dark:bg-[linear-gradient(52.22deg,#0E1726_0%,rgba(14,23,38,0)_18.66%,rgba(14,23,38,0)_51.04%,rgba(14,23,38,0)_80.07%,#0E1726_100%)]">
+                <div class="relative flex flex-col justify-center rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 px-6 lg:min-h-[758px] py-20">
+                    <div class="absolute top-6 end-6">
+                        <div class="dropdown" x-data="dropdown" @click.outside="open = false">
+                            <a href="javascript:;" class="flex items-center gap-2.5 rounded-lg border border-white-dark/30 bg-white px-2 py-1.5 text-white-dark hover:border-primary hover:text-primary dark:bg-black"
+                                :class="{ '!border-primary !text-primary': open }" @click="toggle">
+                                <div>
+                                    <img :src="`/assets/images/flags/${$store.app.locale.toUpperCase()}.svg`" alt="image" class="h-5 w-5 rounded-full object-cover" />
+                                </div>
+                                <div x-text="$store.app.locale" class="text-base font-bold uppercase"></div>
+                                <span class="shrink-0" :class="{ 'rotate-180': open }">
+                                    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M6.99989 9.79988C6.59156 9.79988 6.18322 9.64238 5.87406 9.33321L2.07072 5.52988C1.90156 5.36071 1.90156 5.08071 2.07072 4.91154C2.23989 4.74238 2.51989 4.74238 2.68906 4.91154L6.49239 8.71488C6.77239 8.99488 7.22739 8.99488 7.50739 8.71488L11.3107 4.91154C11.4799 4.74238 11.7599 4.74238 11.9291 4.91154C12.0982 5.08071 12.0982 5.36071 11.9291 5.52988L8.12572 9.33321C7.81656 9.64238 7.40822 9.79988 6.99989 9.79988Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="top-11 grid w-[280px] grid-cols-2 gap-y-2 !px-2 font-semibold text-dark ltr:-right-14 rtl:-left-14 dark:text-white-dark dark:text-white-light/90 sm:ltr:-right-2 sm:rtl:-left-2">
+                                <template x-for="item in languages">
+                                    <li>
+                                        <a href="javascript:;" class="hover:text-primary" @click="$store.app.toggleLocale(item.value),toggle()" :class="{ 'bg-primary/10 text-primary': $store.app.locale == item.value }">
+                                            <img class="h-5 w-5 rounded-full object-cover" :src="`/assets/images/flags/${item.value.toUpperCase()}.svg`" alt="image" />
+                                            <span class="ltr:ml-3 rtl:mr-3" x-text="item.key"></span>
+                                        </a>
+                                    </li>
+                                </template>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="mx-auto w-full max-w-[440px]">
+                        <div class="mb-10">
+                            <h1 class="text-3xl font-extrabold uppercase !leading-snug text-primary md:text-4xl">Contact us</h1>
+                            <p class="text-base font-bold leading-normal text-white-dark">
+                                Submit your queries and we will get back to you as soon as possible.
+                            </p>
+                        </div>
+                        <form class="space-y-5" @submit.prevent="window.location='/'">
+                            <div class="relative text-white-dark">
+                                <input id="Name" type="text" placeholder="Name" class="form-input ps-10 placeholder:text-white-dark" />
+                                <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                        <circle cx="9" cy="4.5" r="3" fill="#888EA8" />
+                                        <path opacity="0.5" d="M15 13.125C15 14.989 15 16.5 9 16.5C3 16.5 3 14.989 3 13.125C3 11.261 5.68629 9.75 9 9.75C12.3137 9.75 15 11.261 15 13.125Z" fill="#888EA8" />
+                                    </svg>
+                                </span>
+                            </div>
+                            <div class="relative text-white-dark">
+                                <input id="Email" type="email" placeholder="Email" class="form-input ps-10 placeholder:text-white-dark" />
+                                <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                        <path opacity="0.5"
+                                            d="M10.65 2.25H7.35C4.23873 2.25 2.6831 2.25 1.71655 3.23851C0.75 4.22703 0.75 5.81802 0.75 9C0.75 12.182 0.75 13.773 1.71655 14.7615C2.6831 15.75 4.23873 15.75 7.35 15.75H10.65C13.7613 15.75 15.3169 15.75 16.2835 14.7615C17.25 13.773 17.25 12.182 17.25 9C17.25 5.81802 17.25 4.22703 16.2835 3.23851C15.3169 2.25 13.7613 2.25 10.65 2.25Z"
+                                            fill="currentColor" />
+                                        <path
+                                            d="M14.3465 6.02574C14.609 5.80698 14.6445 5.41681 14.4257 5.15429C14.207 4.89177 13.8168 4.8563 13.5543 5.07507L11.7732 6.55931C11.0035 7.20072 10.4691 7.6446 10.018 7.93476C9.58125 8.21564 9.28509 8.30993 9.00041 8.30993C8.71572 8.30993 8.41956 8.21564 7.98284 7.93476C7.53168 7.6446 6.9973 7.20072 6.22761 6.55931L4.44652 5.07507C4.184 4.8563 3.79384 4.89177 3.57507 5.15429C3.3563 5.41681 3.39177 5.80698 3.65429 6.02574L5.4664 7.53583C6.19764 8.14522 6.79033 8.63914 7.31343 8.97558C7.85834 9.32604 8.38902 9.54743 9.00041 9.54743C9.6118 9.54743 10.1425 9.32604 10.6874 8.97558C11.2105 8.63914 11.8032 8.14522 12.5344 7.53582L14.3465 6.02574Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </div>
+                            <div class="relative text-white-dark">
+                                <input id="Phone" type="text" placeholder="Phone" class="form-input ps-10 placeholder:text-white-dark" />
+                                <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                        <path opacity="0.5"
+                                            d="M11.6671 10.9108L11.3255 11.2704C11.3255 11.2704 10.5136 12.1252 8.29734 9.79192C6.08109 7.45863 6.89303 6.60381 6.89303 6.60381L7.10814 6.37733C7.63805 5.81943 7.68801 4.92372 7.22568 4.26983L6.27994 2.93221C5.70771 2.12287 4.60197 2.01596 3.94609 2.70648L2.76889 3.94585C2.44367 4.28824 2.22574 4.73209 2.25217 5.22445C2.31978 6.48409 2.85804 9.19429 5.86152 12.3564C9.04661 15.7097 12.0351 15.8429 13.2572 15.7223C13.6438 15.6842 13.9799 15.4757 14.2508 15.1905L15.3163 14.0688C16.0354 13.3117 15.8327 12.0136 14.9125 11.484L13.4796 10.6592C12.8754 10.3115 12.1393 10.4136 11.6671 10.9108Z"
+                                            fill="#888EA8" />
+                                        <path
+                                            d="M9.94462 1.40987C9.99426 1.10321 10.2842 0.895175 10.5908 0.944823C10.6098 0.948457 10.6709 0.959872 10.7029 0.966999C10.7669 0.981252 10.8562 1.0032 10.9675 1.03561C11.1901 1.10045 11.501 1.20725 11.8742 1.37835C12.6214 1.72092 13.6158 2.32017 14.6476 3.35202C15.6795 4.38387 16.2787 5.37823 16.6213 6.12544C16.7924 6.49865 16.8992 6.8096 16.964 7.03219C16.9965 7.14349 17.0184 7.23276 17.0327 7.29676C17.0398 7.32876 17.045 7.35446 17.0486 7.37344L17.0529 7.39684C17.1026 7.7035 16.8965 8.00539 16.5898 8.05504C16.284 8.10455 15.9959 7.89752 15.945 7.59229C15.9435 7.5841 15.9392 7.56208 15.9346 7.54131C15.9253 7.49978 15.9093 7.43391 15.8839 7.34679C15.8332 7.17254 15.745 6.91354 15.5987 6.59428C15.3063 5.95655 14.7805 5.07591 13.8521 4.14752C12.9237 3.21912 12.0431 2.69337 11.4054 2.401C11.0861 2.25463 10.8271 2.16648 10.6529 2.11573C10.5657 2.09036 10.4563 2.06522 10.4147 2.05597C10.1095 2.00511 9.89511 1.71566 9.94462 1.40987Z"
+                                            fill="#888EA8" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M10.1143 3.99697C10.1996 3.69827 10.511 3.5253 10.8097 3.61065L10.6552 4.1515C10.8097 3.61065 10.8097 3.61065 10.8097 3.61065L10.8108 3.61096L10.8119 3.61129L10.8144 3.61202L10.8202 3.61375L10.8351 3.61838C10.8464 3.62199 10.8605 3.6267 10.8773 3.63268C10.911 3.64463 10.9555 3.66163 11.0102 3.68503C11.1194 3.73186 11.2687 3.80417 11.4521 3.91271C11.8192 4.12997 12.3203 4.49085 12.9091 5.07958C13.4978 5.66831 13.8587 6.16945 14.0759 6.53655C14.1845 6.71993 14.2568 6.86923 14.3036 6.97849C14.327 7.0331 14.344 7.07762 14.356 7.1113C14.3619 7.12814 14.3667 7.14226 14.3703 7.15357L14.3749 7.16841L14.3766 7.17422L14.3774 7.17672L14.3777 7.17787C14.3777 7.17787 14.378 7.17895 13.8371 7.33348L14.378 7.17895C14.4633 7.47766 14.2904 7.789 13.9917 7.87434C13.6955 7.95896 13.3869 7.78964 13.2985 7.4956L13.2957 7.48751C13.2917 7.47624 13.2835 7.45405 13.2696 7.42165C13.2418 7.3569 13.1915 7.25098 13.1078 7.10953C12.9406 6.82698 12.6385 6.40004 12.1136 5.87508C11.5886 5.35011 11.1617 5.04808 10.8791 4.88086C10.7377 4.79714 10.6317 4.74682 10.567 4.71907C10.5346 4.70518 10.5124 4.69691 10.5011 4.69291L10.493 4.69014C10.199 4.60173 10.0297 4.29314 10.1143 3.99697Z"
+                                            fill="#888EA8" />
+                                    </svg>
+                                </span>
+                            </div>
+                            <div class="relative text-white-dark">
+                                <input id="Subject" type="text" placeholder="Subject" class="form-input ps-10 placeholder:text-white-dark" />
+                                <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5"
+                                            d="M15.636 6.53479C16.7878 5.38301 16.7878 3.51561 15.636 2.36383C14.4843 1.21206 12.6169 1.21206 11.4651 2.36383L10.7998 3.02911C10.8089 3.05662 10.8184 3.08451 10.8282 3.11277C11.072 3.81562 11.5321 4.737 12.3976 5.60252C13.2631 6.46803 14.1845 6.92811 14.8874 7.17196C14.9155 7.18172 14.9432 7.19113 14.9706 7.2002L15.636 6.53479Z"
+                                            fill="#888EA8" />
+                                        <path
+                                            d="M10.8289 3.00049L10.8003 3.02913C10.8094 3.05664 10.8189 3.08453 10.8287 3.11279C11.0725 3.81564 11.5326 4.73703 12.3981 5.60254C13.2636 6.46805 14.185 6.92813 14.8879 7.17198C14.9157 7.18166 14.9433 7.19099 14.9704 7.19998L8.55008 13.6203C8.11723 14.0532 7.90076 14.2696 7.66212 14.4558C7.38061 14.6753 7.07602 14.8636 6.75373 15.0172C6.48052 15.1474 6.19014 15.2442 5.60938 15.4378L2.54688 16.4586C2.26108 16.5539 1.94599 16.4795 1.73297 16.2665C1.51995 16.0534 1.44557 15.7384 1.54084 15.4526L2.56167 12.3901C2.75526 11.8093 2.85205 11.5189 2.98226 11.2457C3.13585 10.9234 3.3241 10.6188 3.54367 10.3373C3.7298 10.0987 3.94623 9.88225 4.37906 9.44942L10.8289 3.00049Z"
+                                            fill="#888EA8" />
+                                    </svg>
+                                </span>
+                            </div>
+                            <div class="relative text-white-dark">
+                                <textarea id="Textarea" rows="4" class="form-textarea resize-none ps-10 placeholder:text-white-dark" placeholder="Message"></textarea>
+                                <span class="absolute start-4 top-2.5">
+                                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5"
+                                            d="M10.2216 15.3539L9.81499 16.0408C9.45262 16.653 8.54735 16.653 8.18498 16.0408L7.7784 15.3539C7.46305 14.8211 7.30537 14.5547 7.05209 14.4074C6.79882 14.2601 6.47995 14.2546 5.8422 14.2436H5.84218C4.90066 14.2274 4.31017 14.1697 3.81494 13.9645C2.89608 13.5839 2.16605 12.8539 1.78545 11.9351C1.5 11.2459 1.5 10.3723 1.5 8.625V7.875C1.5 5.41993 1.5 4.19239 2.0526 3.29063C2.36181 2.78605 2.78605 2.36181 3.29063 2.0526C4.19239 1.5 5.41993 1.5 7.875 1.5H10.125C12.5801 1.5 13.8076 1.5 14.7094 2.0526C15.214 2.36181 15.6382 2.78605 15.9474 3.29063C16.5 4.19239 16.5 5.41993 16.5 7.875V8.625C16.5 10.3723 16.5 11.2459 16.2145 11.9351C15.8339 12.8539 15.1039 13.5839 14.1851 13.9645C13.6898 14.1697 13.0993 14.2274 12.1578 14.2436H12.1578C11.52 14.2546 11.2011 14.2601 10.9479 14.4074C10.6946 14.5547 10.5369 14.8211 10.2216 15.3539Z"
+                                            fill="#888EA8" />
+                                        <path d="M12.75 8.25C12.75 8.66421 12.4142 9 12 9C11.5858 9 11.25 8.66421 11.25 8.25C11.25 7.83579 11.5858 7.5 12 7.5C12.4142 7.5 12.75 7.83579 12.75 8.25Z" fill="#888EA8" />
+                                        <path d="M9.75 8.25C9.75 8.66421 9.41421 9 9 9C8.58579 9 8.25 8.66421 8.25 8.25C8.25 7.83579 8.58579 7.5 9 7.5C9.41421 7.5 9.75 7.83579 9.75 8.25Z" fill="#888EA8" />
+                                        <path d="M6.75 8.25C6.75 8.66421 6.41421 9 6 9C5.58579 9 5.25 8.66421 5.25 8.25C5.25 7.83579 5.58579 7.5 6 7.5C6.41421 7.5 6.75 7.83579 6.75 8.25Z" fill="#888EA8" />
+                                    </svg>
+                                </span>
+                            </div>
+                            <button type="submit" class="btn btn-gradient !mt-6 w-full border-0 uppercase shadow-[0_10px_20px_-10px_rgba(67,97,238,0.44)]">
+                                Submit
+                            </button>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener('alpine:init', () => {
+            Alpine.data('auth', () => ({
+                languages: [{
+                        id: 1,
+                        key: 'Chinese',
+                        value: 'zh',
+                    },
+                    {
+                        id: 2,
+                        key: 'Danish',
+                        value: 'da',
+                    },
+                    {
+                        id: 3,
+                        key: 'English',
+                        value: 'en',
+                    },
+                    {
+                        id: 4,
+                        key: 'French',
+                        value: 'fr',
+                    },
+                    {
+                        id: 5,
+                        key: 'German',
+                        value: 'de',
+                    },
+                    {
+                        id: 6,
+                        key: 'Greek',
+                        value: 'el',
+                    },
+                    {
+                        id: 7,
+                        key: 'Hungarian',
+                        value: 'hu',
+                    },
+                    {
+                        id: 8,
+                        key: 'Italian',
+                        value: 'it',
+                    },
+                    {
+                        id: 9,
+                        key: 'Japanese',
+                        value: 'ja',
+                    },
+                    {
+                        id: 10,
+                        key: 'Polish',
+                        value: 'pl',
+                    },
+                    {
+                        id: 11,
+                        key: 'Portuguese',
+                        value: 'pt',
+                    },
+                    {
+                        id: 12,
+                        key: 'Russian',
+                        value: 'ru',
+                    },
+                    {
+                        id: 13,
+                        key: 'Spanish',
+                        value: 'es',
+                    },
+                    {
+                        id: 14,
+                        key: 'Swedish',
+                        value: 'sv',
+                    },
+                    {
+                        id: 15,
+                        key: 'Turkish',
+                        value: 'tr',
+                    },
+                    {
+                        id: 16,
+                        key: 'Arabic',
+                        value: 'ae',
+                    },
+                ],
+            }));
+        });
+    </script>
+</x-layout.auth>
diff --git a/resources/views/pages/contact-us-cover.blade.php b/resources/views/pages/contact-us-cover.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..32363990ccf5586405a0f89b071ce5999d8fd567
--- /dev/null
+++ b/resources/views/pages/contact-us-cover.blade.php
@@ -0,0 +1,230 @@
+<x-layout.auth>
+
+    <div x-data="auth">
+        <div class="absolute inset-0">
+            <img src="/assets/images/auth/bg-gradient.png" alt="image" class="h-full w-full object-cover" />
+        </div>
+        <div class="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/map.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+            <img src="/assets/images/auth/coming-soon-object1.png" alt="image" class="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+            <img src="/assets/images/auth/coming-soon-object2.png" alt="image" class="absolute left-24 top-0 h-40 md:left-[30%]" />
+            <img src="/assets/images/auth/coming-soon-object3.png" alt="image" class="absolute right-0 top-0 h-[300px]" />
+            <img src="/assets/images/auth/polygon-object.svg" alt="image" class="absolute bottom-0 end-[28%]" />
+            <div class="relative flex w-full max-w-[1502px] flex-col justify-between overflow-hidden rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 lg:min-h-[758px] lg:flex-row lg:gap-10 xl:gap-0">
+                <div
+                    class="relative hidden w-full items-center justify-center bg-[linear-gradient(225deg,rgba(239,18,98,1)_0%,rgba(67,97,238,1)_100%)] p-5 lg:inline-flex lg:max-w-[835px] xl:-ms-28 ltr:xl:skew-x-[14deg] rtl:xl:skew-x-[-14deg]">
+                    <div class="absolute inset-y-0 w-8 from-primary/10 via-transparent to-transparent ltr:-right-10 ltr:bg-gradient-to-r rtl:-left-10 rtl:bg-gradient-to-l xl:w-16 ltr:xl:-right-20 rtl:xl:-left-20"></div>
+                    <div class="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
+                        <a href="/" class="w-48 block lg:w-72 ms-10">
+                            <img src="/assets/images/auth/logo-white.svg" alt="Logo" class="w-full" />
+                        </a>
+                        <div class="mt-24 hidden w-full max-w-[430px] lg:block">
+                            <img src="/assets/images/auth/contact-us.svg" alt="Cover Image" class="w-full" />
+                        </div>
+                    </div>
+                </div>
+                <div class="relative flex w-full flex-col items-center justify-center gap-6 px-4 pb-16 pt-6 sm:px-6 lg:max-w-[667px]">
+                    <div class="flex w-full max-w-[440px] items-center gap-2 lg:absolute lg:end-6 lg:top-6 lg:max-w-full">
+                        <a href="/" class="block w-8 lg:hidden">
+                            <img src="/assets/images/logo.svg" alt="Logo" class="w-full" />
+                        </a>
+                        <div class="dropdown ms-auto w-max" x-data="dropdown" @click.outside="open = false">
+                            <a href="javascript:;" class="flex items-center gap-2.5 rounded-lg border border-white-dark/30 bg-white px-2 py-1.5 text-white-dark hover:border-primary hover:text-primary dark:bg-black"
+                                :class="{ '!border-primary !text-primary': open }" @click="toggle">
+                                <div>
+                                    <img :src="`/assets/images/flags/${$store.app.locale.toUpperCase()}.svg`" alt="image" class="h-5 w-5 rounded-full object-cover" />
+                                </div>
+                                <div x-text="$store.app.locale" class="text-base font-bold uppercase"></div>
+                                <span class="shrink-0" :class="{ 'rotate-180': open }">
+                                    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M6.99989 9.79988C6.59156 9.79988 6.18322 9.64238 5.87406 9.33321L2.07072 5.52988C1.90156 5.36071 1.90156 5.08071 2.07072 4.91154C2.23989 4.74238 2.51989 4.74238 2.68906 4.91154L6.49239 8.71488C6.77239 8.99488 7.22739 8.99488 7.50739 8.71488L11.3107 4.91154C11.4799 4.74238 11.7599 4.74238 11.9291 4.91154C12.0982 5.08071 12.0982 5.36071 11.9291 5.52988L8.12572 9.33321C7.81656 9.64238 7.40822 9.79988 6.99989 9.79988Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </a>
+                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                class="top-11 grid w-[280px] grid-cols-2 gap-y-2 !px-2 font-semibold text-dark ltr:-right-14 rtl:-left-14 dark:text-white-dark dark:text-white-light/90 sm:ltr:-right-2 sm:rtl:-left-2">
+                                <template x-for="item in languages">
+                                    <li>
+                                        <a href="javascript:;" class="hover:text-primary" @click="$store.app.toggleLocale(item.value),toggle()" :class="{ 'bg-primary/10 text-primary': $store.app.locale == item.value }">
+                                            <img class="h-5 w-5 rounded-full object-cover" :src="`/assets/images/flags/${item.value.toUpperCase()}.svg`" alt="image" />
+                                            <span class="ltr:ml-3 rtl:mr-3" x-text="item.key"></span>
+                                        </a>
+                                    </li>
+                                </template>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="w-full max-w-[440px] lg:mt-16">
+                        <div class="mb-10">
+                            <h1 class="text-3xl font-extrabold uppercase !leading-snug text-primary md:text-4xl">Contact us</h1>
+                            <p class="text-base font-bold leading-normal text-white-dark">
+                                Submit your queries and we will get back to you as soon as possible.
+                            </p>
+                        </div>
+                        <form class="space-y-5" @submit.prevent="window.location='/'">
+                            <div class="relative text-white-dark">
+                                <input id="Name" type="text" placeholder="Name" class="form-input ps-10 placeholder:text-white-dark" />
+                                <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                        <circle cx="9" cy="4.5" r="3" fill="#888EA8" />
+                                        <path opacity="0.5" d="M15 13.125C15 14.989 15 16.5 9 16.5C3 16.5 3 14.989 3 13.125C3 11.261 5.68629 9.75 9 9.75C12.3137 9.75 15 11.261 15 13.125Z" fill="#888EA8" />
+                                    </svg>
+                                </span>
+                            </div>
+                            <div class="relative text-white-dark">
+                                <input id="Email" type="email" placeholder="Email" class="form-input ps-10 placeholder:text-white-dark" />
+                                <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                        <path opacity="0.5"
+                                            d="M10.65 2.25H7.35C4.23873 2.25 2.6831 2.25 1.71655 3.23851C0.75 4.22703 0.75 5.81802 0.75 9C0.75 12.182 0.75 13.773 1.71655 14.7615C2.6831 15.75 4.23873 15.75 7.35 15.75H10.65C13.7613 15.75 15.3169 15.75 16.2835 14.7615C17.25 13.773 17.25 12.182 17.25 9C17.25 5.81802 17.25 4.22703 16.2835 3.23851C15.3169 2.25 13.7613 2.25 10.65 2.25Z"
+                                            fill="currentColor" />
+                                        <path
+                                            d="M14.3465 6.02574C14.609 5.80698 14.6445 5.41681 14.4257 5.15429C14.207 4.89177 13.8168 4.8563 13.5543 5.07507L11.7732 6.55931C11.0035 7.20072 10.4691 7.6446 10.018 7.93476C9.58125 8.21564 9.28509 8.30993 9.00041 8.30993C8.71572 8.30993 8.41956 8.21564 7.98284 7.93476C7.53168 7.6446 6.9973 7.20072 6.22761 6.55931L4.44652 5.07507C4.184 4.8563 3.79384 4.89177 3.57507 5.15429C3.3563 5.41681 3.39177 5.80698 3.65429 6.02574L5.4664 7.53583C6.19764 8.14522 6.79033 8.63914 7.31343 8.97558C7.85834 9.32604 8.38902 9.54743 9.00041 9.54743C9.6118 9.54743 10.1425 9.32604 10.6874 8.97558C11.2105 8.63914 11.8032 8.14522 12.5344 7.53582L14.3465 6.02574Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </div>
+                            <div class="relative text-white-dark">
+                                <input id="Phone" type="text" placeholder="Phone" class="form-input ps-10 placeholder:text-white-dark" />
+                                <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                        <path opacity="0.5"
+                                            d="M11.6671 10.9108L11.3255 11.2704C11.3255 11.2704 10.5136 12.1252 8.29734 9.79192C6.08109 7.45863 6.89303 6.60381 6.89303 6.60381L7.10814 6.37733C7.63805 5.81943 7.68801 4.92372 7.22568 4.26983L6.27994 2.93221C5.70771 2.12287 4.60197 2.01596 3.94609 2.70648L2.76889 3.94585C2.44367 4.28824 2.22574 4.73209 2.25217 5.22445C2.31978 6.48409 2.85804 9.19429 5.86152 12.3564C9.04661 15.7097 12.0351 15.8429 13.2572 15.7223C13.6438 15.6842 13.9799 15.4757 14.2508 15.1905L15.3163 14.0688C16.0354 13.3117 15.8327 12.0136 14.9125 11.484L13.4796 10.6592C12.8754 10.3115 12.1393 10.4136 11.6671 10.9108Z"
+                                            fill="#888EA8" />
+                                        <path
+                                            d="M9.94462 1.40987C9.99426 1.10321 10.2842 0.895175 10.5908 0.944823C10.6098 0.948457 10.6709 0.959872 10.7029 0.966999C10.7669 0.981252 10.8562 1.0032 10.9675 1.03561C11.1901 1.10045 11.501 1.20725 11.8742 1.37835C12.6214 1.72092 13.6158 2.32017 14.6476 3.35202C15.6795 4.38387 16.2787 5.37823 16.6213 6.12544C16.7924 6.49865 16.8992 6.8096 16.964 7.03219C16.9965 7.14349 17.0184 7.23276 17.0327 7.29676C17.0398 7.32876 17.045 7.35446 17.0486 7.37344L17.0529 7.39684C17.1026 7.7035 16.8965 8.00539 16.5898 8.05504C16.284 8.10455 15.9959 7.89752 15.945 7.59229C15.9435 7.5841 15.9392 7.56208 15.9346 7.54131C15.9253 7.49978 15.9093 7.43391 15.8839 7.34679C15.8332 7.17254 15.745 6.91354 15.5987 6.59428C15.3063 5.95655 14.7805 5.07591 13.8521 4.14752C12.9237 3.21912 12.0431 2.69337 11.4054 2.401C11.0861 2.25463 10.8271 2.16648 10.6529 2.11573C10.5657 2.09036 10.4563 2.06522 10.4147 2.05597C10.1095 2.00511 9.89511 1.71566 9.94462 1.40987Z"
+                                            fill="#888EA8" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M10.1143 3.99697C10.1996 3.69827 10.511 3.5253 10.8097 3.61065L10.6552 4.1515C10.8097 3.61065 10.8097 3.61065 10.8097 3.61065L10.8108 3.61096L10.8119 3.61129L10.8144 3.61202L10.8202 3.61375L10.8351 3.61838C10.8464 3.62199 10.8605 3.6267 10.8773 3.63268C10.911 3.64463 10.9555 3.66163 11.0102 3.68503C11.1194 3.73186 11.2687 3.80417 11.4521 3.91271C11.8192 4.12997 12.3203 4.49085 12.9091 5.07958C13.4978 5.66831 13.8587 6.16945 14.0759 6.53655C14.1845 6.71993 14.2568 6.86923 14.3036 6.97849C14.327 7.0331 14.344 7.07762 14.356 7.1113C14.3619 7.12814 14.3667 7.14226 14.3703 7.15357L14.3749 7.16841L14.3766 7.17422L14.3774 7.17672L14.3777 7.17787C14.3777 7.17787 14.378 7.17895 13.8371 7.33348L14.378 7.17895C14.4633 7.47766 14.2904 7.789 13.9917 7.87434C13.6955 7.95896 13.3869 7.78964 13.2985 7.4956L13.2957 7.48751C13.2917 7.47624 13.2835 7.45405 13.2696 7.42165C13.2418 7.3569 13.1915 7.25098 13.1078 7.10953C12.9406 6.82698 12.6385 6.40004 12.1136 5.87508C11.5886 5.35011 11.1617 5.04808 10.8791 4.88086C10.7377 4.79714 10.6317 4.74682 10.567 4.71907C10.5346 4.70518 10.5124 4.69691 10.5011 4.69291L10.493 4.69014C10.199 4.60173 10.0297 4.29314 10.1143 3.99697Z"
+                                            fill="#888EA8" />
+                                    </svg>
+                                </span>
+                            </div>
+                            <div class="relative text-white-dark">
+                                <input id="Subject" type="text" placeholder="Subject" class="form-input ps-10 placeholder:text-white-dark" />
+                                <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5"
+                                            d="M15.636 6.53479C16.7878 5.38301 16.7878 3.51561 15.636 2.36383C14.4843 1.21206 12.6169 1.21206 11.4651 2.36383L10.7998 3.02911C10.8089 3.05662 10.8184 3.08451 10.8282 3.11277C11.072 3.81562 11.5321 4.737 12.3976 5.60252C13.2631 6.46803 14.1845 6.92811 14.8874 7.17196C14.9155 7.18172 14.9432 7.19113 14.9706 7.2002L15.636 6.53479Z"
+                                            fill="#888EA8" />
+                                        <path
+                                            d="M10.8289 3.00049L10.8003 3.02913C10.8094 3.05664 10.8189 3.08453 10.8287 3.11279C11.0725 3.81564 11.5326 4.73703 12.3981 5.60254C13.2636 6.46805 14.185 6.92813 14.8879 7.17198C14.9157 7.18166 14.9433 7.19099 14.9704 7.19998L8.55008 13.6203C8.11723 14.0532 7.90076 14.2696 7.66212 14.4558C7.38061 14.6753 7.07602 14.8636 6.75373 15.0172C6.48052 15.1474 6.19014 15.2442 5.60938 15.4378L2.54688 16.4586C2.26108 16.5539 1.94599 16.4795 1.73297 16.2665C1.51995 16.0534 1.44557 15.7384 1.54084 15.4526L2.56167 12.3901C2.75526 11.8093 2.85205 11.5189 2.98226 11.2457C3.13585 10.9234 3.3241 10.6188 3.54367 10.3373C3.7298 10.0987 3.94623 9.88225 4.37906 9.44942L10.8289 3.00049Z"
+                                            fill="#888EA8" />
+                                    </svg>
+                                </span>
+                            </div>
+                            <div class="relative text-white-dark">
+                                <textarea id="Textarea" rows="4" class="form-textarea resize-none ps-10 placeholder:text-white-dark" placeholder="Message"></textarea>
+                                <span class="absolute start-4 top-2.5">
+                                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5"
+                                            d="M10.2216 15.3539L9.81499 16.0408C9.45262 16.653 8.54735 16.653 8.18498 16.0408L7.7784 15.3539C7.46305 14.8211 7.30537 14.5547 7.05209 14.4074C6.79882 14.2601 6.47995 14.2546 5.8422 14.2436H5.84218C4.90066 14.2274 4.31017 14.1697 3.81494 13.9645C2.89608 13.5839 2.16605 12.8539 1.78545 11.9351C1.5 11.2459 1.5 10.3723 1.5 8.625V7.875C1.5 5.41993 1.5 4.19239 2.0526 3.29063C2.36181 2.78605 2.78605 2.36181 3.29063 2.0526C4.19239 1.5 5.41993 1.5 7.875 1.5H10.125C12.5801 1.5 13.8076 1.5 14.7094 2.0526C15.214 2.36181 15.6382 2.78605 15.9474 3.29063C16.5 4.19239 16.5 5.41993 16.5 7.875V8.625C16.5 10.3723 16.5 11.2459 16.2145 11.9351C15.8339 12.8539 15.1039 13.5839 14.1851 13.9645C13.6898 14.1697 13.0993 14.2274 12.1578 14.2436H12.1578C11.52 14.2546 11.2011 14.2601 10.9479 14.4074C10.6946 14.5547 10.5369 14.8211 10.2216 15.3539Z"
+                                            fill="#888EA8" />
+                                        <path d="M12.75 8.25C12.75 8.66421 12.4142 9 12 9C11.5858 9 11.25 8.66421 11.25 8.25C11.25 7.83579 11.5858 7.5 12 7.5C12.4142 7.5 12.75 7.83579 12.75 8.25Z" fill="#888EA8" />
+                                        <path d="M9.75 8.25C9.75 8.66421 9.41421 9 9 9C8.58579 9 8.25 8.66421 8.25 8.25C8.25 7.83579 8.58579 7.5 9 7.5C9.41421 7.5 9.75 7.83579 9.75 8.25Z" fill="#888EA8" />
+                                        <path d="M6.75 8.25C6.75 8.66421 6.41421 9 6 9C5.58579 9 5.25 8.66421 5.25 8.25C5.25 7.83579 5.58579 7.5 6 7.5C6.41421 7.5 6.75 7.83579 6.75 8.25Z" fill="#888EA8" />
+                                    </svg>
+                                </span>
+                            </div>
+                            <button type="submit" class="btn btn-gradient !mt-6 w-full border-0 uppercase shadow-[0_10px_20px_-10px_rgba(67,97,238,0.44)]">
+                                Submit
+                            </button>
+                        </form>
+                    </div>
+                    <p class="absolute bottom-6 w-full text-center dark:text-white">
+                        © <span id="footer-year">2022</span>. VRISTO All Rights Reserved.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener('alpine:init', () => {
+            Alpine.data('auth', () => ({
+                languages: [{
+                        id: 1,
+                        key: 'Chinese',
+                        value: 'zh',
+                    },
+                    {
+                        id: 2,
+                        key: 'Danish',
+                        value: 'da',
+                    },
+                    {
+                        id: 3,
+                        key: 'English',
+                        value: 'en',
+                    },
+                    {
+                        id: 4,
+                        key: 'French',
+                        value: 'fr',
+                    },
+                    {
+                        id: 5,
+                        key: 'German',
+                        value: 'de',
+                    },
+                    {
+                        id: 6,
+                        key: 'Greek',
+                        value: 'el',
+                    },
+                    {
+                        id: 7,
+                        key: 'Hungarian',
+                        value: 'hu',
+                    },
+                    {
+                        id: 8,
+                        key: 'Italian',
+                        value: 'it',
+                    },
+                    {
+                        id: 9,
+                        key: 'Japanese',
+                        value: 'ja',
+                    },
+                    {
+                        id: 10,
+                        key: 'Polish',
+                        value: 'pl',
+                    },
+                    {
+                        id: 11,
+                        key: 'Portuguese',
+                        value: 'pt',
+                    },
+                    {
+                        id: 12,
+                        key: 'Russian',
+                        value: 'ru',
+                    },
+                    {
+                        id: 13,
+                        key: 'Spanish',
+                        value: 'es',
+                    },
+                    {
+                        id: 14,
+                        key: 'Swedish',
+                        value: 'sv',
+                    },
+                    {
+                        id: 15,
+                        key: 'Turkish',
+                        value: 'tr',
+                    },
+                    {
+                        id: 16,
+                        key: 'Arabic',
+                        value: 'ae',
+                    },
+                ],
+            }));
+        });
+    </script>
+
+</x-layout.auth>
diff --git a/resources/views/pages/error404.blade.php b/resources/views/pages/error404.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..8066dee2d604532c09e86719919e43f2ded6a3d8
--- /dev/null
+++ b/resources/views/pages/error404.blade.php
@@ -0,0 +1,15 @@
+<x-layout.auth>
+
+    <div class="relative flex min-h-screen items-center justify-center overflow-hidden">
+        <div
+            class="px-6 py-16 text-center font-semibold before:container before:absolute before:left-1/2 before:-translate-x-1/2 before:rounded-full before:bg-[linear-gradient(180deg,#4361EE_0%,rgba(67,97,238,0)_50.73%)] before:aspect-square before:opacity-10 md:py-20">
+            <div class="relative">
+                <img :src="$store.app.theme === 'dark' || $store.app.isDarkMode ? '/assets/images/error/404-dark.svg' : '/assets/images/error/404-light.svg'" alt="404"
+                    class="mx-auto -mt-10 w-full max-w-xs object-cover md:-mt-14 md:max-w-xl" />
+                <p class="mt-5 text-base dark:text-white">The page you requested was not found!</p>
+                <a href="/" class="btn btn-gradient mx-auto !mt-7 w-max border-0 uppercase shadow-none">Home</a>
+            </div>
+        </div>
+    </div>
+
+</x-layout.auth>
diff --git a/resources/views/pages/error500.blade.php b/resources/views/pages/error500.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..506968b857d35f468bbe73f9213aa510d9c6b2ff
--- /dev/null
+++ b/resources/views/pages/error500.blade.php
@@ -0,0 +1,15 @@
+<x-layout.auth>
+
+    <div class="relative flex min-h-screen items-center justify-center overflow-hidden">
+        <div
+            class="px-6 py-16 text-center font-semibold before:container before:absolute before:left-1/2 before:-translate-x-1/2 before:rounded-full before:bg-[linear-gradient(180deg,#4361EE_0%,rgba(67,97,238,0)_50.73%)] before:aspect-square before:opacity-10 md:py-20">
+            <div class="relative">
+                <img :src="$store.app.theme === 'dark' || $store.app.isDarkMode ? '/assets/images/error/500-dark.svg' : '/assets/images/error/500-light.svg'" alt="500"
+                    class="mx-auto -mt-10 w-full max-w-xs object-cover md:-mt-14 md:max-w-xl" />
+                <p class="mt-5 text-base dark:text-white">Internal server error!</p>
+                <a href="/" class="btn btn-gradient mx-auto !mt-7 w-max border-0 uppercase shadow-none">Home</a>
+            </div>
+        </div>
+    </div>
+
+</x-layout.auth>
diff --git a/resources/views/pages/error503.blade.php b/resources/views/pages/error503.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..c3deb7293236e1f3a916cac42b38b4637d43fb04
--- /dev/null
+++ b/resources/views/pages/error503.blade.php
@@ -0,0 +1,14 @@
+<x-layout.auth>
+
+    <div class="relative flex min-h-screen items-center justify-center overflow-hidden">
+        <div
+            class="px-6 py-16 text-center font-semibold before:container before:absolute before:left-1/2 before:-translate-x-1/2 before:rounded-full before:bg-[linear-gradient(180deg,#4361EE_0%,rgba(67,97,238,0)_50.73%)] before:aspect-square before:opacity-10 md:py-20">
+            <div class="relative">
+                <img :src="$store.app.theme === 'dark' || $store.app.isDarkMode ? '/assets/images/error/503-dark.svg' : '/assets/images/error/503-light.svg'" alt="503" class="mx-auto w-full max-w-xs object-cover md:max-w-xl" />
+                <p class="mt-5 text-base dark:text-white">Service Unavailable!</p>
+                <a href="/" class="btn btn-gradient mx-auto !mt-7 w-max border-0 uppercase shadow-none">Home</a>
+            </div>
+        </div>
+    </div>
+
+</x-layout.auth>
diff --git a/resources/views/pages/faq.blade.php b/resources/views/pages/faq.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..feaacd85b551067ab5d9e0a1d9a59590d4e3c093
--- /dev/null
+++ b/resources/views/pages/faq.blade.php
@@ -0,0 +1,382 @@
+<x-layout.default>
+
+
+    <div>
+        <div class="relative rounded-t-md bg-primary-light bg-[url('/assets/images/knowledge/pattern.png')] bg-contain bg-left-top bg-no-repeat px-5 py-10 dark:bg-black md:px-10">
+            <div class="absolute -bottom-1 -end-6 hidden text-[#DBE7FF] rtl:rotate-y-180 dark:text-[#1B2E4B] lg:block xl:end-0">
+                <img :src="$store.app.theme === 'dark' || $store.app.isDarkMode ? '/assets/images/faq/faq-dark.svg' :
+                                            '/assets/images/faq/faq-light.svg'" alt="faqs" class="w-56 object-cover xl:w-80" />
+            </div>
+            <div class="relative">
+                <div class="flex flex-col items-center justify-center sm:-ms-32 sm:flex-row xl:-ms-60">
+                    <div class="mb-2 flex gap-1 text-end text-base leading-5 sm:flex-col xl:text-xl">
+                        <span>It's free </span>
+                        <span>For everyone</span>
+                    </div>
+                    <div class="me-4 ms-2 hidden sm:block text-[#0E1726] dark:text-white rtl:rotate-y-180">
+                        <svg width="111" height="22" viewBox="0 0 116 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-16 xl:w-28">
+                            <path d="M0.645796 11.44C0.215273 11.6829 0.0631375 12.2287 0.305991 12.6593C0.548845 13.0898 1.09472 13.2419 1.52525 12.9991L0.645796 11.44ZM49.0622 20.4639L48.9765 19.5731L48.9765 19.5731L49.0622 20.4639ZM115.315 2.33429L105.013 3.14964L110.87 11.6641L115.315 2.33429ZM1.52525 12.9991C10.3971 7.99452 17.8696 10.3011 25.3913 13.8345C29.1125 15.5825 32.9505 17.6894 36.8117 19.2153C40.7121 20.7566 44.7862 21.7747 49.148 21.3548L48.9765 19.5731C45.0058 19.9553 41.2324 19.0375 37.4695 17.5505C33.6675 16.0481 30.0265 14.0342 26.1524 12.2143C18.4834 8.61181 10.3 5.99417 0.645796 11.44L1.52525 12.9991ZM49.148 21.3548C52.4593 21.0362 54.7308 19.6545 56.4362 17.7498C58.1039 15.8872 59.2195 13.5306 60.2695 11.3266C61.3434 9.07217 62.3508 6.97234 63.8065 5.35233C65.2231 3.77575 67.0736 2.6484 69.8869 2.40495L69.7326 0.62162C66.4361 0.906877 64.1742 2.26491 62.475 4.15595C60.8148 6.00356 59.703 8.35359 58.6534 10.5568C57.5799 12.8105 56.5678 14.9194 55.1027 16.5557C53.6753 18.1499 51.809 19.3005 48.9765 19.5731L49.148 21.3548ZM69.8869 2.40495C72.2392 2.2014 75.0889 2.61953 78.2858 3.35001C81.4816 4.08027 84.9116 5.09374 88.4614 6.04603C91.9873 6.99189 95.6026 7.86868 99.0694 8.28693C102.533 8.70483 105.908 8.67299 108.936 7.75734L108.418 6.04396C105.72 6.85988 102.621 6.91239 99.2838 6.50981C95.9496 6.10757 92.4363 5.25904 88.9252 4.31715C85.4382 3.38169 81.9229 2.34497 78.6845 1.60499C75.4471 0.865243 72.3735 0.393097 69.7326 0.62162L69.8869 2.40495Z" fill="currentColor" />
+                        </svg>
+                    </div>
+                    <div class="mb-2 text-center text-2xl font-bold dark:text-white md:text-5xl">FAQs</div>
+                </div>
+                <p class="mb-9 text-center text-base font-semibold">Search instant answers & questions asked by popular users</p>
+                <form action="" method="" class="mb-6">
+                    <div class="relative mx-auto max-w-[580px]">
+                        <input type="text" placeholder="Ask a question" class="form-input py-3 ltr:pr-[100px] rtl:pl-[100px]" />
+                        <button type="button" class="btn btn-primary absolute top-1 shadow-none ltr:right-1 rtl:left-1">Search</button>
+                    </div>
+                </form>
+                <div class="flex flex-wrap items-center justify-center gap-2 font-semibold text-[#2196F3] sm:gap-5">
+                    <div class="whitespace-nowrap font-medium text-black dark:text-white">Popular topics :</div>
+                    <div class="flex items-center justify-center gap-2 sm:gap-5">
+                        <a href="javascript:;" class="duration-300 hover:underline"> Sales</a>
+                        <a href="javascript:;" class="duration-300 hover:underline"> Charts</a>
+                        <a href="javascript:;" class="duration-300 hover:underline"> Finance</a>
+                        <a href="javascript:;" class="duration-300 hover:underline"> Trending</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="mb-12 flex items-center rounded-b-md bg-[#DBE7FF] dark:bg-[#141F31]">
+            <ul x-data="{activeTab: 'general'}" class="mx-auto flex items-center gap-5 overflow-auto whitespace-nowrap px-3 py-4.5 xl:gap-8">
+                <li class="group flex min-w-[120px] cursor-pointer flex-col items-center justify-center gap-4 rounded-md px-8 py-2.5 text-center text-[#506690] duration-300 hover:bg-white hover:text-primary dark:hover:bg-[#1B2E4B]" :class="{'bg-white text-primary dark:bg-[#1B2E4B]' : activeTab === 'general'}" @click="activeTab = 'general'">
+                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path opacity="0.5" d="M13.3332 2.6665H18.6665C23.6948 2.6665 26.209 2.6665 27.7711 4.2286C29.3332 5.7907 29.3332 8.30486 29.3332 13.3332V14.6665C29.3332 15.402 29.3332 16.7324 29.3245 17.3332H2.67519C2.6665 16.7324 2.6665 15.402 2.6665 14.6665V13.3332C2.6665 8.30486 2.6665 5.7907 4.2286 4.2286C5.7907 2.6665 8.30486 2.6665 13.3332 2.6665Z" fill="currentColor" />
+                        <path d="M10.646 23.3335C6.86021 23.3335 4.96734 23.3335 3.79125 22.1619C3.02926 21.4029 2.76097 20.344 2.6665 18.6668V17.3335H29.3332V18.6668C29.2387 20.344 28.9704 21.4029 28.2084 22.1619C27.0323 23.3335 25.1395 23.3335 21.3537 23.3335H17.0037V28.6668H21.3537C21.9081 28.6668 22.3576 29.1145 22.3576 29.6668C22.3576 30.2191 21.9081 30.6668 21.3537 30.6668H10.646C10.0916 30.6668 9.64212 30.2191 9.64212 29.6668C9.64212 29.1145 10.0916 28.6668 10.646 28.6668H14.996V23.3335H10.646Z" fill="currentColor" />
+                    </svg>
+
+                    <h5 class="font-bold text-black dark:text-white">General</h5>
+                </li>
+                <li class="group flex min-w-[120px] cursor-pointer flex-col items-center justify-center gap-4 rounded-md px-8 py-2.5 text-center text-[#506690] duration-300 hover:bg-white hover:text-primary dark:hover:bg-[#1B2E4B]" :class="{'bg-white text-primary dark:bg-[#1B2E4B]' : activeTab === 'quick-support'}" @click="activeTab = 'quick-support'">
+                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <circle cx="15.9998" cy="7.99984" r="5.33333" fill="currentColor" />
+                        <path opacity="0.5" d="M26.6668 23.3335C26.6668 26.6472 26.6668 29.3335 16.0002 29.3335C5.3335 29.3335 5.3335 26.6472 5.3335 23.3335C5.3335 20.0198 10.1091 17.3335 16.0002 17.3335C21.8912 17.3335 26.6668 20.0198 26.6668 23.3335Z" fill="currentColor" />
+                    </svg>
+
+                    <h5 class="font-bold text-black dark:text-white">Quick Support</h5>
+                </li>
+                <li class="group flex min-w-[120px] cursor-pointer flex-col items-center justify-center gap-4 rounded-md px-8 py-2.5 text-center text-[#506690] duration-300 hover:bg-white hover:text-primary dark:hover:bg-[#1B2E4B]" :class="{'bg-white text-primary dark:bg-[#1B2E4B]' : activeTab === 'free-updates'}" @click="activeTab = 'free-updates'">
+                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M11.2296 27.4907C13.5704 28.7191 14.7408 29.3333 15.9998 29.3333V16L3.51719 9.43018C3.49882 9.45971 3.48077 9.48953 3.46303 9.51965C2.6665 10.8723 2.6665 12.5555 2.6665 15.922V16.078C2.6665 19.4444 2.6665 21.1277 3.46303 22.4803C4.25956 23.833 5.69401 24.5858 8.5629 26.0913L11.2296 27.4907Z" fill="currentColor" />
+                        <path opacity="0.7" d="M23.4367 5.90853L20.77 4.50913C18.4292 3.28071 17.2588 2.6665 15.9997 2.6665C14.7407 2.6665 13.5703 3.28071 11.2295 4.50912L8.56279 5.90853C5.75778 7.38053 4.32404 8.13292 3.51709 9.43002L15.9997 15.9998L28.4824 9.43002C27.6754 8.13292 26.2417 7.38054 23.4367 5.90853Z" fill="currentColor" />
+                        <path opacity="0.5" d="M28.5368 9.51965C28.5191 9.48953 28.501 9.45971 28.4826 9.43018L16 16V29.3333C17.259 29.3333 18.4294 28.7191 20.7703 27.4907L23.4369 26.0913C26.3058 24.5858 27.7403 23.833 28.5368 22.4803C29.3333 21.1277 29.3333 19.4444 29.3333 16.078V15.922C29.3333 12.5555 29.3333 10.8723 28.5368 9.51965Z" fill="currentColor" />
+                    </svg>
+
+                    <h5 class="font-bold text-black dark:text-white">Free Updates</h5>
+                </li>
+                <li class="group flex min-w-[120px] cursor-pointer flex-col items-center justify-center gap-4 rounded-md px-8 py-2.5 text-center text-[#506690] duration-300 hover:bg-white hover:text-primary dark:hover:bg-[#1B2E4B]" :class="{'bg-white text-primary dark:bg-[#1B2E4B]' : activeTab === 'pricing'}" @click="activeTab = 'pricing'">
+                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M29.3332 15.9998C29.3332 23.3636 23.3636 29.3332 15.9998 29.3332C8.63604 29.3332 2.6665 23.3636 2.6665 15.9998C2.6665 8.63604 8.63604 2.6665 15.9998 2.6665C23.3636 2.6665 29.3332 8.63604 29.3332 15.9998Z" fill="currentColor" />
+                        <path d="M17 8C17 7.44772 16.5523 7 16 7C15.4477 7 15 7.44772 15 8V8.42231C12.8261 8.81156 11 10.4448 11 12.6667C11 15.2229 13.417 17 16 17C17.8353 17 19 18.2076 19 19.3333C19 20.459 17.8353 21.6667 16 21.6667C14.1647 21.6667 13 20.459 13 19.3333C13 18.781 12.5523 18.3333 12 18.3333C11.4477 18.3333 11 18.781 11 19.3333C11 21.5552 12.8261 23.1884 15 23.5777V24C15 24.5523 15.4477 25 16 25C16.5523 25 17 24.5523 17 24V23.5777C19.1739 23.1884 21 21.5552 21 19.3333C21 16.7771 18.583 15 16 15C14.1647 15 13 13.7924 13 12.6667C13 11.541 14.1647 10.3333 16 10.3333C17.8353 10.3333 19 11.541 19 12.6667C19 13.219 19.4477 13.6667 20 13.6667C20.5523 13.6667 21 13.219 21 12.6667C21 10.4448 19.1739 8.81156 17 8.42231V8Z" fill="currentColor" />
+                    </svg>
+
+                    <h5 class="font-bold text-black dark:text-white">Pricing</h5>
+                </li>
+                <li class="group flex min-w-[120px] cursor-pointer flex-col items-center justify-center gap-4 rounded-md px-8 py-2.5 text-center text-[#506690] duration-300 hover:bg-white hover:text-primary dark:hover:bg-[#1B2E4B]" :class="{'bg-white text-primary dark:bg-[#1B2E4B]' : activeTab === 'hosting'}" @click="activeTab = 'hosting'">
+                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M9.33317 18.6667C8.78089 18.6667 8.33317 19.1144 8.33317 19.6667C8.33317 20.219 8.78089 20.6667 9.33317 20.6667C9.88546 20.6667 10.3332 20.219 10.3332 19.6667C10.3332 19.1144 9.88546 18.6667 9.33317 18.6667Z" fill="currentColor" />
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.6665 19.6667C2.6665 15.9848 5.65127 13 9.33317 13H22.6665C26.3484 13 29.3332 15.9848 29.3332 19.6667C29.3332 23.3486 26.3484 26.3333 22.6665 26.3333H9.33317C5.65127 26.3333 2.6665 23.3486 2.6665 19.6667ZM6.33317 19.6667C6.33317 18.0098 7.67632 16.6667 9.33317 16.6667C10.99 16.6667 12.3332 18.0098 12.3332 19.6667C12.3332 21.3235 10.99 22.6667 9.33317 22.6667C7.67632 22.6667 6.33317 21.3235 6.33317 19.6667ZM15.9998 18.6667C15.4476 18.6667 14.9998 19.1144 14.9998 19.6667C14.9998 20.219 15.4476 20.6667 15.9998 20.6667H24.6665C25.2188 20.6667 25.6665 20.219 25.6665 19.6667C25.6665 19.1144 25.2188 18.6667 24.6665 18.6667H15.9998Z" fill="currentColor" />
+                        <path opacity="0.5" d="M7.29157 26.0146L5.80916 28.4853C5.52501 28.9589 5.67858 29.5732 6.15216 29.8573C6.62574 30.1415 7.24 29.9879 7.52415 29.5143L9.43285 26.3331H9.33339C8.62118 26.3331 7.93505 26.2215 7.29157 26.0146Z" fill="currentColor" />
+                        <path opacity="0.5" d="M22.5674 26.3331L24.4761 29.5143C24.7602 29.9879 25.3745 30.1415 25.8481 29.8573C26.3217 29.5732 26.4752 28.9589 26.1911 28.4853L24.7087 26.0146C24.0652 26.2215 23.3791 26.3331 22.6668 26.3331H22.5674Z" fill="currentColor" />
+                        <path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M21.9996 4.6665C19.3611 4.6665 17.0971 6.28026 16.1454 8.57849C15.934 9.08875 15.3491 9.33108 14.8388 9.11977C14.3286 8.90845 14.0862 8.3235 14.2975 7.81324C15.5481 4.7937 18.5242 2.6665 21.9996 2.6665C25.475 2.6665 28.4512 4.7937 29.7017 7.81324C29.913 8.3235 29.6707 8.90845 29.1604 9.11977C28.6502 9.33108 28.0652 9.08875 27.8539 8.57849C26.9021 6.28026 24.6382 4.6665 21.9996 4.6665Z" fill="currentColor" />
+                        <path opacity="0.7" fill-rule="evenodd" clip-rule="evenodd" d="M22.0008 8C20.6377 8 19.4845 8.90993 19.1204 10.1576C18.9657 10.6878 18.4105 10.9921 17.8803 10.8374C17.3501 10.6827 17.0457 10.1275 17.2005 9.59735C17.8068 7.51959 19.725 6 22.0008 6C24.2765 6 26.1948 7.51959 26.8011 9.59735C26.9558 10.1275 26.6514 10.6827 26.1212 10.8374C25.5911 10.9921 25.0359 10.6878 24.8811 10.1576C24.5171 8.90993 23.3639 8 22.0008 8Z" fill="currentColor" />
+                        <path d="M23.3332 10.3333C23.3332 11.0697 22.7362 11.6667 21.9998 11.6667C21.2635 11.6667 20.6665 11.0697 20.6665 10.3333C20.6665 9.59695 21.2635 9 21.9998 9C22.7362 9 23.3332 9.59695 23.3332 10.3333Z" fill="currentColor" />
+                    </svg>
+
+                    <h5 class="font-bold text-black dark:text-white">Hosting</h5>
+                </li>
+            </ul>
+        </div>
+        <h3 class="mb-8 text-center text-xl font-semibold md:text-2xl">Frequently asked <span class="text-primary">questions</span></h3>
+        <div class="mb-10 grid grid-cols-1 gap-10 md:grid-cols-2">
+            <div class="rounded-md bg-white dark:bg-black" x-data="{ active: 1 }">
+                <div class="border-b border-white-light p-6 text-[22px] font-bold dark:border-dark dark:text-white">General topics?</div>
+                <div class="divide-y divide-white-light px-6 py-4.5 dark:divide-dark">
+                    <div>
+                        <div class="flex cursor-pointer items-center justify-between gap-10 px-2.5 py-2 text-base font-semibold hover:bg-primary-light hover:text-primary dark:text-white dark:hover:bg-[#1B2E4B] dark:hover:text-primary" :class="{'bg-primary-light dark:bg-[#1B2E4B] !text-primary' : active === 1}" x-on:click="active === 1 ? active = null : active = 1">
+                            <span>How to install VRISTO Admin</span>
+                            <template x-if="active !== 1">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z" fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                            <template x-if="active === 1">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor" />
+                                        <path d="M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                        </div>
+                        <div x-cloak x-show="active === 1" x-collapse>
+                            <div class="px-1 py-3 font-semibold text-white-dark">
+                                <p>
+                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+                                    officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3
+                                    wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
+                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
+                                    you probably haven't heard of them accusamus labore sustainable VHS.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <div class="flex cursor-pointer items-center justify-between gap-10 px-2.5 py-2 text-base font-semibold hover:bg-primary-light hover:text-primary dark:text-white dark:hover:bg-[#1B2E4B] dark:hover:text-primary" :class="{'bg-primary-light dark:bg-[#1B2E4B] !text-primary' : active === 2}" x-on:click="active === 2 ? active = null : active = 2">
+                            <span> Where can I subscribe to your newsletter?</span>
+                            <template x-if="active !== 2">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z" fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                            <template x-if="active === 2">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor" />
+                                        <path d="M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                        </div>
+                        <div x-cloak x-show="active === 2" x-collapse>
+                            <div class="px-1 py-3 font-semibold text-white-dark">
+                                <p>
+                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+                                    officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3
+                                    wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
+                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
+                                    you probably haven't heard of them accusamus labore sustainable VHS.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <div class="flex cursor-pointer items-center justify-between gap-10 px-2.5 py-2 text-base font-semibold hover:bg-primary-light hover:text-primary dark:text-white dark:hover:bg-[#1B2E4B] dark:hover:text-primary" :class="{'bg-primary-light dark:bg-[#1B2E4B] !text-primary' : active === 3}" x-on:click="active === 3 ? active = null : active = 3">
+                            <span>How to install VRISTO Admin</span>
+                            <template x-if="active !== 3">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z" fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                            <template x-if="active === 3">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor" />
+                                        <path d="M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                        </div>
+                        <div x-cloak x-show="active === 3" x-collapse>
+                            <div class="px-1 py-3 font-semibold text-white-dark">
+                                <p>
+                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+                                    officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3
+                                    wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
+                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
+                                    you probably haven't heard of them accusamus labore sustainable VHS.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <div class="flex cursor-pointer items-center justify-between gap-10 px-2.5 py-2 text-base font-semibold hover:bg-primary-light hover:text-primary dark:text-white dark:hover:bg-[#1B2E4B] dark:hover:text-primary" :class="{'bg-primary-light dark:bg-[#1B2E4B] !text-primary' : active === 5}" x-on:click="active === 5 ? active = null : active = 5">
+                            <span>How to install VRISTO Admin</span>
+                            <template x-if="active !== 5">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z" fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                            <template x-if="active === 5">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor" />
+                                        <path d="M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                        </div>
+                        <div x-cloak x-show="active === 5" x-collapse>
+                            <div class="px-1 py-3 font-semibold text-white-dark">
+                                <p>
+                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+                                    officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3
+                                    wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
+                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
+                                    you probably haven't heard of them accusamus labore sustainable VHS.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="rounded-md bg-white dark:bg-black" x-data="{ active: 1 }">
+                <div class="border-b border-white-light p-6 text-[22px] font-bold dark:border-dark dark:text-white">
+                    Quick support & Free update
+                </div>
+                <div class="divide-y divide-white-light px-6 py-4.5 dark:divide-dark">
+                    <div>
+                        <div class="flex cursor-pointer items-center justify-between gap-10 px-2.5 py-2 text-base font-semibold hover:bg-primary-light hover:text-primary dark:text-white dark:hover:bg-[#1B2E4B] dark:hover:text-primary" :class="{'bg-primary-light dark:bg-[#1B2E4B] !text-primary' : active === 1}" x-on:click="active === 1 ? active = null : active = 1">
+                            <span>How to use Browser Sync</span>
+                            <template x-if="active !== 1">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z" fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                            <template x-if="active === 1">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor" />
+                                        <path d="M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                        </div>
+                        <div x-cloak x-show="active === 1" x-collapse>
+                            <div class="px-1 py-3 font-semibold text-white-dark">
+                                <p>
+                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+                                    officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3
+                                    wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
+                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
+                                    you probably haven't heard of them accusamus labore sustainable VHS.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <div class="flex cursor-pointer items-center justify-between gap-10 px-2.5 py-2 text-base font-semibold hover:bg-primary-light hover:text-primary dark:text-white dark:hover:bg-[#1B2E4B] dark:hover:text-primary" :class="{'bg-primary-light dark:bg-[#1B2E4B] !text-primary' : active === 2}" x-on:click="active === 2 ? active = null : active = 2">
+                            <span> Sidebar not rendering CSS</span>
+                            <template x-if="active !== 2">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z" fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                            <template x-if="active === 2">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor" />
+                                        <path d="M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                        </div>
+                        <div x-cloak x-show="active === 2" x-collapse>
+                            <div class="px-1 py-3 font-semibold text-white-dark">
+                                <p>
+                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+                                    officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3
+                                    wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
+                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
+                                    you probably haven't heard of them accusamus labore sustainable VHS.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <div class="flex cursor-pointer items-center justify-between gap-10 px-2.5 py-2 text-base font-semibold hover:bg-primary-light hover:text-primary dark:text-white dark:hover:bg-[#1B2E4B] dark:hover:text-primary" :class="{'bg-primary-light dark:bg-[#1B2E4B] !text-primary' : active === 3}" x-on:click="active === 3 ? active = null : active = 3">
+                            <span>Connect with us Personally</span>
+                            <template x-if="active !== 3">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z" fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                            <template x-if="active === 3">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor" />
+                                        <path d="M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                        </div>
+                        <div x-cloak x-show="active === 3" x-collapse>
+                            <div class="px-1 py-3 font-semibold text-white-dark">
+                                <p>
+                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+                                    officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3
+                                    wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
+                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
+                                    you probably haven't heard of them accusamus labore sustainable VHS.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <div class="flex cursor-pointer items-center justify-between gap-10 px-2.5 py-2 text-base font-semibold hover:bg-primary-light hover:text-primary dark:text-white dark:hover:bg-[#1B2E4B] dark:hover:text-primary" :class="{'bg-primary-light dark:bg-[#1B2E4B] !text-primary' : active === 5}" x-on:click="active === 5 ? active = null : active = 5">
+                            <span>Compilation Issue</span>
+                            <template x-if="active !== 5">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z" fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                            <template x-if="active === 5">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor" />
+                                        <path d="M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                        </div>
+                        <div x-cloak x-show="active === 5" x-collapse>
+                            <div class="px-1 py-3 font-semibold text-white-dark">
+                                <p>
+                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+                                    officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3
+                                    wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
+                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
+                                    you probably haven't heard of them accusamus labore sustainable VHS.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="panel mt-10 text-center md:mt-20">
+            <h3 class="mb-2 text-xl font-bold dark:text-white md:text-2xl">Still need help?</h3>
+            <div class="text-lg font-medium text-white-dark">
+                Our specialists are always happy to help. Contact us during standard business hours or email us24/7 and we'll get back to you.
+            </div>
+            <div class="mt-8 flex items-center justify-center gap-6">
+                <button type="button" class="btn btn-primary">Contact Us</button>
+                <button type="button" class="btn btn-primary">Visit our community</button>
+            </div>
+        </div>
+    </div>
+
+</x-layout.default>
diff --git a/resources/views/pages/knowledge-base.blade.php b/resources/views/pages/knowledge-base.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..39823cc486955da61b15ef5c29158d644250bd93
--- /dev/null
+++ b/resources/views/pages/knowledge-base.blade.php
@@ -0,0 +1,679 @@
+<x-layout.default>
+
+
+    <div x-data="knowledge">
+        <div class="relative rounded-t-md bg-primary-light bg-[url('/assets/images/knowledge/pattern.png')] bg-contain bg-left-top bg-no-repeat px-5 py-10 dark:bg-black md:px-10">
+            <div class="absolute bottom-20 end-5 hidden text-[#DBE7FF] rtl:rotate-y-180 dark:text-[#1B2E4B] md:block xl:bottom-14 xl:end-10">
+                <svg width="375" height="185" viewBox="0 0 375 185" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-72 max-w-xs xl:w-full">
+                    <g clip-path="url(#clip0_1109_89938)">
+                        <path
+                            d="M215.023 181.044C212.702 181.042 210.477 180.122 208.836 178.487C207.196 176.851 206.274 174.633 206.274 172.321C206.274 170.008 207.196 167.79 208.836 166.155C210.477 164.519 212.702 163.599 215.023 163.598H345.07C344.415 162.401 343.45 161.403 342.275 160.707C341.099 160.01 339.757 159.643 338.39 159.642H79.8922C76.5197 159.645 73.2866 160.983 70.9034 163.36C68.5202 165.738 67.1817 168.961 67.1821 172.321C67.1838 175.68 68.523 178.902 70.9058 181.279C73.2885 183.656 76.5204 184.994 79.8922 185H338.39C339.757 184.999 341.099 184.631 342.275 183.935C343.45 183.239 344.415 182.24 345.069 181.044L215.023 181.044Z"
+                            fill="currentColor" />
+                        <path
+                            d="M345.242 168.405H221.598C221.409 168.404 221.228 168.329 221.094 168.195C220.96 168.062 220.885 167.881 220.885 167.693C220.885 167.504 220.96 167.323 221.094 167.19C221.228 167.056 221.409 166.981 221.598 166.98H345.242C345.431 166.981 345.613 167.056 345.746 167.19C345.88 167.323 345.955 167.504 345.955 167.693C345.955 167.881 345.88 168.062 345.746 168.195C345.613 168.329 345.431 168.404 345.242 168.405Z"
+                            fill="currentColor" />
+                        <path
+                            d="M345.242 173.033H221.598C221.409 173.033 221.227 172.958 221.093 172.824C220.959 172.691 220.884 172.51 220.884 172.321C220.884 172.132 220.959 171.951 221.093 171.817C221.227 171.684 221.409 171.609 221.598 171.609H345.242C345.432 171.609 345.614 171.684 345.748 171.817C345.882 171.951 345.957 172.132 345.957 172.321C345.957 172.51 345.882 172.691 345.748 172.824C345.614 172.958 345.432 173.033 345.242 173.033Z"
+                            fill="currentColor" />
+                        <path
+                            d="M345.242 177.661H221.598C221.409 177.661 221.228 177.586 221.094 177.452C220.96 177.319 220.885 177.138 220.885 176.949C220.885 176.761 220.96 176.58 221.094 176.446C221.228 176.313 221.409 176.238 221.598 176.237H345.242C345.431 176.238 345.613 176.313 345.746 176.446C345.88 176.58 345.955 176.761 345.955 176.949C345.955 177.138 345.88 177.319 345.746 177.452C345.613 177.586 345.431 177.661 345.242 177.661Z"
+                            fill="currentColor" />
+                        <path
+                            d="M181.432 156.477C179.111 156.476 176.885 155.556 175.245 153.92C173.604 152.285 172.683 150.067 172.683 147.754C172.683 145.442 173.604 143.224 175.245 141.588C176.885 139.953 179.111 139.033 181.432 139.031H311.478C310.824 137.835 309.859 136.836 308.683 136.14C307.508 135.444 306.166 135.076 304.799 135.075H46.3011C42.9286 135.079 39.6955 136.417 37.3123 138.794C34.929 141.171 33.5905 144.394 33.5908 147.754C33.5926 151.114 34.9318 154.335 37.3146 156.712C39.6974 159.089 42.9293 160.428 46.3011 160.433H304.799C306.166 160.432 307.508 160.065 308.683 159.368C309.859 158.672 310.824 157.674 311.478 156.477L181.432 156.477Z"
+                            fill="#4361EE" />
+                        <path
+                            d="M311.651 143.838H188.007C187.818 143.837 187.637 143.762 187.503 143.629C187.37 143.495 187.294 143.314 187.294 143.126C187.294 142.937 187.37 142.756 187.503 142.623C187.637 142.489 187.818 142.414 188.007 142.414H311.651C311.841 142.414 312.023 142.489 312.157 142.622C312.291 142.756 312.366 142.937 312.366 143.126C312.366 143.314 312.291 143.496 312.157 143.629C312.023 143.763 311.841 143.838 311.651 143.838Z"
+                            fill="currentColor" />
+                        <path
+                            d="M311.651 148.466H188.007C187.818 148.466 187.636 148.391 187.502 148.258C187.368 148.124 187.292 147.943 187.292 147.754C187.292 147.565 187.368 147.384 187.502 147.251C187.636 147.117 187.818 147.042 188.007 147.042H311.651C311.841 147.042 312.022 147.117 312.156 147.251C312.291 147.384 312.366 147.565 312.366 147.754C312.366 147.943 312.291 148.124 312.156 148.258C312.022 148.391 311.841 148.466 311.651 148.466Z"
+                            fill="currentColor" />
+                        <path
+                            d="M311.651 153.095H188.007C187.818 153.095 187.637 153.019 187.503 152.886C187.37 152.752 187.294 152.572 187.294 152.383C187.294 152.194 187.37 152.014 187.503 151.88C187.637 151.747 187.818 151.671 188.007 151.671H311.651C311.745 151.671 311.838 151.689 311.925 151.725C312.012 151.76 312.091 151.813 312.158 151.879C312.224 151.945 312.277 152.024 312.313 152.11C312.349 152.197 312.368 152.289 312.368 152.383C312.368 152.477 312.349 152.569 312.313 152.656C312.277 152.742 312.224 152.821 312.158 152.887C312.091 152.953 312.012 153.006 311.925 153.041C311.838 153.077 311.745 153.095 311.651 153.095Z"
+                            fill="currentColor" />
+                        <path
+                            d="M147.841 131.091C145.52 131.089 143.295 130.17 141.654 128.534C140.013 126.898 139.092 124.681 139.092 122.368C139.092 120.056 140.013 117.838 141.654 116.202C143.295 114.567 145.52 113.647 147.841 113.645H277.887C277.233 112.449 276.268 111.45 275.093 110.754C273.917 110.058 272.575 109.69 271.208 109.689H12.7101C9.33759 109.693 6.10452 111.03 3.72128 113.408C1.33804 115.785 -0.000419607 119.008 9.86767e-08 122.368C0.00170636 125.728 1.34085 128.949 3.72363 131.326C6.10641 133.703 9.33824 135.041 12.7101 135.047H271.208C272.575 135.046 273.917 134.678 275.093 133.982C276.268 133.286 277.233 132.287 277.887 131.091L147.841 131.091Z"
+                            fill="currentColor" />
+                        <path
+                            d="M278.06 118.452H154.416C154.227 118.451 154.046 118.376 153.912 118.242C153.778 118.109 153.703 117.928 153.703 117.739C153.703 117.551 153.778 117.37 153.912 117.237C154.046 117.103 154.227 117.028 154.416 117.027H278.06C278.25 117.027 278.431 117.102 278.565 117.236C278.699 117.369 278.775 117.551 278.775 117.739C278.775 117.928 278.699 118.109 278.565 118.243C278.431 118.376 278.25 118.452 278.06 118.452Z"
+                            fill="currentColor" />
+                        <path
+                            d="M278.06 123.08H154.416C154.323 123.08 154.23 123.062 154.143 123.026C154.056 122.99 153.977 122.937 153.911 122.871C153.845 122.805 153.792 122.727 153.756 122.64C153.72 122.554 153.702 122.461 153.702 122.368C153.702 122.274 153.72 122.182 153.756 122.095C153.792 122.009 153.845 121.93 153.911 121.864C153.977 121.798 154.056 121.746 154.143 121.71C154.23 121.674 154.323 121.656 154.416 121.656H278.06C278.154 121.656 278.247 121.674 278.334 121.71C278.42 121.746 278.499 121.798 278.566 121.864C278.632 121.93 278.685 122.009 278.721 122.095C278.756 122.182 278.775 122.274 278.775 122.368C278.775 122.461 278.756 122.554 278.721 122.64C278.685 122.727 278.632 122.805 278.566 122.871C278.499 122.937 278.42 122.99 278.334 123.026C278.247 123.062 278.154 123.08 278.06 123.08Z"
+                            fill="currentColor" />
+                        <path
+                            d="M278.06 127.708H154.416C154.227 127.708 154.045 127.633 153.911 127.5C153.777 127.366 153.702 127.185 153.702 126.996C153.702 126.807 153.777 126.626 153.911 126.493C154.045 126.359 154.227 126.284 154.416 126.284H278.06C278.154 126.284 278.247 126.303 278.334 126.338C278.42 126.374 278.499 126.427 278.566 126.493C278.632 126.559 278.685 126.637 278.721 126.724C278.756 126.81 278.775 126.903 278.775 126.996C278.775 127.09 278.756 127.182 278.721 127.269C278.685 127.355 278.632 127.434 278.566 127.5C278.499 127.566 278.42 127.618 278.334 127.654C278.247 127.69 278.154 127.708 278.06 127.708Z"
+                            fill="currentColor" />
+                        <path
+                            d="M280.915 76.9348C280.237 76.9337 279.585 76.676 279.09 76.2137C278.595 75.7514 278.296 75.1191 278.251 74.4449L277.854 68.4086C277.808 67.7035 278.045 67.009 278.512 66.4778C278.98 65.9466 279.64 65.6222 280.348 65.576L327.814 62.479C328.562 62.4301 329.313 62.5286 330.023 62.7688C330.733 63.009 331.388 63.3861 331.952 63.8787C332.516 64.3713 332.977 64.9697 333.308 65.6398C333.64 66.3098 333.836 67.0383 333.885 67.7838C333.934 68.5292 333.835 69.277 333.594 69.9844C333.353 70.6918 332.974 71.345 332.48 71.9066C331.985 72.4682 331.385 72.9274 330.712 73.2577C330.04 73.5881 329.308 73.7833 328.56 73.8321L281.094 76.929C281.034 76.9328 280.975 76.9347 280.915 76.9348Z"
+                            fill="#4361EE" />
+                        <path
+                            d="M290.275 77.713C289.583 77.7119 288.919 77.4442 288.421 76.9662C287.924 76.4881 287.631 75.8366 287.604 75.1482L287.266 66.1324C287.253 65.7828 287.309 65.434 287.431 65.106C287.553 64.778 287.739 64.4772 287.978 64.2208C288.217 63.9644 288.504 63.7573 288.823 63.6115C289.142 63.4657 289.487 63.3839 289.838 63.3709L328.871 61.9174C329.579 61.891 330.27 62.1462 330.789 62.6268C331.309 63.1074 331.616 63.7741 331.643 64.4801L331.981 73.496C331.994 73.8456 331.938 74.1944 331.816 74.5224C331.694 74.8504 331.508 75.1512 331.269 75.4076C331.03 75.664 330.743 75.8711 330.424 76.0169C330.104 76.1627 329.76 76.2445 329.409 76.2575L290.376 77.711C290.342 77.7124 290.308 77.713 290.275 77.713Z"
+                            fill="#2F2E41" />
+                        <path
+                            d="M336.015 160.823H329.943C329.234 160.822 328.555 160.541 328.054 160.041C327.552 159.542 327.27 158.865 327.27 158.159V107.741C327.27 107.035 327.552 106.358 328.054 105.858C328.555 105.359 329.234 105.078 329.943 105.077H336.015C336.724 105.078 337.404 105.359 337.905 105.858C338.406 106.358 338.688 107.035 338.689 107.741V158.159C338.688 158.865 338.406 159.542 337.905 160.041C337.404 160.541 336.724 160.822 336.015 160.823Z"
+                            fill="#2F2E41" />
+                        <path
+                            d="M309.066 134.173L303.873 131.037C303.268 130.67 302.833 130.079 302.664 129.393C302.495 128.707 302.606 127.982 302.973 127.378L329.203 84.2625C329.571 83.6589 330.165 83.2254 330.853 83.0572C331.542 82.889 332.269 82.9998 332.876 83.3652L338.068 86.5008C338.674 86.8676 339.109 87.4588 339.278 88.1448C339.446 88.8308 339.335 89.5554 338.969 90.1599L312.738 133.275C312.37 133.879 311.777 134.312 311.088 134.481C310.4 134.649 309.672 134.538 309.066 134.173Z"
+                            fill="#2F2E41" />
+                        <path
+                            d="M326.794 52.4612C338.38 52.4612 347.773 43.1029 347.773 31.5589C347.773 20.0148 338.38 10.6565 326.794 10.6565C315.207 10.6565 305.814 20.0148 305.814 31.5589C305.814 43.1029 315.207 52.4612 326.794 52.4612Z"
+                            fill="#4361EE" />
+                        <path
+                            d="M315.438 38.6956C314.763 38.4746 314.143 38.1123 313.621 37.6329C313.274 37.2907 313.007 36.8771 312.838 36.4212C312.67 35.9654 312.603 35.4782 312.643 34.9939C312.665 34.6488 312.766 34.3135 312.94 34.0141C313.113 33.7147 313.354 33.4593 313.643 33.268C314.393 32.7885 315.397 32.7871 316.419 33.2357L316.38 25.0757L317.203 25.0718L317.248 34.6647L316.614 34.2674C315.879 33.8075 314.829 33.4838 314.088 33.958C313.904 34.0833 313.752 34.249 313.644 34.4423C313.535 34.6355 313.473 34.8511 313.462 35.0723C313.434 35.4331 313.484 35.7956 313.61 36.1351C313.735 36.4747 313.933 36.7833 314.189 37.04C315.097 37.9046 316.423 38.175 317.934 38.4166L317.804 39.2258C317.001 39.1199 316.209 38.9424 315.438 38.6956Z"
+                            fill="#2F2E41" />
+                        <path d="M307.899 24.6635L307.791 25.4761L312.184 26.0541L312.292 25.2415L307.899 24.6635Z" fill="#2F2E41" />
+                        <path d="M321.765 26.4873L321.657 27.2998L326.05 27.8778L326.158 27.0653L321.765 26.4873Z" fill="#2F2E41" />
+                        <path
+                            d="M344.312 121.268H308.934C308.007 121.267 307.119 120.9 306.463 120.247C305.808 119.593 305.439 118.708 305.438 117.784L312.844 61.1985C312.85 60.2791 313.221 59.3994 313.876 58.7516C314.531 58.1038 315.416 57.7405 316.339 57.7412H328.894C333.908 57.7469 338.716 59.7341 342.262 63.267C345.808 66.7999 347.803 71.5899 347.808 76.5861V117.784C347.807 118.708 347.438 119.593 346.783 120.247C346.127 120.9 345.239 121.267 344.312 121.268Z"
+                            fill="#2F2E41" />
+                        <path
+                            d="M374.749 98.9713C374.967 99.4372 375.046 99.9562 374.975 100.466C374.905 100.975 374.688 101.453 374.351 101.843L370.381 106.42C370.152 106.685 369.872 106.902 369.558 107.059C369.245 107.216 368.903 107.31 368.553 107.336C368.202 107.361 367.851 107.318 367.517 107.208C367.184 107.098 366.876 106.923 366.61 106.695L330.615 75.7111C330.048 75.2228 329.582 74.6279 329.246 73.9603C328.909 73.2928 328.707 72.5657 328.653 71.8205C328.598 71.0754 328.691 70.3268 328.927 69.6175C329.163 68.9083 329.536 68.2522 330.027 67.6869C330.517 67.1215 331.114 66.6579 331.784 66.3226C332.454 65.9872 333.184 65.7866 333.932 65.7323C334.68 65.678 335.431 65.7711 336.143 66.0061C336.855 66.2411 337.513 66.6136 338.081 67.1021L374.075 98.0854C374.36 98.33 374.59 98.6319 374.749 98.9713Z"
+                            fill="#4361EE" />
+                        <path
+                            d="M366.804 88.7464C367.023 89.2124 367.101 89.7313 367.031 90.2408C366.96 90.7503 366.743 91.2286 366.406 91.6181L359.626 99.4367C359.162 99.9706 358.505 100.299 357.798 100.351C357.091 100.402 356.392 100.172 355.855 99.7109L326.298 74.2689C326.032 74.0402 325.815 73.7616 325.657 73.449C325.499 73.1364 325.405 72.7959 325.379 72.447C325.354 72.0981 325.398 71.7475 325.508 71.4154C325.618 71.0833 325.793 70.7761 326.023 70.5114L332.803 62.6929C333.032 62.4282 333.312 62.2111 333.626 62.054C333.939 61.897 334.281 61.803 334.631 61.7776C334.982 61.7521 335.333 61.7956 335.667 61.9056C336 62.0157 336.308 62.19 336.574 62.4187L366.131 87.8606C366.416 88.1052 366.645 88.4071 366.804 88.7464Z"
+                            fill="#2F2E41" />
+                        <path
+                            d="M327.186 19.1616C324.381 16.8493 320.632 19.0362 317.461 18.7258C314.426 18.4289 311.984 15.7684 311.319 12.9054C310.542 9.56531 312.225 6.1724 314.761 4.03273C317.537 1.68928 321.265 0.961046 324.818 1.31764C328.89 1.72635 332.641 3.54275 336.019 5.76177C339.277 7.83543 342.284 10.2778 344.979 13.0401C347.394 15.5981 349.457 18.6626 350.164 22.1529C350.806 25.3248 350.43 28.8604 348.593 31.5925C347.617 32.9935 346.296 34.1205 344.757 34.8647C343.153 35.6876 341.436 36.2867 339.884 37.2122C337.538 38.6116 335.286 41.4636 336.084 44.3721C336.256 45.0075 336.582 45.5912 337.033 46.0718C337.575 46.6488 338.517 45.8549 337.974 45.2763C337.019 44.2601 337.03 42.8806 337.505 41.6368C338.071 40.2346 339.098 39.0655 340.418 38.321C342.042 37.3544 343.844 36.7426 345.511 35.8587C347.107 35.0498 348.484 33.8686 349.523 32.4156C351.485 29.5881 352.018 25.9466 351.497 22.5971C350.934 18.9723 348.996 15.7055 346.594 12.9827C343.98 10.0194 340.791 7.52961 337.539 5.30018C334.05 2.90798 330.207 0.902431 325.984 0.230686C322.323 -0.351613 318.377 0.124257 315.224 2.16544C312.282 4.07076 310.059 7.29454 309.899 10.8528C309.849 12.4714 310.232 14.0742 311.009 15.4963C311.787 16.9184 312.931 18.1084 314.323 18.9438C315.751 19.7588 317.4 20.1066 319.036 19.9381C320.787 19.7932 322.531 19.2252 324.298 19.3403C325.097 19.3735 325.864 19.6653 326.481 20.1715C327.094 20.6767 327.794 19.6626 327.186 19.1616Z"
+                            fill="#2F2E41" />
+                        <path
+                            d="M302.517 128.106C302.524 128.06 302.533 128.014 302.543 127.968C302.616 127.625 302.757 127.301 302.957 127.013C303.157 126.725 303.412 126.48 303.708 126.291L308.81 123.012C309.406 122.63 310.13 122.499 310.823 122.648C311.516 122.797 312.121 123.214 312.506 123.807L328.245 148.119C328.63 148.713 328.762 149.434 328.612 150.125C328.462 150.815 328.044 151.419 327.448 151.802L322.345 155.08C321.749 155.463 321.025 155.594 320.332 155.445C319.639 155.296 319.034 154.879 318.649 154.286L302.91 129.974C302.55 129.421 302.41 128.756 302.517 128.106Z"
+                            fill="#2F2E41" />
+                    </g>
+                    <defs>
+                        <clipPath id="clip0_1109_89938">
+                            <rect width="375" height="185" fill="white" />
+                        </clipPath>
+                    </defs>
+                </svg>
+            </div>
+            <div class="relative">
+                <div class="flex flex-col items-center justify-center sm:-ms-32 sm:flex-row xl:-ms-60">
+                    <div class="mb-2 flex gap-1 text-end text-base leading-5 sm:flex-col xl:text-xl">
+                        <span>It's free </span>
+                        <span>For everyone</span>
+                    </div>
+                    <div class="me-4 ms-2 hidden sm:block text-[#0E1726] dark:text-white  rtl:rotate-y-180">
+                        <svg width="111" height="22" viewBox="0 0 116 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-16 xl:w-28">
+                            <path
+                                d="M0.645796 11.44C0.215273 11.6829 0.0631375 12.2287 0.305991 12.6593C0.548845 13.0898 1.09472 13.2419 1.52525 12.9991L0.645796 11.44ZM49.0622 20.4639L48.9765 19.5731L48.9765 19.5731L49.0622 20.4639ZM115.315 2.33429L105.013 3.14964L110.87 11.6641L115.315 2.33429ZM1.52525 12.9991C10.3971 7.99452 17.8696 10.3011 25.3913 13.8345C29.1125 15.5825 32.9505 17.6894 36.8117 19.2153C40.7121 20.7566 44.7862 21.7747 49.148 21.3548L48.9765 19.5731C45.0058 19.9553 41.2324 19.0375 37.4695 17.5505C33.6675 16.0481 30.0265 14.0342 26.1524 12.2143C18.4834 8.61181 10.3 5.99417 0.645796 11.44L1.52525 12.9991ZM49.148 21.3548C52.4593 21.0362 54.7308 19.6545 56.4362 17.7498C58.1039 15.8872 59.2195 13.5306 60.2695 11.3266C61.3434 9.07217 62.3508 6.97234 63.8065 5.35233C65.2231 3.77575 67.0736 2.6484 69.8869 2.40495L69.7326 0.62162C66.4361 0.906877 64.1742 2.26491 62.475 4.15595C60.8148 6.00356 59.703 8.35359 58.6534 10.5568C57.5799 12.8105 56.5678 14.9194 55.1027 16.5557C53.6753 18.1499 51.809 19.3005 48.9765 19.5731L49.148 21.3548ZM69.8869 2.40495C72.2392 2.2014 75.0889 2.61953 78.2858 3.35001C81.4816 4.08027 84.9116 5.09374 88.4614 6.04603C91.9873 6.99189 95.6026 7.86868 99.0694 8.28693C102.533 8.70483 105.908 8.67299 108.936 7.75734L108.418 6.04396C105.72 6.85988 102.621 6.91239 99.2838 6.50981C95.9496 6.10757 92.4363 5.25904 88.9252 4.31715C85.4382 3.38169 81.9229 2.34497 78.6845 1.60499C75.4471 0.865243 72.3735 0.393097 69.7326 0.62162L69.8869 2.40495Z"
+                                fill="currentColor" />
+                        </svg>
+                    </div>
+                    <div class="mb-2 text-center text-2xl font-bold dark:text-white md:text-5xl">Knowledge Base</div>
+                </div>
+                <p class="mb-9 text-center text-base font-semibold">Search instant answers & questions asked by popular users</p>
+                <form action="" method="" class="mb-6">
+                    <div class="relative mx-auto max-w-[580px]">
+                        <input type="text" placeholder="Ask a question" class="form-input py-3 ltr:pr-[100px] rtl:pl-[100px]" />
+                        <button type="button" class="btn btn-primary absolute top-1 shadow-none ltr:right-1 rtl:left-1">Search</button>
+                    </div>
+                </form>
+                <div class="flex flex-wrap items-center justify-center gap-2 font-semibold text-[#2196F3] sm:gap-5">
+                    <div class="whitespace-nowrap font-medium text-black dark:text-white">Popular topics :</div>
+                    <div class="flex items-center justify-center gap-2 sm:gap-5">
+                        <a href="javascript:;" class="duration-300 hover:underline"> Sales</a>
+                        <a href="javascript:;" class="duration-300 hover:underline"> Charts</a>
+                        <a href="javascript:;" class="duration-300 hover:underline"> Finance</a>
+                        <a href="javascript:;" class="duration-300 hover:underline"> Trending</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="mb-12 flex items-center rounded-b-md bg-[#DBE7FF] dark:bg-[#141F31]">
+            <ul x-data="{ activeTab: 'general' }" class="mx-auto flex items-center gap-5 overflow-auto whitespace-nowrap px-3 py-4.5 xl:gap-8">
+                <li class="group flex min-w-[120px] cursor-pointer flex-col items-center justify-center gap-4 rounded-md px-8 py-2.5 text-center text-[#506690] duration-300 hover:bg-white hover:text-primary dark:hover:bg-[#1B2E4B]"
+                    :class="{ 'bg-white text-primary dark:bg-[#1B2E4B]': activeTab === 'general' }" @click="activeTab = 'general'">
+                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path opacity="0.5"
+                            d="M13.3332 2.6665H18.6665C23.6948 2.6665 26.209 2.6665 27.7711 4.2286C29.3332 5.7907 29.3332 8.30486 29.3332 13.3332V14.6665C29.3332 15.402 29.3332 16.7324 29.3245 17.3332H2.67519C2.6665 16.7324 2.6665 15.402 2.6665 14.6665V13.3332C2.6665 8.30486 2.6665 5.7907 4.2286 4.2286C5.7907 2.6665 8.30486 2.6665 13.3332 2.6665Z"
+                            fill="currentColor" />
+                        <path
+                            d="M10.646 23.3335C6.86021 23.3335 4.96734 23.3335 3.79125 22.1619C3.02926 21.4029 2.76097 20.344 2.6665 18.6668V17.3335H29.3332V18.6668C29.2387 20.344 28.9704 21.4029 28.2084 22.1619C27.0323 23.3335 25.1395 23.3335 21.3537 23.3335H17.0037V28.6668H21.3537C21.9081 28.6668 22.3576 29.1145 22.3576 29.6668C22.3576 30.2191 21.9081 30.6668 21.3537 30.6668H10.646C10.0916 30.6668 9.64212 30.2191 9.64212 29.6668C9.64212 29.1145 10.0916 28.6668 10.646 28.6668H14.996V23.3335H10.646Z"
+                            fill="currentColor" />
+                    </svg>
+
+                    <h5 class="font-bold text-black dark:text-white">General</h5>
+                </li>
+                <li class="group flex min-w-[120px] cursor-pointer flex-col items-center justify-center gap-4 rounded-md px-8 py-2.5 text-center text-[#506690] duration-300 hover:bg-white hover:text-primary dark:hover:bg-[#1B2E4B]"
+                    :class="{ 'bg-white text-primary dark:bg-[#1B2E4B]': activeTab === 'quick-support' }" @click="activeTab = 'quick-support'">
+                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <circle cx="15.9998" cy="7.99984" r="5.33333" fill="currentColor" />
+                        <path opacity="0.5"
+                            d="M26.6668 23.3335C26.6668 26.6472 26.6668 29.3335 16.0002 29.3335C5.3335 29.3335 5.3335 26.6472 5.3335 23.3335C5.3335 20.0198 10.1091 17.3335 16.0002 17.3335C21.8912 17.3335 26.6668 20.0198 26.6668 23.3335Z"
+                            fill="currentColor" />
+                    </svg>
+
+                    <h5 class="font-bold text-black dark:text-white">Quick Support</h5>
+                </li>
+                <li class="group flex min-w-[120px] cursor-pointer flex-col items-center justify-center gap-4 rounded-md px-8 py-2.5 text-center text-[#506690] duration-300 hover:bg-white hover:text-primary dark:hover:bg-[#1B2E4B]"
+                    :class="{ 'bg-white text-primary dark:bg-[#1B2E4B]': activeTab === 'free-updates' }" @click="activeTab = 'free-updates'">
+                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path
+                            d="M11.2296 27.4907C13.5704 28.7191 14.7408 29.3333 15.9998 29.3333V16L3.51719 9.43018C3.49882 9.45971 3.48077 9.48953 3.46303 9.51965C2.6665 10.8723 2.6665 12.5555 2.6665 15.922V16.078C2.6665 19.4444 2.6665 21.1277 3.46303 22.4803C4.25956 23.833 5.69401 24.5858 8.5629 26.0913L11.2296 27.4907Z"
+                            fill="currentColor" />
+                        <path opacity="0.7"
+                            d="M23.4367 5.90853L20.77 4.50913C18.4292 3.28071 17.2588 2.6665 15.9997 2.6665C14.7407 2.6665 13.5703 3.28071 11.2295 4.50912L8.56279 5.90853C5.75778 7.38053 4.32404 8.13292 3.51709 9.43002L15.9997 15.9998L28.4824 9.43002C27.6754 8.13292 26.2417 7.38054 23.4367 5.90853Z"
+                            fill="currentColor" />
+                        <path opacity="0.5"
+                            d="M28.5368 9.51965C28.5191 9.48953 28.501 9.45971 28.4826 9.43018L16 16V29.3333C17.259 29.3333 18.4294 28.7191 20.7703 27.4907L23.4369 26.0913C26.3058 24.5858 27.7403 23.833 28.5368 22.4803C29.3333 21.1277 29.3333 19.4444 29.3333 16.078V15.922C29.3333 12.5555 29.3333 10.8723 28.5368 9.51965Z"
+                            fill="currentColor" />
+                    </svg>
+
+                    <h5 class="font-bold text-black dark:text-white">Free Updates</h5>
+                </li>
+                <li class="group flex min-w-[120px] cursor-pointer flex-col items-center justify-center gap-4 rounded-md px-8 py-2.5 text-center text-[#506690] duration-300 hover:bg-white hover:text-primary dark:hover:bg-[#1B2E4B]"
+                    :class="{ 'bg-white text-primary dark:bg-[#1B2E4B]': activeTab === 'pricing' }" @click="activeTab = 'pricing'">
+                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd"
+                            d="M29.3332 15.9998C29.3332 23.3636 23.3636 29.3332 15.9998 29.3332C8.63604 29.3332 2.6665 23.3636 2.6665 15.9998C2.6665 8.63604 8.63604 2.6665 15.9998 2.6665C23.3636 2.6665 29.3332 8.63604 29.3332 15.9998Z"
+                            fill="currentColor" />
+                        <path
+                            d="M17 8C17 7.44772 16.5523 7 16 7C15.4477 7 15 7.44772 15 8V8.42231C12.8261 8.81156 11 10.4448 11 12.6667C11 15.2229 13.417 17 16 17C17.8353 17 19 18.2076 19 19.3333C19 20.459 17.8353 21.6667 16 21.6667C14.1647 21.6667 13 20.459 13 19.3333C13 18.781 12.5523 18.3333 12 18.3333C11.4477 18.3333 11 18.781 11 19.3333C11 21.5552 12.8261 23.1884 15 23.5777V24C15 24.5523 15.4477 25 16 25C16.5523 25 17 24.5523 17 24V23.5777C19.1739 23.1884 21 21.5552 21 19.3333C21 16.7771 18.583 15 16 15C14.1647 15 13 13.7924 13 12.6667C13 11.541 14.1647 10.3333 16 10.3333C17.8353 10.3333 19 11.541 19 12.6667C19 13.219 19.4477 13.6667 20 13.6667C20.5523 13.6667 21 13.219 21 12.6667C21 10.4448 19.1739 8.81156 17 8.42231V8Z"
+                            fill="currentColor" />
+                    </svg>
+
+                    <h5 class="font-bold text-black dark:text-white">Pricing</h5>
+                </li>
+                <li class="group flex min-w-[120px] cursor-pointer flex-col items-center justify-center gap-4 rounded-md px-8 py-2.5 text-center text-[#506690] duration-300 hover:bg-white hover:text-primary dark:hover:bg-[#1B2E4B]"
+                    :class="{ 'bg-white text-primary dark:bg-[#1B2E4B]': activeTab === 'hosting' }" @click="activeTab = 'hosting'">
+                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path
+                            d="M9.33317 18.6667C8.78089 18.6667 8.33317 19.1144 8.33317 19.6667C8.33317 20.219 8.78089 20.6667 9.33317 20.6667C9.88546 20.6667 10.3332 20.219 10.3332 19.6667C10.3332 19.1144 9.88546 18.6667 9.33317 18.6667Z"
+                            fill="currentColor" />
+                        <path fill-rule="evenodd" clip-rule="evenodd"
+                            d="M2.6665 19.6667C2.6665 15.9848 5.65127 13 9.33317 13H22.6665C26.3484 13 29.3332 15.9848 29.3332 19.6667C29.3332 23.3486 26.3484 26.3333 22.6665 26.3333H9.33317C5.65127 26.3333 2.6665 23.3486 2.6665 19.6667ZM6.33317 19.6667C6.33317 18.0098 7.67632 16.6667 9.33317 16.6667C10.99 16.6667 12.3332 18.0098 12.3332 19.6667C12.3332 21.3235 10.99 22.6667 9.33317 22.6667C7.67632 22.6667 6.33317 21.3235 6.33317 19.6667ZM15.9998 18.6667C15.4476 18.6667 14.9998 19.1144 14.9998 19.6667C14.9998 20.219 15.4476 20.6667 15.9998 20.6667H24.6665C25.2188 20.6667 25.6665 20.219 25.6665 19.6667C25.6665 19.1144 25.2188 18.6667 24.6665 18.6667H15.9998Z"
+                            fill="currentColor" />
+                        <path opacity="0.5"
+                            d="M7.29157 26.0146L5.80916 28.4853C5.52501 28.9589 5.67858 29.5732 6.15216 29.8573C6.62574 30.1415 7.24 29.9879 7.52415 29.5143L9.43285 26.3331H9.33339C8.62118 26.3331 7.93505 26.2215 7.29157 26.0146Z"
+                            fill="currentColor" />
+                        <path opacity="0.5"
+                            d="M22.5674 26.3331L24.4761 29.5143C24.7602 29.9879 25.3745 30.1415 25.8481 29.8573C26.3217 29.5732 26.4752 28.9589 26.1911 28.4853L24.7087 26.0146C24.0652 26.2215 23.3791 26.3331 22.6668 26.3331H22.5674Z"
+                            fill="currentColor" />
+                        <path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd"
+                            d="M21.9996 4.6665C19.3611 4.6665 17.0971 6.28026 16.1454 8.57849C15.934 9.08875 15.3491 9.33108 14.8388 9.11977C14.3286 8.90845 14.0862 8.3235 14.2975 7.81324C15.5481 4.7937 18.5242 2.6665 21.9996 2.6665C25.475 2.6665 28.4512 4.7937 29.7017 7.81324C29.913 8.3235 29.6707 8.90845 29.1604 9.11977C28.6502 9.33108 28.0652 9.08875 27.8539 8.57849C26.9021 6.28026 24.6382 4.6665 21.9996 4.6665Z"
+                            fill="currentColor" />
+                        <path opacity="0.7" fill-rule="evenodd" clip-rule="evenodd"
+                            d="M22.0008 8C20.6377 8 19.4845 8.90993 19.1204 10.1576C18.9657 10.6878 18.4105 10.9921 17.8803 10.8374C17.3501 10.6827 17.0457 10.1275 17.2005 9.59735C17.8068 7.51959 19.725 6 22.0008 6C24.2765 6 26.1948 7.51959 26.8011 9.59735C26.9558 10.1275 26.6514 10.6827 26.1212 10.8374C25.5911 10.9921 25.0359 10.6878 24.8811 10.1576C24.5171 8.90993 23.3639 8 22.0008 8Z"
+                            fill="currentColor" />
+                        <path d="M23.3332 10.3333C23.3332 11.0697 22.7362 11.6667 21.9998 11.6667C21.2635 11.6667 20.6665 11.0697 20.6665 10.3333C20.6665 9.59695 21.2635 9 21.9998 9C22.7362 9 23.3332 9.59695 23.3332 10.3333Z"
+                            fill="currentColor" />
+                    </svg>
+
+                    <h5 class="font-bold text-black dark:text-white">Hosting</h5>
+                </li>
+            </ul>
+        </div>
+        <h3 class="mb-8 text-center text-xl font-semibold md:text-2xl">Some common <span class="text-primary">questions</span></h3>
+        <div class="mb-10 grid grid-cols-1 gap-10 md:grid-cols-2">
+            <div class="rounded-md bg-white dark:bg-black" x-data="{ active: 1 }">
+                <div class="border-b border-white-light p-6 text-[22px] font-bold dark:border-dark dark:text-white">General topics?</div>
+                <div class="divide-y divide-white-light px-6 py-4.5 dark:divide-dark">
+                    <div>
+                        <div class="flex cursor-pointer items-center justify-between gap-10 px-2.5 py-2 text-base font-semibold hover:bg-primary-light hover:text-primary dark:text-white dark:hover:bg-[#1B2E4B] dark:hover:text-primary"
+                            :class="{ 'bg-primary-light dark:bg-[#1B2E4B] !text-primary': active === 1 }" x-on:click="active === 1 ? active = null : active = 1">
+                            <span>How to install VRISTO Admin</span>
+                            <template x-if="active !== 1">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z"
+                                            fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                            <template x-if="active === 1">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor" />
+                                        <path d="M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                        </div>
+                        <div x-cloak x-show="active === 1" x-collapse>
+                            <div class="px-1 py-3 font-semibold text-white-dark">
+                                <p>
+                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+                                    officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3
+                                    wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
+                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
+                                    you probably haven't heard of them accusamus labore sustainable VHS.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <div class="flex cursor-pointer items-center justify-between gap-10 px-2.5 py-2 text-base font-semibold hover:bg-primary-light hover:text-primary dark:text-white dark:hover:bg-[#1B2E4B] dark:hover:text-primary"
+                            :class="{ 'bg-primary-light dark:bg-[#1B2E4B] !text-primary': active === 2 }" x-on:click="active === 2 ? active = null : active = 2">
+                            <span> Where can I subscribe to your newsletter?</span>
+                            <template x-if="active !== 2">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z"
+                                            fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                            <template x-if="active === 2">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor" />
+                                        <path d="M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                        </div>
+                        <div x-cloak x-show="active === 2" x-collapse>
+                            <div class="px-1 py-3 font-semibold text-white-dark">
+                                <p>
+                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+                                    officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3
+                                    wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
+                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
+                                    you probably haven't heard of them accusamus labore sustainable VHS.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <div class="flex cursor-pointer items-center justify-between gap-10 px-2.5 py-2 text-base font-semibold hover:bg-primary-light hover:text-primary dark:text-white dark:hover:bg-[#1B2E4B] dark:hover:text-primary"
+                            :class="{ 'bg-primary-light dark:bg-[#1B2E4B] !text-primary': active === 3 }" x-on:click="active === 3 ? active = null : active = 3">
+                            <span>How to install VRISTO Admin</span>
+                            <template x-if="active !== 3">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z"
+                                            fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                            <template x-if="active === 3">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor" />
+                                        <path d="M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                        </div>
+                        <div x-cloak x-show="active === 3" x-collapse>
+                            <div class="px-1 py-3 font-semibold text-white-dark">
+                                <p>
+                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+                                    officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3
+                                    wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
+                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
+                                    you probably haven't heard of them accusamus labore sustainable VHS.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <div class="flex cursor-pointer items-center justify-between gap-10 px-2.5 py-2 text-base font-semibold hover:bg-primary-light hover:text-primary dark:text-white dark:hover:bg-[#1B2E4B] dark:hover:text-primary"
+                            :class="{ 'bg-primary-light dark:bg-[#1B2E4B] !text-primary': active === 5 }" x-on:click="active === 5 ? active = null : active = 5">
+                            <span>How to install VRISTO Admin</span>
+                            <template x-if="active !== 5">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z"
+                                            fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                            <template x-if="active === 5">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor" />
+                                        <path d="M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                        </div>
+                        <div x-cloak x-show="active === 5" x-collapse>
+                            <div class="px-1 py-3 font-semibold text-white-dark">
+                                <p>
+                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+                                    officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3
+                                    wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
+                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
+                                    you probably haven't heard of them accusamus labore sustainable VHS.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="rounded-md bg-white dark:bg-black" x-data="{ active: 1 }">
+                <div class="border-b border-white-light p-6 text-[22px] font-bold dark:border-dark dark:text-white">
+                    Quick support & Free update
+                </div>
+                <div class="divide-y divide-white-light px-6 py-4.5 dark:divide-dark">
+                    <div>
+                        <div class="flex cursor-pointer items-center justify-between gap-10 px-2.5 py-2 text-base font-semibold hover:bg-primary-light hover:text-primary dark:text-white dark:hover:bg-[#1B2E4B] dark:hover:text-primary"
+                            :class="{ 'bg-primary-light dark:bg-[#1B2E4B] !text-primary': active === 1 }" x-on:click="active === 1 ? active = null : active = 1">
+                            <span>How to use Browser Sync</span>
+                            <template x-if="active !== 1">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z"
+                                            fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                            <template x-if="active === 1">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor" />
+                                        <path d="M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                        </div>
+                        <div x-cloak x-show="active === 1" x-collapse>
+                            <div class="px-1 py-3 font-semibold text-white-dark">
+                                <p>
+                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+                                    officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3
+                                    wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
+                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
+                                    you probably haven't heard of them accusamus labore sustainable VHS.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <div class="flex cursor-pointer items-center justify-between gap-10 px-2.5 py-2 text-base font-semibold hover:bg-primary-light hover:text-primary dark:text-white dark:hover:bg-[#1B2E4B] dark:hover:text-primary"
+                            :class="{ 'bg-primary-light dark:bg-[#1B2E4B] !text-primary': active === 2 }" x-on:click="active === 2 ? active = null : active = 2">
+                            <span> Sidebar not rendering CSS</span>
+                            <template x-if="active !== 2">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z"
+                                            fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                            <template x-if="active === 2">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor" />
+                                        <path d="M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                        </div>
+                        <div x-cloak x-show="active === 2" x-collapse>
+                            <div class="px-1 py-3 font-semibold text-white-dark">
+                                <p>
+                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+                                    officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3
+                                    wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
+                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
+                                    you probably haven't heard of them accusamus labore sustainable VHS.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <div class="flex cursor-pointer items-center justify-between gap-10 px-2.5 py-2 text-base font-semibold hover:bg-primary-light hover:text-primary dark:text-white dark:hover:bg-[#1B2E4B] dark:hover:text-primary"
+                            :class="{ 'bg-primary-light dark:bg-[#1B2E4B] !text-primary': active === 3 }" x-on:click="active === 3 ? active = null : active = 3">
+                            <span>Connect with us Personally</span>
+                            <template x-if="active !== 3">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z"
+                                            fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                            <template x-if="active === 3">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor" />
+                                        <path d="M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                        </div>
+                        <div x-cloak x-show="active === 3" x-collapse>
+                            <div class="px-1 py-3 font-semibold text-white-dark">
+                                <p>
+                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+                                    officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3
+                                    wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
+                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
+                                    you probably haven't heard of them accusamus labore sustainable VHS.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <div class="flex cursor-pointer items-center justify-between gap-10 px-2.5 py-2 text-base font-semibold hover:bg-primary-light hover:text-primary dark:text-white dark:hover:bg-[#1B2E4B] dark:hover:text-primary"
+                            :class="{ 'bg-primary-light dark:bg-[#1B2E4B] !text-primary': active === 5 }" x-on:click="active === 5 ? active = null : active = 5">
+                            <span>Compilation Issue</span>
+                            <template x-if="active !== 5">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9L11.25 11.25H9C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z"
+                                            fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                            <template x-if="active === 5">
+                                <span class="shrink-0">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor" />
+                                        <path d="M15.75 12C15.75 12.4142 15.4142 12.75 15 12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H15C15.4142 11.25 15.75 11.5858 15.75 12Z" fill="currentColor" />
+                                    </svg>
+                                </span>
+                            </template>
+                        </div>
+                        <div x-cloak x-show="active === 5" x-collapse>
+                            <div class="px-1 py-3 font-semibold text-white-dark">
+                                <p>
+                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon
+                                    officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3
+                                    wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
+                                    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
+                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
+                                    you probably haven't heard of them accusamus labore sustainable VHS.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="panel mt-10 text-center md:mt-20">
+            <h3 class="mb-2 text-xl font-bold dark:text-white md:text-2xl">Still need help?</h3>
+            <div class="text-lg font-medium text-white-dark">
+                Our specialists are always happy to help. Contact us during standard business hours or email us24/7 and we'll get back to you.
+            </div>
+            <div class="mt-8 flex items-center justify-center gap-6">
+                <button type="button" class="btn btn-primary">Contact Us</button>
+                <button type="button" class="btn btn-primary">Visit our community</button>
+            </div>
+        </div>
+        <div
+            class="mt-10 flex flex-col-reverse items-center justify-between gap-5 rounded-md bg-gradient-to-tl from-[rgba(234,241,255,0.44)] to-[rgba(234,241,255,0.96)] px-6 py-2.5 dark:from-[rgba(14,23,38,0.44)] dark:to-[#0E1726] md:flex-row lg:mt-20 xl:px-16">
+            <div class="flex-1 py-3.5 text-center md:text-start">
+                <h3 class="mb-2 text-xl font-bold dark:text-white md:text-2xl">Didn’t find any solutions?</h3>
+                <div class="text-lg font-medium text-white-dark">
+                    Loaded with awesome features like documentation, knowledge base forum, domain transfer, affiliates etc.
+                </div>
+                <div class="mt-8 flex justify-center md:justify-start lg:mt-16">
+                    <button type="button" class="btn btn-primary">Raise support tickets</button>
+                </div>
+            </div>
+            <div class="w-52 max-w-xs lg:w-full">
+                <img src="/assets/images/knowledge/find-solution.svg" alt="find-solution" class="w-full object-cover rtl:rotate-y-180 dark:brightness-[2.59] dark:grayscale-[83%]" />
+            </div>
+        </div>
+        <div class="mt-10">
+            <h3 class="mb-6 text-xl font-bold md:text-3xl">Popular Topics</h3>
+            <div class="grid grid-cols-1 gap-5 sm:grid-cols-2 xl:grid-cols-4">
+                <div class="space-y-5 rounded-md border border-white-light bg-white p-5 shadow-[0px_0px_2px_0px_rgba(145,158,171,0.20),0px_12px_24px_-4px_rgba(145,158,171,0.12)] dark:border-[#1B2E4B] dark:bg-black">
+                    <div class="max-h-56 overflow-hidden rounded-md">
+                        <img src="/assets/images/knowledge/image-1.jpg" alt="..." class="w-full object-cover" />
+                    </div>
+                    <h5 class="text-xl dark:text-white">Excessive sugar is harmful</h5>
+                    <div class="flex">
+                        <div class="me-4 overflow-hidden rounded-full bg-white-dark">
+                            <img src="/assets/images/profile-1.jpeg" class="h-11 w-11 object-cover" alt="profile1" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="mb-1.5 font-semibold dark:text-white">Alma Clark</h4>
+                            <p>06 May</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="space-y-5 rounded-md border border-white-light bg-white p-5 shadow-[0px_0px_2px_0px_rgba(145,158,171,0.20),0px_12px_24px_-4px_rgba(145,158,171,0.12)] dark:border-[#1B2E4B] dark:bg-black">
+                    <div class="max-h-56 overflow-hidden rounded-md">
+                        <img src="/assets/images/knowledge/image-2.jpg" alt="..." class="w-full object-cover" />
+                    </div>
+                    <h5 class="text-xl dark:text-white">Creative Photography</h5>
+                    <div class="flex">
+                        <div class="me-4 overflow-hidden rounded-full bg-white-dark">
+                            <img src="/assets/images/profile-2.jpeg" class="h-11 w-11 object-cover" alt="profile1" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="mb-1.5 font-semibold dark:text-white">Alma Clark</h4>
+                            <p>06 May</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="space-y-5 rounded-md border border-white-light bg-white p-5 shadow-[0px_0px_2px_0px_rgba(145,158,171,0.20),0px_12px_24px_-4px_rgba(145,158,171,0.12)] dark:border-[#1B2E4B] dark:bg-black">
+                    <div class="max-h-56 overflow-hidden rounded-md">
+                        <img src="/assets/images/knowledge/image-3.jpg" alt="..." class="w-full object-cover" />
+                    </div>
+                    <h5 class="text-xl dark:text-white">Plan your next trip</h5>
+                    <div class="flex">
+                        <div class="me-4 overflow-hidden rounded-full bg-white-dark">
+                            <img src="/assets/images/profile-3.jpeg" class="h-11 w-11 object-cover" alt="profile1" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="mb-1.5 font-semibold dark:text-white">Alma Clark</h4>
+                            <p>06 May</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="space-y-5 rounded-md border border-white-light bg-white p-5 shadow-[0px_0px_2px_0px_rgba(145,158,171,0.20),0px_12px_24px_-4px_rgba(145,158,171,0.12)] dark:border-[#1B2E4B] dark:bg-black">
+                    <div class="max-h-56 overflow-hidden rounded-md">
+                        <img src="/assets/images/knowledge/image-4.jpg" alt="..." class="w-full object-cover" />
+                    </div>
+                    <h5 class="text-xl dark:text-white">My latest Vlog</h5>
+                    <div class="flex">
+                        <div class="me-4 overflow-hidden rounded-full bg-white-dark">
+                            <img src="/assets/images/profile-4.jpeg" class="h-11 w-11 object-cover" alt="profile1" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="mb-1.5 font-semibold dark:text-white">Alma Clark</h4>
+                            <p>06 May</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="mt-10 lg:mt-16" x-data="modal">
+            <h3 class="mb-6 text-xl font-bold md:text-3xl">Popular Video Tutorial</h3>
+            <div class="grid grid-cols-1 gap-5 sm:grid-cols-2 xl:grid-cols-4">
+                <template x-for="(item, i) in items" :key="i">
+                    <div class="space-y-5 rounded-md border border-white-light bg-white p-5 shadow-[0px_0px_2px_0px_rgba(145,158,171,0.20),0px_12px_24px_-4px_rgba(145,158,171,0.12)] dark:border-[#1B2E4B] dark:bg-black">
+                        <div class="relative h-[340px] overflow-hidden rounded-md group">
+                            <img :src="item.src" alt="video tutorial" class="h-full w-full object-cover cursor-pointer" @click="toggle" />
+                            <button type="button" class="absolute left-1/2 top-1/2 grid h-[62px] w-[62px] -translate-x-1/2 -translate-y-1/2 place-content-center rounded-full text-white duration-300 group-hover:scale-110"
+                                @click="toggle">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-[62px] w-[62px]">
+                                    <path fill-rule="evenodd" clip-rule="evenodd"
+                                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM13.0261 9.27496C12.7888 9.10835 12.5201 8.93601 12.2419 8.76684C11.1695 8.1147 10.6333 7.78863 10.1524 8.14964C9.6715 8.51065 9.62779 9.2664 9.54038 10.7779C9.51566 11.2053 9.5 11.6244 9.5 12C9.5 12.3757 9.51566 12.7947 9.54038 13.2222C9.62779 14.7337 9.6715 15.4894 10.1524 15.8504C10.6333 16.2115 11.1695 15.8854 12.2419 15.2333C12.5201 15.0641 12.7888 14.8917 13.0261 14.7251C13.2966 14.5352 13.5909 14.3073 13.8876 14.0652C14.9625 13.1884 15.5 12.7499 15.5 12C15.5 11.2502 14.9625 10.8117 13.8876 9.93485C13.5909 9.69278 13.2966 9.46488 13.0261 9.27496Z"
+                                        fill="currentColor" />
+                                </svg>
+                            </button>
+                            <div class="absolute bottom-0 left-0 w-full bg-white/30 px-5 py-[22px] text-center text-xl text-white backdrop-blur-[5px]">
+                                Excessive sugar is harmful
+                            </div>
+                        </div>
+                    </div>
+                </template>
+            </div>
+            <div class="fixed inset-0 z-[999] hidden overflow-y-auto bg-[black]/60" :class="open && '!block'">
+                <div class="flex min-h-screen items-start justify-center px-4" @click.self="open = false">
+                    <div x-show="open" x-transition x-transition.duration.300 class="my-8 w-full max-w-3xl overflow-hidden">
+                        <div class="text-right">
+                            <button type="button" class="text-white-dark hover:text-dark" @click="toggle">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
+                                    class="h-6 w-6">
+                                    <line x1="18" y1="6" x2="6" y2="18"></line>
+                                    <line x1="6" y1="6" x2="18" y2="18"></line>
+                                </svg>
+                            </button>
+                        </div>
+                        <iframe src="https://www.youtube.com/embed/tgbNymZ7vqY" class="h-[250px] w-full md:h-[550px]"></iframe>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data('knowledge', () => ({
+                items: [{
+                        src: '/assets/images/knowledge/image-5.jpg',
+                        title: 'Excessive sugar is harmful',
+                    },
+                    {
+                        src: '/assets/images/knowledge/image-6.jpg',
+                        title: 'Creative Photography',
+                    },
+                    {
+                        src: '/assets/images/knowledge/image-7.jpg',
+                        title: 'Plan your next trip',
+                    },
+                    {
+                        src: '/assets/images/knowledge/image-8.jpg',
+                        title: 'My latest Vlog',
+                    },
+                ],
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/pages/maintenence.blade.php b/resources/views/pages/maintenence.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..12fa5cd701ab5700dd8bd3f7c4b744e640709a0a
--- /dev/null
+++ b/resources/views/pages/maintenence.blade.php
@@ -0,0 +1,22 @@
+<x-layout.auth>
+
+    <div class="relative flex min-h-screen items-center justify-center overflow-hidden">
+        <div
+            class="px-6 py-16 text-center font-semibold before:container before:absolute before:left-1/2 before:-translate-x-1/2 before:rounded-full before:bg-[linear-gradient(180deg,#4361EE_0%,rgba(67,97,238,0)_50.73%)] before:aspect-square before:opacity-10 md:py-20">
+            <div class="relative">
+                <img :src="$store.app.theme === 'dark' || $store.app.isDarkMode ? '/assets/images/error/maintenence-dark.svg' : '/assets/images/error/maintenence-light.svg'" alt="maintenence"
+                    class="mx-auto -mt-10 w-full max-w-xs object-cover md:-mt-20 md:max-w-lg" />
+                <div class="-mt-8 font-semibold dark:text-white">
+                    <h2 class="mb-5 text-3xl font-bold text-primary md:text-5xl">Under Maintenance</h2>
+                    <h4 class="mb-7 text-xl sm:text-2xl">Thank you for visiting us.</h4>
+                    <p class="text-base">
+                        We are currently working on making some improvements <br class="hidden sm:block" />to give you better user experience. <br />
+                        <br />Please visit us again shortly.
+                    </p>
+                </div>
+                <a href="/" class="btn btn-gradient mx-auto !mt-7 w-max border-0 uppercase shadow-none">Home</a>
+            </div>
+        </div>
+    </div>
+
+</x-layout.auth>
diff --git a/resources/views/policy.blade.php b/resources/views/policy.blade.php
deleted file mode 100644
index 4bd33263dbf80b1305a8963bcea3e346b46038ee..0000000000000000000000000000000000000000
--- a/resources/views/policy.blade.php
+++ /dev/null
@@ -1,13 +0,0 @@
-<x-guest-layout>
-    <div class="pt-4 bg-gray-100">
-        <div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
-            <div>
-                <x-authentication-card-logo />
-            </div>
-
-            <div class="w-full sm:max-w-2xl mt-6 p-6 bg-white shadow-md overflow-hidden sm:rounded-lg prose">
-                {!! $policy !!}
-            </div>
-        </div>
-    </div>
-</x-guest-layout>
diff --git a/resources/views/profile/delete-user-form.blade.php b/resources/views/profile/delete-user-form.blade.php
deleted file mode 100644
index bb9e4793d58a43d3793117ea3ded3cdec07a514b..0000000000000000000000000000000000000000
--- a/resources/views/profile/delete-user-form.blade.php
+++ /dev/null
@@ -1,53 +0,0 @@
-<x-action-section>
-    <x-slot name="title">
-        {{ __('Delete Account') }}
-    </x-slot>
-
-    <x-slot name="description">
-        {{ __('Permanently delete your account.') }}
-    </x-slot>
-
-    <x-slot name="content">
-        <div class="max-w-xl text-sm text-gray-600">
-            {{ __('Once your account is deleted, all of its resources and data will be permanently deleted. Before deleting your account, please download any data or information that you wish to retain.') }}
-        </div>
-
-        <div class="mt-5">
-            <x-danger-button wire:click="confirmUserDeletion" wire:loading.attr="disabled">
-                {{ __('Delete Account') }}
-            </x-danger-button>
-        </div>
-
-        <!-- Delete User Confirmation Modal -->
-        <x-dialog-modal wire:model.live="confirmingUserDeletion">
-            <x-slot name="title">
-                {{ __('Delete Account') }}
-            </x-slot>
-
-            <x-slot name="content">
-                {{ __('Are you sure you want to delete your account? Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.') }}
-
-                <div class="mt-4" x-data="{}" x-on:confirming-delete-user.window="setTimeout(() => $refs.password.focus(), 250)">
-                    <x-input type="password" class="mt-1 block w-3/4"
-                                autocomplete="current-password"
-                                placeholder="{{ __('Password') }}"
-                                x-ref="password"
-                                wire:model="password"
-                                wire:keydown.enter="deleteUser" />
-
-                    <x-input-error for="password" class="mt-2" />
-                </div>
-            </x-slot>
-
-            <x-slot name="footer">
-                <x-secondary-button wire:click="$toggle('confirmingUserDeletion')" wire:loading.attr="disabled">
-                    {{ __('Cancel') }}
-                </x-secondary-button>
-
-                <x-danger-button class="ms-3" wire:click="deleteUser" wire:loading.attr="disabled">
-                    {{ __('Delete Account') }}
-                </x-danger-button>
-            </x-slot>
-        </x-dialog-modal>
-    </x-slot>
-</x-action-section>
diff --git a/resources/views/profile/logout-other-browser-sessions-form.blade.php b/resources/views/profile/logout-other-browser-sessions-form.blade.php
deleted file mode 100644
index e4d935e7f3b9fe6f0c25c889cb233cdfe134bfa8..0000000000000000000000000000000000000000
--- a/resources/views/profile/logout-other-browser-sessions-form.blade.php
+++ /dev/null
@@ -1,98 +0,0 @@
-<x-action-section>
-    <x-slot name="title">
-        {{ __('Browser Sessions') }}
-    </x-slot>
-
-    <x-slot name="description">
-        {{ __('Manage and log out your active sessions on other browsers and devices.') }}
-    </x-slot>
-
-    <x-slot name="content">
-        <div class="max-w-xl text-sm text-gray-600">
-            {{ __('If necessary, you may log out of all of your other browser sessions across all of your devices. Some of your recent sessions are listed below; however, this list may not be exhaustive. If you feel your account has been compromised, you should also update your password.') }}
-        </div>
-
-        @if (count($this->sessions) > 0)
-            <div class="mt-5 space-y-6">
-                <!-- Other Browser Sessions -->
-                @foreach ($this->sessions as $session)
-                    <div class="flex items-center">
-                        <div>
-                            @if ($session->agent->isDesktop())
-                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-gray-500">
-                                    <path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25" />
-                                </svg>
-                            @else
-                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-gray-500">
-                                    <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3" />
-                                </svg>
-                            @endif
-                        </div>
-
-                        <div class="ms-3">
-                            <div class="text-sm text-gray-600">
-                                {{ $session->agent->platform() ? $session->agent->platform() : __('Unknown') }} - {{ $session->agent->browser() ? $session->agent->browser() : __('Unknown') }}
-                            </div>
-
-                            <div>
-                                <div class="text-xs text-gray-500">
-                                    {{ $session->ip_address }},
-
-                                    @if ($session->is_current_device)
-                                        <span class="text-green-500 font-semibold">{{ __('This device') }}</span>
-                                    @else
-                                        {{ __('Last active') }} {{ $session->last_active }}
-                                    @endif
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                @endforeach
-            </div>
-        @endif
-
-        <div class="flex items-center mt-5">
-            <x-button wire:click="confirmLogout" wire:loading.attr="disabled">
-                {{ __('Log Out Other Browser Sessions') }}
-            </x-button>
-
-            <x-action-message class="ms-3" on="loggedOut">
-                {{ __('Done.') }}
-            </x-action-message>
-        </div>
-
-        <!-- Log Out Other Devices Confirmation Modal -->
-        <x-dialog-modal wire:model.live="confirmingLogout">
-            <x-slot name="title">
-                {{ __('Log Out Other Browser Sessions') }}
-            </x-slot>
-
-            <x-slot name="content">
-                {{ __('Please enter your password to confirm you would like to log out of your other browser sessions across all of your devices.') }}
-
-                <div class="mt-4" x-data="{}" x-on:confirming-logout-other-browser-sessions.window="setTimeout(() => $refs.password.focus(), 250)">
-                    <x-input type="password" class="mt-1 block w-3/4"
-                                autocomplete="current-password"
-                                placeholder="{{ __('Password') }}"
-                                x-ref="password"
-                                wire:model="password"
-                                wire:keydown.enter="logoutOtherBrowserSessions" />
-
-                    <x-input-error for="password" class="mt-2" />
-                </div>
-            </x-slot>
-
-            <x-slot name="footer">
-                <x-secondary-button wire:click="$toggle('confirmingLogout')" wire:loading.attr="disabled">
-                    {{ __('Cancel') }}
-                </x-secondary-button>
-
-                <x-button class="ms-3"
-                            wire:click="logoutOtherBrowserSessions"
-                            wire:loading.attr="disabled">
-                    {{ __('Log Out Other Browser Sessions') }}
-                </x-button>
-            </x-slot>
-        </x-dialog-modal>
-    </x-slot>
-</x-action-section>
diff --git a/resources/views/profile/show.blade.php b/resources/views/profile/show.blade.php
deleted file mode 100644
index bd22d98d1de4e435883f4025c6140c8920171a5f..0000000000000000000000000000000000000000
--- a/resources/views/profile/show.blade.php
+++ /dev/null
@@ -1,45 +0,0 @@
-<x-app-layout>
-    <x-slot name="header">
-        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
-            {{ __('Profile') }}
-        </h2>
-    </x-slot>
-
-    <div>
-        <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
-            @if (Laravel\Fortify\Features::canUpdateProfileInformation())
-                @livewire('profile.update-profile-information-form')
-
-                <x-section-border />
-            @endif
-
-            @if (Laravel\Fortify\Features::enabled(Laravel\Fortify\Features::updatePasswords()))
-                <div class="mt-10 sm:mt-0">
-                    @livewire('profile.update-password-form')
-                </div>
-
-                <x-section-border />
-            @endif
-
-            @if (Laravel\Fortify\Features::canManageTwoFactorAuthentication())
-                <div class="mt-10 sm:mt-0">
-                    @livewire('profile.two-factor-authentication-form')
-                </div>
-
-                <x-section-border />
-            @endif
-
-            <div class="mt-10 sm:mt-0">
-                @livewire('profile.logout-other-browser-sessions-form')
-            </div>
-
-            @if (Laravel\Jetstream\Jetstream::hasAccountDeletionFeatures())
-                <x-section-border />
-
-                <div class="mt-10 sm:mt-0">
-                    @livewire('profile.delete-user-form')
-                </div>
-            @endif
-        </div>
-    </div>
-</x-app-layout>
diff --git a/resources/views/profile/two-factor-authentication-form.blade.php b/resources/views/profile/two-factor-authentication-form.blade.php
deleted file mode 100644
index 60c476fd18dc24bc4cd457a69d3bc0ee981bef22..0000000000000000000000000000000000000000
--- a/resources/views/profile/two-factor-authentication-form.blade.php
+++ /dev/null
@@ -1,124 +0,0 @@
-<x-action-section>
-    <x-slot name="title">
-        {{ __('Two Factor Authentication') }}
-    </x-slot>
-
-    <x-slot name="description">
-        {{ __('Add additional security to your account using two factor authentication.') }}
-    </x-slot>
-
-    <x-slot name="content">
-        <h3 class="text-lg font-medium text-gray-900">
-            @if ($this->enabled)
-                @if ($showingConfirmation)
-                    {{ __('Finish enabling two factor authentication.') }}
-                @else
-                    {{ __('You have enabled two factor authentication.') }}
-                @endif
-            @else
-                {{ __('You have not enabled two factor authentication.') }}
-            @endif
-        </h3>
-
-        <div class="mt-3 max-w-xl text-sm text-gray-600">
-            <p>
-                {{ __('When two factor authentication is enabled, you will be prompted for a secure, random token during authentication. You may retrieve this token from your phone\'s Google Authenticator application.') }}
-            </p>
-        </div>
-
-        @if ($this->enabled)
-            @if ($showingQrCode)
-                <div class="mt-4 max-w-xl text-sm text-gray-600">
-                    <p class="font-semibold">
-                        @if ($showingConfirmation)
-                            {{ __('To finish enabling two factor authentication, scan the following QR code using your phone\'s authenticator application or enter the setup key and provide the generated OTP code.') }}
-                        @else
-                            {{ __('Two factor authentication is now enabled. Scan the following QR code using your phone\'s authenticator application or enter the setup key.') }}
-                        @endif
-                    </p>
-                </div>
-
-                <div class="mt-4 p-2 inline-block bg-white">
-                    {!! $this->user->twoFactorQrCodeSvg() !!}
-                </div>
-
-                <div class="mt-4 max-w-xl text-sm text-gray-600">
-                    <p class="font-semibold">
-                        {{ __('Setup Key') }}: {{ decrypt($this->user->two_factor_secret) }}
-                    </p>
-                </div>
-
-                @if ($showingConfirmation)
-                    <div class="mt-4">
-                        <x-label for="code" value="{{ __('Code') }}" />
-
-                        <x-input id="code" type="text" name="code" class="block mt-1 w-1/2" inputmode="numeric" autofocus autocomplete="one-time-code"
-                            wire:model="code"
-                            wire:keydown.enter="confirmTwoFactorAuthentication" />
-
-                        <x-input-error for="code" class="mt-2" />
-                    </div>
-                @endif
-            @endif
-
-            @if ($showingRecoveryCodes)
-                <div class="mt-4 max-w-xl text-sm text-gray-600">
-                    <p class="font-semibold">
-                        {{ __('Store these recovery codes in a secure password manager. They can be used to recover access to your account if your two factor authentication device is lost.') }}
-                    </p>
-                </div>
-
-                <div class="grid gap-1 max-w-xl mt-4 px-4 py-4 font-mono text-sm bg-gray-100 rounded-lg">
-                    @foreach (json_decode(decrypt($this->user->two_factor_recovery_codes), true) as $code)
-                        <div>{{ $code }}</div>
-                    @endforeach
-                </div>
-            @endif
-        @endif
-
-        <div class="mt-5">
-            @if (! $this->enabled)
-                <x-confirms-password wire:then="enableTwoFactorAuthentication">
-                    <x-button type="button" wire:loading.attr="disabled">
-                        {{ __('Enable') }}
-                    </x-button>
-                </x-confirms-password>
-            @else
-                @if ($showingRecoveryCodes)
-                    <x-confirms-password wire:then="regenerateRecoveryCodes">
-                        <x-secondary-button class="me-3">
-                            {{ __('Regenerate Recovery Codes') }}
-                        </x-secondary-button>
-                    </x-confirms-password>
-                @elseif ($showingConfirmation)
-                    <x-confirms-password wire:then="confirmTwoFactorAuthentication">
-                        <x-button type="button" class="me-3" wire:loading.attr="disabled">
-                            {{ __('Confirm') }}
-                        </x-button>
-                    </x-confirms-password>
-                @else
-                    <x-confirms-password wire:then="showRecoveryCodes">
-                        <x-secondary-button class="me-3">
-                            {{ __('Show Recovery Codes') }}
-                        </x-secondary-button>
-                    </x-confirms-password>
-                @endif
-
-                @if ($showingConfirmation)
-                    <x-confirms-password wire:then="disableTwoFactorAuthentication">
-                        <x-secondary-button wire:loading.attr="disabled">
-                            {{ __('Cancel') }}
-                        </x-secondary-button>
-                    </x-confirms-password>
-                @else
-                    <x-confirms-password wire:then="disableTwoFactorAuthentication">
-                        <x-danger-button wire:loading.attr="disabled">
-                            {{ __('Disable') }}
-                        </x-danger-button>
-                    </x-confirms-password>
-                @endif
-
-            @endif
-        </div>
-    </x-slot>
-</x-action-section>
diff --git a/resources/views/profile/update-password-form.blade.php b/resources/views/profile/update-password-form.blade.php
deleted file mode 100644
index fc1ebf7fbebd7e527ec0ea887ff159edd0110878..0000000000000000000000000000000000000000
--- a/resources/views/profile/update-password-form.blade.php
+++ /dev/null
@@ -1,39 +0,0 @@
-<x-form-section submit="updatePassword">
-    <x-slot name="title">
-        {{ __('Update Password') }}
-    </x-slot>
-
-    <x-slot name="description">
-        {{ __('Ensure your account is using a long, random password to stay secure.') }}
-    </x-slot>
-
-    <x-slot name="form">
-        <div class="col-span-6 sm:col-span-4">
-            <x-label for="current_password" value="{{ __('Current Password') }}" />
-            <x-input id="current_password" type="password" class="mt-1 block w-full" wire:model="state.current_password" autocomplete="current-password" />
-            <x-input-error for="current_password" class="mt-2" />
-        </div>
-
-        <div class="col-span-6 sm:col-span-4">
-            <x-label for="password" value="{{ __('New Password') }}" />
-            <x-input id="password" type="password" class="mt-1 block w-full" wire:model="state.password" autocomplete="new-password" />
-            <x-input-error for="password" class="mt-2" />
-        </div>
-
-        <div class="col-span-6 sm:col-span-4">
-            <x-label for="password_confirmation" value="{{ __('Confirm Password') }}" />
-            <x-input id="password_confirmation" type="password" class="mt-1 block w-full" wire:model="state.password_confirmation" autocomplete="new-password" />
-            <x-input-error for="password_confirmation" class="mt-2" />
-        </div>
-    </x-slot>
-
-    <x-slot name="actions">
-        <x-action-message class="me-3" on="saved">
-            {{ __('Saved.') }}
-        </x-action-message>
-
-        <x-button>
-            {{ __('Save') }}
-        </x-button>
-    </x-slot>
-</x-form-section>
diff --git a/resources/views/profile/update-profile-information-form.blade.php b/resources/views/profile/update-profile-information-form.blade.php
deleted file mode 100644
index 8bad6d7c5ff1d29e8c5aab423a6bcd5daf584a0e..0000000000000000000000000000000000000000
--- a/resources/views/profile/update-profile-information-form.blade.php
+++ /dev/null
@@ -1,95 +0,0 @@
-<x-form-section submit="updateProfileInformation">
-    <x-slot name="title">
-        {{ __('Profile Information') }}
-    </x-slot>
-
-    <x-slot name="description">
-        {{ __('Update your account\'s profile information and email address.') }}
-    </x-slot>
-
-    <x-slot name="form">
-        <!-- Profile Photo -->
-        @if (Laravel\Jetstream\Jetstream::managesProfilePhotos())
-            <div x-data="{photoName: null, photoPreview: null}" class="col-span-6 sm:col-span-4">
-                <!-- Profile Photo File Input -->
-                <input type="file" id="photo" class="hidden"
-                            wire:model.live="photo"
-                            x-ref="photo"
-                            x-on:change="
-                                    photoName = $refs.photo.files[0].name;
-                                    const reader = new FileReader();
-                                    reader.onload = (e) => {
-                                        photoPreview = e.target.result;
-                                    };
-                                    reader.readAsDataURL($refs.photo.files[0]);
-                            " />
-
-                <x-label for="photo" value="{{ __('Photo') }}" />
-
-                <!-- Current Profile Photo -->
-                <div class="mt-2" x-show="! photoPreview">
-                    <img src="{{ $this->user->profile_photo_url }}" alt="{{ $this->user->name }}" class="rounded-full h-20 w-20 object-cover">
-                </div>
-
-                <!-- New Profile Photo Preview -->
-                <div class="mt-2" x-show="photoPreview" style="display: none;">
-                    <span class="block rounded-full w-20 h-20 bg-cover bg-no-repeat bg-center"
-                          x-bind:style="'background-image: url(\'' + photoPreview + '\');'">
-                    </span>
-                </div>
-
-                <x-secondary-button class="mt-2 me-2" type="button" x-on:click.prevent="$refs.photo.click()">
-                    {{ __('Select A New Photo') }}
-                </x-secondary-button>
-
-                @if ($this->user->profile_photo_path)
-                    <x-secondary-button type="button" class="mt-2" wire:click="deleteProfilePhoto">
-                        {{ __('Remove Photo') }}
-                    </x-secondary-button>
-                @endif
-
-                <x-input-error for="photo" class="mt-2" />
-            </div>
-        @endif
-
-        <!-- Name -->
-        <div class="col-span-6 sm:col-span-4">
-            <x-label for="name" value="{{ __('Name') }}" />
-            <x-input id="name" type="text" class="mt-1 block w-full" wire:model="state.name" required autocomplete="name" />
-            <x-input-error for="name" class="mt-2" />
-        </div>
-
-        <!-- Email -->
-        <div class="col-span-6 sm:col-span-4">
-            <x-label for="username" value="{{ __('Username') }}" />
-            <x-input id="username" type="text" class="mt-1 block w-full" wire:model="state.username" required autocomplete="username" />
-            <x-input-error for="username" class="mt-2" />
-
-            @if (Laravel\Fortify\Features::enabled(Laravel\Fortify\Features::emailVerification()) && ! $this->user->hasVerifiedEmail())
-                <p class="text-sm mt-2">
-                    {{ __('Your email address is unverified.') }}
-
-                    <button type="button" class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" wire:click.prevent="sendEmailVerification">
-                        {{ __('Click here to re-send the verification email.') }}
-                    </button>
-                </p>
-
-                @if ($this->verificationLinkSent)
-                    <p class="mt-2 font-medium text-sm text-green-600">
-                        {{ __('A new verification link has been sent to your email address.') }}
-                    </p>
-                @endif
-            @endif
-        </div>
-    </x-slot>
-
-    <x-slot name="actions">
-        <x-action-message class="me-3" on="saved">
-            {{ __('Saved.') }}
-        </x-action-message>
-
-        <x-button wire:loading.attr="disabled" wire:target="photo">
-            {{ __('Save') }}
-        </x-button>
-    </x-slot>
-</x-form-section>
diff --git a/resources/views/tables.blade.php b/resources/views/tables.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..3e711846481aba59cc7fc1951a038e58df5b91da
--- /dev/null
+++ b/resources/views/tables.blade.php
@@ -0,0 +1,1486 @@
+<x-layout.default>
+
+
+    <div>
+        <div class="grid grid-cols-1 xl:grid-cols-2 gap-6" x-data="form">
+            <!-- Basic -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Simple Table</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')">
+                        <span class="flex items-center">
+
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="table-responsive">
+                        <table>
+                            <thead>
+                                <tr>
+                                    <th>Name</th>
+                                    <th>Date</th>
+                                    <th>Sale</th>
+                                    <th class="text-center">Status</th>
+                                    <th class="text-center">Action </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <template x-for="data in tableData" :key="data.id">
+                                    <tr>
+                                        <td x-text="data.name" class="whitespace-nowrap"></td>
+                                        <td x-text="data.date"></td>
+                                        <td x-text="data.sale"></td>
+                                        <td class="text-center whitespace-nowrap"
+                                            :class="{
+                                                'text-success': data.status === 'Complete',
+                                                'text-secondary': data
+                                                    .status === 'Pending',
+                                                'text-info': data.status ===
+                                                    'In Progress',
+                                                'text-danger': data.status === 'Canceled'
+                                            }"
+                                            x-text="data.status"></td>
+                                        <td class="text-center">
+                                            <button type="button" x-tooltip="Delete">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 m-auto">
+                                                    <path d="M20.5001 6H3.5" stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path
+                                                        d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path opacity="0.5" d="M9.5 11L10 16" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round" />
+                                                    <path opacity="0.5" d="M14.5 11L14 16" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round" />
+                                                    <path opacity="0.5"
+                                                        d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                            </button>
+                                        </td>
+                                    </tr>
+                                </template>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic table --&gt;
+    &lt;div class=&quot;table-responsive&quot;&gt;
+        &lt;table&gt;
+            &lt;thead&gt;
+                &lt;tr&gt;
+                    &lt;th&gt;Name&lt;/th&gt;
+                    &lt;th&gt;Date&lt;/th&gt;
+                    &lt;th&gt;Sale&lt;/th&gt;
+                    &lt;th class=&quot;text-center&quot;&gt;Status&lt;/th&gt;
+                    &lt;th class=&quot;text-center&quot;&gt;Action &lt;/th&gt;
+                &lt;/tr&gt;
+            &lt;/thead&gt;
+            &lt;tbody&gt;
+                &lt;template x-for=&quot;data in tableData&quot; :key=&quot;data.id&quot;&gt;
+                    &lt;tr&gt;
+                        &lt;td x-text=&quot;data.name&quot; class=&quot;whitespace-nowrap&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.date&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.sale&quot;&gt;&lt;/td&gt;
+                        &lt;td class=&quot;text-center whitespace-nowrap&quot; :class=&quot;{'text-success': data.status === 'Complete', 'text-secondary': data.status === 'Pending', 'text-info': data.status === 'In Progress', 'text-danger': data.status === 'Canceled'}&quot; x-text=&quot;data.status&quot;&gt;&lt;/td&gt;
+                        &lt;td class=&quot;text-center&quot;&gt;
+                            &lt;button type=&quot;button&quot; x-tooltip=&quot;Delete&quot;&gt;
+                                &lt;svg&gt; ... &lt;/svg&gt;
+                            &lt;/button&gt;
+                        &lt;/td&gt;
+                    &lt;/tr&gt;
+                &lt;/template&gt;
+            &lt;/tbody&gt;
+        &lt;/table&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                tableData: [{
+                        id: 1,
+                        name: 'John Doe',
+                        email: 'johndoe@yahoo.com',
+                        date: '10/08/2020',
+                        sale: 120,
+                        status: 'Complete',
+                        register: '5 min ago',
+                        progress: '40%',
+                        position: 'Developer',
+                        office: 'London'
+                    },
+                    ......
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- Hover Table -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Hover Table</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="table-responsive">
+                        <table class="table-hover">
+                            <thead>
+                                <tr>
+                                    <th>Name</th>
+                                    <th>Date</th>
+                                    <th>Sale</th>
+                                    <th class="text-center">Status</th>
+                                    <th class="text-center">Action</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <template x-for="data in tableData" :key="data.id">
+                                    <tr>
+                                        <td x-text="data.name" class="whitespace-nowrap"></td>
+                                        <td x-text="data.date"></td>
+                                        <td x-text="data.sale"></td>
+                                        <td class="text-center whitespace-nowrap"
+                                            :class="{
+                                                'text-success': data.status === 'Complete',
+                                                'text-secondary': data
+                                                    .status === 'Pending',
+                                                'text-info': data.status ===
+                                                    'In Progress',
+                                                'text-danger': data.status === 'Canceled'
+                                            }"
+                                            x-text="data.status"></td>
+                                        <td class="text-center">
+                                            <button type="button" x-tooltip="Delete">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5 m-auto">
+                                                    <path d="M20.5001 6H3.5" stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path
+                                                        d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path opacity="0.5" d="M9.5 11L10 16" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round" />
+                                                    <path opacity="0.5" d="M14.5 11L14 16" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round" />
+                                                    <path opacity="0.5"
+                                                        d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                            </button>
+                                        </td>
+                                    </tr>
+                                </template>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- hover table --&gt;
+    &lt;div class=&quot;table-responsive&quot;&gt;
+        &lt;table class=&quot;table-hover&quot;&gt;
+            &lt;thead&gt;
+                &lt;tr&gt;
+                    &lt;th&gt;Name&lt;/th&gt;
+                    &lt;th&gt;Date&lt;/th&gt;
+                    &lt;th&gt;Sale&lt;/th&gt;
+                    &lt;th class=&quot;text-center&quot;&gt;Status&lt;/th&gt;
+                    &lt;th class=&quot;text-center&quot;&gt;Action&lt;/th&gt;
+                &lt;/tr&gt;
+            &lt;/thead&gt;
+            &lt;tbody&gt;
+                &lt;template x-for=&quot;data in tableData&quot; :key=&quot;data.id&quot;&gt;
+                    &lt;tr&gt;
+                        &lt;td x-text=&quot;data.name&quot; class=&quot;whitespace-nowrap&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.date&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.sale&quot;&gt;&lt;/td&gt;
+                        &lt;td class=&quot;text-center whitespace-nowrap&quot; :class=&quot;{'text-success': data.status === 'Complete', 'text-secondary': data.status === 'Pending', 'text-info': data.status === 'In Progress', 'text-danger': data.status === 'Canceled'}&quot; x-text=&quot;data.status&quot;&gt;&lt;/td&gt;
+                        &lt;td class=&quot;text-center&quot;&gt;
+                            &lt;button type=&quot;button&quot; x-tooltip=&quot;Delete&quot;&gt;
+                                &lt;svg&gt; ... &lt;/svg&gt;
+                            &lt;/button&gt;
+                        &lt;/td&gt;
+                    &lt;/tr&gt;
+                &lt;/template&gt;
+            &lt;/tbody&gt;
+        &lt;/table&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                tableData: [{
+                        id: 1,
+                        name: 'John Doe',
+                        email: 'johndoe@yahoo.com',
+                        date: '10/08/2020',
+                        sale: 120,
+                        status: 'Complete',
+                        register: '5 min ago',
+                        progress: '40%',
+                        position: 'Developer',
+                        office: 'London'
+                    },
+                    ......
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- stripped table -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Striped Table</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="table-responsive">
+                        <table class="table-striped">
+                            <thead>
+                                <tr>
+                                    <th>Name</th>
+                                    <th>Date</th>
+                                    <th>Sale</th>
+                                    <th></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <template x-for="data in tableData" :key="data.id">
+                                    <tr>
+                                        <td x-text="data.name" class="whitespace-nowrap"></td>
+                                        <td x-text="data.date"></td>
+                                        <td x-text="data.sale"></td>
+                                        <td class="text-center">
+                                            <button type="button" x-tooltip="Delete">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5 m-auto">
+                                                    <path d="M20.5001 6H3.5" stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path
+                                                        d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path opacity="0.5" d="M9.5 11L10 16" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round" />
+                                                    <path opacity="0.5" d="M14.5 11L14 16" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round" />
+                                                    <path opacity="0.5"
+                                                        d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                            </button>
+                                        </td>
+                                    </tr>
+                                </template>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- striped table --&gt;
+    &lt;div class=&quot;table-responsive&quot;&gt;
+        &lt;table class=&quot;table-striped&quot;&gt;
+            &lt;thead&gt;
+                &lt;tr&gt;
+                    &lt;th&gt;Name&lt;/th&gt;
+                    &lt;th&gt;Date&lt;/th&gt;
+                    &lt;th&gt;Sale&lt;/th&gt;
+                    &lt;th&gt;&lt;/th&gt;
+                &lt;/tr&gt;
+            &lt;/thead&gt;
+            &lt;tbody&gt;
+                &lt;template x-for=&quot;data in tableData&quot; :key=&quot;data.id&quot;&gt;
+                    &lt;tr&gt;
+                        &lt;td x-text=&quot;data.name&quot; class=&quot;whitespace-nowrap&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.date&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.sale&quot;&gt;&lt;/td&gt;
+                        &lt;td class=&quot;text-center&quot;&gt;
+                            &lt;button type=&quot;button&quot; x-tooltip=&quot;Delete&quot;&gt;
+                                &lt;svg&gt; ... &lt;/svg&gt;
+                            &lt;/button&gt;
+                        &lt;/td&gt;
+                    &lt;/tr&gt;
+                &lt;/template&gt;
+            &lt;/tbody&gt;
+        &lt;/table&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                tableData: [{
+                        id: 1,
+                        name: 'John Doe',
+                        email: 'johndoe@yahoo.com',
+                        date: '10/08/2020',
+                        sale: 120,
+                        status: 'Complete',
+                        register: '5 min ago',
+                        progress: '40%',
+                        position: 'Developer',
+                        office: 'London'
+                    },
+                    ......
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- Table Light -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Table Light</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code4')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="table-responsive">
+                        <table class="table-hover">
+                            <thead>
+                                <tr class="!bg-transparent dark:!bg-transparent">
+                                    <th>#</th>
+                                    <th>Name</th>
+                                    <th>Email</th>
+                                    <th>Created At</th>
+                                    <th class="text-center"></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <template x-for="data in tableData" :key="data.id">
+                                    <tr>
+                                        <td x-text="data.id"></td>
+                                        <td x-text="data.name" class="whitespace-nowrap"></td>
+                                        <td x-text="data.email"></td>
+                                        <td x-text="data.date"></td>
+                                        <td class="text-center">
+                                            <button type="button" x-tooltip="Delete">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5 m-auto">
+                                                    <circle opacity="0.5" cx="12" cy="12"
+                                                        r="10" stroke="currentColor" stroke-width="1.5" />
+                                                    <path d="M14.5 9.50002L9.5 14.5M9.49998 9.5L14.5 14.5"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                </svg>
+                                            </button>
+                                        </td>
+                                    </tr>
+                                </template>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code4')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- table light --&gt;
+    &lt;div class=&quot;table-responsive&quot;&gt;
+        &lt;table class=&quot;table-hover&quot;&gt;
+            &lt;thead&gt;
+                &lt;tr class=&quot;!bg-transparent dark:!bg-transparent&quot;&gt;
+                    &lt;th&gt;#&lt;/th&gt;
+                    &lt;th&gt;Name&lt;/th&gt;
+                    &lt;th&gt;Email&lt;/th&gt;
+                    &lt;th&gt;Created At&lt;/th&gt;
+                    &lt;th class=&quot;text-center&quot;&gt;&lt;/th&gt;
+                &lt;/tr&gt;
+            &lt;/thead&gt;
+            &lt;tbody&gt;
+                &lt;template x-for=&quot;data in tableData&quot; :key=&quot;data.id&quot;&gt;
+                    &lt;tr&gt;
+                        &lt;td x-text=&quot;data.id&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.name&quot; class=&quot;whitespace-nowrap&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.email&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.date&quot;&gt;&lt;/td&gt;
+                        &lt;td class=&quot;text-center&quot;&gt;
+                            &lt;button type=&quot;button&quot; x-tooltip=&quot;Delete&quot;&gt;
+                                &lt;svg&gt; ... &lt;/svg&gt;
+                            &lt;/button&gt;
+                        &lt;/td&gt;
+                    &lt;/tr&gt;
+                &lt;/template&gt;
+            &lt;/tbody&gt;
+        &lt;/table&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                tableData: [{
+                        id: 1,
+                        name: 'John Doe',
+                        email: 'johndoe@yahoo.com',
+                        date: '10/08/2020',
+                        sale: 120,
+                        status: 'Complete',
+                        register: '5 min ago',
+                        progress: '40%',
+                        position: 'Developer',
+                        office: 'London'
+                    },
+                    ......
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- captions -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Captions</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code5')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="table-responsive">
+                        <table>
+                            <thead>
+                                <tr>
+                                    <th>#</th>
+                                    <th>Name</th>
+                                    <th>Email</th>
+                                    <th>Status</th>
+                                    <th class="text-center">Register</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <template x-for="data in tableData" :key="data.id">
+                                    <tr>
+                                        <td x-text="data.id"></td>
+                                        <td x-text="data.name" class="whitespace-nowrap"></td>
+                                        <td x-text="data.email"></td>
+                                        <td> <span class="badge whitespace-nowrap"
+                                                :class="{
+                                                    'badge-outline-primary': data.status ===
+                                                        'Complete',
+                                                    'badge-outline-secondary': data.status ===
+                                                        'Pending',
+                                                    'badge-outline-info': data.status ===
+                                                        'In Progress',
+                                                    'badge-outline-danger': data.status === 'Canceled'
+                                                }"
+                                                x-text="data.status"></span></td>
+                                        <td class="text-center" x-text="data.register"></td>
+                                    </tr>
+                                </template>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code5')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- caption --&gt;
+    &lt;div class=&quot;table-responsive&quot;&gt;
+        &lt;table&gt;
+            &lt;thead&gt;
+                &lt;tr&gt;
+                    &lt;th&gt;#&lt;/th&gt;
+                    &lt;th&gt;Name&lt;/th&gt;
+                    &lt;th&gt;Email&lt;/th&gt;
+                    &lt;th&gt;Status&lt;/th&gt;
+                    &lt;th class=&quot;text-center&quot;&gt;Register&lt;/th&gt;
+                &lt;/tr&gt;
+            &lt;/thead&gt;
+            &lt;tbody&gt;
+                &lt;template x-for=&quot;data in tableData&quot; :key=&quot;data.id&quot;&gt;
+                    &lt;tr&gt;
+                        &lt;td x-text=&quot;data.id&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.name&quot; class=&quot;whitespace-nowrap&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.email&quot;&gt;&lt;/td&gt;
+                        &lt;td&gt; &lt;span class=&quot;badge whitespace-nowrap&quot; :class=&quot;{'badge-outline-primary': data.status === 'Complete', 'badge-outline-secondary': data.status === 'Pending', 'badge-outline-info': data.status === 'In Progress', 'badge-outline-danger': data.status === 'Canceled'}&quot; x-text=&quot;data.status&quot;&gt;&lt;/span&gt;&lt;/td&gt;
+                        &lt;td class=&quot;text-center&quot; x-text=&quot;data.register&quot;&gt;&lt;/td&gt;
+                    &lt;/tr&gt;
+                &lt;/template&gt;
+            &lt;/tbody&gt;
+        &lt;/table&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                tableData: [{
+                        id: 1,
+                        name: 'John Doe',
+                        email: 'johndoe@yahoo.com',
+                        date: '10/08/2020',
+                        sale: 120,
+                        status: 'Complete',
+                        register: '5 min ago',
+                        progress: '40%',
+                        position: 'Developer',
+                        office: 'London'
+                    },
+                    ......
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- progress table -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Progress Table</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code6')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="table-responsive">
+                        <table>
+                            <thead>
+                                <tr>
+                                    <th>#</th>
+                                    <th>Name</th>
+                                    <th>Progress</th>
+                                    <th>Sales</th>
+                                    <th class="text-center">Action</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <template x-for="data in tableData" :key="data.id">
+                                    <tr>
+                                        <td x-text="data.id"></td>
+                                        <td x-text="data.name" class="whitespace-nowrap"></td>
+                                        <td>
+                                            <div class="h-1.5 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex w-full">
+                                                <div class="h-1.5 rounded-full rounded-bl-full text-center text-white text-xs"
+                                                    :class="{
+                                                        'bg-success': data.status === 'Complete',
+                                                        'bg-secondary': data
+                                                            .status === 'Pending',
+                                                        'bg-info': data.status ===
+                                                            'In Progress',
+                                                        'bg-danger': data.status === 'Canceled'
+                                                    }"
+                                                    :style="`width: ${data.progress}`"></div>
+                                            </div>
+                                        </td>
+                                        <td x-text="data.progress" class="whitespace-nowrap"
+                                            :class="{
+                                                'text-success': data.status === 'Complete',
+                                                'text-secondary': data
+                                                    .status === 'Pending',
+                                                'text-info': data.status ===
+                                                    'In Progress',
+                                                'text-danger': data.status === 'Canceled'
+                                            }">
+                                        </td>
+                                        <td class="p-3 border-b border-[#ebedf2] dark:border-[#191e3a] text-center">
+                                            <button type="button" x-tooltip="Edit">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2">
+                                                    <path
+                                                        d="M15.2869 3.15178L14.3601 4.07866L5.83882 12.5999L5.83881 12.5999C5.26166 13.1771 4.97308 13.4656 4.7249 13.7838C4.43213 14.1592 4.18114 14.5653 3.97634 14.995C3.80273 15.3593 3.67368 15.7465 3.41556 16.5208L2.32181 19.8021L2.05445 20.6042C1.92743 20.9852 2.0266 21.4053 2.31063 21.6894C2.59466 21.9734 3.01478 22.0726 3.39584 21.9456L4.19792 21.6782L7.47918 20.5844L7.47919 20.5844C8.25353 20.3263 8.6407 20.1973 9.00498 20.0237C9.43469 19.8189 9.84082 19.5679 10.2162 19.2751C10.5344 19.0269 10.8229 18.7383 11.4001 18.1612L11.4001 18.1612L19.9213 9.63993L20.8482 8.71306C22.3839 7.17735 22.3839 4.68748 20.8482 3.15178C19.3125 1.61607 16.8226 1.61607 15.2869 3.15178Z"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                    <path opacity="0.5"
+                                                        d="M14.36 4.07812C14.36 4.07812 14.4759 6.04774 16.2138 7.78564C17.9517 9.52354 19.9213 9.6394 19.9213 9.6394M4.19789 21.6777L2.32178 19.8015"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                            </button>
+                                            <button type="button" x-tooltip="Delete">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5">
+                                                    <path d="M20.5001 6H3.5" stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path
+                                                        d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path opacity="0.5" d="M9.5 11L10 16" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round" />
+                                                    <path opacity="0.5" d="M14.5 11L14 16" stroke="currentColor"
+                                                        stroke-width="1.5" stroke-linecap="round" />
+                                                    <path opacity="0.5"
+                                                        d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                            </button>
+                                        </td>
+                                    </tr>
+                                </template>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code6')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- progress table --&gt;
+    &lt;div class=&quot;table-responsive&quot;&gt;
+        &lt;table&gt;
+            &lt;thead&gt;
+                &lt;tr&gt;
+                    &lt;th&gt;#&lt;/th&gt;
+                    &lt;th&gt;Name&lt;/th&gt;
+                    &lt;th&gt;Progress&lt;/th&gt;
+                    &lt;th&gt;Sales&lt;/th&gt;
+                    &lt;th class=&quot;text-center&quot;&gt;Action&lt;/th&gt;
+                &lt;/tr&gt;
+            &lt;/thead&gt;
+            &lt;tbody&gt;
+                &lt;template x-for=&quot;data in tableData&quot; :key=&quot;data.id&quot;&gt;
+                    &lt;tr&gt;
+                        &lt;td x-text=&quot;data.id&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.name&quot; class=&quot;whitespace-nowrap&quot;&gt;&lt;/td&gt;
+                        &lt;td&gt;
+                            &lt;div class=&quot;h-1.5 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex w-full&quot;&gt;
+                                &lt;div class=&quot;h-1.5 rounded-full rounded-bl-full text-center text-white text-xs&quot; :class=&quot;{'bg-success': data.status === 'Complete', 'bg-secondary': data.status === 'Pending', 'bg-info': data.status === 'In Progress', 'bg-danger': data.status === 'Canceled'}&quot; :style=&quot;`width: ${data.progress}`&quot;&gt;&lt;/div&gt;
+                            &lt;/div&gt;
+                        &lt;/td&gt;
+                        &lt;td x-text=&quot;data.progress&quot; class=&quot;whitespace-nowrap&quot; :class=&quot;{'text-success': data.status === 'Complete', 'text-secondary': data.status === 'Pending', 'text-info': data.status === 'In Progress', 'text-danger': data.status === 'Canceled'}&quot;&gt;&lt;/td&gt;
+                        &lt;td class=&quot;p-3 border-b border-[#ebedf2] dark:border-[#191e3a] text-center&quot;&gt;
+                            &lt;button type=&quot;button&quot; x-tooltip=&quot;Edit&quot;&gt;
+                                &lt;svg&gt; ... &lt;/svg&gt;
+                            &lt;/button&gt;
+                            &lt;button type=&quot;button&quot; x-tooltip=&quot;Delete&quot;&gt;
+                                &lt;svg&gt; ... &lt;/svg&gt;
+                            &lt;/button&gt;
+                        &lt;/td&gt;
+                    &lt;/tr&gt;
+                &lt;/template&gt;
+            &lt;/tbody&gt;
+        &lt;/table&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                tableData: [{
+                        id: 1,
+                        name: 'John Doe',
+                        email: 'johndoe@yahoo.com',
+                        date: '10/08/2020',
+                        sale: 120,
+                        status: 'Complete',
+                        register: '5 min ago',
+                        progress: '40%',
+                        position: 'Developer',
+                        office: 'London'
+                    },
+                    ......
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- Contextual -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Contextual</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code7')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="table-responsive">
+                        <table>
+                            <thead>
+                                <tr>
+                                    <th>#</th>
+                                    <th>First Name</th>
+                                    <th>Last Name</th>
+                                    <th>Email</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr class="bg-dark-dark-light border-dark-dark-light">
+                                    <td>1</td>
+                                    <td>John</td>
+                                    <td>Doe</td>
+                                    <td>johndoe@yahoo.com</td>
+                                </tr>
+                                <tr class="bg-primary/20 border-primary/20">
+                                    <td>2</td>
+                                    <td>Andy</td>
+                                    <td>King</td>
+                                    <td>andyking@gmail.com</td>
+                                </tr>
+                                <tr class="bg-secondary/20 border-secondary/20">
+                                    <td>3</td>
+                                    <td>Lisa</td>
+                                    <td>Doe</td>
+                                    <td>lisadoe@yahoo.com</td>
+                                </tr>
+                                <tr class="bg-success/20 border-success/20">
+                                    <td>4</td>
+                                    <td>Vincent</td>
+                                    <td>Carpenter</td>
+                                    <td>vinnyc@yahoo.com</td>
+                                </tr>
+                                <tr class="bg-dark-dark-light border-dark-dark-light">
+                                    <td>5</td>
+                                    <td>Amy</td>
+                                    <td>Diaz</td>
+                                    <td>amydiaz@yahoo.com</td>
+                                </tr>
+                                <tr class="bg-danger/20 border-danger/20">
+                                    <td>6</td>
+                                    <td>Nia</td>
+                                    <td>Hillyer</td>
+                                    <td>niahill@gmail.com</td>
+                                </tr>
+                                <tr class="bg-info/20 border-info/20">
+                                    <td>7</td>
+                                    <td>Marry</td>
+                                    <td>McDonald</td>
+                                    <td>marryMcD@yahoo.com</td>
+                                </tr>
+                                <tr class="bg-warning/20 border-warning/20">
+                                    <td>8</td>
+                                    <td>Shaun</td>
+                                    <td>Park</td>
+                                    <td>park@yahoo.com</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+
+                <template x-if="codeArr.includes('code7')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- contextual --&gt;
+    &lt;div class=&quot;table-responsive&quot;&gt;
+        &lt;table&gt;
+            &lt;thead&gt;
+                &lt;tr&gt;
+                    &lt;th&gt;#&lt;/th&gt;
+                    &lt;th&gt;First Name&lt;/th&gt;
+                    &lt;th&gt;Last Name&lt;/th&gt;
+                    &lt;th&gt;Email&lt;/th&gt;
+                &lt;/tr&gt;
+            &lt;/thead&gt;
+            &lt;tbody&gt;
+                &lt;tr class=&quot;bg-dark-dark-light border-dark-dark-light&quot;&gt;
+                    &lt;td&gt;1&lt;/td&gt;
+                    &lt;td&gt;John&lt;/td&gt;
+                    &lt;td&gt;Doe&lt;/td&gt;
+                    &lt;td&gt;johndoe@yahoo.com&lt;/td&gt;
+                &lt;/tr&gt;
+                &lt;tr class=&quot;bg-primary/20 border-primary/20&quot;&gt;
+                    &lt;td&gt;2&lt;/td&gt;
+                    &lt;td&gt;Andy&lt;/td&gt;
+                    &lt;td&gt;King&lt;/td&gt;
+                    &lt;td&gt;andyking@gmail.com&lt;/td&gt;
+                &lt;/tr&gt;
+                &lt;tr class=&quot;bg-secondary/20 border-secondary/20&quot;&gt;
+                    &lt;td&gt;3&lt;/td&gt;
+                    &lt;td&gt;Lisa&lt;/td&gt;
+                    &lt;td&gt;Doe&lt;/td&gt;
+                    &lt;td&gt;lisadoe@yahoo.com&lt;/td&gt;
+                &lt;/tr&gt;
+                &lt;tr class=&quot;bg-success/20 border-success/20&quot;&gt;
+                    &lt;td&gt;4&lt;/td&gt;
+                    &lt;td&gt;Vincent&lt;/td&gt;
+                    &lt;td&gt;Carpenter&lt;/td&gt;
+                    &lt;td&gt;vinnyc@yahoo.com&lt;/td&gt;
+                &lt;/tr&gt;
+                &lt;tr class=&quot;bg-dark-dark-light border-dark-dark-light&quot;&gt;
+                    &lt;td&gt;5&lt;/td&gt;
+                    &lt;td&gt;Amy&lt;/td&gt;
+                    &lt;td&gt;Diaz&lt;/td&gt;
+                    &lt;td&gt;amydiaz@yahoo.com&lt;/td&gt;
+                &lt;/tr&gt;
+                &lt;tr class=&quot;bg-danger/20 border-danger/20&quot;&gt;
+                    &lt;td&gt;6&lt;/td&gt;
+                    &lt;td&gt;Nia&lt;/td&gt;
+                    &lt;td&gt;Hillyer&lt;/td&gt;
+                    &lt;td&gt;niahill@gmail.com&lt;/td&gt;
+                &lt;/tr&gt;
+                &lt;tr class=&quot;bg-info/20 border-info/20&quot;&gt;
+                    &lt;td&gt;7&lt;/td&gt;
+                    &lt;td&gt;Marry&lt;/td&gt;
+                    &lt;td&gt;McDonald&lt;/td&gt;
+                    &lt;td&gt;marryMcD@yahoo.com&lt;/td&gt;
+                &lt;/tr&gt;
+                &lt;tr class=&quot;bg-warning/20 border-warning/20&quot;&gt;
+                    &lt;td&gt;8&lt;/td&gt;
+                    &lt;td&gt;Shaun&lt;/td&gt;
+                    &lt;td&gt;Park&lt;/td&gt;
+                    &lt;td&gt;park@yahoo.com&lt;/td&gt;
+                &lt;/tr&gt;
+            &lt;/tbody&gt;
+        &lt;/table&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- dropdown -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Dropdown</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code8')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="table-responsive">
+                        <table>
+                            <thead>
+                                <tr>
+                                    <th>Name</th>
+                                    <th>Date</th>
+                                    <th>Sale</th>
+                                    <th>Status</th>
+                                    <th class="text-center">Action</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <template x-for="data in tableData" :key="data.id">
+                                    <tr>
+                                        <td x-text="data.name" class="whitespace-nowrap"></td>
+                                        <td x-text="data.date"></td>
+                                        <td x-text="data.sale"></td>
+                                        <td> <span class="badge whitespace-nowrap"
+                                                :class="{
+                                                    'bg-primary': data.status === 'Complete',
+                                                    'bg-secondary': data
+                                                        .status === 'Pending',
+                                                    'bg-success': data.status ===
+                                                        'In Progress',
+                                                    'bg-danger': data.status === 'Canceled'
+                                                }"
+                                                x-text="data.status"></span></td>
+                                        <td class="text-center">
+                                            <div x-data="dropdown" @click.outside="open = false"
+                                                class="dropdown w-max">
+                                                <a href="javascript:;" class="inline-block" @click="toggle">
+
+                                                    <svg class="w-5 h-5 opacity-70 m-auto" viewBox="0 0 24 24"
+                                                        fill="none" xmlns="http://www.w3.org/2000/svg">
+                                                        <circle cx="5" cy="12" r="2"
+                                                            stroke="currentColor" stroke-width="1.5"></circle>
+                                                        <circle opacity="0.5" cx="12" cy="12"
+                                                            r="2" stroke="currentColor" stroke-width="1.5">
+                                                        </circle>
+                                                        <circle cx="19" cy="12" r="2"
+                                                            stroke="currentColor" stroke-width="1.5"></circle>
+                                                    </svg>
+                                                </a>
+                                                <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                                    class="ltr:right-0 rtl:left-0">
+                                                    <li><a href="javascript:;" @click="toggle">Download</a></li>
+                                                    <li><a href="javascript:;" @click="toggle">Share</a></li>
+                                                    <li><a href="javascript:;" @click="toggle">Edit</a></li>
+                                                    <li><a href="javascript:;" @click="toggle">Delete</a></li>
+                                                </ul>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                </template>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code8')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- dropdown --&gt;
+    &lt;div class=&quot;table-responsive&quot;&gt;
+        &lt;table&gt;
+            &lt;thead&gt;
+                &lt;tr&gt;
+                    &lt;th&gt;Name&lt;/th&gt;
+                    &lt;th&gt;Date&lt;/th&gt;
+                    &lt;th&gt;Sale&lt;/th&gt;
+                    &lt;th&gt;Status&lt;/th&gt;
+                    &lt;th class=&quot;text-center&quot;&gt;Action&lt;/th&gt;
+                &lt;/tr&gt;
+            &lt;/thead&gt;
+            &lt;tbody&gt;
+                &lt;template x-for=&quot;data in tableData&quot; :key=&quot;data.id&quot;&gt;
+                    &lt;tr&gt;
+                        &lt;td x-text=&quot;data.name&quot; class=&quot;whitespace-nowrap&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.date&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.sale&quot;&gt;&lt;/td&gt;
+                        &lt;td&gt; &lt;span class=&quot;badge whitespace-nowrap&quot; :class=&quot;{'bg-primary': data.status === 'Complete', 'bg-secondary': data.status === 'Pending', 'bg-success': data.status === 'In Progress', 'bg-danger': data.status === 'Canceled'}&quot; x-text=&quot;data.status&quot;&gt;&lt;/span&gt;&lt;/td&gt;
+                        &lt;td class=&quot;text-center&quot;&gt;
+                            &lt;div x-data=&quot;dropdown&quot; @click.outside=&quot;open = false&quot; class=&quot;dropdown&quot;&gt;
+                                &lt;a href=&quot;javascript:;&quot; class=&quot;inline-block&quot; @click=&quot;toggle&quot;&gt;
+                                    &lt;svg&gt; ... &lt;/svg&gt;
+                                &lt;/a&gt;
+                                &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0&quot;&gt;
+                                    &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Download&lt;/a&gt;&lt;/li&gt;
+                                    &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Share&lt;/a&gt;&lt;/li&gt;
+                                    &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Edit&lt;/a&gt;&lt;/li&gt;
+                                    &lt;li&gt;&lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;Delete&lt;/a&gt;&lt;/li&gt;
+                                &lt;/ul&gt;
+                            &lt;/div&gt;
+                        &lt;/td&gt;
+                    &lt;/tr&gt;
+                &lt;/template&gt;
+            &lt;/tbody&gt;
+        &lt;/table&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                tableData: [{
+                        id: 1,
+                        name: 'John Doe',
+                        email: 'johndoe@yahoo.com',
+                        date: '10/08/2020',
+                        sale: 120,
+                        status: 'Complete',
+                        register: '5 min ago',
+                        progress: '40%',
+                        position: 'Developer',
+                        office: 'London'
+                    },
+                    ......
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- table with footer -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Table with Footer</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code9')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="table-responsive">
+                        <table>
+                            <thead>
+                                <tr>
+                                    <th>Name</th>
+                                    <th>Position</th>
+                                    <th>Office</th>
+                                    <th class="!text-center">Action</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <template x-for="data in tableData" :key="data.id">
+                                    <tr>
+                                        <td x-text="data.name" class="whitespace-nowrap"></td>
+                                        <td x-text="data.position"></td>
+                                        <td x-text="data.office"></td>
+                                        <td class="text-center">
+                                            <ul class="flex items-center justify-center gap-2">
+                                                <li>
+                                                    <a href="javascript:;" x-tooltip="Edit">
+
+                                                        <svg width="24" height="24" viewBox="0 0 24 24"
+                                                            fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                            class="w-5 h-5 text-primary">
+                                                            <circle opacity="0.5" cx="12" cy="12"
+                                                                r="10" stroke="currentColor"
+                                                                stroke-width="1.5" />
+                                                            <path d="M8.5 12.5L10.5 14.5L15.5 9.5"
+                                                                stroke="currentColor" stroke-width="1.5"
+                                                                stroke-linecap="round" stroke-linejoin="round" />
+                                                        </svg>
+                                                    </a>
+                                                </li>
+                                                <li>
+                                                    <a href="javascript:;" x-tooltip="Delete">
+
+                                                        <svg width="24" height="24" viewBox="0 0 24 24"
+                                                            fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                            class="w-5 h-5 text-danger">
+                                                            <circle opacity="0.5" cx="12" cy="12"
+                                                                r="10" stroke="currentColor"
+                                                                stroke-width="1.5" />
+                                                            <path d="M14.5 9.50002L9.5 14.5M9.49998 9.5L14.5 14.5"
+                                                                stroke="currentColor" stroke-width="1.5"
+                                                                stroke-linecap="round" />
+                                                        </svg>
+                                                    </a>
+                                                </li>
+                                            </ul>
+                                        </td>
+                                    </tr>
+                                </template>
+                            </tbody>
+                            <tfoot>
+                                <tr>
+                                    <th>Name</th>
+                                    <th>Position</th>
+                                    <th>Office</th>
+                                    <th class="!text-center">Action</th>
+                                </tr>
+                            </tfoot>
+                        </table>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code9')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- table with footer --&gt;
+    &lt;div class=&quot;table-responsive&quot;&gt;
+        &lt;table&gt;
+            &lt;thead&gt;
+                &lt;tr&gt;
+                    &lt;th&gt;Name&lt;/th&gt;
+                    &lt;th&gt;Position&lt;/th&gt;
+                    &lt;th&gt;Office&lt;/th&gt;
+                    &lt;th class=&quot;text-center&quot;&gt;Action&lt;/th&gt;
+                &lt;/tr&gt;
+            &lt;/thead&gt;
+            &lt;tbody&gt;
+                &lt;template x-for=&quot;data in tableData&quot; :key=&quot;data.id&quot;&gt;
+                    &lt;tr&gt;
+                        &lt;td x-text=&quot;data.name&quot; class=&quot;whitespace-nowrap&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.position&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.office&quot;&gt;&lt;/td&gt;
+                        &lt;td class=&quot;text-center&quot;&gt;
+                            &lt;ul class=&quot;flex items-center justify-center gap-2&quot;&gt;
+                                &lt;li&gt;
+                                    &lt;a href=&quot;javascript:;&quot; x-tooltip=&quot;Edit&quot;&gt;
+                                        &lt;svg&gt; ... &lt;/svg&gt;
+                                    &lt;/a&gt;
+                                &lt;/li&gt;
+                                &lt;li&gt;
+                                    &lt;a href=&quot;javascript:;&quot; x-tooltip=&quot;Delete&quot;&gt;
+                                        &lt;svg&gt; ... &lt;/svg&gt;
+                                    &lt;/a&gt;
+                                &lt;/li&gt;
+                            &lt;/ul&gt;
+                        &lt;/td&gt;
+                    &lt;/tr&gt;
+                &lt;/template&gt;
+            &lt;/tbody&gt;
+            &lt;tfoot&gt;
+                &lt;tr&gt;
+                    &lt;th&gt;
+                        &lt;div&gt;Name&lt;/div&gt;
+                    &lt;/th&gt;
+                    &lt;th&gt;
+                        &lt;div&gt;Position&lt;/div&gt;
+                    &lt;/th&gt;
+                    &lt;th&gt;
+                        &lt;div&gt;Office&lt;/div&gt;
+                    &lt;/th&gt;
+                    &lt;th class=&quot;p-3 text-center&quot;&gt;
+                        &lt;div&gt;Action&lt;/div&gt;
+                    &lt;/th&gt;
+                &lt;/tr&gt;
+            &lt;/tfoot&gt;
+        &lt;/table&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                tableData: [{
+                        id: 1,
+                        name: 'John Doe',
+                        email: 'johndoe@yahoo.com',
+                        date: '10/08/2020',
+                        sale: 120,
+                        status: 'Complete',
+                        register: '5 min ago',
+                        progress: '40%',
+                        position: 'Developer',
+                        office: 'London'
+                    },
+                    ......
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+
+            <!-- checkboxes -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Checkboxes</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code10')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="table-responsive">
+                        <table>
+                            <thead>
+                                <tr>
+                                    <th><input type="checkbox" class="form-checkbox" /></th>
+                                    <th>Name</th>
+                                    <th>Date</th>
+                                    <th>Sale</th>
+                                    <th class="!text-center">Action</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <template x-for="data in tableData" :key="data.id">
+                                    <tr>
+                                        <td><input type="checkbox" class="form-checkbox" /></td>
+                                        <td x-text="data.name" class="whitespace-nowrap"></td>
+                                        <td x-text="data.date"></td>
+                                        <td x-text="data.sale"></td>
+                                        <td class="text-center">
+                                            <ul class="flex items-center justify-center gap-2">
+                                                <li><a href="javascript:;" x-tooltip="Settings">
+
+                                                        <svg width="24" height="24" viewBox="0 0 24 24"
+                                                            fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                            class="w-5 h-5 text-primary">
+                                                            <circle cx="12" cy="12" r="3"
+                                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                                            <path opacity="0.5"
+                                                                d="M13.7654 2.15224C13.3978 2 12.9319 2 12 2C11.0681 2 10.6022 2 10.2346 2.15224C9.74457 2.35523 9.35522 2.74458 9.15223 3.23463C9.05957 3.45834 9.0233 3.7185 9.00911 4.09799C8.98826 4.65568 8.70226 5.17189 8.21894 5.45093C7.73564 5.72996 7.14559 5.71954 6.65219 5.45876C6.31645 5.2813 6.07301 5.18262 5.83294 5.15102C5.30704 5.08178 4.77518 5.22429 4.35436 5.5472C4.03874 5.78938 3.80577 6.1929 3.33983 6.99993C2.87389 7.80697 2.64092 8.21048 2.58899 8.60491C2.51976 9.1308 2.66227 9.66266 2.98518 10.0835C3.13256 10.2756 3.3397 10.437 3.66119 10.639C4.1338 10.936 4.43789 11.4419 4.43786 12C4.43783 12.5581 4.13375 13.0639 3.66118 13.3608C3.33965 13.5629 3.13248 13.7244 2.98508 13.9165C2.66217 14.3373 2.51966 14.8691 2.5889 15.395C2.64082 15.7894 2.87379 16.193 3.33973 17C3.80568 17.807 4.03865 18.2106 4.35426 18.4527C4.77508 18.7756 5.30694 18.9181 5.83284 18.8489C6.07289 18.8173 6.31632 18.7186 6.65204 18.5412C7.14547 18.2804 7.73556 18.27 8.2189 18.549C8.70224 18.8281 8.98826 19.3443 9.00911 19.9021C9.02331 20.2815 9.05957 20.5417 9.15223 20.7654C9.35522 21.2554 9.74457 21.6448 10.2346 21.8478C10.6022 22 11.0681 22 12 22C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8477 20.7654C14.9404 20.5417 14.9767 20.2815 14.9909 19.902C15.0117 19.3443 15.2977 18.8281 15.781 18.549C16.2643 18.2699 16.8544 18.2804 17.3479 18.5412C17.6836 18.7186 17.927 18.8172 18.167 18.8488C18.6929 18.9181 19.2248 18.7756 19.6456 18.4527C19.9612 18.2105 20.1942 17.807 20.6601 16.9999C21.1261 16.1929 21.3591 15.7894 21.411 15.395C21.4802 14.8691 21.3377 14.3372 21.0148 13.9164C20.8674 13.7243 20.6602 13.5628 20.3387 13.3608C19.8662 13.0639 19.5621 12.558 19.5621 11.9999C19.5621 11.4418 19.8662 10.9361 20.3387 10.6392C20.6603 10.4371 20.8675 10.2757 21.0149 10.0835C21.3378 9.66273 21.4803 9.13087 21.4111 8.60497C21.3592 8.21055 21.1262 7.80703 20.6602 7C20.1943 6.19297 19.9613 5.78945 19.6457 5.54727C19.2249 5.22436 18.693 5.08185 18.1671 5.15109C17.9271 5.18269 17.6837 5.28136 17.3479 5.4588C16.8545 5.71959 16.2644 5.73002 15.7811 5.45096C15.2977 5.17191 15.0117 4.65566 14.9909 4.09794C14.9767 3.71848 14.9404 3.45833 14.8477 3.23463C14.6448 2.74458 14.2554 2.35523 13.7654 2.15224Z"
+                                                                stroke="currentColor" stroke-width="1.5"></path>
+                                                        </svg>
+                                                    </a></li>
+                                                <li><a href="javascript:;" x-tooltip="Edit">
+
+                                                        <svg width="24" height="24" viewBox="0 0 24 24"
+                                                            fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                            class="w-4.5 h-4.5 text-success">
+                                                            <path
+                                                                d="M15.2869 3.15178L14.3601 4.07866L5.83882 12.5999L5.83881 12.5999C5.26166 13.1771 4.97308 13.4656 4.7249 13.7838C4.43213 14.1592 4.18114 14.5653 3.97634 14.995C3.80273 15.3593 3.67368 15.7465 3.41556 16.5208L2.32181 19.8021L2.05445 20.6042C1.92743 20.9852 2.0266 21.4053 2.31063 21.6894C2.59466 21.9734 3.01478 22.0726 3.39584 21.9456L4.19792 21.6782L7.47918 20.5844L7.47919 20.5844C8.25353 20.3263 8.6407 20.1973 9.00498 20.0237C9.43469 19.8189 9.84082 19.5679 10.2162 19.2751C10.5344 19.0269 10.8229 18.7383 11.4001 18.1612L11.4001 18.1612L19.9213 9.63993L20.8482 8.71306C22.3839 7.17735 22.3839 4.68748 20.8482 3.15178C19.3125 1.61607 16.8226 1.61607 15.2869 3.15178Z"
+                                                                stroke="currentColor" stroke-width="1.5" />
+                                                            <path opacity="0.5"
+                                                                d="M14.36 4.07812C14.36 4.07812 14.4759 6.04774 16.2138 7.78564C17.9517 9.52354 19.9213 9.6394 19.9213 9.6394M4.19789 21.6777L2.32178 19.8015"
+                                                                stroke="currentColor" stroke-width="1.5" />
+                                                        </svg>
+                                                    </a></li>
+                                                <li><a href="javascript:;" x-tooltip="Delete">
+
+                                                        <svg width="24" height="24" viewBox="0 0 24 24"
+                                                            fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                            class="w-5 h-5 text-danger">
+                                                            <path d="M20.5001 6H3.5" stroke="currentColor"
+                                                                stroke-width="1.5" stroke-linecap="round" />
+                                                            <path
+                                                                d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                                                stroke="currentColor" stroke-width="1.5"
+                                                                stroke-linecap="round" />
+                                                            <path opacity="0.5" d="M9.5 11L10 16"
+                                                                stroke="currentColor" stroke-width="1.5"
+                                                                stroke-linecap="round" />
+                                                            <path opacity="0.5" d="M14.5 11L14 16"
+                                                                stroke="currentColor" stroke-width="1.5"
+                                                                stroke-linecap="round" />
+                                                            <path opacity="0.5"
+                                                                d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6"
+                                                                stroke="currentColor" stroke-width="1.5" />
+                                                        </svg>
+                                                    </a></li>
+                                            </ul>
+                                        </td>
+                                    </tr>
+                                </template>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code10')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- checkbox --&gt;
+    &lt;div class=&quot;table-responsive&quot;&gt;
+        &lt;table&gt;
+            &lt;thead&gt;
+                &lt;tr&gt;
+                    &lt;th&gt;&lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox&quot; /&gt;&lt;/th&gt;
+                    &lt;th&gt;Name&lt;/th&gt;
+                    &lt;th&gt;Date&lt;/th&gt;
+                    &lt;th&gt;Sale&lt;/th&gt;
+                    &lt;th class=&quot;!text-center&quot;&gt;Action&lt;/th&gt;
+                &lt;/tr&gt;
+            &lt;/thead&gt;
+            &lt;tbody&gt;
+                &lt;template x-for=&quot;data in tableData&quot; :key=&quot;data.id&quot;&gt;
+                    &lt;tr&gt;
+                        &lt;td&gt;&lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox&quot; /&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.name&quot; class=&quot;whitespace-nowrap&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.date&quot;&gt;&lt;/td&gt;
+                        &lt;td x-text=&quot;data.sale&quot;&gt;&lt;/td&gt;
+                        &lt;td class=&quot;text-center&quot;&gt;
+                            &lt;ul class=&quot;flex items-center justify-center gap-2&quot;&gt;
+                                &lt;li&gt;
+                                    &lt;a href=&quot;javascript:;&quot; x-tooltip=&quot;Settings&quot;&gt;
+                                        &lt;svg&gt; ... &lt;/svg&gt;
+                                    &lt;/a&gt;
+                                &lt;/li&gt;
+                                &lt;li&gt;
+                                    &lt;a href=&quot;javascript:;&quot; x-tooltip=&quot;Edit&quot;&gt;
+                                        &lt;svg&gt; ... &lt;/svg&gt;
+                                    &lt;/a&gt;
+                                &lt;/li&gt;
+                                &lt;li&gt;
+                                    &lt;a href=&quot;javascript:;&quot; x-tooltip=&quot;Delete&quot;&gt;
+                                        &lt;svg&gt; ... &lt;/svg&gt;
+                                    &lt;/a&gt;
+                                &lt;/li&gt;
+                            &lt;/ul&gt;
+                        &lt;/td&gt;
+                    &lt;/tr&gt;
+                &lt;/template&gt;
+            &lt;/tbody&gt;
+        &lt;/table&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;form&quot;, () =&gt; ({
+                tableData: [{
+                        id: 1,
+                        name: 'John Doe',
+                        email: 'johndoe@yahoo.com',
+                        date: '10/08/2020',
+                        sale: 120,
+                        status: 'Complete',
+                        register: '5 min ago',
+                        progress: '40%',
+                        position: 'Developer',
+                        office: 'London'
+                    },
+                    ......
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+        </div>
+
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+                tableData: [{
+                        id: 1,
+                        name: 'John Doe',
+                        email: 'johndoe@yahoo.com',
+                        date: '10/08/2020',
+                        sale: 120,
+                        status: 'Complete',
+                        register: '5 min ago',
+                        progress: '40%',
+                        position: 'Developer',
+                        office: 'London'
+                    },
+                    {
+                        id: 2,
+                        name: 'Shaun Park',
+                        email: 'shaunpark@gmail.com',
+                        date: '11/08/2020',
+                        sale: 400,
+                        status: 'Pending',
+                        register: '11 min ago',
+                        progress: '23%',
+                        position: 'Designer',
+                        office: 'New York'
+                    },
+                    {
+                        id: 3,
+                        name: 'Alma Clarke',
+                        email: 'alma@gmail.com',
+                        date: '12/02/2020',
+                        sale: 310,
+                        status: 'In Progress',
+                        register: '1 hour ago',
+                        progress: '80%',
+                        position: 'Accountant',
+                        office: 'Amazon'
+                    },
+                    {
+                        id: 4,
+                        name: 'Vincent Carpenter',
+                        email: 'vincent@gmail.com',
+                        date: '13/08/2020',
+                        sale: 100,
+                        status: 'Canceled',
+                        register: '1 day ago',
+                        progress: '60%',
+                        position: 'Data Scientist',
+                        office: 'Canada'
+                    },
+                ],
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/terms.blade.php b/resources/views/terms.blade.php
deleted file mode 100644
index acfdbbb518d91da6a9cf022ac0d4820d02d5ff8e..0000000000000000000000000000000000000000
--- a/resources/views/terms.blade.php
+++ /dev/null
@@ -1,13 +0,0 @@
-<x-guest-layout>
-    <div class="pt-4 bg-gray-100">
-        <div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
-            <div>
-                <x-authentication-card-logo />
-            </div>
-
-            <div class="w-full sm:max-w-2xl mt-6 p-6 bg-white shadow-md overflow-hidden sm:rounded-lg prose">
-                {!! $terms !!}
-            </div>
-        </div>
-    </div>
-</x-guest-layout>
diff --git a/resources/views/ui-components/accordions.blade.php b/resources/views/ui-components/accordions.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..b9279a664204234c005fbe07c4b91e334fd406b9
--- /dev/null
+++ b/resources/views/ui-components/accordions.blade.php
@@ -0,0 +1,818 @@
+<x-layout.default>
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Components</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Accordians</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8" x-data="form">
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a href="https://alpinejs.dev/component/accordion"
+                    target="_blank" class="block hover:underline">https://alpinejs.dev/component/accordion</a>
+            </div>
+
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- basic -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ active: 1 }">
+                        <div class="space-y-2 font-semibold">
+                            <div class="border border-[#d3d3d3] rounded dark:border-[#1b2e4b]">
+                                <button type="button"
+                                    class="p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]"
+                                    :class="{ '!text-primary': active === 1 }"
+                                    x-on:click="active === 1 ? active = null : active = 1">Collapsible Group Item #1
+                                    <div class="ltr:ml-auto rtl:mr-auto" :class="{ 'rotate-180': active === 1 }">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-4 h-4">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </div>
+                                </button>
+                                <div x-cloak x-show="active === 1" x-collapse>
+                                    <div
+                                        class="space-y-2 p-4 text-white-dark text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]">
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                                            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+                                            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                            consequat.</p>
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                                            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+                                            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                            consequat.</p>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="border border-[#d3d3d3] dark:border-[#1b2e4b] rounded">
+                                <button type="button"
+                                    class="p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]"
+                                    :class="{ '!text-primary': active === 2 }"
+                                    x-on:click="active === 2 ? active = null : active = 2">Collapsible Group Item #2
+                                    <div class="ltr:ml-auto rtl:mr-auto" :class="{ 'rotate-180': active === 2 }">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-4 h-4">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </div>
+                                </button>
+                                <div x-cloak x-show="active === 2" x-collapse>
+                                    <div class="p-4 text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]">
+                                        <ul class="space-y-1">
+                                            <li><a href="javascript:;">Apple</a></li>
+                                            <li><a href="javascript:;">Orange</a></li>
+                                            <li><a href="javascript:;">Banana</a></li>
+                                            <li><a href="javascript:;">list</a></li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="border border-[#d3d3d3] dark:border-[#1b2e4b] rounded">
+                                <button type="button"
+                                    class="p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]"
+                                    :class="{ '!text-primary': active === 3 }"
+                                    x-on:click="active === 3 ? active = null : active = 3">Collapsible Group Item #3
+                                    <div class="ltr:ml-auto rtl:mr-auto" :class="{ 'rotate-180': active === 3 }">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-4 h-4">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </div>
+                                </button>
+                                <div x-cloak x-show="active === 3" x-collapse>
+                                    <div class="p-4 text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]">
+                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
+                                            richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard
+                                            dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
+                                            tempor, sunt aliqua put a bird on it squid single-origin coffee nulla
+                                            assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
+                                            wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher
+                                            vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
+                                            synth nesciunt you probably haven't heard of them accusamus labore
+                                            sustainable VHS.</p>
+                                        <button type="button" class="btn btn-primary mt-4">Accept</button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{ active: 1 }&quot;&gt;
+        &lt;div class=&quot;space-y-2 font-semibold&quot;&gt;
+            &lt;div class=&quot;border border-[#d3d3d3] rounded dark:border-[#1b2e4b]&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]&quot; :class=&quot;{'!text-primary' : active === 1}&quot; x-on:click=&quot;active === 1 ? active = null : active = 1&quot;&gt;Collapsible Group Item #1
+                    &lt;div class=&quot;ltr:ml-auto rtl:mr-auto&quot; :class=&quot;{'rotate-180' : active === 1}&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;/div&gt;
+                &lt;/button&gt;
+                &lt;div x-cloak x-show=&quot;active === 1&quot; x-collapse&gt;
+                    &lt;div class=&quot;space-y-2 p-4 text-white-dark text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]&quot;&gt;
+                        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&lt;/p&gt;
+                        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&lt;/p&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+
+            &lt;div class=&quot;border border-[#d3d3d3] dark:border-[#1b2e4b] rounded&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]&quot; :class=&quot;{'!text-primary' : active === 2}&quot; x-on:click=&quot;active === 2 ? active = null : active = 2&quot;&gt;Collapsible Group Item #2
+                    &lt;div class=&quot;ltr:ml-auto rtl:mr-auto&quot; :class=&quot;{'rotate-180' : active === 2}&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;/div&gt;
+                &lt;/button&gt;
+                &lt;div x-cloak x-show=&quot;active === 2&quot; x-collapse&gt;
+                    &lt;div class=&quot;p-4 text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]&quot;&gt;
+                        &lt;ul class=&quot;space-y-1&quot;&gt;
+                            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Apple&lt;/a&gt;&lt;/li&gt;
+                            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Orange&lt;/a&gt;&lt;/li&gt;
+                            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Banana&lt;/a&gt;&lt;/li&gt;
+                            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;list&lt;/a&gt;&lt;/li&gt;
+                        &lt;/ul&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+
+            &lt;div class=&quot;border border-[#d3d3d3] dark:border-[#1b2e4b] rounded&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]&quot; :class=&quot;{'!text-primary' : active === 3}&quot; x-on:click=&quot;active === 3 ? active = null : active = 3&quot;&gt;Collapsible Group Item #3
+                    &lt;div class=&quot;ltr:ml-auto rtl:mr-auto&quot; :class=&quot;{'rotate-180' : active === 3}&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;/div&gt;
+                &lt;/button&gt;
+                &lt;div x-cloak x-show=&quot;active === 3&quot; x-collapse&gt;
+                    &lt;div class=&quot;p-4 text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]&quot;&gt;
+                        &lt;p&gt;Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.&lt;/p&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary mt-4&quot;&gt;Accept&lt;/button&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;collapse&quot;, () =&gt; ({
+                collapse: false,
+
+                collapseSidebar() {
+                    this.collapse = !this.collapse;
+                },
+            }));
+
+            Alpine.data(&quot;dropdown&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Without Spacing -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Without Spacing</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ active: 1 }">
+                        <div class="border border-[#d3d3d3] dark:border-[#3b3f5c] rounded font-semibold">
+                            <div class="border-b border-[#d3d3d3] dark:border-[#3b3f5c]">
+                                <button type="button"
+                                    class="p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]"
+                                    :class="{ '!text-primary': active === 1 }"
+                                    x-on:click="active === 1 ? active = null : active = 1">Collapsible Group Item #1
+                                    <div class="ltr:ml-auto rtl:mr-auto" :class="{ 'rotate-180': active === 1 }">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-4 h-4">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </div>
+                                </button>
+                                <div x-cloak x-show="active === 1" x-collapse>
+                                    <div class="space-y-2 p-4 text-white-dark text-[13px]">
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                                            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+                                            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                            consequat.</p>
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                                            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+                                            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                            consequat.</p>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="border-b border-[#d3d3d3] dark:border-[#3b3f5c]">
+                                <button type="button"
+                                    class="p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]"
+                                    :class="{ '!text-primary': active === 2 }"
+                                    x-on:click="active === 2 ? active = null : active = 2">Collapsible Group Item #2
+                                    <div class="ltr:ml-auto rtl:mr-auto" :class="{ 'rotate-180': active === 2 }">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-4 h-4">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </div>
+                                </button>
+                                <div x-cloak x-show="active === 2" x-collapse>
+                                    <div class="p-4 text-[13px]">
+                                        <ul class="space-y-1">
+                                            <li><a href="javascript:;">Apple</a></li>
+                                            <li><a href="javascript:;">Orange</a></li>
+                                            <li><a href="javascript:;">Banana</a></li>
+                                            <li><a href="javascript:;">list</a></li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div>
+                                <button type="button"
+                                    class="p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]"
+                                    :class="{ '!text-primary': active === 3 }"
+                                    x-on:click="active === 3 ? active = null : active = 3">Collapsible Group Item #3
+                                    <div class="ltr:ml-auto rtl:mr-auto" :class="{ 'rotate-180': active === 3 }">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-4 h-4">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+
+                                    </div>
+                                </button>
+                                <div x-cloak x-show="active === 3" x-collapse>
+                                    <div class="p-4 text-[13px]">
+                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
+                                            richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard
+                                            dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
+                                            tempor, sunt aliqua put a bird on it squid single-origin coffee nulla
+                                            assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
+                                            wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher
+                                            vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
+                                            synth nesciunt you probably haven't heard of them accusamus labore
+                                            sustainable VHS.</p>
+                                        <button type="button" class="btn btn-primary mt-4">Accept</button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- without spacing --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{ active: 1 }&quot;&gt;
+        &lt;div class=&quot;border border-[#d3d3d3] dark:border-[#3b3f5c] rounded font-semibold&quot;&gt;
+            &lt;div class=&quot;border-b border-[#d3d3d3] dark:border-[#3b3f5c]&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]&quot; :class=&quot;{'!text-primary' : active === 1}&quot; x-on:click=&quot;active === 1 ? active = null : active = 1&quot;&gt;Collapsible Group Item #1
+                    &lt;div class=&quot;ltr:ml-auto rtl:mr-auto&quot; :class=&quot;{'rotate-180' : active === 1}&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;/div&gt;
+                &lt;/button&gt;
+                &lt;div x-cloak x-show=&quot;active === 1&quot; x-collapse&gt;
+                    &lt;div class=&quot;space-y-2 p-4 text-white-dark text-[13px]&quot;&gt;
+                        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&lt;/p&gt;
+                        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&lt;/p&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+
+            &lt;div class=&quot;border-b border-[#d3d3d3] dark:border-[#3b3f5c]&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]&quot; :class=&quot;{'!text-primary' : active === 2}&quot; x-on:click=&quot;active === 2 ? active = null : active = 2&quot;&gt;Collapsible Group Item #2
+                    &lt;div class=&quot;ltr:ml-auto rtl:mr-auto&quot; :class=&quot;{'rotate-180' : active === 2}&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;/div&gt;
+                &lt;/button&gt;
+                &lt;div x-cloak x-show=&quot;active === 2&quot; x-collapse&gt;
+                    &lt;div class=&quot;p-4 text-[13px]&quot;&gt;
+                        &lt;ul class=&quot;space-y-1&quot;&gt;
+                            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Apple&lt;/a&gt;&lt;/li&gt;
+                            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Orange&lt;/a&gt;&lt;/li&gt;
+                            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Banana&lt;/a&gt;&lt;/li&gt;
+                            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;list&lt;/a&gt;&lt;/li&gt;
+                        &lt;/ul&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+
+            &lt;div&gt;
+                &lt;button type=&quot;button&quot; class=&quot;p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]&quot; :class=&quot;{'!text-primary' : active === 3}&quot; x-on:click=&quot;active === 3 ? active = null : active = 3&quot;&gt;Collapsible Group Item #3
+                    &lt;div class=&quot;ltr:ml-auto rtl:mr-auto&quot; :class=&quot;{'rotate-180' : active === 3}&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;/div&gt;
+                &lt;/button&gt;
+                &lt;div x-cloak x-show=&quot;active === 3&quot; x-collapse&gt;
+                    &lt;div class=&quot;p-4 text-[13px]&quot;&gt;
+                        &lt;p&gt;Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.&lt;/p&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary mt-4&quot;&gt;Accept&lt;/button&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;collapse&quot;, () =&gt; ({
+                collapse: false,
+
+                collapseSidebar() {
+                    this.collapse = !this.collapse;
+                },
+            }));
+
+            Alpine.data(&quot;dropdown&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Icons -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Icons</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code3')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ active: 1 }">
+                        <div class="space-y-2 font-semibold">
+                            <div class="border border-[#d3d3d3] dark:border-[#1b2e4b] rounded">
+                                <button type="button"
+                                    class="p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]"
+                                    :class="{ '!text-primary': active === 1 }"
+                                    x-on:click="active === 1 ? active = null : active = 1">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        class="w-5 h-5 ltr:mr-2 rtl:ml-2 text-primary shrink-0">
+                                        <path opacity="0.5"
+                                            d="M7.142 18.9706C5.18539 18.8995 3.99998 18.6568 3.17157 17.8284C2 16.6569 2 14.7712 2 11C2 7.22876 2 5.34315 3.17157 4.17157C4.34315 3 6.22876 3 10 3H14C17.7712 3 19.6569 3 20.8284 4.17157C22 5.34315 22 7.22876 22 11C22 14.7712 22 16.6569 20.8284 17.8284C20.0203 18.6366 18.8723 18.8873 17 18.965"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path
+                                            d="M9.94955 16.0503C10.8806 15.1192 11.3461 14.6537 11.9209 14.6234C11.9735 14.6206 12.0261 14.6206 12.0787 14.6234C12.6535 14.6537 13.119 15.1192 14.0501 16.0503C16.0759 18.0761 17.0888 19.089 16.8053 19.963C16.7809 20.0381 16.7506 20.1112 16.7147 20.1815C16.2973 21 14.8648 21 11.9998 21C9.13482 21 7.70233 21 7.28489 20.1815C7.249 20.1112 7.21873 20.0381 7.19436 19.963C6.91078 19.089 7.92371 18.0761 9.94955 16.0503Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                    Collapsible Group Item #1
+                                    <div class="ltr:ml-auto rtl:mr-auto" :class="{ 'rotate-180': active === 1 }">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-4 h-4">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </div>
+                                </button>
+                                <div x-cloak x-show="active === 1" x-collapse>
+                                    <div
+                                        class="space-y-2 p-4 text-white-dark text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]">
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                                            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+                                            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                            consequat.</p>
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                                            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+                                            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                            consequat.</p>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="border border-[#d3d3d3] dark:border-[#1b2e4b] rounded">
+                                <button type="button"
+                                    class="p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]"
+                                    :class="{ '!text-primary': active === 2 }"
+                                    x-on:click="active === 2 ? active = null : active = 2">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        class="w-5 h-5 ltr:mr-2 rtl:ml-2 text-primary shrink-0">
+                                        <path
+                                            d="M15.5777 3.38197L17.5777 4.43152C19.7294 5.56066 20.8052 6.12523 21.4026 7.13974C22 8.15425 22 9.41667 22 11.9415V12.0585C22 14.5833 22 15.8458 21.4026 16.8603C20.8052 17.8748 19.7294 18.4393 17.5777 19.5685L15.5777 20.618C13.8221 21.5393 12.9443 22 12 22C11.0557 22 10.1779 21.5393 8.42229 20.618L6.42229 19.5685C4.27063 18.4393 3.19479 17.8748 2.5974 16.8603C2 15.8458 2 14.5833 2 12.0585V11.9415C2 9.41667 2 8.15425 2.5974 7.13974C3.19479 6.12523 4.27063 5.56066 6.42229 4.43152L8.42229 3.38197C10.1779 2.46066 11.0557 2 12 2C12.9443 2 13.8221 2.46066 15.5777 3.38197Z"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M21 7.5L12 12M12 12L3 7.5M12 12V21.5"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    Collapsible Group Item #2
+                                    <div class="ltr:ml-auto rtl:mr-auto" :class="{ 'rotate-180': active === 2 }">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-4 h-4">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </div>
+                                </button>
+                                <div x-cloak x-show="active === 2" x-collapse>
+                                    <div class="p-4 text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]">
+                                        <ul class="space-y-1">
+                                            <li><a href="javascript:;">Apple</a></li>
+                                            <li><a href="javascript:;">Orange</a></li>
+                                            <li><a href="javascript:;">Banana</a></li>
+                                            <li><a href="javascript:;">list</a></li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="border border-[#d3d3d3] dark:border-[#1b2e4b] rounded">
+                                <button type="button"
+                                    class="p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]"
+                                    :class="{ '!text-primary': active === 3 }"
+                                    x-on:click="active === 3 ? active = null : active = 3">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        class="w-5 h-5 ltr:mr-2 rtl:ml-2 text-primary shrink-0">
+                                        <path
+                                            d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path opacity="0.5"
+                                            d="M2 8.75C1.58579 8.75 1.25 9.08579 1.25 9.5C1.25 9.91421 1.58579 10.25 2 10.25V8.75ZM22 10.25C22.4142 10.25 22.75 9.91421 22.75 9.5C22.75 9.08579 22.4142 8.75 22 8.75V10.25ZM8.25 21C8.25 21.4142 8.58579 21.75 9 21.75C9.41421 21.75 9.75 21.4142 9.75 21H8.25ZM9.75 10C9.75 9.58579 9.41421 9.25 9 9.25C8.58579 9.25 8.25 9.58579 8.25 10L9.75 10ZM2 10.25H22V8.75H2V10.25ZM9.75 21L9.75 10L8.25 10L8.25 21H9.75Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                    Collapsible Group Item #3
+                                    <div class="ltr:ml-auto rtl:mr-auto" :class="{ 'rotate-180': active === 3 }">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-4 h-4">
+                                            <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </div>
+                                </button>
+                                <div x-cloak x-show="active === 3" x-collapse>
+                                    <div class="p-4 text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]">
+                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
+                                            richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard
+                                            dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
+                                            tempor, sunt aliqua put a bird on it squid single-origin coffee nulla
+                                            assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
+                                            wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher
+                                            vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
+                                            synth nesciunt you probably haven't heard of them accusamus labore
+                                            sustainable VHS.</p>
+                                        <button type="button" class="btn btn-primary mt-4">Accept</button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code3')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- icons --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{ active: 1 }&quot;&gt;
+        &lt;div class=&quot;space-y-2 font-semibold&quot;&gt;
+            &lt;div class=&quot;border border-[#d3d3d3] dark:border-[#1b2e4b] rounded&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]&quot; :class=&quot;{'!text-primary' : active === 1}&quot; x-on:click=&quot;active === 1 ? active = null : active = 1&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; Collapsible Group Item #1
+                    &lt;div class=&quot;ltr:ml-auto rtl:mr-auto&quot; :class=&quot;{'rotate-180' : active === 1}&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;/div&gt;
+                &lt;/button&gt;
+                &lt;div x-cloak x-show=&quot;active === 1&quot; x-collapse&gt;
+                    &lt;div class=&quot;space-y-2 p-4 text-white-dark text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]&quot;&gt;
+                        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&lt;/p&gt;
+                        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&lt;/p&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+
+            &lt;div class=&quot;border border-[#d3d3d3] dark:border-[#1b2e4b] rounded&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]&quot; :class=&quot;{'!text-primary' : active === 2}&quot; x-on:click=&quot;active === 2 ? active = null : active = 2&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; Collapsible Group Item #2
+                    &lt;div class=&quot;ltr:ml-auto rtl:mr-auto&quot; :class=&quot;{'rotate-180' : active === 2}&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;/div&gt;
+                &lt;/button&gt;
+                &lt;div x-cloak x-show=&quot;active === 2&quot; x-collapse&gt;
+                    &lt;div class=&quot;p-4 text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]&quot;&gt;
+                        &lt;ul class=&quot;space-y-1&quot;&gt;
+                            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Apple&lt;/a&gt;&lt;/li&gt;
+                            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Orange&lt;/a&gt;&lt;/li&gt;
+                            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Banana&lt;/a&gt;&lt;/li&gt;
+                            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;list&lt;/a&gt;&lt;/li&gt;
+                        &lt;/ul&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+
+            &lt;div class=&quot;border border-[#d3d3d3] dark:border-[#1b2e4b] rounded&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]&quot; :class=&quot;{'!text-primary' : active === 3}&quot; x-on:click=&quot;active === 3 ? active = null : active = 3&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; Collapsible Group Item #3
+                    &lt;div class=&quot;ltr:ml-auto rtl:mr-auto&quot; :class=&quot;{'rotate-180' : active === 3}&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;/div&gt;
+                &lt;/button&gt;
+                &lt;div x-cloak x-show=&quot;active === 3&quot; x-collapse&gt;
+                    &lt;div class=&quot;p-4 text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]&quot;&gt;
+                        &lt;p&gt;Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.&lt;/p&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary mt-4&quot;&gt;Accept&lt;/button&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;collapse&quot;, () =&gt; ({
+                collapse: false,
+
+                collapseSidebar() {
+                    this.collapse = !this.collapse;
+                },
+            }));
+
+            Alpine.data(&quot;dropdown&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- no icons -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">No Icons</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code4')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ active: 1 }">
+                        <div class="space-y-2 font-semibold">
+                            <div class="border border-[#d3d3d3] rounded dark:border-[#1b2e4b]">
+                                <button type="button"
+                                    class="p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]"
+                                    :class="{ '!text-primary': active === 1 }"
+                                    x-on:click="active === 1 ? active = null : active = 1">Collapsible Group Item #1
+                                </button>
+                                <div x-cloak x-show="active === 1" x-collapse>
+                                    <div
+                                        class="space-y-2 p-4 text-white-dark text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]">
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                                            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+                                            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                            consequat.</p>
+                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                                            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+                                            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                            consequat.</p>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="border border-[#d3d3d3] dark:border-[#1b2e4b] rounded">
+                                <button type="button"
+                                    class="p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]"
+                                    :class="{ '!text-primary': active === 2 }"
+                                    x-on:click="active === 2 ? active = null : active = 2">Collapsible Group Item
+                                    #2</button>
+                                <div x-cloak x-show="active === 2" x-collapse>
+                                    <div class="p-4 text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]">
+                                        <ul class="space-y-1">
+                                            <li><a href="javascript:;">Apple</a></li>
+                                            <li><a href="javascript:;">Orange</a></li>
+                                            <li><a href="javascript:;">Banana</a></li>
+                                            <li><a href="javascript:;">list</a></li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="border border-[#d3d3d3] dark:border-[#1b2e4b] rounded">
+                                <button type="button"
+                                    class="p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]"
+                                    :class="{ '!text-primary': active === 3 }"
+                                    x-on:click="active === 3 ? active = null : active = 3">Collapsible Group Item #3
+                                </button>
+                                <div x-cloak x-show="active === 3" x-collapse>
+                                    <div class="p-4 text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]">
+                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
+                                            richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard
+                                            dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
+                                            tempor, sunt aliqua put a bird on it squid single-origin coffee nulla
+                                            assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
+                                            wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher
+                                            vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
+                                            synth nesciunt you probably haven't heard of them accusamus labore
+                                            sustainable VHS.</p>
+                                        <button type="button" class="btn btn-primary mt-4">Accept</button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code4')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- no icon --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{ active: 1 }&quot;&gt;
+        &lt;div class=&quot;space-y-2 font-semibold&quot;&gt;
+            &lt;div class=&quot;border border-[#d3d3d3] rounded dark:border-[#1b2e4b]&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]&quot; :class=&quot;{'!text-primary' : active === 1}&quot; x-on:click=&quot;active === 1 ? active = null : active = 1&quot;&gt;Collapsible Group Item #1
+                &lt;/button&gt;
+                &lt;div x-cloak x-show=&quot;active === 1&quot; x-collapse&gt;
+                    &lt;div class=&quot;space-y-2 p-4 text-white-dark text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]&quot;&gt;
+                        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&lt;/p&gt;
+                        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&lt;/p&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+
+            &lt;div class=&quot;border border-[#d3d3d3] dark:border-[#1b2e4b] rounded&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]&quot; :class=&quot;{'!text-primary' : active === 2}&quot; x-on:click=&quot;active === 2 ? active = null : active = 2&quot;&gt;Collapsible Group Item #2&lt;/button&gt;
+                &lt;div x-cloak x-show=&quot;active === 2&quot; x-collapse&gt;
+                    &lt;div class=&quot;p-4 text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]&quot;&gt;
+                        &lt;ul class=&quot;space-y-1&quot;&gt;
+                            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Apple&lt;/a&gt;&lt;/li&gt;
+                            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Orange&lt;/a&gt;&lt;/li&gt;
+                            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;Banana&lt;/a&gt;&lt;/li&gt;
+                            &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;list&lt;/a&gt;&lt;/li&gt;
+                        &lt;/ul&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+
+            &lt;div class=&quot;border border-[#d3d3d3] dark:border-[#1b2e4b] rounded&quot;&gt;
+                &lt;button type=&quot;button&quot; class=&quot;p-4 w-full flex items-center text-white-dark dark:bg-[#1b2e4b]&quot; :class=&quot;{'!text-primary' : active === 3}&quot; x-on:click=&quot;active === 3 ? active = null : active = 3&quot;&gt;Collapsible Group Item #3
+                &lt;/button&gt;
+                &lt;div x-cloak x-show=&quot;active === 3&quot; x-collapse&gt;
+                    &lt;div class=&quot;p-4 text-[13px] border-t border-[#d3d3d3] dark:border-[#1b2e4b]&quot;&gt;
+                        &lt;p&gt;Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.&lt;/p&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary mt-4&quot;&gt;Accept&lt;/button&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;collapse&quot;, () =&gt; ({
+                collapse: false,
+
+                collapseSidebar() {
+                    this.collapse = !this.collapse;
+                },
+            }));
+
+            Alpine.data(&quot;dropdown&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+
+</x-layout.default>
diff --git a/resources/views/ui-components/cards.blade.php b/resources/views/ui-components/cards.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..941d1c9f03023f2260a89c941c112288b0bb8325
--- /dev/null
+++ b/resources/views/ui-components/cards.blade.php
@@ -0,0 +1,755 @@
+<x-layout.default>
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Components</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Cards</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 lg:grid-cols-2 gap-6" x-data="form">
+            <!-- Card 1 -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Card 1</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5 flex items-center justify-center">
+                    <div
+                        class="max-w-[19rem] w-full bg-white shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none">
+                        <div class="py-7 px-6">
+                            <div class="bg-[#3b3f5c] mb-5 inline-block p-3 text-[#f1f2f3] rounded-full">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                    <path opacity="0.5"
+                                        d="M3 13.1928C3 18.0569 6.85549 22 11.6115 22H12.3885C17.1445 22 21 18.0569 21 13.1928V12.9281C21 8.31651 18.2715 4.16347 14.0967 2.42077C12.7527 1.85974 11.2473 1.85974 9.90329 2.42077C5.72854 4.16347 3 8.31651 3 12.9281V13.1928Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path d="M7.61475 10.7237C8.2495 8.71826 9.63062 7.08805 11.3858 6.27637"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                            </div>
+                            <h5 class="text-[#3b3f5c] text-xl font-semibold mb-4 dark:text-white-light">Simple</h5>
+                            <p class="text-white-dark">Mauris nisi felis, placerat in volutpat id, varius et sapien.</p>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- card 1 --&gt;
+    &lt;div class=&quot;max-w-[19rem] w-full bg-white shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none&quot;&gt;
+        &lt;div class=&quot;py-7 px-6&quot;&gt;
+            &lt;div class=&quot;bg-[#3b3f5c] mb-5 inline-block p-3 text-[#f1f2f3] rounded-full&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/div&gt;
+            &lt;h5 class=&quot;text-[#3b3f5c] text-xl font-semibold mb-4 dark:text-white-light&quot;&gt;Simple&lt;/h5&gt;
+            &lt;p class=&quot;text-white-dark&quot;&gt;Mauris nisi felis, placerat in volutpat id, varius et sapien.&lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Card 2 -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Card 2</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5 flex items-center justify-center">
+                    <div
+                        class="max-w-[19rem] w-full bg-white shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none">
+                        <div class="py-7 px-6">
+                            <div class="-mt-7 mb-7 -mx-6 rounded-tl rounded-tr h-[215px] overflow-hidden">
+                                <img src="/assets/images/profile-28.jpeg" alt="image"
+                                    class="w-full h-full object-cover" />
+                            </div>
+                            <h5 class="text-[#3b3f5c] text-xl font-semibold mb-4 dark:text-white-light">CLI Based</h5>
+                            <p class="text-white-dark">Etiam sed augue ac justo tincidunt posuere. Vivamus euismod eros,
+                                nec risus malesuada.</p>
+                            <button type="button" class="btn btn-primary mt-6">Explore More</button>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- card 2 --&gt;
+    &lt;div class=&quot;max-w-[19rem] w-full bg-white shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none&quot;&gt;
+        &lt;div class=&quot;py-7 px-6&quot;&gt;
+            &lt;div class=&quot;-mt-7 mb-7 -mx-6 rounded-tl rounded-tr h-[215px] overflow-hidden&quot;&gt;
+                &lt;img src=&quot; /assets/images/profile-28.jpeg &quot; alt=&quot;image&quot; class=&quot;w-full h-full object-cover&quot; /&gt;
+            &lt;/div&gt;
+            &lt;h5 class=&quot;text-[#3b3f5c] text-xl font-semibold mb-4 dark:text-white-light&quot;&gt;CLI Based&lt;/h5&gt;
+            &lt;p class=&quot;text-white-dark&quot;&gt;Etiam sed augue ac justo tincidunt posuere. Vivamus euismod eros, nec risus malesuada.&lt;/p&gt;
+            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary mt-6&quot;&gt;Explore More&lt;/button&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Card 3 -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Card 3</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5 flex items-center justify-center">
+                    <div
+                        class="max-w-[18rem] w-full bg-[#3b3f5c] shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none p-5">
+                        <div class="text-center text-black-light">
+                            <div class="mb-5 w-20 h-20 rounded-full overflow-hidden mx-auto">
+                                <img src="/assets/images/profile-34.jpeg" alt="image"
+                                    class="w-full h-full object-cover" />
+                            </div>
+                            <h5 class="text-white text-[15px] font-semibold mb-2">Luke Ivory</h5>
+                            <p>Manager</p>
+                            <div class="flex justify-center items-center text-[#e2a03f] my-4">
+
+
+
+
+
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 fill-[#e2a03f]">
+                                    <path
+                                        d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                        stroke="currentColor" stroke-width="1.5"></path>
+                                </svg>
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 fill-[#e2a03f]">
+                                    <path
+                                        d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                        stroke="currentColor" stroke-width="1.5"></path>
+                                </svg>
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 fill-[#e2a03f]">
+                                    <path
+                                        d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                        stroke="currentColor" stroke-width="1.5"></path>
+                                </svg>
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 fill-[#e2a03f]">
+                                    <path
+                                        d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                        stroke="currentColor" stroke-width="1.5"></path>
+                                </svg>
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                    <path
+                                        d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                        stroke="currentColor" stroke-width="1.5"></path>
+                                </svg>
+                            </div>
+                            <p class="font-semibold italic">Maecenas nec mi vel lacus condimentum rhoncus dignissim
+                                egestas orci. Integer blandit porta placerat. Vestibulum in ultricies.</p>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- card 3 --&gt;
+    &lt;div class=&quot;max-w-[18rem] w-full bg-[#3b3f5c] shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none p-5&quot;&gt;
+        &lt;div class=&quot;text-center text-black-light&quot;&gt;
+            &lt;div class=&quot;mb-5 w-20 h-20 rounded-full overflow-hidden mx-auto&quot;&gt;
+                &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-full h-full object-cover&quot; /&gt;
+            &lt;/div&gt;
+            &lt;h5 class=&quot;text-white text-[15px] font-semibold mb-2&quot;&gt;Luke Ivory&lt;/h5&gt;
+            &lt;p&gt;Manager&lt;/p&gt;
+            &lt;div class=&quot;flex justify-center items-center text-[#e2a03f] my-4&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/div&gt;
+            &lt;p class=&quot;font-semibold italic&quot;&gt;Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies.&lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Card 4 -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Card 4</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code4')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5 flex items-center justify-center">
+                    <div
+                        class="max-w-[30rem] w-full bg-white shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none">
+                        <div class="p-5 flex items-center flex-col sm:flex-row">
+                            <div class="mb-5 w-20 h-20 rounded-full overflow-hidden">
+                                <img src="/assets/images/profile-34.jpeg" alt="image"
+                                    class="w-full h-full object-cover" />
+                            </div>
+                            <div class="flex-1 ltr:sm:pl-5 rtl:sm:pr-5 text-center sm:text-left">
+                                <h5 class="text-[#3b3f5c] text-[15px] font-semibold mb-2 dark:text-white-light">Luke
+                                    Ivory</h5>
+                                <p class="mb-2 text-white-dark">Manager</p>
+                                <span class="badge bg-primary rounded-full">4.5</span>
+                                <p class="font-semibold text-white-dark mt-4 sm:mt-8">Maecenas nec mi vel lacus
+                                    condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat.
+                                    Vestibulum in ultricies.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code4')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- card 4 --&gt;
+    &lt;div class=&quot;max-w-[30rem] w-full bg-white shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none&quot;&gt;
+        &lt;div class=&quot;p-5 flex items-center flex-col sm:flex-row&quot;&gt;
+            &lt;div class=&quot;mb-5 w-20 h-20 rounded-full overflow-hidden&quot;&gt;
+                &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-full h-full object-cover&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;flex-1 ltr:sm:pl-5 rtl:sm:pr-5 text-center sm:text-left&quot;&gt;
+                &lt;h5 class=&quot;text-[#3b3f5c] text-[15px] font-semibold mb-2 dark:text-white-light&quot;&gt;Luke Ivory&lt;/h5&gt;
+                &lt;p class=&quot;mb-2 text-white-dark&quot;&gt;Manager&lt;/p&gt;
+                &lt;span class=&quot;badge bg-primary rounded-full&quot;&gt;4.5&lt;/span&gt;
+                &lt;p class=&quot;font-semibold text-white-dark mt-4 sm:mt-8&quot;&gt;Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies.&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Card 5 -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Card 5</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code5')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5 flex items-center justify-center">
+                    <div
+                        class="max-w-[20rem] w-full bg-secondary shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-0 dark:bg-secondary-dark-light dark:shadow-none p-5">
+                        <div class="text-black-light">
+                            <p class="font-semibold mb-5">Maecenas nec mi vel lacus condimentum rhoncus dignissim
+                                egestas orci. Integer blandit porta placerat. Vestibulum in ultricies.</p>
+                            <div class="flex">
+                                <div class="mb-5 w-14 h-14 rounded-full overflow-hidden mx-auto">
+                                    <img src="/assets/images/profile-34.jpeg" alt="image"
+                                        class="w-full h-full object-cover" />
+                                </div>
+                                <div class="flex-1 ltr:pl-4 rtl:pr-4">
+                                    <h5 class="text-white text-[15px] font-semibold mb-1">Luke Ivory</h5>
+                                    <p>Manager</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code5')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- card 5 --&gt;
+    &lt;div class=&quot;max-w-[20rem] w-full bg-secondary shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-0 dark:bg-secondary-dark-light dark:shadow-none p-5&quot;&gt;
+        &lt;div class=&quot;text-black-light&quot;&gt;
+            &lt;p class=&quot;font-semibold mb-5&quot;&gt;Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies.&lt;/p&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;div class=&quot;mb-5 w-14 h-14 rounded-full overflow-hidden mx-auto&quot;&gt;
+                    &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-full h-full object-cover&quot; /&gt;
+                &lt;/div&gt;
+                &lt;div class=&quot;flex-1 ltr:pl-4 rtl:pr-4&quot;&gt;
+                    &lt;h5 class=&quot;text-white text-[15px] font-semibold mb-1&quot;&gt;Luke Ivory&lt;/h5&gt;
+                    &lt;p&gt;Manager&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Card 6 -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Card 6</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code6')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5 flex items-center justify-center">
+                    <div
+                        class="max-w-[20rem] w-full bg-white shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none p-5 ">
+                        <div class="text-[#515365] dark:text-white-light">
+                            <p class="font-semibold italic mb-5">Maecenas nec mi vel lacus condimentum rhoncus
+                                dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies.</p>
+                            <div class="flex">
+                                <div class="flex-1">
+                                    <h5 class="text-[#3b3f5c] text-[15px] font-bold mb-1.5 dark:text-white-light">Luke
+                                        Ivory</h5>
+                                    <p class="text-white-dark mb-1.5">Manager</p>
+                                    <div class="flex justify-start items-center text-[#e2a03f]">
+
+
+
+
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 fill-[#e2a03f]">
+                                            <path
+                                                d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                        </svg>
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 fill-[#e2a03f]">
+                                            <path
+                                                d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                        </svg>
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 fill-[#e2a03f]">
+                                            <path
+                                                d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                        </svg>
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 fill-[#e2a03f]">
+                                            <path
+                                                d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                        </svg>
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-3 h-3">
+                                            <path
+                                                d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                        </svg>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code6')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- card 6 --&gt;
+    &lt;div class=&quot;max-w-[20rem] w-full bg-white shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none p-5 &quot;&gt;
+        &lt;div class=&quot;text-[#515365] dark:text-white-light&quot;&gt;
+            &lt;p class=&quot;font-semibold italic mb-5&quot;&gt;Maecenas nec mi vel lacus condimentum rhoncus dignissim egestas orci. Integer blandit porta placerat. Vestibulum in ultricies.&lt;/p&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;div class=&quot;flex-1&quot;&gt;
+                    &lt;h5 class=&quot;text-[#3b3f5c] text-[15px] font-bold mb-1.5 dark:text-white-light&quot;&gt;Luke Ivory&lt;/h5&gt;
+                    &lt;p class=&quot;text-white-dark mb-1.5&quot;&gt;Manager&lt;/p&gt;
+                    &lt;div class=&quot;flex justify-start items-center text-[#e2a03f]&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Card 7 -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Card 7</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code7')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5 flex items-center justify-center">
+                    <div
+                        class="max-w-[20rem] w-full bg-primary shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-0 dark:bg-primary-dark-light dark:shadow-none p-5">
+                        <div class="text-center font-semibold">
+                            <h5 class="text-white text-xl font-bold mb-5 dark:text-white-light">Rating</h5>
+                            <p class="text-white mb-5 text-base">(4.3)</p>
+                            <div class="flex justify-center items-center gap-1 text-[#e2a03f]">
+
+
+
+
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 fill-[#e2a03f]">
+                                    <path
+                                        d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                        stroke="currentColor" stroke-width="1.5"></path>
+                                </svg>
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 fill-[#e2a03f]">
+                                    <path
+                                        d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                        stroke="currentColor" stroke-width="1.5"></path>
+                                </svg>
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 fill-[#e2a03f]">
+                                    <path
+                                        d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                        stroke="currentColor" stroke-width="1.5"></path>
+                                </svg>
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5 fill-[#e2a03f]">
+                                    <path
+                                        d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                        stroke="currentColor" stroke-width="1.5"></path>
+                                </svg>
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-4.5 h-4.5">
+                                    <path
+                                        d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z"
+                                        stroke="currentColor" stroke-width="1.5"></path>
+                                </svg>
+                                <span class="text-white ltr:ml-1 rtl:mr-1">(94)</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code7')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- card 7 --&gt;
+    &lt;div class=&quot;max-w-[20rem] w-full bg-primary shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-0 dark:bg-primary-dark-light dark:shadow-none p-5&quot;&gt;
+        &lt;div class=&quot;text-center font-semibold&quot;&gt;
+            &lt;h5 class=&quot;text-white text-xl font-bold mb-5 dark:text-white-light&quot;&gt;Rating&lt;/h5&gt;
+            &lt;p class=&quot;text-white mb-5 text-base&quot;&gt;(4.3)&lt;/p&gt;
+            &lt;div class=&quot;flex justify-center items-center gap-1 text-[#e2a03f]&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+                &lt;span class=&quot;text-white ltr:ml-1 rtl:mr-1&quot;&gt;(94)&lt;/span&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Card 8 -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Card 8</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code8')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5 flex items-center justify-center">
+                    <div
+                        class="max-w-[24rem] w-full bg-white shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none p-5">
+                        <div class="flex justify-between mb-5">
+                            <h6 class="text-[#0e1726] font-semibold text-base dark:text-white-light">Placed Order</h6>
+                            <span class="badge bg-primary/10 text-primary py-1.5 dark:bg-primary dark:text-white">IN
+                                PROGRESS</span>
+                        </div>
+                        <div class="flex items-center justify-start -space-x-3 rtl:space-x-reverse mb-5">
+                            <img class="w-9 h-9 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-[#515365] shadow-[0_0_15px_1px_rgba(113,106,202,0.30)] dark:shadow-none"
+                                src="/assets/images/profile-34.jpeg" alt="image" />
+                            <img class="w-9 h-9 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-[#515365] shadow-[0_0_15px_1px_rgba(113,106,202,0.30)] dark:shadow-none"
+                                src="/assets/images/profile-34.jpeg" alt="image" />
+                            <img class="w-9 h-9 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-[#515365] shadow-[0_0_15px_1px_rgba(113,106,202,0.30)] dark:shadow-none"
+                                src="/assets/images/profile-34.jpeg" alt="image" />
+                            <span
+                                class="bg-white rounded-full px-2 py-1 text-primary text-xs shadow-[0_0_20px_0_#d0d0d0] dark:shadow-none dark:bg-[#0e1726] dark:text-white">+5
+                                more</span>
+                        </div>
+                        <div class="text-right">
+                            <span class="text-primary font-semibold">60%</span>
+                            <div class="bg-[#ebedf2] dark:bg-[#0e1726] rounded-full w-full h-1.5 mt-1.5">
+                                <div class="rounded-full bg-primary h-full" style="width: 60%;"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code8')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- card 8 --&gt;
+    &lt;div class=&quot;max-w-[24rem] w-full bg-white shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none p-5&quot;&gt;
+        &lt;div class=&quot;flex justify-between mb-5&quot;&gt;
+            &lt;h6 class=&quot;text-[#0e1726] font-semibold text-base dark:text-white-light&quot;&gt;Placed Order&lt;/h6&gt;
+            &lt;span class=&quot;badge bg-primary/10 text-primary py-1.5 dark:bg-primary dark:text-white&quot;&gt;IN PROGRESS&lt;/span&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex items-center justify-start -space-x-3 rtl:space-x-reverse mb-5&quot;&gt;
+            &lt;img class=&quot;w-9 h-9 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-[#515365] shadow-[0_0_15px_1px_rgba(113,106,202,0.30)] dark:shadow-none&quot; src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; /&gt;
+            &lt;img class=&quot;w-9 h-9 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-[#515365] shadow-[0_0_15px_1px_rgba(113,106,202,0.30)] dark:shadow-none&quot; src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; /&gt;
+            &lt;img class=&quot;w-9 h-9 rounded-full overflow-hidden object-cover ring-2 ring-white dark:ring-[#515365] shadow-[0_0_15px_1px_rgba(113,106,202,0.30)] dark:shadow-none&quot; src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; /&gt;
+            &lt;span class=&quot;bg-white rounded-full px-2 py-1 text-primary text-xs shadow-[0_0_20px_0_#d0d0d0] dark:shadow-none dark:bg-[#0e1726] dark:text-white&quot;&gt;+5 more&lt;/span&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;text-right&quot;&gt;
+            &lt;span class=&quot;text-primary font-semibold&quot;&gt;60%&lt;/span&gt;
+            &lt;div class=&quot;bg-[#ebedf2] dark:bg-[#0e1726] rounded-full w-full h-1.5 mt-1.5&quot;&gt;
+                &lt;div class=&quot;rounded-full bg-primary h-full&quot; style=&quot;width: 60%;&quot;&gt;&lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Card 9 -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Card 9</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code9')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5 flex items-center justify-center">
+                    <div
+                        class="max-w-[22rem] w-full bg-white shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none">
+                        <div class="py-7 px-6">
+                            <div class="-mt-7 mb-7 -mx-6 rounded-tl rounded-tr h-[260px] overflow-hidden">
+                                <img src="/assets/images/profile-28.jpeg" alt="image"
+                                    class="w-full h-full object-cover" />
+                            </div>
+                            <p class="text-primary text-xs mb-1.5 font-bold">25 Sep 2020</p>
+                            <h5 class="text-[#3b3f5c] text-[15px] font-bold mb-4 dark:text-white-light">How to Start a
+                                Blog in 5 Easy Steps.</h5>
+                            <p class="text-white-dark ">Vestibulum vestibulum tortor ut eros tincidunt, ut rutrum elit
+                                volutpat.</p>
+                            <div
+                                class="relative flex justify-between mt-6 pt-4 before:w-[250px] before:h-[1px] before:bg-[#e0e6ed] before:inset-x-0 before:top-0 before:absolute before:mx-auto dark:before:bg-[#1b2e4b]">
+                                <div class="flex items-center font-semibold">
+                                    <div class="w-9 h-9 rounded-full overflow-hidden inline-block ltr:mr-2 rtl:ml-2.5">
+                                        <span
+                                            class="flex w-full h-full items-center justify-center bg-[#515365] text-[#e0e6ed] shrink-0">AG</span>
+                                    </div>
+                                    <div class="text-[#515365] dark:text-white-dark">Luke Ivory</div>
+                                </div>
+                                <div class="flex font-semibold">
+                                    <div class="text-primary flex items-center ltr:mr-3 rtl:ml-3">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 ltr:mr-1 rtl:ml-1">
+                                            <path
+                                                d="M12 5.50063C7.50016 0.825464 2 4.27416 2 9.1371C2 14 6.01943 16.5914 8.96173 18.9109C10 19.7294 11 20.5 12 20.5"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                            <path opacity="0.5"
+                                                d="M12 5.50063C16.4998 0.825464 22 4.27416 22 9.1371C22 14 17.9806 16.5914 15.0383 18.9109C14 19.7294 13 20.5 12 20.5"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        </svg>
+                                        51
+                                    </div>
+                                    <div class="text-primary flex items-center">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 ltr:mr-1 rtl:ml-1">
+                                            <path opacity="0.5"
+                                                d="M3.27489 15.2957C2.42496 14.1915 2 13.6394 2 12C2 10.3606 2.42496 9.80853 3.27489 8.70433C4.97196 6.49956 7.81811 4 12 4C16.1819 4 19.028 6.49956 20.7251 8.70433C21.575 9.80853 22 10.3606 22 12C22 13.6394 21.575 14.1915 20.7251 15.2957C19.028 17.5004 16.1819 20 12 20C7.81811 20 4.97196 17.5004 3.27489 15.2957Z"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                            <path
+                                                d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                        </svg>
+                                        250
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code9')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- card 9 --&gt;
+    &lt;div class=&quot;max-w-[22rem] w-full bg-white shadow-[4px_6px_10px_-3px_#bfc9d4] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] dark:bg-[#191e3a] dark:shadow-none&quot;&gt;
+        &lt;div class=&quot;py-7 px-6&quot;&gt;
+            &lt;div class=&quot;-mt-7 mb-7 -mx-6 rounded-tl rounded-tr h-[260px] overflow-hidden&quot;&gt;
+                &lt;img src=&quot; /assets/images/profile-28.jpeg &quot; alt=&quot;image&quot; class=&quot;w-full h-full object-cover&quot; /&gt;
+            &lt;/div&gt;
+            &lt;p class=&quot;text-primary text-xs mb-1.5 font-bold&quot;&gt;25 Sep 2020&lt;/p&gt;
+            &lt;h5 class=&quot;text-[#3b3f5c] text-[15px] font-bold mb-4 dark:text-white-light&quot;&gt;How to Start a Blog in 5 Easy Steps.&lt;/h5&gt;
+            &lt;p class=&quot;text-white-dark &quot;&gt;Vestibulum vestibulum tortor ut eros tincidunt, ut rutrum elit volutpat.&lt;/p&gt;
+            &lt;div class=&quot;relative flex justify-between mt-6 pt-4 before:w-[250px] before:h-[1px] before:bg-[#e0e6ed] before:inset-x-0 before:top-0 before:absolute before:mx-auto dark:before:bg-[#1b2e4b]&quot;&gt;
+                &lt;div class=&quot;flex items-center font-semibold&quot;&gt;
+                    &lt;div class=&quot;w-9 h-9 rounded-full overflow-hidden inline-block ltr:mr-2 rtl:ml-2.5&quot;&gt;
+                        &lt;span class=&quot;flex w-full h-full items-center justify-center bg-[#515365] text-[#e0e6ed]&quot;&gt;AG&lt;/span&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;text-[#515365] dark:text-white-dark&quot;&gt;Luke Ivory&lt;/div&gt;
+                &lt;/div&gt;
+                &lt;div class=&quot;flex font-semibold&quot;&gt;
+                    &lt;div class=&quot;text-primary flex items-center ltr:mr-3 rtl:ml-3&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                        51 &lt;/div&gt;
+                    &lt;div class=&quot;text-primary flex items-center&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                        250 &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/ui-components/carousel.blade.php b/resources/views/ui-components/carousel.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..8895b8b4ff7e2abe67b3b2d937e02c4a17ca4e47
--- /dev/null
+++ b/resources/views/ui-components/carousel.blade.php
@@ -0,0 +1,670 @@
+<x-layout.default>
+
+
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/swiper-bundle.min.css') }}">
+    <script src="/assets/js/swiper-bundle.min.js"></script>
+    <div x-data="carousel">
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Components</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Carousel</span>
+            </li>
+        </ul>
+
+        <div class="pt-5 space-y-8">
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a href="https://www.npmjs.com/package/swiper"
+                    target="_blank" class="block hover:underline">https://www.npmjs.com/package/swiper</a>
+            </div>
+
+            <div class="grid lg:grid-cols-2 grid-cols-1 gap-6">
+                <!-- basic -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="swiper max-w-3xl mx-auto mb-5" id="slider1">
+                        <div class="swiper-wrapper">
+                            <template x-for="item in items">
+                                <div class="swiper-slide">
+                                    <img :src="`/assets/images/${item}`"
+                                        class="w-full max-h-80 object-cover" alt="image" />
+                                </div>
+                            </template>
+                        </div>
+                        <a href="javascript:;"
+                            class="swiper-button-prev-ex1 grid place-content-center ltr:left-2 rtl:right-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-1/2 -translate-y-1/2">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </a>
+                        <a href="javascript:;"
+                            class="swiper-button-next-ex1 grid place-content-center ltr:right-2 rtl:left-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-1/2 -translate-y-1/2">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:rotate-180">
+                                <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </a>
+                        <div class="swiper-pagination"></div>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;div class=&quot;swiper max-w-3xl mx-auto mb-5&quot; id=&quot;slider1&quot;&gt;
+        &lt;div class=&quot;swiper-wrapper&quot;&gt;
+            &lt;template x-for=&quot;item in items&quot;&gt;
+                &lt;div class=&quot;swiper-slide&quot;&gt;
+                    &lt;img :src=&quot;`/assets/images/${item} `&quot; class=&quot;w-full max-h-80 object-cover&quot; alt=&quot;image&quot; /&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+        &lt;a href=&quot;javascript:;&quot; class=&quot;swiper-button-prev-ex1 grid place-content-center ltr:left-2 rtl:right-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-1/2 -translate-y-1/2&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/a&gt;
+        &lt;a href=&quot;javascript:;&quot; class=&quot;swiper-button-next-ex1 grid place-content-center ltr:right-2 rtl:left-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-1/2 -translate-y-1/2&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/a&gt;
+        &lt;div class=&quot;swiper-pagination&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+    const swiper1 = new Swiper(&quot;#slider1&quot;, {
+        navigation: {
+            nextEl: '.swiper-button-next-ex1',
+            prevEl: '.swiper-button-prev-ex1',
+        },
+        pagination: {
+            el: &quot;.swiper-pagination&quot;,
+            clickable: true,
+        },
+    });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- autopaly -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Autopaly</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="swiper max-w-3xl mx-auto mb-5" id="slider2">
+                        <div class="swiper-wrapper">
+                            <template x-for="item in items">
+                                <div class="swiper-slide">
+                                    <img :src="`/assets/images/${item}`"
+                                        class="w-full max-h-80 object-cover" alt="image" />
+                                    <div class="absolute z-[999] text-white top-1/4 ltr:left-12 rtl:right-12">
+                                        <div class="sm:text-3xl text-base font-bold">This is blog Image</div>
+                                        <div class="sm:mt-5 mt-1 w-4/5 text-base sm:block hidden font-medium">
+                                            Lorem Ipsum is simply dummy text of the printing and typesetting industry.
+                                            Lorem Ipsum has been the industry's standard.
+                                        </div>
+                                        <button type="button" class="mt-4 btn btn-primary">Learn more</button>
+                                    </div>
+                                </div>
+                            </template>
+                        </div>
+                        <a href="javascript:;"
+                            class="swiper-button-prev-ex2 grid place-content-center ltr:left-2 rtl:right-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-1/2 -translate-y-1/2">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </a>
+                        <a href="javascript:;"
+                            class="swiper-button-next-ex2 grid place-content-center ltr:right-2 rtl:left-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-1/2 -translate-y-1/2">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:rotate-180">
+                                <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </a>
+                    </div>
+
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- autopaly --&gt;
+    &lt;div class=&quot;swiper max-w-3xl mx-auto mb-5&quot; id=&quot;slider2&quot;&gt;
+        &lt;div class=&quot;swiper-wrapper&quot;&gt;
+            &lt;template x-for=&quot;item in items&quot;&gt;
+                &lt;div class=&quot;swiper-slide&quot;&gt;
+                    &lt;img :src=&quot;`/assets/images/${item} `&quot; class=&quot;w-full max-h-80 object-cover&quot; alt=&quot;image&quot; /&gt;
+                    &lt;div class=&quot;absolute z-[999] text-white top-1/4 ltr:left-12 rtl:right-12&quot;&gt;
+                        &lt;div class=&quot;sm:text-3xl text-base font-bold&quot;&gt;This is blog Image&lt;/div&gt;
+                        &lt;div class=&quot;sm:mt-5 mt-1 w-4/5 text-base sm:block hidden font-medium&quot;&gt;
+                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.
+                        &lt;/div&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;mt-4 btn btn-primary&quot;&gt;Learn more&lt;/button&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+        &lt;a href=&quot;javascript:;&quot; class=&quot;swiper-button-prev-ex2 grid place-content-center ltr:left-2 rtl:right-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-1/2 -translate-y-1/2&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/a&gt;
+        &lt;a href=&quot;javascript:;&quot; class=&quot;swiper-button-next-ex2 grid place-content-center ltr:right-2 rtl:left-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-1/2 -translate-y-1/2&quot;&gt;
+           &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/a&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+    const swiper2 = new Swiper(&quot;#slider2&quot;, {
+        navigation: {
+            nextEl: '.swiper-button-next-ex2',
+            prevEl: '.swiper-button-prev-ex2',
+        },
+        autoplay: {
+            delay: 2000,
+        },
+    });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- vertical -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Vertical</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code3')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="swiper max-w-3xl mx-auto mb-5" id="slider3">
+                        <div class="swiper-wrapper">
+                            <template x-for="item in items">
+                                <div class="swiper-slide">
+                                    <img :src="`/assets/images/${item}`" class="w-full"
+                                        alt="image" />
+                                    <div
+                                        class="absolute z-[999] text-white top-1/2 left-1/2 w-full -translate-x-1/2 text-center">
+                                        <div class="sm:text-xl text-base font-medium mx-4">
+                                            Lorem Ipsum is simply dummy text of the printing.
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                        </div>
+                        <div class="swiper-pagination"></div>
+                    </div>
+
+                    <template x-if="codeArr.includes('code3')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- vertical --&gt;
+    &lt;div class=&quot;swiper max-w-3xl mx-auto mb-5&quot; id=&quot;slider3&quot;&gt;
+    &lt;div class=&quot;swiper-wrapper&quot;&gt;
+        &lt;template x-for=&quot;item in items&quot;&gt;
+            &lt;div class=&quot;swiper-slide&quot;&gt;
+                &lt;img :src=&quot;`/assets/images/${item} `&quot; class=&quot;w-full&quot; alt=&quot;image&quot; /&gt;
+                &lt;div class=&quot;absolute z-[999] text-white top-1/2 left-1/2 w-full -translate-x-1/2 text-center&quot;&gt;
+                    &lt;div class=&quot;sm:text-xl text-base font-medium mx-4&quot;&gt;
+                        Lorem Ipsum is simply dummy text of the printing.
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/template&gt;
+    &lt;/div&gt;
+    &lt;div class=&quot;swiper-pagination&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+    const swiper3 = new Swiper(&quot;#slider3&quot;, {
+        direction: &quot;vertical&quot;,
+        pagination: {
+            el: &quot;.swiper-pagination&quot;,
+            clickable: true,
+        },
+    });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Loop -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Loop</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code4')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="swiper max-w-3xl mx-auto mb-5" id="slider4">
+                        <div class="swiper-wrapper">
+                            <div class="swiper-slide">
+                                <img src="/assets/images/carousel1.jpeg" class="w-full"
+                                    alt="image" />
+                                <div
+                                    class="absolute z-[999] text-white bottom-8 left-1/2 w-full -translate-x-1/2 text-center sm:px-0 px-11">
+                                    <div class="text-3xl font-bold">Slide 1</div>
+                                    <div class="mb-4 sm:text-base font-medium">
+                                        Lorem Ipsum is simply dummy text of the printing.
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="swiper-slide">
+                                <img src="/assets/images/carousel2.jpeg" class="w-full"
+                                    alt="image" />
+                                <div
+                                    class="absolute z-[999] text-white bottom-8 left-1/2 w-full -translate-x-1/2 text-center sm:px-0 px-11">
+                                    <div class="text-3xl font-bold">Slide 2</div>
+                                    <div class="mb-4 sm:text-base font-medium">
+                                        Lorem Ipsum is simply dummy text of the printing.
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="swiper-slide">
+                                <img src="/assets/images/carousel3.jpeg" class="w-full"
+                                    alt="image" />
+                                <div
+                                    class="absolute z-[999] text-white bottom-8 left-1/2 w-full -translate-x-1/2 text-center sm:px-0 px-11">
+                                    <div class="text-3xl font-bold">Slide 3</div>
+                                    <div class="mb-4 sm:text-base font-medium">
+                                        Lorem Ipsum is simply dummy text of the printing.
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <a href="javascript:;"
+                            class="swiper-button-prev-ex4 grid place-content-center ltr:left-2 rtl:right-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-1/2 -translate-y-1/2">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </a>
+                        <a href="javascript:;"
+                            class="swiper-button-next-ex4 grid place-content-center ltr:right-2 rtl:left-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-1/2 -translate-y-1/2">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:rotate-180">
+                                <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </a>
+                        <div class="swiper-pagination"></div>
+                    </div>
+
+                    <template x-if="codeArr.includes('code4')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- loop --&gt;
+    &lt;div class=&quot;swiper max-w-3xl mx-auto mb-5&quot; id=&quot;slider4&quot;&gt;
+        &lt;div class=&quot;swiper-wrapper&quot;&gt;
+            &lt;div class=&quot;swiper-slide&quot;&gt;
+                &lt;img src=&quot; /assets/images/carousel1.jpeg &quot; class=&quot;w-full&quot; alt=&quot;image&quot; /&gt;
+                &lt;div class=&quot;absolute z-[999] text-white bottom-8 left-1/2 w-full -translate-x-1/2 text-center sm:px-0 px-11&quot;&gt;
+                    &lt;div class=&quot;text-3xl font-bold&quot;&gt;Slide 1&lt;/div&gt;
+                    &lt;div class=&quot;mb-4 sm:text-base font-medium&quot;&gt;
+                        Lorem Ipsum is simply dummy text of the printing.
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;swiper-slide&quot;&gt;
+                &lt;img src=&quot; /assets/images/carousel2.jpeg &quot; class=&quot;w-full&quot; alt=&quot;image&quot; /&gt;
+                &lt;div class=&quot;absolute z-[999] text-white bottom-8 left-1/2 w-full -translate-x-1/2 text-center sm:px-0 px-11&quot;&gt;
+                    &lt;div class=&quot;text-3xl font-bold&quot;&gt;Slide 2&lt;/div&gt;
+                    &lt;div class=&quot;mb-4 sm:text-base font-medium&quot;&gt;
+                        Lorem Ipsum is simply dummy text of the printing.
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;swiper-slide&quot;&gt;
+                &lt;img src=&quot; /assets/images/carousel3.jpeg &quot; class=&quot;w-full&quot; alt=&quot;image&quot; /&gt;
+                &lt;div class=&quot;absolute z-[999] text-white bottom-8 left-1/2 w-full -translate-x-1/2 text-center sm:px-0 px-11&quot;&gt;
+                    &lt;div class=&quot;text-3xl font-bold&quot;&gt;Slide 3&lt;/div&gt;
+                    &lt;div class=&quot;mb-4 sm:text-base font-medium&quot;&gt;
+                        Lorem Ipsum is simply dummy text of the printing.
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;a href=&quot;javascript:;&quot; class=&quot;swiper-button-prev-ex4 grid place-content-center ltr:left-2 rtl:right-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-1/2 -translate-y-1/2&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/a&gt;
+        &lt;a href=&quot;javascript:;&quot; class=&quot;swiper-button-next-ex4 grid place-content-center ltr:right-2 rtl:left-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-1/2 -translate-y-1/2&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/a&gt;
+        &lt;div class=&quot;swiper-pagination&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+    const swiper4 = new Swiper(&quot;#slider4&quot;, {
+        slidesPerView: 1,
+        spaceBetween: 30,
+        loop: true,
+        pagination: {
+            el: &quot;.swiper-pagination&quot;,
+            clickable: true,
+            type: &quot;fraction&quot;,
+        },
+        navigation: {
+            nextEl: '.swiper-button-next-ex4',
+            prevEl: '.swiper-button-prev-ex4',
+        },
+    });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Multiple -->
+                <div class="panel lg:col-span-2">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Multiple Slides</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code5')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="swiper" id="slider5">
+                        <div class="swiper-wrapper">
+                            <template x-for="item in items">
+                                <div class="swiper-slide">
+                                    <img :src="`/assets/images/${item}`" class="w-full"
+                                        alt="image" />
+                                </div>
+                            </template>
+                            <template x-for="item in items">
+                                <div class="swiper-slide">
+                                    <img :src="`/assets/images/${item}`" class="w-full"
+                                        alt="image" />
+                                </div>
+                            </template>
+                        </div>
+                        <a href="javascript:;"
+                            class="swiper-button-prev-ex5 grid place-content-center ltr:left-2 rtl:right-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-[44%] -translate-y-1/2">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 rtl:rotate-180">
+                                <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </a>
+                        <a href="javascript:;"
+                            class="swiper-button-next-ex5 grid place-content-center ltr:right-2 rtl:left-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-[44%] -translate-y-1/2">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:rotate-180">
+                                <path d="M15 5L9 12L15 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </a>
+                        <div class="swiper-pagination">
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code5')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- multiple --&gt;
+    &lt;div class=&quot;swiper&quot; id=&quot;slider5&quot;&gt;
+        &lt;div class=&quot;swiper-wrapper&quot;&gt;
+            &lt;template x-for=&quot;item in items&quot;&gt;
+                &lt;div class=&quot;swiper-slide&quot;&gt;
+                    &lt;img :src=&quot;`/assets/images/${item} `&quot; class=&quot;w-full&quot; alt=&quot;image&quot; /&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-for=&quot;item in items&quot;&gt;
+                &lt;div class=&quot;swiper-slide&quot;&gt;
+                    &lt;img :src=&quot;`/assets/images/${item} `&quot; class=&quot;w-full&quot; alt=&quot;image&quot; /&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+        &lt;a href=&quot;javascript:;&quot; class=&quot;swiper-button-prev-ex5 grid place-content-center ltr:left-2 rtl:right-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-[44%] -translate-y-1/2&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/a&gt;
+        &lt;a href=&quot;javascript:;&quot; class=&quot;swiper-button-next-ex5 grid place-content-center ltr:right-2 rtl:left-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-[44%] -translate-y-1/2&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/a&gt;
+        &lt;div class=&quot;swiper-pagination&quot;&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+    const swiper5 = new Swiper(&quot;#slider5&quot;, {
+        navigation: {
+            nextEl: '.swiper-button-next-ex5',
+            prevEl: '.swiper-button-prev-ex5',
+        },
+        pagination: {
+            el: &quot;.swiper-pagination&quot;,
+            clickable: true,
+        },
+        breakpoints: {
+            1024: {
+                slidesPerView: 3,
+                spaceBetween: 30,
+            },
+            768: {
+                slidesPerView: 2,
+                spaceBetween: 40,
+            },
+            320: {
+                slidesPerView: 1,
+                spaceBetween: 20,
+            },
+
+        },
+    });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("carousel", () => ({
+                items: ['carousel1.jpeg', 'carousel2.jpeg', 'carousel3.jpeg'],
+
+                init() {
+                    // basic
+                    const swiper1 = new Swiper("#slider1", {
+                        navigation: {
+                            nextEl: '.swiper-button-next-ex1',
+                            prevEl: '.swiper-button-prev-ex1',
+                        },
+                        pagination: {
+                            el: ".swiper-pagination",
+                            clickable: true,
+                        },
+                    });
+                    // Autoplay
+                    const swiper2 = new Swiper("#slider2", {
+                        navigation: {
+                            nextEl: '.swiper-button-next-ex2',
+                            prevEl: '.swiper-button-prev-ex2',
+                        },
+                        autoplay: {
+                            delay: 2000,
+                        },
+                    });
+                    // vertical
+                    setTimeout(() => {
+                        const swiper3 = new Swiper("#slider3", {
+                            direction: "vertical",
+                            pagination: {
+                                el: ".swiper-pagination",
+                                clickable: true,
+                            },
+                            autoplay: {
+                                delay: 2000,
+                            },
+                        });
+                    });
+                    // Loop
+                    const swiper4 = new Swiper("#slider4", {
+                        slidesPerView: 1,
+                        spaceBetween: 30,
+                        loop: true,
+                        pagination: {
+                            el: ".swiper-pagination",
+                            clickable: true,
+                            type: "fraction",
+                        },
+                        navigation: {
+                            nextEl: '.swiper-button-next-ex4',
+                            prevEl: '.swiper-button-prev-ex4',
+                        },
+                    });
+                    // Multiple Slides
+                    const swiper5 = new Swiper("#slider5", {
+                        navigation: {
+                            nextEl: '.swiper-button-next-ex5',
+                            prevEl: '.swiper-button-prev-ex5',
+                        },
+                        pagination: {
+                            el: ".swiper-pagination",
+                            clickable: true,
+                        },
+                        breakpoints: {
+                            1024: {
+                                slidesPerView: 3,
+                                spaceBetween: 30,
+                            },
+                            768: {
+                                slidesPerView: 2,
+                                spaceBetween: 40,
+                            },
+                            320: {
+                                slidesPerView: 1,
+                                spaceBetween: 20,
+                            },
+
+                        },
+                    });
+                },
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/ui-components/countdown.blade.php b/resources/views/ui-components/countdown.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..295f77945d4a246cb67412c30899f3a43f2f116f
--- /dev/null
+++ b/resources/views/ui-components/countdown.blade.php
@@ -0,0 +1,360 @@
+<x-layout.default>
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Components</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Countdown</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 xl:grid-cols-2 gap-6" x-data="countdown">
+            <!-- Simple Countdown -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Simple Countdown</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5 grid grid-cols-4 justify-items-center gap-3" x-init="setTimerDemo1">
+                    <div>
+                        <div
+                            class="w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col">
+                            <h1 class="text-primary sm:text-3xl text-xl text-center" x-text="demo1.days"></h1>
+                        </div>
+                        <h4 class="text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold">Days
+                        </h4>
+                    </div>
+                    <div>
+                        <div
+                            class="w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col">
+                            <h1 class="text-primary sm:text-3xl text-xl text-center" x-text="demo1.hours"></h1>
+                        </div>
+                        <h4 class="text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold">Hours
+                        </h4>
+                    </div>
+                    <div>
+                        <div
+                            class="w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col">
+                            <h1 class="text-primary sm:text-3xl text-xl text-center" x-text="demo1.minutes"></h1>
+                        </div>
+                        <h4 class="text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold">Mins
+                        </h4>
+                    </div>
+                    <div>
+                        <div
+                            class="w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col">
+                            <h1 class="text-primary sm:text-3xl text-xl text-center" x-text="demo1.seconds"></h1>
+                        </div>
+                        <h4 class="text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold">Sec
+                        </h4>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- simple countdown --&gt;
+    &lt;div x-data=&quot;countdown&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;mb-5 grid grid-cols-4 justify-items-center gap-3&quot; x-init=&quot;setTimerDemo1&quot;&gt;
+            &lt;div&gt;
+                &lt;div class=&quot;w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col&quot;&gt;
+                    &lt;h1 class=&quot;text-primary sm:text-3xl text-xl text-center&quot; x-text=&quot;demo1.days&quot;&gt;&lt;/h1&gt;
+                &lt;/div&gt;
+                &lt;h4 class=&quot;text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold&quot;&gt;Days&lt;/h4&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;div class=&quot;w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col&quot;&gt;
+                    &lt;h1 class=&quot;text-primary sm:text-3xl text-xl text-center&quot; x-text=&quot;demo1.hours&quot;&gt;&lt;/h1&gt;
+                &lt;/div&gt;
+                &lt;h4 class=&quot;text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold&quot;&gt;Hours&lt;/h4&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;div class=&quot;w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col&quot;&gt;
+                    &lt;h1 class=&quot;text-primary sm:text-3xl text-xl text-center&quot; x-text=&quot;demo1.minutes&quot;&gt;&lt;/h1&gt;
+                &lt;/div&gt;
+                &lt;h4 class=&quot;text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold&quot;&gt;Mins&lt;/h4&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;div class=&quot;w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col&quot;&gt;
+                    &lt;h1 class=&quot;text-primary sm:text-3xl text-xl text-center&quot; x-text=&quot;demo1.seconds&quot;&gt;&lt;/h1&gt;
+                &lt;/div&gt;
+                &lt;h4 class=&quot;text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold&quot;&gt;Sec&lt;/h4&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+    document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+        Alpine.data(&quot;countdown&quot;, () =&gt; ({
+            timer1: null,
+            demo1: {
+                days: null,
+                hours: null,
+                minutes: null,
+                seconds: null,
+            },
+
+            setTimerDemo1() {
+                let date = new Date();
+                date.setDate(date.getDate() + 3);
+                let countDownDate = date.getTime();
+
+                timer1 = setInterval(() =&gt; {
+                    let now = new Date().getTime();
+
+                    let distance = countDownDate - now;
+
+                    this.demo1.days = Math.floor(distance / (1000 * 60 * 60 * 24));
+                    this.demo1.hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+                    this.demo1.minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+                    this.demo1.seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+                    if (distance &lt; 0) {
+                        clearInterval(this.timer1);
+                    }
+                }, 500);
+            },
+        });
+     });
+     &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Circle Countdown -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Circle Countdown</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5 grid grid-cols-4 justify-items-center gap-3" x-init="setTimerDemo2">
+                    <div>
+                        <div
+                            class="w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded-full border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col">
+                            <h1 class="text-primary sm:text-3xl text-xl text-center" x-text="demo2.days"></h1>
+                        </div>
+                        <h4 class="text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold">Days
+                        </h4>
+                    </div>
+                    <div>
+                        <div
+                            class="w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded-full border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col">
+                            <h1 class="text-primary sm:text-3xl text-xl text-center" x-text="demo2.hours"></h1>
+                        </div>
+                        <h4 class="text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold">Hours
+                        </h4>
+                    </div>
+                    <div>
+                        <div
+                            class="w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded-full border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col">
+                            <h1 class="text-primary sm:text-3xl text-xl text-center" x-text="demo2.minutes"></h1>
+                        </div>
+                        <h4 class="text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold">Mins
+                        </h4>
+                    </div>
+                    <div>
+                        <div
+                            class="w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded-full border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col">
+                            <h1 class="text-primary sm:text-3xl text-xl text-center" x-text="demo2.seconds"></h1>
+                        </div>
+                        <h4 class="text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold">Sec
+                        </h4>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- circle countdown --&gt;
+    &lt;div x-data=&quot;countdown&quot;&gt;
+        &lt;div class=&quot;mb-5 grid grid-cols-4 justify-items-center gap-3&quot; x-init=&quot;setTimerDemo2&quot;&gt;
+            &lt;div&gt;
+                &lt;div class=&quot;w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded-full border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col&quot;&gt;
+                    &lt;h1 class=&quot;text-primary sm:text-3xl text-xl text-center&quot; x-text=&quot;demo2.days&quot;&gt;&lt;/h1&gt;
+                &lt;/div&gt;
+                &lt;h4 class=&quot;text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold&quot;&gt;Days&lt;/h4&gt;
+            &lt;/div&gt;
+            &lt;div&gt;
+                &lt;div class=&quot;w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded-full border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col&quot;&gt;
+                    &lt;h1 class=&quot;text-primary sm:text-3xl text-xl text-center&quot; x-text=&quot;demo2.hours&quot;&gt;&lt;/h1&gt;
+                &lt;/div&gt;
+                &lt;h4 class=&quot;text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold&quot;&gt;Hours&lt;/h4&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;mt-5 md:mt-0&quot;&gt;
+                &lt;div class=&quot;w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded-full border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col&quot;&gt;
+                    &lt;h1 class=&quot;text-primary sm:text-3xl text-xl text-center&quot; x-text=&quot;demo2.minutes&quot;&gt;&lt;/h1&gt;
+                &lt;/div&gt;
+                &lt;h4 class=&quot;text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold&quot;&gt;Mins&lt;/h4&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;mt-5 md:mt-0&quot;&gt;
+                &lt;div class=&quot;w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded-full border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col&quot;&gt;
+                    &lt;h1 class=&quot;text-primary sm:text-3xl text-xl text-center&quot; x-text=&quot;demo2.seconds&quot;&gt;&lt;/h1&gt;
+                &lt;/div&gt;
+                &lt;h4 class=&quot;text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold&quot;&gt;Sec&lt;/h4&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+    document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+        Alpine.data(&quot;countdown&quot;, () =&gt; ({
+            timer2: null,
+            demo2: {
+                days: null,
+                hours: null,
+                minutes: null,
+                seconds: null,
+            },
+
+            setTimerDemo2() {
+                let date = new Date();
+                date.setFullYear(date.getFullYear() + 1);
+                let countDownDate = date.getTime();
+
+                this.timer2 = setInterval(() =&gt; {
+                    let now = new Date().getTime();
+
+                    let distance = countDownDate - now;
+
+                    this.demo2.days = Math.floor(distance / (1000 * 60 * 60 * 24));
+                    this.demo2.hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+                    this.demo2.minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+                    this.demo2.seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+                    if (distance &lt; 0) {
+                        clearInterval(this.timer2);
+                    }
+                }, 500);
+            },
+        });
+     });
+     &lt;/script&gt;
+    </pre>
+                </template>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("countdown", () => ({
+                timer1: null,
+                demo1: {
+                    days: null,
+                    hours: null,
+                    minutes: null,
+                    seconds: null,
+                },
+                timer2: null,
+                demo2: {
+                    days: null,
+                    hours: null,
+                    minutes: null,
+                    seconds: null,
+                },
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                },
+
+                setTimerDemo1() {
+                    let date = new Date();
+                    date.setDate(date.getDate() + 3);
+                    let countDownDate = date.getTime();
+
+                    timer1 = setInterval(() => {
+                        let now = new Date().getTime();
+
+                        let distance = countDownDate - now;
+
+                        this.demo1.days = Math.floor(distance / (1000 * 60 * 60 * 24));
+                        this.demo1.hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (
+                            1000 * 60 * 60));
+                        this.demo1.minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 *
+                            60));
+                        this.demo1.seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+                        if (distance < 0) {
+                            clearInterval(this.timer1);
+                        }
+                    }, 500);
+                },
+
+                setTimerDemo2() {
+                    let date = new Date();
+                    date.setFullYear(date.getFullYear() + 1);
+                    let countDownDate = date.getTime();
+
+                    this.timer2 = setInterval(() => {
+                        let now = new Date().getTime();
+
+                        let distance = countDownDate - now;
+
+                        this.demo2.days = Math.floor(distance / (1000 * 60 * 60 * 24));
+                        this.demo2.hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (
+                            1000 * 60 * 60));
+                        this.demo2.minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 *
+                            60));
+                        this.demo2.seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+                        if (distance < 0) {
+                            clearInterval(this.timer2);
+                        }
+                    }, 500);
+                },
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/ui-components/counter.blade.php b/resources/views/ui-components/counter.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..386b7460b058c973cb356cc2ed59d028058a0bad
--- /dev/null
+++ b/resources/views/ui-components/counter.blade.php
@@ -0,0 +1,370 @@
+<x-layout.default>
+
+
+    <script src="/assets/js/countUp.min.js"></script>
+
+    </script>
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Components</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Counter</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8" x-data="form">
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a href="https://www.npmjs.com/package/countup.js"
+                    target="_blank" class="block hover:underline">https://www.npmjs.com/package/countup.js</a>
+            </div>
+
+            <div class="grid xl:grid-cols-2 grid-cols-1 gap-6">
+                <!-- Simple Counter -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Simple Counter</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5 grid grid-cols-3 justify-items-center gap-3 max-w-[900px] mx-auto">
+                        <div>
+                            <div
+                                class="w-[70px] h-[70px] sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col">
+                                <h1 class="text-primary text-xl sm:text-3xl text-center" id="counter1"></h1>
+                            </div>
+                            <h4
+                                class="text-[#3b3f5c] text-xs sm:text-[15px] mt-4 text-center dark:text-white-dark font-semibold">
+                                HOURS</h4>
+                        </div>
+                        <div>
+                            <div
+                                class="w-[70px] h-[70px] sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col">
+                                <h1 class="text-primary text-xl sm:text-3xl text-center" id="counter2"></h1>
+                            </div>
+                            <h4
+                                class="text-[#3b3f5c] text-xs sm:text-[15px] mt-4 text-center dark:text-white-dark font-semibold">
+                                TICKETS</h4>
+                        </div>
+                        <div>
+                            <div
+                                class="w-[70px] h-[70px] sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col">
+                                <h1 class="text-primary text-xl sm:text-3xl text-center" id="counter3"></h1>
+                            </div>
+                            <h4
+                                class="text-[#3b3f5c] text-xs sm:text-[15px] mt-4 text-center dark:text-white-dark font-semibold">
+                                CUSTOMERS</h4>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+&lt;!-- hours --&gt;
+&lt;div&gt;
+    &lt;div class=&quot;w-[70px] h-[70px] sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col&quot;&gt;
+        &lt;h1 class=&quot;text-primary text-xl sm:text-3xl text-center&quot; id=&quot;counter1&quot;&gt;&lt;/h1&gt;
+    &lt;/div&gt;
+    &lt;h4 class=&quot;text-[#3b3f5c] text-xs sm:text-[15px] mt-4 text-center dark:text-white-dark font-semibold&quot;&gt;HOURS&lt;/h4&gt;
+&lt;/div&gt;
+
+&lt;!-- tickets --&gt;
+&lt;div&gt;
+    &lt;div class=&quot;w-[70px] h-[70px] sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col&quot;&gt;
+        &lt;h1 class=&quot;text-primary text-xl sm:text-3xl text-center&quot; id=&quot;counter2&quot;&gt;&lt;/h1&gt;
+    &lt;/div&gt;
+    &lt;h4 class=&quot;text-[#3b3f5c] text-xs sm:text-[15px] mt-4 text-center dark:text-white-dark font-semibold&quot;&gt;TICKETS&lt;/h4&gt;
+&lt;/div&gt;
+
+&lt;!-- customers --&gt;
+&lt;div&gt;
+    &lt;div class=&quot;w-[70px] h-[70px] sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col&quot;&gt;
+        &lt;h1 class=&quot;text-primary text-xl sm:text-3xl text-center&quot; id=&quot;counter3&quot;&gt;&lt;/h1&gt;
+    &lt;/div&gt;
+    &lt;h4 class=&quot;text-[#3b3f5c] text-xs sm:text-[15px] mt-4 text-center dark:text-white-dark font-semibold&quot;&gt;CUSTOMERS&lt;/h4&gt;
+&lt;/div&gt;
+
+&lt;!-- script --&gt;
+&lt;script&gt;
+// hours
+const counter1 = new countUp.CountUp(&quot;counter1&quot;, 710, {
+    startVal: 0,
+    duration: 7,
+});
+counter1.start();
+
+// tickets
+const counter2 = new countUp.CountUp(&quot;counter2&quot;, 915, {
+    startVal: 0,
+    duration: 7,
+});
+counter2.start();
+
+// customers
+const counter3 = new countUp.CountUp(&quot;counter3&quot;, 580, {
+    startVal: 0,
+    duration: 7,
+});
+counter3.start();
+&lt;/script&gt;
+</pre>
+                    </template>
+                </div>
+                <!-- With Icon -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">With Icon</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5 grid grid-cols-3 justify-items-center gap-3 max-w-[900px] mx-auto">
+                        <div>
+                            <div
+                                class="w-[70px] h-[70px] sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded-full border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col">
+                                <h1 class="text-primary text-xl sm:text-3xl text-center" id="counter4"></h1>
+                            </div>
+                            <h4
+                                class="text-[#3b3f5c] text-xs sm:text-[15px] mt-4 text-center dark:text-white-dark font-semibold">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-5 h-5 sm:w-6 sm:h-6 text-primary mx-auto mb-2">
+                                    <circle cx="9" cy="6" r="4" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M12.5 4.3411C13.0375 3.53275 13.9565 3 15 3C16.6569 3 18 4.34315 18 6C18 7.65685 16.6569 9 15 9C13.9565 9 13.0375 8.46725 12.5 7.6589"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <ellipse cx="9" cy="17" rx="7" ry="4"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M18 14C19.7542 14.3847 21 15.3589 21 16.5C21 17.5293 19.9863 18.4229 18.5 18.8704"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Clients
+                            </h4>
+                        </div>
+                        <div>
+                            <div
+                                class="w-[70px] h-[70px] sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded-full border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col">
+                                <h1 class="text-primary text-xl sm:text-3xl text-center" id="counter5"></h1>
+                            </div>
+                            <h4
+                                class="text-[#3b3f5c] text-xs sm:text-[15px] mt-4 text-center dark:text-white-dark font-semibold">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-5 h-5 sm:w-6 sm:h-6 text-primary mx-auto mb-2">
+                                    <path opacity="0.5"
+                                        d="M6.28571 19C3.91878 19 2 17.1038 2 14.7647C2 12.4256 3.91878 10.5294 6.28571 10.5294C6.56983 10.5294 6.8475 10.5567 7.11616 10.6089M14.381 8.02721C14.9767 7.81911 15.6178 7.70588 16.2857 7.70588C16.9404 7.70588 17.5693 7.81468 18.1551 8.01498M7.11616 10.6089C6.88706 9.9978 6.7619 9.33687 6.7619 8.64706C6.7619 5.52827 9.32028 3 12.4762 3C15.4159 3 17.8371 5.19371 18.1551 8.01498M7.11616 10.6089C7.68059 10.7184 8.20528 10.9374 8.66667 11.2426M18.1551 8.01498C20.393 8.78024 22 10.8811 22 13.3529C22 16.0599 20.0726 18.3221 17.5 18.8722"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path d="M12 22V16M12 22L14 20M12 22L10 20" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                                Downloads
+                            </h4>
+                        </div>
+                        <div>
+                            <div
+                                class="w-[70px] h-[70px] sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded-full border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col">
+                                <h1 class="text-primary text-xl sm:text-3xl text-center" id="counter6"></h1>
+                            </div>
+                            <h4
+                                class="text-[#3b3f5c] text-xs sm:text-[15px] mt-4 text-center dark:text-white-dark font-semibold">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-5 h-5 sm:w-6 sm:h-6 text-primary mx-auto mb-2">
+                                    <path opacity="0.5"
+                                        d="M11.1459 7.02251C11.5259 6.34084 11.7159 6 12 6C12.2841 6 12.4741 6.34084 12.8541 7.02251L12.9524 7.19887C13.0603 7.39258 13.1143 7.48944 13.1985 7.55334C13.2827 7.61725 13.3875 7.64097 13.5972 7.68841L13.7881 7.73161C14.526 7.89857 14.895 7.98205 14.9828 8.26432C15.0706 8.54659 14.819 8.84072 14.316 9.42898L14.1858 9.58117C14.0429 9.74833 13.9714 9.83191 13.9392 9.93531C13.9071 10.0387 13.9179 10.1502 13.9395 10.3733L13.9592 10.5763C14.0352 11.3612 14.0733 11.7536 13.8435 11.9281C13.6136 12.1025 13.2682 11.9435 12.5773 11.6254L12.3986 11.5431C12.2022 11.4527 12.1041 11.4075 12 11.4075C11.8959 11.4075 11.7978 11.4527 11.6014 11.5431L11.4227 11.6254C10.7318 11.9435 10.3864 12.1025 10.1565 11.9281C9.92674 11.7536 9.96476 11.3612 10.0408 10.5763L10.0605 10.3733C10.0821 10.1502 10.0929 10.0387 10.0608 9.93531C10.0286 9.83191 9.95713 9.74833 9.81418 9.58117L9.68403 9.42898C9.18097 8.84072 8.92945 8.54659 9.01723 8.26432C9.10501 7.98205 9.47396 7.89857 10.2119 7.73161L10.4028 7.68841C10.6125 7.64097 10.7173 7.61725 10.8015 7.55334C10.8857 7.48944 10.9397 7.39258 11.0476 7.19887L11.1459 7.02251Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path
+                                        d="M19 9C19 12.866 15.866 16 12 16C8.13401 16 5 12.866 5 9C5 5.13401 8.13401 2 12 2C15.866 2 19 5.13401 19 9Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M7.35111 15L6.71424 17.323C6.0859 19.6148 5.77173 20.7607 6.19097 21.3881C6.3379 21.6079 6.535 21.7844 6.76372 21.9008C7.41635 22.2331 8.42401 21.7081 10.4393 20.658C11.1099 20.3086 11.4452 20.1339 11.8014 20.0959C11.9335 20.0818 12.0665 20.0818 12.1986 20.0959C12.5548 20.1339 12.8901 20.3086 13.5607 20.658C15.576 21.7081 16.5837 22.2331 17.2363 21.9008C17.465 21.7844 17.6621 21.6079 17.809 21.3881C18.2283 20.7607 17.9141 19.6148 17.2858 17.323L16.6489 15"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Awards
+                            </h4>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+&lt;!-- clients --&gt;
+&lt;div&gt;
+    &lt;div class=&quot;w-[70px] h-[70px] sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded-full border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col&quot;&gt;
+        &lt;h1 class=&quot;text-primary text-xl sm:text-3xl text-center&quot; id=&quot;counter4&quot;&gt;&lt;/h1&gt;
+    &lt;/div&gt;
+    &lt;h4 class=&quot;text-[#3b3f5c] text-xs sm:text-[15px] mt-4 text-center dark:text-white-dark font-semibold&quot;&gt;
+        &lt;svg&gt; ... &lt;/svg&gt;
+        Clients
+    &lt;/h4&gt;
+&lt;/div&gt;
+
+&lt;!-- downloads --&gt;
+&lt;div&gt;
+    &lt;div class=&quot;w-[70px] h-[70px] sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded-full border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col&quot;&gt;
+        &lt;h1 class=&quot;text-primary text-xl sm:text-3xl text-center&quot; id=&quot;counter5&quot;&gt;&lt;/h1&gt;
+    &lt;/div&gt;
+    &lt;h4 class=&quot;text-[#3b3f5c] text-xs sm:text-[15px] mt-4 text-center dark:text-white-dark font-semibold&quot;&gt;
+        &lt;svg&gt; ... &lt;/svg&gt;
+        Downloads
+    &lt;/h4&gt;
+&lt;/div&gt;
+
+&lt;!-- awards --&gt;
+&lt;div&gt;
+    &lt;div class=&quot;w-[70px] h-[70px] sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded-full border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col&quot;&gt;
+        &lt;h1 class=&quot;text-primary text-xl sm:text-3xl text-center&quot; id=&quot;counter6&quot;&gt;&lt;/h1&gt;
+    &lt;/div&gt;
+    &lt;h4 class=&quot;text-[#3b3f5c] text-xs sm:text-[15px] mt-4 text-center dark:text-white-dark font-semibold&quot;&gt;
+        &lt;svg&gt; ... &lt;/svg&gt;
+        Awards
+    &lt;/h4&gt;
+&lt;/div&gt;
+
+&lt;!-- script --&gt;
+&lt;script&gt;
+// clients
+const counter4 = new countUp.CountUp(&quot;counter4&quot;, 105, {
+    startVal: 0,
+    duration: 7,
+});
+counter4.start();
+
+// download
+const counter5 = new countUp.CountUp(&quot;counter5&quot;, 300, {
+    startVal: 0,
+    duration: 7,
+});
+counter5.start();
+
+// awards
+const counter6 = new countUp.CountUp(&quot;counter6&quot;, 58, {
+    startVal: 0,
+    duration: 7,
+});
+counter6.start();
+&lt;/script&gt;
+</pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+
+
+    <script>
+        // hours
+        const counter1 = new countUp.CountUp("counter1", 710, {
+            startVal: 0,
+            duration: 7,
+        });
+        counter1.start();
+
+        // tickets
+        const counter2 = new countUp.CountUp("counter2", 915, {
+            startVal: 0,
+            duration: 7,
+        });
+        counter2.start();
+
+        // customers
+        const counter3 = new countUp.CountUp("counter3", 580, {
+            startVal: 0,
+            duration: 7,
+        });
+        counter3.start();
+
+        // clients
+        const counter4 = new countUp.CountUp("counter4", 105, {
+            startVal: 0,
+            duration: 7,
+        });
+        counter4.start();
+
+        // download
+        const counter5 = new countUp.CountUp("counter5", 300, {
+            startVal: 0,
+            duration: 7,
+        });
+        counter5.start();
+
+        // awards
+        const counter6 = new countUp.CountUp("counter6", 58, {
+            startVal: 0,
+            duration: 7,
+        });
+        counter6.start();
+
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/ui-components/lightbox.blade.php b/resources/views/ui-components/lightbox.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..dc4b443dddebf41e6e2f34ab96e533961b7b3f97
--- /dev/null
+++ b/resources/views/ui-components/lightbox.blade.php
@@ -0,0 +1,161 @@
+<x-layout.default>
+
+
+    <link rel='stylesheet' type='text/css' media='screen' href="{{ Vite::asset('resources/css/fancybox.css') }}">
+    <script src="/assets/js/fancybox.umd.js"></script>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Components</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Lightbox</span>
+            </li>
+        </ul>
+        <div>
+            <div class="pt-5 space-y-8" x-data="lightbox">
+                <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                    <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                            <path
+                                d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                                stroke="currentColor" stroke-width="1.5" />
+                            <path opacity="0.5"
+                                d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                        </svg>
+                    </div>
+                    <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a
+                        href="https://www.npmjs.com/package/@fancyapps/ui" target="_blank"
+                        class="block hover:underline">https://www.npmjs.com/package/@fancyapps/ui</a>
+                </div>
+
+                <!-- Lightbox -->
+                <div class="panel">
+                    <h5 class="font-semibold text-lg dark:text-white-light mb-5">Lightbox</h5>
+                    <div class="mb-5">
+                        <div class="flex mb-5">
+                            <div class="ltr:mr-4 rtl:ml-4">
+                                <input x-model="allcontrols" :value="1" type="radio"
+                                    @change="bindFancybox()" class="form-radio mt-1.5" checked />
+                            </div>
+                            <div class="flex-1">
+                                <h4 class="font-semibold text-lg text-primary">All controls</h4>
+                                <p class="media-text">Caption, slideshow, thumbnails and fullscreen buttons, tap to
+                                    toggle controls</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <div class="ltr:mr-4 rtl:ml-4">
+                                <input x-model="allcontrols" :value="2" type="radio"
+                                    @change="bindFancybox()" class="form-radio mt-1.5" />
+                            </div>
+                            <div class="flex-1">
+                                <h4 class="font-semibold text-lg text-primary">Minimal</h4>
+                                <p class="media-text">No caption, no slideshow, no thumbnails, no fullscreen, tap to
+                                    close</p>
+                            </div>
+                        </div>
+                        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3 mt-10" x-init="bindFancybox()">
+                            <template x-for="(item, i) in getItems" :key="i">
+                                <a href="javascript:;" :class="{ 'md:row-span-2 md:col-span-2': i == 3 }">
+                                    <img :src="item.src" alt="image-gallery" data-fancybox="gallery"
+                                        class="rounded-md w-full h-full object-cover" :data-caption="item.title" />
+                                </a>
+                            </template>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("lightbox", () => ({
+                allcontrols: 1,
+                items: [],
+
+                getItems() {
+                    return this.allcontrols == 1 ? this.items = [{
+                            src: ("/assets/images/lightbox1.jpg"),
+                            title: 'This is dummy caption. It has been placed here solely to demonstrate the look and feel of finished, typeset text.',
+                            description: 'Photo: Samuel Rohl',
+                        },
+                        {
+                            src: ("/assets/images/lightbox2.jpeg"),
+                            title: 'This is dummy caption. It has been placed here solely to demonstrate the look and feel of finished, typeset text.',
+                            description: 'Photo: Samuel Rohl',
+                        },
+                        {
+                            src: ("/assets/images/lightbox3.jpeg"),
+                            title: "Dummy caption. It's Greek to you. Unless, of course, you're Greek, in which case, it really makes no sense.",
+                            description: 'Photo: Michael Hull',
+                        },
+                        {
+                            src: ("/assets/images/lightbox4.jpeg"),
+                            title: 'This is dummy caption.',
+                            description: 'Photo: Folkert Gorter'
+                        },
+                        {
+                            src: ("/assets/images/lightbox5.jpeg"),
+                            title: "It's a dummy caption. He who searches for meaning here will be sorely disappointed.",
+                            description: 'Photo: Thomas Lefebvre',
+                        },
+                        {
+                            src: ("/assets/images/lightbox6.jpeg"),
+                            title: "It's a dummy caption. He who searches for meaning here will be sorely disappointed.",
+                            description: 'Photo: Thomas Lefebvre',
+                        },
+
+                    ] : this.items = [{
+                            src: ("/assets/images/lightbox1.jpg")
+                        },
+                        {
+                            src: ("/assets/images/lightbox2.jpeg")
+                        },
+                        {
+                            src: ("/assets/images/lightbox3.jpeg")
+                        },
+                        {
+                            src: ("/assets/images/lightbox4.jpeg")
+                        },
+                        {
+                            src: ("/assets/images/lightbox5.jpeg")
+                        },
+                        {
+                            src: ("/assets/images/lightbox6.jpeg")
+                        },
+                    ];
+                },
+
+                bindFancybox() {
+                    if (this.allcontrols == 1) {
+                        Fancybox.bind('[data-fancybox="gallery"]', {
+                            Carousel: {
+                                Navigation: {
+                                    prevTpl: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 5l-7 7 7 7"/><path d="M4 12h16"/></svg>',
+                                    nextTpl: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 12h16"/><path d="M13 5l7 7-7 7"/></svg>',
+                                },
+                            },
+                        });
+                    } else if (this.allcontrols == 2) {
+                        Fancybox.bind('[data-fancybox="gallery"]', {
+                            Carousel: {
+                                Navigation: {
+                                    prevTpl: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 5l-7 7 7 7"/><path d="M4 12h16"/></svg>',
+                                    nextTpl: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 12h16"/><path d="M13 5l7 7-7 7"/></svg>',
+                                },
+                            },
+                            Thumbs: false,
+                            Toolbar: false,
+                            closeButton: "top",
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/ui-components/list-group.blade.php b/resources/views/ui-components/list-group.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..a65cc44a248eccfb642b74c41eb2bbf981090a0c
--- /dev/null
+++ b/resources/views/ui-components/list-group.blade.php
@@ -0,0 +1,427 @@
+<x-layout.default>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Components</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>List Group</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 lg:grid-cols-2 gap-6" x-data="form">
+            <!-- Basic -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-col rounded-md border border-[#e0e6ed] dark:border-[#1b2e4b]">
+                        <div class="border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5">Cras justo odio</div>
+                        <div class="border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5">Dapibus ac facilisis in
+                        </div>
+                        <div
+                            class="border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 bg-primary text-white shadow-[0_1px_15px_1px_rgba(67,97,238,0.15)]">
+                            Morbi leo risus</div>
+                        <div class="border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5">Porta ac consectetur ac
+                        </div>
+                        <div class="px-4 py-2.5">Vestibulum at eros</div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;div class=&quot;flex flex-col rounded-md border border-[#e0e6ed] dark:border-[#1b2e4b]&quot;&gt;
+        &lt;div class=&quot;border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5&quot;&gt;Cras justo odio&lt;/div&gt;
+        &lt;div class=&quot;border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5&quot;&gt;Dapibus ac facilisis in&lt;/div&gt;
+        &lt;div class=&quot;border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 bg-primary text-white shadow-[0_1px_15px_1px_rgba(67,97,238,0.15)]&quot;&gt;Morbi leo risus&lt;/div&gt;
+        &lt;div class=&quot;border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5&quot;&gt;Porta ac consectetur ac&lt;/div&gt;
+        &lt;div class=&quot;px-4 py-2.5&quot;&gt;Vestibulum at eros&lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Links -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Links</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-col rounded-md border border-[#e0e6ed] dark:border-[#1b2e4b]">
+                        <a href="javascript:;"
+                            class="border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10">Cras
+                            justo odio</a>
+                        <a href="javascript:;"
+                            class="border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10">Dapibus
+                            ac facilisis in</a>
+                        <a href="javascript:;"
+                            class="border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 bg-primary text-white shadow-[0_1px_15px_1px_rgba(67,97,238,0.15)] hover:bg-[#eee] dark:hover:bg-[#eee]/10 hover:text-black dark:hover:text-white">Morbi
+                            leo risus</a>
+                        <a href="javascript:;"
+                            class="border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10">Porta
+                            ac consectetur ac</a>
+                        <a href="javascript:;" class="px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10">Vestibulum at
+                            eros</a>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- links --&gt;
+    &lt;div class=&quot;flex flex-col rounded-md border border-[#e0e6ed] dark:border-[#1b2e4b]&quot;&gt;
+        &lt;a href=&quot;javascript:;&quot; class=&quot;border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10&quot;&gt;Cras justo odio&lt;/a&gt;
+        &lt;a href=&quot;javascript:;&quot; class=&quot;border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10&quot;&gt;Dapibus ac facilisis in&lt;/a&gt;
+        &lt;a href=&quot;javascript:;&quot; class=&quot;border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 bg-primary text-white shadow-[0_1px_15px_1px_rgba(67,97,238,0.15)] hover:bg-[#eee] dark:hover:bg-[#eee]/10 hover:text-black dark:hover:text-white&quot;&gt;Morbi leo risus&lt;/a&gt;
+        &lt;a href=&quot;javascript:;&quot; class=&quot;border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10&quot;&gt;Porta ac consectetur ac&lt;/a&gt;
+        &lt;a href=&quot;javascript:;&quot; class=&quot;px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10&quot;&gt;Vestibulum at eros&lt;/a&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Icons -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Icons</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-col rounded-md border border-[#e0e6ed] dark:border-[#1b2e4b]">
+                        <div
+                            class="flex border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10">
+                            <div class="ltr:mr-2 rtl:ml-2.5 mt-0.5 text-primary">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                    <path opacity="0.5"
+                                        d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path
+                                        d="M6 8L8.1589 9.79908C9.99553 11.3296 10.9139 12.0949 12 12.0949C13.0861 12.0949 14.0045 11.3296 15.8411 9.79908L18 8"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                            </div>
+                            <div class="flex-1 font-semibold">
+                                <h6 class="mb-1 text-base">Messages</h6>
+                                <p class="text-xs">4 New Messages</p>
+                            </div>
+                        </div>
+                        <div
+                            class="flex border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 bg-primary text-white shadow-[0_1px_15px_1px_rgba(67,97,238,0.15)] hover:bg-[#eee] dark:hover:bg-[#eee]/10 hover:text-black dark:hover:text-white group">
+                            <div class="ltr:mr-2 rtl:ml-2.5 mt-0.5 text-white group-hover:text-primary">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                    <path opacity="0.5"
+                                        d="M4 10.1433C4 5.64588 7.58172 2 12 2C16.4183 2 20 5.64588 20 10.1433C20 14.6055 17.4467 19.8124 13.4629 21.6744C12.5343 22.1085 11.4657 22.1085 10.5371 21.6744C6.55332 19.8124 4 14.6055 4 10.1433Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle cx="12" cy="10" r="3" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                </svg>
+                            </div>
+                            <div class="flex-1 font-semibold">
+                                <h6 class="mb-1 text-base">Locations</h6>
+                                <p class="text-xs">25 New Travel Locations</p>
+                            </div>
+                        </div>
+                        <div class="flex px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10">
+                            <div class="ltr:mr-2 rtl:ml-2.5 mt-0.5 text-primary">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                    <path opacity="0.5"
+                                        d="M3 13.1928C3 18.0569 6.85549 22 11.6115 22H12.3885C17.1445 22 21 18.0569 21 13.1928V12.9281C21 8.31651 18.2715 4.16347 14.0967 2.42077C12.7527 1.85974 11.2473 1.85974 9.90329 2.42077C5.72854 4.16347 3 8.31651 3 12.9281V13.1928Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path d="M7.61475 10.7237C8.2495 8.71826 9.63062 7.08805 11.3858 6.27637"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                            </div>
+                            <div class="flex-1 font-semibold">
+                                <h6 class="mb-1 text-base">Flexible</h6>
+                                <p class="text-xs">Customization Flexibility</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- icons --&gt;
+    &lt;div class=&quot;flex flex-col rounded-md border border-[#e0e6ed] dark:border-[#1b2e4b]&quot;&gt;
+        &lt;div class=&quot;flex border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10&quot;&gt;
+            &lt;div class=&quot;ltr:mr-2 rtl:ml-2.5 mt-0.5 text-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;flex-1 font-semibold&quot;&gt;
+                &lt;h6 class=&quot;mb-1 text-base&quot;&gt;Messages&lt;/h6&gt;
+                &lt;p class=&quot;text-xs&quot;&gt;4 New Messages&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 bg-primary text-white shadow-[0_1px_15px_1px_rgba(67,97,238,0.15)] hover:bg-[#eee] dark:hover:bg-[#eee]/10 hover:text-black dark:hover:text-white group&quot;&gt;
+            &lt;div class=&quot;ltr:mr-2 rtl:ml-2.5 mt-0.5 text-white group-hover:text-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;flex-1 font-semibold&quot;&gt;
+                &lt;h6 class=&quot;mb-1 text-base&quot;&gt;Locations&lt;/h6&gt;
+                &lt;p class=&quot;text-xs&quot;&gt;25 New Travel Locations&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10&quot;&gt;
+            &lt;div class=&quot;ltr:mr-2 rtl:ml-2.5 mt-0.5 text-primary&quot;&gt;
+                &lt;svg&gt; ... &lt;/svg&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;flex-1 font-semibold&quot;&gt;
+                &lt;h6 class=&quot;mb-1 text-base&quot;&gt;Flexible&lt;/h6&gt;
+                &lt;p class=&quot;text-xs&quot;&gt;Customization Flexibility&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Images -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Images</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code4')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-col rounded-md border border-[#e0e6ed] dark:border-[#1b2e4b]">
+                        <div
+                            class="flex border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10">
+                            <div class="ltr:mr-3 rtl:ml-3">
+                                <img src="/assets/images/profile-1.jpeg" alt="image"
+                                    class="rounded-full w-12 h-12 object-cover" />
+                            </div>
+                            <div class="flex-1 font-semibold">
+                                <h6 class="mb-1 text-base">Luke Ivory</h6>
+                                <p class="text-xs">Project Lead</p>
+                            </div>
+                        </div>
+                        <div
+                            class="flex border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 bg-primary text-white shadow-[0_1px_15px_1px_rgba(67,97,238,0.15)] hover:bg-[#eee] dark:hover:bg-[#eee]/10 hover:text-black dark:hover:text-white group">
+                            <div class="ltr:mr-3 rtl:ml-3">
+                                <img src="/assets/images/profile-2.jpeg" alt="image"
+                                    class="rounded-full w-12 h-12 object-cover" />
+                            </div>
+                            <div class="flex-1 font-semibold">
+                                <h6 class="mb-1 text-base">Sonia Shaw</h6>
+                                <p class="text-xs">Web Designer</p>
+                            </div>
+                        </div>
+                        <div class="flex px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10">
+                            <div class="ltr:mr-3 rtl:ml-3">
+                                <img src="/assets/images/profile-3.jpeg" alt="image"
+                                    class="rounded-full w-12 h-12 object-cover" />
+                            </div>
+                            <div class="flex-1 font-semibold">
+                                <h6 class="mb-1 text-base">Dale Butler</h6>
+                                <p class="text-xs">Developer</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code4')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- images --&gt;
+    &lt;div class=&quot;flex flex-col rounded-md border border-[#e0e6ed] dark:border-[#1b2e4b]&quot;&gt;
+        &lt;div class=&quot;flex border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10&quot;&gt;
+            &lt;div class=&quot;ltr:mr-3 rtl:ml-3&quot;&gt;
+                &lt;img src=&quot; /assets/images/profile-1.jpeg &quot; alt=&quot;image&quot; class=&quot;rounded-full w-12 h-12 object-cover&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;flex-1 font-semibold&quot;&gt;
+                &lt;h6 class=&quot;mb-1 text-base&quot;&gt;Luke Ivory&lt;/h6&gt;
+                &lt;p class=&quot;text-xs&quot;&gt;Project Lead&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 bg-primary text-white shadow-[0_1px_15px_1px_rgba(67,97,238,0.15)] hover:bg-[#eee] dark:hover:bg-[#eee]/10 hover:text-black dark:hover:text-white group&quot;&gt;
+            &lt;div class=&quot;ltr:mr-3 rtl:ml-3&quot;&gt;
+                &lt;img src=&quot; /assets/images/profile-2.jpeg &quot; alt=&quot;image&quot; class=&quot;rounded-full w-12 h-12 object-cover&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;flex-1 font-semibold&quot;&gt;
+                &lt;h6 class=&quot;mb-1 text-base&quot;&gt;Sonia Shaw&lt;/h6&gt;
+                &lt;p class=&quot;text-xs&quot;&gt;Web Designer&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10&quot;&gt;
+            &lt;div class=&quot;ltr:mr-3 rtl:ml-3&quot;&gt;
+                &lt;img src=&quot; /assets/images/profile-3.jpeg &quot; alt=&quot;image&quot; class=&quot;rounded-full w-12 h-12 object-cover&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;flex-1 font-semibold&quot;&gt;
+                &lt;h6 class=&quot;mb-1 text-base&quot;&gt;Dale Butler&lt;/h6&gt;
+                &lt;p class=&quot;text-xs&quot;&gt;Developer&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Task -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Task</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code5')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex flex-col rounded-md border border-[#e0e6ed] dark:border-[#1b2e4b]">
+                        <div
+                            class="flex space-x-4 rtl:space-x-reverse border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10">
+                            <input id="tack_checkbox1" type="checkbox" class="form-checkbox" />
+                            <label for="tack_checkbox1" class="mb-0 cursor-pointer">List groups are a flexible and
+                                powerful component for displaying simple. <span
+                                    class="badge bg-secondary my-auto ltr:ml-3 rtl:mr-3 hover:top-0">Project</span></label>
+                        </div>
+                        <div
+                            class="flex space-x-4 rtl:space-x-reverse border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 bg-primary text-white shadow-[0_1px_15px_1px_rgba(67,97,238,0.15)] hover:bg-[#eee] dark:hover:bg-[#eee]/10 hover:text-black dark:hover:text-white group">
+                            <input id="tack_checkbox2" type="checkbox"
+                                class="form-checkbox checked:border-white-light dark:checked:border-[#253b5c]" />
+                            <label for="tack_checkbox2" class="mb-0 cursor-pointer">List groups are a flexible and
+                                powerful component for displaying simple. <span
+                                    class="badge bg-info my-auto ltr:ml-3 rtl:mr-3 hover:top-0">Urgent</span></label>
+                        </div>
+                        <div
+                            class="flex space-x-4 rtl:space-x-reverse px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10">
+                            <input id="tack_checkbox3" type="checkbox" class="form-checkbox" />
+                            <label for="tack_checkbox3" class="mb-0 cursor-pointer">List groups are a flexible and
+                                powerful component for displaying simple. <span
+                                    class="badge bg-success my-auto ltr:ml-3 rtl:mr-3 hover:top-0">Success</span></label>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code5')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- task --&gt;
+    &lt;div class=&quot;flex flex-col rounded-md border border-[#e0e6ed] dark:border-[#1b2e4b]&quot;&gt;
+        &lt;div class=&quot;flex space-x-4 rtl:space-x-reverse border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10&quot;&gt;
+            &lt;input id=&quot;tack_checkbox1&quot; type=&quot;checkbox&quot; class=&quot;form-checkbox&quot; /&gt;
+            &lt;label for=&quot;tack_checkbox1&quot; class=&quot;mb-0 cursor-pointer&quot;&gt;List groups are a flexible and powerful component for displaying simple. &lt;span class=&quot;badge bg-secondary my-auto ltr:ml-3 rtl:mr-3 hover:top-0&quot;&gt;Project&lt;/span&gt;&lt;/label&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex space-x-4 rtl:space-x-reverse border-b border-[#e0e6ed] dark:border-[#1b2e4b] px-4 py-2.5 bg-primary text-white shadow-[0_1px_15px_1px_rgba(67,97,238,0.15)] hover:bg-[#eee] dark:hover:bg-[#eee]/10 hover:text-black dark:hover:text-white group&quot;&gt;
+            &lt;input id=&quot;tack_checkbox2&quot; type=&quot;checkbox&quot; class=&quot;form-checkbox checked:border-white-light checked:border-white-light dark:checked:border-[#253b5c]&quot; /&gt;
+            &lt;label for=&quot;tack_checkbox2&quot; class=&quot;mb-0 cursor-pointer&quot;&gt;List groups are a flexible and powerful component for displaying simple. &lt;span class=&quot;badge bg-info my-auto ltr:ml-3 rtl:mr-3 hover:top-0&quot;&gt;Urgent&lt;/span&gt;&lt;/label&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex space-x-4 rtl:space-x-reverse px-4 py-2.5 hover:bg-[#eee] dark:hover:bg-[#eee]/10&quot;&gt;
+            &lt;input id=&quot;tack_checkbox3&quot; type=&quot;checkbox&quot; class=&quot;form-checkbox&quot; /&gt;
+            &lt;label for=&quot;tack_checkbox3&quot; class=&quot;mb-0 cursor-pointer&quot;&gt;List groups are a flexible and powerful component for displaying simple. &lt;span class=&quot;badge bg-success my-auto ltr:ml-3 rtl:mr-3 hover:top-0&quot;&gt;Success&lt;/span&gt;&lt;/label&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/ui-components/media-object.blade.php b/resources/views/ui-components/media-object.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..a26389cb774502743fa1af1cd05fb6fced2daf8b
--- /dev/null
+++ b/resources/views/ui-components/media-object.blade.php
@@ -0,0 +1,1144 @@
+<x-layout.default>
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Components</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Media Object</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 xl:grid-cols-2 gap-6" x-data="form">
+            <!-- Simple -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Simple</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex">
+                        <div class="ltr:mr-4 rtl:ml-4">
+                            <img src="/assets/images/profile-5.jpeg" alt="image"
+                                class="w-16 h-16 rounded" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
+                            <p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id
+                                sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. </p>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- simple --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+        &lt;img src=&quot; /assets/images/profile-5.jpeg &quot; alt=&quot;image&quot; class=&quot;w-16 h-16 rounded&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg mb-2 text-primary&quot;&gt;Heading&lt;/h4&gt;
+            &lt;p class=&quot;media-text&quot;&gt; Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. &lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Order -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Order</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex">
+                        <div class="flex-1 ltr:mr-4 rtl:ml-4">
+                            <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
+                            <p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id
+                                sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. </p>
+                        </div>
+                        <div>
+                            <img src="/assets/images/profile-5.jpeg" alt="image"
+                                class="w-16 h-16 rounded" />
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- order --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;div class=&quot;flex-1 ltr:mr-4 rtl:ml-4&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg mb-2 text-primary&quot;&gt;Heading&lt;/h4&gt;
+            &lt;p class=&quot;media-text&quot;&gt; Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. &lt;/p&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+        &lt;img src=&quot; /assets/images/profile-5.jpeg &quot; alt=&quot;image&quot; class=&quot;w-16 h-16 rounded&quot; /&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Alignment -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Top-aligned media</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex items-start">
+                        <div class="ltr:mr-4 rtl:ml-4">
+                            <img src="/assets/images/profile-5.jpeg" alt="image"
+                                class="w-16 h-16 rounded" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
+                            <p class="media-text">Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id
+                                sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. Fusce condimentum cursus mauris et ornare.
+                                Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed
+                                dapibus nulla elementum, rutrum neque eu, gravida neque.</p>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- top-aligned media --&gt;
+    &lt;div class=&quot;flex items-start&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+        &lt;img src=&quot; /assets/images/profile-5.jpeg &quot; alt=&quot;image&quot; class=&quot;w-16 h-16 rounded&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg mb-2 text-primary&quot;&gt;Heading&lt;/h4&gt;
+            &lt;p class=&quot;media-text&quot;&gt;Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque.&lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Center-aligned media</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code4')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex items-center">
+                        <div class="ltr:mr-4 rtl:ml-4">
+                            <img src="/assets/images/profile-5.jpeg" alt="image"
+                                class="w-16 h-16 rounded" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
+                            <p class="media-text">Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id
+                                sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. Fusce condimentum cursus mauris et ornare.
+                                Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed
+                                dapibus nulla elementum, rutrum neque eu, gravida neque.</p>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code4')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- center aligned media --&gt;
+    &lt;div class=&quot;flex items-center&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+        &lt;img src=&quot; /assets/images/profile-5.jpeg &quot; alt=&quot;image&quot; class=&quot;w-16 h-16 rounded&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg mb-2 text-primary&quot;&gt;Heading&lt;/h4&gt;
+            &lt;p class=&quot;media-text&quot;&gt;Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque.&lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Bottom-aligned media</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code5')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex items-end">
+                        <div class="ltr:mr-4 rtl:ml-4">
+                            <img src="/assets/images/profile-5.jpeg" alt="image"
+                                class="w-16 h-16 rounded" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
+                            <p class="media-text">Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id
+                                sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. Fusce condimentum cursus mauris et ornare.
+                                Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed
+                                dapibus nulla elementum, rutrum neque eu, gravida neque.</p>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code5')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- bottom aligned media --&gt;
+    &lt;div class=&quot;flex items-end&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+        &lt;img src=&quot; /assets/images/profile-5.jpeg &quot; alt=&quot;image&quot; class=&quot;w-16 h-16 rounded&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg mb-2 text-primary&quot;&gt;Heading&lt;/h4&gt;
+            &lt;p class=&quot;media-text&quot;&gt;Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque.&lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Right Aligned</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code6')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex">
+                        <div class="flex-1 ltr:mr-4 rtl:ml-4 ltr:text-right rtl:text-left">
+                            <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
+                            <p class="media-text">Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id
+                                sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. Fusce condimentum cursus mauris et ornare.
+                                Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed
+                                dapibus nulla elementum, rutrum neque eu, gravida neque.</p>
+                        </div>
+                        <div>
+                            <img src="/assets/images/profile-5.jpeg" alt="image"
+                                class="w-16 h-16 rounded" />
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code6')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- right aligned --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;div class=&quot;flex-1 ltr:mr-4 rtl:ml-4 ltr:text-right rtl:text-left&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg mb-2 text-primary&quot;&gt;Heading&lt;/h4&gt;
+            &lt;p class=&quot;media-text&quot;&gt;Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque.&lt;/p&gt;
+        &lt;/div&gt;
+        &lt;div&gt;
+        &lt;img src=&quot; /assets/images/profile-5.jpeg &quot; alt=&quot;image&quot; class=&quot;w-16 h-16 rounded&quot; /&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- List -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Media list</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code7')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex mb-5">
+                        <div class="ltr:mr-4 rtl:ml-4">
+                            <img src="/assets/images/profile-5.jpeg" alt="image"
+                                class="w-14 h-14 rounded" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
+                            <p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id
+                                sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. </p>
+                        </div>
+                    </div>
+                    <div class="flex mb-5">
+                        <div class="ltr:mr-4 rtl:ml-4">
+                            <img src="/assets/images/profile-5.jpeg" alt="image"
+                                class="w-14 h-14 rounded" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
+                            <p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id
+                                sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. </p>
+                        </div>
+                    </div>
+                    <div class="flex">
+                        <div class="ltr:mr-4 rtl:ml-4">
+                            <img src="/assets/images/profile-5.jpeg" alt="image"
+                                class="w-14 h-14 rounded" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
+                            <p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id
+                                sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. </p>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code7')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- list --&gt;
+    &lt;div class=&quot;flex mb-5&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+        &lt;img src=&quot; /assets/images/profile-5.jpeg &quot; alt=&quot;image&quot; class=&quot;w-14 h-14 rounded&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg mb-2 text-primary&quot;&gt;Heading&lt;/h4&gt;
+            &lt;p class=&quot;media-text&quot;&gt; Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. &lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class=&quot;flex mb-5&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+        &lt;img src=&quot; /assets/images/profile-5.jpeg &quot; alt=&quot;image&quot; class=&quot;w-14 h-14 rounded&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg mb-2 text-primary&quot;&gt;Heading&lt;/h4&gt;
+            &lt;p class=&quot;media-text&quot;&gt; Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. &lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+        &lt;img src=&quot; /assets/images/profile-5.jpeg &quot; alt=&quot;image&quot; class=&quot;w-14 h-14 rounded&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg mb-2 text-primary&quot;&gt;Heading&lt;/h4&gt;
+            &lt;p class=&quot;media-text&quot;&gt; Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. &lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Nesting -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Nesting</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code8')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex">
+                        <div class="ltr:mr-4 rtl:ml-4">
+                            <img src="/assets/images/profile-5.jpeg" alt="image"
+                                class="w-14 h-14 rounded" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
+                            <p class="media-text mb-5"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi
+                                id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. </p>
+                            <div class="flex">
+                                <div class="ltr:mr-4 rtl:ml-4">
+                                    <img src="/assets/images/profile-5.jpeg" alt="image"
+                                        class="w-14 h-14 rounded" />
+                                </div>
+                                <div class="flex-1">
+                                    <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
+                                    <p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum
+                                        mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus
+                                        nulla elementum, rutrum neque eu, gravida neque. </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code8')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- nesting --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+        &lt;img src=&quot; /assets/images/profile-5.jpeg &quot; alt=&quot;image&quot; class=&quot;w-14 h-14 rounded&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg mb-2 text-primary&quot;&gt;Heading&lt;/h4&gt;
+            &lt;p class=&quot;media-text mb-5&quot;&gt; Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. &lt;/p&gt;
+            &lt;div class=&quot;flex&quot;&gt;
+                &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+                &lt;img src=&quot; /assets/images/profile-5.jpeg &quot; alt=&quot;image&quot; class=&quot;w-14 h-14 rounded&quot; /&gt;
+                &lt;/div&gt;
+                &lt;div class=&quot;flex-1&quot;&gt;
+                    &lt;h4 class=&quot;font-semibold text-lg mb-2 text-primary&quot;&gt;Heading&lt;/h4&gt;
+                    &lt;p class=&quot;media-text&quot;&gt; Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Notation Text -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Notation Text</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code9')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex">
+                        <div class="ltr:mr-4 rtl:ml-4">
+                            <img src="/assets/images/profile-5.jpeg" alt="image"
+                                class="w-14 h-14 rounded" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
+                            <p class="media-text mb-4"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi
+                                id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. </p>
+                            <ul class="flex space-x-4 rtl:space-x-reverse font-bold">
+                                <li><a href="javascript:;" class="hover:text-primary">Reply</a></li>
+                                <li><a href="javascript:;" class="hover:text-primary">Edit</a></li>
+                                <li><a href="javascript:;" class="hover:text-primary">Delete</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code9')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- notation text --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+        &lt;img src=&quot; /assets/images/profile-5.jpeg &quot; alt=&quot;image&quot; class=&quot;w-14 h-14 rounded&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg mb-2 text-primary&quot;&gt;Heading&lt;/h4&gt;
+            &lt;p class=&quot;media-text mb-4&quot;&gt; Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. &lt;/p&gt;
+            &lt;ul class=&quot;flex space-x-4 rtl:space-x-reverse font-bold&quot;&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; class=&quot;hover:text-primary&quot;&gt;Reply&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; class=&quot;hover:text-primary&quot;&gt;Edit&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; class=&quot;hover:text-primary&quot;&gt;Delete&lt;/a&gt;&lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Notation Icon -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Notation Icon</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code10')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex">
+                        <div class="ltr:mr-4 rtl:ml-4">
+                            <img src="/assets/images/profile-5.jpeg" alt="image"
+                                class="w-14 h-14 rounded" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="font-semibold text-lg mb-2 text-primary">Heading</h4>
+                            <p class="media-text mb-4"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi
+                                id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. </p>
+                            <ul class="flex space-x-4 rtl:space-x-reverse font-bold">
+                                <li><a href="javascript:;" class="flex items-center hover:text-primary">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 ltr:mr-1 rtl:ml-1">
+                                            <path
+                                                d="M13.0867 21.3877L13.7321 21.7697L13.0867 21.3877ZM13.6288 20.4718L12.9833 20.0898L13.6288 20.4718ZM10.3712 20.4718L9.72579 20.8539H9.72579L10.3712 20.4718ZM10.9133 21.3877L11.5587 21.0057L10.9133 21.3877ZM2.3806 15.9134L3.07351 15.6264V15.6264L2.3806 15.9134ZM7.78958 18.9915L7.77666 19.7413L7.78958 18.9915ZM5.08658 18.6194L4.79957 19.3123H4.79957L5.08658 18.6194ZM21.6194 15.9134L22.3123 16.2004V16.2004L21.6194 15.9134ZM16.2104 18.9915L16.1975 18.2416L16.2104 18.9915ZM18.9134 18.6194L19.2004 19.3123H19.2004L18.9134 18.6194ZM19.6125 2.7368L19.2206 3.37628L19.6125 2.7368ZM21.2632 4.38751L21.9027 3.99563V3.99563L21.2632 4.38751ZM4.38751 2.7368L3.99563 2.09732V2.09732L4.38751 2.7368ZM2.7368 4.38751L2.09732 3.99563H2.09732L2.7368 4.38751ZM9.40279 19.2098L9.77986 18.5615L9.77986 18.5615L9.40279 19.2098ZM13.7321 21.7697L14.2742 20.8539L12.9833 20.0898L12.4412 21.0057L13.7321 21.7697ZM9.72579 20.8539L10.2679 21.7697L11.5587 21.0057L11.0166 20.0898L9.72579 20.8539ZM12.4412 21.0057C12.2485 21.3313 11.7515 21.3313 11.5587 21.0057L10.2679 21.7697C11.0415 23.0767 12.9585 23.0767 13.7321 21.7697L12.4412 21.0057ZM10.5 2.75H13.5V1.25H10.5V2.75ZM21.25 10.5V11.5H22.75V10.5H21.25ZM2.75 11.5V10.5H1.25V11.5H2.75ZM1.25 11.5C1.25 12.6546 1.24959 13.5581 1.29931 14.2868C1.3495 15.0223 1.45323 15.6344 1.68769 16.2004L3.07351 15.6264C2.92737 15.2736 2.84081 14.8438 2.79584 14.1847C2.75041 13.5189 2.75 12.6751 2.75 11.5H1.25ZM7.8025 18.2416C6.54706 18.2199 5.88923 18.1401 5.37359 17.9265L4.79957 19.3123C5.60454 19.6457 6.52138 19.7197 7.77666 19.7413L7.8025 18.2416ZM1.68769 16.2004C2.27128 17.6093 3.39066 18.7287 4.79957 19.3123L5.3736 17.9265C4.33223 17.4951 3.50486 16.6678 3.07351 15.6264L1.68769 16.2004ZM21.25 11.5C21.25 12.6751 21.2496 13.5189 21.2042 14.1847C21.1592 14.8438 21.0726 15.2736 20.9265 15.6264L22.3123 16.2004C22.5468 15.6344 22.6505 15.0223 22.7007 14.2868C22.7504 13.5581 22.75 12.6546 22.75 11.5H21.25ZM16.2233 19.7413C17.4786 19.7197 18.3955 19.6457 19.2004 19.3123L18.6264 17.9265C18.1108 18.1401 17.4529 18.2199 16.1975 18.2416L16.2233 19.7413ZM20.9265 15.6264C20.4951 16.6678 19.6678 17.4951 18.6264 17.9265L19.2004 19.3123C20.6093 18.7287 21.7287 17.6093 22.3123 16.2004L20.9265 15.6264ZM13.5 2.75C15.1512 2.75 16.337 2.75079 17.2619 2.83873C18.1757 2.92561 18.7571 3.09223 19.2206 3.37628L20.0044 2.09732C19.2655 1.64457 18.4274 1.44279 17.4039 1.34547C16.3915 1.24921 15.1222 1.25 13.5 1.25V2.75ZM22.75 10.5C22.75 8.87781 22.7508 7.6085 22.6545 6.59611C22.5572 5.57256 22.3554 4.73445 21.9027 3.99563L20.6237 4.77938C20.9078 5.24291 21.0744 5.82434 21.1613 6.73809C21.2492 7.663 21.25 8.84876 21.25 10.5H22.75ZM19.2206 3.37628C19.7925 3.72672 20.2733 4.20752 20.6237 4.77938L21.9027 3.99563C21.4286 3.22194 20.7781 2.57144 20.0044 2.09732L19.2206 3.37628ZM10.5 1.25C8.87781 1.25 7.6085 1.24921 6.59611 1.34547C5.57256 1.44279 4.73445 1.64457 3.99563 2.09732L4.77938 3.37628C5.24291 3.09223 5.82434 2.92561 6.73809 2.83873C7.663 2.75079 8.84876 2.75 10.5 2.75V1.25ZM2.75 10.5C2.75 8.84876 2.75079 7.663 2.83873 6.73809C2.92561 5.82434 3.09223 5.24291 3.37628 4.77938L2.09732 3.99563C1.64457 4.73445 1.44279 5.57256 1.34547 6.59611C1.24921 7.6085 1.25 8.87781 1.25 10.5H2.75ZM3.99563 2.09732C3.22194 2.57144 2.57144 3.22194 2.09732 3.99563L3.37628 4.77938C3.72672 4.20752 4.20752 3.72672 4.77938 3.37628L3.99563 2.09732ZM11.0166 20.0898C10.8136 19.7468 10.6354 19.4441 10.4621 19.2063C10.2795 18.9559 10.0702 18.7304 9.77986 18.5615L9.02572 19.8582C9.07313 19.8857 9.13772 19.936 9.24985 20.0898C9.37122 20.2564 9.50835 20.4865 9.72579 20.8539L11.0166 20.0898ZM7.77666 19.7413C8.21575 19.7489 8.49387 19.7545 8.70588 19.7779C8.90399 19.7999 8.98078 19.832 9.02572 19.8582L9.77986 18.5615C9.4871 18.3912 9.18246 18.3215 8.87097 18.287C8.57339 18.2541 8.21375 18.2487 7.8025 18.2416L7.77666 19.7413ZM14.2742 20.8539C14.4916 20.4865 14.6287 20.2564 14.7501 20.0898C14.8622 19.936 14.9268 19.8857 14.9742 19.8582L14.2201 18.5615C13.9298 18.7304 13.7204 18.9559 13.5379 19.2063C13.3646 19.4441 13.1864 19.7468 12.9833 20.0898L14.2742 20.8539ZM16.1975 18.2416C15.7862 18.2487 15.4266 18.2541 15.129 18.287C14.8175 18.3215 14.5129 18.3912 14.2201 18.5615L14.9742 19.8582C15.0192 19.832 15.096 19.7999 15.2941 19.7779C15.5061 19.7545 15.7842 19.7489 16.2233 19.7413L16.1975 18.2416Z"
+                                                fill="currentColor" />
+                                            <g opacity="0.5">
+                                                <path
+                                                    d="M9 11C9 11.5523 8.55228 12 8 12C7.44772 12 7 11.5523 7 11C7 10.4477 7.44772 10 8 10C8.55228 10 9 10.4477 9 11Z"
+                                                    fill="currentColor" />
+                                                <path
+                                                    d="M13 11C13 11.5523 12.5523 12 12 12C11.4477 12 11 11.5523 11 11C11 10.4477 11.4477 10 12 10C12.5523 10 13 10.4477 13 11Z"
+                                                    fill="currentColor" />
+                                                <path
+                                                    d="M17 11C17 11.5523 16.5523 12 16 12C15.4477 12 15 11.5523 15 11C15 10.4477 15.4477 10 16 10C16.5523 10 17 10.4477 17 11Z"
+                                                    fill="currentColor" />
+                                            </g>
+                                        </svg>
+                                        Reply
+                                    </a>
+                                </li>
+                                <li><a href="javascript:;" class="flex items-center hover:text-primary">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5 ltr:mr-1 rtl:ml-1">
+                                            <path
+                                                d="M15.2869 3.15178L14.3601 4.07866L5.83882 12.5999L5.83881 12.5999C5.26166 13.1771 4.97308 13.4656 4.7249 13.7838C4.43213 14.1592 4.18114 14.5653 3.97634 14.995C3.80273 15.3593 3.67368 15.7465 3.41556 16.5208L2.32181 19.8021L2.05445 20.6042C1.92743 20.9852 2.0266 21.4053 2.31063 21.6894C2.59466 21.9734 3.01478 22.0726 3.39584 21.9456L4.19792 21.6782L7.47918 20.5844L7.47919 20.5844C8.25353 20.3263 8.6407 20.1973 9.00498 20.0237C9.43469 19.8189 9.84082 19.5679 10.2162 19.2751C10.5344 19.0269 10.8229 18.7383 11.4001 18.1612L11.4001 18.1612L19.9213 9.63993L20.8482 8.71306C22.3839 7.17735 22.3839 4.68748 20.8482 3.15178C19.3125 1.61607 16.8226 1.61607 15.2869 3.15178Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M14.36 4.07812C14.36 4.07812 14.4759 6.04774 16.2138 7.78564C17.9517 9.52354 19.9213 9.6394 19.9213 9.6394M4.19789 21.6777L2.32178 19.8015"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                        Edit
+                                    </a>
+                                </li>
+                                <li><a href="javascript:;" class="flex items-center hover:text-primary">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 ltr:mr-1 rtl:ml-1">
+                                            <path opacity="0.5"
+                                                d="M9.17065 4C9.58249 2.83481 10.6937 2 11.9999 2C13.3062 2 14.4174 2.83481 14.8292 4"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                            <path d="M20.5001 6H3.5" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" />
+                                            <path
+                                                d="M18.8334 8.5L18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                            <path opacity="0.5" d="M9.5 11L10 16" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" />
+                                            <path opacity="0.5" d="M14.5 11L14 16" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" />
+                                        </svg>
+                                        Delete
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code10')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- notation icon --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+        &lt;img src=&quot; /assets/images/profile-5.jpeg &quot; alt=&quot;image&quot; class=&quot;w-14 h-14 rounded&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg mb-2 text-primary&quot;&gt;Heading&lt;/h4&gt;
+            &lt;p class=&quot;media-text mb-4&quot;&gt; Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. &lt;/p&gt;
+            &lt;ul class=&quot;flex space-x-4 rtl:space-x-reverse font-bold&quot;&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; class=&quot;flex items-center hover:text-primary&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; Reply
+                    &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; class=&quot;flex items-center hover:text-primary&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; Edit
+                    &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:;&quot; class=&quot;flex items-center hover:text-primary&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt; Delete
+                    &lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Badge -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Badge</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code11')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex">
+                        <div class="ltr:mr-4 rtl:ml-4">
+                            <img src="/assets/images/profile-5.jpeg" alt="image"
+                                class="w-14 h-14 rounded" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="font-semibold text-lg mb-2 text-primary">Heading <span
+                                    class="badge bg-primary ltr:float-right rtl:float-left">Web Designer</span></h4>
+                            <p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id
+                                sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. </p>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code11')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- badge --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+        &lt;img src=&quot; /assets/images/profile-5.jpeg &quot; alt=&quot;image&quot; class=&quot;w-14 h-14 rounded&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg mb-2 text-primary&quot;&gt;Heading &lt;span class=&quot;badge bg-primary ltr:float-right rtl:float-left&quot;&gt;Web Designer&lt;/span&gt;&lt;/h4&gt;
+            &lt;p class=&quot;media-text&quot;&gt; Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. &lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Dropdown -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Dropdown List</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code12')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div x-data="dropdown" class="mb-5 dropdown">
+                    <div class="flex">
+                        <div class="ltr:mr-4 rtl:ml-4">
+                            <img src="/assets/images/profile-5.jpeg" alt="image"
+                                class="w-14 h-14 rounded" />
+                        </div>
+                        <div class="flex-1">
+                            <div class="flex justify-between mb-2">
+                                <h4 class="font-semibold text-lg text-primary">Heading </h4>
+                                <div class="relative" @click.outside="open = false">
+                                    <a href="javascript:;" @click="toggle">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-5 h-5 opacity-70 text-white-dark">
+                                            <circle cx="5" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <circle opacity="0.5" cx="12" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <circle cx="19" cy="12" r="2"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                        </svg>
+                                    </a>
+                                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                        class="ltr:right-0 rtl:left-0 top-full whitespace-nowrap" @click="toggle">
+                                        <li><a href="javascript:;">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5 ltr:mr-1 rtl:ml-1">
+                                                    <g opacity="0.5">
+                                                        <path
+                                                            d="M9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11C8.55228 11 9 11.4477 9 12Z"
+                                                            fill="currentColor" />
+                                                        <path
+                                                            d="M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z"
+                                                            fill="currentColor" />
+                                                        <path
+                                                            d="M17 12C17 12.5523 16.5523 13 16 13C15.4477 13 15 12.5523 15 12C15 11.4477 15.4477 11 16 11C16.5523 11 17 11.4477 17 12Z"
+                                                            fill="currentColor" />
+                                                    </g>
+                                                    <path
+                                                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.5997 2.37562 15.1116 3.04346 16.4525C3.22094 16.8088 3.28001 17.2161 3.17712 17.6006L2.58151 19.8267C2.32295 20.793 3.20701 21.677 4.17335 21.4185L6.39939 20.8229C6.78393 20.72 7.19121 20.7791 7.54753 20.9565C8.88837 21.6244 10.4003 22 12 22Z"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                                Start chat</a></li>
+                                        <li><a href="javascript:;">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5 ltr:mr-1 rtl:ml-1">
+                                                    <path
+                                                        d="M16.1007 13.359L16.5562 12.9062C17.1858 12.2801 18.1672 12.1515 18.9728 12.5894L20.8833 13.628C22.1102 14.2949 22.3806 15.9295 21.4217 16.883L20.0011 18.2954C19.6399 18.6546 19.1917 18.9171 18.6763 18.9651M4.00289 5.74561C3.96765 5.12559 4.25823 4.56668 4.69185 4.13552L6.26145 2.57483C7.13596 1.70529 8.61028 1.83992 9.37326 2.85908L10.6342 4.54348C11.2507 5.36691 11.1841 6.49484 10.4775 7.19738L10.1907 7.48257"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                    <path opacity="0.5"
+                                                        d="M18.6763 18.9651C17.0469 19.117 13.0622 18.9492 8.8154 14.7266C4.81076 10.7447 4.09308 7.33182 4.00293 5.74561"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                    <path opacity="0.5"
+                                                        d="M16.1007 13.3589C16.1007 13.3589 15.0181 14.4353 12.0631 11.4971C9.10807 8.55886 10.1907 7.48242 10.1907 7.48242"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                </svg>
+                                                Make a call</a></li>
+                                        <li><a href="javascript:;">
+
+                                                <svg width="24" height="24" viewBox="0 0 24 24"
+                                                    fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                    class="w-5 h-5 ltr:mr-1 rtl:ml-1">
+                                                    <path d="M22 22H2" stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" />
+                                                    <path opacity="0.5"
+                                                        d="M21 22V14.5C21 13.6716 20.3284 13 19.5 13H16.5C15.6716 13 15 13.6716 15 14.5V22"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                    <path
+                                                        d="M15 22V5C15 3.58579 15 2.87868 14.5607 2.43934C14.1213 2 13.4142 2 12 2C10.5858 2 9.87868 2 9.43934 2.43934C9 2.87868 9 3.58579 9 5V22"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                    <path opacity="0.5"
+                                                        d="M9 22V9.5C9 8.67157 8.32843 8 7.5 8H4.5C3.67157 8 3 8.67157 3 9.5V22"
+                                                        stroke="currentColor" stroke-width="1.5" />
+                                                </svg>
+                                                Statistics</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id
+                                sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. </p>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code12')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- dropdown --&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+        &lt;img src=&quot; /assets/images/profile-5.jpeg &quot; alt=&quot;image&quot; class=&quot;w-14 h-14 rounded&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;div class=&quot;flex justify-between mb-2&quot;&gt;
+                &lt;h4 class=&quot;font-semibold text-lg text-primary&quot;&gt;Heading &lt;/h4&gt;
+                &lt;div class=&quot;relative&quot;&gt;
+                    &lt;a href=&quot;javascript:;&quot; @click=&quot;toggle&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;/a&gt;
+                    &lt;ul x-cloak x-show=&quot;open&quot; x-transition x-transition.duration.300ms class=&quot;ltr:right-0 rtl:left-0 top-full&quot;&gt;
+                        &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt; Start chat&lt;/a&gt;&lt;/li&gt;
+                        &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt; Make a call&lt;/a&gt;&lt;/li&gt;
+                        &lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt; Statistics&lt;/a&gt;&lt;/li&gt;
+                    &lt;/ul&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+            &lt;p class=&quot;media-text&quot;&gt; Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. &lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Labels -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Labels</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code13')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex items-center mb-5">
+                        <div class="ltr:mr-4 rtl:ml-4">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-7 h-7 text-danger">
+                                <circle opacity="0.5" cx="12" cy="12" r="10"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M14.5 9.50002L9.5 14.5M9.49998 9.5L14.5 14.5" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="font-semibold text-lg text-primary">Heading </h4>
+                            <p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id
+                                sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. </p>
+                        </div>
+                    </div>
+                    <div class="flex items-center">
+                        <div class="ltr:mr-4 rtl:ml-4">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-7 h-7 text-warning">
+                                <path opacity="0.5"
+                                    d="M5.31171 10.7615C8.23007 5.58716 9.68925 3 12 3C14.3107 3 15.7699 5.58716 18.6883 10.7615L19.0519 11.4063C21.4771 15.7061 22.6897 17.856 21.5937 19.428C20.4978 21 17.7864 21 12.3637 21H11.6363C6.21356 21 3.50217 21 2.40626 19.428C1.31034 17.856 2.52291 15.7061 4.94805 11.4063L5.31171 10.7615Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M12 8V13" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <circle cx="12" cy="16" r="1" fill="currentColor" />
+                            </svg>
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="font-semibold text-lg text-primary">Heading </h4>
+                            <p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id
+                                sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. </p>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code13')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- error --&gt;
+    &lt;div class=&quot;flex items-center mb-5&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg text-primary&quot;&gt;Heading &lt;/h4&gt;
+            &lt;p class=&quot;media-text&quot;&gt; Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. &lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- warning --&gt;
+    &lt;div class=&quot;flex items-center&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+            &lt;svg&gt; ... &lt;/svg&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg text-primary&quot;&gt;Heading &lt;/h4&gt;
+            &lt;p class=&quot;media-text&quot;&gt; Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. &lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Checkbox -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Checkbox</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code14')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex mb-5">
+                        <div class="ltr:mr-4 rtl:ml-4">
+                            <input type="checkbox" class="form-checkbox mt-1.5" checked />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="font-semibold text-lg text-primary">Heading </h4>
+                            <p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id
+                                sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. </p>
+                        </div>
+                    </div>
+                    <div class="flex">
+                        <div class="ltr:mr-4 rtl:ml-4">
+                            <input type="checkbox" class="form-checkbox mt-1.5" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="font-semibold text-lg text-primary">Heading </h4>
+                            <p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id
+                                sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. </p>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code14')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- checkbox --&gt;
+    &lt;div class=&quot;flex mb-5&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+            &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox mt-1.5&quot; checked /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg text-primary&quot;&gt;Heading &lt;/h4&gt;
+            &lt;p class=&quot;media-text&quot;&gt; Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. &lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+            &lt;input type=&quot;checkbox&quot; class=&quot;form-checkbox mt-1.5&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg text-primary&quot;&gt;Heading &lt;/h4&gt;
+            &lt;p class=&quot;media-text&quot;&gt; Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. &lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Radio -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Radio</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code15')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="flex mb-5">
+                        <div class="ltr:mr-4 rtl:ml-4">
+                            <input type="radio" class="form-radio mt-1.5" name="radio" checked />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="font-semibold text-lg text-primary">Heading </h4>
+                            <p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id
+                                sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. </p>
+                        </div>
+                    </div>
+                    <div class="flex">
+                        <div class="ltr:mr-4 rtl:ml-4">
+                            <input type="radio" class="form-radio mt-1.5" name="radio" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="font-semibold text-lg text-primary">Heading </h4>
+                            <p class="media-text"> Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id
+                                sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla
+                                elementum, rutrum neque eu, gravida neque. </p>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code15')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- radio --&gt;
+    &lt;div class=&quot;flex mb-5&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+            &lt;input type=&quot;radio&quot; class=&quot;form-radio mt-1.5&quot; name=&quot;radio&quot; checked /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg text-primary&quot;&gt;Heading &lt;/h4&gt;
+            &lt;p class=&quot;media-text&quot;&gt; Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. &lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    &lt;div class=&quot;flex&quot;&gt;
+        &lt;div class=&quot;ltr:mr-4 rtl:ml-4&quot;&gt;
+            &lt;input type=&quot;radio&quot; class=&quot;form-radio mt-1.5&quot; name=&quot;radio&quot; /&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex-1&quot;&gt;
+            &lt;h4 class=&quot;font-semibold text-lg text-primary&quot;&gt;Heading &lt;/h4&gt;
+            &lt;p class=&quot;media-text&quot;&gt; Fusce condimentum cursus mauris et ornare. Mauris fermentum mi id sollicitudin viverra. Aenean dignissim sed ante eget dapibus. Sed dapibus nulla elementum, rutrum neque eu, gravida neque. &lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/ui-components/modals.blade.php b/resources/views/ui-components/modals.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..22c97c93ce458d937370b5e96bee294bd2aa06a1
--- /dev/null
+++ b/resources/views/ui-components/modals.blade.php
@@ -0,0 +1,2425 @@
+<x-layout.default>
+
+
+
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/swiper-bundle.min.css') }}">
+    <script src="/assets/js/swiper-bundle.min.js"></script>
+
+    <div x-data="modals">
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Components</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Modals</span>
+            </li>
+        </ul>
+
+        <div class="pt-5 space-y-8">
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a href="https://alpinejs.dev/component/modal"
+                    target="_blank" class="block hover:underline">https://alpinejs.dev/component/modal</a>
+            </div>
+
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- basic -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+
+
+                    <div x-data="modal" class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-primary" @click="toggle">Launch modal</button>
+                        </div>
+                        <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                            :class="open && '!block'">
+                            <div class="flex items-start justify-center min-h-screen px-4" @click.self="open = false">
+                                <div x-show="open" x-transition x-transition.duration.300
+                                    class="panel border-0 p-0 rounded-lg overflow-hidden my-8 w-full max-w-lg">
+                                    <div
+                                        class="flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3">
+                                        <div class="font-bold text-lg">Modal Title</div>
+                                        <button type="button" class="text-white-dark hover:text-dark" @click="toggle">
+
+                                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                                viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
+                                                class="w-6 h-6">
+                                                <line x1="18" y1="6" x2="6" y2="18">
+                                                </line>
+                                                <line x1="6" y1="6" x2="18" y2="18">
+                                                </line>
+                                            </svg>
+                                        </button>
+                                    </div>
+                                    <div class="p-5">
+                                        <div class="dark:text-white-dark/70 text-base font-medium text-[#1f2937]">
+                                            <p>Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros.
+                                                Phasellus egestas sit amet velit sed luctus. Orci varius natoque
+                                                penatibus et magnis dis parturient montes, nascetur ridiculus mus.
+                                                Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet
+                                                ullamcorper mi.</p>
+                                        </div>
+                                        <div class="flex justify-end items-center mt-8">
+                                            <button type="button" class="btn btn-outline-danger"
+                                                @click="toggle">Discard</button>
+                                            <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                @click="toggle">Save</button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;div x-data=&quot;modal&quot; class=&quot;mb-5&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;div class=&quot;flex items-center justify-center&quot;&gt;
+            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; @click=&quot;toggle&quot;&gt;Launch modal&lt;/button&gt;
+        &lt;/div&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div x-show=&quot;open&quot; x-transition x-transition.duration.300 class=&quot;panel border-0 p-0 rounded-lg overflow-hidden my-8 w-full max-w-lg&quot;&gt;
+                    &lt;div class=&quot;flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3&quot;&gt;
+                        &lt;div class=&quot;font-bold text-lg&quot;&gt;Modal Title&lt;/div&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;text-white-dark hover:text-dark&quot; @click=&quot;toggle&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;dark:text-white-dark/70 text-base font-medium text-[#1f2937]&quot;&gt;
+                            &lt;p&gt;Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros. Phasellus egestas sit amet velit sed luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet ullamcorper mi.&lt;/p&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-end items-center mt-8&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot; @click=&quot;toggle&quot;&gt;Discard&lt;/button&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:ml-4 rtl:mr-4&quot; @click=&quot;toggle&quot;&gt;Save&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;modal&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Vertically Centered -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Vertically Centered</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="modal">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-info" @click="toggle">Launch modal</button>
+                        </div>
+                        <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                            :class="open && '!block'">
+                            <div class="flex items-center justify-center min-h-screen px-4"
+                                @click.self="open = false">
+                                <div x-show="open" x-transition x-transition.duration.300
+                                    class="panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8">
+                                    <div
+                                        class="flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3">
+                                        <h5 class="font-bold text-lg">Modal Title</h5>
+                                        <button type="button" class="text-white-dark hover:text-dark"
+                                            @click="toggle">
+
+                                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                                viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
+                                                class="w-6 h-6">
+                                                <line x1="18" y1="6" x2="6" y2="18">
+                                                </line>
+                                                <line x1="6" y1="6" x2="18" y2="18">
+                                                </line>
+                                            </svg>
+                                        </button>
+                                    </div>
+                                    <div class="p-5">
+                                        <div class="dark:text-white-dark/70 text-base font-medium text-[#1f2937]">
+                                            <p>Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros.
+                                                Phasellus egestas sit amet velit sed luctus. Orci varius natoque
+                                                penatibus et magnis dis parturient montes, nascetur ridiculus mus.
+                                                Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet
+                                                ullamcorper mi.</p>
+                                        </div>
+                                        <div class="flex justify-end items-center mt-8">
+                                            <button type="button" class="btn btn-outline-danger"
+                                                @click="toggle">Discard</button>
+                                            <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                @click="toggle">Save</button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- vertically centered --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;div class=&quot;flex items-center justify-center&quot;&gt;
+            &lt;button type=&quot;button&quot; class=&quot;btn btn-info&quot; @click=&quot;toggle&quot;&gt;Launch modal&lt;/button&gt;
+        &lt;/div&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-center justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div x-show=&quot;open&quot; x-transition x-transition.duration.300 class=&quot;panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8&quot;&gt;
+                    &lt;div class=&quot;flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3&quot;&gt;
+                        &lt;h5 class=&quot;font-bold text-lg&quot;&gt;Modal Title&lt;/h5&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;text-white-dark hover:text-dark&quot; @click=&quot;toggle&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;dark:text-white-dark/70 text-base font-medium text-[#1f2937]&quot;&gt;
+                            &lt;p&gt;Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros. Phasellus egestas sit amet velit sed luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet ullamcorper mi.&lt;/p&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-end items-center mt-8&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot; @click=&quot;toggle&quot;&gt;Discard&lt;/button&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:ml-4 rtl:mr-4&quot; @click=&quot;toggle&quot;&gt;Save&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;modal&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- static -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Static</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code3')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div x-data="modal" class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-secondary" @click="toggle">Static modal</button>
+                        </div>
+                        <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                            :class="open && '!block'">
+                            <div class="flex items-start justify-center min-h-screen px-4">
+                                <div x-show="open" x-transition x-transition.duration.300
+                                    class="panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8">
+                                    <div
+                                        class="flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3">
+                                        <div class="font-bold text-lg">Modal Title</div>
+                                        <button type="button" class="text-white-dark hover:text-dark"
+                                            @click="toggle">
+
+                                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                                viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
+                                                class="w-6 h-6">
+                                                <line x1="18" y1="6" x2="6" y2="18">
+                                                </line>
+                                                <line x1="6" y1="6" x2="18" y2="18">
+                                                </line>
+                                            </svg>
+                                        </button>
+                                    </div>
+                                    <div class="p-5">
+                                        <div class="dark:text-white-dark/70 text-base font-medium text-[#1f2937]">
+                                            <p>Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros.
+                                                Phasellus egestas sit amet velit sed luctus. Orci varius natoque
+                                                penatibus et magnis dis parturient montes, nascetur ridiculus mus.
+                                                Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet
+                                                ullamcorper mi.</p>
+                                        </div>
+                                        <div class="flex justify-end items-center mt-8">
+                                            <button type="button" class="btn btn-outline-danger"
+                                                @click="toggle">Discard</button>
+                                            <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                @click="toggle">Save</button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code3')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- static --&gt;
+    &lt;div x-data=&quot;modal&quot; class=&quot;mb-5&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;div class=&quot;flex items-center justify-center&quot;&gt;
+            &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; @click=&quot;toggle&quot;&gt;Static modal&lt;/button&gt;
+        &lt;/div&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot;&gt;
+                &lt;div x-show=&quot;open&quot; x-transition x-transition.duration.300 class=&quot;panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8&quot;&gt;
+                    &lt;div class=&quot;flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3&quot;&gt;
+                        &lt;div class=&quot;font-bold text-lg&quot;&gt;Modal Title&lt;/div&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;text-white-dark hover:text-dark&quot; @click=&quot;toggle&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;dark:text-white-dark/70 text-base font-medium text-[#1f2937]&quot;&gt;
+                            &lt;p&gt;Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros. Phasellus egestas sit amet velit sed luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet ullamcorper mi.&lt;/p&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-end items-center mt-8&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot; @click=&quot;toggle&quot;&gt;Discard&lt;/button&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:ml-4 rtl:mr-4&quot; @click=&quot;toggle&quot;&gt;Save&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;modal&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Remove animation -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Remove animation</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code4')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="modal">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-success" @click="toggle">Launch modal</button>
+                        </div>
+                        <div class="fixed inset-0 bg-[black]/60 z-[999] px-4 hidden" :class="open && '!block'">
+                            <div class="flex items-start justify-center min-h-screen px-4" @click.self="open = false">
+                                <div class="panel border-0 p-0 rounded-lg overflow-hidden  w-full max-w-lg my-8">
+                                    <div
+                                        class="flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3">
+                                        <h5 class="font-bold text-lg">Modal Title</h5>
+                                        <button type="button" class="text-white-dark hover:text-dark"
+                                            @click="toggle">
+
+                                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                                viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
+                                                class="w-6 h-6">
+                                                <line x1="18" y1="6" x2="6" y2="18">
+                                                </line>
+                                                <line x1="6" y1="6" x2="18" y2="18">
+                                                </line>
+                                            </svg>
+                                        </button>
+                                    </div>
+                                    <div class="p-5">
+                                        <div class="dark:text-white-dark/70 text-base font-medium text-[#1f2937]">
+                                            <p>Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros.
+                                                Phasellus egestas sit amet velit sed luctus. Orci varius natoque
+                                                penatibus et magnis dis parturient montes, nascetur ridiculus mus.
+                                                Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet
+                                                ullamcorper mi.</p>
+                                        </div>
+                                        <div class="flex justify-end items-center mt-8">
+                                            <button type="button" class="btn btn-outline-danger"
+                                                @click="toggle">Discard</button>
+                                            <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                @click="toggle">Save</button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code4')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- remove animation --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;div class=&quot;flex items-center justify-center&quot;&gt;
+            &lt;button type=&quot;button&quot; class=&quot;btn btn-success&quot; @click=&quot;toggle&quot;&gt;Launch modal&lt;/button&gt;
+        &lt;/div&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] px-4 hidden&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div class=&quot;panel border-0 p-0 rounded-lg overflow-hidden  w-full max-w-lg my-8&quot;&gt;
+                    &lt;div class=&quot;flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3&quot;&gt;
+                        &lt;h5 class=&quot;font-bold text-lg&quot;&gt;Modal Title&lt;/h5&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;text-white-dark hover:text-dark&quot; @click=&quot;toggle&quot;&gt;&lt;svg&gt; ... &lt;/svg&gt;&lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;dark:text-white-dark/70 text-base font-medium text-[#1f2937]&quot;&gt;
+                            &lt;p&gt;Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros. Phasellus egestas sit amet velit sed luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet ullamcorper mi.&lt;/p&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-end items-center mt-8&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot; @click=&quot;toggle&quot;&gt;Discard&lt;/button&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:ml-4 rtl:mr-4&quot; @click=&quot;toggle&quot;&gt;Save&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;modal&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Optional sizes -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Optional sizes</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code5')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center gap-2">
+                            <div x-data="modal">
+                                <button type="button" class="btn btn-warning" @click="toggle">Extra large</button>
+                                <div class="fixed inset-0 bg-[black]/60 z-[999]  hidden" :class="open && '!block'">
+                                    <div class="flex items-start justify-center min-h-screen px-4"
+                                        @click.self="open = false">
+                                        <div x-show="open" x-transition x-transition.duration.300
+                                            class="panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-5xl my-8">
+                                            <div
+                                                class="flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3">
+                                                <h5 class="font-bold text-lg">Modal Title</h5>
+                                                <button type="button" class="text-white-dark hover:text-dark"
+                                                    @click="toggle">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-6 h-6">
+                                                        <line x1="18" y1="6" x2="6"
+                                                            y2="18"></line>
+                                                        <line x1="6" y1="6" x2="18"
+                                                            y2="18"></line>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                            <div class="p-5">
+                                                <div
+                                                    class="dark:text-white-dark/70 text-base font-medium text-[#1f2937]">
+                                                    <p>Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros.
+                                                        Phasellus egestas sit amet velit sed luctus. Orci varius natoque
+                                                        penatibus et magnis dis parturient montes, nascetur ridiculus
+                                                        mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar.
+                                                        Ut sit amet ullamcorper mi.</p>
+                                                </div>
+                                                <div class="flex justify-end items-center mt-8">
+                                                    <button type="button" class="btn btn-outline-danger"
+                                                        @click="toggle">Discard</button>
+                                                    <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                        @click="toggle">Save</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div x-data="modal">
+                                <button type="button" class="btn btn-danger" @click="toggle">Large</button>
+                                <div class="fixed inset-0 bg-[black]/60 z-[999]  hidden" :class="open && '!block'">
+                                    <div class="flex items-start justify-center min-h-screen px-4"
+                                        @click.self="open = false">
+                                        <div x-show="open" x-transition x-transition.duration.300
+                                            class="panel border-0 p-0 rounded-lg overflow-hidden  w-full max-w-xl my-8">
+                                            <div
+                                                class="flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3">
+                                                <h5 class="font-bold text-lg">Modal Title</h5>
+                                                <button type="button" class="text-white-dark hover:text-dark"
+                                                    @click="toggle">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-6 h-6">
+                                                        <line x1="18" y1="6" x2="6"
+                                                            y2="18"></line>
+                                                        <line x1="6" y1="6" x2="18"
+                                                            y2="18"></line>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                            <div class="p-5">
+                                                <div
+                                                    class="dark:text-white-dark/70 text-base font-medium text-[#1f2937]">
+                                                    <p>Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros.
+                                                        Phasellus egestas sit amet velit sed luctus. Orci varius natoque
+                                                        penatibus et magnis dis parturient montes, nascetur ridiculus
+                                                        mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar.
+                                                        Ut sit amet ullamcorper mi.</p>
+                                                </div>
+                                                <div class="flex justify-end items-center mt-8">
+                                                    <button type="button" class="btn btn-outline-danger"
+                                                        @click="toggle">Discard</button>
+                                                    <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                        @click="toggle">Save</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div x-data="modal">
+                                <button type="button" class="btn btn-secondary" @click="toggle">Small</button>
+                                <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                                    :class="open && '!block'">
+                                    <div class="flex items-start justify-center min-h-screen px-4"
+                                        @click.self="open = false">
+                                        <div x-show="open" x-transition x-transition.duration.300
+                                            class="panel border-0 p-0 rounded-lg overflow-hidden  w-full max-w-sm my-8">
+                                            <div
+                                                class="flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3">
+                                                <h5 class="font-bold text-lg">Modal Title</h5>
+                                                <button type="button" class="text-white-dark hover:text-dark"
+                                                    @click="toggle">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-6 h-6">
+                                                        <line x1="18" y1="6" x2="6"
+                                                            y2="18"></line>
+                                                        <line x1="6" y1="6" x2="18"
+                                                            y2="18"></line>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                            <div class="p-5">
+                                                <div
+                                                    class="dark:text-white-dark/70 text-base font-medium text-[#1f2937]">
+                                                    <p>Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros.
+                                                        Phasellus egestas sit amet velit sed luctus. Orci varius natoque
+                                                        penatibus et magnis dis parturient montes, nascetur ridiculus
+                                                        mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar.
+                                                        Ut sit amet ullamcorper mi.</p>
+                                                </div>
+                                                <div class="flex justify-end items-center mt-8">
+                                                    <button type="button" class="btn btn-outline-danger"
+                                                        @click="toggle">Discard</button>
+                                                    <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                        @click="toggle">Save</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code5')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- extra large --&gt;
+    &lt;div x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-warning&quot; @click=&quot;toggle&quot;&gt;Extra large&lt;/button&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999]  hidden&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div x-show=&quot;open&quot; x-transition x-transition.duration.300 class=&quot;panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-5xl my-8&quot;&gt;
+                    &lt;div class=&quot;flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3&quot;&gt;
+                        &lt;h5 class=&quot;font-bold text-lg&quot;&gt;Modal Title&lt;/h5&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;text-white-dark hover:text-dark&quot; @click=&quot;toggle&quot;&gt;&lt;svg&gt; ... &lt;/svg&gt;&lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;dark:text-white-dark/70 text-base font-medium text-[#1f2937]&quot;&gt;
+                            &lt;p&gt;Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros. Phasellus egestas sit amet velit sed luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet ullamcorper mi.&lt;/p&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-end items-center mt-8&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot; @click=&quot;toggle&quot;&gt;Discard&lt;/button&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:ml-4 rtl:mr-4&quot; @click=&quot;toggle&quot;&gt;Save&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- large --&gt;
+    &lt;div x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot; @click=&quot;toggle&quot;&gt;Large&lt;/button&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999]  hidden&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div x-show=&quot;open&quot; x-transition x-transition.duration.300 class=&quot;panel border-0 p-0 rounded-lg overflow-hidden  w-full max-w-xl my-8&quot;&gt;
+                    &lt;div class=&quot;flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3&quot;&gt;
+                        &lt;h5 class=&quot;font-bold text-lg&quot;&gt;Modal Title&lt;/h5&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;text-white-dark hover:text-dark&quot; @click=&quot;toggle&quot;&gt;&lt;svg&gt; ... &lt;/svg&gt;&lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;dark:text-white-dark/70 text-base font-medium text-[#1f2937]&quot;&gt;
+                            &lt;p&gt;Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros. Phasellus egestas sit amet velit sed luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet ullamcorper mi.&lt;/p&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-end items-center mt-8&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot; @click=&quot;toggle&quot;&gt;Discard&lt;/button&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:ml-4 rtl:mr-4&quot; @click=&quot;toggle&quot;&gt;Save&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- small --&gt;
+    &lt;div x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; @click=&quot;toggle&quot;&gt;Small&lt;/button&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div x-show=&quot;open&quot; x-transition x-transition.duration.300 class=&quot;panel border-0 p-0 rounded-lg overflow-hidden  w-full max-w-sm my-8&quot;&gt;
+                    &lt;div class=&quot;flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3&quot;&gt;
+                        &lt;h5 class=&quot;font-bold text-lg&quot;&gt;Modal Title&lt;/h5&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;text-white-dark hover:text-dark&quot; @click=&quot;toggle&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;dark:text-white-dark/70 text-base font-medium text-[#1f2937]&quot;&gt;
+                            &lt;p&gt;Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros. Phasellus egestas sit amet velit sed luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet ullamcorper mi.&lt;/p&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-end items-center mt-8&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot; @click=&quot;toggle&quot;&gt;Discard&lt;/button&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:ml-4 rtl:mr-4&quot; @click=&quot;toggle&quot;&gt;Save&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;modal&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Video -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Video</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code6')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="modal">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-primary" @click="toggle">Play Youtube</button>
+                        </div>
+                        <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                            :class="open && '!block'">
+                            <div class="flex items-start justify-center min-h-screen px-4" @click.self="open = false">
+                                <div x-show="open" x-transition x-transition.duration.300
+                                    class="max-w-3xl w-full my-8 overflow-hidden">
+                                    <div class="text-right">
+                                        <button type="button" class="text-white-dark hover:text-dark"
+                                            @click="toggle">
+
+                                            <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                                viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
+                                                class="w-6 h-6">
+                                                <line x1="18" y1="6" x2="6" y2="18">
+                                                </line>
+                                                <line x1="6" y1="6" x2="18" y2="18">
+                                                </line>
+                                            </svg>
+                                        </button>
+                                    </div>
+                                    <iframe src="https://www.youtube.com/embed/tgbNymZ7vqY"
+                                        class="w-full h-[250px] md:h-[550px]"></iframe>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code6')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- video --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;div class=&quot;flex items-center justify-center&quot;&gt;
+            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; @click=&quot;toggle&quot;&gt;Play Youtube&lt;/button&gt;
+        &lt;/div&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div x-show=&quot;open&quot; x-transition x-transition.duration.300 class=&quot;w-11/12 lg:w-[800px]  my-8&quot;&gt;
+                    &lt;button type=&quot;button&quot; class=&quot;text-white-dark hover:text-dark&quot; @click=&quot;toggle&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;/button&gt;
+                    &lt;iframe src=&quot;https://www.youtube.com/embed/tgbNymZ7vqY&quot; class=&quot;w-full h-[250px] md:h-[550px]&quot;&gt;&lt;/iframe&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;modal&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Animation Style Modal -->
+                <div class="panel lg:col-span-2">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Animation Style Modal</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code7')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex flex-wrap items-center justify-center gap-2">
+                            <div x-data="modal">
+                                <button type="button" class="btn btn-primary" @click="toggle">FadeIn</button>
+                                <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                                    :class="open && '!block'">
+                                    <div class="flex items-start justify-center min-h-screen px-4"
+                                        @click.self="open = false">
+                                        <div
+                                            class="panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8 animate__animated animate__fadeIn">
+                                            <div
+                                                class="flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3">
+                                                <h5 class="font-bold text-lg">Modal Title</h5>
+                                                <button type="button" class="text-white-dark hover:text-dark"
+                                                    @click="toggle">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-6 h-6">
+                                                        <line x1="18" y1="6" x2="6"
+                                                            y2="18"></line>
+                                                        <line x1="6" y1="6" x2="18"
+                                                            y2="18"></line>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                            <div class="p-5">
+                                                <div
+                                                    class="dark:text-white-dark/70 text-base font-medium text-[#1f2937]">
+                                                    <p>Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros.
+                                                        Phasellus egestas sit amet velit sed luctus. Orci varius natoque
+                                                        penatibus et magnis dis parturient montes, nascetur ridiculus
+                                                        mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar.
+                                                        Ut sit amet ullamcorper mi.</p>
+                                                </div>
+                                                <div class="flex justify-end items-center mt-8">
+                                                    <button type="button" class="btn btn-outline-danger"
+                                                        @click="toggle">Discard</button>
+                                                    <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                        @click="toggle">Save</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div x-data="modal">
+                                <button type="button" class="btn btn-info" @click="toggle">SlideIn Down</button>
+                                <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                                    :class="open && '!block'">
+                                    <div class="flex items-start justify-center min-h-screen px-4"
+                                        @click.self="open = false">
+                                        <div
+                                            class="panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8 animate__animated animate__slideInDown">
+                                            <div
+                                                class="flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3">
+                                                <h5 class="font-bold text-lg">Modal Title</h5>
+                                                <button type="button" class="text-white-dark hover:text-dark"
+                                                    @click="toggle">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-6 h-6">
+                                                        <line x1="18" y1="6" x2="6"
+                                                            y2="18"></line>
+                                                        <line x1="6" y1="6" x2="18"
+                                                            y2="18"></line>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                            <div class="p-5">
+                                                <div
+                                                    class="dark:text-white-dark/70 text-base font-medium text-[#1f2937]">
+                                                    <p>Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros.
+                                                        Phasellus egestas sit amet velit sed luctus. Orci varius natoque
+                                                        penatibus et magnis dis parturient montes, nascetur ridiculus
+                                                        mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar.
+                                                        Ut sit amet ullamcorper mi.</p>
+                                                </div>
+                                                <div class="flex justify-end items-center mt-8">
+                                                    <button type="button" class="btn btn-outline-danger"
+                                                        @click="toggle">Discard</button>
+                                                    <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                        @click="toggle">Save</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div x-data="modal">
+                                <button type="button" class="btn btn-success" @click="toggle">FadeIn Up</button>
+                                <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                                    :class="open && '!block'">
+                                    <div class="flex items-start justify-center min-h-screen px-4"
+                                        @click.self="open = false">
+                                        <div
+                                            class="panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8 animate__animated animate__fadeInUp">
+                                            <div
+                                                class="flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3">
+                                                <h5 class="font-bold text-lg">Modal Title</h5>
+                                                <button type="button" class="text-white-dark hover:text-dark"
+                                                    @click="toggle">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-6 h-6">
+                                                        <line x1="18" y1="6" x2="6"
+                                                            y2="18"></line>
+                                                        <line x1="6" y1="6" x2="18"
+                                                            y2="18"></line>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                            <div class="p-5">
+                                                <div
+                                                    class="dark:text-white-dark/70 text-base font-medium text-[#1f2937]">
+                                                    <p>Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros.
+                                                        Phasellus egestas sit amet velit sed luctus. Orci varius natoque
+                                                        penatibus et magnis dis parturient montes, nascetur ridiculus
+                                                        mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar.
+                                                        Ut sit amet ullamcorper mi.</p>
+                                                </div>
+                                                <div class="flex justify-end items-center mt-8">
+                                                    <button type="button" class="btn btn-outline-danger"
+                                                        @click="toggle">Discard</button>
+                                                    <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                        @click="toggle">Save</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div x-data="modal">
+                                <button type="button" class="btn btn-warning" @click="toggle">SlideIn Up</button>
+                                <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                                    :class="open && '!block'">
+                                    <div class="flex items-start justify-center min-h-screen px-4 py-8"
+                                        @click.self="open = false">
+                                        <div
+                                            class="panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg animate__animated animate__slideInUp">
+                                            <div
+                                                class="flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3">
+                                                <h5 class="font-bold text-lg">Modal Title</h5>
+                                                <button type="button" class="text-white-dark hover:text-dark"
+                                                    @click="toggle">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-6 h-6">
+                                                        <line x1="18" y1="6" x2="6"
+                                                            y2="18"></line>
+                                                        <line x1="6" y1="6" x2="18"
+                                                            y2="18"></line>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                            <div class="p-5">
+                                                <div
+                                                    class="dark:text-white-dark/70 text-base font-medium text-[#1f2937]">
+                                                    <p>Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros.
+                                                        Phasellus egestas sit amet velit sed luctus. Orci varius natoque
+                                                        penatibus et magnis dis parturient montes, nascetur ridiculus
+                                                        mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar.
+                                                        Ut sit amet ullamcorper mi.</p>
+                                                </div>
+                                                <div class="flex justify-end items-center mt-8">
+                                                    <button type="button" class="btn btn-outline-danger"
+                                                        @click="toggle">Discard</button>
+                                                    <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                        @click="toggle">Save</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div x-data="modal">
+                                <button type="button" class="btn btn-danger" @click="toggle">FadeIn Left</button>
+                                <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                                    :class="open && '!block'">
+                                    <div class="flex items-start justify-center min-h-screen px-4"
+                                        @click.self="open = false">
+                                        <div class="panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8 animate__animated"
+                                            :class="$store.app.rtlClass === 'rtl' ? 'animate__fadeInRight' :
+                                                'animate__fadeInLeft'">
+                                            <div
+                                                class="flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3">
+                                                <h5 class="font-bold text-lg">Modal Title</h5>
+                                                <button type="button" class="text-white-dark hover:text-dark"
+                                                    @click="toggle">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-6 h-6">
+                                                        <line x1="18" y1="6" x2="6"
+                                                            y2="18"></line>
+                                                        <line x1="6" y1="6" x2="18"
+                                                            y2="18"></line>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                            <div class="p-5">
+                                                <div
+                                                    class="dark:text-white-dark/70 text-base font-medium text-[#1f2937]">
+                                                    <p>Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros.
+                                                        Phasellus egestas sit amet velit sed luctus. Orci varius natoque
+                                                        penatibus et magnis dis parturient montes, nascetur ridiculus
+                                                        mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar.
+                                                        Ut sit amet ullamcorper mi.</p>
+                                                </div>
+                                                <div class="flex justify-end items-center mt-8">
+                                                    <button type="button" class="btn btn-outline-danger"
+                                                        @click="toggle">Discard</button>
+                                                    <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                        @click="toggle">Save</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div x-data="modal">
+                                <button type="button" class="btn btn-secondary" @click="toggle">RotateIn
+                                    Left</button>
+                                <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                                    :class="open && '!block'">
+                                    <div class="flex items-start justify-center min-h-screen px-4"
+                                        @click.self="open = false">
+                                        <div class="panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8 animate__animated"
+                                            :class="$store.app.rtlClass === 'rtl' ? 'animate__rotateInDownRight' :
+                                                'animate__rotateInDownLeft'">
+                                            <div
+                                                class="flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3">
+                                                <h5 class="font-bold text-lg">Modal Title</h5>
+                                                <button type="button" class="text-white-dark hover:text-dark"
+                                                    @click="toggle">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-6 h-6">
+                                                        <line x1="18" y1="6" x2="6"
+                                                            y2="18"></line>
+                                                        <line x1="6" y1="6" x2="18"
+                                                            y2="18"></line>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                            <div class="p-5">
+                                                <div
+                                                    class="dark:text-white-dark/70 text-base font-medium text-[#1f2937]">
+                                                    <p>Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros.
+                                                        Phasellus egestas sit amet velit sed luctus. Orci varius natoque
+                                                        penatibus et magnis dis parturient montes, nascetur ridiculus
+                                                        mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar.
+                                                        Ut sit amet ullamcorper mi.</p>
+                                                </div>
+                                                <div class="flex justify-end items-center mt-8">
+                                                    <button type="button" class="btn btn-outline-danger"
+                                                        @click="toggle">Discard</button>
+                                                    <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                        @click="toggle">Save</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div x-data="modal">
+                                <button type="button" class="btn btn-dark" @click="toggle">FadeIn Right</button>
+                                <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                                    :class="open && '!block'">
+                                    <div class="flex items-start justify-center min-h-screen px-4"
+                                        @click.self="open = false">
+                                        <div class="panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8 animate__animated"
+                                            :class="$store.app.rtlClass === 'rtl' ? 'animate__fadeInLeft' :
+                                                'animate__fadeInRight'">
+                                            <div
+                                                class="flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3">
+                                                <h5 class="font-bold text-lg">Modal Title</h5>
+                                                <button type="button" class="text-white-dark hover:text-dark"
+                                                    @click="toggle">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-6 h-6">
+                                                        <line x1="18" y1="6" x2="6"
+                                                            y2="18"></line>
+                                                        <line x1="6" y1="6" x2="18"
+                                                            y2="18"></line>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                            <div class="p-5">
+                                                <div
+                                                    class="dark:text-white-dark/70 text-base font-medium text-[#1f2937]">
+                                                    <p>Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros.
+                                                        Phasellus egestas sit amet velit sed luctus. Orci varius natoque
+                                                        penatibus et magnis dis parturient montes, nascetur ridiculus
+                                                        mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar.
+                                                        Ut sit amet ullamcorper mi.</p>
+                                                </div>
+                                                <div class="flex justify-end items-center mt-8">
+                                                    <button type="button" class="btn btn-outline-danger"
+                                                        @click="toggle">Discard</button>
+                                                    <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                        @click="toggle">Save</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div x-data="modal">
+                                <button type="button" class="btn btn-primary" @click="toggle">ZoomIn Up</button>
+                                <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                                    :class="open && '!block'">
+                                    <div class="flex items-start justify-center min-h-screen px-4"
+                                        @click.self="open = false">
+                                        <div
+                                            class="panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8 animate__animated animate__zoomInUp">
+                                            <div
+                                                class="flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3">
+                                                <h5 class="font-bold text-lg">Modal Title</h5>
+                                                <button type="button" class="text-white-dark hover:text-dark"
+                                                    @click="toggle">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-6 h-6">
+                                                        <line x1="18" y1="6" x2="6"
+                                                            y2="18"></line>
+                                                        <line x1="6" y1="6" x2="18"
+                                                            y2="18"></line>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                            <div class="p-5">
+                                                <div
+                                                    class="dark:text-white-dark/70 text-base font-medium text-[#1f2937]">
+                                                    <p>Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros.
+                                                        Phasellus egestas sit amet velit sed luctus. Orci varius natoque
+                                                        penatibus et magnis dis parturient montes, nascetur ridiculus
+                                                        mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar.
+                                                        Ut sit amet ullamcorper mi.</p>
+                                                </div>
+                                                <div class="flex justify-end items-center mt-8">
+                                                    <button type="button" class="btn btn-outline-danger"
+                                                        @click="toggle">Discard</button>
+                                                    <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                        @click="toggle">Save</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code7')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- fadein --&gt;
+    &lt;div x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; @click=&quot;toggle&quot;&gt;FadeIn&lt;/button&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div class=&quot;panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8 animate__animated animate__fadeIn&quot;&gt;
+                    &lt;div class=&quot;flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3&quot;&gt;
+                        &lt;h5 class=&quot;font-bold text-lg&quot;&gt;Modal Title&lt;/h5&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;text-white-dark hover:text-dark&quot; @click=&quot;toggle&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;dark:text-white-dark/70 text-base font-medium text-[#1f2937]&quot;&gt;
+                            &lt;p&gt;Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros. Phasellus egestas sit amet velit sed luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet ullamcorper mi.&lt;/p&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-end items-center mt-8&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot; @click=&quot;toggle&quot;&gt;Discard&lt;/button&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:ml-4 rtl:mr-4&quot; @click=&quot;toggle&quot;&gt;Save&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- slidein down --&gt;
+    &lt;div x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-info&quot; @click=&quot;toggle&quot;&gt;SlideIn Down&lt;/button&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div class=&quot;panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8 animate__animated animate__slideInDown&quot;&gt;
+                    &lt;div class=&quot;flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3&quot;&gt;
+                        &lt;h5 class=&quot;font-bold text-lg&quot;&gt;Modal Title&lt;/h5&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;text-white-dark hover:text-dark&quot; @click=&quot;toggle&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;dark:text-white-dark/70 text-base font-medium text-[#1f2937]&quot;&gt;
+                            &lt;p&gt;Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros. Phasellus egestas sit amet velit sed luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet ullamcorper mi.&lt;/p&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-end items-center mt-8&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot; @click=&quot;toggle&quot;&gt;Discard&lt;/button&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:ml-4 rtl:mr-4&quot; @click=&quot;toggle&quot;&gt;Save&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- fadein up --&gt;
+    &lt;div x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-success&quot; @click=&quot;toggle&quot;&gt;FadeIn Up&lt;/button&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div class=&quot;panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8 animate__animated animate__fadeInUp&quot;&gt;
+                    &lt;div class=&quot;flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3&quot;&gt;
+                        &lt;h5 class=&quot;font-bold text-lg&quot;&gt;Modal Title&lt;/h5&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;text-white-dark hover:text-dark&quot; @click=&quot;toggle&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;dark:text-white-dark/70 text-base font-medium text-[#1f2937]&quot;&gt;
+                            &lt;p&gt;Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros. Phasellus egestas sit amet velit sed luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet ullamcorper mi.&lt;/p&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-end items-center mt-8&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot; @click=&quot;toggle&quot;&gt;Discard&lt;/button&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:ml-4 rtl:mr-4&quot; @click=&quot;toggle&quot;&gt;Save&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- fadein left --&gt;
+    &lt;div x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-warning&quot; @click=&quot;toggle&quot;&gt;SlideIn Up&lt;/button&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div class=&quot;panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8 animate__animated animate__slideInUp&quot;&gt;
+                    &lt;div class=&quot;flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3&quot;&gt;
+                        &lt;h5 class=&quot;font-bold text-lg&quot;&gt;Modal Title&lt;/h5&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;text-white-dark hover:text-dark&quot; @click=&quot;toggle&quot;&gt;&lt;svg&gt; ... &lt;/svg&gt;&lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;dark:text-white-dark/70 text-base font-medium text-[#1f2937]&quot;&gt;
+                            &lt;p&gt;Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros. Phasellus egestas sit amet velit sed luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet ullamcorper mi.&lt;/p&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-end items-center mt-8&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot; @click=&quot;toggle&quot;&gt;Discard&lt;/button&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:ml-4 rtl:mr-4&quot; @click=&quot;toggle&quot;&gt;Save&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- fadein left --&gt;
+    &lt;div x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot; @click=&quot;toggle&quot;&gt;FadeIn Left&lt;/button&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div class=&quot;panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8 animate__animated&quot; :class=&quot;$store.app.rtlClass === 'rtl' ? 'animate__fadeInRight' : 'animate__fadeInLeft'&quot;&gt;
+                    &lt;div class=&quot;flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3&quot;&gt;
+                        &lt;h5 class=&quot;font-bold text-lg&quot;&gt;Modal Title&lt;/h5&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;text-white-dark hover:text-dark&quot; @click=&quot;toggle&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;dark:text-white-dark/70 text-base font-medium text-[#1f2937]&quot;&gt;
+                            &lt;p&gt;Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros. Phasellus egestas sit amet velit sed luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet ullamcorper mi.&lt;/p&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-end items-center mt-8&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot; @click=&quot;toggle&quot;&gt;Discard&lt;/button&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:ml-4 rtl:mr-4&quot; @click=&quot;toggle&quot;&gt;Save&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- rotatein left --&gt;
+    &lt;div x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; @click=&quot;toggle&quot;&gt;RotateIn Left&lt;/button&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div class=&quot;panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8 animate__animated&quot; :class=&quot;$store.app.rtlClass === 'rtl' ? 'animate__rotateInDownRight' : 'animate__rotateInDownLeft'&quot;&gt;
+                    &lt;div class=&quot;flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3&quot;&gt;
+                        &lt;h5 class=&quot;font-bold text-lg&quot;&gt;Modal Title&lt;/h5&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;text-white-dark hover:text-dark&quot; @click=&quot;toggle&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;dark:text-white-dark/70 text-base font-medium text-[#1f2937]&quot;&gt;
+                            &lt;p&gt;Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros. Phasellus egestas sit amet velit sed luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet ullamcorper mi.&lt;/p&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-end items-center mt-8&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot; @click=&quot;toggle&quot;&gt;Discard&lt;/button&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:ml-4 rtl:mr-4&quot; @click=&quot;toggle&quot;&gt;Save&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- fadein right --&gt;
+    &lt;div x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-dark&quot; @click=&quot;toggle&quot;&gt;FadeIn Right&lt;/button&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div class=&quot;panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8 animate__animated&quot; :class=&quot;$store.app.rtlClass === 'rtl' ? 'animate__fadeInLeft' : 'animate__fadeInRight'&quot;&gt;
+                    &lt;div class=&quot;flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3&quot;&gt;
+                        &lt;h5 class=&quot;font-bold text-lg&quot;&gt;Modal Title&lt;/h5&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;text-white-dark hover:text-dark&quot; @click=&quot;toggle&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;dark:text-white-dark/70 text-base font-medium text-[#1f2937]&quot;&gt;
+                            &lt;p&gt;Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros. Phasellus egestas sit amet velit sed luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet ullamcorper mi.&lt;/p&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-end items-center mt-8&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot; @click=&quot;toggle&quot;&gt;Discard&lt;/button&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:ml-4 rtl:mr-4&quot; @click=&quot;toggle&quot;&gt;Save&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- zoomin up --&gt;
+    &lt;div x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; @click=&quot;toggle&quot;&gt;ZoomIn Up&lt;/button&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div class=&quot;panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8 animate__animated animate__zoomInUp&quot;&gt;
+                    &lt;div class=&quot;flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3&quot;&gt;
+                        &lt;h5 class=&quot;font-bold text-lg&quot;&gt;Modal Title&lt;/h5&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;text-white-dark hover:text-dark&quot; @click=&quot;toggle&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;dark:text-white-dark/70 text-base font-medium text-[#1f2937]&quot;&gt;
+                            &lt;p&gt;Mauris mi tellus, pharetra vel mattis sed, tempus ultrices eros. Phasellus egestas sit amet velit sed luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Vivamus ultrices sed urna ac pulvinar. Ut sit amet ullamcorper mi.&lt;/p&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-end items-center mt-8&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot; @click=&quot;toggle&quot;&gt;Discard&lt;/button&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:ml-4 rtl:mr-4&quot; @click=&quot;toggle&quot;&gt;Save&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;modal&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Custom -->
+                <div class="panel lg:col-span-2">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Custom</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code8')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <p class="text-center mb-4">More Custom Modals.</p>
+                        <div class="flex flex-wrap items-center justify-center gap-2">
+                            <!-- standard  -->
+                            <div x-data="modal">
+                                <button type="button" class="btn btn-primary" @click="toggle">Standard</button>
+                                <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                                    :class="open && '!block'">
+                                    <div class="flex items-start justify-center min-h-screen px-4"
+                                        @click.self="open = false">
+                                        <div x-show="open" x-transition x-transition.duration.300
+                                            class="panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8">
+                                            <div
+                                                class="dark:text-white-dark/70 text-base font-medium text-[#1f2937] p-5">
+                                                <div
+                                                    class="flex items-center justify-center w-16 h-16 rounded-full bg-[#f1f2f3] dark:bg-white/10 mx-auto">
+                                                    <svg width="28" height="28" viewBox="0 0 24 24"
+                                                        fill="none" xmlns="http://www.w3.org/2000/svg">
+                                                        <path
+                                                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                                                            stroke="currentColor" stroke-width="1.5"></path>
+                                                        <path opacity="0.5"
+                                                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                                                            stroke="currentColor" stroke-width="1.5"
+                                                            stroke-linecap="round"></path>
+                                                    </svg>
+                                                </div>
+                                            </div>
+                                            <div class="p-5">
+                                                <div class="text-white-dark text-center">
+                                                    <p>Vivamus vitae hendrerit neque. Orci varius natoque penatibus et
+                                                        magnis dis parturient montes, nascetur ridiculus mus. Morbi
+                                                        consequat auctor turpis, vitae dictum augue efficitur vitae.
+                                                        Vestibulum a risus ipsum. Quisque nec lacus dolor. Quisque
+                                                        ornare tempor orci id rutrum.</p>
+                                                </div>
+                                                <div class="flex justify-end items-center mt-8">
+                                                    <button type="button" class="btn btn-outline-danger"
+                                                        @click="toggle">Discard</button>
+                                                    <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                        @click="toggle">Save</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <!-- tabs -->
+                            <div x-data="modal">
+                                <button type="button" class="btn btn-info" @click="toggle">Tabs</button>
+                                <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                                    :class="open && '!block'">
+                                    <div class="flex items-start justify-center min-h-screen px-4"
+                                        @click.self="open = false">
+                                        <div x-show="open" x-transition x-transition.duration.300
+                                            class="panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8">
+                                            <div
+                                                class="flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3">
+                                                <h5 class="font-bold text-lg">Modal Title</h5>
+                                                <button type="button" class="text-white-dark hover:text-dark"
+                                                    @click="toggle">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-6 h-6">
+                                                        <line x1="18" y1="6" x2="6"
+                                                            y2="18"></line>
+                                                        <line x1="6" y1="6" x2="18"
+                                                            y2="18"></line>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                            <div class="p-5">
+                                                <div class="mb-5" x-data="{ tab: 'home' }">
+                                                    <div>
+                                                        <ul
+                                                            class="flex flex-wrap mt-3 border-b border-white-light dark:border-[#191e3a]">
+                                                            <li>
+                                                                <a href="javascript:;"
+                                                                    class="p-3.5 py-2 -mb-[1px] block border border-transparent hover:text-primary dark:hover:border-b-black"
+                                                                    :class="{
+                                                                        '!border-white-light !border-b-white  text-primary dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                                            'home'
+                                                                    }"
+                                                                    @click="tab = 'home'">Home</a>
+                                                            </li>
+                                                            <li>
+                                                                <a href="javascript:;"
+                                                                    class="p-3.5 py-2 -mb-[1px] block border border-transparent hover:text-primary dark:hover:border-[#191e3a] dark:hover:border-b-black"
+                                                                    :class="{
+                                                                        '!border-white-light !border-b-white text-primary dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                                            'profile'
+                                                                    }"
+                                                                    @click="tab = 'profile'">Profile</a>
+                                                            </li>
+                                                            <li>
+                                                                <a href="javascript:;"
+                                                                    class="p-3.5 py-2 -mb-[1px] block border border-transparent hover:text-primary dark:hover:border-[#191e3a] dark:hover:border-b-black"
+                                                                    :class="{
+                                                                        '!border-white-light !border-b-white text-primary dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                                            'contact'
+                                                                    }"
+                                                                    @click="tab = 'contact'">Contact</a>
+                                                            </li>
+                                                            <li>
+                                                                <a href="javascript:;"
+                                                                    class="p-3.5 py-2 -mb-[1px] block pointer-events-none text-white-light dark:text-dark">Disabled</a>
+                                                            </li>
+                                                        </ul>
+                                                    </div>
+                                                    <div class="pt-5 flex-1 text-sm">
+                                                        <template x-if="tab === 'home'">
+                                                            <div class="active">
+                                                                <h4 class="font-semibold text-2xl mb-4">We move your
+                                                                    world!</h4>
+                                                                <p class="mb-4">Lorem ipsum dolor sit amet,
+                                                                    consectetur adipisicing elit, sed do eiusmod tempor
+                                                                    incididunt ut labore et dolore magna aliqua. Ut enim
+                                                                    ad minim veniam, quis nostrud exercitation ullamco
+                                                                    laboris nisi ut aliquip ex ea commodo consequat.
+                                                                </p>
+                                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing
+                                                                    elit, sed do eiusmod tempor incididunt ut labore et
+                                                                    dolore magna aliqua. Ut enim ad minim veniam, quis
+                                                                    nostrud exercitation ullamco laboris nisi ut aliquip
+                                                                    ex ea commodo consequat. </p>
+                                                            </div>
+                                                        </template>
+                                                        <template x-if="tab === 'profile'">
+                                                            <div>
+                                                                <div class="flex items-start">
+                                                                    <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                                                        <img src="/assets/images/profile-34.jpeg"
+                                                                            alt="image"
+                                                                            class="w-20 h-20 m-0 rounded-full ring-4 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                                                    </div>
+                                                                    <div class="flex-auto">
+                                                                        <h5 class="text-xl font-medium mb-4">Media
+                                                                            heading</h5>
+                                                                        <p
+                                                                            class="text-white-dark dark:text-white-dark/70">
+                                                                            Cras sit amet nibh libero, in gravida nulla.
+                                                                            Nulla vel metus scelerisque ante
+                                                                            sollicitudin. Cras purus odio, vestibulum in
+                                                                            vulputate at, tempus viverra turpis. Fusce
+                                                                            condimentum nunc ac nisi vulputate
+                                                                            fringilla. Donec lacinia congue felis in
+                                                                            faucibus.</p>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </template>
+                                                        <template x-if="tab === 'contact'">
+                                                            <div>
+                                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing
+                                                                    elit, sed do eiusmod tempor incididunt ut labore et
+                                                                    dolore magna aliqua. Ut enim ad minim veniam, quis
+                                                                    nostrud exercitation ullamco laboris nisi ut aliquip
+                                                                    ex ea commodo consequat. Duis aute irure dolor in
+                                                                    reprehenderit in voluptate velit esse cillum dolore
+                                                                    eu fugiat nulla pariatur. Excepteur sint occaecat
+                                                                    cupidatat non proident, sunt in culpa qui officia
+                                                                    deserunt mollit anim id est laborum.</p>
+                                                            </div>
+                                                        </template>
+                                                        <div style="display: none;">Disabled</div>
+                                                    </div>
+                                                </div>
+                                                <div class="flex justify-end items-center mt-8">
+                                                    <button type="button" class="btn btn-outline-danger"
+                                                        @click="toggle">Discard</button>
+                                                    <button type="button" class="btn btn-primary ltr:ml-4 rtl:mr-4"
+                                                        @click="toggle">Save</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <!-- profile -->
+                            <div x-data="modal">
+                                <button type="button" class="btn btn-success" @click="toggle">Profile</button>
+                                <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                                    :class="open && '!block'">
+                                    <div class="flex items-start justify-center min-h-screen px-4"
+                                        @click.self="open = false">
+                                        <div x-show="open" x-transition x-transition.duration.300
+                                            class="panel border-0 p-0 rounded-lg overflow-hidden max-w-[300px] w-full bg-secondary dark:bg-secondary my-8">
+                                            <div
+                                                class="flex items-center justify-end pt-4 ltr:pr-4 rtl:pl-4 text-white dark:text-white-light">
+                                                <button type="button" @click="toggle"
+                                                    class="text-white-dark hover:text-dark">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-6 h-6">
+                                                        <line x1="18" y1="6" x2="6"
+                                                            y2="18"></line>
+                                                        <line x1="6" y1="6" x2="18"
+                                                            y2="18"></line>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                            <div class="p-5">
+                                                <div class="py-5 text-white dark:text-white-light text-center">
+                                                    <div class="rounded-full w-20 h-20 mx-auto mb-7 overflow-hidden">
+                                                        <img src="/assets/images/profile-16.jpeg"
+                                                            alt="image" class="w-full h-full object-cover" />
+                                                    </div>
+                                                    <p class="font-semibold">Click on view to access <br>your profile.
+                                                    </p>
+                                                </div>
+                                                <div class="flex justify-center gap-4 p-5">
+                                                    <button type="button"
+                                                        class="btn bg-white text-black dark:btn-dark">View</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <!-- login -->
+                            <div x-data="modal">
+                                <button type="button" class="btn btn-warning" @click="toggle">Login</button>
+                                <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                                    :class="open && '!block'">
+                                    <div class="flex items-start justify-center min-h-screen px-4"
+                                        @click.self="open = false">
+                                        <div x-show="open" x-transition x-transition.duration.300
+                                            class="panel border-0 py-1 px-4 rounded-lg overflow-hidden w-full max-w-sm my-8">
+                                            <div
+                                                class="flex items-center justify-between p-5 font-semibold text-lg dark:text-white">
+                                                Login
+                                                <button type="button" @click="toggle"
+                                                    class="text-white-dark hover:text-dark">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-6 h-6">
+                                                        <line x1="18" y1="6" x2="6"
+                                                            y2="18"></line>
+                                                        <line x1="6" y1="6" x2="18"
+                                                            y2="18"></line>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                            <div class="p-5">
+                                                <form>
+                                                    <div class="relative mb-4">
+                                                        <span
+                                                            class="absolute ltr:left-3 rtl:right-3 top-1/2 -translate-y-1/2 dark:text-white-dark">
+
+                                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                                class="w-5 h-5">
+                                                                <circle cx="12" cy="6"
+                                                                    r="4" stroke="currentColor"
+                                                                    stroke-width="1.5" />
+                                                                <ellipse opacity="0.5" cx="12"
+                                                                    cy="17" rx="7" ry="4"
+                                                                    stroke="currentColor" stroke-width="1.5" />
+                                                            </svg>
+                                                        </span>
+                                                        <input type="email" placeholder="Email"
+                                                            class="form-input ltr:pl-10 rtl:pr-10" />
+                                                    </div>
+                                                    <div class="relative mb-4">
+                                                        <span
+                                                            class="absolute ltr:left-3 rtl:right-3 top-1/2 -translate-y-1/2 dark:text-white-dark">
+
+                                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                                class="w-5 h-5">
+                                                                <path
+                                                                    d="M2 16C2 13.1716 2 11.7574 2.87868 10.8787C3.75736 10 5.17157 10 8 10H16C18.8284 10 20.2426 10 21.1213 10.8787C22 11.7574 22 13.1716 22 16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H8C5.17157 22 3.75736 22 2.87868 21.1213C2 20.2426 2 18.8284 2 16Z"
+                                                                    stroke="currentColor" stroke-width="1.5" />
+                                                                <path opacity="0.5"
+                                                                    d="M6 10V8C6 4.68629 8.68629 2 12 2C15.3137 2 18 4.68629 18 8V10"
+                                                                    stroke="currentColor" stroke-width="1.5"
+                                                                    stroke-linecap="round" />
+                                                            </svg>
+                                                        </span>
+                                                        <input type="password" placeholder="Password"
+                                                            class="form-input ltr:pl-10 rtl:pr-10" />
+                                                    </div>
+                                                    <button type="button"
+                                                        class="btn btn-primary w-full">Login</button>
+                                                </form>
+                                            </div>
+                                            <div
+                                                class="my-4 text-center text-xs text-white-dark dark:text-white-dark/70">
+                                                OR</div>
+                                            <div class="flex items-center justify-center gap-3 mb-5">
+                                                <a href="javascript:void(0);"
+                                                    class="btn btn-outline-primary flex gap-1">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-5 h-5 shrink-0">
+                                                        <path
+                                                            d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z">
+                                                        </path>
+                                                    </svg>
+                                                    <span>Facebook</span>
+                                                </a>
+                                                <a href="javascript:void(0);"
+                                                    class="btn btn-outline-danger flex gap-1">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-5 h-5 shrink-0">
+                                                        <path
+                                                            d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22">
+                                                        </path>
+                                                    </svg>
+                                                    <span>Github</span>
+                                                </a>
+                                            </div>
+                                            <div class="p-5 border-t border-[#ebe9f1] dark:border-white/10">
+                                                <p class="text-center text-white-dark dark:text-white-dark/70">Looking
+                                                    to <a href="javascript:;"
+                                                        class="text-[#515365] hover:underline dark:text-white-dark">create
+                                                        an account?</a></p>
+                                                </footer>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <!-- Register -->
+                            <div x-data="modal">
+                                <button type="button" class="btn btn-danger" @click="toggle">Register</button>
+                                <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                                    :class="open && '!block'">
+                                    <div class="flex items-start justify-center min-h-screen px-4"
+                                        @click.self="open = false">
+                                        <div x-show="open" x-transition x-transition.duration.300
+                                            class="panel border-0 py-1 px-4 rounded-lg overflow-hidden w-full max-w-sm my-8">
+                                            <div
+                                                class="flex items-center justify-between p-5 font-semibold text-lg dark:text-white">
+                                                Register
+                                                <button type="button" @click="toggle"
+                                                    class="text-white-dark hover:text-dark">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-6 h-6">
+                                                        <line x1="18" y1="6" x2="6"
+                                                            y2="18"></line>
+                                                        <line x1="6" y1="6" x2="18"
+                                                            y2="18"></line>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                            <div class="p-5">
+                                                <form>
+                                                    <div class="relative mb-4">
+                                                        <span
+                                                            class="absolute ltr:left-3 rtl:right-3 top-1/2 -translate-y-1/2 dark:text-white-dark">
+
+                                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                                class="w-5 h-5">
+                                                                <circle cx="12" cy="6"
+                                                                    r="4" stroke="currentColor"
+                                                                    stroke-width="1.5" />
+                                                                <ellipse opacity="0.5" cx="12"
+                                                                    cy="17" rx="7" ry="4"
+                                                                    stroke="currentColor" stroke-width="1.5" />
+                                                            </svg>
+                                                        </span>
+                                                        <input type="text" placeholder="Name"
+                                                            class="form-input ltr:pl-10 rtl:pr-10" />
+                                                    </div>
+                                                    <div class="relative mb-4">
+                                                        <span
+                                                            class="absolute ltr:left-3 rtl:right-3 top-1/2 -translate-y-1/2 dark:text-white-dark">
+
+                                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                                class="w-5 h-5">
+                                                                <path
+                                                                    d="M12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 12.7215 17.8726 13.4133 17.6392 14.054C17.5551 14.285 17.4075 14.4861 17.2268 14.6527L17.1463 14.727C16.591 15.2392 15.7573 15.3049 15.1288 14.8858C14.6735 14.5823 14.4 14.0713 14.4 13.5241V12M14.4 12C14.4 13.3255 13.3255 14.4 12 14.4C10.6745 14.4 9.6 13.3255 9.6 12C9.6 10.6745 10.6745 9.6 12 9.6C13.3255 9.6 14.4 10.6745 14.4 12Z"
+                                                                    stroke="currentColor" stroke-width="1.5"
+                                                                    stroke-linecap="round" />
+                                                                <path opacity="0.5"
+                                                                    d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                                                                    stroke="currentColor" stroke-width="1.5" />
+                                                            </svg>
+                                                        </span>
+                                                        <input type="email" placeholder="Email"
+                                                            class="form-input ltr:pl-10 rtl:pr-10" />
+                                                    </div>
+                                                    <div class="relative mb-4">
+                                                        <span
+                                                            class="absolute ltr:left-3 rtl:right-3 top-1/2 -translate-y-1/2 dark:text-white-dark">
+
+                                                            <svg width="24" height="24" viewBox="0 0 24 24"
+                                                                fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                                class="w-5 h-5">
+                                                                <path
+                                                                    d="M2 16C2 13.1716 2 11.7574 2.87868 10.8787C3.75736 10 5.17157 10 8 10H16C18.8284 10 20.2426 10 21.1213 10.8787C22 11.7574 22 13.1716 22 16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H8C5.17157 22 3.75736 22 2.87868 21.1213C2 20.2426 2 18.8284 2 16Z"
+                                                                    stroke="currentColor" stroke-width="1.5" />
+                                                                <path opacity="0.5"
+                                                                    d="M6 10V8C6 4.68629 8.68629 2 12 2C15.3137 2 18 4.68629 18 8V10"
+                                                                    stroke="currentColor" stroke-width="1.5"
+                                                                    stroke-linecap="round" />
+                                                            </svg>
+                                                        </span>
+                                                        <input type="password" placeholder="Password"
+                                                            class="form-input ltr:pl-10 rtl:pr-10" />
+                                                    </div>
+                                                    <button type="button"
+                                                        class="btn btn-primary w-full">Submit</button>
+                                                </form>
+                                            </div>
+                                            <div
+                                                class="my-4 text-center text-xs text-white-dark dark:text-white-dark/70">
+                                                OR</div>
+                                            <div class="flex items-center justify-center gap-3 mb-5">
+                                                <a href="javascript:void(0);"
+                                                    class="btn btn-outline-primary flex gap-1">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-5 h-5 shrink-0">
+                                                        <path
+                                                            d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z">
+                                                        </path>
+                                                    </svg>
+                                                    <span>Facebook</span>
+                                                </a>
+                                                <a href="javascript:void(0);"
+                                                    class="btn btn-outline-danger flex gap-1">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-5 h-5 shrink-0">
+                                                        <path
+                                                            d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22">
+                                                        </path>
+                                                    </svg>
+                                                    <span>Github</span>
+                                                </a>
+                                            </div>
+                                            <div class="p-5 border-t border-[#ebe9f1] dark:border-white/10">
+                                                <p class="text-center text-white-dark dark:text-white-dark/70">Already
+                                                    have <a href="javascript:;"
+                                                        class="text-[#515365] hover:underline dark:text-white-dark">Login?</a>
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <!-- slider -->
+                            <div x-data="modal">
+                                <button type="button" class="btn btn-secondary" @click="toggle">Slider</button>
+                                <div class="fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto"
+                                    :class="open && '!block'">
+                                    <div class="flex items-start justify-center min-h-screen px-4"
+                                        @click.self="open = false">
+                                        <div x-show="open" x-transition x-transition.duration.300
+                                            class="panel border-0 py-1 px-4 rounded-lg overflow-hidden w-full max-w-xl my-8">
+                                            <div
+                                                class="flex items-center justify-between py-5 font-semibold text-lg dark:text-white">
+                                                Slider
+                                                <button type="button" @click="toggle"
+                                                    class="text-white-dark hover:text-dark">
+
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px"
+                                                        height="24px" viewBox="0 0 24 24" fill="none"
+                                                        stroke="currentColor" stroke-width="1.5"
+                                                        stroke-linecap="round" stroke-linejoin="round"
+                                                        class="w-6 h-6">
+                                                        <line x1="18" y1="6" x2="6"
+                                                            y2="18"></line>
+                                                        <line x1="6" y1="6" x2="18"
+                                                            y2="18"></line>
+                                                    </svg>
+                                                </button>
+                                            </div>
+                                            <div id="slider1" class="swiper mb-4">
+                                                <div class="swiper-wrapper">
+                                                    <div class="swiper-slide">
+                                                        <img src="/assets/images/carousel1.jpeg"
+                                                            class="w-full" alt="image" />
+                                                    </div>
+                                                    <div class="swiper-slide">
+                                                        <img src="/assets/images/carousel2.jpeg"
+                                                            class="w-full" alt="image" />
+                                                    </div>
+                                                    <div class="swiper-slide">
+                                                        <img src="/assets/images/carousel3.jpeg"
+                                                            class="w-full" alt="image" />
+                                                    </div>
+                                                </div>
+                                                <a href="javascript:;"
+                                                    class="swiper-button-prev-ex grid place-content-center ltr:left-2 rtl:right-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-1/2 -translate-y-1/2">
+
+                                                    <svg width="24" height="24" viewBox="0 0 24 24"
+                                                        fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                        class="w-5 h-5 rtl:rotate-180">
+                                                        <path d="M15 5L9 12L15 19" stroke="currentColor"
+                                                            stroke-width="1.5" stroke-linecap="round"
+                                                            stroke-linejoin="round" />
+                                                    </svg>
+                                                </a>
+                                                <a href="javascript:;"
+                                                    class="swiper-button-next-ex grid place-content-center ltr:right-2 rtl:left-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-1/2 -translate-y-1/2">
+
+                                                    <svg width="24" height="24" viewBox="0 0 24 24"
+                                                        fill="none" xmlns="http://www.w3.org/2000/svg"
+                                                        class="w-5 h-5 ltr:rotate-180">
+                                                        <path d="M15 5L9 12L15 19" stroke="currentColor"
+                                                            stroke-width="1.5" stroke-linecap="round"
+                                                            stroke-linejoin="round" />
+                                                    </svg>
+                                                </a>
+                                                <div class="swiper-pagination"></div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code8')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- standard  --&gt;
+    &lt;div x-data=&quot;modal&quot;&gt;
+        &lt;!-- button  --&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; @click=&quot;toggle&quot;&gt;Standard&lt;/button&gt;
+
+        &lt;!-- modal  --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div x-show=&quot;open&quot; x-transition x-transition.duration.300 class=&quot;panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8&quot;&gt;
+                    &lt;div class=&quot;flex py-2 bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-center&quot;&gt;
+                        &lt;span class=&quot;flex items-center justify-center w-16 h-16 rounded-full bg-[#f1f2f3] dark:bg-white/10&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/span&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;py-5 text-white-dark text-center&quot;&gt;
+                            &lt;p&gt;Vivamus vitae hendrerit neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi consequat auctor turpis, vitae dictum augue efficitur vitae. Vestibulum a risus ipsum. Quisque nec lacus dolor. Quisque ornare tempor orci id rutrum.&lt;/p&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-end items-center mt-8&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot; @click=&quot;toggle&quot;&gt;Discard&lt;/button&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:ml-4 rtl:mr-4&quot; @click=&quot;toggle&quot;&gt;Save&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- tabs --&gt;
+    &lt;div x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-info&quot; @click=&quot;toggle&quot;&gt;Tabs&lt;/button&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div x-show=&quot;open&quot; x-transition x-transition.duration.300 class=&quot;panel border-0 p-0 rounded-lg overflow-hidden w-full max-w-lg my-8&quot;&gt;
+                    &lt;div class=&quot;flex bg-[#fbfbfb] dark:bg-[#121c2c] items-center justify-between px-5 py-3&quot;&gt;
+                        &lt;h5 class=&quot;font-bold text-lg&quot;&gt;Modal Title&lt;/h5&gt;
+                        &lt;button type=&quot;button&quot; class=&quot;text-white-dark hover:text-dark&quot; @click=&quot;toggle&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;mb-5&quot; x-data=&quot;{tab: 'home'}&quot;&gt;
+                            &lt;div&gt;
+                                &lt;ul class=&quot;flex flex-wrap mt-3 border-b border-white-light dark:border-[#191e3a]&quot;&gt;
+                                    &lt;li&gt;
+                                        &lt;a href=&quot;javascript:;&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-transparent hover:text-primary dark:hover:border-b-black&quot; :class=&quot;{'!border-white-light !border-b-white  text-primary dark:!border-[#191e3a] dark:!border-b-black' : tab  === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;Home&lt;/a&gt;
+                                    &lt;/li&gt;
+                                    &lt;li&gt;
+                                        &lt;a href=&quot;javascript:;&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-transparent hover:text-primary dark:hover:border-[#191e3a] dark:hover:border-b-black&quot; :class=&quot;{'!border-white-light !border-b-white text-primary dark:!border-[#191e3a] dark:!border-b-black' : tab  === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;Profile&lt;/a&gt;
+                                    &lt;/li&gt;
+                                    &lt;li&gt;
+                                        &lt;a href=&quot;javascript:;&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-transparent hover:text-primary dark:hover:border-[#191e3a] dark:hover:border-b-black&quot; :class=&quot;{'!border-white-light !border-b-white text-primary dark:!border-[#191e3a] dark:!border-b-black' : tab  === 'contact'}&quot; @click=&quot;tab = 'contact'&quot;&gt;Contact&lt;/a&gt;
+                                    &lt;/li&gt;
+                                    &lt;li&gt;
+                                        &lt;a href=&quot;javascript:;&quot; class=&quot;p-3.5 py-2 -mb-[1px] block pointer-events-none text-white-light dark:text-dark&quot;&gt;Disabled&lt;/a&gt;
+                                    &lt;/li&gt;
+                                &lt;/ul&gt;
+                            &lt;/div&gt;
+                            &lt;div class=&quot;pt-5 flex-1 text-sm&quot;&gt;
+                                &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                                    &lt;div class=&quot;active&quot;&gt;
+                                        &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                                        &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                                        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                                    &lt;/div&gt;
+                                &lt;/template&gt;
+                                &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                                    &lt;div&gt;
+                                        &lt;div class=&quot;flex items-start&quot;&gt;
+                                            &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-4 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                                            &lt;/div&gt;
+                                            &lt;div class=&quot;flex-auto&quot;&gt;
+                                                &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                                                &lt;p class=&quot;text-white-dark dark:text-white-dark/70-dark/70&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                                            &lt;/div&gt;
+                                        &lt;/div&gt;
+                                    &lt;/div&gt;
+                                &lt;/template&gt;
+                                &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                                    &lt;div&gt;
+                                        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                                    &lt;/div&gt;
+                                &lt;/template&gt;
+                                &lt;div style=&quot;display: none;&quot;&gt;Disabled&lt;/div&gt;
+                            &lt;/div&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-end items-center mt-8&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-danger&quot; @click=&quot;toggle&quot;&gt;Discard&lt;/button&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary ltr:ml-4 rtl:mr-4&quot; @click=&quot;toggle&quot;&gt;Save&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- profile --&gt;
+    &lt;div x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-success&quot; @click=&quot;toggle&quot;&gt;Profile&lt;/button&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div x-show=&quot;open&quot; x-transition x-transition.duration.300 class=&quot;panel border-0 p-0 rounded-lg overflow-hidden w-11/12 sm:w-[300px] bg-secondary dark:bg-secondary my-8&quot;&gt;
+                    &lt;div class=&quot;flex items-center justify-end pt-4 ltr:pr-4 rtl:pl-4 text-white dark:text-white-light&quot;&gt;
+                        &lt;button type=&quot;button&quot; @click=&quot;toggle&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;div class=&quot;py-5 text-white dark:text-white-light text-center&quot;&gt;
+                        &lt;div class=&quot;rounded-full w-20 h-20 mx-auto mb-7 overflow-hidden&quot;&gt;&lt;img src=&quot; /assets/images/profile-16.jpeg &quot; alt=&quot;image&quot; class=&quot;w-full h-full object-cover&quot; /&gt;
+                            &lt;/div&gt;
+                            &lt;p class=&quot;font-semibold&quot;&gt;Click on view to access &lt;br&gt;your profile.&lt;/p&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex justify-center gap-4 p-5&quot;&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn bg-white text-black dark:btn-dark&quot;&gt;View&lt;/button&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- login --&gt;
+    &lt;div x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-warning&quot; @click=&quot;toggle&quot;&gt;Login&lt;/button&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div x-show=&quot;open&quot; x-transition x-transition.duration.300 class=&quot;panel border-0 py-1 px-4 rounded-lg overflow-hidden w-full max-w-sm my-8&quot;&gt;
+                    &lt;div class=&quot;flex items-center justify-between p-5 font-semibold text-lg dark:text-white&quot;&gt;Login
+                        &lt;button type=&quot;button&quot; @click=&quot;toggle&quot; class=&quot;text-white-dark hover:text-dark&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;form&gt;
+                            &lt;div class=&quot;relative mb-4&quot;&gt;
+                                &lt;span class=&quot;absolute ltr:left-3 rtl:right-3 top-1/2 -translate-y-1/2 dark:text-white-dark&quot;&gt;
+                                    &lt;svg&gt; ... &lt;/svg&gt;
+                                &lt;/span&gt;
+                                &lt;input type=&quot;email&quot; placeholder=&quot;Email&quot; class=&quot;form-input ltr:pl-10 rtl:pr-10&quot; /&gt;
+                            &lt;/div&gt;
+                            &lt;div class=&quot;relative mb-4&quot;&gt;
+                                &lt;span class=&quot;absolute ltr:left-3 rtl:right-3 top-1/2 -translate-y-1/2 dark:text-white-dark&quot;&gt;
+                                    &lt;svg&gt; ... &lt;/svg&gt;
+                                &lt;/span&gt;
+                                &lt;input type=&quot;password&quot; placeholder=&quot;Password&quot; class=&quot;form-input ltr:pl-10 rtl:pr-10&quot; /&gt;
+                            &lt;/div&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary w-full&quot;&gt;Login&lt;/button&gt;
+                        &lt;/form&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;my-4 text-center text-xs text-white-dark dark:text-white-dark/70&quot;&gt;OR&lt;/div&gt;
+                    &lt;div class=&quot;flex items-center justify-center gap-3 mb-5&quot;&gt;
+                        &lt;a href=&quot;javascript:void(0);&quot; class=&quot;btn btn-outline-primary flex gap-1&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                            &lt;span&gt;Facebook&lt;/span&gt;
+                        &lt;/a&gt;
+                        &lt;a href=&quot;javascript:void(0);&quot; class=&quot;btn btn-outline-danger flex gap-1&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                            &lt;span&gt;Github&lt;/span&gt;
+                        &lt;/a&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5 border-t border-[#ebe9f1] dark:border-white/10&quot;&gt;
+                        &lt;p class=&quot;text-center text-white-dark dark:text-white-dark/70&quot;&gt;Looking to &lt;a href=&quot;javascript:;&quot; class=&quot;text-[#515365] hover:underline dark:text-white-dark&quot;&gt;create an account?&lt;/a&gt;&lt;/p&gt;
+                        &lt;/footer&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- register --&gt;
+    &lt;div x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot; @click=&quot;toggle&quot;&gt;Register&lt;/button&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div x-show=&quot;open&quot; x-transition x-transition.duration.300 class=&quot;panel border-0 py-1 px-4 rounded-lg overflow-hidden w-full max-w-sm my-8&quot;&gt;
+                    &lt;div class=&quot;flex items-center justify-between p-5 font-semibold text-lg dark:text-white&quot;&gt;Register
+                        &lt;button type=&quot;button&quot; @click=&quot;toggle&quot; class=&quot;text-white-dark hover:text-dark&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5&quot;&gt;
+                        &lt;form&gt;
+                            &lt;div class=&quot;relative mb-4&quot;&gt;
+                                &lt;span class=&quot;absolute ltr:left-3 rtl:right-3 top-1/2 -translate-y-1/2 dark:text-white-dark&quot;&gt;
+                                    &lt;svg&gt; ... &lt;/svg&gt;
+                                &lt;/span&gt;
+                                &lt;input type=&quot;text&quot; placeholder=&quot;Name&quot; class=&quot;form-input ltr:pl-10 rtl:pr-10&quot; /&gt;
+                            &lt;/div&gt;
+                            &lt;div class=&quot;relative mb-4&quot;&gt;
+                                &lt;span class=&quot;absolute ltr:left-3 rtl:right-3 top-1/2 -translate-y-1/2 dark:text-white-dark&quot;&gt;
+                                    &lt;svg&gt; ... &lt;/svg&gt;
+                                &lt;/span&gt;
+                                &lt;input type=&quot;email&quot; placeholder=&quot;Email&quot; class=&quot;form-input ltr:pl-10 rtl:pr-10&quot; /&gt;
+                            &lt;/div&gt;
+                            &lt;div class=&quot;relative mb-4&quot;&gt;
+                                &lt;span class=&quot;absolute ltr:left-3 rtl:right-3 top-1/2 -translate-y-1/2 dark:text-white-dark&quot;&gt;
+                                    &lt;svg&gt; ... &lt;/svg&gt;
+                                &lt;/span&gt;
+                                &lt;input type=&quot;password&quot; placeholder=&quot;Password&quot; class=&quot;form-input ltr:pl-10 rtl:pr-10&quot; /&gt;
+                            &lt;/div&gt;
+                            &lt;button type=&quot;button&quot; class=&quot;btn btn-primary w-full&quot;&gt;Login&lt;/button&gt;
+                        &lt;/form&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;my-4 text-center text-xs text-white-dark dark:text-white-dark/70&quot;&gt;OR&lt;/div&gt;
+                    &lt;div class=&quot;flex items-center justify-center gap-3 mb-5&quot;&gt;
+                        &lt;a href=&quot;javascript:void(0);&quot; class=&quot;btn btn-outline-primary flex gap-1&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                            &lt;span&gt;Facebook&lt;/span&gt;
+                        &lt;/a&gt;
+                        &lt;a href=&quot;javascript:void(0);&quot; class=&quot;btn btn-outline-danger flex gap-1&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                            &lt;span&gt;Github&lt;/span&gt;
+                        &lt;/a&gt;
+                    &lt;/div&gt;
+                    &lt;div class=&quot;p-5 border-t border-[#ebe9f1] dark:border-white/10&quot;&gt;
+                        &lt;p class=&quot;text-center text-white-dark dark:text-white-dark/70&quot;&gt;Already have &lt;a href=&quot;javascript:;&quot; class=&quot;text-[#515365] hover:underline dark:text-white-dark&quot;&gt;Login?&lt;/a&gt;&lt;/p&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- slider --&gt;
+    &lt;div x-data=&quot;modal&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; @click=&quot;toggle&quot;&gt;Slider&lt;/button&gt;
+
+        &lt;!-- modal --&gt;
+        &lt;div class=&quot;fixed inset-0 bg-[black]/60 z-[999] hidden overflow-y-auto&quot; :class=&quot;open &amp;&amp; '!block'&quot;&gt;
+            &lt;div class=&quot;flex items-start justify-center min-h-screen px-4&quot; @click.self=&quot;open = false&quot;&gt;
+                &lt;div x-show=&quot;open&quot; x-transition x-transition.duration.300 class=&quot;panel border-0 py-1 px-4 rounded-lg overflow-hidden w-full max-w-xl my-8&quot;&gt;
+                    &lt;div class=&quot;flex items-center justify-between p-5 font-semibold text-lg dark:text-white&quot;&gt;Slider
+                        &lt;button type=&quot;button&quot; @click=&quot;toggle&quot; class=&quot;text-white-dark hover:text-dark&quot;&gt;
+                            &lt;svg&gt; ... &lt;/svg&gt;
+                        &lt;/button&gt;
+                    &lt;/div&gt;
+                    &lt;div id=&quot;slider1 class=&quot;swiper mb-4&quot;&gt;
+                        &lt;div class=&quot;swiper-wrapper&quot;&gt;
+                            &lt;div class=&quot;swiper-slide&quot;&gt;
+                            &lt;img src=&quot; /assets/images/carousel1.jpeg &quot; class=&quot;w-full&quot; alt=&quot;image&quot; /&gt;
+                            &lt;/div&gt;
+                            &lt;div class=&quot;swiper-slide&quot;&gt;
+                            &lt;img src=&quot; /assets/images/carousel2.jpeg &quot; class=&quot;w-full&quot; alt=&quot;image&quot; /&gt;
+                            &lt;/div&gt;
+                            &lt;div class=&quot;swiper-slide&quot;&gt;
+                            &lt;img src=&quot; /assets/images/carousel3.jpeg &quot; class=&quot;w-full&quot; alt=&quot;image&quot; /&gt;
+                            &lt;/div&gt;
+                        &lt;/div&gt;
+                        &lt;a href=&quot;javascript:;&quot; class=&quot;swiper-button-prev-ex grid place-content-center left-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-1/2 -translate-y-1/2&quot;&gt;
+                            &lt;i class=&quot;w-5 h-5&quot;&gt;
+                                &lt;svg&gt; ... &lt;/svg&gt;
+                            &lt;/i&gt;
+                        &lt;/a&gt;
+                        &lt;a href=&quot;javascript:;&quot; class=&quot;swiper-button-next-ex grid place-content-center right-2 p-1 transition text-primary hover:text-white border border-primary  hover:border-primary hover:bg-primary rounded-full absolute z-[999] top-1/2 -translate-y-1/2&quot;&gt;
+                            &lt;i class=&quot;w-5 h-5&quot;&gt;
+                                &lt;svg&gt; ... &lt;/svg&gt;
+                            &lt;/i&gt;
+                        &lt;/a&gt;
+                        &lt;div class=&quot;swiper-pagination&quot;&gt;&lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        document.addEventListener(&quot;alpine:init&quot;, () =&gt; {
+            Alpine.data(&quot;modal&quot;, (initialOpenState = false) =&gt; ({
+                open: initialOpenState,
+
+                toggle() {
+                    this.open = !this.open;
+                },
+            }));
+        });
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("modals", () => ({
+
+                init() {
+                    const swiper1 = new Swiper("#slider1", {
+                        navigation: {
+                            nextEl: '.swiper-button-next-ex',
+                            prevEl: '.swiper-button-prev-ex',
+                        },
+                        pagination: {
+                            el: ".swiper-pagination",
+                            clickable: true,
+                        },
+                    });
+                },
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/ui-components/notifications.blade.php b/resources/views/ui-components/notifications.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..24ecf4ce6da7481fd1320dfbdcb978c0f93455f4
--- /dev/null
+++ b/resources/views/ui-components/notifications.blade.php
@@ -0,0 +1,536 @@
+<x-layout.default>
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Components</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Notifications</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8" x-data="form">
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a
+                    href="https://www.npmjs.com/package/sweetalert2" target="_blank"
+                    class="block hover:underline">https://www.npmjs.com/package/sweetalert2</a>
+            </div>
+
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- basic -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-primary"
+                                @click="showMessage('Hello, world! This is a toast message.')">Open Toast</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; @click=&quot;showMessage('Hello, world! This is a toast message.')&quot;&gt;Open Toast&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        showMessage = (msg = 'Example notification text.', position = 'bottom-start', showCloseButton = true, closeButtonHtml = '', duration = 3000) =&gt; {
+            const toast = window.Swal.mixin({
+                toast: true,
+                position: position || 'bottom-start',
+                showConfirmButton: false,
+                timer: duration,
+                showCloseButton: showCloseButton,
+            });
+            toast.fire({
+                title: msg,
+            });
+        };
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Position -->
+                <div class="panel lg:row-span-2">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Position</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <h6 class="font-semibold text-base dark:text-white-light mb-3 text-center">Top Position</h6>
+                        <div class="flex items-center justify-center mb-10 gap-2">
+                            <button type="button" class="btn btn-success"
+                                @click="showMessage('Example notification text.',$store.app.rtlClass === 'rtl' ? 'top-end' : 'top-start')">Top
+                                Left</button>
+                            <button type="button" class="btn btn-secondary"
+                                @click="showMessage('Example notification text','top')">Top Center</button>
+                            <button type="button" class="btn btn-info"
+                                @click="showMessage('Example notification text.', $store.app.rtlClass === 'rtl' ? 'top-start' : 'top-end')">Top
+                                Right</button>
+                        </div>
+                        <h6 class="font-semibold text-base dark:text-white-light mb-3 text-center">Bottom Position</h6>
+                        <div class="flex items-center justify-center gap-2">
+                            <button type="button" class="btn btn-dark"
+                                @click="showMessage('Example notification text.', $store.app.rtlClass === 'rtl' ? 'bottom-end' : 'bottom-start')">Bottom
+                                Left</button>
+                            <button type="button" class="btn btn-primary"
+                                @click="showMessage('Example notification text.','bottom')">Bottom Center</button>
+                            <button type="button" class="btn btn-secondary"
+                                @click="showMessage('Example notification text.', $store.app.rtlClass === 'rtl' ? 'bottom-start' : 'bottom-end')">Bottom
+                                Right</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- top left --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-success&quot; @click=&quot;showMessage('Example notification text.',$store.app.rtlClass === 'rtl' ? 'top-end' : 'top-start')&quot;&gt;Top Left&lt;/button&gt;
+
+    &lt;!-- top center --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; @click=&quot;showMessage('Example notification text','top')&quot;&gt;Top Center&lt;/button&gt;
+
+    &lt;!-- top right --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-info&quot; @click=&quot;showMessage('Example notification text.', $store.app.rtlClass === 'rtl' ? 'top-start' : 'top-end')&quot;&gt;Top Right&lt;/button&gt;
+
+    &lt;!-- bottom left --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-dark&quot; @click=&quot;showMessage('Example notification text.',$store.app.rtlClass === 'rtl' ? 'bottom-end' : 'bottom-start')&quot;&gt;Bottom Left&lt;/button&gt;
+
+    &lt;!-- bottom center --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; @click=&quot;showMessage('Example notification text.','bottom')&quot;&gt;Bottom Center&lt;/button&gt;
+
+    &lt;!-- bottom right --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; @click=&quot;showMessage('Example notification text.',$store.app.rtlClass === 'rtl' ? 'bottom-start' : 'bottom-end')&quot;&gt;Bottom Right&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        showMessage = (msg = 'Example notification text.', position = 'bottom-start', showCloseButton = true, closeButtonHtml = '', duration = 3000) =&gt; {
+            const toast = window.Swal.mixin({
+                toast: true,
+                position: position || 'bottom-start',
+                showConfirmButton: false,
+                timer: duration,
+                showCloseButton: showCloseButton,
+            });
+            toast.fire({
+                title: msg,
+            });
+        };
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- No Action -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">No Action</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code3')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-success"
+                                @click="showMessage('Example notification text.', 'bottom-start',false)">No
+                                Action</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code3')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- no action --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-success&quot; @click=&quot;showMessage('Example notification text.', 'bottom-start',false)&quot;&gt;No Action&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        showMessage = (msg = 'Example notification text.', position = 'bottom-start', showCloseButton = true, closeButtonHtml = '', duration = 3000) =&gt; {
+            const toast = window.Swal.mixin({
+                toast: true,
+                position: position || 'bottom-start',
+                showConfirmButton: false,
+                timer: duration,
+                showCloseButton: showCloseButton,
+            });
+            toast.fire({
+                title: msg,
+            });
+        };
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Click Callback -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Click Callback</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code4')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-info" @click="clickCallable()">Click
+                                Callback</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code4')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- click callback --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-info&quot; @click=&quot;clickCallable()&quot;&gt;Click Callback&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        clickCallable = () =&gt; {
+            new window.Swal({
+                toast: true,
+                position: 'bottom-start',
+                text: &quot;Custom callback when action button is clicked.&quot;,
+                showCloseButton: true,
+                showConfirmButton: false,
+            }).then((result) =&gt; {
+                new window.Swal({
+                    toast: true,
+                    position: 'bottom-start',
+                    text: 'Thanks for clicking the Dismiss button!',
+                    showCloseButton: true,
+                    showConfirmButton: false,
+                });
+            });
+        };
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Duration -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Duration</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code5')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-dark"
+                                @click="showMessage(msg='Example notification text.', position= 'bottom-start', duration=5000)">Duration</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code5')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- click callback --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-dark&quot; @click=&quot;showMessage(msg='Example notification text.', position= 'bottom-start', duration=5000)&quot;&gt;Duration&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        showMessage = (msg = 'Example notification text.', position = 'bottom-start', showCloseButton = true, closeButtonHtml = '', duration = 3000) =&gt; {
+            const toast = window.Swal.mixin({
+                toast: true,
+                position: position || 'bottom-start',
+                showConfirmButton: false,
+                timer: duration,
+                showCloseButton: showCloseButton,
+            });
+            toast.fire({
+                title: msg,
+            });
+        };
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Background Color -->
+                <div class="panel lg:col-span-2">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Background Color</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code6')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div
+                            class="grid grid-cols-2 sm:grid-cols-1 sm:flex items-center justify-center gap-2 colored-toast">
+                            <div>
+                                <button type="button" class="btn btn-primary"
+                                    @click="coloredToast('primary')">Primary</button>
+                                <div id="primary-toast"></div>
+                            </div>
+                            <div>
+                                <button type=" button" class="btn btn-secondary"
+                                    @click="coloredToast('secondary')">Secondary</button>
+                                <div id="secondary-toast"></div>
+                            </div>
+                            <div>
+                                <button type="button" class="btn btn-success"
+                                    @click="coloredToast('success')">Success</button>
+                                <div id="success-toast"></div>
+                            </div>
+                            <div>
+                                <button type="button" class="btn btn-danger"
+                                    @click="coloredToast('danger')">Danger</button>
+                                <div id="danger-toast"></div>
+                            </div>
+                            <div>
+                                <button type="button" class="btn btn-warning"
+                                    @click="coloredToast('warning')">Warning</button>
+                                <div id="warning-toast"></div>
+                            </div>
+                            <div>
+                                <button type="button" class="btn btn-info"
+                                    @click="coloredToast('info')">Info</button>
+                                <div id="info-toast"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code6')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- primary --&gt;
+    &lt;div&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; @click=&quot;coloredToast('primary')&quot;&gt;Primary&lt;/button&gt;
+        &lt;div id=&quot;primary-toast&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- secondary --&gt;
+    &lt;div&gt;
+        &lt;button type=&quot; button&quot; class=&quot;btn btn-secondary&quot; @click=&quot;coloredToast('secondary')&quot;&gt;Secondary&lt;/button&gt;
+        &lt;div id=&quot;secondary-toast&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- success --&gt;
+    &lt;div&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-success&quot; @click=&quot;coloredToast('success')&quot;&gt;Success&lt;/button&gt;
+        &lt;div id=&quot;success-toast&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- danger --&gt;
+    &lt;div&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot; @click=&quot;coloredToast('danger')&quot;&gt;Danger&lt;/button&gt;
+        &lt;div id=&quot;danger-toast&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- warning --&gt;
+    &lt;div&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-warning&quot; @click=&quot;coloredToast('warning')&quot;&gt;Warning&lt;/button&gt;
+        &lt;div id=&quot;warning-toast&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- info --&gt;
+    &lt;div&gt;
+        &lt;button type=&quot;button&quot; class=&quot;btn btn-info&quot; @click=&quot;coloredToast('info')&quot;&gt;Info&lt;/button&gt;
+        &lt;div id=&quot;info-toast&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        coloredToast = (color) =&gt; {
+            const toast = window.Swal.mixin({
+                toast: true,
+                position: 'bottom-start',
+                showConfirmButton: false,
+                timer: 3000,
+                showCloseButton: true,
+                animation: false,
+                customClass: {
+                    popup: `color-${color}`
+                },
+                target: document.getElementById(color + '-toast')
+            });
+            toast.fire({
+                title: 'Example notification text.',
+            });
+        };
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+
+
+    <script>
+        showMessage = (msg = 'Example notification text.', position = 'bottom-start', showCloseButton = true,
+            closeButtonHtml = '', duration = 3000) => {
+            const toast = window.Swal.mixin({
+                toast: true,
+                position: position || 'bottom-start',
+                showConfirmButton: false,
+                timer: duration,
+                showCloseButton: showCloseButton,
+            });
+            toast.fire({
+                title: msg,
+            });
+        };
+
+        clickCallable = () => {
+            new window.Swal({
+                toast: true,
+                position: 'bottom-start',
+                text: "Custom callback when action button is clicked.",
+                showCloseButton: true,
+                showConfirmButton: false,
+            }).then((result) => {
+                new window.Swal({
+                    toast: true,
+                    position: 'bottom-start',
+                    text: 'Thanks for clicking the Dismiss button!',
+                    showCloseButton: true,
+                    showConfirmButton: false,
+                });
+            });
+        };
+
+        coloredToast = (color) => {
+            const toast = window.Swal.mixin({
+                toast: true,
+                position: 'bottom-start',
+                showConfirmButton: false,
+                timer: 3000,
+                showCloseButton: true,
+                animation: false,
+                customClass: {
+                    popup: `color-${color}`
+                },
+                target: document.getElementById(color + '-toast')
+            });
+            toast.fire({
+                title: 'Example notification text.',
+            });
+        };
+
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/ui-components/pricing-table.blade.php b/resources/views/ui-components/pricing-table.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..6a983a6514377cf272ed62b3ee38ff38ed98752a
--- /dev/null
+++ b/resources/views/ui-components/pricing-table.blade.php
@@ -0,0 +1,607 @@
+<x-layout.default>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Components</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Pricing Table</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8" x-data="form">
+            <!-- Basic -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="max-w-[320px] md:max-w-[990px] mx-auto">
+                        <div class="md:flex justify-between space-y-4 md:space-y-0 md:space-x-4 rtl:space-x-reverse">
+                            <div
+                                class="p-3 lg:p-5 border border-black dark:border-[#1b2e4b] text-center rounded group hover:border-primary">
+                                <h3 class="text-xl lg:text-2xl">Beginner Savers</h3>
+                                <div
+                                    class="border-t border-black dark:border-white-dark w-1/5 mx-auto my-6 group-hover:border-primary">
+                                </div>
+                                <p class="text-[15px]">For people who are starting out in the water saving business</p>
+                                <div class="my-7 p-2.5 text-center text-lg group-hover:text-primary"><strong
+                                        class="text-[#3b3f5c] dark:text-white-dark text-3xl lg:text-5xl group-hover:text-primary">$19</strong>
+                                    / monthly</div>
+                                <ul class="space-y-2.5 mb-5 font-semibold group-hover:text-primary">
+                                    <li class="flex justify-center items-center">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-3.5 h-3.5 ltr:mr-1 rtl:ml-1 rtl:rotate-180 shrink-0">
+                                            <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                        Free water saving e-book
+                                    </li>
+                                    <li class="flex justify-center items-center">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-3.5 h-3.5 ltr:mr-1 rtl:ml-1 rtl:rotate-180 shrink-0">
+                                            <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                        Free access to forums
+                                    </li>
+                                    <li class="flex justify-center items-center">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-3.5 h-3.5 ltr:mr-1 rtl:ml-1 rtl:rotate-180 shrink-0">
+                                            <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                        Beginners tips
+                                    </li>
+                                </ul>
+                                <a href="#" target="_self"
+                                    class="btn text-black shadow-none group-hover:text-primary group-hover:border-primary group-hover:bg-primary/10 dark:text-white-dark dark:border-white-dark/50">Buy
+                                    Now</a>
+                            </div>
+                            <div
+                                class="p-3 lg:p-5 border border-black dark:border-[#1b2e4b] text-center rounded group hover:border-primary">
+                                <h3 class="text-xl lg:text-2xl">Advanced Savers</h3>
+                                <div
+                                    class="border-t border-black dark:border-white-dark w-1/5 mx-auto my-6 group-hover:border-primary">
+                                </div>
+                                <p class="text-[15px] ">For experienced water savers who'd like to push their limits</p>
+                                <div class="my-7 p-2.5 text-center text-lg group-hover:text-primary"><strong
+                                        class="text-[#3b3f5c] dark:text-white-dark text-3xl lg:text-5xl group-hover:text-primary">$29</strong>
+                                    / monthly</div>
+                                <ul class="space-y-2.5 mb-5 font-semibold group-hover:text-primary">
+                                    <li class="flex justify-center items-center">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-3.5 h-3.5 ltr:mr-1 rtl:ml-1 rtl:rotate-180 shrink-0">
+                                            <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                        Free water saving e-book
+                                    </li>
+                                    <li class="flex justify-center items-center">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-3.5 h-3.5 ltr:mr-1 rtl:ml-1 rtl:rotate-180 shrink-0">
+                                            <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                        Free access to forums
+                                    </li>
+                                    <li class="flex justify-center items-center">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-3.5 h-3.5 ltr:mr-1 rtl:ml-1 rtl:rotate-180 shrink-0">
+                                            <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                        Advanced saving tips
+                                    </li>
+                                </ul>
+                                <a href="#" target="_self"
+                                    class="btn text-black shadow-none group-hover:text-primary group-hover:border-primary group-hover:bg-primary/10 dark:text-white-dark dark:border-white-dark/50">Buy
+                                    Now</a>
+                            </div>
+                            <div
+                                class="p-3 lg:p-5 border border-black dark:border-[#1b2e4b] text-center rounded group hover:border-primary">
+                                <h3 class="text-xl lg:text-2xl">Pro Savers</h3>
+                                <div
+                                    class="border-t border-black dark:border-white-dark w-1/5 mx-auto my-6 group-hover:border-primary">
+                                </div>
+                                <p class="text-[15px] ">For all the professionals who'd like to educate others, too</p>
+                                <div class="my-7 p-2.5 text-center text-lg group-hover:text-primary"><strong
+                                        class="text-[#3b3f5c] dark:text-white-dark text-3xl lg:text-5xl group-hover:text-primary">$79</strong>
+                                    / monthly</div>
+                                <ul class="space-y-2.5 mb-5 font-semibold group-hover:text-primary">
+                                    <li class="flex justify-center items-center">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-3.5 h-3.5 ltr:mr-1 rtl:ml-1 rtl:rotate-180 shrink-0">
+                                            <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                        Access to all books
+                                    </li>
+                                    <li class="flex justify-center items-center">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-3.5 h-3.5 ltr:mr-1 rtl:ml-1 rtl:rotate-180 shrink-0">
+                                            <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                        Unlimited board topics
+                                    </li>
+                                    <li class="flex justify-center items-center">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            class="w-3.5 h-3.5 ltr:mr-1 rtl:ml-1 rtl:rotate-180 shrink-0">
+                                            <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor"
+                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                        Beginners tips
+                                    </li>
+                                </ul>
+                                <a href="#" target="_self"
+                                    class="btn text-black shadow-none group-hover:text-primary group-hover:border-primary group-hover:bg-primary/10 dark:text-white-dark dark:border-white-dark/50">Buy
+                                    Now</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;div class=&quot;max-w-[320px] md:max-w-[990px] mx-auto&quot;&gt;
+        &lt;!-- beginner savers --&gt;
+        &lt;div class=&quot;md:flex justify-between space-y-4 md:space-y-0 md:space-x-4 rtl:space-x-reverse&quot;&gt;
+            &lt;div class=&quot;p-3 lg:p-5 border border-black dark:border-[#1b2e4b] text-center rounded group hover:border-primary&quot;&gt;
+                &lt;h3 class=&quot;text-xl lg:text-2xl&quot;&gt;Beginner Savers&lt;/h3&gt;
+                &lt;div class=&quot;border-t border-black dark:border-white-dark w-1/5 mx-auto my-6 group-hover:border-primary&quot;&gt;&lt;/div&gt;
+                &lt;p class=&quot;text-[15px]&quot;&gt;For people who are starting out in the water saving business&lt;/p&gt;
+                &lt;div class=&quot;my-7 p-2.5 text-center text-lg group-hover:text-primary&quot;&gt;&lt;strong class=&quot;text-[#3b3f5c] dark:text-white-dark text-3xl lg:text-5xl group-hover:text-primary&quot;&gt;$19&lt;/strong&gt; / monthly&lt;/div&gt;
+                &lt;ul class=&quot;space-y-2.5 mb-5 font-semibold group-hover:text-primary&quot;&gt;
+                    &lt;li class=&quot;flex justify-center items-center&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; Free water saving e-book
+                    &lt;/li&gt;
+                    &lt;li class=&quot;flex justify-center items-center&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; Free access to forums
+                    &lt;/li&gt;
+                    &lt;li class=&quot;flex justify-center items-center&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; Beginners tips
+                    &lt;/li&gt;
+                &lt;/ul&gt;
+                &lt;a href=&quot;#&quot; target=&quot;_self&quot; class=&quot;btn text-black shadow-none group-hover:text-primary group-hover:border-primary group-hover:bg-primary/10 dark:text-white-dark dark:border-white-dark/50&quot;&gt;Buy Now&lt;/a&gt;
+            &lt;/div&gt;
+
+            &lt;!-- advanced savers --&gt;
+            &lt;div class=&quot;p-3 lg:p-5 border border-black dark:border-[#1b2e4b] text-center rounded group hover:border-primary&quot;&gt;
+                &lt;h3 class=&quot;text-xl lg:text-2xl&quot;&gt;Advanced Savers&lt;/h3&gt;
+                &lt;div class=&quot;border-t border-black dark:border-white-dark w-1/5 mx-auto my-6 group-hover:border-primary&quot;&gt;&lt;/div&gt;
+                &lt;p class=&quot;text-[15px] &quot;&gt;For experienced water savers who'd like to push their limits&lt;/p&gt;
+                &lt;div class=&quot;my-7 p-2.5 text-center text-lg group-hover:text-primary&quot;&gt;&lt;strong class=&quot;text-[#3b3f5c] dark:text-white-dark text-3xl lg:text-5xl group-hover:text-primary&quot;&gt;$29&lt;/strong&gt; / monthly&lt;/div&gt;
+                &lt;ul class=&quot;space-y-2.5 mb-5 font-semibold group-hover:text-primary&quot;&gt;
+                    &lt;li class=&quot;flex justify-center items-center&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; Free water saving e-book
+                    &lt;/li&gt;
+                    &lt;li class=&quot;flex justify-center items-center&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; Free access to forums
+                    &lt;/li&gt;
+                    &lt;li class=&quot;flex justify-center items-center&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; Advanced saving tips
+                    &lt;/li&gt;
+                &lt;/ul&gt;
+                &lt;a href=&quot;#&quot; target=&quot;_self&quot; class=&quot;btn text-black shadow-none group-hover:text-primary group-hover:border-primary group-hover:bg-primary/10 dark:text-white-dark dark:border-white-dark/50&quot;&gt;Buy Now&lt;/a&gt;
+            &lt;/div&gt;
+
+            &lt;!-- pro savers --&gt;
+            &lt;div class=&quot;p-3 lg:p-5 border border-black dark:border-[#1b2e4b] text-center rounded group hover:border-primary&quot;&gt;
+                &lt;h3 class=&quot;text-xl lg:text-2xl&quot;&gt;Pro Savers&lt;/h3&gt;
+                &lt;div class=&quot;border-t border-black dark:border-white-dark w-1/5 mx-auto my-6 group-hover:border-primary&quot;&gt;&lt;/div&gt;
+                &lt;p class=&quot;text-[15px] &quot;&gt;For all the professionals who'd like to educate others, too&lt;/p&gt;
+                &lt;div class=&quot;my-7 p-2.5 text-center text-lg group-hover:text-primary&quot;&gt;&lt;strong class=&quot;text-[#3b3f5c] dark:text-white-dark text-3xl lg:text-5xl group-hover:text-primary&quot;&gt;$79&lt;/strong&gt; / monthly&lt;/div&gt;
+                &lt;ul class=&quot;space-y-2.5 mb-5 font-semibold group-hover:text-primary&quot;&gt;
+                    &lt;li class=&quot;flex justify-center items-center&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; Access to all books
+                    &lt;/li&gt;
+                    &lt;li class=&quot;flex justify-center items-center&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; Unlimited board topics
+                    &lt;/li&gt;
+                    &lt;li class=&quot;flex justify-center items-center&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; Beginners tips
+                    &lt;/li&gt;
+                &lt;/ul&gt;
+                &lt;a href=&quot;#&quot; target=&quot;_self&quot; class=&quot;btn text-black shadow-none group-hover:text-primary group-hover:border-primary group-hover:bg-primary/10 dark:text-white-dark dark:border-white-dark/50&quot;&gt;Buy Now&lt;/a&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Toggle -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Toggle</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="max-w-[320px] md:max-w-[1140px] mx-auto dark:text-white-dark">
+                        <div
+                            class="mt-5 md:mt-10 text-center flex justify-center space-x-4 rtl:space-x-reverse font-semibold text-base">
+                            <span :class="!yearlyPrice ? 'text-primary' : 'text-white-dark'">Monthly</span>
+
+                            <label class="w-12 h-6 relative">
+                                <input id="custom_switch_checkbox1" type="checkbox"
+                                    class="custom_switch absolute ltr:left-0 rtl:right-0 top-0 w-full h-full opacity-0 z-10 cursor-pointer peer"
+                                    x-model="yearlyPrice" />
+                                <span for="custom_switch_checkbox1"
+                                    class="outline_checkbox bg-icon border-2 border-[#ebedf2] dark:border-white-dark block h-full rounded-full before:absolute ltr:before:left-1 rtl:before:right-1 before:bg-[#ebedf2] dark:before:bg-white-dark before:bottom-1 before:w-4 before:h-4 before:rounded-full before:bg-[url(/assets/images/close.svg)] before:bg-no-repeat before:bg-center ltr:peer-checked:before:left-7 rtl:peer-checked:before:right-7 peer-checked:before:bg-[url(/assets/images/checked.svg)] peer-checked:border-primary peer-checked:before:bg-primary before:transition-all before:duration-300"></span>
+                            </label>
+                            <span class="relative" :class="yearlyPrice ? 'text-primary' : 'text-white-dark'">Yearly
+                                <span
+                                    class="badge bg-success rounded-full absolute ltr:left-full rtl:right-full whitespace-nowrap ltr:ml-2 rtl:mr-2 my-auto hidden">20%
+                                    Off</span></span>
+                        </div>
+                        <div class="md:flex space-y-4 md:space-y-0 mt-5 md:mt-16 text-white-dark">
+                            <div
+                                class="p-4 lg:p-9 border ltr:md:border-r-0 rtl:md:border-l-0 border-[#e0e6ed] dark:border-[#1b2e4b] rounded-md ltr:md:rounded-r-none rtl:md:rounded-l-none transition-all duration-300 hover:shadow-[0_0_15px_1px_rgba(113,106,202,0.20)]">
+                                <h3 class="text-xl mb-5 font-semibold text-[#0e1726] dark:text-white-light">Cloud
+                                    Hosting</h3>
+                                <p>cPanel/WHM included. Intel Xeon E3 with guaranteed 2GB RAM.</p>
+                                <div class="my-7 p-2.5 text-center text-lg"><strong
+                                        class="text-[#3b3f5c] dark:text-white-light text-xl lg:text-3xl">$25</strong> /
+                                    monthly</div>
+                                <div class="mb-6">
+                                    <strong
+                                        class="text-[#0e1726] dark:text-white-light text-[15px] mb-3 inline-block">Cloud
+                                        Hosting Features</strong>
+                                    <ul class="space-y-3">
+                                        <li>Single Domain</li>
+                                        <li>50 GB SSD</li>
+                                        <li>1 TB Premium Bandwidth</li>
+                                    </ul>
+                                </div>
+                                <button type="button" class="btn btn-dark w-full">Buy Now</button>
+                            </div>
+                            <div
+                                class="relative p-4 pt-14 lg:p-9 border border-[#e0e6ed] dark:border-[#1b2e4b] transition-all duration-300 rounded-t-md">
+                                <div
+                                    class="absolute top-0 md:-top-[30px] inset-x-0 bg-primary text-white h-10 flex items-center justify-center text-base rounded-t-md">
+                                    Most Popular</div>
+                                <h3 class="text-xl mb-5 font-semibold text-[#0e1726] dark:text-white-light">VPS Hosting
+                                </h3>
+                                <p>cPanel/WHM included. Intel Xeon E5 with guaranteed 4GB RAM.</p>
+                                <div class="my-7 p-2.5 text-center text-lg"><strong
+                                        class="text-primary text-xl lg:text-4xl">$70</strong> / monthly</div>
+                                <div class="mb-6">
+                                    <strong
+                                        class="text-[#0e1726] dark:text-white-light text-[15px]  mb-3 inline-block">VPS
+                                        Hosting Features</strong>
+                                    <ul class="space-y-3">
+                                        <li>5 Domains</li>
+                                        <li>100 GB SSD</li>
+                                        <li>2 TB Premium Bandwidth</li>
+                                    </ul>
+                                </div>
+                                <button type="button" class="btn btn-primary w-full">Buy Now</button>
+                            </div>
+                            <div
+                                class="p-4 lg:p-9 border ltr:md:border-l-0 rtl:md:border-r-0 border-[#e0e6ed] dark:border-[#1b2e4b] rounded-md ltr:md:rounded-l-none rtl:md:rounded-r-none transition-all duration-300 hover:shadow-[0_0_15px_1px_rgba(113,106,202,0.20)]">
+                                <h3 class="text-xl mb-5 font-semibold text-[#0e1726] dark:text-white-light">Business
+                                    Hosting</h3>
+                                <p>cPanel/WHM included. Intel Xeon E5 with guaranteed 8GB RAM.</p>
+                                <div class="my-7 p-2.5 text-center text-lg"><strong
+                                        class="text-[#3b3f5c] dark:text-white-light text-xl lg:text-3xl">$115</strong>
+                                    / monthly</div>
+                                <div class="mb-6">
+                                    <strong
+                                        class="text-[#0e1726] dark:text-white-light text-[15px]  mb-3 inline-block">Business
+                                        Hosting Features</strong>
+                                    <ul class="space-y-3">
+                                        <li>Unlimited Domains</li>
+                                        <li>1 TB SSD</li>
+                                        <li>5 TB Premium Bandwidth</li>
+                                    </ul>
+                                </div>
+                                <button type="button" class="btn btn-dark w-full">Buy Now</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- toggle --&gt;
+    &lt;div class=&quot;max-w-[320px] md:max-w-[1140px] mx-auto dark:text-white-dark&quot;&gt;
+        &lt;!-- switch --&gt;
+        &lt;div class=&quot;mt-5 md:mt-10 text-center flex justify-center space-x-4 rtl:space-x-reverse font-semibold text-base&quot;&gt;
+            &lt;span :class=&quot;!yearlyPrice ? 'text-primary' : 'text-white-dark'&quot;&gt;Monthly&lt;/span&gt;
+
+            &lt;label class=&quot;w-12 h-6 relative mb-0 cursor-pointer&quot;&gt;
+                &lt;input id=&quot;custom_switch_checkbox1&quot; type=&quot;checkbox&quot; class=&quot;custom_switch absolute ltr:left-0 rtl:right-0 top-0 w-full h-full opacity-0 z-10 cursor-pointer peer&quot; x-model=&quot;yearlyPrice&quot; /&gt;
+                &lt;span for=&quot;custom_switch_checkbox1&quot; class=&quot;outline_checkbox bg-icon border-2 border-[#ebedf2] dark:border-white-dark block h-full rounded-full before:absolute before:left-1 before:bg-[#ebedf2] dark:before:bg-white-dark before:bottom-1 before:w-4 before:h-4 before:rounded-full before:bg-[url(/assets/images/close.svg)] before:bg-no-repeat before:bg-center peer-checked:before:left-7 peer-checked:before:bg-[url(/assets/images/checked.svg)] peer-checked:border-primary peer-checked:before:bg-primary before:transition-all before:duration-300&quot;&gt;&lt;/span&gt;
+            &lt;/label&gt;
+            &lt;span class=&quot;relative&quot; :class=&quot;yearlyPrice ? 'text-primary' : 'text-white-dark'&quot;&gt;Yearly &lt;span class=&quot;badge bg-success rounded-full absolute ltr:left-full rtl:right-full whitespace-nowrap ltr:ml-2 rtl:mr-2 my-auto hidden&quot;&gt;20% Off&lt;/span&gt;&lt;/span&gt;
+        &lt;/div&gt;
+
+        &lt;!-- cloud hosting --&gt;
+        &lt;div class=&quot;md:flex space-y-4 md:space-y-0 mt-5 md:mt-16 text-white-dark&quot;&gt;
+            &lt;div class=&quot;p-4 lg:p-9 border ltr:md:border-r-0 rtl:md:border-l-0 border-[#e0e6ed] dark:border-[#1b2e4b] rounded-md ltr:md:rounded-r-none rtl:md:rounded-l-none transition-all duration-300 hover:shadow-[0_0_15px_1px_rgba(113,106,202,0.20)]&quot;&gt;
+                &lt;h3 class=&quot;text-xl mb-5 font-semibold text-[#0e1726] dark:text-white-light&quot;&gt;Cloud Hosting&lt;/h3&gt;
+                &lt;p&gt;cPanel/WHM included. Intel Xeon E3 with guaranteed 2GB RAM.&lt;/p&gt;
+                &lt;div class=&quot;my-7 p-2.5 text-center text-lg&quot;&gt;&lt;strong class=&quot;text-[#3b3f5c] dark:text-white-light text-xl lg:text-3xl&quot;&gt;$25&lt;/strong&gt; / monthly&lt;/div&gt;
+                &lt;div class=&quot;mb-6&quot;&gt;
+                    &lt;strong class=&quot;text-[#0e1726] dark:text-white-light text-[15px] mb-3 inline-block&quot;&gt;Cloud Hosting Features&lt;/strong&gt;
+                    &lt;ul class=&quot;space-y-3&quot;&gt;
+                        &lt;li&gt;Single Domain&lt;/li&gt;
+                        &lt;li&gt;50 GB SSD&lt;/li&gt;
+                        &lt;li&gt;1 TB Premium Bandwidth&lt;/li&gt;
+                    &lt;/ul&gt;
+                &lt;/div&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-dark w-full&quot;&gt;Buy Now&lt;/button&gt;
+            &lt;/div&gt;
+
+            &lt;!-- vps hosting --&gt;
+            &lt;div class=&quot;relative p-4 pt-14 lg:p-9 border border-[#e0e6ed] dark:border-[#1b2e4b] transition-all duration-300 rounded-t-md&quot;&gt;
+                &lt;div class=&quot;absolute top-0 md:-top-[30px] inset-x-0 bg-primary text-white h-10 flex items-center justify-center text-base rounded-t-md&quot;&gt;Most Popular&lt;/div&gt;
+                &lt;h3 class=&quot;text-xl mb-5 font-semibold text-[#0e1726] dark:text-white-light&quot;&gt;VPS Hosting&lt;/h3&gt;
+                &lt;p&gt;cPanel/WHM included. Intel Xeon E5 with guaranteed 4GB RAM.&lt;/p&gt;
+                &lt;div class=&quot;my-7 p-2.5 text-center text-lg&quot;&gt;&lt;strong class=&quot;text-primary text-xl lg:text-4xl&quot;&gt;$70&lt;/strong&gt; / monthly&lt;/div&gt;
+                &lt;div class=&quot;mb-6&quot;&gt;
+                    &lt;strong class=&quot;text-[#0e1726] dark:text-white-light text-[15px]  mb-3 inline-block&quot;&gt;VPS Hosting Features&lt;/strong&gt;
+                    &lt;ul class=&quot;space-y-3&quot;&gt;
+                        &lt;li&gt;5 Domains&lt;/li&gt;
+                        &lt;li&gt;100 GB SSD&lt;/li&gt;
+                        &lt;li&gt;2 TB Premium Bandwidth&lt;/li&gt;
+                    &lt;/ul&gt;
+                &lt;/div&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-primary w-full&quot;&gt;Buy Now&lt;/button&gt;
+            &lt;/div&gt;
+
+            &lt;!-- business hosting --&gt;
+            &lt;div class=&quot;p-4 lg:p-9 border ltr:md:border-l-0 rtl:md:border-r-0 border-[#e0e6ed] dark:border-[#1b2e4b] rounded-md ltr:md:rounded-l-none rtl:md:rounded-r-none transition-all duration-300 hover:shadow-[0_0_15px_1px_rgba(113,106,202,0.20)]&quot;&gt;
+                &lt;h3 class=&quot;text-xl mb-5 font-semibold text-[#0e1726] dark:text-white-light&quot;&gt;Business Hosting&lt;/h3&gt;
+                &lt;p&gt;cPanel/WHM included. Intel Xeon E5 with guaranteed 8GB RAM.&lt;/p&gt;
+                &lt;div class=&quot;my-7 p-2.5 text-center text-lg&quot;&gt;&lt;strong class=&quot;text-[#3b3f5c] dark:text-white-light text-xl lg:text-3xl&quot;&gt;$115&lt;/strong&gt; / monthly&lt;/div&gt;
+                &lt;div class=&quot;mb-6&quot;&gt;
+                    &lt;strong class=&quot;text-[#0e1726] dark:text-white-light text-[15px]  mb-3 inline-block&quot;&gt;Business Hosting Features&lt;/strong&gt;
+                    &lt;ul class=&quot;space-y-3&quot;&gt;
+                        &lt;li&gt;Unlimited Domains&lt;/li&gt;
+                        &lt;li&gt;1 TB SSD&lt;/li&gt;
+                        &lt;li&gt;5 TB Premium Bandwidth&lt;/li&gt;
+                    &lt;/ul&gt;
+                &lt;/div&gt;
+                &lt;button type=&quot;button&quot; class=&quot;btn btn-dark w-full&quot;&gt;Buy Now&lt;/button&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Animated -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Animated</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')">
+                        <span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code
+                        </span>
+                    </a>
+                </div>
+                <div class="mb-5">
+                    <div class="max-w-[1140px] mx-auto mt-20 dark:text-white-dark">
+                        <div class="md:flex justify-between space-y-14 md:space-y-0 md:space-x-4 rtl:space-x-reverse">
+                            <div
+                                class="border border-[#e0e6ed] dark:border-[#1b2e4b] rounded transition-all duration-300 group">
+                                <div class="border-b border-[#e0e6ed] dark:border-[#1b2e4b] p-5 pt-0">
+                                    <span
+                                        class="bg-white dark:bg-[#0e1726] text-[#3b3f5c] dark:text-white-light border-2 border-primary w-[70px] h-[70px] lg:w-[100px] lg:h-[100px] rounded flex justify-center items-center text-xl lg:text-3xl font-bold -mt-[30px] shadow-[0_0_15px_1px_rgba(113,106,202,0.20)] transition-all duration-300 group-hover:-translate-y-[10px]">$49</span>
+                                    <h3 class="text-xl lg:text-2xl mt-4 mb-2.5">Freelancer</h3>
+                                    <p class="text-[15px] ">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                                    </p>
+                                </div>
+                                <div class="p-5">
+                                    <ul class="space-y-2.5 mb-5 font-semibold">
+                                        <li>Support forum</li>
+                                        <li>Free hosting</li>
+                                        <li>2 hours of support</li>
+                                        <li>5GB of storage space</li>
+                                    </ul>
+                                    <a href="#" target="_self" class="btn btn-primary w-full">Buy Now</a>
+                                </div>
+                            </div>
+                            <div
+                                class="border border-[#e0e6ed] dark:border-[#1b2e4b] rounded transition-all duration-300 group">
+                                <div class="border-b border-[#e0e6ed] dark:border-[#1b2e4b] p-5 pt-0">
+                                    <span
+                                        class="bg-white dark:bg-[#0e1726] text-[#3b3f5c] dark:text-white-light border-2 border-primary w-[70px] h-[70px] lg:w-[100px] lg:h-[100px] rounded flex justify-center items-center text-xl lg:text-3xl font-bold -mt-[30px] shadow-[0_0_15px_1px_rgba(113,106,202,0.20)] transition-all duration-300 group-hover:-translate-y-[10px]">$89</span>
+                                    <h3 class="text-xl lg:text-2xl mt-4 mb-2.5">Small business</h3>
+                                    <p class="text-[15px] ">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                                    </p>
+                                </div>
+                                <div class="p-5">
+                                    <ul class="space-y-2.5 mb-5 font-semibold">
+                                        <li>Unlimited calls</li>
+                                        <li>Free hosting</li>
+                                        <li>10 hours of support</li>
+                                        <li>10GB of storage space</li>
+                                    </ul>
+                                    <a href="#" target="_self" class="btn btn-primary w-full">Buy Now</a>
+                                </div>
+                            </div>
+                            <div
+                                class="border border-[#e0e6ed] dark:border-[#1b2e4b] rounded transition-all duration-300 group">
+                                <div class="border-b border-[#e0e6ed] dark:border-[#1b2e4b] p-5 pt-0">
+                                    <span
+                                        class="bg-white dark:bg-[#0e1726] text-[#3b3f5c] dark:text-white-light border-2 border-primary w-[70px] h-[70px] lg:w-[100px] lg:h-[100px] rounded flex justify-center items-center text-xl lg:text-3xl font-bold -mt-[30px] shadow-[0_0_15px_1px_rgba(113,106,202,0.20)] transition-all duration-300 group-hover:-translate-y-[10px]">$129</span>
+                                    <h3 class="text-xl lg:text-2xl mt-4 mb-2.5">Larger business</h3>
+                                    <p class="text-[15px]">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                                    </p>
+                                </div>
+                                <div class="p-5">
+                                    <ul class="space-y-2.5 mb-5 font-semibold">
+                                        <li>Unlimited calls</li>
+                                        <li>Free hosting</li>
+                                        <li>Unlimited hours of support</li>
+                                        <li>1TB of storage space</li>
+                                    </ul>
+                                    <a href="#" target="_self" class="btn btn-primary w-full">Buy Now</a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- animated --&gt;
+    &lt;div class=&quot;max-w-[1140px] mx-auto mt-20 dark:text-white-dark&quot;&gt;
+        &lt;!-- freelancer --&gt;
+        &lt;div class=&quot;md:flex justify-between space-y-14 md:space-y-0 md:space-x-4 rtl:space-x-reverse&quot;&gt;
+            &lt;div class=&quot;border border-[#e0e6ed] dark:border-[#1b2e4b] rounded transition-all duration-300 group&quot;&gt;
+                &lt;div class=&quot;border-b border-[#e0e6ed] dark:border-[#1b2e4b] p-5 pt-0&quot;&gt;
+                    &lt;span class=&quot;bg-white dark:bg-[#0e1726] text-[#3b3f5c] dark:text-white-light border-2 border-primary w-[70px] h-[70px] lg:w-[100px] lg:h-[100px] rounded flex justify-center items-center text-xl lg:text-3xl font-bold -mt-[30px] shadow-[0_0_15px_1px_rgba(113,106,202,0.20)] transition-all duration-300 group-hover:-translate-y-[10px]&quot;&gt;$49&lt;/span&gt;
+                    &lt;h3 class=&quot;text-xl lg:text-2xl mt-4 mb-2.5&quot;&gt;Freelancer&lt;/h3&gt;
+                    &lt;p class=&quot;text-[15px] &quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit.&lt;/p&gt;
+                &lt;/div&gt;
+                &lt;div class=&quot;p-5&quot;&gt;
+                    &lt;ul class=&quot;space-y-2.5 mb-5 font-semibold&quot;&gt;
+                        &lt;li&gt;Support forum&lt;/li&gt;
+                        &lt;li&gt;Free hosting&lt;/li&gt;
+                        &lt;li&gt;2 hours of support&lt;/li&gt;
+                        &lt;li&gt;5GB of storage space&lt;/li&gt;
+                    &lt;/ul&gt;
+                    &lt;a href=&quot;#&quot; target=&quot;_self&quot; class=&quot;btn btn-primary w-full&quot;&gt;Buy Now&lt;/a&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+
+            &lt;!-- small business --&gt;
+            &lt;div class=&quot;border border-[#e0e6ed] dark:border-[#1b2e4b] rounded transition-all duration-300 group&quot;&gt;
+                &lt;div class=&quot;border-b border-[#e0e6ed] dark:border-[#1b2e4b] p-5 pt-0&quot;&gt;
+                    &lt;span class=&quot;bg-white dark:bg-[#0e1726] text-[#3b3f5c] dark:text-white-light border-2 border-primary w-[70px] h-[70px] lg:w-[100px] lg:h-[100px] rounded flex justify-center items-center text-xl lg:text-3xl font-bold -mt-[30px] shadow-[0_0_15px_1px_rgba(113,106,202,0.20)] transition-all duration-300 group-hover:-translate-y-[10px]&quot;&gt;$89&lt;/span&gt;
+                    &lt;h3 class=&quot;text-xl lg:text-2xl mt-4 mb-2.5&quot;&gt;Small business&lt;/h3&gt;
+                    &lt;p class=&quot;text-[15px] &quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit.&lt;/p&gt;
+                &lt;/div&gt;
+                &lt;div class=&quot;p-5&quot;&gt;
+                    &lt;ul class=&quot;space-y-2.5 mb-5 font-semibold&quot;&gt;
+                        &lt;li&gt;Unlimited calls&lt;/li&gt;
+                        &lt;li&gt;Free hosting&lt;/li&gt;
+                        &lt;li&gt;10 hours of support&lt;/li&gt;
+                        &lt;li&gt;10GB of storage space&lt;/li&gt;
+                    &lt;/ul&gt;
+                    &lt;a href=&quot;#&quot; target=&quot;_self&quot; class=&quot;btn btn-primary w-full&quot;&gt;Buy Now&lt;/a&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+
+            &lt;!-- larger business --&gt;
+            &lt;div class=&quot;border border-[#e0e6ed] dark:border-[#1b2e4b] rounded transition-all duration-300 group&quot;&gt;
+                &lt;div class=&quot;border-b border-[#e0e6ed] dark:border-[#1b2e4b] p-5 pt-0&quot;&gt;
+                    &lt;span class=&quot;bg-white dark:bg-[#0e1726] text-[#3b3f5c] dark:text-white-light border-2 border-primary w-[70px] h-[70px] lg:w-[100px] lg:h-[100px] rounded flex justify-center items-center text-xl lg:text-3xl font-bold -mt-[30px] shadow-[0_0_15px_1px_rgba(113,106,202,0.20)] transition-all duration-300 group-hover:-translate-y-[10px]&quot;&gt;$129&lt;/span&gt;
+                    &lt;h3 class=&quot;text-xl lg:text-2xl mt-4 mb-2.5&quot;&gt;Larger business&lt;/h3&gt;
+                    &lt;p class=&quot;text-[15px]&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit.&lt;/p&gt;
+                &lt;/div&gt;
+                &lt;div class=&quot;p-5&quot;&gt;
+                    &lt;ul class=&quot;space-y-2.5 mb-5 font-semibold&quot;&gt;
+                        &lt;li&gt;Unlimited calls&lt;/li&gt;
+                        &lt;li&gt;Free hosting&lt;/li&gt;
+                        &lt;li&gt;Unlimited hours of support&lt;/li&gt;
+                        &lt;li&gt;1TB of storage space&lt;/li&gt;
+                    &lt;/ul&gt;
+                    &lt;a href=&quot;#&quot; target=&quot;_self&quot; class=&quot;btn btn-primary w-full&quot;&gt;Buy Now&lt;/a&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+                yearlyPrice: false,
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/ui-components/sweetalert.blade.php b/resources/views/ui-components/sweetalert.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..d6b96484f69e813b73265c7ceb404bb5c3b3cc2d
--- /dev/null
+++ b/resources/views/ui-components/sweetalert.blade.php
@@ -0,0 +1,1176 @@
+<x-layout.default>
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Components</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Sweet Alerts</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8 sweet-alerts" x-data="form">
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a
+                    href="https://www.npmjs.com/package/sweetalert2" target="_blank"
+                    class="block hover:underline">https://www.npmjs.com/package/sweetalert2</a>
+            </div>
+
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- basic -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Basic message</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')">
+                            <span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-primary" @click="showAlert(1)">Basic message</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic message --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; @click=&quot;showAlert()&quot;&gt;Basic message&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        async function showAlert() {
+            new window.Swal({
+                title: 'Saved succesfully',
+                padding: '2em',
+                customClass: 'sweet-alerts',
+            });
+        }
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- message -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Success message</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')">
+                            <span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-secondary" @click="showAlert(2)">Success
+                                message!</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- success message --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; @click=&quot;showAlert()&quot;&gt;Success message!&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        async function showAlert() {
+            new window.Swal({
+                icon: 'success',
+                title: 'Good job!',
+                text: 'You clicked the!',
+                padding: '2em',
+                customClass: 'sweet-alerts',
+            });
+        }
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Dynamic -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Dynamic queue</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code3')">
+                            <span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-success" @click="showAlert(3)">Dynamic
+                                queue</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code3')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- dynamic queue --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-success&quot; @click=&quot;showAlert()&quot;&gt;Dynamic queue&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        async function showAlert() {
+            const ipAPI = 'https://api.ipify.org?format=json';
+            new window.Swal({
+                title: 'Your public IP',
+                confirmButtonText: 'Show my public IP',
+                text: 'Your public IP will be received ' + 'via AJAX request',
+                showLoaderOnConfirm: true,
+                customClass: 'sweet-alerts',
+                preConfirm: () =&gt; {
+                    return fetch(ipAPI)
+                        .then((response) =&gt; {
+                            return response.json();
+                        })
+                        .then((data) =&gt; {
+                            new window.Swal({
+                                title: data.ip,
+                                customClass: 'sweet-alerts',
+                            });
+                        })
+                        .catch(() =&gt; {
+                            new window.Swal({
+                                type: 'error',
+                                title: 'Unable to get your public IP',
+                                customClass: 'sweet-alerts',
+                            });
+                        });
+                },
+            });
+        }
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- A title with text -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">A title with a text under</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code5')">
+                            <span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-danger" @click="showAlert(4)">Title & text</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code5')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- success message --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot; @click=&quot;showAlert()&quot;&gt;Title &amp; text&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        async function showAlert() {
+            new window.Swal({
+                icon: 'question',
+                title: 'The Internet?',
+                text: 'That thing is still around?',
+                padding: '2em',
+                customClass: 'sweet-alerts',
+            });
+        }
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Chaining modals -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Chaining modals (queue)</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code6')">
+                            <span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-warning" @click="showAlert(5)">Chaining modals
+                                (queue)</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code6')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- success message --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-warning&quot; @click=&quot;showAlert()&quot;&gt;Chaining modals (queue)&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        async function showAlert() {
+            const steps = ['1', '2', '3'];
+            const swalQueueStep = window.Swal.mixin({
+                confirmButtonText: 'Next &rarr;',
+                showCancelButton: true,
+                progressSteps: steps,
+                input: 'text',
+                customClass: 'sweet-alerts',
+                inputAttributes: {
+                    required: true,
+                },
+                validationMessage: 'This field is required',
+                padding: '2em',
+            });
+
+            const values = [];
+            let currentStep;
+
+            for (currentStep = 0; currentStep &lt; steps.length;) {
+                const result = await swalQueueStep.fire({
+                    title: `Question ${steps[currentStep]}`,
+                    text: currentStep == 0 ? 'Chaining swal modals is easy.' : '',
+                    inputValue: values[currentStep],
+                    showCancelButton: currentStep &gt; 0,
+                    currentProgressStep: currentStep,
+                customClass: 'sweet-alerts',
+                });
+                if (result.value) {
+                    values[currentStep] = result.value;
+                    currentStep++;
+                } else if (result.dismiss === Swal.DismissReason.cancel) {
+                    currentStep--;
+                } else {
+                    break;
+                }
+            }
+
+            if (currentStep === steps.length) {
+                window.Swal.fire({
+                    title: 'All done!',
+                    padding: '2em',
+                    html: 'Your answers: &lt;pre&gt;' + JSON.stringify(values) + '&lt;/pre&gt;',
+                    confirmButtonText: 'Lovely!',
+                customClass: 'sweet-alerts',
+                });
+            }
+        } else if (type === 6) {
+            new window.Swal({
+                title: 'Custom animation with Animate.css',
+                animation: false,
+                showClass: {
+                    popup: 'animate__animated animate__flip'
+                },
+                hideClass: {
+                    popup: 'animate__animated animate__fadeOutUp'
+                },
+                padding: '2em',
+                customClass: 'sweet-alerts',
+            });
+        }
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Animation -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Custom animation</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code7')">
+                            <span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-info" @click="showAlert(6)">Custom
+                                animation</button>
+                        </div>
+                        <div class="fixed inset-0 bg-[black]/60 z-[999] transition-all duration-300 px-4 hidden">
+                            <div
+                                class="panel absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-11/12 sm:w-[480px] text-center">
+                                <h3 class="text-[#3b3f5c] dark:text-white-light text-2xl font-bold mb-5">Custom
+                                    animation with Animate.css</h3>
+                                <button type="button" class="btn btn-info">Ok</button>
+                            </div>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code7')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- success message --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-info&quot; @click=&quot;showAlert()&quot;&gt;Custom animation&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        async function showAlert() {
+            new window.Swal({
+                title: 'Custom animation with Animate.css',
+                animation: false,
+                showClass: {
+                    popup: 'animate__animated animate__flip'
+                },
+                hideClass: {
+                    popup: 'animate__animated animate__fadeOutUp'
+                },
+                padding: '2em',
+                customClass: 'sweet-alerts',
+            });
+        }
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Auto close timer -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Message with auto close timer</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code8')">
+                            <span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-primary" @click="showAlert(7)">Message
+                                timer</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code8')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- success message --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; @click=&quot;showAlert()&quot;&gt;Message timer&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        async function showAlert() {
+            let timerInterval;
+
+            new window.Swal({
+                title: 'Auto close alert!',
+                html: 'I will close in &lt;b&gt;&lt;/b&gt; milliseconds.',
+                timer: 2000,
+                timerProgressBar: true,
+                customClass: 'sweet-alerts',
+                didOpen: () =&gt; {
+                    window.Swal.showLoading();
+                    const b = window.Swal.getHtmlContainer().querySelector('b');
+                    timerInterval = setInterval(() =&gt; {
+                        b.textContent = window.Swal.getTimerLeft();
+                    }, 100);
+                },
+                willClose: () =&gt; {
+                    clearInterval(timerInterval);
+                },
+            }).then((result) =&gt; {
+                if (result.dismiss === window.Swal.DismissReason.timer) {
+                    console.log('I was closed by the timer');
+                }
+            });
+        }
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Custom image -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Message with custom image</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code9')">
+                            <span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-secondary" @click="showAlert(8)">Message with
+                                custom image</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code9')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- success message --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; @click=&quot;showAlert()&quot;&gt;Message with custom image&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        async function showAlert() {
+            new window.Swal({
+                title: 'Sweet!',
+                text: 'Modal with a custom image.',
+                imageUrl: (&quot; /assets/images/thumbs-up.jpg &quot;),
+                imageWidth: 224,
+                imageHeight: 200,
+                imageAlt: 'Custom image',
+                animation: false,
+                padding: '2em',
+                customClass: 'sweet-alerts',
+            });
+        }
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Custom HTML -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Custom HTML description and buttons
+                        </h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code10')">
+                            <span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-danger" @click="showAlert(9)">Custom Description &
+                                buttons</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code10')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- success message --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot; @click=&quot;showAlert()&quot;&gt;Custom Description &amp; buttons&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        async function showAlert() {
+            new window.Swal({
+                icon: 'info',
+                title: '&lt;i&gt;HTML&lt;/i&gt; &lt;u&gt;example&lt;/u&gt;',
+                html: 'You can use &lt;b&gt;bold text&lt;/b&gt;, ' + '&lt;a href=&quot;//github.com&quot;&gt;links&lt;/a&gt; ' + 'and other HTML tags',
+                showCloseButton: true,
+                showCancelButton: true,
+                focusConfirm: false,
+                confirmButtonText: '&lt;i class=&quot;flaticon-checked-1&quot;&gt;&lt;/i&gt; Great!',
+                confirmButtonAriaLabel: 'Thumbs up, great!',
+                cancelButtonText: '&lt;i class=&quot;flaticon-cancel-circle&quot;&gt;&lt;/i&gt; Cancel',
+                cancelButtonAriaLabel: 'Thumbs down',
+                padding: '2em',
+                customClass: 'sweet-alerts',
+            });
+        }
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Warning message -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Warning message, with "Confirm" button
+                        </h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code11')">
+                            <span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-success" @click="showAlert(10)">Confirm</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code11')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- success message --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-success&quot; @click=&quot;showAlert()&quot;&gt;Confirm&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        async function showAlert() {
+            new window.Swal({
+                icon: 'warning',
+                title: 'Are you sure?',
+                text: &quot;You won't be able to revert this!&quot;,
+                showCancelButton: true,
+                confirmButtonText: 'Delete',
+                padding: '2em',
+                customClass: 'sweet-alerts',
+            }).then((result) =&gt; {
+                if (result.value) {
+                    new window.Swal({title: 'Deleted!', text: 'Your file has been deleted.',i con: 'success',  customClass: 'sweet-alerts'  });
+                }
+            });
+        }
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Cancel -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Execute something else for "Cancel".
+                        </h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code12')">
+                            <span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-warning" @click="showAlert(11)">Addition else for
+                                "Cancel".</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code12')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- success message --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-warning&quot; @click=&quot;showAlert()&quot;&gt;Addition else for &quot;Cancel&quot;.&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        async function showAlert() {
+            const swalWithBootstrapButtons = window.Swal.mixin({
+                customClass: {
+                    popup: 'sweet-alerts',
+                    confirmButton: 'btn btn-secondary',
+                    cancelButton: 'btn btn-dark ltr:mr-3 rtl:ml-3',
+                },
+                buttonsStyling: false,
+            });
+            swalWithBootstrapButtons
+            .fire({
+                title: 'Are you sure?',
+                text: &quot;You won't be able to revert this!&quot;,
+                icon: 'warning',
+                showCancelButton: true,
+                confirmButtonText: 'Yes, delete it!',
+                cancelButtonText: 'No, cancel!',
+                reverseButtons: true,
+                padding: '2em',
+            })
+            .then((result) =&gt; {
+                if (result.value) {
+                    swalWithBootstrapButtons.fire('Deleted!', 'Your file has been deleted.', 'success');
+                } else if (result.dismiss === window.Swal.DismissReason.cancel) {
+                    swalWithBootstrapButtons.fire('Cancelled', 'Your imaginary file is safe :)', 'error');
+                }
+            });
+        }
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Custom Style -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">A message with custom width, padding
+                            and background</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code13')">
+                            <span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-info" @click="showAlert(12)">Custom
+                                Message</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code13')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- success message --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-info&quot; @click=&quot;showAlert()&quot;&gt;Custom Message&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        async function showAlert() {
+            new window.Swal({
+                title: 'Custom width, padding, background.',
+                width: 600,
+                padding: '7em',
+                customClass: 'background-modal sweet-alerts',
+                background: '#fff url(' + (&quot; /assets/images/sweet-bg.jpg &quot;) + ') no-repeat 100% 100%',
+            });
+        }
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Footer -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">With Footer</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code14')">
+                            <span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-dark" @click="showAlert(13)">With Footer</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code14')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- success message --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-dark&quot; @click=&quot;showAlert()&quot;&gt;With Footer&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        async function showAlert() {
+            new window.Swal({
+                icon: 'error',
+                title: 'Oops...',
+                text: 'Something went wrong!',
+                footer: '&lt;a href=&quot;javascript:;&quot;&gt;Why do I have this issue?&lt;/a&gt;',
+                padding: '2em',
+                customClass: 'sweet-alerts',
+            });
+        }
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- RTL -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">RTL support</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code15')">
+                            <span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center" id="rtl-container">
+                            <button type="button" class="btn btn-primary" @click="showAlert(14)">RTL</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code15')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- success message --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; @click=&quot;showAlert()&quot;&gt;RTL&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        async function showAlert() {
+            new window.Swal({
+                title: 'هل تريد الاستمرار؟',
+                confirmButtonText: 'نعم',
+                cancelButtonText: 'لا',
+                showCancelButton: true,
+                showCloseButton: true,
+                padding: '2em',
+                customClass: 'sweet-alerts',
+            });
+        }
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+                <!-- Mixin -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Mixin</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code16')">
+                            <span class="flex items-center">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex items-center justify-center">
+                            <button type="button" class="btn btn-secondary" @click="showAlert(15)">Mixin</button>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code16')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- success message --&gt;
+    &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; @click=&quot;showAlert()&quot;&gt;Mixin&lt;/button&gt;
+
+    &lt;!-- script --&gt;
+    &lt;script&gt;
+        async function showAlert() {
+            const toast = window.Swal.mixin({
+                toast: true,
+                position: 'top-end',
+                showConfirmButton: false,
+                timer: 3000,
+                padding: '2em',
+                customClass: 'sweet-alerts',
+            });
+            toast.fire({
+                icon: 'success',
+                title: 'Signed in successfully',
+                padding: '2em',
+                customClass: 'sweet-alerts',
+            });
+        }
+    &lt;/script&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        async function showAlert(type) {
+            if (type === 1) {
+                new window.Swal({
+                    title: 'Saved succesfully',
+                    padding: '2em',
+                    customClass: 'sweet-alerts'
+                });
+            } else if (type === 2) {
+                new window.Swal({
+                    icon: 'success',
+                    title: 'Good job!',
+                    text: 'You clicked the!',
+                    padding: '2em',
+                    customClass: 'sweet-alerts'
+                });
+            } else if (type === 3) {
+                const ipAPI = 'https://api.ipify.org?format=json';
+                new window.Swal({
+                    title: 'Your public IP',
+                    confirmButtonText: 'Show my public IP',
+                    text: 'Your public IP will be received ' + 'via AJAX request',
+                    showLoaderOnConfirm: true,
+                    customClass: 'sweet-alerts',
+                    preConfirm: () => {
+                        return fetch(ipAPI)
+                            .then((response) => {
+                                return response.json();
+                            })
+                            .then((data) => {
+                                new window.Swal({
+                                    title: data.ip,
+                                    customClass: 'sweet-alerts',
+                                });
+                            })
+                            .catch(() => {
+                                new window.Swal({
+                                    type: 'error',
+                                    title: 'Unable to get your public IP',
+                                    customClass: 'sweet-alerts',
+                                });
+                            });
+                    },
+                });
+            } else if (type === 4) {
+                new window.Swal({
+                    icon: 'question',
+                    title: 'The Internet?',
+                    text: 'That thing is still around?',
+                    padding: '2em',
+                    customClass: 'sweet-alerts',
+                });
+            } else if (type === 5) {
+                const steps = ['1', '2', '3'];
+                const swalQueueStep = window.Swal.mixin({
+                    confirmButtonText: 'Next →',
+                    showCancelButton: true,
+                    progressSteps: steps,
+                    input: 'text',
+                    inputAttributes: {
+                        required: true,
+                    },
+                    validationMessage: 'This field is required',
+                    padding: '2em',
+                    customClass: 'sweet-alerts'
+                });
+
+                const values = [];
+                let currentStep;
+
+                for (currentStep = 0; currentStep < steps.length;) {
+                    const result = await swalQueueStep.fire({
+                        title: `Question ${steps[currentStep]}`,
+                        text: currentStep == 0 ? 'Chaining swal modals is easy.' : '',
+                        inputValue: values[currentStep] || '',
+                        showCancelButton: currentStep > 0,
+                        currentProgressStep: currentStep,
+                        customClass: 'sweet-alerts'
+                    });
+                    if (result.value) {
+                        values[currentStep] = result.value;
+                        currentStep++;
+                    } else if (result.dismiss === Swal.DismissReason.cancel) {
+                        currentStep--;
+                    } else {
+                        break;
+                    }
+                }
+
+                if (currentStep === steps.length) {
+                    window.Swal.fire({
+                        title: 'All done!',
+                        padding: '2em',
+                        html: 'Your answers: <pre>' + JSON.stringify(values) + '</pre>',
+                        confirmButtonText: 'Lovely!',
+                        customClass: 'sweet-alerts'
+                    });
+                }
+            } else if (type === 6) {
+                new window.Swal({
+                    title: 'Custom animation with Animate.css',
+                    showClass: {
+                        popup: 'animate__animated animate__flip'
+                    },
+                    hideClass: {
+                        popup: 'animate__animated animate__fadeOutUp'
+                    },
+                    padding: '2em',
+                    customClass: 'sweet-alerts'
+                });
+            } else if (type === 7) {
+                let timerInterval;
+
+                new window.Swal({
+                    title: 'Auto close alert!',
+                    html: 'I will close in <b></b> milliseconds.',
+                    timer: 2000,
+                    timerProgressBar: true,
+                    customClass: 'sweet-alerts',
+                    didOpen: () => {
+                        window.Swal.showLoading();
+                        const b = window.Swal.getHtmlContainer().querySelector('b');
+                        timerInterval = setInterval(() => {
+                            b.textContent = window.Swal.getTimerLeft();
+                        }, 100);
+                    },
+                    willClose: () => {
+                        clearInterval(timerInterval);
+                    },
+                }).then((result) => {
+                    if (result.dismiss === window.Swal.DismissReason.timer) {
+                        console.log('I was closed by the timer');
+                    }
+                });
+            } else if (type === 8) {
+                new window.Swal({
+                    title: 'Sweet!',
+                    text: 'Modal with a custom image.',
+                    imageUrl: ("/assets/images/custom-swal.svg"),
+                    imageWidth: 224,
+                    imageHeight: 'auto',
+                    imageAlt: 'Custom image',
+                    animation: false,
+                    padding: '2em',
+                    customClass: 'sweet-alerts'
+                });
+            } else if (type === 9) {
+                new window.Swal({
+                    icon: 'info',
+                    title: '<i>HTML</i> <u>example</u>',
+                    html: 'You can use <b>bold text</b>, ' + '<a href="//github.com">links</a> ' +
+                        'and other HTML tags',
+                    showCloseButton: true,
+                    showCancelButton: true,
+                    focusConfirm: false,
+                    confirmButtonText: '<i class="flaticon-checked-1"></i> Great!',
+                    confirmButtonAriaLabel: 'Thumbs up, great!',
+                    cancelButtonText: '<i class="flaticon-cancel-circle"></i> Cancel',
+                    cancelButtonAriaLabel: 'Thumbs down',
+                    padding: '2em',
+                    customClass: 'sweet-alerts'
+                });
+            } else if (type === 10) {
+                new window.Swal({
+                    icon: 'warning',
+                    title: 'Are you sure?',
+                    text: "You won't be able to revert this!",
+                    showCancelButton: true,
+                    confirmButtonText: 'Delete',
+                    padding: '2em',
+                    customClass: 'sweet-alerts'
+                }).then((result) => {
+                    if (result.value) {
+                        new window.Swal({
+                            title: 'Deleted!',
+                            text: 'Your file has been deleted.',
+                            icon: 'success',
+                            customClass: 'sweet-alerts'
+                        });
+                    }
+                });
+            } else if (type === 11) {
+                const swalWithBootstrapButtons = window.Swal.mixin({
+                    customClass: {
+                        popup: 'sweet-alerts',
+                        confirmButton: 'btn btn-secondary',
+                        cancelButton: 'btn btn-dark ltr:mr-3 rtl:ml-3',
+                    },
+                    buttonsStyling: false,
+                });
+                swalWithBootstrapButtons
+                    .fire({
+                        title: 'Are you sure?',
+                        text: "You won't be able to revert this!",
+                        icon: 'warning',
+                        showCancelButton: true,
+                        confirmButtonText: 'Yes, delete it!',
+                        cancelButtonText: 'No, cancel!',
+                        reverseButtons: true,
+                        padding: '2em',
+                    })
+                    .then((result) => {
+                        if (result.value) {
+                            swalWithBootstrapButtons.fire('Deleted!', 'Your file has been deleted.', 'success');
+                        } else if (result.dismiss === window.Swal.DismissReason.cancel) {
+                            swalWithBootstrapButtons.fire('Cancelled', 'Your imaginary file is safe :)', 'error');
+                        }
+                    });
+            } else if (type === 12) {
+                new window.Swal({
+                    title: 'Custom width, padding, background.',
+                    width: 600,
+                    padding: '7em',
+                    customClass: 'background-modal sweet-alerts',
+                    background: '#fff url(' + ("/assets/images/sweet-bg.jpg") +
+                        ') no-repeat 100% 100%',
+                });
+            } else if (type === 13) {
+                new window.Swal({
+                    icon: 'error',
+                    title: 'Oops...',
+                    text: 'Something went wrong!',
+                    footer: '<a href="javascript:;">Why do I have this issue?</a>',
+                    padding: '2em',
+                    customClass: 'sweet-alerts'
+                });
+            } else if (type === 14) {
+                new window.Swal({
+                    title: 'هل تريد الاستمرار؟',
+                    confirmButtonText: 'نعم',
+                    cancelButtonText: 'لا',
+                    showCancelButton: true,
+                    showCloseButton: true,
+                    padding: '2em',
+                    customClass: 'sweet-alerts'
+                });
+            } else if (type === 15) {
+                const toast = window.Swal.mixin({
+                    toast: true,
+                    position: 'top-end',
+                    showConfirmButton: false,
+                    timer: 3000,
+                });
+                toast.fire({
+                    icon: 'success',
+                    title: 'Signed in successfully',
+                    padding: '10px 20px',
+                });
+            }
+        };
+
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/ui-components/tabs.blade.php b/resources/views/ui-components/tabs.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..9f7ef0ecd208f69766f768154fe72971557220b0
--- /dev/null
+++ b/resources/views/ui-components/tabs.blade.php
@@ -0,0 +1,3958 @@
+<x-layout.default>
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Components</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Tabs</span>
+            </li>
+        </ul>
+        <div class="pt-5 space-y-8" x-data="form">
+            <div class="panel p-3 flex items-center text-primary overflow-x-auto whitespace-nowrap">
+                <div class="ring-2 ring-primary/30 rounded-full bg-primary text-white p-1.5 ltr:mr-3 rtl:ml-3">
+
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5">
+                        <path
+                            d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
+                            stroke="currentColor" stroke-width="1.5" />
+                        <path opacity="0.5"
+                            d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <span class="ltr:mr-3 rtl:ml-3">Documentation: </span><a href="https://alpinejs.dev/component/tabs"
+                    target="_blank" class="block hover:underline">https://alpinejs.dev/component/tabs</a>
+            </div>
+
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- Simple Tabs -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Simple Tabs</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code1')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ tab: 'home' }">
+                        <div>
+                            <ul class="flex flex-wrap mt-3 border-b border-white-light dark:border-[#191e3a]">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block border border-transparent hover:text-primary dark:hover:border-b-black"
+                                        :class="{
+                                            '!border-white-light !border-b-white  text-primary dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                'home'
+                                        }"
+                                        @click="tab = 'home'">Home</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block border border-transparent hover:text-primary dark:hover:border-[#191e3a] dark:hover:border-b-black"
+                                        :class="{
+                                            '!border-white-light !border-b-white text-primary dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                'profile'
+                                        }"
+                                        @click="tab = 'profile'">Profile</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block border border-transparent hover:text-primary dark:hover:border-[#191e3a] dark:hover:border-b-black"
+                                        :class="{
+                                            '!border-white-light !border-b-white text-primary dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                'contact'
+                                        }"
+                                        @click="tab = 'contact'">Contact</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block pointer-events-none text-white-light dark:text-dark">Disabled</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="pt-5 flex-1 text-sm">
+                            <template x-if="tab === 'home'">
+                                <div class="active">
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'disabled'">
+                                <div>Disabled</div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code1')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- simple tabs --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{tab: 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div&gt;
+            &lt;ul class=&quot;flex flex-wrap mt-3 border-b border-white-light dark:border-[#191e3a]&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-transparent hover:text-primary dark:hover:border-b-black&quot; :class=&quot;{'!border-white-light !border-b-white  text-primary dark:!border-[#191e3a] dark:!border-b-black' : tab  === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;Home&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-transparent hover:text-primary dark:hover:border-[#191e3a] dark:hover:border-b-black&quot; :class=&quot;{'!border-white-light !border-b-white text-primary dark:!border-[#191e3a] dark:!border-b-black' : tab  === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;Profile&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-transparent hover:text-primary dark:hover:border-[#191e3a] dark:hover:border-b-black&quot; :class=&quot;{'!border-white-light !border-b-white text-primary dark:!border-[#191e3a] dark:!border-b-black' : tab  === 'contact'}&quot; @click=&quot;tab = 'contact'&quot;&gt;Contact&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block pointer-events-none text-white-light dark:text-dark&quot;&gt;Disabled&lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;pt-5 flex-1 text-sm&quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div class=&quot;active&quot;&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'disabled'&quot;&gt;
+                &lt;div&gt;Disabled&lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Simple Pills -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Simple Pills</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code2')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ tab: 'home' }">
+                        <div>
+                            <ul class="flex flex-wrap mt-3">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] ltr:mr-2 rtl:ml-2 block rounded hover:bg-primary hover:text-white"
+                                        :class="{ 'bg-primary text-white': tab === 'home' }"
+                                        @click="tab = 'home'">Home</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] ltr:mr-2 rtl:ml-2 block rounded hover:bg-primary hover:text-white"
+                                        :class="{ 'bg-primary text-white': tab === 'profile' }"
+                                        @click="tab = 'profile'">Profile</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] ltr:mr-2 rtl:ml-2 block rounded hover:bg-primary hover:text-white"
+                                        :class="{ 'bg-primary text-white': tab === 'contact' }"
+                                        @click="tab = 'contact'">Contact</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block rounded pointer-events-none text-white-light dark:text-dark">Disabled</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="pt-5 flex-1 text-sm">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'disabled'">
+                                <div>Disabled</div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code2')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- simple pills --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{tab: 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div&gt;
+            &lt;ul class=&quot;flex flex-wrap mt-3&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] ltr:mr-2 rtl:ml-2 block rounded hover:bg-primary hover:text-white&quot; :class=&quot;{'bg-primary text-white' : tab === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;Home&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] ltr:mr-2 rtl:ml-2 block rounded hover:bg-primary hover:text-white&quot; :class=&quot;{'bg-primary text-white' : tab === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;Profile&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] ltr:mr-2 rtl:ml-2 block rounded hover:bg-primary hover:text-white&quot; :class=&quot;{'bg-primary text-white' : tab === 'contact'}&quot; @click=&quot;tab = 'contact'&quot;&gt;Contact&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block rounded pointer-events-none text-white-light dark:text-dark&quot;&gt;Disabled&lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;pt-5 flex-1 text-sm&quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'disabled'&quot;&gt;
+                &lt;div&gt;Disabled&lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Icon Tabs -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Icon Tabs</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code3')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ tab: 'home' }">
+                        <div>
+                            <ul class="flex flex-wrap mt-3 border-b border-white-light dark:border-[#191e3a]">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] flex items-center border border-transparent hover:text-danger dark:hover:border-b-black"
+                                        :class="{
+                                            '!border-white-light !border-b-white text-danger dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                'home'
+                                        }"
+                                        @click="tab = 'home'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <path opacity="0.5"
+                                                d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" />
+                                        </svg>
+                                        Home
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] flex items-center border border-transparent hover:text-danger"
+                                        :class=" {
+                                             '!border-white-light !border-b-white text-danger dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                 'profile'
+                                         }"
+                                        @click="tab = 'profile'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <circle cx="12" cy="6" r="4"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                                ry="4" stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                        Profile
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] flex items-center border border-transparent hover:text-danger"
+                                        :class=" {
+                                             '!border-white-light !border-b-white text-danger dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                 'contact'
+                                         }"
+                                        @click="tab = 'contact'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <path
+                                                d="M16.1007 13.359L16.5562 12.9062C17.1858 12.2801 18.1672 12.1515 18.9728 12.5894L20.8833 13.628C22.1102 14.2949 22.3806 15.9295 21.4217 16.883L20.0011 18.2954C19.6399 18.6546 19.1917 18.9171 18.6763 18.9651M4.00289 5.74561C3.96765 5.12559 4.25823 4.56668 4.69185 4.13552L6.26145 2.57483C7.13596 1.70529 8.61028 1.83992 9.37326 2.85908L10.6342 4.54348C11.2507 5.36691 11.1841 6.49484 10.4775 7.19738L10.1907 7.48257"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M18.6763 18.9651C17.0469 19.117 13.0622 18.9492 8.8154 14.7266C4.81076 10.7447 4.09308 7.33182 4.00293 5.74561"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M16.1007 13.3589C16.1007 13.3589 15.0181 14.4353 12.0631 11.4971C9.10807 8.55886 10.1907 7.48242 10.1907 7.48242"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        </svg>
+                                        Contact
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] flex items-center pointer-events-none text-white-light dark:text-dark">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <circle opacity="0.5" cx="12" cy="12" r="10"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path d="M12 7V13" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" />
+                                            <circle cx="12" cy="16" r="1"
+                                                fill="currentColor" />
+                                        </svg>
+                                        Disabled
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="pt-5 flex-1 text-sm">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'disabled'">
+                                <div>Disabled</div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code3')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- icon tabs --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{tab: 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div&gt;
+            &lt;ul class=&quot;flex flex-wrap mt-3 border-b border-white-light dark:border-[#191e3a]&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] flex items-center border border-transparent hover:text-danger dark:hover:border-b-black&quot; :class=&quot;{'!border-white-light !border-b-white text-danger dark:!border-[#191e3a] dark:!border-b-black' : tab === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                        Home
+                    &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] flex items-center border border-transparent hover:text-danger&quot; :class=&quot; {'!border-white-light !border-b-white text-danger dark:!border-[#191e3a] dark:!border-b-black' : tab==='profile' }&quot; @click=&quot;tab = 'profile'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                        Profile
+                    &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] flex items-center border border-transparent hover:text-danger&quot; :class=&quot; {'!border-white-light !border-b-white text-danger dark:!border-[#191e3a] dark:!border-b-black' : tab==='contact' }&quot; @click=&quot;tab = 'contact'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                        Contact
+                    &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] flex items-center pointer-events-none text-white-light dark:text-dark&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                        Disabled
+                    &lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;pt-5 flex-1 text-sm&quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'disabled'&quot;&gt;
+                &lt;div&gt;Disabled&lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Icon Pills -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Icon Pills</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code4')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ tab: 'home' }">
+                        <div>
+                            <ul class="flex flex-wrap mt-3 gap-2">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] flex items-center rounded hover:bg-warning hover:text-white"
+                                        :class="{ 'bg-warning text-white': tab === 'home' }" @click="tab = 'home'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <path opacity="0.5"
+                                                d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" />
+                                        </svg>
+                                        Home</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] flex items-center rounded hover:bg-warning hover:text-white"
+                                        :class="{ 'bg-warning text-white': tab === 'profile' }"
+                                        @click="tab = 'profile'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <circle cx="12" cy="6" r="4"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                                ry="4" stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                        Profile</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] flex items-center rounded hover:bg-warning hover:text-white"
+                                        :class="{ 'bg-warning text-white': tab === 'contact' }"
+                                        @click="tab = 'contact'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <path
+                                                d="M16.1007 13.359L16.5562 12.9062C17.1858 12.2801 18.1672 12.1515 18.9728 12.5894L20.8833 13.628C22.1102 14.2949 22.3806 15.9295 21.4217 16.883L20.0011 18.2954C19.6399 18.6546 19.1917 18.9171 18.6763 18.9651M4.00289 5.74561C3.96765 5.12559 4.25823 4.56668 4.69185 4.13552L6.26145 2.57483C7.13596 1.70529 8.61028 1.83992 9.37326 2.85908L10.6342 4.54348C11.2507 5.36691 11.1841 6.49484 10.4775 7.19738L10.1907 7.48257"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M18.6763 18.9651C17.0469 19.117 13.0622 18.9492 8.8154 14.7266C4.81076 10.7447 4.09308 7.33182 4.00293 5.74561"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M16.1007 13.3589C16.1007 13.3589 15.0181 14.4353 12.0631 11.4971C9.10807 8.55886 10.1907 7.48242 10.1907 7.48242"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        </svg>
+                                        Contact</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] flex items-center rounded pointer-events-none text-white-light dark:text-dark">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <circle opacity="0.5" cx="12" cy="12" r="10"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path d="M12 7V13" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" />
+                                            <circle cx="12" cy="16" r="1"
+                                                fill="currentColor" />
+                                        </svg>
+                                        Disabled</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="pt-5 flex-1 text-sm">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'disabled'">
+                                <div>Disabled</div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code4')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- icon pills --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{tab: 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div&gt;
+            &lt;ul class=&quot;flex flex-wrap mt-3 gap-2&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] flex items-center rounded hover:bg-warning hover:text-white&quot; :class=&quot;{'bg-warning text-white' : tab  === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;Home&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] flex items-center rounded hover:bg-warning hover:text-white&quot; :class=&quot;{'bg-warning text-white' : tab  === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;Profile&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] flex items-center rounded hover:bg-warning hover:text-white&quot; :class=&quot;{'bg-warning text-white' : tab  === 'contact'}&quot; @click=&quot;tab = 'contact'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;Contact&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] flex items-center rounded pointer-events-none text-white-light dark:text-dark&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt;Disabled&lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;pt-5 flex-1 text-sm&quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'disabled'&quot;&gt;
+                &lt;div&gt;Disabled&lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Vertical Border -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Vertical Bordered</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code5')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5 flex flex-col sm:flex-row" x-data="{ tab: 'home' }">
+                        <div class="mx-10 mb-5 sm:mb-0">
+                            <ul class="w-24 m-auto text-center">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block border border-white-light dark:border-[#191e3a] hover:bg-success hover:text-white"
+                                        :class="{ 'bg-success text-white': tab === 'home' }"
+                                        @click="tab = 'home'">Home</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block border border-white-light dark:border-[#191e3a] hover:bg-success hover:text-white"
+                                        :class="{ 'bg-success text-white': tab === 'profile' }"
+                                        @click="tab = 'profile'">Profile</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block border border-white-light dark:border-[#191e3a] hover:bg-success hover:text-white"
+                                        :class="{ 'bg-success text-white': tab === 'messages' }"
+                                        @click="tab = 'messages'">Messages</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block border border-white-light dark:border-[#191e3a] hover:bg-success hover:text-white"
+                                        :class="{ 'bg-success text-white': tab === 'settings' }"
+                                        @click="tab = 'settings'">Settings</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="flex-1 text-sm ">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'messages'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'settings'">
+                                <div>
+                                    <blockquote
+                                        class="text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]">
+                                        <div class="flex items-start">
+                                            <p class="not-italic text-[#515365] text-sm dark:text-white-dark m-0">Lorem
+                                                ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                                                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                                veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                                commodo.</p>
+                                        </div>
+                                    </blockquote>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code5')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- vertical border --&gt;
+    &lt;div class=&quot;mb-5 flex flex-col sm:flex-row&quot; x-data=&quot;{tab: 'home'}&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;div class=&quot;mx-10 mb-5 sm:mb-0&quot;&gt;
+            &lt;ul class=&quot;w-24 m-auto text-center&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-white-light dark:border-[#191e3a] hover:bg-success hover:text-white&quot; :class=&quot;{'bg-success text-white' : tab  === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;Home&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-white-light dark:border-[#191e3a] hover:bg-success hover:text-white&quot; :class=&quot;{'bg-success text-white' : tab  === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;Profile&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-white-light dark:border-[#191e3a] hover:bg-success hover:text-white&quot; :class=&quot;{'bg-success text-white' : tab  === 'messages'}&quot; @click=&quot;tab = 'messages'&quot;&gt;Messages&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-white-light dark:border-[#191e3a] hover:bg-success hover:text-white&quot; :class=&quot;{'bg-success text-white' : tab  === 'settings'}&quot; @click=&quot;tab = 'settings'&quot;&gt;Settings&lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;flex-1 text-sm &quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'messages'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'settings'&quot;&gt;
+                &lt;div&gt;
+                    &lt;blockquote class=&quot;text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]&quot;&gt;
+                        &lt;div class=&quot;flex items-start&quot;&gt;
+                            &lt;p class=&quot;not-italic text-[#515365] text-sm dark:text-white-dark m-0&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/blockquote&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Border Tabs -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Border Tabs</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code6')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ tab: 'home' }">
+                        <div>
+                            <ul class="flex flex-wrap mt-3 border-b border-white-light dark:border-[#191e3a] ">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] flex items-center border border-transparent hover:text-danger"
+                                        :class=" {
+                                             '!border-white-light !border-b-white text-danger dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                 'home'
+                                         }"
+                                        @click="tab = 'home'" @click="tab = 'home'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <path opacity="0.5"
+                                                d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" />
+                                        </svg>
+                                        Home
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] flex items-center border border-transparent hover:text-danger"
+                                        :class=" {
+                                             '!border-white-light !border-b-white text-danger dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                 'profile'
+                                         }"
+                                        @click="tab = 'profile'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <circle cx="12" cy="6" r="4"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                                ry="4" stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                        Profile
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] flex items-center border border-transparent hover:text-danger"
+                                        :class=" {
+                                             '!border-white-light !border-b-white text-danger dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                 'contact'
+                                         }"
+                                        @click="tab = 'contact'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <path
+                                                d="M16.1007 13.359L16.5562 12.9062C17.1858 12.2801 18.1672 12.1515 18.9728 12.5894L20.8833 13.628C22.1102 14.2949 22.3806 15.9295 21.4217 16.883L20.0011 18.2954C19.6399 18.6546 19.1917 18.9171 18.6763 18.9651M4.00289 5.74561C3.96765 5.12559 4.25823 4.56668 4.69185 4.13552L6.26145 2.57483C7.13596 1.70529 8.61028 1.83992 9.37326 2.85908L10.6342 4.54348C11.2507 5.36691 11.1841 6.49484 10.4775 7.19738L10.1907 7.48257"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M18.6763 18.9651C17.0469 19.117 13.0622 18.9492 8.8154 14.7266C4.81076 10.7447 4.09308 7.33182 4.00293 5.74561"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M16.1007 13.3589C16.1007 13.3589 15.0181 14.4353 12.0631 11.4971C9.10807 8.55886 10.1907 7.48242 10.1907 7.48242"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        </svg>
+                                        Contact
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="p-4 flex-1 text-sm border border-white-light border-t-0  dark:border-[#191e3a]">
+                            <template x-if="tab === 'home'">
+                                <div class="active">
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code6')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- border tabs --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{tab: 'home'}&quot;&gt;
+        &lt;!-- button --&gt;
+        &lt;div&gt;
+            &lt;ul class=&quot;flex flex-wrap mt-3 border-b border-white-light dark:border-[#191e3a] &quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] flex items-center border border-transparent hover:text-danger&quot; :class=&quot; {'!border-white-light !border-b-white text-danger dark:!border-[#191e3a] dark:!border-b-black' : tab==='home' }&quot; @click=&quot;tab = 'home'&quot; @click=&quot;tab = 'home'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                        Home
+                    &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] flex items-center border border-transparent hover:text-danger&quot; :class=&quot; {'!border-white-light !border-b-white text-danger dark:!border-[#191e3a] dark:!border-b-black' : tab==='profile' }&quot; @click=&quot;tab = 'profile'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                        Profile
+                    &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] flex items-center border border-transparent hover:text-danger&quot; :class=&quot; {'!border-white-light !border-b-white text-danger dark:!border-[#191e3a] dark:!border-b-black' : tab==='contact' }&quot; @click=&quot;tab = 'contact'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                        Contact
+                    &lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;p-4 flex-1 text-sm border border-white-light border-t-0  dark:border-[#191e3a]&quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div class=&quot;active&quot;&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+
+                <!-- Border Top -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Border Top</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code7')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ tab: 'home' }">
+                        <div>
+                            <ul class="flex flex-wrap mt-3 mb-5">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-7 py-3 flex items-center bg-[#f6f7f8] dark:bg-transparent border-transparent border-t-2 dark:hover:bg-[#191e3a] hover:border-secondary hover:text-secondary"
+                                        :class="{ '!border-secondary text-secondary dark:bg-[#191e3a]': tab === 'home' }"
+                                        @click="tab = 'home'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <path opacity="0.5"
+                                                d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" />
+                                        </svg>
+                                        Home
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-7 py-3 flex items-center bg-[#f6f7f8] dark:bg-transparent dark:hover:bg-[#191e3a] border-transparent border-t-2  hover:border-secondary hover:text-secondary"
+                                        :class="{ '!border-secondary text-secondary dark:bg-[#191e3a]': tab === 'profile' }"
+                                        @click="tab = 'profile'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <circle cx="12" cy="6" r="4"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                                ry="4" stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                        Profile
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-7 py-3 flex items-center bg-[#f6f7f8] dark:bg-transparent dark:hover:bg-[#191e3a] border-transparent border-t-2  hover:border-secondary hover:text-secondary"
+                                        :class="{ '!border-secondary text-secondary dark:bg-[#191e3a]': tab === 'contact' }"
+                                        @click="tab = 'contact'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <path
+                                                d="M16.1007 13.359L16.5562 12.9062C17.1858 12.2801 18.1672 12.1515 18.9728 12.5894L20.8833 13.628C22.1102 14.2949 22.3806 15.9295 21.4217 16.883L20.0011 18.2954C19.6399 18.6546 19.1917 18.9171 18.6763 18.9651M4.00289 5.74561C3.96765 5.12559 4.25823 4.56668 4.69185 4.13552L6.26145 2.57483C7.13596 1.70529 8.61028 1.83992 9.37326 2.85908L10.6342 4.54348C11.2507 5.36691 11.1841 6.49484 10.4775 7.19738L10.1907 7.48257"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M18.6763 18.9651C17.0469 19.117 13.0622 18.9492 8.8154 14.7266C4.81076 10.7447 4.09308 7.33182 4.00293 5.74561"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M16.1007 13.3589C16.1007 13.3589 15.0181 14.4353 12.0631 11.4971C9.10807 8.55886 10.1907 7.48242 10.1907 7.48242"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        </svg>
+                                        Contact
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-7 py-3 flex items-center bg-[#f6f7f8] dark:bg-transparent dark:hover:bg-[#191e3a] border-transparent border-t-2 hover:border-secondary hover:text-secondary"
+                                        :class="{ '!border-secondary text-secondary dark:bg-[#191e3a]': tab === 'settings' }"
+                                        @click="tab = 'settings'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <circle cx="12" cy="12" r="3"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <path opacity="0.5"
+                                                d="M13.7654 2.15224C13.3978 2 12.9319 2 12 2C11.0681 2 10.6022 2 10.2346 2.15224C9.74457 2.35523 9.35522 2.74458 9.15223 3.23463C9.05957 3.45834 9.0233 3.7185 9.00911 4.09799C8.98826 4.65568 8.70226 5.17189 8.21894 5.45093C7.73564 5.72996 7.14559 5.71954 6.65219 5.45876C6.31645 5.2813 6.07301 5.18262 5.83294 5.15102C5.30704 5.08178 4.77518 5.22429 4.35436 5.5472C4.03874 5.78938 3.80577 6.1929 3.33983 6.99993C2.87389 7.80697 2.64092 8.21048 2.58899 8.60491C2.51976 9.1308 2.66227 9.66266 2.98518 10.0835C3.13256 10.2756 3.3397 10.437 3.66119 10.639C4.1338 10.936 4.43789 11.4419 4.43786 12C4.43783 12.5581 4.13375 13.0639 3.66118 13.3608C3.33965 13.5629 3.13248 13.7244 2.98508 13.9165C2.66217 14.3373 2.51966 14.8691 2.5889 15.395C2.64082 15.7894 2.87379 16.193 3.33973 17C3.80568 17.807 4.03865 18.2106 4.35426 18.4527C4.77508 18.7756 5.30694 18.9181 5.83284 18.8489C6.07289 18.8173 6.31632 18.7186 6.65204 18.5412C7.14547 18.2804 7.73556 18.27 8.2189 18.549C8.70224 18.8281 8.98826 19.3443 9.00911 19.9021C9.02331 20.2815 9.05957 20.5417 9.15223 20.7654C9.35522 21.2554 9.74457 21.6448 10.2346 21.8478C10.6022 22 11.0681 22 12 22C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8477 20.7654C14.9404 20.5417 14.9767 20.2815 14.9909 19.902C15.0117 19.3443 15.2977 18.8281 15.781 18.549C16.2643 18.2699 16.8544 18.2804 17.3479 18.5412C17.6836 18.7186 17.927 18.8172 18.167 18.8488C18.6929 18.9181 19.2248 18.7756 19.6456 18.4527C19.9612 18.2105 20.1942 17.807 20.6601 16.9999C21.1261 16.1929 21.3591 15.7894 21.411 15.395C21.4802 14.8691 21.3377 14.3372 21.0148 13.9164C20.8674 13.7243 20.6602 13.5628 20.3387 13.3608C19.8662 13.0639 19.5621 12.558 19.5621 11.9999C19.5621 11.4418 19.8662 10.9361 20.3387 10.6392C20.6603 10.4371 20.8675 10.2757 21.0149 10.0835C21.3378 9.66273 21.4803 9.13087 21.4111 8.60497C21.3592 8.21055 21.1262 7.80703 20.6602 7C20.1943 6.19297 19.9613 5.78945 19.6457 5.54727C19.2249 5.22436 18.693 5.08185 18.1671 5.15109C17.9271 5.18269 17.6837 5.28136 17.3479 5.4588C16.8545 5.71959 16.2644 5.73002 15.7811 5.45096C15.2977 5.17191 15.0117 4.65566 14.9909 4.09794C14.9767 3.71848 14.9404 3.45833 14.8477 3.23463C14.6448 2.74458 14.2554 2.35523 13.7654 2.15224Z"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                        </svg>
+                                        Settings
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="flex-1 text-sm ">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'settings'">
+                                <div>
+                                    <blockquote
+                                        class="text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]">
+                                        <div class="flex items-start">
+                                            <p class="not-italic text-[#515365] text-sm dark:text-white-dark m-0">Lorem
+                                                ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                                                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                                veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                                commodo.</p>
+                                        </div>
+                                    </blockquote>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code7')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- border top --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{tab: 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div&gt;
+            &lt;ul class=&quot;flex flex-wrap mt-3 mb-5&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-7 py-3 flex items-center bg-[#f6f7f8] dark:bg-transparent border-transparent border-t-2 dark:hover:bg-[#191e3a] hover:border-secondary hover:text-secondary&quot; :class=&quot;{'!border-secondary text-secondary dark:bg-[#191e3a]' : tab === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                        Home
+                    &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-7 py-3 flex items-center bg-[#f6f7f8] dark:bg-transparent dark:hover:bg-[#191e3a] border-transparent border-t-2  hover:border-secondary hover:text-secondary&quot; :class=&quot;{'!border-secondary text-secondary dark:bg-[#191e3a]' : tab === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                        Profile
+                    &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-7 py-3 flex items-center bg-[#f6f7f8] dark:bg-transparent dark:hover:bg-[#191e3a] border-transparent border-t-2  hover:border-secondary hover:text-secondary&quot; :class=&quot;{'!border-secondary text-secondary dark:bg-[#191e3a]' : tab === 'contact'}&quot; @click=&quot;tab = 'contact'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                        Contact
+                    &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-7 py-3 flex items-center bg-[#f6f7f8] dark:bg-transparent dark:hover:bg-[#191e3a] border-transparent border-t-2 hover:border-secondary hover:text-secondary&quot; :class=&quot;{'!border-secondary text-secondary dark:bg-[#191e3a]' : tab === 'settings'}&quot; @click=&quot;tab = 'settings'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;
+                        Settings
+                    &lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;flex-1 text-sm &quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'settings'&quot;&gt;
+                &lt;div&gt;
+                    &lt;blockquote class=&quot;text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]&quot;&gt;
+                        &lt;div class=&quot;flex items-start&quot;&gt;
+                            &lt;p class=&quot;not-italic text-[#515365] text-sm dark:text-white-dark m-0&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/blockquote&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Line -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Line</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code8')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ tab: 'home' }">
+                        <div>
+                            <ul class="flex flex-wrap mt-3 mb-5 border-b border-white-light dark:border-[#191e3a]">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-5 py-3 -mb-[1px] flex items-center hover:border-b border-transparent hover:!border-secondary hover:text-secondary"
+                                        :class="{ 'border-b !border-secondary text-secondary': tab === 'home' }"
+                                        @click="tab = 'home'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <path opacity="0.5"
+                                                d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" />
+                                        </svg>
+                                        Home</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-5 py-3 -mb-[1px] flex items-center hover:border-b border-transparent hover:!border-secondary hover:text-secondary"
+                                        :class="{ 'border-b !border-secondary text-secondary': tab === 'profile' }"
+                                        @click="tab = 'profile'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <circle cx="12" cy="6" r="4"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                                ry="4" stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+                                        Profile</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-5 py-3 -mb-[1px] flex items-center hover:border-b border-transparent hover:!border-secondary hover:text-secondary"
+                                        :class="{ 'border-b !border-secondary text-secondary': tab === 'contact' }"
+                                        @click="tab='contact'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <path
+                                                d="M16.1007 13.359L16.5562 12.9062C17.1858 12.2801 18.1672 12.1515 18.9728 12.5894L20.8833 13.628C22.1102 14.2949 22.3806 15.9295 21.4217 16.883L20.0011 18.2954C19.6399 18.6546 19.1917 18.9171 18.6763 18.9651M4.00289 5.74561C3.96765 5.12559 4.25823 4.56668 4.69185 4.13552L6.26145 2.57483C7.13596 1.70529 8.61028 1.83992 9.37326 2.85908L10.6342 4.54348C11.2507 5.36691 11.1841 6.49484 10.4775 7.19738L10.1907 7.48257"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M18.6763 18.9651C17.0469 19.117 13.0622 18.9492 8.8154 14.7266C4.81076 10.7447 4.09308 7.33182 4.00293 5.74561"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M16.1007 13.3589C16.1007 13.3589 15.0181 14.4353 12.0631 11.4971C9.10807 8.55886 10.1907 7.48242 10.1907 7.48242"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        </svg>
+                                        Contact</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="flex-1 text-sm ">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code8')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- line --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{ tab: 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div&gt;
+            &lt;ul class=&quot;flex flex-wrap mt-3 mb-5 border-b border-white-light dark:border-[#191e3a]&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-5 py-3 -mb-[1px] flex items-center hover:border-b border-transparent hover:!border-secondary hover:text-secondary&quot; :class=&quot;{'border-b !border-secondary text-secondary' : tab === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;Home&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-5 py-3 -mb-[1px] flex items-center hover:border-b border-transparent hover:!border-secondary hover:text-secondary&quot; :class=&quot;{'border-b !border-secondary text-secondary' : tab === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;Profile&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-5 py-3 -mb-[1px] flex items-center hover:border-b border-transparent hover:!border-secondary hover:text-secondary&quot; :class=&quot;{'border-b !border-secondary text-secondary' : tab === 'contact'}&quot; @click=&quot;tab='contact'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;Contact&lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;flex-1 text-sm &quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Animated line -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Animated Line</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code9')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ tab: 'home' }">
+                        <div>
+                            <ul class="flex flex-wrap mt-3 mb-5 border-b border-white-light dark:border-[#191e3a]">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-5 py-3 -mb-[1px] flex items-center relative before:transition-all before:duration-700 before:absolute hover:text-secondary before:bottom-0 before:w-0 before:left-0 before:right-0 before:m-auto before:h-[1px] before:bg-secondary hover:before:w-full"
+                                        :class="{ 'before:!w-full text-secondary': tab === 'home' }"
+                                        @click="tab='home'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <path opacity="0.5"
+                                                d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round" />
+                                        </svg>
+
+                                        Home</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-5 py-3 -mb-[1px] flex items-center relative before:transition-all before:duration-700 hover:text-secondary before:absolute before:w-0 before:bottom-0 before:left-0 before:right-0 before:m-auto before:h-[1px] before:bg-secondary hover:before:w-full"
+                                        :class="{ 'before:!w-full text-secondary': tab === 'profile' }"
+                                        @click="tab='profile'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <circle cx="12" cy="6" r="4"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                                ry="4" stroke="currentColor" stroke-width="1.5" />
+                                        </svg>
+
+                                        Profile</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-5 py-3 -mb-[1px] flex items-center relative before:transition-all before:duration-700 hover:text-secondary before:absolute before:w-0 before:bottom-0 before:left-0 before:right-0 before:m-auto before:h-[1px] before:bg-secondary hover:before:w-full"
+                                        :class="{ 'before:!w-full text-secondary': tab === 'contact' }"
+                                        @click="tab='contact'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                            <path
+                                                d="M16.1007 13.359L16.5562 12.9062C17.1858 12.2801 18.1672 12.1515 18.9728 12.5894L20.8833 13.628C22.1102 14.2949 22.3806 15.9295 21.4217 16.883L20.0011 18.2954C19.6399 18.6546 19.1917 18.9171 18.6763 18.9651M4.00289 5.74561C3.96765 5.12559 4.25823 4.56668 4.69185 4.13552L6.26145 2.57483C7.13596 1.70529 8.61028 1.83992 9.37326 2.85908L10.6342 4.54348C11.2507 5.36691 11.1841 6.49484 10.4775 7.19738L10.1907 7.48257"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M18.6763 18.9651C17.0469 19.117 13.0622 18.9492 8.8154 14.7266C4.81076 10.7447 4.09308 7.33182 4.00293 5.74561"
+                                                stroke="currentColor" stroke-width="1.5" />
+                                            <path opacity="0.5"
+                                                d="M16.1007 13.3589C16.1007 13.3589 15.0181 14.4353 12.0631 11.4971C9.10807 8.55886 10.1907 7.48242 10.1907 7.48242"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        </svg>
+
+                                        Contact</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="flex-1 text-sm ">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover /">
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code9')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- animated line --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{ tab: 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div&gt;
+            &lt;ul class=&quot;flex flex-wrap mt-3 mb-5 border-b border-white-light dark:border-[#191e3a]&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-5 py-3 -mb-[1px] flex items-center relative before:transition-all before:duration-700 before:absolute hover:text-secondary before:bottom-0 before:w-0 before:left-0 before:right-0 before:m-auto before:h-[1px] before:bg-secondary hover:before:w-full&quot; :class=&quot;{'before:w-full text-secondary' : tab === 'home'}&quot; @click=&quot;tab='home'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;Home&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-5 py-3 -mb-[1px] flex items-center relative before:transition-all before:duration-700 hover:text-secondary before:absolute before:w-0 before:bottom-0 before:left-0 before:right-0 before:m-auto before:h-[1px] before:bg-secondary hover:before:w-full&quot; :class=&quot;{'before:w-full text-secondary' : tab === 'profile'}&quot; @click=&quot;tab='profile'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;Profile&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-5 py-3 -mb-[1px] flex items-center relative before:transition-all before:duration-700 hover:text-secondary before:absolute before:w-0 before:bottom-0 before:left-0 before:right-0 before:m-auto before:h-[1px] before:bg-secondary hover:before:w-full&quot; :class=&quot;{'before:w-full text-secondary' : tab === 'contact'}&quot; @click=&quot;tab='contact'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt;Contact&lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;flex-1 text-sm &quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Vertical line tabs -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Vertical Line Tab</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code10')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5 flex flex-col sm:flex-row" x-data="{ tab: 'home' }">
+                        <div class="mx-10 mb-5 sm:mb-0">
+                            <ul class="w-24 m-auto text-center font-semibold">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-4 -mb-[1px] block ltr:border-r rtl:border-l border-white-light dark:border-[#191e3a] relative before:transition-all before:duration-700 hover:text-secondary before:absolute before:w-[1px] before:bottom-0 before:top-0 ltr:before:-right-[1px] rtl:before:-left-[1px] before:m-auto before:h-0 hover:before:h-[80%] before:bg-secondary"
+                                        :class="{ 'text-secondary before:!h-[80%]': tab === 'home' }"
+                                        @click="tab='home'">Home</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-4 -mb-[1px] block ltr:border-r rtl:border-l border-white-light dark:border-[#191e3a] relative before:transition-all before:duration-700 hover:text-secondary before:absolute before:w-[1px] before:bottom-0 before:top-0 ltr:before:-right-[1px] rtl:before:-left-[1px] before:m-auto before:h-0 before:bg-secondary hover:before:h-[80%]"
+                                        :class="{ 'text-secondary before:!h-[80%]': tab === 'profile' }"
+                                        @click="tab='profile'">Profile</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-4 -mb-[1px] block ltr:border-r rtl:border-l border-white-light dark:border-[#191e3a] relative before:transition-all before:duration-700 hover:text-secondary before:absolute before:w-[1px] before:bottom-0 before:top-0 ltr:before:-right-[1px] rtl:before:-left-[1px] before:m-auto before:h-0 before:bg-secondary hover:before:h-[80%]"
+                                        :class="{ 'text-secondary before:!h-[80%]': tab === 'messages' }"
+                                        @click="tab='messages'">Messages</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-4 -mb-[1px] block ltr:border-r rtl:border-l border-white-light dark:border-[#191e3a] relative before:transition-all before:duration-700 hover:text-secondary before:absolute before:w-[1px] before:bottom-0 before:top-0 ltr:before:-right-[1px] rtl:before:-left-[1px] before:m-auto before:h-0 before:bg-secondary hover:before:h-[80%]"
+                                        :class="{ 'text-secondary before:!h-[80%]': tab === 'settings' }"
+                                        @click="tab='settings'">Settings</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="flex-1 text-sm ">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'messages'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'settings'">
+                                <div>
+                                    <blockquote
+                                        class="text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]">
+                                        <div class="flex items-start">
+                                            <p class="not-italic text-[#515365] text-sm dark:text-white-dark m-0">Lorem
+                                                ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                                                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                                veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                                commodo.</p>
+                                        </div>
+                                    </blockquote>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code10')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- Vertical line tabs --&gt;
+    &lt;div class=&quot;mb-5 flex flex-col sm:flex-row&quot; x-data=&quot;{ tab: 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div class=&quot;mx-10 mb-5 sm:mb-0&quot;&gt;
+            &lt;ul class=&quot;w-24 m-auto text-center font-semibold&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-4 -mb-[1px] block ltr:border-r rtl:border-l border-white-light dark:border-[#191e3a] relative before:transition-all before:duration-700 hover:text-secondary before:absolute before:w-[1px] before:bottom-0 before:top-0 ltr:before:-right-[1px] rtl:before:-left-[1px] before:m-auto before:h-0 hover:before:h-[80%] before:bg-secondary&quot; :class=&quot;{'text-secondary before:!h-[80%]' : tab === 'home'}&quot; @click=&quot;tab='home'&quot;&gt;Home&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-4 -mb-[1px] block ltr:border-r rtl:border-l border-white-light dark:border-[#191e3a] relative before:transition-all before:duration-700 hover:text-secondary before:absolute before:w-[1px] before:bottom-0 before:top-0 ltr:before:-right-[1px] rtl:before:-left-[1px] before:m-auto before:h-0 before:bg-secondary hover:before:h-[80%]&quot; :class=&quot;{'text-secondary before:!h-[80%]' : tab === 'profile'}&quot; @click=&quot;tab='profile'&quot;&gt;Profile&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-4 -mb-[1px] block ltr:border-r rtl:border-l border-white-light dark:border-[#191e3a] relative before:transition-all before:duration-700 hover:text-secondary before:absolute before:w-[1px] before:bottom-0 before:top-0 ltr:before:-right-[1px] rtl:before:-left-[1px] before:m-auto before:h-0 before:bg-secondary hover:before:h-[80%]&quot; :class=&quot;{'text-secondary before:!h-[80%]' : tab === 'messages'}&quot; @click=&quot;tab='messages'&quot;&gt;Messages&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-4 -mb-[1px] block ltr:border-r rtl:border-l border-white-light dark:border-[#191e3a] relative before:transition-all before:duration-700 hover:text-secondary before:absolute before:w-[1px] before:bottom-0 before:top-0 ltr:before:-right-[1px] rtl:before:-left-[1px] before:m-auto before:h-0 before:bg-secondary hover:before:h-[80%]&quot; :class=&quot;{'text-secondary before:!h-[80%]' : tab === 'settings'}&quot; @click=&quot;tab='settings'&quot;&gt;Settings&lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;flex-1 text-sm &quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'messages'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'settings'&quot;&gt;
+                &lt;div&gt;
+                    &lt;blockquote class=&quot;text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]&quot;&gt;
+                        &lt;div class=&quot;flex items-start&quot;&gt;
+                            &lt;p class=&quot;not-italic text-[#515365] text-sm dark:text-white-dark m-0&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/blockquote&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Justify tabs -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Justify Tabs</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code11')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ tab: 'home' }">
+                        <div>
+                            <ul
+                                class="flex flex-wrap justify-between mt-3 border-b border-white-light dark:border-[#191e3a]">
+                                <li class="flex-auto text-center">
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black"
+                                        :class="{
+                                            '!border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                'home'
+                                        }"
+                                        @click="tab = 'home'">Home</a>
+                                </li>
+                                <li class="flex-auto text-center">
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black"
+                                        :class="{
+                                            '!border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                'profile'
+                                        }"
+                                        @click="tab = 'profile'">Profile</a>
+                                </li>
+                                <li class="flex-auto text-center">
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black"
+                                        :class="{
+                                            '!border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                'contact'
+                                        }"
+                                        @click="tab = 'contact'">Contact</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="pt-5 flex-1 text-sm">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code11')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- justify tabs --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{ tab: 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div&gt;
+            &lt;ul class=&quot;flex flex-wrap justify-between mt-3 border-b border-white-light dark:border-[#191e3a]&quot;&gt;
+                &lt;li class=&quot;flex-auto text-center&quot;&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black&quot; :class=&quot;{'!border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black' : tab === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;Home&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li class=&quot;flex-auto text-center&quot;&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black&quot; :class=&quot;{'!border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black' : tab === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;Profile&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li class=&quot;flex-auto text-center&quot;&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black&quot; :class=&quot;{'!border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black' : tab === 'contact'}&quot; @click=&quot;tab = 'contact'&quot;&gt;Contact&lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;pt-5 flex-1 text-sm&quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Justify Pills -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Justify Pills</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code12')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ tab: 'home' }">
+                        <div>
+                            <ul class="flex flex-wrap justify-between mt-3 space-x-2 rtl:space-x-reverse">
+                                <li class="flex-auto text-center">
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white"
+                                        :class="{ 'bg-info text-white': tab === 'home' }"
+                                        @click="tab = 'home'">Home</a>
+                                </li>
+                                <li class="flex-auto text-center">
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white"
+                                        :class="{ 'bg-info text-white': tab === 'profile' }"
+                                        @click="tab = 'profile'">Profile</a>
+                                </li>
+                                <li class="flex-auto text-center">
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white"
+                                        :class="{ 'bg-info text-white': tab === 'contact' }"
+                                        @click="tab = 'contact'">Contact</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="pt-5 flex-1 text-sm">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code12')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- justify pills --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{tab : 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div&gt;
+            &lt;ul class=&quot;flex flex-wrap justify-between mt-3 space-x-2 rtl:space-x-reverse&quot;&gt;
+                &lt;li class=&quot;flex-auto text-center&quot;&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white&quot; :class=&quot;{'bg-info text-white' : tab === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;Home&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li class=&quot;flex-auto text-center&quot;&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white&quot; :class=&quot;{'bg-info text-white' : tab === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;Profile&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li class=&quot;flex-auto text-center&quot;&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white&quot; :class=&quot;{'bg-info text-white' : tab === 'contact'}&quot; @click=&quot;tab = 'contact'&quot;&gt;Contact&lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;pt-5 flex-1 text-sm&quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Justify Center Tabs -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Justify Center Tabs</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code13')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ tab: 'home' }">
+                        <div>
+                            <ul
+                                class="flex flex-wrap justify-center mt-3 border-b border-white-light dark:border-[#191e3a]">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black"
+                                        :class="{
+                                            'text-primary !border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                'home'
+                                        }"
+                                        @click="tab = 'home'">Home</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black"
+                                        :class="{
+                                            'text-primary !border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                'profile'
+                                        }"
+                                        @click="tab = 'profile'">Profile</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black"
+                                        :class="{
+                                            'text-primary !border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                'contact'
+                                        }"
+                                        @click="tab = 'contact'">Contact</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="pt-5 flex-1 text-sm">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code13')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- justify center tabs --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{tab : 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div&gt;
+            &lt;ul class=&quot;flex flex-wrap justify-center mt-3 border-b border-white-light dark:border-[#191e3a]&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black&quot; :class=&quot;{'text-primary !border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black' : tab === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;Home&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black&quot; :class=&quot;{'text-primary !border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black' : tab === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;Profile&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black&quot; :class=&quot;{'text-primary !border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black' : tab === 'contact'}&quot; @click=&quot;tab = 'contact'&quot;&gt;Contact&lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;pt-5 flex-1 text-sm&quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Justify Center Pills -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Justify Center Pills</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code14')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ tab: 'home' }">
+                        <div>
+                            <ul class="flex flex-wrap justify-center mt-3 space-x-2 rtl:space-x-reverse">
+                                <li><a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white"
+                                        :class="{ 'bg-info text-white': tab === 'home' }"
+                                        @click="tab = 'home'">Home</a></li>
+                                <li><a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white"
+                                        :class="{ 'bg-info text-white': tab === 'profile' }"
+                                        @click="tab = 'profile'">Profile</a></li>
+                                <li><a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white"
+                                        :class="{ 'bg-info text-white': tab === 'contact' }"
+                                        @click="tab = 'contact'">Contact</a></li>
+                            </ul>
+                        </div>
+                        <div class="pt-5 flex-1 text-sm">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code14')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- justify center pills --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{tab : 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div&gt;
+            &lt;ul class=&quot;flex flex-wrap justify-center mt-3 space-x-2 rtl:space-x-reverse&quot;&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white&quot; :class=&quot;{'bg-info text-white' : tab === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white&quot; :class=&quot;{'bg-info text-white' : tab === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;Profile&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white&quot; :class=&quot;{'bg-info text-white' : tab === 'contact'}&quot; @click=&quot;tab = 'contact'&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;pt-5 flex-1 text-sm&quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Justify Right Tabs -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Justify Right Tabs</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code15')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ tab: 'home' }">
+                        <div>
+                            <ul
+                                class="flex flex-wrap justify-end mt-3 border-b border-white-light dark:border-[#191e3a]">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black"
+                                        :class="{
+                                            'text-primary !border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                'home'
+                                        }"
+                                        @click="tab = 'home'">Home</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black"
+                                        :class="{
+                                            'text-primary !border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                'profile'
+                                        }"
+                                        @click="tab = 'profile'">Profile</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black"
+                                        :class="{
+                                            'text-primary !border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black': tab ===
+                                                'contact'
+                                        }"
+                                        @click="tab = 'contact'">Contact</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="pt-5 flex-1 text-sm">
+                            <template x-if="tab === 'home'">
+                                <div class="active">
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab=== 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code15')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- justify right tabs --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{tab : 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div&gt;
+            &lt;ul class=&quot;flex flex-wrap justify-end mt-3 border-b border-white-light dark:border-[#191e3a]&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black&quot; :class=&quot;{'text-primary !border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black' : tab === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;Home&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black&quot; :class=&quot;{'text-primary !border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black' : tab === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;Profile&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block border border-transparent hover:border-white-light hover:border-b-white dark:hover:border-[#191e3a] dark:hover:border-b-black&quot; :class=&quot;{'text-primary !border-white-light !border-b-white dark:!border-[#191e3a] dark:!border-b-black' : tab === 'contact'}&quot; @click=&quot;tab = 'contact'&quot;&gt;Contact&lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;pt-5 flex-1 text-sm&quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div class=&quot;active&quot;&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab=== 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Justify Right pills -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Justify Right Pills</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code16')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ tab: 'home' }">
+                        <div>
+                            <ul class="flex flex-wrap justify-end mt-3 space-x-2 rtl:space-x-reverse">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white"
+                                        :class="{ 'bg-info text-white': tab === 'home' }"
+                                        @click="tab = 'home'">Home</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white"
+                                        :class="{ 'bg-info text-white': tab === 'profile' }"
+                                        @click="tab = 'profile'">Profile</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white"
+                                        :class="{ 'bg-info text-white': tab === 'contact' }"
+                                        @click="tab = 'contact'">Contact</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="pt-5 flex-1 text-sm">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code16')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- justify right pills --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{tab : 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div&gt;
+            &lt;ul class=&quot;flex flex-wrap justify-end mt-3 space-x-2 rtl:space-x-reverse&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white&quot; :class=&quot;{'bg-info text-white' : tab === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;Home&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white&quot; :class=&quot;{'bg-info text-white' : tab === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;Profile&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 -mb-[1px] block hover:bg-info rounded hover:text-white&quot; :class=&quot;{'bg-info text-white' : tab === 'contact'}&quot; @click=&quot;tab = 'contact'&quot;&gt;Contact&lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;pt-5 flex-1 text-sm&quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Pills with Icon -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Pills with Icon</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code17')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ tab: 'home' }">
+                        <div>
+                            <ul
+                                class="grid grid-cols-4 gap-2 sm:flex sm:flex-wrap sm:justify-center mt-3 mb-5 sm:space-x-3 rtl:space-x-reverse">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-7 py-3 flex flex-col items-center justify-center rounded-lg bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-success hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)]"
+                                        :class="{ '!bg-success text-white': tab === 'home' }" @click="tab = 'home'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 mb-1">
+                                            <path opacity="0.5"
+                                                d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                            <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round"></path>
+                                        </svg>
+                                        Home
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-7 py-3 flex flex-col items-center justify-center rounded-lg bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-success hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)]"
+                                        :class="{ '!bg-success text-white': tab === 'profile' }"
+                                        @click="tab = 'profile'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 mb-1">
+                                            <circle cx="12" cy="6" r="4"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                                ry="4" stroke="currentColor" stroke-width="1.5"></ellipse>
+                                        </svg>
+                                        Profile
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-7 py-3 flex flex-col items-center justify-center rounded-lg bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-success hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)]"
+                                        :class="{ '!bg-success text-white': tab === 'contact' }"
+                                        @click="tab = 'contact'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 mb-1">
+                                            <path
+                                                d="M16.1007 13.359L16.5562 12.9062C17.1858 12.2801 18.1672 12.1515 18.9728 12.5894L20.8833 13.628C22.1102 14.2949 22.3806 15.9295 21.4217 16.883L20.0011 18.2954C19.6399 18.6546 19.1917 18.9171 18.6763 18.9651M4.00289 5.74561C3.96765 5.12559 4.25823 4.56668 4.69185 4.13552L6.26145 2.57483C7.13596 1.70529 8.61028 1.83992 9.37326 2.85908L10.6342 4.54348C11.2507 5.36691 11.1841 6.49484 10.4775 7.19738L10.1907 7.48257"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                            <path opacity="0.5"
+                                                d="M18.6763 18.9651C17.0469 19.117 13.0622 18.9492 8.8154 14.7266C4.81076 10.7447 4.09308 7.33182 4.00293 5.74561"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                            <path opacity="0.5"
+                                                d="M16.1007 13.3589C16.1007 13.3589 15.0181 14.4353 12.0631 11.4971C9.10807 8.55886 10.1907 7.48242 10.1907 7.48242"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
+                                            </path>
+                                        </svg>
+                                        Contact
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-7 py-3 flex flex-col items-center justify-center rounded-lg bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-success hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)]"
+                                        :class="{ '!bg-success text-white': tab === 'settings' }"
+                                        @click="tab = 'settings'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 mb-1">
+                                            <circle cx="12" cy="12" r="3"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <path opacity="0.5"
+                                                d="M13.7654 2.15224C13.3978 2 12.9319 2 12 2C11.0681 2 10.6022 2 10.2346 2.15224C9.74457 2.35523 9.35522 2.74458 9.15223 3.23463C9.05957 3.45834 9.0233 3.7185 9.00911 4.09799C8.98826 4.65568 8.70226 5.17189 8.21894 5.45093C7.73564 5.72996 7.14559 5.71954 6.65219 5.45876C6.31645 5.2813 6.07301 5.18262 5.83294 5.15102C5.30704 5.08178 4.77518 5.22429 4.35436 5.5472C4.03874 5.78938 3.80577 6.1929 3.33983 6.99993C2.87389 7.80697 2.64092 8.21048 2.58899 8.60491C2.51976 9.1308 2.66227 9.66266 2.98518 10.0835C3.13256 10.2756 3.3397 10.437 3.66119 10.639C4.1338 10.936 4.43789 11.4419 4.43786 12C4.43783 12.5581 4.13375 13.0639 3.66118 13.3608C3.33965 13.5629 3.13248 13.7244 2.98508 13.9165C2.66217 14.3373 2.51966 14.8691 2.5889 15.395C2.64082 15.7894 2.87379 16.193 3.33973 17C3.80568 17.807 4.03865 18.2106 4.35426 18.4527C4.77508 18.7756 5.30694 18.9181 5.83284 18.8489C6.07289 18.8173 6.31632 18.7186 6.65204 18.5412C7.14547 18.2804 7.73556 18.27 8.2189 18.549C8.70224 18.8281 8.98826 19.3443 9.00911 19.9021C9.02331 20.2815 9.05957 20.5417 9.15223 20.7654C9.35522 21.2554 9.74457 21.6448 10.2346 21.8478C10.6022 22 11.0681 22 12 22C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8477 20.7654C14.9404 20.5417 14.9767 20.2815 14.9909 19.902C15.0117 19.3443 15.2977 18.8281 15.781 18.549C16.2643 18.2699 16.8544 18.2804 17.3479 18.5412C17.6836 18.7186 17.927 18.8172 18.167 18.8488C18.6929 18.9181 19.2248 18.7756 19.6456 18.4527C19.9612 18.2105 20.1942 17.807 20.6601 16.9999C21.1261 16.1929 21.3591 15.7894 21.411 15.395C21.4802 14.8691 21.3377 14.3372 21.0148 13.9164C20.8674 13.7243 20.6602 13.5628 20.3387 13.3608C19.8662 13.0639 19.5621 12.558 19.5621 11.9999C19.5621 11.4418 19.8662 10.9361 20.3387 10.6392C20.6603 10.4371 20.8675 10.2757 21.0149 10.0835C21.3378 9.66273 21.4803 9.13087 21.4111 8.60497C21.3592 8.21055 21.1262 7.80703 20.6602 7C20.1943 6.19297 19.9613 5.78945 19.6457 5.54727C19.2249 5.22436 18.693 5.08185 18.1671 5.15109C17.9271 5.18269 17.6837 5.28136 17.3479 5.4588C16.8545 5.71959 16.2644 5.73002 15.7811 5.45096C15.2977 5.17191 15.0117 4.65566 14.9909 4.09794C14.9767 3.71848 14.9404 3.45833 14.8477 3.23463C14.6448 2.74458 14.2554 2.35523 13.7654 2.15224Z"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                        </svg>
+                                        Settings
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="flex-1 text-sm ">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'settings'">
+                                <div>
+                                    <blockquote
+                                        class="text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]">
+                                        <div class="flex items-start">
+                                            <p class="not-italic text-[#515365] text-sm dark:text-white-dark m-0">
+                                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                                                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                                veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                                commodo.</p>
+                                        </div>
+                                    </blockquote>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code17')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- pills with icon --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{tab : 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div&gt;
+            &lt;ul class=&quot;grid grid-cols-4 gap-2 sm:flex sm:flex-wrap sm:justify-center mt-3 mb-5 sm:space-x-3 rtl:space-x-reverse&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-7 py-3 flex flex-col items-center justify-center rounded-lg bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-success hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)]&quot; :class=&quot;{'!bg-success text-white' : tab === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; Home
+                    &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-7 py-3 flex flex-col items-center justify-center rounded-lg bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-success hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)]&quot; :class=&quot;{'!bg-success text-white' : tab === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; Profile
+                    &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-7 py-3 flex flex-col items-center justify-center rounded-lg bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-success hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)]&quot; :class=&quot;{'!bg-success text-white' : tab === 'contact'}&quot; @click=&quot;tab = 'contact'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; Contact
+                    &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-7 py-3 flex flex-col items-center justify-center rounded-lg bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-success hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)]&quot; :class=&quot;{'!bg-success text-white' : tab === 'settings'}&quot; @click=&quot;tab = 'settings'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; Settings
+                    &lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;flex-1 text-sm &quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'settings'&quot;&gt;
+                &lt;div&gt;
+                    &lt;blockquote class=&quot;text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]&quot;&gt;
+                        &lt;div class=&quot;flex items-start&quot;&gt;
+                            &lt;p class=&quot;not-italic text-[#515365] text-sm dark:text-white-dark m-0&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/blockquote&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Rounded Pills with Icon -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Rounded Pills with Icon</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code18')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5" x-data="{ tab: 'home' }">
+                        <div>
+                            <ul class="flex flex-wrap justify-center mt-3 mb-5 space-x-3 rtl:space-x-reverse">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="w-16 h-16 flex flex-col items-center justify-center rounded-full bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-info hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300"
+                                        :class="{ '!bg-info text-white': tab === 'home' }" @click="tab = 'home'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                            <path opacity="0.5"
+                                                d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                            <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round"></path>
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="w-16 h-16 flex flex-col items-center justify-center rounded-full bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-info hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300"
+                                        :class="{ '!bg-info text-white': tab === 'profile' }"
+                                        @click="tab = 'profile'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                            <circle cx="12" cy="6" r="4"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                                ry="4" stroke="currentColor" stroke-width="1.5"></ellipse>
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="w-16 h-16 flex flex-col items-center justify-center rounded-full bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-info hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300"
+                                        :class="{ '!bg-info text-white': tab === 'contact' }"
+                                        @click="tab = 'contact'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                            <path
+                                                d="M16.1007 13.359L16.5562 12.9062C17.1858 12.2801 18.1672 12.1515 18.9728 12.5894L20.8833 13.628C22.1102 14.2949 22.3806 15.9295 21.4217 16.883L20.0011 18.2954C19.6399 18.6546 19.1917 18.9171 18.6763 18.9651M4.00289 5.74561C3.96765 5.12559 4.25823 4.56668 4.69185 4.13552L6.26145 2.57483C7.13596 1.70529 8.61028 1.83992 9.37326 2.85908L10.6342 4.54348C11.2507 5.36691 11.1841 6.49484 10.4775 7.19738L10.1907 7.48257"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                            <path opacity="0.5"
+                                                d="M18.6763 18.9651C17.0469 19.117 13.0622 18.9492 8.8154 14.7266C4.81076 10.7447 4.09308 7.33182 4.00293 5.74561"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                            <path opacity="0.5"
+                                                d="M16.1007 13.3589C16.1007 13.3589 15.0181 14.4353 12.0631 11.4971C9.10807 8.55886 10.1907 7.48242 10.1907 7.48242"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
+                                            </path>
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="w-16 h-16 flex flex-col items-center justify-center rounded-full bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-info hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300"
+                                        :class="{ '!bg-info text-white': tab === 'settings' }"
+                                        @click="tab = 'settings'">
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                            <circle cx="12" cy="12" r="3"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <path opacity="0.5"
+                                                d="M13.7654 2.15224C13.3978 2 12.9319 2 12 2C11.0681 2 10.6022 2 10.2346 2.15224C9.74457 2.35523 9.35522 2.74458 9.15223 3.23463C9.05957 3.45834 9.0233 3.7185 9.00911 4.09799C8.98826 4.65568 8.70226 5.17189 8.21894 5.45093C7.73564 5.72996 7.14559 5.71954 6.65219 5.45876C6.31645 5.2813 6.07301 5.18262 5.83294 5.15102C5.30704 5.08178 4.77518 5.22429 4.35436 5.5472C4.03874 5.78938 3.80577 6.1929 3.33983 6.99993C2.87389 7.80697 2.64092 8.21048 2.58899 8.60491C2.51976 9.1308 2.66227 9.66266 2.98518 10.0835C3.13256 10.2756 3.3397 10.437 3.66119 10.639C4.1338 10.936 4.43789 11.4419 4.43786 12C4.43783 12.5581 4.13375 13.0639 3.66118 13.3608C3.33965 13.5629 3.13248 13.7244 2.98508 13.9165C2.66217 14.3373 2.51966 14.8691 2.5889 15.395C2.64082 15.7894 2.87379 16.193 3.33973 17C3.80568 17.807 4.03865 18.2106 4.35426 18.4527C4.77508 18.7756 5.30694 18.9181 5.83284 18.8489C6.07289 18.8173 6.31632 18.7186 6.65204 18.5412C7.14547 18.2804 7.73556 18.27 8.2189 18.549C8.70224 18.8281 8.98826 19.3443 9.00911 19.9021C9.02331 20.2815 9.05957 20.5417 9.15223 20.7654C9.35522 21.2554 9.74457 21.6448 10.2346 21.8478C10.6022 22 11.0681 22 12 22C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8477 20.7654C14.9404 20.5417 14.9767 20.2815 14.9909 19.902C15.0117 19.3443 15.2977 18.8281 15.781 18.549C16.2643 18.2699 16.8544 18.2804 17.3479 18.5412C17.6836 18.7186 17.927 18.8172 18.167 18.8488C18.6929 18.9181 19.2248 18.7756 19.6456 18.4527C19.9612 18.2105 20.1942 17.807 20.6601 16.9999C21.1261 16.1929 21.3591 15.7894 21.411 15.395C21.4802 14.8691 21.3377 14.3372 21.0148 13.9164C20.8674 13.7243 20.6602 13.5628 20.3387 13.3608C19.8662 13.0639 19.5621 12.558 19.5621 11.9999C19.5621 11.4418 19.8662 10.9361 20.3387 10.6392C20.6603 10.4371 20.8675 10.2757 21.0149 10.0835C21.3378 9.66273 21.4803 9.13087 21.4111 8.60497C21.3592 8.21055 21.1262 7.80703 20.6602 7C20.1943 6.19297 19.9613 5.78945 19.6457 5.54727C19.2249 5.22436 18.693 5.08185 18.1671 5.15109C17.9271 5.18269 17.6837 5.28136 17.3479 5.4588C16.8545 5.71959 16.2644 5.73002 15.7811 5.45096C15.2977 5.17191 15.0117 4.65566 14.9909 4.09794C14.9767 3.71848 14.9404 3.45833 14.8477 3.23463C14.6448 2.74458 14.2554 2.35523 13.7654 2.15224Z"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                        </svg>
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="flex-1 text-sm ">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'settings'">
+                                <div>
+                                    <blockquote
+                                        class="text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]">
+                                        <div class="flex items-start">
+                                            <p class="not-italic text-[#515365] text-sm dark:text-white-dark m-0">
+                                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                                                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                                veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                                commodo.</p>
+                                        </div>
+                                    </blockquote>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code18')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- rounded pills with icon --&gt;
+    &lt;div class=&quot;mb-5&quot; x-data=&quot;{tab : 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div&gt;
+            &lt;ul class=&quot;flex flex-wrap justify-center mt-3 mb-5 space-x-3 rtl:space-x-reverse&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;w-16 h-16 flex flex-col items-center justify-center rounded-full bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-info hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300&quot; :class=&quot;{'!bg-info text-white' : tab === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;w-16 h-16 flex flex-col items-center justify-center rounded-full bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-info hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300&quot; :class=&quot;{'!bg-info text-white' : tab === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;w-16 h-16 flex flex-col items-center justify-center rounded-full bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-info hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300&quot; :class=&quot;{'!bg-info text-white' : tab === 'contact'}&quot; @click=&quot;tab = 'contact'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;w-16 h-16 flex flex-col items-center justify-center rounded-full bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-info hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300&quot; :class=&quot;{'!bg-info text-white' : tab === 'settings'}&quot; @click=&quot;tab = 'settings'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; &lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;flex-1 text-sm &quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'settings'&quot;&gt;
+                &lt;div&gt;
+                    &lt;blockquote class=&quot;text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]&quot;&gt;
+                        &lt;div class=&quot;flex items-start&quot;&gt;
+                            &lt;p class=&quot;not-italic text-[#515365] text-sm dark:text-white-dark m-0&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/blockquote&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Vertical Rounded With Icon -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Vertical Rounded With Icon</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code19')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5 flex flex-col sm:flex-row" x-data="{ tab: 'home' }">
+                        <div class="mx-10 mb-5 sm:mb-0">
+                            <ul class="flex flex-col justify-center m-auto space-y-3 w-24">
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-7 py-3 flex flex-col items-center justify-center rounded-lg bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-success hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300"
+                                        :class="{ '!bg-success text-white': tab === 'home' }" @click="tab = 'home'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 mb-1">
+                                            <path opacity="0.5"
+                                                d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                            <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round"></path>
+                                        </svg>
+                                        Home</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-7 py-3 flex flex-col items-center justify-center rounded-lg bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-success hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300"
+                                        :class="{ '!bg-success text-white': tab === 'profile' }"
+                                        @click="tab = 'profile'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 mb-1">
+                                            <circle cx="12" cy="6" r="4"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                                ry="4" stroke="currentColor" stroke-width="1.5"></ellipse>
+                                        </svg>
+                                        Profile</a>
+                                </li>
+                                <li>
+                                    <a href="javascript:;"
+                                        class="p-7 py-3 flex flex-col items-center justify-center rounded-lg bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-success hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300"
+                                        :class="{ '!bg-success text-white': tab === 'contact' }"
+                                        @click="tab = 'contact'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 mb-1">
+                                            <path
+                                                d="M16.1007 13.359L16.5562 12.9062C17.1858 12.2801 18.1672 12.1515 18.9728 12.5894L20.8833 13.628C22.1102 14.2949 22.3806 15.9295 21.4217 16.883L20.0011 18.2954C19.6399 18.6546 19.1917 18.9171 18.6763 18.9651M4.00289 5.74561C3.96765 5.12559 4.25823 4.56668 4.69185 4.13552L6.26145 2.57483C7.13596 1.70529 8.61028 1.83992 9.37326 2.85908L10.6342 4.54348C11.2507 5.36691 11.1841 6.49484 10.4775 7.19738L10.1907 7.48257"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                            <path opacity="0.5"
+                                                d="M18.6763 18.9651C17.0469 19.117 13.0622 18.9492 8.8154 14.7266C4.81076 10.7447 4.09308 7.33182 4.00293 5.74561"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                            <path opacity="0.5"
+                                                d="M16.1007 13.3589C16.1007 13.3589 15.0181 14.4353 12.0631 11.4971C9.10807 8.55886 10.1907 7.48242 10.1907 7.48242"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
+                                            </path>
+                                        </svg>
+                                        Contact</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="flex-1 text-sm ">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code19')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- vertical rounded with icon --&gt;
+    &lt;div class=&quot;mb-5 flex flex-col sm:flex-row&quot; x-data=&quot;{tab : 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div class=&quot;mx-10 mb-5 sm:mb-0&quot;&gt;
+            &lt;ul class=&quot;flex flex-col justify-center m-auto space-y-3 w-24&quot;&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-7 py-3 flex flex-col items-center justify-center rounded-lg bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-success hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300&quot; :class=&quot;{'!bg-success text-white' : tab === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; Home&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-7 py-3 flex flex-col items-center justify-center rounded-lg bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-success hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300&quot; :class=&quot;{'!bg-success text-white' : tab === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; Profile&lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;p-7 py-3 flex flex-col items-center justify-center rounded-lg bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-success hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300&quot; :class=&quot;{'!bg-success text-white' : tab === 'contact'}&quot; @click=&quot;tab = 'contact'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; Contact&lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;flex-1 text-sm &quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Vertical Circle With Icon -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Vertical Circle With Icon</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code20')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5 flex flex-col sm:flex-row" x-data="{ tab: 'home' }">
+                        <div class="mx-10 mb-5 sm:mb-0">
+                            <ul class="flex flex-col justify-center space-y-3">
+                                <li class="m-auto">
+                                    <a href="javascript:;"
+                                        class="w-16 h-16 flex flex-col items-center justify-center rounded-full bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-info hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300"
+                                        :class="{ '!bg-info text-white': tab === 'home' }" @click="tab = 'home'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                            <path opacity="0.5"
+                                                d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                            <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                                stroke-linecap="round"></path>
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li class="m-auto">
+                                    <a href="javascript:;"
+                                        class="w-16 h-16 flex flex-col items-center justify-center rounded-full bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-info hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300"
+                                        :class="{ '!bg-info text-white': tab === 'profile' }"
+                                        @click="tab = 'profile'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                            <circle cx="12" cy="6" r="4"
+                                                stroke="currentColor" stroke-width="1.5"></circle>
+                                            <ellipse opacity="0.5" cx="12" cy="17" rx="7"
+                                                ry="4" stroke="currentColor" stroke-width="1.5"></ellipse>
+                                        </svg>
+                                    </a>
+                                </li>
+                                <li class="m-auto">
+                                    <a href="javascript:;"
+                                        class="w-16 h-16 flex flex-col items-center justify-center rounded-full bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-info hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300"
+                                        :class="{ '!bg-info text-white': tab === 'contact' }"
+                                        @click="tab = 'contact'">
+
+                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg" class="w-6 h-6">
+                                            <path
+                                                d="M16.1007 13.359L16.5562 12.9062C17.1858 12.2801 18.1672 12.1515 18.9728 12.5894L20.8833 13.628C22.1102 14.2949 22.3806 15.9295 21.4217 16.883L20.0011 18.2954C19.6399 18.6546 19.1917 18.9171 18.6763 18.9651M4.00289 5.74561C3.96765 5.12559 4.25823 4.56668 4.69185 4.13552L6.26145 2.57483C7.13596 1.70529 8.61028 1.83992 9.37326 2.85908L10.6342 4.54348C11.2507 5.36691 11.1841 6.49484 10.4775 7.19738L10.1907 7.48257"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                            <path opacity="0.5"
+                                                d="M18.6763 18.9651C17.0469 19.117 13.0622 18.9492 8.8154 14.7266C4.81076 10.7447 4.09308 7.33182 4.00293 5.74561"
+                                                stroke="currentColor" stroke-width="1.5"></path>
+                                            <path opacity="0.5"
+                                                d="M16.1007 13.3589C16.1007 13.3589 15.0181 14.4353 12.0631 11.4971C9.10807 8.55886 10.1907 7.48242 10.1907 7.48242"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
+                                            </path>
+                                        </svg>
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="flex-1 text-sm ">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'contact'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code20')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- vertical circle dith icon --&gt;
+    &lt;div class=&quot;mb-5 flex flex-col sm:flex-row&quot; x-data=&quot;{tab : 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div class=&quot;mx-10 mb-5 sm:mb-0&quot;&gt;
+            &lt;ul class=&quot;flex flex-col justify-center space-y-3&quot;&gt;
+                &lt;li class=&quot;m-auto&quot;&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;w-16 h-16 flex flex-col items-center justify-center rounded-full bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-info hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300&quot; :class=&quot;{'!bg-info text-white' : tab === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li class=&quot;m-auto&quot;&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;w-16 h-16 flex flex-col items-center justify-center rounded-full bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-info hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300&quot; :class=&quot;{'!bg-info text-white' : tab === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; &lt;/a&gt;
+                &lt;/li&gt;
+                &lt;li class=&quot;m-auto&quot;&gt;
+                    &lt;a href=&quot;javascript:&quot; class=&quot;w-16 h-16 flex flex-col items-center justify-center rounded-full bg-[#f1f2f3] dark:bg-[#191e3a] hover:!bg-info hover:text-white hover:shadow-[0_5px_15px_0_rgba(0,0,0,0.30)] transition-all duration-300&quot; :class=&quot;{'!bg-info text-white' : tab === 'contact'}&quot; @click=&quot;tab = 'contact'&quot;&gt;
+                        &lt;svg&gt; ... &lt;/svg&gt; &lt;/a&gt;
+                &lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;flex-1 text-sm &quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'contact'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Vertical Pills -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Vertical Pills</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code21')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5 flex flex-col sm:flex-row" x-data="{ tab: 'home' }">
+                        <div class="sm:flex-[0_0_20%] mb-5 sm:mb-0">
+                            <ul class="ltr:pr-4 rtl:pl-4 space-y-2">
+                                <li><a href="javascript:;"
+                                        class="p-3.5 py-2 block rounded-md hover:bg-success hover:text-white transition-all duration-300"
+                                        :class="{ '!bg-success text-white': tab === 'home' }"
+                                        @click="tab = 'home'">Home</a></li>
+                                <li><a href="javascript:;"
+                                        class="p-3.5 py-2 block rounded-md hover:bg-success hover:text-white transition-all duration-300"
+                                        :class="{ '!bg-success text-white': tab === 'profile' }"
+                                        @click="tab = 'profile'">Profile</a></li>
+                                <li><a href="javascript:;"
+                                        class="p-3.5 py-2 block rounded-md hover:bg-success hover:text-white transition-all duration-300"
+                                        :class="{ '!bg-success text-white': tab === 'messages' }"
+                                        @click="tab = 'messages'">Messages</a></li>
+                                <li><a href="javascript:;"
+                                        class="p-3.5 py-2 block rounded-md hover:bg-success hover:text-white transition-all duration-300"
+                                        :class="{ '!bg-success text-white': tab === 'settings' }"
+                                        @click="tab = 'settings'">Settings</a></li>
+                            </ul>
+                        </div>
+                        <div class="flex-1 text-sm ">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'messages'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'settings'">
+                                <div>
+                                    <blockquote
+                                        class="text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]">
+                                        <div class="flex items-start">
+                                            <p class="not-italic text-[#515365] text-sm dark:text-white-dark m-0">
+                                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                                                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                                veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                                commodo.</p>
+                                        </div>
+                                    </blockquote>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code21')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- vertical pills --&gt;
+    &lt;div class=&quot;mb-5 flex flex-col sm:flex-row&quot; x-data=&quot;{tab : 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div class=&quot;sm:flex-[0_0_20%] mb-5 sm:mb-0&quot;&gt;
+            &lt;ul class=&quot;ltr:pr-4 rtl:pl-4 space-y-2&quot;&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 block rounded-md hover:bg-success hover:text-white transition-all duration-300&quot; :class=&quot;{'!bg-success text-white' : tab === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 block rounded-md hover:bg-success hover:text-white transition-all duration-300&quot; :class=&quot;{'!bg-success text-white' : tab === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;Profile&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 block rounded-md hover:bg-success hover:text-white transition-all duration-300&quot; :class=&quot;{'!bg-success text-white' : tab === 'messages'}&quot; @click=&quot;tab = 'messages'&quot;&gt;Messages&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 block rounded-md hover:bg-success hover:text-white transition-all duration-300&quot; :class=&quot;{'!bg-success text-white' : tab === 'settings'}&quot; @click=&quot;tab = 'settings'&quot;&gt;Settings&lt;/a&gt;&lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;flex-1 text-sm &quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'messages'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'settings'&quot;&gt;
+                &lt;div&gt;
+                    &lt;blockquote class=&quot;text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]&quot;&gt;
+                        &lt;div class=&quot;flex items-start&quot;&gt;
+                            &lt;p class=&quot;not-italic text-[#515365] text-sm dark:text-white-dark m-0&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/blockquote&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+
+                <!-- Justify Vertical Pills Right -->
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Justify Vertical Pills Right</h5>
+                        <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                            href="javascript:;" @click="toggleCode('code22')">
+                            <span class="flex items-center">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                    <path
+                                        d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                Code
+                            </span>
+                        </a>
+                    </div>
+                    <div class="mb-5 flex flex-col sm:flex-row sm:gap-4" x-data="{ tab: 'home' }">
+                        <div class="sm:flex-[0_0_20%] mb-5 sm:mb-0 sm:order-1">
+                            <ul class="space-y-2">
+                                <li><a href="javascript:;"
+                                        class="p-3.5 py-2 block rounded-md hover:bg-success hover:text-white transition-all duration-300"
+                                        :class="{ '!bg-success text-white': tab === 'home' }"
+                                        @click="tab = 'home'">Home</a></li>
+                                <li><a href="javascript:;"
+                                        class="p-3.5 py-2 block rounded-md hover:bg-success hover:text-white transition-all duration-300"
+                                        :class="{ '!bg-success text-white': tab === 'profile' }"
+                                        @click="tab = 'profile'">Profile</a></li>
+                                <li><a href="javascript:;"
+                                        class="p-3.5 py-2 block rounded-md hover:bg-success hover:text-white transition-all duration-300"
+                                        :class="{ '!bg-success text-white': tab === 'messages' }"
+                                        @click="tab = 'messages'">Messages</a></li>
+                                <li><a href="javascript:;"
+                                        class="p-3.5 py-2 block rounded-md hover:bg-success hover:text-white transition-all duration-300"
+                                        :class="{ '!bg-success text-white': tab === 'settings' }"
+                                        @click="tab = 'settings'">Settings</a></li>
+                            </ul>
+                        </div>
+                        <div class="flex-1 text-sm ">
+                            <template x-if="tab === 'home'">
+                                <div>
+                                    <h4 class="font-semibold text-2xl mb-4">We move your world!</h4>
+                                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                                        consequat. </p>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                    </p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'profile'">
+                                <div>
+                                    <div class="flex items-start">
+                                        <div class="w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none">
+                                            <img src="/assets/images/profile-34.jpeg"
+                                                alt="image"
+                                                class="w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover" />
+                                        </div>
+                                        <div class="flex-auto">
+                                            <h5 class="text-xl font-medium mb-4">Media heading</h5>
+                                            <p class="text-white-dark">Cras sit amet nibh libero, in gravida nulla.
+                                                Nulla vel metus scelerisque ante sollicitudin. Cras purus odio,
+                                                vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum
+                                                nunc ac nisi vulputate fringilla. Donec lacinia congue felis in
+                                                faucibus.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'messages'">
+                                <div>
+                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                                        culpa qui officia deserunt mollit anim id est laborum.</p>
+                                </div>
+                            </template>
+                            <template x-if="tab === 'settings'">
+                                <div>
+                                    <blockquote
+                                        class="text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]">
+                                        <div class="flex items-start">
+                                            <p class="not-italic text-[#515365] text-sm dark:text-white-dark m-0">
+                                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+                                                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+                                                veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+                                                commodo.</p>
+                                        </div>
+                                    </blockquote>
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <template x-if="codeArr.includes('code22')">
+                        <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- justify vertical pills right --&gt;
+    &lt;div class=&quot;mb-5 flex flex-col sm:flex-row&quot; x-data=&quot;{tab : 'home'}&quot;&gt;
+        &lt;!-- buttons --&gt;
+        &lt;div class=&quot;sm:flex-[0_0_20%] mb-5 sm:mb-0 sm:order-1&quot;&gt;
+            &lt;ul class=&quot;ltr:pr-4 rtl:pl-4 space-y-2&quot;&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 block rounded-md hover:bg-success hover:text-white transition-all duration-300&quot; :class=&quot;{'!bg-success text-white' : tab === 'home'}&quot; @click=&quot;tab = 'home'&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 block rounded-md hover:bg-success hover:text-white transition-all duration-300&quot; :class=&quot;{'!bg-success text-white' : tab === 'profile'}&quot; @click=&quot;tab = 'profile'&quot;&gt;Profile&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 block rounded-md hover:bg-success hover:text-white transition-all duration-300&quot; :class=&quot;{'!bg-success text-white' : tab === 'messages'}&quot; @click=&quot;tab = 'messages'&quot;&gt;Messages&lt;/a&gt;&lt;/li&gt;
+                &lt;li&gt;&lt;a href=&quot;javascript:&quot; class=&quot;p-3.5 py-2 block rounded-md hover:bg-success hover:text-white transition-all duration-300&quot; :class=&quot;{'!bg-success text-white' : tab === 'settings'}&quot; @click=&quot;tab = 'settings'&quot;&gt;Settings&lt;/a&gt;&lt;/li&gt;
+            &lt;/ul&gt;
+        &lt;/div&gt;
+
+        &lt;!-- description --&gt;
+        &lt;div class=&quot;flex-1 text-sm &quot;&gt;
+            &lt;template x-if=&quot;tab === 'home'&quot;&gt;
+                &lt;div&gt;
+                    &lt;h4 class=&quot;font-semibold text-2xl mb-4&quot;&gt;We move your world!&lt;/h4&gt;
+                    &lt;p class=&quot;mb-4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'profile'&quot;&gt;
+                &lt;div&gt;
+                    &lt;div class=&quot;flex items-start&quot;&gt;
+                        &lt;div class=&quot;w-20 h-20 ltr:mr-4 rtl:ml-4 flex-none&quot;&gt;
+                            &lt;img src=&quot; /assets/images/profile-34.jpeg &quot; alt=&quot;image&quot; class=&quot;w-20 h-20 m-0 rounded-full ring-2 ring-[#ebedf2] dark:ring-white-dark object-cover&quot; /&gt;
+                        &lt;/div&gt;
+                        &lt;div class=&quot;flex-auto&quot;&gt;
+                            &lt;h5 class=&quot;text-xl font-medium mb-4&quot;&gt;Media heading&lt;/h5&gt;
+                            &lt;p class=&quot;text-white-dark&quot;&gt;Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'messages'&quot;&gt;
+                &lt;div&gt;
+                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+            &lt;template x-if=&quot;tab === 'settings'&quot;&gt;
+                &lt;div&gt;
+                    &lt;blockquote class=&quot;text-black p-5 ltr:pl-3.5 rtl:pr-3.5 bg-white shadow-md rounded-tr-md rounded-br-md border border-white-light border-l-2 !border-l-primary dark:bg-[#060818] dark:border-[#060818]&quot;&gt;
+                        &lt;div class=&quot;flex items-start&quot;&gt;
+                            &lt;p class=&quot;not-italic text-[#515365] text-sm dark:text-white-dark m-0&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.&lt;/p&gt;
+                        &lt;/div&gt;
+                    &lt;/blockquote&gt;
+                &lt;/div&gt;
+            &lt;/template&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                },
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/ui-components/timeline.blade.php b/resources/views/ui-components/timeline.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..94d3455768440f7e5c50e272b541835773f883c3
--- /dev/null
+++ b/resources/views/ui-components/timeline.blade.php
@@ -0,0 +1,733 @@
+<x-layout.default>
+
+
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Components</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Timeline</span>
+            </li>
+        </ul>
+        <div class="pt-5 grid grid-cols-1 xl:grid-cols-2 gap-6" x-data="form">
+            <!-- Profile -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Profile</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code1')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <p class="text-white-dark font-bold mb-5 text-base">Today</p>
+                    <div class="sm:flex">
+                        <div
+                            class="relative mx-auto mb-5 sm:mb-0 ltr:sm:mr-8 rtl:sm:ml-8 z-[2] before:absolute before:top-12 before:left-1/2 before:-bottom-[15px] before:-translate-x-1/2 before:border-l-2 before:border-[#ebedf2] before:w-0 before:h-auto before:-z-[1] dark:before:border-[#191e3a] before:hidden sm:before:block">
+                            <img src="/assets/images/profile-16.jpeg" alt="image"
+                                class="w-12 h-12 mx-auto rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)]" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="text-primary text-xl font-bold text-center ltr:sm:text-left rtl:sm:text-right">
+                                Laurie Fox</h4>
+                            <p class="text-center ltr:sm:text-left rtl:sm:text-right">5 sec</p>
+                            <div class="mt-4 sm:mt-7 mb-16">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-5 h-5 text-white-dark ltr:mr-2.5 rtl:ml-2.5 inline-block align-text-bottom">
+                                    <path opacity="0.5"
+                                        d="M2 12H22M16 12C16 13.3132 15.8965 14.6136 15.6955 15.8268C15.4945 17.0401 15.1999 18.1425 14.8284 19.0711C14.457 19.9997 14.016 20.7362 13.5307 21.2388C13.0454 21.7413 12.5253 22 12 22C11.4747 22 10.9546 21.7413 10.4693 21.2388C9.98396 20.7362 9.54301 19.9997 9.17157 19.0711C8.80014 18.1425 8.5055 17.0401 8.30448 15.8268C8.10346 14.6136 8 13.3132 8 12C8 10.6868 8.10346 9.38642 8.30448 8.17316C8.5055 6.95991 8.80014 5.85752 9.17157 4.92893C9.54301 4.00035 9.98396 3.26375 10.4693 2.7612C10.9546 2.25866 11.4747 2 12 2C12.5253 2 13.0454 2.25866 13.5307 2.76121C14.016 3.26375 14.457 4.00035 14.8284 4.92893C15.1999 5.85752 15.4945 6.95991 15.6955 8.17317C15.8965 9.38642 16 10.6868 16 12Z"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M22 12C22 13.3132 21.7413 14.6136 21.2388 15.8268C20.7362 17.0401 19.9997 18.1425 19.0711 19.0711C18.1425 19.9997 17.0401 20.7362 15.8268 21.2388C14.6136 21.7413 13.3132 22 12 22C10.6868 22 9.38642 21.7413 8.17317 21.2388C6.95991 20.7362 5.85752 19.9997 4.92893 19.0711C4.00035 18.1425 3.26375 17.0401 2.7612 15.8268C2.25866 14.6136 2 13.3132 2 12C2 10.6868 2.25866 9.38642 2.76121 8.17316C3.26375 6.95991 4.00035 5.85752 4.92893 4.92893C5.85752 4.00035 6.95991 3.26375 8.17317 2.7612C9.38642 2.25866 10.6868 2 12 2C13.3132 2 14.6136 2.25866 15.8268 2.76121C17.0401 3.26375 18.1425 4.00035 19.0711 4.92893C19.9997 5.85752 20.7362 6.95991 21.2388 8.17317C21.7413 9.38642 22 10.6868 22 12L22 12Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                                <h6 class="inline-block font-bold mb-2 text-lg">Trending Style</h6>
+                                <p class="ltr:pl-8 rtl:pr-8 text-white-dark font-semibold"> Lorem ipsum dolor sit amet,
+                                    consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
+                                    magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+                                    nisi ut aliquip ex ea commodo consequat. </p>
+                                <div class="ltr:pl-8 rtl:pr-8 flex space-x-1 rtl:space-x-reverse mt-6">
+                                    <img src="/assets/images/profile-16.jpeg" alt="image"
+                                        class="w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none" />
+                                    <img src="/assets/images/drag-1.jpeg" alt="image"
+                                        class="w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none" />
+                                    <img src="/assets/images/drag-2.jpeg" alt="image"
+                                        class="w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none" />
+                                    <img src="/assets/images/profile-16.jpeg" alt="image"
+                                        class="w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none" />
+                                    <img src="/assets/images/drag-4.jpg" alt="image"
+                                        class="w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none" />
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="sm:flex">
+                        <div
+                            class="relative mx-auto mb-5 sm:mb-0 ltr:sm:mr-8 rtl:sm:ml-8 z-[2] before:absolute before:top-12 before:left-1/2 before:-bottom-[15px] before:-translate-x-1/2 before:border-l-2 before:border-[#ebedf2] before:w-0 before:h-auto before:-z-[1] dark:before:border-[#191e3a] before:hidden sm:before:block">
+                            <img src="/assets/images/profile-7.jpeg" alt="image"
+                                class="w-12 h-12 mx-auto rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)]" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="text-primary text-xl font-bold text-center ltr:sm:text-left rtl:sm:text-right">
+                                Justin Cross</h4>
+                            <p class="text-center ltr:sm:text-left rtl:sm:text-right">45 min</p>
+                            <div class="mt-4 sm:mt-7 mb-16">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-5 h-5 text-white-dark ltr:mr-2.5 rtl:ml-2.5 inline-block align-text-bottom">
+                                    <path
+                                        d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle opacity="0.5" cx="16" cy="8" r="2"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M2 12.5001L3.75159 10.9675C4.66286 10.1702 6.03628 10.2159 6.89249 11.0721L11.1822 15.3618C11.8694 16.0491 12.9512 16.1428 13.7464 15.5839L14.0446 15.3744C15.1888 14.5702 16.7369 14.6634 17.7765 15.599L21 18.5001"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                <h6 class="inline-block font-bold mb-2 text-lg">Nature Photography</h6>
+                                <p class="ltr:pl-8 rtl:pr-8 text-white-dark font-semibold"> Lorem ipsum dolor sit amet,
+                                    consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
+                                    magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+                                    nisi ut aliquip ex ea commodo consequat. </p>
+                                <div
+                                    class="ltr:pl-8 rtl:pr-8 grid grid-cols-3 sm:grid-cols-5 lg:grid-cols-8 gap-3 mt-6">
+                                    <img src="/assets/images/drag-1.jpeg" alt="image"
+                                        class="w-full rounded-md shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none" />
+                                    <img src="/assets/images/profile-16.jpeg" alt="image"
+                                        class="w-full rounded-md shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none" />
+                                    <img src="/assets/images/drag-4.jpg" alt="image"
+                                        class="w-full rounded-md shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none" />
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="sm:flex">
+                        <div
+                            class="relative mx-auto mb-5 sm:mb-0 ltr:sm:mr-8 rtl:sm:ml-8 z-[2] before:absolute before:top-12 before:left-1/2 before:-bottom-[15px] before:-translate-x-1/2 before:border-l-2 before:border-[#ebedf2] before:w-0 before:h-auto before:-z-[1] dark:before:border-[#191e3a] before:hidden sm:before:block">
+                            <img src="/assets/images/profile-16.jpeg" alt="image"
+                                class="w-12 h-12 mx-auto rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)]" />
+                        </div>
+                        <div class="flex-1">
+                            <h4 class="text-primary text-xl font-bold text-center ltr:sm:text-left rtl:sm:text-right">
+                                Laurie Fox</h4>
+                            <p class="text-center ltr:sm:text-left rtl:sm:text-right">5 sec</p>
+                            <div class="mt-4 sm:mt-7 mb-16">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    class="w-4.5 h-4.5 text-white-dark ltr:mr-2.5 rtl:ml-2.5 inline-block align-text-bottom">
+                                    <path
+                                        d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                        fill="currentColor" />
+                                    <path opacity="0.5" d="M6 14.5H14" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M6 18H11.5" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5"
+                                        d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                                <h6 class="inline-block font-bold mb-2 text-lg">Create new Project</h6>
+                                <p class="ltr:pl-8 rtl:pr-8 text-white-dark font-semibold"> Lorem ipsum dolor sit amet,
+                                    consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
+                                    magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+                                    nisi ut aliquip ex ea commodo consequat. </p>
+                                <div class="ltr:pl-8 rtl:pr-8 flex space-x-1 rtl:space-x-reverse mt-6">
+                                    <img src="/assets/images/profile-16.jpeg" alt="image"
+                                        class="w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none" />
+                                    <img src="/assets/images/drag-1.jpeg" alt="image"
+                                        class="w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none" />
+                                    <img src="/assets/images/drag-2.jpeg" alt="image"
+                                        class="w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none" />
+                                    <img src="/assets/images/profile-16.jpeg" alt="image"
+                                        class="w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none" />
+                                    <img src="/assets/images/drag-4.jpg" alt="image"
+                                        class="w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none" />
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code1')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- profile --&gt;
+    &lt;div class=&quot;mb-5&quot;&gt;
+        &lt;p class=&quot;text-white-dark font-bold mb-5 text-base&quot;&gt;Today&lt;/p&gt;
+        &lt;div class=&quot;sm:flex&quot;&gt;
+            &lt;div class=&quot;relative mx-auto mb-5 sm:mb-0 ltr:sm:mr-8 rtl:sm:ml-8 z-[2] before:absolute before:top-12 before:left-1/2 before:-bottom-[15px] before:-translate-x-1/2 before:border-l-2 before:border-[#ebedf2] before:w-0 before:h-auto before:-z-[1] dark:before:border-[#191e3a] before:hidden sm:before:block&quot;&gt;
+            &lt;img src=&quot; /assets/images/profile-16.jpeg &quot; alt=&quot;image&quot; class=&quot;w-12 h-12 mx-auto rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)]&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;flex-1&quot;&gt;
+                &lt;h4 class=&quot;text-primary text-xl font-bold text-center ltr:sm:text-left rtl:sm:text-right&quot;&gt;Laurie Fox&lt;/h4&gt;
+                &lt;p class=&quot;text-center ltr:sm:text-left rtl:sm:text-right&quot;&gt;5 sec&lt;/p&gt;
+                &lt;div class=&quot;mt-4 sm:mt-7 mb-16&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;h6 class=&quot;inline-block font-bold mb-2 text-lg&quot;&gt;Trending Style&lt;/h6&gt;
+                    &lt;p class=&quot;ltr:pl-8 rtl:pr-8 text-white-dark font-semibold&quot;&gt; Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;div class=&quot;ltr:pl-8 rtl:pr-8 flex space-x-1 rtl:space-x-reverse mt-6&quot;&gt;
+                    &lt;img src=&quot; /assets/images/profile-16.jpeg &quot; alt=&quot;image&quot; class=&quot;w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none&quot; /&gt;
+                    &lt;img src=&quot; /assets/images/drag-1.jpeg &quot; alt=&quot;image&quot; class=&quot;w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none&quot; /&gt;
+                    &lt;img src=&quot; /assets/images/drag-2.jpeg &quot; alt=&quot;image&quot; class=&quot;w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none&quot; /&gt;
+                    &lt;img src=&quot; /assets/images/profile-16.jpeg &quot; alt=&quot;image&quot; class=&quot;w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none&quot; /&gt;
+                    &lt;img src=&quot; /assets/images/drag-4.jpg &quot; alt=&quot;image&quot; class=&quot;w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none&quot; /&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;div class=&quot;sm:flex&quot;&gt;
+            &lt;div class=&quot;relative mx-auto mb-5 sm:mb-0 ltr:sm:mr-8 rtl:sm:ml-8 z-[2] before:absolute before:top-12 before:left-1/2 before:-bottom-[15px] before:-translate-x-1/2 before:border-l-2 before:border-[#ebedf2] before:w-0 before:h-auto before:-z-[1] dark:before:border-[#191e3a] before:hidden sm:before:block&quot;&gt;
+            &lt;img src=&quot; /assets/images/profile-7.jpeg &quot; alt=&quot;image&quot; class=&quot;w-12 h-12 mx-auto rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)]&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;flex-1&quot;&gt;
+                &lt;h4 class=&quot;text-primary text-xl font-bold text-center ltr:sm:text-left rtl:sm:text-right&quot;&gt;Justin Cross&lt;/h4&gt;
+                &lt;p class=&quot;text-center ltr:sm:text-left rtl:sm:text-right&quot;&gt;45 min&lt;/p&gt;
+                &lt;div class=&quot;mt-4 sm:mt-7 mb-16&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;h6 class=&quot;inline-block font-bold mb-2 text-lg&quot;&gt;Nature Photography&lt;/h6&gt;
+                    &lt;p class=&quot;ltr:pl-8 rtl:pr-8 text-white-dark font-semibold&quot;&gt; Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;div class=&quot;ltr:pl-8 rtl:pr-8 grid grid-cols-3 sm:grid-cols-5 lg:grid-cols-8 gap-3 mt-6&quot;&gt;
+                    &lt;img src=&quot; /assets/images/drag-1.jpeg &quot; alt=&quot;image&quot; class=&quot;w-full rounded-md shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none&quot; /&gt;
+                    &lt;img src=&quot; /assets/images/profile-16.jpeg &quot; alt=&quot;image&quot; class=&
+                    quot;w-full rounded-md shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none&quot; /&gt;
+                    &lt;img src=&quot; /assets/images/drag-4.jpg &quot; alt=&quot;image&quot; class=&quot;w-full rounded-md shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none&quot; /&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;div class=&quot;sm:flex&quot;&gt;
+            &lt;div class=&quot;relative mx-auto mb-5 sm:mb-0 ltr:sm:mr-8 rtl:sm:ml-8 z-[2] before:absolute before:top-12 before:left-1/2 before:-bottom-[15px] before:-translate-x-1/2 before:border-l-2 before:border-[#ebedf2] before:w-0 before:h-auto before:-z-[1] dark:before:border-[#191e3a] before:hidden sm:before:block&quot;&gt;
+            &lt;img src=&quot; /assets/images/profile-16.jpeg &quot; alt=&quot;image&quot; class=&quot;w-12 h-12 mx-auto rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)]&quot; /&gt;
+            &lt;/div&gt;
+            &lt;div class=&quot;flex-1&quot;&gt;
+                &lt;h4 class=&quot;text-primary text-xl font-bold text-center ltr:sm:text-left rtl:sm:text-right&quot;&gt;Laurie Fox&lt;/h4&gt;
+                &lt;p class=&quot;text-center ltr:sm:text-left rtl:sm:text-right&quot;&gt;5 sec&lt;/p&gt;
+                &lt;div class=&quot;mt-4 sm:mt-7 mb-16&quot;&gt;
+                    &lt;svg&gt; ... &lt;/svg&gt;
+                    &lt;h6 class=&quot;inline-block font-bold mb-2 text-lg&quot;&gt;Create new Project&lt;/h6&gt;
+                    &lt;p class=&quot;ltr:pl-8 rtl:pr-8 text-white-dark font-semibold&quot;&gt; Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
+                    &lt;div class=&quot;ltr:pl-8 rtl:pr-8 flex space-x-1 rtl:space-x-reverse mt-6&quot;&gt;
+                    &lt;img src=&quot; /assets/images/profile-16.jpeg &quot; alt=&quot;image&quot; class=&quot;w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none&quot; /&gt;
+                    &lt;img src=&quot; /assets/images/drag-1.jpeg &quot; alt=&quot;image&quot; class=&quot;w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none&quot; /&gt;
+                    &lt;img src=&quot; /assets/images/drag-2.jpeg &quot; alt=&quot;image&quot; class=&quot;w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none&quot; /&gt;
+                    &lt;img src=&quot; /assets/images/profile-16.jpeg &quot; alt=&quot;image&quot; class=&quot;w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none&quot; /&gt;
+                    &lt;img src=&quot; /assets/images/drag-4.jpg &quot; alt=&quot;image&quot; class=&quot;w-10 h-10 rounded-full shadow-[0_4px_9px_0_rgba(31,45,61,0.31)] relative top-0 transition-all duration-300 hover:-top-0.5 hover:shadow-none&quot; /&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Modern -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Modern</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code2')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5 inline-block w-full">
+                    <ul
+                        class="relative py-12 before:absolute before:bg-[#ebedf2] dark:before:bg-[#191e3a] before:bottom-0 before:left-1/2 before:top-0 before:w-[3px] before:-ml-[1.5px] max-w-[900px] mx-auto table">
+                        <li class="relative mb-12 before:clear-both before:table after:clear-both after:table">
+                            <div
+                                class="hidden sm:block absolute bg-info border-[3px] border-[#ebedf2] dark:border-[#191e3a] w-5 h-5 rounded-full left-1/2 top-[32px] -ml-2.5 z-[1]">
+                            </div>
+                            <div
+                                class="relative border border-[#ebedf2] dark:border-[#191e3a] max-w-[320px] mx-auto sm:max-w-full w-full sm:w-[46%] shadow-[0_20px_20px_rgba(126,142,177,0.12)] rounded-md bg-white dark:bg-[#191e3a] ltr:sm:float-left rtl:sm:float-right before:absolute before:bg-[#ebedf2] dark:before:bg-[#191e3a] before:w-[37px] before:h-[3px] before:rounded-full ltr:before:-right-[37px] rtl:before:-left-[37px] before:top-10 sm:before:block before:hidden">
+                                <div>
+                                    <img src="/assets/images/carousel1.jpeg" alt="timeline"
+                                        class="w-full rounded-t-md" />
+                                </div>
+                                <div class="p-5">
+                                    <h4 class="mb-3 text-info text-lg font-semibold">Front-End Framework</h4>
+                                    <p class="mb-3 text-white-dark">Map where your photos were taken and discover local
+                                        points of interest. Map where your photos. Map where your photos were taken and
+                                        discover.</p>
+                                    <p><button type="button" class="btn btn-info">Read more</button></p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="relative mb-12 before:clear-both before:table after:clear-both after:table">
+                            <div
+                                class="hidden sm:block absolute bg-primary border-[3px] border-[#ebedf2] dark:border-[#191e3a] w-5 h-5 rounded-full left-1/2 top-[32px] -ml-2.5 z-[1]">
+                            </div>
+                            <div
+                                class="relative border border-[#ebedf2] dark:border-[#191e3a] max-w-[320px] mx-auto sm:max-w-full w-full sm:w-[46%] shadow-[0_20px_20px_rgba(126,142,177,0.12)] rounded-md bg-white dark:bg-[#191e3a] ltr:sm:float-right rtl:sm:float-left before:absolute before:bg-[#ebedf2] dark:before:bg-[#191e3a] before:w-[37px] before:h-[3px] before:rounded-full  ltr:before:-left-[37px] rtl:before:-right-[37px] before:top-10 sm:before:block before:hidden">
+                                <div>
+                                    <img src="/assets/images/menu-heade.jpg" alt="timeline"
+                                        class="w-full rounded-t-md" />
+                                </div>
+                                <div class="p-5">
+                                    <h4 class="mb-3 text-primary text-lg font-semibold">Web Development</h4>
+                                    <p class="mb-3 text-white-dark">Map where your photos were taken and discover local
+                                        points of interest. Map where your photos. Map where your photos were taken and
+                                        discover.</p>
+                                    <p><button type="button" class="btn btn-primary">Read more</button></p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="relative mb-12 before:clear-both before:table after:clear-both after:table">
+                            <div
+                                class="hidden sm:block absolute bg-success border-[3px] border-[#ebedf2] dark:border-[#191e3a] w-5 h-5 rounded-full left-1/2 top-[32px] -ml-2.5 z-[1]">
+                            </div>
+                            <div
+                                class="relative border border-[#ebedf2] dark:border-[#191e3a] max-w-[320px] mx-auto sm:max-w-full w-full sm:w-[46%] shadow-[0_20px_20px_rgba(126,142,177,0.12)] rounded-md bg-white dark:bg-[#191e3a] ltr:sm:float-left rtl:sm:float-right before:absolute before:bg-[#ebedf2] dark:before:bg-[#191e3a] before:w-[37px] before:h-[3px] before:rounded-full ltr:before:-right-[37px] rtl:before:-left-[37px] before:top-10 sm:before:block before:hidden">
+                                <div>
+                                    <img src="/assets/images/carousel1.jpeg" alt="timeline"
+                                        class="w-full rounded-t-md" />
+                                </div>
+                                <div class="p-5">
+                                    <h4 class="mb-3 text-success text-lg font-semibold">Theme Development</h4>
+                                    <p class="mb-3 text-white-dark">Map where your photos were taken and discover local
+                                        points of interest. Map where your photos. Map where your photos were taken and
+                                        discover.</p>
+                                    <p><button type="button" class="btn btn-success">Read more</button></p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="relative mb-12 before:clear-both before:table after:clear-both after:table">
+                            <div
+                                class="hidden sm:block absolute bg-danger border-[3px] border-[#ebedf2] dark:border-[#191e3a] w-5 h-5 rounded-full left-1/2 top-[32px] -ml-2.5 z-[1]">
+                            </div>
+                            <div
+                                class="relative border border-[#ebedf2] dark:border-[#191e3a] max-w-[320px] mx-auto sm:max-w-full w-full sm:w-[46%] shadow-[0_20px_20px_rgba(126,142,177,0.12)] rounded-md bg-white dark:bg-[#191e3a] ltr:sm:float-right rtl:sm:float-left before:absolute before:bg-[#ebedf2] dark:before:bg-[#191e3a] before:w-[37px] before:h-[3px] before:rounded-full  ltr:before:-left-[37px] rtl:before:-right-[37px] before:top-10 sm:before:block before:hidden">
+                                <div>
+                                    <img src="/assets/images/menu-heade.jpg" alt="timeline"
+                                        class="w-full rounded-t-md" />
+                                </div>
+                                <div class="p-5">
+                                    <h4 class="mb-3 text-danger text-lg font-semibold">Plugin Development</h4>
+                                    <p class="mb-3 text-white-dark">Map where your photos were taken and discover local
+                                        points of interest. Map where your photos. Map where your photos were taken and
+                                        discover.</p>
+                                    <p><button type="button" class="btn btn-danger">Read more</button></p>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+                <template x-if="codeArr.includes('code2')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- modern --&gt;
+    &lt;ul class=&quot;relative py-12 before:absolute before:bg-[#ebedf2] dark:before:bg-[#191e3a] before:bottom-0 before:left-1/2 before:top-0 before:w-[3px] before:-ml-[1.5px] max-w-[900px] mx-auto table&quot;&gt;
+        &lt;li class=&quot;relative mb-12 before:clear-both before:table after:clear-both after:table&quot;&gt;
+            &lt;div class=&quot;hidden sm:block absolute bg-info border-[3px] border-[#ebedf2] dark:border-[#191e3a] w-5 h-5 rounded-full left-1/2 top-[32px] -ml-2.5 z-[1]&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;relative border border-[#ebedf2] dark:border-[#191e3a] max-w-[320px] mx-auto sm:max-w-full w-full sm:w-[46%] shadow-[0_20px_20px_rgba(126,142,177,0.12)] rounded-md bg-white dark:bg-[#191e3a] ltr:sm:float-left rtl:sm:float-right before:absolute before:bg-[#ebedf2] dark:before:bg-[#191e3a] before:w-[37px] before:h-[3px] before:rounded-full ltr:before:-right-[37px] rtl:before:-left-[37px] before:top-10 sm:before:block before:hidden&quot;&gt;
+                &lt;div&gt;
+                &lt;img src=&quot; /assets/images/carousel1.jpeg &quot; alt=&quot;timeline&quot; class=&quot;w-full rounded-t-md&quot; /&gt;
+                &lt;/div&gt;
+                &lt;div class=&quot;p-5&quot;&gt;
+                    &lt;h4 class=&quot;mb-3 text-info text-lg font-semibold&quot;&gt;Front-End Framework&lt;/h4&gt;
+                    &lt;p class=&quot;mb-3 text-white-dark&quot;&gt;Map where your photos were taken and discover local points of interest. Map where your photos. Map where your photos were taken and discover.&lt;/p&gt;
+                    &lt;p&gt;&lt;button type=&quot;button&quot; class=&quot;btn btn-info&quot;&gt;Read more&lt;/button&gt;&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/li&gt;
+        &lt;li class=&quot;relative mb-12 before:clear-both before:table after:clear-both after:table&quot;&gt;
+            &lt;div class=&quot;hidden sm:block absolute bg-primary border-[3px] border-[#ebedf2] dark:border-[#191e3a] w-5 h-5 rounded-full left-1/2 top-[32px] -ml-2.5 z-[1]&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;relative border border-[#ebedf2] dark:border-[#191e3a] max-w-[320px] mx-auto sm:max-w-full w-full sm:w-[46%] shadow-[0_20px_20px_rgba(126,142,177,0.12)] rounded-md bg-white dark:bg-[#191e3a] ltr:sm:float-right rtl:sm:float-left before:absolute before:bg-[#ebedf2] dark:before:bg-[#191e3a] before:w-[37px] before:h-[3px] before:rounded-full  ltr:before:-left-[37px] rtl:before:-right-[37px] before:top-10 sm:before:block before:hidden&quot;&gt;
+                &lt;div&gt;
+                &lt;img src=&quot; /assets/images/menu-heade.jpg &quot; alt=&quot;timeline&quot; class=&quot;w-full rounded-t-md&quot; /&gt;
+                &lt;/div&gt;
+                &lt;div class=&quot;p-5&quot;&gt;
+                    &lt;h4 class=&quot;mb-3 text-primary text-lg font-semibold&quot;&gt;Web Development&lt;/h4&gt;
+                    &lt;p class=&quot;mb-3 text-white-dark&quot;&gt;Map where your photos were taken and discover local points of interest. Map where your photos. Map where your photos were taken and discover.&lt;/p&gt;
+                    &lt;p&gt;&lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot;&gt;Read more&lt;/button&gt;&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/li&gt;
+        &lt;li class=&quot;relative mb-12 before:clear-both before:table after:clear-both after:table&quot;&gt;
+            &lt;div class=&quot;hidden sm:block absolute bg-success border-[3px] border-[#ebedf2] dark:border-[#191e3a] w-5 h-5 rounded-full left-1/2 top-[32px] -ml-2.5 z-[1]&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;relative border border-[#ebedf2] dark:border-[#191e3a] max-w-[320px] mx-auto sm:max-w-full w-full sm:w-[46%] shadow-[0_20px_20px_rgba(126,142,177,0.12)] rounded-md bg-white dark:bg-[#191e3a] ltr:sm:float-left rtl:sm:float-right before:absolute before:bg-[#ebedf2] dark:before:bg-[#191e3a] before:w-[37px] before:h-[3px] before:rounded-full ltr:before:-right-[37px] rtl:before:-left-[37px] before:top-10 sm:before:block before:hidden&quot;&gt;
+                &lt;div&gt;
+                &lt;img src=&quot; /assets/images/carousel1.jpeg &quot; alt=&quot;timeline&quot; class=&quot;w-full rounded-t-md&quot; /&gt;
+                &lt;/div&gt;
+                &lt;div class=&quot;p-5&quot;&gt;
+                    &lt;h4 class=&quot;mb-3 text-success text-lg font-semibold&quot;&gt;Theme Development&lt;/h4&gt;
+                    &lt;p class=&quot;mb-3 text-white-dark&quot;&gt;Map where your photos were taken and discover local points of interest. Map where your photos. Map where your photos were taken and discover.&lt;/p&gt;
+                    &lt;p&gt;&lt;button type=&quot;button&quot; class=&quot;btn btn-success&quot;&gt;Read more&lt;/button&gt;&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/li&gt;
+        &lt;li class=&quot;relative mb-12 before:clear-both before:table after:clear-both after:table&quot;&gt;
+            &lt;div class=&quot;hidden sm:block absolute bg-danger border-[3px] border-[#ebedf2] dark:border-[#191e3a] w-5 h-5 rounded-full left-1/2 top-[32px] -ml-2.5 z-[1]&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;relative border border-[#ebedf2] dark:border-[#191e3a] max-w-[320px] mx-auto sm:max-w-full w-full sm:w-[46%] shadow-[0_20px_20px_rgba(126,142,177,0.12)] rounded-md bg-white dark:bg-[#191e3a] ltr:sm:float-right rtl:sm:float-left before:absolute before:bg-[#ebedf2] dark:before:bg-[#191e3a] before:w-[37px] before:h-[3px] before:rounded-full  ltr:before:-left-[37px] rtl:before:-right-[37px] before:top-10 sm:before:block before:hidden&quot;&gt;
+                &lt;div&gt;
+                &lt;img src=&quot; /assets/images/menu-heade.jpg &quot; alt=&quot;timeline&quot; class=&quot;w-full rounded-t-md&quot; /&gt;
+                &lt;/div&gt;
+                &lt;div class=&quot;p-5&quot;&gt;
+                    &lt;h4 class=&quot;mb-3 text-danger text-lg font-semibold&quot;&gt;Plugin Development&lt;/h4&gt;
+                    &lt;p class=&quot;mb-3 text-white-dark&quot;&gt;Map where your photos were taken and discover local points of interest. Map where your photos. Map where your photos were taken and discover.&lt;/p&gt;
+                    &lt;p&gt;&lt;button type=&quot;button&quot; class=&quot;btn btn-danger&quot;&gt;Read more&lt;/button&gt;&lt;/p&gt;
+                &lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/li&gt;
+    &lt;/ul&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Basic -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Basic</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code3')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div class="max-w-[900px] mx-auto">
+                        <div class="flex">
+                            <p
+                                class="text-[#3b3f5c] dark:text-white-light min-w-[58px] max-w-[100px] text-base font-semibold py-2.5">
+                                10:00</p>
+                            <div
+                                class="relative before:absolute before:left-1/2 before:-translate-x-1/2 before:top-[15px] before:w-2.5 before:h-2.5 before:border-2 before:border-primary before:rounded-full after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-primary after:rounded-full">
+                            </div>
+                            <div class="p-2.5 self-center ltr:ml-2.5 rtl:ltr:mr-2.5 rtl:ml-2.5">
+                                <p class="text-[#3b3f5c] dark:text-white-light font-semibold text-[13px]">Updated
+                                    Server Logs</p>
+                                <p class="text-white-dark text-xs font-bold self-center min-w-[100px] max-w-[100px]">25
+                                    mins ago</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p
+                                class="text-[#3b3f5c] dark:text-white-light min-w-[58px] max-w-[100px] text-base font-semibold py-2.5">
+                                12:45</p>
+                            <div
+                                class="relative before:absolute before:left-1/2 before:-translate-x-1/2 before:top-[15px] before:w-2.5 before:h-2.5 before:border-2 before:border-secondary before:rounded-full after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-secondary after:rounded-full">
+                            </div>
+                            <div class="p-2.5 self-center ltr:ml-2.5 rtl:ltr:mr-2.5 rtl:ml-2.5">
+                                <p class="text-[#3b3f5c] dark:text-white-light font-semibold text-[13px]">Backup Files
+                                    EOD</p>
+                                <p class="text-white-dark text-xs font-bold self-center min-w-[100px] max-w-[100px]">2
+                                    hrs ago</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p
+                                class="text-[#3b3f5c] dark:text-white-light min-w-[58px] max-w-[100px] text-base font-semibold py-2.5">
+                                14:00</p>
+                            <div
+                                class="relative before:absolute before:left-1/2 before:-translate-x-1/2 before:top-[15px] before:w-2.5 before:h-2.5 before:border-2 before:border-success before:rounded-full after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-success after:rounded-full">
+                            </div>
+                            <div class="p-2.5 self-center ltr:ml-2.5 rtl:ltr:mr-2.5 rtl:ml-2.5">
+                                <p class="text-[#3b3f5c] dark:text-white-light font-semibold text-[13px]">Send Mail to
+                                    HR and Admin</p>
+                                <p class="text-white-dark text-xs font-bold self-center min-w-[100px] max-w-[100px]">4
+                                    hrs ago</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p
+                                class="text-[#3b3f5c] dark:text-white-light min-w-[58px] max-w-[100px] text-base font-semibold py-2.5">
+                                16:00</p>
+                            <div
+                                class="relative before:absolute before:left-1/2 before:-translate-x-1/2 before:top-[15px] before:w-2.5 before:h-2.5 before:border-2 before:border-danger before:rounded-full after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-danger after:rounded-full">
+                            </div>
+                            <div class="p-2.5 self-center ltr:ml-2.5 rtl:ltr:mr-2.5 rtl:ml-2.5">
+                                <p class="text-[#3b3f5c] dark:text-white-light font-semibold text-[13px]">Conference
+                                    call with Marketing Manager.</p>
+                                <p class="text-white-dark text-xs font-bold self-center min-w-[100px] max-w-[100px]">6
+                                    hrs ago</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p
+                                class="text-[#3b3f5c] dark:text-white-light min-w-[58px] max-w-[100px] text-base font-semibold py-2.5">
+                                17:00</p>
+                            <div
+                                class="relative before:absolute before:left-1/2 before:-translate-x-1/2 before:top-[15px] before:w-2.5 before:h-2.5 before:border-2 before:border-warning before:rounded-full after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-warning after:rounded-full">
+                            </div>
+                            <div class="p-2.5 self-center ltr:ml-2.5 rtl:ltr:mr-2.5 rtl:ml-2.5">
+                                <p class="text-[#3b3f5c] dark:text-white-light font-semibold text-[13px]">Collected
+                                    documents from <a href="javascript:void(0);">Sara</a></p>
+                                <p class="text-white-dark text-xs font-bold self-center min-w-[100px] max-w-[100px]">9
+                                    hrs ago</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p
+                                class="text-[#3b3f5c] dark:text-white-light min-w-[58px] max-w-[100px] text-base font-semibold py-2.5">
+                                16:00</p>
+                            <div
+                                class="relative before:absolute before:left-1/2 before:-translate-x-1/2 before:top-[15px] before:w-2.5 before:h-2.5 before:border-2 before:border-info before:rounded-full">
+                            </div>
+                            <div class="p-2.5 self-center ltr:ml-2.5 rtl:ltr:mr-2.5 rtl:ml-2.5">
+                                <p class="text-[#3b3f5c] dark:text-white-light font-semibold text-[13px]">Server
+                                    rebooted successfully</p>
+                                <p class="text-white-dark text-xs font-bold self-center min-w-[100px] max-w-[100px]">8
+                                    hrs ago</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code3')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- basic --&gt;
+    &lt;div class=&quot;max-w-[900px] mx-auto&quot;&gt;
+        &lt;div class=&quot;flex&quot;&gt;
+            &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light min-w-[58px] max-w-[100px] text-base font-semibold py-2.5&quot;&gt;10:00&lt;/p&gt;
+            &lt;div class=&quot;relative before:absolute before:left-1/2 before:-translate-x-1/2 before:top-[15px] before:w-2.5 before:h-2.5 before:border-2 before:border-primary before:rounded-full after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-primary after:rounded-full&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;p-2.5 self-center ltr:ml-2.5 rtl:ltr:mr-2.5 rtl:ml-2.5&quot;&gt;
+                &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light font-semibold text-[13px]&quot;&gt;Updated Server Logs&lt;/p&gt;
+                &lt;p class=&quot;text-white-dark text-xs font-bold self-center min-w-[100px] max-w-[100px]&quot;&gt;25 mins ago&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex&quot;&gt;
+            &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light min-w-[58px] max-w-[100px] text-base font-semibold py-2.5&quot;&gt;12:45&lt;/p&gt;
+            &lt;div class=&quot;relative before:absolute before:left-1/2 before:-translate-x-1/2 before:top-[15px] before:w-2.5 before:h-2.5 before:border-2 before:border-secondary before:rounded-full after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-secondary after:rounded-full&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;p-2.5 self-center ltr:ml-2.5 rtl:ltr:mr-2.5 rtl:ml-2.5&quot;&gt;
+                &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light font-semibold text-[13px]&quot;&gt;Backup Files EOD&lt;/p&gt;
+                &lt;p class=&quot;text-white-dark text-xs font-bold self-center min-w-[100px] max-w-[100px]&quot;&gt;2 hrs ago&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex&quot;&gt;
+            &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light min-w-[58px] max-w-[100px] text-base font-semibold py-2.5&quot;&gt;14:00&lt;/p&gt;
+            &lt;div class=&quot;relative before:absolute before:left-1/2 before:-translate-x-1/2 before:top-[15px] before:w-2.5 before:h-2.5 before:border-2 before:border-success before:rounded-full after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-success after:rounded-full&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;p-2.5 self-center ltr:ml-2.5 rtl:ltr:mr-2.5 rtl:ml-2.5&quot;&gt;
+                &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light font-semibold text-[13px]&quot;&gt;Send Mail to HR and Admin&lt;/p&gt;
+                &lt;p class=&quot;text-white-dark text-xs font-bold self-center min-w-[100px] max-w-[100px]&quot;&gt;4 hrs ago&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex&quot;&gt;
+            &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light min-w-[58px] max-w-[100px] text-base font-semibold py-2.5&quot;&gt;16:00&lt;/p&gt;
+            &lt;div class=&quot;relative before:absolute before:left-1/2 before:-translate-x-1/2 before:top-[15px] before:w-2.5 before:h-2.5 before:border-2 before:border-danger before:rounded-full after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-danger after:rounded-full&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;p-2.5 self-center ltr:ml-2.5 rtl:ltr:mr-2.5 rtl:ml-2.5&quot;&gt;
+                &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light font-semibold text-[13px]&quot;&gt;Conference call with Marketing Manager.&lt;/p&gt;
+                &lt;p class=&quot;text-white-dark text-xs font-bold self-center min-w-[100px] max-w-[100px]&quot;&gt;6 hrs ago&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex&quot;&gt;
+            &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light min-w-[58px] max-w-[100px] text-base font-semibold py-2.5&quot;&gt;17:00&lt;/p&gt;
+            &lt;div class=&quot;relative before:absolute before:left-1/2 before:-translate-x-1/2 before:top-[15px] before:w-2.5 before:h-2.5 before:border-2 before:border-warning before:rounded-full after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-warning after:rounded-full&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;p-2.5 self-center ltr:ml-2.5 rtl:ltr:mr-2.5 rtl:ml-2.5&quot;&gt;
+                &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light font-semibold text-[13px]&quot;&gt;Collected documents from &lt;a href=&quot;javascript:void(0);&quot;&gt;Sara&lt;/a&gt;&lt;/p&gt;
+                &lt;p class=&quot;text-white-dark text-xs font-bold self-center min-w-[100px] max-w-[100px]&quot;&gt;9 hrs ago&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;flex&quot;&gt;
+            &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light min-w-[58px] max-w-[100px] text-base font-semibold py-2.5&quot;&gt;16:00&lt;/p&gt;
+            &lt;div class=&quot;relative before:absolute before:left-1/2 before:-translate-x-1/2 before:top-[15px] before:w-2.5 before:h-2.5 before:border-2 before:border-info before:rounded-full&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;p-2.5 self-center ltr:ml-2.5 rtl:ltr:mr-2.5 rtl:ml-2.5&quot;&gt;
+                &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light font-semibold text-[13px]&quot;&gt;Server rebooted successfully&lt;/p&gt;
+                &lt;p class=&quot;text-white-dark text-xs font-bold self-center min-w-[100px] max-w-[100px]&quot;&gt;8 hrs ago&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+            <!-- Images -->
+            <div class="panel">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">With Images</h5>
+                    <a class="font-semibold hover:text-gray-400 dark:text-gray-400 dark:hover:text-gray-600"
+                        href="javascript:;" @click="toggleCode('code4')"><span class="flex items-center">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ltr:mr-2 rtl:ml-2">
+                                <path
+                                    d="M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5" d="M13.9868 5L10.0132 19.8297" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Code</span></a>
+                </div>
+                <div class="mb-5">
+                    <div
+                        class="max-w-[900px] mx-auto text-center ltr:sm:text-left rtl:sm:text-right space-y-3 sm:space-y-0">
+                        <div class="sm:flex items-center">
+                            <p class="text-[#3b3f5c] dark:text-white-light text-base font-semibold p-2.5">09:00</p>
+                            <div
+                                class="p-2.5 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-white-dark/20 after:rounded-full">
+                                <img src="/assets/images/profile-16.jpeg" alt="image"
+                                    class="w-11 h-11 rounded-full relative z-[1] mx-auto" />
+                            </div>
+                            <p
+                                class="text-white-dark text-xs font-bold self-center sm:min-w-[100px] sm:max-w-[100px] p-2.5 mt-5 sm:mt-0">
+                                25 mins ago</p>
+                            <p class="text-[#3b3f5c] dark:text-white-light font-semibold text-[13px] p-2.5">Conference
+                                call with Marketing Manager.</p>
+                        </div>
+                        <div class="sm:flex items-center">
+                            <p class="text-[#3b3f5c] dark:text-white-light text-base font-semibold p-2.5">10:00</p>
+                            <div
+                                class="p-2.5 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-white-dark/20 after:rounded-full">
+                                <img src="/assets/images/profile-1.jpeg" alt="image"
+                                    class="w-11 h-11 rounded-full relative z-[1] mx-auto" />
+                            </div>
+                            <p
+                                class="text-white-dark text-xs font-bold self-center sm:min-w-[100px] sm:max-w-[100px] p-2.5 mt-5 sm:mt-0">
+                                2 hrs ago</p>
+                            <p class="text-[#3b3f5c] dark:text-white-light font-semibold text-[13px] p-2.5">Server
+                                rebooted successfully</p>
+                        </div>
+                        <div class="sm:flex items-center">
+                            <p class="text-[#3b3f5c] dark:text-white-light text-base font-semibold p-2.5">11:00</p>
+                            <div
+                                class="p-2.5 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-white-dark/20 after:rounded-full">
+                                <img src="/assets/images/profile-2.jpeg" alt="image"
+                                    class="w-11 h-11 rounded-full relative z-[1] mx-auto" />
+                            </div>
+                            <p
+                                class="text-white-dark text-xs font-bold self-center sm:min-w-[100px] sm:max-w-[100px] p-2.5 mt-5 sm:mt-0">
+                                4 hrs ago</p>
+                            <p class="text-[#3b3f5c] dark:text-white-light font-semibold text-[13px] p-2.5">Backup
+                                Files EOD</p>
+                        </div>
+                        <div class="sm:flex items-center">
+                            <p class="text-[#3b3f5c] dark:text-white-light text-base font-semibold p-2.5">12:00</p>
+                            <div
+                                class="p-2.5 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-white-dark/20 after:rounded-full">
+                                <img src="/assets/images/profile-3.jpeg" alt="image"
+                                    class="w-11 h-11 rounded-full relative z-[1] mx-auto" />
+                            </div>
+                            <p
+                                class="text-white-dark text-xs font-bold self-center sm:min-w-[100px] sm:max-w-[100px] p-2.5 mt-5 sm:mt-0">
+                                6 hrs ago</p>
+                            <p class="text-[#3b3f5c] dark:text-white-light font-semibold text-[13px] p-2.5">Collected
+                                documents from Sara</p>
+                        </div>
+                        <div class="sm:flex items-center">
+                            <p class="text-[#3b3f5c] dark:text-white-light text-base font-semibold p-2.5">01:00</p>
+                            <div class="p-2.5 relative">
+                                <img src="/assets/images/profile-4.jpeg" alt="image"
+                                    class="w-11 h-11 rounded-full relative z-[1] mx-auto" />
+                            </div>
+                            <p
+                                class="text-white-dark text-xs font-bold self-center sm:min-w-[100px] sm:max-w-[100px] p-2.5 mt-5 sm:mt-0">
+                                9 hrs ago</p>
+                            <p class="text-[#3b3f5c] dark:text-white-light font-semibold text-[13px] p-2.5">PDF file
+                                Download</p>
+                        </div>
+                    </div>
+                </div>
+                <template x-if="codeArr.includes('code4')">
+                    <pre class="code overflow-auto !bg-[#191e3a] p-4 rounded-md text-white">
+    &lt;!-- images --&gt;
+    &lt;div class=&quot;max-w-[900px] mx-auto text-center ltr:sm:text-left rtl:sm:text-right space-y-3 sm:space-y-0&quot;&gt;
+        &lt;div class=&quot;sm:flex items-center&quot;&gt;
+            &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light text-base font-semibold p-2.5&quot;&gt;09:00&lt;/p&gt;
+            &lt;div class=&quot;p-2.5 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-white-dark/20 after:rounded-full&quot;&gt;
+            &lt;img src=&quot; /assets/images/profile-16.jpeg &quot; alt=&quot;image&quot; class=&quot;w-11 h-11 rounded-full relative z-[1] mx-auto&quot; /&gt;
+            &lt;/div&gt;
+            &lt;p class=&quot;text-white-dark text-xs font-bold self-center sm:min-w-[100px] sm:max-w-[100px] p-2.5 mt-5 sm:mt-0&quot;&gt;25 mins ago&lt;/p&gt;
+            &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light font-semibold text-[13px] p-2.5&quot;&gt;Conference call with Marketing Manager.&lt;/p&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;sm:flex items-center&quot;&gt;
+            &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light text-base font-semibold p-2.5&quot;&gt;10:00&lt;/p&gt;
+            &lt;div class=&quot;p-2.5 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-white-dark/20 after:rounded-full&quot;&gt;
+            &lt;img src=&quot; /assets/images/profile-1.jpeg &quot; alt=&quot;image&quot; class=&quot;w-11 h-11 rounded-full relative z-[1] mx-auto&quot; /&gt;
+            &lt;/div&gt;
+            &lt;p class=&quot;text-white-dark text-xs font-bold self-center sm:min-w-[100px] sm:max-w-[100px] p-2.5 mt-5 sm:mt-0&quot;&gt;2 hrs ago&lt;/p&gt;
+            &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light font-semibold text-[13px] p-2.5&quot;&gt;Server rebooted successfully&lt;/p&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;sm:flex items-center&quot;&gt;
+            &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light text-base font-semibold p-2.5&quot;&gt;11:00&lt;/p&gt;
+            &lt;div class=&quot;p-2.5 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-white-dark/20 after:rounded-full&quot;&gt;
+            &lt;img src=&quot; /assets/images/profile-2.jpeg &quot; alt=&quot;image&quot; class=&quot;w-11 h-11 rounded-full relative z-[1] mx-auto&quot; /&gt;
+            &lt;/div&gt;
+            &lt;p class=&quot;text-white-dark text-xs font-bold self-center sm:min-w-[100px] sm:max-w-[100px] p-2.5 mt-5 sm:mt-0&quot;&gt;4 hrs ago&lt;/p&gt;
+            &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light font-semibold text-[13px] p-2.5&quot;&gt;Backup Files EOD&lt;/p&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;sm:flex items-center&quot;&gt;
+            &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light text-base font-semibold p-2.5&quot;&gt;12:00&lt;/p&gt;
+            &lt;div class=&quot;p-2.5 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:top-[25px] after:-bottom-[15px] after:w-0 after:h-auto after:border-l-2 after:border-white-dark/20 after:rounded-full&quot;&gt;
+            &lt;img src=&quot; /assets/images/profile-3.jpeg &quot; alt=&quot;image&quot; class=&quot;w-11 h-11 rounded-full relative z-[1] mx-auto&quot; /&gt;
+            &lt;/div&gt;
+            &lt;p class=&quot;text-white-dark text-xs font-bold self-center sm:min-w-[100px] sm:max-w-[100px] p-2.5 mt-5 sm:mt-0&quot;&gt;6 hrs ago&lt;/p&gt;
+            &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light font-semibold text-[13px] p-2.5&quot;&gt;Collected documents from Sara&lt;/p&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;sm:flex items-center&quot;&gt;
+            &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light text-base font-semibold p-2.5&quot;&gt;01:00&lt;/p&gt;
+            &lt;div class=&quot;p-2.5 relative&quot;&gt;
+            &lt;img src=&quot; /assets/images/profile-4.jpeg &quot; alt=&quot;image&quot; class=&quot;w-11 h-11 rounded-full relative z-[1] mx-auto&quot; /&gt;
+            &lt;/div&gt;
+            &lt;p class=&quot;text-white-dark text-xs font-bold self-center sm:min-w-[100px] sm:max-w-[100px] p-2.5 mt-5 sm:mt-0&quot;&gt;9 hrs ago&lt;/p&gt;
+            &lt;p class=&quot;text-[#3b3f5c] dark:text-white-light font-semibold text-[13px] p-2.5&quot;&gt;PDF file Download&lt;/p&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+    </pre>
+                </template>
+            </div>
+        </div>
+    </div>
+
+    <!-- start hightlight js -->
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+    <!-- end hightlight js -->
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("form", () => ({
+
+                // highlightjs
+                codeArr: [],
+                toggleCode(name) {
+                    if (this.codeArr.includes(name)) {
+                        this.codeArr = this.codeArr.filter((d) => d != name);
+                    } else {
+                        this.codeArr.push(name);
+
+                        setTimeout(() => {
+                            document.querySelectorAll('pre.code').forEach(el => {
+                                hljs.highlightElement(el);
+                            });
+                        });
+                    }
+                }
+
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/resources/views/users/profile.blade.php b/resources/views/users/profile.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..431e0797a0e5107804f93fd921cabfff8a039874
--- /dev/null
+++ b/resources/views/users/profile.blade.php
@@ -0,0 +1,528 @@
+<x-layout.default>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Users</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Profile</span>
+            </li>
+        </ul>
+        <div class="pt-5">
+            <div class="grid grid-cols-1 lg:grid-cols-3 xl:grid-cols-4 gap-5 mb-5">
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Profile</h5>
+                        <a href="/users/user-account-settings"
+                            class="ltr:ml-auto rtl:mr-auto btn btn-primary p-2 rounded-full">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                <path opacity="0.5" d="M4 22H20" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path
+                                    d="M14.6296 2.92142L13.8881 3.66293L7.07106 10.4799C6.60933 10.9416 6.37846 11.1725 6.17992 11.4271C5.94571 11.7273 5.74491 12.0522 5.58107 12.396C5.44219 12.6874 5.33894 12.9972 5.13245 13.6167L4.25745 16.2417L4.04356 16.8833C3.94194 17.1882 4.02128 17.5243 4.2485 17.7515C4.47573 17.9787 4.81182 18.0581 5.11667 17.9564L5.75834 17.7426L8.38334 16.8675L8.3834 16.8675C9.00284 16.6611 9.31256 16.5578 9.60398 16.4189C9.94775 16.2551 10.2727 16.0543 10.5729 15.8201C10.8275 15.6215 11.0583 15.3907 11.5201 14.929L11.5201 14.9289L18.3371 8.11195L19.0786 7.37044C20.3071 6.14188 20.3071 4.14999 19.0786 2.92142C17.85 1.69286 15.8581 1.69286 14.6296 2.92142Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M13.8879 3.66406C13.8879 3.66406 13.9806 5.23976 15.3709 6.63008C16.7613 8.0204 18.337 8.11308 18.337 8.11308M5.75821 17.7437L4.25732 16.2428"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                        </a>
+                    </div>
+                    <div class="mb-5">
+                        <div class="flex flex-col justify-center items-center">
+                            <img src="/assets/images/profile-34.jpeg" alt="image"
+                                class="w-24 h-24 rounded-full object-cover  mb-5" />
+                            <p class="font-semibold text-primary text-xl">Jimmy Turner</p>
+                        </div>
+                        <ul class="mt-5 flex flex-col max-w-[160px] m-auto space-y-4 font-semibold text-white-dark">
+                            <li class="flex items-center gap-2">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                    <path
+                                        d="M2.3153 12.6978C2.26536 12.2706 2.2404 12.057 2.2509 11.8809C2.30599 10.9577 2.98677 10.1928 3.89725 10.0309C4.07094 10 4.286 10 4.71612 10H15.2838C15.7139 10 15.929 10 16.1027 10.0309C17.0132 10.1928 17.694 10.9577 17.749 11.8809C17.7595 12.057 17.7346 12.2706 17.6846 12.6978L17.284 16.1258C17.1031 17.6729 16.2764 19.0714 15.0081 19.9757C14.0736 20.6419 12.9546 21 11.8069 21H8.19303C7.04537 21 5.9263 20.6419 4.99182 19.9757C3.72352 19.0714 2.89681 17.6729 2.71598 16.1258L2.3153 12.6978Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M17 17H19C20.6569 17 22 15.6569 22 14C22 12.3431 20.6569 11 19 11H17.5"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M10.0002 2C9.44787 2.55228 9.44787 3.44772 10.0002 4C10.5524 4.55228 10.5524 5.44772 10.0002 6"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                        stroke-linejoin="round" />
+                                    <path
+                                        d="M4.99994 7.5L5.11605 7.38388C5.62322 6.87671 5.68028 6.0738 5.24994 5.5C4.81959 4.9262 4.87665 4.12329 5.38382 3.61612L5.49994 3.5"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                        stroke-linejoin="round" />
+                                    <path
+                                        d="M14.4999 7.5L14.6161 7.38388C15.1232 6.87671 15.1803 6.0738 14.7499 5.5C14.3196 4.9262 14.3767 4.12329 14.8838 3.61612L14.9999 3.5"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                        stroke-linejoin="round" />
+                                </svg>
+                                Web Developer
+                            </li>
+                            <li class="flex items-center gap-2">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                    <path
+                                        d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V12Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5" d="M7 4V2.5" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M17 4V2.5" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M2 9H22" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                </svg>
+                                Jan 20, 1989
+                            </li>
+                            <li class="flex items-center gap-2">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                    <path opacity="0.5"
+                                        d="M4 10.1433C4 5.64588 7.58172 2 12 2C16.4183 2 20 5.64588 20 10.1433C20 14.6055 17.4467 19.8124 13.4629 21.6744C12.5343 22.1085 11.4657 22.1085 10.5371 21.6744C6.55332 19.8124 4 14.6055 4 10.1433Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle cx="12" cy="10" r="3" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                </svg>
+                                New York, USA
+                            </li>
+                            <li>
+                                <a href="javascript:;" class="flex items-center gap-2">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                        <path opacity="0.5"
+                                            d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path
+                                            d="M6 8L8.1589 9.79908C9.99553 11.3296 10.9139 12.0949 12 12.0949C13.0861 12.0949 14.0045 11.3296 15.8411 9.79908L18 8"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                    <span class="text-primary truncate">jimmy@gmail.com</span></a>
+                            </li>
+                            <li class="flex items-center gap-2">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                    <path
+                                        d="M16.1007 13.359L16.5562 12.9062C17.1858 12.2801 18.1672 12.1515 18.9728 12.5894L20.8833 13.628C22.1102 14.2949 22.3806 15.9295 21.4217 16.883L20.0011 18.2954C19.6399 18.6546 19.1917 18.9171 18.6763 18.9651M4.00289 5.74561C3.96765 5.12559 4.25823 4.56668 4.69185 4.13552L6.26145 2.57483C7.13596 1.70529 8.61028 1.83992 9.37326 2.85908L10.6342 4.54348C11.2507 5.36691 11.1841 6.49484 10.4775 7.19738L10.1907 7.48257"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M18.6763 18.9651C17.0469 19.117 13.0622 18.9492 8.8154 14.7266C4.81076 10.7447 4.09308 7.33182 4.00293 5.74561"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M16.1007 13.3589C16.1007 13.3589 15.0181 14.4353 12.0631 11.4971C9.10807 8.55886 10.1907 7.48242 10.1907 7.48242"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                                <span class="whitespace-nowrap" dir="ltr">+1 (530) 555-12121</span>
+                            </li>
+                        </ul>
+                        <ul class="mt-7 flex items-center justify-center gap-2">
+                            <li>
+                                <a class="btn btn-info flex items-center justify-center rounded-full w-10 h-10 p-0"
+                                    href="javascript:;">
+
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                        <path
+                                            d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z">
+                                        </path>
+                                    </svg>
+                                </a>
+                            </li>
+                            <li>
+                                <a class="btn btn-danger flex items-center justify-center rounded-full w-10 h-10 p-0"
+                                    href="javascript:;">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                        <path
+                                            d="M3.33946 16.9997C6.10089 21.7826 12.2168 23.4214 16.9997 20.66C18.9493 19.5344 20.3765 17.8514 21.1962 15.9286C22.3875 13.1341 22.2958 9.83304 20.66 6.99972C19.0242 4.1664 16.2112 2.43642 13.1955 2.07088C11.1204 1.81935 8.94932 2.21386 6.99972 3.33946C2.21679 6.10089 0.578039 12.2168 3.33946 16.9997Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path opacity="0.5"
+                                            d="M16.9497 20.5732C16.9497 20.5732 16.0107 13.9821 14.0004 10.5001C11.99 7.01803 7.05018 3.42681 7.05018 3.42681M7.57711 20.8175C9.05874 16.3477 16.4525 11.3931 21.8635 12.5801M16.4139 3.20898C14.926 7.63004 7.67424 12.5123 2.28857 11.4516"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                </a>
+                            </li>
+                            <li>
+                                <a class="btn btn-dark flex items-center justify-center rounded-full w-10 h-10 p-0"
+                                    href="javascript:;">
+
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                        <path
+                                            d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22">
+                                        </path>
+                                    </svg>
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="panel lg:col-span-2 xl:col-span-3">
+                    <div class="mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Task</h5>
+                    </div>
+                    <div class="mb-5">
+                        <div class="table-responsive text-[#515365] dark:text-white-light font-semibold">
+                            <table class="whitespace-nowrap">
+                                <thead>
+                                    <tr>
+                                        <th>Projects</th>
+                                        <th>Progress</th>
+                                        <th>Task Done</th>
+                                        <th class="text-center">Time</th>
+                                    </tr>
+                                </thead>
+                                <tbody class="dark:text-white-dark">
+                                    <tr>
+                                        <td>Figma Design</td>
+                                        <td>
+                                            <div class="h-1.5 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex w-full">
+                                                <div class="bg-danger rounded-full w-[29.56%]"></div>
+                                            </div>
+                                        </td>
+                                        <td class="text-danger">29.56%</td>
+                                        <td class="text-center">2 mins ago</td>
+                                    </tr>
+                                    <tr>
+                                        <td>Vue Migration</td>
+                                        <td>
+                                            <div class="h-1.5 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex w-full">
+                                                <div class="bg-info rounded-full w-1/2"></div>
+                                            </div>
+                                        </td>
+                                        <td class="text-success">50%</td>
+                                        <td class="text-center">4 hrs ago</td>
+                                    </tr>
+                                    <tr>
+                                        <td>Flutter App</td>
+                                        <td>
+                                            <div class="h-1.5 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex w-full">
+                                                <div class="bg-warning rounded-full  w-[39%]"></div>
+                                            </div>
+                                        </td>
+                                        <td class="text-danger">39%</td>
+                                        <td class="text-center">a min ago</td>
+                                    </tr>
+                                    <tr>
+                                        <td>API Integration</td>
+                                        <td>
+                                            <div class="h-1.5 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex w-full">
+                                                <div class="bg-success rounded-full  w-[78.03%]"></div>
+                                            </div>
+                                        </td>
+                                        <td class="text-success">78.03%</td>
+                                        <td class="text-center">2 weeks ago</td>
+                                    </tr>
+
+                                    <tr>
+                                        <td>Blog Update</td>
+                                        <td>
+                                            <div class="h-1.5 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex w-full">
+                                                <div class="bg-secondary  rounded-full  w-full"></div>
+                                            </div>
+                                        </td>
+                                        <td class="text-success">100%</td>
+                                        <td class="text-center">18 hrs ago</td>
+                                    </tr>
+                                    <tr>
+                                        <td>Landing Page</td>
+                                        <td>
+                                            <div class="h-1.5 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex w-full">
+                                                <div class="bg-danger rounded-full  w-[19.15%]"></div>
+                                            </div>
+                                        </td>
+                                        <td class="text-danger">19.15%</td>
+                                        <td class="text-center">5 days ago</td>
+                                    </tr>
+                                    <tr>
+                                        <td>Shopify Dev</td>
+                                        <td>
+                                            <div class="h-1.5 bg-[#ebedf2] dark:bg-dark/40 rounded-full flex w-full">
+                                                <div class="bg-primary rounded-full w-[60.55%]"></div>
+                                            </div>
+                                        </td>
+                                        <td class="text-success">60.55%</td>
+                                        <td class="text-center">8 days ago</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
+                <div class="panel">
+                    <div class="mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Summary</h5>
+                    </div>
+                    <div class="space-y-4">
+                        <div class="border border-[#ebedf2] rounded dark:bg-[#1b2e4b] dark:border-0">
+                            <div class="flex items-center justify-between p-4 py-2">
+                                <div
+                                    class="grid place-content-center w-9 h-9 rounded-md bg-secondary-light dark:bg-secondary text-secondary dark:text-secondary-light">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                        <path
+                                            d="M3.79424 12.0291C4.33141 9.34329 4.59999 8.00036 5.48746 7.13543C5.65149 6.97557 5.82894 6.8301 6.01786 6.70061C7.04004 6 8.40956 6 11.1486 6H12.8515C15.5906 6 16.9601 6 17.9823 6.70061C18.1712 6.8301 18.3486 6.97557 18.5127 7.13543C19.4001 8.00036 19.6687 9.34329 20.2059 12.0291C20.9771 15.8851 21.3627 17.8131 20.475 19.1793C20.3143 19.4267 20.1267 19.6555 19.9157 19.8616C18.7501 21 16.7839 21 12.8515 21H11.1486C7.21622 21 5.25004 21 4.08447 19.8616C3.87342 19.6555 3.68582 19.4267 3.5251 19.1793C2.63744 17.8131 3.02304 15.8851 3.79424 12.0291Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path opacity="0.5"
+                                            d="M9 6V5C9 3.34315 10.3431 2 12 2C13.6569 2 15 3.34315 15 5V6"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5"
+                                            d="M9.1709 15C9.58273 16.1652 10.694 17 12.0002 17C13.3064 17 14.4177 16.1652 14.8295 15"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                </div>
+                                <div
+                                    class="ltr:ml-4 rtl:mr-4 flex items-start justify-between flex-auto font-semibold">
+                                    <h6 class="text-white-dark text-[13px] dark:text-white-dark">Income <span
+                                            class="block text-base text-[#515365] dark:text-white-light">$92,600</span>
+                                    </h6>
+                                    <p class="ltr:ml-auto rtl:mr-auto text-secondary">90%</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="border border-[#ebedf2] rounded dark:bg-[#1b2e4b] dark:border-0">
+                            <div class="flex items-center justify-between p-4 py-2">
+                                <div
+                                    class="grid place-content-center w-9 h-9 rounded-md bg-info-light dark:bg-info text-info dark:text-info-light">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                        <path
+                                            d="M4.72848 16.1369C3.18295 14.5914 2.41018 13.8186 2.12264 12.816C1.83509 11.8134 2.08083 10.7485 2.57231 8.61875L2.85574 7.39057C3.26922 5.59881 3.47597 4.70292 4.08944 4.08944C4.70292 3.47597 5.59881 3.26922 7.39057 2.85574L8.61875 2.57231C10.7485 2.08083 11.8134 1.83509 12.816 2.12264C13.8186 2.41018 14.5914 3.18295 16.1369 4.72848L17.9665 6.55812C20.6555 9.24711 22 10.5916 22 12.2623C22 13.933 20.6555 15.2775 17.9665 17.9665C15.2775 20.6555 13.933 22 12.2623 22C10.5916 22 9.24711 20.6555 6.55812 17.9665L4.72848 16.1369Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <circle opacity="0.5" cx="8.60699" cy="8.87891" r="2"
+                                            transform="rotate(-45 8.60699 8.87891)" stroke="currentColor"
+                                            stroke-width="1.5" />
+                                        <path opacity="0.5" d="M11.5417 18.5L18.5208 11.5208" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                </div>
+                                <div
+                                    class="ltr:ml-4 rtl:mr-4 flex items-start justify-between flex-auto font-semibold">
+                                    <h6 class="text-white-dark text-[13px] dark:text-white-dark">Profit <span
+                                            class="block text-base text-[#515365] dark:text-white-light">$37,515</span>
+                                    </h6>
+                                    <p class="ltr:ml-auto rtl:mr-auto text-info">65%</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="border border-[#ebedf2] rounded dark:bg-[#1b2e4b] dark:border-0">
+                            <div class="flex items-center justify-between p-4 py-2">
+                                <div
+                                    class="grid place-content-center w-9 h-9 rounded-md bg-warning-light dark:bg-warning text-warning dark:text-warning-light">
+
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0">
+                                        <path
+                                            d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path opacity="0.5" d="M10 16H6" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path opacity="0.5" d="M14 16H12.5" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                        <path opacity="0.5" d="M2 10L22 10" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                </div>
+                                <div
+                                    class="ltr:ml-4 rtl:mr-4 flex items-start justify-between flex-auto font-semibold">
+                                    <h6 class="text-white-dark text-[13px] dark:text-white-dark">Expenses <span
+                                            class="block text-base text-[#515365] dark:text-white-light">$55,085</span>
+                                    </h6>
+                                    <p class="ltr:ml-auto rtl:mr-auto text-warning">80%</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-10">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Pro Plan</h5>
+                        <a href="javascript:;" class="btn btn-primary">Renew Now</a>
+                    </div>
+                    <div class="group">
+                        <ul class="list-inside list-disc text-white-dark font-semibold mb-7 space-y-2">
+                            <li>10,000 Monthly Visitors</li>
+                            <li>Unlimited Reports</li>
+                            <li>2 Years Data Storage</li>
+                        </ul>
+                        <div class="flex items-center justify-between mb-4 font-semibold">
+                            <p
+                                class="flex items-center rounded-full bg-dark px-2 py-1 text-xs text-white-light font-semibold">
+
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 ltr:mr-1 rtl:ml-1">
+                                    <circle opacity="0.5" cx="12" cy="12" r="10"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path d="M12 8V12L14.5 14.5" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                                5 Days Left
+                            </p>
+                            <p class="text-info">$25 / month</p>
+                        </div>
+                        <div class="rounded-full h-2.5 p-0.5 bg-dark-light overflow-hidden mb-5 dark:bg-dark-light/10">
+                            <div class="bg-gradient-to-r from-[#f67062] to-[#fc5296] w-full h-full rounded-full relative"
+                                style="width: 65%;"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Payment History</h5>
+                    </div>
+                    <div>
+                        <div class="border-b border-[#ebedf2] dark:border-[#1b2e4b]">
+                            <div class="flex items-center justify-between py-2">
+                                <h6 class="text-[#515365] font-semibold dark:text-white-dark">March<span
+                                        class="block text-white-dark dark:text-white-light">Pro Membership</span></h6>
+                                <div class="flex items-start justify-between ltr:ml-auto rtl:mr-auto">
+                                    <p class="font-semibold">90%</p>
+                                    <div x-data="dropdown" @click.outside="open = false"
+                                        class="dropdown ltr:ml-4 rtl:mr-4">
+                                        <a href="javascript:;" @click="toggle">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg"
+                                                class="w-5 h-5 opacity-80 hover:opacity-100">
+                                                <circle cx="5" cy="12" r="2"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <circle opacity="0.5" cx="12" cy="12" r="2"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <circle cx="19" cy="12" r="2"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                            </svg>
+                                        </a>
+                                        <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                            class="ltr:right-0 rtl:left-0 whitespace-nowrap">
+                                            <li><a href="javascript:;" @click="toggle">View Invoice</a></li>
+                                            <li><a href="javascript:;" @click="toggle">Download Invoice</a></li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="border-b border-[#ebedf2] dark:border-[#1b2e4b]">
+                            <div class="flex items-center justify-between py-2">
+                                <h6 class="text-[#515365] font-semibold dark:text-white-dark">February <span
+                                        class="block text-white-dark dark:text-white-light">Pro Membership</span></h6>
+                                <div class="flex items-start justify-between ltr:ml-auto rtl:mr-auto">
+                                    <p class="font-semibold">90%</p>
+                                    <div x-data="dropdown" @click.outside="open = false"
+                                        class="dropdown ltr:ml-4 rtl:mr-4">
+                                        <a href="javascript:;" @click="toggle">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg"
+                                                class="w-5 h-5 opacity-80 hover:opacity-100">
+                                                <circle cx="5" cy="12" r="2"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <circle opacity="0.5" cx="12" cy="12" r="2"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <circle cx="19" cy="12" r="2"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                            </svg>
+                                        </a>
+                                        <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                            class="ltr:right-0 rtl:left-0 whitespace-nowrap">
+                                            <li><a href="javascript:;" @click="toggle">View Invoice</a></li>
+                                            <li><a href="javascript:;" @click="toggle">Download Invoice</a></li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div>
+                            <div class="flex items-center justify-between py-2">
+                                <h6 class="text-[#515365] font-semibold dark:text-white-dark">January<span
+                                        class="block text-white-dark dark:text-white-light">Pro Membership</span></h6>
+                                <div class="flex items-start justify-between ltr:ml-auto rtl:mr-auto">
+                                    <p class="font-semibold">90%</p>
+                                    <div x-data="dropdown" @click.outside="open = false"
+                                        class="dropdown ltr:ml-4 rtl:mr-4">
+                                        <a href="javascript:;" @click="toggle">
+
+                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                                xmlns="http://www.w3.org/2000/svg"
+                                                class="w-5 h-5 opacity-80 hover:opacity-100">
+                                                <circle cx="5" cy="12" r="2"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <circle opacity="0.5" cx="12" cy="12" r="2"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                                <circle cx="19" cy="12" r="2"
+                                                    stroke="currentColor" stroke-width="1.5" />
+                                            </svg>
+                                        </a>
+                                        <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                                            class="ltr:right-0 rtl:left-0 whitespace-nowrap">
+                                            <li><a href="javascript:;" @click="toggle">View Invoice</a></li>
+                                            <li><a href="javascript:;" @click="toggle">Download Invoice</a></li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="panel">
+                    <div class="flex items-center justify-between mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Card Details</h5>
+                    </div>
+                    <div>
+                        <div class="border-b border-[#ebedf2] dark:border-[#1b2e4b]">
+                            <div class="flex items-center justify-between py-2">
+                                <div class="flex-none">
+                                    <img src="/assets/images/card-americanexpress.svg"
+                                        alt="image" />
+                                </div>
+                                <div class="flex items-center justify-between flex-auto ltr:ml-4 rtl:mr-4">
+                                    <h6 class="text-[#515365] font-semibold dark:text-white-dark">American Express
+                                        <span class="block text-white-dark dark:text-white-light">Expires on
+                                            12/2025</span></h6>
+                                    <span class="badge bg-success ltr:ml-auto rtl:mr-auto">Primary</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="border-b border-[#ebedf2] dark:border-[#1b2e4b]">
+                            <div class="flex items-center justify-between py-2">
+                                <div class="flex-none">
+                                    <img src="/assets/images/card-mastercard.svg"
+                                        alt="image" />
+                                </div>
+                                <div class="flex items-center justify-between flex-auto ltr:ml-4 rtl:mr-4">
+                                    <h6 class="text-[#515365] font-semibold dark:text-white-dark">Mastercard <span
+                                            class="block text-white-dark dark:text-white-light">Expires on
+                                            03/2025</span></h6>
+                                </div>
+                            </div>
+                        </div>
+                        <div>
+                            <div class="flex items-center justify-between py-2">
+                                <div class="flex-none">
+                                    <img src="/assets/images/card-visa.svg" alt="image" />
+                                </div>
+                                <div class="flex items-center justify-between flex-auto ltr:ml-4 rtl:mr-4">
+                                    <h6 class="text-[#515365] font-semibold dark:text-white-dark">Visa <span
+                                            class="block text-white-dark dark:text-white-light">Expires on
+                                            10/2025</span></h6>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</x-layout.default>
diff --git a/resources/views/users/user-account-settings.blade.php b/resources/views/users/user-account-settings.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..f864bd6b235cba487ae8c4c8017b3e1dee050f5a
--- /dev/null
+++ b/resources/views/users/user-account-settings.blade.php
@@ -0,0 +1,571 @@
+<x-layout.default>
+
+    <div>
+        <ul class="flex space-x-2 rtl:space-x-reverse">
+            <li>
+                <a href="javascript:;" class="text-primary hover:underline">Users</a>
+            </li>
+            <li class="before:content-['/'] ltr:before:mr-1 rtl:before:ml-1">
+                <span>Account Settings</span>
+            </li>
+        </ul>
+        <div class="pt-5">
+            <div class="flex items-center justify-between mb-5">
+                <h5 class="font-semibold text-lg dark:text-white-light">Settings</h5>
+            </div>
+            <div x-data="{ tab: 'home' }">
+                <ul
+                    class="sm:flex font-semibold border-b border-[#ebedf2] dark:border-[#191e3a] mb-5 whitespace-nowrap overflow-y-auto">
+                    <li class="inline-block">
+                        <a href="javascript:;"
+                            class="flex gap-2 p-4 border-b border-transparent hover:border-primary hover:text-primary"
+                            :class="{ '!border-primary text-primary': tab == 'home' }" @click="tab='home'">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                <path opacity="0.5"
+                                    d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M12 15L12 18" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                            </svg>
+                            Home
+                        </a>
+                    </li>
+                    <li class="inline-block">
+                        <a href="javascript:;"
+                            class="flex gap-2 p-4 border-b border-transparent hover:border-primary hover:text-primary"
+                            :class="{ '!border-primary text-primary': tab == 'payment-details' }"
+                            @click="tab='payment-details'">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                <circle opacity="0.5" cx="12" cy="12" r="10"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M12 6V18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M15 9.5C15 8.11929 13.6569 7 12 7C10.3431 7 9 8.11929 9 9.5C9 10.8807 10.3431 12 12 12C13.6569 12 15 13.1193 15 14.5C15 15.8807 13.6569 17 12 17C10.3431 17 9 15.8807 9 14.5"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Payment Details
+                        </a>
+                    </li>
+                    <li class="inline-block">
+                        <a href="javascript:;"
+                            class="flex gap-2 p-4 border-b border-transparent hover:border-primary hover:text-primary"
+                            :class="{ '!border-primary text-primary': tab == 'preferences' }"
+                            @click="tab='preferences'">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                <circle cx="12" cy="6" r="4" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <ellipse opacity="0.5" cx="12" cy="17" rx="7" ry="4"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                            Preferences
+                        </a>
+                    </li>
+                    <li class="inline-block">
+                        <a href="javascript:;"
+                            class="flex gap-2 p-4 border-b border-transparent hover:border-primary hover:text-primary"
+                            :class="{ '!border-primary text-primary': tab == 'danger-zone' }"
+                            @click="tab='danger-zone'">
+
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                <path
+                                    d="M16.1007 13.359L16.5562 12.9062C17.1858 12.2801 18.1672 12.1515 18.9728 12.5894L20.8833 13.628C22.1102 14.2949 22.3806 15.9295 21.4217 16.883L20.0011 18.2954C19.6399 18.6546 19.1917 18.9171 18.6763 18.9651M4.00289 5.74561C3.96765 5.12559 4.25823 4.56668 4.69185 4.13552L6.26145 2.57483C7.13596 1.70529 8.61028 1.83992 9.37326 2.85908L10.6342 4.54348C11.2507 5.36691 11.1841 6.49484 10.4775 7.19738L10.1907 7.48257"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M18.6763 18.9651C17.0469 19.117 13.0622 18.9492 8.8154 14.7266C4.81076 10.7447 4.09308 7.33182 4.00293 5.74561"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M16.1007 13.3589C16.1007 13.3589 15.0181 14.4353 12.0631 11.4971C9.10807 8.55886 10.1907 7.48242 10.1907 7.48242"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                            Danger Zone
+                        </a>
+                    </li>
+                </ul>
+                <template x-if="tab === 'home'">
+                    <div>
+                        <form
+                            class="border border-[#ebedf2] dark:border-[#191e3a] rounded-md p-4 mb-5 bg-white dark:bg-[#0e1726]">
+                            <h6 class="text-lg font-bold mb-5">General Information</h6>
+                            <div class="flex flex-col sm:flex-row">
+                                <div class="ltr:sm:mr-4 rtl:sm:ml-4 w-full sm:w-2/12 mb-5">
+                                    <img src="/assets/images/profile-34.jpeg" alt="image"
+                                        class="w-20 h-20 md:w-32 md:h-32 rounded-full object-cover mx-auto" />
+                                </div>
+                                <div class="flex-1 grid grid-cols-1 sm:grid-cols-2 gap-5">
+                                    <div>
+                                        <label for="name">Full Name</label>
+                                        <input id="name" type="text" placeholder="Jimmy Turner"
+                                            class="form-input" />
+                                    </div>
+                                    <div>
+                                        <label for="profession">Profession</label>
+                                        <input id="profession" type="text" placeholder="Web Developer"
+                                            class="form-input" />
+                                    </div>
+                                    <div>
+                                        <label for="country">Country</label>
+                                        <select id="country" class="form-select text-white-dark">
+                                            <option>All Countries</option>
+                                            <option selected="">United States</option>
+                                            <option>India</option>
+                                            <option>Japan</option>
+                                            <option>China</option>
+                                            <option>Brazil</option>
+                                            <option>Norway</option>
+                                            <option>Canada</option>
+                                        </select>
+                                    </div>
+                                    <div>
+                                        <label for="address">Address</label>
+                                        <input id="address" type="text" placeholder="New York"
+                                            class="form-input" />
+                                    </div>
+                                    <div>
+                                        <label for="location">Location</label>
+                                        <input id="location" type="text" placeholder="Location"
+                                            class="form-input" />
+                                    </div>
+                                    <div>
+                                        <label for="phone">Phone</label>
+                                        <input id="phone" type="text" placeholder="+1 (530) 555-12121"
+                                            class="form-input" />
+                                    </div>
+                                    <div>
+                                        <label for="email">Email</label>
+                                        <input id="email" type="email" placeholder="Jimmy@gmail.com"
+                                            class="form-input" />
+                                    </div>
+                                    <div>
+                                        <label for="web">Website</label>
+                                        <input id="web" type="text" placeholder="Enter URL"
+                                            class="form-input" />
+                                    </div>
+                                    <div>
+                                        <label class="inline-flex cursor-pointer">
+                                            <input type="checkbox" class="form-checkbox" />
+                                            <span class="text-white-dark relative checked:bg-none">Make this my default
+                                                address</span>
+                                        </label>
+                                    </div>
+                                    <div class="sm:col-span-2 mt-3">
+                                        <button type="button" class="btn btn-primary">Save</button>
+                                    </div>
+                                </div>
+                            </div>
+                        </form>
+                        <form
+                            class="border border-[#ebedf2] dark:border-[#191e3a] rounded-md p-4 bg-white dark:bg-[#0e1726]">
+                            <h6 class="text-lg font-bold mb-5">Social</h6>
+                            <div class="grid grid-cols-1 sm:grid-cols-2 gap-5">
+                                <div class="flex">
+                                    <div
+                                        class="bg-[#eee] flex justify-center items-center rounded px-3 font-semibold dark:bg-[#1b2e4b] ltr:mr-2 rtl:ml-2">
+
+                                        <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                            viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
+                                            class="w-5 h-5">
+                                            <path
+                                                d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z">
+                                            </path>
+                                            <rect x="2" y="9" width="4" height="12">
+                                            </rect>
+                                            <circle cx="4" cy="4" r="2"></circle>
+                                        </svg>
+                                    </div>
+                                    <input type="text" placeholder="jimmy_turner" class="form-input" />
+                                </div>
+                                <div class="flex">
+                                    <div
+                                        class="bg-[#eee] flex justify-center items-center rounded px-3 font-semibold dark:bg-[#1b2e4b] ltr:mr-2 rtl:ml-2">
+
+                                        <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                            viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
+                                            class="w-5 h-5">
+                                            <path
+                                                d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z">
+                                            </path>
+                                        </svg>
+                                    </div>
+                                    <input type="text" placeholder="jimmy_turner" class="form-input" />
+                                </div>
+                                <div class="flex">
+                                    <div
+                                        class="bg-[#eee] flex justify-center items-center rounded px-3 font-semibold dark:bg-[#1b2e4b] ltr:mr-2 rtl:ml-2">
+
+                                        <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                            viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
+                                            class="w-5 h-5">
+                                            <path
+                                                d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z">
+                                            </path>
+                                        </svg>
+                                    </div>
+                                    <input type="text" placeholder="jimmy_turner" class="form-input" />
+                                </div>
+                                <div class="flex">
+                                    <div
+                                        class="bg-[#eee] flex justify-center items-center rounded px-3 font-semibold dark:bg-[#1b2e4b] ltr:mr-2 rtl:ml-2">
+
+                                        <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                            viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
+                                            class="w-5 h-5">
+                                            <path
+                                                d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22">
+                                            </path>
+                                        </svg>
+                                    </div>
+                                    <input type="text" placeholder="jimmy_turner" class="form-input" />
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </template>
+                <template x-if="tab === 'payment-details'">
+                    <div>
+                        <div class="grid grid-cols-1 lg:grid-cols-2 gap-5 mb-5">
+                            <div class="panel">
+                                <div class="mb-5">
+                                    <h5 class="font-semibold text-lg mb-4">Billing Address</h5>
+                                    <p>Changes to your <span class="text-primary">Billing</span> information will take
+                                        effect starting with scheduled payment and will be refelected on your next
+                                        invoice.</p>
+                                </div>
+                                <div class="mb-5">
+                                    <div class="border-b border-[#ebedf2] dark:border-[#1b2e4b]">
+                                        <div class="flex items-start justify-between py-3">
+                                            <h6 class="text-[#515365] font-bold dark:text-white-dark text-[15px]">
+                                                Address #1 <span
+                                                    class="block text-white-dark dark:text-white-light font-normal text-xs mt-1">2249
+                                                    Caynor Circle, New Brunswick, New Jersey</span></h6>
+                                            <div class="flex items-start justify-between ltr:ml-auto rtl:mr-auto">
+                                                <button class="btn btn-dark">Edit</button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="border-b border-[#ebedf2] dark:border-[#1b2e4b]">
+                                        <div class="flex items-start justify-between py-3">
+                                            <h6 class="text-[#515365] font-bold dark:text-white-dark text-[15px]">
+                                                Address #2 <span
+                                                    class="block text-white-dark dark:text-white-light font-normal text-xs mt-1">4262
+                                                    Leverton Cove Road, Springfield, Massachusetts</span></h6>
+                                            <div class="flex items-start justify-between ltr:ml-auto rtl:mr-auto">
+                                                <button class="btn btn-dark">Edit</button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div>
+                                        <div class="flex items-start justify-between py-3">
+                                            <h6 class="text-[#515365] font-bold dark:text-white-dark text-[15px]">
+                                                Address #3 <span
+                                                    class="block text-white-dark dark:text-white-light font-normal text-xs mt-1">2692
+                                                    Berkshire Circle, Knoxville, Tennessee</span></h6>
+                                            <div class="flex items-start justify-between ltr:ml-auto rtl:mr-auto">
+                                                <button class="btn btn-dark">Edit</button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <button class="btn btn-primary">Add Address</button>
+                            </div>
+                            <div class="panel">
+                                <div class="mb-5">
+                                    <h5 class="font-semibold text-lg mb-4">Payment History</h5>
+                                    <p>Changes to your <span class="text-primary">Payment Method</span> information
+                                        will take effect starting with scheduled payment and will be refelected on your
+                                        next invoice.</p>
+                                </div>
+                                <div class="mb-5">
+                                    <div class="border-b border-[#ebedf2] dark:border-[#1b2e4b]">
+                                        <div class="flex items-start justify-between py-3">
+                                            <div class="flex-none ltr:mr-4 rtl:ml-4">
+                                                <img src="/assets/images/card-americanexpress.svg"
+                                                    alt="image" />
+                                            </div>
+                                            <h6 class="text-[#515365] font-bold dark:text-white-dark text-[15px]">
+                                                Mastercard <span
+                                                    class="block text-white-dark dark:text-white-light font-normal text-xs mt-1">XXXX
+                                                    XXXX XXXX 9704</span></h6>
+                                            <div class="flex items-start justify-between ltr:ml-auto rtl:mr-auto">
+                                                <button class="btn btn-dark">Edit</button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="border-b border-[#ebedf2] dark:border-[#1b2e4b]">
+                                        <div class="flex items-start justify-between py-3">
+                                            <div class="flex-none ltr:mr-4 rtl:ml-4">
+                                                <img src="/assets/images/card-mastercard.svg"
+                                                    alt="image" />
+                                            </div>
+                                            <h6 class="text-[#515365] font-bold dark:text-white-dark text-[15px]">
+                                                American Express<span
+                                                    class="block text-white-dark dark:text-white-light font-normal text-xs mt-1">XXXX
+                                                    XXXX XXXX 310</span></h6>
+                                            <div class="flex items-start justify-between ltr:ml-auto rtl:mr-auto">
+                                                <button class="btn btn-dark">Edit</button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div>
+                                        <div class="flex items-start justify-between py-3">
+                                            <div class="flex-none ltr:mr-4 rtl:ml-4">
+                                                <img src="/assets/images/card-visa.svg"
+                                                    alt="image" />
+                                            </div>
+                                            <h6 class="text-[#515365] font-bold dark:text-white-dark text-[15px]">
+                                                Visa<span
+                                                    class="block text-white-dark dark:text-white-light font-normal text-xs mt-1">XXXX
+                                                    XXXX XXXX 5264</span></h6>
+                                            <div class="flex items-start justify-between ltr:ml-auto rtl:mr-auto">
+                                                <button class="btn btn-dark">Edit</button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <button class="btn btn-primary">Add Payment Method</button>
+                            </div>
+                        </div>
+                        <div class="grid grid-cols-1 lg:grid-cols-2 gap-5">
+                            <div class="panel">
+                                <div class="mb-5">
+                                    <h5 class="font-semibold text-lg mb-4">Add Billing Address</h5>
+                                    <p>Changes your New <span class="text-primary">Billing</span> Information.</p>
+                                </div>
+                                <div class="mb-5">
+                                    <form>
+                                        <div class="mb-5 grid grid-cols-1 sm:grid-cols-2 gap-4">
+                                            <div>
+                                                <label for="billingName">Name</label>
+                                                <input id="billingName" type="text" placeholder="Enter Name"
+                                                    class="form-input" />
+                                            </div>
+                                            <div>
+                                                <label for="billingEmail">Email</label>
+                                                <input id="billingEmail" type="email" placeholder="Enter Email"
+                                                    class="form-input" />
+                                            </div>
+                                        </div>
+                                        <div class="mb-5">
+                                            <label for="billingAddress">Address</label>
+                                            <input id="billingAddress" type="text" placeholder="Enter Address"
+                                                class="form-input" />
+                                        </div>
+                                        <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4 mb-5">
+                                            <div class="md:col-span-2">
+                                                <label for="billingCity">City</label>
+                                                <input id="billingCity" type="text" placeholder="Enter City"
+                                                    class="form-input" />
+                                            </div>
+                                            <div>
+                                                <label for="billingState">State</label>
+                                                <select id="billingState" class="form-select text-white-dark">
+                                                    <option>Choose...</option>
+                                                    <option>...</option>
+                                                </select>
+                                            </div>
+                                            <div>
+                                                <label for="billingZip">Zip</label>
+                                                <input id="billingZip" type="text" placeholder="Enter Zip"
+                                                    class="form-input" />
+                                            </div>
+                                        </div>
+                                        <button type="button" class="btn btn-primary">Add</button>
+                                    </form>
+                                </div>
+                            </div>
+                            <div class="panel">
+                                <div class="mb-5">
+                                    <h5 class="font-semibold text-lg mb-4">Add Payment Method</h5>
+                                    <p>Changes your New <span class="text-primary">Payment Method</span> Information.
+                                    </p>
+                                </div>
+                                <div class="mb-5">
+                                    <form>
+                                        <div class="mb-5 grid grid-cols-1 sm:grid-cols-2 gap-4">
+                                            <div>
+                                                <label for="payBrand">Card Brand</label>
+                                                <select id="payBrand" class="form-select text-white-dark">
+                                                    <option selected="">Mastercard</option>
+                                                    <option>American Express</option>
+                                                    <option>Visa</option>
+                                                    <option>Discover</option>
+                                                </select>
+                                            </div>
+                                            <div>
+                                                <label for="payNumber">Card Number</label>
+                                                <input id="payNumber" type="text" placeholder="Card Number"
+                                                    class="form-input" />
+                                            </div>
+                                        </div>
+                                        <div class="mb-5 grid grid-cols-1 sm:grid-cols-2 gap-4">
+                                            <div>
+                                                <label for="payHolder">Holder Name</label>
+                                                <input id="payHolder" type="text" placeholder="Holder Name"
+                                                    class="form-input" />
+                                            </div>
+                                            <div>
+                                                <label for="payCvv">CVV/CVV2</label>
+                                                <input id="payCvv" type="text" placeholder="CVV"
+                                                    class="form-input" />
+                                            </div>
+                                        </div>
+                                        <div class="mb-5 grid grid-cols-1 sm:grid-cols-2 gap-4">
+                                            <div>
+                                                <label for="payExp">Card Expiry</label>
+                                                <input id="payExp" type="text" placeholder="Card Expiry"
+                                                    class="form-input" />
+                                            </div>
+                                        </div>
+                                        <button type="button" class="btn btn-primary">Add</button>
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </template>
+                <template x-if="tab === 'preferences'">
+                    <div class="switch">
+                        <div class="grid grid-cols-1 lg:grid-cols-2 gap-5 mb-5">
+                            <div class="panel space-y-5">
+                                <h5 class="font-semibold text-lg mb-4">Choose Theme</h5>
+                                <div class="flex justify-around">
+                                    <label class="inline-flex cursor-pointer">
+                                        <input class="form-radio ltr:mr-4 rtl:ml-4 cursor-pointer" type="radio"
+                                            name="flexRadioDefault" checked="" />
+                                        <span>
+                                            <img class="ms-3" width="100" height="68" alt="settings-dark"
+                                                src="/assets/images/settings-light.svg" />
+                                        </span>
+                                    </label>
+
+                                    <label class="inline-flex cursor-pointer">
+                                        <input class="form-radio ltr:mr-4 rtl:ml-4 cursor-pointer" type="radio"
+                                            name="flexRadioDefault" />
+                                        <span>
+                                            <img class="ms-3" width="100" height="68" alt="settings-light"
+                                                src="/assets/images/settings-dark.svg" />
+                                        </span>
+                                    </label>
+                                </div>
+                            </div>
+                            <div class="panel space-y-5">
+                                <h5 class="font-semibold text-lg mb-4">Activity data</h5>
+                                <p>Download your Summary, Task and Payment History Data</p>
+                                <button type="button" class="btn btn-primary">Download Data</button>
+                            </div>
+                        </div>
+                        <div class="grid grid-cols-1 md:grid-cols-3 gap-5">
+                            <div class="panel space-y-5">
+                                <h5 class="font-semibold text-lg mb-4">Public Profile</h5>
+                                <p>Your <span class="text-primary">Profile</span> will be visible to anyone on the
+                                    network.</p>
+                                <label class="w-12 h-6 relative">
+                                    <input type="checkbox"
+                                        class="custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer"
+                                        id="custom_switch_checkbox1" />
+                                    <span for="custom_switch_checkbox1"
+                                        class="bg-[#ebedf2] dark:bg-dark block h-full rounded-full before:absolute before:left-1 before:bg-white dark:before:bg-white-dark dark:peer-checked:before:bg-white before:bottom-1 before:w-4 before:h-4 before:rounded-full peer-checked:before:left-7 peer-checked:bg-primary before:transition-all before:duration-300"></span>
+                                </label>
+                            </div>
+                            <div class="panel space-y-5">
+                                <h5 class="font-semibold text-lg mb-4">Show my email</h5>
+                                <p>Your <span class="text-primary">Email</span> will be visible to anyone on the
+                                    network.</p>
+                                <label class="w-12 h-6 relative">
+                                    <input type="checkbox"
+                                        class="custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer"
+                                        id="custom_switch_checkbox2" />
+                                    <span for="custom_switch_checkbox2"
+                                        class="bg-[#ebedf2] dark:bg-dark block h-full rounded-full before:absolute before:left-1 before:bg-white  dark:before:bg-white-dark dark:peer-checked:before:bg-white before:bottom-1 before:w-4 before:h-4 before:rounded-full peer-checked:before:left-7 peer-checked:bg-primary before:transition-all before:duration-300"></span>
+                                </label>
+                            </div>
+                            <div class="panel space-y-5">
+                                <h5 class="font-semibold text-lg mb-4">Enable keyboard shortcuts</h5>
+                                <p>When enabled, press <span class="text-primary">ctrl</span> for help</p>
+                                <label class="w-12 h-6 relative">
+                                    <input type="checkbox"
+                                        class="custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer"
+                                        id="custom_switch_checkbox3" />
+                                    <span for="custom_switch_checkbox3"
+                                        class="bg-[#ebedf2] dark:bg-dark block h-full rounded-full before:absolute before:left-1 before:bg-white  dark:before:bg-white-dark dark:peer-checked:before:bg-white before:bottom-1 before:w-4 before:h-4 before:rounded-full peer-checked:before:left-7 peer-checked:bg-primary before:transition-all before:duration-300"></span>
+                                </label>
+                            </div>
+                            <div class="panel space-y-5">
+                                <h5 class="font-semibold text-lg mb-4">Hide left navigation</h5>
+                                <p>Sidebar will be <span class="text-primary">hidden</span> by default</p>
+                                <label class="w-12 h-6 relative">
+                                    <input type="checkbox"
+                                        class="custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer"
+                                        id="custom_switch_checkbox4" />
+                                    <span for="custom_switch_checkbox4"
+                                        class="bg-[#ebedf2] dark:bg-dark block h-full rounded-full before:absolute before:left-1 before:bg-white  dark:before:bg-white-dark dark:peer-checked:before:bg-white before:bottom-1 before:w-4 before:h-4 before:rounded-full peer-checked:before:left-7 peer-checked:bg-primary before:transition-all before:duration-300"></span>
+                                </label>
+                            </div>
+                            <div class="panel space-y-5">
+                                <h5 class="font-semibold text-lg mb-4">Advertisements</h5>
+                                <p>Display <span class="text-primary">Ads</span> on your dashboard</p>
+                                <label class="w-12 h-6 relative">
+                                    <input type="checkbox"
+                                        class="custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer"
+                                        id="custom_switch_checkbox5" />
+                                    <span for="custom_switch_checkbox5"
+                                        class="bg-[#ebedf2] dark:bg-dark block h-full rounded-full before:absolute before:left-1 before:bg-white  dark:before:bg-white-dark dark:peer-checked:before:bg-white before:bottom-1 before:w-4 before:h-4 before:rounded-full peer-checked:before:left-7 peer-checked:bg-primary before:transition-all before:duration-300"></span>
+                                </label>
+                            </div>
+                            <div class="panel space-y-5">
+                                <h5 class="font-semibold text-lg mb-4">Social Profile</h5>
+                                <p>Enable your <span class="text-primary">social</span> profiles on this network</p>
+                                <label class="w-12 h-6 relative">
+                                    <input type="checkbox"
+                                        class="custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer"
+                                        id="custom_switch_checkbox6" />
+                                    <span for="custom_switch_checkbox6"
+                                        class="bg-[#ebedf2] dark:bg-dark block h-full rounded-full before:absolute before:left-1 before:bg-white  dark:before:bg-white-dark dark:peer-checked:before:bg-white before:bottom-1 before:w-4 before:h-4 before:rounded-full peer-checked:before:left-7 peer-checked:bg-primary before:transition-all before:duration-300"></span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+                </template>
+                <template x-if="tab === 'danger-zone'">
+                    <div class="switch">
+                        <div class="grid grid-cols-1 md:grid-cols-3 gap-5">
+                            <div class="panel space-y-5">
+                                <h5 class="font-semibold text-lg mb-4">Purge Cache</h5>
+                                <p>Remove the active resource from the cache without waiting for the predetermined cache
+                                    expiry time.</p>
+                                <button class="btn btn-secondary">Clear</button>
+                            </div>
+                            <div class="panel space-y-5">
+                                <h5 class="font-semibold text-lg mb-4">Deactivate Account</h5>
+                                <p>You will not be able to receive messages, notifications for up to 24 hours.</p>
+                                <label class="w-12 h-6 relative">
+                                    <input type="checkbox"
+                                        class="custom_switch absolute w-full h-full opacity-0 z-10 cursor-pointer peer"
+                                        id="custom_switch_checkbox7" />
+                                    <span for="custom_switch_checkbox7"
+                                        class="bg-[#ebedf2] dark:bg-dark block h-full rounded-full before:absolute before:left-1 before:bg-white dark:before:bg-white-dark dark:peer-checked:before:bg-white before:bottom-1 before:w-4 before:h-4 before:rounded-full peer-checked:before:left-7 peer-checked:bg-primary before:transition-all before:duration-300"></span>
+                                </label>
+                            </div>
+                            <div class="panel space-y-5">
+                                <h5 class="font-semibold text-lg mb-4">Delete Account</h5>
+                                <p>Once you delete the account, there is no going back. Please be certain.</p>
+                                <button class="btn btn-danger btn-delete-account">Delete my account</button>
+                            </div>
+                        </div>
+                    </div>
+                </template>
+            </div>
+        </div>
+    </div>
+
+</x-layout.default>
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
deleted file mode 100644
index 9ee34de853998b496b8f6070346cc98476390cc8..0000000000000000000000000000000000000000
--- a/resources/views/welcome.blade.php
+++ /dev/null
@@ -1,172 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <title>Laravel</title>
-
-        <!-- Fonts -->
-        <link rel="preconnect" href="https://fonts.bunny.net">
-        <link href="https://fonts.bunny.net/css?family=figtree:400,600&display=swap" rel="stylesheet" />
-
-        <!-- Styles -->
-        <style>
-            /* ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Figtree, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.absolute{position:absolute}.relative{position:relative}.-left-20{left:-5rem}.top-0{top:0px}.-bottom-16{bottom:-4rem}.-left-16{left:-4rem}.-mx-3{margin-left:-0.75rem;margin-right:-0.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.size-12{width:3rem;height:3rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.h-12{height:3rem}.h-40{height:10rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.w-\[calc\(100\%\+8rem\)\]{width:calc(100% + 8rem)}.w-auto{width:auto}.max-w-\[877px\]{max-width:877px}.max-w-2xl{max-width:42rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:0.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-sm{border-radius:0.125rem}.bg-\[\#FF2D20\]\/10{background-color:rgb(255 45 32 / 0.1)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-white{--tw-gradient-to:rgb(255 255 255 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.stroke-\[\#FF2D20\]{stroke:#FF2D20}.object-cover{object-fit:cover}.object-top{object-position:top}.p-6{padding:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.pt-3{padding-top:0.75rem}.text-center{text-align:center}.font-sans{font-family:Figtree, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-sm\/relaxed{font-size:0.875rem;line-height:1.625}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-semibold{font-weight:600}.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-\[0px_14px_34px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{--tw-shadow:0px 14px 34px 0px rgba(0,0,0,0.08);--tw-shadow-colored:0px 14px 34px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.ring-transparent{--tw-ring-color:transparent}.ring-white\/\[0\.05\]{--tw-ring-color:rgb(255 255 255 / 0.05)}.drop-shadow-\[0px_4px_34px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{--tw-drop-shadow:drop-shadow(0px 4px 34px rgba(0,0,0,0.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0px_4px_34px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{--tw-drop-shadow:drop-shadow(0px 4px 34px rgba(0,0,0,0.25));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.selection\:bg-\[\#FF2D20\] *::selection{--tw-bg-opacity:1;background-color:rgb(255 45 32 / var(--tw-bg-opacity))}.selection\:text-white *::selection{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.selection\:bg-\[\#FF2D20\]::selection{--tw-bg-opacity:1;background-color:rgb(255 45 32 / var(--tw-bg-opacity))}.selection\:text-white::selection{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.hover\:text-black\/70:hover{color:rgb(0 0 0 / 0.7)}.hover\:ring-black\/20:hover{--tw-ring-color:rgb(0 0 0 / 0.2)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[\#FF2D20\]:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(255 45 32 / var(--tw-ring-opacity))}@media (min-width: 640px){.sm\:size-16{width:4rem;height:4rem}.sm\:size-6{width:1.5rem;height:1.5rem}.sm\:pt-5{padding-top:1.25rem}}@media (min-width: 768px){.md\:row-span-3{grid-row:span 3 / span 3}}@media (min-width: 1024px){.lg\:col-start-2{grid-column-start:2}.lg\:h-16{height:4rem}.lg\:max-w-7xl{max-width:80rem}.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.lg\:flex-col{flex-direction:column}.lg\:items-end{align-items:flex-end}.lg\:justify-center{justify-content:center}.lg\:gap-8{gap:2rem}.lg\:p-10{padding:2.5rem}.lg\:pb-10{padding-bottom:2.5rem}.lg\:pt-0{padding-top:0px}.lg\:text-\[\#FF2D20\]{--tw-text-opacity:1;color:rgb(255 45 32 / var(--tw-text-opacity))}}@media (prefers-color-scheme: dark){.dark\:block{display:block}.dark\:hidden{display:none}.dark\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.dark\:bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27 / var(--tw-bg-opacity))}.dark\:via-zinc-900{--tw-gradient-to:rgb(24 24 27 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #18181b var(--tw-gradient-via-position), var(--tw-gradient-to)}.dark\:to-zinc-900{--tw-gradient-to:#18181b var(--tw-gradient-to-position)}.dark\:text-white\/50{color:rgb(255 255 255 / 0.5)}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:text-white\/70{color:rgb(255 255 255 / 0.7)}.dark\:ring-zinc-800{--tw-ring-opacity:1;--tw-ring-color:rgb(39 39 42 / var(--tw-ring-opacity))}.dark\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:hover\:text-white\/70:hover{color:rgb(255 255 255 / 0.7)}.dark\:hover\:text-white\/80:hover{color:rgb(255 255 255 / 0.8)}.dark\:hover\:ring-zinc-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(63 63 70 / var(--tw-ring-opacity))}.dark\:focus-visible\:ring-\[\#FF2D20\]:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(255 45 32 / var(--tw-ring-opacity))}.dark\:focus-visible\:ring-white:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity))}}
-        </style>
-    </head>
-    <body class="font-sans antialiased">
-        <div class="bg-gray-50 text-black/50">
-            <img id="background" class="absolute -left-20 top-0 max-w-[877px]" src="https://laravel.com/assets/img/welcome/background.svg" />
-            <div class="relative min-h-screen flex flex-col items-center justify-center selection:bg-[#FF2D20] selection:text-white">
-                <div class="relative w-full max-w-2xl px-6 lg:max-w-7xl">
-                    <header class="grid grid-cols-2 items-center gap-2 py-10 lg:grid-cols-3">
-                        <div class="flex lg:justify-center lg:col-start-2">
-                            <svg class="h-12 w-auto text-white lg:h-16 lg:text-[#FF2D20]" viewBox="0 0 62 65" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M61.8548 14.6253C61.8778 14.7102 61.8895 14.7978 61.8897 14.8858V28.5615C61.8898 28.737 61.8434 28.9095 61.7554 29.0614C61.6675 29.2132 61.5409 29.3392 61.3887 29.4265L49.9104 36.0351V49.1337C49.9104 49.4902 49.7209 49.8192 49.4118 49.9987L25.4519 63.7916C25.3971 63.8227 25.3372 63.8427 25.2774 63.8639C25.255 63.8714 25.2338 63.8851 25.2101 63.8913C25.0426 63.9354 24.8666 63.9354 24.6991 63.8913C24.6716 63.8838 24.6467 63.8689 24.6205 63.8589C24.5657 63.8389 24.5084 63.8215 24.456 63.7916L0.501061 49.9987C0.348882 49.9113 0.222437 49.7853 0.134469 49.6334C0.0465019 49.4816 0.000120578 49.3092 0 49.1337L0 8.10652C0 8.01678 0.0124642 7.92953 0.0348998 7.84477C0.0423783 7.8161 0.0598282 7.78993 0.0697995 7.76126C0.0884958 7.70891 0.105946 7.65531 0.133367 7.6067C0.152063 7.5743 0.179485 7.54812 0.20192 7.51821C0.230588 7.47832 0.256763 7.43719 0.290416 7.40229C0.319084 7.37362 0.356476 7.35243 0.388883 7.32751C0.425029 7.29759 0.457436 7.26518 0.498568 7.2415L12.4779 0.345059C12.6296 0.257786 12.8015 0.211853 12.9765 0.211853C13.1515 0.211853 13.3234 0.257786 13.475 0.345059L25.4531 7.2415H25.4556C25.4955 7.26643 25.5292 7.29759 25.5653 7.32626C25.5977 7.35119 25.6339 7.37362 25.6625 7.40104C25.6974 7.43719 25.7224 7.47832 25.7523 7.51821C25.7735 7.54812 25.8021 7.5743 25.8196 7.6067C25.8483 7.65656 25.8645 7.70891 25.8844 7.76126C25.8944 7.78993 25.9118 7.8161 25.9193 7.84602C25.9423 7.93096 25.954 8.01853 25.9542 8.10652V33.7317L35.9355 27.9844V14.8846C35.9355 14.7973 35.948 14.7088 35.9704 14.6253C35.9792 14.5954 35.9954 14.5692 36.0053 14.5405C36.0253 14.4882 36.0427 14.4346 36.0702 14.386C36.0888 14.3536 36.1163 14.3274 36.1375 14.2975C36.1674 14.2576 36.1923 14.2165 36.2272 14.1816C36.2559 14.1529 36.292 14.1317 36.3244 14.1068C36.3618 14.0769 36.3942 14.0445 36.4341 14.0208L48.4147 7.12434C48.5663 7.03694 48.7383 6.99094 48.9133 6.99094C49.0883 6.99094 49.2602 7.03694 49.4118 7.12434L61.3899 14.0208C61.4323 14.0457 61.4647 14.0769 61.5021 14.1055C61.5333 14.1305 61.5694 14.1529 61.5981 14.1803C61.633 14.2165 61.6579 14.2576 61.6878 14.2975C61.7103 14.3274 61.7377 14.3536 61.7551 14.386C61.7838 14.4346 61.8 14.4882 61.8199 14.5405C61.8312 14.5692 61.8474 14.5954 61.8548 14.6253ZM59.893 27.9844V16.6121L55.7013 19.0252L49.9104 22.3593V33.7317L59.8942 27.9844H59.893ZM47.9149 48.5566V37.1768L42.2187 40.4299L25.953 49.7133V61.2003L47.9149 48.5566ZM1.99677 9.83281V48.5566L23.9562 61.199V49.7145L12.4841 43.2219L12.4804 43.2194L12.4754 43.2169C12.4368 43.1945 12.4044 43.1621 12.3682 43.1347C12.3371 43.1097 12.3009 43.0898 12.2735 43.0624L12.271 43.0586C12.2386 43.0275 12.2162 42.9888 12.1887 42.9539C12.1638 42.9203 12.1339 42.8916 12.114 42.8567L12.1127 42.853C12.0903 42.8156 12.0766 42.7707 12.0604 42.7283C12.0442 42.6909 12.023 42.656 12.013 42.6161C12.0005 42.5688 11.998 42.5177 11.9931 42.4691C11.9881 42.4317 11.9781 42.3943 11.9781 42.3569V15.5801L6.18848 12.2446L1.99677 9.83281ZM12.9777 2.36177L2.99764 8.10652L12.9752 13.8513L22.9541 8.10527L12.9752 2.36177H12.9777ZM18.1678 38.2138L23.9574 34.8809V9.83281L19.7657 12.2459L13.9749 15.5801V40.6281L18.1678 38.2138ZM48.9133 9.14105L38.9344 14.8858L48.9133 20.6305L58.8909 14.8846L48.9133 9.14105ZM47.9149 22.3593L42.124 19.0252L37.9323 16.6121V27.9844L43.7219 31.3174L47.9149 33.7317V22.3593ZM24.9533 47.987L39.59 39.631L46.9065 35.4555L36.9352 29.7145L25.4544 36.3242L14.9907 42.3482L24.9533 47.987Z" fill="currentColor"/></svg>
-                        </div>
-                        @if (Route::has('login'))
-                            <nav class="-mx-3 flex flex-1 justify-end">
-                                @auth
-                                    <a
-                                        href="{{ url('/dashboard') }}"
-                                        class="rounded-md px-3 py-2 text-black ring-1 ring-transparent transition hover:text-black/70 focus:outline-none focus-visible:ring-[#FF2D20]"
-                                    >
-                                        Dashboard
-                                    </a>
-                                @else
-                                    <a
-                                        href="{{ route('login') }}"
-                                        class="rounded-md px-3 py-2 text-black ring-1 ring-transparent transition hover:text-black/70 focus:outline-none focus-visible:ring-[#FF2D20]"
-                                    >
-                                        Log in
-                                    </a>
-
-                                    @if (Route::has('register'))
-                                        <a
-                                            href="{{ route('register') }}"
-                                            class="rounded-md px-3 py-2 text-black ring-1 ring-transparent transition hover:text-black/70 focus:outline-none focus-visible:ring-[#FF2D20]"
-                                        >
-                                            Register
-                                        </a>
-                                    @endif
-                                @endauth
-                            </nav>
-                        @endif
-                    </header>
-
-                    <main class="mt-6">
-                        <div class="grid gap-6 lg:grid-cols-2 lg:gap-8">
-                            <a
-                                href="https://laravel.com/docs"
-                                id="docs-card"
-                                class="flex flex-col items-start gap-6 overflow-hidden rounded-lg bg-white p-6 shadow-[0px_14px_34px_0px_rgba(0,0,0,0.08)] ring-1 ring-white/[0.05] transition duration-300 hover:text-black/70 hover:ring-black/20 focus:outline-none focus-visible:ring-[#FF2D20] md:row-span-3 lg:p-10 lg:pb-10"
-                            >
-                                <div id="screenshot-container" class="relative flex w-full flex-1 items-stretch">
-                                    <img
-                                        src="https://laravel.com/assets/img/welcome/docs-light.svg"
-                                        alt="Laravel documentation screenshot"
-                                        class="aspect-video h-full w-full flex-1 rounded-[10px] object-top object-cover drop-shadow-[0px_4px_34px_rgba(0,0,0,0.06)]"
-                                        onerror="
-                                            document.getElementById('screenshot-container').classList.add('!hidden');
-                                            document.getElementById('docs-card').classList.add('!row-span-1');
-                                            document.getElementById('docs-card-content').classList.add('!flex-row');
-                                            document.getElementById('background').classList.add('!hidden');
-                                        "
-                                    />
-                                    <img
-                                        src="https://laravel.com/assets/img/welcome/docs-dark.svg"
-                                        alt="Laravel documentation screenshot"
-                                        class="hidden aspect-video h-full w-full flex-1 rounded-[10px] object-top object-cover drop-shadow-[0px_4px_34px_rgba(0,0,0,0.25)]"
-                                    />
-                                    <div
-                                        class="absolute -bottom-16 -left-16 h-40 w-[calc(100%+8rem)] bg-gradient-to-b from-transparent via-white to-white"
-                                    ></div>
-                                </div>
-
-                                <div class="relative flex items-center gap-6 lg:items-end">
-                                    <div id="docs-card-content" class="flex items-start gap-6 lg:flex-col">
-                                        <div class="flex size-12 shrink-0 items-center justify-center rounded-full bg-[#FF2D20]/10 sm:size-16">
-                                            <svg class="size-5 sm:size-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#FF2D20" d="M23 4a1 1 0 0 0-1.447-.894L12.224 7.77a.5.5 0 0 1-.448 0L2.447 3.106A1 1 0 0 0 1 4v13.382a1.99 1.99 0 0 0 1.105 1.79l9.448 4.728c.14.065.293.1.447.1.154-.005.306-.04.447-.105l9.453-4.724a1.99 1.99 0 0 0 1.1-1.789V4ZM3 6.023a.25.25 0 0 1 .362-.223l7.5 3.75a.251.251 0 0 1 .138.223v11.2a.25.25 0 0 1-.362.224l-7.5-3.75a.25.25 0 0 1-.138-.22V6.023Zm18 11.2a.25.25 0 0 1-.138.224l-7.5 3.75a.249.249 0 0 1-.329-.099.249.249 0 0 1-.033-.12V9.772a.251.251 0 0 1 .138-.224l7.5-3.75a.25.25 0 0 1 .362.224v11.2Z"/><path fill="#FF2D20" d="m3.55 1.893 8 4.048a1.008 1.008 0 0 0 .9 0l8-4.048a1 1 0 0 0-.9-1.785l-7.322 3.706a.506.506 0 0 1-.452 0L4.454.108a1 1 0 0 0-.9 1.785H3.55Z"/></svg>
-                                        </div>
-
-                                        <div class="pt-3 sm:pt-5 lg:pt-0">
-                                            <h2 class="text-xl font-semibold text-black">Documentation</h2>
-
-                                            <p class="mt-4 text-sm/relaxed">
-                                                Laravel has wonderful documentation covering every aspect of the framework. Whether you are a newcomer or have prior experience with Laravel, we recommend reading our documentation from beginning to end.
-                                            </p>
-                                        </div>
-                                    </div>
-
-                                    <svg class="size-6 shrink-0 stroke-[#FF2D20]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75"/></svg>
-                                </div>
-                            </a>
-
-                            <a
-                                href="https://laracasts.com"
-                                class="flex items-start gap-4 rounded-lg bg-white p-6 shadow-[0px_14px_34px_0px_rgba(0,0,0,0.08)] ring-1 ring-white/[0.05] transition duration-300 hover:text-black/70 hover:ring-black/20 focus:outline-none focus-visible:ring-[#FF2D20] lg:pb-10"
-                            >
-                                <div class="flex size-12 shrink-0 items-center justify-center rounded-full bg-[#FF2D20]/10 sm:size-16">
-                                    <svg class="size-5 sm:size-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="#FF2D20"><path d="M24 8.25a.5.5 0 0 0-.5-.5H.5a.5.5 0 0 0-.5.5v12a2.5 2.5 0 0 0 2.5 2.5h19a2.5 2.5 0 0 0 2.5-2.5v-12Zm-7.765 5.868a1.221 1.221 0 0 1 0 2.264l-6.626 2.776A1.153 1.153 0 0 1 8 18.123v-5.746a1.151 1.151 0 0 1 1.609-1.035l6.626 2.776ZM19.564 1.677a.25.25 0 0 0-.177-.427H15.6a.106.106 0 0 0-.072.03l-4.54 4.543a.25.25 0 0 0 .177.427h3.783c.027 0 .054-.01.073-.03l4.543-4.543ZM22.071 1.318a.047.047 0 0 0-.045.013l-4.492 4.492a.249.249 0 0 0 .038.385.25.25 0 0 0 .14.042h5.784a.5.5 0 0 0 .5-.5v-2a2.5 2.5 0 0 0-1.925-2.432ZM13.014 1.677a.25.25 0 0 0-.178-.427H9.101a.106.106 0 0 0-.073.03l-4.54 4.543a.25.25 0 0 0 .177.427H8.4a.106.106 0 0 0 .073-.03l4.54-4.543ZM6.513 1.677a.25.25 0 0 0-.177-.427H2.5A2.5 2.5 0 0 0 0 3.75v2a.5.5 0 0 0 .5.5h1.4a.106.106 0 0 0 .073-.03l4.54-4.543Z"/></g></svg>
-                                </div>
-
-                                <div class="pt-3 sm:pt-5">
-                                    <h2 class="text-xl font-semibold text-black">Laracasts</h2>
-
-                                    <p class="mt-4 text-sm/relaxed">
-                                        Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript development. Check them out, see for yourself, and massively level up your development skills in the process.
-                                    </p>
-                                </div>
-
-                                <svg class="size-6 shrink-0 self-center stroke-[#FF2D20]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75"/></svg>
-                            </a>
-
-                            <a
-                                href="https://laravel-news.com"
-                                class="flex items-start gap-4 rounded-lg bg-white p-6 shadow-[0px_14px_34px_0px_rgba(0,0,0,0.08)] ring-1 ring-white/[0.05] transition duration-300 hover:text-black/70 hover:ring-black/20 focus:outline-none focus-visible:ring-[#FF2D20] lg:pb-10"
-                            >
-                                <div class="flex size-12 shrink-0 items-center justify-center rounded-full bg-[#FF2D20]/10 sm:size-16">
-                                    <svg class="size-5 sm:size-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g fill="#FF2D20"><path d="M8.75 4.5H5.5c-.69 0-1.25.56-1.25 1.25v4.75c0 .69.56 1.25 1.25 1.25h3.25c.69 0 1.25-.56 1.25-1.25V5.75c0-.69-.56-1.25-1.25-1.25Z"/><path d="M24 10a3 3 0 0 0-3-3h-2V2.5a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2V20a3.5 3.5 0 0 0 3.5 3.5h17A3.5 3.5 0 0 0 24 20V10ZM3.5 21.5A1.5 1.5 0 0 1 2 20V3a.5.5 0 0 1 .5-.5h14a.5.5 0 0 1 .5.5v17c0 .295.037.588.11.874a.5.5 0 0 1-.484.625L3.5 21.5ZM22 20a1.5 1.5 0 1 1-3 0V9.5a.5.5 0 0 1 .5-.5H21a1 1 0 0 1 1 1v10Z"/><path d="M12.751 6.047h2a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-2A.75.75 0 0 1 12 7.3v-.5a.75.75 0 0 1 .751-.753ZM12.751 10.047h2a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-2A.75.75 0 0 1 12 11.3v-.5a.75.75 0 0 1 .751-.753ZM4.751 14.047h10a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-10A.75.75 0 0 1 4 15.3v-.5a.75.75 0 0 1 .751-.753ZM4.75 18.047h7.5a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-7.5A.75.75 0 0 1 4 19.3v-.5a.75.75 0 0 1 .75-.753Z"/></g></svg>
-                                </div>
-
-                                <div class="pt-3 sm:pt-5">
-                                    <h2 class="text-xl font-semibold text-black">Laravel News</h2>
-
-                                    <p class="mt-4 text-sm/relaxed">
-                                        Laravel News is a community driven portal and newsletter aggregating all of the latest and most important news in the Laravel ecosystem, including new package releases and tutorials.
-                                    </p>
-                                </div>
-
-                                <svg class="size-6 shrink-0 self-center stroke-[#FF2D20]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75"/></svg>
-                            </a>
-
-                            <div class="flex items-start gap-4 rounded-lg bg-white p-6 shadow-[0px_14px_34px_0px_rgba(0,0,0,0.08)] ring-1 ring-white/[0.05] transition duration-300 hover:text-black/70 hover:ring-black/20 focus:outline-none focus-visible:ring-[#FF2D20] lg:pb-10">
-                                <div class="flex size-12 shrink-0 items-center justify-center rounded-full bg-[#FF2D20]/10 sm:size-16">
-                                    <svg class="size-5 sm:size-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-                                        <g fill="#FF2D20">
-                                            <path
-                                                d="M16.597 12.635a.247.247 0 0 0-.08-.237 2.234 2.234 0 0 1-.769-1.68c.001-.195.03-.39.084-.578a.25.25 0 0 0-.09-.267 8.8 8.8 0 0 0-4.826-1.66.25.25 0 0 0-.268.181 2.5 2.5 0 0 1-2.4 1.824.045.045 0 0 0-.045.037 12.255 12.255 0 0 0-.093 3.86.251.251 0 0 0 .208.214c2.22.366 4.367 1.08 6.362 2.118a.252.252 0 0 0 .32-.079 10.09 10.09 0 0 0 1.597-3.733ZM13.616 17.968a.25.25 0 0 0-.063-.407A19.697 19.697 0 0 0 8.91 15.98a.25.25 0 0 0-.287.325c.151.455.334.898.548 1.328.437.827.981 1.594 1.619 2.28a.249.249 0 0 0 .32.044 29.13 29.13 0 0 0 2.506-1.99ZM6.303 14.105a.25.25 0 0 0 .265-.274 13.048 13.048 0 0 1 .205-4.045.062.062 0 0 0-.022-.07 2.5 2.5 0 0 1-.777-.982.25.25 0 0 0-.271-.149 11 11 0 0 0-5.6 2.815.255.255 0 0 0-.075.163c-.008.135-.02.27-.02.406.002.8.084 1.598.246 2.381a.25.25 0 0 0 .303.193 19.924 19.924 0 0 1 5.746-.438ZM9.228 20.914a.25.25 0 0 0 .1-.393 11.53 11.53 0 0 1-1.5-2.22 12.238 12.238 0 0 1-.91-2.465.248.248 0 0 0-.22-.187 18.876 18.876 0 0 0-5.69.33.249.249 0 0 0-.179.336c.838 2.142 2.272 4 4.132 5.353a.254.254 0 0 0 .15.048c1.41-.01 2.807-.282 4.117-.802ZM18.93 12.957l-.005-.008a.25.25 0 0 0-.268-.082 2.21 2.21 0 0 1-.41.081.25.25 0 0 0-.217.2c-.582 2.66-2.127 5.35-5.75 7.843a.248.248 0 0 0-.09.299.25.25 0 0 0 .065.091 28.703 28.703 0 0 0 2.662 2.12.246.246 0 0 0 .209.037c2.579-.701 4.85-2.242 6.456-4.378a.25.25 0 0 0 .048-.189 13.51 13.51 0 0 0-2.7-6.014ZM5.702 7.058a.254.254 0 0 0 .2-.165A2.488 2.488 0 0 1 7.98 5.245a.093.093 0 0 0 .078-.062 19.734 19.734 0 0 1 3.055-4.74.25.25 0 0 0-.21-.41 12.009 12.009 0 0 0-10.4 8.558.25.25 0 0 0 .373.281 12.912 12.912 0 0 1 4.826-1.814ZM10.773 22.052a.25.25 0 0 0-.28-.046c-.758.356-1.55.635-2.365.833a.25.25 0 0 0-.022.48c1.252.43 2.568.65 3.893.65.1 0 .2 0 .3-.008a.25.25 0 0 0 .147-.444c-.526-.424-1.1-.917-1.673-1.465ZM18.744 8.436a.249.249 0 0 0 .15.228 2.246 2.246 0 0 1 1.352 2.054c0 .337-.08.67-.23.972a.25.25 0 0 0 .042.28l.007.009a15.016 15.016 0 0 1 2.52 4.6.25.25 0 0 0 .37.132.25.25 0 0 0 .096-.114c.623-1.464.944-3.039.945-4.63a12.005 12.005 0 0 0-5.78-10.258.25.25 0 0 0-.373.274c.547 2.109.85 4.274.901 6.453ZM9.61 5.38a.25.25 0 0 0 .08.31c.34.24.616.561.8.935a.25.25 0 0 0 .3.127.631.631 0 0 1 .206-.034c2.054.078 4.036.772 5.69 1.991a.251.251 0 0 0 .267.024c.046-.024.093-.047.141-.067a.25.25 0 0 0 .151-.23A29.98 29.98 0 0 0 15.957.764a.25.25 0 0 0-.16-.164 11.924 11.924 0 0 0-2.21-.518.252.252 0 0 0-.215.076A22.456 22.456 0 0 0 9.61 5.38Z"
-                                            />
-                                        </g>
-                                    </svg>
-                                </div>
-
-                                <div class="pt-3 sm:pt-5">
-                                    <h2 class="text-xl font-semibold text-black">Vibrant Ecosystem</h2>
-
-                                    <p class="mt-4 text-sm/relaxed">
-                                        Laravel's robust library of first-party tools and libraries, such as <a href="https://forge.laravel.com" class="rounded-sm underline hover:text-black focus:outline-none focus-visible:ring-1 focus-visible:ring-[#FF2D20]">Forge</a>, <a href="https://vapor.laravel.com" class="rounded-sm underline hover:text-black focus:outline-none focus-visible:ring-1 focus-visible:ring-[#FF2D20]">Vapor</a>, <a href="https://nova.laravel.com" class="rounded-sm underline hover:text-black focus:outline-none focus-visible:ring-1 focus-visible:ring-[#FF2D20]">Nova</a>, <a href="https://envoyer.io" class="rounded-sm underline hover:text-black focus:outline-none focus-visible:ring-1 focus-visible:ring-[#FF2D20]">Envoyer</a>, and <a href="https://herd.laravel.com" class="rounded-sm underline hover:text-black focus:outline-none focus-visible:ring-1 focus-visible:ring-[#FF2D20]">Herd</a> help you take your projects to the next level. Pair them with powerful open source libraries like <a href="https://laravel.com/docs/billing" class="rounded-sm underline hover:text-black focus:outline-none focus-visible:ring-1 focus-visible:ring-[#FF2D20]">Cashier</a>, <a href="https://laravel.com/docs/dusk" class="rounded-sm underline hover:text-black focus:outline-none focus-visible:ring-1 focus-visible:ring-[#FF2D20]">Dusk</a>, <a href="https://laravel.com/docs/broadcasting" class="rounded-sm underline hover:text-black focus:outline-none focus-visible:ring-1 focus-visible:ring-[#FF2D20]">Echo</a>, <a href="https://laravel.com/docs/horizon" class="rounded-sm underline hover:text-black focus:outline-none focus-visible:ring-1 focus-visible:ring-[#FF2D20]">Horizon</a>, <a href="https://laravel.com/docs/sanctum" class="rounded-sm underline hover:text-black focus:outline-none focus-visible:ring-1 focus-visible:ring-[#FF2D20]">Sanctum</a>, <a href="https://laravel.com/docs/telescope" class="rounded-sm underline hover:text-black focus:outline-none focus-visible:ring-1 focus-visible:ring-[#FF2D20]">Telescope</a>, and more.
-                                    </p>
-                                </div>
-                            </div>
-                        </div>
-                    </main>
-
-                    <footer class="py-16 text-center text-sm text-black">
-                        Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }})
-                    </footer>
-                </div>
-            </div>
-        </div>
-    </body>
-</html>
diff --git a/resources/views/widgets.blade.php b/resources/views/widgets.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..ef41f4eaa9a8049d04eb66609153fc8aa432d4a3
--- /dev/null
+++ b/resources/views/widgets.blade.php
@@ -0,0 +1,2373 @@
+<x-layout.default>
+
+    <script defer src="/assets/js/apexcharts.js"></script>
+    <div x-data="chart">
+        <div class="grid xl:grid-cols-3 gap-6 mb-6">
+            <div class="panel h-full xl:col-span-2">
+                <div class="flex items-center dark:text-white-light mb-5">
+                    <h5 class="font-semibold text-lg">Revenue</h5>
+                    <div x-data="dropdown" @click.outside="open = false" class="dropdown ltr:ml-auto rtl:mr-auto">
+                        <a href="javascript:;" @click="toggle">
+                            <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
+                                viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <circle opacity="0.5" cx="12" cy="12" r="2"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                            </svg>
+                        </a>
+                        <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                            class="ltr:right-0 rtl:left-0">
+                            <li><a href="javascript:;" @click="toggle">Weekly</a></li>
+                            <li><a href="javascript:;" @click="toggle">Monthly</a></li>
+                            <li><a href="javascript:;" @click="toggle">Yearly</a></li>
+                        </ul>
+                    </div>
+                </div>
+                <p class="text-lg dark:text-white-light/90">Total Profit <span class="text-primary ml-2">$10,840</span>
+                </p>
+                <div class="relative overflow-hidden">
+                    <div x-ref="revenueChart" class="bg-white dark:bg-black rounded-lg">
+                        <!-- loader -->
+                        <div
+                            class="min-h-[325px] grid place-content-center bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] ">
+                            <span
+                                class="animate-spin border-2 border-black dark:border-white !border-l-transparent  rounded-full w-5 h-5 inline-flex"></span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="panel h-full">
+                <div class="flex items-center mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Sales By Category</h5>
+                </div>
+                <div class="overflow-hidden">
+                    <div x-ref="salesByCategory" class="bg-white dark:bg-black rounded-lg">
+                        <!-- loader -->
+                        <div
+                            class="min-h-[353px] grid place-content-center bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] ">
+                            <span
+                                class="animate-spin border-2 border-black dark:border-white !border-l-transparent  rounded-full w-5 h-5 inline-flex"></span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="grid sm:grid-cols-2 xl:grid-cols-3 gap-6 mb-6">
+            <div class="panel h-full sm:col-span-2 xl:col-span-1">
+                <div class="flex items-center mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Daily Sales <span
+                            class="block text-white-dark text-sm font-normal">Go to columns for details.</span></h5>
+                    <div class="ltr:ml-auto rtl:mr-auto relative">
+                        <div
+                            class="w-11 h-11 text-warning bg-[#ffeccb] dark:bg-warning dark:text-[#ffeccb] grid place-content-center rounded-full">
+                            <svg width="40" height="40" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path d="M12 6V18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path
+                                    d="M15 9.5C15 8.11929 13.6569 7 12 7C10.3431 7 9 8.11929 9 9.5C9 10.8807 10.3431 12 12 12C13.6569 12 15 13.1193 15 14.5C15 15.8807 13.6569 17 12 17C10.3431 17 9 15.8807 9 14.5"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            </svg>
+                        </div>
+                    </div>
+                </div>
+                <div class="overflow-hidden">
+                    <div x-ref="dailySales" class="bg-white dark:bg-black rounded-lg">
+                        <!-- loader -->
+                        <div
+                            class="min-h-[175px] grid place-content-center bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] ">
+                            <span
+                                class="animate-spin border-2 border-black dark:border-white !border-l-transparent  rounded-full w-5 h-5 inline-flex"></span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="panel h-full">
+                <div class="flex items-center dark:text-white-light mb-5">
+                    <h5 class="font-semibold text-lg">Summary</h5>
+                    <div x-data="dropdown" @click.outside="open = false" class="dropdown ltr:ml-auto rtl:mr-auto">
+                        <a href="javascript:;" @click="toggle">
+                            <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
+                                viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <circle opacity="0.5" cx="12" cy="12" r="2"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                            </svg>
+                        </a>
+                        <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                            class="ltr:right-0 rtl:left-0">
+                            <li><a href="javascript:;" @click="toggle">View Report</a></li>
+                            <li><a href="javascript:;" @click="toggle">Edit Report</a></li>
+                            <li><a href="javascript:;" @click="toggle">Mark as Done</a></li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="space-y-9">
+                    <div class="flex items-center">
+                        <div class="w-9 h-9 ltr:mr-3 rtl:ml-3">
+                            <div
+                                class="bg-secondary-light dark:bg-secondary text-secondary dark:text-secondary-light  rounded-full w-9 h-9 grid place-content-center">
+                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path
+                                        d="M3.74157 18.5545C4.94119 20 7.17389 20 11.6393 20H12.3605C16.8259 20 19.0586 20 20.2582 18.5545M3.74157 18.5545C2.54194 17.1091 2.9534 14.9146 3.77633 10.5257C4.36155 7.40452 4.65416 5.84393 5.76506 4.92196M3.74157 18.5545C3.74156 18.5545 3.74157 18.5545 3.74157 18.5545ZM20.2582 18.5545C21.4578 17.1091 21.0464 14.9146 20.2235 10.5257C19.6382 7.40452 19.3456 5.84393 18.2347 4.92196M20.2582 18.5545C20.2582 18.5545 20.2582 18.5545 20.2582 18.5545ZM18.2347 4.92196C17.1238 4 15.5361 4 12.3605 4H11.6393C8.46374 4 6.87596 4 5.76506 4.92196M18.2347 4.92196C18.2347 4.92196 18.2347 4.92196 18.2347 4.92196ZM5.76506 4.92196C5.76506 4.92196 5.76506 4.92196 5.76506 4.92196Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M9.1709 8C9.58273 9.16519 10.694 10 12.0002 10C13.3064 10 14.4177 9.16519 14.8295 8"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                            </div>
+                        </div>
+                        <div class="flex-1">
+                            <div class="flex font-semibold text-white-dark mb-2">
+                                <h6>Income</h6>
+                                <p class="ltr:ml-auto rtl:mr-auto">$92,600</p>
+                            </div>
+                            <div class="rounded-full h-2 bg-dark-light dark:bg-[#1b2e4b] shadow">
+                                <div class="bg-gradient-to-r from-[#7579ff] to-[#b224ef] w-11/12 h-full rounded-full">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="flex items-center">
+                        <div class="w-9 h-9 ltr:mr-3 rtl:ml-3">
+                            <div
+                                class="bg-success-light dark:bg-success text-success dark:text-success-light rounded-full w-9 h-9 grid place-content-center">
+                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path
+                                        d="M4.72848 16.1369C3.18295 14.5914 2.41018 13.8186 2.12264 12.816C1.83509 11.8134 2.08083 10.7485 2.57231 8.61875L2.85574 7.39057C3.26922 5.59881 3.47597 4.70292 4.08944 4.08944C4.70292 3.47597 5.59881 3.26922 7.39057 2.85574L8.61875 2.57231C10.7485 2.08083 11.8134 1.83509 12.816 2.12264C13.8186 2.41018 14.5914 3.18295 16.1369 4.72848L17.9665 6.55812C20.6555 9.24711 22 10.5916 22 12.2623C22 13.933 20.6555 15.2775 17.9665 17.9665C15.2775 20.6555 13.933 22 12.2623 22C10.5916 22 9.24711 20.6555 6.55812 17.9665L4.72848 16.1369Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <circle opacity="0.5" cx="8.60699" cy="8.87891" r="2"
+                                        transform="rotate(-45 8.60699 8.87891)" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <path opacity="0.5" d="M11.5417 18.5L18.5208 11.5208" stroke="currentColor"
+                                        stroke-width="1.5" stroke-linecap="round" />
+                                </svg>
+                            </div>
+                        </div>
+                        <div class="flex-1">
+                            <div class="flex font-semibold text-white-dark mb-2">
+                                <h6>Profit</h6>
+                                <p class="ltr:ml-auto rtl:mr-auto">$37,515</p>
+                            </div>
+                            <div class="w-full rounded-full h-2 bg-dark-light dark:bg-[#1b2e4b] shadow">
+                                <div class="bg-gradient-to-r from-[#3cba92] to-[#0ba360] w-full h-full rounded-full"
+                                    style="width: 65%;"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="flex items-center">
+                        <div class="w-9 h-9 ltr:mr-3 rtl:ml-3">
+                            <div
+                                class="bg-warning-light dark:bg-warning text-warning dark:text-warning-light rounded-full w-9 h-9 grid place-content-center">
+                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path
+                                        d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5" d="M10 16H6" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M14 16H12.5" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M2 10L22 10" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                </svg>
+                            </div>
+                        </div>
+                        <div class="flex-1">
+                            <div class="flex font-semibold text-white-dark mb-2">
+                                <h6>Expenses</h6>
+                                <p class="ltr:ml-auto rtl:mr-auto">$55,085</p>
+                            </div>
+                            <div class="w-full rounded-full h-2 bg-dark-light dark:bg-[#1b2e4b] shadow">
+                                <div class="bg-gradient-to-r from-[#f09819] to-[#ff5858] w-full h-full rounded-full"
+                                    style="width: 80%;"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="panel h-full p-0">
+                <div class="flex items-center justify-between w-full p-5 absolute">
+                    <div class="relative">
+                        <div
+                            class="text-success dark:text-success-light bg-success-light dark:bg-success w-11 h-11 rounded-lg flex items-center justify-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M2 3L2.26491 3.0883C3.58495 3.52832 4.24497 3.74832 4.62248 4.2721C5 4.79587 5 5.49159 5 6.88304V9.5C5 12.3284 5 13.7426 5.87868 14.6213C6.75736 15.5 8.17157 15.5 11 15.5H19"
+                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                <path opacity="0.5"
+                                    d="M7.5 18C8.32843 18 9 18.6716 9 19.5C9 20.3284 8.32843 21 7.5 21C6.67157 21 6 20.3284 6 19.5C6 18.6716 6.67157 18 7.5 18Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5"
+                                    d="M16.5 18.0001C17.3284 18.0001 18 18.6716 18 19.5001C18 20.3285 17.3284 21.0001 16.5 21.0001C15.6716 21.0001 15 20.3285 15 19.5001C15 18.6716 15.6716 18.0001 16.5 18.0001Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path opacity="0.5" d="M11 9H8" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" />
+                                <path
+                                    d="M5 6H16.4504C18.5054 6 19.5328 6 19.9775 6.67426C20.4221 7.34853 20.0173 8.29294 19.2078 10.1818L18.7792 11.1818C18.4013 12.0636 18.2123 12.5045 17.8366 12.7523C17.4609 13 16.9812 13 16.0218 13H5"
+                                    stroke="currentColor" stroke-width="1.5" />
+                            </svg>
+                        </div>
+                    </div>
+                    <h5 class="font-semibold text-2xl ltr:text-right rtl:text-left dark:text-white-light">
+                        3,192
+                        <span class="block text-sm font-normal">Total Orders</span>
+                    </h5>
+                </div>
+                <div x-ref="totalOrders" class="bg-transparent rounded-lg overflow-hidden">
+                    <!-- loader -->
+                    <div
+                        class="min-h-[290px] grid place-content-center bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] ">
+                        <span
+                            class="animate-spin border-2 border-black dark:border-white !border-l-transparent  rounded-full w-5 h-5 inline-flex"></span>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="grid sm:grid-cols-2 xl:grid-cols-3 gap-6 mb-6">
+            <div class="panel h-full sm:col-span-2 xl:col-span-1 pb-0">
+                <h5 class="font-semibold text-lg dark:text-white-light mb-5">Recent Activities</h5>
+
+                <div class="perfect-scrollbar relative mb-4 h-[290px] pr-3 -mr-3">
+                    <div class="text-sm cursor-pointer">
+                        <div class="flex items-center py-1.5 relative group">
+                            <div class="bg-primary w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                            <div class="flex-1">Updated Server Logs</div>
+                            <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">Just Now
+                            </div>
+
+                            <span
+                                class="badge badge-outline-primary absolute ltr:right-0 rtl:left-0 text-xs bg-primary-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Pending</span>
+                        </div>
+                        <div class="flex items-center py-1.5 relative group">
+                            <div class="bg-success w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                            <div class="flex-1">Send Mail to HR and Admin</div>
+                            <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">2 min ago
+                            </div>
+
+                            <span
+                                class="badge badge-outline-success absolute ltr:right-0 rtl:left-0 text-xs bg-success-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Completed</span>
+                        </div>
+                        <div class="flex items-center py-1.5 relative group">
+                            <div class="bg-danger w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                            <div class="flex-1">Backup Files EOD</div>
+                            <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">14:00</div>
+
+                            <span
+                                class="badge badge-outline-danger absolute ltr:right-0 rtl:left-0 text-xs bg-danger-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Pending</span>
+                        </div>
+                        <div class="flex items-center py-1.5 relative group">
+                            <div class="bg-black w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                            <div class="flex-1">Collect documents from Sara</div>
+                            <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">16:00</div>
+
+                            <span
+                                class="badge badge-outline-dark absolute ltr:right-0 rtl:left-0 text-xs bg-dark-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Completed</span>
+                        </div>
+                        <div class="flex items-center py-1.5 relative group">
+                            <div class="bg-warning w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                            <div class="flex-1">Conference call with Marketing Manager.</div>
+                            <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">17:00</div>
+
+                            <span
+                                class="badge badge-outline-warning absolute ltr:right-0 rtl:left-0 text-xs bg-warning-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">In
+                                progress</span>
+                        </div>
+                        <div class="flex items-center py-1.5 relative group">
+                            <div class="bg-info w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                            <div class="flex-1">Rebooted Server</div>
+                            <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">17:00</div>
+
+                            <span
+                                class="badge badge-outline-info absolute ltr:right-0 rtl:left-0 text-xs bg-info-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Completed</span>
+                        </div>
+                        <div class="flex items-center py-1.5 relative group">
+                            <div class="bg-secondary w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                            <div class="flex-1">Send contract details to Freelancer</div>
+                            <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">18:00</div>
+
+                            <span
+                                class="badge badge-outline-secondary absolute ltr:right-0 rtl:left-0 text-xs bg-secondary-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Pending</span>
+                        </div>
+                        <div class="flex items-center py-1.5 relative group">
+                            <div class="bg-primary w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                            <div class="flex-1">Updated Server Logs</div>
+                            <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">Just Now
+                            </div>
+
+                            <span
+                                class="badge badge-outline-primary absolute ltr:right-0 rtl:left-0 text-xs bg-primary-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Pending</span>
+                        </div>
+                        <div class="flex items-center py-1.5 relative group">
+                            <div class="bg-success w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                            <div class="flex-1">Send Mail to HR and Admin</div>
+                            <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">2 min ago
+                            </div>
+
+                            <span
+                                class="badge badge-outline-success absolute ltr:right-0 rtl:left-0 text-xs bg-success-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Completed</span>
+                        </div>
+                        <div class="flex items-center py-1.5 relative group">
+                            <div class="bg-danger w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                            <div class="flex-1">Backup Files EOD</div>
+                            <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">14:00</div>
+
+                            <span
+                                class="badge badge-outline-danger absolute ltr:right-0 rtl:left-0 text-xs bg-danger-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Pending</span>
+                        </div>
+                        <div class="flex items-center py-1.5 relative group">
+                            <div class="bg-black w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                            <div class="flex-1">Collect documents from Sara</div>
+                            <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">16:00</div>
+
+                            <span
+                                class="badge badge-outline-dark absolute ltr:right-0 rtl:left-0 text-xs bg-dark-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Completed</span>
+                        </div>
+                        <div class="flex items-center py-1.5 relative group">
+                            <div class="bg-warning w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                            <div class="flex-1">Conference call with Marketing Manager.</div>
+                            <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">17:00</div>
+
+                            <span
+                                class="badge badge-outline-warning absolute ltr:right-0 rtl:left-0 text-xs bg-warning-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">In
+                                progress</span>
+                        </div>
+                        <div class="flex items-center py-1.5 relative group">
+                            <div class="bg-info w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                            <div class="flex-1">Rebooted Server</div>
+                            <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">17:00</div>
+
+                            <span
+                                class="badge badge-outline-info absolute ltr:right-0 rtl:left-0 text-xs bg-info-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Completed</span>
+                        </div>
+                        <div class="flex items-center py-1.5 relative group">
+                            <div class="bg-secondary w-1.5 h-1.5 rounded-full ltr:mr-1 rtl:ml-1.5"></div>
+                            <div class="flex-1">Send contract details to Freelancer</div>
+                            <div class="ltr:ml-auto rtl:mr-auto text-xs text-white-dark dark:text-gray-500">18:00</div>
+
+                            <span
+                                class="badge badge-outline-secondary absolute ltr:right-0 rtl:left-0 text-xs bg-secondary-light dark:bg-[#0e1726] opacity-0 group-hover:opacity-100">Pending</span>
+                        </div>
+                    </div>
+                </div>
+                <div class="border-t border-white-light dark:border-white/10">
+                    <a href="javascript:;"
+                        class=" font-semibold group hover:text-primary p-4 flex items-center justify-center group">
+                        View All
+                        <svg class="w-4 h-4 rtl:rotate-180 group-hover:translate-x-1 rtl:group-hover:-translate-x-1 transition duration-300 ltr:ml-1 rtl:mr-1"
+                            viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor" stroke-width="1.5"
+                                stroke-linecap="round" stroke-linejoin="round" />
+                        </svg>
+                    </a>
+                </div>
+            </div>
+
+            <div class="panel h-full">
+                <div class="flex items-center justify-between dark:text-white-light mb-5">
+                    <h5 class="font-semibold text-lg">Transactions</h5>
+                    <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                        <a href="javascript:;" @click="toggle">
+                            <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
+                                viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <circle opacity="0.5" cx="12" cy="12" r="2"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                            </svg>
+                        </a>
+                        <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                            class="ltr:right-0 rtl:left-0">
+                            <li><a href="javascript:;" @click="toggle">View Report</a></li>
+                            <li><a href="javascript:;" @click="toggle">Edit Report</a></li>
+                            <li><a href="javascript:;" @click="toggle">Mark as Done</a></li>
+                        </ul>
+                    </div>
+                </div>
+                <div>
+                    <div class="space-y-6">
+                        <div class="flex">
+                            <span
+                                class="shrink-0 grid place-content-center text-base w-9 h-9 rounded-md bg-success-light dark:bg-success text-success dark:text-success-light">SP</span>
+                            <div class="px-3 flex-1">
+                                <div>Shaun Park</div>
+                                <div class="text-xs text-white-dark dark:text-gray-500">10 Jan 1:00PM</div>
+                            </div>
+                            <span
+                                class="text-success text-base px-1 ltr:ml-auto rtl:mr-auto whitespace-pre">+$36.11</span>
+                        </div>
+                        <div class="flex">
+                            <span
+                                class="shrink-0 grid place-content-center w-9 h-9 rounded-md bg-warning-light dark:bg-warning text-warning dark:text-warning-light">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="h-6 w-6">
+                                    <path
+                                        d="M2 10C2 7.17157 2 5.75736 2.87868 4.87868C3.75736 4 5.17157 4 8 4H13C15.8284 4 17.2426 4 18.1213 4.87868C19 5.75736 19 7.17157 19 10C19 12.8284 19 14.2426 18.1213 15.1213C17.2426 16 15.8284 16 13 16H8C5.17157 16 3.75736 16 2.87868 15.1213C2 14.2426 2 12.8284 2 10Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M19.0003 7.07617C19.9754 7.17208 20.6317 7.38885 21.1216 7.87873C22.0003 8.75741 22.0003 10.1716 22.0003 13.0001C22.0003 15.8285 22.0003 17.2427 21.1216 18.1214C20.2429 19.0001 18.8287 19.0001 16.0003 19.0001H11.0003C8.17187 19.0001 6.75766 19.0001 5.87898 18.1214C5.38909 17.6315 5.17233 16.9751 5.07642 16"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path
+                                        d="M13 10C13 11.3807 11.8807 12.5 10.5 12.5C9.11929 12.5 8 11.3807 8 10C8 8.61929 9.11929 7.5 10.5 7.5C11.8807 7.5 13 8.61929 13 10Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5" d="M16 12L16 8" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                    <path opacity="0.5" d="M5 12L5 8" stroke="currentColor" stroke-width="1.5"
+                                        stroke-linecap="round" />
+                                </svg>
+                            </span>
+                            <div class="px-3 flex-1">
+                                <div>Cash withdrawal</div>
+                                <div class="text-xs text-white-dark dark:text-gray-500">04 Jan 1:00PM</div>
+                            </div>
+                            <span
+                                class="text-danger text-base px-1 ltr:ml-auto rtl:mr-auto whitespace-pre">-$16.44</span>
+                        </div>
+                        <div class="flex">
+                            <span
+                                class="shrink-0 grid place-content-center w-9 h-9 rounded-md bg-danger-light dark:bg-danger text-danger dark:text-danger-light">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <circle cx="12" cy="6" r="4" stroke="currentColor"
+                                        stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M20 17.5C20 19.9853 20 22 12 22C4 22 4 19.9853 4 17.5C4 15.0147 7.58172 13 12 13C16.4183 13 20 15.0147 20 17.5Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                            </span>
+                            <div class="px-3 flex-1">
+                                <div>Amy Diaz</div>
+                                <div class="text-xs text-white-dark dark:text-gray-500">10 Jan 1:00PM</div>
+                            </div>
+                            <span
+                                class="text-success text-base px-1 ltr:ml-auto rtl:mr-auto whitespace-pre">+$66.44</span>
+                        </div>
+                        <div class="flex">
+                            <span
+                                class="shrink-0 grid place-content-center w-9 h-9 rounded-md bg-secondary-light dark:bg-secondary text-secondary dark:text-secondary-light">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
+                                    preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
+                                    <path fill="currentColor"
+                                        d="M5.398 0v.006c3.028 8.556 5.37 15.175 8.348 23.596c2.344.058 4.85.398 4.854.398c-2.8-7.924-5.923-16.747-8.487-24zm8.489 0v9.63L18.6 22.951c-.043-7.86-.004-15.913.002-22.95zM5.398 1.05V24c1.873-.225 2.81-.312 4.715-.398v-9.22z" />
+                                </svg>
+                            </span>
+                            <div class="px-3 flex-1">
+                                <div>Netflix</div>
+                                <div class="text-xs text-white-dark dark:text-gray-500">04 Jan 1:00PM</div>
+                            </div>
+                            <span
+                                class="text-danger text-base px-1 ltr:ml-auto rtl:mr-auto whitespace-pre">-$32.00</span>
+                        </div>
+                        <div class="flex">
+                            <span
+                                class="shrink-0 grid place-content-center text-base w-9 h-9 rounded-md bg-info-light dark:bg-info text-info dark:text-info-light">DA</span>
+                            <div class="px-3 flex-1">
+                                <div>Daisy Anderson</div>
+                                <div class="text-xs text-white-dark dark:text-gray-500">10 Jan 1:00PM</div>
+                            </div>
+                            <span
+                                class="text-success text-base px-1 ltr:ml-auto rtl:mr-auto whitespace-pre">+$10.08</span>
+                        </div>
+                        <div class="flex">
+                            <span
+                                class="shrink-0 grid place-content-center w-9 h-9 rounded-md bg-primary-light dark:bg-primary text-primary dark:text-primary-light">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path
+                                        d="M13.926 9.70541C13.5474 9.33386 13.5474 8.74151 13.5474 7.55682V7.24712C13.5474 3.96249 13.5474 2.32018 12.6241 2.03721C11.7007 1.75425 10.711 3.09327 8.73167 5.77133L5.66953 9.91436C4.3848 11.6526 3.74244 12.5217 4.09639 13.205C4.10225 13.2164 4.10829 13.2276 4.1145 13.2387C4.48945 13.9117 5.59888 13.9117 7.81775 13.9117C9.05079 13.9117 9.6673 13.9117 10.054 14.2754"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path opacity="0.5"
+                                        d="M13.9259 9.70557L13.9459 9.72481C14.3326 10.0885 14.9492 10.0885 16.1822 10.0885C18.4011 10.0885 19.5105 10.0885 19.8854 10.7615C19.8917 10.7726 19.8977 10.7838 19.9036 10.7951C20.2575 11.4785 19.6151 12.3476 18.3304 14.0858L15.2682 18.2288C13.2888 20.9069 12.2991 22.2459 11.3758 21.9629C10.4524 21.68 10.4524 20.0376 10.4525 16.753L10.4525 16.4434C10.4525 15.2587 10.4525 14.6663 10.074 14.2948L10.054 14.2755"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                            </span>
+                            <div class="px-3 flex-1">
+                                <div>Electricity Bill</div>
+                                <div class="text-xs text-white-dark dark:text-gray-500">04 Jan 1:00PM</div>
+                            </div>
+                            <span
+                                class="text-danger text-base px-1 ltr:ml-auto rtl:mr-auto whitespace-pre">-$22.00</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="panel h-full p-0 border-0 overflow-hidden">
+                <div class="p-6 bg-gradient-to-r from-[#4361ee] to-[#160f6b] min-h-[190px]">
+                    <div class="flex justify-between items-center mb-6">
+                        <div
+                            class="bg-black/50 rounded-full p-1 ltr:pr-3 rtl:pl-3 flex items-center text-white font-semibold">
+                            <img class="w-8 h-8 rounded-full border-2 border-white/50 block object-cover ltr:mr-1 rtl:ml-1"
+                                src="/assets/images/profile-34.jpeg" alt="image" />
+                            Alan Green
+                        </div>
+                        <button type="button"
+                            class="ltr:ml-auto rtl:mr-auto flex items-center justify-between w-9 h-9 bg-black text-white rounded-md hover:opacity-80">
+                            <svg class="w-6 h-6 m-auto" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"
+                                fill="none" stroke-linecap="round" stroke-linejoin="round">
+                                <line x1="12" y1="5" x2="12" y2="19"></line>
+                                <line x1="5" y1="12" x2="19" y2="12"></line>
+                            </svg>
+                        </button>
+                    </div>
+                    <div class="text-white flex justify-between items-center">
+                        <p class="text-xl">Wallet Balance</p>
+                        <h5 class="ltr:ml-auto rtl:mr-auto text-2xl">
+                            <span class="text-white-light">$</span>2953
+                        </h5>
+                    </div>
+                </div>
+                <div class="-mt-12 px-8 grid grid-cols-2 gap-2">
+                    <div class="bg-white rounded-md shadow px-4 py-2.5 dark:bg-[#060818]">
+                        <span class="flex justify-between items-center mb-4 dark:text-white">Received
+                            <svg class="w-4 h-4 text-success" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path d="M19 15L12 9L5 15" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </span>
+                        <div
+                            class="btn w-full  py-1 text-base shadow-none border-0 bg-[#ebedf2] dark:bg-black text-[#515365] dark:text-[#bfc9d4]">
+                            $97.99</div>
+                    </div>
+                    <div class="bg-white rounded-md shadow px-4 py-2.5 dark:bg-[#060818]">
+                        <span class="flex justify-between items-center mb-4 dark:text-white">Spent
+                            <svg class="w-4 h-4 text-danger" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path d="M19 9L12 15L5 9" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </span>
+                        <div
+                            class="btn w-full  py-1 text-base shadow-none border-0 bg-[#ebedf2] dark:bg-black text-[#515365] dark:text-[#bfc9d4]">
+                            $53.00</div>
+                    </div>
+                </div>
+                <div class="p-5">
+                    <div class="mb-5">
+                        <span
+                            class="bg-[#1b2e4b] text-white text-xs rounded-full px-4 py-1.5 before:bg-white before:w-1.5 before:h-1.5 before:rounded-full ltr:before:mr-2 rtl:before:ml-2 before:inline-block">Pending</span>
+                    </div>
+                    <div class="mb-5 space-y-1">
+                        <div class="flex items-center justify-between">
+                            <p class="text-[#515365] font-semibold">Netflix</p>
+                            <p class="text-base"><span>$</span> <span class="font-semibold">13.85</span></p>
+                        </div>
+                        <div class="flex items-center justify-between">
+                            <p class="text-[#515365] font-semibold">BlueHost VPN</p>
+                            <p class="text-base"><span>$</span> <span class="font-semibold ">15.66</span></p>
+                        </div>
+                    </div>
+                    <div class="text-center px-2 flex justify-around">
+                        <button type="button" class="btn btn-secondary ltr:mr-2 rtl:ml-2">View Details</button>
+                        <button type="button" class="btn btn-success">Pay Now $29.51</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="grid lg:grid-cols-2 grid-cols-1 gap-6 mb-6">
+            <div class="panel h-full w-full">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Recent Orders</h5>
+                </div>
+                <div class="table-responsive">
+                    <table>
+                        <thead>
+                            <tr>
+                                <th class="ltr:rounded-l-md rtl:rounded-r-md">Customer</th>
+                                <th>Product</th>
+                                <th>Invoice</th>
+                                <th>Price</th>
+                                <th class="ltr:rounded-r-md rtl:rounded-l-md">Status</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                <td class="min-w-[150px] text-black dark:text-white">
+                                    <div class="flex items-center">
+                                        <img class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                            src="/assets/images/profile-6.jpeg" alt="avatar" />
+                                        <span class="whitespace-nowrap">Luke Ivory</span>
+                                    </div>
+                                </td>
+                                <td class="text-primary">Headphone</td>
+                                <td><a href="/apps/invoice/preview">#46894</a></td>
+                                <td>$56.07</td>
+                                <td><span
+                                        class="badge bg-success shadow-md dark:group-hover:bg-transparent">Paid</span>
+                                </td>
+                            </tr>
+                            <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                <td class="text-black dark:text-white">
+                                    <div class="flex items-center">
+                                        <img class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                            src="/assets/images/profile-7.jpeg" alt="avatar" />
+                                        <span class="whitespace-nowrap">Andy King</span>
+                                    </div>
+                                </td>
+                                <td class="text-info">Nike Sport</td>
+                                <td><a href="/apps/invoice/preview">#76894</a></td>
+                                <td>$126.04</td>
+                                <td><span
+                                        class="badge bg-secondary shadow-md dark:group-hover:bg-transparent">Shipped</span>
+                                </td>
+                            </tr>
+                            <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                <td class="text-black dark:text-white">
+                                    <div class="flex items-center">
+                                        <img class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                            src="/assets/images/profile-8.jpeg" alt="avatar" />
+                                        <span class="whitespace-nowrap">Laurie Fox</span>
+                                    </div>
+                                </td>
+                                <td class="text-warning">Sunglasses</td>
+                                <td><a href="/apps/invoice/preview">#66894</a></td>
+                                <td>$56.07</td>
+                                <td><span
+                                        class="badge bg-success shadow-md dark:group-hover:bg-transparent">Paid</span>
+                                </td>
+                            </tr>
+                            <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                <td class="text-black dark:text-white">
+                                    <div class="flex items-center">
+                                        <img class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                            src="/assets/images/profile-9.jpeg" alt="avatar" />
+                                        <span class="whitespace-nowrap">Ryan Collins</span>
+                                    </div>
+                                </td>
+                                <td class="text-danger">Sport</td>
+                                <td><a href="/apps/invoice/preview">#75844</a></td>
+                                <td>$110.00</td>
+                                <td><span
+                                        class="badge bg-secondary shadow-md dark:group-hover:bg-transparent">Shipped</span>
+                                </td>
+                            </tr>
+                            <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                <td class="text-black dark:text-white">
+                                    <div class="flex items-center">
+                                        <img class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                            src="/assets/images/profile-10.jpeg" alt="avatar" />
+                                        <span class="whitespace-nowrap">Irene Collins</span>
+                                    </div>
+                                </td>
+                                <td class="text-secondary">Speakers</td>
+                                <td><a href="/apps/invoice/preview">#46894</a></td>
+                                <td>$56.07</td>
+                                <td><span
+                                        class="badge bg-success shadow-md dark:group-hover:bg-transparent">Paid</span>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+
+            <div class="panel h-full w-full">
+                <div class="flex items-center justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Top Selling Product</h5>
+                </div>
+                <div class="table-responsive">
+                    <table>
+                        <thead>
+                            <tr class="border-b-0">
+                                <th class="ltr:rounded-l-md rtl:rounded-r-md">Product</th>
+                                <th>Price</th>
+                                <th>Discount</th>
+                                <th>Sold</th>
+                                <th class="ltr:rounded-r-md rtl:rounded-l-md">Source</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                <td class="min-w-[150px] text-black dark:text-white">
+                                    <div class="flex"><img class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                            src="/assets/images/product-headphones.jpg" alt="avatar" />
+                                        <p class="whitespace-nowrap">Headphone <span
+                                                class="text-primary block text-xs">Digital</span></p>
+                                    </div>
+                                </td>
+                                <td>$168.09</td>
+                                <td>$60.09</td>
+                                <td>170</td>
+                                <td>
+                                    <a class="text-danger flex items-center" href="javascript:;">
+                                        <svg class="w-3.5 h-3.5 rtl:rotate-180 ltr:mr-1 rtl:ml-1" viewBox="0 0 24 24"
+                                            fill="none" xmlns="http://www.w3.org/2000/svg">
+                                            <path
+                                                d="M12.6644 5.47875L16.6367 9.00968C18.2053 10.404 18.9896 11.1012 18.9896 11.9993C18.9896 12.8975 18.2053 13.5946 16.6367 14.989L12.6644 18.5199C11.9484 19.1563 11.5903 19.4746 11.2952 19.342C11 19.2095 11 18.7305 11 17.7725V15.4279C7.4 15.4279 3.5 17.1422 2 19.9993C2 10.8565 7.33333 8.57075 11 8.57075V6.22616C11 5.26817 11 4.78917 11.2952 4.65662C11.5903 4.52407 11.9484 4.8423 12.6644 5.47875Z"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                                stroke-linejoin="round" />
+                                            <path opacity="0.5"
+                                                d="M15.5386 4.5L20.7548 9.34362C21.5489 10.081 22.0001 11.1158 22.0001 12.1994C22.0001 13.3418 21.4989 14.4266 20.629 15.1671L15.5386 19.5"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        </svg>
+
+                                        Direct
+                                    </a>
+                                </td>
+                            </tr>
+                            <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                <td class="text-black dark:text-white">
+                                    <div class="flex"><img class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                            src="/assets/images/product-shoes.jpg" alt="avatar" />
+                                        <p class="whitespace-nowrap">Shoes <span
+                                                class="text-warning block text-xs">Faishon</span></p>
+                                    </div>
+                                </td>
+                                <td>$126.04</td>
+                                <td>$47.09</td>
+                                <td>130</td>
+                                <td>
+                                    <a class="text-success flex items-center" href="javascript:;">
+                                        <svg class="w-3.5 h-3.5 rtl:rotate-180 ltr:mr-1 rtl:ml-1" viewBox="0 0 24 24"
+                                            fill="none" xmlns="http://www.w3.org/2000/svg">
+                                            <path
+                                                d="M12.6644 5.47875L16.6367 9.00968C18.2053 10.404 18.9896 11.1012 18.9896 11.9993C18.9896 12.8975 18.2053 13.5946 16.6367 14.989L12.6644 18.5199C11.9484 19.1563 11.5903 19.4746 11.2952 19.342C11 19.2095 11 18.7305 11 17.7725V15.4279C7.4 15.4279 3.5 17.1422 2 19.9993C2 10.8565 7.33333 8.57075 11 8.57075V6.22616C11 5.26817 11 4.78917 11.2952 4.65662C11.5903 4.52407 11.9484 4.8423 12.6644 5.47875Z"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                                stroke-linejoin="round" />
+                                            <path opacity="0.5"
+                                                d="M15.5386 4.5L20.7548 9.34362C21.5489 10.081 22.0001 11.1158 22.0001 12.1994C22.0001 13.3418 21.4989 14.4266 20.629 15.1671L15.5386 19.5"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        </svg>
+                                        Google
+                                    </a>
+                                </td>
+                            </tr>
+                            <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                <td class="text-black dark:text-white">
+                                    <div class="flex"><img class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                            src="/assets/images/product-watch.jpg" alt="avatar" />
+                                        <p class="whitespace-nowrap">Watch <span
+                                                class="text-danger block text-xs">Accessories</span></p>
+                                    </div>
+                                </td>
+                                <td>$56.07</td>
+                                <td>$20.00</td>
+                                <td>66</td>
+                                <td>
+                                    <a class="text-warning flex items-center" href="javascript:;">
+                                        <svg class="w-3.5 h-3.5 rtl:rotate-180 ltr:mr-1 rtl:ml-1" viewBox="0 0 24 24"
+                                            fill="none" xmlns="http://www.w3.org/2000/svg">
+                                            <path
+                                                d="M12.6644 5.47875L16.6367 9.00968C18.2053 10.404 18.9896 11.1012 18.9896 11.9993C18.9896 12.8975 18.2053 13.5946 16.6367 14.989L12.6644 18.5199C11.9484 19.1563 11.5903 19.4746 11.2952 19.342C11 19.2095 11 18.7305 11 17.7725V15.4279C7.4 15.4279 3.5 17.1422 2 19.9993C2 10.8565 7.33333 8.57075 11 8.57075V6.22616C11 5.26817 11 4.78917 11.2952 4.65662C11.5903 4.52407 11.9484 4.8423 12.6644 5.47875Z"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                                stroke-linejoin="round" />
+                                            <path opacity="0.5"
+                                                d="M15.5386 4.5L20.7548 9.34362C21.5489 10.081 22.0001 11.1158 22.0001 12.1994C22.0001 13.3418 21.4989 14.4266 20.629 15.1671L15.5386 19.5"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        </svg>
+                                        Ads
+                                    </a>
+                                </td>
+                            </tr>
+                            <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                <td class="text-black dark:text-white">
+                                    <div class="flex"><img class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                            src="/assets/images/product-laptop.jpg" alt="avatar" />
+                                        <p class="whitespace-nowrap">Laptop <span
+                                                class="text-primary block text-xs">Digital</span></p>
+                                    </div>
+                                </td>
+                                <td>$110.00</td>
+                                <td>$33.00</td>
+                                <td>35</td>
+                                <td>
+                                    <a class="text-secondary flex items-center" href="javascript:;">
+                                        <svg class="w-3.5 h-3.5 rtl:rotate-180 ltr:mr-1 rtl:ml-1" viewBox="0 0 24 24"
+                                            fill="none" xmlns="http://www.w3.org/2000/svg">
+                                            <path
+                                                d="M12.6644 5.47875L16.6367 9.00968C18.2053 10.404 18.9896 11.1012 18.9896 11.9993C18.9896 12.8975 18.2053 13.5946 16.6367 14.989L12.6644 18.5199C11.9484 19.1563 11.5903 19.4746 11.2952 19.342C11 19.2095 11 18.7305 11 17.7725V15.4279C7.4 15.4279 3.5 17.1422 2 19.9993C2 10.8565 7.33333 8.57075 11 8.57075V6.22616C11 5.26817 11 4.78917 11.2952 4.65662C11.5903 4.52407 11.9484 4.8423 12.6644 5.47875Z"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                                stroke-linejoin="round" />
+                                            <path opacity="0.5"
+                                                d="M15.5386 4.5L20.7548 9.34362C21.5489 10.081 22.0001 11.1158 22.0001 12.1994C22.0001 13.3418 21.4989 14.4266 20.629 15.1671L15.5386 19.5"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        </svg>
+                                        Email
+                                    </a>
+                                </td>
+                            </tr>
+                            <tr class="text-white-dark hover:text-black dark:hover:text-white-light/90 group">
+                                <td class="text-black dark:text-white">
+                                    <div class="flex"><img class="w-8 h-8 rounded-md ltr:mr-3 rtl:ml-3 object-cover"
+                                            src="/assets/images/product-camera.jpg" alt="avatar" />
+                                        <p class="whitespace-nowrap">Camera <span
+                                                class="text-primary block text-xs">Digital</span></p>
+                                    </div>
+                                </td>
+                                <td>$56.07</td>
+                                <td>$26.04</td>
+                                <td>30</td>
+                                <td>
+                                    <a class="text-primary flex items-center" href="javascript:;">
+                                        <svg class="w-3.5 h-3.5 rtl:rotate-180 ltr:mr-1 rtl:ml-1" viewBox="0 0 24 24"
+                                            fill="none" xmlns="http://www.w3.org/2000/svg">
+                                            <path
+                                                d="M12.6644 5.47875L16.6367 9.00968C18.2053 10.404 18.9896 11.1012 18.9896 11.9993C18.9896 12.8975 18.2053 13.5946 16.6367 14.989L12.6644 18.5199C11.9484 19.1563 11.5903 19.4746 11.2952 19.342C11 19.2095 11 18.7305 11 17.7725V15.4279C7.4 15.4279 3.5 17.1422 2 19.9993C2 10.8565 7.33333 8.57075 11 8.57075V6.22616C11 5.26817 11 4.78917 11.2952 4.65662C11.5903 4.52407 11.9484 4.8423 12.6644 5.47875Z"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                                                stroke-linejoin="round" />
+                                            <path opacity="0.5"
+                                                d="M15.5386 4.5L20.7548 9.34362C21.5489 10.081 22.0001 11.1158 22.0001 12.1994C22.0001 13.3418 21.4989 14.4266 20.629 15.1671L15.5386 19.5"
+                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                        </svg>
+                                        Referral
+                                    </a>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+
+        <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 mb-6">
+            <div class="panel h-full sm:col-span-2 lg:col-span-1">
+                <!-- statistics -->
+                <div class="flex items-center justify-between dark:text-white-light mb-5">
+                    <h5 class="font-semibold text-lg ">Statistics</h5>
+                    <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                        <a href="javascript:;" @click="toggle">
+                            <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
+                                viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <circle opacity="0.5" cx="12" cy="12" r="2"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                            </svg>
+                        </a>
+                        <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                            class="ltr:right-0 rtl:left-0">
+                            <li><a href="javascript:;" @click="toggle">This Week</a></li>
+                            <li><a href="javascript:;" @click="toggle">Last Week</a></li>
+                            <li><a href="javascript:;" @click="toggle">This Month</a></li>
+                            <li><a href="javascript:;" @click="toggle">Last Month</a></li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="grid sm:grid-cols-2 gap-8 text-sm text-[#515365] font-bold">
+                    <div>
+                        <div>
+                            <div>Total Visits</div>
+                            <div class="text-[#f8538d] text-lg">423,964</div>
+                        </div>
+                        <div x-ref="totalVisit" class="overflow-hidden"> </div>
+                    </div>
+
+                    <div>
+                        <div>
+                            <div>Paid Visits</div>
+                            <div class="text-[#f8538d] text-lg">7,929</div>
+                        </div>
+                        <div x-ref="paidVisit" class="overflow-hidden">
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="panel h-full">
+                <div class="flex items-center justify-between dark:text-white-light mb-5">
+                    <h5 class="font-semibold text-lg ">Expenses</h5>
+                    <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                        <a href="javascript:;" @click="toggle">
+                            <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
+                                viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <circle opacity="0.5" cx="12" cy="12" r="2"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                            </svg>
+                        </a>
+                        <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                            class="ltr:right-0 rtl:left-0">
+                            <li><a href="javascript:;" @click="toggle">This Week</a></li>
+                            <li><a href="javascript:;" @click="toggle">Last Week</a></li>
+                            <li><a href="javascript:;" @click="toggle">This Month</a></li>
+                            <li><a href="javascript:;" @click="toggle">Last Month</a></li>
+                        </ul>
+                    </div>
+                </div>
+                <div class=" text-[#e95f2b] text-3xl font-bold my-10">
+                    <span>$ 45,141</span>
+                    <span class="text-black text-sm dark:text-white-light ltr:mr-1 rtl:ml-1">this week </span>
+                    <svg class="w-5 h-5 text-success inline" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg">
+                        <path opacity="0.5"
+                            d="M22 7L14.6203 14.3347C13.6227 15.3263 13.1238 15.822 12.5051 15.822C11.8864 15.8219 11.3876 15.326 10.3902 14.3342L10.1509 14.0962C9.15254 13.1035 8.65338 12.6071 8.03422 12.6074C7.41506 12.6076 6.91626 13.1043 5.91867 14.0977L2 18"
+                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                            stroke-linejoin="round" />
+                        <path d="M22.0001 12.5458V7H16.418" stroke="currentColor" stroke-width="1.5"
+                            stroke-linecap="round" stroke-linejoin="round" />
+                    </svg>
+                </div>
+                <div class="flex items-center justify-between">
+                    <div
+                        class="w-full rounded-full h-5 p-1 bg-dark-light overflow-hidden shadow-3xl dark:shadow-none dark:bg-dark-light/10">
+                        <div class="bg-gradient-to-r from-[#4361ee] to-[#805dca] w-full h-full rounded-full relative before:absolute before:inset-y-0 ltr:before:right-0.5 rtl:before:left-0.5 before:bg-white before:w-2 before:h-2 before:rounded-full before:m-auto"
+                            style="width: 65%;"></div>
+                    </div>
+                    <span class="ltr:ml-5 rtl:mr-5 dark:text-white-light">57%</span>
+                </div>
+            </div>
+
+            <div class="panel h-full overflow-hidden before:bg-[#1937cc] before:absolute before:-right-44 before:top-0 before:bottom-0 before:m-auto before:rounded-full before:w-96 before:h-96 grid grid-cols-1 content-between"
+                style="background:linear-gradient(0deg,#00c6fb -227%,#005bea)!important;">
+                <div class="flex items-start justify-between text-white-light mb-16 z-[7]">
+                    <h5 class="font-semibold text-lg">Total Balance</h5>
+
+                    <div class="relative text-xl whitespace-nowrap">
+                        $ 41,741.42
+                        <span
+                            class="table text-[#d3d3d3] bg-[#4361ee] rounded p-1 text-xs mt-1 ltr:ml-auto rtl:mr-auto">+
+                            2453</span>
+                    </div>
+                </div>
+                <div class="flex items-center justify-between z-10">
+                    <div class="flex items-center justify-between">
+                        <a href="javascript:;"
+                            class="shadow-[0_0_2px_0_#bfc9d4] rounded p-1 text-white-light hover:bg-[#1937cc] place-content-center ltr:mr-2 rtl:ml-2">
+                            <svg class="w-5 h-5" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"
+                                fill="none" stroke-linecap="round" stroke-linejoin="round">
+                                <line x1="12" y1="5" x2="12" y2="19"></line>
+                                <line x1="5" y1="12" x2="19" y2="12"></line>
+                            </svg>
+                        </a>
+                        <a href="javascript:;"
+                            class="shadow-[0_0_2px_0_#bfc9d4] rounded p-1 text-white-light hover:bg-[#1937cc] grid place-content-center">
+                            <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z"
+                                    stroke="currentColor" stroke-width="1.5"></path>
+                                <path opacity="0.5" d="M10 16H6" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round"></path>
+                                <path opacity="0.5" d="M14 16H12.5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round"></path>
+                                <path opacity="0.5" d="M2 10L22 10" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round"></path>
+                            </svg>
+                        </a>
+                    </div>
+                    <a href="javascript:;"
+                        class="shadow-[0_0_2px_0_#bfc9d4] rounded p-1 text-white-light hover:bg-[#4361ee] z-10">
+                        Upgrade
+                    </a>
+                </div>
+            </div>
+
+        </div>
+
+        <div class="grid lg:grid-cols-3 gap-6 mb-6">
+            <div class="panel h-full p-0 lg:col-span-2">
+                <div
+                    class="flex items-start justify-between dark:text-white-light mb-5 p-5 border-b  border-[#e0e6ed] dark:border-[#1b2e4b]">
+                    <h5 class="font-semibold text-lg ">Unique Visitors</h5>
+                    <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                        <a href="javascript:;" @click="toggle">
+                            <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
+                                viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <circle opacity="0.5" cx="12" cy="12" r="2"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                            </svg>
+                        </a>
+                        <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                            class="ltr:right-0 rtl:left-0">
+                            <li><a href="javascript:;" @click="toggle">View</a></li>
+                            <li><a href="javascript:;" @click="toggle">Update</a></li>
+                            <li><a href="javascript:;" @click="toggle">Download</a></li>
+                        </ul>
+                    </div>
+                </div>
+
+                <div x-ref="uniqueVisitorSeries" class="overflow-hidden">
+                    <!-- loader -->
+                    <div
+                        class="min-h-[360px] grid place-content-center bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] ">
+                        <span
+                            class="animate-spin border-2 border-black dark:border-white !border-l-transparent  rounded-full w-5 h-5 inline-flex"></span>
+                    </div>
+                </div>
+            </div>
+
+            <div class="panel h-full">
+                <div
+                    class="flex items-start justify-between dark:text-white-light mb-5 -mx-5 p-5 pt-0 border-b  border-[#e0e6ed] dark:border-[#1b2e4b]">
+                    <h5 class="font-semibold text-lg ">Activity Log</h5>
+                    <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                        <a href="javascript:;" @click="toggle">
+                            <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
+                                viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <circle opacity="0.5" cx="12" cy="12" r="2"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                            </svg>
+                        </a>
+                        <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                            class="ltr:right-0 rtl:left-0">
+                            <li><a href="javascript:;" @click="toggle">View All</a></li>
+                            <li><a href="javascript:;" @click="toggle">Mark as Read</a></li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="perfect-scrollbar relative h-[360px] pr-3 -mr-3">
+                    <div class="space-y-7">
+                        <div class="flex">
+                            <div
+                                class="shrink-0 ltr:mr-2 rtl:ml-2 relative z-10 before:w-[2px] before:h-[calc(100%-24px)] before:bg-white-dark/30 before:absolute before:top-10 before:left-4">
+                                <div
+                                    class="bg-secondary shadow shadow-secondary w-8 h-8 rounded-full flex items-center justify-center text-white">
+                                    <svg class="w-4 h-4" viewBox="0 0 24 24" stroke="currentColor"
+                                        stroke-width="1.5" fill="none" stroke-linecap="round"
+                                        stroke-linejoin="round">
+                                        <line x1="12" y1="5" x2="12" y2="19"></line>
+                                        <line x1="5" y1="12" x2="19" y2="12"></line>
+                                    </svg>
+                                </div>
+                            </div>
+                            <div>
+                                <h5 class="font-semibold dark:text-white-light">New project created : <a
+                                        href="javascript:;" class="text-success">[VRISTO Admin Template]</a></h5>
+                                <p class="text-white-dark text-xs">27 Feb, 2020</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <div
+                                class="shrink-0 ltr:mr-2 rtl:ml-2 relative z-10 before:w-[2px] before:h-[calc(100%-24px)] before:bg-white-dark/30 before:absolute before:top-10 before:left-4">
+                                <div
+                                    class="bg-success shadow-success w-8 h-8 rounded-full flex items-center justify-center text-white">
+                                    <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5"
+                                            d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path
+                                            d="M6 8L8.1589 9.79908C9.99553 11.3296 10.9139 12.0949 12 12.0949C13.0861 12.0949 14.0045 11.3296 15.8411 9.79908L18 8"
+                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    </svg>
+                                </div>
+                            </div>
+                            <div>
+                                <h5 class="font-semibold dark:text-white-light">Mail sent to <a href="javascript:;"
+                                        class="text-white-dark">HR</a> and <a href="javascript:;"
+                                        class="text-white-dark">Admin</a></h5>
+                                <p class="text-white-dark text-xs">28 Feb, 2020</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <div
+                                class="shrink-0 ltr:mr-2 rtl:ml-2 relative z-10 before:w-[2px] before:h-[calc(100%-24px)] before:bg-white-dark/30 before:absolute before:top-10 before:left-4">
+                                <div
+                                    class="bg-primary w-8 h-8 rounded-full flex items-center justify-center text-white">
+                                    <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M4 12.9L7.14286 16.5L15 7.5" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                        <path d="M20.0002 7.5625L11.4286 16.5625L11.0002 16" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </div>
+                            </div>
+                            <div>
+                                <h5 class="font-semibold dark:text-white-light">Server Logs Updated</h5>
+                                <p class="text-white-dark text-xs">27 Feb, 2020</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <div
+                                class="shrink-0 ltr:mr-2 rtl:ml-2 relative z-10 before:w-[2px] before:h-[calc(100%-24px)] before:bg-white-dark/30 before:absolute before:top-10 before:left-4">
+                                <div
+                                    class="bg-danger w-8 h-8 rounded-full flex items-center justify-center text-white">
+                                    <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5" d="M4 12.9L7.14286 16.5L15 7.5" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                        <path d="M20.0002 7.5625L11.4286 16.5625L11.0002 16" stroke="currentColor"
+                                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                                    </svg>
+                                </div>
+                            </div>
+                            <div>
+                                <h5 class="font-semibold dark:text-white-light"> Task Completed : <a
+                                        href="javascript:;" class="text-success">[Backup Files EOD]</a></h5>
+                                <p class="text-white-dark text-xs">01 Mar, 2020</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <div
+                                class="shrink-0 ltr:mr-2 rtl:ml-2 relative z-10 before:w-[2px] before:h-[calc(100%-24px)] before:bg-white-dark/30 before:absolute before:top-10 before:left-4">
+                                <div
+                                    class="bg-warning w-8 h-8 rounded-full flex items-center justify-center text-white">
+                                    <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
+                                            fill="currentColor" />
+                                        <path opacity="0.5"
+                                            d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                    </svg>
+                                </div>
+                            </div>
+                            <div>
+                                <h5 class="font-semibold dark:text-white-light">Documents Submitted from <a
+                                        href="javascript:;">Sara</a></h5>
+                                <p class="text-white-dark text-xs">10 Mar, 2020</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <div class="shrink-0 ltr:mr-2 rtl:ml-2">
+                                <div class="bg-dark w-8 h-8 rounded-full flex items-center justify-center text-white">
+                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg" class="w-4 h-4">
+                                        <path opacity="0.5"
+                                            d="M2 17C2 15.1144 2 14.1716 2.58579 13.5858C3.17157 13 4.11438 13 6 13H18C19.8856 13 20.8284 13 21.4142 13.5858C22 14.1716 22 15.1144 22 17C22 18.8856 22 19.8284 21.4142 20.4142C20.8284 21 19.8856 21 18 21H6C4.11438 21 3.17157 21 2.58579 20.4142C2 19.8284 2 18.8856 2 17Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path opacity="0.5"
+                                            d="M2 6C2 4.11438 2 3.17157 2.58579 2.58579C3.17157 2 4.11438 2 6 2H18C19.8856 2 20.8284 2 21.4142 2.58579C22 3.17157 22 4.11438 22 6C22 7.88562 22 8.82843 21.4142 9.41421C20.8284 10 19.8856 10 18 10H6C4.11438 10 3.17157 10 2.58579 9.41421C2 8.82843 2 7.88562 2 6Z"
+                                            stroke="currentColor" stroke-width="1.5" />
+                                        <path d="M11 6H18" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path d="M6 6H8" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path d="M11 17H18" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                        <path d="M6 17H8" stroke="currentColor" stroke-width="1.5"
+                                            stroke-linecap="round" />
+                                    </svg>
+                                </div>
+                            </div>
+                            <div>
+                                <h5 class="font-semibold dark:text-white-light">Server rebooted successfully</h5>
+                                <p class="text-white-dark text-xs">06 Apr, 2020</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="grid sm:grid-cols-3 xl:grid-cols-5 gap-6 mb-6">
+            <div class="panel h-full sm:col-span-3 xl:col-span-2">
+                <div class="flex items-start justify-between mb-5">
+                    <h5 class="font-semibold text-lg dark:text-white-light">Visitors by Browser</h5>
+                </div>
+                <div class="flex flex-col space-y-5">
+                    <div class="flex items-center">
+                        <div class="w-9 h-9">
+                            <div
+                                class="bg-primary/10 text-primary rounded-xl w-9 h-9 flex justify-center items-center dark:bg-primary dark:text-white-light">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
+                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
+                                    <circle cx="12" cy="12" r="10"></circle>
+                                    <circle opacity="0.5" cx="12" cy="12" r="4">
+                                    </circle>
+                                    <line opacity="0.5" x1="21.17" y1="8" x2="12"
+                                        y2="8"></line>
+                                    <line opacity="0.5" x1="3.95" y1="6.06" x2="8.54"
+                                        y2="14"></line>
+                                    <line opacity="0.5" x1="10.88" y1="21.94" x2="15.46"
+                                        y2="14"></line>
+                                </svg>
+                            </div>
+                        </div>
+                        <div class="px-3 flex-initial w-full">
+                            <div class="w-summary-info flex justify-between font-semibold text-white-dark mb-1">
+                                <h6>Chrome</h6>
+                                <p class="ltr:ml-auto rtl:mr-auto text-xs">65%</p>
+                            </div>
+                            <div>
+                                <div
+                                    class="w-full rounded-full h-5 p-1 bg-dark-light overflow-hidden shadow-3xl dark:bg-dark-light/10 dark:shadow-none">
+                                    <div class="bg-gradient-to-r from-[#009ffd] to-[#2a2a72] w-full h-full rounded-full relative before:absolute before:inset-y-0 ltr:before:right-0.5 rtl:before:left-0.5 before:bg-white before:w-2 before:h-2 before:rounded-full before:m-auto"
+                                        style="width: 65%;"></div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="flex items-center">
+                        <div class="w-9 h-9">
+                            <div
+                                class="bg-danger/10 text-danger rounded-xl w-9 h-9 flex justify-center items-center dark:bg-danger dark:text-white-light">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                    <circle opacity="0.5" cx="12" cy="12" r="10"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                    <path
+                                        d="M13.024 14.5601C10.7142 15.484 9.5593 15.946 8.89964 15.4977C8.74324 15.3914 8.60834 15.2565 8.50206 15.1001C8.0538 14.4405 8.51575 13.2856 9.43967 10.9758C9.63673 10.4831 9.73527 10.2368 9.90474 10.0435C9.94792 9.99429 9.99429 9.94792 10.0435 9.90474C10.2368 9.73527 10.4831 9.63673 10.9758 9.43966C13.2856 8.51575 14.4405 8.0538 15.1001 8.50206C15.2565 8.60834 15.3914 8.74324 15.4977 8.89964C15.946 9.5593 15.484 10.7142 14.5601 13.024C14.363 13.5166 14.2645 13.763 14.095 13.9562C14.0518 14.0055 14.0055 14.0518 13.9562 14.095C13.763 14.2645 13.5166 14.363 13.024 14.5601Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                            </div>
+                        </div>
+                        <div class="px-3 flex-initial w-full">
+                            <div class="w-summary-info flex justify-between font-semibold text-white-dark mb-1">
+                                <h6>Safari</h6>
+                                <p class="ltr:ml-auto rtl:mr-auto text-xs">40%</p>
+                            </div>
+                            <div>
+                                <div
+                                    class="w-full rounded-full h-5 p-1 bg-dark-light overflow-hidden shadow-3xl dark:bg-dark-light/10 dark:shadow-none">
+                                    <div class="bg-gradient-to-r from-[#a71d31] to-[#3f0d12] w-full h-full rounded-full relative before:absolute before:inset-y-0 ltr:before:right-0.5 rtl:before:left-0.5 before:bg-white before:w-2 before:h-2 before:rounded-full before:m-auto"
+                                        style="width: 40%;"></div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="flex items-center">
+                        <div class="w-9 h-9">
+                            <div
+                                class="bg-warning/10 text-warning rounded-xl w-9 h-9 flex justify-center items-center dark:bg-warning dark:text-white-light">
+                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                                    <path opacity="0.5"
+                                        d="M2 12H22M16 12C16 13.3132 15.8965 14.6136 15.6955 15.8268C15.4945 17.0401 15.1999 18.1425 14.8284 19.0711C14.457 19.9997 14.016 20.7362 13.5307 21.2388C13.0454 21.7413 12.5253 22 12 22C11.4747 22 10.9546 21.7413 10.4693 21.2388C9.98396 20.7362 9.54301 19.9997 9.17157 19.0711C8.80014 18.1425 8.5055 17.0401 8.30448 15.8268C8.10346 14.6136 8 13.3132 8 12C8 10.6868 8.10346 9.38642 8.30448 8.17316C8.5055 6.95991 8.80014 5.85752 9.17157 4.92893C9.54301 4.00035 9.98396 3.26375 10.4693 2.7612C10.9546 2.25866 11.4747 2 12 2C12.5253 2 13.0454 2.25866 13.5307 2.76121C14.016 3.26375 14.457 4.00035 14.8284 4.92893C15.1999 5.85752 15.4945 6.95991 15.6955 8.17317C15.8965 9.38642 16 10.6868 16 12Z"
+                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                                    <path
+                                        d="M22 12C22 13.3132 21.7413 14.6136 21.2388 15.8268C20.7362 17.0401 19.9997 18.1425 19.0711 19.0711C18.1425 19.9997 17.0401 20.7362 15.8268 21.2388C14.6136 21.7413 13.3132 22 12 22C10.6868 22 9.38642 21.7413 8.17317 21.2388C6.95991 20.7362 5.85752 19.9997 4.92893 19.0711C4.00035 18.1425 3.26375 17.0401 2.7612 15.8268C2.25866 14.6136 2 13.3132 2 12C2 10.6868 2.25866 9.38642 2.76121 8.17316C3.26375 6.95991 4.00035 5.85752 4.92893 4.92893C5.85752 4.00035 6.95991 3.26375 8.17317 2.7612C9.38642 2.25866 10.6868 2 12 2C13.3132 2 14.6136 2.25866 15.8268 2.76121C17.0401 3.26375 18.1425 4.00035 19.0711 4.92893C19.9997 5.85752 20.7362 6.95991 21.2388 8.17317C21.7413 9.38642 22 10.6868 22 12L22 12Z"
+                                        stroke="currentColor" stroke-width="1.5" />
+                                </svg>
+                            </div>
+                        </div>
+                        <div class="px-3 flex-initial w-full">
+                            <div class="w-summary-info flex justify-between font-semibold text-white-dark mb-1">
+                                <h6>Others</h6>
+                                <p class="ltr:ml-auto rtl:mr-auto text-xs">25%</p>
+                            </div>
+                            <div>
+                                <div
+                                    class="w-full rounded-full h-5 p-1 bg-dark-light overflow-hidden shadow-3xl dark:bg-dark-light/10 dark:shadow-none">
+                                    <div class="bg-gradient-to-r from-[#fe5f75] to-[#fc9842] w-full h-full rounded-full relative before:absolute before:inset-y-0 ltr:before:right-0.5 rtl:before:left-0.5 before:bg-white before:w-2 before:h-2 before:rounded-full before:m-auto"
+                                        style="width: 25%;"></div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="panel h-full p-0">
+                <div class="flex p-5">
+                    <div
+                        class="shrink-0 bg-primary/10 text-primary rounded-xl w-11 h-11 flex justify-center items-center dark:bg-primary dark:text-white-light">
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                            <circle cx="12" cy="6" r="4" stroke="currentColor"
+                                stroke-width="1.5" />
+                            <path opacity="0.5" d="M18 9C19.6569 9 21 7.88071 21 6.5C21 5.11929 19.6569 4 18 4"
+                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            <path opacity="0.5" d="M6 9C4.34315 9 3 7.88071 3 6.5C3 5.11929 4.34315 4 6 4"
+                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            <ellipse cx="12" cy="17" rx="6" ry="4"
+                                stroke="currentColor" stroke-width="1.5" />
+                            <path opacity="0.5"
+                                d="M20 19C21.7542 18.6153 23 17.6411 23 16.5C23 15.3589 21.7542 14.3847 20 14"
+                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            <path opacity="0.5"
+                                d="M4 19C2.24575 18.6153 1 17.6411 1 16.5C1 15.3589 2.24575 14.3847 4 14"
+                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                        </svg>
+                    </div>
+                    <div class="ltr:ml-3 rtl:mr-3 font-semibold">
+                        <p class="text-xl dark:text-white-light">31.6K</p>
+                        <h5 class="text-[#506690] text-xs">Followers</h5>
+                    </div>
+                </div>
+                <div class="h-40 overflow-hidden">
+                    <div x-ref="followers" class="w-full absolute bottom-0"></div>
+                </div>
+            </div>
+
+            <div class="panel h-full p-0">
+                <div class="flex p-5">
+                    <div
+                        class="shrink-0 bg-danger/10 text-danger rounded-xl w-11 h-11 flex justify-center items-center dark:bg-danger dark:text-white-light">
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                            <path
+                                d="M10.0464 14C8.54044 12.4882 8.67609 9.90087 10.3494 8.22108L15.197 3.35462C16.8703 1.67483 19.4476 1.53865 20.9536 3.05046C22.4596 4.56228 22.3239 7.14956 20.6506 8.82935L18.2268 11.2626"
+                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                            <path opacity="0.5"
+                                d="M13.9536 10C15.4596 11.5118 15.3239 14.0991 13.6506 15.7789L11.2268 18.2121L8.80299 20.6454C7.12969 22.3252 4.55237 22.4613 3.0464 20.9495C1.54043 19.4377 1.67609 16.8504 3.34939 15.1706L5.77323 12.7373"
+                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+                        </svg>
+                    </div>
+                    <div class="ltr:ml-3 rtl:mr-3 font-semibold">
+                        <p class="text-xl dark:text-white-light">1,900</p>
+                        <h5 class="text-[#506690] text-xs">Referral</h5>
+                    </div>
+                </div>
+                <div class="h-40 overflow-hidden">
+                    <div x-ref="referral" class="w-full absolute bottom-0"></div>
+                </div>
+            </div>
+
+            <div class="panel h-full p-0">
+                <div class="flex p-5">
+                    <div
+                        class="shrink-0 bg-success/10 text-success rounded-xl w-11 h-11 flex justify-center items-center dark:bg-success dark:text-white-light">
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
+                            <path
+                                d="M10 22C14.4183 22 18 18.4183 18 14C18 9.58172 14.4183 6 10 6C5.58172 6 2 9.58172 2 14C2 15.2355 2.28008 16.4056 2.7802 17.4502C2.95209 17.8093 3.01245 18.2161 2.90955 18.6006L2.58151 19.8267C2.32295 20.793 3.20701 21.677 4.17335 21.4185L5.39939 21.0904C5.78393 20.9876 6.19071 21.0479 6.54976 21.2198C7.5944 21.7199 8.76449 22 10 22Z"
+                                stroke="currentColor" stroke-width="1.5" />
+                            <path opacity="0.5"
+                                d="M18 14.5018C18.0665 14.4741 18.1324 14.4453 18.1977 14.4155C18.5598 14.2501 18.9661 14.1882 19.3506 14.2911L19.8267 14.4185C20.793 14.677 21.677 13.793 21.4185 12.8267L21.2911 12.3506C21.1882 11.9661 21.2501 11.5598 21.4155 11.1977C21.7908 10.376 22 9.46242 22 8.5C22 4.91015 19.0899 2 15.5 2C12.7977 2 10.4806 3.64899 9.5 5.9956"
+                                stroke="currentColor" stroke-width="1.5" />
+                            <g opacity="0.5">
+                                <path
+                                    d="M7.5 14C7.5 14.5523 7.05228 15 6.5 15C5.94772 15 5.5 14.5523 5.5 14C5.5 13.4477 5.94772 13 6.5 13C7.05228 13 7.5 13.4477 7.5 14Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M11 14C11 14.5523 10.5523 15 10 15C9.44772 15 9 14.5523 9 14C9 13.4477 9.44772 13 10 13C10.5523 13 11 13.4477 11 14Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M14.5 14C14.5 14.5523 14.0523 15 13.5 15C12.9477 15 12.5 14.5523 12.5 14C12.5 13.4477 12.9477 13 13.5 13C14.0523 13 14.5 13.4477 14.5 14Z"
+                                    fill="currentColor" />
+                            </g>
+                        </svg>
+                    </div>
+                    <div class="ltr:ml-3 rtl:mr-3 font-semibold">
+                        <p class="text-xl dark:text-white-light">18.2%</p>
+                        <h5 class="text-[#506690] text-xs">Engagement</h5>
+                    </div>
+                </div>
+                <div class="h-40 overflow-hidden">
+                    <div x-ref="engagement" class="w-full absolute bottom-0"></div>
+                </div>
+            </div>
+        </div>
+
+        <div class="grid md:grid-cols-2 xl:grid-cols-3 gap-6">
+            <div class="panel h-full">
+                <div class="flex items-start border-b  border-[#e0e6ed] dark:border-[#1b2e4b] -m-5 mb-5 p-5">
+                    <div class="shrink-0 ring-2 ring-white-light dark:ring-dark rounded-full ltr:mr-4 rtl:ml-4">
+                        <img src="/assets/images/profile-1.jpeg" alt="image"
+                            class="w-10 h-10 rounded-full object-cover" />
+                    </div>
+                    <div class="font-semibold">
+                        <h6>Jimmy Turner</h6>
+                        <p class="text-xs text-white-dark mt-1">Monday, Nov 18</p>
+                    </div>
+                </div>
+                <div>
+                    <div class="text-white-dark pb-8">
+                        "Duis aute irure dolor" in reprehenderit in voluptate velit esse cillum "dolore eu fugiat" nulla
+                        pariatur. Excepteur sint occaecat cupidatat non proident.
+                    </div>
+                    <div class="w-full absolute bottom-0 flex items-center justify-between p-5 -mx-5">
+                        <div class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg"
+                                class="w-5 h-5 text-info inline ltr:mr-1.5 rtl:ml-1.5 relative -top-0.5">
+                                <path
+                                    d="M20.9751 12.1852L20.2361 12.0574L20.9751 12.1852ZM20.2696 16.265L19.5306 16.1371L20.2696 16.265ZM6.93776 20.4771L6.19055 20.5417H6.19055L6.93776 20.4771ZM6.1256 11.0844L6.87281 11.0198L6.1256 11.0844ZM13.9949 5.22142L14.7351 5.34269V5.34269L13.9949 5.22142ZM13.3323 9.26598L14.0724 9.38725V9.38725L13.3323 9.26598ZM6.69813 9.67749L6.20854 9.10933H6.20854L6.69813 9.67749ZM8.13687 8.43769L8.62646 9.00585H8.62646L8.13687 8.43769ZM10.518 4.78374L9.79207 4.59542L10.518 4.78374ZM10.9938 2.94989L11.7197 3.13821L11.7197 3.13821L10.9938 2.94989ZM12.6676 2.06435L12.4382 2.77841L12.4382 2.77841L12.6676 2.06435ZM12.8126 2.11093L13.0419 1.39687L13.0419 1.39687L12.8126 2.11093ZM9.86194 6.46262L10.5235 6.81599V6.81599L9.86194 6.46262ZM13.9047 3.24752L13.1787 3.43584V3.43584L13.9047 3.24752ZM11.6742 2.13239L11.3486 1.45675L11.3486 1.45675L11.6742 2.13239ZM20.2361 12.0574L19.5306 16.1371L21.0086 16.3928L21.7142 12.313L20.2361 12.0574ZM13.245 21.25H8.59634V22.75H13.245V21.25ZM7.68497 20.4125L6.87281 11.0198L5.37839 11.149L6.19055 20.5417L7.68497 20.4125ZM19.5306 16.1371C19.0238 19.0677 16.3813 21.25 13.245 21.25V22.75C17.0712 22.75 20.3708 20.081 21.0086 16.3928L19.5306 16.1371ZM13.2548 5.10015L12.5921 9.14472L14.0724 9.38725L14.7351 5.34269L13.2548 5.10015ZM7.18772 10.2456L8.62646 9.00585L7.64728 7.86954L6.20854 9.10933L7.18772 10.2456ZM11.244 4.97206L11.7197 3.13821L10.2678 2.76157L9.79207 4.59542L11.244 4.97206ZM12.4382 2.77841L12.5832 2.82498L13.0419 1.39687L12.897 1.3503L12.4382 2.77841ZM10.5235 6.81599C10.8354 6.23198 11.0777 5.61339 11.244 4.97206L9.79207 4.59542C9.65572 5.12107 9.45698 5.62893 9.20041 6.10924L10.5235 6.81599ZM12.5832 2.82498C12.8896 2.92342 13.1072 3.16009 13.1787 3.43584L14.6306 3.05921C14.4252 2.26719 13.819 1.64648 13.0419 1.39687L12.5832 2.82498ZM11.7197 3.13821C11.7547 3.0032 11.8522 2.87913 11.9998 2.80804L11.3486 1.45675C10.8166 1.71309 10.417 2.18627 10.2678 2.76157L11.7197 3.13821ZM11.9998 2.80804C12.1345 2.74311 12.2931 2.73181 12.4382 2.77841L12.897 1.3503C12.3872 1.18655 11.8312 1.2242 11.3486 1.45675L11.9998 2.80804ZM14.1537 10.9842H19.3348V9.4842H14.1537V10.9842ZM14.7351 5.34269C14.8596 4.58256 14.824 3.80477 14.6306 3.0592L13.1787 3.43584C13.3197 3.97923 13.3456 4.54613 13.2548 5.10016L14.7351 5.34269ZM8.59634 21.25C8.12243 21.25 7.726 20.887 7.68497 20.4125L6.19055 20.5417C6.29851 21.7902 7.34269 22.75 8.59634 22.75V21.25ZM8.62646 9.00585C9.30632 8.42 10.0391 7.72267 10.5235 6.81599L9.20041 6.10924C8.85403 6.75767 8.30249 7.30493 7.64728 7.86954L8.62646 9.00585ZM21.7142 12.313C21.9695 10.8365 20.8341 9.4842 19.3348 9.4842V10.9842C19.9014 10.9842 20.3332 11.4959 20.2361 12.0574L21.7142 12.313ZM12.5921 9.14471C12.4344 10.1076 13.1766 10.9842 14.1537 10.9842V9.4842C14.1038 9.4842 14.0639 9.43901 14.0724 9.38725L12.5921 9.14471ZM6.87281 11.0198C6.84739 10.7258 6.96474 10.4378 7.18772 10.2456L6.20854 9.10933C5.62021 9.61631 5.31148 10.3753 5.37839 11.149L6.87281 11.0198Z"
+                                    fill="currentColor" />
+                                <path opacity="0.5"
+                                    d="M3.9716 21.4709L3.22439 21.5355L3.9716 21.4709ZM3 10.2344L3.74721 10.1698C3.71261 9.76962 3.36893 9.46776 2.96767 9.48507C2.5664 9.50239 2.25 9.83274 2.25 10.2344L3 10.2344ZM4.71881 21.4063L3.74721 10.1698L2.25279 10.299L3.22439 21.5355L4.71881 21.4063ZM3.75 21.5129V10.2344H2.25V21.5129H3.75ZM3.22439 21.5355C3.2112 21.383 3.33146 21.2502 3.48671 21.2502V22.7502C4.21268 22.7502 4.78122 22.1281 4.71881 21.4063L3.22439 21.5355ZM3.48671 21.2502C3.63292 21.2502 3.75 21.3686 3.75 21.5129H2.25C2.25 22.1954 2.80289 22.7502 3.48671 22.7502V21.2502Z"
+                                    fill="currentColor" />
+                            </svg>
+                            <span class="dark:text-info">551 Likes</span>
+                        </div>
+                        <a href="javascript:;"
+                            class="flex items-center bg-success/30 text-success rounded-md px-1.5 py-1 text-xs hover:shadow-[0_10px_20px_-10px] hover:shadow-success">Read
+                            More
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg"
+                                class="w-4 h-4 rtl:rotate-180 ltr:ml-1.5 rtl:mr-1.5">
+                                <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                                <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor"
+                                    stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </a>
+                    </div>
+                </div>
+            </div>
+
+            <div class="panel h-full">
+                <div
+                    class="flex items-center justify-between border-b  border-[#e0e6ed] dark:border-[#1b2e4b] -m-5 mb-5 p-5">
+                    <div class="flex">
+                        <div class="media-aside align-self-start">
+                            <div
+                                class="shrink-0 ring-2 ring-white-light dark:ring-dark rounded-full ltr:mr-4 rtl:ml-4">
+                                <img src="/assets/images/g-8.png" alt="image"
+                                    class="w-10 h-10 rounded-full object-cover" />
+                            </div>
+                        </div>
+                        <div class="font-semibold">
+                            <h6>Dev Summit - New York</h6>
+                            <p class="text-xs text-white-dark mt-1">Bronx, NY</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="font-semibold text-center pb-8">
+                    <div class="mb-4 text-primary">4 Members Going</div>
+                    <div class="flex items-center justify-center gap-3 pb-8">
+                        <img class="w-10 h-10 ring-2 ring-white-light dark:ring-dark rounded-lg overflow-hidden object-cover"
+                            src="/assets/images/profile-1.jpeg" alt="image" />
+                        <img class="w-10 h-10 ring-2 ring-white-light dark:ring-dark rounded-lg overflow-hidden object-cover"
+                            src="/assets/images/profile-2.jpeg" alt="image" />
+                        <img class="w-10 h-10 ring-2 ring-white-light dark:ring-dark rounded-lg overflow-hidden object-cover"
+                            src="/assets/images/profile-3.jpeg" alt="image" />
+                        <img class="w-10 h-10 ring-2 ring-white-light dark:ring-dark rounded-lg overflow-hidden object-cover"
+                            src="/assets/images/profile-4.jpeg" alt="image" />
+                    </div>
+
+                    <div class="w-full absolute bottom-0 flex items-center justify-between p-5 -mx-5">
+                        <a href="javascript:;"
+                            class="btn btn-secondary btn-lg w-full border-0 bg-gradient-to-r from-[#3d38e1] to-[#1e9afe]">View
+                            Details</a>
+                    </div>
+                </div>
+            </div>
+
+            <div class="panel h-full">
+                <div
+                    class="flex items-center justify-between border-b  border-[#e0e6ed] dark:border-[#1b2e4b] -m-5 mb-5 p-5">
+                    <a href="javascript:;" class="flex font-semibold">
+                        <div
+                            class="shrink-0 bg-secondary w-10 h-10 rounded-md flex items-center justify-center text-white ltr:mr-4 rtl:ml-4">
+                            <span>FD</span>
+                        </div>
+                        <div>
+                            <h6>Figma Design</h6>
+                            <p class="text-xs text-white-dark mt-1">Design Reset</p>
+                        </div>
+                    </a>
+                    <div x-data="dropdown" @click.outside="open = false" class="dropdown">
+                        <a href="javascript:;" @click="toggle" class="dark:text-white-light">
+                            <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
+                                viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <circle cx="5" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                                <circle opacity="0.5" cx="12" cy="12" r="2"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <circle cx="19" cy="12" r="2" stroke="currentColor"
+                                    stroke-width="1.5" />
+                            </svg>
+                        </a>
+                        <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
+                            class="ltr:right-0 rtl:left-0">
+                            <li><a href="javascript:;" @click="toggle">View Project</a></li>
+                            <li><a href="javascript:;" @click="toggle">Edit Project</a></li>
+                            <li><a href="javascript:;" @click="toggle">Mark as Done</a></li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="group">
+                    <div class="mb-5">
+                        <div class="text-white-dark">
+                            Doloribus nisi vel suscipit modi, optio ex repudiandae voluptatibus officiis commodi.
+                            Nesciunt quas aut neque incidunt!
+                        </div>
+                    </div>
+                    <div class="flex items-center justify-between mb-2 font-semibold">
+                        <div class="flex items-center">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-success">
+                                <path opacity="0.5"
+                                    d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M8.5 12.5L10.5 14.5L15.5 9.5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                            <div class="ltr:ml-2 rtl:mr-2 text-xs">5 Tasks</div>
+                        </div>
+                        <p class="text-primary">65%</p>
+                    </div>
+                    <div class="rounded-full h-2.5 p-0.5 bg-dark-light dark:bg-dark-light/10 mb-5">
+                        <div class="bg-gradient-to-r from-[#1e9afe] to-[#60dfcd] h-full rounded-full"
+                            style="width: 65%;"></div>
+                    </div>
+                    <div class="flex items-end justify-between">
+                        <div
+                            class="flex items-center rounded-full bg-danger/20 px-2 py-1 text-xs text-danger font-semibold">
+                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 ltr:mr-1 rtl:ml-1">
+                                <circle opacity="0.5" cx="12" cy="12" r="10"
+                                    stroke="currentColor" stroke-width="1.5" />
+                                <path d="M12 8V12L14.5 14.5" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                            3 Days Left
+                        </div>
+                        <div
+                            class="flex items-center justify-center group-hover:-space-x-2 rtl:space-x-reverse rtl:group-hover:space-x-reverse">
+                            <span
+                                class="bg-[#bfc9d4] dark:bg-dark w-9 h-9 rounded-full flex items-center justify-center text-white font-semibold transition-all duration-300 opacity-0 group-hover:opacity-100">+6</span>
+                            <img class="w-9 h-9 border-2 border-white dark:border-dark rounded-full object-cover transition-all duration-300"
+                                src="/assets/images/profile-6.jpeg" alt="image" />
+                            <img class="w-9 h-9 border-2 border-white dark:border-dark rounded-full object-cover transition-all duration-300"
+                                src="/assets/images/profile-7.jpeg" alt="image" />
+                            <img class="w-9 h-9 border-2 border-white dark:border-dark rounded-full object-cover transition-all duration-300"
+                                src="/assets/images/profile-8.jpeg" alt="image" />
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("chart", () => ({
+
+                init() {
+                    const revenueChart = null;
+                    const salesByCategory = null;
+                    const dailySales = null;
+                    const totalOrders = null;
+                    const totalVisit = null;
+                    const paidVisit = null;
+                    const uniqueVisitorSeries = null;
+                    const followers = null;
+                    const referral = null;
+                    const engagement = null;
+
+                    isDark = this.$store.app.theme === "dark" || this.$store.app.isDarkMode ? true :
+                        false;
+                    isRtl = this.$store.app.rtlClass === "rtl" ? true : false;
+                    setTimeout(() => {
+                        // revenue
+                        this.revenueChart = new ApexCharts(this.$refs.revenueChart,
+                            this.revenueChartOptions)
+                        this.$refs.revenueChart.innerHTML = "";
+                        this.revenueChart.render()
+
+                        // sales by category
+                        this.salesByCategory = new ApexCharts(this.$refs.salesByCategory,
+                            this.salesByCategoryOptions)
+                        this.$refs.salesByCategory.innerHTML = "";
+                        this.salesByCategory.render()
+
+                        // daily sales
+                        this.dailySales = new ApexCharts(this.$refs.dailySales,
+                            this.dailySalesOptions)
+                        this.$refs.dailySales.innerHTML = "";
+                        this.dailySales.render()
+
+                        // total orders
+                        this.totalOrders = new ApexCharts(this.$refs.totalOrders,
+                            this.totalOrdersOptions)
+                        this.$refs.totalOrders.innerHTML = "";
+                        this.totalOrders.render()
+
+                        //total visit
+                        this.totalVisit = new ApexCharts(this.$refs.totalVisit,
+                            this.totalVisitOptions);
+                        this.totalVisit.render();
+
+                        this.paidVisit = new ApexCharts(this.$refs.paidVisit,
+                            this.paidVisitOptions);
+                        this.paidVisit.render();
+
+                        // unique visitors
+                        this.uniqueVisitorSeries = new ApexCharts(this.$refs
+                            .uniqueVisitorSeries, this.uniqueVisitorSeriesOptions);
+                        this.$refs.uniqueVisitorSeries.innerHTML = "";
+                        this.uniqueVisitorSeries.render();
+
+                        // followers
+                        this.followers = new ApexCharts(this.$refs.followers, this
+                            .followersOptions);
+                        this.followers.render();
+
+                        // referral
+                        this.referral = new ApexCharts(this.$refs.referral, this
+                            .referralOptions);
+                        this.referral.render();
+
+                        // engagement
+                        this.engagement = new ApexCharts(this.$refs.engagement, this
+                            .engagementOptions);
+                        this.engagement.render();
+                    }, 300);
+
+                    this.$watch('$store.app.theme', () => {
+                        isDark = this.$store.app.theme === "dark" || this.$store.app
+                            .isDarkMode ? true : false;
+
+                        this.revenueChart.updateOptions(this.revenueChartOptions);
+                        this.salesByCategory.updateOptions(this.salesByCategoryOptions);
+                        this.dailySales.updateOptions(this.dailySalesOptions);
+                        this.totalOrders.updateOptions(this.totalOrdersOptions);
+                        this.totalVisit.updateOptions(this.totalVisitOptions);
+                        this.paidVisit.updateOptions(this.paidVisitOptions);
+                        this.uniqueVisitorSeries.updateOptions(this.uniqueVisitorSeriesOptions);
+                        this.followers.updateOptions(this.followersOptions);
+                        this.referral.updateOptions(this.referralOptions);
+                        this.engagement.updateOptions(this.engagementOptions);
+                    });
+
+                    this.$watch('$store.app.rtlClass', () => {
+                        isRtl = this.$store.app.rtlClass === "rtl" ? true : false;
+                        this.revenueChart.updateOptions(this.revenueChartOptions);
+                        this.uniqueVisitorSeries.updateOptions(this.uniqueVisitorSeriesOptions);
+                    });
+                },
+
+                // revenue
+                get revenueChartOptions() {
+                    return {
+                        series: [{
+                                name: 'Income',
+                                data: [16800, 16800, 15500, 17800, 15500, 17000, 19000, 16000,
+                                    15000, 17000, 14000, 17000
+                                ]
+                            },
+                            {
+                                name: 'Expenses',
+                                data: [16500, 17500, 16200, 17300, 16000, 19500, 16000, 17000,
+                                    16000, 19000, 18000, 19000
+                                ]
+                            }
+                        ],
+                        chart: {
+                            height: 325,
+                            type: "area",
+                            fontFamily: 'Nunito, sans-serif',
+                            zoom: {
+                                enabled: false
+                            },
+                            toolbar: {
+                                show: false
+                            },
+                        },
+                        dataLabels: {
+                            enabled: false
+                        },
+                        stroke: {
+                            show: true,
+                            curve: 'smooth',
+                            width: 2,
+                            lineCap: 'square'
+                        },
+                        dropShadow: {
+                            enabled: true,
+                            opacity: 0.2,
+                            blur: 10,
+                            left: -7,
+                            top: 22
+                        },
+                        colors: isDark ? ['#2196f3', '#e7515a'] : ['#1b55e2', '#e7515a'],
+                        markers: {
+                            discrete: [{
+                                    seriesIndex: 0,
+                                    dataPointIndex: 6,
+                                    fillColor: '#1b55e2',
+                                    strokeColor: 'transparent',
+                                    size: 7
+                                },
+                                {
+                                    seriesIndex: 1,
+                                    dataPointIndex: 5,
+                                    fillColor: '#e7515a',
+                                    strokeColor: 'transparent',
+                                    size: 7
+                                },
+                            ],
+                        },
+                        labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep',
+                            'Oct', 'Nov', 'Dec'
+                        ],
+                        xaxis: {
+                            axisBorder: {
+                                show: false
+                            },
+                            axisTicks: {
+                                show: false
+                            },
+                            crosshairs: {
+                                show: true
+                            },
+                            labels: {
+                                offsetX: isRtl ? 2 : 0,
+                                offsetY: 5,
+                                style: {
+                                    fontSize: '12px',
+                                    cssClass: 'apexcharts-xaxis-title'
+                                }
+                            },
+                        },
+                        yaxis: {
+                            tickAmount: 7,
+                            labels: {
+                                formatter: (value) => {
+                                    return value / 1000 + 'K';
+                                },
+                                offsetX: isRtl ? -30 : -10,
+                                offsetY: 0,
+                                style: {
+                                    fontSize: '12px',
+                                    cssClass: 'apexcharts-yaxis-title'
+                                },
+                            },
+                            opposite: isRtl ? true : false,
+                        },
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed',
+                            strokeDashArray: 5,
+                            xaxis: {
+                                lines: {
+                                    show: true
+                                }
+                            },
+                            yaxis: {
+                                lines: {
+                                    show: false
+                                }
+                            },
+                            padding: {
+                                top: 0,
+                                right: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        legend: {
+                            position: 'top',
+                            horizontalAlign: 'right',
+                            fontSize: '16px',
+                            markers: {
+                                width: 10,
+                                height: 10,
+                                offsetX: -2,
+                            },
+                            itemMargin: {
+                                horizontal: 10,
+                                vertical: 5
+                            },
+                        },
+                        tooltip: {
+                            marker: {
+                                show: true
+                            },
+                            x: {
+                                show: false
+                            }
+                        },
+                        fill: {
+                            type: 'gradient',
+                            gradient: {
+                                shadeIntensity: 1,
+                                inverseColors: !1,
+                                opacityFrom: isDark ? 0.19 : 0.28,
+                                opacityTo: 0.05,
+                                stops: isDark ? [100, 100] : [45, 100],
+                            },
+                        },
+                    }
+                },
+
+                // sales by category
+                get salesByCategoryOptions() {
+                    return {
+                        series: [985, 737, 270],
+                        chart: {
+                            type: 'donut',
+                            height: 460,
+                            fontFamily: 'Nunito, sans-serif',
+                        },
+                        dataLabels: {
+                            enabled: false
+                        },
+                        stroke: {
+                            show: true,
+                            width: 25,
+                            colors: isDark ? '#0e1726' : '#fff'
+                        },
+                        colors: isDark ? ['#5c1ac3', '#e2a03f', '#e7515a', '#e2a03f'] : ['#e2a03f',
+                            '#5c1ac3', '#e7515a'
+                        ],
+                        legend: {
+                            position: 'bottom',
+                            horizontalAlign: 'center',
+                            fontSize: '14px',
+                            markers: {
+                                width: 10,
+                                height: 10,
+                                offsetX: -2,
+                            },
+                            height: 50,
+                            offsetY: 20,
+                        },
+                        plotOptions: {
+                            pie: {
+                                donut: {
+                                    size: '65%',
+                                    background: 'transparent',
+                                    labels: {
+                                        show: true,
+                                        name: {
+                                            show: true,
+                                            fontSize: '29px',
+                                            offsetY: -10
+                                        },
+                                        value: {
+                                            show: true,
+                                            fontSize: '26px',
+                                            color: isDark ? '#bfc9d4' : undefined,
+                                            offsetY: 16,
+                                            formatter: (val) => {
+                                                return val;
+                                            },
+                                        },
+                                        total: {
+                                            show: true,
+                                            label: 'Total',
+                                            color: '#888ea8',
+                                            fontSize: '29px',
+                                            formatter: (w) => {
+                                                return w.globals.seriesTotals.reduce(function(a,
+                                                    b) {
+                                                    return a + b;
+                                                }, 0);
+                                            },
+                                        },
+                                    },
+                                },
+                            },
+                        },
+                        labels: ['Apparel', 'Sports', 'Others'],
+                        states: {
+                            hover: {
+                                filter: {
+                                    type: 'none',
+                                    value: 0.15,
+                                }
+                            },
+                            active: {
+                                filter: {
+                                    type: 'none',
+                                    value: 0.15,
+                                }
+                            },
+                        }
+                    }
+                },
+
+                // daily sales
+                get dailySalesOptions() {
+                    return {
+                        series: [{
+                                name: 'Sales',
+                                data: [44, 55, 41, 67, 22, 43, 21]
+                            },
+                            {
+                                name: 'Last Week',
+                                data: [13, 23, 20, 8, 13, 27, 33]
+                            },
+                        ],
+                        chart: {
+                            height: 160,
+                            type: 'bar',
+                            fontFamily: 'Nunito, sans-serif',
+                            toolbar: {
+                                show: false
+                            },
+                            stacked: true,
+                            stackType: '100%'
+                        },
+                        dataLabels: {
+                            enabled: false
+                        },
+                        stroke: {
+                            show: true,
+                            width: 1
+                        },
+                        colors: ['#e2a03f', '#e0e6ed'],
+                        responsive: [{
+                            breakpoint: 480,
+                            options: {
+                                legend: {
+                                    position: 'bottom',
+                                    offsetX: -10,
+                                    offsetY: 0
+                                }
+                            }
+                        }],
+                        xaxis: {
+                            labels: {
+                                show: false
+                            },
+                            categories: ['Sun', 'Mon', 'Tue', 'Wed', 'Thur', 'Fri', 'Sat']
+                        },
+                        yaxis: {
+                            show: false
+                        },
+                        fill: {
+                            opacity: 1
+                        },
+                        plotOptions: {
+                            bar: {
+                                horizontal: false,
+                                columnWidth: '25%'
+                            }
+                        },
+                        legend: {
+                            show: false
+                        },
+                        grid: {
+                            show: false,
+                            xaxis: {
+                                lines: {
+                                    show: false
+                                }
+                            },
+                            padding: {
+                                top: 10,
+                                right: -20,
+                                bottom: -20,
+                                left: -20
+                            },
+                        },
+                    }
+                },
+
+                // total orders
+                get totalOrdersOptions() {
+                    return {
+                        series: [{
+                            name: 'Sales',
+                            data: [28, 40, 36, 52, 38, 60, 38, 52, 36, 40]
+                        }],
+                        chart: {
+                            height: 290,
+                            type: "area",
+                            fontFamily: 'Nunito, sans-serif',
+                            sparkline: {
+                                enabled: true
+                            }
+                        },
+                        stroke: {
+                            curve: 'smooth',
+                            width: 2
+                        },
+                        colors: isDark ? ['#00ab55'] : ['#00ab55'],
+                        labels: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'],
+                        yaxis: {
+                            min: 0,
+                            show: false
+                        },
+                        grid: {
+                            padding: {
+                                top: 125,
+                                right: 0,
+                                bottom: 0,
+                                left: 0
+                            }
+                        },
+                        fill: {
+                            opacity: 1,
+                            type: 'gradient',
+                            gradient: {
+                                type: 'vertical',
+                                shadeIntensity: 1,
+                                inverseColors: !1,
+                                opacityFrom: 0.3,
+                                opacityTo: 0.05,
+                                stops: [100, 100],
+                            },
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                        },
+                    }
+                },
+
+                // statistics
+                get totalVisitOptions() {
+                    return {
+                        series: [{
+                            data: [21, 9, 36, 12, 44, 25, 59, 41, 66, 25]
+                        }],
+                        chart: {
+                            height: 58,
+                            type: 'line',
+                            fontFamily: 'Nunito, sans-serif',
+                            sparkline: {
+                                enabled: true
+                            },
+                            dropShadow: {
+                                enabled: true,
+                                blur: 3,
+                                color: '#009688',
+                                opacity: 0.4
+                            }
+                        },
+                        stroke: {
+                            curve: 'smooth',
+                            width: 2
+                        },
+                        colors: ['#009688'],
+                        grid: {
+                            padding: {
+                                top: 5,
+                                bottom: 5,
+                                left: 5,
+                                right: 5
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+                    }
+                },
+
+                //paid visit
+                get paidVisitOptions() {
+                    return {
+                        series: [{
+                            data: [22, 19, 30, 47, 32, 44, 34, 55, 41, 69]
+                        }],
+                        chart: {
+                            height: 58,
+                            type: 'line',
+                            fontFamily: 'Nunito, sans-serif',
+                            sparkline: {
+                                enabled: true
+                            },
+                            dropShadow: {
+                                enabled: true,
+                                blur: 3,
+                                color: '#e2a03f',
+                                opacity: 0.4
+                            }
+                        },
+                        stroke: {
+                            curve: 'smooth',
+                            width: 2
+                        },
+                        colors: ['#e2a03f'],
+                        grid: {
+                            padding: {
+                                top: 5,
+                                bottom: 5,
+                                left: 5,
+                                right: 5
+                            }
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+
+                    }
+                },
+
+                // unique visitors
+                get uniqueVisitorSeriesOptions() {
+                    return {
+                        series: [{
+                                name: 'Direct',
+                                data: [58, 44, 55, 57, 56, 61, 58, 63, 60, 66, 56, 63]
+                            },
+                            {
+                                name: 'Organic',
+                                data: [91, 76, 85, 101, 98, 87, 105, 91, 114, 94, 66, 70]
+                            },
+                        ],
+                        chart: {
+                            height: 360,
+                            type: 'bar',
+                            fontFamily: 'Nunito, sans-serif',
+                            toolbar: {
+                                show: false
+                            }
+                        },
+                        dataLabels: {
+                            enabled: false
+                        },
+                        stroke: {
+                            width: 2,
+                            colors: ['transparent']
+                        },
+                        colors: ['#5c1ac3', '#ffbb44'],
+                        dropShadow: {
+                            enabled: true,
+                            blur: 3,
+                            color: '#515365',
+                            opacity: 0.4,
+                        },
+                        plotOptions: {
+                            bar: {
+                                horizontal: false,
+                                columnWidth: '55%',
+                                borderRadius: 10
+                            }
+                        },
+                        legend: {
+                            position: 'bottom',
+                            horizontalAlign: 'center',
+                            fontSize: '14px',
+                            itemMargin: {
+                                horizontal: 8,
+                                vertical: 8
+                            }
+                        },
+                        grid: {
+                            borderColor: isDark ? '#191e3a' : '#e0e6ed',
+                            padding: {
+                                left: 20,
+                                right: 20
+                            }
+                        },
+                        xaxis: {
+                            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug',
+                                'Sep', 'Oct', 'Nov', 'Dec'
+                            ],
+                            axisBorder: {
+                                show: true,
+                                color: isDark ? '#3b3f5c' : '#e0e6ed'
+                            },
+                        },
+                        yaxis: {
+                            tickAmount: 6,
+                            opposite: isRtl ? true : false,
+                            labels: {
+                                offsetX: isRtl ? -10 : 0,
+                            }
+                        },
+                        fill: {
+                            type: 'gradient',
+                            gradient: {
+                                shade: isDark ? 'dark' : 'light',
+                                type: 'vertical',
+                                shadeIntensity: 0.3,
+                                inverseColors: false,
+                                opacityFrom: 1,
+                                opacityTo: 0.8,
+                                stops: [0, 100]
+                            },
+                        },
+                        tooltip: {
+                            marker: {
+                                show: true,
+                            },
+                            y: {
+                                formatter: (val) => {
+                                    return val;
+                                },
+                            },
+                        },
+                    }
+                },
+
+                // followers
+                get followersOptions() {
+                    return {
+                        series: [{
+                            data: [38, 60, 38, 52, 36, 40, 28]
+                        }],
+                        chart: {
+                            height: 160,
+                            type: 'area',
+                            fontFamily: 'Nunito, sans-serif',
+                            sparkline: {
+                                enabled: true
+                            }
+                        },
+                        stroke: {
+                            curve: 'smooth',
+                            width: 2
+                        },
+                        colors: ['#4361ee'],
+                        grid: {
+                            padding: {
+                                top: 5,
+                            }
+                        },
+                        yaxis: {
+                            show: false
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+
+                        if (isDark) {
+                            option['fill'] = {
+                                type: 'gradient',
+                                gradient: {
+                                    type: 'vertical',
+                                    shadeIntensity: 1,
+                                    inverseColors: !1,
+                                    opacityFrom: 0.3,
+                                    opacityTo: 0.05,
+                                    stops: [100, 100]
+                                }
+                            };
+
+                        }
+                    }
+                },
+
+                // referral
+                get referralOptions() {
+                    return {
+                        series: [{
+                            data: [60, 28, 52, 38, 40, 36, 38]
+                        }],
+                        chart: {
+                            height: 160,
+                            type: 'area',
+                            fontFamily: 'Nunito, sans-serif',
+                            sparkline: {
+                                enabled: true
+                            }
+                        },
+                        stroke: {
+                            curve: 'smooth',
+                            width: 2
+                        },
+                        colors: ['#e7515a'],
+                        grid: {
+                            padding: {
+                                top: 5,
+                            }
+                        },
+                        yaxis: {
+                            show: false
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+
+                        if (isDark) {
+                            option['fill'] = {
+                                type: 'gradient',
+                                gradient: {
+                                    type: 'vertical',
+                                    shadeIntensity: 1,
+                                    inverseColors: !1,
+                                    opacityFrom: 0.3,
+                                    opacityTo: 0.05,
+                                    stops: [100, 100]
+                                }
+                            };
+                        }
+                    }
+                },
+
+                // engagement
+                get engagementOptions() {
+                    return {
+                        series: [{
+                            name: 'Sales',
+                            data: [28, 50, 36, 60, 38, 52, 38]
+                        }],
+                        chart: {
+                            height: 160,
+                            type: 'area',
+                            fontFamily: 'Nunito, sans-serif',
+                            sparkline: {
+                                enabled: true
+                            }
+                        },
+                        stroke: {
+                            curve: 'smooth',
+                            width: 2
+                        },
+                        colors: ['#1abc9c'],
+                        grid: {
+                            padding: {
+                                top: 5,
+                            }
+                        },
+                        yaxis: {
+                            show: false
+                        },
+                        tooltip: {
+                            x: {
+                                show: false
+                            },
+                            y: {
+                                title: {
+                                    formatter: formatter = () => {
+                                        return '';
+                                    },
+                                },
+                            },
+                        },
+
+                        if (isDark) {
+                            option['fill'] = {
+                                type: 'gradient',
+                                gradient: {
+                                    type: 'vertical',
+                                    shadeIntensity: 1,
+                                    inverseColors: !1,
+                                    opacityFrom: 0.3,
+                                    opacityTo: 0.05,
+                                    stops: [100, 100]
+                                }
+                            };
+                        }
+                    }
+                }
+            }));
+        });
+    </script>
+</x-layout.default>
diff --git a/routes/api.php b/routes/api.php
index ccc387f23bb26a7f72fee6eedc0b7171b7d85d02..eb6fa48c25d93f7bf753ba612cd2c7efecea5f4b 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -3,6 +3,17 @@
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Route;
 
-Route::get('/user', function (Request $request) {
+/*
+|--------------------------------------------------------------------------
+| API Routes
+|--------------------------------------------------------------------------
+|
+| Here is where you can register API routes for your application. These
+| routes are loaded by the RouteServiceProvider within a group which
+| is assigned the "api" middleware group. Enjoy building your API!
+|
+*/
+
+Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
     return $request->user();
-})->middleware('auth:sanctum');
+});
diff --git a/routes/channels.php b/routes/channels.php
new file mode 100644
index 0000000000000000000000000000000000000000..5d451e1fae88c81c097aa55de6ff039a3cc0a1c3
--- /dev/null
+++ b/routes/channels.php
@@ -0,0 +1,18 @@
+<?php
+
+use Illuminate\Support\Facades\Broadcast;
+
+/*
+|--------------------------------------------------------------------------
+| Broadcast Channels
+|--------------------------------------------------------------------------
+|
+| Here you may register all of the event broadcasting channels that your
+| application supports. The given channel authorization callbacks are
+| used to check if an authenticated user can listen to the channel.
+|
+*/
+
+Broadcast::channel('App.Models.User.{id}', function ($user, $id) {
+    return (int) $user->id === (int) $id;
+});
diff --git a/routes/console.php b/routes/console.php
index eff2ed24041c8f6bdd2ab749c8a0af70144387f7..e05f4c9a1b27a35c20ac897b44dfb7a9238ff9b7 100644
--- a/routes/console.php
+++ b/routes/console.php
@@ -3,6 +3,17 @@
 use Illuminate\Foundation\Inspiring;
 use Illuminate\Support\Facades\Artisan;
 
+/*
+|--------------------------------------------------------------------------
+| Console Routes
+|--------------------------------------------------------------------------
+|
+| This file is where you may define all of your Closure based console
+| commands. Each Closure is bound to a command instance allowing a
+| simple approach to interacting with each command's IO methods.
+|
+*/
+
 Artisan::command('inspire', function () {
     $this->comment(Inspiring::quote());
-})->purpose('Display an inspiring quote')->hourly();
+})->purpose('Display an inspiring quote');
diff --git a/routes/web.php b/routes/web.php
index ad319f195a029bc9b037f613a2806010b20e95a0..327284fe9c47ad19ea35861b2921fbd3c5e1e6cb 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,19 +1,115 @@
 <?php
 
 use Illuminate\Support\Facades\Route;
-use App\Http\Middleware\CheckBanned;
-
-Route::get('/', function () {
-    return view('welcome');
-});
-
-Route::middleware([
-    'auth:sanctum',
-    config('jetstream.auth_session'),
-    'verified',
-    CheckBanned::class
-])->group(function () {
-    Route::get('/dashboard', function () {
-        return view('dashboard');
-    })->name('dashboard');
-});
+
+Route::view('/', 'index');
+Route::view('/analytics', 'analytics');
+Route::view('/finance', 'finance');
+Route::view('/crypto', 'crypto');
+
+Route::view('/apps/chat', 'apps.chat');
+Route::view('/apps/mailbox', 'apps.mailbox');
+Route::view('/apps/todolist', 'apps.todolist');
+Route::view('/apps/notes', 'apps.notes');
+Route::view('/apps/scrumboard', 'apps.scrumboard');
+Route::view('/apps/contacts', 'apps.contacts');
+Route::view('/apps/calendar', 'apps.calendar');
+
+Route::view('/apps/invoice/list', 'apps.invoice.list');
+Route::view('/apps/invoice/preview', 'apps.invoice.preview');
+Route::view('/apps/invoice/add', 'apps.invoice.add');
+Route::view('/apps/invoice/edit', 'apps.invoice.edit');
+
+Route::view('/components/tabs', 'ui-components.tabs');
+Route::view('/components/accordions', 'ui-components.accordions');
+Route::view('/components/modals', 'ui-components.modals');
+Route::view('/components/cards', 'ui-components.cards');
+Route::view('/components/carousel', 'ui-components.carousel');
+Route::view('/components/countdown', 'ui-components.countdown');
+Route::view('/components/counter', 'ui-components.counter');
+Route::view('/components/sweetalert', 'ui-components.sweetalert');
+Route::view('/components/timeline', 'ui-components.timeline');
+Route::view('/components/notifications', 'ui-components.notifications');
+Route::view('/components/media-object', 'ui-components.media-object');
+Route::view('/components/list-group', 'ui-components.list-group');
+Route::view('/components/pricing-table', 'ui-components.pricing-table');
+Route::view('/components/lightbox', 'ui-components.lightbox');
+
+Route::view('/elements/alerts', 'elements.alerts');
+Route::view('/elements/avatar', 'elements.avatar');
+Route::view('/elements/badges', 'elements.badges');
+Route::view('/elements/breadcrumbs', 'elements.breadcrumbs');
+Route::view('/elements/buttons', 'elements.buttons');
+Route::view('/elements/buttons-group', 'elements.buttons-group');
+Route::view('/elements/color-library', 'elements.color-library');
+Route::view('/elements/dropdown', 'elements.dropdown');
+Route::view('/elements/infobox', 'elements.infobox');
+Route::view('/elements/jumbotron', 'elements.jumbotron');
+Route::view('/elements/loader', 'elements.loader');
+Route::view('/elements/pagination', 'elements.pagination');
+Route::view('/elements/popovers', 'elements.popovers');
+Route::view('/elements/progress-bar', 'elements.progress-bar');
+Route::view('/elements/search', 'elements.search');
+Route::view('/elements/tooltips', 'elements.tooltips');
+Route::view('/elements/treeview', 'elements.treeview');
+Route::view('/elements/typography', 'elements.typography');
+
+Route::view('/charts', 'charts');
+Route::view('/widgets', 'widgets');
+Route::view('/font-icons', 'font-icons');
+Route::view('/dragndrop', 'dragndrop');
+
+Route::view('/tables', 'tables');
+
+Route::view('/datatables/advanced', 'datatables.advanced');
+Route::view('/datatables/alt-pagination', 'datatables.alt-pagination');
+Route::view('/datatables/basic', 'datatables.basic');
+Route::view('/datatables/checkbox', 'datatables.checkbox');
+Route::view('/datatables/clone-header', 'datatables.clone-header');
+Route::view('/datatables/column-chooser', 'datatables.column-chooser');
+Route::view('/datatables/export', 'datatables.export');
+Route::view('/datatables/multi-column', 'datatables.multi-column');
+Route::view('/datatables/multiple-tables', 'datatables.multiple-tables');
+Route::view('/datatables/order-sorting', 'datatables.order-sorting');
+Route::view('/datatables/range-search', 'datatables.range-search');
+Route::view('/datatables/skin', 'datatables.skin');
+Route::view('/datatables/sticky-header', 'datatables.sticky-header');
+
+Route::view('/forms/basic', 'forms.basic');
+Route::view('/forms/input-group', 'forms.input-group');
+Route::view('/forms/layouts', 'forms.layouts');
+Route::view('/forms/validation', 'forms.validation');
+Route::view('/forms/input-mask', 'forms.input-mask');
+Route::view('/forms/select2', 'forms.select2');
+Route::view('/forms/touchspin', 'forms.touchspin');
+Route::view('/forms/checkbox-radio', 'forms.checkbox-radio');
+Route::view('/forms/switches', 'forms.switches');
+Route::view('/forms/wizards', 'forms.wizards');
+Route::view('/forms/file-upload', 'forms.file-upload');
+Route::view('/forms/quill-editor', 'forms.quill-editor');
+Route::view('/forms/markdown-editor', 'forms.markdown-editor');
+Route::view('/forms/date-picker', 'forms.date-picker');
+Route::view('/forms/clipboard', 'forms.clipboard');
+
+Route::view('/users/profile', 'users.profile');
+Route::view('/users/user-account-settings', 'users.user-account-settings');
+
+Route::view('/pages/knowledge-base', 'pages.knowledge-base');
+Route::view('/pages/contact-us-boxed', 'pages.contact-us-boxed');
+Route::view('/pages/contact-us-cover', 'pages.contact-us-cover');
+Route::view('/pages/faq', 'pages.faq');
+Route::view('/pages/coming-soon-boxed', 'pages.coming-soon-boxed');
+Route::view('/pages/coming-soon-cover', 'pages.coming-soon-cover');
+Route::view('/pages/error404', 'pages.error404');
+Route::view('/pages/error500', 'pages.error500');
+Route::view('/pages/error503', 'pages.error503');
+Route::view('/pages/maintenence', 'pages.maintenence');
+
+Route::view('/auth/boxed-lockscreen', 'auth.boxed-lockscreen');
+Route::view('/auth/boxed-signin', 'auth.boxed-signin');
+Route::view('/auth/boxed-signup', 'auth.boxed-signup');
+Route::view('/auth/boxed-password-reset', 'auth.boxed-password-reset');
+Route::view('/auth/cover-login', 'auth.cover-login');
+Route::view('/auth/cover-register', 'auth.cover-register');
+Route::view('/auth/cover-lockscreen', 'auth.cover-lockscreen');
+Route::view('/auth/cover-password-reset', 'auth.cover-password-reset');
diff --git a/tailwind.config.js b/tailwind.config.js
index abfacff1ee47899f765d11fcb2116e5b2acbe1bc..77a3cf0d9eff4fb249b1de51e60e134d30715162 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,23 +1,89 @@
-import defaultTheme from 'tailwindcss/defaultTheme';
-import forms from '@tailwindcss/forms';
-import typography from '@tailwindcss/typography';
-
 /** @type {import('tailwindcss').Config} */
-export default {
-    content: [
-        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
-        './vendor/laravel/jetstream/**/*.blade.php',
-        './storage/framework/views/*.php',
-        './resources/views/**/*.blade.php',
-    ],
-
+module.exports = {
+    content: ["./resources/**/*.blade.php",
+    "./resources/**/*.js",
+    "./resources/**/*.vue"],
+    darkMode: "class",
     theme: {
-        extend: {
-            fontFamily: {
-                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
+      container: {
+        center: true,
+      },
+      extend: {
+        colors: {
+          primary: {
+            DEFAULT: "#4361ee",
+            light: "#eaf1ff",
+            "dark-light": "rgba(67,97,238,.15)",
+          },
+          secondary: {
+            DEFAULT: "#805dca",
+            light: "#ebe4f7",
+            "dark-light": "rgb(128 93 202 / 15%)",
+          },
+          success: {
+            DEFAULT: "#00ab55",
+            light: "#ddf5f0",
+            "dark-light": "rgba(0,171,85,.15)",
+          },
+          danger: {
+            DEFAULT: "#e7515a",
+            light: "#fff5f5",
+            "dark-light": "rgba(231,81,90,.15)",
+          },
+          warning: {
+            DEFAULT: "#e2a03f",
+            light: "#fff9ed",
+            "dark-light": "rgba(226,160,63,.15)",
+          },
+          info: {
+            DEFAULT: "#2196f3",
+            light: "#e7f7ff",
+            "dark-light": "rgba(33,150,243,.15)",
+          },
+          dark: {
+            DEFAULT: "#3b3f5c",
+            light: "#eaeaec",
+            "dark-light": "rgba(59,63,92,.15)",
+          },
+          black: {
+            DEFAULT: "#0e1726",
+            light: "#e3e4eb",
+            "dark-light": "rgba(14,23,38,.15)",
+          },
+          white: {
+            DEFAULT: "#ffffff",
+            light: "#e0e6ed",
+            dark: "#888ea8",
+          },
+        },
+        fontFamily: {
+          nunito: ["Nunito", "sans-serif"],
+        },
+        spacing: {
+          4.5: "18px",
+        },
+        boxShadow: {
+          "3xl":
+            "0 2px 2px rgb(224 230 237 / 46%), 1px 6px 7px rgb(224 230 237 / 46%)",
+        },
+        typography: {
+          DEFAULT: {
+            css: {
+              h1: { fontSize: "40px" },
+              h2: { fontSize: "32px" },
+              h3: { fontSize: "28px" },
+              h4: { fontSize: "24px" },
+              h5: { fontSize: "20px" },
+              h6: { fontSize: "16px" },
             },
+          },
         },
+      },
     },
-
-    plugins: [forms, typography],
-};
+    plugins: [
+      require("@tailwindcss/forms")({
+        strategy: "base", // only generate global styles
+      }),
+      require("@tailwindcss/typography"),
+    ],
+  };
diff --git a/tests/CreatesApplication.php b/tests/CreatesApplication.php
new file mode 100644
index 0000000000000000000000000000000000000000..547152f6a933b1c1f409283d7bdfe1ba556d4069
--- /dev/null
+++ b/tests/CreatesApplication.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace Tests;
+
+use Illuminate\Contracts\Console\Kernel;
+
+trait CreatesApplication
+{
+    /**
+     * Creates the application.
+     *
+     * @return \Illuminate\Foundation\Application
+     */
+    public function createApplication()
+    {
+        $app = require __DIR__.'/../bootstrap/app.php';
+
+        $app->make(Kernel::class)->bootstrap();
+
+        return $app;
+    }
+}
diff --git a/tests/Feature/ApiTokenPermissionsTest.php b/tests/Feature/ApiTokenPermissionsTest.php
deleted file mode 100644
index b15bdbde47139fc926691df0c355cb7d2569113e..0000000000000000000000000000000000000000
--- a/tests/Feature/ApiTokenPermissionsTest.php
+++ /dev/null
@@ -1,45 +0,0 @@
-<?php
-
-namespace Tests\Feature;
-
-use App\Models\User;
-use Illuminate\Foundation\Testing\RefreshDatabase;
-use Illuminate\Support\Str;
-use Laravel\Jetstream\Features;
-use Laravel\Jetstream\Http\Livewire\ApiTokenManager;
-use Livewire\Livewire;
-use Tests\TestCase;
-
-class ApiTokenPermissionsTest extends TestCase
-{
-    use RefreshDatabase;
-
-    public function test_api_token_permissions_can_be_updated(): void
-    {
-        if (! Features::hasApiFeatures()) {
-            $this->markTestSkipped('API support is not enabled.');
-        }
-
-        $this->actingAs($user = User::factory()->withPersonalTeam()->create());
-
-        $token = $user->tokens()->create([
-            'name' => 'Test Token',
-            'token' => Str::random(40),
-            'abilities' => ['create', 'read'],
-        ]);
-
-        Livewire::test(ApiTokenManager::class)
-            ->set(['managingPermissionsFor' => $token])
-            ->set(['updateApiTokenForm' => [
-                'permissions' => [
-                    'delete',
-                    'missing-permission',
-                ],
-            ]])
-            ->call('updateApiToken');
-
-        $this->assertTrue($user->fresh()->tokens->first()->can('delete'));
-        $this->assertFalse($user->fresh()->tokens->first()->can('read'));
-        $this->assertFalse($user->fresh()->tokens->first()->can('missing-permission'));
-    }
-}
diff --git a/tests/Feature/BrowserSessionsTest.php b/tests/Feature/BrowserSessionsTest.php
deleted file mode 100644
index 770c4358a069b1f3f1fb10725a2244eb46c17ddd..0000000000000000000000000000000000000000
--- a/tests/Feature/BrowserSessionsTest.php
+++ /dev/null
@@ -1,24 +0,0 @@
-<?php
-
-namespace Tests\Feature;
-
-use App\Models\User;
-use Illuminate\Foundation\Testing\RefreshDatabase;
-use Laravel\Jetstream\Http\Livewire\LogoutOtherBrowserSessionsForm;
-use Livewire\Livewire;
-use Tests\TestCase;
-
-class BrowserSessionsTest extends TestCase
-{
-    use RefreshDatabase;
-
-    public function test_other_browser_sessions_can_be_logged_out(): void
-    {
-        $this->actingAs(User::factory()->create());
-
-        Livewire::test(LogoutOtherBrowserSessionsForm::class)
-            ->set('password', 'password')
-            ->call('logoutOtherBrowserSessions')
-            ->assertSuccessful();
-    }
-}
diff --git a/tests/Feature/CreateApiTokenTest.php b/tests/Feature/CreateApiTokenTest.php
deleted file mode 100644
index fab69d997cb24899a415886a9bcba0ce91f4259e..0000000000000000000000000000000000000000
--- a/tests/Feature/CreateApiTokenTest.php
+++ /dev/null
@@ -1,39 +0,0 @@
-<?php
-
-namespace Tests\Feature;
-
-use App\Models\User;
-use Illuminate\Foundation\Testing\RefreshDatabase;
-use Laravel\Jetstream\Features;
-use Laravel\Jetstream\Http\Livewire\ApiTokenManager;
-use Livewire\Livewire;
-use Tests\TestCase;
-
-class CreateApiTokenTest extends TestCase
-{
-    use RefreshDatabase;
-
-    public function test_api_tokens_can_be_created(): void
-    {
-        if (! Features::hasApiFeatures()) {
-            $this->markTestSkipped('API support is not enabled.');
-        }
-
-        $this->actingAs($user = User::factory()->withPersonalTeam()->create());
-
-        Livewire::test(ApiTokenManager::class)
-            ->set(['createApiTokenForm' => [
-                'name' => 'Test Token',
-                'permissions' => [
-                    'read',
-                    'update',
-                ],
-            ]])
-            ->call('createApiToken');
-
-        $this->assertCount(1, $user->fresh()->tokens);
-        $this->assertEquals('Test Token', $user->fresh()->tokens->first()->name);
-        $this->assertTrue($user->fresh()->tokens->first()->can('read'));
-        $this->assertFalse($user->fresh()->tokens->first()->can('delete'));
-    }
-}
diff --git a/tests/Feature/DeleteAccountTest.php b/tests/Feature/DeleteAccountTest.php
deleted file mode 100644
index 561d692fd5f539d62387d7ad8e2ce2ecb947327b..0000000000000000000000000000000000000000
--- a/tests/Feature/DeleteAccountTest.php
+++ /dev/null
@@ -1,46 +0,0 @@
-<?php
-
-namespace Tests\Feature;
-
-use App\Models\User;
-use Illuminate\Foundation\Testing\RefreshDatabase;
-use Laravel\Jetstream\Features;
-use Laravel\Jetstream\Http\Livewire\DeleteUserForm;
-use Livewire\Livewire;
-use Tests\TestCase;
-
-class DeleteAccountTest extends TestCase
-{
-    use RefreshDatabase;
-
-    public function test_user_accounts_can_be_deleted(): void
-    {
-        if (! Features::hasAccountDeletionFeatures()) {
-            $this->markTestSkipped('Account deletion is not enabled.');
-        }
-
-        $this->actingAs($user = User::factory()->create());
-
-        $component = Livewire::test(DeleteUserForm::class)
-            ->set('password', 'password')
-            ->call('deleteUser');
-
-        $this->assertNull($user->fresh());
-    }
-
-    public function test_correct_password_must_be_provided_before_account_can_be_deleted(): void
-    {
-        if (! Features::hasAccountDeletionFeatures()) {
-            $this->markTestSkipped('Account deletion is not enabled.');
-        }
-
-        $this->actingAs($user = User::factory()->create());
-
-        Livewire::test(DeleteUserForm::class)
-            ->set('password', 'wrong-password')
-            ->call('deleteUser')
-            ->assertHasErrors(['password']);
-
-        $this->assertNotNull($user->fresh());
-    }
-}
diff --git a/tests/Feature/DeleteApiTokenTest.php b/tests/Feature/DeleteApiTokenTest.php
deleted file mode 100644
index 1903e17ea113d42268048327d645170d10327894..0000000000000000000000000000000000000000
--- a/tests/Feature/DeleteApiTokenTest.php
+++ /dev/null
@@ -1,37 +0,0 @@
-<?php
-
-namespace Tests\Feature;
-
-use App\Models\User;
-use Illuminate\Foundation\Testing\RefreshDatabase;
-use Illuminate\Support\Str;
-use Laravel\Jetstream\Features;
-use Laravel\Jetstream\Http\Livewire\ApiTokenManager;
-use Livewire\Livewire;
-use Tests\TestCase;
-
-class DeleteApiTokenTest extends TestCase
-{
-    use RefreshDatabase;
-
-    public function test_api_tokens_can_be_deleted(): void
-    {
-        if (! Features::hasApiFeatures()) {
-            $this->markTestSkipped('API support is not enabled.');
-        }
-
-        $this->actingAs($user = User::factory()->withPersonalTeam()->create());
-
-        $token = $user->tokens()->create([
-            'name' => 'Test Token',
-            'token' => Str::random(40),
-            'abilities' => ['create', 'read'],
-        ]);
-
-        Livewire::test(ApiTokenManager::class)
-            ->set(['apiTokenIdBeingDeleted' => $token->id])
-            ->call('deleteApiToken');
-
-        $this->assertCount(0, $user->fresh()->tokens);
-    }
-}
diff --git a/tests/Feature/ExampleTest.php b/tests/Feature/ExampleTest.php
index 8364a84e2b7eea9f007e99a5d3333273fe30bf8a..1eafba615200c12073d8c93b6abeb8db964f223d 100644
--- a/tests/Feature/ExampleTest.php
+++ b/tests/Feature/ExampleTest.php
@@ -9,8 +9,10 @@ class ExampleTest extends TestCase
 {
     /**
      * A basic test example.
+     *
+     * @return void
      */
-    public function test_the_application_returns_a_successful_response(): void
+    public function test_the_application_returns_a_successful_response()
     {
         $response = $this->get('/');
 
diff --git a/tests/Feature/ProfileInformationTest.php b/tests/Feature/ProfileInformationTest.php
deleted file mode 100644
index ce1a8e7dedefa62c8d0a04bbe01dc4c2cef5d988..0000000000000000000000000000000000000000
--- a/tests/Feature/ProfileInformationTest.php
+++ /dev/null
@@ -1,36 +0,0 @@
-<?php
-
-namespace Tests\Feature;
-
-use App\Models\User;
-use Illuminate\Foundation\Testing\RefreshDatabase;
-use Laravel\Jetstream\Http\Livewire\UpdateProfileInformationForm;
-use Livewire\Livewire;
-use Tests\TestCase;
-
-class ProfileInformationTest extends TestCase
-{
-    use RefreshDatabase;
-
-    public function test_current_profile_information_is_available(): void
-    {
-        $this->actingAs($user = User::factory()->create());
-
-        $component = Livewire::test(UpdateProfileInformationForm::class);
-
-        $this->assertEquals($user->name, $component->state['name']);
-        $this->assertEquals($user->email, $component->state['email']);
-    }
-
-    public function test_profile_information_can_be_updated(): void
-    {
-        $this->actingAs($user = User::factory()->create());
-
-        Livewire::test(UpdateProfileInformationForm::class)
-            ->set('state', ['name' => 'Test Name', 'email' => 'test@example.com'])
-            ->call('updateProfileInformation');
-
-        $this->assertEquals('Test Name', $user->fresh()->name);
-        $this->assertEquals('test@example.com', $user->fresh()->email);
-    }
-}
diff --git a/tests/Feature/TwoFactorAuthenticationSettingsTest.php b/tests/Feature/TwoFactorAuthenticationSettingsTest.php
deleted file mode 100644
index 132165921124b0cfdc4755a6a50a8bc3a55091f7..0000000000000000000000000000000000000000
--- a/tests/Feature/TwoFactorAuthenticationSettingsTest.php
+++ /dev/null
@@ -1,76 +0,0 @@
-<?php
-
-namespace Tests\Feature;
-
-use App\Models\User;
-use Illuminate\Foundation\Testing\RefreshDatabase;
-use Laravel\Fortify\Features;
-use Laravel\Jetstream\Http\Livewire\TwoFactorAuthenticationForm;
-use Livewire\Livewire;
-use Tests\TestCase;
-
-class TwoFactorAuthenticationSettingsTest extends TestCase
-{
-    use RefreshDatabase;
-
-    public function test_two_factor_authentication_can_be_enabled(): void
-    {
-        if (! Features::canManageTwoFactorAuthentication()) {
-            $this->markTestSkipped('Two factor authentication is not enabled.');
-        }
-
-        $this->actingAs($user = User::factory()->create());
-
-        $this->withSession(['auth.password_confirmed_at' => time()]);
-
-        Livewire::test(TwoFactorAuthenticationForm::class)
-            ->call('enableTwoFactorAuthentication');
-
-        $user = $user->fresh();
-
-        $this->assertNotNull($user->two_factor_secret);
-        $this->assertCount(8, $user->recoveryCodes());
-    }
-
-    public function test_recovery_codes_can_be_regenerated(): void
-    {
-        if (! Features::canManageTwoFactorAuthentication()) {
-            $this->markTestSkipped('Two factor authentication is not enabled.');
-        }
-
-        $this->actingAs($user = User::factory()->create());
-
-        $this->withSession(['auth.password_confirmed_at' => time()]);
-
-        $component = Livewire::test(TwoFactorAuthenticationForm::class)
-            ->call('enableTwoFactorAuthentication')
-            ->call('regenerateRecoveryCodes');
-
-        $user = $user->fresh();
-
-        $component->call('regenerateRecoveryCodes');
-
-        $this->assertCount(8, $user->recoveryCodes());
-        $this->assertCount(8, array_diff($user->recoveryCodes(), $user->fresh()->recoveryCodes()));
-    }
-
-    public function test_two_factor_authentication_can_be_disabled(): void
-    {
-        if (! Features::canManageTwoFactorAuthentication()) {
-            $this->markTestSkipped('Two factor authentication is not enabled.');
-        }
-
-        $this->actingAs($user = User::factory()->create());
-
-        $this->withSession(['auth.password_confirmed_at' => time()]);
-
-        $component = Livewire::test(TwoFactorAuthenticationForm::class)
-            ->call('enableTwoFactorAuthentication');
-
-        $this->assertNotNull($user->fresh()->two_factor_secret);
-
-        $component->call('disableTwoFactorAuthentication');
-
-        $this->assertNull($user->fresh()->two_factor_secret);
-    }
-}
diff --git a/tests/Feature/UpdatePasswordTest.php b/tests/Feature/UpdatePasswordTest.php
deleted file mode 100644
index 57dbe2dec2c01167e39608c5adce8087a281bb64..0000000000000000000000000000000000000000
--- a/tests/Feature/UpdatePasswordTest.php
+++ /dev/null
@@ -1,62 +0,0 @@
-<?php
-
-namespace Tests\Feature;
-
-use App\Models\User;
-use Illuminate\Foundation\Testing\RefreshDatabase;
-use Illuminate\Support\Facades\Hash;
-use Laravel\Jetstream\Http\Livewire\UpdatePasswordForm;
-use Livewire\Livewire;
-use Tests\TestCase;
-
-class UpdatePasswordTest extends TestCase
-{
-    use RefreshDatabase;
-
-    public function test_password_can_be_updated(): void
-    {
-        $this->actingAs($user = User::factory()->create());
-
-        Livewire::test(UpdatePasswordForm::class)
-            ->set('state', [
-                'current_password' => 'password',
-                'password' => 'new-password',
-                'password_confirmation' => 'new-password',
-            ])
-            ->call('updatePassword');
-
-        $this->assertTrue(Hash::check('new-password', $user->fresh()->password));
-    }
-
-    public function test_current_password_must_be_correct(): void
-    {
-        $this->actingAs($user = User::factory()->create());
-
-        Livewire::test(UpdatePasswordForm::class)
-            ->set('state', [
-                'current_password' => 'wrong-password',
-                'password' => 'new-password',
-                'password_confirmation' => 'new-password',
-            ])
-            ->call('updatePassword')
-            ->assertHasErrors(['current_password']);
-
-        $this->assertTrue(Hash::check('password', $user->fresh()->password));
-    }
-
-    public function test_new_passwords_must_match(): void
-    {
-        $this->actingAs($user = User::factory()->create());
-
-        Livewire::test(UpdatePasswordForm::class)
-            ->set('state', [
-                'current_password' => 'password',
-                'password' => 'new-password',
-                'password_confirmation' => 'wrong-password',
-            ])
-            ->call('updatePassword')
-            ->assertHasErrors(['password']);
-
-        $this->assertTrue(Hash::check('password', $user->fresh()->password));
-    }
-}
diff --git a/tests/TestCase.php b/tests/TestCase.php
index fe1ffc2ff1abc1c23522418994879623c5647859..2932d4a69d6554cec4dea94e3194351710bd659e 100644
--- a/tests/TestCase.php
+++ b/tests/TestCase.php
@@ -6,5 +6,5 @@
 
 abstract class TestCase extends BaseTestCase
 {
-    //
+    use CreatesApplication;
 }
diff --git a/tests/Unit/ExampleTest.php b/tests/Unit/ExampleTest.php
index 5773b0ceb771e176520d5a9c1efe5e918878318d..e5c5fef7a07c827e882cbf83ae5403c7e911cd3c 100644
--- a/tests/Unit/ExampleTest.php
+++ b/tests/Unit/ExampleTest.php
@@ -8,8 +8,10 @@ class ExampleTest extends TestCase
 {
     /**
      * A basic test example.
+     *
+     * @return void
      */
-    public function test_that_true_is_true(): void
+    public function test_that_true_is_true()
     {
         $this->assertTrue(true);
     }
diff --git a/vite.config.js b/vite.config.js
index 89f26f5db35623df0883dd967f6b22723a985b7d..44d0bbd58deb9799614808a00699107160394231 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -2,11 +2,27 @@ import { defineConfig } from 'vite';
 import laravel from 'laravel-vite-plugin';
 
 export default defineConfig({
+    server: {
+        host: '127.0.0.1',
+    },
     plugins: [
         laravel({
             input: [
                 'resources/css/app.css',
-                'resources/js/app.js',
+                'resources/css/highlight.min.css',
+                'resources/css/easymde.min.css',
+                'resources/css/fancybox.css',
+                'resources/css/flatpickr.min.css',
+                'resources/css/font-awesome.min.css',
+                'resources/css/fullcalendar.min.css',
+                'resources/css/highlight.min.css',
+                'resources/css/markdown-editor.css',
+                'resources/css/nice-select.css',
+                'resources/css/nice-select2.css',
+                'resources/css/nouislider.min.css',
+                'resources/css/quill.snow.css',
+                'resources/css/swiper-bundle.min.css',
+                'resources/css/tippy.css',
             ],
             refresh: true,
         }),
diff --git a/vristo-laravel-dovumentation.docx b/vristo-laravel-dovumentation.docx
new file mode 100644
index 0000000000000000000000000000000000000000..be2e85952418fecd0f91417b37615cb5d9b2fc9a
Binary files /dev/null and b/vristo-laravel-dovumentation.docx differ